/********************************
 Parametres generaux : 
********************************/
@font-face {
  font-family: 'Nunito-Regular';
  src: url('../fonts/Nunito-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/Nunito-Regular.woff') format('woff'), url('../fonts/Nunito-Regular.ttf')  format('truetype'), url('../fonts/Nunito-Regular.svg#Nunito-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Nunito-Bold';
  src: url('../fonts/Nunito-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Nunito-Bold.woff') format('woff'), url('../fonts/Nunito-Bold.ttf')  format('truetype'), url('../fonts/Nunito-Bold.svg#Nunito-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Nunito-Black';
  src: url('../fonts/Nunito-Black.eot?#iefix') format('embedded-opentype'),  url('../fonts/Nunito-Black.woff') format('woff'), url('../fonts/Nunito-Black.ttf')  format('truetype'), url('../fonts/Nunito-Black.svg#Nunito-Black') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'Zanna Personal Use Only';
    src: url('../fonts/Zanna-PersonalUseOnly.woff2') format('woff2'),
        url('../fonts/Zanna-PersonalUseOnly.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body { font-family: 'Nunito-Regular' !important; font-weight:normal; color:#000; }
h1 { font-family: 'Zanna Personal Use Only' !important; font-size:36px; font-weight:normal; }
h1 { display: table; white-space:nowrap;  text-align: center; margin-top:60px; margin-bottom:20px; }
h1:before, h1:after { content: ""; display: table-cell; width: 50%; background: url('/images/ligne-h1.png') repeat-x left bottom 10px; }
h2 { font-family: 'Nunito-Bold' !important; font-size:24px; font-weight:normal; padding-bottom:0.7rem; }
h3 { font-family: 'Zanna Personal Use Only-Black' !important; font-size:18px; font-weight:normal; padding-bottom:0.7rem;}
h4, .h4 { font-family: 'Zanna Personal Use Only' !important; font-size:24px; font-weight:normal; text-decoration:none; }
hr { border:1px solid #81c0d1; height:0px; }

/********************************
 Liens, boutons et survol
 - couleurs
 - effets au survol
********************************/
b, strong { font-family: 'Nunito-Bold' !important; font-weight:normal; }
a { font-family: 'Nunito-Bold' !important; font-weight:normal; text-decoration:underline; color:#000; }
.btn-primary { border: 1px solid #000; border-radius:20px; color:#000; background-color:#fff; font-family: 'Zanna Personal Use Only' !important; font-size:15px; padding: 7px 18px 7px 18px; text-decoration:none; }
.btn-primary:hover, .btn-primary:focus { background-color:#81c0d1; color:#000; border: 1px solid #81c0d1; }
a:hover { color:#000; text-decoration:none; }
a.h4:hover, a.active.h4 { font-family: 'Zanna Personal Use Only-Black' !important; }
a, button, .btn { -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; }
hover, button:hover, .btn:hover { -webkit-transition: all .1s ease-in; -moz-transition: all .1s ease-in; -o-transition: all .1s ease-in; transition: all .1s ease-in; }
.dropdown:hover .dropdown-menu { display:block; }
.back-to-top { cursor: pointer; position: fixed; bottom: 50px; right: 20px; display: none; padding:4px; }
.breadcrumb { display:none; }
.breadcrumb li+li:before { content:" > "; margin-left:8px; }

/********************************
 Menu, logo
********************************/
.navbar { background-color:#dcf1f5; padding-top:25px; padding-bottom:10px; }
.navbar-toggler { border: none; }
a.navbar-brand img { display:inline-block; vertical-align:top;}
a.navbar-brand .auteur { display:inline-block; line-height: 100%; margin-top:10px; margin-left:10px; font-family: 'Zanna Personal Use Only' !important; font-size:150%; font-weight:normal; text-decoration:none; }
a.navbar-brand .auteur b { font-family: 'Zanna Personal Use Only-Black' !important; font-size:22.5px; font-weight:normal; }
a.nav-link, .dropdown-menu a.dropdown-item, .langues a { text-decoration:none; font-family: 'Nunito-Bold' !important; font-weight:normal; font-size:15px; text-transform:uppercase; }
li a.nav-link:hover, li.active a.nav-link, .dropdown-menu a.dropdown-item:hover, .dropdown-menu a.dropdown-item.active, .dropdown-menu a.dropdown-item.active:hover, .langues a:hover, .langues a.active { text-decoration:none; font-family: 'Nunito-Black' !important; font-weight:normal; background-color:transparent; }
.navbar-collapse { margin-top:25px; }
.navbar-collapse ul { border-top:1px solid #000; }
.dropdown-menu { border:none; margin:0; padding:0; background-color:#dcf1f5; }
.dropdown-menu a.dropdown-item { padding:0 20px 0 8px; color:#000; text-transform:none; }
.langues { display:none; padding-top:7px; font-size:16px; }
.langues a+a:before { content:"|"; }
.dropdown-toggle::after { display:none; }
.reseaux-sociaux-home  { z-index:20000; position:fixed; margin-left:950px; top:38px;}
.reseaux-sociaux-home a img { width:20px; }

/********************************
 Carousel, 
 - calage haut pour le menu fixe
 - réglages pour les images 100%
 - réglages pour les légendes
********************************/
.carousel { margin-bottom: 0; }
.calage-menu-haut-fixe { padding-top: 134px; }
.carousel-caption { bottom: 3rem; z-index: 10; background-color: rgba(178, 151, 80, 0.5); }
.carousel-item { height: 400px; }
.carousel-item > img { position: absolute; top: 0; left: 0; width: auto!important; height:100%; z-index:10000; }
.carousel-item > .filtre { position: absolute; top: 0; left: 0; width: 100%; height:100%; z-index:10001; background-color:#000; mix-blend-mode: screen; }

/*******************************
 Gestion des images
*******************************/
.container p img, td img { max-width:100%; height:auto!important; filter: greyscale(100%); }
.container .bloc-galerie { display:flex; flex-direction: row; flex-wrap: wrap; }
.container .bloc-galerie img { box-shadow: 3px 3px 5px #aaa, -0.02rem -0.02rem 1px #aaa; width:225px; margin:20px 20px 0 0; padding:5px; height:auto!important; filter: brightness(1); }
.container .bloc-galerie img:hover { box-shadow: 3px 3px 5px #333, -0.02rem -0.02rem 1px #333; filter: brightness(1.25); }

/*******************************
 actualites
*******************************/
.container .bloc-actualite { float:left; display:block; width:50%; }
.container .bloc-actualite a { box-shadow: 3px 3px 5px #aaa, -0.02rem -0.02rem 1px #aaa; margin:20px 20px 0 0; padding:20px 20px 0px 20px; filter: brightness(1); }
.container .bloc-actualite a.date-passee-actualite { background-color:#ddd; }
.container .bloc-actualite a:hover { box-shadow: 3px 3px 5px #333, -0.02rem -0.02rem 1px #333; filter: brightness(1.25); text-decoration:none; }
.date-actualite { background-color:#333; color:#fff; font-size:1rem; width:100px; padding:0 5px 2px 5px;  }
.tags-actualite { color:#333; font-size:0.7rem;  }
.date-annulee { background-color:#ff0000; color:#fff; font-size:1rem; padding:0 5px 2px 5px; margin-left:10px; }

/*******************************
 concerts
*******************************/
.bloc-concert { width:100%; }
.bloc-concert hr { float:left!important ; width:100%; }
.date-concert { float:left; width:20%; font-family: 'Nunito-Bold' !important; font-weight:normal; }
.detail-concert { float:left; width:80%; }
.detail-concert>h2 { padding-bottom:0;}
.tags-concerts { font-family: 'Nunito-Bold' !important; font-weight:normal; }
.date-annulee-concerts { text-transform:uppercase; font-family: 'Nunito-Bold' !important; font-weight:normal;}

/*******************************
 gestion des blocs
*******************************/
table { width:100%!important; display:block; border-spacing : 0; border:1px solid #ccc; margin-top:10px; }
main table { border:none; margin-top:0; }
table td { padding-left:15px; padding-right:15px; border:1px solid #ccc; vertical-align:top;}
main table td { float:left; border:none; }
main table td:first-child { padding-left:15px; margin-left:-15px; }
main table td:last-child { padding-right:15px; }
.blocPagesN3 { border:1px solid #81c0d1; padding:20px; }
.blocPagesN3 a { font-size:24px; }
.input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control {color:#000; border:1px solid #81c0d1; }

/*******************************
 bloc reseaux sociaux
*******************************/
.reseauxSociaux { width:100%; background-color:#000; text-align:center; padding-top:30px; padding-bottom:30px; }
.reseauxSociaux a { color:#fff; font-family: 'Zanna Personal Use Only' !important; font-weight:normal; font-size:18px; text-decoration:none; }
.reseauxSociaux a:hover { color:#fff; font-family: 'Zanna Personal Use Only-Black' !important; font-weight:normal; font-size:18px; text-decoration:none; }
footer { background-color:rgba(157, 207, 222, 0.3); padding-top:30px; padding-bottom:30px; font-size:12px; }

/********************************
RESPONSIVE CSS - MEDIA QUERIES
********************************/

@media (min-width: 1200px) {
	.container { max-width:1080px; }
}
@media (max-width: 1200px) {
	.reseaux-sociaux-home  { z-index:20000; position:fixed; margin-left:830px; top:38px;}
}

@media (max-width: 992px) {
	.carousel-item { height: 20rem; }
	.reseaux-sociaux-home  { z-index:20000; position:fixed; margin-right:0px; top:38px;}
}

@media (max-width: 768px) {
	main table { margin:0; border:0; }
	main table td { width:100%!important; display:block; padding:0; border:0; }
	main table td:first-child { padding-left:0px; margin-left:0px; }
	main table td:last-child { padding-right:0px; }
	.back-to-top { display:none!important; }
	footer p { text-align:center!important; }
	.qc-cmp-persistent-link { display:none!important; }
}

@media (max-width: 480px) {
	.carousel-item { height: 16rem; }
}