/********************/
/*Style personnalisé*/
/********************/

/*body général du site*/
body {
	background: #d4d1cc;
	font-family: Roboto,Arial,Verdana;
	color: #282525;
}

.btn-link,
.btn-link:visited,
.btn-link:hover,
.btn-link:focus,
a,
a:visited,
a:hover,
a:focus {
	color : #d4368f;
}
a.btn-info,
.btn-info,
.btn-info:visited,
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info:active:hover, 
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus, 
.btn-info.active:focus, 
.open > .dropdown-toggle.btn-info:focus, 
.btn-info.focus:active, 
.btn-info.active.focus, 
.open > .dropdown-toggle.btn-info.focus{
	background: #b5e551;
	color:#282525;
	border-color:#b5e551;
}

.justify {
	text-align: justify;
}
.bold {
	font-weight: bold;
}

/*header*/
.header {
	padding: 0;
}
.header .titre-site {
	font-family: Pacifico;
	font-size: 27pt;
	padding-top: 10px;
	padding-bottom: 10px;
	cursor: pointer;
}
.header .titre-site .droite {
	color:#594c3c;
}
.header a,
.header a:visited,
.header a:focus {
	color : #231f20;
}
.header a:hover {
	color : #ec3c9f;
}

.header .picto {
	font-size:14pt;
	padding-top: 5px;
}
.header i {
	font-size:25px;
}

.search {
	padding-bottom: 5px;
	padding-top: 50px;
}
.search input[type=text] {
	border:none;
	padding: 3px 10px;
	height: 20px;
	color:#908475;
}

.search input[type=submit] {
	background: url("../images/bt-search.gif") center no-repeat;
	border:none;
	color:transparent;
	padding: 4px 7px;
}

.visible-xs .drap img {
	padding-top: 5px;
}

/*menu, couleur des liens et background*/
.bg_menu {
	padding: 4px 0;
}

.dropdown-menu,
.navbar-fixed-top,
.container #ligne_menu,
#ligne_menu .navbar-nav li.menuroot > A {
	color:#272424;	
	padding: 0 3px;
}

#ligne_menu .navbar-nav li.menuroot > A .caret {
	color:#272424;	
}

#ligne_menu .navbar-nav li.menuroot0 {
	background: #4cd187;	
}
#ligne_menu .navbar-nav li.menuroot1 {
	background: #b5e551;	
}
#ligne_menu .navbar-nav li.menuroot2 {
	background: #e8e4da;	
}
#ligne_menu .navbar-nav li.menuroot3 {
	background: #ec3c9f;	
}
#ligne_menu .navbar-nav li.menuroot4 {
	background: #8a7564;	
}

/*menu, couleur des sous menu et du hover*/
.navbar-nav .open .dropdown-menu,
#ligne_menu .navbar-nav li.menuroot:hover > A,
#ligne_menu .navbar-nav li.menuroot:focus > A {
	background:#b3aba0;
	color:#ffffff;
}
#ligne_menu .navbar-nav li.menuroot:hover > A .caret {
	color:#ffffff;	
}
/*menu, couleur du hover des sousmenu*/
.navbar-nav .open .dropdown-menu .menuleaf a:hover,
.navbar-nav .open .dropdown-menu .menuleaf a:focus {
	background: #b5e551;
	color:#272424;
}
.navbar-main .menuleaf .navbar-toggle,
.nav .open > a, 
.nav .open > a:hover, 
.nav .open > a:focus {
	background: #b3aba0;
}
.navbar-nav > li,
.navbar-nav > li.firstroot,
#ligne_menu .navbar-nav > li.menuroot > A > .itemname{
	width: 20%;
	height: 48px;
	font-size: 17pt;
}
.dropdown-menu > li > a {
	color: #ffffff;
	text-transform: uppercase;
}
.navbar-nav > li {
	border-right: 2px solid #d4d1cc;
}
.navbar-nav > li.firstroot {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.navbar-nav > li:last-child {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.navbar-main {
	min-height: 48px;
}
.container #ligne_menu,
.affix .navbar-nav > li.menuroot > A {
	height: 48px;
}

/*slide*/
.bg_slide {
	padding:0;
	margin-top: 5px;
}
.bg_slide #ligne_slide {
	position: relative;
}
.bg_slide .papillon img {
	position: absolute;
	right: 2px;
	top:4%;
	max-height:67%;
	z-index: 1000;
}

.balise_slide .puces {
	right: auto;
	left: 5px;
	bottom: 5px;
}

.balise_slide .puces .puce {
	background-color: #ec3c9f;
	border-radius: 10px;
	transition: all 0.5s;
	outline: 0;
}

.balise_slide .puces .puce.selected {
	background-color: #b5e551;
}

/*colonne droite*/
.bloc-droite {
	color:#1e1e1b;
}
.home .elt-droite {
	padding-left: 10px !important;
}
.elt-droite.visible-xs {
	padding: 0 !important;
}
.elt-droite.visible-xs .titre {
	float: left;
}
.elt-droite.visible-xs .bloc-droite.meteo .icone {
    margin-top: 0px;
}
.elt-droite.visible-xs .bloc-droite.meteo {
	margin-bottom: 0px;
}
.elt-droite.visible-xs .bloc-droite {
	margin-bottom: 10px;
}
.elt-droite.visible-xs .bloc-droite.reseau i,
.elt-droite.visible-xs .bloc-droite.avis i,
.elt-droite.visible-xs .bloc-droite.carte i {
    font-size: 2em;
}

.elt-droite hr {
	border-color:#8bb628;
	max-width: 60%;
	margin :3px auto 10px auto;
}
.bloc-droite .titre {
	font-family: Pacifico;
	font-size: 18pt;
	line-height: 26px;
	padding-bottom: 4px;
}
.bloc-droite a,
.bloc-droite a:visited,
.bloc-droite a:hover,
.bloc-droite a:focus,
.bloc-droite a:active {
	color:#1e1e1b;
	text-decoration: none;
	transition: all 0.3s ease;
}
.bloc-droite:not(.reseau):hover a {
	color:#ec3c9f;
}
.bloc-droite.reseau a:hover {
	color:#ec3c9f;
}
.bloc-droite.lab img {
	margin-bottom: 6px;
}
.bloc-droite.reseau i.fa-facebook-square {
	margin-right: 6px;
}
.bloc-droite.meteo .icone i {
	font-size: 50px;
	transition: all 0.6s ease;
}
.bloc-droite.meteo .icone {
	margin-top: 10px;
	padding-bottom: 10px;
}
.previsions .icone i {
	font-size: 60px;
	padding:13px 0;
	transition: all 0.6s ease;
}
.previsions .icone:HOVER i {
	transform: scale(-1, 1);
}
.bloc-droite.meteo:HOVER i {
	transform: scale(-1, 1);
	color:#ec3c9f;
}

/*agenda*/
.bg_actu,
.bg_agenda {
	background: #c8c3bc;
	overflow: hidden;
	padding: 5px 10px;
	margin-bottom: 20px;
	border-radius :5px;
}

.bg_actu .titre .btn-primary,
.bg_agenda .titre .btn-primary {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10pt;
	padding: 2px 15px;
}
.titretuiles,
.bg_actu .titre,
.bg_agenda .titre {
	color:#272424;
	font-size: 22pt;	
	font-weight: bold;
	margin-bottom: 3px;
}

.bg_agenda .titre a,
.bg_agenda .titre a:visited,
.bg_agenda .titre a:hover,
.bg_agenda .titre a:focus,
.bg_agenda .titre a:active,
.bg_actu .titre a,
.bg_actu .titre a:visited,
.bg_actu .titre a:hover,
.bg_actu .titre a:focus,
.bg_actu .titre a:active {
	color:#272424;	
}

.bg_agenda .evenement .date {
	color:#5d4d38;
	font-size: 13pt;
}
.bg_agenda .evenement .titreEve {
    clear: both;
    font-size: 14pt;
    font-weight: bold;
    line-height: 30px;
	height: 30px;
	overflow: hidden;
}
.bg_agenda .evenement a,
.bg_agenda .evenement a:visited,
.bg_agenda .evenement a:hover,
.bg_agenda .evenement a:focus,
.bg_agenda .evenement a:active {
	color:#5d4d38;
}
.bg_agenda .evenement .photo {
	height: 165px;
}
.bg_agenda .evenement .photo img {
	max-height :165px; 
	overflow: hidden;
	border-radius :6px;
	border:1px solid #ffffff;
}
.bg_agenda .evenement .descEve {
	overflow: hidden;
	height: 55px;
	line-height: 18px;
	text-align: justify;
}
.listing-agenda .lien_even {
	color:#ffffff;
}

/*actu*/
.bg_actu .encart-actu {
	border-right: 2px solid #b5e551;
}
.bg_actu .ligne-actu .encart-actu:last-child {
	border-right: none;
}
.encart-actu .illustration {
	float: left;
	padding-top:5px;
	max-width: 100px;
	margin-right: 5px;
}
.encart-actu .titre-actu {
	margin-bottom: 5px;
	height: 24px;
	overflow: hidden;
}
.encart-actu .desc-actu {
	line-height: 18px;
	color:#5d4d38;
}

.encart-actu .titre-actu a,
.encart-actu .titre-actu a:visited,
.encart-actu .titre-actu a:hover,
.encart-actu .titre-actu a:focus,
.encart-actu .titre-actu a:active{
	color:#1f9754;
	font-size: 12pt;
}

/*tuiles*/
.tuiles .tuile {
	margin-bottom: 15px;
	position: relative;
	overflow: hidden;
	width: 28.66%;
}
.tuilelei {
	margin-bottom: 15px;
	position: relative;
	overflow: hidden;
}
.tuilelei:nth-child(3n+4) {
	clear: both;
}
.tuilelei img,
.tuiles img {
	border:1px solid #f2f1ef;
}

.tuilelei .titretuile,
.tuiles .titretuile {
	transition: all 0.6s ease;
	position: absolute;
	bottom:10%;
	z-index: 100;
	width: 100%;
	margin-left: 1px;
}
.tuilelei .titretuile a,
.tuiles .titretuile a {
	color:#b5e551;
	font-family: Pacifico;
	font-size: 23pt;
	text-decoration: none;
	background: rgba(39,36,36,0.85);
	display: block;
	margin-right: 32px;
}
.tuilelei .titretuile a {
	font-size: 16pt;
}
.tuilelei:hover .titretuile,
.tuiles .tuile:hover .titretuile {
	bottom: 40%;
}

/*.tuiles .tuile .lettre {
	font-size: 25pt;
}*/

.imgLeiList {
	max-width: inherit !important;
}
.col-droite {
	width: 14%;
	padding: 0 15px !important;
}
.bg_photo {
	background: #b3aba0;
	border-radius:5px;
	overflow: hidden;
	border:1px solid #f2f1ef;
	font-family: pacifico;
	padding: 5px;
}
.bg_guide {
	background: #c2dd83;
	border-radius:5px;
	overflow: hidden;
	border:1px solid #f2f1ef;
	padding: 5px;
}

.bg_guide a,
.bg_photo a {
	color:#272424;
	text-decoration: none;
	transition:all 0.3s ease;
	display: block;
}
.bg_guide a:HOVER,
.bg_photo a:HOVER {
	color:#ec3c9f;
}
.bg_guide .titre,
.bg_photo .titre {
	font-size: 22pt;
	font-family: pacifico;
	margin-bottom: 10px;
}
.bg_guide .ico {
	margin-top: 15px;
	margin-bottom: 10px;
}
.bg_guide .ico i,
.bg_photo .ico i {
	font-size: 50px;
}
.bg_photo .ico {
	margin-top: 30px;
	margin-bottom: 15px;
}
/*souspages, style du bouton primary*/
.btn-info,
#content_main .btn-primary {
	background: #b5e551;
	color:#282525 !important;
	border-color:#b5e551;
}
.btn-info:hover,
#content_main .btn-primary:hover {
	background-color: #90b740;
	border-color: #90b740;	
}

/*contenu body WSB*/
.home .navigation-haut,
.home .navigation-bas {
	display: none;
}

.home {
	padding-top: 15px;
}

.breadcrumb {
	margin-bottom: 0px;
}
.breadcrumb {
	background: none;
	padding-left: 0;
	padding-right: 0;
	color:#ec3c9f;
}
.breadcrumb > li + li::before,
.breadcrumb > .active {
	color:#272424;
}
.breadcrumb a,
.breadcrumb a:visited,
.breadcrumb a:hover,
.breadcrumb a:focus,
.breadcrumb a:active {
	color:#ec3c9f;
}
.breadcrumb:BEFORE {
	content: "Vous êtes ici : ";
	color:#272424;
}

#sharethis {
	margin-top: 8px;
	margin-bottom: 0;
}

h1,h2,h3 {
	color:#282525;
}

h2,h3 {
	border-bottom: 1px solid #b5e551;
}

.titrepage {
	color:#272424;
	font-size: 25px;
	background: #b5e551;
	border-radius:5px;
	padding: 3px 10px 3px 20px;
	margin-top: 0px;
}

/*menu gauche*/
.page_int .elt-droite {
	padding-right: 30px !important;
}
.menu-gauche {
	background: #b3aba0;
	border-radius :5px;
}

.menu-gauche .pageroot {
   	text-align: center;
	font-size: 20pt;
	padding-top: 15px;
	padding-bottom: 10px;
	font-family: Pacifico;
}
.menu-gauche li .titre {
	padding-left: 5px;
}
.menu-gauche li .titre a {
	border-left:4px solid #b5e551;
	padding-left: 10px;
}
.menu.menuv .lv0 > LI > .titre {
	padding-left: 20px;
}
.menu.menuv a,
.menu.menuv a:visited,
.menu.menuv a:hover,
.menu.menuv a:focus,
.menu.menuv a:active {
	color:#272424;
	font-size: 11pt;
}

.menu.menuv li.selected,
.menu.menuv a:hover {
	font-weight: bold;
}
.menu.menuv UL.lv0 > li:last-child {
	padding-bottom: 10px;
	margin-bottom: 40px;
}

.menu.menuv .lv1 > LI > .titre {
	padding-left: 10px;
}
.menu.menuv .lv1 > LI > .titre a {
	border-left: none;
	font-size: 10pt;
	line-height: 16px;
}
.menu.menuv .lv1 > LI > .titre a:BEFORE {
	content: "- ";
}

.balise_mailing .saisie,
.balise_mailing .action {
	float: left;
}
.balise_mailing .saisie input[type=text] {
	border:none;
	padding: 3px 0px 3px 5px;
	width: 180px;
	margin-right: 10px;
}

/*footer*/
.pied .container {
	background: #272424;
	border-radius : 5px;
	color:#dbd7cc;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.pied a,
.pied a:visited,
.pied a:hover,
.pied a:focus,
.pied a:active {
	color:#dbd7cc;
}

.pied .contact .titre {
	font-family: Pacifico;
	font-size: 20pt;
	line-height: 35px;
}
.pied .contact .adresse {
	font-size: 12pt;
	line-height: 20px;
}
.pied .contact .tel {
	font-size: 18pt;
	font-weight: bold;
}

.pied .blanc {
	background: #ffffff;
	border-radius:5px;
	overflow: hidden;
	margin-top: 10px;
	margin-left: 10px;
	padding: 5px 0;
}
.pied .blanc .cc {
	padding-top: 5px;
}
.pied .blanc .massif {
	padding-top: 10px;
}
.pied .blanc > div {
	padding-right: 0;
	padding-left: 0;
}

.pied .copyright {
	font-size: 10pt;
}

/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {	
	.header .titre-site {
		font-size: 24pt;
	}
	.header .titre-site .droite {
		font-size: 20pt;
	}
	.bg_slide {
		border-top:none;
		margin-top: 0;
	}
	.bg_slide .container,
	.bg_menu .container {
		padding: 0;
	}
	.container #ligne_menu,
	#ligne_menu .navbar-nav li.menuroot > A {
		background: #4cd187;	
	}
	.navbar-fixed-top {
		background: #4cd187;
	}
	.navbar-main .navbar-header .navbar-toggle .icon-bar {
		background:#272424; 
	}
	.navbar-header .navbar-toggle SPAN {
		color:#272424;
	}

	.navbar-collapse {
		background: #4cd187;
		padding: 0;
	}
	UL.navbar-nav > li {
		padding-bottom: 0;
	}
	.navbar-nav > li,
	.navbar-nav > li.firstroot,
	#ligne_menu .navbar-nav > li.menuroot > A > .itemname{
		height: auto;
		font-size: 10pt;
		width: 100%;
		text-align: left;
	}
	.navbar-main {
		min-height: 43px;
	}
	.container #ligne_menu,
	.affix .navbar-nav > li.menuroot > A {
		height: 43px;
	}
	
	#ligne_menu .navbar-nav > li.menuroot > A > .caret {
		background:#44bc79;
		color:#ffffff;
	}
	#ligne_menu .navbar-nav > li.menuroot > A > .caret:HOVER, 
	#ligne_menu .navbar-nav > li.menuroot > A > .caret:FOCUS {	
		background: #3ca76c !important;
	}
	.bg_menu {
		padding: 0 15px;
	}
	
	/*menu, couleur des sous menu et du hover*/
	.navbar-nav .open .dropdown-menu,
	#ligne_menu .navbar-nav li.menuroot:hover > A,
	#ligne_menu .navbar-nav li.menuroot:focus > A {
		background:#44bc79;
		font-size: 10pt;
	}
	/*menu, couleur du hover des sousmenu*/
	.navbar-nav .open .dropdown-menu .menuleaf a:hover,
	.navbar-nav .open .dropdown-menu .menuleaf a:focus {
		background: #3ca76c;
	}
	.navbar-main .menuleaf .navbar-toggle,
	.nav .open > a, 
	.nav .open > a:hover, 
	.nav .open > a:focus {
		background: #44bc79;
	}

	.bg_actu,
	.bg_agenda {
		background: none;
	}
	.bg_actu .titre,
	.bg_agenda .titre {
		text-align: center;
	}
	
	.bg_agenda .evenement .photo {
	    height: auto;
	}
	
	.bg_actu .encart-actu {
		border-right: none;
		border-bottom: 2px solid #b5e551;
		padding-bottom: 10px;
		margin-bottom: 5px;
	}
	.bg_actu .encart-actu + .encart-actu {
		border-bottom: none;
	}
	
	.titrepage {
		margin-top: 10px;
	}
	
	.col-droite {
		width: 100%;
	}
	.tuiles .tuile {
		width: 50%;
	}
	.tuiles .titretuile a {
		font-size: 14pt;	
	}
	.tuilelei:nth-child(3n+3) {
		clear: both;
	}
	.tuilelei:nth-child(3n+4) {
		clear: none;
	}
	.tuilelei .titretuile a {
		font-size: 14pt;
	}
	.bg_guide,
	.bg_photo {
		padding: 0;
		margin-bottom: 10px;
	}
	.bg_guide .titre,
	.bg_photo .titre {
		font-size: 18pt;
		margin-bottom: 8px;
	}
	.bg_photo .titre {
		padding-top: 5px;
	}
	.bg_guide .ico {
		margin-top: 10px;
		margin-bottom: 10px;
		text-align: right;
	}
	.bg_guide .ico i,
	.bg_photo .ico i {
		font-size: 35px;
	}
	.bg_photo .ico {
		margin-top: 5px;
		margin-bottom: 10px;
		text-align: right;
	}
	.bg_guide .tele {
		font-size: 10pt;
	}
	
	.pied {
		padding: 0;
	}
	.pied .container {
		border-radius:0px;
	}
	.pied .blanc {
		margin-left: 0;
		margin-bottom: 5px;
	}
	.pied .blanc > div {
		padding-right: 5px;
		padding-left: 5px;
	}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.navbar-nav > li > a {
		padding: 0 1px !important;
	}
	.navbar-nav > li,
	.navbar-nav > li.firstroot,
	#ligne_menu .navbar-nav > li.menuroot > A > .itemname{
		width: 20%;
		height: 48px;
		font-size:13pt;
		line-height:14px;
	}
	.navbar-nav .open .dropdown-menu,
	#ligne_menu .navbar-nav li.menuroot:hover > A,
	#ligne_menu .navbar-nav li.menuroot:focus > A {
		font-size:10pt;
	}
	
	.tuiles .titretuile a {
		font-size: 20pt;	
	}

	.bg_guide,
	.bg_photo {
		padding: 0;
	}
	.bg_guide .titre,
	.bg_photo .titre {
		font-size: 14pt;
		margin-bottom: 8px;
	}
	.bg_guide .ico {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.bg_guide .ico i,
	.bg_photo .ico i {
		font-size: 30px;
	}
	.bg_photo .ico {
		margin-top: 20px;
		margin-bottom: 10px;
	}
	.bg_guide .tele {
		font-size: 9pt;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.navbar-nav > li > a {
		padding: 0 3px !important;
	}
	.navbar-nav > li,
	.navbar-nav > li.firstroot,
	#ligne_menu .navbar-nav > li.menuroot > A > .itemname{
		width: 20%;
		height: 48px;
		font-weight: bold;
	}
	.tuiles .titretuile a {
		font-size: 23pt;	
	}
	.bg_guide .tele {
		font-size: 12pt;
	}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
	.navbar-nav > li,
	.navbar-nav > li.firstroot,
	#ligne_menu .navbar-nav > li.menuroot > A > .itemname{
		line-height: 18px;
		font-size: 17px;
	}
	.navbar-nav .open .dropdown-menu,
	#ligne_menu .navbar-nav li.menuroot:hover > A,
	#ligne_menu .navbar-nav li.menuroot:focus > A {
		font-size: 14px;
	}
	#ligne_menu .navbar-nav,
	.container {
		width: 1140px;
	}

	#ligne_menu .dropdown-menu {
		padding: 0;	
	}
	.bg_guide,
	.bg_photo {
		padding: 5px;
	}
	.bg_guide .titre,
	.bg_photo .titre {
		font-size: 22pt;
		font-family: pacifico;
		margin-bottom: 10px;
		padding: 0;
	}
	.bg_guide .ico {
		margin-top: 15px;
		margin-bottom: 10px;
	}
	.bg_guide .ico i,
	.bg_photo .ico i {
		font-size: 50px;
	}
	.bg_photo .ico {
		margin-top: 30px;
		margin-bottom: 15px;
	}
}