@charset "utf-8";
/* Copyright Cryotec.fr */
body,textarea,input,select{font-family:Trebuchet MS,Helvetica,sans-serif;}
body{background-color:#4073a0;}
#conteneur,#boite-entete,#boite-corps,#boite-pied{width:100%;text-align:center;}
.gauche{float:left;width:746px;}
.bloc{display:block;}
.droite{float:right;width:242px;}
#entete,#corps,#pied{width:998px;margin:0 auto;text-align:left;}
#boite-entete{background:#a4a4a4 url(/img/entete-fond.jpg) bottom left repeat-x;}
#entete{min-height:274px;position:relative;}
#logo-banniere-menu{}
/* nom et logo */
#nom-logo{float:left;width:248px;height:199px;}
#nom,#logo{display:block;width:234px;background-color:#fff;text-align:center;text-decoration:none;}
#nom-logo a.bordure{border-color:#5c5e60;}
#nom-logo a:hover.bordure{border-color:#072e50;}
#nom{min-height:35px;padding:10px 0 5px;margin-bottom:7px;border-top:none;font-size:2.2em;color:#0d4283;}
#nom span.extension{font-size:0.8em;color:#71d4fa;}
#logo{height:122px;}
#logo img{margin:15px 10px 15px 0;}
/* bannière */
#banniere.bordure{float:right;width:474px;height:192px;border-color:#8d8e8f;border-top:0;}
#banniere.bordure img{display:block;}
/* menu principal */
#menu-principal.bordure{position:absolute;bottom:0;left:0;width:732px;min-height:37px;margin:2em 0 0;border-color:#4d4f51;border-bottom:0;background:#fefefe url(/img/menu-fond.jpg) bottom left repeat-x;}
#menu-principal ul.menu{}
#menu-principal ul.menu li{font-size:1.2em;}
#menu-principal ul.menu li a{display:block;padding:10px 8px 12px 8px;text-transform:uppercase;text-decoration:none;border-top:5px solid #fff;color:#868c85;}
#menu-principal ul.menu li.premier a{padding-left:14px;}
#menu-principal ul.menu li.dernier a{padding-right:14px;}
#menu-principal ul.menu li a:hover{border-top:5px solid #4fb8ea;color:#fff;background:#599eda url(/img/menu-actif-fond.jpg) bottom left repeat-x;}
#menu-principal ul.menu li.actif a{border-top:5px solid #4d4f51;color:#fff;background:#26a0df url(/img/menu-survol-fond.jpg) bottom left repeat-x;}
/* sous-menu */
#menu-principal ul.menu li ul{position:absolute;top:37px;left:-999em;background-color:#2a7cc4;}
#menu-principal ul.menu li:hover ul,#menu-principal ul.menu li.sfhover ul{left:auto;}
#menu-principal ul.menu li ul li{float:none;display:inline;font-size:1em;}
#menu-principal ul.menu li ul li a,#menu-principal ul.menu li.actif ul li a{display:block;min-width:150px;padding:6px 12px;text-transform:none;text-decoration:none;border:0;color:#fff;background:#26a0df none;}
#menu-principal ul.menu li ul li a:hover,#menu-principal ul.menu li.actif ul li a:hover{text-decoration:underline;border:0;color:#2a7cc4;background:#e8e9eb none;}
#menu-haut-panneau{}
/* menu du haut */
#menu-haut{margin:7px 0;}
#menu-haut ul.menu{}
#menu-haut ul.menu li{color:#797979;}
#menu-haut ul.menu li a{color:#e7e8e8;text-decoration:none;}
#menu-haut ul.menu li a:hover{color:#fff;text-decoration:underline;}
/* panneau du haut */
#menu-haut-panneau .panneau{border-color:#5387b3;margin:20px 0;}
#les-produits{}
#menu-haut-panneau #les-produits h2 a{color:#5387b3;}
#menu-haut-panneau #les-produits h2 a:hover{color:#fff;}
#menu-haut-panneau .panneau ul{}
#menu-haut-panneau .panneau ul li{display:inline;font-size:1.3em;}
#menu-haut-panneau .panneau ul li a{display:block;padding:10px 20px;text-decoration:none;color:#84c5ff;background-color:#585c5f;border-bottom:1px dotted #6b8c9a;}
#menu-haut-panneau .panneau ul li.dernier a{border:0;}
#menu-haut-panneau .panneau ul li a:hover{text-decoration:underline;color:#c3d3f5;background-color:#65696d;}
#boite-corps{background-color:#fff;}
#corps{background-color:#fff;}
/* fil d'ariane */
#fil-ariane-contenu a{color:#389ef7;text-decoration:none;}
#fil-ariane-contenu a:hover{text-decoration:underline;}
#fil-ariane,#contenu{margin:0 7px;}
#fil-ariane p{margin:20px 0 0;text-align:right;}
/* contenu de texte */
#contenu{margin:0 0 10px;}
#contenu h1{margin:0 0 10px;}
#contenu h2,#contenu #formulaire caption{margin:20px 0 10px;text-transform:uppercase;}
#contenu #formulaire caption{font-size:2.4em;}
#contenu h3{margin:10px 0;text-transform:uppercase;line-height:1.6em;}
#contenu h3.marge-nulle{margin:0;padding:0;}
#contenu h4{margin:10px 0;line-height:1.5em;}
#contenu h5{margin:10px 0;line-height:1.4em;}
#contenu h6{margin:10px 0;line-height:1.3em;}
#contenu p{font-size:1.3em;line-height:1.6em;text-align:justify;}
#contenu ul{font-size:1.3em;line-height:1.6em;}
#contenu ul#plan{font-size:1.8em;line-height:1.6em;}
#contenu ul#plan li{padding:10px 0 5px;margin:10px 0 5px;border-top:1px solid #389ef7;}
#contenu ul#plan li.dernier{padding:10px 0 20px;margin:10px 0 20px;border-bottom:1px solid #389ef7;}
#contenu ul ul{font-size:1em;margin:0 20px;}
#contenu ul#plan ul{font-size:0.8em;margin:0 20px;}
#contenu ul#plan ul li{padding:5px 0 0px;margin:5px 0 0px;border-top:0;}
#contenu a{color:#072e50;text-decoration:underline;}
#contenu a:hover{color:#389ef7;text-decoration:underline;}
#contenu hr{width:auto;margin:10px 0;}
#contenu .couleur{color:#389ef7;}
#contenu img.bordure{border-color:#c3d3f5;}
#contenu img.ouest{margin-right:20px;}
#contenu #haut-page{margin:20px 0 0;font-size:1.2em;text-align:right;}
#contenu #trois-boites{margin:20px 0 10px;}	
#contenu #trois-boites h2{margin:0;padding:0;}	
#contenu #trois-boites h2 a{display:block;font-weight:normal;font-size:1em;color:#fff;text-decoration:none;}
#contenu #trois-boites h2 a strong{font-size:1.2em;}
#contenu #trois-boites .un-tiers{float:left;width:255px;}
#contenu #trois-boites .deux-tiers{float:left;width:470px;}	
#contenu #trois-boites h2 a{color:#389ef7;}	
#contenu #trois-boites .deux-tiers .deux-tiers-a h2 a{color:#828282;}
#contenu #trois-boites .deux-tiers .deux-tiers-b h2 a{color:#0A3A63;}	
#contenu #trois-boites .deux-tiers .deux-tiers-a{margin-bottom:20px;}
#contenu #trois-boites .marge-droite{margin-right:20px;}
/* carte google maps */
#carte{width:732px;height:460px;border:7px solid #ddd;margin:10px 0 0;}
p#informations{ width:280px;padding:0 10px 25px 10px;margin:0;}
#carte a.bouton-zoom{display:block;cursor:pointer;font-size:2em;padding:0.1em 0.25em;text-align:center;border-bottom:7px solid #ddd;border-left:7px solid #ddd;text-decoration:none;font-weight:bold;color:#fff;background-color:#aaa;}
#carte a.bouton-zoom:hover{color:#fff;background-color:#389ef7;}
/* formulaire */
#contenu #formulaire{width:706px;margin:20px 0;padding:0 20px 10px 20px;border:1px solid #dedede;}
#contenu #formulaire caption{color:#35A1F9;font-size:1.6em;line-height:1.6em;}
#contenu #formulaire caption a{text-decoration:none;}
#contenu #formulaire table{font-size:1.3em;line-height:1.4em;}
#contenu #formulaire table table{font-size:1em;}
#contenu #formulaire table fieldset{background:#E5F7FE;margin:10px 0 0 0;}
#contenu #formulaire table fieldset legend{padding:5px 10px;color:#196DB6;background:#E5F7FE;}
#contenu #formulaire table td.a-droite input{margin:0 0 0 auto;}
#contenu #formulaire table td.tdCase{width:20px;padding:5px 0 5px 10px;}
#contenu #formulaire table td.largeur20{width:20px;}
#contenu #formulaire table td.tdLarge{width:668px;}
/* panneau - à propos */
#panneaux #a-propos{border-color:#cbcbcb;background-color:#e6e7e7;}
#panneaux #a-propos h3{color:#072e50;}
#panneaux #a-propos ul{margin:10px 5px;}
#panneaux #a-propos .retour{height:10px;}
#panneaux #a-propos ul li{color:#acb1bb;white-space:nowrap;}
#panneaux #a-propos ul li em{font-style:normal;}
#panneaux #a-propos ul li strong{font-weight:normal;}
#panneaux #a-propos ul li a{color:#676c75;text-decoration:none;}
#panneaux #a-propos ul li a:hover{color:#196db6;text-decoration:underline;}
/* panneau - client en vedette */
#panneaux #client-en-vedette{border-color:#b8e9fc;}
#panneaux #client-en-vedette h3 a{color:#196db6;background-color:#072e50;}
#panneaux #client-en-vedette h3 a:hover{color:#072e50;background-color:#196db6;}
#panneaux #client-en-vedette a.logo{display:block;width:228px;height:119px;}
/* panneau - coordonnées */
#panneaux #coordonnees{border-color:#e3e3e3;background-color:#02182a;margin-bottom:20px;}
#panneaux #coordonnees h3{margin-bottom:5px;}
#panneaux #coordonnees h3 a{color:#072e50;background-color:#389ef7;}
#panneaux #coordonnees p{color:#71d4fa;margin:0 10px;}
#panneaux #coordonnees p .couleur{color:#196db6;}
#panneaux #coordonnees a{color:#71d4fa;text-decoration:none;}
#panneaux #coordonnees a:hover{color:#fff;text-decoration:underline;}
#panneaux #coordonnees h3 a:hover{color:#389ef7;background-color:#12426c;text-decoration:none;}
#panneaux #coordonnees p.a-droite{margin-bottom:5px;}
#panneaux #coordonnees p.a-droite a{color:#196db6;text-decoration:none;}
#panneaux #coordonnees p.a-droite a:hover{color:#196db6;text-decoration:underline;}
/* pied de page */
#boite-pied{min-height:120px;background:#4073a0 url(/img/pied-fond.jpg) top left repeat-x;}
#pied{color:#02182a;margin-bottom:20px;}
#pied #menu-pied{float:left;width:706px;padding:15px 20px;background-color:#1b4365;}
#pied #menu-pied ul{line-height:1.4em;}
#pied #menu-pied ul li{color:#072e50;white-space:nowrap;}
#pied #menu-pied ul li a{color:#389ef7;text-decoration:none;}
#pied #menu-pied ul li a:hover{color:#71d4fa;text-decoration:underline;}
#pied #menu-pied ul li.premier{text-transform:uppercase;color:#02182a;}
#pied #menu-pied ul li.premier a{color:#02182a;text-decoration:none;}
#pied #menu-pied ul li.premier a:hover{color:#71d4fa;}
#pied #conception-web p{padding:17px 10px 0 10px;text-align:right;}
#pied #conception-web p a{color:#389ef7;text-decoration:none;}
#pied #conception-web p a:hover{color:#71d4fa;text-decoration:underline;}
.impression{display:none;}