@CHARSET "ISO-8859-1";
/* Mutuelle Nymphéa Santé */
@media screen {

	:root{
	  		--couleur-principale: #0076a6;
	  		--couleur-secondaire: #f18902;  
	  		--couleur-blanc: #FFFFFF;
	  		--couleur-gris: #ededed;
	  		--couleur-gris-fonce: #999999;
	  		--couleur-gris-clair: #efefef;
	  		--couleur-violet: #4e385c;
	  		--couleur-jaune: #f4c946;
	  		--couleur-jaune-clair: #ffffe7;
	  		--couleur-rouge: #FF1111;
	  		--couleur-vert-clair: #A3E8C7;
	  		--couleur-rouge-pale: #e2afb2;
	  		--couleur-noir: #000000;
	  		--couleur-aubergine : #482683;
	  		
	  		--couleur-saumon : #fcd2a5;
	  		--couleur-saumon-clair : #feefde;
	  		--couleur-bleu-ciel : #96c3dc;
	  		
	  		--couleur-texte-clair: #FFFFFF;
	  		--couleur-texte-fonce: #3a3a3a;
		}
		
		* {box-sizing: border-box;}	

		body {
			border:0px;
			padding:0px;
			margin:0px;
			font-family: 'Source Sans Pro', sans-serif;
		}
		
		hr {
			border: none;
    		border-top: 3px double #000;
    		overflow: visible;
    		text-align: center;
    		height: 5px;
		}
		
		p {}
		.line_height_120 {line-height:120%;}
		.line_height_135 {line-height:135%;}
		
		
		
		.row{display:block;}
		.largeur_px{width:var(--largeur_page);}
		.largeur_100{width:100%;}
		.largeur_90{width:90%;}
		.largeur_80{width:80%;}
		.largeur_70{width:70%;}
		.largeur_60{width:60%;}
		.largeur_50{width:50%;}
		.largeur_40{width:40%;}
		.largeur_30{width:30%;}
		.largeur_25{width:25%;}
		.largeur_20{width:20%;}
		
		
		.div_au_centre{margin-left:auto;margin-right:auto;}
		.div_a_droite{margin-left:auto;margin-right:0;}
		.cursor_pointer{cursor:pointer;}
		.lien_normal {color:var(--couleur-principale);}
		.lien_normal:hover{color:var(--couleur-secondaire);}
		.lien_normal:visited{color:var(--couleur-principale);}
		
		.position_relative {position:relative;}
		.position_absolute {position:absolute;}
		.position_fixe {position:fixed;}
		.position_sticky {sticky;}
		
		.box_shadow{box-shadow: 4px 4px 5px 2px rgba(50, 50, 50, .4);}
		.box_shadow_y{box-shadow: 0px 4px 4px 1px rgba(180, 180, 180, .4);}
		.box_shadow_x{box-shadow: 4px 0px 4px 1px rgba(180, 180, 180, .4);}
		
		.border_top_1{border-top-width: 1px;}
		.border_top_solid{border-top-style: solid;}
		
		.border_bottom_1{border-bottom-width: 1px;}
		.border_bottom_solid{border-bottom-style: solid;}
		
		.border_1{border-width: 1px;}
		.border_2{border-width: 2px;}
		.border_solid{border-style: solid;}
		
		.border_radius_3 {border-radius: 3px;}
		.border_radius_5 {border-radius: 5px;}
		.border_radius_8 {border-radius: 8px;}
		.border_radius_10 {border-radius: 10px;}
		.border_radius_15 {border-radius: 15px;}
		.border_radius_20 {border-radius: 20px;}
		
		.border_radius_haut_20 {border-radius: 20px 20px 0px 0px;}
		.border_radius_bas_20 {border-radius: 0px 0px 20px 20px;}
		.border_radius_gauche_20 {border-radius: 20px 0px 0px 20px;}
		.border_radius_droit_20 {border-radius: 0px 20px 20px 0px;}
		
		
		.border_color_princ{border-color:var(--couleur-principale);}
		.border_color_second{border-color:var(--couleur-secondaire);}
		.border_color_gris{border-color:var(--couleur-gris);}
		.border_color_noir{border-color:var(--couleur-noir);}
		
		.backcolor_princ{background-color:var(--couleur-principale);}
		.backcolor_second{background-color:var(--couleur-secondaire);}
		.backcolor_jaune{background-color:var(--couleur-jaune);}
		.backcolor_jaune_clair{background-color:var(--couleur-jaune-clair);}
		.backcolor_violet{background-color:var(--couleur-violet);}
		.backcolor_blanc{background-color:var(--couleur-blanc);}
		.backcolor_gris{background-color:var(--couleur-gris);}
		.backcolor_gris_clair{background-color:var(--couleur-gris-clair);}
		.backcolor_vert_clair{background-color:var(--couleur-vert-clair);}
		.backcolor_noir{background-color:var(--couleur-noir);}
		.backcolor_saumon{background-color:var(--couleur-saumon);}
		.backcolor_saumon_clair{background-color:var(--couleur-saumon-clair);}
		.backcolor_bleu_ciel{background-color:var(--couleur-bleu-ciel);}
		
		
		.opacite_0{opacity:0;}
		.opacite_10{opacity:0.10;}
		.opacite_20{opacity:0.20;}
		.opacite_30{opacity:0.30;}
		.opacite_40{opacity:0.40;}
		.opacite_50{opacity:0.50;}
		.opacite_60{opacity:0.60;}
		.opacite_70{opacity:0.70;}
		.opacite_80{opacity:0.80;}
		.opacite_90{opacity:0.90;}
		
		.texte_bold{font-weight:bold;}
		.texte_italic{font-style:italic;}
		
		.texte_clair{color:var(--couleur-texte-clair);}
		.texte_clair a{color:var(--couleur-texte-clair);text-decoration:none;}
		.texte_clair a:hover{text-decoration:underline;}
		.texte_clair a:visited{color:var(--couleur-texte-clair);}
		
		.texte_fonce{color:var(--couleur-texte-fonce);}
		.texte_fonce a{color:var(--couleur-texte-fonce);text-decoration:none;}
		.texte_fonce a:hover{text-decoration:underline;}
		
		
		.texte_princ{color:var(--couleur-principale);}
		.texte_princ a{color:var(--couleur-principale);text-decoration:none;}
		.texte_princ a:hover{text-decoration:underline;}
		.texte_princ a:visited{color:var(--couleur-principale);}
		
		.texte_second{color:var(--couleur-secondaire);}
		.texte_second a{color:var(--couleur-secondaire);text-decoration:none;}
		.texte_second a:hover{text-decoration:underline;}
		.texte_second a:visited{color:var(--couleur-secondaire);}
		
		.texte_rouge{color:var(--couleur-rouge);}
		.texte_rouge a {color:var(--couleur-rouge);}
		.texte_rouge a:hover{color:var(--couleur-rouge);}
		.texte_rouge a:visited{color:var(--couleur-rouge);}
		
		
		.texte_noir{color:var(--couleur-noir);}
		.texte_noir a {color:var(--couleur-noir);text-decoration:none;}
		.texte_noir a:hover{color:var(--couleur-noir);text-decoration:underline;}
		.texte_noir a:visited{color:var(--couleur-noir);}
		
		.texte_aubergine {color:var(--couleur-aubergine);}
		.texte_aubergine a {color:var(--couleur-aubergine);text-decoration:none;}
		.texte_aubergine a:hover{color:var(--couleur-aubergine);text-decoration:underline;}
		.texte_aubergine a:visited{color:var(--couleur-aubergine);}
		
		
		.texte_0_7_em{font-size:0.7em;}
		.texte_0_8_em{font-size:0.8em;}
		.texte_0_9_em{font-size:0.9em;}
		.texte_1_0_em{font-size:1em;}
		.texte_1_05_em{font-size:1.05em;}
		.texte_1_1_em{font-size:1.1em;}
		.texte_1_2_em{font-size:1.2em;}
		.texte_1_3_em{font-size:1.3em;}
		.texte_1_4_em{font-size:1.4em;}
		.texte_1_5_em{font-size:1.5em;}
		.texte_1_6_em{font-size:1.6em;}
		.texte_1_7_em{font-size:1.7em;}
		.texte_1_8_em{font-size:1.7em;}
		.texte_1_9_em{font-size:1.7em;}
		.texte_2_em{font-size:2em;}
		.texte_3_em{font-size:3em;}
		
		.p_content_2_col{column-count:2;column-gap: normal;}
		.p_content_3_col{column-count:3;column-gap: normal;}
		
		.head {}
		.foot {margin-top:10px;}
		
		.texte_petite_maj {font-variant:small-caps;}
		.texte_exposant{font-variant-position: super;}
		.text_align_center{text-align:center;}
		.text_align_right{text-align:right;}
		.text_align_left{text-align:left;}
		.text_align_justify{text-align:justify;}
		
		.texte_souligne{text-decoration:underline;}
		
		.valign_top{vertical-align:top;}
		.valign_middle{vertical-align:middle;}
		.valign_bottom{vertical-align:bottom;}
		
		
		.bottom_0 {bottom:0%;}
		.height_30 {height:30px;}
		.height_1em {height:1em;}
		.height_2em {height:2em;}
		.height_3em {height:3em;}
		
		.margin_top_10{margin-top:10px;}
		.margin_top_30{margin-top:30px;}
		.margin_bottom_0{margin-bottom:0px;}
		.margin_bottom_10{margin-bottom:10px;}
		.margin_bottom_20{margin-bottom:20px;}
		.margin_bottom_30{margin-bottom:30px;}
		.margin_bottom_10_100{margin-bottom:10%;}
		.margin_auto {margin:auto;};
		
		.margin_2{margin:2px;}
		.margin_5{margin:5px;}
		.margin_10{margin:10px;}
		.margin_20{margin:20px;}
		.margin_30{margin:30px;}
		.margin_0{margin:0px;}
		.margin_30_5_0_5{margin:30px 5px 0px 5px;}
		.span_padding_l_r{display:block;padding: 2px;}
		.padding_top_2 {padding-top:2px;}
		.padding_top_5 {padding-top:5px;}
		.padding_left_5 {padding-left:5px;}
		.padding_right_5 {padding-right:5px;}
		.padding_top_10 {padding-top:10px;}
		.padding_bottom_10 {padding-bottom:10px;}
		.padding_5 {padding:5px;}
		.padding_10 {padding:10px;}
		.padding_0 {padding;0px;}
		
		.flex_container{display :flex;}
		.flex_container_center{display :flex; justify-content:center;}
		.flex_container_right{display :flex; justify-content:right;}
		.flex_container_space{display :flex; justify-content:space-between;}
		.flex_container_end{display :flex; justify-content:flex-end;}
		
		.flex_container_center > div {}
		.flex_align_stretch {align-items:stretch;}
		.flex_align_center {align-items:center;}
		.flex_align_top {align-items:normal;}
		.flex_align_flex_top {align-items:flex-start;}
		.flex_align_flex_down {align-items:baseline;}
		.flex_wrap{flex-wrap:wrap;}
		
		
		.grid_5 {display:grid;  grid-template-columns:1fr 1fr 1fr 1fr 1fr;}
		.grid_2 {display:grid;  grid-template-columns:1fr 1fr;}
		.grid_3 {display:grid;  grid-template-columns:1fr 1fr 1fr;}
		.grid_2_20_80 {display:grid;  grid-template-columns:20fr 80fr;}
		.grid_align_start {align-items:start;}
		.self_align_start {align-self:start;}
		
		
		/* Grille en douze colonnes */
		.w_1_12 {width:8.33%;}
		.w_1_12_100 {width:8.33%;}
		.w_2_12 {width:16.66%;}
		.w_2_12_100 {width:16.66%;}
		.w_3_12 {width:25%;}
		.w_3_12_100 {width:25%;}
		.w_4_12 {width:33.33%;}
		.w_4_12_100 {width:33.33%;}
		.w_5_12 {width:41.66%;}
		.w_5_12_80 {width:41.66%;}
		.w_6_12 {width:50%;}
		.w_7_12 {width:58.33%;}
		.w_7_12_100 {width:58.33%;} /* 100 % sur mobile */
		.w_7_12_80 {width:58.33%;} /* 80 % sur mobile */
		.w_8_12 {width:66.66%;}
		.w_8_12_100 {width:66.66%;} /* 100% sur mobile */
		.w_8_12_80 {width:66.66%;} /* 80% sur mobile */
		.w_9_12 {width:75%;}
		.w_9_12_80 {width:75%;} /*80% sur mobile */
		.w_9_12_100 {width:75%;} /*100% sur mobile */
		.w_10_12 {width:83.33%;}
		.w_11_12 {width:91.66%;}
		.w_12_12 {width:100%;}
		
		.pos_1_12 {left:8.33%;}
		.pos_2_12 {left:16.66%;}
		.pos_3_12 {left:25%;}
		.pos_4_12 {left:33.33%;}
		.pos_5_12 {left:41.66%;}
		.pos_6_12 {left:50%;}
		.pos_7_12 {left:58.33%;}
		.pos_8_12 {left:66.66%;}
		.pos_9_12 {left:75%;}
		.pos_10_12 {left:83.33%;}
		.pos_11_12 {left:91.66%;}
		.pos_12_12 {left:100%;}
		
		.w_3_12_marge_10 {width:25%; max-width:calc(25% - 10px);}
		.w_3_12_marge_20 {width:25%; max-width:calc(25% - 20px);}
		.w_3_12_marge_30 {width:25%; max-width:calc(25% - 30px);}
		
		.w_5_24_marge_10 {width:20.83%; max-width:calc(20.83% - 10px);}
		.w_5_24_marge_20 {width:20.83%; max-width:calc(20.83% - 20px);}
		.w_5_24_marge_30 {width:20.83%; max-width:calc(20.83% - 30px);}
		
		
		/* Grille en 24 colonnes */
		.w_1_24 {width:4.17%;}
		.w_2_24 {width:8.33%;}
		.w_2_24_50 {width:8.33%;} /*50% sur mobile */
		.w_2_24_25 {width:8.33%;} /*25% sur mobile */
		.w_3_24 {width:12.5%;}
		.w_3_24_25 {width:12.5%;} /* 25% sur mobile */
		.w_4_24 {width:16.67%;}
		.w_5_24 {width:20.83%;}
		.w_5_24_100 {width:20.83%;} /* 100% sur mobile */
		.w_6_24 {width:25%;}
		.w_6_24_100 {width:25%;}
		.w_7_24 {width:29.17%;}
		.w_8_24 {width:33.33%;}
		.w_9_24 {width:37.5%;}
		.w_10_24 {width:41.67%;}
		.w_10_24_100 {width:41.67%;}
		.w_11_24 {width:45.83%;}
		.w_11_24_100 {width:45.83%;}
		.w_12_24 {width:50%;}
		.w_13_24 {width:54.17%;}
		.w_14_24 {width:58.33%;}
		.w_14_24_100 {width:58.33%;}
		.w_15_24 {width:62.5%;}
		.w_16_24 {width:66.67%;}
		.w_17_24 {width:70.83%;}
		.w_18_24 {width:75%;}
		.w_19_24 {width:79.17%;}
		.w_19_24_100 {width:79.17%;}
		.w_20_24 {width:83.33%;}
		.w_21_24 {width:87.5%;}
		.w_22_24 {width:91.67%;}
		.w_23_24 {width:95.83%;}
		.w_24_24 {width:100%;}

		.pos_1_24 {left:4.17%;}
		.pos_2_24 {left:8.33%;}
		.pos_3_24 {left:12.5%;}
		.pos_4_24 {left:16.67%;}
		.pos_5_24 {left:20.83%;}
		.pos_6_24 {left:25%;}
		.pos_7_24 {left:29.17%;}
		.pos_8_24 {left:33.33%;}
		.pos_9_24 {left:37.5%;}
		.pos_10_24 {left:41.67%;}
		.pos_11_24 {left:45.83%;}
		.pos_12_24 {left:50%;}
		.pos_13_24 {left:54.17%;}
		.w_13_24_100 {width:54.17%;}
		.pos_14_24 {left:58.33%;}
		.pos_15_24 {left:62.5%;}
		.pos_16_24 {left:66.67%;}
		.pos_17_24 {left:70.83%;}
		.pos_18_24 {left:75%;}
		.pos_19_24 {left:79.17%;}
		.pos_20_24 {left:83.33%;}
		.pos_21_24 {left:87.5%;}
		.pos_22_24 {left:91.67%;}
		.pos_23_24 {left:95.83%;}
		.pos_24_24 {left:100%;}
		
		.table_alterne {border-collapse:collapse;}
		.table_alterne tr:nth-child(even) {background-color:var(--couleur-blanc);}
		.table_alterne tr:nth-child(odd) {background-color:var(--couleur-gris-clair);}
		.table_alterne tr:first-child {background-color:var(--couleur-principale);}
		.table_alterne td {padding:5px;}
		.table_alterne th {padding:5px;font-weight:normal;color:var(--couleur-blanc);}
		
		.table_garantie {border-collapse:collapse;color:var(--couleur-principale);width:100%;}
		.table_garantie tr.souligne {padding:5px;border-bottom:1px solid var(--couleur-gris-fonce);}
		
		.rond {height:180px;width:180px;border-radius:50%; background-color:#FFFFFF;border:4px solid #f18902}
		
		
		/* Gestion des pop up */ 
		.modal {
		  display: none; /* Hidden by default */
		  position: fixed; /* Stay in place */
		  z-index: 1; /* Sit on top */
		  left: 0;
		  top: 0;
		  width: 100%; /* Full width */
		  height: 100%; /* Full height */
		  overflow: auto; /* Enable scroll if needed */
		  background-color: rgb(0,0,0); /* Fallback color */
		  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
		}
		
		/* Modal Content/Box */
		.modal-content {
		  position:relative;
		  background-color: #fefefe;
		  margin: 15% auto; /* 15% from the top and centered */
		  padding: 10px;
		  border: 1px solid #888;
		}
		
		.modal-image-content {
		  position:relative;
		  margin: 15% auto; /* 15% from the top and centered */
		  padding: 0px;
		  border: 0;
		}
		
		.modal_view{
			position:relative;
			-webkit-animation-name: animatetop;
		  	-webkit-animation-duration: 0.4s;
		  	animation-name: animatetop;
		  	animation-duration: 0.4s;
		}
		
		.modal_hide{
			position:relative;
			-webkit-animation-name: go;
		  	-webkit-animation-duration: 0.4s;
		  	animation-name: go;
		  	animation-duration: 0.4s;
		}
		
		/* Add Animation */
		@-webkit-keyframes animatetop {
		  from {top:-300px; opacity:0} 
		  to {top:0; opacity:1}
		}
		
		@keyframes animatetop {
		  from {top:-300px; opacity:0}
		  to {top:0; opacity:1}
		}
		
		/* Add Animation */
		@-webkit-keyframes go {
		  from {top:0px; opacity:1} 
		  to {top:-400px; opacity:0}
		}
		
		@keyframes go {
		 from {top:0px; opacity:1} 
		  to {top:-400px; opacity:0; display;none;}
		}
		
		
		/* The Close Button */
		.close {
		  position:relative;
		  color: #aaa;
		  float: right;
		  font-size: 2em;
		  font-weight: bold;
		  top:-15px;
		}
		
		.close:hover,
		.close:focus {
		  color: black;
		  text-decoration: none;
		  cursor: pointer;
		}
		
}


/* Ecran large */ 
@media screen and (min-width: 1200px) {
	:root{
	  		--largeur_page : 1200px;
		}
		html {font-size:100%;}
		body {
			font-size:16px;
		}
		
		h1{color:var(--couleur-principale);padding-top:0px;margin-top:10px;font-weight:normal;}
		h2{font-weight:normal;font-size:2em;text-align:left;color:var(--couleur-principale);}
		h3{text-align:center;color:var(--couleur-secondaire);margin-top:5px;}
		h4{text-align:left;color:var(--couleur-principale);margin-top:5px;font-size:1.2em;margin-bottom:5px;}
		
		input {border:0;border-bottom:1px solid var(--couleur-principale);}
		textarea{font-family:"Open Sans", "Arial";border:1px solid var(--couleur-principale);font-size:1em;}
		
		
		
		
		/* le diaporama */
		.slideshow-container {max-width: 100%;position: relative;}
		.mySlides {display: none;}
		.prev, .next {cursor: pointer;position: absolute;top: 50%;width: auto;margin-top: -22px;padding: 16px;color: var(--couleur-secondaire);font-weight: bold;
					font-size: 18px;
  								transition: 0.6s ease;border-radius: 0 3px 3px 0;user-select: none;}
		.next {right: 0;border-radius: 3px 0 0 3px;}
		.prev:hover, .next:hover {background-color: rgba(255,255,255,0.8);}
		.fade {animation-name:fade;animation-duration: 1.5s;}
		@keyframes fade {
		  from {opacity: .4}
		  to {opacity: 1}
		}
		.slide_dot{position: absolute;left:50%;top: 5px;text-align:center;}
		.dot {cursor: pointer;height:12px; width:12px; margin: 2px 2px;background-color:var(--couleur-principale);border-radius: 50%;display: inline-block;transition: background-color 0.6s ease;}
		.dot_active, .dot:hover {background-color: var(--couleur-blanc)}
		
		
		.slide_div_texte_5{position:absolute;top:5%;padding:0;}
		.slide_div_texte_15{position:absolute;top:15%;padding:0;}
		.slide_div_texte_25{position:absolute;top:25%;padding:0;}
		.slide_div_texte_35{position:absolute;top:35%;padding:0;}
		.slide_div_texte_45{position:absolute;top:45%;padding:0;}
		.slide_div_texte_50{position:absolute;top:50%;padding:0;}
		.slide_div_texte_55{position:absolute;top:55%;padding:0;}
		.slide_div_texte_65{position:absolute;top:65%;padding:0;}
		.slide_div_texte_75{position:absolute;top:75%;padding:0;}
		.slide_div_texte_85{position:absolute;top:85%;padding:0;}
		
		.slide_texte {display:block;font-size:2.2em;text-align:left;padding:2px;}
		
		
		/* Les balises spéciales   */
		.div_onglet_page {display :flex; justify-content:space-between; }
		.onglet_page a {display:block;margin:0px 1px;padding:2px 20px;text-decoration:none;}
		
		.menu {list-style: none;margin:5px 0px 5px 0px;padding: 0;}
		.menu li {display:inline;color: #000000;}
		.menu li a {padding: 4px 40px;text-align: center ;font-size:1.2em;text-decoration: none ;}
		
		/*.btn_lien_espace{display:block;width:180px;height:40px; text-decoration:none;}*/
		.lien_fnmf img {width:85%;}
		
		.texte_cadre{font-size:1.4em;margin:10px;}
		.icone_cadre{width:55px;margin-top:10px;}
		
		.bande_couleur_haut{display:block;min-height:12px;}
		
		.accueil_pave_gauche {margin-right:15px;}
		.accueil_pave_droit {margin-left:15px;}
		
		.liste_conseil {list-style-type:square;margin:0px;padding-left:10px;}
		
		.tableau_prest {var(--couleur-gris-fonce);border-collapse:collapse;width:100%;}
		.tableau_prest td {border: 1px solid var(--couleur-gris-fonce);border-collapse:collapse;}
		
		.btn_decouvrir {padding:3px 10px 3px 10px;}
		.btn_decouvrir a {text-decoration:none;}
		.btn_decouvrir a:hover {text-decoration:none;}
		
		.liste_url_bas_page{column-count:3;column-gap: normal;}
		.only_mobile{display:none;}
		.accroche{font-family: 'Pattaya', cursive;font-size:4em;transform: rotate(-3deg);}
		
		.table_equipe {}
		.table_equipe tr {height:130px;}
		
}
/* Ecran moyen : portable, tablette*/
@media screen and (max-width: 1199px) and (min-width: 960px) {
	:root{
	  		--largeur_page : 960px;
		}

		html {font-size:100%;}
		body {
			font-size:12px;
		}
		
		h1{color:var(--couleur-secondaire);padding-top:0px;margin-top:0px;}
		h2{font-weight:normal;font-size:2em;text-align:center;color:var(--couleur-violet);}
		h3{text-align:center;color:var(--couleur-secondaire);margin-top:5px;}
		h4{text-align:left;color:var(--couleur-principale);margin-top:5px;font-size:1.2em;margin-bottom:5px;}
		
		input {border:0;border-bottom:1px solid var(--couleur-principale);}
		textarea{font-family:"Open Sans", "Arial";border:1px solid var(--couleur-principale);font-size:1em;}
		
				
		
		/* le diaporama */
		.slideshow-container {max-width: 100%;position: relative;}
		.mySlides {display: none;}
		.prev, .next {cursor: pointer;position: absolute;top: 50%;width: auto;margin-top: -22px;padding: 16px;color: var(--couleur-secondaire);font-weight: bold;
					font-size: 18px;
  								transition: 0.6s ease;border-radius: 0 3px 3px 0;user-select: none;}
		.next {right: 0;border-radius: 3px 0 0 3px;}
		.prev:hover, .next:hover {background-color: rgba(255,255,255,0.8);}
		.fade {animation-name:fade;animation-duration: 1.5s;}
		@keyframes fade {
		  from {opacity: .4}
		  to {opacity: 1}
		}
		.slide_dot{position: absolute;left:50%;top: 5px;text-align:center;}
		.dot {cursor: pointer;height:12px; width:12px; margin: 2px 2px;background-color:var(--couleur-principale);border-radius: 50%;display: inline-block;transition: background-color 0.6s ease;}
		.dot_active, .dot:hover {background-color: var(--couleur-secondaire)}
		
		
		.slide_div_texte_5{position:absolute;top:5%;padding:0;}
		.slide_div_texte_15{position:absolute;top:15%;padding:0;}
		.slide_div_texte_25{position:absolute;top:25%;padding:0;}
		.slide_div_texte_35{position:absolute;top:35%;padding:0;}
		.slide_div_texte_45{position:absolute;top:45%;padding:0;}
		.slide_div_texte_50{position:absolute;top:50%;padding:0;}
		.slide_div_texte_55{position:absolute;top:55%;padding:0;}
		.slide_div_texte_65{position:absolute;top:65%;padding:0;}
		.slide_div_texte_75{position:absolute;top:75%;padding:0;}
		.slide_div_texte_85{position:absolute;top:85%;padding:0;}
		
		.slide_texte {display:block;font-size:1.8em;text-align:center;padding:2px;}
		
		
		/* Les balises spéciales   */
		.div_onglet_page {display :flex; justify-content:center;}
		.onglet_page a {display:block;margin:0px 1px;padding:2px 20px;background-color:var(--couleur-principale);text-decoration:none;}
		.onglet_page_selected a {display:block;margin:0px 1px;padding:2px 20px;background-color:var(--couleur-secondaire);text-decoration:none;}
		
		.menu {list-style: none;margin:5px 0px 5px 0px;padding: 0;}
		.menu li {display:inline;color: #000000;}
		.menu li a {padding: 4px 20px;text-align: center ;font-size:1.2em;text-decoration: none ;}
		
		.btn_lien_espace{display:block;width:180px;height:40px;text-decoration: none ;}
		.lien_fnmf img {width:100%;}
		
		.texte_cadre{font-size:1.4em;margin:10px;}
		.icone_cadre{width:55px;margin-top:10px;}
		
		.bande_couleur_haut{display:block;min-height:12px;}
		
		.accueil_pave_gauche {margin-right:15px;}
		.accueil_pave_droit {margin-left:15px;}
		
		.liste_conseil {list-style-type:square;margin:0px;padding-left:10px;}
		
		.tableau_prest {var(--couleur-gris);border-collapse:collapse;width:100%;}
		.tableau_prest td {border: 1px solid var(--couleur-gris);border-collapse:collapse;}
		
		.btn_decouvrir {padding:3px 10px 3px 10px;}
		.btn_decouvrir a {text-decoration:none;}
		.btn_decouvrir a:hover {text-decoration:none;}
		.liste_url_bas_page{column-count:2;column-gap: normal;}
		.only_mobile{display:none;}
		.accroche{font-family: 'Pattaya', cursive;font-size:4em;transform: rotate(-3deg);}
}

/* Téléphone et tablettes verticales */
@media screen and (max-width: 959px) {
	:root{
	  		--largeur_page : 100%;
		}

		html {font-size:100%;}
		body {
			font-size:12px;
		}
		
		h1{color:var(--couleur-secondaire);padding-top:0px;margin-top:0px;}
		h2{font-weight:normal;font-size:2em;text-align:center;color:var(--couleur-violet);}
		h3{text-align:center;color:var(--couleur-secondaire);margin-top:5px;}
		h4{text-align:left;color:var(--couleur-principale);margin-top:5px;font-size:1.2em;margin-bottom:5px;}
		
		input {border:0;border-bottom:1px solid var(--couleur-principale);}
		textarea{font-family:"Open Sans", "Arial";border:1px solid var(--couleur-principale);font-size:1em;}
		
		
		p {font-size:15px;}
		li {font-size:15px;line-height:135%;}
		.lien_normal {font-size:1.2em;}
		
		
		/* le diaporama */
		.slideshow-container {max-width: 100%;position: relative;}
		.mySlides {display: none;}
		.prev, .next {cursor: pointer;position: absolute;top: 50%;width: auto;margin-top: -22px;padding: 16px;color: var(--couleur-secondaire);font-weight: bold;
					font-size: 18px;
  								transition: 0.6s ease;border-radius: 0 3px 3px 0;user-select: none;}
		.next {right: 0;border-radius: 3px 0 0 3px;}
		.prev:hover, .next:hover {background-color: rgba(255,255,255,0.8);}
		.fade {animation-name:fade;animation-duration: 1.5s;}
		@keyframes fade {
		  from {opacity: .4}
		  to {opacity: 1}
		}
		.slide_dot{position: absolute;left:50%;top: 5px;text-align:center;}
		.dot {cursor: pointer;height:12px; width:12px; margin: 2px 2px;background-color:var(--couleur-principale);border-radius: 50%;display: inline-block;transition: background-color 0.6s ease;}
		.dot_active, .dot:hover {background-color: var(--couleur-secondaire)}
		
		
		.slide_div_texte_5{position:absolute;top:5%;padding:0;}
		.slide_div_texte_15{position:absolute;top:15%;padding:0;}
		.slide_div_texte_25{position:absolute;top:25%;padding:0;}
		.slide_div_texte_35{position:absolute;top:35%;padding:0;}
		.slide_div_texte_45{position:absolute;top:45%;padding:0;}
		.slide_div_texte_50{position:absolute;top:50%;padding:0;}
		.slide_div_texte_55{position:absolute;top:55%;padding:0;}
		.slide_div_texte_65{position:absolute;top:65%;padding:0;}
		.slide_div_texte_75{position:absolute;top:75%;padding:0;}
		.slide_div_texte_85{position:absolute;top:85%;padding:0;}
		
		.slide_texte {display:block;font-size:2.2em;text-align:center;padding:2px;}
		
		
		.btn_lien_espace{display:block;width:135px;height:30px;margin:0px 10px 0px 10px;}
		.lien_fnmf img {display:block;margin-right:3px;width:100%;}
		
		.texte_cadre{font-size:1.4em;margin:10px;}
		.icone_cadre{width:55px;margin-top:10px;}
		
		.bande_couleur_haut{display:block;min-height:12px;}
		
		.accueil_pave_gauche {margin-right:15px;}
		.accueil_pave_droit {margin-left:15px;}
		
		.liste_conseil {list-style-type:square;margin:0px;padding-left:10px;}
		
		.tableau_prest {var(--couleur-gris);border-collapse:collapse;width:100%;}
		.tableau_prest td {border: 1px solid var(--couleur-gris);border-collapse:collapse;}
		
		.btn_decouvrir {padding:3px 10px 3px 10px;}
		.btn_decouvrir a {text-decoration:none;}
		.btn_decouvrir a:hover {text-decoration:none;}
		
		/* Directive responsive pour adapter à la lecture sur portable */
		.w_3_12_marge_10 {width:100%; max-width:calc(100% - 10px);}
		.w_5_24_marge_10 {width:50%; max-width:calc(50% - 10px);}
		
		.w_3_12_100 {width:100%;}
		.w_4_12_100 {width:100%;}
		.w_5_12_80 {width:80%;}
		.w_7_12_80 {width:80%;}
		.w_7_12_100 {width:100%;}
		.w_8_12_80 {width:80%;}
		.w_8_12_100 {width:100%;}
		.w_9_12_80 {width:80%;}
		.w_9_12_100 {width:100%;}
		.w_5_24_50 {width:50%;}
		.w_6_24_100 {width:100%;}
		.w_10_24_100 {width:100%;}
		.w_13_24_100 {width:100%;}
		.w_11_24_100 {width:100%;}
		.w_14_24_100 {width:100%;}
		.w_19_24_100 {width:100%;}
		
		.w_2_24_50 {width:50%;}
		.w_2_24_25 {width:25%;}
		.w_3_24_25 {width:25%;}
				
		.flex_container_space{flex-wrap:wrap;}
		.flex_container_center{flex-wrap:wrap;}
		.liste_url_bas_page{}
		
		.grid_5 {display:grid;  grid-template-columns:1fr 1fr 1fr 1fr;} /* passe à 4 colonnes en mobile */
		
		.mobile_nodisplay {display:none;}
		.only_mobile{}
		
		.position_absolute_sauf_mobile{position:relative;}
		
		.rond {height:130px;width:130px;border-radius:50%; background-color:#FFFFFF;border:4px solid #f18902}
		
		
		/* GESTION D'UN MENU BURGER */
		
		nav {
		    display: flex;
		    justify-content: space-around;
		    align-items: center;
		    min-height: 3vh;		    
		}
		
		nav.active ul {
			left:0;
		} 
		
		/* Cacher l'input de type checkbox */
		#menu-toggle {
		    display: none;
		}
		
	    .nav-links {
    	    display: none;
    	}
		
		.nav-links li {
		    font-size:13px;
		    list-style: none;
		    padding-left:0px;
		    padding-bottom:3px;
		}
		
		.nav-links a {
		    color: white;
		    text-decoration: none;
		    font-size: 1.4em;
		}
		
		/* Afficher l'icône burger sur les écrans mobiles */
	    .burger {
	        display: block;
	        cursor: pointer;
	    }
	    
		/* Configuration de l'icône burger */
		.burger div {
		    width: 15px;
		    height: 2px;
		    background-color: var(--couleur-principale);
		    margin: 2px;
		    border-radius: 2px;
		}
		   /* Afficher les liens de la barre de navigation lorsque la case est cochée sur les écrans mobiles */
		input[type=checkbox]:checked ~ .nav-links {
		        display: flex;
		        flex-direction: column;
		        align-items: left;
		        position: absolute;
		        right: 0px;
		        top:65px;
		        background-color: var(--couleur-principale);
		        width: 100%;
		        
		        
		}
		
	}