/***************************************************/
/*                  Accueil                        */
/***************************************************/
    
.bodyAccueil  
{
    width:1003px;
    margin:auto;
    text-align: center;
    background: #12345C url(../Images/Fond-BodyAccueil.jpg) repeat-x; 
}
.BodyRubrique
{
    margin:0;
    padding:0;
    background: #12345C url(../Images/Fond-Body.jpg) repeat-x; 
}



form.accueilBackground
{
    margin:auto;
    background: #ffffff url(../Images/Accueil/background.jpg) no-repeat; 
    min-height:650px;
    height:auto!important;
    height:650px;
    width:1003px;
    text-align:left;    
}

.accueilEnTete
{
    width:1003px;
    height:30px;
    display:block;
}

.accueilFlash
{
    width:1003px;
    height:326px;
    display:block;

}

.accueilContenu
{
    position:relative;
    margin-left:68px;
    width:928px;
    height:185px;
    display:block;
}
/***   recherche  ***/
.bodyAccueil .ZoneRecherche
{
    position:relative;
    float:right;
    border-left: 1px solid #afc2e3;
    border-right: 1px solid #afc2e3;
    width:200px;
    height:30px;
    margin-right:25px;
}

.bodyAccueil .ZoneRecherche .textboxRecherche
{
    position:relative;
    float:left;
    background-color:#d7e0f1;
    border:1px solid #0f335b;
    width:131px;
    margin-left:20px;
    margin-top:10px;
    color:#0f335b;
    height:18px;
    font-size:10px;
    font-family:Verdana; 
}
.bodyAccueil .ZoneRecherche a.rechercheOk
{
    font-family:Verdana; 
    text-decoration:none;
    font-size:10px;   
    font-weight:bold;
    color:#0f335b;

    position:relative;
    float:left;
    background-color:#d7e0f1;        
    border:1px solid #0f335b;
    width:21px;
    height:18px;
    display:block;
    margin-left:7px;
    margin-top:10px;    
    text-align:center;
}
.BodyRubrique .ZoneRecherche
{
    position:relative;
    float:right;
    border-left: 1px solid #afc2e3;
    border-right: 1px solid #afc2e3;
    width:185px;
    height:30px;
    margin-right:10px;
}
.BodyRubrique .ZoneRecherche .textboxRecherche
{
    position:relative;
    float:left;
    background-color:#d7e0f1;
    border:1px solid #0f335b;
    width:131px;
    margin-left:11px;
    margin-top:10px;
    color:#0f335b;
    height:14px;
    font-size:10px;
    font-family:Verdana; 
}
.BodyRubrique .ZoneRecherche a.rechercheOk
{
    font-family:Verdana; 
    text-decoration:none;
    font-size:10px;   
    font-weight:bold;
    color:#0f335b;

    position:relative;
    float:left;
    background-color:#d7e0f1;        
    border:1px solid #0f335b;
    width:21px;
    height:16px;
    display:block;
    margin-left:7px;
    margin-top:10px;    
    text-align:center;
}

/**************/

.bodyAccueil .ZoneLangue
{
    border-right: 1px solid #afc2e3;
    width:122px; 
    margin-right:16px;
    height:30px;
    float:right;
	display:block;
}
.BodyRubrique .ZoneLangue
{
    float:right;
    border-right: 1px solid #afc2e3;
    width:122px; 
    margin-right:0px;
    height:30px;
	display:block;
}

.ZoneLangue .fr, .ZoneLangue .en, .ZoneLangue .es, .ZoneLangue .de
{
    float:left;
    width:23px;
    height:15px;
    display:block;
    margin-top:11px;
    margin-right:13px;
}

.ZoneLangue .fr
{
    background: url(../Images/fr.gif) no-repeat; 
}
.ZoneLangue .en
{
    background: url(../Images/en.gif) no-repeat; 
}
.ZoneLangue .es
{
    background: url(../Images/es.gif) no-repeat; 
}
.ZoneLangue .de
{
    background: url(../Images/de.gif) no-repeat; 
}

.BodyRubrique .aContactRubrique
{
    font-family:Verdana; 
    text-decoration:none; 
/*
    color:#AFC1E3;
*/
    color:#022752;
    font-size:11px;
    
    float:right;
    height:30px;
    line-height:30px;
    vertical-align:14px;
    display:block;
    margin-top:0px;
    padding-right:11px;
    margin-right:10px;
    border-right: 1px solid #afc2e3;

}

.BodyRubrique .aPlanAccesRubrique
{
    font-family:Verdana; 
    text-decoration:none; 
/*
    color:#AFC1E3;
*/
    color:#022752;
    font-size:11px;

    float:right;
    height:30px;
    line-height:30px;
    vertical-align:14px;
    display:block;
    margin-top:0px;
    padding-right:11px;
    margin-right:13px;
    border-right: 1px solid #afc2e3;
}

/**************/

.ZoneMenuGaucheAccueil
{
    float:left;
    position:relative;
    width:260px;
    height:176px;
    display:block;
}

.CartoucheIso
{
    position:absolute;
    right:33px;
    margin-top:102px;
    
    width:145px;
    height:55px;
}
.BanniereAccueil
{
    float:left;
    width:334px;
    height:176px;
    display:block;
/*
    overflow:hidden;
*/
}
.BanniereAccueil p
{
    position:relative;
    margin:0;
    padding:0;
    line-height:0;
}

.AccueilActualite
{
    float:left;
    position:relative;
    margin-left:23px;
    margin-top:25px;
    float:left;
    width:307px;
    height:146px;
    display:block;
    overflow:auto;
    scrollbar-face-color:#6C7E8B;
    scrollbar-highlight-color: #6C7E8B;
    scrollbar-track-color:#6C7E8B;
    scrollbar-arrow-color:#082C55;
/*
    scrollbar-shadow-color: #BED6E6;
    scrollbar-3dlight-color: #000000;
    scrollbar-darkshadow-color: #000000;
    scrollbar-track-color: #E2EEF6;
    scrollbar-arrow-color: #000000;
    
    scrollbar-shadow-color:
    defini la couleur sombre du relief des boutons (noir conseillé).

    scrollbar-highlight-color:
    defini la couleur claire du relief des boutons (blanc conseillé).

    scrollbar-3dlight-color:
    defini la couleur claire du relief des boutons quand ceux-ci ne sont pas enfoncés (noir conseillé).

    scrollbar-darkshadow-color:
    defini la couleur sombre du relief des boutons quand ceux-ci ne sont pas enfoncés (noir conseillé).

    scrollbar-track-color:
    defini la couleur du fond de la barre.

    scrollbar-arrow-color:
    defini la couleur des flèches. Voila, il ne vous reste plus qu'à vous laisser aller à votre imagination ! 
    */

}
.AccueilActualite .ResumeActualite
{
    margin-top:0px;
    width:263px;
    display:block;
}
.accueilFooter
{
    margin:0;
    padding:0;
    position:relative;
    margin-left:590px;
    margin-top:0px;
    width:410px;
    display:block;
}
.accueilFooter a, .footer a 
{
    position:relative;
    font-family:Verdana; 
    color:white;
    font-size:10px;
    text-decoration:none;

    margin-top:0px;
    margin-left:10px;
    padding-right:12px;

    height:12px;
    line-height:12px;
    vertical-align:middle;
}
.accueilFooter a:hover, .footer a:hover, .ZoneHaute a:hover
{
    color:#FF3859;
}

.accueilFooter a.border, .footer a.border  {
    border-right:solid 1px #AFC2E3;
}


/************************************************************/
/*                   Page de Rubrique                       */
/************************************************************/

.formRubrique
{
    margin:auto;
    width:1063px;
    display:block;
    text-align:left;    
}
.ZoneHaute
{
    margin:auto;
    position:relative;
    width: 1003px;
    height: 106px;
    display: block;
}
.ZoneMenu
{
    position:relative;
    width:1003px;
    height:43px;
    display:block;
    z-index:10;
    margin-left:6px;
    margin-top:0px;
}
.ZoneMenuAccueil
{
    position:relative;
    width:937px;
    height:43px;
    display:block;
    z-index:10;
    margin-left:68px;
}
.ZoneMenu a, .ZoneMenuAccueil a
{
    line-height:13px;
}

/**********************************************************/
/* Zone englobant l'ensemble des Div sous la Zone de Menu */
/**********************************************************/
.ZoneGlobale
{
    /*background: url(../Images/FondZoneGlobale.gif) repeat-y;
    background-position: 161px top;*/
    position: relative;
    float: left;
    width: 983px;
    display: block;
}
/******************/
/* Menu de Gauche */
/******************/
.ZoneMenuGauche
{
    position: relative;
    float:left;
    width: 161px;
    display: block;
    background: url(../Images/FondHautMenuGauche.gif) no-repeat;
    background-position:left top;
    z-index:0;
    margin-top:-136px;

}
.ZoneFondContenuGauche
{
    position: relative;
    float:left;
    margin:0;
    margin-top:35px;
    width: 161px;
    display: block;
    background: url(../Images/FondMenuGauche.gif) repeat-y;
    z-index:0;
}

.ZoneContenuGauche
{
    position: relative;
    float:left;
    margin:0;
    margin-top:-23px;
    width: 161px;
    display: block;
    z-index:0;
}
/**********************************/
/* Partie basse du Menu de Gauche */
/**********************************/
.ZoneBasseGauche
{
    float:left;
    position: relative;
    background: url(../Images/FondBasMenuGauche.png) no-repeat;
    height:403px;
    width: 160px;
    display: block;
    z-index:0;
}
/******************/
/* Zone du milieu */
/******************/
.FondContenu
{
    float:left;
    position:relative;
    background: url(../Images/trait-bleu-horizontal.gif) no-repeat;
    background-position:right 0;
    width:822px; 
    display:block;
    z-index:0;
}
.FondTraitVertical
{
    float:left;
    position:relative;
    margin-top:136px;
    background: url(../Images/FondZoneGlobale.gif) repeat-y;
    /*background: url(../Images/pixel-bleu.gif) repeat-y;*/
    background-position:right;
    width:983px; 
    display:block;
    z-index:1;
}

.FondBlanc
{
    float: left;
    position:relative;
    background-color: White;
    margin-top: -136px;
    width:814px; 
    display: block;
}
.ZoneContenu
{
    float:left;
    background-color:White;
    width:814px;
    position:relative;
    display:block;
}
.ZoneSiteMap
{
    position: relative;
    margin:0;
    margin-left:23px;
    margin-right:23px;
    background-color:White;
    height: 29px;
    display: block;
    border-bottom: dotted 1px #AEAEAE;
    color:#58585A;
}
.ZoneSiteMapLong
{
    position: relative;
    margin:0;
    margin-left:23px;
    margin-right:23px;
    background-color:White;
    height: 29px;
    width:770px;
    display: block;
    border-bottom: dotted 1px #AEAEAE;
    color:#58585A;
}
.ZoneSiteMap p, .ZoneSiteMap span, .ZoneSiteMap a, .ZoneSiteMapLong p, .ZoneSiteMapLong span, .ZoneSiteMapLong a
{
    line-height: 29px;
    vertical-align:middle;
    font-family:Verdana;
    font-size:12px;
    color:#636365;
    text-decoration:none;
}
.ZoneSiteMapImpression
{
    position: relative;
    margin:0;
    margin-top:5px;
    margin-left:23px;
    margin-right:23px;
    background-color:White;
    height: 20px;
    display: block;
    border-bottom: dotted 1px #AEAEAE;
    color:#58585A;
}

.liensHautDroite
{
    position:relative;
    float:right;
    margin-top:-20px;
}
.liensHautDroite a:hover
{
    color:Red;
}
.liensHautDroite img
{
    margin-right:4px;
}
.liensHautDroiteImpression
{
    float:right;
    position:relative;
    margin-top:4px;
    margin-right:20px;
}
.liensHautDroite a:hover
{
    color:Red;
}



.divContenu
{
    width: 554px;
    position: relative;
    float:left;
    margin-left:23px;
    margin-top:40px;
    display:block;
    z-index:0;
}

/******************/
.ZoneDroite
{
    float:right;
    position: relative;
    width: 213px;
    display: block;
}
.ZoneCartoucheHaute
{
    position: relative;
    width: 213px;
    background-color:White; 
    display: block;
    margin:0;
    padding:0;
}

/*************************************/
.ZoneActu
{
    background: url(../Images/FondActualites.jpg) no-repeat;
    background-color:White; 
    position: relative;
    width: 213px;
    height: 244px;
    overflow:hidden;
    margin-top:6px;
    display: block;
}
.ZoneActu .ResumeActualite
{
    position:relative;
    margin-left:7px;
    margin-top:23px;
    width: 198px;
    height: 201px;
    display: block;
    overflow:auto;
    scrollbar-face-color:#E1E5E8;
    scrollbar-highlight-color: #E1E5E8;
    scrollbar-track-color:#E1E5E8;
    scrollbar-arrow-color:#082C55;
}
.ZoneActu .LienSavoirPlus, .AccueilActualite .LienSavoirPlus
{
    line-height:30px;
    height:30px;
    vertical-align:middle;
    font-family:Verdana;
    font-size:10px;
    font-weight:bold;
    color:#10335B;
    text-decoration:none;
}
.ZoneActu .LienSavoirPlus
{
    margin-left:110px;
}
.AccueilActualite .LienSavoirPlus
{
    line-height:25px;
    height:25px;
    vertical-align:middle;
    margin-left:197px;
}
.ZoneActu .LienSavoirPlus:hover
{
    color:#FF3859;
}
.AccueilActualite .LienSavoirPlus:hover
{
    color:#ffffff;
}
.ResumeActualite .Titre
{
    line-height:16px;
    height:16px;
    vertical-align:middle;
    font-family:Verdana;
    font-size:14px;
    font-weight:bold;
    color:#FF3859;
    text-decoration:none;
    margin-bottom:5px;
}
/*************************************/

.ZoneCartoucheBasse
{
    position: relative;
    background: url(../Images/Trait-Bleu-Separateur.gif) no-repeat;
    background-position:top middle;
    width: 211px;
    height: 181px;
    overflow:auto;
    display: block;
    margin:0;
    padding:0;

}
.CartoucheBasse
{
    position: relative;
    width: 164px;
    display: block;
    margin-left:15px;
    margin-top:10px;
}

.CartoucheBasse a
{
    color:#11345C;
}
.footer
{
    margin:0;
    padding:0;
    float:left;
    position:relative;
    background: url(../Images/FondBasContenu.gif) no-repeat;
    background-position:right top;
    width:983px;
    height:64px;
    display:block;
}
.LienFooter
{
    float:right;
    position:relative;
    margin-top:30px;
    margin-right:5px;
}
.hlHome
{
    position:absolute;
    top:10px;
    margin-left:10px;
    height:76px;
    width:191px;
    display:block;
    z-index:55;
}

.DivSommaireProduit
{
    position:relative;
    height:160px;
    width:560px;
    display:block;
    margin-left:23px;
    margin-top:10px;
}

.DivSelection
{
    position:absolute;
    right:0px;
    margin-top:35px;
    z-index:100;
    
}
.selection
{
    position:relative;
    font-family:Verdana;
    font-size:10px;
    color:#FF3859;
    text-decoration:none;
    width:10px;
    height:10px;
    margin-right:5px;
    border-right:solid 1px #9D9D9D; 
}
.suivant
{
    position:relative;
    font-family:Verdana;
    font-size:10px;
    color:#FF3859;
    text-decoration:none;
    width:10px;
    margin-right:5px;
    border:0;
}
.DivListing
{
    position:absolute;
    top:20px;
    margin:0;
    padding:0;
}

.ZoneTopAbsolu {
    position:absolute;
    top:0;
    right:60px;
    z-index:3;
    display:block;
}

.ZoneCartoucheHaut
{
    position:relative;
    margin-left:210px;
    width:740px;
    height:106px;
    display:block;
    z-index:0;
    overflow:hidden;
}

.FormContenuImpression
{
    position:relative;
    width:655px;
    display:block;
}
*html .DivContenuMap
{
    height:1300px;
}
/*************************************/
/*  Aperçu en Ligne, mode brouillon  */
/*************************************/
.divLienEnLigne
{
    position:absolute;
    left:5px;
    top:0;
    color:Red;
    z-index:1000;
}
.divLienEnLigne a
{
    color:Red;
    text-decoration:none;
}
.divLienEnLigne a:hover
{
    color:Red;
    text-decoration:underline;
}