<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body {
font-family: 'Marcellus', serif;
font-size: 2em;
padding-top: 70px;
background-color: #f9a100;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#faa300+1,ffc700+50,faa300+100 */
background: rgb(250,163,0); /* Old browsers */
background: -moz-linear-gradient(left, rgba(250,163,0,1) 1%, rgba(255,199,0,1) 50%, rgba(250,163,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(250,163,0,1) 1%,rgba(255,199,0,1) 50%,rgba(250,163,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(250,163,0,1) 1%,rgba(255,199,0,1) 50%,rgba(250,163,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faa300', endColorstr='#faa300',GradientType=1 ); /* IE6-9 */
}
.jumbotron h1 {
font-size: 3em;
}
h2 {
font-size: 2.8em;
}
h3 {
font-size: 2em;
}
footer {
margin-top: 60px;
text-align: center;
background-image: linear-gradient(to top,#337ab7 25%,#265a88 100%);
padding-top: 15px;
padding-bottom: 15px;
}
.logo {
justify-content: space-around;
}
#leetchi {
margin-top: 20vh;
}
#leetchi:hover {
border: solid #337ab7 2px;
border-radius: 10px;
}
#logoPanda {
width: auto;
max-height: 80vh;
}
.jumbotron {
/*background-image: linear-gradient(to bottom,#149e22 25%,#146622 100%);*/
border: solid 4px #149e22;
margin: 70px 10%;
padding-top: 50px;
padding-bottom: 50px;
min-height: 500px;
text-align: center;
color: #00283c;
}
#accueil {
min-height: 0;
}
.horaire-tarif {
font-size: 4em;
max-width: 180px;
background-image: linear-gradient(to bottom,lightgrey 0%,grey 100%);
}
.horaire-tarif:hover,
.horaire-tarif:hover {
background-image: linear-gradient(to bottom,white 0%,grey 100%);
}
.btn-ht {
display: flex;
justify-content: space-around;
}
.thumbnail {
background-color: lightgrey;
}
.thumbnail .btn-primary{
background-color: #192f98;
color: lightgrey;
}
.thumbnail .btn-primary:hover,
.thumbnail .btn-primary:focus{
color: white;
}
.vignette-actu {
max-height: 300px;
max-width: 300px;	
}
.photo {
margin-bottom: 30px;
}


/* Classe principale de la barre de navigation */
.navbar-default  {
/* Couleur de fond de la barre de navigation */
background-image: linear-gradient(to bottom,#337ab7 0,#265a88 100%);
border-color: #265a88;
}
/* Couleur des titres affichÃ©s dans la barre */
.navbar-default .navbar-brand {
color: #DCDCDC;
font-family: 'Patua One', cursive;
font-size: 2em;
}
/* Couleur utilisÃ©e lors du passage de la souris sur un titre de la barre */
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
color: white;
}/* Couleur utilisÃ©e pour les liens */
.navbar-default .navbar-nav &gt; li &gt; a {
color: #DCDCDC;
}
.navbar-nav {
float: right;
}
/* Couleur utilisÃ©e pour les liens lorsque la souris passe dessus */
.navbar-default .navbar-nav &gt; li &gt; a:hover,
.navbar-default .navbar-nav &gt; li &gt; a:focus {
color: white;
}
/* Couleur utilisÃ©e pour le lien actif (celui qui est affichÃ© sur la page) */
.navbar-default .navbar-nav &gt; .active &gt; a,
.navbar-default .navbar-nav &gt; .active &gt; a:hover,
.navbar-default .navbar-nav &gt; .active &gt; a:focus {
color: #00283c;
background-color: #DCDCDC;
}
/* Couleur utilisÃ©e pour un menu dÃ©pliant lorsqu'il est ouvert */
.navbar-default .navbar-nav &gt; .open &gt; a,
.navbar-default .navbar-nav &gt; .open &gt; a:hover,
.navbar-default .navbar-nav &gt; .open &gt; a:focus {
color: #00283c;
background-color: #D5D5D5;
}
/* Caret */
.navbar-default .navbar-nav &gt; .dropdown &gt; a .caret {
border-top-color: #777;
border-bottom-color: #777;
}
.navbar-default .navbar-nav &gt; .dropdown &gt; a:hover .caret,
.navbar-default .navbar-nav &gt; .dropdown &gt; a:focus .caret {
border-top-color: #333;
border-bottom-color: #333;
}
.navbar-default .navbar-nav &gt; .open &gt; a .caret,
.navbar-default .navbar-nav &gt; .open &gt; a:hover .caret,
.navbar-default .navbar-nav &gt; .open &gt; a:focus .caret {
border-top-color: #555;
border-bottom-color: #555;
}
/* Version mobile, le menu devient une icÃ´ne qui dÃ©roule une liste avec le menu en vertical */
.navbar-default .navbar-toggle {
border-color: #DDD;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #DDD;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #CCC;
}
@media (max-width: 762px) {
body {
padding-top: 80px;
}
.btn-menu {
color: #DCDCDC;
font-size: 1em;
}
.btn-menu:hover,
.btn-menu:focus {
color: #00283c;
}
.navbar-default .navbar-brand {
font-size: 1.1em;
}
.logo {
justify-content: space-around;
}
#logoPanda {
max-width: 90vw;
}
.navbar-default .navbar-nav .open .dropdown-menu &gt; li &gt; a {
color: #777;
font-size: 1.1em;
}
.navbar-default .navbar-nav .open .dropdown-menu &gt; li &gt; a:hover,
.navbar-default .navbar-nav .open .dropdown-menu &gt; li &gt; a:focus {
color: #00283c;
}
.jumbotron h1 {
font-size: 3em;
}
.jumbotron {
margin: 20px -15px;
}
h2 {
font-size: 2.4em;
}
h3 {
font-size: 1.5em;
}
#leetchi {
margin-top: 0px;
max-width: 100%;
}
#horaire,#tarif {
margin-left: -15px;
margin-right: -15px;
padding-left: -15px;
padding-right: -15px;
}
.horaire-tarif {
font-size: 2em;
}

}
</pre></body></html>