/**** BODY  */
body {	height: 100%; width: 100%;
		margin:0; padding:0; background: #CCCCCC;
		text-align:center;}

#body_contenu {	position:relative; top:20px; width: 780px;
			margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; border:#b16f72 solid 0px;
			background: #FFFFFF; text-align: left; overflow:show;	}
#body_haut { 	position:absolute; top:-5px; left:0px; height: 5px; width: 100%;
			background: #FFFFFF;
			margin: 0px; text-align: left; border-top:#EEEEEE solid 0px; }
#body_bas { 	position:relative; top:0px; left:0px; height: 5px; width: 100%;
			background: #CCCCCC; margin: 0px; text-align: left; overflow:show;	}

/**** HAUT DE PAGE */
#body_haut_gauche { 	position:absolute; top:0px; left:0px; height: 5px; width: 5px;
				margin-left: 0px; margin-right: 0px;  border-left:#EEEEEE solid 0px;
				background: #FFFFFF; text-align: left; overflow:hidden; }
#body_haut_milieu { 	position:absolute; top:0px; left:5px; height: 5px; width: 770px;
				margin-left: 0px; margin-right: 0px;  border-top:#b16f72 solid 0px;
				background: #FFFFFF; text-align: center; overflow:show; }
#body_haut_droit {	position:absolute; top:0px; left:775px; height: 5px; width: 5px;
				margin-left: 0px; margin-right: 0px;  border-top:#b16f72 solid 0px;
				background: #CCCCCC; text-align: left; overflow:hidden; }

/**** BAS DE PAGE */
#body_bas_gauche {	position:absolute; top:0%; left:0px; height: 5px; width: 5px;
				margin-left: 0px; margin-right: 0px;  border-top:#b16f72 solid 0px;
				text-align: left;  overflow:hidden;	}
#body_bas_milieu {	position:absolute; top:0%; left:5px; height: 5px; width: 770px;
				margin-left: 0px; margin-right: 0px;  border-top:#b16f72 solid 0px;
				background: #777777; background-image: url("images_graph/body_bas.gif"); text-align: center;  overflow:hidden;	}
#body_bas_droit { 	position:absolute; top:0%; left:775px; height: 5px; width: 5px;
				margin-left: 0px; margin-right: 0px;  border-top:#b16f72 solid 0px;
				background: #777777; background-image: url("images_graph/body_bas_droit.gif"); text-align: left;  overflow:hidden;	}


/**** PAGES  */
#page {		position:relative; top:0px; width: 780px;
			margin-left: auto; margin-right: auto; border:#b16f72 solid 0px;
			background: #FFA500; text-align: left; overflow:hidden;	}
#page_gauche { 	z-index:2000;
			position:absolute; top:0px; left:0px; width: 5px; height:2000px;
			margin-left: auto; margin-right: auto; border-left:#EEEEEE solid 0px;
			text-align: left; overflow:hidden;	}
#page_droite { 	z-index:2000;
			position:absolute; top:0px; right:0px; width: 5px; height:2000px;
			margin-left: auto; margin-right: auto; border:#b16f72 solid 0px;
			background: #777777; background-image: url("images_graph/body_droit.gif"); text-align: left; overflow:hidden;	}

#bandeau_haut {	z-index:23;
	position:relative; top:0px; left:0px; width: 100%; height:50px;
	margin-left: 0px; margin-right: 0px; border-top:#b52a25 solid 0px; border-bottom:#b62b26 solid 0px;
	background-image: url("images_graph/bandeau_haut.gif"); text-align: left; overflow:hidden;	}
#bandeau_colonne_orange {	z-index:23;
	position:absolute; top:0px; left:0px; height: 2000px; width:23px;
	margin-left: auto; margin-right: auto; border-left:#FFA500 solid 0px;
	background: #FFA500; text-align: left; }
#bandeau_colonne_rouge {	z-index:23; opacity: 0.6; filter:alpha(opacity=60);
	position:absolute; top:0px; left:20px; height: 2000px; width:200px;
	margin-left: auto; margin-right: auto; border-left:#FFA500 solid 0px;
	background: #6A0202; text-align: left; }


#fond_anim {	position:absolute; top:0px; left:0px; width: 100%; height:600px;
			margin-left: 0px; margin-right: 0px; border-top:#b52a25 solid 0px; border-bottom:#b62b26 solid 0px;
			background: #FFFFFF; text-align: left; overflow:hidden;	}
	#fond_anim img {	
				position:relative; left:0; top:0; width:800; height:600; 
				padding: 0px; border-left:#FFFFFF solid 0px; border-right:#FFFFFF solid 0px;	}

#affiche_contenu {	z-index:23;
			position:relative; top:0px; left:0px; width: 100%;
			margin: 0px; border-right:#000000 solid 0px; border-left:#000000 solid 0px;
			text-align: left; overflow:show;	}

/**** AFFICHAGE DU BLOC DROIT */
/******************************/
#espace_haut {	position:relative; top:0px; left:0px; width: 100%; height:50px;
			margin-left: 0px; margin-right: 0px; overflow:hidden;	}
#affiche_article { z-index:23;
			position:relative; top:-10px; left:32%; width: 500px;
			margin: 0px; border-top:#6A0202 solid 0px; border-left:#6A0202 solid 0px; border-right:#6A0202 solid 0px; border-bottom:#6A0202 solid 0px;
			text-align: left; overflow:show;	}

#page_haut_rouge {position:absolute; top:-15px; left:0px; height: 13px; width: 600px;
			margin: 0px; text-align: left; }
#adresse_bas {
	position:relative; top:30px; height: 20px; width: 100%; 
	margin-left: 0px; margin-right: 0px;  border-top:#b16f72 solid 0px;
	text-align: center; overflow:show;	}
#copyright {
	position:relative; top:0px; height: 0px; width: 100%; 
	margin-left: 0px; margin-right: 0px;  border-top:#b16f72 solid 0px;
	background: #CCCCCC; 
	text-align: center; overflow:show;	}



/**** HAUT DE PAGE */
#bandeau_haut_bord_gauche {	
	position:absolute; top:0px; left:136px; width: 40px; height: 65px;
	margin: 0px; border-left:#FFFFFF solid 0px; 
	background-image: url("images_graph/bandeau_haut_bord_gauche.gif");
	text-align: left; overflow:hidden;	}

#bandeau_haut_bord_droit {	
	position:absolute; top:0px; right:0px; width: 40px; height: 65px;
	margin: 0px; border-left:#FFFFFF solid 0px; 
	background: #FFFFFF; background-image: url("images_graph/bandeau_haut_bord_droit.gif");
	text-align: left; overflow:hidden;	}



#bandeau_ligne1 {	z-index:23;
	position:absolute; top:-14px; left:40px; height: 15px; width:100%;
	margin-left: auto; margin-right: auto; border-bottom:#FFFFFF solid 0px;
	text-align: left;	overflow:hidden;	}

#bandeau_ligne2_fond {	z-index:23; opacity: 0.1; filter:alpha(opacity=10);
	position:absolute; top:12px; left:0px; height: 30px; width:100%;
	margin: 0px; background: #FFFFFF; border:#FFFFFF solid 0px;
	text-align: left; overflow:hidden;	}
#bandeau_ligne2 {	z-index:23; opacity: 0.3; filter:alpha(opacity=30);
	position:absolute; top:12px; left:0px; height: 75px;
	margin: 0px; border:#FFFFFF solid 0px;
	text-align: left; overflow:hidden;	}
	#bandeau_ligne2 img {	
		position:relative; left:0; top:0; padding: 0px; width:780px; height:30px;
		border-left:#FFFFFF solid 0px; border-right:#FFFFFF solid 0px;	}



/************************/
/**** Elements ARTICLES */
/************************/
#langues_article { z-index:125;
	position:absolute; top:1px; left:620px; width: 120px; height:15px;
	margin: 0px; border:#FFFFFF solid 0px;
	text-align: left; overflow:hidden;	}

/**** Blocs ARTICLE	*/
/************************/

/**** Titre des ARTICLES	*/
#affiche_titre { z-index:30; 
	position:absolute; top:-20px; left:0px; border:#000000 solid 0px;
	margin: 0px; text-align: left; overflow:hidden;	}

div.titre_gauche { 	float: left; height:20px; width: 13px; text-align: left; }
div.titre_texte{ 		float: left; height:20px;
				margin: 0px; padding: 0px; text-align: left; }
	div.titre_texte img{ 	height:19px; width:19px;
				margin: 0px; padding: 0px; }
div.titre_droit { 	float: left; height:20px; width: 26px; text-align: left; }

/**** Bloc ARTICLES	*/
#affiche_haut { 			position:relative; top:0px; left:0px; width: 100%; height:1px;
					background: #FFA500; margin: 0px; text-align: left; border-right:#FFA500 solid 2px; 
					overflow:hidden }
#affiche_haut_gauche { 		position:absolute; top:0px; left:0px; width:5px; height:5px;
					margin: 0px; background-image: url("images_graph/affiche_hg.gif"); text-align: left; }
#affiche_haut_droit { 		position:absolute; top:0px; right:0px; width:5px; height:5px;
					margin: 0px; background-image: url("images_graph/affiche_hd.gif"); text-align: left; }

#affiche_milieu {			opacity: 0.85; filter:alpha(opacity=85);
					position:relative; top:0px; left:0px; width: 100%;
					background: #ffeecf; margin: 0px; text-align: left; overflow:hidden; border-left:#FFA500 solid 0px; border-right:#6A0202 solid 0px; }
#affiche_milieu_texte {		position:relative; top:0px; left:5%; width: 90%;
					margin: 0px; text-align: justify; overflow:hidden;	}

#affiche_bas { 			position:relative; top:0px; left:0px; width: 100%; height:2px;
					margin: 0px; text-align: left; border-top:#6A0202 solid 0px;  border-right:#FFFFFF solid 0px; 
					overflow:hidden }



/**** ELEMENTS DE MENUS	*/
/************************/
#menu_back { 	z-index:150; position:absolute; top:32px; left:190px; height:20px; width: 20px;	overflow:hidden;	}
#menu_print { 	z-index:150; position:absolute; top:32px; left:160px; height:19px; width: 19px;	}
#menu_home { 	z-index:150; position:absolute; top:32px; left:130px; width: 25px;	}
#menu_home_txt { 	z-index:150; position:absolute; top:37px; left:30; width: 25px;	}

#menu_barre_adresse { 	position:relative; top:0px; left:0px; height:19px; width: 19px; margin:0px; padding:0px; overflow:hidden; }
	#menu_barre_adresse img { 	height:19px; width: 19px;	}

#menu_pcp_top {	z-index:50;
			position:absolute; top:-15px; left:250px; height: 15px; width:300;
			margin-left: auto; margin-right: auto; border-bottom:#FFFFFF solid 0px;
			text-align: right;	overflow:hidden;	}
#menu_reza {	position:relative; width: 200px; height: 30px; overflow:hidden;	}


/**** Blocs menus GAUCHE	*/
/******************************/
#bloc_menu_gauche {	z-index:30; 	
				position:absolute; top:120px; width: 220px; left: 0px; margin: 0px; border:#000000 solid 0px;
				text-align: right; overflow:show; }

#menu_pcp { 	z-index:500;
			position:relative; top:0px; width: 220px; left: 0px; margin: 0px; border:#000000 solid 0px;
			text-align: left; overflow:show; }
.row_menu_pcp{		display:block; position:relative; top:0px; height:20px; width: 100%; text-align: left; vertical-align: bottom; }
span.menu_pcp_puce{ 	display:block; opacity: 0.6; filter:alpha(opacity=60);
				position:absolute; top:0px; left: 0px; height:20px; width: 30px;
				background: #6A0202; background-image: url("images_graph/menu_pcp.gif"); text-align: left; }
span.menu_pcp_texte{	display:block; opacity: 0.6; filter:alpha(opacity=60);
				position:absolute; top:0px; left: 30px; height:20px; width: 190px; 
				background: #6A0202; text-align: left; margin-top:2px; overflow:auto; }

.row_menu_pcp_on{		display:block; position:relative; top:0px; height:30px; width: 100%; text-align: left; vertical-align: bottom; }
span.menu_pcp_puce_on{ 	display:block; position:absolute; top:0px; left: 0px; height:30px; width: 30px;
				background: #FFA500; background-image: url("images_graph/menu_pcp_on.gif"); text-align: left; }
span.menu_pcp_texte_on{ display:block; position:absolute; top:0px; left: 30px; height:30px; width: 210px;
				background: #FFA500; text-align: left; overflow:auto; }
span.menu_sec_texte{ 	display:block; position:relative; top:0px; left: 0px; height:19px; width: 100%;
				background: #FFFFFF; opacity: 0.65; filter:alpha(opacity=65); text-align: left; overflow:auto; }
span.menu_sec_texte_on{ display:block; position:relative; top:0px; left: 0px; height:19px; width: 100%;
				background: #FFFFFF; opacity: 0.65; filter:alpha(opacity=65); text-align: left; overflow:auto; }
span.menu_showhide{ display:block; position:relative; top:0px; left: 0px; height:19px; width: 100%;
				background: #FFFFFF; text-align: left; overflow:auto; }
#menu_showhide_haut { 	
			position:relative; top:0px; left:	0px; width: 200px; height:6px; margin: 0px; border:#000000 solid 0px;
			background-image: url("images_graph/menu_showhide_h.gif"); text-align: right; overflow:hidden; }
#menu_showhide_bas { 	
			position:relative; top:0px; left:	0px; width: 200px; height:6px; margin: 0px; border:#000000 solid 0px;
			background-image: url("images_graph/menu_showhide_b.gif"); text-align: right; overflow:hidden; }
#menu_pcp_bas { 
			position:relative; top:0px; left:	0px; width: 220px; height:2px; margin: 0px;
			background-image: url("images_graph/menu_showhide_b.gif"); text-align: right; overflow:hidden; }

#bloc_menu_gauche_bas{ 
			position:relative; top:10px; width: 220px; left: 0px; margin: 0px; border:#000000 solid 0px;
			text-align: right; overflow:show; }

/************************/
/**** FORMULAIRES	      */
/************************/
#pscroller2{		position:relative; left:0px; top:0; width: 100%; height: 100%;
				margin:0; padding: 0px; border: 0px solid white;
				text-align:left; 	}

.form_texte {		position:relative; left:0px; top:0; height: 20px; width: 250px;
				background-color: #FFFFFF; 
				border-width:0px;
				font-family: Verdana,Arial;	font-size: 9pt;	font-weight: none;	color: #000000; }

.form_texte_court {	position:relative; left:0px; top:0; height: 20px; width: 100px;
				background-color: #FFFFFF; 
				border-width:0px;
				font-family: Verdana,Arial;	font-size: 9pt;	font-weight: none;	color: #000000; }

.form_deroul {		position:relative; left:0px; top:0; height: 20px; width: 50px;
				background-color: #FFFFFF; 
				border-width:0px;
				font-family: Verdana,Arial;	font-size: 9pt;	font-weight: none;	color: #000000; }

.form_txtarea {		position:relative; left:0px; top:0; height: 150px; width: 350px;
				background-color: #FFFFFF; 
				border-width:0px;
				font-family: Verdana,Arial;	font-size: 9pt;	font-weight: none;	color: #000000; }


/******************************/
/**** DDRIVE.JS SCROLLER	*/
/******************************/
#texte_defilant { z-index:10000;	
	position:absolute; top:15px; left:0px; width: 100%; height: 70px;
	margin: 0px; border-bottom:#e0d5d5 solid 0px; padding:0px;
	text-align: center; overflow:hidden;	}
#texte_defilant_selection { z-index:10000;	
	position:absolute; top:300px; left:0px; width: 100%; height: 100%;
	margin: 0px; border-bottom:#e0d5d5 solid 0px;
	text-align: center; overflow:hidden;	}


/*Example CSS for the two demo scrollers*/

#pscroller1{	position:absolute; left:0px; top:0px; width: 100%; height: 100%;
			margin:0; padding: 0px; border: 0px solid white; text-align:left;	}
#pscroller2{	position:absolute; left:0px; top:0; width: 100%; height: 100%;
			margin:0; padding: 0px; border: 0px solid white;
			text-align:left; 	}


/************************/
/**** GOOGLE MAP	      */
/************************/
#map { 	position:absolute; top: 0px; left: 0px;
		height: 250px; width: 99%;
		border:#000000 solid 2px;
		margin:0; padding:0;
		text-align: left;
		overflow:hidden;	}