@charset "UTF-8";
/* CSS Document */
/*Last edited 24 September, 2008 */

/* CSS General Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

/* define individual focus styles elsewhere */
:focus {
    outline: 0;
}

ol, ul {
    list-style: none;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

sup {
    font-size: 0.65em;
    line-height: 0.875em;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}


/* DEFAULTS
----------------------------------------------------------*/
html, body {
    height: 100%;
}

body {
    color: #333;
    font: 0.875em 'Droid Sans';
}

img {
    border: 0;
}

.clear {
    clear: both;
}

.left {
    float: left;
}

.right {
    float: right;
}

@font-face {
    font-family: 'HelveticaNeueLTCom57Condensed';
    src: url('/themes/helveticaneueltcom-cn_0-webfont.eot');
    src: url('/themes/helveticaneueltcom-cn_0-webfont.eot?#iefix') format('embedded-opentype'), url('/themes/helveticaneueltcom-cn_0-webfont.ttf') format('truetype'), url('/themes/helveticaneueltcom-cn_0-webfont.svg#HelveticaNeueLTCom57Condensed') format('svg');
    font-weight: normal;
    font-style: normal;
}

p {
    margin: 14px 0;
    line-height: 1.3em;
}

h1 {
    font: 2.1em 'HelveticaNeueLTCom57Condensed', 'Droid Sans';
    color: #003f8c;
    margin-bottom: 15px;
}

h2 {
    font-size: 1.286em;
    color: #198f3a;
}

h3 {
    color: #003f8c;
    font-weight: bold;
    font-size: 1.143em;
    margin-top: 20px;
}

h4 {
    margin-bottom: 14px;
    font-weight: bold;
}

h5 {
    background-color: #7fc64b;
    padding: 5px 8px;
    color: White;
    font-weight: bold;
}

a:link {
    color: #158fce;
    text-decoration: none;
}

a:active {
    color: #158fce;
    text-decoration: underline;
}

a:visited {
    color: #158fce;
    text-decoration: none;
}

a:hover {
    color: #158fce;
    text-decoration: underline;
}


/*  MASTERPAGE.MASTER   
--------------------------------------------------------------------------------------------------*/
.pageMaster {
    margin: 0;
    padding: 0;
    margin: auto;
    position: relative;
}

    .pageMaster .pageMasterContenu {
        position: relative;
        z-index: 1;
    }

.corpsMaster {
    margin: 0 auto;
    width: 982px;
}

.entete .logo {
    width: 175px;
    height: 98px;
    float: left;
    margin-top: 25px;
    background: url(/images/logo_entete.png) no-repeat center left;
}

.entete .corpsMaster {
    width: 938px;
    margin: 0 auto;
}

.entete .logo a {
    height: 98px;
    display: block;
}

.entete .menuSecondaire {
    width: 600px;
    float: right;
    text-align: right;
}

    .entete .menuSecondaire ul {
        margin: 0px;
        padding: 0px;
    }

    .entete .menuSecondaire li {
        display: inline;
        padding: 0 0 0 3px;
        margin: 0px;
    }

.corpsMaster .fondRecherche {
    float: right;
    padding: 10px;
    background-color: #2e2e2e;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    margin-right: 18px;
    position: relative;
}

.fondRecherche .recherche {
    float: left;
}

.recherche .boiteRecherche {
    width: 220px;
    float: left;
}

.recherche .texteBoxRecherche, .recherche .watermarkclass {
    font: 0.929em Nobile;
    color: #c2c3c4;
    width: 178px;
    height: 26px;
    padding: 0 5px;
}

.recherche input {
    background-color: #4d5053;
    color: #c2c3c4;
    border-color: #4d5053;
}

.recherche .boutonRecherche {
    position: absolute;
    top: 11px;
    left: 200px;
}

.fondRecherche .ligneSeparatrice {
    float: left;
    margin: 0 12px;
    background: url(/images/separateur_recherche.gif) no-repeat center left;
    width: 3px;
    height: 26px;
}

.fondRecherche .rss {
    float: left;
    background: url(/images/bt_RSS.gif) no-repeat center left;
    width: 27px;
    height: 27px;
}

    .fondRecherche .rss a {
        display: block;
        height: 27px;
    }

#menuPrincipal {
    list-style: none;
    height: 71px;
    margin: 0px;
    padding: 0px;
}

    #menuPrincipal ul {
        margin: 0px;
        padding: 0px;
    }

    #menuPrincipal li {
        float: left;
        margin: 0px;
        padding: 0px;
        display: block;
        position: relative;
        z-index: 100;
        border: none;
    }

        #menuPrincipal li a {
            display: block;
            outline: 0;
            text-decoration: none;
        }

.menu01, .menu02, .menu03, .menu04, .menu05 {
    margin: 4px auto;
    float: left;
    position: absolute;
    left: -999em; /* Hides the drop down */
    text-align: left;
    width: 924px;
    padding: 25px;
    background: #04335f url(/images/menuPrincipal/fond_over.gif) no-repeat bottom right;
}

#menuPrincipal li:hover .menu01, #menuPrincipal li:hover .menu02,
#menuPrincipal li:hover .menu03, #menuPrincipal li:hover .menu04,
#menuPrincipal li:hover .menu05 {
    top: 67px;
}

#menuPrincipal li:hover .menu01 {
    left: 8px;
}

#menuPrincipal li:hover .menu02 {
    left: -248px;
}

#menuPrincipal li:hover .menu03 {
    left: -418px;
}

#menuPrincipal li:hover .menu04 {
    left: -627px;
}

#menuPrincipal li:hover .menu05 {
    left: -801px;
}

.col_1, .col_2 {
    display: inline;
    float: left;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
}

.col_1 {
    width: 230px;
}

.col_2 {
    width: 430px;
}

#menuPrincipal h3 {
    font-size: 1.15em;
    color: #afdefa;
    margin: 7px 0 10px 0;
    padding-bottom: 8px;
    background: url(/images/menuPrincipal/ligne.gif) no-repeat left bottom;
}

    #menuPrincipal h3 a {
        color: #afdefa;
    }

#menuPrincipal li:hover div a {
    font-size: 1em;
    color: #afdefa;
    margin: 0px;
    padding: 0px;
}

#menuPrincipal li ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

    #menuPrincipal li ul li {
        position: relative;
        float: none;
        text-align: left;
        width: 200px;
        background: url(/images/menuPrincipal/puce.gif) no-repeat left 5px;
        margin: 0 0 4px 0;
        padding: 0 0 0 18px;
    }

        #menuPrincipal li ul li a:link {
            color: white;
            text-decoration: none;
        }

        #menuPrincipal li ul li a:active {
            color: white;
            text-decoration: none;
        }

        #menuPrincipal li ul li a:visited {
            color: white;
            text-decoration: none;
        }

        #menuPrincipal li ul li a:hover {
            color: white;
            text-decoration: underline;
        }

        #menuPrincipal li ul li:hover {
            border: none;
        }

.corpsMaster .fondBlanc {
    background-color: #f9f9f9;
    width: 965px;
    margin: 0 auto;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    box-shadow: 2px 2px 6px #4e4d4d;
    -moz-box-shadow: 2px 2px 6px #4e4d4d;
    -webkit-box-shadow: 2px 2px 6px #4e4d4d;
}

.fondBlanc .marginFondblanc {
    width: 898px;
    margin: 0 auto;
    padding: 25px 0 35px 0;
    min-height: 550px;
}

.filAriane {
    color: #848484;
    font-size: 0.857em;
    margin-bottom: 28px;
}

    .filAriane a:link {
        color: #848484;
        text-decoration: none;
    }

    .filAriane a:active {
        color: #848484;
        text-decoration: none;
    }

    .filAriane a:visited {
        color: #848484;
        text-decoration: none;
    }

    .filAriane a:hover {
        color: #848484;
        text-decoration: none;
    }

.corpsMaster .menuVertical {
    width: 228px;
    float: left;
}

.menuVertical {
    margin: 0px;
    padding: 0px;
}

.navigation {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #084592;
    width: 228px;
}

ul.navigation {
    margin: 0px;
    padding: 0px;
}

.navigation li {
    margin: 0px;
    padding: 0px;
}

.navigation a, .navigation span {
    display: block;
    color: white;
    padding: 8px 10px 8px 13px;
    text-decoration: none;
    background-color: #2f74b5;
    border-bottom: 2px solid white;
    font-weight: bold;
}

    .navigation a:link {
        color: white;
        text-decoration: none;
    }

    .navigation a:active {
        color: white;
        text-decoration: none;
    }

    .navigation a:visited {
        color: white;
        text-decoration: none;
    }

    .navigation a:hover {
        color: white;
        text-decoration: none;
    }

    .navigation a:hover, .navigation a:focus, .navigation a:active {
        text-decoration: none;
    }

ul.subMenu {
    margin: 0px;
    padding: 0px;
}

.navigation .subMenu {
    background-color: #e7e7e7;
    color: #084592;
    margin: 0;
    padding: 0;
    border-bottom: 2px solid white;
}

    .navigation .subMenu a:hover {
        background-color: #c8c6c6;
    }

.subMenu li {
    margin: 0px;
    padding: 0px;
}

.navigation ul.subMenu a {
    padding: 8px 10px 8px 25px;
    margin: 0px;
    color: #084592;
    font-weight: normal;
    background: url(/images/puce_menuVertical.png) no-repeat 15px 13px;
}

    .navigation ul.subMenu a:link {
        color: #084592;
        text-decoration: none;
    }

    .navigation ul.subMenu a:active {
        color: #084592;
        text-decoration: none;
    }

    .navigation ul.subMenu a:visited {
        color: #084592;
        text-decoration: none;
    }

    .navigation ul.subMenu a:hover {
        color: #084592;
        text-decoration: none;
    }

    .navigation ul.subMenu a.selection,
    .navigation ul.subMenu a.selection:hover {
        color: #f9f9f9;
        background: #7fc64b url(/images/puce_menuVertical_active.png) no-repeat 15px 13px;
    }

        .navigation ul.subMenu a.selection:link {
            color: #f9f9f9;
            text-decoration: none;
        }

        .navigation ul.subMenu a.selection:active {
            color: #f9f9f9;
            text-decoration: none;
        }

        .navigation ul.subMenu a.selection:visited {
            color: #f9f9f9;
            text-decoration: none;
        }

        .navigation ul.subMenu a.selection:hover {
            color: #f9f9f9;
            text-decoration: none;
        }

.btChercheEcole {
    background: url(/images/enseignement/bt_chercheEcole.jpg) no-repeat center left;
    width: 229px;
    margin-top: 25px;
    height: 84px;
}

    .btChercheEcole:hover {
        background: url(/images/enseignement/bt_chercheEcole_over.jpg) no-repeat center left;
    }

    .btChercheEcole a {
        display: block;
        height: 84px;
    }

.corpsMaster .contenu {
    width: 630px;
    float: right;
}

/* ----------------- PIED DE PAGE ----------------- */
.pageMaster .espaceMinimumFooter {
    margin: auto;
    width: 90%;
    height: 0px; /* hauteur libre entre dernier bloc et pied de page */
    padding-bottom: 204px; /* hauteur de l'image en pied de page */
    margin-top: -250px;
    position: relative;
}

.pageMaster .basPageMaster {
    background: #03386a url(/images/piedPage/fond_bas.jpg) no-repeat center bottom;
    height: 204px;
}

.basPageMaster .cadreFooter {
    height: 146px;
    width: 100%;
    z-index: 10;
    padding-top: 60px;
}

.basPageMaster .contenuFooter {
    margin: auto;
    width: 977px;
}

.contenuFooter .logo {
    width: 156px;
    height: 93px;
    float: left;
    background: url(/images/piedPage/cs.png) no-repeat center top;
}

    .contenuFooter .logo:hover {
        background: url(/images/piedPage/cs_over.png) no-repeat center top;
    }

    .contenuFooter .logo a {
        display: block;
        height: 76px;
    }

.contenuFooter .partenaires {
    float: right;
    margin-right: 6px;
}

.partenaires .left {
    margin-left: 12px;
}

.contenuFooter .menuPiedPage {
    float: left;
    margin: 28px 0 0 9px;
}

    .contenuFooter .menuPiedPage ul {
        margin: 0px;
        padding: 0px;
    }

    .contenuFooter .menuPiedPage li {
        display: inline;
        font-size: 0.857em;
        text-transform: uppercase;
        padding: 0 8px 0 0;
        margin: 0px;
    }

        .contenuFooter .menuPiedPage li.bordure {
            border-left: 1px solid #aacadc;
            padding-left: 10px;
        }

        .contenuFooter .menuPiedPage li a:link {
            color: #aacadc;
            text-decoration: none;
        }

        .contenuFooter .menuPiedPage li a:active {
            color: #aacadc;
            text-decoration: none;
        }

        .contenuFooter .menuPiedPage li a:visited {
            color: #aacadc;
            text-decoration: none;
        }

        .contenuFooter .menuPiedPage li a:hover {
            color: #aacadc;
            text-decoration: underline;
        }

.contenuFooter .copyright {
    color: #90a7bd;
    font: 0.786em Arial;
    text-align: right;
    margin: 28px 4px 0 0;
}

    .contenuFooter .copyright a:link {
        color: #90a7bd;
        text-decoration: none;
    }

    .contenuFooter .copyright a:active {
        color: #90a7bd;
        text-decoration: none;
    }

    .contenuFooter .copyright a:visited {
        color: #90a7bd;
        text-decoration: none;
    }

    .contenuFooter .copyright a:hover {
        color: #90a7bd;
        text-decoration: underline;
    }

/*  INDEX.ASPX   
--------------------------------------------------------------*/
.pageCompleteIndex .colonneGauche {
    float: left;
    width: 579px;
    margin-top: 15px;
}

.colonneGauche .fondSurveiller {
    position: relative;
    width: 579px;
    height: 274px;
    margin: 1px 0 20px 0;
    font-size: 1.071em;
    color: #323232;
    background: url(/images/accueil/fond_surveiller.gif) no-repeat center left;
}

.fondSurveiller #BlocPromo {
    position: absolute;
    top: 36px;
    left: 19px;
    width: 543px !important;
    height:304px !important;
}

.fondSurveiller .texteSurveiller {
    /*width:440px;
    height:90px;
    border:1px solid blue;*/
}

.texteSurveiller .titre {
    font-size: 1.2em;
    color: #312f2c;
    font-weight: bold;
}

.titreRentree {
    margin: 30px 0 0 10px;
}

.texteSurveiller .titre a:link {
    color: #312f2c;
    text-decoration: none;
}

.texteSurveiller .titre a:active {
    color: #312f2c;
    text-decoration: underline;
}

.texteSurveiller .titre a:visited {
    color: #312f2c;
    text-decoration: none;
}

.texteSurveiller .titre a:hover {
    color: #312f2c;
    text-decoration: underline;
}

.texteSurveiller .puceSurveiller {
    vertical-align: middle;
}

.texteSurveiller .endroit {
    margin: 3px 0 10px 0;
}

.texteSurveiller .listePDF ul {
    margin: 10px 0 0 0;
    padding: 0;
}

.texteSurveiller .listePDF li {
    background: url(/images/puce_liens.gif) no-repeat left 6px;
    padding-left: 10px;
    margin-bottom: 5px;
}

.texteSurveiller .titreQuandOu {
    float: left;
    text-align: right;
    font-weight: bold;
}

.texteSurveiller .texteQuandOu {
    float: left;
    margin-left: 7px;
}

#nav {
    position: absolute;
    /*bottom: 32px;*/
    /*right: 5px;*/
    left: 0px;
    z-index: 5;
    padding: 0px 10px 0 0;
    bottom: -10px;
}

    #nav ul {
        margin: 0px;
        padding: 0px;
    }

    #nav li {
        display: block;
        margin: 2px 0 0 0;
        padding: 0;
        text-align: right;
    }
        /*#nav li a, #nav li a.activeSlide
{
    height:10px;
    width:10px;
    background-repeat:no-repeat;
    padding:4px 7px 4px 12px;
    cursor:pointer;
    text-decoration:none;
}

#nav li a {background:url(/images/accueil/bt.png) no-repeat center left;} 
#nav li a:hover {background:url(/images/accueil/bt_over.png) no-repeat center left;} 
#nav li a.activeSlide, #nav li a.activeSlide:hover {background:url(/images/accueil/bt_active.png) no-repeat center left;}
#nav li a:focus {outline:none;}
*/
        #nav li a {
            background: url(/images/accueil/btChiffre.png) no-repeat center left;
            color: white;
            height: 20px;
            padding: 5px 7px 3px 7px;
            text-align: center;
            font-size: 0.875em;
            text-decoration: none;
            cursor: pointer;
        }

            #nav li a:hover {
                background: url(/images/accueil/btChiffre_over.png) no-repeat center left;
            }

            #nav li a.activeSlide, #nav li a.activeSlide:hover {
                background: url(/images/accueil/btChiffre_active.png) no-repeat center left;
            }

            #nav li a:focus {
                outline: none;
            }

    #nav li {
        display: inline;
        list-style-type: none;
        margin-right: 5px;
        text-align: right;
    }


.listeNouvelles ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.listeNouvelles li {
    border-bottom: 2px dotted #939393;
    font-size: 1.071em;
    padding: 15px 0 0 0;
    margin: 0px;
    min-height: 110px;
    color: #585858;
}

    .listeNouvelles li.pasBordure {
        border-bottom: none;
    }

    .listeNouvelles li:last-child {
        border-bottom: none;
    }

    .listeNouvelles li span.titre {
        color: #3194ae;
        font-weight: bold;
        font-size: 1.12em;
    }

    .listeNouvelles li span.image {
        float: left;
        width: 120px;
        height: 88px;
        background: url(/images/accueil/fond_images.gif) no-repeat center left;
    }

span.image img {
    margin: 3px 0 0 3px;
}

.listeNouvelles li span.texte {
    width: 375px;
    height: 45px;
    margin-left: 30px;
    margin-top: 5px;
}

span.suite {
    color: #158fce;
}

.listeNouvelles li span.date {
    color: #3e8930;
    font-weight: bold;
}

.colonneGauche .voirToutes {
    background: #e1e1e2 url(/images/accueil/puce_voirToutes.gif) no-repeat 560px center;
    padding: 4px 25px;
    text-align: right;
}

    .colonneGauche .voirToutes ul {
        padding: 0px;
        margin: 0px;
    }

    .colonneGauche .voirToutes li {
        padding: 0px;
        margin: 0px;
    }

.colonneGauche .listeDiffusion {
    float: left;
    width: 51px;
    height: 50px;
    background: url(/images/accueil/bt_listeDiffusion.gif) no-repeat center left;
}

    .colonneGauche .listeDiffusion:hover {
        background: url(/images/accueil/bt_listeDiffusion_over.gif) no-repeat center left;
    }

    .colonneGauche .listeDiffusion a {
        display: block;
        height: 50px;
    }

.colonneGauche .left h1 {
    padding-top: 8px;
}

.colonneGauche .rss {
    display:none;
    float: left;
    width: 55px;
    height: 51px;
    margin-left: 20px;
    background: url(/images/accueil/bt_rss.gif) no-repeat center left;
}

    .colonneGauche .rss:hover {
        background: url(/images/accueil/bt_rss_over.gif) no-repeat center left;
    }

    .colonneGauche .rss a {
        display: block;
        height: 51px;
    }

.pageCompleteIndex .colonneDroite {
    float: right;
    width: 279px;
    margin-top: 15px;
}

.colonneDroite .fondBabillard {
    background: url(/images/accueil/fond_babillard.jpg) no-repeat center left;
    width: 277px;
    height: 284px;
}

.fondBabillard ul {
    padding: 88px 0 0 48px;
    margin: 0px;
}

.fondBabillard li {
    margin: 0 0 8px 0;
    padding: 0px;
}

.fondBabillard ul.miseJour {
    padding: 10px 0 0 38px;
}

    .fondBabillard ul.miseJour li a:link {
        color: #4e4e4e;
        text-decoration: none;
    }

    .fondBabillard ul.miseJour li a:active {
        color: #4e4e4e;
        text-decoration: none;
    }

    .fondBabillard ul.miseJour li a:visited {
        color: #4e4e4e;
        text-decoration: none;
    }

    .fondBabillard ul.miseJour li a:hover {
        color: #4e4e4e;
        text-decoration: underline;
    }

.colonneDroite .boutonsAccueil {
    margin: 32px 0 28px 0;
}

.boutonsAccueil .bouton02 {
    margin-top: 14px;
}

.colonneDroite h2 {
    color: #003f8c;
    margin-bottom: 15px;
}

.colonneDroite .conseilCommissaires,
.colonneDroite .plaintesProtecteur,
.colonneDroite .taxeScolaire,
.colonneDroite .bulletinReleve,
.colonneDroite .planStrategique,
.colonneDroite .serviceEntreprises {
    width: 270px;
    height: 47px;
    margin-top: 6px;
}

    .colonneDroite .conseilCommissaires a,
    .colonneDroite .plaintesProtecteur a,
    .colonneDroite .taxeScolaire a,
    .colonneDroite .bulletinReleve a,
    .colonneDroite .planStrategique a,
    .colonneDroite .serviceEntreprises a {
        display: block;
        height: 47px;
    }

.colonneDroite .conseilCommissaires {
    background: url(/images/accueil/accesRapides/conseil.gif) no-repeat center left;
}

    .colonneDroite .conseilCommissaires:hover {
        background: url(/images/accueil/accesRapides/conseil_over.gif) no-repeat center left;
    }

.colonneDroite .plaintesProtecteur {
    background: url(/images/accueil/accesRapides/plaintes.gif) no-repeat center left;
}

    .colonneDroite .plaintesProtecteur:hover {
        background: url(/images/accueil/accesRapides/plaintes_over.gif) no-repeat center left;
    }

.colonneDroite .taxeScolaire {
    background: url(/images/accueil/accesRapides/taxe.gif) no-repeat center left;
}

    .colonneDroite .taxeScolaire:hover {
        background: url(/images/accueil/accesRapides/taxe_over.gif) no-repeat center left;
    }

.colonneDroite .bulletinReleve {
    background: url(/images/accueil/accesRapides/bulletin.gif) no-repeat center left;
}

    .colonneDroite .bulletinReleve:hover {
        background: url(/images/accueil/accesRapides/bulletin_over.gif) no-repeat center left;
    }

.colonneDroite .planStrategique {
    background: url(/images/accueil/accesRapides/plan.gif) no-repeat center left;
}

    .colonneDroite .planStrategique:hover {
        background: url(/images/accueil/accesRapides/plan_over.gif) no-repeat center left;
    }

.colonneDroite .serviceEntreprises {
    background: url(/images/accueil/accesRapides/service.gif) no-repeat center left;
}

    .colonneDroite .serviceEntreprises:hover {
        background: url(/images/accueil/accesRapides/service_over.gif) no-repeat center left;
    }

/*  NOUS-JOINDRE.ASPX   
--------------------------------------------------------------*/
.pageCompleteNousJoindre .fondLogo, .pageComplete404 .fondLogo,
.pageCompleteRecherche .fondLogo {
    background: url(/images/nousJoindre/fondlogo.gif) no-repeat center right;
    height: 341px;
}

.fondLogo .logo {
    padding-top: 15px;
}

.texte {
    width: 235px;
    float: left;
}

.googleMaps {
    width: 370px;
    height: 265px;
    border: 1px solid #b1b1b1;
    float: right;
}

    .googleMaps .bordure {
        width: 345px;
        height: 240px;
        margin: 11px 0 0 11px;
        border: 1px solid #a8a8a8;
    }

/*  CONTENU  
--------------------------------------------------------------*/
.pdf {
    vertical-align: middle;
    padding-left: 5px;
}

.pageCompleteContenu .source {
    font-style: italic;
    margin: 14px 0;
}

.pageCompleteContenu .listeCalendrier ul {
    margin: 0 0 25px 0;
}

.pageCompleteContenu .listeCalendrier li {
    background: url(/images/calendrier.gif) no-repeat left top;
    padding: 3px 0 3px 33px;
    margin: 0 0 8px 0;
}

.pageCompleteContenu .listePDF li {
    background: url(/images/puce_liens.gif) no-repeat left 6px;
    padding-left: 10px;
    margin-bottom: 5px;
}

.pageCompleteContenu .listeChiffres ol {
    list-style-type: decimal;
    margin: 0 0 25px 26px;
    padding: 0px;
}

.pageCompleteContenu .listeChiffres li {
    margin: 0 0 5px 0;
    background: none;
    padding: 0px;
}

.pageCompleteContenu .listeChiffres ol li ul {
    margin: 8px 0;
    padding: 0px;
}

    .pageCompleteContenu .listeChiffres ol li ul li {
        background: url(/images/puce.gif) no-repeat left 5px;
        padding: 0 0 0 10px;
        margin: 0 0 5px 0;
    }

.pageCompleteContenu ul.marginTop {
    margin: 14px 0;
}

h2.marginTop {
    margin-top: 14px;
}

.pageCompleteContenu ul {
    margin-left: 0px;
    padding-left: 0px;
}

.pageCompleteContenu li {
    background: url(/images/puce.gif) no-repeat left 5px;
    padding: 0 0 0 10px;
    margin: 0 0 5px 0;
}

    .pageCompleteContenu li.liens {
        background: url(/images/puce_liens.gif) no-repeat left 5px;
        padding: 0 0 0 10px;
        margin: 0 0 5px 0;
    }

.pageCompleteContenu ul li ul {
    margin: 8px 0 8px 25px;
    padding: 0px;
    list-style-type: disc;
}

    .pageCompleteContenu ul li ul li {
        background: none;
        padding: 0px;
        margin: 0 0 5px 0;
    }

.listeOutils li {
    padding: 0 0 10px 0;
    margin: 0px;
}

ul + h2, h2 + ul, h2 + h3, ul + h3, h3 + .listeChiffres,
.tableauPassepartout + h2, h3 + ul, .tableauTransport + h3,
h2 + .listeCalendrier, ul + h4, h2 + .listeChiffres {
    margin-top: 14px;
}

/* ----------------- ENSEIGNEMENT ----------------- */
.pageCompleteContenu .texteBulletin {
    width: 415px;
    float: left;
}

.pageCompleteContenu .imageBulletin {
    width: 200px;
    float: right;
}

.pageCompleteContenu .texteCoursEte {
    width: 430px;
    float: left;
}

.pageCompleteContenu .imageCoursEte {
    width: 170px;
    float: right;
}

.pageCompleteContenu .texteEntrepreneuriat {
    width: 385px;
    float: left;
}

.pageCompleteContenu .imageEntrepreneuriat {
    width: 220px;
    float: right;
}

.pageCompleteContenu .textePassePartout {
    width: 450px;
    float: left;
}

    .pageCompleteContenu .textePassePartout p {
        margin-bottom: 0px;
    }

.pageCompleteContenu .imagePassePartout {
    width: 160px;
    float: right;
    margin-top: 48px;
}

h5 + .listePDF {
    margin: 12px 0;
}

.listePDF + .titreOutils {
    margin-top: 18px;
}

.pageCompleteContenu .texteBoite {
    width: 500px;
    float: left;
    margin-bottom: 8px;
}

.pageCompleteContenu .imgBoite {
    float: right;
    margin-bottom: 8px;
    width: 110px;
}

.pageCompleteContenu .texteEvaluation {
    width: 410px;
    float: left;
}

.pageCompleteContenu .imgEvaluation {
    float: right;
    width: 195px;
    margin-top: 15px;
}

.pageCompleteContenu .texteFormation {
    width: 430px;
    float: left;
    margin-bottom: 15px;
}

.pageCompleteContenu .imgFormation {
    float: right;
    width: 175px;
    margin-top: 10px;
}

.fondImportant {
    color: #1890cf;
    background: url(/images/enseignement/fond_comiteParents.gif) no-repeat center left;
    width: 623px;
    height: 42px;
    font-size: 1.286em;
    font-weight: bold;
    margin-bottom: 18px;
}

    .fondImportant .texteImportant {
        padding: 12px 0 10px 45px;
    }

.marginListe {
    margin: 12px 0 14px 0;
}

.pageCompleteContenu .listeReunions ul.colonneGauche,
.pageCompleteContenu .listeReunions ul.colonneDroite {
    float: left;
    margin: 0 0 10px 0;
    padding: 0px;
}

.pageCompleteContenu .listeReunions ul.colonneDroite {
    margin: 0 0 10px 8px;
    padding: 0px;
}

    .pageCompleteContenu .listeReunions ul.colonneGauche li,
    .pageCompleteContenu .listeReunions ul.colonneDroite li {
        background: #dbe7d9 url(/images/enseignement/puce_reunions.gif) no-repeat 8px 10px;
        padding: 5px 20px;
        margin: 0px 0 5px 0;
        color: #404040;
        font-size: 1.071em;
        width: 230px;
    }

.pageCompleteContenu .btNormes, .pageCompleteContenu .btReglesPassage,
.pageCompleteContenu .btExigences {
    float: left;
    margin: 0 8px 25px 0;
    height: 43px;
}

.pageCompleteContenu .btNormes {
    background: url(/images/enseignement/bt_normes.gif) no-repeat center left;
    width: 170px;
}

    .pageCompleteContenu .btNormes:hover {
        background: url(/images/enseignement/bt_normes_over.gif) no-repeat center left;
    }

    .pageCompleteContenu .btNormes a {
        height: 43px;
        display: block;
    }

.pageCompleteContenu .btReglesPassage {
    background: url(/images/enseignement/bt_regles.gif) no-repeat center left;
    width: 170px;
}

    .pageCompleteContenu .btReglesPassage:hover {
        background: url(/images/enseignement/bt_regles_over.gif) no-repeat center left;
    }

    .pageCompleteContenu .btReglesPassage a {
        height: 43px;
        display: block;
    }

.pageCompleteContenu .btExigences {
    background: url(/images/enseignement/bt_exigences.gif) no-repeat center left;
    width: 211px;
}

    .pageCompleteContenu .btExigences:hover {
        background: url(/images/enseignement/bt_exigences_over.gif) no-repeat center left;
    }

    .pageCompleteContenu .btExigences a {
        height: 43px;
        display: block;
    }

.pageCompleteContenu .dateInscriptionPrescolaire {
    background: url(/images/enseignement/fond_inscriptionPrimaire.gif) no-repeat center left;
    width: 612px;
    height: 76px;
    color: White;
    font-weight: bold;
    font-size: 1.286em;
}

.dateInscriptionPrescolaire .texteDate {
    padding: 20px 0 0 20px;
}

.marginTitreInformations {
    margin: 25px 0 14px 0;
}

.marginTitreInformationsSupplementaires {
    margin: 0 0 14px 0;
}

h2 + .fondTextePassePartout {
    margin-top: 12px;
}

.pageCompleteContenu .fondTextePassePartout {
    background-color: #dbe7d9;
    padding: 5px;
    margin-bottom: 10px;
}

.fondTextePassePartout ul {
    margin: 6px 0 0 10px;
    padding: 0px;
}

.fondTextePassePartout li {
    background: url(/images/enseignement/puce_passePartout.gif) no-repeat left 4px;
    margin: 0;
    padding: 0 0 0 12px;
}

ul.marginTableauPassepartout {
    margin-bottom: 20px;
}

h2.marginTableauPassepartout {
    margin-top: 30px;
}

.pageCompleteContenu .tableauPassepartout {
    margin-top: 8px;
    border: 1px solid #b9b9b9;
    border-right: none;
    color: #2b2b2b;
    font-size: 0.929em;
    width: 630px;
}

.tableauPassepartout td {
    padding: 6px 18px;
    border-right: 1px solid #b9b9b9;
}

    .tableauPassepartout td.borderTop {
        border-top: 1px solid #b9b9b9;
    }

.tableauPassepartout .mois {
    color: White;
    background-color: #003f8c;
    text-align: right;
    font-weight: bold;
    width: 100px;
}

.tableauPassepartout .parentsEnfants {
    text-transform: uppercase;
    width: 140px;
}

.pageCompleteContenu .texteSASEC {
    width: 470px;
    float: left;
    margin-bottom: 18px;
}

.texteSASEC p {
    color: #585858;
    text-transform: uppercase;
    font-weight: bold;
}

.texteSASEC li {
    padding-left: 18px;
    margin-bottom: 8px;
    background: url(/images/enseignement/puce_sasec.gif) no-repeat left 2px;
}

.pageCompleteContenu .imgSASEC {
    width: 140px;
    float: right;
    margin-top: 21px;
}

.pageCompleteContenu .listeAnimateurs {
    background-color: #eaeaea;
    padding: 10px;
    margin-bottom: 8px;
}

.listeAnimateurs .nomCourriel {
    width: 200px;
    float: left;
}

.listeAnimateurs .secteurDroite {
    width: 350px;
    float: right;
    text-align: right;
    color: #585858;
}

.pageCompleteContenu .texteServiceGarde {
    width: 360px;
    float: left;
}

    .pageCompleteContenu .texteServiceGarde p {
        margin-bottom: 0px;
    }

.pageCompleteContenu .imageServiceGarde {
    width: 250px;
    float: right;
    margin-top: 21px;
}

h2 + .listeServiceGarde {
    margin-top: 14px;
}

.pageCompleteContenu .listeServiceGarde {
    background-color: #f1f1f1;
    border: 1px solid #d6d6d6;
    width: 620px;
    height: 50px;
    margin-bottom: 15px;
    box-shadow: 2px 2px 6px #979797;
    -moz-box-shadow: 2px 2px 6px #979797;
    -webkit-box-shadow: 2px 2px 6px #979797;
}

.listeServiceGarde .nomGauche,
.listeServiceGarde .nomGauchePetit {
    width: 250px;
    margin: 8px 0 0 8px;
    float: left;
}

.listeServiceGarde .nomGauchePetit {
    width: 210px;
}

.nomGauche b, .nomGauchePetit b {
    font-size: 1.2em;
    color: #51bb4c;
    font-weight: normal;
}

.listeServiceGarde .coordonneesDroite, .listeServiceGarde .coordonneesDroiteGrande {
    width: 320px;
    float: right;
    text-align: right;
    color: #6e6e6e;
    font-size: 0.857em;
    margin: 10px 8px 0 0;
}

.listeServiceGarde .coordonneesDroiteGrande {
    width: 365px;
}

.coordonneesDroite .telephone, .coordonneesDroiteGrande .telephone {
    color: #525252;
    font-weight: bold;
}

.coordonneesDroite b, .coordonneesDroiteGrande b {
    font-size: 1.167em;
}

.pageCompleteContenu .texteTransportScolaire {
    width: 380px;
    float: left;
}

    .pageCompleteContenu .texteTransportScolaire p {
        margin-bottom: 0px;
    }

.pageCompleteContenu .imageTransportScolaire {
    width: 250px;
    float: right;
    margin-top: -10px;
}

.pageCompleteContenu .tableauTransport {
    margin-top: 14px;
    width: 620px;
    font-size: 1.071em;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
}

.tableauTransport td {
    padding: 10px;
    border-bottom: 1px solid #666;
    border-right: 1px solid #666;
    text-align: center;
    vertical-align: middle;
}

    .tableauTransport td.texteGauche {
        text-align: left;
    }

    .tableauTransport td.bordureBlanche {
        border-right: 1px solid white;
    }

    .tableauTransport td.titre {
        color: White;
        background-color: #003f8c;
        font-weight: bold;
    }

p.noteTransport {
    font-size: 0.929em;
}

.pageCompleteListeEcoles p {
    margin-top: 0px;
}

.pageCompleteListeEcoles .filtreAlphaNumrique {
    margin: 20px 0 28px 0;
    padding: 0;
}

.filtreAlphaNumrique .BoiteFiltreAlphaNumrique {
    font: 0.917em Arial;
    height: 18px;
    font-weight: bold;
    margin: 5px 0 0 0;
}

    .filtreAlphaNumrique .BoiteFiltreAlphaNumrique .pagingNumber, .filtreAlphaNumrique .BoiteFiltreAlphaNumrique .pagingActive, .filtreAlphaNumrique .BoiteFiltreAlphaNumrique .pagingInactive, .filtreAlphaNumrique .BoiteFiltreAlphaNumrique .pagingNumberTous, .filtreAlphaNumrique .BoiteFiltreAlphaNumrique .pagingTousActive {
        background-color: #229ee1;
        color: white;
        padding: 3px 0 0 0px;
        text-decoration: none;
        text-transform: uppercase;
        text-align: center;
    }

    .filtreAlphaNumrique .BoiteFiltreAlphaNumrique .pagingNumber, .filtreAlphaNumrique .BoiteFiltreAlphaNumrique .pagingActive, .filtreAlphaNumrique .BoiteFiltreAlphaNumrique .pagingInactive {
        min-width: 20px;
        width: 20px;
        min-height: 18px;
        height: 18px;
    }

.CurrentPage {
    font-weight: bold;
}

.filtreAlphaNumrique .BoiteFiltreAlphaNumrique .pagingActive, .filtreAlphaNumrique .BoiteFiltreAlphaNumrique .pagingNumber:hover, .filtreAlphaNumrique .BoiteFiltreAlphaNumrique .pagingTousActive, .filtreAlphaNumrique .BoiteFiltreAlphaNumrique .pagingNumberTous:hover {
    color: White;
    background-color: #229ed1;
}

.filtreAlphaNumrique .BoiteFiltreAlphaNumrique .pagingNumber:hover, .filtreAlphaNumrique .BoiteFiltreAlphaNumrique .pagingNumberTous:hover {
    background-color: #1d80a8;
}

.filtreAlphaNumrique .BoiteFiltreAlphaNumrique .pagingInactive {
    background-color: #c8c8c8;
    cursor: default;
    color: #9a9a9a;
}

.pageCompleteListeEcoles h2 {
    font-size: 1em;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.pageCompleteListeEcoles .blocListing ul {
    list-style: none;
    width: 111px;
    margin: 0px;
    padding: 0px;
}

.pageCompleteListeEcoles .blocListing li {
    width: 620px;
    height: 111px;
    cursor: pointer;
    background-color: #f9f9f9;
    background-image: none;
    margin: 0 0 18px 0;
    padding: 0px;
    border: 1px solid #d6d6d6;
    box-shadow: 2px 2px 6px #d5d5d5;
    -moz-box-shadow: 2px 2px 6px #d5d5d5;
    -webkit-box-shadow: 2px 2px 6px #d5d5d5;
}

    .pageCompleteListeEcoles .blocListing li a {
        cursor: pointer;
        display: block;
        min-height: 111px;
        height: 100%;
    }

    .pageCompleteListeEcoles .blocListing li:hover {
        background-color: #ececec;
    }

    .pageCompleteListeEcoles .blocListing li a:hover {
        text-decoration: none;
    }

.pageCompleteListeEcoles .blocListing ul li .unListing {
    padding: 8px;
    min-height: 111px;
}

.pageCompleteListeEcoles .blocListing li span.image {
    float: left;
    width: 155px;
}

    .pageCompleteListeEcoles .blocListing li span.image img {
        width: 123px;
        height: 86px;
        border: 1px solid #acacac;
    }

.pageCompleteListeEcoles .blocListing span.nomEcole {
    color: #51bb4c;
    font-size: 1.286em;
}

.pageCompleteListeEcoles .blocListing span.secteur {
    color: #424242;
    font-size: 1.071em;
}

.pageCompleteListeEcoles .blocListing span.details {
    font-size: 0.9em;
    color: #229ed1;
    background: url(/doc_uploads/csenergie/images/enseignement/liste-des-ecoles/puce.png) no-repeat center left;
    padding: 0 0 0 10px;
    margin: 0px;
}

.pageCompleteFicheEcole h1 {
    margin-bottom: 0px;
}

.pageCompleteFicheEcole .btRetourListe {
    background: url(/images/enseignement/bt_retourListe.gif) no-repeat center left;
    width: 152px;
    height: 33px;
    float: right;
    margin-top: 14px;
}

    .pageCompleteFicheEcole .btRetourListe:hover {
        background: url(/images/enseignement/bt_retourListe_over.gif) no-repeat center left;
    }

    .pageCompleteFicheEcole .btRetourListe a {
        display: block;
        height: 33px;
    }

.pageCompleteFicheEcole .photoEcole {
    width: 184px;
    height: 128px;
    float: left;
    border: 1px solid #858585;
    margin-bottom: 10px;
}

.pageCompleteFicheEcole .coordonneesEcole {
    width: 400px;
    float: left;
    margin: 0 0 10px 20px;
}

.pageCompleteFicheEcole h3 {
    background-color: #7fc64b;
    padding: 5px 8px;
    font-size: 14px;
    color: White;
    font-weight: bold;
    margin-bottom: 12px;
}

.pageCompleteFicheEcole .photoDirecteur {
    width: 112px;
    height: 142px;
    float: left;
    border: 1px solid #a9a9a9;
}

.photoDirecteur img {
    width: 99px;
    height: 129px;
    border: 1px solid #898989;
    margin: 5px 0 0 5px;
}

.pageCompleteFicheEcole .nomDirecteur {
    float: left;
    margin: 80px 0 0 18px;
    width: 200px;
    font-weight: bold;
    color: #3e3e3e;
    font-size: 1.071em;
}

    .pageCompleteFicheEcole .nomDirecteur strong {
        font-size: 1.215em;
        color: #51bb4c;
    }

.pageCompleteFicheEcole .ligneVerticale {
    float: left;
    background: url(/images/enseignement/ligne_verticale.gif) no-repeat center left;
    width: 4px;
    height: 150px;
    margin: 0 15px 0 18px;
}

.pageCompleteFicheEcole .listePersonnelEncadrement {
    float: left;
    width: 250px;
    margin-top: 10px;
}

.listePersonnelEncadrement h4 {
    font-size: 1.071em;
}

.listePersonnelEncadrement ul {
    margin: 0px;
    padding: 0px;
}

.listePersonnelEncadrement li {
    margin: 0px;
    padding: 0px;
    background-image: none;
}

.pageCompleteFicheEcole .ligneFicheEcole {
    border-bottom: 2px dotted #9a9a9a;
    width: 630px;
    height: 1px;
    margin: 18px 0;
}

/* ----------------- FORMATION PROFESSIONNELLE ----------------- */
.pageCompleteContenu .texteLogoRAC {
    width: 300px;
    float: left;
}

.pageCompleteContenu .logoRAC {
    float: right;
    border: 1px solid #666;
    width: 312px;
}

.pageCompleteContenu .texteCentres {
    width: 300px;
    float: left;
}

.pageCompleteContenu .logoCentres {
    float: right;
    width: 312px;
}

.pageCompleteContenu .cours, .pageCompleteContenu .descriptionCours {
    float: left;
    padding: 4px 6px;
    margin-bottom: 5px;
    color: #3d3d3d;
    font-size: 0.929em;
}

.pageCompleteContenu .cours {
    width: 56px;
    background-color: #478f3a;
    text-align: center;
    color: White;
}

.pageCompleteContenu .descriptionCours {
    width: 515px;
    margin-left: 5px;
    background-color: #dbe7d9;
    color: #3d3d3d;
}

    .pageCompleteContenu .descriptionCours a {
        color: #3d3d3d;
    }

        .pageCompleteContenu .descriptionCours a:link {
            color: #3d3d3d;
            text-decoration: none;
        }

        .pageCompleteContenu .descriptionCours a:active {
            color: #3d3d3d;
            text-decoration: underline;
        }

        .pageCompleteContenu .descriptionCours a:visited {
            color: #3d3d3d;
            text-decoration: none;
        }

        .pageCompleteContenu .descriptionCours a:hover {
            color: #3d3d3d;
            text-decoration: underline;
        }

.depliantProgrammes {
    margin: 14px 0 20px 0;
}

.imageProgramme,
.listeProgramme {
    float: left;
    margin: 15px 0 25px 0;
}

.imageProgramme {
    width: 225px;
}

.listeProgramme {
    width: 405px;
    margin-top: 20px;
}

.pageCompleteContenu .bandeauMFR {
    margin: -15px 0 14px 0;
}

.listeInscriptionInformation {
    background-color: #f1f1f1;
    border: 1px solid #d6d6d6;
    width: 620px;
    height: 112px;
    margin-bottom: 20px;
    color: #585858;
    box-shadow: 2px 2px 6px #979797;
    -moz-box-shadow: 2px 2px 6px #979797;
    -webkit-box-shadow: 2px 2px 6px #979797;
}

    .listeInscriptionInformation .logoGauche {
        width: 250px;
        margin: 20px 0 0 20px;
        float: left;
        font-size: 0.857em;
    }

        .listeInscriptionInformation .logoGauche img {
            margin-bottom: 10px;
        }

    .listeInscriptionInformation .coordonneesDroite {
        width: 320px;
        float: right;
        text-align: right;
        font-size: 1.071em;
        margin: 6px 20px 0 0;
    }

.bandeauSRAFP {
    background: url(/doc_uploads/csenergie/images/formation-professionnelle/inscription-et-formation/bandeau_SRAFP.jpg) no-repeat center left;
    width: 611px;
    height: 111px;
    margin-top: 12px;
}

    .bandeauSRAFP:hover {
        background: url(/doc_uploads/csenergie/images/formation-professionnelle/inscription-et-formation/bandeau_SRAFP_over.jpg) no-repeat center left;
    }

    .bandeauSRAFP a {
        display: block;
        height: 111px;
    }

.pageCompleteContenu .googleMapsSARCA {
    width: 386px;
    height: 265px;
    border: 1px solid #b1b1b1;
    float: left;
    margin-top: 15px;
}

.googleMapsSARCA .bordure {
    width: 362px;
    height: 240px;
    margin: 11px 0 0 11px;
    border: 1px solid #a8a8a8;
}

.pageCompleteContenu .coordoneesSARCA {
    width: 200px;
    float: left;
    margin: 45px 0 0 30px;
}

.coordoneesSARCA .logoSARCA {
    font-size: 12px;
}

    .coordoneesSARCA .logoSARCA .marginLogo {
        margin-bottom: 5px;
    }

.pageCompleteContenu .listePDFbulletin li {
    background: #e7e7e7 url(/images/puce_liens.png) no-repeat 12px 10px;
    padding: 5px 5px 5px 25px;
    margin-bottom: 5px;
}

.navigationBulletinInformations {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 630px;
}

    .navigationBulletinInformations li {
        background-image: none;
        padding: 0px;
        margin: 0px;
    }

    .navigationBulletinInformations span {
        display: block;
        color: #168ad0;
        padding: 5px 0 5px 13px;
        text-decoration: none;
        margin-bottom: 5px;
    }

    .navigationBulletinInformations a:link {
        color: #168ad0;
        text-decoration: none;
    }

    .navigationBulletinInformations a:active {
        color: #168ad0;
        text-decoration: none;
    }

    .navigationBulletinInformations a:visited {
        color: #168ad0;
        text-decoration: none;
    }

    .navigationBulletinInformations a:hover {
        color: #168ad0;
        text-decoration: underline;
    }

    .navigationBulletinInformations .derouleur {
        cursor: pointer;
        background: url(/images/puce_liens.gif) no-repeat center left;
    }

    .navigationBulletinInformations .subMenu ul {
        list-style: none;
        margin: 0px 0 5px 0;
        padding: 0px;
    }

    .navigationBulletinInformations .subMenu li {
        background: #e7e7e7 url(/images/puce_liens.png) no-repeat 12px 10px;
        padding: 5px 5px 5px 25px;
        margin-bottom: 5px;
    }

    .navigationBulletinInformations .subMenu ul li a {
        background-image: none;
        padding: 0;
        color: #158fce;
        margin: 0;
    }

    .navigationBulletinInformations .listePDF ul li a:link {
        color: #158fce;
        text-decoration: none;
    }

    .navigationBulletinInformations .listePDF ul li a:active {
        color: #158fce;
        text-decoration: none;
    }

    .navigationBulletinInformations .listePDF ul li a:visited {
        color: #158fce;
        text-decoration: none;
    }

    .navigationBulletinInformations .listePDF ul li a:hover {
        color: #158fce;
        text-decoration: underline;
    }

/* ----------------- NOTRE ORGANISATION ----------------- */
.pageCompleteContenu .marginTopLogo {
    margin-top: 25px;
}

.pageCompleteContenu p.messagePresidente {
    font-size: 1.071em;
    line-height: 1.1em;
}

.pageCompleteContenu .photoPresidente {
    float: left;
    width: 105px;
    margin-top: 10px;
}

.pageCompleteContenu .nomPresidente {
    width: 300px;
    float: left;
    margin-top: 35px;
    font-size: 1.071em;
}

.nomPresidente span.nom {
    font: 1.3em Pacifico;
    font-style: normal;
}

.pageCompleteContenu .listeServicesCitoyens {
    margin: 14px 0;
}

    .pageCompleteContenu .listeServicesCitoyens li {
        margin-bottom: 10px;
    }

.pageCompleteContenu .partenaires {
    background: url(/images/organisation/partenaires/fond_logo.gif) no-repeat center left;
    width: 197px;
    float: left;
    height: 122px;
    text-align: center;
    margin: 0 13px 15px 0;
}

    .pageCompleteContenu .partenaires a {
        display: block;
        height: 122px;
    }

    .pageCompleteContenu .partenaires img {
        padding: 9px 5px 0 0;
    }

    .pageCompleteContenu .partenaires .logoDiversification {
        padding-top: 18px;
    }

    .pageCompleteContenu .partenaires .logoSoyonsComperes {
        padding-top: 22px;
    }

    .pageCompleteContenu .partenaires .logoCREEM {
        padding-top: 42px;
    }

.pageCompleteContenu .texteComiteExecutif {
    width: 528px;
    float: left;
    margin-top: -10px;
}

.pageCompleteContenu .imageComiteExecutif {
    width: 92px;
    float: right;
    padding-top: 10px;
    margin-top: -10px;
}

ul.listeComiteExecutif li {
    margin: 0 0 8px 0;
    padding: 0 0 0 10px;
}

.pageCompleteContenu .btPVComite {
    background: url(/images/organisation/comite-executif/bt_procesVerbaux.gif) no-repeat center left;
    width: 259px;
    height: 38px;
    margin-top: 20px;
}

    .pageCompleteContenu .btPVComite:hover {
        background: url(/images/organisation/comite-executif/bt_procesVerbaux_over.gif) no-repeat center left;
    }

    .pageCompleteContenu .btPVComite a {
        display: block;
        height: 38px;
    }

.pageCompleteContenu .texteSeancesConseil {
    width: 510px;
    float: left;
    margin-top: -10px;
}

.pageCompleteContenu .imageSeancesConseil {
    width: 112px;
    float: right;
    padding-top: 10px;
    margin-top: -10px;
}

.pageCompleteContenu .photoDirecteurGeneral {
    width: 215px;
    float: left;
    margin-bottom: 10px;
}

.pageCompleteContenu .coordonneesDirecteurGeneral {
    width: 400px;
    padding-top: 30px;
    float: left;
}

.coordonneesDirecteurGeneral .nom b, .coordoneesPersonnel .nom b {
    font-weight: bold;
    color: #003f8c;
    font-size: 1.429em;
}

.coordonneesDirecteurGeneral .nom em, .coordoneesPersonnel .nom em {
    font-style: italic;
    color: #333;
    font-size: 1.143em;
}

.coordonneesDirecteurGeneral .listePDF {
    margin: 12px 0 15px 0;
}

.pageCompleteContenu .listePersonnel ul {
    margin: 25px 0 25px 0;
    padding: 0px;
    list-style: none;
}

.pageCompleteContenu .listePersonnel li {
    background-image: none;
    background-color: #e9e9e9;
    border: 1px solid #bdbdbd;
    margin: 0px 0 20px 0;
    padding: 18px;
}

.listePersonnel .photoPersonnel {
    width: 125px;
    float: left;
}

.listePersonnel .coordoneesPersonnel {
    width: 400px;
    float: left;
    padding-top: 10px;
}

.pageCompleteContenu .listePersonnel li ul {
    padding: 0px;
    margin: 0px;
}

    .pageCompleteContenu .listePersonnel li ul li {
        background: url(/images/puce_liensPersonnel.gif) no-repeat left 6px;
        border: none;
        padding: 0 0 0 10px;
        margin: 12px 0 0px 0;
    }

.pageCompleteContenu .organigrammeDirectionGenerale {
    margin: 30px 0 0 40px;
}

.pageCompleteContenu .fondNote {
    background: #f6efcb url(/images/organisation/membres/fond_notes.jpg) no-repeat top left;
    width: 626px;
}

.fondNote .note {
    padding: 20px 18px 14px 120px;
}

.pageCompleteContenu .listeMembres ul {
    margin: 0px 0 25px 0;
    padding: 0px;
    list-style: none;
}

.pageCompleteContenu .listeMembres li {
    margin: 0px 0 15px 0;
    padding: 0;
    color: #333;
}

    .pageCompleteContenu .listeMembres li.membres {
        background: url(/images/organisation/membres/fond_membres.gif) no-repeat center left;
        width: 628px;
        height: 137px;
    }

.listeMembres .photoMembres {
    width: 105px;
    margin: 15px 0 0 15px;
    float: left;
}

.listeMembres .coordonneesMembres {
    width: 210px;
    float: left;
    margin: 0px;
    padding: 20px 0 0 0;
}

.coordonneesMembres .nom {
    font-weight: bold;
    color: #003f8c;
    font-size: 1.286em;
}

h2 + .listeMembres {
    margin-top: 20px;
}

.pageCompleteContenu .listeMembres li ul {
    padding: 0px;
    margin: 10px 0 0 0;
}

    .pageCompleteContenu .listeMembres li ul li {
        background: url(/images/puce_membres.gif) no-repeat left 6px;
        border: none;
        padding: 0 0 0 8px;
        font-style: italic;
        margin: 0 0 8px 0;
    }

.listeMembres .municipalites {
    width: 210px;
    float: left;
    padding-top: 22px;
    margin-left: 40px;
}

.pageCompleteContenu .listeMembres .municipalites li ul {
    padding: 0px;
    margin: 0px;
}

    .pageCompleteContenu .listeMembres .municipalites li ul li {
        background-image: none;
        border: none;
        padding: 0 0 0 0;
        font-style: normal;
        margin: 0 0 0px 0;
    }

.listeMembres .circonscription {
    color: White;
    width: 40px;
    height: 24px;
    line-height: 24px;
    vertical-align: middle;
    margin-top: 15px;
    text-align: center;
    float: right;
    cursor: pointer;
    background: url(/images/organisation/membres/fond_criconscription.gif) no-repeat center left;
}

.pageCompleteContenu .tableauListePersonnel {
    margin-top: 14px;
    width: 628px;
    border-top: 1px solid #bdbdbd;
    border-left: 1px solid #bdbdbd;
}

.tableauListePersonnel td {
    padding: 10px;
    border-bottom: 1px solid #bdbdbd;
    border-right: 1px solid #bdbdbd;
    text-align: center;
    color: #333;
    font-size: 1.071em;
    vertical-align: middle;
}

    .tableauListePersonnel td.texteGauche {
        text-align: left;
    }

    .tableauListePersonnel td.nomPostePersonnel {
        text-align: left;
        font-size: 0.933em;
        font-style: italic;
    }

        .tableauListePersonnel td.nomPostePersonnel a {
            font-size: 1.071em;
            font-style: normal;
        }

.iconMailto {
    padding: 3px 8px 0 0;
}

.tableauListePersonnel td.bordureBlanche {
    border-right: 1px solid white;
}

.tableauListePersonnel td.titre {
    color: White;
    background-color: #003f8c;
    font-weight: bold;
}

.tableauListePersonnel td.titreGauche {
    color: White;
    text-align: left;
    background-color: #003f8c;
    font-weight: bold;
}

    .tableauListePersonnel td.titreGauche em {
        font-size: 13px;
        font-style: normal;
        color: #e0e0dd;
    }

h2 + .tableauListePersonnel {
    margin-bottom: 25px;
}

.pageCompleteContenu .btFormulaireReclamation {
    background: url(/images/organisation/ressources-financieres/bt_formulaire.gif) no-repeat center left;
    width: 262px;
    height: 35px;
}

    .pageCompleteContenu .btFormulaireReclamation:hover {
        background: url(/images/organisation/ressources-financieres/bt_formulaire_over.gif) no-repeat center left;
    }

    .pageCompleteContenu .btFormulaireReclamation a {
        display: block;
        height: 35px;
    }

.pageCompleteContenu .organigrammeEducation {
    margin: 30px 0 0 10x;
}

.pageCompleteContenu .organigrammeEducation {
    margin: 30px 0 0 40px;
}

/* ----------------- BABILLARD ----------------- */
.btRestezInformes {
    background: url(/images/babillard/communiques/bt_restezInformes.jpg) no-repeat center left;
    width: 228px;
    height: 73px;
    margin-top: 25px;
}

    .btRestezInformes:hover {
        background: url(/images/babillard/communiques/bt_restezInformes_over.jpg) no-repeat center left;
    }

    .btRestezInformes a {
        display: block;
        height: 73px;
    }

.pageCompleteCommuniques .left h1 {
    padding-top: 4px;
}

.pageCompleteCommuniques h2, .pageCompleteProcesVerbaux h2 {
    background-color: #7fc64b;
    padding: 5px 8px;
    color: White;
    font-size: 1em;
}

.pageCompleteCommuniques .listeCommuniques li {
    background-color: #e7e7e7;
    background-image: none;
    color: #383838;
    padding: 5px 10px;
    margin: 5px 0 0 0;
}

.navigationCommuniques {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 630px;
}

    .navigationCommuniques li {
        background-image: none;
        padding: 0px;
        margin: 0px;
    }

    .navigationCommuniques span {
        display: block;
        color: white;
        padding: 5px 0 5px 13px;
        text-decoration: none;
        background-color: #7fc64b;
        margin-bottom: 5px;
    }

    .navigationCommuniques a:link {
        color: white;
        text-decoration: none;
    }

    .navigationCommuniques a:active {
        color: white;
        text-decoration: none;
    }

    .navigationCommuniques a:visited {
        color: white;
        text-decoration: none;
    }

    .navigationCommuniques a:hover {
        color: white;
        text-decoration: none;
    }

    .navigationCommuniques .derouleur {
        cursor: pointer;
    }

    .navigationCommuniques .subMenu ul {
        list-style: none;
        margin: 0px 0 5px 0;
        padding: 0px;
    }

        .navigationCommuniques .subMenu ul li {
            background-color: #e7e7e7;
            background-image: none;
            color: #383838;
            padding: 5px 10px;
            margin: 5px 0 0 0;
            list-style: none;
        }

            .navigationCommuniques .subMenu ul li a {
                background-image: none;
                background-color: #e7e7e7;
                padding: 0;
                color: #158fce;
                margin: 0;
            }

                .navigationCommuniques .subMenu ul li a:link {
                    color: #158fce;
                    text-decoration: none;
                }

                .navigationCommuniques .subMenu ul li a:active {
                    color: #158fce;
                    text-decoration: none;
                }

                .navigationCommuniques .subMenu ul li a:visited {
                    color: #158fce;
                    text-decoration: none;
                }

                .navigationCommuniques .subMenu ul li a:hover {
                    color: #158fce;
                    text-decoration: underline;
                }

.pageCompleteContenu .fondAppelOffres {
    background: #f3f3f3 url(/images/babillard/appels_offres/icone.gif) no-repeat 12px 10px;
    border: 1px solid #ccc;
    color: #545454;
    font-size: 1.286em;
    padding: 16px 10px 16px 50px;
}

.listeAcrobat {
    width: 630px;
}

    .listeAcrobat .texte {
        color: #3e3e3e;
        padding: 12px 0;
    }

    .listeAcrobat ul {
        list-style: none;
        width: 630px;
        border-bottom: none;
        margin: 0px;
        padding: 0px;
    }

    .listeAcrobat li {
        background-color: #e7e7e7;
        background-image: none;
        width: 630px;
        position: relative;
        margin: 0 0 10px 0;
        padding: 0px 0 0 10px;
    }

        .listeAcrobat li:hover {
            background-color: #d9e7f4;
        }

        .listeAcrobat li.selection {
            background-color: #d9e7f4;
        }

        .listeAcrobat li a {
            cursor: pointer;
            display: block;
            padding: 8px 20px 8px 40px;
            color: #177ac6;
        }

            .listeAcrobat li a:hover {
                text-decoration: none;
            }

    .listeAcrobat .pdfListe {
        position: absolute;
        z-index: 10;
        top: -3px;
    }

.pageCompleteContenu .btDemandeEmploi {
    background: url(/images/babillard/emplois/bt_demande.gif) no-repeat center left;
    width: 270px;
    height: 35px;
    margin-bottom: 20px;
}

    .pageCompleteContenu .btDemandeEmploi:hover {
        background: url(/images/babillard/emplois/bt_demande_over.gif) no-repeat center left;
    }

    .pageCompleteContenu .btDemandeEmploi a {
        display: block;
        height: 35px;
    }

h3.emplois {
    color: #a32121;
}

h3 + p {
    margin-top: 0px;
}

.pageCompleteProcesVerbaux .btConseilCommissaires,
.pageCompleteProcesVerbaux .btComiteExecutif,
.pageCompleteProcesVerbaux .btComiteParents,
.pageCompleteProcesVerbaux .btComiteEHDAA,
.pageCompleteProcesVerbaux .btConseilCommissairesON,
.pageCompleteProcesVerbaux .btComiteExecutifON,
.pageCompleteProcesVerbaux .btComiteParentsON,
.pageCompleteProcesVerbaux .btComiteEHDAAON {
    width: 118px;
    height: 43px;
    float: left;
    margin: 0 12px 20px 0;
}

    .pageCompleteProcesVerbaux .btConseilCommissaires a,
    .pageCompleteProcesVerbaux .btComiteExecutif a,
    .pageCompleteProcesVerbaux .btComiteParents a,
    .pageCompleteProcesVerbaux .btComiteEHDAA a {
        display: block;
        height: 43px;
    }

.pageCompleteProcesVerbaux .btConseilCommissaires {
    background: url(/images/babillard/procesVerbaux/bt_conseilCommissaires.gif) no-repeat center left;
}

    .pageCompleteProcesVerbaux .btConseilCommissaires:hover, .pageCompleteProcesVerbaux .btConseilCommissairesON {
        background: url(/images/babillard/procesVerbaux/bt_conseilCommissaires_over.gif) no-repeat center left;
    }

.pageCompleteProcesVerbaux .btComiteExecutif {
    background: url(/images/babillard/procesVerbaux/bt_comiteExecutif.gif) no-repeat center left;
}

    .pageCompleteProcesVerbaux .btComiteExecutif:hover, .pageCompleteProcesVerbaux .btComiteExecutifON {
        background: url(/images/babillard/procesVerbaux/bt_comiteExecutif_over.gif) no-repeat center left;
    }

.pageCompleteProcesVerbaux .btComiteParents {
    background: url(/images/babillard/procesVerbaux/bt_comiteParents.gif) no-repeat center left;
}

    .pageCompleteProcesVerbaux .btComiteParents:hover, .pageCompleteProcesVerbaux .btComiteParentsON {
        background: url(/images/babillard/procesVerbaux/bt_comiteParents_over.gif) no-repeat center left;
    }

.pageCompleteProcesVerbaux .btComiteEHDAA {
    background: url(/images/babillard/procesVerbaux/bt_comiteEHDAA.gif) no-repeat center left;
}

    .pageCompleteProcesVerbaux .btComiteEHDAA:hover, .pageCompleteProcesVerbaux .btComiteEHDAAON {
        background: url(/images/babillard/procesVerbaux/bt_comiteEHDAA_over.gif) no-repeat center left;
    }

.pageCompleteProcesVerbaux h2 {
    padding: 5px 8px;
    width: 605px;
    margin: 0 0 5px 0;
}

.pageCompleteProcesVerbaux .listeProcesVerbaux ul {
    margin: 0px;
    padding: 0px;
}

.pageCompleteProcesVerbaux .listeProcesVerbaux li {
    width: 263px;
    background: #e7e7e7 url(/doc_uploads/csenergie/images/babillard/pdf.gif) no-repeat 5px 4px;
    padding: 5px 10px 5px 32px;
    float: left;
    margin: 0 10px 5px 0;
}

.navigationInterne {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 630px;
}

    .navigationInterne li {
        background-image: none;
        padding: 0px;
        margin: 0px;
    }

    .navigationInterne span {
        display: block;
        color: white;
        padding: 5px 0 5px 13px;
        text-decoration: none;
        background-color: #7fc64b;
        margin-bottom: 5px;
    }

    .navigationInterne a:link {
        color: white;
        text-decoration: none;
    }

    .navigationInterne a:active {
        color: white;
        text-decoration: none;
    }

    .navigationInterne a:visited {
        color: white;
        text-decoration: none;
    }

    .navigationInterne a:hover {
        color: white;
        text-decoration: none;
    }

    .navigationInterne .derouleur {
        cursor: pointer;
        width: 600px;
    }

    .navigationInterne .subMenu ul {
        list-style: none;
        margin: 0px 0 0 0;
        padding: 0px;
    }

        .navigationInterne .subMenu ul li {
            width: 304px;
            float: left;
            margin: 0 5px 5px 0;
            padding: 5px 0 5px 0;
            list-style: none;
            background-image: none;
            background-color: #e7e7e7;
            height: 16px;
            display: block;
        }

            .navigationInterne .subMenu ul li a {
                background: #e7e7e7 url(/doc_uploads/csenergie/images/babillard/pdf.gif) no-repeat 5px 4px;
                padding: 5px 10px 5px 32px;
                color: #168ad0;
                margin: 0;
            }

    .navigationInterne .subMenu li a:link {
        color: #168ad0;
        text-decoration: none;
    }

    .navigationInterne .subMenu li a:active {
        color: #168ad0;
        text-decoration: underline;
    }

    .navigationInterne .subMenu li a:visited {
        color: #168ad0;
        text-decoration: none;
    }

    .navigationInterne .subMenu li a:hover {
        color: #168ad0;
        text-decoration: underline;
    }

.navigationRapportsAnnuels {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 630px;
}

    .navigationRapportsAnnuels li {
        background-image: none;
        padding: 0px;
        margin: 0px;
    }

    .navigationRapportsAnnuels span {
        display: block;
        color: #168ad0;
        padding: 5px 0 5px 13px;
        text-decoration: none;
        margin-bottom: 5px;
    }

    .navigationRapportsAnnuels a:link {
        color: #168ad0;
        text-decoration: none;
    }

    .navigationRapportsAnnuels a:active {
        color: #168ad0;
        text-decoration: none;
    }

    .navigationRapportsAnnuels a:visited {
        color: #168ad0;
        text-decoration: none;
    }

    .navigationRapportsAnnuels a:hover {
        color: #168ad0;
        text-decoration: underline;
    }

    .navigationRapportsAnnuels .derouleur {
        cursor: pointer;
        background: url(/images/puce_liens.gif) no-repeat center left;
    }

    .navigationRapportsAnnuels .subMenu ul {
        list-style: none;
        margin: 0px 0 5px 10px;
        padding: 0px;
    }

    .navigationRapportsAnnuels .subMenu li {
        background: url(/images/puce_liens.gif) no-repeat left 6px;
        padding-left: 10px;
        margin-bottom: 5px;
    }

    .navigationRapportsAnnuels .subMenu ul li a {
        background-image: none;
        padding: 0;
        color: #158fce;
        margin: 0;
    }

    .navigationRapportsAnnuels .listePDF ul li a:link {
        color: #158fce;
        text-decoration: none;
    }

    .navigationRapportsAnnuels .listePDF ul li a:active {
        color: #158fce;
        text-decoration: none;
    }

    .navigationRapportsAnnuels .listePDF ul li a:visited {
        color: #158fce;
        text-decoration: none;
    }

    .navigationRapportsAnnuels .listePDF ul li a:hover {
        color: #158fce;
        text-decoration: underline;
    }

/* ----------------- ÉDUCATION DES ADULTES ----------------- */
.navigationProgrammesAdultes {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 630px;
    margin-bottom: 14px;
}

    .navigationProgrammesAdultes li {
        background-image: none;
        padding: 0px;
        margin: 0px;
    }

    .navigationProgrammesAdultes span {
        display: block;
        color: #198f3a;
        padding: 5px 0 5px 18px;
        text-decoration: none;
        background: #dbe7d9 url(/images/adultes/puce_programmes.gif) no-repeat 8px 12px;
        margin-bottom: 5px;
        font-size: 1.286em;
    }

    .navigationProgrammesAdultes a:link {
        color: #dbe7d9;
        text-decoration: none;
    }

    .navigationProgrammesAdultes a:active {
        color: #dbe7d9;
        text-decoration: none;
    }

    .navigationProgrammesAdultes a:visited {
        color: #dbe7d9;
        text-decoration: none;
    }

    .navigationProgrammesAdultes a:hover {
        color: #dbe7d9;
        text-decoration: none;
    }

    .navigationProgrammesAdultes .derouleur {
        cursor: pointer;
    }

    .navigationProgrammesAdultes p {
        color: #292929;
    }

    .navigationProgrammesAdultes .subMenu .listeProgrammesAdultes ul {
        list-style: none;
        margin: 0px 0 5px 0;
        padding: 0px;
    }

        .navigationProgrammesAdultes .subMenu .listeProgrammesAdultes ul li {
            background: url(/images/adultes/puce_listeProgrammesAdultes.gif) no-repeat left 6px;
            color: #292929;
            padding: 0 0 0 12px;
            margin: 5px 0 10px 0;
            list-style: none;
        }

    .navigationProgrammesAdultes .subMenu .lieuxFormationAdultes {
        background-color: #e5e5e5;
        padding: 8px 10px;
        color: #3f3f3f;
        margin: 18px 0 0 0;
    }

        .navigationProgrammesAdultes .subMenu .lieuxFormationAdultes a:link {
            color: #40a3d6;
            text-decoration: none;
        }

        .navigationProgrammesAdultes .subMenu .lieuxFormationAdultes a:active {
            color: #40a3d6;
            text-decoration: none;
        }

        .navigationProgrammesAdultes .subMenu .lieuxFormationAdultes a:visited {
            color: #40a3d6;
            text-decoration: none;
        }

        .navigationProgrammesAdultes .subMenu .lieuxFormationAdultes a:hover {
            color: #40a3d6;
            text-decoration: underline;
        }

    .navigationProgrammesAdultes .ligneProgrammes {
        width: 620px;
        height: 16px;
        background: url(/images/adultes/ligne.gif) no-repeat center left;
        margin: 16px 0 18px 0;
    }

/* ----------------- BABILLARD ----------------- */
.pageCompleteNouvelles h1 {
    margin: 0 0 6px 0;
}

.pageCompleteNouvelles h2 {
    font-size: 1.071em;
    font-weight: bold;
    margin: 0px 0 10px 0;
}

.pageCompleteNouvelles h3 {
    margin-bottom: 10px;
}

.pageCompleteNouvelles .contourImages {
    float: right;
    position: relative;
    padding: 2px 3px;
    margin: 0 0 8px 12px;
}

.contourImages .coinGaucheHaut {
    position: absolute;
    top: 0px;
    left: 0px;
}

.contourImages .coinGaucheBas {
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.contourImages .coinDroiteHaut {
    position: absolute;
    top: 0px;
    right: 0px;
}

.contourImages .coinDroiteBas {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.pageCompleteNouvelles ul {
    margin: 14px 0;
}

.pageCompleteNouvelles li {
    background: url(/images/puce.gif) no-repeat left 6px;
    padding: 0 0 0 10px;
    margin: 0 0 3px 0;
}

    .pageCompleteNouvelles li.liens {
        background: url(/images/puce_liens.gif) no-repeat left 6px;
        padding: 0 0 0 10px;
        margin: 0 0 3px 0;
    }

.listeNouvellePDF {
    background-color: #e8e8e8;
    padding: 10px;
    margin-top: 22px;
}

    .listeNouvellePDF ul {
        margin: 0px;
        padding: 0px;
    }

    .listeNouvellePDF li {
        margin: 0px;
        background: url(/images/nouvelles/puce.gif) no-repeat center left;
        padding: 0 0 0 12px;
        font-size: 1.071em;
    }

        .listeNouvellePDF li a:link {
            color: #2794d3;
            text-decoration: none;
        }

        .listeNouvellePDF li a:active {
            color: #2794d3;
            text-decoration: none;
        }

        .listeNouvellePDF li a:visited {
            color: #2794d3;
            text-decoration: none;
        }

        .listeNouvellePDF li a:hover {
            color: #2794d3;
            text-decoration: underline;
        }

.copyrightCommuniques {
    /*background: url(/images/nouvelles/ligne.png) no-repeat center top;*/
    padding-top: 15px;
    margin-top: 20px;
}

.txtGaucheCommuniques {
    float: left;
    width: 100px;
    color: #666;
    margin-top: 12px;
}

.txtDroiteCommuniques {
    float: left;
    width: 400px;
    color: #666;
    font-size: 0.9em;
    margin-top: 12px;
}

.formulaire {
    margin: 18px 0 14px 0;
}

.ligneFormulaire {
    margin-bottom: 8px;
}

    .ligneFormulaire .nomChamps {
        color: #2f2f2f;
        float: left;
        margin: 5px 5px 0 0;
        text-align: right;
        width: 110px;
        font-size: 1.143em;
    }

    .ligneFormulaire .champsTextBox {
        float: left;
        width: 280px;
    }

    .ligneFormulaire .textBoxSize {
        color: #2f2f2f;
        height: 28px;
        width: 270px;
        padding: 0 5px;
        font-size: 1.143em;
        border: 1px solid #a7a7a7;
    }

.messageValidation {
    position: relative;
    top: 3px;
    color: Red;
    font-size: 0.9em;
}

.messageValidationCaterogies {
    color: Red;
    font-size: 0.9em;
    position: relative;
    top: -6px;
}

.texteCategories {
    width: 430px;
    float: left;
}

.listeCategories2 ul {
    margin: 0px;
    padding: 0px;
}

    .listeCategories2 ul li {
        width: 195px;
        float: left;
        margin: 0 10px 5px 0;
        padding: 0px 0 0 0;
        list-style: none;
        background-color: #e7e7e7;
        background-image: none;
        color: #2f2f2f;
        padding: 0 5px;
        height: 28px;
        line-height: 28px;
        vertical-align: middle;
    }

.listeCategories p {
    color: #003f9f;
    margin: 12px 0 10px 0;
}

.listeCategories ul {
    margin: 0px;
    padding: 0px;
}

    .listeCategories ul li {
        margin: 0 10px 5px 0;
        padding: 0px 0 0 0;
        list-style: none;
        background-color: #e7e7e7;
        background-image: none;
        color: #2f2f2f;
        padding: 0 5px;
        height: 28px;
        line-height: 28px;
        vertical-align: middle;
    }

.pageCompleteContenu .btAbonner {
    background: url(/images/misesJour/bt_abonner.gif) no-repeat center left;
    margin: 15px 0 0 150px;
    width: 127px;
    height: 38px;
}

    .pageCompleteContenu .btAbonner:hover {
        background: url(/images/misesJour/bt_abonner_over.gif) no-repeat center left;
    }

    .pageCompleteContenu .btAbonner a {
        display: block;
        height: 38px;
    }

.listeCategoriesMisesJour h2 {
    margin-top: 14px;
}

.imageCategories {
    width: 135px;
    float: left;
    margin-left: 30px;
}

.fondBulletin {
    background-color: #dbe7d9;
    padding: 8px 10px;
    color: #242424;
    margin-bottom: 10px;
    position: relative;
}

    .fondBulletin .imgBulletin {
        position: absolute;
        top: -38px;
        left: 538px;
    }

    .fondBulletin ul {
        margin: 10px 0 0 0;
        padding: 0px;
    }

    .fondBulletin li {
        background: url(/images/babillard/bulletin/puce.gif) no-repeat left 3px;
        padding: 0 0 0 15px;
        margin: 0 0 10px 0;
        color: #1d923b;
    }

    .fondBulletin + h2 {
        margin-top: 20px;
    }

.listeBulletin {
    margin-top: 14px;
}

    .listeBulletin ol {
        list-style-type: decimal;
        margin: 0 0 20px 23px;
        padding: 0px;
    }

/* ----------------- RECHERCHE ----------------- */
.pageCompleteRecherche .fourniPar {
    color: #404040;
    font-size: 0.857em;
    float: right;
    margin-top: 12px;
}

.fourniPar img {
    vertical-align: middle;
    padding-left: 5px;
}

.pageCompleteRecherche h1 {
    margin-bottom: 8px;
}

.pageCompleteRecherche ul {
    margin: 10px 0 30px 0;
    padding: 0px;
}

.pageCompleteRecherche li {
    padding: 15px 0;
    margin: 0;
    color: #404040;
    border-bottom: 2px dotted #939393;
}

    .pageCompleteRecherche li .titre a {
        color: #0055a4;
        font-weight: bold;
    }

    .pageCompleteRecherche li .description {
        margin: 8px 0;
    }

.pageCompleteRecherche .paging a, .premierSuivant a {
    background-color: #eff6ff;
    border: 1px solid #c9d6dc;
    color: #4182a5;
    padding: 2px 5px;
    text-decoration: none;
    margin: 0 5px 0 0;
}

    .pageCompleteRecherche .paging a:hover, .premierSuivant a:hover {
        background-color: #dce6f5;
        border: 1px solid #b4c2c8;
        color: #3b799a;
    }

.pageCompleteRecherche .pagingActive a, .pageCompleteRecherche .pagingActive a:hover {
    background-color: #0055a4;
    border: 1px solid #0055a4;
    color: White;
    padding: 2px 5px;
    text-decoration: none;
    margin: 0 5px 0 0;
}

/* ----------------- 404 ----------------- */
.pageComplete404 {
    position: relative;
    padding-bottom: 50px;
}

    .pageComplete404 .contenu {
        width: 465px;
        float: right;
        margin-top: 60px;
    }

    .pageComplete404 .titreOups {
        margin-bottom: 18px;
    }

    .pageComplete404 ul {
        margin: 10px 0;
        padding: 0px;
    }

    .pageComplete404 li {
        background: url(/images/puce.gif) no-repeat center left;
        padding: 0 0 0 10px;
        margin: 0 0 3px 0;
    }

    .pageComplete404 .btAccueil {
        background: url(/images/404/bt_accueil.gif) no-repeat center left;
        width: 225px;
        margin-top: 25px;
        height: 38px;
    }

        .pageComplete404 .btAccueil:hover {
            background: url(/images/404/bt_accueil_over.gif) no-repeat center left;
        }

        .pageComplete404 .btAccueil a {
            display: block;
            height: 38px;
        }

    .pageComplete404 .photoFille {
        position: absolute;
        bottom: -152px;
        left: 150px;
    }

/*---- Controle jQuery ----*/
#campagnePublicitaire {
    display: none;
}

/* Overlay */
#simplemodal-overlay {
    background-color: #000;
}

/* Container */
#simplemodal-container {
    width: 790px;
    height: 466px;
    /*background:url(/doc_uploads/csenergie/templateMessage/images/fond.png) no-repeat center top;*/
}

    #simplemodal-container a.modalCloseImg {
        width: 47px;
        height: 45px;
        cursor: pointer;
        background: url(/images/lightbox/X.png) no-repeat;
        display: inline;
        z-index: 3200;
        position: absolute;
        top: -5px;
        left: 745px;
    }

        #simplemodal-container a.modalCloseImg:hover {
            background: url(/images/lightbox/X_over.png) no-repeat;
        }

.fondLightbox {
    background: url(/doc_uploads/csenergie/templateMessage/images/fond.png) no-repeat center top;
    width: 790px;
    height: 466px;
}

#simplemodal-container .contenuLightbox {
    /*width:673px;*/
    margin: 0 auto;
    /*margin-top:40px;*/
    width: 677px;
    padding-top: 40px;
    color: #393939;
    font-size: 18px;
}

/*.contenuLightbox .logo
{
    width:161px;
    float:left;
    height:92px;
}

.contenuLightbox .logo a
{
    display:block;
    height:92px;
}*/

.contenuLightbox .titre {
    width: 450px;
    float: right;
    text-align: right;
    /*margin-top:25px;*/
    margin: 18px 10px 0 0;
}

.titre .date {
    font-size: 20px;
    margin-top: 14px;
    font-weight: bold;
}

.contenuLightbox .message {
    width: 619px;
    margin: 0 auto;
    /*margin-top:35px;*/
    margin-top: 52px;
}

.conteneur-dates {
    padding: 10px;
    padding-left:14px;
    background-color: #e7e7e7;
    margin-top: 15px;
}

.conteneur-heures {
    background-color: #dcdcdc;
    margin-top: 2px;
    margin-bottom: 25px;
    padding: 20px;
    padding-left: 14px;
    padding-right: 25px;
}

.ligne-heures {
    margin-bottom:4px;
    background-color: #e7e7e7;
    padding:4px;
    
}
.pageMaster {
    background-color: #ceddea !important;
}