@import url('https://fonts.googleapis.com/css?family=Playfair+Display');


/***** propre à art et alpha *******/
.h-vh-100{
	height: 100vh;
}
.h-vh-25{
	height: 25vh;
}

h3.selectionnez, .payer_gratuit .h4{
	display: none;
}
#formulaire_mode_paiement{
	background: transparent;
}
.disponibles{
	font-weight: 700;
	font-size: 24px;
	padding: 10px 0;
}
.evenements{
	overflow: hidden;
}
.payer_modes .submit{
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    padding: .84rem 2.14rem;
    font-size: .81rem;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -o-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    margin: .375rem;
    border: 0;
    -webkit-border-radius: .125rem;
    border-radius: .125rem;
    cursor: pointer;
    text-transform: uppercase;
    white-space: normal;
    color: #fff;
    background-color: #5dba96!important;
    color: #fff!important;
    margin: auto;
}
.left-10{
	left: 15%;
	top: 10px;
}
.content-article{
	font-size: 1.25rem;
	font-weight: 300;
}

.trigger.btn{
	margin: 0!important;
}
figcaption{
	position: absolute;
    bottom: 0;
    left: 10px;
    color: white;
    font-size: 12px;
}
.date-event{
	position: absolute;
	top: -5%;
    left: 19%;
}
.logo-smartphone{
	height: 330px;
	overflow: hidden;
}
.logo-smartphone img{
	width: 150%;
    position: relative;
    right: 170px;
}
.border-left-5.border-blue {
    box-shadow: inset 10px 0 0 #33b5e5!important;
}
.border-left-5:hover h3{
	color: white;
	background: transparent!important;
}
.border-left-5.border-blue:hover{
	overflow: hidden;
	box-shadow:inset 650px 0 0 #33b5e5!important;
}
.border-left-5.border-purple {
    box-shadow: inset 10px 0 0 #9c27b0!important;
}
.border-left-5:hover h3{
	color: white;
	background: transparent!important;
}
.border-left-5.border-purple:hover{
	overflow: hidden;
	box-shadow:inset 650px 0 0 #9c27b0!important;
}
.bg-purple{
	background-color: #9c27b0!important
}

.border-left-5.border-red {
    box-shadow: inset 10px 0 0 #ea5241!important;
}
.border-left-5:hover h3{
	color: white;
	background: transparent!important;
}
.border-left-5.border-red:hover{
	overflow: hidden;
	box-shadow:inset 650px 0 0 #ea5241!important;
}
.border-left-5.border-grey {
    box-shadow: inset 10px 0 0 #4a4a49!important;
}
.border-left-5:hover h3{
	color: white;
	background: transparent!important;
}
.border-left-5.border-grey:hover{
	overflow: hidden;
	box-shadow:inset 650px 0 0 #4a4a49!important;
}
.btn {
	overflow: inherit!important;
}
.bg-danger, .bg-red{
	background-color: #ea5241!important;
}
.navbar {
  background: #fef074;
}
.navbar:not(.top-nav-collapse) {
  background: transparent;
}
.navbar .navbar-brand img {
  height: 40px;
  margin: 10px;
}
.hm-gradient {
  background: linear-gradient(40deg, rgba(0,51,199,.3), rgba(209,149,249,.3));
}
.z-index-30{
	z-index: 30!important;
}
.heading {
  margin: 0 3rem;
  font-weight: 700;
  color: #5d4267;
}
.pretty-break {opacity:0}
.subheading {
  margin: 2.5rem 6rem;
  color: #bcb2c0;
}
.btn.btn-margin {
  margin-left: 6rem;
  margin-top: 3rem;
}
.btn.btn-lily {
  background: linear-gradient(40deg, rgba(0,51,199,.7), rgba(209,149,249,.7));
}
.title {
  margin-top: 6rem;
  margin-bottom: 2rem;
  color: #5d4267;
}
.subtitle {
  color: #bcb2c0;
  margin-left: 20%;
  margin-right: 20%;
  margin-bottom: 6rem;
}
.mt-50{
	margin-top: 8%;
}
.se-pre-con{
	width: 100vw;
	height: 100vh;
	position: fixed;
	z-index: 2500;
	top: 0;
	left: 0;
}
.sk-cube-grid {
  width: 40px;
  height: 40px;
  margin: 100px auto;
}

.sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background-color: #333;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
          animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s; }
.sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1);
  }
}

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1);
  }
}
}.font-bis{
	font-family: 'Playfair Display', serif;
}
.purple-gradient{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#961254+0,1a189c+100 */
background: #ff3547; /* Old browsers */
background: -moz-linear-gradient(45deg, #ff3547 0%,#1a237e 100%)!important; /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #ff3547 0%,#1a237e 100%)!important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #ff3547 0%,#1a237e 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#961254', endColorstr='#1a189c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.jarallax {
    min-height: 100vh;
}
.rgba-gradient{
	background: -webkit-linear-gradient(45deg, rgba(255,53,70,0.8) 0%, rgba(26, 34, 125, 0.8) 100%)!important;
}
.navbar.navbar-dark .navbar-nav .nav-item .dropdown-menu .nav-link{
	color: #333!important;
}
.top-nav-collapse {
background-color: #fef074!important
}
.top-nav-collapse a {
	color: #4a4a49!important;
}
.navbar:not(.top-nav-collapse) {
background: rgba(255, 241, 116, 0.2)!important;
}
.navbar:not(.top-nav-collapse) a {
color: #4a4a49!important;
}
/******* couleur Art et alpha ************/

.text-info, blue-text{
	color: #5dba96!important;
}
.btn-info{
	background-color: #5dba96!important;
}
.text-danger, .red-text{
	color: #ea5241!important;
}
.purple-text{
	color: #9d4191!important;
}
.grey-text{
	color: #4a4a49!important;
}
.text-dark, .navbar-light .navbar-brand, .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover{
	color: #4a4a49!important;
}
.yellow-text{
	color: #fef074!important;
}
.yellow.accent-1{
	background-color: #fef074!important;
}
.green {
	background-color: #5dba96!important;
}
.green.texte{
	color: #5dba96!important;
}
.red{
	background-color: #e95240!important;
}
.red-text{
	color: #e95240!important;
}
hr{
	background-color: #e95240!important;
}
.date-bottom h3, .date-bottom small{
	text-shadow: 1px 1px 0px #fef074, -1px -1px 0px #fef074!important;
}
.mt-m100{
	margin-top: -30%!important;
}
.rotate-left {
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.slide-in-blurred-right {
	-webkit-animation: slide-in-blurred-right 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	        animation: slide-in-blurred-right 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}
.slide-in-blurred-left {
	-webkit-animation: slide-in-blurred-left 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	        animation: slide-in-blurred-left 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}
.focus-in-contract-bck {
	-webkit-animation: focus-in-contract-bck 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: focus-in-contract-bck 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.jello-horizontal {
	-webkit-animation: jello-horizontal 0.9s both;
	        animation: jello-horizontal 0.9s both;
}
.fade-in-bck {
	-webkit-animation: fade-in-bck 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-bck 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
.text-focus-in {
	-webkit-animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}

hr{
	clear: both;
	}
.cs_blocs{
	background-color: #fef074!important;
	border: 0px solid #e95240!important;
	margin-bottom: 5px;
}
.blocs_titre{
	background: url(squelettes/images/arrow-bottom.png)no-repeat scroll left center;
	font-size: 15px;
	text-transform: uppercase;
	background-size: 3%;
	padding: 15px 10px;
	border-bottom:2px solid #e95240!important

}
.blocs_titre a{
	color: #e95240!important
}
.blocs_replie {
    background: transparent  url(squelettes/images/arrow-right.png) no-repeat scroll left center;
    background-size: 3%;
}
.blocs_destination{
	padding: 30px;
	border-top: 0px solid #003671!important;
}
.blocs_replie, .blocs_titre{
	background-position: right center
}
div.onglets_bloc{
	margin-top: 20px;
}
div.onglets_bloc h2.onglets_titre{
	background-color: transparent!important;
	height: 32px!important;
	border:0px !important;
	padding: 0.5rem!important;
}
div.onglets_bloc .onglets_contenu{
	background-color: #e95240!important;
	border: 0!important;
	color: white!important;
	padding: 1rem;
}
div.onglets_bloc h2.onglets_titre.selected{
	background-color: #e95240!important;
	border-top: 3px solid #5dba96!important;
	padding: 0.5rem!important;
	height: 32px!important;
	top: 0px!important;
}
div.onglets_bloc h2.onglets_titre.selected a{
	color: white!important;
}
.rgba-yellow-strong, .rgba-yellow-strong:after {
    background-color: rgba(255, 241, 116, 0.5);
}
.spip_documents.left{
	margin-right: 1.5rem;
	margin-bottom: 1rem;
}
.spip_documents.right{
	margin-left: 1rem;
	margin-bottom: 1rem;
}
.texteencadre-spip{
	padding: 1rem;
	border: 0!important;
	color: white!important;
}
.article-purple .spip_documents{
	position: relative;
}
.article-purple .spip_documents img::before{
	background-color: rgba(156,39,176,.7);
	position: absolute;
	z-index: 30;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-attachment: fixed;
}

@-webkit-keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}

@-webkit-keyframes fade-in-bck {
  0% {
    -webkit-transform: translateZ(80px);
            transform: translateZ(80px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes fade-in-bck {
  0% {
    -webkit-transform: translateZ(80px);
            transform: translateZ(80px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}
.slide-in-blurred-top {
	-webkit-animation: slide-in-blurred-top 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	animation: slide-in-blurred-top 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}
@-webkit-keyframes slide-in-blurred-top {
  0% {
    -webkit-transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
            transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
            transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
@keyframes slide-in-blurred-top {
  0% {
    -webkit-transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
            transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
            transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}

@-webkit-keyframes jello-horizontal {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes jello-horizontal {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@-webkit-keyframes slide-in-blurred-left {
  0% {
    -webkit-transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
            transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) scaleY(1) scaleX(1);
            transform: translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
@keyframes slide-in-blurred-left {
  0% {
    -webkit-transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
            transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) scaleY(1) scaleX(1);
            transform: translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}

@-webkit-keyframes slide-in-blurred-right {
  0% {
    -webkit-transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
            transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) scaleY(1) scaleX(1);
            transform: translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
@keyframes slide-in-blurred-right {
  0% {
    -webkit-transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
            transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) scaleY(1) scaleX(1);
            transform: translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
@-webkit-keyframes focus-in-contract-bck {
  0% {
    letter-spacing: 1em;
    -webkit-transform: translateZ(300px);
            transform: translateZ(300px);
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(12px);
            transform: translateZ(12px);
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
@keyframes focus-in-contract-bck {
  0% {
    letter-spacing: 1em;
    -webkit-transform: translateZ(300px);
            transform: translateZ(300px);
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(12px);
            transform: translateZ(12px);
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}

@media (max-width: 768px) {

  body.sommaire{
	background-image: url(../../images/logo-sd.svg)!important;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.heading{
	margin: 0 2rem;
	font-size: 2.8rem!important;
}
.h-vh-100{
	height: auto!important;
}
.jaralax{
	background-size: 70%!important;
    background-position: left top!important;
    min-height: auto;
}
.firstslide{
	background: transparent!important;
}
.slidernext{
	background-position: center center!important;
}
}