BODY {
background:url(images/fond.gif) repeat #0B5981;
margin:0;
padding:0;
}
#background{
width:1042px;
margin:0 auto;
background:url(images/background.gif) repeat-y #0B5981;
padding:0;
}
#main{
width:980px;
margin:0 auto;
padding:0;
}

#header{
height:140px;
background:url(images/header.jpg) repeat-x;
margin:0 10px 0 10px;
padding:0;
}


#haut-contenu{
height:218px;
margin:0 10px 0 10px;
padding:0;
background:url(images/content-haut.jpg) repeat-x;

}
#haut-contenu-content{
position:relative;
top:30px;
left:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:lighter;
color:#ffffff;
width:500px;
text-align:justify;
line-height:20px;
}
#haut-contenu-content h1{
position:relative;
left:0;
top:-20px;
font-size:16px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#B1DB25;
font-weight:bold;
}
#milieu h1{
padding-left:50px;
line-height:70px;
font-weight:bold;
}
h1 a{
background:url(images/fleche4.gif) no-repeat 5% 50% ;
padding-left:30px;
color:#2C91BB;
text-decoration:none;
}
h1 a:hover{
text-decoration:underline;
}
em{
color:#2C91BB;
}
.bleu{
color:#2C91BB;
}
.gris{
color:#838383;

}
h2{
line-height:40px;
color:#2C91BB;

}
h3{
color:#2C91BB;
}
h3.gris{
color:#dadada;
font-weight:normal;
}
h4{
color:#2C91BB;

}
.slogan{
position:relative;
top:-20px;
left:90px;
font-style:italic;
font-weight:bold;
}
.slogan2{
position:relative;
top:-180px;
left:600px;
font-weight:bold;
font-size:14px;
width:293px;
height:40px;
cursor:pointer;
background:url(images/gerez.gif) no-repeat;
text-transform:uppercase;
text-decoration:underline;
}


ul.liste{
position:relative;
left:-25px;
top:-20px;
list-style-type:none;

}

ul.liste li{
background:url(images/fleche.gif) no-repeat 5% 50% ;
font-size:14px;

padding-left:40px;
width:inherit;
}

#bobine{
position:relative;
top:-190px;
left:210px;
width:388px;
height:173px;
background:url(images/demo_video.gif) no-repeat;
cursor:pointer;
}
/* Bloc central contenant #navigation et #contenu */
#centre {
padding:0 ;
margin:10px 10px 10px 10px;
overflow: hidden; /* -> 5 */
background: #ffffff; /* Voir -> Note 1 */

}
#milieu{
border:1px solid #dadada;
margin:0 10px 0 10px;
margin-left:auto;
margin-right:auto;
padding:10px 10px 70px 10px;
min-height:500px;
}
#milieu p{
line-height:25px;

}
#milieu a{

text-decoration:none;
font-weight:bold;
}
#milieu a:hover{
text-decoration:underline;
}
#photos{
margin:0 auto;
text-align:center;
}

#post-thumb2 {
	background-color: #FFF;
	padding: 8px;
	width: 550px;
	border: 1px solid #dadada;
}
#video{

margin:5px auto 5px auto;
background-color: #FFF;
	padding: 8px;
	width: 480px;
	border: 1px solid #dadada;
}
#photoproduit{
float:left;
margin:5px 5px 5px 50px;
width:570px;
height:390px;

}
#clear{
clear:both;
}
#description{
text-align:justify;
width:840px;
margin:40px auto 0 auto;

}
#description ul{
list-style-type:none;

}
#description ul li{
background:url(images/fleche3.gif) no-repeat 0 50% ;
width:inherit;
padding-left:30px;
line-height:25px;
}
#pied{
margin:0 10px 0 10px;
height:174px;
background:url(images/footer.jpg) repeat-x;

}

.copyright{
position:relative;
color:#ffffff;
font-size:11px;  
font-weight:normal;  
font-family:Arial,Verdana,Helvitica,sans-serif;  
top:150px;
text-align:center;

padding:0;
margin:0;
}
.copyright a{
color:#2E9EB7; 

}
.silver #nav{  
position:relative;  
display:block;  
font-weight:normal;  
font-family:Arial,Verdana,Helvitica,sans-serif;  
background: url(images/menu.gif) repeat-x top left; 
height:40px;  
text-transform:uppercase; 
margin:0 10px 0 10px;
padding:0;

} 

.silver #nav ul{  
margin:0;  
padding:0;  
list-style-type:none;  
width:auto;  
} 

.silver #nav ul li{  
display:block;  
float:left;  
margin:0;  
padding:0;
 }  

.silver #nav ul li a{  
display:block;  
float:left;  
color:#2E9EB7; 
font-family:Arial, Helvetica, sans-serif; 
text-decoration:none; 
padding:14px 22px 0 22px;  
height:40px;  
margin:0; 

font-size:11px;
} 

.silver #nav ul li a.current{  
background:url(images/silver_nav_mouseover.gif) repeat-x top center;  
height:40px; 
border-left:1px solid #2E9EB7;
border-right:1px solid #2E9EB7;
color:#ffffff;

text-decoration:none;
 }  
.silver #nav ul li a:hover{  
background:url(images/silver_nav_mouseover.gif) repeat-x top center;  
height:40px; 
color:#12364A;

text-decoration:none;

 }
#navhaut{  
position:relative;
left:300px; 
top:80px;
width:70%;
height:20px;  

} 
#navhaut ul{  
margin:0px;  
padding:0;  
list-style-type:none;  
width:auto;  
} 

#navhaut ul li{  
display:block;  
float:left;  
margin:0 1px 0 0;  
 }  

#navhaut ul li a{  
color:#427383; 
font-size:12px; 
line-height:12px; 
font-weight:normal;
text-decoration:none;
padding:2px 12px 0 12px;  
height:20px;  
 } 

#navhaut ul li a:hover,.silver #logosbas ul li a.current{  
color:#ffffff;  
text-decoration:underline;
} 

#navbas{  
position:relative;
top:140px;
text-align:right;
width:700px;
margin:0 auto;
height:20px;  
font-size:11px;  
font-weight:normal;  
font-family:Arial,Verdana,Helvitica,sans-serif;  

} 
#navbas ul{  
margin:0px;  
padding:0;  
list-style-type:none;  
width:auto;  
} 

#navbas ul li{  
display:block;  
float:left;  
margin:0 1px 0 0;  
 }  

#navbas ul li a{  
color:#2E9EB7; 
font-size:11px;
text-decoration:none;  
padding:2px 12px 0 12px;  
height:20px;  
 } 

 #navbas ul li a:hover,.silver #logosbas ul li a.current{  
color:#ffffff; 
text-decoration:underline; 
} 


.tr_vide{
height:10px;

}

.lien_description{
color:#666666;
text-align:center;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
.lien_description:hover{
text-decoration:underline;
}


/* categories*/

.pagination{
text-align:center;
padding-bottom:15px;

}
.page{
color:#2C91BB;
padding:5px;

font-family:Arial,Verdana,Helvitica,sans-serif; 
font-size:12px;
background:#f5f5f5;
text-decoration:none;
border:1px solid #dadada;
}
.page:hover{
text-decoration:none;
padding:5px;
border:1px solid #dadada;
background:#2C91BB;
color:#ffffff;
font-weight:bold;
font-family:Arial,Verdana,Helvitica,sans-serif; 
font-size:12px;
}

a.courante{
text-decoration:none;
padding:5px;
border:1px solid #dadada;
background:#2C91BB;
color:#ffffff;
font-weight:bold;
font-family:Arial,Verdana,Helvitica,sans-serif; 
font-size:12px;
}

/*
a.suiv{
display:block;
cursor:pointer;
width:40px;
height:26px;
background:url(images/next.gif) no-repeat;

}
a.prec{
display:block;
cursor:pointer;
width:40px;
height:26px;
background:url(images/prev.gif) no-repeat;
}
*/
table.nouveaux_produits {
width:200px;
margin-bottom:20px;

}
 table.listing_produits{
 margin-left:auto;
 margin-right:auto;
 width:50%;
 padding-bottom:50px;
 }

table.produits_promos{
min-height:260px;
width:175px;
font-size:12px; line-height:13px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;

}

#nouveau{
margin:0;
padding:0;text-align:right;
}

table.nouveaux_produits th, table.produits_promos th, table.listing_produits th{
background:#f5f5f5;
text-transform:uppercase;
color:#666666;font-size:12px; line-height:13px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;
}
table.nouveaux_produits td.descriptif,  table.listing_produits td.descriptif{
color:#666666;font-size:12px; line-height:13px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;
text-align:justify;
padding-left:5px;
padding-right:5px;
}
table.produits_promos td.descriptif{
color:#666666;font-size:12px; line-height:13px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;
text-align:justify;
text-transform:lowercase;
padding-left:5px;
padding-right:5px;
}
a.libel{
text-transform:uppercase;
text-decoration:none;
color:#666666;font-size:12px; line-height:13px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;
}

.descriptif{
color:#666666;font-size:12px; line-height:13px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;
text-align:justify;
}


table.contact .sub{
     border:1px solid #dadada;
     color:#838383;
    cursor:pointer;
     width:75px;
     height:20px;
}
table.solutions{
position:relative;
top:-60px;
border:1px solid #2E9EB7

}
table.solutions td{
width:300px;
padding:15px;
background:#123B4F;

color:#2C91BB;

border-bottom:10px solid #2E9EB7;
}
table.solutions strong{
color:#ffffff;
font-weight:normal;

}
table.solutions h3{

width:280px;
color:#ffffff;
border-bottom:1px solid #2C91BB;
}
.image{

background-color: #FFF;
padding: 8px;
width: 200px;
border: 1px solid #dadada;
margin:5px;
}
table.contact{
color:#666666; font-size:11px; line-height:13px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;
width:700px;
margin:0 auto 50px auto;
}
p.pcontact{
width:700px;
margin:0 auto;
}
table.contact input{
border:1px solid #dadada;background:#ffffff; color:#929292;
height:18px;
}
table.contact input:hover,  table.contact input:focus{
background:#E9F3FD;
}
table.contact th{
padding:5px;
background:#E9F3FD;
}
.error-message{

FONT: 11px/22px verdana, arial, sans-serif;
font-weight:bold;
padding: 0 0 0 5px;
color:#ff0000;
display:none;
}
a.voir{
display:block;
background:url(images/barre.gif) no-repeat #ffffff;
font-weight:bold;
text-transform:uppercase;
color:#123B4F;
border:1px solid #7EA21B;
width:800px;
margin: 0 auto;
text-align:center;
}