body	{font-size: 18px !Important; font-family: Roboto, sans-serif !Important;}
a		{color: #21AADD !Important; font-weight: bold;}
a:hover	{color: #ff0000 !Important; font-weight: bold;}
H2		{}
H3		{}
H4		{font-size: 18px !Important; }

.container-fluid		{padding-right: 0px !Important; padding-left: 0px !Important; }
.containerType1			{height: auto; margin: 0px 0px 0px 0px;}
.containerType50100		{height: auto; margin: 0px 0px 0px 0px; padding: 50px 0px 100px 0px;}
.containerType100		{height: auto; margin: 0px 0px 0px 0px; padding: 100px 0px 100px 0px;}
.containerNavMenuProv	{height: auto; margin: 0px 0px 0px 0px; padding: 10px 0px 10px 0px; background-color: #333333;}

.btn-dark			{background-color: #000000;}

.jumbotron-modif		{background-color: #cccccc; padding: 20px; }



/* AJOUTS */
.bandeColor {background-color: #21AADD; height: 10px;}
.sitemapxml   {}
.sitemapxml a {color: #ff000000 !Important; font-size: 0.5em;}

.topReservation	{padding: 20px 0px 40px 0px;}




/* COLORS */
.color00	{background-color: #ffffff;}
.color01	{background-color: #000000; color: #ffffff;}
.color02	{background-color: #21AADD;}
.color03	{background-color: #FFCA48; FFE3C0; FE9615;}
.color04	{background-color: #FFA748; FDCAC6;}
.color05	{background-color: #EAEDDF;}
.color06	{background-color: #F07D00; ff730a;}
.color07	{background-color: #FFD877; FFECD5;}
.color08	{background-color: #ffffff;}
.color09	{background-color: #f0eeee;}
.color10	{background-color: #aaaaaa; e1ecf0;}
.color100	{background-color: #ff0000;}

.textCyan	{color: #21AADD;}
.textRed	{color: #ff0000;}

.textCenter	{text-align: center;}
.textRight	{text-align: right;}



/* PC PC  PC  PC  PC  PC  PC  PC  */
@media screen and (min-width: 768px) {

body {font-size: 18px !Important;}
	.logoTop	{position: absolute; top: -30px; left: 100px; z-index: 999999; margin: 0;max-width: 440px; width: auto; height: auto; border: 10px solid #000000; padding: 20px; background-color: #ffffff !Important; color: #000000; font-size: 0.8em; border-bottom-right-radius: 25px;}
	.footerme, .footerme a	{color: #cccccc !Important;}

/* navMenuTop */
	.navMenuTop			{margin-top: auto; margin-bottom: auto; text-align: center; }
	.navMenuTop	ul		{margin-top: 12px;}
	.navMenuTop ul li   {display: inline-block; padding: 10px 10px 10px 10px; text-align: center; background-color: #333333; }

/* navMenuProv */
	.navMenuProv						{}
	.navMenuProv .lesProvinces			{}
	.navMenuProv .lesProvinces .lesProvincesTitre			{color: #ffffff; font-weight: bold;}
	.navMenuProv .lesProvinces .lesProvincesTitre::after	{content: " :";}

/* navMenuBas */
	.navMenuBas				{background-color: #eeeeee; padding: 20px;}
	.navMenuBas .lesVilles	{position: relative; top: -14px;}
	.navMenuBas ul			{display: inline-block; list-style-type: none; margin-top: 0; margin-bottom: 0; padding-left: 5px; margin-right: 0px;}
	.navMenuBas a			{color: #ffffff !Important; font-size: 0.3em; text-transform: capitalize; word-wrap: break-word;}
	.navMenuBas h2			{color: #ffffff; font-size: 0.5em; font-weight: bold; margin-top: 20;}

/* navMenuInterArticles */
	.navMenuInterArticles				{background-color: #DDDDDD; margin-left:auto;margin-right:auto;}
	.navMenuInterArticles ul li			{display: inline-block; background-color: #D4D4D4; padding: 2px 5px; text-align: center; font-size: 0.8em; margin-right: 10px;}
	.navMenuInterArticles ul li a		{color: #aaaaaa !Important;}
	.navMenuInterArticles ul li a:hover	{color: #21AADD !Important;}

	.articleBase			{margin: 0px 0px 0px 0px; padding: 10px 50px 10px 50px !Important;}
	.articleBase H2			{font-size: 36px; font-weight: bold; font-family: "Times New Roman", Times, serif ; padding: 10px;}
	.articleBase H3			{font-size: 24px;}
	.articleBase H4			{font-size: 22px;}

	.articleBaseProv		{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
	.articleBaseProv ul 	{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: inline-block; list-style-type: none;}
	.articleBaseProv ul li	{display: inline-block; list-style-type: none;}
	.articleBaseProv a		{color: #333334 !Important; font-size: 0.6em; text-transform: capitalize; word-wrap: break-word;}

	.articleBaseVille		{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
	.articleBaseVille ul 	{display: inline-block; list-style-type: none; padding: 0px 2px 0px 0px;}
	.articleBaseVille ul li	{display: inline-block; list-style-type: none;}
	.articleBaseVille a		{color: #333334 !Important; font-size: 0.5em; text-transform: capitalize; word-wrap: break-word;}


.regionsArticleBaseVille .articleBaseVille ul li	{display: block !Important;}

	.text48				{font-size: 48px !Important;}
	.text36				{font-size: 36px !Important;}
	.text24				{font-size: 24px !Important;}
	.text18				{font-size: 18px !Important;}
	.text14				{font-size: 14px !Important;}
	.text12				{font-size: 12px !Important;}
	.text10				{font-size: 10px !Important;}

	.trouveGraceG	{font-size: 5.0em; Font-weight: bold; text-align: center;}

	.image01		{padding: 0; xxxbackground-color: #ff0001; }
	.image02		{}
	.image03		{}

	.logoMiddle		{display: flex; align-items: center; padding: 20px 0px 20px 0px;}
	.logoBottom		{text-align: right;}
	.articleFooter	{display: flex; align-items: center; height: 400px; background-color: #000000; color:#ffffff; padding: 20px 0px 20px 0px; 
	background-image: url('../aaimages/creation-site-internet-14.png');
	background-repeat: repeat;
  background-attachment: fixed;
  background-position: center; 
	}

	.carouselTitle	{background-color: #000000c4; color: #ffffff; font-size: 200%;	2.0em; xpadding: 50px;}
	.carouselText	{font-size: 50%;}
	.phoneNone		{display: block;}

	/* PARALLAX */	
		.parallax {background-image: url("../aaimages/creation-site-internet-02.jpg"); height: 100%; background-attachment: fixed; background-position: center;background-repeat: no-repeat; background-size: cover; margin-left: -450px; margin-right:-450px;} 
		.parallax-content {background-color: #ffffffcc; width: 50%; margin:0 auto; color: #1f1f1f; padding: 100px 20px 100px 20px}
	/* END :: PARALLAX */
}


/* PHONE  PHONE  PHONE  PHONE  PHONE  PHONE */
@media screen and (max-width: 767px  ) {
	.logoTop {xposition: absolute; top: -45px; z-index: 999999; margin: 0;max-width: 440px; width: auto; height: auto; border: 5px solid #000000; padding: 20px; background-color: #ffffff !Important; color: #000000; font-size: 0.8em; }
	.footerme	{color: #cccccc !Important;}
	.footerme a	{color: #cccccc !Important;}

/* navMenuTop */
	.navMenuTop				{margin-top: auto; margin-bottom: auto; text-align: center; }
	.navMenuTop	ul			{margin-top: 0.5em; padding-left: 0; }
	.navMenuTop ul li		{display: inline-block; text-align: center; background-color: #333333; }
	.navMenuTop ul li a		{font-size: 0.8em; padding: 5px 10px 5px 10px;}

/* navMenuProv */
	.navMenuProv						{}
	.navMenuProv .lesProvinces			{}
	.navMenuProv .lesProvinces .lesProvincesTitre			{color: #ffffff; font-weight: bold;}
	.navMenuProv .lesProvinces .lesProvincesTitre::after	{content: " :";}
	.navMenuProv .lesProvinces ul 		{display: inline-block; list-style-type: none;}
	.navMenuProv .lesProvinces ul li	{display: inline-block; list-style-type: none;}
	.navMenuProv .lesProvinces a		{color: #ffffff !Important; font-size: 0.6em; text-transform: capitalize; word-wrap: break-word;}

						.navMenuProv .XXXlesVilles				{}
						.navMenuProv .XXXlesVilles ul 			{display: inline-block; list-style-type: none;}
						.navMenuProv .XXXlesVilles ul li		{display: inline-block; list-style-type: none;}
						.navMenuProv .XXXlesVilles a			{color: #ffffff !Important; font-size: 0.4em; text-transform: capitalize; word-wrap: break-word;}


/* navMenuBas */
	.navMenuBas				{background-color: #eeeeee; padding: 20px;}
	.navMenuBas .lesVilles	{position: relative; top: -14px;}
	.navMenuBas ul			{display: inline-block; list-style-type: none; margin-top: 0; margin-bottom: 0; padding-left: 5px; margin-right: 0px;}
	.navMenuBas a			{color: #ffffff !Important; font-size: 0.3em; text-transform: capitalize; word-wrap: break-word;}
	.navMenuBas h2			{color: #ffffff; font-size: 0.5em; font-weight: bold; margin-top: 20;}

/* navMenuInterArticles */
	.navMenuInterArticles				{background-color: #DDDDDD; margin-left:auto;margin-right:auto;}
	.navMenuInterArticles ul li			{display: inline-block; background-color: #D4D4D4; padding: 2px 5px; text-align: center; font-size: 0.8em; margin-right: 10px;}
	.navMenuInterArticles ul li a		{color: #aaaaaa !Important;}
	.navMenuInterArticles ul li a:hover	{color: #21AADD !Important;}


	.articleBase	{margin: 0px 0px 0px 0px; padding: 15px !Important;}
	.articleBase H2 {text-align: center; font-size: 24px;}
	.articleBase H3 {text-align: center; font-size: 18px;}
	.articleBase H4 {text-align: center; font-size: 16px;}

	.articleBaseProv		{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
	.articleBaseProv ul		{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: inline-block; list-style-type: none;}
	.articleBaseProv ul li	{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: inline-block; list-style-type: none;}
	.articleBaseProv a		{color: #333334 !Important; font-size: 0.6em; text-transform: capitalize; word-wrap: break-word;}

	.articleBaseVille		{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
	.articleBaseVille ul	{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: inline-block; list-style-type: none;}
	.articleBaseVille ul li	{margin: 0px 0px 0px 0px; padding: 0px 2px 0px 0px;}
	.articleBaseVille a		{color: #333334 !Important; font-size: 0.5em; text-transform: capitalize; word-wrap: break-word;}

	.image01		{padding: 0; xxxbackground-color: #ff0001; }
	.image02		{}
	.image03		{}
	.trouveGraceG	{font-size: 4.0em; Font-weight: bold; text-align: center;}

	.articleFooter	{background-color: #000000; color:#ffffff; padding: 20px 0px 20px 0px; text-align: center;}
	.logoBottom		{text-align: center;}
	
	.carouselTitle	{background-color: #000000c4; color: #ffffff; font-size: 50%; padding: 50px;}
	.carouselText	{font-size: 50%;}
	.phoneNone		{display: none;}
}








/* ARTICLE visibilite */
ul.points				{margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: -30px;}
ul.points li			{list-style: none; padding-left: -30px;}
ul.points li::before	{content: ""; background: center center no-repeat transparent; background-size: auto; background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNC4wOCAxMC43MiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiM4Y2JlMjY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5GaWNoaWVyIDE8L3RpdGxlPjxnIGlkPSJDYWxxdWVfMiIgZGF0YS1uYW1lPSJDYWxxdWUgMiI+PGcgaWQ9IkNhbHF1ZV8xLTIiIGRhdGEtbmFtZT0iQ2FscXVlIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTQuNDgsOC40OCwxLjEyLDUuMTIsMCw2LjI0bDQuNDgsNC40OCw5LjYtOS42TDEzLDBabTAsMCIvPjwvZz48L2c+PC9zdmc+);; background-size: cover;  position: relative;  display: inline-block;  width: 17px;  height: 12px;  margin-right: 5px; }
/* END::ARTICLE visibilite */







/* END::AJOUTS */