/* -------------------------- STYLE DE LA PAGE --------------------------- */ #contenu {font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:15px;} #contenu-gauche{float:left;width:450px;margin:0 25px 0 15px;} /* -------------------------- STYLE DE TEXTE --------------------------- */ #contenu h1{font-weight:bold;font-size:1.3em;line-height:1.1em;color:#3784d1;margin:0 0 12px 0;border-bottom:1px dotted #3784d1;width:100%;text-transform:uppercase;} #contenu h1.ideo_gbl_sans{font-weight:bold;font-size:1.6em;color:#3784d1;margin:0px 0px 2px 0px;border-bottom:1px dotted #3784d1;width:100%;} #contenu h2{font-weight:bold;font-size:1.2em;line-height:1.2em;color:#474e57;margin:0 0 7px;padding:3px;border-top:1px solid #c6c6c4;background:url(../../images/integration/h2.jpg) no-repeat;} #contenu h3{font-variant:small-caps;background:#3784d1;font-weight:bold;font-size:1.1em;color:#3784d1;padding:2px 0px 2px 1px;margin-bottom:8px;text-align:left;} #contenu h3.ideo_gbl_sans{background:none;border-bottom:1px dotted #3784d1;} #contenu h4 {font-variant:small-caps;font-size:1.1em;font-weight:bold;padding:0;width:100%;text-align:left;margin:15px 0;color:#3784d1;float:left;} #contenu p{font-size:1em;text-align:justify;color:#474e57;margin-bottom:1.2em;} #contenu p em{font-weight:bold;font-size:1em;} #contenu sup{font-size:0.7em;} #contenu p.ideo_gbl_couleur, #contenu span.ideo_gbl_couleur{font-weight:bold;color:#529e38;} p.couleur, span.couleur{font-weight:bold;color:#529e38;} #contenu strong{color:#529e38;} #contenu strong.s1{color:#474e57;} #contenu .ideo_gbl_petit, #contenu p.ideo_gbl_petit{font-size:0.8em;line-height:1.2em;} #contenu .ideo_gbl_nota, #contenu p.ideo_gbl_nota{font-size:0.8em;line-height:1.2em;font-style:italic;padding:0 10px 0 0;} #contenu .ideo_gbl_alerte, #contenu p.ideo_gbl_alerte{color:#a6240a;} #contenu a:link, #contenu a:visited{color:#004b84;text-decoration:underline;font-weight:bold;} #contenu a:hover, #contenu a:active{font-weight:bold;text-decoration:none;color:#000;} #contenu a:link img, #contenu a:visited img{filter: alpha(opacity=100);-moz-opacity: 1.00; opacity:1.00;border:none;} #contenu a:hover img, #contenu a:active img{filter: alpha(opacity=70);-moz-opacity: 0.70; opacity:0.70;border:none;} a img {border:none;} a:active, a:focus{outline:none;} #contenu ul{margin:10px 0 20px 20px;} #contenu ul li{background:url(../../images/integration/puce.jpg) no-repeat;list-style:none;padding-left:20px;margin:5px 0;} #contenu ul li ul li{background:none;list-style:none;padding-left:20px;margin:5px 0;} /* -------------------------- VISUEL --------------------------- */ .ideo_gbl_visuel {float:left;margin:5px 0 10px 5px;padding:0 7px 1px 0;width:150px; } .ideo_gbl_visuel img{margin-bottom:15px; } .ideo_gbl_visuelRight {float:right;padding:0 0px 1px 0;margin:5px 0px 10px 10px;width:150px;} #contenu .ideo_gbl_visuelCentre {margin:10px auto;width:450px; } /* -------------------------- FORMULAIRE --------------------------- */ #contenu select {color:#000000;border:1px solid #67B34D;background-color:#ffffff;width:152px;} #contenu input{background-color:#ffffff;border:1px solid #67B34D;color:#000000;height:15px;} #contenu textarea{background-color:#ffffff;border:1px solid #67B34D;color:#000000;} /* -------------------------- PAGINATION --------------------------- */ #contenu #ideo_inc_pagination {margin:20px auto;width:100%;} #contenu #ideo_inc_pagination span{font-size:1em;text-align:center;} #contenu #ideo_inc_pagination p{text-align:center;color:#529e38;margin:0;} #contenu #ideo_inc_pagination label{font-size:0.9em;} /* -------------------------- MENU --------------------------- */ #contenu #ideo_inc_menu {padding:0 0 20px 2px;width:100%;float:left;text-align:left;} #contenu #ideo_inc_menu ul {list-style-image:none;margin:0;padding:0;} #contenu #ideo_inc_menu li {display:inline;font-size:0.9em;list-style-image:none;background:none;margin:0; padding:0;} #contenu #ideo_inc_menu li .encours{color:#004b84;text-decoration:underline;} /* -------------------------- REFERENCEMENT --------------------------- */ #footer_ref {float:left;display:block;width:735px;margin:20px 0 0 0;} #footer_ref p {color:#474e57;margin:0 0 6px 0;} #footer_ref h1, #footer_ref h2 {font-size:12px;border:none;border-bottom:1px dotted #3784d1;font-weight:bold;background:none;color:#474e57;} /* -------------------------- ENCART CONTACT --------------------------- */ #contenu .ideo_inc_contact{width:100%;text-align:center;} #contenu .ideo_inc_contact p{text-align:center;font-weight:bold;font-size:1em;margin:0;} /* ************************************************************ */ /* ***************** STYLE DES PAGES STATIQUE ***************** */ /* ************************************************************ */ /* -------------------------- PAGE INDEX --------------------------- */ .video {float:left;margin:0 0 0 12px;} /* -------------------------------------- PAGE accessoires plan de travail ----------------------------------------- */ #contenu .bloc1{float:left;width:131px;border:1px solid #65b24a;margin:0 10px 10px 0;padding:5px;height:255px;background:url(../../images/integration/bgplan.jpg) no-repeat;} #contenu .bloc3{float:left;width:131px;margin:0;padding:5px;height:255px;border:1px solid #65b24a;background:url(../../images/integration/bgplan.jpg) no-repeat;} #contenu p.titrebloc{color:#3784d1;text-align:center;} #contenu .bloc3 p.txt, #contenu .bloc1 p.txt{text-align:left;margin-top:30px;} #contenu .bloc3 p.txt2, #contenu .bloc1 p.txt2{text-align:left;margin-top:45px;} /* -------------------------------------- PAGE accessoires cuves ----------------------------------------- */ #contenu .cuve{float:left;width:207px;margin:0 10px 10px 0;padding:5px;max-height:268px !important;height:268px;text-align:center;border:1px solid #65b24a;background:url(../../images/integration/bgcuve.jpg) no-repeat;} #contenu .cuve1{float:left;width:207px;margin:0;padding:5px;height:268px;text-align:center;border:1px solid #65b24a;background:url(../../images/integration/bgcuve.jpg) no-repeat;} #contenu .titrecuve{float:left;width:207px;padding:5px;margin-right:10px;text-align:center;} #contenu .titrecuve1{float:left;width:207px;padding:5px;text-align:center;} #contenu .cuve .visucuve, #contenu .cuve1 .visucuve {text-align:center;height:125px;padding:7px 0 0 0;} #contenu .cuve p.txt, #contenu .cuve1 p.txt{text-align:center;} #contenu .cuve p.txtdec, #contenu .cuve1 p.txtdec{margin-top:20px;} #contenu .cuve2{float:left;width:435px;margin:0 0 10px 0;padding:5px;height:180px;border:1px solid #65b24a;background:url(../../images/integration/bgcuve2.jpg) no-repeat;} #contenu .cuve2 .visuelcuve{float:left;width:200px;text-align:center;padding:5px;height:165px;} #contenu .cuve2 .txtcuve{float:left;width:200px;border:1px solid #65b24a;padding:5px;height:164px;margin:2px 10px 0 2px;} /* -------------------------------------- PAGE accessoires robinets ----------------------------------------- */ #contenu .robinets{float:left;width:435px;margin:0 0 10px 0;padding:5px;height:160px;border:1px solid #65b24a;background:url(../../images/integration/bgrobinets.jpg) no-repeat;} #contenu .robinets .visuelrob{float:left;width:180px;padding:10px 5px 5px 5px;height:143px;margin-left:5px;margin-right:15px;text-align:center;} #contenu .robinets .txtrob{float:left;width:220px;border:1px solid #65b24a;padding:10px 0 0 0;height:143px;vertical-align:middle;margin-top:3px; } #contenu .robinets .txtrob2{float:left;width:220px;border:1px solid #65b24a;padding:30px 0 0 0;height:123px;vertical-align:middle;margin-top:3px; } #contenu table {margin:0 auto;} #contenu table td p {margin:2px;text-align:center;} #contenu table td {border:1px solid #58a33f;} /* -------------------------------------- PAGE accessoires bec electriques ----------------------------------------- */ #contenu .bec{float:left;width:207px;margin:0 10px 10px 0;padding:5px;height:410px;text-align:center;border:1px solid #65b24a;background:url(../../images/integration/bgbec.jpg) no-repeat;} #contenu .bec1{float:left;width:207px;margin:0;padding:5px;height:410px;text-align:center;border:1px solid #65b24a;background:url(../../images/integration/bgbec.jpg) no-repeat;} #contenu .bec .visuelbec, #contenu .bec1 .visuelbec{float:left;width:200px;text-align:center;padding:9px 5px 5px 5px;height:115px;} #contenu .bec p.txtbec, #contenu .bec1 p.txtbec{text-align:center;} #contenu p.centre {text-align:center;} #contenu .encartcontact {width:420px;height:57px;background:url(../../images/integration/encartcontact.jpg) no-repeat;margin:10px auto;} /* -------------------------------------- PAGE meubles sous paillasse ----------------------------------------- */ #contenu .visuelm1{float:left;width:121px;margin:0 10px 20px 0;padding:8px 5px 5px 5px;height:148px;background:url(../../images/integration/bgvisum.jpg) no-repeat;text-align:center;} #contenu .visuelm3{float:left;width:121px;margin:0 10px 10px 0;padding:5px;height:138px;background:url(../../images/integration/bgvisum.jpg) no-repeat;text-align:center;} #contenu .visuelm3 p.titrevisu, #contenu .visuelm1 p.titrevisu{text-align:center;font-weight:bold;color:#347fca;margin-top:10px;} /* -------------------------------------- PAGE INDEX ----------------------------------------- */ #contenu .txtdroite {width:287px;float:left;margin-top:20px;} #contenu .txtdroite2 {width:287px;float:left;margin-top:10px;} #contenu .txtdroitesor {width:287px;float:left;margin-top:5px;} #contenu .hautpage {width:124px;height:48px;float:right;margin:10px 0;background:url(../../images/integration/hautpage.jpg) no-repeat;} #bloc_accessoire{width:700px;} #bloc_accessoire #wrapper_accessoire{text-align:center;float:left;width:207px;height:200px;margin:0 10px 10px 0;} #bloc_accessoire #wrapper_accessoire p{text-align:center;}