/*	-------------------------------------------------------------
	NE PAS TOUCHER - CSS GENERALES - VOIR FICHIER head_css.php
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
/* ################## GENERAL ################## */
body {
	margin: 0;
	padding: 0;
	text-align: center;
    background: #51b9e3;
	color: #979899;
}
body, td { font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; }
td {color: #979899;}
img { border: 0; }
* { outline: none; }
p { margin: 0 0 5px 0;	padding: 4px; }
a { color:#979899; text-decoration:underline; }
a:hover { text-decoration: underline; }

/* ################## POSITIONNEMENT TEXTE + DIV ################## */
.z_10{z-index:10;}
.z_20{z-index:20;}
.z_30{z-index:30;}
.z_40{z-index:40;}
.z_50{z-index:50;}
.z_60{z-index:60;}
.z_70{z-index:70;}
.z_80{z-index:80;}
.z_90{z-index:90;}
.z_100{z-index:100;}

/* ################## DATE ################## */
.date{color:#999999;}

/* ################## H1 H2 H3 H4 H5 H6 ################## */
h1, h2, h3, h4, h5, h6{padding:0px; margin:0px; font-weight:normal;}

/* ################## IMAGES ################## */
img {border:0; margin:0; padding:0 }


/* ################## TAILLE DES POLICES ################## */
.s9  {font-size: 9px;}
.s10  {font-size: 10px;}
.s11  {font-size: 11px;}
.s12  {font-size: 12px;}
.s13  {font-size: 13px;}
.s14  {font-size: 14px;}
.s15  {font-size: 15px;}
.s16  {font-size: 16px;}
.s18  {font-size: 18px;}
.s20  {font-size: 20px;}
.s24  {font-size: 24px;}
.s26  {font-size: 26px;}
.s30  {font-size: 30px;}
/* ################## LIENS ################## */
/*a {text-decoration: underline}
 a:hover {text-decoration: underline;} */

/* ################## PROPRIETES DE TEXTE ################## */
.bold {font-weight: bold;}
.nobold { font-weight: normal !important; }
.italic {font-style:italic}
.uppercase {text-transform:uppercase}
.lowercase {text-transform:lowercase}
.capitalize {text-transform: capitalize}
.smallcaps{font-variant:small-caps;}
.underline {text-decoration:underline}
.no_underline {text-decoration:none}
.clear { clear: both; height:1px; }
.center { text-align: center; }
*{outline:0;}
/* ################## PROPRIETES DE BLOCKS ################## */
.marg_0{margin:0}
.padd_0{padding:0}
/*	-------------------------------------------------------------
	NE PAS TOUCHER - CSS GENERALES
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	


/*	-------------------------------------------------------------
	PROPRIETES A CHANGER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
/* ################## COULEURS TEXTE ################## */

.bleuF, a.bleuF, a:hover.bleuF,  a:active.bleuF, a:visited.bleuF{color:#1329A2;}
.grisF, a.grisF, a:hover.grisF,  a:active.grisF, a:visited.grisF{color:#605E5A;}
.blueC, a.blueC, a:hover.blueC,  a:active.blueC, a:visited.blueC{color:#618EA6;}
.noir, a.noir, a:hover.noir,  a:active.noir, a:visited.noir{color:#000000;}
.gris, a.gris, a:hover.gris,  a:active.gris, a:visited.gris{color:#979899;}
.green, a.green, a:hover.green,  a:active.green, a:visited.green{color:#009C25;}
.blanc, a.blanc, a:hover.blanc,  a:active.blanc, a:visited.blanc{color:#ffffff;}
.greenF, a.greenF, a:hover.greenF,  a:active.greenF, a:visited.greenF{color:#818D05;}
.yellow, a.yellow, a:hover.yellow,  a:active.yellow, a:visited.yellow{color:#D5E01D;}
.yellow2, a.yellow2, a:hover.yellow2,  a:active.yellow2, a:visited.yellow2{color:#E0FF0F;}
.orange, a.orange, a:hover.orange,  a:active.orange, a:visited.orange{color:#FF6600;}

/* ############### MENU PRIME ################ */


/* ############### MENU ################ */

#menu {
  height:33px;
  list-style:none;
  margin:0 auto;
  padding:0;
  overflow:hidden;
  display:block;
  position:relative;
  width:725px;
}


#menu li { float:left; margin:0; padding:0; height:33px; overflow:hidden;}
#menu li a {
  display:block;
  position:relative;
  top:0;
  left:0;
  text-decoration:none;
  height:33px;
}
#menu a:hover, #menu .select {
  top: -33px;
  text-decoration:none;
  border:0px solid transparent;  
}
#menu li a:link, #menu li a:visited {color: #ffffff; text-decoration: none;	font-variant: small-caps; font-weight: bold;}


#menu .mn00 strong, #menu .mn01 strong, #menu .mn02 strong, #menu .mn03 strong, #menu .mn04 strong{text-indent:-9000px;}
/*
#menu .mn00 {  background-image: url(../images/mn00.png); background-repeat:no-repeat; }
#menu .mn01 {  background-image: url(../images/mn01.png); background-repeat:no-repeat; }
#menu .mn02 {  background-image: url(../images/mn02.png); background-repeat:no-repeat; }
#menu .mn03 {  background-image: url(../images/mn03.png); background-repeat:no-repeat; }
#menu .mn04 {  background-image: url(../images/mn04.png); background-repeat:no-repeat; }
*/

#menu .mn00, #menu .mn00 a { width: 105px; }
#menu .mn01, #menu .mn01 a { width: 84px; }
#menu .mn02, #menu .mn02 a { width: 190px; }
#menu .mn03, #menu .mn03 a { width: 156px; }
#menu .mn04, #menu .mn04 a { width: 190px; }


/* ############### MENU ################ */


/* ############### MENU PRIME ################ */

/* ############### FLAGS ################ */
#flags{display: block; height:23px; left:315px; margin: 3px auto 0; padding:0; position: absolute; text-align: left; top:23px; width:105px;}
#flags ul{margin:0; padding:0; list-style:none;}
#flags li{float:left; height:21px; margin:0 5px 0 0; padding:0; width:30px; text-align:center;}
#flags strong{display:block; font-variant: small-caps; font-weight:bold; position:relative; text-indent:-9000px;}
#flags a {display:block;text-decoration: none;line-height:21px; height:21px;font-size:1px; border:1px solid transparent;}
#flags a:hover{border:1px solid #ffffff;}
#flags .select{border:1px solid #ffffff;}
#flags .opacit_flag{ filter: alpha(opacity=40);     -moz-opacity: 0.4;     -khtml-opacity: 0.4;     opacity: 0.4; }
#flags a:hover .opacit_flag{ filter: alpha(opacity=100);     -moz-opacity: 0.9;     -khtml-opacity: 0.9;     opacity: 0.9; }  
/* ############### FLAGS ################ */