/* présents dans inc/stylefinal.css */
.bloc_jaune {	background-color:#FFF200;padding:7px}
.bloc_vert {	background-color:#D2ECDD;padding:7px}
.bloc_bleu_cadre{color:#FF6600;padding:4px;border:1px #B5D2D0 solid; background-color:#EBF3F2;}
.texte_bordeau {	color: #CC3300}
.texte_bleu {	color: #437DD6}
/* ------------------------------------------------- */
body {text-align: center;margin: 0;padding: 0; background: #003174 url('../articles-vetements-mer/fond-aqua.jpg') repeat-x left top}
* { font-family:Verdana, Geneva, Tahoma, sans-serif}
img {border: 0;}
a {text-decoration:none;color:#009A9F}
a:hover {text-decoration: underline}
h1{ color:#FA7D01;  font-size:140%}
h2{ color:#2A426C;  font-size:110%}
h3{ color:#00A2A7;  font-size:90%;margin-bottom: -1px}
h4{ color:#417483;  font-size:80%}
td {vertical-align:top}

#enteteprint{ display:none;visibility:hidden}
#entete{background:transparent url('../articles-vetements-mer/fondbandeauhaut.gif') no-repeat scroll center center;margin-top:17px}
#corps{background:white url('../articles-vetements-mer/fondcorps.gif') repeat scroll left top;text-align:left;display: block}
#piedLogo{background:transparent url('../articles-vetements-mer/fondbandeaubas.gif') no-repeat scroll center center;height:34px;position:relative}
#piedLiens{background:transparent url('../articles-vetements-mer/fondombrepied.gif') no-repeat scroll center top;color: #7F9EBE;font-size:70%;padding-top:5px;}
#rubriquesmini{background:transparent url('../articles-vetements-mer/fondrubriquesmini.gif') no-repeat scroll right top;width: 196px;float:right;position:relative; margin-top: 127px; font-size:80%;font-weight:bold;color: #F8FFA3;padding-top:5px}
#chemin{font-size:70%;color:#669999;margin-left:7px}
#chemin a{color:#669999}
#contenu{float:right; width: 749px; margin:15px 15px 180px 0;position: relative;background-color:white}
#contenu p,#contenu div,#contenu td,.blocProduitli{font-size:85%}
#texteProduit h3{font-size:110%}
#texteProduit p{font-size:90%}

.blocProduit ul{ margin-top:-10px}
.blocProduit li{ list-style-image:url('../articles-vetements-mer/puce-bleue.gif');}

.flechLien{background:transparent url('../articles-vetements-mer/flech-bleu-rubrique.gif') no-repeat scroll right center;color:#296B81;font-weight:bold;padding-right:17px;margin-right:10px}
.flechLien:hover{color:#909A3B}
.largeur{width:1000px;margin:0 auto;position:relative;display: block; clear:both}
.consolide{margin-top: 0px; margin-bottom: 0px;height:10px;clear:both}
.encadre{background-color: #E9F8F5;border:1px #00A2A7 dashed;padding:5px}
.clear{clear:both;margin:5px}
.floatRight{float: right;margin-left: 15px; text-align:center}
.PtiTextBleu{color: #008080; font-size: 70%;}

/* ------------------------- FORMULAIRES ------------------------ */
input{	vertical-align:middle}

form.formu button,
form.formu select,
form.formu option,
form.formu input {float:right;width:200px;vertical-align:middle;height:20px;line-height:20px;background-color:#F8FAFA; border:1px  #61A8AF solid}
form.formu button{width:202px;background: #EBF5F5 url('../articles-vetements-mer/fond-button.gif') repeat scroll left top;line-height:30px;height:30px}
form.formu  {margin:10px 85px 17px 60px ;background-color:#EBF5F5;padding:9px;z-index:10;visibility:visible}
form.formu p{margin:5px; line-height:25px;z-index:10;visibility:visible}
form.formu .obligatoire{color: #DC143C; font-size: 10pt;}

/* ------------------------- ETAPES COMMANDE ------------------------ */
#etapesDeCommande{height: 32px; text-align:right;background:transparent url('../articles-vetements-mer/etapes.gif') no-repeat scroll right bottom;padding:5px 55px 0 0;font-size:9pt;color:gray}
#etapesDeCommande li,#etapesDeCommande ul{ margin:0;padding:0}
#etapesDeCommande li{display:inline;margin:8px}
#etapesDeCommande span.chiffreSelection{ color:#E69803}
#etapesDeCommande span{color:#E69803;margin:5px}
#etapesDeCommande .selection{font-weight:bold;color:#E69803}

/* ------------------------- RUBRIQUES ------------------------ */
#menu .zul{padding: 0;margin: 0;list-style: none;}

li.zli1 {
	padding:7px 0 7px 17px;background:transparent url('../articles-vetements-mer/puce-z1-of.gif') no-repeat scroll left center;
	margin-left: 13px;line-height:17px; font-size:80%;border-bottom:1px #91C8C7 dashed
}
li.zli1 a{
	 color:white
}
.zli2 {
	padding:4px 0 4px 9px;background:transparent url('../articles-vetements-mer/puce-z2-of.gif') no-repeat scroll left center;
	margin-left: 22px; line-height:13px; font-size:90%;border-bottom:1px #C6C2BB dashed
}
li.zli2 a{
	 color: #F8FFA3
}
li.zon {
	background-image: url('../articles-vetements-mer/puce-z1-on.gif');
}


/* RUBRIQUES CATALOGUE
---------------------------------------------------------------------------------------------------------- */
#menu{width:207px;float:left;position:relative; color:white}
#menuCatalogue {
	float: left;
	padding: 0;
	margin:0 0 18px 0;
	width:100%;
}

#menuCatalogue ul {
	padding: 0;
	margin:0;
	list-style:none;
	color:#FFFFFF;
}

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

#menuCatalogue ul li a  {/* *********************************************************************** Rubrique */
	text-decoration:none;
	color:#fff;
	display:block;
	padding:5px 0 5px 10px;
	background:#00898C url('../articles-vetements-mer/z1of.gif') no-repeat scroll right bottom
}
/*
#menuCatalogue ul li a  {
	text-decoration:none;
	color:#fff;
	border-left:solid 3px #007477;
	display:block;
	background-color:#00898C;
	padding:5px 0 5px 10px;
}
#accueil ul li a:hover, #menuCatalogue ul li a:hover {
	text-decoration:none;
	background-color:#007477;
	color:#FFF;
	border-left:solid 3px #006264;
}
*/
#menuCatalogue ul li a:hover {
	background:#00898C url('../articles-vetements-mer/z1ho.gif') no-repeat scroll right bottom
}

/* SousRubrique
-------------------------------------------------------- */
#menuCatalogue ul li ul li {
	font-size:12px;
	text-indent:10px;
}

#menuCatalogue ul li ul li a {/* ******************************************************** Sous-Rubrique */
	background:#00898C url('../articles-vetements-mer/z2of.gif') no-repeat scroll right bottom
}


#menuCatalogue ul li a.selection {
	background:#00898C url('../articles-vetements-mer/z1on.gif') no-repeat scroll right bottom
}

/* SousSousRubrique
-------------------------------------------------------- */

#menuCatalogue ul li ul li li {
	line-height:8px;font-size:10px;font-weight:normal;background:#00969A none;margin-left:14px}

#menuCatalogue ul li ul li li a {
	line-height:8px;font-size:10px;font-weight:normal;background:#00969A none;padding-left:0
}

a.sousoumenu{ line-height:8px;font-size:10px;font-weight:normal;background:#00969A none;margin-left:17px}
li.sousoumenu{ line-height:8px;background: #00969A none}


/* Bloc VIGNETTES MOZAiQUE
-------------------------------------------------------- */

.blocMozaique {
	float: left;
	margin: 20px 0 20px 0;
	padding:0;
}
.blocMozaique li,.blocMozaique li li{ list-style-image: none;}

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

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

.blocMozaique .contenu ul.image {
	margin: 0;
	padding:0;
	list-style:none;
	border:none;
	width: 720px;
	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;
	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:#8fbce3;
	padding:0;
}

/* Bloc nouveauté (et promotion aussi !!)
-------------------------------------------------------- */

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

.blocNouveaute h3{
	margin:0; font-size:130%
}

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

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

.blocNouveaute h4 a, 
.blocNouveaute h4 a:visited {
	color:#00529a; font-size:11pt;
}

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

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

.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: 10px;
	padding: 0; margin:5px 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:#F39A19;
	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:#F39A19;
	border:none;
} 
 
.blocNouveaute a.acheter:hover span, 
.blocNouveaute button.acheter:hover span {
	background-color:#F87601;
	text-decoration:none;
}

.blocNouveaute a.toutesLesNouveautes, 
.blocNouveaute a.toutesLesNouveautes:visited {
	display:block;
	float:left;
	width:100%;
	margin: 1px 0 0 0;
	padding:4px 0;
	color:#FFFFFF;
	font-weight:bold;
	text-indent:10px;
	background-color:#8FC5D3;
	font-size:90%
}

.blocNouveaute a.toutesLesNouveautes:hover {
	color:#515053;
	text-decoration:none;
	background-color:white;
}
/* Bloc Produits (page Rubriques)
-------------------------------------------------------- */
.petitBlocProduit{
	float: left;
	margin: 0 18px 18px 0;
	width:355px;
	background-color:#D1F3F3
}
.petitBlocProduit h3{
	margin:0; font-size:100%;
}

.petitBlocProduit h3 a, 
.petitBlocProduit h3 a:visited {
	color:white;
	display:block;
	padding: 3px 0 5px 8px;
	margin:0;
	height: 20px;
	background-color: #00A2A7;
}
.petitBlocProduit .contenu {
	float:left;
	width: 335px;
	margin:1px 0 0 0;
	padding: 10px;
	background-color: #D1F3F3;
}

.petitBlocProduit .contenu a.image, 
.petitBlocProduit .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;	
}

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




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

.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:bold;
	text-align: left;
	font-size: 18px;
	margin:5px 0 0 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; 
    padding:0;
	font-size:13px;
	font-weight:bold;
	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 0 0 5px; 
    vertical-align:middle;
	background-color:#F39A19;
	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:#F39A19;
	border:none;
} 
 
.petitBlocProduit a.acheter:hover span, 
.petitBlocProduit button.acheter:hover span {
	background-color:#F87601;
	text-decoration:none;
}

#texteProduit a.acheter span, 
#texteProduit button.acheter span { 
    position:relative; 
    float:left; 
    padding:0 0 0 5px; 
    vertical-align:middle;
	background-color:#F39A19;
	border:solid 1px #FFFFFF;
} 

#texteProduit a.acheter span span, 
#texteProduit button.acheter span span {
	color:#fff;
    height:24px; 
    padding:0 5px 0 0; 
    line-height:23px; 
    background-color:#F39A19;
	border:none;
}