html {
  scroll-behavior: smooth;
}
.pmd-6{  float:left;	width: 47%;margin-left:3%!important;
	     display:block;position: relative;  min-height: 1px;
	     padding-right:15px;padding-left:15px; text-align:center;margin-left:auto;margin-right:auto; 
  }
 .droite .pmd-6, .gauche .pmd-6 { width: 100%;float:none;margin-left:0;}
 
@media  (min-width:768px) AND (max-width: 1200px) {
 .droite .pmd-6 {float:left;	width: 47%;margin-left:3%!important;  }
}


.couleur_heriter{background-color:inherit;color:inherit}/* bandeau */
.bandeau_titre {font-size:3vw;font-weight:700}
.bandeau_stitre{font-size:var(--size-24);line-height:normal;font-weight:700;color:inherit}
@media (min-width:768px){ 
.bandeau_titre {font-size:5vw;font-weight:700;color:inherit}
}

/* pour modele integre */
.align_center { clear: both; display: block;max-width: 100%;margin:auto;text-align:center}
.align_left  { float: left; margin-right: 1.5em;max-width:100% }
.align_right { float: right; margin-left: 1.5em;max-width: 100% }
.center,.centrer { text-align: center; margin-right: auto!important; margin-left: auto!important; }
.fnone{float:none!important; }
.fleft  { float: left!important; }
.fright { float: right!important; }
.text-uppercase { text-transform: uppercase;}
.formulaire_formidable {text-align:left }

@media (max-width: 480px)
{.aside .fleft,.aside .fright,.aside .align_left,.aside .align_right{ text-align:center;margin-left:auto!important;margin-right:auto!important;}
 .cettetaille{width:100%!important;}
 }
 @media (min-width: 1200px)
{.aside .fleft,.aside .fright,.aside .align_left,.aside .align_right,.aside .surtexte{ text-align:center;margin-left:auto!important;
margin-right:auto!important;}
}
.aside .minicont {flex-wrap:wrap;width:100%!important;} 
.aside .contenusinclus {flex-wrap:wrap;width:100%;}

.awesome {font-family: 'FontAwesome';}
/**********************/
.link-player .icon-play,
.link-player .icon-pause {
	width: 16px;
	height: 16px;
	display: inline-block;
	margin-right: 5px;
	background: url(img/controls-16.png) no-repeat -32px center;
}
.link-player .icon-pause {
	background-position: -64px center;
}
.pull-right {
    float: right !important;
}

.cartouche { margin: 1%; }
.cartouche h1,.cartouche p  { margin-bottom: 0; }



[class^="icon-"]:before, [class*=" icon-"] :before{
  font-family: 'FontAwesome'; /*f0cl*/
   font-size: 1.33333333em; vertical-align: -15%;
   line-height: 1.1em;    margin-right: -10px;
   text-align: center;background:#ea614b;color:#FFFFFF;position:relative;
   -webkit-transition: all .7s;padding: .2em .25em .15em;
   border-radius: .3em;
   transition: all .7s;
   font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
 

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^="icon-"], [class*=" icon-"] {display:block;color: #ea614b;}
.icon-liens:before { content:"\f0c1";   }
.icon-lien:hover:before
{-webkit-transform: rotate(360deg);
transform: rotate(360deg);}

.icon-phone:before {  	content:"\f095";      }
.icon-plus:before {  	content:"\f067";    }
.icon-plus a:hover:before {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
.icon-calendar:before {	content:"\f073";      }
.icon-calendar a:hover:before
{-webkit-transform: rotate(360deg);
transform: rotate(360deg);}

.icon-suite{color: #ea614b;display:block; position: relative;width:100%;
    border-bottom: 1px solid #ea614b;margin: 0 0 3em 0;
    display: block;    height: auto;    padding-bottom: 1em;line-height: 1.2em; }
.icon-suite:before{background:#ea614b;border-radius: .3em;margin-bottom:20px;}
.icon-suite>a:before{
		font-family: 'FontAwesome'; 
	content:"\f067";
    font-size: 1.33333333em; vertical-align: -15%;
    text-align: center;color:#FFFFFF;position:relative;
    padding: .2em .25em .15em;
    display: block;
	 -webkit-transition: all .7s;
    transition: all .7s;
  }
    
.icon-suite>a {
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    color: #ed7761;
    text-align: center;
    text-decoration: none;
    outline: none !important;
    background-color: #ea614b;
	 border-radius: .3em;
}
.icon-suite>a:hover:before,
.icon-suite>a:focus:before,
.icon-suite>a:active:before{
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

.icon-lg {
    font-size: 100px !important;
}

:root {
  --black:#000000;
  --white:#ffffff;
  --gray:#FAFAFA;
  --blue:#094C6B;
  --lighter-blue:#225E7A;
  --darkblue:#00008B;
  --deepskyblue:#00BFFF;
  --aqua:#36D9D6;
  --darkgreen:#006400;
  --red:#BF0D3E;
  --light-red:#FDF5F7;
  --yellow:#DCBB56;
  --light-red:#FDF5F7;
  --darkred:#8B0000;
  --orange:#fd7e14;
  --gray-01:#00000017;
  --gray-02:#9B9B9B;
  --gray-03:#707070;
  --h1:5.625rem;
  --h2:2.5rem;
  --h3:1.875rem;
  --h4:1.5625rem;
  --h5:1.375rem;
  --p:1rem;
  --radius:0.5rem;
  --light:300;
  --regular:400;
  --medium:500;
  --semibold:600;
  --bold:700;
  --ff-serif:Maitree,serif;
  --ff-sans:Raleway,sans-serif;
  --header-height:50px;
  --header-mobile-height:86px;
  --maxWidth:calc(100% - 40px);
  --size-4: calc(4rem / 16);
  --size-8: calc(8rem / 16);
  --size-12: calc(12rem / 16);
  --size-14: calc(14rem / 16);
  --size-16: calc(16rem / 16);
  --size-18: calc(18rem / 16);
  --size-20: calc(20rem / 16);
  --size-24: calc(24rem / 16);
  --size-28: calc(28rem / 16);
  --size-30: calc(30rem / 16);
  --size-32: calc(32rem / 16);
  --size-36: calc(36rem / 16);
  --size-40: calc(40rem / 16);
  --size-44: calc(44rem / 16);
  --size-48: calc(48rem / 16);
  --size-52: calc(52rem / 16);
  --size-56: calc(56rem / 16);
  --size-60: calc(60rem / 16);
  --size-64: calc(64rem / 16);
  --size-68: calc(68rem / 16);
  --size-72: calc(72rem / 16);
  --size-76: calc(76rem / 16);
  --size-80: calc(80rem / 16);
  --size-84: calc(84rem / 16);
  --size-88: calc(88rem / 16);
  --size-92: calc(92rem / 16);
  --size-96: calc(96rem / 16);
  --size-100: calc(100rem / 16);
  --size-104: calc(104rem / 16);
  --size-108: calc(108rem / 16);
  --size-112: calc(112rem / 16);
  --size-116: calc(116rem / 16);
  --size-120: calc(120rem / 16);
  --size-124: calc(124rem / 16);
  --size-128: calc(128rem / 16);
  --size-132: calc(132rem / 16);  
  --auto-margin: calc((100vw - var(--maxWidth)) / 2);  
}

@media (min-width:576px) {
  :root {
    --maxWidth:540px
  }
}
@media (min-width:768px) {
  :root {
    --maxWidth:720px
  }
}
@media (min-width:992px) {
  :root {
    --maxWidth:960px
  }
}
@media (min-width:1200px) {
  :root {
    --maxWidth:1140px
  }
}
@media (min-width:1400px) {
  :root {
    --maxWidth:1320px
  }
}
/* taille logo */
.logosize{width:100px}

/* taille caracteres */


.fsize5628,.fsize64,.fsize52{ font-size:var(--size-28)!important;line-height:1.2;}
.fsize48,.fsize40,.fsize24{ font-size:var(--size-24)!important;line-height:1.3;}
.fsize32,.fsize30,.fsize28{ font-size:var(--size-20)!important;line-height:1.4;}
.fsize20,.fsize18,.fsize1820,.fsize1816{ font-size:var(--size-18)!important;line-height:1.3;}
.fsize14{ font-size:var(--size-14)!important;line-height:1;}
.fsize1618,.fsize16{ font-size:var(--size-16)!important;line-height:1;}

@media (min-width:480px) { 
.logosize{width:200px}
.fsize20,.fsize1820{ font-size:var(--size-20)!important;line-height:1.3;}
.fsize1618{ font-size:var(--size-18)!important;line-height:1.2;}
.fsize1816{ font-size:var(--size-16)!important;line-height:1.1;}
.fsize64,.fsize52{ font-size:var(--size-30)!important;}
.fsize48,.fsize40{ font-size:var(--size-28)!important;}
.fsize32,.fsize30,.fsize28,.fsize24{ font-size:var(--size-24)!important}

}
@media (min-width:768px) { 
.fsize64,.fsize52,.fsize48,.fsize40{ font-size:var(--size-36)!important}
.fsize48,.fsize40{ font-size:var(--size-30)!important}
.fsize32,.fsize30{ font-size:var(--size-28)!important}
.fsize5628{ font-size:var(--size-56)!important;line-height:1.2;}
}
@media (min-width:1024px) {  
.fsize64,.fsize6432{font-size:var(--size-64)!important;line-height:1;}
.fsize52{font-size:var(--size-52)!important;line-height:1.2;}}
.fsize48{font-size:var(--size-48)!important}
.fsize40{font-size:var(--size-40)!important}
.fsize32{font-size:var(--size-32)!important}
.fsize30{font-size:var(--size-30)!important}
.fsize28{font-size:var(--size-28)!important}
.fsize24{font-size:var(--size-24)!important}

}


.nomar {margin: 0!important;}
.nopad {padding: 0!important;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb60{margin-bottom:60px;}
.mb40{margin-bottom:40px;}

.px20{padding:10px!important;}
/* pour le nom des menus logo */
.mmar{margin-left:0px}
@media (min-width: 768px) {
.mmar{margin-left:340px!important}
}
@media (max-width:341px){
	.nopadx {padding: 0!important;}
	
}
@media (min-width:341px) {
  .px20 {padding:20px!important;}
  .px10 {padding: 10px!important;}
 
}
.suite-toggle::before{content:url(images/suite.png)}




/* carousel */
.owl-slide img{
        display: block;   
		margin: auto;
		width:auto;
	  }
	
.owl-carousel .owl-item img {
   display: block;
    
	width:auto;
}	
.bandeau-conteneur{
	text-align:center;
	padding:0 20px 0 20px;
	margin-left:auto;
	margin-right:auto;
	}	

 
 .owl-mnext, .owl-mprev {
	width: 40px;
	height: 60px;
	font-size:30px;
	line-height:60px;
	position: absolute;
	top:40%;
	font-weight: 900;	 
	background-color:#636463 !important;
	color:white!important;
  }
  
  
 .owl-mnext:hover , .owl-mprev:hover {
	background-color: #CCC;
	
}
.owl-mprev {
    left: 0px;
}
.owl-mnext {
    right:0px;
}
.owl-theme .owl-nav [class*="owl-"] {
    color: #FFFFFF;
    font-size: 20px;
    margin: 0px;margin-top:-20px;
    padding: 0px;
    background: #D6D6D6;
   
}
.owl-slide a {opacity:1;}
.owl-carousel .owl-stage {display:flex;align-items:center;align-content: center;}

@media  only screen and (max-width:480px) {
	 .owl-slide .hidden-phone{  display:none;}
    
	 .owl-nav { display:none;}
}
 /**** different sur NDD ******/

.carune{text-align:center; font-size:70%!important;padding:0;margin-bottom:10px;text-transform: uppercase;font-style:oblique;}
/*************************/
 
/** pour les carousel */
  .demi { 
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  overflow: hidden;
  max-height: 60vh;
  min-height: 60vh;  
  aspect-ratio: 1/2;
  }
  .basimg{
  position: absolute; /* Position the background text */
  bottom: 0; /* At the bottom. Use top:0 to append it to the top */
  background: rgb(0, 0, 0); /* Fallback color */
  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
  color: #f1f1f1; /* Grey text */
 /* max-width: 80%; Full width */
  padding: 20px; /* Some padding */
 
  }
  .titreSurImage {
  overflow: hidden;
  color: #FFFFFF;
  position: absolute;
  text-shadow: 1px 1px 2px #000;
  left: 50%;
  top: 50%;
  text-transform: uppercase;
  transform: translate(-50%, -50%);
  width: 100%;
  visibility: inherit !important;
}
.cblanc{color:white}
.fondsombre{
   background: rgba(0, 0, 0, 0.5);
   color: #f1f1f1; 
   font-weight:bold;
   padding: 20px 40px; 
   min-width:30%; 
   background: rgba(50,50,50,0.4);
  }
  .fondFonce {
  position: absolute;
  top: 0;
  right: 0;
  background: rgba(50,50,50,0.4);
  width: 100%;
  height: 100%;
  opacity: 1;
  color:#ffffff!important;
}
  .fondsombrecentre {
  display: inline-block;
  background-color: rgba(0,0,0,.5);
  margin: auto;
  padding: 60px ;
  /*width: 55%;*/
  color:#ffffff!important;
  }
  .fondclaircentre {
  display: inline-block;
  background-color: rgba(255,255,255,0.5);
  margin: auto;
  padding: 60px;
  /*width: 55%;*/
  text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
  color:#333!important;
  }
  
.fondsombre a,.fondsombrecentre a {color:#ffffff}
.fondclair a,  .fondclaircentre a {color:#333333}

@media (max-width:767px) {
	.fondsombrecentre,.fondclaircentre{ padding:15px;width:90%}
}
.titrss {font-size:105%;font-style: oblique;margin:auto;padding:10px;text-transform:uppercase;width:100%;font-weight: bold}
.rowordre{flex-direction:row}
.rowinverse{flex-direction:row-reverse}
/* site avec flux rss */ 

.itemrss h1{font-size:110%;margin-top:10px;margin-bottom:10px;text-align:center;border:none!important;} 
.itemrss h2 {font-size:105%;padding:10px;text-align:center;border:none!important;text-align:center;} 

.itemrss img {text-align:center;margin:auto;display:block;padding:30px}
.noimg img {width:0;height:0}


@media (min-width: 768px)  {.h-md-6  {min-height:400px;} .h-md-4{min-height:200px;}}
@media (min-width: 992px)  {.h-lg-6  {min-height:400px;} .h-lg-4{min-height:440px;}}
@media (min-width: 1024px) {.h-ml-6  {min-height:480px;} .h-ml-4{min-height:300px;}}
@media (min-width: 1200px) {.h-xl-6  {min-height:480px;} .h-xl-3{min-height:200px;}}
@media (min-width: 1400px) {.h-xl-6  {min-height:480px;} .h-xxl-3{min-height:300px;}}


@media (min-width: 768px)  {.ht-md-6  {min-height:100px;font-size:18px;} .ht-md-4{min-height:100px;}}
@media (min-width: 992px)  {.ht-lg-6  {min-height:100px;font-size:18px;} .ht-lg-4{min-height:120px;font-size:16px;}}
@media (min-width: 1024px) {.ht-ml-6  {min-height:100px;}  .ht-ml-4{min-height:100px;font-size:102%;}}
@media (min-width: 1200px) {.ht-xl-6  {min-height:100px;}  .ht-xl-4{min-height:130px;} .ht-xl-3{min-height:150px;}}
@media (min-width: 1400px) {.ht-xll-6  {min-height:100px;} .ht-xll-3{min-height:150px;}}

.ititre
{min-height:3.2em;line-height:1.2;
width:100%;font-weight: bold;padding:20px;
font-size:18px;
text-shadow:none;  
word-break: break-word;
    -ms-word-break: break-word;
}

.blog-title {
	
	font-family: Maitree,serif !important;
	padding-bottom:0px;
	margin-left:auto;
	margin-bottom:5px;
	margin-right:auto;
	text-align: center;
	display: block;
	font-weight: 600;
	/*text-shadow: 1px 1px 1px rgba(0,0,0,0.25);*/
	/*text-shadow: 3px 2px 2px rgba(19, 19, 19, 0.5);*/
	
	
}
.blog-shadow{text-shadow: 3px 2px 2px rgba(19, 19, 19, 0.5);}
h1.blog-title {	
	margin-bottom:0;
	
	}
.header h3 { font-style:normal;font-weight: 700;font-size: 1.5em; }

h3.blog-description {text-transform: none;}
.blog-description {
	font-size: 1.1em;
	line-height: 110%;
	font-weight: 600;
	color: #999;
	margin: 20px 0 0 0;
	text-align: center;
	/*text-shadow: 1px 1px 1px rgba(0,0,0,0.25);*/
	text-shadow: 3px 2px 2px rgba(19, 19, 19, 0.5);
	 color: #fff;
} 
@media (max-width: 500px) {
  /* header  */
   
	.header .blog-description { 
		font-size: 1em; 
		margin-top: 15px;
}

.header .blog-title{ 
		font-size: 2em; 
		
}
}
/* masonry */
.wrapper.mansonry {padding:2% 0 3% 0;}
.posts {
    overflow: visible !important;
}

.post-container {
    padding: 0 1.5% 4.5% 1.5%;
	 
}
.post-header .post-title  {
    font-family: 'Roboto Slab', sans-serif;
    font-size: 1.25em;
    line-height: 120%;
    font-weight: 700;
    color: #2B3542;
    word-break: break-word;
    -ms-word-break: break-word;
	text-transform:none;text-shadow:none;
}
.post-excerpt {font-family: Roboto, sans-serif;
font-size: 18px;

    padding: 10%;text-align:justify;

}
.post-excerpt p {font-family: Roboto, sans-serif;
    font-size: 0.95em;
    line-height: 150%;
    color: #666;
}
.post-header { 
	position: relative; 
	padding: 8% 8%;
	
}


/* fin masonry */

/* evidence */
.desc_content {
	
 /*   padding: 15% 8%;*/
	padding: calc(10% + 5.5px) 6%;
    font-weight: 500;
    line-height: 1.5;
	font-size:1.1em;
	text-align:justify;
	text-overflow: ellipsis;
	overflow: hidden;
    max-width: 100%;
	}



@media only screen and (max-width:769px)
{
.stdesc { width:95%;	margin-left:auto;margin-right:auto;text-align:center;margin-bottom:10px};

}

.stdesc {
    border-radius: 3px;min-height: 300px;
	
	  
}


/* utiliser dans  footer */

@media (max-width: 600px) {
  .untrait{
    width: 100%;
    float: none;
    padding: 40px 0 0 0;
    border-top: 4px solid #333;
    margin: 40px 0 0 0;
  }
}


/* pour les articles/rubrique mosaique */
  .monprem {min-height:300px;max-height:300px}
  .monha   {min-height:768;max-height:768}
  .monhb   {min-height:300px;max-height:300px}
  .monhc   {min-height:300px;max-height:300px}
  .monhd   {min-height:300px;max-height:300px}
@media (min-width:1200px) {
.monhb   {min-height:480px;max-height:480px}
.monprem {min-height:600px;max-height:600px}
}
@media (min-width:992px) {
.monhd {min-height:137px;max-height:137px}
}
/* modele  presentoir */
div.textTopic p {
  margin-bottom:1px;
  text-align:left;
  hyphens: auto;
}
 h3 .titleTopic {
    margin-bottom: 0.3em;padding:10px;
    font-weight:300;
    text-align:center;margin-left:auto;margin-right:auto;
}

/* article, rubrique, selection?... LISTE */
.vari {min-width:60%!important;}
.aside .vari {min-width:100%!important;}
@media only screen and (max-width: 640px) {.vari{min-width:90%!important;}}
@media only screen and (min-width: 641px)  and  (max-width: 992px) {.vari{min-width:80%!important;}}

@media only screen and (min-width:641px)and (max-width: 1024px) {
	.slidercentre {width:80%;text-align:center;margin-left:auto;margin-right:auto}
	.aside .slider-conteneur{	min-height : 200px;	width:80%;text-align:center;}
}
.slider-conteneur {	text-align:center;position: relative;margin:auto;vertical-align:middle;}
@media (max-width: 340px) { 

#slider-header {display:none;} 
.bandeau .slider-conteneur,.bandeau{display:none;}
.slider-conteneur img {	max-width:100%!important;}

}
@media only screen and (max-width: 640px) {
	.slider-conteneur img {	max-width:100%;width:95%;}
}

h2.small  {}
h2.medium {margin:0;font-size: 1.6em!important;text-transform:lowercase ;padding:20px 10px 20px 10px;}
h2.big    {margin:0;font-size: 1.6em!important;text-transform:lowercase ;padding:20px 10px 20px 10px;}
@media only screen and (min-width: 480px) 
{	h2.big {font-size: 1.8em!important}; h2.medium {font-size: 1.8em!important}}
@media only screen and (min-width: 768px) 
{	h2.big {font-size: 2.2em!important} ; h2.medium {font-size: 1.8em!important}}
/* animation slider owl_carousel avec animate */
@keyframes fadeInUp {
  0% {
    opacity:0;
    -webkit-transform:translate3d(0, 100%, 0);
    transform:translate3d(0, 100%, 0)
  }
  to {
    opacity:1;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
  }
}
.animate__fadeInUp {
  -webkit-animation-name:fadeInUp;
  animation-name:fadeInUp
}