body {
margin : 0; 
padding : 0; 
text-align : center;
 background : #595959 url('http://benjamincalippe.com/images_site/bg_all.jpg') repeat-x;
 background-attachment: fixed;
 font-family : arial; 
 font-size : 11px; 
 color : #595959
}

#content {
position : relative; 
width : 857px; 
 background : transparent;
 margin-left : auto;
 margin-right : auto;
 text-align : center; 
}



 
#haut {
border-top : 1px solid #4c4c4c;
width : 100%; 
height : 303px; 
background : url('http://benjamincalippe.com/images_site/haut2.gif') no-repeat;
 margin-left : auto;
 margin-right : auto;
 text-align : left; }
 
 .img_haut {
 background : url('') no-repeat;
 width : 667px;
 height : 206px;
margin : 78px 0 0 90px
}
 

 
#centre {
width : 100%; 
background : url('http://benjamincalippe.com/images_site/centre.gif');
 margin-left : auto; 
 margin-right : auto;
 padding-bottom : 0;
 text-align : left
}

 
 
 
#bas{
width : 100%; 
height : 70px; 
background : url('http://benjamincalippe.com/images_site/bas.gif');
 margin-left : auto;
 margin-right : auto
}
 
 #menu {
position: absolute;
left : -100px ; 
 top : 286px ;
text-align : left;
background : url(http://benjamincalippe.com/images_site/menuhaut.png) top left no-repeat;
}


#menu ul{
	width : 202px;
	height : 400px;
	list-style: none;
	margin : 5px 0 0 0;
	padding : 25px 0 0 29px;
	text-transform: none;
}

 #menu li{
	margin : 0;
	padding : 0;
	list-style: none;
	line-height : 30px;
	text-align : left;
	text-indent: 05px
}

 #menu li a {
	background : none;
	width: 150px;
	display: block;
	height : 30px;
	text-decoration: none;
	margin : 0;
	padding : 0;
	list-style: none;
	color : #FFFFFF;
}


#menu li a:hover {
 background : url('bg_menu_ov.gif') no-repeat 50% bottom; 
 height : 30px;
}

.corect_bug_galery { 
width: 100%;
height: 145px;
 background : #fff url(http://benjamincalippe.com/images_site/bgbugmenu.jpg)}

dl.gallery
{

background : #fff;
width: 167px;
text-align: center;
float: left;
margin : 0;
padding : 0;
color : #fff;
}

.gallery dt { }

.gallery dt img
{

width: 167px;
height: 124px;
border : none; 

}


.gallery dd
{
 font-weight: bold; 
 text-transform : uppercase; 
margin: 0;
padding: 0 0 4px 0;
background : #fff;
color : #fff
}

.gallery dd a
{
color : #fff
}





#pub{
position : absolute; 
bottom : 36px  !important;
bottom : 35px ;
right : 2px  !important;
right : 1px;
width : 224px; 
height : 403px; 
 background : transparent url(http://benjamincalippe.com/images_site/menubrun.gif) top left no-repeat;
color : #fff; 
text-align : left; 

 }
 
.text_pub { 
 overflow : auto;
 width : 174px; 
height : 360px; 
margin : 15px 0 0 25px;
padding : 0;
background : transparent;  }

.text_pub p{ 
padding :10px  10px 0  10px;
  }







#bloc_centre{ 
width : 670px; 
 padding-bottom : 30px; 
background : #fff;
 margin-left : 88px !important;
 margin-left : 88px ;
text-align : left;}
 


/* Gauche
  *******************************************************/ 
 
 #gauche {float : left ; 
 width : 	50% ;

 }
 
 
  #gauche img {float : left ; 
margin : 0 10px 0 0 ; 
 }
 
 
   #gauche  h4 {
   background :#1B1B1B url(images/site/bg_h2_gauche.jpg) repeat-x ;
   margin : 0;
   padding : 0 0 0 20px;
    font-size : 1.5em ; 
	height : 37px;
	line-height : 37px ; 
   }
   
   
      #gauche  h3 {

   margin : 0;
   padding : 0 0 0 20px;
    font-size : 1.5em ; 
	height : 37px;
	line-height : 37px ; 
	color : #8B9603 ;
	text-transform : uppercase ;  
   }
   
   
   #gauche  .post_news  {background :#3C3C3C  ; padding : 5px 20px; }
 
  #gauche .post_news2  {background :#222222 ; padding : 5px 20px; }
   
   #gauche .post_news3  {background :#3C3C3C ; padding : 5px 20px; }
  
/* droite
  *******************************************************/  
   
   
    
   #droite  h4 {

   margin : 0 0 10px 0;
   padding : 20px 0 0 20px;
    font-size : 1.5em ; 
	color  : #8B4603 ; 
	text-transform : uppercase ; 

   }
   
 
 
  #droite {float : left ; 
 width : 50% ;
 background : #1B1B1B ; 
 }
 
 
   #droite img {float : left ; 
margin : 0 10px 0 0 ; 
 }
 
 
 
    #droite  h4 {
  
   background :#363636 url(images/site/bg_h2_droite.jpg) repeat-x ;
   margin : 0;
   padding : 0 0 0 10px;
    font-size : 1.5em ; 
	height : 37px;
	line-height : 37px ; 
   }
   
    #droite  p {
padding : 0 20px ;
margin : 0 0 10px 0 ; 
   }   
   
     #droite  span {
color : #8B4603 ; 
   }     
   
    #droite  .other_news {background :#1B1B1B; padding : 0px 0 10px 0; }
  
  
     #droite  .other_news2 {background :#3C3C3C; padding : 20px 0 10px 0; }
 
  




/*  Centrage
  *******************************************************/
 
#centrage {padding : 0 0 0 0; background : transparent ;  }






 h1 {
	margin : 0 0 0 20px;
	padding : 20px 0 0 0;
	font-family: "Times New Roman", Times, serif;
	font-size: x-large;
	clear : left;
	font-weight: bolder;
	color: #808080;
}
 

p {
	margin : 0;
	padding : 0;
	color: #C0C0C0;
}
div.pousse {margin-left : 5px}
.float_left {float : left}
.spacer {clear : both ; height : 13px}
.apropos {
	width : 85%;
	padding : 5px 0 0 0;
	margin : 0 25px 0 20px;
	color: #000000;
}

a {
	color: #FF9900;
	text-decoration : none;
	font-size: small;
	font-weight: bolder;
}
a:hover {color : #000 ; text-decoration : none}






.content_img {
background-color: #fff;
width: 141px ;
text-align: left;
padding: 10px 10px  0 12px ;
float: left;}

.content_img p{
margin : 0; padding : 0}



.ref {float : left}
.tarifs  {float : right  ; margin: 0; padding : 0}
.name {font-weight : bold ; clear : both}



.pubdownload {
margin : 20px 0 0 20px;


}

.pubdownload img{
float : left ; margin-right : 10px

}

.raisons {
float : left ; width : 250px ;  height : 40px

}

  h2 {margin : 0  ; padding :  0 ; font-size : 16px ; clear : left ; color : #373737 }