/* 
 * Copyright (c) 2007 Copyright (c) Octolys Development
 * Ce template a été réalisé par http://www.scopika.com & http://www.fredodo.com
 * Il est soumis à la licence GPL
 */

/* Ce fichier définit le style visuel pour les différents éléments des pages.
 * Dans l'ordre, vous trouverez les règles qui définissent l'apparence pour:
 * - Eléments HTML en général
 * - Page
 * - Entête
 * - Chemin
 * - Produit petit & grand
 * - Pied de page
 * - Menu général
 * - Signature
 * - Nombre de pages
 * - les styles particuliers pour les pages intérieures
 */


/* Eléments HTML en général
-------------------------------------------------------- */
@import url(style_editeur.css);

body {	
background-image:url(images/fond.png);
	background-position:center 150px;
	background-repeat: repeat-y ;
background-color : #210;
	padding: 0;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	color:#210;
}

h1{
	font-size: 28px;
	border-bottom:solid 2px #210;	
	margin: 0 0 10px 0;
}

h2{
	border-bottom:solid 2px #210;	
	margin: 0 0 10px 0;
	font-size: 20px;
}

h3{
	font-size: 20px;
	margin:0;
}

a, a:visited {
	color: #f90;
	text-decoration: none;
}
 a:hover  {
	color: #f90;
	text-decoration: underline;
}

img {
	border: 0
}

.hide {
	display:none;
}

/* Page
-------------------------------------------------------- */
#wrapper { 
	z-index: 5;
	width: 990px;
	text-align: left;
	overflow: visible;
	margin: 0 auto 0 auto;
	padding: 150px 0 15px 0;
}
#subwrapper {
	overflow: hidden;
	padding: 0;
	width: 990px;
}

#contenu {	background-image:url(images/fgm.png);
	background-repeat:repeat-y;
	float: right;
	width:780px;
	padding: 0 9px;
	margin: 0px 4px;
}
 
#contenuPageRubrique {	
	background-image:url(images/fgm.png);
	background-repeat:repeat-y;
	float: right;
	width:780px;
	padding:  0 9px;
	margin: 0px 4px;
}
#fb {	
	width:798px;
	height: 14px;
	float: right;
	background-image:url(images/fg.png);
	background-repeat:no-repeat;
	background-position: 0 -15px;
	margin: 0px 4px 4px 4px;
}
#accueil {
float: left;
width:310px;
padding:5px;
}
#plan h2{
margin:0;
border:none;
}
#accueil h1{
font-size:24px;
margin:0;
border:none;
}
#accueil h2{
font-weight:bold;
font-size:12px;
}
#accueil h2, .petitBlocProduit h2,.blocMozaique h2, .blocMozaique a, .blocMozaique a:hover, .blocMozaique a:visited{
color:#210;
display: inline;
margin:0;
border:none;
}
/* Entête
-------------------------------------------------------- */
#ent {	margin: 0;
	padding: 0;
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height: 150px;
	background-repeat:repeat-x;
	z-index:2000000;
	background-image:url(images/ent.gif);
	}
#ent2{		
margin: 0;
	padding: 0;
	margin-top : 50px;
	position: relative;
    margin-left: auto; 
    margin-right: auto; 
	width: 990px;
} 
#ent3{	margin: 0;
	padding: 0;
	height: 90px;
	width: 990px;
	background-image:url(images/entf.png);
	background-repeat:no-repeat;
	float: left;
	}
#topc{
	z-index:1;
	position: absolute;
	left: 0;
	margin: 0;
	padding: 0;
	top:0;	
}	
#top{    
	background-image:url(images/ent1.gif);
	background-repeat:repeat-x;
	width: 100%;
	z-index:2000001;
	position: absolute;
	left: 0;
	margin: 0;
	padding: 0;
	top:0;	    
	color:#210;
}

html>body #top {
  position: fixed;
}
#top1{
position: relative;
    margin-left: auto; 
    margin-right: auto; 
	width: 990px;
} 
#reseau{ 
margin:0;
	float: left;
	}
a.my {float: left;
	height:50px;
	width:55px;
	background-image:url(images/myspace.png);
	background-repeat:repeat-x;
}
.my:hover{
	background-image:url(images/myspace.png);
	background-position: 0 -50px;
	background-repeat:repeat-x;
}
a.tw {float: left;
	height:50px;
	width:55px;
	background-image:url(images/twitter.png);
	background-repeat:repeat-x;
}
.tw:hover{
	background-image:url(images/twitter.png);
	background-position: 0 -50px;
	background-position: 0 -50px;
	background-repeat:repeat-x;
}
a.face {float: left;
	height:50px;
	width:55px;
	background-image:url(images/facebook.png);
	background-repeat:repeat-x;
}
.face:hover{
	background-image:url(images/facebook.png);
	background-position: 0 -50px;
	background-repeat:repeat-x;
}
#logo {	
	margin-left:0px;
	float: left;	
	width: 180px;
}
#logo h1 {
	height:15px;
	font-size: 10px;
	color:#210;
	float: left;
	padding:0 0 0 10px;
	display:block;
}

#reassur {	
	color: #210;
	float: left;
	width: 260px;
	margin: 0;
	padding: 5px 0 0 20px;
	font-weight:bold;
	font-size:13px;
}
#reassur ul{
	list-style-image:url(images/tic.png);
	margin: 0;
	padding: 0;
}
#reassur a{
	color:#210;
	text-decoration: none;
}
#reassur a:hover{
	color:#f90;
}
.contact {		
	float: left;
	width: 400px;
}
.contact a, .contact a:hover, .contact a:visited{		
	color:#210;
	text-decoration: none;
	}
.tel{
	width: 260px;
	float: left;
	height:25px;
	padding-left:8px;
	font-size:29px;
	font-weight:bold;
}
.tel span ,.mail span{	
	font-size:8px;
}
.mail{	
	padding-left:8px;
	width: 260px;
	text-align: left;
	float: left;
	font-size:20px;
	margin:0; 
}
.question{
	width: 100px;
	float: left;
	height:30px;
	border-right:solid 2px #210;
	margin:5px 0 0 0; 
	padding:5px 5px 5px 0; 
	text-align: right;
	font-size:14px;
}
#moteurDeRecherche {
	height:50px;
	background-image:url(images/recherche.gif);
	background-repeat:no-repeat;
	margin:20px 0 0 0;
	padding:10px 0 0 55px;
	width: 200px;
	display:block;
	float:left;
}
#news form input{
	float:left;
	width:100px;
	border:solid 1px #f90;
	font-size:12px;
	margin: 5px 0 0 0;
	padding:0;
}
#moteurDeRecherche form input {
	margin: 5px 0 0 0;
	padding:0;
	width:150px;
	border:solid 1px #f90;
	font-size:12px;
	color:#210;
	float:left;
}

#moteurDeRecherche form button.bouton , #news form button.bouton{ 
	color:#ffc;
    margin:0 0 0 5px; 
    padding:2px; 
    text-align:center; 
    cursor:pointer; 
	background-color:#f90;
	font-size:13px;
	font-weight:bold;
}

#monCompte {	    
	text-align:center; 
	background-image:url(images/fond_com.png);
	background-repeat:no-repeat;
	color: #210;
	float: right;
	width: 160px;
	margin: 0;
	padding: 0;
	height: 50px;
}
.entete2{
	padding: 10px 0 0 0;
	font-size: 20px;
	font-weight:bold;
}
#monCompte a{	
	color: #210;
}

span.entete{
	font-size: 20px;
	font-weight:bold;
}
span.entete span{	
display: block;

padding: 10px 0 0 0;
	font-size: 15px;
	font-weight:bold;
}
#monPanier {
	background-image:url(images/fond_pan.png);
	background-repeat:no-repeat;
	color: #210;
	float: right;
	width: 260px;
	padding: 0;
	height: 50px;
	margin: 0px;
}
#monPan2 {
	position: absolute;
	top:0px;
	right:-4px;
	width: 40px;
	height:40px;
	background-image:url(images/fond_pan1.png);
	background-repeat:no-repeat;
}
#monPan {
	position: absolute;
	top:0px;
	right:-4px;
	width: 40px;
	height:40px;
	background-image:url(images/fond_pan2.png);
	background-repeat:no-repeat;
}
#contenuPanier {
	width: 250px;
	list-style: none;
	z-index:300000;
	position: relative;
	margin:  0;
	padding: 10px 0 0 0 ;
}

ul#contenuPanier li a, ul#contenuPanier li a:visited { 
	font-size:13px;
	color: #210;
	margin: 0; 
		padding: 0;
	font-weight:bold;
	width: 250px;
	display:block;
}

ul#contenuPanier li ul {
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#contenuPanier li ul li {
	list-style: none;
	float:left;
	margin: 0;
	padding: 0;
}

ul#contenuPanier li ul li a, ul#contenuPanier li ul li a:visited {	
	background-image:url(images/fond_panm.png);
	background-repeat:repeat-y;
	display: block;
	float:left;
	font-size:12px;
	color: #210;
	text-decoration: none;	
	width: 250px;
	margin: 0;
	padding: 10px 10px 0 10px ;
	font-weight:normal;
}

 ul#contenuPanier li ul li a.totalCommande, ul#contenuPanier li ul lia.totalCommande:visited {
	background-image:url(images/fond_panm.png);
	background-repeat:repeat-y;
	font-size:13px;
	font-weight:bold;
	color: #f00;
	margin: 0;
	padding: 10px 0 0 0;
	display:block;
	float:left;
	border-top:1px dashed #210;	
	text-align:center;
	width: 260px;
}

ul#contenuPanier li a:hover, ul#contenuPanier li ul li a:hover {	
	display: block;
	color: #940;
	text-decoration: none;	
}

span.nomArticle, span.titreTotal {
	margin:0;
	width:150px;
	float:left;
}
span.quantite {
	width:25px;
	float:left;
}
#commander {	
	width: 260px;
	height:40px;
	background-image:url(images/fond_pan.png);
	background-repeat:no-repeat;
	background-position: 0 -6px ; 
	margin: 0px;
	padding: 0px;
	float:left;
}
span.total {
	float:right;
	text-align:left;
	width:55px;
}

/* Dossiers
-------------------------------------------------------- */

#dossier {
	margin:0;
	padding:0;
}

#dossier .image {
	margin:10px 10px 10px 0;
	padding:1px;
	border:solid 1px #ffc;
	float:left;
}

/* Chemin
-------------------------------------------------------- */

#chemin {
	float: left;
	width:798px;
	height:40px;
	color: #210;
	font-size: 11px;
	font-weight: bold;
	margin: 0px 0 0 -9px;
	padding: 4px 8px 0 8px;
	background-image:url(images/fg.png);
	background-repeat:repeat-y;
}

#chemin a:link, #chemin a:visited {
	color: #f90;
	text-decoration: none;
}

#chemin a:hover {
	color: #f90;
	text-decoration: underline;
}

/* Etapes de commande
-------------------------------------------------------- */

#etapesDeCommande {
	float: left;
	width:750px;
	color: #210;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 20px 0;
	padding:0;
	background-color:#ffc;
}

#etapesDeCommande ul {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	border-right:solid 1px #c9d30f;
}

#etapesDeCommande ul li {
	color:#f90;
	width:176px;
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
	float:left;
	border-left:solid 1px #c9d30f;
	border-bottom:solid 1px #c9d30f;
	border-top:solid 1px #c9d30f;
}

#etapesDeCommande ul li.selection {
	color:#210;
	border-left:solid 1px #c9d30f;
	border-bottom:solid 1px #c9d30f;
	border-top:solid 1px #c9d30f;
	background-color:#c9d30f;
}

#etapesDeCommande ul li span {
	color:#210;
	font-size:15px;
	margin:0 5px 0 0;
	padding:0 10px;
	background-color:#c9d30f;
}

#etapesDeCommande ul li span.chiffreSelection {
	color:#210;
	background-color:#7ab031;
	border-right:solid 1px #c9d30f;
}


/* Bloc "adresse de livraison" & "adresse de facturation" 
-------------------------------------------------------- */

.adresseDeLivraison {
	border:solid 1px #f90;
	float: right;
	margin: 0 0 20px 0;
	width:345px;
}

.adresseDeLivraisonRecap {
	float: left;
	margin: 0 0 20px 0;
	width:710px;
}

.adresseDeFacturation {
	float: left;
	margin: 0 0 20px 0;
	width:345px;
	border:solid 1px #f90;
}

.adresseDeLivraison h3, .adresseDeFacturation h3, .adresseDeLivraisonRecap h3 {
	color:#210;
	display:block;
	padding: 5px 0 7px 10px;
	margin:0;
	height: 20px;
	background-color: #a62;
}

.adresseDeLivraison h4 {
	color:#210;
	width:335px;
	margin:5px 0 0 0;
	padding: 5px 0 7px 10px;
	background-color: #a62;
	float:left;
}

.adresseDeLivraison .contenu, .adresseDeFacturation .contenu {
	float:left;
	width: 325px;
	margin:1px 0 0 0;
	padding: 10px;
}

.adresseDeLivraisonRecap .contenu {
	float:left;
	width: 690px;
	margin:1px 0 0 0;
	padding: 10px;
}

.adresseDeLivraison ul {
	list-style:none;
	margin: 0;
	padding:0;
	width: 345px;
	float:left;
}

.adresseDeLivraisonRecap ul {
	list-style:none;
	margin: 0;
	padding:0;
	width: 710px;
	float:left;
}

.adresseDeLivraison ul li, .adresseDeLivraisonRecap ul li {
	margin: 0;
	padding:0;
	font-size:12px;
	font-weight:bold;
}

.adresseDeLivraison ul li a, .adresseDeLivraisonRecap ul li a,
.adresseDeLivraison ul li a:visited, .adresseDeLivraisonRecap ul li a:visited {
	color:#210;
	display:block;
	background-color:#ffc;
	border-top:solid 1px #ffc;
	padding:3px 0 3px 10px;
}

a.modifierOuAjouter, a.modifierOuAjouter:visited {
	font-size:12px;
	font-weight:bold;
	border-top:solid 1px #ffc;
	color:#ffc;
	display:block;
	clear:both;
	background:#c9d30f;
	padding:3px 0 3px 10px;
}

.adresseDeLivraison ul li a:hover, .adresseDeLivraisonRecap ul li a:hover, a.modifierOuAjouter:hover {
	text-decoration:none;
	background-color:#f90;
}


/* Bloc Mozaïque (utilisé en page d'accueil et en page produit)
-------------------------------------------------------- */

.blocMozaique {
	float: right;
	margin: 0 0 15px 0;
	padding:0 0 10px 0;	
	border: 1px solid #f90;
}

.blocMozaique h3 ,.moz {
	font-size:20px;
	width: 765px;
	font-weight: bold;
	margin:0;
	padding: 5px 0 7px 10px;
	background-color: #f90;
	height: 20px;
}

.blocMozaique .contenu {
	float:left;
	width:750px;
	margin:0;
	padding:0;
}


.blocMozaique .contenu ul.image {
	margin: 0;
	padding:0;
	list-style:none;
	border:none;
	width: 770px;
	float:left;
}

.blocMozaique .contenu ul.image li {
	margin:0;
	padding:0;
	border:none;
	float:left;
}
.blocMozaique .contenu ul.image li span{
	width:125px;}
.blocMozaique .contenu ul.image li a, .blocMozaique .contenu ul.image li a:visited  {
	margin:10px 0 0px 4px;
	border:2px solid #c9d30f;
	padding:0;
	height: 122px;
	width:120px;
	float:left;
	display:block;
	overflow: hidden;
	text-align:center;
}
.blocMozaique span{
	float: left;
	text-align:center;
	width:120px;
}

.blocMozaique .contenu ul.image li a:hover {
	border: 2px solid #7ab031;
	background-color:#c9d30f;
	padding:0;
}

/* Bloc nouveauté (utilisé en page index_page.html + rubrique.html)
-------------------------------------------------------- */

.blocNouveaute {
	border: 1px solid #f90;
	float: left;
	margin: 0 0 15px 3px;
	padding-bottom:5px;
	width:381px;
}
.blocNouveautesep {
	float: left;
	width:7px;
	height:200px;
}
.blocNouveaute h3 {
	margin:0;
	background-color:#f90;
}
.blocNouveaute h3 a, .blocNouveaute h3 a:visited {
	color:#210;
	display:block;
	padding: 5px 0 7px 10px;
	margin:0;
	height: 20px;
}
.blocNouveaute h3 a:hover {
	color:#a62;
	text-decoration:none;
}
.blocNouveaute h4 a, .blocNouveaute h4 a:visited {
	color:#f90;
}
.blocNouveaute h4 a:hover {
	text-decoration:underline;
}
.blocNouveaute .contenu {	
	border: 2px solid #c9d30f;
	float:left;
	width: 367px;
	margin:5px;
	padding: 0px;
}
.blocNouveaute .contenu .des, .blocNouveaute .contenu .des:hover{
padding:0 5px;
}	
.rss-items  a{	
	font-weight:bold;}
.rss-items {	
	list-style:none;
	margin:5px;
	padding:0}
.rss-items li{	
	border: 2px solid #c9d30f;
	float:left;
	width: 357px;
	margin:0 0 5px 0;
	padding:5px;
}
.rss-items li:hover{
border: 2px solid #7ab031;
}
.cadren  .contenu:hover {
	border: 2px solid #7ab031;
}
.blocNouveaute .contenu a, .blocNouveaute .contenu.description {
text-decoration:none;
}
.blocNouveaute .contenu .image, .blocNouveaute .contenu .image:visited {
	margin: 15px 0 0 0;
	padding:0;
	height: 140px;
	width:160px;
	float:left;
	text-align:center;
	display:block;
	overflow: hidden;	
}
.promopng{
	background-image:url(images/promotion.png);
	background-repeat:no-repeat;
	position:absolute;
	width: 210px;
	height:110px;
}
.nouveaupng{
	background-image:url(images/nouveaute.png);
	background-repeat:no-repeat;
	position:absolute;
	width: 210px;
	height:110px;
}
.blocNouveaute .contenu :hover {
	padding:0;
}

.blocNouveaute .contenu .description {	
	height: 170px;
	float:right;
	font-size: 12px;
	padding: 0;
	width: 205px;
}

.blocNouveaute .contenu .description .chapo {
	color:#210;
	font-weight:normal;
	text-align: left;
	font-size: 12px;
	padding: 0;
}

.blocNouveaute .contenu .description .prixProduit {
    float: right;
	color:#210;
	width:70px;
	background-image:url(images/prix.png);
	background-repeat:no-repeat;
	font-weight:bold;
	text-align: left;
	font-size: 20px;
	margin:0 ;
	padding: 5px 10px 5px 10px;
}

.blocNouveaute .contenu .description .prixProduit2{
float: right;
	color:#f00;
	font-weight:bold;
	text-align: right;
	font-size: 14px;
	margin:0 ;
	padding: 5px;
}

.blocNouveaute .contenu .description p {
	margin:0;
	padding: 0;
}

.blocNouveaute a.acheter, 
.blocNouveaute button.acheter { 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:5px 0 0 0; 
    padding:0;
	font-size:13px;
	font-weight:bold;
	white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
    border:0; 
    background:none; 
} 
.blocNouveaute a.acheter span, 
.blocNouveaute button.acheter span { 
    position:relative; 
    float:left; 
    padding:0; 
    vertical-align:middle;
} 

.blocNouveaute a.acheter span span, 
.blocNouveaute button.acheter span span {
	color:#ffc;
	width:180px;
    height:55px; 
    padding:0 5px 0 0; 
	background-image:url(images/panier.png);
	background-repeat:no-repeat;
	border:none;
} 
 
.blocNouveaute a.acheter:hover span, 
.blocNouveaute button.acheter:hover span {
	background-image:url(images/panier.png);
	background-position: 0 -54px;
	background-repeat:no-repeat;
	text-decoration:none;
}

.blocNouveaute a.toutesLesNouveautes, .blocNouveaute a.toutesLesNouveautes:visited {
	display:block;
	float:left;
	width:100%;
	margin: 1px 0 0 0;
	padding:5px 0;
	color:#210;
	font-weight:bold;
	text-indent:10px;
	background-color:#c9d30f;
}

.blocNouveaute a.toutesLesNouveautes:hover {
	color:#a62;
	text-decoration:none;
}
/* Petit bloc produit (utilisé en page rubrique.html)
-------------------------------------------------------- */

.petitBlocProduit {
	border: 3px solid #c9d30f;
	float: left;
	margin: 2px ;
	width:250px;
}

.petitBlocProduit a{
	color:#f90;
	text-decoration: none;
	text-align: center;
}
.cadre  .petitBlocProduit:hover {
	border: 3px solid #7ab031;
}
.separation {
	float: left;
	margin:0;
	height:1px;
	width:770px;
}
.petitBlocProduit h2 a, .petitBlocProduit h2 a:visited {
	color:#210;
	display:block;
	padding: 5px 0 7px 10px;
	margin:0;
	font-size: 16px;
	background-color: #f90;
}
.petitBlocProduit .contenu  {
	float:left;
	width: 230px;
	margin:1px 0 0 0;
	padding: 10px;

}
.petitBlocProduit .contenu .image, .petitBlocProduit .contenu .image:visited  {
    text-align: center;
	border: 0px;
	margin: 0;
	padding:0;
	height: 172px;
	width:230px;
	display:block;
	float:left;
	overflow: hidden;	
}

.petitBlocProduit .contenu .description {
	float:left;
	height:130px;	
	font-size: 12px;
	padding: 0;
	width: 230px;
}
.petitBlocProduit .contenu .description a.savoir{
text-align: center;
}
.petitBlocProduit .contenu .description .chapo {
	color:#422;
	font-weight:normal;
	font-size: 12px;
	padding: 0;
}

.petitBlocProduit .contenu .description .prixProduit {
    float: right;
	color:#210;
	width:70px;
	background-image:url(images/prix.png);
	background-repeat:no-repeat;
	font-weight:bold;
	text-align: left;
	font-size: 20px;
	margin:0 ;
	padding: 5px 10px 5px 10px;
}

.petitBlocProduit .contenu .description .prixProduit2{
float: right;
	color:#f00;
	font-weight:bold;
	text-align: right;
	font-size: 14px;
	margin:0 ;
	padding: 5px;
}

.petitBlocProduit .contenu .description p {
	margin:0;
	padding: 0;
}

.petitBlocProduit a.acheter, 
.petitBlocProduit button.acheter { 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:5px 0 0 0; 
    padding:0;
	white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
    border:0; 
    background:none; 
} 
.petitBlocProduit a.acheter span, 
.petitBlocProduit button.acheter span { 
    position:relative; 
    float:left; 
    padding:0; 
    vertical-align:middle;
} 

.petitBlocProduit a.acheter span span, 
.petitBlocProduit button.acheter span span {
	color:#ffc;
	width:180px;
    height:55px; 
    padding:0; 
    line-height:23px; 	
	background-image:url(images/panier.png);
	background-repeat:no-repeat;
	border:none;
} 
 
.petitBlocProduit a.acheter:hover span , 
.petitBlocProduit button.acheter:hover span {
	background-image:url(images/panier.png);
	background-position: 0 -54px;
	background-repeat:no-repeat;
	text-decoration:none;
} 
.vendu{
float:left;
width:220px;
font-size:16px;
text-align:center;
padding-top:30px;
font-weight:bold;
}

/* Contenu d'une fiche produit (produit.html)
-------------------------------------------------------- */
.contenuass{
float:left;
width:778px;
}
.contenuass img{
float: right;
margin-bottom:10px;
}
.contenuassdes{
float:left;
width:490px;
}
.blocProduit {	
	float: right;
	margin:0 0 10px 0;
	padding:0;
	width:778px;
}
.blocProduit h1{
text-align:center;
}	
.ajoutpan {	
	float: left;
	margin:0;
	padding:0;
	width:190px;
}
.ajoutpan2 {	
	width:390px;
	float: right;
	margin:10px 0 0 0;
	padding:0;
}
.enstock {
	text-align:center;
	font-size:13px;
	font-weight:bold;
	background-image:url(images/livraison.gif);
	background-repeat:no-repeat;
	width:125px;
	height: 80px;
	float: left;
	margin:45px 0 0 0;
	padding:10px 0px 0 65px;
}
.rassur {
	width:380px;
	float: left;
	margin:0;
	padding:0;
}
.blocProduit .blocDImages {
	float: left;
	margin:0 0 20px 0;
	padding:0;
	width:380px;
}
.blocDImages ul.vignettes {
	margin: 5px 0 0 0;
	padding:0;
	list-style:none;
	text-align:center;
	border:none;
	width:380px;
	float: left;
}
.blocDImages ul.vignettes li {
	margin:0;
	padding:0;
	float:left;
}
.blocDImages ul.vignettes li a, .blocDImages ul.vignettes li a:visited {
	border: 2px solid #c9d30f;
	margin: 5px;
	height: 90px;
	float:left;
	display:inline;
	background-color:#ffc;
	overflow: hidden;
}

.blocDImages ul.vignettes li a:hover {
	border: 2px solid #7ab031;
	padding:0;
}

.blocProduit .introProduit {
	float: right;
	margin:10px 0 0 0;
	padding:0;
	width:388px;
}

.blocProduit .introProduit .chapo {
	font-size: 14px;
	padding: 0;
	margin:0 0 20px 0;
}

.blocProduit .introProduit .prixProduit {
    float: right;
	color:#210;
	width:70px;
	background-image:url(images/prix.png);
	background-repeat:no-repeat;
	font-weight:bold;
	text-align: left;
	font-size: 20px;
	margin:0 0 10px 0;
	padding: 5px 10px 5px 10px;
}

.blocProduit .introProduit .prixProduit2{
float: right;
	color:#f00;
	font-weight:bold;
	text-align: right;
	font-size: 14px;
	margin:15px 0 0 0;
	padding: 5px;
}

.blocProduit a.acheter, 
.blocProduit button.acheter {
    display:-moz-inline-box; 
    display:inline-block; 
    margin:0; 
    padding:0;
	white-space:nowrap; 
    vertical-align:middle; 
    cursor:pointer; 
    border:0; 
    background:none; 
} 
.blocProduit a.acheter span, 
.blocProduit button.acheter span { 
    position:relative; 
    float:left; 
    padding:0 0 0 0px; 
    vertical-align:middle;
} 

.blocProduit a.acheter  {
    height:55px; 
	width:180px; 
    margin:0 10px; 
    line-height:38px; 
	background-image:url(images/panier.png);
	background-repeat:no-repeat;
} 
 
.blocProduit a.acheter:hover { 	
	background-image:url(images/panier.png);
	background-position: 0 -54px;
	background-repeat:no-repeat;
	text-decoration:none;
} 
.decli{	
	margin-left:10px;
}
.declinaison  form input{	
	border:0px;
	margin:0 10px; 
	color:#ffc;
    height:55px; 
	width:180px; 
    padding:0px ; 
    line-height:38px; 
	background-image:url(images/panier.png);
	background-repeat:no-repeat;
	    cursor:pointer; 
}
.declinaison  form input:hover { 	
	background-image:url(images/panier.png);
	background-position: 0 -54px;
	background-repeat:no-repeat;
	text-decoration:none;
} 
.declinaison form span select{
	margin: 0 0 10px 0;
	width: 40px;
	padding: 0;
	border:solid 1px #7ab031;
	font-size:12px;
	color:#210;
	background-color:#c9d30f;
}
.blocProduit .description {
	float:right;
	font-size: 12px;
	padding: 0;
	margin:0 0 20px 0;
	width: 710px;
}

.blocProduit .contenusAssocies {
	float: right;
	margin: 0 0 20px 0;
	width:345px;
}

.blocProduit .telechargements {
	float: left;
	margin: 0 0 20px 0;
	width:345px;
}

.blocProduit .contenusAssocies h3, .blocProduit .telechargements h3 {
	color:#210;
	display:block;
	padding: 5px 0 7px 10px;
	margin:0;
	height: 20px;
	background-color: #bbbdbf;
}

.blocProduit .contenusAssocies ul, .blocProduit .telechargements ul {
	list-style:none;
	margin: 0;
	padding:0;
	width: 345px;
	float:left;
	background:#d8d9da;
}

.blocProduit .contenusAssocies ul li, .blocProduit .telechargements ul li {
	margin: 0;
	padding:0;
	font-size:12px;
	font-weight:bold;
}

.blocProduit .contenusAssocies ul li a, .blocProduit .telechargements ul li a,
.blocProduit .contenusAssocies ul li a:visited, .blocProduit .telechargements ul li a:visited {
	border-top:solid 1px #ffc;
	color:#ffc;
	display:block;
	background-color:#3f3;
	padding:3px 0 3px 10px;
}

.blocProduit .contenusAssocies ul li a:hover, .blocProduit .telechargements ul li a:hover {
	color:#ffc;
	text-decoration:none;
	background-color:#f90;
}


/* Nombre de pages
-------------------------------------------------------- */

#pages {
	float: left;
	color:#f90;
	width: 700px;
	text-align: right;
	font-size: 14px;
	padding: 5px 10px 5px 0;
	margin: 10px 0;
	font-weight: bold;

}

#pages a, #pages a:visited {
	color:#210;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
}

#pages a:hover {
	text-decoration: underline;
}

/* Pied de page
-------------------------------------------------------- */

/* Pied de page
-------------------------------------------------------- */
#foot{
	width: 1090px;
	text-align: left;
	overflow: visible;
	margin: 0 auto 0 auto;
}
#footer1 {	
	background-color:#210;
	background-image:url(images/fondb.png);
	background-repeat:no-repeat;
	background-position:center 0;
	float: left;
	width: 1090px;
	color: #ffc;
	font-size: 12px;
	font-weight:bold;
	padding:75px 0 15px 0px;
	margin:0;
	}
#footer1bg {float:right;
	background-image:url(images/fondbg2.png);
	background-repeat:no-repeat;
	width: 149px;
	height:117px;
}
#footer1 ul{	
	list-style-image:url(images/tic.png);
	width: 190px;
	margin:0;
	padding:0;
	}
#footer1 .tit{
	float: left;
	margin:0;
	padding:0;
	}
#footer1 .tit span{
	color: #f90;
	font-weight:bold;
	font-size: 14px;
	text-transform:uppercase;
}
#footer1  li{
	width: 180px;
	margin-left:20px;
	padding:0;
	}

#footer1  a{
color: #ffc;
	}
#footer {
	background-image:url(images/fondbg.png);
	background-repeat:no-repeat;
	background-color:#210;
	float: left;
	width: 1000px;
	color: #ffc;
	font-size: 11px;
	font-weight:normal;
	padding:0 0 10px 90px;
	}
#plan {	
	float: left;
	border-right:1px solid #ffc;
	width: 705px;
}

#footer a, #footer a:visited  {
	color: #ffc;
}
#partenaires {	
	font-size:13px;
	float: right;
	width: 280px;
}
#footer span{
	color: #f90;
	font-size:14px;
	font-weight:bold;
}
/* formulaire
-------------------- */
#contenu form {
	padding:0;
	margin:0 0 20px 0;
}
#contenu form p {
	margin: 0;
	padding: 4px 0;
	overflow: hidden;
	font-size: 12px;
	border-bottom:1px solid #ccc;
	clear:both;
	float:left;
	width:100%;
}
#contenu form p.derniereLigne {
	border:none;
}
#contenu form p label {
	float: left;
	width: 290px;
	padding:0 10px 0 0;
	margin: 0;
	line-height:24px;
}
#contenu form p label.codeDeReduction {
	width: 180px;
}
#contenu form p label.petit {
	width: 80px;
}
#contenu form p input, #contenu form p select, #contenu form p textarea {
	float:left;
	margin: 0;
	width: 190px;
	padding: 3px;
	border:solid 1px #a62;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#210;
	background-color:#dda;
}
#contenu form p input.codeDeReduction {
	width: 50px;
	background-color:#ffc;
	padding: 4px;
}
#contenu form p select {
	width: 198px;
}
#contenu form p textarea {
	width: 300px;
}
#contenu form p input.radio, #contenu form p input.checkBox {
	float:left;
	margin: 5px 0;
	width: 20px;
	padding: 0;
	background-color:transparent;
	border: none;
}
#contenu form p .labelRadio, #contenu form p .labelCheckBox {
	float:left;
	margin: 5px 10px 0 0;
	padding: 0;
	background-color:transparent;
	border: none;
	font-weight:bold;
}
#contenu form button.bouton,
#contenu form button.boutonMemeLigneQuInput { 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:0 0 0 300px; 
    padding:0; 
    white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
	border:none;
    background:none;
	font-size:13px;
	font-weight:bold;
}
#contenu form button.boutonMemeLigneQuInput { 
    margin:0 0 0 10px; 
}
#contenu form button.bouton span,
#contenu form button.boutonMemeLigneQuInput span { 
    position:relative; 
    float:left; 
    padding:0 0 0 8px;        /* Largeur du côté gauche */ 
	margin:0;
    vertical-align:middle;
	background-color:#f90;
}
#contenu form button.bouton span span,
#contenu form button.boutonMemeLigneQuInput span span {
    padding:0 8px 0 0;/* Largeur du côté droit */ 
	color:#210;
	height:24px;
	line-height:24px; /* Alignement vertical du texte */ 
	border: none;
}
.obligatoire {
	font-size: 12px;
	color: #f00;
	clear:both;
	margin:10px 0;
}
/* Tableaux
-------------------------------------------------------- */
#contenu table, #contenu table tr {
	padding:0;
	margin:0;
}
#contenu table th {
	font-weight: bold;
	background-color: #c9d30f;
	border-bottom:solid 1px #ffc;
}
#contenu table td {
	font-weight: bold;
	background-color: transparent;
	border:none;
}

#contenu table td.ligne {
	font-weight: bold;
	background-color: transparent;
	border-bottom:solid 1px #d8d9da;
}

#contenu table th.total {
	font-weight: bold;
	color:#ffc;
	background-color: #f90;
	border-bottom:solid 1px #dedce6;
}

/* Liens internes au site
-------------------------------------------------------- */
.queFaire ul{
float: right;
	padding:0;
	list-style:none;
	width: 550px;
}

.queFaire ul li{		
height:50px;
width:550px;
	padding:0;
	font-size:14px;
	font-weight:bold;
}
.queFaire ul li span{	
width:250px;
margin:10px 0 0 0;
padding:0px;
float: left;
}

.queFaire {
	margin:20px 0 0 0;
	padding:0;
	width:100%;
	float:left;
	text-align:right;
}
.queFaire a., .queFaire a:hover{
text-decoration:none;
}
.queFaire a.bouton, 
.queFaire button.bouton { 
    margin:10px 0 10px 0; 
	font-size:14px;
	font-weight:bold;
	white-space:nowrap; 
    text-align:center; 
    cursor:pointer; 
    border:0; 
    float:right; 
    padding:0px 10px 0 10px; 
    height:30px; 
    line-height:30px; 
	color:#210;
} 
.queFaire a.bouton2, 
.queFaire button.bouton2 { 
    margin:0 10px; 
	font-size:18px;
	font-weight:bold;
	width:240px;
    text-align:center; 
    cursor:pointer; 
    border:0; 
    float:right; 
    padding:5px 0; 
    height:32px; 
    line-height:30px; 
background-image:url(images/commande.png);
background-repeat:no-repeat;
	color:#210;
} 
 
.queFaire a.bouton2:hover, .queFaire a.bouton2:hover, 
.queFaire button.bouton2:hover, .queFaire button.bouton2:hover { 
background-image:url(images/commande.png);
background-position: 0 -42px;
background-repeat:no-repeat;
} 
 
/*  général
-------------------------------------------------------- */
#bandeau{
	width: 800px;
	float: right;
	padding: 0;
	margin:0 1px 0 0;
}
#Nav {
	position: relative;
z-index: 20000;
padding: 0;
margin: 0;
list-style: none;
}
#Nav .navig2{
width: 131px;
text-align: center;
margin: 0;
float: left;
padding: 0;
border:solid 1px #ffc;
}
#Nav .navig{	
background-color: #ffc;
position: absolute;
top: 51px;
left: 0px;
width: 788px;
display: none;
padding: 0;
margin-left: 2px;
border:solid 4px #a62;
list-style:none;
}
#Nav li li ,#Nav li li a{
display: block;
color: #210;
border:none;
}
#Nav li li ul a:hover,#Nav li li ul a:active {
display: block;
color: #f90;
margin: 0; padding: 0px;
}
#Nav .titre {
height:40px;
display: block;
background-image:url(images/bouton.png);
background-repeat:no-repeat;
color: #420;
text-decoration: none;	
margin: 0; padding: 10px 0 0 0;
font-weight:bold;
font-size: 16px;
text-transform:uppercase;
}
#Nav  .titre:hover,#Nav .titre:active {
background-image:url(images/bouton.png);
background-position: 0 -50px;
background-repeat:no-repeat;
display: block;
color: #420;
text-decoration: none;	
margin: 0; padding: 10px 0 0 0;
}
.nav1{
	overflow: hidden;
	float: left;
	width:175px;
	height:250px;
	padding:0;
	margin:0;
z-index: 10000000;
}
.nav1 a:hover, .nav1 a:active{
color:#210;
}
.nav1 a {
color:#210;
font-weight:bold;
position:absolute;
top:200px;
left:25px;
z-index: 50000000;
height:30px;
width:125px;
background-color:#f90;
padding:5px;
}
.nav2{	border-left:solid 1px #a62;
	height:250px;
	float: left;
	width:410px;
	padding: 0;
	margin:0;
}
.smenu{	float: left;
background-image:url(images/tic.png);
background-repeat:no-repeat;
background-position: 0em 0.32em;
list-style-position:outside ;
margin:6px 0;
padding: 0 0 0 15px;
font-size:15px;
font-weight:bold;
list-style:none;
}
.nav2 ul li{
width:165px;
text-align: left;
position: relative;
}
.ssmen{	
margin: 0 0 0 8px;
font-size:12px;
font-weight:normal;	
float: left;
padding:0;
width:140px;
}
.nav3{font-weight:bold;
	background-color: #f90;
	border-left:solid 1px #a62;
	float: right;
	height:250px;
	width:200px;
	padding: 0;
	margin:0;
}
.nav3 ul{
list-style:none ;	
float: left;
width:200px;
color:#210;
margin:2px 0 0 0;
padding:0;
}
.nav3 ul li{
margin:2px 0 0 0;
}
#Nav .nav3 li a{
color: #ffc;
}
#Nav .nav3 li a:hover,#Nav .nav3 li a:active {
color: #a62;
}
/* Recherche
-------------------------------------------------------- */

#boites {	
	padding: 50px 0 0 0;
	margin:0;
	width: 180px;
	display:block;
	float:left;
}
.boite {
	margin:0 0 0 4px;
	width: 180px;
	display:block;
	float:left;
}
.boitehaut {
	height:30px;
	width: 180px;
	float:left;
	padding:5px 20px 0 20px;
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
	background-image:url(images/fp.png);
	background-repeat:no-repeat;
}
.boitehaut h2{
	font-size:15px;
	font-weight:bold;
border:none;
}
.boitetexte{	
	background-image:url(images/fpm.png);
	background-repeat:repeat-y;
	text-decoration:none;
	font-size:13px;
	width: 150px;
	display:block;
	float:left;
	margin: 0px;
	padding : 0px 20px;
}
.boitetexte ul{	font-weight:bold;
	list-style-image:url(images/tic.png);
	margin: 0 5px;
	padding:0;
}
.boitetexte  a{

	color:#210;
}
.boitebas{
	padding:0 0 15px 0;
	height:15px;
	width: 180px;
	float:left;
	background-image:url(images/fp.png);
	background-repeat:no-repeat;
	background-position:0 -35px;
}


	
/* Moyens de paiement
-------------------------------------------------------- */

.moyensDePaiement {
	float:left;
	margin: 0;
	padding:0 10px;
	width:980px;
}
.moyensDePaiement h4 {
	margin:32px 0 0 0;
	float:left;
}
.moyensDePaiement ul, .moyensDePaiement ul li {
	list-style:none;
	margin: 0;
	padding:0;
	border:none;
}
/* onglets fiche produit*/
#tabbed_box {
    margin: 0px auto 0px auto;
    width:388px;
}
ul.tabs {
    margin:0px; padding:0px;
}
ul.tabs li {
    list-style:none;
    display:inline;
}
ul.tabs li a {	cursor:pointer;
    background-color:#f90;
    color:#ffc;
    padding:7px 14px 8px 14px;
    text-decoration:none;
    font-size:9px;
    font-weight:bold;
    text-transform:uppercase;
    border:1px solid #210;
	border-bottom: none;
}
ul.tabs li a:hover {
    background-color:#a62;
}
ul.tabs li a.active {
    background-color:#ffc;
    color:#420;
}
.content {
    padding:10px;
    border:1px solid #210; 
}
#content_2, #content_3 { display:none; }
#content_3{

}
ul.tabs {
    margin:0px; padding:0px;
    margin-top:5px;
    margin-bottom:6px;
}
.content ul {
    margin:0px;
    padding:15px 10px;
}
.content ul li {
    list-style:none;
    font-size:13px;
}
.content ul li a {
    color:#210;
	margin:10px;
}
.content ul   .img {  
float: left;
}
.content ul   .cad {        
	width:360px;
	height: 60px;
}
.content ul   .texte {
	float: left;
	width:220px;
	height: 30px;
	margin:15px;
}
/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
	border: 4px solid #f90;
	margin:-4px;	/* Set this to minus the border thickness. */
	background-color:#ffc;	
	cursor:move;		
}

/* This is for the title text. */
.cloud-zoom-title {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute !important;
	background-color:#210;
	color:#ffc;
	padding:3px;
	width:100%;
	text-align:center;	
	font-weight:bold;
	font-size:12px;
	top:0px;
}

/* This is the zoom window. */
.cloud-zoom-big {
	border:4px solid #f90;
	overflow:hidden;
}

/* This is the loading message. */
.cloud-zoom-loading {
	color:ffc;	
	background:#210;
	padding:3px;
	border:1px solid #210;
}
.cloud-zoom-gallery  {
padding: 0px; 
}
/* Correction des bug Internet Explorer
-------------------------------------------------------- */

* html button {width:1%; overflow:visible;} 
*:first-child+html button {overflow:visible;}

#slider {
	position:relative;
	//See the "style-pack" below for image
	background:url(images/loading.gif) no-repeat 50% 50%; 
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.nivoSlider {
float:right;
width:458px;
height:150px;
padding:0px;
	margin: 0 0 15px 0;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {	
	padding:5px;
	position:absolute;
	left:0px;
	bottom:0px;
	background:#210;
	color:#ffc;
	font-weight:bold;
	font-size:18px;
	opacity:0.9; /* Overridden by captionOpacity setting */
	width:448px;
	z-index:89;
}
.nivo-caption p  {	font-weight:bold;	
	font-size:18px;
	color:#ffc;
	margin:0;
}
.nivo-caption a {	
	color:#ffc;
	font-weight:bold;	
	font-size:18px;
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}
.field{
width:500px;
}
.field obligatoire{
color:#f90;
}
.fieldset{
font-weight:bold;
float:left;
margin-bottom:10px;
width:500px;
text-align:right;
}
.fieldset span{
color:#f90;
}
td.numero1, td.numero2{
   display: none;
}
td.question {
width:300px;
}