body{margin: 0;padding:0;}

body, #bodyCentered {
  	background : white url(Images/fond17.gif) top center repeat-y;
	margin: 0;
	padding: 0;  
	text-align:center; /*no doctype "hack"*/
}



h1, h2, h3, h4 { margin: 0; }
p {margin-bottom:0}
img{border: none;}

/*----------------------------------------------------------- Conteneur Général */

#Conteneur      {width:1100px;height:930px;margin: 0 auto;}
#Bandeau,#BarreNavig01,#ligne_sm,#BarreNavig02,#Contenu_Gauche,#Titre_contenu, #Contenu {float:left;}
#Bandeau        {width:1100px;height:140px;}
#BarreNavig01   {width:1100px;height:60px;}
#ligne_sm       {width:1100px;height:2px;}
#BarreNavig02   {width: 644px;height: 30px;}	
#Contenu_Gauche {width: 200px;height:795px;}	
#Titre_contenu  {width: 900px;height: 35px;}	
#Contenu        {width: 900px;height:760px;/*overflow: auto;*/}
#PiedPage       {clear:both;width:1100px;height:45px;text-align :left;/*pour ie*/}	



  
/* ------------------------------- Menu Acceuil ---------------------------------------------- */ 

#menu01 {margin: 30px 0 0 0 ;padding: 0 190px;font-family: Arial , Helvetica, Verdana, Univers ; font-weight : bold ;font-size: 13pt;list-style-type:none;}

#menu01 li {float: left;margin: 0 0 0 15px ; padding: 0 0 0 0;display: block ;width: 160px;
list-style-type:none;color: blue;text-align:center;border: 01px solid #0099ff ;background-color:#D9ffff;}	

#menu01  a {display: block;margin: 0 0 0 0 ; padding: 5px 0 5px 0;color: #0099ff;text-decoration:none;} /*color */

#menu01 a:link {} 
#menu01 a:visited {color: #0099ff;text-decoration:none;} /*ie*/  
#menu01 a:hover {color: #99ff00;background-color:white;}
#menu01 a:active {color:#99ff00;background-color:white;}


/* -------------------------------- Affichages ------------------------------------------------- */
.Titre001 {margin:50px 0 60px ;padding:0; width:650px;height:30px; background-color:yellow;
font-family: Times new roma, Arial , Helvetica, Verdana, Univers ; font-weight : bold ;color:#0099ff; font-size:25px;text-decoration: none;}
.Titre002 {margin:0 ;padding:0 0 0 20px;width:100px;height:20px;background-color:yellow;
text-align : left; font-weight : bold ;color:#0099dd; font-size:15px;text-decoration: none;}




/* ------------------------------- Menu Catalogue ---------------------------------------------- */ 
#BoxMenuCatalogue {margin: 0; width: 200px ;height: 205px ;/*background-color:red;*/}

ul#MenuCatalogue {
   font-family: Times new roma, Arial , Helvetica, Verdana, Univers ; 
   font-weight : bold ;   font-style: italic;

   color: #DDDEDE;   
   list-style-type: none;	
   } 

ul#MenuCatalogue li {  float: right;
   margin: 0 0px 2px 0px ;
	padding: 0;/*background: url(Images/FondMenuCatalogue03.png) no-repeat 0 0 ;*/
   background: url(Images/FondTitre2.png) no-repeat 0 0 ;
	}

ul#MenuCatalogue a {
	display: block ;	
	color: green ;
	font-size: 11pt ;
	width: 130px ;/*158*/
	line-height:25px ;/*30*/
	text-indent: 50px ;/*80*/
	text-decoration: none ;
	border: 0px solid gray ;
   }
	 
ul#MenuCatalogue a:hover {	
   border: 0px solid #3333FF ;
	font-size: 13pt ;
	color: blue ;/*background: url(Images/FondMenuCatalogue03.png) no-repeat 0 -30px ;*/
   background: url(Images/FondTitre3.png) no-repeat 0 0 ;
	
   }

   
   
	
	
/* ------------------------------- Menu PiedPage ---------------------------------------------- */ 
#MenuPiedPage {margin: 00px auto 0px;width:500px;height:25px;text-align :center;/*background-color:blue;*/}	

ul#Menu_PiedPage li {list-style-type: none;float: left; /* Menu en ligne */margin: 0 3px 0;padding: 0 ;	/*background-color:blue;*/}
ul#Menu_PiedPage li a	{color: #f0f0f0;}


#PosInfo02 {margin: 0 auto 0;padding: 0; width:500px;height:20px;	text-align :center;/*background-color:red;*/}




/*----------------------------------------------------------------------------------------- MENUE GAUCHE*/

#TitreMenuGauche01, #TitreMenuGauche02, #TitreMenuGauche03, #TitreMenuGauche04 {	padding:0; width:200px; height:20px;color:#006600;	text-align : center;/*background-color:#e3ff77;*/background-image: url(Images/FondTitre.png) }
#TitreMenuGauche01 {	margin:10px auto;}
#TitreMenuGauche02 {	margin:25px auto 0;}
#TitreMenuGauche03 { margin:25px auto 0;}	
#TitreMenuGauche04 { margin:25px auto 0;}	

#MontantPanier { margin:0 auto }
#formVoirPanier,#formInfoNew{ margin:0}

#LabelMenuGauche01 { margin:10px auto 0;	padding:0;width:150px; 	text-align : center;}


#SaisieEmail { margin:0 auto 10px;padding:0;width:150px;}

/* Supprime le titre */
.Supprime {float:right;margin:0;padding:0; line-height: 0px;/*marche pour IE7*/font-size: 0px; /* marche dans firefox*/text-align: right;}	

.centre {margin: 0 auto;}

.EtatPanier { margin:05px auto 5px; padding:0;width:170px;text-align : center;}	
.DecorText01{font-family: Arial , Helvetica, Verdana, Univers ; font-weight : bold ;color:#0052b9;font-size:12px;}
.DecorText02{color:#005200;}
.DecorText03{color:#FF6600;}
#MessageInfo {	margin:10px 0 0 10px;width: 185px;	text-align : left;font-size: 12px;}


/*------------------------------------------------------------------- Affiche la categorie --------------------------------*/

.AfficheLigneTexte01 {  margin:0 0 0 15px;font-family: Arial , Helvetica, Verdana, Univers;font-size:15px;text-align:left;color:black;}

#Afficheparcategorie01 {float:left;margin: 0 ;	padding: 0 ; width:225px; height:225px;background: url(Images/CadreArticle.png);}
#Afficheparcategorie02 {float:left;width:225px; height:135px; text-align:center;   /*background-color:yellow;*/}
#Afficheparcategorie03 {float:left;width:140px; height:90px;margin: 0 ;	padding: 0;/*background-color:red;*/}
#Afficheparcategorie04 {float:left;width:85px; height:90px;margin: 0 ;	padding: 0;/*background-color:green;*/}


/*#PosImage01 {position:relative; top:15%;}*/
#PosImage01 { margin:17px auto 0;}

.AffichePrixvente02 {float:right;margin:35px 0 0 0; padding: 0; width:85px; height:25px; text-align:center;font-size:15px;}

.AfficheIE8 {text-decoration: none;}
.AfficheInfo {float:left;padding:0;width:130px;height:35px; text-align : left;font-size:12px; }
.AfficheInfo01 {  margin:15px 0 0 15px; }
.AfficheInfo02 {  margin:05px 0 0 15px; font-style: italic;font-size:11px;color:black;}
.AfficheInfo04 {  margin:2px auto 0;width:150px;height:08px;font-weight : bold ;font-style: italic;font-size:10px;color:#336600 ;text-decoration: none;}
/*background-color:yellow;*/}

#AfficheLibelle {float:left;  width:20px; height:25px;}

#AfficheRéférence {float:left; width:20px; height:25px;}





/*---------------------------------------------------------- Selection d'article ---------------------------- */

#ImageSelect01, #ImageSelect02, #ImageSelect03, #ImageSelect04  {width:400px; height:250px; border: 2px solid blue;}
#ImageSelectG {margin: 10px 0px 0px 45px; width:813px; height:514px; border: 2px solid blue;}
#ImageSelectP {margin: 0;width:0px; height:0px;}

#ImageSelect01 {margin: 10px 5px 0px 45px;}

#ImageSelect02 {margin: 10px 0px 0px 0px;}
   
#ImageSelect03 {margin: 05px 05px 0px 45px;}
   
#ImageSelect04 {margin: 05px 0px 0px 0px;}

#Commentaires {
   float:left;
   margin: 15px 0 0 45px ;
   padding: 10px 0 0 20px;
   width:647px; height:75px;
   font-size:14px;
   text-align : left;
   /*background-color:#DD9941;*/
   list-style-position:inside;background-image: url(Images/FondContenu.png);
   }
   
#AffichePrixvente {
   float:left;
   margin: 15px 30px 0 0px ;
   padding: 20px 10px 0 0px;
   width:140px; height:65px;
   text-align:right;	   
	font-size:35px;
	font-weight:bold;
	color:#0052b9;background-image: url(Images/FondPxVente.png);
}

#VoyantStock     {float:left;margin: 16px 0 0 55px;}
#EtatStock       {float:left;margin: 18px 0 0 10px;	font-size:14px;}   
#LabelTaille     {float:left;margin: 18px 0 0 40px;padding:0;width:100px;	font-size:14px;}  
#ChoixTaille     {float:left;margin: 15px 0px 0 0;padding:0;width:140px;} 
#BoutonAjout     {float:right;margin:15px 55px 0 0px;width:120px;}

#formChoixTaille {margin: 0px 0 0 0;padding:0;}   
  

#InformationBas  {float:left;margin: 35px 0 0 50px;padding:0;width:800px;font-style: italic;font-weight:bold;color:#FF6600;}  
   
   





/*------------------------------------------------------------------- SUIVI DE COMMANDE --------------------------------*/
.Titre01 {float: left; font-weight : normal ; font-style: italic;text-align:left; color: #3B5998;}
.Titre01a {margin:30px auto 10px 30px;width:700px;}
.Titre01b {margin:00px 00px 00px 30px;width:300px;}
.Titre01c {margin:00px 40px 00px 00px;float: right;width:400px;text-align:right;}

.Titre01d {margin:30px 00px 10px 30px;width:500px;}
.Titre01e {margin:30px 40px 00px 00px;float: right;width:250px;text-align:right;}

.Titre02Color {color:#FFD680;}


#EnteteSuiviCommande {float: left;margin: 20px auto 15px;width:900px;height:25px;/*background-color:yellow;*/}
   
.SCE00 {float: left;margin:00px 2px 20px 00px; height:23px; text-align:center; background-color:#99CCFF; font-weight : bold ;}
.SCE01 {margin:00px 2px 20px 50px;width:170px;  }
.SCE02 {width:100px; }
.SCE03 {width:80px; }
.SCE04 {width:130px; }
.SCE05 {width:80px; }

.SCL00 {float: left;margin:3px 2px 0 00px; height:23px; text-align:center;background-color:#EBF4FE; }
.SCL01 {float: left;margin:3px 2px 0 50px; width:170px; }

#LigneSuiviCommande01 {margin:05px 2 0 35px; width:150px; text-align:center;}

#BoutonRetour {float: right; margin:20px 50px 0 0;width:170px;  }






/*------------------------------------------------------------------- Voir COMMANDE --------------------------------*/

.VCE00 {float: left; margin:20px 2px 20px 00px; height:23px; text-align:center; background-color:#FFD680; font-weight : bold ;}
.VCE01 { margin:20px 2px 20px 100px;width:300px;  }
.VCE02 {width:100px; }
.VCE03 {width:80px; }
.VCE04 {width:130px; }
.VCE05 {width:80px; }

.VCL00 {float: left;margin:3px 2px 0 00px; height:23px; text-align:center;background-color:#EBF4FE; }
.VCL01 {float: left;margin:3px 2px 0 100px; width:300px; }







/*--------------------------------------------------------------------- PANNIER ---------------------------------*/

/*  
#entetepanier01 {float: left; width:60px; margin:01px 0 0 35px;}
#entetepanier02 { margin: 0px 0 0 248px;}  
#entetepanier02 li {float: left; margin: 01px 0 0 0px;padding: 0 8px; list-style-type:none;}
#entetepanier03 {float: left; margin: 01px 0 0 50px;}
  */

.PEConteneur {background-image: url(Images/Fondentetepanier.png);margin: 10px auto 15px;padding 0;color: #3B5998;width:830px;height:30px; font-weight : bold ;}
/*background-color:#778899;*/

/*.PEConteneur {background-image: url(Images/Fondentetepanier.png);margin: 10px auto 15px;padding 0;color: #3B5998;width:800px;height:23px; font-weight : bold ;border: 1px solid #778899;}*/
 /*background-color:#FFD680;*/
.PE00 {float: left;margin:5px 2px 20px 00px; height:23px; text-align:center;  font-weight : bold ;}
.PE01 {margin:05px 2px 20px 00px;width:290px;}
.PE02 {width:35px;}
.PE03 {width:130px;}
.PE04 {width:60px;}
.PE05 {width:125px;}
.PE06 {margin:05px 0px 20px 00px;width:148px;}

   
/*-------------------------------------------------------------- Ligne panier   */
 
#LigneLibelle, #LigneReference, #LigneStock, #LigneTaille, #LigneQuantite, #LignePrixUnit, #LigneTotal, #LigneSupprime,
#PanierTotal, #PanierTotalGratuit, #PanierTotalLib {height:25px;color: #000099;} 
 
#PanierTotalGratuit {font-weight : bold ; color: green;}
    
#LigneImage, #LigneLibelle, #LigneReference, #LigneStock, #LigneTaille, #LigneQuantite, #LignePrixUnit, #LigneTotal, #LigneSupprime {float:left;}
   
#LigneSeparationCourt, #PanierTotal, #PanierTotalGratuit, #PanierTotalLib {float: right;}   

#LigneReference { font-style: italic ;color:#0052b9;}
/*  background-color:yellow;;*/

#LigneImage     {margin:0 0 0 40px; width:33px; height:22px;}
#LigneLibelle   {margin:0 0 0 0px; width:165px; text-align:right;}/*50px du bord gauche*/
#LigneReference {width:100px; text-align:center;}
#LigneStock     {width:40px; text-align:center; }   
#LigneTaille    {width:120px; text-align:center;}   
#LigneQuantite  {width:70px; text-align:center;}   
#LignePrixUnit  {width:100px;text-align:right;}   
#LigneTotal     {width:140px;text-align:right;}  
#LigneSupprime  {width:57px;text-align:right;}  

#PanierTotal, #PanierTotalGratuit {width:100px;margin:0 80px 0 0px;text-align:right; } 
#PanierTotalLib { margin:0 0 0 560px;width:140px;Text-align:right;}
#PanierTotal {background-image: url(Images/FondTotal.png);}

#LigneSeparationCourt{margin:10px 50px 10px 590px;padding: 0 0;width:160px;height:1px;background-color:#778899;}
   
#BoutonVider {float: left; margin:0 0 0 70px; width:180px; background-color:#FFCACA;font-weight : bold ;color:Red;}


#BoutonValider, #BoutonValiderPanier,
#BoutonValiderContact, #BoutonModifierContact, #BoutonEnvoyer, #BoutonEnvoyerMessage  {
   float:right;
   margin: 10px 20px 0px 00px;
   padding: 0 0;
   width:120px;
   height:25px;
   background-color:#FFD680;/*#62AB24;*/
   font-weight : bold ;
   color:#224008;
   }

#BoutonVoirPanier {margin:0px auto 0 ; width:120px;   height:25px;}
#BoutonValiderPanier {margin: 10px 50px 0px 00px; width:180px; background-color:#FFD680;}
#BoutonValiderContact {margin: 20px 30px 0px 00px;}   
#BoutonModifierContact {margin: 20px 80px 0px 00px;width:160px; background-color:#FACDD2;color:#8A3B43}   

#LignePanierLarge {float: left;margin:10px 0px 0px 50px;width:800px;height:1px;background-color:#2F4F4F;}


#AfficheNomLiv {margin:5px 0 20px 20px;}
#AfficheAdresseLiv {margin: 0px 0 0px 20px;}
#TitreCltLiv {margin: 0px; color:#2434AB;}
#TitreCltLiv03 {margin: 10px 0 0 0;}


#AfficheClient, #AfficheMoyenPaiement{
   float: left; 
   margin:  15px 0 0 50px; 
   padding: 10px 0 0 32px;
   color: #000099;
   width:341px;
   height:250px; 
   border: 1px solid #778899 ;
	text-align :left; background-color:#EBEBEB;
}
 
#formMoyenPaiement{margin:0;} /* put.... il faut y penser plus souvent*/

#RadioPaiement {margin: 50px 0 0 00px;width:335px;/*background-color:red;*/}










	
/*------------------------------- Info Client ------------------------------------------------------ */
#ClientTitre01 {
   float: left;
   margin: 20px 0px 0px 47px ;
   padding: 0 0 0 20px; 
  	width:365px;
	height:20px;
	text-align : left;
   }

   
#CreationClient, #CreationClientMessage{
   /*margin: 05px 0 0 17px;*/
   margin: 20px auto;
   padding: 0 0 0 20px; 
 	width:400px;
	height:575px;
	text-align :left;
	border: 1px solid #778899 ;
   background-color:#ebebeb; 
   }
   
#CreationClientMessage{width:600px;height:100px;color:green}
   
#TitreClient01, #TitreConnectClient, #TitreConnectMessage, #AffichePrixvente1, #TitreIdentifiantPerdu {
   text-align : center;
   color: blue;
   font-weight: bold ;
   font-style: italic;
   color:green ; 
   }
     
   

#LabelCreationClient00, #LabelCreationClient01, #LabelCreationClient02, #LabelCreationClient03, #LabelCreationClient04, #LabelCreationClient05, 
#LabelCreationClient06, #LabelCreationClient07, #LabelCreationClient08, #LabelCreationClient09, #LabelCreationClient10, 
#LabelCreationClient11, #LabelCreationClient12
{ float: left; width:110px; margin: 10px 0px 0px 00px ; /*background-color:red;*/ }

#SaisieCreationClient00, #SaisieCreationClient01, #SaisieCreationClient02, #SaisieCreationClient03, #SaisieCreationClient04, #SaisieCreationClient05, 
#SaisieCreationClient06, #SaisieCreationClient07, #SaisieCreationClient08, #SaisieCreationClient09, #SaisieCreationClient10, 
#SaisieCreationClient11, #SaisieCreationClient12
{float: right; width:230px;height: 17px;  margin: 08px 20px 0px 00px; /*background-color:red;*/}

#SaisieCreationClient00 {height: 20px; }

#SaisieCreationClient06 {width:100px; margin: 08px 150px 0px 00px;}

#LabelCreationClient00 {margin: 20px 0px 0px 00px;}
#SaisieCreationClient00 {margin: 20px 20px 0px 00px;}

/*#SaisieCreationClient08 {width:230px; height:22px; margin: 10px 24px 0px 0px;}*/

#LabelCreationClient09, #LabelCreationClient10, #LabelCreationClient11, #LabelCreationClient12 {width:165px;}
#LabelCreationClient09, #LabelCreationClient11 {margin:  17px 0px 0px 20px;}
#LabelCreationClient10, #LabelCreationClient12 {margin:  07px 0px 0px 20px;}



#SaisieCreationClient09, #SaisieCreationClient10, #SaisieCreationClient11, #SaisieCreationClient12 {width:150px;}
#SaisieCreationClient09, #SaisieCreationClient11 {margin: 15px 20px 0px 0px;}
#SaisieCreationClient10, #SaisieCreationClient12{margin: 05px 20px 0px 0px;}


  


#LigneCreationClient01, #LigneCreationClient02
{float: left;margin: 30px 0 10px 00px;padding: 0 0;width:70px;height:1px; background-color:#778899;}

#TextAdresse {float: left; margin: 20px 00px 0px 00px;padding: 0 0;font-size: 10pt; width:200px; text-align: center; font-weight : bold ;color:green ;/*background-color:red;*/}   
  
#TextEmail,#TextM2P {float: right; width:200px;margin: 02px 50px 00px 100px;font-size: 08pt; color: blue ;}    
 

   


   
/*------------------------------------------------------- Connection Client */

#TitreConnectClient, #TitreConnectMessage {margin: 40px auto 0;padding: 0;width:360px;height:25px;font-weight:bold;border: 1px solid #778899;background-color:#FFD680;}
#TitreConnectMessage {width:420px;}   

.IdentificationClient, .IdentificationClient02 {
   margin: -1px auto;
   padding: 0;  
 	width:360px;
	height:195px;	
	border: 1px solid #778899 ;
   background-color:#EBEBEB; 
   }
   
#IdentificationClient03 {height:240px}
   
.IdentificationClient02 { height:100px;}
 
#LigneConnectionClient01, #LigneConnectionClient02 {float: left;margin: 10px 0 0 4px;padding: 0 0;width:350px;height:1px; background-color:#778899;}
#LigneConnectionClient02 {margin: 15px  0 0 4px;}
  
#LienCreerMonCompte {margin: 5px auto;width:350px; height:20px;text-align:center;font-weight:bold;/* background-color:red*/;} 
#Choix01 {float: left;}
   
#Choix02 {float: right;}

#Choix03 {float: left; margin: 10px auto;width:350px;/* background-color:red;*/}
   
         
#LabelConnectClient01, #LabelConnectClient02 {float: left; margin: 25px 00px 0px 20px ; width:140px; height:22px;text-align: right; /*background-color:red;*/}
#LabelConnectClient02 {margin: 15px 00px 0px 20px ;}

#SaisieConnectClient01, #SaisieConnectClient02 { float: right;width:155px; height:20px;margin: 28px 30px 0px 00px ;/*background-color:red;*/}
#SaisieConnectClient02 { margin: 12px 30px 0px 00px ;}

#LabelConnectClient03 {float: right; width:250px;margin: 02px 30px 00px 80px;text-align: right;font-size: 09pt; color: blue ;/*background-color:red;*/}    


#BoutonValiderMdP  {float:right;margin: 10px 20px 0px 00px;padding: 0 0;width:120px;height:25px;background-color:#62AB24;font-weight : bold ;color:#224008;}






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

#TitreIdentifiantPerdu { 
   margin: 40px auto 10px;   
   padding: 0;
  	width:600px;height:50px;
	font-weight:bold;}

#Contact {
   margin: -1px auto 0;
   padding: 20px 30px 0 10px;  
  	width:380px;
	height:360px;
	border: 1px solid #778899 ;
   background-color:#dedede; 
   }  

#ContactForm {margin:0; padding 0;}

#BoutonEnvoyer {float: right; margin: 10px 30px;}
#BoutonEnvoyerMessage {float: right; margin: 10px 00px;}

   
#BoxMessage01 {
   margin: 50px auto;
   width:500px;
   height:200px;
   border: 2px solid #778899 ;
   background-color:#dedede;
   }
   
.BoxMessage02 {
   margin: 50px auto;
   width:500px;
   height:170px;
   border: 1px solid #3B5998 ;
   background-color:#F2F2F2;
   }
#BoxText01, #BoxText02 { 
   margin: 0px 0 0 0px;
   padding: 0 0 0 10px; 
   width:490px;
   height:25px;
   font-size:20px;text-align:left;
   }
   
#BoxText01 {   
   font-style: italic;
   font-weight:bold;
	color:white;
   background-color:blue;   
   }
   
#BoxText02 {   
   font-style: italic;
   font-weight:bold;
	color:white;
   background-color:#6D84B4;
   }   
   
#BoxContenu {
   margin: 20px 0 0 20px; 
   font-family: Arial , Helvetica, Verdana, Univers ; 
   font-size:17px;
   font-weight:bold;text-align:left;
   }
   
#BoxBouton {
   float:right;   
   margin: 30px 10px 0 30px;
   width:100px;
   height:30px;
   font-weight:bold;color:white;
   background-color:#5578BE; 
   }
   
   
#CGV01 {margin: 0px auto 10px; padding: 15px 25px;  width:750px; height:700px;overflow: auto; background-color:#F2F2F2;}


#aa {margin: 10px 0 0 20px;width:750px; height:20px; background-color:red;}