html,
body {
    height: 100%;
}


a.button {
	-webkit-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
	-moz-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
	-ms-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
	-o-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
	transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
	display: block;
	margin: 20px auto;
	max-width: 180px;
	text-decoration: none;
	border-radius: 4px;
	padding: 15px 30px;
}

a.button {
		color: rgba(255, 255, 255, 0.85);
	box-shadow: rgba(30, 22, 54, 0.7) 0 0px 0px 40px inset;
}

a.button:hover {
	color: rgba(30, 22, 54, 0.6);
	box-shadow: rgba(30, 22, 54, 0.4) 0 0px 0px 2px inset;

}





.h4, h4 {
    font-size: 16px;
}

.panel {
	border: 3px solid rgba(30, 22, 54, 0.2);
    }

.margin{
	margin-bottom: 30px;
}

/* Personnalisation des encadrés */

a.button1 {
    box-shadow: 0 0 0 40px rgba(87, 93, 167, 1) inset;
    color: rgba(255, 255, 255, 0.85);
}
a.button1:hover {
    box-shadow: 0 0 0 2px rgba(87, 93, 167, 0.5) inset;
    color: rgba(87, 93, 167, 1);
}
.panel1bg {
    /* border: 3px solid rgba(87, 93, 167, 0.2); */
    background-color: rgba(87, 93, 167, 0.2);
}

a.button2 {
    box-shadow: 0 0 0 40px rgba(112, 112, 112, 1) inset;
    color: rgba(255, 255, 255, 0.85);
}
a.button2:hover {
    box-shadow: 0 0 0 2px rgba(112, 112, 112, 0.5) inset;
    color: rgba(112, 112, 112, 1);
}
.panel2bg {
    background-color: rgba(112, 112, 112, 0.1);
}

a.button3 {
    box-shadow: 0 0 0 40px rgba(235, 10, 17, 1) inset;
    color: rgba(255, 255, 255, 0.85);
}
a.button3:hover {
    box-shadow: 0 0 0 2px rgba(235, 10, 17, 0.5) inset;
    color: rgba(235, 10, 17, 1);
}
.panel3bg {
    background-color: rgba(235, 10, 17, 0.1);
}




a.button4 {
    box-shadow: 0 0 0 40px rgba(26, 194, 129, 1) inset;
    color: rgba(255, 255, 255, 0.85);
}
a.button4:hover {
    box-shadow: 0 0 0 2px rgba(26, 194, 129, 0.5) inset;
    color: rgba(26, 194, 129, 1);
}
.panel4bg {
    background-color: rgba(120, 241, 196, 0.2);
}


.carousel-caption {
	  position: absolute;
	  right: 3%;
	  left: 3%;
	  text-align: center;
	  /* gestion du vertical center dans le caption du slide */
	  top: 50%;
	  transform: translateY(-50%);
	  bottom: initial;
	}