/************************************************************************************/
/*                                                                    ELEMENTS COMMUNS A TOUTES LES PAGES DU SITE*/
/************************************************************************************/
body {
    font-size: 80%;
    background-color:#C0C0C0;
    font-family: Verdana, Verdana, Arial, Geneva, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    background: transparent url(/global/medias/BackGrnd.gif) repeat-y;}

span.hide {display:none;}
.break {clear: both; height: 1px;}

.erreurLogin {color: red; font-size: 11px; padding-left: 7px;}

a {text-decoration: none !important;}
a:hover {text-decoration: none !important; color: #f96611;}
a:focus {text-decoration: none !important; }
a:active {color: red !important;}

h1,h2,h3,h4,h5,h6 {font-size:2em}

h1,h2,h3,h4,h5,h6,
p,
form,
fieldset {margin: 0; padding: 0; border: 0;}

a img {border: 0;}
hr.marge {visibility: hidden;}
hr.hide, label {display: none;}

/* --- allContent*/

#allcontent  {
position: absolute; top: 0; left: 50%;
margin-left: -390px;            
background: transparent url(/global/medias/BackGrnd.gif) repeat-y;
}

/************************************************************************************/
/*                                                                                                                                   EN TETE*/
/************************************************************************************/

/* entete pour toutes les autres pages */

#Enseigne {
    z-index: 100; 
    position: absolute; left: 290px; top: 100px;
    display: block;
    width: 90px; height: 45px;}
#entete {
    width: 780px; height: 170px;
    margin: 0; padding: 0;
    background: transparent url(/global/medias/bgEnteteExtranet.gif) no-repeat;
    position: relative;}
/*#entete h2 {
    position: absolute; left: 0; top: 145px;
    display: block;
    width: 350px; height: 25px;
    background: transparent url(/extranet/medias/titH2Entete.gif) no-repeat;
	}*/
#entete a h2 {
    position: absolute; left: 0; top: 145px;
    display: block;
    width: 350px; height: 25px;
    background: transparent url(/extranet/medias/titH2Entete.gif) no-repeat 0 0;
	}
#entete a:hover h2 { background-position: 0 -26px}
#entete #logo {
    position: absolute; left: 0; top: 0;
    display: block;
    z-index:1000;
    width: 95px; height: 140px;
    margin-left: 60px; margin-top:0;
    background: transparent url(/global/medias/logo.jpg) no-repeat;
    }
#entete a {cursor: pointer }

/* entete pour la page d'accueil, les pages ENPC, les actualités et les contacts */

#home #entete,
#enpc #entete,
#actualites #entete,
#professionnel #entete,
#mentions #entete {
    height: 112px;
    z-index:1;
    margin: 0; padding: 0;
    background: transparent url(/global/medias/bgEntete.gif) repeat !important;
    }
    
#home #retourAccueil {display: none;}

#enpc #retourAccueil a,
#actualites #retourAccueil a,
#professionnel #retourAccueil a,
#mentions #retourAccueil a {
    display: block;
    color: #4978E4;
    width: 100px; z-index: 3000;
    background: transparent url(/global/medias/puce-entete.gif) no-repeat;
    padding-left: 15px;
    position: absolute; left: 50px; top: 93px;
    font-size: 0.8em;}

#home #logo,
#enpc #logo,
#actualites #logo,
#professionnel #logo,
#mentions #logo {background-image: none;}

#home #logo a,
#enpc #logo a,
#actualites #logo a,
#professionnel #logo a,
#mentions #logo a {
    position: absolute; left: 0; top: 0;
    display: block;
    width: 95px; height: 150px;
    margin-left: 90px;
    background: transparent url(/global/medias/logo.jpg) no-repeat;}

/* spécifications entete */
#home #enteteContent,
#enpc #enteteContent,
#actualites #enteteContent,
#professionnel #enteteContent,
#mentions #enteteContent {
    position: absolute; left: 245px; top: 0;
    width: 532px;}

#home .Intro,
#enpc .Intro,
#actualites .Intro,
#professionnel .Intro,
#mentions .Intro {
    display: block;
    width: 280px; height: 88px;
    padding: 18px 0 0 18px;
    font-size: 9px;
    font-style: justify;
    color: #646E8C;
    }

#home #entete h1,
#enpc #entete h1,
#actualites #entete h1,
#professionnel #entete h1 {
    position: absolute; left: 0; top: 88px;
    width: 532px; height: 24px; 
    background: transparent url(/home/TitH1.gif) no-repeat left;}
    
    
/************************************************************************************/
/*                                                                                                  PARTIE CENTRALE DES PAGES */
/************************************************************************************/

/* menu de gauche */

#menuGlobal {width: 350px; float: left; position: relative;}

#home #menuGlobal,
#enpc #menuGlobal,
#actualites #menuGlobal,
#professionnel #menuGlobal,
#mentions #menuGlobal {width: 150px; height: 350px;}

#selection #menuGlobal {width: 220px;}

/* partie centrale */

#rangCentral {
    width: 780px;
    position: relative;}

#extranet #rangCentral {background: transparent url(/global/medias/bgRangCentralF.gif) repeat-y;}
#home #rangCentral,
#enpc #rangCentral,
#actualites #rangCentral,
#professionnel #rangCentral,
#mentions #rangCentral {background: white url(/global/medias/bgContent.gif) no-repeat top right;}

#mainContent {
    float: left;
    width: 385px;}

/******************** toutes les promos et produits phares */

/* pour les pages "extranet" */
#navSupplementaireECF {
    width: 255px; 
    position: relative; top: 10px; left: 70px; 
    background: transparent url(/global/medias/ecf_logo.jpg) no-repeat;
    padding-bottom: 10px;
    clear: both;}
    
#navSupplementaire {
    width: 255px; 
    position: relative; top: 10px; left: 70px; 
    background: transparent url(/global/medias/bolome.gif) no-repeat;
    padding-bottom: 10px;
    clear: both;}
    
#navSupplementaireECF ul,    
#navSupplementaire ul {
    margin: 0; padding: 60px 0 0 60px; 
    list-style: none;}

#navSupplementaireECF a,
#navSupplementaire a {
    display: block; font-size: 1.1em;
    height: 10%;
    color: blue; padding: 0 0 3px 15px;
    margin-bottom: 3px;
    background: transparent url(/global/medias/fleche_orange.gif) no-repeat;}

#navSupplementaireECF p,
#navSupplementaire p {
    margin-bottom: 10px;
    font-size: 0.8em;
    line-height: 1em;}

/* pour les pages "sélection" */
#selection #navSupplementaire {
    position: relative; top: 15px; left: 10px;
    width: 190px; 
    background: transparent url(/global/medias/bolomeSelection.gif) no-repeat;}
#selection #navSupplementaire ul {
    margin: 0 0 0 50px;  padding: 50px 0 0 0;
    list-style: none;}
#selection #navSupplementaire a {
    background: transparent url(/global/medias/fleche_orange2.gif) no-repeat;
    font-size: 1em;}
#selection #navSupplementaire p {font-size: 0.8em;}

/************************************************************************************/
/*                                                                              PIED COMMUN A TOUTES LES PAGES DU SITE*/
/************************************************************************************/
.pied {
    border-top: 1px #112979 solid;
    width: 780px; height: 12px;
    text-align: right;
    margin-bottom: -20px;
    background-color: #466BC5;}
.pied ul {margin: 0; padding: 0; border: 0;}
.pied li {
    list-style: none;
    float: right;
    width: 100px; height: 10px;
    font-size: 9px;
    margin: 0 0 0 5px;}
.pied li a {color: #fff;}
.pied li a:hover { 
    color: white;
    background-color: #3e74dc;}

/************************************************************************************/
/*                                                                                          NAVIGATION HAUTE DE L'EXTRANET */
/************************************************************************************/

#NavContextu ul {
    position: absolute; left: 0; top: 65px;
    width: 780px;
    padding: 0; margin: 0;
    display: inline;
    }
#NavContextu li, 
#NavContextu .nchome, 
#NavContextu .nc,
#NavContextu .ncontact {
    list-style: none;
    cursor: pointer;
    float: left;
    }
#NavContextu li a {
    display: block;
	font-weight: bold;
	font-size: 0.8em;
    line-height: 10px;
	color: #ff6600;
    padding: 1px 0 0 12px;
    background: transparent url(/global/medias/puce-entete.gif) no-repeat;
    }
#NavContextu li a.AccesPro {
    width: 125px;
    }
#NavContextu li a:hover {
	color: #4244fc;
    }
#NavContextu .nchome {}
#NavContextu .ncontact {padding-left: 120px;
    background: transparent url(/global/medias/puce-entete.gif) no-repeat 105px 0!important;
    }
#NavContextu .nc {
    display: block; 
    padding-right: 10px
    }
#NavContextu .home {
    margin-right: 100px;
    width: 50px;}
#NavContextu .ncForm {
    margin-left: 10px; 
    width: 190px;
    }
#NavContextu label {
    display: block; 
    font-size: 0.8em;
    float: left; 
    font-weight: bold;
    color: #4244fc; 
    margin-right: 5px;}
#NavContextu .inptBtn {
    display: block;
    width: 14px; height: 14px;
    margin-left: 5px;
    float: left; 
    background: transparent url(/global/medias/btValide.gif) no-repeat !important;}
#NavContextu .inptTxt {
    border: 1px #6f7893 solid;
    display: block;
    width: 85px; height: 9px;
    float: left;
    font-size: 0.8em;
    line-height: 0.5em;
    background-color: #f2f2f4;
    }

#navExtranet label {
	display: block !important;
	float: left;  
	margin-top: 7px;
	padding: 0 0 0 20px;
	font-size: 10px;
	color: #6F7893 !important;
	color: black;
	}
#navExtranet input.inptTxt { margin: 0 0 0 20px; padding: 2px;}
#navExtranet input.inptBtn {
    float: left; 
    width: 15px; height: 15px;
    margin: 5px 0 5px 5px;
    background-image: none !important;
    }

    
/******************************************************/
/**********************************************nav panier et compte */
/******************************************************/

#NavAcces h1 {
    position: absolute; left: 155px; top: 88px;
    display: block;
    width:200px; height: 24px;
    background: transparent url(/extranet/medias/btnExtra1.gif) no-repeat;}
#NavAcces ul {
    position: absolute; left: 350px; top: 88px;
    width:430px;
    padding: 0; 
    margin: 0;}
#NavAcces li {
    float: left; 
    list-style: none;}
#NavAcces li a.ext1 {
    display: block;
    width: 200px; height: 24px;
    background: transparent url(/extranet/medias/btnExtra2.gif) no-repeat;}
#NavAcces li a.ext1 strong {color: #fff; line-height: 24px; margin-left: 23px;}
#NavAcces li a.ext1:hover {
    background: transparent url(/extranet/medias/btnExtra2-over.gif) no-repeat;}
#NavAcces li a.ext2 {
    display: block;
    width: 200px; height: 24px;
    background: transparent url(/extranet/medias/btnExtra3.gif) no-repeat;}
#NavAcces li a.ext2:hover {
    background: transparent url(/extranet/medias/btnExtra3-over.gif) no-repeat;}
#NavAcces .pour {
    display: block;
    margin-left: 18px;
    width: 100px;
    font-size: 9px;
    color: #666d8b;}

/************************************************************************************/
/*                                                                                                                          POPUPS FLASH */
/************************************************************************************/

#produitsPhares * {border: 0; margin: 0; padding: 0;}
#produitsPhares {text-align: center;}
#produitsPhares #zoneFlash {
    width: 550px;
    height: 400px;
    position: absolute; left: 50%; top: 50%;
    margin:  -200px 0 0 -275px;}