/***************************************
***** CENTRAGE HORIZONTALE DU SITE *****
****************************************/
body 
{
    margin: 0; /* pour éviter les marges */
    text-align: center; /* pour corriger le bug de centrage IE */
	font-family:Arial,Helvetica,Verdana;
	font-size:12px;
	background-color:#EAEAEA;
}


/*DIV permettant de centrer le site*/
#Global
{
	position:relative;
    margin-left: auto;
	margin-right: auto;
    text-align: left; /* on rétablit l'alignement normal du texte */
	width: 980px; /*largeur variable*/
	height:auto;
}

a img
{
	text-decoration:none;
	border:0px;
}
/***********************************
***** FIN CENTRAGE HORIZONTALE *****
************************************/


/*--------------------------------------------------------------------------------------------------*/


/*************************
***** HEADER DU SITE *****
**************************/
#Header
{
	position:relative;
	height:200px;
	width:100%;
	background-image:url("../Img/Header.jpg");
}

#Logo
{
	position:absolute;
	display:block;
	top:30px;	
	height:119px;
	width:200px;
}

#Deconnexion
{
	float:right;
	position:relative;
	height:25px;
	left:-3px;
}

#Deconnexion a
{
	text-decoration:none;
	border:0;
	color:#000;
}

#Deconnexion a img
{
	text-decoration:none;
	border:0;
}

#Langue
{
	float:right;
	position:relative;
	height:25px;
}

#Langue form
{
	float:left;
}

#Recherche
{
	position:absolute;
	width:340px;
	top:27px;
	height:50px;
	right:57px;
	line-height:11px;
}

#Recherche table
{
	width:100%;
}

#Recherche td
{
	text-align:right;
}

#Recherche a
{
	color:#000000;
	text-decoration:underline;
}

/*********************
***** FIN HEADER *****
**********************/


/*--------------------------------------------------------------------------------------------------*/


/***********************
***** MENU DU SITE *****
************************/
#MenuHaut
{
	bottom:0;
	height:31px;
	position:absolute;
	width:100%;
	.z-index:-1;
}

#ContainerMenu
{
	float:left;
	height:100%;
	.z-index:-1;
}

a.Home
{
	display:block;
	width:29px;
	height:31px;
	background-image:url("Langue_FR/Btn_Accueil_off.jpg");
	float:left;
}

a.Home:hover
{
	background-image:url("Langue_FR/Btn_Accueil_on.jpg");
}

a.Catalogue
{
	display:block;
	width:190px;
	height:31px;
	background-image:url("Langue_FR/Btn_Catalogue_on.jpg");
	float:left;
}

a.Catalogue:hover
{
	background-image:url("Langue_FR/Btn_Catalogue_off.jpg");
}

a.Panier
{
	display:block;
	width:180px;
	height:31px;
	background-image:url("Langue_FR/Btn_Caddie_off.jpg");
	float:left;
	display:none;
}

a.Panier:hover
{
	background-image:url("Langue_FR/Btn_Caddie_on.jpg");
}

a.Commande
{
	display:block;
	width:170px;
	height:31px;
	background-image:url("Langue_FR/Btn_AideCommande_off.jpg");
	float:left;	
}

a.Commande:hover
{
	background-image:url("Langue_FR/Btn_AideCommande_on.jpg");
}

a.CommandeDirect
{
	display:block;
	width:160px;
	height:31px;
	background-image:url("Langue_FR/Btn_CommandeDirecte_off.jpg");
	float:left;
}

a.CommandeDirect:hover
{
	background-image:url("Langue_FR/Btn_CommandeDirecte_on.jpg");
}

a.Revendeur
{
	display:block;
	width:140px;
	height:31px;
	background-image:url("Langue_FR/Btn_Revendeur_off.jpg");
	float:left;
}

a.Revendeur:hover
{
	background-image:url("Langue_FR/Btn_Revendeur_on.jpg");
}

a.Evenement
{
	display:block;
	width:111px;
	height:31px;
	background-image:url("Langue_FR/Btn_Promotions_off.jpg");
	float:left;
}

a.Evenement:hover
{
	background-image:url("Langue_FR/Btn_Promotions_on.jpg");
}

a.Nouveaute
{
	display:block;
	width:180px;
	height:31px;
	background-image:url("Langue_FR/Btn_Nouveaute_off.jpg");
	float:left;
}

a.Nouveaute:hover
{
	background-image:url("Langue_FR/Btn_Nouveaute_on.jpg");
}

/*******************
***** FIN MENU *****
********************/


/*--------------------------------------------------------------------------------------------------*/


/**************************
***** CONTENU DU SITE *****
***************************/
* html #ContenuCentrale{height:1%;}/*pour ie 6*/

#ContenuCentrale
{
	position:relative;
	width:100%;
	height:385px;
	background-image:url("Langue_FR/FondContenu.jpg");
	.z-index:-1;
}

#DivPanier
{
	background-image:url(Langue_FR/HeaderPanier_1.jpg);
	background-repeat:no-repeat;
	border:1px solid white;
	left:6px;
	position:relative;
	width:176px;
	margin-bottom:10px;
}

#ContenuPanier
{
	margin-top:46px;
	background-image:url("../Img/FondPanier.jpg");
	padding-left:10px;
	padding-right:10px;
}


#ColonneCentre
{
	width:760px;
	height:auto;
	float:right;
}

.clear
{
	clear:both;
	display:block;
	height: 1%;
	font-size: 1px;
	line-height: 0px;
}

.ContenuTexte
{
	margin:20px;
}

#Classique
{
	width:745px;
	height:175px;
	background-image:url("../Img/Illustr_classique.jpg");
	margin-left:6px;
	margin-top:9px;
}

#Creation
{
	width:745px;
	height:175px;
	background-image:url("../Img/Illustr_creation.jpg");
	margin-left:6px;
	margin-top:15px;
}

#AnimClassique
{	
	position:relative;
	left:190px;
	width:350px;
	height:145px;
	top:5px;
}

#AnimCreation
{	
	position:relative;
	left:190px;
	width:350px;
	height:145px;
	top:5px;
}

a.EnterClassique
{
	position:absolute;
	right:9px;
	display:block;
	width:200px;
	height:120px;
	background-image:url("Langue_FR/EnterClassique.jpg");
}

a.EnterCreation
{
	float:right;
	display:block;
	width:200px;
	height:120px;
	background-image:url("Langue_FR/EnterCreation.jpg");
}
/**********************
***** FIN CONTENU *****
***********************/


/*--------------------------------------------------------------------------------------------------*/


/*************************
***** FOOTER DU SITE *****
**************************/
#Footer
{
	position:relative;
	width:100%;
	height:39px;
	background-image:url("../Img/Footer.jpg");
	text-align:center;
	font-size:11px;
	padding-top:6px;
	color:#fff;
}

#Footer a
{
	color:#fff;
}

h2
{
		margin: 0px;
		padding: 0px;
		font-size:16px;
		color:#b42020;
}
/*********************
***** FIN FOOTER *****
**********************/
