* {margin : 0; padding : 0; border : none;}
body {color : #34322d; background : #d9d8d6 url(../images/bg.png) no-repeat center top; font-family : Arial; font-size : 11px;}
a {color : #34322d; text-decoration : none;}
a:hover {text-decoration : underline;}
a:focus {outline : none}

.clear {clear : both;}
.center {text-align : center;}
.strong {font-weight : bold;}
.italic {font-style : italic;}
.souligne {text-decoration : underline;}
.upper {text-transform : uppercase;}
.conteneur	{overflow: auto; height: 1%;}
.error {background-color : #bd2716; color : #fff; font-size : 12px; padding : 3px 5px; margin-bottom : 10px;}

/* Formulaires */
form p {margin-bottom : 10px;}
form p label {float : left; width : 150px;}
form p span.required {color : #ff0000;}
form p input, form p select, form p textarea {width : 250px; border : 1px solid #34322d;}
form p img.captcha {margin : 10px 0 0 150px;}
form p input.bg, form p select.bg {float : left; width : 177px; height : 23px; line-height : 23px; border : none; margin-right : 3px; padding-left : 12px; color : #fff; font-family : Arial; font-size : 11px; background : url(../images/bg_input.png) no-repeat;}
form p input.bg:hover, form p select.bg:hover {background : url(../images/bg_input_hover.png) no-repeat;}
form p input.bg:focus, form p select.bg:focus {color : #34322d; background : url(../images/bg_input_focus.png) no-repeat;}
form p input.btn_ok {width : 39px; height : 23px; border : none; text-indent : -9999px; background : url(../images/btn_ok.png) no-repeat;}
form p input.btn_ok:hover {cursor : pointer;}
form p input.submit {margin : 0 0 0 150px;}

#suivre_facebook_small {display: none; position : absolute; top : 0px; left : 0px; z-index : 9999;}
#suivre_facebook {display: none; position : absolute; top : 186px; left : 0px; z-index : 9999;}

#page {width : 980px; margin : auto;}

/* Header */
#barre_header {width : 980px; height : 45px; position : relative;}
#barre_header a, #barre_header p, #barre_header span {color : #9a9996;}
#barre_header #espace_pro {position : absolute; top : 15px; left : 436px;}
#barre_header #langues {position : absolute; top : 15px; left : 604px;}
#barre_header #langues img {vertical-align : text-top;}
#barre_header p#recherche {position : absolute; top : 11px; left : 779px;}
#barre_header p#recherche input.bg {float : left; width : 155px; margin : 0;}
#barre_header p.hover input.bg {background : url(../images/bg_input_hover.png) no-repeat;}
#barre_header p.focus input.bg {background : url(../images/bg_input_focus.png) no-repeat;}
#barre_header p#recherche input.btn_search {float : left; width : 34px; height : 23px; border : none; cursor : pointer; background : url(../images/btn_search.png) no-repeat;}
#barre_header p.hover input.btn_search {cursor : pointer; background : url(../images/btn_search_hover.png) no-repeat !important;}
#barre_header p.focus input.btn_search {background : url(../images/btn_search_focus.png) no-repeat !important;}
#header {width : 980px; height : 141px; position : relative; z-index : 10000;}
#header #logo {position : absolute; top : 40px; left : 0px;}
#header #accroche {position : absolute; top : 10px; right : 0px;}

/* Menu */
#barre_menu {width : 794px; height : 37px; position : absolute; top : 90px; left : 186px; z-index : 10;}
#barre_menu #menu {width : 794px; height : 37px; list-style : none; position : relative; z-index : 10;}
#barre_menu #menu > li {float : left; width : 100px; height : 37px; position : relative; z-index : 2;}
#barre_menu #menu > li > a {display : block; height : 37px; text-indent : -9999px; background : url(../images/menu.png) no-repeat 0px 0px;}
#barre_menu .menu_fr li#menu_accueil {width : 89px;}
#barre_menu .menu_fr li#menu_accueil > a {width : 89px;}
#barre_menu .menu_fr li#menu_accueil > a:hover {background-position : 0px -37px;}
#barre_menu .menu_fr li#menu_1 {width : 184px;}
#barre_menu #menu li#menu_1 ul {padding-bottom : 10px;}
#barre_menu .menu_fr li#menu_1 > a {width : 184px; background-position : -89px 0px;}
#barre_menu .menu_fr li#menu_1 > a:hover {background-position : -89px -37px;}
#barre_menu .menu_fr li#menu_1 > a.selected {background-position : -89px -37px;}
#barre_menu .menu_fr li#menu_2 {width : 90px;}
#barre_menu #menu li#menu_2 ul {padding-bottom : 10px;}
#barre_menu .menu_fr li#menu_2 > a {width : 90px; background-position : -273px 0px;}
#barre_menu .menu_fr li#menu_2 > a:hover {background-position : -273px -37px;}
#barre_menu .menu_fr li#menu_2 > a.selected {background-position : -273px -37px;}
#barre_menu .menu_fr li#menu_3 {width : 110px;}
#barre_menu .menu_fr li#menu_3 > a {width : 110px; background-position : -363px 0px;}
#barre_menu .menu_fr li#menu_3 > a:hover {background-position : -363px -37px;}
#barre_menu .menu_fr li#menu_3 > a.selected {background-position : -363px -37px;}
#barre_menu .menu_fr li#menu_showroom {width : 114px;}
#barre_menu .menu_fr li#menu_showroom > a {width : 114px; background-position : -473px 0px;}
#barre_menu .menu_fr li#menu_showroom > a:hover {background-position : -473px -37px;}
#barre_menu .menu_fr li#menu_lignemetal {width : 112px;}
#barre_menu #menu li#menu_lignemetal ul {padding : 10px 0;}
#barre_menu .menu_fr li#menu_lignemetal > a {width : 112px; background-position : -587px 0px;}
#barre_menu .menu_fr li#menu_lignemetal > a:hover {background-position : -587px -37px;}
#barre_menu .menu_fr li#menu_lignemetal > a.selected {background-position : -587px -37px;}
#barre_menu .menu_fr li#menu_contact {width : 95px;}
#barre_menu .menu_fr li#menu_contact > a {width : 95px; background-position : -699px 0px;}
#barre_menu .menu_fr li#menu_contact > a:hover {background-position : -699px -37px;}
#barre_menu #menu li.back {height : 60px; position : absolute; bottom : 0px; z-index : 1; background : url(../images/fleur_lys.png) no-repeat top center;}

#barre_menu .menu_en li#menu_accueil {width : 89px;}
#barre_menu .menu_en li#menu_accueil > a {width : 89px; background-position : 0px -74px;}
#barre_menu .menu_en li#menu_accueil > a:hover {background-position : 0px -111px;}
#barre_menu .menu_en li#menu_1 {width : 158px;}
#barre_menu .menu_en li#menu_1 > a {width : 158px; background-position : -89px -74px;}
#barre_menu .menu_en li#menu_1 > a:hover {background-position : -89px -111px;}
#barre_menu .menu_en li#menu_1 > a.selected {background-position : -89px -111px;}
#barre_menu .menu_en li#menu_2 {width : 92px;}
#barre_menu .menu_en li#menu_2 > a {width : 92px; background-position : -247px -74px;}
#barre_menu .menu_en li#menu_2 > a:hover {background-position : -247px -111px;}
#barre_menu .menu_en li#menu_2 > a.selected {background-position : -247px -111px;}
#barre_menu .menu_en li#menu_3 {width : 134px;}
#barre_menu .menu_en li#menu_3 > a {width : 134px; background-position : -339px -74px;}
#barre_menu .menu_en li#menu_3 > a:hover {background-position : -339px -111px;}
#barre_menu .menu_en li#menu_3 > a.selected {background-position : -339px -111px;}
#barre_menu .menu_en li#menu_showroom {width : 114px;}
#barre_menu .menu_en li#menu_showroom > a {width : 114px; background-position : -473px -74px;}
#barre_menu .menu_en li#menu_showroom > a:hover {background-position : -473px -111px;}
#barre_menu .menu_en li#menu_lignemetal {width : 112px;}
#barre_menu .menu_en li#menu_lignemetal > a {width : 112px; background-position : -587px -74px;}
#barre_menu .menu_en li#menu_lignemetal > a:hover {background-position : -587px -111px;}
#barre_menu .menu_en li#menu_lignemetal > a.selected {background-position : -587px -111px;}
#barre_menu .menu_en li#menu_contact {width : 95px;}
#barre_menu .menu_en li#menu_contact > a {width : 95px; background-position : -699px -74px;}
#barre_menu .menu_en li#menu_contact > a:hover {background-position : -699px -111px;}

/* Sous menu */
#barre_menu #menu li ul {display : none; width : 183px; position : absolute; top : 37px; left : 0px; list-style : none; background : #34322d;}
#barre_menu #menu li#menu_1 ul {width : 400px;}
#barre_menu #menu li#menu_2 ul {width : 500px;}
#barre_menu .menu_fr li#menu_3 ul {width : 680px; left : -400px;}
#barre_menu .menu_en li#menu_3 ul {width : 680px; left : -390px;}
#barre_menu #menu li ul li {height : 20px; line-height : 20px;}
#barre_menu #menu li ul li p.menu_niveau1, #barre_menu #menu li ul li p.menu_niveau2 {padding-left : 20px;}
#barre_menu #menu li ul li p.menu_niveau1:hover, #barre_menu #menu li ul li p.menu_niveau2:hover {background : #524e47;}
#barre_menu #menu li ul li.col {float : left; height : 254px;}
#barre_menu #menu li ul li.col p.menu_niveau1:hover {background : none;}
#barre_menu #menu li ul li.col p.cufon {color : #aba394; font-size : 12px; text-transform : uppercase; margin : 20px 0 15px 0;}
#barre_menu #menu li ul li.col .bordure {height : 178px; padding : 0 10px 0 0; border-right : 1px dashed #625f58;}
#barre_menu #menu li ul li.col .bordure .col_famille {float : left; width : 120px;}
#barre_menu #menu li ul li.collections {float : right; width : auto; height : 280px;}
#barre_menu #menu li ul li.collections .col_collection {float : left; width : 120px;}
#barre_menu #menu li ul li a {color : #fff;}
#barre_menu #menu li ul li a:hover {text-decoration : none;}

/* Content */
#content {padding : 6px 6px 6px 29px; background : #fff;}
#content #contenu {float : left; width : 710px;}
#content #contenu_bottom {width : 739px; height : 70px; position : relative; background : #f4f2ec;}
#content #contenu_bottom img.separation {position : absolute; top : 0; right : 0;}
#content #contenu_bottom .navpages {padding-top : 33px;}
#content h1 {font-size : 32px; margin : 15px 0 23px 0;}

/* Fil d'ariane */
#content p#ariane {margin : 21px 0 0 0;}
#content p#ariane a {color : #34322d;}
#content p#ariane span.current {color : #aa9f89;}

/* Produits */
.listing {margin : 21px 0 0 10px;}
.produit {float : left; width : 234px; margin : 0 13px 17px 0;}
.produit .illustration {width : 234px; height : 156px;}
.produit .illustration a {display : block;}
.produit .illustration img:hover {opacity : 0.8;}
.produit p.designation {text-align : center; margin-top : 8px;}
.produit p.designation a {color : #34322d;}
.listing .last {margin-right : 0;}
div.separation {clear : both; margin-bottom : 14px;}

/* Pagination */
.navpages {padding : 13px 18px 13px 0; text-align : right; background : #f4f2ec;}
.navpages span {color : #c4c2bc;}
.navpages span.current {color : #f6075a;}
.navpages a {color : #34322d;}

/* Colonne droite */
#content #colright {float : right; width : 225px; margin-top : 105px;}
#content #colright .interieur_exterieur_fr {width : 225px; height : 166px; margin-bottom : 5px; position : relative; background : url(../images/interieur_exterieur.jpg) no-repeat;}
#content #colright .interieur_exterieur_en {width : 225px; height : 166px; margin-bottom : 5px; position : relative; background : url(../images/interieur_exterieur_en.jpg) no-repeat;}
#content #colright #interieur_exterieur p#interieur a {display : block; width : 140px; height : 25px; text-indent : -9999px; position : absolute; top : 118px; left : 20px;}
#content #colright #interieur_exterieur p#exterieur a {display : block; width : 140px; height : 25px; text-indent : -9999px; position : absolute; top : 77px; left : 20px;}
#content #colright #devis {width : 225px; height : 287px; position : relative;}
#content #colright #devis .illustration_fr {width : 250px; height : 287px; position : absolute; top : 0px; left : 0px; background : url(../images/concretisation_idees.png) no-repeat;}
#content #colright #devis .illustration_en {width : 250px; height : 287px; position : absolute; top : 0px; left : 0px; background : url(../images/concretisation_idees_en.png) no-repeat;}
#content #colright #devis .texte {width : 165px; position : absolute; top : 202px; left : 20px;}
#content #colright #devis .btn_noir_fleche {position : absolute; top : 249px; left : 20px;}
#content #colright .callback_fr {width : 225px; height : 148px; position : relative; margin-top : 7px; background : url(../images/callback.jpg) no-repeat;}
#content #colright .callback_en {width : 225px; height : 148px; position : relative; margin-top : 7px; background : url(../images/callback_en.jpg) no-repeat;}
#content #colright #callback p.bulle {position : absolute; top : 7px; right : -16px;}
#content #colright #callback form {position : absolute; top : 77px; left : 17px;}
#content #colright #callback form p {margin-bottom : 8px;}
#content #colright #callback form p input.bg, #content #colright #callback form p select.bg {width : 142px; background : url(../images/bg_input.jpg) no-repeat;}
#content #colright #callback form p input.bg:hover, #content #colright #callback form p select.bg:hover {background : url(../images/bg_input_hover.jpg) no-repeat;}
#content #colright #callback form p input.bg:focus, #content #colright #callback form p select.bg:focus {background : url(../images/bg_input_focus.jpg) no-repeat;}
#content #colright .contact_fr {width : 205px; height : 124px; margin-top : 7px; padding : 42px 0 0 20px; background : url(../images/contact.jpg) no-repeat;}
#content #colright .contact_en {width : 205px; height : 124px; margin-top : 7px; padding : 42px 0 0 20px; background : url(../images/contact_en.jpg) no-repeat;}
#content #colright #contact p span {display: inline-block; width: 25px;}
#content #colright #contact .btn_noir_fleche {margin-top : 10px;}
#content #colright #devis .btn_noir_fleche a, #content #colright #contact .btn_noir_fleche a {width : 109px; height : 19px; line-height : 18px; display : block; color : #fff; padding-left : 10px; background : url(../images/btn_noir_fleche.png) no-repeat;}
#content #colright #devis .btn_noir_fleche a:hover, #content #colright #contact .btn_noir_fleche a:hover {text-decoration : none; background : url(../images/btn_rose_fleche.png) no-repeat;}

#footer_referencement {width : 980px; color : #656159; margin : 20px 0 40px 0; padding-top : 15px; border-top : 1px solid #bcbab7;}
#footer_referencement .col {float : left; height : 287px; padding : 0 15px; border-left : 1px solid #cac9c6;}
#footer_referencement .col2 {float : left; width : 126px; margin : 5px 15px 0 0;}
#footer_referencement .first {padding-left : 0; border : none;}
#footer_referencement ul li#famille_3 {width : 282px;}
#footer_referencement ul {list-style : none;}
#footer_referencement ul li a {color : #9f9c97;}
#footer_referencement ul li.titre, #footer_referencement ul li.titre > a {margin-bottom : 5px; color : #656159;}

#footer {width : 100%; height : 99px; background : url(../images/bg_footer.jpg) no-repeat top center;}
#footer_center {width : 980px; height : 99px; margin : auto; color : #b2b0ac; position : relative;}
#footer_center p#copyright {position : absolute; top : 20px; left : 0px;}
#footer_center p#dev {position : absolute; top : 20px; left : 505px;}
#footer_center p#logo_emergence {position : absolute; top : 12px; right : 0px;}
#footer_center a {color : #b2b0ac;}
#footer_center span.sep {margin : 0 15px;}