body {
margin : 0 ; 
padding : 0 ; 
text-align : center;
 background : #4c4c4c url(images_site/bg_all.gif) repeat-x;
 font-family : arial; 
 font-size : 13px; 
 color : #373737}

#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(images_site/haut.gif) no-repeat;
 margin-left : auto;
 margin-right : auto;
 text-align : left; }
 
 .img_haut {
 width : 558px;
 height : 206px;
margin : 80px 0 0 200px}
 

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

#bas{
width : 100%; 
height : 151px ; 
background : transparent url(images_site/bas.gif);
 margin-left : auto;
 margin-right : auto }
 


#menu {
 position : absolute ; 
left : 0px ; 
 top : 26px ;
text-align : left;
background : url(images_site/menuhaut.gif) 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 : uppercase; 
}

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

 #menu li a {
 background : transparent url(images_site/bg_menu.gif) bottom no-repeat; 
width: 150px;
display: block;
height : 30px;
text-decoration: none;
margin :  0;
padding : 0;
list-style: none;
color  : #232323 }


#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 : #4c4c4c url(images_site/bgbugmenu.jpg)}

dl.gallery
{

background : #4c4c4c;
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 : #4c4c4c;
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 : 30px; 
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 ;  font-size : 32px ; clear : left }
 

p {margin : 0  ; padding : 0 ; }
div.pousse {margin-left : 5px}
.float_left {float : left}
.spacer {clear : both ; height : 13px}
.txt {width : 85% ; padding : 5px 0 0 0 ; margin : 0 25px 0 20px ; clear : left; }
.txtsmall {width : 85% ; padding : 5px 0 0 0 ; margin : 0 25px 0 20px ; font-size : 11px; }

a {color : #ffa500 ; text-decoration : none}
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 }
 
 
.floatright{
float: right;
padding: 2%;
margin-left: 2px;
margin-top: 2px;

}

.floatleft{
float: left;
padding: 1%;
margin-right: 2px;
margin-top: 2px;

}