/* 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: #101825;
  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: "arial";
  font-size: 55px;
  margin:0px;
}
h2 { font-weight: 700; font-size: 45px; }

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: 80px;
}
header {
  position:fixed;
  width:100%;
  top:0px; left:0px;
  height:100px;
  padding-top: 20px; 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:#BAA56E;
}
#Theader {
  position: absolute;
  width: 88%;
  left: 5%;
  font-size: 35px;
}
#Theader td { vertical-align: middle; }
/* page index */
#logo {
  position: relative;
  float: right;
  margin-top: 150px;
  right:20px;
  width: 35%;
}
#titre {
  position: relative;
  float: left; margin-top: 180px;
  width: 60%;
  color: white;
}
.center {
 position: absolute;
 width: 90%;
 left: 5%;
 display: none;
}
.Isection {
  position: relative;
  float: left;
  width: 350px;
}
.Dsection {
  position: relative;
  float: right;
  width: 80%;
  color: white;
}
.Dsection p {
   text-align: justify;
   font-size: 35px;
 }
.Button {
  background-color: #BAA56E;
  font-size: 45px; font-weight:900;
  padding: 15px 20px 15px 20px;
  text-align: center;
  border-radius: 15px;
  margin-top: 20px;
}
.boutils { margin-top: 20px; }

/* page contact */
#Mcontact {
 margin-top: 160px;
}
#deminfo {
  box-shadow: 0px 5px 0px #CBCBCB;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background-color: white;
}
#tddemin {
  background-color: #003554;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  height: 80px;
  color: white;
}
#tddemin p {
  margin-bottom: 0px; margin-top:20px;
  font-size: 28px;
  text-align:center;
}
#tddemin p:nth-child(2) {
  margin-bottom: 30px;
}
#tdcform {
  border-left: thin solid #CBCBCB;
  border-right: thin solid #CBCBCB;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
#tdcform table {
  margin-bottom: 20px; margin-top:20px;
  width: 90%; margin-left: 5%;
  border: thin solid #CBCBCB;
}
#tdenvm {
  border-left: thin solid #CBCBCB;
  border-right: thin solid #CBCBCB;
}
#tdcform input {
  border: none;
  width: 98%; height:50px;
  font-size: 30px;
}
#tdcform td { padding: 10px; }
#tdcform td:first-child { width: 36px; }
#tdcform input::placeholder { color:black; }
#tdcform textarea {
  border: none;
  width: 98%; height:300px;
}

#tdbotfo { height: 10px; }
.contact {
  position: relative;
  width:100%;
  margin-bottom: 30px;
}

#Brecdoc {
  font-size: 35px;
  position: relative;
  background-color: #2FB5E9;
  border-radius: 20px;
  height:80px; width: 100%;
  text-align: center;
  vertical-align: middle;
  color:  white;
  border: none;
  font-weight: 700;
}
#Trecev {
  position: relative;
  font-size: 45px;
  font-weight: 800;
  margin-top: 50px;
}
.Teco { font-size: 30px;}
#Cinews #Fnews {
  text-align: center;
  margin-top: 40px;
  width:100%;
  margin-bottom: 60px;
  font-size: 35px;
}
#Innews {
 background-color: #ffffff00;
 border: none;
 margin-left: 30px;
 width: 35%;
 color: white;
 font-size: 35px;
}
#bnews {
  background-color: white;
  color: #001226;
  border-radius: 20px;
  width: 200px;
  margin-left: 20px;
  cursor: pointer;
  font-size: 35px;
}
.Icsoc {
  width:20%;
  margin-top: 20px;
  margin-left: 30px;
}
#suivez {
  color: #003554;  background-color: white;
  padding: 20px;
  border-radius:20px;
}
/* Footer */
footer {
  position: absolute;
  width:100%;
  bottom:0px; left:0px;
  height:200px;
  padding-top: 25px;
  z-index:10;
  background-color:#271E17;
  color:#BAA56E;
  border-top: 2px solid white;
}
#Footer table {
  position: relative;
  width: 90%;
  left: 5%;
}
#Footer td {
  padding: 10px;
  vertical-align: bottom;
  font-size: 25px;
}
#tpc { display: none; }
/* 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;
}