body {
	overflow-x: hidden;
	border-top: 20px solid #cee7ef;
	border-left: 20px solid #cee7ef;
	border-right: 20px solid #cee7ef;
	animation: fadeInAnimation ease 3s
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

  
body {
 animation: fadein 2s; 
}

@keyframes fadein {
 0% {
 opacity:0;
 }
 50%{
 opacity:0.1;
 }
 100% {
 opacity:1;
 }
}

a {
	transition: color .4s ease-out;
}

.no-js .top-bar {
  display: none !important;
}

@media screen and (min-width: 40em) {
  .no-js .top-bar {
    display: block;
  }

  .no-js .title-bar {
    display: none;
  }
}

#logo {
	transition: 0.2s;
}

nav {
	font-family: 'Amatic SC', Arial;
	font-weight: 700 !important;
	font-size: 2em;
}



.submenu {
	z-index: 100 !important;
}

nav li a {
	color: #153354 !important;
}

nav li a:hover {
	color: #49a7c4 !important;
}

nav li.active a {
	color: #49a7c4 !important;
}

nav li.last {
	margin-right: 15px;
}

.menu-icon {
	position: absolute;
	right: 30px !important;
}

.topimg {
	padding: 10px;
}

.highlight {
	margin-top: 30px;
}

.highlight p {
	padding-top: 15px;
}

.main {
	padding-top: 50px;
}

.main p {
	font-family: 'EB Garamond', serif;
	font-size: 1.2em;
	color: #153354;
	text-align: justify;
}

.main h1 {
	font-family: 'Amatic SC', cursive;
	font-weight: 700 !important;
	font-size: 2em;
	color: #49a7c4 !important;
}

.main p a {
	font-family: 'EB Garamond', serif;
	color: #49a7c4;
	border-bottom: 1px dotted #49a7c4;
	text-decoration: none;
}

.main p a:hover {
	font-family: 'EB Garamond', serif;
	color: #153354;
	border-bottom: 1px dotted #153354;
	text-decoration: none;
}

.legende p {
	font-family: 'EB Garamond', serif;
	color: #153354;
	font-style: italic;
	text-align: center;
	margin-bottom: 0;
	padding-bottom: 0;
}

.copyright {
	font-family: 'EB Garamond', serif;
	color: #153354;
	text-align: center;
}


.event {
	margin-bottom: 20px;
}

.eventold {
	margin-bottom: 0;
}

.event h2 {
	font-family: 'EB Garamond', serif;
	font-size: 1.2em;
	color: #49a7c4;
	padding: 0;
	margin: 0;
	font-weight: 500;
}

.event p {
	padding: 0;
	margin: 0;
}

.event p a {
	font-family: 'EB Garamond', serif;
	color: #49a7c4;
	border-bottom: 1px dotted #49a7c4;
	text-decoration: none;
}

.event p a:hover {
	font-family: 'EB Garamond', serif;
	color: #153354;
	border-bottom: 1px dotted #153354;
	text-decoration: none;
}

.newdates p {
	margin-bottom: 10px;
}

p.lieu {
	margin-top: 20px;
}

p.lieu a {
	font-family: 'EB Garamond', serif;
	color: #153354;
	border-bottom: 1px dotted #153354;
	text-decoration: none;
}

p.lieu a:hover {
	font-family: 'EB Garamond', serif;
	color: #49a7c4;
	border-bottom: 1px dotted #49a7c4;
	text-decoration: none;
}

.eventold h2 a:hover, .event h2 a:hover {
	color: #49a7c4;
	border-bottom: 1px dotted #49a7c4;
	text-decoration: none;
}


.blogimg {
	padding-bottom: 25px;
}

.blogimgsmall {
	padding-bottom: 25px;
}

.blog .pubdate {
	color: #49a7c4;
	font-size: 1em;
	padding: 0 0 30px 0;
	margin: 0 0 30px 0;
}

.blog img {
	padding-top: 10px;
}

.blog h2 a {
	font-family: 'Amatic SC', cursive;
	font-weight: 700 !important;
	color: #49a7c4 !important;
	font-size: 0.8em;
}

.blog h2 {
	padding: 10px 0 0 0 !important;
	margin: 0 !important;
}

.blog p {
	padding: 0 !important;
	margin: 0 !important;
}

.blog {
	margin-bottom: 85px;
}

.mfp-title p {
	font-family: 'EB Garamond', serif;
	color: white;
	font-style: italic;
	text-align: center;
	margin-bottom: 0;
	padding-bottom: 0;
	font-size: 1.2em;
}

.mfp-title small {
	font-family: 'EB Garamond', serif;
	color: white;
	text-align: center;
	margin-bottom: 0;
	padding-bottom: 0;
	font-size: 1em;
}



input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #49a7c4;
    opacity: 1; /* Firefox */
	font-family: 'EB Garamond', serif;
}
input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #49a7c4;
	font-family: 'EB Garamond', serif;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #49a7c4;
   opacity:  1;
   font-family: 'EB Garamond', serif;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #49a7c4;
   opacity:  1;
   font-family: 'EB Garamond', serif;
}
input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #49a7c4;
   font-family: 'EB Garamond', serif;
}
input::-ms-input-placeholder { /* Microsoft Edge */
   color:    #49a7c4;
   font-family: 'EB Garamond', serif;
   }
textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #49a7c4;
    opacity: 1; /* Firefox */
	font-family: 'EB Garamond', serif;
}
textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #49a7c4;
	font-family: 'EB Garamond', serif;
}
textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #49a7c4;
   opacity:  1;
   font-family: 'EB Garamond', serif;
}
textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #49a7c4;
   opacity:  1;
   font-family: 'EB Garamond', serif;
}
textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #49a7c4;
   font-family: 'EB Garamond', serif;
}
textarea::-ms-input-placeholder { /* Microsoft Edge */
   color:    #49a7c4;
   font-family: 'EB Garamond', serif;
}

input, textarea {
	color: #153354 !important;
	font-family: 'EB Garamond', serif !important;
}

input.sendmail {
	background-color: #153354;
	color: #fff !important;
	font-weight: bold;
	border-radius: 10px;
	
}

input.sendmail:hover {
	background-color: #49a7c4;
	color: #fff !important;
}

.contact a i {
	font-size: 2em;
	padding-right: 5px;
	opacity: 1;
}

.contact a:hover i {
	font-size: 2em;
	padding-right: 5px;
	opacity: 0.8;
}

.blocvert {
	background-color: green;
	color: white;
	width: 100%;
	text-align: center;
	padding: 20px 0 20px 0;
	position: absolute;
	left: 0;
	right:0;
	top:0;
}

.grecaptcha-badge { opacity:0;}


footer {
	margin-top: 50px;
	background-color: #cee7ef;
	padding-top: 40px;
	padding-bottom: 40px;
	width: 100%;
	position: relative;
	font-family: 'EB Garamond', serif;
	font-size: 1em;
}

footer h1 {
	font-family: 'EB Garamond', serif;
	font-size: 1em;
	padding: 0;
	margin: 0;
	font-weight: 500;
	
}

footer a i {
	font-size: 2em;
	padding-left: 5px;
	opacity: 1;
}

footer a:hover i {
	font-size: 2em;
	padding-left: 5px;
	opacity: 0.8;
}

.custom-shape-divider-top-1660920733 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-top-1660920733 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 73px;
}

.custom-shape-divider-top-1660920733 .shape-fill {
    fill: #FFFFFF;
}

@media screen and (max-width: 39.9375em) {
	
	.logofooter {
		padding-bottom: 25px;
		padding-top: 25px;
	}
	
	.topimg {
		margin-top: 20px;
	}
}