@font-face {
  font-family: 'futura-pt';
  src: url("/woff2/FuturaPTLight.woff2") format("woff2");
  font-display: auto;
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: 'futura-pt';
  src: url("/woff2/FuturaPTBook.woff2") format("woff2");
  font-display: auto;
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: 'futura-pt';
  src: url("/woff2/FuturaPTMedium.woff2") format("woff2");
  font-display: auto;
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: 'futura-pt';
  src: url("/woff2/FuturaPT-Demi.woff2") format("woff2");
  font-display: auto;
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: 'futura-pt';
  src: url("/woff2/FuturaPTHeavy.woff2") format("woff2");
  font-display: auto;
  font-style: normal;
  font-weight: 700;
}
/* POLICES */
.defaultPolice {
  font-family: 'futura-pt', sans-serif;
  font-weight: 400;
  font-style: normal;
}
main .maxWidth1080 {
  max-width: 1100px;
  width: 100%;
  margin: auto;
  display: flex;
  position: relative;
  align-items: flex-start;
  padding: 0;
  font-family: 'futura-pt', sans-serif;
  font-weight: 300;
  font-style: normal;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
main .maxWidth1080 #contenuBillet {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  flex: 1;
  margin: 40px 0 0 0;
  padding: 0 35px;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
main .maxWidth1080 #contenuBillet.borderRight {
  border-right: solid 1px rgba(82, 82, 82, 0.1);
}
main .maxWidth1080 #contenuBillet .h1,
main .maxWidth1080 #contenuBillet h1 {
  width: 100%;
  font-size: 64px;
  line-height: 64px;
  margin: 0;
  padding: 0;
  color: #008776;
  font-family: 'futura-pt', sans-serif;
  font-weight: 600;
  font-style: normal;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
main .maxWidth1080 #contenuBillet section {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  justify-content: space-between;
  margin: 20px auto 0 auto;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
main .maxWidth1080 #contenuBillet section date {
  width: auto;
  text-align: left;
  color: #008776;
  position: relative;
  font-size: 24px;
  line-height: 24px;
  margin: 0 0 10px 0;
  padding: 0 72px 0 45px;
  font-family: 'futura-pt', sans-serif;
  font-weight: 300;
  font-style: normal;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
main .maxWidth1080 #contenuBillet section date:before {
  content: "";
  height: 32px;
  width: 32px;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url("/img/pictoBulle_vertFonce.png") center center no-repeat;
  background-size: 100%;
}
main .maxWidth1080 #contenuBillet section date:after {
  content: "";
  width: 65px;
  height: 18px;
  position: absolute;
  z-index: 2;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url("/img/pictoSAMB_vertFonce.png") center center no-repeat;
  background-size: 100%;
}
main .maxWidth1080 #contenuBillet section aside {
  width: auto;
  display: flex;
  position: relative;
  align-items: center;
  margin: 0;
  font-size: 24px;
  line-height: 24px;
  color: #6f6f6f;
  font-family: 'futura-pt', sans-serif;
  font-weight: 300;
  font-style: normal;
}
main .maxWidth1080 #contenuBillet section aside span {
  font-family: 'futura-pt', sans-serif;
  font-weight: 300;
  font-style: normal;
}
main .maxWidth1080 #contenuBillet section aside a {
  margin: 0 10px 0 0;
  width: 20px;
  height: 20px;
  font-family: 'futura-pt', sans-serif;
  font-weight: 300;
  font-style: normal;
  -o-transition-property: all;
  -o-transition: 0.1s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.1s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.1s ease-in-out;
  transition-property: all;
  transition: 0.1s ease-in-out;
}
main .maxWidth1080 #contenuBillet section aside a:hover {
  opacity: 0.7;
}
main .maxWidth1080 #contenuBillet section aside a#facebook {
  background: url("/img/picto_facebook.png") center center no-repeat;
  background-size: auto 20px;
}
main .maxWidth1080 #contenuBillet section aside a#twitter {
  background: url("/img/picto_twitter.png") center center no-repeat;
  background-size: auto 20px;
}
main .maxWidth1080 #contenuBillet section aside a#instagram {
  background: url("/img/picto_instagram.png") center center no-repeat;
  background-size: auto 20px;
}
main .maxWidth1080 #contenuBillet section aside a#linkedin {
  background: url("/img/picto_linkedIn.png") center center no-repeat;
  background-size: auto 20px;
  -moz-border-radius: 0.3125em;
  -webkit-border-radius: 0.3125em;
  border-radius: 0.3125em;
}
main .maxWidth1080 #contenuBillet section aside a#youtube {
  background: url("/img/picto_youtube.png") center center no-repeat;
  background-size: auto 20px;
  -moz-border-radius: 0.3125em;
  -webkit-border-radius: 0.3125em;
  border-radius: 0.3125em;
}
main .maxWidth1080 #contenuBillet img {
  margin: 0 auto;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
main .maxWidth1080 #contenuBillet img.fullWidth {
  width: 100%;
}
main .maxWidth1080 #contenuBillet .descriptif {
  width: 100%;
  text-align: left;
  font-size: 32px;
  line-height: 32px;
  color: #008776;
  font-family: 'futura-pt', sans-serif;
  font-weight: 300;
  font-style: normal;
  font-style: italic;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
main .maxWidth1080 #contenuBillet .descriptif.marginH30 {
  margin: 30px 0 0 0;
}
main .maxWidth1080 #contenuBillet .descriptif strong {
  color: #008776;
  font-family: 'futura-pt', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-style: italic;
}
main .maxWidth1080 #contenuBillet #sommaire {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0;
  margin: 0;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
main .maxWidth1080 #contenuBillet #sommaire li {
  width: 50%;
  text-align: left;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
main .maxWidth1080 #contenuBillet #sommaire li .h2,
main .maxWidth1080 #contenuBillet #sommaire li h2 {
  width: 100%;
  color: #008776;
  margin: 0;
  padding: 0;
  font-size: 48px;
  line-height: 48px;
  font-family: 'futura-pt', sans-serif;
  font-weight: 300;
  font-style: normal;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
main .maxWidth1080 #contenuBillet #sommaire li:last-child {
  text-align: right;
}
main .maxWidth1080 #contenuBillet #sommaire li:last-child a {
  color: #43ac34;
  font-size: 24px;
  line-height: 24px;
}
main .maxWidth1080 #contenuBillet #sommaire li:last-child a:hover {
  color: #008776;
  text-decoration: underline;
}
main .maxWidth1080 #contenuBillet .h2,
main .maxWidth1080 #contenuBillet h2 {
  width: 100%;
  color: #008776;
  margin: 0 0 40px 0;
  padding: 0;
  font-size: 48px;
  line-height: 48px;
  text-align: left;
  font-family: 'futura-pt', sans-serif;
  font-weight: 500;
  font-style: normal;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
main .maxWidth1080 #contenuBillet .texte {
  width: 100%;
  color: #6f6f6f;
  margin: 0;
  padding: 0;
  font-size: 20px;
  line-height: 20px;
  text-align: left;
  font-family: 'futura-pt', sans-serif;
  font-weight: 300;
  font-style: normal;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
main .maxWidth1080 #contenuBillet .texte a {
  color: #51b243;
}
main .maxWidth1080 #dernierBillet {
  max-width: 310px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  align-items: flex-start;
  justify-content: center;
  padding: 0 35px;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
main .maxWidth1080 #dernierBillet .h3,
main .maxWidth1080 #dernierBillet h3 {
  max-width: 240px;
  width: 100%;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #ffffff;
  background-color: #008776;
  margin: 0 auto 20px auto;
  padding: 15px 0;
  font-size: 24px;
  line-height: 24px;
  font-family: 'futura-pt', sans-serif;
  font-weight: 600;
  font-style: normal;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
main .maxWidth1080 #dernierBillet .h3:after,
main .maxWidth1080 #dernierBillet h3:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  bottom: -20px;
  border-style: solid;
  border-width: 20px 120px 0 120px;
  border-color: #008776 transparent transparent transparent;
}
main .maxWidth1080 #dernierBillet .capsuleBillet {
  border-top: solid 1px rgba(67, 172, 52, 0.3);
  border-bottom: solid 1px rgba(67, 172, 52, 0.3);
  margin: 10px 0 0 0;
  padding: 10px 0;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
main .maxWidth1080 #dernierBillet .capsuleBillet:hover {
  border-top: solid 1px rgba(0, 135, 118, 0.3);
  border-bottom: solid 1px rgba(0, 135, 118, 0.3);
  /*date:before{
						content:"";
						height:20px;
						width:20px;
						position:absolute;
						z-index: 2;
						left:0;
						top: 50%;
						transform: translateY(-50%);
						background:url("/img/pictoBulle_vertFonce.png") center center no-repeat;
						background-size:100%;
						.transition(0.5s);
					}*/

}
main .maxWidth1080 #dernierBillet .capsuleBillet:hover .h4,
main .maxWidth1080 #dernierBillet .capsuleBillet:hover h4,
main .maxWidth1080 #dernierBillet .capsuleBillet:hover date {
  color: #008776;
}
main .maxWidth1080 #dernierBillet .capsuleBillet:hover date:before {
  width: 20px;
  height: 20px;
  background: transparent url("/img/pictoBulle_vert.png") no-repeat scroll center center / auto 100%;
  opacity: 0;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
main .maxWidth1080 #dernierBillet .capsuleBillet:hover date:after {
  width: 20px;
  height: 20px;
  background: transparent url("/img/pictoBulle_vertFonce.png") no-repeat scroll center center / auto 100%;
  opacity: 1;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
main .maxWidth1080 #dernierBillet .capsuleBillet img {
  width: 100%;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
main .maxWidth1080 #dernierBillet .capsuleBillet .h4,
main .maxWidth1080 #dernierBillet .capsuleBillet h4 {
  width: 100%;
  position: relative;
  text-align: left;
  color: #43ac34;
  margin: 0;
  padding: 0;
  font-size: 24px;
  line-height: 24px;
  font-family: 'futura-pt', sans-serif;
  font-weight: 600;
  font-style: normal;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
main .maxWidth1080 #dernierBillet .capsuleBillet date {
  width: auto;
  text-align: left;
  color: #43ac34;
  position: relative;
  font-size: 16px;
  line-height: 16px;
  padding: 0 0 0 30px;
  font-family: 'futura-pt', sans-serif;
  font-weight: 300;
  font-style: normal;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
  /*&:before{
						content:"";
						height:20px;
						width:20px;
						position:absolute;
						z-index: 2;
						left:0;
						top: 50%;
						transform: translateY(-50%);
						background:url("/img/pictoBulle_vert.png") center center no-repeat;
						background-size:100%;
						.opacite(100);
						.transition(0.5s);
					}*/

}
main .maxWidth1080 #dernierBillet .capsuleBillet date:before {
  content: "";
  opacity: 1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 20px;
  height: 20px;
  background: transparent url("/img/pictoBulle_vert.png") no-repeat scroll center center / auto 100%;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
main .maxWidth1080 #dernierBillet .capsuleBillet date:after {
  content: "";
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 20px;
  height: 20px;
  background: transparent url("/img/pictoBulle_vertFonce.png") no-repeat scroll center center / auto 100%;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
@media screen and (max-width: 950px) {
  main .maxWidth1080 {
    flex-wrap: wrap;
  }
  main .maxWidth1080 #contenuBillet {
    flex: 100%;
    margin: 0;
  }
  main .maxWidth1080 #dernierBillet {
    max-width: 100%;
    margin: 50px 0 0 0;
  }
}