/* CSS Document */

/*//////////////////// 	Taille de texte globale /////////////*/
html {
	font-size:100%;	/* Correspond à 16px pour les navigateurs */
	font-family: Verdana, Helvetica, sans-serif;
	margin:0;
	padding:0;
	}
body {
	margin:0;
	padding:0;
	background-image:url(../img/fond-pixel.jpg);
	background-repeat:no-repeat;
	}
/*//////////////////////////GABARIT DE LA PAGE //////////////////////////*/
#global {
	position:relative;
	width:954px;
/*	height:1237px;*/
	margin: 0 auto;
/*	min-height:600px;*/
	background-image:url(../img/fond-global.jpg);
	background-repeat:no-repeat;


	
	}
#columnleft{
	width:272px;
	float: left;
	margin:0;
	padding: 0;
	}
#header {
	width:954px;
	float: left;
	height:261px;
	margin:0;
	padding:0;
	background-image:url(../img/fond-header.jpg);
	}
#footer {
	width:100%;
	background:#f5f5f5;
	clear:both;
	}
.anulfloat{
	clear:both;
	margin:0;
	padding:0;
	}

/*////////////////////////// Header //////////////////////////*/
#header h1 {
	float: left;
	margin:0;
	padding:0;
/*/////////////////////diaporama//////////////*/
}
#photoAnim{
	float:left;
	width:208px;
	margin:27px 7px 0 7px;
	padding:0;

}
/*/////////////////////identification - mon compte//////////////*/
#moncompte{
	float:left;
	width:190px;
	margin:0px 0px 0 39px;
	padding:0;
	color:#008c94;
	text-align:left;
	font-size:9px;
	font-weight:normal;
		/* border: 1px solid #7f9db9;*/
}
#moncompteTitre {
	font-weight:bold;
	color:#f48000;
	font-size:10px;
	margin:5px 0 13px 0px;
	padding:0;
/*	line-height:1.5em;*/
}
#newsletter{
	float:left;
	width:190px;
	margin:0px 0px 0 20px;
	padding:0;
	color:#008c94;
	text-align:left;
	font-size:9px;
	font-weight:normal;
/*		 border: 1px solid #7f9db9;*/
}
#newsletterTitre {
	font-weight:bold;
	color:#f48000;
	font-size:10px;
	margin:5px 0 13px 0px;
	padding:0;
/*	line-height:1.5em;*/
}
/*/////////////////////Tableau de mise en page - identification - mon compte//////////////*/

#tableauIdentifiant {
	float:left;
	width:190px;
	}
#col1 {
	width:87px;
	vertical-align:top;
	}
#col2 {
	width:95px;
	vertical-align:top;
	}
/*/////////////////////Tableau de mise en page - detail//////////////*/

#tableauDetail {
	float:right;
	width:100%;
	}
#colD1a {
	width:3%;
	vertical-align:top;
	}
#colD1 {
	width:54%;
	vertical-align:top;
	}
#colD2 {
	width:45%;
	vertical-align:top;
	}
/*/////////////////////identification - mon compte - suite//////////////*/
#moncompte a{
	line-height:1.5em;
	color:#000;
	text-decoration:underline;
}
#moncompte a:hover{
	line-height:1.5em;
	color:#000;
	text-decoration:none;
}
.INPUT {
     color:#000;
     background-color:#f9f9f9;
     font-size:9px;
     font-family:Verdana, Arial, Helvetica, sans-serif;
	 border: 1px solid #7f9db9;
	 margin:0 0 2px 0;
}
/*/////////////////////Flash info//////////////*/
#flash {
	width: 400px;
	margin: 50px 0px 0px 0px;
	padding: 0px;
	height: 16px;
	position: absolute;
	top: 60px;
	left: 512px;
}

.defiler {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;

	padding: 0;
	margin: 0;
	width: 400px;

}

/*/////////////////////bout - accueil - english - panier//////////////*/
#zoneAcces{
	float:left;
	width:954px;
	height:27px
	margin: 0;
	padding:0;
	}
#zoneAEn{
	width:213px;
	float:left;
	margin: 0;
	padding:0;
}
#zonepanier{
	width:740px;
	float:left;
	text-align:right;
	margin: 0;
	padding:0;
}
/*////////////////////////// menu //////////////////////////*/
	
#menu {
    width:900px;
	height:40px;
	padding:17px 0 0 50px;
	margin:0 0 0 0;
	color:#000;
	clear:both;
	}

#menu ul{
    text-align:left;
	font-size:90%;
	padding:0 0px 0 9px;
	margin:0 0 0 0;
}
#menu li{
	margin:0;
	padding:0 0px 0 15px;
	display:inline;
	
}
#menu a{
    font-size:70%;
	margin:0 5px 0 3px;
	color:#000;
	text-decoration:none;
	font-weight:bold;
}
#menu a:hover{
	color:#f9f9f9;
	text-decoration:none;
	font-weight:bold;
}

/*////////////////////////// Columnleft //////////////////////////*/
/*////////////////////////// 1er Titre de rubrique //////////////////////////*/
#imgMenu1{
	float:right;
	font-family:verdana;
	font-weight:bold;
	padding: 0 0 0 0;
	margin:0 0 0 0;
	width:258px;
	height:47px;
	background-image:url(../img/entete-rubrique.jpg);
}
#imgMenu1Titre {
	font-weight:bold;
	color:#fff;
	font-size:10px;
	margin:9px 0 13px 55px;
	padding:0;
	line-height:1.5em;
}
/*////////////////////////// 2er Titre de rubrique //////////////////////////*/
#imgMenu2{
	float:right;
	font-family:verdana;
	font-weight:bold;
	padding: 0 0 0 0;
	margin:0 0 0 0;
	width:258px;
	height:65px;
	background-image:url(../img/entete-rubrique-1.jpg);
}
#imgMenu2Titre {
	font-weight:bold;
	color:#fff;
	font-size:10px;
	margin:23px 0 13px 55px;
	padding:0;
	line-height:1.5em;
}/*/////////////////////Tableau de mise en page - ss rubriques //////////////*/
#tableaussrubriques {
	float:right;
	width:224px;
}
#col3 {
	width:224px;
	vertical-align:top;
}
/*////////////////////////// ss rubriques //////////////////////////*/
#ssRubriques{
	float:right;
	width:258px;
	margin:0px 0px 0 14px;
	padding:0;
	color:#008c94;
	text-align:left;
	font-size:9px;
	font-weight:normal;
	background-image:url(../img/fd-ss-rubrique.jpg);
	background-repeat:repeat;
}
#ssRubriquesTitre {
	font-weight:bold;
	color:#f48000;
	font-size:10px;
	margin:5px 30px 3px 34px;
	padding:0 0 0 15px;
	line-height:1.5em;
	background:#fff url(../img/puce-ss-rubriques.jpg) left top no-repeat;
}
/*////////////////////////// 1er Titre de rubrique pre-commandes //////////////////////////*/
#imgPreCommandes{
	float:left;
	font-family:verdana;
	font-weight:bold;
	padding: 0 0 0 0;
	margin:0 0 0 0;
	width:258px;
	height:47px;
	background-image:url(../img/entete-pre-commandes.jpg);
}
#imgPreCommandesTitre {
	font-weight:bold;
	color:#ad0000;
	font-size:10px;
	margin:13px 0 13px 85px;
	padding:0;
	line-height:1.5em;
}
/*////////////////////////// liste pre-commandes - photo //////////////////////////*/
#preCommandesPhoto {
	/*width:272px;*/
	margin:0px 0px 0px 0px;
	padding:0px 0px 0 30px;
	text-align:center;

	color:#605e5e;
	font-size:9px;
	font-weight:bold;
	background-image:url(../img/fd-pre-commandes.jpg);
	background-repeat:repeat;
}
/*////////////////////////// liste pre-commandes //////////////////////////*/
#preCommandes {
	/*width:272px;*/
	margin:0px 0px 0px 0px;
	padding:10px 40px 10px 80px;
	color:#605e5e;
	font-size:9px;
	font-weight:bold;
	background-image:url(../img/fd-pre-commandes.jpg);
	background-repeat:repeat;
}
#preCommandes ul{
    text-align:left;
	font-size:90%;
	padding:0px 0px 0x 7px;
	margin:0px 0 0 0;
}
#preCommandes li{
	margin:5px 0 0 7px;
	padding:0px 0 0 0;
	list-style:disc url(../img/puce-fleche.jpg);
}
/*////////////////////////// liste pre-commandes - prix //////////////////////////*/
#preCommandesPrix {
	/*width:272px;*/
	text-align:right;
	margin:0px 0px 0px 0px;
	padding:0px 60px 0 77px;
	color:#ad0000;
	font-size:9px;
	font-weight:bold;
	background-image:url(../img/fd-pre-commandes.jpg);
	background-repeat:repeat;
}
/*////////////////////////// Contenu //////////////////////////*/
#content {
	margin:0;
	padding:0;
	width:675px;
	float: left;
	color:#000000;
	}
/*////////////////////////// titre - 1 article //////////////////////////*/
#imgTitre{
	float:left;
	font-family:verdana;
	font-weight:bold;
	padding: 0 0 0 0;
	margin:0 0 0 0;
	width:681px;
	height:47px;
	background-image:url(../img/entete-titre.jpg);
}
#imgTitre h2 {
	font-weight:bold;
	color:#fff;
	font-size:12px;
	margin:0px 0 13px 70px;
	padding:0;
	line-height:1em;
}
/*////////////////////////// - 1 article //////////////////////////*/
#article{
	float:left;
	font-family:verdana;
	font-weight:bold;
	padding: 0 0 0 0;
	margin:0 0 0 0;
	width:681px;
	height:137px;
	background-image:url(../img/fd-1-article.jpg);
/*		border: 1px solid #7f9db9;*/
}
/*////////////////////////// - 1 article //////////////////////////*/
#articleDetail{
	float:left;
	font-family:verdana;
	font-weight:bold;
	padding: 0 0 0 0;
	margin:0 0 0 0;
	width:681px;
	height:250px;
	background-image:url(../img/fd-1-articleD.jpg);
/*		border: 1px solid #7f9db9;*/
}
/*////////////////////////// 1 article - photo //////////////////////////*/
#articlePhoto {
	float:left;
	width:210px;
	margin:0px 0 0px 0px;
	padding:0px 20px 0 0px;

/*		border: 1px solid #7f9db9;*/
}
/*////////////////////////// 1 article - titre //////////////////////////*/
#articleTitre{
	float:left;
	font-family:verdana;
	font-weight:bold;
	padding: 0 0 0 0;
	margin:0 0 0 0;
	width:240px;
/*		border: 1px solid #7f9db9;*/
}
#articleTitre h3 {
	font-weight:bold;
	color:#000;
	font-size:10px;
	margin:0;
	padding:2px 0 5px 15px;

	background:#fff url(../img/puce-articles.jpg) left top no-repeat;
}
/*/////////////////////Tableau de mise en page - 1 article - liste1 et 2 //////////////*/
#tableauarticle {
	float:left;

}

/*////////////////////////// 1 article - liste1  //////////////////////////*/
#articleListe1 {
	float:left;
	margin:0;
	padding:0;
	color:#605e5e;
	font-size:10px;
	font-weight:bold;
		width:105px;
	background-repeat:repeat;
/*		border: 1px solid #7f9db9;*/
}
#articleListe1 ul{
    text-align:left;
	font-size:10px;
	padding:0 0px 0x 0px;
	margin:0 0px 0 0;

}
#articleListe1 li{
	font-size:10px;
	margin:0 0 0 16px;
	padding:0 0 0 0;
	list-style:disc url(../img/puce-fleche.jpg);
}

/*////////////////////////// 1 article - liste2  //////////////////////////*/
#articleListe2 {
	float:left;

	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	color:#605e5e;
	font-size:9px;
	width:125px;
	font-weight:bold;
	background-repeat:repeat;
/*		border: 1px solid #7f9db9;*/
}
#articleListe2 ul{
    text-align:left;
	font-size:9px;
	padding:0 0px 0px 0px;
	margin:0 0 0 0;
}
#articleListe2 li{
	margin:0 0 0 16px;
	padding:0 0 0 0;
	list-style:disc url(../img/puce-fleche.jpg);
}
/*////////////////////////// 1 article - liste - dispo //////////////////////////*/


#articleDispo{
	float:left;
	font-family:verdana;
	font-weight:bold;
	margin:0;
	padding:0;
	width:110px;
/*border: 1px solid #7f9db9;*/
}
#articleDispoTitre {
	font-weight:bold;
	color:#605e5e;
	font-size:10px;
		line-height:1.5em;
	margin:0px 0 0 0px;
	padding:13px 0 1px 10px;
}
/*////////////////////////// 1 article - liste - prix //////////////////////////*/
#articlePrix{
	float:left;
	font-family:verdana;
	font-weight:bold;
	margin:0;
	padding:0;
	width:110px;

/*border: 1px solid #7f9db9;*/
}
#articlePrixTitre {
	font-weight:bold;
	color:#605e5e;
	font-size:10px;
		line-height:1.6em;
	margin:0px 0 0 0px;
	padding:3px 0 1px 10px;
}
.red {color: #CC0000}
.black {color: #000}
.lapage {color: #000;	font-size:10px;}

/*////////////////////////// Bouton //////////////////////////*/
#bouton {
	float:left;
	width:610px;
	text-align:right;
	margin:0px 15px 0px 5px;
	padding:0px;

/*border: 1px solid #7f9db9;*/
	}
/*////////////////////////// Haut de page //////////////////////////*/
#pageup {
	float:right;
	background:url(../img/puce-fleche-ht-page.png) right top no-repeat;
	margin:10px 40px 0px 0px;
	padding:5px 20px 5px 0px;
	width:80px;
}
#pageup a{
	font-size:70%;
	text-decoration:none;
	border:0;
	color:#246e9c;
}
#pageup a:hover{
	font-size:70%;
	text-decoration:underline;
}


/*////////////////////////// Footer //////////////////////////*/
	
#footer {
    width:954px;
	height:110px;
	background:url(../img/fd-pied.jpg) no-repeat;
	padding:0px 0 0 0;
	margin:0 0 0 0;
	color:#fff;
	clear:both;
	}

#footer ul{
    text-align:left;
	font-size:9px;
	padding:92px 0px 0 0px;
	margin:0 0 0 0;
	text-align:center;
}
#footer li{
	margin:0;
	display:inline;
	
}
#footer a{
    font-size:9px;
	margin:0 5px 0 3px;
	color:#fff;
	text-decoration:underline;
	font-weight:normal;
}
#footer a:hover{
	color:#fff;
	text-decoration:none;
	font-weight:normal;
}
.spacebar {
	margin:0 0px 0 0px;
	color:#fff;
	font-weight: regular;
}
.annulefloat{
clear:both;
padding:0 0 0 0;
margin:15px 0 0 0;
visibility:hidden;
}
/*////////////////////////// titre contenu //////////////////////////*/
#titre{
	float:left;
	font-family:verdana;
	font-weight:bold;
	padding: 0 0 0 0;
	margin:0 0 0 0;
	width:681px;
	height:24px;
	background-image:url(../img/titre.jpg);
}
#titre h2 {
	font-weight:bold;
	color:#fff;
	font-size:12px;
	margin:4px 0 0 70px;
	padding:0;
/*	line-height:1em;*/
}