/*															*/
/* https://palettesdecouleurs.com/palette-de-couleurs-2124/ */
/*															*/			
:root{
	font-size: 	16px;
}
[class*="col-"] {
	float: left;
//	padding: 0.5rem;
//	border: 1px solid green;
}
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
.col-13 {width: 34%;}
.col-14 {width: 22%;}
.col-15 {width: 20%;}
.col-16 {width: 80%;}
.col-17 {width: 10%;}
.col-18 {width: 90%;}
.col-1a {width: 15.00%;}
.col-2a {width: 22.00%;}
.col-3a {width: 63.00%;}
.col-4a {width: 10.00%;}
.col-5a {width: 35.00%;}
.col-6a {width: 100%;}
.col-7a {width: 60%;}
.col-7ab {width: 40%;}
.col-7ac {width: 30%;}


@font-face{
	font-family: 	myBRLNSRFont;
	src:			url('../font/brlnsr.ttf');
}
@font-face{
	font-family: 	myCalibriRegular;
	src:			url('../font/mtcorsva.ttf');
}
@font-face{
	font-family: 	myAndersonSilva;
	src:			url('../font/Anderson Silva.ttf');
}
@font-face{
	font-family: 	myMotiraIt;
	src:			url('../font/Motira Italic.otf');
}
@font-face{
	font-family: 	myMotiraRg;
	src:			url('../font/Motira Regular.otf');
}
@font-face{
	font-family: 	myFont;
	src:			url('../font/mtcorsva.ttf');
}
@font-face{
	font-family: 	myMtcorsva;
	src:			url('../font/mtcorsva.ttf');
}
@font-face{
	font-family: 	myAvenis;
	src:			url('../font/Avenis.otf');
}
@font-face{
	font-family: 	myBohme;
	src:			url('../font/Bohme.ttf');
}
@font-face{
	font-family: 	myBroclenRegular;
	src:			url('../font/BroclenRegular-JpR9M.ttf');
}
@font-face{
	font-family: 	myCofigra;
	src:			url('../font/Cofigra.ttf');
}
@font-face{
	font-family: 	myVactorySansRegular;
	src:			url('../font/VactorySansRegular-drrAV.ttf');
}
@font-face{
	font-family: 	myShinkosansRegular;
	src:			url('../font/ShinkosansRegular-8OO50.otf');
}
@font-face{
	font-family: 	myCanosa-Light;
	src:			url('../font/Canosa-Light.otf');
}
@font-face{
	font-family: 	myCanosa-LightItalic;
	src:			url('../font/Canosa-LightItalic.otf');
}
@font-face{
	font-family: 	myRosemith;
	src:			url('../font/Rosemith-8OOBg.otf');
}
@font-face{
	font-family: 	myGantians;
	src:			url('../font/Gantians-BLL2B.otf');
}


.cl_Font1{
	font-family:		myCalibriRegular;
	font-size:			5rem;
	color:				#000;
}
.cl_Font1T{
	font-family:		myCalibriRegular;
	font-size:			1.2rem;
	color:				#000;
}
.cl_Font2{
	font-family:		myBRLNSRFont;
	font-size:			5rem;
	color:				#000;
}
.cl_Font2T{
	font-family:		myBRLNSRFont;
	font-size:			1rem;
	color:				#000;
}
.cl_Font3{
	font-family:		myAndersonSilva;
	font-size:			5rem;
	color:				#000;
}
.cl_Font3T{
	font-family:		myAndersonSilva;
	font-size:			1rem;
	color:				#000;
}
.cl_Font4{
	font-family:		myMotiraIt;
	font-size:			5rem;
	color:				#000;
}
.cl_Font4T{
	font-family:		myMotiraIt;
	font-size:			1.2rem;
	color:				#000;
}
.cl_Font5{
	font-family:		myMotiraRg;
	font-size:			5rem;
	color:				#000;
}
.cl_Font5T{
	font-family:		myMotiraRg;
	font-size:			1.2rem;
	color:				#000;
}
.cl_Font6T{
	font-family:		myBroclenRegular;
	font-size:			1.2rem;
	color:				#000;
}
.cl_Font7T{
	font-family:		myCofigra;
	font-size:			1.2rem;
	color:				#000;
}
.cl_Font8T{
	font-family:		myGantians;
	font-size:			1.2rem;
	color:				#000;
}
.cl_Font9T{
	font-family:		myShinkosansRegular;
	font-size:			1.2rem;
	color:				#000;
}
.cl_FontAT{
	font-family:		myCanosa-Light;
	font-size:			1.2rem;
	color:				#000;
}
.cl_FontBT{
	font-family:		myCanosa-LightItalic;
	font-size:			1.2rem;
	color:				#000;
}
.img1 {
	/* display: 	block; */
	/* margin: 	0 auto; */
	max-width: 			15rem;
	max-height:			15rem;
	margin-top:			0.8rem;
}
.img2 {
	/* display: 	block; */
	display:			block;
	margin-left: 		auto;
	margin-right:		auto;
	width:				75%;
}
.img2a {
	/* display: 	block; */
	display:			block;
	margin-left: 		auto;
	margin-right:		auto;
	width:				100%;
}
.img2b {
	/* display: 	block; */
	display:			block;
	margin-left: 		auto;
	margin-right:		auto;
	width:				80%;
}
.img3 {
	max-width: 			2em;
	max-height:			2rem;
	cursor: 			pointer;	
}
.img4 {
	/* display: 	block; */
	/* display:			block; */
	margin-left: 		auto;
	margin-right:		auto;
	max-width:			500px;
	height:				auto;
	border:				1px solid grey;
	border-radius:		10px;
	/* box-shadow:			10px 10px #53c0cc; */
	box-shadow: 		0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.3);
}
.img5 {
	/* display: 	block; */
	display:			block;
	width:				9rem;
	max-width: 			10rem;
	max-height:			10rem;
}
.img6 {
	/* display: 	block; */
	display:			block;
	width:				12rem;
	max-width: 			18rem;
	max-height:			18rem;
}
.img7 {
	display:			block;
	max-width: 			2rem;
	max-height:			2rem;
}

body{
	width:				100%;
	/* max-width:			95rem; */
	/* background-color:	#fff; */
	/* background-image:	url("/images/backGround/image4.jpg"); */
	/* margin:				0 auto; */
	/* border:				0.1rem solid grey; */
	/* background-repeat:		no-repeat; */
	background-position:	center;
	/* background-attachment: 	fixed; */
	background-size: 		cover;
	/* font-family:		myBRLNSRFont; */
	font-family:		myMotiraRg;
	/* font-family:		myAvenis; */
	font-size:			1.5rem;
}
.cl_backGroundImage{
	background-repeat:		no-repeat;
	background-attachment: 	fixed;
}
.cl_smallScreen{
	background-image: 	linear-gradient(to right, rgba(254,165,0,0.5), rgba(69,89,0,0.5));
	/* text-shadow:		1px 1px #aaa; */
	text-shadow:		1px 2px #FFFF66;
	border-radius:		2rem;
	color:				#455900;
	font-size:			1.2rem;
	font-weight: 		bold;	
	
}
/*======================================================================================*/	
/*CLASSES																				*/
/*======================================================================================*/	
/*Contenu					*/
/*--------------------------*/
.cu_Titre{
	font-family:		myRosemith;
	text-align:			center;
	font-size:			6rem;
	/* text-shadow: 		2px 2px #aaa; */
	text-shadow: 		2px 2px 4px #000000;
	color:				white;
	margin-top:			-10rem;
}
.cu_Titre_01{
	font-family:		myMotiraRg;
	font-size:			2rem;
	font-weight: 		bold;	
	/* background-color:	#d7a9a580; */
	background-image: 	linear-gradient(to right, #d7a9a580, rgba(255,0,0,0));
	width:				50%;
}
.cu_subTitre_01{
	font-family:		myMotiraRg;
	font-size:			1.8rem;
	line-height:		1.5rem;
	font-weight: 		1000;
	/* font-weight: 		bold;	 */
	/* background-color:	#d7a9a580; */
	/* width:				50%; */
}
.cu_Text_01{
	font-family:		myMotiraRg;
	font-size:			2rem;
	font-weight: 		bold;	
}
.cu_Text_02{
	font-family:		myMotiraRg;
	font-size:			1.5rem;
	line-height:		1;
}
.cu_Text_03{
	font-size:			1rem;
}

.cu_Text_03a{
	font-size:			1rem;
	font-family:		myShinkosansRegular;
	text-shadow:		1px 1px #aaa;
	letter-spacing: 	-0.2px;
}
.cu_Text_03b{
	font-size:			1rem;
	font-family:		myGantians;
	letter-spacing: 	1.3px;
}
.cu_Text_04{
	font-family:		myMotiraRg;
	font-size:			1.8rem;
}
.cu_Text_05{
	color:				#455900;
}
.cu_Text_06{
	font-family:		myMotiraRg;
	font-size:			2rem;
	font-weight: 		bold;	
	background-color:	#d7a9a580;
}
.cu_Text_06a{
	font-family:		myMotiraRg;
	font-size:			2rem;
	font-weight: 		bold;	
	/* background-color:	#d7a9a580; */
	text-align:			center;
	background-color: 	rgb(255, 255, 255,0.6);
	color:				#455900;
	padding-top:		0.5rem;
}
.cu_Text_06b{
	font-family:		myMotiraRg;
	font-size:			2rem;
	font-weight: 		bold;	
	/* background-color:	#d7a9a580; */
	text-align:			center;
	/* background-color: 	rgb(255, 255, 255,0.6); */
	color:				#455900;
	padding-top:		0.5rem;
}


.cu_Text_07{
	/* font-family:		myMotiraRg; */
	font-size:			0.9rem;
	font-weight: 		bold;	
	/* background-color:	#d7a9a580; */
	text-shadow:		1px 1px #aaa;	
}
/*Contenant					*/
/*--------------------------*/
.ct_Div_01{
	margin-bottom:		5rem;
	width:				70vw;
	margin: 			0 auto;
}
.ct_Div_02{
	background-color:	rgba(0, 255, 255, 0.6);
}

.ct_Row_01{
	display:			flex;
	flex-direction:		row;
	z-index:			2;
}
.ct_Column_01{
	display:			flex;
	flex-direction:		column;
	z-index:			2;
}
.ct_Para_01{
	text-align:			center;
	z-index:			2;
}
.ct_Image_01{
	background-image:	url("/images/fruit_01a.jpg");
	z-index:			2;
	/* height:				20rem; */
	background-position:	center;
	background-repeat: 		no-repeat;
 	/* background-size: 		cover; */
}
.ct_Image_02{
	background-image:	url("/images/fruit_02.jpg");
	z-index:			2;
	background-position:	center;
	background-repeat: 		no-repeat;
	/* background-size: 		50px; */
	/* position: 				relative;	 */
}
.ct_Image_03{
	background-image:	url("/images/BandeauYa.png");
	background-position:	center;
	background-repeat: 		no-repeat;
	/* background-size: 		50px; */
	/* position: 				relative;	 */
}
.ct_subContact_01{
	/* border:			1px solid grey; */
	margin:				0.5rem 0rem 0.5rem 0.5rem;
	border-radius: 		5px;
	border-style: 		ridge;
	background-color: 	rgb(220, 218, 101,.05);
}
.ct_subContact_02{
	/* border:			1px solid grey; */
	margin:				0.5rem 0rem 0.5rem 0.5rem;
	border-radius: 		5px;
	border-style: 		ridge;
	background-color: 	rgba(255, 255, 255, 0.6);
	text-shadow:		1px 1px #aaa;	
}

.ct_bgImage_01{		//not used anymore
	margin-top:				-7rem;
	height:					15rem;
	background-image:		url("/images/fruit_01a.jpg");
	background-position:	center;
	background-repeat: 		no-repeat;
}
.ct_bgImage_02{		//not used anymore
	margin-top:				-5rem;
	height:					10rem;
	background-image:		url("/images/fruit_02.jpg");
	background-position:	center;
	background-repeat: 		no-repeat;
}
.ct_bgImage_03{		//not used anymore
	margin-top:				-5rem;
	height:					15rem;
	background-image:		url("/images/fleur_01.jpg");
	background-position:	center;
	background-repeat: 		no-repeat;
}
.ct_Question_01{
	padding-bottom:			0.2rem;
}
.ct_Reponse_01{
	text-shadow:			1px 1px #aaa;
}
.ct_Separateur_01{
	border:					1px ridge;
	margin:					1rem 0rem 1rem 0rem;
}
.ct_divQuestion_01{
	margin-bottom:			0.5rem;
}
.ct_Padding_01{
	padding:	0.5rem 0rem 0.5rem 0rem;
}
.ct_Padding_02{
	padding:	0rem 0rem 0rem 0rem;
}
.cl_Pointer{
	cursor: 	pointer;
}
.ct_Tarif_00{
	padding:	0.5rem 0rem 0.5rem 0rem;
	width:		75%;
	margin:		0 auto;
}
.ct_Tarif_01{
	width:		25rem;
}
.ct_Tarif_02{
	width:		10rem;
}


/* @media only screen and (min-width: 1000px) { */
	/* #dv_thz_lowResolution1{ */
		/* display:	none; */
	/* } */
	/* #dv_thz_lowResolution2{ */
		/* display:	block; */
	/* } */
/* } */
@media only screen and (min-width: 1300px) {
	/* #dv_thz_lowResolution1{ */
		/* display:	none; */
	/* } */
	#dv_thz_lowResolution2{
		display:	none;
	}
}
@media only screen and (max-width: 1300px) {
	#dv_thz_mainContainer{
		display:	none;
	}

}