﻿/*#region RESET STYLE ELEMENTS HTML */

	html { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size:16px; }
	*, *:before, *:after { -webkit-box-sizing:inherit; -moz-box-sizing:inherit; box-sizing:inherit; }

	body {
		box-sizing:border-box;
		margin:0; min-width:320px;
		background-color:white;
		color:#606060;
	}

	body, input, textarea, select, option { font-family:ssp, sans-serif, Verdana, Arial, Geneva; font-size:1.125rem; font-weight:normal; }
	select option { font-family:ssp, sans-serif, Verdana, Arial, Geneva; font-size:1rem; font-weight:normal; }

	html, body, body > form, #total { height:100%; }

		h1,h2,h3,h4,h5{margin-block-start:0; margin-block-end:0; margin-inline-start:0px; margin-inline-end:0px;}
		body a, body a:focus, body a:hover, body a:active, body a:visited { outline:none !important; text-decoration:none; }

		ul { padding:0; margin:0; }

			ul li:not(.ruFileLI) { text-decoration:none; list-style:none; display:inline-block; }

			ul.rcbList > li { display:block; }

		table {
			margin:0px; padding:0px;
			border:none; border-collapse:collapse;
		}
			td { padding:0px; }

		td:not([align]), div { text-align:left; vertical-align:top; }

		b, strong { font-weight:600; }

/*#endregion */

/*#region FORMATAGE*/
/*#endregion FORMATAGE*/

/*#region Divers*/

	*.masque { display:none; opacity:0; width:0; max-width:0; height:0; max-height:0; font-size:0; border:none; background:transparent; overflow:hidden; position:absolute; left:-999999px; top:-999999px; }
	*.super-masque, *.super-masque *, input[type=hidden] { display:none !important; position:absolute !important; left:-99999px !important; top:-99999px !important; overflow:hidden; visibility:hidden; height:auto; width:auto; margin:0px !important; padding:0 !important; border:0px transparent none !important; opacity:0; font-size:0; min-height:0px; height:0px !important; max-height:0px; min-width:0px; width:0px !important; max-width:0px; }

	.grisage, .blanchiement { 
		position:fixed; display:none; z-index:9998;
		width:100%; height:100%;
		margin:0px; padding:0px; border:none;
		cursor:progress;
	}
	.grisage { background-color:rgba(0,0,0,0.5); }
	.blanchiement { background-color:rgba(255,255,255,0.5); }

	.containerbtnreserver { text-align:center; /*padding:30px 0px;*/ margin:30px 0px; }

/*#endregion Divers*/

/*#region AOM.DataGrid*/

	html .RadGrid.RadGrid_Silk { width:100% !important; }

	.RadGrid .consulter, .RadGrid .telecharger, .RadGrid .editer, .RadGrid .dupliquer, .RadGrid .supprimer { text-align:center; width:10px; }
	.RadGrid .consulter a:hover, .RadGrid .telecharger a:hover, .RadGrid .editer a:hover, .RadGrid .dupliquer a:hover, .RadGrid .supprimer a:hover { color:#1aa5d1; }

	.RadGrid .consulter.aspNetDisabled a, .RadGrid .telecharger.aspNetDisabled a, .RadGrid .editer.aspNetDisabled a, .RadGrid .supprimer.aspNetDisabled a { opacity:0.25; }

	#milieu .RadGrid_Silk .rgHoveredRow { background-color:rgba(7, 132, 159, 0.1); }
	#milieu .RadGrid_Silk .rgHoveredRow .rgSorted { background-color:rgba(7, 132, 159, 0.1); }

	#milieu .RadGrid_Silk .rgHeader { padding:8px 20px 7px 8px; }
	#milieu .RadGrid_Silk .rgHeader, #milieu .RadGrid_Silk .rgHeader a { font-size:1rem; color:#444444; white-space:nowrap; }

	#milieu .RadGrid_Silk .rgHeader, #milieu .RadGrid_Silk th.rgResizeCol, #milieu .RadGrid_Silk .rgHeaderWrapper, #milieu .RadGrid_Silk .rgFilterRow { background-color:#d6d5d4; border-bottom:1px solid white; }
	
	#milieu .RadGrid_Silk th.rgSorted { background-color:#aeadac; }

	#milieu .RadGrid_Silk .rgFooterDiv, #milieu .RadGrid_Silk .rgFooter, #milieu .RadGrid_Silk .rgFooterWrapper { background:#aeadac; }

	#milieu .RadGrid_Silk .rgSorted { background-color:#f6f5f4; }

	#milieu .RadGrid_Silk .rgHeader .rgActionButton { line-height:1rem; }

	#milieu .RadGrid .rgFilter { font-size:1.5rem; line-height:1rem; }

	#milieu .RadGrid_Silk input.rgFilterBox { width:calc(100% - 60px); max-width:180px; }

		/* from NDC */
		#milieu .RadGrid_Silk .rgMasterTable input.rgFilterBox { font-size:0.875rem; line-height:1.2; height:1.213em;}
		#milieu .RadGrid_Silk .rgMasterTable .rgFilter { height:24px; line-height:inherit; }

		#milieu .RadGrid .rgPagerCell .rgAdvPart .RadComboBox { line-height:1.5; min-width:85px; }
		#milieu .RadGrid .rgPagerCell .rgAdvPart .RadComboBox .rcbInput { text-align:center; }

		#form1 .rcbSlide .RadComboBoxDropDown { font-size:0.975em; }
		#form1 .RadMenu .rmGroup .rmLink { font-size:0.975em; line-height:1.5; padding:2px 20px; }

/*#endregion AOM.DataGrid*/

/*#region FONT AWESOME*/

.fas-before:before, .fas-before::before,
.fas-after:after, .fas-after::after,
.fas-before-child > *:before, .fas-before-child > *::before,
.fas-after-child > *:after, .fas-after-child > *::after,
.fas-before-child-label > label:before, .fas-before-child-label > label::before,
.fas-after-child-label > label:after, .fas-after-child-label > label::after {
	font-family:"Font Awesome 5 Free";
	font-weight:900; font-style:normal; font-variant:normal;
	text-rendering:auto; line-height:1;
	content:"";
}

/*#endregion FONTAWESOME*/

/*#region POPUP*/

.popup-ouvre { cursor:pointer; }

.popup {
	position:fixed; display:none; z-index:30000;
	left:50%; top:50%;
	transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);
	padding:40px 23px 27px; margin:auto auto auto auto;
	width:100%; max-width:880px;
	border:solid 2px #5e9868; border-radius:10px;
	background-color:white;
	box-shadow:10px 20px 30px rgba(0, 0, 0, 0.25);
}
	.popup > .popup-contenu {
		display:block;
		padding:0; margin:0; border:none;
	}
	.popup > .popup-contenu.scroll {
		padding-right:1em;
	}

		.popup .titre {
			padding:0px 40px 20px 0px;
			font-size:1.5rem; font-weight:800; color:#357033; line-height:130%;
		}

		.popup .soustitre {
			padding:0px 0px 20px 0px;
			font-size:1.25rem; font-weight:600; color:#5e9868; line-height:130%;
		}

		.popup > .popup-contenu .texte {
			padding:0px;
			font-size:1rem; font-weight:600; color:#606060; line-height:130%;
		}

			.popup > .popup-contenu .texte ul { margin:0px 0px 5px 0px; }
				.popup > .popup-contenu .texte ul li { position:relative; display:block; padding-left:10px; }
				.popup > .popup-contenu .texte ul li::before { position:absolute; content:"-"; left:0px; }

		.popup > .popup-contenu .texte.partie2 { font-size:1.125rem; }

		.popup > .popup-contenu .images { padding:20px 0px 10px; text-align:center; }

			.popup > .popup-contenu .images > div { display:inline-table; max-width:660px; }

				.popup > .popup-contenu .images > div > div { 
					display:table-cell;
					text-align:center; 
					font-size:1rem; font-weight:600; color:#606060; line-height:130%;
					white-space:nowrap;
					padding:82px 15px 0px;
					background-repeat:no-repeat; background-position:top center;
				}
				.popup > .popup-contenu .images > div > div:empty { width:30px; }

				.popup > .popup-contenu .images > div > div:nth-child(1) { background-image:url(/images/global/pop-covid-1.png); }
				.popup > .popup-contenu .images > div > div:nth-child(3) { background-image:url(/images/global/pop-covid-2.png); }
				.popup > .popup-contenu .images > div > div:nth-child(4) { background-image:url(/images/global/pop-covid-3.png); }
				.popup > .popup-contenu .images > div > div:nth-child(5) { background-image:url(/images/global/pop-covid-4.png); }
				.popup > .popup-contenu .images > div > div:nth-child(6) { background-image:url(/images/global/pop-covid-5.png); }

		.popup > .popup-contenu .savoirplus { text-align:center; }
	
			.popup > .popup-contenu .savoirplus a { font-size:1.125rem; font-weight:600; color:#1aa5d1; }
			.popup > .popup-contenu .savoirplus a:hover { text-decoration:underline; }

	.popup .popup-ferme {
		position:absolute; display:inline-block;
		top:10px; right:20px;
		font-size:1.5rem; font-weight:bold; color:#606060;
		cursor:pointer;
	}
	/* .popup .popup-ferme::before { content:"X"; } */

	.popup h1 { color:#424242; } .popup .popup-fermer { background-color:#424242; }

.popup-grisage {
	position:fixed; display:none; z-index:20000;
	width:100%; height:100%;
	background-color:rgba(255,255,255,0.5);
	top:0px; left:0px;
	text-align:center; vertical-align:middle;
	/*cursor:not-allowed;*/cursor:default;
}

/*#endregion POPUP*/

/*#region TRAITEMENT EN COURS*/

	.traitementencours {
		position:fixed; display:block; z-index:100000; display:none;
		width:100%; height:100%;
	}
	.traitementencours.on { display:block; }

		.traitementencours .fond {
			position:fixed; display:block;
			width:100%; height:100%;
			top:0px; left:0px;
			background-color:transparent;
		}
		.traitementencours .fond.on { background-color:black; opacity:0.2; }

		.traitementencours .message { 
			position:absolute; display:inline-block; /*display:none;*/
			background-color:white;
			margin:0px; padding:20px 40px;
			border-radius:5px;
			box-shadow:6px 6px 20px rgba(0,0,0,0.6);
			top:50%; left:50%;
			transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); 
			vertical-align:middle; text-align:center;
		}
		.traitementencours .message.on { display:inline-block; }

			.traitementencours .message label {
				display:inline-block;
				font-size:1.125rem; color:black;
				white-space:nowrap;
				vertical-align:middle;
				padding:5px 20px 5px 0;
			}

			.traitementencours .message img { display:inline-block; vertical-align:middle; }

/*#endregion TRAITEMENT EN COURS*/

/*#region NB CARS MAX*/

	textarea[nbCarsMax] {}

		textarea[nbCarsMax] + .nbcarsrestants {
			display:block;
			padding:0px 0px 0px 5px;
			font-weight:normal; font-size:1rem; font-style:italic; color:#606060;
		}
	

/*#endregion NB CARS MAX*/

/*#region CONSENTEMENT*/

	.consentement {
		position:fixed; left:0; top:0; z-index:31000;
		display:block;
		background-color:#fff;
		background-color:rgba(255, 255, 255, 0.35);
		margin:0px; padding:0px;
		width:100%; height:100%;
	}
		.consentement > div {
			position:fixed; left:0; bottom:0; z-index:31001;
			display:block;
			background-color:#f1f8fa;
			background-color:rgba(241, 248, 250, 0.85);
			margin:0px; padding:0px;
			border-top:solid 5px #357033;
			width:100%;
		}
			.consentement > div > div {
				position:relative;
				display:block;
				margin:0 auto; padding:10px 10px;
				width:100%; max-width:1200px;
			}
				.consentement > div > div > div {
					margin:0 auto;
					width:100%; max-width:1100px;
				}
				.consentement > div > div > a.consentement-close {
					position:absolute; right:1em; top:1px;
				}
				.consentement.cant-close > div > div > a.consentement-close {
					display:none;
				}
					.consentement > div > div > a.consentement-close:before {
						display:inline-block;
						font-size:2rem; font-weight:600; color:#04aee2; line-height:1;
						content:"x";
					}

				.consentement #cst1 {
					display:block;
					font-size:1.125rem; font-weight:normal; color:#357033; line-height:1.15;
					max-width:1160px;
					margin:0px auto;
					text-align:left;
				}
					.consentement #cst1 .texte {
						display:block; padding-right:2em; line-height:1.15;
					}
					.consentement.cant-close #cst1 .texte {
						padding-right:0;
					}
					.consentement #cst1 .boutons {
						display:table;
						margin:10px auto 15px auto;
						width:100%; max-width:500px;
					}
						.consentement #cst1 .boutons > * {
							display:table-cell;
							padding:0 20px;
							text-align:center; vertical-align:middle;
						}
						.consentement #cst1 .boutons .btnBleu {
							display:inline-block;
							margin:0; padding:7px 10px;
							background-color:#357033;
							font-size:1rem; font-weight:normal; color:white; line-height:1.1;
						}

/*#region POPUP COOKIES*/

	#total .popcookies {
		max-width:600px;
		border-color:#357033;
		max-height:100%;
		top:50%;
		transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); 
		padding:120px 10px 20px;
	}
		#total .popcookies::before {
			position:absolute; display:block; content:"";
			width:198px; height:71px;
			background:url(/images/global/logo-web.svg) no-repeat;
			left:calc(50% - 99px); top:30px;
		}

	#total .popcookies .popup-contenu {
	}

		#total .popcookies .texte {
			display:inline-block;
			font-size:1rem; font-weight:normal; color:#077594; line-height:150%;
			max-width:1100px;
			margin:0px auto;
			text-align:left;
		}

		#total .popcookies .boutons {
			text-align:center;
			padding:20px 0px 0px;

		}

			#total .popcookies .boutons br { display:none; }

			#total .popcookies .boutons .btnBleu {
				margin:0px 0px 0px 100px;
				font-size:1.0625rem; font-weight:normal;
				padding: 2px 10px 3px;
			}
			#total .popcookies .boutons .btnBleu:first-child { margin-left:0px; }

	#total .popcookies.details { display:none; }

		
		#total .popcookies.details .form { text-align:center; }

			#total .popcookies.details .form table { display:inline-table; margin:20px auto; }

				#total .popcookies.details .form table tbody tr:nth-child(odd) { background-color:#F0F0F0; }
				#total .popcookies.details .form table tbody tr:nth-child(even) { background-color:#F9F9F9; }

					#total .popcookies.details .form table th,
					#total .popcookies.details .form table td { padding:10px 10px; font-size:1rem; vertical-align:middle; }

					#total .popcookies.details .form table thead th,
					#total .popcookies.details .form table thead td { padding:5px 10px; text-align:center; line-height:100%; }

					#total .popcookies.details .form table th { text-align:left; font-weight:bold; }

						#total .popcookies.details .form table th i { display:block; font-size:0.9375rem; font-weight:normal; }

					#total .popcookies.details .form table td { text-align:center; }


		#total .popcookies input[type="radio"] { display:none; }
		#total .popcookies input[type="radio"] + label { 
			position:relative; display:inline-block; 
			cursor:pointer; 
			color:#606060; 
			line-height:100%;
		}
		#total .popcookies input[type="radio"] + label::before { 
			content:""; position:absolute; display:block;
			border:solid 1px #357033; border-radius:0px;
			width:22px; height:22px;
			top:calc(50% - 15px); left:-12px;
			background-color:transparent;
		}
		#total .popcookies input[type="radio"]:checked + label::before { background-color:white; }
		#total .popcookies input[type="radio"]:checked + label::after { position:absolute; top:calc(50% - 17px); left:-12px; content:"\f00c"; font-family:'Font Awesome 5 Free'; font-size:1.875rem; font-weight:bold; color:#357033; }

/*#endregion POPUP COOKIES*/

/*#endregion CONSENTEMENT*/


/*#region RESPONSIVE*/

@media all and (max-width:900px) {

	/*#region "fond générique"*/
	.fg1 {}
	.fch_before:before, .fch_after:after,
	.fg3:before,.fg4:before, .fgg_before:before, .fgg_after:after,.fgd_before:before, .fgd_after:after{content:none;display:none;}
	/*#endregion "fond générique"*/
}

@media all and (max-width:750px) {

	.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:440px) {

	.consentement #cst1 .boutons {
		display:block;
	}
		.consentement #cst1 .boutons > * {
			display:block;
			margin:10px 15px;
		}

}

/*#endregion RESPONSIVE*/
