body
{
   width:100%;margin:auto;min-width:320px;max-width:2000px;
  /* margin: auto;
   margin-left: 5px;
   margin-right: 5px;*/
   margin-top: 1px;
  /* fond bleu 
   background-color: #131879;   
 fond vert 
   background-color: yellow;  
 fond orange 
   background-color: #B83A1B;
*/  
background-color: #131879;
}
a:hover
{
   color: #B3B3B3;
}

#global {
position : relative;
margin-left : auto;
margin-right : auto;
width : 70%;
font-size : small;
color : blue;
font-weight : bold;
padding : 0;
} 

#en_tete
{
  border : white solid 2px;
position : relative;
margin-left : auto;
margin-right : auto;
margin-bottom : 0px;
width : 68.9%;
height : 150px;
border-radius : 20px;
-webkit-border-radius:20px;
background-image : url(../../photos/cdt262.jpg);
display : block;
overflow : hidden;

}

/* Bannière */

#banniere
{
   border : white solid 2px;
position : relative;
margin-left : auto;
margin-right : auto;
margin-bottom : 0px;
width : 71%;
height : 150px;
border-radius : 20px;
-webkit-border-radius:20px;
background-image : url(../../photos/cdt262.jpg);
display : block;
overflow : hidden;

}

/* Menu Gauche */

#menu_gauche
{
   float: left;
   width: 230px;
}
.element_menu
{
   background-color: #626262;
   border: 2px solid black;
   margin-bottom: 5px;
   -moz-border-radius: 10px 10px 10px 10px;
}



/* Menu Droite */

#menu_droite
{
   float: right;
   width: 200px;
}
.element_menu
{
   background-color: #636363;
  
   border: 2px solid black;
   
   margin-bottom: 10px;
   -moz-border-radius: 10px 10px 10px 10px;
}

/* Quelques effets sur les menus */

.element_menu h3
{    
   color: #B3B3B3;
   font-family: "Century Gothic";
   text-align: center;
}

.element_menu ul
{
   padding: 0px;
   padding-left: 0px;
   margin: 0px;
   margin-bottom: 8px;
   text-align: center;
   font-family: "Century Gothic";
   font-size: 15px;
   color: #ffffff;
}
.element_menu a
{
   color: #ffffff;
 text-decoration:none;

}
.element_menu a:hover {
	color: #E889DB;    /* couleur des liens du menu quand la souris passe dessus */
}

/* Le corps de la page */

#corps
{
  Width : 97%;
   margin-left: 0px;
   margin-top: 0px; 
   margin-bottom: 10px;
   padding: 10px;
   display : inline-block;
  float : left;
   color: #0033CC;
   background-color: #CCCCFF;
   
   border: 2px solid black;
   -moz-border-radius: 10px 10px 10px 10px;
}

#corps h1
{
   color: ##0033FF;
   text-align: center;
   font-family: "Century Gothic";
}

#corps h2
{
	color: #0033FF;
	text-align: center;
	font-family: "Century Gothic";
	font-size: 15px;
}

#corps h3
{
	color: #0033FF;
	text-align: left;
	font-family: "Century Gothic";
	font-size: 13px;
	padding: 5px;
}




/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
   padding: 5px;
   clear: both;
   font-family: "Century Gothic";
   text-align: center;

   color: #B3B3B3;
   background-color: #626262;
   
   border: 2px solid black;
   -moz-border-radius: 10px 10px 10px 10px;
}


/* Tableau 

#tableau
{
border: 2px solid black;
border-collaspe: collaspe;
color: #B3B3B3;
-moz-border-radius: 5px 5px 5px 5px;
padding: 2px;
} */

table /* Le tableau en lui-même */
{
   height: 12px;
   margin: auto; /* Centre le tableau */
   border: 5 outset grey ;/* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse;   /* Colle les bordures entre elles */
   padding: 3px;
   width: 87%;}
   
 th /* Les cellules d'en-tête */
{ background-color:#9933CC; 
   margin: auto;
   padding:5px;
   border:3px solid black;
   color: white;     
   font-size: 14px;
   font-family: Calibri;
   
   }

td /* Les cellules normales */
{
   border: 1px solid black;
   color: black;
   font-family: "Calibri", "Trebuchet MS", Times, "Times New Roman", serif;
   font-size: 14px;
font-weight: bold;
   text-align: center;
padding:3px;
    /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
   }  
   
   
   /* styles du forum */
   
   
td.gTitre {
	background-color: Yellow;
	color: #626262;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

table.table {
	border-spacing: 1px;
	background-color: #cccccc;
	padding: 0px;
	border: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;	
}

td.fond1 {
	background-color: #ffffff;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

td.colLeft {
	background-color: #666666;
}

td.colRight {
	background-color: #ffffff;
}

td.barHeader {
	background-color: #666666;
	font-weight: bold;
	color: #cccccc;
}

td.header {
	color: #4792a4;
	font-size: 22px;
	background-color: #333333;
	font-weight: bold;
	text-align: right;
}

div.titrenavig {
	color: #333333;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	padding-top: 20px;
	padding-bottom: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}