body {
margin: 0 ;
padding: 0 ;
font-family :  verdana, helvetica, sans-serif ;
font-size : 14px;
color : #000;
background-color : #eaeaea;
/*background-image : url(images/fond.gif);
background-repeat:repeat-x;*/
}


 #page { margin: 0px auto;
    width: 1024px;
   /* background-color: rgb(220, 220, 220);*/
   /* opacity:0.8*/
    }
    
 #haut 
{ 
background-image : url(images/haut.jpg);
background-repeat:no-repeat;
height : 20px ;
}

 #logohaut 
{ 
margin-left:12px;
}
/* ======================================================== affichage sous menu */
h1 {
font-family :  verdana, helvetica, sans-serif ;
font-size : 16px;
color : #000000;
text-align:center;
}

h2 {
font-family :  verdana, helvetica, sans-serif ;
font-size : 14px;
color: #0000bb;
text-align:left;
/*BORDER-bottom: #449944 2pt solid;*/
background-image : url(images/h2.jpg);
background-repeat:repeat-y;
margin-left:10px;
}

h3 {
font-family :  verdana, helvetica, sans-serif ;
font-size : 12px;
text-align:left;
}


img
{
padding:4px;
}

 #imghaut 
{ 
background-image : url(images/head5.gif);
background-repeat:no-repeat;
height : 100px ;
width: 620px;
padding:10px;
font-family :  verdana, helvetica, sans-serif ;
font-size : 20px;
color : #ffffff;
margin-left:170px;
text-align:center;

}
 #centre 
{ 
background-image : url(images/centre.jpg);
text-align : left;
padding-left:9px;
}

 #bas 
{ 
background-image : url(images/bas.jpg);
background-repeat:no-repeat;

}

#pbody 
{
width:100%;
/*background-color:#7755ff;*/
}
#pmenuv {
margin-left:0px;
margin-top:-10px;
margin-left:10px;
width: 190px !important;
width:190px;
float:left;
/*background-color:#bb55ff;
border:#550000 1px solid;*/

}

#pcont {
float:left;
margin-left:10px;
/*background-color:#bbeeff;*/
width: 780px !important; /* intended total box width - padding-right(next) */ 
width: 780px; /* IE Win = width - padding */ 
/*border:#550000 1px solid;*/
}

/* ================== boite ronde menu ===============================*/

/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 
{ background: transparent url(images/box.jpg) no-repeat bottom right; }
 
.cssbox 
{ 
width: 186px !important; /* intended total box width - padding-right(next) */ 
width: 187px; /* IE Win = width - padding */ 
padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
margin: 10px auto; /* use to position the box */ }

 /* set the top-right image */ 
.cssbox_head { background-position: top right; 
margin-right: -15px; /* pull the right image over on top of border */ 
padding-right: 40px; /* right-image-gap + right-inside padding */ } 

/* set the top-left image */ 
.cssbox_head h2 { background-position: top left; 
margin: 0; /* reset main site styles*/ 
border: 0; /* ditto */ 
padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
height: auto !important; height: 1%; /* IE Holly Hack */ } /* set the lower-left corner image */ 

.cssbox_body 
{ 
background-position: 
bottom left; 
margin-right: 20px; /* interior-padding right */ 
padding: 15px 0 10px 20px; /* mirror .cssbox_head right/left */ 
} 
/* ================== boite ronde milieu ===============================*/
	
/* ================================================ debut boite ronde blanche ========= */
.conteneur-arrondi{
padding:0;
margin: 5px auto; 
}



.g1
 {
margin:0 4px;
height:1px;
background-color: #aaaaaa; 
overflow:hidden;/*necssaire pour IE */
BORDER-right: #aaaaaa 1pt solid;
BORDER-left: #aaaaaa 1pt solid;
}

.g2 {
margin:0 3px;
height:1px;
overflow:hidden;/*necssaire pour IE */
background-color: #bbbbbb; 
BORDER-right: #aaaaaa 1pt solid;
BORDER-left: #aaaaaa 1pt solid;
}

.g3{
    margin:0 2px;
    height:1px;
    overflow:hidden;/*necssaire pour IE */
background-color: #cccccc; 
BORDER-right: #aaaaaa 1pt solid;
BORDER-left: #aaaaaa 1pt solid;

}

.g4 {
margin:0 1px;
height:2px;overflow:hidden;/*necssaire pour IE */
background-color: #dddddd; 
BORDER-right: #aaaaaa 1pt solid;
BORDER-left: #aaaaaa 1pt solid;
	}
.gca {
padding: 3px;
min-height:20px;
height:auto!important;
height:20px;
background-color: #f5f9ff; 
/*font-size : 11px;*/
BORDER-right: #aaaaaa 1pt solid;
BORDER-left: #bbbbbb 1pt solid;
}
/* ================================================ boutons du menu �2 niveaux ====== */

div.menu {
width:120px;
float:left;
/*margin-bottom:-1.2em;*/
padding:0px;
background-color: #ffffff;

}

a.boutonm1
{
font: bold 11pt Arial;

color : #333344;
padding-left: 1px;
margin-left: 0px;
width: 130px;
height: 20px;
display: block;
text-decoration:none;
font-weight:bold;
/*background: url(images/degradejaunegris.jpg) top left ;*/
/*background: url(images/degradejaune4.jpg) top left ;*/
BORDER-left:  #aaaaaa 1pt solid;
BORDER-bottom:  #888888  1pt solid;
/*background-color: #bbddee;*/
/*background-color: #ffffbb; 
background-color: #ddddee; */
}

a.boutonm1:visited
{

}

a.boutonm1:hover
{
color : #222233;
background-color: #ccccee; 
/*BORDER-right:  #ff5500 1pt solid;*/
/*background: url(images/degradevert.jpg) top left ;*/

}

a.boutonm2
{
font: bold 11pt Arial;
color: #000000;
padding-left: 12px;
margin-left: -40px;
width: 120px;
height: 20px;
display: block;
text-decoration:none;
font-weight:bold;
background: url(images/degradejaunegris2.jpg) top left ;
/*background: url(images/degradeorange4.jpg) top left ;*/
background-color: #cceecc;
BORDER-left:  #888888 1pt solid;
BORDER-bottom:  #888888 1pt solid;
}

a.boutonm2:visited
{
}

a.boutonm2:hover
{
color: #000000;
background-color: #ddffdd;
/*BORDER-right:  #995500 1pt solid;*/
/*background: url(images/degradevert.jpg) top left ;*/
}

/* ======================================================== affichage sous menu */
.off {
	display:none ;
}
.on {
	display:block ;
}

/* ======================================================== pied ==============*/
div.pfoot {
/*background-color:#ccccee;*/
text-align: center;
background: url(images/pied.jpg) top right repeat-x  ;
font: normal 9pt Arial;
color: #555555;
}
.pfoot a{
color: #555555;
text-decoration:none;
}

.tab1
{
background-color: #ffffff; 
BORDER: #aaaaaa 1pt solid;
}
.trtitre
{
BORDER: #aaaaaa 1pt solid;
background-color: #eeeeee;
} 
.tdtitre
{
text-align: left;
padding: 0px 25px 0px 5px;
text-decoration:none;
} 
.tdtexte
{
/*text-align: left;*/
text-align: center;
padding: 0px 25px 0px 5px;

} 
.tdchiffre
{
/*text-align: right;*/
text-align: center;
padding: 0px 25px 0px 5px;
}