/* Atelier 85 CSS Tools 2022 (framework) - V1.1
-----------------------------------------------------------------------

By Nicolas EVARISTE (http://www.atelier85.fr)
© 2022 Atelier 85 - All rights reserved - Toute reproduction interdite

---------------------------------------------------------------------*/

/* Reset
---------------------------------------------------------------------*/
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
img {
	max-width: 100%;
	height: auto;
	border: none;
    vertical-align: middle;
}
h1, h2, h3, h4, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-size: inherit;
	font-weight: normal;
	padding: 15px 0;
}
form, figure, .wp-block-image{
	margin: 0;
	padding: 0;
}
iframe {
  border: 0;
  max-width: 100%;
}

/* General
--------------------------------------------------*/
html, body {
	height: 100%;
}
body {
	font-family: 'Poppins', sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.5;
	color: #000;
	background: #fff;
	margin: 0;
	/*opacity: 0;*/
	/*-webkit-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;*/
}
/*body.loaded {
	opacity: 1;
}*/
strong {
	font-weight: 600;
}
a {
	-webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
.wp-block-image{
	margin-top: 10px;
	margin-bottom: 10px;
}

/* Float
--------------------------------------------------*/
.left { float: left; }
.right { float: right; }
.clear { clear: both; }

/* Textes
--------------------------------------------------*/
.upper { text-transform: uppercase; }
.center { text-align: center; margin-left: auto !important; margin-right: auto !important;}
.justify { text-align: justify; }

/* Padding / Margin
--------------------------------------------------*/
.pr80 { padding-right: 80px; }


/* Couleurs perso
--------------------------------------------------*/
.has-vert-color { color: #97bf0d !important; }
.has-vertclair-color { color: #d7e6a1 !important; }
.has-bleu-color { color: #2382ba !important; }
.has-rouge-color { color: #d10000 !important; }
.has-blanc-color { color: #ffffff !important; }
.has-grisclair-color { color: #f5f4f5 !important; }
.has-gris-color { color: #58585a !important; }
.has-noir-color { color: #000000 !important; }

.has-vert-background-color { background-color: #97bf0d !important; }
.has-vertclair-background-color { background-color: #d7e6a1 !important; }
.has-bleu-background-color { background-color: #2382ba !important; }
.has-rouge-background-color { background-color: #d10000 !important; }
.has-blanc-background-color { background-color: #ffffff !important; }
.has-grisclair-background-color { background-color: #f5f4f5 !important; }
.has-gris-background-color { background-color: #58585a !important; }
.has-noir-background-color { background-color: #000000 !important; }


/* Loader
---------------------------------------------------------------------*/
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999999;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  background: none repeat scroll 0 0 #ffffff;
}
.spinner {
  border: 1px solid transparent;
  border-radius: 5px;
  position: relative;
}
.spinner:before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 45px;
  height: 45px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border: 1px solid #959595;
  border-top-color: #ffffff;
  animation: spinner .9s linear infinite;
}
@-webkit-@keyframes spinner {
  to {transform: rotate(360deg);}
}
@keyframes spinner {
  to {transform: rotate(360deg);}
}

/* Header
--------------------------------------------------*/
div#header{
	width: 100%;
	height: auto;
	padding: 25px 0 15px 0;
	text-align: center;
}
div#logo{

}
div#logo img{
	width: 800px;
	height: auto;
}

/* Menu
--------------------------------------------------*/
div#menu{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background: #97bf0d;
	color: #fff;
	font-size: 20px;
	text-align: center;	
}
div#menu-wrap{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.ubermenu-main .ubermenu-submenu.ubermenu-submenu-drop {
	padding: 30px !important;
}
.ubermenu .ubermenu-nav .ubermenu-column-1-4 {
	width: calc(25% - 10px) !important;
}
.ubermenu-skin-minimal.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-submenu-drop {
	border: none !important;
}
.ubermenu-current-menu-item.ubermenu-page_item.ubermenu-current_page_item,
.ubermenu-current-menu-item {
	background: #ededed !important;
}
.ubermenu-target.ubermenu-item-layout-default.ubermenu-item-layout-text_only {
	cursor: pointer;
}
.ubermenu-main .ubermenu-submenu .ubermenu-item-header.ubermenu-has-submenu-stack > .ubermenu-target.ubermenu-item-layout-text_only{
	cursor: default;
}
.ubermenu, .ubermenu .ubermenu-column, .ubermenu .ubermenu-divider, .ubermenu .ubermenu-icon, .ubermenu .ubermenu-image, .ubermenu .ubermenu-item, .ubermenu .ubermenu-nav, .ubermenu .ubermenu-retractor, .ubermenu .ubermenu-row, .ubermenu .ubermenu-search, .ubermenu .ubermenu-search-input, .ubermenu .ubermenu-search-submit, .ubermenu .ubermenu-submenu, .ubermenu .ubermenu-submenu-footer, .ubermenu .ubermenu-tabs, .ubermenu .ubermenu-tabs-panels, .ubermenu .ubermenu-target, .ubermenu-responsive-toggle {
	line-height: 1.4em;
}
.ubermenu .ubermenu-target {
	line-height: 1.4em;
}
.ubermenu-item-type-column{
	padding: 0 30px !important;
}
.ubermenu .ubermenu-submenu-type-stack>.ubermenu-item-normal>.ubermenu-target {
    padding: 10px 20px;
}

/* Menu - Informations usagers - dropdown cols
--------------------------------------------------*/
.ubermenu-submenu-id-156,
.ubermenu-submenu-id-157{
	max-width: 1400px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	left: 0 !important;
	right: 0 !important;
}
.ubermenu-column-id-164{
	border-left: 1px solid #d6d6d6 !important;
}
a.bold-menu{
	font-weight: 600 !important;
}
/*.ubermenu-submenu-id-156 .ubermenu-column-1-4.ubermenu-column-id-165{
	width: calc(26% - 10px) !important;
}
.ubermenu-submenu-id-156 .ubermenu-column-1-4.ubermenu-column-id-164{
	width: calc(24.66% - 10px) !important;
}
.ubermenu-submenu-id-156 .ubermenu-column-1-4.ubermenu-column-id-163{
	width: calc(24.66% - 10px) !important;
}
.ubermenu-submenu-id-156 .ubermenu-column-1-4.ubermenu-column-id-168{
	width: calc(24.66% - 10px) !important;
}*/

/* Footer
--------------------------------------------------*/
div#footer {
	padding: 30px;
	padding-top: 50px;
	font-size: 22px;
	font-weight: 400;
	color: #fff;
	text-align: center;
	background: #97bf0d;
}
div#footer a{
	color: #fff;
	text-decoration: none;
}
div#footer a:hover{
	text-decoration: underline;
}
div#logo-footer{

}
div#adresse-footer{
	padding-top: 25px;
	padding-bottom: 5px;
}
div#copyright{
	font-size: 16px;
	color: #e1f599;
}
div#copyright a{
	color: #e1f599;
}

/* Content
--------------------------------------------------*/
div#page{
	position: relative;
	padding: 0; 
}
.wrap {
	width: 100%;
	padding: 100px 140px;
	margin-left: auto;
	margin-right: auto;
}
.row {
	position: relative;
    display: table;
	width: 100%;
    height: 100%;
    margin: auto;
    overflow: auto;
    table-layout: fixed;
}
.col {
    display: table-cell;
	height: 100%;
    vertical-align: middle;
}
.col50 {
	width: 50%;
}
div.bg-gris{
	background: #f5f4f5;
}
.txt{
	color: #000;
	font-size: 16px;
	line-height: 1.5;
}
.titre1{
	font-family: 'Poppins', sans-serif;
	font-size: 45px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: -1px;
	color: #97bf0d;	
}
hr.hr-vert{
	display: block;
	background-color: #97bf0d;
	height: 4px;
	border: 0;
	width: 115px;
	margin-top: 5px;
	margin-bottom: 30px;
	margin-left: 0;
}
hr.wp-block-separator{
	display: block;
	background-color: #97bf0d;
	height: 1px;
	border: 0;
	width: 100%;
	margin-top: 40px;
	margin-bottom: 40px;
}
a.bt, input.bt, .bt{
	display: inline-block;
	font-family: 'Poppins', sans-serif;
	padding: 15px 25px;
	font-size: 20px;
	line-height: 1;
	font-weight: 300;
	color: #fff !important;
	text-decoration: none !important;
	border: none;
	margin-top: 5px;
	margin-bottom: 5px;
	cursor: pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-appearance: none; 
	-moz-appearance: none;
	appearance: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
a.bt-vert, input.bt-vert, .bt-vert{
	background: #97bf0d;
}
a.bt-vert:hover, input.bt-vert:hover, .bt-vert:hover{
	background: #58585a;
}
.bt:focus{
	outline: 0;
}
div.bt-back{
	text-align: center;
	padding-top: 60px;
}
.wp-element-caption{
	font-size: 14px;
	color: #999999;
}
.aligncenter .wp-element-caption{
	text-align: center;
}

/* Home - Actu
--------------------------------------------------*/
div#actualite{
	padding: 100px 0;
	padding: 60px 0;
}
div.slider-actu{
	margin: 90px 0;
	margin-bottom: 50px;
}
div.item{
	background: #fff;
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
}
div.actu-photo img{
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
}
div.actu-infos{
	padding : 0 20px;
	min-height: 250px;
}
div.actu-infos h3{
	font-size: 18px;
	font-weight: 600;
	line-height: 1.3;
	padding: 0;
	padding-top: 15px;	
	min-height: 60px;
}
div.actu-infos small{
	display: block;
	padding-top: 10px;
	font-size: 14px;
	color: #606060;
}
div.actu-infos div{
	font-size: 16px;
	line-height: 24px;
	padding: 0;
	padding-top: 10px;
	
}
div.actu-infos div p{
	padding: 0;
	margin: 0;
}
div#actualite div.item a.bt{
	width: 100%;
	display: block;
	background: #58585a;
	font-size: 16px;
	padding: 12px 20px;
	text-align: center;
	-webkit-border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
}
div#actualite div.item a.bt:hover{
	background: #97bf0d;
}

/* Raccourcis
--------------------------------------------------*/
div#raccourcis{
	padding-top: 100px;
	padding-bottom: 100px;
}
div.item-raccourcis{
	width: 24%;
	display: inline-block;
	vertical-align: top;
	padding: 0 30px;
	text-align: center;
}
div.item-raccourcis:nth-of-type(2){
	border-left: 1px solid #d6d6d6;
}
div.item-raccourcis:nth-of-type(3){
	border-left: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
}
div.item-raccourcis div.picto{


}
div.item-raccourcis div.picto a{
	display: block;
	position: relative;
	width: 200px;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 50%;
	background: #97bf0d;
}
div.item-raccourcis div.picto a:hover{
	background: #58585a;
}
div.item-raccourcis div.picto a img{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100px;
	height: 100px;
}
div.item-raccourcis h3{
	color: #58585a;
	font-size: 24px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 1.1;
}
div.item-raccourcis h3 a{
	color: #58585a;
	text-decoration: none;
}
div.item-raccourcis h3 a:hover{
	text-decoration: underline;
}

/* Partenaires
--------------------------------------------------*/
div#partenaires{
	padding: 100px 0;
}

/* Article
--------------------------------------------------*/
div.article-breadcrumb{
	font-size: 16px;
	color: #8d8d8d;
	padding-bottom: 10px;
}
div.article-breadcrumb a{
	color: #8d8d8d;
}
div.article-breadcrumb a:hover{
	color: #97bf0d;
}
div.article{
	width: 1190px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 50px;
	padding-bottom: 70px;
}
div.article-photo{
	position: relative;
	z-index: 1;
	text-align: center;
}
div.article-header{
	position: relative;
	z-index: 2;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background: #fff;
	padding-top: 15px;
	margin-top: -50px;
}
div.article-header.article-header-no-photo{
	padding-top: 20px;
	margin-top: 0px;
}
h1.article-titre{
	font-family: 'Poppins', sans-serif;
	font-size: 45px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: -1px;
	color: #97bf0d;	
}
div.article-date{
	display: inline-block;
	background: #97bf0d;	
	text-align: center;
	font-size: 16px;
	color: #fff;
	padding: 10px 30px;
	margin-top: 30px;
}
div.article-content{
	padding-top: 40px;
	font-size: 16px;
	line-height: 1.7;
}

/* Article - Contenu
--------------------------------------------------*/
div.article-content a{
	color: inherit;
}    
div.article-content a:hover{
	color: #97bf0d;
}   
div.article-content h2{
	font-size: 25px;
	font-weight: 600;
	line-height: 1;
	color: #97bf0d;	
	font-family: 'Poppins', sans-serif;
}
div.article-content h3.wp-block-heading{
	font-size: 22px !important;
	font-weight: 600;
	line-height: 1;
	font-style: italic;
	color: #000;	
	font-family: 'Poppins', sans-serif;
}
div.article-content ul{
	padding-left: 0;
	margin-left: 0;
	margin-bottom: 0;
}
div.article-content ul li{
	margin-left: 20px;
	margin-bottom: 15px;
}
div.article-content ul li ul{
	margin-top : 15px;
}
div.article-content ul li ul li{
	margin-bottom: 5px;
}
.wp-block-embed-youtube{
	margin-top: 15px;
}
.wp-block-embed-youtube div.wp-block-embed__wrapper{ 
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 60px;
    margin: 0 0 20px;
    overflow: hidden;
}
.wp-block-embed-youtube div.wp-block-embed__wrapper iframe{ 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Liste articles
--------------------------------------------------*/
div.liste-articles{
	padding-top: 60px;
}
div.liste-articles hr{
	display: block;
	background-color: #97bf0d;	
	height: 1px;
	border: 0;
	width: 100%;
	margin-top: 45px;
	margin-bottom: 45px;
	margin-left: 0;
}
div.liste-articles div.actu-photo{
	width: 375px;
	display: inline-block;
	vertical-align: top;
}
div.liste-articles div.actu-photo img{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
div.liste-articles div.actu-infos{
	width: calc(100% - 400px);
	display: inline-block;
	vertical-align: top;
	padding-left: 30px;
	min-height: 20px;
}
div.liste-articles div.actu-infos h3{
	min-height: 0px;
	padding-top: 5px;
	padding-right: 0px;
}
div.liste-articles  div.actu-infos div{
	padding-top: 10px;
	padding-bottom: 15px;
	min-height: 0px;
}
div.liste-articles  a.bt{
	background: #58585a;
	font-size: 16px;
	padding: 12px 20px;
}
div.liste-articles div.item a.bt:hover{
	background: #97bf0d;
}

/* Pagination
--------------------------------------------------*/
div.nav-links{
	text-align: center;
	font-size: 18px;
	padding-top: 20px;
}
div.nav-links span.page-numbers.current{
	display: inline-block;
	color: #97bf0d;	
	text-decoration: none;
	padding: 5px 15px;
	margin-left: 5px;
	margin-right: 5px;
}
div.nav-links a.page-numbers{
	display: inline-block;
	background: #97bf0d;	
	color: #fff;
	text-decoration: none;
	padding: 5px 15px;
	margin-left: 2px;
	margin-right: 2px;
}
div.nav-links a.page-numbers:hover{
	background: #58585a;
}
div.nav-links a.next.page-numbers,
div.nav-links a.prev.page-numbers{
	color: #97bf0d;	
	background: none;
}
div.nav-links a.next.page-numbers:hover,
div.nav-links a.prev.page-numbers:hover{
	text-decoration: underline;
}

/* Accordion
--------------------------------------------------*/
.sp-ea-single{
	background: #f5f4f5 !important;
}
.sp-easy-accordion .sp-ea-single {
    border-radius: 3px;
}

/* Tabs
--------------------------------------------------*/
.wp-block-table table{
	width: 100%; 
	border: 1px solid #e2e2e2; 
	border-collapse: collapse; 
}
.wp-block-table table tr:nth-of-type(odd) { 
	background: #f5f4f5; 
}
.wp-block-table table th { 
	background: #97bf0d;
	color: white; 
	font-weight: bold; 
}
.wp-block-table table td, 
.wp-block-table table th { 
	border: 1px solid #e2e2e2; 
	border-bottom: none; 
	vertical-align: middle;
	padding: 15px;
}





/* Pages gares
--------------------------------------------------*/
div.box-infos-gare{
	text-align: center;
	font-size: 18px;
	margin-bottom: 100px;
	/*padding: 20px;*/
	/*background: #f5f4f5;*/
}
div.adresse-gare{

}
div.infos-gare{

}
div.infos-gare a.bt span{
	display: inline-block;
	font-weight: 600;
	font-size: 18px;
	line-height: 1;
}
div.infos-gare a.bt i{
	font-size: 20px;
	padding-right: 3px;
}

/* Actu gares
--------------------------------------------------*/
h2.titre-actu-gare{
	text-align: center;
	width: 100%;
	background: #97bf0d;
	padding: 15px;
	color: #fff !important;
	margin-top: 40px;
}
div.no-result{
	font-weight: 600;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 50px;
}

























/* Page - Location de salles
--------------------------------------------------*/
div#article-28 .wp-block-table table td em, 
div#article-28 .wp-block-table table th em{
	display: inline-block;
	font-size: 13px !important;
	line-height: 16px !important;
}
div#article-28 .wp-block-table table td, 
div#article-28 .wp-block-table table th{
	max-width: 200px !important;
}








/* Cookies
--------------------------------------------------*/
a.cn-more-info{
	color: #fff;
	font-weight: 400;
	-moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
a.cn-more-info:hover{
	color: #999999;
}
a.cn-set-cookie{
	display: inline-block;
	background: #fff;
	color: #000;
	text-decoration: none;
	padding: 5px 15px;
	text-transform: uppercase;
	-moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
a.cn-set-cookie:hover{
	background: #999999;
}