<!--
/*************************************************************************************************************************************************************************/
/* Redefinitions des balises HTML */ 
/*************************************************************************************************************************************************************************/


body, h1, h2, h3, h4, h5, h6, a, .input_text, select, textarea, p {
	font:12px/1.2em Arial, Helvetica, Sans-serif;
	font-weight:normal;
	color:#453833;
	padding:0;
	margin:0;
}
img {
	border:0
}
a {
	text-decoration:none;
	outline:none;
}
a:hover {
	text-decoration:none;
}
ul {
	margin:0 0 0 20px;
	list-style:none;
}
ol {
	margin:0 0 0 20px;
}
dd {
	margin:0 0 0 20px;
}
.input_text, select option {
	padding:0 3px;
}
hr {
	display:none;
}
fieldset {
	border:none;
}
fieldset legend {
	display:none;
}
/* Structure generale */ 

	body {
	text-align:center;
	background: url(/img/common/bg-global.jpg) repeat-x;
}
#global {
	width:922px;
	text-align:left;
	margin:0 auto;
}
#header {
	width:100%;
	height:427px;
	position:relative;
}
#nav1 {
	width:873px;
	padding:0 49px 0 0;
}
#cont {
	width:100%;
	padding: 0 0 16px 0;
	overflow:hidden;
}
#contentLeft {
	float:left;
	display:inline;
	width:344px;
	padding:0 0 0 25px;
}
#content {
	float:left;
	display:inline;
	width:450px;
	padding:47px 64px 0 39px;

}

.nuancierHome {
	display:			block;
	position:			absolute;
	top:				170px;
	left:				12px;
	width:				274px;
	height:				167px;
	z-index:			9;
}
.nuancierHome a {
	display:			block;
	width:				274px;
	height:				167px;
	background: url(/img/common/nuancier.png) no-repeat left top;
}

.nuancierHome a:hover {
	background: url(/img/common/nuancier.png) no-repeat left bottom;
}

.nuancierHome span {
	display:			none;
	}

.anime {
	position:					absolute;
	top:						52px;
	left:						0px;
	width:						922px;
	height:						305px;
	background: url(/img/common/img_flash_empty.png) no-repeat 0 0;
	z-index:					1;
}
.logo {
	position:					absolute;
	top:						31px;
	left:						68px;
	z-index:					2;
}
#flash {
	position:					absolute;
	right:						17px;
	top:						8px;
}
#nav1 li a.nojs:hover {
	padding:					403px 0px 0px 0px;
}

#nav1 li a {
	display:block;
	float:left;
	text-decoration:none;
	color:#4F4E4E;
	font-size:11px;
	cursor:pointer;
	font-weight:bold;
	padding:388px 0px 0 0px;
	height:22px;
}

#nav1 li a.sublinksH0 {
	background:url(/img/common/bg-li07-center.jpg) repeat-x bottom;
}
#nav1 li a.sublinksH1 {
	background:url(/img/common/bg-li01-center.jpg) repeat-x bottom;
}

#nav1 li a.sublinksH2 {
	background:url(/img/common/bg-li05-center.jpg) repeat-x bottom;
}

#nav1 li a.sublinksH3 {
	background:url(/img/common/bg-li04-center.jpg) repeat-x bottom;
}

#nav1 li a.sublinksH4 {
	background:url(/img/common/bg-li03-center.jpg) repeat-x bottom;
}

#nav1 li a.sublinksH5 {
	background:	url(/img/common/bg-li06-center.jpg) repeat-x bottom;
}

#nav1 li a .left,
#nav1 li a .right  {
	height:					426px;
	margin-top:				-404px;
}


#nav1 li a.sublinksH0 .left {
	background:url(/img/common/bg-li07-gauche.jpg) no-repeat bottom;
}
#nav1 li a.sublinksH0 .right {
	background:url(/img/common/bg-li07-droite.jpg) no-repeat bottom;
}
#nav1 li a.sublinksH1 .left {
	background:url(/img/common/bg-li01-gauche.jpg) no-repeat bottom;
}
#nav1 li a.sublinksH1 .right {
	background:url(/img/common/bg-li01-droite.jpg) no-repeat bottom;
}
#nav1 li a.sublinksH2 .left {
	background:url(/img/common/bg-li05-gauche.jpg) no-repeat bottom;
}
#nav1 li a.sublinksH2 .right {
	background:url(/img/common/bg-li05-droite.jpg) no-repeat bottom;
}
#nav1 li a.sublinksH3 .left {
	background:url(/img/common/bg-li04-gauche.jpg) no-repeat bottom;
}
#nav1 li a.sublinksH3 .right {
	background:url(/img/common/bg-li04-droite.jpg) no-repeat bottom;
}
#nav1 li a.sublinksH4 .left {
	background:url(/img/common/bg-li03-gauche.jpg) no-repeat bottom;
}
#nav1 li a.sublinksH4 .right {
	background:url(/img/common/bg-li03-droite.jpg) no-repeat bottom;
}
#nav1 li a.sublinksH5 .left {
	background:url(/img/common/bg-li06-gauche.jpg) no-repeat bottom;
}
#nav1 li a.sublinksH5 .right {
	background:url(/img/common/bg-li06-droite.jpg) no-repeat bottom;
}

/* mise en page de content */ 
#content h1 {
	font-size:12px;
	font-weight:bold;
	background:url(/img/common/bg-titre1.gif) 0 1px no-repeat;
	padding:0 0 6px 9px;
}
#content p {
	text-align:justify;
	padding:6px 0 10px 0;
}
.espacePro {
	margin:20px 0 0 0;
	overflow:hidden;
	width:450px;
}
.carte {
	float:left;
	margin:0 25px 0 0;
}
.carte .magasin {
	display:		block;
	width:			212px;
	height:			64px;
	background: url(/img/common/img-carte-off.png) no-repeat;
	cursor:pointer;
}
.carte .magasin:hover {
	display:		block;
	width:			212px;
	height:			64px;
	background: url(/img/common/img-carte-on.png) no-repeat;
	cursor:pointer;
}
.espace .pro {
	display:		block;
	width:			212px;
	height:			64px;
	background: url(/img/common/img-espace-off.png) no-repeat;
	cursor:pointer;
}
.espace .pro:hover {
	display:		block;
	width:			212px;
	height:			64px;
	background: url(/img/common/img-espace-on.png) no-repeat;
	cursor:pointer;
}
.espace {
	float:left;
}
.espace span, .carte span {
	display:block;
	text-indent:-5000px;
	font-size:0;
}
/* mise en page de contentLeft */ 
 .cadreGauche {
	width:287px;
	background:url(/img/common/bg-cadre-haut.png) no-repeat;
	padding:18px 36px 0 21px;
	float:left;
}
.cadreGauche h2 {
	position:relative;
	color:#B93392;
	font-size:20px;
	padding:0 0 0px 18px;
	background:url(/img/common/bg-titre2.gif) 0 6px no-repeat;
	margin:0;

     
}
.cadreGaucheBas {
	width:344px;
	background: url(/img/common/bg-cadre-bas.png) no-repeat;
	height:29px;
	float:left;
}
.block01 {
	background:url(/img/common/bg-tiret.gif) repeat-x 0 100%;
	padding:0 0 12px 0;
	float:left;
	overflow:hidden;
}
.block02 {
	overflow:hidden;
	padding:10px 0 0 0;
	float:left;
}
.visuel01 {
	float:left;
}
.visuel02 {
	float: right;
}
.txt01 {
	position:relative;
	float:left;
	width:162px;
}
.txt01 p {
	padding:8px 0 0 8px;
}
.txt02 {
	position:relative;
	float:left;
	width:200px;
}
.txt02 p {
	padding:6px 0 0 20px;
}
.savoirPlus {
	position:relative;
	display:block;
	width:93px;
	height:18px;
	background: url(/img/common/bg-savoir-off.png) 0 0 no-repeat;
	padding:3px 0 0 12px;
	color: #FFFFFF;
	text-decoration:none;
	cursor:pointer;
}
.savoirPlus:hover {
	display:block;
	width:93px;
	height:18px;
	background: url(/img/common/bg-savoir-on.png) 0 0 no-repeat;
	padding:3px 0 0 12px;
	color:#594B45;
	text-decoration:none;
	cursor:pointer;
}
/* CLASS gnriques */ 
#contentLeft ul li {
	color:#fff;
}
/* Bloc contenant des floats */
	.block_float:after, .spacer {
	content:".";
	display:block;
	visibility:hidden;
	clear:both;
	font-size:0px;
	line-height:0px;
	height:0px;
	width:100%;
	margin:0;
	padding:0;
}
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page XXXXXXXX */ 
/*************************************************************************************************************************************************************************/
	/* XXXXXXXXXXX */
/*************************************************************************************************************************************************************************/
-->