﻿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: -11px}
h4{ color:#417483;  font-size:80%}
td {vertical-align:top}

#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;}
#menu{width:207px;float:left;position:relative; color:white}
#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}
#filariane{background:transparent url('../articles-vetements-mer/flech-bleu-rubrique.gif') no-repeat scroll right center;padding-right:17px;text-align:right;font-size:80%}
#filariane a{color:#8C8900}
#contenu{float:right; width: 749px; margin:0 15px 180px 0;position: relative;background-color:white}
#contenu p,#contenu td,#contenu li{font-size:85%}
#contenu ul{ margin-top:-10px}
#contenu 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%;}

/* ------------------------- 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:110%;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 ------------------------ */
body#accueil #accu{background-image: url('../articles-vetements-mer/puce-z1-on.gif');}
body#activites #acti{background-image: url('../articles-vetements-mer/puce-z1-on.gif');}
body#presentation #pres{background-image: url('../articles-vetements-mer/puce-z1-on.gif');}
body#shopping #shop{background-image: url('../articles-vetements-mer/puce-z1-on.gif');}
body#acces #acce{background-image: url('../articles-vetements-mer/puce-z1-on.gif');}
body#contact #cont{background-image: url('../articles-vetements-mer/puce-z1-on.gif');}
/* ------------------------- RUBRIQUES MINIS ------------------------ */
body#marees #mare{background-position:right center}
body#reglement #regl{background-position:right center}
body#conseils #con{background-position:right center}
body#liens #lien{background-position:right center}
body#paiement #paye{background-position:right center}
body#conditions #cgv{background-position:right center}
body#marees #mare a,body#reglement #regl a,body#conseils #con a,body#liens #lien a,body#paiement #paye a,body#conditions #cgv a,body#conditions #cgv a{color:white;}

/* ------------------------- déplacer dans css accessibilite ------------------------ */
#piedLiens a{}
img.shutterset{}