* { margin: 0px; padding: 0px;}

body { margin: 0px; padding: 0px; border: 0px; background-color: #E2E7E6; font-family: Tahoma, Arial, sans-serif;  font-size: 11px; color: #545454;}

#body-main {width:846px; margin-left:auto; margin-right:auto; background-color:#FFF; border-top: 6px solid #14CCEB;}



#header {position:relative;width:846px;height:303px;background-color:#FFF; background-image:url('images/header-bandeau.jpg');background-position:bottom;background-repeat: no-repeat;}
#logo {height:72px; width:225px; border:0px; margin-top:10px; margin-left:30px;}
#menu {position:absolute;width:585px; height: 33px; background-image:url('images/menu-bg.gif'); right:0px; top:23px; text-align:right; padding-right:0px; padding-top:0px;}
#menu a {color: #5F7576; text-decoration: none; text-transform: uppercase; font-family:Arial, Helvetica, sans-serif; font-size:12px;padding-right:5px;}
#menu a:hover {color: #079CB5; }
#menu-interieur {position:absolute; height: 33px; left:0px; top:157px; text-align:left; padding-right:0px; padding-top:0px;width:846px;}
#menu-interieur a {color: #5F7576; text-decoration: none; text-transform: uppercase; font-family:Arial, Helvetica, sans-serif; font-size:12px;padding-left:5px;}
#menu-interieur a:hover {color: #079CB5; }
#header .baseline {position:absolute; right:35px; bottom:2px; color:#215F1F; font-size: 22px; font-weight:bold; font-family: Arial, Helvetica, sans-serif;} 

#header2 {position:relative; width:846px; height:190px; background-color:#FFF; background-image:url('images/header-bandeau-menu.jpg'); background-position:bottom;background-repeat: no-repeat; margin-bottom:10px;}

#fleches {width:846px; height:70px; background-image:url('images/fleches-bg.gif');}
#fleches div {float:left;height:70px;width:215px;color:#474747; cursor:pointer;}
#fleche1 {margin-left:10px;}
#fleche2 {margin-left:60px;}
#fleche3 {margin-left:60px;}
#fleches div img.ico {width:38px; height:38px; border:0px;margin-top:16px;margin-left:25px;margin-right:10px;margin-bottom:10px;}
#fleches div h2 {color: #FFF; margin-top:16px;}

#contenu {width:826px;background-color:#FFF;font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif; margin:10px;}

#col-gauche {width:543px;float:left;margin-bottom: 15px;}
#votre-module {position:relative;width:293px;height:107px;background-image:url('images/box-module-bg2.jpg');background-repeat:no-repeat;padding-left:250px;padding-top:50px;}
#votre-module div.liste {width:115px;float:right;margin-right:20px;}
div.liste a, div.liste a:hover {text-decoration: none;}
.liste {width:115px;float:right;margin-right:20px;}
#votre-module ul li {font-size:9px; list-style-position:outside; }
#votre-module .onglet {position:absolute; width:230px;height:20px; bottom:0px; right:0px; font-size:10px; font-weight:bold; padding-right:15px;padding-top:5px;text-align:right;}
#votre-module .onglet img {width:20px; height:10px; border:0px;}
#flotte {float: left; width:266px; border:1px solid #B3EFC5; margin-top: 8px; background-color:#B3EFC5;background-image:url('images/flotte-bg.jpg'); background-position:  0 30px; background-repeat:no-repeat; }
#flotte h3 {height:30px; color:#FFF;background-color:#3ABD93; text-align:center; padding-top:10px;width:266px;}
div.flotte {position:relative; padding:5px; padding-top:0px;}
.box-onglet {position:absolute; top:0px; left:33px; width:200px; height:20px; padding-top:4px;text-align:center;font-weight:bold;background-image:url('images/flotte-onglet.gif'); background-position:top; background-repeat:no-repeat;}
.box-onglet2 {margin-left:33px; width:200px; height:20px; padding-top:4px;text-align:center;font-weight:bold;background-image:url('images/flotte-onglet.gif'); background-position:top; background-repeat:no-repeat;}
#concessionnaires {float: right; width:266px; border:1px solid #B3EFC5; margin-top: 8px; background-color:#B3EFC5;background-image:url('images/concessionnaire-bg.jpg'); background-position:  0 30px; background-repeat:no-repeat;}
#concessionnaires h3 {height:30px; color:#FFF;background-color:#3ABD93;text-align:center; padding-top:10px;}

#col-droite {width:266px;float:right;margin-right:3px; margin-bottom: 15px;}
#mailing-liste {width:256px; height:55px; background-color:#91E96B;color:#FFF;padding-left:10px;padding-top:20px;}
#mailing-liste input.text {width:190px;margin-top:10px;}
#attestations {width:266px; height:86px;margin-top:6px;}
#attestations img {width:266px; height:86px; border:0px;}
#temoignages {width:266px; padding-bottom:10px;margin-top:3px;}
#temoignages h2 {padding-bottom:1px;border-bottom: 1px solid #14CCEB;}
#temoignages .contrib {border-bottom: 1px solid #14CCEB;padding-top:5px; padding-bottom:5px;}
#temoignages .contrib .contrib-titre {color:#5BAA00;}
#temoignages .allcontribs {text-align:right;margin-top:5px;}
#distributeur {width: 200px; height: 55px; color: #fff; background-color:#4FBD9F; background-image:url('images/box-distributeur-bg.jpg'); background-repeat:no-repeat; background-position:top; margin-bottom:4px; padding-left: 66px; padding-top: 20px;}
#distributeur a {color: #FFF;}

#footer {position:relative;width:826px; background-color: #E2E7E6; font-size:10px;text-align:right;padding:10px;overflow:hidden;}
#footer img#cb {position:absolute; left:0px; height:16px; width:126px; border:0px;}

.achat-immediat {font-family: Arial, Helvetica, sans-serif; width:209px; height:51px; padding-top:15px; font-size:18px; padding-left:15px; padding-right: 75px; padding-bottom:10px; color: #5CAA00;background-image:url('images/box-achat-immediat.gif'); background-repeat: no-repeat; background-position:top; font-weight: bold;}

h1 {font-family: Arial, Helvetica, sans-serif;	font-size: 20px;}
h2 {font-family: Arial, Helvetica, sans-serif; font-size: 18px;}
h2.bleu {font-size:16px; color:#14CCEB; border-bottom: 1px solid #14CCEB; border-top: 1px solid #14CCEB;}
.titrebleu  {font-size:16px; color:#14CCEB; border-bottom: 1px solid #14CCEB; border-top: 1px solid #14CCEB;}
h3 {font-family: Arial, Helvetica, sans-serif; font-size: 16px;}
h4 {font-family: Arial, Helvetica, sans-serif; font-size: 13px;}


table.tablodonnees caption {font-size:16px; color:#14CCEB; border-bottom: 3px solid #14CCEB; border-top: 1px solid #14CCEB; font-weight: bold;}
table.tablodonnees td { border-bottom: 1px solid #CACACA;}
table.tablodonnees td.bleuciel, tr.bleuciel td {background-color: #EAFAEE;}
.tablodonnees {background-color: #FFF;}
.bleuciel {background-color: #EAFAEE;}

a:active { color: #545454; text-decoration: none; }
a:link { color: #545454; text-decoration: none; }
a:visited {	color: #545454;	text-decoration: none; }
a:hover { color: #474747; text-decoration: underline; }

a.bleu:active { color: #14CCEB; text-decoration: none; }
a.bleu:link { color: #14CCEB; text-decoration: none; }
a.bleu:visited {color: #14CCEB;	text-decoration: none; }
a.bleu:hover { color: #14CCEB; text-decoration: underline; }

input.text {background-color:#FFF; border: 1px solid #D8DFE3;}
input.submit {color: #FFF; font-size: 10px; font-family:Arial, Helvetica, sans-serif; border: 1px solid #7FC247; background-color:#67A841; background-image:url('images/input-bg.gif'); background-repeat:repeat-x; background-position:bottom; padding: 1px 4px 1px 4px;}

div.clearer {clear: both;}

.info {font-weight:bold; background-image:url('images/info.gif'); background-repeat:no-repeat; background-position: top left; padding-left: 45px; padding-bottom: 23px; margin-top:5px;}
.emphase {color: #32B31B; font-weight:bold;}

ul {list-style-image:url('images/puce-li.gif');padding-left:20px;}
.liste ul {padding-left:0px;}
li {border-bottom: 1px dashed #7D7A7B; font-size:11px;}

/* not editor */

/* MENU */
/* --------------------------------------------------------------------------------------------- NIVEAU 0 */
.menu {	/*width:600px;*/z-index:10;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0; margin:0; list-style-type:none; list-style-image:none;}
.menu ul ul { width:230px;}
.menu ul ul li { width:230px;}
#menu_0{ white-space:nowrap;}
#menu_0b{ white-space:nowrap; float:right;margin-right:5px;}
#menu_1{ white-space:normal;}
#menu_1b{ white-space:normal; left:-40px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left; position:relative; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; z-index: 10; border-bottom:0px;}


/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; color:#fff;height:33px; border:0px solid #fff; border-width:0px 0px 0 0; background:transparent; padding-left:12px; padding-right:10px; line-height:30px;} /*width:139px; */
#menu-interieur a, #menu-interieur a:visited {padding-left:9px;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {float:left;} /*	width:150px; w\idth:139px;*/	
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{	color:#fff; background-image:url('images/menu-fleche.gif'); background-repeat:no-repeat; background-position:bottom center;}
.menu :hover > a, .menu ul ul :hover > a {	color:#fff;}

/* --------------------------------------------------------------------------------------------- NIVEAU 1 */
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#99EBFC;}


/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#99EBFC; background-image:url('images/menu-niv2-bg.jpg'); background-repeat:repeat-y; background-position:left center;color:#000; height:auto; line-height:1em; padding:5px 15px; /*width:150px*//* yet another hack for IE5.5 */}
* html .menu ul ul a{width:230px;}

/* style the second level hover */
.menu ul ul a.drop:hover, .menu ul ul a:hover{background:#99EBFC;background-image:url('images/menu-fleche2.gif'); background-repeat:no-repeat; background-position:left center;}
.menu ul ul :hover > a.drop {background:#99EBFC;background-image:url('images/menu-fleche2.gif'); background-repeat:no-repeat; background-position:left center;}

.menu ul ul.left {left:-40px;}

/* --------------------------------------------------------------------------------------------- NIVEAU 2 */
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#99EBFC;background-image:url('images/menu-niv2-bg.jpg'); background-repeat:repeat-y; background-position:left center;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#99EBFC;background-image:url('images/menu-fleche2.gif'); background-repeat:no-repeat; background-position:left center;}
.menu ul ul ul :hover > a {	background:#99EBFC;background-image:url('images/menu-fleche2.gif'); background-repeat:no-repeat; background-position:left center;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;	position:absolute;height:0;top:33px;left:0; width:230px;}

/* another hack for IE5.5 */
* html .menu ul ul {top:33px;}

/* position the third level flyout menu */
.menu ul ul ul{	left:230px !important; left: 250px; top:0;width:230px;}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-230px !important; left: -250px;}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}



/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul{	visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{	visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 	visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { visibility:visible;}