ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin: 0 0 0 0; padding: 0 0 0 0; }
a img,:link img,:visited img { border: none; }
a { 
	text-decoration: none; 
	color:#3a99c9;	
}
a:hover{ 
	text-decoration: underline; 
}



body {
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    background-color: #FFF;
   	color: #393939;
	background: url(../images/background.jpg) no-repeat center top;
}

#container{
	position: relative;
    width:932px;
    margin: 20px auto 5px auto;
    padding: 0;	

}

H1, H2, H3, H4 { color:#3a99c9; }



/*******************************************************************************
 *                                              E N - T E T E
 ******************************************************************************/

#header{
	position: relative;
	z-index: 1;
	width: 932px;
	height: 70px;
	background: url(../images/header_background.png) no-repeat left top;
}

#logo{
	position: relative;
	float:left;
	width: 170px;
	height: 39px;
	z-index: 10;
}

/*******************************************************************************
 *                                               N A V I G A T I O N
 ******************************************************************************/

#menu_container{		
 	position:absolute;
	z-index: 2;
	left: 150px;
	top:0px;
	width: 590px;
	height: 40px;	
	padding:0;
    margin:0;
}

#menu_container table{
	padding:0;
    margin:0;
	width: 590px;
}

#menu_container table.table_elements, #menu_container table.table_elements td{
	width: 932px;
}

#menu_container td.aligner{
	width: 570px;
	height: 36px;	
	vertical-align: middle;
	text-align:center;
	padding:0;
    margin:0;
}

#menu{
    font-family: Arial, Verdana, sans-serif;
	width: 570px;
    font-size:11px;
	letter-spacing: -0.3px;
	font-weight: bold;
	text-align:center;
    display:block;
   	color: #1274a5;
}



#menu li{
    list-style: none;
	list-style-image: none;
	line-height: 13px;
	padding: 0 0 0 0;
    margin: 0 3px 0 0px; 
	/*border:1px solid;*/
    display/**/:block;
    display:inline;
    float:none;
}


.menu{
    display:block;
    margin:0;
    padding:0;
    }

.menu ul{
    display:block;
    padding:0;
    margin:0;
    }

#menu li ul, .menu li ul{
   	visibility:hidden;
    position:absolute;
	z-index: 1;
	left: -150px;
	top:30px;
	width: 932px;
	height: 33px;
    display:block;
    padding:0 0 0 5px;
    margin:0;
	background: url(../images/header_background_menu.png) no-repeat left top;
    font-size:11px;
	font-weight: normal;
	letter-spacing: -0.2px;
	text-align:center;
	
	font-size:11px;
}


#menu li table{
	height:40px;
}

#menu li.pipe{
	margin:0px;
}
/*
.menu li, .menu li li{
    list-style:none;
    height:auto;
    display:inline;
    display:block;
    float:left;
    margin:0;
    padding:0;
}

.menu li li a {
	border-right: 1px solid #018fe2;
}
*/

    
/* correct a little IE bug */
* html .menu li li{
    display:inline;
    }


.menu a{
	color: #1274a5;	
    text-align:center;
    text-decoration:none;
    padding: 5px 5px 5px 5px;
}

.menu a:focus, .menu a.linkOver, .menu a:hover{
	color: #2ea4e2;
}

/*******************************************************************************
 *                                 menu contact
 ******************************************************************************/


#contact_link{
	position: absolute;
	top:12px;
	left: 742px;
	width: 80px;
	text-align: center;
}

#contact_link a{
	color:#FFF;	
	font-weight: bold;
    font-size:11px;
    text-decoration:none;
}


/*******************************************************************************
 *                                 menu langue
 ******************************************************************************/

#flags{
	position: absolute;
	top:14px;
	left: 834px;
}

#flags img{
	float:right;
	margin: 0 5px 0 0;
	border: 0px;
}

#flags img.flag{
	filter:alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
}

#flags img.active_flag, #flags img:hover{
	filter:alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;	
}



/*******************************************************************************
 *                                 bloc de contenu libre
 ******************************************************************************/


#free_content{
margin: 15px 0 0 0;
}

/*******************************************************************************
 *                                 colone de gauche
 ******************************************************************************/

#left_box{
	position: relative;
	float: left;
	width:640px;
	padding: 0 0 20px 15px;
}

#left_box p{
	margin-right: 15px;
}

/*******************************************************************************
 *                                 fil d'Arianne
 ******************************************************************************/

#page_path, #page_path a{
	color:#1b709b;
	margin: 0 0 10px 0;
}

#page_path .current_page, #page_path .current_page a {
	color:#2ea4e2;
}


/*******************************************************************************
 *                                 contenu principal 
 ******************************************************************************/
#content {
	position: relative;
	z-index: 1;
    width:934px;
    text-align:justify;
	margin: 20px 0 0 0;
	line-height:16px;
}

H1{
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 15px 0;
	text-align: left;
}

H2{
	font-size: 14px;
	font-weight: normal;
	margin: 10px 0 5px 0;
	text-align: left;
}

H3{
	font-size: 12px;
	font-weight: normal;
	margin: 5px 0 0px 0;
	text-align: left;
}

H4{
	font-size: 11px;
	font-weight: bold;
	margin: 0px 0 0px 0;
	text-align: left;
}

H5{
	font-size: 10px;
	display: inline;
	font-weight: bold;
	margin: 0px 0 0px 0;
	text-align: left;
}

#content{
	line-height: 18px;
}

#content ul li{
	margin: 0 0 0 15px;
	padding: 0px;
	list-style: disc;
	list-style-image: url(../images/list_puce.png) ;
}

#content ol li{
	margin: 0 0 0 20px;
	padding: 0px;
	
}

/*******************************************************************************
 *                               colone de gauche : andmore
 ******************************************************************************/

#andmore{	
	display:inline;
	float:left;
	margin: 15px 10px 0 -15px;
	line-height:14px;
	height: 78px;
	width: 606px;
	padding: 10px 15px 10px 37px;
	background: url(../images/andmore_background.png) no-repeat left top;
}


#andmore_title{
	color:#3a99c9;
	font-size:16px;
	font-weight:normal;
	background: url(../images/title_puce.png) no-repeat left top;
	margin: 0px 0 8px -30px;
	padding: 0 0 0 30px;
	height: 20px;
	line-height:18px;
}

#andmore .andmore_block{
	float:left;
}

#andmore .andmore_resume{
	display: block;
	height: 29px;
	text-align:left;
	overflow: hidden;	
}

#andmore .bordered{
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	border-right: 1px solid #bdc6cf;
}

#andmore .divided_1 { width: 603px; }
#andmore .divided_2 { width: 289px; }
#andmore .divided_3 { width: 186px; }

#andmore a{
	color: #899b10;
	margin: 3px 0 0px 0px;
}

/*******************************************************************************
 *                                 colone de droite 
 ******************************************************************************/

#right_box{	
	float: right;
	width:253px;
	background: url(../images/rightbox_background.png) no-repeat left top;
	padding: 0 0 -10px 0;
	margin: 0 0 10px 10px;
	
	font-size:10px;
	text-align:left;
	color: #484747;
}

/*******************************************************************************
 *                               BOX : connexion
 ******************************************************************************/

#connexion{
	margin: 10px 0 0px 0px;
	padding: 5px 0 25px 5px;
	background: url(../images/rightbox_bottom_background.png) no-repeat left bottom;
}

#connexion_title{
	color:#3a99c9;
	font-size:16px;
	font-weight:normal;
	margin: 0 0 5px 2px;
	background: url(../images/title_puce.png) no-repeat left top;
	padding: 0 0 0 30px;
	height: 20px;
	line-height:18px;
}


/*******************************************************************************
 *                               BOX : medias
 ******************************************************************************/

#medias{
	margin: 10px 0 0px 0px;
	padding: 5px 0 25px 5px;
	background: url(../images/rightbox_bottom_background.png) no-repeat left bottom;
}

#medias_title{
	color:#3a99c9;
	font-size:16px;
	font-weight:normal;
	margin: 0 0 5px 2px;
	background: url(../images/title_puce.png) no-repeat left top;
	padding: 0 0 0 30px;
	height: 20px;
	line-height:18px;
}

#medias UL{
	margin: 0 10px 10px 10px;
}

#medias ul li{
	list-style: none;
	list-style-image: none;
	margin: 2px 0 0px 0;
}

#medias a{
	color: #3a99c9;
}

#medias .icon{
	margin: -2px 7px 0 0;
	vertical-align: middle;
}

#interactive_zone .icon{
	margin: -2px 7px 0 0;
	vertical-align: middle;
}

/*******************************************************************************
 *                               BOX : newsletter
 ******************************************************************************/

#newsletter{
	margin: 10px 0 0px 0px;
	padding: 5px 0 25px 5px;
	background: url(../images/rightbox_bottom_background.png) no-repeat left bottom;
}

#newsletter p{
	margin: 0 10px 10px 10px;
	color: #1b709b;	
}

#newsletter_title{
	color:#3a99c9;
	font-size:16px;
	font-weight:normal;
	margin: 0 0 5px 2px;
	background: url(../images/title_puce.png) no-repeat left top;
	padding: 0 0 0 30px;
	height: 20px;
	line-height:18px;
}

#email_subscribe{
	width: 180px; 
	height: 18px;
	margin: 0 10px 0px 10px ; 
	padding: 4px 0 0 4px;
	border: 1px solid #bdc6cf;
	
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
   	color: #484747;
}

#button_subscribe{
	margin: 0 0 2px 0;
	vertical-align:top;
}

/*******************************************************************************
 *                               BOX : actualité
 ******************************************************************************/

#actuality{	
	margin: 10px 0px 0 0px;
	text-align:left;
	line-height:14px;
	padding: 5px 0 25px 5px;
	background: url(../images/rightbox_bottom_background.png) no-repeat left bottom;
}


#actuality_title{
	color:#3a99c9;
	font-size:16px;
	font-weight:normal;
	background: url(../images/title_puce.png) no-repeat left top;
	margin: 0px 0 8px 0px;
	padding: 0 0 0 30px;
	height: 20px;
	line-height:18px;
}

#actuality .actuality_resume{
	display: block;
	max-height: 28px;
	width: 220px;
	overflow: hidden;
	line-height:13px;
	margin: 0 10px 0 10px;	
}

#actuality .actuality_more{
	color: #899b10;
	margin: 0 10px 7px 10px;
}

#actuality .actuality_more a{
	color: #899b10;
}

#actuality .actuality_all{
	color: #1cb0e6;
	font-weight:bold;
	margin: 0 10px 0 10px;
}

#actuality .actuality_all a{
	color: #1cb0e6;
	font-weight:bold;
}


/*******************************************************************************
 *                               BOX : newsletter
 ******************************************************************************/

#lexicon{	
	margin: 10px 0 0px 0px;
	padding: 5px 0 25px 5px;
	background: url(../images/rightbox_bottom_background.png) no-repeat left bottom;
}

#lexicon_title{
	color:#3a99c9;
	font-size:16px;
	font-weight:normal;
	margin: 0 0 10px 2px;
	background: url(../images/title_puce.png) no-repeat left top;
	padding: 0 0 0 30px;
	height: 20px;
	line-height:18px;
}

#lexicon H2.accordion_toggle{	
	font-size:11px;
	display: block;
	margin: 5px 0 0 10px;
    cursor: pointer;
}


#lexicon ul li{
	display: block;
}

#lexicon H2.accordion_toggle_active{	
	font-size:11px;
	display: block;
	margin: 5px 0 0 10px;
    cursor: pointer;
}


#lexicon .accordion_content{
	display: block;
	margin: 0 10px 0 10px;
	margin-bottom: 0px;
	overflow: hidden;
}

/*******************************************************************************
 *                               BOX : contact
	margin: 10px 0 0px 0px;
	padding: 5px 0 25px 5px;
	background: url(../images/rightbox_bottom_background.png) no-repeat left bottom;
 ******************************************************************************/

#contact{
	position:relative;
	z-index:2;
	top:-5px;
	height: 130px;
	margin: 0px 0 -25px 0px;
	padding: 15px 0 0px 5px;
	background: url(../images/box_contact_background_new.png) no-repeat 0px 0px;
}

#contact p{
	margin: 0 10px 10px 10px;
	color:#FFF;	
}

#contact a{
	display:block;
	color:#FFF;
	background: url(../images/link_puce.png) no-repeat left 60%;
	margin: 5px 0 0 0 ;
	padding: 0 0 0 15px;
}

#contact_title{
	color:#FFF;
	font-size:16px;
	font-weight:normal;
	margin: 0 0 5px 2px;
	background: url(../images/title_puce_2.png) no-repeat left top;
	padding: 0 0 0 30px;
	height: 20px;
	line-height:18px;
}





.lastbox { background: url(../images/rightbox_last_background.png) no-repeat left bottom; }


/*******************************************************************************
 *                                               Pieds de page
 ******************************************************************************/

#footer{
	position: relative;
	height: 87px;
	color: #6e7f84;
	font-size: 10px;
    z-index: 1;
	line-height: 13px;
	clear: both;
}

#footer a {
	color: #6e7f84;
}

#footer li{
	display: inline ;
}
 
#copyright{
	float:right;
}

#footer_nav{	
	width:904px;
	height:26px;
	overflow: hidden;
	background: url(../images/footer_background_1.png) no-repeat left top;
	padding: 10px 15px 10px 15px;
}

#footer_ref{	
	margin: 5px 0 0 0;
	padding: 6px 15px 10px 15px;
	width:904px;
	height:22px;
	overflow: hidden;
	background: url(../images/footer_background_2.png) no-repeat left top;
	color: #a8a8a8;
	text-align: justify;
}




/*******************************************************************************
 *                                               Formulaires
 ******************************************************************************/



label{
	color:#0f587d;
}

th{
	width: 100px;
	vertical-align:top;
	text-align:right;
	padding: 4px 0 0 0;
	font-weight: normal;
}

th.required{ 
	font-weight: bold;
}

/*
ul.radio_list input{
	align:top;
}

ul.radio_list {
	margin: -2px 0 0 0;
}


ul.radio_list label{
	margin: 0px 0 0 0;
}
*/

ul.radio_list li{
	display: inline;
	list-style: none;
	list-style-image: none;
	margin: 0 15px 0 0;
}


.input_text{
	width: 250px; 
	height: 16px;
	padding: 4px 0 0 4px;
	border: 1px solid #bdc6cf;
	
	font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
   	color: #484747;
}

#contact_newsletter{
	margin: -3px 0 0 0;
}

#contact_message{
	width: 450px; 
	height: 150px;
	padding: 4px 0 0 4px;
	border: 1px solid #bdc6cf;
	
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
   	color: #484747;	
}

#contact_button{
	width: 84px; 
	height: 29px;
	color:#FFF;
	background: url(../images/submit_button_background.png) no-repeat left top;
	border: 0px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	float: right;
}



ul.error_list li{
	display: block;
	list-style: none;
	list-style-image: none;
	margin: 0 15px 0px 1px;
	color: #F00;
	background: url(../images/error_puce.png) no-repeat left top;
	padding: 0 0 0px 20px;
	height:16px;
	line-height:15px;
}

#indicator {
    position: absolute;
    width: 50px;
    height: 50px;
    left: 50%;
    top: 50%;
    z-index: 10;
    background: url(../images/spinner.gif) no-repeat 0 0;
}




/*******************************************************************************
 *                                              Plan de site et pages d'erreur
 ******************************************************************************/

#site_part{
	float: left;
	margin: 20px 0px 0 0;
	height: 200px;
	width: 210px;
}

.content_error {
	padding: 0px 0px 50px 10px;
}

.content_error H1{
	color: #F00;	
	background: url(../images/error_puce.png) no-repeat left bottom;
	padding: 0 0 0px 20px;
	
}

.content_error #site_part{
	width: 180px;
	height: 350px;
}