@charset "utf-8";

@font-face {
    font-family: 'futura_hv_btheavy';
    src: url('/resource/font/futurah_0-webfont.eot');
    src: url('/resource/font/futurah_0-webfont.eot?#iefix') format('embedded-opentype'),
        url('/resource/font/futurah_0-webfont.woff') format('woff'),
        url('/resource/font/futurah_0-webfont.ttf') format('truetype'),
        url('/resource/font/futurah_0-webfont.svg#futura_hv_btheavy') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'futura_hv_btheavy_italic';
    src: url('/resource/font/futurahi_0-webfont.eot');
    src: url('/resource/font/futurahi_0-webfont.eot?#iefix') format('embedded-opentype'),
        url('/resource/font/futurahi_0-webfont.woff') format('woff'),
        url('/resource/font/futurahi_0-webfont.ttf') format('truetype'),
        url('/resource/font/futurahi_0-webfont.svg#futura_hv_btheavy_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'futura_ltcn_btlight';
    src: url('/resource/font/futuralc_0-webfont.eot');
    src: url('/resource/font/futuralc_0-webfont.eot?#iefix') format('embedded-opentype'),
        url('/resource/font/futuralc_0-webfont.woff') format('woff'),
        url('/resource/font/futuralc_0-webfont.ttf') format('truetype'),
        url('/resource/font/futuralc_0-webfont.svg#futura_ltcn_btlight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'futura_ltcn_btitalic';
    src: url('/resource/font/futurlci-webfont.eot');
    src: url('/resource/font/futurlci-webfont.eot?#iefix') format('embedded-opentype'),
        url('/resource/font/futurlci-webfont.woff') format('woff'),
        url('/resource/font/futurlci-webfont.ttf') format('truetype'),
        url('/resource/font/futurlci-webfont.svg#futura_ltcn_btitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

html
{
    width: 100%;
    height: 100%;
}

body {
    margin: 0px;
    padding: 0px;
    height: 100%;
}

p{
    margin: 0px;
    padding: 0px;
}

a img{
    border:none;
}

a
{
    text-decoration: none;
    outline: none;
}

.stopFloat
{
    clear:both;
    height:0px;
}

.noDisplay{
    overflow:hidden;
}

.linkDel{
    width: 20px;
    height: 20px;
}

.linkEdit img{
    width: 28px;
    height: 28px;
}

#loadingImg{
    position:relative;
    margin: auto;
    height: 0;
    width: 32px;
}

#loadingImg img{
    display:none;
    position:absolute;
    top:100px;
    z-index:99;
}

.cache
{
    font-size: 0;
    text-indent: -9999px;
}

.gras
{
    font-weight: bold;
}

h1
{
    font-size: 28px;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

h2
{
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.imageDroite
{
    float: right;
}

.imageGauche
{
    float: left;
}

.imageCentre
{
    text-align: center;
}

@media (max-width: 640px) {
    * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    /* passer body (et tous les éléments de largeur fixe) en largeur automatique */

    body {
        width: auto;
        margin: 0;
        padding: 0;
    }

    /* fixer une largeur maximale de 100% aux éléments potentiellement problématiques */

    img,
    table,
    td,
    blockquote,
    code,
    pre,
    textarea,
    input,
    iframe,
    object,
    embed,
    video {
        max-width: 100%;
    }

    /* conserver le ratio des images */

    img {
        height: auto;
    }

    /* gestion des mots longs */

    textarea,
    table,
    td,
    th,
    code,
    pre,
    samp {
        -webkit-hyphens: auto; /* césure propre */
        -moz-hyphens: auto;
        hyphens: auto;
        word-wrap: break-word; /* passage à la ligne forcé */
    }

    code,
    pre,
    samp {
        white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
    }

    /* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */

    element1,
    element2 {
        float: none;
        width: auto;
    }

    /* masquer les éléments superflus */

    .hide_mobile {
        display: none !important;
    }

    /* Un message personnalisé */
    /*body:before {
        content: "Version mobile du site";
        display: block;
        text-align: center;
        font-style: italic;
        color: #777;
    }*/
}

/******************************************************************************/
/****************************  Style général  *********************************/
/******************************************************************************/
#footerSignature
{
    color: #FFFFFF;
    font-size: 11px;
    text-align: center;
    width: 378px;
}

#footerSignature a
{
    font-size: 11px;
    color: #FFFFFF;
}
#footerSignature a:hover
{
    text-decoration: none;
}

/***************************  Style du header  ********************************/
#agregateurs
{
    float: right;
    list-style: none outside none;
    margin: 5px 0 0;
    padding: 0;
}
#agregateurs li
{
    float: left;
    margin-left: 5px;
}

#agregateurs li a
{
    display: block;
    width: 22px;
    height: 22px;
}

#Google
{
    background: url('../pict/agregateur.png') no-repeat -66px 0;
}
#Google:hover
{
    background: url('../pict/agregateur.png') no-repeat -66px -22px;
}

#Twitter
{
    background: url('../pict/agregateur.png') no-repeat -44px 0;
}
#Twitter:hover
{
    background: url('../pict/agregateur.png') no-repeat -44px -22px;
}

#Facebook
{
    background: url('../pict/agregateur.png') no-repeat -22px 0;
}
#Facebook:hover
{
    background: url('../pict/agregateur.png') no-repeat -22px -22px;
}

#Rss
{
    background: url('../pict/agregateur.png') no-repeat -0px 0;
}
#Rss:hover
{
    background: url('../pict/agregateur.png') no-repeat -0px -22px;
}

/********************************  Style du menu  *****************************/
.boutonTelechargerDoc
{
    background: url("../pict/icons/pdf.png") no-repeat scroll 8px 3px transparent;
    border: 1px solid #D0D0D0;
    display: block;
    line-height: 21px;
    margin-bottom: 18px;
    margin-top: 8px;
    min-height: 21px;
    padding-left: 34px;
    width: 360px;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    color: #6F6F6E;
}
.boutonTelechargerDoc:hover
{
    text-decoration: none;
    -moz-box-shadow: 2px 2px 3px #D0D0D0;
    -webkit-box-shadow: 2px 2px 3px #D0D0D0;
    box-shadow: 2px 2px 3px #D0D0D0;
}

#mainContent
{
    width: 95%;
    position: relative;
    margin: 0 auto;
    height: 100%;
    z-index: 5;
}

#mainHeader
{
    margin-top: 13px;
}

#boxLogo
{
    /*height: 15%;*/
}

#logoN124
{
    display: block;
    float: left;
    width: 12%;
    /*height: 10%;*/
    min-height: 80px;
    min-width: 120px;
    max-height: 91px;
    max-width: 88px;
}

#separateurHeader
{
    border-left: 2px solid #fff;
    display: block;
    float: left;
    height: 5.5em;
    margin: 0.7% 0 0.7% 2%;
    width: 1px;
}

#mainNav
{

}

.menuHeader
{
    display: inline-block;
    height: 55px;
    list-style: none outside none;
    margin: 12px 0 0 4%;
    padding: 0;
}

.menuHeader li
{
    margin-bottom: 5px;
}

.menuHeader li a
{
    color: #fff;
    text-transform: uppercase;
    font-size: 1.1em;
    font-family: 'futura_ltcn_btlight';
}
.menuHeader li a:hover
{
    text-decoration: underline;
}

#blocTopRight
{
    color: #000;
    float: right;
    font-size: 1em;
    text-align: center;
    width: 17%;
}

#agencePub
{
    font-family: 'futura_hv_btheavy';
    font-size: 1.3em;
    font-weight: bold;
}

#texteN124
{
    font-family: "futura_ltcn_btlight";
    letter-spacing: 0.39em;
    padding-left: 5px;
}

#flecheBas
{
    background: url('../pict/fleche.png') no-repeat 0 -79px transparent;
    bottom: 0;
    height: 79px;
    left: 45%;
    position: fixed;
    width: 67px;
    cursor: pointer;
}
#flecheBas:hover
{
    background: url('../pict/fleche.png') no-repeat 0 0 transparent;
}

#flecheBas2
{
    background: url('../pict/sprite-fleche.png') no-repeat 0 -79px transparent;
    bottom: 0;
    height: 79px;
    left: 45%;
    position: absolute;
    width: 67px;
    cursor: pointer;
}
#flecheBas2:hover
{
    background: url('../pict/sprite-fleche.png') no-repeat 0 0 transparent;
}

#flecheBasCreissan
{
    background: url('../pict/fleche-bascous2.png') no-repeat 0 -97px transparent;
    bottom: 0;
    height: 97px;
    left: 45%;
    position: absolute;
    width: 67px;
    cursor: pointer;
}
#flecheBasCreissan:hover
{
    background: url('../pict/fleche-bascous2.png') no-repeat 0 0 transparent;
}

#flecheBasBascous
{
    background: url('../pict/fleche-creissan2.png') no-repeat 0 -97px transparent;
    bottom: 6%;
    height: 97px;
    left: 45%;
    position: absolute;
    width: 67px;
    cursor: pointer;
}
#flecheBasBascous:hover
{
    background: url('../pict/fleche-creissan2.png') no-repeat 0 0 transparent;
}

.rotate {
    margin: 0;
    padding: 0;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

#boxSurroud
{
    position: fixed;
    right: -540px;
    top: 28%;
    width: 540px;
    z-index: 10;
}

#footerRight
{
    color: #ababab;
    font-size: 0.9em;
    position: absolute;
    font-family: "futura_ltcn_btlight";
}

#footerRight a
{
    color: #ababab;
    font-size: 1.2em;
    text-decoration: none;
}
#footerRight a:hover
{
    text-decoration: underline;
}

.menuHeader li #n124Formation
{
    color: #ec6625;
    font-weight: bold;
}
.menuHeader li #n124Formation:hover
{
    color: #E53B3B;
}