body {
	margin: 0;
	font-family: 'montserratregular-light', verdana, sans;
	background-color: white;
	line-height:1.7em;
}
h1,h2,h3{
	font-family: 'montserratregular', verdana, sans;
}
h1 em { color: #ffcb05; font-style: normal; }
#mainSection h1 { text-transform: uppercase; }
div.c {
	width: 1200px; margin: 0 auto;
	position: relative;
}

table.full {
	width: 100%;
}
input, textarea {
	padding: 10px;
	background-color:white;
	border: 1px solid #ddd;
	border-radius: 5px;
	margin: 5px 0;
}

img.peb { position: absolute; top: 20px; right: 0; z-index: 10; }

textarea {
	font-family: 'montserratregular-light', verdana, sans;
}

.w360 {
	width: 360px;
	height:35px;
}
label {
	padding: 0 12px 0 3px;
}

div.p {
	padding: 5px 20px;
}

img.yelo_name{
	height:36px;
}
.fill {
	width: 100%;
	height:280px;
	background-position: bottom center;
	background-repeat:no-repeat;
	background-size:cover;
	
}
.yellow { background-color: #ffcb05; }
.white { background-color: white; }
.white h2{ color:#ffcb05;}
.center { text-align: center; }

div.clr { clear: both; }

img#logo {
	position: relative; z-index:9;
	margin-top:-34px;
}

a.button, button {
	text-decoration: none;
	color: black;
	background-color: #ffcb05;
	padding: 15px 50px;
	border-radius: 50px;
	border: none;
	font-family: 'montserratregular', verdana, sans;
	text-transform:uppercase;
}

ul#menu {
	top: 0; 
	list-style-type: none;
	padding: 0;
	display:inline-block;
}
ul#menu li { float: left; }
ul#menu li a { display: block; margin: 0;  padding: 20px 0; width: 120px;
		color: #666; text-decoration: none;
		text-transform: uppercase; 
		font-family: 'montserratregular', verdana, sans;
		font-size: .9em;}
ul#menu li a.double { width: 240px; }
ul#menu li a.current{
	color:#ffcb05;
	
}
ul#menu li a#ico_menu{
        display:none;
}

span#sp_menu{
	top:0;
	position:absolute;
	right:0;
	margin-right:-25px;
}
span#sp_menu a.estim {
	display: block;
	margin: 0;
	padding: 20px 0;
	color: #666;
	text-decoration: none;
	text-transform: uppercase;
	font-size: .9em;
	border: 1px solid #ffcb05; border-radius: 50px;
	padding: 17px 15px;
	color: #ffcb05;
	margin-top:20px;
	font-family: 'montserratregular', verdana, sans;
	
}
ul#menu li#logo{

}
div#head {
	position: absolute; top: 0; width: 100%; height:100px;
	background-image: url(bg_head.jpg); background-position: 0 0;
	background-repeat: repeat-x;
	z-index: 3;
	background-size:cover;

}

div.ill {
	width: 100%; position: relative;
	height: 815px;
	margin-top: 100px;
	background-position: bottom center;
	background-size: cover;
	background-repeat: no-repeat;
}
body.accueil div.ill { background-image: url(../bg_accueil.jpg); }
body.gestion div.ill { background-image: url(../bg_gest.jpg); }
body.services div.ill { background-image: url(../bg_services.jpg); }
body.contact div.ill { background-image: url(../bg_contact.jpg); }
/*img.ill {
	width: 100%;
}*/

div.ill h1{
	position: absolute; top: 0;
	width: 100%;
	color: white;
	margin-top: 400px;
	text-align: center;
	text-shadow: 1px 1px 2px #bbb;
	text-transform:uppercase;
	line-height:1.9em;
}
h1 span{
	height:100%;
	font-size:1.5em;
	text-transform:uppercase;
}

#ill2 { position: relative; margin-top: 85px;}
#ill2, #ill2 img { height: 600px; }

a.zml { color: #ffcb05; }

div#mainSection {
	padding: 25px 0;
	background-image: url(logo_ether.png);
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-size:250px;
}

div.square3 {
	width: 400px; height: 120px; padding-top: 100px; float: left;
	background-image: url(valid.png);
	background-repeat: no-repeat;
	background-position: 50% 0;
}
div.square3 h2 {
	width: 300px; margin: 0 auto;
	font-size: 1.1em;
}

div.tab3 {
	position: relative;	/* allow zIndex in chrome & safari */
	width: 360px; padding: 175px 0 30px 0;
	float: left;
	margin: 10px 20px;
	background-repeat: no-repeat;
	background-color: white;
	background-size:100%;
}
div.blanc{
    	width: 100%;
    	background-repeat: no-repeat;
    	z-index: 98;
	background-position: 50% 0%;
	padding:0px 0 30px 0;
}
div.blanc img{
	width: 100px;
	margin: 0px auto;
	text-align: center;
	position: relative;
	display: block;
	padding: 0px 0px 40px 0px;
}
div.tab3 a {
	text-decoration: none; color: #ffcb05;
	border: 1px solid #ffcb05;
	padding: 15px 50px;
	border-radius: 20px;
	font-family : 'montserratregular', verdana, sans;
	text-transform:uppercase;
}
div.tab3:hover a, div.tab3 a:hover {
	background-color: #ffcb05;
	color: black;
}
div.tab3:hover {
	box-shadow: 0px 0px 5px #666;
}

div.by2 {
	width: 560px; padding: 0 0 1% 0; float: left;
}

div.by2c {
	width: 600px; padding: 0 0 1% 0; float: left;
}
div.by2b {
	width: 560px; border: 1px solid #ddd;
	margin: 19px; float: left; padding:0 0 1% 0;
}
div.by4 {
	width: 280px; padding: 10px; float: left; height:230px;
}
div.by4 h2 {
	color: #ffcb05;
	font-size: 1em;
	text-transform:uppercase;
}

div.quote {
	width: 518px;
	float: left;
	padding: 130px 20px 20px 20px; margin: 50px 20px;
	background-image: url(quote.png);
	background-repeat: no-repeat;
	background-position: 50% 10px;
	border: 1px solid #ddd;
	border-radius: 10px;
}


dt { font-weight: bold; padding: 0 0 0 20px; }
dt:before {
	content: '';
	display: block;
	position: relative; left: -30px; top: 20px;
	width: 20px;
	height: 20px;
	background-image: url(valid_small.png);
}
dd { padding-left: 20px; margin-left: 0; }

ul.checklist {
	list-style-image: url(valid_small.png);
	padding: 30px 0 30px 240px;
	height:230px;
}
ul.checklist li {
	padding: 0 0 10px 0;
}


div.content {
	position: relative;
	background-size: cover;
	background-position: 75% 50%;
	padding: 50px 0;
}

div.motto {
	padding: 20px 80px;
	width: 150px;
	position: absolute; bottom: 0; right: 0;
	font-size: 1.4em;
	background-color: #ffcb05;
	font-weight:bold;
}

div#map_canvas {
	height: 400px;
	width: 100%;
}

div#foot_head {
	background-color: #ffcb05;
	padding: 30px 0;
	font-size: 2.5em; font-weight: bold;
	text-align: center;
	font-family : 'montserratregular', verdana, sans;
}

div#footer {
	padding: 60px 0;
}
div#footer p {
	margin: 2px 0;
}

div#footer a.estim {
	text-transform: uppercase;
	text-decoration: none;
	color: #ffcb05;
	border: 1px solid #ffcb05;
	padding: 7px 10px;
	border-radius: 20px;
	position:absolute;
	bottom:0;
	margin: 34px 38px;
	font-family : 'montserratregular', verdana, sans;
}
div#cr {
	padding: 30px 0;
	background-color: black;
	color: #898989;
}

ul#bottomLinks {
	list-style-type: none;
	padding: 0;
}
ul#bottomLinks li{
	padding: 3px 5px;
}
ul#bottomLinks a {
	text-decoration: none;
	color: black;
}
ul#bottomLinks a:hover {
	color: #999;
}

div#contact form div{
	float:left;
	margin-right:10px;
}
.h290{ height: 290px; }
#contact {
        width: 820px; margin: 50px auto;
        position: relative; z-index: 2;
}
#contact form {
        background-color: white; padding: 10px; background-color: white;
}
#contact:before, #contact:after {
        content: '';
        display: block; background-color: #ffcb05;
        width: 310px; height: 310px;
        position: absolute; z-index: -1;
}
#contact:before { top: -15px; left: -15px; }
#contact:after { bottom: -15px; right: -15px; }

img.affiche{
	float:left;
	width: 210px;
}

div.by4.center{
	background-image: url("../logo_w4.png");
	background-repeat: no-repeat;
	background-size: 30% auto;
	background-position: 50% 15%;
	text-align:left;
	position:relative;
}
img#yelo_fb{
	vertical-align:middle;
	margin-bottom:3px;
}
body.contact div.content, body.services div.content{
	
	background-image:url('../mur.png');
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
}
p.p_grand{
	line-height:2.2em;
}
div#contact form div.bt{
	float:none;
	display:block;
	margin:0px auto;
	margin-bottom:25px;
}
/*input.w360::-webkit-input-placeholder:after{
	color:#ffcb05;
	content:" *";
}
input.w360::-moz-input-placeholder:after{
	color:#ffcb05;
        content:" *";
}
input.w360:-ms-input-placeholder:after{
	color:#ffcb05;
        content:" *";
}*/
/*div#contact form textarea::-webkit-input-placeholder:after{
        color:#ffcb05;
        content:" *";
}
div#contact form textarea::-moz-placeholder:after{
        color:#ffcb05;
        content:" *";
}
div#contact form textarea:-ms-input-placeholder:after{
        color:#ffcb05;
        content:" *";
}

input#email::-webkit-input-placeholder:after{
	color:#ffcb05;
	content:" >";
	float:right;
	font-weight:bold;
}
input#email::-moz-placeholder:after{
	color:#ffcb05;
	content:" >";
	float:right;
}
input#email:-ms-input-placeholder:after{
	color:#ffcb05;
	content:" >";
	float:right;
}*/
p#mail::after{
	content:">";
	margin: 0 0 0 -30px;
	color: #ffcb05;
	font-weight: bold;
}


/* Achat / location */
div.bien {
        clear: both;
	margin: 60px 0;
	position: relative;

}
div.bintro {
        width: 740px; height: 300px; margin: 30px 0 30px 40px;
        position: relative;
        padding: 0 10px;
        float: left;
        overflow-y: hidden;
}
div.bphoto {
        width: 400px; height: 300px;
        margin: 30px 0;
        position: relative;
        float: left;
        background-color: #dde;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50% 50%;

}

div.banner {
        width: 400px; height: 400px;
        background-image: url(bandeau.png);
        background-size: cover;
        background-repeat: no-repeat;
        opacity: .9;
}
div.banner span {
        font-weight: bold;
        display: block; width: 300px;
        position: absolute; top: 10px;
        color: black;
        font-size: 1.5em;
        transform: rotate(-40deg);
        position: absolute; top: 70px; left: 40px;
}

div.banner2 {
	position: absolute; bottom: 20px; right: 20px;
	background-color: #ffcb05;
	color: black;
	opacity: .9;
	font-size: 2em;
	padding: 20px 50px;
}

div.bfoot {
        position: absolute; bottom: 0; left: 0;
        width: 100%;
        height: 120px;
        background-image: url(bg_dither.png);
        background-repeat: repeat-x;
        background-position: bottom;
}
div.bfoot a.button {
        position: absolute; bottom: 5px; right: 5px;
}

div.cp {
        position: absolute; top: -20px; left: -20px;
        padding: 20px;
        background-color: #ffcb05;
        text-align: center;
}
div.prix {
        position: absolute; bottom: -20px; right: -20px;
        padding: 20px;
        background-color: #ffcb05;
}
div.admLinks {
        position: absolute; bottom: 0; left: 0;
}
div.admLinks a {
        display: inline-block;
        background-color: #ffcb05;
        padding: 5px 10px;
        margin: 0 5px;
        text-decoration: none;
        color: black;
}



/* details bien */

div#ousel  {
        width: 600px;
        height: 550px;
}
li.lslide, li.lslide img { height: 450px; }

th {
        background-color: #ffcb05;
        padding: 10px;
}

td { padding: 10px; width: 50%; }
tr td:first-child {
        text-align: right;
        background-color: #fea;
}

td.l { text-align: left !important; }
.by2c table { margin-left: 2%; width: 98%; }


div.dbanner {
        position: absolute; top: 45px; left 0px;
        z-index: 99;
        width: 400px; height: 400px;
        background-image: url(bandeau.png);
        background-size: cover;
        background-repeat: no-repeat;
        opacity: .9;
}
div.dbanner span {
        font-weight: bold;
        display: block; width: 300px;
        position: absolute; top: 10px;
        color: black;
        font-size: 1.5em;
        transform: rotate(-40deg);
        position: absolute; top: 70px; left: 40px;
}



form#iSort { margin-bottom: 50px; }
form#iSort div {
        width: 230px; height: 230px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        margin: 10px;
        float: left;
}
form#iSort div.clr { height: auto; float: none !important; }


@media screen and (max-height:800px){
	#ill2, #ill2 img { height: 600px; }
}

@media screen and (max-height:600px){
	#ill2, #ill2 img { height: 400px; }
}





@media screen and (max-width:1300px){
	div.ill h1{
		margin-top:250px;
	}
	span#sp_menu{
		margin-right:0px;
	}
}
@media screen and (max-width:1200px){
	div.c{
		width:auto; padding: 8px;
	}
	div.tab3,div.square3 {
		width:29%;
		margin:1% 2%;
	}
	div.square3 h2{
		width:auto;
	}	
	div.by2,div.by2b{
		width:47%;
		margin:1%;
	}
	div.by2 img{
		width:100%;
	}
	div.quote{
		width:43%;
		padding:130px 2% 20px 2%;
		margin:50px 1%;
	}
	div.by4{
		width:22%;
		padding:10px 1%;
	}
	div.content{
		background-position:80% 50%;
	}
	div.content div.by2 img{
		width:auto;
	}
	ul#menu li a{
		width:100px;
	}
	div#footer a.estim{
		margin:40px 20px;
	}
	div.by2b div.p:first-child{
		height:120px;
	}
	div.by2b div.p p:first-child{
		height:40px;
	}
	img.affiche{
		width:45%;
	}
	ul.checklist{
		padding:30px 0 30px 50%;
		height:310px;
	}
	div.tab3{
		padding: 145px 0 30px 0;
	}

        div.bphoto {
                width: 90%;
                margin-left:  5%;
        }

        div.bintro {
                width: 90%; height: 300px;
                margin: 30px auto;
                position: relative;
		float: none;
        }

        div#ousel {
                width: 100%;
                height: 420px;
        }
        li.lslide, li.lslide img { height: 320px; }
        div.by2c {
                width: 100% !important;
        }


}
@media screen and (max-width:1100px){
	div#footer a.estim{
		margin:40px 10px;	
	}
	span#sp_menu{
		position:relative;
	}
	span#sp_menu a.estim{
		width:200px;
		margin:0px auto;
		color:#000;
		background-color:#ffcb05;
		padding:15px 13px;
	}
}
@media screen and (max-width:1000px){
	div.tab3{
		width:46%;
		background-position:50% 0%;
	}
	div#footer a.estim{
		display:inline-block;
		margin:50px 0px;
	}
	ul#menu li a{
		width:100px;
	}
	div#contact{
		width:92%;
	}
	div.by4.center{
		background-size:35% auto;
	}
}
@media screen and (max-width:800px){

div.by4, 
div.by4.center{
	float: none;
	width: auto;
	position: static;
	height: 160px;
}
div.by4.center {
	background-size: auto 100px;
	background-position: 50% top;
}
div#footer a.estim {
	display: block; position: static; margin: 100px 8% 0 8%;
	text-align: center;
}
div.square3 {
	height: 90px; padding-top: 60px; float: left;
	background-image: url(valid_small.png);
}
div.ill { height: 350px; }
body.accueil div.ill { background-image: url(../bg_accueil_small.jpg); }
body.gestion div.ill { background-image: url(../bg_gest_small.jpg); }
body.services div.ill { background-image: url(../bg_services_small.jpg); }
body.contact div.ill { background-image: url(../bg_contact_small.jpg); }

	div.square3 h2 {
		font-size: 1em;
		font-weight: normal;
	}
	div.text{
		background-color:rgba(255,255,255,.7);
	}
	/*
	div.by4{
		width: 45%;
		height:200px;
	}
	*/
	
	div.by4:nth-child(2n+1){
		clear:both;
		padding:2%;
	}*/
	div#mainSection{
		background-size:50%;
	}
	div.ill h1{
		margin-top:160px;
	}
	ul#menu{
		width:100%;
		text-align:center;	
	}
	ul#menu li{
		display:none;	
	}
	ul#menu li a{
		display:inline-block;
	}
	ul#menu li.logo{
		display:block;
		width:100%;
	}
	ul#menu.unroll{
		height:auto;
		background-color:#fff;	
		margin-bottom:5px;
	}
	ul#menu.unroll li{
		display:block;
		border-bottom: 1px solid #ddd;
		width: 100%;
		float: none;
	}
	ul#menu.unroll li:first-child{
		margin-top:80px;
	}	
	ul#menu.unroll li.logo{
		position:absolute;
		border-bottom: none;
		top:5px;
	}
	ul#menu li a#ico_menu{
                display:inline-block;
                font-size:2.7em;
                line-height:initial;
                height:auto;
                margin:-10px 0px;
                text-align:left;
		right:0;
		position:absolute;
        }
	span#sp_menu a.estim{
		/*margin:5px auto;*/
	}
	div.ill{
		clear:both;
	}
	div#head{
		position:relative;
		height:90px;
	}
	div#head.unroll{
		height:auto;
	}
	div#contact form div{
		width:95%;
		float:none;
	}
	.w360{
		width:92.5%;
	}
	img.bandeau{
		height:50px;
	}
	div.by2,div.by2b{
                width:98%;
        }
	img.affiche{
		width:auto;
	}
	ul.checklist{
		padding: 30px 0 30px 240px;
		height:230px;
	}
	ul#bottomLinks li:nth-child(2n){
		float:right;
	}
	ul#bottomLinks li:nth-child(2n+1){
		float:left;
		clear:both;
	}
	ul#bottomLinks li:first-child{
		float:left;
	}
	div.by2.text{
		width:94%; padding:3%;
		margin-left:0px;
	}
	p.p_grand{
		text-align:justify;
		padding:0 10px;	
	}
	p.cell{
		display:table-row;
		width:100%;
	}
	p.cell b{
		display:table-cell;
		width: 50%;
		padding-right:10px;
	}
	/*
	div.by4:nth-child(2){
		width:30%;
	}
	div.by4:nth-child(3){
		width:37%;
		padding-left:10%;
	}*/

	div.motto { width: auto; }
}
@media screen and (max-width:600px){
	div.tab3{
		width:96%;
	}
	div.by2,div.by2b{
		width:98%;
		margin-left:1%;
		margin-right:1%;
		margin-bottom:15%;
	}
	div.ill h1{
		margin-top:100px;
		font-size:1.1em;
		line-height:1.7em;
	}
	img.yelo_name{
		height:18px;
	}
	div.content div.by2 img.yelo_name{
		height:30px;
	}
	h1 span{
		font-size:1.2em;
	}
	div.by4 input{
		max-width:90%;
	}
	img.affiche{
		max-width:50%;
	}
	ul.checklist{
		padding:30px 0 5px 60%;
		min-height:200px;
		height:auto;
	}
	#contact::before, #contact::after{
		width:250px;
	}
	span#sp_menu a.estim{
		/*margin:-40px auto 5px auto;*/
		margin:-20px auto 5px auto;
		padding:10px 0px;
	}
	div.quote{
		width:94%;
		margin:2% 1%;
	}
	div#foot_head{
		font-size:1.5em;
	}
	ul#menu.unroll{
		margin-bottom:40px;
	}
	/*div.by4{
		height:160px;
	}*/
	p.p_grand{
	        line-height:2em;
	}
	dt{
		padding:0 0 0 30px;
	}
	ul#menu li a#ico_menu{
		width:50px;
	}
	p.cell{
		height:60px;
	}
	p.cell b{
		text-align:right;
	}
/*
	div.by4:nth-child(2){
                width:45%;
        }
        div.by4:nth-child(3){
                width:45%;
                padding-left:2%;
        }
*/
	input#email{
		width:80%;
	}
	p#mail::after{
		margin: 0 0 0 -20px;
	}
	div.tab3{
		padding: 45% 0 30px 0;
	}
	
}




.slick-current.slick-active.slick-center {
    opacity:1;

}
.slick-slide  {
    opacity:0.5;
    background: #000;
    border-left:3px solid #fff;
    border-right:3px solid #fff;
}