/* UTF-8 déclaré */
@charset "UTF-8";

/* Reset CSS en prévision HTML 5 */
article,aside,audio,canvas,datagrid,datalist,details,dialog,figure,footer,header,nav,section,video {display: block;}
abbr,eventsource,mark,meter,time,progress,output,bb {display:inline;}

/* Mise à zéro de toutes les marges et de l'espacement dans les blocs pour tous les navigateurs*/
* {margin: 0; padding: 0;}
/* -------------- police de Caractère Spéciale ------------------------------------------- */
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?jd3lbo');
  src:  url('../fonts/icomoon.eot?jd3lbo#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?jd3lbo') format('truetype'),
    url('../fonts/icomoon.woff?jd3lbo') format('woff'),
    url('../fonts/icomoon.svg?jd3lbo#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;  
  font-size:4em;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: all 0.4s linear;
}
/* ---------------------------- Liens ---------------------------------- */
a {text-decoration:none;color:#000000;}
a:hover, a:focus, a:active {text-decoration:none;color: #bdbdb5;}

.texterougegrasattention {
	text-align: center;
	font-size:1.5em;
	font-style: italic;
	color: #FF0000;
	font-weight: bold;
	text-align: center;
	padding:10px 10px 10px 10px;
}

* {  
  -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin:0;	
  }
#bandeau{float:left;width:100%;background:#ffffff;}  
.blocs01 .moncercle .icon-phone:before {
	content:"\e942";
	line-height:100px;
	color:#ffffff;
	text-align:center;
	display:block;
}
.blocs02 .moncercle .icon-clock:before {
	content:"\e94e";
	line-height:100px;
	color:#ffffff;
	text-align:center;
	display:block;
}
.blocs03 .moncercle .icon-envelop:before {
	content:"\e945";
	line-height:100px;
	color:#ffffff;
	text-align:center;
	display:block;
}
/* ------------------------------------------------------------------------------------ */
body {
	
	height:100%;
	color:black;
	background: #ffffff;
	font:normal 80% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-size:1em;	 
}
header{position:relative;width:100%;margin-top:0px;text-align:center;height:200px;background: url(../img/fond.png) top ,rgba(102, 166, 232, 0.3);background-repeat:no-repeat;}
header img{margin-top:2px;filter: brightness(240%)}


#entreprise{float:left;width:100%;max-width:100%;padding-top:10px;padding-bottom:10px;background:#7E8794;color:#ffffff;font-size:1.3em;font-weight:bold;text-align:center;}

#pagebien{float:left;width:100%;max-width:100%;background:#7E8794;margin-top:-10px;padding-left:20px;}
#pagebien h3{color:#ffffff;}
#pagebien p{color:#ffffff;}
.affichagebien{margin-left:20px;font-size:1em;text-align:left;color:#000000;}
.affichagedutexte{margin-left:20px;color:#000000;}
/*----------- Définition des espaces ---------------------------*/
.espace {
   margin-top : 30px;
}
#contenu .espacemaxi {
   margin-top : 80px;
}
.espacemini {
   margin-top : 10px;
}	
.blocs{position:relative;float:left;width:32.60%;max-width:32.60%;min-width:32.60%;color:#000000; overflow: hidden;}
.blocs01{padding:0.35%;background:#ffffff;margin-bottom:10px;}
.blocs02{padding:0.35%;background:#ffffff;margin-bottom:10px;}
.blocs03{padding:0.35%;background:#ffffff;margin-bottom:10px;}

.blocs01 a {text-decoration:none;color:#9c9595;}
.blocs01 a:hover, a:focus, a:active  {text-decoration:none;color:#898585;}

#contenu{float:left;width:100%;background:#7E8794;color:#000000;height:auto;}

#contenu p {color:#ffffff;}
#contenu img{
	max-width: 65%;
	float:right;
	margin-right:10px;
	margin-bottom:10px;
}

#contenuml{float:left;width:100%;background:#ffffff;color:#000000;height:auto;}

#contenuml p {color:#000000;padding-left:5px;padding-right:5px;}
#contenuml h1,h2 {color:#000000;padding-left:5px;padding-right:5px;}
#contenuml img{
	max-width: 65%;
	float:right;
	margin-right:10px;
	margin-bottom:10px;
}

#contenupresentation{min-height:400px;}
#contenupresentation img{
	max-width: 100%;
	float:left;
/*	margin-right:10px;*/
	margin-bottom:10px;
}
#contenupage{
	clear:both;
	position:relative;
	float:left;
	width:100%;
	max-width:100%;
	background:#7E8794;
}
#footer{position: relative;
	margin-left:auto; 
	margin-right:auto; float:left;width:100%;background:#283747;color:#ffffff;text-align:center;font-weight:bold;margin-bottom:10px;
}
h6 {
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #c3c2c2;
	text-align: center;	
}
/*
#footergauche{
	float:left;
	width:78%;	
	height:100px;
	display: inline-block;
	background:gold;
}
#footergauche p{
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	font-size: 0.8em;
	padding-top:1em;
}
*/
#facebookfooterdroit{
	float:right;
	display: inline-block;
	text-align: center;
/*	margin-top:-120px;*/
	margin-right:10px;
	list-style: none;
	overflow:hidden;
	width:100%;
/*	height:155px;*/
	padding-bottom:10px;
}
.textefacebookfooter{
	font-weight: bold;
	font-size: 1em;
	color:#ffffff;
	padding-top:1em;
}	
/* ---------------------------- Liens ---------------------------------- */
#footer a {font-size:1.1em;font-weight:bold;text-decoration:none;color:#ffffff;}
#footer a:hover, a:focus, a:active {text-decoration:none;font-size:1.1em;font-weight:bold;color: #babab7;}
#footer p{display:inline;font-size:1.1em;font-weight:bold;text-decoration:none;color:#ffffff;line-height:4em;}

#main {margin-left:0px;overflow: hidden;}	
.blocs01 .moncercle{
	/*background:none repeat scroll 0 0 #2fcbe0;
	border-radius:50%;*/
	color:#fff;
	display:block;
	/*line-height:120px;*/
	margin:0 auto;
	width:110px;
	margin-top:10%;
}
.blocs01 h3{
	font-size: 1.3em;
	font-weight: 300;
	margin: 0.8em 0;
	color:#B99E9E;
	text-transform: uppercase;
	text-align:center;
}
.blocs01 p{
	font-size: 1.1em;
	font-weight: 300;
	margin: 0.8em 0;
	color:#6F6666;
	
	text-align:center;
}
.blocs02 .moncercle{
	/*background:none repeat scroll 0 0 #2fcbe0;
	border-radius:50%;*/
	color:#fff;
	display:block;
	/*line-height:120px;*/
	margin:0 auto;
	width:110px;
	margin-top:10%;
}
.blocs02 h3{
	font-size: 1.3em;
	font-weight: 300;
	margin: 0.8em 0;
	color:#B99E9E;
	text-transform: uppercase;
	text-align:center;
}
.blocs02 p{
	font-size: 1.1em;
	font-weight: 300;
	margin: 0.8em 0;
	color:#6F6666;
	
	text-align:center;
}
.blocs03 .moncercle{
	/*background:none repeat scroll 0 0 #2fcbe0;
	border-radius:50%;*/
	color:#fff;
	display:block;
	/*line-height:120px;*/
	margin:0 auto;
	width:110px;
	margin-top:10%;
}
.blocs03 h3{
	font-size: 1.3em;
	font-weight: 300;
	margin: 0.8em 0;
	color:#B99E9E;
	text-transform: uppercase;
	text-align:center;
}
.blocs03 p{
	font-size: 1.1em;
	font-weight: 300;
	margin: 0.8em 0;
	color:#6F6666;
	
	text-align:center;
}
/* ----------------------------------------------------------------------------------------------- */

	section img{
		border:0;
		vertical-align:top;
		max-width:100%;
		height: 400px;
	}
	
	section img.portrait{
		border:0;
		vertical-align:top;		
		height:300px;
		max-width:168px;
		margin-left:27%;
	}
	section .columns{width:100%;}
	section .columns:after{
		content:"";
		display:block;
		clear:both;
	}
	section .columns > div,
	section .columns > article{
		float:left;
		vertical-align:top;
		margin-right:1%;
	}
	section .columns h2{text-align:left;}
	section .half{
		width:48.0%;
		margin:1.3%;
	}

	article p.prixgrossi{
		font-size: 1.1em;
		font-weight: bold;
	}
	article p.titre02{
		text-align:center;
		font-size: 1.5em;
		font-weight: bold;
		margin-bottom: 11px;
	}
	article p.titre02responsive{
		text-align:left;
		font-size: 1em;
		font-weight: bold;
		margin-bottom: 11px;
	}
	article p.titre01responsive{
		text-align:left;
		font-size: 1em;
		font-weight: bold;
		margin-bottom: 11px;
	}
	article p.titre03responsive{
		text-align:center;
		font-size:1em;
		font-weight:bold;
		margin-bottom:11px;
	}
	section .columns > div:first-child,
	section .columns > article:first-child{margin-left:0;}
	section .news > div{
		border:1px solid #505a68;
		position:relative;
		padding:0 0 50px;
		margin:0 0 30px;
		height:700px;
	}
	section .news > div:after{
		content:"";
		display:block;
		clear:both;
	}
	section .news h3{
		font-size:1.714em;
		line-height:2.583em;
		text-align:center;
		margin:0 0 0.83em;
		border-top:1px solid #909eb2;
		border-bottom:1px solid #545b65;
		background:#5d6a7c;
		color:#fd0000;
		letter-spacing:12px;
		text-shadow: #ffffff 1px 1px, #ffffff -1px 1px, #ffffff -1px -1px, #ffffff 1px -1px;
		background-image: linear-gradient(bottom, rgb(93,106,124) 0%, rgb(126,137,153) 100%);
		background-image: -o-linear-gradient(bottom, rgb(93,106,124) 0%, rgb(126,137,153) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(93,106,124) 0%, rgb(126,137,153) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(93,106,124) 0%, rgb(126,137,153) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(93,106,124) 0%, rgb(126,137,153) 100%);
		background-image: -webkit-gradient(linear, left bottom,	left top, color-stop(0, rgb(93,106,124)), color-stop(1, rgb(126,137,153)));		
	}
	section .news h3 a{
		display:block;
		text-decoration:none;
		text-shadow:0 1px 2px rgba(0,0,0,0.5);
	}	
	section .oneThird{
		width:30%;
		/* margin:1%; */
	}
	@media all and (max-width: 1023px){
		/* body:before {content:"Version mobile du site maxi 1023px";display:block;color:red;text-align:center;font-style:italic;} */
		section .oneThird{
			width:100%;		
		}
	}

	section .columns > div:first-child,
	section .columns > article:first-child{margin-left:0;margin-right:1%;}
	section .oneThird +.oneThird +.oneThird,
	.threeForth + .oneForth,
	.oneForth + .half,
	.half + .half,
	.half + .oneForth + .oneForth,
	.last{
	/*	float:right;*/
		margin-right:1%;
	}
	section #content{padding:82px 0 0;}
	section .fullWidth{width:100%;}
	section .fullWidth img{width:100%;}
	section .imgHolder{
		display:inline-block;
		padding:1px;
/*		background:#fff;*/
		border:6px solid #ffffff;
		margin-bottom:1em;
		max-width:100%;
		overflow:hidden;
		
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	section * +html .imgHolder{
		max-width:93.5%;
		border-width:3%;
		padding:0;
	}
	section .imgHolder img{display:block;}
	section .grey .imgHolder{border-color:#646e7d;}
	section .news .readMore{
		position:absolute;
		top:100%;
		margin:-2.143em 0 0;
		width:100%;
		text-align:center;
	}	
	.grey{
		background:#7e8794;
		color:#fff;
		border-bottom:1px solid #f6f6f6;
		border-top:1px solid #f6f6f6;
		
		-moz-box-shadow:   	inset 0 6px 6px -6px rgba(0,0,0,0.75),
							inset 0 -6px 6px -6px rgba(0,0,0,0.75);
		-webkit-box-shadow: inset 0 6px 6px -6px rgba(0,0,0,0.75),
							inset 0 -6px 6px -6px rgba(0,0,0,0.75);
		box-shadow:         inset 0 6px 6px -6px rgba(0,0,0,0.75),
							inset 0 -6px 6px -6px rgba(0,0,0,0.75);
	}
	section .grey h1{
		color:#fff;
		text-shadow:0 1px 2px rgba(0,0,0,0.5);
	}
	section .grey h2{
		text-shadow:0 1px 2px rgba(0,0,0,0.5);
	}
	section .grey .subHeading{
		color:#d9e7fb;
		text-shadow:0 1px 1px rgba(0,0,0,0.5);
	}
	section .grey a{color:#fff;}
	section .btn{
		position:relative;
		display:inline-block;
		padding:0.278em;
		font:1.714em/2.375em Arial, Helvetica, sans-serif;
		border:1px solid #d6d6d6;
		background:#dedede;
		text-decoration:none;
		font-weight:bold;
		cursor:pointer;
		width:auto;
		margin:0 -2px;
		overflow:visible;
		
		-webkit-border-radius: 1.67em;
		-moz-border-radius: 1.67em;
		border-radius: 1.67em;
		
		-webkit-transition: background 0.5s ease;
		-moz-transition: background 0.5s ease;
		-o-transition: background 0.5s ease;
		transition: background 0.5s ease;
	}
	section * +html .btn{margin:0;}
	section .btn span{
		color:#fff;
		padding:0 1.25em;
		display:block;
		text-shadow: 0px 0 rgba(0,0,0,0.31), 0 1px rgba(0,0,0,0.5), 0px 0 rgba(0,0,0,0.5), 0 0px rgba(0,0,0,0.5);
		
		-moz-box-shadow:   	inset 0 0px 3px rgba(255,255,255,255.75);
		-webkit-box-shadow: inset 0 0px 3px rgba(255,255,255,0.75);
		box-shadow:         inset 0 0px 3px rgba(255,255,255,0.75);
							
		-webkit-border-radius: 1.25em;
		-moz-border-radius: 1.25em;
		border-radius: 1.25em;
	}	
	section .btnSmall{
		padding:0.278em;
		text-decoration:none;
		font-size:1.214em;
		line-height:2.35em;
		background:#798493;
		font-weight:bold;
		border:1px solid #505a68;
		
		-webkit-border-radius: 1.47em;
		-moz-border-radius: 1.47em;
		border-radius: 1.47em;
		
		-webkit-transition: background 0.5s ease;
		-moz-transition: background 0.5s ease;
		-o-transition: background 0.5s ease;
		transition: background 0.5s ease; 
		
		-moz-box-shadow:   	0 1px 1px rgba(255,255,255,0.36);
		-webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.36);
		box-shadow:         0 1px 1px rgba(255,255,255,0.36);
	}
	section .btnSmall span{
		color:#fff;
		text-decoration:none;
		padding:0 1.47em;
		display:block;
		text-shadow: 0px 0 rgba(0,0,0,0.31), 0 1px rgba(0,0,0,0.5), 0px 0 rgba(0,0,0,0.5), 0 0px rgba(0,0,0,0.5);
		
		border:1px solid #566270;
		background:#606a78;

		background-image: linear-gradient(bottom, rgb(98,119,149) 0%, rgb(160,188,226) 100%);
		background-image: -o-linear-gradient(bottom, rgb(98,119,149) 0%, rgb(160,188,226) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(98,119,149) 0%, rgb(160,188,226) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(98,119,149) 0%, rgb(160,188,226) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(98,119,149) 0%, rgb(160,188,226) 100%);

		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(98,119,149)),
			color-stop(1, rgb(160,188,226))
		);
		
		-moz-box-shadow:   	inset 0 2px 2px -2px rgba(255,255,255,255.75),
							inset 0 0 0 #fff;
		-webkit-box-shadow: inset 0 2px 2px -2px rgba(255,255,255,0.75),
							inset 0 0 0 #fff;
		box-shadow:         inset 0 2px 2px -2px rgba(255,255,255,0.75),
							inset 0 0 0 #fff;
							
		-webkit-border-radius: 1.25em;
		-moz-border-radius: 1.25em;
		border-radius: 1.25em;
	}
	section 	.btn:hover {
		background:#1b4648;
		background:rgba(0,0,0,0.2);
	}
	section .btnSmall:hover {
		background:none;
	}
	section .btnSmall:hover span{
		background-image: linear-gradient(bottom, rgb(109,131,164) 0%, rgb(169,199,241) 100%);
		background-image: -o-linear-gradient(bottom, rgb(109,131,164) 0%, rgb(169,199,241) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(109,131,164) 0%, rgb(169,199,241) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(109,131,164) 0%, rgb(169,199,241) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(109,131,164) 0%, rgb(169,199,241) 100%);

		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(109,131,164)),
			color-stop(1, rgb(169,199,241))
		);
	}
	section .btn:active{
		top:1px;
	}
	section .btn:hover span,
	section .btn:active span{
		color:#fff;
	}
	section .row{
		width:100%;
		/*background:#eaeaea;*/
		padding:2.857em 0;
		padding-top:1em;
	}
	section .row:after{
		content:"";
		display:block;
		clear:both;
	}
section a .readMore{
		color:#466087;
		text-decoration:underline;
	}
section a:hover .readMore{ text-decoration:none;}
	.center {
		max-width:90%;
		width:100%;
		margin:0 auto;
	}
section p {margin:0 0 1em;}	
section .news .content{
		width:83%;
		overflow:hidden;
		margin:0 auto;
	}
	article p {margin:0 2em 1em;}
/* =================================================== Menu ============================================================================ */
a {text-decoration: none;}


.logo {
	  text-decoration: none;
	  color: #777;
	  font-weight: 800;
	  font-size: 30px;
	  line-height: 40px;
}

h1 {
	  text-align: center;
	  width: 100%;
	  margin-top: 20px;
	  color:#CCC;
	  font-weight: 800;
	  font-size: 40px;
	  margin-bottom:20px;
}
.commentaire {
	  text-align: center;
	  width: 100%;
	  margin-top: 20px;
	  color:#CCC;
	  font-weight: 400;
	  font-size: 20px;
	  margin-bottom:20px;
}

/***************/
/* Menu vertical */
/***************/
#navigvertical {
float:left;
width:20%;
list-style: none ;				
padding: 0 ;
}
	
#navigvertical ul {	
	background-color:#89898c;
	list-style: none; 

}	
#navigvertical li {
	background: #89898c ;
	color: #000000 ;
	border-bottom: 1px solid #912820;
	margin-bottom: 5px ;
	}
#navigvertical li a {
	display: block ;
	background:#f4f4f4;
	color: #000000 ;
	font: 1em "Trebuchet MS",Arial,sans-serif ;
	line-height: 1em ;
	padding: 4px 0 ;
	text-align: center ;
	text-decoration: none ;
	}
#navigvertical li a:hover, #navigvertical li a:focus, #navigvertical li a:active {
	background: #89898c ;
	text-decoration: none ;
	}
/****************************************/
/****** Menu vertical Actualités *******/
/***************************************/
aside{display:block;}
#navigverticalactualites {
float:left;
width:20%;
list-style: none ;				
padding: 0 ;
}
	
#navigverticalactualites ul {	
	background-color:#89898c;
	list-style: none;
}	
#navigverticalactualites li {
	background:#89898c;
	color: #000000;
	border-bottom: 1px solid #912820;
	margin-bottom: 5px ;
	list-style-type: none;
	text-decoration:none; 
	}
#navigverticalactualites li a {
	display: block ;
	background:#f4f4f4;
	color: #000000 ;
	font: 1em "Trebuchet MS",Arial,sans-serif ;
	line-height: 1em ;
	padding: 20px 0 ;
	text-align: center ;
	text-decoration: none ;
	list-style-type: none;
	}
#navigverticalactualites li a:hover, #navigverticalactualites li a:focus, #navigverticalactualites li a:active {
	background:#c3c7cc;
	text-decoration:none;
	}
firstcolumn02   div      {
	padding:10px;
}

/* ----------------------------------- */
#contenu #firstcolumn02 .catalogue	{
	float:left;
	margin-left:1%;
	margin-right:1%;
	background:#9bf190;
	border-radius:0;
	width:48%;
	height:350px;	
}

#contenu #firstcolumn02 .catalogue   p ,#contenu  #firstcolumn02 .catalogue2 p {
	background:transparent;	
	text-align:left;
	display:inline-block;
}
#contenu #firstcolumn02 .catalogue2	{
	float:left;
	margin-left:1%;
	margin-right:1%;
	background:#7dd072;
	border-radius:0;
	width:48%;
	height:350px;
}

#contenu  #firstcolumn02 .catalogue img,#contenu  #firstcolumn02 .catalogue2 img {
	border:1px solid white;
	width:50%;
	float:left;
}

#contenu #firstcolumn02 .catalogue .pdf,#contenu  #firstcolumn02 .catalogue2 .pdf {
	border:none;
}

#contenu #firstcolumn02 .catalogue h2,#contenu  #firstcolumn02 .catalogue2 h2 {
	color:#4c3406;
	padding:0;
	margin-bottom:10px;
	margin-top:10px;
}


#contenu #firstcolumn02   #presentation h1{
	font-size: 22px;
	font-style: italic;
	font-weight: bold;
	color: #b1adad; 
	text-align: center;
	margin-top:0px;
	margin-left:0px;
	width:100%;
}
#contenu #firstcolumn02   #presentation h3{
	font-size:20px;
	font-style:italic;
	font-weight:bold;
	color:#5e5f62; 
	text-align:left;
	margin-top:0px;
	margin-left:1%;
	width:100%;
}
#contenu #firstcolumn02 #presentation       {
	float:left;
	width:78%;
	padding-left:1%;
	padding-right:1%;
	color:#000000;
	background:#ffffff;
}
#contenu #firstcolumn02 #presentation p      {
	color:#000000;
	margin-left: 1%;
}

#contenu #firstcolumn02  div       {
	background:#ffffff;
	border-radius:10px 10px 0 0;
}
#contenu #firstcolumn02  .centrer       {
	margin-left:20%;
	margin-right:10%;
	text-align: center;
	font-weight: bold;
}
contenu aside div	{
	margin-bottom:20px;
}
#contenu aside ul	{
	background:#ffffff;
	padding:10px;
}

#contenu aside ul li a	{
	text-decoration : none;
	color : #555555;
}

#contenu aside li 	{
	margin: 5px 0;
	padding:0 10px;
}

#contenu aside ul img{
	padding-right:10px;
	vertical-align:middle;
}
aside p{
	font-size: 1em;
}
aside h1{
	margin-left:1%;
	font-size:22px;
	font-style: italic;
	font-weight: bold;
}
/*=================== Définition du Contact ==================================== */

#coordonnees{float:left;width:100%;padding-left:5%;background:#7E8794;color:#ffffff;}
#formconnexion, #lostpwd	{
	position:relative;
	float:left;
	border:3px solid #555557;
	width:20%;
	height:220px;
	margin-left:35%;
	/*position:fixed;*/
	background: rgba(167, 171, 167, 0.5);
	border-radius: 30px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	padding:10px;
	margin-top:65px;
	margin-bottom:50px;
}
#contenupage form.formconnexion p{font-size:14px;color:#ffffff;}
#contenupage form.formconnexion select{font-size:13px;font-weight: bold;}
#contenupage form.formconnexion p.affichage{margin-left:10px;text-align:left;display:inline;font-size:16px;font-weight: bold;margin-left:1%;width:300px;}
#contenupage form.formconnexion textarea{font-size:14px;font-weight: bold;width:30%;}
#contenupage form.formconnexion .accepter{float:left;text-align:center;margin-left:30%;width:200px;margin-top:10px;font-size:1.2em;font-weight: bold;cursor:pointer;margin-bottom:10px;}

.connexionaccepter{width:150px;margin-top:10px;margin-left:auto;margin-right:auto;}

/* ---------------------------------Formulaire de Recherche ------------------------------------------------------------------ */
#contenupage form.formulairepremier{width:40%;max-width:100%;height:50px;background-color:#7E8794;color:#ffffff;margin-left:auto;margin-right:auto;}
#contenupage form.formulairepremier p{font-size:14px;}
#contenupage form.formulairepremier select{font-size:14px;font-weight: bold;}
#contenupage form.formulairepremier p.affichage{display:inline;font-size:16px;font-weight: bold;margin-left:1%;width:200px;}
#contenupage form.formulairepremier select:disabled{background:#CCC;}
/* ---------------------------------------------------------------------------------------------------------------------------------- */
#contenupage form.formulairesecond{width:40%;max-width:100%;height:70px;background-color:#7E8794;color:#ffffff;margin-left:auto;margin-right:auto;margin-top:-16px;}
#contenupage form.formulairesecond p{font-size:14px;}
#contenupage form.formulairesecond p.affichage{display:inline;font-size:16px;font-weight: bold;margin-left:1%;width:200px;}
#contenupage form.formulairesecond select{font-size:14px;font-weight: bold;}
#contenupage form.formulairesecond p.budget{font-size:1.5em;font-weight: bold;text-align: center;margin-bottom:10px;}
#contenupage form.formulairesecond p.budget02{font-size:1em;font-weight: bold;text-align: center;}
/* #contenupage form.formulairesecond input{width:12%;margin-right:5px;font-size:1.2em;font-weight: bold;color:#343439;background:#7E8794;border: none;text-align:center;} */
/* #contenupage form.formulairesecond input.budget{width:12%;text-align:center;margin-right:5px;font-size:1.2em;font-weight: bold;color:#343439;background:#7E8794;border: none;} */
#contenupage form.formulairesecond input{width:12%;height:25px;margin-right:5px;font-size:1em;font-weight: bold;color:#343439;border: none;text-align:center;}
#contenupage form.formulairesecond input.budget{width:20%;text-align:center;margin-right:5px;font-size:1em;font-weight: bold;color:#343439;border: none;}
#contenupage form.formulairesecond p.affichagetexte{font-size:1em;font-weight:bold;text-align: center;}
#contenupage form.formulairesecond .accepter{float:left;margin-left:37%;width:30%;height:30px;margin-top:0px;font-size:1.2em;font-weight: bold;cursor:pointer;color:#ffffff;background:#B0B1B7;text-align:center;}	
#contenupage form.formulairesecond p #sliderbuggetprix{float:left;width:90%;height:5em;margin-left:5%;text-align:center;}
#contenupage form.formulairesecond div #slider_prix{float:left;width:80%;}
#contenupage form.formulairesecond a{float:left;width:90%;height:5em;margin-left:5%;text-align:center;color:#ffffff;margin-top:10px;}
#contenupage form.toutvoir{clear:both;width:55%;max-width:100%;background-color:#7E8794;margin-left:auto;margin-right:auto;padding-bottom:10px;text-align:center;margin-bottom:20px;}
#contenupage form.toutvoir input{width:20%;text-align:center;margin-left:auto;margin-right:auto;font-size:1em;font-weight: bold;color:#ffffff;background:#B0B1B7;border:none;cursor:pointer;}
#contenupage form.formulairesecond select:disabled{background:#CCC;}

/*----------- Définition du texte ---------------------------*/	
.textecentrer {
	text-align: center;
}

.textegras{
	font-weight: bold;
}
.ml{
	margin-left:20px;
}
.texteml{
	font-weight: bold;
	color:#17740a;
}
.texterouge {
	color: #FF0000;
}
.texterougegras {
	color: #FF0000;
	font-weight: bold;
}
.affichagetextetitre {
	color: #CCC;
	font-weight: bold;
}

/* *, ::after, ::before { */
  /* box-sizing: border-box; */
  /* text-align: center; */
/* } */
.textegauche{text-align: left;}
/* ===================================== Zoom Sur Image =================================================================================== */
/* ----------------------- Zoom sur une Image ------------------------------------------ */	  
.zoomimage {
	clear:both;
	position: relative;
	margin-left:-1%;
}

.zoomimage img {
	-moz-transition:-moz-transform 0.5s ease-in; 
	-webkit-transition:-webkit-transform 0.5s ease-in; 
	-o-transition:-o-transform 0.5s ease-in;
	display: inline-block;
	padding: 1px;
	background: #fff;
	border: 6px solid #cecece;
	margin-bottom: 1em;
	max-width: 100%;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right:20px;
}

.zoomimage img:hover {
	/* position:absolute;*/
	text-align: center;
	/*margin-left:15%;
	padding-left:15%;*/
    vertical-align: middle;	
	-webkit-transform:scale(2); /* Safari and Chrome */
    -moz-transform:scale(2); 
	-webkit-transform:scale(2);
	-o-transform:scale(2);
    transform:scale(2);	
	z-index:100;	 
	display: inline-block;
	padding: 1px;
	background: #fff;
	border: 6px solid #cecece;
	margin-bottom: 1em;
	max-width: 100%;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/*margin-left:30px;*/
}
/* ========================================================================================================================
/* ----------------------- Suppression Zoom sur une Image ------------------------------------------ */	  
.paszoomimage {
	clear:both;
	position: relative;
}

.paszoomimage img {
	display: inline-block;
	padding: 1px;
	background: #fff;
	border: 6px solid #cecece;
	margin-bottom: 1em;
	max-width: 100%;
	overflow: hidden;
	vertical-align: initial;	
	-webkit-transform:none; /* Safari and Chrome */
    -moz-transform:none; 
	-webkit-transform:none;
	-o-transform:none;
    transform:none;	
}

.paszoomimage img:hover {
	text-align: center;
	padding-right:10%;
    vertical-align: initial;	
	display: inline-block;
	padding: 1px;
	background: #fff;
	border: 6px solid #cecece;
	margin-bottom: 1em;
	max-width: 100%;
	vertical-align: none;	
	-webkit-transform:none; /* Safari and Chrome */
    -moz-transform:none; 
	-webkit-transform:none;
	-o-transform:none;
    transform:none;

}
/* ----------------------- Zoom sur une Image sur le Bord Gauche ------------------------------------------ */	  
.zoomimagegauche {
	clear:both;
	position: relative;	
	margin-left:1%;
}

.zoomimagegauche img {
	-moz-transition:-moz-transform 0.5s ease-in; 
	-webkit-transition:-webkit-transform 0.5s ease-in; 
	-o-transition:-o-transform 0.5s ease-in;
	display: inline-block;
	padding: 1px;
	background: #fff;
	border: 6px solid #cecece;
	margin-bottom: 1em;
	max-width: 100%;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right:20px;
}
.zoomimagegauche img:hover {
	text-align: center;
	margin-left:10%;
    vertical-align: middle;	
	-webkit-transform:scale(2); /* Safari and Chrome */
    -moz-transform:scale(2); 
	-webkit-transform:scale(2);
	-o-transform:scale(2);
    transform:scale(2);	
	z-index:3;
	display: inline-block;
	padding: 1px;
	background: #fff;
	border: 6px solid #cecece;
	margin-bottom: 1em;
	max-width: 100%;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* ----------------------- Zoom sur une Image sur le Bord Droit ------------------------------------------ */	  
.zoomimagedroit {
	clear:both;
	position: relative;	
	margin-left:1%;
}

.zoomimagedroit img {
	-moz-transition:-moz-transform 0.5s ease-in; 
	-webkit-transition:-webkit-transform 0.5s ease-in; 
	-o-transition:-o-transform 0.5s ease-in;
	display: inline-block;
	padding: 1px;
	background: #fff;
	border: 6px solid #cecece;
	margin-bottom: 1em;
	max-width: 100%;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right:20px;
}
.zoomimagedroit img:hover {
	text-align: center;
	margin-right:10%;	
	vertical-align: middle;
	-webkit-transform:scale(2); /* Safari and Chrome */
    -moz-transform:scale(2); 
	-webkit-transform:scale(2);
	-o-transform:scale(2);
    transform:scale(2);	
	z-index:3;
	display: inline-block;
	padding: 1px;
	background: #fff;
	border: 6px solid #cecece;
	margin-bottom: 1em;
	max-width: 100%;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*========================== PLAN DU SITE ==================================================================== */

#plansite	{
	width:100%;
	height:400px;
	margin-bottom:15px;
}
.plandusite a	{
	color:#ffffff; /*rgba(12, 74, 4, 1);*/
	text-decoration : none;	
}
#contenu .plandusite ul 	{
	width:100%;
	display:inline-block;	
}

#contenu .plandusite ul li	{
	list-style-type: square;
	color:#ffffff;
	margin: 0 5%;
	float:left;
}

#contenu.plandusite ul li a	{
	list-style-type: square;
	color : #ffffff; /*rgba(12, 74, 4, 1);*/
	text-decoration : none;	
}

#contenu .plandusite ul ul li	{
	float : none;
	width:inherit;
	margin-left:10px;
}

#contenu .plandusite ul ul li a:hover, #maincontainer #container .plandusite ul li a:hover	{
	text-decoration : underline;
}

#contenu .plandusite ul li ul 	{
	margin:5px 5px 0 15px;
	display:block;
}


.error{background:#f14432;}	
.styleError input	{
	border:2px solid red;
	background : rgba(255, 0, 0, 0.2);
	color:red;
}
.styleError	{
	background:rgba(239, 130, 107, 0.3);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:10px;
}

.styleError input, form .styleError select, form .styleError textarea	{
	border:2px solid red;
	background:rgba(255, 0, 0, 0.2);
	color:#ffffff;
}

.styleError p	{
	background : none;
	color:red;
}
/*=================== Définition du Contact ==================================== */
#contacts {
	position:relative;
	width:98%;
	height:auto;
	margin-top:5px;
	margin-left:1%;
	background-color:#999999;
}
#coordonnees{float:left;width:98%;margin-left:5%;}
form .contactsgauche{
	float:left;
	width:20%; 
	background-color:##999999;
}
#contacts form .contactsgauche img{
	width:200px;
	height:76px;
	text-align:center;
	margin-left:20%;
	margin-right:20%;
	margin-top:35%;
}

#contacts.contactscentre{
	float:left;
	width:60%; 
	margin-left:10px;
	text-align:left;
	background-color:#999999;
	margin-bottom:30px;
}
#contacts .captcha label	{
	vertical-align: middle;
}
#contacts .captcha img	{
	vertical-align: middle;
}
/* ------- Supprime le rectangle autour du Fieldset ----------------------- */
fieldset { border:1px solid #717171;}
/* ------------------------------------------------------------------------ */
#contacts li input, #contacts li select  {
	width:34%;
}
#contacts fieldset, #contacts p {
	padding:5px 10px 20px;
}
#contacts form{
	background-color:#999999;
	padding-bottom:2em;
}
#contacts form li{
	list-style-type:none;
}

#contacts label{
	width:20%;
	color:#28272a;
	font-weight: bold;
}
#contacts .asterisque{
	color:#FF0000;
	font-weight: bold;
}
#contacts .texterouge {
	color:#CF1B1B;
	font-weight: bold;
}
#contacts form .contactscentre img {
	position:relative;
	float:left;
/*	margin-left:2em;
	background-color:#c3f4bd;*/
}
#contacts #contactsretour{
	float:left;
	width:100%; 
	height:3em;
	text-align:center;
	line-height:1.5em;
	background-color:#717171;
}
#contactenvoinouveau {
	clear: both;
	width: 50%;
	height: 30px;
	background-color: #999999;
	text-align: center;
	
}
.contactcentrenouveau{
	float: left;
	width: 100%; 
	margin-left: 10px;
	text-align:left;
	background-color: #999999;
	margin-bottom: 30px;
}
.contactcentrenouveau li{
	list-style-type:none;
}

.contactg{
	clear: both;
	width: 100%;
	background-color: #999999;
	text-align: center;
}
#contacts a{color:#115707;}
#contact fieldset, #contact p {
	padding:5px 10px 20px;
	clear:both;	
}
	input,
	textarea,select{
		/*display:block;*/
		background:#fff;
		font:1em/1.214em Arial, Helvetica, sans-serif;  /*14px/17px*/
		color:#444;
		width:100%;
		height:30px;
		/*padding:0.75em 1em;*/
		padding-left:10px;
		border:1px solid #505762;
		margin:0;		
		resize:none;		
		-moz-box-shadow:   	inset 0 0px 3px rgba(0,0,0,0.75);
		-webkit-box-shadow: inset 0 0px 3px rgba(0,0,0,0.75);
		box-shadow:         inset 0 0px 3px rgba(0,0,0,0.75);		
		-webkit-border-radius: 1.5em;
		-moz-border-radius: 1.5em;
		border-radius: 1.5em;				
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
.texte404 {
	font-size: 14px;
	font-size: large;
	font-weight: bold;
	color: #084283; 
	text-align: center;
	letter-spacing: 5px;	
	margin-top : 10px;
	margin-bottom: 10px;   
}
.texteinfosplus{
	font-size:15px;
	font-weight:bold;
	text-align:center;
	color:#3c5b9b;
}


#contenu .pdf img{
	max-width: 65%;
	float:left;
	margin-left:10px;
	margin-bottom:10px;
}
#contenu .pdf a{
	
	float:left;
	margin-left:10px;
	margin-bottom:10px;
}
#contenudroit  #map	{
	margin:0;
	height:350px;	
}

#colonne #half #map {
	margin:0;
	width:400px;
	height:270px;
	margin-bottom:20px;
	border:9px solid #F7F903;
}
footer {
  /*background: #F5F5F5;*/
  clear:both;
  background:#4a4756;
  text-align: center;
  padding-top:13px;
  padding-bottom:10px;
  width:100%;
  max-width:100%;
  height:270px;
}
footer p {
  /*font-size:20px;*/
  /*line-height: 25px;*/
  color: #ffffff;
}
footer a {
  /*color: #595959;*/
  /*color:#b9b4b4;*/
  color:#ffffff;
  font-size:18px;
}

footer h4{color:#ffffff;}

footer  .gauche{float:left;width:50%;background:#4a4756;}
footer  .droite{float:left;width:50%;height:168px;background:#4a4756;}
footer  .bas{float:left;width:100%;max-width:100%;background:#4a4756;}

.couleurfooter{color:#ffffff;font-size:18px;}
.containerfooter img{max-width:4%;}
#contenuoeuvres	{
	width:100%;
	overflow:visible;
	background:#CCC;
	/*margin-top:-20px;*/
	padding-top:10px;
} 
#contenuoeuvres h3{font-size:1.5em;margin-left:1%;}
#contenuoeuvres img{
	/*max-width: 65%;*/
	/*margin-left:70px;*/
	/*background-color:#B9C8F3;*/
	
}
#contenuoeuvres img:hover,img:focus,img:active{
	/* margin-right:10px; */
	background-color:#3e37d6;
	/* opacity:0.5; */
}
#contenuoeuvres  a {
	text-decoration: underline;
	text-decoration:none; 
	color:#9E9595;
}
#contenuoeuvres  a:hover, a:focus, a:active {
  text-decoration: underline;
  text-decoration:none;
  color: #ffffff;

}


/* ---------------------------------------------------------------- */
#contenuoeuvres .liste02 { /* liste */
	list-style-type:none; 
	list-style-position:inside;
	display:inline-block;
	width:390px;
	height:300px;
	margin-left:3%;
	margin-right:10px;
	padding-top:2%;
	margin-bottom:15px;
	text-align:center;
	vertical-align:top;
	background-color:#EEEFF0;
	border:10px solid #fff;
	box-shadow: 5px 0 12px rgba(0, 0, 0, 0.8);
}
#contenuoeuvres .liste02 .categorie{
	color: #CCC;
}
#contenuoeuvres .liste02  a { /* image */
  color: #3c5b9b;
  text-decoration: none;
}
#contenuoeuvres .liste02  img { /* image */
	width:60%;
	height:60%;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
#map {
	position:relative;
	float:left;
	text-align:center;
	margin:0;
	width:100%;
	height:330px;
	/*margin-bottom:20px;*/
	/* border:9px solid #F7F903; */	
	border:9px solid #4a4756;
	margin-top:-2px;
}
/* Bouton Haut de Page */
a.back-to-top {
	display: none;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	/*background: url("../images/up-arrow.png") no-repeat;*/
	background: url("../images/hautdepage.png") no-repeat;
}
#baguetteBox-overlay .full-image img {
    display: inline-block;
    width: 50%;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,.6);
    -moz-box-shadow: 0 0 8px rgba(0,0,0,.6);
    box-shadow: 0 0 8px rgba(0,0,0,.6);
}
#contenupage #titrepage{text-align:center;font-size:1.5em;font-weight:bold;color:#CCC;margin-top:10px;margin-bottom:20px;}
hr {clear=both;}

section #bienvide{font-size:2em;font-weight:bold;text-align:center;color:#cbcdd0;margin-left:38%;margin-bottom:20px;}


#contenupresentation #presentationrealisation {
	float:left;
	width:100%;
	padding-left:1%;
	padding-right:1%;
	margin-top:40px;
	color:#000000;
	background:#ffffff;
}
#contenupresentation .texteavecnoirgras {text-align:center;font-size:2em;font-weight:bold;color:#000000;margin-bottom:10px;}
#contenu h3{font-size:1.3em;text-align:center;}
#contenu .erreur{font-size:1.3em;text-align:center;}

#contenu .textetitre{
		text-align:center;
		font-size: 1.5em;
		font-weight: bold;
		margin-bottom: 11px;
	}
#contenu .textetitresecond{
		text-align:center;
		font-size: 1.2em;
		font-weight: bold;
		margin-bottom: 11px;
	}	
	

.sitedemo{text-align:center;color:red;}	

.affichageresultat{width:100%;font-weight:normal;margin-bottom:10px;}
.affichageduresultat{font-weight:bold;}
.fixed-top {
  /* position: fixed; */
  /* top: 0; */
  /* right: 0; */
  /* left: 0; */
  /* z-index: 1030; */
}
#scroll_to_top {
  position: fixed;
  width: 25px;
  height: 25px;
  bottom: 50px;
  right: 30px;
}
#scroll_to_top img {
  width: 25px;
}
.validation{float:left;width:100%;text-align:center;margin-top:10px;}

.affichagebienphoto{float:left;width:100%;height:400px;background:pink;}

/*============================================================ MENU ======================================================= */
.menugeneral{float:left;width:100%; background:#48435C;}
nav 
{	
   margin:0px auto;
	/* width: 100%; */
	width: 60%;
    height: 100px;
    background: #48435C;
}
 
nav .main_pages 
{
	float:right;
	width:85%;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
 
nav .main_pages a 
{
    width: 20%;
    display: flex;
    align-items: center;
	
    justify-content: center;
    height: 100px;	
	font-size:1.2em;
    color: white;
}
 
nav a:hover 
{
    background: #5A5766
}
label
{
    display: none;
}
 
@media all and (max-width: 991px)
{
    nav
    {
        height: 60px;
    }
 
    nav .main_pages 
    {
        display: none;
    }
 
    label 
    {
        width: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        font-size: 40px;
        color: white;
        cursor: pointer;
    }
}
label, #toggle
{
    display: none;
}
 
@media all and (max-width: 991px)
{
    nav
    {
        width: 100%;
		height: 60px;
    }
 
    nav .main_pages 
    {
		
    position: relative;
        display: none;
        flex-direction: column;
		width: 100%;
        background: #48435C;
		height: auto;
		z-index:1000;
		margin-bottom:10px;
    }
 
    nav .main_pages a {
		width:100%;
		height: 50px;
		
    }
 
    label {
        float: right;
		width: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        font-size: 40px;
        color: white;
        cursor: pointer;		
		margin-right: 20px;
    }
 
    #toggle:checked + .main_pages {
        display: flex;
    }
}
/* --------------------------------------------------------------- */
/* @import url(https://fonts.googleapis.com/css?family=Raleway); */
/* h2 { */
  /* vertical-align: center; */
  /* text-align: center; */
/* } */

/* html, body { */
  /* margin: 0; */
  /* height: 100%; */
/* } */

/* * { */
  /* font-family: "Raleway"; */
  /* box-sizing: border-box; */
/* } */
/* ------------------------------------------------------------------------------------------------------------------------------ */
/* .top-nav { */
  /* display: flex; */
  /* flex-direction: row; */
  /* align-items: center; */
  /* justify-content: space-between; */
  /* background:#000000; */
  /* color: #FFF; */
  /* height: 50px; */
  /* padding: 1em; */
/* } */

/* .menu { */
  /* display: flex; */
  /* flex-direction: row; */
  /* list-style-type: none; */
  /* margin: 0; */
  /* padding: 0; */
/* } */

/* .menu > li { */
  /* margin: 0 1rem; */
  /* overflow: hidden; */
/* } */

/* .menu-button-container { */
  /* display: none; */
  /* height: 100%; */
  /* width: 30px; */
  /* cursor: pointer; */
  /* flex-direction: column; */
  /* justify-content: center; */
  /* align-items: center; */
/* } */

/* #menu-toggle { */
  /* display: none; */
/* } */

/* .menu-button, */
/* .menu-button::before, */
/* .menu-button::after { */
  /* display: block; */
  /* background-color: #fff; */
  /* position: absolute; */
  /* height: 4px; */
  /* width: 30px; */
  /* transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1); */
  /* border-radius: 2px; */
/* } */

/* .menu-button::before { */
  /* content: ''; */
  /* margin-top: -8px; */
/* } */

/* .menu-button::after { */
  /* content: ''; */
  /* margin-top: 8px; */
/* } */

/* #menu-toggle:checked + .menu-button-container .menu-button::before { */
  /* margin-top: 0px; */
  /* transform: rotate(405deg); */
/* } */

/* #menu-toggle:checked + .menu-button-container .menu-button { */
  /* background: rgba(255, 255, 255, 0); */
/* } */

/* #menu-toggle:checked + .menu-button-container .menu-button::after { */
  /* margin-top: 0px; */
  /* transform: rotate(-405deg); */
/* } */
/* .menu  li a{color:#ffffff;font-size:1.5em;spacing:vertical;} */
/* .menu  li a:hover{color:#474545;} */

/* @media (max-width: 700px) { */
  
  /* .menu-button-container { */
    /* display: flex; */
	/* margin-left: auto; */
  /* } */
  /* .menu { */
    /* position: absolute; */
	/* margin-top:220px; */
    /* left: 0; */
    /* flex-direction: column; */
    /* width: 100%; */
    /* justify-content: center; */
    /* align-items: center; */
	/* z-index:5000; */
	/* background-color: #222; */
	/* margin-bottom: 10px; */
	
  /* } */
  /* #menu-toggle ~ .menu li { */
    /* height: 0; */
    /* margin: 0; */
    /* padding: 0; */
    /* border: 0; */
    /* transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1); */
  /* } */
  /* #menu-toggle:checked ~ .menu li { */
    /* border: 1px solid #333; */
    /* height: 2.5em; */
    /* padding: 0.5em; */
    /* transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1); */
	/* border:none; */
	/* margin-bottom:10px; */
  /* } */
  /* .menu > li { */
    /* display: flex; */
    /* justify-content: center; */
    /* margin: 0; */
    /* padding: 0.5em 0; */
    /* width: 100%; */
    /* color: white; */
    /* background-color: #222;	 */
  /* } */
  /* .menu > li:not(:last-child) { */
    /* border-bottom: 1px solid #444; */
  /* } */
  
/* } */
/*============================================================ Fin MENU ==================================================== */
/* ============================= Média Queries ============================================================================ */

@media all and (max-width: 1023px){
	/* header:before {content:"Version mobile du site maxi 1023px";position:absolute;z-index:1;display:block;margin-top:0px;color:red;text-align:center;font-style:italic;background:#ffffff;} */
	header a img {text-align:center;padding-top:px;margin-top:0px;max-width:100%;height:auto;margin-top:0px;margin-left:auto;margin-right:auto;}	
	h1 {text-align:center; width:100%;margin-top:20px;color:#CCC;font-weight:800;font-size:15px;margin-bottom:20px;}
	section .center{padding:0 10px;width:auto;}
	section .buttons{font-size:11px;}
	section #header{padding:2px 0 0;height:0;overflow:hidden;position:static;}
	section #content{padding:0;}
	#contenupage form.formulairesecond input{display:inline-block;width:30%;text-align:right;margin-right:5px;font-size:1.2em;font-weight: bold;color:#343439;background:#7E8794;border:none;}
	#contenupage form.formulairesecond input.budget{width:30%;text-align:right;margin-right:5px;font-size:1.2em;font-weight: bold;color:#343439;background:#7E8794;border: none;}
	.containerfooter img{max-width:4%;}
	.affichagebien{margin-left:20px;font-size:1em;text-align:left;color:#000000;}
}
@media all and (max-width: 780px){
	/* header:before {content:"Version mobile du site maxi 780px";position:absolute;z-index:1;display:block;margin-top:0px;color:red;text-align:center;font-style:italic;background:#ffffff;} */
	body{font-size:13px;}
	header a img {text-align:center;padding-top:px;margin-top:0px;max-width:100%;height:auto;margin-top:0px;margin-left:auto;margin-right:auto;}	
	section .buttons{font-size:9px;}
	section h1{font-size:3.5em;}
	.subHeading{font-size:2em;}
	.news h3{font-size:1.3em;}
	#contenupage form.formulairesecond input{display:inline-block;width:30%;text-align:right;margin-right:5px;font-size:1.2em;font-weight: bold;color:#343439;background:#7E8794;border:none;}
	#contenupage form.formulairesecond input.budget{width:30%;text-align:right;margin-right:5px;font-size:1.2em;font-weight: bold;color:#343439;background:#7E8794;border: none;}
	article p.titre02{text-align:center;font-size:1.2em;font-weight:bold;margin-bottom:11px;margin-left:auto;margin-right:auto;}
	article p.titre01responsive{text-align:left;font-size:1.2em;font-weight:bold;margin-bottom:11px;}
	section .btnSmall{padding:0.278em;text-decoration:none;font-size:1em;line-height:2.35em;background:#798493;font-weight:bold;border:1px solid #505a68;-webkit-border-radius:1.47em;-moz-border-radius:1.47em;border-radius:1.47em;-webkit-transition:background 0.5s ease;-moz-transition:background 0.5s ease;-o-transition:background 0.5s ease;transition:background 0.5s ease;-moz-box-shadow:0 1px 1px rgba(255,255,255,0.36);-webkit-box-shadow:0 1px 1px rgba(255,255,255,0.36);box-shadow:0 1px 1px rgba(255,255,255,0.36);}
	section .oneThird{width:100%;margin:1%;}
}
@media all and (max-width: 550px){
	/*body:before {content:"Version mobile du site maxi 504px";display:block;color:red;text-align:center;font-style:italic;}*/
	/* header:before {content:"Version mobile du site maxi 550px";position:absolute;z-index:1;display:block;margin-top:0px;color:red;text-align:center;font-style:italic;background:#ffffff;} */
	header a img {text-align:center;padding-top:px;margin-top:0px;max-width:100%;height:auto;margin-top:0px;margin-left:auto;margin-right:auto;}
	body{font-size:12px;}
	section .columns > div,
	section .columns > article{float:none;margin:0;width:100%;}
	section .buttons{font-size:7px;}	
	/* section .flex-direction-nav{display:none;} */
	section h1{font-size:3em;}
	.subHeading{font-size:1.75em;}
	.logo {text-decoration:none;color:#777;font-weight:800;font-size:1em;line-height:40px;}
	article p.titre02responsive{text-align:left;font-size:1em;font-weight:bold;margin-bottom:11px;}	
	article p.titre03responsive{text-align:left;font-size:1em;margin-bottom:11px;}
	article p.titre01responsive{text-align:left;font-size:1em;font-weight:bold;margin-bottom:11px;}
}
@media all and (max-width: 320px){
	/* header:before {content:"Version mobile du site maxi 320px";position:absolute;z-index:1;display:block;margin-top:0px;color:red;text-align:center;font-style:italic;background:#ffffff;} */
	header a img {text-align:center;padding-top:px;margin-top:0px;max-width:100%;height:auto;margin-top:0px;margin-left:auto;margin-right:auto;}
	section .buttons > span{display:none;}
	section .buttons .btn{margin-top:0.5em;}
	section .buttons{margin-top:2em;}
	section h1{font-size:2.5em;}
	section .subHeading{font-size:1.5em;}
	section .news h3{font-size:1.25em;}
	article p.titre02{text-align:center;font-size:1.25em;font-weight:bold;}
	#contenupage form.formulairesecond input{display:inline-block;width:30%;text-align:right;margin-right:5px;font-size:1.2em;font-weight: bold;color:#343439;background:#7E8794;border:none;}
	#contenupage form.formulairesecond input.budget{width:30%;text-align:right;margin-right:5px;font-size:1.2em;font-weight: bold;color:#343439;background:#7E8794;border: none;}
	footer {position:relative;float:left;width:100%;margin-right:auto;text-align: center;color:#ffffff;font-weight:bold;text-align:center;font-size:1em;padding-top:0.80em;background: #555557;padding-top:2px;text-decoration:none;border-top:5px solid #000000;border-bottom:5px solid #000000;}
	footer .gauche{float:left;width:100%;}
	footer .gauche p{font-size:0.8em;}	
	footer .droite{float:left;width:100%;height:auto;background:#4a4756;}
	footer .droite p{font-size:0.8em;}
	footer .bas{float:left;width:100%;max-width:100%;}
	footer .bas p{font-size:0.8em;}
	footer a {color:#595959;color:#b9b4b4;font-size:0.8em;}
}	
@media all and (min-device-width: 768px) and (max-device-width: 1023px){
	/* header:before {content:"Version mobile du site min-width:768px maxi 1023px";position:absolute;z-index:1;display:block;margin-top:0px;color:red;text-align:center;font-style:italic;background:#ffffff;} */
	#header{padding:2px 0 0;height:0;overflow:hidden;position:static;}
	header a img {text-align:center;padding-top:px;margin-top:0px;max-width:100%;height:auto;margin-top:0px;margin-left:auto;margin-right:auto;}
	section #content{padding:0;}
	
	section .oneThird{width:47%;margin:1%;}
	article p.titre02{text-align:center;font-size:1.2em;font-weight:bold;margin-bottom:11px;margin-left:auto;margin-right:auto;}
	article p.titre01responsive{text-align:left;font-size:1em;font-weight:bold;margin-bottom:11px;}
	article p.titre02responsive{text-align:left;font-size:1em;font-weight:bold;margin-bottom:11px;}	
	article p.titre03responsive{text-align:left;font-size:1em;margin-bottom:11px;}
}

/* ------------------------------------------------------------------------------------------ */
/* ===================== ecran maxi 330px  =================================== */
@media all and (max-width : 330px) {
/*body:before {content:"Version mobile du site maxi 450px";display:block;color:red;text-align:center;font-style:italic;}*/
/* header:before {content:"Version mobile du site maxi 330px";position:absolute;z-index:1;display:block;margin-top:0px;color:red;text-align:center;font-style:italic;background:#ffffff;} */
header a img {text-align:center;padding-top:px;margin-top:0px;max-width:100%;height:auto;margin-top:0px;margin-left:auto;margin-right:auto;}
footer {position:relative;float:left;width:98%;margin-left:2%;margin-right:auto;height:286px;text-align: center;color:#ffffff;font-weight:bold;text-align:center;font-size:1em;padding-top:0.80em;background: #555557;padding-top:2px;text-decoration:none;border-top:5px solid #000000;border-bottom:5px solid #000000;}

/*#contenu  #navigvertical{position:relative;width:70%;margin-top:0px;margin-left:27%;list-style:none;padding:0;}*/
#contenu #firstcolumn02 #presentation{float:left;width:70%;margin-left:27%;padding-left:1%;padding-right:1%;color:#000000;background:#ffffff;}
#formconnexion, #lostpwd{position:relative;float:left;border:3px solid #555557;width:43%;margin-left:25%;background:rgba(167, 171, 167, 0.5);border-radius:30px;-moz-border-radius:20px;-webkit-border-radius:20px;padding:10px;margin-top:65px;margin-bottom:50px;}
#contenupage form.formulairesecond input{display:inline-block;width:30%;text-align:right;margin-right:5px;font-size:1.2em;font-weight: bold;color:#343439;background:#7E8794;border:none;}
#contenupage form.formulairesecond input.budget{width:30%;text-align:right;margin-right:5px;font-size:1.2em;font-weight: bold;color:#343439;background:#7E8794;border: none;}
.couleurfooter{color:#ffffff;font-size:0.8em;}
footer .gauche{float:left;width:100%;}
footer .gauche p{font-size:0.8em;}	
footer .droite{float:left;width:100%;height:auto;background:#4a4756;}
footer .droite p{font-size:0.8em;}
footer .bas{float:left;width:100%;max-width:100%;}
footer .bas p{font-size:0.8em;}
footer a {color:#595959;color:#b9b4b4;font-size:0.8em;}
footer p {line-height:11px; color:#ffffff;}
.containerfooter img{max-width:17%;}
section .news > div{border:1px solid #505a68;position:relative;padding:0 0 50px;margin:0 0 30px;width:90%;height:1%;}

}
/* ===================== ecran maxi 750px  =================================== */
@media all and (max-width : 750px) {
	/* header:before {content:"Version mobile du site maxi 750px";position:absolute;z-index:1;display:block;margin-top:0px;color:red;text-align:center;font-style:italic;background:#ffffff;} */
	header{position:relative;width: 100%;margin-top:0px;text-align: center;height:auto;
	background: url(../img/fond.png) top ,rgba(102, 166, 232, 0.3); background-repeat:no-repeat;}
	/* header img{margin-top:20px;} */
	header a img {text-align:center;padding-top:px;margin-top:0px;max-width:100%;height:auto;margin-top:0px;margin-left:auto;margin-right:auto;}
	.zoomimage {clear:both;position:relative;margin-left:-20px;}
	.zoomimagegauche {clear:both;position:relative;margin-left:-20px;}
	.zoomimagedroit {clear:both;position:relative;margin-left:-20px;}
	.zoomimage img:hover {position:relative;margin-left:0px;padding-right:0%;vertical-align:middle;-webkit-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1);z-index:100;display:inline-block;padding:1px;background:#fff;border:6px solid #cecece;margin-bottom:1em;max-width:100%;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing: border-box;}
	.zoomimagegauche img:hover {position:relative;margin-left:0px;padding-right:0%;vertical-align:middle;-webkit-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1);z-index:100;display:inline-block;padding:1px;background:#fff;border:6px solid #cecece;margin-bottom:1em;max-width:100%;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing: border-box;}
	.zoomimagedroit img:hover {position:relative;margin-left:0px;padding-right:0%;vertical-align:middle;-webkit-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1);z-index:100;display:inline-block;padding:1px;background:#fff;border:6px solid #cecece;margin-bottom:1em;max-width:100%;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing: border-box;}
	#pagebien{float:left;width:100%;max-width:100%;background:#7E8794;margin-top:-10px;padding-left:20px;}
	#pagebien h3{color:#ffffff;}
	#pagebien p{color:#ffffff;}
	.affichagebien{margin-left:20px;font-size:1em;text-align:left;color:#000000;}
	.affichagedutexte{margin-left:1%;margin-right:10px;color:#000000;height:auto;}
}
/* ===================== ecran mini 1601px  =================================== */
@media (min-width:1601px) {
	/* header:before {content:"Version mobile du site min-width:1601px";position:absolute;z-index:1;display:block;margin-top:0px;color:red;text-align:center;font-style:italic;background:#ffffff;} */
	header a img {text-align:center;padding-top:px;margin-top:0px;max-width:100%;height:auto;margin-top:0px;margin-left:auto;margin-right:auto;}
		
}
/* ===================== ecran mini 1531px et maxi 1600px  =================================== */
@media (min-width:1531px) and (max-width: 1600px) {
	/* header:before {content:"Version mobile du site min-width:1531px maxi 1600px";position:absolute;z-index:1;display:block;margin-top:0px;color:red;text-align:center;font-style:italic;background:#ffffff;} */
	header a img {text-align:center;padding-top:px;margin-top:0px;max-width:100%;height:auto;margin-top:0px;margin-left:auto;margin-right:auto;}
	
}
/* ===================== ecran mini 1281px et maxi 1558px  =================================== */
@media (min-width:1281px) and (max-width: 1558px) {
	/*body:before {content:"Version mobile du site mini 1281px maxi 1520px";display:block;color:red;text-align:center;font-style:italic;}*/
	/* header:before {content:"Version mobile du site min-width:1281px maxi 1558px";position:absolute;z-index:1;display:block;margin-top:0px;color:red;text-align:center;font-style:italic;background:#ffffff;} */
	header a img {text-align:center;padding-top:px;margin-top:0px;max-width:100%;height:auto;margin-top:0px;margin-left:auto;margin-right:auto;}	
	#contenupage form.formulairepremier{width:40%;max-width:40%;height:40px;background-color:#7E8794;color:#ffffff;margin-left:auto;margin-right:auto;}
	#contenupage form.formulairepremier p{font-size:0.9em;}
	#contenupage form.formulairepremier select{font-size:0.9em;font-weight: bold;}
	#contenupage form.formulairepremier p.affichage{display:inline;font-size:1.2em;font-weight: bold;margin-left:1%;width:200px;}
	#contenupage form.formulairesecond{width:40%;max-width:40%;height:120px;background-color:#7E8794;color:#ffffff;margin-left:auto;margin-right:auto;margin-top:-10px;}
	#contenupage form.formulairesecond p{font-size:14px;}
	#contenupage form.formulairesecond p.affichage{display:inline;font-size:1.2em;font-weight: bold;margin-left:1%;width:200px;}
	#contenupage form.formulairesecond select{font-size:0.9em;font-weight: bold;}
	#contenupage form.formulairesecond p.budget{font-size:1.5em;font-weight: bold;text-align: center;}
	#contenupage form.formulairesecond p.budget02{font-size:1em;font-weight: bold;text-align: center;}
	#contenupage form.formulairesecond input{width:14%;text-align:center;margin-right:5px;font-size:1.2em;font-weight: bold;color:#343439;background:#ffffff;border: none;}
	#contenupage form.formulairesecond input.budget{width:14%;text-align:center;margin-right:5px;font-size:1.2em;font-weight: bold;color:#343439;background:#ffffff;border: none;}
	#contenupage form.formulairesecond p.affichagetexte{font-size:1em;font-weight:bold;text-align: center;}
	#contenupage form.formulairesecond .accepter{float:left;width:28%;margin-top:10px;font-size:1.2em;font-weight: bold;cursor:pointer;color:#ffffff;margin-left:38%;}	
	#contenupage form.formulairesecond p #sliderbuggetprix{float:left;width:90%;height:5em;margin-left:5%;text-align:center;}
	#contenupage form.formulairesecond div #slider_prix{float:left;width:80%;}
	#contenupage form.formulairesecond a{float:left;width:90%;height:5em;margin-left:5%;text-align:center;margin-top:10px;}
	#contenupage form.toutvoir{width:55%;max-width:100%;background-color:#7E8794;margin-left:auto;margin-right:auto;padding-bottom:10px;text-align:center;margin-bottom:20px;}
	#contenupage form.toutvoir input{width:35%;text-align:center;margin-left:auto;margin-right:auto;font-size:1em;font-weight: bold;color:#ffffff;border:none;cursor:pointer;}
	.texterougegrasattention {text-align:center;font-size:1em;font-style:italic;color:#FF0000;font-weight:bold;text-align:center;padding-right:3%;}	
	#formconnexion, #lostpwd{position:relative;float:left;border:3px solid #555557;width:35%;margin-left:25%;background:rgba(167, 171, 167, 0.5);border-radius:30px;-moz-border-radius:20px;-webkit-border-radius:20px;padding:10px;margin-top:65px;margin-bottom:50px;}
	article p.titre02{text-align:center;font-size:1.2em;font-weight:bold;margin-bottom:11px;margin-left:auto;margin-right:auto;}
	.containerfooter img{max-width:3%;}	
	section .news h3{font-size:1.4em;text-align:center;letter-spacing:7px;}	
		
}
	
/* ===================== ecran mini 1024px et maxi 1280px  =================================== */
@media (min-width:1024px) and (max-width: 1280px) {
	/*body:before {content:"Version mobile du site mini 1024px maxi 1280px";display:block;color:red;text-align:center;font-style:italic;}*/
	/* header:before {content:"Version mobile du site min-width:1024px maxi 1280px";position:absolute;z-index:1;display:block;margin-top:0px;color:red;text-align:center;font-style:italic;background:#ffffff;} */
	header a img {text-align:center;padding-top:px;margin-top:0px;max-width:100%;height:auto;margin-top:0px;margin-left:auto;margin-right:auto;}	
	#contenupage form.formulairepremier{width:50%;max-width:50%;height:40px;background-color:#7E8794;color:#ffffff;margin-left:auto;margin-right:auto;}	
	#contenupage form.formulairepremier p{font-size:0.9em;}
	#contenupage form.formulairepremier select{font-size:0.9em;font-weight: bold;}
	#contenupage form.formulairepremier p.affichage{display:inline;font-size:1.2em;font-weight: bold;margin-left:1%;width:200px;}
	#contenupage form.formulairesecond{width:50%;max-width:50%;height:50px;background-color:#7E8794;color:#ffffff;margin-left:auto;margin-right:auto;margin-top:-10px;}
	#contenupage form.formulairesecond p{font-size:14px;}
	#contenupage form.formulairesecond p.affichage{display:inline;font-size:1.2em;font-weight: bold;margin-left:1%;width:200px;}
	#contenupage form.formulairesecond select{font-size:0.9em;font-weight: bold;}
	#contenupage form.formulairesecond p.budget{font-size:1.5em;font-weight: bold;text-align: center;}
	#contenupage form.formulairesecond p.budget02{font-size:1em;font-weight: bold;text-align: center;}
	#contenupage form.formulairesecond input{width:16%;text-align:center;margin-right:5px;font-size:1.2em;font-weight: bold;color:#343439;background:#ffffff;border: none;}
	#contenupage form.formulairesecond input.budget{width:16%;text-align:center;margin-right:5px;font-size:1.2em;font-weight: bold;color:#343439;background:#ffffff;border: none;}
	#contenupage form.formulairesecond p.affichagetexte{font-size:1em;font-weight:bold;text-align: center;}
	#contenupage form.formulairesecond .accepter{float:left;width:38%;margin-top:10px;font-size:1.2em;font-weight: bold;cursor:pointer;color:#ffffff;margin-left:31%;}	
	#contenupage form.formulairesecond p #sliderbuggetprix{float:left;width:90%;height:5em;margin-left:5%;text-align:center;}
	#contenupage form.formulairesecond div #slider_prix{float:left;width:80%;}
	#contenupage form.formulairesecond a{float:left;width:90%;height:5em;margin-left:5%;text-align:center;margin-top:10px;}
	#contenupage form.toutvoir{width:55%;max-width:100%;background-color:#7E8794;margin-left:auto;margin-right:auto;padding-bottom:10px;text-align:center;margin-bottom:20px;}
	#contenupage form.toutvoir input{width:85%;text-align:center;margin-left:auto;margin-right:auto;font-size:1.2em;font-weight: bold;color:#ffffff;border:none;cursor:pointer;}
	h1 {text-align:center;width:100%;margin-top:20px;color:#CCC;font-weight:800;font-size:2em;margin-bottom:20px;}
	#formconnexion, #lostpwd{position:relative;float:left;border:3px solid #555557;width:43%;margin-left:25%;background:rgba(167, 171, 167, 0.5);border-radius:30px;-moz-border-radius:20px;-webkit-border-radius:20px;padding:10px;margin-top:65px;margin-bottom:50px;}
	article p.titre02{text-align:center;font-size:1.2em;font-weight:bold;margin-bottom:11px;margin-left:auto;margin-right:auto;}
	footer .gauche{float:left;width:50%;}
	footer .gauche p{font-size:1em;}	
	footer .droite{float:left;width:50%;height:auto;background:#4a4756;}
	footer .droite p{font-size:1em;}
	footer .bas{float:left;width:100%;max-width:100%;}
	footer .bas p{font-size:1em;}
	footer a {color:#595959;color:#b9b4b4;font-size:1em;}
	footer p {line-height:22px; color:#ffffff;}
	.containerfooter img{max-width:7%;}
	#contenuoeuvres .liste02{list-style-type:none;list-style-position:inside;display:inline-block;width:29%;height:200px;margin-left:2%;margin-right:10px;padding-top:2%;margin-bottom:15px;text-align:center;vertical-align:top;background-color:#EEEFF0;border:10px solid #fff;box-shadow: 5px 0 12px rgba(0, 0, 0, 0.8);}
	#contenuoeuvres .liste02 img {width:40%;height:60%;display:block;margin-left:auto;margin-right:auto;}
	#contenuoeuvres h3{font-size:1.2em;margin-left:1%;}
	.affichagebien{margin-left:20px;font-size:1em;text-align:left;color:#000000;}
	article p.titre03responsive{text-align:left;font-size:0.9em;margin-bottom:11px;}
	section .news h3{font-size:1.4em;text-align:center;letter-spacing:7px;}	
	/* section .liste {list-style-type:none;list-style-position:inside;display:inline-block;width:100%;height:auto;margin-left:0px;margin-right:10px;padding-top:2%;margin-top:0px;margin-bottom:15px;text-align:center;vertical-align:top;} */
	/* section .liste.portrait {list-style-type:none;list-style-position:inside;display:inline-block;width:263px;height:300px;margin-left:0px;margin-right:10px;padding-top:2%;margin-top:30px;margin-bottom:15px;text-align:center;vertical-align:top;margin-top:1%;} */
	/* section .liste  img {width:100%;height:auto;display:block;margin-left:auto;margin-right:auto;} */
	/* section .liste.portrait  img {width:auto;height:100%;display:block;margin-left:auto;margin-right:auto;} */
	
}
/* ===================== ecran mini 800px  =================================== */
@media (min-width:800px) {
	/* section .liste {list-style-type:none;list-style-position:inside;display:inline-block;width:90%;height:300px;margin-left:4%;margin-right:10px;padding-top:2%;margin-bottom:15px;text-align:center;vertical-align:top;background-color:#CCC;}	 */
	/* section.liste img {width:87%;height:70%;display:block;margin-left:1%;margin-left:auto;margin-right:auto;}	 */
	/* section .liste.portrait {list-style-type:none;list-style-position:inside;display: inline-block;width:90%;height:300px;margin-left:4%;margin-right:10px;padding-top:2%;margin-bottom:15px;text-align:center;vertical-align:top;background-color:#CCC;margin-top:1px;} */
	/* section .liste.portrait img {width:auto;height:100%;display:block;margin-left:auto;margin-right:auto;}	 */
	
}	  
/* ===================== ecran mini 800px et maxi 1023px  =================================== */
@media (min-width:800px) and (max-width:1023px) {
	/*body:before {content:"Version mobile du site mini 800px maxi 1023px";display:block;color:red;text-align:center;font-style:italic;}	*/
	/* header:before {content:"Version mobile du site min-width:800px maxi 1023px";position:absolute;z-index:1;display:block;margin-top:0px;color:red;text-align:center;font-style:italic;background:#ffffff;} */
	header a img {text-align:center;padding-top:px;margin-top:0px;max-width:100%;height:auto;margin-top:0px;margin-left:auto;margin-right:auto;}	
	.logo {float:left;text-decoration:none;color:#777;font-weight:800;font-size: 20px;line-height: 40px;}
	h1 {text-align:center;width:100%;margin-top:20px;color:#eee;font-weight:800;font-size: 20px;margin-bottom:20px;}
	#contenupage form.formulairepremier{width:80%;max-width:80%;height:40px;background-color:#7E8794;color:#ffffff;margin-left:auto;margin-right:auto;}
	#contenupage form.formulairepremier p{font-size:0.9em;}
	#contenupage form.formulairepremier select{font-size:0.9em;font-weight: bold;}
	#contenupage form.formulairepremier p.affichage{display:inline;font-size:1.1em;font-weight: bold;margin-left:1%;width:200px;}
	#contenupage form.formulairesecond{width:80%;max-width:80%;height:50px;background-color:#7E8794;color:#ffffff;margin-left:auto;margin-right:auto;margin-top:-10px;}
	#contenupage form.formulairesecond p{font-size:14px;}
	#contenupage form.formulairesecond p.affichage{display:inline;font-size:1.1em;font-weight: bold;margin-left:1%;width:200px;}
	#contenupage form.formulairesecond select{font-size:0.9em;font-weight: bold;}
	#contenupage form.formulairesecond p.budget{font-size:1.5em;font-weight: bold;text-align: center;}
	#contenupage form.formulairesecond p.budget02{font-size:1em;font-weight: bold;text-align: center;}
	#contenupage form.formulairesecond input{width:16%;text-align:center;margin-right:5px;font-size:1.2em;font-weight: bold;color:#343439;background:#ffffff;border: none;}
	#contenupage form.formulairesecond input.budget{width:16%;text-align:center;margin-right:5px;font-size:1.2em;font-weight: bold;color:#343439;background:#ffffff;border: none;}
	#contenupage form.formulairesecond p.affichagetexte{font-size:1.1em;font-weight:bold;text-align: center;}
	#contenupage form.formulairesecond .accepter{float:left;width:38%;margin-top:10px;margin-left:30%;font-size:1.2em;font-weight:bold;cursor:pointer;color:#ffffff;}	
	#contenupage form.formulairesecond p #sliderbuggetprix{float:left;width:90%;height:5em;margin-left:5%;text-align:center;}
	#contenupage form.formulairesecond div #slider_prix{float:left;width:80%;}
	#contenupage form.formulairesecond a{float:left;width:90%;height:5em;margin-left:5%;text-align:center;margin-top:10px;}
	#contenupage form.toutvoir{width:55%;max-width:100%;background-color:#7E8794;margin-left:auto;margin-right:auto;padding-bottom:10px;text-align:center;margin-bottom:20px;}
	#contenupage form.toutvoir input{width:65%;text-align:center;margin-left:auto;margin-right:auto;font-size:1em;font-weight: bold;color:#ffffff;border:none;cursor:pointer;}
	#contenu  #navigvertical{position:relative;width:98%;margin-top:0px;margin-left:1%;list-style:none;padding:0;}
	#contenu  #navigvertical h1{margin:0px 0 0 0;padding:0;font-size:2em;line-height:3;}
	#contenu  #navigvertical li a {display:block;background:#f4f4f4;color:#000000;font:1.3em "Trebuchet MS",Arial,sans-serif;line-height:1em;padding:12px 0;text-align:center;text-decoration:none;}
	#navigverticalactualites{position:relative;width:90%;height:auto;margin-top:0px;margin-left:5%;list-style:none;padding:0;}
	#navigverticalactualites li a {display:block;background:#f4f4f4;color:#000000;font:1.3em "Trebuchet MS",Arial,sans-serif ;line-height:1em ;padding:20px 0;text-align:center;text-decoration:none ;list-style-type:none;}
	#footer{float:left;width:100%;background:#283747;color:#ffffff;height:auto;text-align:center;font-weight:bold;margin-bottom:10px;}
	#footer a {font-size:1.1em;font-weight:bold;text-decoration:none;color:#ffffff;line-height:2em;}
	#footer p{display:inline;font-size:0.9em;font-weight:bold;text-decoration:none;color:#ffffff;}	
	#contenu #firstcolumn02 #presentation{float:left;width:95%;margin-left:2%;padding-left:1%;padding-right:1%;color:#000000;background:#ffffff;}	
	#formconnexion, #lostpwd{position:relative;float:left;border:3px solid #555557;width:43%;margin-left:25%;background:rgba(167, 171, 167, 0.5);border-radius:30px;-moz-border-radius:20px;-webkit-border-radius:20px;padding:10px;margin-top:65px;margin-bottom:50px;}
	footer .gauche{float:left;width:50%;}
	footer .gauche p{font-size:0.8em;}	
	footer .droite{float:left;width:50%;height:auto;background:#4a4756;}
	footer .droite p{font-size:0.8em;}
	footer .bas{float:left;width:100%;max-width:100%;}
	footer .bas p{font-size:0.8em;}
	footer a {color:#595959;color:#b9b4b4;font-size:1em;}
	footer p {line-height:17px; color:#ffffff;}
	.containerfooter img{max-width:9%;}
	#contenuoeuvres .liste02{list-style-type:none;list-style-position:inside;display:inline-block;width:42%;height:250px;margin-left:2%;margin-right:10px;padding-top:2%;margin-bottom:15px;text-align:center;vertical-align:top;background-color:#EEEFF0;border:10px solid #fff;box-shadow: 5px 0 12px rgba(0, 0, 0, 0.8);}
	#contenuoeuvres .liste02 img {width:40%;height:60%;display:block;margin-left:auto;margin-right:auto;}
	#contenuoeuvres h3{font-size:1.2em;margin-left:1%;}
	section .news h3{font-size:1.4em;text-align:center;letter-spacing:7px;}
			
}
/* ===================== ecran mini 769px et maxi 799px  =================================== */
@media (min-width:769px) and (max-width: 799px) {
	/*body:before {content:"Version mobile du site mini 769px maxi 799px";display:block;color:red;text-align:center;font-style:italic;}	*/
	/* header:before {content:"Version mobile du site min-width:769px maxi 799px";position:absolute;z-index:1;display:block;margin-top:0px;color:red;text-align:center;font-style:italic;background:#ffffff;} */
	header a img {text-align:center;padding-top:px;margin-top:0px;max-width:100%;height:auto;margin-top:0px;margin-left:auto;margin-right:auto;}
	.logo {float:left;text-decoration:none;color:#777;font-weight:800;font-size: 20px;line-height: 40px;}
	h1 {text-align:center;width:100%;margin-top:20px;color:#eee;font-weight:800;font-size: 20px;margin-bottom:20px;}
	#contenu #navigvertical{position:relative;width:90%;margin-top:0px;margin-left:5%;list-style:none;padding:0;}
	#contenu #navigvertical h1{margin:0px 0 0 0;padding:0;font-size:2em;line-height:3;}
	#contenu #navigvertical li a {display:block;background:#f4f4f4;color:#000000;font:1.3em "Trebuchet MS",Arial,sans-serif;line-height:1em;padding:12px 0;text-align:center;text-decoration:none;}
	#navigverticalactualites{position:relative;width:90%;height:auto;margin-top:0px;margin-left:5%;list-style:none;padding:0;}
	#navigverticalactualites li a {display:block;background:#f4f4f4;color:#000000;font:1.3em "Trebuchet MS",Arial,sans-serif ;line-height:1em ;padding:20px 0;text-align:center;text-decoration:none ;list-style-type:none;}
	#footer{float:left;width:100%;background:#283747;color:#ffffff;height:auto;text-align:center;font-weight:bold;margin-bottom:10px;}
	#footer a {font-size:1.1em;font-weight:bold;text-decoration:none;color:#ffffff;line-height:2em;}
	#footer p{display:inline;font-size:0.9em;font-weight:bold;text-decoration:none;color:#ffffff;}
	#contenupage form.formulairepremier {width:60%;max-width:60%;height:40px;background-color:#7E8794;color:#ffffff;margin-left:auto;margin-right:auto;}
	#contenupage form.formulairesecond{width:60%;max-width:60%;background-color:#7E8794;color:#ffffff;margin-left:auto;margin-right:auto;margin-top:-10px;}
	#contenupage form.formulairesecond input{width:20%;text-align:center;margin-right:5px;font-size:1.2em;font-weight: bold;color:#343439;background:#ffffff;border: none;}
	#contenupage form.formulairesecond input.budget{width:22%;text-align:center;margin-right:5px;font-size:1.2em;font-weight: bold;color:#343439;background:#ffffff;border: none;}
	#contenupage form.toutvoir input{width:53%;text-align:center;margin-left:auto;margin-right:auto;font-size:1em;font-weight: bold;color:#ffffff;border:none;cursor:pointer;}
	#contenu #firstcolumn02 #presentation{float:left;width:95%;margin-left:2%;padding-left:1%;padding-right:1%;color:#000000;background:#ffffff;}
	#formconnexion, #lostpwd{position:relative;float:left;border:3px solid #555557;width:43%;margin-left:25%;background:rgba(167, 171, 167, 0.5);border-radius:30px;-moz-border-radius:20px;-webkit-border-radius:20px;padding:10px;margin-top:65px;margin-bottom:50px;}
	footer .gauche{float:left;width:100%;}
	footer .gauche p{font-size:0.8em;line-height:18px;}	
	footer .droite{float:left;width:100%;height:auto;background:#4a4756;}
	footer .droite p{font-size:0.8em;line-height:18px;}
	footer .bas{float:left;width:100%;max-width:100%;}
	footer .bas p{font-size:0.8em;}
	footer a {color:#595959;color:#b9b4b4;font-size:0.8em;}
	footer p {line-height:11px; color:#ffffff;}
	.containerfooter img{max-width:9%;}
	#contenuoeuvres .liste02{list-style-type:none;list-style-position:inside;display:inline-block;width:42%;height:200px;margin-left:2%;margin-right:10px;padding-top:2%;margin-bottom:15px;text-align:center;vertical-align:top;background-color:#EEEFF0;border:10px solid #fff;box-shadow: 5px 0 12px rgba(0, 0, 0, 0.8);}
	#contenuoeuvres .liste02 img {width:40%;height:60%;display:block;margin-left:auto;margin-right:auto;}
	#contenuoeuvres h3{font-size:1.2em;margin-left:1%;}
	
}
/* ===================== ecran  maxi 768px  =================================== */
@media screen and (max-width:768px) {
	/*body:before {content:"Version mobile du site maxi 768px";display:block;color:red;text-align:center;font-style:italic;}*/
	/* header:before {content:"Version mobile du site max-width:768px 1";position:absolute;z-index:1;display:block;margin-top:0px;color:red;text-align:center;font-style:italic;background:#ffffff;} */
	header a img {text-align:center;padding-top:px;margin-top:0px;width:100%;max-width:100%;margin-top:0px;margin-left:auto;margin-right:auto;}
	h1 {font-size:2em;color:#CCC;}
	#contenu{float:left;width:100%;background:#7E8794;color:#000000;height:auto;}
	#footer{float:left;width:100%;background:#283747;color:#ffffff;height:auto;text-align:center;font-weight:bold;margin-bottom:10px;}
	#footer a {font-size:1.1em;font-weight:bold;text-decoration:none;color:#ffffff;line-height:2em;}
	#footer p{display:inline;font-size:0.9em;font-weight:bold;text-decoration:none;color:#ffffff;}
	#contenu  #navigvertical{position:relative;width:98%;margin-top:0px;margin-left:1%;list-style:none;padding:0;}
	#contenu  #navigvertical h1{margin:0px 0 0 0;padding:0;font-size:2em;line-height:3;}
	#contenu  #navigvertical li a {display:block;background:#f4f4f4;color:#000000;font:1.3em "Trebuchet MS",Arial,sans-serif;line-height:1em;padding:12px 0;text-align:center;text-decoration:none;}
	#navigverticalactualites{position:relative;width:90%;height:auto;margin-top:0px;margin-left:5%;list-style:none;padding:0;}
	#navigverticalactualites li a {display:block;background:#f4f4f4;color:#000000;font:1.3em "Trebuchet MS",Arial,sans-serif ;line-height:1em ;padding:20px 0;text-align:center;text-decoration:none ;list-style-type:none;}
	.gauche{float:left;padding-left:10px;padding-right:10px;line-height:4em;}
	.droite{float:right;padding-right:10px;line-height:4em;}
	#contenu #firstcolumn02 #presentation{float:left;width:98%;margin-left:1%;padding-left:1%;padding-right:1%;color:#000000;background:#ffffff;}	
	#formconnexion, #lostpwd{position:relative;float:left;border:3px solid #555557;width:43%;margin-left:25%;background:rgba(167, 171, 167, 0.5);border-radius:30px;-moz-border-radius:20px;-webkit-border-radius:20px;padding:10px;margin-top:65px;margin-bottom:50px;}
	#contenupage form.formulairesecond input{width:40%;margin-right:5px;font-size:1.2em;font-weight: bold;color:#343439;background:#7E8794;border: none;text-align:center;}
	#contenupage form.formulairesecond input.budget{width:40%;text-align:center;margin-right:5px;font-size:1.2em;font-weight: bold;color:#343439;background:#7E8794;border: none;}
	.couleurfooter{color:#ffffff;font-size:0.8em;}
	footer .gauche{float:left;width:100%;}
	footer .gauche p{font-size:1.2em;line-height:18px;}	
	footer .droite{float:left;width:100%;height:auto;background:#4a4756;}
	footer .droite p{font-size:1em;line-height:18px;}
	footer .bas{float:left;width:100%;max-width:100%;}
	footer .bas p{font-size:1em;line-height:18px;}
	footer .bas a {color:#595959;color:#b9b4b4;font-size:0.9em;}
	footer p {line-height:11px; color:#ffffff;}
	footer a {color:#595959;color:#b9b4b4;color:#ffffff;font-size:0.9em;}
	.containerfooter img{max-width:6%;}
	#contenuoeuvres .liste02{list-style-type:none;list-style-position:inside;display:inline-block;width:90%;height:200px;margin-left:4%;margin-right:10px;padding-top:2%;margin-bottom:15px;text-align:center;vertical-align:top;background-color:#EEEFF0;border:10px solid #fff;box-shadow: 5px 0 12px rgba(0, 0, 0, 0.8);}
	#contenuoeuvres .liste02 img {width:40%;height:60%;display:block;margin-left:auto;margin-right:auto;}
	#contenuoeuvres h3{font-size:1.2em;margin-left:1%;}
	section .news > div{border:1px solid #505a68;position:relative;padding:0 0 50px;margin:0 0 30px;height:1%;}
	

	#container .img-box-a img{vertical-align:top;max-width:100%;height:200px;}
}

/* ===================== ecran  maxi 768px  =================================== */
@media (max-width:768px) {
	/* header:before {content:"Version mobile du site max-width:768px 2";position:absolute;z-index:1;display:block;margin-top:0px;color:red;text-align:center;font-style:italic;background:#ffffff;} */
	header{position:relative;width: 100%;margin-top:0px;text-align: center;height:200px;background: url(../img/fond.png) top ,rgba(102, 166, 232, 0.3);background-repeat:no-repeat;}
	/* header img{margin-top:20px;} */
	header a img {text-align:center;padding-top:0px;margin-top:0px;max-width:100%;height:200px;margin-top:0px;}	
	.logo {text-decoration:none;color:#777;font-weight:800;font-size:1em;line-height:40px;}
	section h1 {font-size:1.5em;}
	#contenupage form.formulairepremier{width:93%;max-width:93%;height:60px;background-color:#7E8794;color:#ffffff;margin-left:auto;margin-right:auto;}
	#contenupage form.formulairepremier p{font-size:0.8em;}
	#contenupage form.formulairepremier select{margin-top:5px;font-size:0.8em;font-weight: bold;}
	#contenupage form.formulairepremier p.affichage{display:inline;font-size:0.8em;font-weight: bold;margin-left:1%;width:200px;}
	#contenupage form.formulairesecond{width:93%;max-width:93%;height:180px;background-color:#7E8794;color:#ffffff;margin-left:auto;margin-right:auto;margin-top:-10px;}
	#contenupage form.formulairesecond p{font-size:14px;}
	#contenupage form.formulairesecond p.affichage{display:inline;font-size:0.8em;font-weight: bold;margin-left:1%;width:200px;}
	#contenupage form.formulairesecond select{margin-top:10px;font-size:0.8em;font-weight: bold;}
	#contenupage form.formulairesecond p.budget{font-size:1em;font-weight: bold;text-align: center;}
	#contenupage form.formulairesecond p.budget02{font-size:1em;font-weight: bold;text-align: center;}
	#contenupage form.formulairesecond input{display:inline-block;width:20%;text-align:right;margin-right:5px;font-size:0.9em;font-weight: bold;color:#343439;background:#ffffff;border:none;text-align:center;height:24px;}
	#contenupage form.formulairesecond input.budget{width:30%;text-align:right;margin-right:5px;font-size:0.9em;font-weight: bold;color:#343439;background:#ffffff;border: none;text-align:center;}
	#contenupage form.formulairesecond p.affichagetexte{font-size:1em;font-weight:bold;text-align: center;}
	#contenupage form.formulairesecond .accepter{float:left;width:38%;margin-top:10px;margin-left:32%;font-size:1.2em;font-weight: bold;cursor:pointer;color:#ffffff;}	
	#contenupage form.formulairesecond p #sliderbuggetprix{float:left;width:90%;height:5em;margin-left:5%;text-align:center;}
	#contenupage form.formulairesecond div #slider_prix{float:left;width:80%;}
	#contenupage form.formulairesecond a{float:left;width:90%;height:5em;margin-left:5%;text-align:center;margin-top:10px;color:#ffffff;}
	#contenupage form.toutvoir{width:85%;max-width:100%;background-color:#7E8794;margin-left:auto;margin-right:auto;padding-bottom:10px;text-align:center;margin-bottom:20px;}
	#contenupage form.toutvoir input{width:70%;text-align:center;margin-left:auto;margin-right:auto;font-size:1em;font-weight: bold;color:#ffffff;border:none;cursor:pointer;}
	div.blocs {float:none;clear:both;width:96%;max-width:96%;}
	.blocs01 .moncercle{color:#fff;display:block;margin:0 auto;width:110px;margin-top:5%;}
	.blocs02 .moncercle{color:#fff;display:block;margin:0 auto;width:110px;margin-top:5%;}
	.blocs03 .moncercle{color:#fff;display:block;margin:0 auto;width:110px;margin-top:5%;}	
	.blocs01{padding:0.35%;background:#ffffff;margin-bottom:0px;}
	.blocs02{padding:0.35%;background:#ffffff;margin-bottom:0px;}
	.blocs03{padding:0.35%;background:#ffffff;margin-bottom:0px;}
	#formconnexion, #lostpwd{position:relative;float:left;border:3px solid #555557;width:43%;margin-left:25%;background:rgba(167, 171, 167, 0.5);border-radius:30px;-moz-border-radius:20px;-webkit-border-radius:20px;padding:10px;margin-top:65px;margin-bottom:50px;}	
	#contenuoeuvres .liste02{list-style-type:none;list-style-position:inside;display:inline-block;width:70%;height:300px;margin-left:14%;margin-right:10px;padding-top:2%;margin-bottom:15px;text-align:center;vertical-align:top;background-color:#EEEFF0;border:10px solid #fff;box-shadow: 5px 0 12px rgba(0, 0, 0, 0.8);}
	#contenuoeuvres .liste02 img {width:40%;height:60%;display:block;margin-left:auto;margin-right:auto;}
	#contenuoeuvres h3{font-size:1.2em;margin-left:1%;}
	#baguetteBox-overlay .full-image img {display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);}
	article p.titre03responsive {text-align:center;font-size:1.3em;font-weight:bold;margin-bottom:11px;}
	
	section #bienvide {font-size:2em;font-weight:bold;text-align:center;color:#cbcdd0;margin-left:0px;margin-bottom: 20px;}
	/* section .liste  img {width:87%;height:70%;display:block;margin-left:1%;margin-right:auto;} */
	/* section .liste.portrait  img {width:46%;height:84%;display:block;margin-left:24%;margin-right:auto;} */
}
/* ===================== ecran mini 451px et maxi 512px  =================================== */
@media (min-width:451px) and (max-width: 512px) {
	/* header:before {content:"Version mobile du site min-width:451px and max-width: 512px";position:absolute;z-index:1;display:block;margin-top:0px;color:red;text-align:center;font-style:italic;background:#ffffff;} */
	header{position:relative;width: 100%;height:auto;margin-top:0px;text-align: center;background: url(../img/fond.png) top ,rgba(102, 166, 232, 0.3);background-repeat:no-repeat;}
	/* header img{margin-top:20px;} */
	header a img {text-align:center;padding-top:px;margin-top:0px;max-width:100%;margin-top:0px;margin-left:auto;margin-right:auto;}
	
	section #bienvide {font-size:2em;font-weight:bold;text-align:center;color:#cbcdd0;margin-left:0px;margin-bottom: 20px;}
	#contenuoeuvres img {width:auto;height:250px;margin-left:10%;margin-bottom:10px;}
}	
/* ===================== ecran mini 320px et maxi 450px  =================================== */
@media (min-width:320px) and (max-width: 450px) {
	/* body:before {content:"Version mobile du site mini 320px maxi 512px";display:block;color:red;text-align:center;font-style:italic;} */
	/* header:before {content:"Version mobile du site mini 320px maxi 450px";position:absolute;z-index:1;display:block;margin-top:0px;color:red;text-align:center;font-style:italic;background:#ffffff;} */
	header{position:relative;width: 100%;margin-top:0px;text-align: center;height:auto;background: url(../img/fond.png) top ,rgba(102, 166, 232, 0.3);background-repeat:no-repeat;}
	/* header img{margin-top:20px;} */
	header img {text-align:center;padding-top:px;margin-top:0px;max-width:100%;height:auto;margin-top:0px;margin-left:auto;margin-right:auto;}
	#contenu #firstcolumn02 #presentation{float:left;width:90%;margin-left:5%;padding-left:1%;padding-right:1%;color:#000000;background:#ffffff;}
	#formconnexion, #lostpwd{position:relative;float:left;border:3px solid #555557;width:93%;margin-left:3%;background:rgba(167, 171, 167, 0.5);border-radius:30px;-moz-border-radius:20px;-webkit-border-radius:20px;padding:10px;margin-top:65px;margin-bottom:50px;}
	#contenupage form.formulairesecond input{display:inline-block;width:30%;margin-right:5px;font-size:1.2em;font-weight: bold;color:#343439;border:none;text-align:center;background:#ffffff;}
	#contenupage form.formulairesecond input.budget{width:30%;margin-right:5px;font-size:0.8em;font-weight: bold;color:#343439;border: none;background:#ffffff;}
	section .oneThird{width:100%;margin:1%;text-align:center;}
	article p.titre02{text-align:center;font-size:1.2em;font-weight:bold;margin-bottom:11px;margin-left:auto;margin-right:auto;}
	article p.titre01responsive{text-align:left;font-size:1em;font-weight:bold;margin-bottom:11px;}
	article p.titre02responsive{text-align:left;font-size:1.2em;font-weight:bold;margin-bottom:11px;}	
	article p.titre03responsive{text-align:left;font-size:1em;margin-bottom:11px;}
	#contenuoeuvres .liste02{list-style-type:none;list-style-position:inside;display:inline-block;width:90%;height:250px;margin-left:4%;margin-right:10px;padding-top:2%;margin-bottom:15px;text-align:center;vertical-align:top;background-color:#EEEFF0;border:10px solid #fff;box-shadow: 5px 0 12px rgba(0, 0, 0, 0.8);}
	#contenuoeuvres .liste02 img {width:40%;height:60%;display:block;margin-left:auto;margin-right:auto;}
	#contenuoeuvres h3{font-size:1.2em;margin-left:1%;}
	section .news > div{border:1px solid #505a68;position:relative;padding:0 0 50px;margin:0 0 30px;width:100%;height:1%;}
	.affichagebien{margin-left:20px;font-size:1em;text-align:left;color:#000000;}	
	#baguetteBox-overlay .full-image img {display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);}
	article p.titre03responsive {text-align:center;font-size:1.1em;font-weight:bold;margin-bottom:11px;}
	section .news h3{font-size:1.4em;text-align:center;letter-spacing:7px;}	
	
	
	section #bienvide {font-size:2em;font-weight:bold;text-align:center;color:#cbcdd0;margin-left:0px;margin-bottom: 20px;}
	#contenuoeuvres .affichagebienphoto{float:left;width:100%;background:pink;}
	#contenuoeuvres img {width:auto;height:200px;margin-left:7%;margin-bottom:10px;}
}