@charset "iso-8859-1";
/* CSS Document */

body{
	background:#d3aa6a;
	color:#564D41;
	font-family:Arial, Helvetica, sans-serif;
	min-width:300px;
}

.recentre{
	max-width:1000px;
	padding:0 20px;
	margin:auto;
}

a{
	color:#D3AA6A;
}
a:hover{
	color:#51291D;
}

p{
	font-size:0.750em;
}

h1, h2, h3, h4{
	font-weight:normal;
	font-family: 'open_sanslight';
}


/* HEADER */

#header{
	background:#51291D;
	height:80px;
}
#logo{
	font-family: 'open_sanslight';
	float:left;
	height:62px;
	padding:14px 0 0 0;
	color:#FFF;
	font-size:1.750em;
	line-height:0.750em;
	border-top:4px solid #D3AA6A;
}
#logo span{
	display:block;
	color:#D3AA6A;
	font-size:0.571em;
}
#logo strong{
	font-weight:normal;
	font-family: 'open_sanssemibold';
}


/* NAV */

#nav{
	float:right;
}
#nav>ul{
	padding:0;
	margin:0;
	list-style:none;
}
#nav>ul>li{
	float:left;
}
#nav>ul>li>a{
	display:block;
	color:#D3AA6A;
	height:40px;
	padding:40px 20px 0 20px;
	font-size:1em;
	line-height:1em;
	font-family: 'open_sansregular';
}
#nav>ul>li:hover>a{
	background:#d7ab6e;
	color:#FFF;
}

/* sous menu */

#nav>ul>li>ul{
	position:absolute;
	z-index:100;
	display:none;
	width:150px;
	background:#d7ab6e;
	padding:0px;
	margin:0;
}
#nav>ul>li:hover>ul{
	display:block;
}

#nav>ul>li>ul>li{
	list-style:none;
}

#nav>ul>li>ul>li>a{
	color:#fff;
	display:block;
	padding: 10px 20px;
	border-bottom:1px solid #B58950;
}
#nav>ul>li>ul>li>a:hover{
	background:#51291D;
}


/* BANDEAU */

#bandeau{
	height:360px;
	background:url(../images/bandeau.jpg) no-repeat center;
}
#bandeau p{
	margin:0;
	padding:110px 0 0 38%;
	font-size:2.625em;
	line-height:1.250em;
	color:#D3AA6A;
	font-family: 'open_sanssemibold';
}
#bandeau p span{
	display:block;
	font-size:1.238em;
	color:#FFF;
	font-family: 'open_sanslight';
}

#btn_contacter{
	float:right;
	color:#D3AA6A;
	height:33px;
	margin:35px 0 0 0;
	padding:15px 55px 0 25px;
	font-size:1em;
	line-height:1em;
	border-radius:24px;
	background:url(../images/picto_tel.png) no-repeat center right #51291D;
	font-family: 'open_sansregular';
}
#btn_contacter:hover{
	background-color:#2B1613;
}

#btn_menu{
	display:none;
	height:48px;
	padding:32px 100px 0 30px;
	margin:0 -20px 0 0;
	color:#D3AA6A;
	line-height:1em;
	text-align:right;
	font-family: 'open_sansregular';
	background:url(../images/btn_menu.png) no-repeat right;
}
#nav:hover #btn_menu{
	color:#FFF;
	background-color:#2B1613;
}

.mob{
	display:none;
}



/* CONTENU */

#content{
	padding:30px 0 40px 0;
	background:#FFF;
}
#content h1{
	margin:0 0 30px 0;
	padding:0 0 0 40px;
	min-height:36px;
	color:#51291D;
	font-size:2.125em;
	line-height:1em;
	font-family: 'open_sanslight';
	background:url(../images/fleche.png) no-repeat center left;
}
#content h1 strong{
	font-weight:normal;
	color:#D3AA6A;
	font-family: 'open_sansregular';
}

#img_edito{
	float:left;
	margin:10px 0 0 0;
	-webkit-box-shadow: 0 12px 8px -10px rgba(0,0,0,0.6);
	-moz-box-shadow: 0 12px 8px -10px rgba(0,0,0,0.6);
	box-shadow: 0 12px 8px -10px rgba(0,0,0,0.6);
}

#bloc_edito{
	padding:0 0 0 325px;
}
#paragraphe_1{
	float:left;
	width:48%;
	text-align:justify;
}
#paragraphe_1 strong{
	display:block;
	color:#89532E;
	font-size:1.333em;
	line-height:1.163em;
	text-align:left;
	margin:0 0 1em 0;
	font-weight:normal;
	font-family: 'open_sansregular';
}

#paragraphe_2{
	float:right;
	width:48%;
	text-align:justify;
}
#paragraphe_2 span{
	font-weight:bold;
}
#paragraphe_2 strong{
	color:#D3AA6A;
}


/* SELECTION */

#bloc_selection{
	padding:30px 0;
	background:#E5DDCC;
}
#bloc_selection h2{
	margin:0 0 20px 0;
	padding:0 0 0 40px;
	min-height:36px;
	color:#86512D;
	font-size:1.750em;
	line-height:1.250em;
	font-family: 'open_sanslight';
	background:url(../images/fleche.png) no-repeat center left;
}
#bloc_selection h2 strong{
	font-weight:normal;
	color:#51291D;
	font-family: 'open_sansregular';
}

.listing_item{
	margin:0 -7px;
	min-height:50px;
}
.item{
	width:25%;
	float:left;
}
.item a{
	display:block;
	margin:7px;
}
.item a:hover span{
	background:#2B1613;
}
.item a img{
	width:100%;
}
.item a span{
	font-family: 'open_sansregular';
	font-size:0.875em;
	line-height:1.143em;
	color:#FFF;
	text-align:center;
	display:block;
	height:50px;
	padding:10px 10px 0 10px;
	background:#51291D;
	color:#D3AA6A;
	-webkit-box-shadow: 0 12px 8px -10px rgba(0,0,0,0.6);
	-moz-box-shadow: 0 12px 8px -10px rgba(0,0,0,0.6);
	box-shadow: 0 12px 8px -10px rgba(0,0,0,0.6);
}
.item a span strong{
	font-weight:normal;
	color:#FFF;
}

.item_img{
	width:100%;
	background:#51291D;
}


/* FOOTER */

#footer{
	font-family: 'open_sansregular';
	background:#D3AA6A;
}
#footer a{
	color:#FFF;
}
#footer a:hover{
	color:#2B1613;
}
#footer ul{
	font-size:0.875em;
	padding:0;
	margin:0;
	list-style:none;
}
#footer ul li{
	float:left;
}
#footer ul li a{
	display:block;
	padding:25px 30px 25px 0;
}

#footer p{
	font-size:0.875em;
	margin:auto;
	float:right;
}
#footer p a{
	float:left;
	padding:25px 0 25px 30px;
}
#footer p a strong{
	font-weight:normal;
	color:#51291D;
}

#col_gauche{
	width:48%;
	float:left;
}
#col_droite{
	width:48%;
	float:right;
}
#col_droite p{
	text-align:justify;
}




/* CONTACT */

.td_gauche{
	float:left;
	width:25%;
	margin:4px 0;
}
#contenu .td_gauche p{
	margin:0;
	padding:5px 0;
}
.td_droite{
	float:left;
	width:75%;
	margin:4px 0;
}
.td_droite .input{
	width:100%;
	padding:5px;
	border:1px solid #CCC;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.813em;
}
.td_droite .textarea{
	width:100%;
	padding:5px;
	border:1px solid #CCC;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.813em;
}
#col_contact{
	width:48%;
	float:right;
	margin:20px 0 0 0;
}
#col_contact img{
	display:block;
	width:100%;
}
#form_contact{
	margin:20px 0 0 0;
	width:48%;
	float:left;
}

#btn_envoyer{
	background:#51291D;
	text-align:center;
	width:100%;
	border:none;
	cursor:pointer;
	color:#FFF;
	padding:8px 0;
	margin:8px 0 0 0;
	border-radius:3px;
}
#btn_envoyer:hover{
	background:#D3AA6A;
}

#btn_retour{
	display:block;
	background:#51291D;
	text-align:center;
	border:none;
	cursor:pointer;
	color:#FFF;
	padding:5px 3px;
	margin:15px 0 15px 0;
	border-radius:3px;
}
#btn_retour:hover{
	background:#D3AA6A;
}

#listing_historique h2{
	font-size:1em;
	font-family: 'open_sansregular';
	color:#86512D;
}

.trait{
	height:0;
	border-bottom:1px solid #CCC;
	margin:25px 0;
}

.img_historique{
	width:160px;
	float:left;
	margin:0 20px 0 0;
}


#bloc_photos{
	float:left;
	width:48%;
}

#bloc_photos_agenda{
	float:left;
	width:27%;	
}

#bloc_description{
	float:right;
	width:48%;
}

#bloc_description_agenda{
	float:right;
	width:70%;
}

#bloc_description_agenda h2{
	margin-top:0 !important;
}

#img_principale{
	width:100%;
	-webkit-box-shadow: 0 12px 8px -10px rgba(0,0,0,0.6);
	-moz-box-shadow: 0 12px 8px -10px rgba(0,0,0,0.6);
	box-shadow: 0 12px 8px -10px rgba(0,0,0,0.6);
}

#miniatures{
	margin:10px -5px 0 -5px;
}

#miniatures a{
	float:left;
	width:20%;
}
#miniatures a span{
	display:block;
	padding:5px;
}
#miniatures a img{
	display:block;
	width:100%;
	-webkit-box-shadow: 0 12px 8px -10px rgba(0,0,0,0.6);
	-moz-box-shadow: 0 12px 8px -10px rgba(0,0,0,0.6);
	box-shadow: 0 12px 8px -10px rgba(0,0,0,0.6);
}


#bloc_description h2{
	font-size:1.5em;
	color:#51291D;
	margin:0;
	font-family: 'open_sansregular';
}
#bloc_description h3{
	color:#89532E;
	font-size:1em;
	margin:0;
	font-family: 'open_sansregular';
}
#bloc_description h4{
	margin:0;
	padding:6px 0;
	font-family: 'open_sansregular';
	color:#89532E;
	font-size:0.875em;
	border-bottom:1px solid #DBD4CA;
}
#bloc_description h4 strong{
	font-weight:normal;
	color:#564D41;
}

.prix{
	color:#AD3417;
	font-size:1.5em;
	font-family: 'open_sansbold';
}


/*** Exposition ***/

.bloc_expo{
	width:100%;
}

.bloc_expo p{
	margin:0;
}


.img_expo{
	border-bottom:#51291D 4px solid;
	margin:0 15px 16px 0;
	float:left;
}
.bloc_expo a:hover .img_expo{
	border-bottom:#2B1613 4px solid;	
}

.date_expo{
	font-weight:bold;	
	margin:0;
}

.titre_expo{
	font-family: 'open_sansregular';
	font-size:18px;
	color:#51291D;
	margin:0 0 10px 0 !important;
}

.contenu_expo{
	text-align:justify;
}

.btn_lire_suite{
	float:right;
	font-family: 'open_sansregular';
	font-size:13px;
	margin:6px 0 0 0 !important;	
}

/** **/

#form_produit{
	margin:20px 0 0 0;
	width:100%;
	float:left;
}

/*** PAGINATION ***/

#pagination{
	padding:5px;
}
#btn_debut{
	width:30px;
	height:30px;
	margin:0 5px 0 0;
	float:left;
	background:url(../images/page_debut.png) #FFF center no-repeat;
}
#btn_avant{
	width:30px;
	height:30px;
	margin:0 5px 0 0;
	float:left;
	background:url(../images/page_avant.png) #FFF center no-repeat;
}
.btn_page{
	text-align:center;
	width:32px;
	height:24px;
	margin:0 5px 0 0;
	padding:6px 0 0 0;
	float:left;
	font-size:14px;
	font-family: 'open_sansregular';
	color:#51291D;
	background:url(../images/btn_page.png) #FFF center no-repeat;
}
.btn_page.active{
	color:#FFF;
	background:url(../images/btn_page_active.png) #FFF center no-repeat;
}
#btn_apres{
	width:30px;
	height:30px;
	margin:0 5px 0 0;
	float:left;
	background:url(../images/page_apres.png) #FFF center no-repeat;
}
#btn_fin{
	width:30px;
	height:30px;
	margin:0 5px 0 0;
	float:left;
	background:url(../images/page_fin.png) #FFF center no-repeat;
}

.bandeau_reserve{
	float:right;
	position:relative;
	margin:0 0 -79px 0;
	width:80px;
	height:79px;
	background:url(../images/ban_reserve.png) no-repeat;
}

.bandeau_vendu{
	float:right;
	position:relative;
	margin:0 0 -79px 0;
	width:80px;
	height:79px;
	background:url(../images/ban_vendu.png) no-repeat;
}

.item .bandeau_reserve, .item .bandeau_vendu{
	margin:7px 7px -79px 0;
}

/* RESPONSIVE */

@media screen and (max-width:1020px){
	#footer ul{
		display:none;
	}
	#footer p{
		margin:auto;
		float:none;
	}
	#footer p a{
		float:left;
		padding:25px 30px 25px 0;
	}
}

@media screen and (max-width:920px) {
	#btn_menu{
		display:block;
	}
	#nav>ul{
		display:none;
	}
	#nav:hover>ul{
		position:absolute;
		left:0;
		display:block;
		width:100%;
		background:#2B1613;
		z-index:900;
	}
	#nav>ul>li{
		float:none;
	}
	#nav>ul>li>a{
		display:block;
		color:#D3AA6A;
		height:auto;
		padding:15px 20px 15px 20px;
		font-size:1em;
		line-height:1em;
		font-family: 'open_sansregular';
		border-bottom:1px solid #51291d;
	}
	#nav>ul>li:hover>a{
		background:#d7ab6e;
		color:#FFF;
	}
	
	#img_edito{
		float:left;
		margin:10px 20px 10px 0;
		-webkit-box-shadow: 0 12px 8px -10px rgba(0,0,0,0.6);
		-moz-box-shadow: 0 12px 8px -10px rgba(0,0,0,0.6);
		box-shadow: 0 12px 8px -10px rgba(0,0,0,0.6);
	}
	#bloc_edito{
		padding:5px 0 0 0;
	}
	#paragraphe_1{
		float:none;
		width:auto;
	}	
	#paragraphe_2{
		float:none;
		width:auto;
	}
	
	#nav>ul>li>ul{
		position:inherit;
		display:block;
		z-index:100;
		width:100%;
		background:#d7ab6e;
		padding:0;
		margin:0;
	}
	#nav>ul>li>ul>li>a{
		font-size:0.75em;
		background:#51291D;
		border-bottom:1px solid #2b1613;
	}
	#nav>ul>li>ul>li:hover>a{
		background:#D3AA6A;
	}
}
@media screen and (max-width:740px) {
	#bandeau{
		height:260px;
		background-size:cover;
	}
	#bandeau p{
		padding:60px 0 0 34%;
		font-size:1.750em;
		line-height:1.250em;
		color:#D3AA6A;
		font-family: 'open_sanssemibold';
	}
	#bandeau p span{
		display:block;
		font-size:1.238em;
		color:#FFF;
		font-family: 'open_sanslight';
	}
	#btn_contacter{
		margin:20px 0 0 0;
	}
	#img_edito{
		width:45%;
	}
	#bloc_selection .listing_item .item{
		width:33.3333%;
	}
	#bloc_selection .listing_item .item:nth-child(4){
		display:none;
	}
	#content .listing_item .item{
		width:33.3333%;
	}
	#form_produit .td_gauche, #form_produit .td_droite{
		display:block;
		width:100%;
	}
}
@media screen and (max-width:600px) {
	#bloc_selection .listing_item .item{
		width:50%;
	}
	#bloc_selection .listing_item .item:nth-child(3){
		display:none;
	}
	#content .listing_item .item{
		width:50%;
	}
	#col_gauche{
		width:100%;
		float:none;
	}
	#col_droite{
		width:100%;
		float:none;
	}
	#col_contact{
		float:none;
		width:100%;
	}
	#form_contact{
		float:none;
		width:100%;
	}
@media screen and (max-width:480px) {
	#bandeau{
		height:160px;
		background-size:cover;
	}
	#bandeau p{
		padding:30px 0 0 0;
		font-size:1.250em;
		line-height:1.250em;
		color:#D3AA6A;
		text-align:right;
		font-family: 'open_sanssemibold';
	}
	#bandeau p span{
		display:block;
		font-size:1.238em;
		color:#FFF;
		font-family: 'open_sanslight';
	}
	#btn_contacter{
		height:23px;
		margin:15px 0 0 0;
		padding:10px 55px 0 25px;
		font-size:1em;
		line-height:0.875em;
		border-radius:24px;
		background:url(../images/picto_tel.png) no-repeat center right #51291D;
		font-family: 'open_sansregular';
	}
	#header{
		height:auto;
	}
	#nav{
		float:none;
		display:block;
	}
	.mob{
		display:block;
	}
	#btn_menu{
		height:38px;
		padding:22px 30px 0 65px;
		margin:0 -20px 0 -20px;
		color:#D3AA6A;
		line-height:1em;
		text-align:left;
		font-family: 'open_sansregular';
		background:url(../images/btn_menu_mob.png) #2B1613 no-repeat left;
	}
	#btn_menu:hover{
		color:#FFF;
		background-color:#2B1613;
	}
	#img_edito{
		width:100%;
		margin:0 0 20px 0;
	}
	#content h1{
		font-size:1.750em;
	}
	#content h1 strong{
		display:block;
	}
	#bloc_selection .listing_item .item{
		width:100%;
	}
	#bloc_selection .listing_item .item:nth-child(2){
		display:none;
	}
	#footer p{
		padding:10px 0;
	}
	#footer p a{
		float:none;
		display:block;
		padding:10px 0;
		text-align:center;
	}
	#content .listing_item .item{
		width:100%;
	}
	.td_gauche{
		width:auto;
		float:none;
	}
	.td_droite{
		width:auto;
		float:none;
	}
	#bloc_photos{
		width:auto;
		float:none;
	}
	#bloc_photos_agenda{
		width:auto;
		float:none;
	}
	#bloc_description{
		width:auto;
		float:none;
		margin:30px 0 0 0;
	}
	#bloc_description_agenda{
		width:auto;
		float:none;
		margin:30px 0 0 0;
	}
}

/* REDIM IMAGES HD */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (-o-min-device-pixel-ratio: 3/2),
    only screen and (min--moz-device-pixel-ratio: 1.5),
    only screen and (min-device-pixel-ratio: 1.5) {
		#btn_contacter{
			background-image:url(../images/x2/picto_tel.png);
			background-size:38px 22px;
		}
		#btn_menu {
			background-image:url(../images/x2/btn_menu.png);
			background-size:80px 80px;
		}
		#btn_menu {
			background-image:url(../images/x2/btn_menu.png);
			background-size:80px 80px;
		}
		.bandeau_reserve{
			background-image:url(../images/x2/ban_reserve.png);
			background-size:80px 79px;
		}
		.bandeau_vendu{
			background-image:url(../images/x2/ban_vendu.png);
			background-size:80px 79px;
		}
		@media screen and (max-width:480px) {
			#btn_menu {
				background-image:url(../images/x2/btn_menu_mob.png);
				background-size:60px 60px;
			}
		}
		#content h1, #bloc_selection h2 {
			background-image:url(../images/x2/fleche.png);
			background-size:20px 36px;
		}
}