@charset "utf-8";
/***** [ Reset css ] ************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;padding: 0;border: 0;outline: 0;
	font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;
	vertical-align: baseline;text-decoration:none;
	}
:focus {outline: 0;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}

blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/*********body et header******/
body{background: url(img/bg.jpg) repeat top center scroll;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;}
#header{width:960px; height:350px; margin:0 auto;}
#content{width:960px;
		margin: 0 auto;
		background:url(img/bgcontent_03.png) repeat;
		}
#plaque{ margin-left: 40px;
		-moz-box-shadow: 8px 8px 12px #aaa; 
		-webkit-box-shadow: 8px 8px 12px #aaa; 
		box-shadow: 8px 8px 12px #555;
		z-index:5;
		position:relative;
		top:86px;}
#arbre{ z-index:10;
		position:relative;
		bottom:217px;
		left:65px;}
#sidebar{margin-left: 40px;
		width:230px;
		margin-right:40px;
		float:left;
		}
.ruban{ background: url(img/ruban_03.png) left top scroll no-repeat transparent;
		position:relative;
		clear:both;
		left:-62px;
		width:300px;
		margin:5px 0;
		padding-top:12px;
		font-size:14px;
		font-weight:bold;}
.ruban a{color:#8f7050;}
.ruban span{ background-color:#fffdc6;
			display:inline-block;
			padding-left:50px;
			padding-right:20px;
			padding-top:10px;
			height:26px;
			color:#fff;}
		
#main_cont{float:left; margin-left:0px; width:650px;}
#cont_slide{margin:0 auto;}
#para{ text-align:justify; color:#FFF;}
.box{ background-color:#8f7050;
	color:#fffdc6;
	width:300px;
	float:left;
	margin-right:25px;
	margin-bottom:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;}
h2{ font-size:16px;
	font-weight:bold;
	text-align:center;
	margin:5px 0;}
hr{background-color:#fffdc6;
	height:1px;
	border:none;
	margin:3px 5px;}
.box p{margin:5px 5px;}
.par-img{text-align:center;padding-top:10px;padding-bottom: 10px;}	
/*---------------news-------------*/
.article{background-color:#8f7050;
	color:#fffdc6;
	width:545px;
	margin-bottom:10px;
	text-align:justify;
	text-indent:30px;
	padding:15px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}
.articlepair{background-color:#b87635;
	color:#fffdc6;
	width:545px;
	margin-bottom:10px;
	margin-left:40px;
	text-align:justify;
	text-indent:30px;
	padding:15px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}	
.date{ font-size:14px;
	font-weight:bold;
	text-indent:0;}
/*------------------paysage----------------*/
.boite{ background-color:#6b513c;
	color:#fffdc6;
	width:300px;
	float:left;
	margin-right:25px;
	margin-bottom:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;}	

/*---------------page contact----------------*/
#fd-form{ background-color:#8f7050;
		color:#fffdc6;
		width:565px;
		padding:5px 25px;text-align:center;}

#fd-form label{width:100px; float:left; display:block; font-weight:bold;text-align:right;margin:5px 0;}
.mess{ text-align:center;}
#fd-form input, textarea{width:400px;margin:5px 0;}
#fd-form textarea{height:200px;}
#fd-form #envoi{width:120px;}
/*------------------model------------------------------*/
#modelprinc p{padding:10px 0;}
#mod{text-align:center;display:block;}
#antemod{display:none;}
/*-------------------mentions legales----------------*/
#ment p{margin-bottom:20px;}
#ment a{color:#000; font-style:italic;}
/*-----------------footer-------------------------*/
#footer{clear:both; background-color:#000;}
#footer a{color:#fffdc6;}
#footer ul{text-align:center;padding:7px 0;}
#footer li{display:inline;margin:5px 20px 5px 20px;}

/***** [ Mobile - low res ] *****/
@media handheld, only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
	body {background: #FFF  top center scroll 0 0;}
	#content{ background:url(img/bg_mob.jpg);}
	#header{background:#e2ba95 url(img/header-mob.jpg)  scroll  top center no-repeat;width:auto;  height:120px;}
	#header img{display:none;}
	#content{width:auto; overflow:hidden; margin:0;}
	#sidebar{margin: 0; width: auto;}
	#sidebar p{display: none;}
	#menu{ background-color:#FFFDC6; text-align:center;margin-bottom:15px;}
	.ruban{margin:0;padding:0;left:0; background-image:none;}
	.ruban span{margin: 3px 7px;padding:0;height:auto;}
	h3{display:inline;}
	h3 a{ color:#615140;}
	#main_cont{margin:0 auto; width:auto;float:none;clear:both;}
	.box{margin:5px auto; float:none; width:300px;padding:10px 0;}
	.box p{padding: 0 3%;}
	.box img{width:100%;}
	#footer li{line-height:20px;}	
	/*contact*/
	#fd-form{width:auto;}
	#fd-form label{width:20%;}
	#fd-form input, textarea{width:75%;margin:5px 0;}
	#fd-form #envoi{width:25%;}
	/*model*/
	#modelprinc{margin:0 20px;}
	#mod{display:none;}
	#antemod{display:block; text-align:center;}
	.desc-model{text-align:justify; text-indent:15px;}
	/*paysage*/
	.boite{margin:5px auto;width:300px;padding:10px 0;float:none;}
	.boite img{width:100%;}
	.boite p{padding:0 3%;}
	/*mentions*/
	#ment{margin:0 15px;}
	/*news*/
	.article{width:auto;margin-right:40px;clear:both;}
	.articlepair{width:auto;}
	
	/* [ Footer ] */
	#Foot div {width:auto;}
	#footer a {color:#FC6;}
	#footer a:hover, #footer a:focus {color:#DE564B;}
	
	/* 404 */
	#page_404 h1 {color:#000;}
	#page_404 p {color:#000;}
}
@media handheld, only screen and (max-width: 400px), only screen and (max-device-width: 400px) {
	.Vanilla ul.social_links {display:none;}
	#nav{display:inline;}
}