@font-face
{
	font-family:"Digital";
	src:url("/police/DS-DIGIB.ttf");
}

@font-face
{
	font-family:"Montserrat";
	src:url("/police/Montserrat-Regular.ttf");
}

@font-face
{
	font-family:"Parisienne";
	src:url("/police/Parisienne.ttf");
}

@font-face
{
	font-family:"Ananda";
	src:url("/police/Ananda Personal Use.ttf");
}

body
{
	background-attachment: fixed; 
	background-image: url("../images/fond_noel.png"); 
	background-repeat: no-repeat; 
	background-position: center;
	background-size: cover;
}

/* Couleur du titre */
.degrade-titre {
  background: linear-gradient(green, white);
}

/* Couleur des evenements */
.degrade-evenement {
  background: linear-gradient(to bottom right, lightgreen, white, lightgreen);
}

/* Couleur des evenements */
.degrade-parametres {
  background: linear-gradient(to bottom right, lightgreen, white, lightgreen);
}

/* formulaire de connexion et nouveau compte */
.login-page {
  width: 360px;
  padding: 1% 0 0;
  margin: auto;
}
.form {
  position: relative;
  z-index: 1;
  background: lightblue;
  max-width: 360px;
  margin: 0 auto 100px;
  padding: 45px;
  padding-bottom: 20px;
  text-align: center;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}
.form input {
  font-family: "Roboto", sans-serif;
  outline: 0;
  background: #f2f2f2;
  width: 100%;
  border: 0;
  margin: 0 0 15px;
  padding: 15px;
  box-sizing: border-box;
  font-size: 14px;
}
.form button {
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  outline: 0;
  background: green;
  width: 100%;
  border: 0;
  padding: 15px;
  color: #FFFFFF;
  font-size: 14px;
  -webkit-transition: all 0.3 ease;
  transition: all 0.3 ease;
  cursor: pointer;
}
.form button:hover,.form button:active,.form button:focus {
  background: lightgreen;
}
.form .message {
  margin: 15px 0 0;
  color: grey;
  font-size: 14px;
}
.form .register-form {
  display: none;
}
.container {
  position: relative;
  z-index: 1;
  max-width: 300px;
  margin: 0 auto;
}
.container:before, .container:after {
  content: "";
  display: block;
  clear: both;
}
.container .info {
  margin: 50px auto;
  text-align: center;
}
.container .info h1 {
  margin: 0 0 15px;
  padding: 0;
  font-size: 36px;
  font-weight: 300;
  color: #1a1a1a;
}
.container .info span {
  color: #4d4d4d;
  font-size: 12px;
}
.container .info span a {
  color: #000000;
  text-decoration: none;
}
.container .info span .fa {
  color: #EF3B3A;
}


/* boutons suivant et precedent fixes */
.suivant-precedent-ordinateur {
  position: fixed;
  width: 100%;
  top: 130px;
}

.suivant-precedent-mobile {
  position: fixed;
  width: 100%;
  top: 130px;
  left: 10px;
}

/* bouton suivant et precedent vert */
.mon-bouton-ordinateur-1{
  color:white;
  font-size:17px;
  font-family:Montserrat;
  background-color : #007700;
  background-image : -webkit-linear-gradient(top, #57a41c, #3f800a);
  background-image : -moz-linear-gradient(top, #57a41c, #3f800a);
  background-image : -ms-linear-gradient(top, #57a41c, #3f800a);
  background-image : -o-linear-gradient(top, #57a41c, #3f800a);
  background-image : linear-gradient(to bottom, #57a41c, #3f800a);
  border: none;
  width:150px;
  height:50px;
}
.mon-bouton-ordinateur-1:hover{
  background-color: #3f800a;
  background-image: -webkit-linear-gradient(top, #3f800a, #579524);
  background-image: -moz-linear-gradient(top, #3f800a, #579524);
  background-image: -ms-linear-gradient(top, #3f800a, #579524);
  background-image: -o-linear-gradient(top, #3f800a, #579524);
  background-image: linear-gradient(to bottom, #3f800a, #579524);
  cursor: pointer;
}
.mon-bouton-ordinateur-1:active{
  background-color: #579524;
  background-image: -webkit-linear-gradient(top, #579524, #326907);
  background-image: -moz-linear-gradient(top, #579524, #326907);
  background-image: -ms-linear-gradient(top, #579524, #326907);
  background-image: -o-linear-gradient(top, #579524, #326907);
  background-image: linear-gradient(to bottom, #579524, #326907);
}

.mon-bouton-mobile-1{
  color:white;
  font-size:13px;
  font-family:Montserrat;
  background-color : #007700;
  background-image : -webkit-linear-gradient(top, #57a41c, #3f800a);
  background-image : -moz-linear-gradient(top, #57a41c, #3f800a);
  background-image : -ms-linear-gradient(top, #57a41c, #3f800a);
  background-image : -o-linear-gradient(top, #57a41c, #3f800a);
  background-image : linear-gradient(to bottom, #57a41c, #3f800a);
  border: none;
  width:100px;
  height:20px;
}
.mon-bouton-mobile-1:hover{
  background-color: #3f800a;
  background-image: -webkit-linear-gradient(top, #3f800a, #579524);
  background-image: -moz-linear-gradient(top, #3f800a, #579524);
  background-image: -ms-linear-gradient(top, #3f800a, #579524);
  background-image: -o-linear-gradient(top, #3f800a, #579524);
  background-image: linear-gradient(to bottom, #3f800a, #579524);
  cursor: pointer;
}
.mon-bouton-mobile-1:active{
  background-color: #579524;
  background-image: -webkit-linear-gradient(top, #579524, #326907);
  background-image: -moz-linear-gradient(top, #579524, #326907);
  background-image: -ms-linear-gradient(top, #579524, #326907);
  background-image: -o-linear-gradient(top, #579524, #326907);
  background-image: linear-gradient(to bottom, #579524, #326907);
}

/* bouton suivant et precedent rouge */
.mon-bouton-ordinateur-2{
  color:white;
  font-size:17px;
  font-family:Montserrat;
  background-color : #770000;
  background-image : -webkit-linear-gradient(top, #A41C1C, #800A0A);
  background-image : -moz-linear-gradient(top, #A41C1C, #800A0A);
  background-image : -ms-linear-gradient(top, #A41C1C, #800A0A);
  background-image : -o-linear-gradient(top, #A41C1C, #800A0A);
  background-image : linear-gradient(to bottom, #A41C1C, #800A0A);
  border: none;
  width:150px;
  height:50px;
}
.mon-bouton-ordinateur-2:hover{
  background-color: #3f800a;
  background-image: -webkit-linear-gradient(top, #800A0A, #952424);
  background-image: -moz-linear-gradient(top, #800A0A, #952424);
  background-image: -ms-linear-gradient(top, #800A0A, #952424);
  background-image: -o-linear-gradient(top, #800A0A, #952424);
  background-image: linear-gradient(to bottom, #800A0A, #952424);
  cursor: pointer;
}
.mon-bouton-ordinateur-2:active{
  background-color: #579524;
  background-image: -webkit-linear-gradient(top, #952424, #690707);
  background-image: -moz-linear-gradient(top, #952424, #690707);
  background-image: -ms-linear-gradient(top, #952424, #690707);
  background-image: -o-linear-gradient(top, #952424, #690707);
  background-image: linear-gradient(to bottom, #952424, #690707);
}

.mon-bouton-mobile-2{
  color:white;
  font-size:13px;
  font-family:Montserrat;
  background-color : #007700;
  background-image : -webkit-linear-gradient(top, #A41C1C, #3f800a);
  background-image : -moz-linear-gradient(top, #A41C1C, #3f800a);
  background-image : -ms-linear-gradient(top, #A41C1C, #3f800a);
  background-image : -o-linear-gradient(top, #A41C1C, #3f800a);
  background-image : linear-gradient(to bottom, #A41C1C, #3f800a);
  border: none;
  width:100px;
  height:20px;
}
.mon-bouton-mobile-2:hover{
  background-color: #3f800a;
  background-image: -webkit-linear-gradient(top, #800A0A, #952424);
  background-image: -moz-linear-gradient(top, #800A0A, #952424);
  background-image: -ms-linear-gradient(top, #800A0A, #952424);
  background-image: -o-linear-gradient(top, #800A0A, #952424);
  background-image: linear-gradient(to bottom, #800A0A, #952424);
  cursor: pointer;
}
.mon-bouton-mobile-2:active{
  background-color: #579524;
  background-image: -webkit-linear-gradient(top, #579524, #690707);
  background-image: -moz-linear-gradient(top, #579524, #690707);
  background-image: -ms-linear-gradient(top, #579524, #690707);
  background-image: -o-linear-gradient(top, #579524, #690707);
  background-image: linear-gradient(to bottom, #579524, #690707);
}