@import url(https://fonts.googleapis.com/css?family=Oxygen:400,700);

::-moz-selection{background:#AD9551;color:#fff;}
::selection{background:#AD9551;color:#fff;}

@media only screen and (-webkit-min-device-pixel-ratio: 0) and (min-device-width: 1025px) {
::-webkit-scrollbar {
    width: 12px;
    height: 6px;
	
}

::-webkit-scrollbar-button:start:decrement {
    display: block;
    height: 15px;
	background-image:url(../img/scroll_up.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#fff;
}

::-webkit-scrollbar-button:end:increment {
    display: block;
    height: 15px;
	background-image:url(../img/scroll_down.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#fff;
}

::-webkit-scrollbar-button:vertical:increment {
    background-color: #fff;
}

::-webkit-scrollbar-track-piece {
    background-color: #111f9b5;
	border-left:1px solid #fff;
}

::-webkit-scrollbar-thumb:vertical {
    height: 10px;
    background-color: #AD9551;
	border-left:1px solid #fff;
}

::-webkit-scrollbar-thumb:horizontal {
    width: 50px;
    background-color: #AD9551;
    -webkit-border-radius: 3px;
}

}

/* GENERAL */

body {
	color:#000;
	font-family:"Oxygen", Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size: 14px;
	background: white;

}

.bien {
    background-image: linear-gradient( to right, white ,white);
    margin: 20px;
    border: 12px solid #AD9551;
}
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) {
.bien {
    background-image: linear-gradient( to right, white ,white);
    margin: -10px;
    border: 12px solid #f48d55;
}
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) {
.bien {
    background-image: linear-gradient( to right, white ,white);
    margin: -10px;
    border: 12px solid #f48d55;
}
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
{
.bien {
    background-image: linear-gradient( to right, white ,white);
    margin: -10px;
    border: 12px solid #f48d55;
}
}
a {
	
	-webkit-transition: all 0.2s ease-in-out;
  	-moz-transition: all 0.2s ease-in-out;
 	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
	text-decoration:none;
	
	}

p {line-height: 20px;
    padding: 11px;}

img {border:0; vertical-align:middle;}

ul, li {list-style:none; margin:0; padding:0;}

h1 {
	
	font-size:25px;
	font-weight:700;
	margin-bottom:32px;
	text-transform:uppercase;
	color:#AD9551	}
@media (max-width: 568px) {
	
	h1 {
	font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
    text-transform: uppercase;
	color:#AD9551	}
#menu-demo2
{
position: relative;

    bottom: 24px;
    right: 142px;
	z-index:10000;
}

}

@media screen and (max-width: 350px) 
{
#menu-demo2
{
    position: relative;
    bottom: 24px;
    right: 105px;
	z-index:10000;
}
		
	}

	@media (max-width: 991px) {

	h1 {
	    
	font-size: 18px;
    font-weight: 700;
	margin-left: 0px;
    margin-bottom: 13px;
    text-transform: uppercase;
	color:#AD9551	}
	}
		

@media screen and (max-width: 761px) {

	h1 {
	font-size: 18px;
    font-weight: 700;
    margin-left: 20px;
    margin-bottom: 15px;
    text-transform: uppercase;
	color:#AD9551	}
	}		
		@media (max-width: 991px) {

		#coupd
	{
	margin-left: 278px;

	}
	#coupdd
	{
	margin-left: 259px;

	}
	}
	
		@media (max-width: 750px) {

		#coupd
	{
	margin-left: 278px;

	}
	#coupdd
	{
	margin-left: 278px;

	}
	}
	@media screen and (max-width: 667px) 

	{
			#coupd
	{
	margin-left: 64px;
	}
		#coupdd
	{
	margin-left: 36px;
	}
	}
	@media screen and (max-width: 400px) 
{
			#coupd
	{
	margin-left: 62px;
	}
		#coupdd
	{
	margin-left: 26px;
	}
	}
	
	@media screen and (max-width: 350px) 
{
			#coupd
	{
	margin-left: 63px;
	}
	#coupdd
	{
	margin-left: 30px;
	}
		
	}
h2 {
	
	font-size:15px;
	font-weight:700;
	margin-bottom:25px;
	margin-top:6px;
	text-transform:uppercase;
	
	}

/* MENU */

.menu {
	float:left;
	text-decoration:none;

	height:55px;
	line-height:55px;
	font-size:20px;
	font-weight:700;
	
	}

.separation {
	
	display:inline-block;
	height:55px;
	line-height:55px;
	width:4%;
	
	}

.informations_menu {
	
	float:right;
	padding:0 0 0 25px;
	text-align:center;
	height:55px;
	line-height:55px;
	font-weight:700;
	display: inline-block;
	}

.icon_menu {
	
	vertical-align:middle;
	padding-right:5px;
	
	}


.menu ul {
	
	text-align:center;
	padding:0 15px 0 0;
    margin:0;
    list-style: none;
	
	}

.menu ul li {
	
	display:inline-block;
	padding:0 10px 0 10px;
	
	}

.menu ul li a {
    display:inline-block;
	text-transform:uppercase;
	text-decoration:none;
	color:#000;
}
	
.menu ul li a:hover {
	color:#AD9551;
}

.menu .menu_actif a {color:#AD9551;}

@media (max-width: 1199px) {
	
.menu {width:100%;}
.menu ul {padding:0;}
.separation {display:none;}
.informations_menu {    padding: 40px;width:100%;     margin-top: 28px; }
	
}

@media (max-width: 568px) {
	
.menu {font-size:16px; height:35px; line-height:35px;}
.informations_menu {  51px  font-size: 8px;
    height: 26px;
    padding: 40px;
    line-height: 13px;
    margin-top: 17px;
    padding-bottom: 51px;}
}


@media screen and (max-width: 600px) 
{

#tele{ font-size:19px;}
}
@media screen and (max-width: 667px) 
{
#tele{ font-size:14px;}
}
#partage{
	margin-top:2%;
	
	
}

@media screen and (max-width: 667px) 
{
div#partage{
	width:100%;
	
	
}
}
#img_contact{
display:block; 
margin-left:40%;
 margin-top:0%;"

}
@media screen and (max-width: 667px) 
{
#img_contact{
display:block; 
margin-left:40%;
 margin-top:0%;"

}
#img_contact img{
width: 25%;
    margin-left: -75px;

}
}
.menu > input,
.menu > label,
.nom_menu {
	display: none;
}




@media (max-width: 479px) {	

.menu {

	background-color:#ebebeb;
	height: 42px;
    width: 93%;
	z-index:1000000;
	position:absolute;
	}
	
.menu ul {
		-webkit-transform: translateZ(0); 
		-ms-transform: translateZ(0);
		        transform: translateZ(0);
		-webkit-transition: max-height .4s;
		        transition: max-height .4s;
		will-change: max-height;
	
		margin: 0;
		padding: 0;
		list-style: none;
		margin-top:-4px;
	}
	
.menu ul li {
	
	display: block;
	font-size:25px;
	text-transform:uppercase;
	list-style:none;
	padding:0;
	text-decoration:none;
	background-color:#DDD;
	border-bottom:0px solid #fff;
	
	}

	.menu a {
		padding: 1.2rem;
		text-decoration: none;
	}
	.menu a:hover, 
	.menu a:focus,
	.menu a:active
	{
		color:#283d07;
	}
	
	.menu > input:not(:checked) ~ ul {
		max-height: 0;
		overflow: hidden;
	}

	.menu > input:checked ~ ul {
		max-height: 20em;
	}
	
	.nom_menu {display:block; position:absolute; left:20px; line-height:40px; color:#f68e56}
	
	.menu > label {
		display: block;
		position:absolute;
		right: 20px;
		z-index: 9;
		height: 35px;
		width:35px;
		text-align: center;
		font-size: 13px;
		color: #f68e56;
		-webkit-tap-highlight-color:rgba(0,0,0,0);
		-webkit-transition: .2s webkit-transform cubic-bezier(0, 1.8, 1, 1.2);
		        transition: .2s transform cubic-bezier(0, 1.8, 1, 1.2);
	}
	.menu > label:before {
		content: "";
		display: block;	
		z-index: 9;
		height: 1.25rem; width: 1.8rem;
		background-color: transparent;
		background-image: -webkit-gradient(linear, left top, right top, from(#f68e56), to(#f68e56)), -webkit-gradient(linear, left top, right top, from(#f68e56), to(#f68e56)), -webkit-gradient(linear, left top, right top, from(#f68e56), to(#f68e56));
		background-image: -webkit-linear-gradient(left, #4caff0, #f68e56), -webkit-linear-gradient(left, #f68e56, #f68e56), -webkit-linear-gradient(left, #f68e56, #f68e56);
		background-image: linear-gradient(to right, #f68e56, #f68e56),
			linear-gradient(to right, #f68e56, #f68e56),
			linear-gradient(to right, #f68e56, #f68e56);
		background-position: center top, center, center bottom;
		background-repeat: no-repeat;
		-webkit-background-size: 2rem .3rem;
		        background-size: 2rem .3rem;
		margin: .8em auto 0;
		padding: 0;
		outline: 0;
		border: 0;
		cursor: pointer;
		-webkit-tap-highlight-color:rgba(0,0,0,0);
		-webkit-transition: .2s cubic-bezier(0, 1.8, 1, 1.2);
		        transition: .2s cubic-bezier(0, 1.8, 1, 1.2);
		transition-property: background;
	}
	
	/* Theming opened nav button */	
	.menu > input:checked + label {
		-webkit-transform: scale(.8);
		transform: scale(.8);
	}
	.menu > input:checked + label::before {
		background-position: center, center, center;
	}
	
}

#nav{margin-top:15px;}

/* EN-TETE LOGO */

#logo_agence {padding-top: 0px;
    background: #AD9551;
    height: 200px;
    width: 100%;}
	
.logo_agence {
	height : 200px;
	width : auto;
}
	
#mylogo{
    height: 200px;
    width: 400px;
    margin-top: -35px;
    background-color: #717171;}

@media (max-width: 568px) {	
#logo_agence {padding:25px 10px;}
.logo_agence {    width: 350px;
    margin-top: -32px}
}


/* IMAGE DANS LA PAGE DE PRESENTATION - rajout alban */
@media (max-width: 568px) {	
#logo_presentation {width: 150px;}
}


/* BLOC RECHERCHE */

.bg_recherche {
	
	/*background: url('../img/bg_recherche.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
	position:relative;
	height:400px;
	margin:15px 0;
	overflow:hidden;
	z-index:1;
	
	}

.img_recherche {
	
	vertical-align:middle;
	width:100%;
	height:auto;
	position:relative;
	
	}

@media (max-width: 991px) {
	
	.img_recherche {
	
	vertical-align:middle;
	width:inherit;
	height:100%;
	position:relative;
	
	}
	
	}
	
	.bloc_recherche {
	
	position:absolute;
	height:400px;
	width:350px;
	background-color:rgba(255,255,255,0.4);
	text-transform:uppercase;
	font-weight:700;
	padding:25px 15px 15px 15px;
	z-index:2;
	top:0;
	right:0;
	
	} 
	@media (max-width: 991px) {

.bloc_recherche {
	
	position:absolute;
	height:400px;
	width:350px;
	background-color:rgba(255,255,255,0.4);
	text-transform:uppercase;
	font-weight:700;
	padding:25px 15px 15px 15px;
	z-index:2;
	top:0;
	right:0;
	
	}
	}
	
input {
	
	background:transparent;
	border:1px solid #000;	
	
	}

input:focus {
  border-color: #f68e56;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(184, 230, 114, .6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(184, 230, 114, .6);
}

.input_surface {width:50px;}
.input_prix {width:90px;}

.plus_options {
	
	text-transform:none;
	color:#000;
	text-decoration:underline;
	font-style:italic;
	font-size:12px;
	
	}

.plus_options:hover {color:AD9551;}

@media (max-width: 391px) {
	
	.bloc_recherche {
	
	float:right;
	height:400px;
	width:100%;
	background-color:rgba(255,255,255,0.6);
	text-transform:uppercase;
	font-weight:700;
	padding:3px 56px 27px 39px;
	
	}
	
	}

/* FOOTER */

footer {padding:30px 0;}

.bande_footer {
	
	background-color:#AD9551;
	padding:15px 0;
	margin-bottom:10px;
	text-transform:uppercase;
	
	}

.bande_footer a {color:#ffffff;}
.bande_footer a:hover {color:#ffffff; text-decoration:none;}
footer a {color:#AD9551;}
footer a:hover {text-decoration:underline;}

@media (max-width: 391px) {

.bande_footer {
	font-size:13px;
	background-color:#AD9551;
	padding:15px 0;
	margin-bottom:10px;
	text-transform:uppercase;
	
	}
.bande_footer .yt {
	width:10%;
}
.bande_footer .gl {
		width:10%;

}
.bande_footer .fb {
		width:10%;
	    position:relative;
		bottom:52px;
		right:50px;
		

}
.bande_footer .twt {
		width:10%;
		position:relative;
		bottom:52px;
		left:50px;


}
.bande_footer #txt{
	display:block; 
	font-size:10px;
	position:relative;
	margin-left:-10px;
	top:6px;
}
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
{
.bande_footer {
	font-size:13px;
	background-color:#AD9551;
	padding:15px 0;
	margin-bottom:10px;
	text-transform:uppercase;
	
	}
.bande_footer .yt {
	width:10%;
}
.bande_footer .gl {
		width:10%;

}
.bande_footer .fb {
		width:10%;
	    position:relative;
		bottom:44px;
		right:50px;
		

}
.bande_footer .twt {
		width:10%;
		position:relative;
		bottom:44px;
		left:50px;


}
.bande_footer #txt{
	display:block; 
	font-size:10px;
	position:relative;
	margin-left:-10px;
	top:6px;
}
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) {
.bande_footer {
	font-size:13px;
	background-color:#AD9551;
	padding:15px 0;
	margin-bottom:10px;
	text-transform:uppercase;
	
	}
.bande_footer .yt {
	width:10%;
}
.bande_footer .gl {
		width:10%;

}
.bande_footer .fb {
		width:10%;
	    position:relative;
		bottom:50px;
		right:50px;
		

}
.bande_footer .twt {
		width:10%;
		position:relative;
		bottom:50px;
		left:50px;


}
.bande_footer #txt{
	display:block; 
	font-size:10px;
	position:relative;
	margin-left:-10px;
	top:6px;
}
}
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) { 
.bande_footer {
	font-size:13px;
	background-color:#AD9551;
	padding:15px 0;
	margin-bottom:10px;
	text-transform:uppercase;
	
	}
.bande_footer .yt {
	width:10%;
}
.bande_footer .gl {
		width:10%;

}
.bande_footer .fb {
		width:10%;
	    position:relative;
		bottom:53px;
		right:50px;
		

}
.bande_footer .twt {
		width:10%;
		position:relative;
		bottom:53px;
		left:50px;


}
.bande_footer #txt{
	display:block; 
	font-size:10px;
	position:relative;
	margin-left:-10px;
	top:6px;
}
}


.annonces_gauche {
	
	float:left;
	width:48%;
	height:314px;
	position:relative;
	cursor:pointer
	}


.annonces_droite {
	
	float:right;
	width:48%;
	height:314px;
	position:relative;
	cursor:pointer
	}


.img_annonces_gauche {
	
	position:absolute;
	z-index:33;
	left:0px;
	width:314px;
	height:314px;
	vertical-align:middle;
	-webkit-border-radius:157px;
	-moz-border-radius:157px;
	-o-border-radius:157px;
	border-radius:157px;
	
	}

.img_annonces_droite {
	
	position:absolute;
	right:0px;
	z-index:99999;
	width:314px;
	height:314px;
	vertical-align:middle;
	-webkit-border-radius:157px;
	-moz-border-radius:157px;
	-o-border-radius:157px;
	border-radius:157px;
	
	}

.img_annonces_gauche_carre {
	
	position:absolute;
	z-index:33;
	left:0px;
	top : 50px;
	width:314px;
	height:314px;
	vertical-align:middle;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	-o-border-radius:0px;
	border-radius:0px;
	
	}

.form_recherche{
	margin-right : 0;
}	

.img_annonces_droite_carre {
	
	position:absolute;
	right:0px;
	top : 50px;
	z-index:99999;
	width:314px;
	height:314px;
	vertical-align:middle;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	-o-border-radius:0px;
	border-radius:0px;
	
	}	
	
	
.img_annonces_droite_carre img, .img_annonces_gauche_carre img {
	width : 100%;
}	

.bloc_infos_gauche {
	
	height:270px;
	top:50%;
	margin-top:-135px;
	background-color:#ebebeb;
	position:relative;
	margin-left:155px;
	text-align:center;
	padding-top:18px;
	padding-left:145px;
	font-size:15px;
	text-transform:uppercase;
	line-height:24px;
	
	}


.bloc_infos_droite {
	
	height:270px;
	top:50%;
	margin-top:-135px;
	background-color:#ebebeb;
	position:relative;
	margin-right:155px;
	text-align:center;
	padding-top:18px;
	padding-right:145px;
	font-size:15px;
	text-transform:uppercase;
	line-height:24px;
	
	}

.btn_annonce {
	
	color:#AD9551;
	font-weight:700;
	font-size:14px;
	border:1px solid #AD9551;
	padding:5px 10px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	
	}

.btn_annonce:hover {
	
	color:#AD9551;
	border:1px solid #AD9551;
	    font-size: 10px;
	}

@media (max-width: 1300px) {
	
.annonces_gauche, .annonces_droite {height:614px;cursor:pointer}
	
.img_annonces_gauche {
	
	position:relative;
	left:inherit;
	left:50%;
	margin-left:-157px;
	
	}

.img_annonces_droite {
	
	position:relative;
	right:inherit;
	left:50%;
	margin-left:-157px;
	
	}


.bloc_infos_gauche {
	
	height:400px;
	width:100%;
	margin-left:0;
	padding-left:0px;
	top:0;
	position:relative;
	padding-top:160px;
	
	}


.bloc_infos_droite {
	
	height:400px;
	width:100%;
	margin-right:0;
	padding-right:0px;
	top:0;
	position:relative;
	padding-top:160px;
	
	}
	
	}

@media (max-width: 800px) {
	
.annonces_gauche, .annonces_droite {width:100%;height:514px;}

.img_annonces_gauche {
	
	left:50%;
	margin-left:-100px;
	width:200px;
	height:200px;
	vertical-align:middle;
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	-o-border-radius:100px;
	border-radius:100px;
	
	}

.img_annonces_droite {
	
	left:50%;
	margin-left:-100px;
	width:200px;
	height:200px;
	vertical-align:middle;
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	-o-border-radius:100px;
	border-radius:100px;
	
	}	
	
	}
	
/* ALERTE MAIL */


#fonctionnalites {
	padding: 25px 35px 25px 0;
	text-align: right;
}

#alerte_mail {padding-bottom:60px;}

#alerte_mail h1 {
	
	font-weight:700;
	margin-bottom:-10px;
	
	}

#alerte_mail p {
	
	font-size:14px;
	color:#000;
	line-height:20px;
	padding-left:0;
	
	}

.entete_alerte_mail {
	
	background-color:#AD9551;
	padding:10px;
	font-size:20px;
	font-weight:700;
	color:#ffffff;
	text-transform:uppercase;
	margin-top:20px;
	margin-bottom:20px;
	
	}


/* PAGE PRESENTATION */

.bg_presentation {
	
	/*background: url('../img/bg_presentation.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
	position:relative;
	height:340px;
	margin:25px 0;
	overflow:hidden;
	z-index:1;
	
	}

/* PAGE CONTACT */

.bg_contact {
	position:relative;
	height:340px;
	margin:15px 0px;
	
	}

@media (max-width: 568px) {

.bg_contact {
	position:relative;
	height:340px;
	margin:15px 0px;
	
	}
}
.bloc_contact{
	
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	width:250px;
	background-color:rgba(255,245,177,0.7);
	font-weight:400;
	font-size:13px;
	padding:30px;
	
}

@media (max-width: 1199px) {
	
	.bloc_contact{top:389px;
		position:absolute;
	top:0;
	right:0;
	bottom:0;
	width:250px;
	background-color:rgba(255,245,177,0.7);
	font-weight:400;
	font-size:13px;
	padding:30px;
	
	}
}

@media (max-width: 568px) {
	
	.bloc_contact{top:260px;
		position:absolute;
	top:0;
	right:0;
	bottom:0;
	width:250px;
	background-color:rgba(255,245,177,0.7);
	font-weight:400;
	font-size:13px;
	padding:30px;}
	
	}
/*
@media (max-width: 479px) {
	
	.bloc_contact{
		
    top: 20px;
    width: 88%;
    background-color: #DDD; 
    right: 0px;
    left: 50%;
    margin-left: -150px;
    z-index: -9;
		
		}
	
	.google_map {display:none;}
	
	}*/

/* PAGE ANNONCES */

.bg_annonces {
	
	/*background: url('../img/bg_annonces.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
	position:relative;
	height:400px;
	margin:25px 0;
	overflow:hidden;
	z-index:1;
	
	}

.content_annonces {margin:20px;}

.bloc_pagination {
	
	display:inline-block;
	height:34px;
	line-height:34px;
	padding:0 10px;
	
	}
	
.pagination {
	
	background-color:rgba(246,142,86,1);
	width:34px;
	height:34px;
	-webkit-border-radius:17px;
	-moz-border-radius:17px;
	-o-border-radius:17px;
	border-radius:17px;
	
	}

.pagination:hover {background-color:rgba(246,142,86,0.8);}


/* PAGE BIENS */

#description_bien h1 {margin-bottom:-10px;}

.bloc_description {
	
    width: 88%;
    height:0;
    padding-bottom:88%;
    -moz-border-radius: 88%; 
    -webkit-border-radius:88%;
	-o-border-radius:88%; 
    border-radius: 88%;
    background: #ebebeb; 
	margin:0 auto;	
	overflow:hidden;
	transition:0.5s;
	}

*::-webkit-scrollbar { display: none; }

.details_pieces{
	overflow-y: scroll;

}
.bloc_description:hover{}
.bloc_description h2 {
	
	color:#AD9551; 
	font-size:16px;
	padding-top:16px;
	margin-bottom:-4px;
	
	}

.bloc_description p {font-size:13px}

#annonce_suiv_prec {
	height:250px;
	}

.annonce_prec {
	
	position:absolute;
	left:0;
	height:170px;
	width:50%;
	padding:0 15px 0 0px;
	margin:55px 0;
	overflow:hidden;
	border-radius:30px 0 0 30px;
	cursor:pointer;
	}

.annonce_suiv {
	
	position:absolute;
	right:0;
	height:170px;
	width:50%;
	padding:0 0px 0 15px;
	margin:55px 0;
	overflow:hidden;
	border-radius:0 30px 30px 0;
	cursor:pointer;
	}

.img_annonce {
	
	vertical-align:middle;
	width:100%;
	height:auto;
	position:relative;
	margin-top:-170px;
	
	}

@media (max-width: 1122px) {
	
	.img_annonce {
	
	margin-top:0px;
	
	}
	
	}

	@media (max-width: 560px) {
	
	.img_annonce {
	
	margin-top:0px;
	
	}
	
	}
.content_annonce_prec {
	
	position:absolute;
	top:0;
	right:15px;
	background-color:#ebebeb;
	width:205px;
	height:170px;
	text-align:center;
	text-transform:uppercase;
	padding-top:10px;
	line-height:18px;
	
	}

.content_annonce_suiv {
	
	position:absolute;
	top:0;
	left:15px;
	background-color:#ebebeb;
	width:205px;
	height:170px;
	text-align:center;
	text-transform:uppercase;
	padding-top:10px;
	line-height:18px;
	
	}
	
	
@media screen and (max-width: 667px) {

.content_annonce_prec {
	
	position:absolute;
	top:0;
	right:3px;
	background-color:#ebebeb;
	width:205px;
	height:170px;
	text-align:center;
	text-transform:uppercase;
	padding-top:10px;
	line-height:18px;
	
	}

.content_annonce_suiv {
	
	position:absolute;
	top:0;
	left:6px;
	background-color:#ebebeb;
	width:205px;
	height:170px;
	text-align:center;
	text-transform:uppercase;
	padding-top:10px;
	line-height:18px;
	
	}

}
@media screen and (max-width: 400px) {

.content_annonce_prec {
	    font-size: 12px;
	position:absolute;
	top:0;
	right:-16px;
	background-color:#ebebeb;
	width:205px;
	height:170px;
	text-align:center;
	text-transform:uppercase;
	padding-top:10px;
	line-height:18px;
	
	}

.content_annonce_suiv {
	    font-size: 12px;
		    padding-right: 45px;
	position:absolute;
	top:0;
	left:7px;
	background-color:#ebebeb;
	width:205px;
	height:170px;
	text-align:center;
	text-transform:uppercase;
	padding-top:10px;
	line-height:18px;
	
	}


}

@media screen and (max-width: 350px) {


.content_annonce_prec {
	    font-size: 10px;
	position:absolute;
	top:0;
	right:-33px;
	background-color:#ebebeb;
	width:205px;
	height:170px;
	text-align:center;
	text-transform:uppercase;
	padding-top:10px;
	line-height:18px;
	  padding-left: 30px;
	}

.content_annonce_suiv {
	    font-size: 10px;
	position:absolute;
	top:0;
	left:7px;
	background-color:#ebebeb;
	width:205px;
	height:170px;
	text-align:center;
	text-transform:uppercase;
	padding-top:10px;
	  padding-right: 65px;
	line-height:18px;
	
	}

}

	
@media (max-width: 695px) {
/*		
#annonce_suiv_prec {height:390px;}

.annonce_prec {
	
	position:relative;
	left:inherit;
	padding:0 35px 0 35px;
	margin:55px 0 20px 0;
	width:100%;
	cursor:pointer;
	}

.annonce_suiv {
	
	position:relative;
	right:inherit;
	padding:0 35px 0 35px;
	margin:20px 0 55px 0;
	width:100%;
	cursor:pointer;
	}

.content_annonce_prec {
	
	position:absolute;
    top: 0;
    right: -18px;
	
	}

.content_annonce_suiv {
	
	
    position: absolute;
    top: 0;
    left: 157px;
	
	}
	
	*/
	}
	
	@media (max-width: 560px) {
		
		/*
#annonce_suiv_prec {height:390px;}
	
.annonce_prec {
	
	position:relative;
	left:inherit;
	padding:0 35px 0 35px;
	margin:55px 0 20px 0;
	width:100%;
	cursor:pointer;
	}

.annonce_suiv {
	
	position:relative;
	right:inherit;
	padding:0 35px 0 35px;
	margin:20px 0 55px 0;
	width:100%;
	cursor:pointer;
	}

.content_annonce_prec {
	
	position:absolute;
    top: 0;
    right: -18px;
	
	}

.content_annonce_suiv {
	
	
    position: absolute;
    top: 0;
    left: 157px;
	
	}*/
	
	}

@media (max-width: 1199px) {
	
	.bloc_description {
	
    width: 100%;
    padding-bottom: 100%;
    -moz-border-radius: 100%; 
    -webkit-border-radius: 100%;
	-o-border-radius:100%; 
    border-radius: 100%;
	}

.bloc_description h2 {
	
	padding-top:40px;
	margin-bottom:10px;
	
	}
	
	}

@media (max-width: 992px) {
	
	.bloc_description h2 {    font-size: 15px;
    margin-bottom: -4px;
    padding-top: 12px;}
	.bloc_description p {    font-size: 11px;
    line-height: 14.5px;}
	
	}

@media (max-width: 767px) {
	
	.bloc_description {
	
    width: 290px;
	height:290px;
    padding-bottom: 0;
    -moz-border-radius: 145px; 
    -webkit-border-radius: 145px; 
	-o-border-radius:145px;
    border-radius: 145px;
	
	}
	
	.bloc_description h2 {
	
	color:AD9551;
	font-size: 18px;
    padding-top: 24px;
    margin-bottom: -12px;
	
	}
	
	.bloc_description p {font-size:14px; line-height:20px;}
	
	}

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both; }


/* SVG wrap */
.svg-wrap {
	position: absolute;
	width: 0px;
	height: 0px;
	overflow: hidden;
}

.nav-roundslide a {
	position: absolute;
	top: 50%;
	display: block;
	outline: none;
	text-align: left;
	z-index: 1000;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.nav-roundslide a.prev {
	left: 0;
}

.nav-roundslide a.next {
	right: 0;
}

.nav-roundslide a svg {
	display: block;
	margin: 0 auto;
	padding: 0;
}

.nav-roundslide a {
	
	padding: 15px;
	width: 62px;
	height: 62px;
	border-radius: 40px;
	background: #AD9551;
	-webkit-transition: width 0.3s, background-color 0.3s;
	transition: width 0.3s, background-color 0.3s;
}

.nav-roundslide .icon-wrap {
	position: absolute;
	width: 32px;
}

.nav-roundslide a.prev .icon-wrap {
	left: 15px;
}

.nav-roundslide a.next .icon-wrap {
	right: 15px;
}

.nav-roundslide svg.icon {
	fill: #fff;
}

.nav-roundslide h3 {
	font-family:"Oxygen", Arial, sans serif;
	position: absolute;
	top: 0;
	margin: 0;
	color: #000;
	text-transform: uppercase;
	white-space: nowrap;
	letter-spacing: 1px;
	font-weight: 400;
	font-size: 12px;
	line-height: 63px;
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}

.nav-roundslide a.prev h3 {
	right: 28px;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}

.nav-roundslide a.next h3 {
	left: 35px;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}



@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) {
	
	




.nav-roundslide h3 {
	display:none;
}

.nav-roundslide a.prev h3 {
	display:none;

}

.nav-roundslide a.next h3 {
	display:none;

}
}
.annonce_prec:hover .nav-roundslide a,.annonce_suiv:hover .nav-roundslide a {
	width: 270px;
	
	background:rgba(255,255,255,1);
}

.annonce_prec:hover .nav-roundslide a h3,.annonce_suiv:hover .nav-roundslide a h3 {
	opacity: 1;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

@media (max-width: 695px) {
	
	.nav-roundslide a {margin: 0 5px;}
	
	}
	
/* Slider */ 

#slider {}

.ei-slider{
	position: relative;
	width: 100%;
	max-width: 1920px;
	height: 600px;
	margin: 0 auto;
	z-index:0;
}

.ei-slider-large{
	height: 100%;
	width: 100%;
	position:relative;
	overflow: hidden;
}
.ei-slider-large li{
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	height: 100%;
	width: 100%;
}
.ei-slider-large li img{
	width: 100%;
}
.ei-slider-thumbs{
	height: 33px;
	margin: 0 auto;
	position: relative;
}
.ei-slider-thumbs li{
	position: relative;
	float: left;
	height: 100%;
}
.ei-slider-thumbs li.ei-slider-element{
	top: 0px;
	left: 0px;
	position: absolute;
	height: 100%;
	z-index: 10;
	text-indent: -9000px;

}
.ei-slider-thumbs li a{
	display: block;
}

.ei-slider-thumbs li .img{
	position: absolute;
	bottom: 0px;
	opacity: 1;
	z-index: 999;
	max-width: 100%;
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
	width:80px;
	height:80px;
	-webkit-border-radius:45px;
	-moz-border-radius:45px;
	-o-border-radius:45px;
	border-radius:45px;
		border:5px solid #fff;
		overflow:hidden;
	}
	
.ei-slider-thumbs li:hover .img{
	opacity: 1;
	bottom: 13px;
}

.bloc_recherche_gauche{padding-right:0}
.bloc_recherche_droite{padding-left:0}
@media (max-width: 391px) {
	.bloc_recherche_droite {
    padding-right: 6px;
    margin-left: 13px;
}
}
	@media (max-width: 991px) {
		
	.bloc_recherche_droite {
    padding-right: 6px;
    margin-left: 10px;
}
	}
div.img_annonces_gauche,div.img_annonces_droite {overflow:hidden}
div.img_annonces_gauche img,div.img_annonces_droite img{width:auto;height:100%;}

.img a{height:100%;}
.img img{height:100%;}

#iframe iframe{border:none;width:100%;height:400px;}
.annonce .img_annonces_gauche img{-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;}
.annonce .img_annonces_droite img{-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;}
.annonce:hover .img_annonces_gauche img{transform:scale(1.1)}
.annonce:hover .img_annonces_droite img{transform:scale(1.1)}
.annonce:hover .img_annonces_gauche .bandeaux img{transform:scale(0.999)}
.annonce:hover .img_annonces_droite .bandeaux img{transform:scale(0.999)}

.annonce:hover a{    font-weight: bold;}

//.btn-lg, .btn-group-lg > .btn{background-color:#AD9551}
//.btn-lg:hover, .btn-group-lg > .btn:hover{background-color:#123456; }

.fa {
     color:#AD9551 ;
}

#alerte_mail button.btn{
     background-color:#AD9551;
     color : #ffffff}

#alerte_mail button.btn:hover{
     background-color:#99813d;
     color : #ffffff}

.bloc_recherche button.btn {
	
  background-color:#AD9551;
  color : #ffffff}

.bloc_recherche button.btn:hover {
	
  background-color:#99813d;
  color : #ffffff}

#bloc_contact button.btn.btn-default.btn-lg{
     background-color:#AD9551 !important;
}

#bloc_contact button.btn.btn-default.btn-lg:hover{
    background-color:#99813d !important;
}

.bandeaux{position:absolute;width:50%;height : 80%;z-index:1000;}
.bandeaux img{width:150% !important;}




#logo_win{ width:148px; position : relative ; bottom:0px;    
filter: grayscale(1);
        -webkit-filter: grayscale(1);
        -moz-filter: grayscale(1);
        -o-filter: grayscale(1);
        -ms-filter: grayscale(1);}
		
#bottomm a:hover{
text-decoration:none;
}	
	#logo_win:hover{
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    -ms-filter: grayscale(0);
}
@media (max-width: 568px) {	
#logo_win{ width:134px; position : relative ; bottom:0px;    
filter: grayscale(1);
        -webkit-filter: grayscale(1);
        -moz-filter: grayscale(1);
        -o-filter: grayscale(1);
        -ms-filter: grayscale(1);}
}
		
		
.bloc_description1 {
	
    width: 50px;

    padding-bottom: 300px; 
	margin:20px;
    -moz-border-radius: 100%; 
    -webkit-border-radius: 100%;
	-o-border-radius:150%; 
    border-radius: 50%;
	    box-shadow: 10px 10px 5px #888888;

    background: #ebebeb; 


	}
.bloc_description1 h2 {
	
	color:#AD9551; //#f68e56
	font-size:18px;
	padding-top:50px;
	margin-bottom:-10px;
	
	}

.bloc_description1 p {font-size:13px}

#bloc2{
	box-shadow: 8px 8px 3px #888888;
	
	background: -moz-linear-gradient(white, #AD9551);
    background: -ms-linear-gradient(white,#AD9551);
    background: -o-linear-gradient(white,#AD9551);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#AD9551));
    background: -webkit-linear-gradient(white, #AD9551);
}


#bloc1{
	box-shadow: 8px 8px 3px #AD9551;
	
	background: -moz-linear-gradient(#ebebeb , white);
    background: -ms-linear-gradient(#ebebeb , white);
    background: -o-linear-gradient(#ebebeb , white);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#ebebebe), to(white));
    background: -webkit-linear-gradient(#ebebeb , white);
}
#bloc1 p {   display:block; margin:20px; padding:20px;}
#bloc2 h6 {   color:gray}
#bloc2 p {   display:block; margin:20px; padding:20px;}

#bloc11{
	
	
	    box-shadow: 0px;
	background: -moz-linear-gradient(#ebebeb , white);
    background: -ms-linear-gradient(#ebebeb , white);
    background: -o-linear-gradient(#ebebeb , white);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#ebebebe), to(white));
    background: -webkit-linear-gradient(#ebebeb , white);
}
.bloc_description1 img{
position:absolute; margin-left:30px;
}



.bloc_description11 {
	
	   

    width: 90%;
    height:0;
    padding-bottom: 90%;
    -moz-border-radius: 90%; 
    -webkit-border-radius: 90%;
	-o-border-radius:190%; 
    border-radius: 90%;
    background: #ebebeb; 
	margin-right:-10px;	
	overflow:hidden;
	transition:0.5s;
	 box-shadow: 10px 10px 5px #888888;
	}
.bloc_description11:hover{}
.bloc_description11 h2 {
	
	color:#AD9551; //#f68e56
	font-size:18px;
	padding-top:50px;
	margin-bottom:-10px;
	
	}

.bloc_description11 p {font-size:13px}
.bloc_description11 img{
position:relative; width:40%; margin-left:30px;margin-top:7px;  display:block;
}

.bloc_description11 h6{
position:relative;  margin-left:70px;margin-top:20px;  display:block;
}

#spann{
	
	display:block;
	position:relative;
	width:50%;
	margin-top:10px;
	margin-left:90px;
	text-align:center;
	padding:auto;
	
	 
}
#spann1{
	
	display:block;
	position:absolute;
	width:300px;
	margin-top:80px;
	margin-left:10px;
	text-align:center;
}


#body {
	font-family: 'Open Sans', sans-serif;
	font-weight: lighter;
	margin: 0;
	background-color: #f9f9f9;
}

.banner {
	background: linear-gradient(45deg, #2cb5e8, #47cf73);
	padding: 25px 50px;
	h1 {
		color: white;
		font-weight: normal;
		letter-spacing: 20px;
	}
}

.activity-feed {
	list-style-type: none;
	padding: 0;
	margin: 50px 50px 50px 60px;
	.feed-item {
		position: relative;
		min-height: 60px;
		margin-bottom: 25px;
		padding-left: 30px;
		border-left: 2px solid #ddd;
    &:last-child { border-color: transparent; }
		&:before {
			content: attr(data-time);
			display: flex;
			width: 100px;
			position: absolute;
			text-align: center;
			justify-content: center;
			align-items: center;
			left: -50px;
			top: -22px;
			font-size: 12px;
			color: #999;
		}
    &::after {
      content: attr(data-content);
      display: flex;
			justify-content: center;
			align-items: center;
      position: absolute;
      top: 0;
      left: -21px;
      width: 40px;
      height: 40px;
			font: normal normal normal 14px/1 FontAwesome;
			font-size: inherit;
			text-rendering: auto;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
      border-radius: 50%;
			color: white;
			background-color: #ddd;
		}
		section {
			background-color: white;
			//width: auto;
			//display: inline-block;
			padding: 10px 15px;
			border-radius: 4px;
			border: 1px solid #f0f0f0;
			&:hover {
				box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
				transition: all 0.3s cubic-bezier(.25,.8,.25,1);
			}
			label {
				display: block;
				cursor: pointer;
				// &:after {
				// 	content: "\f067";
				// 	position: absolute;
				// 	right: 20px;
				// 	color: #999;
				// 	font: normal normal normal 14px/1 FontAwesome;
				// 	text-rendering: auto;
				// 	font-size: 20px;
				// 	-webkit-font-smoothing: antialiased;
				// 	-moz-osx-font-smoothing: grayscale;
				// 	transition: all .15s ease-in-out;
				// }
			}
		}
	}
}

input[type="checkbox"] {
	display: none;
	&:checked {
		~ label {
			&:after {
				transform: rotate(45deg);
				color: tomato;
			}
		}
		~ .content {
			max-height: 1000px;
			border-top: 1px solid #f0f0f0;
			padding-top: 10px;
			margin-top: 10px;
			padding: 0 25px;
			transition: max-height .25s ease-in;
		}
	}
}

.content {
	max-height: 0;
	overflow: hidden;
	blockquote {
		position: relative;
		&:before {
			content: '';
			position: absolute;
			left: -25px;
			top: 0;
			height: 100%;
			border-left: 2px solid #fcd000;
		}
	}
}

[data-color=red] { &:after { background-color: #ff3c41 !important; } }
[data-color=blue] { &:after { background-color: #2cb5e8 !important; } }
[data-color=green] { &:after { background-color: #47cf73 !important; } }
[data-color=yellow] { &:after { background-color: #fcd000 !important; } }

#mention{ text-align:center; }

@media (max-width: 991px) {

#mention{ text-align:center;  margin-left:38%; width:100%;}

		}
		
@media screen and (max-width: 761px){

#mention{     text-align: center;
    margin-left: -8%;
    width: 131%;}

}		

@media (max-width: 690px){

#mention{       text-align: center;
    margin-left: -19%;
    width: 131%;}

}	

@media (max-width: 591px){

#mention{           text-align: center;
    margin-left: 9%;
    width: 79%}

}		
		
		
h1 #titre_page{
			display:block; 
			margin-left:50%;
			
		}
		
		@media (max-width: 991px)
		{
			
			#titre_page{
			display:block; 
			margin-left:300px;
			
		}
		}
		
		
@media screen and (max-width: 761px){
#titre_page{
	display:block; 
	margin-left:62px;
		  }
}

/******************************************/

#advancedOptions well {
  margin-bottom: 0;
}

.font-large .btn, .font-large > input {
  font-size: 24px;
}
.font-large > input {
  height: 48px;
}
.font-large .glyphicon {
  top: 4px;
}
.well {
    min-height: 20px;
    position: relative;
    right: 273px;
    height: 106%;
    width: 600px;
    bottom: 341px;
    margin-bottom: 20px;
    background-color: rgb(245, 245, 245);
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    box-shadow: rgba(0, 0, 0, 0.0470588) 0px 1px 1px inset;
    padding: 19px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(227, 227, 227);
    border-radius: 4px;
}
@media (max-width: 991px)
	{
.well {
    min-height: 20px;
    position: relative;
    right: 273px;
    height: 106%;
    width: 600px;
    bottom: 407px;
    margin-bottom: 20px;
    background-color: rgb(245, 245, 245);
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    box-shadow: rgba(0, 0, 0, 0.0470588) 0px 1px 1px inset;
    padding: 19px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(227, 227, 227);
    border-radius: 4px;
}
}

@media screen and (max-width: 761px){
.well {
    min-height: 23px;
    position: relative;
    right: 159px;
    height: 113%;
    width: 608px;
    bottom: 392px;
    margin-bottom: 42px;
    background-color: rgb(245, 245, 245);
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    box-shadow: rgba(0, 0, 0, 0.0470588) 0px 1px 1px inset;
    padding: 19px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(227, 227, 227);
    border-radius: 4px;
}
}
@media only screen and (max-width: 350px) 
{
.well {
  min-height: 23px;
    position: relative;
    right: 215px;
    height: 113%;
    width: 608px;
    bottom: 382px;
    margin-bottom: 42px;
    background-color: rgb(245, 245, 245);
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    box-shadow: rgba(0, 0, 0, 0.0470588) 0px 1px 1px inset;
    padding: 19px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(227, 227, 227);
    border-radius: 4px;
}	
	
	
}


.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    margin-left: 270px;
    margin-top: -59px;
}

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) 
{
.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    margin-left: 249px;
    margin-top: -59px;
}
}

@media only screen and (max-device-width: 350px) {
.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    margin-left: 216px;
    margin-top: -46px;
    padding: 0;
}
}
	
.well input[type="checkbox"]{
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.well input[type="checkbox"]:hover + label:before{
  border-color: #999;
}
.well input[type="checkbox"]:active + label:before {
  transition-duration: 0;
  filter: brightness(0.2);
}
.well input[type="checkbox"] + label{
  position: relative;
  padding-left: 26px;
  font-weight: normal;
}
.well input[type="checkbox"] + label:before, .well input[type="checkbox"] + label:after{
  box-sizing: content-box;
  position: absolute;
  content: '';
  display: block;
  left: 0;
}
.well input[type="checkbox"] + label:before {
  top: 50%;
  width: 16px;
  height: 16px;
  margin-top: -10px;
  border: 2px solid #d9d9d9;
  text-align: center;
}
.well input[type="checkbox"] + label:after {
  background-color: #00bad2;
  top: 50%;
  left: 6px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  transform: scale(0);
  transform-origin: 50%;
  transition: transform 200ms ease-out;
}

.well input[type="radio"]:checked + label:before {
  -moz-animation: borderscale 300ms ease-in;
  -webkit-animation: borderscale 300ms ease-in;
  animation: borderscale 300ms ease-in;
  background-color: #fff;
}


.well input[type="checkbox"] + label:after {
  background-color: transparent;
  top: 50%;
  left: 5px;
  width: 7px;
  height: 4px;
  margin-top: -5px;
  border-style: solid;
  border-color: #00bad2;
  border-width: 0 0 3px 3px;
  -moz-transform: rotate(-45deg) scale(0);
  -ms-transform: rotate(-45deg) scale(0);
  -webkit-transform: rotate(-45deg) scale(0);
  transform: rotate(-45deg) scale(0);
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
}
.well input[type="checkbox"]:checked + label:before {
  -moz-animation: borderscale 200ms ease-in;
  -webkit-animation: borderscale 200ms ease-in;
  animation: borderscale 200ms ease-in;
}
.well input[type="checkbox"]:checked + label:after {
  content: '';
  -moz-transform: rotate(-45deg) scale(1);
  -ms-transform: rotate(-45deg) scale(1);
  -webkit-transform: rotate(-45deg) scale(1);
  transform: rotate(-45deg) scale(1);
  -moz-transition: -moz-transform 200ms ease-out;
  -o-transition: -o-transform 200ms ease-out;
  -webkit-transition: -webkit-transform 200ms ease-out;
  transition: transform 200ms ease-out;
}

.well .row h1{
	
	margin-top:-10px;
}

.bloc_recherche_gauchee{    padding-right: 0;
	}
.bloc_recherche_droitee{    padding-left: 0;
	}

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) 
{
		
.bloc_recherche_droitee{       padding-right: 61px;
    width: 43%;
	}
}

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) 
{
		
.bloc_recherche_gauchee{       padding-right: 8px;
    width:  35%;
    font-size: 14px;
	}
}


@media only screen and (min-device-width : 414px) 
    and (max-device-width : 736px) {
.bloc_recherche_gauchee{      padding-left: 32px;
    width: 50%;
    font-size: 14px;
	}
}

@media only screen and (min-device-width : 414px) 
    and (max-device-width : 736px){
.bloc_recherche_droitee{    padding-left: 2px;
    width: 49%;
	}
}



@media only screen and (max-width: 350px) 
{
		.bloc_recherche_droitee{       padding-left: 0;
    width: 21%;
	}
		
}
@media only screen and (max-width: 350px) 
{
.bloc_recherche_gauchee{           padding-right: 13px;
    width: 22%;
    font-size: 14px;
	}
}



}
.banner3 {
	    background: #AD9551;
    padding: 24px 297px;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.15);
  		text-align:center;
position: relative;
    bottom: 648px;
	h1 {
		color: white;
		font-weight: bold;
		letter-spacing: 20px;
	}
}

@media screen and (max-width: 667px) {
.banner3 {
	background: linear-gradient(45deg, white,white);
    padding: 0px 75px;
	  -webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.15);
  -moz-box-shadow:   0px 0px 20px rgba(0,0,0,0.15);
  box-shadow:        0px 0px 20px rgba(0,0,0,0.15);
 text-align:center;
}
}

.banner4 {
		    background: #AD9551;
    padding: 24px 297px;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.15);
  		text-align:center;
    position: relative;
    bottom: 59px;
	h1 {
		color: white;
		font-weight: bold;
		letter-spacing: 20px;
	   }
}
@media screen and (max-width: 667px) {
.banner4 {
	background: linear-gradient(45deg, white,white);
    padding: 0px 75px;
	  -webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.15);
  -moz-box-shadow:   0px 0px 20px rgba(0,0,0,0.15);
  box-shadow:        0px 0px 20px rgba(0,0,0,0.15);
 text-align:center;
}
}



.banner {
	/*background: #AD9551;
    padding: 1px 297px;
	h1 {
		color: white;
		font-weight: normal;
		letter-spacing: 20px;
	}*/
	display:none;
}

@media (max-width: 760px) {

.banner {
	background: #AD9551;
    padding: 1px 15px;
	h1 {
		color: white;
		font-weight: normal;
		letter-spacing: 10px;
	}
}
}

.banner2 {
    background: #AD9551;
    padding: 20px 297px;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.15);
    text-align: center;

	h1 {
		color: white;
		font-weight: bold;
		letter-spacing: 16px;
	}
}



@media (max-width: 991px) {
.banner2 {
	background: #AD9551;
    padding: 1px 297px;
	  -webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.15);
  -moz-box-shadow:   0px 0px 20px rgba(0,0,0,0.15);
  box-shadow:        0px 0px 20px rgba(0,0,0,0.15);
  		text-align:center;}
		
.banner2 h1{

		color: black;
		font-weight: bold;
		letter-spacing: 5px;
	font-size: 20px;
    width: 91px;
	
}
.banner3 h1{
	

	font-size: 20px;
    width: 91px;
	
}
@media screen and (max-width: 667px) {

.banner3 h1 {
		color: black;
		font-weight: bold;
		letter-spacing: 5px;
		    font-size: 12px;
    width: 78px;
	}

}
.banner4 h1{
	

	font-size: 20px;
    width: 91px;
	
}
}

@media screen and (max-width: 667px) {

.banner4 h1 {
		color: black;
		font-weight: bold;
		letter-spacing: 5px;
		    font-size: 12px;
    width: 78px;
	}

}
	@media screen and (max-width: 667px) 
	{
.banner2 {
	background: #AD9551;
    padding: 1px 108px;
	  -webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.15);
  -moz-box-shadow:   0px 0px 20px rgba(0,0,0,0.15);
  box-shadow:        0px 0px 20px rgba(0,0,0,0.15);
 text-align:center;
}
.banner2 h1 {
		color: black;
		font-weight: bold;
		letter-spacing: 5px;
		    font-size: 12px;
    width: 78px;
	}
}
.visites{
    margin-top: -587px;
    margin-left: 20px;
    margin-right: 20px;
    border: 7px solid #AD9551;
    margin-bottom: 82px;}
@media screen and (max-width: 667px) {
.visites{
	
	margin-top: -633px;
}
}

@media screen and (max-width: 667px) {
.banner3 {
	background: #AD9551;
        padding: 6px 109px;
	  -webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.15);
  -moz-box-shadow:   0px 0px 20px rgba(0,0,0,0.15);
  box-shadow:        0px 0px 20px rgba(0,0,0,0.15);
 text-align:center;
}
}


@media screen and (max-width: 667px) {
.banner4 {
	background: #AD9551;
        padding: 6px 109px;
	  -webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.15);
  -moz-box-shadow:   0px 0px 20px rgba(0,0,0,0.15);
  box-shadow:        0px 0px 20px rgba(0,0,0,0.15);
 text-align:center;
}
}

.ei-slider-large li .dpe{
	width:50px;
}