/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 9 mars 2015, 10:47:36
    Author     : remi
*/

#panneaux {
    width: 100%;
    height: 100%;
    position: fixed;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

.panneau {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.panneau.active {
    display: block;
}

.panneau .background {
    width: 100%;
    height: 100%;
    color: #F0F0F0;
    /*display: table;*/
    box-shadow: 0px 4px 4px #333;
    font-family: 'Roboto Condensed', sans-serif;
}
.panneau .background > div > div {
    display: table-cell;
    vertical-align: middle;
}

#buttons-slide {
    position: absolute;
    z-index: 100;
    bottom: 20px;
    right: 20px;
    width: 62px;
    text-shadow: none;
}

#buttons-slide button {
    background: rgba(0, 0, 0, 0.4);
    color: rgba(254, 254, 254, 0.6);
    margin: 5px;
    text-shadow: none;
}
#buttons-slide button:hover {
    background: rgba(0, 0, 0, 0.6);
    color: rgba(254, 254, 254, 0.8);
}
#buttons-slide button:focus {
    border: none !important;
    outline: transparent;
    display: inline-block;
}
#buttons-slide button:disabled {
    background: rgba(0, 0, 0, 0.2);
    color: rgba(254, 254, 254, 0.3);
}
h1 {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:44px;
	color: #FFFFFF;
}
h2 {
	font-weight: 700;
	font-size:28px;
}
body {
	font-size:20px;
	text-shadow: 1px 1px 4px #000000;
}
.btn {
	font-size: 24px;
}
.h1petit {
	font-size:34px;
}
.gris {
	/* background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
	 border-radius: 6px;
	 padding:10px; */
}

.background {
background-repeat: no-repeat;
background-position: center ;
background-attachment: fixed;
background-size: cover;

} 

.degrade {
  display: table;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.40) 40%, rgba(255, 255, 255, 0.01));
}


@media (max-width:992px) {
    .panneau .background {
        height: 100%;
        min-height: 100%;
        display: block;
        /*padding-bottom: 50px;*/
    }
    .panneau .background > div > div {
        display: block;
    }
    .degrade {

  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.50) 75%, rgba(255, 255, 255, 0.01));
}
}