/* ---------------------- taille des polices ---------------------- */
body {
	margin:0;
	padding:0;
	font-family: arial, verdana, sans-serif;
	font-size:75%;
	color:#000;
	background-color:#b5b6b9;
}

/* ---------------------- balises primaires --------------------- */
td, th {
	vertical-align:top;
}

p {
	margin:0;
	padding:0 0 15px 0;
	font-size:100%;
}

a{
	color:#962a64;
	text-decoration:underline;
}

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

h1 {
	color:#962a64;
	font-size:210%;
	margin:0;
	padding:0 0 16px 0;
	font-weight:bold;
}
h2 {
	color:#777879;
	font-size:140%;
	padding:0 0 10px 0;
	margin:0;
}
h3 {
	color:#d62271;
	font-size:140%;
	padding:0 0 10px 0;
	margin:0;
}
h4 {
	color:#962a64;
	font-size:120%;
	Padding:10px 0 10px 0;
	margin:0;
}
h5  {
	color:#777879;
	border-bottom:1px solid #d62271 ;
	font-size:120%;
	Padding:0 0 3px 0;;
	margin:0 0 10px 0;
}
h6 {
	color:#962a64;
	font-size:110%;
	Padding:0 0 3px 0;
	margin:10px 0 10px 0;
	font-style:italic;
}
strong {
	font-weight:bold;
}
em {
	font-style:italic;
}
img {
	border:0;
}
form {
	margin:0 0 30px 0;
	padding:0;
}


ul {
	padding:0;
	margin:0;
	list-style-image:url(puce.gif);
	list-style-type:disc;
	padding-left:20px;
}
li {
	padding:0;
	margin:0;
	
}
ul li p{
margin:0 !important;
padding:3px 0 3px 0 !important;}
ul li ul li{
list-style-image:url(pixel.gif);
list-style-type:disc;
margin-top:0px  !important;
padding:0px !important;
}
ul li ul li a{
text-decoration:underline;
color:#666666;
font-weight:bold;
padding:0 5px 0 0;
}



hr{
color:#a5a7a8;
}



table {
	margin:0;
	padding:0;
}
table td {
	margin:0;
	padding:0;
}
input{
	margin:0 0 0 0px;
}

button{
	background-color:#962a64;
	color:#FFFFFF;
	margin-bottom:10px;
}



/* ---------------------- Blocs principaux ---------------------- */
#visuPrint img{
margin:0;
padding:0;
}


#conteneur {
	margin:0;
	padding:0;
}
#contenu {
	width:650px;
	margin:0 auto 0 auto;
	padding:0 0 0 0;
	background-color:#b5b6b9;
}

#zoneAetB{
	background-color:#f5e7ed;
	border-left:6px solid #fff;
	border-right:6px solid #fff;
	border-bottom:6px solid #fff;
	width:650px;
	padding:0 0 10px 0;
	clear:both;
}


#zoneB{
	width:340px;
	display:none;
}

#zoneA{
	padding:0 0 0 0;
	margin: 10px 0 0 0;
	width:580px;
}

/* ---------------------- CONTENU - logo ---------------------- */
#Zonelogo{
	width:986px;
	height:148px;
	margin:0;
	padding:0;
	display:none;
}
#Zonelogo img {
	float:left;
}
#Zonelogo img.slogan {
	padding:35px 0 0 0;
}
#liensrapides{
	float:right;
	padding-top:30px;
	padding-right:4px;
	font-size:100%;
	margin:0 0 0 50px;
}
#liensrapides ul li{
	display:inline;
	
}
#liensrapides ul li a{
	color:#000000;
	text-decoration:none;
	padding-right:5px;
	padding-left:5px;
}
#liensrapides ul li a:hover{
	color:#000000;
	text-decoration:underline;
}


/* ---------------------- CONTENU - banniere ---------------------- */
#banniere{
	width:986px;
	height:235px;
	margin:0;
	padding:0;
	display:none;
}
#banniereInterieur {
background-color:#962a64;
border-top:6px solid #fff;
border-left:6px solid #fff;
border-right:6px solid #fff;
color:#FFFFFF;
font-size:320%;
padding:5px 12px 10px 0;
margin:0;
text-align:right;
display:none;

}
.points{
color:#d62271;
font-size:110%;
}


/* ---------------------- CONTENU - menu horizontal ---------------------- */
#menu{
	width:974px;
	border-bottom:2px solid #FFFFFF;
	border-top:2px solid #FFFFFF;
	border-left:6px solid #fff;
	border-right:6px solid #fff;
	background-color:#d62271;
	height:31px;
	display:none;
	/*height:30px;*/
	
}
#menu p {
	margin:0 !important;
	padding:0 !important;
	font-size:150%;
	color:#fff;
}
#menu p a, #menu p a:visited, #menu p a.menuSansBord, #menu p a.menuSansBord:visited {
	color:#fff;
	text-decoration:none;
	padding:4px 39px 5px 38px !important ;
	display:block;
	float:left;
	margin:0 0 0 0;
	background-color:#d62271;
	border-right:1px solid #fff;
}
#menu p a:hover, #menu p a.menuSansBord:hover {
	color:#fff;
	text-decoration:none;
	background-color:#009ac7;
}
#menu p a.menuSansBord, #menu p a.menuSansBord:visited {
	border-right:none !important;
	padding:4px 39px 5px 40px !important ;
}
#menu p a.menuSansBord:hover {
	border-right:none !important;
}
a.menuOuvert, a.menuOuvert:visited {
	color:#fff;
	text-decoration:none;
	background-color:#009ac7 !important;
}
a.menuOuvert:hover {
	color:#fff;
	text-decoration:none;
	background-color:#009ac7;
}
a.menuSansBordOuvert,a.menuSansBordOuvert:visited,a.menuSansBordOuvert:hover {
	color:#fff;
	text-decoration:none;
	background-color:#009ac7!important;
	border-right:2px solid #009ac7!important;
	padding:4px 39px 5px 40px !important ;
}


/* ---------------------- Bloc commander / presse zone b / promo ---------------------- */


#clear {
	padding:0;
	margin:0;
	clear:both !important;
}

#imageCommander, #imagePresse, #imagePromo{
	background-image:url(../images/titre_bloc_rose.jpg);
	background-repeat:no-repeat;
	width:309px;
	height:107px;
	margin-top:10px;
	display:none;
}

#blocCommander, #blocPresse, #blocPromo{
	background-color:#FFFFFF;
	border-left: 2px solid #d62271;
	border-bottom:2px solid #d62271;
	border-right:2px solid #d62271;
	margin:0px 0 5px 10px;
	padding-bottom:10px;
	width:288px;
	display:none;
}
.titrePromo{
	color:#d62271;
	padding:48px 0 0 45px;
	font-weight:bold;
	font-size:200%;
	display:block;
	text-decoration:none;
	display:none;

}


#imageCommander a,#imagePresse a{
	color:#636466;
	padding:55px 0 0 45px;
	font-weight:bold;
	font-size:130%;
	text-decoration:none;
	/*text-transform:uppercase;*/
	display:none;
}
#imageCommander a:hover,#imagePresse a:hover{
	text-decoration:underline;
	}
#blocCommander p, #blocPresse p {
	padding:0px 7px 5px 10px;

}
#blocPromo p{
	padding:5px 7px 0px 100px;
}
#illustration{
border:2px solid  #d62271;
margin:10px 0 5px 10px;
background-image:url(../images/dessin-dh-10.gif);
width:288px;
height:262px;
}
.etoilePromo{
	background-image:url(../images/promo.gif);
	background-repeat:no-repeat;
	margin:0px 0 30px 0px;
	width:96px;
	height:69px;
	display:none;
}
td#prix{
color:#FFFF00;
font-weight:bold;
font-size:170%;
width:60px;
text-align:center;
padding:18px 0 0 15px;
}
td#contenuPromo {
padding:4px 0 0 22px;
}

/* ---------------------- Bloc temoignages zone b ---------------------- */
#imageTemoignage{
background-image:url(../images/titre_bloc_mauve.jpg);
	background-repeat:no-repeat;
	width:309px;
	height:107px;
	margin-top:10px;
	display:none;
}

#blocTemoignage{
	background-color:#FFFFFF;
	border-left: 2px solid #962a64;
	border-bottom:2px solid #962a64;
	border-right:2px solid #962a64;
	margin:0px 0 5px 10px;
	padding-bottom:10px;
	width:288px;
	display:none;
	}

#blocTemoignage p{
	padding:0px 7px 5px 10px;
	display:none;

}
#blocTemoignage span{
	color:#962a64;
	font-weight:bold;

}



#imageTemoignage a{
	color:#636466;
	padding:55px 0 0 45px;
	font-weight:bold;
	font-size:130%;
	text-decoration:none;
	/*text-transform:uppercase;*/
	display:block;
}
#imageTemoignage a:hover{
	text-decoration:underline;
	}




/* ---------------------- liens zoneB ---------------------- */
#lienRose{
	color:#d62271;
	padding:5px 0 0 10px;
	font-weight:bold;
}

#lienRose a{
	color:#636466;
	text-decoration:underline;
	padding:0 0 0 3px;
}
#lienRose a:hover{
	font-weight:bold;
	color:#000000;
}
#lienMauve{
	color:#962a64;
	padding:5px 0 0 10px;
	font-weight:bold;
}
#lienMauve a{
	color:#636466;
	text-decoration:underline;
	padding:0 0 0 3px;
}

#lienMauve a:hover{
	font-weight:bold;
	color:#000000;
}
#rss{
	background-image:url(../images/feed-icon.gif);
	background-repeat:no-repeat;
	margin:20px 0 0 10px;
	height:20px;
	display:none;
}

#rss a{
	color:#c56a17;
	text-decoration:none;
	font-size:90%;
	padding:4px 0 0 20px;
}
#rss a:hover{
	text-decoration:underline;
}
#index{
	background-image:url(../images/index.gif);
	background-repeat:no-repeat;
	margin:0 0 0 10px;
	height:20px;
	display:none;
}
#index a{
	color:#972B65;
	text-decoration:none;
	font-size:90%;
	padding:4px 0 0 20px;
}
#index a:hover{
	text-decoration:underline;
}
#correction{
	background-image:url(../images/correction.gif);
	background-repeat:no-repeat;
	margin:0 0 0 10px;
	height:20px;
	display:none;
}
#correction a{
	color:#3a49ab;
	text-decoration:none;
	font-size:90%;
	padding:4px 0 0 20px;
}
#correction a:hover{
	text-decoration:underline;
}
/* ---------------------- images zoneB ---------------------- */

.imgBlocLeft{
	padding:0 4px 4px 7px !important;
	margin:0 4px 0 0 !important;
	float:left;
	clear:left;
	
}

/* ---------------------- CONTENU - ZoneA TEMOIGNAGES ---------------------- */
#descriptionTemoignage{
	color:#962a64;
	font-weight:bold;
	}
#cadreTemoignage{
	padding:0;
	background-color:#FFFFFF;
	padding:10px 10px 10px 10px;
	margin-bottom:10px;
	border-left:4px solid #a5a7a8;
}


/* ----------------------  style ATOMS ---------------------- */
.tableBord {
	border:1px solid #777879; !important;
	border-collapse:collapse;
	margin:0px 20px 10px 20px !important;
}
.tableBord td {
	border:1px solid #777879 !important;
	text-align:left !important;
	padding:5px !important;
}
.tableBord th {
	border:1px solid #777879 !important;
	background-color:#777879 !important;
	text-align:center !important;
	color:#fff;
	border-bottom:1px solid #fff !important;
	padding:5px !important;
}
.aligneADroite {
	text-align:right;
}
.aligneAGauche {
	text-align:left;
}
.aligneJustifie {
	text-align:justify;
}
.aligneCentre {
	text-align:center;
}
.texteMauve {
	color:#962a64;
}
.texteRose {
	color:#d62271;
}
.texteGris {
	color:#777879;
}

.grasGris {
	font-weight:bold;
	color:#777879;
	padding-right:4px;
}
.grasNoir {
	font-weight:bold !important;
	color:#000;
	padding:6 0 6 0;
}
.grasMauve {
	font-weight:bold;
	color:#962a64;
}
.grasRose {
	font-weight:bold;
	color:#d62271;
}
/* IMAGES */
img.imgAlignRight {
	padding:0 0 2px 12px !important;
	margin:0 0 2px 12px !important;
	float:right;
	clear:right;
}
.imgAlignLeft {
	padding:0 0 12px 0 !important;
	margin:0 12px 0 0 !important;
	float:left;
	clear:left;
}
img.imgALaLigne {
	display: block;
	clear: both;
}
.imgLeft {
	clear:both;
	text-align:left;
	display:block;
	margin:10px 0 10px 0;
	padding:4px 0 4px 0;
}
.imgCenter {
	clear:both;
	text-align:center;
	display:block;
	margin:10px auto 10px auto !important;
	padding:4px 0 4px 0;
}
.imgRight {
	clear:both;
	text-align:right;
	display:block;
	margin:10px 0 10px 0;
	padding:4px 0 4px 0;
}



/* ---------------------- CONTENU - pied ---------------------- */

#pied{
	padding:0 0 0 220px;
	float:left;
	font-size:100%;
	color:#000;
	display:none;
}
#pied img {
	float:left;
	padding:2px 5px 0 5px;
}
#pied p {
	padding:17px 0 0 0;
	margin:0;
	float:left;
}
#pied a {
	text-align:center;
	font-size:100%;
	color:#000;
	text-decoration:underline;
}
#pied a:hover {
	color:#962a64;
}
img#defimedia{
	float:left;
}