/* 
 * Copyright (c) 2007 Copyright (c) Octolys Development
 * Ce template a ete realise par http://www.scopika.com & http://www.fredodo.com
 * Il est soumis ? la licence GPL
 */
	/* Ce fichier d?finit le style visuel pour les diff?rents ?l?ments des pages.
 * Dans l'ordre, vous trouverez les r?gles qui d?finissent l'apparence pour:
 * - El?ments HTML en g?n?ral
 * - Page
 * - Entete
 * - Chemin
 * - Produit petit & grand
 * - Pied de page
 * - Menu general
 * - Signature
 * - Nombre de pages
 * - les styles particuliers pour les pages interieures
 */ /* El?ments HTML en g?n?ral
-------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
	list-style: none;
	outline: 0;
}

html,body {
	width: 100%;
	height: 100%;
}

html {
	font-size: 100%;
}

fieldset,img,abbr,acronym {
	border: 0;
}

@import url(style_editeur.css);

body {
	padding: 0;
	margin: 0;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	text-align: center;
	background-color: #8bcae9;
	color: #000;
	font-size: 12px;
}

h1,h2,h3,h4 {
	margin: 0;
	padding: 0;
	color: #515053;
	font-weight: normal;
}

h1 {
	font-size: 30px;
	color: #42545f;
}

.fiche h1 {
	border-bottom: #dadada 1px solid;
}

#contenu h1 {
	margin: 0 0 15px 0;
}

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;
}

a {
	color: #00529a;
	text-decoration: none;
}

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

img {
	border: 0
}

.hide {
	display: none;
}

/* Page
-------------------------------------------------------- */
#wrapper {
	width: 995px;
	text-align: left;
	overflow: visible;
	position: relative;
	margin: 0 auto 0 auto;
	padding: 0;
	background: #fff url(charte/bg-wrapper.jpg) no-repeat 0 0;
}

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

#contenu {
	float: right;
	width: 744px;
	padding: 0 15px;
	margin: 5px 0;
}

#contenu img.contenu {
	clear: none;
	float: left;
}

#contenuPageRubrique {
	float: left;
	width: 730px;
	padding: 0 0 0 15px;
	margin: 5px 0;
	position: relative;
	left: 15px;
}

/* Ent?te
-------------------------------------------------------- */
#top {
	float: left;
	width: 995px;
	background: #515053 url(charte/bg-top.jpg) no-repeat 0 0;
	color: #FFFFFF;
	height: 155px;
	z-index: 1000;
}

#logo {
	float: left;
	width: 458px;
}

#top h3 {
	color: #FFF;
	font-size: 15px;
	margin: 0 0 5px 0;
}

#top a,#top a:visited {
	color: #c7c9ca;
	text-decoration: none;
}

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

#monCompte {
	float: right;
	width: 245px;
	border-left: 1px dotted #FFFFFF;
	padding: 0 0 0 10px;
	height: 72px;
}

#monCompte form {
	float: left;
}

#monCompte form p {
	margin: 0;
	float: left;
	font-size: 11px;
}

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

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

#monCompte form button.bouton span {
	position: relative;
	float: left;
	padding: 0 0 0 2px; /* Largeur du cote gauche */
	margin: 0;
	vertical-align: middle;
	background-color: #00529a;
}

#monCompte form button.bouton span span {
	padding: 0 2px 0 0;
	color: #FFF;
	height: 18px;
	line-height: 18px;
	/* Alignement vertical du texte et largeur du cote droit*/
}

#monCompte .menu {
	font-size: 11px;
	float: left;
	width: 245px;
	color: #6666cc;
	margin: 5px 0 0 0;
	padding: 0;
}

#monCompte .menu a {
	color: #6666cc;
}
#monCompte .menu a:hover{
	text-decoration: underline;
}


#monPanier {
	float: left;
	width: 250px;
	margin: 0;
	border-left: 1px dotted #FFFFFF;
	padding: 0 0 0 10px;
	height: 72px;
}

#monCompte h3,#monPanier h3 {
	margin: 15px 0 0 0;
	font-weight: bold;
}

#monCompte p,#monPanier p,#monPanier li {
	font-size: 11px;
}

#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: 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: #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: 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 {
	float: left;
	width: 980px;
	color: #515053;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 5px 0 8px 10px;
}

#chemin a {
	color: #003366;
	text-decoration: none;
	margin-left: 5px;
}

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

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

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

#etapesDeCommande ul li {
	min-width: 100px;
	color: #c7c9ca;
	margin: 0;
	padding: 0 10px 0 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: #8fbce3;
	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: #0081ca;
	padding: 3px 0 3px 10px;
}

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

/* 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: 20px 0 20px 0;
	padding: 0 15px 0 0;
	width: 400px;
}

.blocMozaique h3 {
	margin: 0;
	padding: 0;
	color: #42545f;
	float: left;
	width: 100%;
}

.blocMozaique .contenu {
	float: left;
	margin: 1px 0 0 0;
	padding: 10px;
}

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

.blocMozaique .contenu ul.image li {
	margin: 0;
	padding: 0;
	border: 0;
	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: #8fbce3;
	padding: 0;
}

/* 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 20px 20px 0;
	width: 345px;
}

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

.petitBlocProduit h3 {
	margin: 0;
}

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

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

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

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

.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;
	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: #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 20px 0;
	width: 745px;
}

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

* html .blocProduit .blocDImages {
	float: left;
	margin: 0 0 20px 0;
	padding: 0;
	width: 267px;
}

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

.blocProduit a.grandeImage:hover {
	border: 2px 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: 265px;
	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: #8fbce3;
	padding: 0;
}

.blocProduit .declinaisons { /*border: 1px solid #CCCCCC;
	height: 50px;
	width: 350px;*/
	width: 245px;
	float: left;
}

.blocProduit .introProduit {
	float: left;
	margin: 0 0 5px 0;
	padding: 0;
	width: 240px;
}

.blocProduit .introProduit .chapo {
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0 0 5px 0;
	width: 465px;
	text-align: justify;
}

.blocProduit .introProduit .prixProduit {
	color: #43A2CA;
	font-weight: normal;
	text-align: left;
	font-size: 24px;
	margin: 5px 0 0 0;
	padding: 0;
}

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

.blocProduit a.acheter span,.blocProduit button.acheter span {
	position: relative;
	float: left;
	padding: 0 0 0 10px;
	vertical-align: middle;
	background-color: #0081ca;
}

.blocProduit a.acheter span span,.blocProduit button.acheter span span {
	color: #fff;
	height: 40px;
	padding: 0 10px 0 0;
	line-height: 38px;
	background-color: #0081ca;
}

.blocProduit a.acheter:hover span,.blocProduit button.acheter:hover span
	{
	background-color: #00529a;
	text-decoration: none;
}

.blocProduit .description {
	clear: left;
	float: left;
	font-size: 12px;
	margin: 0 0 20px 0;
	padding: 0 10px 0 0;
	width: 256px;
	border: #dadada 1px solid;
	border-width: 0 1px 0 0;
}

.blocProduit .description h2 {
	font-size: 20px;
	color: #42545f;
	margin: 0;
	padding: 0 10px 0 0;
}

#contenu .blocProduit form .description p {
	border: 0;
}

.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: #42545f;
}

.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: #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: #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: #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: 995px;
	color: #FFF;
	font-size: 11px;
	font-weight: normal;
	padding: 5px 0;
	background-color: #5f7a9d;
	text-align: center;
}

#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: #FFF;
	text-decoration: none;
	padding: 0 5px;
}

#footer h4 a,#footer h4 a:visited {
	font-weight: bold;
	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;
	/* Empecher le depassement des flottants */
	overflow: hidden;
	font-size: 12px;
	border-bottom: 1px solid #ccc;
	clear: both;
	float: left;
	width: 100%;
}

#contenu form .fiche p {
	border-bottom: 0;
}

#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 {

}

#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-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #626164;
	font-weight: bold;
	background-color: #d8d9da;
}

#contenu form .declinaisons p {
	padding: 0 0 4px 0;
	font-size: 12px;
	border-bottom: 0;
	clear: both;
	float: left;
	width: 245px;
}

#contenu form .declinaisons p label {
	display: none;
	visibility: hidden;
}

#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 300px;
	padding: 0;
	white-space: nowrap;
	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; /* Largeur du c?t? gauche */
	margin: 0;
	vertical-align: middle;
	background-color: #0081ca;
}

#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: #FF0000;
	clear: both;
	margin: 10px 0;
}

/* Tableaux
-------------------------------------------------------- */
#contenu table,#contenu table tr {
	padding: 0;
	margin: 10px 0 0 0;
}

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

#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: #00529a;
	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: -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: #0081ca;
}

.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: #0081ca;
}

.queFaire a.bouton:hover span,.queFaire a.bouton:hover span span,.queFaire button.bouton:hover span,.queFaire button.bouton:hover span span
	{
	background-color: #00529a;
}

/*  general
-------------------------------------------------------- */
#moteurEtCatalogue {
	float: left;
	width: 200px;
	padding: 0;
	margin: 5px 0 0 0;
	border: #0099cc 2px solid;
	position: relative;
	left: 15px;
}

#moteurEtCatalogue h3 {
	display: none;
}

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

#accueil ul,#menuCatalogue ul {
	color: #FFFFFF;
	margin: 0;
	padding: 0;
}

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

/* Hack IE 6*/
* html #accueil ul li, * html #menuCatalogue ul li {
	font-size: 12px;
	font-weight: normal;
	padding: 0;
	margin: 0 0 1px 0;
	height: 24px;
}


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

/* Hack IE 6*/
* html #accueil ul li a, * html #menuCatalogue ul li a {
	text-decoration: none;
	color: #fff;
	border-left: solid 3px #74609f;
	display: block;
	background-color: #74609f;
	padding: 5px 0 5px 5px;
	width: 193px;
}

#accueil ul li a:hover,#menuCatalogue ul li a:hover {
	text-decoration: none;
	background-color: #00529a;
	color: #FFF;
	border-left: solid 3px #02407a;
}

/*Menu Packages*/
#menuCatalogue span {
	width: 193px;
	float: left;
	color: #fff;
	text-align: left;
	font-size: 17px;
	padding: 2px 0 2px 8px;
	margin-bottom: 5px;
	border-bottom: 1px solid #FFF;
}

#menuCatalogue span.menu_01 {
	background: #2a4a87 url(charte/bg-menu-1.jpg) repeat-y 0 0;
}

/*Menu Skis*/
#menuCatalogue span.menu_02 {
	background: #591f6f url(charte/bg-menu-2.jpg) repeat-y 0 0;
}

/*Menu Casques*/
#menuCatalogue span.menu_03 {
	background: #6d131e url(charte/bg-menu-3.jpg) repeat-y 0 0;
}

/*Menu Chaussures*/
#menuCatalogue span.menu_04 {
	background: #79105c url(charte/bg-menu-4.jpg) repeat-y 0 0;
}

/*Traitement special pour le menu Casques -> Notre Offre (ne fonctionne pas dans ie6)
#menuCatalogue span.menu_03+ul li a {
	font-size: 12px;
	margin: 1px 0 0 0;
	text-indent: 8px;
	border-left: solid 3px #7ca3c5;
	background-color: #7ca3c5;
}

#menuCatalogue span.menu_03+ul li a:hover {
	text-decoration: none;
	background-color: #00529a;
	color: #FFF;
	border-left: solid 3px #02407a;
}

#menuCatalogue span.menu_03+ul li a.selection {
	color: #B9121B;
	border-color: #B9121B;
}
*/ /*------------------------------------------ */
#menuCatalogue ul li ul {
	
}

#menuCatalogue ul li ul li {
	font-size: 10px;
	margin: 1px 0 0 0;
}

#menuCatalogue ul li ul li a {
	border-left: solid 3px #b09dd7;
	background-color: #b09dd7;
}

#menuCatalogue ul li a.selection {
	color: #333;
	border-color: #0099cc;
	background: #FFF;
}

#menuCatalogue ul li a.selected {
	color: #333;
	border-color: #0099cc;
	background: #FFF;
}

/* Recherche
-------------------------------------------------------- */
#moteurDeRecherche {
	margin: 10px 58px 18px 0;
	padding: 10px;
	width: 177px;
	display: block;
	float: right;
}

#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: Verdana, Tahoma, 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 2px; /* Largeur du cote gauche */
	margin: 0;
	vertical-align: middle;
	background-color: #00529a;
	font-weight: normal;
}

#moteurDeRecherche form button.bouton span span {
	padding: 0 2px 0 0;
	color: #FFF;
	height: 18px;
	line-height: 18px;
	/* Alignement vertical du texte et largeur du cote droit*/
}

/* Moyens de paiement
-------------------------------------------------------- */
.moyensDePaiement {
	clear: both;
	margin: 0;
	padding: 4px 0;
	width: 995px;
	text-align: center;
	background-color: #8bcae9;
	color: #FFF;
	font-size: 10px;
}

.moyensDePaiement a {
	color: #FFF;
	text-decoration: none;
}

.moyensDePaiement h4 {
	margin: 32px 0 0 0;
}

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

/* Correction des bug Internet Explorer
-------------------------------------------------------- */
* html button {
	width: 1%;
	overflow: visible;
}

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

/* ================================================================ */
div.menu_haut {
	background: #2e1b15;
	width: 995px;
	float: left;
}

div.menu_haut ul {
	display: block;
	width: 995px;
}

div.menu_haut ul li {
	display: block;
	margin: 0 0px;
	padding: 7px 3px;
	width: 180px;
	float: left;
	text-align: center;
	background: #2e1b15 url(charte/bg-menu_haut.gif) no-repeat 0 8px;
}

div.menu_haut ul li a {
	color: white;
}

div.menu_haut ul li a:hover {
	background: #00529a;
	color: #FFF;
	text-decoration: none;
}

div.menu_haut ul li.menu_haut_rollover {
	position: relative;
	z-index: 500;
}

/* ================================================================ */
	/* ================================================================ */
div.menu_haut ul li.menu_haut_rollover {
	display: block;
	width: 190px;
	height: auto;
	background: none;
}

div.menu_haut ul li.menu_haut_rollover a,div.menu_haut ul li.menu_haut_rollover a:visited
	{
	color: #FFF;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
div.menu_haut ul li.menu_haut_rollover ul {
	visibility: hidden;
	position: absolute;
	height: 0;
	top: 20px;
	left: 0;
	z-index: 950;
}

div.menu_haut ul li.menu_haut_rollover table {
	position: absolute;
	top: 0;
	left: 0;
	border-collapse: collapse;
	z-index: 950;
}

div.menu_haut ul li.menu_haut_rollover ul li {
	clear: both;
	display: block;
	background: transparent none;
	text-align: left;
	padding: 0;
}

div.menu_haut ul li.menu_haut_rollover ul a {
	clear: both;
	width: 180px;
	display: block;
	background: #2e1b15 none;
	border-bottom: #FFF 1px solid;
	text-align: left;
	padding: 4px 10px;
}

div.menu_haut ul li.menu_haut_rollover ul a:hover {
	display: block;
	background: #666 none;
	border-bottom: #ccc 1px solid;
}

div.menu_haut ul li.menu_haut_rollover ul :hover>a {
	background: #00529a none;
	border-bottom: #ccc 1px solid;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
	/* make the second level visible when hover on first level list OR link */
div.menu_haut ul li.menu_haut_rollover:hover ul,div.menu_haut ul li.menu_haut_rollover a:hover ul
	{
	visibility: visible;
}

/* ================================================================ */
	/* ================================================================ */
div#rubrique_desc_et_image {
	float: left;
	width: 99%;
	border: 1px outset #CCCCCC;
	margin-bottom: 20px;
	padding: 5px;
}

#rubrique_desc_et_image img {
	float: right;
}

#rubrique_desc_et_image p {
	float: left;
	max-width: 80%;
}

div.sous_rubriques {
	text-align: center;
	margin: 10px 0 0 0;
}

div.sous_rubriques img {
	margin: 10px;
}

/* LISTE DES PRODUITS */
#TableProduitPetit {
	border-width: 1px;
	border-color: #CCCCCC;
	border-style: solid;
	width: 100%;
	clear: both;
	border-collapse: collapse;
}

#TableProduitPetit img {
	border: 0;
}

#TableProduitPetit td#tri {
	background-color: #8fbce3;
	color: #8C4848;
	padding: 5px 0 5px 25px;
}

#TableProduitPetit ul.tri li.tri a.tri {
	margin: 0px 5px 0px 10px;
	border-right-width: 1px;
	text-decoration: underline;
	color: #FFF;
}

#TableProduitPetit ul.tri:hover li.tri a.tri {
	text-decoration: none;
	color: #01B0F0;
}

#TableProduitPetit h3 {
	font-size: medium;
}

#TableProduitPetit h2 {
	margin: 0 0 5px 0;
	font-size: 16px;
}

#TableProduitPetit tr {
	background: url(images/1x1.png) repeat-x left bottom;
}

#TableProduitPetit tr td a.LIEN_commander,#TableProduitPetit tr td img.epuise
	{
	margin: 0 10px 0 10px;
}

a.LIEN_commander {
	background: transparent url(images/Ajouter_Panier.png) no-repeat center;
	width: 100px;
	height: 25px;
	display: block; *
	background-image: url(images/cale.gif);
	background-repeat: no-repeat; *
	filter: progid :     DXImageTransform.Microsoft.AlphaImageLoader (    
		src = 
		
		  'images/Ajouter_Panier.png', sizingMethod =     'scale' );
}

a.LIEN_commander:hover {
	background: transparent url(images/Ajouter_Panier_over.png) no-repeat
		center; *
	background-image: url(images/cale.gif);
	background-repeat: no-repeat; *
	filter: progid :     DXImageTransform.Microsoft.AlphaImageLoader (    
		src = 
		
		  'images/Ajouter_Panier_over.png', sizingMethod =     'scale' );
}

#TableProduitPetit tr td span {
	display: block;
	float: left;
	margin-right: 10px;
}

#TableProduitPetit ul.tri {
	display: block;
	float: left;
	width: 90px;
	position: relative;
	list-style: none;
	padding: 0;
	margin: 0;
}

#TableProduitPetit ul.tri:hover {
	background-color: #00529A;
}

#ulNom,#ulPrix {
	display: none;
	position: absolute;
	background-color: #00529A;
	padding: 5px;
	margin: 0;
}

#ulNom li,#ulPrix li {
	height: 15px;
	padding-top: 3px;
	display: block;
}

#ulNom li:hover,#ulPrix li:hover {
	background-color: #01B0F0;
}

#TableProduitPetit ul.tri:hover #ulNom li a.coissdecroiss,#TableProduitPetit ul.tri:hover #ulPrix li a.coissdecroiss
	{
	color: #FFFFFF;
}

#ulNom li a.coissdecroiss,#ulPrix li a.coissdecroiss {
	color: #FFFFFF;
	margin: 0px 5px 0px 10px;
	border-right-width: 1px;
	display: block;
	width: 100%;
	outline: none;
}

/* ------------------ */
div#contenuAccueil {
	float: right;
	width: 980px;
	padding: 0;
	margin: 0;
}

div#dateLocation {
	width: 200px;
	min-height: 200px;
	display: block;
	float: left;
	margin: 10px 0;
	background-color: #fff;
	border: #0099cc 2px solid;
	padding: 0;
}


* html div#dateLocation {
	height: 200px;
}

.fiche div#dateLocation {
	float: right;
	margin: 10px 0;
}

#form_date_location {
	padding: 0 0 0 7px;
}

div#textAccueil {
	width: 468px;
	min-height: 400px;
	display: block;
	float: left;
	margin: 10px 0 0 20px;
}

* html div#textAccueil {
	height: 400px;
}

div#actualitesAccueil {
	width: 227px;
	min-height: 200px;
	display: block;
	float: right;
	margin: 10px 16px 10px 10px;
	background-color: #ececec;
	padding: 0 0 7px 0;
}

* html div#actualitesAccueil {
	height: 200px;
}

#actualitesAccueil h3 {
	background: #333;
	color: #FFF;
	padding: 5px 0
}

div#dateLocation h3 {
	background: #004e96;
	color: #FFF;
	font-size: 17px;
	padding: 5px 0
}

div#actualitesAccueil div.actusConteneur {
	height: 180px;
	padding: 5px;
	overflow: hidden;
}

div#actualitesAccueil div.actusConteneur div.actualite {
	display: none;
	text-align: justify;
}

div#actualitesAccueil div.actusConteneur div.actualite img {
	clear: both;
	display: block;
}

div#actualitesAccueil div.actusConteneur div.actualite span {
	text-align: center;
	width: 100%;
}

div#actualitesAccueil div.actusConteneur div.actualite {
	display: none;
	text-align: justify;
}

div#actualitesAccueil div.actusConteneur div.actualite p.titre {
	text-align: center;
}

div#actualitesAccueil div.actusConteneur div.actualite p.titre a {
	color: #888888;
}

div#actualitesAccueil span {
	text-align: center;
	display: block;
	width: 100%;
	padding: 5px;
}

div#actualitesAccueil a.toutesActus {
	background: #424d58 url(charte/bg-toutes-actus.jpg) repeat-x 0 0;
	padding: 4px 10px;
	color: #FFF;
	font-size: 11px;
}

div#actualitesAccueil a.toutesActus:hover {
	background: #333;
}

p.promesse {
	clear: both;
	font-size: 10px;
	text-align: center;
	letter-spacing: 0.6em;
}

* html p.promesse {
	letter-spacing: 0.5em;
}

*+html p.promesse {
	letter-spacing: 0.5em;
}

.fiche {
	float: right;
	width: 467px;
}

.disponible {
	font-size: 10px;
}

div.actualite {
	clear: both;
	margin: 5px 0 5px 0;
}

div.actualite h2 {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	text-decoration: underline;;
}


div.descriptionDossier {
	margin: 10px 0 0 0;
	padding: 5px;
	text-align: justify;
	border: 1px outset #CCCCCC;
}

h2.plan {
	font-size: 16px;
	margin: 5px 0 5px 0;
}

li.plan_contenu {
	margin-left: 15px;
}

li.plan,li.plan_contenu a {
	margin-top: 3px;
}

.actualite span.chapo {
	text-align: justify;
	width: 100%;
}

span.prixProduitCalcul {
	color: #43A2CA;
	text-align: justify;
	width: 465px;
	display: block;
	margin: 10px 0 5px 0;
}
#view_date_location{
	text-align: center;	
}
#view_date_location a{
	color: #43A2CA;
	margin: 10px 0 0 0;
	display: block;
}
.debutLocation{
	color: #43A2CA;
}

.declinaisonPanier{
	color: #43A2CA;
	font-weight: normal;
}
h2.cheque{
	font-size: 18px;
	width: 400px;
	float: left;
	position: relative;
	top: 15px;
}

div.cheque{
	margin: 0 0 20px 0;
}