/* Fonts management */
@font-face {
    font-family: 'OstrichSansBold';
    src: url('../fonts/OstrichSans-Bold.otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:"Miso Light";
    src:url("../fonts/miso-light/miso-light.eot?") format("eot"),
        url("../fonts/miso-light/miso-light.woff") format("woff"),
        url("../fonts/miso-light/miso-light.ttf") format("truetype"),
        url("../fonts/miso-light/miso-light.svg#Miso-Light") format("svg");
    font-weight:normal;
    font-style:normal;
}
@font-face{
    font-family: "Papyrus";
    src:url("../fonts/Papyrus/papyrus.eot?") format("eot"),
        url("../fonts/Papyrus/papyrus.woff") format("woff"),
        url("../fonts/Papyrus/PAPYRUS.TTF") format("ttf"),
        url("../fonts/Papyrus/papyrus.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
.font-satisfy{
    font-family: 'Satisfy', cursive;
}
.font-miso-light{
    font-family:"Miso Light";
}
.font-papyrus{
    font-family: "Papyrus";
    font-size:17px;
}
.ostrich-sans-bold{
    font-family: 'OstrichSansBold';
}
body{
    background-color: black !important;
    margin:50px;
}
#logo{
    height: 200px;
    margin-bottom:5px;
}
#colored-line{
    width:400px;
}
#baseline{
    height:100px;
    margin-top:20px;
    margin-bottom:5px;
}
.head-container{
    border:2px solid white;
    width:fit-content;
    max-width: 1000px;
    margin-top:50px;
    margin-bottom:50px;
    color: white;
    font-family: "Miso Light";
}
.head-container p{
    margin-bottom: 0px;
}
#second-border{
    width:1000px;
    position:relative;
    top:10px;
    left:10px;
    border:2px solid #1a9f84;
    display: flex;
    justify-content: center;
}
#second-border-book{
    border:2px solid #1a9f84;

}
.head-text{
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding:20px;
}
.concept{
    color: #1db100;
}
.home{
    color:#0076ba;
}
.pro-part{
    font-size: 0.95em;
    margin-top:-10px;
}
p{
    font-size: 2em;
    margin-bottom: 100px;
}
nav{
    margin: 80px 50px ;
}
.nav-link{
    color:white;
    font-family: "OstrichSansBold";
    font-size:1.5em;
    margin: auto 40px;
}
.nav-link:hover{
    color:#03a15c;
}
.mosaique-container{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.mosaique{
    display: flex;
    justify-content: center;
    flex-wrap:wrap;
}
.mosaique img{
    margin:5px 0;
    width:205px;
}
.mosaique-item{
    width:210px;
    margin:5px;
}
.mosaique-two-item{
    display:flex;
}
.mosaique-two-item img{
    margin: 5px 0;
    width:100px;
}
.mosaique-two-item img:nth-of-type(2){
    margin: 5px 0 0 5px;
}
.mosaique-item img{
    height:200px;
}
.mosaique-two-item img {
    height:100px;
}
.book-link{
    color:white;
    font-family: "Miso light";
    font-size: 1.2em;
    border:1px solid white ;
    border-width:thin;
    border-radius: 1px;
    padding: 5px;
}
.book-link:hover{
    color: white;
}
.word-line{
    color:#d7b470;
    font-family: "Miso light";
    display: flex;
    justify-content: center;
    margin-top: 70px;
}
.one-project-container{
    color:white;
    font-family: 'Miso light';
    display: flex;
    justify-content: center;
    margin-top:75px;
}
.one-project-left-top{
    display:flex;
}
.one-project-left-top-right{
    margin:10px;
    max-width:330px;
}
.one-project-left-top-right p {
    font-size:1.5em;
    text-decoration: underline;
}
.one-project-left-top-right li{
    font-size:1.1em;
}
.one-project-left-top-left-top{
    display: flex;
    max-width:620px;
    font-size:1.5em;
}
.one-project-left-top-left-top span:nth-of-type(2){
    margin: auto 5px;
    font-size: 0.8em
}
.o-of-eclosion{
    color:#03a15c;
}
.one-project-left-top-left-bottom{
    display: flex;
}
.one-project-left-top-left-bottom img{
    max-width:300px;
    margin:5px;
}
.one-project-left-bottom{
    display: flex;
    justify-content: flex-end;
}
.one-project-left-bottom img{
    height:175px;
    margin:5px;
}
.one-project-right{
    display: flex;
    align-items: flex-end;
}
.one-project-right img{
    height:250px;
    margin:5px;
}
.spider{
    max-width:500px;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    font-size:1.3em;
    font-weight: bold;
    position:relative;
}.spider img{
    width:100%;
}
.spider-1, .spider-1:hover{
    color:#61d864;
    position:absolute;
    left:30%;
    top:0%;
    font-family: "Miso Light";
}
.spider-2, .spider-2:hover{ 
    color:#16e7bc;
    position:absolute;
    top:20%;
    left:75%;
    width:fit-content;
    font-family: "Miso Light";
}
.spider-3, .spider-3:hover{
    color:#007b76;
    position:absolute;
    top:84%;
    left:77%;
    width:fit-content;
    font-family: "Miso Light";
}
.spider-4, .spider-4:hover{
    color:#00b1cf;
    position:absolute;
    top:90%;
    left:11%;
    font-family: "Miso Light";
}
.spider-5, .spider-5:hover{
    color:#1db100;
    position:absolute;
    top:24%;
    left:-20%;
    font-family: "Miso Light";
}
.concept-item-container-container{
    padding-top:100px;
    padding-bottom:100px;
}
.concept-item-container{
    width: 90%;
    margin: 30px auto;
}
.concept-item{
    border: 2px solid white;
    color:white;
    font-family:"Miso Light";
    display: flex;
}
.concept-text{
    width: 35%;
    margin: 15px 0 15px 15px;
    padding:10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.concept-text p{
    font-size:1.5em
}
.concept-text ul{
    font-size:1.3em;
}
.concept-img{
    width:65%;
    background-color: white;
}
#identite-visu{
    border: 2px solid #1db100;
    padding: 7px;
}
#identite-visu h3{
    text-decoration: underline;
    text-decoration-color: #1db100;
    text-align: center;
}
#identite-visu .concept-img img{
    width:250px;
    margin:10px;
}
#identite-visu .concept-img{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
}
#conception-exte{
    border: 2px solid #61d864;
    padding: 7px;
}
#conception-exte h3{
    text-align: center;
    text-decoration: underline;
    text-decoration-color: #61d864;

}
#conception-exte .concept-img{
    display: flex;
    flex-direction:column;
    justify-content:space-around;
}
#conception-exte img{
    height:160px;
    margin:5px;
}
#conception-exte .concept-img div{
    display:flex;
    justify-content:space-around;
    flex-wrap:wrap;
}
#conception-inte{
    border: 2px solid #16e7bc;
    padding: 7px;
}
#conception-inte h3{
    text-decoration: underline;
    text-decoration-color: #16e7bc;
    text-align: center;
}
#conception-inte .concept-img{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    padding:30px;
}
.concept-img-3-left, .concept-img-3-right{
    display:flex;
    flex-direction:column;
    justify-content:center;
    margin:5px;
}
.concept-img-3-left img:nth-of-type(1){
    width:280px;
    margin: 0px 0px 10px auto;
}
.concept-img-3-left img:nth-of-type(2), .concept-img-3-right img{
    width:350px;
}
#packaging-plv{
    border: 2px solid #007b76;
    padding: 7px;
}
#packaging-plv h3{
    text-decoration: underline;
    text-decoration-color: #007b76;
    text-align: center;
}
#packaging-plv .concept-img{
    text-align:center;
    padding:30px;
}
#packaging-plv .concept-img img{
    height:400px;
    margin:15px;
}
#realisation{
    border: 2px solid #00b1cf;
    padding: 7px;
}
#realisation .concept-img{
    text-align:center;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    padding:20px;
}
#realisation h3{
    text-align: center;
    text-decoration: underline;
    text-decoration-color: #00b1cf;
}
#realisation .concept-img img{
    height:300px;
    margin-bottom:20px;
    margin-right:30px;
}
.divers-title{
    border: 1px solid #d8b46b;
    margin:0px;
}
.divers h3{
    color:white;
    text-align:center;
    font-family:"Satisfy";
    margin:10px;
}
.press-contact-container{
    display: flex;
    padding:0px !important;
}
.partners, .press, .contact{
    border: 1px solid #d8b46b;
}
.press{
    width:45%;
    margin-right:5%;
    margin-bottom:50px;
}
.contact{
    width:45%;
    margin-left:5%;
    margin-bottom:50px;
}
.partners{
    padding:0px !important;
    margin: 75px auto;
}
.partners div:nth-of-type(2){
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
}
#carouselExampleControls, #carouselExampleControls2{
    padding:60px;
}
.partners p{
    font-size:0.7em;
    color:white;
    text-align:center;
}
.partners-top, .partners-bottom{
    display:flex;
    flex-wrap:wrap;
    margin:30px;
    width:40%
}
.partner-image{
    margin:25px;
    width:35%;
}
.partner-image img{
  display: block;
  max-width:230px;
  max-height:100px;
  width: auto;
  height: auto;
  margin-left:auto;
  margin-right:auto;
}
.contact p{
    color:white;
    font-family:"Miso Light";
    width:fit-content;
    margin: 50px auto ;
}
form{
    display:flex;
    flex-direction:column;
    margin:2.5%;
}
input{
    margin-bottom:10px !important;
    border-radius:2px;
    padding:5px;
    font-family:"Miso Light", Arial, Helvetica, sans-serif;
}
#submit{
    font-family:"Miso Light", Arial, Helvetica, sans-serif;
    font-size: 1.2em;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    font-family: 'Miso Light', Arial, Helvetica, sans-serif;
    font-size: 1.2em;
}  
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    font-family: 'Miso Light', Arial, Helvetica, sans-serif;
    font-size: 1.2em;
}
input:-moz-placeholder, textarea:-moz-placeholder {
    font-family: 'Miso Light', Arial, Helvetica, sans-serif;
    font-size: 1.2em;
}
input::-moz-placeholder, textarea::-moz-placeholder {
    font-family: 'Miso Light', Arial, Helvetica, sans-serif;
    font-size: 1.2em;
}
.form-control{
    border-radius: 0px !important;
}
textarea{
    margin-bottom: 30px !important;
}

/* Eclosion Home css*/
.home-container{
    text-align: center;
}
.home-container p{
    border: 2px solid #0076ba;
    color:#0076ba;
    font-family:"Satisfy";
    display:inline-block;
    padding :0px 10px;
    margin-bottom:50px;
}
.home-text{
    color:white;
    font-family:"Miso Light";
    text-align:center;
}
.home-text p{
    font-size:1.5em;
}
.home-text ul{
    font-size:1.5em;
}
.home-bordered-container{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    padding: 0 !important;
}
.home-bordered-left,.home-bordered-right{
    display:flex;
    flex-wrap:wrap;
    width:fit-content;
    margin-bottom:50px;
    margin-left:auto;
    margin-right:auto;
}
.home-bordered-left-left-top img{
    width:230px;
}
.home-bordered-left-left-bottom{
    text-align:right;
}
.home-bordered-left-left-bottom img{
    width:100px;
    margin-top:5px;
    display:inline-block;
}
.home-bordered-left-left-bottom img:nth-of-type(1){
    margin-right:5px;
}
.home-bordered-left-right img{
    width:300px;
    margin-left:5px;
}
.home-bordered-right-left-top img{
    display:inline-block;
}
.home-bordered-right-left-top img{
    width:150px;
}
.home-bordered-right-left-bottom img{
    width:305px;
    margin-top:5px;
}
.home-bordered-right-right{
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
}
.home-bordered-right-right img{
    height:130px;
    margin-top:5px;
    margin-left:5px;
}
.home-pictures{
    text-align: center;
    margin-top:30px;
    margin-bottom: 50px;
}
.home-pictures img{
    height:200px;
    margin:5px;
}
/* General */
ul {
    margin: 0;
}
ul.dashed {
    list-style-type: none;
}
ul.dashed > li {
    text-indent: -5px;
}
ul.dashed > li:before {
    content: "-";
    text-indent: -5px;
}
@media screen and (min-width: 840px) {
    #carouselExampleControls2 img{
       width:840px !important;
    }
}
@media screen and (max-width: 576px) {
    .mosaique-item:nth-of-type(4), .mosaique-item:nth-of-type(5){
        display:none;
    }
    
}
@media screen and (max-width: 770px) {
    .one-project-right{
        display:none;
    }
    .one-project-left-top{
        display:initial;
    }
    .one-project-left-top-left-top{
        display:flex;
        justify-content:center;
        flex-wrap:wrap;
    }
    .one-project-left-top-left-bottom{
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
    }
    .one-project-left-top-right{
        margin-left:auto;
        margin-right:auto;
    }
    .one-project-left-bottom{
        display:none;
    }

    .press-contact-container{
        display:initial;
    }
    .contact, .partners, .press{
        width:95% !important;
        margin-left:auto;
        margin-right:auto;
    }
    .divers-title{
        margin:0;
    }
    .partners-top, .partners-bottom{
        flex-direction:column!important;
        align-items:center !important;        
        width:fit-content;
        margin:0px 20px;;
    }
    .partners p{
        display:none;
    }
    .partners-top, .partners-bottom{
        flex-direction:row;
        width:fit-content
    }
    #second-border{
        width:fit-content;
    }
    .concept-div, .home-div, .head-container{
        display:none;
    }
    .navbar{
        margin: 10px auto;
    }
    .word-line h2{
        text-align:center;
        width:95%;
    }
    .book-link{
        display:block;
        width:95%;
        margin: 10px auto !important;
        text-align:center;
    }
    #titre-img{
        height:60px;
    }
    .home-bordered-right,.home-bordered-left{
        display:flex;
        justify-content:center;
    }
    .home-bordered-left-left,.home-bordered-left-left-bottom{
        width:fit-content;
        margin-left:auto;
        margin-right:auto;
        margin-bottom:5px;
    }
    #carouselExampleControls2{
        padding:0px;
    }
    .spider-1,.spider-1:hover,.spider-2,.spider-2:hover,.spider-3,.spider-3:hover,.spider-4,.spider-4:hover,.spider-5,.spider-5:hover{
        font-size:3vw;
    }
    .spider{        
        margin-left:16vw;
        margin-right:16vw;
    }
    .concept-item{
        display:flex;
        flex-direction:column;
        align-items:center;
    }
    .concept-text, .concept-img{
        align-self:stretch;
    }
    .concept-img{
        width:100%;
    }
    .concept-text{
        width:95%;
        margin-left:auto;
        margin-right:auto;
    }
    #realisation .concept-img img:nth-of-type(2){
        max-width:100%;
        height:auto; 
    }
    #identite-visu .concept-img img{
        width:200px;
        margin:10px;
    }
    #conception-exte img{
        height:125px;
        margin:5px;
    }
    .concept-img-3-left img:nth-of-type(1){
        width:200px;
        margin: 0px 0px 10px auto;
    }
    .concept-img-3-left img:nth-of-type(2), .concept-img-3-right img{
        width:250px;
    }
    #packaging-plv .concept-img img{
        height:200px;
        margin:15px;
    }
    #realisation .concept-img img{
        height:200px;
        margin-bottom:20px;
        margin-right:30px;
    }
}
.navbar-toggler-icon{
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}
.navbar-toggler{
    background-color:#1f1e1fe8 !important;
    outline: none !important;
}