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 : 558px;
 height : 206px;
margin : 80px 0 0 200px}
 

 
#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 : 275px;
	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 : transparent url(images_site/bg_menu_ov.gif) bottom no-repeat; 
 height : 30px;
}

.corect_bug_galery { 
width: 100%;
height: 145px;
 background : #fff url(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(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 : 0px; 
background : #fff;
 margin-left : 88px !important;
 margin-left : 88px ;
text-align : left;}
 








 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 }