/* CSS Document */
body { background:url(../images/bg-page.jpg) repeat-x #FFF; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:10px; }
#superConteneur{ width:100%; position:relative; height:auto; float:left; background:url(../images/conteneur.jpg) no-repeat top center;}
#conteneur{ width:960px; margin:0 auto; position:relative; padding:0; color:#3f5058; }

a#retourAccueil {position:absolute; top:0; left:10px; width:200px; height:100px; text-indent:-5000px;}

#conteneurmenu {float:left; display:inline; margin:105px 0 32px 0;  height:32px; width:528px; z-index:1000;}
.menu {border-left:1px solid #f0678f; text-align:center; height:32px; line-height:32px; padding:0;}
.ssmenu {background:url(../images/ssmenu.jpg) repeat-x top #a90032; padding:3px 10px 7px 10px;}
.ssmenu li#titreMenu{ margin:0; padding:0;color:#d83e03; background:#ffe8df; font-weight:bold; font-size:13px; border-bottom:3px solid #ffe8df; border-top:3px solid #ffe8df; list-style:none;}
.ssmenu ul, .ssmenu li.lienMenu {padding:3px 0; margin:0; list-style-type:none; background:transparent;}

.menu a, .menu a:visited { font-weight:bold; font-size:14px; color:#FFF; height:35px; padding:0 0 7px 0; text-decoration:none; display:block; margin:0px; width:100%;}
.menu a:hover, .menu a:focus { border-bottom:4px solid #cbd300;}
.ssmenu a, .ssmenu a:visited { color:white; padding:0px; text-decoration:none; font-size:12px; font-weight:bold; border-bottom:1px dotted #fff; display:block; margin:0px; width:100%;}
.menuOuvert a {border-bottom:4px solid #cbd300;}

html>body .menu a, html>body .menu a:visited, html>body .menu a:hover, html>body .menu a:active,
html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active {width:auto;}

#colDroite {float:right; display:inline; padding:0; margin:25px 20px 0 0; width:240px;}
#colDroite #autres {float:left; padding:55px 0 0 10px; margin:0; width:230px; height:35px; background:url(../images/fm-autres-sites.jpg) no-repeat; }

a#catalogue {float:left; padding:0; margin:7px 0 0 0; width:240px; height:61px; background:url(../images/btn-catalogue.jpg) no-repeat; text-indent:-5000px;}
a#devis {float:left; padding:0; margin:0; width:240px; height:61px; background:url(../images/btn-devis.jpg) no-repeat; text-indent:-5000px;}
a#epi {float:left; padding:0; margin:0; width:240px; height:61px; background:url(../images/btn-epi.jpg) no-repeat; text-indent:-5000px;}

#actualite {float:left; padding:62px 10px 10px 10px; margin:0 0 15px 0; width:220px; min-height:270px; background:url(../images/actualite.jpg) no-repeat top #cecece;}
#actualite h2 {float:left; padding:0; margin:0 0 3px 0; width:220px; color:#cf003d; font-size:1.1em; font-weight:bold;}
#actualite h2 a {color:#cf003d; text-decoration:none;}
#actualite h2 a:hover {text-decoration:underline;}
#actualite p {float:left; padding:0 0 10px 0; margin:0 0 10px 0;; width:220px; font-size:1.1em; border-bottom:1px solid #bcbfc1;}
#actualite p a {display:block; margin:0 0 0 182px; padding:0 0 0 16px; width:21px; height:12px; line-height:12px; color:#FFF; font-weight:bold; text-decoration:none; background:url(../images/lire.jpg) no-repeat;}

#animFlash {float:left; display:inline; padding:0; margin:0 0 20px 20px; width:650px;}

#zoneContenu {float:right; display:inline; padding:0 0 20px 0; margin:15px 20px 0 0; width:670px; text-align:justify;}
#zoneContenu h1 {float:left; display:inline; padding:0 0 2px 0; margin:10px 0 20px 20px; width:650px; color:#cf003d; font-size:18px; border-bottom:1px dotted #6e7b81; }
#zoneContenu h2 {float:left; padding:0; margin:10px 0 5px 20px; width:650px; font-size:1.4em; color:#cf003d; }
#zoneContenu h3.ref {float:left; padding:0; margin:-17px 0 15px 20px; width:650px; font-size:1.1em; color:#cf003d; font-weight:normal; }

#zoneContenu p {float:left; display:inline; padding:0; margin:0px 0 15px 20px; width:650px; font-size:1.2em; line-height:18px;}
#zoneContenu p span { color:#cf003d; font-weight:bold;}
#zoneContenu p a { color:#cf003d;}
#zoneContenu p.message {float:left; display:inline; padding:0; margin:10px 0 10px 20px; width:650px; font-size:1.2em; line-height:18px; color:#9da301; text-align:center; font-weight:bold;}
#zoneContenu p.alert {float:left; display:inline; padding:0; margin:0px 0 10px 0px; width:650px; font-size:1.2em; line-height:18px; color:#F00; }

#zoneContenu form {float:left; display:inline; padding:0; margin:0px 0 15px 20px; width:650px; }
#zoneContenu form h2 {float:left; padding:0; margin:0px 0 10px 0px; width:650px; font-size:1.4em; color:#cf003d; }
#zoneContenu form h3 {float:left; padding:8px 5px 5px 5px; margin:0; width:640px; font-size:1.3em; }
#zoneContenu p.form {float:left; display:inline; padding:0px 5px 8px 5px; margin:0; width:640px; font-size:1.2em;  }
#zoneContenu p.formDemi {float:left; display:inline; padding:0px 5px 8px 5px; margin:0; width:315px; font-size:1.2em;  }
#zoneContenu p.contact {float:left; display:inline; padding:6px 5px; margin:0; width:640px; font-size:1.2em;  }
#zoneContenu p.contactDemi {float:left; display:inline; padding:6px 5px; margin:0; width:315px; font-size:1.2em;  }
#zoneContenu p label{float:left; padding:0; margin:0; width:90px; line-height:20px; }
#zoneContenu p.form span, #zoneContenu p.formDemi span{float:left; display:block; color:#3f5058; font-weight:normal;}
#zoneContenu .coul { background:#dcdcdc;}
#zoneContenu p.envoi {float:left; display:inline; padding:25px 5px; margin:0; width:640px; text-align:center;}


#zoneContenu .encart {float:left; padding:10px; margin:20px 0 20px 20px; width:630px; font-size:12px; background:#f3f5c8; border:1px dashed #cbd300; line-height:18px;}
#zoneContenu .encart a {color:#888d00;}
#zoneContenu .encart strong span { font-size:16px;}

#zoneContenu #epiValide {float:left; padding:5px 0; margin:0 0 0 546px; width:95px; font-size:14px; background:#a8af00; text-align:center; position:relative; color:#FFF; font-weight:bold; }
#zoneContenu .produitEPI {float:left; padding:0 10px; margin:-1px 0 0 0px; width:630px; font-size:12px; background:#f3f5c8; border:1px dashed #cbd300; line-height:22px;}
#zoneContenu .produitEPI p {float:left; padding:0; margin:0; width:630px; font-size:12px; }
#zoneContenu .produitEPI p .nom {float:left; padding:5px 0px; margin:0; width:255px; color:#3f5058; font-weight:normal; text-align:left; }
#zoneContenu .produitEPI p .norme {float:left; padding:5px 0px; margin:0; width:130px; color:#3f5058; font-weight:normal; }
#zoneContenu .produitEPI p .annee {float:left; padding:5px 0px; margin:0; width:150px; color:#3f5058; font-weight:normal; }
#zoneContenu .produitEPI p .valide {float:left; padding:5px 0; margin:0; width:95px; color:#fff; font-weight:normal; background:#a8af00; }
#zoneContenu .produitEPI p .valideFait {float:left; padding:5px 0; margin:0; width:95px; color:#fff; font-weight:normal; background:#a8af00; text-align:center; }
#zoneContenu .produitEPI p .kit {float:left; padding:5px 0px 4px 0px; margin:0; width:535px; color:#3f5058; font-weight:bold; border-top:1px dashed #cbd300; }
#zoneContenu #epiOk {float:left; padding:5px 0; margin:-1px 0 0 546px; width:95px; font-size:14px; background:#a8af00; text-align:center; position:relative; color:#FFF; font-weight:bold; }
#zoneContenu .produitEPIAlert {float:left; padding:10px; margin:0 0 0 20px; width:630px; font-size:12px; color:#F00; text-align:center; background:#f3f5c8; border:1px dashed #cbd300; line-height:22px; }

#zoneContenu .unProduit {float:left; padding:0px; margin:0 0 25px 20px; width:203px; font-size:12px;}
#zoneContenu .unProduit h2 {float:left; padding:10px 10px 0 10px; margin:0; width:183px; color:#cf003d; font-size:14px; background:#dcdcdc; border:none;}
#zoneContenu .unProduit h2 a {float:left; padding:0 0 2px 0; margin:0; width:183px; color:#cf003d; border-bottom:1px solid #c4c7c9; text-decoration:none; }
#zoneContenu .unProduit img {float:left; padding:5px 10px 10px 10px; margin:0; width:183px; background:#dcdcdc;}
#zoneContenu .unProduit a.plus {float:left; padding:0px; margin:0 0 0 111px; width:92px; height:18px; line-height:18px; background:url(../images/savoir-plus.gif) no-repeat; color:#FFF; font-size:11px; font-weight:bold; text-decoration:none; text-align:center;}

#zoneContenu .uneNorme {float:left; padding:10px; margin:0 0 15px 20px; width:630px; background:url(../images/produits-norme.jpg) repeat-y right #dcdcdc; font-size:12px; -moz-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0;}
#zoneContenu .uneNorme h2 {float:left; padding:0 0 2px 0; margin:0 0 3px 0; width:490px; color:#cf003d; font-size:14px; border-bottom:1px solid #c4c7c9;}
#zoneContenu .uneNorme h3 {float:left; padding:0px; margin:0 0 10px 0; width:490px; color:#cf003d; font-size:12px;}
#zoneContenu .uneNorme #detail, #zoneContenu .uneNorme #detail p {float:left; padding:0px; margin:0; width:490px; font-size:12px; line-height:16px;}
#zoneContenu .uneNorme #detail a {color:#3f5058;}
#zoneContenu .uneNorme #detail a:hover {color:#cf003d;}
#zoneContenu .uneNorme #produits {position:relative; top:0; padding:0 8px; margin:0 0 0 500px; width:124px; font-size:11px; color:#333;}
#zoneContenu .uneNorme #produits strong {display:block; margin-bottom:5px;}
#zoneContenu .uneNorme #produits a {display:block; color:#333; text-decoration:none; margin:0 0 2px 0px; text-align:left;}
#zoneContenu .uneNorme #produits a:hover {text-decoration:underline;}

#zoneActu {float:right; display:inline; padding:0 0 20px 0; margin:15px 20px 0 20px; width:650px; text-align:justify; font-size:12px; line-height:18px;}
#zoneActu h1 {float:left; display:inline; padding:0 0 2px 0; margin:10px 0 20px 0; width:650px; color:#cf003d; font-size:18px; border-bottom:1px dotted #6e7b81; }
#zoneActu h2 {float:left; padding:0; margin:10px 0 5px 0; width:650px; font-size:14px; color:#cf003d; }
#zoneActu p {padding:0; margin:0px 0 10px 0; font-size:12px; line-height:17px;}
#zoneActu a { color:#cf003d;}
#zoneActu a.pdf {float:left; padding:0 0 0 28px; margin:20px 0px; width:622px; height:25px; line-height:25px; font-size:12px; text-decoration:none; color:#3f5058; background:url(../images/pdf.gif) no-repeat left;  }
#zoneActu a.pdf:hover {color:#cf003d; text-decoration:underline; }
#zoneActu img { margin:0 0 15px 15px;}

#detailProduit {float:left; display:inline; padding:0; margin:0 0 20px 20px; width:380px; font-size:12px; }
#detailProduit p {float:left; padding:0; margin:0 0 10px 0px; width:380px; font-size:12px; }
#detailProduit a.pdf {float:left; padding:0 0 0 28px; margin:20px 0px; width:352px; height:25px; line-height:25px; font-size:12px; text-decoration:none; color:#3f5058; background:url(../images/pdf.gif) no-repeat left;  }
#detailProduit a.pdf:hover {color:#cf003d; text-decoration:underline; }
#detailProduit a.pdf span {font-size:11px; }
#detailProduit a {text-decoration:none; color:#3f5058; }
#detailProduit a:hover {color:#cf003d; text-decoration:underline; }
#photoProduit {float:left; display:inline; padding:0; margin:0 0 20px 20px; width:250px; font-size:11px; }

a#retour {clear:left; float:left; padding:0; margin:20px; width:630px; text-align:center; font-size:1.1em; color:#9da301;}

#footer {clear:left; margin:0px auto; width:100%; height:104px; border-top:1px dotted #6e7b81; background:url(../images/footer.jpg) repeat-x; color:#717e83;}
#footer #contenuFooter { width:960px; margin:0 auto; padding:0px; position:relative; }
#footer #contenuFooter #autres {float:left; display:inline; padding:0; margin:18px 0 0 30px; width:540px; font-size:1.1em;}
#footer #contenuFooter #autres p {float:left; padding:0; margin:0 0 6px 0; width:460px;}
#footer #contenuFooter #autres a {float:left; display:inline; padding:0; margin:0px; width:180px; color:#717e83; line-height:18px; text-decoration:none;}
#footer #contenuFooter #autres a span {text-decoration:underline;}
#footer #contenuFooter #logos {float:left; padding:0; margin:5px 0 0 0; width:120px; text-align:right; }
#footer #contenuFooter #logos img {margin:0px 5px; }
#footer #contenuFooter #liens {float:left; padding:0; margin:20px 20px 0 10px; width:240px; text-align:center; font-weight:bold; font-size:1.1em;}
#footer #contenuFooter #liens a {color:#717e83;}