.bg1 {background: black no-repeat center center fixed url('/image/skin/1.jpg');height: 100%;background-size: cover;transition: background .5s ease-in-out; -moz-transition: background .25s ease-in-out; -webkit-transition: background .25s ease-in-out;}
.bg2 {background: white no-repeat center center fixed url('/image/skin/2.jpg');height: 100%;background-size: cover;transition: background .5s ease-in-out; -moz-transition: background .25s ease-in-out; -webkit-transition: background .25s ease-in-out;}
.bg3 {background: black no-repeat center center fixed url('/image/skin/3.jpg');height: 100%;background-size: cover;transition: background .5s ease-in-out; -moz-transition: background .25s ease-in-out; -webkit-transition: background .25s ease-in-out;}
.bg4 {background: white no-repeat center center fixed url('/image/skin/4.jpg');height: 100%;background-size: cover;transition: background .5s ease-in-out; -moz-transition: background .25s ease-in-out; -webkit-transition: background .25s ease-in-out;}
.bg5 {background: black no-repeat center center fixed url('/image/skin/5.jpg');height: 100%;background-size: cover;transition: background .5s ease-in-out; -moz-transition: background .25s ease-in-out; -webkit-transition: background .25s ease-in-out;}
.bg6 {background: white no-repeat center center fixed url('/image/skin/6.jpg');height: 100%;background-size: cover;transition: background .5s ease-in-out; -moz-transition: background .25s ease-in-out; -webkit-transition: background .25s ease-in-out;}
.bg7 {background: black no-repeat center center fixed url('/image/skin/7.jpg');height: 100%;background-size: cover;transition: background .5s ease-in-out; -moz-transition: background .25s ease-in-out; -webkit-transition: background .25s ease-in-out;}
.bg8 {background: white no-repeat center center fixed url('/image/skin/8.jpg');height: 100%;background-size: cover;transition: background .5s ease-in-out; -moz-transition: background .25s ease-in-out; -webkit-transition: background .25s ease-in-out;}
.bg9 {background: black no-repeat center center fixed url('/image/skin/9.jpg');height: 100%;background-size: cover;transition: background .5s ease-in-out; -moz-transition: background .25s ease-in-out; -webkit-transition: background .25s ease-in-out;}
.bg10 {background: white no-repeat center center fixed url('/image/skin/10.jpg');height: 100%;background-size: cover;transition: background .5s ease-in-out; -moz-transition: background .25s ease-in-out; -webkit-transition: background .25s ease-in-out;}
.bg11 {background: black no-repeat center center fixed url('/image/skin/11.jpg');height: 100%;background-size: cover;transition: background .5s ease-in-out; -moz-transition: background .25s ease-in-out; -webkit-transition: background .25s ease-in-out;}
.bg12 {background: white no-repeat center center fixed url('/image/skin/12.jpg');height: 100%;background-size: cover;transition: background .5s ease-in-out; -moz-transition: background .25s ease-in-out; -webkit-transition: background .25s ease-in-out;}
/** Navbar **/




#carrouselContainer {
    background-color: rgb(40,40,40);
    background-color: rgba(255,255,255,0.7);
    width: 100%;
    max-height: 100%;
    margin: auto;
    padding-top: 15px;
    padding-bottom:45px;
}

.navbar-header img {
    height: 40px;
    margin-top: 5px;
    width: auto;
    margin-right: 20px;

}

.navbar-custom-global {
    border-bottom: 3px solid #fff;
    font-family: Arial, sans-serif;
    box-sizing: content-box; /* for bottom border */
    box-shadow: 0px 0px 8px 4px black;
    background-color: #aa0000;
    margin-bottom: 0;
    border-radius: 0;
}

.navbar-brand > h1{
    margin: auto;
    white-space: nowrap;
    vertical-align: middle;
    color: #fff;
    text-shadow: 1px 1px grey;
    display: inline-block;
    font-size: 1.5em;
    font-weight: bold;
    
}


.navbar-brand:hover{
    color: #cf0000;
}

.navbar-toggle {
        border: 1px solid grey;
}
.navbar-toggle>.icon-bar {
        border: 1px solid grey;
}

/** Menu **/

.navbar-nav > li > a{
    color: #fff;
}

.navbar-nav > li > a:hover{
    color: black;
    background-color: #fff;
}




/** list-formation **/

.title-formation{
    text-shadow: 1px 1px 2px white;
}

.card-list {
    list-style: none;
}

.card-image {
	display: block;
	min-height: 25rem; /* layout hack */
	background-size: cover;
    margin:0;
    padding:0;

}

.card-image:hover, .card-image:focus {
    text-decoration: none;
    
}


.card {
	display: inline-block;
	width: 100%;
	max-width: 25rem;
    padding:0;
	margin: 1rem;
	font-size: 1rem;
	text-decoration: none;
	overflow: hidden;
	box-shadow: 0 0 3rem -1rem rgba(0,0,0,0.5);
	transition: transform 0.5s ease-in-out, box-shadow 0.5s;
    background-color:white;
    
}

.card:hover {
	transform: translateY(-0.2rem) scale(1.0125);
	box-shadow: 0 0.5em 3rem -1rem rgba(0,0,0,0.5);
    cursor: pointer;
}

.card h3{
    padding:0;
    margin:0;
    color: #333;
    width: 100%;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    text-shadow: 1px 1px 1px #ddd;
    text-align: center;
    
}




/** Titre **/

h2.title-center{
    background-color: #aa0000;
    color: #fff;
    box-shadow: 0px 0px 8px 4px black;
    padding-top : 15px;
    padding-bottom : 15px;
    text-align: center;
    margin-bottom: 1.5em;
    margin-top: 0em;
    font-size: 2.5em;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

.image-max-with{
    width:100%;
    height: auto;

}

/** Apropos **/

.about{
    border-left: 2px solid #aa0000; 
    padding-right: 20px; 
    background-color:white;
    
}


/** Contact **/

ul.list-contact{
    list-style: none;
    padding-left: 10px;
    margin-top: 40px;
    text-align:center;
    
}

ul.list-contact i.glyphicon{
    margin-right: 10px;
}


/** Footer **/
footer {
    text-align: center;
    width: 100%;
    background-color: #aa0000;
    margin-top: 6em;
    color: #fff;
    vertical-align: top;
    padding: 1% 0;
    border-top: 3px solid #aa0000;
    box-shadow: 0px 0px 8px 4px black
}

footer a{
    color:white;
}
footer a:hover{
    color: white;
}

footer p img {
    width: 2%;
    min-width: 30px;
}