#banner{
    padding: 0px;
}

.iframe-video{
    position: absolute;
    top: -20%;
    left: 0px;
    width: 100%;
    height: 100%;
}

#block-parallax1 {
    text-align: center;
    padding: 10em;
    font-size: 20px;
    background-color: #204d74;
    color: #fff;
}

.parallax {
    text-align: center;
    position: relative;
    overflow: hidden;
    /* height: 500px; */
}

.parallax.parallax--parallax2 {
    height: initial;
}

.parallax__bg {
    position: absolute;
    padding-bottom: 90%;
    height:100%;
    width:100%;
}

/* .parallax--parallax1 .parallax__bg {
   height:0px;
}

.parallax--parallax2 .parallax__bg  {
   padding-bottom: 90%;
   width:100%
} */

.parallax__content, .parallax__content2 {
    position: relative;
    top: 447px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
}

.content-paralax{
    text-align:left;
    /* padding-left: 252px; */
    color: rgba(255,255,255,0.6);
    white-space: pre-wrap;
    font-family: eb-garamond;
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    letter-spacing: .08em;
    line-height: 1.4em;
    text-transform: none;
}
.content-paralax pre,.content-paralax h1,.content-paralax h2,.content-paralax h3{
    color: white;
}

.content-paralax a#candidate-ici{
    display:inline-block;
    color: #000;
    background-color: rgba(59,188,252,.68);
    border-color: rgba(59,188,252,.68);
    text-transform: uppercase;
    font-family: Dosis;
    font-size: 10px;
    font-weight: 400;
    font-style: normal;
    padding: 21px 34px;
    letter-spacing: .2em;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 3px;
    margin-top: -18px;
}

.content-paralax a#candidate-ici:hover{
    background-color: rgba(59,188,252,.58);
}

.content-paralax h1{
    font-family: Lato;
    font-weight: 400;
    font-style: normal;
    font-size: 40px;
    letter-spacing: 6px;
    line-height: .9em;
    text-transform: none;
    margin-top: -21px;
    margin-left: -4px;
    padding-left: 0px;
    margin-bottom: -9px;
    color: rgba(255,255,255,0.6);
}

.content-paralax p{
    margin:0px;
    color: rgba(255,255,255,0.6);
}

.content-paralax .aprendre-a{
    color:rgb(214, 214, 214);
    font-family:Dosis;
    font-size:14px;
    font-style:italic;
    font-weight:400;
    height:auto;
    letter-spacing:3px;
    line-height:1.4em;
    overflow-wrap:break-word;
    pointer-events:auto;
    text-rendering:optimizelegibility;
    text-size-adjust:100%;
    text-transform:none;
    white-space:pre-wrap;
    width:auto;
    -webkit-font-smoothing:subpixel-antialiased;
}

.content-paralax pre{
    font-family: Dosis;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    letter-spacing: 3px;
    line-height: 1.1em;
    text-transform: none;
    padding-left: 0px;
    color: rgba(255,255,255,0.6);
}

#block-yui_3_17_2_1_1584698368585_70596{
    padding-left:17px;
    padding-right:17px;
}

#apprendre-a{
    position: absolute;
    top: 0px;
    left: 15px;
}
#faire-sa-vie{
    position: absolute;
    left: 15px;
    top: 60px;
}
#comme-une-oeuvre{
    position: absolute;
    left: 15px;
    top: 171px;
}
/* Bouton, balise a */
#candidate-ici, #random-vsfwnr{
    position: absolute;
    left: 15px;
    top: 247px;
}

@media (min-width: 768px){
    .content-paralax h1{
        font-size: 60px;
    }
    .content-paralax{
        padding-left: 30px;
    }
    .parallax__content, .parallax__content2 {
        top: 377px;
    }
    #apprendre-a{
        left: 32px;
    }
    #faire-sa-vie{
        left: 32px;
    }
    #comme-une-oeuvre{
        left: 32px;
    }
    /* Bouton, balise a */
    #candidate-ici, #random-vsfwnr{
        left: 32px;
    }
}
#promo {
	width: 500px;
}
@media (max-width: 768px){
	.parallax__content, .parallax__content2 {
		top: 237px;
	}
	#promo {
		width: 300px;
	}
}