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



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

::selection{background:#013602;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: #659a66;

	border-left:1px solid #fff;

}



::-webkit-scrollbar-thumb:vertical {

    height: 10px;

    background-color: #013602;

	border-left:1px solid #fff;

}



::-webkit-scrollbar-thumb:horizontal {

    width: 50px;

    background-color: #013602;

    -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 #013602;

}

@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:#013602
	}

@media (max-width: 568px) {



	h1 {

	font-size: 18px;

    font-weight: 700;

    margin-bottom: 5px;

    text-transform: uppercase;

	color:#013602
	}

#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:#013602
	}

	}





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



	h1 {

	font-size: 18px;

    font-weight: 700;

    margin-left: 20px;

    margin-bottom: 15px;

    text-transform: uppercase;

	color:#013602
	}

	}

		@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:#013602;

}



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



@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: white;

    height: 95px;

    width: 100%;}



.logo_agence {

	height : auto;

	max-width : 700px;

}



#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:013602;}



@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:#013602;

	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:#013602;}

footer a:hover {text-decoration:underline;}



@media (max-width: 391px) {



.bande_footer {

	font-size:13px;

	background-color:#013602;

	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:#013602;

	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:#013602;

	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:#013602;

	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;



	}

.img_annonces_gauche_home_carre {
	position: absolute;
	z-index: 33;
	left: 0px;
	top: 30px;
	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_home_carre {
	position: absolute;
	z-index: 33;
	right: 0px;
	top: 30px;
	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:#013602;

	font-weight:700;

	font-size:14px;

	border:1px solid #013602;

	padding:5px 10px;

	border-radius: 8px;

	-moz-border-radius: 8px;

	-webkit-border-radius: 8px;



	}



.btn_annonce:hover {



	color:#013602;

	border:1px solid #013602;

	    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:#013602;

	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:#013602;

	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:013602;

	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: #013602;

	-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:#013602}

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



.fa {

     color:#013602 ;

}



#alerte_mail button.btn{

     background-color:#013602;

     color : #ffffff
}



#alerte_mail button.btn:hover{

     background-color:#002200;

     color : #ffffff
}



.bloc_recherche button.btn {



  background-color:#013602;

  color : #ffffff
}



.bloc_recherche button.btn:hover {



  background-color:#002200;

  color : #ffffff
}



#bloc_contact button.btn.btn-default.btn-lg{

     background-color:#013602 !important;

}



#bloc_contact button.btn.btn-default.btn-lg:hover{

    background-color:#002200 !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:#013602; //#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, #013602);

    background: -ms-linear-gradient(white,#013602);

    background: -o-linear-gradient(white,#013602);

    background: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#013602));

    background: -webkit-linear-gradient(white, #013602);

}





#bloc1{

	box-shadow: 8px 8px 3px #013602;



	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:#013602; //#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 {

	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: #013602;

    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: #013602;

    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: #013602;

    padding: 1px 297px;

	h1 {

		color: white;

		font-weight: normal;

		letter-spacing: 20px;

	}*/

	display:none;

}



@media (max-width: 760px) {



.banner {

	background: #013602;

    padding: 1px 15px;

	h1 {

		color: white;

		font-weight: normal;

		letter-spacing: 10px;

	}

}

}



.banner2 {

    background: #013602;

    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: #013602;

    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: #013602;

    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 #013602;

    margin-bottom: 82px;}

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

	.visites {

		margin-top: -633px;

	}

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

		.banner3 {

			background: #013602;

			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: # 013602;

			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;

	}