#site {	background-image: url(../image/arp_degrade_bleu_plage.png); margin-left: auto; margin-right: auto; width: 1200px; /* largeur du contenu */ text-align: left; /* rétablit l'alignement normal du texte */	}
#contenu {/*overflow:auto;*/ height:900px;padding-right:20px; display:block; float:left; width:700px; text-align:justify; }
#contenu_base {overflow:auto; height:700px;padding-right:20px; display:block; float:left; width:780px; text-align:justify; }

#contenu_home {;display:block; float:center; width:900px; text-align:justify; }
#bandeau {position:relative;}
#centre {margin:0 202px 0 181px;}
#centre_log {margin:0 202px 0 181px;margin-top:30%}
#centre_home {margin:0  0 px;}
#gauche {float:left; width:120px; /*padding:12px 0 0 0; */display:block;}
#droite {float:right; width:157px; /*padding:12px 0 0 0; */display:block;}
#parag_centre{text-align:center ; color:white;}
#parag_centre_info{font-size:14px ;text-align:center ; color:white;}
#rouge{ color:red; background-color:white}
#bleu{ color:blue; background-color:white}
#vert{ color:green; background-color:white}
#orange{ color:orange; background-color:white}
#jaune{ color:yellow; background-color:white}
#parag_baspage{text-align:center ; color:black;}
#parag_contact{text-align:center ; color:black;}
.messgras{text-align:left ; color:black;}
#signature{text-align:right ; color:white;}
.email{text-align:center ;font-size:7; color:red;}
.fulltexte{text-align:center ;font-size:12px; color:white;}
.paragraphe{overflow:auto; height:500px;}
li a.fulltexte_home{text-align:left ;font-size:12px;font-style:verdana; color:white;}
.fulltexte_art{text-align:center ;font-size:12px; color:white;}
.b_left{text-align:left ;font-size:10; color:white;}
.b_right{text-align:right ;font-size:10; color:white;}
#contacte{width:180px  ;height:335px;  text-align:center; background-image:url(../image/bloc_note.gif)}
#photo{width:200px  ;height:280px;  text-align:center; background-color:white}
	.ttpetit { font-size: xx-small; }
	.tpetit  { font-size: x-small; }
	.petit   { font-size: small; }
	.gros    { font-size: large; }
	.tgros   { font-size: x-large; }
	.ttgros  { font-size: xx-large; }
#previewDiv{
	position:relative;
	float:center; 
	display:block;
	width:600px;
	height:100px;
	background-color: white;
	/*background-image: url(../image/cahier.png);*/
   background-repeat: no-repeat;
   margin-bottom: 0px;
}
#saisietexte{
	position:relative;
	float:center; 
	display:none;
	
 visibility:hidden;
	width:600px;
	
	background-color: white;
	/*height:100px;background-image: url(../image/cahier.png);*/
   background-repeat: no-repeat;
   margin-bottom: 0px;
}
h1{
	color:white;
	text-align:center;
	font-size:24px;
	}
h2{
	color:white;
	text-align:center;
	font-size:14px;
	}
.noir{
	color:black;
	text-align:center;
	}
h3{
	color:white;
	text-align:center;
	font-size:14px;
	}
li{
	color:white;
	font-size:12;
	
	
	}
.lien{
	color:white;

	}
.important_tab{
	color:red;
	font-size:12;
	
	
	}
body { margin:0px 0 0 0; 
	padding:0; 
	text-align: center;
	/* correction du bug de centrage IE */	
	font-family:Arial, Helvetica, sans-serif; 
	color:#3C6879;
	font-size:12px; 
	background-color:blue;
	background-image: url(../image/arp_degrade_bleu.png);
	background-repeat:no-repeat;
	background-position: center;
	}
body .home
{ margin:0px 0 0 0; 
	padding:0; 
	text-align: center;
	/* correction du bug de centrage IE */	
	font-family:Arial, Helvetica, sans-serif; 
	color:#3C6879;
	font-size:12px; 
	background-color:blue;

	background-repeat:no-repeat;
	background-position: center;
	}
.aff_div {
 display:inline;
 }
.cache_div {
 display :none;
 }
div#navigation { position:relative; background-image:url(../image/barre_bas.gif) ;}
div#cadre_photo { position:relative; float:right; border:1px ; padding:5px ;}	
	div#cadre_photo_grp { position:relative; float:left; border:1px ; padding:1px ;}
div#cadre_tableau { position:relative; float:right; border:1px ; padding:1px ;}
div.enveloppe {	background-image: url(../image/enveloppe.gif); width:290px; position:relative; float:right; border:1px ; padding:1px; color:black;}
div.important {background-color:red; width:290px; position:relative; float:right; border:1px ; padding:1px; color:white ;}
div.important_large {background-color:red;  position:relative; float:right; border:1px ; padding:1px; color:white ;}
div.info_gauche {border:2px; width:290px; position:relative; float:left; border:1px ; padding:5px ;}
div.milieu {border:2px; width:600px; position:relative; float:left; border:1px ; padding:5px ;}
div.milieu_validation {border:2px; width:600px; height:300px; overflow:auto position:relative; float:left; border:1px ; padding:5px ;}
div#dmessage {visibility: hidden; display:none ; border:2px; width:600px; position:relative; float:left; border:1px ; padding:5px /* ;background-image: url(../image/cahier.png);*/}
#message {background-image: url(../image/cahier.png);}
div#charte {display:block;border:2px; height:250px;width:600px; position:relative; float:left; border:1px ; padding:5px ;background-image: url(../image/ac_parchemin_archives.gif)}
div.info_droite {border :2px;width:290px;height:180px; position:relative; float:right; border:1px ; padding:5px ; margin-left:4px ;}
#navbasdroite{float:right;  /*padding:12px 0 0 0; */display:block;}
#navbasgauche{float:left;  /*padding:12px 0 0 0; */display:block;}
.niveau1{color:black}	
/* Pied de page (avec logo EDF) */
div#pieddepage {clear:both; position:relative; background-image:url(../image/barre_bas.gif) ;}
/*	#navbas {float:left; display:block; padding:38px 0 0 25px;}
		#navbas .sep {padding:0 8px 0 8px;}
		#navbas a{color:#3C6879; text-decoration:none;}
		#navbas a:hover{text-decoration:underline;}
	#copyrightEtLogo {float:right; font-family:Verdana, Arial, Helvetica, sans-serif; padding:38px 90px 0 0; color:#92A7AF;}
		#copyrightEtLogo a{color:#92A7AF; text-decoration:none;}
		#copyrightEtLogo a:hover{color:#92A7AF; text-decoration:underline;}
	#logopied {position:absolute;top:22px;right:13px;}
		#logopied img{border:0;}*/
		#sous_contenu_g{text-align:center;}
img #marathon{
	margin-left:15%;
	width:50%;
	height:20%;
}
div.message_recu
{
	position:relative;
	float:center; 
	display:block;
	width:600px;
	background-color: white;
	/*background-image: url(../image/cahier.png);*/
   background-repeat: no-repeat;
   margin-bottom: 0px;
}
div.livre
{	
	position:relative;
	float:center; 
	display:block;
	padding-top:20px;
	padding-right:10px;
	height:400px;
	background-image: url(../image/bloc_message.png);
	/*	background-color: white;
   background-repeat: no-repeat;
   margin-bottom: 0px;*/
}
div.mess_livre
{	overflow:auto;
	position:relative;
	float:center; 
	display:block;
	margin-top:0px;
	height:280px;
	/*background-image: url(../image/bloc_message.png);
		background-color: white;
   background-repeat: no-repeat;
   margin-bottom: 0px;*/
}

div.panneau{
	position:relative;
	float:center; 
	display:block;
	padding-top:20px;
	padding-right:10px;
	height:200px;
	background-image: url(../image/bloc_infoimport.png);
	background-repeat: no-repeat;
  /*	background-color: white; margin-bottom: 0px;*/
}
div.mess
{
	margin-left:25px;
	padding-left:10px;
	padding-right:25px;
	margin-top:50px;
	position:relative;
	float:center; 
	display:block;
	width:600px;
	height:300px;
	background-image: url(../image/mess.png);
	background-repeat: no-repeat;
  /*	background-color: white; margin-bottom: 0px;*/
}
div.bloc_info
{
	padding-left:0px;
	margin-left:10px;
	padding-right:0px;
	padding-top:10px;
	position:relative;
	float:left; 
	display:block;
	width:400px;
	height:300px;
	background-image: url(../image/bloc_info.png);
   background-repeat: no-repeat;
   /*	background-color: white;

   margin-bottom: 0px;*/
}
div.detail_info
{
	position:relative;
	float:left; 
	display:block;
	width:380px;
	height:300px;
	/*background-image: url(../image/bloc_info.png);*/
   background-repeat: no-repeat;
   /*	background-color: white;

   margin-bottom: 0px;*/
}
.boutonadm
 {
/*	margin-left:15%;*/
	position:relative;
	float:left; 
	display:block;
	width:150px;
	height:18px;
	background-image: url(../image/badm.png);
	text-align:center;
	color:white;
}
div.bouton
 {
/*	margin-left:15%;*/
	position:relative;
	float:left; 
	display:block;
	width:200px;
	height:18px;
	background-image: url(../image/b_titre.gif);
	text-align:center;
	color:white;
}
div.b_titre
 {
/*	margin-left:15%;*/
	position:relative;
	float:center; 
	display:block;
	/*width:250px;*/
	height:18px;
	background-image: url(../image/b_titre.gif);
	text-align:center;
	color:white;
}
div.b_titre_home
 {
/*	margin-left:15%;*/
	position:relative;
	margin-top:10px;
	float:center; 
	margin-left:20px;
	display:block;
	width:270px;
	height:18px;
	background-image: url(../image/b_titre_home.png);
	text-align:center;
	color:white;
}
div#gold
 {
/*	margin-left:15%;*/
	position:relative;
	float:center; 
	display:block;
	/*width:250px;*/
	height:24px;
	font-size:18px;
	background-image: url(../logos_sponsors/bar_gold.gif);
	text-align:center;
	color:black;
}
div#pink
 {
/*	margin-left:15%;*/
	position:relative;
	float:center; 
	display:block;
	/*width:250px;*/
	height:24px;
	font-size:18px;
	background-image: url(../logos_sponsors/bar_pink.gif);
	text-align:center;
	color:black;
}
div#style
 {
/*	margin-left:15%;*/
	position:relative;
	float:center; 
	display:block;
	/*width:250px;*/
	height:24px;
	font-size:18px;
	background-image: url(../logos_sponsors/bar_style.gif);
	text-align:center;
	color:white;
}
div#green
 {
/*	margin-left:15%;*/
	position:relative;
	float:center; 
	display:block;
	/*width:250px;*/
	height:24px;
	font-size:18px;
	background-image: url(../logos_sponsors/bar_green.gif);
	text-align:center;
	color:white;
	}
div#menu
 {
/*	margin-left:15%;*/
	position:center; 
	width:1200px;
	height:40px;
	background-image: url(../image/b_chrono.gif);
	text-align:center;
	
}
a.bouton 
{	
	font-size:16;
	color:black;
	}	
	
	
b#tel
	{	
	font-size:16;
	color:black;
	}	
b
	{	
	font-size:16;
	color:white;
	}	

a.bouton:hover
{	background-color:white;
	font-size:16;
	color:red;
	}	
div#menu:hover 
{
	background-image: url(../image/b_coureur.gif);
	
}	
div.h3 
{	
	text-align:left;
	//*font-size:16;*//
	color: white;
	}	
	
//* teste pour afficher et cacher du texte*//
	.clicTitre
  {
  border-color: #000000;
  border-top: 1px solid;
  border-left: 1px solid;
  border-right: 1px solid;
  border-bottom: 2px dashed;
  background-color: #eeeeee;
  }

.clicCacher
  {
  top: -20px;
  position: relative;
  text-align:right;
  }

.contenant 
  {
  display : block;
  border: 1px solid #000000;
  background-color: red;
//*  background-image: url(../image/ar_regle.gif);*//
  
  }
 #article{
 visibility:visible;
 display:block;
 }
  #article2{
 visibility:visible;
 display:block;
 }
  #article3{
 visibility:visible;
 display:block;
 }
  #article4{
 visibility:visible;
 display:block;
 }
  #article5{
 visibility:visible;
 display:block;
 }
  #article6{
 visibility:visible;
 display:block;
 }
  #article7{
 visibility:visible;
 display:block;
 }
  #article8{
 visibility:visible;
 display:block;
 }
  #article9{
 visibility:visible;
 display:block;
 }
  #article10{
 visibility:visible;
 display:block;
 }
  #article11{
 visibility:visible;
 display:block;
 }
  #article12{
 visibility:visible;
 display:block;
 }
  #article13{
 visibility:visible;
 display:block;
 }
  #article14{
 visibility:visible;
 display:block;
 }
  #article15{
 visibility:visible;
 display:block;
 }
  #article16{
 visibility:visible;
 display:block;
 }
  #article17{
 visibility:visible;
 display:block;
 }
  #article18{
 visibility:visible;
 display:block;
 }