/* base.css --- 2024-09-04 19:08:25 */
html,
body {
    min-height: 100%;
    background: #fff;
    font-family: roboto, sans-serif;
    font-size: 100%;
    overflow-x: hidden;
}

@media (min-width: 992px) and (max-width: 1199px) {
    html,
    body {
        font-size: 96%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    html,
    body {
        font-size: 92%;
    }
}

@media (min-width: 500px) and (max-width: 767px) {
    html,
    body {
        font-size: 88%;
    }
}

@media (max-width: 499px) {
    html,
    body {
        font-size: 85%;
    }
}

* {
    outline: none!important;
}

.form-control {
    box-shadow: none!important;
}

.form-control:focus {
    border-color: #ccc!important
}

.clearfix {
    clear: both;
    width: 100%;
    height: 1px;
}

.pull-left {
    margin: 0 5px 0 0;
}

.btn {
    box-shadow: none!important;
    outline: none;
}

img {
    max-width: 100%;
    height: auto!important;
}

.pointer {
    cursor: pointer
}

.width-100pc {
    width: 100%;
}

.upper {
    text-transform: uppercase;
}

.relative {
    position: relative!important;
}

.rajdhani {
    font-family: Rajdhani, sans-serif;
}

.light {
    font-weight: lighter;
}

.cover {
    background-position: center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

@media (max-width: 1200px) {
    .container {
        width: 96%!important;
        margin-left: auto;
        margin-right: auto;
        padding: 0
    }
}

/* menu.css --- 2024-09-04 19:08:25 */
#menu-burger {
    z-index: 1000;
    position: fixed;
    top: 25px;
    left: 0px;
    width: 120px;
    text-align: center;
    color: black;
    transition: all 1000ms;
    cursor: pointer;
}

#menu-burger span {
    padding: 7px 0;
    display: block;
    text-align: center;
    font-size: 1.5rem;
}

#menu {
    position: fixed;
    z-index: 990;
    padding-bottom: 80px;
    top: 0;
    left: 0;
    width: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    height: 100vh;
    background: rgba(0, 0, 0, 0.9);
    padding-top: 160px;
    transition: all 500ms;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -ms-transition: all 500ms;
    -o-transition: all 500ms;
}

body.menu-on #menu {
    font-size: 1.2rem;
    width: 300px;
}

#menu ul {
    list-style: none;
    padding: 0;
    margin: 0 0 0 0;
}

#menu ul.level0 {
    margin-left: 25px;
    width: 250px;
}

#menu li {
    padding: 0 0 0 15px;
    margin: 0;
    position: relative;
}

#menu li.selected:before {
    content: url('/img/arcs.png?h=30');
    position: absolute;
    top: 1;
    left: -20px;
}

#menu li.haschild>a:before {
    position: absolute;
    top: 1;
    right: 0px;
    font-family: 'Glyphicons Halflings';
    content: "\e259";
    color: white;
    cursor: pointer;
}

#menu li.haschild.opened>a:before {
    content: "\e113";
}

#menu a {
    color: white;
    text-decoration: none!important;
    display: block;
    padding: 5px 0;
    margin: 5px 0;
    text-transform: uppercase;
}

#menu ul.level1 {
    margin-bottom: 15px;
    display: none;
}

#menu li.opened>ul {
    display: block;
}

#menu li.level0>a {
    font-size: 1rem
}

#menu li.level1 {
    margin-left: 15px;
    font-size: 0.90rem
}

body.menu-on {
    /* height: 100vh; */
}

body.menu-on #menu-burger {
    color: white!important;
}

body.menu-on #menu-burger {
    /* width: 250px; */
}

@media (max-width: 992px) {
    #menu-burger img {
        width: 60px;
    }
}

@media (max-width: 767) {
    #menu-burger span0 {
        font-size: 1.2em;
    }
    body.menu-on #menu {
        width: 100%;
    }
    #menu-burger {
        width: 80px;
    }
}

/* grid.css --- 2024-09-04 19:08:25 */
.grid-wrapper {
    margin: 0 -30px;
}

.grid {
    overflow: hidden;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.grid .grid-item {
    padding: 0 15px;
    margin-bottom: 30px;
    /* border: 1px solid pink; */
}

.grid .grid-item-inner {
    /* border: 1px solid pink; */
    position: relative;
}

.grid .grid-item:nth-child(10n+1),
.grid .grid-item:nth-child(10n+7) {
    width: 66.6666666666%;
}

.grid .grid-item:nth-child(10n+2),
.grid .grid-item:nth-child(10n+3),
.grid .grid-item:nth-child(10n+4),
.grid .grid-item:nth-child(10n+5),
.grid .grid-item:nth-child(10n+6),
.grid .grid-item:nth-child(10n+8),
.grid .grid-item:nth-child(10n+9),
.grid .grid-item:nth-child(10n+10) {
    width: 33.333333333%;
}

.grid .grid-item:nth-child(10n+2) .grid-item-inner,
.grid .grid-item:nth-child(10n+3) .grid-item-inner,
.grid .grid-item:nth-child(10n+4) .grid-item-inner,
.grid .grid-item:nth-child(10n+5) .grid-item-inner,
.grid .grid-item:nth-child(10n+6) .grid-item-inner,
.grid .grid-item:nth-child(10n+8) .grid-item-inner,
.grid .grid-item:nth-child(10n+9) .grid-item-inner,
.grid .grid-item:nth-child(10n+10) .grid-item-inner {
    padding-top: 90%;
}

.grid .grid-item:nth-child(10n+1) .grid-item-inner,
.grid .grid-item:nth-child(10n+7) .grid-item-inner {
    padding-top: calc(45% - 15px);
}

.grid .cover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center;
    background-size: cover;
}

@media (max-width: 767px) {
    .grid .grid-item {
        width: 100%!important;
    }
    .grid .grid-item .grid-item-inner {
        padding-top: 60%!important;
    }
}

/* colors.css --- 2024-09-04 19:08:25 */
.text-grey-9 {
    color: #999!important;
}

#content a {
    text-decoration: none;
    color: #009EE1;
}

#content a:hover {
    color: #0093D2;
}

.text-orange {
    color: #F39400 !important;
}

a.text-orange:hover {
    color: #D38100 !important;
}

.white {
    color: white!important
}

.white-bg {
    background-color: white!important
}

.btn-secondary {
    background-color: #111;
    color: #fff!important;
    border: 1px solid black;
}

.btn-secondary:hover {
    background-color: #000;
}

.btn-bordered {
    background: white;
    border: 1px solid black;
}

.text-grey-9 {
    color: #999;
}

/* demi-colonne.css --- 2024-09-04 19:08:25 */
.demi-colonne-group .news-group-inner {
    margin: 0 -30px;
}

.demi-colonne-group:before,
.demi-colonne-group:after {
    clear: both;
    width: 100%;
    height: 1px;
    display: table;
}

article.demi-colonne {
    width: 50%;
    float: left;
    padding: 0 30px;
}

article.demi-colonne.start-middle .article-inner {
    /*   padding-top: 30% */
}

@media (max-width: 767px) {
    article.demi-colonne {
        width: 100%;
        float: none;
        padding: 0 30px;
    }
}

/* scroll.css --- 2024-09-04 19:08:25 */
a.to-top {
    float: right;
    display: block;
}

a.to-top:before {
    font-family: 'Glyphicons Halflings';
    content: "\e253";
    font-size: 1.8rem;
    color: #999;
}

.scroll-target {
    position: absolute;
    top: -100px;
}

/* list-of-categories.css --- 2024-09-04 19:08:25 */
.list-of-categories {}

.list-of-categories h3 {
    padding-bottom: 25px;
    text-transform: uppercase;
    font-weight: 700;
}

.list-of-categories .row {
    display: flex;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    padding: 0px 0;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.list-of-categories .row>div {
    padding: 15px 0;
    flex: 1;
}

.list-of-categories a {
    color: #222;
    position: relative;
    display: inline-block;
    padding-left: 35px;
    background-image: url('/img/arcs.png?h=30');
    background-position: left center;
    background-repeat: no-repeat;
}

@media (min-width: 768px) and (max-width: 991px) {
    .list-of-categories .row>div {
        padding: 7px 15px;
        flex: 1 0 33.3333%;
    }
}

@media (min-width: 500px) and (max-width: 767px) {
    .list-of-categories .row>div {
        padding: 7px 15px;
        flex: 1 0 50%;
    }
}

@media (max-width: 499px) {
    .list-of-categories .row>div {
        padding: 7px 15px;
        flex: 1 0 50%;
    }
}

/* article-default.css --- 2024-09-04 19:08:25 */
.article-inner h2.article-title {
    font-size: 2rem;
    margin-bottom: 25px;
}

.article-default {
    margin-bottom: 80px;
}

.article-default .article-title-wrp {
    padding-bottom: 50px
}

.article-default .article-content {
    display: flex;
    flex-direction: row;
}

.article-default .article-text {
    flex: 1;
    text-align: justify;
}

body.infos .article-text {
    text-align: justify;
}

article.start-middle .article-inner {
    padding-top: 15%
}

@media (max-width: 767px) {
    .article-default .article-content {
        display: block;
    }
    .article-inner h2.article-title {
        margin-bottom: 0px;
    }
    .article-default .article-title-wrp {
        padding-bottom: 20px;
    }
}

/* footer.css --- 2024-09-04 19:08:25 */
/* footer */

#footer {
    border-top: #707070 0px solid;
    background-color: #E1DDDD;
    color: #222;
    font-size: 0.80rem;
    padding: 45px 0 25px;
}

#footer p {
    line-height: 1.4;
    padding: 0!important;
    margin: 0!important;
}

#footer .row>div {
    margin-bottom: 45px;
}

#footer .gray-spacer {
    padding-top: 5%;
    background: #fAfAfA;
    margin-bottom: 30px;
}

#footer a {
    color: #000;
}

#footer a:hover {
    color: #000
}

#footer h3 {
    margin-bottom: 7px;
    font-size: 1.2rem;
}

#footer .reseaux-sociaux {}

#footer .reseaux-sociaux h3 {
    color: #F39400 !important;
}

#footer .reseaux-sociaux img {
    max-height: 50px;
    width: auto!important;
    margin: 5px 0;
}

#footer-bloc-center {}

#footer-bloc-center h3 {
    text-align: center;
}

#footer-bottom {}

#footer-bottom .separator {
    display: inline-block;
    margin-left: 5px;
}

#footer-bottom .separator::before {
    content: "•";
    color: #F39400;
    margin-right: 5px;
}

@media (max-width: 767px) {
    #footer .row>div {
        margin-bottom: 35px;
        text-align: center!important;
    }
}

@media (max-width: 565px) {
    #footer {}
    #footer a {
        /*
        display: block;
        text-align: center;
        margin-bottom: 10px;
        font-size: 0.8rem
        */
    }
}

/* profile-equipe.css --- 2024-09-04 19:08:25 */
.profil-equipe {
    position: relative;
}

.profil-equipe .picture {
    margin-bottom: 25px;
}

.profil-equipe .picture img {
    width: 100%;
}

.profil-equipe .name {
    margin-bottom: 10px;
    color: #999999;
}

.profil-equipe ul.positions {
    list-style: none;
    margin: 0;
    padding: 0;
}

.profil-equipe .ul.positions li {
    margin: 0;
    padding: 0;
}

.profil-equipe .col-right {
    position: relative;
}

@media screen and (max-width: 767px) {
    .profil-equipe .col-left {
        text-align: left;
    }
    .profil-equipe .bio {
        padding-bottom: 45px;
    }
    .profil-equipe a.to-top {
        position: absolute;
        bottom: 0;
        right: 15px;
    }
}

/* attachments.css --- 2024-09-04 19:08:25 */
.attachments {
    width: 50%;
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
    font-size: 0;
}

.attachments.width-25pc {
    width: 25%;
}

.attachments.width-33pc {
    width: 33%;
}

.attachments.width-50pc {
    width: 50%;
}

.attachments.width-66pc {
    width: 66%;
}

.attachments.width-75pc {
    width: 75%;
}

.attachments.width-100pc {
    width: 100%;
}

.attachments.width-100pc {
    width: 100%;
    float: none
}

.attachments.right {
    float: right;
    margin-left: 30px;
    margin-right: 0;
}

.attachments.center {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.attachments .att {
    position: relative;
}

.attachments .caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    font-size: 0.7rem;
    padding: 5px 10px;
    line-height: 1;
    text-align: left;
}

.attachments.first-large .att {
    padding: 1px;
}

.attachments.first-large .following {
    width: 25%;
    float: left
}

.attachments.first-large .following a {
    display: block;
    padding-top: 100%;
    background-size: cover;
    background-position: center;
    opacity: 0.8;
}

.attachments.slider {
    position: relative;
}

.attachments.slider .inner {
    position: relative;
    padding-top: 75%;
    overflow: hidden;
}

.attachments.slider .att {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    border: 1px solid #aaa;
    width: 100%;
    height: 100%;
    background: #eee;
}

.attachments.slider .att a {
    display: block;
    text-align: center;
    ;
    height: 100%;
}

.attachments.slider img {
    max-height: 100%;
}

.attachments.slider .current {
    z-index: 10;
}

.attachments.slider .next {
    z-index: 11;
    opacity: 0;
}

.attachments.slider .caption {}

.attachments .nav {
    position: absolute;
    top: 40%;
    width: 90%;
    left: 5%;
    z-index: 20;
}

.attachments .nav span {
    display: block;
    font-size: 2rem;
    cursor: pointer;
    padding: 5px;
    background: rgba(0, 0, 0, 0.2);
    color: white
}

.attachments .nav .nav-left {
    float: left
}

.attachments .nav .nav-right {
    float: right
}

@media (max-width: 767px) {
    .attachments {
        float: none!important;
        width: 100%!important;
        margin: 0 0 30px 0!important;
        padding: 0 0 0 0!important;
    }
}

/* homepage.css --- 2024-09-04 19:08:25 */
body.homepage {}

body.homepage article {}

body.homepage article.about-us {}

body.homepage article.about-us .article-title-wrp {
    text-align: center;
}

body.homepage article.about-us .article-title {}

body.homepage article.about-us .article-title span {}

body.homepage article.about-us .article-text {
    padding-left: 35px;
}

@media (max-width: 767px) {
    body.homepage article.about-us .article-text {
        padding-left: 0px;
    }
    body.homepage article.about-us .article-title-wrp {
        text-align: left;
    }
}

/* spacers.css --- 2024-09-04 19:08:25 */
.mt-35 {
    margin-top: 35px!important;
}

.mt-50 {
    margin-top: 50px!important;
}

.mb-50 {
    margin-bottom: 50px!important;
}

.mb-60 {
    margin-bottom: 60px!important;
}

.mt-80 {
    margin-top: 80px!important;
}

.mb-80 {
    margin-bottom: 80px!important;
}

.start-middle {
    padding-top: 15%;
}

@media (max-width: 767px) {
    .start-middle {
        padding-top: 0%!important;
    }
}

/* infos.css --- 2024-09-04 19:08:25 */
body.infos {}

body.infos #content {
    min-height: 90vh;
    padding-bottom: 80px;
}

body.infos .article-text {
    text-align: justify;
}

/* decorations.css --- 2024-09-04 19:08:25 */
.chevron-right-before {
    position: relative;
    padding-left: 25px;
}

.chevron-right-before:before {
    font-family: 'Glyphicons Halflings';
    content: "\e080";
    top: -1px;
    left: -3px;
    margin-right: 0px;
    font-size: 95%;
    position: absolute;
    transition: all 220ms;
}

.chevron-right-before:hover::before {
    left: 3px;
}

.btn-xl {
    padding: 15px 25px;
    font-size: 1.5rem;
}

h2.article-title span {
    display: inline-block;
    position: relative;
    padding-left: 52px;
}

h2.article-title span:before {
    content: url('/img/arcs.png?h=50');
    position: absolute;
    display: inline-block;
    left: -5px;
    top: -7px;
}

@media (max-width: 767px) {
    h2.article-title span:before {
        content: url('/img/arcs.png?h=35');
        left: -3px;
        top: -3px;
    }
    h2.article-title span {
        padding-left: 40px;
    }
}

/* header.css --- 2024-09-04 19:08:25 */
/* header */

#header {
    background: #fff;
    padding: 0 0;
    position: relative;
    margin-bottom: 45px;
    overflow: hidden;
}

#header .inner {
    padding-top: 45%;
}

.infos #header .inner {
    padding-top: 22.5%;
}

#header .cover {
    z-index: 1;
}

#header .inner {}

#header .above {
    background-position: center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

#header .logo {
    height: 209px;
    width: 299px;
    position: relative;
}

#header .logo img {
    position: absolute;
    top: -300%;
    width: 100%;
    left: 0;
    transition: all 1000ms;
}

#header.ready .logo img {
    top: 0%;
}

#header .wordings {
    margin: 25px auto;
    position: relative;
    width: 90%;
    max-width: 800px;
}

#header .wordings .original {
    opacity: 0!important;
}

#header .wordings .clone {
    position: absolute;
    top: 700%;
    left: 0;
    width: 100%;
    transition: all 1000ms;
    opacity: 0;
}

#header.ready .wordings .clone {
    position: absolute;
    top: 0%;
    opacity: 1;
}

@media (min-width: 992px) and (max-width: 1299px) {
    #header .inner {
        padding-top: 60%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #header .inner {
        padding-top: 70%;
    }
}

@media (min-width: 500px) and (max-width: 767px) {
    #header .inner {
        padding-top: 80vh;
    }
    .infos #header .inner {
        padding-top: 33vh!important;
    }
}

@media (max-width: 499px) {
    #header .above {
        top: 50px;
    }
    #header .inner {
        padding-top: 90vh;
    }
    #header .logo {
        max-width: 90%;
    }
    .infos #header .inner {
        padding-top: 45vh!important;
    }
}

/* fonts.css --- 2024-09-04 19:08:25 */
h1,
.h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Rajdhani, sans-serif;
    margin: 0;
    padding: 0;
}

h1,
.h1 {
    font-size: 3rem;
    font-weight: bold;
    color: #111;
}

h2 {
    font-size: 2.5rem;
}

.font-size-100 {
    font-size: 1.0rem;
}

.font-size-120 {
    font-size: 1.2rem;
}

.font-size-130 {
    font-size: 1.3rem;
}

.font-size-140 {
    font-size: 1.4rem;
}

.font-size-150 {
    font-size: 1.5rem;
}

.text-big {
    font-size: 1.5rem;
}

@media (min-width: 500px) and (max-width: 767px) {
    h1 {
        font-size: 2.6rem;
        line-height: 1.1;
    }
}

@media (max-width: 499px) {
    h1 {
        font-size: 2.2rem;
        line-height: 1.1;
    }
}

/* responsive.css --- 1970-01-01 01:00:00 */