/* -------------------------------- */
/* SLIDESHOW */
/* -------------------------------- */
#blocDiaporama, .owlAccueil, #blocDiaporama .diapoSlide .bgDiapo, .diapoSlide {
  min-height: 750px;
}
#blocDiaporama {
  position: relative;
  margin-bottom: 35px;
}
#blocDiaporama::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 40px 0 0 550px;
  border-color: transparent transparent transparent #ffffff;
  position: absolute;
  left: 0;
  bottom: -1px;
  z-index: 2;
}
/*#blocDiaporama::after {
    content: "";
    position: absolute;
    top: 100%;
    right: 0;
    background-color: #fff;
    padding-bottom: 10%;
    width: calc(100% - 450px);
    z-index: 1;
    transition: .3s;
}
#blocDiaporama .opacityHeader::after {
  content: "";
  position: absolute;
  top: 100%;
  right: 0px;
  background-color: #fff;
  padding-bottom: 0;
  width: calc(100% - 450px);
  z-index: 1;
  height: 60px;
}*/
.diapoSlide .bgDiapo {
  display: block;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.opacityHeader {
  position: absolute;
  width: 100%;
  height: 100%;
  zoom: 1;
  filter: alpha(opacity=50);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  opacity: 0.50;
  background-color: #000000;
  z-index: 5;
}
.blocCenterSlide {
  text-align: left;
  position: absolute;
  left: 15px;
  top: 50%;
  right: 15px;
  z-index: 8;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  line-height: 1;
}
.containerHeaderImage {
  z-index: 5;
}

#headerImage {
  position: relative;
}
.owlAccueil {
  padding-left: 0;
  padding-right: 0;
}
.owlAccueil .owl-nav {
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 8%;
  right: 8%;
}
.alert-wrapper {
  z-index: 10;
  position: fixed;
  left: 0;
right: 0;
bottom: 0;
padding-left: 0;
padding-right: 0;
}
.alert-dismissible .btn-close {
  right: 65px;
}
h2.titreSlide {
  color: white;
  text-transform: normal;
  font-weight: 700;
  font-size: 3rem;
  position: relative;
  margin-bottom: 10px;
}

.descriptionSlide {
  color: white;
  font-weight: 500;
  font-size: 1.5rem;
  margin-bottom: 35px;
  letter-spacing: 0.03rem;
  line-height: 2rem;
}

.lienSlide a {
  color: white;
  font-size: 1.5rem;
  text-transform: uppercase;
  font-weight: 700;
  -webkit-transform: skew(2deg, -1deg);
  -moz-transform: skew(2deg, -1deg);
  -o-transform: skew(2deg, -1deg);
  transform: skew(2deg, -1deg);
  display: block;
  padding: 19px 40px;
  position:relative;
  top:0;
  right:0;
  bottom:0;
}
.lienSlide a::after {
  content: "\f30b";
  font-family: "Font Awesome 5 Pro";
  font-size: 30px;
  margin-left: 21px;
  display: inline-block;
  vertical-align: middle;
  top: -1px;
  position: relative;
  animation-name: slideRight;
    -webkit-animation-name: slideRight;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    visibility: visible !important;
    transition: .3s cubic-bezier(.25,.1,0,3.05);
    -webkit-transition: .3s cubic-bezier(.25,.1,0,3.05);
    -ms-transition: .3s cubic-bezier(.25,.1,0,3.05);
    -moz-transition: .3s cubic-bezier(.25,.1,0,3.05);
    -o-transition: .3s cubic-bezier(.25,.1,0,3.05);
}
.lienSlide a:hover::after, .lienSlide a:focus::after, .lienSlide a:active::after {
  margin-left: 30px;
}
.lienSlide {
  display: inline-block;
  -webkit-transform: skew(-2deg, 1deg);
  -moz-transform: skew(-2deg, 1deg);
  -o-transform: skew(-2deg, 1deg);
  transform: skew(-2deg, 1deg);
  background-color: #51a04a;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;

}
.lienSlide:hover, .lienSlide:active, .lienSlide:focus {
color: #ffffff;
background-color: #1c71a7;
}
.lienSlide a:hover, .lienSlide a:active, .lienSlide a:focus {
color: #ffffff;
text-decoration:none;
}
.slideshowBloc .view-content.row {
  position: relative;
}




/* ------------------------ */
/* BREAKING NEWS */
/* ------------------------ */
.blocBreakingNews {
  background-color: #d74d4d;
  position: relative;
  padding: 15px;
}
.texteBreaking p {
  margin-bottom: 0;
  color: white;
  font-size: 1.05rem;
}
.lienBreaking {
  text-align: right;
}
.lienBreaking a {
  color: white;
  text-decoration: underline;
  font-size: 1.05rem;
  text-transform: uppercase;
}
.lienBreaking a:hover, .lienBreaking a:focus, .lienBreaking a:active {
  color: white;
}
.blocBreakingNews::before {
  content: "";
  position: absolute;
  top: 0;
  background-color: #d74d4d;
  z-index: 0;
  transform-origin: 0 0;
  transform: rotate(0deg) skewY(-0.5deg);
  -webkit-transform: rotate(0deg) skewY(-0.5deg);
  -ms-transform: rotate(0deg) skewY(-0.5deg);
  -o-transform: rotate(0deg) skewY(-0.5deg);
  transition: .3s;
  height: 100%;
  left: 0;
  right: 0;
}
.blocBreakingNews::after {
    content: "";
    position: absolute;
    bottom: 0px;
    background-color: #d74d4d;
    z-index: -1;
    transform-origin: 0 0;
    transform: rotate(0deg) skewY(0.3deg);
    -webkit-transform: rotate(0deg) skewY(0.3deg);
    -o-transform: rotate(0deg) skewY(0.3deg);
    -ms-transform: rotate(0deg) skewY(0.3deg);
    transition: .3s;
    height: 100%;
    left: 0;
    right: 0;
}





/* ---------------------------------------- */
/* LIENS RAPIDES */
/* ---------------------------------------- */
#block-liensrapides {
  margin-top: 50px;
  background-color: #f1f1f1;
  position: relative;
  padding: 70px 15px 90px;
  margin-bottom: 0;
}

#block-liensrapides::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 40px 0 0 350px;
  border-color: transparent transparent transparent #ffffff;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
}
#block-liensrapides::after {
  content: "";
  position: absolute;
  top: 100%;
  right: 0;
  background-color: #fff;
  padding-bottom: 10%;
  width: calc(100% - 350px);
  z-index: 1;
  transform-origin: 0 0;
  transform: rotate(-2deg) skewX(-2deg);
  transition: .3s;
}
.containerLiensRapides {
  padding-left: 0;
  padding-right: 0;
}
.pictoLienRapide img {
  width: 120px;
}

.itemLienRapide {
  text-align: center;
  margin-bottom: 15px;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.pictoLienRapide a {
  display: inline-block;
  position: relative;
  z-index: 2;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.pictoLienRapide a::before {
  content:"";
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border-radius: 50%;
}
.pictoLienRapide a:hover {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.pictoLienRapide a:hover::before {
  content: "";
  opacity: 1;
  display: block;
  position: absolute;
  width: 65px;
  height: 65px;
  background-color: #1c71a7;
  border-radius: 50%;
  z-index: -1;
  left: -18px;
  top: -25px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.itemLienRapide .paragraph {
  display: inline-block;
}
.inituleLienRapide a {
  text-transform: uppercase;
  color: #222;
}
.inituleLienRapide a:hover, .inituleLienRapide a:focus, .inituleLienRapide a:active {
  text-decoration: none;
  color: #1c71a7;
}

.inituleLienRapide {
  margin-top: 10px;
}

.wrapBlocTitreAvance {
  position: relative;
  padding: 20px 15px;
  /*border: 5px solid #51a04a;*/
  margin-bottom: 55px;
}
.blocTitreAvance {
  position: relative;
  padding-left: 20px;
  z-index: 2;
}

.blocTitreAvance::before {
  content: "";
  height: 97%;
  width: 5px;
  display: inline-block;
  background-color: #51a04a;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 3px;
}

.blocTitreAvance h2 {
  margin-bottom: 0;
  color: #1c71a7;
  font-weight: 800;
}
.sousTitreBlocAvance {
    color: #555;
}

.wrapBlocTitreAvance::before {
  content: "";
  position: absolute;
  top: 0;
  background-color: transparent;
  z-index: 0;
  transform-origin: 0 0;
  transform: rotate(0deg) skewY(0.5deg);
  -webkit-transform: rotate(0deg) skewY(0.5deg);
  -ms-transform: rotate(0deg) skewY(0.5deg);
  -o-transform: rotate(0deg) skewY(0.5deg);
  transition: .3s;
  height: 100%;
  left: 0;
  right: 0;
  border-top: 5px solid #51a04a;
  border-left: 5px solid #51a04a;
}



.wrapBlocTitreAvance::after {
  content: "";
  position: absolute;
  bottom: 0px;
  background-color: transparent;
  z-index: 1;
  transform-origin: 0 0;
  transform: rotate(0deg) skewY(-0.2deg);
  -webkit-transform: rotate(0deg) skewY(-0.2deg);
  -o-transform: rotate(0deg) skewY(-0.2deg);
  -ms-transform: rotate(0deg) skewY(-0.2deg);
  transition: .3s;
  height: calc(100% - 20px);
  left: 0;
  right: 0;
  border-right: 5px solid #51a04a;
  border-bottom: 5px solid #51a04a;
}




/* --------------------- */
/* BLOC COLONNE GAUCHE SIDEBAR */
/* --------------------- */
.sidebar .block::after {
  content: "";
  display: block;
  width: 80%;
  margin: auto;
  height: 40px;
  -webkit-box-shadow: 1px 6px 25px 2px rgba(0,0,0,.82);
	-moz-box-shadow: 1px 6px 25px 2px rgba(0,0,0,.82);
	box-shadow: 1px 6px 25px 2px rgba(0,0,0,.82);
  position: absolute;
  bottom: 13px;
  -webkit-border-radius: 182px/21px 21px 22px 22px;
	-moz-border-radius: 182px/21px 21px 22px 22px;
	border-radius: 182px/21px 21px 22px 22px;
  left: 0;
  right: 0;
  z-index: -1;
}

.sidebar .block h2 {
  position: relative;
  background-color: #51a04a;
  z-index: 1;
  padding: 20px 30px;
  text-shadow: none;
  color: white;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
  font-size: 1.2rem;
}
.sidebar .block h2::before {
  content: "";
  position: absolute;
  top: 0;
  background-color: #51a04a;
  z-index: -1;
  transform-origin: 0 0;
  transform: rotate(0deg) skewY(-0.5deg);
  -webkit-transform: rotate(0deg) skewY(-0.5deg);
  -ms-transform: rotate(0deg) skewY(-0.5deg);
  -o-transform: rotate(0deg) skewY(-0.5deg);
  transition: .3s;
  height: 100%;
  left: 0;
  right: 0;
}
.sidebar .block h2::after {
  content: "";
  position: absolute;
  bottom: -1px;
  background-color: #51a04a;
  z-index: -1;
  transform-origin: 0 0;
  transform: rotate(0deg) skewY(1.3deg);
  -webkit-transform: rotate(0deg) skewY(1.3deg);
  -o-transform: rotate(0deg) skewY(1.3deg);
  -ms-transform: rotate(0deg) skewY(1.3deg);
  transition: .3s;
  height: 100%;
  left: 0;
  right: 0;
}

.sidebar .block h2 span::before {
  display: inline-block;
  font-size: 25px;
  color: white;
  font-family: "Font Awesome 5 Pro";
  margin-right: 15px;
  vertical-align: middle;
}
.sidebar .blocInfosMairieSide.block h2 span::before {
  content: "\f05a";
}
.sidebar .blocDechetsSide.block h2 span::before {
  content: "\f1b8";
}
.sidebar .blocMeteoSide.block h2 span::before {
  content: "\f185";
}
.sidebar .blocMarcheSide.block h2 span::before {
  content: "\f54e";
}
.sidebar .blocDerniersActusSide.block h2 span::before {
  content: "\f073";
}

.sidebar .block .content {
  font-size: 1rem;
  line-height: 1.6;
  padding: 25px 20px 30px 20px;
}
.sidebar .block .content p {
  line-height: 1.8rem;
}

.infoMairie {
  display: flex;
  margin-bottom: 25px;
}
.infoMairie:last-child {
  margin-bottom: 0;
}
.blocInfosMairieSide i {
  display: inline-block;
  font-size: 26px;
  color: #d74d4d;
  margin-right: 15px;
}
.infoMairieValeur {
  display: inline-block;
}
.infoMairieValeur p {
  margin-bottom: 0;
}
.contactMairie a {
  color: #1c71a7;
  text-decoration: underline;
}
.telMairie a {
  color: #222;
}
.sidebar .block.blocMeteoSide .content {
    padding: 0;
    position: relative;
    margin-top: -11px;
}

.sidebar .block.blocMeteoSide iframe {
    height: 318px;
}
.sidebar .block.blocMeteoSide p {
  margin-bottom: 0;
}

.sidebar .block .field--name-field-lien a {
  display: block;
  position: relative;
  z-index: 8;
  padding: 10px 15px;
  color:white;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 1rem;
  text-align: center;
}
.sidebar .block .field--name-field-lien a:hover, .sidebar .block .field--name-field-lien a:focus, .sidebar .block .field--name-field-lien a:active {
  text-decoration: none;
}
.sidebar .block .field--name-field-lien a:hover::before, .sidebar .block .field--name-field-lien a:active::before, .sidebar .block .field--name-field-lien a:focus::before,
.sidebar .block .field--name-field-lien a:hover::after, .sidebar .block .field--name-field-lien a:active::after, .sidebar .block .field--name-field-lien a:focus::after {
  background-color: #51a04a;
}

.sidebar .block .field--name-field-lien a::before {
  content: "";
  position: absolute;
  top: 0;
  background-color: #d74d4d;
  z-index: -1;
  transform-origin: 0 0;
  transform: rotate(0deg) skewY(-1deg);
  -webkit-transform: rotate(0deg) skewY(-1deg);
  -ms-transform: rotate(0deg) skewY(-1deg);
  -o-transform: rotate(0deg) skewY(-1deg);
  transition: .3s;
  height: 100%;
  left: 0;
  right: 0;
}
.sidebar .block .field--name-field-lien a::after {
  content: "";
  position: absolute;
  bottom: 0px;
  background-color: #d74d4d;
  z-index: -1;
  transform-origin: 0 0;
  transform: rotate(0deg) skewY(0.3deg);
  -webkit-transform: rotate(0deg) skewY(0.3deg);
  -o-transform: rotate(0deg) skewY(0.3deg);
  -ms-transform: rotate(0deg) skewY(0.3deg);
  transition: .3s;
  height: 100%;
  left: 0;
  right: 0;
}

.blocDechetsSide {
  background-image: url('../integration/photo-collecte-dechets-fouquereuil.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.blocMarcheSide {
  background-image: url('../integration/fruits-legumes-frais-marche-foodtruck.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.blocDechetsSide::before, .blocMarcheSide::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  filter: alpha(opacity=70);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  opacity: 0.70;
  background-color: #000000;
  z-index: 0;
}

.blocDechetsSide .content, .blocMarcheSide  .content {
  position: relative;
  z-index: 1;
  color: white;
}





.content.blocAvance::before {
  content: "";
  position: absolute;
  top: -4px;
  background-color: #1c71a7;
  z-index: -1;
  transform-origin: 0 0;
  transform: rotate(0deg) skewY(0.6deg);
  -webkit-transform: rotate(0deg) skewY(0.6deg);
  -ms-transform: rotate(0deg) skewY(0.6deg);
  -o-transform: rotate(0deg) skewY(0.6deg);
  transition: .3s;
  height: 83%;
  left: 0;
  right: 0;
}

.content.blocAvance {
  position: relative;
  padding: 20px 15px;
  margin-bottom: 55px;
}


.content.blocAvance::after {
  content: "";
  position: absolute;
  bottom: 0px;
  background-color: #1c71a7;
  z-index: -1;
  transform-origin: 0 0;
  transform: rotate(0deg) skewY(-0.2deg);
  -webkit-transform: rotate(0deg) skewY(-0.2deg);
  -o-transform: rotate(0deg) skewY(-0.2deg);
  -ms-transform: rotate(0deg) skewY(-0.2deg);
  transition: .3s;
  height: 26px;
  left: 0;
  right: 0;
}

.content.blocAvance::before {
  content: "";
  position: absolute;
  top: -4px;
  background-color: #1c71a7;
  z-index: 0;
  transform-origin: 0 0;
  transform: rotate(0deg) skewY(0.6deg);
  -webkit-transform: rotate(0deg) skewY(0.6deg);
  -ms-transform: rotate(0deg) skewY(0.6deg);
  -o-transform: rotate(0deg) skewY(0.6deg);
  transition: .3s;
  height: 83%;
  left: 0;
  right: 0;
}

.content.blocAvance {
  position: relative;
  padding: 20px 15px;
  margin-bottom: 55px;
}


.content.blocAvance::after {
  content: "";
  position: absolute;
  bottom: 0px;
  background-color: #1c71a7;
  z-index: 0;
  transform-origin: 0 0;
  transform: rotate(0deg) skewY(-0.2deg);
  -webkit-transform: rotate(0deg) skewY(-0.2deg);
  -o-transform: rotate(0deg) skewY(-0.2deg);
  -ms-transform: rotate(0deg) skewY(-0.2deg);
  transition: .3s;
  height: 35px;
  left: 0;
  right: 0;
}


h3.ssTitreAvance {
  color: white;
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 0;
}

h2.titreAvance {
  margin-bottom: 0;
  color: white;
  font-weight: 800;
}

.wrapTitreAvance {
  position: relative;
  padding-left: 20px;
  z-index: 2;
}
.wrapTitreAvance::before {
  content: "";
  height: 97%;
  width: 5px;
  display: inline-flex;
  background-color: #51a04a;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 3px;
}



.table-striped tbody tr:nth-of-type(odd), .table-striped tbody tr:nth-of-type(even) {
    background-color: transparent;
    border: 0;
}
.tableFichiers .file--application-pdf {
  background-image: none;
}
.tableFichiers .file {
  padding-left: 0;
  display: inherit;
}
.tableFichiers td, .tableFichiers th {
    border: 0;
    display:inline-flex;
    padding: 0.75rem 0;
}
.tableFichiers tr td:first-child::after {
  content: " - ";
  margin: 0 6px;
}
.tableFichiers a, .tableFichiers span {
  font-size: 1rem;
  color: #222;
}
.blocDocPDF h2 {
  color: #51a04a;
  text-transform: uppercase;
  font-size: 1.4rem;
  position: relative;
  font-weight: 700;
  margin-bottom: 0;
}
.blocDocPDF h2::after {
  content:"";
  display:block;
  height:4px;
  width:200px;
  background-color:#1c71a7;
  margin-top:10px
}

.blocDocPDF {
  padding: 30px 0 25px;
  border-top: 1px solid rgba(0,0,0,0.25);
  margin-top: 35px;
}

.tableFichiers .table {
  margin-bottom: 0;
}
.tableFichiers {
  margin-top: 20px;
}
.ligneFichiers {
  padding: 5px 0;
}
.tableFichiers span.file::after {
  content: " - ";
  margin-left: 10px;
}
.colFichiers:nth-child(2n+1) {
  padding-left: 0;
}
.pdfIcon {
  font-weight: 900;color: #d74d4d;font-size: 25px;
  width: inherit;
}
/*span.file--application-pdf::before {content: "\f1c1";font-family: 'Font Awesome 5 Pro';font-weight: 900;color: #d74d4d;font-size: 25px;}*/



/* -------------------------------------------------- */
/* ACTUS ACCUEIL */
/* -------------------------------------------------- */
#block-actualitestitrebloc .content.blocAvance {
  margin-bottom: 25px;
}
.lirePlusActu a:hover span {
    margin-left: 35px;
}

.lirePlusActu a span {
    margin-left: 18px;
    font-size: 25px;
    line-height: 1;
    vertical-align: bottom;
    animation-name: slideRight;
    -webkit-animation-name: slideRight;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    visibility: visible !important;
    transition: .3s cubic-bezier(.25,.1,0,3.05);
    -webkit-transition: .3s cubic-bezier(.25,.1,0,3.05);
    -ms-transition: .3s cubic-bezier(.25,.1,0,3.05);
    -moz-transition: .3s cubic-bezier(.25,.1,0,3.05);
    -o-transition: .3s cubic-bezier(.25,.1,0,3.05);
}
.lirePlusActu {
}
.lirePlusActu a {
  position: relative;
  border: 1px solid #1c71a7;
  border-top: 0;
  padding: 10px 20px 10px 15px;
  text-transform: uppercase;
  font-weight: 700;
}
.lirePlusActu a:hover, .lirePlusActu a:focus, .lirePlusActu a:active {
  text-decoration: none;

}
.lirePlusActu a::before {
  content: "";
  position: absolute;
  top: 0;
  background-color: transparent;
  border-top: 1px solid #1c71a7;
  z-index: -1;
  transform-origin: 0 0;
  transform: rotate(0deg) skewY(-1deg);
  -webkit-transform: rotate(0deg) skewY(-1deg);
  -ms-transform: rotate(0deg) skewY(-1deg);
  -o-transform: rotate(0deg) skewY(-1deg);
  transition: .3s;
  height: 100%;
  left: 0;
  right: 0;
}
.lirePlusActu a:hover::after, .lirePlusActu a:focus::after, .lirePlusActu a:active::after {
  margin-left: 30px;
}
h3.titreActuAccueil a {
  color: #51a04a;
  font-weight: 800;
}
h3.titreActuAccueil a:hover, h3.titreActuAccueil a:focus, h3.titreActuAccueil a:active {
  color: #1c71a7;
  text-decoration: none;
}
h3.titreActuAccueil {
  margin-bottom: 5px;
}
.dateCreaActuAccueil {
  color: #555555;
  font-size: 0.95rem;
  margin-bottom: 5px;
}
.introActuAccueil {
  margin-bottom: 25px;
}

.imgActuAccueil {
  position: relative;
  margin-bottom: 15px;
}
.ligneLastActu:nth-child(2n+1) .imgActuAccueil::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 97px 188px 0 0;
  border-color: #1c71a7 transparent transparent transparent;
  line-height: 0px;
  position: absolute;
  z-index: -1;
  left: -7px;
  top: -7px;
}
.ligneLastActu:nth-child(2n) .imgActuAccueil::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 188px 97px 0;
  border-color: transparent #1c71a7 transparent transparent;
  line-height: 0px;
  position: absolute;
  z-index: -1;
  right: -7px;
  top: -7px;
}
.imgActuAccueil a:hover::before {
    content: "\f0fe";
    font-family: 'Font Awesome 5 Pro';
    display: inline-block;
    vertical-align: middle;
    z-index: 2;
    color: #ffffff;
    font-weight: bold;
    font-size: 45px;
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 1;
    text-align: center;
    opacity: 1;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.imgActuAccueil a::before {
    opacity: 0;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.imgActuAccueil a:hover .opacBien {
  opacity: 0.6;
  -moz-opacity: 0.6;
  -o-opacity: 0.6;
  -ms-opacity: 0.6;
  filter: alpha(opacity=60);
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}
.opacBien {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
  -ms-opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
  background-color: #222222;
  z-index: 1;
}

.ligneLastActu {
  margin-bottom: 50px;
}
.ligneEvents {
  margin-bottom: 50px;
}
.boutonAll {
  display: inline-block;
  margin-top: 20px;
}
.boutonAll a {
  position: relative;
  display: block;
  position: relative;
  z-index: 8;
  padding: 10px 45px;
  color: white;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.1rem;
  text-align: center;
}
.boutonAll a:hover, .boutonAll a:focus, .boutonAll a:active {
  color: white;
  text-decoration: none;
}
.boutonAll a::before {
  content: "";
  position: absolute;
  top: 0;
  background-color: #d74d4d;
  z-index: -1;
  transform-origin: 0 0;
  transform: rotate(0deg) skewY(-1deg);
  -webkit-transform: rotate(0deg) skewY(-1deg);
  -ms-transform: rotate(0deg) skewY(-1deg);
  -o-transform: rotate(0deg) skewY(-1deg);
  transition: .3s;
  height: 100%;
  left: 0;
  right: 0;
}
.boutonAll a::after {
  content: "";
  position: absolute;
  bottom: 0px;
  background-color: #d74d4d;
  z-index: -1;
  transform-origin: 0 0;
  transform: rotate(0deg) skewY(0.3deg);
  -webkit-transform: rotate(0deg) skewY(0.3deg);
  -o-transform: rotate(0deg) skewY(0.3deg);
  -ms-transform: rotate(0deg) skewY(0.3deg);
  transition: .3s;
  height: 100%;
  left: 0;
  right: 0;
}
.boutonAll a span {
  margin-left: 18px;
  font-size: 25px;
  line-height: 1;
  vertical-align: bottom;
  animation-name: slideRight;
  -webkit-animation-name: slideRight;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important;
  transition: .3s cubic-bezier(.25,.1,0,3.05);
  -webkit-transition: .3s cubic-bezier(.25,.1,0,3.05);
  -ms-transition: .3s cubic-bezier(.25,.1,0,3.05);
  -moz-transition: .3s cubic-bezier(.25,.1,0,3.05);
  -o-transition: .3s cubic-bezier(.25,.1,0,3.05);
}
.boutonAll a:hover::before, .boutonAll a:hover::after {
  background-color: #1c71a7;
}
.boutonAll a:hover span {
  margin-left: 35px;
}

.blocActusAccueil {
  padding-bottom: 50px;
  border-bottom: 1px solid rgba(0,0,0,0.15);
  margin-bottom: 50px;
}

.moisAnneeEvent:first-letter {
    text-transform: uppercase;
}
.dateEventBloc {
  display: inline-block;
  border: 2px solid #51a04a;
  text-align: center;
}
.jourEvent {
  color: #51a04a;
  font-weight: 900;
  font-size: 3rem;
  padding: 10px 25px 15px;
  line-height: 1;
}
.moisAnneeEvent {
  background-color: #51a04a;
  color: white;
  font-weight: 500;
  padding: 5px 17px;
  font-size: 1.1rem;
}
.ligneEvents .dateEventBloc {
  width: 120px;
}
.ligneEvents .titreHoraireEvent {
  width: calc(100% - 130px);
}

.titreHoraireEvent {
  display: inline-block;
  vertical-align: top;
  padding: 8px 0 8px 10px;
}
.dureeEvent i {
  margin-right: 10px;
  color: #555;
  font-size: 20px;
  vertical-align: middle;
  min-width: 20px;
}
.lieuEvent i {
  margin-right: 10px;
  color: #555;
  font-size: 23px;
  vertical-align: middle;
  min-width: 20px;
}
.introEventAccueil {
  padding: 20px 0;
}
.itemLastEventsAccueil {
    margin-bottom: 35px;
}
.wrapImgEvent {
  position: relative;
}
.view-vue-derniers-events > .view-content.row {
  display: block;
}


.wrapImgEvent a:hover .opacBien {
    opacity: 0.6;
    -moz-opacity: 0.6;
    -o-opacity: 0.6;
    -ms-opacity: 0.6;
    filter: alpha(opacity=60);
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
}
.itemLastEventsAccueil .wrapImgEvent::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 97px 188px 0 0;
  border-color: #1c71a7 transparent transparent transparent;
  line-height: 0px;
  position: absolute;
  z-index: -1;
  left: -7px;
  top: -7px;
}
.wrapImgEvent a:hover::before {
    content: "\f0fe";
    font-family: 'Font Awesome 5 Pro';
    display: inline-block;
    vertical-align: middle;
    z-index: 2;
    color: #ffffff;
    font-weight: bold;
    font-size: 45px;
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 1;
    text-align: center;
    opacity: 1;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.wrapImgEvent a::before {
    opacity: 0;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.pagination-heading {
  margin-top: 15px;
}


.ligneLastActuCol {
    position: relative;
}
.ligneLastActuCol:last-child::after {
  content: none;
}
.ligneLastActuCol::after {
  content: "";
  display: block;
  width: 60%;
  height: 1px;
  margin: auto;
  background-color: rgba(0,0,0,0.25);
}

.ligneLastActuCol .imgActuAccueil {
  height: 200px;
  margin-bottom: 10px;
  z-index: 2;
}
.ligneLastActuCol .imgActuAccueil img {
  max-height: 200px;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.ligneLastActuCol .dateCreaActuAccueil {
  margin-bottom: 0;
}
.ligneLastActuCol h3 {
  line-height: 1;
}
.ligneLastActuCol h3.titreActuAccueil a, .ligneEventsSide h3 a {
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1;
  color: #1c71a7;
}
.ligneEventsSide .dateEventBloc {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 5;
}
.ligneEventsSide .wrapImgEvent img {
  max-height: 250px;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.ligneEventsSide .dateEventBloc {
  border-color: #1c71a7;
}
.ligneEventsSide .moisAnneeEvent {
  background-color: #1c71a7;
}
.ligneEventsSide .jourEvent {
  color: #1c71a7;
  background-color: white;
}
.ligneEventsSide .titreHoraireEvent  {
  padding: 0;
}
.ligneEventsSide:last-child::after {
  content: none;
}
.ligneEventsSide::after {
  content: "";
  display: block;
  width: 60%;
  height: 1px;
  margin: auto;
  background-color: rgba(0,0,0,0.25);
}
.ligneEventsSide {
    margin-bottom: 30px;
}

.ligneLastActu:nth-child(2n) .imgActuAccueil::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 188px 97px 0;
  border-color: transparent #1c71a7 transparent transparent;
  line-height: 0px;
  position: absolute;
  z-index: -1;
  right: -7px;
  top: -7px;
}

.imgEventAccueil {
  position: relative;
}
.blocNextEventsSide .imgEventAccueil::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 188px 97px 0;
  border-color: transparent #1c71a7 transparent transparent;
  line-height: 0px;
  position: absolute;
  z-index: 0;
  right: -7px;
  top: -7px;
  left: inherit;
}

.blocDerniersActusSide .ligneLastActu .imgActuAccueil::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 188px 97px 0;
  border-color: transparent #1c71a7 transparent transparent;
  line-height: 0px;
  position: absolute;
  z-index: -1;
  right: -7px;
  top: -7px;
  left: inherit;
}

.blocNextEventsSide h2 span.spanH2::before {
  content: "\f073";
}
.infoEventSide  h2 span.spanH2::before {
  content: "\f05a";
}


.menuCopyright  ul.nav {
  justify-content: center;
}