/*#region TOTAL*/

	#total {
		position:relative;
		margin:0px auto; min-width:320px;/*  width:100%; max-width:1200px; */
	}

	#total .mob { display:none !important; }

	#total .quicksand { font-family:Quicksand,sans-serif; }
	#total .sourcesans { font-family:ssp,sans-serif; }
	#total .pphi { font-size:3rem; }		/* 48px H1*/
	#total .pphh { font-size:2.875rem; }	/* 46px */
	#total .pphg { font-size:2.75rem; }		/* 44px */
	#total .pphf { font-size:2.625rem; }	/* 42px */
	#total .pphe { font-size:2.5rem; }		/* 40px */
	#total .pphd { font-size:2.375rem; }	/* 38px */
	#total .pphc { font-size:2.25rem; }		/* 36px H2*/
	#total .pphb { font-size:2.125rem; }	/* 34px */
	#total .ppha { font-size:2rem; }		/* 32px */
	#total .pph0 { font-size:1.875rem; }	/* 30px H3*/
	#total .pph1 { font-size:1.75rem; }		/* 28px H4*/
	#total .pph2 { font-size:1.625rem; }	/* 26px */
	#total .pph3 { font-size:1.5rem; }		/* 24px H5*/
	#total .pph4 { font-size:1.375rem; }	/* 22px */
	#total .pph5 { font-size:1.25rem; }		/* 20px */
	#total .pph6 { font-size:1.1875rem; }	/* 19px */
	#total .pph7 { font-size:1.125rem; }	/* 18px H6 et global*/
	#total .pph8 { font-size:1.0625rem; }	/* 17px */
	#total .pph9 { font-size:1rem; }		/* 16px */

	#total .fwthin			, #total .fw100{ font-weight:100; }
	#total .fwextralight	, #total .fw200{ font-weight:200; }
	#total .fwlight			, #total .fw300{ font-weight:300; }
	#total .fwnormal		, #total .fw400{ font-weight:400; }
	#total .fwmedium		, #total .fw500{ font-weight:500; }
	#total .fwsemibold		, #total .fw600{ font-weight:600; }
	#total .fwbold			, #total .fw700{ font-weight:700; }
	#total .fwextrabold		, #total .fw800{ font-weight:800; }
	#total .fwheavy			, #total .fw900{ font-weight:900; }
	
	#total .fsinherit	{ font-style:inherit; }
	#total .fsinitial	{ font-style:initial; }
	#total .fsitalic	{ font-style:italic; }
	#total .fsnormal	{ font-style:normal; }
	#total .fsoblique	{ font-style:oblique; }
	#total .fsunset		{ font-style:unset; }

	#total .lh100{ line-height:1.00; }
	#total .lh110{ line-height:1.10; }
	#total .lh120{ line-height:1.20; }
	#total .lh130{ line-height:1.30; }
	#total .lh140{ line-height:1.40; }
	#total .lh150{ line-height:1.50; }
	#total .lh160{ line-height:1.60; }
	#total .lh170{ line-height:1.70; }
	#total .lh180{ line-height:1.80; }
	#total .lh190{ line-height:1.90; }
	#total .lh200{ line-height:2.00; }

	#total .C1  {color:#000000;}		#total .C1  > * {color:inherit;}		#total .BGC1  {background-color:#000000;}		#total .BDC1  {border-color:#000000;} /* noir */
	#total .C2  {color:#B8B6B2;}		#total .C2  > * {color:inherit;}		#total .BGC2  {background-color:#B8B6B2;}		#total .BDC2  {border-color:#B8B6B2;} /* gris clair 1 */
	#total .C3  {color:#E5E5E5;}		#total .C3  > * {color:inherit;}		#total .BGC3  {background-color:#E5E5E5;}		#total .BDC3  {border-color:#E5E5E5;} /* gris clair 2 */
	#total .C4  {color:#F0F1F4;}		#total .C4  > * {color:inherit;}		#total .BGC4  {background-color:#F0F1F4;}		#total .BDC4  {border-color:#F0F1F4;} /* gris clair 3 - fond */
	#total .C5  {color:#FFFFFF;}		#total .C5  > * {color:inherit;}		#total .BGC5  {background-color:#FFFFFF;}		#total .BDC5  {border-color:#FFFFFF;} /* blanc */
	#total .C6  {color:#FFF3DB;}		#total .C6  > * {color:inherit;}		#total .BGC6  {background-color:#FFF3DB;}		#total .BDC6  {border-color:#FFF3DB;} /* jaune pale */
	#total .C7  {color:#F5AE11;}		#total .C7  > * {color:inherit;}		#total .BGC7  {background-color:#F5AE11;}		#total .BDC7  {border-color:#F5AE11;} /* jaune TDL */
	#total .C8  {color:#1AA5D1;}		#total .C8  > * {color:inherit;}		#total .BGC8  {background-color:#1AA5D1;}		#total .BDC8  {border-color:#1AA5D1;} /* bleu TDL */
	#total .C9  {color:#5C97B0;}		#total .C9  > * {color:inherit;}		#total .BGC9  {background-color:#5C97B0;}		#total .BDC9  {border-color:#5C97B0;} /* bleu pale */
	#total .C10 {color:#ACC8D1;}		#total .C10 > * {color:inherit;}		#total .BGC10 {background-color:#ACC8D1;}		#total .BDC10 {border-color:#ACC8D1;} /* bleu pale (un autre) */
	#total .C11 {color:#F7B729;}		#total .C11 > * {color:inherit;}		#total .BGC11 {background-color:#F7B729;}		#total .BDC11 {border-color:#F7B729;} /* orange TDL */
	#total .C12 {color:#606060;}		#total .C12 > * {color:inherit;}		#total .BGC12 {background-color:#606060;}		#total .BDC12 {border-color:#606060;} /* gris 60 */
	#total .C13 {color:#ea1414;}		#total .C13 > * {color:inherit;}		#total .BGC13 {background-color:#ea1414;}		#total .BDC13 {border-color:#ea1414;} /* rouge */
	#total .C14 {color:#8D0404;}		#total .C14 > * {color:inherit;}		#total .BGC14 {background-color:#8D0404;}		#total .BDC14 {border-color:#8D0404;} /* rouge sombre */
	#total .C15 {color:#FEE5E5;}		#total .C15 > * {color:inherit;}		#total .BGC15 {background-color:#FEE5E5;}		#total .BDC15 {border-color:#FEE5E5;} /* gris rosé */
	#total .C16 {color:#308ABD;}		#total .C16 > * {color:inherit;}		#total .BGC16 {background-color:#308ABD;}		#total .BDC16 {border-color:#308ABD;} /* bleu */
	#total .C17 {color:#D5EEF4;}		#total .C17 > * {color:inherit;}		#total .BGC17 {background-color:#D5EEF4;}		#total .BDC17 {border-color:#D5EEF4;} /* bleu pale */

	#total .txtalignleft {text-align:left;}
	#total .txtaligncenter {text-align:center;}
	#total .txtalignright {text-align:right;}

	#total h1 { font-size:3rem; font-weight:800; color:#606060; line-height:110%; }						/*Titre Intro*/
	#total h1 span { font-size:3rem; font-weight:800; color:#FDC54C; line-height:110%; }					/*Titre Intro Color*/
	#total h1>span { font-size:inherit; font-weight:inherit; }												/*Titre Intro Color*/
	#total h1 + div.soustitre { font-size:1.375rem; font-weight:700; color:#606060; line-height:110%; }		/*Sous-Titre Intro*/
	#total h2 { font-size:2.25rem; font-weight:800; color:#1AA5D1; line-height:115%;}						/*Titre Bloc*/
	#total h3 { font-size:1.875rem; font-weight:800; color:#606060; line-height:115%; }						/*Sous-Titre Bloc*/
	#total h4 { font-size:1.5rem; font-weight:800; color:#606060;  line-height:115%;}						/*Titre Sous-Bloc*/
	#total h5 { font-size:1.125rem; font-weight:700; color:#606060; line-height:115%; }						/*Petit Titre (Actu,...)*/

	#total .gauche {text-align:left;}
	#total .centre {margin:0 auto; text-align:center;}
	#total .droite {text-align:right;}

/*#endregion TOTAL*/

/*#region HAUT*/

	#haut {
		position:fixed; display:table; z-index:3000;
		width:100%; height:70px;
		background-color:#5e9868;
		transition:all 0.25s ease-out;
	}
	/*Ombrage*/
	#haut.audessus { box-shadow:0px 5px 20px rgba(0,0,0,0.4); }
	/*Masquage ombrage*/
	#haut::before, #haut::after { content:""; position:absolute; display:block; width:20px; height:calc(100% + 20px); top:0px; background-color:white; }
	#haut::before { left:-20px; }
	#haut::after { right:-20px; }

		#haut > div {
			display:table-cell;
			padding:0px;
			text-align:center; vertical-align:middle;
			height:100%;
		}

		#haut .cmgo {
			font-size:1.25rem; font-weight:600; color:white;
			padding:0px 10px 0px 85px;
		}

		/*#region BTN-MENU*/

		#haut .btnMenu { 
			position:absolute; display:table; display:none; 
			width:76px; height:100%;
			left:0px; top:0px;
			cursor:pointer;
			transition:all 0.25s ease-out;
		}
			#haut .btnMenu > div { 
				position:absolute; 
				width:35px; height:4px; 
				background-color:white; 
				left:50%; 
				transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); 
				transition:all 0.5s ease-out;
			}
			#haut .btnMenu > div:nth-child(1) { top:calc(50% - 11px); }
			#haut .btnMenu > div:nth-child(2) { top:calc(50% + 0px); }
			#haut .btnMenu > div:nth-child(3) { top:calc(50% + 11px); }

			#haut .btnMenu.menu-on > div:nth-child(1) { 
				top:calc(50% + 3px); 
				transform:translateX(-50%) rotateZ(135deg) scaleX(0.75); -ms-transform:translateX(-50%) rotateZ(135deg) scaleX(0.75); -webkit-transform:translateX(-50%) rotateZ(135deg) scaleX(0.75); 
			}
			#haut .btnMenu.menu-on > div:nth-child(2) { 
				opacity:0; 
				transform:translateX(-50%) scaleX(0.5); -ms-transform:translateX(-50%) scaleX(0.5); -webkit-transform:translateX(-50%) scaleX(0.5); 
			}
			#haut .btnMenu.menu-on > div:nth-child(3) { 
				top:calc(50% + 3px); 
				transform:translateX(-50%) rotateZ(-135deg) scaleX(0.75); -ms-transform:translateX(-50%) rotateZ(-135deg) scaleX(0.75); -webkit-transform:translateX(-50%) rotateZ(-135deg) scaleX(0.75); 
			}

		/*#endregion BTN-MENU*/

		/*#region MENU*/

			#haut .menu { 
				display:block;
				max-width:1180px; height:100%;
				margin:auto auto; 
			}

				#haut .menu > ul { 
					display:table;  
					width:100%; height:100%;
				}

					#haut .menu > ul > li { 
						position:relative; display:table-cell; 
						padding:0px 10px; 
						height:100%;
						vertical-align:middle; text-align:center; 
					}

						#haut .menu > ul > li > a { 
							position:relative; display:inline-block; 
							font-size:1.25rem; /*font-weight:300;*/ font-weight:400; color:white; 
							text-transform:uppercase;
						}
						#haut .menu > ul > li > a.seconnecter { text-transform:none; }

						#haut .menu > ul > li:hover > a::after,
						#haut .menu > ul > li.sel > a::after { 
							position:absolute; display:block; content:"";
							width:100%; height:1px;
							background-color:white;
							left:0px; bottom:-2px;
						}

						#haut .menu > ul > li.sm:hover > a::before,
						#haut .menu > ul > li.sm.sel > a::before { 
							position:absolute; display:block; content:"";
							width:10px; height:10px;
							border:solid 5px transparent;
							border-top-color:white;
							left:calc(50% - 5px); bottom:-12px;
						}

		/*#endregion MENU*/

		/*#region SOUS-MENU*/

			#haut .sousmenu {
				position:absolute; display:none;
				background-color:#9ac1a1;
				padding:10px 5px;
				top:calc(100% + 0px); left:50%;
				transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); 
			}

				#haut .sousmenu ul { 
					display:block;  
				}

					#haut .sousmenu ul > li { 
						display:block; 
						padding:4px 10px 5px; 
						text-align:left; 
					}

						#haut .sousmenu ul > li a { 
							display:block;
							margin:0px;
							font-size:1.25rem; /*font-weight:300;*/ font-weight:400; color:#1c6528;
							line-height:120%; 
							white-space:nowrap;
						}

						#haut .sousmenu ul > li:hover a, #haut .sousmenu ul > li.sel a { color:white; text-decoration:none !important; }
						#haut .sousmenu ul > li:hover, #haut .sousmenu ul > li.sel { background-color:#1c6528; }

		/*#endregion SOUS-MENU*/

/*#endregion HAUT*/

/*#region MILIEU*/

	#milieu {
		position:relative; display:block;
		width:100%; min-height:450px;
		margin:0px auto 50px auto; padding:70px 0px 0px;
		transition:all 0.25s ease-out;
	}
		#milieu > .limite {
			position:relative; display:block;
			width:100%; max-width:1000px;
			margin:0px auto;
			transition:all 0.25s ease-out;
		}

		#milieu .titrePage {
			position:relative; display:block;
			margin:0px; padding:0px 0px 40px;
			font-size:3rem; font-weight:800; color:#606060; line-height:110%;
			text-align:center;
		}
			#milieu .titrePage b { color:#f7b729; }
	
			/*#region Le message*/

			#milieu .message {
				position:fixed; display:inline-block; display:none; z-index:9999;
				margin:0px; padding:20px 30px;
				top:50%; left:50%;
				transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); 
				font-size:1rem; font-weight:normal; color:black;
				background-color:white;
				border:solid 2px #308abd;
				border-radius:5px;
				box-shadow:1px 3px 16px rgba(0,0,0,0.4);
			}
			#milieu .message::before {
				position:absolute; display:inline-block;
				content:"\f05a";
				font-family:"Font Awesome 5 Free"; font-size:2.125rem; font-weight:bold; color:#5e9868; line-height:100%;
				margin:0px; padding:0px;
				top:0px; left:0px;
				transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); 
				background-color:white;
				border-radius:50%;
				box-shadow:1px 1px 3px rgba(0,0,0,0.5);
			}
			
			/*#endregion Le message*/

			/*#region La Confirmation*/

			#milieu #confirmation {
				position:fixed; display:inline-block; display:none; z-index:9999;
				margin:0px; padding:20px 30px;
				top:50%; left:50%;
				transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); 
				font-size:1rem; font-weight:normal; color:black;
				background-color:white;
				border:solid 2px #308abd;
				border-radius:10px;
				box-shadow:1px 3px 16px rgba(0,0,0,0.8);
			}
			#milieu #confirmation::before {
				position:absolute; display:inline-block;
				content:"\f05a";
				font-family:"Font Awesome 5 Free"; font-size:2.125rem; font-weight:bold; color:#5e9868; line-height:100%;
				margin:0px; padding:0px;
				top:0px; left:0px;
				transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); 
				background-color:white;
				border-radius:50%;
				box-shadow:1px 1px 3px rgba(0,0,0,0.5);
			}
			/*Confirmation avec icone Attention*/
			#milieu #confirmation.attention { }
			#milieu #confirmation.attention::before { content:"\f06a"; color:red; }
			/*Confirmation avec icone Question*/
			#milieu #confirmation.question { }
			#milieu #confirmation.question::before { content:"\f059"; }

				#milieu #confirmation .boutons { padding:20px 0px 0px; }

			/*#endregion La Confirmation*/

			/*#region L'Information*/

			#milieu #information {
				position:fixed; display:inline-block; display:none; z-index:9999;
				margin:0px; padding:20px 30px;
				top:50%; left:50%;
				max-width:500px;
				transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); 
				font-size:1.125rem; font-weight:normal; color:black;
				background-color:white;
				border:solid 2px #308abd;
				border-radius:10px;
				box-shadow:1px 3px 16px rgba(0,0,0,0.8);
			}

			#milieu #information .icone {
				position:absolute; display:none;
				top:0px; left:0px;
				width:40px; height:40px;
				transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); 
				background-color:red;
				border-radius:50%;
				box-shadow:1px 1px 3px rgba(0,0,0,0.5);
			}

				#milieu #information .icone::before {
					position:absolute; display:inline-block; content:none;
					font-family:"Font Awesome 5 Free"; font-size:1.5rem; font-weight:bold; line-height:100%; color:white;
					top:50%; left:50%;
					transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); 
				}

			/*Confirmation avec icone Attention*/
			#milieu #information.attention .icone { display:block; }	#milieu #information.attention .icone::before { content:"\f12a"; }
			/*Confirmation avec icone Clef*/
			#milieu #information.clef .icone	  { display:block; }	#milieu #information.clef .icone::before	  { content:"\f084"; }

				#milieu #information .boutons { padding:20px 0px 0px; }

					#milieu #information .boutons .btnBleu { font-size:1.375rem; padding:2px 20px 4px; }

				#milieu #information .texte > ul { margin-top:5px; }

					#milieu #information .texte > ul > li { 
						position:relative; display:block; 
						padding-left:30px; 
					}
					#milieu #information .texte > ul > li::before { 
						position:absolute; content:"•";
						left:10px; top:0px;
						color:#5e9868;
					}

			/*#endregion L'Information*/

			/*#region DES ONGLETS*/

			#milieu .onglets {
				display:block;
				font-size:0;
				margin-bottom:-1px;
			}

				#milieu .onglets tr {
					display:block;
				}

					#milieu .onglets tr td {
						display:inline-block;
					}

						#milieu .onglets tr td > input[type="radio"] { display:none; }

						#milieu .onglets tr td > label {
							display:inline-block;
							border:solid 1px #c4cccf; border-bottom:none;
							margin:0px 1px; padding:8px 25px;
							background-color:#d6d5d4;
							font-size:1.125rem; font-weight:normal; color:white;
							border-radius:5px 5px 0px 0px;
							cursor:pointer;
						}
						#milieu .onglets tr td:first-child > label { border-top-left-radius:15px; }
						#milieu .onglets tr td:last-child > label { border-top-right-radius:15px; }

						#milieu .onglets tr td > input[type="radio"]:checked + label { background-color:#aeadac; color:black; }

						#milieu .contenusOnglet {
							border:solid 1px #c4cccf;
							padding:30px 20px 30px;
							background-color:white;
							background-image:linear-gradient(#aeadac 1px, white 25px);
							background-image:-moz-linear-gradient(#aeadac 1px, white 25px);
							background-image:-webkit-linear-gradient(#aeadac 1px, white 25px);
						}

			/*#endregion DES ONGLETS*/

/*#endregion MILIEU*/

/*#region BAS*/

	#bas {
		position:relative; display:table;
		margin:50px auto 0 auto; padding:0px;
		width:100%; min-height:238px;
		background-color:#5e9868;
	}

	#bas, #bas > *, #bas > * > *, #bas > * > * > *, #bas > * > * > * > *, #bas > * > * > * > * > * { transition:all 0.25s ease-out; }

		#bas > div {
			position:relative; display:table-cell;
			padding:0px;
			text-align:center; vertical-align:middle;
		}
		#bas.avec-logo > div {
			background:url(/images/principal/ecusson-bas.png) no-repeat calc(50% - 508px) 35px;
		}

		#bas .logo {
			position:absolute; display:none;
			margin-left:-190px;
			top:calc(50% - 69px);
		}

		#bas .logo.n2 {
			position:absolute; display:block;
			margin-left:0;
			top:calc(50% - 84px); left:calc(50% - 562px);
		}

		#bas .copy {
			position:absolute; display:block;
			left:30px; bottom:-30px;
		}

			#bas .copy .copyright {
				white-space:nowrap;
				font-size:1rem; font-weight:300; color:white; line-height:110%;
			}

		#bas .tableau {
			display:inline-table;
			margin:auto auto;
			width:auto;
			vertical-align:top;
			transform:translateY(-15px); -ms-transform:translateY(-15px); -webkit-transform:translateY(-15px); 
		}

			#bas .tableau .colonne {
				display:table-cell;
				vertical-align:top;
				padding:0px 30px;
			}

				#bas .tableau .colonne > ul { margin:0px; padding:0px; font-size:0; }

					#bas .tableau .colonne > ul > li { position:relative; display:block; padding:7px 0px; }
					#bas .tableau .colonne > ul > li:empty { height:20px; }

					#bas .tableau .colonne.c2 > ul > li { padding:3px 0px 2px; }
					#bas .tableau .colonne.c2 > ul > li:first-child { padding:7px 0px 2px; }

						#bas .tableau .colonne > ul > li a,
						#bas .tableau .colonne > ul > li span { font-size:1.25rem; font-weight:300; color:white; }

						#bas .tableau .colonne > ul > li a:hover { text-decoration:underline; }

						#bas .tableau .colonne > ul > li.reseaux > div { 
							position:absolute; display:inline-table;
							left:100%; top:calc(50% - 20px);
						}

							#bas .tableau .colonne > ul > li.reseaux > div > a { 
								display:table-cell; padding-left:12px;
							}

/*#endregion BAS*/


/*#region RESPONSIVE*/

@media all and (max-width:1240px) {

		#milieu > .limite {
			padding:0px 20px;
		}

}

@media all and (max-width:1120px) {

	#bas.avec-logo { min-height:338px; }
		#bas.avec-logo > div { padding-top:100px; background-position:calc(50% - 305px) 25px; background-size:72px;}

	#bas .logo { display:none; }

}

@media all and (max-width:930px) {

	#haut .btnMenu { display:block; }

	#haut { height:85px; }

		/*#region MENU*/

		#haut .menu { 
			position:absolute; display:block;
			left:0px; top:0px; 
			height:auto; 
			text-align:left; 
			padding:10px; 
		}

			#haut .menu > ul { 
				position:absolute; display:block; 
				left:0px; top:85px; 
				width:auto; max-width:320px; min-width:235px; 
				height:auto; min-height:300px;
				text-align:inherit; 
				background-color:#9ac1a1;
				padding:20px 7px 20px 7px;
				transform:translateX(-101%); -ms-transform:translateX(-101%); -webkit-transform:translateX(-101%); 
				transition:all 0.33s ease-out; 
			}
			#haut .menu > ul.mw250 { min-width:250px; }

			#haut .menu > ul.menu-on { transform:translateX(0%); -ms-transform:translateX(0%); -webkit-transform:translateX(0%);  }

				#haut .menu > ul > li { 
					display:block; 
					margin:0px; padding:3px 10px 5px; 
					height:auto; width:auto; 
					text-align:left; 
					font-size:1.1875em; font-weight:normal; 
				}
				#haut .menu > ul > li:hover,
				#haut .menu > ul > li.sel { background-color:white; }
				
					#haut .menu > ul > li > a { font-size:1.125rem; color:white; white-space:nowrap; }
					#haut .menu > ul > li:not(.commande) a{ color:#fff; }
					#haut .menu > ul > li:hover > a,
					#haut .menu > ul > li.sel > a {
						color:#5e9868;
					}
					#haut .menu > ul > li:not(.commande) a.btnOrange {
						padding:0;
						border:none; border-color:transparent;
						background-color:transparent;
						text-align:left;
					}
					#haut .menu > ul > li a.ls,
					#haut .menu > ul > li a[href$="autres"],
					#haut .menu > ul > li a[href$="autres.aspx"] { letter-spacing:-0.444px; }

					#haut .menu > ul > li a.ls i,
					#haut .menu > ul > li a.ls b {font-size:0.933em;}

				#haut .menu > ul > li.recherche { display:none; }

		/*#endregion MENU*/

		/*#region SOUS-MENU*/

			#haut .sousmenu {
				position:relative; display:none;
				background-color:none;
				margin:0px -10px -5px;
				padding:15px 5px 15px 10px;
				top:auto; left:auto;
				transform:none; -ms-transform:none; -webkit-transform:none; 
			}

				#haut .sousmenu ul {
				}
					#haut .sousmenu ul li { 
						padding:0px 7px 0px 7px;
					}

						#haut .sousmenu ul li:hover a,
						#haut .sousmenu ul li.sel a { color:#5e9868; }
						#haut .sousmenu ul li:hover,
						#haut .sousmenu ul li.sel { background-color:white; }

		/*#endregion SOUS-MENU*/


	#milieu { padding-top:85px; min-height:300px; }

		#milieu > .limite {
			padding:0px 15px;
		}

	#total .nomob { display:none !important; }
	#total .mob { display:inherit !important; }

}

@media all and (max-width:768px) {

		#milieu > .limite {
			padding:0px 10px;
		}

	#bas.avec-logo { }
		#bas.avec-logo > div { padding-top:120px; background-position:calc(50% - 125px) 25px; }

		#bas .tableau { display:block; margin:25px 0; padding-bottom:10px; }
			#bas .tableau .colonne { display:block; min-width:99%; padding: 0 10px;}
				#bas .tableau .colonne > ul { display:block; }
					#bas .tableau .colonne > ul > li,
					#bas .tableau .colonne.c1 > ul > li,
					#bas .tableau .colonne.c2 > ul > li,
					#bas .tableau .colonne.c3 > ul > li { display:block; padding:0 0 !important; margin:9px auto; max-width:320px; line-height:1.1;}

		#bas .copy {
			left:50%; 
			transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); 
		}

	.popup > .popup-contenu .images > div { display:block; }

		.popup > .popup-contenu .images > div > div { 
			position:relative; display:block;
			text-align:center; 
			padding:0px 0px 10px 10px;
			color:#333333;
			white-space:normal;
		}
		.popup > .popup-contenu .images > div > div::first-letter { text-transform:capitalize; }
		.popup > .popup-contenu .images > div > div:empty { display:none; }

			.popup > .popup-contenu .images > div > div br { display:none; }

		.popup > .popup-contenu .images > div > div:nth-child(1),
		.popup > .popup-contenu .images > div > div:nth-child(3),
		.popup > .popup-contenu .images > div > div:nth-child(4),
		.popup > .popup-contenu .images > div > div:nth-child(5),
		.popup > .popup-contenu .images > div > div:nth-child(6) { background-image:none; }

}

@media all and (max-width:750px) {

}

@media all and (max-width:680px) {

		#milieu > .limite {
			padding:0px 5px;
		}

}

@media all and (max-width:340px) {

	#bas.avec-logo { }
		#bas.avec-logo > div { padding-top:120px; background-position:9px 25px; }

			#bas .tableau .colonne.c1 { max-width:300px; }

			#bas .copy .copyright { font-size:0.9375rem; }

}

/*#endregion RESPONSIVE*/