@import url("//fonts.googleapis.com/css?family=Open+Sans:400,300,600&subset=cyrillic,latin");
@import url("/assets/plugins/bootstrap/css/bootstrap.min.css");
@import url("/assets/css/style.css");
@import url("/assets/css/headers/header-v6.css");
@import url("/assets/css/one.style.css");
@import url("/assets/css/footers/footer-v8.css");
@import url("/assets/plugins/animate.css");
@import url("/assets/plugins/line-icons/line-icons.css");
@import url("/assets/plugins/font-awesome/css/font-awesome.min.css");
@import url("/assets/plugins/parallax-slider/css/parallax-slider.css");
@import url("/assets/plugins/owl-carousel/owl-carousel/owl.carousel.css");
@import url("/assets/css/pages/page_log_reg_v1.css");
@import url("/assets/css/theme-colors/blue.css");
@import url("/assets/css/theme-skins/dark.css");
@import url("/assets/css/custom.css");
@import url("/assets/formvalidation/dist/css/formValidation.min.css");
@import url("/assets/css/pages/shortcode_timeline1.css");
@import url("/assets/plugins/animated-headline/css/animated-headline.css");


#system-message > .alert-error {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
#system-message > .alert-message {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
#system-message{margin-top:10px}
.navbar-nav a{color: #555}
li a{color: #3498db;}
.carousel {               // class de ton carousel
    height: 200px;        // La hauteur voulu
    overflow: hidden;
}
.cd-intro{
  background-color: rgba(0, 0, 0, 0.5); padding-bottom:20px;
}
.carousel img {
    width: 100%;
}
.copyright p{color:#fff}
.tab-v2 .nav-tabs li.active a {border-left: solid 1px #cccccc;border-right: solid 1px #cccccc;}
.tab-v2 .tab-content {border: solid 1px #cccccc;}
.news-v2-desc h3 { text-align: left;}
.news-v2-desc {
  padding-bottom: 20px;
  overflow: hidden;
  position: relative; 
  line-height: 1.2em;
  max-height: 15em;  
  padding-right: 1em;
  background-color: #f7f7f7;
  color: black;
  text-align: justify;
  padding-right: 30px;
  margin-right: 0px;
}
.news-v2-desc:before {
  content: '';
  position: absolute;
  right: 20px;
  bottom: 2px;
  background-color: #f7f7f7;
  color: black;
}
.news-v2-desc:after {
  content: '';
  position: absolute;
  right: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.2em;
  background-color: #f7f7f7;
  color: black;
}
@media (max-width: 991px){
.news-v2-desc {  max-height: 10em; }
}

#myCarousel h1{
	color: #fff; font-size: 70px; font-weight: 600; line-height: 80px; text-transform: uppercase;
}
#myCarousel p{
	color: #fff; font-size: 20px; font-weight: 200; line-height: 30px; 
}
#myCarousel .cd-intro{
	position: absolute; z-index: 100; width: 100%; top: 50%; margin-top: -105px;
}
.rounded-100x {
    border-radius: 100px !important; 
}

.navbar{z-index:1000}
.btn-group{z-index:1000}
.bg-color-light{background-color: #f7f7f7 !important;}
.bg-color-light .testimonials-v6{color:#000}
.service-block h2,.service-block p{color:#000 !important}

@media (max-width: 1050px){
	#myCarousel h1{
		font-size: 50px; font-weight: 400; line-height: 60px;
	}
	#myCarousel p{
		font-size: 20px; font-weight: 200; line-height: 30px; 
	}
}
@media (max-width: 698px){
	#myCarousel h1{
		font-size: 40px; 
	}
	#myCarousel p{
		font-size: 17px; line-height: 25px; 
	}
}
@media (max-width: 582px){
	#myCarousel h1{
		font-size: 30px; 
	}
	#myCarousel p{
		font-size: 15px; line-height: 20px; 
	}
}
@media (max-width: 467px){
	#myCarousel h1{
		font-size: 25px; 
	}
	#myCarousel p{
		font-size: 15px; line-height: 20px; 
	}
}
@media (max-width: 405px){
	#myCarousel h1{
		font-size: 20px; line-height: 40px;
	}
	#myCarousel p{
		font-size: 15px; line-height: 20px; 
	}
}