/* CSS Document */


/*---------------------------------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{
  box-sizing: border-box;
  font-size: 16px;
  margin: 0;
  padding: 0;
}


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

.vert{
  color: #005521;
}

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 {
  list-style: decimal;
  list-style-position: inside;
  padding: 0;
  margin: 0;
}

ul {
  padding: 0;
  margin: 0;
  list-style: none;
  list-style-position: inside;
}

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

a{
  text-decoration: none;
  color: inherit;

}


h1{
	font-size: 1.8rem;
	text-transform: uppercase;
  margin: 2rem auto 1rem;
}

h2 {
    font-size: 1.4rem;
    margin: 2rem auto 1rem;
}

h3{
	font-size: 1.2rem;
  	margin: 1rem 0 0.5rem;
}

h4{
	font-size: 1.1rem;
  	margin: 1rem 0 0.3rem;
}

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


.banniere{
  text-align: center;
}

h1, h2, h3, h4, .menuPublic, .newsTitle a, .titrePage .sfContentBlock, .menuExtranet, .lblHello, .titreExtranetWrapper, .homeTitleWrapper a, .bouton, .ForgetPasswordWrapper .divCodeExtranetTitre, .sfsearchResultTitle {
  font-family: "Noto Sans", sans-serif;
}


/** liste **/

.mainContentExtranet  .sfContentBlock ul, .mainContentPublic .sfContentBlock ul, .newsContentSolo ul{
  list-style-type: disc;
  list-style-position: inside;
}

.mainContentExtranet .sfContentBlock ul ul, .mainContentPublic .sfContentBlock ul ul, .newsContentSolo ul ul{
  text-indent: 1rem;
  list-style-type: circle;
}

/****/


/*
.mainContent{
	background: rgba(255, 255, 255, 0);
  margin-top: 0;
  min-height: calc(100vh - 430px);
}

.mainContentExtranet, .mainContent {
  background: #f4f4f4;
  padding: 2rem 1rem 1rem;
  margin: 0 auto;
}

.banner {
  background: #f4F4F4;
}

.mainContentPublic {
  padding: 2rem 1rem 2rem;
}

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

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


/**/

/** colonne **/

.columnLeft, .rightColumnPage{
	min-height: 100vh;
}

/* colonne gauche*/
.columnLeft{
	position: fixed;
	width: 28%;
  max-height: 100%;
  overflow: auto;
}

.columnLeft::-webkit-scrollbar-track, .mainMenu::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.columnLeft::-webkit-scrollbar, .mainMenu::-webkit-scrollbar
{
	width: 5px;
	background-color: #F5F5F5;
}

.columnLeft::-webkit-scrollbar-thumb, .mainMenu::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #a3a3a3;
}



/* colonne droite*/

.columnRight{
	width: 72%;
}

.contentPublic{
    background: #e8e8e9;;
	min-height: calc(100vh - 3rem);
	display: flex;
      align-items: start;
  font-size: 17px;
}

.contentPublic .sfContentBlock{
  margin: 4rem 2rem 2em;
  display: block;
}

.contentPublic .sf_cols{
		display: flex;
}

.columnRight > div.sf_colsIn, .contentPublic > div.sf_colsIn{
	margin-left: 0px;
}

.contentPublic .sfimageWrp{
    width: 100%;
    height: 100%;
}

.contentPublic .sf_cols:not(.HomeRigh) .sf_colsOut > div:not(.sfContentBlock), .contentPublic .sfimageWrp img{
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	margin: 0;
	width: 100%;
}

.contentPublic .sfimageWrp img{
  display: block;
}

.sf_1col_1_100 > .sf_1col_1in_100 > .blocCouleur,  .sf_1col_1_100 > .sf_1col_1in_100 > .divBgColor{
  height: auto!important;
}

.contentPublic .sf_colsOut{
	float: left;
}

.contentPublic .sf_colsOut.sf_1col_1_100{
	width: 100%;
}

.contentPublic .sfdownloadFileWrp {
  margin: 1rem 2rem;
}

/** colonne droite extranet **/

.menuExtranetWrapper{
  background: #e8e8e9;
	 max-width: 265px;
}

.menuExtranet {
    background: #e8e8e9;
}

/** colonne gauche extranet **/

.contentExtranet{
	float: right;
	width: calc(100% - 265px)!important;
  min-height: 100vh;
  position: relative;
  padding-bottom: 3rem;
}

.contentExtranet > .sf_colsIn{
	padding: 1rem 0.5rem 3rem 3rem;
  max-width: 1700px;
}

.mainContentExtranet {
  background: #FDFDFD;
}

/** footer **/

.footerExtranet{
  background: #f4f4f4;
}

.footer{
	text-align: right;
}

.footer a{
	color:#005521;
  display: inline-block;
  margin: 0.5rem 1rem;
  padding: 0.5rem;
  height: 2.5rem;
}

.footer a:hover {
  text-decoration: underline;
}

.footerExtranet {
  position: absolute;
  bottom: 0;
  left: 0;
}


/** titre page publique **/


.titlePage, .txtLogoPagePublic, .titleTextHome, .titleTextHome h1{
  padding: 0 0.65rem;
}

.titlePage h1{
  margin-top: 7rem;
  line-height: 2rem;
	font-size: 1.8rem;
	text-align: center;
	text-transform: uppercase;
	word-wrap: break-word;
  padding: 0;
  margin-bottom: 0.5rem;
}

.titlePage h2{
  text-align: center;
  text-transform: uppercase;
  word-wrap: break-word;
  padding: 0 0.5rem;
  color: #005521;
  font-size: 1.3rem;
  margin: 0.5rem 0;
}

.txtLogoPagePublic h3{
    text-align: center;
    word-wrap: break-word;
    font-size: 0.9rem;
    margin: 0.5rem 0;
}

/**/

.contentPublic a{
	color: #005521;
	font-weight: 500;
}

.contentPublic h2{
	text-transform: uppercase;
	margin-top: 2rem;
}

h2.vert, h3.vert, p.vert{
	color: #005521;
}

.jaune{
	background-color: #F7B267;
  background-color: #e0b363;
	color: #fff;
}

.gris{
  background-color: #e8e8e9;
  color: #413b3b;
}

.noir{
  background-color: #312b2b;
  background-color: #0f1c31;
  color: #fff;
}

.vertFonce {
  background-color: #003213;
  color: #fff;
}

.vertClair{
	    background: #0E6F31;
      color: #fff;
}

.vertMoyen{
	    background: #005521;
      background-color: #005521;
      color: #fff;
}

.marron{
  background: #6B1E03;
  color: #fff;
}

.marronFonce {
  background: #220800;
  color: #fff;
}

.contentPublic .noir a, .contentPublic .vert a, .contentPublic .vertMoyen a{
  color: #c9e794;
}

.contentPublic .noir a:hover, .contentPublic .vert a:hover, .contentPublic .vertMoyen a:hover{
  color: #ffffff;
}

.contentPublic .vertClair a, .marron a, .marronFonce a{
  color: #fff;
}

.contentPublic .vertClair a:hover{
  color: #220800;
}

.marron a:hover, .marronFonce a:hover{
  color: #ffffff;
}


/** colonne gauche page accueil publique **/

.titlePageHome{
	margin-top: 2.5rem;
	text-align: center;
}

.titleTextHome h1{
    margin: 2rem 0 1rem;
    color: #005521;
    text-transform: none;
}

.titlePageHome img {
  max-width: 230px;
}

.textHome{
	font-size: 1.2rem;
	text-align: center;
	max-width: 500px;
  padding: 0 0.65rem;
	margin: 0.5rem auto 0;
}

.textHome h1{
	font-size: 1.3rem;
	margin: 0 0.65rem;
}

.textHome h3, .textHome h2 {
  	font-size: 1.3rem;
    font-weight: normal;
    margin: 0.65rem auto 0;
}

.textHomeBlock2 h4 {
  font-size: 1rem;
}


.linkHomeWrapper{
	margin: 1rem auto;
	text-align: center;
}

.linkHomeWrapper a {
    display: inline-block;
    margin: 0.3rem;
}

.linkHomeWrapper img{
	max-width: 45px;
	padding: 0.2rem;
}

.logoTitrePage{
	margin: 0 auto;
	text-align: center;
	position: absolute;
	bottom: 2%;
}

.imgHomeLogo img, .logoPagePublic img, .logoExtranet img, .logoMenuImg img {
    max-width: 180px;
}

/**/

.homeLoginLink, .logoExtranet{
	position: absolute;
	bottom: 1rem;
	left: 0;
	right: 0;
	font-size: 0.9rem;
	width: initial;
  text-align: center;
  z-index: -1;
}

.homeLoginLink h2 {
  margin-bottom: 0.2rem;
}

.homeLoginLink p {
  padding-top: 0.2rem;
}

/**/

.logoExtranet img {
   max-width:130px;
}


.logoMenuImg img {
	 display: block;
	 margin: 0.2rem auto;
}

/* accueil page */

.title{
	margin-bottom: 0;
	text-transform: uppercase;
	margin-top: 0.7rem;
}

.imgBgHome, .imgBgHome .nivoSlider, .imgBgHome .slider-wrapper{
	height: calc(100vh - 360px);
}

.imgBgHomeFull {
  height: 100vh;
}

.imgBgHome img{
	-o-object-fit: cover;
	   object-fit: cover;
	height: 100%!important;
	width: 100%!important;
}

.ActusHome, .MeteoHome, .OffresHome{
	background: #005521;
	color: #fff;
	min-height: 220px;
	padding: 1rem 1rem 0;
}

.MeteoHome, .OffresHome{
	background: #428d5f;
}

.ActusHome .sfContentBlock, .MeteoHome .sfContentBlock, .OffresHome .sfContentBlock{
  margin: 1rem;
}


.ActusHome .newsCarousel .newsTitle a, .ActusHome .newsCarousel .contenuActus a,  .ActusHome a.linkActu{
    color: #fff;
}

.newsLinkBottom h3.newsTitle{
  margin: 0;
  font-size: 1.2rem;
}

.newsLinkBottom .linkActu{
  display: block;
  padding: 1rem 0 0.1rem;
  text-decoration: underline;
  text-align: right;
  font-size: 0.9rem;
}

.newsLinkBottom .owl-item img {
  width: auto;
  max-width: 100%;
  max-height: 120px;
}


.ActusHome .newsCarousel .newsItem {
    margin: 0.5rem 0;
}

.newsLinkBottom .newsExtranetVignetteOwl {
  height: auto;
}

/* historique */

.itemTextTimeline {
  display: flex;
  align-items: center;
  background: #b6cc9d;
  background: #95b55c;
  border-radius: 0 15px 15px 0;
  border-radius: 10px;
  color: #fff;
}

.itemTextTimeline h2 {
  margin: 0;
  padding: 4rem;
  color: #fff;
  background: #005521;
  font-size: 1.8rem;
  font-weight: 500;
  border-radius: 10px 0 0 10px;
  position: relative;
}

.itemTextTimeline h2:before {
  content: '';
  position: absolute;
  display: block;
  right: -24px;
  top: 0;
  bottom: 0;
  width: 25px;
  height: 100%;
  background: #607538;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}

.itemTextTimeline p {
  padding: 1rem 1rem 1rem 3rem;
}

.itemTextTimeline p + p {
  border-left: 1px solid #cdcdcd;
}


.dateTimeline .itemDateTimeline{
  text-align: center;
  position: relative;
}

.dateTimeline .current 
.itemDateTimeline .btmLine:before{
  text-align: center;
  content: "";
  width: 30px;
  height: 5px;
  border-radius: 5px;
  display: block;
  margin: 0 auto;
  background: #607538;
}

.dateTimeline .current .itemDateTimeline{
  color: #005521;
}




/**/

.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;
}

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

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

.iconContact img {
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  max-height: 30px;
}

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

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

/***** contact form *****/

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

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

.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: #005521;
}

.contactForm button, .sf-fieldWrp button{
  border: none;
  background: #005521;
  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;
}

/**/

.contactFormWrapper div[data-sf-role="form-container"] {
  padding: 0 2rem 2rem;
}

.contactFormWrapper .sf-fieldWrp label{
color: #413b3b;
}

.contactAdresseWrapper img.icone_Titre {
  filter: invert(100%) sepia(0%) saturate(7489%) hue-rotate(216deg) brightness(102%) contrast(99%);
  max-width: 45px;
}

.contactAdresseWrapper a{
  color: #fff;
  font-weight: bold;
}

.contactAdresseWrapper a:hover{
  text-decoration: underline;
}


/*** organigramme **/

.orga .sf_cols.divBgColor {
  height: 100%;
}

.orga .sfContentBlock{
	margin: 1rem;
}

.orga img{
  display: block;
  width: 45px;
  text-align: center;
  margin: 0 auto;
}

.orga h3 {
  padding-top: 1.5rem;
  font-size: 1.3rem;
}

.orga h4 {
  font-size: 1.3rem;
  margin: 0.5rem 0 0;
  text-align: center;
  text-align: center;
  font-weight: 500;
}

.orga p{
	padding: 0.2rem;
	text-align:  center;
  font-size: 0.9rem;
  font-style: italic;
}

/* chiffres clefs **/


.chiffreClesWrapper, .contentPublic .chiffreClesWrapper{
	padding: 0.5rem 1rem 2rem;
  display: block;
  text-align: center;

}

.chiffreClesWrapper .chiffreClesDiv{
  display: block;
}

.chiffreClesWrapper, .chiffreClesWrapper .chiffresCles div{
  float: none!important;
}

.chiffreClesWrapper .sfContentBlock{
	margin: 0;
}

.chiffresCles > .sf_colsIn {
    padding: 0.3rem;
    text-align: center;
}

.chiffresClesIcn img, .chiffresClesIcn .sfimageWrp  img{
  display: block;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  max-height: 100px;
}

.chiffreClesWrapper h3, .chiffresClesTitre, .chiffresClesTitre .sfContentBlock{
      font-size: 2.6rem;
      font-weight: normal;
}

.chiffreClesWrapperMin h3, .chiffreClesWrapperMin .chiffresClesTitre, .chiffreClesWrapperMin .chiffresClesTitre .sfContentBlock {
  font-size: 1.3rem;
}

.chiffreClesWrapperMin .chiffresClesTitre img {
  height: 50px;
  max-width: 50px;
}

.chiffresClesTxt{
  font-weight: 300;
}

.chiffreClesWrapper .sf_colsIn {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.chiffreClesWrapperMin2 h4{
  margin-top: 0;
}

/* chiffre cle accueil*/

.chiffreCleHome .sfimageWrp img {
  max-width: 40px;
  height: auto;
  display: block;
  margin: 0 auto;
  text-align: center;
}

.chiffreCleHome .sfimageWrp {
  height: auto;
}

.chiffreCleHome {
  text-align: center;
}

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


.lienRapideWrapper .sfContentBlock{
	margin: 0.2rem 0 1rem auto;
  text-align: right;
}

.lienRapide, .lienRapideWrapper .sfContentBlock a{
			color: #484848;
	    margin: 0.3rem;
	    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;
}

.lienRapide:hover, .lienRapideWrapper .sfContentBlock a:hover{
      color: #005521;
      border-color: #005521;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out;
}


.lienRapide img, .lienRapideWrapper .sfContentBlock a img{
	margin: 0.4rem 0.5rem;
	display: inline-block;
	vertical-align: middle;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  max-width: 25px;
}

.lienRapide:hover img, .lienRapideWrapper .sfContentBlock a: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 ***/


.ForgetPasswordWrapper .divCodeExtranetTitre{
  color: #fff;
  text-transform: uppercase;
}

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

.MotDePasse{
	margin-top: 3rem;
}

.ForgetPasswordWrapper{
	max-width: 420px;
	margin: 1rem auto;
	width: 100%;
}

.forgottenPassword{
	margin-top: 1rem;
}


.ForgetPasswordWrapper .btnForgetPassword, .ForgetPasswordWrapper .btnForgetPassword.RadButton_MetroTouch{
	border-radius: 5px;
	color: #ffffff;
	font-size: 1.2rem;
	background: #005521;
	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: #005521;
}

.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: #005521;
}

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

.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;
}

/*** ACTU OWL CAROUSEL ***/

.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{
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: #005521;
  font-size: 1.2rem;
}

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


.newsExtranetItemOwl{
	background: #fff;
}

.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;

  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, .widgetSignaturePiecesWrapper .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, .widgetSignaturePiecesWrapper:hover .owl-nav{
	opacity: 1;
}

.newsCarousel .owl-prev, .newsCarousel .owl-next, .newsCarouselExtranet .owl-prev, .newsCarouselExtranet .owl-next, .widgetSignaturePiecesWrapper .owl-prev, .widgetSignaturePiecesWrapper .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, .owl-next:active,
.newsCarouselExtranet .owl-prev:hover, .newsCarouselExtranet .owl-next:hover, .newsCarouselExtranet .owl-prev:focus, .newsCarouselExtranet .owl-next:focus, .newsCarouselExtranet .owl-prev:active, .owl-next:active
.widgetSignaturePiecesWrapper .owl-prev:hover, .widgetSignaturePiecesWrapper .owl-next:hover, .widgetSignaturePiecesWrapper .owl-prev:focus, .widgetSignaturePiecesWrapper .owl-next:focus, .widgetSignaturePiecesWrapper .owl-prev:active, .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, .widgetSignaturePiecesWrapper .owl-next span, .widgetSignaturePiecesWrapper .owl-prev 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, .widgetSignaturePiecesWrapper .owl-next  {
	right: 0;
}

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

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

.newsCarousel{
    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, .eventTitleSolo{
max-width: 950px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
text-transform: uppercase;
font-size: 1.8rem;
background: #005521;
color: #fff;
margin: 2rem auto;
padding: 0.5rem 1.2rem;
}

.newsContentSolo{
margin: 1rem 0;
}

.newsSoloWrapper a {
  color: #005521;
}

/****  evenement seul ***/

.eventInfo {
  margin-bottom: 1rem;
}

.eventInfo li {
  padding: 0.2rem 0;
  font-weight: bold;
}

.eventDate {
  font-size: 1.2rem;
  color: #005521;
}

.eventContactEmail, .eventContactPhone {
  color: #005521;
  text-decoration: underline;
  font-weight: normal;
}

/****  evenement liste simple et liste page ***/

.eventList .sfeventMetaInfo{
  font-size: 1.2rem;
  font-weight: bold;
  color: #005521;
}

.eventListContent {
  margin-top: 0.5rem;
}

.eventListCity {
  font-style: italic;
}

/*** evenement list simple ***/
.eventListSimpleTitle {
  display: inline-block;
  width: 65%;
  padding: 0.5rem;
  font-size: 0.9rem;
  vertical-align: middle;
  margin: 0.5rem 0;
}

.eventListSimpleDate {
  display: inline-block;
  width: 33%;
  vertical-align: middle;
}

.eventListSimple:not(:last-of-type) {
  border-bottom: 1px solid #cdcdcd;
}

.eventListSimpleDate.sfeventMetaInfo{
  font-size: 1rem;
}

/**** zone icone accueil publique ***/

/* zone 1 */

.IntroTxtIcnHome1 h2{
  font-size: 1.25rem;
  font-weight: normal;
  text-transform: none;
}

.IntroTxtIcnHome1 p {
  padding: 0;
}

.IntroTxtIcnHome1 h2 strong{
  font-size: 1.5rem;
}

.IntroTxtIcnHome1 > .sf_colsIn{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* zone 2*/

.introIcnTxt {
  text-align: center;
}

.introIcnTxt .bigLetter {
  font-size: 2rem;
  line-height: 2rem;
}

.IntroTxtIcnHome2 {
  padding: 0;
}

.introIcnTxtBlock{
  position: relative;
  transition: all 0.5s;
}

.introIcnTxtBlock:before {
  content: "";
  position: absolute;
  /*top: 100%;*/
  left: 0;
  width: 100%;
  height: 0%;
  background: #494949;
  transition: .5s;
  z-index: 0;
}

.introIcnTxtBlockL {
  background: #b6cc9d;
}

.introIcnTxtBlockE {
  background: #95b55c;
}

.introIcnTxtBlockF {
  background: #a6c968;
}

.introIcnTxtBlock p {
  z-index: 2;
  position: relative;
  transition: all 0.3s;
}

.sf_cols.introIcnTxt {
  color: #3e3e3e;
}

.introIcnTxt img {
  max-width: 70px;
}

.introIcnTxtBlock:hover img{
transition: all 1s;
transform: rotateY(360deg);
/*filter: invert(66%) sepia(95%) saturate(1379%) hue-rotate(54deg) brightness(60%) contrast(80%);*/
filter: invert(100%) sepia(3%) saturate(13%) hue-rotate(64deg) brightness(105%) contrast(105%);
}

.introIcnTxtBlock:hover{
background-color: #494949;
color: #ffffff;
}

.introIcnTxtBlock:hover p {
  letter-spacing: 2px;
}

.introIcnTxtBlock:hover:before {
  /*top: 0;*/
  height: 100%;
}

/*** accueil activite site public ***/

.activiteHome {
  position: relative;
}

.activiteHome:before {
  background: linear-gradient(180deg, rgba(96, 67, 64, 0) 0%, rgba(96, 67, 64, 0.5) 50%);
  background: linear-gradient(180deg, rgba(34, 8, 0, 0) 0%, rgba(64, 42, 52, 0.5) 100%);
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
}

.activiteHome .sfContentBlock {
  position: absolute;
  border: ;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
}

.activiteHome .sfimageWrp {
  /*! background: linear-gradient(180deg, rgba(218, 57, 43, 0), rgba(96, 67, 64, 0.8)) !important; */
}

.activiteHome::after {
  background: linear-gradient(180deg, rgba(96, 67, 64, 0) 0%, rgba(96, 67, 64, 1) 50%);
  background: linear-gradient(180deg, rgba(0, 50, 19, 0.9) 0%, rgba(0, 50, 19, 0.5) 50%);
  background: linear-gradient(180deg, rgba(21, 57, 13, 1) 0%, rgba(21, 57, 13, 1) 50%);
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 0;
  transition: 0.3s;
  top: 0;
  height: 0;
}

.activiteHome:hover:after {
  height: 100%;
  opacity: 1;
}


.activiteHome:nth-of-type(even):before {
  background: linear-gradient(180deg, rgba(34, 8, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}

.activiteHome:nth-of-type(even):after{
  background: linear-gradient(180deg, rgba(34, 8, 0, 1) 0%, rgba(70, 37, 21, 1) 50%);
}


.activiteHomeWrapper1 .activiteHome:nth-of-type(1)::after {
  background: #003213;
  background: #812E12;
}

.activiteHomeWrapper1 .activiteHome:nth-of-type(2)::after {
  background: #005521;
  background: #6B1E03;
}

.activiteHomeWrapper1 .activiteHome:nth-of-type(3)::after {
  background: #0E6F31;
  background: #551E05;
}

.activiteHomeWrapper1 .activiteHome:nth-of-type(4)::after {
  background: #108039;
  background: #3E1E06;
}

.activiteHomeWrapper2 .activiteHome:nth-of-type(1)::after {
  background: #3E1E06;
}

.activiteHomeWrapper2 .activiteHome:nth-of-type(2)::after {
  background: #551E05;
}

.activiteHomeWrapper2 .activiteHome:nth-of-type(3)::after {
  background: #6B1E03;
}

.activiteHomeWrapper2 .activiteHome:nth-of-type(4)::after {
  background: #812E12;
}


/**/

.chiffreCleHomeWrapper {
  margin-top: 2rem;
}



/**** editeur sitefinity ***/

.sfPageEditor .contentPublic .sf_cols .sf_colsOut div:not(.sfContentBlock){
	height: auto;
}

.sfPageEditor .logoTitrePage {
    position: relative;
}

.sfPageEditor .mainMenu {
    position: relative;
    display: block!important;
		height: auto;
		width: 100%;
		transform: translate3d(0, 0, 0)!important;
		min-height: auto;
}

.sfPageEditor .columnLeft, .sfPageEditor .columnRight {
    position: relative;
	min-height: auto;
}

.sfPageEditor .homeLoginLink, .sfPageEditor .imgHomeLink, .sfPageEditor .logoExtranet{
	position: relative;
}

.sfPageEditor .chiffresCles{
	height: auto!important;
}

.sfPageEditor  .imgPortailCommande{
	max-height: none!important;
}

.sfPageEditor .chiffreClesWrapper.sf_cols {
  display: block;
}

.sfPageEditor .footerExtranet {
  position: relative;
}


/***/

@media only screen and (min-width : 768px) and (max-height : 560px){
  .homeLoginLink, .logoExtranet, .logoTitrePage {
    position: relative;
    padding-top: 2rem;
  }

  .homeLoginLink{
    z-index: 6;
  }
}