/**************************************************************/
						/* Template général */
/**************************************************************/

*{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	list-style:none;
}

body{ 
	background-image:url(../images/fd.png);
	padding:0;
	margin:0;
}

#principal{
	background-image:url(../images/fd-principal.png);
	background-repeat:repeat-x;
}

hr{ display:none; }

/********************** HEADER ********************/

#header{
	height:385px;
	width:980px;
	margin:auto;
	background-color:#FFFFFF;
}

/******************* !EOF HEADER ******************/

/*************** STYLES COMMUNS *******************/

#menu_gauche{
	background-repeat:repeat-y;
	float:left;
	width:196px;
}
.centre{
	width:980px;
	margin:auto;
	margin-top:15px;
}
h1{
	font-size:9px;
	text-indent:-3000px;
	background-repeat:none;
	width:190px;
	height:54px;
}
#menu_gauche ul{
	background-position:bottom left;
	background-repeat:no-repeat;
	padding-bottom:50px;
}
#menu_gauche ul li a{
	text-decoration:none;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	display:block;
	color:#FFFFFF;
	font-weight:bold;
	margin-left:2px;
	margin-right:8px;
	font-size:13px;
}
#menu_gauche ul li a:hover{ 
	padding-left:20px;
}
#contenu{
	background-image:url(../images/contenu_fond.png);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	float:left;
	width:758px;
	margin-left:26px;
	padding-top:25px;
	position:relative;
}
#texte, #texte_droit{
	padding-left:25px;
	color:#666666;
	font-size:12px;
	float:left;
}
#texte{
	width:415px;
	border-right:1px dotted #999999;
	padding-right:25px;
	min-height:150px;
	text-align:justify;
}
#texte_droit{
	float:left;
	padding-right:25px;
	margin-left:10px;
	width:220px;
}
#texte_droit h2{
	font-size:14px;
	font-weight:bold;
	color:#99CC33;
	border-bottom:1px solid #99CC33;
	margin-bottom:5px;
}
#texte_droit li{
	background-image:url(../images/fd-li-droit.png);
	background-repeat:repeat-x;
	height:63px;
	display:block;
}
#texte_droit li a{
	outline:none;
}
#contenu_bas{
	width:758px;
	background-image:url(../images/contenu_bas.png);
	background-repeat:no-repeat;
	clear:both;
}
#texte h2{
	font-size:14px;
	border-bottom:1px solid black;
	margin-top:20px;
	margin-bottom:11px;
}
#actualites #menu_gauche ul a#menu_gauche_lien_supp{
	font-size:11px;
	font-weight:bold;
	display:block;
	padding-left:12px;
	padding-top:35px;
}

/************* !EOF STYLES COMMUNS ****************/


/**************** RUB ACTUALITES ******************/
#actualites h1{ background-image:url(../images/h1_actu.png); }
#actualites #menu_gauche ul{ background-image:url(../images/menu_gauche_actu_bas.png); }
#actualites #menu_gauche{ background-image:url(../images/menu_gauche_actu.png); }
#actualites #menu_gauche ul li a:hover{ background-color:#660066;}
#actualites #menu_gauche ul #menu_gauche_lien_supp:hover{ 
	color:#660066; 
	background-color:transparent; padding-left:12px;  
}
#actualites #menu_gauche ul #menu_gauche_lien_supp{ color:#669900;}
#actualites #texte h2{ color:#660066; border-bottom:1px solid #660066; }
/**************** !EOF RUB ACTUALITES ******************/


/**************** RUB DEFI ******************/
#defi #menu_gauche{ background-image:url(../images/menu_gauche_defi.png); }
#defi h1{ background-image:url(../images/h1_defi.png);  }
#defi #menu_gauche ul{ background-image:url(../images/menu_gauche_defi_bas.png); }
#defi #menu_gauche li a:hover{ background-color:#CC3333;}
#defi #menu_gauche_lien_supp:hover{ color:#CC3333; }
#defi #menu_gauche_lien_supp{ color:#336699;}
#defi #texte h2{ color:#CC3333;  border-bottom:1px solid #CC3333;}
/**************** !EOF RUB DEFI ******************/


/**************** RUB 2008 ******************/
#encours h1{ background-image:url(../images/h1_2008.png); }
#encours #menu_gauche ul{ background-image:url(../images/menu_gauche_2008_bas.png); }
#encours #menu_gauche{ background-image:url(../images/menu_gauche_2008.png); }
#encours #texte h2{ color:#006699;  border-bottom:1px solid #006699;}
#encours #menu_gauche li a:hover{ background-color:#006699;}
#encours #menu_gauche_lien_supp{ color:#FF6600;}
#encours #menu_gauche_lien_supp:hover{ color:#006699; }
/**************** !EOF RUB 2008 ******************/


/**************** RUB ARCHIVES ******************/
#archives h1{ background-image:url(../images/h1_archives.png); }
#archives #menu_gauche{ background-image:url(../images/menu_gauche_archives.png); }
#archives #menu_gauche ul{ background-image:url(../images/menu_gauche_archives_bas.png); }
/**************** !EOF RUB ARCHIVES ******************/


/**************** FORMULAIRE INSCRIPTIONS *****************/
#creer_insc, #mod_insc{
	border:none;
	background-repeat:none;
	height:124px;
	width:205px;
	display:block;
	background-position:bottom;
	float:left;
	outline:none;
	text-indent:-3000px;
}
#creer_insc{
	background-image:url(../images/creer-insc.jpg);
	margin-right:3px;
}
#mod_insc{
	background-image:url(../images/mod-insc.jpg);
}
#creer_insc:hover, #mod_insc:hover{
	background-position:top;
}
#mod_insc{
	border:none;
}
label{
	display : block;
	float:left;
	width:145px;
}
option{
	padding-right:5px;
}
fieldset{
	margin-top:10px;
	padding-top:10px;
	padding-left:10px;
	margin-bottom:10px;
	border:#0099FF 1px solid;
}
legend{
	font-style:italic;
	padding-right:6px;
	color:#0099FF;
}
#premiere, #deuxieme{
	display:none; 
	clear:both; 
	border:1px dotted #666; 
	padding:10px;
}
#premiere h4, #deuxieme h4{
	font-size:14px;
	color:#CC0000;
	font-weight:bold;
	margin-bottom:20px;
}

/************* ! EOF FORMULAIRE INSCRIPTIONS **************/



/* PHOTOS */
a.imglien img { border:1px #ffffff; }
a.pages { color:#CC3333; text-decoration:none; font-weight:bold; }
a.pages:hover { text-decoration:underline; }