/* CSS du Footer */

/* Déclaration sur tout le footer */
.footer
{
    background-image: linear-gradient(to right, #36636e, #57b3ca);
    color : white;
}

/* Permet de gérer la police et la position du titre du footer */
.titreFooter
{
    /* Police appelée dans le header de layout : font.css */
    font-family: 'Quicksand-Bold', sans-serif;
    font-size : 25px;
    text-align : left;
}

/* Permet de gérer la police et la position du titre du footer quand on est en dessous de 768px de large */
.titreFooter-responsive
{
    /* Police appelée dans le header de layout : font.css */
    font-family: 'Quicksand-Bold', sans-serif;
    font-size : 16px;
    margin-top : 10px;
    text-align : left;
}

/* Permet d'ajouter du style au titre du footer */
.titreEngagements
{
    font-weight : bold;
    margin-bottom : 20px;
    position : relative;
    font-size: 24px;
}

/* Définit l'espace entre la ligne du titre et le titre */
.ligneEngagements
{
    width : 45px;
    text-align : center;
    position : absolute;
    border-bottom : 3px solid white;
    left : 0;
    margin-top : -15px;
    margin-left : 15px;
}

/* Permet de changer la Police du texte dans les différents block du footer */
#blockAccreditations, #blockLiens
{
    font-family: 'Quicksand', sans-serif;
    font-size : 12px;
    text-align : center;
    margin-bottom : 10px;
}

/* Permet de gérer la taille du logo afaqISO quand on est au dessus de 768px de large */
.afaqISO
{
    width : 81px;
    height : 75px;
}

/* Permet de gérer la taille du logo afaqISO quand on est en dessous de 768px de large */
.afaqISO-responsive
{
    width : 40px;
    height : 37px;
}

/* Permet de gérer la taille du logo eAfaq quand on est au dessus de 768px de large */
.eAfaq
{
    width : 80px;
    height : 75px;
}

/* Permet de gérer la taille du logo eAfaq quand on est en dessous de 768px de large */
.eAfaq-responsive
{
    width : 40px;
    height : 37px;
}

/* Permet de gérer la taille du logo cofrac quand on est au dessus de 768px de large */
.cofrac
{
    height : 75px;
    position: relative;
    right: -40px;
}

/* Permet de gérer la taille du logo cofrac quand on est en dessous de 768px de large */
.cofrac-responsive
{
    height : 45px;
}

/* Permet de réduire la taille de la police quand on est en dessous de 768px de large */
.text-responsive
{
    font-size : 10px;
}

/* Permet d'ajouter un style à l'underline des liens */
.lien
{
    text-decoration : underline dotted;
    color : white;
}

/* Met un trait en haut du block-liens */
.footer .block-liens
{
    border-top : 1px solid white;
}

/* Permet de gérer la position des liens */
.footer .block-liens .liensLCD
{
    margin-top : 5px;
}

/* Permet de gérer la couleur du texte des liens */
.footer .block-liens .liensLCD a
{
    color : white;
    cursor : pointer;
}

/* Permet de gérer la couleur du texte des liens */
.footer a:hover
{
    color : lightblue;
    cursor : pointer;
}

.text-planSite
{
    font-family: 'Quicksand', sans-serif;
}

/* Style pour les URLs plan de site */
.text-planSite a {
    color : white;
    margin: 25px;
    font-size: 13px;
    display: table;
    margin-top: -15px
}

.text-planSite div {
    margin-bottom: 25px;
}

/* Ligne des titre du plan du site */
.lignePlanSite
{
    width: 50px;
    text-align: center;
    border-bottom: 3px solid white;
    right: 50%;
    margin: 15px -25px 5px 0px;
}
/* cookie */
#cookie{position:fixed !important;width:320px !important;max-width:90% !important;background-color:#fff !important;padding:10px !important;border:1px solid #ccc !important;border-radius:5px !important;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important;font-size:12px !important;line-height:15px !important;z-index:100 !important;box-shadow:0px 5px 10px rgba(0,0,0,0.2);color: #222}
#cookie.top-left{left:10px !important;top:10px !important}
#cookie.top-right{right:10px !important;top:10px !important}
#cookie.bottom-left{left:10px !important;bottom:10px !important}
#cookie.bottom-right{right:10px !important;bottom:10px !important}
#cookie.dark{background-color:#222 !important;color:#fff !important}
#cookie.large{width:600px !important}
#cookie h2{font-size:14px !important;line-height:16px !important;margin:0 0 4px 0 !important;padding:0 !important}
#cookie p{margin:0 !important;padding:0 !important;margin-top:3px !important;margin-bottom:10px !important}
#cookie div.buttons{margin:10px 0 20px 0 !important}
#cookie a.btn-accept:focus,#cookie a.btn-accept:hover{text-decoration:none !important;color:#fff !important;background:#5c8825 !important;background:-moz-linear-gradient(top, #8fbb44 0%, #5c8825 100%) !important;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #8fbb44), color-stop(100%, #5c8825)) !important;background:-webkit-linear-gradient(top, #8fbb44 0%, #5c8825 100%) !important;background:-o-linear-gradient(top, #8fbb44 0%, #5c8825 100%) !important;background:-ms-linear-gradient(top, #8fbb44 0%, #5c8825 100%) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8fbb44', endColorstr='#5c8825',GradientType=0 ) !important;background:linear-gradient(top, #8fbb44 0%, #5c8825 100%) !important;border:1px solid #670 !important}
#cookie a.btn-more{color:#306B77 !important;font-size:12px !important;margin-left:10px !important}


@media (min-width : 768px)
{
    .size-cerahtec
        {
        min-height: 203px;
    }
}