/*
*	Mairie de Soual - Stylesheet
*
*	24/09/15 : Bastien Bonhoure
*	27/11/15 : Pili Malfray
*/

* {
	box-sizing: border-box;
	outline: none !important; /* remove the durty style */
}

@font-face {
	font-family: Pacifico;
	src: url("../vendors/fonts/Pacifico.ttf");
}

/*
*	DOCUMENT
*/

body {
	background-color: #f6f6f6;
	font-size: 12px;
	font-family: 'Roboto', sans-serif;
}

/*
*	TEXTURE WIDGET
*/

.shadowed {
	background-color: #fff;
	box-shadow: 0px 0px 5px rgba(0,0,0, 0.3);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0, 0.3);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0, 0.3);
	-o-box-shadow: 0px 0px 5px rgba(0,0,0, 0.3);
}

.clearall { overflow: auto; }
.row.no-margin { margin: 0px; }

/*
*	Margin / Padding
*/

.mgall-5{margin:5px;}.mgall-10{margin:10px;}.mgall-15{margin:15px;}.mgall-20{margin:20px;}.mgall-25{margin:25px;}
.mgtop-5{margin-top:5px;}.mgtop-10{margin-top:10px;}.mgtop-15{margin-top:15px;}.mgtop-20{margin-top:20px;}.mgtop-25{margin-top:25px;}
.mgdbot-5{margin-bottom:5px;}.mgbot-10{margin-bottom:10px;}.mgbot-15{margin-bottom:15px;}.mgbot-20{margin-bottom:20px;}.mgbot-25{margin-bottom:25px;}
.mgleft-5{margin-left:5px;}.mgleft-10{margin-left:10px;}.mgleft-15{margin-left:15px;}.mgleft-20{margin-left:20px;}.mgleft-25{margin-left:25px;}
.mgright-5{margin-left:5px;}.mgright-10{margin-left:10px;}.mgright-15{margin-left:15px;}.mgright-20{margin-left:20px;}.mgright-25{margin-left:25px;}

.padall-5{padding:5px;}.padall-10{padding:10px;}.padall-15{padding:15px;}.padall-20{padding:20px;}
.padtop-5{padding-top:5px;}.padtop-10{padding-top:10px;}.padtop-15{padding-top:15px;}.padtop-20{padding-top:20px;}
.padbot-5{padding-bottom:5px;}.padbot-10{padding-bottom:10px;}.padbot-15{padding-bottom:15px;}.padbot-20{padding-bottom:20px;}
.padleft-5{padding-left:5px;}.padleft-10{padding-left:10px;}.padleft-15{padding-left:15px;}.padleft-20{padding-left:20px;}
.padright-5{padding-left:5px;}.padright-10{padding-left:10px;}.padright-15{padding-left:15px;}.padright-20{padding-left:20px;}

/*
*	Widget
*/

aside {
	position: fixed;
	top: 10px;left: 10px;right: 10px;
	text-align: center;
	z-index: 101;
}

aside > .widget-alert {
	display: none;
	-webkit-box-shadow: 0 0 3px #000;
	-moz-box-shadow: 0 0 3px #000;
	-o-box-shadow: 0 0 3px #000;
	box-shadow: 0 0 3px #000;
	font-weight: bold;
	font-size: 20px;
}

/*
*	HEADER
*/

header {
	width: 100%;height: 257px;
	overflow: hidden;
}

header .background {
	width: 100%;height: 257px;
	position: absolute;
	overflow: hidden;
}

header .background > img {
	width: 100%;
}

header .header-overlay {
	width: 100%;height: 100%;
	background-image: url("../images/header-overlay.png");
	background-repeat: repeat-x;
	position: absolute;
	z-index: 50;
}

header .header-overlay-white {
	width: 100%;height: 100%;
	/*background-color: #fff;*/
	position: absolute;
	z-index: 50;
    /*opacity: 0.4;*/
}

header .container-header {
	position: absolute;
	width: 100%;
	z-index: 100;
}

/*
*	MAP
*/

header .map {
	width: 167px;height: 177px;
	position: relative;
	margin: 15px auto 0 auto;
}

header .map .map-france {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
}

header .map .map-soual {
	position: absolute;
	top: 102px;
	left: 63px;
	z-index: 1;
}

header .map-soual img {
	-webkit-transition: all 0.5s ease; /* Safari and Chrome */
	-moz-transition: all 0.5s ease; /* Firefox */
	-ms-transition: all 0.5s ease; /* IE 9 */
	-o-transition: all 0.5s ease; /* Opera */
	transition: all 0.5s ease;
}

header .map-france:hover + .map-soual img {
	-webkit-transform:scale(1.3); /* Safari and Chrome */
	-moz-transform:scale(1.3); /* Firefox */
	-ms-transform:scale(1.3); /* IE 9 */
	-o-transform:scale(1.3); /* Opera */
	 transform:scale(1.3);
}

/*
*	MAIN TITLE
*/

header h1 {
	font-family: "Pacifico", sans-serif;
	font-size: 76px;
	color: #174073;
	margin-top: 11px;
	margin-left: 30%;
}

header h1 a,
header h1 a:hover,
header h1 a:focus {
	color: #174073;
	text-decoration: none;
	outline: none;
}

header .entete {
	text-shadow: 2px 2px 10px rgba(0,0,0, 0.3);
}

header .slogan {
	color: #333333;
	font-size: 36px;
	font-family: "Pacifico", sans-serif;
	line-height: 41px;
	margin-left: 16%;
	padding-left: 1.5em;
	text-indent:-1.5em;
}

/*
*	SHORTCUT ICONS
*/

header .rapid-icons {
	list-style: none;
	text-align: right;
	margin-top: 20px;
	height: 104px;
}

header .rapid-icons li {
	display: inline-block;
	position: relative;
	width: 42px;height: 42px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	border: 5px solid transparent;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
	-o-box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
	white-space: nowrap;
	text-align: center;
	margin: 3px 2px 3px 2px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

header .rapid-icons li:hover {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}

header .rapid-icons li > a {
	display: block;
	position: absolute;
	top: -5px;left: -5px;
	width: 42px;height: 42px;
}

/*header .rapid-icons li img {
	width: 100%;height: 100%;
	margin: 0 auto 0 auto;
	vertical-align: middle;
}

header .helper {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}*/

/*
*	SEARCH BAR
*/

header .has-success .form-control {
	font-size: 12px;
	color: #999999;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: none;
	border-right: none;
	padding: 6px 48px 6px 0;
	border-radius: 0;
}

header .has-success .form-control:focus {
	border-color: #999999;
	-webkit-box-shadow: none;
	box-shadow:none;
}

header .search-input .input-group-addon {
	border-radius: 0;
	border-color: #999999;
	background-color: #ffffff;
	padding: 6px 8px 6px 8px;
}

header .search-input input[type="submit"] {
	background-color: #999999;
	border: none;
	color: #fff;
	height: 28px;
	width: 35px;
}

header .search-input .submit-btn {
	position: absolute;
	right: 2px;
	z-index: 5;
	font-weight: bold;
	top: 3px;
}

/*
*	TWIN CITIES
*/

header .jumelage {
	text-transform: uppercase;
	text-align: right;
	font-weight: bold;
	font-size: 14px;
}

header .jumelage a {
	color: #FFF;
	outline: none;
}

header .jumelage a:hover,
header .jumelage a:focus {
	text-decoration: none;
}

header .jumelage img {
	margin-right: 5px;
	margin-top: -2px;
}

/*
*	MENU PRINCIPAL
*/

header #menu-principal {
	display: table;
	width: 100%;
	font-size: 11px;
	font-weight: bold;
	list-style: none;
	text-transform: uppercase;
	padding: 0;
}

header #menu-principal li {
	display: table-cell;
	position:relative;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	text-align: center;
	color: #fff;
	line-height: 15px;
	cursor: pointer;
	padding: 7px;
	z-index:1;
}

header #menu-principal li:after {
	content: "";
	position:absolute;
	width: 100%;height: 0px;
	bottom: 0;left: 0;
	background:blue;
	z-index:-1;
	-webkit-transition: height 0.3s;
	transition: height 0.3s;
}

header #menu-principal li:hover:after {
	height:100%;
}

header nav {
	margin-top: 25px;
}

header .ville-fleurie {
	position: absolute;
	bottom: 14px;left: 270px;
	width: 136px;height: 99px;
	background-image: url("../images/ville-fleurie.png");
}

header .container {
	position: relative;
}

/*
*	MENU SMART
*/

header .menu-smart nav {
	display: table;
	cursor: pointer;
}

header .menu-smart nav button,
header .menu-smart nav div
{
	display: table-cell;
	vertical-align: middle;
}

header .menu-smart .navbar-toggle
{
	float: none;
	margin-right: 0;
}

header .menu-smart .navbar-toggle .icon-bar {
	height: 3px;
	background-color: #fff;
}

header .menu-smart .menu-txt {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	margin-top: -5px;
}

/*
*	MENU RESPONSIVE
*/

header #menu-responsive {
	display: none;
	position: fixed;
	top: 0px;left: 0px;
	width: 100%;max-width: 100%;
	height: 100%;
	background-color: white;
	overflow-y: scroll;
	z-index: 100;
}

header #menu-responsive::-webkit-scrollbar { 
	display: none; 
}

header #menu-responsive .exit {
    position: absolute;
    right: 11px;
    top: 11px;
    cursor: pointer;
}

header #menu-responsive .list-group-item {
	border: none;
	color: #fff;
	font-size: 17px;
	text-transform: uppercase;
}

header #menu-responsive .panel {
	border: none;
	border-radius: 0;
}

header #menu-responsive .list-group-item:first-child {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

header #menu-responsive .small {
	color: #999999;
	font-size: 15px;
	text-transform: normal;
}


/*
*	Sub menu
*/

#sub-menu-pc .submenu-container {
	display: none;
	box-shadow: 0px 0px 5px rgba(0,0,0, 0.3);
	padding: 20px 20px 10px 13px;
}

#sub-menu-pc h2 {
	background-position: left center;
	background-repeat: no-repeat;
	margin-left: 5px;
	margin-top: 7px;
	margin-bottom: 30px;
}

#sub-menu-pc h2 span {
	font-weight: bold;
}

#sub-menu-pc .sub-title {
	font-size: 17px;
}

#sub-menu-pc .links-submenu {
	list-style: none;
	font-weight: bold;
	font-size: 13px;
	padding: 0;
	margin: 10px 0 0 0;
}

#sub-menu-pc .links-submenu li {
	padding: 6px 0px 6px 0px;
}

#sub-menu-pc .links-submenu li > a {
	font-weight: bold;
	font-size: 13px;
	color: #3a3a3a;
}

#sub-menu-pc .link-image {
	display: block;
	position: relative;
	width: 100%;height: 152px;
	overflow: hidden;
}

#sub-menu-pc .link-image:hover .overlay {
	opacity: 0.6;
}

#sub-menu-pc .link-image span {
	position: absolute;
	bottom: 7px;left: 12px;
	width: 78%;
	color: #fff;
	font-size: 17px;
	z-index: 15;
}

#sub-menu-pc .link-image .overlay {
	position: absolute;
	width: 100%;height: 100%;
	background-image: url("../images/overlay-submenu.png");
	z-index: 10;
}

/*
*	CONTENT CONTAINER
*/

.content-container {
	margin-top: 20px;
	margin-bottom: 20px;
}

.content-container a {
	color: #4499ff;
	text-decoration: none;
	font-weight: bold;
}

.content-container a:hover {
	color: #4499ff;
	text-decoration: underline;
}

.content-container .plusactu {
	display: none;
}

.content-container .sharing-button {
	text-align: right;
}

/*
*	RIGHT WIDGET
*/

.content-container .wellRight {
	margin-bottom: 18px;
	padding-bottom: 15px;
}

.content-container .wellLeft .row {
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px 20px 0px 20px;
}

.content-container .wellRight h4 {
	color: #333333;
	font-size: 17px;
	padding: 18px 20px 10px 20px;
}

.content-container .wellRight h5 {
	color: #555;
	font-size: 14px;
	padding: 0px 20px;
}

.content-container .wellRight ul {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	list-style: none;
	padding: 0px 20px 20px 20px;
	margin: 0;
}

.content-container .wellRight a {
	color: #4499ff;
	text-decoration: none;
}

.content-container .wellRight a:hover {
	color: #4499ff;
	text-decoration: underline;
}

.content-container .wellRight ul li {
	margin-top: 13px;
}

.content-container .wellRight .zoomsur {
	display: block;
	max-width: 70%;max-height: 150px;
	margin: 0 auto 0 auto;
	cursor: pointer;
}

.content-container .wellRight .voir {
	text-align: right;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	padding: 10px 20px 0 0;
}

.content-container .wellRight .picto {
	margin-top: 20px;
	margin-bottom: 25px;
}

/*
*	Module - Carte
*/

.modinfo {
	width: 100%;height: 200px;
	padding: 0 20px 20px 20px;
}

.modinfo > .googlemap {
	width: 100%;height: 100%;
}

/*
*	METEO
*/

.content-container .meteo-head {
	display: block;
	position: relative;
	height: 35px;
}

.content-container .meteo-head .meteo-title {
	float: left;
	font-size: 17px;
	color: #333333;
	padding: 15px 20px 10px 20px;
}

.content-container .meteo-head .meteo-today {
	float: right;
	padding: 15px 20px 10px 20px;
	font-size: 15px;
	color: #999999;
	text-transform: uppercase;
}

.content-container .meteo-content {
	height: 60px;
	position: absolute;
}

.content-container .meteo-content div {
	float: left;
}

.content-container .meteo-content .degree {
	color: #999999;
	font-size: 30px;
	padding: 10px 0px 0px 20px;
}

.content-container .meteo-content .info {
	color: #cccccc;
	font-size: 12px;
	text-transform: uppercase;
	padding: 15px 0px 0px 10px;
}

.content-container .meteo-content .info span {
	display: inline-block;
	color: #999999;
	font-weight: bold;
	width: 75px;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}

.content-container .meteo-content .picto {
	padding: 15px 0px 0px 45px;
}

.content-container .wellMeteo {
	overflow-y: auto;
	padding-bottom: 5px;
	margin-bottom: 60px;
}

/*
*	WIDGET
*/

/* 9*2 = 18px */

/*.content-container .col-lg-1, .content-container .col-lg-10, .content-container .col-lg-11,
.content-container .col-lg-12, .content-container .col-lg-2, .content-container .col-lg-3,
.content-container .col-lg-4, .content-container .col-lg-5, .content-container .col-lg-6,
.content-container .col-lg-7, .content-container .col-lg-8, .content-container .col-lg-9,
.content-container .col-md-1, .content-container .col-md-10, .content-container .col-md-11,
.content-container .col-md-12, .content-container .col-md-2, .content-container .col-md-3,
.content-container .col-md-4, .content-container .col-md-5, .content-container .col-md-6,
.content-container .col-md-7, .content-container .col-md-8, .content-container .col-md-9,
.content-container .col-sm-1, .content-container .col-sm-10, .content-container .col-sm-11,
.content-container .col-sm-12, .content-container .col-sm-2, .content-container .col-sm-3,
.content-container .col-sm-4, .content-container .col-sm-5, .content-container .col-sm-6,
.content-container .col-sm-7, .content-container .col-sm-8, .content-container .col-sm-9,
.content-container .col-xs-1, .content-container .col-xs-10, .content-container .col-xs-11,
.content-container .col-xs-12, .content-container .col-xs-2, .content-container .col-xs-3,
.content-container .col-xs-4, .content-container .col-xs-5, .content-container .col-xs-6,
.content-container .col-xs-7, .content-container .col-xs-8, .content-container .col-xs-9 {
	padding-left: 9px;
	padding-right: 9px;
}*/

.content-container .container {
	padding-left: 22px;
	padding-right: 22px;
}

/*
*	MAIN NEWS
*/

.content-container .main-news {
	position: relative;
	width: 100%;height: 300px;
	margin-top: 9px;
	overflow: hidden;
}

.content-container .main-news .overlay {
	position: absolute;
	width: 100%;height: 100%;
	background-image: url("../images/main-news-overlay.png");
	background-position: bottom;
	background-repeat: repeat-x;
	z-index: 10;
	bottom: 0;
	opacity: 0.8;
}

.content-container .main-news .main-news-content {
	position: absolute;
	width: 100%;
	bottom: -40px;left: 25px;
	-webkit-transition: all 0.5s ease; /* Safari and Chrome */
	-moz-transition: all 0.5s ease; /* Firefox */
	-ms-transition: all 0.5s ease; /* IE 9 */
	-o-transition: all 0.5s ease; /* Opera */
	transition: all 0.5s ease;
	color: #fff;
	padding-right: 25px;
	z-index: 80;
}

.content-container .main-news:hover .main-news-content {
	bottom: 20px;
}

.content-container .main-news .main-news-content .date {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 4px;
}

.content-container .main-news .main-news-content .title {
	font-size: 30px;
	font-weight: normal;
	line-height: 38px;
}

.content-container .main-news .main-news-content .categorie {
	width: 100%;height: 40px;
	line-height: 40px;
}

.content-container .main-news .main-news-content .categorie .left {
	float: left;
	color: #228822;
	font-weight: bold;
	-webkit-text-shadow: 0 0 5px rgba(255,255,255,0.5);
	-moz-text-shadow: 0 0 5px rgba(255,255,255,0.5);
	-o-text-shadow: 0 0 5px rgba(255,255,255,0.5);
	text-shadow: 0 0 5px rgba(255,255,255,0.5);
}

.content-container .main-news .main-news-content .categorie .left img {
	max-width: 50px;max-height: 50px;
	margin-right: 10px;
}

.content-container .main-news .main-news-content .categorie .right {
	float: right;
	font-weight: bold;
	margin-right: 40px;
}

/*
*	ARTICLES
*/

.content-container .articles-accueil {
	margin-top: 18px;
}

.content-container .articles-accueil .image-article {
	height: 197px;
}

.content-container .articles-accueil article .row {
	margin: 0;
}

.content-container .articles-accueil article .row div {
	padding: 0;
}

.content-container .articles-accueil .image-article .overlay {
	position: absolute;
	bottom: 0;
	width: 100%;height: 99px;
	background-image: url("../images/overlay-article.png");
	background-repeat: repeat-x;
	z-index: 10;
}

.content-container .articles-accueil .image-article .date {
	position: absolute;
	bottom: 20px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	margin-left: 36px;
	z-index: 50;
}

.content-container .articles-accueil .categorie {
	height: 32px;
	line-height: 32px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 12px 17px 12px 17px;
}

.content-container .articles-accueil .categorie img {
	max-width: 32px;
	max-height: 32px;
	margin-right: 10px;
}

.content-container .articles-accueil h3 {
	margin: 10px 17px 15px 17px;
	font-size: 20px;
	color: #333333;
}

.content-container .articles-accueil .snippet {
	font-size: 12px;
	color: #999999;
	margin: 0 17px 0 17px;
}

.content-container .articles-accueil .lirelasuite {
	text-align: right;
	font-weight: bold;
	text-transform: uppercase;
	margin: 5px 17px 0 17px;
}

.content-container .articles-accueil article {
	margin-bottom: 18px;
}

/*
*	BUTTON - READ MORE
*/

.content-container .voirplusactu
{
	width: 100%;height: 75px;
	font-weight: bold;
	text-align: center;
	line-height: 60px;
	text-transform: uppercase;
	color: #00AAFF;
	cursor: pointer;
}

/*
*	wellLeft
*/

.content-container .wellLeft {
	margin-bottom: 18px;
	padding-bottom: 15px;
}

.content-container .wellLeft .row {
	margin: 0px;
	padding: 0px 20px 0px 20px;
}

.content-container .wellLeft h4 {
	color: #333333;
	font-size: 17px;
	padding: 18px 20px 10px 20px;
}

.content-container .wellLeft ul {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	list-style: none;
	padding: 0px 20px 20px 20px;
	margin: 0;
}

.content-container .wellLeft a {
	color: #4499ff;
	text-decoration: none;
}

.content-container .wellLeft a:hover {
	color: #4499ff;
	text-decoration: underline;
}

.content-container .wellLeft ul li {
	margin-top: 13px;
}

.content-container .wellLeft .zoomsur {
	display: block;
	max-width: 70%;max-height: 150px;
	margin: 0 auto 0 auto;
}

.content-container .wellLeft .voir {
	text-align: right;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	padding: 10px 20px 0 0;
}

.content-container .wellLeft .picto {
	margin-top: 20px;
	margin-bottom: 25px;
}

/*
*	Fil d'ariane
*/
.fil-ariane {
	color: #BBB;
	font-size: 14px;
	margin: 10px 0px;
	cursor: default;
}

.fil-ariane a {
	color: #BBB;
	font-weight: normal;
}

.fil-ariane a:last-of-type {
	color: #000;
}

.fil-ariane a:hover {
	text-decoration: none;
	color: #00AAFF;
}

/*
*	Page: Univers
*/

.page-univers {
	font-size: 14px;
}

.page-univers .shadowed h3 {
	font-size: 20px;
	text-align: center;
	margin: 0px;
	padding: 20px 15px;
}

.page-univers * {
	box-sizing: border-box;
}

.page-univers .univers-menu p {
	text-align: center;
	margin-top: -10px;
    font-size: 15px;
}

.page-univers .univers-menu ul {
	list-style-type: none;
	padding: 0;
}

.page-univers .univers-menu ul > li {
	height: auto;
	width: 100%;
	overflow: auto;
}

.page-univers .univers-menu ul > li > a {
	display: block;
	background-color: #FFF;
	border-left: 5px solid transparent;
	color: #FF3377;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	padding: 10px 15px;
	cursor: pointer;
}

.page-univers .univers-menu ul > li > a:hover {
	border-left: 5px solid #FF3377;
	color: #FF3377;
	text-decoration: none;
	outline: none;
}

.page-univers .univers-menu ul > li > a.active {
	background-color: #ff3377;
	color: #FFF;
	text-decoration: none;
	outline: none;
}

.page-univers .univers-menu ul > li > ul {
	margin-left: 20px;
}

.page-univers .cover-title {
	background-color: #FF3377;
	color: #FFF;
	padding: 20px;
}

.page-univers .univer-travaux .cover-title {
	background-color: #65C538;
}

.page-univers .univer-travaux {
	margin-bottom: 30px;
}

.page-univers .cover-title > span {
	font-size: 14px;
}

.page-univers .cover-title > h4 {
	font-size: 20px;
	font-weight: bold;
	margin: 10px 0 0;
}

.page-univers .cover-pict {
	width: 100%;height: 200px;
	overflow: hidden;
	text-align: center;
	background-color: #f0f0f0;
}

.page-univers .cover-pict img {
	height: 100%;
}

.page-univers .univer-content {
	position: relative;
}

.travaux-menu {
    padding-bottom: 15px;
    margin-bottom: 31px;
}

.travaux-menu img {
	margin-top: 10px;
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}

.blink {
  animation: blink 2000ms infinite;
}

/*
.page-univers .univers-bookmark {
	position: absolute;
	left: 10px;right: 10px;
	bottom: 10px;
	background-color: rgba(255,255,255,0.8);
	-webkit-box-shadow: 0 0 4px #000;
	-moz-box-shadow: 0 0 4px #000;
	-o-box-shadow: 0 0 4px #000;
	box-shadow: 0 0 4px #000;
	color: #000;
	padding: 10px;
	cursor: default;
}

.page-univers .univers-bookmark.flowbox {
	position: relative;
	left: 0px;right: 0px;
	bottom: 0px;
	background-color: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}

.page-univers .univers-bookmark a {
	display: inline-block;
	border-bottom: 2px solid transparent;
	text-decoration: none;
	color: #000;
	cursor: pointer;
	padding: 2px;
}

.page-univers .univers-bookmark a:hover {
	border-bottom: 2px solid #000;
}
*/

.page-univers .univers-rubrique {
	margin-top: 20px;
}

.page-univers .univers-rubrique > .row {
	overflow: auto;
	margin: 0px;
	padding: 5px 0px;
}

.page-univers .univers-rubrique > .row > div {
	padding: 5px 10px;
	margin: 0px;
}

.page-univers .univers-rubrique a {
	text-decoration: none;
}

.page-univers .content-data {
	/* color: #ff3377; */
	padding: 20px;
}

.page-univers .content-data h1,
.content-container page h1 {
	font-size: 22px;
	font-weight: normal;
	margin-top: 0px;
}
.page-univers .content-data h2,
.content-container page h2 {
	font-size: 20px;
	font-weight: normal;
}
.page-univers .content-data h3,
.content-container page h3 {
	font-size: 18px;
	font-weight: normal;
	opacity: 0.8;
}
.page-univers .content-data h4 {
	font-size: 16px;
	font-weight: normal;
	opacity: 0.7;
}

.page-univers .content-data h5 {
	font-size: 15px;
	font-weight: bold;
}

.page-univers .content-data p {
	font-size: 14px;
}

.page-univers .content-data img {
	max-width: 100%;
}

/* Club & Asso */
.page-univers .clubasso {
	color: #FFF;
	font-size: 14px;
	padding: 10px;
}

.page-univers .clubasso > select {
	width: 100%;
	color: #000;
	padding: 0 10px;
	margin-top: 10px;
}

.page-univers .clubasso > select > option {
	background-color: #FFF;
	padding: 10px;
}

.page-univers .clubasso-box {
	height: 80px;
	padding: 20px;
}

.page-univers .clubasso-box > .clubasso-content {
	display: none;
}

/* Diaporama */
.melbaDiapoItem {
	display: none;
	position: relative;
}

.melbaDiapoItem div.box {
	height: 300px;
	text-align: center;
}

.melbaDiapoItem div.box > p {
	position: absolute;
	width: 100%;
	bottom: 0px;left: 0px;
	background-color: rgba(0,0,0,0.5);
	text-align: center;
	color: #FFF;
	padding: 10px;
	margin: 0px;
}

.melbaDiapoItem div.box > a > img {
	height: 100%;
}

.melbaDiapoItem > .owl-controls {
	position: absolute;
	top: 120px;
	width: 100%;
	opacity: 1;
}

.melbaDiapoItem .owl-controls .owl-buttons div {
	height: 100%;
	background-color: rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 0 2px #FFF;
	-moz-box-shadow: 0 0 2px #FFF;
	-o-box-shadow: 0 0 2px #FFF;
	box-shadow: 0 0 2px #FFF;
	font-size: 16px;
	padding: 10px 15px;
}

.melbaDiapoItem > .owl-controls .owl-prev {
	float: left;
}

.melbaDiapoItem > .owl-controls .owl-next {
	float: right;
}

/* Galerie */
.melbaGalerieItem {
	display: none;
}

.melbaGalerieItem > div {
	height: 200px;
	padding: 0px 10px;
	margin: 10px 0px;
}

.melbaGalerieItem > div > a {
	display: inline-block;
	width: 100%;height: 100%;
	border: 1px solid #CCC;
	overflow: hidden;
}

.melbaGalerieItem > div > a > .cimagex {
	background-repeat: no-repeat;
	background-size: contain !important;
	-webkit-box-shadow: 0 0 5px #000 inset;
	-moz-box-shadow: 0 0 5px #000 inset;
	-o-box-shadow: 0 0 5px #000 inset;
	box-shadow: 0 0 5px #000 inset;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.melbaGalerieItem > div > a:hover > .cimagex {
	-ms-transform: scale(2) rotate(7deg); /* IE 9 */
	-webkit-transform: scale(2) rotate(7deg); /* Chrome, Safari, Opera */
	transform: scale(2) rotate(7deg);
}

/* Thumb News */
div[data-thumb-news=cover],
div[data-thumb-news=cover-search] {
	float: left;
	width: 50%;
	/*height: 150px;*/
	height: 103px;
	background-color: #F9F9F9;
	overflow: hidden;
}

div[data-thumb-news=cover-search] {
	position: relative;
	background-color: #222;
	font-size: 40px;
	text-align: center;
	line-height: 103px;
	cursor: pointer;
}

div[data-thumb-news=cover-search] > a {
	display: block;
	position: absolute;
	top: 0px;left: 0px;
	width: 100%;height: 100%;
	color: #333;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

div[data-thumb-news=cover-search]:hover > a {
	color: #FFF;
}

div[data-thumb-news=resume] {
	float: right;
	width: 50%;
	padding: 10px;
}

/*
*	Page en général
*/

.page h4 {
	font-size: 18px;
	text-align: center;
	margin-bottom: 30px;
}

.page .content {
	font-size: 14px;
}

/*
*	Page contact
*/

.wrap-pad {
	padding: 20px;
}

.wrap-margin {
	margin-bottom: 30px;
}

.page-contact h3 {
	font-size: 20px;
	margin-top: 0px;
}

.page-contact h4 > i {
	font-size: 25px;
}

.page-contact input[type=text],
.page-contact textarea {
	display: block;
	width: 100%;
	background-color: #f6f6f6;
	border: 2px solid #cbcbcb;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	resize: vertical;
	color: #000;
	padding: 10px 15px;
	margin: 10px 0;
}

.page-contact button {
	display: inline-block;
	background-color: #4499FF;
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	text-transform: uppercase;
	font-size: 14px;
	color: #FFF;
	padding: 10px 15px;
	margin: 10px;
}

.page-contact button:hover {
	background-color: #55AAFF;
}

.page-contact .content {
	text-align: center;
}

.page-contact .googlemap {
	width: 100%;height: 400px;
}

.page-contact .glowmsg {
	display: none;
	width: 100%;
	background-color: #cddc39;
	border: 1px solid #afb42b;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 3px #cddc39;
	-moz-box-shadow: 0 0 3px #cddc39;
	-o-box-shadow: 0 0 3px #cddc39;
	box-shadow: 0 0 3px #cddc39;
	font-size: 15px;
	font-weight: bold;
	color: #000;
	padding: 20px;
}

/*
*	CANVAS VILLAGE
*/
#canvas-village {
	width: 100%;height: 180px;
	background-image: url("../images/canvas-village.png");
	background-size: cover;
	margin-top: 20px;
}

/*
*	BACK TO TOP
*/
#back-top {
	position: fixed;
	bottom: 30px;right: 30px;
}

#back-top a {
	width: 45px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

#back-top span {
	display: block;
	width: 45px;height: 45px;
	background: url(../images/backtotop.png) no-repeat center center;
	margin-bottom: 7px;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

/*
*	Partenaire
*/

#owlpart {
	width: 100%;
	margin-bottom: 20px;
}

#owlpart .box {
	display: inline-block;
	width: 100%;height: 200px;
	/*border: 3px solid rgba(0,0,0,0.2);*/
	line-height: 200px;
	text-align: center;
}

#owlpart .box img {
	display: inline-block;
	bottom: 0px;
	max-width: 100%;max-height: 200px;
	margin: 0px auto;
}

/*
*	FOOTER
*/

footer .footer-col-1 > img {
	margin-top: 27px;
}

footer .footer-col-1 ul {
	width: 184px;
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
	-moz-column-count: 3; /* Firefox */
	column-count: 3;
	margin-top: 20px;
	list-style: none;
	text-align: left;
}

footer .footer-col-1 ul li {
	margin-bottom: 10px;
}

footer h5 {
	color: #333333;
	font-size: 17px;
	margin-top: 31px;
	margin-bottom: 20px;
}

footer .footer-col-2 {
	color: #999999;
	font-size: 12px;
}

footer .color-item {
	width: 50px;height: 5px;
	display: table-cell;
}

footer .colorBottom {
	height: 5px;
}

footer .colorBottom .bottomColored {
	width: 100%;height: 5px;
	float: left;
}

footer .newsletter {
	position: relative;
	overflow: hidden;
}

footer .newsletter input[type=text] {
	width: 100%;
	border: 1px solid #CCC;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	font-size: 14px;
	padding: 10px 55px 10px 10px;
}

footer .newsletter button {
	position: absolute;
	top: 0px; right: 0px;
	height: 42px;
	background-color: #FFF;
	border: 1px solid #CCC;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	border-left: 1px solid #CCC;
	font-size: 18px;
	color: #888;
	padding: 0px 10px;
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all 0.1s ease;
}

footer .newsletter button:hover {
	color: #444;
}

footer .newsletter button:active {
	background-color: #F5F5F5;
}

/*
*	LEGAL POLICY
*/

#legal-policy {
	height: 52px;
	background-color: #f6f6f6;
	-moz-box-shadow: inset 0px 2px 5px 0px rgba(0,0,0, 0.3);
	-webkit-box-shadow: inset 0px 2px 5px 0px rgba(0,0,0, 0.3);
	-o-box-shadow: inset 0px 2px 5px 0pxrgba(0,0,0, 0.3);
	box-shadow: inset 0px 2px 5px 0px rgba(0,0,0, 0.3);
	clear: both;
	line-height: 52px;
	color: #cccccc;
	text-transform: uppercase;
	font-weight: bold;
}

#legal-policy .links {
	text-align: right;
}

#legal-policy a {
	color: #999999;
	margin-left: 15px;
}

#legal-policy a:hover {
	color: #999999;
	text-decoration: underline;
}

.glyphicon {
    margin-right: 7px;
}

.fa-facebook-f:before, .fa-facebook:before, .fa-twitter-f:before, .fa-twitter:before,
.fa-google-f:before, .fa-google:before {
    color: #fff;
}

/** Media queries **/

/* little desktop */
@media (min-width: 992px) and (max-width:1199px) {

header h1 {
	margin-left: 22%;
}

header .slogan {
	margin-left: 5%;
}

header .rapid-icons {
	padding-left: 0;
}

header .jumelage {
	font-size: 13px;
}

header nav {
	margin-top: 9px;
}

.content-container .meteo-head .meteo-today {
	padding: 18px 16px 10px 16px;
}

}

/* tablette */
@media (min-width: 768px) and (max-width:991px) {
header .entete {
text-align: center;
}

header h1,
header .slogan {
	margin-left: 0;
}

header nav {
    margin-top: 14px;
}
}

/* smartphone */
@media (max-width: 768px) {

header .entete {
text-align: center;
}

header h1 {
	margin-left: 0px;
	font-size: 62px;
}

header .rapid-icons {
	padding-left: 0px;
	text-align: center;
	height: auto;
}

header .rapid-icons li {
	width: 35px;
	height: 35px;
}

header .rapid-icons li img {
	max-height: 30px;
	max-width: 30px;
}

header nav {
	margin-top: 0px;
}

header .form-group {
	margin-bottom: 5px;
}
.footer-col-1 {
	text-align: center;
}
}

/* very tiny smartphone */
@media (max-width: 379px) {

/* .search-row {
	display: none;
} */

}


/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}