body{
    font-size: 100%;
}

.mapandangenda{

}

.article-carousel .page{
    margin-bottom : 40px ;
}

.article-carousel .carousel{
    width: calc(100% - 50px);
    height : 450px ;
}

.article-carousel .previous{
    width : 25px ;
    text-align : center ;
    -webkit-justify-content: center ;
    -ms-flex-pack: center ;
    justify-content: center ;
    -webkit-align-items: center ;
    -ms-flex-align: center ;
    align-items: center ;
    background-image: url('./image/carouselleft.svg') ;
    background-position: center center ;
    background-repeat: no-repeat;
    color : white ;
    font-size : 15pt ;
    cursor: pointer ;
}

.article-carousel .next{
    width : 25px ;
    text-align : center ;
    -webkit-justify-content: center ;
    -ms-flex-pack: center ;
    justify-content: center ;
    -webkit-align-items: center ;
    -ms-flex-align: center ;
    align-items: center ;
    background-image: url('./image/carouselright.svg') ;
    background-position: center center ;
    background-repeat: no-repeat;
    color : white ;
    font-size : 15pt ;
    cursor: pointer ;
}

.article-carousel .item{
    height : 450px ;
    background-color: #43415c ;
}

.article-carousel .image{
    height: 450px ;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;

}

.article-carousel .item .label{
    height : 50px ;
    background-color: rgba(67,65,92, 0.8) ;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center ;
    -ms-flex-align: center ;
    align-items: center ;
    color : white ;
}


@media screen and (max-width: 720px) {

    .article-carousel .carousel{
        width: calc(100% - 50px);
        height : 200px ;
    }

    .article-carousel .previous{
        /*background-color: rgba(67,65,92,1) ;*/
    }

    .article-carousel .next{
        /*background-color: rgba(67,65,92,1) ;*/
    }

    .article-carousel .item{
        height : 200px ;
    }

    .article-carousel .image{
        height : 200px ;
    }


}

.downloadandlinks .downloads, .downloadandlinks .links{
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom : 40px ;
}

.downloadandlinks .floatingflag{
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.downloadandlinks .floatingflag .content{
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center ;
    -ms-flex-align: center ;
    align-items: center ;
    color : white ;
    font-size: 14pt ;
    text-transform: uppercase;
    padding-left : 20px ;
    padding-right : 20px ;
}

.downloadandlinks .floatingflag .content .icon{
    font-size: 18pt ;
    padding-right : 10px ;
}

.downloadandlinks .items{

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;
    border : 1px solid #9f938e ;
    padding : 10px ;
    padding-top : 50px ;
    margin-top : 0px ;
    list-style-image: none ;
    list-style-type: none ;
}

.downloadandlinks .item{
    padding-top : 5px ;
    padding-bottom : 5px ;
}

.downloadandlinks .item a{
    color : black ;
    font-weight: normal;
}

.downloadandlinks .item .size{
    color : #9f938e ;
}

.doyouknow .page{
    margin-bottom: 40px ;
}

.doyouknow .flag{
    -webkit-flex-direction: column ;
    -ms-flex-direction: column ;
    flex-direction: column ;
    width : 200px ;
}

.doyouknow .floatingflag{
    position: relative;
    z-index : 2 ;
    -webkit-align-self: flex-start ;
    -ms-flex-item-align: start;
    align-self: flex-start ;
}

.doyouknow .floatingflag .content{
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center ;
    -ms-flex-align: center ;
    align-items: center ;
    color : white ;
    text-transform: uppercase;
    padding : 5px ;
    padding-left : 15px ;
    padding-right : 15px ;
    white-space: nowrap ;
}

.doyouknow .icon{
    font-size: 30pt ;
    margin-right : 10px ;
}

.doyouknow .floatingflag .flagtext{
    -webkit-align-self: center ;
    -ms-flex-item-align: center ;
    align-self: center ;
}


.doyouknow .filler {
    -webkit-flex-grow: 1 ;
    -ms-flex-positive: 1 ;
    flex-grow: 1 ;
    background-color: #f1f1f3 ;
}

.doyouknow .sometext{
    background-color: #f1f1f3 ;
    padding : 20px ;
    padding-left : 220px ;
}


@media screen and (max-width: 720px) {

    .doyouknow .page{
        -webkit-flex-direction: column ;
        -ms-flex-direction: column ;
        flex-direction: column ;
        margin-bottom: 40px ;
        padding: 0px ;
    }

    .doyouknow .floatingflag{
        position: relative;
        z-index : 2 ;
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
        margin-left : 10px;
    }

    .doyouknow .sometext{
        padding-top : 45px ;
        padding-left : 10px ;
    }

}

.moreandmore .page{
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 40px ;
}

.moreandmore .sometext{
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width : calc(100% - 33.33% - 30px);
}

.moreandmore .image{
    margin-left : 30px ;
    width : 33.33% ;
    -webkit-flex-shrink: 0 ;
    -ms-flex-negative: 0 ;
    flex-shrink: 0 ;
}

.moreandmore .readmore{
    margin-top : 30px ;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}


@media screen and (max-width: 720px) {

    .moreandmore .image{
        display : none ;
    }

    .moreandmore .sometext{
        width :100% ;
    }


}

.articleresume{
    padding-bottom : 40px ;
    background-color: #f1f1f3 ;
}

.articleresume .flag{
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-left : calc(33.33% + 30px) ;
    position: relative;
    z-index: 2 ;
}

.articleresume .flag .content{
    padding-left : 20px ;
    padding-right : 20px ;
    text-transform: uppercase ;
    font-size : 14pt ;
}

.articleresume .bloc{
    background-color: #9f938e ;
    color : white ;
}

.articleresume .desktop .bloc{
    min-height: 250px ;
}

.articleresume .mobile .bloc{
    padding-top : 50px ;
    padding-bottom : 20px ;
}

.articleresume .desktop .image{
    width : 33.333% ;
    min-height: 250px ;
}

.articleresume .desktop .texts{
    width : 66.667% ;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding : 30px ;
    padding-top : 50px ;
    min-height: 250px ;
}

.articleresume .mobile .titles{
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding : 10px ;
}

.articleresume .mobile .image{
    margin-top : 10px ;
}

.articleresume .resumetext{
    margin-top : 20px ;
}

.articleresume .mobile .resumetext{
    padding-left : 10px ;
    padding-right : 10px ;
}

.articleresume .desktop .information{
    -webkit-flex-direction: column ;
    -ms-flex-direction: column ;
    flex-direction: column ;
}

.articleresume .title{
    margin-bottom : 10px ;
    font-size : 140% ;
    font-weight : bold ;
}

.articleresume .date{
    font-size: 90% ;
    margin-top: 10px;
    font-weight: bold;
}

.articleresume .mobile{
    display : none ;
}

@media screen and (max-width: 720px) {

    .articleresume .desktop{
        display : none ;
    }

    .articleresume .mobile{
        display : block ;
    }

    .articleresume .mobile .bloc{
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .articleresume .page{
        padding-top: 25px ;
        padding-left : 0px ;
        padding-right : 0px ;
    }

    .articleresume .flag{
        margin-left : 10px ;
    }

    .articleresume .bloc .image{
        height : 50vw ;
    }

    .articleresume .bloc .texts{
        padding-top : 0px ;
        padding-bottom : 10px ;
        padding-left : 15px ;
        padding-right: 15px ;
    }

}












.articleresume .bloc .texts .buttons.atTop{
    font-size: 0px ;
    min-height : 30px ;
    -webkit-justify-content : flex-end ;
    -ms-flex-pack : end;
    justify-content : flex-end ;
}

.articleresume .bloc .texts .buttons .button{
    padding : 10px ;
    background-color: #ffffff ;
    color : #9f938e ;
    font-weight: bold ;
    font-size: 12pt ;
    display: inline-block;
    margin-left : 5px ;
    margin-right : 5px ;
    text-decoration: none ;
}

.articleresume .bloc .texts .buttons.atBottom .button{
    display: none ;
}

.articleresume .bloc .texts .buttons.atBottom{
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.articleresume .bloc .texts .buttons.atTop .button:hover{

}

.articleresume .bloc .texts .buttons.atTop .button .mpa-arrowright{
    position: relative;
    top : 2px ;
}


.articleresume .bloc .texts .information{
    padding-right: 0px ;
}

.articleresume .bloc .texts .buttons.atTop .button{
    display: none ;
}

.articleresume .bloc .texts .buttons.atBottom .button{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex ;
}

.video{
    margin-bottom : 40px ;
}

.video .container{
    max-width : 100% ;
    width : 100% ;
}

.video .iframe.desktop{
    display : block ;
}

.video .iframe.mobile{
    display : none ;
}

.video .youtube{
    height:500px;
}

.video h3{
    display:none;
}

@media screen and (max-width: 720px) {

    .video .iframe.desktop{
        display : none ;
    }

    .video .iframe.mobile{
        display : block ;
    }

    .video .youtube{
        height:200px;
    }
}

.video .label{
    height : 50px ;
    background-color: #43415c ;
    color : white ;
    font-weight: bold ;
    -webkit-align-items: center ;
    -ms-flex-align: center ;
    align-items: center ;
    -webkit-justify-content: center ;
    -ms-flex-pack: center ;
    justify-content: center ;
    text-align: center ;
    padding : 5px ;
}


.breadcrumb{
    height : 60px ;
    background-color: #f1f1f3 ;
}

.breadcrumb .page{
    height : 60px ;
    padding-top : 20px ;
    font-size : 11pt ;
}

.breadcrumb .notlastelement{
    font-weight: bold ;
}

.breadcrumb a {
    color : #9f938e ;
    text-decoration: none ;
}

.breadcrumb a:hover {
    text-decoration: underline ;
}

.breadcrumb .separator {
    color : #9f938e ;
}

@media screen and (max-width: 720px) {

    .breadcrumb{
        display: none ;
    }

}

.categories .page{
    margin-top : 35px ;
    text-align : center ;
    font-size : 0pt ;
    margin-bottom: 70px ;
}

.categories .bloc{
    font-size: 12pt ;
    width : 310px ;
    height : 310px ;
    margin : 5px ;
    display: inline-block;
    text-align: center ;
    color : white ;
    vertical-align:top;
    text-decoration: none ;
    transition: 0.1s ;
}

.categories .bloc:hover{
    -webkit-transform: scale(1.01, 1.01);
    transform: scale(1.01, 1.01);
}


.categories .bloc img{
    display : block ;
}

.categories .text{
    height : 90px ;
    background-color: #9f938e ;
    padding : 15px ;
    transition : 0.1s ;
}

.categories .bloc:hover .text{
    background-color: #43415c ;

}

.categories .title{
    font-size: 14pt ;
    margin-bottom : 5px ;
    font-weight: bold ;
}

.categories .content{
    font-size: 10pt ;
}



body{
    box-sizing: border-box ;
    font-family: "Verdana" ;
    font-size : 12pt ;
}

@media screen and (max-width: 721px) {
    body{
        font-size : 10pt ;
    }
}

body *{
    box-sizing: inherit ;
    font-family: inherit;
}

ib{
    display : inline-block ;
}

box, [box], .box{
    display : -webkit-flex;
    display : -ms-flexbox;
    display : flex ;
    word-wrap: normal;

}

text, .text, [text]{
    display : block ;
    word-wrap: break-word;
    width : 100% ;
}

a.nostyle{
    text-decoration: none ;
    color : black ;
    font-weight: normal
}

a.nostyle:hover{
    text-decoration: none ;
}

.clear{
    clear: both ;
    height: 0px ;
    width : 0px ;
}

.page{
    width : 100% ;
    max-width : 1400px ;
    padding-left : 20px ;
    padding-right : 20px ;
    margin : auto ;
}

@media screen and (max-width: 721px) {
    .page{
        padding-left : 10px ;
        padding-right : 10px ;
    }
}

.coveringimage{
    background-repeat: no-repeat;
    background-size: cover ;
    background-position: center center ;
}

.containedimage{
    background-repeat: no-repeat;
    background-size: contain ;
    background-position: center center ;
}

.vista{
    font-family: "VistaSansAltReg" ;
}

.size12{
    font-size : 12pt ;
}



.buttonline{
    height : 40px ;
    padding-left : 20px ;
    padding-right : 20px ;
    font-weight: bold ;
    text-decoration: none ;
    -webkit-align-items: center ;
    -ms-flex-align: center ;
    align-items: center ;
    cursor: pointer ;
    overflow: hidden ;
}

.buttonlineinner{
    -webkit-align-items: center ;
    -ms-flex-align: center ;
    align-items: center ;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    height : 40px ;
}

.buttonline.notvisible{
    height : 0px ;
}

.buttonline .line{
    width : 30px ;
    border-top : 1px solid rgba(241,241,243,0.40);
    -webkit-flex-shrink: 1 ;
    -ms-flex-negative: 1 ;
    flex-shrink: 1 ;
}

.buttonline .content{
    padding-left : 14px ;
    padding-right : 14px ;
    color : white ;
    -webkit-flex-shrink: 0 ;
    -ms-flex-negative: 0 ;
    flex-shrink: 0 ;
    text-align: center ;
    font-size: 90% ;
}

.buttonline.buttonlinebrown{
    background-color : #9f938e ;
    text-transform: uppercase;
    transition: 0.05s ;
}

.buttonline.buttonlinebrown:hover{
    background-color : #847772 ;
}


.floatingflag{
    height: 15px;
    overflow-y: visible;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 11px ;
}

.floatingflag .top{
    height: 0px;
    overflow: visible ;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.floatingflag .back{
    height: 15px;
    width : 11px ;
    position: relative;
    left : 11px ;
}

.floatingflag .content{
    padding-top : 15px ;
    padding-bottom : 15px ;
    -webkit-flex-shrink: 0 ;
    -ms-flex-negative: 0 ;
    flex-shrink: 0 ;
}

.floatingflagpurple .top{
    color : white ;
    background-color: #43415c ;
}


.floatingflagpurple .back{
    background-image: url("./image/floatingflag.png") ;
}

.floatingflagpurple .content{
    color : white ;
    background-color: #43415c ;
}

.floatingflagbrown .content{
    color : white ;
    background-color: #9f938e ;
}

.floatingflagbrown .back{
    background-image: url("./image/floatingflagbrown.png") ;
}

.msbug{
    -ms-flex : 0 1 auto ;
}

.detail{
    margin-top : 40px ;
    margin-bottom : 40px ;
}

.donotmiss{
    height : 15px ;
    -webkit-justify-content: center ;
    -ms-flex-pack: center ;
    justify-content: center ;
    background-color: #f1f1f3 ;
    margin-bottom : 60px ;
}

.donotmiss .content{
    text-transform: uppercase;
    font-size: 110% ;
    padding-left: 15px ;
    padding-right: 15px ;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.donotmiss .icon{
    font-size : 24px ;
    position: relative;
    margin-right: 3px ;
}

.event-agenda{
    height : 300px ;
    width : 33.33% ;
    -webkit-flex-direction: column ;
    -ms-flex-direction: column ;
    flex-direction: column ;
}

.event-agenda .title{
    background-color: #43415c ;
    color : white ;
    padding-top : 5px ;
    padding-bottom : 5px ;
    height : 50px ;
    -webkit-align-items: center ;
    -ms-flex-align: center ;
    align-items: center ;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.event-agenda .title .mpa-calendar2{
    font-size : 25pt ;
}

.event-agenda .title .titletexte{
    text-transform: uppercase ;
    font-size : 120% ;
}

.event-agenda .coloured{
    width : 25px ;
    height : 35px ;
    background-color: #43415c ;
}

.event-agenda .content{
    height : 250px ;
    border : 1px solid #43415c ;
}

.event-agenda .coloured.left{
    float : left ;
}

.event-agenda .coloured.right{
    float : right ;
}

.event-agenda .agenda{
    -webkit-flex-grow: 1 ;
    -ms-flex-positive: 1 ;
    flex-grow: 1 ;
    height : 225px;
}

@media screen and (max-width: 720px) {

    .event-agenda {
        width : 100% ;
    }

}



.informationAndOthers{
    -webkit-flex-wrap : wrap;
    -ms-flex-wrap : wrap;
    flex-wrap : wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.mapAndAgenda{
    -webkit-flex-wrap : wrap;
    -ms-flex-wrap : wrap;
    flex-wrap : wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height : 300px ;
    margin-top : 30px ;
    margin-bottom: 60px ;
}

@media screen and (max-width: 720px) {

    .informationAndOthers{
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .mapAndAgenda{
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

}

.event-information {
    width : calc(66.667% - 30px) ;
}

.event-information .container{
    -webkit-flex-grow: 1 ;
    -ms-flex-positive: 1 ;
    flex-grow: 1 ;
    -webkit-flex-direction: column ;
    -ms-flex-direction: column ;
    flex-direction: column ;
}

.event-information .floatingflag{
    text-align: center ;
    font-size: 120% ;
    text-transform: uppercase;
    position: relative;
    z-index: 2 ;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.event-information .floatingflag .content{
    padding-top : 5px ;
    padding-bottom : 5px ;
    padding-left : 20px ;
    padding-right : 20px ;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.event-information .floatingflag .mpa-information{
    font-size: 25pt ;
    margin-right : 10px ;
}

.event-information .texts{
    padding : 20px ;
    padding-top: 40px ;
    background-color: #43415c ;
    font-size: 12pt ;
    color : white ;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-grow: 1 ;
    -ms-flex-positive: 1 ;
    flex-grow: 1 ;
}

.event-information .information{
    margin-top: 6px ;
}


.event-information .information .label{
    font-weight : bold ;
}

.event-information .information a{
    color : white ;
}

.event-information .buttons{
    display: none ;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.event-information .button{
    -webkit-flex-grow: 1 ;
    -ms-flex-positive: 1 ;
    flex-grow: 1 ;
    border : 1px solid white ;
    color : white ;
    -webkit-justify-content: center ;
    -ms-flex-pack: center ;
    justify-content: center ;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: bold ;
    text-decoration: none ;
    padding : 10px ;
    margin-right : 5px ;
    margin-left : 5px ;
    margin-top : 20px ;
}

.event-information .button:hover{
    background-color: white ;
    color : #43415c ;
}

.event-information .icon{
    margin-right : 5px ;
}

@media screen and (max-width: 720px) {

    .event-information {
        width : 100% ;
    }

    .event-information .buttons{
        display : -webkit-flex;
        display : -ms-flexbox;
        display : flex ;
    }

    .event-information .web{
        display : none ;
    }


}

.event-map{
    width : calc(66.667% - 30px) ;
    height : 300px ;
}

.event-map .container{
    -webkit-flex-grow: 1 ;
    -ms-flex-positive: 1 ;
    flex-grow: 1 ;
    height : 300px ;
}


@media screen and (max-width: 720px) {

    .event-map {
        display : none ;
    }

}

.event-others{
    width : 33.33% ;
    padding-top : 15px ;
    -webkit-flex-direction: column ;
    -ms-flex-direction: column ;
    flex-direction: column ;

}

.event-others .title{
    height : 50px ;
}

.event-others .title .deco{
    width : 25px ;
    height : 50px ;
    display: inline-block ;
    background-image: url('./image/event.others.png') ;
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align: top ;
}

.event-others .title .content{
    font-size: 120% ;
    color : white ;
    background-color: #9f938e ;
    text-transform: uppercase;
    -webkit-flex-grow: 1 ;
    -ms-flex-positive: 1 ;
    flex-grow: 1 ;
    padding-left : 10px ;
    -webkit-align-items: center ;
    -ms-flex-align: center ;
    align-items: center ;
}

.event-others .bloc{
    border : 1px solid #9f938e ;
    -webkit-flex-grow: 1 ;
    -ms-flex-positive: 1 ;
    flex-grow: 1 ;
}

.event-others .icon{
    font-size : 40pt ;
    color : #9f938e ;
    padding-left: 10px ;
    padding-right: 10px ;
    -webkit-align-items: center ;
    -ms-flex-align: center ;
    align-items: center ;
}

.event-others .bloc .dates{
    -webkit-flex-direction: column ;
    -ms-flex-direction: column ;
    flex-direction: column ;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-grow: 1 ;
    -ms-flex-positive: 1 ;
    flex-grow: 1 ;
    margin : 0 ;
    padding : 0 ;
    padding-right : 10px ;
}

.event-others .bloc .date{
    padding-top : 10px ;
    padding-bottom: 10px ;
    -webkit-align-items: center ;
    -ms-flex-align: center ;
    align-items: center ;
}

@media screen and (max-width: 720px) {

    .event-others {
        width : 100% ;
    }

    .event-others .icon{
        display : none ;
    }

    .event-others .dates{
        margin-left : 20px ;
    }

}

.eventresume{
    padding-bottom : 40px ;
    background-color: #f1f1f3 ;
}

.eventresume .flag{
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-left : calc(33.33% + 30px) ;
    position: relative;
    z-index: 2 ;
}

.eventresume .flag .content{
    padding-left : 20px ;
    padding-right : 20px ;
    text-transform: uppercase ;
    font-size : 14pt ;
}

.eventresume .bloc{
    background-color: #9f938e ;
    color : white ;
    -webkit-align-items: stretch ;
    -ms-flex-align: stretch ;
    align-items: stretch ;
}

.eventresume .desktop .bloc{
    min-height: 250px ;
}

.eventresume .mobile .bloc{
    padding-top : 50px ;
    padding-bottom : 20px ;
}

.eventresume .desktop .image{
    width : 33.333% ;
    -webkit-align-self : stretch ;
    -ms-flex-item-align : stretch ;
    align-self : stretch ;
    min-height : 250px ;
}

.eventresume .desktop .texts{
    width : 66.667% ;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom : 30px ;
    padding-left : 30px ;

    padding-right : 10px ;
    padding-top : 10px ;
    min-height : 250px ;
}

.eventresume .desktop .buttons {
    height : 40px ;
    -webkit-justify-content : flex-end ;
    -ms-flex-pack : end;
    justify-content : flex-end ;
}

.eventresume .mobile .buttons {
    margin-top : 20px ;
    height : 40px ;
    -webkit-justify-content : center ;
    -ms-flex-pack : center ;
    justify-content : center ;
}

.eventresume .mobile .button {
    font-size:115%;
}

.eventresume .button{
    padding : 10px ;
    background-color: #ffffff ;
    color : #9f938e ;
    font-weight: bold ;
    font-size: 12pt ;
    text-decoration: none ;
    -webkit-justify-content: center ;
    -ms-flex-pack: center ;
    justify-content: center ;
    -webkit-align-items: center ;
    -ms-flex-align: center ;
    align-items: center ;
    text-align: center ;
    border : 1px solid #ffffff ;
    float : right ;
    clear : both ;
    margin-left : 20px ;
    margin-bottom : 10px ;
}


.eventresume .button:hover{
    border : 1px solid #ffffff ;
    background-color : rgba(255,255,255,0.7) ;
}

.eventresume .mobile .titles{
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding : 10px ;
}

.eventresume .mobile .image{
    margin-top : 10px ;
}

.eventresume .desktop .information{
    -webkit-flex-direction: column ;
    -ms-flex-direction: column ;
    flex-direction: column ;
    margin-top : 40px ;
}

.eventresume .title{
    margin-bottom : 10px ;
    font-size : 140% ;
    font-weight : bold ;
}

.eventresume .dateandplace{
    font-size: 100% ;
    margin-top: 10px;
}

.eventresume .dateandplace .label{
    font-weight: bold ;
}

.eventresume .mobile .dateandplace{
    margin-left: 10px;
    margin-right : 10px;
}

.eventresume .mobile{
    display : none ;
}

@media screen and (max-width: 720px) {

    .eventresume .desktop{
        display : none ;
    }

    .eventresume .mobile{
        display : block ;
    }

    .eventresume .mobile .bloc{
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .eventresume .page{
        padding-top: 25px ;
        padding-left : 0px ;
        padding-right : 0px ;
    }

    .eventresume .flag{
        margin-left : 10px ;
    }

    .eventresume .bloc .image{
        height : 50vw ;
    }

    .eventresume .bloc .texts{
        padding-top : 0px ;
        padding-bottom : 10px ;
        padding-left : 15px ;
        padding-right: 15px ;
    }

}














.eventresume .bloc .texts .buttons.atBottom .button{
    display: none ;
}

.eventresume .bloc .texts .buttons.atBottom{
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.eventresume .bloc .texts .buttons.atTop .button:hover{

}

.eventresume .bloc .texts .buttons.atTop .button .mpa-arrowright{
    position: relative;
    top : 2px ;
}


.eventresume .bloc .texts .information{
    padding-right: 0px ;
}

.eventresume .bloc .texts .buttons.atTop .button{
    display: none ;
}

.eventresume .bloc .texts .buttons.atBottom .button{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex ;
}

.footer{
    padding-bottom : 60px ;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.footer .desktop{
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.footer .desktop .flagpage{
    height : 15px ;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.footer .desktop .flag{
    height : 15px ;
    overflow: visible ;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.footer .desktop .floatingflag{
    width : 130px ;
}

.footer .desktop .floatingflag .content{
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left : 10px ;
    padding-right : 10px ;
    font-size: 8pt ;
    text-align: center ;
    text-decoration: none ;
}

.footer .desktop .subscribe{
    width : 100% ;
    text-transform: uppercase ;
}

.footer .desktop .mpa-newspaper{
    font-size : 50pt ;
    color : rgba(255,255,255,0.3)
}


.footer .desktop .link{
    font-size: 10pt ;
    padding-top : 10px ;
    text-transform: uppercase ;
}


.footer .desktop .bordered{
    min-height : 80px ;
    height : 80px ;
    border-top : 1px solid #474561 ;
    border-bottom : 1px solid #474561 ;
}

.footer .desktop .bordered .page{
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-right : 200px ;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.footer .desktop .bordered .partners{
    text-transform: uppercase ;
    color : #474561 ;
    font-size : 120% ;
    font-weight: bold ;
    -webkit-align-items: center ;
    -ms-flex-align: center ;
    align-items: center ;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    white-space: nowrap;
}

.footer .desktop .bordered .brands{
    width : calc(100% - 220px) ;
}

.footer .desktop .bordered .carousel{
    width : calc(100% - 60px) ;
}

.footer .desktop .bordered .brands a{
    display : block ;
    height : 58px ;

    text-decoration: none ;

    -webkit-filter: gray;
    filter: gray; /* IE6-9 */
    filter: grayscale(100%); /* Firefox 35+ */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
    transition : -webkit-filter 0.2s;
    transition : filter 0.2s ;
    transition: filter 0.2s, -webkit-filter 0.2s;

    margin-top : 10px ;
    margin-bottom : 10px ;
    margin-left : 20px ;
    margin-right : 20px ;

    height : 60px ;
}

.footer .desktop .bordered .brands a:hover{
-webkit-filter: none;
filter: none; /* IE6-9 */
  filter: grayscale(0); /* Firefox 35+ */
  -webkit-filter: grayscale(0); /* Google Chrome, Safari 6+ & Opera 15+ */
}

.footer .desktop .bordered .carouselleft{
    width : 30px ;
    color : rgba(0,0,0,0.75) ;
    font-size: 18pt ;
    cursor: pointer ;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center ;
    -ms-flex-align: center ;
    align-items: center ;
}

.footer .desktop .bordered .carouselright{
    width : 30px ;
    color : rgba(0,0,0,0.75) ;
    font-size: 18pt ;
    cursor: pointer ;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center ;
    -ms-flex-align: center ;
    align-items: center ;
}

.footer .desktop .bordered .carouselleft:hover{
    color : rgba(0,0,0,1) ;
}

.footer .desktop .bordered .carouselright:hover{
    color : rgba(0,0,0,1) ;
}


.footer .desktop .links {
    margin-right : 150px ;
    margin-top : 30px ;
    margin-bottom : 30px ;
    font-size: 90% ;
}

.footer .desktop .linkspage {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.footer .desktop .links .element {
    -webkit-flex-grow: 1 ;
    -ms-flex-positive: 1 ;
    flex-grow: 1 ;
    text-align: center;
    -webkit-justify-content: center ;
    -ms-flex-pack: center ;
    justify-content: center ;
    border-left: 1px solid black ;
    padding-left : 10px ;
    padding-right : 10px ;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer .desktop .links .copyright {
    -webkit-flex-grow: 1 ;
    -ms-flex-positive: 1 ;
    flex-grow: 1 ;
    text-align: left;
    -webkit-justify-content: flex-start ;
    -ms-flex-pack: start;
    justify-content: flex-start ;
    border-left:none;
    font-weight: bold ;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.footer .desktop .links a{
    color : black ;
    font-weight: normal ;
    text-decoration: none ;
}









.footer .mobile {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}



.footer .mobile .flag{
    height : 15px ;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-right : 10px ;
    margin-left : 10px ;
}

.footer .mobile .floatingflag .content{
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left : 10px ;
    padding-right : 10px ;
    font-size: 8pt ;
    text-align: center ;
    text-decoration: none ;
}

.footer .mobile .mpa-newspaper{
    font-size : 20pt ;
    margin-right : 10px ;
    color : rgba(255,255,255,0.3)
}

.footer .mobile .subscribe{
    font-size: 120% ;
    text-transform: uppercase ;
}

.footer .mobile .link{
    font-size: 10pt ;
    padding-top : 10px ;
    text-transform: uppercase ;
}




.footer .mobile .lined{
    border-top : 1px solid #474561 ;
    padding-top : 40px ;
}

.footer .mobile .lined .page{
    padding : 0px ;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}


.footer .mobile .lined .partners{
    text-transform: uppercase ;
    color : #474561 ;
    font-size : 130% ;
    font-weight: bold ;
    padding-top : 20px ;
    padding-bottom : 20px ;
    margin-left : 20px ;
}

.footer .mobile .lined .brands{
    -webkit-justify-content: center ;
    -ms-flex-pack: center ;
    justify-content: center ;
    -webkit-flex-wrap: wrap ;
    -ms-flex-wrap: wrap ;
    flex-wrap: wrap ;
}

.footer .mobile .lined .brands a{
    height : 100px ;
    width : 130px ;
    text-decoration: none ;
    margin : 10px ;
    transition : -webkit-filter 0.2s;
    transition : filter 0.2s ;
    transition: filter 0.2s, -webkit-filter 0.2s;
    height : 50px ;
}


.footer .mobile .toMobileMenu{
    text-align: right ;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-right : 10px ;
    margin-top : 10px ;
    color : black ;
    text-decoration: none ;
    font-weight: normal ;
}



@media screen and (min-width: 721px) {

    .footer .mobile{
        display: none ;
    }

}

@media screen and (max-width: 720px) {

    .footer .desktop{
        display: none ;
    }

}

.galerie{
    background-color: #f1f1f3 ;
    padding-bottom : 40px ;
}

.galerie .desktop{
    height : 500px ;
}

.galerie .mobile{
    background-color: #f1f1f3 ;
    height : 250px ;
}

@media screen and (min-width: 721px) {

    .galerie .mobile{
        display: none ;
    }

    .galerie .dekstop{
        display : block ;
    }

}

@media screen and (max-width: 720px) {

    .galerie .page{
        padding-right: 0px ;
        padding-left: 0px ;
    }

    .galerie .mobile{
        display: block ;
    }

    .galerie .desktop{
        display : none ;
    }

}


.itemgaleriedesktop{
    width : 100% ;
    height : 500px ;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.itemgaleriedesktop img{
    position: relative ;
    z-index: 1 ;
}

.itemgaleriedesktop .leftpane{
    height : 500px ;
    -webkit-flex-direction: column ;
    -ms-flex-direction: column ;
    flex-direction: column ;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    max-width : 400px ;
    min-width : 300px ;
    width : 33.33% ;
    transition: 0.5s ;
}

.itemgaleriedesktop .bloc{
    -webkit-flex-direction: column ;
    -ms-flex-direction: column ;
    flex-direction: column ;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: rgba(66, 70, 95, 0.80) ;
    color : white ;
    height : 250px ;
    transition: 0.5s ;
}

.itemgaleriedesktop:hover .bloc{
    height: 500px ;
}

.itemgaleriedesktop .previous{
    text-align : center ;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-shrink: 0 ;
    -ms-flex-negative: 0 ;
    flex-shrink: 0 ;
    color : white ;
    font-size: 18pt ;
    overflow-y: hidden;
    cursor: pointer;

    transition: 0.5s ;
    border-bottom : 1px solid rgba(255, 255, 255, 0) ;
    height : 0px ;
}

.itemgaleriedesktop:hover .previous{
    border-bottom : 1px solid rgba(255, 255, 255, 0.5) ;
    height : 40px ;
}

.itemgaleriedesktop .previous:hover{
    background-color: rgba(255, 255, 255, 0.1) ;
}

.itemgaleriedesktop .infos{
    -webkit-flex-direction: column ;
    -ms-flex-direction: column ;
    flex-direction: column ;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding : 20px ;
    overflow-y : auto ;
    transition: 0.5s ;
    height : 250px ;
}

.itemgaleriedesktop:hover .infos{
    height : 420px ;
    overflow: hidden ;
}

.itemgaleriedesktop .category{
    font-size : 100% ;
    margin-bottom : 5px ;
    text-transform: uppercase;
    font-weight: bold;
}

.itemgaleriedesktop .title{
    font-size : 150% ;
    margin-top : 5px ;
    margin-bottom : 5px ;
    font-weight: bold;
}

.itemgaleriedesktop .date{
    font-size : 100% ;
    margin-top : 5px ;
    margin-bottom : 5px ;
    font-weight: bold;
}

.itemgaleriedesktop .teaser{
    font-size : 100% ;
    margin-top: 5px ;
    margin-bottom: 5px ;

    transition: 0.5s ;
    height : 0px ;
    max-height: 0px ;
    overflow: hidden ;
    margin : 0 ;
    opacity: 0 ;

}

.itemgaleriedesktop:hover .teaser{
    height : auto ;
    margin-top: 5px ;
    margin-bottom: 5px ;
    max-height: 200px ;
    overflow: auto ;
    opacity: 1 ;
}

.itemgaleriedesktop .readmore{
    margin-top: 5px ;
    margin-bottom: 10px ;
    -webkit-align-self: flex-start ;
    -ms-flex-item-align: start;
    align-self: flex-start ;
    -webkit-flex-shrink: 0 ;
    -ms-flex-negative: 0 ;
    flex-shrink: 0 ;

    transition: 0.5s ;
    margin : 0 ;
    height : 0px ;
    opacity: 0 ;
}

.itemgaleriedesktop:hover .readmore{
    height : 40px ;
    margin-top: 5px ;
    opacity: 1 ;
}

.itemgaleriedesktop .next{
    text-align : center ;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-shrink: 0 ;
    -ms-flex-negative: 0 ;
    flex-shrink: 0 ;
    color : white ;
    font-size: 18pt ;
    overflow-y: hidden;
    cursor: pointer;

    transition: 0.5s ;
    border-top : 1px solid rgba(255, 255, 255, 0) ;
    height : 0px ;
}

.itemgaleriedesktop:hover .next{
    border-top : 1px solid rgba(255, 255, 255, 0.5) ;
    height : 40px ;
}

.itemgaleriedesktop .next:hover{
    background-color: rgba(255, 255, 255, 0.1) ;
}


.itemgaleriedesktop .rightpane{
    background-color: rgba(66, 70, 95, 0.80) ;
    height : 500px ;
    -webkit-flex-direction: column ;
    -ms-flex-direction: column ;
    flex-direction: column ;
    width : 0% ;
    transition: 0.5s ;
}

.itemgaleriedesktop:hover .rightpane{
    width : 200px ;
    padding-top : 5px ;
    padding-bottom : 5px ;
}

.itemgaleriedesktop .thumbnail{
    margin-left : 10px ;
    margin-right : 10px ;
    margin-top : 5px ;
    margin-bottom : 5px ;
    height : 112.5px ;
    cursor: pointer ;
}



@media screen and (max-width: 720px) {

    .itemgaleriedesktop .rightpane{
        display : none ;
    }

    .itemgaleriedesktop .previous, .itemgaleriedesktop:hover .previous{
        border-bottom : 1px solid rgba(255, 255, 255, 0.5) ;
        height : 0px ;
    }

    .itemgaleriedesktop:hover .bloc{
        height: 250px ;
    }

    .itemgaleriedesktop .next, .itemgaleriedesktop:hover .next{
        border-top : 1px solid rgba(255, 255, 255, 0.5) ;
        height : 0px ;
    }

    .itemgaleriedesktop .readmore{
        height : 40px ;
        opacity: 1 ;
    }

    .itemgaleriedesktop .teaser{
        display: none ;
    }


}


.itemgaleriemobile{
    width : 100% ;
    height : 250px ;
    text-decoration: none ;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-weight: normal;
}

.itemgaleriemobile .cadre{
    text-decoration: none ;
    color : white ;
    background-color: rgba(66, 70, 95, 0.80) ;
    padding : 10px ;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 50% ;
}


.itemgaleriemobile .category{
    margin-bottom : 5px ;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 90% ;
}

.itemgaleriemobile .title{
    margin-top : 5px ;
    margin-bottom : 5px ;
    font-weight: bold;
    word-wrap: break-word ;
    font-size: 120% ;
}

.itemgaleriemobile .date{
    margin-top : 5px ;
    font-weight: bold;
    font-size: 90% ;
}


.header{
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #f1f1f3 ;
    height : 160px ;
}

.header .page{
    -webkit-flex-grow: 1 ;
    -ms-flex-positive: 1 ;
    flex-grow: 1 ;
    height: 160px ;
}

.header .pageinner{
    max-width: 100% ;
    width : 100% ;
}

.header .filler{
    -webkit-flex-grow : 1 ;
    -ms-flex-positive : 1 ;
    flex-grow : 1 ;
    -webkit-flex-shrink : 100 ;
    -ms-flex-negative : 100 ;
    flex-shrink : 100 ;
}

.header .logo{
    -webkit-flex-grow: 1 ;
    -ms-flex-positive: 1 ;
    flex-grow: 1 ;
    -webkit-align-items: center ;
    -ms-flex-align: center ;
    align-items: center ;
    margin-top : 20px ;
    margin-bottom : 20px ;
    background-position: left;
}

.header .bar{
    padding-left : 20px ;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-self: center ;
    -ms-flex-item-align: center ;
    align-self: center ;
}

.header .pictograms{
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.header .pictogram{
    width : 65px ;
    height : 65px ;
    -webkit-justify-content: center ;
    -ms-flex-pack: center ;
    justify-content: center ;
    -webkit-align-items: center ;
    -ms-flex-align: center ;
    align-items: center ;

}

.header .pictogram.withicon{
    font-size : 45pt ;
    color : white ;
}

.header .pictogram a{
    width : 65px ;
    height : 65px ;
    -webkit-justify-content: center ;
    -ms-flex-pack: center ;
    justify-content: center ;
    -webkit-align-items: center ;
    -ms-flex-align: center ;
    align-items: center ;
    color : white ;
    text-decoration: none ;
    transition: 0.05s ;
}

.header .pictogram a:hover{
    background-color: rgba(0,0,0,0.2) ;
}

.header .textfield{
    height : 65px ;
    background-color: white ;
    border : 1px solid rgba(5,54,166,1) ;
    border-right : none ;
    width : 230px ;
    max-width : 230px ;
    opacity: 1 ;
    transition: 0.2s ;
    -webkit-transition: 0.2s ;
}

.header .textfield form{
    width : 100% ;
}
.header .textfield input{
    width : 100% ;
    background-color: rgba(5, 54, 166, 0.00) ;
    font-family: "Verdana" ;
    color : rgba(5,54,166,1) ;
    padding-left : 20px ;
    padding-right : 20px ;
    height : 65px ;
    border : none ;
    font-size: 90% ;
}

.header .textfield input:hover{
    background-color: rgba(5, 54, 166, 0.10) ;
}

.header .textfield input:focus{
    background-color: rgba(5, 54, 166, 0.10) ;
}

.header .textfield input::-webkit-input-placeholder {
    color: rgba(5, 54, 166, 0.50) ;
}
.header .textfield input:-moz-placeholder {
   color: rgba(5, 54, 166, 0.50) ;
   opacity: 1 ;
}
.header .textfield input::-moz-placeholder {
   color: rgba(5, 54, 166, 0.50) ;
   opacity:  1;
}
.header .textfield input:-ms-input-placeholder {
   color: rgba(5, 54, 166, 0.50) ;
}

.header .pictogram.search{
    background-color: rgba(63, 52, 88, 1) ;
    position: relative;
    z-index: 2 ;
}

.header .textfield.notvisible{
    width : 0px ;
    max-width: 0px ;
    opacity: 0 ;
}

.header .pictogram.calendar{
    background-color: rgba(255, 217, 80, 1) ;
}

.header .pictogram.share{
    background-color: rgba(231, 77, 62, 1) ;
}

.header .socialicons{
    width : 0px ;
    max-width: 0px ;
    font-size : 40pt ;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center ;
    -ms-flex-align: center ;
    align-items: center ;
    overflow: hidden ;
    transition: 0.2s ;
}

.header .socialicons.active{
    width : 130px ;
    max-width: 130px ;
}

.header .socialicons a{
    color : #9f938e ;
    text-decoration: none ;
    transition: 0.05s ;
}

.header .socialicons .facebook:hover{
    color : #415e9b ;
}

.header .socialicons .twitter:hover{
    color : #3ecefb ;
}

.header .pictogram.handicap{
    background-color: #004695 ;
}

.header .monthcalendar{
    width : 260px ;
    height : 0px ;
    overflow-y : visible ;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    position: relative ;
    z-index: 20000 ;
}

.header .monthcalendar .inner{
    width : 260px ;
    height : 0px ;
    opacity: 0 ;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    transition: 0.2s ;
    overflow-y: hidden;
}

.header .monthcalendar.active .inner{
    height : 260px ;
    opacity: 1 ;
}

.header .monthcalendar .arrow{
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-left : 87px ;
    margin-top : 2px ;
    width : 20px ;
    height : 10px ;
    -webkit-flex-shrink: 0 ;
    -ms-flex-negative: 0 ;
    flex-shrink: 0 ;
    position: relative;
    top : 2px ;
}

.header .coloredline{
    stroke : #BB2653 ;
    fill:#FFFFFF;
    stroke-width:1px;
}
.header .whiteline{
    stroke : #FFFFFF ;
    fill:#FFFFFF;
    stroke-width:1px;
}

.header .calendarzone{
    width : 260px ;
    padding : 10px ;
    border: 1px solid #BB2653 ;
    background-color: white ;
}

.header .mobile{
    display : none ;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-left : 20px ;
}

.header .mobile .icon{
    padding-left : 10px ;
    border-left : 1px solid #474561 ;
    margin-top : 20px ;
    margin-bottom : 20px ;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size : 40pt ;
    color : #474561 ;
}

@media screen and (max-width: 720px) {

    .header .pictograms{
        display: none ;
    }

    .header{
        height : 120px ;
        background-color: white ;
    }

    .header .page{
        height : 120px ;
    }

    .header .mobile{
        display : -webkit-flex;
        display : -ms-flexbox;
        display : flex ;
    }

    .header .logo img{
        max-width : 370px ;
    }

    .header .bar{
        display: none ;
    }

}


.topbloc-end{
    height : 80px ;
}


.introduction {
    background-color: #f1f1f3 ;
    padding-bottom: 40px ;
}

.introduction .introtext{
    background-color: #43415c ;
    color : white ;
    padding : 20px ;
}

.menu {
    background-color: #f1f1f3 ;
}

.menu .menubar{
    background-color : #ffffff ;
    font-size : 120% ;
    box-shadow: 0px 0px 150px 0px rgba(0, 0, 0, 0.1);
    padding : 10px ;
}

.menu a{
    padding-top : 20px ;
    padding-bottom : 20px ;
    -webkit-flex-grow: 1 ;
    -ms-flex-positive: 1 ;
    flex-grow: 1 ;
    -webkit-justify-content: center ;
    -ms-flex-pack: center ;
    justify-content: center ;
    -webkit-align-items: center ;
    -ms-flex-align: center ;
    align-items: center ;
    text-align: center ;
    padding-left : 10px ;
    padding-right : 10px ;
    color : #9f938e ;
    text-transform: uppercase;
    text-decoration: none ;
    font-weight: bold ;
    transition: 0.05s ;
}

.menu a:hover{
    background-color: #9f938e ;
    color : white ;

}

@media screen and (max-width: 720px) {

    .menu{
        display : none ;
    }

}

.mobileoverlay{
    display: none ;
}

.mobilepanehidder{
    z-index : 100 ;
    position : fixed;
    width : 100vw ;
    height : 100vh ;
    background-color: rgba(0,0,0,0.9) ;
}

.mobilepane{
    z-index : 101 ;
    position : absolute;
    width : 100vw ;
    -webkit-flex-direction: column ;
    -ms-flex-direction: column ;
    flex-direction: column ;
}

.mobilepane .switcher{
    height : 120px ;
    -webkit-justify-content: flex-end ;
    -ms-flex-pack: end;
    justify-content: flex-end ;
    padding-right : 10px ;
}

.mobilepane .switcher .icon{
    padding-left : 10px ;
    border-left : 1px solid white ;
    margin-top : 20px ;
    margin-bottom : 20px ;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size : 40pt ;
    color : white ;
}


.mobilepane .container{
    -webkit-flex-direction: column ;
    -ms-flex-direction: column ;
    flex-direction: column ;
}


.mobilepane .arrow{
    background-image: url('./image/mobilearrow.png') ;
    height : 20px ;
    background-position: right center ;
    margin-right : 20px ;
}

.mobilepane .bloc{
    -webkit-flex-direction: column ;
    -ms-flex-direction: column ;
    flex-direction: column ;
    background-color: white ;
    padding : 10px ;
    margin-right : 10px ;
    margin-left : 10px ;
}

.mobilepane .pictograms{
    -webkit-flex-grow: 1 ;
    -ms-flex-positive: 1 ;
    flex-grow: 1 ;
    -webkit-align-items: center ;
    -ms-flex-align: center ;
    align-items: center ;
    -webkit-justify-content: flex-start ;
    -ms-flex-pack: start;
    justify-content: flex-start ;
}

.mobilepane .pictogram{
    width : 45px ;
    height : 45px ;
    -webkit-justify-content: center ;
    -ms-flex-pack: center ;
    justify-content: center ;
    -webkit-align-items: center ;
    -ms-flex-align: center ;
    align-items: center ;
}

.mobilepane .pictogram.withicon{
    font-size : 30pt ;
    padding-top : 0px ;
    color : white ;
}

.mobilepane .pictogram a{
    width : 45px ;
    height : 45px ;
    -webkit-justify-content: center ;
    -ms-flex-pack: center ;
    justify-content: center ;
    -webkit-align-items: center ;
    -ms-flex-align: center ;
    align-items: center ;
    color : white ;
    text-decoration: none ;
    transition: 0.05s ;
}

.mobilepane .pictogram a:hover{
    background-color: rgba(0,0,0,0.2) ;
}


.mobilepane .pictogram.search{
    background-color: rgba(63, 52, 88, 1) ;
    position: relative;
    z-index: 2 ;
}

.mobilepane .pictogram.search:hover{
}

.mobilepane .pictogram.calendar{
    background-color: rgba(255, 217, 80, 1) ;
}

.mobilepane .pictogram.share{
    background-color: rgba(231, 77, 62, 1) ;
}

.mobilepane .pictogram.handicap{
    background-color: #004695 ;
}

.mobilepane .pictogram.handicap img{
    background-color: #004695 ;
    width : 90% ;
}


.mobilepane .langs{
    -webkit-align-self: center ;
    -ms-flex-item-align: center ;
    align-self: center ;
}

.mobilepane .langs a{
    color : black ;
    text-decoration: none ;
}

.mobilepane .pipe{
    padding-left : 10px ;
    padding-right : 10px ;
}

.mobilepane .lang a:hover{
    text-decoration: underline;
}

.mobilepane a.currentLang{
    font-weight: bold ;
    text-decoration: underline;
}

.mobilepane .addons{
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}


.mobilepane .textfield{
    width : 100% ;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden ;

    transition: 0.2s ;
    height : 0px ;
    opacity: 0 ;
}

.mobilepane .textfield.active{
    height : 78px ;
    opacity: 1 ;
}

.mobilepane .textfield .cursor{
    width : 20px ;
    position: relative ;
    top : 1px ;
    margin-left : 13px ;
    margin-top : 5px ;
}

.mobilepane .textfield .coloredline{
    stroke : rgba(5,54,166,1) ;
    fill:#FFFFFF;
    stroke-width:1px;
}

.mobilepane .textfield .whiteline{
    stroke : #FFFFFF ;
    fill:#FFFFFF;
    stroke-width:1px;
}

.mobilepane .textfield input{
    width : 100% ;
    background-color: rgba(5, 54, 166, 0.00) ;
    font-family: "Verdana" ;
    color : rgba(5,54,166,1) ;
    padding-left : 20px ;
    padding-right : 20px ;
    height : 65px ;
    border : 1px solid rgba(5, 54, 166, 1) ;
}

.mobilepane .textfield input:hover{
    background-color: rgba(5, 54, 166, 0.0) ;
}

.mobilepane .textfield input:focus{
    background-color: rgba(5, 54, 166, 0.0) ;
}

.mobilepane .textfield input::-webkit-input-placeholder {
    color: rgba(5, 54, 166, 0.50) ;
}
.mobilepane .textfield input:-moz-placeholder {
   color: rgba(5, 54, 166, 0.50) ;
   opacity: 1 ;
}
.mobilepane .textfield input::-moz-placeholder {
   color: rgba(5, 54, 166, 0.50) ;
   opacity:  1;
}
.mobilepane .textfield input:-ms-input-placeholder {
   color: rgba(5, 54, 166, 0.50) ;
}


.mobilepane .planning{
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;

    transition: 0.2s ;
    height : 0px ;
    opacity: 0 ;
    overflow:hidden;
}

.mobilepane .planning.active{
    height : 240px ;
    opacity: 1 ;
}



.mobilepane .planning .cursor{
    width : 20px ;
    position: relative ;
    top : 1px ;
    margin-left : 55px ;
    margin-top : 5px ;


}

.mobilepane .planning .coloredline{
    stroke : #BB2653 ;
    fill:#FFFFFF;
    stroke-width:1px;
}

.mobilepane .planning .whiteline{
    stroke : #FFFFFF ;
    fill:#FFFFFF;
    stroke-width:1px;
}

.mobilepane .calendarzone{
    border : 1px solid #BB2653 ;
    height: 225px ;
}

.mobilepane .socialshare{
    font-size : 40pt ;
    overflow: hidden ;

    transition: 0.2s ;
    height : 0px ;
    opacity: 0 ;
}

.mobilepane .socialshare.active{
    height : 70px ;
    opacity: 1 ;
}

.mobilepane .socialshare a{
    color : #9f938e ;
    text-decoration: none ;
    margin-top : 10px ;
}

.mobilepane .line{
    border-top : 1px solid #43415c ;
    margin-top : 10px ;
    margin-bottom : 10px ;
}

.mobilepane .menuitems{
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.mobilepane .menuitem{
    height : calc(((100vw - 40px) / 3) - 7px) ;
    width : calc(((100vw - 40px) / 3) - 7px) ;
}

.mobilepane .menuiteminner{
    width : 100% ;
    background-color: #9f938e ;
    -webkit-align-items: center ;
    -ms-flex-align: center ;
    align-items: center ;
    -webkit-justify-content: center ;
    -ms-flex-pack: center ;
    justify-content: center ;
    padding-left: 5px ;
    padding-right: 5px ;
}

.mobilepane .menuiteminner text{
    color : white ;
    font-weight: bold ;
    text-transform: uppercase ;
    text-align: center ;
    text-decoration: none ;
}

.mobilepane.museeActive .museeToggle .menuiteminner{
    background-color: #43415c ;
}

.mobilepane .linker{
    margin-top : 1px ;
    margin-bottom : 1px ;
    width : calc(((100vw - 40px) / 3) - 7px) ;
    background-color: #43415c ;
    overflow: hidden ;

    transition: 0.2s ;
    height : 0px ;
}

.mobilepane.museeActive .linker{
    height : 8px ;
}

.mobilepane .deroulant{
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden ;

    transition: 0.2s ;
    height : 0px ;
}

.mobilepane.museeActive .deroulant{
    height : auto ;
}

.mobilepane .items{
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding : 10px ;
    background-color: #43415c ;
}


.mobilepane .items .link{
    color : white ;
    padding-top : 5px ;
    padding-bottom : 5px ;
    text-decoration: none ;
    -webkit-align-items: center ;
    -ms-flex-align: center ;
    align-items: center ;
    font-weight: bold ;
}

.mobilepane .items .link .icon{
    margin-right : 5px ;
}

.mobilepane .spacer{
    height : 10px ;
}

.mobilepane .socialicons{
    height : calc(((100vw - 40px) / 3) - 7px) ;
    width : calc(((100vw - 40px) / 3) - 7px) ;
    -webkit-align-items: center ;
    -ms-flex-align: center ;
    align-items: center ;
    -webkit-justify-content: space-around ;
    -ms-flex-pack: distribute;
    justify-content: space-around ;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 30pt ;
}

.mobilepane .socialicons .icon{
    color : #43415c ;
    text-decoration: none;
}

.mobilepane .copyright{
    font-weight: bold ;
    border : none ;
    font-size : 90% ;
}

.mobilepane .links{
    margin-top : 10px ;
}

.mobilepane .element{
    border-left : 1px solid black ;
    -webkit-flex-grow: 1 ;
    -ms-flex-positive: 1 ;
    flex-grow: 1 ;
    font-size : 80% ;
    padding-left : 5px ;
    padding-right : 5px ;
    text-align: center ;
    -webkit-align-items: center ;
    -ms-flex-align: center ;
    align-items: center ;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.mobilepane .element a{

}

.mobilepane .legal{
    border-left : none ;
}

@media screen and (min-width: 721px) {

    .mobilepanehidder{
        display: none !important ;
    }

    .mobilepane{
        display: none !important ;
    }

}

.news{
    margin-bottom : 20px ;
}

.news .page{
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media screen and (min-width: 721px) {

    .news .mobile{
        display: none ;
    }

}

@media screen and (max-width: 720px) {

    .news .desktop{
        display: none ;
    }

    .news .page{
        padding-left: 10px ;
        padding-right: 10px ;
    }

}

.news .carouselleft{
    background-image: url('./image/carouselleft.svg') ;
    background-position: center center ;
    background-repeat: no-repeat;
    width : 25px ;
    color : rgba(255,255,255,0.6) ;
    font-size: 18pt ;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center ;
    -ms-flex-align: center ;
    align-items: center ;
    text-align: center ;
    cursor: pointer ;
    -webkit-flex-shrink: 0 ;
    -ms-flex-negative: 0 ;
    flex-shrink: 0 ;
    margin-bottom: 20px ;
}

.news .carousel{
    -webkit-flex-grow: 1 ;
    -ms-flex-positive: 1 ;
    flex-grow: 1 ;
    width : calc(100% - 50px) ;
    overflow-y: visible;
    margin-bottom: 20px ;
}

.news .carouselright{
    background-image: url('./image/carouselright.svg') ;
    background-position: center center ;
    background-repeat: no-repeat;
    width : 25px ;
    color : rgba(255,255,255,0.6) ;
    font-size: 18pt ;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center ;
    -ms-flex-align: center ;
    align-items: center ;
    text-align: center ;
    cursor: pointer ;
    -webkit-flex-shrink: 0 ;
    -ms-flex-negative: 0 ;
    flex-shrink: 0 ;
    margin-bottom: 20px ;
}

.news .carouselleft:hover{
    color : rgba(255,255,255,1) ;
}

.news .carouselright:hover{
    color : rgba(255,255,255,1) ;
}

.newsitemdesktop{

}

.newsitemdesktop .inner{
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left : 10px ;
    margin-right : 20% ;
    padding-bottom : 20px ;
    overflow-y: visible;
}

.newsitemdesktop .bordered{
    border : 1px solid #9f938e ;
    padding-top : 20px ;
    padding-left : 20px ;
    overflow-y: visible;
}

.newsitemdesktop .content{
    -webkit-flex-direction: column ;
    -ms-flex-direction: column ;
    flex-direction: column ;
    width : 75% ;
    padding-right : 20px ;
}

.newsitemdesktop .texts{
    -webkit-flex-direction: column ;
    -ms-flex-direction: column ;
    flex-direction: column ;
    overflow-y: auto ;
}

.newsitemdesktop .category{
    color : #9f938e ;
    text-transform: uppercase;
    font-weight: bold ;
}


.newsitemdesktop .deco{
    width : 25% ;
    overflow-x : visible;
    position: relative;
    z-index: 2 ;
}

.newsitemdesktop .deco .pict{
    min-width : 200% ;
    position: relative;
    z-index: 2 ;
}

.newsitemdesktop .image img{
    width: 150px ;
    height : 220px ;
    margin-left : 10px ;
}

.newsitemdesktop .title{
    margin-top : 10px ;
    color : black ;
    font-size: 120% ;
    font-weight: bold ;
}

.newsitemdesktop .date{
    margin-top : 10px ;
    color : #9f938e ;
    font-size: 100% ;
    font-weight: bold ;
}

.newsitemdesktop .newsresume{
    margin-top : 10px ;
    margin-bottom : 10px ;
    color : black ;
    font-size: 100% ;
}

.newsitemdesktop .buttoncontainer{
    height : 20px ;
    overflow-y: visible ;
}

.newsitemdesktop .readmore{
    color : black ;
}

.newsitemmobile{
}

.newsitemmobile .inner{
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left : 5px ;
    margin-right : 5px ;
    padding-bottom : 20px ;
    overflow-y: visible;
}

.newsitemmobile .bordered{
    border : 1px solid #9f938e ;
    padding-top : 10px ;
    padding-left : 5px ;
    padding-right : 5px ;
    overflow-y: visible;
    -webkit-flex-direction: column ;
    -ms-flex-direction: column ;
    flex-direction: column ;
}

.newsitemmobile .texts{
    -webkit-flex-direction: column ;
    -ms-flex-direction: column ;
    flex-direction: column ;
    overflow-y: auto ;
}

.newsitemmobile .category{
    color : #9f938e ;
    text-transform: uppercase;
    font-weight: bold ;
}

.newsitemmobile .pict{
    height : 50vw ;
    margin-bottom : 10px ;
}

.newsitemmobile .title{
    margin-top : 10px ;
    color : black ;
    font-size: 120% ;
    font-weight: bold ;
}

.newsitemmobile .date{
    margin-top : 10px ;
    color : #9f938e ;
    font-size: 100% ;
    font-weight: bold ;
}

.newsitemmobile .newsresume{
    margin-top : 10px ;
    margin-bottom : 10px ;
    color : black ;
    font-size: 100% ;
}

.newsitemmobile .buttoncontainer{
    height : 20px ;
    overflow-y: visible ;
}

.newsitemmobile .readmore{
    color : black ;
}


h1{
    text-transform: uppercase ;
    color : #474561 ;
    font-size: 16pt ;
    margin-top : 25px ;
}

h2{
    text-transform: uppercase ;
    color : #9f938e ;
    font-size: 15pt ;
    margin-top : 20px ;
}

ul {
    margin-top : 10px ;
    margin-bottom : 0px ;
    list-style-image: url('./image/puce.png');
}

p{
    font-family: "Verdana" ;
    text-align: justify ;
    margin-top : 10px ;
    margin-bottom : 0px ;
}

a{
    color : #9f938e ;
    font-weight: bold ;
    text-decoration: underline; ;
}

input{
    font-family: "Verdana" ;
}

button, input[type=submit]{
    font-family: "VistaSansAltReg", "Verdana" ;
    text-transform: uppercase ;
    background-color: #474561 ;
    border-radius: 0px ;
    font-weight: bold ;
    color : white ;
    padding : 10px ;
    padding-top : 5px ;
    padding-bottom : 5px ;
    border : 1px solid transparent ;
}

button:hover, input[type=submit]:hover{
    background-color: white ;
    color : #474561 ;
    border : 1px solid #474561 ;
}

.topbar{
    height : 40px ;
    background-color : #43415c ;
    color : #ffffff ;
    font-size: 90% ;
}

.topbar a:hover{
    text-decoration: none ;
}

.topbar .page{
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-align-items: center ;
    -ms-flex-align: center ;
    align-items: center ;
    height : 40px ;
}

.topbar .social{
}

.topbar .social a{
    font-size : 20pt ;
    padding-left : 8px ;
    padding-right : 8px ;
    color : white ;
}

.topbar .pipe{
    margin-left : 20px ;
    margin-right : 20px ;
    height : 20px ;
    border-left: 2px solid white ;
}

.topbar .lang{
    padding-left : 5px ;
    padding-right : 5px ;
    -webkit-align-items: center ;
    -ms-flex-align: center ;
    align-items: center ;
}

.topbar .lang a{
    padding-left : 5px ;
    padding-right : 5px ;
    color : white ;
}


.topbar .littlepipe{
    height : 15px ;
    border-left: 2px solid white ;
    margin-left : 8px ;
    margin-right : 8px ;
}

.topbar .lang{

}


.topbar .lang a:hover{
    text-decoration: underline;
}

.topbar .currentLang{
    font-weight: bold ;
    text-decoration: underline;
}

.topbar .pipe{
    font-size : 15pt ;
}

@media screen and (max-width: 720px) {

    .topbar{
        display : none ;
    }

}

.topbloc{
    background-color: #f1f1f3 ;
}

#system-message{
    overflow:auto ;
}

#system-message .alert{
    padding-left : 20px ;
    padding-right : 20px ;
    padding-top : 10px ;
    padding-bottom : 10px ;
    margin-top : 20px ;
    margin-bottom : 20px ;
}


#system-message > .alert-warning{
    background-color: rgba(138,109,59, 0.2);
    color: rgba(138,109,59, 1);
    border: 1px solid rgba(138,109,59, 1);
}

#system-message > .alert-message{
    background-color: rgba(60,118,61, 0.2);
    color: rgba(60,118,61, 1);
    border: 1px solid rgba(60,118,61, 1);
}

#system-message > .alert-error{
    background-color: rgba(185,74,72, 0.2);
    color: rgba(185,74,72, 1);
    border: 1px solid rgba(185,74,72, 1);
}

#system-message > .alert-message{
    background-color: rgba(49,112,143, 0.2);
    color: rgba(49,112,143, 1);
    border: 1px solid rgba(49,112,143, 1);
}

#system-message .close{
    float : right ;
    color : rgba(0,0,0,0.6) ;
    text-decoration: none ;
    font-size: 120% ;
    cursor: pointer ;
    padding-left : 3px ;
    padding-right : 3px ;
}

#system-message .close:hover{
    background-color: rgba(0,0,0,0.3) ;
}

#system-message h4{
    float : left ;
    margin : 0px ;
    font-size: 90% ;
    color : rgba(0,0,0,0.6) ;
    font-weight: normal;
}

#system-message div{
    clear: both ;
}

#acymodifyform{
    margin-top : 20px ;
}

fieldset{
    border : 1px solid #43415c ;
    margin-bottom : 10px ;
    padding-top : 0.5 em ;
}

fieldset legend{
    padding-left : 10px ;
    padding-right : 10px ;

}

input[type=radio]{
    margin-right : 5px ;
    margin-left : 5px ;
}

.event-information.alone{
    width : 100% ;
}

.event-others.no-one{
    display : none ;
}


.agenda .iccalendar {
    margin: 10px ;
    width: 100% ;
    height: 220px ;
}

.agenda .iccalendar {
    margin: 10px;
    width: 100%;
    height: 220px;
    max-width: initial ;
}

.agenda .iccalendar .ic-table{
    width: 100%;
    height: 180px;
}

.agenda .iccalendar tbody tr {
    height: 28px;
}

.acymailing_finaltext {

    font-size:80%;
}

#sbox-content iframe {
    padding-right:20px;
    text-align:justify;
}

#sbox-content iframe .acymailing_finaltext {
    text-align:justify;
}

/* ~~~>>> Surcharge du CSS icagenda */
.floatingflag .top .back {
    display:flex !important;
}
/* <<<~~~ Surcharge du CSS icagenda */

.langs.lang-mobile .littlepipe {
    margin-left: 10px;
    margin-right: 10px;
    width: 1px;
    background-color:black;
}

.mobilepane .element.toMenu {
    display:none;
}

div#icagenda.ic-list-view {
    display:none;
}

a.link-newsletter {
    /*width:100px;*/
    z-index:99;
    text-decoration:none;
    color:white;
}

span.newsletter-mobile div.mpa-newspaper {
    display:inline;
    vertical-align:sub;
}

span.newsletter-mobile div.subscribe {
    display:inline;
    vertical-align:super;
}

p.nomargin {
    margin:0;
}

.ic_rounded.iccalendar {
    /*max-width:300px !important;*/
}

.footer box.page{
    height: 80px;
}

span.badge {
    border-radius:0 !important;
}

span.badge-info {
    background-color:#43415c !important;
}





/*APPLICATION DU CSS POUR VIRTUEMART START*/

.page-virtuemart {
    padding-bottom: 10px;
}

.page-virtuemart h1{
    text-transform: uppercase !important ;
    color : #474561 !important ;
    font-size: 16pt !important ;
    margin-top : 25px !important ;
}

.page-virtuemart h2{
    text-transform: uppercase !important ;
    color : #9f938e !important ;
    font-size: 15pt !important ;
    margin-top : 20px !important ;
}

.page-virtuemart ul {
    margin-top : 10px !important ;
    margin-bottom : 0px !important ;
    list-style-image: url('./image/puce.png');
}

.page-virtuemart p{
    font-family: "Verdana" !important ;
    text-align: justify !important ;
    margin-top : 10px !important ;
    margin-bottom : 0px !important ;
}

.page-virtuemart a{
    color : #9f938e !important ;
    font-weight: bold !important ;
    text-decoration: underline !important ;
}

.page-virtuemart input{
    font-family: "Verdana" !important ;
}

.page-virtuemart button, input[type=submit]{
    font-family: "VistaSansAltReg", "Verdana" !important ;
    text-transform: uppercase !important ;
    background-color: #474561 !important ;
    border-radius: 0px !important ;
    font-weight: bold !important ;
    color : white !important ;
    padding : 10px !important ;
    padding-top : 5px !important ;
    padding-bottom : 5px !important ;
    border : 1px solid transparent !important ;
}

.page-virtuemart button:hover, input[type=submit]:hover{
    background-color: white !important ;
    color : #474561 !important ;
    border : 1px solid #474561 !important ;
}

.page-virtuemart.vm-order-done a.vm-button-correct {
    background-color: white !important;
    font-size: inherit !important;
    border: none !important;
    padding: 0 !important;
    letter-spacing: inherit !important;
}

.goto-product-details {
    display:inline-block;
}

/*APPLICATION DU CSS POUR VIRTUEMART END*/
.space {
    height:0px;
}

@media screen and (max-width: 600px) {

    .space {
        height:110px;
    }

}