html, body{
  height: 100%;
  font-family: 'Open Sans', sans-serif !important;
  color: #4a4a4c !important;
  font-size: 14px;
  line-height: 1.42857143;
}

.h3, h3 {
  font-size: 18px !important;
}


/*#####################################################################################################################*/
/*######################################## Main   ######################################################################*/


#mainWindow {
  width : 100%;
  /*min-width:1270px;*/
}

#header {
  width : 100%;
  background-color: black;
  color: white;
  font-size: 20px;
  height: 60px;
  padding : 20px
}




#mainContenair {
  width : 100%
}

#ongletContenair{
  min-height: 100%;
  padding: 20px;
  background-color: #f1f2f7;
}

#siteContenair{
  background-color: #2a3f54;
  padding: 0;
  color : white;
  width: 310px
}

/*#####################################################################################################################*/
/*######################################## Nav  #######################################################################*/

#navBar {
  width : 100%;
  /*height: 40px;*/
  background-color: darkcyan;
}

#mainNavBar{
  background-color: #172d44;
  border-bottom : none;
}

#mainNavBar li{
  border-top : solid 3px #172d44;
  border-left : none;
  border-bottom : none;
  border-right : none;
  height: 50px;

}
#mainNavBar li:hover{
  border-top : solid 3px #1abb9c;
  border-left : none;
  border-bottom : none;
  border-right : none;
}

#mainNavBar li a{
  color: #E7E7E7;
  border : none;
  font-weight: 600;
  height: 46px;
}
#mainNavBar li a:hover{
  background-color: #172d44;
  border : none;
}

#mainNavBar li.active>a, #mainNavBar  li.active>a:focus, #mainNavBar li.active>a:hover {
  color: #73879C;
  cursor: default;
  background-color: #e7e8ed;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #e7e8ed;
}


.navbarss .navbar-nav>li>a {
  color: #73879C !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}



.navbarss, .navbarss .nav{
  background: linear-gradient(#e7e8ed 0%, #d9dadf 100%)  !important;
  background: -webkit-linear-gradient(#e7e8ed 0%, #d9dadf 100%) !important;
  background: -moz-linear-gradient(#e7e8ed 0%, #d9dadf 100%)  !important;
  background: -ms-linear-gradient(#e7e8ed 0%, #d9dadf 100%)  !important;
  background: -o-linear-gradient(#e7e8ed 0%, #d9dadf 100%)  !important;
  background: #d9dadf;
  border-radius: 0 !important;
  border: none !important;
  margin-bottom: 0px !important;
  border-bottom: none !important;
}

/*.navbarss li.active>a, .navbarss  li.active>a:focus, .navbarss li.active>a:hover {*/
  /*color: #73879C !important;*/
  /*cursor: default !important;*/
  /*background-color: transparent !important;*/
  /*border : none !important;*/
/*}*/





.navbarss li{
  height: 50px;
  border-top : none;
  border-left : none;
  border-bottom : solid 3px transparent;;
  border-right : none;
}
.navbarss li:hover{
  border-top : none;
  border-left : none;
  border-bottom : solid 3px #1abb9c;;
  border-right : none;
  text-shadow : none;
}
.navbarss .navbar-nav>li>a:hover, .navbarss .navbar-nav>li>a:focus{
  background-color:transparent;
  text-shadow: none;
  border : none;
}

.navbarss li.active>a, .navbarss  li.active>a:focus, .navbarss li.active>a:hover {
  color: #1ABB9C !important;
  text-shadow : none;
}



.degrade2{
  background: linear-gradient(#172d44 0%, #2a3f54 100%) !important;
  background: -webkit-linear-gradient(#172d44 0%, #2a3f54 100%) !important;
  background: -moz-linear-gradient(#172d44 0%, #2a3f54 100%) !important;
  background: -ms-linear-gradient(#172d44 0%, #2a3f54 100%) !important;
  background: -o-linear-gradient(#172d44 0%, #2a3f54 100%) !important;
  background: #172d44;
}


.divider-vertical {
  height: 30px !important;
  margin: 9px 30px !important;
  border-left: 1px solid #73879C !important;
  border-right: 1px solid #73879C !important;
}




/*#####################################################################################################################*/
/*######################################## siteContenair  ###############################################################*/

.penTab {
  width : 100%;
  color : #73879C;
}


.penTab th {
  padding: 5px;
  text-align: center;
  color : #465c74;
  background-color: #f2f5f7;
  border : 1px solid rgba(221, 221, 221, 0.78);
}



.penTab tr td {
  padding: 0px 10px;
  text-align: right;
  border-right : 1px solid rgba(221, 221, 221, 0.78);
  border-left : 1px solid rgba(221, 221, 221, 0.78);
  border-top : 1px solid rgba(221, 221, 221, 0.78);

}
.penTab tr:last-child td {
  padding: 0px 10px;
  text-align: right;
  border : 1px solid rgba(221, 221, 221, 0.78);
}

.penTab>tbody>tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.penTab tr:hover td {
  background: rgba(38,185,154,0.07);
  border: 1px solid rgba(38,185,154,0.11);
}

.warningdep{
  /*background-color: rgba(221,78,62,0.21);*/
  font-weight: 600;
}
/*rgb(244, 91, 91);*/



/*#####################################################################################################################*/
/*######################################## siteContenair  ###############################################################*/

.checkBoxNoMargin {
  margin : 0!important
}

.iconeDefPadding {
  padding-right :5px;
  padding-left :5px;
}

.briqueSite:hover {
  background-color: #35475d;
}

.degrade{
  background: linear-gradient(#243a4f 0%, #2a3f54 100%) !important;
  background: -webkit-linear-gradient(#243a4f 0%, #2a3f54 100%) !important;
  background: -moz-linear-gradient(#243a4f 0%, #2a3f54 100%) !important;
  background: -ms-linear-gradient(#243a4f 0%, #2a3f54 100%) !important;
  background: -o-linear-gradient(#243a4f 0%, #2a3f54 100%) !important;
  background: #2a3f54;
}

.degradeInv{
  background: linear-gradient(#2a3f54 0%, #243a4f 100%) !important;
  background: -webkit-linear-gradient(#2a3f54 0%, #243a4f 100%) !important;
  background: -moz-linear-gradient(#2a3f54 0%, #243a4f 100%) !important;
  background: -ms-linear-gradient(#2a3f54 0%, #243a4f 100%) !important;
  background: -o-linear-gradient(#2a3f54 0%, #243a4f 100%) !important;
  background: #2a3f54;
}
/*#####################################################################################################################*/
/*######################################## Divers Flex  ###############################################################*/

.flexNone{
  -webkit-flex: none;
  flex: none;
}
.flexOne{
  -webkit-flex: 1;
  flex: 1;
}


.ligneFlexCentered{
  display: -webkit-flex;
  -webkit-flex-direction: row;
  -webkit-justify-content: flex-start;
  -webkit-align-items: center;
  -webkit-flex-wrap: nowrap;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
}

.ligneFlexCenteredStart{
  display: -webkit-flex;
  -webkit-flex-direction: row;
  -webkit-justify-content: center;
  -webkit-align-items: flex-start;
  -webkit-flex-wrap: nowrap;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: nowrap;
}

.ligneFlexCenteredWrap{
  display: -webkit-flex;
  -webkit-flex-direction: row;
  -webkit-justify-content: flex-start;
  -webkit-align-items: center;
  -webkit-flex-wrap: wrap;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

.ligneFlexCenteredCentered{
  display: -webkit-flex;
  -webkit-flex-direction: row;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  -webkit-flex-wrap: nowrap;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}

.ligneFlexStart{
  display: -webkit-flex;
  -webkit-flex-direction: row;
  -webkit-justify-content: flex-start;
  -webkit-align-items: flex-start;
  -webkit-flex-wrap: nowrap;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
}

.ligneFlexStartStretch{
  display: -webkit-flex;
  -webkit-flex-direction: row;
  -webkit-justify-content: flex-start;
  -webkit-align-items: stretch;
  -webkit-flex-wrap: nowrap;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: nowrap;
}

.ligneFlexStartCentered{
  display: -webkit-flex;
  -webkit-flex-direction: row;
  -webkit-justify-content: flex-start;
  -webkit-align-items: center;
  -webkit-flex-wrap: nowrap;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
}
.ligneFlexStartSpaceArround{
  display: -webkit-flex;
  -webkit-flex-direction: row;
  -webkit-justify-content: space-around;
  -webkit-align-items: flex-start;
  -webkit-flex-wrap: nowrap;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-start;
  flex-wrap: nowrap;
}

.ligneFlexStartSpaceArroundWrap{
  display: -webkit-flex;
  -webkit-flex-direction: row;
  -webkit-justify-content: space-around;
  -webkit-align-items: flex-start;
  -webkit-flex-wrap: wrap;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-start;
  flex-wrap: wrap;
}

.ligneFlexCenterSpaceBetween{
  display: -webkit-flex;
  -webkit-flex-direction: row;
  -webkit-justify-content: space-between;
  -webkit-align-items: center;
  -webkit-flex-wrap: nowrap;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
}

.ligneFlexCenterSpaceBetweenWrap{
  display: -webkit-flex;
  -webkit-flex-direction: row;
  -webkit-justify-content: space-between;
  -webkit-align-items: center;
  -webkit-flex-wrap: wrap;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.ligneFlexStartSpaceBetween{
  display: -webkit-flex;
  -webkit-flex-direction: row;
  -webkit-justify-content: space-between;
  -webkit-align-items: flex-start;
  -webkit-flex-wrap: nowrap;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: nowrap;
}
.ligneFlexStartSpaceBetweenWrap{
  display: -webkit-flex;
  -webkit-flex-direction: row;
  -webkit-justify-content: space-between;
  -webkit-align-items: flex-start;
  -webkit-flex-wrap: wrap;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

.ligneFlexStrechSpaceBetween{
  display: -webkit-flex;
  -webkit-flex-direction: row;
  -webkit-justify-content: space-between;
  -webkit-align-items: flex-start;
  -webkit-flex-wrap: nowrap;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: nowrap;
}

.ligneFlexCenterSpaceArround{
  display: -webkit-flex;
  -webkit-flex-direction: row;
  -webkit-justify-content: space-around;
  -webkit-align-items: center;
  -webkit-flex-wrap: nowrap;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  flex-wrap: nowrap;
}
.ligneFlexCenterSpaceArroundWrap{
   display: -webkit-flex;
   -webkit-flex-direction: row;
   -webkit-justify-content: space-around;
   -webkit-align-items: center;
   -webkit-flex-wrap: wrap;
   display: flex;
   flex-direction: row;
   justify-content: space-around;
   align-items: center;
   flex-wrap: wrap;
 }


.ligneFlexEnd{
  display: -webkit-flex;
  -webkit-flex-direction: row;
  -webkit-justify-content: flex-end;
  -webkit-align-items: flex-start;
  -webkit-flex-wrap: nowrap;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  flex-wrap: nowrap;
}

.ligneFlexEndCenter{
  display: -webkit-flex;
  -webkit-flex-direction: row;
  -webkit-justify-content: flex-end;
  -webkit-align-items: center;
  -webkit-flex-wrap: nowrap;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: nowrap;
}

.ligneFlexEndStretch{
  display: -webkit-flex;
  -webkit-flex-direction: row;
  -webkit-justify-content: flex-end;
  -webkit-align-items: stretch;
  -webkit-flex-wrap: nowrap;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: stretch;
  flex-wrap: nowrap;
}

.ligneFlexStartWrap{
  display: -webkit-flex;
  -webkit-flex-direction: row;
  -webkit-justify-content: flex-start;
  -webkit-align-items: flex-start;
  -webkit-flex-wrap: wrap;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}

.colFlexStart{
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-justify-content: flex-start;
  -webkit-align-items: flex-start;
  -webkit-flex-wrap: nowrap;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
}

.colFlexStartWrap{
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-justify-content: flex-start;
  -webkit-align-items: flex-start;
  -webkit-flex-wrap: wrap;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}

.colFlexCenterWrap{
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-justify-content: flex-start;
  -webkit-align-items: center;
  -webkit-flex-wrap: wrap;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

.colFlexSrtetchWrap{
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-justify-content: flex-start;
  -webkit-align-content: space-around;
  -webkit-flex-wrap: wrap;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: space-around;
  flex-wrap: wrap;
}

.colFlexCenter{
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-justify-content: flex-start;
  -webkit-align-items: center;
  -webkit-flex-wrap: nowrap;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
}

.colFlexCenterSpaceAround{
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-justify-content: space-around;
  -webkit-align-items: center;
  -webkit-flex-wrap: nowrap;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  flex-wrap: nowrap;
}

.colFlexStartSpaceAround{
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-justify-content: space-around;
  -webkit-align-items: flex-start;
  -webkit-flex-wrap: nowrap;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
  flex-wrap: nowrap;
}

.colFlexStartSpaceBetween{
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-justify-content: space-between;
  -webkit-align-items: flex-start;
  -webkit-flex-wrap: nowrap;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: nowrap;
}

.colFlexStretchSpaceBetween{
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-justify-content: space-between;
  -webkit-align-items: stretch;
  -webkit-flex-wrap: nowrap;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: nowrap;
}

.colFlexStretchSpaceArround{
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-justify-content: space-around;
  -webkit-align-items: stretch;
  -webkit-flex-wrap: nowrap;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: stretch;
  flex-wrap: nowrap;
}


.colFlexStretch{
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-justify-content: flex-start;
  -webkit-align-items: stretch;
  -webkit-flex-wrap: nowrap;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: nowrap;
}