/* cmsms stylesheet: Imaginarium_Expo modified: jeudi 29 février 2024 22:58:08 */
                                     /* fond fenetre */
                                       /* texte */
                                       /* lien sélectionné */
                                    /* fond bloc */
                                       /* mauve moyen */
                                      /* mauve foncé */
                                      /* mauve clair*/
                                    /* fond menu */
                                        /* texte menu */
                                       /* texte menu select */
                                       /* texte menu select */

body {
	margin: 0;
	padding: 0;
	font-family: 'Comfortaa', sans-serif;
	color: #b1b1b1;
	font-size: 1.1rem;
	line-height: 1.47rem;
	background-color: #292929;
	background: #292929;
	background-attachment: fixed;
	background-size: cover;
}
a {
	color: #b1b1b1;
}
fieldset {
	border-width: 1px;
	border-style: solid;
	border-color: #373737;
}
.clearb {
	clear: both;
}
h1 {
	margin: 0;
	padding: 0;
	font-size: 2.5rem;
	line-height: 2.55rem;
	font-weight: bold;
}
h2 {
	margin: 0;
	padding: 0;
	font-size: 1.7rem;
	line-height: 1.8rem;
	font-weight: 300;
	color: #dddddd;
}
h3 {
	margin: 0;
	padding: 0;
	font-size: 1.7rem;
	line-height: 1.8rem;
	font-weight: 550;
}
h4 {
	margin: 0;
	padding: 0;
	font-size: 1.3rem;
	line-height: 1.35rem;
	font-weight: 550;
}
hr {
	width: 70%;
	margin: 0.5rem auto;
	background-color: ;
	border: none;
	height:1px;
}
p {
	margin: 0;
	padding: 0;
}
.espaceurV {
	width: 100%;
	height: 1rem;
}

/************************************** BANDEAU HAUT *************************************/
.BandeauHaut {
	top: 0;
	position: fixed;
	width: 100%;
	height: 72px;
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
	background-color: rgba(0,0,0,0.4);
	border-bottom: groove 1px rgba(200,20020,0,0.1);
	z-index: 100;
}
.BandeauHautBlocCentre {
	margin: 0 auto;
	float: left;
	width: calc(100% - (2 * 130px));
	margin-left: 42px;
	text-align: center;
	overflow: hidden;
}
.Slogan1 {
	padding-top: 4px;
	height: 1.4rem;
	font-size: 1.3rem;
	line-height: 1.36rem;
	text-align: center;
	color: #d9a2fb;
}
.Slogan1 a {
	text-decoration: none;
}
.Slogan2 {
	height: 1rem;
	font-size: 1rem;
	line-height: 1rem;
	letter-spacing: .1rem;
	text-align: center;
	color: #b1b1b1;
}
.Logo {
	width: 80px;
	height: 70px;
	margin: 2px 0 2px 32px;
	float: left;
}
.Logo img {
	width: 100%;
	height: auto;
}
.Ogol {
	width: 98px;
	height: 48px;
	float: right;
	display: table;
	background-color: #292929;
}
.ContOgol {
	color: #dddddd;
	display: table-cell;
	text-align: center;
        vertical-align: middle;
	font-size: 0.5rem;
	background-color: rgba(0,0,0,0.4);
}
.ContOgol a {
	color: #dddddd;
	text-decoration: none;
}
#Top {
	display: inline-block;
	position: fixed;
	width: 48px;
	height: 42px;
	bottom: 36;
	right: 0;
	z-index: 900;
	cursor: pointer;
	transition: visibility .5s, opacity .5s;
	visibility: hidden;
	opacity: 0;
}
#Top img {
	width: 100%;
	height: auto;
}
/************************************ FIN BANDEAU HAUT ***********************************/

/************************************ PAGE ***********************************************/
.Page {
	min-width: 340px;
	max-width: 1400px;
	width: 90%;
	height: calc(100% - (64px));
	margin: 0 auto 40px;
	padding-top: 150px;
	font-family: 'Comfortaa', sans-serif;
	letter-spacing: .06rem;
	font-size: 1.1rem;
	line-height:1.4rem;
	display:table;
}
.BlocGeneral {
	width: 100%;
}
.BlocGauche {
	float: left;
	width: 70%;
}
.BlocDroit {
	float: right;
	width: 26%;
	padding: 0 1% 1rem;
	background-color: #1d1d1d;
	background_image: url(https://www.imaginarium-espalion.fr/Habillage/PixM.gif) repeat-y center 0;
	border-radius: 15px;
	font-size: 1.15rem;
	line-height: 1.35rem;
}
.BlocCentre {
	width: 70%;
	margin: 0 auto;
}
.BlocCentre img {
	width: 70%;
	height: auto;
	margin: 0 auto;
	text-align: center;
}
.BlocCentreTechnique {
	width: 70%;
	margin: 0 auto;
	background-color: #1d1d1d;
	border-radius: 15px;
	text-align: justify;
	padding: 1.8rem;
}
.MessErreur {
	color: #FF0004;
	font-style: italic;
	font-weight: bold;
	text-align: center;
}
.BlocTitre, .BlocTitreActus {
	margin: 0 auto;
	padding-bottom: 12px;
	overflow: hidden;
	text-align: center;
}
.Titre, .STitre {
	font-weight: 550;
	display: inline-block;
	background: url(/Habillage/LSep.png) no-repeat center bottom;
	color: #dddddd;
}
.Titre:before, .Titre:after, .STitre:before, .STitre:after {
	content: "";
	display: table-cell;
	width: 50%;
	background: url(https://www.imaginarium-espalion.fr/Habillage/LSep.png) repeat-x left center;
}
.STitre {
	width: 100%;
	text-align: center;
	margin: 1.7rem 0 0.5rem;
}
.UneColonne, .UneColonneM {
	padding: 0.7rem;
	text-align: justify;
}
.UneColonne p, .UneColonneM p {
	padding: 0;
	margin: 0;
}
.DeuxColonneA, .DeuxColonneB {
	padding: 0.7rem;
	-webkit-columns: 2;
	-moz-columns: 2;
	columns: 2;
	text-align: justify;
	background_image: url(https://www.imaginarium-espalion.fr/Habillage/PixM.gif) repeat-y center 0;
	column-gap: 3rem;
}
.DeuxColonneB p, .DeuxColonneB p {
	padding: 0;
	margin: 0;
}
.UneColonne img, .UneColonneM img {
	width: 60%;
	height: auto;
	padding: 0 20%;
	border-radius: 12px;
}
.DeuxColonneA img, .DeuxColonneB img {
	width: 100%;
	height: auto;
	padding: 0;
	border-radius: 12px;
}
.UneColonneM {
	width: 46%;
	background: #ffffff;
	position: relative;
	margin: 1rem;
	display: inline-flex;
	flex-direction: column;
	border-radius: 15px;
}
.ContBlocWiki {
	width: 220px;
	height: 250px;
	background: ;
	position: relative;
	margin: 1rem;
	display: inline-flex;
	flex-direction: column;
	cursor: pointer;
	border: 1px solid ;
}
.ContBlocWiki a {
	text-decoration: none;
}
.ContBlocWiki img {
	width: 180px;
	height: 180px;
	margin-top: 5px;
	object-fit: scale-down;
	object-position: center;
}
.Entete {
	width: 100%;
	margin: 0 auto;
}
.BlocMulti {
	width: 100%;
	text-align: center;
}
.ContBlocMulti {
	width: 300px;
	height: 440px;
	background: #1d1d1d;
	position: relative;
	margin: 1rem;
	display: inline-flex;
	flex-direction: column;
	border-radius: 15px;
	cursor: pointer;
}
.ContBlocMultiAgenda {
	width: 120px;
	height: 64px;
	background: #1d1d1d;
	position: relative;
	margin: 1rem;
	display: inline-flex;
	flex-direction: column;
	border-radius: 15px;
}
.ContBlocMulti a {
	text-decoration: none;
}
.ContBlocMulti img {
	width: 90%;
	height: auto;
	margin-top: 5px;
	padding: 6px 5%;
	object-fit: scale-down;
	object-position: center;
	border-radius: 10%;
}
.ContBlocMultiNom {
	color: #78378e;
	font-size: 1.2rem;
}
.ContBlocMultiInfo {
	font-size: 0.9rem;
	line-height: 1rem;
}
.ContBlocMultiInfoAgenda {
	font-size: 0.9rem;
	line-height: 1rem;
}
.leaflet-container {
	height: 400px;
	width: 600px;
	max-width: 100%;
	max-height: 100%;
}
table {
	border: solid 1px;
}
tr {
	border-bottom: solid 1px;
}
tr:last-child {
	border-bottom: none;
}
/************************************ FIN PAGE *******************************************/

/************************************ AGENDA *********************************************/
.fc-unthemed td.fc-today {
	background: #d9a2fb !important;
}
/************************************ FIN AGENDA *****************************************/

.gallery {
	width: 100%;
	text-align: center;
}

/************************************** ACTUALITE ****************************************/
.ActusContenu {
	padding: 0 4px;
	border: 1px solid #AD9A9B;
}
.Actus {
	font-size: 2.5rem;
	line-height: 2.55rem;
	font-weight: bold;
	color: #8b40aa;
	padding: 0 5px;
	display: inline-block;
}
.BlocTitreActus {
	
}
.ActusSomTitre h1 {
	width: 100%;
	font-size: 1.7rem;
	line-height: 1.75rem;
	font-weight: 550;
	text-align: center;
	margin: 0.8rem 0;
}
.ActusSomContenu {
	color: #b1b1b1;
	text-align: center;
}
.ActusSomContenu img {
	width: 80%;
	height: auto;
	margin: 0 auto;
	padding: 0 10%;
}
.ActusSomContenu p {
	margin: 0;
	padding: 0;
}
.ActusSomDate {
	font-size: 0.7rem;
	line-height: 0.8rem;
	font-style: italic;
	text-align: center;
}
.ActusSomPlus {
	font-size: 0.9rem;
	line-height: 1rem;
	font-style: italic;
	text-align: right;
	font-weight: bold;
	padding-bottom: 0.8rem;
}

.ActusVoirT {
	width: 100%;
	font-size: 0.9rem;
	line-height: 1rem;
	font-weight: 300;
	text-align: center;
}
.ActusVoirT a {
	text-decoration: none;
}
.ContActusV {
	width: 100%;
	text-align: center;
}
.ActusVSommaire {
	width: 200px;
	height: 312px;
	margin: 12px;
	position: relative;
	display: inline-block;
	background-color: ;
	border-radius: 8px;
	border: 1px  solid;
	-webkit-box-shadow: 6px 6px 6px rgba(0,0,0,0,8);
	box-shadow: 6px 6px 6px rgba(0,0,0,0.8);
	text-align: center;
	overflow: hidden;
}
.ActusVSommaireCont {
	width: 96%;
	margin:3px auto;
}
.ActusVSommaireImage {
	display: inherit;
	width: 186px;
	height: 186px;
	margin: 3px auto;
	border-radius: 8px;
	border: 1px #b1b1b1 solid;
	overflow: hidden;
}
.ActusVSommaireImage img {
	width: auto;
	height: 100%;
}
.ActusVSommaireTitre h1 {
	width: 100%;
	font-size: 1.1rem;
	line-height: 1.15rem;
	font-weight: 550;
	text-align: center;
	margin: 0.8rem 0;
}
.ActusVSommaireTexte {
	width: 100%;
	margin: 5px;
	text-align: center;
	font-size: 0.9rem;
	line-height: 1.2rem;
}
.ActusVSommaireTexte a {
	color: #b1b1b1;
	text-decoration: none;
}
.ActusVSommaireDate {
	font-size: 0.7rem;
	line-height: 0.78rem;
	font-style: italic;
	text-align: center;
}
/************************************** FIN ACTUALITE ************************************/

/************************************ FORMULAIRE *****************************************/
.Formulaire {
	width: 90%;
	margin: 0 auto;
}
.Formulaire input[type="text"], .Formulaire input[type="email"], .Formulaire input[type="password"],  .Formulaire textarea,
.Formulaire select {
	color: #b1b1b1;
	border: 1px solid ;
	background-color: ;
	width: 100%;
	margin: 0;
}
.Formulaire button, button, .Formulaire input {
	background-color: ;
	color: #b1b1b1;
	font-weight: bold;
	border-top: 2px groove ;
	border-right: 2px groove ;
	border-bottom: 2px groove ;
	border-left: 2px groove ;
	cursor: pointer;
}
.formbuilderform {
	width: 90%;
	margin: 0 auto;
}
.formbuilderform img {
	width: 90%;
	max-width: 240px;
	margin: 0 auto;
}
/************************************ FIN FORMULAIRE *************************************/

/************************************ BANDEAU BAS ****************************************/
.BandeauBas {
	width: 100%;
	height: 26px;
	bottom: 0;
	position: fixed;
	padding-top: 4px;
	overflow: hidden;
	background-color: #000000;
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
	z-index: 90;
	font-size: 1rem;
	text-align: center;
	color: #dddddd;
}
.BandeauBas a {
	color: #dddddd;
}
/************************************ FIN BANDEAU BAS ************************************/

/************************************ MENU H *********************************************/
.MenuH {
	display: inline-block;
	margin: 0 auto;
	padding: 0;
	font-size: 0.8rem;
	text-align: center;
	z-index: 1000;
}
#menuwrapper {
	height: auto;
	width: auto;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
#menu_vert {
	margin: 0;
	padding: 0;
}
/******************** PREMIER NIVEAU *********************/
ul#primary-nav, ul#primary-nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul#primary-nav {
	padding: 2px 0 0 0;
}
ul#primary-nav ul {
	position: absolute;
	top: auto;
}
ul#primary-nav li {
	float: left;
	text-align: center;
	padding: 0 0 4px;
	background: #292929;
	border-radius: 20px 20px 0 0;
	margin: 0 1px;
}
ul#primary-nav li a {
	color: #dddddd;
	display: block;
	text-decoration: none;
	margin: 0 8px;
	padding: 0 8px;
}
ul#primary-nav li a:hover {
	color: #ffffff;
}
ul#primary-nav li a.menuactive {
	color: #ffffff;
}
ul#primary-nav li a.menuactive:hover {
	color: #ffffff;
}
.PictoMenuH {
	max-width: 100px;
	height: 50px;
	display: table-cell;
	vertical-align: middle;
}
.PictoMenuH img {
	width: 100%;
	height: auto;

}
/******************** NIVEAU SUIVANT *********************/
ul#primary-nav li ul {
	background: #292929;
	position: absolute;
	width: auto;
	height: auto;
	display: none;
	border-top: 1px groove #b1b1b1;
	-webkit-box-shadow: 5px 5px 12px rgba(0,0,0,0.36);
	box-shadow: 5px 5px 12px rgba(0,0,0,0.36);
}
#primary-nav li li {
	width: 180px;
	float: none;
	position: relative;
	font-size: 0.8rem;
	padding-bottom: 3px;
}
ul#primary-nav li li a:hover {
	color: #ffffff;
}
#primary-nav li li a.menuparent span {
	display: block;
}
ul#primary-nav li ul a {
	text-align: left;
	margin: 0px;
	position: relative;
	padding: 3px 0 0 10px;
	color: #dddddd;
}
ul#primary-nav li ul ul {
	margin: -1.2rem 0 0 ;
}
#primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul, #primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul {
	display: none;
}
#primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul, #primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul {
	display: block;
}
/* IE6 Hacks */
#primary-nav li li {
	float: left;
	clear: both;
}
#primary-nav li li a {
	height: 1%;
}
ul#primary-nav li li ul {
	background: ;
	position: absolute;
	width: auto;
	height: auto;
	border-right: 1px solid ;
	border-bottom: 1px solid ;
	border-left: 1px solid ;
	display: none;
	-webkit-box-shadow: 5px 5px 12px rgba(0,0,0,0.36);
	box-shadow: 5px 5px 12px rgba(0,0,0,0.36);
	border-bottom: 1px solid #373737;
	border-top: 1px solid #373737;
	border-right: 1px solid #373737;
}
/************************************ FIN MENU H *****************************************/
/************************************ DEBUT MENU REDUIT **********************************/
.BtMenuReduit {
	display: none;
	width: 28px;
	height: 28px;
	margin: 8px auto 0;
	padding: 0 0;
	text-align: left;
	z-index: 1200;
	background: url(https://www.imaginarium-espalion.fr/Habillage/MenuROn.png) no-repeat;
	cursor: pointer;
}
.BtMenuReduitOff {
	background: url(https://www.imaginarium-espalion.fr/Habillage/MenuROff.png) no-repeat;
}
.MenuReduit {
	display: none;
	left: 0;
	position: fixed;
	width: 100%;
	z-index: 150;
	padding: 0;
	text-align: left;
	border-bottom: 1px solid #373737;
	background-color: rgba(0,0,0,0.4);
}
.MenuReduit li a {
	text-decoration: none;
	font-size: 1rem;
	letter-spacing: 0.06em;
	display: block;
	width: 96%;
	padding: 3px 4% 2px 0;
	color: #dddddd;
}

.MenuReduit li a:hover {
}
.MenuReduit li {
	list-style: none;
}
.MenuReduit a.menuactive {
	margin: 0;
	padding: 0;
	background-color: ;
	color: ;
}
.MenuReduit a.menuparent {
	background: none;
}
.MenuReduit li a.parent:hover {

}
.MenuReduit a.menuactive:hover {
	color: #ffffff;
}
.MenuReduit li li a {
	font-size: 0.7rem;
}
.MenuReduit li li li a {
	font-size: 0.6rem;
}
/************************************ FIN MENU REDUIT ************************************/

/************************************ DEBUT FAQ ******************************************/
.faq_q {
	width: 80%;
	max-width: 540px;
	margin: 1rem auto;
	padding:2px 10px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color: #373737;
	text-align: center;
	color: #ffffff;
	cursor:pointer;
}

.faq_a {
	width: 90%;
	max-width: 900px;
	margin: 1rem auto;
	padding:1rem;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border: 2px solid #373737;
	background-color: #292929;
	text-align: center;
	color: #b1b1b1;
}
/************************************ FIN FAQ ********************************************/

/************************************ RESPONSIVE *****************************************/
@media only screen and (max-width:1250px) {
	.UneColonneM {
		width: 96%;
	}
}
@media only screen and (max-width:1024px) {
	.DeuxColonneA {
		-webkit-columns: 1;
		-moz-columns: 1;
		columns: 1;
	}
	.MenuH {
		display: none;
	}
	.BtMenuReduit {
		display: block;
	}
}
@media only screen and (max-width:900px) {
	.DeuxColonneB {
		-webkit-columns: 1;
		-moz-columns: 1;
		columns: 1;
	}
}
@media only screen and (max-width:800px) {
	.Page {
		font-size: 0.95rem;
		line-height: 1.1rem;
		margin: 0 auto 80px;
	}
	h1 {
		font-size: 1.5rem;
		line-height: 1.55rem;}
	h2 {
		font-size: 1.35rem;
		line-height: 1.4rem;
	}
	h3 {
		font-size: 1.1rem;
		line-height: 1.15rem;
	}
	.BandeauHaut {
		height: 90px;
	}
	.Logo {
		width: 48px;
	}
	.Slogan1 {
		font-size: 0.8rem;
		line-height: 0.85rem;
	}
	.Slogan2 {
		height: 1rem;
		font-size: 0.5rem;
		letter-spacing: 0;
	}
	.Ogol {
		width: 90px;
	}
	.Lang {
		width: 90px;
		height: 20px;
	}
	.Lang img {
		width: 18px;
	}
	.Titre, .STitre {
		padding: 0.7rem 0 1.5rem;
	}
	.BlocGauche, .BlocDroit {
		float: none;
		width: 100%;
	}
	.ActusContenu {
		border-right: none;
		border-bottom: none;
		border-left: none;
	}
	.UneColonne {
		text-align: left;
	}
	.UneColonne img {
		width: 90%;
		height: auto;
		padding: 0 5%;
	}
	.UneColonneM {
		width: 100%;
	}
	.BandeauBas {
		font-size: 0.85rem;
	}
	.ContBlocMultiAgenda {
		width: 62px;
		height: 32px;
		margin: 0.2rem;
		border-radius: 5px;
	}
	.ContBlocMultiInfoAgenda {
		font-size: 0.5rem;
		line-height: 0.54rem;
	}
}
/************************************ FIN RESPONSIVE *************************************/