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



body {
margin: 0;
padding: 0;
background-color : #eee;
text-align : center;
font-family : verdana;
font-size : 0.7em;
color : #000;
position: relative;
}


#content{
position : relative ; 
width:750px;
min-height : 100%;
background-color : #fff;
margin : 0 auto ; 
text-align : left;
border-top : 1px solid #eee;
}



/* DIV HAUT */

#haut {
position : relative ; 
text-align : left ; 
height : 242px; 
background : #333 url(images/haut.jpg); 
border-top : 1px solid #eee}




/* PUB HAUT */

#pubhaut1 {
position : absolute ; 
 
list-style : none;
margin :  0 ;
padding : 0 ;

width : 500px ; 
top : 13px;
left : 238px;    }

#pubhaut2 {
position : absolute ; 

list-style : none;
margin :  0 ;
padding : 0 ;

width : 500px ; 
top : 80px;
left : 238px;    }


#pubv {
position : absolute ; 

list-style : none;
margin :  0 ;
padding : 0 ;
border : 0px solid #333333;
width : 160px ; 
top : 0px;
right : 758px;    }

#pubg {
position : relative ; 

list-style : none;
margin :  0 ;
padding : 0 ;
border : 0px solid #ff9933;
width : 728px ; 
top : 5px;
right : 12px;    }

#pubc1 {
position : absolute ; 

list-style : none;
margin :  0 ;
padding : 0 ;
border : 0px solid #333333;
width : 300px ; 
top : 0px;
left : 758px;   }


/* MENU 2 PUB */

#menu2pub {
position : absolute ; 
height : 20px; 
list-style : none;
font-size : 10px;
 text-indent : 10px ;
margin :  0 ;
padding : 0 ;
background : #333 ;
width : 450px ; 
top : 275px;
left : 250px;    }


#menu2pub ul{

margin :  0 ;
padding : 0 ;
  }




#menu2pub li {
 
height : 20px ;
line-height : 20px;
margin: 0 0 0 -1px;
border-left : 1px solid #FFF; 
background : #333;
}
  
#menu2pub li:first-child {
border:0;
}



#menu2pub li a {
display : block ;
padding : 0 5px 0 5px ; 
float : left ;
color:#EEEEEE; 
text-decoration:none; 
 

}

#menu2pub li a:hover {
background : #FFF ; 
color : #333
}


#menu2pub #menu_in {background : #fff ; color : #333}

/* MENU HAUT */

#menuhaut {
position : absolute ; 
height : 20px; 
list-style : none;
margin :  0 ;
padding : 0 ;
background : #333 ;
width : 500px ; 
top : 222px;
left : 250px;    }


#menuhaut ul{

margin :  0 ;
padding : 0 ;
  }




#menuhaut li {
 
height : 20px ;
line-height : 20px;
margin: 0 0 0 -1px;
border-left : 1px solid #FFF; 
background : #333;
}
  
#menuhaut li:first-child {
border:0;
}



#menuhaut li a {
display : block ;
padding : 0 10px 0 10px ; 
float : left ;
color:#EEEEEE; 
text-decoration:none; 
text-transform : uppercase ; 

}

#menuhaut li a:hover {
background : #FFF ; 
color : #333
}


#menuhaut #menu_in {background : #fff ; color : #333}
  
/* MENU ANNUAIRE */

#menuannuaire {
position : absolute ; 
height : 18px; 
list-style : none;
margin :  0 ;
padding : 0 ;
background : #888 ;
width : 446px ; 
top : 330px;
left : 250px;    }


#menuannuaire ul{

margin :  0 ;
padding : 0 ;
  }




#menuannuaire li {
 
height : 18px ;
line-height : 18px;
margin: 0 0 0 -1px;
border-left : 1px solid #FFF; 
background : #888;
}
  
#menuannuaire li:first-child {
border:0;
}



#menuannuaire li a {
display : block ;
padding : 0 10px 0 10px ; 
float : left ;
color:#EEEEEE; 
text-decoration:none; 


}

#menuannuaire li a:hover {
background : #FFF ; 
color : #333
}


#menuannuaire #menu_in {background : #fff ; color : #333}
 
/* MENU ANNUAIREF */

#menuannuairef {
position : absolute ; 
height : 20px; 
list-style : none;
margin :  0 ;
padding : 0 ;
background : #333 ;
width : 450px ; 
left : 250px;    }


#menuannuairef ul{

margin :  0 ;
padding : 0 ;
  }




#menuannuairef li {
 
height : 20px ;
line-height : 20px;
margin: 0 0 0 -1px;
border-left : 1px solid #FFF; 
background : #333;
}
  
#menuannuairef li:first-child {
border:0;
}



#menuannuairef li a {
display : block ;
padding : 0 10px 0 10px ; 
float : left ;
color:#EEEEEE; 
text-decoration:none; 
text-transform : uppercase ; 

}

#menuannuairef li a:hover {
background : #FFF ; 
color : #333
}


#menuannuairef #menu_in {background : #fff ; color : #333} 

/* DIV GAUCHE */


#gauche {
width : 160px ;
background : #f9f9f9;
float : left;
margin : 10px 0 0 0 ;
padding : 10px 20px 0 0;  }




/* DIV DROITE */


#droite {
	width : 470px ;
background-color : #f9f9f9; 
float : left;
margin : 10px 0 0 20px; 
padding: 10px 20px 40px 0; }   		
		


/* DIV BAS */		
		
#bas{
position : absolute ; 
bottom : 0 ; 
width : 100% ;
 height :62px; 
 background-color : #333; 
 border-top : 20px solid #fff ; 
 color : #fff ;
 font-size : 90%}
 
 
 /* Liens Bas */
 
 #bas a{
 color : #fff ; text-decoration : none ; }
 

/* LISTE MENU BAS  */
 
 
#bas ul { 
margin : 0 0 0  250px ; 
padding : 0 ; 
height : 15px ; 
text-align : center ;
background : transparent ;  }

#bas li{
display : block ; 
height : 20px ;
line-height : 20px;


}


#bas li a{
float : left ;
color:#FFF; 
text-decoration:none; 
margin : 0 5px 0 0;
padding : 0 10px 0 10px ;
background : transparent ;
border-right : 1px solid #fff ;  }
		








/* H1  */

#engloge_h1 {
background : #fff ; 
border : 1px solid #000;
margin : 20px 0 0 20px ; 
padding : 1px; }

h1 {

padding : 0; 
margin : 0 ; 
font-size : 1.2em ;
background : #333 ;
color : #fff ; 
height : 20px ; 
line-height : 20px ;
text-transform : uppercase ; 
text-indent : 10px ;   }


/* H2  */

.engloge_h2 {
clear : both ; 
background : #fff ; 
border : 1px solid #000;
margin : 10px 0 0 20px ; 
padding : 1px; }

h2 { 
height : 20px ;
line-height : 20px ; 
background : #333 ;
color : #fff ;  
margin : 0  ;
 padding :0; 
 font-size : 12px;
 text-indent : 10px ; }
 
 
 
 h3 { 
color : #333 ;  
margin : 0 0 0 20px  ;
 padding :0; 
 font-size : 1.4em; }
 

/* H4  */

.engloge_h4 {
clear : both ; 
background : #fff ; 
border : 1px solid #000;
margin : 10px 0 0 20px ; 
padding : 1px;
width : 648px ;
 }

h4 { 
height : 20px ;
line-height : 20px ; 

background : #333 ;
color : #fff ;  
margin : 0  ;
 padding :0; 
 font-size : 10px;
 text-indent : 10px ;
width : 648px ; }
 
/* PARAGRAPHES */

p {margin : 10px 0 0 20px ; padding : 0;}
.no_top{margin : 0px 20px 5px 20px ; padding : 0;}






/* IMAGES */

.expo { 
margin : 20px 0 0 20px  ; 
float : left ;
padding : 1px;
border : 1px solid #000;  
}














/* LIENS DIVERS HORS LISTE */

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







/* LISTE */

ul {
list-style : none;
}

li {
float : left; 
list-style : none;}


 






 
#google {margin : 20px; } 
 
 
 
 
 
 #centrage {
 height : 1%;
 overflow : auto ; 
 background : transparent ; 
  padding : 20px 0 142px 30px ; 
  }
  
  
  #access {
  width : 750px ;
  margin :10px auto 0 auto ; 
  height : 20px;
  }
  
    #access li {
	display : block ; 
height : 20px ;
line-height : 20px ;
margin : 0 5px 0 0;
background : #333 ; 
  }
  
      #access li a {
	  float : left ; 
color:#fff; 
text-decoration:none; 
padding : 0 10px 0 10px ;
text-transform : uppercase ;
font-size : 90% ;

  }
  
  
  
  .post {
  clear : both ; 
  min-height : 160px ; 
  background : transparent ; 
   margin : 0 0 0 0 ;
   padding : 0 0 10px 0; }
   
     .post p img {
float : right ;
margin : 0 0 5px 15px ; 
border : 1px solid #000;
padding : 1px  }

 .post2 {
  clear : both ; 
  min-height : 40px ; 
  background : transparent ; 
   margin : 0 0 0 0 ;
   padding : 0 0 10px 0; }
   
     .post2 p img {
float : right ;
margin : 0 0 5px 15px ; 
border : 1px solid #000;
padding : 1px  }