/*****************************************************header******************************************/
/***** header-top (logo-menu principal-sociallinks *****/

.path-frontpage .header-top{
    position: absolute;
    z-index: 5;
    margin:0!important;
    padding: 0;
	background-color:rgb(53,88,162, 0.3);
}
/***** body frontpage,video,actualit s,all-events *****/
body.page-path-error, body.path-video, body.path-actualites, body.path-all-events, body.path-dossiers, body.path-appels-projets, body.path-cinema, body.path-search {
    margin-top: 0 !important;
    font-family: marianne-regular;
}
a {
   
    font-family: marianne-regular;
}
body.path-frontpage{
    line-height: unset!important;
	margin-top: -30px !important;
}
/************ body pages internes ************/
body.path-node, body.path-webform {
    margin-top: 0 !important;
}
.path-node #detail-body{
    font-family: marianne-regular;
    color:#000000;
}
body.path-contact{
    font-family: marianne-regular;
    color: #231f20;
    font-size: 19px;
}
/******************* titres des Pages ***************/
body h1.page-header{
    font-family: marianne-regular;
    font-size: 40pt;
    color: white;
    width: 90%;
    float: left;
    border: 0;
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}
/*************** content full width (image banni re)***************************/
.path-node .content.col-lg-12{
    padding: 0;
}
/******************* margin col-lg12 bloc front *********************/
.footer, .news-partenaires, .reseau-campus, .gouvernance-education-culture, .gouvernance, .education, .culture, .cours-cinema-carnot, .appelprojets, .actualite, .dossier, .mediatheque, .cinema, .carnot, .slide_show, .path-all-events .corp, .path-video .corp, .path-node .corp, .article{
    margin: 0;
    padding:0;
}
/************logo**************/
.logo{
    top: 28px;
    left:3%;
    padding: 0;
}
/****** name ift *****/
.name.navbar-brand{
    display: none;
}
/***** connexion mobile *****/
#block-useraccountmenu-mobile li a{color: #ffffff;font-size: 13px;margin-right: 3px}
#block-useraccountmenu-mobile .menu--account a:hover {
    background-color: unset;
    text-decoration: none;}
#block-useraccountmenu-mobile{display: none;}
/************* menu principal et socialmedia*************/
.menu-principale  {
    top: 42px;
}
.social_media{
    top:45px;
}
/*******  MENU PRINCIPAL *******/
#block-mainnavigation .menu--main a {
    font-family: marianne-regular;
    color: #FFFFFF!important;
    font-size: 13px;
}
#block-mainnavigation .nav > li > a:hover, .nav > li > a:focus {
    background-color: transparent!important;
    text-decoration: none;
}

.drop-down-toggle {
    position: absolute;
    top: 7px;
    right: 16px;
    display: none;
    width: 20px;
    height: 20px;
    border-radius: 15px;
    border: #ffffff 3px solid;
}
.drop-down-arrow {
    display: block;
    width: 0;
    height: 0;
    margin: 8px 0 0 5px;
    border-top: 5px solid #ffffff;
    border-left: transparent 5px solid;
    border-right: transparent 5px solid;
}
#block-mainnavigation .nav-toggle {
    display: none;
}
#block-mainnavigation li li {
    float: none;
    min-width: 192px;
    padding: 0;
    margin: 0;
}
#block-mainnavigation ul .dropdown li a  {
    font-size: 10pt;
}
#block-mainnavigation li ul ul {
    margin: -43px 0 0 350px !important;
}

#block-mainnavigation ul li.leaf, #main-menu ul li.expanded, #main-menu ul li.collapsed {
    list-style: none;
}
#block-mainnavigation ul.menu li {
    margin: 0px 3px 0 0;
}

#block-mainnavigation li.expanded, #main-menu li.collapsed, #main-menu li.leaf {
    margin: 0;
    padding: 0;
}
#block-mainnavigation .dropdown-menu {
    background-color: rgb(12, 12, 13);
    min-width: 162px;
    border-radius: 11px;
}
#block-mainnavigation .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #989696;
    border-radius: 12px;
}
#block-mainnavigation .nav .open > a, .nav .open > a:hover, .nav .open > a:focus{
    background-color: unset;
}
.menu--main.nav > li > a{
    padding: 10px 7px;
}
#block-mainnavigation .caret{
    display: none;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: transparent;
}
/********************** main menu *************/
/**************** button search header*******************/
.button-search {
    margin-left: 5px;
}
.button-search img{
    width:22px;
}
/******** button play header *******************/
.button-play{
  
    width: 15%;
}
.button-play img{
    width: 24px;
}
/****** block-socialmedialinks ******/
#header .region-social-links{
    width: 70%;
    float: right;
}
#block-socialmedialinks-2 li a {
    color: #ffffff;
}
a:hover .fa.fa-youtube.fa-2x{
    color: #ff0000;
}
a:hover .fa.fa-facebook.fa-2x{
    color: #39579a;
}
a:hover .fa.fa-twitter.fa-2x{
    color: #1da1f2;
}
a:hover .fa.fa-instagram.fa-2x{
    color: #f09433;
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    border-radius: 10px;
}
/*******  MENU SECONDAIRE *******/
.region-menu-secondaire{
    float: right;
}
#block-menusecondaire{
    float: left;
}
.menu-secondaire{
    margin-top: 25px;
    border-bottom: 1px solid #ffffff52;
}
#block-menusecondaire .menu--menu-secondaire.nav{
    display: flex;
}
#block-menusecondaire .menu--menu-secondaire.nav a{
    font-family: marianne-light;
    color: #ffffff;
    font-size: 11pt;
}
#block-menusecondaire .nav > li > a {
    padding: 10px 9px;
}
#block-menusecondaire .menu--menu-secondaire.nav a:focus  {
    background-color: unset;
    outline:none;
}
#block-menusecondaire .menu--menu-secondaire.nav a:hover  {
    background-color: unset;
}
#block-menusecondaire .menu--menu-secondaire.nav > li:last-child > a {font-family: marianne-regular;font-size: 11pt;margin-left: 20px;}
/***************** button conexion **************************/
#block-ift-account-menu{
    float: left;
}
#block-ift-account-menu li a{
    color: #ffffff;
    font-size: 11pt;
    padding-top: 10px;
}
#block-ift-account-menu .menu--account a:focus  {
    background-color: unset;
    outline:none;
}
#block-ift-account-menu .menu--account a:hover  {
    background-color: unset;
    text-decoration: none;
}
/*****************************************************header******************************************/
/*********************************  FOOTER  ****************************************/
.footer{
    background: #121314;
    padding: 0!important;
    margin: 0!important;
    border: 0!important;
}
.site-footer__top{
    padding-top: 34px;
}
/***** menu footer *****/
.menu--footer.nav{
    display: flex;
    margin-bottom: 6px;
}
ul.menu.menu--footer.nav li a{
    padding: 0px 5px ;
    color: #ffffff;
    font-size: 11px;
    border-right: 1px solid #656262;
}
.menu.menu--footer.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none!important;
    background-color: transparent!important;
}
/****** image lien du minist re footer ******/
.lien-ministere img{
    margin-right: 15px;
    margin-bottom: 34px;
}
.lien-ministere{
    float: left;
}
/******   Institut Fran ais 2017 *******/
a.ift2017{
    float: left;
    color: #8c8989;
    font-family: marianne-light;
    font-size: 11px;
    margin-right: 10px;
}

/******** Tous droits r serv s *********/
p.droits-footer{
    float: left;
    color: #8c8989;
    font-family: marianne-light;
    font-size: 11px;
}
/************************************************* footer right **************************************************************/
/**** footer right ****/
/************** lien IFT footer right ********************/
a.lien-IFT{
    float: right;
    color: #ffffff;
    font-family: marianne-light;
    font-size: 11px;
    padding-top: 5px;
}
/************** social_links footer right ********************/
.social_media .social_links{
    float: right;
}
.social_links .region-social-links{
    width: 85%;
    float: right;
}
/********************************* SLIDESHOW  *********************************/
#views_slideshow_cycle_teaser_section_slideshow_view-block_1{
    width: 100%;
    height: 700px;
    overflow: hidden;
}
/***** slideshow fullwidth *****/
.slide_show{
    position: relative;
    z-index: 1;
    top:0;
}
/***** taille d'image slideshow *****/
#views_slideshow_cycle_main_slideshow_view-block_1 .views-field.views-field-field-image-slideshow .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img{
    width:100%;
    height:700px;
}
/***** body slideshow *****/
#views_slideshow_cycle_main_slideshow_view-block_1 .views-field.views-field-body{
    position:  absolute;
    z-index: 2;
    bottom: 30%;
    left: 3%;
    max-width: 50%;
    color: #ffffff;
    font-size: 45px;
}
/****** Controls slideshow *****/
#widget_pager_bottom_slideshow_view-block_1{
    z-index: 8;
    position: absolute;
    bottom: 50px;
    width: 95%;
}
.views-slideshow-controls-bottom .views-slideshow-pager-bullets li {
    text-indent: -9999px;
    cursor: pointer;
    display: inline-block;
    border-radius: 0!important;
    padding: 0px 6px;
    background: none!important;
    margin: 0.4em;
    line-height: 80px!important;
    margin-right: 3%;
    margin-left: 3%;
    width: 18%;
}
.views-slideshow-controls-bottom .views-slideshow-pager-bullets li.active {
    visibility: hidden;
	border-top: 2px solid #ffffff;
    background: none!important;
}
.views-slideshow-controls-bottom .views-slideshow-pager-bullets li:hover {
    background: none !important;
}
.views-slideshow-controls-bottom .views-slideshow-pager-bullets {
    text-align: unset!important;
}
#block-views-block-controls-slideshow-view-block-1 .view-content{
    display: flex;
    position: absolute;
    z-index: 5;
    bottom: 43px;
    left: 5%;
    right: 5%;
}
#block-views-block-controls-slideshow-view-block-1 .field-content{
    visibility: hidden;
	text-align: center;
    font-family: marianne-light;
    font-size: 16pt;
    color: #ffffff;
}
#block-views-block-controls-slideshow-view-block-1 .views-field.views-field-title{
    max-width: 75%;
}
/********************************* SLIDESHOW  *********************************/
/********** titre bloc front *******/
.path-frontpage  h2.block-title {
    position: absolute;
    bottom: 10%;
    left: 4%;
    color: #ffffff;
    font-size: 26px;
    font-family: marianne-regular;
}
/********************************* bloc cours examens front ********************************/
#block-bloccoursfront{
    position: relative;
}
.cours.col-lg-8{
    padding: 0!important;
}
/*** image bloc front cours examens ***/
#block-bloccoursfront img{
    width:100%;
    min-height: 500px;
    max-height: 500px;
    overflow: hidden;
}
/******************************** bloc cinema carnot front *************************************/
#block-bloccarnotfront,#block-cinemablocfront{
    position: relative;
}
.cinema-carnot.col-lg-4{
    padding: 0!important;
}
/*** image bloc front cinema ***/
#block-cinemablocfront img{
    width:100%;
    min-height: 250px;
    max-height: 250px;
    overflow: hidden;
}
/*** image bloc front le carnot ***/
#block-bloccarnotfront img{
    width:100%;
    min-height: 250px;
    max-height: 250px;
    overflow: hidden;
}
/******************************** bloc appelprojets front *************************************/
#block-blocappelfront{
    position: relative;
}
/******************************** bloc mediatheque front *************************************/
#block-blocmediathequesfront{
    position: relative;
}
/*** image bloc front mediatheque ***/
#block-blocmediathequesfront img{
    width:100%;
    max-height: 300px;
    min-height: 300px;
    overflow: hidden;
}
/*** image bloc front appelprojets ***/
.actualite{float: right;}
.appelprojets{float: left;}
.education {float: right;}
.dossier {float: left}
/*** image bloc front appelprojets ***/
#block-blocappelfront img{
    width: 100%;
    min-height: 500px;
    max-height: 500px;
}
/******************************** bloc dossier front *************************************/
#block-blocdossierfront{
    position: relative;
}
/*** image bloc front dossier ***/
#block-blocdossierfront img{
    width:100%;
    max-height: 300px;
    min-height: 300px;
}
/******************************** bloc gouvernance_culture front *************************************/
#block-blocgouvernancefront, #block-blocculturefront {
    position: relative;
}
#block-blocgouvernancefront h2.block-title{
    bottom: 10%;
}
.gouvernance_culture.col-lg-4{
    padding: 0!important;
}
/*** image bloc front gouvernance ***/
#block-blocgouvernancefront img{
    width:100%;
    min-height: 250px;
    max-height: 270px;
    overflow: hidden;
}
/*** image bloc front culture ***/
#block-blocculturefront img{
    width:100%;
    min-height: 250px;
    max-height: 270px;
    overflow: hidden;
}
/********* titre bloc front culture *************/
#block-blocculturefront h2.block-title{
    position: absolute;
    color: #ffffff;
    text-align: center;
    right: 20px;
    left: 0px;
    bottom: 15%;
}
/******************************** bloc education front *************************************/
#block-bloceducationfront{
    position: relative;
}
.education.col-lg-8{
    padding: 0!important;
}
/*** image bloc front education ***/
#block-bloceducationfront img{
    width:100%;
    min-height: 501px;
    max-height: 540px;
    overflow: hidden;
}
/******************************** bloc Campus France front *************************************/
#block-bloccampusfront{
    position: relative;
}
.campus-france.col-lg-4{
    padding: 0!important;
}

/*** image bloc front education ***/
#block-bloccampusfront img{
    width:100%;
    min-height: 400px;
    max-height: 400px;
    overflow: hidden;
}
/******************************** bloc R seau scolaire front *************************************/
#block-blocreseaufront img{
    width:100%;
    min-height: 400px;
    max-height: 400px;
    overflow: hidden;
}
.reseau-scolaire.col-lg-8{
    padding: 0!important;
}
/********************************* bloc Partenaires front *************************************/
.partenaires.col-lg-6{
    padding: 0!important;
    background-color: #FF9575;
}
#block-views-block-partenaires-slideshow-block-1{
    max-height: 400px;
    min-height: 400px;
    overflow: hidden;
}
#views_slideshow_cycle_main_partenaires_slideshow-block_1{
    width:40%;
    margin: 0 auto;
}
#block-views-block-partenaires-slideshow-block-1 h2.block-title{
    position: relative;
    text-align: center;
    color: #ffffff;
    top: 60px;
    bottom: 0;
    right: 0;
    left: 0;
}
/**** Partenaies slideshow controls *****/
.views_slideshow_controls_text_previous{
	background: transparent url(../images/left.png) 0 0 no-repeat !important;
	POSITION: absolute;
    left:50px;
    Z-INDEX: 5;
    height: 25px;
    width: 25px;
}
.views_slideshow_controls_text_previous a{
    visibility: hidden;
}
.views_slideshow_controls_text_next{
    background: transparent url(../images/right.png) 0 0 no-repeat !important;
    POSITION: absolute;
    right:50px;
    Z-INDEX: 5;
    height: 25px;
    width: 25px;
}
.views_slideshow_controls_text_next a{
    visibility: hidden;
}
.views_slideshow_controls_text_pause{
    visibility: hidden;
}
.views_slideshow_controls_text{
    position: relative;
    top: 55px;
}
/******* view partenaires ******/
#views_slideshow_cycle_teaser_section_partenaires_slideshow-block_1{
    margin: 0 auto;
}
#block-views-block-partenaires-slideshow-block-1 .view-content{
    margin-top: 20%;
    margin-bottom: 11%;
}
/************* url partenaire **********/
.views-field.views-field-field-lien-partenaire .field-content a{position: absolute;color: #00000200;text-indent: -10000em;width: 100%;height: auto;}
.views-field.views-field-field-lien-partenaire .field-content li{display: inline;}
/********************************************************** bloc actulait  front ***********************************************************************/
#block-views-block-actualites-block-1 {
    position: relative;
}
/************* image bloc actualit  front ******/
.views-field.views-field-field-image-bloc-front img{
    width:100%;
    max-height: 500px;
    min-height: 500px;
    overflow: hidden;
}
/********************** titre du bloc actualite front **********************/
#block-views-block-actualites-block-1 h2.block-title{
    position: absolute;
    top: 4%;
    left: 4%;
    color: #ffffff;
    font-family: marianne-regular;
    font-size: 26px;
    z-index: 2;
    height: 10%;
    width: 92%;
    border-bottom: 1px solid #ffffff52;
}
/***************** titre de contenu d'actualit  front *******/
#block-views-block-actualites-block-1 .views-field.views-field-title{
    position: absolute;
    z-index: 2;
    left: 4%;
    bottom: 30%;
    max-width: 60%;
}
#block-views-block-actualites-block-1 .views-field.views-field-title a{
    font-size: 26pt;
    color: #ffffff;
}
/*************** lien plus d'actulait  ***********/
#block-views-block-actualites-block-1 .more-link{
    position: absolute;
    z-index: 2;
    bottom: 8%;
    right: 35%;
}
#block-views-block-actualites-block-1 .more-link a{
    font-size: 11px;
    color: #ffffff;
}
/********** lire artcile actualit  *********/
.views-field.views-field-view-node{
    POSITION: ABSOLUTE;
    Z-INDEX: 2;
    left: 4%;
    bottom: 8%;
}
.views-field.views-field-view-node a{
    font-family: marianne-light;
    font-size: 11pt;
    color: #ffffff;
    border-bottom: 1px solid #ffffff52;
    padding: 5px;
}
/*********** pagination bloc actualit  front **************/
#block-views-block-actualites-block-1 .pager{
    position: absolute;
    z-index: 5;
    top: 2%;
    right: 4%;
}
#block-views-block-actualites-block-1 .pager li > a, .pager li > span {
    background-color: unset;
    border: 0;
    color: #ffffff;
    font-size: 25px;
}
/************* bloc newsletter ********/
.newsletter{
    padding: 0;
    background-image: url(../images/bg-news.png);
    background-repeat: no-repeat;
    background-color: #869ECE;
    background-position-x: 118%;
}
#block-abonnementsimplenews h2.block-title {
    max-width: 64%;
    /*bottom: 45%;*/
    padding-bottom: 10%;
    position: relative;
}
#block-abonnementsimplenews #edit-actions{
    width: 15%;
}
#block-abonnementsimplenews .form-submit{
    position: absolute;
/*    bottom: 10%;*/
    left: 25%;
}
#block-abonnementsimplenews .form-type-email{
    max-width: 70%;
    position: absolute;
    left: 4%;
/*    bottom: 25%;*/
    bottom: 10px;
}
#block-abonnementsimplenews  label.control-label{
    color: #ffffff;
    font-weight: normal;
}
#block-abonnementsimplenews #edit-unsubscribe{
    position: absolute;
    bottom: 20%;
    left: 30%;
}
#block-abonnementsimplenews {
    height: 400px;
    overflow: hidden;
    padding-top: 10%;
}
/************************************Agenda************************/
#block-mycalendar-5 .field--name-field-tous-nos-evenements{display:none;position: absolute;z-index: 15; bottom: 8%;right: 6%;}
#block-mycalendar-5 .field--name-field-tous-nos-evenements a{color: #ffffff;font-size:16px;}
.event-calendar td { cursor: pointer; }
.all-events-mobile{display:none;}

.field.field--name-field-lien-telechargement{

    position: absolute;
    z-index: 15;
    bottom: 8%;
    left: 6%;

}
.field.field--name-field-lien-telechargement a{
    color: #ffffff;
    font-size: 16px;

}
.field.field--name-field-lien-telechargement a:hover{
    color: #ffffff;
    font-size: 16px;


}
a.download{color: white;}
a.download:hover{color: white;}
.day-event h2.title{max-width: 250px;}
.calendrier.col-lg-9.col-md-9{padding-right: 0;padding-left: 0;}
.agenda-culturel.col-lg-12{padding-right: 0;padding-left: 0;}
.day-calendar h2{font-size: 24px;color: white;margin-top: 35px;}
#events{padding-left: 0;padding-right: 0;}
/******* couleur bloc agenda selon les mois ************/
.path-frontpage-January .calendar{background-color: #869ECE!important;  }
.path-frontpage-February .calendar{background-color: #7AB1E8!important;  }
.path-frontpage-March .calendar{background-color: #DAA520!important;  }
.path-frontpage-April .calendar{background-color: #21AB88!important;  }
.path-frontpage-May .calendar{background-color: #99C221!important;  }
.path-frontpage-June .calendar{background-color: #FFD700!important;  }
.path-frontpage-July .calendar{background-color: #FF9575!important;  }
.path-frontpage-August .calendar{background-color: #FF9575!important;  }
.path-frontpage-September .calendar{background-color: #9ACD32!important;  }
.path-frontpage-October .calendar{background-color: #FFE552!important;  }
.path-frontpage-November .calendar{background-color: #FFB7AE!important;  }
.path-frontpage-December .calendar{background-color: #3558A2!important;  }

.calendar{
    background: #024ea2;
    background-image: url("../image/bg-aagenda.png");
    background-repeat: no-repeat;
    background-position-y: 10%;
    background-position-x: 100%;
    height: 626px;
    height: 626px;
}
.day-calendar{    padding-left: 40px;}
.month-calendar{float: right;margin-top: 170px;}
.scroll-wrapper {
    height: 390px;
    margin-top: 125px;
    margin-left: 90px;
}

.calendar header {
    position: relative;
}

.calendar thead {
    font-family: marianne-bold;
    font-weight: 600;
    text-transform: uppercase;
}
.calendar tbody {
    color: white;
    font-family: marianne-bold;
}
.calendar tbody td:hover {
    color: #017bc1;
}

.calendar td {
    color: white;
    border-radius: 30%;
    display: inline-block;
    height: 42px;
    text-align: center;
    width: 24px;
    margin-right: 15px;
}
.current-day {
    /*background: #fff200;*/
    color: #fff200 !important;
}
.event {
    cursor: pointer;
    position: relative;
}
.event:after {
    background: #fff200;
    border-radius: 50%;
    bottom: 8px;
    display: block;
    content: '';
    height: 8px;
    left: 50%;
    margin: -4px 0 0 -4px;
    position: absolute;
    width: 8px;
}

.event.current-day:after {
    background: #fff200;
}


.btn-next {
    right: 20px;
    background-image: url("../image/right.png");
    background-repeat: no-repeat;
    width: 22px;
    cursor: pointer;
    position: absolute;
}
.btn-prev{
    background-image: url("../image/left.png");
    background-repeat: no-repeat;
    position: relative;
    right: 35px;
    width: 35px;
    cursor: pointer;
}
.botton{float: right;}

.close {
    color: #A4AAAB;
    margin-top: -15px;
    margin-right: 10px;
    float: right;
}
.day-event h2.title a{
    color: white;
    font-size: 26px;
    max-width: 242px;
    text-decoration: none;

}
.day-event p a{
    color: white;
    position: absolute;
    left: 0;
    text-decoration: none;
}

.day-event {
    /*background-color: #F2F2F2 ;
    width: 40%;*/
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 50px;
    display:none;
    max-width: 235px;
    /*float: right;*/

}

.day-event p{
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}

.day-event span{
    font-size: 12px;
}

.day-event button {
    position: relative;
    vertical-align: top;
    width: 100%;
    height: 50px;
    padding: 0;
    font-size: 18px;
    color: white;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    background: #fff200;
    border: 0;
    border-bottom: 2px solid #fff200;
    cursor: pointer;
    -webkit-box-shadow: inset 0 -2px #fff200;
    box-shadow: inset 0 -2px #fff200;
}

.check-btn {
    width: 100%;
}
.month{
    display: inline-block;
    margin-right: 10%;
    font-size: 16px;
    color: white;
}


#events img.img-responsive{width: 100%;height: 626px;z-index: 10;opacity: 0.5;}
#events .field-content{background:#024ea2; }
td.current-day.event{color:#fff200;}
/*leftcalendar*/
.lf-button{position: relative;}
.prev{position: absolute;
    bottom: 44%;
    left: 0px;
    background-image: url("../image/left.png");
    background-repeat: no-repeat;
    width: 22px;
    cursor: pointer;
}
.lf-next{
    top: 50%;
    position: absolute;
    right: -35px;
    background-image: url("../image/right.png");
    background-repeat: no-repeat;
    width: 22px;
    cursor: pointer;

}
.lf-day-name{

    font-size: 24px;
    color: white;
    font-weight: 400;
    text-align: center;

}
.lf-event-day{font-family:marianne-regular ;font-size: 135px;color: #fff200;text-align: center;}
.lf-day-month{
    font-size: 24px;
    color: white;
    font-weight: 400;
    text-align: center;
    margin-bottom: 45%;

}
.leftcalendar{
    position: relative;
    margin-top: 100px;
}
/************** bloc all-events front *********/
#block-views-block-img-event-front-block-1 .view-header{
    position: absolute;
    bottom: 5%;
    right: 10%;
    font-size: 16px;
    z-index: 12;
}
#block-views-block-img-event-front-block-1 .view-header a{color: #ffffff; font-family: marianne-regular;}
/************************** header top page  all events actualit s dossiers appel   projets *******************/
.page-path-error .header-top, .path-all-events .header-top, .path-dossiers .header-top, .path-actualites .header-top, .path-appels-projets .header-top, .path-video .header-top, .path-cinema .header-top, .path-contact .header-top{
    background: #034594;
}
.path-search #block-mainnavigation .dropdown-menu, .page-path-error  #block-mainnavigation .dropdown-menu, .path-dossiers #block-mainnavigation .dropdown-menu, .path-actualites #block-mainnavigation .dropdown-menu, .path-appels-projets #block-mainnavigation .dropdown-menu, .path-cinema #block-mainnavigation .dropdown-menu{
    background: #034ea2;
}
/********************* header top pages internes **********************/
.header-top{
    padding-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
}
/******page-evenements******/
.path-all-events h1.page-header {width: 85%!important;}
.path-all-events .content.col-lg-12{padding-right: 0;padding-left: 0;}
.path-all-events .views-field-title{position: absolute;bottom:20%;left:40px;}
.path-all-events .views-field-title .field-content a {color: white;}
.path-all-events .details{position: absolute;color: white;display: flex;bottom: 15px;left:40px;}
.path-all-events .col-lg-4.views-row{padding-right: 0;padding-left: 0;margin:0;}
.path-all-events .corp{min-height:450px!important;margin-right:0!important;margin-left:0!important;}
.path-all-events .alert-success{background-color: transparent;margin-left: 45px;}
.path-all-events .views-field-field-date{border-left: 1px solid;border-right: 1px solid;padding-right: 5px;padding-left: 5px;}
.path-all-events .views-field-field-lieu-event1{margin-right: 5px;}
.path-all-events .views-field-field-tarif{margin-left: 5px;}
.path-all-events .views-field-field-background-image{position: absolute;z-index: 1;left:50%;bottom: 43%;transform: translate(-50%,-50%);}
.path-all-events .views-field-field-theme-1 .field-content{    color: white;text-decoration: none;font-size: 22px;position: absolute;top: 55%;left:50%;transform: translate(-50%,-50%);}
.path-all-events .views-field-field-color-{position: absolute;width: 100% !important;height: auto;}
.fond-theme{
    opacity: 0 ;
}

.path-all-events .form-type-entity-autocomplete{display: none}
.path-all-events select#edit-year.form-select.form-control {color: #fff200!important;font-size: 16px;font-family: "marianne-regular"!important;}
.path-all-events .js-form-type-select.form-item-year{float: right;margin-top: 25px;}

.fond-theme:hover{
    opacity: 1 !important;
    display: block !important;
    transition: opacity 0.2s linear 0s;
    z-index:10;
}

.path-all-events  #block-mainnavigation .dropdown-menu{
    background: transparent;
}


/********page-programme***********************/

.path-programmes .corp{background: #034594;}

/*******************page-node-type-event*******************************/
.page-node-type-event .field.field--name-field-video-youtube{margin-top:20px;}
.page-node-type-event .article{margin-right: 0;margin-left: 0;}
.article img{width: 100%;}
.article{background-color:#231f20;}
.article h2{
    font-family: marianne-light;
    font-size: 30pt;
    margin-left: 40px;
    color: #FFFFFF;
    padding-bottom: 20px;
    border-bottom: 1px solid #ffffff52;
    padding: 25px 0px;
    margin-right: 40px;
}
.article .views-field.views-field-title{font-family:marianne-regular;font-size:19pt;color: white;position: absolute;bottom: 20px;z-index: 1;left: 30px;}
.article .views-field.views-field-title a{color: white;}
.views-field.views-field-field-imageofevent img{width: 100%;}

/************************ page recherche ************/
.path-search #detail-body span.highlight{font-weight: bold;color: #939fab;}
.path-search .header-top{  background:#034ea2;  }
.path-search .content {background-image: url("../images/fond-recherche.png");background-repeat: repeat-y;background-position-x: 100%;}
.path-search #edit-actions {float: right}
.path-search .btn-danger{background-color: unset;border: 0;}
.path-search .node__content{background: unset; }

.path-search .field--name-published-at{width: unset;border-bottom:0;padding-bottom: 0;float: right;}
.path-search .views-row{ border-bottom: 1px solid #e5e5e5;padding-bottom: 10px;margin-top: 20px;margin-bottom: 20px;}
.path-search .form-item-keys{width: 100%;margin-bottom: 15px;}
.path-search input#edit-keys.form-text.form-control{width: 100%;}
.path-search .form-text, .path-search .form-select, .path-search .hasDatepicker{background-color: #034ea2;color: #fff;border-color: #fff200}
.path-search .control-label{font-family: marianne-regular;font-size:13px;color: #ffffff;margin-left: 20px}
.path-search .ui-widget{font-family: marianne-regular;}
.path-search .ui-widget-content{background: #034ea2;color: #ffffff;  }
.path-search .ui-widget-header{background: unset;color: #ffffff;border:0;}
.path-search .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {border:0;color:#ffffff;background: unset;}
.path-search h2{font-family: marianne-regular;font-size: 18pt;}
.path-search .field--name-body{font-family: "marianne-regular"!important;font-size: 13pt!important;color: #333!important;margin: 0!important;padding: 0!important;}
/*******************page Partenaires ****************************/
.page-node-107 table{
    margin: 0 auto;
    margin-bottom: 25px;
}
.page-node-107 .field--item{
    text-align: center;
}
/**************** Page newsletter Se d sabonner ***********************/
.path-newsletter .header-top{
    background: #231f20;
}
body.path-newsletter{
    margin-top: 0!important;
}
.path-newsletter #simplenews-confirm-removal{
    text-align: center;
    padding: 40px 15px;
    font-size: 24px;
    font-family: inherit;
    font-weight: 500;
}
.path-newsletter #edit-actions{
    margin-top: 25px;
}
/******* ************/
.path-actualites .views-row, .path-dossiers .views-row, .path-appels-projets .views-row{margin-bottom: 25px}
/*******************page-node--DETAILS*******************************/
.path-node .baniere{
    width: 100%;
    position: absolute;
}
.path-node .header-top, .path-webform .header-top{
    background: #121314;
}
.path-node .layout__region.layout__region--content{
    margin: 0;
    padding: 0;
    background: #f5f6f8;
}
.path-node .container{
    background-color: #ffffff;
    position: relative;
    margin-top: 30%;
    padding-top: 3%;

    
}
#ajaxify_submit_form_newsletter{
    position: relative;
    /*top: 85px;*/
}
.path-node .field.field--name-field-theme>.field--items {
	    display: none !important;
    }
.path-node .field.field--name-field-theme, .field.field--name-field-secteur, .field.field--name-field-categorie, .field.field--name-field-secteur-dossiers  {
    display: none;
    position: absolute;
    top: 50%;
    bottom: 50%;
    color: white;
    left:25%;
    right: 25%;
    font-size: 30px;
    text-align: center;
}
.field.field--name-field-endroit{border-left: 1px solid;}
.stButton .stLarge:hover {background-position: unset;}
.path-node .sharethis-wrapper{ padding-top: 15px; }
.sharethis-wrapper{
    text-align: center;
}
/********** champ dossier document page actualit  *********/
.path-node .field.field--name-field-dossier-actualite .field--label{width: 50%;margin: 0 auto;float: none!important;}
.path-node .field.field--name-field-dossier-actualite .field--items{width: 50%;margin: 0 auto;float: none!important;}
.path-node .field.field--name-field-document .field--label  {width: 50%;margin: 0 auto;float: none!important;}
.path-node .field.field--name-field-document .field--items  {width: 50%;margin: 0 auto;margin-bottom: 10px;float: none!important;}
/********** champ dossier document page event *********/
.path-node .field_dossier_de_presse_event .field--label{width: 50%;margin: 0 auto;float: none!important;}
.path-node .field_dossier_de_presse_event .field--items{width: 50%;margin: 0 auto;float: none!important;}
.path-node .field_document_event1 .field--label  {width: 50%;margin: 0 auto;float: none!important;}
.path-node .field_document_event1 .field--items  {width: 50%;margin: 0 auto;margin-bottom: 10px;float: none!important;}
/********** champ dossier document page dossier *********/
.path-node .field_d .field--label{width: 50%;margin: 0 auto;float: none!important;}
.path-node .field_d .field--items{width: 50%;margin: 0 auto;float: none!important;}
.path-node .field_document_dossiers .field--label  {width: 50%;margin: 0 auto;float: none!important;}
.path-node .field_document_dossiers .field--items  {width: 50%;margin: 0 auto;margin-bottom: 10px;float: none!important;}
/********** champ dossier document page appel   projets *********/
.path-node .field_dossier_de_presse_appel .field--label{width: 50%;margin: 0 auto;float: none!important;}
.path-node .field_dossier_de_presse_appel .field--items{width: 50%;margin: 0 auto;float: none!important;}
.path-node .field_document_appel .field--label  {width: 50%;margin: 0 auto;float: none!important;}
.path-node .field_document_appel .field--items  {width: 50%;margin: 0 auto;margin-bottom: 10px;float: none!important;}
/****************** detail-event***********************/
#detail-lieu.ul{
    display: block;
    text-align: center;
    position: relative;
    margin-bottom: 20px;
    font-family:marianne-regular;
    font-size:18px;
}
#detail-lieu .li{
    display: inline-block;
}
#endroit-lieu.ul{
    display: block;
    text-align: center;
    position: relative;
    margin: 0 auto;
    font-family:marianne-light;
    font-size:17px;
}
#date-debut-fin.ul {
    display: block;
    text-align: center;
    position: relative;
    padding-bottom: 10px;
    margin: 0 auto;
    font-family: marianne-regular;
    font-size: 17px;
}
#date-debut-fin .li{
    display: inline-block;
    padding-right: 10px;
    padding-left: 10px;
}
#endroit-lieu .li{
    display: inline-block;
    padding-right: 10px;
    padding-left: 10px;
}
#tarif-heure.ul{
    display: block;
    text-align: center;
    position: relative;
    margin: 0 auto;
    font-family:marianne-light;
    font-size:17px;
    border-bottom: 1px solid #f1f1f2;
    margin-top: 20px;
    padding-bottom: 40px;
}
#tarif-heure .li{
    display: inline-block;
}
#tarif-heure .field--label{display: none;}
.path-node .field--name-body{
    font-family: marianne-regular;
    color: #231f20;
    font-size: 19px;
    margin-left: 15%;
    margin-right: 15%;
    padding-top: 40px;
    margin-bottom: 80px;
}
/****************** detail-mots cl s***********************/
.field--name-field-mots-cles-appels, .field--name-field-mots-actualite, .field--name-field-mots-cles-dossiers, .field--name-field-mots-cles{
    margin: 0 auto;
    text-align: center;
    display: table;
    padding-top: 25px;
}
.field--name-field-mots-cles-appels .field--item, .field--name-field-mots-actualite .field--item, .field--name-field-mots-cles-dossiers .field--item, .field--name-field-mots-cles .field--item {
    margin: 0px 20px 20px 0;
    border: 5px solid #034ea2;
    background: #034ea2;
    color: white;
    font-size: 15px;
    float: left;
}
.field--name-field-mots-cles-appels .field--label{
    display: contents;
}
/***** d tail -appels *************/
.publication-appel{
    display: table;
    margin: 0 auto;
    text-align: center;
    font-family:marianne-light;
    font-size:17px;
}
.page-node-type-appel-a-projets-et-candidature .field--label{
    display: contents;
}
/****************** detail-actualit -detail***********************/
.publication-appel{
    display: table;
    margin: 0 auto;
    text-align: center;
    font-family:marianne-light;
    font-size:17px;
}

/****************** page-cinema***********************/
.path-cinema .detail-cinema{display:flex; margin-top: 15px;font-family: marianne-light;font-size: 18px;}
.path-cinema .views-field.views-field-field-tarif{border-left: 1px solid;padding-left: 6px;}
.path-cinema .views-field.views-field-field-date{padding-right: 6px;}
.path-cinema .video-embed-field-provider-youtube{margin-top: 25px;height: 480px}
.path-cinema .views-field-field-video-youtube{
    display: block;
    text-align: center;
    margin-top: 80px;
}
.path-cinema .field--name-field-titre-de-la-video-{font-family: marianne-light;font-size: 30pt;margin-top: 35px;text-align: center;}
#block-views-block-cinema-block-1 h2{
    font-family: marianne-light;
    font-size: 30px;
    margin-left: 40px;
}
.student-controls .nav-item{
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 5px!important;
}
student-controls {
    display: block;
    margin-top: 1.8rem!important;
    font-family: 'marianne-light'!important;
}
			    
.titre-film{
    font-size: 30pt;
    font-family: marianne-light;
    margin-left: 30px;
    margin-top: 50px;
}
.path-cinema .details{
    margin-bottom: 15px;
    margin-top: 30px;
}
.path-cinema .views-field-field-titre-du-film- a{
    font-family: marianne-light;
    font-size: 25px;
    color: black;
}
.path-cinema .views-field.views-field-field-acteur-principale{
    font-family: marianne-light;
    font-size: 18px;
    color: black;
}
.path-cinema .views-field-field-description-{
    font-family: marianne-light;
    font-size: 18px;
    color: black;
}
.path-cinema .views-field-field-lien-bande-annonces-{
    border: 5px solid #ef4d4d;
    background: #ef4d4d;
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 15px;
    max-width: 20%;
}
.path-all-events .views-field.views-field-field-imageofevent img{height: 220px;}
.color_field__swatch--square{width: 100% !important;overflow: hidden;max-height: 220px;height: 220px !important;}
.path-cinema .views-field-field-mots-cles .item-mots-cles {
    max-width: 60%;
    color: white;
    font-size: 15px;
    border: 5px solid #034ea2;
    background: #034ea2;
    margin: 5px;
}
.path-cinema .views-field.views-field-field-mots-cles ul{list-style: none;}

.path-cinema .views-field-field-lien-bande-annonces- a{
    color: white;
    font-size: 14px;
    font-family: marianne-regular;
}
/****************** detail-dossier***********************/
.path-node .field--name-published-at .field--label{display: contents;}
.path-node .field--name-published-at{
    text-align: center;
    font-family:marianne-light;
    font-size:17px;
    margin-top: 0;
    margin-bottom: 25px;
    border-bottom: 1px solid #f1f1f2;
    padding-bottom: 50px;
    width: 100%;
}
#baniere{
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}
.page-node-type-page .node__content{
    background: #eeeef0;
        background-image: url(../images/IF_SymboleIn.png);
      background-position: 50% 50%;
      background-size: 21%;
    
}
.node__content{
    background: #eeeef0;
        
    
}

/****************** bloc articles li s***********************/
.articles .col-lg-3.views-row{
    padding: 0;
}
.article.col-lg-12{
    padding: 0;
}
/************************** pagination des blocs articles li s ***********************/
.region.region-article-lie .pager{
    position: absolute;
    top:12%;
    right: 2%;
    z-index: 5;
}
.region.region-article-lie .pager li > a, .pager li > span {
    background-color: unset;
    border: 0;
    color: #ffffff;
    font-size: 16px;
}
/*********************** button share ***********************/
.st_facebook_large span.stLarge{  background-image: url(../images/facebook.png)!important;opacity: 0.5;  }
.st_twitter_large span.stLarge{  background-image: url(../images/twiter.png)!important;opacity: 0.5;  }
.st_googleplus_large span.stLarge{  background-image: url(../images/gmail.png)!important;opacity: 0.5;  }
/****************************** Page vid o *******************************/
#block-views-block-vue-page-video-block-1 .view-header {
    float: right;
    margin-right: 2%;
}
.video-live a{color: white;font-family:  marianne-regular;font-size: 16px;}
.video-live a:hover{color: white;font-family:  marianne-regular;font-size: 16px;}
.path-video .page-header{
    padding: 0;
    border-bottom: 0;
}
.path-video .corp {min-height:450px}
.path-video .content.col-lg-12{
    padding: 0;
}
.path-video  #block-mainnavigation .dropdown-menu {
    background: #034ea2;
}

.path-video .view-display-id-page_1 .views-field-title{
    position: absolute;
    top: 30%;
    right: 12%;
    max-width: 20%;
}
.path-video .view-display-id-page_1 .field-content a{
    font-family:marianne-regular ;
    color: #ffffff;
    font-size: 38px;
}
.path-video .view-display-id-page_1 .entete{

    font-family:marianne-light;
    color: #ffffff;
    font-size: 30pt;
}
.path-video .content-videos{
    background-image: url("../images/fond-video.png");
    background-position: bottom;
    background-size: 100%;
    display: inline-block;
    width: 100%;
}
.path-video .video-embed-field-provider-youtube.form-group iframe{
    padding-top: 25px;
}
.path-video .col-lg-4{margin-top: 5%;}
/************** bloc Nos derni res vid os titre des videos ********************/
#block-views-block-vue-page-video-block-1 .article .views-field.views-field-title {
    font-family: marianne-regular;
    font-size: 19pt;
    color: white;
}
#block-views-block-vue-page-video-block-1 .view-content, #block-views-block-all-events-block-1-2 .view-content{
    padding-top: 25px;
}
.path-video .views-field.views-field-nothing{margin-top: 20%;margin-right: 28%;}

/********************************** La page de connexion ***********************/
.path-user .header-top{
    background-color: #231f20;
}
.path-user #user-login-form{
    margin-top: 20px;
    margin-bottom: 45px;
    font-family: "marianne-regular";
    color: #444444;
}
.path-user .form-actions.form-group.js-form-wrapper.form-wrapper{
    width:13%;
    margin:auto;
    margin-top: 40px;
}
body.path-user {
    margin-top: 0 !important;
}
.path-user .user-login-form label{
    font-weight: 500;
}
.path-user #user-pass{
    margin-top: 20px;
    margin-bottom: 45px;
    font-family: "marianne-regular";
    color: #444444;
}
.path-user .user-pass label{
    font-weight: 500;
}
.path-user #block-mainnavigation .dropdown-menu{
    background: #231f20;
}
/********************************** page contact ***********************/
body.path-contact {
    margin-top: 0 !important;
}
.path-contact #block-mainnavigation .dropdown-menu{
    background: #034ea2;
}
.path-contact #contact-message-feedback-form{
    margin-bottom: 20px;
}
.path-contact textarea.form-control{height: 90px!important;}
/***** bloc geolocalisation ****/
#block-geolocalisation {
    margin-top: 35px;
    margin-bottom: 35px;
}
#block-geolocalisation iframe{
    width: 100%;
}
.path-contact .region-content {
    margin-top: 40px;
}
.path-contact corp{
    font-family: "marianne-regular";
    color: #444444;
}
.path-contact #block-numerosdirectsdesservices{
    margin-bottom: 20px;
}


/*******************appel a projet *******************************/
.col-lg-2 .sharethis-wrapper{display: table-caption;}
.col-lg-2 .views-field.views-field-sharethis-node{margin-top: 40px;text-align: center;}

.col-lg-6 .views-field.views-field-title a{color: black;font-family:marianne-regular;font-size: 24px;}

.col-lg-6 .views-field.views-field-title{margin-bottom: 25px;}
.col-lg-6 .views-field.views-field-published-at{font-family: marianne-light;margin-bottom: 40px;font-size: 13px;}
.col-lg-6 .views-field.views-field-body{font-family: marianne-light;font-size: 19px;margin-bottom: 0;}
.col-lg-6 .views-field.views-field-field-mots-cles-appels ul li{    margin: 5px 5px 5px 5px;list-style: none;border: 8px solid #034ea2;border-radius: 5%;text-align: center;background: #3558A2;    color: white;font-size: 13px;font-family: marianne-regular;}
.col-lg-6 .views-field.views-field-field-mots-cles-appels ul{display: flex;}
.col-lg-4 .views-field.views-field-field-categorie .field-content{position: absolute;color: white;top: 0;z-index: 1000;background: #ef4d4d;border: 10px solid #ef4d4d;}
span.views-label{display: none;}
span.views-label.views-label-published-at, span.views-label.views-label-changed{display: block;float: left;}
.views-field.views-field-field-mots-cles-appels{margin-bottom: 90px;}
span.stButton{margin-bottom: 20px;}

/*******************actualit  *******************************/
.views-field.views-field-field-mots-actualite ul{display: flex;}
.views-field.views-field-field-mots-actualite ul li{margin: 5px 5px 5px 5px;list-style: none;border: 8px solid #034ea2;border-radius: 5%;text-align: center;background: #034ea2;    color: white;font-size: 13px;font-family: marianne-regular;}
.views-field.views-field-field-mots-actualite{margin-bottom: 90px;}
.views-field.views-field-field-secteur{position: absolute;color: white;top: 0;z-index: 1000;background: #ef4d4d;border: 10px solid #ef4d4d;}
/*******************dossier *******************************/
.views-field.views-field-field-mots-cles-dossiers ul{display: flex;}
.views-field.views-field-field-mots-cles-dossiers ul li{margin: 5px 5px 5px 5px;list-style: none;border: 8px solid #034ea2;border-radius: 5%;text-align: center;background: #034ea2;    color: white;font-size: 13px;font-family: marianne-regular;}
.views-field.views-field-field-mots-cles-dossiers{margin-bottom: 90px;}
.views-field.views-field-field-secteur-dossiers{position: absolute;color: white;top: 0;z-index: 1000;background: #ef4d4d;border: 10px solid #ef4d4d;}
/*******************menu-page-interne*******************************/

.path-appels-projets .header-top.col-lg-12{padding-bottom: 80px;}
.path-dossiers .header-top.col-lg-12{padding-bottom: 80px;}
.path-actualites .header-top.col-lg-12{padding-bottom: 80px;}
.path-dossiers body{background-color: #f5f6f8;}
/*******************Quicktabs page dossiers actualit s appel   projets *******************************/
ul.quicktabs-tabs li:first-child a{

    color: yellow;

}
.path-dossiers .quicktabs-tabs, .path-actualites .quicktabs-tabs,.path-appels-projets .quicktabs-tabs {
    bottom: 65px
}

/*******************Quicktabs*******************************/
.path-all-events .quicktabs-tabs{padding-left: 1%;}
.quicktabs-tabs{position: relative;bottom: 15px;    border-top: 1px solid white;width: 100%;padding-top: 20px;padding-bottom:15px;padding-left: 0;}
.path-actualites .quicktabs-tabs{position:absolute; border-top: 1px solid white;width: 100%;top: -75px;}

ul.quicktabs-tabs li:active{border-top: 2px solid white;padding-top: 20px;width: 100%;}
.path-dossiers ul.quicktabs-tabs li, .path-actualites ul.quicktabs-tabs li, .path-appels-projets ul.quicktabs-tabs li{padding:20px 4% 0;}
ul.quicktabs-tabs li a{color: white;font-size: 13px;font-family: marianne-light;text-decoration: none;}
h1.js-quickedit-page-title.title.page-title{position: absolute;top: 100%;color: white;left:2%;font-size: 45px;font-family: marianne-regular;}
.path-dossiers .view-content{margin-bottom: 15px;}
.path-appels-projets .view-content{margin-bottom: 15px;}
.path-dossiers body{background-color: #f5f6f8;}
.path-appels-projets body{background-color: #f5f6f8;}
.path-all-events .view-content{margin-bottom: 165px;}
.path-all-events ul.quicktabs-tabs li{margin-right: 3%;}
/*******************Page-interne-detail*******************************/
.page-node-type-event h1.js-quickedit-page-title.title.page-title{    font-family: marianne-regular;font-size: 20pt;color: white;position: absolute;top: 700%;Z-INDEX: 1000;TEXT-ALIGN: CENTER;left: 20%;}
.image_baniere img{width: 100%;}
.path-node  #block-mainnavigation .dropdown-menu{
    background-color: rgb(12, 12, 13);
}
/***************  la couleur du header-top et du corp se change selon le mois  page-all-events ***************/
.page-detail-event-January .header-top, .page-detail-event-January .corp, .page-detail-event-January #block-mainnavigation .dropdown-menu, .page-detail-event-January .form-select.form-control{
    background-color: #869ECE!important;
}
.page-detail-event-February .header-top, .page-detail-event-February .corp, .page-detail-event-February #block-mainnavigation .dropdown-menu , .page-detail-event-February .form-select.form-control{
    background-color: #7AB1E8!important;
}
.page-detail-event-March .header-top, .page-detail-event-March .corp, .page-detail-event-March #block-mainnavigation .dropdown-menu, .page-detail-event-March .form-select.form-control{
    background-color: #DAA520!important;
}
.page-detail-event-April .header-top, .page-detail-event-April .corp, .page-detail-event-April #block-mainnavigation .dropdown-menu, .page-detail-event-April .form-select.form-control{
    background-color: #21AB88!important;
}
.page-detail-event-May .header-top, .page-detail-event-May .corp, .page-detail-event-May #block-mainnavigation .dropdown-menu, .page-detail-event-May .form-select.form-control{
    background-color: #99C221!important;
}
.page-detail-event-June .header-top, .page-detail-event-June .corp, .page-detail-event-June #block-mainnavigation .dropdown-menu, .page-detail-event-June .form-select.form-control{
    background-color: #FFD700!important;
}
.page-detail-event-July .header-top, .page-detail-event-July .corp, .page-detail-event-July #block-mainnavigation .dropdown-menu, .page-detail-event-July .form-select.form-control{
    background-color: #FF9575!important;
}
.page-detail-event-August .header-top, .page-detail-event-August .corp, .page-detail-event-August #block-mainnavigation .dropdown-menu, .page-detail-event-August .form-select.form-control{
    background-color: #FF9575!important;
}
.page-detail-event-September .header-top, .page-detail-event-September .corp, .page-detail-event-September #block-mainnavigation .dropdown-menu, .page-detail-event-September .form-select.form-control{
    background-color: #9ACD32!important;
}
.page-detail-event-October .header-top, .page-detail-event-October .corp, .page-detail-event-October #block-mainnavigation .dropdown-menu, .page-detail-event-October .form-select.form-control{
    background-color: #FFE552!important;
}
.page-detail-event-November .header-top, .page-detail-event-November .corp, .page-detail-event-November #block-mainnavigation .dropdown-menu, .page-detail-event-November .form-select.form-control{
    background-color: #FFB7AE!important;
}
.page-detail-event-December .header-top, .page-detail-event-December .corp, .page-detail-event-December #block-mainnavigation .dropdown-menu, .page-detail-event-December .form-select.form-control {
    background-color: #3558A2!important;
}
/**************** page 404 / 403  ************/
.page-path-error .corp{min-height:450px!important;}
.page-path-error .content.container{min-height:450px;}
.page-path-error .error-template {padding: 40px 15px;text-align: center;margin-top: 10%}
.page-path-error .error-actions {margin-top:15px;margin-bottom:15px;}
.page-path-error .error-actions .btn { margin-right:10px; }
.page-path-error .error-template input#edit-keys.form-search.form-control, input#edit-keys--2.form-search.form-control {display: table-cell}
.page-path-error .content button.button.js-form-submit.form-submit.btn-primary.btn.icon-only {background-color: #337ab7;border-color: #2e6da4;}
.page-path-error .search{padding-top: 25px;padding-bottom: 5px; max-width: 25%;margin: 0 auto; }
.page-path-error .corp{background: #eeeef0;}
.page-path-error .container {background: #ffffff;padding-bottom: 5%}
/*************** page 500 *********/
.page-path-error .logo-site {width: 15%;margin: 0 auto; }
.page-path-error  .error-template-500 {padding: 40px 15px;text-align: center;margin-top: 15%;margin-bottom: 15%;}
.corp {min-height: 750px}
/********** style des liens a ************/
a:hover, a:focus {text-decoration: none}
a:focus {  outline: unset;  }
/***** select filtres *****/
.path-dossiers .views-exposed-form, .path-actualites .views-exposed-form, .path-appels-projets .views-exposed-form /*, .path-all-events .views-exposed-form*/  {display: none;}
.path-all-events .form-item-field-theme-target-id {display: none;}
/********* page cours fran ais *********/
.page-cours-francais .field--name-body{margin:0!important;padding-top: 0!important;}
.page-cours-francais .container{margin-top: 0!important;padding: 0!important;position: unset!important;}
.page-cours-francais .row{margin: 0!important;}
.page-cours-francais .field--name-field-image-banniere{padding-bottom: 25px;}
.page-cours-francais .course-list-header h1{text-align: center;}
/*************** Webform ****************/
.form-actions{text-align: center;}
form.webform-submission-form{font-family:marianne-regular;padding-bottom: 5%; padding-top: 5%;width: 30%;margin: 0 auto;}
.webform-confirmation__message{font-size: 19px}
.webform-confirmation {padding-top: 35px;text-align: center;}
/********page-centres**********/
.les-vignettes{display:flex;}
.vignette13{
        margin: 0 auto;
    text-align: center;
}
.les-vignettes .col-lg-4{padding-left: 0;padding-right: 0;}



#tarif-heure .field--item a {
    background-color: #008ac9;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 0 auto;
    margin-bottom: 10px;
    color: white;
    padding-left: 10px;


}
.field.field--name-field-arc{border-left: 1px solid black;padding-left: 10px;}
.field--name-field-tarif{padding-right:10px;}
.views-field-field-ville-event1 {
    color: white;
    position: absolute;
    top: 0px;
    right: 0;
    background: #ef4d4d;
    border: 10px solid #ef4d4d;
    padding-right: 5px;
    padding-left: 5px;
}

#block-socialmedialinks-2{
    position: fixed;
    right: 0;
    background: #034594;
    top: 40%;
	padding:5px;
	z-index:999999

}
#block-socialmedialinks-2 li{
   display: block;
	padding:5px

}
#block-socialmedialinks-2 li span{
  font-size: 20px;

}
.horaire-zn{ margin-bottom:10px}