@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600,700");
@import url("https://fonts.googleapis.com/css?family=Roboto:200,300,400,500,600,700");

@font-face {
    font-family: 'Spie-Batignolles-font';
    src: url("../fonts/Spie-Batignolles-font.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: Montserrat;
}

.sans-margin {
    margin: 0px;
}

.margin-bottom {
    margin-bottom: 30px
}

.sans-padding {
    padding: 0px;
}

.padding-haut-tuiles-accueil {
    padding: 5px 0px 0px 0px;
}

.padding-droit-tuiles-accueil {
    padding: 0px 10px 0px 0px;
}

.padding-bas-tuiles-accueil {
    padding: 0px 0px 5px 0px;
}

.padding-gauche-tuiles-accueil {
    padding: 0px 0px 0px 10px;
}

.hauteur-tuiles-accueil {
    height: 650px;
}

.sans-overflow {
    overflow: hidden;
}

.tuile-gauche-accueil-ajustee {
    width: 456.66px;
    height: 650px;
    min-width: 100%;
    min-height: 100%;
}

.tuiles-accueil-ajustee {
    width: 466.66px;
    height: 320px;
    min-width: 100%;
    min-height: 100%;
}

.hr-titres {
    background-color: #000;
    width: 100px;
    margin: 30px auto 0px
}

.black {
    color: black
}

.Huit {
    font-size: 90px;
    color: white;
    text-align: center;
    margin-left: 2px
}

.CaseJaune {
    padding: 50px;
    height: 320px;
    background-color: #F0AF00
}

.PlacementCaseJaune {
    overflow: hidden;
    height: 100%;
    padding-left: 10px
}

.CaseJauneTXT {
    font-size: 24px;
    text-align: center;
    color: white
}

.BarreDuHuit {
    border: none;
    border-top: 4px solid #FFF;
    color: #FFF;
    overflow: visible;
    margin: auto;
    width: 37px;
}

.BanniereGrise {
    margin: auto auto 30px auto;
    width: 1200px
}

BanniereGrise2 {
    margin: 30px auto 110px auto;
    width: 1200px;
}

.tag {
    float: left;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1000;
    background-color: #FFFFFF;
    text-overflow: ellipsis ellipsis
}

/*.listElement {
}*/

.Titres {
    text-align: center;
    margin-bottom: 30px
}

.TitrePlanDuSite {
    text-align: center;
    font-size: 40px;
    margin-top: 15px
}

.SousTitreAcceuil {
    font-size: 30px;
    margin: 30px 0px 0px
}

.TextesActualites {
    margin-top: 18px;
    font-size: 18px
}

.styleLinkAcctu {
    color: black;
    text-decoration: none
}


.CadrePrgm {
    height: 100%;
    overflow: hidden;
    width: 100%;
    margin: 0px;
    -ms-scroll-limit: 0 0 0 0;
}

.TxtPrgmCadre {
    background-color: #074C7C;
    color: white;
}

.LienIndexPrgm {
    font-size: 18px;
    color: black;
}

.TitrePrgm {
    font-size: 40px;
    margin-top: 60px;
    text-align: center
}

.SousTitrePrgm {
    font-size: 26px;
    margin-top: 15px;
    text-align: center
}

.stylePagePrgm {
    margin-top: 60px;
    width: 100%
}

.paddingProgramme {
    padding: 0px 30px 0px 0px;
}

.styleLienMainImage {
    width: 100%;
    height: 420px;
    margin-bottom: 30px
}

.styleBoxBlue {
    height: 420px
}

.stylePointsForts {
    font-size: 18px;
}

.liens {
    text-decoration: underline;
}

.styleContact {
    text-align: left
}

.styleImagePrgm {
    width: 100%
}

.styleBanierContenu {
    padding: 30px 100px 30px 0px;
    color: white
}

.styleBanierImage {
    padding: 30px 0px;
    color: white;
    padding-left: 15px
}

.widthImageProgramme {
    width: 100%;
    padding: 30px;
    padding-left: 15px
}

.stylePrgmSimilaires {
    text-align: center
}


/* Showcase */
.styleShowcase {
    height: 320px;
    width: 830px;
    margin: auto;
    margin-top: 30px
}

.styleShowcase2 {
    padding-right: 15px;
    overflow: hidden;
    height: 100%
}

.styleShowcase3 {
    text-decoration: none;
    height: 100%
}

.white {
    color: white
}

.styleImageShowcase {
    height: 100%;
    width: 100%
}

.styleShowcase4 {
    height: 100%;
    overflow: hidden;
    padding-left: 15px
}

.sansDeco {
    text-decoration: none
}

/*a:hover, a:visited, a:link, a:active, .sansDeco {
    text-decoration: none
}*/

.styleImageShowcase2 {
    width: 100%;
    height: 100%;
}

.styleBanderolePrgm {
    position: absolute;
    width: 100%;
    height: 100%
}

.styleCadrePrgm {
    overflow: hidden;
    padding: 0px;
    height: 100%;
    width: 465px
}

.margePrgm {
    margin-top: 18px
}

.styleBiensKey {
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 18px
}

.styleImageNewPage {
    height: 320px;
    overflow: hidden;
    width: 400px
}

.sideActu {
    height: 320px;
    overflow: hidden;
    width: 400px;
    margin-top: 60px;
    background-position: center
}

.styleActuRecentes {
    font-size: 26px;
    margin-top: 73px
}

/* Nos actues */

.styleActuImage1 {
    height: 320px;
    overflow: hidden;
    width: 400px;
    background-position: center;
    margin-top: 60px
}


.block {
    display: block
}

.styleBanderoleNews {
    padding: 30px;
    height: 320px
}

.sizeActuTitre {
    font-size: 26px
}
/* pagesNews */

.colDroite {
    height: 320px;
    overflow: hidden;
    width: 400px;
    margin-top: 60px;
    background-position: center
}

.titrePageNews {
    font-size: 26px;
    margin-top: 73px
}

.pageNews2 {
    height: 320px;
    overflow: hidden;
    width: 400px
}

.widthActu {
    width: 400px
}




.sizePageNews {
    font-size: 18px
}

/*.PageNews1 {
    margin: auto;
    width: 1200px
}*/

.paddingNewPage1 {
    padding: 0px 30px 0px 0px;
}

.stylePageNews {
    margin-top: 30px;
    font-size: 30px
}

.widthPageNews1 {
    width: 400px;
    margin-left: 30px;
}

.styleNosActualites {
    font-size: 26px;
    margin-top: 73px
}

/*.pageNews2 {
    height: 320px;
    background-position: center
}*/



/* Home */


.paddingDeuxImagesDuHaut {
    padding: 0px 10px 5px 10px;
}

.paddingBlockDeGauche {
    padding: 0px 5px 0px 5px;
}

.paddingN3 {
    padding: 0px 5px 0px 0px
}

.paddingAGauche {
    padding-left: 5px
}

.paddingN4 {
    padding: 5px 5px 0px 10px
}

.paddingN5 {
    padding: 0px 5px 5px 5px
}

.paddingN6 {
    padding: 0px 10px 0px 5px
}

.paddingN7 {
    padding: 0px 5px 0px 0px
}

.paddingN8 {
    padding: 0px 0px 0px 5px
}


.height1 {
    height: 650px
}

.height2 {
    height: 100%
}

.height3 {
    text-decoration: none;
    height: 0px
}

.height4 {
    overflow: hidden;
    height: 100%
}

.paddingA0 {
    padding: 0px
}

.flex {
    display: flex;
}

.width {
    width: 100%
}

.Home1 {
    height: 100%;
}

.Home2 {
    height: 100%;
    padding-left: 5px
}

.Home3 {
    background-color: #074C7C;
    padding: 120px 40px 0px;
    height: 100%;
    width: 100%;
    color: white
}

.Home4 {
    width: 100%;
    height: 50%;
}

.Home5 {
    overflow: hidden;
    height: 100%;
}

.Home6 {
    height: 100%;
    overflow: hidden;
    padding-left: 15px;
}

Home7 {
    background-color: #F0AF00;
    color: white;
    text-align: center;
    line-height: 40px;
    border: none;
    padding: 10px 15px
}

.dimention1 {
    height: 27px;
    width: 39px
}

.dimention2 {
    width: 100%;
    height: 100%
}

.bouton {
    background-color: #F0AF00;
    color: white;
    text-align: center;
    line-height: 40px;
    border: none;
    padding: 10px 15px
}

.textHome {
    font-size: 22px;
    margin-top: 20px
}

.dimention3 {
    overflow: hidden;
    height: 100%;
    padding-left: 0px
}



.pageHome {
    width: 100%;
    height: 50%;
}



.styleHome {
    height: 100%;
    overflow: hidden
}

.styleHome2 {
    width: 100%;
    margin: 30px auto 0px;
    text-align: center
}

.styleHome3 {
    width: 830px;
    margin: 30px auto;
    margin-top: 30px
}

.styleHome4 {
    padding-right: 15px;
    overflow: hidden;
    height: 100%
}

/* PageAdvice */

.stylePageAdvice {
    margin: auto;
    width: 1200px
}

.taille1 {
    font-size: 18px
}

/*Contacts*/








/* AboutIndex*/

.aboutIndex {
    height: 420px;
    width: 100%
}

.margeIndexAdvice {
    margin-top: 48px
}

.paddingIndexAdvice {
    padding-right: 15px
}

.paddingIndexAdvice2 {
    padding-left: 15px
}

.aboutIndex2 {
    background-color: #F0AF00;
    line-height: 175px;
    color: white;
    text-align: center;
    margin-bottom: 30px
}

.aboutIndex3 {
    font-size: 90px;
    margin-right: 30px
}

.fontAdvice {
    font-size: 28px
}

.aboutIndex3 {
    width: 1200px;
    height: 618px;
    border: solid black 1px
}

.aboutIndex4 {
    width: 1200px;
    height: 618px;
    background-color: #F0AF00;
    line-height: 175px;
    color: white;
    text-align: center;
    margin-bottom: 30px;
    font-size: 90px;
    margin-right: 30px;
}

.ouNousTrouver {
    position: relative;
    top: -20px;
    background-color: #FFFFFF;
    width: 400px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center
}



/* adviceIndex*/

.adviceIndex1 {
    margin-top: 30px;
    margin-bottom: 30px
}

.paddingAdviceIndex1 {
    padding-right: 15px
}

.styleAdviceIndex {
    width: 100%;
    height: 250px;
    overflow: hidden
}

.textAdviceIndex {
    text-align: center;
    font-size: 16px
}

.backGroundAdviceIndex {
    background-color: #D19900
}

.paddingAdviceIndex2 {
    padding-left: 15px
}

.marginAuto {
    margin: auto
}

.backGroundAdvice2 {
    color: #074C7C
}

.AdviceIndex2 {
    padding-left: 30px;
    overflow: hidden
}

.adviceBoxMask2 {
    color: #D19900;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0.8;
}


.ActualitesRecentes {
    position: absolute;
    overflow: hidden;
    height: 320px;
    background-position: center;
    width: 400px;
}




.marginTop {
    margin-top: 30px
}

/* Make the image fully responsive */
.carousel-inner img {
    width: 100%;
    height: 100%;
}

.whitenav {
    background-color: white;
}

.top {
    padding-top: 100px;
}

.shadow {
    box-shadow: 1px 1px 5px #888888;
}

.nav,
.centrerElement {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}

.grey {
    background-color: #F2F2F2;
}

.greyText {
    color: #C4BBBA;
}

.block {
    top: 50%;
}

body {
    margin: 0;
}

.is-my-parent-container {
    min-width: 1230px;
    margin: auto;
    display: flex;
    height: 100vh;
    flex-direction: column
}

.is-my-custom-content {
    flex-grow: 1;
}

.is-my-custom-footer {
    width: auto;
    min-height: 100px;
}

.LienSpieBatignolles {
    font-weight: bold;
    color: black;
    text-decoration: none
}

.nousContacter {
    line-height: 30px
}

.lienIndexHome {
    height: 70px;
    margin-top: 10px
}

.styleHeader {
    width: 1200px;
    margin: auto
}

.styleNavigation {
    height: 100px;
    min-width: 1170px
}


.Collapse-img {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.CollapseImg2 {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.Collapse-img3 {
    position: absolute;
    overflow: hidden;
    width: 100%;
}

.Collapse-img-card {
    top: calc(100% - 55px);
    animation-name: goDown;
    animation-duration: 1s;
    width: 350px;
    height: 120px;
    position: absolute
}

.Collapse-img-card-body {
    width: 100%;
    height: 100%;
    background-color: white;
    opacity: 0.8;
    padding: 30px 30px
}

    .Collapse-img-card-body h6 {
        font-size: 14px
    }

    .Collapse-img-card-body p {
        font-size: 16px
    }

@keyframes goDown {
    from {
        top: calc(100% - 120px)
    }

    to {
        top: calc(100% - 55px);
    }
}

.Collapse-img:hover .Collapse-img-card {
    top: calc(100% - 120px);
    animation-name: goUp;
    animation-duration: 1s;
}

.Collapse-img-card div {
    color: black;
}

.Collapse-img-card-arrow {
    width: 67px;
    height: 44px;
    opacity: 1;
    position: absolute;
    background-color: #F0AF00;
    left: 34px;
    top: -22px;
    color: white;
    text-align: center;
    font-size: 30px;
    line-height: 44px
}

@keyframes goUp {
    from {
        top: calc(100% - 55px);
    }

    to {
        top: calc(100% - 120px)
    }
}

.rowul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

    .rowul .colli {
        display: block;
        float: left;
        text-decoration: none;
        text-align: left;
    }

.content {
    width: 1200px;
    margin: 60px auto 0px auto
}

/*.content2 {
    width: 1200px;
    margin: 60px auto 110px auto
}*/

.footer {
    height: 100px;
    width: 1200px;
    background-color: #E8E8E8;
    font-size: 16px;
    padding: 0px 30px;
    margin: auto auto 0px auto;
    line-height: 100px
}

.footer2 {
    height: 100px;
    width: 1200px;
    background-color: #E8E8E8;
    font-size: 16px;
    padding: 0px 30px;
    margin: 30px auto auto auto;
    line-height: 100px
}

.nav-link-holder {
    text-align: right;
    line-height: 90px;
    float: right;
}

    .nav-link-holder a {
        color: black;
        text-decoration: none;
        margin-left: 30px;
        font-size: 14px
    }

        .nav-link-holder a:hover {
            color: #F0AF00
        }

.is-banderole-program {
    width: 100%;
    height: 320px;
    background-color: #F8F8F8;
    margin-top: 30px
}

.styleFooter {
    font-size: 14px
}

.is-banderole-image {
    height: 100%;
}

.pricetag {
    position: absolute;
    bottom: 20px;
    font-size: 16px;
    font-weight: bold;
    text-overflow: ellipsis ellipsis
}

.footer-right {
    text-align: right;
    font-size: 14px;
}

.footer-center {
    text-align: center;
}

    .footer-center a {
        margin-left: 10px;
        margin-right: 10px;
        color: black;
        text-decoration: none;
        font-size: 14px
    }

        .footer-center a:hover {
            color: #F0AF00
        }

.flatButton {
    position: absolute;
    font-size: 14px;
    padding: 10px;
    background-color: #F0AF00;
    color: white;
}

.flatButton2 {
    position: absolute;
    font-size: 14px;
    padding: 10px;
    background-color: #074C7C;
    color: white;
}

.flatBox {
    font-size: 16px;
    padding: 10px;
    background-color: #074C7C;
    color: white;
    border: none
}

.banderoleLeftInfo {
    top: 30px;
    left: 30px;
    padding: 15px
}

.banderoleMiddlePart {
    padding: 30px;
}

    .banderoleMiddlePart h2 {
        font-size: 28px
    }

    .banderoleMiddlePart h4 {
        font-size: 20px
    }

    .banderoleMiddlePart p {
        font-size: 14px
    }

.banderoleMiddleButton {
    bottom: 12px;
    right: 35px
}

.banderoleRightListHolder {
    margin-top: 30px;
}

    .banderoleRightListHolder span {
        font-size: 14px;
        margin-right: 30px
    }

.text-yellow {
    color: #F0AF00
}

.handOnHover:hover {
    cursor: pointer
}

.vanilla {
    margin: 0px;
    padding: 0px
}

.vanilla2 {
    margin: 20px;
}

.CadreBleu {
    position: relative;
    width: 100%;
    min-height: 1px;
}

.vanilla3 {
    padding: 0px;
}

.margin0 {
    margin: 0px
}


.disc {
    list-style-type: disc;
}

.inside {
    list-style-position: inside
}

.paragraphe {
    font-size: 16px
}

    .paragraphe h5 {
        color: #F1AF01
    }



    .paragraphe a {
        color: #F0AF00
    }

/*.listMargin {
}*/

    .listMargin li {
        margin-top: 4px;
    }

.adviceBoxImages {
    width: 100%;
    height: 100%;
    position: absolute
}

.adviceBoxMask {
    width: 100%;
    height: 100%;
    background-color: #074C7C;
    position: absolute;
    opacity: 0.8
}

.adviceBoxText {
    width: 100%;
    height: 100%;
    position: absolute;
    color: white;
    padding: 50px;
    margin: auto
}

.adviceBoxHr {
    border: none;
    border-top: 1px solid #FFF;
    color: #FFF;
    overflow: visible;
    text-align: center;
    height: 2px;
    width: 72px;
    margin: 15px auto;
}

.regularTopMargHalf {
    margin-top: 15px;
    text-decoration: none
}

.regularTopMarg {
    margin: 30px;
    text-decoration: none
}

.regularTopMarg53 {
    margin-top: 30px;
    text-decoration: none
}

.regularMarginBottom {
    margin-bottom: 30px
}

.regularTopMarg1 {
    margin-top: 60px
}

.regularTopMarg2 {
    margin-top: 30px
}

.regularTopMarg3 {
    margin: 90px 0px 40px auto
}

.regularTopMarg4 {
    margin-top: 120px
}

.regularLinkHolder {
    color: black
}

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

        .regularLinkHolder a:hover {
            color: #F0AF00
        }

.squareTitleHolder {
    height: 40px;
    line-height: 40px
}

    .squareTitleHolder span {
        margin-left: 30px;
        font-size: 26px
    }

.squareTitleSquare {
    background-color: #F0AF00;
    width: 19px;
    height: 19px;
    float: left;
    margin-top: 11px
}

.cadreText {
    width: 100%;
    color: white;
    padding: 30px;
    font-size: 20px
}

.blue {
    background-color: #074C7C
}

.is-yellow {
    background-color: #F0AF00
}

.regularLink {
    color: black;
    text-decoration: none
}

    .regularLink:hover {
        color: black;
        text-decoration: none
    }

.is-yellow-banneer {
    position: relative;
    left: 0px;
    width: 100%;
    background-color: #F0AF00;
    margin-top: 30px;
    color: white
}

.is-form-box {
    height: 50px;
    padding-left: 23px;
    background-color: #F8F8F8;
    color: #646464;
    font-size: 16px;
    border: none;
}

.has-form-marg {
    margin-top: 8px
}

.form-left-column {
    padding-right: 5px;
}

.form-right-column {
    padding-left: 5px;
}

/* Shrink */
.hvr-shrink-light {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

    .hvr-shrink-light:hover, .hvr-shrink-light:focus, .hvr-shrink-light:active {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
    }

.hvr-sweep-to-top-yellow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-sweep-to-top-yellow:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #F0AF00;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-sweep-to-top-yellow:hover, .hvr-sweep-to-top-yellow:focus, .hvr-sweep-to-top-yellow:active {
        color: white;
    }

        .hvr-sweep-to-top-yellow:hover:before, .hvr-sweep-to-top-yellow:focus:before, .hvr-sweep-to-top-yellow:active:before {
            -webkit-transform: scaleY(1);
            transform: scaleY(1);
        }

.hvr-sweep-to-top-blue {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-sweep-to-top-blue:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #074C7C;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-sweep-to-top-blue:hover, .hvr-sweep-to-top-blue:focus, .hvr-sweep-to-top-blue:active {
        color: white;
    }

        .hvr-sweep-to-top-blue:hover:before, .hvr-sweep-to-top-blue:focus:before, .hvr-sweep-to-top-blue:active:before {
            -webkit-transform: scaleY(1);
            transform: scaleY(1);
        }

.hvr-grow-light {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

    .hvr-grow-light:hover, .hvr-grow-light:focus, .hvr-grow-light:active {
        -webkit-transform: scale(1.02);
        transform: scale(1.02);
    }

.hvr-underline-from-center-yellow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
}

    .hvr-underline-from-center-yellow:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 51%;
        right: 51%;
        bottom: 0;
        background: #F0AF00;
        height: 4px;
        -webkit-transition-property: left, right;
        transition-property: left, right;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-underline-from-center-yellow:hover:before, .hvr-underline-from-center-yellow:focus:before, .hvr-underline-from-center-yellow:active:before {
        left: 0;
        right: 0;
    }

.is-flat-box-text {
    font-size: 18px;
    width: 100%;
    padding: 30px;
    color: white
}

.icon-about {
    width: 90px;
    height: 90px
}

.reverseRegularLinkHolder {
    color: black;
}

    .reverseRegularLinkHolder a {
        color: #F0AF00
    }

        .reverseRegularLinkHolder a:hover {
            color: gray;
        }

.is-flex-container {
    flex-direction: column;
    display: flex;
    height: 420px
}

.is-flex-container2 {
    flex-direction: column;
    height: 420px
}

.is-flex-body {
    flex-grow: 1;
}

.is-GrayBox {
    width: 100%;
    border: solid #BFBFBF 1px;
    background-color: #F8F8F8;
    margin-top: 30px;
    padding: 30px;
    font-size: 16px
}

.is-news-tag {
    width: 138px;
    height: 47px;
    background-color: #074C7C;
    text-align: center;
    padding-top: 11px;
    font-size: 18px;
    color: white;
    float: left;
    margin-right: 10px;
    text-overflow: ellipsis;
}