@charset "utf-8";
body { margin: 0; padding: 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; }
img { border:0px; }
h1 { font-size:200%; text-align:center; margin-top:10px; margin-bottom:10px; font-weight:400; color:#3b89cb; }
a:link, a:visited { text-decoration:none; color:#333; }
a:hover, a:active { color:#399ef3; }
#logo { padding-top:12px; padding-left:12px; padding-right:15px; padding-bottom:0px; background-color:#f5f5f5; height:61px; width:170px; float:left; }

/* debut du menu horizontal */
#menu-haut { height:72px; background-color:#f5f5f5; margin-left:201px; border-bottom:solid 1px #e5e5e5; }
#lien { position:absolute; top:0px; left:195px; height:72px; width:902px; border-bottom:solid 1px #e5e5e5; background-color:#f5f5f5; }
#nav-header, #nav-header ul { border: 0; padding-top: 30px; padding-bottom:0px; padding-left:0px; margin: 0; list-style-type: none; list-style-image: none; list-style-position: outside; line-height: 1; text-align:left; }
#nav-header li { float:left; border-left: solid 1px #e5e5e5; padding-top:12px; padding-bottom:13px; }
#nav-header li.page { background-color:#fff; border-bottom:solid 1px #fff; }
#nav-header li:hover { background-color:#fff; border-bottom:solid 1px #fff; border-left:solid 1px #e5e5e5; }
#nav-header a { color:#399ef3; text-decoration:none; font-size:140%; padding-top:12px; padding-bottom:13px; padding-left:40px; padding-right:40px; }
#nav-header li.first { border-left:solid 1px #f5f5f5; }
#nav-header li.first:hover { border-left: solid 1px #e5e5e5; }
#nav-header li.last { border-right: solid 1px #f5f5f5; }
#nav-header li.last:hover { border-right:solid 1px #e5e5e5; }
#nav-header li.page-last { background-color:#fff; border-right: solid 1px #e5e5e5; border-bottom:solid 1px #fff; }
/* fin du menu horizontal */

/* debut du menu de gauche */
.rubrique, #rubrique { width:170px; height:20px; padding-top: 7px; padding-bottom:5px; padding-left:27px; padding-right:10px; background-color:#f5f5f5; color:#3b89cb; font-size: 130%; font-weight: 700; text-transform: uppercase; border: solid 1px #e5e5e5; }
#menu-gauche { height:870px; width:195px; background-color:#f5f5f5; border-right:solid 1px #e5e5e5; padding-top:14px; }
.menu, #menu { width:170px; padding-top:0px; margin-left:20px; margin-right:10px; margin-bottom:30px; }
.nav, #nav { width:170px; list-style:none; padding:0; margin:0; }
.nav li, #nav li { padding-top:8px; padding-bottom:8px; margin-right:10px; margin-left:0px; border-bottom: solid 1px #e5e5e5; }
.nav li:hover, #nav li:hover { background-color:#fff; }
.nav li.sfhover, #nav li.sfhover { background-color:#fff; }
.nav li.page-prod, #nav li.page-prod { background-color:#fff; }
.nav li a, #nav li a { padding-bottom:8px; padding-top:8px; padding-left:8px; font-size:16px; text-decoration:none; color:#399ef3; }
/* fin du menu de gauche */

/* Début de la page d'acceuil */
#main { position:absolute; top:74px; left:195px; height:auto; width:900px; border-top:none; border-bottom:none; }
#acceuil { margin:30px; height:270px; border: solid 1px #e5e5e5; }
#acceuil div { margin: 15px 10px 15px 15px;font-size:110%; line-height:1.25; width:57%; float:left; }
#acceuil div p {margin:0; padding:0 0 7px 0;}
#acceuil img { margin:15px 0;}

/* 6 Blocs de la page d'accueil */
.bloc-home { height:261px; margin-left:30px; margin-right:30px; }
.bloc-gauche { width:32%; height:240px; border: solid 1px #e5e5e5; margin:0; float:left; }
.bloc-centre { width:32%; height:240px; border: solid 1px #e5e5e5; margin-right:281px; margin-left:285px; margin-bottom:0; margin-top:0; }
.bloc-droit { width:32%; height:240px; border: solid 1px #e5e5e5; float:right; margin:0; margin-top:-242px; padding:0; }
.legende { position:relative; top:0px; left:0px; height:25px; border-top: solid 1px #e5e5e5; background-color:#f5f5f5; padding-top:5px; margin-top:-4px; }
.legende a { font-size:16px; text-decoration:none; color:#399ef3; padding-top:6px; padding-bottom:6px; }
/* Fin des 6 blocs de la page d'acceuil */

#info { margin-left:30px; margin-bottom:10px; font-size:10px; color:#999; }
/* Fin de la page d'acceuil */

/* Début des pages produits */
#description { margin:30px; margin-bottom:0px; height:auto; border: solid 1px #e5e5e5; border-bottom:solid 1px #dddddd; }
#description p { margin:15px; font-size:120%; text-align:justify; line-height:1.3; }
.produits { margin:30px; margin-top:0px; height:auto; border: solid 1px #dddddd; border-bottom:none; border-top:none; }
.titre-1 { float:left; width:156px; padding:8px; font-weight:bold; text-align:center; border-right: solid 1px #dddddd; }
.titre-2 { text-align:center; padding:8px; font-weight:bold; border-bottom: solid 1px #dddddd; }
.titre-3 { float:right; width:442px; padding:8px; padding-right:130px; font-weight:bold; text-align:center; border-left: solid 1px #dddddd; }
.modeles { float:left; width:172px; font-weight:bold; text-align:center; border-right: solid 1px #e5e5e5; }
.img { float:left; height:70px; border-right: solid 1px #e5e5e5; }
.modele-text { float:right; width:70px; height:44px; margin-top:26px; }
.capacites { text-align:center; padding-top:26px; height:44px; border-bottom: solid 1px #e5e5e5; }
.proprietes { float:right; width:580px; height:70px; text-align:center; border-left: solid 1px #e5e5e5; }
.logo { width:auto; float:right; }
.text { float:left; width:430px; margin-top:26px; margin-left:5px; }
.atex { float:left; padding-right:5px; padding-left:5px; padding-top:3px; padding-bottom:3px; border-right:solid 1px #e5e5e5; border-left:solid 1px #e5e5e5; }
.oiml { float:right; margin-left:5px; margin-right:5px; padding-top:3px; padding-bottom:3px; width:60px; }
/* Fin des pages produits */

/* Debut des fiches produits */
#titre { margin:30px; margin-bottom:0; border:solid 1px #e5e5e5; }
#tr { height:100%; margin-left:30px; margin-right:30px; }
#img { width:217px; height:auto; float:left; text-align:center; padding-top:10px; padding-bottom:10px; border:solid 1px #e5e5e5; border-top:none; }
#specification { width:620px; height:auto; padding-top:20px; float:right; }
#pdf { width:217px; text-align:center; float:left; padding-top:10px; border:solid 1px #e5e5e5; border-top:none; }
#pdf a { color:#399ef3; }
#pdf a:hover { text-decoration:underline; }
#contact { height:90px; margin-left:30px; margin-right:30px; padding:10px; border:solid 1px #e5e5e5; border-top:none; font-size:120%; }
#contact p { padding:0; margin-top:0; line-height:1.4; font-size:11px; }
#contact p em { color:#808080; }
#contact a { color:#399ef3; }
#contact a:hover { text-decoration:underline; }
/* Fin des fiches produits */

/* Début de la page sensy */
#sensy { width:818px; margin:30px; margin-bottom:20px; padding:10px; float:left; border:solid 1px #e5e5e5; }
#sensy div { float:left; width:478px; margin-left:10px; margin-right:20px; text-align:justify; font-size:120%; }
#sensy div p { margin-top:0px; }
#sensy h1 { margin-top:0; margin-bottom:20px; }
#sensy img { float:right; margin-right:10px; }
#plan { margin:30px; padding:20px; border:solid 1px #e5e5e5; border-top:none; }
/* Fin de la page sensy */

/* Début du formulaire */
#form {margin:30px;font-size:120%;border:solid 1px #e5e5e5;background-color:#fff;}
#form h1 {border-bottom:solid 1px #e5e5e5;padding-bottom:10px;text-align:center; font-size:170%;}  
#input {width:400px;height:auto;margin:0 auto;}
label {padding:5px 0px; display:block;}
input, textarea {width:400px;padding:4px 5px;border:solid 1px #ccc;color:#333;}
textarea {height:200px;}
input[type="submit"] {width:150px;font-size:120%;font-weight:bold;}
#valid {margin:0px 35px 10px 35px;padding:0px 30px 5px 30px;background:#fdfdfd;background:rgba(240, 240, 240, 0.3);border:solid 1px #999;border-radius:3px;-moz-border-radius: 3px;-wekbit-border-radius:3px;}
#test {visibility:hidden;}
/* Fin du formulaire */

/* Début de la page sur mesure */
#mesure { margin:30px; margin-top:0px; padding:10px; border:solid 1px #e5e5e5; border-top:none; }
#anim { margin-left:10%; margin-right:10%; }
/* Fin de la page sur mesure */

.download { margin:0 30px; padding:20px; border:solid 1px #e5e5e5; border-top:none; }
.download div { margin-right:30px; font-size:120%; width:55%; float:left; }
.download div h3 { padding:0px; margin:0px; font-size:140%; color:#666; }
.button { width:438px; margin-top:-50px }
.button img { margin:0px 0px 0px 150px; }
/* 404 */
.oops {font-size:190%; padding:0 0 0 15px;}
.cause {padding:0 0 0 15px;}
.help {font-size:150%;padding:5px 0 0 15px;}
.solution {list-style:inherit;padding:0 30px;font-size:110%;}
.solution li {padding:3px 0;}