@charset "UTF-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
:focus {
	outline: 0;
}
body {
	padding: 0;
	margin: 0;
	
	text-align: center;
	
	color:#515053;
	font-size:0.9em;
	background-color:#FFF;  color:#1a171b; font-family:Georgia, "Times New Roman", Times, serif;
}
h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	color:#515053;
	font-weight: normal;
}
h2 { color: #000;}
h2.mycuf { padding-top: 5px; letter-spacing: -1px;}
h2.mycufretour { padding-top: 10px;}
h3.ml { font-size: 1.0em; color: #000; border-bottom: solid 1px #000; padding-bottom: 8px;}
.grey {color: #898989;}
.lacoul {color: #e32119;}
.ladate {color:#898989; display:block; margin-bottom:30px; text-align:right; font-size:smaller;}
/*h1{
	font-size: 28px;
}

h2{
	font-size: 24px;
	margin:0 0 20px 0;
}

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

h4{
	font-size: 15px;
	margin:0 0 10px 0;
}

h5{
	font-size: 12px;
	margin:0;
	clear:both;
}
*/
h1{
	font-size: 1.5em;
}

h2{
	font-size: 1.2em;
	margin:0 0 20px 0;
}

h3{
	font-size: 1em;
	margin:0 0 10px 0;
}

h4{
	font-size: 0.8em;
	margin:0 0 10px 0;
}

h5{
	font-size: 0.7em;
	margin:0;
	clear:both;
}
a, a:visited {
	text-decoration: none;
	border-bottom:0pt solid #1a171b;
	color: #898989;
}
 a:hover  {
	color: #000;
	text-decoration: none;
}

a.inv, a.inv:visited {
	text-decoration: none;
	border-bottom:0pt solid #1a171b;
	color: #000;
}
 a.inv:hover  {
	color: #898989;
	text-decoration: none;
}

img {
	border: 0
}

.hide {
	display:none;
}
.left { float: left;}
.right { float: right;}

h3.mod { color: #000; padding-bottom: 5px; border-bottom:solid 1px #000;}
.arial { font-family: Arial}

ul.pds { font-size: 0.9em; line-height: 1.3em; float: left}
ul.pds li { list-style-type: none; float: left; margin: 0 10px 20px 0; clear: left}
ul.pds li ul { padding-left: 0px; float: left; clear: left;}
ul.pds li ul li { clear: none; margin: 0 10px 0px 0;} 

ul.pds li.uno a {color: #000; font-size: 1.1em;}
ul.pds li.uno a:hover { color: #e32119;}

ul.pds li.uno ul li.trois {padding-top: 10px;}
ul.pds li.uno ul li.trois a {color: #000; font-size: 1.0em; }
ul.pds li.uno ul li.trois a:hover { color: #e32119;}

ul.pds li.uno ul li a.do {color: #313131;  font-size: 0.95em;}
ul.pds li.uno ul li a.do:hover { color: #e32119;}



.sep30noc, .sep15noc { float: left; clear: none; width: 30px; height: 1px; margin: 9px 5px 5px 0px; padding: 0 0 0 0px; border-bottom-style: outset; border-bottom-width: 1pt; border-color: #000;}

.sep15noc { width: 20px;}

a.npnav, a.npnav:visited { color: #000;}
a.npnav:hover { color: #e32119;}
a.off, a.off:visited, a.off:hover { cursor: default; color: #ccc;} 

div.binav { text-align: center; font-family: Tahoma, Arial; width: 98px; padding-top: 5px; position: absolute; right: 0; margin-top: 510px;   }
div.binav span { font-size: 0.8em;}
#aprev { float: left; margin-top: -2px;}
#anext { float: right; margin-top: -2px;}
/* Page
-------------------------------------------------------- */

#wrapper {
	width: 990px;
	text-align: left;
	overflow: visible;
	position: relative;
	margin: 0 auto 0 auto;
	padding: 0;
}
#subwrapper {
	overflow: hidden;
	position: relative;
	padding: 0;
	width: 990px;
	background-color: #FFFFFF;
	border-left:solid 1px #a9abad;
	border-right:solid 1px #a9abad;
	border-bottom:solid 1px #a9abad;
	border-left:solid 1px #fff;
	border-right:solid 1px #fff;
	border-bottom:solid 1px #fff;
	border-top: 5px solid #fff;
}

#contenu {
	float: right;
	width:750px;
	padding: 0 0 0 30px;
	margin: 25px 0px 25px 10px;
	
}
#contenu p { padding: 0 0 20px 0; font-size: 0.9em; line-height: 1.3em;} 
#contenuPageRubrique {
	float: left;
	width:750px;
	padding: 0 0 0 30px;
	margin: 25px 0px 25px 10px;
}

.prform { font-size: 0.9em; line-height: 1.3em;  color: #313131; letter-spacing: -1px;}
.prform h5 { font-size: 1.0em;  border-bottom: solid 1pt #898989; color: #313131; margin: 10px 0; padding: 0 0 5px 0; letter-spacing: -0.5px;}
.prform span { color: #898989;}
.prform small { font-size: 0.7em;} 

.opti {float: left; clear: left; margin: 0; padding: 0 2px;}
.opti input { float: left; }
.prform label { cursor: pointer;}
.prform label:hover { color: #000}



/* Entête
-------------------------------------------------------- */

#top {
	float: left;
	width: 990px;
	background-color:#FFFFFF;
	margin: 0;
	padding: 0 0 10px 0;
	color: #FFFFFF;
	z-index:1000;
}

#top h1 {
	float: left;
	padding:0 0 0 10px;
	margin: 10px 0;
	width: 195px;
	height: 127px;
	display:block;
	
}
#top h1 a {
	float: left;
	padding:0; margin: 0;
	width: 194px;
	height: 127px;
	display:block;
	background: #fff url(pix/logo.jpg) no-repeat 0 0;
	text-indent: -900%; overflow: hidden;
}

#top h3 {
	color:#000;
	font-size:18px;
	margin:0 0 5px 0;
}

/*#top a, #top a:visited  {
	color: #c7c9ca;
	text-decoration: none;
}
#top a:hover {
	color: #fff;
	text-decoration: none;
}
*/
#ulmenu { float: right; margin:135px 2px 10px 0; padding: 0; }
#ulmenu  li { float: left; margin: 0 0 0 0px; padding: 0 0 5px 0px; list-style-type: none; color: #898989; }
#ulmenu  li.vide { width: 20px;  padding: 0 0 2px 0px; border-bottom:  0pt solid #000; }
#ulmenu  li a, #ulmenu  li a:visited,#ulmenu  li a.active, #ulmenu  li a.active:visited, #ulmenu  li a.active:hover  {color: #898989; font-size: 1.1em; border: 0pt solid green;}
 #ulmenu  li a:hover,#ulmenu  li a.active, #ulmenu  li a.active:visited, #ulmenu  li a.active:hover {color: #000; text-decoration: none;}
#ulmenu  li.vide a { cursor: default;} 
/*#ulmenu  li.active {border-bottom:  1pt solid #000; } 
 #ulmenu  li:hover {border-bottom:  1pt solid #000;}*/
 
#monCompte {
	float: left;
	clear: left;
	width: 190px;
	margin: 10px 0 0 0;
	border-left: 0px dotted #FFFFFF;
	padding: 0 0 0 10px;
	font-size: 0.9em;
	
}
#monCompte h3 { padding-left: 0px;}
#monCompte h3 a, #monCompte h3 a:visited { color: #313131}
#monCompte h3 a:hover { color: #000}
#monCompte form {
	float: left;
	padding: 0 0 0 0px;
	margin: 0;
}

#monCompte form p { 
    padding:0 0 0 0px;
	margin:0;
	float:left;
}

#monCompte form input {
	margin: 0 5px 5px 0;
	padding:2px;
	width:90px;
	border:solid 1px #ccc;
	border-bottom-style: outset;
	border-top-style: inset;
	border-right-style: outset;
	border-left-style: inset;
	font-family:Arial, Helvetica, sans-serif;
	color:#626164;
	font-size:12px;
	font-weight:normal;
	background-color:#fff;
	float:left;
	clear: left;
}

#monCompte form button.bouton { 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:0 0 0 -3px; 
    padding:0; 
    white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
    background:none;
	font-size:12px;
	font-weight:normal;
	border:none;
	clear: left;
	float: left;
	
}

#monCompte form button.bouton span { 
    position:relative; 
    float:left; 
    padding:0 0 0 8px;        /* Largeur du côté gauche */ 
	margin:0;
    vertical-align:middle;
	background-color:#000;
	border:solid 0px #000;
}

#monCompte form button.bouton span span {
	padding:5px 8px 0 0;
	border:none;
	color:#FFF;
	height:18px;
	line-height:18px; /* Alignement vertical du texte et largeur du côté droit*/
	width: 80px;
	font-weight: bold;
}
#monCompte form button.bouton:hover span, #monCompte form button.bouton:hover span span { background-color:#e32119 }
#monCompte p { clear: left;}
#monCompte .menu {
	font-size:11px;
	float: left;
	/*width: 290px;*/
	color: #c7c9ca;
	margin: 5px 0 0 0;
	padding: 0;
	line-height: 15px; clear: left;
}
#monCompte .menu  a { font-family: Tahoma,Arial; font-size: 0.85em; }
#monPanier {
	float: left;
	width: 190px;
	margin: 10px 0 0 10px;
	border-left: 0px dotted #FFFFFF;
	padding: 0 0 0 0px;
	clear: left;
}
#monPanier p { font-size: 0.8em;}
#monPanier h3 a, #monPanier h3 a:visited { color: #313131}
#monPanier h3 a:hover { color: #000}
#contenuPanier {
	padding: 0;
	list-style: none;
	z-index:1000;
	position: relative;
	_position:absolute;
}

ul#contenuPanier , ul#contenuPanier li {
	margin: 0;
	padding: 0;
	list-style:none;
	background: transparent;
	width: 95%;
}

ul#contenuPanier li a, ul#contenuPanier li a:visited {
	font-size:12px;
	color: #fff;
	margin: 0;
	padding: 4px 3px;
	width: 90%;
	display:block;
	background-color:#0081ca;
	background-image:url(_gfx/fondContenuPanier.gif);
	background-repeat:no-repeat;
	background-position:right center;
	border:solid 1px #FFFFFF;
}

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 {
	display: block;
	float:left;
	background-color:#8fbce3;
	background-image:none;
	font-size:11px;
	color: #00529a;
	text-decoration: none;	
	margin: 0;
	padding: 4px 3px;
	border:solid 1px #FFFFFF;
	border-top:none;
}

 ul#contenuPanier li ul li a.totalCommande, ul#contenuPanier li ul lia.totalCommande:visited {
	font-size:12px;
	color: #fff;
	margin: 0;
	padding: 4px 3px;
	display:block;
	float:left;
	background-color:#0081ca;
	background-image:none;
}

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

span.nomArticle, span.titreTotal {
	margin:0;
	width:120px;
	float:left;
}

span.quantite {
	width:20px;
	float:left;
}

span.total {
	float:right;
	text-align:right;
	width:42px;
}
span.pancateg { font-size: 0.8em; line-height: 1.3em; display: block; padding-top: 5px;}
img.imgpan {border: solid 1px #898989;}
.blocpay {float: left; margin-right: 20px;}
.blak {color: #000000;}
/* Dossiers
-------------------------------------------------------- */

#dossier {
	margin:0;
	padding:0;
	font-size: 1em; line-height: 1.4em;
}

#dossier .image {
	margin:10px 10px 10px 0;
	padding:1px;
	border:solid 1px #bbbdbf;
	float:left;
}
a.asous, a.asous:visited { color:#000; }
a.asous:hover { color:#e32119;}
/* Langues
-------------------------------------------------------- */

ul#langues {
	float: left;
	width:980px;
	text-align:right;
	margin: 0 0 10px 0;
	padding: 0 10px 0 0;
	background-color:#3f3f43;
	border-top: solid 3px #313135;
	list-style:none;
}

ul#langues li {
	float:right;
	padding:0;
	margin:0;
	border:none;
	list-style:none;
}

ul#langues li a, ul#langues li a:visited {
	display:block;
	width:34px;
	height:24px;
	overflow:hidden;
}

ul#langues li a.fr {
	background-image:url(_gfx/drapeaux.gif);
	background-position: 0 -24px;
}

ul#langues li a.uk {
	background-image:url(_gfx/drapeaux.gif);
	background-position: -34px -24px;
}

ul#langues li a.spa {
	background-image:url(_gfx/drapeaux.gif);
	background-position: -68px -24px;
}

ul#langues li a:hover.fr, ul#langues li a.frSelection {
	background-image:url(_gfx/drapeaux.gif);
	background-position: 0 0;
}

ul#langues li a:hover.uk, ul#langues li a.ukSelection {
	background-image:url(_gfx/drapeaux.gif);
	background-position: -34px 0;
}

ul#langues li a:hover.spa, ul#langues li a.spaSelection {
	background-image:url(_gfx/drapeaux.gif);
	background-position: -68px 0;
}

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

#chemin {
	float: left;
	width:980px;
	color: #515053;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 5px 0 8px 10px;
	background-color:#d8d9da;
	border-top:solid 3px #a9abad;
}

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

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

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

#etapesDeCommande {
	float: left;
	width:710px;
	color: #898989;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 20px 10px;
	padding:0;
	background-color:#fff;
}

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

#etapesDeCommande ul li {
	color:#c7c9ca;
	width:177px;
	margin:0;
	padding:0px;
	list-style:none;
	display:inline;
	float:left;
	border-left:solid 0px #d8d9da;
	border-bottom:solid 0px #d8d9da;
	border-top:solid 0px #d8d9da;
	font-size: 1em;
	line-height: 1em;
}
.red {color: #E32119;}
#etapesDeCommande ul li.selection {
	color:#E32119;
	border-left:solid 0px #d8d9da;
	border-bottom:solid 0px #d8d9da;
	border-top:solid 0px #d8d9da;
	background-color:#FFF;
}
#etapesDeCommande ul li.avan {
	color:#000;
	border-left:solid 0px #d8d9da;
	border-bottom:solid 0px #d8d9da;
	border-top:solid 0px #d8d9da;
	background-color:#FFF;
}
#etapesDeCommande ul li.avan span {
	background-color:#000;
}
#etapesDeCommande ul li.avan a {
	color:#000;
}
#etapesDeCommande ul li.avan a:hover {
	color:#E32119;
}
#etapesDeCommande ul li.avan a span {
	background-color:#000;
}

#etapesDeCommande ul li.avan a:hover span {
	background-color:#E32119;
}


#etapesDeCommande ul li span {
	color:#fff;
	font-size:18px;
	margin:0 3px 0 0;
	padding:0px 3px 0 5px;
	background-color:#d8d9da;
	height: 20px;
}

#etapesDeCommande ul li span.chiffreSelection {
	color:#fff;
	background-color:#E32119;
	border-right:solid 0px #d8d9da;
}


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

.adresseDeLivraison {
	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;
}

.adresseDeLivraison h3, .adresseDeFacturation h3, .adresseDeLivraisonRecap h3 {
	color:#000;
	display:block;
	padding: 5px 0 5px 0px;
	margin:0 0 0 10px;
	height: 20px;
	background-color: #fff;
	font-size: 1.0em;
	border-bottom: solid 1px #000;
}
.adresseDeFacturation h2 {
	color:#000;
	display:block;
	padding: 5px 0 5px 0px;
	margin:0 0 0 10px;
	
	border-bottom: solid 1px #000;
}

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

.adresseDeLivraison .contenu, .adresseDeFacturation .contenu {
	float:left;
	width: 325px;
	margin:1px 0 0 0;
	padding: 10px;
	line-height: 1.3em;
	font-size: 0.9em;
	background-color: #FFF;
}

.adresseDeLivraisonRecap .contenu {
	float:left;
	width: 690px;
	margin:1px 0 0 0;
	padding: 10px;
	background-color: #d8d9da;
}

.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:#fff;*/
	display:block;
	background-color:#FFF;
	border-top:solid 1px #FFF;
	padding:3px 0 3px 10px;
	font-family: Arial;
	font-weight: normal;
}

a.modifierOuAjouter, a.modifierOuAjouter:visited {
	font-size:12px;
	font-weight:bold;
	border-top:solid 1px #FFF;
	color:#fff;
	float: right;
	clear:both;
	background-color:#000;
	padding:5px 10px 5px 10px;
}

 a.modifierOuAjouter:hover {
	text-decoration:none;
	background-color:#E32119;
}
a.retour, a.retour:visited {
	font-size:12px;
	font-weight:bold;
	border-top:solid 1px #FFF;
	color:#fff;
	float: left;
	clear:both;
	background-color:#E32119;
	padding:5px 10px 5px 10px;
	margin:0 10px 20px 0;
}
a.retour:hover {
	text-decoration:none;
	background-color:#000;
}

a.retourb, a.retourb:visited {
	font-size:12px;
	font-weight:bold;
	border-top:solid 1px #FFF;
	color:#fff;
	float: left;
	clear:both;
	background-color:#000;
	padding:5px 10px 5px 10px;
	margin:0 10px 20px 0;
}
a.retourb:hover {
	text-decoration:none;
	background-color:#E32119;
}

a.cmd, a.cmd:visited {float:right; font-size:1.1em;padding-bottom:8px;}

/* Bloc "Mode de livraison" 
-------------------------------------------------------- */

.choixDeLaLivraison, .choixDuReglement {
	float: left;
	width:710px;
	margin: 0;
	padding:0;
}

.choixDeLaLivraison ul, .choixDuReglement ul {
	margin: 0;
	padding:0;
	list-style:none;
	width: 710px;
}

.choixDeLaLivraison ul li, .choixDuReglement ul li {
	margin: 0;
	padding:0;
	font-size:14px;
	font-weight:bold;
}

.choixDeLaLivraison span.modeDeLivraison, .choixDuReglement span.modeDeReglement,
.choixDeLaLivraison span.choisir, .choixDuReglement span.choisir {
	color:#515053;
	line-height:37px;
	width:355px;
	margin:0;
	padding:0;
	background-color:#bbbdbf;
	float:left;
	text-indent:10px;
	height:40px;
}

.choixDeLaLivraison span.choisir, .choixDuReglement span.choisir {
	background-color:transparent;
	color:#FFFFFF;
}

.choixDeLaLivraison ul li a, .choixDeLaLivraison ul li a:visited, .choixDuReglement ul li a, .choixDuReglement ul li a:visited {
	height:40px;
	color:#fff;
	display:block;
	background-color:#0081ca;
	border-top:solid 1Px #FFFFFF;
}

.choixDeLaLivraison ul li a:hover, .choixDuReglement ul li a:hover {
	text-decoration:none;
	background-color:#00529a;
}

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

.blocMozaique {
	float: right;
	margin: 0 0 20px 0;
	padding:0;
}

.blocMozaique h3 {
	width: 700px;
	font-weight: normal;
	margin:0;
	padding: 5px 0 7px 10px;
	background-color: #fff;
	height: 20px;
}

.blocMozaique .contenu {
	float:left;
	width: 100%;
	margin:1px 0 0 0;
	padding: 0px;
	background-color: #fff;
}

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

.blocMozaique .contenu ul.image li {
	margin:0 0 5px 10px;
	padding:0;
	border:none;
	float:left;
}

.blocMozaique .contenu ul.image li a, .blocMozaique .contenu ul.image li a:visited  {
	border: 1px solid #bbbdbf;
	margin:0 1px 0 0;
	_margin:0;
	padding:1px;
	
	float:left;
	display:block;
	background-color:#fff;
	overflow: hidden;
	zoom:0;
	text-align:center;
}


.blocMozaique .contenu ul.image li a:hover {
	border: 1px solid #88888b;
	background-color:#FFF;
	
}

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

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

.blocNouveaute h3 {
	margin:0;
}

.blocNouveaute h3 a, .blocNouveaute h3 a:visited {
	color:#515053;
	display:block;
	padding: 5px 0 7px 10px;
	margin:0;
	height: 20px;
	background-color: #bbbdbf;
}

.blocNouveaute h3 a:hover {
	color:#515053;
	text-decoration:none;
	background-color:#a9abad;
}

.blocNouveaute h4 a, .blocNouveaute h4 a:visited {
	color:#00529a;
}

.blocNouveaute h4 a:hover {
	text-decoration:underline;
}

.blocNouveaute .contenu {
	float:left;
	width: 325px;
	margin:1px 0 0 0;
	padding: 10px;
	background-color: #d8d9da;
}

.blocNouveaute .contenu a.image, .blocNouveaute .contenu a.image:visited {
	border: 1px solid #bbbdbf;
	margin: 0;
	padding:1px;
	height: 140px;
	width:140px;
	float:left;
	text-align:center;
	display:block;
	background-color:#fff;
	overflow: hidden;	
}

.blocNouveaute .contenu a.image:hover {
	border: 2px solid #88888b;
	background-color:#8fbce3;
	padding:0;
}

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

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

.blocNouveaute .contenu .description .prixProduit {
	color:#ff0000;
	font-weight:bold;
	text-align: left;
	font-size: 18px;
	margin:5px 0 0 0;
	padding: 0;
	display:block;
}

.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 0 0 5px; 
    vertical-align:middle;
	background-color:#0081ca;
	border:solid 1px #FFFFFF;
} 

.blocNouveaute a.acheter span span, 
.blocNouveaute button.acheter span span {
	color:#fff;
    height:24px; 
    padding:0 5px 0 0; 
    line-height:23px; 
    background-color:#0081ca;
	border:none;
} 
 
.blocNouveaute a.acheter:hover span, 
.blocNouveaute button.acheter:hover span {
	background-color:#00529a;
	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:#515053;
	font-weight:bold;
	text-indent:10px;
	background-color:#bbbdbf;
}

.blocNouveaute a.toutesLesNouveautes:hover {
	color:#515053;
	text-decoration:none;
	background-color:#a9abad;
}

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

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

.blocPromo h3 {
	margin:0;
}

.blocPromo h3 a, .blocPromo h3 a:visited {
	color:#515053;
	display:block;
	padding: 5px 0 7px 10px;
	margin:0;
	height: 20px;
	background-color: #bbbdbf;
}

.blocPromo h3 a:hover {
	color:#515053;
	text-decoration:none;
	background-color:#a9abad;
}

.blocPromo h4 a, .blocPromo h4 a:visited {
	color:#00529a;
}

.blocPromo h4 a:hover {
	text-decoration:underline;
}

.blocPromo .contenu {
	width: 325px;
	float:left;
	_float:none;
	margin:1px 0 0 0;
	padding: 10px;
	background-color: #d8d9da;
}

.blocPromo .contenu a.image, .blocPromo .contenu a.image:visited {
	border: 1px solid #bbbdbf;
	margin: 0;
	padding:1px;
	height: 140px;
	width:140px;
	display:block;
	float:left;
	background-color:#fff;
	overflow: hidden;
	text-align:center;
}

.blocPromo .contenu a.image:hover {
	border: 2px solid #88888b;
	background-color:#8fbce3;
	padding:0;
}

.blocPromo .contenu .description {
	float:right;
	font-size: 12px;
	padding: 0;
	width: 173px;
	_width: 158px;
}

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

.blocPromo .contenu .description .prixProduit {
	color:#ff0000;
	font-weight:bold;
	text-align: left;
	font-size: 18px;
	margin:5px 0;
	padding: 0;
	display:block;
}

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

.blocPromo a.acheter, 
.blocPromo 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; 
} 
.blocPromo a.acheter span, 
.blocPromo button.acheter span { 
    position:relative; 
    float:left; 
    padding:0 0 0 5px; 
    vertical-align:middle;
	background-color:#0081ca;
	border:solid 1px #FFFFFF;
} 

.blocPromo a.acheter span span, 
.blocPromo button.acheter span span {
	color:#fff;
    height:24px; 
    padding:0 5px 0 0; 
    line-height:23px; 
    background-color:#0081ca;
	border:none;
} 
 
.blocPromo a.acheter:hover span , 
.blocPromo button.acheter:hover span {
	background-color:#00529a;
	text-decoration:none;
} 

.blocPromo a.toutesLesPromos, .blocPromo a.toutesLesPromos:visited {
	display:block;
	float:left;
	width:100%;
	margin: 1px 0 0 0;
	padding:5px 0;
	color:#515053;
	font-weight:bold;
	text-indent:10px;
	background-color:#bbbdbf;
}

.blocPromo a.toutesLesPromos:hover {
	color:#515053;
	text-decoration:none;
	background-color:#a9abad;
}

/* Petit bloc produit (utilisé en page rubrique.html)
-------------------------------------------------------- */

.petitBlocProduit {
	float: left;
	margin:0 5px 20px 46px;
	width:200px;
	border: 0pt solid red;
}

.separation {
	float: left;
	margin:0;
	height:1px;
	width:710px;
}

.petitBlocProduit h3 {
	margin:0;
}

.petitBlocProduit h3 a, .petitBlocProduit h3 a:visited {
	color:#e32119;
	color:#313131;
	display:block;
	padding: 5px 0 7px 0px;
	margin:0;
	
	background-color: #fff;
	font-weight: normal;
	font-size: 1.0em; 
	letter-spacing: -0.05em;
	
}

.petitBlocProduit h3 a:hover {
	text-decoration:none;
	background-color:#fff;
	color: #000;
	color: #e32119;
}

.petitBlocProduit .contenu  {
	float:left;
	width: 200px;
	margin:1px 0 0 0;
	padding: 0px;
	background-color: #fff;
}

.petitBlocProduit .contenu a.image , .petitBlocProduit .contenu a.image:visited  {
	
	margin: 0;
	padding:0px;
	
	display:block;
	float:left;
	background-color:#fff;
	overflow: hidden;	
	letter-spacing: -1px;
}
.petitBlocProduit .contenu a.image img {border: 1px solid #898989;border-bottom-style:inset;
	border-right-style:inset;
	border-top-style:outset;
	border-left-style:outset; float: left; margin: 5px 0 0 0;}
.petitBlocProduit .contenu a.image:hover img {
	border: 1px solid #313131;
	}

.petitBlocProduit .contenu .description {
	float:left;
	font-size: 12px;
	padding: 0;
	width: 200px;
}

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

.petitBlocProduit .contenu .description .prixProduit {
	color:#ff0000;
	font-weight:normal;
	text-align: left;
	font-size: 18px;
	margin:5px 0;
	padding: 0;
	display:block;
}

.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; 
    text-align: center;
    padding:0;
	font-size:15px;
	width: 200px;
	white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
    border:0; 
    background:none; 
    padding: 5px 0 8px 0;
    border-bottom: 1px solid #898989;
    border-bottom-style: inset;
    border-bottom-width:thin;
    color: #898989;
} 
.petitBlocProduit a.acheter:hover {
border-bottom: 1pt solid #313131;
    color: #313131;
}
.petitBlocProduit a.acheter span, 
.petitBlocProduit button.acheter span { 
    position:relative; 
    float:left; 
    padding:0 0 0 5px; 
    vertical-align:middle;
	background-color:#0081ca;
	border:solid 1px #FFFFFF;
} 

.petitBlocProduit a.acheter span span, 
.petitBlocProduit button.acheter span span {
	color:#fff;
    height:24px; 
    padding:0 5px 0 0; 
    line-height:23px; 
    background-color:#0081ca;
	border:none;
} 
 
.petitBlocProduit a.acheter:hover span , 
.petitBlocProduit button.acheter:hover span {
	background-color:#00529a;
	text-decoration:none;
} 

/* Contenu d'une fiche produit (produit.html)
-------------------------------------------------------- */

.blocProduit {
	float: left;
	margin:0 0 0px 0;
	padding:0;
	width:660px;
}

.blocProduit .blocDImages {
	float: left;
	margin:0 0 20px 0;
	padding:0;
	width:530px;
	height: 530px;
}

.blocProduit a.grandeImage, .blocProduit a.grandeImage:visited {
	border: 1px solid #bbbdbf;
	margin:0;
	padding:0px;
	
	float:left;
	background-color:#fff;
}

.blocProduit a.grandeImage:hover {
	border: 1px solid #88888b;
	background-color:#8fbce3;
	padding:0;
}

.blocProduit ul.vignettes {
	margin: 10px 0 0 0;
	padding:0;
	list-style:none;
	text-align:center;
	border:none;
	width:100px;
	float: left;
	
	position: absolute;
	
	margin: 408px 0 0 560px;
	
}

.blocProduit ul.vignettes li {
	margin:0;
	padding:0;
	border:none;
}

.blocProduit ul.vignettes li a, .blocProduit ul.vignettes li a:visited {
	border: 1px solid #bbbdbf;
	margin:0 1px 1px 0;
	padding:0px;
	
	width:98px;
	float:left;
	display:inline;
	background-color:#fff;
	overflow: hidden;
}

.blocProduit ul.vignettes li a:hover {
	border: 1px solid #88888b;
	
	
}

.blocProduit .introProduit {
	float: right;
	margin:0 0 20px 0;
	padding:0;
	width:344px;
}

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

.blocProduit .introProduit .prixProduit {
	color:#ff0000;
	font-weight:bold;
	text-align: left;
	font-size: 24px;
	margin:5px 0 0 0;
	padding: 0;
}
.blocdesc { float: right; width: 98px; border: 0pt solid red; height:529px; margin: 0 0px 0 0;}
.blocProduit a.acheter, 
.blocProduit button.acheter { 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:0px 0 0 0px; 
    padding:0;
	font-size:1.0em;
	font-weight:bold;
	white-space:nowrap; 
    text-align:center; 
    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 10px; 
    vertical-align:middle;
    background-color:#000; width: 79px;
} 

.blocProduit a.acheter span span, 
.blocProduit button.acheter span span {
	color:#fff;
    height:20px; 
    padding:5px 10px 0 0; 
    line-height:1.1em; 
    background-color:#000;
} 
 
.blocProduit a.acheter:hover span, 
.blocProduit button.acheter:hover span { 
    background-color:#e32119;
	text-decoration:none;
} 

.blocProduit .description {
	float:right;
	font-size: 0.8em;
	line-height: 1.2em;
	padding: 0;
	margin:0 0 20px 0;
	width: 650px;
}

.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:#515053;
	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 #FFF;
	color:#fff;
	display:block;
	background-color:#0081ca;
	padding:3px 0 3px 10px;
}

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

/* Personnalisation du zoom de la fiche produit (produit.html)
-------------------------------------------------------- */

#superbox-overlay {
	width: 100%;
	overflow: visible;
	position: relative;
	margin: 0 auto 0 auto;
	padding: 0;
	background:#CCC;
}

#superbox-container .loading {
	width:32px;
	height:32px;
	text-indent:-9999px;
	background-image:url(_gfx/loader.gif);
	background-position:center 0;
	background-repeat:no-repeat;
	overflow: hidden;
	position: relative;
	padding: 0;
	width: 100%;
}

#superbox .close a {
	float:right;
	padding:0 5px;
	line-height:20px;
	color:#fff;
	background:#00529a;
	cursor:pointer;
}

#superbox .nextprev a {
	float:left;
	margin-right:5px;
	padding:0 5px;
	line-height:20px;
	background:#00529a;
	cursor:pointer;
	color:#fff;
}

#superbox .nextprev .disabled {
	background:#ccc;
	cursor:default;
}

#superbox .close a:hover {
	color:#fff;
	background:#00529a;
	text-decoration:none;
}

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

#pages {
	float: left;
	color:#e32119;
	width: 100%;
	text-align: right;
	font-size: 11px;
		padding: 0;
	margin: 10px 0;
	background-color:#fff;
	font-family: Tahoma, Arial;
	
}
.pagenu {background-color: #e32119; background-color: #000; color: #fff;padding: 2px 5px 2px 5px; font-weight: bold; font-size: 0.9em;}
#pages a, #pages a:visited {
	color:#fff;
	text-decoration: none;
	font-weight: normal;
	background-color: #000;
	background-color: #898989;
	padding: 2px 5px 2px 5px;
	font-family: Tahoma, Arial;
	font-size: 0.9em;
	
}

#pages a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #000;
}

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

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

#contenu p.lescgv { font-family: Tahoma, Arial;
	font-size: 0.8em; line-height: 1.2em; }

#contenu p.lescgv a, #contenu p.lescgv a:visited { text-decoration: underline; color: #313131; }
#contenu p.lescgv a:hover { text-decoration: none; color: #000000; }

#footer {
	float: left;
	width: 980px;
	color: #9a9b9d;
	font-size: 10px;
	font-weight:normal;
	padding:5px 0 20px 0;
	background-color:#fff;
	border-top:solid 1px #d8d9da;
	font-family: Tahoma, Arial;
	margin-left: 10px;
	
	}
#lescgvstep3 { clear: both; margin: 20px 0;}
hr.dos, hr.dos2 { border: none; border-bottom: 1px solid #D8D9DA; clear: both; margin: 10px 0 30px 0;}
hr.dos2 {margin: 5px 0 5px 0; }
hr.dos3 { border:none; margin: 10px 0 5px 0; }
#footer .colonne {
	float: left;
	width: 310px;
	margin:0;
	padding:0 10px;
	}
	
#footer .colonne p {
	font-size:11px;
	margin:0;
	padding:0;
	}
	
#footer h4 {
	font-size:11px;
	color: #626164;
	background-image:none;
	padding:0;
	margin:3px 0 0 0;
	}
			
#footer a, #footer a:visited  {
	font-weight:normal;
	color: #898989;
	text-decoration: none;
	padding:0px;
	border-right:solid 0px #9a9b9d;
}

#footer h4 a, #footer h4 a:visited {
	font-weight:bold;
	border:none;
	}

#footer a:hover {
	text-decoration: none; color: #000;
}

#footer .colonne p.validator {
	float:left;
	margin:5px 0 0 0;
	}
	
#footer .colonne p.validator a, #footer .colonne p.validator a:visited {
	border:none;
	}
	


/* formulaire
-------------------- */

#contenu form {
	padding:0;
	margin:0 0 20px 0;
}

#contenu form p {
	margin: 0;
	padding: 4px 0;
	/* Empêcher le dépassement des flottants */
	overflow: hidden;
	font-size: 12px;
	border-bottom:0px solid #ccc;
	clear:both;
	float:left;
	width:100%;
}

#contenu form p.derniereLigne {
	border:none;
}

#contenu form p label {
	float: left;
	width: 210px;
	padding:0 10px 0 0;
	margin: 0;
	line-height:24px;
}

#contenu form#connexion p label, #contenu form#modifier1 p label {
width: 130px;
}


#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:right;
	margin: 0 3px 0 0;
	width: 190px;
	padding: 3px;
	border: none;
	border-bottom:solid 1px #313131;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#898989;
	font-weight:normal;
	background-color:#fff;
}
#contenu form#connexion p input, #contenu form#modifier1 p input {
width: 130px; float: right
}
#contenu form p input.codeDeReduction {
	width: 50px;
	background-color:#fff;
	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 0px; 
    padding:0; 
    white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
	border:none;
    background:none;
	font-size:13px;
	font-weight:bold;
	float: right;
}
#contenu form#connexion button.bouton {margin:0; float: right;}
#contenu form button.boutonMemeLigneQuInput { 
    margin:0 0 0 10px; 
}
	
#contenu form button.bouton span,
#contenu form button.boutonMemeLigneQuInput span { 
    position:relative; 
    float:left; 
    padding:6px 0 0 10px;        /* Largeur du côté gauche */ 
	margin:0;
    vertical-align:middle;
	background-color:#000;
}

#contenu form button.bouton span span,
#contenu form button.boutonMemeLigneQuInput span span {
    padding:0 10px 0 0;/* Largeur du côté droit */ 
	color:#FFF;
	height:20px;
	line-height:20px; /* Alignement vertical du texte */ 
	border: none;
}
#contenu form button.bouton:hover span { 
    background-color:#E32119;
} 
.obligatoire {
	font-size: 12px;
	color: #E32119;
	clear:both;
	margin:10px 0;
}

/* Tableaux
-------------------------------------------------------- */

#contenu table, #contenu table tr, table.bibitable tr {
	padding:0;
	margin:0;
}

#contenu table th, table.bibitable th {
	font-weight: normal;
	background-color: #FFF;
	border-bottom:solid 1px #000;
	padding-bottom: 10px;
	font-size: 0.85em;
}

#contenu table td, table.bibitable td {
	font-weight: normal;
	background-color: transparent;
	border:none;
	vertical-align: top;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 0.95em;
}

#contenu table td.paytable, #contenu table td.paytableend {
	font-weight: normal;
	background-color: transparent;
	border:none;
	vertical-align: top;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 0.95em;
}
#contenu table td.paytableend {border-bottom:solid 1px #000;padding-bottom: 15px;}
#contenu table td.ligne, table.bibitable td.ligne {
	font-weight: normal;
	background-color: transparent;
	border-bottom:solid 0px #d8d9da;
}

#contenu table th.total {
	font-weight: bold;
	color:#E32119;
	background-color: #FFF;
	border-bottom:solid 0px #dedce6;
	border-top:solid 1px #000;
	padding-top: 5px;
	vertical-align: middle;
	font-size: 1em;
}
#contenu table th.totalav {
	font-weight: bold;
	color:#E32119;
	background-color: #fff;
	border-bottom:solid 0px #dedce6;
	border-top:solid 1px #000;
	padding-top: 5px;
	vertical-align: middle;
	font-size: 1em;
}

a.supmoi, a.supmoi:visited { font-size: 0.7em; font-family: Arial;}
select { background: #fff; border: none; color: #000;}
/* Liens internes au site
-------------------------------------------------------- */

.queFaire {
	margin:20px 0 0 0;
	padding:0;
	width:100%;
	float:left;
	text-align:right;
}

.queFaire a.bouton, 
.queFaire button.bouton { 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:10px 0 0 0; 
    padding:0;
	font-size:14px;
	font-weight:bold;
	white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
    border:0; 
    background:none; 
} 
.queFaire a.bouton span, 
.queFaire button.bouton span { 
    position:relative; 
    float:left; 
    padding:0 0 0 7px; 
    vertical-align:middle;
    background-color:#000;
} 

.queFaire a.bouton span span, 
.queFaire button.bouton span span {
	color:#fff;
    height:22px; 
    padding:0; 
    padding:5px 7px 0 0; 
    line-height:22px; 
    background-color:#000;
} 
 
.queFaire a.bouton:hover span, .queFaire a.bouton:hover span span, 
.queFaire button.bouton:hover span, .queFaire button.bouton:hover span span { 
    background-color:#E32119;
} 
 
/*  général
-------------------------------------------------------- */

#moteurEtCatalogue {
	float: left;
	width:200px;
	padding: 0;
	margin:25px 0 45px 0;
	font-weight: normal;
}
#moteurEtCatalogue.menufiche { 
width: 310px; border: 0pt solid red; margin-right: 0;
}
#contenu.menufiche { 
width: 660px; padding: 0; margin: 25px 0;border: 0pt solid red;
}
/*#moteurEtCatalogue h3 {
	display:none;
}
*/
#accueil, #menuCatalogue {
	float: left;
	padding: 0;
	margin:0 0 18px 0;
	width:100%;
}
#menuCatalogue { margin: 0;}
#accueil ul, #menuCatalogue ul {
	padding: 0;
	margin:0;
	list-style:none;
	color:#FFFFFF;
}

#accueil ul li, #menuCatalogue ul li {
	font-size:14px;
	font-weight:normal;
	padding:0;
	margin:0 0 1px 0;
}

#accueil ul li a, #menuCatalogue ul li a  {
	text-decoration:none;
	color:#898989;
	border-left:solid 0px #0068b2;
	display:block;
	background-color:#fff;
	padding:5px 0 5px 10px;
	font-size: 17px;
	clear: left;
}

#accueil ul li a:hover, #menuCatalogue ul li a:hover {
	text-decoration:none;
	background-color:#fff;
	color:#000;
	border-left:solid 0px #02407a;
}

#menuCatalogue ul li ul {
}

#menuCatalogue ul li ul li {
	font-size:12px;
	margin:1px 0 0 0;
	/*text-indent:8px;*/
}

#menuCatalogue ul li ul li a {
	/*border-left:solid 3px #7ca3c5;*/
	padding:5px 0 5px 10px;
	font-size: 12px;
	/*background-color:#8fbce3;*/
}


#menuCatalogue ul li a.selection {
	color:#000;
	background-color:#fff;
	border-left:solid 0px #02407a;
}

#menuCatalogue h3 { padding-left: 10px; }
#moteurEtCatalogue h3 {  font-size: 17px; color: #000; clear: left; font-weight: normal}

#menuCatalogue ul li a.tipsav { display: inherit; font-size: 1em; clear: inherit; padding: 0; display: inline; cursor: help; color: #000; }



.tipmenu .tip { width: 250px; background:#fff; font-size: 0.7em; padding: 3px 3px 5px 3px; border: solid 1px #000; font-family: Tahoma;}
.tipmenu .tip .tip-text { display: none}

/* Recherche
-------------------------------------------------------- */

#moteurDeRecherche {
	margin: 0 0 18px 0;
	padding:10px;
	width: 180px;
	display:block;
	float:left;
	background-color:#fff;
	border-left:solid 0px #0068b2;
}

#moteurDeRecherche form {
	margin: 0;
	padding:0;
	border:none;
}

#moteurDeRecherche form p {
	margin: 0;
	padding:0;
	float:right;
}

#moteurDeRecherche form input {
	margin: 0;
	padding:2px;
	width:120px;
	border:solid 1px #00529a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	background-color:#fff;
	color:#626164;
	float:left;
}

#moteurDeRecherche form button.bouton { 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:0; 
    padding:0; 
    white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
    border:none; 
    background:none;
	font-size:13px;
	font-weight:bold;
}

#moteurDeRecherche form button.bouton span { 
    position:relative; 
    float:left; 
    padding:0 0 0 8px;        /* Largeur du côté gauche */ 
	margin:0;
    vertical-align:middle;
	background-color:#00529a;
	border:solid 1px #fff;
}

#moteurDeRecherche form button.bouton span span {
	padding:0 8px 0 0;
	border:none;
	color:#FFF;
	height:18px;
	line-height:18px; /* Alignement vertical du texte et largeur du côté droit*/
}
	
/* 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;
}

.underscore { text-decoration: underline;}

/* Correction des bug Internet Explorer
-------------------------------------------------------- */

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

div.mdesc, div.mdesc2, div.mdescprod, div.mdescprod2, div.mdescfiche { color: #313131; padding: 10px 0 0 11px; font-weight: normal; font-size: 0.9em; line-height: 1.1em;clear: left;}
div.mdescprod, div.mdescprod2 {  padding-top: 5px; padding-bottom: 5px; }
/*div.mdescprod2 {  padding-top: 5px; padding-bottom: 5px; padding-left: 26px; }
div.mdesc2 {  padding-left: 27px; padding-top: 5px; }*/
div.mdescfiche { padding-left: 0;}

div.mdesc.hidee { padding-top: 0}
div.mdesc.hidee .lechap { display: none}
div.mdesc.hidee .lepost { padding-top: 0 }
#menuCatalogue div.mdescprod  h3, #menuCatalogue div.mdescprod2  h3 { padding-left: 0; font-size: 1.3em; font-weight: normal; letter-spacing: -0.05em; color: #e32119;} 
div.lechap { font-size: 1.0em; font-weight: normal; line-height: 1.4em; padding-left: 1px;}
div.lechap strong { color: #000;}
div.lepost {font-size: 0.9em; line-height: 1.3em; padding-bottom: 10px; padding-left: 1px; padding-top: 10px;}
.sep30, .sep100 { float: left; clear: left; width: 30px; height: 1px; margin: 5px 0 5px 10px; padding: 0 0 0 0px; border-bottom-style: outset; border-bottom-width: 1pt; border-color: #000; border-color: #898989; }
.sep100 { width: 193px; border-color: #898989;  }
div.lepost {font-size: 0.8em; line-height: 1.3em;}
.mdescfiche h4 { font-size: 1em; border-bottom: solid 0pt #898989; padding-bottom: 0px; margin-bottom: 5px; padding-top: 15px;}
.bio { color: #515053;}
h5.titreacc {color:#898989; padding-left:27px; font-size: 0.9em;}

form.formular {
/*font-family: tahoma, verdana, "sans-serif";*/
font-size: 12px;
padding: 20px;
border: 0px solid #A5A8B8;
background: #FFF;
}

form.black {
font-family: tahoma, verdana, "sans-serif";
font-size: 12px;
padding: 20px;
border: 1px solid #A5A8B8;
background:#666666;
color:#CCCCCC;
}

form.black legend{
color:#CCCCCC;
}

.formular fieldset {
margin-top: 20px;
padding : 15px;
border: 1px solid #B5B8C8;	

}

.formular legend {
font-size: 12px;
color: #15428B;
font-weight: 900;
}

.formular fieldset label {
float: none;
text-align: inherit;
width: auto;
}

.formular label span {
color: #000;
}

.black label span {
color: #ccc;
}

.formular input, .formular select, .formular textarea {
display : block;
margin-bottom: 5px;
}

/*.formular .text-input {
width: 250px;
color: 555;
padding: 4px;
border: 2px solid #B5B8C8;
font-size: 14px;
margin-top: 4px;
background: #FFF url('/img/form/text-bg.gif') repeat-x;

}*/

.text-input {
width: 250px;
/*color: #555;
padding: 4px 4px 3px;
border: 2px solid #B5B8C8;
font-size: 14px;*/
margin-top: 4px;
margin-bottom: 4px;
/*background: #FFF url('/img/form/text-bg.gif') repeat-x;*/


padding: 3px;
border: none;
border-bottom:outset 1px #898989;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#898989;
	font-weight:normal;
	background-color:#fff;
}


.formular .infos {
background: #FFF;
color: #333;
font-size: 12px;
padding: 10px;
margin-bottom: 10px;
border:1px solid #B5B8C8;
}

.formular span.checkbox, 
.formular .checkbox {
display: inline;
}
.formular .checkbox {
display: inline; visibility: hidden;
}

#contenu .formular button.bouton {
text-align:right;
margin-top: 20px;


 display:-moz-inline-box; 
    display:inline-block; 
    margin:10 0 0 0px; 
    padding:0; 
    white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
	border:none;
    background:none;
	font-size:15px;
	font-weight:normal;
	float: right;
}
#contenu .formular button.bouton span { 
    position:relative; 
    float:left; 
    padding:6px 0 0 10px;        /* Largeur du côté gauche */ 
	margin:0;
    vertical-align:middle;
	background-color:#000;
}

#contenu .formular button.bouton span span {
    padding:0 10px 0 0;/* Largeur du côté droit */ 
	color:#FFF;
	height:22px;
	line-height:22px; /* Alignement vertical du texte */ 
	border: none;
}
#contenu .formular button:hover span { 
    background-color:#E32119;
} 

div.slidesous {float:right; width:200px; height:200px; overflow:hidden; margin-left:20px;}
div.slidesous a { float: left; width: 198px; height: 198px; overflow: hidden; border: 1pt solid #898989; position: absolute}
.submit {
color: #555;
float:right;
text-decoration: none;
border: none;
background-color: #000;
color: #fff;
}

.formular a.submit {
/*background: url('/img/form/button-bg.png') repeat-x;*/
border: 1px solid ##898989;
padding: 3px;

}

/*input.button {
background: url('/img/form/button-bg.png') repeat-x;
border: 2px solid #AAA;
padding: 4px 4px 1px;
font-size:14px;
margin-top:4px;
}*/

.formular input {
/*background: url('/img/form/button-bg.png') repeat-x;
border: 2px solid #AAA;
padding: 4px;*/

padding: 3px;
border:solid 1px #898989;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#898989;
	font-weight:normal;
	background-color:#fff;
	
	border: none;
border-bottom:outset 1px #898989;
margin-bottom: 20px;
}

.formular hr {
clear: both;
visibility: hidden;
}

.formular .fc-error {
width: 350px;
color: 555;
padding: 4px;
border: 1px solid #B5B8C8;
font-size: 12px;
margin-bottom: 15px;
background: #FFEAEA;
}