html{height: 100%; width:100%;background:url(images/fond_colonne.gif) repeat-y top left;}
body{margin: 0;padding:0;background: url(images/fond_haut.gif) repeat-x top left;height: 100%; width:100%;}
a img{border:0;}
table { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #1b3d70;}
th{ background-color:#3E6B9D; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; height:20px;}
div { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #1b3d70;}
/*h1{color: #0b2557; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 17px; font-weight: normal; border: 0; padding: 1px 0px 1px 0px; margin:0; letter-spacing: 0px; }*/
h1{color: #0b2557; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; border: 0; padding: 1px 0px 1px 0px; margin:0; letter-spacing: 0px; text-decoration: none }
h2{color: #0b2557; font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; border: 0; padding: 1px 0px 1px 0px; margin:0; letter-spacing: 0px;text-decoration: none }
/*h2:hover{color: #3b6597;}*/
h3{color: #3b6597; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; border: 0; padding: 1px 0px 1px 0px; margin:0; letter-spacing: 0px; text-decoration: none}
h4{color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; border: 0; padding: 1px 0px 1px 0px; margin:0; letter-spacing: 0px;text-decoration: none }
.lignes{border-top: 1px solid #cdcdcd;border-bottom: 1px solid #cdcdcd}
img.cadre,
a.cadre img {border: 1px solid #ababab;}
a.cadre:hover img {border: 1px solid #3e6b9d;}
.note{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #9a9a9a;}
.clear{clear:both;}
p{margin: 0; padding: 0 0 6px 0; border: 0}
.txtbleu{color: #3b6597; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; border: 0; padding: 1px 0px 1px 0px; margin:0; letter-spacing: 0px; text-decoration: none}
.cercle{background: url(images/cercle.gif) no-repeat center center; height:13px; width:13px;padding: 0 4px;}
.just,.j{text-align: justify }
.g{text-align: left }
.d{text-align: right }
.c{text-align: center }
strong{color: #0b2557;}
em{font-size: 13px; letter-spacing: .4px; line-height: 16px;}
ul{list-style-type: none; padding: 0px; margin:5px 0 5px 0px;font-family: Arial, Helvetica, sans-serif;font-weight:normal;font-size:11px;}
li{background-image: url(images/puce.gif); background-repeat: no-repeat; background-position: 0 .2em; padding:0; padding-left: 15px; border:0; margin: 0}
ul ul li{background-image: url(images/puce2.gif);}
ul ul ul li{background-image: url(images/puce3.gif);}
.liclear{background-image: none}
.blocbleu{background-color: #ffffff;background-position: top; background-repeat:repeat-x; background-image: url(images/fond_onglet.gif); padding: 2px; border: 0}
.blocbleu2{background-color: #ffffff;background-position: top; background-repeat:repeat-x; background-image: url(images/fond_onglet.gif); padding: 8px; border: 1px solid #cde6ff}
.blocorange{background-color: #ffffff;background-position: top; background-repeat:repeat-x; background-image: url(images/fond_orange.gif); padding: 8px; border: 1px solid #f8e2ae}
.fondbleu{background-color:#d4e9ff; padding: 2px}
/* LIENS */
a{font-family: Arial, Helvetica, sans-serif; font-size: 11px;color:#5c8abb ;text-decoration: underline;}
a:hover{color: #94b2d3;}
.blanc{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff;color: #FFFFFF; text-decoration: none}
.blanc:hover{color: #67b7d1;}
.separation{font-size:3px;}
.exposant {font-family: Arial, Helvetica, sans-serif;font-size: 9px; vertical-align: text-top}
/* CLASSES */
/*marges*/
.m5 {margin:5px;}
.m10 {margin:10px;}
.m15 {margin:15px;}
.m20 {margin:20px;}
.m0 {margin:0;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:50px;}
.ml60 {margin-left:60px;}
.ml70 {margin-left:70px;}
.ml80 {margin-left:80px;}
.ml90 {margin-left:90px;}
.ml100 {margin-left:100px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.mr40 {margin-right:40px;}
.mr50 {margin-right:50px;}
.mr60 {margin-right:60px;}
.mr70 {margin-right:70px;}
.mr80 {margin-right:80px;}
.mr90 {margin-right:90px;}
.mr100 {margin-right:100px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.mt90 {margin-top:90px;}
.mt100 {margin-top:100px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}
.mb90 {margin-bottom:90px;}
.mb100 {margin-bottom:100px;}
/* marges négatives */
.ml-5 {margin-left:-5px;}
.ml-10 {margin-left:-10px;}
.ml-15 {margin-left:-15px;}
.ml-20 {margin-left:-20px;}
.ml-30 {margin-left:-30px;}
.ml-40 {margin-left:-40px;}
.ml-50 {margin-left:-50px;}
.ml-60 {margin-left:-60px;}
.ml-70 {margin-left:-70px;}
.ml-80 {margin-left:-80px;}
.ml-90 {margin-left:-90px;}
.ml-100 {margin-left:-100px;}
.mr-5 {margin-right:-5px;}
.mr-10 {margin-right:-10px;}
.mr-15 {margin-right:-15px;}
.mr-20 {margin-right:-20px;}
.mr-30 {margin-right:-30px;}
.mr-40 {margin-right:-40px;}
.mr-50 {margin-right:-50px;}
.mr-60 {margin-right:-60px;}
.mr-70 {margin-right:-70px;}
.mr-80 {margin-right:-80px;}
.mr-90 {margin-right:-90px;}
.mr-100 {margin-right:-100px;}
.mt-5 {margin-top:-5px;}
.mt-10 {margin-top:-10px;}
.mt-15 {margin-top:-15px;}
.mt-20 {margin-top:-20px;}
.mt-30 {margin-top:-30px;}
.mt-40 {margin-top:-40px;}
.mt-50 {margin-top:-50px;}
.mt-60 {margin-top:-60px;}
.mt-70 {margin-top:-70px;}
.mt-80 {margin-top:-80px;}
.mt-90 {margin-top:-90px;}
.mt-100 {margin-top:-100px;}
.mb-5 {margin-bottom:-5px;}
.mb-10 {margin-bottom:-10px;}
.mb-20 {margin-bottom:-20px;}
.mb-30 {margin-bottom:-30px;}
.mb-40 {margin-bottom:-40px;}
.mb-50 {margin-bottom:-50px;}
.mb-60 {margin-bottom:-60px;}
.mb-70 {margin-bottom:-70px;}
.mb-80 {margin-bottom:-80px;}
.mb-90 {margin-bottom:-90px;}
.mb-100 {margin-bottom:-100px;}
/*padding*/
.p5 {padding:5px;}
.p10 {padding:10px;}
.p15 {padding:15px;}
.p20 {padding:20px;}
.p0 {padding:0;}
.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pt60 {padding-top:60px;}
.pt70 {padding-top:70px;}
.pt80 {padding-top:80px;}
.pt90 {padding-top:90px;}
.pt100 {padding-top:100px;}
.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pb40 {padding-bottom:40px;}
.pb50 {padding-bottom:50px;}
.pb60 {padding-bottom:60px;}
.pb70 {padding-bottom:70px;}
.pb80 {padding-bottom:80px;}
.pb90 {padding-bottom:90px;}
.pb100 {padding-bottom:100px;}
.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl30 {padding-left:30px;}
.pl40 {padding-left:40px;}
.pl50 {padding-left:50px;}
.pl60 {padding-left:60px;}
.pl70 {padding-left:70px;}
.pl80 {padding-left:80px;}
.pl90 {padding-left:90px;}
.pl100 {padding-left:100px;}
.pr5 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}
.pr30 {padding-right:30px;}
.pr40 {padding-right:40px;}
.pr50 {padding-right:50px;}
.pr60 {padding-right:60px;}
.pr70 {padding-right:70px;}
.pr80 {padding-right:80px;}
.pr90 {padding-right:90px;}
.pr100 {padding-right:100px;}
/* largeurs % */
.l5 {width:5%;}
.l10 {width:10%;}
.l15 {width:15%;}
.l20 {width:20%;}
.l25 {width:25%;}
.l30 {width:30%;}
.l33 {width:33%;}
.l35 {width:35%;}
.l40 {width:40%;}
.l45 {width:45%;}
.l48 {width:48%;}
.l50 {width:50%;}
.l52 {width:52%;}
.l55 {width:55%;}
.l60 {width:60%;}
.l65 {width:65%;}
.l70 {width:70%;}
.l75 {width:75%;}
.l80 {width:80%;}
.l85 {width:85%;}
.l90 {width:90%;}
.l95 {width:95%;}
.l100 {width:100%;}
.l150{width:150px;}
.l200{width:200px;}
.l250{width:250px;}
.l300{width:300px;}
.l350{width:350px;}
.l400{width:400px;}
.l450{width:450px;}
.l500{width:500px;}
.l550{width:550px;}
.l600{width:600px;}
.l650{width:650px;}
.l700{width:700px;}
/*largeurs PX*/
.w100 {width:100px}
.w150 {width:150px;}
.w200 {width:200px;}
.w250 {width:250px;}
.w300 {width:300px;}
.w350 {width:350px;}
.w400 {width:400px;}
.w450 {width:450px;}
.w500 {width:500px;}
.w550 {width:550px;}
.w600 {width:600px;}
.w650 {width:650px;}
.w700 {width:700px;}
/* hauteurs PX*/
.h5 {height:5px;}
.h10 {height:10px;}
.h20 {height:20px;}
.h30 {height:30px;}
.h40 {height:40px;}
.h50 {height:50px;}
.h60 {height:60px;}
.h70 {height:70px;}
.h80 {height:80px;}
.h90 {height:90px;}
.h100 {height:100px;}
.h110 {height:110px;}
.h120 {height:120px;}
.h130 {height:130px;}
.h140 {height:140px;}
.h150 {height:150px;}
.h160 {height:160px;}
.h170 {height:170px;}
.h180 {height:180px;}
.h190 {height:190px;}
.h200 {height:200px;}
.h210 {height:210px;}
.h220 {height:220px;}
.h230 {height:230px;}
.h240 {height:240px;}
.h250 {height:250px;}
.h260 {height:260px;}
.h240 {height:270px;}
.h280 {height:280px;}
.h290 {height:290px;}
.h300 {height:300px;}
.h350 {height:350px;}
.h400 {height:400px;}
.h450 {height:450px;}
.h500 {height:500px;}
.h550 {height:550px;}
.h600 {height:600px;}
.h650 {height:650px;}
.h700 {height:700px;}
.fleft{float:left; display:block;}
.fright{float:right;display:block;}
.clear {clear:both}
.clearR{clear:right}
.fcenter{margin-left:auto;margin-right:auto;}
.c{text-align:center;}
.g{text-align:left;}
.d{text-align:right;}
.j{text-align:justify;}
.cur{cursor:pointer;}
hr{display:block; text-decoration:none; height:0; clear:both; border:0; visibility: hidden; margin:0; padding:0;}
u{display:block;text-decoration:none; height:0; font-size:1px; clear:both;}
u.esp{height:18px;}
u.esp10{height:10px;}
u.esp20{height:20px;}
hr.sep,
u.sep{height:18px; background:url(images/points-h.gif) repeat-x center;}
u.rel{position:relative; height:0; overflow:hidden;}
/*.navig{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #A7C9E7; text-decoration: none;}
.navig:hover{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;color: #599ad2; text-decoration: none;}*/
#navig{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #5c8abb; text-decoration: none;margin:22px 0 10px 0;}
#navig:hover{color: #599ad2; text-decoration: none;}
/* FORMULAIRES */
.champcontact{ border:1px solid #5c8abb; color:#005a93; background-image: url("images/fond_champcontact.gif"); background-repeat: repeat-x;
background-position: top; background-color: #f9fbfc; font-family: Arial, Helvetica, sans-serif; font-size:11px; }
.champcontacterreur{border:1px solid #5f0606; color:#FFFFFF; background-image: url("images/fond_champerreur.gif"); background-repeat: repeat-x;
background-position: bottom; background-color: #cc0000; font-family: Arial, Helvetica, sans-serif; font-size:11px;}
.erreur{ color:#be0d0d; font-family: Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold}
.send{background-image: url("images/fond_send.gif"); background-repeat: repeat-x; background-position: top; background-color: #016f91; color: #ffffff;
text-align : center; font-weight: bold; font-size: 11px; font-family: Arial, Helvetica, sans-serif; border:1px solid #01466b;}
form{border:0; padding:0; margin:0}
input{margin:1px}
/*conteneur global*/
#page{ height: 100%; width: 100%; }
#page2{width:960px;height: 100%;}
#gauche{background-color:#1C3D70; width:140px;height: 600px; border:0; margin:0; float: left}
#gauche p{margin:0; padding:0; border:0; text-align:center; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; }
#gauche a{text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #b6daff; font-weight: normal}
#gauche a:hover{color: #ffffff;}
#gauche ul{margin:200px 8px 0 8px;padding:0; border:0; text-align:left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff;}
#gauche li{margin:0; border:0; padding: 5px 1px 2px 1px; list-style-type:none; background-image:url(images/traitbleu.gif); background-position:top; background-repeat:repeat-x}
#gauche li a{margin-left:10px;}
#content{margin:0; padding:0; border:0;width:700px; float:left} /*contient le menu haut et le contenu de la page*/
#haut{height:95px; width: 100%; padding:0; margin:0; border: 0; float:left;}
#haut a{color: #cde6ff; text-decoration: underline}
#haut a:hover{color: #ffffff; text-decoration: none}
#objet{margin:0;padding:0; border: 0;float: left; width: 380px; height: 69px;}
#liens{margin:0; padding:0; border: 0; width: 660px; height: 69px; float: left;clear:both;background-image: url(images/fond_haut.gif)}
#menu{background-color: #ffffff; height: 22px;margin: 0; padding: 0; border: 0; width: 100%; float:left;
z-index:100; position:absolute; left:140px; top:69px;}
#menu ul{height:20px;margin:2px; padding:0;border:0;width:100%;}
#menu li{height: 21px; width: 119px;display: inline;float:left;margin: 0;margin-left:2px; padding: 0;border: 0;
background-image: url(images/fond_onglet.gif); background-repeat: repeat-x; background-position: top;
text-align: left; list-style-type: none}
#menu a{height:18px; width: 119px;line-height: 18px;display: block;color: #6482A1; font-family: Arial, Helvetica, sans-serif; font-size: 14px;
font-weight: bold;text-decoration: none; margin: 0; padding: 0 ;border-bottom: 4px solid #0f1565;}
#menu a:hover{color: #3b6696; border-bottom: 4px solid #2780cd}
#menu #menu1{height: 18px; width:44px; margin:0;padding:0;border:0;border-bottom: 4px solid #0f1565;
background-position: top; background-repeat:repeat-x; background-image: url(images/fond_menu1.gif);}
#menu a.selection{color: #2780cd;border-bottom: 4px solid #2780cd;}
#menu a.selection:hover{color: #4e9add; border-bottom: 4px solid #4e9add}
.ssmenu ul{margin: 0; padding: 0;border: 0;}
.ssmenu li{display: inline; float:left; margin: 0; padding: 0 0 0 10px;border: 0; background:url(images/fond_onglet.gif) repeat-x top #ffffff; vertical-align:top;}
.ssmenu li a{border:0; margin:0; padding:0}
a.sousmenu{height:12px; width: 120px;color: #6482A1; font-family: Arial, Helvetica, sans-serif; font-size: 10px;
font-weight: normal;text-decoration: none; margin: 0; padding: 0}
a.sousmenu:hover{color: #3b6696;}
#menuderoulant{margin: -25px 0 10px 0; text-align: right;}
#contenu{border:0;margin:0; padding: 5px 0 0 10px; width: 660px; float:left;z-index: 200;}
#visuel{border: 0; margin: 0 0 0 -10px; padding:0; width: 660px; height:800px}
#tableau{border-top: 1px solid #3E6B9D; border-left: 1px solid #3E6B9D}
#tableau td {border-bottom: 1px solid #3E6B9D; border-right: 1px solid #3E6B9D}
#tableau2{border-top: 1px solid #3E6B9D; border-left: 1px solid #3E6B9D}
#tableau2 td {border-bottom: 1px solid #3E6B9D; border-right: 1px solid #3E6B9D}
.tableau{border-top: 1px solid #3E6B9D; border-left: 1px solid #3E6B9D}
.tableau td {border-bottom: 1px solid #3E6B9D; border-right: 1px solid #3E6B9D}
.fiches{list-style-type: none; padding: 0px; margin:10px 0 0 0px;font-family: Arial, Helvetica, sans-serif;font-weight:normal;font-size:11px;}
.fiches li{background-image: url(images/puce.gif); background-repeat: no-repeat; background-position: 0 5px; padding:0; padding: 3px 0 3px 15px; border:0; margin: 0}
.fiches a{font-family: Arial, Helvetica, sans-serif; font-size: 11px;color:#1b3d70 ;text-decoration: underline;}
.fiches a:hover{color: #5c8abb;}
.presse{clear:left;}
.presse img{margin: 0 15px 20px 0; float:left}
.presse h1 h2 h3 p{display: block;}
.presse h3 {margin-bottom: 6px}
/*navigation fiches performances produits*/
#performances{margin: 0; padding: 0;}
#performances ul{margin: 0; padding: 0;width: 382px;}
#performances li{/*height: 19px;*/ width:100%; margin: 2px; padding: 0; border: 0;
background-image: url(images/fond_onglet.gif); background-repeat: repeat-x; background-position: top;
list-style-type: none; border: solid 1px #92bee9;}
#performances li a{font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold; font-size:10px; padding:2px 4px;
text-decoration: none;color: #325389; text-decoration: none; display:block;}
/*#performances a{height:18px; width: 100%; display: block;
margin: 0;padding: 0; border-left: 3px solid #0e1565;
font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold; font-size:10px;}
border-left: 3px solid #2680cd;*/
#performances li a:hover{ color:#2680cd;}
/* Onglet dans simulation Europtis */
#ongletsimulation { margin:10px 0 20px 0; background-image:none; padding: 0 0 34px 10px; border: 0; border-bottom: solid 1px #333365;}
#ongletsimulation li{padding:6px 2px 2px 2px; margin:0 10px 0 0; border: solid 1px #333365; background-color: #333365;
list-style:none; list-style-image:none; float:left; background-image:none; color: White; height: 25px;}
/*########## ACCUEIL ##########*/
#menuOnglets{width:100%; border:0; padding:0; margin:0 0 10px 0; border-spacing:0; border-collapse: collapse;}
#menuOnglets tr{vertical-align:middle;}
#menuOnglets td{margin:0; padding:0 1px 0 0; border-spacing:0;width:7%;}
#menuOnglets a{display:block; width:100%; height:100%; margin:0; padding:0; background:url(images/onglet-off.gif) no-repeat top left #e9d1a5;
font-family:"Century Gothic", "Apple Gothic", sans-serif; font-size:11px; font-weight:normal; color:#fffffd; text-align:center; text-decoration:none;}
#menuOnglets a:hover {color:#FFFFFF; background:url(images/onglet-on.gif) no-repeat top left #ffad3c;}
#menuOnglets td.active a {color:#FFFFFF; background:url(images/onglet-on.gif) no-repeat top left #ffad3c;}
#menuOnglets td a span {display:block; height:100%;padding:5px 3px; cursor:pointer;}