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 h1{
    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;
}

a img
{
    border:none;
}

.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, .divIndex
{
    position:absolute;
    visibility:visible;
    z-index:1;
    /*left:4px;*/
}

.Accueil_DivNosReferences .DivPremiere, .Accueil_DivNosReferences .DivSuivante
{
	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;
}

.DivContenu table td p
{
    width:auto;
}

.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;
    padding-right:80px;
}

.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;
}

/****************************************
*		Page Spécifiques Reference		*
*****************************************/
.TitreSpecifique
{
	font-family:Trebuchet MS, Arial;
    font-size:26px;
    font-weight:bold;
    color:#E36929;
    text-decoration:none;
    margin-bottom:18px;
}

.SousTitreSpecifique
{
	font-family:Trebuchet MS, Arial;
    font-size:15px;
    font-weight:bold;
    color:#969595;
    text-decoration:none;
    margin-bottom:15px;
}

div.ReferencesContenuMenu
{
	float:left;
	width:225px;
}

div.ReferencesContenuData
{
	display:block;
	width:520px!important; /*540px;*/
	height:397px!important;/*422px;*/
	padding-top:15px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	margin-top:20px;
}

div.ReferencesContenuData p
{
	width:auto!important;
}

div.Site
{
	background: url("../Images/ReferenceCadre_Site.png") no-repeat left top;
}

div.Site h1, div.Site .divIndex a:hover, div.Site .divIndex a.Selected
{
	color:#0294cf;
}

div.Mobile
{
	background: url("../Images/ReferenceCadre_Mobile.png") no-repeat left top;
}

div.Mobile h1, div.Mobile .divIndex a:hover, div.Mobile .divIndex a.Selected
{
	color:#d8378a;
}

div.Logiciel
{
	background: url("../Images/ReferenceCadre_Logiciel.png") no-repeat left top;
}

div.Logiciel h1, div.Logiciel .divIndex a:hover, div.Logiciel .divIndex a.Selected
{
	color:#459c18;
}

div.ReferencesContenuDiaporama
{
	float:left;
	width:225px;
	height:185px;
	margin-right:20px;
	/*background:url(../Images/Fond_Reference_Diaporama.png) no-repeat left top;*/
}

div.ReferencesContenuDiaporama img
{
	/*width:220px;*/
	height:170px;
}

div.ReferencesContenuDiaporama .divIndex
{
	margin-left:30px;
	margin-top:175px;
}

div.ReferencesContenuDiaporama .divIndex a
{
	font-size:12px;
	font-family:Trebuchet MS;
	color:#646567;
}

div.ReferencesContenuTitre
{
	float:right;
	width:260px;
}

div.ReferencesContenuClear
{
	clear:both;
	height:0px;
}

div.ReferencesContenuDetail
{
	display:block;
	float:left;
}

div.ReferencesContenuDetail p.TitreArticle
{
	margin-top:10px;
	margin-bottom:8px;
	font-size:15px;
}

div.ReferencesContenuDetail span
{
	font-size:12px;
}

div.ReferencesContenuImage
{
	float:right;
	margin-top:-15px;
	margin-right:30px;
	text-align:right
}

div.ReferencesContenuClient
{
	float:left;
	width:315px!important;
	padding-left:25px;
}


div.ReferencesCarousel
{
	height:545px!important;
	width:560px!important;
	margin-left:-102px;
	padding-top:55px;
	padding-left:120px;
	background: url("../Images/Fond_Carousel.png") no-repeat left top;
}

div.ReferencesData
{
	display:block;
	float:left;
	width:466px!important;
	margin-top:-65px;
	margin-bottom:65px;
	padding-left:100px;
	color:#e96c12;
	font-size:15px;
}

div.ReferencesData p
{
	width:466px;
}