@import url(style_editeur.css);

body {
	padding: 0;
	margin: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	background-color: #fff;
	color: #515053;
	font-size: 12px;
}

h1, h2, h3, h4, h5 { margin: 0; padding: 0; color: #515053; }
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; clear: both; }

a { color: #640118; text-decoration: none; }
a:hover { color: #222; text-decoration: underline; }

img, form { margin: 0; padding: 0; border: 0; }

.hide { display: none; }
.clear { clear: both; }
.center { text-align: center; }
.right { text-align: right; }

table { margin: 0; padding: 0; border: 0; border-collapse: collapse; border-spacing: 0; }
tr { vertical-align: top; }


/* Page -------------------------------------------------------- */
#wrapper {
	width: 1009px;
	text-align: left;
	position: relative;
	margin: 0 auto;
	padding: 0;
	background-image: url(inclusions/images/bateauphare-wh.png);
	background-repeat: repeat-y;
}

#subwrapper {
	width: 1009px;
	overflow: hidden;
	position: relative;
	padding: 0;
}

#topbg {
	width: 1009px;
	background-image: url(inclusions/images/bateauphare-top.png);
	background-repeat: no-repeat;
	height: 32px;
	display: block;
	margin: 0 auto;
	padding: 0;
}

#contenu {
	float: right;
	width: 710px;
	padding: 0 20px;
	margin: 25px 20px;
}
 
#contenuPageRubrique {
	float: left;
	width: 750px;
	padding: 0 0 0 20px;
	margin: 25px 10px;
}


/* Entête -------------------------------------------------------- */
#top {
	width: 1009px;
	margin: 0 auto;
	padding: 0;
	background-image: url(inclusions/images/bateauphare-mid.png);
	background-repeat: repeat-y;
	height: 120px;
}

#top table { position: relative; margin: 0 0 20px 0; width: 100%; }
#top, #top td { color: #515053; }

#top h1 {
	color: #515053;
	font-size: 24px;
	font-weight: bold;
	font-variant: small-caps;
	padding: 2px;
	margin: 0;
}
#top h3 {
	color: #515053;
	font-size: 18px;
	font-weight: bold;
	padding: 0 0 5px 0;
	margin: 0;
}

#top a { color: #77001c; text-decoration: none; }
#top a:hover { color: #515053; }


#monCompte { text-align: left; margin: 0; padding: 0 0 0 10px; }

#monCompte form p { padding: 0; margin: 0; }

#monCompte form input {
	margin: 0 5px 0 0;
	padding: 2px;
	width: 90px;
	border: solid 1px #88888b;
	color: #626164;
	font-size: 12px;
	font-weight: bold;
	background-color: #fff;
	float: left;
}

#monCompte form button.bouton {
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background: none;
	font-size: 13px;
	font-weight: bold;
	border: none;
}

#monCompte form button.bouton span {
	position: relative;
	float: left;
	padding: 0 0 0 8px;
	margin: 0;
	vertical-align: middle;
	background-color: #77001c;
	border: solid 1px #fff;
}

#monCompte 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*/
}

#monCompte .menu {
	font-size: 11px;
	margin: 5px 0 0 0;
	padding: 0;
}

#monPanier {
	width: 250px;
	margin: 0;
	padding: 10px 0 5px 0;
	height: 72px;
}

#contenuPanier {
	padding: 0;
	list-style: none;
	z-index: 1000;
	/*position: absolute; */
	position: relative;
}

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

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

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-color: #9f3e49;
	background-image: none;
	font-size: 11px;
	color: #fff;
	text-decoration: none;	
	margin: 0;
	padding: 4px 3px;
	border: solid 1px #fff;
	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: #77001c;
	background-image: none;
}

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

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

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

span.total {
	float:right;
	text-align:right;
	width:50px;
}


/* Dossiers -------------------------------------------------------- */
#dossier {
	margin:0;
	padding:0;
}

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


/* 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 {
	width: 1009px;
	color: #fff;
	font-size: 10px;
	margin: 0;
	padding: 0;
	background-image: url(inclusions/images/bateauphare-bordnsh.png);
	background-repeat: repeat-y;
}

#chemin .paddchem { padding: 3px 20px; }

#chemin a { color: #fff; text-decoration: none; }
#chemin a:hover { color: #f5f5f5; }


/* Etapes de commande -------------------------------------------------------- */
#etapesDeCommande {
	float: left;
	width:710px;
	color: #515053;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 20px 0;
	padding:0;
	background-color:#fff;
}

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

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

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

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

#etapesDeCommande ul li span.chiffreSelection {
	color:#d8d9da;
	background-color:#515053;
	border-right:solid 1px #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:#515053;
	display:block;
	padding: 5px 0 7px 10px;
	margin:0;
	height: 20px;
	background-color: #bbbdbf;
}

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

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

.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:#9f3e49;
	border-top:solid 1px #fff;
	padding:3px 0 3px 10px;
}

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

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


/* 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:#fff;
}

.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: #77001c;
	border-top: solid 1Px #fff;
}

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


/* Bloc Mozaïque (utilisé en page d'accueil et en page produit) -------------------------------------------------------- */
.blocMozaique {
	float: left;
	margin: 0 0 20px 0;
	padding:0;
}

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

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

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

, .blocMozaique .contenu ul.image li {
	margin:0;
	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;
	height: 81px;
	width:81px;
	float:left;
	display:block;
	background-color:#fff;
	overflow: hidden;
	zoom:0;
	text-align:center;
}


.blocMozaique .contenu ul.image li a:hover {
	border: 2px solid #88888b;
	background-color:#9f3e49;
	padding:0;
}


/* Bloc nouveauté (utilisé en page index_page.html + rubrique.html) -------------------------------------------------------- */
.blocNouveaute { float: left; margin: 0 0 20px 0; width: 345px; }
.blocPromo { float: right; margin: 0 0 20px 0; width: 355px; text-align: left; }

.blocNouveaute h4 a, .blocNouveaute h4 a:visited { color: #640118; }
.blocNouveaute h4 a:hover { text-decoration: underline; }

.blocNouveaute a.toutesLesNouveautes, .blocPromo a.toutesLesPromos {
	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, .blocPromo a.toutesLesPromos:hover { color: #515053; text-decoration: none; background-color: #a9abad; }

.blocPromoOver {
	position: absolute;
	z-index: 3;
	background-image: url(_gfx/promotion.png);
	background-position: right top;
	background-repeat: no-repeat;
	width: 345px;
	height: 105px;
	margin: -95px 0 0 -10px;
	padding: 0;
	border: 0;
	display: block;
}

.blocPromo .blocPromoOver {
	position: absolute;
	z-index: 3;
	width: 345px;
	height: 105px;
	margin: 85px 0 0 0;
	padding: 0;
	border: 0;
	display: block;
}


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

.petitBlocProduit, .blocPromo {
	float: left;
	margin: 0 20px 20px 0;
	width: 345px;
}

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

.petitBlocProduit h3, .blocPromo h3, .blocNouveaute h3 { margin: 0; }

.petitBlocProduit h3 a, .blocPromo h3 a, .blocNouveaute h3 a {
	color: #515053;
	display: block;
	padding: 5px 0 7px 10px;
	margin: 0;
	background-color: #bbbdbf;
}
.petitBlocProduit h3 a:hover, .blocPromo  h3 a:hover, .blocNouveaute  h3 a:hover { text-decoration: none; background-color: #a9abad; }

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

.petitBlocProduit .contenu a.image, .blocPromo .contenu a.image, .blocNouveaute .contenu a.image {
	position: relative;
	z-index: 10;
	border: 1px solid #bbbdbf;
	margin: 0;
	padding: 1px;
	width: 140px;
	display: block;
	float: left;
	background-color: #fff;
	overflow: hidden;	
}
.petitBlocProduit .contenu a.image:hover, .blocPromo .contenu a.image:hover, .blocNouveaute .contenu a.image:hover {
	border: 2px solid #88888b;
	background-color: #9f3e49;
	padding: 0;
}

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

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

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

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

.petitBlocProduit a.acheter, 
.petitBlocProduit button.acheter,
.blocPromo a.acheter, 
.blocPromo button.acheter,
.blocNouveaute a.acheter, 
.blocNouveaute button.acheter,
.introProduit a.acheter, 
.introProduit button.acheter {
	position: relative;
	z-index: 10;
	display: inline-block;
	margin: 2px 0 0 0;
	padding: 0;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border: 0;
	background: none; 
} 
.petitBlocProduit a.acheter span, 
.petitBlocProduit button.acheter span,
.blocPromo a.acheter span, 
.blocPromo button.acheter span,
.blocNouveaute a.acheter span, 
.blocNouveaute button.acheter span,
.blocProduit a.acheter span, 
.blocProduit button.acheter span,
.introProduit a.acheter span, 
.introProduit button.acheter span {
	position: relative;
	float: left;
	padding: 0 0 0 5px;
	vertical-align: middle;
	background-color: #77001c;
	border: solid 1px #fff;
} 

.petitBlocProduit a.acheter span span, 
.petitBlocProduit button.acheter span span,
.blocPromo a.acheter span span, 
.blocPromo button.acheter span span,
.blocNouveaute a.acheter span span, 
.blocNouveaute button.acheter span span,
.blocProduit a.acheter span span, 
.blocProduit button.acheter span span,
.introProduit a.acheter span span, 
.introProduit button.acheter span span {
	color: #fff;
	padding: 0 5px 0 0;
	background-color: #77001c;
	border: 0;
	text-decoration: none;
} 
 
.petitBlocProduit a.acheter:hover span, 
.petitBlocProduit button.acheter:hover span,
.blocPromo a.acheter:hover span, 
.blocPromo button.acheter:hover span,
.blocNouveaute a.acheter:hover span, 
.blocNouveaute button.acheter:hover span,
.blocProduit a.acheter:hover span, 
.blocProduit button.acheter:hover span,
.introProduit a.acheter:hover span, 
.introProduit button.acheter:hover span {
	background-color: #515053;
	text-decoration: none;
} 


/* Contenu d'une fiche produit (produit.html) -------------------------------------------------------- */
.blocProduit {
	float: left;
	margin:0 0 20px 0;
	padding:0;
	width:710px;
}

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

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

.blocProduit a.grandeImage:hover {
	border: 2px solid #88888b;
	background-color:#9f3e49;
	padding:0;
}

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

.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:1px;
	height: 81px;
	width:81px;
	float:left;
	display:inline;
	background-color:#fff;
	overflow: hidden;
}

.blocProduit ul.vignettes li a:hover {
	border: 2px solid #88888b;
	background-color:#9f3e49;
	padding:0;
}

.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: #77001c;
	font-weight:bold;
	text-align: left;
	font-size: 24px;
	margin:5px 0 0 0;
	padding: 0;
}

.blocProduit a.acheter, 
.blocProduit button.acheter { 
 display:inline-block; 
 margin:10px 0 0 0; 
 padding:0;
	font-size:16px;
	font-weight:bold;
 text-align:center; 
 vertical-align:middle; 
 cursor:pointer; 
 border:0; 
 background:none; 
}

.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:#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: #77001c;
	padding: 3px 0 3px 10px;
}

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

/* 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:#e0e4cc;
}

#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:#640118;
	cursor:pointer;
}

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

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

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

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

#pages {
	float: left;
	color:#626164;
	width: 700px;
	text-align: right;
	font-size: 11px;
	padding: 5px 10px 5px 0;
	margin: 10px 0;
	background-color:#d8d9da;
}

#pages a, #pages a:visited {
	color:#626164;
	text-decoration: none;
	font-weight: bold;
}

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

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

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

#footer {
	float: left;
	width: 1009px;
	color: #9a9b9d;
	font-size: 11px;
	font-weight:normal;
	padding: 5px 0;
	background-color:#e7e8e9;
	border-top:solid 1px #d8d9da;
	border-bottom:solid 1px #d8d9da;
	}
	
#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 { font-weight: normal; color: #9a9b9d; text-decoration: none; }
#footer h4 a { border: none; }
#footer a:hover { text-decoration: underline; }

#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: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 #a9abad;
	font-size:12px;
	color:#626164;
	font-weight:bold;
	background-color:#d8d9da;
}

#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:inline-block; 
 margin:0 0 0 300px; 
 padding:0; 
 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;
	margin: 0;
	vertical-align: middle;
	background-color: #77001c;
}

#contenu form button.bouton span span,
#contenu form button.boutonMemeLigneQuInput span span {
 padding:0 8px 0 0;/* Largeur du côté droit */ 
	color:#fff;
	height:24px;
	line-height:24px; /* Alignement vertical du texte */ 
	border: none;
}

.obligatoire {
	font-size: 12px;
	color: #77001c;
	clear:both;
	margin:10px 0;
}

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

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

#contenu table th {
	font-weight: bold;
	background-color: #d8d9da;
	border-bottom:solid 1px #fff;
}

#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:#fff;
	background-color: #640118;
	border-bottom:solid 1px #dedce6;
}

/* 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: inline-block;
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	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: #77001c;
} 

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

#moteurEtCatalogue {
	float: left;
	width: 200px;
	padding: 0;
	margin: 15px 0 10px 10px;
}

#moteurEtCatalogue h3 {
	display: none;
}

#accueil, #menuCatalogue {
	float: left;
	padding: 0;
	margin: 0 0 18px 0;
	width: 100%;
}

#accueil ul, #menuCatalogue ul {
	padding: 0;
	margin: 0;
	list-style: none;
	color: #fff;
}

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

#accueil ul li a, #menuCatalogue ul li a {
	text-decoration: none;
	color: #fff;
	border-left: solid 3px #333;
	display: block;
	background-color: #515053;
	padding: 5px 0 5px 10px;
}

#accueil ul li a:hover, #menuCatalogue ul li a:hover {
	text-decoration: none;
	background-color: #77001c;
	color: #fff;
	border-left: solid 3px #5f0017;
}

#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;
	background-color:#9f3e49;
}


#menuCatalogue ul li a.selection {
	color:#fff;
	background-color:#77001c;
	border-left:solid 3px #5f0017;
}

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

#moteurDeRecherche {
	margin: 0 0 18px 0;
	padding:10px;
	width: 177px;
	display:block;
	float:left;
	background-color:#77001c;
	border-left:solid 3px #5f0017;
}

#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 #5f0017;
	font-size:12px;
	font-weight:bold;
	background-color:#fff;
	color:#626164;
	float:left;
}

#moteurDeRecherche form button.bouton { 
 display:inline-block; 
 margin:0; 
 padding:0; 
 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:#fefbda;
	border:solid 1px #5f0017;
}

#moteurDeRecherche form button.bouton span span {
	padding:0 8px 0 0;
	border:none;
	color:#5f0017;
	height:18px;
	line-height:18px; /* Alignement vertical du texte et largeur du côté droit*/
}
	
/* Moyens de paiement
-------------------------------------------------------- */

.moyensDePaiement {
	width: 1009px;
	margin: 0 auto;
	padding: 0;
	background-image: url(inclusions/images/bateauphare-mid.png);
	background-position: center;
	background-repeat: repeat-y;
}

.moyensDePaiement ul, .moyensDePaiement ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

#VBottom {
	width: 1009px;
	height: 32px;
	margin: 0 auto;
	padding: 0;
	font-size: 10px;
	background-image: url(inclusions/images/bateauphare-botty.png);
	background-position: center;
	background-repeat: no-repeat;
}

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

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