html, body{ 
 margin:0; 
 padding:0; 
 background: url("images/bg.jpg") repeat-x; 
 background-color: #f3f2d5;
} 
 
#contenu {
width: 750px;
position: absolute;
left: 50%;
margin-left: -375px;
background: url("images/centre2.jpg") repeat-y; 
} 
 
#enTete{
	position:absolute; 
	width: 100%;
	height: 0px;
} 
 
#bandeau{
	position:relative; 
	width: 100%;
	height: 200px;
	background: url("images/haut.jpg"); 
  
} 
 
#menuHorizontal{
	position:relative; 
	width: 100%;
	height: 48px;
	background: url("images/menuHoriz.jpg"); 
	color :#fff ; 
    font-family : arial;
    font-size : 11px ; 
    font-weight : bold; 
	text-transform : uppercase ; 
    margin-left : auto;
    margin-right : auto;
} 
 
#menuHorizontal ul{
padding:0 0 0 0;
margin: 0 0 0 0;
padding-left: 40px;
color:#ffffff;
float:left;
list-style:none;
}

#menuHorizontal ul li{
display:inline;
list-style:none;
float : left ;
  margin-left : 5px ;
   padding-top : 10px ;
   padding-right : 15px;
  background : url(images/boot.jpg) right bottom no-repeat
}

#menuHorizontal ul li a{
margin: 0 0 0 0;
padding: 0 0 0 0;
color:#ffffff;
text-decoration:none;
float: left;
}

#menuHorizontal ul li a:hover{
color:#4B8133;
text-decoration:none;
}

#page{
 position: relative;
 width: 100%; 
}

#cadreGauche {
	position: relative;
	float:left;
	display:inline; 
	width:250px;
        background: url("images/cadreGauche.jpg") repeat-y; 
	padding-bottom: 20px;
}

#cadreCentre {
   font-family: Trebuchet;
   position: relative;
   float:right;
   display:inline;
   width:500px;
   background: url("images/cadreCentre.jpg") repeat-y; 
	
}

#piedPage{
 position: relative;
 width: 100%;
 height:78px; 
 background: url("images/bas2.jpg") no-repeat;
 clear:both;
 text-align: left;
 color: #000000;
 padding-top: 0px;
 padding-left: 35px;
 font-family : arial;
 font-size : 11px;
 } 
 
 .contenuGauche {
    margin : 10px 0 0 0; 
    margin-left: 20px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
    width: 170px;
    text-align : left; 
    padding-bottom : 150px;
    color : #4B8133 ;  
    background-image : url(images/basgauche.jpg) ; 
    background-position : bottom ; 
    background-repeat : no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    font-size : 11px;
}

.contenuGauche h1 {
    margin : 0 0 0 0; 
    border-bottom : 1px dotted #4B8133 ; 
    padding-top : 50px;
    padding-bottom : 5px;
    margin-bottom : 15px;
    color : #4B8133; 
    text-decoration : none ; 
    text-transform : uppercase ; 
    font-size : 13px; 
    font-weight : bold;
    background-image : url(images/h3.jpg) ; 
    background-position : top left; 
    background-repeat : no-repeat
}

.contenuGauche h2 {
    color : #4B8133; 
    font-size : 12px; 
    font-weight : bold;
    background-repeat : no-repeat
}

.contenuGauche h3 {
    color : #4B8133; 
    text-decoration : none ; 
    font-size : 11px; 
    font-weight : bold;
    background-repeat : no-repeat
}

.contenuCentre {
	margin : 0 0 0 0;
	margin-top: 20px;
	padding-right: 30px;
	padding-top: 30px;
	width: 470px;
    font-family: "Trebuchet MS", arial, "bitstream vera sans", sans-serif;
    font-size : 11px;
    color : #063559;
   background-image : url(images/h2b.jpg) ; 
    background-position : top left; 
    background-repeat : no-repeat
}

.contenuCentre h1 {
    color : #4B8133;
}

.contenuCentre h2 {
    color : #4B8133;
}

.contenuCentre li {
	margin-left: 20px;
	padding-left: 20px;
}

.enteteCentre {
	margin : 0 0 0 0;
	margin-top: 5px;
	padding-right: 30px;
	padding-left: 120px;
	padding-top: 1px;
	width: 330px;
	font-family : arial;
    font-size : 11px;
    color : #063559;
	background-image : url(images/logo.jpg) ; 
    background-position : top left; 
    background-repeat : no-repeat;
	padding-bottom : 30px;
}

.enteteCentre h1 {
	border-bottom : 2px dotted #4B8133 ; 
	padding-bottom: 10px;
	color: #4B8133;
	text-decoration : none ; 
    text-transform : uppercase ; 
    font-size : 15px; 
	font-weight : bold;
	
}

.bouton {
   list-style:none;
   padding-top:14px;
   padding-bottom:30px;
   padding-left:20px;
   background : url(images/b2.gif) left no-repeat;
   margin-left:-30px;
}

.bouton a {
   color:#000000;
   padding : 0 0 0 0;
   margin : 0 0 0 0;
   text-decoration:none;
   text-align:center;
   float: left;
   font-size : 12px;
   font-family : "MS Trebuchet";
   text-transform: uppercase ;
}

.bouton a:hover {
   color:#4B8133;
   text-decoration:overline underline;

}


/***** onglets CSS *****/

#mesOnglets {
position:relative;
margin-top:10px;
padding-top:10px;
}

ul#tabnav {
position:absolute;
font: bold 11px verdana, arial, sans-serif;
list-style-type: none;
padding:0px;
margin:0px;
width:100%;
}

ul#tabnav li{
float: left;
list-style-type: none;
text-decoration:none;
background:url("images/norm_right.gif") no-repeat right top;
margin:0px;
padding:0px;
}

#tabnav a {
float: left;
color: #666;
text-decoration: none;
display:block;
background:url("images/norm_left.gif") no-repeat left top;   
padding:5px 15px;
cursor: pointer;
}

#tabnav a:hover {
color: #000;
cursor: pointer;
}

.onglet{
position:absolute;
background-color:#ffdfbf;
top:36px;
width:83%;
height:500px;
padding:20px;
visibility:hidden;
overflow:auto;
}