@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");
}

@font-face {
 font-family: "Uniform";
 src: url("../fonts/UniformMedium.ttf");
}
@font-face {
 font-family: "UniformBold";
 src: url("../fonts/UniformBold.ttf");
}

html {
background-image: url("../img/bg_hero.jpg");
	background-position:top right;
	background-repeat:no-repeat;
	color: #12371A;
}


body {
	background:none;
font-family: "Roboto";	
	overflow-x:hidden;
	font-size: 18px;
}
.bandeau_haut {
background: #FFF;	
min-height: 30px;
}
.resa_transport_top {
	background-color:#508EA2;
	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:#508EA2;
	cursor: pointer;
	font-family: "RobotoBold";

}
.payer_facture_top {
	background-color:#FFF;
	color: #508EA2;
	font-family: "Roboto";
	text-align: center;
	height: 30px;
	font-size: 12px;
	padding-top: 5px;
	transition:0.3s;
}
.payer_facture_top:hover {
	background-color: #508EA2;
	color:#FFF;
	cursor: pointer;
}
.btn_contact_top {
	background-color:#FFF;
	color: #508EA2;
	font-family: "Roboto";
	text-align: center;
	height: 30px;
	font-size: 12px;
	padding-top: 5px;
	transition:0.3s;
}
.btn_contact_top:hover {
	background-color: #508EA2;
	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: #508EA2;
	color:#FFF;
	cursor: pointer;
}
.phone_top {
	color: #508EA2;
	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 {
}

.fond_top {
background: #2C5234;
 background-image: url('../img/bg_fdr.jpg'); 
 background-size: cover;
}
.logo_fete_nature {
padding: 25px;
}

.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: #4AAECC;
	font-size: 50px;
	line-height: 50px;
	margin-bottom: 50px;
}
.titre_hero h1 span {
	font-family: "RobotoBold";
}


.titre_hero h2 {
	font-family: "RobotoBold";
	margin-top: 100px;
	color: #4AAECC;
	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: #4AAECC;
	font-size: 30px;
	line-height: 30px;
}
.titre_hero2 h2 span {
	font-family: "RobotoBold";
}


.h2_interne {
		font-family: "RobotoBold";
	margin-top: 100px;
	color: #4AAECC;
	font-size: 30px;
	line-height: 30px;

}


.infos_adresse_contact {
	color: #4AAECC;

}


.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:0px 80px 80px 0px;
	color: #4AAECC;
	font-size: 25px;
	font-family: "RobotoBold";	
}

.menu_surligne {
padding: 10px;
	background-color: #FFF;
	color: #4AAECC;
}
.menu_surligne a {
	color: #4AAECC;
}
.btn_reserver_transport {
	padding: 8px;
	background-color: #4AAECC;
	color:#FFF; 
	width: 100%;
	padding: 15px;
	border-radius:30px;
	transition: 0.3s;
}
.btn_reserver_transport:hover {
	cursor: pointer;
	background-color:#164D5D;
	color: #FFF;
}
.btn_regler_facture {
	padding: 8px;
	background-color: #FFF;
	color:#4AAECC; 
	width: 100%;
	padding: 15px;
	border-radius:30px;
	border:solid #4AAECC 2px;
	transition: 0.3s;
}
.btn_regler_facture:hover {
	cursor: pointer;
	background-color:#4AAECC;
	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_bleu1_top {
background-image: url("../img/top_bloc_bleu.svg");
	height: 200px;
	background-size:cover;
	margin-top: -150px;
}
.bloc_bleu1_center {
background-color:#E8F7FF;
	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:#4AAECC;
	text-align: center;
	line-height: 18px;
}
.chiffre_cle span {
font-family: "RobotoBold";
	font-size: 55px;
	line-height: 75px;
}
.chiffre_cle2 {
	color:#4AAECC;
	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: #4AAECC;
	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: #4AAECC;
}
.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: #4AAECC;
	cursor:pointer;
	background-color: #FFF;
}
.btn_cta2 a {
	text-decoration: none;
	color: #FFF;
	}
.btn_cta2 a:hover {

	color: #4AAECC;
	}

.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: #4AAECC;
	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 #4AAECC 2px;
	text-align: center;
	margin-bottom: 20px;
}

.bloc_info_carriere .content {
	padding: 25px;
}
.bloc_info_carriere .titre {
	color: #4AAECC;
	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: #4AAECC;
	padding: 50px 25px 25px 25px;
	border-top:solid #4AAECC 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: #4AAECC;
	min-height: 300px;
	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"), #4AAECC;
	background-blend-mode: soft-light;
	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: #4AAECC;
	text-align: center;
	font-size: 35px;
	padding-top: 15px;
	margin-bottom: -30px;
}
.bloc_info .content {
	padding: 25px;
}
.bloc_info .titre {
	color: #4AAECC;
	font-size: 20px;
	font-family: "RobotoBold";
	line-height: 20px;
	margin-bottom: 15px;
}

.bloc_info .titre_ent {
	color: #4AAECC;
	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: #4AAECC;
	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: #4AAECC;
	font-size: 20px;
	font-family: "RobotoBold";
	line-height: 20px;
	margin-bottom: 15px;
}
.bloc_offre_emploi .lieu {
	color: #4AAECC;
	font-size: 20px;
	font-family: "Roboto";
	line-height: 16px;
	margin-bottom: 15px;
}
.bloc_offre_emploi .type {
	color: #4AAECC;
	font-size: 20px;
	font-family: "Roboto";
	line-height: 16px;
	margin-bottom: 15px;
}
.bloc_offre_emploi .type span {
	color: #4AAECC;
	font-size: 20px;
	font-family: "RobotoBold";
	line-height: 16px;
	margin-bottom: 15px;
}


.bloc_info2 .titre {
	color: #4AAECC;
	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: #48AECC;
}

.date_actu {
	color:#747474; 
}
.lire_suite a {
	color:#4AAECC;
	float:right;
}
.footer {
background: linear-gradient(to left, #426B8C, #9CCC4E);
	padding-top: 25px;
margin-top: 30px;
	min-height: 250px;
	color: #FFF;
	line-height: 18px;
}
.reassurance_big1 {
color: #4AAECC;
	font-family: "RobotoBold";
	font-size: 35px;
	line-height: 35px;
	text-align: center;
	margin-bottom: 150px;
}
.bloc_accueil_bleu {
	min-height: 150px;
	background-color:#4AAECC;
	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: 	#4AAECC;
	font-size: 25px;
}
.bloc_cta_formation h3 {
	color: #464646;
	font-family: "RobotoBold";
	}
.type_v_resa {
	padding:6px 20px 6px 20px;
	color:#4AAECC;
	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: #4AAECC;
	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;

}
.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:#4AAECC;
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:#4AAECC;
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 #4AAECC 2px;
	font-family: "RobotoBold";
	font-size: 25px;
	text-align: center;
padding: 10px 20px 10px 20px;
}


.btn_choix_contact {
	border: solid #4AAECC 2px;
	color: #4AAECC;
	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: #4AAECC;
	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:#4AAECC;
}


.bandeau_titre {
	
	background: linear-gradient(to left, #426B8C, #9CCC4E);

	color: #FFF;
	font-size: 45px;
	line-height: 45px;
	padding: 25px;;
}

.infos-titre {
font-size: 22px;
	font-family: "Roboto";	
	color: #FFF;
	line-height: 22px;
}

.titre_vert1 {
font-family: "UniformBold";
color:#12371A;
font-size: 38px;
line-height: 36px;
margin-bottom: 25px;
margin-top: 25px;
padding-right: 10%;
}
.titre_vert2 {
font-family: "UniformBold";
color:#12371A;
font-size: 15px;
}
.photo_article {
height: 250px;
padding: 0;
overflow: hidden;
}
.bandeau_titre .titre {
font-family: "UniformBold";
}

.logo_assoc {
margin-bottom: 15px;
}

.conteneur_principal {
color:#12371A;
}
.infos_photo {
font-size: 12px;
line-height: 12px;
margin-top: 15px;
}
.infos_photo span {
font-weight: bold;
}
.paragraphes_content {
color:#12371A;
font-size: 22px;
line-height: 22px;
}

.element_liste_assoc {
transition:0.3s;
padding: 10px;
font-size: 16px;
border-bottom: dotted #A8BDB1 2px;
}
.element_liste_assoc:hover {
cursor: pointer;
background: #C1D0C7;
}
.element_liste_assoc .nom {
color:#12371A;
font-size: 28px;
line-height: 26px;
font-family: "UniformBold";
}
.element_liste_assoc .menu {
color:#BB7A16;
line-height: 16px;
}

.bloc_infos_stand {
	background: linear-gradient(to left, #426B8C, #9CCC4E);
color: #FFFFFF;
font-size: 22px;
line-height: 22px;
font-family: "UniformBold";
padding: 25px;
}
.bloc_infos_stand td {
padding: 15px;
}

.img_galerie {
margin-top: 15px;
width: 100%;
}

.img_85 {
width: 85%;
text-align: center;
}

.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: #4AAECC;
}



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