/*
Programme       : index_style.css
Date de création: 26/06/2017 par VF
Description     : CSS du Site Cuma terr'eau
Dernière modif  : 04/08/2021 (TD)
*/

/*///////////////////////////////// GENERAL MODIF ///////////////////////////////////////*/
body {font-family: 'Montserrat', sans-serif; padding-top: 70px}
h1 {color: #42B70A !important;}
h2 {color: #0075bd !important; font-weight: bold !important; font-size: 1.5em !important; margin-top: 1em; margin-bottom: 0;}
p {padding-top: 15px; font-size: 1.5em;}
li {list-style-type: none; font-size: 1.4em;}
ul.avecpuce li {list-style-type: square;}
body:not(.mini-navbar) {background-color: #FFF;}
#page-wrapper{ min-height: 1000px;}

/*///////////////////////////// MENTIONS LEGALES/////////////////////////////////////////*/
#mentions-legales {margin: 0; font-size: 1em;  color:#FFF !important;}

/*//////////////////////////////// NAVIGATION BAR////////////////////////////////////////*/
.top-navigation .navbar-brand {background-color: transparent;} /* pour corriger un fond vers dans style.css */
.top-navigation .nav > li a:hover, .top-navigation .nav > li a:focus {color: #42B70A;}
.top-navigation .navbar {background-color: #B1DBE2; border-bottom: 2px solid #FFF; height: 100px; position:fixed; width: 100%; top: 0;}
.top-navigation .nav > li > a {color: #FFF; transition: all 0.5s cubic-bezier(.23,1,.32,1);}
.top-navigation .nav > li > a.btn {color: #5a5a5a;}
.top-navigation .nav div.dropdown > a {color: #FFF;}
.top-navigation .nav div.dropdown > a:hover {color: #42B70A;}
.top-navigation .nav > li > a:hover {color: #42B70A;}
a.btn {background-color: #f7f7f7; color: #5a5a5a }
.margin-nav {margin: 2em 2em auto auto;}

/*////////////////////////////// DROP DOWN CSS ///////////////////////////////////////////*/
.top-navigation .navbar-nav .dropdown-menu {background-color: #f7f7f7; border: 0;}
.top-navigation .navbar-nav .open .dropdown-menu > li {font-size: 1em;}
.top-navigation .navbar-nav .open .dropdown-menu > li > a, .top-navigation .navbar-nav .open .dropdown-menu .dropdown-header { color: #42B70A;}
.top-navigation .navbar-nav .open .dropdown-menu > li > a:hover, .top-navigation .navbar-nav .open .dropdown-menu .dropdown-header { color: #F07D00;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {color: #FFF}
.bouton_reserver {margin-left: 3em;}

/*////////////////// BARRE VERTE SOUS LES TITRES ET DESSUS LES CREDITS ///////////////////*/
.barre-verte {width: 65px; background-color: #42B70A; height: 3px; margin-bottom: 1em;}
.barre-verte-footer {width: 300px; background-color: #42B70A; height: 3px;}

/*//////////////////////////BOUTON EN SAVOIR +//////////////////////////////////////////*/
.btn-w-m.btn-default1{border-radius: 0 !important; height: 45px; background-color: #42B70A; color: #FFF; margin-left: 4px; margin-top: 25px;}
.btn-w-m.btn-default1:hover, .btn-w-m.btn-default1:active,  .btn-w-m.btn-default1:focus{border-radius: 0 !important; background-color: #42B70A !important; color: #FFF !important; height: 45px;}


/*//////////////////////////////////////////////////////////////////////////////////////*/
.navbar-toggle .icon-bar{background-color: #42B70A;}
.navbar-toggle{margin-top: 35px !important;}
.slideshow p {font-size: 16px;}
/*/////////////////////////////////MENU FOOTER//////////////////////////////////////////*/
.menu-bas {padding-left: 0; color: #FFF;}
.menu-bas a  {transition: margin-left 0.5s ease;}
.menu-bas a:hover {margin-left: 5px;}
.menu-li {padding-top: 5px; color: #FFF;}
.menu-a, .menu-a:hover, .menu-a:focus, .menu-a:active {text-decoration: none; color: #FFF;}
.bas {color: #FFF;}
a > i.fa-facebook-square{color: #FFF;}

/*///////////////////////////////////CHEVRON DE COULEUR VERT////////////////////////////*/
.fa-chevron-right {color: #42B70A; }
.fa-calendar {color: #42B70A; margin-right: 1em;}

/*////////////////////////////////////////IMAGE/////////////////////////////////////////*/
.lightBoxGallery img {height: 150px; width: auto;}
.image-bandeau {margin-bottom:14px;width: auto;}

/*////////////////////////////////////////TABLE/////////////////////////////////////////*/
.prestation-td {font-size: 2em; text-align: center;}
table {width: 100%;}
table, tr, td {border: 1px solid #FFF; border-collapse: collapse; background-color: #0075bd; height: 210px !important;}
tr, td {color: #FFF; height: 15px !important; padding-left: 10px !important;}
table a {color: #FFF !important; text-decoration: none !important;}
tr {cursor: pointer !important;}
table td:hover {background-color: #B1DBE2 !important;}
.td-hover {background-color: #B1DBE2 !important;}

/*////////////////////////////////INDICATEUR DE PAGE////////////////////////////////////*/
.breadcrumb {background-color: #FFF !important; width: 46%; border-radius: 0px !important; padding: 8px 15px; margin-left: -17px; margin-top: 5px}

/*///////////////////////////////////FOOTER///////////////////////////////////////*/
footer {margin-top: 3em; background-color: #B1DBE2; padding-top: 5px;}
.backcolor {background-color: #B1DBE2;}
p > a.mentions-legales{color:#FFF !important;}

/*////////////////////////////////BLOC ACTUALITES///////////////////////////////////////*/
#bloc_actualites {width: 85%; height: 50px; padding: 5px; margin-left: 60px;}
.slideshow {height: 85px; overflow: hidden;padding-left: 10px; margin-left: 5%; margin-top: -55px; color: #FFF; background-color: #B1DBE2; border: solid #FFF 5px;}
.slideshow ul {/* 4 images donc 4 x 100% */width: 400%; height: 10px; padding: 0; margin: 0; list-style: none;}
.slideshow li { float: left; height: 80px; width: 100%; list-style: none; margin: 0; font-size: 1.2em;}
.slideshow h2 {margin: 0 10px 0 0; padding: 0; color: #FFF !important; font-weight: bold;}
.slideshow p {margin: 0; color: #FFF !important;}

/*//////////////////////////BARRE DE CHARGEMENT HAUT DU SITE////////////////////////////*/
.pace .pace-progress {background: #42B70A !important;}

/*////////////////////////////////////INDICATION////////////////////////////////////////*/
.indication  {font-style: italic; font-weight: normal; font-size: 0.9em; color: black;}

.top-navigation .navbar-brand, div#myNavbar {
    background-color: #B1DBE2;
}

.lien_presentation{
	font-size: 15px;
}

/*/////////////////////////////////MEDIA QUERY//////////////////////////////////////////*/
@media (max-width: 992px) {
	.breadcrumb {display: none;}
	.carousel .item {height: 30vh !important; background-color: #FFF !important;}
	.carousel {height: 30vh !important;}
}
@media (min-width:993px) and (max-width: 1360px) {
	.carousel .item {height: auto !important; background-color: #FFF !important;}
	.carousel {height: auto !important;}
}
@media (max-width: 1300px) {#bloc_actualites {display: none;}
}
@media (max-width: 720px) {.breadcrumb {display: none;}
}

@media (max-width: 1273px) 
{
	.margin-nav {margin-top: 10px;}
	.logo-cuma {height: 60px;}
}

@media (max-width: 767px) 
{
	.margin-nav {float:left !important;}
	.bouton_reserver {margin-left:0; margin-bottom: 10px;}
}

@media (max-width: 983px) 
{
	.navbar-collapse {font-size:11px;}
}

@media (max-width: 983px) 
{
	.bouton_reserver {margin-left:0;}
}

@media (min-width:993px) and (max-width: 1214px) {
	#hautpage {margin-top: 20px;}
}

/*////////////////////////////////////////MENU GAUCHE//////////////////////////////////////////////*/
ul.menu-gauche {
	list-style-type: none;
	width: 97%;
	background-color: #FFF;
	height: 100%;
	margin-top: 16px;
}

li.menu-gauche a {
	display: block;
	color: #5a5a5a;
	padding: 20px 16px;
	text-decoration: none;
	transition: all 0.5s cubic-bezier(.23,1,.32,1);
}

li.menu-gauche h3 {
	background-color: #B1DBE2;
	color: #FFF;
	height: 2em;
	line-height: 2em;
	margin: 0;
	padding-left: 1em;
}

li.menu-gauche a:hover:not(.active) {
	background-color: #F07D00;
	color: #FFF;
}