@charset "utf-8";
/* CSS Document */

* { -o-box-sizing: border-box; box-sizing: border-box; }
a{ color:inherit; text-decoration:inherit; -webkit-transition: all 0.1s; transition: all 0.1s; }

html{ width:100%; height:100%;}
body{ font-family: 'Raleway', sans-serif; height:100%; background-color:#FFFFFF; margin:0; color:#333333; padding:0 0 0 180px; font-size:14px; position:relative; }

#IsMobile{ display:none;}


#Loader{ position:fixed; top:0; right:0; bottom:0; left:0; z-index:6000;background:#FFFFFF;}
#Loader img{ position:absolute; display:block; top:50%; left:50%; margin:-75px 0 0 -75px;}

header{ position:fixed; top:0; left:0; z-index:900; bottom:0; color:#a6c000; background-color:#222222; box-shadow:2px 0 2px rgba(0,0,0,0.4);}
nav{ position:relative; width:180px;}

.mainmenu{ display:block; text-align:center; list-style:none; padding:0; margin:0;}
.mainmenu>li { display:block; border-bottom:1px solid rgba(0,0,0,0.3); position:relative;}
.mainmenu>li>a{ position:relative; z-index:980; background-color:#222222; display:block;font-size:17px; text-transform:uppercase; text-shadow:0 1px 2px rgba(0,0,0,1);}

.mainmenu>li.accueil>a{ text-indent:200%; white-space:nowrap; overflow:hidden; height:170px; background:#222222 url(../images/nav/picto-accueil.png) center center no-repeat; background-size:contain;}

.mainmenu>li:not(.accueil)>a{padding:10px 10px;}
.mainmenu>li:not(.accueil)>a:before{ content:""; display:block; background:0px 0px no-repeat; width:50px; height:30px; margin:auto; background-size:100px 30px;}

.mainmenu>li.manade>a:before{ background-image:url(../images/nav/picto-manade.png); }
.mainmenu>li.mas>a:before{ background-image:url(../images/nav/picto-mas.png); }
.mainmenu>li.cadeau>a:before{ background-image:url(../images/nav/picto-cadeau.png); }
.mainmenu>li.contact>a:before{ background-image:url(../images/nav/picto-contact.png); }
.mainmenu>li.agenda>a:before{ background-image:url(../images/nav/picto-agenda.png); }

.mainmenu>li.none>a:before{ content:none;  }

.mainmenu>li:not(.accueil)>a:hover,
.mainmenu>li:not(.accueil).current_page_item>a,
.mainmenu>li:not(.accueil).On>a,
.mainmenu>li:not(.accueil).current-menu-parent>a{ background-color:#a6c000; text-shadow:none; color:#222222;}

.mainmenu>li.menu-item-has-children>a:hover:after,
.mainmenu>li.On>a:after,
.mainmenu>li.current_page_item>a:after,
.mainmenu>li.menu-item-has-children.current-menu-parent>a:after{ content:""; z-index:1000; display:block; position:absolute; left:100%; top:0; bottom:0;width:20px; background:url(../images/nav/fleche.png) top left no-repeat; background-size:100% 100%;}

.mainmenu>li>a:hover:before,
.mainmenu>li.On>a:before,
.mainmenu>li.current_page_item>a:before,
.mainmenu>li.current-menu-parent>a:before{background-position:-50px 0;}

.mainmenu i{ display:block; font-style:normal;font-size:11px; text-transform:none; color:#ffffff;}
.mainmenu>li>a:hover i,
.mainmenu>li.On>a i,
.mainmenu>li.current_page_item>a i,
.mainmenu>li.menu-item-has-children.current-menu-parent>a i{ color:inherit;}

.mainmenu ul{ display:none; box-shadow:0 0 10px rgba(0,0,0,0.3); position:absolute; z-index:950; left:180px; top:0; background-color:#222222; padding:25px 45px; list-style:none; margin:0; text-transform:uppercase; font-size:15px;}
.mainmenu ul a{ white-space:nowrap;}
.mainmenu ul li:not(:last-child):after{ content:""; display:block; width:180px; background:url(../images/nav/sep-nav.svg) center center no-repeat; margin:auto; height:30px; }
.mainmenu ul li.current_page_item a,.mainmenu ul li.On a{ color:#FFFFFF; font-weight:bold;}
.mainmenu ul li a:hover{ color:#FFFFFF; }

/* INTRO */

#Intro{ height:600px; display:flex; position:relative; background-color:#ecf2f2; height:100%; background-size:cover; background-position:center center; overflow:hidden;}
/*#Intro iframe{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1; }*/

#Intro:after{ content:""; display:block; width:60px; height:60px; position:absolute; z-index:10; left:50%; margin-left:-30px; bottom:15px; transform:translateY(150px); background:url(../images/pictos/scrolldown.png); transition:all 1s ease-out;}
#Intro.Start:after{transform:translateY(0);}

#Intro h1{ font-size:40px; font-weight:500; margin:10px 0; font-variant: small-caps; color:#A6C000;}
#Intro h1:after{ content:""; display:block; width:270px; margin:auto; height:40px; background:url(../images/nav/sep-nav-noir.svg) center center no-repeat; background-size:contain;}

#Homepage #Intro h1:before{ content:""; display:block; margin:auto; width:130px; height:130px; background:url(../images/sigle.png) center center no-repeat; }
#Intro>div:nth-child(1){ position:relative; z-index:2; display:block; margin:auto; padding:20px; background-color:#ffffff; box-shadow:0 2px 10px rgba(0,0,0,0.4); text-align:center; }

/* INTRO MINI */

#IntroMini{ background-color:#f5f5f5; padding:50px; text-align:center;}
#IntroMini h1{ font-size:40px; font-weight:500; margin:10px 0; font-variant: small-caps; color:#A6C000;}
#IntroMini h1:after{ content:""; display:block; width:270px; margin:auto; height:40px; background:url(../images/nav/sep-nav.svg) center center no-repeat; background-size:contain;}


/* WRAP */
.Wrap{ text-align:center; padding:50px;}


/* GRILLE */
.Grid{ background-color:#FFFFFF; box-shadow:0 0 20px rgba(0,0,0,0.2); }
.Grid .Item{ opacity:0; float:left; display:flex; height:500px; background-position:center center; background-repeat:no-repeat; background-size:cover; }

.Grid .Item:not(.Show){transform:translate3D(0,50px,0);}
.Grid .Item:not(.Show)>span{ transform:translate3D(0,150%,0); opacity:0;}
.Grid .Item.Show{ opacity:1; transition:all 1s ease-out 0s;}
.Grid .Item.Show>span{ transition:all 1s ease-out 0.5s;}


.Grid .Item.Full{ width:100%; height:auto; padding:20px; }
.Grid .Item.Full h2{ margin-top:50px; }

.Grid .Item.Demi{ width:50%; }
.Grid .Item.Tiers{ width:33.33333333333333333%; height:300px; }

.Grid .Item.Txt{ border:10px solid #FFFFFF; box-shadow:inset 0 0 40px #EBEBEB; overflow:hidden;  }
.Grid .Item.Link{ border:10px solid #FFFFFF; background:center center no-repeat; background-size:cover; }

.Grid .Item>span{ display:block; max-width:90%; margin:auto; text-align:center; }

.Grid h2{ font-size:40px; font-size:2.5vw; font-weight:500; margin:10px 0; font-variant: small-caps;}
.Grid h2:after{ content:""; display:block; width:270px; margin:auto; height:40px; background:url(../images/nav/sep-nav-noir.svg) center center no-repeat; background-size:contain;}

.Grid .Item.Tiers h2{ font-size:25px; line-height:30px;}

.Grid h2.p:before{ content:""; display:block; margin:auto; width:120px; height:80px; }
.Grid h2.p.manade:before{ background-image:url(../images/pictos/manade.png);}
.Grid h2.p.mas:before{ background-image:url(../images/pictos/mas.png);}
.Grid h2.p.cadeau:before{ background-image:url(../images/pictos/cadeau.png);}
.Grid h2.p.contact:before{ background-image:url(../images/pictos/contact.png);}

.Grid p{ margin:10px 0;}

@keyframes HrefLum{
	0%,100%{}
	50%{ background-color:#839800;}
}

.Grid .Item.Txt a,.Grid .Item.Link a,.directlink{ background-color:#A6C000; text-shadow:0 1px 2px rgba(0,0,0,0.5); display:inline-block; padding:5px 10px; color:#ffffff; box-shadow:0 3px 5px rgba(0,0,0,0.2); border:2px solid #839800; }
.Grid .Item.Txt a:not(:hover),.Grid .Item.Link a:not(:hover){animation:HrefLum 2s ease-in-out infinite;}
.Grid .Item.Txt a:hover,.Grid .Item.Link a:hover{background-color:#222222; color:#A6C000; }

.Grid .Item.Link a{ font-size:16px;box-shadow:0 3px 5px rgba(0,0,0,0.5);}

.Grid .Item.Carte{ background:url(../images/carte-fixe.png) center center no-repeat;}


#agenda .Item{ max-width: 80%; margin: auto; }
#agenda .vignette{ overflow: hidden;width:200px; height:200px; margin: auto; border-radius: 50%; }
#agenda .vignette img{ display: block;}

/* CONTACT */

#map-canvas{ width:100%; height:500px; }



#contact input[type=text],#contact input[type=email],#contact input[type=tel],#contact textarea,#contact select{ font-family: 'Raleway', sans-serif; font-size:14px; background-color:#f5f5f5; border:none; padding:10px; width:60%;}
#contact input[type=submit]{ display:block;font-weight:bold; font-family: 'Raleway', sans-serif; padding:10px 20px; box-shadow:0 1px 2px rgba(0,0,0,0.2); text-transform:uppercase;background-color:#A6C000; color:#FFFFFF; cursor:pointer; margin:auto; border:none; }
/*#contact form .requis{ line-height:40px; text-align:left; color:#c39258;}
*/

#contact .g-recaptcha{ width:310px; margin:auto;}

/* TABLE */
.wp-block-table{ max-width:800px; margin:auto; padding:3px; border:1px solid #cccccc !important;}
.wp-block-table.is-style-stripes tbody tr:nth-child(2n+1){ background:#f5f5f5;}
table{ text-align:left;border-collapse:collapse;}

table th{ color:#a6c000; background:#f5f5f5; font-weight:700; padding:8px;}
table th:not(:first-child){ border-left:1px dashed #cccccc;}

table td{  padding:8px;border-top:1px solid #f0f0f0;}
table td:not(:first-child){ border-left:1px dashed #cccccc;}

table tr:first-child td{ border-top:1px solid #cccccc;}




.wp-block-table.tarifs th:first-child{ width:300px;}



/*
table{ border-collapse:collapse; margin:20px auto;}
table th{ background-color:#787878; color:#ffffff; font-weight:500;}
table td{ background-color:#FFFFFF;}
table td,table th{ padding:7px; border:1px solid #cccccc;}
*/

/* SLIDER */
.Slider{ margin:0;}
.lSSlideOuter{ position:relative; display:block; width:100%; height:100%;}
.lSSlideOuter li{ display:block;height:500px; background-size:cover; background-position:center center; }
.lSAction > a { z-index:700 !important;}

.lSAction > a{ background:none !important; }

.lSAction > a.lSPrev:before,.lSAction > a.lSNext:before{ font-family:'dashicons'; color:#FFFFFF; text-shadow:0 0 5px rgba(0,0,0,1.00); font-size:30px; line-height:40px; position:absolute; display:block; width:100%; height:100%; }

.lSAction > a.lSPrev:before{ content: "\f340";}
.lSAction > a.lSNext:before{ content: "\f344";}

/* ARIANE */
#Ariane{ height:40px;}
.breadcrumbs{ background-color:#181818; line-height:20px; padding:10px; font-size:12px; color:#FFFFFF;}
#Ariane.Float .breadcrumbs{position:fixed; top:0; right:0; left:180px; z-index:800; box-shadow:0 0 10px rgba(0,0,0,0.5);}
.breadcrumbs a{ text-decoration:underline;}

/* FOOTER */
footer{ position: relative; background:#181818 url(../images/nav/picto-accueil.png) left center no-repeat; background-size:contain; padding:25px 25px 25px 130px; color:#ffffff; font-size:12px; line-height:20px; }
footer strong{ font-size:14px;}

.SubFooter{ padding:10px; text-align:right;}
.SubFooter a{ display:inline-block; vertical-align:middle; margin:0 15px 0 0;}
.SubFooter a img{
display:block;
max-width:80px;
height:auto;
}

.SubFooter a:hover img{
  opacity:0.8;
}


/* GALLERY */

.gallery-item{ display:inline-block; vertical-align:top; margin:1%; }
.gallery-item img{ display:block; width:100%; height:auto; }

.gallery-columns-3 .gallery-item{ width:31.333333%; }
.gallery-columns-4 .gallery-item{ width:23%; }
.gallery-columns-5 .gallery-item{ width:18%; }


/* DIVERS */
h3{ color:#A6C000; font-size:20px; text-transform:uppercase;}
hr{ border:none;display:block; width:270px; margin:auto; height:40px; background:url(../images/nav/sep-nav-noir.svg) center center no-repeat; background-size:contain;}

.Clr{ clear:both;}

/* ADMIN */
body.login{ background:none; background-color:#222; border-bottom:10px solid #333; background-image:url(images/trame.png); padding:50px;}
#login{ padding:0;}
.login form{ background:none; background-color:rgba(255,255,255,0.05); box-shadow:none; margin:0; }
.login h1{ position:static; width:200px; height:200px; margin:0 auto;}
.login h1 a{ background-image:url(../images/nav/picto-accueil.png); background-size:contain; width:100%; height:100%; display:block; }
.login #nav{ display:none;}

.login #wp-submit{ border:none !important; border-radius:0; box-shadow:none; line-height:30px; background-color:#a6c000 !important; text-shadow:none; font-family: 'Raleway', sans-serif; text-transform:uppercase; font-weight:bold; }
.login #backtoblog{ display:none;}