/*@import url("couleurs.css");*/

.acard {
	box-shadow: 1px 9px 5px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 1px 9px 5px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 9px 5px 0px rgba(0,0,0,0.2);
	transition: 0.5s box-shadow ease-in-out;
	overflow:hidden;
	background-color: white;
	border-radius:10px;
}


.acard:hover {
	box-shadow: 1px 9px 14px 11px rgba(0,0,0,0.2);
	-webkit-box-shadow: 1px 9px 14px 11px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 9px 14px 11px rgba(0,0,0,0.2);
}


.acard .img-card {
	transition: 3s transform ease;
	width: 100%;
	z-index: 1;
}

.acard:hover .img-card {
	transform:scale(1.05);
}

.acard .header-card, 
.acard .body-card, 
.acard .btn-card {
	padding:15px;
	z-index: 2;
}

.acard .header-card {  
	transition-property: background-color;
	transition-duration: 0.25s;
	transition-timing-function: ease-in-out;
}

.acard .titre-card {
	font-weight: bold;
	font-size: 1.2em;
		margin-bottom: 0px;
}

.acard:hover .titre-card {
	color: white;
}

.acard .slogan-card {
	
}


.acard .titre-card, 
.acard .slogan-card {
	text-transform: uppercase;
}

.acard .body-card {
	border-top:1px solid #E3E3E3;
	border-bottom:1px solid #E3E3E3;
}

.acard .btn-card {
	text-align:center;
}

.acard .lien-card {
	text-decoration: none;
	color:#525252 !important;
}

.acard .lien-card:hover {
	text-decoration: none;
	color: black;
}

.acard .btn-card:after {
	content:" ";
	width:0;
	height:0;  /*Un carré de dimensions 0px */
	border-top:solid 100px transparent;  /*Définition des bordures */
	border-right:solid 100px red; 
	border-bottom:solid 100px green; 
	border-left:solid 100px #0000ff; 
}
	
.acard .btn-card {
	position: relative;
	overflow: hidden;
	padding: 10px 20px;
	text-align: center;
	text-transform: uppercase;
	background-color: transparent;
}

.acard .btn-card::before,
.acard .btn-card::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	border-color: transparent;
	border-style: solid;
}

.acard .btn-card::before {
	border-width: 1.85em;
	top: -8px;
}


/* Bouton Footer */ 
.acard .btn-card::after {
	border-width: 1.5em;
	border-right-color: #555;
	border-bottom-color: #555;
	opacity:0.5;
}

.acard:hover .btn-card::after {
	border-right-color: #555;
	border-bottom-color: #555;
	opacity:1;
}
	

/* header-card personnalisé*/
 .acard.bg-webinars:hover .header-card {
 	background-color: var(--couleur-Card-Webinars);
}

 .acard.bg-mobilier-labo:hover .header-card {
 	background-color: var(--couleur-Card-Mobilier-Salles-de-sciences);
}

  .acard.bg-mobilier-scolaire:hover .header-card {
 	background-color: var(--couleur-Card-Mobilier-Scolaire);
}

 .acard.bg-svt:hover .header-card {
 	background-color: var(--couleur-Card-Svt);
}

 .acard.bg-physique:hover .header-card {
 	background-color: var(--couleur-Card-Physique);
}

.acard.bg-jeulin:hover .header-card {
 	background-color: var(--couleur-Card-Jeulin);
}


.acard.bg-polytech:hover .header-card {
 	background-color: var(--couleur-Card-Polytech);
}

.acard.bg-laborantin:hover .header-card {
 	background-color: var(--couleur-Card-Laborantin);
}


.acard.bg-ovio:hover .header-card {
 	background-color: var(--couleur-Card-Ovio);
}


/*slogan-card personnalisé*/

.acard.bg-webinars .slogan-card {
	color:var(--couleur-Card-Webinars);
}

.acard.bg-mobilier-labo .slogan-card {
	color:var(--couleur-Card-Mobilier-Salles-de-sciences);
}

.acard.bg-mobilier-scolaire .slogan-card {
	color:var(--couleur-Card-Mobilier-Scolaire);
}


.acard.bg-svt .slogan-card {
	color:var(--couleur-Card-Svt);
}

.acard.bg-physique .slogan-card {
	color:var(--couleur-Card-Physique);
}

.acard.bg-jeulin .slogan-card {
	color:var(--couleur-Card-Jeulin);
}

.acard.bg-polytech .slogan-card {
	color:var(--couleur-Card-Polytech);
}

.acard.bg-laborantin .slogan-card {
	color:var(--couleur-Card-Laborantin);
}

.acard.bg-ovio .slogan-card {
	color:var(--couleur-Card-Ovio);
}

.acard:hover .slogan-card {
	color: white;
}


/* Bouton Footer - Couleurs */ 
.acard.bg-webinars .btn-card::after {
	border-right-color: var(--couleur-Card-Webinars); 
	border-bottom-color: var(--couleur-Card-Webinars);
}

.acard.bg-webinars:hover .btn-card::after {
	border-right-color: var(--couleur-Card-Webinars); 
	border-bottom-color: var(--couleur-Card-Webinars);
}

.acard.bg-mobilier-labo .btn-card::after {
	border-right-color: var(--couleur-Card-Mobilier-Salles-de-sciences); 
	border-bottom-color: var(--couleur-Card-Mobilier-Salles-de-sciences);
}

.acard.bg-mobilier-labo:hover .btn-card::after {
	border-right-color: var(--couleur-Card-Mobilier-Salles-de-sciences); 
	border-bottom-color: var(--couleur-Card-Mobilier-Salles-de-sciences);
}

.acard.bg-mobilier-scolaire .btn-card::after {
	border-right-color: var(--couleur-Card-Mobilier-Scolaire); 
	border-bottom-color: var(--couleur-Card-Mobilier-Scolaire);
}

.acard.bg-mobilier-scolaire:hover .btn-card::after {
	border-right-color: var(--couleur-Card-Mobilier-Scolaire); 
	border-bottom-color: var(--couleur-Card-Mobilier-Scolaire);
}

.acard.bg-svt .btn-card::after {
	border-right-color: var(--couleur-Card-Svt); 
	border-bottom-color: var(--couleur-Card-Svt);
}

.acard.bg-svt:hover .btn-card::after {
	border-right-color: var(--couleur-Card-Svt); 
	border-bottom-color: var(--couleur-Card-Svt);
}


.acard.bg-physique .btn-card::after {
	border-right-color: var(--couleur-Card-Physique); 
	border-bottom-color: var(--couleur-Card-Physique);
}

.acard.bg-physique:hover .btn-card::after {
	border-right-color: var(--couleur-Card-Physique); 
	border-bottom-color: var(--couleur-Card-Physique);
}

.acard.bg-jeulin .btn-card::after {
	border-right-color: var(--couleur-Card-Jeulin); 
	border-bottom-color: var(--couleur-Card-Jeulin);
}

.acard.bg-jeulin:hover .btn-card::after {
	border-right-color: var(--couleur-Card-Jeulin); 
	border-bottom-color: var(--couleur-Card-Jeulin);
}

.acard.bg-polytech .btn-card::after {
	border-right-color: var(--couleur-Card-Polytech); 
	border-bottom-color: var(--couleur-Card-Polytech);
}

.acard.bg-polytech:hover .btn-card::after {
	border-right-color: var(--couleur-Card-Polytech); 
	border-bottom-color: var(--couleur-Card-Polytech);
}

.acard.bg-laborantin .btn-card::after {
	border-right-color: var(--couleur-Card-Laborantin); 
	border-bottom-color: var(--couleur-Card-Laborantin);
}

.acard.bg-laborantin:hover .btn-card::after {
	border-right-color: var(--couleur-Card-Laborantin); 
	border-bottom-color: var(--couleur-Card-Laborantin);
}


.acard.bg-ovio .btn-card::after {
	border-right-color: var(--couleur-Card-Ovio); 
	border-bottom-color: var(--couleur-Card-Ovio);
}

.acard.bg-ovio:hover .btn-card::after {
	border-right-color: var(--couleur-Card-Ovio); 
	border-bottom-color: var(--couleur-Card-Ovio);
}



/****************************************Ancienne class et couleurs ***************************************************/
.acard.bg-blue-lab .btn-card:after { border-right-color: #1BC1D5; border-bottom-color: #1BC1D5; }
.acard.bg-blue-lab:hover .btn-card:after { border-right-color: #1BC1D5; border-bottom-color: #1BC1D5; }
.acard.bg-rouge-jeulin .btn-card:after { border-right-color: #C2394C; border-bottom-color: #C2394C; }
.acard.bg-rouge-jeulin:hover .btn-card:after { border-right-color: #C2394C; border-bottom-color: #C2394C; }

.acard.bg-bleu-pc .btn-card:after { border-right-color: #03A9F4; border-bottom-color: #03A9F4; }
.acard.bg-bleu-pc:hover .btn-card:after { border-right-color: #03A9F4; border-bottom-color: #03A9F4; }
.acard.bg-vert-svt .btn-card:after { border-right-color: #8BC34A; border-bottom-color: #8BC34A; }
.acard.bg-vert-svt:hover .btn-card:after { border-right-color: #8BC34A; border-bottom-color: #8BC34A; }
		
.acard.bg-vert-services-pi .btn-card:after ,
.acard.bg-vert-services-pi:hover .btn-card:after { border-right-color: #627970; border-bottom-color: #627970; }

.acard.bg-jaune-services-pi .btn-card:after ,
.acard.bg-jaune-services-pi:hover .btn-card:after { border-right-color: #f9ab01; border-bottom-color: #f9ab01; }

.acard.bg-gris-pi .btn-card:after ,
.acard.bg-gris-pi:hover .btn-card:after { border-right-color: #6d6b61; border-bottom-color: #6d6b61; }

.acard.bg-gris-fonce-pi .btn-card:after,
.acard.bg-gris-fonce-pi:hover .btn-card:after { border-right-color: #444238; border-bottom-color: #444238; }
	
.acard.bg-mobilier-scolaire-jeulin .btn-card:after,
.acard.bg-mobilier-scolaire-jeulin:hover .btn-card:after { border-right-color: #3DA091; border-bottom-color: #3DA091; }
		
.acard.bg-mobilier-science-jeulin .btn-card:after,
.acard.bg-mobilier-science-jeulin:hover .btn-card:after { border-right-color: #87C64B; border-bottom-color: #87C64B; }
		
.acard.bg-mobilier-fablab-jeulin .btn-card:after ,
.acard.bg-mobilier-fablab-jeulin:hover .btn-card:after { border-right-color: #276084; border-bottom-color: #276084; }