body{margin:0;font-family: Raleway, sans-serif;color:#49505a;background-color: #EAEAEA;}
@import url(https://fonts.googleapis.com/css?family=Raleway:400,200);


.login{background-color:#0d5983;color:white; width:30%;max-width:400px;padding:3%;margin:auto;margin-top:5%;text-align:center;border-radius:10px;}
.login input{width:70%;margin:1%;font-weight:200;}
.login input[type=submit]{background-color:#0d5983;color:white;border:2px solid white;padding:3%;}
.login input[type=text],.login input[type=password]{padding:3%; }



h1{font-weight:300;}
h2{font-weight:300;border-bottom:1px solid #49505a;margin-top:50px;margin-bottom: 5px;}
a,a:visited{color:#166AFA;text-decoration:none;}  
a:hover{text-decoration:underline;}
.main{width:80%;display:inline-block;margin:0.5%;}
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu {
  font-family: Raleway, sans-serif;
  color: #ffffff;
  display:inline-block;
  vertical-align:top;
  max-width: 300px;
  width: 19%;
}
#cssmenu ul ul {
  display: none;
}
#cssmenu > ul > li.active > ul {
  display: block;
}
.align-right {
  float: right;
}
#cssmenu > ul > li > a {
  padding: 13px 22px;
  cursor: pointer;
  z-index: 2;
  font-size: 14px;
  text-decoration: none;
  color: #ffffff;
  background: #0d5983;
  -webkit-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu > ul > li > a:hover {
  color: #d8f3f0;
}
#cssmenu ul > li.has-sub > a:after {
  position: absolute;
  right: 26px;
  top: 19px;
  z-index: 5;
  display: block;
  height: 10px;
  width: 2px;
  background: #ffffff;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#cssmenu ul > li.has-sub > a:before {
  position: absolute;
  right: 22px;
  top: 23px;
  display: block;
  width: 10px;
  height: 2px;
  background: #ffffff;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#cssmenu ul > li.has-sub.open > a:after,
#cssmenu ul > li.has-sub.open > a:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#cssmenu ul ul li a {
  padding: 10px 22px;
  cursor: pointer;
  z-index: 2;
  font-size: 12px;
  text-decoration: none;
  color: #ddd;
  background: #49505a;
  -webkit-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu ul ul ul li a {
  padding-left: 32px;
}
#cssmenu ul ul li a:hover {
  color: #fff;
}
#cssmenu ul ul > li.has-sub > a:after {
  top: 16px;
  right: 26px;
  background: #ddd; 
}
#cssmenu ul ul > li.has-sub > a:before {
  top: 20px;
  background: #ddd;
}

#cssmenu a {color:black;}
.bold{font-weight:bold;}
.gris{background-color:#767B82;}
.rouge{color:red;}
.vert{color:green;}

.fullscreen{position: absolute;z-index: 200;right: 5px;top: 5px;color: white;}
.col-1{width:98%;display:inline-block;vertical-align:top;padding:0% 1%;}
.col-2{width:48%;display:inline-block;vertical-align:top;padding:0% 1%;}
.col-3{width:32.33333333333%;display:inline-block;vertical-align:top;padding:0% 1%;}
.col-4{width:24%;display:inline-block;vertical-align:top;padding:0% 0.5%;}
.col-5{width:19%;display:inline-block;vertical-align:top;padding:0% 0.5%;}
.col-6{width:15.6666667%;display:inline-block;vertical-align:top;padding:0% 0.5%;}
.col-7{width:13.2857143%;display:inline-block;vertical-align:top;padding:0% 0.5%;}
.col-8{width:11.5%;display:inline-block;vertical-align:top;padding:0% 0.5%;}
.col-9{width:10.1111111%;display:inline-block;vertical-align:top;padding:0% 0.5%;}
.col-10{width:9%;display:inline-block;vertical-align:top;padding:0% 0.5%;}
.col-11{width:8.0909091%;display:inline-block;vertical-align:top;padding:0% 0.5%;}
.col-12{width:7.3333333%;display:inline-block;vertical-align:top;padding:0% 0.5%;}
.col-24{width:4.1666666%;display:inline-block;vertical-align:top;padding:0% 0.5%;}
.col-48{width:2.0833333%;display:inline-block;vertical-align:top;padding:0% 0.5%;}

.pad-0{padding:0px;}
.pad-5{padding:5px;}
.pad-top-5{padding-top:5px;}

.marg-top-5{margin-top:5px;}
.marg-top-10{margin-top:10px;}
.marg-top-50{margin-top:50px;}

.right {text-align:right;}
.center {text-align:center;}
.left {text-align:left;}

section{box-shadow: rgba(0, 0, 0, 0.07) 0px 0px 1px 1px, rgba(0, 0, 0, 0.11) 0px 2px 3px 0px, rgba(0, 0, 0, 0.05) 0px 0px 7px 0px;background-color:white;margin-bottom:20px;padding:0px;}
section h2{margin-top: 5px;margin-bottom: 0px;padding:20px;border-bottom-color:rgb(235, 235, 235);}


.row{border-bottom:1px solid #dddddd;padding:5px;font-size:14px;background-color:white;}

.row:hover{background-color:#E8E8E8;}

.table-head{background-color:#0d5983;color:white;position: -webkit-sticky;position: sticky;top: 0;}
.table-head:hover{background-color:#0d5983;color:white;}

input,textarea{width:90%;font-family: Raleway, sans-serif;font-size:14px;padding:0.5%;}
input[type="submit"]{background-color: #0d5983; color: white; border: 1px solid white; padding: 5px; border-radius: 10px; cursor:pointer;}
.submit2{width:50%;margin-left:25%; margin-top:1%;}

.bande{
position: absolute;
right: 0;
float: right;
top: 0;
background: #0d5983;
padding: 10px;
color: white;
border-radius: 0 0 0 10px;
}

.bande a{color:white;}
.bande i{margin:0px 5px;}
#smallscreen{display:none;}
  
.alerterouge{background-color:red;color:white;width:100%;text-align:center;}
.alerteblanche{background-color:white;width:100%;text-align:center;}
.alerteorange{background-color:orange;color:black;width:100%;text-align:center;}
.alertejaune{background-color:yellow;color:black;width:100%;text-align:center;}


.menutop {background-color:rgb(73, 80, 90);text-align:center; padding:5px;}
.menutop a {color:white;}


@media (max-width:1400px)
{
    .row, body, input,select{font-size:1vw;}
    h1{font-size:1.5vw;}
    h2{font-size:1.3vw;}
    #cssmenu > ul > li > a {font-size:1.3vw;}
    #cssmenu ul ul li a{font-size:1.1vw;}
}