html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin:0;
padding:0;
border:0;
}
body {
text-align:left;
background: url(images/back-top2.gif) #fff repeat-x left top;
}
#container { 
width:770px;
margin:0 auto;
padding:0; 
height:auto;
text-align: left;
} 
#containerhaut { 
position:relative;
width: 100%;
height:102px;
margin: 0 ;
text-align: left;
} 
#containerhaut-l { 
position:relative;
width: 200px;
height:83px;
margin-top: 0px ;
text-align: left;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color:#ffffff;
} 
#menu { 
position:relative;
width: 555px;
height:31px;
margin-top: 62px ;
text-align: left;
list-style-type: none ; 
float:right;
} 
#menu a {
display: block ;
width: 109px ;
height:31px;
color: #FFFFFF ;
background-image:url(images/menu-b.png);
background-repeat:no-repeat;
text-align: center ; 
padding-top:9px ; 
text-decoration: none ; 
float: left ;
}
#menu a:hover {
color: #FFFFFF ; 
background-image:url(images/menu-a.png); 
background-repeat:no-repeat;
font-weight:bold;
}
#menu li{ 
list-style-type: none ;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
float: left ;
margin-right: 2px; 
width: 109px ;
height:31px;
}
#content { 
position: relative;
width: 767px;
float:left;
margin-top:15px;
}
#white { 
position:relative;
width: 100%;
background: url(images/back-top.gif) #fff repeat-x left top;
height:481px;
margin: 0 ;
text-align: left;
float:left;
} 
#gauche1 { 
position: relative;
width: 480px;
padding:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
color:#cccccc;
float:left;
background-color:#333333;
height:60px;
}
#gauche1 a{ 
text-decoration:underline;
color:#cccccc;
}
#gauche1 a:hover{ 
color:#666666;
}
#right1 { 
position: relative;
width: 250px;
padding:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight:bold;
color:#cccccc;
float:right;
background-color:#666666;
height:60px;
}

img { 
margin-right:5px;
}
.black_overlay{
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
.white_content {
display: none;
position: absolute;
top: 25%;
left: 25%;
width: 50%;
height: 50%;
padding: 16px;
border: 16px solid orange;
background-color: white;
z-index:1002;
overflow: auto;
}
#content-left { 
position: relative;
width: 490px;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
}
#content-right { 
position: relative;
width: 260px;
float:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
}
#content-right-article { 
position: relative;
width: 256px;
padding:2px;
margin-top:10px;
background-color:#333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#cccccc;
}
#content-right-article a{ 
text-decoration:none;
color:#cccccc;
}
#content-right-article a:hover{ 
color:#ffffff;
}
#content-right-b { 
position: relative;
width: 256px;
padding:2px;
margin-top:10px;
background-color:#333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#cccccc;
}
#content-right-b a{ 
text-decoration:none;
color:#cccccc;
}
#content-right-b a:hover{ 
color:#ffffff;
}
#content2 { 
position: relative;
width: 767px;
float:left;
margin-top:10px;
}
#content2-left { 
position: relative;
width: 375px;
float:left;
}
#content2-right { 
position: relative;
width: 375px;
float:right;
}
#prod { 
position: relative;
width: 490px;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
margin-bottom:5px;
}
#prod a{ 
color:#333333;
}
#prod a:hover { 
font-weight:bold;
}
H1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
display:inline;
color:#ffffff;
font-weight:lighter;
}
H2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
display:inline;
color:#333333;
}

#content-left img { 
border: 1px solid #333333;
}