@font-face {
 font-family: "Raleway";
 src: url("../fonts/Raleway-Regular.ttf");
}
@font-face {
 font-family: "RalewayBold";
 src: url("../fonts/Raleway-Bold.ttf");
}
@font-face {
 font-family: "RalewayBlack";
 src: url("../fonts/Raleway-Black.ttf");
}
@font-face {
 font-family: "RalewayLight";
 src: url("../fonts/Raleway-Light.ttf");
}
@font-face {
 font-family: "RalewayItalic";
 src: url("../fonts/Raleway-Italic.ttf");
}

html {
background-image: url("../img/bg_hero.jpg");
	background-position:top right;
	background-repeat:no-repeat;
}
body {
	background:none;
font-family: "Raleway";	
	overflow-x:hidden;
	font-size: 18px;
}
.bandeau_haut {
background: #0084C5;	
min-height: 30px;
}
.resa_transport_top {
	background-color:#99CA42;
	color: #FFF;
	font-family: "Raleway";
	text-align: center;
	height: 30px;
	font-size: 12px;
	padding-top: 5px;
	transition:0.3s;
}
.resa_transport_top:hover {
	background-color: #FFF;
	color:#99CA42;
	cursor: pointer;
	font-family: "RalewayBold";

}
.payer_facture_top {
	background-color:#FFF;
	color: #0084C5;
	font-family: "Raleway";
	text-align: center;
	height: 30px;
	font-size: 12px;
	padding-top: 5px;
	transition:0.3s;
}
.payer_facture_top:hover {
	background-color: #0084C5;
	color:#FFF;
	cursor: pointer;
}
.phone_top {
	color: #FFF;
	font-family: "RalewayBold";
	text-align: center;
	height: 30px;
	font-size: 12px;
	padding-top: 5px;
	transition:0.3s;
}
.bandeau_menu {
	margin:15px 0px 15px 0px;
}
.nav {
padding-top: 40px;
}
.nav_footer {
padding-top: 40px;
color: #FFF;
}

.menu li {
font-weight: bold;
padding: 25px;
display: inline;
	font-size: 16px;
}
.menu li a {
text-decoration: none;
color:#0084C5;
transition:0.3s;
}
.menu li a:hover {
}


.menu_footer li {
font-weight: bold;
padding: 25px;
display: inline;
	font-size: 12px;
}
.menu_footer li a {
text-decoration: none;
color:#FFF;
transition:0.3s;
}
.menu_footer li a:hover {
}



.imagehero {
	margin-bottom: -150px;
}



.titre_hero h1 {
	font-family: "Raleway";
	margin-top: 100px;
	color: #000000;
	font-size: 50px;
	line-height: 50px;
	margin-bottom: 50px;
}
.titre_hero h1 span {
	font-family: "RalewayBold";
}


.titre_hero h2 {
	font-family: "RalewayBold";
	margin-top: 100px;
	color: #0084C5;
	font-size: 30px;
	line-height: 30px;
}
.titre_hero h2 span {
	font-family: "RalewayBold";
}
.infos_adresse_contact {
	color: #0084C5;

}


.capsulecontainer {
}
.capsule_principale {
	background: #FFF;
	-webkit-box-shadow: -2px 3px 9px -2px rgba(0,0,0,0.34); 
box-shadow: -2px 3px 9px -2px rgba(0,0,0,0.34);
	padding: 40px;
	border-radius:60px;
	color: #0084C5;
	font-size: 25px;
	font-family: "RalewayBold";	
}

.menu_caps {
border-radius:30px;
border: solid #0084C5 2px;
padding: 6px 20px 6px 20px;
}
.btn_reserver_transport {
	padding: 8px;
	background-color: #99CA42;
	color:#FFF; 
	width: 100%;
	padding: 15px;
	border-radius:30px;
	transition: 0.3s;
}
.btn_reserver_transport:hover {
	cursor: pointer;
	background-color:#618F06;
	color: #FFF;
}
.btn_regler_facture {
	padding: 8px;
	background-color: #FFF;
	color:#0084C5; 
	width: 100%;
	padding: 15px;
	border-radius:30px;
	border:solid #0084C5 2px;
	transition: 0.3s;
}
.btn_regler_facture:hover {
	cursor: pointer;
	background-color:#0084C5;
	color: #FFF;
}

h2 {
	font-family: "Raleway";
	color: #000000;
	font-size: 45px;
	line-height: 45px;
}
h2 span {
	font-family: "RalewayBold";
}

h4 {
	font-family: "RalewayBold";
	color: #000000;
	font-size: 35px;
}


h3 {
	font-family: "Raleway";
	color: #FFF;
	font-size: 30px;
	line-height: 30px;
}
h3 span {
	font-family: "RalewayBold";
}


.bloc_bleu1_top {
background-image: url("../img/top_bloc_bleu.svg");
	height: 200px;
	background-size:cover;
	margin-top: -150px;
}
.bloc_bleu1_center {
background-color:#0084C5;
	margin-top: -5px;
}
.bloc_bleu1_bottom {
background-image: url("../img/bottom_bloc_bleu2.svg");
	height: 300px;
	background-size:cover;
	margin-top: -150px;
}
.bloc_bleu1_center h1 {
	font-family: "Raleway";
	margin-top: 50px;
	color: #FFF;
	font-size: 45px;
	line-height: 45px;
}
.bloc_bleu1_center h1 span {
	font-family: "RalewayBold";
}
.bloc_bleu1_center p {
	margin-top: 15px;
	color: #FFF;
}
.bloc_bleu1_center h2 {
	color: #FFF;
}
.bg_map {
	background-image: url("../img/map.png");
	background-repeat:no-repeat;
	background-position:top left;
	background-size:cover;
}
.chiffre_cle {
	color:#FFF;
	text-align: center;
	line-height: 18px;
}
.chiffre_cle span {
font-family: "RalewayBold";
	font-size: 55px;
	line-height: 75px;
}
.chiffre_cle2 {
	color:#0084C5;
	text-align: center;
	line-height: 18px;
	padding-top: 40px;
}
.chiffre_cle2 span {
font-family: "RalewayBold";
	font-size: 55px;
	line-height: 75px;
}
.btn_cta1 {
	padding: 30px;
	color: #FFF;
	width: 100%;
	text-align: center;
	border-radius:30px;
	border: solid #FFF 2px;
	font-size: 25px;
	line-height: 25px;
	font-family: "RalewayBold";
	transition:0.3s;
}
.btn_cta1:hover {
	color: #FFF;
	cursor:pointer;
	background-color: #089CDB;
}
.btn_cta2 {
	padding: 30px;
	color: #FFF;
	text-align: center;
	border-radius:30px;
	border: solid #FFF 2px;
	font-size: 25px;
	line-height: 25px;
	font-family: "RalewayBold";
	transition:0.3s;
}
.btn_cta2:hover {
	color: #FFF;
	cursor:pointer;
	background-color: #618F06;
}
.btn_cta2 a {
	text-decoration: none;
	color: #FFF;
	}

.formulaire_offre_emploi {
	
		background: #FFF;
		-webkit-box-shadow: -2px 3px 9px -2px rgba(0,0,0,0.34); 
box-shadow: -2px 3px 9px -2px rgba(0,0,0,0.34);
	min-height: 500px;
	border-radius:20px;
	margin-bottom: 20px;
	margin-top: 80px;
	padding: 25px;
}
.formulaire_offre_emploi .titre {
	color: #0084C5;
	font-size: 20px;
	font-family: "RalewayBold";
	line-height: 25px;
	margin-bottom: 15px;
}

.bloc_info {
	background: #FFF;
		-webkit-box-shadow: -2px 3px 9px -2px rgba(0,0,0,0.34); 
box-shadow: -2px 3px 9px -2px rgba(0,0,0,0.34);
	min-height: 500px;
	border-radius:20px;
	margin-bottom: 20px;
	padding-bottom: 20px;
}


.bloc_info_carriere {
	background: #FFF;
margin-bottom: 20px;
	min-height: 200px;
	border-radius:20px;
	border: solid #0084C5 2px;
	text-align: center;
	margin-bottom: 20px;
}

.bloc_info_carriere .content {
	padding: 25px;
}
.bloc_info_carriere .titre {
	color: #0084C5;
	font-size: 20px;
	font-family: "RalewayBold";
	line-height: 25px;
	margin-bottom: 15px;
}


.bloc_info2 {
	min-height: 500px;
}

.bloc_temoignage {
	background: #0084C5;
	min-height: 500px;
	border-radius:20px;
	border: solid #FFF 1px;
	text-align: center;
	color: #FFF;
	padding: 50px 25px 25px 25px;
}

.bloc_temoignage span {
	font-family: "RalewayBold";
	padding-top: 15px;
	padding-bottom: 15px;
}

.bloc_temoignage p {
	font-size: 15px;
	line-height: 20px;
}
.bloc_cta_vert {
	background: #99CA42;
	min-height: 300px;
	border-radius:20px;
	border: solid #FFF 1px;
	text-align: center;
	color: #FFF;
	padding: 100px 25px 25px 25px;
}


	
.img_bloc_info {
	height: 150px;
	background: url("../img/img_bloc_info.jpg"), #0084C5;
	background-blend-mode: soft-light;
	background-repeat: no-repeat;
	border-radius:20px 20px 0px 0px;
}
.icone_bloc_info {
	background: #FFF;
	width: 100px;
	height: 100px;
	border-radius: 50px;
	margin-top: -50px;
	margin-left: calc(100% - 120px);
	color: #0084C5;
	text-align: center;
	font-size: 35px;
	padding-top: 15px;
	margin-bottom: -30px;
}
.bloc_info .content {
	padding: 25px;
}
.bloc_info .titre {
	color: #0084C5;
	font-size: 20px;
	font-family: "RalewayBold";
	line-height: 20px;
	margin-bottom: 15px;
}



.bloc_offre_emploi {
	background: #FFF;
	min-height: 200px;
	border-radius:20px;
	text-align: center;
			-webkit-box-shadow: -2px 3px 9px -2px rgba(0,0,0,0.34); 
box-shadow: -2px 3px 9px -2px rgba(0,0,0,0.34);
	margin-bottom: 20px;
}
.bloc_offre_emploi .content {
	padding: 25px;
}
.bloc_offre_emploi .titre a {
	color: #0084C5;
	font-size: 20px;
	font-family: "RalewayBold";
	line-height: 20px;
	margin-bottom: 15px;
}
.bloc_offre_emploi .titre a:hover {
	color: #99CA42; 
}
.bloc_offre_emploi .lieu {
	color: #0084C5;
	font-size: 20px;
	font-family: "Raleway";
	line-height: 16px;
	margin-bottom: 15px;
}
.bloc_offre_emploi .type {
	color: #0084C5;
	font-size: 20px;
	font-family: "Raleway";
	line-height: 16px;
	margin-bottom: 15px;
}
.bloc_offre_emploi .type span {
	color: #0084C5;
	font-size: 20px;
	font-family: "RalewayBold";
	line-height: 16px;
	margin-bottom: 15px;
}


.bloc_info2 .titre {
	color: #0084C5;
	font-size: 20px;
	font-family: "RalewayBold";
	line-height: 20px;
	margin-bottom: 15px;
}
.cache_courbe {
background-image: url("../img/cache_courbe.svg");
	height: 100px;
	background-size:cover;
	z-index: 1;	
}
.tel_accueil {
	float:right;
	font-family: "RalewayBold";
	font-size: 25px;
}

.date_actu {
	color:#747474; 
}
.lire_suite a {
	color:#0084C5;
	float:right;
}
.footer {
background-color:#0084C5;
	padding-top: 25px;
margin-top: 30px;
	min-height: 250px;
	color: #FFF;
	line-height: 18px;
}
.reassurance_big1 {
color: #0084C5;
	font-family: "RalewayBold";
	font-size: 35px;
	line-height: 35px;
	text-align: center;
	margin-bottom: 150px;
}
.bloc_resa_bleu {
	min-height: 350px;
	background-color:#0084C5;
	border-radius:25px 0px 0px 25px;
	padding: 30px;
		-webkit-box-shadow: -2px 3px 9px -2px rgba(0,0,0,0.34); 
box-shadow: -2px 3px 9px -2px rgba(0,0,0,0.34);
	color: #FFF;

}
.bloc_resa_bleu h2 {
	color: #FFF;
	font-family: "RalewayBold";
	}
.bloc_resa_vert {
	min-height: 350px;
	background-color:#99CA42;
	border-radius:0px 25px 25px 0px;
	padding: 30px;
		-webkit-box-shadow: -2px 3px 9px -2px rgba(0,0,0,0.34); 
box-shadow: -2px 3px 9px -2px rgba(0,0,0,0.34);
	color: #FFF;

}
.bloc_resa_vert h2 {
	color: #FFF;
	font-family: "RalewayBold";
	}
.bloc_resa_vert h3 {
	color: #FFF;
	font-family: "RalewayBold";
	}
.type_v_resa {
	padding:6px 20px 6px 20px;
	color:#0084C5;
	font-family: "RalewayBold";
	background-color: #FFF;
	font-size: 25px;
}
.btn-resa-carius {
	border: solid #FFF 1px;
	color: #FFF;
	font-size: 16px;
	margin-top: 20px;
	margin-bottom: 15px;
padding: 6px 10px 10px 6px;
	border-radius:20px;
	font-family: "RalewayBold";
}
.btn-resa-carius:hover {
	cursor: pointer;
}

.bloc_paragraphe_simple .titre {

	color: #0084C5;
	font-size: 20px;
	font-family: "RalewayBold";
	line-height: 20px;
	margin-bottom: 15px;

}
.bloc_paragraphe_simple2 {
	color: #FFF;
	margin-bottom: 20px;
}

.bloc_paragraphe_simple2 .titre {

	color: #FFF;
	font-size: 20px;
	font-family: "RalewayBold";
	line-height: 20px;
	margin-bottom: 15px;

}
.logo_partenaire {
	margin-bottom: 20px;
}
.bloc_formulaire_offre_emploi_input {
margin-top:-15px;
height:50px;
}
.bloc_formulaire_offre_emploi_submit {
height:50px;
transition:0.3s;
background:#0084C5;
color:#FFFFFF;
	height: 50px;
	border-radius: 25px;
}
.bloc_formulaire_offre_emploi_submit:hover {
cursor:pointer;
background:#CCCCCC;
color:#333333;
}
.bloc_formulaire_offre_emploi label {
color:#666666;
font-size:12px;
background:#FFFFFF;
padding:5px;
margin-left:10px;
}



.formulaire_contact {

	padding: 25px;
}


.formulaire_contact_input {
margin-top:-15px;
height:50px;
}
.formulaire_contact_submit {
height:50px;
transition:0.3s;
background:#0084C5;
color:#FFFFFF;
	height: 50px;
	border-radius: 25px;
}
.formulaire_contact_submit:hover {
cursor:pointer;
background:#CCCCCC;
color:#333333;
}
.formulaire_contact label {
color:#666666;
font-size:12px;
background:#FFFFFF;
padding:5px;
margin-left:10px;
}




.phone_caps {
border-radius:30px;
border: solid #0084C5 2px;
	font-family: "RalewayBold";
	font-size: 25px;
	text-align: center;
padding: 10px 20px 10px 20px;
}


.btn_choix_contact {
	border: solid #0084C5 2px;
	color: #0084C5;
	font-size: 12px;
	margin-top: 20px;
	margin-bottom: 15px;
	text-align: center;
	font-size: 18px;
padding: 6px 10px 10px 6px;
	border-radius:25px;
}
.btn_choix_contact:hover {
	cursor: pointer;
	font-family: "RalewayBold";
}
.btn_choix_contact_selected {
	color: #FFF;
	background-color: #0084C5;
	font-family: "RalewayBold";

}

.menu_smart {
text-align: center;
	display: none;
}
.menu_smart a {
	color:#FFF;
}


.bandeau_article {
	font-family: "Raleway";
	background-color: #0084C5;
	margin-top: 20px;
	color: #FFF;
	font-size: 45px;
	line-height: 45px;
	min-height: 250px;
	padding: 0;
}
.photo_article {
height: 250px;
padding: 0;
overflow: hidden;
}

.titre_article {
	padding-top: 50px;
}
.titre_article .ariane {
	color: #000;
	font-size: 14px;
}
}
.titre_article .ariane span {
	color: #000;
	font-family: "RalewayBold";
}

.titre_article .date {
	color: #E0E0E0;
	font-family: "Raleway";
	font-size: 25px;
}
.titre_article .titre {
	color: #FFF;
	font-family: "RalewayBold";
	font-size: 35px;
}

.liste_articles h2 {
	font-size: 24px;
	font-family: "RalewayBold";	
}

.picto_mooveo_2coul {
margin-bottom: 20px;
}

.liste_articles .titre {
	font-size: 18px;
	font-family: "RalewayBold";	
	color: #000000;
	margin-bottom: -5px;
	margin-right: 10px;
	margin-top: 15px;
}


.liste_articles .titre a {
	font-size: 18px;
	font-family: "RalewayBold";	
	color: #000000;
	transition: 0.3s;
	text-decoration: none;
}

.liste_articles .titre a:hover {
	cursor: pointer;
	color: #0084C5;
}



.liste_articles .date {
	font-size: 18px;
	font-family: "Raleway";	
	color:#5C5C5C;
	border-bottom: solid #B5B5B5 1px;
}
.logo_principal:hover {
	cursor:pointer;
}



#popup_rgpd {
background: #FFF;
height: 300px;
padding: 25px;
color:#181818;
font-size: 14px;
top:100%;
margin-top: -300px;
border-radius:20px 0px 0px 0px;
z-index: 10000;
position: fixed;
	-webkit-box-shadow: -2px 3px 9px -2px rgba(0,0,0,0.34); 
box-shadow: -2px 3px 9px -2px rgba(0,0,0,0.34);
overflow-y: auto;
padding-bottom: 35px;
}
#popup_rgpd .titre {
color: #757575;
font-weight: bold;
font-size: 25px;
}
#popup_rgpd .btn_accept {
background-color: #0084C5;
color: #FFF;
margin-left: 25px;
display: inline-block;
}

#popup_rgpd .btn_refus {
background-color: #DFDFDF;
color: #3B3B3B;
display: inline-block;
}
.edit_front {
transition: 0.3s;
color: #E0E0E0;
}
.edit_front:hover {
cursor: pointer;
color:#B0DCEA;
}

#popup_edit {
display:none;
background: #FFF;
height: 300px;
padding: 25px;
color:#181818;
font-size: 14px;
top:0;
border-radius:0px 0px 20px 0px;
z-index: 10000;
position: fixed;
	-webkit-box-shadow: -2px 3px 9px -2px rgba(0,0,0,0.34); 
box-shadow: -2px 3px 9px -2px rgba(0,0,0,0.34);
overflow-y: auto;
padding-bottom: 35px;
}
#popup_edit .titre {
color: #757575;
font-weight: bold;
font-size: 25px;
}
#popup_edit .btn_accept {
background-color: #0084C5;
color: #FFF;
margin-left: 25px;
display: inline-block;
}