/* CSS Document */
/*///////////////////////////////////////////////*/
/*//////////////	Import CSS		/////////////*/
/*///////////////////////////////////////////////*/
@import url(reset.css);

/*///////////////////////////////////////////////*/
/*//////////////		Body		/////////////*/
/*///////////////////////////////////////////////*/
body, html{font-family: Arial; height: 100%;}

/*///////////////////////////////////////////////*/
/*//////////////		Conteneur		/////////*/
/*///////////////////////////////////////////////*/
#conteneur{min-width: 980px; position: relative; height: 96%;}

/*///////////////////////////////////////////////*/
/*//////////////		Header		/////////////*/
/*///////////////////////////////////////////////*/
#header{position: relative; height: 16%; min-height: 140px; min-width: 980px;}
#logo{width: 228px; height: 142px; position: absolute;  z-index: 10; left: 50%; margin-left: -114px;}
#logo h2 span{display: none;}
#logo a{display: block; background: url(../images/logo-forestier-paris.png) no-repeat; width: 228px; height: 142px;}

/*__  Menu  __*/
#menu{height: 21px; border: 1px #000 solid; border-left:0; border-right:0; position: absolute; z-index: 1; top:53px; width: 100%;}
#menu ul{width: 760px; margin: auto;}
#menu li{float: left; padding: 0 25px; line-height: 21px;}
#menu li.societe{margin-left: 220px;}
#menu a{font-size: 15px; text-decoration: none; color: #000; text-transform: uppercase;}
#menu a:hover, #menu a.active{color: #7d8f7f;}
#menu li.produits {width:80px;}
#menu li.designers {width:90px;}
#menu li.societe {width:70px;}
#menu li.contact {width:75px;}
#menu #bloc {width:757px; margin: auto; height:27px; position:relative}
#menu #trait {width:130px;height:2px; background-color:#7D8F7F; position:absolute;bottom: 0px; left: 310px;}


/*__  Sous Menu  __*/
#sous-menu {margin: auto;border-bottom: 1px #000 solid; height:20px;}
#sous-menu ul {margin: auto;}
#sous-menu li{float: left; padding: 0 10px; line-height: 21px; font-size:12px; text-align:center}
#sous-menu li a{text-decoration:none; color:#7D8F7F; padding-top: 4px}
#sous-menu li a:hover,#sous-menu li a.actif{border-top: 1px #000 solid;}

/*///////////////////////////////////////////////*/
/*//////////////		Contenu		/////////////*/
/*///////////////////////////////////////////////*/
#contenu{margin: auto; min-height: 300px; min-width: 418px; width: 82%; height: 75%; }
#visuel-home{position: relative;  width: auto; height: 100%; margin:auto }
#visuel-home.interieur{min-height: 458px;}
img.visuel-home{height: 100%; width: auto; margin: auto;}
#fleche-gauche, #fleche-droite{width: 4%; height: 62px; background: url(../images/fleche-gauche.gif) no-repeat; cursor: pointer; position: absolute; top: 50%;}
#fleche-gauche a, #fleche-droite a{width: 100%; height: 100%;display:block}
#fleche-gauche{left: 20px;}
#fleche-droite{background: url(../images/fleche-droite.gif) no-repeat right top; right: 20px;}
#fleche-gauche:hover, #fleche-droite:hover{opacity : 0.5; -moz-opacity : 0.5; -ms-filter: "alpha(opacity=50)"; /* IE 8 */ filter : alpha(opacity=50); /* IE < 8 */} 
#actualite{position: absolute; bottom: 0; right: 0; background: url(../images/bg-actu.png); width: 370px; height: auto;}
#actualite h4{color: #7d8f7f; font-size: 18px; margin-bottom: 10px;}
#titre-actu{ font-size: 13px; text-transform: uppercase; padding: 5px 10px; border-bottom: 1px #000 solid; background: url(../images/bg-actu.png);}
#titre-actu a.descendant{float: right; background: url(../images/bouton-descendre.png) no-repeat; width: 23px; height: 12px;}
#titre-actu a.montant{float: right; background: url(../images/bouton-monter.png) no-repeat; width: 23px; height: 12px;}
#titre-actu a:hover{opacity : 0.5; -moz-opacity : 0.5; -ms-filter: "alpha(opacity=50)"; /* IE 8 */ filter : alpha(opacity=50); /* IE < 8 */} 
#contenu-actu{ padding: 20px;}
#contenu-actu strong{font-weight: bold;}
#contenu-actu img{float: left; margin-right:20px;}
#contenu-actu p{font-size: 12px; line-height: 16px;}

/*__  Interieur  __*/
#wraper-visuel{width: 45%;}
#visuel-home.designer img.visuel-interieur{height: 80%;}
#visuel-home.produit img.visuel-interieur{height: 80%;}
img.visuel-interieur{height: 100%; width: auto; margin-right: 30px; float: left;}

#txt-interieur{float: left; width: 45%; position: relative;}
#txt-interieur.designer{width: 40%;}
#txt-interieur.produit{width: 40%;}
div.scroll-txt{overflow: auto; padding: 0 10px 20px 0;}
#txt-interieur h1{color: #7d8f7f; font-size: 22px; margin-bottom: 20px; font-weight: bold; border-bottom: 1px #7d8f7f solid}
#txt-interieur h4{color: #7d8f7f; font-size: 18px; margin-bottom: 10px;}
#txt-interieur.catalogue h4{font-size: 16px;margin-top: 20px;margin-bottom: 0px;}
#txt-interieur p {margin-bottom: 20px; font-size: 13px; text-align: justify; color: #686868}
#txt-interieur table {margin-bottom: 20px; font-size: 13px; text-align: justify; color: #686868; padding: 10px}
#txt-interieur table td{padding: 0px 0px 10px 0px}
#txt-interieur table strong{font-weight: bold; text-transform: uppercase;}
#txt-interieur.designer p{line-height: 16px;}
#txt-interieur.designer p strong{font-weight: bold; text-transform: uppercase;}
#txt-interieur a{color: #7d8f7f;}
#txt-interieur a:hover{text-decoration: none;}

/*__  Societe __*/
#actualite.societe{width: 750px; height: 600px}
#actualite.societe p{margin-bottom: 10px;}
#actualite.societe #contenu-actu{height: 575px; overflow: auto;}

/*__  Designers __*/
.liste-visuels  {margin:auto}
.liste-visuels a  {position:relative; display:block; margin:10%; text-decoration: none; text-align:center }
.bloc-nom-designer{position:absolute; bottom: 0; left:0; background: url(../images/bg-actu.png); display:block; overflow:hidden; height:0px;text-align:center}
.nom-designer{display:block;background:white;color:#7c8d7d; text-transform:uppercase; font-size: 0.7em;margin-top:40%; padding: 3% 1%; font-weight:bold}
.liste-visuels a .bloc-nom-designer:hover {cursor:pointer }

/*__  Détail Designer __*/
#produit-designer h2  {color:#7D8F7F; font-weight:bold; border-bottom: 1px solid #7D8F7F; padding-bottom:10px; margin-bottom: 10px}
#produit-designer img  {float:left;}
#produit-designer li  {display:inline}

/*__  Détail Produit __*/
.produit img.visuel-interieur{float:right }
#visuel-home.produit p{line-height: 25px; padding-top:30px }
#check-color{width: auto; text-align:center; margin-top: 5%; float:right; position:absolute;top:80%;left: 45%}
#check-color ul{margin:auto}
#check-color li{display:inline;}
#check-color li a{padding:3px 10px; text-decoration: none;line-height:0px;border: 1px solid #000; margin:1px }

/*__  Contact  __*/
#actualite.contact{ }
#actualite.contact p {margin-bottom: 20px;}
#actualite.contact a{color: #7d8f7f;}
#actualite.contact a:hover{text-decoration: none;}

/*__  Presse  __*/
ul.liste-presse li{float: left; font-size: 12px; padding: 5px; border-left:1px #7d8f7f solid; margin-bottom: 3px;}
ul.liste-presse li.fist-element{border:none;}
table.liste-presse{margin-top: 20px;}
table.liste-presse tr td{padding-bottom: 20px;}
td.mois{font-weight: bold; font-size: 18px; clear: both; width: 150px; vertical-align: top;}
ul.liste-presse li a{color: #7d8f7f; text-decoration: none;}
ul.liste-presse li a:hover{text-decoration: underline;}

/*Catalogue*/
.catalogue input {border: 1px solid #7D8F7F; margin-top: 5px}

/*///////////////////////////////////////////////*/
/*//////////////		Footer		/////////////*/
/*///////////////////////////////////////////////*/
#wraper-footer{height: 4%;position: relative; min-height: 24px;}
#footer{position: absolute; bottom: 0; background: #f4f4f4; width: 100%; height: 24px; min-width: 980px;}
#footer ul{float: left;}
#footer ul.list-droite{float: right;}
#footer form{float: left; border-right: 1px #fff solid; padding: 0 15px; line-height: 24px;}
#footer form input{width: 117px; background: #656565; color: #fff; font-size: 10px; height: 16px; padding: 0 3px;}
#footer form input.submit{ width: 14px; height: 14px; background: url(../images/loupe.gif) no-repeat; padding: 0; cursor: pointer;}
#footer li{float: left; line-height: 24px; font-size: 11px; padding: 0 15px; border-right: 1px #fff solid;}
#footer li:hover{background: #fafafa;}
#footer li a{font-size: 11px; color: #000; text-decoration: none;}
#footer li a.actif{text-decoration: underline; color: #999;}
#footer ul.list-droite li{border-left: 1px #fff solid; border-right: 0; color: #a2a2a2;}
#footer ul.list-droite li a{color: #a2a2a2;}

/*///////////////////////////////////////////////*/
/*//////////////		Class		/////////////*/
/*///////////////////////////////////////////////*/
.clear{clear: both;}
.hidden{display: none;}
.obligatoire{color:red}
label.error{display:none; color:red; font-size:10px}