@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; 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; 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: 30%;
	left: 7%;
	margin: 0;
	padding: 0;
}
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-top: 13px;
	padding-bottom: 13px;
	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 21px 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; }
}




/* -----------------------------------------------------------------
                       TITRE DE LA PAGE
-------------------------------------------------------------------*/


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

.description_consult {
	font-family: "Overpass", Calibri;
	font-weight: 300;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #212352;
}
.description_consult p {
	width: 55%;
	text-align: justify;
}


/* Menu */

.sectionhoraires {
	width: 100%;
	display: flex;
	justify-content: center;
	margin: 0 0 71px 0;
	padding: 0;
	text-align: center;
}
.texte_horaires {
	display: flex;
	padding: 11px 0 11px 0;
}
.boxhoraires {
	width: 175px;
	background-color: #19b7e9;
	box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
	border: 1px solid rgba(24,169,215,1.00);
	margin: 5px;
	padding: 9px;
	color: #ffffff;
}
.boxhoraires_titres {
	text-transform: uppercase;
	font-family: "Overpass Black", Calibri;
	font-size: 12px;
	letter-spacing: 2px;
	font-weight: 900;
	line-height: 13px;
}
.boxhoraires:hover {
	background-color: #124894;	
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.9);
	border: 1px solid #0D3876;
	color: #ffffff;
	cursor: pointer;
}


@media (min-width: 510px) and (max-width: 766px) {
	.description_consult p { width: 75%; font-size: 13px; }
	.boxhoraires { width: auto; margin: 3px; padding: 7px 15px;}
	.boxhoraires_titres { font-size: 11px; }
	.sectionhoraires { margin: 0 0 51px 0; }
}

@media (max-width: 509px) {
	.description_consult p { width: 75%; font-size: 12px; }
	.texte_horaires {display: block; margin: auto;}
	.boxhoraires { width: 85%; margin: 3px auto; padding: 7px 15px;}
	.boxhoraires_titres { font-size: 11px; }
	.sectionhoraires { margin: 0 0 31px 0; }
}





/* -----------------------------------------------------------------
                          CONTENU DES BLOCS
-------------------------------------------------------------------*/

/* Organisation des blocs */

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

/* Blocs */

.boxconsult {
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
    width: 750px;
	text-align: center;
	margin: 9px;
	padding: 31px 0;
	background-color: #ffffff;
	display: grid;
	align-items: center;
	align-content: center;
	justify-content: center;
	height: auto;
}
.boxconsult1 {
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
    width: 365px;
	text-align: center;
	margin: 9px;
	padding: 0;
	background-color: #ffffff;
	height: 370px;
	display: grid;
	align-items: center;
	align-content: center;
	justify-content: center;
}
.boxliberal {
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
    width: 750px;
	text-align: center;
	margin: 9px;
	padding: 0;
	background-color: #ffffff;
	height: 300px;
	display: grid;
	align-items: center;
	align-content: center;
	justify-content: center;;
}

/* Textes */

.boxconsult h4 {
	color: #212352;
	text-align: left;
	text-transform: uppercase;
	font-family: "Overpass ExtraBold", Calibri;
	font-size: 15px;
	padding-top: 15px;
	margin-bottom: 0;
	padding-left: 7%;
	padding-right: 7%;
}
.boxconsult .texte_services, .boxliberal .texte_services, .texte_services {
	font-family: 'Overpass', Calibri;
	font-weight: 300;
	font-size: 13px;
	text-align: justify;
	color: #212352;
	padding-left: 7%;
	padding-right: 7%;
	padding-bottom: 0;
	margin-bottom: 10px;
	height: auto;
}
.boxconsult1 .texte_services {
	font-family: 'Overpass', Calibri;
	font-weight: 300;
	font-size: 13px;
	text-align: justify;
	color: #212352;
	padding-left: 13%;
	padding-right: 13%;
	height: auto;
}
.boxreglement {
	display: flex;
	justify-content: center;
}


@media (min-width: 510px) and (max-width: 766px) {
	.boxconsult { width: 97%; margin: 7px auto; padding: 0; box-shadow: none; }
	#box_paiement { box-shadow: none; padding: 0; width: 92%;}
	.boxconsult1 { width: 45%; margin: 7px; padding: 0; height: auto; }
	.boxliberal { width: 90%; margin: 7px; height: auto; }
	.boxconsult h4 { font-size: 15px; padding-top: 9px; margin-bottom: 0; padding-left: 5%; padding-right: 5%; }
	.boxconsult .texte_services { font-size: 13px; padding: 3% 7%; margin: 0; }
	#box_paiement .texte_services { font-size: 13px; padding: 0 7% 11px 7%; margin: 0 0 10px 0;  }
	.boxliberal { box-shadow: none; margin: 0 auto 21px auto; }
	.boxliberal .texte_services { font-size: 13px; padding: 0 7%; margin-bottom: 10px; }
	.boxconsult1 .texte_services { font-size: 13px; padding: 0 7%; }
	#box_assurances {display: block; margin: auto;}
	#box_assureconsult { box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2); padding: 21px 0; width: 92%;}
	#box_assurances .boxconsult1 { width: 92%; margin: 7px auto 14px auto; height: auto; padding: 21px 0 31px 0; }
}

@media (max-width: 509px) {
	.boxconsult { width: 97%; margin: 7px auto; padding: 0; box-shadow: none; }
	#box_paiement { box-shadow: none; padding: 0; width: 92%;}
	.boxconsult1 { width: 45%; margin: 7px; padding: 0; height: auto; }
	.boxliberal { width: 90%; margin: 7px; height: auto; }
	.boxconsult h4 { font-size: 14px; padding-top: 9px; margin-bottom: 0; padding-left: 5%; padding-right: 5%; }
	.boxconsult .texte_services { font-size: 12px; padding: 3% 9%; margin: 0; }
	#box_paiement .texte_services { font-size: 12px; padding: 0 7% 11px 7%; margin: 0 0 10px 0;  }
	.boxliberal { box-shadow: none; margin: 0 auto 51px auto; }
	.boxliberal .texte_services { font-size: 12px; padding: 0 7%; margin-bottom: 10px; }
	.boxconsult1 .texte_services { font-size: 12px; padding: 0 9%; }
	#box_assurances {display: block; margin: auto;}
	#box_assureconsult { box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2); padding: 21px 0; width: 92%;}
	#box_assurances .boxconsult1 { width: 92%; margin: 7px auto 14px auto; height: auto; padding: 21px 0 31px 0; }
}





/* Styles de textes */

.texte_services_liste {
	font-family: 'Overpass', Calibri;
	font-size: 13px;
	font-weight: 300;
	text-align: justify;
	padding-left: 13%;
	padding-right: 13%;
	padding-top: 0;
	margin-top: 0;
	color: #212352;
	list-style-type: none;
}
.texte_services_liste li {
	padding-bottom: 5px;
}
.texte_services_liste a {color: #212352; text-decoration: underline;}
.texte_services_liste a:hover {color: #19b7e9; font-weight: 900; cursor: pointer;}
.texte_services_liste a:visited {color: #212352; text-decoration: underline;}

.texte_service_cat {
	padding-left: 17px;
	font-weight: bolder;	
	font-family: "Overpass ExtraBold", Calibri;
}
.texte_service_souscat {
	padding-bottom: 5px;	
	padding-left: 41px;
}
.presentation_titre {
	padding-bottom: 5px;
	color: #212352;
	font-size: 17px;
	font-weight: bolder;	
	font-family: "Overpass ExtraBold", Calibri;
}
.nb {
	font-size: 11.5px;
	font-style: italic;
	line-height: 12px;
	text-align: justify;
	padding-left: 7%;
	padding-right: 7%;
}



@media (min-width: 510px) and (max-width: 766px) {
	.texte_services_liste { font-size: 13px; font-weight: 300; padding-left: 10%; padding-right: 10%; }
	.texte_services_liste li { padding-bottom: 5px; }
	.presentation_titre { padding-bottom: 5px; font-size: 17px; }
	.nb { font-size: 11.5px; line-height: 12px; padding-left: 7%; padding-right: 7%; }
}

@media (max-width: 509px) {
	.texte_services_liste { font-size: 12px; font-weight: 300; padding-left: 9%; padding-right: 9%; }
	.texte_services_liste li { padding-bottom: 5px; }
	.presentation_titre { padding-bottom: 5px; font-size: 14px; }
	.nb { font-size: 11px; line-height: 12px; padding-left: 7%; padding-right: 7%; }
}




/* Boutons */

.button-18 {
	background-color: #19b7e9;
	border: 1px solid #19b7e9;
	border-radius: 4px;
	color: #ffffff;
	cursor: pointer;
	font-family: "Overpass ExtraBold", Calibri;
	font-weight: 600;
	font-size: 15px;
	text-transform: uppercase;
	line-height: 27px;
	min-width: 54px;
	padding: 7px 21px;
	text-align: center;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
	white-space: pre;
	margin-bottom: 7px;
}
.button-18:hover {
	background-color: #124894;
	border-color: #dadce0;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
}
.button-18:focus {
	border-color: #4285f4;
	outline: none;
}

@media (min-width: 510px) and (max-width: 766px) {
	.button-18 { font-size: 14px; line-height: 21px; min-width: 54px; padding: 7px 13px; margin: 7px 0; }
}

@media (max-width: 509px) {
	.button-18 { font-size: 13px; line-height: 21px; min-width: 54px; padding: 7px 13px; margin: 7px 0; }
}





/* Formalités de règlement */

.reglement_titre {
	color: #212352;
	text-align: left;
	text-transform: uppercase;
	font-family: "Overpass ExtraBold", Calibri;
	font-size: 13.5px;
	line-height: 27px;
}

/* Trésorerie */

.tresorerie {
	margin: 51px 31px ;
}
.treso_texte {
	margin-top: 11px;
	padding-bottom: 5px;
	font-size: 13px;
}

.treso_texte i {
	color: #19b7e9;
}
.treso_texteplus {
	font-family: "Overpass ExtraBold", Calibri;
	font-weight: 600px;
}
.treso_separation {
	position: absolute;
	height: 150px;
	width : 5px;
	background-color: #19b7e9;
	margin: 41px 560px 0 0;
}


/*  Horaires d'ouverture */

.horaires {
	color: #19b7e9;
	font-size: 15px;
	font-weight: 500;	
	font-family: "Overpass", Calibri;
	padding-top: 10px;
	line-height: 21px;
}
.horaires a {color: #19b7e9;}
.horaires a :hover{color: #19b7e9;cursor:pointer;}
.horaires a :visited{color: #19b7e9;}



@media (min-width: 510px) and (max-width: 766px) {
	#services_tresorerie { display: block; width: 98%; margin: 51px auto; }
	.presentation_titre { padding: 10px 0; font-size: 15px; }
	.reglement_titre { font-size: 13px; line-height: 27px; }
	.tresorerie { margin: 31px 131px; }
	.treso_texte { margin-top: 0; padding-bottom: 5px; font-size: 13px; }
	.treso_separation { position: absolute; height: 270px; width: 5px; margin: 0 0 0 95px; }
	.horaires { font-size: 14px; padding-top: 10px; line-height: 19px; }
}

@media (max-width: 509px) {
	#services_tresorerie { display: block; width: 98%; margin: 51px auto; min-width: 290px; }
	.presentation_titre { padding: 10px 0; font-size: 14px; }
	.reglement_titre { font-size: 12px; line-height: 27px; }
	.tresorerie { margin: 31px 21px 31px 61px; }
	.treso_texte { margin-top: 0; padding-bottom: 5px; font-size: 12px; }
	.treso_separation { position: absolute; height: 270px; width: 5px; margin: 0 0 0 31px; }
	.horaires { font-size: 13px; padding-top: 10px; line-height: 19px; }
}






/* -----------------------------------------------------------------
                            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: 25px;}
.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: 15px;}
	
} /* ----------------------------- */


/* --- 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: 17px;}
	
} /* ----------------------------- */


/* ---------------------- 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;}