﻿body
{
    font-size: 10px;
    color: #58585a;
    padding: 0;
    position:relative;
    margin:auto;
}

.contenu {
    background:url(images/bgbody.png);
}

.form
{
    /*width: 1003px;*/
    margin: auto;
}

.accueil_Contenu {
}

.logo
{
    display: block;
    margin-top:16px;
}

    .logo img {
        height:50px;
    }

/*******************************/
/*         LANGUES             */
/*******************************/

.langues
{
    display: block;
    padding-left:20px;
    text-transform: uppercase;
    margin-top:16px;margin-bottom:4px;
    float:right;
}

    .langues a
    {
        font-family:GillSansStd;
        font-size:1.17em;
        margin-right:4px;
        padding-left:2px;padding-right:2px;
        float: left;
        display: block;
        text-align: center;
    }

        .langues a:last-child {
            margin-right:0;
        }

        .langues a.selected,
        .langues a:hover
        {
            background-color: #d30228;
            color: white;
        }

/*******************************/
/*         RECHERCHE           */
/*******************************/

.moteurRecherche
{
    height:22px;
    padding-top:7px;padding-left:13px;
    position:relative;
    float:right;
    margin-bottom:18px;
    clear:both;
}

    .moteurRecherche img {
        position:absolute;
        top:0;left:0;
    }

.tbRecherche
{
    height:20px;
    width:90%;
    max-width:160px;
    border: solid 1px #959595;border-right:0;
   float:left;
   font-size:1.4em;
   padding-left:5px;
}

.btnRecherche
{
    height:20px;width:10%;
    display: block;
    border: 0;
    cursor: pointer;
    float:left;
    background:#9c9e9f url(images/btnrecherche.png) center center no-repeat;
    background-size:90% 90%;
}

    .btnRecherche:hover {
        background-color:#58585a;
    }

/*******************************/
/*         DIAPORAMA           */
/*******************************/

.carousel {
    -moz-box-shadow: 0px 5px 10px 0px #CCC;
    -webkit-box-shadow: 0px 5px 10px 0px #CCC;
    -o-box-shadow: 0px 5px 10px 0px #CCC;
    box-shadow: 0px 5px 10px 0px #CCC;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#CCC, Direction=180, Strength=5);
}

.carousel .item {
    height:274px;
}

.carousel .container {
   height:100%;
}

.carousel_Content, .accueil_Video {
    width:35%;
}

/*****************************/
/*         ACTUALITES        */
/*****************************/

.accueil_Actualites {
    background-color:#fff;
    padding-left:20px !important;padding-top:15px !important;
    padding-bottom:16px;
    min-height:279px;
    margin-top:14px;
    width:100%;
    float:left;
}

    .accueil_Actualites h2 {
        font-family:Eurostile;color:#58585A;text-transform:uppercase;font-size:1.84em;
        margin:0;margin-bottom:13px;
    }

.accueil_Actualites .col-lg-7, .accueil_Actualites .col-md-7, .accueil_Actualites .col-sm-12, .accueil_Actualites .col-xs-12,
.accueil_Actualites .col-lg-5, .accueil_Actualites .col-md-5{
    float:right;
}

.actualite {
    width:100%;
    clear:both;
    padding-bottom:9px;
    display:block;
}

.actualite_Visuel {
    width:20%;
    float:left;
}

    .actualite_Visuel img {
        margin:auto;
        max-width:100%;
    }

.actualite_Contenu {
    width:80%;
    float:left;
    padding-left:7px;
}

a.actualite_Titre {
    background:url(images/puce2.png) left 4px no-repeat;
    font-family: GillSansStdBold;
    color: #58585a;
    font-size: 1.5em; 
    text-align: left;
    padding-left:15px;
}

.actualite_Titre:hover {
    color:#D40028;
}

.actualite_Resume {
    font-family: GillSansStd;
    color: #58585a;
    font-size: 1.3em;
    text-align: left;
}

    .actualite_Resume p {
        font-size:1em;
    }

.actualite_Resume a {
    color: #d30228;
    text-decoration:underline;
    float:right;
}

.actualite2 {
    padding-left:21px;padding-right:21px;
}

    .actualite2 .actualite_Contenu {
        padding:0;
    }

.actualite2 .actualite_Visuel {
    width:100%;
    float:none;
    margin-bottom:8px;
}

a.actualites_Toutes {
    font-family: GillSansStdBold;
    color: #ffffff;
    font-size: 1.4em; 
    text-align: center;
    background-color:#d30228;
    clear:both;
    display:block;
    margin:auto;margin-top:20px;
    height:30px;width:70%;
    line-height:1em;
    padding-left:10px;padding-right:10px;padding-top:8px;
}

    a.actualites_Toutes:hover {
        background-color:#58585a;
        text-decoration:none;
    }

/*****************************/
/*          FOOTER           */
/*****************************/

.footer {
    width:100%;height:106px;
    background-color:#58585A;
    overflow:hidden;
}

    .footer .container {
        background:url(images/filigrammemx.png) left top no-repeat;
        height:106px;
    }

.contenu
{
    padding-bottom:20px;
}

.contenuRubrique, .contenuEntite {
    background-color:#fff;
    padding-left:20px;
    padding-right:20px;
}

/**********************************************/
/*                FIL ARIANE                  */
/**********************************************/

.filAriane {
    clear:both;
    width:100%;
    display:block;
    font-size:1.4em;font-family:GillSansSTD;
    padding-top:33px;
}

.filAriane a:hover {
    color:#D40028;
}

/******************************/
/*        Fiche actualité     */
/******************************/

.ficheActualite {
    margin-bottom:20px;
    background-color:#fff;
    padding-left: 20px;
    padding-right: 20px;
}

    .ficheActualite h1 {
        margin-top:20px;
        margin-bottom:0;
    }

.ficheActualite_Date {
    font-size:1.2em;
    display:block;
    margin-bottom:20px;
}

.ficheActualite_Titre {
    margin-top:0;
    margin-bottom:20px;
}

.ficheActualite_Texte {
    font-size: 1.2em;
    color: #58585a;
}

.ficheActualite_Visuel {
    margin:auto;
    width:96%;
}

.ficheActualite_Pagination {
    margin-top:20px;
}

.ficheActualite_Pagination_Prev {
    float:left;
}

.ficheActualite_Pagination_Next {
    float:right;
}

/*******************************/
/*        BACK TO TOP          */
/*******************************/

.back-to-top {
    position: fixed;z-index:2;
    bottom: 2em;
    right: 0px;
    background-color:#626262;
    padding:10px;
    font-size:2.8em;
    color:#fff;
    float:right;
    text-align:center;

    display: none;
}

.back-to-top:hover {    
  
    background-color:#e2001a;
    color:#fff;

}

.schemaConfiguration {
    padding-bottom:20px;
}

/******************************/
/*           Tuiles           */
/******************************/

.tuile{
    width:96%;
    height:200px;
    background-color:#d9dadb;
    display:block;
    margin:2%;
    cursor:pointer;
    font-size:1.4em;color:#58585a;text-align:center;font-weight:bold;
    line-height:200px;
    /*transition: all 0.3s;*/
}

.tuile:hover{
    background-color:#d30228;
    color:#fff;
}

.encartTuile2{
    display:table;
    margin:2%;
    width:96%;
}

.tuile2{
    width:100%;
    height:100px;
    background-color:#d9dadb;
    display:table-cell;
    cursor:pointer;
    /*transition: all 0.3s;*/
    font-size:1.4em;color:#58585a !important;text-align:center;font-weight:bold;
    background:#d9dadb url(Images/pdf.png) 10px center no-repeat;
    background-size:60px;
    padding:15px;padding-left:70px;
    overflow:hidden;
    vertical-align:middle;
}

.tuile2:hover{
    background:#e2001a url(Images/pdf-hover.png) 10px center no-repeat;
    background-size:60px;
    color:#fff !important;
    text-decoration:none !important;
}

.customClose{
    display:block;
    clear: both;
    width:96%;
    margin:2%;
    text-align:center;
}

.md-close{
    background-color:#58585a;
    font-size: 1.4em;text-align: center;
    margin:auto;
    padding:10px;
    cursor:pointer;
    display:block;
}

.md-content{
    padding-bottom:20px;
    background-color:#fff !important;
    height:500px;
    overflow:auto;
    position:relative;
    width:100%;
}

.md-content > div{
    padding:10px !important;
}

.md-overlay{
    background-color: rgba(0, 0, 0, 0.5) !important;
}

