body {
	font-family: "Quicksand", sans-serif;
	padding-top: 132px;
	font-size: 18px;
}
/* TURQUOISE */
.bg-turquoise 		{	background: rgba(0,169,147,1) !important;		}
.bg-turquoise-o10 	{	background: rgba(0,169,147,.1) !important;		}
.bg-turquoise-o25 	{	background: rgba(0,169,147,.25) !important;		}
.bg-turquoise-o50 	{	background: rgba(0,169,147,.5) !important;		}
.bg-turquoise-o75 	{	background: rgba(0,169,147,.75) !important;		}
.border-turquoise 	{	border:1px solid rgba(0,169,147,1);				}
.text-turquoise 	{	color: rgba(0,169,147,1); font-weight: 700;		}
body.bg-turquoise-o10 section a { color: rgba(0,169,147,1); font-weight: 700; text-decoration:underline }
/* JAUNE */
.bg-jaune 			{	background: rgba(255,213,0,1) !important;		}
.bg-jaune-o10 		{	background: rgba(255,213,0,.1) !important;		}
.bg-jaune-o25 		{	background: rgba(255,213,0,.25) !important;		}
.bg-jaune-o50 		{	background: rgba(255,213,0,.5) !important; 		}
.bg-jaune-o75 		{	background: rgba(255,213,0,.75) !important; 		}
.border-jaune 		{	border:1px solid rgba(255,213,0,1);				}
.text-jaune 		{	color: rgba(255,213,0,1); font-weight: 700;		}
body.bg-jaune-o10 section a { color: rgba(255,213,0,1); font-weight: 700; text-decoration:underline }
/* ORANGE */
.bg-orange 			{	background: rgba(243,146,0,1) !important;		}
.bg-orange-o10 		{	background: rgba(243,146,0,.1) !important;		}
.bg-orange-o25 		{	background: rgba(243,146,0,.25) !important;		}
.bg-orange-o50 		{	background: rgba(243,146,0,.5) !important;		}
.bg-orange-o75 		{	background: rgba(243,146,0,.75) !important;		}
.border-orange 		{	border:1px solid rgba(243,146,0,1);				}
.text-orange 		{	color: rgba(243,146,0,1); font-weight: 700;		}
body.bg-orange-o10 section a { color: rgba(243,146,0,1); font-weight: 700; text-decoration:underline }
/* ROSE */
.bg-rose 			{	background: rgba(224,0,109,1) !important;		}
.bg-rose-o10 		{	background: rgba(224,0,109,.1) !important;		}
.bg-rose-o25 		{	background: rgba(224,0,109,.25) !important;		}
.bg-rose-o50 		{	background: rgba(224,0,109,.5) !important;		}
.bg-rose-o75 		{	background: rgba(224,0,109,.75) !important;		}
.border-rose 		{	border:1px solid rgba(224,0,109,1);				}
.text-rose 			{	color: rgba(224,0,109,1); font-weight: 700;		}
body.bg-rose-o10 section a { color: rgba(224,0,109,1); font-weight: 700; text-decoration:underline }
/* VIOLET */
.bg-violet 			{	background: rgba(168,77,151,1) !important;		}
.bg-violet-o10 		{	background: rgba(168,77,151,.1) !important;		}
.bg-violet-o25 		{	background: rgba(168,77,151,.25) !important;	}
.bg-violet-o50 		{	background: rgba(168,77,151,.5) !important;		}
.bg-violet-o75		{	background: rgba(168,77,151,.75) !important;		}
.border-violet 		{	border:1px solid rgba(168,77,151,1);			}
.text-violet 		{	color: rgba(168,77,151,1); font-weight: 700;	}

.btnSupp {
	position: absolute;
	right: 0;
	top:0;
	background: red;
	color:white;
	padding: 5px 10px;
	padding: 5px 15px;
	border-radius: 0 0 0 10px;
}

/* ICONES DIPLOMES */
.blob {
	background: black;
	border-radius: 50%;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	height: 120px;
	width: 120px;
	transform: scale(1);
	animation: pulse-black 2s infinite;

}
@media (max-width: 768px) {
	.blob {
		height: 100px;
		width: 100px;
	}
}

@keyframes pulse-black {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
	}
	
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}
	
	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}

.blob.white {
	background: white;
	box-shadow: 0 0 0 0 rgba(255, 255, 255, 1);
	animation: pulse-white 2s infinite;
}

@keyframes pulse-white {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
	}
	
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
	}
	
	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}

.blob.red {
	background: rgba(255, 82, 82, 1);
	box-shadow: 0 0 0 0 rgba(255, 82, 82, 1);
	animation: pulse-red 2s infinite;
}

@keyframes pulse-red {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.7);
	}
	
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(255, 82, 82, 0);
	}
	
	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 82, 82, 0);
	}
}

.blob.orange {
	background: rgba(255, 121, 63, 1);
	box-shadow: 0 0 0 0 rgba(255, 121, 63, 1);
	animation: pulse-orange 2s infinite;
}
@keyframes pulse-orange {
	0% 		{ transform: scale(0.95); 	box-shadow: 0 0 0 0 rgba(255, 121, 63, 0.7); 	}
	70% 	{ transform: scale(1); 		box-shadow: 0 0 0 10px rgba(255, 121, 63, 0); 	}
	100% 	{ transform: scale(0.95); 	box-shadow: 0 0 0 0 rgba(255, 121, 63, 0); 		}
}

.blob.yellow {
	background: rgba(255, 177, 66, 1);
	box-shadow: 0 0 0 0 rgba(255, 177, 66, 1);
	animation: pulse-yellow 2s infinite;
}
@keyframes pulse-yellow {
	0% 		{ transform: scale(0.95); 	box-shadow: 0 0 0 0 rgba(255, 177, 66, 0.7); 	}
	70% 	{ transform: scale(1); 		box-shadow: 0 0 0 10px rgba(255, 177, 66, 0);	}
	100% 	{ transform: scale(0.95); 	box-shadow: 0 0 0 0 rgba(255, 177, 66, 0); 		}
}

.blob.blue {
	background: rgba(52, 172, 224, 1);
	box-shadow: 0 0 0 0 rgba(52, 172, 224, 1);
	animation: pulse-blue 2s infinite;
}
@keyframes pulse-blue {
	0% 		{ transform: scale(0.95); 	box-shadow: 0 0 0 0 rgba(52, 172, 224, 0.7); 	}
	70% 	{ transform: scale(1); 		box-shadow: 0 0 0 10px rgba(52, 172, 224, 0); 	}
	100% 	{ transform: scale(0.95); 	box-shadow: 0 0 0 0 rgba(52, 172, 224, 0); 		}
}

.blob.green {
	background: rgba(51, 217, 178, 1);
	box-shadow: 0 0 0 0 rgba(51, 217, 178, 1);
	animation: pulse-green 2s infinite;
}
@keyframes pulse-green {
	0% 		{ transform: scale(0.95); 	box-shadow: 0 0 0 0 rgba(51, 217, 178, 0.7); 	}
	70% 	{ transform: scale(1); 		box-shadow: 0 0 0 10px rgba(51, 217, 178, 0); 	}
	100% 	{ transform: scale(0.95); 	box-shadow: 0 0 0 0 rgba(51, 217, 178, 0); 		}
}

.blob.purple {
	background: rgba(142, 68, 173, 1);
	box-shadow: 0 0 0 0 rgba(142, 68, 173, 1);
	animation: pulse-purple 2s infinite;
}
@keyframes pulse-purple {
	0% 		{ transform: scale(0.95); 	box-shadow: 0 0 0 0 rgba(142, 68, 173, 0.7); 	}	
	70% 	{ transform: scale(1); 		box-shadow: 0 0 0 10px rgba(142, 68, 173, 0); 	}	
	100% 	{ transform: scale(0.95); 	box-shadow: 0 0 0 0 rgba(142, 68, 173, 0); 		}
}
.dip {
	display: inline-block;
	width: 100%;
	height: 100%;
	background-size:contain ;
	z-index: 100;
	position: relative;
	text-shadow: inset 0 0 50px 0 rgba(0, 0, 0, 0.5);
}
.dip-ergo 		{	background-image: url('svg/icones-diplome-ergo.svg');		background-repeat: no-repeat;	background-position: 50% 50%; }
.dip-as 		{	background-image: url('svg/icones-diplome-as.svg'); 		background-repeat: no-repeat; 	background-position: 50% 50%; }
.dip-enseignant {	background-image: url('svg/icones-diplome-ensegnant.svg'); 	background-repeat: no-repeat; 	background-position: 50% 50%; }
.dip-psy 		{	background-image: url('svg/icones-diplome-psy.svg'); 		background-repeat: no-repeat;	background-position: 50% 50%; }
.dip-ass-psy 	{	background-image: url('svg/icones-diplome-ass-psy.svg');	background-repeat: no-repeat;	background-position: 50% 50%; }
.dip-educ 		{	background-image: url('svg/icones-diplome-educ.svg');		background-repeat: no-repeat;	background-position: 50% 50%; }
.dip-logo 		{	background-image: url('svg/icones-diplome-logo.svg');		background-repeat: no-repeat;	background-position: 50% 50%; }
.dip-psychomot 	{	background-image: url('svg/icones-diplome-psychomot.svg');	background-repeat: no-repeat;	background-position: 50% 50%; }
.dip-signes 	{ 	background-image: url('svg/icones-diplome-signes.svg');		background-repeat: no-repeat;	background-position: 50% 50%; }

a {
	text-decoration: none;
}

.fs-2rem {
	font-size: 2rem !important;
}

header {
	position: fixed;
	background: white;
	width:100%;
	top:0;
    z-index: 1000;
    box-shadow: rgba(0,0,0,0.1) 0px 0px 14px;
}
header .logo {
	max-height: 65px;
	transition: max-height 140ms ease-in-out;
}
header nav.navbar {
	font-size: 1.2rem;
}
header nav.navbar .nav-item {
	margin:0 10px;
}

header nav.navbar .nav-item .nav-link {
	padding: .5em .8em;
	position: relative;
	text-decoration: none;
	font-size: 20px;
}
header nav.navbar .nav-link.active, header nav.navbar .nav-item .nav-link:hover {
	font-weight: 700;
}

header nav.navbar .nav-item .nav-link::before {
	content: '';
	height: 14px;
	width: 14px;
	position: absolute;
	transition: all .35s ease;
	opacity: 0;
	right: 0;
	top: 0;
	transform:translate(-100%, 50%);
}
header nav.navbar .nav-item .nav-link::after {
	content: '';
	height: 14px;
	width: 14px;
	position: absolute;
	transition: all .35s ease;
	opacity: 0;
	left: 0;
	bottom: 0;
	transform: translate(100%, -50%);
}

header nav.navbar .nav-item .nav-link:hover:before,
header nav.navbar .nav-item .nav-link:hover:after, 
header nav.navbar .nav-link.active:before, 
header nav.navbar .nav-link.active:after 				{	transform: translate(0,0); opacity: 1;	}

header nav.navbar .nav-item .nav-link:hover, 
header nav.navbar .nav-item .nav-link.active 			{	color:rgba(0,0,0,1);		}
header nav.navbar .nav-item .nav-link::before 			{	border-top: 3px solid rgba(0,0,0,1); border-right: 3px solid rgba(0,0,0,1);				}
header nav.navbar .nav-item .nav-link::after 			{	border-bottom: 3px solid rgba(0,0,0,1); border-left: 3px solid rgba(0,0,0,1);			}

header nav.navbar .nav-item.public .nav-link:hover, 
header nav.navbar .nav-item.public .nav-link.active 	{	color:rgba(0,169,147,1);	}
header nav.navbar .nav-item.public .nav-link::before 	{	border-top: 3px solid rgba(0,169,147,1); border-right: 3px solid rgba(0,169,147,1);		}
header nav.navbar .nav-item.public .nav-link::after 	{	border-bottom: 3px solid rgba(0,169,147,1); border-left: 3px solid rgba(0,169,147,1);	}

header nav.navbar .nav-item.missions .nav-link:hover, 
header nav.navbar .nav-item.missions .nav-link.active 	{	color:rgba(255,213,0,1);	}
header nav.navbar .nav-item.missions .nav-link::before 	{	border-top: 3px solid rgba(255,213,0,1); border-right: 3px solid rgba(255,213,0,1);		}
header nav.navbar .nav-item.missions .nav-link::after 	{	border-bottom: 3px solid rgba(255,213,0,1); border-left: 3px solid rgba(255,213,0,1);	}

header nav.navbar .nav-item.equipe .nav-link:hover, 
header nav.navbar .nav-item.equipe .nav-link.active 	{	color:rgba(243,146,0,1);	}
header nav.navbar .nav-item.equipe .nav-link::before 	{	border-top: 3px solid rgba(243,146,0,1); border-right: 3px solid rgba(243,146,0,1);		}
header nav.navbar .nav-item.equipe .nav-link::after 	{	border-bottom: 3px solid rgba(243,146,0,1); border-left: 3px solid rgba(243,146,0,1);	}

header nav.navbar .nav-item.histoire .nav-link:hover, 
header nav.navbar .nav-item.histoire .nav-link.active 	{	color:rgba(224,0,109,1);	}
header nav.navbar .nav-item.histoire .nav-link::before 	{	border-top: 3px solid rgba(224,0,109,1); border-right: 3px solid rgba(224,0,109,1);		}
header nav.navbar .nav-item.histoire .nav-link::after 	{	border-bottom: 3px solid rgba(224,0,109,1); border-left: 3px solid rgba(224,0,109,1);	}

header nav.navbar .nav-item.contact .nav-link:hover, 
header nav.navbar .nav-item.contact .nav-link.active 	{	color:rgba(168,77,151,1);	}
header nav.navbar .nav-item.contact .nav-link::before 	{	border-top: 3px solid rgba(168,77,151,1); border-right: 3px solid rgba(168,77,151,1);	}
header nav.navbar .nav-item.contact .nav-link::after 	{	border-bottom: 3px solid rgba(168,77,151,1); border-left: 3px solid rgba(168,77,151,1);	}

@media (min-width: 995px) {
	header .logo {
		max-height: 100px;
	}
}
@media (max-width: 768px) {
	header {
		min-height: 132px;
	}
	header button {
		margin-top: 10px;
	}
	header nav.navbar {
		padding-bottom: 0;
	}
}

.site-footer {
	padding: 4em 0 0;
	background: #343a40;
}
.site-footer .border-top {
	border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.site-footer p {
	color: #fff;
}
.site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5 {
	color: #fff;
}
.site-footer a {
	color: rgba(255, 255, 255, 0.8); }
.site-footer a:hover {
	color: white;
}
.site-footer ul li {
	margin-bottom: 10px;
}
.site-footer .footer-heading {
	font-size: 18px;
	color: #fd4d40;
}

.c-preview {
	background-color: #000;
	background: linear-gradient(135deg, rgba(255,213,0,0.75) 0%, rgba(243,146,0,0.75) 25%, rgba(243,146,0,0.75) 50%, rgba(224,0,109,0.75) 75%, rgba(168,77,151,0.75) 100%);
	background-size: 400% 400%;
	background-repeat: no-repeat;
	justify-content: center;
	align-items: center;
	color: #000 !important;
	position: relative;
	cursor: pointer;
	transition: .5s all;
	border-color: #000 !important;
	font-weight: 700;
}
  
.c-preview:hover {
	color: #fff !important;
    background-position: 100% 100%;
}

.reflect {
	overflow: hidden;
	position: relative;
}
.reflect span {
	z-index: 20;
}
  
.reflect span:after {
	display: block;
	background: #fff;
	content: "";
	height: 150%;
	left: -50%;
	opacity: .2;
	position: absolute;
	top: 0;
	transform: rotate(35deg);
	width: 50px;
	z-index: 1;
}

.reflect:hover span:after {
	left: 120%;
	transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1);
}

.index .card{
	box-shadow: 0 6px 10px rgba(0,0,0,.08), 0 0 6px rgba(0,0,0,.05);
	transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
	cursor: pointer;
	font-size: 16px;
}

.index .card:hover{
	transform: scale(1.05);
	box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
}

/* Animation CSS */

[class^="animated-"],
[class*=" animated-"] {
	animation-fill-mode: both;
}
@keyframes tada {
	0% 					{	transform: scale(1);				}
	10%, 20% 			{	transform: scale(0.8) rotate(-4deg);}
	30%, 50%, 70%, 90% 	{	transform: scale(1.2) rotate(4deg);	}
	40%, 60%, 80% 		{	transform: scale(1.2) rotate(-4deg);}
	100% 				{	transform: scale(1) rotate(0);		}
}

.animated-tada:hover {
	animation: tada 1s;
}
@keyframes tadaSmall {
	0% 					{	transform: scale(1);				}
	10%, 20% 			{	transform: scale(0.9) rotate(-2deg);}
	30%, 50%, 70%, 90% 	{	transform: scale(1.1) rotate(2deg);	}
	40%, 60%, 80% 		{	transform: scale(1.1) rotate(-2deg);}
	100% 				{	transform: scale(1) rotate(0);		}
}

.animated-tadaSmall {
	animation: tadaSmall 1s;
}
@keyframes flash {
	0%, 50%, 100% 	{	opacity: 1;	}  
	25%, 75% 		{	opacity: 0;	}
}

.animated-flash {
	animation: flash .5s;
}
@keyframes shake {
	0%, 100% 		{	transform: translateX(0);	}
	20%, 60% 		{	transform: translateX(-6px);}
	40%, 80% 		{	transform: translateX(6px);	}
}

.animated-shake {
	animation: shake .4s;
}
@keyframes pulseUp {
	0% 				{	transform: scale(1);		}
	50% 			{	transform: scale(1.15);		}
	100% 			{	transform: scale(1);		}
}

.animated-pulseUp {
	animation: pulseUp .25s;
}

@keyframes pulseDown {
	0% 				{	transform: scale(1);		}
	50% 			{	transform: scale(0.85);		}
	100% 			{	transform: scale(1);		}
}

.animated-pulseDown {
	animation: pulseDown .25s;
}

@keyframes popIn {
	0% 				{	transform: scale(0);		}
	50% 			{	transform: scale(1.1);		}
	100% 			{	transform: scale(1);		}
}

.animated-popIn {
	animation: popIn .25s;
}

@keyframes popOut {
	0% 				{	transform: scale(1);		}
	50% 			{	transform: scale(1.1);		}
	100% 			{	transform: scale(0);		}
}

.animated-popOut {
	animation: popOut .25s;
}

@keyframes fadeIn {
	0% 				{	opacity: 0;	}
	100% 			{	opacity: 1;	}
}

.animated-fadeIn {
	animation: fadeIn .2s;
}

@keyframes fadeOut {
	0% 				{	opacity: 1;	}
	100% 			{	opacity: 0;	}
}

.animated-fadeOut {
	animation: fadeOut .2s;
}

.slideshow-title {
  font-family: 'Allerta Stencil';
  font-size: 62px;
  color: #fff;
  margin: 0 auto;
  text-align: center;
  margin-top: 25%;
  letter-spacing: 3px;
  font-weight: 300;
}

.sub-heading {
  padding-top: 50px;
  font-size: 18px;
} .sub-heading-two {
  font-size: 15px;
} .sub-heading-three {
  font-size: 13px;
} .sub-heading-four {
  font-size: 11px;
} .sub-heading-five {
  font-size: 9px;
} .sub-heading-six {
  font-size: 7px;
} .sub-heading-seven {
  font-size: 5px;
} .sub-heading-eight {
  font-size: 3px;
} .sub-heading-nine {
  font-size: 1px;
}

.entire-content {
  margin: auto;
  width: 190px;
  perspective: 1000px;
  position: relative;
}

.content-carrousel {
  width: 100%;
  animation: rotar 20s infinite linear;
  transform-style: preserve-3d;
}

.content-carrousel:hover {
  animation-play-state: paused;
}

.content-carrousel figure {
	width: 100px;
	height: 100px;
	box-shadow:0px 0px 10px 5px rgba(0, 0, 0, .2);
	position: absolute;
}
.content-carrousel figure span {
	width: 100%;
	font-size: 11px;
	text-align: center;
	display: block;
	font-weight: 700;
    line-height: 10px;
}

.content-carrousel figure:nth-child(1) {
  transform: rotateY(0deg) translateZ(300px); 
} .content-carrousel figure:nth-child(2) {
  transform: rotateY(40deg) translateZ(300px); 
} .content-carrousel figure:nth-child(3) {
  transform: rotateY(80deg) translateZ(300px); 
} .content-carrousel figure:nth-child(4) {
  transform: rotateY(120deg) translateZ(300px); 
} .content-carrousel figure:nth-child(5) {
  transform: rotateY(160deg) translateZ(300px); 
} .content-carrousel figure:nth-child(6) {
  transform: rotateY(200deg) translateZ(300px); 
} .content-carrousel figure:nth-child(7) {
  transform: rotateY(240deg) translateZ(300px); 
} .content-carrousel figure:nth-child(8) {
  transform: rotateY(280deg) translateZ(300px); 
} .content-carrousel figure:nth-child(9) {
  transform: rotateY(320deg) translateZ(300px); 
} .content-carrousel figure:nth-child(10) {
  transform: rotateY(360deg) translateZ(300px); 
} 

.content-carrousel i {
  image-rendering: auto;
  transition: all 300ms;
  width: 100%;
  height: 100%;
}

.content-carrousel img:hover {
  transform: scale(1.2);
  transition: all 300ms;
}

@keyframes rotar {
  from {
    transform: rotateY(0deg);
  } to {
    transform: rotateY(360deg);
  }
}

.tourniquet {
	overflow: hidden;
    height: 100px;
    padding-top: 5em;
    padding-bottom: 12em;
}