body {
	margin: 0px;
	padding: 0px;
	#color: #feebfd;
	/*font-family: Trebuchet MS, Geneva, sans-serif;*/
	font-size: 15px;
	line-height: 1.5em; 
	background-color: #feebfd;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}




p { margin: 0 0 10px 0; padding: 0; }
img { border: none; }

h1, h2, h3, h4, h5, h6 { color: #ff4c20; font-weight: normal }
h1 { font-size: 34px; margin: 0 0 30px 0; padding: 5px 0; }
h2 { font-size: 24px; margin: 0 0 30px 0; padding: 0; }
h3 { font-size: 21px; margin: 0 0 15px; padding: 0; }
h4 { font-size: 18px; margin: 0 0 15px; padding: 0; }
h5 { font-size: 16px; margin: 0 0 10px; padding: 0;  }
h6 { font-size: 14px; margin: 0 0 5px; padding: 0; }

.clear { clear: both }
.h10 { height: 10px }
.h20 { height: 20px }
.h30 { height: 30px }
.h40 { height: 40px }
.h50 { height: 50px }
.h60 { height: 60px }

.float_l { float: left }
.float_r { float: right }

.round {border-radius: 10px;}
.image_wrapper { float:left;display: inline-block; border: 3px solid #35373b; margin-bottom: 5px }
.image_fl { float: left; margin: 3px 30px 0 0 }
.image_fr { float: right; margin: 3px 0 0 30px }
.image_fm { margin-left: auto;
margin-right: auto; }

blockquote { font-style: italic; margin-left: 10px}
cite { font-weight: bold; color:#ccc }
cite span { color: #ccc }
em { color: #aea2ac; font-weight: 400 }

.tmo_list { margin: 0 0 0 20px; padding: 0; list-style: none }
.tmo_list li { color: #ff4c20; margin:0 0 5px; padding: 3px 0 3px 15px; background: url(/images/templatmeo_list.jpg) no-repeat scroll 0 10px }
.tmo_list li a { color: #ff4c20; text-decoration: underline }
.tmo_list li a:hover { color: #e7c6cd; }

#wrapper { width: 90%; margin: 0 auto }



#header a {
	float: right;
	display: block;
	width: 10px;
	height: 1px;
	margin: 00px 0 0 00px; 
	font-size: 24px;
	#color: #ff4c20;
	font-weight: normal;
	text-decoration: none;
	background: url(/images/nopic.png) no-repeat top left;
	text-indent: -10000px;
}

/* menu */



/* end of menu */

.content_box {width: 90%;
	 clear: both; margin-bottom: 10px ; }
#content_box a { color: #fff; text-decoration: none;}


.col_w250 { width: 250px }
.last_box { margin: 0 }

#pre_footer {
	#float: right;
	clear: both;
	width: 100%;
	color: #ffffff;
	background-color:#cb15c1;
	padding: 0px 0px 0px 10px;
	}
#pre_footer	a { color: #fff; text-decoration: none;}
#pre_footer	a:hover { color: #000000; text-decoration: none; }


.bar_box {
	width: 320px;
	float: left;
	#margin-bottom: 50px 
	
}

.hashtag_box {
	width: 1000px;
	float: left;
	#margin-bottom: 50px 
	
}

.last_box {float: left;text-align: center; margin: 0 ;}


#jairencontre_footer {
	clear: both;
	#width: 100%;
	padding: 70px 30px 20px;
	text-align: center;
	#color: #c52623;
	font-size: 14px;
	#background: url(/images/jairencontre_footer.jpg) bottom center no-repeat;
}

#jairencontre_footer a { color: #c52623; }


.button{
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif ; 
	font-size: 12px; 
	line-height: 16px;
	padding:8px;
	#background:#ac8eac; 
	color:#cb15c1 ; 
	border-radius: 6px;
	}
.button span{
	#background:#ac8eac;
	display:block;
	border:2px solid #d1c1d1;
	border-radius: 6px;
	padding:2px 7px 3px;
	}
.button:hover{
	color:#e7c6cd ;
	background:#a21245 ;
	}
	.button:hover span{
		background:#cb15c1 ;
		border:2px solid #fff;
		}
.inner{
	padding:45px 0 19px 0;}
.inner-1{padding-bottom:19px;}

.image {
    #border: 5px solid white;
    border-top:15px solid white;
	border-right:15px solid white;
	border-bottom:30px solid white;
	border-left:15px solid white;

}
.image-gallery {
    #border: 2px solid #ff4c20;
    	#border-radius: 20px;
    #border-top:1px solid #f7b0f2;
	#border-right:1px solid #f7b0f2;
	#border-bottom:1px solid #f7b0f2;
	#border-left:1px solid #f7b0f2;

}

.annonce_title{
	width:210px;
	margin: 10px 0px 0px 0px;
	font-size:14px;
	color:#ff4c20 ; 
	}
.annonce_content{
	width:210px;
	font-size:14px;
	color:#3b3b3b ; 
	}	
.annonce_infos{
	font-size:14px;
	color:#939393 ; 
	}
	
.annonce
{
  text-align:center;
  position:relative;
  width:220px; 
  height:222px;
  overflow:hidden;
  color: #ffffff;	
  #background: #f7b0f2;
  margin: 10px 10px 10px 10px;
  border: 2px solid #ffc3fc;
}
.accueil
{
  text-align:center;
  position:relative;
  width:280px; 
  height:282px;
  overflow:hidden;
  color: #ffffff;	
  #background: #f7b0f2;
  margin: 10px 10px 10px 10px;
  border: 1px solid #ffc3fc;
}

.buttons_header {display: inline-block;
	font-family: Arial, Helvetica, sans-serif ; 
	font-size: 14px; 
	color:#ffffff;
	line-height: 16px;
	padding:8px; 
	 
	border-radius: 6px;
	padding:8px 14px 9px;background-image:linear-gradient(#ffc3fc, #2f6e00);}
.buttons_header:hover{background-image:linear-gradient(#2f6e00, #ffc3fc); }
.buttons_header:visited{font-size:14px;padding:8px 14px 9px;background-image:linear-gradient(#ffc3fc, #2f6e00);color:#fff;}

.buttons_header_menu {display: inline-block;
	font-family: Arial, Helvetica, sans-serif ; 
	font-size: 14px; 
	color:#ffffff;
	line-height: 16px;
	padding:8px; 
	 
	border-radius: 6px;
	padding:8px 14px 9px;background-image:linear-gradient(#cb15c1, #ffc3fc);}
.buttons_header_menu:hover{background-image:linear-gradient(#ffc3fc, #cb15c1); }
.buttons_header_menu:visited{font-size:14px;padding:8px 14px 9px;background-image:linear-gradient(#ffc3fc, #cb15c1);color:#fff;}


.buttons_cats {display: inline-block;
	font-family: Arial, Helvetica, sans-serif ; 
	font-size: 14px; 
	color:#343367;
	line-height: 16px;
	padding:8px; 
	 
	border-radius: 6px;
	padding:8px 14px 9px;}
.buttons_cats:hover{color:#ffffff;background-image:linear-gradient(#cb15c1, #ffc3fc); }


.buttons_villes {display: inline-block;
	font-family: Arial, Helvetica, sans-serif ; 
	font-size: 14px; 
	color:#343367;
	line-height: 16px;
	padding:2px; 
	 
	border-radius: 6px;
	}
.buttons_villes:hover{color:#ffffff;background-image:linear-gradient(#cb15c1, #ffc3fc); }


/* #menu a { color: #c52623; }
#menu a:hover { color: #000000; text-decoration: none; } */

 
.box1
{
  text-align:center;
  position:relative;
  width:242px; 
  height:210px;
  overflow:hidden;
  color: #ffffff;	
  background: #f7b0f2;
  margin: 0px 10px 0px 0px;
  border-radius: 0px 0px 10px 10px;
}

.box2
{
  text-align:center;
  position:relative;
  width:242px; 
  height:75px;
  overflow:hidden;
  color: #ffffff;	
  background: #f7b0f2;
  margin: 0px 10px 0px 0px;
  border-radius: 0px 0px 10px 10px;
}
.clip
{
  position:absolute;
  color: #0eb0ff;	
  background: #f7b0f2;	
  margin: 0px 10px 0px 0px;
}


.iframe
{
box-shadow: 1px 1px 12px #555;
}

iframe {
  margin-top: 20px;
  margin-bottom: 30px;

  -moz-border-radius: 12px;
  -webkit-border-radius: 12px; 
  border-radius: 12px; 

  -moz-box-shadow: 4px 4px 14px #000; 
  -webkit-box-shadow: 4px 4px 14px #000; 
  box-shadow: 4px 4px 14px #000; 

}


.hashtag,.hashtag:visited{position:relative;display:inline-block;height:22px;padding:0 7px 0 9px;margin:0 0 0 9px;background:#999;border:none;color:#fff;font-family:"Interstate","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Garuda,Verdana,Tahoma,sans-serif;font-weight:100;font-size:14px;line-height:22px;text-shadow:0 1px 1px rgba(0,0,0,.4);white-space:nowrap;cursor:pointer;-webkit-border-top-right-radius:3px;border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.hashtag:before{content:"";position:absolute;width:0;height:0;border-style:solid;border-width:11px 10px 11px 0;border-color:transparent #999 transparent transparent;top:0;left:-10px}.hashtag:after{content:"";position:absolute;width:5px;height:5px;background:#fff;top:8px;left:-1px;border-radius:50%;box-shadow:inset 0 1px 1px #737373}.hashtag:hover{background:#737373;color:#fff}.hashtag:hover:before{border-color:transparent #737373 transparent transparent}.hashtag-selected,.hashtag-selected:hover,.hashtag-selected:visited{background-color:#f60;text-shadow:0 1px 0 rgba(0,0,0,.2)}.hashtag-selected:hover:before,.hashtag-selected:before{border-color:transparent #f60 transparent transparent}.hashtag-small,.hashtag-small:visited{height:18px;padding:0 6px 0 8px;margin:0 0 0 8px;line-height:18px;font-size:13px;font-weight:400}.hashtag-small:before{border-width:9px 8px 9px 0;left:-8px}.hashtag-small:after{width:4px;height:4px;top:6px;left:0}.hashtag-large,.hashtag-large:visited{height:26px;padding:0 8px 0 10px;margin:0 0 0 10px;line-height:26px;font-size:16px}.hashtag-large:before{border-width:13px 12px 13px 0;left:-12px}.hashtag-large:after{width:6px;height:6px;top:9px;left:-2px}
.hashtag>.sc-hashtag{display:inline-block;color:#fff;}

.button:hover{background-color:#cb15c1;color:#fff;}.button:active{top:1px;}.small.button,.small.button:visited{font-size:11px}.button,.button:visited,.medium.button,.medium.button:visited{font-size:13px;font-weight:bold;line-height:1;text-shadow:0 -1px 1px rgba(0,0,0,0.25);}.large.button,.large.button:visited{font-size:14px;padding:8px 14px 9px;background-image:linear-gradient(#ffc3fc, #cb15c1);color:#fff;}.super.button,.super.button:visited{font-size:34px;padding:8px 14px 9px;}

.large.button:hover{background-image:linear-gradient(#cb15c1, #ffc3fc);}



figcaption {
  background-color: #000000;
  height: 100%;
  opacity: 0;
  position: absolute;
  transition: 250ms ease-in-out;
  width: 100%
}
 
figcaption:hover {
  opacity: .6;
}






#heart {
    position: relative;
    width: 100px;
    height: 90px;
}
#heart:before,
#heart:after {
    position: absolute;
    content: "";
    left: 50px;
    top: 0;
    width: 50px;
    height: 80px;
    background: red;
    -moz-border-radius: 50px 50px 0 0;
    border-radius: 50px 50px 0 0;
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transform-origin: 0 100%;
       -moz-transform-origin: 0 100%;
        -ms-transform-origin: 0 100%;
         -o-transform-origin: 0 100%;
            transform-origin: 0 100%;
}
#heart:after {
    left: 0;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transform-origin: 100% 100%;
       -moz-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
         -o-transform-origin: 100% 100%;
            transform-origin :100% 100%;
}


/* #entete, #menu, #contenu, #footer*/
#entete, #menu, #footer {
padding: 3px 0px 0px 10px;

}
#entete {
background-color:#feebfd;
text-align:left;
}
#main {
max-with:960px;
width:100%;
margin:auto;
background-color:#feebfd;
}

#accueil {
width:100%;max-width:800px;
#margin:auto;
}

#menu  {
/*width:90%;*/

padding: 0px 0px 10px 10px;
}

#menu ul
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
#menu ul li
{
background-image: none;
background-repeat: no-repeat;
background-position: 0px 5px; 
padding-bottom: 5px; 
padding-left: 5px; 
}


#contenu {
#margin-left:245px;
#background-color:#9966FF;
}
#footer {
	font-size: 14px;
	color: #ffffff;
background-color:#cb15c1;
text-align:center;
clear:both;
padding: 10px;
}
#footer a{
	color: #ffffff;
}





#display_pub {
        display: none;
        width: 768px;
        height:120px;
		padding-left: 30px;
		float:left;
    	}   	
    	

body {padding-top: 2px;padding-bottom: 2px;}
	.navbar{margin-bottom: 1px;}
	iframe {overflow:hidden;}
	
	#menu {
    #display: none;
}
@media screen and (min-width: 950px) {
    #menu {
        clear: both;
        display: block;
    	}
    #contenu {
		margin-left:245px;
		#background-color:#9966FF;
		}
		
	#menu {
		float:left;
		width:240px;
		#background-color:#FF330000;
		padding: 10px 0px 10px 10px;
		}
	#display_pub {
        clear: both;
        display: block;
    	}
    
	
    }