body {
background:url(img/bg.gif) #116bb7 repeat-x;
margin:0px;
padding: 0 0 0 15px;
}

html {
height:100%;
}

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

#contenu_test {
margin-top:10px;
}

#menu_left {
padding:11px 0 0 6px;
float:left;
}

#menu_left1 {
padding:11px 0 0 6px;
}

#billet {
float:left;
margin-bottom:25px;
min-height:600px;
width:550px;
padding-left:50px;
}

#blocDocument {
float:left;
padding-left:180px;
padding-top:126px;
width:200px;
}

table a {
color:#FFFFFF;
}

#fondTexte p {
color:#FFFFFF;
margin-left:10px;
width:500px;
}




/* -------------------------------- LIGNES ET COLONNES*/

.contourImage{
padding:4px;
margin:4px 2px 2px 2px;
border: #999999 solid 1px;
}

.sousTitreColonne100 {
color: #fff;
text-align: left;
padding-left: 10px;
font-size: 14px;
font-weight: bold;
float: left;
width:100px;
height: 30px;
display: block;
}

.sousTitreColonne200 {
color: #fff;
text-align: left;
padding-left: 10px;
font-size: 14px;
font-weight: bold;
float: left;
width:200px;
}

.sousTitreColonne300 { 
color: #ccc;
text-align: left;
padding-left: 10px;
font-size: 13px;
font-weight: bold;
float: left;
width:300px;
}

.TexteColonne200 {
color: #ccc;
text-align: left;
padding-left: 10px;
font-size: 13px;
float: left;
width:200px;
}

.TexteColonne200 a {
font-size: 15px;
font-weight: bold;
}

.TexteColonne500 {
color: #000;
text-align: left;
padding-left: 10px;
font-size: 13px;
float: left;
width:500px;
}

.TexteColonne700 {
color: #000;
text-align: left;
padding-left: 10px;
font-size: 13px;
float: left;
width:700px;
height: 20px;
display: block;
}

.TexteColonne300 {
color: #333333;
text-align: left;
padding-left: 10px;
font-size: 13px;
float: left;
width:300px;
}

.TexteColonne100 { color: #000; text-align: left; padding-left: 10px; font-size: 13px; float: left; width:100px; }
.TexteColonne150 { color: #000; text-align: left; padding-left: 10px; font-size: 13px; float: left; width:150px; }
.lignePanier { text-align: left; font-size: 13px; clear: both; float: left; width: 700px; height: 48px; padding: 5px 0 5px 20px; margin: 10px 0 0 0; }
.ligneCommande { text-align: left; font-size: 13px; clear: both; float: left; width: 700px; height: 12px; padding: 5px 0 5px 20px; margin: 10px 0 0 0; }
.ligneCommandeTotal { color: #000; background-color:#E7EDC9; text-align: left; height:20px; padding: 7px 0 5px 20px; font-size: 15px; font-weight: bold; margin: 0px 0 0 0; clear: both; }
.lignePanierTotal { color: #000; background-color:#eee; text-align: left; height:20px; padding: 7px 0 5px 20px; font-size: 15px; font-weight: bold; margin: 0px 0 0 0; clear: both; }
.TexteColonne100Supp {display:block; width: 100px; height:48px; border:none;float:left; position: relative; background-image:url(images/boutons/btSupprPanier.gif); background-repeat:no-repeat; bottom:15px;}
.TexteColonne100Supp a { width: 48px; height: 48px; float: left; display: block; background-image:url(img/boutons/btSupprPanierHover.gif); background-repeat:no-repeat; outline: none; }
.TexteColonne100Supp a:hover{  width: 48px; height: 48px; float: left; display: block; background-image:url(img/boutons/btSupprPanierHover.gif); background-repeat:no-repeat; outline: none; }


/* -------------------------------- FIN LIGNES ET COLONNES*/



#panier_contenu {
width:780px;
float:left;
position:relative;
left:00px;
}

#panier_contenu1 {
width:780px;
float:left;
position:relative;
left:170px;
margin-top:-500px;
}


#accueil {
float:left;
width:100px;
height:50px;
position:relative;
left:45px;
padding-right:100px;
cursor:hand;
}

#logo {
width:260px;
height:80px;
background-image:url(img/logo.gif);
position:relative;
margin-top:60px;
left:10px;
z-index:1;
}

#recherche {
width:571px;
margin-top:0px;
/*position:relative;
top:-500px;*/
}

#reponse_alpha {
margin-left:210px;
width:400px;
}

#reponse_alpha a {
color:#fff;
font-size:12px;
}


#recherche_alpha {
float:left;
margin-top:20px;
}

#text h1 {
color:#FFFFFF;
font-size:25px;
}

#header{
background:url(img/header.gif) no-repeat;
width:900px;
height:119px;
}

#menu {
margin-left:-16px;
}

#bg_contact {
float:right;
position:relative;
left:50px;
margin-top:-540px;
}

#bg_panier {
float:right;
position:relative;
left:80px;
margin-top:-540px;
}

#bg_contact p {
color:#FFFFFF;
}

#bg_contact a {
color:#FFFFFF;
text-decoration:none;
}

#bg_contact a:hover {
color:#FFFFFF;
text-decoration:underline;
}

#promotion_accueil {
width:200px;
height:300px;
float:left;
margin:-430px 0 0 420px;
}

#contenu{
width:900px;
height:100%;
}

#contenu1{
width:900px;
height:100px;
}


#rub_global{
width:700px;
position:relative;
left:200px;
margin-top:-350px;
position:relative;
top:-200px;
}

#rub_global1{
width:700px;
height:100px;
}

#contenu_recherche{
width:990px;
margin-top:0px;
padding:0px 0px 0px 0px;
}

#contenu_accueil{
width:1000px;
height:571px;

position:relative;
display:table;
background:url(img/fond_valise.jpg) no-repeat;
}

#text {
padding-left:210px;
}

#text p {
font-family:trebuchet ms;
font-size:14px;
text-align:justify;
width:750px;
color:#000;
padding-top:30px;
}

#fiche {
width:350px;
display:table;
position:relative;
right:200px;
top:550px;
}

#nouveaute {
height:600px;
width:490px;
float:left;
}

#promo {
height:200px;
width:245px;

}

#poussoir {
width:50px;
height:69px;
}

#footer{
float:left;
background:#2231a4;
width:100%
}

#bg_footer {
background:url(img/footer.jpg) no-repeat;
width:995px;
height:112px;
position:relative;
left:-15px;
}


.zone_produits {
width:750px;
}

#zoneTexte {
width:680px;
position:relative;
left:230px;
bottom:550px;
}

.identification {
float:left;
position:relative;
top:50px;
left:-500px;
}

#divMonCompte{ width: 230px; position: relative; float: right; top:-20px; padding:0; }
.menuMonCompteConnecte{ width: 180px; position: relative; float: right; top:30px; padding:0; }
#divMonCompte p{ margin:0; padding:0 0 8px 0; font-size:14px; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; text-align:left; font-weight:bold; color:#FFFFFF; width:200px; }
.Champs{ width: 140px; height: 12px; padding: 0; margin:0; }
.formMonCompte{ float:left; width: 70px; padding: 0 8px 0 0; margin:0; } 
.champFormMonCompte{ width: 70px; height: 12px; padding: 0; margin: 0; font-size:9px;}
.boutonDeForm100 { width: 36px; height: 14px; float:left; padding:0 0 0 0; margin: 0; }
.boutonDeForm100 a {background: url(img/boutons/btok.gif) no-repeat; width: 36px; height:14px; display: block; float:left; color:#5D5D5D; text-decoration: none; outline:none;}
.boutonDeForm100 a:hover {background: url(img/boutons/btok_hover.gif) no-repeat; width: 36px; height:14px; display: block; float:left; color:#5D5D5D; text-decoration: none; outline:none;}
.menuMonCompte{ float:left; width:230px; outline: none; }
.MonCompte h2{ margin:0; padding:0; font-size:11px; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; text-align:left; color:#FFFFFF; }
.menuMonCompteConnecte h3{ margin:0; padding:0; font-size:14px; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; text-align:left; color:#FFFFFF; font-weight:bold;}
#divMonCompte a{ font-size:10px; text-decoration:none; outline: none; }
#divmenuMonCompte a:hover{ color: #000000; text-decoration:none;  }


.formulaireCreerCompte{ width:700px display:table; }
.ligneFormulaire { color: #FFFFFF; padding: 7px 0 5px 10px; font-size: 11px; margin-top: 0; float: left; width: 730px; text-align: left; }
.ligneFormulaire a { font-size:14px; }
.texte { color: #333333; padding: 3px 0 5px 20px; font-size: 11px; margin-top: 0; float: left; width: 670px; text-align: left; }
.infosClient{ list-style-type: none; }
.infosClient{ margin:0; padding: 0; }
#sousTitrePage { background-image:url(images/listes/pucePhone.gif); background-repeat: no-repeat; background-position: 0px center; padding: 10px 0 5px 20px; border-bottom: 1px solid #bababc; float: left; width: 720px; margin: 0 0 0 10px; }



#sousTitrePageRubrique { padding: 10px 0 5px 10px; border-bottom: 1px solid #bababc; float: left; width: 720px; margin: 0 0 0 10px;}
#sousTitrePageRubrique h1 { color: #00c3e8; text-align: left; font-size: 24px; font-family: Verdana, Arial, Helvetica, sans-serif;}
#sousTitrePageAdresse { padding: 10px 0 5px 0px; float: left; width: 720px; margin: 0 0 0 10px;}
#sousTitrePage h1{ color: #00c3e8; text-align: left; font-size: 24px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
#sousTitrePageAdresse h1{ color: #; text-align: left; font-size: 20px; font-weight: bold; z-index:1;  }
.titreChampForm { text-align: left; margin: 0; font-size: 12px; padding: 0px; float: left; width: 270px; }
.titreChampFormMdpOubli { text-align: left; margin: 0; font-size: 12px; padding: 0px; float: left; width: 150px; margin:0; font-size:16px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align:justify; font-weight:bold; color:#F000;}
.encadrementZoneDeSaisie { float: left;padding: 0 0 0 5px; margin: 0 5px 0 0; }
.zoneDeSaisie { width: 250px; font-family:Georgia, "Times New Roman", Times, serif;  color: #0073c3; text-align: left; margin: 0; font-size: 13px; background-color: #FFFFFF; border: 1px solid #000; padding: 0px; clear: both; }
.zoneDeSaisieNum { width: 40px; font-family:Georgia, "Times New Roman", Times, serif;  color: #0073c3; text-align: left; margin: 0; font-size: 13px; background-color: #FFFFFF; border: 1px solid #000; padding: 0px; clear: both; }
.zoneDeSaisieMdpOubli { width: 200px; font-family:Georgia, "Times New Roman", Times, serif;  color: #0073c3; text-align: left; margin: 0; font-size: 13px; background-color: #FFFFFF; border: 1px solid #000; padding: 0px; clear: both; }
.texteChampsObligatoire { padding: 0 0 0 10px;font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: 700; color: #000; float: left; width:700px; } 
.btValider { width:178px; height: 50px; display:block; margin-left:auto; margin-right:auto; }
.btValider a{ background-image:url(img/boutons/valider.gif); background-repeat: no-repeat; width:178px; height: 50px; display:block; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color: #FFFFFF; text-decoration:none; padding : 6px 0 0 27px; outline: none; }
.btValider a:hover{ background-image:url(img/boutons/valider_hover.gif); background-repeat: no-repeat; color: #000000; text-decoration:none; outline: none; }





/* -------------------------------- TEXTE*/ 

h1{ margin:0; padding:0 0 0 10px; font-size:18px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align:left; color:#061f61; }
h2{ margin:0; padding:10px 0 0 10px; font-size:16px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align:justify; font-weight:bold; color:#008db8; }
h3{ margin:0; padding:0; font-size:14px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align:left; font-weight:bold; color:#333333; }
h4{ margin:0; padding:0; font-size:14px; font-family: Trebuchet ms, Georgia, Verdana, Arial, Helvetica, sans-serif; text-align:center; font-weight:bold; color:#333333; }
p{ margin:0; padding:0; font-size:13px; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; text-align:justify; color:#000; }
.extrait{ margin: 5px; line-height: 1.4em; padding: 8px; background-color: #F6F6F6; }
.bold{ font-weight:bold; }
.prix { font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #008db8; } 
.prixPromo { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #00c3e8; } 
.rouge { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 700; color: #00c3e8; } 
.rougeObligatoire { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: 700; color: #00c3e8; } 
a{ font-size:10px; color: #015c9c; text-decoration:none; outline:none; }
a:hover{ color: #333333; text-decoration:underline; }
.sousRubrique { list-style-type:none; margin:0 0 10px 20px; padding: 0;}
.sousRubrique a{ font-size:20px; color: #FF9900; text-decoration:none; outline:none;}
.sousRubrique a:hover{ font-size:20px; color: #000000; text-decoration:none;}

/* -------------------------------- FIN TEXTE*/ 


/* -------------------------------- CHEMIN*/ 

#blocChemin{ width: 500px; height:40px; display:block; }
#chemin{
 width:500px;
 height: 24px;
 text-align: left;
 padding: 13px 0 0 0;
 color: #FF9900;
 font-size: 11px;
 }
#chemin a{ font-size:10px; color: #999999; text-decoration:none; outline:none;  }
#chemin a:hover{ color: #CC6061; text-decoration:none;  }

/* -------------------------------- FIN CHEMIN*/ 



/* -------------------------------- PIECEPETIT*/

.corpsPiecePetit{ 
background:url(img/produits/contentrub.gif); 
width:222px; 
height:320px;
}

#blocDocument .corpsPiecePetit{ 
background:url(img/produits/contentrub.gif); 
width:222px; 
height:180px;
}

#blocDocument #basrub{
margin-bottom:10px;
} 

.ListingPiecePetit {

float: left;
width: 760px; 
margin: 0;
padding: 0; 
}

.piecePetit { 
width: 245px; 
float:left;
display:table;
}

.headPiecePetit { 
width: 223px;  
background-image:url(img/produits/haut.gif); 
background-repeat: no-repeat;
position:relative;
top:3px;
height: 30px; 
}

.headPiecePetit1 { 
width: 223px;  
background-image:url(img/produits/haut.gif); 
background-repeat: no-repeat;
position:relative;
top:3px;
height: 30px;
font-size:16px;
font-weight:bold; 
}

.headPiecePetit h2 { 
margin:0; 
padding:5px 2px 0 2px; 
font-size:12px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
text-align:center; 
font-weight:bold; 
color:#116bb7; 
letter-spacing: 0px; 
}

.headPiecePetit1 h2 { 
margin:0; 
padding:5px 2px 0 2px; 
font-size:16px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
text-align:center; 
font-weight:bold; 
color:#116bb7; 
letter-spacing: 0px; 
}

.photoeurosgos1 { 
margin:auto;
padding:auto; 
width: 200px;
text-align:center;
}

.photoeurosgos { 
margin:auto;
padding:auto; 
width: 200px;
}

.photoCatalogue a { 
float:right;
width: 188px;
height:150px;
background:url('img/catalogue.png');
margin-top:-550px;
}

.photoCatalogueDl a { 
float:right;
width: 188px;
height:35px;
background:url('img/dl_catalogue.png');
margin-top:-400px;
}

.legendePiecePetitPrix { 
float: left; 
width: 70px; 
color: #626262; 
text-align: left; 
background-position: 0px 0px;  
margin: 0; 
}

.legendePiecePetit { 
float: left; 
width: 221px; 
color: #626262; 
text-align: left; 
background-position: 0px 0px;  
margin: 0; 
}

#legendeChapo {  
width: 205px; 
color: #626262; 
text-align: left;  
padding-left:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

#legendeChapo1 {  
width: 205px; 
color: #626262; 
text-align: center;  
padding-left:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

.footerPiecePetit {
float: left; 
width: 221px; 
color: #f2f2f2; 
text-align: left; 
font-size: 12px; 
font-weight: bold; 
margin: 0; 
height: 9px; 
}

#basrub {
background:url(img/produits/basrub.gif);
width:222px;
height:50px;
}

.contourVignettesRub {
overflow: hidden;
zoom: 1;
}

.legendePiecePetitFiche { 
width: 221px; 
color: #626262; 
text-align: left; 
margin: 0; 
position: relative; 
top:5px;
}

#voirLaFiche {
margin-left:auto; 
margin-right: auto; 
margin-top:0px;
padding-top:15px;
width: 75px; 
height:21px; 
border:none;
}

#voirLaFiche a { 
width: 156px; 
height: 44px; 
float: left;  
text-decoration:none; 
display: block; 
background-image:url(img/boutons/ficheproduits.gif); 
background-repeat:no-repeat; 
outline:none;
}

#voirLaFiche a:hover{  
width: 156px; 
height: 44px; 
float: left; 
display: block; 
background-image:url(img/boutons/ficheproduitshover.gif); 
background-repeat:no-repeat; 
}

.caddie {
display:block; 
width: 48px; 
height:48px; 
border:none;
float:left; 
position:relative; 



left:15px; 
top:40px; 
}

.caddie a { 
width: 48px; 
height: 48px; 
float: left;  
text-decoration:none; 
display: block; 


background-image:url(img/boutons/caddie.gif); 
background-repeat:no-repeat;
outline:none;
}

.caddie a:hover{  
width: 48px; 
height: 48px; 
float: left; 
display: block; 
background-image:url(img/boutons/caddiehover.gif); 
background-repeat:no-repeat; 
}

/* -------------------------------- FIN PIECEPETIT*/

/* -------------------------------- PIECEGRAND*/

.imagePiece {
float: left; 
width:120px; 
padding: 20px 0 20px 50px;
}

.CadreGrandPiece { 
margin-left: auto; 
margin-right: auto;  
width: 571px; 



text-align: center; 
padding: 0; 
}

.pieceGrand { 
width: 570px; 
padding: 0; 
text-align: center; 
margin-left:auto; 
margin-right:auto;
background:#ffffff; 
}

.pieceGrand p { 
padding: 20px 0 20px 50px;
color: #626262; 
text-align: left;  
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

.headPieceGrand { 
font-size: 0; 
float: left; 
height: 27px; 
width: 571px; 
color: #626262; 
text-align: left; 
background-image: url(img/produits/haut1.gif); 
background-repeat: no-repeat; 
background-position: 0px 0px; 
margin: 0; 
padding: 0; 
}

.legendePieceGrand { 
float: left; 
width: 550px; 
text-align: left; 
padding: 0px 0px 0 20px; 
margin: 0 0 0 0;
background:#ffffff;
}

.legendePieceGrand table { 
color:#626262;
font-family:Verdana;
font-size:12px;
padding:0;
margin:0;
}

.legendePieceGrand ul { 
color:#626262;
font-family:Verdana;
font-size:12px;
}

.legendePieceGrand p { 
padding:10px 30px 10px 10px;
text-align:justify;
}

.legendePieceGrand1 { 
float: left; 
width: 540px; 
text-align: left; 
padding: 5px 0 5px 9px; 
margin: 0 0 0 0; 
border-left:#aaa solid 1px;
border-right:#aaa solid 1px;
}

.textePieceGrand { 
float: left; 
width: 560px; 
color: #626262; 
text-align: left; 
padding: 0px 0px 15px 0; 
margin: 0 0 0 0; 
}

.prixPieceGrand { 
float: left; 
width: 137px; 
color: #626262; 
text-align: left; 
padding: 5px 0 5px 0;  
margin: 0; 
font-size: 14px; 
}

.footerPieceGrand { 
float: left; 
width: 571px; 
color: #626262; 
text-align: left; 
font-size: 12px; 
font-weight: bold; 
background-image: url(img/produits/bas.gif); 
background-repeat: no-repeat; 
background-position: 0px 0px; 
padding-top: 6px 0 0 0; 
margin: 0; 
height: 31px; 
}

.jachete {
display:block; 
width: 178px; 
height:50px; 
border:none; 
margin-left:auto; 
margin-right:auto; 
padding-top:10px; 
}

.jachete a { 
width: 123px; 
height: 35px; 
float: left;  
text-decoration:none; 
display: block; 
background-image:url(img/boutons/jachete.gif); 
background-repeat:no-repeat;
outline:none;
}

.jachete a:hover{  
width: 123px; 
height: 35px; 
float: left; 
display: block; 
background-image:url(img/boutons/jachetehover.gif); 
background-repeat:no-repeat; 
}

/* -------------------------------- FIN PIECEGRAND*/

/*--------------------------------- RECHERCHE*/

#recherche { width: 189px; height: 30px; display: block; }
.formMonCompteR{ float:left; width: 140px; padding: 0 8px 0 0; margin:0; } 
.boutonDeForm100R { width: 39px; height: 19px; border:none; float:left; padding:0 0 0 0; margin: 0; position:relative; left:150px; top:-14px; }
.boutonDeForm100R input {background: url(img/boutons/btok.gif) no-repeat; border:none; cursor:hand; width: 39px; height:19px; display: block; float:left; color:#5D5D5D; text-decoration: none; outline:none;}
.boutonDeForm100R input:hover {background: url(img/boutons/btok_hover.gif) no-repeat; border:none; width: 39px; height:19px; display: block; float:left; color:#5D5D5D; text-decoration: none; outline:none;}
#recherche_alpha {

}

/*--------------------------------- FIN RECHERCHE*/


/* -------------------------------- SOUS-TITRE*/

#sousTitrePage { 
background-image:url(images/listes/pucePhone.gif); 
background-repeat: no-repeat; 
background-position: 0px center; 
padding: 10px 0 5px 20px;  
float: left; 
width: 500px; 
margin: 0 0 0 10px; 
}

#sousTitrePageRubrique { 
padding: 0px 0 5px 0px; 
float: left; 
width: 700px; 
margin: 0 0 50px 10px;
}

#sousTitrePageRubrique h2 { 
color: #015c9c; 
text-align: left; 
font-size: 20px; 
font-family: Verdana, Arial, Helvetica, sans-serif;
}


#sousTitrePageRubrique h1 { 
color: #fff; 
text-align: left; 
font-size: 25px; 
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#sousTitrePageAdresse {   
padding: 10px 0 5px 20px; 
float: left; 
width: 500px; 
margin: 0 0 0 10px;
}

#sousTitrePage h1{ 
color: #00c3e8; 
text-align: left; 
font-size: 24px; 
font-weight: bold; 
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#sousTitrePageAdresse h2{ 
color: #fff; 
text-align: left; 
font-size: 14px; 
font-weight: bold;
position:relative;
right:40px;
}

#sousTitrePageAdresse h1{ 
color: #ffffff; 
text-align: left; 
font-size: 14px; 
font-weight: bold;
position:relative;
right:40px;
}

/* -------------------------------- FIN SOUS-TITRE*/

.boutonMonCompteEntete a {
position:relative;
top:3px;
}