html, body {
margin: 0;
padding: 0;
height: 100%
}

body {
margin: 0;
padding: 0;
text-align : center;
font-family : arial;
font-size : 11px;
color : #000;
background-color : #F3F2D5;
background-image : url(images/bg.jpg);
background-repeat : repeat-x; 
}

.cont {
background-color :transparent;
text-align : left;
width : 980px ; 
margin-left : auto;
margin-right : auto;
height:100%;}
html>body .cont {height : auto; min-height : 100%; }


.haut {
width : 980px ; 
height : 248px ;
background-color :transparent;
margin-left : auto;
margin-right : auto;
 background-image : url(images/haut.jpg)}
 
 
 .centrelong {
 width : 980px ;
 height : 500px;
 background-color :transparent;
 margin-left : auto;
 margin-right : auto;
 
 background-image : url(images/centre.jpg);
 text-align : left; }
 html>body .centrelong {height : auto; min-height : 500px } 
  
  
 .centre {
width : 980px ;
height : 300px;
background-color :transparent;
margin-left : auto;
margin-right : auto;
 background-image : url(images/centre.jpg);
 text-align : left; }
html>body .centre {height : auto; min-height : 300px } 


 .bas {width : 980px ; 
height : 60px ;
background-color :transparent;
margin-left : auto;
margin-right : auto;
 background-image : url(images/bas2.jpg)
}
 

 .gauchemlong {
 float : left ;  
 background-color : transparent;
  width : 178px;
  text-align : left; 
  margin-left : 40px; 
  height : 500px;
  margin-top : 0px; 
  color : #4B8133 ;  
  background-image : url(images/basgauche.jpg) ; 
  background-position : bottom ; 
  background-repeat : no-repeat}

  
 .gauchelong {
 float : left ;  
 background-color : transparent;
  width : 178px;
  text-align : left; 
  margin-left : 30px; 
  height : 500px;
  margin-top : 0px; 
  color : #4B8133 ;  
  background-image : url(images/basgauche.jpg) ; 
  background-position : bottom ; 
  background-repeat : no-repeat}
  
 .gauchemozilla {
 float : left ;  
 background-color : transparent;
  width : 178px;
  text-align : left; 
  margin-left : 40px ; 
  height : 290px;
  margin-top : 0px; 
  color : #4B8133 ;  
  background-image : url(images/basgauche.jpg) ; 
  background-position : bottom ; 
  background-repeat : no-repeat}
 html>body .gauchemozilla {margin-left : 40px ; margin-top : 0}
  


.gauche {
float : left ;  
background-color : transparent;
 width : 178px;
 text-align : left; 
 margin-left : 40px ; 
 height : 280px;
 margin-top : 0px; 
 color : #4B8133 ;  
 background-image : url(images/basgauche.jpg) ; 
 background-position : bottom ; 
 background-repeat : no-repeat}
html>body .gauche {margin-left : 40px ; margin-top : 0}
 
.gauche1024 {
float : left ;  
background-color : transparent;
 width : 178px;
 text-align : left; 
 margin-left : 30px ; 
 height : 280px;
 margin-top : 0px; 
 color : #4B8133 ;  
 background-image : url(images/basgauche.jpg) ; 
 background-position : bottom ; 
 background-repeat : no-repeat}
html>body .gauche1024 {margin-left : 30px ; margin-top : 0}
 
 
.haut_gauche {
background-color : #fff;
width : 178px;
height : 11px;
} 

.droite {
float : left ;  
background-color : transparent;
width : 730px;
height: 290px;
margin-left : 5px;
color : #063559}
html>body .droite {min-height : 290px  }

.droitelong {
float : left ;  
background-color : transparent;
width : 730px;
height: 500px;
margin-left : 5px;
color : #063559}
html>body .droitelong {min-height : 510px  }


.droitescroll {
float : left ;  
background-color : transparent;
width : 721px;
height: 290px;
overflow: auto; 
scrollbar-base-color: #A0C76C;
margin-left : 5px;
margin-top : 10px; 
color : #063559}
html>body .droite {min-height : 290px  }


.droitelongscroll {
float : left ;  
background-color : transparent;
width : 721px;
height: 500px;
overflow: auto; 
scrollbar-base-color: #A0C76C;
margin-left : 5px;
margin-top : 10px; 
color : #063559}
html>body .droitelong {min-height : 510px  }


.haut_droite {
width : 360px; 
background-color : 
transparent; float : left}

 
.dojoHtmlFisheyeListBar {
	margin: 0 auto;
	text-align: center;
}

.outerbar {
	text-align: left;
	position: absolute;
	left: 25%;
	top : 85px;
	width: 85%;
}

.page {
	padding: 20px 20px 20px 20px;
} 
 
 
 h3 {width : 178px;
margin : 10px 0 0 0 ;
padding : 0; 
font-size : 12px;
background-color : transparent;
 height : 31px; }
 
 h2 {width : 484px;
margin : 10px 0 0 0 ;
padding : 0; 
font-size : 12px;
background-color : transparent;
 background: url(images/h2.jpg) no-repeat;
 height : 31px; }


h1 {
font-size : 12px; 
color : #4B8133 ; 
margin : 25px 0 0 10px ;
text-transform : uppercase ;}
 

 
 ul, li {
 margin :0;
padding : 0 ; 
list-style : none ;}



#menu {
width : 700px ;
height : 31px;
text-align: left;
 background-color :transparent; 
color :#fff ; 
font-size : 14px ; 
font-weight : bold;
margin-left : 250px;
margin-right : auto;
font-size : 13px;
padding-top : 201px}

 #menu li{
 float : left ;
  margin-left : 5px ;
   padding-top : 10px ;
   padding-right : 15px;
  background : url(images/boot.jpg) right bottom no-repeat}



.sitelogo {padding-top : 20px; padding-left : 5px ; border : 0}
.logo {float : left ; margin-top : 15px ; margin-right : 0 ; width : 102px ; height : 102px}
.puce {margin-top : 5px ; margin-left : 5px}
.copy {border : 0}


div.hr {
  height: 15px;
  background: #eee scroll left;
  margin : 5px 0 5px 10px  ;
  padding : 0;   
  background : #fff url(images/hr.gif) left top;
  width : 360px; 
}
div.hr hr {
  display: none;  padding :0; 
}

p {margin : 10px 15px 0 5px ; padding : 0}
.intro {color : #063559; margin : 0 15px 0 10px ;}



.top {margin : 10px 10px 0 10px ; border-bottom : 1px dotted #4B8133 ; padding-bottom : 5px}
.top2 {margin : 10px 10px 0 10px ;}
.notop2 {margin : 0 10px 0 5px ;}
.notop {margin : 5px 10px 0 10px ;}

.pboot {
margin : 10px 15px 0 5px ; 
padding : 0 ; 
text-indent : 15px ;   
background :  url(images/pboot.jpg) left top no-repeat;}

.top_menu {margin-top : 13px ; display : block}

.signature { margin : 20px 20px 0 0; float : right}
html>body .signature { margin : 20px 45px 0 0; }

.spacer {
clear : both; 
height : 13px ; margin-top : -5px}


.spacer2 {
clear : both; 
height : 13px ; }


a {
color : #fff; 
text-decoration : none ;
font-size : 11px; font-weight : bold}

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

a.class1 {
color : #4B8133; 
text-decoration : none ; 
text-transform : uppercase ; 
font-size : 11px; font-weight : bold}

a:hover.class1 {
color : #4B8133; 
text-decoration : none ; }

a.class2 {
color : #4B8133; 
text-transform : lowercase ; 
text-decoration : none; font-size : 9px ; }

a:hover.class2 {
color : #4B8133; 
text-transform : lowercase ; 
text-decoration : none}

a.class4 {
color : #4B8133; 
text-decoration : none; font-size : 9px ; }

a:hover.class4 {
color : #4B8133; 
text-decoration : none}


a.classrouge {
color : red; 
text-decoration : none; font-size : 9px ; }

a:hover.classrouge {
color : red; 
text-decoration : none}


a.class3{
color : #4B8133; 
text-decoration : underline ; font-size : 9px ;}

a:hover.class3 {
color : #4B8133; 
text-decoration : underline;  
}

a.index_actif {
color : #4B8133; 
text-decoration : none ; 
text-transform : uppercase ; 
font-size : 11px; font-weight : bold ; margin-left : 5px}
html>body a.index_actif {margin-left : 5px}

a:hover.index_actif  {
color : #4B8133; 
text-decoration : none ; }


a.actif {
color : #4B8133; 
text-decoration : none ; 
text-transform : uppercase ; 
font-size : 11px; font-weight : bold ; }




a:hover.actif  {
color : #000; 
text-decoration : none ; }




/* ------Fenetre popup (overlib)------- */
#entete_popup{position:relative;margin:0 10px 1px 10px;background:none}
#entete_popup_erreur{position:relative;margin:0 10px 1px 10px;background:none}

#entete_popup_erreur{width:264px;height:115px;margin:0;text-align:left;}
#entete_popup_erreur.entete_popup_erreur1{width:264px;height:196px;margin:0;}
#entete_popup h3, #entete_popup_erreur h3{font-size:16px;line-height:1.5em;color:#3d464c;margin:0;background:url(./images/overlib/bg-pointilles2-H.gif) repeat-x 0 100%;text-align:left;}
#entete_popup_erreur h3{margin:0 10px 10px 10px;}
#entete_popup h3 span, #entete_popup_erreur h3 span{color:#f00}

#entete_popup_erreur div{font-size:11px;padding:0 10px;text-align:left;}
#entete_popup_erreur div p.entete_popup_erreur_texte{font-size:11px;text-align:left;}
#entete_popup_erreur p.bouton_fermer_erreur{text-align:center;}
#entete_popup_erreur p.bouton_fermer_erreur a{position:relative;top:0;right:0;}
#entete_popup_erreur p.bouton_fermer_erreur .bouton_input{position:absolute;bottom:10px;left:40%;text-decoration:none;line-height:1.3em}
#entete_popup_erreur p.bouton_fermer_erreur1 .bouton_input{position:absolute;bottom:10px;left:40%;text-decoration:none;line-height:1.3em}
html>body #entete_popup_erreur p.bouton_fermer_erreur .bouton_input{padding:0 0 2px 0;}
#entete_popup_erreur p{font-size:12px;line-height:1.2em;color:#3d464c;}

#entete_popup a {margin:-7px 0 0 0;text-decoration:none;color : #4B8133; }
#entete_popup a, #entete_popup_erreur a{position:absolute;top:10px;right:10px;}