/* Votre Style */
*, html, body{
	margin:0;
	padding:0;
	border:none;
	color:#260f02;
}

body{
	background-color:#faf3c2;
}
/* Partie supérieure de contact */

#contact_sup{
	overflow:hidden;
	background-color:#1a2040;
	padding:.5%;
}

#contact_sup p{
	color:#faf3c2;
	width:15%;
	float:left;
	margin-top:.5%;
	margin-right:13%;
	text-align:center;
	font-size:0.9em;
}

#contact_sup b{
	color:#faf3c2;
}

.contact-tel{
	margin-top:.3%;
	width:2%;
	float:left;
	margin-right:3%;
}

/* Bannière de la page web */

#banniere{
	overflow:hidden;
	background-color:#00afef;
	padding-bottom:2%;
}

#logo{
	width:30%;
	float:left;
	margin-right:35%;
}

#img_illustr{
	width:35%;
	float:left;
}

#img_illustr img{
	width:100%;
}

.wrap{
	width:80%;
	overflow:hidden;
	margin:0 auto;
	clear:both;
}

#motif_sous_header{
	background:url('../img/border.png') repeat-x;
	width:100%;
	height:20px;
}

/* Contenu principal du site */

#main{
	width:80%;
	margin-right:2%;
	float:left;
	margin-top:3%;
	padding:2%;
	border-right:2px solid #fedc00;
}

.releve{
	background-color:#fcf8da;
	padding:2%;
	color:#1a2040;
	font-size:0.95em;
	box-shadow: inset 0px 0px 3px 2px rgba(188, 182, 146, 0.2);
	-moz-box-shadow: inset 0px 0px 3px 2px rgba(188, 182, 146, 0.2);
	-webkit-box-shadow: inset 0px 0px 3px 2px rgba(188, 182, 146, 0.2);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#main h3{
	margin-bottom:3%;
	color:#f06036;
	border-bottom:2px dashed #fedc00;
}

#mesures{
	border-top:1px solid #fedc00;
	border-bottom:1px solid #fedc00;
	margin:9% 0 9% 0;
	padding:2%;
	overflow:hidden;
}

.mesure{
	float:left;
	text-align:center;
	width:25%;
	color:#1a2040 !important;
	font-weight:bold;
}

#images{
	overflow:hidden;
	padding-bottom:3%;
	border-bottom:2px dashed #fedc00;
}

.img{
	float:left;
	width:30%;
	margin-right:3%;
	background-color:#fdfae7;
	padding:1%;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0px 0px 3px 2px rgba(188, 182, 146, 0.2);
	-moz-box-shadow: 0px 0px 3px 2px rgba(188, 182, 146, 0.2);
	-webkit-box-shadow: 0px 0px 3px 2px rgba(188, 182, 146, 0.2);
}


#plus_dinfo{
	width:100%;
	overflow:hidden;
	margin:4% 0 1% 0;
}

#plus_dinfo a img{
	width:25%;
	float:right;
}


/* Contenu latéral du site */

#secondaire{
	width:18%;
	padding:2%;
	margin-top:3%;
	float:left;
	overflow:hidden;
}

.free{
	width:90%;
	margin:0 auto 2% auto;
	text-align:center;
}

.free img{
	width:90%;
}

.supplement{
	margin:35% auto;
	font-size:1em;
	padding:5%;
	font-weight:bold;
	text-align:center;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color:#fcf8da;
	box-shadow: inset 0px 0px 3px 2px rgba(188, 182, 146, 0.2);
	-moz-box-shadow: inset 0px 0px 3px 2px rgba(188, 182, 146, 0.2);
	-webkit-box-shadow: inset 0px 0px 3px 2px rgba(188, 182, 146, 0.2);
	color:#f06036;
	clear:both;
}

.free2{
	margin:0 auto 2% auto;
	text-align:center;
}

/* Footer du site */

#motif_sous_contenu{
	background:url('../img/border2.png') repeat-x;
	width:100%;
	height:20px;
}

#footer{
	background:url('../img/geometry.png') repeat #1a2040;
	color:#faf3c2;
	clear:both;
	overflow:hidden;
	margin-top:3%;
}

.mot_cle{
	padding:1%;
	float:left;
	width:25%;
	margin-right:8%;
	margin-bottom:1%;
	
}

.mot_cle ul li{
	font-size:.7em;
	text-decoration:none;
	list-style-type:none;
	color:#adb2cb;
	font-weight:bold;
}

#footer h5{
	color:#a3a5b2;
	padding-bottom:1%;
	width:95%;
	margin:1% auto;
	border-bottom:1px solid #0083b3;
}

#sep_bas{
	border-top:1px solid #0083b3;
	width:95%;
	clear:both;
	margin:0 auto;
	margin-bottom:2%;
}