/* LSV Communication - web : http://www.lsv.fr */
/* Commentaires : CSS Adage*/
/**/
* { font-family: Arial, Helvetica, sans-serif, Arial, Helvetica, sans-serif; text-align: justify }
body { font-family: Arial, Helvetica, sans-serif; background-color: #b0b0b0; background-image: url("../IMAGES/body_fd.gif"); background-repeat: repeat; text-align: center; margin: 0; padding: 0; height: 100% }
/* text-align: center; sert a centrer le bloc page dans IE */
h3 { color: #cc0; font-size: 19px; font-weight: normal; text-align: left; visibility: visible; margin: 10px 0 0 20px; padding: 0 }
h3.invisible { display: none }
h4 { color: #333; font-size: 12px; font-style: oblique; font-weight: bold; text-transform: uppercase; margin: 25px 5px 8px 20px; padding: 0 }
h5 { color: #339; font-size: 13px; text-transform: uppercase; margin: 20px 0 5px 15px; padding-left: 20px }
h6 { font-size: 12px; font-weight: bold; margin: 15px 0 -5px 15px; padding: 0 0 0 5px; border-left: 2px solid #f80 }
p { color: #333; font-size: 13px; line-height: 16px; text-align: justify; margin: 8px 60px 15px 20px }
strong {
font-weight: bold
}
a:link, a:visited { color: #036; text-decoration: none }
a:hover, a:active { color: #ea712a; text-decoration: underline }
acronym {
color: #6c0;
cursor: help
}
table.tabreferences tr td {
text-align: center;
vertical-align: middle;
width: 160px;
height: 70px;
background-image: url("../IMAGES/cadre_ref.jpg");
background-position: center center;
background-repeat: no-repeat;
}
table.tabreferences tr td.vide {
background-image: none;
}
span { visibility: hidden }
span.adage { color: #f00; font-size: 16px; font-style: italic; font-weight: bold; text-transform: lowercase; letter-spacing: 1px; visibility: visible }
span.adagesa { color: #f00; font-weight: bold; font-style: normal; text-transform: uppercase; visibility: visible }
span.optygate { color: #666; font-size: 14px; font-style: italic; font-weight: bold; text-transform: uppercase; letter-spacing: 0; visibility: visible }
span.mobty { color: #004cff; font-size: 14px; font-style: italic; font-weight: bold; text-transform: uppercase; letter-spacing: 0; visibility: visible }
span.bold { font-weight: bold; visibility: visible }
img { margin: 0; padding: 0; border-width: 0 }
hr { visibility: hidden; clear: both }
/**/
/**/
body>#page>#conteneur { height: auto; min-height: 520px }
#page { background-image: url("../IMAGES/page_fd.gif"); background-repeat: repeat-y; background-position: left top; margin: 0 auto; padding: 0; position: relative; width: 910px }
#entete { background-image: url("../IMAGES/page_entete.gif"); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; position: absolute; top: 0; left: 0; width: 910px; height: 190px }
#visuel { position: absolute; z-index: 1; top: 240px; left: 30px }
#conteneur { margin: 0 0 0 30px; padding: 260px 0px 0px 0px !important; padding: 270px 0px 0px 0px; position: relative; width: 650px; }
#actualite { position: absolute; top: 205px; left: 710px; width: 180px }
#menu { background-image: url("../IMAGES/menu_fd.gif"); background-repeat: no-repeat; background-position: left bottom; margin-left: 10px; position: absolute; z-index: 2; top: 190px; left: 20px; width: 660px; height: 35px }
#pied { color: #fff; font-size: 10px; background-image: url("../IMAGES/pied_fd.gif"); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 70px 0 0; width: 910px; height: 20px }
/**/
/**/
h1 { margin: 0; padding: 0; position: absolute; z-index: 1; top: 28px; left: 10px; width: 220px; height: 130px; border-width: 0 }
h2 { background-image: url("../IMAGES/h2_fd.jpg"); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; position: absolute; top: 30px; left: 290px; width: 570px; height: 150px }
/**/
/**/
#conteneur p.chapeau { color: #666; font-size: 13px; font-style: italic; font-weight: normal; line-height: 24px; text-align: left; margin: 15px 0 15px 20px; padding: 0 }
#conteneur p.chapeauR { color: #666; font-size: 13px; font-style: italic; font-weight: normal; line-height: 13px; text-align: left; margin: 15px 0 25px 20px; padding: 0 }
#conteneur p.erreur { color: #D40000; font-size: 13px; font-style: italic; font-weight: bold; line-height: 13px; text-align: left; margin: 5px 0 10px 20px; padding: 0 }
#conteneur p.navigation { color: #999; font-size: 12px; font-style: italic; line-height: 17px; text-align: right; margin: 20px 0 0 20px; padding: 5px 5px 0 0; width: 95%; clear: both; border-top: 1px dotted #ebebeb }
#conteneur p.navigation a { color: #666; font-size: 10px; background-image: url("../IMAGES/pct_retour.gif"); background-repeat: no-repeat; background-position: left center; text-transform: uppercase; padding-left: 15px }
#conteneur ul li { color: #333; font-size: 14px; line-height: 16px; background-image: url("../IMAGES/pct_li.gif"); background-repeat: no-repeat; background-position: left top; text-align: justify; list-style-type: none; margin-top: 8px; margin-bottom: 8px; margin-left: 20px; padding-left: 18px }
#conteneur hr { visibility: hidden; clear: both }
/**/
/**/
#encadre { background-image: url("../IMAGES/encadre_fd.gif"); background-repeat: no-repeat; background-position: left top; margin-top: 30px; width: 650px }
#encadre h4 { color: #f80; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; background-image: url("../IMAGES/encadre_h4.gif"); background-repeat: no-repeat; background-position: left top; margin: 20px 0 0 10px; padding-left: 10px; width: 180px; height: 150px; float: left }
#encadre p { color: #666; font-size: 12px; line-height: 14px; text-align: left; margin: 10px 0 5px; padding: 0; width: 325px !important; width: 315px; float: left }
#encadre img.btnSolutions { margin: 40px 0 0 5px; padding: 0; width: 100px; height: 120px }
#encadreBas { background-image: url("../IMAGES/encadre_fd_bas.gif"); background-repeat: no-repeat; background-position: left bottom; width: 650px; height: 30px; clear: both; border-color: }
/**/
/**/
#actualite h3 { color: #f80; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; background-image: url("../IMAGES/actualite_fd_h3.gif"); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 25px 0 0; border-width: 0 }
#actualite p.date { color: #666; font-size: 11px; text-align: right; margin: 0 0 7px }
#actualite h4 { color: #f80; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; background-color: transparent; text-align: left; text-transform: none; margin: 0 0 4px; padding: 0 }
#actualite p { text-align: left; margin: 0 0 7px; padding: 0 }
#actualite p a.resume { color: #f80; font-size: 12px; text-decoration: none; text-align: left; margin: 0; padding: 0; border-width: 0 }
#actualite p a.resume:hover { color: #f80; font-size: 12px; text-decoration: underline; text-align: left; margin: 0; padding: 0; border-width: 0 }
#actualite p a.voirListe { color: #666; font-size: 12px; text-decoration: underline; text-align: left; margin: 0 0 0 12px; padding-right: 5px; padding-left: 5px; border-right: 1px solid #666; border-left: 1px solid #666 }
/**/
/**/
#encadreNewsletter { background-image: url("../IMAGES/encadre_newsletter_fd.gif"); background-repeat: no-repeat; background-position: left top; margin-top: 0px; width: 650px }
h4.actualite { color: #f80; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; background-color: transparent; text-align: left; text-transform: none; margin: 0 0 4px; padding: 0; font-style: normal; display: inline; }
#encadre ul { color: #333; font-size: 13px; line-height: 14px; text-align: left; margin: 10px 0 5px; padding: 0; width: 315px; float: left }
#encadreBas.newsletter { background-image: url("../IMAGES/encadre_fd_bas.gif"); background-repeat: no-repeat; background-position: left bottom; width: 650px; height: 30px; clear: both; border-color: }
/**/
/**/
#conteneur p.actualite_r { color: #f80; font-size: 13px; font-weight: bold; text-transform: none; margin: 20px 0 0 20px }
#conteneur span.deconnect { color: #999; font-size:10px; font-weight: normal; visibility: visible; margin: 0 0 0 20px }
#conteneur span a.dec { color: #999; font-size: 10px; font-weight: normal; text-decoration: none }
#conteneur span a.dec:hover { color: #666; font-size: 10px; font-weight: normal; text-decoration: underline }
#conteneur a.resume_r { color: #2D6294; font-size: 12px; font-weight: normal; text-decoration: none }
#conteneur a.resume_r:hover { color: #f80; font-size: 12px; font-weight: normal; text-decoration: underline }
#encadreSolutions_r { background-image: url("../IMAGES/encadre_solutionsr_fd.gif"); background-repeat: no-repeat; background-position: left top; margin-top: 30px; width: 650px; border: 1px solid #fff;}
#encadreBasSolutions_r { background-image: url("../IMAGES/encadre_solutionsr_bas.gif"); background-repeat: no-repeat; background-position: left bottom; width: 650px; height: 30px; clear: both; border-color: }
#conteneur h3.solutions { color: #f80; }
#conteneur p.chapeau img { display: block; margin: -40px 0 20px; padding: 0; width: 160px }
#conteneur p.plaquette { font-size: 12px; font-weight: bold; text-align: left; margin: 40px 0 0 20px; padding: 15px 5px 15px 0; width: 95%; clear: both; border-top: 0px dotted #666; border-bottom: 0px dotted #666 }
#conteneur p.plaquette a { color: #2392c4; font-size: 14px; font-weight: bold; text-decoration: none; background-image: url("../IMAGES/pct_pdf2.gif"); background-repeat: no-repeat; background-position: left top; text-align: center; padding-top: 4px; padding-bottom: 4px; padding-left: 20px }
#conteneur p.plaquette a:hover { color: #2392c4; font-size: 14px; font-weight: bold; text-decoration: none; background-image: url("../IMAGES/pct_pdf2.gif"); background-repeat: no-repeat; background-position: left top; text-align: center; padding-top: 4px; padding-bottom: 4px; padding-left: 20px; border-bottom: 2px solid #2392c4 }
#conteneur p.legende { color: #666; font-size: 11px; line-height: 13px; text-align: left; margin-top: 8px; margin-bottom: 30px; margin-left: 20px }
#conteneur img.getAcro { margin: 0 10px 0 0; padding: 0; float: left; border-width: 0 }
#conteneur ul.solutionsliste li { color: #666; font-weight: bold; font-size: 14px; background-image: none; margin: 0px; padding-top: 0px; }
#conteneur ul.solutionsliste { margin-left: 70px; margin: 0px }
#encadreSolutions { background-image: url("../IMAGES/encadre_solutions_fd.gif"); background-repeat: no-repeat; background-position: left top; margin-top: 0px; width: 650px }
#encadreSolutions h4 { color: #f80; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; background-image: url("../IMAGES/encadre_solutions_h4.gif"); background-repeat: no-repeat; background-position: left top; margin: 20px 0 0 10px; padding-left: 10px; width: 190px; height: 150px; float: left }
#encadreSolutions ul { color: #333; font-size: 13px; line-height: 14px; background-image: none; text-align: left; list-style-type: none; margin: 18px 0 0; padding: 0; width: 320px; float: left }
#encadreSolutions li { line-height: 30px; background-image: none !important; text-align: left; list-style-type: none; margin-bottom: 5px; padding: 0 }
#encadreSolutions li a { color: #666; font-size: 14px; font-weight: bold; text-transform: uppercase }
#encadreSolutions img { display: inline; margin: 0; padding: 0; width: 160px; height: 50px; float: left; clear: none }
#encadreSolutions img.btnSolutions { margin: 40px 0 0 5px; padding: 0; width: 100px; height: 120px }
#encadreBasSolutions { background-image: url("../IMAGES/encadre_solutions_bas.gif"); background-repeat: no-repeat; background-position: left bottom; width: 650px; height: 30px; clear: both; border-color: }
/**/
/**/
#conteneur h3.produits { color: #cc0 }
/**/
/**/
#conteneur h3.newsletter { color: #f80 }
#conteneur span.date { color: #999; font-style: italic; visibility: visible }
#encadreNewsletter { background-image: url("../IMAGES/encadre_newsletter_fd.gif"); background-repeat: no-repeat; background-position: left top; margin-top: 30px; width: 650px }
#encadreNewsletter ul { color: #333; background-image: none; margin: 0 0 0 20px; padding: 25px 0 0 }
#encadreNewsletter li { background-image: url("../IMAGES/pct_pdf.gif") !important; background-repeat: no-repeat !important; background-position: left top !important; text-align: left !important; list-style-type: none !important; margin-bottom: 20px !important; padding-left: 40px !important }
/**/
/**/
#conteneur h3.references { color: #f00; }
#conteneur ul.ref { margin: 0; padding: 0 }
#conteneur li.ref { color: #f00; text-decoration: none; background-image: url("../IMAGES/ref_fd_li.gif"); background-repeat: no-repeat; background-position: left top; list-style-type: none; display: inline; padding: 10px 0 0 20px; width: 170px; height: 70px; float: left }
#conteneur li.ref a img { margin: 5px 0px 5px !important; border-width: 2px !important; border-color: #c06 !important }
#conteneur li.ref a { color: #fff; font-size: 10px; text-decoration: none; margin: 0; padding: 0 }
/**/
/**/
div.actualite { margin-right: auto; margin-left: auto; padding-bottom: 5px; border-right: #666; border-bottom: #666; border-left: #666 }
#conteneur h3.actualites { color: #999 }
#conteneur div.actualite h4 { color: #f80; font-size: 14px; font-weight: bold; text-transform: none; margin: 0 0 0 20px }
#conteneur p.date { color: #666; font-size: 11px; font-style: italic; line-height: 12px; text-align: left; margin: 0px 0 0 0px; padding: 0 }
div.actualite img.vgn { display: inline; margin: 10px 10px 0 20px; padding: 0; float: left; clear: none }
div.actualite img { margin: 0 0 5px 15px; padding: 0; float: right }
/**/
/**/
#conteneur h3.support { color: #2392c4 }
#conteneur ul ul li { color: #333; font-size: 13px; line-height: 15px; background-image: none; text-align: justify; list-style-type: square; margin: 0 0 0 20px; padding: 0 }
/**/
/**/
#conteneur h3.contact { color: #666; }
#encadreContact { background-image: url("../IMAGES/encadre_contact_fd.gif"); background-repeat: no-repeat; background-position: left top; margin-top: 0px; width: 650px }
#encadreContact h4 { color: #f80; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; background-image: url("../IMAGES/encadre_contact_h4.gif"); background-repeat: no-repeat; background-position: left top; margin: 20px 0 0 10px; padding-left: 10px; width: 150px; height: 150px; float: left }
#encadreContact p { color: #666; font-size: 15px; line-height: 17px; text-align: left; margin: 33px 0px 5px 25px; padding: 0; width: 315px; float: left; }
#encadreContact img.btnSolutions { margin: 40px 0 0 20px !important; margin-left: 8px; padding: 0; width: 100px; height: 120px }
#encadreBasContact { background-image: url("../IMAGES/encadre_contact_fd_bas.gif"); background-repeat: no-repeat; background-position: left bottom; width: 650px; height: 30px; clear: both; border-color: }
#conteneur label { text-align: right; margin-right: 10px; width: 150px; float: left; clear: none }
#conteneur form { background-color: #ebebeb; background-image: url("../IMAGES/encadre_formulaire_fd.gif"); background-repeat: no-repeat; background-position: left top; text-align: right; padding: 10px 0 0; width: auto }
#conteneur textarea { width: 300px; height: 130px }
#conteneur input { width: 300px }
#conteneur input.bouton { display: inline; margin-left: 370px; width: auto }
#conteneur fieldset { margin-left: 0 !important; padding: 5px; border-width: 0 }
#conteneur legend { color: #2392c4; font-size: 12px; font-weight: bold; margin-left: 20px !important; padding: 5px }
#encadreBasFormulaire { background-image: url("../IMAGES/encadre_formulaire_bas.gif"); background-repeat: no-repeat; background-position: left bottom; width: 650px; height: 30px; clear: both; border-color: }
/**/
/**/
#popUp { background-color: #fff; background-image: none; padding-right: 10px; padding-left: 10px }
#popUp h3 { color: #2392c4; margin-left: 0; padding-left: 0 }
#popUp h4 { color: #fff; background-color: #cc0; margin-left: 0 !important; padding: 5px }
#popUp h5 { color: #333; margin-left: 0 !important; padding-left: 0 !important; border-bottom: 1px solid #333 }
#popUp p { color: #333; font-size: 12px; line-height: 14px; text-align: justify; margin: 8px 10px 0 0 }
#popUp li { color: #333; font-size: 12px; line-height: 14px; text-align: justify; margin: 8px 10px 0 0 }
#popUp p.fermer { text-align: right; margin: 5px 0; padding-bottom: 2px; padding-left: 20px }
#popUp p.fermer a { font-size: 11px; background-image: url("../IMAGES/pct_fermer.gif"); background-repeat: no-repeat; background-position: left center; text-align: right; margin: 5px 0; padding-bottom: 2px; padding-left: 13px }
/**/
/**/
#menu h3 { display: none }
#menu ul { list-style-type: none; margin: 0; padding: 0 }
#menu li { line-height: 30px; list-style-type: none; list-style-image: none; display: inline; margin: 0; padding: 0; height: 30px }
#menu span { display: none }
#menu img { margin: 0; padding: 0; border-width: 0 }
#smenu1 { line-height: 25px; background-color: #f5f5f5; background-image: url("../IMAGES/pct_coin_menu.gif"); background-repeat: no-repeat; background-position: left top; padding-top: 4px; padding-left: 25px; position: absolute; top: 34px; left: 215px; width: 405px; height: 25px }
#smenu1 li { line-height: 25px; display: inline; margin: 0; padding: 0 }
#smenu1 a { color: #666; font-size: 12px !important; font-weight: normal; margin-right: 0px; padding-left: 4px; border-left: 1px solid #999 }
#smenu1 a:hover { color: #2392c4; font-size: 12px !important; font-weight: normal; margin-right: 0px; padding-left: 4px; border-left: 1px solid #999 }
#smenu2 { line-height: 25px; background-color: #f5f5f5; background-image: url("../IMAGES/pct_coin_menu.gif"); background-repeat: no-repeat; background-position: left top; padding-top: 4px; padding-left: 25px; position: absolute; top: 34px; left: 307px; width: 313px; height: 25px }
#smenu2 li { line-height: 25px; display: inline; margin: 0; padding: 0 }
#smenu2 a { color: #666; font-size: 12px !important; font-weight: normal; margin-right: 0px; padding-left: 4px; border-left: 1px solid #999 }
#smenu2 a:hover { color: #cc0; font-size: 12px !important; font-weight: normal; margin-right: 0px; padding-left: 4px; border-left: 1px solid #999 }
/**/
/**/
#pied a:link, #pied a:hover, #pied a:visited { color: #fff; text-decoration: none }
#pied a:hover { color: #2392c4; text-decoration: none }
#lsv { display: inline; margin-left: 8px }
#w3c { display: inline; margin-left: 5px; padding-left: 5px; border-left: 1px solid #f8f9f8 }
/**/
/**/
#conteneur div.extras { background-image: url("../IMAGES/extras_fd.gif"); background-repeat: no-repeat; background-position: right bottom; padding-bottom: 5px; position: absolute; right: -210px; width: 180px; } /* bottom: 10px */
#conteneur div.extras ul { margin: 0; padding: 0 }
#conteneur div.extras li { background-image: none; text-align: center; list-style-type: none; margin: 0 0 10px; padding: 0 }
#conteneur div.extras h4 { color: #666; font-size: 11px; font-style: oblique; font-weight: normal; line-height: 25px; background-image: url("../IMAGES/extras_h4.gif"); background-repeat: no-repeat; background-position: left top; text-align: center; text-transform: none; margin: 0; padding: 5px 0 0; height: 20px }
/*#conteneur div.extras img { width: 90px }*/
/**/
#conteneur h3.revendeurs { color: #cccc00; }
.normal{ color: #333; font-size: 13px; line-height: 16px; text-align: justify; margin: 8px 60px 15px 20px; visibility: visible }
#cadrpg { width:200px; margin:0 auto; border:0; overflow:hidden;}
#newshr { position:relative; width:180px; height:100px; overflow:hidden;
color:inherit; background:#FFFFFF url(news.gif); border-top:1px solid white; border-bottom:1px solid white; }
#defile { position:absolute; margin-top:1px; background-color:transparent; }