body {
margin : 0 ; 
padding : 0 ; 
text-align : center;
 background : #4c4c4c url(images/bg_all.gif) repeat-x;
 font-family: Verdana,Arial,Sans-serif; 
 font-size : 12px; 
 color : #373737 ;
 }

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

a {color : #295BA5 ; text-decoration: none ;}
a:hover {color : #295BA5 ; text-decoration: underline ; font-weight: bold;}


h1 {
margin : 0px 0px 0px  20px ; 
padding : 20px 0px 0px 0px ;
 font-family: Verdana,Arial,Sans-serif;
 font-size : 24px ;
 color : #666666
 clear : left;
}

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

p {margin : 0  ; padding : 0 ; }

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 ;
 }

.txtcentre {
width : 85% ;
 padding : 5px 0 0 0 ;
 margin : 0 25px 0 20px ;
 text-align : center;
 }

 
#haut {
border-top : 1px solid #4c4c4c;
width : 100%; 
height : 303px ; 
background : url(images/haut.gif) no-repeat;
 margin-left : auto;
 margin-right : auto;
 text-align : left; }
 
 .img_haut {
 background : url(images/logo5.jpg) no-repeat;
 width : 558px;
 height : 206px;
margin : 80px 0 0 200px;}
 

 
#centre {
width : 100%; 
background : url(images/centre.gif);
 margin-left : auto; 
 margin-right : auto;
 padding-bottom : 0;
 text-align : left; }
 
#bas{
width : 100%; 
height : 151px ; 
background : transparent url(images/bas.gif);
 margin-left : auto;
 margin-right : auto; 
text-align : center; 
 font-size : 9px; }
 
 #menu {
 position : absolute ; 
left : 0px ; 
 top : 26px ;
text-align : left;
background : url(images/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/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/bg_menu_ov.gif) bottom no-repeat; 
 text-decoration: none;
 font-weight: normal;
 height : 30px;
}

.menugrafic
width: 100%;
height: 145px;
 background : #4c4c4c url(images/bgbugmenu.jpg);}

#pub{
position : absolute; 
bottom : 36px  !important;
bottom : 35px ;
right : 2px  !important;
right : 1px;
width : 224px; 
height : 403px; 
 background : transparent url(images/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 ;
text-align : left;}
 
.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;}

dl.gallery2
{

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

.gallery2 dt { }

.gallery2 dt img
{
width: 164px;
height: 124px;
border : none; 
}


.gallery2 dd
{
margin: 0;
padding: 0 0 4px 0;
background : #4c4c4c;
color : #fff;
}

.gallery2 dd a
{
color : #fff;
}