@font-face {
    font-family: 'STONEHARBOUR-Regular';
    src : url('../um_fonts/stoneharbour-regular-webfont.woff2') format('woff2'),
          url('../um_fonts/stoneharbour-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
 
/**** CSS du moteur de recherche page d'accueil *****/

#partie2{
    display : none;
}
#partie3{
    display : none;
}
div#role-accueil {
    display: block;
    margin: 0 auto;
    width: 950px;
    position: relative;
    margin-top : 2.4%;
}
div.accueil-central{
    font-family : 'Yantramanav-Light';
    font-size : 32px;
}
div.accueil-central div.traduction-index-desktop{
    position:absolute;
    top:21px;
    right:27px;
}
div.accueil-central div.traduction-index-desktop .haut-droite{
    display:inline-block;
    vertical-align:top;
}
div.accueil-central div.traduction-index-desktop *{
    font-size:17px;
    color:#fff;
    text-transform:uppercase;
}
div.accueil-central div.traduction-index-desktop .trad-cacher{
    display:none;
}
div.accueil-central li#langue-en-cours{
    cursor:pointer;
}
div.accueil-central li#langue-en-cours:hover .trad-montrer{
    display:none;
}
div.accueil-central li#langue-en-cours:hover .trad-cacher{
    display:block;
}
div.accueil-central span{
    font-family : 'Yantramanav-Light';
    font-size : 32px;
    display : inline-block;
}
div.accueil-central ul{
    background : transparent;
}
div.accueil-central ul li{
    list-style: none;
    cursor : pointer;
}
div.accueil-central ul > li > ul{
    border : none;
    padding-left : 0 !important;
}
div.accueil-central ul > li > ul > li{
   background : rgba(0,0,0,0.9);
    font-weight : normal;
    font-size : 26px;
    font-family : 'Yantramanav-Light';
    color:#fff;
    padding : 0 10px;
}
div.accueil-central ul > li > ul > li:hover{
    background: rgba(0,0,0,0.9);
}
div.accueil-central ul li a:hover{
    text-decoration : none !important;
    border : none !important;
}
div.accueil-central div#role-accueil{
    text-align: center;
    /*display : none;*/
}
main.partie-droite div.accueil-central div#partie1 .dropdown-menu{
    left : 280px;
    box-shadow : none;
}
main.partie-droite div.accueil-central div#partie2 .dropdown-menu{
    left : 577px;
    box-shadow : none;
}
main.partie-droite div.accueil-central div#partie3 .dropdown-menu{
    left : 415px;
    box-shadow : none;
}
main.partie-droite div.accueil-central div#role-accueil span#choisir1,
main.partie-droite div.accueil-central div#role-accueil span#choisir2,
main.partie-droite div.accueil-central div#role-accueil span#choisir3{
    font-weight : bold;
}
/******************** CSS page accueil **********************/

main.partie-droite div.accueil-central{
    height: 100%;
    width: 100%;
    display:block;
    padding-top : 16%;
}

main.partie-droite div.accueil-central h2{
    background : none;
    display : block;
}

main.partie-droite div.accueil-central h2,
main.partie-droite div.accueil-central span,
main.partie-droite div.accueil-central p{
    color : #fff;
    text-align : center;
}

main.partie-droite div.accueil-central p{
    font-size : 32px;
    font-weight : lighter;
}

main.partie-droite div.accueil-central h2 span{
    font-size : 171px;
    font-family : 'STONEHARBOUR-Regular';
}

/*************** Evenementiel *****************/
main.partie-droite div.accueil-central .jpo2019{
    padding-top : 16%;
}

main.partie-droite div.accueil-central .jpo2019 a,
main.partie-droite div.accueil-central .jpo2019 a:hover{
    text-decoration : none;
}
main.partie-droite div.accueil-central .jpo2019 img{
    margin: 0 auto;
    display: block;
    height:auto;
    max-width:100%;
}
main.partie-droite div.accueil-central .titre-accueil h2{
    /*display:none;*/
}
/************ Fin evenementiel ****************/

main.partie-droite div.footer-accueil{
    height:88px;
    position: absolute;
    left: 0;
    bottom:0;
    width:100%;
    padding-left:90px;
}
main.partie-droite div.footer-accueil p.content-link *{
    color : white;
    font-family : 'Yantramanav-Light';
    font-size : 20px;
}
main.partie-droite div.footer-accueil p.content-link a{
    text-decoration : none;
}
main.partie-droite div.footer-accueil p.content-link a:hover{
    text-decoration : underline;
}
main.partie-droite div.footer-accueil p.content-date{
    text-align : left;
    color : white;
}
main.partie-droite div.footer-accueil a:hover,
main.partie-droite div.footer-accueil a:focus{
    background : none;
}
main.partie-droite div.footer-accueil #zone1-bas{
    padding-left : 0;
    background : #2b3a6c url('../um_img/accueil/actus-astuces.png') no-repeat;
    height : 100%;
    float : left;
}
main.partie-droite div.footer-accueil .zone1-bas-eng{
    background : #2b3a6c url('../um_img/accueil/avion.png') no-repeat !important;
}
main.partie-droite div.footer-accueil #zone1-bas a{
    color : white;
    font-size : 17.5px;
    display : inline-block;
    width : 100%;
    height : 100%;
    padding-left: 37%;
    padding-top: 4%;
}
main.partie-droite div.footer-accueil #zone1-bas a p{
    font-size : 17.5px;    
}

main.partie-droite div.footer-accueil #zone1-bas a span:nth-of-type(1){
    font-family : 'Yantramanav-Light';
}
main.partie-droite div.footer-accueil #zone1-bas a span:nth-of-type(2){
    font-weight : bold;
}

main.partie-droite div.footer-accueil #zone2-bas{
    background : #db4c3b;
    height: 100%;
    float : left;
    padding : 0 1.96%;
}
main.partie-droite div.footer-accueil #zone3-bas{
    padding : 27px 0 0 0;
    margin : 0;
    background : #cf3b29;
    height: 100%;
    float : left;
    width: 200px;
}
main.partie-droite div.footer-accueil #zone3-bas ul{
    display: flex;
    justify-content: space-around;    
    padding : 0 4px 0 4px;
    margin : 0;
}
main.partie-droite div.footer-accueil #zone3-bas ul li{
    list-style : none;
}
main.partie-droite div.footer-accueil #zone3-bas img{
    height : auto;
    max-width : 100%;
}
main.partie-droite div.footer-accueil #zone3-bas a {
    color: #db4c3b;
    border-bottom: 0;
    background: #fff;
    border-radius: 28px;
    width: 28px;
    height: 28px;
    display: flex;
    flex-direction: initial;
    justify-content: center;
    align-items: center;
    text-decoration:none;
}
 
/********************Fin page accueil ***********************/

/** CSS du slide **/
#slider {
    position: relative;
    overflow: hidden;
    margin: 11px 0 0 0;
    float: left;
}

#slider ul {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}

#slider ul li {
    position: relative;
    display: inline-block;
    float: left;
    margin: 0;
    padding: 0;
}

#slider ul li a{
    display : inline-block;
    width : 100%;
    padding : 3px 3px 3px 0;
}

#slider ul li a span{
    color : #fff;
    font-size : 19px;
}
#slider ul li p{
    margin-bottom : 0; 
}
#slider ul li a span.sous-titre{
    font-family : 'Yantramanav-Light';
    font-size : 22px;
}
#slider .even .ametys-cms-content {
    margin-top: 0;
}
#controles{
    float: right;
    display: inline-block;
    margin-top : 15px;
}

#controles a{
    color : #fff;
}
#controles a:nth-of-type(2){
    margin-left:25px;
}
#slider ul.news-accueil-en h2{
    margin-bottom:0;
}
#slider ul.news-accueil-en h2 span{
    margin-bottom:0;
    font-size:19px;
    padding-left:0;
}
#slider ul.news-accueil-en p,
#slider ul.news-accueil-en a
{
    color:#fff;
}
#slider ul.news-accueil-en p{
    display:inline;
    float:left;
    font-family:'Yantramanav-Light';
    font-size:20px;
}
#slider ul.news-accueil-en p.content-abstract{
    margin-right:5px;

}
#slider ul.news-accueil-en p.content-abstract::after{
    content: " - ";    
}
#slider ul.news-accueil-en p.content-read-more a.url{
   padding:0;
   font-family:'Yantramanav-Light';
   font-size:20px;
}
main.partie-droite .filtered-contents-abstract ul.news-accueil-en li.content-list-item{
    background:none;
}
@media (max-width : 360px){
    body nav.menu-actualites div.liens-actu-1 a span{font-size:21px !important;}
    body nav.menu-actualites div.liens-actu-2 a span{font-size:21px !important;}
    main.partie-droite div.footer-accueil #zone3-bas ul li {margin-right: 10px !important;}
}
@media (max-width : 480px){
    main.partie-droite div.footer-accueil nav.menu-actualites div.actu-vu-lu-entendu {display:block;}
    body nav.menu-actualites div.liens-actu-1 a span{font-size:25px;}
    body nav.menu-actualites div.liens-actu-2 a span{font-size:25px;}
    body nav.menu-actualites div.liens-actu-1 a i.fa-angle-right{font-size:3em;}
    body nav.menu-actualites div.liens-actu-2 a i.fa-angle-right{font-size:3em;} 
    body nav.menu-actualites div.actu-vu-lu-entendu .view-abstract{margin-top:6%;}
}
@media (max-width : 640px){
    main.partie-droite div.accueil-central .titre-accueil h2{display:inline-block;}
    main.partie-droite div.titre-accueil {height:350px;background : #2b3a6c !important;padding:0 25px 0 25px !important;}
    main.partie-droite div#role-accueil {padding:0 25px 13% 25px !important;}
    main.partie-droite span.titre-accueil1{font-size: 45px !important;}
    main.partie-droite span.titre-accueil2{font-size: 90px !important;}
    main.partie-droite span.titre-accueil3{font-size: 45px !important;}
    main.partie-droite span.titre-accueil4{font-size: 85px !important;}
    main.partie-droite div.accueil-central div#role-accueil span#choisir1,
    main.partie-droite div.accueil-central div#role-accueil span#choisir2,
    main.partie-droite div.accueil-central div#role-accueil span#choisir3{width:94%;text-align:left;}
    main.partie-droite div.accueil-central span {font-size: 23px;text-align: left !important;}
    div.accueil-central ul > li > ul > li {font-size: 23px;}
    .footer-accueil #zone1-bas{display:none;}
    .footer-accueil #zone2-bas{height : 190px !important;}
    .footer-accueil #zone2-bas #controles{display:block;margin-top:0 ;width:100%;}
    .footer-accueil #zone3-bas{-webkit-logical-height : 190px !important;-webkit-padding-before: 15px !important;}
    .footer-accueil #controles a:nth-of-type(2){margin-left: 0;float : right;}
    main.partie-droite div#role-accueil div#partie1 {width: 100% !important;}
    main.partie-droite div#role-accueil div#partie2 {width: 100% !important;}
    main.partie-droite div#role-accueil div#partie3 {width: 100% !important;} 
    main.partie-droite div.accueil-central .jpo2019 {padding-right:25px;padding-left:25px;padding-bottom:100px;}
    main.partie-droite div.accueil-central .jpo2019 p{font-size : 28px;}
}
@media (min-width : 640px) and (max-width : 1024px){
    main.partie-droite div.titre-accueil{height:465px;}
    main.partie-droite span.titre-accueil1{font-size: 55px !important;}
    main.partie-droite span.titre-accueil2{font-size: 125px !important;}
    main.partie-droite span.titre-accueil3{font-size: 55px !important;}
    main.partie-droite span.titre-accueil4{font-size: 95px !important;}
    main.partie-droite div.accueil-central div#partie1,
    main.partie-droite div.accueil-central div#partie2,
    main.partie-droite div.accueil-central div#partie3{width:66%;margin:0 auto;}
    main.partie-droite div.accueil-central div#role-accueil span#choisir1,
    main.partie-droite div.accueil-central div#role-accueil span#choisir2,
    main.partie-droite div.accueil-central div#role-accueil span#choisir3{width:94%;text-align:left;}
}

@media (max-width : 1024px){
    main.partie-droite div.accueil-central{background:none !important;padding:0;}
    main.partie-droite div.titre-accueil{display:flex;align-items:center;justify-content:center;}
    main.partie-droite div.footer-accueil {height: auto;position: relative;padding-left:0;}
    main.partie-droite div#role-accueil{background:#2b3a6c;width:100%;padding:13% 0;text-align:left;}
    main.partie-droite div.accueil-central div#role-accueil span.arrow-bottom{text-align:right;}
    main.partie-droite div.accueil-central div#role-accueil div#partie2{margin-top:44px;}
    main.partie-droite div.accueil-central div#role-accueil div#partie3{margin-top:44px;}
    main.partie-droite div.accueil-central div#role-accueil ul{padding-left : 0;}
    main.partie-droite div.accueil-central div#role-accueil div.ligne-choisissez{border-bottom : 1px solid #fff;}
    div.accueil-central div#role-accueil .open > .dropdown-menu {width: 100%;}
    div.accueil-central span {font-size: 31px;}
    main.partie-droite div.footer-accueil #zone1-bas{display:none;/*float:none;height:90px;*/}
    main.partie-droite div.footer-accueil #zone1-bas a{padding-left:110px;padding-top:2%;}
    main.partie-droite div.footer-accueil #zone1-bas a p span:first-of-type{display:inline-block;width:100%;}
    main.partie-droite div.footer-accueil #zone2-bas{float:none !important;height:100px;display:block;position:relative;}
    main.partie-droite div.footer-accueil #zone3-bas{float:none !important;height:90px;width:100%;margin-top:3%;}
    main.partie-droite div.footer-accueil #zone3-bas ul {justify-content: center;}
    main.partie-droite div.footer-accueil #zone3-bas ul li {margin-right: 20px;}
    main.partie-droite div.footer-accueil #zone3-bas a {padding: 23px;font-size: 23px;}
    main.partie-droite div.accueil-central div#partie1 .dropdown-menu,
    main.partie-droite div.accueil-central div#partie2 .dropdown-menu,
    main.partie-droite div.accueil-central div#partie3 .dropdown-menu {left: auto;}
    main.partie-droite div#role-accueil {margin-top : 0;display:block !important;}
    main.partie-droite div.accueil-central .jpo2019 {background:#2b3a6c;padding:3% 0;}
    main.partie-droite div.jpo2019 p{margin:0;}
    main.partie-droite div.footer-accueil div#zone2-bas{display:none;}
    main.partie-droite .footer-accueil nav.menu-actualites .fermeture-menu{display:none;}
    main.partie-droite .footer-accueil nav.menu-actualites h3{font-size:54px;font-family:'Yantramanav-Light';color:#2b3a6c;}
    main.partie-droite .footer-accueil nav.menu-actualites div.global-actu-menu-gauche {height:auto;}
    body nav.menu-actualites div.actu-a-la-une{width:100%;}
    body nav.menu-actualites div.liens-actu-1{width:100%;}
    body nav.menu-actualites div.actu-vu-lu-entendu{width:100%;}
    body nav.menu-actualites div.liens-actu-2{width:100%;}
    main.partie-droite div.footer-accueil nav.menu-actualites .liens-actu-1{order : 1;margin-top:2%;}
    main.partie-droite div.footer-accueil nav.menu-actualites .liens-actu-2{order:2;}
    main.partie-droite div.footer-accueil nav.menu-actualites .liens-actu-1 a:focus,
    main.partie-droite div.footer-accueil nav.menu-actualites .liens-actu-1 a:hover{background:#db4c3b;}
    main.partie-droite div.footer-accueil nav.menu-actualites .liens-actu-2 a:hover,
    main.partie-droite div.footer-accueil nav.menu-actualites .liens-actu-2 a:focus{background:#2b3a6c;}
    main.partie-droite div.footer-accueil nav.menu-actualites img{max-width:100%;height:auto;width:100%;}
    main.partie-droite div.footer-accueil nav.menu-actualites div.actu-vu-lu-entendu 
    {grid-template-columns: 48% 48%;margin-top:2%;height:auto;grid-template-rows:50% 50%;margin-bottom:3%;}
    div.accueil-central div.traduction-index-desktop{display:none;}
    
}
@media (min-width : 1025px){
    main.partie-droite div.titre-accueil{background:none !important;}
    main.partie-droite div.ligne-choisissez{display:inline-block;}
    main.partie-droite div.accueil-central div#role-accueil .open > .dropdown-menu{width:auto !important;}
    
}
@media screen and (min-width:1025px) and (max-width:1280px){
    #slider ul li a span.sous-titre {
        font-size: 19px;
    }
    #slider ul li a span {
        font-size: 17px;
        line-height : 1.2;
    }
    main.partie-droite div.footer-accueil #zone1-bas {
        background-image : none;
        width: 20%;
        line-height : 1.2;
    }
    main.partie-droite div.footer-accueil #zone2-bas{
        width : calc(80% - 200px);
    }
    main.partie-droite div.footer-accueil #zone1-bas a {
        padding-left: 4%;
        padding-top: 4%;
    }
    #slider {
        margin: 0 0 0 0;
        padding : 1% 0 0 0;
    }
    main.partie-droite div.footer-accueil p.content-link *{
    font-size: 21px;
    }
    .fa-4x{
        font-size : 2.5em;
    }
    #controles{
        margin-top : 3%;
    }
    main.partie-droite div.footer-accueil {
        height: 88px;
    }
    #role-accueil{
        line-height : 1.2;
    }
}
@media (min-width : 1025px) and (max-width :1367px){  
  main.partie-droite div.accueil-central{padding-top:6% !important;}
} 
@media (max-height:691px) and (max-width:1367px){
     main.partie-droite div.accueil-central {padding-top: 0.1% !important;}
     div.accueil-central ul > li > ul > li {font-size: 21px;}
     main.partie-droite div.accueil-central .jpo2019 {padding-top: 29%;}
}
@media screen and (min-width:1281px){
    main.partie-droite div.footer-accueil #zone1-bas{
        width: 358px;
    }
    main.partie-droite div.footer-accueil #zone2-bas{
        width : calc(100% - 558px);
    }
}
@media (min-width:1281px) and (max-width:1750px){
    #slider ul li a span.sous-titre {
        font-size: 19px;
    }
    #slider {
    margin: 4px 0 0 0;
    }
}
@media (min-height:692px) and (max-height:900px){
    main.partie-droite div.accueil-central .jpo2019{
        padding-top:0;
    }
}