@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);

@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?jh1ywl');
	src:url('fonts/icomoon.eot?jh1ywl#iefix') format('embedded-opentype'),
		url('fonts/icomoon.ttf?jh1ywl') format('truetype'),
		url('fonts/icomoon.woff?jh1ywl') format('woff'),
		url('fonts/icomoon.svg?jh1ywl#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {font-family: 'icomoon';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

.icon-arrow-down:before {content: "\e900";}

body { 
  font-family: 'Open Sans';
    margin: 0;
    padding: 0;
	font-size : 12px;
	background-color : white;
} 
 
/* Titres */ 
h1, h2, h3, h4, h5, h6 { 
  margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */ 
  line-height: 1.2; 
  font-weight: bold; /* Valeur par dfaut. (6) */ 
  font-style: normal; 
} 
h1 { 
  font-size: 1.75em; 
} 
h2 { 
  font-size: 1.5em; 
} 
h3 { 
  font-size: 1.25em; 
} 
h4 { 
  font-size: 1em; 
} 
 
/* Listes */ 
ul, ol,{ 
  margin: 0; 
  padding: 0; 
}  
 
/* Paragraphes */ 
p {
	margin: .75em 0; /* Marges plus faibles que par dfaut. (7) */
	font-family: Arial, Helvetica, FreeSans, sans-serif;
} 
address { 
  margin: .75em 0; 
  font-style: normal; 
} 

/* lignes */ 

hr {
	color:#CCC;
	background-color: #CCC;
	margin-left:auto;
    margin-right:auto;
	margin-top:5px;
	margin-bottom:5px;
	width:910px;
}

/* Liens */ 
a { 
  text-decoration:none;
} 
a:link {
	color: #000;
	text-decoration:none;
} 
a:visited { 
  color: #000; 
  text-decoration:none;
} 
a:hover, a:focus, a:active { 
  color: #000; 
} 
/* Pas de bordure pointille ou halo lors du clic sur un lien */ 
a:active { 
  outline: none; 
} 
/* Pas de bordure autour des images dans les liens */ 
a img { 
  border: none; 
} 
 
/* Divers lments de type en-ligne (8) */ 
em { 
  font-style: italic; 
} 
strong { 
  font-weight: bold; 
} 
 
/* Formulaires */ 
form, fieldset { 
  margin: 0; 
  padding: 0; 
  border: none; 
} 
input, button, select { 
  vertical-align: middle; /* Solution pb. d'alignement. (9) */ 
}

div{
	margin: 0;
	padding: 0;
}

table, caption, tbody, tfoot, thead, tr, th, td, object {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}

.clear {
	clear:both;
}

.text-center{text-align : center;}




#header {
	width:100%;
	background:url(images/header1.jpg) no-repeat center center #131315;
	height:40px;
}

#header_container {
	width:1100px;
	margin:auto;
	color:#FFF;
	text-align:right;
	padding-right:5px;
	padding-top:5px;
}

#header_container a {
	color:#FFF;
}

#header2 {
	width:100%;
	text-align:center;
	background-color:#4a4a54;
	height:242px;
	background-image: url('images/header2.jpg');
    background-repeat: no-repeat;
    background-position: 50% 0%;
}


#menu_fond {
	width:100%;
	background-color:#b4af9d;
	height:53px;
}

#menu_container {
	width:1100px;
	margin:auto;
	padding-top:7px;
}


#container {
	width:1100px;
	margin:auto;
}

#cadre_gauche {
	width:350px;
	float:left;
	margin-right:50px;
	margin-top:20px;
}

#cadre_droit {
	width:700px;
	float:left;
	margin-top:30px;
}

#cadre_droit_all {
	width:1050px;
	margin-top:30px;
}


.cadre_bordure_vert {
	border:#B4AF9D solid 1px;
	padding:20px;
}

#liste_plans{
	padding-left : 20px;
	margin-top : 0px;
}

#liste_plans li{
	list-style-type : none;
	color: #5B5C43;
	
}


#liste_attestations{
	padding-left : 20px;
	margin-top : 0px;
}

#liste_attestations li{
	list-style-type : none;
	color: #5B5C43;	
}

#liste_attestations li a, #liste_plans li a{
	color: #5B5C43;
}

#liste_attestations li a:hover, #liste_plans li a:hover{
	text-decoration : underline;
}

.none{
	display : none;
}

.menu_liens_gauche{
	color:#b4af9d;
}

#attestations:hover, #plans:hover{
	cursor : pointer;
}

.menu_liens_gauche a {
	color:#b4af9d;
}


.titre_principal {
	background-color:#5b5c43;
	padding-top:15px;
	padding-left:25px;
	padding-bottom:15px;
	color:#FFF;
	margin-bottom:20px;
}


.titre_principal h1 {
	padding:0px;
	margin:0px;
	font-size:16px;
	font-weight:bold;
}

.titre_principal a{
	color:#FFF;
}

.bt_vert {
	background-color:#5b5c43;
	padding:7px;
	color:#FFF;
	width:150px;
	margin:auto;
}
a.bt_vert{color : #ffffff;}

.cadre_liste_produits {
	width:223px;
	border-left:#000 dashed 1px;
	float:left;
	padding-left:14px;
}

.ecart_haut_liste_produits {
	padding-top:50px;
}

.cadre_liste_produits_titre {
	font-size:16px;
	font-weight:bold;
	text-align:center;
	height:45px;
	width:210px;
  text-transform:uppercase;
}

.cadre_liste_produits_titre a {
	color:#000;
}

.cadre_liste_produits_image {
	text-align:center;
	height:200px;
}

.cadre_liste_produits_prix {
	color:#5b5c43;
	width:210px;
	margin:auto;
}

.cadre_liste_produits_prix1 {
	float:left;
	width:108px;
}

.cadre_liste_produits_prix2 {
	float:left;
}

.liste_prix1 {
	font-size:16px;
	font-weight:bold;
}

.liste_prix2 {
	position:absolute;
	margin-left:5px;
	font-size:10px;
}

.liste_produits_bordure_bas {
	background-color:#5b5c43;
	height:15px;
	width:210px;
	margin:auto;
	margin-top:10px;
}


.cadre_accueil_gauche_herbin {
	background:#b4af9d;
	width: 456px;
	float:left;
	color:#FFF;
	margin-top:30px;
	font-size:13px;
	padding: 25px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
}

.cadre_accueil_gauche_herbin p {
	margin-top:0;
	padding-top:0;
}

.cadre_accueil_gauche_herbin.paris{margin-top : 10px;background: #9eac96;}

.cadre_accueil_gauche_herbin p:last-of-type{margin-bottom : 0px;}

.cadre_accueil_droite_herbin {
	width: 178px;
	float:right;
	color:#5b5c43;
	margin-top:30px;
	border:#859c87 solid 1px;
	padding: 25px 20px;
	font-size:13px;
}

.cadre_accueil_droite_herbin p {
	margin-top:0;
	padding-top:0;
}
.cadre_accueil_droite_herbin img{max-width : 100%;}

.cadre_liste_prod_photo {
	float:left;
	width:180px;
	height:160px;
	border-bottom:#000 dashed 1px;
	text-align:center;
	margin-top:20px;
}

.cadre_liste_prod_texte {
	float:left;
	width:348px;
	padding-left:26px;
	height:160px;
	border-bottom:#000 dashed 1px;
	margin-top:20px;
}

.cadre_liste_prod_prix {
	float:left;
	width:146px;
	height:160px;
	border-bottom:#000 dashed 1px;
	margin-top:20px;
	text-align:right;
}

.titre_liste_produits {
	color:#b4af9d;
	font-size:18px;
	font-weight:bold;
  text-transform:uppercase;
}

.titre_liste_produits a {
	color:#b4af9d;
}

.ref_liste_produits {
	margin-top:5px;
	margin-bottom:8px;
	color:#b4af9d;
}

.texte_liste_produits {
	color:#5b5c43;
}

.prix1_liste_produit {
	color:#5b5c43;
	font-size:26px;
	font-weight:bold;
}

.prix2_liste_produit {
	color:#5b5c43;
	font-size:16px;
	font-weight:bold;
}

.bt_voir_fiche_liste_produits {
	margin-top:40px;
}


.photo_fiche_produit {
	width:222px;
	margin-right:23px;
	float:left;
	text-align:center;
}

.trait_fiche_produit {
	background:#b4af9d;
	height:15px;
	margin-bottom:30px;
}

.texte_fiche_produit {
	width:455px;
	float:left;
}

.titre_fiche_produit {
	color:#b4af9d;
	font-size:20px;
	font-weight:bold;
	margin-bottom:5px;
  text-transform:uppercase;
}

.contenu_fiche_produit {
	color:#5b5c43;
	font-size:13px;
	text-align:justify;
	margin-top:0px;
}

.titre_recommander_fiche_produit {
	color:#b4af9d;
	font-size:20px;
	font-weight:bold;
	margin-top:40px;
	margin-bottom:20px;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:#b4af9d dashed 1px;
	border-top:#b4af9d dashed 1px;
}

.prix_promo {
	position:absolute;
	margin-top:-15px;
	color:#999;
}

.total_panier {
	font-size:18px;
	font-weight:bold;
}

.cadre_identification {
	border:#5b5c43 solid 1px;
	margin:auto;
	padding:15px;
	width:90%;
}

.prix_produit {
	font-size:26px;
	color:#5b5c43;
	font-weight:bold;
}

#footer {
	width:100%;
	background-color:#b4af9d;
}

#footer_container {
	width:1100px;
	margin:auto;
	padding-top:15px;
	padding-left:20px;
	padding-right:10px;
	color:rgba(255,255,255,0.7);
	padding-bottom:20px;
	text-align:center;
	font-size:14px;
}

#footer_container a {
	color:#ffffff;
}

#footer_container #footer-infos {
	position : relative;
	padding-bottom : 20px;
	margin-bottom : 20px;
	color:#fff;
}

#footer_container #footer-infos:after{
	content : "";
	position : absolute;
	width : 150px;
	height : 1px;
	background-color : rgba(255,255,255,0.5);
	margin-left : -75px;
	left : 50%; bottom : 0px;
}

#menu{
  position: relative;
  width: 1100px;
  height: 35px;
  text-align: center;
  margin:auto;
  color: #1a4e97;
  font-weight: bold;
  z-index: 3;
}

#menu .spacer{
  float: left;
  width: 0px;
  height: 106px;
  background-color:#c7c8ca;
}

#menu .case{
  float: left;
  text-align: left;
  padding: 10px 13px;
  font-size: 14px;
  color:#fff;
  text-decoration: none;
  font-weight: normal;
  text-transform: uppercase;
  font-weight: 600;
  background-color: rgba(91,92,67,0.5);
  border-right : 1px solid #B4AF9D;
}
#menu .case:hover{background-color: rgba(91,92,67,0.8);}
#menu li:last-of-type .case{border-right : 0px;}

#menu .case.deroulante{padding: 19px 12px 18px 12px;}
#menu .case.deroulante i{font-size: 12px;margin-left: 2px;}

#menu .case.deroulante1{padding: 6px 50px 10px 0px;}

#menu .case.violet.deroulante{
  padding: 10px 33px 10px 13px;
  background: url(images/fleche.png) no-repeat 93% center #b7006d;
}

#menu .case:hover{
}

.nav{
margin: auto; padding: 0;
float:left;
list-style: none;
list-style-position: outside;
position:relative;
z-index:1;
}

.nav ul{
top: 53px; 
left: 0;
float: left;
margin: 0;
padding: 0px;
width: 150px !important;
width: 180px;
list-style-type:none;
list-style-position:outside;
position:absolute;
display:none;
z-index:99;
}

.nav ul.menu-droit{
left: -138px;
}

.nav li{
float:left;
margin: 0;
position:relative;
}

.nav li a {
	float: left; 
  font-weight: bold;
  display: block;
}

.nav li li{
  background: #888570;
  clear: both;
  padding: 5px 15px;
  width: 175px !important;
  width: 180px;
  color: #ffffff;
  text-align: left;
  font-weight: normal;
}

.nav li .violet li{
  background-color: #b7006d;
}

.nav li li a{
  font-weight: normal;
  font-size: 12px;
  color: #ffffff;
}

.nav li li a:hover{
  font-weight: bold;
}

.nav li ul a{
  color: #ffffff;
  width: 100%;
  text-align: left;
  line-height: 29px;
  float:left;
  text-decoration: none;
}

.nav li ul li:hover{background-color: #6d6d55;}

.nav ul ul{
top:auto;
}	

.nav li ul ul {
left: 180px;
top: 0;
margin:0px;
}

.nav li ul.menu-droit ul {
left: -230px;
margin:0px;
}

.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li:hover ul ul ul ul{
display:none;
}
.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li li li li:hover ul{
display:block;
}

/* Coordonnées Carces */
.box-carces{display:inline-block;width:30%;vertical-align:top;text-align:center;}
.box-carces h3{text-transform:uppercase;}
.box-carces span{font-size:14px;}


/* Modal */
.modal {display: none; /* Hidden by default */ position: fixed; /* Stay in place */z-index: 999; /* Sit on top */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */}

/* Modal Content/Box */
.modal .modal-content { background-color: #fefefe; margin: 15% auto; /* 15% from the top and centered */ padding: 20px; border: 1px solid #888; width: 80%; max-width : 600px; /* Could be more or less, depending on screen size */ padding-bottom: 3rem;}

/* The Close Button */
.modal .close { color: #aaa; float: right;font-size: 28px; font-weight: bold;}
.modal .close:hover, .modal .close:focus {color: black;text-decoration: none;cursor: pointer;}

.modal h2{font-size: 3rem; color : #5b5c43;}
.modal p{font-size : 1rem;}