@charset "utf-8";

@import url(bootstrap.css);
@import url(bootstrap-theme.css);


/* ------------------------------------------------------------- */
/*                                                               */
/* Sommaire                                                      */
/*                                                               */
/*  1 - Composants                                               */
/*  2 - Balises titres + liens                                   */
/*  3 - Structure générale                                       */
/*  4 - Navigation                                               */
/*  5 - Modules                                                  */
/*  6 - Widgets                                                  */
/*  7 - Formulaires                                              */
/*  8 - Diaporama                                                */
/*  9 - Googlemap                                                */
/* 10 - Spécifique                                               */
/*  X - Tricks                                                   */
/*  X - Fancy Box                                                */
/*                                                               */
/* ------------------------------------------------------------- */


/* ---------------------------------------- */
/* 1 - Components                           */
/* ---------------------------------------- */
.btn a:hover, .btn a { text-decoration: none; }
.btn-primary a:hover, .btn-primary a { color: #FFF; }
.list-group-item.active a { color: #FFF; }

/* ---------------------------------------- */
/* 2 - Balises titres + liens               */
/* ---------------------------------------- */
h1, h2{
  display: inline-block;
	color: #009ee0;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	padding-bottom: 5px;
  text-align: center;
  margin-top: 0;
  margin-bottom: 15px;
}
h1::after, h2::after{
  display: block;
  content: "";
  width: 70%;

  background-color: #dfeabc;
  margin-top:5px;
  margin: 0 auto;
}
h1::after{
  height: 3px;
}
h2::after{
  height: 2px;
}
h1 > a, h2 > a {
	color: inherit;
	text-decoration: none;
}
h1 > a:hover,h2 > a:hover {
	color: #428bca;
	text-decoration: none;
}
h3 {
  color: #009ee0;
  text-transform: uppercase;
  font-family: 'Roboto Condensed', sans-serif;
  margin:10px 0 15px 0;
}
h4 {
  text-transform: uppercase;
}
a:hover, a:focus{ text-decoration: none; }

/* Specification sur les liens */
.elementText a[href^="mailto"]::before, p > a[href^="mailto"]::before{
  font-family: 'Linearicons-Free';
  content: "\e818";
  color: #009EE0;
  line-height: 1;
  font-size: 1.2em;
  margin-right: 5px;
}
.elementText a[href^="http"]::before, p > a[href^="http"]::before, p > a[href^="/"]::before, .elementText li > a[href^="http"]::before, .elementText li > a[href^="/"]::before, .pageElement > a[href^="/"]::before{
  font-family: 'Linearicons-Free';
  content: "\e86b";
  color: #009EE0;
  line-height: 1;
  font-size: 1.2em;
  margin-right: 5px;
}
.elementText a[href*="facebook"]::before, p > a[href*="facebook"]::before{
  font-family: FontAwesome;
  content:"\f082";
  color: #009EE0;
  line-height: 1;
  font-size: 1.4em;
  margin-right: 5px;
}
p > a.noLink::before{
  content: "";
}

/* ---------------------------------------- */
/* 3 - Structure générale                   */
/* ---------------------------------------- */
section {
	margin-bottom: 20px;
}
#signature {
	text-decoration: none;
	text-align: center;
	width: 100%;
	display: block;
	padding: 10px 5px 5px 5px;
	font-size: 11px;
	line-height: 20px;
}
#signature .signature_mm a{
  margin-left:5px;
}
#signature .mentions_legales a{
	font-size:1.25em;
	display:block;
	margin-bottom:10px;
}
#footer {
  font-size: 1em;
}
#footer ul { padding :0; }
#footer li {list-style: none;}
#footer h3{
  color:#009250;
  font-size: 1.4em;
}
#footer .lnr{
  font-size:1.4em;
  line-height: 1.5em;
}
#footer .blocFooter + .widget{
  border-right: 1px solid #009250;
  min-height: 250px;
}
#footer .widget:last-child{
  border-right: 0;
}
#footer .text ul li::before {
  font-family: 'Linearicons-Free';
  content:"\e87a";
  line-height: 1;
  font-size: 0.9em;
  margin-right: 5px;
}

/* ---------------------------------------- */
/* 4 - Navigation                           */
/* ---------------------------------------- */
.cbp-hrmenu {
  width: 100%;
  border-bottom: 4px solid #009ee0;
}

/* general ul style */
.cbp-hrmenu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

/* first level ul style */
.cbp-hrmenu > ul,
.cbp-hrmenu .cbp-hrsub-inner {
  width: 100%;
  max-width: 70em;
  margin: 0 auto;
}

.cbp-hrmenu > ul > li {
  display: inline-block;
}

.cbp-hrmenu > ul > li.active a{
  color: #009ee0;
}

.cbp-hrmenu > ul > li > a {
  font-weight: 500;
  padding: 1em;
  color: #333333;
  display: inline-block;
  text-transform: uppercase;
}

.cbp-hrmenu > ul > li > a:hover {
  color: #009ee0;
}

.cbp-hrmenu > ul > li.cbp-hropen a {
  color: #fff;
  background: #009ee0;
}
.cbp-hrmenu > ul > li.cbp-hropen .cbp-hrsub-inner .third_level > li > a:hover, .cbp-hrmenu > ul > li.cbp-hropen .cbp-hrsub-inner .third_level > li.active > a{
  color: #ffd500;
}
.cbp-hrmenu > ul > li.cbp-hropen .cbp-hrsub-inner .fourth_level > li.active > a{
  color:#ffd500;
}
.cbp-hrmenu > ul > li.cbp-hropen .second_level > li > a:hover h4{
  color: #ffffff;
}
.cbp-hrmenu .fourth_level > li > a::before{
  font-family: 'Linearicons-Free';
  content: '\e876';
  font-size: 10px;
  margin-right: 3px;
}
.cbp-hrmenu .fourth_level > li > a{
  padding-left:10px;
}

/* sub-menu */
.cbp-hrmenu .cbp-hrsub {
  display: none;
  position: absolute;
  background: #009ee0;
  width: 100%;
  left: 0;
  z-index: 100;
}

.cbp-hropen .cbp-hrsub {
  display: block;
  padding-bottom: 1.5em;
}

.cbp-hrsub-inner > div > ul > li{
  width: 25%;
  float: left;
  padding: 0 0.5em 0;
}

.cbp-hrmenu .cbp-hrsub-inner:before,
.cbp-hrmenu .cbp-hrsub-inner:after {
  content: " ";
  display: table;
}

.cbp-hrmenu .cbp-hrsub-inner:after {
  clear: both;
}

.cbp-hrsub h4 {
  color: #a0d9f7;
  padding: 0.8em 0 0.3em;
  margin: 0;
  font-size: 120%;
  font-weight: 300;
}
.cbp-hrsub h4 img{
  margin-top: 15px;
}

/* ---------------------------------------- */
/* 5 - Modules                              */
/* ---------------------------------------- */

/* ==== Parallax ==== */

#parallax1{
  background-position: center;
  background-repeat: no-repeat;
  display:block;
  position:relative;
  z-index:120;
  height: 500px;
}

#parallax2{
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display:block;
  position:relative;
  z-index:120;
}
.parallax .elementPicture {
	display: none;
}

/* PAGE VOS INTERLOCUTEURS */

.vos_interlocuteurs #wrapperInner .dir_Gen{
  margin: 0 auto;
  margin-top: 55px;
  float: none;
}

.vos_interlocuteurs #wrapperInner h3{
  padding-bottom: 3px;
  border-bottom: 3px solid #dfeabc;
}

/* WIDGET AGENDA */
.agenda_date{
  border-right: 1px solid #000;
}
.date_jour, .date_mois{
  color: #009ee0;
  display: block;
  text-align: center;
}
.date_jour {
  font-size: 2em;
  line-height: 1em;
  font-weight: bold;
}
.date_jour::after{
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #009ee0;
}
.FicheAgenda {
  border-bottom: 1px dashed #009ee0;
}
.title {
  color: #000;
  font-size: 1.2em;
  display: table-cell;
  vertical-align: middle;
 }

#diary{
  height: 410px;
  overflow:hidden;
}
#diary .conteneur{
  background-color:#2980b9;
  display:flex;
  justify-content:center;
  justify-items:center
}
#diary .lists {
  height:355px;
  overflow:hidden;
  overflow-x:hidden;
  overflow-y:scroll;
}
#diary .pa10{
  padding-bottom:16.5px;
}
#diary .FicheAgenda:last-child{
  border-bottom:0px solid transparent;
}
/*
#widgetAgendaImagePrincipaleConteneur{
  display:inline-block;
  vertical-align:top;
  width: 100%;
  height: 355px;
  text-align:center;
  position:relative;
}
*/
#widgetAgendaImagePrincipale{
  width: 100%;
  min-height: 100%;
  position:absolute;
  top:0;
  left:0;
  opacity:0.2;
}
#widgetAgendaImagePrincipaleConteneur{
  display:flex;
  width: 100%;
  height: 355px;
  justify-content:center;
  align-items:center
}
/*
#widgetAgendaImageSecondaire{
  width: 100%;
  max-height:100%;
  position:absolute;
  top:0;
  top:calc(100% / 7);
  left:0;
}
*/
#widgetAgendaImageSecondaire{
  max-height:100%;
  z-index:10;
}

/* WIDGET AGENDA : RESPONSIVE */
#diary .conteneur{
	display:block;
}
@media (max-width: 768px) {
	#diary{
		margin-bottom:20px;
	}
	#diary .conteneur{
		display:none;
	}
	#diary .lists {
		height:auto;
		overflow:hidden;
	}
	#diary .FicheAgenda:hover{
		background-color:#2980b9;
		color:#FFF;
	}
	#diary .FicheAgenda:hover .date_jour, #diary .FicheAgenda:hover .date_mois, #diary .FicheAgenda:hover .title{
		color:#FFF;
	}
	#diary .FicheAgenda:hover .date_jour::after{
		background-color:#FFF;
	}
}
@media (min-width: 768px) {
	#diary .FicheAgenda.active{
	  background-color:#2980b9;
	  color:#FFF;
	}
	#diary .FicheAgenda.active .date_jour, #diary .FicheAgenda.active .date_mois, #diary .FicheAgenda.active .title{
	  color:#FFF;
	}
	#diary .FicheAgenda.active .date_jour::after{
		background-color:#FFF;
	}
}

/* PAGE AGENDA */

.agenda_entree .agenda_date{
  background: #009ee0;
  border:none;
}
.agenda_entree .date_jour, .agenda_entree .date_mois{ color: #fff;}
.agenda_entree .date_jour{ padding-top: 5px; }
.agenda_entree .date_mois{ padding-bottom: 5px; }
.agenda_entree .date_jour::after { background-color: #fff; margin:4px 0 1px 0;}
.agenda_entree::after {
  content: "";
  display: block;
  width: 40%;
  margin: 0 auto;
  margin-top: 20px;
  height: 1px;
  background-color: #009ee0;
}
.masonry{
 display: block;
-webkit-column-gap: 0rem;
-moz-column-gap: 0rem;
column-gap: 0rem;
}

.masonry img{
  min-width: 100%;
}

/* 5 columns */
.masonry.masonry-columns-5{
-webkit-column-count: 5;
-moz-column-count: 5;
column-count: 5;
}
@media(max-width: 1170px){
  .masonry.masonry-columns-5{
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
}
}

/*-4 columns------*/
.masonry.masonry-columns-4{
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
}

/*-3 columns------*/
.masonry.masonry-columns-3{
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}

/*-2 columns------*/
.masonry.masonry-columns-2{
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}

/*-1 columns------*/
.masonry.masonry-columns-1{
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}


/*--------Responsive---------*/
@media(max-width: 991px){
  .masonry.masonry-columns-4,
  .masonry.masonry-columns-5{
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
}

@media(max-width: 767px){
  .masonry.masonry-columns-4,
  .masonry.masonry-columns-5,
  .masonry.masonry-columns-3{
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
}

@media(max-width: 540px){
  .masonry.masonry-columns-4,
  .masonry.masonry-columns-5,
  .masonry.masonry-columns-3,
  .masonry.masonry-columns-2{
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
}

.masonry .masonry-item {
    display: inline-block;
    width: 100%;
    padding: 15px;
    transition: all 0.4s ease-in-out;
    position: relative;
    break-inside: avoid-column;
    float: none;
  }
.masonry .masonry-item:hover {}
.masonry-item > div{
  overflow: hidden;
}

/* PAGE AGENDA DETAIL */
#page_agenda_entree_detaillee h2 {
  text-align: left;
}
#page_agenda_entree_detaillee h2::after{ height: 0; }
#page_agenda_entree_detaillee .image img{
  min-width: 100%;
}

#page_agenda_entree_detaillee .agenda_entree .gps {
  text-align: center;
  margin:10px 0;
}
.agenda_entree > .row:nth-child(2) {
	margin-bottom: 20px;
}

/* LIENS PRATIQUE */

.feature-center {
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
  float: left;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .feature-center {
    margin-bottom: 50px;
  }
}
.feature-center .icon {
  display: table;
  text-align: center;
  margin: 0 auto 10px auto;
  cursor:pointer;
}
.feature-center .icon i {
  display: table-cell;
  vertical-align: middle;
  font-size: 70px;
}
.feature-center a {
  color: #000;
}

/* Wobble Vertical */
@-webkit-keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.hvr-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
  -webkit-animation-name: hvr-wobble-vertical;
  animation-name: hvr-wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Article */
article img { width: 100% }
.elementPicture img{
  margin: 20px 0;
}
.intext_left {
	float: left;
	margin: 0 40px 40px 0;
}
.intext_right {
	float: right;
	margin: 0 40px 40px;
}
.above_center, .below_center { text-align: center; }
.above_right, .below_right   { text-align: right; }
.above_left, .below_left     { text-align: left; }
.lead { margin : 40px 0; }
.text {

}
.text p { padding: 0; }

@media screen and (max-width: 767px) {
	.text { font: 300 11pt "Helvetica Neue",Helvetica,Arial,sans-serif; }
}

/* Tableau */
table thead > tr > th, table tbody > tr > th, table tfoot > tr > th, table thead > tr > td, table tbody > tr > td, table > tfoot > tr > td { padding: 8px; font-size: 14px; border: 1px solid #333333;vertical-align: middle;}
table > thead > tr > th { vertical-align: middle; border-bottom: none; text-align: center;}
thead th {
  background: #009ee0;
  color: #fff;
  border: 1px solid #333333;
}
table{
  border: 1px solid #333333;
  margin-bottom: 25px;
}
.date_th{ max-width: 90px;}
.terr_th, .plan_th{ max-width: 70px; }


/* Calendrier */
.calendar {
	margin-bottom: 0;
	border: 1px solid #ccc;
}
.calendar caption {
	padding: 5px 0;
	color: #fff;
	background: #428bca;
}
.calendar thead { background: #eee; }
.calendar.table > tbody > tr > td {
	height: 40px;
	padding: 0;
	line-height: 0;
	background: #fff;
	text-align: center;
}
.calendar > tbody td a {
	display: block;
	height: 40px;
	padding: 0 8px;
	line-height: 40px;
}
.calendar tbody td a:hover { background-color: #d9edf7; }
.calendar tbody td.today { font-weight: bold; }
.calendar tbody td.today a {
	color: #fff;
	background: #428bca;
}
.calendar.table > tbody > tr > td.no_day { background: #f6f6f6; }

/* News */
.thumbnail img { min-width: 100%; }
.ratings form > div > div { width: 100%; }
.caption img { width: 100%; }

/* Blog */
.postResume h2, .postDetail h2{
  text-align: left;
  margin-top:0;
}
.postResume h2::after, .postDetail h2::after{
  height: 0px;
}
.confirmMsg {
	padding: 0 10px;
	margin-bottom: 10px;
	height: 30px;
	line-height: 30px;
	color: #39c12a;
	background-color: rgba(57,193,42,.1);
}
.authorMetas { font-size: 0.9em; }
#authorBillet .googleplus, #authorBillet .twitter, #authorBillet .siteweb {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 2px;
	background: url(/common_images/community/community_pictos.png) 0 -540px no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}
#authorBillet .twitter { background-position: -20px -540px; }
#authorBillet .siteweb { background-position: -40px -540px; }
#authorBillet .googleplus:hover { background-position: 0 -520px; }
#authorBillet .twitter:hover    { background-position: -20px -520px; }
#authorBillet .siteweb:hover    { background-position: -40px -520px; }

/* Notation */
.ui-stars-star {
	float: left;
	display : block;
	width: 20px;
	height: 20px;
	font-size: 0;
	background: url("../images/star-off.png") no-repeat -2px 0;
}
.ui-stars-star:nth-child(even) { background-position: -10px 0; }
.ui-stars-star-on { background: url("../images/star-on.png") no-repeat -2px 0; }
.ui-stars-star-hover { background: url("../images/star-on.png") no-repeat -2px 0; }
.rating-stars {
	display: inline-block;
	height: 15px;
}
.nb_ratings { color: #737373; }
.rating-value { margin-left: 20px; }

/* Annuaire */
.FicheSum::after {
  content: "";
  display: block;
  width: 40%;
  margin: 0 auto;
  margin-top: 20px;
  height: 1px;
  background-color: #009ee0;
}
.FicheSum .foo, .FicheSum img{
  min-width: inherit;
  max-height: 350px;
}
.TitreFiche{
  text-transform: uppercase;
  font-weight: bold;
}
.directory .icon, #page_annuaire_liste .icon, .entries .icon{
  display: block;
  background: #009ee0;
  padding: 5px 0 0 0;
  width: 55px;
  margin: 0 0 15px 0;
}
.directory .icon i, #page_annuaire_liste .icon i, .entries .icon i{
  color: #fff;
}
[class^="lnr-"], [class*=" lnr-"]{
  font-family: 'Linearicons-Free';
  line-height: 1;
  font-style: normal;
  font-weight: normal;
}
.pe-md-lnr{
  font-size: 2.5em;
}
.iconFiche {
  color: #009ee0;
  font-size: 1.5em;
  margin-right: 5px;
  line-height: 1.2em;
}
.dateMAJ{
  font-style: italic;
  color:#5d5d5d;
}
.Fb > span, .SiteInt span{
  color: #009ee0;
}
.display_none{
  display:none;
}
#page_annuaire div.text-center{
	text-align:left;
}
#page_annuaire_liste ul{
  padding-left:20px;
}
#page_annuaire_liste ul li{
  list-style-type:square;
  margin-top:10px;
}

.widget.vie_economique h3{
	text-align:left;
}
.directoryEntryTags .glyphicon, .postTags .glyphicon { font-size: 14px; }
.directoryEntryTagsLink, .postTags > .postTag {
	display: inline-block;
	height: 24px;
	padding: 0 10px;
	font-size: 12px;
	line-height: 24px;
	color: #aaa;
	background: #eee;
	border: 1px solid #ddd;
	border-radius: 3px;
	cursor: pointer;
}
.directoryEntryTagsLink:hover {
	color: #fff;
	text-decoration: none;
	background: #009ee0;
	border-color: #009ee0;
}
.pager a{
  background-color: #009ee0;
  color:#fff;
  padding: 5px 10px;
}
.pager a:hover, .pager a.active{
  background-color: #2980b9;
}

/* ---------------------------------------- */
/* 6 - Widgets                              */
/* ---------------------------------------- */
header .widget h4, header .widget h3{
  display: none;
}
.widget h3{text-align: center;}

#wrapperInner #breadcrumb + .widget{
  background-color: #F5F5F5;
  margin-bottom: 20px;
}

#rightbar .widget{
  background-color: #F5F5F5;
  margin-bottom: 20px;
  line-height: 1.4em;
}
/* LIEN AVEC PICTO */
#rightbar .widgetShortcutTools ul li::before, .widgetShortcutFooter ul li::before{
  font-family: 'Linearicons-Free';
  line-height: 30px;
  font-size: 2em;
  margin-right: 8px;
  vertical-align: middle;
}
#rightbar .widgetShortcutTools ul li a{
  line-height: 30px;
}
#rightbar .widgetShortcutTools ul li a:hover, .widgetShortcutFooter ul li a:hover{
  color: #333333;
}
.widgetShortcutTools .vos_demarches::before, .widgetShortcutFooter .vos_demarches::before{
  content: "\e81a";
}
.widgetShortcutTools .enfance_et_jeunesse::before, .widgetShortcutFooter .enfance_et_jeunesse::before{
  content: "\e838";
}
.widgetShortcutTools .vie_economique::before, .widgetShortcutFooter .vie_economique::before{
  content: "\e82d";
}
.widgetShortcutTools .cara_bus::before, .widgetShortcutFooter .cara_bus::before{
  content: "\e84d";
}
.widgetShortcutTools .agenda::before, .widgetShortcutFooter .agenda::before{
  content: "\e836";
}
.widgetShortcutTools .mairie_pratique::before, .widgetShortcutFooter .mairie_pratique::before{
 content: "\e832";
}
.widgetShortcutTools .reunions_de_conseil_municipal::before, .widgetShortcutFooter .reunions_de_conseil_municipal::before{
  content: "\e82b";
}
.widgetShortcutTools .urbanisme::before, .widgetShortcutFooter .urbanisme::before{
  content: "\e801";
}
.widgetShortcutTools .sous-menu_1::before, .widgetShortcutFooter .sous-menu_1::before{
  content: "\e82a";
}
.widgetShortcutTools .etaules_magazine::before, .widgetShortcutFooter .etaules_magazine::before{
  content: "\e828";
}
.widgetShortcutTools .collecte_selective::before, .widgetShortcutFooter .collecte_selective::before{
  content: "\e849";
}
.widgetShortcutTools .equipements_sportifs_et_de_loisirs::before, .widgetShortcutFooter .equipements_sportifs_et_de_loisirs::before{
  content: "\e84b";
}
.widgetShortcutTools .vie_associative::before, .widgetShortcutFooter .vie_associative::before{
  content: "\e812";
}
.widgetShortcutTools .bibliotheque_municipale::before, .widgetShortcutFooter .bibliotheque_municipale::before{
  font-family: 'Pe-icon-7-stroke'!important;
  content: "\e662";
}
.widgetShortcutTools .actualites::before, .widgetShortcutFooter .actualites::before{
  font-family: 'Pe-icon-7-stroke'!important;
  content: "\e62e";
}

/* LIEN DANS LE FOOTER */
.widgetShortcutFooter li a{
  color: #009ee0;
}
.widgetShortcutFooter li{
  padding: 5px 0;
}

/* ACTUALITE DANS LA SIDEBAR */
#rightbar .widgetHighlightPosts{
  padding: 0 20px;
  clear: both;
}
#rightbar .widgetHighlightPosts h2, #rightbar #diary h2{
  font-size:1.5em;
  font-weight: 500;
  margin-top: 10px;
}
#rightbar .widgetHighlightPosts h2::after, #rightbar #diary h2::after{
  display: none;
}

/* AGENDA DANS LA SIDEBAR */
#rightbar #diary {
  margin-bottom: 20px;
}
#rightbar #diary .pa10{
  padding-bottom: 10px;
}
#rightbar #diary .title{
  line-height: 1.2em;
}
#rightbar #diary .events .conteneur{
  display: none;
}

/* Header Widget */
header .col-md-10 > .row{
  margin-top: 50px;
}
header .widget{
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
  padding-right: 15px;
  border-right:1px solid #000;
  max-height: 35px;
  min-height: 35px;
}

/* Recherche générale */

.widgetSearch .row, .widgetSearch .submit{
  float: left;
}
.widgetSearch input{
  max-width: 170px;
  border-color: #000;
  border-radius: 0;
  margin-right: 5px;
}
.widgetSearch .submit button{
  border:none;
  background:none;
  padding:0;
}

/* Agrandir / Reduire */
#agrandir, #diminuer{
  display: inline-block;
  cursor: pointer;
  line-height: 35px;
}
#agrandir{
  font-size: 24px;
}
#diminuer{
  font-size: 16px;
}

/* Retour à l'accueil */
.lienRetour{
  color:#000;
  text-transform: uppercase;
  font-size: 0.8em;
  line-height: 32px;
}

/* Météo */
.meteo{
  position: absolute;
  right: 0;
  top: 30px;
}
.meteo h3, .slink, .nomP{ display: none!important;}

/* Marée */
.maree iframe{ width: 100% }
iframe#vignette_shom_405242 body div#main{
  background-color:red;
}
.widgetCode.maree{
height:310px;
overflow:hidden;
}
.widgetCode.maree iframe{
height:300px;
overflow:hidden;
}

.MapFooter h3 {display: none;}
.blocFooter, #footer .blocFooter h3 {
  color: #fff;
}
#footer .Mail a{color: #fff;}

/* RSS */
.widgetRssItemTitle {
	font-size: 24px;
	margin-top: 20px;
	margin-bottom: 10px;
}

/* Liens */
.widgetShortcutTools {
  background-color: #fff!important;
}

/* Auteurs */
.pageElement .widgetBlogAuthors ul {
	list-style-type: none;
	padding: 0;
}
.pageElement .widgetBlogAuthors ul li { display: inline-block; }
.pageElement .widgetBlogAuthors ul li a {
	display: inline-block;
	padding: 0 10px;
	line-height: 30px;
	border: 1px solid #999;
	border-radius: 5px;
}

/* Calendrier */
.widgetCalendar .calendar.table > tbody > tr > td { line-height: 40px; border: none; }
#wrapperInner .widgetCalendar .calendar { width: 260px; }
#wrapperInner .size1_3 .widgetCalendar .calendar,
#wrapperInner .size1_4 .widgetCalendar .calendar,
#wrapperInner .size1_5 .widgetCalendar .calendar,
#wrapperInner .size1_6 .widgetCalendar .calendar,
#wrapperInner .size1_7 .widgetCalendar .calendar,
#wrapperInner .size1_8 .widgetCalendar .calendar { width: 100%; }

/* Mise en avant de billets */
aside .widgetHighlightPosts .col-sm-6 { width: 100%; }
aside .widgetHighlightPosts .widgetHighlightDescription { padding: 10px 0 0; }
aside .widgetHighlightPosts .borderTop,
aside .widgetHighlightPosts .widgetHighlightRating,
aside .widgetHighlightPosts .widgetHighlightCommentsLink,
.size1_3 .widgetHighlightRating label,
.size1_4 .widgetHighlightRating label,
.size1_5 .widgetHighlightRating label,
.size1_6 .widgetHighlightRating label,
.size1_7 .widgetHighlightRating label,
.size1_8 .widgetHighlightRating label { display: none; }
.widgetRssItem .widgetRssItemDate,
.widgetHighlightPosts .widgetHighlightDate {
	padding-bottom: 10px;
	color: #999;
}
.widgetHighlightPosts ul{
  list-style-type: none;
  padding: 0;
}
.widgetHighlightPosts h4{ text-transform: inherit; }
.widgetHighlightThumbnail{ position: relative; }
.widgetHighlightPosts #iconActu{
  position: absolute;
  bottom: -20px;
  right: 40%;
  padding: 2px 6px 0px 6px;
  background-color: #009EE0;
  color: #fff;
}
.pageElement .widgetHighlightPosts .widgetHighlightThumbnail { margin-bottom: 10px; }
.pageElement .widgetHighlightPosts .linksmore + div { margin-top: 10px; }
.size1_3 .widgetHighlightRating, .size1_3 .widgetHighlightCommentsLink,
.size1_4 .widgetHighlightRating, .size1_4 .widgetHighlightCommentsLink,
.size1_5 .widgetHighlightRating, .size1_5 .widgetHighlightCommentsLink,
.size1_6 .widgetHighlightRating, .size1_6 .widgetHighlightCommentsLink,
.size1_7 .widgetHighlightRating, .size1_7 .widgetHighlightCommentsLink,
.size1_8 .widgetHighlightRating, .size1_8 .widgetHighlightCommentsLink { padding-top: 5px; }

/* Widget Annuaire - Recherche avancée */
.directoryAdvancedSearch .dateElement .form-control {
	display: inline-block;
	width: auto;
}
.directoryAdvancedSearch .dateElement label { font-weight: normal; }
.directoryAdvancedSearch .dateElement span {
	position: absolute;
	top: 10px;
	right: 10px;
	display: block;
	cursor: pointer;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	-moz-opacity: .3;
	opacity: .3;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
.directoryAdvancedSearch .dateElement span:hover {
	color: #428bca;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

/* Widget Annuaire - Publier des fiches */
.boxdirectories > div { float: none; }

/* Widget de connexion */
.socialNetworkConnect { padding-top: 10px; }
a.facebookConnect, a.twitterConnect, a.googleConnect {
	display: inline-block;
	vertical-align: top;
	padding: 0 10px 0 0;
	height: 31px;
	font: normal 12px/30px 'Roboto', 'Lucida Grande', Arial, sans-serif;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	background: #5f78ab;
	border: 1px solid #405a91;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
a.twitterConnect {
	background-color: #55acee;
	border-color: #4998d5;
}
a.googleConnect {
	background-color: #cc3732;
	border-color: #b62b26;
}
a.facebookConnect:hover { background-color: #6895c4; }
a.twitterConnect:hover  { background-color: #6bcbf8; }
a.googleConnect:hover   { background-color: #e94d48; }
a.facebookConnect .iconSocialNetwork, a.twitterConnect .iconSocialNetwork, a.googleConnect .iconSocialNetwork {
	display: inline-block;
	vertical-align: top;
	width: 30px;
	height: 30px;
	background: url(/common_images/skins/DefaultSkins1.5/icon_socialNetworks.png) 0 0 no-repeat;
}
a.twitterConnect .iconSocialNetwork { background-position: -30px 0; }
a.googleConnect .iconSocialNetwork  { background-position: -60px 0; }
a.facebookConnect > span, a.twitterConnect > span, a.googleConnect > span {
	display: inline-block;
	vertical-align: top;
	padding-left: 10px;
}
a.facebookConnect > span { border-left: 1px solid #405a91; }
a.twitterConnect > span { border-left: 1px solid #4998d5; }
a.googleConnect > span { border-left: 1px solid #b62b26; }
a.googleConnect iframe { display: none; }

/* Newsletter */
.mailingSubscribe, .mailingSubscribeSuccess { text-align: center; }
.mailingSubscribe:before, .mailingSubscribeSuccess:before {
	content: '\e013';
	display: block;
	vertical-align: middle;
	width: 100px;
	height: 100px;
	margin: 10px auto 30px;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: normal;
	font-size: 4rem;
	line-height: 98px;
	color: #fff;
	text-align: center;
	background-color: #428bca;
	border-radius: 50%;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Widget météo */
.widgetWeather{
	font-size: 0.8em;
  line-height: 16px;
}
.weatherDate{
  font-weight: bold;
  font-size: 1em;
}
.weatherDate, .weatherTown, .weatherForecast, .weatherTown .item > div, .weatherForecast .item > div{
  display: inline-block;
  vertical-align: middle;
}
.weatherTown .itemPicture, .weatherForecast .itemPicture {
	width: 30px;
}

/* ---------------------------------------- */
/* 7 - Formulaire                           */
/* ---------------------------------------- */
form .row {
	margin-right: 0;
	margin-left: 0;
}
form .multi_radio, form .multi_radio input, form .multi_radio label, form .multi_checkbox, form label, form .checkbox, form .radio{
  display: inline-block;
}
form .multi_checkbox ul, form .multi_radio ul{
  padding: 0;
}
.help-block > p {
	padding: 0;
	color: #aaa;
}
.has-error .errorForm, .error .errorForm, .loginError {
	font-size: 9pt;
	color: #a94442;
}
.error { color: #a94442; }
.error .form-control {
	border-color: #a94442;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.loginError {
	padding: 0 5px;
	margin-bottom: 10px;
	line-height: 20px;
	border: 1px solid #a94442;
}
.multi_checkbox, .multi_radio {
	display: block;
	padding: 2px 5px !important;
}
.multi_checkbox input[type="checkbox"],
.multi_radio input[type="radio"] {
	display: inline-block;
	margin-right: 5px;
}
.other ul {
	display: inline-block;
	list-style-type: none;
}
.obligatory { color: red; }
.form-group:last-child { margin-bottom: 0; }

.error{
  color: red;
}

/* Champ Select avec visuels */
.selectWithVisual .row {
	position: relative;
	display: inline-block;
}
.selectWithVisual .row input[type="checkbox"] {
	position: absolute;
	bottom: 0;
	right: 0;
	visibility: hidden;
}
.selectWithVisual .row img { padding: 5px; }
.selectWithVisual .row img:hover    { background: #9bccf7; }
.selectWithVisual .row img.selected { background: #428bca; }
.selectWithVisual .row label > .glyphicon {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	display: none;
	padding: 10px;
	color: #fff;
	background: #428BCA;
}
.selectWithVisual .row label > .label { display: none; }

/* Champ Calendrier */
.insertDate {
	position: absolute;
	top: 9px;
	right: 10px;
}
#overDiv.calendar { margin: 0 0 0 -300px; }

.btn-primary { margin: 10px 0; }
.form_creator_header {
	padding: 10px 0 0;
	margin-bottom: 20px;
	border-bottom: 2px solid #999;
}
.form_creator_footer {
	padding: 10px 0;
	margin-top: 20px;
	border-top: 2px solid #999;
}
legend { margin-bottom: 10px; }
.formQcmLegend {
	padding: 5px;
	border: 1px solid #ccc;
}
#formsQcm ul { padding: 10px 0 10px 20px; }
#formsQcm ul li { padding: 2px 0; }
#formsQcm ul li span, .formQcmLegend span {
	display: inline-block;
	padding: 0 5px;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	background: #ee4736;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.formQcmLegend span { margin-right: 5px; }
#formsQcm ul li.good span, .formQcmLegend .good { background: #60c24a; }

/* Datepicker */
.ui-datepicker {
	padding: 20px;
	background: #fff;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	box-shadow: 0 0 7px rgba(0,0,0,.2);
}
.ui-datepicker-header {
	height: 40px;
	background: #eee;
}
.ui-datepicker-next, .ui-datepicker-prev {
	float: left;
	display: inline-block;
	width: 40px;
	height: 40px;
	font: normal 100 20px 'Glyphicons Halflings';
	font-style: normal;
	font-weight: 100;
	line-height: 14px;
	text-align: center;
	cursor: pointer;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.ui-datepicker-next { float: right; }
.ui-datepicker-prev span, .ui-datepicker-next span {
	display: block;
	text-indent: -9999px;
}
.ui-datepicker-prev:after {
	content: "\e079";
}
.ui-datepicker-next:after { content: "\e080"; }
.ui-datepicker-next:hover, .ui-datepicker-prev:hover {
	color: #fff;
	text-decoration: none;
	background: #428bca;
}
.ui-datepicker-title {
	line-height: 40px;
	text-align: center;
}
.ui-datepicker-title select { margin: 0 5px; }
.ui-datepicker-calendar { border: 1px solid #ccc; }
.ui-datepicker-calendar thead {
	height: 40px;
	padding: 0 8px;
	line-height: 40px;
	background: #eee;
	border-top: 1px solid #ccc;
	border-bottom: 2px solid #ccc;
}
.ui-datepicker-calendar thead th {
	padding: 0 8px;
	text-align: center;
}
.ui-datepicker tr > td {
	height: 40px;
	padding: 0;
	line-height: 0;
	border-bottom: 1px solid #ccc;
}
.ui-datepicker tr > td.ui-state-disabled { background: #f6f6f6; }
.ui-datepicker tr > td a {
	display: block;
	height: 40px;
	padding: 0 8px;
	font-size: 12pt;
	line-height: 40px;
	text-align: center;
}
.ui-datepicker tr > td a:hover { background-color: #d9edf7; }
.ui-datepicker tr > td a.ui-state-active {
	color: #fff;
	background: #666;
}
.ui-datepicker tr > td.ui-datepicker-today a {
	color: #fff;
	text-decoration: none;
	background: #428bca;
}

/* ---------------------------------------- */
/* 8 - Diaporama                            */
/* ---------------------------------------- */
.slider_acceuil h3{ display: none; }
.diaporamaSlide > img { width: 100%!important;}
.diaporamaSlide{ padding-left: 0!important; }
.diaporamaControlPrev, .diaporamaControlNext {
	padding: 20px;
	margin-top: -30px;
	cursor: pointer;
	line-height: 1;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
.diaporamaControlNext {
	border-radius: 8px 0 0 8px;
	-moz-border-radius: 8px 0 0 8px;
	-webkit-border-radius: 8px 0 0 8px;
}
.diaporamaControlPrev:hover {
	padding-left: 30px;
}
.diaporamaControlNext:hover {
	padding-right: 30px;
}
.diaporamaSimpleSlideshow > div > span {
	display: none;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
}
.diaporamaSimpleSlideshow .diaporamaControlPrev::before,
.diaporamaSimpleSlideshow .diaporamaControlNext::before {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-size: 30px;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.diaporamaSimpleSlideshow .diaporamaControlPrev::before { content: '\e257'; }
.diaporamaSimpleSlideshow .diaporamaControlNext::before { content: '\e258'; }
.diaporamaSimpleSlideshow .diaporamaDots > div {
	position: relative;
	display: inline-block;
	padding: 10px 0;
	line-height: 9px;
}
.diaporamaSimpleSlideshow .diaporamaDots span {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 3px;
	cursor: pointer;
	text-indent: -9999px;
	border: 1px solid rgb(150,150,150);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
.diaporamaSimpleSlideshow .diaporamaDots span:hover,
.diaporamaSimpleSlideshow .diaporamaDots span.diaporamaDotActive { background: rgba(255,255,255,1); }
.diaporamaExtra > div {
	display: inline-block;
	padding: 10px;
	color: #fff;
	text-align: left;
	margin-left: 150px;
}
.diaporamaExtraMiddleLeft,
.diaporamaExtraMiddleRight,
.diaporamaExtraMiddleCenter {
	padding: 0 70px;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.diaporamaExtraTopLeft,
.diaporamaExtraTopRight,
.diaporamaExtraTopCenter { padding: 10px; }
.diaporamaExtraBottomLeft,
.diaporamaExtraBottomRight,
.diaporamaExtraBottomCenter { padding: 10px 10px 40px; }

.diaporamaExtraTopCenter,
.diaporamaExtraBottomCenter,
.diaporamaExtraMiddleCenter,
.diaporamaExtra.diaporamaExtraTopCenter > div,
.diaporamaExtra.diaporamaExtraBottomCenter > div,
.diaporamaExtra.diaporamaExtraMiddleCenter > div { text-align: center; }

.diaporamaExtraTopRight,
.diaporamaExtraMiddleRight,
.diaporamaExtraBottomRight { text-align: right; }
.diaporamaExtra strong {
	background: rgba(0, 146, 80, 0.6);
	display: table-cell;
	padding: 8px 15px;
	font-size: 1.5em;
	font-weight: 400;
}
.diaporamaExtra span{
	display: block;
}

/* ---------------------------------------- */
/* 9 - Googlemap                            */
/* ---------------------------------------- */
.map .gm-style img { max-width: none; }
.map > div { max-width: 100%; }

/* ---------------------------------------- */
/* 10 - Spécifique                          */
/* ---------------------------------------- */
/* Lien état civil */ 
.blocLien .icon i{
  font-size: 70px;
}
.blocLien a {
  color: #000;
  display: block;
}
.blocLien a:hover{cursor:pointer;}
.monuments { margin: 0 -25px; }
.monumentEntry .map > div { margin: 0!important; }
.monumentEntryDescription {
	height: 60px;
	text-overflow: ellipsis;
}
.monumentEntryLocalisation { color: #999; }
.monumentEntryLink {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 2;
	width: 40px;
	height: 40px;
	font-size: 1.2em;
	line-height: 45px;
	color: #999;
}
.monumentEntryLink:hover {
	color: #fff;
	background-color: #428bca;
	border-color: #428bca;
}
.monumentEntryDetailHeader { min-height: 40px; }
.monumentEntryDetailHeadingLabel {
	position: absolute;
	left: 5%;
	z-index: 2;
	width: 90%;
	margin-top: -40px;
	color: #fff;
	background: #428bca;
}
.monumentEntryDetail h1 {
	margin: 0;
	background: #222;
}
.monumentEntryDetailCity { line-height: 40px; }
.monumentEntryDetailCity span { margin-right: 5px; }
.monumentEntryDetailMap {
	width: 300px;
	border-right: 1px solid #fff;
}
.monumentEntryDetailMainImage { width: 840px; }
.monumentEntryDetailContent { padding-top: 50px; }
.monumentEntryDetailMetas { width: 90%; }
.monumentEntryDetailGallery ul { padding-left: 0; }
.monumentEntryDetailGallery ul:after {
	content: '';
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
.monumentEntryDetailGallery li {
	list-style-type: none;
	float: left;
	padding-right: 10px;
}
.monumentEntryDetailGallery li a {
	display: block;
	padding: 10px;
	border: 1px solid #ccc;
	-webkit-transition: border-color .2s ease-out;
	-moz-transition: border-color .2s ease-out;
	-o-transition: border-color .2s ease-out;
	transition: border-color .2s ease-out;
}
.monumentEntryDetailGallery li a img {
	-webkit-transition: opacity .2s ease-out;
	-moz-transition: opacity .2s ease-out;
	-o-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out;
}
.monumentEntryDetailGallery li a:hover { border-color: #428bca; }
.monumentEntryDetailGallery li a:hover img {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: .7;
	opacity: .7;
}
#leftbar .monumentEntry, #rightbar .monumentEntry {
	padding-right: 0;
	padding-left: 0;
}
#leftbar .monumentEntry, #leftbar .monumentEntry > div > div,
#rightbar .monumentEntry, #rightbar .monumentEntry > div > div { width: 100%!important; }
#leftbar .monumentEntry > div > div:first-child, #rightbar .monumentEntry > div > div:first-child { display: none; }
#leftbar .monumentEntry h3, #leftbar .monumentEntryDescription,
#rightbar .monumentEntry h3, #rightbar .monumentEntryDescription { padding: 0; }
#leftbar .monumentEntryLocalisation,
#rightbar .monumentEntryLocalisation { padding: 20px 0 0; }

/* ---------------------------------------- */
/* X - TRICKS                               */
/* ---------------------------------------- */

/* Colors */
.bg_blue { background-color: rgba(0,158,224,0.2);}
.bg-green { background: #009250; }
.bg-green-light { background: rgba(0,146,80,0.2); }
.bg-black { background: #000; }
.bg-gray-light { background: #F5F5F5; }
.bg-gray-dark  { background: #777; }
.bg-dark       { background: rgba(0,0,0,0.2); }

/* Misc */
.margin-bottom { margin-bottom: 20px; }
.margin-top    { margin-top: 20px; }

.bg-margin-bottom { margin-bottom: 60px; }
.bg-margin-top    { margin-top: 60px; }

.sm-margin { margin: 10px; }
.md-margin { margin: 20px; }
.lg-margin { margin: 40px; }

.sm-padding { padding: 10px; }
.md-padding { padding: 20px; }
.lg-padding { padding: 40px; }

.no-padding { padding: 0; }
.no-margin{ margin:0; }

.banner h4 { display: none; }

.shadow-hover {
	-webkit-transition: box-shadow 0.3s ease-out;
	-moz-transition: box-shadow 0.3s ease-out;
	-o-transition: box-shadow 0.3s ease-out;
	transition: box-shadow 0.3s ease-out;
}
.shadow-hover:hover { box-shadow: 0 0 15px 15px rgba(0,0,0,.1); }

img, video, audio { max-width: 100%; }

.mod   { overflow: hidden; }
.inbl  {
	display: inline-block;
	vertical-align: top;
}
.inblM {
	display: inline-block;
	vertical-align: middle;
}
.hide  { display: none; }
.clear {
	border: 0;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
}
.static   { position: static; }
.relative { position: relative; }
.absolute { position: absolute; }

.txtLeft   { text-align: left; }
.txtCenter { text-align: center; }
.txtRight  { text-align: right; }

.borderAll    { border: 1px solid #999; }
.borderTop    { border-top: 1px solid #999; }
.borderRight  { border-right: 1px solid #999; }
.borderBottom { border-bottom: 1px solid #999; }
.borderLeft   { border-left: 1px solid #999; }

.posLeft   { float: left; }
.posMiddle { margin: 0 auto; }
.posRight  { float: right; }

.ligneElement:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.size1_1 { width: 100%; padding: 0 1%; }
.size1_80 { width: 80%; padding: 0 1%; }
.size1_60 { width: 60%; padding: 0 1%; }
.size1_2 { width: 50%;  padding: 0 1%; }
.size1_40 { width: 40%;  padding: 0 1%; }
.size1_3 { width: 33.33%; padding: 0 1%; }
.size1_4 { width: 25%; padding: 0 1%; }
.size1_5 { width: 20%; padding: 0 1%; }
.size1_6 { width: 16.66%; padding: 0 1%; }
.size1_7 { width: 14.285%; padding: 0 1%; }
.size1_8 { width: 12.5%; padding: 0 1%; }

#content [class *="col-xs"],
#content [class *="col-sm"],
#content [class *="col-md"] { width: 100%; }

.pa0  { padding: 0; }
.pa10 { padding: 10px; }
.pa20 { padding: 20px; }
.pt0  { padding-top: 0; }
.pt10 { padding-top: 10px; }
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }
.pr0  { padding-right: 0; }
.pr10 { padding-right: 10px; }
.pr20 { padding-right: 20px; }
.pr30 { padding-right: 30px; }
.pb0  { padding-bottom: 0; }
.pb10 { padding-bottom: 10px; }
.pb20 { padding-bottom: 20px; }
.pb30 { padding-bottom: 30px; }
.pl0  { padding-left: 0; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl30 { padding-left: 30px; }

.mt05 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mr05 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.mb0  { margin-bottom: 0; }
.mb05 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.ml05 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }

.w25  { width: 25%; }
.w50  { width: 50%; }
.w75  { width: 75%; }
.w100 { width: 100%; }

#overDiv {
	position: absolute;
	font-size: 12pt;
	background: #FFF;
	box-shadow: 0 0 7px 7px rgba(0,0,0,.2);
	border-radius: 6px;
}
.overlibheader {
	padding: 10px 20px;
	font-size: 300 13pt "Helvetica Neue",Helvetica,Arial,sans-serif;
	background: #d9edf7;
	border-radius: 6px 6px 0 0;
}
.overlibclose {
	position: absolute;
	top: 10px;
	right: 20px;
}
#overlibcontent { padding: 20px; }
#overlibfooter { display: none; }

/* ---------------------------------------- */
/* X - Fancy Box                            */
/* ---------------------------------------- */
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
	vertical-align: top;
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
}
.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}
.fancybox-skin {
	position: relative;
	color: #444;
	text-shadow: none;
	background: #f9f9f9;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;
}
.fancybox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
			box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error {
	padding: 15px;
	margin: 0;
	font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #444;
	white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}
.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(/common_images/fancyBox/fancybox_sprite.png); }
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 8060;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	cursor: pointer;
	opacity: 0.8;
}
#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url(/common_images/fancyBox/fancybox_loading.gif) center center no-repeat;
}
.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	z-index: 8040;
	width: 36px;
	height: 36px;
	cursor: pointer;
}
.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	z-index: 8040;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url(/common_images/fancyBox/blank.gif); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	z-index: 8040;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	visibility: hidden;
}
.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}
.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	max-width: 99999px;
	max-height: 99999px;
	visibility: hidden;
	overflow: visible !important;
}

/* Overlay helper */
.fancybox-lock {
	overflow: hidden !important;
	width: auto;
}
.fancybox-lock body { overflow: hidden !important; }
.fancybox-lock-test { overflow-y: hidden !important; }
.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8010;
	display: none;
	background: url(/common_images/fancyBox/fancybox_overlay.png);
	overflow: hidden;
}
.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}
.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */
.fancybox-title {
	position: relative;
	z-index: 8050;
	font: normal 13px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-shadow: none;
	visibility: hidden;
}
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	z-index: 8050;
	margin-bottom: -35px;
	text-align: center;
}
.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	font-weight: bold;
	line-height: 24px;
	color: #FFF;
	text-shadow: 0 1px 2px #222;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	white-space: nowrap;
}
.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/* media queries */
@media screen and (max-width: 70em) {
  .cbp-hrmenu { font-size: 90%;}
  .vos_interlocuteurs #wrapperInner h3{ min-height: 59px; }
  .vos_interlocuteurs #wrapperInner h4{ min-height: 40px; }
}

@media screen and (max-width: 52.75em) {

  body{ font-size: 14px; }
  #footer .blocFooter + .widget{ min-height: auto; border-right: 0; }
}

@media screen and (max-width: 43em) {

  .cbp-hrmenu {
    font-size: 120%;
    border: none;
  }

  .cbp-hrmenu > ul,
  .cbp-hrmenu .cbp-hrsub-inner {
    width: 100%;
    padding: 0;
  }

  .cbp-hrmenu > ul > li {
    display: block;
    border-bottom: 4px solid #009ee0;
  }

  .cbp-hrmenu > ul > li > a {
    display: block;
    padding: 1em 2em;
  }

  .cbp-hrmenu .cbp-hrsub {
    position: relative;
  }

  .cbp-hrsub h4 {
    padding-top: 0.6em;
  }
  .diaporamaExtra { display: none; }
  .vos_interlocuteurs #wrapperInner h3{ min-height: auto; }
  .vos_interlocuteurs #wrapperInner h4{ min-height: auto; }

}

@media screen and (max-width: 36em) {
  header .col-md-10 > .row{ margin-top: 15px; }
  .retourAccueil{ margin-bottom: 10px; }
  .cbp-hrmenu .cbp-hrsub-inner > div > ul > li {
    width: 100%;
    float: none;
    padding: 0 2em;
  }
  .cbp-hrmenu > ul > li > a { padding: 1em; border-bottom: 3px solid #fff;}
  header .widget{ margin-right: 10px; padding-right: 10px; max-height: 30px; min-height: 30px;}
  #diary{ height: auto;}
  #widgetAgendaImagePrincipaleConteneur { height: auto; }
  #footer .lnr{ line-height: inherit; }
  #footer .Mail{margin-bottom: 15px;}
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url(/common_images/fancyBox/fancybox_sprite@2x.png);
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url(/common_images/fancyBox/fancybox_loading@2x.gif);
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

/* LOIC : ACCUEIL */
body.accueil #breadcrumb {
	display: none;
}
body.accueil #accueil_pratique_titre{
	text-align:center;
	margin-top:40px;
}
body.accueil .container.accueilAgenda {
	padding-top: 40px;
}
body.accueil .accueil_center{
	text-align:center;
}
body.accueil .titre_liens_acces_courant {
	margin-top: 100px;
}

body.accueil #liens_acces_courant_conteneur{
	margin-bottom:40px;
	max-width:900px;
}
body.accueil .widget.widgetCode.retourAccueil{
	display:none;
}

#pratique {
	line-height: 18px;
}

/* SANTÉ : aérer un peu la mise en page 
body.sante #elements_list div .elementTitle {
padding-top: 10px;
}
*/

/* ÉTAULES MAGAZINE */
body.etaules_magazine .elementIFrame {
	margin-bottom: 40px;
}

body.etaules_magazine .elementIFrame > div:first-child > div:first-child > a {
	color: #009ee0;
	text-transform: uppercase;
	font-size: 120%;
}

body.etaules_magazine .elementIFrame > div:first-child > div:first-child > a::after {
	display: block;
	content: "";
	width: 70%;
	background-color: #dfeabc;
	margin-top: 5px;
	margin: 0 auto;
height:2px;
}

body.etat_civil_et_titres_d_identite div.col-md-3.col-sm-3.mb20 div.bg_blue{
min-height:150px;
}

/* TEST */
body #elements_list h2 {
	padding-top: 40px;
}

/* VIE ASSOCIATIVE */
#directorySimpleSearchForm .submit {
	text-align: right;
}

#directorySimpleSearchForm label{
	display:none;
}

#wrapperInner #breadcrumb + .widget.widgetDirectorySearch.recherche_Assoc {
	background-color: transparent;
}

.widget.widgetDirectorySearch.recherche_Assoc{
	display:none;
	padding-bottom:40px;
}

.widget.widgetDirectorySearch.recherche_Assoc h4 {
	display: inline-block;
	color: #009ee0;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	padding-bottom: 5px;
	text-align: center;
	margin-top: 0;
	margin-bottom: 15px;
	font-size:1.875em;
}
.widget.widgetDirectorySearch.recherche_Assoc h4::after {
	display: block;
	content: "";
	width: 70%;
	background-color: #dfeabc;
	margin-top: 5px;
	margin: 0 auto;
	height:2px;
}

/* LES ÉLUS */
body.les_elus .ligneElement .elementPicture .txtCenter {
	text-align: left;
}
body.les_elus .elementPicture img{
	margin:0;
}
body.les_elus .pageElement .elementText, body.les_elus .elementPicture figcaption {
	line-height:16px;
}
body.les_elus .elementPicture figcaption {
	margin-top:10px;
}

/* VOS INTERLOCUTEURS */
#vos_interlocuteurs_liste {
	text-align: center;
	margin-top:40px;
}
.vos_interlocuteurs_cat {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin-right: 10px;
	margin-bottom: 40px;
}
.vos_interlocuteurs_cat h2 {
	display: block;
	font-size:1.795em;
}
.vos_interlocuteurs_cat h3 {
	font-size: 1.200em;
}
.vos_interlocuteurs_cat > div {
	display: inline-block;
	margin-right: 10px;
	vertical-align: top;
	margin-bottom: 20px;
}
.vos_interlocuteurs_cat > div figure {
	display: inline-block;
	vertical-align: top;
	margin-right: 5px;
	margin-bottom: 5px;
}
.vos_interlocuteurs_cat > div figure figcaption span{
	color:#f39200;
}
.vos_interlocuteurs_cat img {
	max-width: 202px;
	max-height: 274px;
}
/* PLAN LOCAL D'URBANISME */
body.plan_local_d_urbanisme_plu #elements_list {
	line-height: 16px;
}

body.plan_local_d_urbanisme_plu #elements_list .pageElement {
	margin-top:10px;
	margin-bottom:20px;
}

h1{
	text-align:left;
} 

/* CACHER LE BLOC AUTEUR POUR LES FICHES INDIVIVUELLES ACTUALITÉS */
body.blogPostDetail #blog div.postDetail #authorBillet{
	display:none; 
}

/* ACTUALITÉS */
.widgetHighlightPost{
text-align: center;
}
#slider_actu ul li{
height: 350px;
}
#slider_actu ul li img{
max-height: 200px;
}
.widgetHighlightPosts #iconActu{
display:none;
}


/* WIDGETS APIDAE */
.sw-sitraWidgetListeObjetsTouristiques .sw-ot {
	width: 100% !important;
}

.sw-sitraWidgetListeObjetsTouristiques .sw-ot {
	font-size: 16px !important;
	font-family: "Lato", Arial, sans-serif !important;
}

.sw-sitraWidgetListeObjetsTouristiques .sw-scroll-indicator-outer,
.sw-sitraWidgetListeObjetsTouristiques .sw-scroll-indicator-up,
.sw-sitraWidgetListeObjetsTouristiques .sw-scroll-indicator-down{
opacity:0 !important;
height:0 !important;
width:0 !important;
display:inline-block !important;
display:none !important;
}

.sw-sitraWidgetListeObjetsTouristiques {
	width: auto !important;
	height: auto !important;
	background-color: transparent !important;
}

.sw-sitraWidgetListeObjetsTouristiques-inner, .sw-page-container, .sw-page-outer {
	overflow: unset !important;
	position:relative !important;
height: auto !important;
width: auto !important;
}
.sw-ot-section-title {
font-weight: bold !important;
	font-size: 16px !important;
}

.sw-ot-nom {
	font-size: 20px !important;
	line-height: unset !important;
}

.sw-ot-descriptifs {
	margin-bottom:10px !important;
	font-size: 16px !important;
}

.sw-pagination {
	font-size: 16px !important;
}
a.sw-pagination {
	font-size: 20px !important;
	font-weight: bold !important;
}

/* API-DAE */
.masonry .masonry-item .contenu, .masonry .masonry-item .contenu_detaille {
  text-align: justify;
}
.masonry .masonry-item .label_titre{
  font-weight:bold;
}
.masonry .masonry-item .sep span.sep::after{
  content:" \30FB";
  margin:0;
  color:#009ee0;
}
.masonry .masonry-item .sep span.sep:last-child::after{
  content:'';
}

.contenu_detaille_tronque{
  max-height:300px;
  overflow-y:hidden;
}
.contenu_detaille_tronque_suite {
	color: #009ee0;
	margin-bottom: 15px;
	text-align: center;
	border: 2px dotted #009ee0;
	cursor: pointer;
}



#contact_formulaire input, #contact_formulaire textarea {
	display: block;
	width: 100%;
}
#contact_formulaire .erreur {
	color: red;
}
#contact_formulaire .form_creator_header {
	padding-bottom: 10px;
	border-width: 2.5px;
}
#contact_formulaire #form_fi{
display:none;
}
#contact_formulaire #form_submit {
	margin: 15px 0 10px 0;
	text-align: right;
}
#contact_formulaire #form_submit input {
	width: auto;
	display: inline;
}
#contact_formulaire #form_anti_pourriel label {
	font-weight: 300;
}
#contact_formulaire #contact_infos_legales {
	text-align: justify;
	font-size: 80%;
}
#contact-google-maps{padding-bottom:30px;text-align:center}
#contact-google-maps img{border:1px solid grey}
#contact-google-maps figcaption{font-size:75%}