html, body{ 
 margin:0px; 
 padding:0px; 
 text-align:center; 
 font-family: Arial ,Tahoma, Verdana;
 background-image:url(../images/fond.jpg);
 background-repeat: repeat-x;
 background-color:#E8E7E7;
} 
 
p {
margin-left:20px;
}

a {
color:#669900;
text-decoration:none;
}

h1 {
font-size:18px;
}
h2{
font-size:16px;
}
h3{
font-size:9px;
}

a:hover {
text-decoration:underline;
}
 
#pagewidth { 
margin:0px; 
padding:0px; 
width:960px; 
text-align:left;  
margin-left:auto; 
margin-right:auto;  
} 

#pagewidth_for_cgv { 
margin:0px; 
padding:0px; 
width:640px; 
text-align:left;  
margin-left:auto; 
margin-right:auto;  
} 
 
#header {
margin:0px; 
padding:0px; 
position:relative; 
height:150px; 
} 
 
#maincol {
margin:0px; 
padding:0px; 
float: right; 
display:inline; 
position: relative; 
width:960px;
height:670px; 
background:url(../images/wrap_bg.png) no-repeat;
}

#photo_left  {
float:left;
margin-top:55px;
margin-left:20px;
width:263px;
height:263px;
}

#lefttext {
width:238px;
height:257px;
float:left;
position:absolute;
top:50px;
left:40px;
}

#lefttext h1{
font-size:18px;
} 
#lefttext h2{
font-weight:normal;
font-size:16px;
text-align:justify;
text-indent:10px;
}

#lefttext p{
font-size:16px;

} 
#content {
position:aboslute;
margin-left:140px;
margin-top:15px;
display:block;
overflow:auto;
}

#content_for_cgv {
position:aboslute;
margin-left:140px;
margin-top:15px;
display:block;
overflow:no;
}

#content_panel {
position:aboslute;
margin-left:5px;
margin-top:15px;
font-size:13px;
display:block;
overflow:auto;
}
#detail_declic {
position:relative;
margin-left:0px;
margin-top:0px;
font-size:13px;

}

#detail_clic {
position:relative;
margin-left:0px;
margin-top:0px;
font-size:13px;
}

#detail_dclic {
position:relative;
margin-left:0px;
margin-top:0px;
font-size:13px;

}

#detail_aad {
font-size:13px;
}


#content ul {
padding-right:10px;
}


#menu {
margin:0; 
padding:0px;
height:270px;
width:210px; 
position:absolute;
right:710px;
top:70px;
}

.onglet_actif  {
background:url(../images/menuhover.png) repeat-x;
}

.logo {
position:absolute;
left:15px;
width:166px;
height:106px;
top:500px;
}

#wrapper_top {
background-image:url(../images/wrapper_top.gif);
position:absolute;
top:-10px;
left:0px;
height:28px;
width:690px;
} 

#wrapper_bottom {
background-image:url(../images/wrapper_bottom.gif);
position:absolute;
left:0px;
bottom:-10px;
height:27px;
width:690px;
}

p.pdp {
margin:0;
padding:0;
line-height:15px;
}

#footer {
margin-top:10px;
height:20px; 
clear:both;
}

#footer a {
font-size:12px;
text-align:center;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}

#footer a:hover {
color:#669900;
}

.form_contact {
border: 2px solid #99cc00;
margin-right:20px;
padding:5px;
}


.bullets_level_1 li {
list-style-type:none;
font-weight:bold;
font-size:14px;
padding:10px 10px 10px 0px ;
}  

.bullets_level_1a li {
font-weight:bold;
font-size:14px;
padding:7px ;
list-style-image:url(../images/greenbullet1a.png);
} 

.bullets_level_2  li {
padding-bottom:0px;
margin:0;
font-weight:normal;
font-size:14px;
list-style-image:url(../images/greenbullet.png);
}

.bullets_level_2b  li {
padding-bottom: 20px;
margin:0;
font-weight:normal;
font-size:14px;
list-style-image:url(../images/greenbullet.png);
}



/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

