/*!
 * CUSTOM BOOTSTRAP CSS
 * Copyright 2015 Cablan.net
 * JP Griffin and Martin-Pierre Frenette
 * http://www.cablan.net
 * 1-877-990-7760 - 1-514-990-7760
 */

body, .htmlarea-content-body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
  font-family: 'Roboto', sans-serif !important;
}

div#content section a{
  color: blue !important;
  }
  


div#content .table tbody th{

  width: 185px !important;
  padding-right: 0px !important;
  
  
}

div#content a.externe, div#content a[target="_blank"] {
    background-image: url('/fileadmin/templates/public/images/externe.gif');
    background-repeat: no-repeat;
  padding-right: 15px;
  background-position: right center;
  }


div#content a.explication{
    background-image: url('/fileadmin/templates/public/images/explication.png');
    background-repeat: no-repeat;
  padding-right: 20px;
  background-position: right center;
  }



div#content ul{
  display: block;
  margin-left: -3px; !important;
  
  }

* html div#content ul{
  display: block;
  margin-left: -17px !important;
  text-indent: 5px !important;
  
  }


div#content td ul{
  display: block;
  margin-left: -1px; !important;
  
  }

[if IE] div#content ul{
  margin-left: 100px; !important;
  
  }

div#content table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-top: none;

}

/*
div#content table{
  
  margin-left: -5px !important;
  
  }
*/


h4.panel-title a{
  margin-left: 20px;
   text-indent:  -20px !important;
  text-align: left;
  display: block;
}

header{
  
  display: block;
}
header .navbar-collapse{
  padding: 0;
  background-color: none;
  border: 0px solid black;
  margin-top: 20px;
  
}


.navbar-brand-image img{
  vertical-align: top;
  margin-top: -10px !important;
  max-height: 79px !important;
}

@media (max-width: 992px) {
.navbar-brand-image img{
  vertical-align: top;
  margin-top: -40px !important;
  max-height: 79px !important;
}
}




.navbar{
  min-height: 10px;
}


#mobilebar ul {
  position: absolute;
    list-style-type: none;
    margin: 0;
  
    padding: 0;
  margin-left: 10px !important;
  top: 65px;
}

#mobilebar li{
  display: inline-block;
  
  margin-right: 10px;
  font-size: 13px;
  z-index: 1000;
  }

#mobilebar li a{
  text-decoration: underline;
  }

#topcontainer{
  padding-right: 0px;
  height: 100px !important;
  padding-top: 5px;
}
#mainnav{
  /*height: 20px !important;*/
  background-color: #143B89; /*#006BB7;*/
  float: right;
  width: 937px;
  margin-right: 0px;
  padding-right: 0px !important;
  margin-top:46px;
  margin-left: -300px;


}



#mainnav{
  height: 16px !important;

}
#mainnav .tool-left{
  float: left;
}
#mainnav .tool-right{
  float: right;
}

#mainnav:after {
    content:'';
    display:block;
    clear: both;
}

#mainnav .navbar-nav > li > a{
  line-height: 1;
  font-size: 13px;
  font-weight: normal;
  padding-top: 2px;
  padding-bottom: 1px;
  text-transform: none;



}


.navbar-main > li > a .bar{
  display: none;
}

#mainnav li{
  background-color: #143B89; /*#006BB7;*/

}

@media (min-width: 992px){
  #mobilenav, #mobilenav ul , #mobilenav li , #mobilenav li a{
    display: none;
  }


}
@media (max-width: 1200px){
  #mainnav{
    width: 735px !important;
  }
}


/**** mobile menu **********/

button.navbar-toggle{
background-color: #143B89 !important; /*#006BB7;*/  
color: white !important;
}

button.navbar-toggle .menutext{
  margin-left: -70px;
background-color: #143B89 !important; /*#006BB7;*/  
height: 34px !important;
margin-top: -1px;
padding-top: 5px;
width: 80px;
}


button.navbar-toggle:hover{
background-color: #143B89 !important; /*#006BB7;*/  
color: white !important;
}




.navbar-default .navbar-toggle .icon-bar {
  background-color: white;
}


ul.nav, ul.nav .navbar-nav , ul.nav .navbar-nav .navbar-main{
  z-index: 100000;
}

#mobilenav{
  margin-top: -30px !important;
}
#mobilenav ul{
  width: 415px; /* 460px */
  z-index: 1000000;

};
.navbar-header .border-bottom{
  display: none;
}
 
#mobilenav ul, #mobilenav ul li, #mobilenav ul li a{
  background-color: #000000 !important;
  z-index: 1000000;
}
#mobilenav ul li{
  z-index: 1000000;
  /*margin-left: 30px;
  margin-right: 30px;*/
  width: 415px;
  border-bottom: 1px #bbb solid;
  padding-top: 8px;
  padding-bottom: 8px;

}

#mobilenav ul li ul{
  margin-left: 0px;
  z-index: 1000000;
  border: none !important;
}

#mobilenav ul li ul li{
  width: 415px !important;
  z-index: 1000000;
  margin-left: 0px;
  margin-right: 0px !important;
  padding-right: 0px !important;
}

#mobilenav .nav{
  z-index: 1000000; 
}

#mobilenav ul li ul, #mobilenav ul li ul li, #mobilenav ul li ul li a {
 background-color: #f6f6f6 !important; 
 color: #006bb7 !important;
 z-index: 1000000;
}


#mobilenav UL, #mobilenav UL LI, #mobilenav UL LI A{
  z-index: 1000000 !important;
  
}

#mobilenav{
  z-index: 10000;
}

#mobilenav ul{
  background: transparent !important;
  z-index: 100000 !important;

  
}
#mobilenav UL LI{

}
#mobilenav UL LI A{
  margin-left: 15px;
}


header .navbar-collapse a:hover {
  background-color: green; /* #CCCF00 !important;*/
  margin-left: 0;
}

header .navbar-collapse a, header .navbar-collapse li.active a {
    background-color: #143B89; /*#006BB7;*/
  color: #FFFFFF !important;
}

.nav-color {
  background-color: #FFFFFF !important;
}

.navbar-brand {
  height: 72px !important;
  
  ;
}


/******* second nav *********/

#secondnav .nav{
  margin-bottom: 0px !important;
  float: right;
}
#secondnav{
  background-color: #c0c0c0;
}

#secondnav .container, #secondnav .nav, #secondnav .nav   {
  background-color: #323232;

} 


#secondnav li.active{
  background: #3A7C73;

}

#secondnav ul.dropdown-menu li{
  background: #c0c0c0;

}
#secondnav ul.dropdown-menu li a{
  font-size: 12px;
}


#secondnav a{
  color: white;
  line-height: 1;
  padding-top: 12px;
  padding-bottom: 12px;
  font-weight: normal;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
}


#secondnav ul.dropdown-menu li:hover, #secondnav ul.dropdown-menu li a:hover  {
   background-color: #c0c0c0 !important;
}


/***** home page footer image *********/

#footerimage{
  background-color: #696969; 
  margin-bottom: -48px;
}
#footerimage .container{
  padding: 0px;
}
#footerimage img{
  max-width: 100%;
}


/******* footer *********/

footer{
  margin-top: 0px !important;
}
footer h3{
  font-size: 1.2em;
  font-weight: normal;
}

footer ul{
  list-style-type: none;
  padding: 0;
}
footer ul li{
  text-indent: 0;
  margin-left: 0;
  
}

footer p, footer p.lead, footer ul li{
  font-size: 12px;
   /*word-break: break-all;*/

}

footer .col-sm-6 div{
  overflow-x: hidden;
  }

/******* top section text over  *********/

.topsection{
  background-color: #eee;
  width: 100%;
}

.textoverimage img{
  max-width: 100% !important;
}

.textoverimage .text{
  position: absolute;
  top: 15px;
  color: white;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 0px;
}

.textoverimage .text h2{
  margin-top: 0px;
}

@media (max-width: 992px){

.textoverimage img{
   min-height: 100px;
}

.textoverimage .text{
  font-size: 0.8em;
}

.textoverimage .text h2{
  font-size: 18px;
}


}




@media (max-width: 500px){

  .textoverimage img{
     min-height: 120px;
  }
}


#newsbanner .container{
  padding: 0! important; 

}

.toutsavoir, .publication{
  margin-bottom: 10px;
}
.toutsavoir{
  background-color: #F2DECC;
}
.publication{
  background-color: #DEDEDE;
}

.toutsavoir .container, .publication .container{
  padding: 0;
}
.toutsavoir .textoverimage h2, .publication .textoverimage h2{
  margin-top: 20px;
  text-transform: uppercase;
  font-size: 40px;
  color: #505050 !important;
  font-weight: bold;
  letter-spacing: -1px;

}

.toutsavoir .textoverimage h2 span, .publication .textoverimage h2 span{
  color: #2F64B5 !important;
  display: block;
}


@media (max-width: 992px){
.toutsavoir .textoverimage h2, .publication .textoverimage h2{
  margin-top: 10px;
  font-size: 30px;
}

}


.leftcolumn2575{
  margin-top: 20px;
  max-width: 260px;
}

@media (max-width: 1200px){

.leftcolumn2575{
  max-width: 210px;
}

}

@media (max-width: 992px){

.leftcolumn2575{
  max-width: 2000px;
}

}


#newsbanner h1{
  font-size: 45px;
  font-weight: 500;
  text-align: center;
}
#newsbanner h1 strong{
  color: #2F64B5 !important;

  
 font-weight: 500;
  
  }

.container h1{
  font-size: 45px;
  font-weight: 500;
  text-align: center;
}
.container h1 strong, .container h1 b{
  color: #2F64B5 !important;

  
 font-weight: 500;
  
  }

.footermenu{

  color: black;;
  font-size: 12px;
  
}
.footermenu a, .copyright a{
  color: blue;
  font-weight: normal !important;
  font-size: 12px;
  margin-left: 10px;
  margin-right: 10px;
  text-decoration: underline;
 
}

.footer-section{
  background-color: #cacaca !important;
  padding-top: 0;
  padding-bottom: 0;
  border: 0;
}
.footer-section .container{
  background-color: #505050 !important; 
}

.meta-section{
  background-color: white;
  color: black;
  border: 0;
  margin: 0;
  padding: 0;
  padding-top: 20px;
  text-align: center;
}

.meta-section .footerlogo{
    margin: 0 auto;
    display: block;
    padding: 0;

}

.meta-section .copyright{
  text-align: center !important;
}

#topcontent{
  background-color: #cacaca;
}

#topcontent .container{
  padding: 0! important;
}


/***************** carousel *****************/

.container .carousel-inner > .item {
    /*height: 320px;*/
    height: 100%;
    padding-left: 0px;
    padding-right: 0px;
}

.carousel-inner > .item h1{
  display: none;
}



.carousel-inner > .item img{
  max-width: 100% !important;
}

.carousel-consulter, .carousel-consulter .img{
  height: 100% !important;
}

.carousel-consulter .text h2{
  font-weight: normal;
  text-transform: uppercase;

}

.carousel-consulter .text{
  margin-top: -300px !important;
  height: 100% !important;
  font-size: 0.8em;
  margin-left: 80px;
  height: 300px !important;

}

@media (max-width: 1200px){

.carousel-consulter .text{
  margin-top: -250px !important;
  height: 250px !important;
}

}
@media (max-width: 992px){

.carousel-consulter .text{
  margin-top: -200px !important;
  height: 200px !important;

}

.carousel-consulter .text h2 span{
  display: inline !important;
}


}
@media (max-width: 700px){
    .carousel-consulter .img{
      overflow: hidden;
    }
  .carousel-consulter .text{
    margin-top: -190px !important;
    height: 200px;
      width: 700px;


  }
.container .carousel-inner > .item {
    /*height: 320px;*/
    height: 200px;
    width: 700px;


}

}
.carousel-consulter .text h2 span{
  font-weight: bold;
  display: block;
}




/**********************************************/

/*
#newsbanner .container{
  padding-right: 0px;
}
#newsbanner .container img{
  margin-left: -3px;
   margin-right: -9px !important;
   width: 1300px;
max-width: 110% ;

}
*/
img.lazyload{
 opacity: 1;
 
}

.threepanel{
  margin-top: -15px;
  clear: both;
}
.threepanel .col-sm-4  .image-center .text{
  background-color: #D5E5E3;
  margin: 10px;
  margin-left: 2px;
  width: 100%;
  color: black;
  padding: 20px;
  font-size: 0.8em;
  text-align: left;
  margin-top: -170px;
  padding-top: 155px;
}
.threepanel .col-sm-4  .image-center figcaption{
  font-size: 1.5em !important;
  margin-top: 0px;
  min-height: 60px ;
  color: black;
  font-weight: 500;
  line-height: 1.1;

  text-transform: uppercase;
}
.threepanel h2 {
  font-size: 1.8em !important;
  margin-top: 70px;
  min-height: 50px ;

}

.threepanel p, .threepanel p.lead{
    font-size: 1.0em !important;
    text-align: left;
}
.threepanel blockquote{
  font-size: 1.0em !important;
min-height: 140px;
text-align: left;
  display: block;
  padding: 0;
  margin: 0;
  border: 0 !important;

}

div#content section .threepanel a {
  background-color: #2E7E74;
  color: #FFF !important;
  width: 100%;
  margin-top: 5px;
  margin-bottom: -20px !important;

}

@media (max-width: 1200px){
   .threepanel .col-sm-4  .image-center .text{
       margin-top: -235px;
  padding-top: 180px;
 
  }
  .threepanel blockquote{
      min-height: 170px;
    
  }

.threepanel .col-sm-4  .image-center figcaption {
    
    margin-left: 20px;
      min-height: 125px;
  }
}


@media (max-width: 992px){
  .threepanel .col-sm-4  .image-center .text{
    margin-top: -265px;
  padding-top: 205px;
  
  }
  .threepanel blockquote{
    min-height: 260px;
  }

.threepanel .col-sm-4  .image-center figcaption {
    min-height: 160px;
  }
}

@media (max-width: 768px){

  .threepanel .col-sm-4  .image-center .text{
    margin-top: -150px;
  padding-top: 135px;
  
  }
  .threepanel blockquote{
    min-height: 0px;
  }

.threepanel .col-sm-4  .image-center figcaption{
    min-height: 0px;
  }
}



/*****************/

.main2575{
  padding-left: 0px;
}

.main2575 .first-headline{
  margin-bottom: 30px;
}
.main2575 ul li{
  margin-left: -21px;
    _margin-left: -73px;
}

.main2575 a{
  text-decoration: underline;
}

.main2575 table td{
  vertical-align: top;
}


@media (max-width: 1200px){
.main2575{
  padding-left: 40px;
}

}
@media (max-width: 992px){
.main2575{
  padding-left: 0px;
}


}
@media (max-width: 700px){
.main2575{
  padding-left: 0px;
}

}


.btn-carousel {
  background-color: #CCCF00;
  color: #2F2E2E;
  /*+border-radius: 0;*/
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  border-radius: 0;
  border: 0px solid black;
}

.carousel-caption {
  text-align: left;
}

.carousel-caption h1 {
  margin-bottom: 0px;
  font-weight: bolder;
}

.carousel-caption h2 {
  margin-top: 0px;
  font-size: 3em;
}

/**********************/

#submenu {
  background: #2F2E2E;
  color: #7F2626;
  margin-top: 90px;
  margin-bottom: 0;
  padding: 5px 0 0;
  height: 45px;
}


#submenu-nav {
  width: 100%;
  float: right;
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 1.5em;
}

#submenu-nav ul {
  float: left;
  overflow: hidden;
}

#submenu-nav li {
  float: right;
}

#submenu-nav a {
  font-weight: bold;
  display: block;
  padding: 8px 15px;
  text-decoration: none;
  color: #FFFFFF;
}

#submenu-nav a:hover {
  color: #D5E5E3;
}

.submenu-wrapper {
  width: 100% !important;
  background-color: #2F2E2E;
}

/************************************/




.register {
  background-color: #D5E5E3;
  padding: 75px 20px 20px;
  margin-left: 5px;
  margin-right: 5px;
}

.register-icon {
  margin-bottom: -95px;
}

.register-btn {
  background-color: #2E7E74;
  color: #FFFFFF;
}

.title-blue {
  color: #006BB7;
}

.marketing h2 {
  font-size: 2.3em;
  color: #2F2E2E;
}

.marketing h3 {
  font-size: 2.4em;
  line-height: 1.5em;
  color: #2F2E2E;
}

.publication {
  background-color:f0f0f0;
}

.publication-title {
  text-align: center;
  padding-top: 10px;
}

.publication-box {
  text-align: center;
  padding: 0px;
}

.publication h2 {
  font-size: 2.3em;
  color: #2F2E2E;
}

.publication h3 {
  font-size: 1.5em;
  font-weight: bold;
  color: #2F2E2E;
}

.concrete {
  min-height: 200px;
  background-color: #6D0707;
  background-image: url("images/concrete_temp.jpg");
  margin-top: 25px;
}

.footer-dark {
  background-color: #2F2E2E;
}

.jumbotron-wrap {
  background-image: url("images/blue_temp.jpg") !important;
  background-position:top middle no-repeat;
  width: 100%;
}

.jumbotron {
  font-weight: bold;
  margin-top: 0px;
  color: #FFFFFF;
  /*+border-radius: 0 !important;*/
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -khtml-border-radius: 0 !important;
  border-radius: 0 !important;
  background-color: transparent;
}

.navbar {
  background-color: #FFFFFF;
  border: 0px solid black !important;
}

.carousel-indicators{
 bottom: -10px !important;
}