@charset "iso-8859-1";
/* CSS Document */


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



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



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



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



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


.lightbox_style{
    background-color: #F4F6F8;
	overflow: hidden;
    padding: 30px;
	max-width: -webkit-calc(100% - 60px);
	max-width: -moz-calc(100% - 60px);
	max-width: -ms-calc(100% - 60px);
	max-width: -o-calc(100% - 60px);
	max-width: calc(100% - 60px);
}

@media(max-width:600px){
    .lightbox_style{ 
		padding: 15px;
		max-width: -webkit-calc(100% - 30px);
		max-width: -moz-calc(100% - 30px);
		max-width: -ms-calc(100% - 30px);
		max-width: -o-calc(100% - 30px);
		max-width: calc(100% - 30px);
    }
}

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

.bulle{
	position: absolute;
	z-index: 3;
}

.bulle_base, .bulle_angle, .bulle_contenuf, .bulle_contenu2, .bulle_contenu3, .bulle_texte{
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}

.bulle:hover .bulle_base,.bulle:hover .bulle_angle,.bulle:hover .bulle_contenuf,.bulle:hover .bulle_contenu2,.bulle:hover .bulle_contenu3,.bulle:hover .bulle_texte,
.bulle.bulle_open .bulle_base,.bulle.bulle_open .bulle_angle,.bulle.bulle_open .bulle_contenuf,.bulle.bulle_open .bulle_contenu2,.bulle.bulle_open .bulle_contenu3,.bulle.bulle_open .bulle_texte{
	-webkit-transition: all 1s, max-height 2s;
	-moz-transition: all 1s, max-height 2s;
	-ms-transition: all 1s, max-height 2s;
	-o-transition: all 1s, max-height 2s;
	transition: all 1s, max-height 2s;
}

.bulle_base{
	position:absolute;
	right: 0px;
	top: 0px;
	width: 42px;
	height: 42px;
	background-image: url("../images/bulle/rond.svg");
}

.bulle.left .bulle_base{
	right: auto;
	left: 0px;
}

.bulle_angle{
	position:absolute;
	right: 16px;
	top: 16px;
	width: 34px;
	height: 34px;
	opacity: 0;
	background-image: url("../images/bulle/angle_right.svg");

	-webkit-transition: opacity 0.1s!important;
	-moz-transition: opacity 0.1s!important;
	-ms-transition: opacity 0.1s!important;
	-o-transition: opacity 0.1s!important;
	transition: opacity 0.1s!important;
	transition-delay:0.5s!important;
}

.bulle.left .bulle_angle{
	right: auto;
	left: 16px;
	background-image: url("../images/bulle/angle_left.svg");
}

.bulle:hover .bulle_angle,.bulle.bulle_open .bulle_angle{
	transition-delay:0.1s!important;
}

.bulle_contenu{
	position:absolute;
	right: 0px;
	top: 0px;
	min-width: 42px;
	min-height: 42px;
	border-radius: 21px;
	background-color: #00FFFF;
	overflow: hidden;
	transition-delay:0.5s!important;

	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.bulle.left .bulle_contenu{
	right: auto;
	left: 0px;
}


.bulle_contenu2{
	position:relative;
	width: 0px;
	max-height: 0px;
	opacity: 0;
	overflow: hidden;
}

.bulle_contenu3{
	position: relative;
	width: 300px;
	overflow: hidden;
}

.bulle_texte{
	padding: 20px;
	opacity: 0;
}

.bulle:hover .bulle_angle,.bulle.bulle_open .bulle_angle{
	opacity: 1;
	transition-delay:0.5s;
}

.bulle:hover .bulle_contenu,.bulle.bulle_open .bulle_contenu{
	right: 25px;
	top: 25px;

	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;

	transition-delay:0s!important;
}

.bulle.left:hover .bulle_contenu{
	right: auto;
	left: 25px;
}

.bulle:hover .bulle_contenu2,.bulle.bulle_open .bulle_contenu2{
	transition-delay:0.05s;
	width: 300px;
	max-height: 300px;
	opacity: 1;
}

.bulle:hover .bulle_texte,.bulle.bulle_open .bulle_texte{
	transition-delay:0.6s;
	opacity: 1;
}

@media(hover: none), (max-width:800px){/*smartphone et tablette*/
	.bulle{
		display: none;
	}
}

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

.bulle.variante0{
	top: 0px;
	right: 0px;
}

.bulle.variante1{
	top: -1.5vw;
	right: -6vw;
}

.bulle.variante2{
	top: 0px;
	right: 3vw;
}

.bulle.variante3{
	left: 12vw;
	margin-top: -12vw;
}

.bulle.variante4{
	right: 12vw;
	margin-top: -12vw;
}

@media(max-width:1200px){
    .bulle.variante4{
        right: 58vw;
        margin-top: -16vw;
    }
}

.bulle.variante5{
	right: 20vw;
	margin-top: -13vw;
	z-index: 3;
}

.bulle.variante6{
	right: 20vw;
	top: 0px;
	z-index: 3;
}

.bulle.variante7{
	right: 15vw;
	margin-top: -5vw;
	z-index: 3;
}

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

/* ouverture et fermeture automatique d'une bulle lorsqu'elle apparaît à l'écran */
.apparition.bulle_ouverture_auto{
    opacity: 1!important;
}



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

@-webkit-keyframes bulle_respiration{
	0%{
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}

	50%{
		-webkit-transform: scale(1.4);
		-moz-transform: scale(1.4);
		-ms-transform: scale(1.4);
		-o-transform: scale(1.4);
		transform: scale(1.4);
	}

	100%{
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}

@-moz-keyframes bulle_respiration{
	0%{
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}

	50%{
		-webkit-transform: scale(1.4);
		-moz-transform: scale(1.4);
		-ms-transform: scale(1.4);
		-o-transform: scale(1.4);
		transform: scale(1.4);
	}

	100%{
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}


@-ms-keyframes bulle_respiration{
	0%{
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}

	50%{
		-webkit-transform: scale(1.4);
		-moz-transform: scale(1.4);
		-ms-transform: scale(1.4);
		-o-transform: scale(1.4);
		transform: scale(1.4);
	}

	100%{
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}

@-o-keyframes bulle_respiration{
	0%{
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}

	50%{
		-webkit-transform: scale(1.4);
		-moz-transform: scale(1.4);
		-ms-transform: scale(1.4);
		-o-transform: scale(1.4);
		transform: scale(1.4);
	}

	100%{
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes bulle_respiration{
	0%{
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}

	50%{
		-webkit-transform: scale(1.4);
		-moz-transform: scale(1.4);
		-ms-transform: scale(1.4);
		-o-transform: scale(1.4);
		transform: scale(1.4);
	}

	100%{
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}
/*
.bulle_respiration,.bulle_respiration_hover:hover,.bulle_respiration_conteneur:hover .bulle_respiration_hover{
    -webkit-animation: 12s linear 0s normal none infinite bulle_respiration;
    -moz-animation: 12s linear 0s normal none infinite bulle_respiration;
    -ms-animation: 12s linear 0s normal none infinite bulle_respiration;
    -o-animation: 12s linear 0s normal none infinite bulle_respiration;
    animation: 12s linear 0s normal none infinite bulle_respiration;
}
*/
.bulle_base{
    -webkit-animation: bulle_respiration 1.8s normal ease-in-out infinite;
    -moz-animation: bulle_respiration 1.8s normal ease-in-out infinite;
    -ms-animation: bulle_respiration 1.8s normal ease-in-out infinite;
    -o-animation: bulle_respiration 1.8s normal ease-in-out infinite;
    animation: bulle_respiration 1.8s normal ease-in-out infinite;
}

.bulle:hover .bulle_base,.bulle.bulle_open .bulle_base{
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -ms-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

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

.overflow_visible{
	overflow: visible!important;
}

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

.projet_vignette_contenu{
	padding: 2.5vw;
	position: absolute;
	left: 0px;
	bottom: 0px;
}

.projet_vignette_image{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-o-transform: scale(0.9);
	transform: scale(0.9);
	
	-webkit-transition: -webkit-transform 0.5s, opacity 0.1s;
	-moz-transition: -moz-transform 0.5s, opacity 0.1s;
	-ms-transition: -ms-transform 0.5s, opacity 0.1s;
	-o-transition: -o-transform 0.5s, opacity 0.1s;
	transition: transform 0.5s, opacity 0.1s;
	z-index: 2;
}

@media (hover: hover) and (min-width:501px){/*effet uniquement sur desktop*/
	.projet_vignette:hover .projet_vignette_image{
		opacity: 1!important;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}

@media (hover: none),(max-width:500px){/*smartphone*/
	.projet_vignette_format{
		display: none;
	}
	.projet_vignette_image{
		opacity: 1;
		position: relative;
		
        -webkit-width: calc(100% - 5vw);
        -moz-width: calc(100% - 5vw);
        -ms-width: calc(100% - 5vw);
        -o-width: calc(100% - 5vw);
        width: calc(100% - 5vw);
        
        -webkit-padding-bottom: calc(100% - 5vw);
        -moz-padding-bottom: calc(100% - 5vw);
        -ms-padding-bottom: calc(100% - 5vw);
        -o-padding-bottom: calc(100% - 5vw);
        padding-bottom: calc(100% - 5vw);
		
		margin: 5vw;
		margin-left: 2.5vw;
		margin-right: 2.5vw;
		margin-top: 7vw;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	.projet_vignette_contenu{
		position: relative;
		padding-top: 1vw;
		padding-bottom: 7vw;
	}

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

    .apparition.apparition_projet_smartphone .projet_vignette_image{
        opacity: 0!important;

        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
        
        -webkit-transition: -webkit-transform 0.5s, opacity 0.1s;
        -moz-transition: -moz-transform 0.5s, opacity 0.1s;
        -ms-transition: -ms-transform 0.5s, opacity 0.1s;
        -o-transition: -o-transform 0.5s, opacity 0.1s;
        transition: transform 0.5s, opacity 0.1s;
    }

    .apparition.apparition_projet_smartphone.apparition_effet .projet_vignette_image{
        opacity: 1!important;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

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

.grille_colonne.projets_accueil .cellule{
	width: 33.333%;
}

.grille_colonne.projets_accueil .cellule:last-of-type{
	display: none;
}

@media(max-width:800px){
	.grille_colonne.projets_accueil .cellule{
		width: 50%;
	}
	.grille_colonne.projets_accueil .cellule:last-of-type{
		display: inline-block;
	}
}

@media(max-width:500px){
	.grille_colonne.projets_accueil .cellule{
		width: 100%;
	}
	.grille_colonne.projets_accueil .cellule:last-of-type{
		display: none;
	}
}

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

.grille_colonne.projets .cellule{
	width: 50%;
}

@media(min-width:2561px){
	.grille_colonne.projets .cellule{
		width: 33.333%;
	}
	.grille_colonne.projets h2{
		font-size:3vw;/*4.8*/
	}
	.grille_colonne.projets h3{
		font-size:1vw;/*4.8*/
	}
}

@media(max-width:800px){
	.grille_colonne.projets .cellule{
		width: 100%;
	}
}

.grille_colonne.projets .cellule{
	display: none;
}

.grille_colonne.projets .cellule.visible,.grille_colonne.projets .cellule:nth-child(-n+6){
	display: inline-block;
}

@media(min-width:801px){
	.grille_colonne.projets .cellule:nth-child(-n+10){
		display: inline-block;
	}
}

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

#projets_campus_titre{
    max-width: 70vw;
}

.grille_colonne.projets_campus .cellule{
	width: 33.333%;
}

.grille_colonne.projets_campus .cellule h2{
    font-size: 60px;
}

@media(max-width:1780px){
    .grille_colonne.projets_campus .cellule h2{
        font-size: 40px;
    }
}

@media(max-width:1300px){
    .grille_colonne.projets_campus .cellule h2{
        font-size: 30px;
    }
}

@media(max-width:1000px){
    .grille_colonne.projets_campus .cellule h2{
        font-size: 25px;
    }
}

@media(max-width:800px){
	.grille_colonne.projets_campus .cellule{
		width: 50%;
	}
    .grille_colonne.projets_campus .cellule h2{
        font-size: 30px;
    }
}

@media(max-width:600px){
    .grille_colonne.projets_campus .cellule h2{
        font-size: 25px;
    }
}

@media(max-width:500px){
	.grille_colonne.projets_campus .cellule{
		width: 100%;
	}
    
    .grille_colonne.projets_campus .cellule h2{
        font-size: 30px;
    }
}

@media(max-width:400px){
    .grille_colonne.projets_campus .cellule h2{
        font-size: 25px;
    }
}


@media (hover: none),(max-width:500px){
	.grille_colonne.projets_campus .cellule .projet_vignette_image{
        -webkit-padding-bottom: calc(65% - 5vw);
        -moz-padding-bottom: calc(65% - 5vw);
        -ms-padding-bottom: calc(65% - 5vw);
        -o-padding-bottom: calc(65% - 5vw);
        padding-bottom: calc(65% - 5vw);
	}
}

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

.contenu_conteneur.flex{
	display: inline-flex;
	justify-content: space-between;
}

.contenu_conteneur.flex.center{
    align-items: center;
}

.contenu_conteneur.flex.bottom{
    align-items: flex-end;
}

.contenu_conteneur.flex>.contenu_left,.contenu_conteneur.flex>.contenu_right{
	float: none;
	width: 50%;
}

@media(max-width:800px){
	.contenu_conteneur.flex{
		display: block;
	}
	
	.contenu_conteneur.flex>.contenu_left,.contenu_conteneur.flex>.contenu_right{
		width: 100%;
	}
}

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

.conteneur_alignement.cut{
	width: 102.4vw;
	margin-left: -1.2vw;
}

.conteneur_alignement.cut_left{
	width: 101.2vw;
	margin-left: -1.2vw;
}

.conteneur_alignement.cut_right{
	width: 101.2vw;
	margin-right: -1.2vw;
}

.conteneur_alignement.cut_small{
	width: 101.6vw;
	margin-left: -0.8vw;
}

.conteneur_alignement.cut_small_left{
	width: 100.8vw;
	margin-left: -0.8vw;
}

.conteneur_alignement.cut_small_right{
	width: 100.8vw;
	margin-right: -0.8vw;
}

.cut_small_marge_left{
	margin-left: -0.8vw;
}

.cut_small_marge_right{
	margin-right: -0.8vw;
}

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

@media(max-width:1200px){
	.contenu_conteneur.flex.adresse{
		display: block;
		max-width: 800px;
	}
	
	.contenu_conteneur.flex.adresse>.contenu_left,.contenu_conteneur.flex.adresse>.contenu_right{
		width: 100%;
	}
}

@media(max-width:800px){
	.grille_colonne.flex.adresse2 .cellule{
		width: 45%;
	}
}

@media(max-width:600px){
	.grille_colonne.flex.adresse2 .cellule{
		width: 100%;
	}
}

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

.lien_underline>a,a.lien_underline{
	text-decoration: underline;
}

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

.grille_colonne.equipe .cellule{
	width:20%;
}

.grille_colonne.equipe .cellule.suivi_curseur_fond:not(.vignette_titrage){
    cursor: pointer;
}

@media(min-width:2400px){
    .grille_colonne.equipe .cellule{
        width:16.666%;
    }
}

@media(max-width:1500px){
    .grille_colonne.equipe .cellule{
        width:25%;
    }
}

@media(max-width:1100px){
    .grille_colonne.equipe .cellule{
        width:33.333%;
    }
}

@media(max-width:660px){
    .grille_colonne.equipe .cellule{
        width:50%;
    }
}
/*
@media(max-width:420px){
    .grille_colonne.equipe .cellule{
        width:100%;
    }
}
*/

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

#equipe_fiche_structure{
    position: fixed;
    top: 0px;
    left: 0px;
    min-height: 100%;
    width: 100%;
    z-index: 5;
    display: none;
    overflow: visible;
}

.equipe_fiche{
    position: absolute;
    display: flex;
    align-items:flex-start;
    justify-content: space-between;
    width: 100%;
    min-height: 100%;
    top: 0px;
    left: 100%;
    z-index: 5;
	
	-webkit-transition: left 0.6s;
	-moz-transition: left 0.6s;
	-ms-transition: left 0.6s;
	-o-transition: left 0.6s;
	transition: left 0.6s;
}

#equipe_fiche_fond{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 0;
}

#equipe_fiche_structure.open>.equipe_fiche{
    left: 0%;
}

.equipe_fiche>.left,.equipe_fiche>.right{
    position: relative;
    height: 100vh;
}

.equipe_fiche>.left{
	flex-grow:0;
	flex-shrink:0;
    height: 100vh;
    width: 56.25vh;
}
.equipe_fiche>.right{
    width: 100%;
    overflow: visible;
    overflow-x: hidden;
    min-height: 100vh;
}

.equipe_fiche>.right>.right_nom{
    position: relative;
    width: calc(100% - 13vw);
    min-height: calc(100% - 3vw - 150px);
    top: 3vw;
    left: 3vw;
    padding-right: 10vw;
    padding-bottom: 150px;
    overflow: hidden;
}

.equipe_fiche>.right>.right_nom h3{
    font-size: 36px;
}

@media(max-width:1200px){
    .equipe_fiche>.right>.right_nom h3{
        font-size: 28px;
    }
}


.equipe_fiche>.right .equipe_fiche_contact{
    position: absolute;
    width: auto;
    bottom: 3vw;
    left: 0px;
}

.equipe_fiche>.close,#projet_bouton_close_desktop{
    position:absolute;
    width: 105px;/*6vw*/
    height: 105px;/*6vw*/
    top: 1vw;
    right: 1vw;
    z-index: 3;
    cursor: pointer;
    
	background-color: #00FFFF;
	
	-webkit-mask:url(../images/close_big.svg) no-repeat 50% 50%;
	-moz-mask:url(../images/close_big.svg) no-repeat 50% 50%;
	-ms-mask:url(../images/close_big.svg) no-repeat 50% 50%;
	-o-mask:url(../images/close_big.svg) no-repeat 50% 50%;
	mask:url(../images/close_big.svg) no-repeat 50% 50%;

	-webkit-mask-size:contain;
	-moz-mask-size:contain;
	-ms-mask-size:contain;
	-o-mask-size:contain;
	mask-size:contain;

	-webkit-background-size:contain;
	-moz-background-size:contain;
	-ms-background-size:contain;
	-o-background-size:contain;
	background-size:contain;
	background-position:100% 50%;
	background-repeat:no-repeat;

	-webkit-transition: background-color 0.3s, opacity 0.3s;
	-moz-transition: background-color 0.3s, opacity 0.3s;
	-ms-transition: background-color 0.3s, opacity 0.3s;
	-o-transition: background-color 0.3s, opacity 0.3s;
	transition: background-color 0.3s, opacity 0.3s;
}

.equipe_fiche>.close_fond{
    position: absolute;
    background-color: #0545D1;
    display: none;
    z-index: 2;
}

.equipe_fiche_picto{
    display: inline-block;
    position: relative;
    margin-right: 20px;
}

.equipe_fiche_picto img{
    display: inline-block;
    height: 75px;
    width: auto;
}

@media(max-width:1300px){
    .equipe_fiche>.close,#projet_bouton_close_desktop{
        width: 8vw;
        height: 8vw;
    }
}

@media(max-width:800px){
    .equipe_fiche>.close,.equipe_fiche>.close_fond,#projet_bouton_close_desktop{
        display: block;
        width: 50px;
        height: 50px;
        top: 0px;
        right: 0px;
    }
    .equipe_fiche>.close,#projet_bouton_close_desktop{
        -webkit-mask:url(../images/close.svg) no-repeat 50% 50%;
        -moz-mask:url(../images/close.svg) no-repeat 50% 50%;
        -ms-mask:url(../images/close.svg) no-repeat 50% 50%;
        -o-mask:url(../images/close.svg) no-repeat 50% 50%;
        mask:url(../images/close.svg) no-repeat 50% 50%;
    }
}

@media(min-width:600px) and (max-width:800px){
    .equipe_fiche h2{
        font-size: 60px;
    }
    
    .equipe_fiche .paragraphe{
        font-size: 18px;
    }
}

.equipe_fiche>.close:hover{
    background-color: #F4F6F8;
}

#projet_bouton_close_desktop:hover{
    background-color: #0545d1;
}

#equipe_fiche_structure video,#equipe_fiche_structure source,#equipe_fiche_structure .fond_video{
    background-color: transparent!important;
}

.equipe_fiche_bulle{
    left: 56.25vh;
    right: auto;
    margin-left: -21px;
    z-index: 3;
    top: 50%;
    margin-top:-21px;
    
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	-ms-transition: all 0s;
	-o-transition: all 0s;
	transition: all 0s;
}

.equipe_fiche_bulle.bulle_base{
    -webkit-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    -o-animation: none;
    animation: none;
}

/*désactivation de la fonction mask pour IE et EDGE*/
@supports (-ms-ime-align: auto) {
   /* Microsoft EdgeV13&14 CSS styles go here */
    .equipe_fiche>.close{
		background-color:transparent!important;
		background-image:url("../images/close.svg");
	}
    
    .equipe_fiche>.close:hover{
		background-color:transparent!important;
		background-image:url("../images/close_hover.svg");
    }
}

@supports (-ms-accelerator: true) {
    /* Microsoft EdgeV13 CSS styles go here */
    .equipe_fiche>.close{
		background-color:transparent!important;
		background-image:url("../images/close.svg");
	}
    
    .equipe_fiche>.close:hover{
		background-color:transparent!important;
		background-image:url("../images/close_hover.svg");
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10 & IE11 CSS styles go here */
    .equipe_fiche>.close{
		background-color:transparent!important;
		background-image:url("../images/close.svg");
	}
    
    .equipe_fiche>.close:hover{
		background-color:transparent!important;
		background-image:url("../images/close_hover.svg");
    }
}

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

#equipe_fiche_structure.mode2 .equipe_fiche{
    position: absolute;
    display: block;
}

#equipe_fiche_structure.mode2>.equipe_fiche>.left,#equipe_fiche_structure.mode2>.equipe_fiche>.right{
    position: relative;
    display: inline-block;
    height: 100%;
    vertical-align: top;
}

#equipe_fiche_structure.mode2>.equipe_fiche>.left{
	flex-grow:0;
	flex-shrink:0;
    width: calc(100% - 350px - 8vw);/*8vw = largeur de close*/
    height: calc((100vw - 350px - 8vw) * 16/9);
    fvertical-align: bottom;
}

#equipe_fiche_structure.mode2>.equipe_fiche>.right{
    width: calc(350px + 8vw);
    height: calc((100vw - 350px - 8vw) * 16/9);
}

#equipe_fiche_structure.mode2>.equipe_fiche>.equipe_fiche_bulle{
    left: calc(100% - 350px - 8vw);
}

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

#equipe_fiche_structure.mode3{
    display: block;
    height: auto;
    min-height: 100%;
    overflow:hidden;
}

#equipe_fiche_structure.mode3 .equipe_fiche{
    position: relative;
    display: block;
}

#equipe_fiche_structure.mode3>.equipe_fiche>.left,#equipe_fiche_structure.mode3>.equipe_fiche>.right{
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    overflow:hidden;
}

#equipe_fiche_structure.mode3>.equipe_fiche>.left{
    height: 100vh;
}
#equipe_fiche_structure.mode3>.equipe_fiche>.right{
    padding: 5vw;
}

#equipe_fiche_structure.mode3>.equipe_fiche>.right h2{
    position: relative;
    left: 0px;
    top: auto;
    bottom: auto;
}
    
#equipe_fiche_structure.mode3>.equipe_fiche>.right>.right_nom h3{
    font-size: 32px;
}

#equipe_fiche_structure.mode3>.equipe_fiche>.right h2{
    margin-bottom:30px;
}

#equipe_fiche_structure.mode3>.equipe_fiche>.equipe_fiche_bulle{
    display: none;
}

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

.equipe_pole_conteneur{
    position: relative;
    width: calc(100% + 25px);
    margin-left: -25px;
    margin-top: 25px;
    margin-bottom: 25px;
}
.equipe_pole{
    position: relative;
    display: inline-block;
    width: 75px;
    height: auto;
    margin-top: 25px;
    margin-left: 25px;
}

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

#competence{
    margin-top: 0px;
}

#agence_pole_texte_conteneur{
    position: relative;
    width: 45%;
    left:50%;
    margin-top: -17vw;
    overflow: visible;
    
    -webkit-transition: height 0.6s;
    -moz-transition: height 0.6s;
    -ms-transition: height 0.6s;
    -o-transition: height 0.6s;
    transition: height 0.6s;
}

#agence_pole_texte_conteneur.de{
    margin-top: 0px;
}

.agence_pole_texte{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    overflow: hidden;
    opacity: 0;
    
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -ms-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
}

.agence_pole_texte.afficher{
    opacity: 1;
}

#agence_pole_conteneur{
    position: relative;
    width: 100%;
    text-align: center;
    overflow: hidden;
}

.agence_pole{
    display: inline-block;
    width: 165px;
    height: auto;
    opacity: 0.2;
    cursor: pointer;
    margin-left: 40px;
    margin-right: 40px;
    
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -ms-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
}

/*Mise en page pour 6 pôles*/
@media(max-width:1655px){
    .agence_pole{
        width: 10.5vw;
        margin-left: 2vw;
        margin-right: 2vw;
    }
}

/* Mise en page pour 5 pôles
@media(max-width:1390px){
    .agence_pole{
        width: 12vw;
        margin-left: 2.6vw;
        margin-right: 2.6vw;
    }
}
*/

.agence_pole.afficher{
    opacity: 1;
}

.agence_pole_smartphone{
    position: relative;
    width: 40%;
    max-width: 290px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
    display: none;
}

@media(max-width:800px){
    #agence_pole_texte_conteneur{
        width: 100%;
        left:0px;
        margin-top: 25vw;
        overflow: hidden;
    }
    
    .agence_pole_texte{
        top: auto;
        opacity: 1;
        position: relative;
        overflow: hidden;
        margin-bottom: 25vw;
    }
    
    .agence_pole_smartphone{
        display: block;
    }
    
    #agence_pole_conteneur{
        display: none;
    }
}

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

.agence_accordeon{
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-bottom: 20px;
    margin-bottom: -20px;
}

.agence_accordeon_titre{
    color:#00ffff;
    cursor: pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-o-user-select:none;
	user-select:none;
    
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.agence_accordeon_titre:hover,.agence_accordeon.afficher>.agence_accordeon_titre{
    color:#d4bfb6;
}

@media(min-width:1201px){
    .agence_accordeon_titre.de{
        font-size: 4vw;
    }
}

.agence_accordeon_paragraphe{
    position: relative;
    opacity: 0;
    height: 0px;
    overflow: visible;
    
	-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	-ms-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
}

.agence_accordeon_paragraphe>.paragraphe{
    position: absolute;
    overflow: hidden;
    width: 100%;
}

.agence_accordeon.afficher>.agence_accordeon_paragraphe{
    opacity: 1;
    margin-top: 40px;
    margin-bottom: 50px;
}

@media(max-width:1200px){
    .agence_accordeon{
        max-width: 700px;
    }
}

@media(max-width:800px){
    .agence_accordeon_titre{
        color:#d4bfb6;
        cursor: auto;
    }
    
    .agence_accordeon_paragraphe{
        opacity: 1;
        height: auto;
        margin-top: 35px;
        margin-bottom: 75px;
        overflow: hidden;
    }
    
    .agence_accordeon_paragraphe>.paragraphe{
        position: relative;
    }
}

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

.agence_video{
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

.agence_video.mode_paysage{
    max-width: 1920px;
}

.agence_video.mode_portrait{
    max-width: 1080px;
}

.agence_video_paysage,.agence_video_portrait{
    position: relative;
    width: 100%;
    overflow: hidden;
    display: none;
}

.mode_portrait .agence_video_portrait,.mode_paysage .agence_video_paysage{
    display: block;
}

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

.agence_parallax_structure{
    position: relative;
    width: 100%;
    overflow:visible;
    z-index: 3;
}

.agence_parallax{
    position: relative;
}

.agence_parallax.parallax_effet{
    position: absolute;
}

.agence_parallax_zone{
    position: relative;
    width: 100%;
    overflow: visible;
    z-index: 3;
}

.agence_parallax_zone.zone2{
    margin-top: -10vw;
}

.agence_parallax.bloc1{
    width: 45%;
    left: 15%;
    z-index: 3;
}

.agence_parallax.bloc2{
    width: 75%;
    left: 25%;
    z-index: 1;
}

.agence_parallax.bloc3{
    width: 40%;
    left:0px;
    z-index: 2;
}

.agence_parallax.bloc4{
    width: 60%;
    left:40%;
    margin-top: -1.7vw;
    text-align: right;
    overflow-x: hidden;
}

.agence_parallax.bloc4>.bloc4_contenu{
    margin-top: 2vw;
    display: inline-block;
    text-align: left;
    margin-right: -1.5vw;
}

.agence_parallax.bloc5{
    width: 45%;
    left:0px;
    margin-top: -17vw;
}

.agence_parallax.bloc6{
    width: 45%;
    left: 40%;
    z-index: 3;
}

.agence_parallax.bloc7{
    width: 65%;
    left: 0%;
    z-index: 1;
}

.agence_parallax.bloc8{
    width: 45%;
    left:55%;
    z-index: 2;
}

.agence_parallax.bloc9{
    width: 55%;
    left:45%;
    overflow: hidden;
}

.agence_parallax.bloc9>.bloc9_contenu{
    margin-top:0px;
    margin-right: -1.5vw;
    text-align: right;
}

.agence_parallax.bloc10{
    width: 45%;
    left:0%;
    margin-top: -17vw;
}

.agence_parallax_titre{
    font-size: 18vw;
    line-height: 1;
    font-weight: bold;
    color: #0545D1;
    margin-top: -7vw;
    margin-left: -1.5vw;
    margin-bottom: 5vw!important;
}

.agence_parallax_accroche{
    font-weight: bold;
    padding:2vw 4vw 2vw 4vw;
    font-size: 2.75vw;
    line-height: 1.2;
    width: 32vw;
}

.agence_parallax_paragraphe{
    width: auto;
    padding-left: 5vw;
    padding-right: 5vw;
}

.agence_parallax_shadow{
	-webkit-box-shadow: 30px 45px 74px 0px rgba(0,0,0,0.21);
	-moz-box-shadow: 30px 45px 74px 0px rgba(0,0,0,0.21);
	-ms-box-shadow: 30px 45px 74px 0px rgba(0,0,0,0.21);
	-o-box-shadow: 30px 45px 74px 0px rgba(0,0,0,0.21);
	box-shadow: 30px 45px 74px 0px rgba(0,0,0,0.21);
}

.agence_parallax_fond_smartphone{
    position: absolute;
    width: 100%;
    height: 45%;
    left: 0px;
    bottom: 0px;
    z-index: -1;
    display: none;
}

.agence_parallax_fond_smartphone2{
    position: absolute;
    width: 100%;
    height: 70%;
    left: 0px;
    top: 0px;
    z-index: -1;
    display: none;
}

.agence_bulle_floue{
	position: absolute;
	width: 1px;
	height: 1px;
	border-radius: 30px;
	background-color: #00FFFF;
	z-index: 4;/*2*/
	
	-webkit-box-shadow: 0px 0px 60px 70px rgba(0,255,255,1);
	-moz-box-shadow: 0px 0px 60px 70px rgba(0,255,255,1);
	-ms-box-shadow: 0px 0px 60px 70px rgba(0,255,255,1);
	-o-box-shadow: 0px 0px 60px 70px rgba(0,255,255,1);
	box-shadow: 0px 0px 60px 70px rgba(0,255,255,1);
}

.agence_bulle_floue.variante1{
	left: 40%;
}

.agence_bulle_floue.variante2{
	left: 15%;
}

@media(max-width:1200px){
    .agence_parallax.bloc10{
        width: 100%;
        left:0px;
        margin-top: 0px;
    }
}

@media(max-width:800px){
    .agence_parallax.parallax_effet{
        position: relative;
    }
    
    .agence_parallax_zone.zone2{
        margin-top: 0px;
        margin-bottom: 15vw;
    }

    .agence_parallax.bloc1{
        width: 92%;
        left: 4%;
    }

    .agence_parallax.bloc2{
        width: 85vw;
        left: 15vw;
        margin-top: -8vw!important;
    }

    .agence_parallax.bloc3{
        width: 85vw;
        left: 0px;
        margin-top: -8vw!important;
    }

    .agence_parallax.bloc4{
        width: 70%;
        left:30%;
    }

    .agence_parallax.bloc5{
        width: 100%;
        left:0px;
        margin-top: 0px;
    }

    .agence_parallax.bloc6{
        width: 92%;
        left: 4%;
    }

    .agence_parallax.bloc7{
        width: 85vw;
        left: 0px;
        margin-top: -8vw!important;
    }

    .agence_parallax.bloc8{
        width: 85vw;
        left: 15vw;
        margin-top: -8vw!important;
    }

    .agence_parallax.bloc9{
        width: 70%;
        left:0px;
    }
    
    .agence_parallax.bloc9>.bloc9_contenu{
        margin-right: 0px;
        text-align: left;
    }

    .agence_parallax.bloc10{
        width: 100%;
        left:0px;
        margin-top: 0px;
    }

    .agence_parallax_titre{
        margin-top: 0px;/*-7vw*/
        margin-left: -1.5vw;
        margin-bottom: 10vw!important;
    }

    .agence_parallax_accroche{
        font-weight: bold;
        padding:10vw 8vw 10vw 8vw;
        font-size: 8vw;
        line-height: 1.2;
        width: auto;
    }

    .agence_parallax_paragraphe{
        width: auto;
        padding-left: 4vw;
        padding-right: 4vw;
        font-size: calc(15px + 0.4vw);
    }
    
    .agence_parallax_fond_smartphone,.agence_parallax_fond_smartphone2{
        display: block;
    }
	
	.agence_bulle_floue{
		display: none;
	}
}

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

.smartphone_display_block{
    display: none;
}
@media(max-width:800px){
	.smartphone_display_block{
		display: block;
	}
    
	.smartphone_display_none{
		display: none;
	}
}

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

.contenu_conteneur.campus>.contenu_small{
	width: 40%;
}
.contenu_conteneur.campus>.contenu_big{
	width: 45%;
}

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

.contenu_conteneur.campus2>.contenu_small{
	width: 20%;
}
.contenu_conteneur.campus2>.contenu_big{
	width: 75%;
}

@media(max-width:800px){
	.contenu_conteneur.campus2{
		max-width: 500px;
	}
}

.campus_bouton_absolute{
    position: absolute;
    bottom: 0px;
}

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

.engagement_banniere{
	position: relative;
	width: 100%;
	height: 31vw;
	min-height: 220px;
	background-color: #f00;
}

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

.grille_colonne.flex4{
	display: flex;
	justify-content: space-between;
    align-items: flex-start;
	flex-wrap: wrap;
}

.grille_colonne.flex4>.cellule{
	width: 21%;
	flex-grow:0;
	flex-shrink:0;
}

@media(max-width:1200px){
	.grille_colonne.flex4>.cellule{
		width: 45%;
	}
}

@media(max-width:700px){
	.grille_colonne.flex4>.cellule{
		width: 100%;
	}
}

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

.grille_colonne.flex{
	display: flex;
	justify-content: space-between left;
    align-items: flex-start;
	flex-flow: row wrap;
	width:105%;
	margin-left: -5%;
	margin-top: -3%;
}

.grille_colonne.flex>.cellule,.grille_colonne.flex>.cellule_vide{
	width: 220px;
	flex-grow:1;
	flex-shrink:1;
	margin-left: 5%;
	margin-top: 3%
}


@media(max-width:1000px){
	.grille_colonne.flex{
		margin-top: -5%;
	}

	.grille_colonne.flex>.cellule,.grille_colonne.flex>.cellule_vide{
		width: 200px;
		margin-top: 5%;
	}
}

.grille_colonne.flex>.cellule_vide{
	margin-top: 0px!important;
}

.grille_colonne.flex.min2>.cellule,.grille_colonne.flex.min2>.cellule_vide{
	max-width: 45%;
}

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

.grille_colonne.flex3{
	display: flex;
	justify-content: space-between;
    align-items: flex-start;
	flex-wrap: wrap;
}

.grille_colonne.flex3>.cellule{
	width: 30%;
	flex-grow:0;
	flex-shrink:0;
}

@media(max-width:1200px){
	.grille_colonne.flex3>.cellule{
		width: 45%;
	}
}

@media(max-width:700px){
	.grille_colonne.flex3>.cellule{
		width: 100%;
	}
}

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

.grille_colonne.client{
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-column-gap: 4vw;
	grid-row-gap: 4vw;
    align-items: grid-start;
	align-items: center;
	grid-auto-flow:dense;
}

.grille_colonne.client>.cellule.colonne2{
	min-height: 100%;
	vertical-align: center;
	grid-column-start: span 2;
}

.grille_colonne.client>.cellule>.citation_contenu{
	padding-left:calc(15px + 2vw);
	padding-right:calc(15px + 2vw);
	padding-top:calc(10px + 3vw);
	padding-bottom:calc(10px + 1.5vw);
}

.grille_colonne.client>.cellule>.citation_contenu>.paragraphe{
	text-align: right;
	margin-left: calc(7px + 1vw);
	margin-top: calc(10px + 0.6vw);
}

@media(min-width:2200px){
	.grille_colonne.client{
		grid-template-columns: repeat(6, 1fr);
	}
}

@media(min-width:2800px){
	.grille_colonne.client{
		grid-template-columns: repeat(7, 1fr);
	}
}

@media(max-width:1500px){
	.grille_colonne.client{
		grid-template-columns: repeat(4, 1fr);
	}
}

@media(max-width:1100px){
	.grille_colonne.client{
		grid-template-columns: repeat(3, 1fr);
	}
}

@media(max-width:800px){
	.grille_colonne.client{
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 6vw;
		grid-row-gap: 6vw;
	}
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
input.bloc_note,textarea.bloc_note{
	width: 100%;
	color: #D4BFB6;
	font-size: 4.2vw;
	line-height: 4.5vw;
	font-weight: bold;
	padding: 0px!important;
	margin: 0px!important;
	border: none!important;
	outline:none!important;
	
	background-image:url("../images/bloc_note.svg");
	background-position: -20px -2px;
	background-repeat: repeat;
	background-color: transparent;
	background-size: auto 4.5vw;
	border-radius: 0px!important;
}

textarea.bloc_note{
	color: #F4F6F8;
}

input.bloc_note.newsletter{
    color: #0545D1;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color:inherit;
	opacity: 0.7; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color:inherit;
	opacity: 0.7;
}

::-ms-input-placeholder { /* Microsoft Edge */
	color:inherit;
	opacity: 0.7;
}



@media(max-width:800px){
	input.bloc_note,textarea.bloc_note{
		font-size: calc(15px + 2vw);
		line-height: calc(20px + 3vw);
		background-size: auto calc(20px + 3vw);
		background-image:url("../images/bloc_note_big.svg");
	}
}

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

#newsletter_bouton,#newsletter_formulaire{
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

#newsletter_formulaire{
    display: none;
    opacity: 0;
}

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

.contenu_conteneur.projet>.contenu_small{
	width: 25%;
}
.contenu_conteneur.projet>.contenu_big{
	width: 70%;
}

.projet_description_separation{
    position: absolute;
    width: 2px;
    height: 100%;
    left: -10%;
    top: 0px;
    background-color: #00FFFF;
}

@media(max-width:800px){
	.projet_description_separation{
		display: none;
	}
}

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

#projet_titre{
	max-width: calc(400px + 30vw)
}

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

.bulle_decalage{
    padding-left: 80px;
}

@media(hover: none), (max-width:800px){/*smartphone et tablette*/
	.bulle_decalage{
		padding-left: 0px;
	}
}

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

.projet_video{
    position: relative;
    width: 100%;
    max-width: 1920px;
    padding-bottom: 56.25%;
    margin: auto;
}

.projet_video iframe{
    position: absolute;
    width: 100%;
    height: 100%;
}

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

.box_defilante_prev,.box_defilante_next{
	-webkit-width:calc(50px + 4vw)!important;
	-moz-width:calc(50px + 4vw)!important;
	-ms-width:calc(50px + 4vw)!important;
	-o-width:calc(50px + 4vw)!important;
	width:calc(50px + 4vw)!important;
	-webkit-height:calc(60px + 10vw)!important;
	-moz-height:calc(60px + 10vw)!important;
	-ms-height:calc(60px + 10vw)!important;
	-o-height:calc(60px + 10vw)!important;
	height:calc(60px + 10vw)!important;
    background-color: #00FFFF!important;
    
	-webkit-transition: margin 0s!important;
	-moz-transition: margin 0s!important;
	-ms-transition: margin 0s!important;
	-o-transition: margin 0s!important;
	transition: margin 0s!important;
}

.box_defilante_prev{
    left: 4vw!important;
    background-position: 0% 50%!important;
}

.box_defilante_next{
    right: 4vw!important;
    background-position: 100% 50%!important;
}

.box_defilante_prev:hover,.box_defilante_next:hover{
    background-color: #F4F6F8!important;
}

.box_defilante{
    width: 100%!important;
    margin: 0px!important;
}

@media(max-width:800px){
    .box_defilante_prev{
        left: 2vw!important;
    }

    .box_defilante_next{
        right: 2vw!important;
    }
}

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

#projet_fiche_structure{
    position: fixed;
    top: 0px;
    left: 0px;
    min-heightf: 100%;
    width: 100%;
    z-index: 3;
    display: none;
}

#projet_fiche_structure.open{
	-webkit-transition: all 1s, opacity 0s;
	-moz-transition: all 1s, opacity 0s;
	-ms-transition: all 1s, opacity 0s;
	-o-transition: all 1s, opacity 0s;
	transition: all 1s, opacity 0s;
}

#projet_fiche_structure.open.open2{
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	-ms-transition: all 0s;
	-o-transition: all 0s;
	transition: all 0s;
}

#projet_fiche_structure.close{
	-webkit-transition: opacity 0.4s;
	-moz-transition: opacity 0.4s;
	-ms-transition: opacity 0.4s;
	-o-transition: opacity 0.4s;
	transition: opacity 0.4s;
}


#projet_fiche_contenu{
    position: fixed;
    top: 0px;
    left: 0px;
    min-height: 100%;
    width: 100%;
}

#projet_fiche_structure #projet_titre{
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

#projet_fiche_structure.open2 #projet_titre{
	opacity: 1;
}

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

.apparition.apparition_bouton_right{
    opacity: 1!important;
    right: 120%!important;
	
	-webkit-transition: right 1.5s!important;
	-moz-transition: right 1.5s!important;
	-ms-transition: right 1.5s!important;
	-o-transition: right 1.5s!important;
	transition: right 1.5s!important;
}

.apparition.apparition_bouton_right.apparition_effet{
    right: 0%!important;
}

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

.apparition.apparition_bouton_left{
    opacity: 1!important;
    left: 120%!important;
	
	-webkit-transition: left 1.5s!important;
	-moz-transition: left 1.5s!important;
	-ms-transition: left 1.5s!important;
	-o-transition: left 1.5s!important;
	transition: left 1.5s!important;
}

.apparition.apparition_bouton_left.apparition_effet{
    left: 0%!important;
}

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

.apparition.apparition_bouton_right2{
    opacity: 0!important;
    right: 120%!important;
	
	-webkit-transition: right 1.2s!important;
	-moz-transition: right 1.2s!important;
	-ms-transition: right 1.2s!important;
	-o-transition: right 1.2s!important;
	transition: right 1.2s!important;
}

.apparition.apparition_bouton_right2.apparition_effet{
    opacity: 1!important;
    right: 0%!important;
}

.apparition.apparition_bouton_right2 .bouton_underline{
    opacity: 0!important;
	
	-webkit-transition: opacity 0.8s!important;
	-moz-transition: opacity 0.8s!important;
	-ms-transition:opacity 0.8s!important;
	-o-transition: opacity 0.8s!important;
	transition: opacity 0.8s!important;
    
	-webkit-transition-delay: 1.2s!important;
	-moz-transition-delay: 1.2s!important;
	-ms-transition-delay: 1.2s!important;
	-o-transition-delay: 1.2s!important;
	transition-delay: 1.2s!important;
}

.apparition.apparition_bouton_right2.apparition_effet .bouton_underline{
    opacity: 1!important;
}

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

.apparition.apparition_zoom{
    opacity: 0;
    
    image-rendering: high-quality;
    
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(0, 0);
    transform: translateZ(0) scale(0, 0);    
	
	-webkit-transition: transform 0.5s!important;
	-moz-transition: transform 0.5s!important;
	-ms-transition: transform 0.5s!important;
	-o-transition: transform 0.5s!important;
	transition: transform 0.5s!important;
}

.apparition.apparition_zoom.apparition_effet{
    transform: translateZ(0) scale(1, 1);
}

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

.formulaire_conditions{
    display: none;
}

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

#cookie_notice{
    position: fixed;
    z-index: 10;
    bottom: 0px;
    left: 0px;
    width: 100%;
}

#cookie_notice>.conteneur_alignement{
    padding-top: 2vw;
    padding-bottom: 2vw;
}

#cookie_notice.close{
    display: none;
}

#cookie_notice .accroche>a{
    color: #00FFFF;
    text-decoration: none;
}

#cookie_notice .accroche>a:hover{
    text-decoration: underline!important;
}

#cookie_notice a.choix{
    display: inline-block;
    margin-top: 2vw;
    border-bottom: transparent solid 4px;
}

#cookie_notice a.choix:hover{
    border-bottom: #00FFFF solid 4px;
}


@media(max-width:800px){
    #cookie_notice .accroche{
        font-size: 28px;
    }
    
    #cookie_notice>.conteneur_alignement{
        padding-top: 4vw;
        padding-bottom: 4vw;
    }
    
    #cookie_notice .choix{
        margin-top: 4vw;
    }
}

@media(max-width:330px){
    #cookie_notice .accroche{
        font-size: 26px;
    }
    
    #cookie_notice a.choix{
        font-size: 30px;
    }
}

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

.politique_confidentialite_cadre{
    max-width: 900px;
    margin: auto;
}

#politique_confidentialite h3,#politique_confidentialite h4{
    font-size: 36px;
    color: #D4BFB6;
    font-weight: bold;
    margin-bottom: 25px;
}

#politique_confidentialite h4{
    font-size: 24px;
    text-transform: none;
}

@media(max-width:800px){
    #politique_confidentialite h3,#politique_confidentialite h4{
        font-size: 28px;
    }

    #politique_confidentialite h4{
        font-size: 22px;
    }
}

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

.bouton_cookie{
    position: relative;
    display: inline-block;
    margin-left: 75px;
    font-size: 24px;
    line-height: 42px;
    color: #D4BFB6;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 20px;
}

.bouton_cookie::before{
    content: "";
    position: relative;
    display: inline-block;
    width: 42px;
    height: 42px;
    margin-right: 20px;
    margin-bottom: -12px;
    background-image: url("../images/puce_cookie.svg");
    background-size: cover;
	background-position:0% 50%;
	background-repeat:no-repeat;
}

.bouton_cookie:not(.obligatoire):hover{
	color:#00FFFF;
    cursor: pointer;
}

.bouton_cookie.select::before,.bouton_cookie.obligatoire::before{
	background-position:100% 50%!important;
}

.contenu_conteneur.cookies_choix>.contenu_small{
	width: 380px;
}
.contenu_conteneur.cookies_choix>.contenu_big{
	width: calc(100% - 380px);
}

@media(max-width:900px){
    .bouton_cookie{
        margin-left: 0px;
        display: block;
    }
}

@media(max-width:450px){
    .bouton_cookie{
        font-size: 20px;
        line-height: 42px;
    }
    
    .bouton_cookie::before{
        width: 35px;
        height: 35px;
        margin-right: 17px;
        margin-bottom: -10px;
    }
}

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

.case_a_cocher{
    position: relative;
    display: inline-block;
    margin-right: 20px;
    line-height: 1.4;
    margin-bottom: -10px;

    width: 42px;
    height: 42px;
    background-image: url("../images/case_a_cocher.svg");
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:0% 50%;
	background-repeat:no-repeat;
    cursor: pointer;
}

.case_a_cocher:hover{
	background-position:50% 50%;
}

.case_a_cocher.checked{
	background-position:100% 50%!important;
}


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

.linktree{
    position: relative;
    width: 80%;
    overflow: hidden;
    margin-top: 75px;
    margin-bottom: 75px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.linktree_titre{
    position: relative;
    max-width: 475px;
    margin: auto;
    font-size: 24px;
    font-weight: bold;
}

.linktree a{
    display: inline-block;
    font-size: 52px;
    font-weight: bold;
	
	-webkit-transition: color 0.4s;
	-moz-transition: color 0.4s;
	-ms-transition: color 0.4s;
	-o-transition: color 0.4s;
	transition: color 0.4s;
}

.linktree a:hover{
    color:#00ffff;
}

.linktree .linktree_separation{
    position: relative;
    width: 100%;
    height: 5px;
    overflow: hidden;
}

@media(max-width:600px){
    .linktree{
        text-align: left;
        width: 100%;
        margin-left: -5px;
        margin-top: 30px;
        margin-bottom: 30px;
    }
}


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

.linktree_liens_personnalises .separation_small{
    display: none;
}

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

.linktree_secondaire{
    position: relative;
    width: 80%;
    max-width: 500px;
    padding-bottom: 30px;
    margin: auto;
    overflow: hidden;
    text-align: center;
}

.linktree_secondaire .left,.linktree_secondaire .right{
    position: relative;
    width: 175px;
    overflow: hidden;
}

.linktree_secondaire .left{
    float: left;
}

.linktree_secondaire .right{
    float: right;
}

.linktree_secondaire a{
    display: inline-block;
    margin: 5px;
    overflow: hidden;
	
	-webkit-transition: opacity 0.4s;
	-moz-transition: opacity 0.4s;
	-ms-transition: opacity 0.4s;
	-o-transition: opacity 0.4s;
	transition: opacity 0.4s;
}

.linktree_secondaire a:hover{
    opacity: 0.5;
}

.linktree_secondaire .linktree_picto{
    position: inline-block;
    width: 45px;
    height: 45px;
}

.linktree_secondaire_titre{
    position: relative;
    width: 100%;
    font-size: 18px;
    margin-bottom: 5px;
}

@media(max-width:600px){
    .linktree_secondaire .left,.linktree_secondaire .right{
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    .linktree_secondaire .left{
        margin-bottom:30px;
    }
}

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

/*Variante spéciale pour les Linktree d'Up to you (https://up-to-you.ch/fr/links  +  https://up-to-you.ch/fr/access?links)*/

.linktree_secondaire.variante_uty .linktree_secondaire_titre,.linktree_secondaire.variante_uty>.left{
    display: none;
}

.linktree_secondaire.variante_uty>.right{
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

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

#logo_partner{
    width: calc(100% + 50px);
    margin-left: -50px;
    margin-top: -30px;
    overflow: hidden;
}

@media(max-width:800px){
    #logo_partner{
        margin-top: 10px;
    }
}

#logo_partner img{
    display: inline-block;
    height: 80px;
    width: auto;
    margin-left: 50px;
    margin-top: 30px;
}

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

#pourcentage_lecture_desktop{
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 0%;
    height: 10px;
    background-color: #d4bfb6;
    z-index: 3;
        
	-webkit-transition: width 0.1s, opacity 0.4s;
    -moz-transition: width 0.1s, opacity 0.4s;
    -ms-transition: width 0.1s, opacity 0.4s;
    -o-transition: width 0.1s, opacity 0.4s;
    transition: width 0.1s, opacity 0.4s;
    opacity: 0;
}

#projet_bouton_close_conteneur{
    position: fixed;
    top: 62px;
    right: 6px;
    width: 50px;
    height: 50px;
    z-index: 4;
    display: none;
    cursor: pointer;
    opacity: 0;
}

#projet_bouton_close_desktop{
    display: block;
}

#projet_bouton_close_conteneur:not(.chargement){
	-webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -ms-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

#projet_bouton_close,#projet_bouton_close_icone,#projet_bouton_close_icone_full,#projet_bouton_close_conteneur a{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#projet_bouton_close_icone{
    background-image: url("../images/projet_bouton_close.svg");
    background-position: 0% 50%;
    z-index: 1;
}

#projet_bouton_close_conteneur:hover #projet_bouton_close_icone{
    background-position: 100% 50%;
}

#projet_bouton_close_icone_full{
    background-image: url("../images/projet_bouton_close_full.svg");
    background-position: 0% 50%;
    opacity: 0;
    z-index: 2;
    
	-webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -ms-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

#projet_bouton_close_conteneur.full #projet_bouton_close_icone_full{
    opacity: 1;
}

#projet_bouton_close_conteneur:hover #projet_bouton_close_icone_full{
    background-position: 100% 50%;
}

#projet_bouton_close{
    z-index: 3;
}

#projet_bouton_close_conteneur a{
    z-index: 4;
}

@media(max-width:800px){
    #grands_projet_lien,#pourcentage_lecture_desktop{
        display: none;
    }
    
    #projet_bouton_close_conteneur{
        display: block;
    }
    
    #projet_bouton_close_desktop{
        display: none;
    }

}


.picto_menu{
    position: relative;
    display: inline-block;
    margin-left: 30px;
}

.picto_menu img{
    position: relative;
    display: inline-block;
    height: 75px;
    width: auto;
}

#menu_structure.mode2 #menu_secondaire .picto_menu{
    margin-left: 15px;
    margin-right: 15px;
}

@media(max-width:385px){
    .picto_menu img{
        height: 50px;
    }

    .picto_menu{
        margin-left: 10px;
        margin-right: 10px;
    }
}


.picto_special.telephone{
    -webkit-mask:url(../images/special/telephone.svg) no-repeat 50% 50%;
    -moz-mask:url(../images/special/telephone.svg) no-repeat 50% 50%;
    -ms-mask:url(../images/special/telephone.svg) no-repeat 50% 50%;
    -o-mask:url(../images/special/telephone.svg) no-repeat 50% 50%;
    mask:url(../images/special/telephone.svg) no-repeat 50% 50%;
}

.picto_special.mail{
    -webkit-mask:url(../images/special/mail.svg) no-repeat 50% 50%;
    -moz-mask:url(../images/special/mail.svg) no-repeat 50% 50%;
    -ms-mask:url(../images/special/mail.svg) no-repeat 50% 50%;
    -o-mask:url(../images/special/mail.svg) no-repeat 50% 50%;
    mask:url(../images/special/mail.svg) no-repeat 50% 50%;
}

.picto_special.cookie{
    -webkit-mask:url(../images/special/cookie.svg) no-repeat 50% 50%;
    -moz-mask:url(../images/special/cookie.svg) no-repeat 50% 50%;
    -ms-mask:url(../images/special/cookie.svg) no-repeat 50% 50%;
    -o-mask:url(../images/special/cookie.svg) no-repeat 50% 50%;
    mask:url(../images/special/cookie.svg) no-repeat 50% 50%;
}

.picto_special{
    background-color: #00FFFF;
    
	-webkit-background-size:contain;
	-moz-background-size:contain;
	-ms-background-size:contain;
	-o-background-size:contain;
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
    
	-webkit-transition: background-color 0.5s;
	-moz-transition: background-color 0.5s;
	-ms-transition: background-color 0.5s;
	-o-transition: background-color 0.5s;
	transition: background-color 0.5s;
}

.picto_special:hover{
    background-color: #F4F6F8;
}

/*désactivation de la fonction mask pour IE et EDGE*/
@supports (-ms-ime-align: auto) {
   /* Microsoft EdgeV13&14 CSS styles go here */
    .picto_special.telephone{
		background-color:transparent!important;
		background-image:url(../images/special/telephone.svg);
	}
    
    .picto_special.telephone:hover{
		background-color:transparent!important;
		opacity: 0.5;
    }
    
    
    .picto_special.mail{
		background-color:transparent!important;
		background-image:url(../images/special/mail.svg);
	}
    
    .picto_special.mail:hover{
		background-color:transparent!important;
		opacity: 0.5;
    }
    
    
    .picto_special.cookie{
		background-color:transparent!important;
		background-image:url(../images/special/cookie.svg);
	}
    
    .picto_special.cookie:hover{
		background-color:transparent!important;
		opacity: 0.5;
    }
}

@supports (-ms-accelerator: true) {
    /* Microsoft EdgeV13 CSS styles go here */
    .picto_special.telephone{
		background-color:transparent!important;
		background-image:url(../images/special/telephone.svg);
	}
    
    .picto_special.telephone:hover{
		background-color:transparent!important;
		opacity: 0.5;
    }
    
    
    .picto_special.mail{
		background-color:transparent!important;
		background-image:url(../images/special/mail.svg);
	}
    
    .picto_special.mail:hover{
		background-color:transparent!important;
		opacity: 0.5;
    }
    
    
    .picto_special.cookie{
		background-color:transparent!important;
		background-image:url(../images/special/cookie.svg);
	}
    
    .picto_special.cookie:hover{
		background-color:transparent!important;
		opacity: 0.5;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10 & IE11 CSS styles go here */
    .picto_special.telephone{
		background-color:transparent!important;
		background-image:url(../images/special/telephone.svg);
	}
    
    .picto_special.telephone:hover{
		background-color:transparent!important;
		opacity: 0.5;
    }
    
    
    .picto_special.mail{
		background-color:transparent!important;
		background-image:url(../images/special/mail.svg);
	}
    
    .picto_special.mail:hover{
		background-color:transparent!important;
		opacity: 0.5;
    }
    
    
    .picto_special.cookie{
		background-color:transparent!important;
		background-image:url(../images/special/cookie.svg);
	}
    
    .picto_special.cookie:hover{
		background-color:transparent!important;
		opacity: 0.5;
    }
}

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

.jobs_introduction,.jobs_confirmation{
    font-size:2.8vw;
    line-height:1;
    font-weight: bold;
    color:#0545D1;
    text-transform: none;
    overflow:hidden;
}

.jobs_confirmation{
    display: none;
}

.jobs_introduction_separation{
    position: relative;
    width: 100%;
    height: 30px;
    overflow: hidden;
}

.jobs_introduction a,.jobs_confirmation a{
    -webkit-transition: color 0.4s;
    -moz-transition: color 0.4s;
    -ms-transition: color 0.4s;
    -o-transition: color 0.4s;
    transition: color 0.4s;
}

.jobs_introduction a:hover{
    color: #00FFFF;
}

.jobs_confirmation a{
    color: #00FFFF;
}

.jobs_confirmation a:hover{
    color: inherit;
}

@media(max-width:1072px){
    .jobs_introduction,.jobs_confirmation{
        font-size: 30px;
    }
}

.confirmation .jobs_introduction{
    display: none;
}

.confirmation .jobs_confirmation{
    display: block;
}

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

.jobs_bandeau_offres_spontannees_compensation{
    position: relative;
    width: 100%;
    height: 180px;
    overflow: hidden;
}

.jobs_bandeau_offres_spontannees{
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: calc(100% - 30px);
    text-align: center;
    padding-top: 25px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #D4BFB6;
    z-index: 2;
    cursor: pointer;
    color:#0545D1;
    font-size: 27px;
    line-height: 1.3;
    font-weight: bold;
    overflow: hidden;
    
    -webkit-transition: color 0.4s;
    -moz-transition: color 0.4s;
    -ms-transition: color 0.4s;
    -o-transition: color 0.4s;
    transition: color 0.4s;
}

.jobs_bandeau_offres_spontannees .picto{
    position: relative;
    display: block;
    width: 60px;
    height: auto;
    margin-top: 7px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

.jobs_bandeau_offres_spontannees .picto .st0{
    stroke:#0545D1;
    stroke-width:5;
    
    -webkit-transition: stroke 0.4s;
    -moz-transition: stroke 0.4s;
    -ms-transition: stroke 0.4s;
    -o-transition: stroke 0.4s;
    transition: stroke 0.4s;
}

@media(hover:hover){
    .jobs_bandeau_offres_spontannees:hover{
        color:#F4F6F8;
    }
    .jobs_bandeau_offres_spontannees:hover .picto .st0{
        stroke:#F4F6F8;
    }
}

@media(max-width:500px){
    .jobs_bandeau_offres_spontannees{
        font-size: 22px;
    }
    
    .jobs_bandeau_offres_spontannees .picto{
        width: 55px;
    }
}


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

#jobs_formulaires_conteneur{
    position: relative;
    width: 100%;
    overflow: hidden;
    display: none;
}

#jobs_formulaires_conteneur.open{
    display: block;
}

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

#formulaire_job input{
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    background-color: transparent;
    color: #F4F6F8;
    border-style: solid;
    border-color: #F4F6F8;
    border-width: 0px;
    border-bottom-width: 2px;
    border-radius: 0px;
    padding: 0px!important;
    padding-top: 10px!important;
    font-weight: bold;
    font-size: 4.2vw;
    line-height: 1;
	outline:none!important;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

#formulaire_job #bouton_validation:disabled{
    opacity: 0.4!important;
}

@media(max-width:1335px){
    #formulaire_job input{
        font-size: 40px;
    }
}

@media(max-width:800px){
    #formulaire_job input{
        font-size: 30px;
    }
}

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

.liste_puce_job{
    position: relative;
    width: 100%;
    overflow: visible;
    
    font-weight: bold;
    font-size: 3vw;
    line-height: 1;
    color: #333A4A;
}

.liste_puce_job.blanc{
    color: #F4F6F8;
}

.liste_puce_job_titre{
    font-size: 22px;
}

.liste_puce_job .choix{
    display: inline-block;
    position: relative;
    width: calc(100% - 60px);
    overflow: visible;
    clear: both;
    padding-left: 60px;
    margin-bottom: 20px;
}

.liste_puce_job.en_ligne{
    width: calc(100% + 150px);
    margin-left: -150px;
}

.liste_puce_job.en_ligne .choix{
    width: auto;
    margin-left: 150px;
}

.liste_puce_job .choix:hover{
    cursor: pointer;
}

.liste_puce_job .choix::before{
    content: "";
    position: absolute;
    left: 0px;
    top: 55%;
    width: 34px;
    height: 34px;
    margin-top: -17px;
    
    background-image: url("../images/special/job_puce.svg");
    
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
    background-position: 0% 0%;
	background-repeat:no-repeat;
}

.liste_puce_job.blanc .choix::before{
    background-image: url("../images/special/job_puce_blanc.svg");
}

.liste_puce_job .choix:hover::before{
    background-position: 50% 0%;
}

.liste_puce_job .choix.active::before{
    background-position: 100% 0%;
}

@media(max-width:1335px){
    .liste_puce_job{
        font-size: 40px;
    }
}

@media(max-width:800px){
    .liste_puce_job{
        font-size: 30px;
    }
    
    .liste_puce_job .choix{
        width: calc(100% - 50px);
        padding-left: 50px;
    }
    
    .liste_puce_job .choix::before{
        top: 56%;
        width: 30px;
        height: 30px;
        margin-top: -15px;
    }
    
    .liste_puce_job_titre{
        margin-bottom: 10px;
    }

}


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



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



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



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



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



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