/* Style 3.2.3 26/05/2021 campinglemesnil.fr */
body
{
	background-color:#F7F7F3;
	color:#000000;
	font-family: 'Barlow';
}

.grecaptcha-badge {
	visibility: hidden;
}

.h1, .h2, .h3
{
	color: #2A5491;
}

.pagecontent .h1, .pagecontent .h2, .lpagecontent .h1, .lpagecontent .h2, .fourcolumns .h1, .fourcolumns .h2, .fourcolumns .h3, .tow_columns .h2, .tow_columns .h3, .text_columns .h1, .text_columns .h2, .text_columns .h3
{
	border-bottom-color: #2A5491;
}

div.imgcomment {
	font-family: 'Barlow';
	font-size: 1.6em;
}

.tbcolumns div.imgcomment {
	font-size: 1.2em;
}

.text_columns article, .tow_columns article
{
	font-size: inherit;
}

.pagecontent section:first-of-type .imgrelative div.imgcomment
{
	font-size: 2.5em;
	text-transform: uppercase;
	letter-spacing: 0.22em;
	opacity: 0.9;
}

.slider-div div.imgcomment
{
	font-size: 1.2em;
	opacity: 0.9;
}


#header
{
	grid-template-columns: 150px 700px;
	grid-column-gap: 15px;
	font-family: 'Barlow';
	background-image: none;
	background-color:#F7F7F3;
	text-align: left;
-webkit-box-shadow: 10px 14px 16px 0px rgba(133,187,177,1);
-moz-box-shadow: 10px 14px 16px 0px rgba(133,187,177,1);
box-shadow: 10px 14px 16px 0px rgba(133,187,177,1);
}

#header .head1
{
	font-size: 6.2em;
	font-weight: bold;
	color: #2A5491;
	margin-left: 0.5em;
}

#header .head2
{
	font-size: 2.9em;
    font-style: italic;
	color: #0078AE;
	margin: 0.2em 2em;
}

.menufixed
{
	background-color:rgba(247, 247, 243, 0.8);	
}

.calendstap
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
}

.calstaprow
{
	grid-column: 1 / span 2;
}

.calstapcell
{
}

.calstapitem
{
	display: block;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}
.calstapitem::before {
	content: "";
	display: table;
	border-collapse: collapse;	
}

.calstapitem::after {
	content: "";
	display: table;
	border-collapse: collapse;	
	clear: both;
}
.calstaptit
{
	text-align: left;
}

/* a.shortcut, a.shortcutext {
	background: none;
	background-color: #2A5491;
	border: 0;
	border-radius: 0;
}

a:hover.shortcut, a:hover.shortcutext {
	background: none;
	background-color: #0078AE;
	border: 0;
} */

a[href^="mailto:"]:before {
	content: url("images/mail18.png");
}

.hcolor3 a[href^="mailto:"]:before {
	content: url("images/mail18.png");
}

.tabsep {
	background-color: #2A5491;
	border: 0;
	border-radius: 0;
	color: white;	
}

#menu_phone li {
	background: none;
	background-color: #2A5491;
	border: 0;
	border-radius: 0;
}

#menu_phone li:hover {
	background: none;
	background-color: #0078AE;
	border: 0;
}

.navbarre 
{
	border-left: 0;
	border-top: 0;
	border-right: 1px solid rgba(247, 247, 243, 0.7);
	border-bottom: 1px solid rgba(247, 247, 243, 0.7);
	background-image: none;
	background-color: rgba(247, 247, 243, 0.3);
	color: #2A5491;
	border: 0;
	border-radius: 0;
}

.navbarre a {
	text-transform: uppercase;
	background: none;
	border: 0;
	color: inherit;
}

.navbarre a.ui-button {
	color: #2A5491;
}

.navbarre a:link {
	color: inherit;
}

.navbarre:hover {
	background-image: none;
	background-color: #85BBB1;
	color: white;
	border: 0;
}

.navbarre:hover a {
	color: white;
}

.navbarre a.ui-button:hover {
	background: none;
	border-left: 1px solid rgba(247, 247, 243, 0.7);
	border-right: 1px solid rgba(247, 247, 243, 0.7);
	border-radius: 0;
}

.navbarre a.ui-button:focus {
	background: none;
	border: 0;
	border-radius: 0;
}

.navbarre a.ui-state-active
{
    font-weight: bold;
}

.navbarre a.ui-state-active:hover
{
    font-weight: bold;
	color: #FFFFFF;
	border-top: 0;
	border-left: 1px solid rgba(247, 247, 243, 0.7);
	border-right: 1px solid rgba(247, 247, 243, 0.7);
	border-bottom: 0;
	border-radius: 0;
}

.divllbl {
  width: 8em;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-size: inherit;
}
.ui-widget .ui-widget {
	font-size: inherit;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-size: inherit;
}

.flippdf-div
{
	background-color:#F7F7F3;
}

#blason
{
	width: 150px;
}

#stars
{
	display: inline;
}

.four_columns
{
	max-width: 76em;
}

.onglet
{
	max-width: 44em;
	margin: 0 auto;
}

.boxcontent3col, .boxcontent4col
{
	grid-gap: 0 3px;
	width: 100%;
}

.boxcontent1col > div, .boxcontent3col > div, .boxcontent4col > div
{
	background-image: none;
	background-color: #D1E3EF;
}

#meteo tbody
{
	height: 232px;
}

.four_columns
{
	max-width: 76em;
}

.onglet
{
	max-width: 44em;
	margin: 0 auto;
}

.meteo-grid {
	display: grid;
	grid-template-columns: auto auto auto;
	margin-left: 2em;
	width: 15em;
	padding: 0 0.4em;
}

.meteo-grid > div {
	margin: auto;
	text-align: center;
	font: inherit;
}

.lgmeteo-grid2 {
	grid-column: 2 / span 2;
}

.lgmeteo-grid3 {
	grid-column: 1 / span 3;
}

.meteo-link {
	grid-column: 1 / span 3;
}

.campprice
{
	margin: 1em auto;
	font-size: 1.1em;
}

.campprice td
{
	padding: 2px;
}

#meteo td
{
	text-align: center;
	vertical-align: middle;
}

#header_mobile span
{
	font-size: 2em;
	color: #2A5491;
}

/* Récupérer dans jquery-ui.css ui-state-active */
.ui-menu .ui-state-select {
	margin: -1px;
}

.ui-state-select a,
.ui-state-select a:link,
.ui-state-select a:visited {
	color: #ffffff;
	text-decoration: none;
}

.ui-state-select .ui-icon {
	background-image: url("images/ui-icons_f5e175_256x240.png");
}
/* Récupérer dans jquery-ui.css ui-state-active */

#contactForm .button {
	background: none;
	background-color: #2A5491;
	border: 0;
	border-radius: 0;
	color: white;
	padding: .4em 1em;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	transition-duration: 0.4s;
	font-size: 1em;
}

#contactForm .button:hover {
	background: none;
	background-color: #0078AE;
	border: 0;
}

.accordeon .ui-state-active
{
	color: #2A5491;
}

@media (max-width: 1200px)
{
	#blason
	{
		width: 10%;
	}
	#header .head1
	{
		font-size: 3.2vw;
		margin: 0 13%;
	}
	#header .head2
	{
		font-size: 2.2vw;
		margin: 0.2% 12%;
	}
}

@media (max-width: 864px)
{
	.boxcontent article.tdboxcontent
	{
		display: inline-block;
		vertical-align: baseline;
		border: 2px solid #FFFFFF;
		width: 100%;
	}
	.tdboxcontent table
	{
		margin: 0 auto;
		white-space: pre;
	}
}

@media (max-width: 500px)
{
	.img-item:first-of-type, .img-item:last-of-type
	{
		margin: 0 auto;
	}
}