
/* Balises générales */
*{
margin:0;
padding:0;
}

body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#485258;
background-color:#dadada;
}

h2{
font-size:40px;
font-weight:normal;
color:#E20066;
margin-top:5px;
margin-bottom:30px;
}

h3{
font-size:35px;
font-weight:normal;
color:#eaa92c;
margin-top:5px;
margin-bottom:20px;
}

h4{
font-size:17px;
font-weight:normal;
color:#E20066;
margin-bottom:13px;
}

h5{
font-size:17px;
font-weight:normal;
color:#009dc5;
margin-bottom:13px;
}

h6{
font-size:11px;
font-weight:normal;
color:#eaa92c;
margin-bottom:13px;
}

a img{
border:none;
}

a:link{
color:#6ac4dd;
text-decoration:none;
}

a:visited{
color:#009dc5;
text-decoration:none;
}

a:hover{
color:#009dc5;
text-decoration:underline;
}

a:active{
color:#000000;
text-decoration:none;
}

form{
margin-bottom:20px;
}

input, label, textarea{
margin-bottom:7px;
}

/*strong{
color:#eaa92c;
}*/

span{
display:none;
}

/* balises avancees - container */
#container{
width:889px;
margin:0 auto;
background-color:#ffffff;
}

/* *** balises avancees - header*** */
#header_wip, #header_services, #header_evenements, #header_partenaires{
height:290px;
position:relative; /* pour positionner les divs enfants en absolu */
background-color:#ffffff;
background-position:center top;
background-repeat:no-repeat;
}

#header_wip{
background-image:url(imgs/background_header_wip.jpg);
}

#header_services{
background-image:url(imgs/background_header_services.jpg);
}

#header_evenements{
background-image:url(imgs/background_header_evenements.jpg);
}

#header_partenaires{
background-image:url(imgs/background_header_partenaires.jpg);
}

#header_homepage{
height:390px;
position:relative; /* pour positionner les divs enfants en absolu */
background-color:#ffffff;
background-image:url(imgs/background_homepage_header.jpg);
background-position:center top;
background-repeat:no-repeat;
}

#header_homepage #flash_content{
position:absolute;
right:0;
bottom:0;
z-index:0;
}

/* balises header - menu lang */
#menu_lang{
color:#66757e;
position:absolute;
right:10px;
top:10px;
}

#menu_lang a{
color:#66757e;
}

#menu_lang li, #menu li, #footer li{
display:inline;
}

/* balises header - menu principal */
#menu_conteneur{
width:550px;
color:#ffffff;
position:absolute;
top:53px;
left:210px;
padding-left:50px;
}

#menu,#menu ul{
position:absolute;
list-style:none;/*ie5.5*/
white-space:nowrap;
}

#menu a{
height:19px;
_width:20px;
display:block;
padding:3px 10px 0 4px;
color:#ffffff;
}


#menu a:hover{
text-decoration:none;
background-color:#485258;
color:#ffffff;
}

#menu li{
display:inline;
float:left;
}

/* balises header - sous-menus */
#menu ul{
display:none;
background-color:#ffffff;
margin:0 0 0 -1px;
line-height:18px;
padding:10px 0;
border-bottom:1px #d4e0e8 solid;
border-left:1px #d4e0e8 solid;
border-right:1px #d4e0e8 solid;
}

#menu ul a{
margin:0 15px;
}

#menu ul a:hover{
text-decoration:underline;
color:#64737b;
background-color:#ffffff;
}

#menu li li{
float:none;
}

#menu a.trace{
text-decoration:none;
background-color:#485258;
color:#ffffff;
}

#menu a.submenu{
color: #64737b;
}

/* partie dynamique */
#menu .montre{
display:block;
}

/* flèches */
#menu ul a.sub{
padding-right:10px !important;
}

/* tracé de la souris */
.trace{
background:none;
}



/* *** balises avancees - InfosBody *** */
#InfosBody{
float:left; /* pour prendre en compte la hateur des divs enfants */
padding:0;
}

#InfosBody p{
margin-top:5px;
margin-bottom:15px;
}

/* balises InfosBody - InfosBody gauche */
#InfosBody_gauche{
width:205px;
min-height:430px;
_height:430px;
float:left;
padding: 5px;
text-align:center;
}

#InfosBody_gauche h6{
margin-bottom:10px;
margin-top:20px;
color:#009dc6;
font-weight:bold;
font-size:12px;
}

#InfosBody_gauche h4{
text-align:center;
}

#InfosBody_gauche table{
margin-left:3px;
}

#InfosBody_gauche tr, #InfosBody_gauche td{
text-align:center;
}

#InfosBody_homepage_gauche{
width:300px;
min-height:335px;
_height:335px;
float:left;
padding:0 30px 30px 30px;
background-color:#f2f2f2;
}

/*balises Infosbody_homepage_gauche - contact */
#homepage_contact form{
height:160px;
border-bottom: 2px solid #d4d3d3;
padding-bottom:15px;
}

#homepage_contact span.alerte{
font-weight:bold;
color:#CC0000;
display:inline;
}

#homepage_contact span.valide{
font-weight:bold;
color:#009DC5;
display:inline;
margin-left:5px;
}

#homepage_contact #valide{
background-color:#d2edf6;
height:20px;
padding-top:7px;
text-align:center;
margin-bottom:7px;
}

/*balises Infosbody_homepage_gauche - actualites */
#homepage_actus{
padding:15px;
color:#ffffff;
background-color:#009dc5;
}

#homepage_actus h3, #homepage_actus h5{
color:#ffffff;
}

#homepage_actus h3, #homepage_contact h4{
margin-top:0;
margin-bottom:7px
}

#homepage_actus h5{
margin-bottom:5px;
}

#homepage_actus h6, #homepage_actus h6 a{
font-size:14px;
color:#E20066;
font-weight:bold;
margin-bottom:5px;
}

/* balises InfosBody - InfosBody droite */
#InfosBody_droite{
width:646px;
min-height:430px;
_height:430px;
float:left;
padding-top:30px;
background-image:url(imgs/background_InfosBody_droite.jpg);
background-position:center center;
background-repeat:repeat-y;
border-left:#E20066 2px solid;
}

#InfosBody_droite #filAriane{
font-size:12px;
padding-left:15px;
}

#InfosBody_droite #InfosBody_content{
margin-left:14px;
padding-left:75px;
padding-top:140px;
background-image:url(imgs/background_InfosBody_content.jpg);
background-repeat:no-repeat;
background-position:top right;
background-color:#ffffff;
}

#InfosBody_droite #InfosBody_content p{
margin-bottom:10px;
}

#InfosBody_droite #InfosBody_content hr{
margin-bottom:10px;
color:#66757e;

}

#InfosBody_droite #InfosBody_content h4{
font-size:13px;
margin-top:17px;
margin-bottom:5px;
font-weight:bold;
}

#InfosBody_droite #InfosBody_content h5{
font-size:13px;
margin-top:17px;
margin-bottom:5px;
font-weight:bold;
}

#InfosBody_droite #InfosBody_content li{
background-image:url(imgs/puce_liste.gif);
background-position:0 0;
background-repeat:no-repeat;
padding-left:15px;
list-style:none;
}

/* juste pour firefox */
html:not([lang*=""]) #InfosBody_droite #InfosBody_content li{
padding-left:30px;
}

#InfosBody_droite #InfosBody_content #metiers, #InfosBody_droite #InfosBody_content #objectifs, #InfosBody_droite #InfosBody_content #offre, #InfosBody_content #organisateurs, #InfosBody_content #partenaireshotels, #InfosBody_content #plandusite, #InfosBody_droite #InfosBody_content #default{
padding-right:250px;
}

#InfosBody_droite #InfosBody_content #default{
padding-right:20px;
padding-bottom:50px;
min-height:200px;
_height:200px;
}

#InfosBody_droite #InfosBody_content #metiers{
background:url(imgs/background_page_metiers.jpg) no-repeat bottom right;
min-height:265px;
_height:265px;
}

#InfosBody_droite #InfosBody_content #objectifs{
background:url(imgs/background_page_ambition.jpg) no-repeat bottom right;
min-height:310px;
_height:310px;
}

#InfosBody_droite #InfosBody_content #offre{
background:url(imgs/background_page_offre.jpg) no-repeat bottom right;
min-height:440px;
_height:440px;
}

#InfosBody_content #services{
background:url(imgs/background_page_services.jpg) no-repeat bottom right;
min-height:480px;
_height:480px;
}

#InfosBody_content #organisateurs{
background:url(imgs/background_page_organisateurs.jpg) no-repeat bottom right;
min-height:270px;
_height:270px;
}

#InfosBody_content #partenaireshotels{
background:url(imgs/background_page_partenaireshotels.jpg) no-repeat bottom right;
min-height:270px;
_height:270px;
}

#InfosBody_content #manifestations{
padding-right:40px;
padding-bottom:30px;
min-height:270px;
_height:270px;
}

#InfosBody_content #manifestations .AccordionPanelContent{
padding:0 15px;
}

#InfosBody_content #manifestations .AccordionPanelContent hr{
border:1px dotted #ccc;
}

#InfosBody_content #services strong{
color:#485258
}

#InfosBody_content #services #servicesexposants{
width:220px;
float:left;
padding-right:25px;
}

#InfosBody_content #services #servicesvisiteurs{
width:220px;
float:left;
padding-left:25px;
border-left:#cbeaf3 solid 1px;
}

#InfosBody_content #plandusite {
padding-bottom:30px;
}

#InfosBody_content #plandusite h4 a{
font-size:13px;
font-weight:bold;
margin-bottom:5px;
margin-top:17px;
color:#E20066;
}

#InfosBody_content #plandusite h4 a:hover{
color:#E20066;
}

#InfosBody_homepage_droite{
width:469px;
min-height:335px;
_height:335px;
float:left;
padding:30px;
}

/* balises InfosBody - pour le titre principal */
#InfosBody_droite #titre{
width:646px;
margin-bottom:20px;
border:0;
}

#InfosBody_droite #puce_h3{
vertical-align:top;
}

#InfosBody_droite h3{
font-size:19px;
font-weight:normal;
color:#485258;
margin:0;
padding: 0 15px;
}


/* balises InfosBody - encadres */
#encadre{
margin-top:30px;
border-top: solid 2px #b4e1ee;
padding-top:15px;
}

#encadre1{
width:260px;
padding:10px;
float:left;
background-color:#dbe4ea;
margin-right:26px;
}

#encadre2{
width:280px;
padding-top:10px;
float:right;
}

/* balises InfosBody_homepage_droite - bienvenue */
#homepage_bienvenue{
height:160px;
border-bottom: 2px solid #d4d3d3;
padding-bottom:15px;
margin-bottom:20px;
}

#homepage_bienvenue h2{
margin:0;
padding: 0 15px;
}

#homepage_bienvenue #titre{
margin-bottom:5px;
}

#homepage_bienvenue #puce_h3{
vertical-align:center;
}

#homepage_bienvenue p strong{
margin-bottom:10px;
}

/* balises InfosBody_homepage_droite - Vous etes*/
#homepage_vousetes{
padding:10px;
background-color:#dbe4ea;
}

#homepage_vousetes img{
margin-right:10px;
}

#homepage_vousetes ul{
list-style-image:url(imgs/puce_liste.gif);
list-style-position:inside;
margin-left:5px;
}

#homepage_vousetes h5{
font-size:19px;
}

#homepage_vousetes a{
font-weight:bold;
font-size:12px;
line-height:20px;
color:#49545a;
}

*html #homepage_vousetes a{
padding-left:10px;
}

*+html #homepage_vousetes a{
padding-left:10px;
}

/*balises InfosBody_droite */
#InfosBody_droite ul{
margin-left:15px;
list-style-position:inside;
margin-bottom:20px;
}

/* *** balises avancees - footer *** */
#footer{
height:52px;
clear:both;
background-image:url(imgs/background_footer.jpg);
background-position:center top;
background-repeat:no-repeat;
}

#footer ul{
padding-top:27px;
padding-left:25px;
color:#E20066;
}

#footer li{
color:#ffffff;
}

#footer a{
color:#ffffff;
}

#webget{
margin-top:-35px;
}

#webget a {
display:none;
}

