/* STRUCTURE */
/* ----------------------------------------------------------------------------------------------------------------------------- */
*{margin:0; padding:0; border:0;}
body {background:url(images/bgd_site.jpg) repeat-x 0 0; padding:0; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif;}
#GLOBALcontent { position:relative; width: 816px; margin: 0 auto;}
.clear {clear:both;}

#banner {background:url(images/banner.gif) no-repeat 0 0; width:816px; height:224px; text-align:left; padding:0px; margin:0px;}
#global_content {background:url(images/bgd_content.png) repeat-y 0 0; padding:0px; margin:0 0 0 10px; width:806px;}
#content {padding: 10px 0 10px 0; margin:0 160px 0 207px;}
#left { background:url(images/bgd_left.jpg) no-repeat 0 0; float: left; width: 180px; height:358px; margin: 0 0 0 10px; padding: 0;}
#right { float: right; width: 150px; margin: 0; padding:27px 0 0 0px;}
#bottom { background:url(images/bgd_bottom.gif) no-repeat; width:806px; height:55px; clear: both; margin:0 0 0 0px; padding:4px 0 0 10px; text-align: center;}

h1 {margin:10px 0 6px 0; padding:0; font-weight:bold; font-size:16px; color:#347092;}
h2 {margin:10px 0 6px 0; padding:0; font-weight:bold; font-size:13px; color:#347092;}
h3 {margin:10px 0 6px 0; padding:0; font-weight:bold; font-size:13px; color:#666666;}

a {color:#6f8f00; text-decoration:underline;}
a:hover {color:#6f8f00; text-decoration:none;}


/* BANNER */
/* ----------------------------------------------------------------------------------------------------------------------------- */
#img_visuel_1 { background:url(images/img_personnes_ballon_part1.png) no-repeat 0 0; position:absolute; top:264px; left:-84px; width:114px; height:267px;}
#img_visuel_2 { background:url(images/img_personnes_ballon_part2.png) no-repeat 0 0; position:absolute; top:-3px; left:-84px; width:159px; height:271px;}
#compteur {position:absolute; top:115px; left:328px; width:326px; height:70px;}
#compteur p {margin:0; padding:0; font-size:10px; color:#FFFFFF; font-weight:bold; text-align:center;}
#lang {width:59px; height:auto; float:right; padding:3px 0 0 0;}
#logo_home { width: 290px; height: 80px; margin: 45px 0 0 20px; padding: 0; display: block; float: left; display: inline; }

/* CONTENT */
/* ----------------------------------------------------------------------------------------------------------------------------- */
#content h1 {margin:0 0 11px 0;}

#content ul {margin:8px 0 0 0; padding:0;}
#content ul li {margin:0 0 8px 20px; padding:0; font-size:11px; color:#666666;}

#poucet {font-size:10px; color:#999; margin:0 0 20px 0;}
#poucet a {font-size:10px; color:#999; text-decoration:underline;}
#poucet a:hover {font-size:10px; color:#999; text-decoration:none;}

#content p {font-size:11px; color:#666666; padding:0 10px 0 0; text-align:justify;}
#content table {font-size:11px; color:#666666;}
#content td {font-size:11px; color:#666666;padding:5px 2px 5px 2px;}

#simulateur { background:url(images/bgd_content_simulateur.gif) no-repeat 0 0; width:432px; height:auto; margin:0; padding:0; overflow:hidden;}
#bottom_simulateur {width:432px; height:auto; margin:0; padding:0;}
#box_titre { background:url(images/bgd_titre_simulateur.jpg) no-repeat 0 0; width:432px; height:27px;}
#box_titre h1 {font-size:14px; color:#FFFFFF; float:left; margin:5px 0 0 5px;}
#box_titre p {font-size:12px; color:#FFFFFF; float:left; margin:7px 0 0 10px;}

#etape_1, #etape_2, #etape_3, #etape_4 {width:21px; height:21px; float:left; padding: 3px 3px;}

#btn_left {background:url(images/btn_left.jpg) no-repeat 0 0; display:block; width:25px; height:24px; float:left; margin:1px 0 0 110px;}
#btn_right {background:url(images/btn_right.jpg) no-repeat 0 0; display:block; width:25px; height:24px; float:left; margin:1px 0 0 0;}

input, select {border:1px solid #97be0d; font-size:11px;}
.input_send, .no_border {border:0;}

#formulaire {width:6000px;}

#form_content,#form_content2 {font-size:11px; color:#666666; margin:0 0 0 0; width:412px; padding: 0 0 0 0;}
#form_etape_1 {font-size:11px; color:#666666; margin:0 0 0 10px; width:412px; float:left; padding: 0 0 0 10px;}
#form_etape_2 {font-size:11px; color:#666666; margin:0 0 0 0px; width:412px; float:left; padding: 0 0 0 10px;}
#form_etape_3 {font-size:11px; color:#666666; margin:0 0 0 0px; width:406px; float:left; padding: 0 0 0 10px;}
#form_etape_4 {font-size:11px; color:#666666; margin:0 0 0 10px; width:406px; float:left; padding: 0 0 0 0px;}
#form_etape_1 h1,#form_etape_2 h1,#form_etape_3 h1,#form_etape_4 h1 {font-size:14px; color:#347092; margin:10px 0 5px 0;}
.rmq {font-size:10px; color:#999999;}
.titre {color:#666666; font-size:12px; font-weight:bold;}

/*--- Etape 2 ---*/
#volet_1 {display:none;}
#volet_2 {display:none;}
#volet_3 {display:none;}
#volet_4 {display:none;}
#volet_5 {display:none;}
#volet_6 {display:none;}
/*--- END Etape 2 ---*/

/*--- Etape 3 ---*/
#etape_3_voiture {display:none;}
#etape_3_sans_voiture {display:none;}

#volet_1_etape3 {display:none;}
#volet_2_etape3 {display:none;}
#volet_3_etape3 {display:none;}
#volet_4_etape3 {display:none;}
#volet_5_etape3 {display:none;}
#volet_6_etape3 {display:none;}
/*--- END Etape 3 ---*/

#tab_concours {font-size:10px; color:#666666;}

/* LEFT */
/* ----------------------------------------------------------------------------------------------------------------------------- */
#menu {margin:35px 0 0 20px; padding:0; width:160px; height:auto;}
#menu ul {margin:0; padding:0;}
#menu ul li {margin:0; padding:0; list-style-type:none;}
#menu ul li a {width:154px; height:24px; display:block; margin:0; padding:10px 0 0 6px; font-size:12px; font-weight:bold; color:#666666; list-style-type:none; text-decoration:none;}
#menu ul li a:hover {background:url(images/bgd_menu_on.jpg) no-repeat; width:154px; height:24px; display:block; margin:0; padding:10px 0 0 6px; font-size:12px; font-weight:bold; color:#fff; list-style-type:none; text-decoration:none;}
#menu ul li a.actif {background:url(images/bgd_menu_on.jpg) no-repeat; width:154px; height:24px; display:block; margin:0; padding:10px 0 0 6px; font-size:12px; font-weight:bold; color:#fff; list-style-type:none; text-decoration:none;}


/* RIGHT */
/* ----------------------------------------------------------------------------------------------------------------------------- */
#right_calcul { background:url(images/bgd_right.gif) no-repeat 0 0; width:121px; height:auto; margin:15px 0 0 0;}
#right_calcul h1 {font-size:13px; color:#FFFFFF; font-weight:bold; padding:13px 0 0 10px;}
#right_calcul h2 {font-size:11px; color:#666666; font-weight:bold; padding:11px 0 0 5px;}
#right_calcul p {font-size:10px; color:#666666; padding:0 0 0 5px;}
#right_calcul_bottom {width:121px; height:4px; margin:0; padding:0;}
p.txt_sous_bloc {font-size:10px; color:#999999;}

/* BOTTOM */
/* ----------------------------------------------------------------------------------------------------------------------------- */
#signature {width:816px; height:auto; text-align:center; color:#CCCCCC; font-size:10px; font-family:Arial, Helvetica, sans-serif;}
#signature a {color:#CCCCCC;}


/* DIVERS */
/* ----------------------------------------------------------------------------------------------------------------------------- */
.toolTip-picture img,
.toolTip-thumbnail img {
    border:1px solid #97BF0C;
}
.toolTip-picture ,
.toolTip-thumbnail  {
    background:transparent url(images/loading.gif) no-repeat center center;
    min-height:32px; min-width:32px; 
}
.toolTip-caption {
    position:relative;
    margin-top:-20px;
}
.toolTip-text,
.toolTip-caption {
    font:11px Arial, Helvetica, sans-serif;
    color:#FFF;
    text-align:center;
    background:transparent url(images/caption-right.png) no-repeat right center;
    padding-right:25px;
}
.toolTip-text span,
.toolTip-caption span {
    display:block;
    background:transparent url(images/caption-left.png) no-repeat left center;
    padding:11px 0px 15px 25px;
}
a.toolTipGallery {font-size:11px; color:#666666; text-decoration:none;}