/* rvif/radio */



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

TD {
	color: #333333; 
	font-size: 11px; 
	font-family: Tahoma;
	vertical-align: top;
}

h1 {
font-family :  verdana, helvetica, sans-serif ;
font-size : 14px;
color : #000000;
text-align:left;
margin-left:10px;
}

h2 {
font-family :  verdana, helvetica, sans-serif ;
font-size : 12px;
color: #000000;
text-align:left;
/*BORDER-bottom: #000000 1pt solid;*/
background-image : url(images/bullet.jpg);
background-repeat:no-repeat;
margin-left:10px;
width:70%;
padding-left: 20px ;
}

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

}

 #page {
margin: 0px auto;
width: 1024px;
background-color : #ffffff;
}

 #centre 
{ 
background-image : url(images/centre.jpg);
/*background-color: rgb(255, 255, 255);*/
text-align : left;
padding-left:9px;
/*background-image : url(images/fond.jpg);
background-repeat:repeat-x;*/
}

 #logohaut 
{ 
margin-left:-10px;

}



div.pbody 
{
/*background-color : #55ee66;
background-color:#55ffff;*/
margin-left:-8px;
margin-right:0px;
margin-top: 22px;
}

div.pcolgauche 
{
width:190px;
/*margin-bottom:-1.2em;*/
padding:5px;
/*background-color:#bbaaff;*/
float:left;
}

div.pcolcentre
{
/* ok */
margin-top: 20px;
margin-right:0px;
margin-left: 200px;
padding:5px;
/*background-color:#ff5566;*/
position:relative;z-index:1;
border-left:3px  #55aaee ridge;
/*border-left:1px solid #666;*/

}

.tire {
clear:both;
padding:0 5px;
display:block;
}

/* ================== 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/fondbleu-rond.jpg) no-repeat bottom right;
}
 
.cssbox 
{ 
width: 140px !important; /* intended total box width - padding-right(next) */ 
width: 141px; /* IE Win = width - padding */ 
padding-right: 10px; /* 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: -10px; /* 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: 10px 0 15px 20px; /* 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 */ 
} 



a.boutonm1
{
font-family :  verdana, helvetica, sans-serif ;
font: bold 11pt ;
color : #000000;
padding-top: 6px;
padding-left: 9px;
margin-left: 0px;
width: 114px;
height: 25px;
display: block;
text-decoration:none;
font-weight:bold;
background-image : url(images/bouton.jpg);
background-repeat:no-repeat;
}

a.boutonm1:visited
{
color : #000000;
}

a.boutonm1:hover
{
color : #000000;
/*background-color: #ffff99; 
background-color: #cceeee; */
/*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 ;*/
}

/* ==========================================================================*/
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
margin: 0px auto;
width: 810px;
position: absolute;
top: 130;
left: 11%;
z-index:100;
width: 100%;
}
#menu dl {
float: left;
/*width: 12em;*/
margin: 0 1px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
/*background: #ccc;*/
/*border: 1px solid gray;*/
padding-top: 6px;
padding-left: 9px;
width: 100px;
height: 25px;
background-image : url(images/bouton.jpg);
background-repeat:no-repeat;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
/*background: #eee;*/
}

#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray; 
}

a {text-decoration: none;
color: black;
color: #222;
}
/* ======================================================== pied ==============*/
div.pfoot {
/*background-color:#ccccee;*/
padding-top:5px;
height:20px;
text-align: center;
background: url(images/pied.jpg) bottom right repeat-x  ;
font-size: 9px;
color : #777777;
font-weight:bold;
}
div.pfoot a{
color : #555555;
text-decoration:none;
}
div.pfoot a:hover{
color : #888888;
text-decoration:none;
}

/*  enc
ore des classe se trouvant dans la page index d'origine */
.Style1 {
	color: #FFFFFF;
	font-weight: bold;
}
/*
a:link {
	color: #FFFFFF;
}
a:visited {
	color: #FFFFFF;
}
a:hover {
	color: #777C80;
}
a:active {
	color: #6E7679;
}


a {
	text-decoration: none;
}

.s {
	font-size: 10px;
}

.c {
	font-size: 11px;
	color: #FFFFFF;
}

.l {
	font-size: 11px;
	color: #FFFFFF;
}

.m {
	vertical-align: middle;
}*/