﻿form
{
    border:1px solid #1a1a1a;
    padding:9px;
    width:951px;
    
}

/*****hearder****/
.general_Header
{
    width:948px;

    height:66px;  
	background:  url(../Images/New/header1.gif) no-repeat;
      
}

.general_Header .general_maCommande
{
    float:right;
    width:113px;
    height:62px; 
    margin-right:3px;
    margin-top:4px;
    text-align:right;
}

.general_Header .general_MonCompte
{
    float:right; 
    width:111px;
    height:62px;
    margin-top:4px; 
    margin-right:3px;      
    text-align:right;
}

.general_Header .general_MonCompte .lienClient
{
    margin-right:13px; 
    color:#ababab;
    font-family:arial;
    font-size:12px    
}

.general_Header .general_maCommande .lienCommande
{
    color:#ababab;
    font-family:arial;
    font-size:12px;
    text-decoration:underline;
}
.general_Intro
{
    width:951px;
    height:42px;
    float:left;
    background:  url(../Images/New/fond_recherche.gif) no-repeat right;
}
.general_Intro .general_recherche
{  
    width:242px;
    height:42px;
    float:right;
}
.general_Intro .general_recherche .search
{
  width:200px;
  margin-top:13px;  
  margin-left:3px;    
  height:13px;
  border:none;
  background-color:Transparent;
}
.general_Intro .general_recherche .loupeSearch
{
    float:right; 
    margin-top:13px;
    margin-right:1px;
    position:absolute;

}
 .clearBoth
{
    clear:both;
    height:0px;
    padding:0px;
    margin:0px;
    visibility:hidden;
}

.general_Intro .identite
{
    width:710px;
    height:29px; 
    display:block;   
    text-align:center;
    color:#ababab;
    font-family:arial;
    font-size:13px;  
    font-weight:bold; 
    padding-top:13px;     
}

/*******************************************/
/*******************accueil*****************/
/*******************************************/

.accueil_droite
{
    width:240px;
    float:right;

    
}

.accueil_Cartouche_Droite
{
    height:401px;
    background: url(../Images/New/fond_cartouche_droite.gif) no-repeat top;
    
}
/**********/
div.accueil-BgCommandeExpress {
	position:absolute;
	margin-left:0px;
	margin-top:0px;
	width:240px;
	height:100px;
    background: url(../Images/New/accueil_BgCommandeExpress.gif) no-repeat top;
	    
}

div.accueil-bgCatalogue {
	position:absolute;
	margin-left:0px;
	margin-top:100px;
	width:157px;
	height:973px;
    background: url(../Images/New/accueil_bgCatalogue.gif) no-repeat left top;
    padding-left:83px;
    padding-top : 18px;
}
div.accueil-bgCatalogue p, 
div.accueil-bgCatalogue a 
{
    color:#ffffff;
    font-size:13px;
text-decoration:none;
}
div.Accueil-BgLesAvantages {
	position:absolute;
	margin-left:0px;
	margin-top:191px;
	width:240px;
	height:210px;
    background: url(../Images/New/Accueil_BgLesAvantages.gif) no-repeat top;
    
}


.accueil_droite .accueil_Cartouche_Droite .accueil_Commande_Expresse
{
    padding-top:60px;
    margin-left:33px;
    height:49px;
}
.accueil_droite .accueil_Cartouche_Droite .accueil_Espace_OnLien 
{
    margin-left:33px; 
    margin-top:92px;   
}

.accueil_droite .accueil_Cartouche_Droite .accueil_Espace_OnLien  li
{
    list-style-type:disc!important;   
    padding:0;
    background:none;
    white-space:nowrap;
    margin-bottom:5px;
}

.accueil_droite .accueil_Cartouche_Droite .accueil_Espace_OnLien p,
.accueil_droite .accueil_Cartouche_Droite .accueil_Espace_OnLien li
{
    font-size:13px;
    color:#ffffff;
    font-weight:normal   
}

.logoCatalogue
{
    position:absolute;
    margin-left:-70px; 
    margin-top:-20px;   
}

.logoEsapceOnline
{
    position:absolute;
    margin-top:-69px;   
    margin-left:3px; 
}

/**********/
.accueil_droite .accueil_Cartouche_Droite .accueil_Espace_OnLien ul
{
    padding:0px;
    margin:0px;    
    margin-left:12px;
}
.accueil_droite .accueil_Cartouche_Droite .accueil_Espace_OnLien 
{
    margin-left:33px; 
    margin-top:72px;   
}

.accueil_droite .accueil_Cartouche_Droite .accueil_Espace_OnLien .titre
{
    font-size:16px;
    color:#ffffff;
    font-weight:bold;
    font-family:Arial;   
      
}
/*
.accueil_droite .accueil_Cartouche_Droite .accueil_Commande_Expresse
{
    padding-top:78px;
    margin-left:33px;
    height:49px;

}

.accueil_droite .accueil_Cartouche_Droite .accueil_Commande_Expresse p,
.accueil_droite .accueil_Cartouche_Droite .accueil_Commande_Expresse a
{
    font-size:14px;
    color:#ffffff;
    font-weight:normal;
    text-decoration:none;    
}

.accueil_droite .accueil_Cartouche_Droite .accueil_Espace_OnLien  li
{
    list-style-type:disc!important;   
    padding:0;
    background:none;
    white-space:nowrap;
}


.accueil_droite .accueil_Cartouche_Droite .accueil_Espace_OnLien p,
.accueil_droite .accueil_Cartouche_Droite .accueil_Espace_OnLien li
{
    font-size:14px;
    color:#ffffff;
    font-weight:normal   
}
.accueil_droite .accueil_Meilleurs_Ventes
{
    margin-top:12px;
    padding:9px;
    background:#222222  url(../Images/New/titre_MeilleursVentes.gif) no-repeat top;
    border-left:1px dashed #4c4c4c;
    padding-top:75px;

}
*/
.accueil_droite .accueil_Meilleurs_Ventes .lienVentes
{
    float:left;   
    border:1px solid #494949;
    padding:5px;
    display:inline-block;
    margin-right:7px;
    margin-bottom:32px;
}
.accueil_droite .accueil_Meilleurs_Ventes .lienVentes img
{
    width:92px;
    height:93px;
}
.accueil_droite .accueil_Meilleurs_Ventes .titreVente
{
    color:#a7a7a7;
    font-size:12px;
    font-family:Arial;
}
.accueil_droite .accueil_Meilleurs_Ventes  .Prix_meilleurs_Ventes
{
    color:#5b5f68;
    font-size:11px;
    font-weight:normal;
    font-family:Arial;   
}

.accueil_droite .accueil_Meilleurs_Ventes  .Prix_meilleurs_Ventes_Current
{
    color:#a76a0f;
    font-size:12px;
    font-weight:bold;
    font-family:Arial;    
}
.separator_meilleurs_Ventes
{
     clear:both;
    height:0px;
    padding:0px;
    margin-bottom:32px;
    margin-right:15px;
    margin-left:9px;
    border-top:1px dashed #4c4c4c;
      
}

/***********gauche*********/

.accueil_gauche
{
    width:708px;
   /* height:402px; */
    float:left;
}
/***promotion***/
.accueil_gauche .accueil_Promotion
{
     background:  url(../Images/New/titre_promotion.gif) no-repeat ;     
     padding-top:87px;
     border-bottom:1px solid #4d4d4d;
     padding-bottom:17px;
     margin-right:10px;
}

.accueil_gauche .accueil_Promotion .accueil_une_Promotion
{  
    width:230px;
    height:109px; 
    float:left;
}

.accueil_gauche .accueil_Promotion .accueil_une_Promotion .lien_Promo
{
    float:left;   
    border:1px solid #494949;
    padding:3px;
    display:inline-block;
    margin-right:7px;
    margin-bottom:32px;   
}
.accueil_gauche .accueil_Promotion .accueil_une_Promotion .lien_Promo img
{
    width:100px;
    height:100px;
}

.accueil_gauche .accueil_Promotion .accueil_une_Promotion .titrePromo
{
    color:#a7a7a7;
    font-size:12px;
    font-family:Arial;
    text-decoration:none!important;
    margin-right:10px;
    font-weight:bold;
    width:105px;

}
.accueil_gauche .accueil_Promotion .accueil_une_Promotion  .Promo_Tarif
{
    color:#5b5f68;
    font-size:11px;
    font-weight:normal;
    font-family:Arial;   
}

.accueil_gauche .accueil_Promotion .accueil_une_Promotion .Prix_Promo_Current
{
    color:#a76a0f;
    font-size:12px;
    font-weight:bold;
    font-family:Arial;    
}

.separatorPromo
{
    clear:both;
    height:0px;
    padding:0px;
    margin:none;
    margin-bottom:29px;
    margin-right:15px;
    margin-left:5px;
    border-bottom:1px dashed #4c4c4c;    
    height:32px;
    width:700px;

}

.lienTouteslesPromo
{
    display:block;
    text-align:center;
    font-size:13px;
    font-weight:bold;
    color:#b31635;
    font-family:Arial;
    text-decoration:none;
    margin-top:5px;
}
/*************************footer********/
.cartouche_Footer
{
    margin-top:30px;
    height:111px; 
    margin-bottom:45px;  
}

.cartouche_Footer .cartouche_question
{
    width:280px;
    height:105px;
    background:  url(../Images/New/fond_Cartouche_Question.gif) no-repeat ;     
    float:left;
    margin-left:14px;
    padding-left:10px;
    padding-right:10px;
    padding-top:6px;
    overflow:auto;
}

.cartouche_Footer .cartouche_partenaire
{
    width:270px;
    height:111px;
    background:  url(../Images/New/fond_Cartouche_Partenaire.gif) no-repeat ;     
    float:left;
    margin-left:11px;        
    padding-left:15px;
    padding-right:15px;
    padding-top:6px;
}

.cartouche_Footer .cartouche_actualite
{
    width:270px;
    height:111px;
    background:  url(../Images/New/fond_Cartouche_Actu.gif) no-repeat ;     
    float:left;
    margin-left:11px;        
    padding-left:15px;
    padding-right:15px;
    padding-top:6px;
}

.titreNoir
{
    color:#000000;
    font-weight:bold;
    font-family:Arial;
    font-size:14px;
    padding-left:10px;
    background:  url(../Images/New/puceNoir.gif) no-repeat 0px 5px  ;     
    }

.titrejaune
{
    color:#ffce03;
    font-weight:bold;
    font-family:Arial;
    font-size:14px;    
    padding-left:10px;  
    background:  url(../Images/New/puceJaune.gif) no-repeat 0px 5px  ;     
}

.titreBlanc
{
    color:#ffffff;    
    font-weight:bold;
    font-family:Arial;
    font-size:14px;    
    padding-left:10px;
    background:  url(../Images/New/puceBlanc.gif) no-repeat 0px 5px ;     
}

.footer
{
    background-color:#000000;
        
}

/*********commande expresse*****/

.rubrique_ToutesLesCollections,
.rubrique_Theme,
.rubrique_FicheProduit,
.rubrique_ToutesLesPromotions,
.rubrique_CategorieNiv1,
.rubrique_CategorieNiv2,
.rubrique_CategorieNiv3,
.rubrique_MonCompte,
.rubrique_MonCommande
{
    margin-left:60px;    
}
.rubrique_commandeExpresse 
{
    margin-left:90px;    
        
}
.rubrique_Collection
{
    margin-left:20px;           
}

.rubrique_contenu
{
    /*background-color:#222222;*/
    background-color:#ffffff;
    border:1px solid #ababab;
    clear:both;
    margin-left:80px;
    margin:auto!important;
    width:900px;
}

.bg_FicheProduit
{
    background-color:#ffffff!important;   
}



.sous_detail
{
    padding:10px;
}
  .modalPopup
{
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:200px;
	height:150px;
    text-align:center;
}  



    /*******************************************
        Style pour l'affichage du diaporama 
        de la page d'accueil
    ********************************************/
    .diaporama
    {
        position:absolute;
        width:440px;      
        height:402px;
        zoom:1;
        overflow:hidden;
    }
    .diaporamaIndex
    {
        position:absolute;
        width:440px;
        
        zoom:1;
    }
    .diaporamaIndex div
    {
        float:right;
 /*       padding-left:6px;
        padding-right:0px;
        padding-top:3px;
        padding-bottom:5px;
        text-align:right;
        font-family:Verdana;
        color:#FFFFFF;*/
        opacity:0.7;
        filter:alpha(opacity=70);
    }
    .diaporamaIndex div a
    {
      /*  padding:2px;
        padding-top:1px;
        padding-bottom:1px;
        margin-left:2px;
        font-weight:bold;
        color:#000000;
        background-color:#FFFFFF;
        text-decoration:none;
        font-size:10px;*/
    }

    .diaporama div.divPremiereDiapo
    {
        left:0px;
        position:absolute;
        visibility:visible;
        top:0px;
        width:768px;
        z-index:1;
    }
    .diaporama div.divDiapoSuivante
    {
        left:0px;
        position:absolute;
        visibility:hidden;
        top:0px;
        z-index:0;
        width:440px;      
        height:402px;        
    }
    .diaporama div.divFiltre
    {
        left:-1068px;
        position:absolute;
        visibility:visible;
        top:0px;
        width:440px;      
        height:402px;
        background-color:#FFFFFF;
        opacity:0.5;
        filter:alpha(opacity=50);
        z-index:2;
    }

.titreCollectPerma
{
    position:absolute;
    z-index:3;   
    margin-top:250px;
    margin-left:166px;
}    
