/*@charset "UTF-8";*/
/* CSS Document */

#ZoneEditor{overflow: visible !important;}

/*---------------------------------BOUTON TOP----------------------------------*/
.btnTopWrap
{
    display: none;
position: fixed;
bottom: 15px;
right: 15px;
background: rgba(154, 154, 154, 0.5);
width: 36px;
height: 35px;
border-radius: 50%;
padding: 5px;

}

#btntop:hover{
  background: rgba(154, 154, 154, 0.7);
}


.btnTopArrow{
  width: 15px;
  height: 15px;
  border-top: 4px solid #fff;
  border-right: 4px solid #fff;
    -webkit-transform: translate(38%, 61%) rotate(-45deg);
            transform: translate(38%, 61%) rotate(-45deg);
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}


/*---------------------------------FIN BOUTON TOP----------------------------------*/


html{
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 16px;
  margin: 0;
  padding: 0;
}



 /* *, *:before, *:after {
-webkit-box-sizing: content-box;
box-sizing: content-box;
}

header, .banner, .mainContent, .mainContentSolo, header *, header *:before, header *:after,  header *, header *:before, .banner *:after, .mainContent *, .mainContent *:before, .mainContent *:after, .mainContentSolo  *, .mainContentSolo *:before, .mainContentSolo *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
} */


 *, *:before, *:after {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
}

a, .vert{
  color: #0a863c;
}

p{
  margin: 0;
  padding: 0.5rem 0;
}

img{
  max-width: 100%;
  border: none;
  outline: none;
}

body
{
	margin:0;
	padding:0;
	font-family:'Open Sans', sans-serif;
	color: #7B7B7B;
}

ol,ul{
  list-style: none;
  padding: 0;
  margin: 0;
}

table{
  border-collapse:collapse;
  border-spacing: 0;
}

a{
  text-decoration: none;
}

h1{
	font-size: 1.8rem;
	text-transform: uppercase;
  margin: 2rem auto 1rem;
  font-family: 'Hind', 'Open Sans', sans-serif;
}

h2 {
    font-size: 1.7rem;
    margin: 2rem auto 1rem;
    font-family: 'Hind', 'Open Sans', sans-serif;
}

h3{
  color: #0a863c;
	font-size: 1.2rem;
  margin: 1rem 0 0.3rem;
  font-family: 'Hind', 'Open Sans', sans-serif;
}



/****/

.blocWrapper{
  margin: 2rem auto;
}

.mainContentPublic {
  min-height: calc(100vh - 460px);
}

.mainContentPublic h2 {
    font-size: 1.6rem;
    margin: 1.2rem auto 0.9rem;
    color: #0a863c;
    /* color: #f6ab0e; */
    text-transform: uppercase;
}

.mainContentPublic h2.gris {
    color: #7B7B7B;
    text-transform: uppercase;
}


.mainContentPublic img{
  display: block;
  margin: 0 auto;
}

.colonnes3Icon, .colonnes4Icon{
  margin: 3rem 0;
}

.colonnes3Icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
}

.colonnes3Icon .iconeText {
    max-width: 290px;
    margin: 0 auto;
}

.iconeText .sfContentBlock {
    max-width: 300px;
    margin: 0 auto;
}

.iconeText img{
  max-width: 90px;
  display: block;
  margin: 0 auto;
}

.iconeText h3{
  font-size: 1.2rem;
  color: #0a863c;
  text-align: center;
  margin-bottom: 0.8rem;
}


.colonnes2{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 3rem 0;
  -webkit-box-pack: center;
          -ms-flex-pack: center;
      justify-content: center;
  -webkit-box-align: center;
          -ms-flex-align: center;
      align-items: center;
}

.colonnes2 h2 {
    margin: 1rem auto 1rem;
}

.colonnes2Txt {
  padding: 1rem;
}

.colonnes2Img img{
  -webkit-box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.2);
}

.ImgTitre .sfContentBlock, .titreVert{
  /* max-width: 450px;
  width: fit-content; */
  /* width: 235px; */
  width: 100%;
  text-align: center;
  /* text-transform: uppercase;
  font-size: 1.8rem; */
  background: #0a863c;
  color: #fff;
  margin: 2rem auto 0rem;
  padding: 0.4rem 1.2rem;
  z-index: 1;
  position: relative;
  font-weight: normal;
}

.titreVertF{
  background: #436d00;
}

.ImgTitre h4 {
    margin: 0.3rem auto;
    font-size: 1.2rem;
}

.colonnes3Titre {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
            -ms-flex-align: end;
        align-items: flex-end;
    -ms-flex-pack: distribute;
        justify-content: space-around;
}

.colonnes3Titre .ImgTitre {
    max-width: 310px;
    margin: 0 auto;
    width: 33%;
}

/**/

.col3Img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 3rem 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
    text-align: center;
}

.col3Img .sfimageWrp {
    max-width: 200px;
    margin: 0 auto;
}


/***/

footer{
  background: #0a863c;
  color: #fff;
}


.footerSup {
    text-align: center;
    padding: 1rem 0 0rem;
}

.footerSup p{
  padding-bottom: 0;
}

footer a{
  color: #fff;
}


.mentionsL{
  text-align: right;
  padding: 0 0.5rem 0.5rem 0;
}


/***/


.mainContentExtranet, .mainContent {
    background: #fff;
    padding: 2rem 1rem 1rem;;
    margin: 0 auto;
    max-width: none;
    width: calc(100% - 2rem);
}

.mainContentExtranet > div {
    max-width: 1440px;
    margin: 0 auto;
}

.mainContent > div {
    max-width: 1140px;
    margin: 0 auto;
}


/*****/

.mainPublic{
	background: #fff;
  margin-top: 0;
  /* min-height: 100%;
  margin-bottom: -35px;
  padding-bottom: 35px; */
  min-height: calc(100vh - 204px);
}

.mainExt{
	background: #f4f4f4;
  margin-top: 0;
  min-height: calc(100vh - 310px);
}

.bannerPublic{
  position: relative;
}

.titrePage .sfContentBlock{
  max-width: 450px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  text-transform: uppercase;
  font-size: 1.8rem;
  background: #0a863c;
  color: #fff;
  margin: 2rem auto -2rem;
  padding: 0.5rem 1.2rem;
  z-index: 1;
  position: relative;
  font-weight: normal;
}


.titrePage h1 {
    margin: 0.6rem auto 0.6rem;
    font-size: 1.8rem;
}


.imgPage img {
  width: 1140px;
  max-height: 200px;
  margin: 0 auto;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-box-shadow: 3px 5px 12px 1px rgba(0, 0, 0, 0.4);
          box-shadow: 3px 5px 12px 1px rgba(0, 0, 0, 0.4);
}


.titrePExtranet{
  font-size: 1.8rem;
  text-transform: uppercase;
  font-weight: bold;
}

.bannerExt{
  background: #f4f4f4;
}

.titreExtranetWrapper{
  padding: 2rem 1rem 1rem;
  max-width: 1440px;
  margin: 0 auto;
}

/* .titreExtranetWrapper .sfContentBlock {
  padding: 2rem 1rem 1rem;
} */

.quote{
  font-weight: bold;
  color: #0a863c;
  text-align: center;
  font-size: 1.2rem;
}

.listePoint, .listePoint li {
   list-style: inside;
}

.listeCol {
   -webkit-column-count: 2;
           column-count: 2;
}


/******* page accueil ******/

/* #accueilBandeau, .accueilBandeau {
  height: calc(100vh - 110px);
  width: 100%;
}

#accueilBandeau img, .accueilBandeau  img{
  width: 100%;
  height: 100%!important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

#accueilBandeau.BgImgFallback img{
  height: auto!important;
}

#accueilBandeau .nivo-slice {
    z-index: 0;
} */

/**/

#accueilBandeau{
  height: calc(100vh - 110px);
  width: 100%;
}

#accueilBandeau img{
  height: 100%!important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
     width: 100%;
}

#accueilBandeau.BgImgFallback img{
  height: auto!important;
}

#accueilBandeau .nivo-slice {
    z-index: 0;
}


.bandeauAccueilWrapper .ribbon {
  width: 300px;
height: 220px;
  background: url(/images/default-source/duriez/duriez-logo-bl.png) no-repeat;
  position: absolute;
  bottom: 0;
  z-index: 1;
  left: 0;
  right: 0;
  margin: 0 auto;
      background-size: contain;
}

.bandeauAccueilWrapper .image-slider-widget{
  position: relative;
}

#accueilBandeau a.nivo-prevNav, #accueilBandeau a.nivo-nextNav{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-image: none;
}

#accueilBandeau a.nivo-prevNav:after,#accueilBandeau  a.nivo-nextNav:after {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    border-top: 4px solid #fff;
    border-right: 4px solid #fff;
    -webkit-transform: translate(100%, -20%) rotate(45deg);
    transform: translate(100%, -20%) rotate(45deg);
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
}

#accueilBandeau a.nivo-prevNav:after {
    -webkit-transform: translate(130%, -20%) rotate(-135deg);
    transform: translate(130%, -20%) rotate(-135deg);
}

/**/


.PrimConnexion{
  background: #f4f4f4;
  padding: 1rem 1.5em;
  border: 1px solid #0a863c;
  margin: 3rem 0 2rem;
}

.PrimConnexion a{
  background: #0a863c;
  color: #fff;
  padding: 0.5rem 0.3rem;
  border-radius: 5px;
  margin: 0.2rem 1rem;
  display: block;
  margin: 1rem 0 0.5rem;
  text-transform: uppercase;
  font-size: 0.9rem;
  text-align: center;
}

.pubHome{
  margin: 2rem 0 3rem;
}


.bloc3colImg .sf_colsIn {
    /* margin: 0 2rem; */
    margin: 0.5rem 1rem;
}


.bloc3colImg h3 {
  margin: 1rem auto 0.5rem;
  text-align: center;
  font-size: 1.4rem;
  color: #09863c;
}

.blocImgCercle h3 {
  margin: 1rem auto 0.5rem;
  font-size: 1.4rem;
  color: #09863c;
}

.bloc3colImg img, .blocImgCercle img{
  text-align: center;
  border-radius: 50%;
  -webkit-box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.2);
  /* max-width: 230px; */
  max-width: 100%;
  height: 250px;
  width: 250px;
-o-object-fit: cover;
   object-fit: cover;
}

.col3Home h2 {
    margin: 1rem auto 1rem;
}

/* .ribbon {
  width: 260px;
  height: 100px;
  background: url(/images/default-source/logo/logo-ac-negoce-blanc.png) no-repeat;
  position: absolute;
  bottom: 0;
  z-index: 1;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.image-slider-widget{
  position: relative;
}

#accueilBandeau a.nivo-prevNav, #accueilBandeau a.nivo-nextNav{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-image: none;
}

#accueilBandeau a.nivo-prevNav:after,#accueilBandeau  a.nivo-nextNav:after {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    border-top: 4px solid #fff;
    border-right: 4px solid #fff;
    -webkit-transform: translate(100%, -20%) rotate(45deg);
    transform: translate(100%, -20%) rotate(45deg);
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
}

#accueilBandeau a.nivo-prevNav:after {
    -webkit-transform: translate(130%, -20%) rotate(-135deg);
    transform: translate(130%, -20%) rotate(-135deg);
}

.bandeauAccueilWrapper{
  position: relative;
}

.imgLogoHome {
    position: absolute;
    margin: 0 auto;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 10%;
    max-width: 300px;
} */

/**/

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    max-width: 900px;
    margin: 3rem auto;

}

.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

/******* entreprise  *******/

.colonnes2Img img.imgTop{
  margin:0;
  margin-bottom: -5rem;
  -webkit-box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.2);
}


/***** contact *****/

.iconContact {
    background: #09863c;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    text-align: center;
    margin: 0 auto;
    padding: 1rem;
}

.iconContact img {
    /* max-width: 70px; */
    -o-object-position: center;
       object-position: center;
    -o-object-fit: cover;
       object-fit: cover;
    /* padding: 1rem; */
    max-height: 30px;
}

.contactWrapper .sfContentBlock {
    text-align: center;
    padding: 0.5rem;
}

.iconContactAd img{
  padding-top: 0.5rem;
}

/** contact form **/


/***** contact *****/

.blocContact img{
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  width: 27px;
}

.blocContact  p{
  padding: 0.1rem;
  font-size: 1.1rem;
  color: #09863c;
}

.contactForm {
  margin: 2.5rem 0;
  padding: 0 0.1rem;
}

.contactForm input, .contactForm textarea,  .contactForm  select, .sf-fieldWrp input, .sf-fieldWrp textarea, .sf-fieldWrp select{
  width: 100%;
  line-height: 1.5rem;
  border: solid 1px #7B7B7B;
  padding: 0 0.2rem;
}

.contactForm select, .sf-fieldWrp  select {
    padding: 0.5rem 0.2rem;
}


.contactForm label, .sf-fieldWrp label{
  display: block;
  text-transform: uppercase;
  color: #09863c;
}

.contactForm button, .sf-fieldWrp button{
  border: none;
  background: #09863c;
  text-transform: uppercase;
  color: #fff;
  padding: 0.4rem 0.8rem;
  border-radius: 2px;
  font-weight: bold;
}

.contactInputWrapper, .sf-fieldWrp {
  margin-bottom: 0.8rem;
}

.contactInputWrapper p, .sf-fieldWrp p{
    display: block;
    font-size: 0.8rem;
    padding: 0.2rem 0;
}

.contactButton{
  text-align: right;
}


.contactForm textarea, .sf-fieldWrp textarea{
  font-family: 'Open Sans', sans-serif;
}

.contactForm .contactCaptchaWrapper a, .sf-fieldWrp[data-sf-role="field-captcha-container"] a{
  font-size: 0.8rem;
  display: block;
  margin-bottom: 0.5rem;
  color: #7f7f7f;
  font-style: italic;
  text-align: right;
}

.sf-fieldWrp div[data-sf-role="file-field-inputs"] input {
  border: none;
}

.sf-RadioButtons input, .sf-Checkboxes input{
  width: auto;
}


/**** lien rapide extranet ****/


.lienRapideWrapper {
	margin: 0.2rem 0 1rem auto;
  text-align: right;
	/* background: #f8f8f8;
	border: 1Px solid #dddddd;
	border-radius: 2px;
	max-width: fit-content;
	padding: 0 10px; */
}

.lienRapide{
			color: #484848;
	    margin: 0.2rem;
	    text-decoration: none;
	    text-transform: uppercase;
	    font-weight: bold;
	    -webkit-transition: all 0.2s ease;
	    transition: all 0.2s ease;

			font-size: 0.7rem;
    	display: inline-block;

      background: #f8f8f8;
      border: 1Px solid #dddddd;
      border-radius: 2px;
      max-width: -webkit-fit-content;
      max-width: -moz-fit-content;
      max-width: fit-content;
      padding: 0 10px;
      line-height: 45px;

      /* max-width: 190px;
      width: fit-content; */
}

.lienRapide:hover{
      color: #0a863c;
      border-color: #0a863c;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out;
}


.lienRapide img{
	margin: 0.4rem 0.5rem;
	display: inline-block;
	vertical-align: middle;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.lienRapide:hover img{
  -webkit-transform: scale(0.8);
  	transform: scale(0.8);
}


.lienRapideSolo {
    margin-right: 0;
    margin-left: auto;
    display: block;
    line-height: normal;
}


/**  page mot de passe oublie ***/

/******* affichage mot de passe connexion ****/


.widgetExtranet .showPasswordExtranet, .RadWindowLogin .showPasswordExtranet{
	position: relative;
    display: inline-block;
	padding: 0.2rem;
}

.widgetExtranet .showPasswordIcn, .RadWindowLogin .showPasswordIcn {
    position: relative;
    display: inline-block;
    outline: 0;
    vertical-align: bottom;
    height: 18px;
    width: 18px;
    max-width: 100%;
    background-size: 100%;
    background-image: url(../Images/Icones/eye-sprite.png);
    background-position: 0 0%; background-size: 100%;
}

.RadWindowLogin .showPasswordIcn {
    background-image: url(../Images/Icones/eye-sprite-grey.png);
}

.widgetExtranet .passwordOn .showPasswordIcn, .RadWindowLogin .passwordOn .showPasswordIcn {
	    background-position: 0 100%; background-size: 100%;
}


/**  page mot de passe oublie ***/



.ForgetPasswordWrapper .divCodeExtranetContent input{
  font-size: 1rem;
}

.MotDePasse{
	margin-top: 3rem;
}

.ForgetPasswordWrapper{
	margin-top: 2rem;
}

.forgottenPassword{
	margin-top: 1rem;
}



.ForgetPasswordWrapper .btnForgetPassword, .ForgetPasswordWrapper .btnForgetPassword.RadButton_MetroTouch{
	border-radius: 5px;
	color: #ffffff;
	font-size: 1.2rem;
	background: #0a863c;
	padding: 0.3rem 1rem;
	text-decoration: none;
	margin: 0 0.5rem;
	border: none;
}

.ForgetPasswordWrapper .btnForgetPassword.RadButton_MetroTouch{
	padding: 0.3rem 0;
}

.ForgetPasswordWrapper .btnForgetPassword:hover{
	background: #0a863c;
}

.ForgetPasswordWrapper  .divCodeExtranet{
	display: inline-block;
}

.ForgetPasswordWrapper .divValidate input{
	margin: 0.5rem 0;
}

.ForgetPasswordWrapper .lblForgetPassword{
	text-transform: uppercase;
	margin: 1rem 0 0.2rem;
	text-transform: uppercase;
	font-weight: bold;
	color: #0a863c;
}

.ForgetPasswordWrapper  .inputForgetPassword{
	padding: 0.1rem;
	width: 100%;
	max-width: 300px;
	line-height: 1.3rem;
	font-size: 0.9rem;
	color: #0a863c;
}

.divValSum{
	display: inline-block;
	margin-left: 2rem;
}

.divValSum ul{
	list-style: none;
	font-style: italic;
	padding: 0;
}

.ForgetPasswordWrapper .btnRecommencer {
    display: block;
    padding: 0.5rem 0;
    margin: 0.5rem 0;
    font-style: italic;
    color: #7B7B7B;
    font-size: 0.7rem;
}

/**/

.ForgetPasswordWrapper .tbSaisie .lblForgetPassword {
    display: block;

}

.ForgetPasswordWrapper .tbSaisie .riSingle {
    width: 100%!important;
    max-width: 450px;
}

.ForgetPasswordWrapper .tbSaisie {
    margin: 1rem 0;
}

/* .compteCreaWrapper .ForgetPasswordWrapper{
	margin-top: 0rem;
}

.compteCreaWrapper{
	margin-top: 2rem;
}

.compteCreaWrapper .divCodeExtranetTitre{
  display: none;
} */

/*** ACTU OWL CAROUSEL ***/

/* .actuContent, .actuSummary{
  margin: 1rem 0
} */


/* .newsOwlSummary {
	text-decoration: none;
	color: #808080;
	display: block;
	padding: 0 0.3rem 1rem;
  margin: 0.1rem 0.7rem;
  padding-bottom: 1rem;
} */



.newsCarousel li{
  list-style: none;
}

.newsVignetteSolo img {
    margin-left: 0;
}

.newsCarousel .newsItem{
  margin: 1rem;
}

.newsCarousel .contenuActus, .newsCarousel .newsVignette{
  display: inline-block;
  width: 49%;
  vertical-align: top;
}

.newsCarousel .newsVignette{
  padding-right: 1rem;
}

.newsCarousel .newsVignette img{
-webkit-box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.2);
        box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.2);
}

.newsCarousel  .contenuActus a, .newsCarousel .newsContentMin{
  color: #7B7B7B;
  font-size: 0.85rem;
}

.newsCarousel  .newsTitle a{
  color: #0a863c;
  font-size: 1.2rem;
}

.newsCarousel  .newsContentMin{
  padding-top: 0.5rem;
    word-break: break-word;
}


.newsExtranetItemOwl{
	background: #fff;
    /* margin: 0.5rem 0; */
}

.newsExtranetItemOwl h2, .pubTItle {
	line-height: normal;
	margin: 0 auto;
	text-align: center;
  font-size: 1rem;
  text-transform: uppercase;
  color: #7B7B7B;
}

.newsExtranetTitleOwl a,  .pubTItle a{
	color: #7B7B7B;
	text-decoration: none;
	display: block;
}

.newsExtranetTitleOwl a{
  margin: 0;
}

.newsExtranetVignetteOwl {
	overflow: hidden;
	position: relative;
  display: block;
  height: 199px;
}


.newsCarouselExtranet img{
	display: block;
	width: 100%;
	position: absolute;
	height: auto;
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.newsCarousel .owl-nav, .newsCarouselExtranet .owl-nav{
	opacity: 0;
	-webkit-transition: 0.2s ease;
	transition: 0.2s ease;
}

.newsCarouselExtranet:hover .owl-nav, .newsCarousel:hover .owl-nav, .newsCarouselExtranet:hover .owl-nav, .newsCarousel:hover .owl-nav{
	opacity: 1;
}

.newsCarousel .owl-prev, .newsCarousel .owl-next, .newsCarouselExtranet .owl-prev, .newsCarouselExtranet .owl-next {
	position: absolute;
	height: 50px;
	width: 50px;
	border-radius: 50%;
	background: rgba(86, 86, 86, 0.4)!important;
	z-index: 10;
	top: 45%;
	-webkit-transform: translate(0px, -45%);
	        transform: translate(0px, -45%);
	outline: none;
	-webkit-transition: 0.2s ease;
	transition: 0.2s ease;
}

.newsCarousel .owl-prev:hover, .newsCarousel .owl-next:hover, .newsCarousel .owl-prev:focus, .newsCarousel .owl-next:focus, .newsCarousel .owl-prev:active, .newsCarousel .owl-next:active,
.newsCarouselExtranet .owl-prev:hover, .newsCarouselExtranet .owl-next:hover, .newsCarouselExtranet .owl-prev:focus, .newsCarouselExtranet .owl-next:focus, .newsCarouselExtranet .owl-prev:active, .newsCarousel  .owl-next:active  {
	background: rgba(86, 86, 86, 0.9)!important;
}

.newsCarousel .owl-prev span, .newsCarousel .owl-next span, .newsCarouselExtranet .owl-prev span, .newsCarouselExtranet .owl-next span {
	display: block;
	width: 15px;
	height: 15px;
	border-top: 4px solid #fff;
	border-right: 4px solid #fff;
	-webkit-transform: translate(100%, 0%) rotate(45deg);
	        transform: translate(100%, 0%) rotate(45deg);
	-webkit-transition: 0.2s ease;
	transition: 0.2s ease;
}

.newsCarousel .owl-next, .newsCarouselExtranet .owl-next  {
	right: 0;
}

.newsCarousel .owl-prev, .newsCarouselExtranet .owl-prev {
	left: 0;
}

.newsCarousel .owl-prev span, .newsCarouselExtranet .owl-prev span{
	-webkit-transform: translate(120%, 0%) rotate(-135deg);
	        transform: translate(120%, 0%) rotate(-135deg);
}

.newsCarousel{
  /* width: 95%; */
    margin: 0 auto;
}

/*** newssolo ***/

.newsVignetteSolo {
    display: inline-block;
    vertical-align: middle;
    width: 25%;
}

.newsSummarySolo{
  display: inline-block;
  width: 70%;
  margin: 1rem;
  vertical-align: middle;
}

.newsTitleSolo{
  max-width: 950px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-transform: uppercase;
  font-size: 1.8rem;
  background: #0a863c;
  color: #fff;
  margin: 2rem auto;
  padding: 0.5rem 1.2rem;
}

/***/



/**********************************************HISTORIQUE***********************************************/

.colHisto{
background: #f4f4F4;
padding: 2rem 1rem;
margin-bottom: 0;
-webkit-box-shadow: 0 3px 0 #e9e9e9;
        box-shadow: 0 3px 0 #e9e9e9;
}

/* ------------------------- Primary style-------------------------- */
.cd-container *, .cd-container *:after, .cd-container *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

/* -------------Modules - reusable parts of our design-------------- */
.cd-container {
	/* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
	width: 90%;
	max-width: 1170px;
	margin: 0 auto;
}
.cd-container::after {
	/* clearfix */
	content: '';
	display: table;
	clear: both;
}

/* ---------------------------Main components----------------------- */

#cd-timeline {
    position: relative;
    padding: 2em 3em;
    margin: 0;
    margin-bottom: 3em;
    background: #f4f4f4;
    width: 100%;
}

#cd-timeline::before {
	/* this is the vertical line */
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	margin-left:-2px;
	height: 100%;
	width: 4px;
	background: #13662f;
}
.cd-timeline-block {
	position: relative;
	margin: 3em 0;
}
.cd-timeline-block:after {
	content: "";
	display: table;
	clear: both;
}
.cd-timeline-block:first-child {margin-top: 0;}
.cd-timeline-block:last-child {margin-bottom: 0;}
.cd-timeline-img {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -35px;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	text-align:center;
  font-size: 1.5rem;
  background-color: #fff;
  color: #09863c;
  padding: 0.5rem;
  line-height: 52px;
}
.cd-timeline-content {
  position: relative;
  margin-left: 0;
  background: #fff;
  border-radius: 0.25em;
  padding: 1em 1em 0.5em 1em;
  -webkit-box-shadow: 0 3px 0 #e9e9e9;
          box-shadow: 0 3px 0 #e9e9e9;
  width: 45%;
  color: #7f8c97;
}
.cd-timeline-content:after {
	content: "";
	display: table;
	clear: both;
}
.cd-timeline-content h2 {
	color: #303e49;
	font-size: 1.2rem;
	margin:0;
	text-align:left;
}
.cd-timeline-content p {
	margin: 0.2em 0;
	line-height: 1.6;
  font-size: 0.9rem;
	/* display: none; */
}
.cd-timeline-content::before {
	content: '';
	position: absolute;
	top: 24px;
	left:100%;
	height: 0;
	width: 0;
	border: 7px solid transparent;
	border-left-color: #f4f4f4;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content {float: right;}
.cd-timeline-block:nth-child(even) .cd-timeline-content::before {
	top: 24px;
	left: auto;
	right: 100%;
	border-color: transparent;
	border-right-color: white;
}


.sfPageEditor header, .sfPageEditor .popUpACWrapper {
position: relative;
}

.sfPageEditor .accueilBandeau {
height: auto;
}