/*************
   GENERAL
*************/


/* Hero */

#hero-homepage {
	height: 75vh;
	min-height: 600px;
}

#hero-homepage .m-hero-message__text h1{
	margin-bottom:0px!important;
}
 
#hero-homepage .m-hero-message__text h1 > .a-heading--2{
	margin-top:0px!important;
}
 
#hero-homepage .logo{
	height:auto;
	max-width:400px;
	width:100%;
}

#background-homepage .m-hero::before, .m-hero__image::after, .m-hero__image:before {
	background: none !important;
}
 
@media screen and (max-width: 35em) {
	#hero-homepage .a-heading--1, h1 {
		font: 500 1.8em/1.3125 "Montserrat",arial,sans-serif!important;
	}
	#hero-homepage .m-hero-message__text h1{
	    font-weight: bold !important;
		margin-top:0px!important;
		text-align: center;
	}
	#hero-homepage .m-hero-message__text h1 > .a-heading--2{
		margin-top:0px!important;
		margin-bottom:0px!important;
		text-align: center;
	}
	#hero-homepage .logo{
		height:auto;
		max-width:400px;
		width:80%;
	}
	#hero-homepage.m-hero--text-align-left .m-hero-message {
	  text-align: center!important;
	}
	#hero-homepage .m-hero-message__button .m-button-group{
		margin-top:0px!important;
	}
}

/* Pourquoi */

#pourquoi .l-content-container{ 
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#pourquoi .a-heading{ 
    max-width: 810px;
}

#pourquoi #show-hide-mode-transcript{
	max-width:640px;
}
#pourquoi {
    background-image: url(../images/abeille/entreprise/recrutement/beeXplore/bg-pourquoi.jpg);
    background-repeat: repeat-x;
    background-position: center bottom;
}

#pourquoi .l-content-container .m-tabs .richtext-super {
    max-width: none;
}

@media screen and (max-width: 980px) {
	#pourquoi .block-video-youtube iframe {
		width: 640px;
		height: 360px;
	}
}
@media screen and (max-width: 768px) {
	#pourquoi .block-video-youtube iframe {
		width: 610px;
	}
}
@media screen and (max-width: 640px) {
	#pourquoi .block-video-youtube iframe {
		height: 300px;
        width: 500px;
	}
}
@media screen and (max-width: 480px) {
	#pourquoi .block-video-youtube iframe {
		height: 168px;
        width: 300px;
	}
}

/* En quoi consiste */
@media screen and (min-width: 60em) {
    #en-quoi-consiste .container-en-quoi {
        width: 45.75em;
        margin: 0px;
        padding: 0px;
    }
}

@media screen and (min-width: 48em) {
    .#en-quoi-consiste .container-en-quoi {
        width: 30.85em;
        margin: 0px;
        padding: 0px;
    }
}

/* Etudiant/Etudiante */

#etudiant{
    position: relative;
}

#etudiant .visuel-etudiant{
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 50%;
}

#etudiant .l-columns {
        margin-top: 30px;
}

#etudiant ul{
    padding-left: 20px;
    list-style-image: url(../images/abeille/entreprise/recrutement/beeXplore/plus.svg);
}

#etudiant span{
    margin:0px;
}

@media screen and (min-width: 60em) {
    #etudiant .l-section__description {
        width: 40em;
    }
}

@media (max-width: 60em) {
    #etudiant .visuel-etudiant{
    max-height: calc(100% - 80px);
    max-width: 50%;
    }
}

@media (min-width: 45em) {
#etudiant .hauteur-etudiant{
    height: 350px;
}
}

@media (max-width: 35em) {
    #etudiant .visuel-etudiant{
        max-width: 75%;
        right: 3em;
    }
    #etudiant .hauteur-etudiant{
        width: 70%;
        margin: 1em 0 0;
    }
}

/*---------------------------------*/

#etudiante{
    position: relative;
}

#etudiante .visuel-etudiante{
    position: absolute;
    bottom: 0;
    right: 0;
    max-height: calc(100% - 0px);
    max-width: 50%;
}

#etudiante .l-columns {
        margin-top: 30px;
}

#etudiante ul{
    padding-left: 20px;
    list-style-image: url(../images/abeille/entreprise/recrutement/beeXplore/fleche.svg);
}

@media (min-width: 45em) {
#etudiante .hauteur-etudiante{
    height: 350px;
}
}

@media (max-width: 35em) {
    #etudiante .visuel-etudiante{
        max-width: 75%;
        right: 3em;
    }
    #etudiante .hauteur-etudiante{
        width: 70%;
        margin: 1em 0 0;
    }
}

/* Prêt à postuler */

#pret-a-postuler {
    background-image: url(../images/abeille/entreprise/recrutement/beeXplore/mosaique.svg);
    background-repeat: repeat;
    background-position: center center;
    background-attachment: fixed;
    background-color: #4CA79F;
}

/* Promesse */

#promesse .descriptif{
    max-width: 810px;
    margin-bottom: 30px;
}

#promesse .colour-tiles__description{
    font-size:16px;
    max-width: 100%;
}

#promesse img{
    margin:0px;
}

#promesse .l-content-container .m-tabs .richtext-super {
    max-width: none;
}

/* Modalités */

#modalites .m-card--icon {
    display: flex;
    align-items: center;
}

@media screen and (min-width: 48em) and (max-width: 60em) {
    #modalites .l-columns--1-medium .m-card-content {
        text-align: center;
    }
}

/* Calendrier */

#calendrier {
    align-items: center;
    display: flex;
    border-radius: 10px
}

#calendrier .m-heading-group{
    padding: 20px 100px 20px 30px;
}

@media (min-width: 60em) {
    #calendrier .m-heading-group__item.a-heading--3 {
          width: calc(100% - .625em);
    }
    #calendrier .m-heading-group__item {
          width: calc(100% - .625em);
    }
}

@media (min-width: 35em) {
    #calendrier .m-heading-group__item.a-heading--3 {
          width: calc(100%);
    }
    #calendrier .m-heading-group__item {
        width: calc(100%);
    }
}

/* Reseaux Sociaux */

#reseaux-sociaux {
    background-image: url(../images/abeille/entreprise/recrutement/beeXplore/Fond-mosaique.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
}