/* CSS Document */
.btn {border-radius: 15px;}
body {font-family: "Open Sans", sans-serif;}
.barrehaut {background-color: #003869; color: #fff;min-height: 30px;padding: 20px 0px;}
.barrehaut a{color: #fff;}
.barrehaut a:hover {text-decoration:underline; background: none;}
.traductions {text-transform: uppercase;}
body.offcanvas-active{
	overflow:hidden;
}
.offcanvas-header{ display:none; }
.navbar {z-index: 999;margin-bottom: 0px;}
.titmenu {font-size: 0.8em;}
.logosite {padding-top: 10px;}
.naviga {padding-top: 10px;}
.naviga ul {margin-left: 0px;}
.navbar {font-weight: bold;padding-left: 0px;}
.navbar li {}
.navbar li li {text-transform: none;}
.navbar .navbar-toggler {color: #000;border: 1px solid #000;margin-bottom: 20px;}
.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .menu-items__lien {
  color: rgba(0, 56, 105, 1);
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .menu-items__lien:hover, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .menu-items__lien:focus {
  color: rgba(0, 56, 105, 0.7);
}
.dropdown-menu {border: 0px;}
.dropdown-menu a {color: #1F325d;}
.dropdown li {border-bottom: 1px solid #eaeaea;}
.dropdown li:last-child {border-bottom: 0px solid #eaeaea;}
.anim {clear: both;background-color: #ccc;min-height: 80px;}
.bandeau {
	background-color: #003869;
	min-height: 150px;
	background-image: url(img/bandeau-int.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	  padding: 30px;
}
.bandeau .row {margin: 0px;}
.bandeau h1 {font-size: 3em;margin-top: 10px;margin-bottom: 10px;text-shadow: 2px 3px 3px black;color: #fff;font-weight: bold;}
.bandeau .surtitre {font-size: 1.6em;margin-bottom: 10px;text-shadow: 2px 3px 3px black;color: #fff;line-height: 20px;}
.bandeau .soustitre {font-size: 1.8em;margin-bottom: 30px;text-shadow: 2px 3px 3px black;color: #fff;font-style: italic;}

.btbleu {background-color: #003869;}
.btbleu a {color: #fff;background: none;}
#carousel .btbleu:hover {background: #3c6787;}
.carousel-caption {bottom: 35%;}
.carousel-caption .btn {color: #fff;font-weight: bold;}
.carousel-caption h1 {font-size: 5em;margin-bottom: 10px;text-shadow: 2px 3px 3px black;font-weight: bold;}
.carousel-caption h2 {font-size: 2em;margin-bottom: 30px;text-shadow: 2px 3px 3px black;font-style: italic;}
.intro {background-color: #ededed;padding-bottom: 40px;}
.intro h3 {font-size: 1.8em;color: #003869;font-weight: bold;margin-bottom: 50px;}
.intit {color: #3c6787;font-weight: bold;font-size: 1.3em;margin-top: 30px;margin-bottom: 0px;}
.contaccueil {font-size: 1.3em;clear: both;}
.blocdomaines {
	background-color: #fff;
	border: 1px solid #666666;
	margin-bottom: 30px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	-webkit-box-shadow: 3px 3px 5px #aaa;
	box-shadow: 3px 3px 5px #aaa;
}
.blocdomaines p {margin: 20px;}
.actus {clear: both;background-color: #3c6787;min-height: 350px;padding-top: 20px;padding-bottom: 20px;}
.actus h3 {font-size: 1.8em; font-weight: bold; color: #fff;text-transform: uppercase;}
.actus {padding-left: 20px;padding-right: 20px;}
.owl-slide {background-color: #fff;}
.autoli {
    list-style-type: none;
    min-height: 120px;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 30px 30px;
	color: #003;
    border-radius: 30px;
}
.offre {
    padding-left: 5px;
	padding-right: 0px;}
.dateactu {color: #000033;font-size: 0.9em;margin-bottom: 5px;}
.offre h4 {color: #3c6787;margin-bottom: 5px;font-size: 1.2em;font-weight: bold;line-height: normal; }
.demo {display: none;}
.buglet {margin-left: 5px;}
.slick-dots li button:before
{
    font-size: 12px;
}
.owl-theme .owl-dots .owl-dot span {width: 15px;height: 15px;margin-bottom: 10px;background: #ccc;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #6898b5;}
.lien a {color: #e3042d;text-decoration: none;background: none;}
.lien a:hover {color: #000033;}
.btn-danger {background-color: #666;border-color: #666;}
.btn:focus {background-color: #666;border-color: #666;}
.tout a {color: #fff;text-decoration: none;background: none;}
.tout a:hover {color: #fff;}
.bloccontact {
	clear: both;
	background-color: #595745;
	min-height: 230px;
	color: #fff;
	background-image: url(img/fond-contact.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.bloccontact h2 {font-weight: bold;margin-top: 40px;}
.btblanc {background-color: #fff;font-weight: bold;}
.references {clear: both;min-height: 200px;}
.references h3 {color: #3c6787;font-weight: bold;font-size: 1.3em;margin-top: 30px;margin-bottom: 40px;}
.references .owl-carousel {margin-bottom: 40px;}
.page_rubrique .content h2 {color: #3c6787; font-weight: bold;}
.page_article .content h2 {color: #3c6787; font-weight: bold;}
.card {border-radius: 20px;}
.card a {color: #fff;}
.card h3 {font-size: 1.3em;color: #3c6787;font-weight: bold;}
.aside ul {margin-left: 10px;}
.aside li {list-style-type: none;}
.aside a {background: none;}
.aside a:hover {text-decoration: underline;}
.applis {
	border: 1px solid #3c6787;
	border-top-right-radius: 20px;
}
.ictitre {margin-bottom: 15px;}
.applis h2 {color: #3c6787; font-weight: bold;font-size: 1.2em;text-transform: uppercase;border-bottom: 0px;}
.applis a {color: #3c6787;}
.produits {
	border: 1px solid #595745;
	border-top-right-radius: 20px;
	margin-bottom: 30px;
}
.produits  h2 {color: #595745;font-weight: bold;font-size: 1.2em;text-transform: uppercase;border-bottom: 0px;}
.produits a {color: #595745;}
.blocproduits {clear:  both;padding-top: 40px;padding-bottom: 50px;}
.blocproduits h2 {font-weight: bold;margin-left: 20px;}
.detactus {border: 1px solid #999;border-radius: 20px;padding: 20px;}
.detactus .plusactu a {color: #fff;}
.bas {background-color: #003869; color: #fff;}
.bas h1 {font-size: 1.6em; font-weight: bold; margin-bottom: 10px;}
.bas a {color: #fff; background: none;}
.bas a:hover {text-decoration: underline;}
.bas li {list-style-type: none;}
.footer p {line-height: 40px;}
.lity-group-caption .lity-group-current {
	display: none;
}

@media (max-width: 1023px) {
  .offcanvas-header{ display:block; }
  .navbar-collapse {
    position: fixed;
    top:0; 
    bottom: 0;
    left: 100%;
    width: 90%;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    visibility: hidden;
    background-color: white;
    transition: visibility .2s ease-in-out, transform .2s ease-in-out;
  }
  .navbar-collapse.show {
    visibility: visible;
    transform: translateX(-100%);
  }
  .navbar-nav {margin-top: 40px;}
  .nav-link {border-bottom: 1px solid #000;}
  .dropdown-menu {background-color: #f2f2f2;border: 0px;}
  .dropdown-item {white-space: normal;}
	.formulaire_menu_lang {text-align: center;}
	.liensbis ul {margin-left: 0px;}
}

@media (max-width: 480px) {
  .bandeau h1 {font-size:2.4em;}
}