﻿/******************************************/
/*****Fiche formation modèle 2011**********/
/******************************************/
.clearboth
{
    clear: both;
}
.ficheFormationRecherche
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #D90014;
    text-decoration: none;
    display: inline-block;
    margin-left: 142px;
}
.ficheFormation
{
    background: url("../Images/ficheFormation1211/bg.jpg") repeat-y left top;
    width: 705px;
    min-height: 200px;
    border-top: 1px solid #787878;
    border-bottom: 1px solid #787878;
    margin-top: 12px;
}
h1.ficheFormationTitre
{
    float: left;
    min-height: 54px;
    width: 483px;
    background: url(../images/ficheFormation1211/ficheFormationTitre.png) no-repeat bottom left;
    margin: 0;
    padding: 8px 0px 17px 33px;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
    font-family: arial;
}
h1.ficheFormationTitre span
{
    display: inline-block;
    width: 445px;
    padding: 0px 0px 0px 32px;
}
div.ficheFormationDroite
{
    float: right;
    min-height: 506px;
    width: 185px;
    margin: 0px 0px 0px 4px;
    padding: 40px 0 0 0;
}

div.ficheFormationWatermark
{
    float: left;
    height: 467px;
    width: 48px;
    background: url(../images/ficheFormation1211/ficheFormationWatermark.png) no-repeat top left;
    margin: 0px 0px 0px 0px;
    padding: 0;
}

div.ficheFormationContenu
{
    float: left;
    min-height: 467px;
    width: 387px;
    background: url(../images/ficheFormation1211/ficheFormationContenu.png) no-repeat top left;
    margin: 0;
    padding: 0 46px 0 16px;
    border-bottom: 6px solid #d90014;
}
.ficheFormationSep
{
    background: url(../images/ficheFormation1211/sep.jpg) no-repeat bottom left;
    height: 8px;
}
.ficheForamtionDetails
{
    color: #d90014;
    font-size: 12px;
    font-family: arial;
    padding: 3px 0 0 6px;
}

.ficheForamtionDetails span
{
    color: #000000;
    font-size: 11px;
    font-family: arial;
    padding: 0 0 0 7px;
    display: inline-block;
}

/****fiche formation cartouche droite****/
div.ficheFormationContact
{
    float: left;
    width: 164px;
    margin: 0px 0px 2px 0px;
    padding: 0;
}
div.ficheFormationbgContact
{
    float:left;
    height: 65px;
    width: 150px;
    background: url(../images/ficheFormation1211/ficheFormationbgContact.png) no-repeat left bottom ;        
    padding: 0 0 0 14px;
    font-family: Arial
}

a.ficheFormationInscription
{
    float: left;
    height: 149px;
    width: 164px;
   /*background: url(../images/ficheFormation1211/ficheFormationInscription.png) no-repeat top left;*/
    margin: 0px 0px 11px 0px;
    padding: 0;
}

a.ficheFormationAdmissionPb
{
    float: left;
    height: 53px;
    width: 164px;
    /*background: url(../images/ficheFormation1211/ficheFormationAdmissionPb.png) no-repeat top left;*/
    margin: 0px 0px 11px 0px;
    padding: 0;
}

div.ficheFormationDocument, div.ficheFormationLiensUtils
{
    float: left;
    min-height: 65px;
    width: 164px;
    margin: 0px 0px 9px 0px;
    padding: 0;
}

div.ficheFormationDroiteHeader
{
    float: left;
    height: 18px;
    width: 150px;
    background: url(../images/ficheFormation1211/ficheFormationDroiteHeader.png) no-repeat top left;
    margin: 0;
    padding: 5px 0 0 14px;
    font-family: Arial;
    color:#ffffff;
}

div.ficheFormationCartoucheBg
{
    float: left;
    min-height: 1px;
    width: 140px;
    background: url(../images/ficheFormation1211/ficheFormationCartoucheBg.png) repeat-y top left;
    margin: 0;
    padding: 5px 10px 0 14px;
    color:#202124;
    
}
div.ficheFormationCartoucheBg span a
{
    font-family : Arial!important;
    font-size:11px;
    }
div.ficheFormationCartoucheBtm
{
    float: left;
    height: 40px;
    width: 164px;
    background: url(../images/ficheFormation1211/ficheFormationCartoucheBtm.png) no-repeat top left;
    margin: 0;
    padding: 0;
}





/****/
/****/
div.Voeux
{
    top: 25px;
    left: 100px;
    position: absolute;
    margin: auto;
    width: 792px;
    height: 620px;
    z-index: 100;
    border: solid 1px #5e5e5e;
    background-color: #FFFFFF;
}
div.Voeux a.heading, div.Voeux a.heading:hover, div.Voeux a.heading:link, div.Voeux a.heading:active
{
    display: block;
    background-color: #5e5e5e;
    color: #FFFFFF;
    text-align: right;
    padding: 2px 5px 2px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}

/*secteur.aspx*/
.Separator
{
    display: block;
    background: url("../Images/Contenu/liseret_vert.gif") no-repeat center;
}


/* 0 BASIC TAGS */
body
{
    background-color: #ffffff;
    margin: 0 !important;
    padding: 0 !important;
}
form
{
    margin: 0 !important;
    padding: 0 !important;
}
td
{
    vertical-align: top;
}
form
{
    width: 1003px;
    margin: auto;
}

img
{
    border-width: 0;
}

/* 1 HEADER */

.header
{
    text-align: center;
    padding-top: 0px !important;
    margin-top: 0px !important;
}

.menu
{
    padding: 0;
    margin: 0;
}
.menuHorizontal
{
    padding: 0;
    margin: 0;
}
.menu ul.MenuPrincipal
{
    display: block;
    float: left;
    padding: 0;
    margin: 0;
    padding-top: 8px;
}
ul.MenuPrincipal li
{
    list-style-type: none;
    float: left;
}

ul.MenuPrincipal li li
{
    float: none;
}
.MenuPrincipal a
{
    margin-top: -1px;
}
.MenuPrincipal a:hover
{
    text-decoration: none;
}

.MenuPrincipal a.MenuNiveau1_1, .MenuPrincipal a.MenuNiveau1_2, .MenuPrincipal a.MenuNiveau1_3, .MenuPrincipal a.MenuNiveau1_4, .MenuPrincipal a.MenuNiveau1_5, .MenuPrincipal a.MenuNiveau1_1_AccueilSelected, .MenuPrincipal a.MenuNiveau1_2_AccueilSelected, .MenuPrincipal a.MenuNiveau1_3_AccueilSelected, .MenuPrincipal a.MenuNiveau1_4_AccueilSelected, .MenuPrincipal a.MenuNiveau1_5_AccueilSelected
{
    display: block;
    width: 121px;
    height: 60px;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    padding-right: 10px;
    padding-top: 8px;
    text-align: right;
    vertical-align: top;
    margin-left: 8px;
}
.MenuPrincipal a.MenuNiveau1_1
{
    background: url(../Images/Accueil/menuRubr1.gif) no-repeat;
}
.MenuPrincipal a.MenuNiveau1_2
{
    background: url(../Images/Accueil/menuRubr2.gif) no-repeat;
}
.MenuPrincipal a.MenuNiveau1_3
{
    background: url(../Images/Accueil/menuRubr3.gif) no-repeat;
}
.MenuPrincipal a.MenuNiveau1_4
{
    background: url(../Images/Accueil/menuRubr4.gif) no-repeat;
}
.MenuPrincipal a.MenuNiveau1_5
{
    background: url(../Images/Accueil/menuRubr5.gif) no-repeat;
}
.MenuPrincipal a.MenuNiveau1_1_AccueilSelected
{
    background: url(../Images/Accueil/menuRubr1_on.gif) no-repeat;
}
.MenuPrincipal a.MenuNiveau1_2_AccueilSelected
{
    background: url(../Images/Accueil/menuRubr2_on.gif) no-repeat;
}
.MenuPrincipal a.MenuNiveau1_3_AccueilSelected
{
    background: url(../Images/Accueil/menuRubr3_on.gif) no-repeat;
}
.MenuPrincipal a.MenuNiveau1_4_AccueilSelected
{
    background: url(../Images/Accueil/menuRubr4_on.gif) no-repeat;
}
.MenuPrincipal a.MenuNiveau1_5_AccueilSelected
{
    background: url(../Images/Accueil/menuRubr5_on.gif) no-repeat;
}

.MenuPrincipal a.MenuNiveau1:hover, .MenuPrincipal a.MenuNiveau1_Selected, .MenuPrincipal a.MenuNiveau2:hover, a.MenuPrincipal .MenuNiveau2_Selected
{
    text-decoration: none;
    color: White;
}
.MenuPrincipal a.MenuNiveau2_Titre:hover
{
    text-decoration: none;
}

.MenuPrincipal ul.Menu2_1, .MenuPrincipal ul.Menu2_2, .MenuPrincipal ul.Menu2_3, .MenuPrincipal ul.Menu2_4, .MenuPrincipal ul.Menu2_5
{
    position: absolute;
    z-index: 2;
    margin-left: 8px !important;
    display: none;
}
.MenuPrincipal ul.Menu2_1
{
    background-color: #EE5610;
}
.MenuPrincipal ul.Menu2_2
{
    background-color: #D90014;
}
.MenuPrincipal ul.Menu2_3
{
    background-color: #39A612;
}
.MenuPrincipal ul.Menu2_4
{
    background-color: #800695;
}
.MenuPrincipal ul.Menu2_5
{
    background-color: #12247C;
}

.MenuPrincipal .Menu2_1 li, .MenuPrincipal .Menu2_2 li, .MenuPrincipal .Menu2_3 li, .MenuPrincipal .Menu2_4 li, .MenuPrincipal .Menu2_5 li
{
    width: 131px;
    margin-left: -40px !important;
    margin-left: 0;
    font-family: Arial;
    font-size: 10px;
}
.MenuPrincipal .MenuNiveau2
{
    padding-left: 2px;
}
.MenuPrincipal .Menu2_1 a.MenuNiveau2, .MenuPrincipal .Menu2_2 a.MenuNiveau2, .MenuPrincipal .Menu2_3 a.MenuNiveau2, .MenuPrincipal .Menu2_4 a.MenuNiveau2, .MenuPrincipal .Menu2_5 a.MenuNiveau2
{
    color: #FFFFFF;
    padding-left: 22px;
    display: block;
}
.MenuPrincipal ul.Menu2_1 a.MenuNiveau2
{
    background: url(../Images/Accueil/puceRubr1.gif) no-repeat top left;
}
.MenuPrincipal ul.Menu2_2 a.MenuNiveau2
{
    background: url(../Images/Accueil/puceRubr2.gif) no-repeat top left;
}
.MenuPrincipal ul.Menu2_3 a.MenuNiveau2
{
    background: url(../Images/Accueil/puceRubr3.gif) no-repeat top left;
}
.MenuPrincipal ul.Menu2_4 a.MenuNiveau2
{
    background: url(../Images/Accueil/puceRubr4.gif) no-repeat top left;
}
.MenuPrincipal ul.Menu2_5 a.MenuNiveau2
{
    background: url(../Images/Accueil/puceRubr5.gif) no-repeat top left;
}

.MenuPrincipal .MenuNiveau3
{
    margin-left: 50px;
}

/************************************************************************************************/
/*	Style pour le menu gauche des pages type													*/
/************************************************************************************************/
div.colonneGauche
{
    display: block;
    width: 130px;
}
ul.MenuGauche
{
    clear: both;
    padding: 0;
    margin: 0;
}
ul.MenuGauche li
{
    clear: both;
    list-style-type: none;
}
ul.MenuGauche li li
{
    float: none;
}
.MenuGauche a
{
    margin-top: -1px;
}
.MenuGauche a:hover
{
    text-decoration: none;
}

.MenuGauche a.MenuNiveau1_1, .MenuGauche a.MenuNiveau1_2, .MenuGauche a.MenuNiveau1_3, .MenuGauche a.MenuNiveau1_4, .MenuGauche a.MenuNiveau1_5, .MenuGauche a.MenuNiveau1_1_Selected, .MenuGauche a.MenuNiveau1_2_Selected, .MenuGauche a.MenuNiveau1_3_Selected, .MenuGauche a.MenuNiveau1_4_Selected, .MenuGauche a.MenuNiveau1_5_Selected
{
    display: block;
    width: 110px;
    height: 54px;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    padding-right: 12px;
    margin-top: 8px;
    padding-top: 8px;
    text-align: right;
    vertical-align: top;
    margin-left: 8px;
}
.MenuGauche a.MenuNiveau1_1
{
    background: url(../Images/MenuGauche/menuRubr1.gif) no-repeat;
}
.MenuGauche a.MenuNiveau1_2
{
    background: url(../Images/MenuGauche/menuRubr2.gif) no-repeat;
}
.MenuGauche a.MenuNiveau1_3
{
    background: url(../Images/MenuGauche/menuRubr3.gif) no-repeat;
}
.MenuGauche a.MenuNiveau1_4
{
    background: url(../Images/MenuGauche/menuRubr4.gif) no-repeat;
}
.MenuGauche a.MenuNiveau1_5
{
    background: url(../Images/MenuGauche/menuRubr5.gif) no-repeat;
}
.MenuGauche a.MenuNiveau1_1_Selected
{
    background: url(../Images/MenuGauche/menuRubr1.gif) no-repeat;
}
.MenuGauche a.MenuNiveau1_2_Selected
{
    background: url(../Images/MenuGauche/menuRubr2.gif) no-repeat;
}
.MenuGauche a.MenuNiveau1_3_Selected
{
    background: url(../Images/MenuGauche/menuRubr3.gif) no-repeat;
}
.MenuGauche a.MenuNiveau1_4_Selected
{
    background: url(../Images/MenuGauche/menuRubr4.gif) no-repeat;
}
.MenuGauche a.MenuNiveau1_5_Selected
{
    background: url(../Images/MenuGauche/menuRubr5.gif) no-repeat;
}

.MenuGauche a.MenuNiveau1:hover, .MenuGauche a.MenuNiveau1_Selected, .MenuGauche a.MenuNiveau2:hover, a.MenuGauche .MenuNiveau2_Selected
{
    text-decoration: none;
    color: White;
}
.MenuGauche a.MenuNiveau2_Titre:hover
{
    text-decoration: none;
}



.MenuGauche ul
{
    display: block;
    width: 100px;
    margin-left: 8px !important;
}





.MenuGauche ul.Menu2_1, .MenuGauche ul.Menu2_2, .MenuGauche ul.Menu2_3, .MenuGauche ul.Menu2_4, .MenuGauche ul.Menu2_5
{
    display: block;
    width: 110px;
    margin-left: 8px !important;
}
.MenuGauche ul.Menu2_1 a.MenuNiveau2, .MenuGauche ul.Menu3_1 a, .MenuGauche ul.Menu4_1 a
{
    color: #EE5610;
}
.MenuGauche ul.Menu2_2 a.MenuNiveau2, .MenuGauche ul.Menu3_2 a, .MenuGauche ul.Menu4_2 a
{
    color: #D90014;
}
.MenuGauche ul.Menu2_3 a.MenuNiveau2, .MenuGauche ul.Menu3_3 a, .MenuGauche ul.Menu4_3 a
{
    color: #39A612;
}
.MenuGauche ul.Menu2_4 a.MenuNiveau2, .MenuGauche ul.Menu3_4 a, .MenuGauche ul.Menu4_4 a
{
    color: #800695;
}
.MenuGauche ul.Menu2_5 a.MenuNiveau2, .MenuGauche ul.Menu3_5 a, .MenuGauche ul.Menu4_5 a
{
    color: #12247C;
}
.MenuGauche ul.Menu2_1 a.MenuNiveau2_Selected, .MenuGauche ul a.MenuNiveau3_Selected, .MenuGauche ul a.MenuNiveau4_Selected, .MenuGauche ul.Menu2_2 a.MenuNiveau2_Selected, .MenuGauche ul.Menu2_3 a.MenuNiveau2_Selected, .MenuGauche ul.Menu2_4 a.MenuNiveau2_Selected, .MenuGauche ul.Menu2_5 a.MenuNiveau2_Selected, .MenuGauche .Menu2_1 a.MenuNiveau2:hover, .MenuGauche ul a:hover, .MenuGauche .Menu2_2 a.MenuNiveau2:hover, .MenuGauche .Menu2_3 a.MenuNiveau2:hover, .MenuGauche .Menu2_4 a.MenuNiveau2:hover, .MenuGauche .Menu2_5 a.MenuNiveau2:hover
{
    color: #000000;
    background: url(../Images/MenuGauche/puceMenuSelected.gif) no-repeat 2px 5px;
}

.MenuGauche .Menu2_1 li, .MenuGauche ul li, .MenuGauche .Menu2_2 li, .MenuGauche .Menu2_3 li, .MenuGauche .Menu2_4 li, .MenuGauche .Menu2_5 li
{
    display: block;
    margin-left: 0;
    font-family: Arial;
    font-size: 10px;
    margin-left: -40px !important;
    _margin-left: 0px;
}
.MenuGauche .MenuNiveau2, .MenuGauche .MenuNiveau3
{
    padding-left: 2px;
}
.MenuGauche .Menu2_1 a.MenuNiveau2, .MenuGauche .Menu3_1 a.MenuNiveau3, .MenuGauche .Menu4_1 a.MenuNiveau4, .MenuGauche .Menu2_2 a.MenuNiveau2, .MenuGauche .Menu3_2 a.MenuNiveau3, .MenuGauche .Menu4_2 a.MenuNiveau4, .MenuGauche .Menu2_3 a.MenuNiveau2, .MenuGauche .Menu3_3 a.MenuNiveau3, .MenuGauche .Menu4_3 a.MenuNiveau4, .MenuGauche .Menu2_4 a.MenuNiveau2, .MenuGauche .Menu3_4 a.MenuNiveau3, .MenuGauche .Menu4_4 a.MenuNiveau4, .MenuGauche .Menu2_5 a.MenuNiveau2, .MenuGauche .Menu3_5 a.MenuNiveau3, .MenuGauche .Menu4_5 a.MenuNiveau4, .MenuGauche .Menu2_1 a.MenuNiveau2_Selected, .MenuGauche .Menu3_1 a.MenuNiveau3_Selected, .MenuGauche .Menu4_1 a.MenuNiveau4_Selected, .MenuGauche .Menu2_2 a.MenuNiveau2_Selected, .MenuGauche .Menu3_2 a.MenuNiveau3_Selected, .MenuGauche .Menu4_2 a.MenuNiveau4_Selected, .MenuGauche .Menu2_3 a.MenuNiveau2_Selected, .MenuGauche .Menu3_3 a.MenuNiveau3_Selected, .MenuGauche .Menu4_3 a.MenuNiveau4_Selected, .MenuGauche .Menu2_4 a.MenuNiveau2_Selected, .MenuGauche .Menu3_4 a.MenuNiveau3_Selected, .MenuGauche .Menu4_4 a.MenuNiveau4_Selected, .MenuGauche .Menu2_5 a.MenuNiveau2_Selected, .MenuGauche .Menu3_5 a.MenuNiveau3_Selected, .MenuGauche .Menu4_5 a.MenuNiveau4_Selected
{
    display: list-item;
    margin-left: 0;
    padding-left: 8px;
    width: 90px;
}
.MenuGauche ul.Menu2_1 a.MenuNiveau2, .MenuGauche ul a
{
    background: url(../Images/MenuGauche/puceMenuRubr1.gif) no-repeat 2px 5px;
}
.MenuGauche ul.Menu2_2 a.MenuNiveau2
{
    background: url(../Images/MenuGauche/puceMenuRubr2.gif) no-repeat 2px 5px;
}
.MenuGauche ul.Menu2_3 a.MenuNiveau2
{
    background: url(../Images/MenuGauche/puceMenuRubr3.gif) no-repeat 2px 5px;
}
.MenuGauche ul.Menu2_4 a.MenuNiveau2
{
    background: url(../Images/MenuGauche/puceMenuRubr4.gif) no-repeat 2px 5px;
}
.MenuGauche ul.Menu2_5 a.MenuNiveau2
{
    background: url(../Images/MenuGauche/puceMenuRubr5.gif) no-repeat 2px 5px;
}
.MenuGauche ul.Menu2_1 a.MenuNiveau2_Selected, .MenuGauche ul.Menu3_1 a.MenuNiveau3_Selected, .MenuGauche ul.Menu4_1 a.MenuNiveau4_Selected, .MenuGauche ul.Menu2_2 a.MenuNiveau2_Selected, .MenuGauche ul.Menu2_3 a.MenuNiveau2_Selected, .MenuGauche ul.Menu2_4 a.MenuNiveau2_Selected, .MenuGauche ul.Menu2_5 a.MenuNiveau2_Selected
{
    background: url(../Images/MenuGauche/puceMenuSelected.gif) no-repeat 2px 5px;
}

/************************************************************************************************/





div.colonneDroite
{
    float: right;
    display: block;
    width: 147px;
    padding-top: 8px;
}

/************************************************************************************************/
/*	Style pour le menu outil de la page d'accueil												*/
/************************************************************************************************/
div#MenuOutil
{
    float: left;
    display: block;
    width: 129px;
    padding-left: 12px;
    padding-top: 8px;
}
div#MenuOutil DIV.MenuOutilItem
{
    display: block;
    width: 129px;
    height: 16px;
    background-color: #908F8F;
    font-size: 10px;
    margin-bottom: 2px;
    padding-top: 2px;
}
div#MenuOutil DIV.MenuOutilItem A:link, div#MenuOutil DIV.MenuOutilItem A:active, div#MenuOutil DIV.MenuOutilItem A:visited
{
    padding-left: 9px;
    color: #FFFFFF;
    background: url(../Images/Accueil/puceMenuOutil.gif) no-repeat -2px left;
    text-decoration: none;
}
div#MenuOutil DIV.MenuOutilItem A:hover
{
    color: #000000;
    background: url(../Images/Accueil/puceMenuOutil_on.gif) no-repeat -2px left;
    text-decoration: none;
}


.pageType
{
    width: 726px;
}

.pageType div#MenuOutil
{
    padding-left: 12px;
    padding-top: 8px;
    display: block;
    width: 428px;
    float: right;
}
.pageType div#MenuOutil DIV.MenuOutilItem
{
    float: left;
    display: block;
    width: 129px;
    height: 16px;
    background-color: #908F8F;
    font-size: 10px;
    margin-bottom: 2px;
    padding-top: 2px;
    margin-left: 8px;
}
.pageType div#MenuOutil DIV.MenuOutilItem A:link, .pageType div#MenuOutil DIV.MenuOutilItem A:active, .pageType div#MenuOutil DIV.MenuOutilItem A:visited
{
    padding-left: 9px;
    color: #FFFFFF;
    background-image: url(../Images/Accueil/puceMenuOutil.gif);
    background-repeat: no-repeat;
    background-position: 0px -2px;
    text-decoration: none;
}
.pageType div#MenuOutil DIV.MenuOutilItem A:hover
{
    color: #000000;
    background: url(../Images/Accueil/puceMenuOutil_on.gif) no-repeat -2px left;
    text-decoration: none;
}
/************************************************************************************************/



/************************************************************************************************/
/*	Style pour l'UC de connexion à l'espace privé												*/
/************************************************************************************************/
div.login
{
    padding-left: 10px;
    padding-top: 7px;
    padding-bottom: 14px;
    display: block;
    width: 126px;
    background-color: #E9E9EA;
    color: #5E5E5E;
    font-size: 10px;
}
div.login h1
{
    margin: 0;
    padding: 0;
    padding-bottom: 6px;
    color: #5E5E5E;
    font-size: 10px;
    font-family: Arial;
    text-transform: uppercase;
}
div.login A:link, div.login A:visited, div.login A:active
{
    color: #5E5E5E;
    font-size: 10px;
}
div.login A:hover
{
    color: #5E5E5E;
    font-size: 10px;
    text-decoration: none;
}
div.login .textbox
{
    width: 90px;
    height: 15px;
    color: #00674D;
    background-color: #C9D767;
    border: solid 1px #000000;
}
div.login .bouton
{
    height: 19px;
    color: #FFFFFF;
    font-size: 10px;
    background-color: #1EA70A;
    border: solid 1px #6AC55D;
}
div.login .boutonOK
{
    height: 19px;
    color: #FFFFFF;
    font-size: 10px;
    background-color: #1EA70A;
    border: solid 1px #6AC55D;
    width: 25px;
}
.bouton
{
    height: 19px;
    color: #FFFFFF;
    font-size: 10px;
    background-color: #1EA70A;
    border: solid 1px #6AC55D;
}
/************************************************************************************************/


/************************************************************************************************/
/*	Style pour l'UC de recherche sur les formations ou un métier								*/
/************************************************************************************************/
div#rechercheFDM
{
    display: block;
    width: 136px;
    padding-bottom: 10px;
    background-color: #E9E9EA;
    border-bottom: solid 1px #5E5E5E;
}
div#rechercheFDM h1
{
    display: block;
    width: 136px;
    height: 19px;
    margin: 0;
    padding: 0;
    background-color: #5E5E5E;
    text-transform: uppercase;
    font-size: 14px;
    font-family: Arial;
    color: #FFFFFF;
    text-align: center;
    padding-top: 2px;
}
div#rechercheFDM h2
{
    padding-top: 14px;
    padding-bottom: 9px;
    padding-left: 17px;
    background: url(../Images/Accueil/puceRechFDM.gif) no-repeat 10px 19px;
    text-transform: uppercase;
    font-size: 11px;
    font-family: Arial;
    color: #5E5E5E;
}
div#rechercheFDM hr
{
    border-top: solid 1px #5E5E5E;
    width: 100%;
    margin-top: 5px;
}
div#rechercheFDM .textbox
{
    width: 116px;
    height: 15px;
    color: #00674D;
    background-color: #C9D767;
    border: solid 1px #000000;
}
div#rechercheFDM .bouton
{
    margin-top: 5px;
    height: 19px;
    color: #FFFFFF;
    font-size: 10px;
    background-color: #1EA70A;
    border: solid 1px #6AC55D;
}
/************************************************************************************************/


/************************************************************************************************/
/*	Style pour la colonne centrale																*/
/************************************************************************************************/
div.colonneCentrale
{
    float: left;
    display: block;
    margin-left: 8px;
    width: 844px;
}
table.CentreAccueil
{
    margin-top: 21px;
    width: 844px;
}
table.CentreAccueil .TempsFortPortrait
{
    padding-left: 21px;
    padding-right: 21px;
    width: 375px;
}
table.CentreAccueil .TempsFortPortrait div.Portrait
{
    padding-top: 10px;
    margin-top: 10px;
    border-top: solid 1px #787878;
}
table.CentreAccueil .TempsFortPortrait div.Portrait img
{
    margin-left: 5px;
    margin-bottom: 5px;
    width: 164px;
}
table.CentreAccueil .TempsFortPortrait div.Portrait div.texte
{
    width: 206px;
    float: right;
}
table.CentreAccueil .TempsFortPortrait div.Portrait div#image
{
    float: right;
}

table.CentreAccueil .ActualiteAccueil
{
    padding-left: 21px;
    padding-right: 21px;
    width: 171px;
    border-left: solid 1px #787878;
    border-right: solid 1px #787878;
}
table.CentreAccueil .AgendaAccueil
{
    padding-left: 21px;
    padding-right: 21px;
    width: 170px;
}

div.ColonneCentraleType
{
    float: left;
    display: block;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 10px;
    width: 696px;
}
/************************************************************************************************/

/************************************************************************************************/
/*	Style Actualités de la page d'accueil														*/
/************************************************************************************************/
td.ActualiteAccueil p, div.colonneDroite p.ActualiteColonneDroite
{
    font-family: Arial;
    font-size: 11px;
    color: #000000;
    margin: 0;
    padding: 0;
    padding-bottom: 30px;
}
div.colonneDroite p.ActualiteColonneDroite
{
    padding-bottom: 10px;
    font-size: 10px;
}
div.colonneDroite p.ActualiteColonneDroite .date, div.colonneDroite p.ActualiteColonneDroite .titre, td.ActualiteAccueil p .date, td.ActualiteAccueil p .titre
{
    color: #6F7DBF;
    font-weight: bold;
}
div.colonneDroite p.ActualiteColonneDroite a:visited, div.colonneDroite p.ActualiteColonneDroite a:link, div.colonneDroite p.ActualiteColonneDroite a:active, div.colonneDroite p.ActualiteColonneDroite a:hover, td.ActualiteAccueil p a:visited, td.ActualiteAccueil p a:link, td.ActualiteAccueil p a:active, td.ActualiteAccueil p a:hover
{
    float: right;
    display: block;
    width: 11px;
    height: 11px;
}
div.colonneDroite p.ActualiteColonneDroite a:visited, div.colonneDroite p.ActualiteColonneDroite a:link, div.colonneDroite p.ActualiteColonneDroite a:active, div.colonneDroite p.ActualiteColonneDroite a:hover
{
    font-size: 10px;
}
div.colonneDroite p.ActualiteColonneDroite a:visited, div.colonneDroite p.ActualiteColonneDroite a:link, div.colonneDroite p.ActualiteColonneDroite a:active, td.ActualiteAccueil p a:visited, td.ActualiteAccueil p a:link, td.ActualiteAccueil p a:active
{
    background-image: url(../Images/Accueil/pictoActualite_off.gif);
    background-repeat: no-repeat;
}
div.colonneDroite p.ActualiteColonneDroite a:hover, td.ActualiteAccueil p a:hover
{
    background-image: url(../Images/Accueil/pictoActualite_on.gif);
    background-repeat: no-repeat;
}
div.colonneDroite p.ActualiteColonneDroite a
{
    padding-right: 10px;
}
/************************************************************************************************/
/*	Style Agenda de la page d'accueil														*/
/************************************************************************************************/
div.colonneDroite p.AgendaColonneDroite, td.AgendaAccueil p
{
    font-family: Arial;
    font-size: 11px;
    color: #000000;
    margin: 0;
    padding: 0;
    padding-bottom: 30px;
}
div.colonneDroite p.AgendaColonneDroite
{
    font-size: 10px;
    padding-bottom: 10px;
}
div.colonneDroite p.AgendaColonneDroite .date, div.colonneDroite p.AgendaColonneDroite .titre, td.AgendaAccueil p .date, td.AgendaAccueil p .titre
{
    color: #39A612;
    font-weight: bold;
}
div.colonneDroite p.AgendaColonneDroite a:visited, div.colonneDroite p.AgendaColonneDroite a:link, div.colonneDroite p.AgendaColonneDroite a:active, div.colonneDroite p.AgendaColonneDroite a:hover, td.AgendaAccueil p a:visited, td.AgendaAccueil p a:link, td.AgendaAccueil p a:active, td.AgendaAccueil p a:hover
{
    float: right;
    display: block;
    width: 11px;
    height: 11px;
}
div.colonneDroite p.AgendaColonneDroite a:visited, div.colonneDroite p.AgendaColonneDroite a:link, div.colonneDroite p.AgendaColonneDroite a:active, div.colonneDroite p.AgendaColonneDroite a:hover
{
    font-size: 10px;
}
div.colonneDroite p.AgendaColonneDroite a:visited, div.colonneDroite p.AgendaColonneDroite a:link, div.colonneDroite p.AgendaColonneDroite a:active, td.AgendaAccueil p a:visited, td.AgendaAccueil p a:link, td.AgendaAccueil p a:active
{
    background-image: url(../Images/Accueil/pictoAgenda_off.gif);
    background-repeat: no-repeat;
}
div.colonneDroite p.AgendaColonneDroite a:hover, td.AgendaAccueil p a:hover
{
    background-image: url(../Images/Accueil/pictoAgenda_on.gif);
    background-repeat: no-repeat;
}
div.colonneDroite p.AgendaColonneDroite a
{
    padding-right: 10px;
}
/************************************************************************************************/
/************************************************************************************************/
/*	Style de la page actualité & page agenda													*/
/************************************************************************************************/
span.titreActualite, span.titreAgenda
{
    display: block;
    font-family: Arial;
    font-weight: bold;
    font-size: 25px;
    color: #6F7DBF;
    border-bottom: solid 1px #000000;
    padding-bottom: 5px;
    text-transform: uppercase;
    margin-bottom: 8px;
}
span.titreAgenda
{
    color: #39A612;
}

.listeActualites
{
    display: block;
    width: 690px;
}
.cadreActualite
{
    padding: 8px 5px 0px 5px;
}
.ActualiteTitre
{
    color: #6F7DBF;
    font-weight: bold;
}
div.listeEvenementsAgenda .ActualiteTitre
{
    color: #39A612;
    font-weight: bold;
}
.ActualiteResume, .ActualiteTexte
{
    margin-top: 5px;
    margin-left: 15px;
    font-weight: normal;
    color: Black;
}
.ActualiteLien
{
    text-align: right;
}
.ActualiteLien a
{
    font-weight: bold;
    text-decoration: none;
    color: #0B055F;
}
.ActualiteLien a:hover
{
    text-decoration: underline;
}
.vignetteActualite
{
    width: 170px;
    padding-left: 10px;
}
.contenuActualite
{
}
.contenuActualite a:link, .contenuActualite a:visited, .contenuActualite a:active
{
    color: #6F7DBF;
    text-decoration: underline;
}
.contenuActualite a:hover
{
    color: #6F7DBF;
    text-decoration: none;
}
div.listeEvenementsAgenda .contenuActualite a:link, div.listeEvenementsAgenda .contenuActualite a:visited, div.listeEvenementsAgenda .contenuActualite a:active
{
    color: #39A612;
    text-decoration: underline;
}
div.listeEvenementsAgenda .contenuActualite a:hover
{
    color: #39A612;
    text-decoration: none;
}

.lienActualite
{
    font-weight: bold;
    color: #666666 !important;
    display: block;
}

.lienActualite:hover
{
    text-decoration: none;
    color: White !important;
}
/************************************************************************************************/
/************************************************************************************************/
/*	Style de la page plan du site																	*/
/************************************************************************************************/
div#planDeSite
{
    padding-left: 20px;
}
div#planDeSite div.itemPlanDeSite a:link, div#planDeSite div.itemPlanDeSite a:active, div#planDeSite div.itemPlanDeSite a:visited, div#planDeSite div.itemPlanDeSite a:hover
{
    font-size: 12px;
    text-decoration: none;
    color: #000000;
}
div#planDeSite div.itemPlanDeSite a:hover
{
    font-weight: bolder;
    text-decoration: none;
}

div#planDeSite div.itemPlanDeSite a.niveau1_1, div#planDeSite div.itemPlanDeSite a.niveau1_2, div#planDeSite div.itemPlanDeSite a.niveau1_3, div#planDeSite div.itemPlanDeSite a.niveau1_4, div#planDeSite div.itemPlanDeSite a.niveau1_5
{
    display: block;
    padding-left: 0px;
    margin-top: 10px;
}
div#planDeSite div.itemPlanDeSite a.niveau1_1
{
    background-color: #EE5610;
}
div#planDeSite div.itemPlanDeSite a.niveau1_2
{
    background-color: #D90014;
}
div#planDeSite div.itemPlanDeSite a.niveau1_3
{
    background-color: #39A612;
}
div#planDeSite div.itemPlanDeSite a.niveau1_4
{
    background-color: #800695;
}
div#planDeSite div.itemPlanDeSite a.niveau1_5
{
    background-color: #12247C;
}
div#planDeSite div.itemPlanDeSite a.niveau1_1, div#planDeSite div.itemPlanDeSite a.niveau1_2, div#planDeSite div.itemPlanDeSite a.niveau1_3, div#planDeSite div.itemPlanDeSite a.niveau1_4, div#planDeSite div.itemPlanDeSite a.niveau1_5, div#planDeSite div.itemPlanDeSite a.niveau1_1:hover, div#planDeSite div.itemPlanDeSite a.niveau1_2:hover, div#planDeSite div.itemPlanDeSite a.niveau1_3:hover, div#planDeSite div.itemPlanDeSite a.niveau1_4:hover, div#planDeSite div.itemPlanDeSite a.niveau1_5:hover
{
    color: #FFFFFF;
    font-weight: bold;
    line-height: 20px;
    padding-left: 10px;
}


div#planDeSite div.itemPlanDeSite a.niveau2_1, div#planDeSite div.itemPlanDeSite a.niveau2_2, div#planDeSite div.itemPlanDeSite a.niveau2_3, div#planDeSite div.itemPlanDeSite a.niveau2_4, div#planDeSite div.itemPlanDeSite a.niveau2_5
{
    display: block;
    width: 380px;
    padding-left: 20px;
}
div#planDeSite div.itemPlanDeSite a.niveau3_1, div#planDeSite div.itemPlanDeSite a.niveau3_2, div#planDeSite div.itemPlanDeSite a.niveau3_3, div#planDeSite div.itemPlanDeSite a.niveau3_4, div#planDeSite div.itemPlanDeSite a.niveau3_5
{
    display: block;
    width: 360px;
    padding-left: 40px;
}
div#planDeSite div.itemPlanDeSite a.niveau4_1, div#planDeSite div.itemPlanDeSite a.niveau4_2, div#planDeSite div.itemPlanDeSite a.niveau4_3, div#planDeSite div.itemPlanDeSite a.niveau4_4, div#planDeSite div.itemPlanDeSite a.niveau4_5
{
    display: block;
    width: 340px;
    padding-left: 60px;
}
div#planDeSite div.itemPlanDeSite a.niveau5_1, div#planDeSite div.itemPlanDeSite a.niveau5_2, div#planDeSite div.itemPlanDeSite a.niveau5_3, div#planDeSite div.itemPlanDeSite a.niveau5_4, div#planDeSite div.itemPlanDeSite a.niveau5_5
{
    display: block;
    width: 320px;
    padding-left: 80px;
}
/************************************************************************************************/


/************************************************************************************************/
/*	Style 6TM																					*/
/************************************************************************************************/
div#div6TM
{
    height: 30px;
    padding-top: 10px;
    text-align: center;
}
div#div6TM a:link, div#div6TM a:active, div#div6TM a:visited
{
    color: #000000;
}
div#div6TM a:hover
{
    color: #000000;
    text-decoration: underline;
}
/************************************************************************************************/

.footer
{
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    width: 980px;
    font-size: 10px;
    border-bottom: solid 1px #000000;
}
.footer, .footer a
{
    color: #000000;
}
.footer a:active, .footer a:link, .footer a:visited
{
    color: #000000;
    text-decoration: none;
}
.footer a:hover
{
    color: #000000;
    text-decoration: underline;
}

.nav
{
    font-size: 1.1em;
    margin-bottom: 5px;
}
.nav a
{
    font-weight: bold;
    text-decoration: none;
    color: black;
}

.nav a:hover
{
    color: #666666;
}











.bandeauNoir
{
    background-color: #333333;
    height: 40px;
    width: 999px;
    margin-left: 4px;
}
.cadreImageJour, .cadreTitrePage
{
    height: 250px;
    width: 305px;
    background-color: #333333;
    position: absolute;
    margin-top: -40px;
    margin-left: 530px;
    z-index: 2;
}
.cadreImageJour .contenu
{
    height: 240px;
}
.bottomDecrochage
{
    width: 305px;
    height: 10px;
    background: url('../Images/bottomDecrochage.gif') left bottom no-repeat;
}

.cadreTitrePage
{
    height: 80px;
}
.cadreTitrePage table
{
    margin-top: 15px;
}
.cadreTitrePage td
{
    width: 290px;
    height: 55px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    color: White;
    font-weight: bold;
    font-size: 2em;
    font-style: italic;
    font-family: Times New Roman;
}
.cadreCartoucheHautContenu
{
    position: absolute;
    margin-left: 170px;
    margin-top: 10px;
}
.colonne li
{
    list-style-type: none;
}
.colonne .Menu
{
    margin: 0;
}
.colonne .MenuNiveau1, .colonne .MenuNiveau1_Selected, .colonne .MenuNiveau1_Selected_Titre, .colonne .MenuNiveau1_Titre
{
    display: block;
    margin-left: -35px !important;
    margin-left: 0;
    color: #666666;
    font-weight: bold;
}
.colonne .MenuNiveau1_Selected_Titre:hover, .colonne .MenuNiveau1_Titre:hover
{
    text-decoration: none;
}
.colonne .MenuNiveau1:hover, .colonne .MenuNiveau1_Selected
{
    text-decoration: none;
    color: White;
}
.colonne .Menu3
{
    margin-left: -40px;
}
.colonne .MenuNiveau2, .colonne .MenuNiveau2_Selected
{
    color: #DEDEDE;
    color: #666666;
    font-weight: bold;
    text-decoration: none;
}
.colonne .MenuNiveau2:hover, .colonne .MenuNiveau2_Selected
{
    color: White;
}



.colonne
{
    background-color: #999999;
    border: solid 1px #CCCCCC;
    width: 160px;
    height: 400px;
}
.colonneCentrale
{
    height: 400px;
    padding-left: 4px;
}

.cadreCentral
{
    width: 100%;
}
.topContenu
{
    background: url('../Images/topContenu.gif') left top no-repeat;
    width: 655px;
    height: 9px;
}
.bottomContenu
{
    background: url('../Images/bottomContenu.gif') left top no-repeat;
    width: 655px;
    height: 13px;
}
.middleContenu
{
    background-color: #9B0302;
    height: 350px;
}

.topSousContenu, .bottomSousContenu, .middleSousContenu
{
    margin: auto;
    width: 644px;
}
.topSousContenu
{
    height: 16px;
    background: url('../Images/topSousContenu.gif') center top no-repeat;
}
.bottomSousContenu
{
    height: 17px;
    background: url('../Images/bottomSousContenu.gif') center top no-repeat;
}
.middleSousContenu
{
    width: 644px;
    background-color: #999999;
}


/* Modules (colonne gauche / colonne droite) */
.Module
{
    width: 147px;
    margin: auto;
    margin-top: 10px;
}
.topModule
{
    width: 147px;
    height: 28px;
    background: url('../Images/topModule.gif') left top no-repeat;
    color: White;
    text-align: center;
    font-weight: bold;
    font-size: 1.3em;
    padding-top: 4px;
}
.bottomModule
{
    width: 147px;
    height: 6px;
    background: url('../Images/bottomModule.gif') left top no-repeat;
}
.contenuModule
{
    width: 147px;
    background: url('../Images/fondModule.gif') left top repeat-y;
    padding-left: 2px;
    color: #666666;
}



/*******************/
/* Gestion documentaire */
/*******************/

span.titreGestionDocumentaire
{
    display: block;
    font-family: Arial;
    font-weight: bold;
    font-size: 25px;
    color: #1EA70A;
    border-bottom: solid 1px #000000;
    padding-bottom: 5px;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.cadreArborescence
{
    width: 30%;
    border: solid 0px #EE5610;
    background-color: #FFFFFF;
    padding: 3px;
    min-height: 400px;
    float: left;
    overflow: auto;
    border-right: solid 1px #000000;
}
.contenuArborescence
{
    margin-left: 4px;
    width: 65%;
    border: solid 0px #000000;
    padding: 3px;
    min-height: 400px;
    float: left;
    overflow: auto;
}
.contenuArborescence hr
{
    color: #000000;
    height: 0px;
    border: solid 0px #000000;
    display: none;
}

.cadreArborescence a:link, .cadreArborescence a:active, .cadreArborescence a:visited
{
    color: #1EA70A;
    text-decoration: none;
}
.cadreArborescence a:hover, .cadreArborescence a.courant
{
    color: #E8400E;
    text-decoration: none;
}

.theme
{
    background: url('../Images/GestionDoc/dossierFerme.gif') left top no-repeat;
    text-decoration: none;
    padding-left: 25px;
    line-height: 30px;
}
.ouvert
{
    background-image: url('../Images/GestionDoc/dossierOuvert.gif');
}
.courant
{
    color: #1EA70A;
}

.contenuArborescence .contenuFichiers
{
    width: 100%;
    margin-top: 10px;
}
table.contenuFichiers
{
    border: 0; /*border:solid 1px #000000;*/
    border-top: solid 1px #767676;
    border-bottom: solid 1px #767676;
}
table.contenuFichiers TD
{
    color: #007122;
}
table.contenuFichiers TD a
{
    color: #007122;
    text-decoration: none;
}
table.contenuFichiers TD a:hover
{
    color: #E8400E;
    text-decoration: none;
}
.contenuFichiers th span
{
    display: block;
    height: 30px;
    margin: 2px 2px 2px 2px;
    background-color: #D2F100;
}
.contenuFichiers th span table
{
    height: 30px;
}
.contenuFichiers th, .contenuFichiers td
{
    border: 0;
    border-right: solid 1px #767676;
    border-top: solid 1px #767676;
    border-bottom: solid 1px #767676;
}
.contenuFichiers td.fichier
{
    padding-left: 2px;
}
.contenuFichiers td.auteur
{
    padding-left: 15px;
}
.contenuFichiers td.miseEnLigne
{
    text-align: center;
}
.contenuFichiers th.derniereColonne, .contenuFichiers td.derniereColonne
{
    border: 0;
    border-top: solid 1px #767676;
    border-bottom: solid 1px #767676;
}
.contenuFichiers th span table td
{
    vertical-align: middle;
    border: 0;
}
.titreTheme
{
    display: block;
    color: #010001;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
}
.descriptionTheme
{
    display: block;
    font-style: italic;
    margin-left: 20px;
}
.titreVersions
{
    font-weight: bold;
    margin-top: 30px;
}
.listeVersions
{
    width: 100%;
}
.listeVersions td, .listeVersions th
{
    padding: 0 5px;
    border-color: #CCCCCC;
}
.ficheDocument .lienRetour
{
    display: block;
    margin: auto;
    width: 30%;
    text-align: center;
}
.ficheDocument a
{
    color: #007122;
    text-decoration: none;
}
.ficheDocument a:hover
{
    color: #E8400E;
    text-decoration: none;
}

.Grid, .Grid TD
{
    border: none;
}
.Grid h2
{
    font-size: 12px;
}

/****************************BourseEmploi***********************************/
.TableBourse TH
{
    text-align: center;
    height: 30px;
    background-color: #D2F100;
}


.contenu_Portrait p
{
    font-size: 11px;
    border: 1px solid red;
}

