html,
  body {
      font: 400 15px/1.8 Lato, sans-serif;
      color: #777;
  }
  h3 {
      margin: 10px 0 30px 0;
      letter-spacing: 7px;      
      font-size: 30px;
      color: #2a48dc;
  }
    h2 {
      margin: 10px 0 10px 0;
      letter-spacing: 1px;      
      font-size: 25px;
      color: #214982;
  }
  
    h4 {
      margin: 10px 0 30px 0;
      letter-spacing: 3px;      
      font-size: 25px;
      color: #FFF;
  }
  
  h5 {
  
      letter-spacing: 1px;      
      font-size: 20px;
      color: #fff;
  }
  
  h6 {
      margin: 10px 0 30px 0;
      letter-spacing: 3px;      
      font-size: 25px;
      color: #214982;
  }
  
  
  
hr {
    max-width: 100%;
    border-color: #ccc;
    border-width: 1px;
	}

hr.light {
    max-width: 70px;
    border-color: #264990;
    border-width: 3px;
}

hr.light2 {
      max-width: 30%;
    border-color: #ccc;
    border-width: 1px;
}


hr.light3 {
      max-width: 100px;
    border-color: #1778c3;
    border-width: 3px;
}


hr.light4 {
    border-color: #999;
    max-width:100%;
    padding-left:0;
    margin-left: 0;
	border-width: 1px;
} 


hr.light5 {
    border-color: #fff;
    max-width:100%;
    padding-left:0;
    margin-left: 0;
}

.bg-1 {
      background-color: #73b4de;
  }

 
  
  
.bg-2 {
      background-color: #fff;
      color: #000;
  }
.bg-3 {
      background-color: #fff;
      color: #214982;
  }
  
.bg-4 {
      background-color: #87c95d;
      color: #214982;
  }
  
  .bg-5 {
      background-color: #fff;
      
  }
  

  

    
  .container2 {
      padding: 20px 15px;
  }
  
    .container3 {
      padding: 50px 50px;
  }
  
   .container10 {
      padding: 10px 10px;
  }
  
.container0 {
      padding: 0px 10px;
  }
  .person {
      border: 10px solid transparent;
      margin-bottom: 25px;
      width: 80%;
      height: 80%;
      opacity: 0.7;
  }
  .person:hover {
      border-color: #f1f1f1;
  }
  

  .carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}
  
  .carousel-inner img {
      -webkit-filter: grayscale(70%);
      filter: grayscale(70%); /* make all photos black and white */ 
      width: 100%; /* Set width to 100% */
      margin: auto;
	  
	 }
	 
	 .carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
	
 
  .carousel-caption h3 {
      color: #FFF !important; /*KC*/
	  padding-bottom: 130px;/*KC ajout pour remonter*/
	  text-shadow: 1px 1px 5px #000;
  }
  
 
  

  
  
  @media (max-width: 600px) {
    .carousel-caption {
      display: none; /* Hide the carousel text when the screen is less than 600 pixels wide */
	
    }
  }
  
  
  --> carousel bootstrap recup --->
  
  .carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-bottom: 100px;/*margin:1px a la base repris du bootstrap*/
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px;
}
  
  
  .carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin-bottom: 100px; /*margin:0 a la base repris du bootstrap*/
  background-color: #fff;
 
}
  
    --> carousel bootstrap fin  --->
	
	
 
  .list-group-item:first-child {
      border-top-right-radius: 0;
      border-top-left-radius: 0;
  }
  .list-group-item:last-child {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
  }
  .thumbnail {
      padding: 15px 0 0 0;

	  border: none;
      border-radius: 0;
  }
  
  
  
  
  
  .thumbnail p {
      margin-top: 15px;
      color: #214982;
	
  }
  .btn {
      padding: 10px 20px;
      background-color: #333;
      color: #f1f1f1;
      border-radius: 0;
      transition: .2s;
  }
  .btn:hover, .btn:focus {
      border: 1px solid #333;
      background-color: #fff;
      color: #000;
  }
/*  .modal-header, h4, .close {
      background-color: #333;
      color: #fff !important;
      text-align: center;
      font-size: 30px;
  }*/
  .modal-header, .modal-body {
      padding: 40px 50px;
  }
  .nav-tabs li a {
      color: #777;
  }
  #carte {
      width: 100%;
      height: 400px;
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%);
  } 
  
  
  .navbar-default .navbar-header .navbar-brand {

    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
    font-weight: 500; /*taille ndd gauche*/
	font-size:16px;
    
} /*ajout pour diminuer taille ndd gf et sm qui depasse
  */
  
  .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #00F;
    
}/*ajout */
   
  .navbar {
      font-family: Montserrat, sans-serif;
      margin-bottom: 0;
      background-color: #99cc66;
      border: 0;
      font-size: 12px !important; /*menu 1 droit barre 1*/
      letter-spacing: 1px;
      opacity: 1;
	  font-weight: 700;
  }
  .navbar li a, .navbar .navbar-brand { 
      color: #ffffff !important;
	  
  }
  

  
  .navbar-nav li a:hover {
      color: #fff !important;
	  background-color:#73b4de!important;
  }
  .navbar-nav li.active a {
      color: #00C !important;
      background-color: #73b4de !important;
  } /*couleur fond lien menu actif*/
  
  .navbar-default .navbar-toggle {
      border-color: transparent;
	  
	   
  }
  .open .dropdown-toggle {
      color: #fff;
      background-color: #555 !important;
  }
  .dropdown-menu li a {
      color: #000 !important;
  }
  .dropdown-menu li a:hover {
      background-color: red !important;
  }
  footer {
      background-color: #2d2d30;
      color: #f5f5f5;
      padding: 32px;
  }
  footer a {
      color: #f5f5f5;
  }
  footer a:hover {
      color: #777;
      text-decoration: none;
  }  
  .form-control {
      border-radius: 0;
  }
  textarea {
      resize: none;
  }


		
.text-faded{color:#666; 
  		  font-size:15px;
		}
		 
		
		
.text-gris{color:#111; 
  		  font-size:16px;
   		letter-spacing: 1px;
		}	
		
.text-bleu{color:#214982; 
  		  font-size:15px;
		}


.text-bleu2 {
    color: #214982 ;
	font-size:29px /*pour glyficon*/ 
}

.text-bla{font-size:14px;
		 text-decoration:none;
		 color:#fff;   		
		}

.text-bla2{font-size:18px;
		 text-decoration:none;
		 color:#fff;   		
		}
		
.text-or {
    color: #F63 ;
	font-size:20px /*pour glyficon*/ 
}

.text-or {
    color: #F63 ;
	font-size:11px /*pour glyficon*/ 
}

.text-rou{
  		  font-size:11px;
		  color:#F00
}
		
.text-primary {
    color: #fff ;
	font-size:29px /*pour glyficon*/ 
}
		
	
		
.no-padding {
    padding: 0;
}

.padding5 {
    padding: 5px 5px 5px 5px
}


.padding10 {
    padding: 10px 10px 10px 10px
}


.padding-top-50 {
    padding-top:50px; 
	}
.padding-top-60 {
    padding-top:60px;
	}
	
.padding-bottom-30 {
    padding-bottom:30px;
	}
	.padding-bottom-50 {
    padding-bottom:50px;
	}
	
.img-center {margin:0 auto;}




/*Rajout pdm forcement bas de page cause hidden*/
.pdm {display:none;
			visibility:hidden;"}
/*--------*/