/* Couches de LAYOUT grid pour tester flexibilité */
.ligne,
.colonne{ box-sizing: content-box; }
.ligne:before,
.ligne:after{
    content: "";
    display: table;
}
.ligne:after{ clear: both; }
.colonne{
    float: left;
    position: relative;
}


.colonne + .colonne{ margin-left: 1.6%; }

.colonne-1{ width: 6.86666666667% }
.colonne-2{ width: 15.3333333333%; }
.colonne-3{ width: 23.8%; }
.colonne-4{ width: 32.2666666667%; }
.colonne-5{ width: 40.7333333333%; }
.colonne-6{ width: 49.2%; }
.colonne-7{ width: 57.6666666667%; }
.colonne-8{ width: 66.1333333333%; }
.colonne-9{ width: 74.6%; }
.colonne-10{ width: 83.0666666667%; }
.colonne-11{ width: 91.5333333333%; }
.colonne-12{ width: 100%; }

















/*_____________________________________*/
/*////////// STYLES GLOBAUX ///////////*/
body { text-align: left; }
.google-maps{
	border: 0;
	width: 100%;
}
.clear{clear: both;}
.is-hidden{ display: none; }
.centrage{
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 1280px;
}

input[type="submit"]{
    -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;
}
svg{ outline: 0; position: absolute; }



/*_____________________________________*/
/*///////////// POLICES ///////////////*/
@font-face {
    font-family: 'montserrat';
    src: url('../fonts/Montserrat/montserrat-regular-webfont.eot');
    src: url('../fonts/Montserrat/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Montserrat/montserrat-regular-webfont.woff2') format('woff2'),
         url('../fonts/Montserrat/montserrat-regular-webfont.woff') format('woff'),
         url('../fonts/Montserrat/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserrat';
    src: url('../fonts/Montserrat/montserrat-Bold.woff2') format('woff2'),
    url('../fonts/Montserrat/montserrat-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'raleway';
    src: url('../fonts/Raleway/raleway-regular-webfont.eot');
    src: url('../fonts/Raleway/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Raleway/raleway-regular-webfont.woff2') format('woff2'),
         url('../fonts/Raleway/raleway-regular-webfont.woff') format('woff'),
         url('../fonts/Raleway/raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ralewaythin';
    src: url('../fonts/Raleway/raleway-thin-webfont.eot');
    src: url('../fonts/Raleway/raleway-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Raleway/raleway-thin-webfont.woff2') format('woff2'),
         url('../fonts/Raleway/raleway-thin-webfont.woff') format('woff'),
         url('../fonts/Raleway/raleway-thin-webfont.svg#ralewaythin') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*___________________________________________________________________*/
/*///////////// VCARDS POUR LES CONTACTS (dans article) /////////////*/
/* Bloc decoration vcard */
.myvcard.contact{
    background-color: #FFFFFF;
    border: 0;
    box-shadow: 0 0 1px rgb(180, 181, 177);
    display: inline-block;
    font-size: 13px;
    margin-left: 0;
    margin-bottom: 2%;
    margin-top: 0;
    padding: 0;
    text-align: center;
    width: 100%;
}
/* Alignement des vcards (à définir lors d'un appel du modèle vcard) */
.contact.align_left{
    margin-left: 0;
    margin-right: 1.5%;
    margin-bottom: 1.5%;
    width: 47.7%;
}
.contact.align_right{
    margin-left: 1.5%;
    margin-right: 0;
    margin-bottom: 1.5%;
    width: 47.7%;
}
.contact.align_center{
    margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 2%;
    width: 80%;
}
.contact.align_right .contact__infos,
.contact.align_left .contact__infos{ width: 65%; }


/* Conteneurs globaux (photos et informations textuelles) */
.contact .contact__photo-contact,
.contact .contact__infos{
    display: table-cell;
    vertical-align: middle;
}
/* Photo */
.contact .contact__photo-contact{ border-right: 1px solid #CCCCCC; }
.contact .contact__photo-contact img{ display: block; }
/* Informations textuelles */
.contact .contact__infos{
    font-weight: normal;
    padding: 2% 4% 2% 4%;
    width: 83%;
}
.contact__infos-nom{
    font-weight: bold;
    text-transform: uppercase;
}
.contact .contact__infos p{ margin-bottom: 0; }

.contact .contact__infos-mail {
    overflow-wrap: break-word;
}




/*_________________________________*/
/*//////////// ENTETE /////////////*/
.entete{
    background-color: #FFFFFF;
    background-size: cover;
    overflow: hidden;
    position: relative;
}

.cont-infos-entete{
    display: inline-block;
    padding: 3em 0;
    width: 100%;
}

.entete-infos{
    float: left;
    width: 40%;
}

/* Logo et slogan du site */
.entete-infos__logo{
    display: table-cell;
    padding-right: 7px;
    text-align: center;
    vertical-align: middle;
}

.entete-infos__logo:after{
    /*background: url('../img/avion.png');*/
    content: '';
    height: 51px;
    position: absolute;
    width: 50px;
}
.entete-infos__slogan{ position: absolute; text-indent: -99999px; }
.entete-infos__baseline{
    border-left: 1px solid red;
    color: #af110e;
    display: table-cell;
    font-size: 24px;
    font-family: 'Raleway', sans-serif;
    font-weight: normal;
    line-height: 1.2em;
    padding-left: 1em;
    vertical-align: middle;
}



/* Encadré pour les dates de l'évènement */
.entete__cont-dates-lieu{
    float: right;
    margin-top: 45px;
    width: 32%;
    /*margin-right: 2%;*/
    /*margin-top: 1.5em;*/
}
.dates-lieu{
    font-family: 'montserrat', 'Arial', sans-serif;
    font-size: 1.375em;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 1.2em;
    position: relative;
    text-align: center;

    background-color: transparent;
    color: #909722;
}
.dates-lieu__dates{ font-family: 'Montserrat', sans-serif; font-size: 26px; }
.dates-lieu__lieu{ font-family: 'Raleway', sans-serif; font-size: 22px; }


.slogan-site{
    font-family: 'montserrat', 'Arial', sans-serif;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: normal;
}









/* Langues */
.entete .entete__langues{
    float: right;
    /*display: inline-block;*/
    /*padding-top: 10px;*/
    position: relative;
}
.entete .entete__langues a{
    background-color: #FFFFFF;
    border: 2px solid #777777;
    color: #777777;
    display: inline-block;
    font-family: 'raleway', 'Arial', sans-serif;
    font-size: 1em;
    font-weight: bold;
    letter-spacing: 1px;
    margin-left: -4px;
    padding: 5px 13px;
    text-align: center;
    transition: all 0.3s ease;
}
.entete .entete__langues a:hover,
.entete .entete__langues a.active{
    background-color: #777777;
    color: #FFFFFF;
}


/* Modifieur pour les langues : avoir les langues les unes en dessous des autres */
.entete .entete__langues.entete__langues--empiler{ width: 10%; }
.entete .entete__langues.entete__langues--empiler a{ box-sizing: border-box; width: 100%; }







/* Partenaires médias officiels */
/* ERREUR DE NOMMAGE => fait référence aux organisateurs de l'évènement (dans config de salonconf : sOrganiseHeader) */
/* partenaires-medias fait référence aux organisateurs de l'évènement */
/* partenariat fait référence aux VRAI partenariat */

.entete .partenaires-medias,
.entete .partenariat{ display: table; }

.entete .partenaires-medias p,
.entete .partenaires-medias div,
.entete .partenariat p,
.entete .partenariat div{
    color: #d80072;
    display: table-cell;
    font-family: 'montserrat', 'Arial', sans-serif;
    font-size: 1em;
    margin-bottom: 4px;
    margin-right: 10px;
    vertical-align: middle;
}

.entete .partenaires-medias div a,
.entete .partenariat div a{
    display: inline-block;
    padding: 0 0.5em;
}

.entete .partenaires-medias p,
.entete .partenariat p{ margin-bottom: 14px; }


.entete .entete-baseline-partenaires,
.entete .entete-baseline-partenariat{
    bottom: 16px;
    position: absolute;
}

.entete .entete-baseline-partenaires{ right: 12px; }
.entete .entete-baseline-partenariat{ left: 12px; }








/*_________________________________*/
/*////////// NAVIGATION ///////////*/
.nav-principale{
    background-color: #989e32;
    margin-top: -1px;
    position: relative;
    transition: background-color 0.3s ease;
    z-index: 999;
}

/* Rubriques principales */
.nav-principale > ul > li{
    background-color: #989e32;
    float: left;
    transition: background-color 0.3s ease;
}

/* Barre de séparation entre les rubriques */
.nav-principale > ul > li + li:after{
    content: ' ';
    position: absolute;
    height: 20px;
    width: 1px;
    background-color: rgba(255,255,255,0.4);
    margin-top: -31px;
    margin-left: -1px;
}




.nav-principale > ul > li.espace-exposant:after{ content: none; }


/* Si l'on tombe sur Espace exposant, on le décalle sur la droite */
.nav-principale > ul > li.espace-exposant{ position: absolute; right: 0; }
.nav-principale > ul > li.espace-exposant a{
    background-color: #808080;
    transition: background-color 0.3s ease;
}
.nav-principale > ul > li.espace-exposant:hover a{ background-color: #666666; }

/* Espace exposant pour les pages in */
.page_article .nav-principale > ul > li.espace-exposant a,
.page_formulaire .nav-principale > ul > li.espace-exposant a{
    background-color: #808080;
    transition: background-color 0.3s ease;
}
.page_article .nav-principale > ul > li.espace-exposant:hover a,
.page_formulaire .nav-principale > ul > li.espace-exposant:hover a{ background-color: #666666; }








.nav-principale > ul > li:hover{ background-color: #909722; }
.nav-principale > ul > li > a{
    background-color: #989e32;
    color: #FFFFFF;
    display: block;
    font-family: 'raleway', 'Arial', sans-serif;
    font-size: 1.1em;
    padding: 12px 25px;
    text-align: center;
    transition: background-color 0.3s ease;
}
.nav-principale > ul > li > a:hover{
    background-color: #909722;
    color: #FFFFFF;
}


/* Sous-menus */
.nav-principale ul li:hover ul{
    display: block;
    position: absolute;
    z-index: 99; /*Pour affichage par dessus SVG */
}
.nav-principale > ul > li.menu-entree > ul{ border: 1px solid #909722; }
.nav-principale ul li ul{
    box-shadow: 0 1px 2px rgba(96, 124, 33, 0.5);
    display: none;
}
.nav-principale ul li:hover ul li{ clear: both; }
.nav-principale ul li ul li{
    background-color: #F6F6F6;
    width: 250px;
}
.nav-principale ul li ul li a{
    background-color: #FFFFFF;
    color: #5a5a5a;
    display: block;
    font-family: 'raleway', 'Arial', sans-serif;
    font-size: 1em;
    font-weight: normal;
    padding: 15px;
    text-align: left;
    transition: background-color 0.3s ease, color 0.3s ease, border-left 0.3s ease;
}
.nav-principale ul li ul li a:hover{
    background-color: #909722;
    color: #FFFFFF;
}

/* Sous-menu de 3ème niveau */
.nav-principale > ul > li > ul > li > ul{ display: none; }
.nav-principale > ul > li:hover > ul > li > ul{ display: none; }

/* Style sur rubrique active */
.nav-principale > ul > li.on > a{
    color: #FFFFFF;
    background-color: #909722;
}
.posFlecheMenu{
    /*background: url('../img/.nav-principale-on.png') no-repeat;*/
    display: block;
    height: 12px;
    margin-top: 45px;
    position: absolute;
    width: 26px;
    z-index: 9999;
}

/*_____________________________________*/
/*///////////// MENU FIXED ////////////*/
.nav-principale.fixed{
    /*border-bottom: 1px solid #38C2CB;*/
    /*box-shadow: 0 0 2px #38C2CB;*/
    margin: auto;
    position: fixed;
    width: 100%;
    z-index: 99;
}
/* On coupe l'image générée avant le menu (les 3 bulles jaune, bleu et rose)  */
.nav-principale.fixed > ul{ padding-left: 7px; }
.nav-principale.fixed > ul:before{
    height: 66px;
    content: none;
}

/*______________________________________________*/
/*/////////// Logo dans menu principal /////////*/
.nav-principale > ul  li.logo-menu a{
    background-color: transparent;
    margin-top: 6px;
    padding: 0 9px;
}
.reinit-line{ line-height: 0; }

/* Effectif uniquement lorsque l'on rajoute le lien de la home à partir du plugin menu */
.nav-principale > ul > li.accueil-menu a{
    background: url('../img/home-menu.png') no-repeat;
    text-indent: -9999999px;
    transition: background 0.3s ease;
}
.nav-principale > ul > li.accueil-menu a:hover{
    background: url('../img/home-menu-hover.png') no-repeat;
}

/*__________________________________________*/
/*///////////// MENU RESPONSIVE ////////////*/
.nav-principale button.active + ul li:hover ul{
    position: relative;
    z-index: 99; /*Pour affichage par dessus SVG */
}
.nav-principale button.active + ul li ul li a{ text-align: center; }
/* Bouton menu pour faire apparaitre le menu en responsive */
.button-menu{
    background-color: #909722;
    border: 0;
    color: #FFFFFF;
    display: none;
    font-family: 'raleway', 'Arial', sans-serif;
    font-size: 1.2em;
    padding: 15px 0;
    text-align: center;
    width: 100%;
}






/*///////////// Réseaux sociaux dans le menu principal //////////////*/
/* Dynamisation de la position des menus reseaux sociaux dans menu
 Possibilité d'en avoir 4 maximum */
.nav-principale > ul > li.menu-social{
    height: 51px;
    overflow: hidden;
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 51px;
    z-index: 999;
}
.nav-principale > ul > li.menu-social + li.menu-social{ right: 52px; z-index: 99; }
.nav-principale > ul > li.menu-social + li.menu-social + li.menu-social{ right: 104px; z-index: 9; }
.nav-principale > ul > li.menu-social + li.menu-social + li.menu-social + li.menu-social{ right: 156px; z-index: 0; }


/* Lien du réseau social */
.nav-principale > ul .menu-social-lien{
    background-color: transparent;
    border-right: 0;
    background-repeat: no-repeat;
    background-position: 0 0;
    box-sizing: border-box;
    font-family: 'salon', sans-serif !important;
    line-height: 3em;
    margin-top: -1em;
}


.nav-principale > ul .menu-social-lien a{
    height: 51px;
    padding: 0 !important;
    text-indent: -9999px;
}

.nav-principale > ul > li[class*="icon-"] > a {
    padding: 3px 9px !important;
    text-indent: -99999999px;
}

.nav-principale > ul .icon-facebook:before,
.nav-principale > ul .icon-linkedin:before,
.nav-principale > ul .icon-twitter:before,
.nav-principale > ul .icon-viadeo:before,
.nav-principale > ul .icon-instagram:before{
    color: #FFFFFF;
    margin-right: 2em;
    transform: translateX(-50%);
    left: 50%;
    text-align: center;
    position: absolute;
    text-indent: 0;
    z-index: 9;
}


/* Si 2 menus se suivent, on supprime la partie logo du 2ème menu */
.nav-principale > ul + ul > li.logo-menu {
    display: none;
}




/*_______________________________________________________________*/
/*//////////////// TITRE / SEPARATION / SOUS-TITRE //////////////*/
/* Styles par défaut pour toutes les strates */
.titre-strate{
    color: #1D045A;
    font-family: 'montserrat', 'Arial', sans-serif;
    font-size: 1.8em;
    font-weight: normal;
    letter-spacing: 13px;
    line-height: 45px;
    padding: 65px 15px 20px 15px;
    text-align: center;
    text-transform: uppercase;
}

.separation-titre-strate{
    background-color: #5A5A5A;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #5A5A5A;
    margin-bottom: 50px;
    width: 425px;
}

.sous-titre-strate{
    color: #5a5a5a;
    font-family: 'raleway', 'Arial', sans-serif;
    font-size: 1.125em;
    padding: 0 50px 40px 50px;
    text-align: center;
}

.intertitre-strate{
    color: #ADADAD;
    clear: both;
    font-size: 1.4em;
    font-family: 'montserrat', sans-serif;
    font-weight: normal;
    margin-bottom: 1.5em;
    text-align: center;
    width: 100%;
}





/*______________________________________________*/
/*/////////////// SLIDER / FOCUS ///////////////*/
.slider{ overflow: hidden; position: relative; }
.slider img{
    display: block;
    max-width: 100%;
    position: relative;
}

/* Styles communs pour les deux slides */
.slide-g,
.slide-d{
    background-size: cover;
    background-position: center center;
    float: left;
    min-height: 380px;
    max-height: 380px;
    overflow: hidden;
    position: relative;
    width: 49.9%;
}

/* Barre centrale du focus pour marquer la séparation */
.slider__barre-centrale{
    background-color: #FFFFFF;
    float: left;
    height: 380px;
    width: 0.2%;
}

/* Triangles SVG */
.slide-g__svg{ position: absolute; z-index: 2; }
.slide-g__svg polygon{
    -moz-fill-opacity: 0.9;
    -webkit-fill-opacity: 0.9;
    fill-opacity: 0.9;
    -moz-fill: #777777;
    -webkit-fill: #777777;
    fill: #777777;
}

.slide-d__svg{ position: absolute; right: 0; z-index: 2; }
.slide-d__svg polygon{
    -moz-fill-opacity: 0.9;
    -webkit-fill-opacity: 0.9;
    fill-opacity: 0.9;
    -moz-fill: #f8b746;
    -webkit-fill: #f8b746;
    fill: #f8b746;
}


/* Boutons du focus */
/* Styles génériques des boutons */
.slide-g__bouton,
.slide-d__bouton{
    bottom: 1em;
    color: #FFFFFF;
    display: table;
    font-family: 'raleway', 'Arial', sans-serif;
    font-size: 1.1em;
    line-height: 28px;
    min-height: 60px;
    position: absolute;
    text-align: center;
    /*width: 470px;*/
    z-index: 2;
}

/* Icones des boutons dans la strate focus */
.bouton-g__icon,
.bouton-d__icon{
    display: table-cell;
    font-size: 2.5em;
    vertical-align: middle;
}
.bouton-g__icon{ padding: 16px 0 16px 16px; }
.bouton-d__icon{ padding: 16px 16px 16px 0; }
/* Libelle du bouton dans la strate focus */
.bouton-g__libelle,
.bouton-d__libelle{
    display: table-cell;
    padding: 20px 25px 20px 25px;
    vertical-align: middle;
}
.slide-g__bouton{ right: 0; }
.slide-d__bouton{ left: 0; }


/* Couleurs et animations des boutons */
.slide-g__bouton{ background-color: #777777; transition: background-color 0.3s ease; }
.slide-d__bouton{ background-color: #f8b746; transition: background-color 0.3s ease; }

.slide-g__bouton:hover{ background-color: #e7296c; }
.slide-d__bouton:hover{ background-color: #f59d04; }

/* Positionnement des textes pour le focus (au dessus des SVG) */
.slide-g__accroche,
.slide-d__accroche{
    box-sizing: border-box;
    color: #FFFFFF;
    font-family: 'montserrat', 'Arial', sans-serif;
    font-size: 1.3em;
    line-height: 1.3em;
    margin-top: 1.5em;
    position: absolute;
    padding: 0.5em;
    text-align: center;
    width: 270px;
    z-index: 2;
}
/* Positionnement du texte d'accroche de droite pour slide-d (au dessus du svg) */
.slide-d__accroche{ right: 0; }





/* _______________________________________ */
/*//////////////// JCAROUSEL //////////////*/
.jcarousel-focus { position: relative; }
.jcarousel-focus__wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.jcarousel-focus ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}
.jcarousel-focus li {
    width: 200px;
    float: left;
    position: relative;
    background-position: center center;
}
.jcarousel-focus ul,
.jcarousel-focus ul li {
    max-height: 440px;
    overflow: hidden;
}
.jcarousel-focus .jcarousel-focus__descriptif{
    background: rgba(236,236,236,0.8) none repeat scroll 0 0;
    color: #525252;
    font-family: 'montserrat', 'Arial', sans-serif;
    left: 50%;
    line-height: 1.9em;
    margin-left: -512px;
    position: absolute;
    top: 12%;
    width: 500px;
}
.jcarousel-focus li p {
    font-size: 34px;
    margin: auto;
    padding: 50px;
    text-transform: uppercase;
}

.jcarousel-focus .jcarousel-focus__accroche{
    display: block;
    margin-bottom: 35px;
}

.jcarousel-focus .jcarousel-focus__btn{
    background-color: #045DA5;
    border-radius: 11px;
    box-sizing: border-box;
    color: #ffffff;
    display: inline-block;
    font-family: 'raleway', 'Arial', sans-serif;
    font-size: 22px;
    padding: 11px 28px;
    text-transform: none;
    transition: background-color 0.3s ease;
}
.jcarousel-focus .jcarousel-focus__btn:hover{ background-color: #002C59; }

/* Image en BG */
.jcarousel-focus__image{
    height: auto;
    max-width: 100%;
    width: 100%;
}

/** Carousel Pagination **/
.jcarousel-focus__cont-pagination{
    bottom: 0;
    min-height: 50px;
    position: absolute;
    width: 100%;
}
.jcarousel-focus__pagination {
    position: absolute;
    bottom: 1.1em;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
}
.jcarousel-focus__pagination p{ right: 0; }
.jcarousel-focus__pagination a {
    background: #fff;
    border-radius: 10px;
    border: 1px solid #045DA5;
    color: #4E443C;
    display: inline-block;
    font-size: 11px;
    height: 13px;
    line-height: 10px;
    margin-right: 7px;
    text-decoration: none;
    text-indent: -9999px;
    width: 13px;
}
.jcarousel-focus__pagination a.active {
    background: #045DA5;
    color: #ffffff;
    opacity: 1;
}



/*///////////// JCAROUSEL FOCUS style MICE ////////////*/
.jcarousel-mice { position: relative; }
.jcarousel-mice__wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.jcarousel-mice ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}
.jcarousel-mice li {
    width: 200px;
    float: left;
    position: relative;
    background-position: center center;
}
.jcarousel-mice ul,
.jcarousel-mice ul li {
    max-height: 440px;
    overflow: hidden;
}

/* Informations principales du focus => Surtitre/titre */
.jcarousel-mice .jcarousel-mice__descriptif{
    color: #FFFFFF;
    font-family: 'montserrat', 'Arial', sans-serif;
    left: 50%;
    margin-left: 0;
    padding-top: 3em;
    position: absolute;
    text-align: center;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    top: 0;
    width: auto;
}

/* Surtitre */
.jcarousel-mice .jcarousel-mice__surtitre{
    display: block;
    font-size: 35px;
    font-weight: normal;
    margin-bottom: 0.5em;
}
/* Titre et descriptif */
.jcarousel-mice .jcarousel-mice__accroche{
    display: block;
    font-size: 26px;
    font-weight: normal;
    margin-bottom: 1em;
}

/* Surcharge des styles pour le modèle des call to action */
.jcarousel-mice .call-to-action{ padding-top: 0; }
.jcarousel-mice .centrage-call-to-action{ margin-bottom: 0; }
.jcarousel-mice .icone-call-to-action{
    font-size: 40px;
    padding: 6px 10px 6px 22px;
}

/* Dans le cas où aucun call to action n'est rattaché à l'article
 on affiche juste un bouton 'En savoir plus' qui redireig vers l'article */
.jcarousel-mice .jcarousel-mice__btn{
    background-color: #008ec0\9;
    background-color: rgba(0,142,192,0.7);
    box-sizing: border-box;
    color: #ffffff;
    display: inline-block;
    font-family: 'raleway', 'Arial', sans-serif;
    font-size: 22px;
    margin-top: 0;
    padding: 11px 28px;
    text-transform: none;
    transition: background-color 0.3s ease;
}
.jcarousel-mice .jcarousel-mice__btn:hover{ background-color: #002C59; }

/* Image en BG */
.jcarousel-mice__image{
    height: auto;
    max-width: 100%;
    width: 100%;
}

/* Carousel Pagination */
.jcarousel-mice__cont-pagination{
    bottom: 0;
    min-height: 50px;
    position: absolute;
    width: 100%;
}
.jcarousel-mice__pagination {
    position: absolute;
    bottom: 1.1em;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
}
.jcarousel-mice__pagination p{ right: 0; }
.jcarousel-mice__pagination a {
    background: #fff;
    border-radius: 10px;
    border: 1px solid #045DA5;
    color: #4E443C;
    display: inline-block;
    font-size: 11px;
    height: 13px;
    line-height: 10px;
    margin-right: 7px;
    text-decoration: none;
    text-indent: -9999px;
    width: 13px;
}
.jcarousel-mice__pagination a.active {
    background: #045DA5;
    color: #ffffff;
    opacity: 1;
}




/*_________________________________________________________*/
/*----- Assombrissement des images du focus optionnel -----*/
.jcarousel-mice ul li.img-sombre,
.jcarousel-focus ul li.img-sombre{ background-color: #4E4E4E; }
.jcarousel-mice ul li.img-sombre img,
.jcarousel-focus ul li.img-sombre img{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    opacity: 0.5;
}







/*________________________________________________________________*/
/*//////////////////////////// SALON /////////////////////////////*/
.salon{
    background-color: #fafaf8;
    overflow: hidden;
    position: relative;
}
.bg-couleur.salon{ background-color: #FFFFFF; }
.bg-no-couleur.salon{ background-color: #FFFFFF; }


/* Surcharges pour titre, separation et sous titre de la strate salon*/
.bg-couleur .titre-strate--salon{ color: #FFFFFF; }
.bg-no-couleur .titre-strate--salon{ color: #5a5a5a; }

.bg-couleur .separation-titre-strate--salon{ background-color: #FFFFFF; }
.bg-no-couleur .separation-titre-strate--salon{ border-top: 0; border-bottom: 1px solid #5A5A5A; }

.bg-couleur .sous-titre-strate--salon{ color: #FFFFFF; }
.bg-no-couleur .sous-titre-strate--salon{ color: #5a5a5a; }


/* Contenu de la strate salon */
.salon .contenu-salon{ z-index: 1; }
.salon .contenu-salon:after,
.salon .contenu-salon:before{
    content: '';
    bottom: 0;
    position: absolute;
    z-index: -1;
}
/*.salon .contenu-salon:after{ background: url('../img/tour-eiffel.png'); height: 747px; right: -250px; width: 392px; }*/
/*.salon .contenu-salon:before{ background: url('../img/basilique.png'); height: 460px; left: -350px; width: 459px; }*/

/* Les articles présentées sur la strate salon */
.salon-article{
    border: 1px solid rgba(255,255,255,0);
    box-sizing: border-box;
    display: inline-block;
    margin-bottom: 3em;
    text-align: center;
    font-weight: normal;
    float: left;
    width: 24.8%;
    transition: all 0.3s ease;
}
.salon-article:hover{
    background-color: #6cc4ca;
    border: 1px solid #488589;
}

/* Les icones illustrants chaque article de la strate salon */
.salon-article__icon{
    background-color: transparent;
    min-height: 128px;
    margin: 30px auto 0 auto;
    width: 128px;
}

/* Titre d'un article de la strate salon + comportement hover */
.salon-article__titre{
    color: #909722;
    font-family: 'montserrat', 'Arial', sans-serif;
    font-size: 1.375em;
    font-weight: normal;
    line-height: 1.2em;
    min-height: 45px;
    padding: 5px 16px 10px 16px;
    text-transform: uppercase;
}
.salon-article:hover .salon-article__titre{ color: #FFFFFF; }

/* Descriptif des articles pour la strate salon + comportement hover*/
.salon-article__descriptif{
    color: #5a5a5a;
    border-top: 1px solid #488589;
    font-family: 'raleway', 'Arial', sans-serif;
    font-size: 1em;
    line-height: 1.2em;
    font-weight: normal;
    margin: 20px 33px 33px 33px;
    padding: 33px 0 16px 0;
    text-align: left;
    transition: all 0.3s ease;
}
.salon-article:hover .salon-article__descriptif{ color: #FFFFFF; }

/* Lien vers l'article */
.salon-article__lien{
    color: #488589;
    display: block;
    font-family: 'montserrat', 'Arial', sans-serif;
    padding: 20px 60px 20px 0;
    text-align: right;
    transition: all 0.3s ease;
}
/* Flèche générée après le lien */
.salon-article__lien:after{
    background: url('../img/fleche-strate-icone.png') no-repeat;
    content: '';
    height: 19px;
    margin-left: 8px;
    margin-top: -2px;
    position: absolute;
    width: 31px;
    transition: all 0.3s ease;
}

.salon-article:hover .salon-article__lien{ background-color: #488589; color: #FFFFFF; }
.salon-article:hover .salon-article__lien:after{ background: url('../img/fleche-strate-icone-blanc.png'); }
.salon-article:hover .salon-article__lien:hover{ background-color: #345f62; color: #FFFFFF; }





/*________________________________________________________*/
/*/////////////////// STRATE ACTUALITES //////////////////*/
/* Surcharges pour titre, separation et sous titre de la strate salon*/
.titre-strate--actus{ text-shadow: 0 1px 1px rgba(16,11,62,.45); color: #231f20; }
.separation-titre-strate--actus{ border: 1px solid #e0e4e7; }
.sous-titre-strate--actus{ color: #494949; }


/* Conteneur principal */
.actualites{
    background-color: #eaeaea;
    overflow: hidden;
    padding-bottom: 40px;
    position: relative;
}
.actualites polygon{ fill: #d0edff; fill-opacity: 0.16; }


/* Les conteneurs d'information */
.actus .actus-gauche,
.actus .actus-droite{
    position: relative;
    width: 47.5%;
}
.actus .actus-gauche{ float: left; }
.actus .actus-droite{ float: right; }

/* On génère la barre verticale (image ave mégaphone) sur le côté gauche de l'actualité */
.actus-syndic:before,
.actus-rubrique:before,
.actus-flux:before{
    content: '';
    height: 304px;
    position: absolute;
    width: 59px;
}
/*/!* Syndication et Rubrique => même style *!/*/
/*.actus-syndic:before,*/
/*.actus-rubrique:before{ background: url('../img/actus-syndic-rubrique.png') no-repeat; }*/
/*/!* Flux => actuellement uniquement Twitter *!/*/
/*.actus-flux:before{ background: url('../img/actus-flux-twitter.png') no-repeat; }*/



.actus .actus__infos-syndic,
.actus .actus__infos-rubrique{
    /*min-height: 250px;*/
    /*padding-bottom: 2.5em;*/
    padding: 1em;
    padding-left: 45px;
}

/* Lien pour les rubrique et les flux rss */
.actus .actus__infos-syndic .actus__cont-lien,
.actus .actus__infos-rubrique .actus__cont-lien{ padding-bottom: 0; }


/* Dynamisation de la hauteur de l'habillage des flux d'actualités */
/* Twitter */
.actus .actus__infos-flux{
    border-left: 3px solid #1DA1F2;
    /*padding-bottom: 1em;*/
}
.actus .actus-flux:before{
    background: url('../img/actus-twitter-before.png');
    content: '';
    height: 59px;
    left: -28px;
    position: absolute;
    top: -12px;
    width: 59px;
}
.actus .actus-flux:after{
    background: url('../img/actus-twitter-after.png');
    bottom: -1px;
    content: '';
    height: 13px;
    left: -6px;
    position: absolute;
    width: 14px;
}

/* Syndic et Rubrique */
.actus .actus__infos-syndic,
.actus .actus__infos-rubrique{ border-left: 3px solid #231f20; }

.actus .actus-syndic:before,
.actus .actus-rubrique:before{
    background: url('../img/actus-syndic-rubrique-before.png');
    content: '';
    height: 59px;
    left: -28px;
    position: absolute;
    top: -12px;
    width: 59px;
}
.actus .actus-syndic:after,
.actus .actus-rubrique:after{
    background: url('../img/actus-syndic-rubrique-after.png');
    bottom: -1px;
    content: '';
    height: 13px;
    left: -6px;
    position: absolute;
    width: 14px;
}


/*///////// Redirection du tweet sur le flux ////////////*/
.actus__infos-flux{
    background-color: transparent;
    display: block;
    padding: 1em;
    padding-left: 45px;
    transition: background-color 0.3s ease;
}
.actus__infos-flux:hover{ background-color: #D2E0E8; }
.actus__infos-flux.is-statique:hover{ background-color: #eaeaea; }


.actus__flux-lien{ margin-top: 0.7em; }
.actus__flux-lien a{
    background-color: rgba(29, 161, 242, 0.42);
    box-sizing: border-box;
    color: #FFFFFF;
    display: inline-block;
    font-family: 'Raleway', sans-serif;
    padding: 0.5em 1.5em;
    transition: all 0.3s ease;
}
.actus__flux-lien a:hover{ background-color: #1780c0; }




/*////// Titre de l'actualités /////*/
.actus__titre{
    font-family: "raleway", 'Arial', sans-serif;
    margin-bottom: 6px;
}
/* Titre pour Syndic et Rubrique */
.actus__infos-syndic .actus__titre,
.actus__infos-rubrique .actus__titre{
    color: #231f20;
    font-size: 1.75em;
    line-height: 32px;
}
/* Titre pour flux */
.actus__infos-flux .actus__titre{
    color: #5a5a5a;
    display: inline-block;
    font-size: 1.375em;
    line-height: 1.15em;
}


/*///////// Date de l'actualités ////////*/
.actus__date{
    font-family: 'raleway', 'Arial', sans-serif;
    font-size: 1.2em;
    margin-bottom: 0.5em;
}
/* Dates pour Syndic et Rubrique */
.actus__infos-syndic .actus__date,
.actus__infos-rubrique .actus__date{ color: #231f20; }
/* Dates pour flux */
.actus__infos-flux .actus__date{ color: #5a5a5a; }



/*//////////// Corps de l'actualités ////////////*/
.actus__actu{
    font-family: 'raleway', 'Arial', sans-serif;
    font-size: 1em;
    line-height: 1.3125em;
    overflow: hidden;
    padding-bottom: 1px;
}
/* Actus syndic et rubrique */
.actus__infos-syndic .actus__actu,
.actus__infos-rubrique .actus__actu{ color: #5A5A5A; }
/* Actus Flux */
.actus__infos-flux .actus__actu{ color: #5A5A5A; }




/*///////// Liens vers l'actualités //////////*/
.actus__cont-lien{
    padding: 1em;
    text-align: center;
}
.actus__lien{
    color: #FFFFFF;
    box-sizing: border-box;
    border-radius: 4px;
    display: inline-block;
    font-size: 1em;
    font-family: 'Raleway', 'Arial', sans-serif;
    transition: all 0.3s ease;
}
/* Syndic et Rubrique */
.actus__infos-syndic .actus__lien,
.actus__infos-rubrique .actus__lien{ background-color: #231f20; padding: 7px 45px 7px 15px; }
.actus__infos-syndic .actus__lien:hover,
.actus__infos-rubrique .actus__lien:hover{ background-color: #000000; }
/* Flux */
.actus__infos-flux .actus__lien{ background-color: #1da1f2; padding: 7px 15px 7px 45px; }
.actus__infos-flux .actus__lien:hover{ background-color: #1780c0; }


/* Flèche générée après le bouton */
.actus__infos-syndic .actus__lien:after,
.actus__infos-rubrique .actus__lien:after{
    content: '';
    position: absolute;
    height: 21px;
    margin: -2px 0 0 10px;
    width: 26px;
    transition: all 0.3s ease;
}
.actus__infos-syndic .actus__lien:after,
.actus__infos-rubrique .actus__lien:after{ background: url('../img/fleche-strate-icone-blanc.png'); }

/* Logo twitter générée avant le bouton */
.actus__infos-flux .actus__lien:before{
    content: '';
    position: absolute;
    height: 17px;
    margin: -1px 0 0 -32px;
    width: 22px;
    transition: all 0.3s ease;
}
.actus__infos-flux .actus__lien:before{ background: url('../img/icon-twitter.png'); }




/*///////// Jcarousel pour les actus (à venir) /////////*/
/*.actualites .cont-jcarousel-left,*/
/*.actualites .cont-jcarousel-right{*/
    /*float: left;*/
    /*position: relative;*/
    /*width: 50%;*/
/*}*/

/*.actualites .jcarousel-left,*/
/*.actualites .jcarousel-right{*/
    /*position: relative;*/
    /*overflow: hidden;*/
    /*height: 350px;*/
/*}*/

/*!* ul *!*/
/*.actualites .jcarousel-left .cont-left,*/
/*.actualites .jcarousel-right .cont-right{*/
    /*height: 3310px;*/
    /*overflow: hidden;*/
    /*position: relative;*/
    /*margin: 0;*/
    /*padding: 0;*/
/*}*/

/*!* li *!*/
/*.actualites .jcarousel-left .actus__infos-syndic,*/
/*.actualites .jcarousel-right .actus__infos-syndic{ float: left; }*/

/*.actualites .jcarousel-left-next,*/
/*.actualites .jcarousel-right-next{*/
    /*right: 0;*/
    /*position: absolute;*/
    /*z-index: 999999;*/
/*}*/
/*.actualites .jcarousel-left-prev,*/
/*.actualites .jcarousel-right-prev{*/
    /*left: 0;*/
    /*position: absolute;*/
    /*z-index: 999999;*/
/*}*/


/*------------------------------ Fin Actualités ---------------------------------*/












/* Flèches de navigation */
.conteneur-jcarousel{
    padding: 1em 3em;
    position: relative;
}
.conteneur-jcarousel .jcarousel-prev{
    background: url("../img/fleche-gauche-jcarousel.png") no-repeat 0 0;
    cursor: pointer;
    height: 138px;
    left: 0;
    position: absolute;
    text-indent: -999999px;
    top: 0;
    width: 30px;
}
.conteneur-jcarousel .jcarousel-next{
    background: url("../img/fleche-droite-jcarousel.png") no-repeat 0 0;
    cursor: pointer;
    height: 138px;
    position: absolute;
    right: 0;
    text-indent: -999999px;
    top: 0;
    width: 30px;
}

/* Style pour la baseline dans le focus*/
.baseline{
	color: #FFFFFF;
	font-family: 'montserrat', 'Arial', sans-serif;
	font-size: 2.5em;
	letter-spacing: 0;
	margin: auto;
	padding-top: 90px;
	position: absolute;
	text-transform: none;
	text-align: center;
    text-shadow: 0 3px 0 rgba(50,50,50,0.6);
	z-index: 1;
}









/*///////////  HR  ///////////////*/
/*.page_sommaire hr{	border: 0;	height: 1px; }*/

/* Largeur de hr en fonction du niveau des h : h2, h3, h4 ...  */
hr.hr-h3{ width: 150px; }


/*________________________________________________*/
/*///////////////// PAGE 404 /////////////////////*/
.page_404 #contenu-principal h1{
	color: #FFFFFF;
	padding-left: 15px;
}


/*________________________________________________*/
/*////////////// PAGE FORMULAIRE /////////////////*/
.page_formulaire .formulaire_formidable{ margin-top: 15px; }






/*________________________________________________*/
/*///////////////	PAGE ARTICLE /////////////////*/
/* Iframe dans contenu des articles */
.contenu-principal iframe{ width: 100%; }



/* Fil d'ariane */
.contenu-principal .breadcrumb {
    color: #adadad;
    font-size: 1em;
    margin-bottom: 2em;
}
.contenu-principal .breadcrumb a{ color: #5d5d5d !important; }
.contenu-principal .breadcrumb a:hover { text-decoration: underline !important; }



.contenu-principal{
	background-color: #faf8f2;
    box-sizing: border-box;
	float: left;
	font-family: 'raleway', 'Arial', sans-serif;
	min-height: 600px;
    height: auto !important;
	position: relative;
	padding: 40px 3% 3% 3%;
	width: 75%;
	z-index: 90;
}

/* Padding pour les images dans le contenu principale des articles */
.spip_documents{ box-sizing: border-box; padding: 10px 1em; }

.contenu-principal img{
    /*display: block;*/
    height: auto;
    max-width: 100%;
}

.contenu-principal table tr td img{
    width: 100%;
}


aside#contenu-secondaire{
	float: left;
	width: 25%;
}

/* styles généraux */
.contenu-principal p{
    color: #5A5A5A;
	font-size: 1em;
	line-height: 1.4em;
	margin-bottom: 1em;
}

.contenu-principal p.chapo{
	color:#5a5a5a;
	font-size: 1em;
	line-height: 1.4em;
}

/* Mise en forme d'une balise p défini comme titre au niveau du style (descriptif conférence) */
.contenu-principal p.h1-article{
	/*background: rgba(0, 0, 0, 0) url("../img/bg-titre-option1-orange.png") no-repeat scroll 0 0;*/
	color: #a1c428;
	font-size: 1.5em;
	line-height: 2.7em;
}

/* Mise en forme des titres principaux dans les pages articles */
.h1-article{
    color: #909722;
    font-family: 'montserrat', 'Arial', sans-serif;
    padding-left: 1.7em;
}

.contenu-principal h1.h2-article{
	background: none;
	line-height: 1.5em;
	margin-bottom: 22px;
	width: 100%;
}

/* Titre dans l'article */
.contenu-principal h1{
    display: inline-block;
	font-size: 1.5em;
    font-weight: normal;
	line-height: 1.3em;
    text-transform: uppercase;
}
.contenu-principal .content-titre{
    display: block;
    margin-bottom: 1em;
    position: relative;
    width: 100%;
}
.contenu-principal .content-titre:before{
    background: url('../img/titre-style.png');
    content: '';
    height: 29px;
    position: absolute;
    top: 0;
    width: 30px;
}


.contenu-principal .content-titre--v2{
    margin-left: -39px;
    width: 619px;
}
.contenu-principal .content-titre--v2:before{
    background: url('../img/titre-h1-article.png') no-repeat;
    content: '';
    height: 5px;
    position: absolute;
    top: -5px;
    width: 10px;
}
.contenu-principal .content-titre--v2:after{ left: 619px; }




/* Intertitre page intérieure */
.contenu-principal h3{
    color: #909722;
    font-size: 1.3em;
    margin: 1.3em 0 0.5em 0;
    padding-left: 40px;
    clear: both;
}
.contenu-principal h3:before{
    content: url("../img/intertitre-style.png");
    height: 13px;
    margin-left: -22px;
    margin-top: -1px;
    position: absolute;
    width: 14px;
}

.contenu-principal h4{
	border-left: 8px solid #1D045A;
	color: #1D045A;
	font-weight: normal;
	font-size: 1.2em;
	padding-left: 12px;
	margin-bottom: 1em;
    margin-left: 1em
}
/* Tous les paragraphes qui s'affichent après un H4 auront un p */
.contenu-principal h4 ~ p{ padding-left: 1em; }
.contenu-principal h4 ~ h3 ~ p{ padding-left: 0; }

.contenu-principal strong{ color: #000000; font-weight: bold; }


/* Liens dans page article */
.page_sommaire .actus__actu a,
.page_article .contenu-principal p a,
.page_article .contenu-principal ul li a,
.page_article .contenu-principal ol li a,
.page_article .contenu-principal blockquote a,
.page_article .contenu-principal .google-fun-big a{
    border: none;
    background-size: 100% 1px;
    font-weight: normal;
    padding: 2px 5px;
    position: relative;
    text-decoration: none;
    transition: background-size .1s ease, color 0.1s ease;
}

.page_sommaire .actus__actu a:hover,
.page_article .contenu-principal p a:hover,
.page_article .contenu-principal ul li a:hover,
.page_article .contenu-principal ol li a:hover,
.page_article .contenu-principal blockquote a:hover,
.page_article .contenu-principal .google-fun-big a:hover,
.page_sommaire .actus__actu a:hover strong,
.page_article .contenu-principal p a:hover strong,
.page_article .contenu-principal ul li a:hover strong,
.page_article .contenu-principal ol li a:hover strong,
.page_article .contenu-principal blockquote a:hover strong,
.page_article .contenu-principal .google-fun-big a:hover strong{
    background-size: 100% 100%;
    color: #FFFFFF;
    font-weight: normal;
}


/* Liens dans les liens dans les tweets */
.page_sommaire .actus__actu a,
.page_sommaire .actus-flux a h3{
    background: -webkit-linear-gradient(#A9A9A9, #A9A9A9) bottom no-repeat;
    background: linear-gradient(#A9A9A9, #A9A9A9) bottom no-repeat;
    background-size: 100% 1px;
    color: #5A5A5A;
    transition: all 0.2s ease;
}
.page_sommaire .actus__actu a:hover,
.page_sommaire .actus-flux a:hover h3{
    background: -webkit-linear-gradient(#55acee, #55acee) bottom no-repeat;
    background: linear-gradient(#55acee, #55acee) bottom no-repeat;
    background-size: 100% 100%;
    color: #FFFFFF;
}



/* On réinitialise le style lorsqu'un lien contient une image */
.page_article .contenu-principal .img-corps-article a{
    background: -webkit-linear-gradient(transparent,transparent) bottom no-repeat;
    background: linear-gradient(transparent,transparent) bottom no-repeat;
}
.page_article .contenu-principal .img-corps-article a:hover{
    background: -webkit-linear-gradient(transparent,transparent) bottom no-repeat;
    background: linear-gradient(transparent,transparent) bottom no-repeat;
}

/* Titre dans le bandeau */
aside.bandeau-rubrique h1{
    font-size: 2em;
    letter-spacing: 8px;
    padding-top: 95px;
    position: absolute;
    text-transform: uppercase;
    z-index: 10;

    /* Ombre portée */
    text-shadow: 0 1px 1px rgba(102,102,102,0.8);
}



/* Liste non-ordonnée */
.page_article .contenu-principal ul{ margin: 0 0 1.2em 1em; }
.page_article .contenu-principal li{
	color: #5A5A5A;
	font-size: 1em;
	list-style: square;
	line-height: 1.4em;
	margin: 10px 10px 10px 40px;
}
.page_article .contenu-principal ul li{ list-style-image: url('../img/liste-style.png'); }
.page_article .contenu-principal form ul li{ list-style: none; }

/* Liste ordonnée */
.page_article ol{ counter-reset: nombre; margin-bottom: 30px; }
.page_article .contenu-principal ol li{
    list-style: none;
    counter-increment: nombre;
    margin: 10px 10px 10px 33px;
    position: relative;
}
.page_article ol li:before{
    background-color: #e7296c;
    content: counter(nombre);
    color: #FFFFFF;
    font-size: 1.625em;
    font-weight: normal;
    left: 70px;
    margin-left: -102px;
    min-width: 14px;
    padding: 2px 5px 7px 5px;
    position: absolute;
    text-align: center;
    top: -6px;
}
.page_article .contenu-principal ol li ol li{ margin-left: 23px; }
.page_article ol li ol li:before{
    background: url('../img/liste-style.png') no-repeat;
    content: '';
    height: 8px;
    left: 85px;
    position: absolute;
    top: 7px;
    width: 8px;
}


/* Hr */
hr.spip,
.page_article hr{
	border-top: 0;
	border-bottom: 1px solid #eeeeee;
	clear: both;
	margin: 0 auto 15px auto;
	width: 100%;
}

/* Blocquote */
.page_article blockquote.spip{
    background-color: #6cc4ca;
    color: #FFFFFF;
    font-family: 'raleway', 'Arial', sans-serif;
    font-style: italic;
    margin-bottom: 1em;
    margin-top: 1em;
    padding: 1.5em;
    position: relative;
}
.page_article blockquote.spip strong{ color: #FFFFFF; }
.page_article blockquote.spip p{
	color: #FFFFFF;
	font-size: 1em;
	font-family: 'raleway', 'Arial', sans-serif;
    margin-bottom: 0;
	padding-left: 47px;
    padding-right: 47px;
    text-align: center;
}



.page_article blockquote.spip:before,
.page_article .contenu-exergue blockquote.spip:before{
	background: url('../img/quote-ouvert.png') no-repeat;
	content: '';
	height: 20px;
	position: absolute;
	width: 30px;
}

.page_article blockquote.spip:after,
.page_article .contenu-exergue blockquote.spip:after{
    background: url('../img/quote-ferme.png') no-repeat;
    content: '';
    height: 20px;
    position: absolute;
    right: 1em;
    bottom: 1em;
    width: 30px;
}





.bandeau{
	background-color: #004B99;
	color: #FFFFFF;
	text-align: center;
	width: 100%;
}





.page_article .contenu-principal .bouton{ margin: 1em 0; text-align: center; }
.page_article .contenu-principal td .bouton{ margin: 1em 0; }


/* Decoration Bouton */
.page_article .contenu-principal .bouton{ text-align: center; }
.page_article .contenu-principal .bouton a{
    background-color: transparent;
    border: 1px solid #1d045a;
    color: #1d045a;
    display: inline-block;
    margin: 1em 0;
    padding: 12px 1.3em;
    text-align: center;
    transition: all 0.3s ease;
}
.page_article .contenu-principal .bouton a:hover{ background-color: #1d045a; color: #FFFFFF; }

.page_article .contenu-principal [class*="big-bouton"]{ text-align: center; }
.page_article .contenu-principal [class*="big-bouton"] a{
    background-color: transparent;
    border: 1px solid #1d045a;
    color: #1d045a;
    display: inline-block;
    font-size: 1.5em;
    margin: 1em 0;
    padding: 1em 2em;
    text-align: center;
    transition: all 0.3s ease;
}
.page_article .contenu-principal [class*="big-bouton"] a:hover{ background-color: #1d045a; color: #FFFFFF; }






.page_article .contenu-principal table .bouton a{
    background-color: transparent;
    border: 0;
    color: #1d045a;
    display: inline;
    margin: 0;
    padding: 7px 1em;
    text-align: center;
    text-decoration: underline;
    transition: background-color 0.3s ease, color 0.3s ease;
}
.page_article .contenu-principal table .bouton a:hover{ background-color: transparent; color: #1d045a; }



.page_article .contenu-principal .nomenclature li{
    list-style: none;
    list-style-image: none;
    margin: none;
}



/* Google maps sur les pages articles */
.google-fun{ width: 100%; }
.google-fun-big{
    display: block;
    margin: 0.5em;
    text-align: center;
}
.i4ewOd-pzNkMb-haAclf{ background-color: #DB2381 !important; }
/*#galerie{*/
    /*margin: 0 auto 1em auto;*/
    /*width: 94%;*/
/*}*/





/*------- Page Rubrique -------*/
.page_rubrique .contenu-principal .art-rub{  }
.page_rubrique .contenu-principal .art-rub__titre{
    color: #f79246;
    font-size: 24px;
    margin-bottom: 16px;
}

.page_rubrique .contenu-principal .art-rub__conteneur{
    margin-bottom: 32px;
    overflow: hidden;
}
.page_rubrique .contenu-principal .art-rub__img{
    float: left;
    margin-bottom: 8px;
    margin-right: 16px;
}
.page_rubrique .contenu-principal .art-rub__lien{
    display: block;
    margin-top: 8px;
    text-decoration: underline;
}

.page_rubrique .contenu-principal .art-rub__contenu{
    color: #5a5a5a;
    font-size: 14px;
    line-height: 1.4em;
}
/* Pagination */
.page_rubrique .contenu-principal .cont-pagination{
    text-align: center;
}
.page_rubrique .contenu-principal .cont-pagination .pages{
}
.page_rubrique .contenu-principal .cont-pagination .pages a{
    background-color: #d4d4d4;
    color: #545454;
    font-size: 18px;
    margin-left: 3px;
    padding: 5px 11px;
}
.page_rubrique .contenu-principal .cont-pagination .pages a:hover{
    background-color: #545454;
    color: #FFFFFF;
}
.page_rubrique .contenu-principal .cont-pagination .pages strong{
    background-color: #545454;
    color: #FFFFFF;
    font-size: 18px;
    margin-left: 3px;
    padding: 5px 11px;
}
.page_rubrique .contenu-principal .cont-pagination .pages .sep{ display: none; }







/*------- MODELE Galerie --------*/
.conteneur-jcarousel-galerie{
    margin: 1em 0;
    position: relative;
}

.jcarousel-galerie{
    position: relative;
    overflow: hidden;
}
.jcarousel-galerie .mediabox{ padding: 0 !important; }
.page_article .contenu-principal .jcarousel-galerie ul{
    width: 20000em;
    position: relative;
    max-height: 350px;
    margin: 0
}
.page_article .contenu-principal .jcarousel-galerie ul li {
    float: left;
    list-style: none;
    margin: 0;
    line-height: 0;
}

.jcarousel-galerie__lien{
    display: block;
    position: relative;
}
.jcarousel-galerie img {
    display: block;
    max-width: 100%;
    height: auto !important;
    width: 100%;
}
.conteneur-jcarousel-galerie .jcarousel-prev-galerie{
    background: #38C2CB  url("../img/flecheG-mini-carousel.png") no-repeat center center;
    cursor: pointer;
    height: 34px;
    left: 0;
    position: absolute;
    text-indent: -999999px;
    top: 45%;
    margin-top: -12px;
    padding: 5px;
    width: 26px;
    transition: all 0.3s ease;
}
.conteneur-jcarousel-galerie .jcarousel-next-galerie{
    background: #38C2CB  url("../img/flecheD-mini-carousel.png") no-repeat center center;
    cursor: pointer;
    height: 34px;
    position: absolute;
    right: 0;
    text-indent: -999999px;
    top: 45%;
    margin-top: -12px;
    padding: 5px;
    width: 26px;
    transition: all 0.3s ease;
}

/* Titre et descriptif pour les photos */
.jc-galerie-infos{
    background-color: rgba(255,255,255,0.9);
    bottom: 0;
    box-sizing: border-box;
    position: absolute;
    width: 100%;
}
.jc-galerie-infos__titre{
    font-family: 'raleway', 'Arial', sans-serif;
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 0 !important;
    padding: 0.5em 2em 0.5em 2em;
    color: #000e1f !important;
}
.jc-galerie-infos__descriptif{
    font-size: 0.9em !important;
    margin-bottom: 0 !important;
    overflow: hidden;
    padding: 0.5em 2em 0.5em 2em;
}

.jc-galerie-infos__titre + .jc-galerie-infos__descriptif{
    margin-top: -4px;
    padding: 0em 2em 0.7em 2em;
}


/*___________________________________________________*/
/*//////////////// TABLEAU //////////////////////////*/
.contenu-principal table.spip{
	box-shadow: 0 0 3px rgba(246, 190, 81, 0.2);
	font-size: 1em;
	font-family: 'raleway', 'Arial', sans-serif;
    margin-bottom: 30px;
    width: 100%;
}

.contenu-principal .spip th,
.contenu-principal .spip tr td{
    font-size: 1em;
    font-weight: normal;
    line-height: 1.3em;
    padding: 15px;
    vertical-align: middle;
    /*width: 1%;*/
}

.contenu-principal .spip tr td .img-corps-article{
    display: block;
    margin: auto;
}


/* Entete du tableau */
.contenu-principal .spip thead tr{
    background-color: #909722;
    color: #FFFFFF;
    font-size: 1em;
    text-align: left;
}

/* Corps du tableau */
.contenu-principal .spip tbody{ background-color: #F9F9F9; color: #5A5A5A; }
.contenu-principal .spip tbody tr{ border-bottom: 1px solid #fff1c4; }

.contenu-principal .spip tbody tr:nth-child(odd){ background-color: #ffffff; }
.contenu-principal .spip tbody  tr:nth-child(even){ background-color: #fcfdf6; }


/* Conférences */
.contenu-principal .spip td.sorting_1{ font-size: 1.2em; }

/* Tableau qui visite */
.contenu-principal .chiffres .spip { box-shadow: none;}
.contenu-principal .chiffres .spip tbody{ background-color: transparent; }
.contenu-principal .chiffres .spip tr{ border: 0; }
.contenu-principal .chiffres .spip tr td{ padding: 4px; }


.contenu-principal .chiffres-centre table td{
    font-size: 1.375em;
    text-align: center;
    border-right: 1px solid rgba(29,4,90,0.3);
}





.contenu-principal .contenu-exergue blockquote{
    background-color: #777777;
    float: left;
    margin-right: 1em;
    margin-bottom: 1em;
    width: 55%;
}
.contenu-principal .contenu-exergue blockquote p{
    padding-left: 33px;
    padding-right: 33px;
    text-align: center;
}
.contenu-principal .contenu-exergue blockquote strong{ color: #6F1635; }




/*________________________________________________________________*/
/*/////////////////// INTERVENANTS CONFERENCES ///////////////////*/
.intervenants_conferences{
	display: table;
}
.logo_auteur, .infos_auteur{
	display: table-cell;
	vertical-align: top;
}

.infos_auteur{ width: 86%; }
.infos_auteur p{ margin: 8px 0 0 8px; }


.contact.intervenant{
	margin-left: 0;
}

.page_article article#contenu-principal ul.filtres_conferences {
    padding: 0;
    margin: 1em 0;
}

.page_article article#contenu-principal ul.filtres_conferences li {
    list-style: none;
    padding: 0;
    margin: 0;
    display:inline-block;
    width: 50%;
}

#liste_conference small {
    display: block;
    margin-top: .3em;
}

a.mot_session {
    background: #a8a8a8;
    color: white;
    border-radius: .2em;
    padding: .2em .4em;
    font-size:.8em;

}

a.mot_session:hover {
    background: #979797;
}

a.groupe_4 {
    background: #EE852B;
}

a.groupe_4:hover {
    background: #D67827 ;
}






/* Pub page intérieure */
.pub-aside{
    clear: both;
    margin-top: 0.6em;
    margin-left: 0.6em;
}
.pub-aside img{
	/*margin-top: 20px;*/
}










/*************************************************/
/* 				BANDEAU RUBRIQUE		  	     */
/*************************************************/
.bandeau-rubrique{
	height: 225px;
	overflow: hidden;
	position: relative;
	width: 100%;

	-webkit-box-shadow: inset 0 8px 4px -8px rgba(31,52,115,.74), inset 0 -8px 4px -8px rgba(31,52,115,.74);
	box-shadow: inset 0 8px 4px -8px rgba(31,52,115,.74), inset 0 -8px 4px -8px rgba(31,52,115,.74);
}

.bandeau-voile{
	background-color: #000000;
	display: block;
	height: 774px;
	opacity: 0.3;
	position: absolute;
	width: 2500px;
	z-index: 9;
}





/*************************************************/
/* 			     	STRATE BANNIERE		  	     */
/*************************************************/
#banniere{ padding: 30px 0 30px 0; }
#banniere img{
	display: block;
	height: auto;
	margin: auto;
	max-width: 100%;
}







/*************************************************/
/* 				   Intervenants		  	         */
/*************************************************/
.intervenants{
    background-color: #000e1f;
    overflow: hidden;
    position: relative;
}
.intervenants .titre-strate{ color: #d80072; }
.intervenants .separation-titre-strate{ border: 0; border-bottom: 1px solid #FFFFFF; color: #FFFFFF; }
.conteneur-intervenants{ display: inline-block; margin-bottom: 3em; width: 100%; }

.intervenant{
    background: rgb(219,36,130);
    float: left;
    position: relative;
	height: 170px\9;
	width: 16.62%;
}

.intervenant img{
	display: block;
	height: 170px\9; /*Indispensable pour IE*/
    opacity: 0.95;
    transition: opacity 0.35s ease;
    width: 100%;
}
.intervenant:hover img{
    opacity: 0.6;
    filter: alpha(opacity=60); /* IE 8 */
}


/* Informations de l'intervenant affichées dans le tooltip */
.intervenant__tooltip{
    opacity: 0;
    margin-left: -27%;
    min-width: 260px;
    top: -105%;
    padding-bottom: 30px;
    position: absolute;
    text-align: right;
    transition: all 0.3s ease;
    z-index: -9;
}
.intervenant:hover .intervenant__tooltip{ opacity: 1; z-index: 9; }

.intervenant__nom{
    background-color: #d80072;
    box-sizing: border-box;
    box-shadow: 0 0 22px rgba(0,0,0,0.5);
    color: #FFFFFF;
    font-family: 'montserrat', 'Arial', sans-serif;
    font-size: 1.125em;
    font-weight: normal;
    padding: 10px 16px;
    text-align: left;
    z-index: 9;
}
.intervenant__tooltip:after{
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 16px 0 16px;
    border-color: #D80072 transparent transparent transparent;
    line-height: 0;
    margin-left: -56%;
    margin-left: 45%\9;
    position: absolute;
    _border-color: #D80072 #000000 #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}


.intervenant__infos{
    background-color: #000e1f;
    border-bottom: 3px solid #d80072;
    box-sizing: border-box;
    box-shadow: 0 7px 22px rgba(0,0,0,0.5);
    color: #FFFFFF;
    font-family: 'montserrat', 'Arial', sans-serif;
    font-size: 0.875em;
    min-height: 125px;
    opacity: 0.97;
    padding: 1.5em 1em 1.5em 1em;
}
.intervenant__societe{
    color: #D80072;
    display:block;
    font-size: 1.5em;
    margin-bottom: 3px;
}
.intervenant__fonction{
    font-weight: normal;
    font-family: 'raleway', Arial, sans-serif;
    font-size: 1.1em;
}


/* Ajout pour plus tard : action sur descriptif de l'intervenant */
/*.intervenant__infos{ display: table; }*/
/*.intervenant__societe-fonction{ display: table-cell; }*/
/*.intervenant__conference{*/
    /*background-color: #000e1f;*/
    /*border-bottom: 3px solid #d80072;*/
    /*display: table-cell;*/
    /*opacity: 0.9;*/
    /*padding: 1em;*/
    /*vertical-align: middle;*/
/*}*/
/*.intervenant-conferences__lien{*/
    /*color: #FFFFFF;*/
    /*display: block;*/
    /*font-family: 'raleway', Arial, sans-serif;*/
    /*font-size: 1em;*/
    /*background-color: #d80072;*/
    /*padding: 5px 10px;*/
    /*text-align: center;*/
/*}*/




/* Liens rapides de partage */
div.liens-partage{
	position: relative;
	left: 35px;
	top: 45px;
}
div.liens-partage a{
	color: #FFFFFF;
	font-family: 'montserrat', 'Arial', sans-serif;
	font-size: 14px;
}
div.liens-partage a:hover{
	color: #004B99;
}






/********************************************************************/
/* 		      Partenaires associatifs / Partenaires médias          */
/********************************************************************/
.logo-societes .titre-strate{ color: #231f20; }

.strate-logos_institutionnels{
    /*background-color: #FFFFFF;*/
	background: url('') repeat-x center bottom;
}
.strate-logos_institutionnels .centrage{
	min-height: 436px;
}
.strate-logos_institutionnels .centrage:before{
	background: url('') no-repeat;
	bottom: 0;
	content: ' ';
	height: 436px;
	left: -470px;
	position: absolute;
	width: 691px;
	z-index: -1;
}
.strate-logos_institutionnels .centrage:after{
	background: url('') no-repeat;
	bottom: 0;
	content: ' ';
	height: 394px;
	right: -370px;
	position: absolute;
	width: 604px;
	z-index: -1;
}


.logo-societes{
	overflow: hidden;
    padding-bottom: 50px;
}
.logo-societes article,
.logo-societes div.article,
.logo-societes ul li {
	float: left;
	/*height: 150px;*/
	margin-bottom: 15px;
	width: 20%;
}
.logo-societes img {
	display: block;
	margin: auto;
}
.logo-societes article h3 {
	position: absolute;
	text-indent: -9999999px;
}






/*____________________________________________________________________*/
/*////////////// FORMULAIRE DEMANDE D'INFORMATION ////////////////////*/
/* Surcharges pour titre, separation et sous titre de la strate salon*/
.bg-couleur .titre-strate--formulaire{ color: #e7296c; }
.bg-no-couleur .titre-strate--formulaire{ color: #506116; }

.bg-couleur .separation-titre-strate--formulaire{ border-top: 0; border-bottom: 1px solid #777777; }
.bg-no-couleur .separation-titre-strate--formulaire{ border-top: 0; border-bottom: 1px solid #777777; }

.bg-couleur .sous-titre-strate--formulaire{ color: #5A5A5A; }
.bg-no-couleur .sous-titre-strate--formulaire{ color: #5A5A5A; }




.page_sommaire .formulaire_formidable input[type="text"],
.page_sommaire .formulaire_formidable textarea{
    box-sizing: border-box;
    border: 0;
    box-shadow: 0 0 13px rgba(231,41,108,.16);
}


/* Message lorsque le formulaire a déjà été répondu */
.page_sommaire .form-information .reponse_formulaire{
    margin: auto auto 4em auto;
    width: 50%;
}
.page_sommaire .form-information .reponse_formulaire p{
    background-color: #2ecc71;
    padding: 1em 3em;
}



/*______________________________________________*/
/*------- Gestion des messages erreurs -------- */
.page_sommaire .formulaire_formidable .erreur.obligatoire textarea,
.page_sommaire .formulaire_formidable .erreur.obligatoire input,
.page_sommaire .formulaire_formidable .erreur.obligatoire select{
    background-color: rgb(255, 228, 228);
    /*border: 1px solid #d40500;*/
    border-bottom: 1px solid #D40500 !important;
}

.page_sommaire .formulaire_formidable .erreur_message{ display: none; }
.page_sommaire .formulaire_formidable .reponse_formulaire_erreur p{
	background-color: #e74c3c;
    color: #FFFFFF;
	font-family: 'raleway', 'Arial', sans-serif;
	font-size: 1em;
    padding: 1em 3em;
	text-align: center;
}
.page_sommaire .formulaire_formidable .reponse_formulaire_ok p{
    background-color: #2ecc71;
	color:  #FFFFFF;
	font-family: 'raleway', 'Arial', sans-serif;
	font-size: 1em;
    margin-bottom: 5em;
    padding: 0.5em;
    position: relative;
	text-align: center;
    z-index: 999;
}


/*_______________________________________*/
/*---------- Style champs Input ---------*/
.page_sommaire .formulaire_formidable .saisie_input,
.page_sommaire .formulaire_formidable .saisie_selection{
    box-sizing: border-box;
    float: right;
    margin-bottom: 10px;
    width: 48%;
}
.page_sommaire .formulaire_formidable .saisie_input label,
.page_sommaire .formulaire_formidable .saisie_selection label{ display: none; }
.page_sommaire .formulaire_formidable .saisie_input input,
.page_sommaire .formulaire_formidable .saisie_selection input{
    box-sizing: border-box;
    padding: 0.8em;
    width: 100%
}

/*____________________________________*/
/*---------- Style Textarea ----------*/
.page_sommaire .formulaire_formidable .saisie_textarea{
    float: left;
    margin-bottom: 15px;
    width: 50.5%;
}
.page_sommaire .formulaire_formidable .saisie_textarea label,
.page_sommaire .formulaire_formidable .saisie_textarea.erreur label{ display: none; }
.page_sommaire .formulaire_formidable .saisie_textarea textarea{
    height: 354px;
    padding: 10px;
    resize: none;
    width: 100%;
}

/*______________________________________________*/
/* ----------- Style de la Checkbox ------------*/
/* Cachons la case à cocher */
.page_sommaire .formulaire_formidable [type="checkbox"]:not(:checked),
.page_sommaire .formulaire_formidable [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
/* on prépare le label */
.page_sommaire .formulaire_formidable [type="checkbox"]:not(:checked) + label,
.page_sommaire .formulaire_formidable [type="checkbox"]:checked + label {
    display: block;
    position: relative;
    padding-left: 15%;
    cursor: pointer;
}

.page_sommaire .formulaire_formidable [type="checkbox"]:not(:checked) + label,
.page_sommaire .formulaire_formidable [type="checkbox"]:checked + label {
    padding-left: 2em;
}
/* Aspect des checkboxes */
/* :before sert à créer la case à cocher */
.page_sommaire .formulaire_formidable [type="checkbox"]:not(:checked) + label:before,
.page_sommaire .formulaire_formidable [type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 13px; height: 13px; /* dim. de la case */
  border: 1px solid #aaa;
  background: #ffffff;
}
/* Aspect général de la coche */
.page_sommaire .formulaire_formidable [type="checkbox"]:not(:checked) + label:after,
.page_sommaire .formulaire_formidable [type="checkbox"]:checked + label:after {
  content: '✔';
  position: absolute;
  top: -5px; left: 5px;
  font-size: 14px;
  color: #909722;
  transition: all .2s; /* on prévoit une animation */
}
/* Aspect si "pas cochée" */
.page_sommaire .formulaire_formidable [type="checkbox"]:not(:checked) + label:after {
  opacity: 0; /* coche invisible */
  transform: scale(0); /* mise à l'échelle à 0 */
}
/* Aspect si "cochée" */
.page_sommaire .formulaire_formidable [type="checkbox"]:checked + label:after {
  opacity: 1; /* coche opaque */
  transform: scale(1); /* mise à l'échelle 1:1 */
}

/*________________________________________*/
/*----------- Style bouton radio ---------*/
.page_sommaire .formulaire_formidable [type="radio"]:not(:checked),
.page_sommaire .formulaire_formidable [type="radio"]:checked {
    position: absolute;
    left: -9999px;
    display: inline-block;
    vertical-align: middle;
}
/* on prépare le label */
.page_sommaire .formulaire_formidable [type="radio"]:not(:checked) + label,
.page_sommaire .formulaire_formidable [type="radio"]:checked + label {
    display: block;
    position: relative;
    padding-left: 30px;
    line-height: 1.9em;
    cursor: pointer;
    vertical-align: middle;
}
/* Aspect des radios */
/* :before sert à créer la case à cocher */
.page_sommaire .formulaire_formidable [type="radio"]:not(:checked) + label:before,
.page_sommaire .formulaire_formidable [type="radio"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    width: 21px; height: 21px;
    border: 1px solid #aaa;
    background: #ffffff;
    border-radius: 30px;
}
/* Aspect général de la coche */
.page_sommaire .formulaire_formidable [type="radio"]:not(:checked) + label:after,
.page_sommaire .formulaire_formidable [type="radio"]:checked + label:after {
    background: url('../img/radio_ckecked.png');
    content: '';
    position: absolute;
    top: 9px; left: 4px;
    font-size: 14px;
    color: #09ad7e;
    transition: all .2s;
    height: 15px;
    width: 15px;
}
/* Aspect si "pas cochée" */
.page_sommaire .formulaire_formidable [type="radio"]:not(:checked) + label:after{
    opacity: 0;
    transform: scale(0);
}
/* Aspect si "cochée" */
.page_sommaire .formulaire_formidable [type="radio"]:checked + label:after{
    opacity: 1;
    transform: scale(1);
}

/*__________________________________________*/
/*----------- Style bouton Select ----------*/
/* Label */
.page_sommaire .formulaire_formidable .saisie_selection label{
    float: left;
    width: 45%;
}
/* Champs select */
.page_sommaire .formulaire_formidable .saisie_selection select{
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #FFFFFF url("../img/fleche-select.png") no-repeat scroll 100% 1%;
    border-radius: 0;
    border: 0;
    padding: 0.8em;
    width: 100%;
}
.page_sommaire .formulaire_formidable .saisie_selection select option:first-child{
    color: #898989;
}

/* Suppression de la fleche pour IE 10
Pour les autres IE < 10, voir commentaire conditionnel */
select::-ms-expand { display: none; }

/*__________________________________________*/
/*--------- Style des Placeholder ----------*/
.page_sommaire .formulaire_formidable [placeholder]{
    color: #898989;
    font-family: 'raleway', 'Arial', sans-serif;
    font-size: 14px;
}

/*___________________________________________*/
/*----------- Style bouton Submit -----------*/
.page_sommaire .formulaire_formidable p.boutons{
    clear: both;
    display: inherit;
    padding: 1.4em 0 3em 0;
    text-align: center;
}
.page_sommaire .formulaire_formidable input[type="submit"].submit{
    background-color: #777777;
    border: 0;
    box-sizing: border-box;
    box-shadow: none;
    color: #FFFFFF;
    display: inline;
    font-family: 'raleway', 'Arial', sans-serif;
    font-size: 1em;
    padding: 15px 35px 15px 35px;
    width: auto;
    transition: all 0.3s ease;
}
.page_sommaire .formulaire_formidable input[type="submit"].submit:hover{
    cursor: pointer;
    background-color: #e7296c;
}




/* Style du formulaire pour la page d'information du sommaire */
/* Couleur de remplissage du svg en fond du formulaire */
.form-information svg { display: none; }
.form-information polygon{ fill: #262626; fill-opacity: 0.5; }

/* Icone en BG à côté du formulaire */
.form-information .centrage:after,
.form-information .centrage:before{ content: ''; position: absolute; }

.form-information{
    background-color: #fef8fa;
    overflow: hidden;
    position: relative;
}
.form-information form{ position: relative; z-index: 10; }
.form-information ul{
    display: inline-block;
    position: relative;
    z-index: 9;
}
.form-information form > div,
.form-information .ajax{
    margin-left: 15%;
    margin-right: 15%;
    width: 70%;
}




/*___________________________________________________________________________*/
/*/////////// CHECKBOX pour formulaire demande d'information ////////////////*/
/* Mis en forme des checkbox (exposer/visiter/sponsoriser) */
.page_sommaire .formulaire_formidable form .saisie_checkbox,
.page_sommaire .formulaire_formidable form .saisie_radio{
    display: table;
    margin: auto;
    margin-bottom: 3em;
    text-align: center;
    width: 80%;
}

.page_sommaire .formulaire_formidable form .saisie_checkbox > label,
.page_sommaire .formulaire_formidable form .saisie_radio > label{
    color: #898989;
    display: table-caption;
    font-family: 'raleway','Arial',sans-serif;
    font-size: 1.2em;
    padding-bottom: 1em;
    text-align: center;
}
.page_sommaire .formulaire_formidable form .saisie_checkbox .choix,
.page_sommaire .formulaire_formidable form .saisie_radio .choix{
    display: inline-block;
    margin-bottom: 0.4em;
    vertical-align: top;
}


/* Spécificité pour bouton checkbox */
.page_sommaire .formulaire_formidable form .saisie_checkbox .choix > label{
    background-color: #777777;
    color: #FFFFFF;
    font-family: 'raleway', 'Arial', sans-serif;
    padding: 0.5em 2em 0.5em 3em;
    text-align: center;
}
.page_sommaire .formulaire_formidable form .saisie_checkbox .choix > label:before{
    border: 0;
    height: 18px;
    left: 7px;
    top: 7px;
    width: 18px;
}
.page_sommaire .formulaire_formidable [type="checkbox"]:not(:checked) + label,
.page_sommaire .formulaire_formidable [type="checkbox"]:checked + label{
    margin-left: 0.2em;
    margin-right: 0.2em;
    padding-left: 2em;
}
.page_sommaire .formulaire_formidable [type="checkbox"]:not(:checked) + label:after,
.page_sommaire .formulaire_formidable [type="checkbox"]:checked + label:after{
    content: url('../img/check-form-accueil.png');
    color: #e7296c;
    left: 8px;
    top: -5px;
}


/* Spécificité pour bouton radio */
.page_sommaire .formulaire_formidable form .saisie_radio .choix > label{
    font-family: 'raleway', 'Arial', sans-serif;
    padding: 0 2em;
    text-align: center;
}
.page_sommaire .formulaire_formidable form .saisie_radio .choix > label:before{ left: 0; top: 3px; }

.page_sommaire .formulaire_formidable [type="radio"]:not(:checked) + label:after,
.page_sommaire .formulaire_formidable [type="radio"]:checked + label:after{ left: 4px; top: 7px; }


/* Submit */
.page_sommaire .formulaire_formidable input[type="submit"].submit{
    background-color: #E7296C;
    border: 0;
    font-size: 1.2em;
    padding: 12px 35px;
}
.page_sommaire .formulaire_formidable input[type="submit"].submit:hover{ background-color: #bf1954; }










/*/////////// MISE EN FORME FORMULAIRE POUR PAGE INTERIEURE ///////////*/
/*.page_formulaire .contenu-principal .formulaire_formidable ul,*/
/*.page_article .contenu-principal .formulaire_formidable ul{*/
	/*margin: 3% 5% 1em 5%;*/
	/*width: 90%;*/
/*}*/
/*.page_formulaire li.saisie_radio,*/
/*.page_article li.saisie_radio{*/
	/*margin: auto;*/
	/*margin-bottom: 20px;*/
/*}*/
/*.page_formulaire .saisie_textarea,*/
/*.page_formulaire .saisie_textarea textarea,*/
/*.page_article .saisie_textarea,*/
/*.page_article .saisie_textarea textarea{*/
	/*/!*margin-bottom: 15px;*!/*/
	/*width: 100%;*/
/*}*/

/*.page_formulaire form li,*/
/*.page_article form li{*/
	/*list-style: none;*/
	/*margin: auto;*/
/*}*/
/*.page_formulaire .saisie_textarea,*/
/*.page_article .saisie_textarea{*/
    /*margin: auto auto auto auto; /!*15px auto auto auto*!/*/
/*}*/
/*.page_formulaire .saisie_input,*/
/*.page_article .saisie_input{*/
    /*float: none;*/
	/*margin-bottom: 15px;*/
	/*width: 100%;*/
/*}*/
/*.page_formulaire .contenu-principal li.saisie_input input,*/
/*.page_article .contenu-principal li.saisie_input input,*/
/*.page_formulaire .contenu-principal li.saisie_textarea textarea,*/
/*.page_article .contenu-principal li.saisie_textarea textarea{*/
    /*width: 100%;*/
/*}*/

/*.page_formulaire li.saisie_textarea textarea,*/
/*.page_article li.saisie_textarea textarea{ min-height: 0 !important; }*/





/*.contenu-principal .formulaire_formidable .choix{*/
    /*display: inline-block;*/
    /*font-size: 0.85em;*/
    /*vertical-align: top;*/
    /*/!*width: 49%;*!/*/
/*}*/
/*.contenu-principal .formulaire_formidable li{ margin: 0 0 1em 0; }*/

/*.contenu-principal .formulaire_formidable .saisie_checkbox{ margin-bottom: 1em; }*/
/*.contenu-principal .formulaire_formidable .saisie_checkbox > label{*/
    /*color: #5A5A5A;*/
    /*/!*display: block;*!/*/
    /*font-size: 1.1em;*/
/*}*/
/*.contenu-principal .formulaire_formidable label .obligatoire{ color: #EC729D; }*/
/*.contenu-principal .formulaire_formidable label{ font-family: 'Raleway', sans-serif; }*/

/*/!* Lorsqu'un groupe de checkbox suit un input, on lui applique une marge top *!/*/
/*.contenu-principal .formulaire_formidable .saisie_input + .saisie_checkbox{*/
    /*display: inline-block;*/
    /*margin-top: 1em;*/
/*}*/










/*___________________ Mise en forme globale des formulaires dans les pages intérieures ______________________*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.page_article .contenu-principal .formulaire_formidable .cont-saisie,
.page_formulaire .contenu-principal .formulaire_formidable .cont-saisie{
    margin: 1em auto auto auto;
    width: 100%;
}
.page_article .contenu-principal .formulaire_formidable fieldset > ul,
.page_formulaire .contenu-principal .formulaire_formidable fieldset > ul,
.page_article .contenu-principal .formulaire_formidable fieldset .editer-groupe,
.page_formulaire .contenu-principal .formulaire_formidable fieldset .editer-groupe{
    box-sizing: border-box;
    padding-left: 1.7em;
}








.page_article .contenu-principal .formulaire_formidable ul > li,
.page_formulaire .contenu-principal ul li,
.page_article .contenu-principal .formulaire_formidable ul > div, /* Je sais, je sais !!! */
.page_formulaire .contenu-principal ul div,
.page_article .contenu-principal .formulaire_formidable .cont-saisie .editer,
.page_formulaire .contenu-principal .formulaire_formidable .cont-saisie .editer,
.page_article .contenu-principal .formulaire_spip .editer-groupe .editer,
.page_formulaire .contenu-principal .formulaire_formidable .fieldset,
.page_formulaire .contenu-principal .formulaire_formidable .editer-groupe .editer{
    box-sizing: border-box;
    list-style: none;
    line-height: 1.4em;
    margin: 5px 0 12px 0; /*MYK*/
    overflow: hidden;
    padding: 0 5px 2px 5px;
}


/* Style général pour les label */
.page_article li > label,
.page_formulaire li > label,
.page_article .editer > label,
.page_formulaire .editer > label,
.page_article li[class^="selecteur_de_"] label,
.page_formulaire li[class^="selecteur_de_"] label,
.page_article .editer[class^="selecteur_de_"] label,
.page_formulaire .editer[class^="selecteur_de_"] label{
    color: #57789A; /* #757B71 */
    font-size: 1em;
    font-family: 'raleway', sans-serif;
    padding-right: 8px; /* Pour assurer le coup si l'animation de l'erreur du message est activée */
}

/* Mise en forme des textarea */
.page_article .saisie_textarea,
.page_formulaire .saisie_textarea{
    list-style: none;
    margin: auto;
    width: 100%;
}
.page_article .saisie_textarea textarea,
.page_formulaire .saisie_textarea textarea{
    box-sizing: border-box;
    padding: 1.4%;
    resize: none;
    width: 100%;
}

/* Mise en forme des input */
.page_article .saisie_input,
.page_formulaire .saisie_input{
    clear: both;
    width: 100%;
}
.page_article .saisie_input input,
.page_formulaire .saisie_input input{
    box-sizing: border-box;
    padding: 10px;
    width: 100%;
}


/*____________________________________*/
/*////////////// RADIO ///////////////*/
.page_article .saisie_radio,
.page_formulaire .saisie_radio{
    margin: auto;
    margin-bottom: 20px;
}
.page_article .saisie_radio > label,
.page_formulaire .saisie_radio > label{ margin-bottom: 0.5em; }

.page_article .saisie_radio .choix,
.page_formulaire .saisie_radio .choix{ margin: 0 0 4px 1em; }


.page_article li[class*="editer_civilite"] .choix,
.page_formulaire li[class*="editer_civilite"] .choix,
.page_article .editer[class*="editer_civilite"] .choix,
.page_formulaire .editer[class*="editer_civilite"] .choix{
    display: inline-block;
    margin-left: 10px;
}
/* couleurs des label pour chaque champs input radio */
.page_article .saisie_radio .choix label,
.page_formulaire .saisie_radio .choix label{
    color: #5A5A5A;
    font-size: 0.9em;
}

.page_article [type="radio"]:not(:checked),
.page_article [type="radio"]:checked,
.page_formulaire [type="radio"]:not(:checked),
.page_formulaire [type="radio"]:checked {
    position: absolute;
    left: -9999px;
    display: inline-block;
    vertical-align: middle;
}

/* on prépare le label */
.page_article [type="radio"]:not(:checked) + label,
.page_article [type="radio"]:checked + label,
.page_formulaire [type="radio"]:not(:checked) + label,
.page_formulaire [type="radio"]:checked + label {
    position: relative;
    padding-left: 30px;
    line-height: 1.5em;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}

/* Aspect des radio */
/* :before sert à créer la case à cocher */
.page_article [type="radio"]:not(:checked) + label:before,
.page_article [type="radio"]:checked + label:before,
.page_formulaire [type="radio"]:not(:checked) + label:before,
.page_formulaire [type="radio"]:checked + label:before {
    content: '';
    position: absolute;
    left: 1px; top: 1px;
    width: 19px; height: 19px; /* dim. de la case */
    border: 1px solid #aaa;
    background: #ffffff;
    border-radius: 30px;
}

/* Aspect général de la coche */
.page_article [type="radio"]:not(:checked) + label:after,
.page_article [type="radio"]:checked + label:after,
.page_formulaire [type="radio"]:not(:checked) + label:after,
.page_formulaire [type="radio"]:checked + label:after{
    background: url('../img/radio-ckecked.png');
    content: '';
    position: absolute;
    top: 4px; left: 4px;
    font-size: 14px;
    color: #43D683;
    transition: all .2s;
    height: 15px;
    width: 15px;
}
/* Aspect si "pas cochée" */
.page_article [type="radio"]:not(:checked) + label:after,
.page_formulaire [type="radio"]:not(:checked) + label:after{
    opacity: 0; /* coche invisible */
    transform: scale(0); /* mise à l'échelle à 0 */
}
/* Aspect si "cochée" */
.page_article [type="radio"]:checked + label:after,
.page_formulaire [type="radio"]:checked + label:after{
    opacity: 1; /* coche opaque */
    transform: scale(1); /* mise à l'échelle 1:1 */
}



/*_____________________________________*/
/*///////////// CHECKBOX //////////////*/
.page_article .saisie_checkbox .choix,
.page_formulaire .saisie_checkbox .choix{ margin-left: 1em; }

/* Le label principal du groupe de checkbox */
.page_article .saisie_checkbox > label,
.page_formulaire .saisie_checkbox > label{
    display: inline-block;
    margin-bottom: 0.5em;
}

.page_article .saisie_checkbox.erreur > label,
.page_formulaire .saisie_checkbox.erreur > label{ display: inline-block; width: 60%; }
.page_article .saisie_checkbox.erreur > .explication,
.page_formulaire .saisie_checkbox.erreur > .explication{ display: inline-block; width:60%; }

/* Le label de chaque checkbox */
.page_article .saisie_checkbox .choix label,
.page_formulaire .saisie_checkbox .choix label{
    color: #5A5A5A;
    display: inline-block;
    font-size: 0.9em;
}

/* On met en gras le label si on coche une checkbox */
.page_article [type="checkbox"]:checked + label,
.page_formulaire [type="checkbox"]:checked + label{ font-weight: bold; }


/* Cachons la case à cocher */
.page_article [type="checkbox"]:not(:checked),
.page_article [type="checkbox"]:checked,
.page_formulaire [type="checkbox"]:not(:checked),
.page_formulaire [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

/* on prépare le label */
.page_article [type="checkbox"]:not(:checked) + label,
.page_article [type="checkbox"]:checked  + label,
.page_formulaire [type="checkbox"]:not(:checked)  + label,
.page_formulaire [type="checkbox"]:checked  + label{
    display: block;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
}

/* Aspect des checkboxes */
/* :before sert à créer la case à cocher */
.page_article [type="checkbox"]:not(:checked) + label:before,
.page_article [type="checkbox"]:checked + label:before,
.page_formulaire [type="checkbox"]:not(:checked) + label:before,
.page_formulaire [type="checkbox"]:checked + label:before{
    background: #ffffff;
    border: 1px solid #BDBDBD;
    content: '';
    left: 0;
    position: absolute;
    top: 3px;
    width: 13px; height: 13px; /* dim. de la case */
}

/* Aspect général de la coche */
.page_article [type="checkbox"]:not(:checked) + label:after,
.page_article [type="checkbox"]:checked + label:after,
.page_formulaire [type="checkbox"]:not(:checked) + label:after,
.page_formulaire [type="checkbox"]:checked + label:after {
    content: '✔';
    position: absolute;
    top: -4px; left: 4px;
    font-size: 14px;
    font-weight: normal;
    color: #43D683; /* couleur de la checkbox */
    transition: all .2s;
}

/* Aspect si "pas cochée" */
.page_article [type="checkbox"]:not(:checked) + label:after,
.page_formulaire [type="checkbox"]:not(:checked) + label:after {
    opacity: 0; /* coche invisible */
    transform: scale(0); /* mise à l'échelle à 0 */
}
/* Aspect si "cochée" */
.page_article [type="checkbox"]:checked + label:after,
.page_formulaire [type="checkbox"]:checked + label:after{
    opacity: 1; /* coche opaque */
    transform: scale(1.8); /* mise à l'échelle 1:1 */
}



/*__________________________*/
/*///////// SELECT /////////*/
.page_article select,
.page_formulaire select{
    border: 0 solid #bebebe;
    border-radius: 0;
    box-sizing: border-box;
    color: #4D4D4D;
    font-size: 1em;
    margin-left: 0;
    padding: 1%;
    width: 100%;
}

/* Changement flèche pour les selects */
/* Fonctionne uniquement pour les navigateurs récents */
@supports ((-webkit-appearance: none) or (-moz-appearance: none) or (-ms-appearance: none) or (appearance: none)){
    /* Code pour afficher fleche personnalisée pour tous les navigateurs sur les champs select*/
    .page_article .saisie_selection,
    .page_formulaire .saisie_selection{
        display: inline-block;
        margin: 0;
        min-width: 195px;
        overflow: hidden;
        vertical-align: middle;
        width: 100%;
    }

    .page_article select,
    .page_formulaire select{
        -webkit-appearance: none;
        -moz-appearance: none;
        background: #fff url("../img/contact-select.png") no-repeat scroll 100.2% center;
        cursor: pointer;
        height: 33px; /* Définition d'une hauteur pour la bordure d'erreur */
        padding-right: 55px;
        width: 100%;
    }
    /* On change l'image de la flèche si le champs est obligatoire et n'est pas renseigné */
    .page_article .erreur select,
    .page_formulaire .erreur select{
        background: #fff url("../img/contact-select-erreur.png") no-repeat scroll right center;
    }
    .page_article .erreur-corrige select,
    .page_formulaire .erreur-corrige select{
        background: #fff url("../img/contact-select-success.png") no-repeat scroll right center;
    }
}



/*________________________*/
/*//////// SUBMIT ////////*/
/* Styles commun à tous les submit */
.page_article input[type="submit"],
.page_formulaire input[type="submit"]{
    color: #FFFFFF;
    font-family: 'raleway', sans-serif;
    font-size: 1em;
}

/* Bouton submit pour les formulaires */
.page_article input[type="submit"],
.page_formulaire input[type="submit"],
.page_article .boutons a,
.page_formulaire .boutons a{
    background-color: #e67e22;
    border: none;
    color: #fff;
    display: block;
    margin: 2em auto;
    padding: 0.7em 1.7em;
    text-transform: uppercase;
    transition: background-color 0.4s ease;
}

.page_article  input[type="submit"]:hover,
.page_formulaire  input[type="submit"]:hover,
.page_article .boutons a:hover,
.page_formulaire .boutons a:hover{
    background-color: #d35400;
    cursor: pointer;
}




/* MESSAGE D'ERREUR GENERALE (si le champs obligatoire n'est pas renseignée) */
/* Message d'erreur si information obligatoire */
.erreur_message{
    background-color: #EF4F4F;
    color: #FFFFFF;
    float: right;
    font-size: 0.8em;
    position: relative;
    padding: 7px;
    color: white !important;
    z-index: -1;
}

/* Autre texte d'indication */
.page_article .warning,
.page_formulaire .warning {
    color: #EF4F4F;
    font-size: 1.125em;
}

/* Indication sur le remplisage des champs */
.page_article .explication,
.page_formulaire .explication,
.page_article .explication,
.page_formulaire .explication{
    font-size: 0.9em;
    font-style: italic;
    color: #FF934C;
    padding-left: 25px;
    text-align: left;
    margin-bottom: 0;
    margin-left: -26px;
}
.page_article .explication:before,
.page_formulaire .explication:before{
    /*background: transparent url('../images/informations.png') no-repeat;*/
    content: '';
    height: 20px;
    margin-top: 2px;
    margin-left: -24px;
    position: absolute;
    width: 20px;
}


/** Formulaire **/
.page_article .formulaire_formidable .reponse_formulaire,
.page_formulaire .formulaire_formidable .reponse_formulaire{
    background: none;
    box-sizing: border-box;
    font-size: 1.2em;
    font-weight: normal;
    margin-bottom: 1em;
    padding: 1em 2em;
    text-align: center;
}

.page_article .formulaire_formidable .reponse_formulaire_ok p,
.page_formulaire .formulaire_formidable .reponse_formulaire_ok p,
.page_article .formulaire_formidable .reponse_formulaire_erreur p,
.page_formulaire .formulaire_formidable .reponse_formulaire_erreur p{
    color: #FFFFFF;
    margin-bottom: 0;
}

.page_article .formulaire_formidable .reponse_formulaire_ok,
.page_formulaire .formulaire_formidable .reponse_formulaire_ok{ background-color: #2ecc71; }

.page_article .formulaire_formidable .reponse_formulaire_erreur,
.page_formulaire .formulaire_formidable .reponse_formulaire_erreur{ background-color: #EF4F4F; }




/* Styles commun aux input, textarea, select */
.page_article .saisie_input input,
.page_formulaire .saisie_input input,
.page_article .saisie_textarea textarea,
.page_formulaire .saisie_textarea textarea,
.page_article .saisie_selection select,
.page_formulaire .saisie_selection select{
    background-color: #FFFFFF;
    box-shadow: 0 0 3px rgba(0,75,153,0.2);
    color: #666666;
    font-size: 0.9em;
    font-family: 'raleway', sans-serif;
    font-weight: normal;
    border: 1px solid rgba(0,0,0,0);
    margin-left: 0;
    transition: border 0.4s ease;
    width: 100%;
}

/* Lorsqu'un élément de formulaire prend le focus */
.page_article .saisie_input input:focus,
.page_formulaire .saisie_input input:focus,
.page_article .saisie_textarea textarea:focus,
.page_formulaire .saisie_textarea textarea:focus,
.page_article .saisie_selection select:focus,
.page_formulaire .saisie_selection select:focus{
    background-color: #FFFFFF;
    border: 1px solid rgba(50, 110, 173,0.5);
}

/* Style pour les erreurs sur les champs obligatoires */
.page_article .erreur [type="radio"]:not(:checked) + label:before,
.page_formulaire .erreur [type="radio"]:not(:checked) + label:before,
.page_article .erreur [type="checkbox"]:not(:checked) + label:before,
.page_formulaire .erreur [type="checkbox"]:not(:checked) + label:before,
.page_article .erreur input,
.page_formulaire .erreur input,
.page_article .erreur textarea,
.page_formulaire .erreur textarea,
.page_article .erreur select,
.page_formulaire .erreur select{
    background-color: #FBE3E4;
    box-shadow: 0 0 4px rgba(255,0,0,0.2);
    border: 1px solid #FF9F9F;
    transition: background-color 0.4s ease;
}

/*A revoir car l'interet n'est pas très clair à part pour le focus */
.page_article .erreur [type="radio"]:not(:checked) + label:before,
.page_formulaire .erreur [type="radio"]:not(:checked) + label:before,
.page_article .erreur [type="checkbox"]:not(:checked) + label:before,
.page_formulaire .erreur [type="checkbox"]:not(:checked) + label:before,
.page_article .erreur input:focus,
.page_formulaire .erreur input:focus,
.page_article .erreur textarea:focus,
.page_formulaire .erreur textarea:focus,
.page_article .erreur select:focus,
.page_formulaire .erreur select:focus{
    border: 1px solid #FF9F9F; /* On peut définir une couleur de bordure différente si on le souhaite pour les erreurs */
    background-color: #FFFFFF;
}



/* Style lorsqu'un champs marqué en rouge (obligatoire) est rempli */
.page_article .erreur-corrige [type="radio"]:not(:checked) + label:before,
.page_formulaire .erreur-corrige [type="radio"]:not(:checked) + label:before,
.page_article .erreur-corrige [type="checkbox"]:not(:checked) + label:before,
.page_formulaire .erreur-corrige [type="checkbox"]:not(:checked) + label:before,
.page_article .erreur-corrige input,
.page_formulaire .erreur-corrige input,
.page_article .erreur-corrige textarea,
.page_formulaire .erreur-corrige textarea,
.page_article .erreur-corrige select,
.page_formulaire .erreur-corrige select{
    background-color: #E1FFDE;
    box-shadow: 0 0 4px #33FF00;
    border: 1px solid #46CE2C;
    transition: background-color 0.4s ease;
}
.page_article .erreur-corrige [type="radio"]:not(:checked) + label:before,
.page_formulaire .erreur-corrige [type="radio"]:not(:checked) + label:before,
.page_article .erreur-corrige [type="checkbox"]:not(:checked) + label:before,
.page_formulaire .erreur-corrige [type="checkbox"]:not(:checked) + label:before,
.page_article .erreur-corrige input:focus,
.page_formulaire .erreur-corrige input:focus,
.page_article .erreur-corrige textarea:focus,
.page_formulaire .erreur-corrige textarea:focus,
.page_article .erreur-corrige select:focus,
.page_formulaire .erreur-corrige select:focus{
    border: 1px solid #46CE2C; /* On peut définir une couleur de bordure différente si on le souhaite pour les erreurs */
    background-color: #FFFFFF;
}



/* BONUS : lorsque l'on rajoute la classe anim-erreur-message, on cache le texte lié à l'erreur sur le champs
  et on l'anim en javascript lorsque l'on clique sur un champs*/
.page_article .anim-erreur-message .saisie_checkbox .choix{ background-color: #F9F9F9; }
.page_formulaire .anim-erreur-message .saisie_checkbox .choix{ background-color: #F9F9F9; }
.page_article .anim-erreur-message .erreur_message,
.page_formulaire .anim-erreur-message .erreur_message{
    opacity: 0;
    position: relative;
    top: 80px;
    z-index: -9;
}

/*___________________________________________*/
/*////////// Captcha des formulaires ////////*/
/* Position centrée du captcha */
.g-recaptcha{ text-align: center; }
.g-recaptcha > div{ display: inline-block; }

/*_______________ FIN FORMULAIRE ________________*/
/*************************************************/









/*______________ FOOTER ______________*/
/*////////////////////////////////////*/
.main-footer{ background-color: #231F20; clear: both; }
.main-footer .centrage{ padding: 1em 0; }
/* Titre des différents bloc dans le footer */
.main-footer__titre{
    color: #FFFFFF;
    display: block;
    font-family: 'raleway', 'Arial', sans-serif;
    font-size: 0.8em;
    font-weight: normal;
    margin-bottom: 0.6em;
}
.main-footer__titre span{ display: block; padding-bottom: 10px; }
.main-footer__titre select{ width: 220px; }



/*/!* Fitre sur les logos des sociétés organisatrices *!/*/
/*.main-footer__cont-coorganisateurs img,*/
/*.main-footer__cont-organisateurs img{*/
    /*-webkit-filter: grayscale(100%);*/
    /*filter: grayscale(100%);*/
/*}*/


/*______________ Sociétés co-organistrices _____________*/
.main-footer__cont-coorganisateurs{
    box-sizing: border-box;
    display: inline-block;
    padding: 0.5em;
    text-align: center;
    vertical-align: middle;
    width: 30%;
}

/*______________ Sociétés organisatrices _____________*/
/* Conteneur principal des principales sociétés organisatrices */
.main-footer__cont-organisateurs{
    box-sizing: border-box;
    display: inline-block;
    padding: 0.5em;
    vertical-align: middle;
    width: 55%;
}
/* Les sociétés organisatrice */
.main-footer__organisateurs{
    border-right: 1px solid #676465;
    display: inline-block;
    padding-right: 2%;
    text-align: center;
    vertical-align: middle;
    width: 40%;
}
/*Les autres marques du principal groupe organisateur */
.main-footer__sites-groupes{
    display: inline-block;
    padding-left: 2%;
    text-align: left;
    vertical-align: middle;
    width: 52%;
}
.main-footer__sites-groupes li{
    color: #FFFFFF;
    display: inline-block;
}
.main-footer__sites-groupes li a{
    color: #FFFFFF;
    font-family: 'raleway', 'Arial', sans-serif;
    font-size: 0.8em;
}





/*___________ Autres informations pour le footer _______________*/
/*///////////////////// Mentions légales ///////////////////////*/
.main-footer__autres{
    box-sizing: border-box;
    display: inline-block;
    /*text-align: center;*/
    vertical-align: middle;
    width: 13%;
}

.main-footer__autres .menu-liste .menu-entree { margin: 8px 0; }
.main-footer__autres .menu-liste .menu-entree a,.menu-items__lien ipd-cmp-consent-link{
    color: white;
    font-family: 'raleway', 'Arial', sans-serif;
    text-decoration: underline;

}

.main-footer__mentions-legales{
    position: absolute;
    right: 0;
    top: 12px;
}
.main-footer__mentions-legales a{
    color: #666666;
    display: block;
    font-family: 'raleway', 'Arial', sans-serif;
    font-size: 0.9em;
    padding: 5px 30px 5px 9px;
}
.main-footer__mentions-legales a:after{
    background: url("../img/fleche-footer-grise.png");
    content: '';
    height: 15px;
    margin-left: 5px;
    position: absolute;
    top: 5px;
    width: 19px;
}
.main-footer__mentions-legales a:hover:after{ background: url("../img/fleche-footer-blanche.png"); }
.main-footer__mentions-legales a:hover{ background-color: #666666; color: #FFFFFF; }
/*------------------ Fin Mentions légales --------------*/






/*______________________________________________*/
/*///////////////// PARTAGEURS /////////////////*/
.page_article .partageurs{
    display: inline-block;
/*    width: 37%;*/
}
.page_article .partageurs a img{
    display: inline-block;
    left: -6px;
    position: relative;
    vertical-align: middle;
}
.page_article .partageurs a{
    background-color: #a0da26;
    color: #ffffff;
    display: inline-block;
    font-family: 'raleway', 'Arial', sans-serif;
    font-size: 0.8em;
    padding: 0 8px;
    text-align: center;
    transition: background-color 0.3s ease 0s;
}
.page_article .partageurs a:hover{
    background-color: #93C42D;
}







/*______________________________________________________________________________*/
/*///////////////// LISTE ALPHABETIQUE (pour le trombinoscope) /////////////////*/
/*///////// Bouton reload ////////*/
.maj-reload{ display: table; margin-bottom: 1em; width: 100%; }
/* Date de mise à jour de la liste */
.contenu-principal .reload-liste{ text-align: center; }
.contenu-principal .reload-liste a{
    background-color: #1D65B1;
    box-sizing: border-box;
    color: #FFFFFF;
    display: inline-block;
    /*float: right;*/
    font-weight: normal;
    margin-bottom: 1em;
    padding: 10px 25px 10px 50px;
    transition: background-color 0.3s ease;
}
.contenu-principal .reload-liste a:before{
    background-image: url("../img/reload.png");
    content: '';
    height: 24px;
    margin-left: -35px;
    margin-top: -4px;
    position: absolute;
    width: 24px;
}
.contenu-principal .reload-liste a:hover{ background-color: #144982; }


/*/////// Filtre alphabétique /////////*/
.page_article .contenu-principal .alpha{
    margin: 0 0 2em 0 !important;
    display: inline-block;
}
.page_article .contenu-principal .alpha li{
    float: left;
    list-style: none !important;
    margin: 0 0.3% 2px 0;
    text-align: center;
    width: 7.39%;
}
.page_article .contenu-principal .alpha li.active a{
    background-color: #7BA526;
    border-bottom: 1px solid #61821E;
}

.page_article .contenu-principal .alpha .no_link a{ background-color: rgba(160, 218, 38, 0.53); }
.page_article .contenu-principal .alpha .no_link a:hover{ background-color: rgba(160, 218, 38, 0.53); cursor: default; }

.page_article .contenu-principal .alpha li a{
    background-color: #A0DA26;
    border-bottom: 1px solid #94CA24;
    border-radius: 3px;
    color: #FFFFFF;
    display: block;
    font-weight: normal;
    padding: 10px;
    transition: all 0.3s ease;
}
.page_article .contenu-principal .alpha li a:hover{ background-color: #7BA526; border-bottom: 1px solid #61821E; }
/*-------------- Fin liste alphabétique pour trombinoscope) -----------------*/








/*_________________________________________________*/
/*///////////////// TROMBINOSCOPE /////////////////*/
.page_article .contenu-principal .trombi ul{ margin: 0; margin-bottom: 3em; }
.page_article .contenu-principal .trombi li{ margin: 0; }

.trombi{ box-sizing: border-box; width: 100%; }
.trombi hr{ margin-top: 1em; }

.page_article .contenu-principal .trombi ul{ margin-left: 0; padding-left: 0; }
.page_article .contenu-principal .trombi > ul > li{
    border-bottom: 1px solid rgba(86, 192, 211, 0.47);
    box-sizing: border-box;
    color: white;
    display: inline-block;
    margin-bottom: 16px;
    position: relative;
    width: 48.77862595419847%;
}
.page_article .contenu-principal .trombi ul li.trombi__left{ margin-right: 2.442748091603053%; }


/*/////////////// Voile sur l'auteur //////////////*/
.trombi .trombi__voile{
    background-color: #231F20\9;
    background-color: rgba(35,31,32,0.85);
    display: block;
    min-height: 100%;
    opacity: 0;
    position: absolute;
    width: 99.9%; /* Patch pour décallage de 1px */
    z-index: -1;
    transition: all 0.4s ease;
}
.trombi .is-opaque .trombi__voile{
    opacity: 1;
    z-index: 999;
}
.trombi .is-opaque .trombi__cont-infos-auteur{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}


/*/////////////// Informations sur l'auteur /////////////////*/
.trombi .trombi__cont-infos-auteur{
    background-color: #e3e3e3;
    display: table;
    overflow: hidden;
    position: relative;
    width: 100%;
}

/* Mise en page des conteneurs d'information (photo et informations textuelles) */
.trombi .trombi__photo-auteur,
.trombi .trombi__infos-auteur{
    display: table-cell;
    vertical-align: top;
}


/*/////////// Photo de l'auteur ///////////*/
/* Pour les intervenants, un bloc d'informations vient à droite de la photo (m_ pour module) */
.trombi.m__intervenants .trombi__photo-auteur{ width: 31.64556962025316%; }

/* Pour les partenaires, il n'y a pas de bloc d'info => on set donc la largeur à 100% (m_ pour module) */
.trombi.m__partenaires .trombi__photo-auteur{ position: relative; width: 100%; }
.trombi .trombi__photo-auteur{ background-color: #56c0d3; }
.trombi .trombi__photo-auteur > img{
    display: block;
    width: 100%;
}

/* Langues des intervenants */
.trombi__cont-langues{
    bottom: 0;
    left: 6px;
    position: absolute;
}

/*Exception pour le modèle trombi partenaire*/
.trombi.m__partenaires .trombi__photo-auteur img{ display: block; margin: auto; width: auto; }

/*//////////////// Information textuelles sur les auteurs /////////////// */
.trombi .trombi__infos-auteur{ box-sizing: border-box; padding: 1em; }
.trombi .trombi__infos-auteur p{ margin-bottom: 0; }

/* Nom fonction et société de l'auteur */
.trombi .trombi__nom-prenom-auteur{
    color: #231f20;
    font-size: 18px;
    line-height: 1.15em;
    padding-bottom: 0.2em;
}
.trombi .trombi__nom-auteur{ text-transform: uppercase; }

.trombi .trombi__fonction-auteur{ color: #666666; font-size: 12px; }
.trombi .trombi__societe-auteur{
    bottom: 0.5em;
    color: #231F20;
    font-size: 14px;
    padding-right: 2.8em;
    position: absolute;
    text-transform: uppercase;
}

/* Lien pour l'ouverture de la biographie de l'auteur */
.trombi .trombi__ouverture-bio{
    background-color: #56c0d3;
    bottom: 0;
    height: 34px;
    position: absolute;
    right: 0;
    transition: background-color 0.3s ease;
    width: 34px;
}
.trombi .trombi__ouverture-bio:hover{
    background-color: #34747f;
    cursor: pointer;
}

/* On change l'icone du lien d'ouverture */
/*.trombi .trombi__left:hover .trombi__ouverture-bio,*/
/*.trombi .trombi__right:hover .trombi__ouverture-bio{ background: #666666; }*/

.trombi .trombi__ouverture-bio .trombi__ouverture-icone{
    background-image: url('../img/ouverture.png');
    background-position: center center;
    background-repeat: no-repeat;
    /*content: '';*/
    height: 34px;
    display: block;
    /*left: 6px;*/
    /*position: absolute;*/
    /*top: 6px;*/
    transform: rotate(0deg);
    transition: all 0.3s ease;
    width: 34px;
}
/*.trombi .trombi__left:hover .trombi__ouverture-bio:before,*/
/*.trombi .trombi__right:hover .trombi__ouverture-bio:before{ transform: rotate(45deg); }*/




.trombi .trombi__bio,
.trombi .trombi__intervention{ padding: 1.5em; }

/*--------- Biographie de l'auteur ----------*/
.trombi .trombi__cont-bio{
    background-color: #E3E3E3\9;
    background-color: rgba(227, 227, 227, 0.98);
    border-bottom: 4px solid #1B3C42;
    box-sizing: border-box;
    display: none;
    opacity: 0;
    position: absolute;
    transition: all 0.3s ease;
    width: 653px;
    z-index: 999999;
}
/* Couleur du texte de la biographie*/
.trombi .trombi__bio{ color: #494949; }
/* Hover */
/*.trombi .trombi__left:hover .trombi__cont-bio,*/
/*.trombi .trombi__right:hover .trombi__cont-bio{*/
    /*display: block;*/
    /*opacity: 1;*/
/*}*/


/*------ Intervention -------*/
.trombi .trombi__cont-bio .trombi__intervention{ background-color: #56c0d3; }
.trombi .trombi__cont-bio .trombi__intervention span{ display: block; margin-bottom: 0.3em; }
.trombi .trombi__cont-bio .trombi__intervention ul{ margin-left: 2.5em; }
.t-reavie .trombi .trombi__cont-bio .trombi__intervention ul li{
    color: #34747f;
    list-style-image: url("../img/liste-style-trombi.png");
    margin-bottom: 0.2em;
}
/* Liens vers les interventions de l'auteur */
.t-reavie.page_article .contenu-principal .trombi .trombi__intervention a{
    background: -webkit-linear-gradient(#34747f, #34747f) bottom no-repeat;
    background: linear-gradient(#34747f, #34747f) bottom no-repeat;
    background-size: 100% 1px;
    color: #34747f;
}
.t-reavie.page_article .contenu-principal .trombi .trombi__intervention a:hover{
    background-size: 100% 100%;
    color: #FFFFFF;
}



/*_______________________________________________________________________________*/
/*///////////////// PARTENAIRES (modèles trombi et partenaires) /////////////////*/
.page_article .contenu-principal .partenaires{ margin-bottom: 2em; }

.page_article .partenaires .partenaires__titre,
.page_article .m__partenaires .partenaires__titre{
    background-color: #af110e;
    border-left: 0;
    color: #FFFFFF;
    display: inline-block;
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 0;
    padding: 0.5em 1.5em;
}


.page_article .contenu-principal .partenaires ul,
.page_article .contenu-principal .partenaires__cont-partenaire{ margin: 0; }

.page_article .contenu-principal .partenaires ul{ box-shadow: 0 0 2px rgba(90,90,90,.25); }
.page_article .contenu-principal .partenaires__cont-partenaire{
    background-color: #FFFFFF;
    border-bottom: 1px solid #af110e;
    list-style: none;
}

/* Logo et descriptif de la société partenaire */
.partenaires__logo,
.partenaires__descriptif{
    display: inline-block;
    vertical-align: middle;
}
.partenaires__logo{ width: 30%; }
.partenaires__descriptif{
    border-left: 1px solid #d3d3d3;
    box-sizing: border-box;
    margin: 1.5em 0;
    padding: 0 1.5em;
    width: 67%;
}



/*_________________________________________________*/
/*///////////////// LOGO SOCIETES /////////////////*/
/* Affichage des logos partenaires */
.logo_societes ul{
    display: inline-block;
    margin-left: 0 !important;
}
.logo_societes li{
    display: inline-block;
    list-style: none !important;
    margin: 0 0 15px 0 !important;
    width: 32.4%;
}
.logo_societes a{ display: inline-block; }
.logo_societes img{
    border: 2px solid #eeeeee;
    display: block;
    text-align: center;
    margin: auto;
    width: 100%;
}
.logo_societes + p{
    clear: both;
    padding-top: 15px;
    text-align: center;
}





/*___________ Librairies d'effets pour les images _________*/
/*/////////////////////////////////////////////////////////*/
img.grayscale{
    filter: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\"><filter id=\"myfilter\" x=\"0\" y=\"0\"><feColorMatrix type=\"matrix\" values=\"1 0 0 0 0  1 0 0 0 0  1 0 0 0 0  0 0 0 1 0\" /></filter></svg>#myfilter'); /* Pour Firefox et Android */
    -webkit-filter: url('#monochrome');
    filter:  url('#monochrome');
    filter: gray; /* IE6-9 */
    /* Sinon on utilise le CSS3 */
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}

/*Recherche 404*/
.input_404{ margin-bottom: 1em; }


/* Carte Google maps */
.carte iframe{
    margin-bottom: 2em;
    width: 100%;
}

/*************************************************************/
/*///////////////// BLOC D'INFORMATIONS /////////////////////*/
/*************************************************************/
.infos-importantes,
.infos-exergue{
    font-size: 1em;
    font-weight: 400;
    font-family: 'raleway', Arial, sans-serif;
    line-height: 1.4em;
    margin-bottom: 1em;
    min-height: 64px;
    padding: 1.5em 1.5em 1.5em 6.5em;
    position: relative;
}
.infos-importantes strong{ color: #6F2424 !important; }
.infos-exergue strong{ color: #8A491E  !important; }

/*__________ Génération icones : styles communs _____________*/
/*///////////////////////////////////////////////////////////*/
.infos-importantes:before,
.infos-exergue:before{
    margin-left: -80px;
    position: absolute;
    top: 45px;
}

/*___________ Bloc d'information complémentaires : styles communs ______________*/
/*//////////////////////////////////////////////////////////////////////////////*/
.infos-importantes,
.infos-importantes + p,
.infos-importantes + ul,
.infos-importantes + h3,
.infos-exergue,
.infos-exergue + p,
.infos-exergue + ul,
.infos-exergue + h3{
    margin-top: 1em;
}

.infos-importantes-sup,
.infos-exergue-sup{
    line-height: 1.3em;
    margin-bottom: 2em;
    padding: 1em;
}

.infos-importantes + .infos-importantes-sup,
.infos-exergue + .infos-exergue-sup{
    margin-top: -1em;
}

.contenu-principal .infos-importantes-sup ul,
.contenu-principal .infos-exergue-sup ul{ margin-bottom: 0 !important; }

.contenu-principal .infos-importantes-sup li,
.contenu-principal .infos-exergue-sup li{ margin: 5px 5px 10px 1.5em !important; }

/*_____________ Information importantes (lié aux décorations )___________________*/
/*///////////////////////////////////////////////////////////////////////////////*/
/* Des informations que les exposants doivent voir */
.infos-importantes{ background-color: #ffc8c8; color: #a93b2f; }
.infos-importantes:before{
    color: #a93b2f;
    content: "\e94a";
    font-family: 'salon', sans-serif;
    font-size: 4em;
}
/* Informations importantes supplémentaires */
.infos-importantes-sup{ background-color: #ffeaea; }
.infos-importantes-sup strong,
.infos-importantes-sup li{
    color: #7d7a73 !important;
    list-style-image: none !important;
    list-style: none !important;
    position: relative;
}
.infos-importantes-sup li:before{
    content: '\e947';
    color: #5d5d5d;
    font-family: 'salon', sans-serif;
    font-size: 0.9em;
    left: -22px;
    position: absolute;
    top: 1px;
}

/* Exceptions pour les liens (partie marketing et technique) */
.contenu-principal .infos-importantes-sup a{
    background: linear-gradient(#a93b2f, #a93b2f) bottom no-repeat !important;
    background-size: 100% 1px !important;
}
.contenu-principal .infos-importantes-sup a:hover{
    background: linear-gradient(#a93b2f, #a93b2f) bottom no-repeat !important;
    background-size: 100% 100% !important;
}

/*__________ Information d'importance moindre (lié aux décorations) ______________*/
/*////////////////////////////////////////////////////////////////////////////////*/
/* Des indications à mettre en avant pour les exposants */
.infos-exergue{ background-color: #ffdfab; color: #A5654D; }
.infos-exergue:before{
    color: #A5654D;
    content: "\e94b";
    font-family: 'salon', sans-serif;
    font-size: 4em;
}
/* Informations importantes supplémentaires */
.infos-exergue-sup{ background: #fff1db; }
.infos-exergue-sup strong,
.infos-exergue-sup li{
    color: #7d7a73 !important;
    list-style-image: none !important;
    list-style: none !important;
    position: relative;
}
.infos-exergue-sup li:before{
    content: '\e947';
    color: #5d5d5d;
    font-family: 'salon', sans-serif;
    font-size: 0.9em;
    left: -22px;
    position: absolute;
    top: 1px;
}

/* Exceptions pour les liens (partie marketing et technique) */
.contenu-principal .infos-exergue-sup a{
    background: linear-gradient(#A5654D, #A5654D) bottom no-repeat !important;
    background-size: 100% 1px !important;
}
.contenu-principal .infos-exergue-sup a:hover{
    background: linear-gradient(#A5654D, #A5654D) bottom no-repeat !important;
    background-size: 100% 100% !important;
}


/*__________ VIDEO HOME__________*/
/*///////////////////////////////*/
.video-home__titre-video {
    color: #333333;
    font-family: 'raleway', sans-serif;
    margin: 16px 0;
    text-align: center;
}

.video-home__img {
    display: block;
    margin: auto;
}

.video-home__cont-lien-tous {
    margin-top: 16px;
    text-align: center;
}
.video-home__lien-tous {
    background-color: #FFFFFF;
    border: 1px solid #333333;
    color: #333333;
    display: inline-block;
    font-family: 'raleway', sans-serif;
    padding: 10px 16px;
    margin-top:25px;
    transition: background-color 0.3s ease, color 0.3s ease;
}
.video-home__lien-tous:hover {
    background-color: #333333;
    color: #FFFFFF;
}
.block-video{
    width:25%;
    float:left;
}


/*__________ VIDEO __________*/
/*///////////////////////////*/

.page_chaine_tv {
    background-color: transparent;
    background-image: none;
    border-top: 0;
    text-align: left;
}
.page_chaine_tv .contenu-principal {
    width: 100%;
}

/* Surcharge des styles existants */
#videos-da-entete p{ margin-top: 0; }
#videos-da-entete .video-da{ border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
#videos-da-entete .video-da__titre{
    float: none;
    min-height: 34px;
    width: 100%;
}

/* Vidéo entete */
#videos-da-entete{
    background-color: transparent;
    box-sizing: border-box;
    margin-bottom: 30px;
    overflow: hidden;
}

/*_______ VIDEO A LA UNE _______*/
/*//////////////////////////////*/
.video-da{ position: relative; }
.video-da img{
    display: block;
    height: auto;
    width: 100%;
}
/* Conteneur de la vidéo */
.sw-video__cont-video{
    box-sizing: border-box;
    float: left;
    margin-bottom: 16px;
    padding: 8px 8px 0 8px;
    width: 50%;
}
.sw-video__cont-video--full{ width: 100%; }
.sw-video__cont-video:after{ content: ''; display: table; }
.sw-video__cont-iframe{ background: #000000 url('../img/loader-video.gif') no-repeat center center; }
.sw-video__cont-iframe--display{ background-color: transparent; }
.sw-video__iframe{ height: 347px; width: 100%; }

.video-da__cont-infos{ padding-top: 8px; }

/* informations d'entete => titre vidéos, texte introduction et mots clefs */
.video-da__infos-entete{ padding-right: 10px; }
.video-da__intro{
    color: #21939B;
    /*font-family: 'Roboto','arial',sans-serif;*/
    font-size: 12px;
    margin-bottom: 2px;
    text-transform: uppercase;
}
.video-da__titre{
    color: #21939B;
    /*font-family: 'Roboto', 'arial', sans-serif;*/
    font-size: 24px;
    margin-bottom: 7px;
}
.video-da__cont-tags{ margin: 0 0 7px 0; }
.video-da__tag{
    background-color: #5A5A5A;
    color: #FFFFFF;
    display: inline-block;
    /*font-family: 'Roboto','arial',sans-serif;*/
    font-size: 12px;
    padding: 3px 6px;
    text-transform: uppercase;
}
.video-da__tag + .video-da__tag{ margin-left: 4px; }

/* Information en bas (nombre de vues, duree, rubrique et liens vers l'article */
.video-da__infos-bottom{
    box-sizing: border-box;
    color: #002638;
    display: inline-block;
    /*font-family: 'Roboto','arial', sans-serif;*/
    font-size: 14px;
    margin-bottom: 10px;
    padding-right: 10px;
    width: 50%;
}
.video-da__vues-publi{ display: block; margin-bottom: 3px; }
.video-da__breadcrumb{
    float: left;
    margin-bottom: 0;
}
.video-da__breadcrumb a{
    color: #5A5A5A;
    text-decoration: underline;
}
.video-da__lien-article{
    color: #5A5A5A;
    float: right;
    padding-left: 18px;
    position: relative;
    text-align: right;
    text-decoration: underline;
}
.video-da__lien-article:before{
    content: '';
    display: block;
    background-image: url('../img/page-video.png');
    background-position: 0 0;
    left: 2px;
    position: absolute;
    top: 5px;
    height: 11px;
    width: 12px;
}


/* Si aucune vidéo n'est disponible */
.cont-video-non-dispo{
    box-sizing: border-box;
    display: table;
    float: left;
    padding: 8px;
    width: 50%;
    height: 272px;
}
/* Si une n'est plus disponible mais qu'on affiche quand même ses informations */
.cont-video-non-dispo--full-infos{ height: 354px; }

.video-non-dispo{
    background-color: #000000;
    color: #FFFFFF;
    display: table-cell;
    font-size: 20px;
    margin-bottom: 0;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
}


/*_______ VIDEO A LA UNE => vidéos secondaire _______*/
/*///////////////////////////////////////////////////*/
/* Dans les vidéos à la une, le groupe de 2 vidéos secondaire */
.grp-video-sec{
    background-color: #FFFFFF;
    box-sizing: border-box;
    display: table;
    padding: 7px 0 7px 7px;
    width: 50%;
}
.video-sec{
    background-color: #000000;
    border-bottom: 0;
    display: inline-block;
    margin-bottom: 0;
    min-height: 174px;
    overflow: hidden;
    padding-bottom: 0;
    position: relative;
}
.video-sec__lien-video{
    display: block;
    padding: 8px 8px 200px 8px;
    position: absolute;
    text-decoration: none;
    z-index: 1;
}
.video-sec__titre{
    box-sizing: border-box;
    color: #FFFFFF;
    float: none;
    /*font-family: 'Roboto', 'arial', sans-serif;*/
    font-size: 18px;
    text-shadow: 0 0 13px rgba(0,0,0,1);
    width: 100%;
}


.video-sec__cont-infos{
    bottom: 0;
    display: table;
    position: absolute;
    width: 101%;
    z-index: 1;
}
/* Infos supplémentaire (nbre de vue, rubrique, ...) */
.video-sec__infos,
.video-sec__compteur{
    display: table-cell;
    vertical-align: middle;
}
.video-sec__infos {
    background-color: #21939B;
    background-color: rgba(33, 147, 155, 0.7);
    color: #FFFFFF;
    font-size: 12px;
    padding: 8px;
}
.video-sec__infos span{ display: block; color: #FFFFFF; }
.video-sec__infos a{ color: #FFFFFF; }
.video-sec + .video-sec .video-sec__infos{
    background-color: #21939B;
    background-color: rgba(33, 147, 155, 0.7);
}

.video-sec__compteur{
    background-color: #FFFFFF;
    background-color: rgba(255,255,255,1);
    color: #000000;
    font-family: 'Roboto', 'arial', sans-serif;
    font-size: 14px;
    padding: 15px 10px;
    text-align: center;
}
.video-sec__img{
    display: block;
    height: auto;
    width: 100%;
}
/* Voile noir par dessus l'image de la vidéo */
.video-sec .video-sec__cont-img:before{
    content: '';
    background-color: rgba(0,0,0,0.8);
    height: 500px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    width: 500px;
    opacity: 0.6;
    transition: opacity 0.3s ease;
    z-index: 0;
}
.video-sec:hover .video-sec__cont-img:before{ opacity: 1; }

/* Icone play sur l'image de la vidéo */
.video-sec .video-sec__cont-img:after{
    content: '';
    display: block;
    background-image: url('../img/page-video.png');
    background-position: 0px -109px;
    height: 53px;
    left: 50%;
    opacity: 0.5;
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    width: 53px;
}
.video-sec:hover .video-sec__cont-img:after{ opacity: 1; }

/*_______ LISTE DES VIDEOS _______ */
/*/////////////////////////////////*/

/*------- Carousel SLICK -------*/
/* Style par défaut des carousels SLICK */
.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus{ outline: none; }
.slick-list.dragging{ cursor: pointer; cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after{ display: table; content: ''; }
.slick-track:after{ clear: both; }
.slick-loading .slick-track{ visibility: hidden; }
.slick-slide{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide{ float: right; }
.slick-slide img{ display: block; }
.slick-slide.slick-loading img{ display: none; }
.slick-slide.dragging img{ pointer-events: none; }
.slick-initialized .slick-slide{ display: block; }
.slick-loading .slick-slide{ visibility: hidden; }
.slick-vertical .slick-slide{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden{ display: none; }
/* FIN styles par défaut pour les carousel SLICK */

/*------- Btn next et previous du carousel -------*/
.slick-prev,
.slick-next{
    background-color: #21939B;
    border: 0;
    box-shadow:  0 0 5px rgba(33, 147, 155,0.45);
    color: #e6e6e6;
    height: 52px;
    position: absolute;
    text-decoration: none;
    top: 60px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
    width: 44px;
    z-index: 998;
}
.slick-prev{ left: -15px; }
.slick-next{ right: -15px; }

.slick-prev:hover,
.slick-next:hover{
    background-color: #21939B;
    cursor: pointer;
}

.slick-prev:before,
.slick-next:before{
    left: 50%;
    position: absolute;
    top: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.slick-prev:before{
    content: '';
    display: block;
    background-image: url('../img/page-video.png');
    background-position: 0px -72px;
    width: 18px;
    height: 37px;;
}
.slick-next:before{
    content: '';
    display: block;
    background-image: url('../img/page-video.png');
    background-position: 0px -35px;
    width: 18px;
    height: 37px;
}
.slick-disabled{ display: none !important; }
/*------- FIN Btn next et previous du carousel -------*/
/*------- FINCarousel SLICK -------*/


.liste-videos{ margin-bottom: 20px; }
/* Intertitre */
.liste-video__intertitre{
    border-bottom: 1px solid;
    color: #21939B;
    /*font-family: 'Roboto', 'arial', sans-serif;*/
    font-size: 24px;
    margin: 0;
    padding: 0 0 3px 0;
}
/* Conteneur global pour le slider */
[class*="cont-slider-"]{ margin-top: 20px; position: relative; }
.liste-da{
    border-bottom: 0;
    display: inline-block;
    margin-bottom: 0;
    padding: 0 12px 0 12px;
    width: 33.33333%;
}

/* Lien de la vidéo */
.liste-da__lien-video{ display: block; text-decoration: none; }

/* Conteneur de l'image et du compteur */
.liste-da__cont-img{
    background-color: #000000;
    min-height: 136px;
    overflow: hidden;
    position: relative;
}
/* Apparition d'un voile noir lors d'un survol des vidéos des listes */
.liste-da .liste-da__cont-img:before{
    content: '';
    background-color: rgba(0,0,0,0.5);
    height: 500px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    width: 500px;
    opacity: 0;
    transition: opacity 0.3s ease;
}
.liste-da:hover .liste-da__cont-img:before{ opacity: 1; }

/* Image play par dessus l'image de la vidéo */
.liste-da .liste-da__cont-img:after{
    content: '';
    display: block;
    background-image: url('../img/page-video.png');
    background-position: 0px -109px;
    width: 53px;
    height: 53px;
    left: 50%;
    opacity: 0.5;
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
}
.liste-da:hover .liste-da__cont-img:after{ opacity: 1; }

/*  Compteur */
.liste-da__compteur{
    background-color: #000000;
    background-color: rgba(58, 58, 58, 0.5);
    bottom: 0;
    color: #ffffff;
    /*font-family: 'Roboto', 'arial', sans-serif;*/
    font-size: 14px;
    padding: 5px 8px;
    position: absolute;
    text-align: center;
    right: 0;
}
/* Image de la vidéo */
.liste-da__img{
    display: block;
    height: auto;
    width: 100%;
}


/*------- Information de la vidéo -------*/
.liste-da__titre{
    color: #21939B !important;
    float: none;
    margin: 11px 0 6px 0;
    padding-left: 0 !important;
    width: 100%;
}
.liste-da__titre:before { content: none !important; }
.liste-da__infos {
    color: #808080;
    font-size: 12px;
    line-height: 1.4;
    margin: 0 0 11px 0;
}
.liste-da__infos a{
    color: #808080;
    /*font-family: 'Roboto', 'arial', sans-serif;*/
    font-size: 12px;
    line-height: 1.4;
    margin: 0 0 11px 0;
    text-decoration: underline;
}

/* Lien vers l'article pour la liste des vidéos dans les carousels */
.liste-da__lien-article{
    color: #21939B;
    /*font-family: 'Roboto', 'arial', sans-serif;*/
    font-size: 12px;
    float: right;
    margin-bottom: 11px;
    padding-left: 18px;
    position: relative;
    text-align: right;
}
.liste-da__lien-article:after{ content: ''; display: table; }
.liste-da__lien-article:before{
    content: '';
    display: block;
    background-image: url('../img/page-video.png');
    background-position: 0 0;
    left: 2px;
    position: absolute;
    top: 2px;
    height: 11px;
    width: 12px;
}

.row:before, .row:after {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

.col {
    float: left;
    position: relative
}

.row .l1 {
    width: 8.33333%
}

.row .offset-l1 {
    margin-left: 8.33333%
}

.row .pull-l1 {
    right: 8.33333%
}

.row .push-l1 {
    left: 8.33333%
}

.row .l2 {
    width: 16.66667%
}

.row .offset-l2 {
    margin-left: 16.66667%
}

.row .pull-l2 {
    right: 16.66667%
}

.row .push-l2 {
    left: 16.66667%
}

.row .l3 {
    width: 25%
}

.row .offset-l3 {
    margin-left: 25%
}

.row .pull-l3 {
    right: 25%
}

.row .push-l3 {
    left: 25%
}

.row .l4 {
    width: 33.33333%
}

.row .offset-l4 {
    margin-left: 33.33333%
}

.row .pull-l4 {
    right: 33.33333%
}

.row .push-l4 {
    left: 33.33333%
}

.row .l5 {
    width: 41.66667%
}

.row .offset-l5 {
    margin-left: 41.66667%
}

.row .pull-l5 {
    right: 41.66667%
}

.row .push-l5 {
    left: 41.66667%
}

.row .l6 {
    width: 50%
}

.row .offset-l6 {
    margin-left: 50%
}

.row .pull-l6 {
    right: 50%
}

.row .push-l6 {
    left: 50%
}

.row .l7 {
    width: 58.33333%
}

.row .offset-l7 {
    margin-left: 58.33333%
}

.row .pull-l7 {
    right: 58.33333%
}

.row .push-l7 {
    left: 58.33333%
}

.row .l8 {
    width: 66.66667%
}

.row .offset-l8 {
    margin-left: 66.66667%
}

.row .pull-l8 {
    right: 66.66667%
}

.row .push-l8 {
    left: 66.66667%
}

.row .l9 {
    width: 75%
}

.row .offset-l9 {
    margin-left: 75%
}

.row .pull-l9 {
    right: 75%
}

.row .push-l9 {
    left: 75%
}

.row .l10 {
    width: 83.33333%
}

.row .offset-l10 {
    margin-left: 83.33333%
}

.row .pull-l10 {
    right: 83.33333%
}

.row .push-l10 {
    left: 83.33333%
}

.row .l11 {
    width: 91.66667%
}

.row .offset-l11 {
    margin-left: 91.66667%
}

.row .pull-l11 {
    right: 91.66667%
}

.row .push-l11 {
    left: 91.66667%
}

.row .l12 {
    width: 100%
}

.row .offset-l12 {
    margin-left: 100%
}

.row .pull-l12 {
    right: 100%
}

.row .push-l12 {
    left: 100%
}

.row .col--margin.l1 {
    width: 6.5%
}

.row .col--margin.l1--no-margin {
    margin-left: 0
}

.row .col--margin.l2 {
    width: 15%
}

.row .col--margin.l2--no-margin {
    margin-left: 0
}

.row .col--margin.l3 {
    width: 23.5%
}

.row .col--margin.l3--no-margin {
    margin-left: 0
}

.row .col--margin.l4 {
    width: 32%
}

.row .col--margin.l4--no-margin {
    margin-left: 0
}

.row .col--margin.l5 {
    width: 40.5%
}

.row .col--margin.l5--no-margin {
    margin-left: 0
}

.row .col--margin.l6 {
    width: 49%
}

.row .col--margin.l6--no-margin {
    margin-left: 0
}

.row .col--margin.l7 {
    width: 57.5%
}

.row .col--margin.l7--no-margin {
    margin-left: 0
}

.row .col--margin.l8 {
    width: 66%
}

.row .col--margin.l8--no-margin {
    margin-left: 0
}

.row .col--margin.l9 {
    width: 74.5%
}

.row .col--margin.l9--no-margin {
    margin-left: 0
}

.row .col--margin.l10 {
    width: 83%
}

.row .col--margin.l10--no-margin {
    margin-left: 0
}

.row .col--margin.l11 {
    width: 91.5%
}

.row .col--margin.l11--no-margin {
    margin-left: 0
}

.row .col--margin.l12 {
    width: 100%
}

.row .col--margin.l12--no-margin {
    margin-left: 0
}

.col--margin + .col--margin {
    margin-left: 2%
}

.row.row--tab {
    display: table;
    width: 100%
}

.row.row--tab .col--tab {
    display: table-cell;
    float: none
}

.row.row--ib {
    display: table;
    width: 100%
}

.row.row--ib .col--ib {
    display: inline-block;
    float: none
}

.row .col--va-top {
    vertical-align: top
}

.row .col--va-middle {
    vertical-align: middle
}

.row .col--va-bottom {
    vertical-align: bottom
}

@media only screen and (max-width: 1024px) {
    .row .m1 {
        width: 8.33333%
    }

    .row .offset-m1 {
        margin-left: 8.33333%
    }

    .row .pull-m1 {
        right: 8.33333%
    }

    .row .push-m1 {
        left: 8.33333%
    }

    .row .m2 {
        width: 16.66667%
    }

    .row .offset-m2 {
        margin-left: 16.66667%
    }

    .row .pull-m2 {
        right: 16.66667%
    }

    .row .push-m2 {
        left: 16.66667%
    }

    .row .m3 {
        width: 25%
    }

    .row .offset-m3 {
        margin-left: 25%
    }

    .row .pull-m3 {
        right: 25%
    }

    .row .push-m3 {
        left: 25%
    }

    .row .m4 {
        width: 33.33333%
    }

    .row .offset-m4 {
        margin-left: 33.33333%
    }

    .row .pull-m4 {
        right: 33.33333%
    }

    .row .push-m4 {
        left: 33.33333%
    }

    .row .m5 {
        width: 41.66667%
    }

    .row .offset-m5 {
        margin-left: 41.66667%
    }

    .row .pull-m5 {
        right: 41.66667%
    }

    .row .push-m5 {
        left: 41.66667%
    }

    .row .m6 {
        width: 50%
    }

    .row .offset-m6 {
        margin-left: 50%
    }

    .row .pull-m6 {
        right: 50%
    }

    .row .push-m6 {
        left: 50%
    }

    .row .m7 {
        width: 58.33333%
    }

    .row .offset-m7 {
        margin-left: 58.33333%
    }

    .row .pull-m7 {
        right: 58.33333%
    }

    .row .push-m7 {
        left: 58.33333%
    }

    .row .m8 {
        width: 66.66667%
    }

    .row .offset-m8 {
        margin-left: 66.66667%
    }

    .row .pull-m8 {
        right: 66.66667%
    }

    .row .push-m8 {
        left: 66.66667%
    }

    .row .m9 {
        width: 75%
    }

    .row .offset-m9 {
        margin-left: 75%
    }

    .row .pull-m9 {
        right: 75%
    }

    .row .push-m9 {
        left: 75%
    }

    .row .m10 {
        width: 83.33333%
    }

    .row .offset-m10 {
        margin-left: 83.33333%
    }

    .row .pull-m10 {
        right: 83.33333%
    }

    .row .push-m10 {
        left: 83.33333%
    }

    .row .m11 {
        width: 91.66667%
    }

    .row .offset-m11 {
        margin-left: 91.66667%
    }

    .row .pull-m11 {
        right: 91.66667%
    }

    .row .push-m11 {
        left: 91.66667%
    }

    .row .m12 {
        width: 100%
    }

    .row .offset-m12 {
        margin-left: 100%
    }

    .row .pull-m12 {
        right: 100%
    }

    .row .push-m12 {
        left: 100%
    }

    .row .col--margin.m1 {
        width: 6.5%
    }

    .row .col--margin.m1--no-margin {
        margin-left: 0
    }

    .row .col--margin.m2 {
        width: 15%
    }

    .row .col--margin.m2--no-margin {
        margin-left: 0
    }

    .row .col--margin.m3 {
        width: 23.5%
    }

    .row .col--margin.m3--no-margin {
        margin-left: 0
    }

    .row .col--margin.m4 {
        width: 32%
    }

    .row .col--margin.m4--no-margin {
        margin-left: 0
    }

    .row .col--margin.m5 {
        width: 40.5%
    }

    .row .col--margin.m5--no-margin {
        margin-left: 0
    }

    .row .col--margin.m6 {
        width: 49%
    }

    .row .col--margin.m6--no-margin {
        margin-left: 0
    }

    .row .col--margin.m7 {
        width: 57.5%
    }

    .row .col--margin.m7--no-margin {
        margin-left: 0
    }

    .row .col--margin.m8 {
        width: 66%
    }

    .row .col--margin.m8--no-margin {
        margin-left: 0
    }

    .row .col--margin.m9 {
        width: 74.5%
    }

    .row .col--margin.m9--no-margin {
        margin-left: 0
    }

    .row .col--margin.m10 {
        width: 83%
    }

    .row .col--margin.m10--no-margin {
        margin-left: 0
    }

    .row .col--margin.m11 {
        width: 91.5%
    }

    .row .col--margin.m11--no-margin {
        margin-left: 0
    }

    .row .col--margin.m12 {
        width: 100%
    }

    .row .col--margin.m12--no-margin {
        margin-left: 0
    }

    .col--margin + .col--margin.m12 {
        margin-left: 0
    }
}

@media only screen and (max-width: 800px) {
    .row .s1 {
        width: 8.33333%
    }

    .row .offset-s1 {
        margin-left: 8.33333%
    }

    .row .pull-s1 {
        right: 8.33333%
    }

    .row .push-s1 {
        left: 8.33333%
    }

    .row .s2 {
        width: 16.66667%
    }

    .row .offset-s2 {
        margin-left: 16.66667%
    }

    .row .pull-s2 {
        right: 16.66667%
    }

    .row .push-s2 {
        left: 16.66667%
    }

    .row .s3 {
        width: 25%
    }

    .row .offset-s3 {
        margin-left: 25%
    }

    .row .pull-s3 {
        right: 25%
    }

    .row .push-s3 {
        left: 25%
    }

    .row .s4 {
        width: 33.33333%
    }

    .row .offset-s4 {
        margin-left: 33.33333%
    }

    .row .pull-s4 {
        right: 33.33333%
    }

    .row .push-s4 {
        left: 33.33333%
    }

    .row .s5 {
        width: 41.66667%
    }

    .row .offset-s5 {
        margin-left: 41.66667%
    }

    .row .pull-s5 {
        right: 41.66667%
    }

    .row .push-s5 {
        left: 41.66667%
    }

    .row .s6 {
        width: 50%
    }

    .row .offset-s6 {
        margin-left: 50%
    }

    .row .pull-s6 {
        right: 50%
    }

    .row .push-s6 {
        left: 50%
    }

    .row .s7 {
        width: 58.33333%
    }

    .row .offset-s7 {
        margin-left: 58.33333%
    }

    .row .pull-s7 {
        right: 58.33333%
    }

    .row .push-s7 {
        left: 58.33333%
    }

    .row .s8 {
        width: 66.66667%
    }

    .row .offset-s8 {
        margin-left: 66.66667%
    }

    .row .pull-s8 {
        right: 66.66667%
    }

    .row .push-s8 {
        left: 66.66667%
    }

    .row .s9 {
        width: 75%
    }

    .row .offset-s9 {
        margin-left: 75%
    }

    .row .pull-s9 {
        right: 75%
    }

    .row .push-s9 {
        left: 75%
    }

    .row .s10 {
        width: 83.33333%
    }

    .row .offset-s10 {
        margin-left: 83.33333%
    }

    .row .pull-s10 {
        right: 83.33333%
    }

    .row .push-s10 {
        left: 83.33333%
    }

    .row .s11 {
        width: 91.66667%
    }

    .row .offset-s11 {
        margin-left: 91.66667%
    }

    .row .pull-s11 {
        right: 91.66667%
    }

    .row .push-s11 {
        left: 91.66667%
    }

    .row .s12 {
        width: 100%
    }

    .row .offset-s12 {
        margin-left: 100%
    }

    .row .pull-s12 {
        right: 100%
    }

    .row .push-s12 {
        left: 100%
    }

    .row .col--margin.s1 {
        width: 6.5%
    }

    .row .col--margin.s1--no-margin {
        margin-left: 0
    }

    .row .col--margin.s2 {
        width: 15%
    }

    .row .col--margin.s2--no-margin {
        margin-left: 0
    }

    .row .col--margin.s3 {
        width: 23.5%
    }

    .row .col--margin.s3--no-margin {
        margin-left: 0
    }

    .row .col--margin.s4 {
        width: 32%
    }

    .row .col--margin.s4--no-margin {
        margin-left: 0
    }

    .row .col--margin.s5 {
        width: 40.5%
    }

    .row .col--margin.s5--no-margin {
        margin-left: 0
    }

    .row .col--margin.s6 {
        width: 49%
    }

    .row .col--margin.s6--no-margin {
        margin-left: 0
    }

    .row .col--margin.s7 {
        width: 57.5%
    }

    .row .col--margin.s7--no-margin {
        margin-left: 0
    }

    .row .col--margin.s8 {
        width: 66%
    }

    .row .col--margin.s8--no-margin {
        margin-left: 0
    }

    .row .col--margin.s9 {
        width: 74.5%
    }

    .row .col--margin.s9--no-margin {
        margin-left: 0
    }

    .row .col--margin.s10 {
        width: 83%
    }

    .row .col--margin.s10--no-margin {
        margin-left: 0
    }

    .row .col--margin.s11 {
        width: 91.5%
    }

    .row .col--margin.s11--no-margin {
        margin-left: 0
    }

    .row .col--margin.s12 {
        width: 100%
    }

    .row .col--margin.s12--no-margin {
        margin-left: 0
    }

    .col--margin + .col--margin.s12 {
        margin-left: 0
    }
}

@media only screen and (max-width: 480px) {
    .row .s1, .row .s2, .row .s3, .row .s4, .row .s5, .row .s6, .row .s7, .row .s8, .row .s9, .row .s10, .row .s11, .row .s12, .row .m1, .row .m2, .row .m3, .row .m4, .row .m5, .row .m6, .row .m7, .row .m8, .row .m9, .row .m10, .row .m11, .row .m12, .row .l1, .row .l2, .row .l3, .row .l4, .row .l5, .row .l6, .row .l7, .row .l8, .row .l9, .row .l10, .row .l11, .row .l12, .row .col--margin.s1, .row .col--margin.s2, .row .col--margin.s3, .row .col--margin.s4, .row .col--margin.s5, .row .col--margin.s6, .row .col--margin.s7, .row .col--margin.s8, .row .col--margin.s9, .row .col--margin.s10, .row .col--margin.s11, .row .col--margin.s12, .row .col--margin.m1, .row .col--margin.m2, .row .col--margin.m3, .row .col--margin.m4, .row .col--margin.m5, .row .col--margin.m6, .row .col--margin.m7, .row .col--margin.m8, .row .col--margin.m9, .row .col--margin.m10, .row .col--margin.m11, .row .col--margin.m12, .row .col--margin.l1, .row .col--margin.l2, .row .col--margin.l3, .row .col--margin.l4, .row .col--margin.l5, .row .col--margin.l6, .row .col--margin.l7, .row .col--margin.l8, .row .col--margin.l9, .row .col--margin.l10, .row .col--margin.l11, .row .col--margin.l12 {
        float: none;
        width: auto
    }

    .row.row--tab .col {
        display: block;
        float: none
    }

    .col--margin + .col--margin {
        margin-left: 0
    }
}