@font-face {
 font-family: "Roboto";
 src: url("../fonts/Roboto-Regular.ttf");
}
@font-face {
 font-family: "RobotoBold";
 src: url("../fonts/Roboto-Bold.ttf");
}
@font-face {
 font-family: "RobotoBlack";
 src: url("../fonts/Roboto-Black.ttf");
}
@font-face {
 font-family: "RobotoLight";
 src: url("../fonts/Roboto-Light.ttf");
}
@font-face {
 font-family: "RobotoItalic";
 src: url("../fonts/Roboto-Italic.ttf");
}

:root {
  --color1: #39ADAA; 
  --color2: #032836; 
  --color3: #12C1EC; 
  
}

html {
background-image: url("../img/bg_hero.jpg");
	background-position:top;
	background-repeat:no-repeat;

}

#background-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* La vidéo couvre tout l'écran sans distorsion */
    z-index: -1; /* Place la vidéo derrière le contenu */
}

.capsule_phone {
font-size: 18px;
color: #FFF;
padding: 15px 0px 15px 35px;
position: absolute;
width: 250px;
top: 100px;
left: 100%;
margin-left: -250px;
border-radius: 50px 0px 0px 50px;
background-color: var(--color1);
font-weight: bold;
}



@media (max-width: 768px) {
    #background-video {
        display: none;
    }
	
	html {
	background-image: url("../img/bg_hero_smart.jpg");
	background-position:top;
	background-repeat:no-repeat;
	}
	
	.capsule_phone {
	display: none;
	}
	
	
	.capsule_phone_smart {
	font-size: 18px;
	color: #FFF;
	padding: 15px;
	text-align: center;
	width: 250px;
	top: 50px;
	left: 100%;
	margin-left: -250px;
	border-radius: 50px 0px 0px 50px;
	background-color: var(--color1);
	font-weight: bold;
	}
	
}

@media (max-width: 2500px) {

	.capsule_phone_smart {
	display: none;
	}
	
}

body {
	background:none;
font-family: "Roboto";	
	overflow-x:hidden;
	font-size: 18px;
}
.bandeau_haut {
background: #FFF;	
min-height: 30px;
}
.resa_transport_top {
	background-color:#27437E;
	color: #FFF;
	font-family: "Roboto";
	text-align: center;
	height: 30px;
	font-size: 12px;
	padding-top: 5px;
	transition:0.3s;
}
.resa_transport_top:hover {
	background-color: #FFF;
	color:#27437E;
	cursor: pointer;
	font-family: "RobotoBold";

}
.payer_facture_top {
	background-color:#FFF;
	color: #27437E;
	font-family: "Roboto";
	text-align: center;
	height: 30px;
	font-size: 12px;
	padding-top: 5px;
	transition:0.3s;
}
.payer_facture_top:hover {
	background-color: #27437E;
	color:#FFF;
	cursor: pointer;
}
.btn_contact_top {
	background-color:#FFF;
	color: #27437E;
	font-family: "Roboto";
	text-align: center;
	height: 30px;
	font-size: 12px;
	padding-top: 5px;
	transition:0.3s;
}
.btn_contact_top:hover {
	background-color: #27437E;
	color:#FFF;
	cursor: pointer;
}

.btn_soignants_top {
	background-color:#FFF;
	color:#7C7C7C;
	font-family: "Roboto";
	text-align: center;
	height: 30px;
	font-size: 12px;
	padding-top: 5px;
	transition:0.3s;
}
.btn_soignants_top:hover {
	background-color: #27437E;
	color:#FFF;
	cursor: pointer;
}
.phone_top {
	color: #27437E;
	font-family: "RobotoBold";
	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:#FFF;
transition:0.3s;
}
.menu li a:hover {
}


.menu2 li {
font-weight: bold;
padding: 25px;
display: inline;
	font-size: 16px;
}
.menu2 li a {
text-decoration: none;
color:#323232;
transition:0.3s;
}
.menu2 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: "Roboto";
	margin-top: 100px;
	color: var(--color1);
	font-size: 50px;
	text-align: left;
	line-height: 50px;
	margin-bottom: 100px;
}
.titre_hero h1 span {
	font-family: "RobotoBold";
}


.titre_hero h2 {
	font-family: "RobotoBold";
	margin-top: 100px;
	color: var(--color1);
	font-size: 30px;
	line-height: 30px;
}
.titre_hero h2 span {
	font-family: "RobotoBold";
}

.titre_hero2 h1 {
	font-family: "Roboto";
	margin-top: 100px;
	color: #323232;
	font-size: 50px;
	line-height: 50px;
	margin-bottom: 50px;
}
.titre_hero2 h1 span {
	font-family: "RobotoBold";
}


.titre_hero2 h2 {
	font-family: "RobotoBold";
	margin-top: 100px;
	color: var(--color1);
	font-size: 30px;
	line-height: 30px;
}
.titre_hero2 h2 span {
	font-family: "RobotoBold";
}


.h2_interne {
		font-family: "RobotoBold";
	margin-top: 100px;
	color: var(--color1);
	font-size: 30px;
	line-height: 30px;

}


.infos_adresse_contact {
	color: #27437E;

}


.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:80px;
	color: var(--color1);
	font-size: 25px;
	font-family: "RobotoBold";	
}



.menu_surligne {
padding: 10px;
	background-color: #FFF;
	color: var(--color1);
}
.menu_surligne a {
	color: var(--color1);
}
.btn_reserver_transport {
	padding: 8px;
	background-color: var(--color1);
	color:#FFF; 
	width: 100%;
	padding: 15px;
	border-radius:30px;
	transition: 0.3s;
}
.btn_reserver_transport:hover {
	cursor: pointer;
	background-color:var(--color3);
	color: #FFF;
}
.btn_regler_facture {
	padding: 8px;
	background-color: #FFF;
	color:var(--color1); 
	width: 100%;
	padding: 15px;
	border-radius:30px;
	border:solid var(--color1) 2px;
	transition: 0.3s;
}
.btn_regler_facture:hover {
	cursor: pointer;
	background-color:var(--color1);
	color: #FFF;
}

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

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

.bloc_blanc_top {
background-image: url("../img/top_bloc_blanc.svg");
	height: 200px;
	background-size:cover;
	margin-top: -150px;
}

.bloc_bleu1_top {
background-image: url("../img/top_bloc_bleu.svg");
	height: 200px;
	background-size:cover;
	margin-top: -150px;
}
.bloc_bleu1_center {
background-color:#D5DBE8;
	margin-top: -5px;
	padding-bottom: 80px;
}
.bloc_blanc1_bottom {
background-image: url("../img/bottom_bloc_blanc2.svg");
	height: 300px;
	background-size:cover;
	margin-top: -150px;
}
.bloc_bleu1_bottom {
background-image: url("../img/bottom_bloc_bleu2.svg");
	height: 300px;
	background-size:cover;
	margin-top: -150px;
}

.bloc_bleu3_bottom {
background-image: url("../img/bottom_bleu_3.svg");
	height: 150px;
	background-repeat:no-repeat;
background-position: right;
}

.bloc_blanc1_center h1 {
	font-family: "Raleway";
	margin-top: 50px;
	color: #FFF;
	font-size: 45px;
	line-height: 45px;
}
.bloc_blanc1_center h1 span {
	font-family: "RobotoBold";
}
.bloc_blanc1_center p {
	margin-top: 15px;
	color: #FFF;
}
.bloc_blanc1_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:var(--color1);
	text-align: center;
	line-height: 18px;
}
.chiffre_cle span {
font-family: "RobotoBold";
	font-size: 55px;
	line-height: 75px;
}
.chiffre_cle2 {
	color:var(--color1);
	text-align: center;
	line-height: 18px;
	padding-top: 25px;
}
.chiffre_cle2 span {
font-family: "RobotoBold";
	font-size: 55px;
	line-height: 75px;
}
.btn_cta1 {
	padding: 30px;
	color: var(--color1);
	width: 100%;
	text-align: center;
	border-radius:30px;
	border: solid #FFF 2px;
	font-size: 25px;
	line-height: 25px;
	font-family: "RobotoBold";
	transition:0.3s;
}
.btn_cta1:hover {
	color: #FFF;
	
	background-color: var(--color1);
}
.btn_cta2 {
	padding: 30px;
	color: #FFF;
	text-align: center;
	border-radius:30px;
	border: solid #FFF 2px;
	font-size: 25px;
	line-height: 25px;
	font-family: "RobotoBold";
	transition:0.3s;
	text-decoration: none;
}
.btn_cta2:hover {
	color: var(--color1);
	cursor:pointer;
	background-color: #FFF;
}
.btn_cta2 a {
	text-decoration: none;
	color: #FFF;
	}
.btn_cta2 a:hover {

	color: var(--color1);
	}

.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: var(--color1);
	font-size: 20px;
	font-family: "RobotoBold";
	line-height: 25px;
	margin-bottom: 15px;
}

.bloc_info {
	background: #FFF;

	min-height: 480px;
	margin-bottom: 20px;
}


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

.bloc_info_carriere .content {
	padding: 25px;
}
.bloc_info_carriere .titre {
	color: var(--color1);
	font-size: 20px;
	font-family: "RobotoBold";
	line-height: 25px;
	margin-bottom: 15px;
}

.bloc_info2 {
	min-height: 500px;
}

.bloc_temoignage {
	background: #FFF;
	min-height: 500px;
	border: solid #FFF 1px;
	text-align: center;
	color: var(--color1);
	padding: 50px 25px 25px 25px;
	border-top:solid var(--color1) 4px;'
}

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

.bloc_temoignage p {
	font-size: 15px;
	line-height: 20px;
}
.bloc_cta {
	background: var(--color1);
	min-height: 300px;
	border: solid #FFF 1px;
	text-align: center;
	color: #FFF;
	padding: 100px 25px 25px 25px;
}


	
.img_bloc_info {
	height: 150px;

	background-repeat: no-repeat;
}


.img_bloc_info2 {
	height: 150px;
	background: none;
	background-size: cover;
	background-repeat: no-repeat;
}

.bloc_recontact {

	height: 500px;
	background: url("../img/img_bloc_info.jpg"), #3c8396;
	background-blend-mode: soft-light;
	background-repeat: no-repeat;
	background-size:cover;
	margin-top: 15px;
	padding: 45px;
	
}


.icone_bloc_info {
	background: #FFF;
	width: 100px;
	height: 100px;
	border-radius: 50px;
	margin-top: -50px;
	margin-left: calc(100% - 120px);
	color: #27437E;
	text-align: center;
	font-size: 35px;
	padding-top: 15px;
	margin-bottom: -30px;
}
.bloc_info .content {
	padding: 25px;
}
.bloc_info .titre {
	color: var(--color1);
	font-size: 20px;
	font-family: "RobotoBold";
	line-height: 20px;
	margin-bottom: 15px;
}

.bloc_info .titre_ent {
	color: var(--color1);
	font-size: 20px;
	font-family: "RobotoBold";
	line-height: 20px;
	margin-bottom: 15px;
	text-align: center;
}

.bloc_info3 .content {
	padding: 25px;
	font-size: 14px;
}
.bloc_info3 .titre {
	color: var(--color1);
	font-size: 20px;
	font-family: "RobotoBold";
	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 {
	color: var(--color1);
	font-size: 20px;
	font-family: "RobotoBold";
	line-height: 20px;
	margin-bottom: 15px;
}
.bloc_offre_emploi .lieu {
	color: var(--color1);
	font-size: 20px;
	font-family: "Roboto";
	line-height: 16px;
	margin-bottom: 15px;
}
.bloc_offre_emploi .type {
	color: var(--color1);
	font-size: 20px;
	font-family: "Roboto";
	line-height: 16px;
	margin-bottom: 15px;
}
.bloc_offre_emploi .type span {
	color: var(--color1);
	font-size: 20px;
	font-family: "RobotoBold";
	line-height: 16px;
	margin-bottom: 15px;
}


.bloc_info2 .titre {
	color: var(--color1);
	font-size: 20px;
	font-family: "RobotoBold";
	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: "RobotoBold";
	font-size: 25px;
	color: VAR(--color1);
}

.date_actu {
	color:#747474; 
}
.lire_suite a {
	color:var(--color1);
	float:right;
}
.footer {
background-color:var(--color1);
	padding-top: 25px;
margin-top: 30px;
	min-height: 250px;
	color: #FFF;
	line-height: 18px;
}
.reassurance_big1 {
color: var(--color1);
	font-family: "RobotoBold";
	font-size: 35px;
	line-height: 35px;
	text-align: center;
	margin-bottom: 150px;
}
.bloc_accueil_bleu {
	min-height: 150px;
	background-color:var(--color1);
	border-radius:25px 0px 0px 25px;
		-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_carius_vert {
	min-height: 150px;
	background-color:#FFF;
	border-radius:25px 0px 0px 25px;
		-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:#262626;

}
.bloc_carius_vert h2 {
	font-family: "RobotoBold";
	}
.bloc_resa_bleu h2 {
	color: #FFF;
	font-family: "RobotoBold";
	}
.bloc_cta_formation {
	min-height: 250px;
	background-color:#FFF;
	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_cta_formation h2 {
	color: #464646;
	font-family: "RobotoBold";
	}
.bloc_cta_formation a {
color: 	var(--color1);
	font-size: 25px;
}
.bloc_cta_formation h3 {
	color: #464646;
	font-family: "RobotoBold";
	}
.type_v_resa {
	padding:6px 20px 6px 20px;
	color:var(--color1);
	font-family: "RobotoBold";
	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: "RobotoBold";
}
.btn-resa-carius:hover {
	cursor: pointer;
}

.bloc_paragraphe_simple .titre {

	color: var(--color1);
	font-size: 20px;
	font-family: "RobotoBold";
	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: "RobotoBold";
	line-height: 20px;
	margin-bottom: 15px;

}
.paragraphe_principal_accueil {
font-size: 20px;
color: #747474;
text-align: center;
margin-bottom: 100px;
padding: 0px 80px 0px 80px;
}
.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:var(--color1);
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:var(--color1);
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 var(--color1) 2px;
	font-family: "RobotoBold";
	font-size: 25px;
	text-align: center;
padding: 10px 20px 10px 20px;
}


.btn_choix_contact {
	border: solid var(--color1) 2px;
	color: var(--color1);
	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: "RobotoBold";
}
.btn_choix_contact_selected {
	color: #FFF;
	background-color: var(--color1);
	font-family: "RobotoBold";

}

.menu_smart {
text-align: center;
	display: none;
}
.menu_smart a {
	color:#FFF;
}
.menu_smart2 {
text-align: center;
	display: none;
}
.menu_smart2 a {
	color:var(--color1);
}


.bandeau_article {
	font-family: "Roboto";
	background-color: var(--color1);
	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: "RobotoBold";
}

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

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

.picto_mooveo_2coul {
margin-bottom: 20px;
}

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


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

.liste_articles .titre a:hover {
	cursor: pointer;
	color: var(--color1);
}



.liste_articles .date {
	font-size: 18px;
	font-family: "Roboto";	
	color:#5C5C5C;
	border-bottom: solid #B5B5B5 1px;
}
.logo_principal:hover {
	cursor:pointer;
}
.image_bloc_devenir_ambulancier {
border-radius:20px 0px 0px 20px;
	background-image: url("../img/image_bloc_devenir_ambulancier.jpg");
	background-size:cover;
	height: 380px;
}
.image_bloc_devenir_ambulancier2 {
border-radius:20px 0px 0px 20px;
	background-image: url("../img/image_bloc_devenir_ambulancier_urgentiste.jpg");
	background-size:cover;
	height: 380px;
}
.image_bloc_carius {
border-radius:20px 0px 0px 20px;
	background-image: url("../img/img_bloc_carius.jpg");
	background-size:cover;
	height: 380px;
}
.image_bloc_confiance {
border-radius:20px 0px 0px 20px;
	background-image: url("../img/image_bloc_confiance.jpg");
	background-size:cover;
	height: 380px;
}
.logo_carius {
position: absolute;
	left: 20px; top: 0px;
}
#popup {
display:none;
position:fixed;
text-align:center;
height:auto;
width:70vw;
top:10vh;
left:100vw;
margin-left:-85vw;
background-color:#FFFFFF;
z-index:11;
border-radius:30px;
z-index:10002;
overflow:hidden;
	text-align: center;
	font-size: 14px;
	padding: 25px;
}
#fond_opaque {
width:100%;
height:100%;
background:#1E1E1E;
opacity:0.5;
position:fixed;
z-index:5;
	display: none;
}

.elements_menu a {
	padding-top: 15px;
	padding-bottom: 15px;
	text-decoration: none;
	color: #FFF;
}

#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;
}