/**********************Généralités****************************/
body{
background-color:#000000;
}

#global{
width:942px;
height:auto;
margin-left: auto;
margin-right: auto;
}

#top-conteneur{
position:relative;
float:left;
width:942px;
height:26px;
background-image:url(../images/top-orange.png);
background-repeat:no-repeat;
}

#header{
position:relative;
float:left;
width:942px;
height:200px;
background-image:url(../images/ban2.png);
background-repeat:no-repeat;
margin-left: auto;
margin-right: auto;
}

#conteneur{
position:relative;
float:left;
background-color:#AA671B;
border-left:2px solid #FFFFFF;
border-right:2px solid #FFFFFF;
margin-left: auto;
margin-right: auto;
margin-top:0px;
position:relative;
text-align:center;
width:938px;
}

#menu{
float:left;
width:180px;
margin-left:5px;
margin-right:5px;
margin-top:5px;
}

#contenu{
position:relative;
float:right;
background-color:#FFFFFF;
border-left:2px solid #000000;
border-right:2px solid #000000;
margin-left: auto;
margin-right: 19px;
margin-top:-120px;
text-align:left;
padding-left:5px;
padding-right:5px;
width:714px;
}

#bas-contenu{
width:728px;
height:27px;
background-image:url(../images/contenu.png);
background-repeat:no-repeat;
position:relative;
float:right;
margin-right: 19px;
}

#bas-conteneur{
width:942px;
height:26px;
background-image:url(../images/bottom-orange.png);
background-repeat:no-repeat;
}

/************************ styles de textes (titres, liens, paragraphes********************************/

/**titres**/
h1{
margin-left:275px;
margin-top:60px;
font-size:1em;
color:#aa671b
}

h2.rouge{
width:439px;
height:28px;
background-image:url(../images/h2-rouge.gif);
background-repeat:no-repeat;
position:relative;
float:left;
font-weight:bold;
font-family: Trebuchet MS;
font-size: 1em;
color:#FFFFFF;
padding-left:10px;
padding-top:2px;
}

h3.rouge{
width:704px;
height:28px;
background-image:url(../images/h3-rouge.gif);
background-repeat:no-repeat;
position:relative;
float:left;
font-weight:bold;
font-family: Trebuchet MS;
font-size: 1em;
color:#FFFFFF;
padding-left:10px;
padding-top:2px;
}

h2.bleu{
width:439px;
height:28px;
background-image:url(../images/h2-bleu.gif);
background-repeat:no-repeat;
position:relative;
float:left;
font-weight:bold;
font-family: Trebuchet MS;
font-size: 1em;
color:#FFFFFF;
padding-left:10px;
padding-top:2px;
}

h3.bleu{
width:704px;
height:28px;
background-image:url(../images/h3-bleu.gif);
background-repeat:no-repeat;
position:relative;
float:left;
font-weight:bold;
font-family: Trebuchet MS;
font-size: 1em;
color:#FFFFFF;
padding-left:10px;
padding-top:2px;
}

h2.vert{
width:439px;
height:28px;
background-image:url(../images/h2-vert.gif);
background-repeat:no-repeat;
position:relative;
float:left;
font-weight:bold;
font-family: Trebuchet MS;
font-size: 1em;
color:#FFFFFF;
padding-left:10px;
padding-top:2px;
}

h3.vert{
width:704px;
height:28px;
background-image:url(../images/h3-vert.gif);
background-repeat:no-repeat;
position:relative;
float:left;
font-weight:bold;
font-family: Trebuchet MS;
font-size: 1em;
color:#FFFFFF;
padding-left:10px;
padding-top:2px;
}

h2.jaune{
width:439px;
height:28px;
background-image:url(../images/h2-jaune.gif);
background-repeat:no-repeat;
position:relative;
float:left;
font-weight:bold;
font-family: Trebuchet MS;
font-size: 1em;
color:#FFFFFF;
padding-left:10px;
padding-top:2px;
}

h3.jaune{
width:704px;
height:28px;
background-image:url(../images/h3-jaune.gif);
background-repeat:no-repeat;
position:relative;
float:left;
font-weight:bold;
font-family: Trebuchet MS;
font-size: 1em;
color:#FFFFFF;
padding-left:10px;
padding-top:2px;
}

h2.violet{
width:439px;
height:28px;
background-image:url(../images/h2-violet.gif);
background-repeat:no-repeat;
position:relative;
float:left;
font-weight:bold;
font-family: Trebuchet MS;
font-size: 1em;
color:#FFFFFF;
padding-left:10px;
padding-top:2px;
}

h3.violet{
width:704px;
height:28px;
background-image:url(../images/h3-violet.gif);
background-repeat:no-repeat;
position:relative;
float:left;
font-weight:bold;
font-family: Trebuchet MS;
font-size: 1em;
color:#FFFFFF;
padding-left:10px;
padding-top:2px;
}

h2.bleu2{
width:439px;
height:28px;
background-image:url(../images/h2-bleu2.gif);
background-repeat:no-repeat;
position:relative;
float:left;
font-weight:bold;
font-family: Trebuchet MS;
font-size: 1em;
color:#FFFFFF;
padding-left:10px;
padding-top:2px;
}

h3.bleu2{
width:704px;
height:28px;
background-image:url(../images/h3-bleu2.gif);
background-repeat:no-repeat;
position:relative;
float:left;
font-weight:bold;
font-family: Trebuchet MS;
font-size: 1em;
color:#FFFFFF;
padding-left:10px;
padding-top:2px;
}
/**textes**/

p.texte{
text-align:justify;
margin-right:15px;
padding-left:5px;
border:0px;
}

p.texte2{
float:right;
text-align:justify;
margin:0px;
padding:0px;
border:0px;
width:454px;
}

.texte3{
text-align:justify;
margin-right:15px;
padding:5px;
border:0px;
border:2px solid #000000;
background-color: #ddd8d1;
width:430px;
}

p.legende{
font-style:italic;
text-align:right;
font-size:0.9em;
}

.caracteristique{
font-weight:bold;
text-decoration:underline;
color:#aa671b;
}

.textfield{
float:right;
text-align:left;
margin-right :440px;
}

.textfield2{
float:right;
text-align:left;
margin-right :165px;
}

/**images**/

.bloc_droit{
width:244px;
position:relative;
float:right;
margin-top:10px;
margin-right:14px;
margin-left:6px;
}

.image_droite{
position:relative;
border:2px solid #000000;
}

.image_droite2{
position:relative;
border:none;
}

.image_lien{
border:none;
}

.image_detail{
float:left;
border:2px solid #000000;
margin-right:5px;
width:240px;
}

.image_detail2{
float:left;
border:none;
margin-right:5px;
width:240px;
}

img.lien_image{
border:none;
}

.bloc_zoom{
border:none;
}

.bloc_zoom2{
border:2px solid #000000;
width:704px;
margin:auto;
}
/**liens**/

a.lien_contenu{
color:#AA671B;
font-weight:bold;
text-decoration:none;
}

a.lien_contenu:hover{
color:#AA671B;
font-weight:bold;
text-decoration:underline;
}

/********Menuuuuuuuu******/
.voir_panier{
z-index:1;
}
.puce{
margin:0px;
}
.gpuce{
margin:0px;
}

span.menu-titre{
float:left;
margin:0px;
padding:0px;
width:180px;
text-align:left;
}

a.menu-titre{
color:#000000;
font-weight:bold;
font-family: Trebuchet MS;
font-size: 0.8em;
text-decoration:none;
margin:0px;
padding:0px;
}

a.menu-titre:hover{
color:#000000;
font-weight:bold;
font-family: Trebuchet MS;
font-size: 0.8em;
text-decoration:underline;
margin:0px;
padding:0px;
}

span.menu-sstitre{
float:left;
text-align:left;
margin-left:5px;
margin-top:0px;
margin-bottom:0px;
padding:0px;
width:180px;
}

div.menu-info{
float:left;
text-align:left;
margin-left:1px;
padding:4px;
width:170px;
font-size:0.8em;
border:1px solid #000000;
background-color:#C59C5B;
}

a.menu-sstitre{
color:#000000;
font-family: Trebuchet MS;
font-size: 0.7em ;
text-decoration:none;
line-height:12px;
}

a.menu-sstitre:hover{
color:#000000;
font-family: Trebuchet MS;
font-size: 0.7em ;
text-decoration:underline;
line-height:12px;
}

.spacer{
clear:both;
}

input.input
{
background-color:#676767;
border:1px solid #000;
text-align:center;
}

/**Produitts**/

.cadre_produit{
float:left;
position:relative;
width:177px;
height:225px;
margin-left:0px;
margin-right:0px;
margin-bottom:10px;
}

.produit{
float:left;
position:relative;
margin-left:10px;
background-image:url(../images/produit.jpg);
width:162px;
height:185px;
background-color:#ddd8d1;
}

.image_produit{
position:absolute;
left:0px;
top:0px;
}

.texte_produit{
font-family: Trebuchet MS;
font-size: 0.75em ;
text-align:right;
width:150px;
height:50px;
position:absolute;
top:115px;
right:8px;
}

.panier{
position:absolute;
width:170px;
height:48px;
top:175px;
left:-8px;
}

/**pdp**/
.liens-pdp{
text-align:center;
width:920px;
height:auto;
margin-left: auto;
margin-right: auto;
margin-top:5px;
}

.liens-pdp a{
font-family: Trebuchet MS;
font-size: 0.7em;
color:#FFFFFF;
text-decoration:none;
}

.liens-pdp a:hover{
font-family: Trebuchet MS;
font-size: 0.7em;
color:#FFFFFF;
text-decoration:underline;
}