/****** CSS LAYOUT ******/

body { 
	margin: 0; /* pour éviter les marges */
    text-align: center; /* pour corriger le bug de centrage IE */
	margin-top : 15px;
	font : normal normal normal 12px Arial, sans-serif;
}

#bloc_904{
	width : 904px;
	background-color : #FFFFFF;
	margin-left: auto;
    margin-right: auto;
	text-align: left;
	height : 900px;
}

#bloc_tete{
	width : 100%;
	height : 330px;
	background : url(../images_css/header_arrondi.gif) no-repeat bottom left;
	padding : 0 2px;
}

#bloc_tete_gauche{
	float: left;
	width : 310px;
	/*height : 200px;
	background-color : #FF0000;*/
}

#bloc_tete_droite{
	float: left;
	width : 590px;
	/*height : 200px;
	background-color : #00FF00;*/
}

/************ MENU SOUS LOGO *************/
#menu{
	margin-top:1px;
}

.menu_onglet{
	height : 48px;
	background : url(../images_css/header_onglet_menu.gif) no-repeat bottom left;
	line-height : 48px;
	font-size : 18px;
	font-family : Helvetica, Arial, , sans-serif;
	color : #003366;		/***Bleu marine***/
}

.menu_onglet img{
	display : block;
	float : left;
	margin-right : 8px;
}

/************ MENU LANGUES + CONTACT *************/
#langues{
	font : normal normal normal 12px Arial, sans-serif;
	/*background-color:red;*/
	color : #666666;
	margin-top : 25px;
	height : 26px;
	width : 100%;
}

#langues img{
	display : block;
	float : left;
	margin-right : 8px;
}

#langues span{
	float : left;
}

/************ ONGLETS + GRANDE IMAGE *************/

#onglets{
	width : 580px;
	height : 26px;
	/*background-color : green;*/
	text-align : center;
}

#onglets div{
	float : left;
}

.onglet_gauche{
	height : 26px;
	width : 15px;
	background : url(../images_css/header_onglet_gauche.gif) no-repeat;
}

.onglet_droit{
	height : 26px;
	width : 15px;
	background:  url(../images_css/header_onglet_droit.gif) no-repeat;
}

#onglets span{
	float : left;
	background : url(../images_css/header_onglet_centre.gif) repeat-x;
	line-height : 26px;
	font-size : 18px;
	font-weight : normal;
	font-family : Helvetica, Arial, sans-serif;
	color : #FFFFFF;
	padding : 0 5px;
}

.separation_onglet{
	margin-right : 2px;
}

.decalage{
	margin-left : 30px !important;
	margin-left : 12px;
}


/************ CONTENU *************/

#contenu{
	/*background-color : blue;*/
	width : 900px !important;
	width : 904px;
	background : url(../images_css/bordures.gif) repeat-y;
	padding : 0 2px;
}

#contenu #colonne_gauche{
	margin-top : 19px;
	float : left;
	width : 300px;
	/*background-color : #779933;*/
	padding : 0px;
}

#contenu #colonne_droite{
	margin-top : 19px;
	float : right;
	width : 590px;
	/*background-color : #773399;*/
	padding : 0px;
}

.bloc_290-275{
	float : left;
	width : 290px;
	/*height : 275px;*/
	/*background-color : #CCCCCC;*/
	margin-left : 10px !important;
	margin-left : 5px;
}

.bloc_280-275{
	float : left;
	width : 280px;
	height : 275px;
	/*background-color : #CCCCCC;*/
}

/************ BLOC *************/

.bloc_titre{
	height : 26px;
	width : 280px;
	/*background-color : green;*/
	font-size : 18px;
	font-weight : normal;
	font-family : Arial, sans-serif;
	color : #003366;
	line-height : 26px;
	border-bottom : 4px solid #666666;
}

.bloc_titre img, .bloc_titre_2 img{
	display : block;
	float : left;
	margin-right : 8px;
}

.bloc_titre_2{
	height : 26px;
	width : 580px;
	/*background-color : green;*/
	font-size : 18px;
	font-weight : normal;
	font-family : Arial, sans-serif;
	color : #003366;
	line-height : 26px;
	border-bottom : 4px solid #666666;
}

.bloc_contenu{
	/*background-color : red;*/
	height : 200px;
	width : 280px;
}	

/************ BLOC ACTUALITES *************/
#bloc_date{
	padding : 6px 4px;
	font-size : 12px;
	font-weight : bold;
	font-family : Arial, sans-serif;
	color : #999999;
	border-bottom : 1px dashed #CCCCCC;
	margin-bottom : 8px;
}

#bloc_actu_titre{
	color : #003366;
	font-weight : bold;
	margin-left : 4px;
}

#bloc_actu_description{
	padding :0 4px;
	width : 282px !important;
	width : 290px;
	font-size : 12px;
	color : #333333;
	text-align : justify;
}

/************ BLOC ARTICLES *************/
#bloc_sous_titre{
	padding : 0px 4px;
	font-size : 12px;
	font-weight : bold;
	font-family : Arial, sans-serif;
	color : #666666;
	text-align : center;
	height : 30px;
	/*background-color : red;*/
}


/************ BLOC PIED  *************/
.bloc_pied_gauche{
	float : left;
	height : 46px;
	width : 14px;
	background : url(../images_css/contenu_bloc_pied_gauche.gif) no-repeat;
}

.bloc_pied_droit{
	float : left;
	height : 46px;
	width : 14px;
	background:  url(../images_css/contenu_bloc_pied_droit.gif) no-repeat;
}

.bloc_pied_centre{
	float : left;
	height : 46px;
	background : url(../images_css/contenu_bloc_pied_centre.gif) repeat-x;
	line-height:25px;
	font-size : 12px;
	font-weight : bold;
}

.bloc_pied_centre img{
	display : block;
	float : left;
	margin-right : 10px;
}

/************ BLOC SLIDESHOW  *************/
.slideshow{
    position:relative;
    height:350px;
}

.slideshow img{
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

.slideshow .active{
    z-index:10;
}

.slideshow .last-active{
    z-index:9;
}

/************ BLOC RECHERCHE  *************/
#bloc_recherche{
	width : 290px;
	height : 122px;
	background:  url(../images_css/contenu_bloc_recherche.gif) no-repeat;
}

#bloc_recherche #champs_form{
	display : inline;
	float : left;
	width : 280px;
	line-height : 24px;
	margin-top : 50px;
	/*background-color: green;*/
	margin-left : 5px;
	font-size : 14px;
	font-weight : bold;
	color : #FFFFFF;
}

.chps_texte{
	height : 24px;
	background:  url(../images_css/contenu_fond_champs.gif) repeat-x;
	border : 1px solid #999999;
}

#bloc_recherche #btn_form{
	display : inline;
	float : left;
	width : 280px;
	text-align : right;
}

#recherche_btn {
	margin-top : 12px;
	cursor: pointer;
	width: 49px;
	height: 21px;
	border: none;
	background: url(../images_css/contenu_bloc_recherche_btn.gif) no-repeat left top;
}

/************ BLOC NEWSLETTER  *************/

#newsletter_header{
	width : 290px;
	height : 96px;
	background:  url(../images_css/bloc_newsletter_header.gif) no-repeat;
}

#newsletter_fond{
	width : 290px;
	background:  url(../images_css/bloc_newsletter_fond.gif) repeat-y;
}

#newsletter_footer{
	width : 290px;
	height : 14px;
	background:  url(../images_css/bloc_newsletter_footer.gif) no-repeat;
}

#champs_form_2{
	display : inline;
	float : left;
	width : 280px;
	line-height : 24px;
	margin-top : 56px;
	/*background-color: green;*/
	margin-left : 5px;
	font-size : 14px;
	font-weight : bold;
	color : #FFFFFF;
}

#btn_form_2{
	width : 280px;
	text-align : right;
}

#newsletter_btn_2 {
	margin-top : 12px;
	cursor: pointer;
	width: 94px;
	height: 21px;
	border: none;
	background: url(../images_css/contenu_bloc_newsletter_btn.gif) no-repeat left top;
}




#bloc_newsletter{
	margin-top : 22px;
	width : 290px;
	height : 131px;
	background:  url(../images_css/contenu_bloc_newsletter.gif) no-repeat;
}

#bloc_newsletter #champs_form{
	display : inline;
	float : left;
	width : 280px;
	line-height : 24px;
	margin-top : 56px;
	/*background-color: green;*/
	margin-left : 5px;
	font-size : 14px;
	font-weight : bold;
	color : #FFFFFF;
}

#bloc_newsletter #btn_form{
	display : inline;
	float : left;
	width : 280px;
	text-align : right;
}

#newsletter_btn {
	margin-top : 12px;
	cursor: pointer;
	width: 94px;
	height: 21px;
	border: none;
	background: url(../images_css/contenu_bloc_newsletter_btn.gif) no-repeat left top;
}

/************ FOOTER  *************/
#pied{
	width : 880px;
	margin-left : 10px;
	/*background-color : green;*/
	margin-top : 19px;
}

#pied #gauche{
	float : left;
	height : 54px;
	width : 10px;
	background : url(../images_css/footer_arrondi_gauche.gif) no-repeat;
}

#pied #droit{
	float : left;
	height : 54px;
	width : 10px;
	background:  url(../images_css/footer_arrondi_droit.gif) no-repeat;
}

#pied #centre{
	float : left;
	height : 54px;
	background : url(../images_css/footer_fond.gif) repeat-x;
	width : 860px;
}

#pied #menu_gauche{
	margin-top : 20px;
	color : #666666;
	float : left;
	font-size : 14px;
	font-weight : bold;
}

#pied #menu_droite{
	float : right;
	margin-top : 20px;
	color : #003366;
	font-size : 14px;
	font-weight : bold;
}

#pied #strille{
	width : 878px !important;
	width : 880px;
	height : 31px;
	background : url(../images_css/footer_strille.gif) repeat-x;
	border-left : 1px solid #CCCCCC;
	border-right : 1px solid #CCCCCC;
	text-align : right;
	color : #333333;
	font-weight : bold;
	padding-top : 0 !important;
	padding-top : 8px;
	line-height : 31px;
}

#strille img{
	margin : 0 6px;
}

/************ PAGE REFERENCES  *************/
.map_france {
	background:url(../images_css/references/france_330x330.gif) no-repeat; 
	width : 330px; 
	height : 330px; 
	border : 0;
}

#liste_references .title { 
	font-weight : bold; 
}
.title, .mytitle { 
	cursor : pointer;
	border : 1px solid #CCCCCC;
	margin-bottom : 3px;
	padding : 2px; 
}

.on .mytitle { 
	background-color : #003366; 
	color : #FFFFFF;
}

.off .mytitle { 
	background-color:#E0E0E0;
}

.content, .mycontent {
	text-align : justify;
	color : #333333;
	margin-top : 4px;
	/*background-color : #F5F5F5;
	padding : 0.1em;
	border : 1px solid #C0C0C0;
	border-top-width : 0;*/
}

	

/************ PAGE CONTACT  *************/
#infos{
	width : 100%;
	color : #FFFFFF;
	padding : 5px;
}

.infos_normal{
	display : none;
	/*display : block;
	background-color : #CC0000;
	height : 20px;*/
}

.infos_erreur{
	display : block;
	background-color : #CC0000;
}

.infos_succes{
	display : block;
	background-color : #66CC00;
}