@font-face {
  font-family: 'BarlowSemiCondensed-Medium';
  src: url('../fonts/BarlowSemiCondensed-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/BarlowSemiCondensed-Medium.woff') format('woff'), url('../fonts/BarlowSemiCondensed-Medium.ttf')  format('truetype'), url('../fonts/BarlowSemiCondensed-Medium.svg#BarlowSemiCondensed-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'BarlowSemiCondensed-Bold';
  src: url('../fonts/BarlowSemiCondensed-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/BarlowSemiCondensed-Bold.woff') format('woff'), url('../fonts/BarlowSemiCondensed-Bold.ttf')  format('truetype'), url('../fonts/BarlowSemiCondensed-Bold.svg#BarlowSemiCondensed-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

html,body {
    width: 100%;
    height: 100%;
	font-family: 'BarlowSemiCondensed-Medium', sans-serif;
	font-weight:normal;
	background-color:#fff;
	color:#000;
}
strong, b, h1, h2, h3, h4, a { font-family: 'BarlowSemiCondensed-Bold', sans-serif; font-weight: normal; }
h1, h2, h3, h4, h5, h6 { padding-left:0px; padding-right:0px; text-transform:uppercase; }
h2, h4 { color:#000; }
h1, .jumbotron h1 { font-size:180%; text-align:center; margin-top:20px; margin-bottom:50px; }
h2, .jumbotron h2 { font-size:180%; margin:0; margin-bottom:15px; }
h3, .jumbotron h3 { font-size:140%; margin:0; }
h4, .jumbotron h4 { font-size:100%; }
a { border-bottom:1px solid; color:#000; }
a:hover { color:#000; text-decoration:none;}
a:hover img { -webkit-transition: all .35s; -moz-transition: all .35s; transition: all .35s; opacity:0.8; }

.langues { background-color:#000; color:#fff; margin:0; padding:0; padding-top:5px; padding-bottom:5px; }
.langues ul, .langues ul li { padding:0; margin:0; display:inline; list-style:none; float:right; font-size:100%; }
.langues ul li:before { content:"|"; }
.langues ul li:last-child:before { content:" "; }
.langues ul li a { color:#fff; padding-left:8px; padding-right:8px; font-family: 'BarlowSemiCondensed-Medium', sans-serif; font-weight:normal; border:none; }
.langues ul li a img { height:20px; }
.langues ul li a img.taille18 { height:18px; }

a.navbar-brand, li a { border:none; }
.navbar-brand img { height:60px; }
.navbar-nav { float:left; }
.navbar-default { margin:0; padding:0; border:none; background-color:#eee; height: 125px; }
.navbar-default .nav > li { text-transform:uppercase; padding-left:16px; }
.navbar-default .nav > li:before { content: none; }
.navbar-default .nav > li>a, .navbar-default .nav>li>a:focus { font-size: 110%; 	color:#000; font-family: 'BarlowSemiCondensed-Medium', sans-serif; font-weight:normal; padding:0; padding-left:10px; padding-bottom:10px; }
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border:none; margin-top:45px; background-color:#eee;}
.navbar-default .nav > li>a:hover, .navbar-default .nav>li>a:focus:hover { color: #000; }
.navbar-default .nav > li.active>a, .navbar-default .nav>li.active>a:focus { color: #000!important; }
.navbar-default .nav > li.active>a:hover, .navbar-default .nav>li.active>a:focus:hover { background-color: transparent; }
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover { color:#000; background-color:#fff; }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { background-color: #eee;}
.dropdown-menu>.active>a { background-color: #fff!important; color:#000; }
.dropdown-menu>li>a { font-family: 'BarlowSemiCondensed-Medium', sans-serif; font-weight:normal; color:#000; }
.dropdown-menu>li>a:hover { background-color: #fff; color:#000; }
.navbar-default .navbar-nav .open .dropdown-menu>li>a { color:#000; }
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover { color:#000; }

.calage { margin:0; margin-top:120px; padding-left:0; padding-right:0; }
.cadre { margin-bottom: 30px; }
.bandeau {background-color:none; }
table tr td, table tr th { padding:5px 10px; }
table tr th { background-color:#a5c9e9; }
.containercarousel { padding: 0; margin: 0; top: 0; }
.carousel-bandeau { display:none; }
.carousel { overflow:hidden; max-height:550px; }
.carousel img { height: inherit !important; width: 100% !important; max-height: 100% !important; }
.carousel-caption { left:15%; right: 15%; bottom:30%; padding:10px; background-color:rgba(255,255,255,0.7); }
.carousel-caption h2 { text-transform: uppercase; color:#000; font-size:120%; text-shadow:none; font-family: 'BarlowSemiCondensed-Medium', sans-serif; font-weight:normal;}
.carousel-caption h2 strong { font-size:110%; font-family: 'BarlowSemiCondensed-Bold', sans-serif; font-weight: normal; }

p img { max-width:100%; height:auto!important; }
.contenu-page { background-color:#fff; padding-top:20px; }
.cadre img { width:100%!important; height:auto!important; }
.cadre .bandeau { display:block; background-color:#208ca6; color:#fff; padding:5px; text-transform: uppercase; }
.cadre a, a.bouton { padding:5px; border:none; background-color:#000; color:#fff; font-family: 'BarlowSemiCondensed-Medium', sans-serif; font-weight:normal; }
.cadre a:hover, a.bouton:hover { padding:5px; border:none; background-color:#000; color:#fff; }
.jumbotron p { font-weight:normal; font-size:100%; margin-bottom:10px; }
.contenu-page p a img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); }
.contenu-page p a:hover img { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); -ms-filter: grayscale(0%); filter: grayscale(0%); opacity:1; }
.footer { background-color:#000; color:#fff; padding:20px; }
.footer a { color:#fff; border:none; font-family: 'BarlowSemiCondensed-Medium', sans-serif; font-weight:normal; }
.footer a:hover { color:#a5c9e9; }
.footer a img { display:inline; width:18px; margin-right:5px;}
#tarteaucitronAlertBig #tarteaucitronPersonalize { background-color: #000!important; }

@media(min-width:768px) {
	.navbar-brand img { height:80px; }
	.navbar-nav { margin-top:10px; float:right; }
	.navbar-default .nav > li { text-transform:uppercase; margin-left:0px; padding:0; font-size:90%;}
	.cadre { margin-bottom: 0px; }
	.carousel-caption { left:25%; right: 25%; bottom:30%; padding:20px; background-color:rgba(255,255,255,0.7); }
	.carousel-caption h2 { text-transform: uppercase; color:#000; font-size:140%; text-shadow:none; font-family: 'BarlowSemiCondensed-Medium', sans-serif; font-weight:normal;}
	.carousel-caption h2 strong { font-size:110%; font-family: 'BarlowSemiCondensed-Bold', sans-serif; font-weight: normal; }
	h1 { display: table; white-space:nowrap;  text-align: center; }
	h1:before, h1:after { content: ""; display: table-cell; width: 50%; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=) repeat-x left center; }
	h1, .jumbotron h1 { font-size:250%; text-align:center; margin-top:20px; margin-bottom:50px; }
}

@media(min-width:992px) {
	.navbar-default .nav > li { text-transform:uppercase; margin-left:20px; font-size:100%; }
	.carousel-caption h2 { text-transform: uppercase; color:#000; font-size:180%; text-shadow:none; font-family: 'BarlowSemiCondensed-Medium', sans-serif; font-weight:normal;}
	.carousel-caption h2 strong { font-size:110%; font-family: 'BarlowSemiCondensed-Bold', sans-serif; font-weight: normal; }
}

@media(min-width:1200px) {
	.navbar-default .nav > li { text-transform:uppercase; margin-left:50px; }
	.carousel-caption { left:30%; right: 30%; bottom:35%; padding:50px; }
}