/**** GLOBAL ****/
body { padding-top: 90px; padding-bottom: 0; }
body>img, body .imageheader img { margin-left: auto; margin-right: auto; }
h1 { margin-top: 60px; margin-bottom: 20px; }
a { color: #5f5131; }
label { font-weight: 400; }

.btn-primary { background-color: #4ea785; border-color: #5b9b82; }
.btn-primary:hover { background-color: #5b9b82; border-color: #4ea785; }
.btn-primary:focus { background-color: #5b9b82; border-color: #4ea785; }
.btn-success { background-color: #bbbb18; border-color: #a2a210; }
.btn-success:hover { background-color: #a2a210; border-color: #bbbb18; }
.btn-danger { background-color: #8d3951; border-color: #7f2941; }
.btn-danger:hover { background-color: #7f2941; border-color: #8d3951; }
.btn-danger a, .btn-danger small { color: #FFF; text-decoration: none; }

/**** LIST GROUPE ITEM ****/
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { background-color: #dfdcd6; border-color: #dfdcd6; color: #5f5131; }
.list-group-item .glyphicon { margin-right: 10px; }
a.list-group-item.active>.badge { color: #5f5131; }


/**** MENU ****/
@media (max-width: 767px) {
	.navbar-inverse .navbar-toggle:hover,
	.navbar-inverse .navbar-toggle:focus {
		background-color: #53a3ab/*bbbb18*/;
		border-color: #FFF;
	}
	.navbar-inverse .navbar-toggle .icon-bar { background-color: #000; }
	.navbar-inverse .navbar-toggle:hover .icon-bar,
	.navbar-inverse .navbar-toggle:focus .icon-bar {
		background-color: #FFF;
	}

}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #5e3b49; }
.navbar-inverse{ border-color: #bbbb18; background: #FFF url(../img/menu/background.png) bottom repeat-x; }
.navbar-brand{ height: 80px; }
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {background-color: #FFF; color: #bbbb18; }
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {border: none;}

.navbar-nav>li.active>a{ color: #000 !important; background-color: inherit !important; }

.yamm-content .thumbnail { border: 0; margin-bottom: 10px; }
.yamm-content .thumbnail img { margin: 0; }
.yamm-content h4 { margin-left: 20px; }
.yamm-content a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
}
.yamm-content a:hover {
	color: #262626;
	text-decoration: none;
	background-color: #f5f5f5;
}
.yamm .glyphicon { color: #fca604; }
.menu-mobile { background-color: #53a3ab/*bbbb18*/; }
.menu-mobile a { color: #FFF !important; }
.menu-mobile.active a { font-weight: 900; }

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { background-color: #5e3b49; }

/**** Menu End ****/

@media screen and (max-width: 1199px) {
	body { padding-top: 80px; }
	h1 { margin-top: 20px; }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	body { padding-top: 110px; }
	/*.navbar-brand>img { width: 150px; }*/
	div.imageheader>div.panneauVille>div.nomVille>div>h1 { font-size: 1.6em; }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
/*.navbar-brand { display: none; }*/
/*body>div.container>div.navbar { height: 80px; }*/
}
/*
@media screen and (min-width: 310px) and (max-width: 347px) {
	.navbar-brand >img { width: 180px; margin-top: -17px !important; }
}

@media (max-width: 309px) {
	.navbar-brand >img { width: 150px; }
}
*/

@media screen and (min-width: 768px) {
	.affiche { padding-right: 60px; }
	h3.iconwhite { color: white; margin-top: 50px; }
	span.iconwhite { color: white; margin-top: 30px; font-size: 60px; }

	/*.navbar-nav>li.active>a{ border-bottom: 3px solid #bbbb18; }*/
	.navbar-nav>li>a:hover, .navbar-nav>li>a:focus { border-bottom: 3px solid #bbbb18 !important; }

	.marginbottom-menu { margin-bottom: 20px; }
	div.marginbottom-menu { text-align: center; }
	.marginbottom-menu img {margin: 0 auto; }
}


.iconwhite span { font-size: 1.5em; margin-right: 20px; }


.marginleft10 { margin-left: 10px !important; }
.marginleft20 { margin-left: 20px !important; }
.margintop0 { margin-top: 0 !important; }
.margintop10 { margin-top: 10px !important; }
.margintop20 { margin-top: 20px !important; }
.margintop30 { margin-top: 30px !important; }
.margintop40 { margin-top: 40px !important; }
.marginright5 { margin-right: 5px !important; }
.marginright10 { margin-right: 10px !important; }
.marginright20 { margin-right: 20px !important; }
.marginbottom0 { margin-bottom: 0px !important; }
.marginbottom10 { margin-bottom: 10px !important; }
.marginbottom20 { margin-bottom: 20px !important; }
.marginbottom30 { margin-bottom: 30px !important; }
.marginbottom40 { margin-bottom: 40px !important; }
.paddingtop20 { padding-top: 20px !important; }
.paddingtop40 { padding-top: 40px !important; }
.paddingbottom20 { padding-bottom: 20px !important; }
.paddingleft10 { padding-left: 10px !important; }


/**** Homepage ****/
.affiche>h2 { color: #4ea785; font-size: 1.9em; }

.actu-une-mois { font-weight: 900; color: #4ea785; }
.actu-une-jour { font-weight: 900; color: #4ea785; font-size: 2em; line-height: 80%; }
.actu-une-hr { margin: 5px 0; }
.actu-une-titre, .actu-une-titre a { color: #4ea785; }


/**** Pagegreen ****/
.page-green { background-color: #52a3aa; /*#bbbb18*/ }
.page-green h1, .page-green h1>small { color: #FFF; }
.page-green h2, .page-green h3 { color: #FFF; margin-bottom: 15px; }
.page-green h2 small, .page-green h3  small { color: #FFF; }
.page-green a, .page-green a:hover { color: #FFF; text-decoration: none; }
.page-green a.btn-default {color: #333; }
.page-green img { margin-bottom: 0; }


/**** Pagediagonal ****/
.page-diagonal { background-image: url('../img/background.png'); }


div.commandes {
    background-color: rgba(187, 187, 24, 0.8);
    height: 300px;
    right: 10px;
    overflow: hidden;
    position: absolute;
    top: 100px;
    width: 320px;
    z-index: 1000;
	text-align: center;
}

div.commandes h1 {color: #FFF; }


/**** Image Homepage ****/
div.imageheader { position: relative;}
div.imageheader>img { margin-left: auto; margin-right: auto; }
div.imageheader>a>div { display: block; background-color: #bbbb18; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; padding: 13px; position: absolute; bottom: 50px; right: 50px; }
div.imageheader>a>div>h1 { color: #FFF; font-size: 1.4em; margin: 0; }
div.imageheader>a>div>h1>span { margin-right: 10px; }
div.imageheader>div.panneauVille { position: absolute; bottom: 50px; right: 50px; }
div.imageheader>div.panneauVille>div.nomRoute { background-color: #f6b118; border: solid 2px lightgrey; width: 100px; margin: 0 auto 2px auto; }
div.imageheader>div.panneauVille>div.nomRoute>h3 { margin: 0; padding: 0; text-align: center; font-weight: 900; }
div.imageheader>div.panneauVille>div.nomVille { background-color: #FFF; border: solid 2px lightgrey; padding: 3px; -webkit-border-radius: 5px; border-radius: 5px; }
div.imageheader>div.panneauVille>div.nomVille>div { border: solid 7px #fe0000; padding: 10px 20px; -webkit-border-radius: 5px; border-radius: 5px; }
div.imageheader>div.panneauVille>div.nomVille>div>h1 { margin: 0; pading: 0; text-transform: uppercase; font-weight: 900; }

/**** Fil arianne ****/
.breadcrumb { background-color: #FFF; margin-bottom: 0; padding-left: 0; }
.breadcrumb li a { color: #4ea785; }
.breadcrumb li.active a { color: #bbbb18; }


/**** Image / Youtube ****/
img, .embed-responsive { margin-bottom: 20px; }


/**** P L�gende ****/
p.legende { border-left: 4px solid #bbbb18; padding-left: 20px; margin-bottom: 20px; }
div.legende { border-left: 1px solid #bbbb18; margin-top: 20px; }
.green { color: #bbbb18; }


/**** Portraits ****/
div.portrait { background-color: #55bb94; padding: 20px; }
div.portrait h2 { color: #FFF; font-size: 1.9em; margin-top: 0; }
@media (min-width: 992px) { div.portrait h2 { text-align: center; } }
div.portrait p { font-style: italic; color: #FFF; }


/**** Annuaire ****/
div.annuaire-thumb-img { height: 150px; width: 100%; overflow: hidden; background-color: #dfdcd6; }
@media (max-width: 767px) { div.annuaire-thumb-img { height: 220px; } }

div.annuaire-thumb-txt { height: 180px; width: 100%; overflow: hidden; /*background-color: #dfdcd6*/ border: 1px solid #4ea785/*dfdcd6*/; padding: 10px; }
div.annuaire-thumb-txt hr { background-color: #FFF; margin-top: 0; margin-bottom: 10px; }
div.annuaire-thumb-txt h2 { font-size: 1em; font-weight: 900; margin-top: 0; margin-bottom: 10px; }
div.annuaire-thumb-btn { height: 40px; width: 100%; overflow: hidden; background-color: #4ea785/*dfdcd6*/; padding: 10px; margin-bottom: 40px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; text-align: right; }
div.annuaire-thumb-btn a {color: #FFF; }
p.annuaire-ville { color: #5f5131; font-size:0.9em; margin-bottom: 0; }
div.annuaire-search h4 { margin-top: 20px; }
@media (min-width: 992px) {
	.height330 { height: 330px; }
	.overflowauto { overflow: auto; }
	.overflowhidden { overflow: hidden; }
}
.picto { width: 30px; height: 30px; margin-bottom: 10px }
.loading-map { background: url('../img/icons/map/background.jpg') top center no-repeat; }
.glyphicon-star { color: #fca604; }
.navigation>a { font-size: 1.6em; margin-left: 15px; }
.navigation>span { margin-left: 15px; }
.maxHeight { max-height: 340px; overflow: hidden; }
.thumbHeight { max-height: 150px; overflow: hidden; margin-bottom: 20px; }
@media screen and (max-width: 347px) { .thumbHeight { max-height: 60px; overflow: hidden; margin-bottom: 20px; } }
@media screen and (min-width: 348px) and (max-width: 991px) { .thumbHeight { max-height: 100px; overflow: hidden; margin-bottom: 20px; } }
@media screen and (min-width: 992px) and (max-width: 1199px) { .thumbHeight { max-height: 90px; overflow: hidden; margin-bottom: 20px; } }
@media screen and (min-width: 1200px) { .thumbHeight { max-height: 150px; overflow: hidden; margin-bottom: 20px; } }
div.pageRayee { background-image: url('../img/background.png'); }
.highlight { 
	padding: 4px 14px;
	margin-bottom: 14px;
	background-color: #7bc4ae;
	border: 1px solid #48ad8f;
	border-radius: 4px;
}
.tirets {
	font-size: 10px;
	color: #52a3aa;
	margin-right: 5px;
}

/**** AGENDA ****/
.marche-list { height: 100px; overflow: hidden; }


/**** PREPARER MON SEJOUR ****/
a.lien-landingpage:hover { text-decoration: none; }
.lien-landingpage-ligne1 { font-weight: 900; color: #4ea785; font-size: 0.8em; line-height: 0.3em; }
.lien-landingpage-ligne2 { font-weight: 900; color: #4ea785; font-size: 1em; line-height: 0.1em;}
.lien-landingpage-green { margin-top: 5px; font-weight: 900; color: #FFF; font-size: 1.1em; line-height: 1em; }
h4.legendeImage { padding: 10px; background-color: #BBBB18; color: #FFF; }
@media (min-width: 768px) { h4.legendeImage { position: absolute; left: 5px; bottom: 20px; } }

/**** Blog ****/
div.blog-thumb-img { height: 220px; width: 100%; overflow: hidden; background-color: #dfdcd6; }
@media (max-width: 767px) {
	div.blog-thumb-img { height: 240px; }
	div.page-green div.blog-thumb-img { height: 150px; }
}
div.blog-thumb-img-une { height: 320px; overflow: hidden; }
div.blog-thumb-txt { height: 75px; width: 100%; overflow: hidden; border-left: 1px solid #dfdcd6; border-right: 1px solid #dfdcd6; padding: 10px 10px 0 10px; }
div.blog-thumb-txt-une { height: 60px; }
div.blog-thumb-author { height: 25px; width: 100%; overflow: hidden; border-left: 1px solid #dfdcd6; border-right: 1px solid #dfdcd6; padding: 0 10px 10px 10px; }
div.blog-thumb-author p { color: #5f5131; font-size:0.9em; margin-bottom: 0; }
div.blog-thumb-txt h2 { font-size: 1.2em; font-weight: 400; margin-top: 0; margin-bottom: 10px; }
div.blog-thumb-btn { height: 40px; width: 100%; overflow: hidden; background-color: #dfdcd6; padding: 10px; margin-bottom: 40px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; text-align: right; }

/**** AMUSEZ-VOUS ****/
.pastille{
	position: absolute;
	top: -10px;
	right: 5px;
	color: #FFF;
	font-weight: 900;
	width: 70px;
	height: 70px;
	text-align: center;
	border-radius: 70px;
	line-height: 70px;
}

.pastille-reduc{ background-color: #5e3b49; }
.pastille-exclu{ background-color: #4ea785; }
.pastille-bonus{ background-color: #bbbc33; }

.amusez-vous-type { background-color: #bbbb18; margin-bottom: 15px; padding: 5px; color: #FFF; }

/**** Footer ****/
#footer { background-color: #5f5131; padding-top: 20px; padding-bottom: 20px; margin-top: 10px; }
#footer, #footer a { color: #FFFFFF; }
#footer a {  text-decoration: underline; }
#footer p {margin-bottom: 30px; }
#footer>div.container>p { text-align: center; }

/**** Back to top ****/
#btn_up
{
position: fixed;
bottom: 15px;
right: 25px;
cursor: pointer;
display:none;
}

/*** VEL ****/
@media (max-width: 480px) {
	.iframe{
		width: 98vw;
		height: 85vh;
	}
	.containerIframe{
		padding: unset;
		margin: unset;
	}
}
@media (min-width: 481px) {
	.iframe {
		height: 70vh;
	}
}

/*** MENU MOBILE ***/
@media (max-width:767px) {
	div.navbar-header {
		background-color: #FFF;
	}
	div.navbar-inverse {
		background: unset;
	}

	ul.navbar-nav { margin: 10px 0 0 0; }

	div.navbar-collapse {

		height: 90vh !important;
		width: 105% !important;
		max-height: unset !important;
		background-color: #000;
	}
	li.dropdown {
		background-color: #53a3ab;
		margin-top: 2px;
		margin-bottom: 2px;
		padding-top: 10px;
	}
	li.dropdown>a {
		text-transform: uppercase;
		font-weight: 900;
	}
	.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus {
		background-color: #53a3ab;
	}
	.navbar-nav .open .dropdown-menu {
		background-color: #000;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
		color: #FFF !important;
		line-height: 2.5em;
		border-bottom: 1px solid #FFF;
	}
}