/* declaration des font */

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

@font-face {
  font-family: Baskerville;
  src: url("../font/LibreBaskerville-Bold.ttf");
}

body
{
  padding: 0px;
  background-color: #031837;
  font-family: arial;
}
input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
}
input[type="checkbox"]:checked {
  position: relative;
  &:before {
    content: "X";
    display: block;
    text-align: center;
    color: red;
    font-weight: 600;
  }
}
#slide {
  position: absolute;
  width: 100%;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}

h1 {
  font-family: "Segoe Print";
  font-size: 30px; font-weight: 700;
  color: white;
  margin:0px;
  margin-bottom: 30px;
  text-align: center;
}
h2 {
  text-align: center;
  font-weight: 700;
  font-size: 25px;
  margin-top: 0px;}

table {
  border-spacing:0;
  border-collapse:collapse;
}
a { text-decoration:none; }
a:visited { border: none; color: inherit; }

.bsubmit {
  background-color: #2CB7F1;
  font-family: "Bahnschrift Condensed";
  font-size: 20px;
}

/* header */
#logoh {
  height: 40px;
}
header {
  position:fixed;
  width:100%;
  top:0px; left:0px;
  height:40px;
  padding-top: 10px; padding-bottom: 10px;
  z-index:10;
  background-color:#271E17;
  color:#BAA56E;
  border-bottom: white 2px solid;
}
header a {
  text-decoration:none;
  font-size:14px;
  color: white;
}
#Theader {
  position: absolute;
  width: 1200px;
  left: 50%; margin-left: -600px;
}
#Theader td { vertical-align: middle; }
/* page index */
#titre {
  clear: both;
  position: relative;
  font-size: 70px; font-weight: 900;
  text-align: center; color: white;
}
#h1index {
  position: relative;
  float: left; left: 10%;
  margin-top: 120px;
}
#logo {
  position: relative;
  float: right;
  width: 180px;
  right: 10%;
  margin-top: 100px;
}
#ltitre {
  position: relative;
  float: left;
}
#avantages {
  position: relative; float: left;
  width: 400px; margin-left: 50px;
  color:  white;
}
#avantages li { margin-top: 10px;}
#impact {
  position: relative; float: left;
  width: 400px; margin-left: 50px;
  color:  white;
}
#impact li { margin-top: 10px;}
.center {
 position: absolute;
 width: 1200px;
 left: 50%; margin-left:-600px;
}
.secleft {
  position: relative; float: left;
  left: 0px;
}
.secright {
  position: relative; float: right;
  right: 0px;
}
#tocreate {
  position: absolute;
  width: 500px; left: 50%;
  margin-left: -250px;
  font-weight: 900;
  text-align: center;
  bottom: 200px;
  color: white;
}
.Button {
  background-color: #BAA56E;
  padding: 5px 15px 5px 15px;
  text-align: center;
  border-radius: 5px;
}
/* page create account */
#h1page {
  margin-top: 80px;
}
#infologin { }
#coord { margin-top: 30px; }
fieldset {
  position: relative;
  border-radius: 10px;
  padding: 20px;
  color: white;
  width: 500px; left: 325px;
}
/* Footer */
footer {
  position:fixed;
  width:100%;
  bottom:0px; left:0px;
  height:100px;
  padding-top: 25px;
  z-index:10;
  background-color:#271E17;
  color:#BAA56E;
  border-top: 2px solid white;
}
#Footer td {
  padding: 10px;
  vertical-align: bottom;
  padding-left: 50px;
}

/* fenetre de telechargement */
#download {
  position: fixed;
  left: 50%; margin-left: -400px;
  top: 50%; margin-top: -200px;
  width: 800px; height: 400px;
  background-color: #0D3653;
  border-radius: 30px;
  display: none;
}
#fond {
  position: fixed;
  background-color: rgba(255, 255, 255, 0.5);
  display: none;
  width: 100%; height: 100%;
  left:0px; top:0px;
}
#logodown {
  position: relative;
  width: 90px;
  left: 50%; margin-left: -45px;
  margin-top: 40px;
}
.Indown {
  clear: both;
  position: relative;
  margin-top: 30px;
  width: 400px; height: 20px;
  left:50%; margin-left: -200px;
  border-radius: 20px;
  border: none;
  padding: 10px;
}
.bIsubmit {
  position: relative;
  float: right; right: 200px;
  margin-top: 30px;
}