/* @override 
	http://vivy.terredepixels.net/fr/23/votre-commune/user/themes/unify/css/custom.css
	http://vivy.terredepixels.net/fr/28/vivy-pratique/user/themes/unify/css/custom.css
	http://vivy.terredepixels.net/user/themes/unify/css/custom.css
	http://vivy.terredepixels.net/fr/1/user/themes/unify/css/custom.css
	http://vivy.terredepixels.net/fr/141/culture-loisirs/user/themes/unify/css/custom.css
	http://vivy.terredepixels.net/fr/20/votre-commune/user/themes/unify/css/custom.css
	http://vivy.terredepixels.net/fr/40/culture-loisirs/user/themes/unify/css/custom.css
	http://vivy.terredepixels.net/fr/11/user/themes/unify/css/custom.css
	http://vivy.terredepixels.net/fr/144/vivy-pratique/user/themes/unify/css/custom.css
	http://vivy.terredepixels.net/fr/22/votre-commune/user/themes/unify/css/custom.css
	http://vivy.terredepixels.net/fr/73/sante-solidarite/user/themes/unify/css/custom.css
	http://vivy.terredepixels.net/fr/32/enfance-jeunesse/user/themes/unify/css/custom.css
	http://vivy.terredepixels.net/fr/19/votre-commune/user/themes/unify/css/custom.css
	http://vivy.terredepixels.net/fr/18/vivy-pratique/user/themes/unify/css/custom.css
	http://vivy.terredepixels.net/fr/12/user/themes/unify/css/custom.css
	http://vivy.terredepixels.net/fr/21/votre-commune/user/themes/unify/css/custom.css
	http://vivy.terredepixels.net/fr/31/vivy-pratique/user/themes/unify/css/custom.css
	http://vivy.terredepixels.net/fr/34/enfance-jeunesse/user/themes/unify/css/custom.css
	http://vivy.terredepixels.net/fr/146/culture-loisirs/user/themes/unify/css/custom.css
	http://vivy.terredepixels.net/fr/75/sante-solidarite/user/themes/unify/css/custom.css
	http://vivy.terredepixels.net/fr/25/votre-commune/user/themes/unify/css/custom.css
	http://vivy.terredepixels.net/fr/38/enfance-jeunesse/user/themes/unify/css/custom.css
	http://www.vivy-commune.fr/fr/22/votre-commune/user/themes/unify/css/custom.css
	http://www.vivy-commune.fr/user/themes/unify/css/custom.css
	http://www.vivy-commune.fr/fr/13/user/themes/unify/css/custom.css
	http://www.vivy-commune.fr/fr/11/user/themes/unify/css/custom.css
	http://www.vivy-commune.fr/fr/28/vivy-pratique/user/themes/unify/css/custom.css
	http://www.vivy-commune.fr/fr/18/vivy-pratique/user/themes/unify/css/custom.css
	http://www.vivy-commune.fr/fr/187/culture-loisirs/user/themes/unify/css/custom.css
	http://www.vivy-commune.fr/fr/682/votre-commune/user/themes/unify/css/custom.css */



/* Add here all your css styles (customizations) */

a.site{
	background-color: #f6f7f6;
	margin-left: 10px;
	padding: 6px 10px;
	border: 1px solid #dadada;
}
.sorting-grid li{
	text-align: center;
}
.sorting-grid li span.sorting-cover{
	font-size: 10px;
}
p.ptttxt{
	font-size: 10px;
	text-align: center;
}

.nomelu h2{
	font-size: 14px;
	line-height: 12px;
	margin: 0;
	font-weight: bold;
}
.sorting-grid li a:hover .nomelu h2{
	color: #ffffff;
}




/* @group test */

.view-tenth img {
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.7s ease-in-out;
   -moz-transition: all 0.7s ease-in-out;
   -o-transition: all 0.7s ease-in-out;
   -ms-transition: all 0.7s ease-in-out;
   transition: all 0.7s ease-in-out;
}
.view-tenth .mask {
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 1;
}

div.view.view-tenth.col-md-4 .mask img{
	width: 20px;
	margin-left: 20px;
	opacity: 0;
	margin-top: 10px;
}

div.view.view-tenth.col-md-4:hover .mask img{
	opacity: 1;
	-ms-transform: rotate(0deg); /* IE 9 */
	-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
	transform: rotate(0deg);
	
}

div.view.view-tenth.col-md-4:hover img{
	opacity: 0;
}

.view-tenth h2 {
	-webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   color: #ffffff;
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
	margin: 5px 0 0 -5px;
	line-height: 13px;
	text-align: center;
	font-size: 12px;
	border-bottom-style: none;
	text-transform: capitalize;
	font-weight: bold;
}

.view-tenth.e3 h2{
	font-size: 10px;
} 

.view-tenth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
	width: 84px;
	height: 84px;
}
.view-tenth:hover h2 {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
	font-weight: bold;
}

#enunclic.row{
	margin: 0;
	padding: 0;
}
div.view.view-tenth.col-md-4 {
	padding: 10px;
	height: 84px;
	margin: 2px;
	width: 84px;
	max-width: 31.5%;
}				





div.view.view-tenth.col-md-4.e1{
	background-color: #e12e5b;
}
div.view.view-tenth.col-md-4.e2{
	background-color: #32a45d;
}
div.view.view-tenth.col-md-4.e3{
	background-color: #0d6666;
}
div.view.view-tenth.col-md-4.e4{
	background-color: #0c9a99;
}
div.view.view-tenth.col-md-4.e5{
	background-color: #ef579c;
}
div.view.view-tenth.col-md-4.e6{
	background-color: #f2b11b;
}
div.view.view-tenth.col-md-4.e7{
	background-color: #8cbbaa;
}
div.view.view-tenth.col-md-4.e8{
	background-color: #97bd49;
}
div.view.view-tenth.col-md-4.e9{
	background-color: #f26e3d;
}


div.view.view-tenth.col-md-4 img{
	width: 45px;
	margin-left: 3px;
	margin-top: 6px;
}				
.vert div.view.view-tenth.col-md-4 h2, .turquoise div.view.view-tenth.col-md-4 h2, .bleu div.view.view-tenth.col-md-4 h2, .rose div.view.view-tenth.col-md-4 h2, .orange div.view.view-tenth.col-md-4 h2{
	color: #fefffe;
}
/* @end */

#sectionprincipale {
	min-height: 350px;
	padding: 0;
	margin: 0;
}

#p1 #sectionprincipale{
	padding-left: 30px;
}

.article div.row {
	margin: 0;
}

.open li.rublist  a {
	font-size: 12px;
	color: #ffffff;
	margin: 0;
}


.rublist  {

	background-color: #07706f;
	text-align: left;
}

.rublist:hover
, .rublist.active {
	background-color: #677074;	
}

.nav-tabs li.rublist:hover a{
	background: #677074;
}

.nav-tabs li.rublist a{
	color: #ffffff;
}

.rublist.open a.dropdown-toggle:hover {
	background: #677074;
}

.nav-tabs li.rublist a {
	background-color: #07706f;
}

.nav-tabs li.rublist.open a.dropdown-toggle {
	background-color: #07706f;
}



.nav-tabs li.rublist.active a.dropdown-toggle {
	background-color: #07706f;
}


.nav-tabs li.rublist.open a {
	background-color: #88b4a4;
}

ul.nav.nav-tabs {
	border-style: none;
}

ul.dropdown-menu.rublist {
	border-style: none;
}

.rublist{
	border-bottom-style: none;

}

[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
}


/* @group signature */

.copyright .signature a{
	text-decoration: none;
	color: #72c02c;
}

.copyright .signature:hover  a{
	color: #000000;
}
.signature:hover  a .crea{
	color: #72c02c;
}
.signature a .crea{
	margin-left: 0;
	position: absolute;
	margin-top: -12px;
	color: #000000;
	left: 0;
}

.mairie a.thumbnail.gale-page.zoomer {
	background-color: rgba(209, 48, 48, 0);
	width: 80px;
}
.gallery-page{
	margin: 0;
	padding: 20px 0 0;
}
.mairie .col-md-8{
	margin: 0;
	padding: 0;
}
.signature{
	font-size: 10px;
	line-height: 10px;
	position: absolute;
	background: url(http://www.cc-douelafontaine.com/user/images/creationinternet/siteinternet_terredepixels.png) 90px 0 no-repeat;
	left: 0;
	top: 0;
	padding-left: 10px;
	padding-top: 15px;
	margin-right: auto;
	margin-left: auto;
	right: 0;
	width: 120px;
}
div.container.sign {
	display: inline-block;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	margin-top: 30px;
	width: 100%;
}
.signature a:visited{
	color: #72c02c;
}
/* @end */
.sstitre h2, .sstitre .headline{
	display: none;
}
/* @group couleurs */

/* @group well color */
.orange .well a{
	color: #ffffff;
}

.vert .well a{
	color: #ffffff;
}

.bleu .well a{
	color: #ffffff;
}

.turquoise .well a{
	color: #ffffff;

}


.rose .well a{
	color: #ffffff;
}

.orange .well a:hover{
	color: #ffffff;
	text-decoration: underline;
}

.vert .well a:hover{
	color: #ffffff;
	text-decoration: underline;
}

.bleu .well a:hover{
	color: #ffffff;
	text-decoration: underline;
}

.turquoise .well a:hover{
	color: #ffffff;
	text-decoration: underline;
}


.rose .well a:hover{
	color: #ffffff;
	text-decoration: underline overline;
}


.orange .well h2{
	color: #ffffff;
}

.vert .well h2{
	color: #ffffff;
}

.bleu .well h2{
	color: #ffffff;
}

.turquoise .well h2{
	color: #ffffff;

}


.rose .well h2{
	color: #ffffff;
}

#sectionprincipale .well .headline h2{
	background-image: none;
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 20px;
}


/* @end */

/* @group orange */

.orange .widget{
	background-color: #c64105;
	padding: 10px;
	position: relative;
	margin-left: 20px;
	margin-right: 3px;
}

.header.orange .top-menu a{
	color: #000000;
}

.header.orange .btn-mini i{
	color: #000000;
}

.orange a{
	color: #f8611d;
}

.orange a:hover{
	color: #c64105;
}


.orange a.btn-u{
	background-color: #f8611d;
	color: #ffffff;
}


.orange a.btn-u:hover{
	color: #ffffff;
	background-color: #c64105;
}


.orange i{
	color: #f8611d;
}

.orange h1{
	color: #fd7a3f;
	padding-left: 40px;
	background-position: 0 8px;
}
.orange h2 {
	color: #f8611d;
	background-position: 0 -258px;
	background-repeat: no-repeat;
	border-style: none;
}

.orange h3 {
	color: #f8611d;
}

.orange hr {
	color: #f8611d;
	border-color: #fd6227;
}
.orange h5{
	border-bottom: 2px solid #fe6227;
	border-top-color: #fe6227;
}
.orange .well{
	background-color: #ede5d6;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.orange .well .col-md-3 h3{
	font-size: 12px;
	margin-top: 0;
	padding-top: 0;
}
.orange .well a{
	color: #3b3731;
	text-decoration: underline;
} 
/* @end */
/* @group vert */

.vert .widget{
	background-color: #30834e;
	padding: 10px;
	position: relative;
	margin-left: 20px;
	margin-right: 3px;
}

.header.vert .top-menu a{
	color: #000000;
}

.header.vert .btn-mini i{
	color: #000000;
}

.vert a{
	color: #40ab67;
}

.vert a:hover{
	color: #30834e;
}

.vert a.btn-u{
	color: #ffffff;
	background-color: #40ab67;
	margin-top: 10px;
}

.vert a.btn-u:hover{
	color: #ffffff;
	background-color: #30834e;
}

.vert i{
	color: #40ab67;
}

.vert h1{
	color: #2c814b;
	padding-left: 40px;
	background-position: 0 -205px;
}
.vert h2 {
	color: #40ac67;
	background-position: 0 -370px;
	background-repeat: no-repeat;
	border-style: none;
}

.vert h3 {
	color: #40ac67;
}

.vert hr {
	color: #40ac67;
	border-color: #40ac67;
}
.vert h5{
	border-bottom: 2px solid #40ac67;
	border-top-color: #40ac67;
}
.vert .well{
	background-color: #40ac67;
}

/* @end */


/* @group bleu */

.bleu .widget{
	background-color: #023131;
	padding: 10px;
	position: relative;
	margin-left: 20px;
	margin-right: 3px;
}

.header.bleu .top-menu a{
	color: #000000;
}


.header.bleu .btn-mini i{
	color: #000000;
}
.bleu a{
	color: #07706f;	
}
`
.bleu #arub2 a:hover{
	color: #07706f;
	text-decoration: underline;
}

.bleu #arub2 a.site{
	color: #07706f;
	margin-left: 10px;
}

.bleu #arub2 a:hover{
	color: #07706f;
	text-decoration: underline;
}

.bleu a:hover{
	color: #023131;	
}
.bleu a.btn-u{
	background-color: #07706f;
	color: #ffffff;
}
.bleu a.btn-u:hover{
	color: #ffffff;
	background-color: #023131;
}
.bleu i{
	color: #07706f;	
}

.bleu h1{
	color: #07706f;
	padding-left: 40px;
	background-position: 0 -205px;
}
.bleu h2 {
	color: #119f9e;
	background-position: 0 -370px;
	background-repeat: no-repeat;
	border-style: none;
}

.bleu h3 {
	color: #07706f;
}

.bleu hr {
	color: #07706f;
	border-color: #07706f;
}
.bleu h5{
	border-bottom: 2px solid #07706f;
	border-top-color: #07706f;
}

.bleu .well{
	background-color: #07706f;
}


/* @end */

/* @group turquoise */

.turquoise .widget{
	background-color: #096875;
	padding: 10px;
	position: relative;
	margin-left: 20px;
	margin-right: 3px;
}

.turquoise a {
	color: #0f9aad;
}

.header.turquoise .top-menu a{
	color: #000000;
}

.header.turquoise .btn-mini  i{
	color: #000000;
}

.turquoise a:hover {
	color: #096875;
}

.turquoise a.btn-u {
	color: #ffffff;
	background-color: #0f9aad;
}

.turquoise a.btn-u:hover {
	color: #ffffff;
	background-color: #096875;
}

.turquoise i {
	color: #0f9aad;
}

.turquoise h1{
	color: #0f9aad;
	padding-left: 40px;
	background-position: 0 -90px;
}
.turquoise h2 {
	color: #0f9aad;
	background-position: 0 -315px;
	background-repeat: no-repeat;
	border-style: none;
}

.turquoise h3 {
	color: #0f9aad;
}

.turquoise hr {
	color: #0f9aad;
	border-color: #0f9aad;
}
.turquoise h5{
	border-bottom: 2px solid #0f9aad;
	border-top-color: #0f9aad;
}
.turquoise .well{
	background-color: #0f9aad;
}

/* @end */

/* @group rose */

.rose .widget{
	background-color: #c5017b;
	padding: 10px;
	position: relative;
	margin-left: 20px;
	margin-right: 3px;
}
.header.rose .top-menu a{
	color: #000000;
}
.header.rose .btn-mini i{
	color: #000000;
}
.rose a {
	color: #fd29ad;
}

.rose a:hover {
	color: #c5017b;
}

.rose a.btn-u {
	color: #ffffff;
	background-color: #fd29ad;
}

.rose a.btn-u:hover {
	color: #ffffff;
	background-color: #c5017b;
}

.rose i {
	color: #fd29ad;
}

.rose h1{
	color: #fd29ad;
	padding-left: 40px;
	background-position: 0 -35px;
}
.rose h2 {
	color: #fd29ad;
	background-position: 0 -285px;
	background-repeat: no-repeat;
	border-style: none;
}

.rose h3 {
	color: #fd29ad;
}

.rose hr {
	color: #fd29ad;
	border-color: #fd29ad;
}
.rose h5{
	border-bottom: 2px solid #fd29ad;
	border-top-color: #fd29ad;
}
.rose .well{
	background-color: #fd29ad;
}

/* @end */

/* @end */

h1{
	background: url(../img/fd_titres.png) no-repeat #f7f7f7;
	padding-top: 10px;
	padding-bottom: 10px;
	text-transform: uppercase;
}
h5{
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	border-top-width: 2px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-top-style: solid;
	border-bottom-width: 2px;
	border-bottom-style: solid;
}
#sectionprincipale .headline h2{
	background-image: url(../img/fd_titres.png);
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 20px;
}

#sectionprincipale .commissions .headline h2{
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	background-image: url(none);
	margin-left: 0;
	padding-left: 0;
}

.well{
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #e0a77e;
	-moz-box-shadow: 0 0 10px #cfcfcf;
	box-shadow: 0 0 10px #cfcfcf;
}
.well .headline{
	padding: 0;
	margin: 0 0 10px;
}
.relative{
	position: relative;
}
.pull-right img{
	margin-left: 10px;
}
.pull-left img{
	margin-right: 10px;
}
.tab-content hr{
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.tab-content h4{
	color: #06706e;
}
/*
div.panel-heading, 
div.panel-footer {
	display: none;
}
#pancontent_738 div.panel-heading{
	display: block;
}
#pancontent_738 div.panel-heading a{
	background-color: #118e60;
	color: #ffffff;
}*/




#sectionprincipale .article{
	padding-bottom: 10px;
}

/* @group header */

img#logo-header {
	position: relative;
	width: 100%;
	bottom: 25px;
	right: 28px;
	z-index: 1;
}

i{
	color: #000000;
}



#nav-accessibilite{
	position: relative;
	z-index: 2;
	left: 0;
	margin-bottom: -30px;
	padding-left: 300px;
	top: 10px;
}

.mairie div.headline {
	border-style: none;
}

.mairie .blocdroite {
	margin-top: -45px;
}

.mairie {
	background-image: -webkit-linear-gradient(left, #8cbaa9 42.9%, #80a899 58.1%, #8cbaa9 72.8%);
	background-image: -moz-linear-gradient(left, #8cbaa9 42.9%, #80a899 58.1%, #8cbaa9 72.8%);
	background-image: -ms-linear-gradient(left, #8cbaa9 42.9%, #80a899 58.1%, #8cbaa9 72.8%);
	background-image: linear-gradient(to right, #8cbaa9 42.9%, #80a899 58.1%, #8cbaa9 72.8%);
	color: #ffffff;
	padding: 20px;
	border-right: 4px solid #ea4f00;
	height: 250px;
	width: 100%;

}

.foot div.col-md-3 {
	padding: 0;
}

.foot div.col-md-9 {
	padding: 0;
}

.meteo {

	color: #ffffff;
	padding: 20px;
	height: 250px;
	background-color: #e95c1d;
}

.foot div.row .row{
	padding-right: 15px;
	padding-left: 15px;
}

.sstitre h2, .sstitre h3, .sstitre h1, .sstitre h3, .sstitre h4 {
	display: none;
}

.sstitre .coin2{
	display: none;
}

.sstitre .headline{
	display: none;
}

#nav-accessibilite button.btn-mini{
	background-color: #fffffe;
	border-width: 1px;
	margin: 1px;

}
#nav-accessibilite button.btn-mini a{
	color: #2253a0;
	text-decoration: none;
}
#nav-accessibilite button.btn-mini:hover{
	color: #7d3200;
	background-color: #ebeceb;
	border-color: #fffffe;
}

#header input.span2{
	font-size: 12px;
	color: #4b4b4b;
}

#chprecherche{
	width: 220px;
	position: absolute;
	top: 20px;
	right: -20px;
}

#chprecherche .btn-mini{
color: #2253a0;
text-decoration: none;
	padding-right: 4px;
	padding-left: 4px;
	background-color: #fffffe;
	border-color: #a8e7f3;
}

/* @end */

.container.top{
	background-color: #ffffff;

	-moz-box-shadow: 10px 0 15px rgba(0, 0, 0, 0.34);
	box-shadow: 10px 0 15px rgba(0, 0, 0, 0.34);
}

.container.content, .container.bot{
	background-color: #fefffe;
	overflow: hidden;
	-moz-box-shadow: 0 5px rgba(0, 0, 0, 0.34);
	box-shadow: 0 5px rgba(0, 0, 0, 0.34);
	padding-bottom: 0;
}
.container.bot{
	padding-bottom: 70px;
}

div.copyright {
	background-color: #ffffff;
	height: 130px;
	position: relative;
	border-style: none;
}

div#nav-accessibilite.row {
	width: 100%;
}

.top-menu li {
	float: left;
	margin-right: 5px;
}
.navbar .container{
	padding: 0;
	margin: 0;
}

.top ul.nav.navbar-nav li {
border-style: solid;
border-width: 0px 66px 0px 0px;
-moz-border-image: url('../img/png/ombremenu.png') 0 66 0 0 repeat;
-webkit-border-image: url('../img/png/ombremenu.png') 0 66 0 0 repeat;
-o-border-image: url('../img/png/ombremenu.png') 0 66 0 0 repeat;
border-image: url('../img/png/ombremenu.png') 0 66 0 0 fill repeat;
	padding-top: 5px;
}



.top ul.nav.navbar-nav li li a{
border-style: none;
border-width: 0px 6px 0px 0px;
-moz-border-image: url('../img/png/ombremenu.png') 0 66 0 0 repeat;
-webkit-border-image: url('../img/png/ombremenu.png') 0 66 0 0 repeat;
-o-border-image: url('../img/png/ombremenu.png') 0 66 0 0 repeat;
border-image: url('../img/png/ombremenu.png') 0 66 0 0 fill repeat;
	padding-top: 5px;
	width: 100%;
	text-align: left;
}
html .top ul.nav.navbar-nav li a li a:hover{
	background-color: #fefffe;
	color: #fefffe;
}


.top-menu ul{
	list-style: none;
	margin: 8px 0 0;
	padding-left: 0;
}

body{
	background: url(user/documents/images/background/fd-body.jpg) center top no-repeat fixed;
	/*background: url(../img/fd-body.jpg) center top no-repeat, url(../img/fdfd_body.jpg) center top repeat-y;*/
}
.top{
	padding: 0;
}
.img-circle{
	overflow: hidden;
}

/* @group lediapo */
#p1 #lediapo{
	height: 300px;
	z-index: 0;
	position: relative;
}

#lediapo{
	height: 250px;
	z-index: -12;
	position: relative;
}

.ls-loading-container{
	
}
#lediapo .txtdiapo {
	z-index: 0;
	padding-right: 40px;
	padding-left: 250px;
	padding-top: 10px;
	width: 500px;
	height: 100%;
	background: url(../img/png/fd-diapo.png) right;
	background-size: 110% 145%;
	color: #ffffff;
	font-size: 13px;
	position: absolute;
	right: 0;
}
#lediapo .txtdiapo a{
	color: #fefffe;
	text-decoration: underline;
}
#layerslider {
	overflow: hidden;
	z-index: 0;
	position: relative;
}
#p1 div.verte.row {
border-style: solid;
border-width: 0px 0px 0px 10px;
border-image: url('../img/png/coinreseau.png') 20 0 0 40 fill;
	border-left-width: 30px;
	position: absolute;
	right: 0;
	z-index: 1;
	padding: 10px 0 5px;
	font-size: 14px;
	margin-right: 0;
	width: 600px;
	top: 267px;
}
div.verte.row {
	border-style: solid;
	border-width: 0px 0px 0px 10px;
	border-image: url('../img/png/coinreseau.png') 20 0 0 40 fill;
	border-left-width: 30px;
	position: absolute;
	right: 0;
	z-index: 1;
	padding: 10px 10px 5px 0;
	font-size: 14px;
	width: 200px;
	height: 20px;
	margin-right: 0;
	top: 220px;
}


#txtdiapo div.verte.row div.col-md-4 {
	margin-right: -100px;
	margin-top: -5px;
}
/* @end */

/* @group menu */
	.top ul.nav {
		padding-left: 250px;
	}
	.top .collapse.in ul ul.nav {
		padding-left: 0;
		margin-top: 1px;
		margin-left: 0;
	}
	.top .collapse.in ul.nav li:first-child {
		margin-top: 130;
	}

	.top ul.nav.navbar-nav li:last-child, .top ul.nav.navbar-nav li ul li{
		-moz-border-image: none;
		-webkit-border-image: none;
		-o-border-image: none;
		border-image: none ;
		border-style: none;
	}

.top ul.nav.navbar-nav li:hover:nth-child(1) a, .top ul.nav.navbar-nav li.active:nth-child(1) a{
	color: #019b72;
	text-decoration: none;
}

.top ul.nav.navbar-nav li:hover:nth-child(2) a, .top ul.nav.navbar-nav li.active:nth-child(2) a{
	color: #087070;
	text-decoration: none;
}

.top ul.nav.navbar-nav li:hover:nth-child(3) a, .top ul.nav.navbar-nav li.active:nth-child(3) a{
	text-decoration: none;
	color: #11a3a3;
}
.top ul.nav.navbar-nav li:hover:nth-child(4) a, .top ul.nav.navbar-nav li.active:nth-child(4) a{
	text-decoration: none;
	color: #fa62a7;

}
.top ul.nav.navbar-nav li:hover:nth-child(5) a, .top ul.nav.navbar-nav li.active:nth-child(5) a{
	text-decoration: none;
	color: #fd7b3f;
}	

.panel ul
{
    padding:0px;
	margin: 0px 0px 0px 0;
	list-style:none;
}


/* @group ssmenu */

.top ul.nav.navbar-nav ul li:hover:nth-child(1) a{
	color: #fff;
	text-decoration: none;
}
.top ul.nav.navbar-nav ul li:hover:nth-child(2) a{
	color: #fff;
	text-decoration: none;
}

.top ul.nav.navbar-nav ul li:hover:nth-child(2) a{
	color: #fff;
		text-decoration: none;
}

.top ul.nav.navbar-nav ul li:hover:nth-child(3) a{
	text-decoration: none;
	color: #fff;
}
.top ul.nav.navbar-nav ul li:hover:nth-child(4) a{
	text-decoration: none;
	color: #fff;

}
.top ul.nav.navbar-nav ul li:hover:nth-child(5) a{
	text-decoration: none;
	color: #fff;
}

div.likesocial.addthis_sharing_toolbox {
	float: right;
}

.top ul.nav.navbar-nav li:nth-child(1) a{
		border-bottom: 4px solid #41ac68;
}

.top ul.nav.navbar-nav li:nth-child(2) a{
		border-bottom: 4px solid #087070;
}

.top ul.nav.navbar-nav li:nth-child(3) a{
		border-bottom: 4px solid #11a3a3;
}

.top ul.nav.navbar-nav li:nth-child(4) a{
		border-bottom: 4px solid #fa62a7;
}

.top ul.nav.navbar-nav li:nth-child(5) a{
		border-bottom: 4px solid #fd7b3f;
}
.top ul.nav.navbar-nav li a {
	font-size: 13px;
	text-transform: uppercase;
	width: 100px;
	padding: 0 10px;
	text-align: center;
	margin-left: 0;
	margin-right: 10px;
}



.top div.navbar.navbar-default div.container {
	padding-top: 20px;
	margin-top: 20px;
}

.top ul.nav.navbar-nav li:hover:nth-child(1) a, .top ul.nav.navbar-nav li.active:nth-child(1) a{
	text-decoration: none;
}

div.navbar.navbar-default {
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
	border-style: none;
	z-index: 1;
}
html .top ul.nav.navbar-nav li ul.dropdown-menu li.n6 a{
	background-color: #019c72;
	color: #ffffff;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding: 8px 0 2px 20px;
	border-style: none;
}
/*vert*/
html .top ul.nav.navbar-nav li ul.dropdown-menu li{
	margin: 0;
	padding: 0;
}
html .top ul.nav.navbar-nav li ul.dropdown-menu li.n10 a{
	background-color: #07706f;
	color: #ffffff;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding: 8px 0 2px 20px;
}
/*turquoise*/
html .top ul.nav.navbar-nav li ul.dropdown-menu li.n11 a{
	background-color: #11a3a2;
	color: #ffffff;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding: 8px 0 2px 20px;
}
/*rose*/
html .top ul.nav.navbar-nav li ul.dropdown-menu li.n12 a{
	background-color: #e63ba5;
	color: #ffffff;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding: 8px 0 2px 20px;
}
/*rose*/
html .top ul.nav.navbar-nav li ul.dropdown-menu li.n13 a{
	background-color: #f15007;
	color: #ffffff;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding: 8px 0 2px 20px;
}




html .top ul.nav.navbar-nav li.open ul.dropdown-menu li:first-child, html .top ul.nav.navbar-nav li.open ul.dropdown-menu li{
	margin: 0;
	padding: 0;
}


/* @end */
/* @end */


.recherche button.btn-u {
	background-color: #c6c7c6;
	color: #000000;
}





div#atstbx.at-share-tbx-element.addthis_16x16_style.addthis-smartlayers.addthis-animated.at4-show {
	float: right;
}

div#likesocial.col-md-8 {
	
}

.recherche button.btn-u:hover {
	background-color: #009b72;
	color: #ffffff;
}


i.search.fa.fa-search.search-btn {
	display: none;
}
.recherche li{
	list-style: none;
}

/* @group menutop */

#p1 .container.content{
	padding: 20px 0 020px;
}

/* @end */
div.panel-footer.ac,div.panel-footer.ag  {
	margin-left: 20px;
	background-color: #8bbba9;
	border-style: none;
}
#p1 .panel-body.aaa{
	height: 300px;
	background-color: rgba(138, 187, 169, 0);
	padding-top: 0px;
	margin-left: 0;
}
.panel-body.aaa {
		height: 400px;
	background-color: #8bbba9;
	margin-left: 20px;
	padding-top: 10px;
}

li.news-item:nth-child(2) {
	display: none;
}

div.panel-body {
	padding: 0 0 010px;
	margin-top: 0;
	margin-right: 0;
	overflow: hidden;
	border-style: none;
}
.acc-v1 .panel-heading a{
	color: #323232;
	font-weight: bold;
}

.acc-v1 .panel-heading a:hover{
	color: #019b71;
	background-color: #ececec;
}
a.accordion-toggle.collapsed{
	padding-left: 10px;

}
div.panel.panel-default {
	border-style: none;
	visibility: visible;
	background-color: #fff;
}



h1,h2,h3,h4,h5,h6{
	font-size: 12px;
}
.col-md-3 div.panel.panel-default .panel-body{

	padding-left: 20px;

}

#p1 .col-md-3 div.panel.panel-default .panel-body{
	padding-left: 0px;
}


/* @group meteo */

.meteo h4#titremeteo {
	color: #ffffff;
}

.meteo  h6 {
	color: #ffffff;
}

.meteo h4#temp{
	font-size: 45px;
	font-weight: normal;
	font-style: normal;
	color: #ffffff;
}

.meteo .col-md-7 {
	padding: 0;
	position: relative;
}

.meteo .col-md-7 p{
	margin-bottom: 0;
	color: #ffffff;
}

/* @end */

.mairie a.thumbnail.zoomer {
	width: 120px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #8bbaa8;
}

.mairie a.btn-u {
	background-color: #eb6f39;
	color: #ffffff;
	margin-top: 5px;
	text-decoration: none;
}

.mairie a.btn-u:hover {
	background-color: #c84b15;
	color: #ffffff;
	margin-top: 5px;
	text-decoration: none;
}

#p1 .container.content div.col-md-3 {
	padding: 0 5px 20px 0;
	margin-bottom: 20px;
}

#content_4 div.row div.col-md-4 {
	margin-top: 60px;
	padding: 0;
}



.lgn{
	border-style: none;
	border-width: 1px;
	border-bottom: 2px solid #000000;
	text-align: center;
	margin-top: -43px;
	margin-bottom: 43px;
}

.bot div.copyright div.container div.row div.col-md-7 li{
	list-style: none;
	float: left;
}

/* @group sectiondroite */

#sectiondroite{
	
}
#sectiondroite.col-md-3{
	margin: 0;
	padding: 0;
}
#sectiondroite.col-md-3{
}


.widget h3{
	text-indent: 20px;
	color: #fefffe;
	text-shadow: 2px 2px 1px #2e2e2e;
}
.widget, .widget p{
	color: #e4fdce;
	margin-bottom: 5px;
	margin-top: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
}
.widget a img{
	width: 100%;
	margin-bottom: 10px;
	margin-top: 10px;
}
.widget a.btn-u{
	margin: 10px auto;
	width: 100%;
	text-align: center;
}
.widget a.btn-u.lienfichier{
	background-color: #c9ed9e;
	color: #000000;
}

.widget ul{
	
	list-style: square;
	text-decoration: none;

}

.widget ul li a{

	color: #c9ed9e;
}

.widget ul li {
	

	color: #c9ed9e;
}

.widget ul li:hover {
	

	color: #c9ed9e;
	text-decoration: underline;
}


/* @group en un clic */

.enunclic{
	text-align: center;
	border-style: none;
	padding-top: 0;
}

.enunclic h2{
	border-style: none;
	padding-right: 10px;
	padding-left: 10px;
	color: #000000;
	background-color: #fdfffd;
	margin-bottom: 0;
}

#enunclic {
	padding: 0 0 0 10px;
	margin: 0px 0 20px;
}
#enunclic.row {
	margin-top: -20px;
}
#enunclic a h2{
	background-color: rgba(0, 0, 0, 0.29);
	display: inline-block;
	width: 120%;
}
#enunclic a:hover h2{
	background-color: rgba(0, 0, 0, 0.66);
	display: inline-block;
	width: 120%;
}

/* @end */
.lesassmat{
	margin-top: 30px;
}
.service-block {
  padding: 20px 30px;
  text-align: center;
  margin-bottom: 20px;
	height: 150px;
}

.service-block p,
.service-block h2 {
  color: #fff;
}

.service-block h2 a:hover{
  text-decoration: none;
}

.service-block-light,
.service-block-default {
  background: #d3e8ea;
  border: solid 1px #eee; 
}

.service-block-default:hover {
  box-shadow: 0 0 8px #eee;
}

.service-block-light p,
.service-block-light h2,
.service-block-default p,
.service-block-default h2 {
  color: #555;
}



/* @end */


.container.bot div.copyright ul {
	list-style: none;
	display: inline-block;
	padding: 0;
	margin-bottom: 0;
}

.footer-menu{
	float: left;
	margin-left: -60px;
	padding-right: 20px;
}


.container.bot div.copyright ul li{
	float: left;
}

.copyright a, .copyright p{
	color: #000000;
}

.copyright a:hover{
	color: #009b72;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}




a:hover, li a:active{
	color: #009d72;
	text-decoration: none;
}


.btn{
	text-align: center;
	width: 100%;
}

.content div.col-md-9 div.row div.col-md-6 {
	padding-right: 10px;
	margin-left: 0;
	padding-left: 0;
	margin-right: 0;
}


.content div.col-md-9 div.row div.col-md-6 .col-md-8{
	margin: 0;
	padding: 0;
}
.txtint{
	float: right;
	padding: 10px 20px;
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	color: #000000;
}
.meteo iframe {
	border-style: none;
	height: 60px;
	width: 200px;
}

button.btn-u {
	background-color: #8cb9a8;
	text-transform: capitalize;
}

button.btn-u:hover {
	background-color: #5f8d7b;
	text-transform: capitalize;
}

div.thumbnails .col-sm-12{
	margin: 0;
	padding: 0;
	width: 200px;
}



div.thumbnails .row{
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
}
div.panel.panel-default div.panel-body div.thumbnails.thumbnail-style.thumbnail-kenburn {
	padding: 0;
	margin: 0;
}

div.panel-body div.row  li.news-item {
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

div.caption .txtv {
	margin-right: 10px;
	margin-left: 10px;
}


div.container.fd-footer {
	background-color: #ffffff;
}

div.baimg {
	position: absolute;
	bottom: 0;
	z-index: 2;
	width: 100%;
}

.baimg .blocoir  {
	position: absolute;
	bottom: 0;
	
	right: 0;
	background: url(../img/png/fd-diapo.png) right 02px no-repeat;
	background-size: 100%;
	padding-left: 90px;
	padding-right: 50px;
}

.baimg .blocolanc  {
	position: absolute;
	bottom: -4px;
	
	right: 0;
	background: url(../img/png/fd-diapo-blanc.png) left center no-repeat;
	background-size: 184%;
	padding-right: 5px;
	padding-left: 40px;
	padding-top: 5px;
}

.baimg .blocoir h4{

	color: #ffffff;
	opacity: 0.72;
}



.baimg .blocolanc h4{
	color: #000000;
	font-weight: bold;
}



.container.fd-footer {
	margin-right: auto;
	margin-left: auto;
}

div.txtv h3 {
	font-size: 12px;
	color: #009a71;
	line-height: 20px;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	font-weight: bold;
}

div.txtd h3 {

	color: #fc7b3e;
	line-height: 20px;
	margin: 0 0 0 10px;
	padding: 0;
	font-weight: bold;
	width: 100%;
	font-size: 12px;
}

.txtint h3, .txtint h2 {
	line-height: 15px;
	margin: 0;
}

.bvntxt{
	position: absolute;
	left: 10%;
	top: 10px;
}

#content_4 .row{
	margin: 0;
	padding: 0 20px 0 0;
}
#p1 .panel-footer{
	display: none;
}
.coin{
	position: absolute;
	left: -5px;
	top: -6px;
}

.coin2{
	position: relative;
	margin-bottom: -59px;
}

h3 a.hover-effect {
	display: none;
}

.overflow-hidden .img-responsive {

}

a.btn-ur {
filter: saturate(100%);
-webkit-filter: saturate(100%);
-moz-filter: saturate(100%);
-o-filter: saturate(100%);
-ms-filter: saturate(100%);
	padding: 6px 13px;
	margin-left: -10px;
	background-color: #de2b69;
	color: #ffffff;
	margin-top: 5px;
	text-decoration: none;
	
}

a.btn-uo {
filter: saturate(100%);
-webkit-filter: saturate(100%);
-moz-filter: saturate(100%);
-o-filter: saturate(100%);
-ms-filter: saturate(100%);
	background-color: #fd7b3f;
	color: #ffffff;
	padding: 6px 13px;
	position: absolute;
	left: 0;
	right: 0;
	width: 120px;
	margin-right: auto;
	margin-left: auto;
	bottom: 0;
}

a.btn-uv {
filter: saturate(100%);
-webkit-filter: saturate(100%);
-moz-filter: saturate(100%);
-o-filter: saturate(100%);
-ms-filter: saturate(100%);
	background-color: #087070;
	color: #ffffff;
	padding: 6px 13px;
	position: absolute;
	left: 0;
	right: 0;
	width: 120px;
	margin-right: auto;
	margin-left: auto;
	bottom: 0;
}

a.btn-ur:hover {

filter: saturate(200%);
-webkit-filter: saturate(200%);
-moz-filter: saturate(200%);
-o-filter: saturate(200%);
-ms-filter: saturate(200%);

	padding: 6px 13px;
	margin-left: -10px;
	color: #ffffff;
	margin-top: 5px;
	text-decoration: none;
}

a.btn-uo:hover {
filter: saturate(200%);
-webkit-filter: saturate(200%);
-moz-filter: saturate(200%);
-o-filter: saturate(200%);
-ms-filter: saturate(200%);

	color: #ffffff;
	padding: 6px 13px;
	text-decoration: none;
}

a.btn-uv:hover {
filter: saturate(200%);
-webkit-filter: saturate(200%);
-moz-filter: saturate(200%);
-o-filter: saturate(200%);
-ms-filter: saturate(200%);

	color: #ffffff;
	padding: 6px 13px;
	text-decoration: none;
}

#p1 .panel .btn{
	margin-top: 0px;
	margin-left: 0px;
}

.panel .btn{
	margin-top: -72px;
	margin-left: -40px;
}

div.collapse.navbar-collapse.navbar-responsive-collapse {
		background-color: #f9f6f5;
	float: right;
		padding-bottom: 8px;
	padding-right: 40px;
	margin-top: -18px;

	border-top: 1px solid rgba(0, 0, 0, 0.08);
}

div.ls-inner {
	border-top: 3px solid rgba(0, 0, 0, 0.2);
	z-index: -1;
}

img.carte{
	margin-top: -40px;
	margin-bottom: 15px;
}

img.clic.img-responsive {
	width: 55px;
	height: 55px;
}

div.col-md-4.clic3 {
	padding: 0;
	margin: 5px 0;
	float: left;
}

img.clic{
	margin: auto;
}

div.gallery-page {
	padding-right: 30px;
	display: inline-block;
	margin-top: -20px;
	margin-left: 10px;
	position: relative;
	padding-left: 30px;
}

.mairie div.col-md-4 {
	font-size: 12px;
	line-height: 15px;
}

div.headline {
	border-style: none;
	text-decoration: none;
	border-bottom-style: none;
}

.mairie .headline h2{
	color: #fefffe;
	border-style: none;
	padding: 0;

}


.txtdiapo .headline{
	border-style: none;
	margin: 20px 0 5px;
}

.txtdiapo .headline h2{
	color: #fefffe;
	border-style: none;
	margin: 0 0 -10px;
	padding: 0;
	font-size: 40px;
	font-style: italic;
}

div.wrapper {
	background-color: rgba(255, 255, 255, 0);
}

div.ls-bottom-nav-wrapper {
	float: left;
	margin-left: 50px;
}



.glyphicon
{
    margin-right:4px !important; /*override*/
}

.pagination .glyphicon
{
    margin-right:0px !important; /*override*/
}

.pagination a
{
    color:#555;
}

.panel ul
{
    padding:0px;
	margin: 0px 0 0px 0px;
	list-style:none;
	overflow: hidden;
}

.news-item
{

    padding: 4px 0;
    margin:0px;
    border-bottom:1px dotted #555;
	overflow: hidden;
	height: 350px;
}

#access_map {
    height: 350px;
    width: 100%;
}

ul.parsley-errors-list {
    padding-left: 0;
    list-style-type: none;
    margin-top: 5px;
    color: red;
}

li.parsley-length, li.parsley-required, li.parsley-type {
    color: red;
}

.mairie a i{
	color: #eb671f;
	font-size: 15px;
}

.mairie a{
	color: #ffffff;
	font-size: 12px;
	line-height: 25px;
	text-decoration: underline;
}

.mairie a:hover{
	color: #eb671f;
	text-decoration: underline;
}
.mairie a:focus{
	color: #eb671f;
	text-decoration: underline;
}

.news-item img{
	height: 140px;
	display: inline-block;
	clear: both;
}

div.overflow-hidden {
	overflow: hidden;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

div.recherche.col-md-3 {
	float: right;
	min-width: 250px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin: -25px 0 8px;x
}

span.txtint img{
	display: none;
}
span.txtint h1{
	display: none;
}

/* @group MEDIA QUERIES */

/* Large desktops and laptops */
 @media (max-width: 1200px) {
 
 .panel .btn{
 	margin-top: 0px;
 	margin-left: 0px;
 }
 
 div.panel-default .aaa .col-xs-12 {
 	padding: 0;
 }
 
 .lgn{
 	border-style: none;
 	border-width: 1px;
 	border-bottom: 2px solid #000000;
 	text-align: center;
 	margin-top: -43px;
 	margin-bottom: 43px;
 	margin-left: 20px;
 }
 
 .enunclic{
 	padding-left: 20px;
 }
 
#enunclic {
	padding: 0 0 0 10px;
	margin: 0 0 20px;
}
 

 form#vita_search {
 	width: 130%;
 	margin-left: -10px;
 }
 
 .mairie{
 	height: 250px;
 }
 .meteo {
  	color: #ffffff;
 	padding: 20px;
 	height: 250px;
 	background-color: #e95c1d;
 }
 button.navbar-toggle{
 	background-color: #009b72;
 	right: 10px;
 }
 
 button.navbar-toggle:hover span.fa.fa-bars{
 	color: #ea5b1d;
 }
 
  button.navbar-toggle:hover{
  	background-color: #009cw72;
  }
 
.top ul.nav.navbar-nav li a {
	font-size: 13px;
	text-transform: uppercase;
	width: 80px;
	padding: 0 10px;
	text-align: center;
	margin-left: 0;
	margin-right: 10px;
}
.top ul.nav {
	padding-left: 270px;
}
.top ul.nav.navbar-nav li {
border-style: solid;
border-width: 0px 52px 0px 0px;
-moz-border-image: url('../img/png/ombremenu.png') 0 66 0 0 repeat;
-webkit-border-image: url('../img/png/ombremenu.png') 0 66 0 0 repeat;
-o-border-image: url('../img/png/ombremenu.png') 0 66 0 0 repeat;
border-image: url('../img/png/ombremenu.png') 0 66 0 0 fill repeat;
	padding-top: 5px;
}
div.btn-toolbar.col-md-3 {
	padding: 0;
	width: 100%;
}
 div.recherche.col-md-3 {
 	float: right;
 	min-width: 250px;
 	padding-right: 0;
 	padding-bottom: 0;
 	padding-left: 0;
 	margin: 0;
 }
 div.view.view-tenth.col-md-4 {
	padding: 10px;
	height: 70px;
	width: 75px;
	margin: 2px;

}
.view-tenth h2 {
	-webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   color: #ffffff;
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
	margin: 5px 0 0 -10px;
	line-height: 10px;
	text-align: center;
	font-size: 10px;
	border-bottom-style: none;
	text-transform: capitalize;
	font-weight: bold;
}

.view-tenth.e3 h2{
	font-size: 10px;
} 

.view-tenth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
	width: 84px;
	height: 84px;
}
.view-tenth:hover h2 {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
	font-weight: bold;
}
 }

 /* Portrait tablets and medium desktops */
 @media (max-width: 1000px) {
#nav-accessibilite{
	top: 0;
	z-index: 2;
	margin: 10px 0 0;
	padding-left: 0;
}
 .panel-body.aaa{
 	height: 240px;
 }
 #enunclic .col-md-4{
 	float: left;
 }
 div.col-md-4.clic3 {
 	padding: 0;
 	margin: 5px 0;
 	float: left;
 }
 ul.nav.navbar-nav {
 	height: 100%;
 }
 .top ul.nav.navbar-nav li:nth-child(1) a{
 	text-decoration: none;
 	background-color: #40ab67;
 	color: #ffffff;
 }
 .top ul.nav.navbar-nav li:nth-child(2) a{
 	text-decoration: none;
 	background-color: #087070;
 	color: #ffffff;
 }
 .top ul.nav.navbar-nav li:nth-child(3) a{
 	text-decoration: none;
 	background-color: #11a3a3;
 	color: #ffffff;
 }
 .top ul.nav.navbar-nav li:nth-child(4) a{
 	text-decoration: none;
 	background-color: #fa62a7;
 	color: #ffffff;
 }
 .top ul.nav.navbar-nav li:nth-child(5) a{
 	text-decoration: none;
 	background-color: #fd7b3f;
 	color: #ffffff;
 }
 
 .top ul.nav.navbar-nav li:hover:nth-child(1) a, .top ul.nav.navbar-nav li.active:nth-child(1) a{
 	color: #019b72;
 	text-decoration: none;
 	background-color: rgba(255, 255, 255, 0);
 }
 
 .top ul.nav.navbar-nav li:hover:nth-child(2) a, .top ul.nav.navbar-nav li.active:nth-child(2) a{
 	color: #087070;
 	text-decoration: none;
 	background-color: rgba(255, 255, 255, 0);
 }
 
 .top ul.nav.navbar-nav li:hover:nth-child(3) a, .top ul.nav.navbar-nav li.active:nth-child(3) a{
 	text-decoration: none;
 	color: #11a3a3;
 	background-color: rgba(255, 255, 255, 0);
 }
 .top ul.nav.navbar-nav li:hover:nth-child(4) a, .top ul.nav.navbar-nav li.active:nth-child(4) a{
 	text-decoration: none;
 	color: #fa62a7;
 	background-color: rgba(255, 255, 255, 0);
 }
 .top ul.nav.navbar-nav li:hover:nth-child(5) a, .top ul.nav.navbar-nav li.active:nth-child(5) a{
 	text-decoration: none;
 	color: #fd7b3f;
 	background-color: rgba(255, 255, 255, 0);
 }
 .top ul.nav.navbar-nav li:nth-child(1)  ul.dropdown-menu li:hover a, .top ul.nav.navbar-nav li:nth-child(1)  ul.dropdown-menu li.active a{
 		color: #3faa66;
 		text-decoration: none;
 		background-color: rgba(255, 255, 255, 0);
 }
 div.gallery-page {
 	display: none;
 }
 .top ul.nav.navbar-nav li:nth-child(2)  ul.dropdown-menu li:hover a, .top ul.nav.navbar-nav li:nth-child(2)  ul.dropdown-menu li.active a{
 	color: #087070;
 	text-decoration: none;
 	background-color: rgba(255, 255, 255, 0);
 }
 
.top ul.nav.navbar-nav li:nth-child(3)  ul.dropdown-menu li:hover a, .top ul.nav.navbar-nav li:nth-child(3)  ul.dropdown-menu li.active a{
 	text-decoration: none;
 	color: #11a3a3;
 	background-color: rgba(255, 255, 255, 0);
 }
 .top ul.nav.navbar-nav li:nth-child(4)  ul.dropdown-menu li:hover a, .top ul.nav.navbar-nav li:nth-child(4)  ul.dropdown-menu li.active a{
 	text-decoration: none;
 	color: #fa62a7;
 	background-color: rgba(255, 255, 255, 0);
 }
  .top ul.nav.navbar-nav li:nth-child(5)  ul.dropdown-menu li:hover a, .top ul.nav.navbar-nav li:nth-child(5)  ul.dropdown-menu li.active a{
 	text-decoration: none;
 	color: #fd7b3f;
 	background-color: rgba(255, 255, 255, 0);
 }
 .top ul.nav {
 	padding-left: 0px;
 }
 .footer-menu{
	float: left;
	padding-right: 20px;
	margin-left: 0;
}

 div.copyright {
 	background-color: #ffffff;
 	border-top: 3px solid #c0c1c0;
 	height: 150px;
 }
 #lediapo .txtdiapo {
 	z-index: 0;
 	padding-right: 40px;
 	padding-left: 200px;
 	padding-top: 0;
 	width: 300px;
 	height: 100%;
 	background: url(../img/png/fd-diapo.png) right;
 	background-size: 110% 145%;
 	color: #ffffff;
 	font-size: 9px;
 	position: absolute;
 	right: 0;
 }
.panel-body {
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	height: 300px;
	overflow: hidden;
	border-style: none;
}
 #p1 div#atstbx.at-share-tbx-element.addthis_16x16_style.addthis-smartlayers.addthis-animated.at4-show {
 	margin-top: -20px;
 }
 .meteo div.col-md-5 {
 	position: absolute;
 	top: 20px;
 	right: 0;
 }
 div.col-md-7 button.btn-u {
	position: absolute;
 	bottom: 0;
 	right: 0;
 }
 }
 /* Portrait tablets and small desktops */
 @media (min-width: 768px) and (max-width: 991px) {


 
 }
 
 /* Landscape phones and portrait tablets */
 @media (max-width: 991px) {
	div.container.top div.header div.navbar.navbar-default div.container {
		padding-top: 0;
		margin-top: 0;
	}
 button.navbar-toggle{
 	background-color: #009b72;
 	right: 0;
 	position: absolute;
 	height: 100%;
 	margin: 0;
 	max-height: 40px;
 }
 
.footer-menu ul {
	width: 100%!important;
}
 .footer-menu ul li{
 	width: 50%;
 	margin-right: auto;
 	margin-left: auto;
 	display: inline-block!important;
 	color: #ffffff;
 	text-align: center;
 }
  div.copyright div.container div.row div.col-md-7 ul li img{
  	max-width: 100%!important;
  }
div.copyright div.container div.row div.col-md-7 ul {
	width: 100%;
	text-align: center;
}
 
 img#logo-header {
 	position: relative;
 	width: auto;
 	bottom: 0;
 	right: 0;
 	z-index: 1;
 	top: 0;
 	height: 90px;
 	margin-top: 20px;
 }
 
.copyright ul li {
	width: 50%;
}
 
 .top .collapse.in ul.nav {
		padding-left: 0;
		margin-top: 1px;
		margin-left: 0;
	}
div.collapse.navbar-collapse.navbar-responsive-collapse {
	background-color: #f9f6f5;
	border-top: 1px solid rgba(0, 0, 0, 0.08);
	width: 100%;
	margin: 0;
	padding: 0;
}
.top ul.nav.navbar-nav li {
	-moz-border-image: none;
	-webkit-border-image: none;
	-o-border-image: none;
	border-image: none;
	background-image: url(none);
	width: 100%;
	border-width: 0px 0px 0px 0px;
}
 
 li.dropdown:first-child {
 	margin-top: 40px!important;
 }
 
.header img.img-responsive.coin {
 	display: none;
 }
 
 div.wrapper {
 	max-width: 100%!important;
 	overflow: hidden!important;
 }
 
 .top ul.nav.navbar-nav li:first-child {
	padding-left: 0px;
	margin-top: 80px;
}
.top ul.nav.navbar-nav li a {
	width: 100%;
	line-height: 25px;
	text-align: left;
}
div.panel-body {
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	margin: 0 0 20px;
	height: 331px;
	overflow: hidden;
	border-style: none;
}
div.view.view-tenth.col-md-4 {
	width: 32%;
	padding: 0!important;
}
div.view.view-tenth.col-md-4 img{
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	left: 0!important;
}
div.view.view-tenth.col-md-4  .mask {
	width: 100%!important;
	text-align: center;
}
div.view.view-tenth.col-md-4  .mask img{
	margin-right: auto;
	margin-left: auto;
}
  div.thumbnail-img.col-xs-6{
  	padding: 0;
  }	
 
 div.caption.col-xs-6 {
 	width: 45%;
 }
 
 div.thumbnail-img.col-xs-6 img{
 	width: 100%;
 	height: auto;
 }
 a.btn-uo {
	position: absolute;
 	right: 15px;
 	width: 120px;
 	margin-right: auto;
 	margin-left: auto;
 	bottom: 40px;
 	left: inherit;
 }
 
 div#sectionprincipale.col-md-9 {
 	padding-left: 0!important;
 }
 
 a.btn-uv {
	position: absolute;
 	width: 120px;
	margin-right: auto;
	margin-left: auto;
	bottom: 40px;
	left: inherit;
 	right: 30px;
 }
 
 div#likesocial.col-md-8 {
 	display: none;	
 }
 #p1 .container.content{
 	padding: 20px 0 020px;
 	width: 90%;
 }
 
 #sectionprincipale .panel div.row {
 	width: 100%;
 	margin-right: auto;
 	margin-left: auto;
 }
 }
@media (max-width: 780px) {
.mairie, .meteo{
	height: 250px;
}
a.btn-ur {
filter: saturate(100%);
-webkit-filter: saturate(100%);
-moz-filter: saturate(100%);
-o-filter: saturate(100%);
-ms-filter: saturate(100%);
	padding: 6px 13px;
	margin-left: -10px;
	background-color: #de2b69;
	color: #ffffff;
	margin-top: 5px;
	text-decoration: none;
	position: absolute;
	left: 20px;
	bottom: 10px;
}
div.copyright {
	background-color: #ffffff;
	border-top: 3px solid #c0c1c0;
	height: 250px;
	margin-top: 40px;
}
img.img-responsive.carte {
	display: none;
}
#lediapo .txtdiapo {
	display: none;
} 
#txtdiapo div.verte.row div.col-md-4 {
	display: none;
}
#p1 div#atstbx.at-share-tbx-element.addthis_16x16_style.addthis-smartlayers.addthis-animated.at4-show {
	margin: 0;
}
.content div.col-md-9 div.row div.col-md-6 {
	padding-right: 20px;
	margin-left: 0;
	margin-right: 0;
	height: 354px;
	padding-left: 20px;
}
#content_4 .coin{
	position: absolute;
	top: -6px;
	left: 12px;
}
div#sectionprincipale.col-md-9 .col-xs-6 {
	position: relative;
	overflow: hidden!important;
	width: 90%;
	margin-left: auto!important;
	margin-right: auto!important;
	display: inline-block;
	float: none;
}


div#sectionprincipale.col-md-9 .col-xs-6 img{
	height: 150px;
	width: auto;
}

div#sectionprincipale.col-md-9 .col-xs-6 div.overflow-hidden {
	text-align: right;
}
} 

@media (max-width: 660px) {



}

@media (max-width: 580px) {


}
 /* Landscape phones and smaller */
 @media (max-width: 480px) {
 
 #enunclic.row {
 	padding-left: 30px;
 }
 
	
	div.panel-body {
		padding-top: 0;
		padding-right: 0;
		padding-left: 0;
		margin: 0 0 20px;
		height: 150px;
		overflow: hidden;
		border-style: none;
	}
	
	div.copyright {
		background-color: #ffffff;
		border-top: 3px solid #c0c1c0;
		height: 330px;
		margin-top: 40px;
	}
	
 }

/* @end */