/********/
/* TAGS */
/********/
body
{
	margin:0px;
	background:#e8f1f7;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
}

p, div, span, ul, ol
{
	color:#4d4d4d;
}

h1
{
	margin:0px 0px 10px 0px;
	font-size:16pt;
	color:#df5502;
}

h2
{
	margin:0px 0px 5px 0px;
	font-size:14pt;
	color:#4680ac;
}

h3
{
	margin:0px 0px 5px 0px;
	font-size:13pt;
	color:#1a3640;
}

hr {
	display:block;
	height:1px;
	margin:15px auto;
	width:100%;
	background-color:#bbcbdf;
	border:none;
	color:#bbcbdf;
}

.bordure-photo {
   border:1px solid #737373;
}


a 		{ color:#be4801; text-decoration:none; }
a:hover { color:#4680ac; text-decoration:none; }

input, textarea
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
}

/*td { vertical-align:top; }*/


/**************/
/* CONTENANTS */
/**************/
div#wrap
{
	width:100%;
	position:relative;
	padding-bottom:227px;
}

div#zoneCentrale
{
	width:986px;
	margin:auto;
	position:relative;
	z-index:1;
}


/**********/
/* HEADER */
/**********/
div#header
{
	width:986px;
	height:353px;
}

div#headerTop
{
	width:986px;
	height:349px;
}

div#headerTop div#headerTopLeft
{
	float:left;
	width:15px;
	height:349px;
	background:#FFF url(../images/frameLeft.gif) repeat-y top left;
}
	div#headerTop div#headerTopLeft div#headerTopLeftMask
	{
		width:15px;
		height:349px;
		background:url(../images/headerFrameLeft.png) no-repeat top left;
	}
div#headerTop div#headerTopCenter
{
	float:left;
	width:956px;
	height:349px;
	background:#FFF url(../images/bgHeader.jpg) no-repeat top center;
}
div#headerTop div#headerTopRight
{
	float:left;
	width:15px;
	height:349px;
	background:#FFF url(../images/frameRight.gif) repeat-y top right;
}
	div#headerTop div#headerTopRight div#headerTopRightMask
	{
		width:15px;
		height:349px;
		background:url(../images/headerFrameRight.png) no-repeat top left;
	}

div#headerBottom
{
	width:986px;
	height:4px;
	background:#FFF url(../images/frameBottom.gif) repeat-x bottom center;
}

div#headerBottom div#headerBottomLeft
{
	float:left;
	width:4px;
	height:4px;
	background:url(../images/frameBottomLeft.gif) no-repeat bottom left;
}
div#headerBottom div#headerBottomRight
{
	float:right;
	width:4px;
	height:4px;
	background:url(../images/frameBottomRight.gif) no-repeat bottom right;
}


/**********************/
/* NAVIGATION DU HAUT */
/**********************/
div#topNavig
{
	width:100%;
	height:57px;
	background:url(../images/bgTopNavig.jpg) no-repeat top center;
}

div#topMenu
{
	width:956px;
	height:57px;
	margin:auto;
	padding:0px 15px;
}

div#topMenu div#topMenuContenant
{
	float:right;
	width:615px;
	height:31px;
	margin-top:23px;
}
div#topMenu div#topMenuContenant a { cursor:pointer; }

div.topSeparateur
{
	float:left;
	width:5px;
	height:31px;
}


/*******************/
/* ZONE PRINCIPALE */
/*******************/
div#zPrincipale
{
	position:relative;
	width:986px;
	margin-top:3px;
	background:#FFF;
}

div#zPrincTop
{
	width:986px;
	height:4px;
	background:url(../images/frameTop.gif) repeat-x top center;
}
div#zPrincTop div#zPrincTopLeft
{
	float:left;
	width:4px;
	height:4px;
	background:url(../images/frameTopLeft.gif) no-repeat top left;
}
div#zPrincTop div#zPrincTopRight
{
	float:right;
	width:4px;
	height:4px;
	background:url(../images/frameTopRight.gif) no-repeat top right;
}

div#zPrincMiddle_1
{
	width:986px;
	background:#FFF url(../images/frameLeft.gif) repeat-y top left;
}
div#zPrincMiddle_2
{
	width:986px;
	background:url(../images/frameRight.gif) repeat-y top right;
}
div#zPrincMiddle_3_acc
{
	position:relative;
	width:967px;
	margin:auto;
	padding:11px 4px 11px 15px;
	background:url(../images/bgzPrincMiddle_acc.gif) repeat-y top center;
}
div#zPrincMiddle_3
{
	position:relative;
	width:967px;
	margin:auto;
	padding:11px 4px 11px 15px;
	background:url(../images/bgzPrincMiddle.gif) repeat-y top center;
}

div#zPrincFrameLeft
{
	position:absolute;
	bottom:0px;
	left:0px;
	width:4px;
	height:57px;
	background:url(../images/footerFrameLeft.png) no-repeat bottom left;
}
div#zPrincFrameRight
{
	position:absolute;
	bottom:0px;
	right:0px;
	width:4px;
	height:57px;
	background:url(../images/footerFrameRight.png) no-repeat bottom right;
}

div#zPrincBottom
{
	width:986px;
	height:4px;
	background:url(../images/footerFrameBottom.png) repeat-x bottom center;
}
div#zPrincBottom div#zPrincBottomLeft
{
	float:left;
	width:4px;
	height:4px;
	background:url(../images/footerFrameBottomLeft.png) no-repeat bottom left;
}
div#zPrincBottom div#zPrincBottomRight
{
	float:right;
	width:4px;
	height:4px;
	background:url(../images/footerFrameBottomRight.png) no-repeat bottom right;
}


/*********************/
/* NAVIGATION GAUCHE */
/*********************/
td#navigGauche
{
	background:#011722 url(../images/menuLeft/bgNavigation.jpg) no-repeat bottom center;
}

div#menuLeft
{
	width:220px;
	margin-top:47px;
}

div#menuLeft a
{
	cursor:pointer;
	position:relative;
}


/*********************/
/* COLONNE DU CENTRE */
/*********************/
div#colCentreTexte
{
	padding:15px 25px 25px 25px;
}

div#colCentreEvenements
{
	width:311px;
	overflow:hidden;
	padding:15px 25px 25px 25px;
	margin-bottom:12px;
	background:#eef6f6;
}
div#colCentreNouvelles
{
	width:311px;
	overflow:hidden;
	padding:15px 25px 25px 25px;
	background:#e0f0f6;
}
div#colCentreNouvelles p, div#colCentreEvenements p
{
	margin:0px;
	padding:7px 0px;
	border-bottom: 1px #cdcdcd solid;
}

/*********************/
/* COLONNE DE DROITE */
/*********************/
div#colCentreTemoignages
{
	width:311px;
	overflow:hidden;
	padding:15px 25px 25px 25px;
}
div#colCentreSpecial
{
	width:311px;
	overflow:hidden;
	padding:15px 25px 25px 25px;
	margin-bottom:12px;
	background:#fff6d5;
}
div#colCentreMarche
{
	width:311px;
	overflow:hidden;
	padding:15px 25px 25px 25px;
}


/*********************/
/* COLONNE DU CENTRE */
/*********************/
div#contentSite { padding:0px 14px 25px 25px; }

/************************/
/* BOUTIQUE ET PRODUITS */
/************************/
div#contentBoutique { padding:0px 0px 25px 11px; }


/**********/
/* FOOTER */
/**********/
div#footer
{
	position:absolute;
	left:0px;
	bottom:0px;
	z-index:0;
	width:100%;
	height:284px;
	background:url(../images/bgFooter.jpg) no-repeat top center;
}

div#footerCentre
{
	width:986px;
	margin:auto;
	margin-top:100px;
	
	color:#FFF;
	text-align:center;
}


/*************************/
/* FORMULAIRE DE CONTACT */
/*************************/
div#formContact
{
	float:right;
	width:370px;
	margin:0px 0px 20px 20px;
}
div#formContact div#texteHaut
{
	font-size:9pt;
}
div#formContact div#formulaire
{
	margin-top:15px;
	padding:20px;
	background:#dde8eb;
}

div#formContact div#formulaire div.ligneChamp { margin-bottom:6px; }
div#formContact div#formulaire div.ligneChamp div.nomChamp
{
	float:left;
	width:84px;
	height:26px;
	line-height:26px;
	font-size:9pt;
}
div#formContact div#formulaire div.ligneChamp div.champ
{
	float:right;
	width:246px;
	height:26px;
}
div#formContact div#formulaire div.ligneChamp div.champ input
{
	padding:4px;
	width:236px;
	height:16px;
	border:1px #90b1ba solid;
}
div#formContact div#formulaire div.ligneChamp div.champ2 textarea
{
	padding:4px;
	width:320px;
	height:86px;
	border:1px #90b1ba solid;
}

div#formContact div#formulaire div#zoneBoutons
{
	margin-top:15px;
	width:330px;
	height:26px;
}
div#formContact div#formulaire div#zoneBoutons input
{
	width:89px;
	height:24px;
	background:#4f7986;
	border:1px #4f7986 solid;
	color:#FFF;
}

/* Messages de succès ou d'erreur */
div#formContact div#formulaire div.erreur
{
	text-align:center;
	font-size:9pt;
	line-height:24px;
	background:#ffdddd;
	border:1px #F00 solid;
}
div#formContact div#formulaire div.succes
{
	text-align:center;
	font-size:9pt;
	line-height:24px;
	background:#ddffdd;
	border:1px #0F0 solid;
}

/*******/
/* IDs */
/*******/
div#nuage_blanc
{
	position:absolute;
	top:0px;
	left:-219px;
	width:219px;
	height:200px;
	background:url(../images/nuage_blanc.jpg) no-repeat top left;
}



/***********/
/* CLASSES */
/***********/
.grasRougeOrange
{
	font-weight:bold;
	color:#be4801;
}


/***********/
/* TABLE */
/***********/


/*div#contentSite table {
	background-color: #FFFFFF;
	border: none;
	color: #4d4d4d;
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
}


div#contentSite table caption {
	background-color: transparent;
	padding-bottom: 12px;
	padding-left: 8px;
	text-align: left;
}

div#contentSite tbody td, tbody th {
	background-color: #dde8eb;
	border-bottom: 2px solid #bbd0d7;
	border-top: 3px solid #FFFFFF;
	padding: 9px;
}

div#contentSite table.Table {
	background-color: #FFFFFF;
	border: none;
	color: #ffffff;
}

div#contentSite table.Table tbody td, tbody th{
	background-color: #fff;
	border-bottom: 0px #fff;
	border-top: 0px #fff;
	padding: 10px;
}


*/

/***********/
/* TABLE */
/***********/
div#colCentreTexte table {
background-color: #FFFFFF;
border: none;
color: #4d4d4d;
font-family: arial, helvetica, sans-serif;
font-size: 14px;
text-align: left;
}
div#colCentreTexte table caption {
background-color: transparent;
padding-bottom: 12px;
padding-left: 8px;
text-align: left;
}
div#colCentreTexte tbody td, tbody th {
background-color: #dde8eb;
border-bottom: 2px solid #bbd0d7;
border-top: 3px solid #FFFFFF;
padding: 9px;
}
div#colCentreTexte table.Table {
background-color: #FFFFFF;
border: none;
color: #ffffff;
}
div#colCentreTexte table.Table tbody td, tbody th{
background-color: #fff;
border-bottom: 0px #fff;
border-top: 0px #fff;
padding: 10px;
}



/************************************************************************************************************************************/

/*****************************************************/
/* ZONE DES PRODUITS  //  LISTE ET FICHE DE PRODUITS */
/*****************************************************/
div#zoneProduits
{
	padding:8px;
}
div#zoneProduits a.icoAchat
{
	display:block;
	float:right;
	width:42px;
	height:42px;
	margin-top:8px;
	background:url(../images/iconeAchat.png) no-repeat bottom right;
}
div#zoneProduits div.prixProduit
{
	font-size:10pt;
	color:#1a3640;
}
div#zoneProduits div.prixProduit span.prix1
{
	font-size:21pt;
	font-weight:bold;
	color:#1a3640;
}
div#zoneProduits div.prixProduit sup
{
	display:inline;
	padding-left:2px;
	vertical-align:super;
	font-size:13pt;
	font-weight:bold;
}
div#zoneProduits a { color:#006aa0; text-decoration:none; }
div#zoneProduits a:hover { color:#fdcd24; text-decoration:none; }


/**********************/
/* LISTE DES PRODUITS */
/**********************/
div#zoneProduits div#listeProduits
{
	padding-top:25px;
}
div#zoneProduits div.boiteProduit
{
	float:left;
	width:204px;
	overflow:hidden;
}
div#zoneProduits div.boiteProduit div.photo img { background:#6CF; }
div#zoneProduits div.boiteProduit div.nomProduit
{
	margin-top:6px;
	font-size:15pt;
	font-weight:bold;
	color:#1a3640;
}
div#zoneProduits div.boiteProduit div.descProduit
{
	margin-bottom:15px;
}


/********************/
/* FICHE DE PRODUIT */
/********************/
div#ficheProduit
{
	padding-top:5px;
}
div#ficheProduit table
{
	padding:0px;
	margin:0px;
}
div#ficheProduit table thead td,
div#ficheProduit table tbody td
{
	padding:5px;
	font-size:9pt;
}
div#ficheProduit table thead td
{
	margin-right:2px;
	color:#FFF;
	background:#fdcd24;
}

div#ficheProduit div#zoneInfoProduit
{
	margin:15px 0px;
	padding-bottom:15px;
	background:url(../images/borderTitre.gif) repeat-x bottom left;
}
div#ficheProduit div#zoneInfoProduit div#infoProduit
{
	float:left;
	width:340px;
}
div#ficheProduit div#zoneInfoProduit div#photoProduit
{
	float:right;
	width:300px;
}
div#ficheProduit div#zoneInfoProduit div#photoProduit img { background:#6CF; }

div#ficheProduit div#zonePrix
{
	float:left;
	width:160px;
}
div#ficheProduit div#zonePrix a.icoAchat { float:none; }

div#ficheProduit div#photoThumbs
{
	float:right;
	width:300px;
}
div#ficheProduit div#photoThumbs div.thumb
{
	float:left;
	margin-right:5px;
	width:52px;
	height:52px;
}
div#ficheProduit div#photoThumbs div.thumb img
{
	border:1px solid #fdcd24;
	background:#ddd;
}
div#ficheProduit div#photoThumbs div#textCoulDispo
{
	padding-top:5px;
	font-size:8pt;
}
div#ficheProduit div#photoThumbs div.couleurDispo
{
	float:left;
	margin-right:5px;
	width:20px;
	height:20px;
}

/***********/
/* CLASSES */
/***********/
.titreListe
{
	font-size:21pt;
	font-weight:bold;
	color:#1a3640;
	background:url(../images/borderTitre.gif) repeat-x bottom left;
}
.titreFiche
{
	line-height:40px;
	font-size:33pt;
	color:#1a3640;
	background:url(../images/borderTitre.gif) repeat-x bottom left;
}
.resultOrange { color:#d7750b; }
.prodEspaceV { margin-right:22px; }
.prodEspaceH
{
	clear:both;
	width:100%;
	height:42px;
}