/* CSS Document */


body 				{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; margin: 0; padding: 0; 
			 		 background: url(../images/fond.gif) repeat-x top #5d5d5d; }

a img 				{ border:none; }

#conteneur  		{ width: 963px; top: 0px; margin: 0 auto; background-color: #FFFFFF; padding-bottom: 20px;
						overflow: auto; border: black solid ; border-width: 0px 2px 2px 2px;}


/* *************************************************************************************** */
/* ****************************************** TOP **************************************** */
/* *************************************************************************************** */
#header     		{ height: 120px; width: 963px; margin: 0px auto;}

#haut 				{ height: 27px; width: 963px; background-color:#FFFFFF; background-image: url(../images/menu_long.gif);
	 		 		 background-repeat: no-repeat; margin: 0px auto;}

#menu				{ padding-left: 342px; }


/* *************************************************************************************** */
/* ***************************************** LEFT **************************************** */
/* *************************************************************************************** */
#gauche 			{ float: left; width: 245px; font-size: 8pt; background-color:#FFFFFF; color:#7a7a7a;
			 		 background-image: url(../images/gauche_milieu.gif); background-repeat: repeat-y; padding-left: 8px; }

.haut_gauche  		{ background-image: url(../images/gauche_haut.gif); background-repeat: no-repeat; height:25px; }
	
#gauche h2 			{ background: url(../images/gauche_decroch.gif) no-repeat top left #fff;
						padding: 25px 0 5px 7px; margin:5px 0 0 0; font-size:1.1em;}
						
#gauche h2 a						{ text-decoration:none; color:#7a7a7a; }
#gauche h2 a:hover, #gauche a.on	{ color:#ed1c24; }
#gauche h2 a:hover					{ text-decoration:underline; }							

.news				{ padding:10px 16px 10px 7px; }
.news h3			{ font-size:1em; margin:0; }
.news p				{ margin: 5px 5px 0 0; }
#gauche .news a		{color:#7a7a7a; font-weight: normal;}
#gauche .news a:hover {color:#7a7a7a;}

#gauche .sep		{ background:url(../images/gauche_sep.gif) no-repeat; height:23px; border:none; padding:0; margin:0; }

#gauche form label		{ width:35px; display:block; float:left; margin:3px; }
#gauche form input		{ height:1em; border:#000 1px solid; }
#gauche form .submit	{ height:1em; background:url(../images/gauche_login.gif) no-repeat; width:1em; border:0; margin-left:3px;}


#gauche ul.menuLeft				{ margin-top:20px; margin-bottom:10px; }
#gauche ul li					{ margin-bottom:4px; margin-top:4px; padding-left:20px; }
#gauche ul.menuLeft li a		{ color:#ed1b24; font-weight:bold; }
#gauche ul li ul				{ margin-top:0; }
#gauche ul li ul li				{ background:none; padding-left:7px; }
#gauche ul.menuLeft li ul li a	{ color:#000; font-weight:normal; }
#gauche ul.menuLeft li ul li a:hover	{ color:#ed1c24; }

#gauche a						{ text-decoration:none; color:#000; }
#gauche a:hover, #gauche a.on	{ color:#ed1c24; }
#gauche a:hover					{ text-decoration:underline; }


.bas_gauche			{ background:url(../images/gauche_bas.gif) no-repeat left; height:2px; margin-top:15px; }


/* *************************************************************************************** */
/* **************************************** RIGHT **************************************** */
/* *************************************************************************************** */
#droite 			{ position: relative; float: right; width: 710px; 
						background: url(../images/ligne.gif) #FFFFFF right repeat-y;}
						
#droite2 			{ position: relative; float: right; width: 710px;  
						background: url(../images/ligne2.gif) #FFFFFF right repeat-y;}						
						
#droite_long 		{ float: right; width: 710px; background: #FFFFFF right repeat-y;}
						
#droite_ligne_large { position: relative; float: right; width: 710px; background: url(../images/ligne_large.gif) #FFFFFF right repeat-y;}						

.barre_haut 		{ background:url(../images/barre_haut.gif) no-repeat right; height:25px; }

#mot 				{ float: left; background-color:#FFFFFF; width: 71px; } 

#nuage 				{ float: right; margin-right: 3px; background-color:#fff; padding-bottom:15px; }

#corps 				{ float: left; width: 330px;  text-align: justify; margin-left: 25px; padding: 0 0 20px 0; }

#corps-collaborateurs 	{ float: left; width: 200px;  text-align: justify; margin-left: 25px; padding: 0 0 20px 0; }

#corps_long 		{ float: left; width: 480px;  text-align: justify; margin-left: 25px; padding: 0 0 20px 0; }

#menu_droite		{ float: right; padding-right:8px; margin-top: 10px; width:240px;
                      background: url(../images/fleches.gif) no-repeat bottom; height: 450px;}
#menu_droite div	{ margin:5px 18px 15px 32px; font-size: 11px; }
#menu_droite a		{ padding: 5px 0px ; display:block; text-align:right; }

#layer1 a, #layer2 a, #layer3 a, #layer4 a	{ text-align:left; } 

#text_droite		{ float:right; width:218px; margin-right:18px; padding:0 10px; font-size: 11px; }
* html #text_droite { float:right; width:200px; margin-right:18px; padding:0 10px; font-size: 11px; }

#collaborateurs		{ float:right; width:318px; margin-right:35px; font-size: 12px; }

#logo 				{ float: right;} 

#fleches 			{ position: absolute; right:0px; top: 200px; } 


/* *************************************************************************************** */
/* *************************************** ACTUALITES **************************************** */
/* *************************************************************************************** */
#actu				{ float: left; width: 480px; padding: 10px 0 10px 0; font-size: 11px;}


/* *************************************************************************************** */
/* *************************************** BOTTOM **************************************** */
/* *************************************************************************************** */
#pied 				{ width: 934px; background-color: #ed1c24; color: #FFFFFF; margin: 2px auto 20px auto;
			 		 padding: 1px 20px 3px 20px; font-size:11px; }
#pied p				{ margin:0; }


/* *************************************************************************************** */
/* *************************************** CONTENT *************************************** */
/* *************************************************************************************** */
h1 					{ font-size: 22px; color: #FF0000; font-weight: normal; margin:10px 0 5px 0; text-align:left; } 

ul		    		{ list-style-image:none; list-style-type:none; margin:0; padding:0; }
li					{ background:url(../images/puce.gif) no-repeat left top; padding-left:25px; }
#corps li			{ position:relative; left:-25px; }

a					{ color:#ed1c24; }
a:hover				{ text-decoration:none;}



#table a						{ text-decoration:none; color:#000; }
#table a:hover, #gauche a.on	{ color:#ed1c24; }
#table a:hover					{ text-decoration:none; }



/* ************************************************************************************** */
/* ************************************* INSCRIPTION ************************************ */
/* ************************************************************************************** */

#inscription input[type=text] { width:250px; border:#ed1c24 1px solid; }
#inscription select { width:515px; border:#ed1c24 1px solid; font-family: Verdana, Arial, Helvetica, sans-serif; }
#inscription textarea { width:515px; border:#ed1c24 1px solid; height:100px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; } 
#inscription input[type=button] { background-color:#ed1c24; border:none; font-size:14px; color:#fff; padding:5px;font-weight:bold; }
#message { background-color:#ed1c24; border:none; font-size:12px; color:#fff; padding:2px 5px;font-weight:bold; width:510px;  }