/* CSS Document */

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin: 0;
padding: 0;
background:url('../grfx/fondbody.jpg') repeat-x #ffefe3;
}
#conteneur {
width: 818px;
margin: 0 auto; 
background: url("../grfx/fond_conteneur.png") repeat-y;

}
#header {
height: 236px;
background: url(../grfx/bando.jpg) no-repeat top;

}
#header a{
display:block;
background:url(../grfx/logo.jpg) no-repeat bottom;
width:152px;
height:93px;
text-indent:-5000px;
margin-left:330px;

}
#haut {
height: 41px;
background:url(../grfx/fonmenu.gif);
}
#centre {
clear:both;
background: url("../grfx/fondcontent_bas.gif") bottom no-repeat;
padding:10px 25px;
}

#centre p, #centre ul{

text-align:justify;
color:#02426c;
}
#pied {
clear:both;
height: 58px;
background:url("../grfx/fondfooter.gif") no-repeat;
padding-top:65px;
}

#pied p{
text-align:center;
margin:0;
color:#ccc;
}
.menuhaut {
font-size: 9px;
list-style-type: none;
margin:0px 0 0 10px;
padding:0;
}
.menuhaut li {
display: inline;
}
/*
.menuhaut a {
      float:left;
      display:block;
      color:#cccccc;
	  text-decoration:none;
}

.menuhaut a:hover, .actif a{
      float:left;
      background:url("../grfx/menutop.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
}

.menuhaut a:hover span, .actif a span{
      float:left;
      display:block;
      background:url("../grfx/menutop_right.gif") no-repeat right top;
      padding:10px 10px 0px 5px;
      color:#035a93;
}*/
.menuhaut a		{ display:block; height:41px; float:left; text-indent:-5000px;}
.accueil a 		{ background:url('../grfx/accueil.gif') bottom; width:77px;}
.conduite a 	{ background:url('../grfx/conduite.gif') bottom; width:93px;}
.transfert a 	{ background:url('../grfx/transfert.gif') bottom; width:100px;}
.chargement a 	{ background:url('../grfx/chgrt.gif') bottom; width:119px;}
.tpmr a 		{ background:url('../grfx/tpmr.gif') bottom; width:76px;}
.autoecole a 	{ background:url('../grfx/aae.gif') bottom; width:136px;}
.vu a 			{ background:url('../grfx/vu.gif') bottom; width:99px;}
.contact a 		{ background:url('../grfx/contact.gif') bottom; width:86px;}

.menuhaut a:hover, .actif a { background-position:top; }

.image {
display:block;
float:left;
text-align:center;
font-size:11px;
}
.image img{
	padding:15px;
	margin:0 15px;
	border: 1px solid #035a93;
}

p {margin: 13px 0 10px 0;}
h3 {
clear:both;
 margin: 25px 0 13px 0; }
.break{
clear:both;
}
#pied a, #pied a:hover, #pied a:active{
color:#ccc;
}