@charset "UTF-8";
/* CSS Document */
* {
padding:0;
margin:0;
}
html {font-size: 100%;}
body {
margin:0;
padding:0;
font-size: .80em;
font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
background: url(../mode-hommes-produits/fond.jpg) repeat-x;
background-color:#000;
color:#74809a;
}
.contenu {
padding-top: 5px;
width: 980px;
margin: 0 auto 0 auto;
}
h5 {
font-size: .60em;
text-align:center;
}
#entete {
border:0px solid white;
width: 970px;
height:100px;
}
#entete .logo {
float:left;
}
#entete .droite {
float:right;
text-align:left;
border:0px solid white;
/*width:250px;*/
color:#FFFFFF;
font-size:0.95em;
margin-top:5px;
}
#entete .droite a {
display:block;
/*background: url(../mode-hommes-produits/detail-offre-off.jpg);*/
/*width:156px;*/
/*height:34px;*/
text-align:center;
vertical-align:middle;
text-decoration:none;
/*margin-left:5px;*/
font-size:0.90em;
color:#00d6f2;
}
#menu {
border:0px solid white;
margin-top:20px;
margin-left:20px;
width: 960px;
height:20px;
}
#menu ul {
list-style-type:none;
}
#menu li {
float:left; /*pour IE*/
border-left:0px solid black;
}
#menu ul li a {
display:block;
float:left;   
width:140px;
color:#00d6f2;
text-decoration:none;
text-align:center;
padding:0px;
font-size: .95em;
}
#menu ul li a:hover {
color:white;
} 
#slideshow {
margin-top:10px;
width:970px;
height:380px;
border:0px solid green;
}
#slideshow .imageproduit {
float:right;
border:1px solid #163796;
/*
width:415px;
height:350px;
background: url(../mode-hommes-produits/mode-homme-chaussures-chemises.jpg);
*/
}
#slideshow .texteproduit {
float:left;
width:480px;
}
#slideshow .texteproduit .libelle {
padding:10px;
color:#74809a;
font-size:1.20em;
text-align:center;
height:220px;
}
#slideshow .texteproduit .acheter {
margin-left:50px;
text-align:center;
}
#slideshow .texteproduit .acheter a {
display:block;
background: url(../mode-hommes-produits/mode-homme-acheter-ce-produit.png);
background-repeat:no-repeat;
text-decoration:none;
color:#000000;
font-size:1.25em;
padding-top:5px;
width:372px;
height:103px;
padding-left:5px;
}
#centre {
background: url(../mode-hommes-produits/selection-mode-homme-fond.jpg);
margin-top:14px;
height:422px;
border:0px solid yellow;
}
#detaillant {
border-top:1px dashed #1840be;
}
#detaillant .annonce {
float:left;
margin-top:10px;
margin-bottom:10px;
width:430px;
-moz-border-radius : 10px; 
background-color:#273043;
color:#FFFFFF;
font-size:1.20em;
padding:20px;
text-align:center;
}
#detaillant .coordonnees {
float:right;
margin-top:10px;
margin-bottom:10px;
width:430px;
text-align:center;
}
#detaillant a {
text-decoration:none;
font-size:1.35em;
color:#17bde6;
}
#produits {
margin-top:5px;
border-top:1px dashed #1840be;
padding:5px;
}
#produits .photo-produit {
float:left;
padding-top:5px;
width:107px;
}
#produits img {
filter:alpha(opacity=40);
-moz-opacity:0.4;
-khtml-opacity: 0.4;
opacity: 0.4;
}
#produits img:hover {
filter:alpha(opacity=100);
-moz-opacity:1.0;
-khtml-opacity: 1.0;
opacity: 1.0;
}
#confection {
margin-top:5px;
border-top:1px dashed #1840be;
}
#confection .coordonnees {
float:right;
margin-top:10px;
margin-bottom:10px;
width:430px;
text-align:center;
}
#confection .coordonnees a {
display:block;
width:369px;
height:100px;
background: url(../mode-hommes-produits/fabricant-chemises.jpg);
background-repeat:no-repeat;
text-decoration:none;
color:#000000;
font-size:1.25em;
padding-top:5px;
}
#pied {
margin-top:30px;
border-top:2px solid #0c2287;
background-color:#232935;
}
#pied .centre {
padding-top: 15px;
width: 980px;
margin: 0 auto 0 auto;
color:#cecdcd;
font-size:0.80em;
}
#pied .centre a {
color:#1cdaf1;
text-decoration:none;
}
#pied .centre li{
list-style:none;
padding-left:10px;
}
.droite-centre {
float:right;
margin-top:10px;
padding:10px;
border-left:1px dashed #1840be;
width:300px;
}
.gauche-centre {
float:left;
margin-top:10px;
padding:10px;
width:600px;
}
.obligatoire {
font-size:.65em;
color:red;
padding-left:5px;
}

/* Pour le slide show */
.pics {
width: 412px;
height: 348px;
padding:0;
margin:0;
/*overflow: hidden;*/
border:1px solid yellow;
}
.pics img {
/*
width: 412px;
height: 348px;
*/
top:0;
left:0
}
.pics a {
border:0;
text-decoration:none;
}