@charset "UTF-8";

@font-face {
    font-family: 'roboto-condensed-regular';
    src: url('../polices/RobotoCondensed-Regular.eot');
    src: local('RobotoCondensed-Regular'),
    url('../polices/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'),
    url('../polices/RobotoCondensed-Regular.woff') format('woff'),
    url('../polices/RobotoCondensed-Regular.svg#roboto-condensed-regular') format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'roboto-condensed-light';
    src: url('../polices/RobotoCondensed-Light.eot');
    src: local('RobotoCondensed-Light'),
    url('../polices/RobotoCondensed-Light.eot?#iefix') format('embedded-opentype'),
    url('../polices/RobotoCondensed-Light.woff') format('woff'),
    url('../polices/RobotoCondensed-Light.svg#roboto-condensed-light') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'roboto-condensed-bold';
    src: url('../polices/RobotoCondensed-Bold.eot');
    src: local('RobotoCondensed-Bold'),
    url('../polices/RobotoCondensed-Bold.eot?#iefix') format('embedded-opentype'),
    url('../polices/RobotoCondensed-Bold.woff') format('woff'),
    url('../polices/RobotoCondensed-Bold.svg#roboto-condensed-bold') format('svg');
    font-weight: 700;
    font-style: normal;
}


/* Polices d'icones : Corpo */
@font-face {
    font-family: 'corpo';
    src: url('../polices/Corpo.eot?ziauf7');
    src: url('../polices/Corpo.eot?ziauf7#iefix') format('embedded-opentype'),
    url('../polices/Corpo.woff?ziauf7') format('woff'),
    url('../polices/Corpo.svg?ziauf7#corpo') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Réinitialisation de la taille des polices */
html{ font-size: 62.5%; }

[class*="icon-"]:before,
[class*="icon-bf-"]:before,
[class*="icon-af-"]:after{
    font-family: 'corpo';
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Pour l'éditeur de texte dans le BO pour les listes */
.icon-fleche-droite:before{ content: "\e906"; }

/* Pour le front */
.icon-bf-souris:before,
.icon-af-souris:after{ content: "\e900"; }
.icon-bf-enveloppe:before,
.icon-af-enveloppe:after{ content: "\e901"; }
.icon-bf-telephone:before,
.icon-af-telephone:after{ content: "\e902"; }
.icon-bf-localisation:before,
.icon-af-localisation:after{ content: "\e903"; }
.icon-bf-telechargement:before,
.icon-af-telechargement:after{ content: "\e904"; }
.icon-bf-play:before,
.icon-af-play:after{ content: "\e905"; }
.icon-bf-fleche-droite:before,
.icon-af-fleche-droite:after{ content: "\e906"; }
.icon-bf-fleche-gauche:before,
.icon-af-fleche-gauche:after{ content: "\e907"; }
.icon-bf-double-fleche-droite:before,
.icon-af-double-fleche-droite:after{ content: "\e908"; }
.icon-bf-twitter:before,
.icon-af-twitter:after{ content: "\e909"; }
.icon-bf-linkedin:before,
.icon-af-linkedin:after{ content: "\e90a"; }
.icon-bf-fleche-bas:before,
.icon-af-fleche-bas:after{ content: "\e90b"; }
.icon-bf-belgique:before,
.icon-af-belgique:after,
.icon-bf-belgium:before,
.icon-af-belgium:after{ content: "\e90c"; }
.icon-bf-chine:before,
.icon-af-chine:after,
.icon-bf-china:before,
.icon-af-china:after{ content: "\e90d"; }
.icon-bf-espagne:before,
.icon-af-espagne:after,
.icon-bf-spain:before,
.icon-af-spain:after{ content: "\e90e"; }
.icon-bf-etats-unis:before,
.icon-af-etats-unis:after,
.icon-bf-united-states:before,
.icon-af-united-states:after{ content: "\e90f"; }
.icon-bf-france:before,
.icon-af-france:after{ content: "\e910"; }
.icon-bf-italie:before,
.icon-af-italie:after,
.icon-bf-italy:before,
.icon-af-italy:after{ content: "\e911"; }
.icon-bf-pays-bas:before,
.icon-af-pays-bas:after,
.icon-bf-netherlands:before,
.icon-af-netherlands:after{ content: "\e912"; }
.icon-bf-tunisie:before,
.icon-af-tunisie:after,
.icon-bf-tunisia:before,
.icon-af-tunisia:after{ content: "\e913"; }
.icon-bf-pdf:before,
.icon-af-pdf:after{ content: "\e914"; }
.icon-bf-check:before,
.icon-af-check:after{ content: "\e915"; }
.icon-bf-sport:before,
.icon-af-sport:after{ content: "\e916"; }
.icon-bf-blason:before,
.icon-af-blason:after{ content: "\e917"; }
.icon-bf-palme:before,
.icon-af-palme:after{ content: "\e918"; }
.icon-bf-medaille:before,
.icon-af-medaille:after{ content: "\e919"; }
.icon-bf-facebook:before,
.icon-af-facebook:after{ content: "\e91a"; }
.icon-bf-logo-iso:before,
.icon-af-logo-iso:after{ content: "\e91b"; }
.icon-bf-technologies:before,
.icon-af-technologies:after,
.icon-bf-technologies-en:before,
.icon-af-technologies-en:after,
.icon-bf-technology:before,
.icon-af-technology:after{ content: "\e91c"; }
.icon-bf-vente:before,
.icon-af-vente:after,
.icon-bf-vente-en:before,
.icon-af-vente-en:after,
.icon-bf-sales:before,
.icon-af-sales:after{ content: "\e91d"; }
.icon-bf-marketing:before,
.icon-af-marketing:after,
.icon-bf-marketing-en:before,
.icon-af-marketing-en:after{ content: "\e91e"; }
.icon-bf-contenu:before,
.icon-af-contenu:after,
.icon-bf-contenu-en:before,
.icon-af-contenu-en:after,
.icon-bf-content:before,
.icon-af-content:after{ content: "\e91f"; }
.icon-bf-support:before,
.icon-af-support:after,
.icon-bf-support-en:before,
.icon-af-support-en:after{ content: "\e920"; }
.icon-bf-enveloppe-pleine:before,
.icon-af-enveloppe-pleine:after{ content: "\e921"; }
.icon-bf-imprimante:before,
.icon-af-imprimante:after{ content: "\e922"; }
.icon-bf-linkedin-full:before,
.icon-af-linkedin-full:after{ content: "\e923"; }
.icon-bf-quote-ouvert:before,
.icon-af-quote-ouvert:after{ content: "\e924"; }
.icon-bf-quote-ferme:before,
.icon-af-quote-ferme:after{ content: "\e925"; }
.icon-bf-upload:before,
.icon-af-upload:after{ content: "\e926"; }
.icon-bf-double-fleche-gauche:before,
.icon-af-double-fleche-gauche:after{ content: "\e927"; }
.icon-bf-hamburger:before,
.icon-af-hamburger:after{ content: "\e928"; }
.icon-bf-croix:before,
.icon-af-croix:after{ content: "\e929"; }
.icon-bf-no-result:before,
.icon-af-no-result:after{ content: "\e92a"; }
.icon-bf-warning:before,
.icon-af-warning:after{ content: "\e92b"; }
.icon-bf-information:before,
.icon-af-information:after{ content: "\e92c"; }
.icon-bf-check2:before,
.icon-af-check2:after{ content: "\e92d"; }
.icon-bf-touch:before,
.icon-af-touch:after{ content: "\e92e"; }
.icon-bf-hands-check:before,
.icon-af-hands-check:after{ content: "\e92f"; }
.icon-bf-brain:before,
.icon-af-brain:after{ content: "\e930"; }
.icon-bf-panel:before,
.icon-af-panel:after{ content: "\e931"; }
.icon-bf-cercle-feuille:before,
.icon-af-cercle-feuille:after{ content: "\e932"; }
.icon-bf-ying-yang:before,
.icon-af-ying-yang:after{ content: "\e933"; }
.icon-bf-angleterre:before,
.icon-af-angleterre:after,
.icon-bf-united-kingdom:before,
.icon-af-united-kingdom:after{ content: "\e934"; }
.icon-bf-barhein:before,
.icon-af-barhein:after{ content: "\e935"; }
.icon-bf-russie:before,
.icon-af-russie:after,
.icon-bf-russia:before,
.icon-af-russia:after{ content: "\e936"; }
.icon-bf-etoile:before,
.icon-af-etoile:after{ content: "\e937"; }
.icon-bf-fusion:before,
.icon-af-fusion:after{ content: "\e938"; }
.icon-bf-googleplus:before,
.icon-af-googleplus:after{ content: "\e939"; }
.icon-bf-pdf2:before,
.icon-af-pdf2:after{ content: "\e93a"; }
.icon-bf-doc:before,
.icon-af-doc:after{ content: "\e93b"; }
.icon-bf-ppt:before,
.icon-af-ppt:after{ content: "\e93c"; }
.icon-bf-mp3:before,
.icon-af-mp3:after{ content: "\e93d"; }
.icon-bf-mp4:before,
.icon-af-mp4:after{ content: "\e93e"; }
.icon-bf-doc-defaut:before,
.icon-af-doc-defaut:after{ content: "\e93f"; }
.icon-bf-hong-kong:before,
.icon-af-hong-kong:after{ content: "\e940"; }
.icon-bf-zip:before,
.icon-af-zip:after{ content: "\e941"; }
.icon-bf-allemagne:before,
.icon-af-allemagne:after,
.icon-bf-germany:before,
.icon-af-germany:after{ content: "\e942"; }
.icon-bf-portugal:before,
.icon-af-portugal:after{ content: "\e943"; }
.icon-bf-suisse:before,
.icon-af-suisse:after,
.icon-bf-switzerland:before,
.icon-af-switzerland:after{ content: "\e944"; }
.icon-bf-autriche:before,
.icon-af-autriche:after,
.icon-bf-austria:before,
.icon-af-austria:after{ content: "\e945"; }
.icon-bf-australie:before,
.icon-af-australie:after,
.icon-bf-australia:before,
.icon-af-australia:after{ content: "\e946"; }
.icon-bf-roumanie:before,
.icon-af-roumanie:after,
.icon-bf-romania:before,
.icon-af-romania:after{ content: "\e947"; }




/*------- Contenu des articles -------*/
.contenu-article,
#tinymce{
    font-family: 'roboto-condensed-regular','arial', sans-serif;
    padding-right: 4rem;
}
/************************/
/*      Modifieurs      */
/************************/
.cont-main-contenu--no-img .contenu-article{ padding-right: 0; }



/* Titre principal lorsqu'il est inclut dans le contenu de l'article */
.contenu-article .titre-principal,
#tinymce .titre-principal{ margin-bottom: 2rem; }

/* Style pour le chapo de l'article */
.contenu-article .contenu-article__chapo,
#tinymce .contenu-article__chapo{
    font-size: 2.4rem;
    line-height: 3.6rem;
    margin-bottom: 2.5rem;
}
.contenu-article .contenu-article__chapo a{
    font-size: 2.4rem;
}
/* Intertitre (différent entre page offre et contenu article global) */
.cont-offre.contenu-article h3,
body.post-type-offre h3,
#tinymce h3{
    color: #E64C53;
    font-family: 'roboto-condensed-regular','arial', sans-serif;
    font-size: 2.4rem;
    margin-bottom: 2rem;
}
.contenu-article h3{
    color: #000000;
    font-family: 'roboto-condensed-regular','arial', sans-serif;
    font-size: 2.4rem;
    margin-bottom: 2rem;
}
/* Style par d�faut des parapgraphes */
.contenu-article p,
#tinymce p{
    font-size: 2rem;
    line-height: 1.5;
    margin-bottom: 3rem;
}
/* Liens */
.historique a,
.contenu-article a,
#tinymce a{
    color: #E64C53;
    font-size: 2rem; /* Fallback si jamais lien en dehors de p */
    line-height: 2.4rem; /* Fallback si jamais lien en dehors de p */
    text-decoration: underline;
}
/* Small */
.historique span.contenu-article__small,
.contenu-article span.contenu-article__small,
#tinymce .contenu-article__small{ font-size: 1.6rem; }
/* Strong */
.contenu-article strong,
#tinymce strong{ font-family: 'roboto-condensed-bold','arial', sans-serif; }
/* Liste */
.contenu-article ul,
#tinymce ul{
    font-size: 1.8rem;
    font-family: 'roboto-condensed-regular','arial', sans-serif;
    margin-bottom: 3rem;
    margin-left: 3rem;
}
.contenu-article ul li,
#tinymce ul li{
    line-height: 2.4rem;
    list-style: none;
    position: relative;
}
.contenu-article ul li + li,
#tinymce ul li + li{ margin-top: 1rem; }

.contenu-article ul li:before,
#tinymce ul li:before{
    content: "\e906";
    color: #E64C53;
    font-family: 'corpo',sans-serif;
    margin-left: -3rem;
    position: absolute;
}
/* Images pour le contenu des articles */
.contenu-article img,
#tinymce img{ display: block; }

.contenu-article img.aligncenter,
#tinymce img.aligncenter,
.contenu-article img.alignnone,
#tinymce img.alignnone{
    height: auto;
    margin-bottom: 3rem;
    width: 100%;
}
.contenu-article img.alignleft,
#tinymce img.alignleft{
    float: left;
    margin: 0 1.5rem 1rem 0;
}
.contenu-article img.alignright,
#tinymce img.alignright{
    float: right;
    margin: 0 0 1rem 1.5rem;
}

/* Vidéo fluide (affichage uniquement pour le front */
.contenu-article .cont-video{
    text-align: center;
    margin-bottom: 3rem;
}


.contenu-article .font-weight-light,
#tinymce .font-weight-light{
    color: #808080;
    font-family: 'roboto-condensed-light',sans-serif;
    font-weight: 300 !important;
}


/************************************************************************/
/*    EXCEPTIONS : Mixe entre contenu-article et intro-page__entete     */
/************************************************************************/
.intro-page__entete .contenu-article{ border-right: 0; }
.intro-page__entete .contenu-article__chapo{ margin-bottom: 2rem; }

/* Ajustement pour les vidéos */
@media screen and (max-width: 768px){
    .contenu-article .cont-video{
        height: 0;
        padding-bottom: 56.25%; /* 16:9 */
        padding-top: 25px;
        position: relative;
    }
    .contenu-article .cont-video iframe{
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }
}