/*****************
**** Styles généraux
******************/
body{
  margin:0;
  padding:0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color: #F4F6FA;
  text-align: center; /* pour corriger le bug de centrage IE */
  background-image: url(../images/fond.png);
}
.txt-gras-grand-bleu { font-size: 15px; font-weight: bold; color:#0000FF; }
.txt-gras-moyen-bleu { font-size: 9px; font-weight: bold; color:#0000FF; }
.txt-gras-moyen-noir { font-size: 11px; font-weight: bold; color:#000000;}
.txt-gras-petit-noir { font-size: 9px;  font-weight: bold; color:#000000;}
.txt-normal-petit-noir { font-size: 9px; font-weight: normal; color:#666666;} /* menuGauche */
.txt-normal-italic-petit-noir { font-size: 8px; font-weight: normal; font-style:italic; color:#666666;}
.txt-gras-petit-noir { font-size: 9px; font-weight: bold; color:#000000;}
.txt-gras-moyen-rouge { font-size: 10px; font-weight: bold; color:#FF0000;}
.txt-gras-moyen-noir-barre { font-size: 10px; font-weight: bold; color:#000000; text-decoration: line-through;}
.txt-gras-petit-noir-barre { font-size: 8px; font-weight: bold; color:#000000; text-decoration: line-through}
.txt-gras-grand-rouge { font-size: 14px; font-weight: bold; color:#FF0000;}
.txt-gras-petit-orange { font-size: 8px; font-weight: bold; color:#FFA200;}
.txt-gras-petit-vert {font-size: 8px; font-weight: bold; color:#00CC00;}
.txt-gras-moyen-plus-bleu {font-size: 11px; color: #0000FF; font-weight: bold;}
.txt-normal-moyen-noir { font-size: 10px; font-weight: normal;color:#000000;}
.txt-normal-moyen-orange { font-size: 10px; font-weight: normal; color:#FFA200;}
.txt-normal-moyen-vert { font-size: 10px; font-weight: normal; color:#00CC00;}
.txt-normal-moyen-plus-fond-blanc {  font-size: 12px; font-weight: normal; color:#000000; background-color:#FFFFFF;}

.ligne-hauteur-100 {
	width: 100%;
	height:100px;
}
ul {
  list-style:none;  
  font-size: 9px;
  font-weight: normal;
  color:#666666;
  padding:0;
  margin:0;
}
ol {
  font-size: 9px;
  font-weight: normal;
  color:#666666;
  padding:0;
  margin:0;
}

h1,h2,h3,h4,h5,h6{
  font-weight: bold;
  color:#0000FF;
  padding:0;
  margin:0;
}

a img{
padding: 0;
border:0;	
}

/***********
**** Liens
************/
a:link {  
color: #000000;
text-decoration: none;
}
a:visited {  
color: #000000;
text-decoration: none;
}
a:active {
color: #000000;
text-decoration: underline;
}
a:hover {
color: #000000; 
text-decoration: underline;
}

.bouton {
border: 1px solid #CCCCCC;
font-size: 10px;
font-weight:bold;
background-color: #03539A;
color: #FFF;
width: 100px;
margin-bottom: 5px;
margin-top: 10px;
left: 50%;
}
.select {
	border: 1px solid #CCCCCC;
	font-size: 10px;
	font-weight:bold;
	background-color: #03539A;
	color: #FFFFFF;
	width: 150px;
	margin-bottom: 5px;
	margin-top: 10px;
	left: 50%;
}
.selectTri {
	border: 1px solid #CCCCCC;
	font-size: 10px;
	font-weight:bold;
	background-color: #03539A;
	color: #FFFFFF;
	width: 150px;
	margin-bottom: 5px;
	margin-top: 10px;
	left: 50%;
}
.selectPage {
	border: 1px solid #CCCCCC;
	font-size: 10px;
	font-weight:bold;
	background-color: #03539A;
	color: #FFFFFF;
	width: 50px;
	margin-bottom: 5px;
	margin-top: 10px;
	left: 50%;
}
.input {
	border: 1px solid #CCCCCC;
	font-size: 10px;
	font-weight:bold;
	background-color: #03539A;
	color: #FFFFFF;
		margin-bottom: 5px;
	margin-top: 10px;

}

.boutonGo {
	border: 1px solid #CCCCCC;
	font-size: 10px;
	font-weight:bold;
	background-color: #03539A;
	color: #FFF;
	width: 30px;
	margin-bottom: 5px;
	margin-top: 10px;
	left: 50%;
}
.bord {
width: 100%;
height:100px;
/*background-image:url(../images/bord.gif);
background-repeat:repeat;*/
}

.bord3 {
width:100%;
height:30px;
background-image:url(../images/bord3.gif);
background-repeat:repeat;
font-size: 9px;
font-weight: normal;
/*color:#666666;*/
}
.bord4 {
width: 100%;
height:40px;
background-image:url(../images/bord4.gif);
background-repeat:repeat;
}
.bord5 {
width: 100%;
height:40px;
}
.bord6 {
width: 100%;
height:15px;
background-image:url(../images/bord5.gif);
background-repeat:repeat;
}
.bord7 {
width: 100%;
height:15px;
}
.bord8 {
width:100%;
height:35px;
background-image:url(../images/bord6.gif);
background-repeat:repeat;
}
.bordNews {
width:140px;
height:25px;
background-image:url(../images/bord3.gif);
background-repeat:repeat;
}
.fondBleu{
border:1px solid #CCCCCC;
background-color:#EEEEFF;	

}
.fondGris{
border:1px solid #CCCCCC;
background-color:#EEEEEE;	

}
hr{
 width:75%; 
}

#conteneur {
  width:1000px;
  margin-top:0;
  margin-bottom:0;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
  /*border:1px solid #F0F4FF;*/
}
.trait2{
  /*border-bottom: 5px solid #0000FF;
  border-left:2px solid #0000FF;*/
  background-image: url(../images/BarreBleue.gif);
  background-repeat:no-repeat;
  padding:10;
  margin:10;
  width:95%;
  height:25px;
}
.barreBleue{
  /*border-bottom: 5px solid #0000FF;
  border-left:2px solid #0000FF;*/
  background-image: url(../images/BarreBleue2.gif);
  background-repeat:no-repeat;
  padding:10;
  margin:10;
  width:95%;
  height:60px;
}
#encartPub{
  border:0px #CCCCCC solid;
  text-align:center;
  width:97%;
}
#lettre	ul {
margin:0pt;
padding:5px;
}
#lettre li {
display:inline;
list-style-type:none;
margin-left:14px;
}
.surbrillance {
	background-color: #EFEFEF;	
}

/************************************************************************************************
************************ Modules situes en Haut** ***********************************************
*************************************************************************************************/
/*******
*** Emplacement du header
********/

#header {
  width:1000px;
  height:145px;
}
#haut {
  height:30px;
  margin-left: auto;
  margin-right: auto;
  width: 99%;
}
#header img {
	border: 0;
	margin:0;
	padding:0;
}
span.texteSelection{
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
font-weight: bold;
color:#0000FF;
}
#englobeur{
width:100%;
height:16px;
text-align:center;
margin-top:5px;
}
span.selection{
background-image: url(../images/bord7.gif); 
background-repeat: repeat;
width:150px;
height:30px;
text-align:center;
margin : 5px;
padding : 2px;
border:1px #CCCCCC solid;

}
#selection{
text-align:center;
margin-left:auto;
margin-right:auto;
width:100%;
height:30px;
}

#menu {
position:relative;
width:100%;
text-align:center;
}

#warning {
}






/*********************************************************************
 ******************* Fin de module situé en haut
 *********************************************************************/
 
 
 
 /* CSS Document */
/***************************************************************************************************************************************
********************** MODULES SITUE à GAUCHE*******************************************************************************************
****************************************************************************************************************************************/

#gauche {
  float:left;
  width:167px;
}

/*********************************
************ Position de la date
**********************************/
#dateDuJour{
width:167px;
height:25px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 9px; 
font-weight: bold;
background-color:#EEEEFF;
color:#0000FF;
border:1px #CCCCCC solid;
text-align:center;
}

/*******
*** Placement du Moteur de recherche
********/
#menu-Search{
width:167px;
height:70px;
border:1px #CCCCCC solid;
background-color:#EEEEFF;
z-index:1;
margin-top:18px;
}

.search {
width:100%;
height:30px;
background-image:url(../images/bord3.gif);
background-repeat:repeat;
}
/*******
*** Placement des navigations de recherche
********/
#search2{
left: 0%;
top:485px;
height:20px;
}

#menu-EnCeMoment {
width:167px;
height:230px;
border:1px #CCCCCC solid;
background-color:#EEEEFF;
}

#menu-TopVentes {
width:167px;
height:auto;
border:1px #CCCCCC solid;
background-color:#EEEEFF;
z-index:1;
}
#menu-TopVentes ol {
	width:142px;
	font-size:9px;
	margin-left:25px;
}
#menu-TopVentes ol a {
	font-size:9px;
	color:#000000;
	font-weight:bold;
}
#menu-Populaires {
width:167px;
height:230px;
border:1px #CCCCCC solid;
background-color:#EEEEFF;
z-index:1;
}
#menu-DerniersArrivages {
width:167px;
height:auto;
border:1px #CCCCCC solid;
background-color:#EEEEFF;
z-index:1;
}
#menu-DerniersArrivages ul {
	list-style-image: url("./../images/puceJaunes.gif");
	width:150px;
	margin-left:15px;
}
#menu-DerniersArrivages ul a {
	font-size:9px;
	color:#000000;
	font-weight:bold;
	left:15px;
}

/*******
*** Emplacement du menu Services
********/
#menu-Services {
width:167px;
height:115px;
border:1px #CCCCCC solid;
background-color:#EEEEFF;
z-index:1;
}


/*******
*** Emplacement du menu Vos garanties
********/
#menu-Garanties {
width:167px;
height:200px;
border:1px #CCCCCC solid;
background-color:#EEEEFF;
z-index:1;
}

/************
***** Menu qui sommes nous	
************/
#menu-Who{
width:167px;
height:130px;
border:1px #CCCCCC solid;
background-color:#EEEEFF;
z-index:1;
}
 
 
 
 /***************************************************************
  ******************* Fin de module situé à gauche
  ***************************************************************/   
 
  
  
 
/***************************************************************************************************************************************
********************** MODULES SITUE à DROITE*******************************************************************************************
****************************************************************************************************************************************/

#droite {
  float:right;
  width:167px;
}


/*******
*** Emplacement du menu Panier
********/
#menu-Panier {
width:167px;
border:1px #CCCCCC solid;
background-color:#EEEEFF;
z-index:1;
}
/*******
*** Emplacement du menu Espace client
********/
#menu-EspaceClient {
width:167px;
height:80px;
border:1px #CCCCCC solid;
background-color:#EEEEFF;
z-index:1;
}

/*******
*** Emplacement du menu Menu principal
********/
#menu-Nouveautes {
width:167px;
height:120px;
border:1px #CCCCCC solid;
background-color:#EEEEFF;
z-index:1;
}


/*******************
******* Module des meilleurs ventes toutes catégories confondus
********************/
#topVente{
display:block;
width:167px;
height:260px;
border:1px #CCCCCC solid;
background-color:#EEEEFF;
z-index:1;
}



/*************************
******** Module du bouche à Oreille
**************************/
#menu-FaireConnaitre{
	border:1px #CCCCCC solid;
	background-color:#EEEEFF;
	text-align:center;
	width:167px;
	height:140px;
}
#menu-Newsletter{
	border:1px #CCCCCC solid;
	background-color:#EEEEFF;
	text-align:center;
	width:167px;
	height:105px; 
}


/***************
******* Actualité
****************/
#fluxJVFR{
width:167px;
border:1px #CCCCCC solid;
background-color:#EEEEFF;
}

#connectAs{
border:1px #CCCCCC solid;
background-color:#EEEEFF;
text-align:center;
width:167px;
height:25px;
margin-bottom:10px;
}

#connect{
border:1px #CCCCCC solid;
background-color:#EEEEFF;
text-align:center;
width:167px;
height:155px; 
}



 /*****************************************************************
   * **************************  Fin de module situé à droite
   *****************************************************************/     



/*********************************************************************
 ****************** Module de la fiche détail produit
 *********************************************************************/
 
 /*************************************************************************************************************************
*************** Mise en place d'une fiche produit ************************************************************************
**************************************************************************************************************************/
#englobe{
width:100%;
height:350px;
border:0px #EEEEEE solid;
}
#image {
float:left;
text-align:center;
width:180px;
margin-top:40px;
margin-left:10px;
border:0px #EEEEFF solid;

}

#detail{
float:right;
width:60%;
height:245px;
margin-top:40px;
margin-right:10px;
border-left:1px #CCCCCC solid;
border-top:1px #CCCCCC solid;
border-right:1px #CCCCCC solid;
padding:0;

}
#detail ul {
	margin-left:10px;
	font-size:10px;
  font-weight:normal;
  color:#000000;
  list-style: none;
}
#detail li {
  background-image: url(../images/puceJaunes.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 12px;
margin: .4em 0;
vertical-align: top;
}
#detail2{
float:left;
margin-top:15px;
width:98%;
border:0px #000000 solid;
}
#prixBuy{
float:right;
width:60%;
height:45px;
margin-top:0px;
margin-right:10px;
border-left:1px #CCCCCC solid;
border-bottom:1px #CCCCCC solid;
border-right:1px #CCCCCC solid;
padding:0;
}
#prix{
float:left;
height:25px;
width:200px;
border:0px #0000FF solid;
margin-left:10px;
}
#buy{
float:left;
height:25px;
width:75px;
border:0px #EEEEFF solid;
}
#stock{
margin-bottom:10px;
float:right;
width:65%;
border:0px #EEEEFF solid;
}
#imageTitre{
float:right;
margin-right:10px;
}
#titreArticle{
float:left;
margin-left:10px;
font-size: 15px;
font-weight:bold;
font-family: Verdana, Arial, Helvetica, sans-serif; 
color:#333333;
}
#desc{
width:97%;
margin-top:55px;
margin-left:5px;
border:1px #CCCCCC solid;
}
#existe{
width:97%;
margin-top:45px;
margin-left:5px;
height:50px;
border:1px #CCCCCC solid;
}
#existe a{
color:#0000FF;
}
#desc2{
width:100%;
}

.trait{
border-bottom: 5px solid #0000FF;
border-left:2px solid #0000FF;
padding:5;
margin:5;
width:97%;
height:10px;
}
.trait3{
  width:20%;
  height:2px;
  background-color:#0000FF;
  padding:0;
  margin: -0.5em 0;
}
.trait3 hr{

  height: 4px;
  width:97%;
  margin: -0.5em 0;
  padding: 0;
  color: #0000FF;
  background-color: #0000FF;
  border: 0;

}



#imprimer{
float:left;
margin-left:8px;
border:0px #CCCCCC solid;
}
#note{
float:left;
margin-left:8px;
border:0px #CCCCCC solid;
}
#video{
float:left;
margin-left:8px;
border:0px #CCCCCC solid;
}
#commentaire1{
float:left;
margin-left:8px;
border:0px #CCCCCC solid;
}
#commentaire2{
float:left;
margin-left:8px;
border:0px #CCCCCC solid;
}
#recommander{
float:left;
margin-left:8px;
border:0px #CCCCCC solid;
}
.video{
float:left;
border:0px #CCCCCC solid;
}
#plusDetails{
  width:100%;
  min-height:50px;
  height:auto !important;
  height:50px;
}
span.plusDetails {
  display:block;
  float:left;
  width:200px;
  padding:0px;
  margin:5px;
}
span.plusDetails img{
  width:200px;
}
 
 
 
 
 
 
 
 
 
 /*********************************************************************
  ***************** Fin module de la fiche détail produt
  *********************************************************************/    



/************************************************************************************************
************************ Modules situes au centre ***********************************************
*************************************************************************************************/

/*******
*** Centre contenu
********/

#contenu {
margin-left:175px;
margin-right:175px;
}
/***************
******* Pour enfermer lorsqu'un tablo trop gros se trouve decalé OK FIREFOX & IE
****************/
#tablo{
width:100%;
}
#commentaires {
left: 0%;
top:0px;
max-width:300px;
width:300px;
}
/*******
*** Placement du bread crunch
********/
#breadCrunch{
text-align:left;
height:25px;
font-weight:bold;
color:#0000FF;
background-color:#EEEEFF;
border:1px #CCCCCC solid;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 9px;
}

#facebook {
	float: right;
	width:100px;
	height: 25px;
	}

#filtre table{
	background-color:#EEEEFF;
	width:100%;
	border:1px solid #CCCCCC;
}
#filtre th{
	color:#333333;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px;
	font-weight:bold;
	text-align:center;
	border:0px solid #CCCCCC;
}
#filtre td{
	text-align:center;
	border:0px solid #CCCCCC;
}
#filtre td{
  border:0px solid #CCCCCC;
}
#filtre select{
  width:124px;
}
#filtre tr.th{
text-align:center;
background-image:url(../images/bord3.gif);
background-repeat:repeat;
}
#filtre td.centre{
text-align:center;
}
#filtre td.titreTab{
text-align:center;

}
/*******************
****** Placement des news par catégorie
********************/
#newsCategorie {
position:relative;
text-align:center;
height:250px;
width:100%;
background-color:#EEEEEE;
border:1px solid #CCCCCC;
}
/*******************
****** Placement des news par catégorie
********************/
#newsALaUne {
position:relative;
text-align:center;
height:210px; 
width:99%;
border:0px solid #CCCCCC;
}
/*******************
****** Placement des news par catégorie
********************/
#meilleuresVentes {
position:relative;
text-align:center;
height:200px;
width:100%;
background-color:#EEEEEE;
border:1px solid #CCCCCC;
}


/******************
******** Placement de la barre creation de compte
*******************/
#barCompte{
width:100%;
height:16px;
background-image:url(../images/barCompte.gif);
background-repeat:repeat;
border:0px;
z-index:2;
}
/******************
******** Placement de la barre creation de compte
*******************/
#barCompte1{
text-align:center;
float:left;
width:45%;
height:16px;
z-index:3;
}
/******************
******** Placement de la barre creation de compte
*******************/
#barCompte2{
text-align:center;
float:right;
width:45%;
height:16px;
z-index:3;
}
/******************
******** Placement de creation de compte
*******************/
#compte{
width:100%;
height:200px;
background-color:#EEEEFF;
border: 1px solid #CCCCCC;	
z-index:1;
}
/******************
******** Placement de creation de compte
*******************/
#compte1{
float:left;
margin-top:50px;
margin-left:20px;
text-align:center;
z-index:3;
font-size: 9px; 
font-weight: bold; 
}
/******************
******** Placement de creation de compte
*******************/
#compte2{
float:right;
margin-right:40px;
z-index:3;
font-size: 9px; 
font-weight: bold;
text-align:center;
}
/******************
******** Placement de la barre creation de compte
*******************/
#suiviCompte{

width:100%;
height:16px;
background-image:url(../images/barCompte.gif);
background-repeat:repeat;
border:0px;
z-index:2;
}
/******************
******** Placement de la barre creation de compte
*******************/
#suiviCompte2{
text-align:center;
width:100%;
height:16px;
z-index:3;
}
/******************
******** Placement de suivi de commande
*******************/
#suivi{

left: 0%;
top: 40px;
width:100%;
height:200px;
background-color:#EEEEFF;
border: 1px solid #CCCCCC;	
z-index:1;
}
/******************
******** Placement suivi de commande
*******************/
#suivi1{
margin-left:15%;
left: 13%;
top: 50px;
width:100%;
height:100%;
z-index:3;
}
/******************
******** Caddie
*******************/
#caddie{

left: 0;
top: 45px;
width:100%;
height:auto;
background-color:#EEEEFF;
border:1px solid #CCCCCC;
z-index:0;
}
/******************
******** Caddie
*******************/
#caddie2{

left: 0;
top: 455px;
width:100%;
height:auto;
background-color:#EEEEFF;
border:1px solid #CCCCCC;
z-index:0;
}
/******************
******** Caddie
*******************/
#recapLivraison{
width:100%;
height:275px;
	
}
#recap{
float:left;
margin-left:30px;
background-color:#EEEEEE;
border:1px solid #CCCCCC;
}
/******************
******** Caddie
*******************/
#livraison{
float:right;
margin-right:30px;
background-color:#EEEEEE;
border:1px solid #CCCCCC;
}
/******************
******** Caddie
*******************/
.caddie{
width:100%;
height:auto;
background-color:#EEEEFF;
border:1px solid #CCCCCC;
z-index:1;
}
.recap{
height:auto;
background-color:#EEEEFF;
border:1px solid #CCCCCC;
}
/******************
******** Caddie
*******************/
#inscrit{

left: 0;
top: 45px;
width:100%;
height:auto;
background-color:#EEEEFF;
border:1px solid #CCCCCC;
z-index:0;
}
/******************
******** Caddie
*******************/
#cadeaux{

left: 0;
top: 290px;
width:100%;
height:auto;
background-color:#EEEEFF;
border:1px solid #CCCCCC;
z-index:0;
}

/*************************
****** Cadre enregistrement
**************************/
#enregistrement {
left: 0px;
top:27px;
width:100%;
height:auto;
border:1px #CCCCCC solid;
background-color:#EEEEFF;
z-index:1;
text-align:center;
}
#enregistrement a:hover{
font-weight:normal;
}
/*************************
****** Cadre enregistrement
**************************/
#enregistrement_livraison2 {

left: 0px;
top:27px;
width:100%;
height:auto;
border:0px #CCCCCC solid;
background-color:#EEEEFF;
z-index:1;
}
#enregistrement_livraison2 a:hover{
font-weight:normal;
}

/*************************
****** Cadre enregistrement
**************************/
#genre {

left: 0px;
top:27px;
width:100%;
height:100%;
border:1px #CCCCCC solid;
background-color:#EEEEFF;
z-index:1;
}

/******************************
********* Emplacements générique pour Top vente, nouveauté, préco, calendrier
*******************************/
#nouveau{
width:100%;
margin-left:auto;
margin-right:auto;

border:1px #CCCCCC solid;
background-color:#EEEEFF;
}
#nouveau_cadre{
margin-left:auto;
margin-right:auto;
width:200px;
}
#nouveau a:hover{
font-weight:normal;	
}
#plan1{
left:0%;
top: 70px;
width:100%;
background-color:#EEEEFF;
border:1px #CCCCCC solid;
}
#plan1 a:hover{
font-weight:normal;	
}
#plan2 a:hover{
font-weight:normal;	
}
#plan2{

left:0%;
top: 300px;
width:100%;
border:1px #CCCCCC solid;
background-color:#EEEEFF;
}
/***********************
********* Compte Modifier compte deconnexion....
************************/
#comptes{
border:1px solid #CCCCCC;
width:100%;
background-color:#EEEEFF;
text-align:center;
}

#comptes table {
  margin-left:auto;
  margin-right:auto;
  font-size: 9px;
  font-weight: normal;
}
#comptes table a {
  color:#666666;
}
/*****************
******** Actu du site
******************/
#actu{
float:left;
margin:15px;
width:200px;
border:1px solid #CCCCCC;
background-color:#EEEEFF;
}
/**********
 **** Adresses de livraison
 **********/ 
.adresseLivraison{
  float:left;
  width:250px;
  height:auto;
  text-align:left;
  margin-left:50px;
  margin-bottom:30px;
  border:0px #CCCCCC solid;
  font-size: 11px;
  font-weight: bold;
}
#adresseLivraisons{
  left: 0px;
  top:27px;
  width:100%;
  height:auto;
  border:1px #CCCCCC solid;
  background-color:#EEEEFF;
  z-index:1;
  /*min-height:400px;
  height:auto !important;
  height:400px;*/
  height:100%;
}
.adresseLivraisonDetail{
margin-left:15px;
margin-top:15px;
}
.payer_achat{
margin-bottom:5px;
text-align:center;
}
.code_reduc{
margin-right:5px;
text-align:right;
}

#precommande ul {
    list-style:none;  
    padding:0;
    margin-bottom:-10px;
    margin-top:-1px;
}

#precommande li {  
    display:inline;          
    padding:0 10px;
}
#nouveaute ul {
    list-style:none;  
    padding:0;
    margin-bottom:-10px;
    margin-top:-1px;
}

#nouveaute li {  
    display:inline;          
    padding:0 10px;
}

/******************
 * Fin des styles du module du centre
 * *****************/ 










/*******
*** Placement du pied de page
********/
#footer{
clear:both;
text-align:center;
height:100px;
border:0px #000000 solid;
}

#pdp {
	text-align:center;
    background-image:  url("../images/pdp.jpg");
    background-repeat: no-repeat;
    height: 60px;
    width: 1000px;
	margin-left: auto;
	margin-right: auto;
     

}
#pdp ul {
	color:#000000;
	width:500px;
	margin-left: auto;
	margin-right: auto;
	left:3%;
}

#pdp li {
	display:inline;
	width:auto;
	padding:5;
	margin:5;
}
#pdp li a {
	color:#000000;
	font-weight: bold;
}

#pdptext {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
 
}
/*************************
 * Fin traitement Pied de page
 * ***********************/









/* CSS Document */
/***************
***** Position des news
***************/

#newsCat1{
position:absolute;
top:10px;
left:3%;
margin:0;
padding:0;
}
#newsCat2{
position:absolute;
top:10px;
left:35%;
margin:0;
padding:0;
}
#newsCat3{
position:absolute;
top:10px;
left:67%;
margin:0;
padding:0;
}




div.tableauMenu * {
margin:0;
padding:0;
}
div.tableauMenu {
height:180px;
width:160px;
}



/* marges, padding, et epaisseur de la bordure qui doivent ?re identiques pour conserver l'alignement */
div.corpsMenu {
  margin:1px;
}
div.newsGaucheMenu{
  float:left;
  width:75px;
  min-height:130px;
  height:auto !important;
  height:130px;
}
div.newsDroiteMenu{
  float:right;
  width:75px;
    min-height:130px;
  height:auto !important;
  height:130px;
}
span.miniatureAccueilMenu {
  display:block;
  float:left;
  width:75px;
  margin:0px;
  padding:0;
  vertical-align: middle; 
}
span.detailAccueilMenu {
  display:block;
  float:left;
  width:75px;
  margin:0px;
  padding:0px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:8pt;
  vertical-align: middle;
}
/* hauteur et style du texte des cellules d'entete */
div.enteteMenu span.miniatureAccueilMenu{
  height:3.2em;
  font-weight:bold;
  font-size:8pt;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  text-align:center;
  width:165px;
}
/* hauteur des cellules du corps */
div.corpsMenu span.miniatureAccueilMenu{
  min-height:130px;
  height:auto !important;
  height:130px;
  width:80px;
  text-align:center;
  margin-left:1px;
  margin-top:2px;
  vertical-align: middle;
}
div.corpsMenu span.detailAccueilMenu {
  height:25px;
  width:75px;
  text-align:center;
  margin-top:1px;
  margin-left:0px;
  vertical-align: middle;
}
span.newsMenu {
  display:block;
  float:left;
  width:165px;
  margin-top:25px;
  padding:0px;
  min-height:130px;
  height:auto !important;
  height:130px;
}



div.tableau * {
margin:0;
padding:0;
}
div.tableau {
border:1px solid #CCCCCC;
background-color:#EEEEFF;
position:absolute;
height:180px;
width:170px;
}


/* sous IE l'utilisation de hr laissait un espace disgracieux entre la derni?e cellule et le bord de .tableau */
.clear {
display:block;
visibility:hidden;
clear:both;
}
div.entete{
 margin:0;
 padding:0;
 }
/* marges, padding, et epaisseur de la bordure qui doivent ?re identiques pour conserver l'alignement */
div.corps {
  margin:1px;
}
div.newsGauche{
  float:left;
  width:80px;
  min-height:130px;
  height:auto !important;
  height:130px;
}
div.newsDroite{
  float:right;
  width:80px;
    min-height:130px;
  height:auto !important;
  height:130px;
}
span.miniatureAccueil {
  display:block;
  float:left;
  width:80px;
  margin:0px;
  padding:0;
  vertical-align: middle; 
}
span.detailAccueil {
  display:block;
  float:left;
  width:80px;
  margin:0px;
  padding:0px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:8pt;
  vertical-align: middle;
}
/* hauteur et style du texte des cellules d'entete */
div.entete span.miniatureAccueil{
  height:3.5em;
  font-weight:bold;
  font-size:8pt;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  text-align:center;
  width:170px;
  background-image:url(../images/bord7.gif);
  background-repeat:repeat;
  vertical-align: middle;
}
/* hauteur des cellules du corps */
div.corps span.miniatureAccueil{
  min-height:130px;
  height:auto !important;
  height:130px;
  width:80px;
  text-align:center;
  margin-left:1px;
  margin-top:2px;
  vertical-align: middle;
}
div.corps span.detailAccueil {
  height:25px;
  width:80px;
  text-align:center;
  margin-top:1px;
  margin-left:0px;
  vertical-align: middle;
}
span.news {
  display:block;
  float:left;
  width:175px;
  margin-top:55px;
  padding:0px;
  min-height:130px;
  height:auto !important;
  height:130px;
}


.accueil{
  width:99%;
  min-height:130px;
  height:auto !important;
  height:130px;
  border:0px solid #CCCCCC;
}

.texteSelection {
  width:95%;
  border:0px solid #CCCCCC;
  margin-left:25px;
  margin-right:15px;
}

.accueilBienvenue{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size:10pt;
color:#03539A;
margin-left:-11px;
}
.englobeNouveaute{
  margin-left:60px;
  min-height:950px;
  height:auto !important;
  height:950px;
  width:98%;
}
.nouveautes{
  width:99%;
  min-height:800px;
  height:auto !important;
  height:800px;
  border:0px solid #CCCCCC;
}
.nouveautesBienvenue{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size:10pt;
color:#03539A;
margin-left:-11px;
}
.englobeNouveauteCat{
margin-left:60px;
min-height:400px;
  height:auto !important;
  height:400px;
}
.nouveautesCat{
  width:97%;
  min-height:470px;
  height:auto !important;
  height:500px;
  border:0px solid #CCCCCC;
  margin-bottom:20px;
}

.nouveautes ul {
    list-style:none;  
    padding:0;
    margin-bottom:-10px;
    margin-top:-1px;
}

.nouveautes li {  
    display:inline;          
    padding:0 10px;
}


/********************************
 ********** Fin module news
 *********************************/ 







/***************************
 ********* Fin module news menu
 ***************************/ 
 
 
 /****************
  * Module menu Horizontal
  ****************/     
.menuhorizontal{
font-size: 9px; 
font-weight: bold;
color:#000000;
width: auto;
text-align:left;
}
* html .menuhozizontal{
	height: 1%;
}
.menuhorizontal ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Element du haut*/
.menuhorizontal ul li{
z-index:100;
position: relative;
display: inline;
float: left;
background-image: url('../images/bord3.gif');
background-repeat:repeat;
}

/*Style lien element haut*/
.menuhorizontal ul li a{
display: block;
padding: 8px 9px;
border-right: 1px solid #CCCCCC;
font-size: 9px; 
font-weight: bold;
color:#000000;
background-image: url('../images/bord3.gif');
background-repeat:repeat;
text-decoration: none;
}

* html .menuhorizontal ul li a{
display: inline-block;
}

.menuhorizontal ul li a:link, .menuhorizontal ul li a:visited{
color: #000000;
}

.menuhorizontal ul li a:hover{
background: #CCCCCC;
color: #0000FF;
text-decoration: none;
}
	
/*Sous menu niveau 1*/
.menuhorizontal ul li ul{
position: absolute;
left: 0;
display: none;
visibility: hidden;
background: #EEEEFF;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.menuhorizontal ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.menuhorizontal ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.menuhorizontal ul li ul li a{
font-size: 9px; 
font-weight: bold;
color:#000000;
width: 100px; /*width of sub menus*/
padding: 5px;
margin: 0;
left:10px;
border-top-width: 0;
border-bottom: 1px solid #CCCCCC;
background: #EEEEFF;
line-height: 12px;
}

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

.ombre{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.ombreNiveau{
opacity: 0.8;
}    
/***************
 ***** Fin module menuHorizontal
 ***************/ 
 /*
#dhtmlfloatie{
	position: absolute;
	left: 0;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	border: 1px solid #CCCCCC;
	padding: 5px;
	text-align:center;
	z-index: 100;
}
#dhtmlfloatie a {
	color:#000000;
	font-weight:bold;
	font-size:8pt;
	
}*/
/*************
**** Module menu Bis gauche
**************/
.menuCatalogue{
width: 167px;
margin:0;
padding:0;
border:0;
}

.menuCatalogue .headerbar{
margin: 0;
padding:0;
border:0;
height:16px;
line-height: 16px;
}

.menuCatalogue .headerbar a{
text-decoration: none;
display: block;
border:0;
height:16px;
line-height: 16px;
}

.menuCatalogue ul{
list-style-type: none;
margin: 0;
padding: 0;
border:0;
}

.menuCatalogue ul li{
padding:0;
margin:0;
list-style-image: url('./../images/pucesJaunes.gif');
list-style-position :inside;
}

.menuCatalogue ul li a{
display: block;
line-height: 18px;
padding-left: 15px; /*link text is indented 8px*/
text-decoration: none;
font-size: 9px; 
font-weight: bold;
color:#000000;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid #CCCCCC;
background: #EEEEFF;
}

.menuCatalogue ul li a:visited{
color: #000000;
}

.menuCatalogue ul li a:hover{ /*hover state CSS*/
background: #CCCCCC;
color: #0000FF;
text-decoration: none;
}
.menuCatalogue h3 {
margin:0;
padding:0;
line-height: 0;
border:0;
}