body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:  10pt;
margin: 0;
padding: 0;
background-color:#fff;
}

#header {
height: 250px;
background: transparent url('header.jpg') no-repeat top left;
	}

#head1 {
height: 250px;
background: transparent url('haut.jpg') repeat-x top left;
	}

#head2 {
height: 250px;
background: transparent url('coin.jpg') no-repeat top right;
	}
#news {
margin: 50px 0 50px 0;
	}

#conteneur {
position: absolute;
width: 100%;
background: transparent url('cote_gauche.jpg') repeat-y top left;
}

#acces {
position: absolute;
top:80px;
right:150px;
}

#coin {
position: absolute;
top:0px;
right:0px;
text-align:center;
font-weight : bold;
color:#00f;

}

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

#cont2 {
background: transparent url('cote_droit.jpg') repeat-y top right;
}

#centre {
background-color:#fff;
margin-top: -100px;
margin-left: 190px;
margin-right: 190px;
}

.titlegauche {
font-size : 7pt;
font-weight : bold;
color: #e8502b;
	margin:-7px 5px 10px 10px;

}

.gaucheup1 {
padding:5px 0px 5px 0px;
background: transparent url('men_up_g.jpg') no-repeat top left;

}
.gaucheup2 {
padding:5px 0px 5px 0px;
background: transparent url('men_dw_g.jpg') no-repeat bottom left;

}

.titledroite{
font-size : 7pt;
color: #e8502b;
font-weight : bold;
margin:-7px 13px 10px 15px;
text-align:right;
}

.droiteup1 {
padding:5px 0px 5px 0px;
background: transparent url('men_up_d.jpg') no-repeat top left;

}
.droiteup2 {
padding:5px 0px 5px 0px;
background: transparent url('men_dw_d.jpg') no-repeat bottom left;

}


#gauche {
position: absolute;
left:0;
width: 176px;
background: transparent url('cote_gauche.jpg') repeat-y top right;
}

#droite {
position: absolute;
right:0;
top:160px;
width: 178px;
background: transparent url('cote_droit.jpg') repeat-y top right;
}

#pied {
font-size : 6pt;

height: 80px;
text-align: center;
margin: 0;
padding:50px 0 0 0;
}


.menugauche {
text-align:center;
list-style-type: none;
margin: 10px;
padding:0;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
font-size : 8pt;
font-weight : bold;
margin: 0 2px;
color: #00f;
text-decoration: none;
}
.menugauche a:hover {
color: #f90;
text-decoration: none;
}
.menudroite{
text-align:center;
list-style-type: none;
margin: 15px;
padding:0;
}
.menudroite li {
margin-bottom: 5px;
}
.menudroite a {
font-size : 8pt;
font-weight : bold;
margin: 0 2px;
color: #00f;
text-decoration: none;
}
.menudroite a:hover {
color: #f90;
text-decoration: none;
}

p {
line-height: 1.4;
margin: 0 0 10px 0;
}



#box2_box
	{
	/*font-weight : bold;
	*/
	font-size : 8pt;
	height:100px;
	padding:8px;
	}
	
	
caption /* Titre du tableau */
{
   margin: auto; /* Centre le titre du tableau */
  /* font-family: Arial, Times, "Times New Roman", serif;
*/  font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
   font-size: 1.2em;
   color: black;
   padding-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 ridge  #09f; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
   width: 85%;
}

th /* Les cellules d'en-tête */
{
   background-color: #09f;
   color: white;
   height:30px;
   /*font-size: 1.1em;*/
}

.zoneb th /* Les cellules d'en-tête */
{
   background-color: #00cfff;
   color: white;
   height:30px;
   /*font-size: 1.1em;*/
}

.atelier th /* Les cellules d'en-tête */
{
   background-color: #00cfff;
   color: white;
   height:30px;
   /*font-size: 1.1em;*/
}

td /* Les cellules normales */
{
   border: 1px solid black;
   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 */
}

.ttc
{
width: 20%;
}

.cinq
{
width: 20%;

}

.image
{
float:left;
margin:0 10px 0 10px;
padding:0 10px 0 10px;
border:0px;
text-align:center;
}
.imaged
{
float:right;
margin:0 10px 0 10px;
padding:0 10px 0 10px;
border:0px;
text-align:center;
}
.pix2
{
vertical-align:middle;
/*text-align:center;
*/}

.souligne
{
text-decoration: underline;
	
}	

.zonetab
{
width: 20%;
}