@charset "UTF-8";

/* -------------------------- PARAMETRES GENERAUX -------------------------- */
  
@font-face {font-family: "Overpass Black"; src: url("../Overpass/Overpass-Black.ttf") format("truetype"); }
@font-face {font-family: "Overpass BlackItalic"; src: url("../Overpass/Overpass-BlackItalic.ttf") format("truetype");}
@font-face {font-family: "Overpass Bold"; src: url("../Overpass/Overpass-Bold.ttf") format("truetype");}
@font-face {font-family: "Overpass BoldItalic"; src: url("../Overpass/Overpass-BoldItalic.ttf") format("truetype");}
@font-face {font-family: "Overpass ExtraBold"; src: url("../Overpass/Overpass-ExtraBold.ttf") format("truetype");}
@font-face {font-family: "Overpass ExtraBoldItalic"; src: url("../Overpass/Overpass-ExtraBoldItalic.ttf") format("truetype");}
@font-face {font-family: "Overpass ExtraLight"; src: url("../Overpass/Overpass-ExtraLight.ttf") format("truetype");}
@font-face {font-family: "Overpass ExtraLightItalic"; src: url("../Overpass/Overpass-ExtraLightItalic.ttf") format("truetype");}
@font-face {font-family: "Overpass Italic"; src: url("../Overpass/Overpass-Italic.ttf") format("truetype");}
@font-face {font-family: "Overpass Light"; src: url("../Overpass/Overpass-Light.ttf") format("truetype");}
@font-face {font-family: "Overpass LightItalic"; src: url("../Overpass/Overpass-LightItalic.ttf") format("truetype");}
@font-face {font-family: "Overpass Medium"; src: url("../Overpass/Overpass-Medium.ttf") format("truetype");}
@font-face {font-family: "Overpass MediumItalic"; src: url("../Overpass/Overpass-MediumItalic.ttf") format("truetype");}
@font-face {font-family: "Overpass"; src: url("../Overpass/Overpass-Regular.ttf") format("truetype");}
@font-face {font-family: "Overpass Regular"; src: url("../Overpass/Overpass-Regular.ttf") format("truetype");}
@font-face {font-family: "Overpass SemiBold"; src: url("../Overpass/Overpass-SemiBold.ttf") format("truetype");}
@font-face {font-family: "Overpass SemiBoldItalic"; src: url("../Overpass/Overpass-SemiBoldItalic.ttf") format("truetype");}
@font-face {font-family: "Overpass Thin"; src: url("../Overpass/Overpass-Thin.ttf") format("truetype");}
@font-face {font-family: "Overpass ThinItalic"; src: url("../Overpass/Overpass-ThinItalic.ttf") format("truetype");}


body {
	font-family: "Overpass", Calibri;
	background-color: #f1f1f1;
	margin: 0;
	font-style: normal;
	font-weight: 200;
		-webkit-user-select: none;
        -webkit-touch-callout: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
}

a {text-decoration: none;}
.hidden {display: none;}


/* Container */

@media (min-width: 767px) {
/* Version ordinateurs et grands écrans --------------*/
	
.container {
	width: 70%;
	max-width: 1350px;
	min-width: 1000px;
	margin: auto;
	height: auto;
	background-color: #FFFFFF;
	color: #212352;
}}


@media (min-width: 322px) and (max-width: 766px) {
/* Version tablettes et petits écrans --------------*/
	
.container {
	width: 100%;
	margin: 0;
	height: auto;
	background-color: #FFFFFF;
	color: #212352;
}}

@media (max-width: 321px) {
/* Version mobiles et téléphones --------------*/
	
.container {
	width: 100%;
	min-width: 222px;
	margin: 0;
	height: auto;
	background-color: #FFFFFF;
	color: #212352;
}}






/* -----------------------------------------------------------------
                            EN-TÊTE
-------------------------------------------------------------------*/

header {
	width: 100%;
	height: 125px;
	background-color: #ffffff;
}
.logo {
    float: left;
    padding-left: 3%;
    margin-top: 2%;
    margin-bottom: 0px;
}
.box {
  	float: right;
  	width: auto;
	margin-right: 1.5%;
	padding-top: 25px;
	display: flex;
 	align-items: flex-start;
	background-color: #ffffff;
}

/* Liens raccourcis dans l'en-tête */

.lien_header {
	align-self: center;
	background-color: #eeeeee;
	width: 75px;
	text-align: center;
	font-family: "Overpass SemiBold", Calibri;
	line-height: 13px;
	color: #124894;
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 10px;
	margin-left: 1.5%;
}
.icone_header {font-size:15px; line-height:30px; align-items: center;}
a.lien_header_texte:link, a.lien_header_texte:visited {color: #124894;font-family: "Overpass SemiBold", Calibri;}
a.lien_header_texte:hover {color: #124894;font-family: "Overpass Black", Calibri;}


.lien_flash {
	align-self: center;
	background-color: #dd3636;
	width: 75px;
	text-align: center;
	font-family: "Overpass SemiBold", Calibri;
	line-height: 13px;
	color: #ffffff;
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 10px;
	margin-left: 1.5%;
}
a.lien_flash_texte:link, a.lien_flash_texte:visited {color: #ffffff;font-family: "Overpass SemiBold", Calibri;}
a.lien_flash_texte:hover {color: #ffffff;font-family: "Overpass Black", Calibri;}

.close {padding: 11px 21px 0 0;}


/* Choix des langues */
.langues {padding-left: 20px;padding-top: 5px;}
.choix_langue {width: 20px;}
.langues2 { position: fixed; bottom: 0; display: flex; padding: 11px 0;  width:230px; background-color:#212352;  }



@media (min-width: 767px) {
.lienheader_resp, .lienheader_resp2 {display: none;}
}

@media (min-width: 326px) and (max-width: 766px) {
/* Version tablettes et petits écrans --------------*/

header {height: 85px; width: 100%; margin:0; padding:0;}
.langues {display:none;}
.lien_header {display:none;}
.lien_flash {display:none;}
	
.logo {float: left; padding: 8px 0 0 9px; margin: 0; height: 75%;}
.box {
  	float: right;
  	width: auto;
	padding: 0;
	display: inline-block;
	background-color: #ffffff;
	margin: 0;
}	
.lienheader_resp {
	width: 150px;
	line-height: 11px;
	font-size: 12px;
	padding-top: 17px;
	padding-bottom: 5px;
	margin: 0;
	align-self: center;
	background-color: #ffffff;
	text-align: center;
	font-family: "Overpass Black", Calibri;
	color: #124894;
}
.headertel {
	font-size: 11px;
	font-family: "Overpass SemiBold", Calibri;
}
.lienheader_resp2 {
	width: 150px;
	line-height: 11px;
	font-size: 12px;
	padding-top: 7px;
	padding-bottom: 7px;
	margin: 0;
	align-self: center;
	background-color: #DD3636;
	text-align: center;
	font-family: "Overpass Black", Calibri;
	color: #ffffff;
}
.lienheader_resp a.lien_header_texte:link, .lienheader_resp a.lien_header_texte:visited {color: #124894;font-family: "Overpass Black", Calibri;}
.lienheader_resp2 a.lien_header_texte:link, .lienheader_resp2 a.lien_header_texte:visited {color: #ffffff;font-family: "Overpass Black", Calibri;}
a.lien_header_texte:hover {color: #ffffff;letter-spacing: 1px; cursor:pointer}
	
.icone_header {font-size: 10px; line-height: 19px;}
}


@media (max-width: 325px) {
/* Version mobiles et téléphones --------------*/
	
header {height: 70px; width: 100%; min-width: 290px; margin:0; padding: 0 0 5px 0;}
.langues {display:none;}
.lien_header {display:none;}
.lien_flash {display:none;}
	
.logo {float: left; padding: 7px 0 0 7px; margin: 0; height: 81%;}
.box {
  	float: right;
  	width: auto;
	padding: 0;
	display: inline-block;
	background-color: #ffffff;
	margin: 0;
}	
	
.lienheader_resp {
	width: 120px;
	line-height: 10px;
	font-size: 11px;
	padding-top: 13px;
	padding-bottom: 3px;
	margin: 0;
	align-self: center;
	background-color: #ffffff;
	text-align: center;
	font-family: "Overpass Black", Calibri;
	color: #124894;
}
.headertel {
	font-size: 10px;
}
.lienheader_resp2 {
	width: 120px;
	line-height: 10px;
	font-size: 11px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0;
	align-self: center;
	background-color: #DD3636;
	text-align: center;
	font-family: "Overpass Black", Calibri;
	color: #ffffff;
}
	
.lienheader_resp a.lien_header_texte:link, .lienheader_resp a.lien_header_texte:visited {color: #124894;font-family: "Overpass Black", Calibri;}
.lienheader_resp2 a.lien_header_texte:link, .lienheader_resp2 a.lien_header_texte:visited {color: #ffffff;font-family: "Overpass Black", Calibri;}
a.lien_header_texte:hover {color: #ffffff;letter-spacing: 1px; cursor:pointer}
	
.icone_header {font-size: 10px; line-height: 19px;}
}





/* -----------------------------------------------------------------
                         BARRE DE NAVIGATION
-------------------------------------------------------------------*/


nav {
	text-align:left;
	width: 100%;
	margin: 0;
	height: 40px;
	position: relative;
	padding-top: 10px;
	padding-bottom: 20px;
	background-color: #124894;
	clear: left;
}
nav ul {
	padding: 0 20px;
	margin: 0;
	height: 50px;
}
.secondary_header ul li {
	float: left;
	margin: 0 0 0 20px;
	font-family: 'Overpass ExtraBold', Calibri;
	font-weight: normal;
	color: #FFFFFF;
	text-align: left;
	font-size: 15px;
	width: auto;
}
.secondary_header ul li:hover {cursor: pointer;}
.secondary_header_link {padding: 10px 10px 10px 10px;}

a.secondary_header_link:link {color: #ffffff;}
a.secondary_header_link:visited {color: #ffffff;}
a.secondary_header_link:hover {color: #ffffff;letter-spacing: 3px;cursor: pointer;}



/* Sous-menu dropdown */

nav ul li {display: block;}
nav ul li a {
	color:#ffffff;
	display: block;
	padding: 0px 13px 0px 11px;
	text-decoration:none;
	float: left;
}
nav ul li:hover > ul {display:block;}
nav ul ul {
	background: #124894;
	padding: 0px 0 25px 0;
	text-align: left;
	display: none;
	width: 100%;
	position: absolute;
	top: 70px;
	left: 0px;
	height: auto;
	z-index: 1;
}
a.sous_menu {
	text-align: left;
	font-size: 13px;
	font-weight: 200;
	font-family: "Overpass", Calibri;
	width: 100%;
	display: block;
	line-height: 29px;
}
a.sous_menu:hover {font-family: "Overpass Extrabold", Calibri;font-weight: bolder;}

.groupe_offresoins a.sous_menu {padding-left: 42px;}
.groupe_consult a.sous_menu {padding-left: 225px;}
.groupe_visites a.sous_menu {padding-left: 389px;}
.groupe_carriere a.sous_menu {padding-left: 633px;}
.groupe_visites2 a.sous_menu {padding-left: 421px;}
.groupe_carriere2 a.sous_menu {padding-left: 511px;}

.groupe_offresoins a.sous_menu:hover {color: #212352;}
.groupe_consult a.sous_menu:hover {color: #1D2180;}
.groupe_visites a.sous_menu:hover {color: #19b7e9;}
.groupe_carriere a.sous_menu:hover {color: #BAE6F9;}


/* Flèches en-tête de liste */

.fa-caret-right {
	font-size:13px;
	line-height:30px;
	padding-right:10px;
}

/* Carrés de couleur pour menu */

.carre_offresoins {
	background-color: #212352;
	width: 10px;
	margin-top: 9px;
	float: left;
	height: 35px; 
	align-self: center;
	display: absolute;
}
.carre_consult {
	background-color: #1D2180;
	width: 10px;
	margin-top: 9px;
	float: left;
	height: 35px; 
	align-self: center;
	display: absolute;
}
.carre_visites {
	background-color: #19B7E9;
	width: 10px;
	margin-top: 9px;
	float: left;
	height: 35px; 
	align-self: center;
	display: absolute;
}
.carre_ehpad {
	background-color: #6B94CA;
	width: 10px;
	margin-top: 9px;
	float: left;
	height: 35px; 
	align-self: center;
	display: absolute;
}
.carre_carriere {
	background-color: #BAE6F9;
	width: 10px;
	margin-top: 9px;
	float: left;
	height: 35px; 
	align-self: center;
	display: absolute;
}

.menu_responsive {display:none;}


@media (max-width: 766px) {
/* Version tablettes et petits écrans --------------*/
	
nav {display:none;}
.menu_responsive {display:block;background-color: #124894;}


.sidenav {
	height: 100%;
	width: 230px;
	position: fixed;
	z-index: 99;
	top: 0;
	right: -230px;
	background-color: #124894;
	padding-top: 47px;
	transition: right 0.5s ease;
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.5);
 }
.sidenav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	line-height: 27px;
}
.sidenav a {
	padding: 0 0 0 17px;
	line-height: 11px;
	text-decoration: none;
	font-size: 12px;
	color: #ffffff;
	display: block;
	transition: 0.3s;
	font-family: 'Overpass', Calibri; 
}

.sidenavresponsiveliste {
	line-height: 15px;
}	
	
.sidenav.active {right: 0;	background-color: #124894;}

.sidenav .close {
	position: absolute;
	top: 11px;
	right: 13px;
	font-size: 21px;
	color: #ffffff;
}
.sidenav .close :hover {
    cursor: pointer;
	color: #212352;
}

.menuburgericone {
	display: block;
	text-align: right;
	padding: 5px;
	font-size: 17px;
	background-color: #124894;
	width: auto;
	margin: 0;
}
.navresponsive a:link, a.menuburgericone:link {color:#ffffff;}
.navresponsive a:visited, a.menuburgericone:visited {color:#ffffff;}
.navresponsive a:focus, a.menuburgericone:focus {color:#ffffff;}
.navresponsive a:active, a.menuburgericone:active {color:#212352;}


/* Elements interieurs sidenav */

.sidemenuresponsive {display:block;}
	.sidenavresponsiveliste li a {line-height: 19px !important; padding: 0px inherit;}	
	.sidenavresponsiveliste li a:hover { font-family: "Overpass ExtraBold", Calibri;}	
	
.menuresponsivebox {
	display: flex; 
	margin: 0 0 5px 0;
	justify-content: center;
	width: 100%;
}
.menuresponsive_boxicone {
	color: #ffffff;
}
a.menuresponsive_boxtextes {
	text-align: center;
	padding: 3px;
	color: #ffffff;
	font-family: "Overpass SemiBold", Calibri;
	font-weight: 900;
	font-size: 12px;
}
a.menuresponsive_boxtextes:hover, a.menuresponsive_boxtextes:active, a.menuresponsive_boxtextes:focus {font-family: "Overpass Black", Calibri; font-weight: 900; cursor: pointer;}
	
.menuresponsive_boxliens {
	color: #ffffff;
	background-color: #0E3C7C;
	border: 1px solid #0B3267;
	width: 80px;
	padding: 13px 2px 9px 2px;
	margin: 2px 5px;
	border-radius: 5px;
	box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.15);
	text-align: center;
}
.menuresponsive_boxliens:hover { background-color:#212352; }
	
.menuencartresponsive  {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 31px 0 9px 0;
	height: inherit;
	width: 100%;
	color: #ffffff;
}
.menuencartresponsive2, .menuencartresponsive3  {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 9px 0;
	height: inherit;
	width: 100%;
	color: #ffffff;
}
.menuencartresponsive ul { line-height: 15px !important; padding: 0;}
.menuencartresponsivebtn, .menuencartresponsive2btn, .menuencartresponsive3btn {
	color: #ffffff;
	padding: 11px 11px 11px 15px;
	font-size: 13px;
	font-family: "Overpass ExtraBold", Calibri;
	font-weight: 900;
	text-transform: uppercase;
	border: none;
	cursor: pointer;
	width: 100%;
	display: flex;
	float: left;
	text-align: left;
}
.menuencartresponsivedropdown, .menuencartresponsivedropdown2, .menuencartresponsivedropdown3 {
	position: relative;
	width: 100%;
}
.menuencartresponsive-content, .menuencartresponsive2-content, .menuencartresponsive3-content {
	display: none;
	position: relative;
	overflow: hidden;
	z-index: 1;
	padding: 13px;
	width: 100%;
	font-size: 12px;
}
.menuencartresponsiveshow, .menuencartresponsive2show, .menuencartresponsive3show  {display: block;}

.chevrondown { 
	text-align: right;
	padding: 0 15px;
	width: auto;
}
.menuencartresponsivedropdownbefore {
	text-align: right;
	padding: 31px 11px 0 0;
	width: 100%;
	text-decoration: underline;
	line-height: 10px;
}
a.menuencartresponsivedropdownbefore:active, a.menuencartresponsivedropdownbefore:focus, a.menuencartresponsivedropdownbefor:hover {
	font-family: "Overpass ExtraBold", Calibri;
	line-height: 10px;
}

	
}
.boutondon { display:block; text-align:center; margin:21px auto 0 auto;}
.boutondon button, .boutondon button:visited {  background-color:#fff; padding:7px 17px 5px 17px; border:none; color: #212352; font-family:"Overpass ExtraBold", Calibri; font-weight: 900; border-radius:5px; 	box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.15);}
.boutondon button:hover, .boutondon button:active { cursor: pointer; background-color: #19b7e9; color: #fff;}


/* -----------------------------------------------------------------
                         BOUTONS LATERAUX
------------------------------------------------------------------- */

@media (min-width: 1261px) {
/* Version grand écran --------------------- */

	#menulateral {
		position: fixed;
		right: 0px;
		top: 19%;
		width: 140px;
		align-content: center;
		text-align: center;
		font-weight: bold;
		color: white;
		z-index: 2;
		font-size: 13px;
	}
	#menulateral a {text-decoration: none;color: inherit;}
	
	.menulateralimage {font-size: 15px; padding: 3px 0 5px 0;}
	.menulateraltel {padding: 13px; margin-bottom: 5px; background: #19b7e9; font-family: "Overpass ExtraBold", Calibri;}
	.menulateraltel2 {padding: 13px; margin-bottom: 5px; background: #DD3636; font-family: "Overpass ExtraBold", Calibri;}
	.menulateraltel3 {padding: 13px; margin-bottom: 5px; background: #124894; font-family: "Overpass ExtraBold", Calibri;}
	
	.menulateraldropdown {
		display: none;
		font-family: "Overpass", Calibri;
		font-weight: 200;
		text-align: center;
		padding-top: 10px;
		color: #ffffff;
		font-size: 17px;
		width: 114px;
	}
	.menulateraltel:hover .menulateraldropdown {display: block;}
	.menulateraltel2:hover .menulateraldropdown {display: block;}
}


@media (min-width: 767px) and (max-width: 1260px) {
/* Version petit écran ---------------------- */
	
	#menulateral {
		position: fixed;
		bottom: 0;
		right: 0;
		left: 0;
		margin: 0;
		font-weight: bold;
		color: white;
		font-size: 13px;
		display: flex;
		align-content: flex-end;
		align-items: flex-end;
		justify-content: flex-end;
		text-align: center;
		width: 90%;
		padding: 0;
		z-index: 99;
	  }
	#menulateral a {text-decoration: none; color: inherit;}
	
	.menulateralimage {font-size: 15px; padding: 3px 0 5px 0;}
	.menulateraltel {padding: 13px 13px 9px 13px; margin-right: 5px; background: #19b7e9; width: auto; font-family: "Overpass ExtraBold", Calibri;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.7);}
	.menulateraltel2 {padding: 13px 13px 9px 13px; margin-right: 5px; background: #DD3636; width: auto; font-family: "Overpass ExtraBold", Calibri;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.7);}
	.menulateraltel3 {padding: 13px 13px 9px 13px; background: #124894; width: auto; font-family: "Overpass ExtraBold", Calibri; 
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.7);}

	.menulateraldropdown {
		display: none;
		font-family: "Overpass", Calibri;
		font-weight: 200;
		padding-top: 9px;
		text-align: center;
		color: #ffffff;
		font-size: 17px;
		width: auto;
	}
	.texte {display:none;}
	.menulateraltel:hover .menulateraldropdown {display: block;}
	.menulateraltel2:hover .menulateraldropdown {display: block;}	
	.menulateraltel:hover .texte {display: block;}
	.menulateraltel2:hover .texte {display: block;}
	.menulateraltel3:hover .texte {display: block;}
} 


@media (max-width: 766px) {
/* Version mobile ---------------------- */
#menulateral {display: none;}
} 



/* -----------------------------------------------------------------
                            BACK TO TOP
-------------------------------------------------------------------*/

#myBtn {
	display: none; 
	position: fixed; 
	bottom: 15px; 
	right: 7px; 
	z-index: 99; 
	font-size: 21px;
	border: none;
	outline: none;
	background-color: transparent;
	color: #124894;
}
#myBtn:hover {
	cursor: pointer;
	color: #19b7e9;
}





/* -----------------------------------------------------------------
                            IMAGE CENTRALE
-------------------------------------------------------------------*/


.head {
	position: relative;
	margin: auto;
	padding: auto;
	height: auto;
}
.image_header {
	postition: absolute;
	z-index: 1;
	width: 100%;
	margin: 0;
	padding: 0;
	top: 50px;
	vertical-align:bottom;
}
.head_titre {
	text-align: left;
	font-family: "Overpass Black", Calibri;
	font-weight: 900;
	color: #212352;
    font-size: 41px;
	line-height: 39px;
	letter-spacing: 5px;
	position: absolute;
	top: 55%;
	left: 5%;
	margin: 0;
	padding: 0;
}



/* -----------------------------------------------------------------
                       PRESENTATION MEDECINE
-------------------------------------------------------------------*/

/* Titre de présentation de la page */

.titre_service {
	text-align: center;
	font-family: "Overpass Black", Calibri;
	font-weight: 900;
	color: #212352;
    font-size: 31px;
	text-transform: uppercase;
	letter-spacing: 5px;
	margin-top: 101px;
	margin-bottom: 31px;
}
.titre_presentation {
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	margin: 31px auto;
}
.titre_presentation p {
	font-family: 'Overpass', Calibri;
	font-weight: 300;
	font-size: 14px;
	line-height: 21px;
	text-align: center;
	color: #212352;
	width: 800px;
}
#contactsecretariat p  {text-align: center;}

@media (min-width: 510px) and (max-width: 766px) {
	.titre_presentation p { font-size: 13px; line-height: 18px; width: 77%; }
}

@media (max-width: 509px) {
	.titre_presentation p { font-size: 12px; line-height: 16px; width: 77%; }
}



/* Gros titres des blocs */

h1 {
	width: 100%;
	background-color: #212352;
	padding: 13px 0;
	font-family: "Overpass Black", Calibri;
	font-weight: bolder;
	text-transform: uppercase;
	color: #ffffff;
	text-align: center;
	letter-spacing: 3px;
	font-size: 16px;
	margin: 0 0 31px 0;
}
h2 {
	width: 100%;
	background-color: #212352;
	padding: 13px 0;
	font-family: "Overpass Black", Calibri;
	font-weight: bolder;
	text-transform: uppercase;
	color: #ffffff;
	text-align: center;
	letter-spacing: 3px;
	font-size: 16px;
	margin: 71px 0 41px 0;
}

@media (min-width: 510px) and (max-width: 766px) {
	.head_titre { font-size: 29px; line-height: 25px; letter-spacing: 3px; top: 17%; left: 7%; }
	h1 { padding: 9px auto; margin-bottom: 31px; font-size: 14px; letter-spacing: 2px;}
	h2 { padding: 9px auto; letter-spacing: 2px; font-size: 14px; margin: 51px 0 31px 0; }
}

@media (max-width: 509px) {
	.head_titre { display: none; }
	h1 { padding: 7px auto; margin: 0 0 21px 0; font-size: 13px; letter-spacing: 1px;}
	h2 { padding: 7px auto; letter-spacing: 1px; font-size: 13px; margin: 41px 0 21px 0; }
}





/* -----------------------------------------------------------------
                       		EQUIPE
-------------------------------------------------------------------*/


.services {
	display: flex;
	justify-content: center;
	align-items: stretch;
	margin: 21px 0 7px 0;
}


@media (min-width: 510px) and (max-width: 766px) {
	#serviceresponsive {display: block;}
	.services { display: block; margin: 31px 0 51px 0; }
	.presentation_titre {  padding: 21px 11px 3px 11px; font-size: 15px; }
	.texte_services { font-size: 12px; padding: 0 11% 25px 11%; }
}

@media (max-width: 509px) {
	#serviceresponsive {display: block;}
	.services { display: block; margin: 31px 0 51px 0; }
	.presentation_titre { padding: 21px 11px 3px 11px; font-size: 14px; }
	.texte_services { font-size: 12px; padding: 0 11% 25px 11%; }
}



.boxliberal {
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
    width: 40%;
	margin: 0 11px;
	text-align: center;
	padding: 0;
	background-color: #ffffff;
	height: auto;
	display: grid;
	align-items: center;
	align-content: center;
	justify-content: center;;
}

.boxcertif {
    width: 70%;
	margin: 0 11px;
	text-align: center;
	padding: 0;
	background-color: #ffffff;
	height: auto;
	display: grid;
	align-items: center;
	align-content: center;
	justify-content: center;;
}

.imgcertif { width:150px; height:auto; margin-right:21px; }

.texte_services {
	font-family: 'Overpass', Calibri;
	font-weight: 300;
	font-size: 13px;
	text-align: justify;
	color: #212352;
	height: auto;
	padding-top: 21px;
	padding-left: 11%;
	padding-right: 11%;
	padding-bottom: 21px;
}

.sortie { 
	text-transform:uppercase; 
	font-weight: 900;
	font-family: Overpass ExtraBold, Calibri;
	line-height: 23px;
	color: #19b7e9;
	font-size: 14px;
}

.boxbox { display:flex; margin-bottom: 31px; }

@media (min-width: 510px) and (max-width: 766px) {
	.boxliberal { width: 90%; height: auto; margin: auto; }
	.texte_services { font-size: 13px; }
	.imgcertif { width: auto; margin-right:9px; height:150px; margin-top:31px; }
	.boxcertif { width: 90%; }

}

@media (max-width: 509px) {
	.boxliberal { width: 90%; height: auto; margin: auto;}
	.texte_services { font-size: 12px; }
	.boxbox .texte_services {padding: 0 19px;}
	.imgcertif { width: auto; margin-right:9px; height:150px; margin-top:31px; }
	.boxcertif { width: 90%; }
	.boxbox { display:block; }

}



.liens_pdf {
	text-transform: uppercase;
	font-family: "Overpass ExtraBold", Calibri;
	font-weight: 700;
	color: #124894;
	font-size: 12px;
	padding: 0 0 0 0;
	line-height :30px;
}
.liens_pdf a:visited, .liens_pdf a:active { color:#19b7e9; }
.liens_pdf a:hover {letter-spacing:0.5px;}
.liens_pdf :hover { cursor:pointer; letter-spacing: 1px; }

.titre_presentation .liens_pdf { line-height: 21px; }

@media (min-width: 510px) and (max-width: 766px) {
	.liens_pdf { width: 90%; }
}

@media (max-width: 509px) {
	.liens_pdf { width: 60%; text-align:left;  }
	.liens_pdf {line-height: 15px; font-size: 11px; }
	.titre_presentation .liens_pdf {line-height: 15px;  }
}




/* -----------------------------------------------------------------
                            LIENS UTILES
-------------------------------------------------------------------*/

.separation {
	position: absolute;
	height: 90px;
	width : 5px;
	background-color: #19b7e9;
	margin-top: 15px;
	margin-left: 45px;
}
.icone_help {
	position: absolute;
	margin-top: 20px;
	font-size: 30px;
	color: #19b7e9;	
}
.liens_utiles {
	padding: 21px;
	padding-left: 70%;
	color: #212352;
}
.liens_utiles p {
	padding-left: 75px;
}
.liens_utiles_titres {
	color: #212352;
	text-transform: uppercase;
	font-family: "Overpass ExtraBold", Calibri;
	font-size: 13px;
	letter-spacing: 3px;
	line-height: 25px;
}
.liens_utiles_txt, a.liens_utiles_txt, a.liens_utiles_txt:link, a.liens_utiles_txt:visited  {
	color: #212352;
	font-family: "Overpass", Calibri;
	font-weight: 300;
	font-size: 13px;
	line-height: 15px;
}
a.liens_utiles_txt:hover {
	color: #19b7e9;
	font-weight: 800;
}


@media (min-width: 510px) and (max-width: 766px) {
	.separation {height: 83px; width: 5px; margin-top: 15px; margin-left: 90px;}
	.icone_help {margin-top: 20px;	 margin-left: 50px; font-size: 23px;}
	.liens_utiles {padding: 15px;}
	.liens_utiles p {padding-left: 120px;}
	.liens_utiles_titres {font-size: 12px; line-height: 20px; }
	.liens_utiles_txt, a.liens_utiles_txt, a.liens_utiles_txt:link, a.liens_utiles_txt:visited  {font-size: 12px; line-height: 12px;}
}

@media (max-width: 509px) {
	.liens_utiles {display: none;}
}


/* ----------------------------------------------------------------------------------
                                       PIED DE PAGE
------------------------------------------------------------------------------------- */

.footer_banner {
	background-color: #124894;
	margin: 0;
	width: 100%;
	display: flex;
 	align-items: flex-start;
	position: relative;
}
.box_footer {
	padding-top: 40px;
	padding-left: 3%;
	background-color: #124894;
	width: 53%;
	float: left;
	height: 250px;
}
.liens_footer, .liens_footer2 {
	letter-spacing: 2px;
	font-size: 13px;
	color: #ffffff;
	line-height: 21px;
	padding-left: 5%;
	float: left;
	min-width: 100px;
}
a.liens_footer_style:link {color: #ffffff;font-family: 'Overpass SemiBold', Calibri;}
a.liens_footer_style:visited {color: #ffffff;font-family: 'Overpass SemiBold', Calibri;}
a.liens_footer_style:hover {color: #212352;font-family: 'Overpass ExtraBold', Calibri;}


.box_footer2 {
	padding-top: 40px;
	background-color: #052C63;
	width: 47%;
	float: left;
	height: 250px;
}
.titretel {
	font-size: 14px;
	line-height: 25px;
	font-family: "Overpass Black", "Calibri";
	font-weight: 700;
	letter-spacing: 1px;
}
.rappel_numeros {
	display: block;
	float: left;
	width: 45%;
	font-family: "Overpass", "Calibri";
	font-size: 13px;
	color: #ffffff;
	line-height: 21px;
	height: 100%;
	padding-left: 41px;
}
.telephone {color: #19b7e9; font-weight: 900; line-height: 30px;}
.telephone:hover {color: #19b7e9; letter-spacing: 2px; cursor:pointer;}
.telephone .fa-phone:hover {color: #19b7e9; cursor:pointer;letter-spacing: 2px;}



/* --- Tablette --- */ @media (min-width: 511px) and (max-width: 766px) {

.box_footer {
	padding-top: 31px;
	width: 40%;
	height: 230px;
	min-width: 200px;
	margin: 0;
}
.liens_footer, .liens_footer2 {
	font-size: 10.5px;
	line-height: 17px;
	padding-left: 3%;
}
.box_footer2 {
	padding-top: 31px;
	width: 60%;
	height: 230px;
	margin: 0;
}
.titretel {font-size: 12px; line-height: 21px;}
.rappel_numeros, .rappel_numeros2 {
	font-size: 12px;
	line-height: 17px;
	height: auto;
	width: auto;
	padding: 0px 31px 21px 31px;
}
.telephone {line-height: 20px;}
	
} /* ----------------------------- */


/* --- Mobile --- */ @media (max-width: 510px) {

.box_footer {display: none;}
.box_footer2 {
	padding-top: 31px;
	width: 100%;
	height: 170px;
	margin: 0;
}	
.box_footer2 {padding-top: 21px; width: 100%;}
.titretel {font-size: 10px; line-height: 17px;}
.rappel_numeros, .rappel_numeros2 {width: auto; font-size: 10px; line-height: 15px;}
.telephone {line-height: 21px;}
	
} /* ----------------------------- */

/* ---------------------- FOOTER : Logo ------------------- */

.logo_footer {
	position: absolute;
	bottom: 7%;
	right: 3%;
	margin: 0;
	padding: 0;
}
.logo_footer_chbsm {width: 79px; padding-right:21px;}
.logo_footer_chbsm2 {width: 79px;}

/* --- Tablette --- */ @media (min-width: 322px) and (max-width: 766px) {
.logo_footer_chbsm {width: 57px;padding-right:11px;}
.logo_footer_chbsm2 {width: 57px;}
}

/* --- Mobile --- */ @media (max-width: 321px) {
.logo_footer_chbsm {display:none;}
.logo_footer_chbsm2 {display:none;}
}


/* ---------------------- FOOTER : Copyright ------------------- */
	
.copyright {
	text-align: center;
	padding: 31px 1.5% 7% 1.5%;
	background-color: #ffffff;
	color: #212352;
	font-weight: lighter;
	letter-spacing: 2px;
	font-size: 11px;
	line-height: 17px;
	margin: 0;
}
.lienscopyright {color: #9E9E9E;}
.lienscopyright:hover {font-weight:900; color: #9e9e9e;}
.lienscopyright:visited {color: #9e9e9e;}