html, body { 
	color: #003399; 
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif; 
	margin: 0; 
	padding: 0; 
	height: 100%;
	width: 100%;
	vertical-align: bottom;
	/*position: absolute;*/
	bottom: 0px;
}

#scroller {
	position: absolute;
	height: 600px;
	width: 100%;
}

#background {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	background-image:  url(../../media/commun/fond.jpg); 
	background-repeat: repeat-x;
	background-position: 50% 100%;
}

#fond_center { 
	width: 1000px;
	height: 600px;
	background-image:  url(../../media/commun/fond_center.jpg); 
	background-repeat: no-repeat;
	position: absolute;
	overflow: hidden;
	bottom: 0;
	left: 50%;
	margin-left: -500px;
}

#logo { 
	width: 124px;
	height: 112px;
	position: relative;
	top: 15px;
	left: 14px;
	float: left;
}

#menu_container { 
	width: 635px;
	height: 50px;
	position: relative;
	top: 19px;
	left: 222px;
	float: left;
}

#menuContainer{
	position:absolute;
	top:64px;
	right:50%;
	margin-right:-495px;
	width:990px;
	height:10px;
	z-index: 200;
}
	
.menu_onglet { 
	float: left;
	margin-right: 10px;
}

.menu_onglet_langs { 
	float: left;
	margin-top: 7px;
}

#text_container { 
	float: left;
	width: 365px;
	height: 255px;
	margin-top: 45px;
	margin-left: 95px;
}

#actus_accueil {
	width: 340px;
	margin-right:10px;
	float:left;
}

#archives_accueil {
	width: 170px;
	margin-left:10px;
	float:left;
}

#archives_accueil select {
	width: 170px;
}

#flashContainer { 
	float: left;
	width: 421px;
	height: 252px;
	margin-top: 50px;
	margin-left: 65px;
}

.text_accueil { 
	height: 100px;
}

.text { 
	height: 185px;
	width: 365px;
	padding-right: 20px;
	overflow:auto;
	scrollbar-face-color: #d8e6fa;
	scrollbar-highlight-color: #e9eef4;
	scrollbar-shadow-color: #82a0db;
	scrollbar-3dlight-color: #82a0db;
	scrollbar-arrow-color:  #82a0db;
	scrollbar-track-color: #c1d7f7;
	scrollbar-darkshadow-color: #adc8f0;
}

.btn { 
	margin-top: 4px;
}

#entre_vous_et_nous { 
	margin-top: 90px;
	margin-left: 735px;
}

#entre_vous_et_nous_titre { 
	margin-bottom: 7px;
}

#footer { 
	width: 1000px;
	margin-top: 20px;
}

#footer_gauche { 
	width: 780px;
	margin-left: 20px;
	float: left;
}

#footer_droite { 
	width: 180px;
	margin-right: 20px;
	float: left;
	text-align: right;
	color: #396dce;
	font-size: 10px;
}

.spacer { 
	clear: both;
}

ul {
padding: 0px;
margin: 0em 0em 0em 2em;
}

.float {
float: left;
}

/* form */

#contact_container { 
	height: 302px;
}

#text_container_contact_gauche { 
	float: left;
	width: 310px;
	margin-top: 45px;
	margin-left: 95px;
}

#text_container_contact_droite { 
	float: left;
	width: 465px;
	margin-top: 95px;
	margin-left: 65px;
}

.form_text { 
	float: left;
	width: 60px;
	margin-top: 3px;
}

.form_text_desinscription { 
	float: left;
	width: 80px;
	margin-top: 3px;
}


.form_field { 
	float: left;
	width: 245px;
}

.form_field_grand { 
	float: left;
	width: 247px;
}

.form_field_grand_accueil { 
	float: left;
	width: 170px;
}

.form_field_right { 
	float: left;
	width: 245px;
	text-align: right;
	margin-top: 10px;
}

.form_message_field { 
	float: left;
	width: 400px;
}

.message_field { 
	font-size: 11px;
	width: 400px;
	background-color: #c1d7f7;
	font-family: Arial, Helvetica, sans-serif; 
	margin-bottom: 5px;
	border: #8db0e2 1px solid;
}

.dropdown { 
	width: 247px;
	font-size: 10px;
	margin-bottom: 2px;
	margin-top: 1px;
	background-color: #c1d7f7;
	border: #8db0e2 1px solid;
}

.dropdown_accueil { 
	width: 170px;
	font-size: 10px;
	margin-bottom: 2px;
	margin-top: 1px;
	background-color: #c1d7f7;
	border: #8db0e2 1px solid;
}

.textfield { 
	font-size: 10px;
	width: 245px;
	margin-bottom: 2px;
	margin-top: 1px;
	background-color: #c1d7f7;
	border: #8db0e2 1px solid;
}


.text_align_right { 
	text-align: right;
}

.one_col { 
	clear: both;
	width: 810px;
	margin-left: 95px;
}

 /* ref */
 
 #ref_container { 
	height: 302px;
}

#ref_text_container_gauche { 
	float: left;
	width: 325px;
	height: 255px;
	margin-top: 45px;
	margin-left: 95px;
}

#ref_container_droite { 
	float: left;
	width: 481px;
	margin-top: 120px;
	margin-left: 20px;
	padding-right: 20px;
	overflow:auto;
	scrollbar-face-color: #d8e6fa;
	scrollbar-highlight-color: #e9eef4;
	scrollbar-shadow-color: #82a0db;
	scrollbar-3dlight-color: #82a0db;
	scrollbar-arrow-color:  #82a0db;
	scrollbar-track-color: #c1d7f7;
	scrollbar-darkshadow-color: #adc8f0;
}

#ref_photo { 
	float: left;
	width: 192px;
}

#ref_text { 
	float: left;
	width: 285px;
	height: 152px;
	overflow:auto;
}

 /* mentions */

#one_col_scroll { 
	clear: both;
	width: 810px;
	height: 257px;
	margin-left: 95px;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-face-color: #d8e6fa;
	scrollbar-highlight-color: #e9eef4;
	scrollbar-shadow-color: #82a0db;
	scrollbar-3dlight-color: #82a0db;
	scrollbar-arrow-color:  #82a0db;
	scrollbar-track-color: #c1d7f7;
	scrollbar-darkshadow-color: #adc8f0;
}

.table_dropdown_first {
	padding: 2px 3px 2px 3px;
	font-size: 10px;
	text-align: center;
	background-color: #7ca3ee;
	border: #5f91ea 1px solid;
}

.table_dropdown {
	padding: 2px 3px 2px 3px;
	font-size: 10px;
	text-align: center;
	background-color: #7ca3ee;
	border-bottom: #5f91ea 1px solid;
	border-left: #5f91ea 1px solid;
	border-right: #5f91ea 1px solid;
}

 /* inscription */

#text_container_inscription { 
	float: left;
	width: 365px;
	margin-top: 45px;
	margin-left: 95px;
}

#flashContainer_inscription { 
	float: left;
	width: 421px;
	margin-top: 50px;
	margin-left: 65px;
}


 /* texte */
 
.titre { 
	font-size: 30px; 
	font-weight: bold;
	color: #ffffff;
}

.sous_titre { 
	font-size: 11px; 
	font-weight: bold;
	color: #ffffff;
	margin:0;
	margin-bottom: 10px;
	padding:0;
}

.sous_sous_titre { 
	font-size: 18px; 
	font-weight: bold;
	color: #003399;
}

.small { 
	font-size: 10px; 
} 

.small_pale { 
	font-size: 10px; 
	color: #7aa0d6;
} 

 /* liens */
 
a:link { color: #003399; text-decoration: underline; }
a:visited { color: #003399; text-decoration: underline; }
a:hover { color: #ffffff; text-decoration: none; }
a:active { color: #003399; text-decoration: underline; }

a.footer_lien:link { color: #396dce; text-decoration: none; font-size: 10px; }
a.footer_lien:visited { color: #396dce; text-decoration: none; font-size: 10px; }
a.footer_lien:hover { color: #bfbfbf; text-decoration: none; font-size: 10px; }
a.footer_lien:active { color: #396dce; text-decoration: none; font-size: 10px; }

a.ref:link { color: #ffffff; text-decoration: none; }
a.ref:visited { color: #ffffff; text-decoration: none;  }
a.ref:hover { color: #003399; text-decoration: none; }
a.ref:active { color: #ffffff; text-decoration: none; }

a.select:link { color: #003399; text-decoration: none; }
a.select:visited { color: #003399; text-decoration: none;  }
a.select:hover { color: #ffffff; text-decoration: none; }
a.ref:active { color: #003399; text-decoration: none; }

a.plan1:link { color: #003399; text-decoration: none; font-weight: bold; }
a.plan1:visited { color: #003399; text-decoration: none; font-weight: bold; }
a.plan1:hover { color: #ffffff; text-decoration: none; font-weight: bold; }
a.plan1:active { color: #003399; text-decoration: none; font-weight: bold; }

a.plan2:link { color: #003399; text-decoration: none; padding-left: 10px; }
a.plan2:visited { color: #003399; text-decoration: none; padding-left: 10px; }
a.plan2:hover { color: #ffffff; text-decoration: none; padding-left: 10px; }
a.plan2:active { color: #003399; text-decoration: none; padding-left: 10px; }