/* Caractéristiques générales communes à toutes les pages ----- */
*{margin:0; padding:0; border:0;}

.gras{font-weight:bold;}
.italique{font-style:italic;}
.souligne{text-decoration:underline;}
.tpetit{font-size:70%;}
.petit{font-size:80%;}
.grand{font-size:120%;}
.tgrand{font-size:140%;}
.textcenter{text-align:center;}
.textleft{text-align:left;}
.textright{text-align:right;}
.left{float:left;}
.right{float:right;}
.both{clear:both;}
.none{display:none;}
.blanc{color:#FFF;}
.noir{color:#000;}
.gris{color:#ddd;}
.centre{text-align:center;}
.gauche{text-align:left;}
.col_g{margin-right:10px;}
.top20{margin-top:15px;}
.top10{margin-top:-10px;}
.left20{margin-left:20px;}
.hidden{display:none;}

/* ---------- Balises ---------- */

body{
background-color:#4f4645;
background-image:url(../pics/bg_page.jpg);
background-repeat:no-repeat;
background-position:top;
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:150%;
text-align:center;
margin-bottom:10px;
}

#centrage {
width:960px;
margin:0 auto;
display:table;
text-align:left;
position:relative;
}

a{
text-decoration:none;
}

a:hover, a:active{
text-decoration:none;
}



ul{
list-style:none outside none;
}

input.champ{
border:1px inset #CCC;
width:107px;
height:13px;
font-size:100%;
padding:1px 2px;
}

select {
border:1px inset #CCC;
}

td{
vertical-align:middle;
}

.separateur{
	clear:both;
	height:1px;
	font-size:1px;
	line-height:1px;
}

/* index */

#header{
width:960px;
height:305px;
display:block;
}

a#logo{
display:block;
float:left;
}

#visuels{
clear:both;
}

#visuels img{
margin-left:11px;
}
#visuels img.imgleft10{
margin-right:9px;
}

/* menu haut */

#menu{
position:relative;
float:right;
}
    
    #menu ul{
    margin-top:32px;
    margin-right:10px;
    }
    
    #menu ul li{
    display:inline;
    margin-left:3px;
    line-height:1px;
    }
    
    #menu ul li a{
    background-repeat:no-repeat;
    background-position:top;
    height:22px;
    display:inline-block;
    padding:0 5px;
    }
#menu ul li a:hover
{
	color:white;
}    
    
    #menu ul li a.selected{
    background-position:bottom;
    }

div#contenu{
width:940px;
height:auto;
min-height:215px;
display:block;
margin-left:20px;
}
div#contenu div.video{
width:100%;
padding:5px;
background:#695E5D;
}

/* partie centrale */

div#central{
display:block;
width:450px;
float:left;
margin-right:20px;
margin-top:7px;
background-image:url(../pics/bleu.gif);
background-repeat:repeat-x;
background-position:0px 28px;
color:#a7a3a3;
font-size:10px;
text-align:justify;
line-height:18px;
}

  div#central div#ariane{
  position:absolute;
  display:block;
  margin-top:5px;
  width:450px;
  line-height:10px;
  }
  
  div#central div#ariane a.ariane{
  position:relative;
  color:#a7a3a3;
  font-size:10px;
  }
  
  div#central div#ariane a.ariane:hover{
  text-decoration:underline;
  }

  div#central h1{
  font-size:17px;
  display:block;
  }
  
  div#central h2{
  color:#a7a3a3;
  font-size:14px;
  font-weight:bold;
  margin-top:30px;
  margin-bottom:10px;
  }
  
  div#central img{
  float:left;
  margin:5px 9px 5px 0;
  }
  
  div#central p {
  margin-bottom: 15px;
  }
  
  div#central p a{
  color:#a7a3a3;
  text-decoration:underline;
  }
  div#central ul li a{
  color:#a7a3a3;
  text-decoration:underline;
  }
  div#central ul{
  list-style:outside;
  padding-left:10px;
  margin:5px 0px 15px 10px;
  }
  div#central ul li{
  margin:0px 0px 10px 0px;
  }
  div#central ul#liens{
  list-style:none;
  padding:0px;
  margin:0px;
  }
  
  div#central a.lien_pdf{
  clear:both;
  margin-left:10px;
  font-weight:bold;
  color:#a7a3a3;
  padding-left:10px;
  background-image:url(../pics/fleche_grise.gif);
  background-repeat:no-repeat;
  background-position:0px 7px;
  display:block;
  }
  div#central a.lien_pdf:hover{
  text-decoration:underline;
  }

/* annexes droites */

div#annexe{
display:block;
width:220px;
float:left;
margin-top:7px;
background-image:url(../pics/bleu.gif);
background-repeat:repeat-x;
background-position:0px 28px;
}

  div.tarif_pro{
  border:1px solid #6B6362;
  padding:4px;
  margin-bottom:10px;
  background:#443C3B;
  font-size:12px;
  text-align:center;
  margin-top:20px;
  color:#A6AD8A;
  font-weight:bold;
  }
  div.tarif_pro a{
  color:#A6AD8A;
  }
  
  div#newsletter{
  background-image:url(../pics/bleu.gif);
  background-repeat:repeat-x;
  background-position:0px 18px;
  }
  div#newsletter.nobg{
  background-image:none;
  }
  div#newsletter_content span{
  font-size:80%;
  color:#a7a3a3;
  }
  div#newsletter_content p{
  font-size:75%;
  color:#a7a3a3;
  margin-top:8px;
  }
  
  div#annexe a.lien_panier{
  position:absolute;
  display:block;
  height:20px;
  width:220px;
  background-image:url(../pics/btn_panier.gif);
  background-repeat:no-repeat;
  margin-top:3px;
  color:#fff;
  font-size:10px;
  padding:0px 0 0 30px;
  }
  div#annexe a.lien_finaliser{
  display:block;
  height:20px;
  width:220px;
  background-image:url(../pics/btn_finaliser.gif);
  background-repeat:no-repeat;
  margin-top:3px;
  color:#fff;
  font-size:10px;
  padding:0px 0 0 30px;
  }
  div#annexe span.panier_vide{
  color:#A7A385;
  font-size:10px;
  }
  
  div#annexe h1{
  margin-top:0px;
  }
  
  input#newsletter_email{
  height:20px;
  width:188px;
  border:1px solid #749fad;
  color:#a7a3a3;
  /*background:transparent;*/
  background:#4F4645;
  font-size:10px;
  padding:2px 0 0 2px;
  float:left;
  margin-top:0px;
  }
  input#newsletter_email.beige{
  border:1px solid #a6ad8a;
  }
  
  input#news_ok{
  height:20px;
  width:20px;
  margin-left:11px;
  float:left;
  }

  div#nouvelle{
  margin-top:4px;
  color:#a7a3a3;
  font-size:10px;
  line-height:14px;
  /*border:1px solid #fff;*/
  background-image:url(../pics/bleu.gif);
  background-repeat:repeat-x;
  background-position:0px 18px;
  }
  div#nouvelle div.link{
  cursor:pointer;
  }
  
  div#nouvelle h1{
  display:block;
  margin-top:0px;
  }
  
  div#nouvelle h2{
  margin-top:6px;
  color:#749fad;
  font-weight:bold;
  font-size:10px;
  }
  
  a.lien_bleu{
  font-size:10px;
  color:#749fad;
  font-weight:bold;
  padding-left:10px;
  background-image:url(../pics/fleche_bleue.gif);
  background-repeat:no-repeat;
  background-position:0px 4px;
  }
  a.lien_bleu:hover{
  text-decoration:underline;
  }
  
  div#notreselection{
  margin-top:0px;
  color:#a7a3a3;
  font-size:10px;
  line-height:14px;
  /*border:1px solid #fff;*/
  background-image:url(../pics/beige.gif);
  background-repeat:repeat-x;
  background-position:0px 18px;
  }
  
  div#notreselection h1{
  display:block;
  margin-top:0px;
  }
  
  /* menu gauche */
  
div#menusec{
display:block;
width:210px;
float:left;
margin-right:20px;
margin-top:7px;
/*background-color:#fab;*/
padding-top:78px;
}

  div#menusec ul{
  margin-left:10px;
  }

  div#menusec ul li{  
  margin-top:2px;
  }
  div#menusec ul li span{
  font-size:10px;
  font-weight:bold;
  color:#a6ad8a;
  padding:3px 5px;
  }
  
  div#menusec ul li a{
  font-size:10px;
  font-weight:bold;
  padding:3px 5px;
  }
  div#menusec ul li a:hover{
  }
  div#menusec ul li ul li a{
  font-size:10px;
  font-weight:normal;
  padding:3px 5px;
  }
  
  div#menusec ul.bleu li a{
  color:#749fac;
  }
  div#menusec ul.bleu li a:hover, div#menusec ul.bleu li a.selected{
  color:#fff;
  background-color:#749fac;
  }

  div#menusec ul.beige li a{
  color:#a6ad8a;
  }
  div#menusec ul.beige li a:hover, div#menusec ul.beige li a.selected{
  color:#fff;
  background-color:#a6ad8a;
  }

/* partie selection produits */

a.zone_boutique{
display:block;
float:left;
width:220px;
color:#a7a3a3;
font-size:10px;
line-height:15px;
text-align:left;
margin-bottom:10px;
}
a:hover.zone_boutique{
background-color:#695e5d;
}

  a.zone_boutique img{
  float:left;
  display:block;
  margin:3px 10px 3px 0;
  }
  
  span.titreprod{
  color:#a6ad8a;
  font-size:10px;
  font-weight:bold;
  }
  
  span.btq_prix{
  color:#a6ad8a;
  font-size:10px;
  font-weight:bold;
  display:block;
  }

div.pointille{
height:1px;
line-height:1px;
font-size:1px;
display:block;
background-image:url(../pics/pointille.gif);
background-repeat:repeat-x;
background-position:top;
}

a.lien_decouvrir{
margin-top:6px;
float:right;
font-size:10px;
color:#a6ad8a;
padding-left:10px;
font-weight:bold;
background-image:url(../pics/fleche_beige.gif);
background-repeat:no-repeat;
background-position:0px 5px;
}

a.lien_decouvrir:hover{
text-decoration:underline;
}

div#pied{
display:block;
margin-top:20px;
clear:both;
text-align:center;
height:40px;
width:960px;
padding-top:15px;
color:#a7a3a3;
font-size:12px;
background-image:url(../pics/bg_pied.jpg);
background-repeat:no-repeat;
background-position:top;
}

  div#pied a{
  font-weight:bold;
  color:#a7a3a3;
  }
  
div#tag ul li{
display:inline;
padding:2px;
margin:2px;
}
div#tag ul li a{
font-weight:normal;
}
div#tag ul li a.taille1{ font-size:10px; }
div#tag ul li a.taille2{ font-size:12px; }
div#tag ul li a.taille3{ font-size:14px; }
div#tag ul li a.taille4{ font-size:16px; }
div#tag ul li a.taille5{ font-size:18px; }
div#tag ul li a.taille6{ font-size:20px; }
  
div#plansite ol{
margin-left:25px;
}
div#plansite ol li{
color:#749fad;
font-weight:bold;
padding:0px;
margin:0px;
}
div#plansite ol li a{
color:#749fad;
text-decoration:none;
}
div#plansite ol li ul{
list-style:none;
padding:0px;
}

div#selecteur_produits{
position:absolute;
right:10px;
top:8px;
}
div#selecteur_produits select{
font-size:80%;
background-color:#4f4645;
color:#a6ad8a;
border:0px solid #4f4645;
}