@charset "utf-8";
/*
CSS Document
VERT : rgba(131,182,24) ou #83B618
ROUGE : rgba(193,2,44) ou #C1022C
JAUNE : rgba(244,175,47) ou # F4AF2F
FAMILY FONT : 'lato'; 'dopest";
*/

.calendrier { width:100%; margin:0 auto; }
	.calendrierTop { width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:0 0.5rem; margin-bottom:1rem; }
		.calendrierTop_btn { background-color:rgba(193,2,44); padding:1rem 2rem; }
			.calendrierTop_btn:hover { background-color:rgba(131,182,24); }
			.calendrierTop_btn a:link, .calendrierTop_btn a:visited { color:#FFFFFF; }
	.calendrierLine { width:100%; display:flex; flex-wrap:wrap; justify-content:space-around; }
		.calendrierLine_box { width:13%; margin:0.5%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background-color:#C6C6C6; padding:1em 2em; }
			.dayBox { width:13%; margin:0.5%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:1em 2em; }
				.nil { background:none; }
				.menu { background-color:rgba(131,182,24); }
					.menu:hover { background-color:rgba(193,2,44); }
					.menu a:link, .menu a:visited { color:#FFFFFF; }
					.menu a:hover, .menu a:active { color:#FFFFFF; }
				.auj { background-color:#666666; color:#FFFFFF; }
				.today {border:#000000 1px solid; }
				.true { background-color:rgba(131,182,24); }
				.false { background-color:rgba(193,2,44); }
					.true:hover { background-color:rgba(244,175,47); }
					.true a:link, .true a:visited { color:#FFFFFF; }
					.true a:hover, .true a:active { color:#FFFFFF; }
				.selectedDay { background-color:rgba(244,175,47); padding:0.5rem 1rem; }


	.collapsible { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; font-size:1.5em; cursor:pointer; border:none; text-align:left; outline:none; background:rgba(193,2,44); padding:1em; color:#FFFFFF; }
		.active, .collapsible:hover { }
		/*
		.collapsible:after { content: '\002B'; color:rgba(193,2,44); font-weight:bold; float:right; margin-left:0.5rem; }
		.active:after { content:"\2212"; }
		*/
		.content { display:none; width:100%; padding:0.5em 0; overflow:hidden; background-color:#FFFFFF; }
			.contentBox { width:100%; display:flex; flex-wrap:wrap; }
				.time { justify-content:center; }
				.contentBox_BTN { margin:1% 0.5%; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; padding:0.5em; background-color:rgba(131,182,24); font-size:1.25em; }
					.contentBox_BTN:hover { background-color:rgba(193,2,44); }
					.contentBox_BTN i { padding-left:0.5em; }
					.contentBox_BTN a { color:#FFFFFF; }
					.selected { background-color:rgba(244,175,47); }
					.complet { background-color:rgba(193,2,44); color:#FFFFFF; }
					

			
.resa { width:100%; display:flex; flex-wrap:wrap; }
	.resaTitle { width:100%; text-align:center; }
	.resaInfos { width:55%; margin:0 auto; display:flex; flex-wrap:wrap; align-content:flex-start; padding:1em 0.25em; font-size:1.5rem; }
		.resaInfos h2, .resaInfos p { width:100%; text-align:center; }
		.telBTN { margin:2em auto; }
			.telBTN a:link, .telBTN a:visited { background-color:rgba(131,182,24); color:#FFFFFF; padding:1em 2em; }
		.error { width:100%; display:flex; flex-wrap:wrap; border:#FF0000 1px solid; align-items:center; padding:1em; }
			.errorPict { width:20%; font-size:0; }
			.errorText { width:80%; padding-left:1em; }
				.errorText p { text-align:left; }
	.resaForm { width:55%; margin:0 auto; text-align:center; }
		.resaFormBox { width:100%; }
			.resaForm_date { width:100%; display:flex; flex-wrap:wrap; background-color:rgba(193,2,44); color:#FFFFFF; font-size:1.5em; padding:1em; }
			.contentBox_formBTN { width:100%; display:flex; flex-wrap:wrap; justify-content:space-around; }
				.contentBox_formBTN div { padding:1em; }
				input[type="button"] { border:none; font-size:1.5rem; font-family:'lato', Verdana, Geneva, sans-serif; border-radius:0.5rem; padding:1rem 2rem; cursor:wait; color:#FFFFFF; background-color:#999999; }
				input[type="submit"] { border:none; font-size:1.5rem; font-family:'lato', Verdana, Geneva, sans-serif; border-radius:0.5rem; padding:1rem 2rem; cursor:pointer; color:#FFFFFF; }
					input[type="submit"]:hover { background-color:#999999; }
					.send { background-color:rgba(131,182,2); }
					.cancel { background-color:rgba(193,2,44); }
				label { width:100%; display:flex; flex-wrap:wrap; font-size:1.5rem; margin-top:1rem; align-items:center; }
					label i { font-size:0.75rem; color:rgba(193,2,44); padding:0 1em; }
				textarea { resize:none; width:100%; border:none; background-color:#F6F6F6; font-size:1.25rem; font-family:'lato', Verdana, Geneva, sans-serif; padding:1em; }
		.contentContact { width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-around; background-color:rgba(193,2,44); color:#FFFFFF; padding:1em; font-size:1.5rem; text-align:left; }
			.contentContact_label { width:20%; }
			.contentContact_field { width:80%; }
			input[type="text"] { width:97.5%; margin-left:2.5%; border:none; font-size:1.5rem; background-color:#F6F6F6; border-radius:0.25em; padding:0.5em; }
			.contentContact_error { width:100%; font-size:1rem; font-style:italic; padding-top:0.5rem; padding-left:25%; color:#CF0; }
			.contentContact_errorNO { width:100%; font-size:1rem; font-style:italic; padding-top:0.5rem; padding-left:25%; color:#FFFFFF; }
			input:focus, textarea:focus { outline:none; font-family:'lato', Verdana, Geneva, sans-serif; border:none; background-color:#F6F6F6; border-radius:0.25em; padding:0.5em;  }

@media screen and (max-width:1600px) {

}

@media screen and (max-width:1280px) {
	/* 17-19 pouces */
}

@media screen and (max-width:1020px) {
	/* 15 pouces */

}

@media screen and (max-width:600px) {
	.resaInfos, .resaForm { width:100%; }
		.calendrierLine_box, .dayBox { padding:1em 0.5em; }
		.resaForm_date, .collapsible { padding:1em 0.5em; }
			.collapsible div:last-child { display:none; }
		.contentContact { padding:1em 0.5em; }
			.contentContact_label, .contentContact_field, .contentContact_errorNO, .contentContact_error { width:100%; padding:0; }
			input[type="text"] { width:100%; margin:0.5em 0; }
			textarea { width:96%; margin:0 auto; padding:0.5em; }
			.contentBox_formBTN div { padding:1em 0; }
	
	
}