@font-face {
    font-family: 'bosthon_brushregular';
    src: url('polices/bosthonbrush-webfont.woff2') format('woff2'),
         url('polices/bosthonbrush-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html,
body{
    background-color: darkgrey;
	font-family: "Arial Black", Arial, Verdana, sans-serif;
    height: 100%;
}

.modal-content{
	background: rgba(255, 255, 255, 1);	
}

header{
	background: linear-gradient(to bottom right,black, white);
}
img{
    width: 100%;
}

#entete{
    color:white;
}

.page-header {
	padding-bottom: 9px;
	margin: 0;
	border-bottom: 1px solid #eee;
}

h2.page-header{
    padding-bottom: 9px;
    margin: 20px;
    border-bottom: 3px outset #eee;
}

#banniere{
    background: linear-gradient(to bottom right,#226c89, white);
    padding-top: 20px;
    padding-bottom: 20px;
}

li{
    font-weight: bold;
}
header h2{
    font-family: 'bosthon_brushregular';
	font-size: 40px;
	
}

h1,#banniere h2{
    font-family: 'bosthon_brushregular';	
}
section{
	background-color: white;
}


/*Menu*/
.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 0;
    border: 1px solid transparent;
}

/*Carousel*/
.tales {
  width: 100%;
}
.carousel-inner{
  width:100%;
  max-height: 550px !important;
}


/* Styles pour les écrans moyens et grands */
@media (min-width : 992px){
    h1{
        font-size: 4em ;
    }
}

/*Footer*/
footer{
    padding: 20px 0 20px 0;
	background: linear-gradient(to bottom right,black, white);
    background-color: black;
    color:white;
}

 /* Style all font awesome icons */
.fa {
  padding: 20px;
  font-size: 20px;
  width: 60px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 50%;
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-facebook:hover {
  background: #3B5998;
  color: black;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}

.fa-twitter:hover {
  background: #55ACEE;
  color: black;
}

.fa-google {
  background: #dd4b39;
  color: white;
}

.fa-google:hover {
  background: #dd4b39;
  color: black;
}


.fa-linkedin {
  background: #007bb5;
  color: white;
}

.fa-linkedin:hover {
  background: #007bb5;
  color: black;
}

.fa-instagram {
  background: #125688;
  color: white;
}

.fa-instagram:hover {
  background: #125688;
  color: black;
}


/* une image au survole*/
.zoom {
  padding: 10px;
  transition: transform .2s; /* Animation */
  margin: 0 auto;
}

.zoom:hover {
  transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

/*slider des partenaires*/
#slideshow , #slideshow1 {
  margin: 20px auto;
  position: relative;
  width: 240px;
  height: 300px;
  padding: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}

#slideshow > div , #slideshow1 > div {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
}