﻿body
{
    margin-top:0;
    padding:0;
    
}

.formAccueil
{
    position:relative;
    float:left;
    width:1003px;
    margin:0;
    left:50%;
    margin-left:-501px;
    padding:0;
    display:block;
    
}
.formContenu
{
    position:relative;
    float:left;
    width:1003px;
    margin:0;
    left:50%;
    margin-left:-501px;
    padding:0;
    display:block;
}

.DivContenuAccueil
{
    position:relative;
    font-family:Trebuchet MS, Arial;
    font-size:12px;
    font-weight:normal;
    text-align:right;
    color:Black;
    padding: 7px;
}

.DivContenuAccueil h2{
    color:Black;
    font-family:Trebuchet MS,Arial;
    font-size:12px;
    font-weight:normal;
    text-align:right;
    margin-top:-2px;
    margin-bottom:-2px;
}
.formAccueil a
{
    text-decoration:none;
}
.formAccueil img
{
    border:0;
}

.Accueil_DivNosReferences
{
    position:relative;
    font-size: 12px;
    color: gray;
    
    width:195px;
    height:191px;
    display:block;
    
    margin-top:0px;
    background: url("../Images/DivAccueil_DivNosReferences.png") no-repeat;
    background-position: left top;
    
    
}

*html .Accueil_DivNosReferences
{
    position:relative;
    font-size: 12px;
    color: gray;
    
    width:195px;
    height:191px;
    display:block;
    
    margin-top:0px;
    background:none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/App_Themes/fr/Images/DivAccueil_DivNosReferences.png", sizingMethod="scale");
}



.DivPremiere, .DivSuivante
{
    position:absolute;
    visibility:visible;
    z-index:1;
    left:4px;
}
.DivSuivante
{
    visibility:hidden;
}



.accueil_hlToutesLesReferences
{
    font-family:Trebuchet MS, Arial;
    font-size:12px;
    font-weight:normal;
    color:white;
    text-decoration:none;
    
    position:relative;
    float:left;
    height:18px;
    width:160px;
    padding:0;
    margin:0;
    
    margin-top:173px;
    margin-left:35px;
    display:block;

    
}

.Accueil_DivEspacePrive
{
    position:relative;
    font-family:Arial;
    font-size:11px;
    font-weight:normal;
    
    color:#646567;

    width:138px;
    height:100px;
    display:block;

    background: url("../Images/fond_espace_prive.png") no-repeat;
    background-position: left 11px;
    
    padding-left:39px;
}
*html .Accueil_DivEspacePrive
{
    position:relative;
    font-family:Arial;
    font-size:11px;
    font-weight:normal;
    
    color:#646567;

    width:138px;
    height:100px;
    display:block;

    background:none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/App_Themes/fr/Images/fond_espace_prive.png", sizingMethod="scale");
    
    padding-left:39px;
}


.GeneralEspacePrive
{
    position:relative;
    float:left;
    width:139px !important;
    width:158px;
    height:100px;
    display:block;

    background: url("../Images/fond_espace_prive_general.png") no-repeat;
    background-position: left 11px;
    
    padding-left:19px;
}
*html .GeneralEspacePrive
{
    position:relative;
    float:left;
    width:139px !important;
    width:158px;
    height:100px;
    display:block;

    background:none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/App_Themes/fr/Images/fond_espace_prive_general.png", sizingMethod="scale");
    
    padding-left:19px;
}

.Espace_Prive_Identifiant
{
    position:relative;
    float:left;
    width:135px;
    height:12px;
    display:block;
    margin-top:5px;
}
.Espace_Prive_MotDePasse
{
    position:relative;
    float:left;
    width:135px;
    height:12px;
    display:block;
    margin-top:4px;
}
.Accueil_DivEspacePrive input, .GeneralEspacePrive input
{
    position:relative;
    float:left;
    width:131px;
    height:16px;
    display:block;
    background:none;
    border:0;
    margin-top:4px;
    margin-left:1px;
}

.FondAccueilDroit
{
    position:relative;
    float:right;
    z-index:0;
    width:800px;
    height:272px;
    display:block;
}


.ColonneAccueil1, .ColonneAccueil2, .ColonneAccueil3, .ColonneAccueil4, .ColonneAccueil5
{
    position:absolute;
    z-index:1;
    display:block;
}

.ColonneAccueil1
{
    width:200px;
    margin:0;
}

.ColonneAccueil2
{
    width:195px;
    top:186px;
    /* décalée de la colonnes 1 */
    margin-left:200px;
}

.ColonneAccueil3
{
    width:250px;
    top:0px;
    /* Somme des width des colonnes 1,2 */
    margin-left:395px;
}
.ColonneAccueil4
{
    width:205px;
    height:400px;
    top:253px;
    /* Somme des width des colonnes 1,2,3 */
    margin-left:645px;
    
    background: url("../Images/fond_colonne4.gif") no-repeat;
    background-position: right 18px;
}
.ColonneAccueil5
{
    top:171px;
    /* Somme des width des colonnes 1,2,3,4 */
    margin-left:850px;
}

.GeneralCartoucheHauteGauche
{
    width:209px;
    height:211px;
    display:block;
    
}

.GeneralCartoucheHauteGauche img, a:hover
{
    border:none;
    }


.GeneralColonneGauche
{
    position:relative;
    float:left;
    width:209px;
    display:block;
}

.GeneralColonneDroite
{
    position:relative;
    float:left;
    width:794px;
    display:block;
}

.GeneralCartoucheHauteDroite
{
    position:relative;
    float:left;
    width:636px;
    height:119px;
    display:block;
    overflow:hidden;
}
.DivContenu
{
    position:relative;
    float:left;
    padding-left:23px;
    width:566px !important;
    width:589px;
    display:block;
    
    padding-top:10px;
    padding-bottom:15px;
    
    background-color:White; 
}
.DivContenu h1
{
    margin:0;
    padding:0;
}
.DivContenu p
{
    width:549px;
}
.DivBasseContenu
{
    position:relative;
    float:left;
    width:589px;
    height:61px;
    display:block;
    background: url("../Images/FondContenu.png") no-repeat;
    background-position: left bottom;
}
*html .DivBasseContenu
{
    position:relative;
    float:left;
    width:589px;
    height:61px;
    display:block;
    background:none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/App_Themes/fr/Images/FondContenu.png", sizingMethod="scale");
}

.DivCartoucheBasse
{
    position:relative;
    float:left;
    display:block;
}

.SousColonneGauche
{
    position:relative;
    float:left;
    width:589px;
    display:block;
}
.SousColonneDroite
{
    position:relative;
    float:left;
    width:205px;
    display:block;
}

/*************************************
  Contenu des actualités 
**************************************/
.DivResumeActualite
{
    position:relative;
    float:left;
    width:250px;
    display:block;
    
    background: url("../Images/DivResumeActualite.png") repeat-y;
    background-position: left bottom;
    
    padding-bottom:7px;
    padding-top: 18px;
    z-index:1;
}
*html .DivResumeActualite
{
    position:relative;
    float:left;
    width:250px;
    display:block;
    
    background:none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/App_Themes/fr/Images/DivResumeActualite.png", sizingMethod="scale");
    
    padding-bottom:7px;
    z-index:1;
}

.DivGaucheResumeActu
{
    position:relative;
    float:left;
    width:100px;
    display:block;
    margin-left:13px;
}

.DivDroiteResumeActu
{
    font-family:Arial;
    font-size:11px;

    position:relative;
    float:left;
    width:92px;
    display:block;
    padding:0;
    margin:0;
    margin-top:0px;
    margin-bottom:20px;
}
.DivDroiteResumeActu p
{   
    position:relative;
    padding:0;
    margin:0;
}


.DivSeparatriceActu
{
    position:relative;
    float:left;
    width:212px;
    height:15px;
    display:block;
    border-top:solid 1px #b0b0b0;
    margin-left:13px;
    clear:both;
}

.hlActualite
{
    width:28px;
    height:12px;
    display:block;
    margin-left:52px;
    
    background: url("../Images/actualite-ensavoirplus.jpg") no-repeat;
    background-position: left bottom;
}

.DivFinResumeActu
{
    position:relative;
    float:left;
    width:250px;
    height:15px;
    display:block;
    
    background: url("../Images/DivFinResumeActu.png") no-repeat;
    background-position: left bottom;
}

*html .DivFinResumeActu
{
    position:relative;
    float:left;
    width:250px;
    height:15px;
    display:block;
    
    background:none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/App_Themes/fr/Images/DivFinResumeActu.png", sizingMethod="scale");
}



/******************************************
    Gestion de la cartouche " Zoom sur "
*******************************************/
.AccueilZoomSur
{
    position:relative;
    width:250px;
    height:272px;
    display:block;
}

.DivHautZoom
{
    position:relative;
    width:250px;
    height:50px;
    display:block;
    background: url("../Images/DivHautZoom.png") no-repeat;
    background-position: left top;
}
*html .DivHautZoom
{
    position:relative;
    width:250px;
    height:50px;
    display:block;
    background:none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/App_Themes/fr/Images/DivHautZoom.png", sizingMethod="scale");
}


.DivContenuZoom
{
    position:relative;
    width:220px !important;
    width:250px;
    height:0px;
    display:block;

    padding-left:15px;
    
    background: url("../Images/DivContenuZoom.png") no-repeat;
    background-position: left bottom;
    
    z-index:0;
}
*html .DivContenuZoom
{
    position:relative;
    width:220px !important;
    width:250px;
    height:0px;
    display:block;

    padding-left:30px;
    
    background:none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/App_Themes/fr/Images/DivContenuZoom.png", sizingMethod="scale");
    
    z-index:0;
}

#ContenuDuZoom
{
    visibility:hidden;
}

.DivContenuZoom #player
{
    margin-top:10px;
    margin-left:30px;
}

.hlZoom, .hlZoom:hover, .hlZoomMoins, .hlZoomMoins:hover
{
    font-family:Trebuchet MS, Arial;
    font-size:20px;
    color:#666666;
    height:50px;
    display:block;
    padding-left:42px;
}
.hlZoomMoins, .hlZoomMoins:hover
{
    display:none;
}
.DivAnimation
{
    position:relative;
    width:250px;
    height:222px;
    display:block;
    

}


.SiteMapPath
{
    height:20px;
    display:block;
    
    margin-left:21px;
    margin-top:13px;
}
.SiteMapPath, .SiteMapPath a, .SiteMapPath a:hover
{
    font-family:Trebuchet MS, Arial;
    font-size:11px;
    color:#969595;
    text-decoration:none;
}
.SiteMapPath a:hover
{
    text-decoration:underline;
}

/*****************************************

******************************************/
.PlanSite
{
    display:block;
    margin-top:5px;
}
.PlanSite .niveau1
{
    font-family:Trebuchet MS, Arial;
    font-size:20px;
    font-weight:bold;
    color:#646567;
    text-decoration:none;
    
    display:block;
    margin:0;
    padding:0;
    
    padding-left:20px;
    
    background: url("../Images/fond_titre1.gif") no-repeat;
    background-position: left 8px;
}

.PlanSite .niveau2
{
    font-family:Trebuchet MS, Arial;
    font-size:14px;
    font-weight:bold;
    color:#E36929;
    text-decoration:none;
    padding-left:22px;
    
    display:block;
    margin-left:22px;
    
    background: url("../Images/fond_titre3.gif") no-repeat;
    background-position: left 4px;
    clear:both;
}
.PlanSite .niveau3
{
    font-family:Trebuchet MS, Arial;
    font-size:12px;
    font-weight:bold;
    color:#646567;
    text-decoration:none;
    padding-left:22px;
    
    display:block;
    margin-left:82px;
    
    background: url("../Images/fond_titre3.gif") no-repeat;
    background-position: left 4px;
    clear:both;
}



/***********************************************
    navigation dans les menus de niveau 3
************************************************/

.ulNavigation
{
    width:561px;
    height:44px;
    display:block;
    list-style:none;
    
    background: url("../Images/fond_navigation.gif") repeat-x;
    background-position: left bottom;
    
    margin:0;
    padding:0;
    margin-top:19px;
    margin-left:11px;

    overflow:hidden;
}
.ulNavigation li
{
    float:left;
    height:44px;
    display:block;
}
.aNavigation_306, .aNavigation_306:hover, .aNavigation_306_Selected,
.aNavigation_307, .aNavigation_307:hover, .aNavigation_307_Selected,
.aNavigation_308, .aNavigation_308:hover, .aNavigation_308_Selected
{
    font-family:Trebuchet MS, Arial;
    font-size:14px;
    font-weight:bold;
    color:#646567;
    text-decoration:none;
    
    height:38px !important;
    height:44px;
    display:block;
    
    padding-top:6px;
    padding-left:16px;
    padding-right:13px;
    
}


.aNavigation_306, .aNavigation_306:hover, .aNavigation_306_Selected
{
    width:140px !important;
    width:168px;
    padding-left:15px;
    padding-right:13px;
}
.aNavigation_307, .aNavigation_307:hover, .aNavigation_307_Selected
{
    width:154px !important;
    width:192px;
    padding-left:17px;
    padding-right:21px;
}
.aNavigation_308, .aNavigation_308:hover, .aNavigation_308_Selected
{
    width:167px !important;
    width:201px;
    padding-left:19px;
    padding-right:15px;
}

.aNavigation_306_Selected
{
    width:168px;
    
    background: url("../Images/aNavigation_306_Selected.gif") no-repeat;
    background-position: left top;
}
.aNavigation_307_Selected
{
    width:191px;
    background: url("../Images/aNavigation_307_Selected.gif") no-repeat;
    background-position: left top;
}
.aNavigation_308_Selected
{
    width:201px;
    background: url("../Images/aNavigation_308_Selected.gif") no-repeat;
    background-position: left top;
}

.aNavigation_306:hover, .aNavigation_306_Selected,
.aNavigation_307:hover, .aNavigation_307_Selected,
.aNavigation_308:hover, .aNavigation_308_Selected
{
    color:#E36929;
}

