body
{
background-color: #000000;
margin-top : 0px;
margin-left : 0px;
margin-bottom: 0px;
width: 990px;
margin: auto;
}

#header
{
margin: auto;
width: 850px;
margin-top: 37px;
}

#wrap {
	padding: 0 20px;
	min-width: 650px;
	width: 850px;
	height: 400px;
	margin: 0 auto;
}

#publicite
{
   background-image: url("publicite/cadre.png");
   width: 500px;
   height: 80px;
   margin-left: 115px;
}

#copyright
{
margin: auto;
width: 900px;
height: 350px;
}

#onglets
{
    font : 11px Verdana,"Times new Roman", Batang, arial, serif;
	text-align: center;
    list-style-type : none;
	font-weight: bold; 
    padding-bottom : 0px; /* à modifier suivant la taille de la police ET de la hauteur de l'onglet dans #onglets li */
    margin-left : -41px;
	text-transform: uppercase; 
}

#onglets li
{
    float : left;
	line-height: 30px;
    height : 30px; /* à modifier suivant la taille de la police pour centrer le texte dans l'onglet */
	width: 92px;
    background-image: url("header/inactive.gif");
    margin : 0 0 0 1px !important;  /* Pour les navigateurs autre que IE */
    margin : 1px 2px 0 2px;  /* Pour IE  */
}

#onglets li.active
{
    background-image: url("header/active.gif");
	height : 30px; /* à modifier suivant la taille de la police pour centrer le texte dans l'onglet */
	width: 92px;
	color: #1A1917;
}

#onglets a
{
    display : block;
    text-decoration : none;
	color: #FDFDFD; 
}

#onglets a:hover
{
    background-image: url("header/active.gif");
    height : 30px; /* à modifier suivant la taille de la police pour centrer le texte dans l'onglet */
	width: 92px;
	color: #1A1917;
}

#nav_icons_login {   
	margin-top: 10px;
	margin-left: 5%;
}

#nav_icons_logout {  
	margin-top: 10px;
	margin-left: 26%;
}

#icon_1, #icon_2, #icon_3, #icon_4, #icon_5, #icon_6, #icon_7, #icon_8, #icon_9, #icon_10, #icon_11 {
	width: 80px;
	height: 76px;
	float: left; 
	margin: 0 28px 0 0; 
	color: #fff;
}

#icon_1 a, #icon_2 a, #icon_3 a, #icon_4 a, #icon_5 a, #icon_6 a, #icon_7 a, #icon_8 a, #icon_9 a, #icon_10 a, #icon_11 a {
	text-decoration: none; 
	display: block; 
	width: 80px;
	height: 76px;
	padding: 10px 0 0 7px; 
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
}

#menu_gauche
{
float: left !important;
float: none;
margin-top: -30px;
margin-left: 30px;
width : 165px;
}

#corps
{
float: none !important;
float: right;
margin-top: -40px!important;
margin-top: -643px;
margin-left: 230px;
}

*html #corps {
  margin-top: -683px;
}

.corps_haut
{
background-image: url("corps_haut.png");
width : 715px;
height: 70px;
margin: auto;
}

.corps_haut p
{
text-align : center;
font-family : "Comic Sans MS", "Trebuchet MS", Georgia, serif;
color : #eff0f1;
}

.corps_haut a
{
text-align : center;
font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
padding-top: 15 px;
color : #eff0f1;
}

.corps_middle
{
background-image: url("corps_middle.png");
background-repeat: repeat-y;
width : 715px;
margin: auto;
margin-top: -21px;
}

.corps_middle_haut
{
background-image: url("corps_middle_haut.png");
width : 715px;
height: 147px;
margin: auto;
margin-top: -35px;
}

.corps_middle_haut h1
{
font-family: "28 Days Later", "Times New Roman", "Comic Sans MS", "Trebuchet MS", Georgia, serif;
text-align : center;
color : #00144d;
font-size: 50px;
padding-top: 20px;
}

.corps_middle_h2
{
background-image: url("titre.png");
background-repeat: no-repeat;
width : 707px;
height: 30px;
margin: auto;
}

.corps_middle h2
{
text-align : center;
color : white;
font-size: 25px;
padding: 0px;
font-family: "Comic Sans MS", "Trebuchet MS", Verdana, Georgia, serif;
}
.corps_middle a
{
color : #009900;
font-family: "Comic Sans MS", "Trebuchet MS", Verdana, Georgia, serif;
}

.corps_middle p
{
padding-left : 10px;
color : #1b2b58;
margin: 0px;
padding-left: 15px;
padding-right: 15px;
font-family: "Comic Sans MS", "Trebuchet MS", Verdana, Georgia, serif;
}

.corps_bas
{
background-image: url("corps_bas.png");
width : 715px;
margin-left : 4px;
height: 30px;
margin: auto;
margin-top: -16px;
}

img
{
border: black solid 0px;
margin:auto;
margin-top : 0px;
margin-bottom : 0px;
}

/*TAILLE TEXTE BBCODE*/

.taille_6
{
font-size: 6px;
}

.taille_8
{
font-size: 8px;
}

.taille_10
{
font-size: 10px;
}

.taille_12
{
font-size: 12px;
}

.taille_14
{
font-size: 14px;
}

.taille_16
{
font-size: 16px;
}

.taille_18
{
font-size: 18px;
}

.taille_20
{
font-size: 20px;
}

.taille_22
{
font-size: 22px;
}

.taille_24
{
font-size: 24px;
}

.taille_26
{
font-size: 26px;
}

.taille_30
{
font-size: 30px;
}

.taille_35
{
font-size: 35px;
}

.taille_40
{
font-size: 40px;
}

.taille_45
{
font-size: 45px;
}

.taille_50
{
font-size: 50px;
}

/*FIN TAILLE TEXTE BBCODE*/

/*COULEUR*/

.couleur_rose
{
color: #ff00ff;
}

.couleur_rouge
{
color: #ff0000;
}

.couleur_orange
{
color: #ec7600;
}

.couleur_jaune
{
color: #ffff00;
}

.couleur_vertc
{
color: #00ff00;
}

.couleur_vertf
{
color: #008000;
}

.couleur_olive
{
color: #808000;
}

.couleur_turquoise
{
color: #00ffff;
}

.couleur_bleugris
{
color: #008080;
}

.couleur_bleu
{
color: #0000ff;
}

.couleur_marine
{
color: #000080;
}

.couleur_violet
{
color: #800080;
}

.couleur_marron
{
color: #800000;
}

.couleur_noir
{
color: black;
}

.couleur_gris
{
color: #646464;
}

.couleur_argent
{
color: #c0c0c0;
}

.couleur_blanc
{
color: white;
}

/*BBCODE IMAGES FLOTTANTES*/

.flottant_image_gauche
{
   float: left;
   margin-right: 20px;
}

.flottant_texte_gauche
{
   float: left;
   margin-right: 20px;
}

.flottant_texte_droite
{
   float: right;
   margin-left: 20px;
}

.flottant_image_droite
{
   float: right;
   margin-left: 20px;
}

.balises_bbcode
{
   margin: auto;
}



/* ------------tableaux------------ */

caption /* Titre du tableau */
{
   margin: auto; /* Centre le titre du tableau */
   font-family: Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   font-size: 1.2em;
   color: #009900;
   margin-bottom: 20px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}

table /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */
   border: 4px outset green; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
   margin-top: 20px;
}

th /* Les cellules d'en-tête */
{
   background-color: #006600;
   color: white;
   font-size: 1.1em;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}

td /* Les cellules normales */
{
   border: 1px solid black;
   color : #1b2b58;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}

/* ICONES haut de page */
#icon_1, #icon_2, #icon_3, #icon_4, #icon_5, #icon_6, #icon_7, #icon_8, #icon_9, #icon_10 , #icon_11 {
	width: 80px;
	height: 76px;
	float: left; 
	margin: 0 35px 0 0; 
	color: #fff;
}

#icon_1 a, #icon_2 a, #icon_3 a, #icon_4 a, #icon_5 a, #icon_6 a, #icon_7 a, #icon_8 a, #icon_9 a, #icon_10 a , #icon_11 a {
	text-decoration: none; 
	display: block; 
	width: 80px;
	height: 76px;
	padding: 10px 0 0 7px; 
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
}

#icon_1 a:hover, #icon_2 a:hover, #icon_3 a:hover, #icon_4 a:hover, #icon_5 a:hover, #icon_6 a:hover, 
#icon_7 a:hover, #icon_8 a:hover, #icon_9 a:hover, #icon_10 a:hover , #icon_11 a:hover {
	text-decoration: none; 
	width: 80px;
	height: 76px;
}

#icon_1 a { 
	background: url("menu_haut/icon_1.jpg") 0 0 no-repeat;
	width: 80px;
	height: 76px;
}

#icon_1 a:hover { 
	background: url("menu_haut/icon_1_hover.jpg") 0 0 no-repeat;
	width: 80px;
	height: 76px;
}

#icon_2 a {
	background: url("menu_haut/icon_2.jpg") 0 0 no-repeat; 
	width: 80px;
	height: 76px;
}

#icon_2 a:hover { 
	background: url("menu_haut/icon_2_hover.jpg") 0 0 no-repeat;
	width: 80px;
	height: 76px;
}

#icon_3 a {
	background: url("menu_haut/icon_3.jpg") 0 0 no-repeat;
	width: 80px;
	height: 76px;
}

#icon_3 a:hover {
	background: url("menu_haut/icon_3_hover.jpg") 0 0 no-repeat;
	width: 80px;
	height: 76px;
}

#icon_4 a {
	background: url("menu_haut/icon_4.jpg") 0 0 no-repeat;
	width: 80px;
	height: 76px;
}

#icon_4 a:hover {
	background: url("menu_haut/icon_4_hover.jpg") 0 0 no-repeat;
	width: 80px;
	height: 76px;
}

#icon_5 a {
	background: url("menu_haut/icon_5.jpg") 0 0 no-repeat;
	width: 80px;
	height: 76px;
}

#icon_5 a:hover {
	background: url("menu_haut/icon_5_hover.jpg") 0 0 no-repeat;
	width: 80px;
	height: 76px;
}

#icon_6 a {
	background: url("menu_haut/icon_6.jpg") 0 0 no-repeat;
	width: 80px;
	height: 76px;
}

#icon_6 a:hover {
	background: url("menu_haut/icon_6_hover.jpg") 0 0 no-repeat;
	width: 80px;
	height: 76px;
}

#icon_7 a {
	background: url("menu_haut/icon_7.jpg") 0 0 no-repeat;
	width: 80px;
	height: 76px;
}

#icon_7 a:hover {
	background: url("menu_haut/icon_7_hover.jpg") 0 0 no-repeat;
	width: 80px;
	height: 76px;
}

#icon_8 a {
	background: url("menu_haut/icon_8.jpg") 0 0 no-repeat;
	width: 80px;
	height: 76px;
}

#icon_8 a:hover {
	background: url("menu_haut/icon_8_hover.jpg") 0 0 no-repeat;
	width: 80px;
	height: 76px;
}

#icon_9 a {
	background: url("menu_haut/icon_9.jpg") 0 0 no-repeat;
	width: 80px;
	height: 76px;
}

#icon_9 a:hover {
	background: url("menu_haut/icon_9_hover.jpg") 0 0 no-repeat;
	width: 80px;
	height: 76px;
}

#icon_10 a {
	background: url("menu_haut/icon_10.jpg") 0 0 no-repeat;
	width: 80px;
	height: 76px;
}

#icon_10 a:hover {
	background: url("menu_haut/icon_10_hover.jpg") 0 0 no-repeat;
	width: 80px;
	height: 76px;
}

#icon_11 a {
	background: url("menu_haut/icon_11.jpg") 0 0 no-repeat;
	width: 80px;
	height: 76px;
}

#icon_11 a:hover {
	background: url("menu_haut/icon_11_hover.jpg") 0 0 no-repeat;
	width: 80px;
	height: 76px;
}

.cache { display: none; }