body {
    overflow-y:scroll;
    font-family:Lato-Regular;
    letter-spacing: 1px;
}
.primaryColor {
    background-color: #ffffff;
    height:180px;
}

.mainTitle {
    margin-left:10px;
    font-family: Lato-Regular;
    -webkit-text-stroke: 1px #d1c3c3;
    font-size: 2.9em;
    height:100px;
}

.colHome {
    background-color: rgb(12,95,126);
}

.colTransac {
    background-color: rgb(199, 135, 115);
}

.colFormation {
    background-color: rgb(143, 176, 176);
}

.colExpertise {
    background-color: rgb(102, 156, 186);
}

.colAudit {
    background-color: rgb(77, 135, 219);
}
.logoAidr {
    vertical-align: middle;
    background-color:#ffffff;
}

nav {
    height:160px;
    padding: 3%;
    box-shadow:none;
    background-color:#ffffff;
}

.footer {
    padding:30px;
    height:120px;
    letter-spacing:1px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.footLine {
    margin-top:40px;
    margin-left:8%;
    margin-right:8%;
}

.withBar {
    border-right-style: solid;
    border-right-width: 1px;
    border-color:white;
}

.tabContent {
    display: flex;
}

.content1 {
    flex:40%;
}
/** On sépare au cas où on voudrait customiser une colonne plus tard */
.content2 {
    flex:60%;
    padding-right:10%;
}

.logoContainer {
    position:absolute;
    width:100%;
    text-align:center;
    height:460px;
    line-height:460px;
}

.grosLogo {
    vertical-align:middle;
    height:280px;
    z-index:2;
}

.fondBleuTransparent {
    position:absolute;
    background-color:rgba(2,90,130,0.6);
    width:100%;
    z-index:1;
}

#rhone {
    width: 100%;
    height: 460px;
    background: url(../res/bigRhone.jpg) 0 10%;
    background-size : 100% 100%;
    z-index:0;
}
.trLocalisation {
    font-weight:bold;
    font-size:  16px;
    background-color: black;
    color:white;
    text-transform: uppercase;
    display:inline;
    padding-bottom:3px;
}

.trType {
    font-weight:bold;
    font-size:25px;
    margin-top:35px;
    margin-bottom:-14px;
    line-height:1.2;
}

.trSynthese {
    font-size:25px;
    white-space: pre-line;
}

.trImgSynthese {
    width:40vw; /* 450px; */
    margin:40px 50px 20px 50px;
    text-align:center;
}

.trContent {
    line-height:1.2;
}

.trContent p {
    margin-bottom:30px;
}

.foLeft {
    font-size:1.6em;
    color:#ffffff;
    padding:200px 60px 80px 60px;
    text-align: left;
    letter-spacing:0;
    cursor:pointer;
    line-height:1.2;
} 

.foSynthese > li {
    margin-bottom:40px;
    background-color:rgb(2,90,130);
    font-family:Lato-Regular;
    text-align:center;
    text-transform:uppercase;
    font-size:17px;
    padding-top:5px;
    padding-bottom:5px;
}

.foSommaire > li {
    list-style-image: url("../res/bullet.png");
}

.contentTitle {
    white-space: pre-line;
    color: rgb(11,84,124);
    font-weight:bold;
    line-height:1.2;
    margin-bottom:-10px;
}
.foTitle {
    font-weight:bold;
    font-size:20px;
    margin-bottom:20px;
}

.foDetail {
    line-height: 2.5em;
}

.foFondBleu {
    background-color:rgb(2,90,130);
    width:100%;
    text-align:center;
}

.foLogoAidr {
    width:25%;
    margin-top:5px;
}

.exImg {
    width:80%;
    margin:45px 150px 20px 60px;
}

.exTitle {
    font-weight:bold;
    font-size:20px;
    margin-top:35px;
    margin-bottom:-14px;
}
.exList li {
    list-style-type:disc;
    margin-left:20px;
}

.exContent {
    line-height:1.2;
    margin-bottom:30px;
}

.coTitle {
    font-weight:bold;
    font-size:20px;
}

/* Overriden from materialize.css */
/* -- START --*/
.tabs {
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    height: 108px;
    width: 100%;
    color: white;
    margin: 0 auto;
    white-space: nowrap;
    font-family: Lato-Regular;
    text-align:center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tabs .tab {
    text-align: center;
    text-transform: uppercase;
    width:22%;
}

.tabs .tab a {
    color: rgba(255, 255, 255, 1); /* original: rgba(238, 110, 115, 0.7); */
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    font-size: 17px;
    text-overflow: clip; /*ellipsis; */
    overflow: hidden;
    -webkit-transition: color .28s ease;
    transition: color .28s ease;
    letter-spacing: 2px;
}

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

    .tabs .tab a {
        font-size: 0.8em;   /* 0.9em */
    }

    .foSynthese > li {
        font-size: 0.6em;
    }
    .tabs {
        height: 6vw;
    }
/*
    .grosLogo {
        height:280px;
    }
    */

}

.content1Substitute {
    display:none;
    flex:40%;
}

.burgerAidr {
    position:relative;
    margin-bottom:20px;
    border:solid 1px white;
}

.burgerAidr img {
    position:absolute;
    left:20px;
    top:35px;
}

.burgerContent li {
    line-height: 2em;
    margin-bottom:40px;
    cursor:pointer;
    margin-left:10px;
}

.burgerContent li:hover {
    color: #0D47A1;
}

@media only screen and (max-width: 788px) {
    nav {
        height: 23vw;
    }
    .mainTitle {
        margin-left: 0;
    }

    .tabs .tab a {
        font-size: 0.6em;   /* 0.9em */
        letter-spacing:0;
    }

    .foSynthese > li {
        font-size:0.4em;
    }

    .tabs {
        height: 40px;
    }

    .logoAidr {
        width:92vw;
    }

    .grosLogo {
        width: 35vw;
        height: auto;
        /*
        width:92vw;
        */

    }

    .content1 {
        display:none;
    }
    .content1Substitute {
        display:inline;
    }
    .content2 {
        margin-left:20px;
    }

}
/*
@media only screen and (max-width: 1154px) {
    .tabs .tab a {
        font-size: 1.4vw;
    }
}
*/
.tabs .tab a:hover, .tabs .tab a.active {
    background-color: transparent;
    color: rgba(255, 255, 255, 1); /* #ee6e73; */
    font-weight:bold;
}

.tabs .indicator {
    display:none;
}
/* -- END */

@font-face {
    font-family: Lato-Regular;
    src: url("./Lato-Regular.ttf");
    font-weight: normal;
    font-style: normal;
}

.collapsible-header:hover {
    background-color: #eeeeee;
}

.collapsible-body {
    background-color: #fcab28;
}