.min-width{
    display: none;
}

*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;

}
a:focus, a:hover{
    text-decoration: none;
}
.row {
     margin-right: 0; 
    margin-left: 0; 
   
}

.header{
	position: absolute;
    display: block;
    width: 100%;
}

.header-links-right{
    float: right;
}

.count{
	width: 100%;
    height: 100%;
    font-family: 'Raleway', sans-serif;
    font-size: 55px;
    text-align: center;
    color: #2045b1;
    font-weight: lighter;
    margin-top: 105px;
}
.historique-image-cont img{
        border: 3px solid #ededed;
}

@media screen and (max-width: 600px) {
  .count{
	width: 100%;
    height: 100%;
    font-family: 'Raleway', sans-serif;
    font-size: 55px;
    text-align: center;
    color: #2045b1;
    font-weight: lighter;
    margin-top: 105px;
	}
}
.mainNav {
    float: left;
    transform: perspective(500px);
    width: 100%;
    text-align: center;
    height: 119px;
    position: fixed;
    z-index: 4;
    top: 0;
    background: #ededed;
}
.mainNav ul {
list-style: none;
    padding: 0;
    background-color: #ededed;
    border: 1px solid #6d6d6d14;
    z-index: 109;
    opacity: 1;
    padding-top: 0px;
    height: 120px;
    border-bottom: 1px solid white;
}
.mainNav li {
    display: inline-block;
    margin-right: -.25em;
  
}
.mainNav a {
    background-color: #ededed;
    backface-visibility: hidden;
    color: #333;
    display: block;
    font: bold 1em/3 sans-serif;
    padding: 0 1.5em;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px hsla(0,0%,100%,.25);
    transition: .5s;
    transform-origin: 0% 50%;
    transform-style: preserve-3d;
    width: width: 20em;
    font-size: 18px;
    font-weight: bold;
    font-family: 'Roboto Condensed', sans-serif;
    z-index: 99950;
    opacity: 1;
}
 #menu-cat0:after {
    background-color: black;
  
}
 #menu-cat1:after {
    background-color: #60bdc1;
  
}
#menu-cat2:after {
    background: linear-gradient(217deg, rgb(145, 182, 145), rgba(255,0,0,0) 70.71%),
    linear-gradient(127deg, rgb(145, 178, 151), rgba(0,255,0,0) 70.71%),
    linear-gradient(336deg, rgb(148, 179, 155), rgb(148, 178, 156) 70.71%);
  
}
#menu-cat3:after {
    background-color: #7189ca;
  
}
#menu-cat4:after {
    background-color: #9380bb;
  
}
#menu-cat5:after {
    background-color: #bfba82;
  
}
/*#menu-cat6:after {
    background-color: #00cc99;
  
}*/


.mainNav-a:after {
    background-color: black;
    color: #fff;
    content: attr(data-title);
    height: 100%;
    left: 0;
    line-height: 3;
    position: absolute;
    top: 100%;
    transform: rotateX(-90deg);
    transform-origin: 0 0;
    width: 100%;
}
.mainNav-:before {
    background-color: #eee;
    bottom: 0;
    content: '';
    height: 3em;
    position: absolute;
    right: 0;
    top: 0;
    transform-origin: 0 0;
    width: 3em;
}
.mainNav li:nth-child(-n+2) a:before {
    transform: rotateY(90deg) translateZ(3em);
}
.mainNav li:nth-child(n+3) a:before {
    left: 0;
    right: auto;
    transform: rotateY(90deg);
}
.mainNav li:hover .mainNav-a {
    transform: rotateX(90deg) translateY(-1.5em) translateZ(1.5em);
}
.mainNav .current:hover a {
   transform: rotateX(0deg) translateY(0) translateZ(0);
}




/***************************submenu**********************/
#submenu , #submenu2 , #submenu1 , #submenu3  , #submenu4  ,  #submenu6 {
	left: 0;
	opacity: 0;
	position: absolute;
	
	visibility: hidden;
	z-index: 1;height: 130%;
}
#submenu5{
	left: 0;
    opacity: 0;
    position: absolute;
    visibility: hidden;
    z-index: 1;
    height: 193%;
}
#submenu:hover , #submenu1:hover , #submenu2:hover , #submenu3:hover , #submenu4:hover , #submenu5:hover , #submenu6:hover {

	opacity: 1;
	visibility: visible;
}
li:hover ul#submenu {
	opacity: 1;
    visibility: visible;
    background-color: #fff;
    width: 100%;
    text-align: left;
    padding-left: 140px;
    padding-right: 140px;
    /* transition-duration: 1200ms; */
    border-bottom: 5px solid #60bdc1;
    z-index: 1;
    height: 185px;
}
#submenu li{
	float: none;
	width: 32%;
}
#submenu1 li{
	float: none;
	width: 20%;
}
#submenu2 li  {
	float: none;
	width: 34%;
}
#submenu3 li  {
	float: none;
	width: 34%;
}
#submenu4 li {
	float: none;
	width: 21%;
}
#submenu5 li{
	float: none;
	width: 34%;
}
#submenu6 li {
	float: none;
	width: 50%;
}








#submenu li:hover , #submenu1 li:hover , #submenu2 li:hover, #submenu3 li:hover , #submenu4 li:hover , #submenu5 li:hover , #submenu6 li:hover{
	    opacity: 1;
	    visibility: visible;*z-index: 1;
}
.li-inemsz:hover{
	color: grey;
}

.li-inemsz a , .li-inemsz1 a , .li-inemsz2 a , .li-inemsz3 a , .li-inemsz4 a , .li-inemsz5 a , .li-inemsz6 a{
	
	position: initial;
    display: contents;
    color: black;
    display: inline;
    background-color: #fff;
   

}
.li-inemsz a:hover {
	
	position: initial;
    display: contents;
    color: black;
    opacity: 1;
    visibility: visible;
    display: inline;
    z-index: 1;
    background-color: white;
       transition-duration: 500ms;
}

#submenu li a:hover, #submenu1 li a:hover, #submenu2 li a:hover, #submenu3 li a:hover, #submenu4 li a:hover , #submenu5 li a:hover , #submenu6 li a:hover {
	background-color: white;
}
#submenu li a:hover{
	color: #60bdc;
}
/******************************slogan1**************************/
#slogan1{
	width: 100%;
    display: inline-block;
    text-align: center;
    margin-bottom: 50px;
    font-family: 'Roboto Condensed', sans-serif;
    color: #565656;
}
/******************************************************************************* submenu1****************************************************************************/


li:hover ul#submenu1 {
	opacity: 1;
		/* adjust this as per top nav padding top & bottom comes */
	visibility: visible;
	background-color: #fff; 
	width: 100%;
    text-align: left;
    padding-left: 140px;
    padding-right: 140px;
	/*transition-duration: 1200ms;*/
	border-bottom: 5px solid #93b399;
}






.li-inemsz1 a:hover {
	
	position: initial;
    display: contents;
    color: #91b297;
    opacity: 1;
    visibility: visible;
    display: inline;
    z-index: 1;
    background-color: white;
    
    transition-duration: 500ms;
}
 #submenu:hover li {
 	opacity: 1,;
 	visibility: visible;
 	z-index: 1;
 }

	/*********************************************************************** submenu2**************************************************************************/


li:hover ul#submenu2 {
	opacity: 1;
		/* adjust this as per top nav padding top & bottom comes */
	visibility: visible;
	background-color: #fff; 
	width: 100%;
    text-align: left;
    padding-left: 140px;
    padding-right: 140px;
	/**transition-duration: 1200ms;*/
	border-bottom: 5px solid #7189ca;
}




.li-inemsz2 a:hover {
	
	position: initial;
    display: contents;
    color: #7189ca;
    opacity: 1;
    visibility: visible;
    display: inline;
    z-index: 1;
    background-color: white;
    
    transition-duration: 500ms;
}

/*********************************************************************************** submenu3*********************************************************************/


li:hover ul#submenu3 {
	opacity: 1;
		/* adjust this as per top nav padding top & bottom comes */
	visibility: visible;
	background-color: #fff; 
	width: 100%;
    text-align: left;
    padding-left: 140px;
    padding-right: 140px;
	/*transition-duration: 1200ms;*/
	border-bottom: 5px solid #5200cc;
}




.li-inemsz3 a:hover {
	
	position: initial;
    display: contents;
    color: #5200cc;
    opacity: 1;
    visibility: visible;
    display: inline;
    z-index: 1;
    background-color: white;
    
    transition-duration: 500ms;
}
/******************************************************************************** submenu4*********************************************************************/


li:hover ul#submenu4 {
	opacity: 1;
		/* adjust this as per top nav padding top & bottom comes */
	visibility: visible;
	background-color: #fff; 
	width: 100%;
    text-align: left;
    padding-left: 140px;
    padding-right: 140px;
	/*transition-duration: 1200ms;*/
	border-bottom: 5px solid #9380bb;
}




.li-inemsz4 a:hover {
	
	position: initial;
    display: contents;
    color: #9380bb;
    opacity: 1;
    visibility: visible;
    display: inline;
    z-index: 1;
    background-color: white;
    
    transition-duration: 500ms;
}
 /****************************************************************************** submenu5************************************************************************/


li:hover ul#submenu5 {
	opacity: 1;
		/* adjust this as per top nav padding top & bottom comes */
	visibility: visible;
	background-color: #fff; 
	width: 100%;
    text-align: left;
    padding-left: 140px;
    padding-right: 140px;
	/*transition-duration: 1200ms;*/
	border-bottom: 5px solid #bfba82;
}




.li-inemsz5 a:hover {
	
	position: initial;
    display: contents;
    color: #bfba82;
    opacity: 1;
    visibility: visible;
    display: inline;
    z-index: 1;
    background-color: white;
    
    transition-duration: 500ms;
}
/****************** submenu6*************************/


li:hover ul#submenu6 {
	opacity: 1;
		/* adjust this as per top nav padding top & bottom comes */
	visibility: visible;
	background-color: #fff; 
	width: 100%;
    text-align: left;
    padding-left: 140px;
    padding-right: 140px;
	/*transition-duration: 1200ms;*/
	border-bottom: 5px solid #00b300;
}




.li-inemsz6 a:hover {
	
	position: initial;
    display: contents;
    color: #00b300;
    opacity: 1;
    visibility: visible;
    display: inline;
    z-index: 1;
    background-color: white;
    
    transition-duration: 500ms;
}




/***********************************************************************************body******************************************************************************/
 /*****************************************************************************presentation 3d*/
 #three-d-cont{
 	margin-top: 55px;
    padding-left: 15%;
    padding-right: 15%;
    padding-top: 90px;
    background: white;
   
 }
/*

}

}*/


 * , *:before, *:after {
	 box-sizing: border-box;
	 margin: 0;
	 padding: 0;
}
 .slider3d__inner, .slider3d__rotater, .slider3d__handle__inner, .slider3d__handle__rotater {
	 position: relative;
	 height: 100%;
	 transform-style: preserve-3d;
}
 .slider3d {
	 overflow: hidden;
	 position: relative;
	 height: 500px;
	 font-family: 'Open Sans', Helvetica, Arial, sans-serif;outline: none;
}
 .slider3d.no-select {
	 user-select: none;outline: none;
}
 .slider3d__wrapper {
	 z-index: 1;
	 position: relative;
	 height: 100%;
}
 .slider3d__item {
	 position: absolute;
	 left: 0;
	 top: 0;
	 width: 100%;
	 height: 100%;
	 background-size: cover;
	 backface-visibility: hidden;
	 background-color: #000;
	 transform-style: preserve-3d;

}
 .slider3d__item:nth-child(1) {
	 background-image: url('../img/owlimg5.jpg');
}
 .slider3d__item:nth-child(4) {
	 background-image: url('../img/owlimg4.jpg');
}
 .slider3d__item:nth-child(3) {
	 background-image: url('../img/owlimg3.jpg');
}
 .slider3d__item:nth-child(2) {
	 background-image: url('../img/crcc-index1.jpg');
}
 .slider3d__item:nth-child(5) {
	 background-image: url('../img/crcc-index2.jpg');
}
 .slider3d__heading {
	 position: absolute;
    left: 0;
    top: 20%;
    width: 100%;
    margin-top: -7rem;
    text-align: center;
    font-size: 7rem;
    line-height: 1;
    text-transform: uppercase;
    color: #000;
    transform: translateZ(3rem) scale(0.5);
    opacity: 0;
    text-shadow: 0.02rem -0.03rem 0 #efefef, 0.04rem -0.06rem 0 #eee, 0.06rem -0.09rem 0 #ededed, 0.08rem -0.12rem 0 #ededed, 0.1rem -0.15rem 0 #ececec, 0.12rem -0.18rem 0 #ebebeb, 0.14rem -0.21rem 0 #eaeaea, 0.16rem -0.24rem 0 #eaeaea, 0.18rem -0.27rem 0 #e9e9e9, 0.2rem -0.3rem 0 #e8e8e8, 0.22rem -0.33rem 0 #e7e7e7, 0.24rem -0.36rem 0 #e7e7e7, 0.26rem -0.39rem 0 #e6e6e6, 0.28rem -0.42rem 0 #e5e5e5, 0.3rem -0.45rem 0 #e4e4e4, 0.32rem -0.48rem 0 #e3e3e3, 0.34rem -0.51rem 0 #e3e3e3, 0.36rem -0.54rem 0 #e2e2e2, 0.38rem -0.57rem 0 #e1e1e1, 0.4rem -0.6rem 0 #e0e0e0, 0.42rem -0.63rem 0 #e0e0e0, 0.44rem -0.66rem 0 #dfdfdf, 0.46rem -0.69rem 0 #dedede, 0.48rem -0.72rem 0 #ddd, 0.5rem -0.75rem 0 #ddd, 0.52rem -0.78rem 0 #dcdcdc, 0.54rem -0.81rem 0 #dbdbdb, 0.56rem -0.84rem 0 #dadada, 0.58rem -0.87rem 0 #dadada, 0.6rem -0.9rem 0 #d9d9d9, 0.62rem -0.93rem 0 #d8d8d8, 0.64rem -0.96rem 0 #d7d7d7, 0.66rem -0.99rem 0 #d6d6d6, 0.68rem -1.02rem 0 #d6d6d6, 0.7rem -1.05rem 0 #d5d5d5, 0.72rem -1.08rem 0 #d4d4d4, 0.74rem -1.11rem 0 #d3d3d3, 0.76rem -1.14rem 0 #d3d3d3;
    transition: transform 0.4s, opacity 0.4s;
    transition-delay: 0.2s;
    transition-timing-function: cubic-bezier(0.71, 0.59, 0.4, 1.5);

}
.slider3d__heading{
    font-size: 42px;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0px 2px 2px #281111;
    transition: transform 0.4s, opacity 0.4s;
}
 .slider3d.slider-ready .slider3d__heading {
	 transform: translateZ(3rem);
	 opacity: 1;
}
 .slider3d__controls {
	 display: none;
}





 .slider3d.with-controls .slider3d__controls {
	 display: block;
}
 .slider3d__handle {
	 z-index: 2;
	 position: absolute;
	 right: 0;
	 top: 50%;
	 width: 15rem;
	 height: 7rem;
	 margin-top: -3.5rem;
	 perspective-origin: 100% 50%;
	
}
 .m--xAxis .slider3d__handle {
	 left: 50%;
	 right: auto;
	 top: auto;
	 bottom: 0;
	 margin-left: -7.5rem;
	 margin-top: 0;
	 perspective-origin: 50% 100%;
}
 .slider3d__handle__item {
	position: absolute;
	 left: 0;
	 top: 0;
	 width: 100%;
	 height: 100%;
	 background: #000;
	 text-align: center;
	 font-size: 1.8rem;
	 line-height: 7rem;
	 text-transform: uppercase;
	 font-weight: bold;
	 color: #fff;
	 user-select: none;
}
 .slider3d__handle__item:after {
	 content: "";
	 z-index: -1;
	 position: absolute;
	 left: 0;
	 top: 0;
	 width: 100%;
	 height: 100%;
	 background: rgba(255, 255, 255, 0.1);
	 transition: opacity 0.3s;
}
 .slider3d__handle__item.active:after {
	 position: absolute;
	 left: 0;
	 top: 0;
	 width: 100%;
	 height: 100%;
	 background: #000;
	 text-align: center;
	 font-size: 1.8rem;
	 line-height: 7rem;
	 text-transform: uppercase;
	 font-weight: bold;
	 color: #fff;
	 user-select: none;
}
 .slider3d__control {
	 z-index: 3;
	 position: absolute;
	 right: 0;
	 top: 50%;
	 width: 15rem;
	 height: 4rem;
	 margin-top: -2rem;
	 cursor: default;
}
 .m--xAxis .slider3d__control {
	 left: 50%;
	 right: auto;
	 top: auto;
	 bottom: 0;
	 width: 6rem;
	 height: 7rem;
	 margin-top: 0;
	 margin-left: -3rem;
}
 .slider3d__control:after {
	 content: "";
	 position: absolute;
	 left: 50%;
	 top: 50%;
	 width: 1.5rem;
    height: 1.5rem;
	 margin-left: -0.5rem;
	 margin-top: -0.5rem;
	 border: 4px solid #1a1a1a;
	 border-left: none;
	 border-bottom: none;
	 cursor: pointer;
}
 .slider3d__control.m-up {
	 transform: translateY(-6rem);
}
 .slider3d__control.m-up:after {
	 transform: rotate(-45deg);
}
 .m--xAxis .slider3d__control.m-up {
	 transform: translateX(-11.5rem);
}
 .m--xAxis .slider3d__control.m-up:after {
	 transform: rotate(-135deg);
}
 .slider3d__control.m-down {
	 transform: translateY(6rem);
}
 .slider3d__control.m-down:after {
	 transform: rotate(135deg);
}
 .m--xAxis .slider3d__control.m-down {
	 transform: translateX(11.5rem);
}
 .m--xAxis .slider3d__control.m-down:after {
	 transform: rotate(45deg);
}
  /* *************************************************************************** actu cards ****************************************************************************/






#actu-count{

background: white; display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;padding-left: 15%;
    padding-right: 15%;
    padding-top: 70px;



}




.actu-card{
	border-bottom:3px solid #92b298;text-align: center;height: 100%;float: left;margin-bottom: 25px;overflow: hidden; width: 24%;
}

  .actu-card-large{
border-bottom: 3px solid #90af97;text-align: center;height: 100%;float: left;margin-bottom: 25px;overflow: hidden; width: 49%;
  }
  .actu-card-large:hover .actu-card-images img{
transform: scale(1.1);
    transition-duration: 700ms;
  }
  .actu-card-large a{
  	text-decoration: none;
  }
  .actu-card a{
text-decoration: none;
  }
  .actu-card:hover .actu-card-images img{
transform: scale(1.1);
    transition-duration: 700ms;
  }
  .actu-card-images{

  	overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
  }
  .actu-card-images:hover .actu-images-overlay-large{
    background-color: black;
    opacity: 0.3;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    transition: 700ms;
  }
  .actu-card-large:hover .actu-images-overlay-large{

  	right: 0px;
    background-color: black;
    opacity: 0.3;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    transition: 700ms;
  }
  .cont-activites-g:hover .actu-images-overlay{

right: 0px;
    background-color: black;
    opacity: 0.3;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    transition: 700ms;

  }
  .cont-activites-g:hover .img-act-countainer img {
    transform: scale(1.1);
    transition-duration: 700ms;
      }
  .actu-card:hover .actu-images-overlay{

  	right: 0px;
    background-color: black;
    opacity: 0.3;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    transition: 700ms;
  }
  .actu-card-images:hover .actu-images-overlay{
    background-color: black;
    opacity: 0.3;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    transition: 700ms;
  }
  .actu-card-images img{
width: 100%;height: 255px;
  }
.actu-images-overlay-large{
background-color: black;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    right: 0px;
}
.actu-images-overlay{
background-color: black;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    right: 0px;
}
.actu-card-article-link{
padding: 10px; text-align: left; background-color: #ededed;height: 250px;
}
.actu-card-article-link-a{
font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    font-size: 30px;
    color: #92b299;
}
.actu-card-article-link-a:hover{
	text-decoration: none;
	color: black;
	transition-duration: 1000ms;
}
.actu-card-article-link a p {

   
}
.actu-card-article-p {
text-decoration: none;
    cursor: pointer;
    color: #3a3737;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;font-size: 16px;
}
.actu-card-article-p:hover {
text-decoration: none;font-family: 'Raleway', sans-serif;    cursor: pointer;transition-duration: 700ms;
    
    color: #3a3737;
}
.actu-card-article-link a :hover{
	text-decoration: none;
}

.slider3d__handle__item{

	position: absolute;
	 left: 0;
	 top: 0;
	 width: 100%;
	 height: 100%;
	 background: #000;
	 text-align: center;
	 font-size: 1.8rem;
	 line-height: 7rem;
	 text-transform: uppercase;
	 font-weight: bold;
	 color: #fff;
	 user-select: none;
}

#actu-count{

	background: white; display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;padding-left: 15%;
    padding-right: 15%;
    padding-top: 30px;
}
.actu-date{
	margin-top: 10px;
    font-size: 20px;
   
    color: #3a3737;
}
 .actu-card-article-p{
	text-decoration: none;font-family: 'Raleway', sans-serif;    cursor: pointer;
    
    color: #3a3737;
}

.actu-global-link:hover .actu-card-article-p{
	color: #3a3737;
}

.actu-global-link:hover .actu-card-article-link-a{
	color: black; transition-duration: 700ms;
}

#actu-title{
	    display: inline-block;
    width: 100%;
    font-family: 'Roboto Condensed', sans-serif;
    margin-top: 0px;
    margin-bottom: 0px;
	background: linear-gradient(217deg, rgb(102, 106, 102), rgba(255,0,0,0) 70.71%), 
	   linear-gradient(127deg, rgb(145, 178, 151), rgba(0,255,0,0) 70.71%), 
	      linear-gradient(336deg, rgb(148, 179, 155), rgb(148, 178, 156) 70.71%);
    height: 85px;
    color: white;
    padding-top: 30px;
    padding-left: 69px;
    margin-bottom: 20px;
}
/*******************************************************************nos activités************************************************************/
#title-activites{
	    display: inline-block;
    width: 100%;
    font-family: 'Roboto Condensed', sans-serif;
    margin-top: 0px;
    margin-bottom: 0px;
    background: linear-gradient(217deg, rgb(107, 126, 176), rgba(255,0,0,0) 70.71%),  
           linear-gradient(127deg, rgb(113, 137, 202), rgba(0,255,0,0) 70.71%),
             linear-gradient(336deg, rgba(5, 1, 12, 0.8), rgba(20, 20, 128, 0.29) 70.71%);
    height: 85px;
    color: white;
    padding-top: 30px;
    padding-left: 69px;
       
}
.acti-card-article-link-a{
	font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    font-size: 25px;
    color: #7087c3;
    padding-top: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    cursor: default;
}
.acti-card-article-link{
	font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    font-size: 25px;
    color: white;
    padding-top: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    cursor: default;
}
#cont-activites{
	padding-left: 15%;padding-right: 15%;background: white;overflow: hidden;

}
.cont-activites-text{
	font-weight: bold;
    text-decoration: none;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    color: #333;
    line-height: 25px;
    float: right;
    background: white;
    padding-top: 20px;
    overflow: hidden;
    padding-left: 20px;
    text-align: center;
    height: 315px;
}
.cont-activites-text-r{
	color: #ffffff;
    background: linear-gradient(217deg, rgb(107, 126, 176), rgba(255,0,0,0) 70.71%),
     linear-gradient(127deg, rgb(113, 137, 202), rgba(0, 90, 255, 0.26) 70.71%),
      linear-gradient(336deg, rgb(113, 134, 192), rgba(20, 20, 128, 0.29) 70.71%);
    padding-top: 20px;
    overflow: hidden;
    padding-left: 20px;
    text-align: center;
    height: 315px;
    font-weight: bold;
    text-decoration: none;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
}
.cont-activites-text a{
	width: 100%;
    text-decoration: none;
    text-align: left;
    color: #6f85c1;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 30px;
}
 .cont-activites-text-r a{
 	width: 100%;
    text-decoration: none;
    text-align: left;
    color: #ffffff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 30px;
 }
.cont-activites-text p , .cont-activites-text-r p{
	padding-top: 30px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
    cursor: default;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    display: inline;
}
.cont-activites-images{
	
}
.cont-activites-g{
display: inline-block;
    padding: 20px;
    
    margin-bottom: 20px;
    padding-top: 20px;
    padding-right: 0px;
    padding-bottom: 0px;
}


[class*="btn-arrow-hvr"] {
text-align: center;
    display: -webkit-box;
    padding-bottom: 20px;
    margin-left: auto;
    width: 152px;
    margin: 0 auto;
    position: absolute;
    bottom: 10px;
    right: 25%;
        
}

[class*="btn-arrow-hvr"] a {
 position: relative;
 display: inline-block;
 padding: .8em 1em .6em 1em;
 border-style: solid;
 border-width: 2px;
 font-family: 'Roboto Condensed', sans-serif;
 font-size: 15px;
 font-weight: 600;
 line-height: 1;
 text-decoration: none;
 text-transform: uppercase;
 transition: all .2s;
}

[class*="btn-arrow-hvr"] a:hover {
 padding: .8em 2em .6em 1em;
}

[class*="btn-arrow-hvr"] a::after {
 position: absolute;
 font-family: FontAwesome;
 content: "\f105";
 display: inline-block;
 font-size: 28px;
 line-height: .5;
 width: 28px;
 text-align: center;
 margin-left: -1em;
 opacity: 0;
 transition: all .2s;
}

[class*="btn-arrow-hvr"] a:hover::after {
 margin-left: .1em;
 opacity: 1;
}


.btn-arrow-hvr-c1 a {
 color: #3a3737;
 background-color: transparent;
 border-color: #3a3737;
}

.btn-arrow-hvr-c1 a:hover {
 background-color: rgba(0, 0, 0, .05);
 border-color: transparent;
}
.img-act-countainer{
	height: 250px;
    position: relative;
    display: inline-block;
    background: white;
    padding: 0px;
    overflow: hidden;
}
.img-act-countainer img{
	position: relative;
    width: 100%;
    height: 100%;
}
/*************************************parallax**************************************/
.parallax{
	position: fixed;
    top: 0px;
    height: 100%;
    background-color: white;
    display: inline-block;
    left: 0px;
   
   padding-left: 15%;
    overflow: hidden;
    padding-right: 15%;
    z-index: -1;

}
.parallax1{
width: 100%;
    height: 100%;
    background-image: url(../img/parallax1.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.tran{

	width: 100%;
   padding-left: 15%;
    padding-right: 15%;
}
.tran2{
	  height: 300px;
    background: #423d3d94;
    font-weight: bold;
    text-decoration: none;
    font-family: 'Raleway', sans-serif;
    font-size: 30px;
    color: #ededed;
    line-height: 50px;
    text-align: center;
    padding-top: 8%;
    padding-left: 85px;
    padding-right: 85px;
	
}

.c-a-t-d{
	padding-left: 10px;
    padding-right: 15px;
}
.c-a-t-g{
	padding-right: 10px;
    padding-left: 15px;
}
.c-a-t-d-g{
	padding-left: 20px;
    padding-right: 5px;
}
.c-a-t-d-d{
	padding-right: 20px;
    padding-left: 5px;
}
.cont-cont-act{
	width: 100%;
    height: 100%;
    display: inline-block;
    background: #ededed;
    
   
}
.sp{
	width: 100%;
	height: 20px;
	display: inline-block;background-color: white;
}
/************************************************************RH***********************************************************************/
.cont-rec{
	
    overflow: hidden;
    background: white;
    padding-left: 15%;
    padding-right: 15%;
  
    overflow: hidden;
    background: white;
}
.rec-card-large{
text-align: center;height: 100%;float: left;margin-bottom: 20px;overflow: hidden; width: 57%;padding-top: 20px;
}
.rec-card-large a {
	text-decoration: none;
}
.rec-card-images{

  	overflow: hidden;
    width: 100%;
    height: 350px;
    position: relative;
}
.rec-card-images img{
	width: 50%;
    float: left;
    height: 100%;
}
.rec-images-overlay-large{
background-color: black;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    right: 0px;
}
.rec-card-article-link{
padding: 10px; text-align: left; height: 100%;
background:linear-gradient(217deg, rgb(137, 115, 147), rgba(255,0,0,0) 70.71%),
           linear-gradient(127deg, rgb(122, 91, 167), rgba(0,255,0,0) 70.71%),
            linear-gradient(336deg, rgba(5, 1, 12, 0.8), rgba(20, 20, 128, 0.29) 70.71%);
    padding-left: 100px;
    padding-right: 100px;
    
   
}
.rec-card-article-link-vd{
padding: 10px; text-align: left; height: 100%;
background:linear-gradient(217deg, rgb(137, 115, 147), rgba(255,0,0,0) 70.71%),
           linear-gradient(127deg, rgb(122, 91, 167), rgba(0,255,0,0) 70.71%),
            linear-gradient(336deg, rgba(5, 1, 12, 0.8), rgba(20, 20, 128, 0.29) 70.71%);
    padding-left: 100px;
    padding-right: 100px;
   padding-bottom: 100px;
   
}
.rec-card-article-link-vd li{
text-align: left;
    line-height: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 50px;
    cursor: inherit;
    font-size: 16px;
    font-weight: 400;
    color: black;
   
}
.rec-card-article-link ul li{

    text-align: left;
    line-height: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 50px;
    cursor: inherit;
    font-size: 16px;
    font-weight: 400;
    color: black;
}

.rec-card-article-link-a{
	font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    font-size: 35px;
    color: black;
}
.rec-card-article-link-a:hover{
	text-decoration: none;
    color: black;
    transition-duration: 1000ms;
}
.rec-card-article-p{
text-decoration: none;font-family: 'Raleway', sans-serif;
    font-size: 16px;
    font-weight: bold;
    cursor: default;
    text-align: left;
    line-height: 25px;
    color: white;
}
#title-rec{
	 display: inline-block;
    width: 100%;
    font-family: 'Roboto Condensed', sans-serif;
    margin-top: 0px;
    margin-bottom: 0px;
    background:linear-gradient(217deg, rgb(137, 115, 147), rgba(255,0,0,0) 70.71%),
           linear-gradient(127deg, rgb(122, 91, 167), rgba(0,255,0,0) 70.71%),
            linear-gradient(336deg, rgba(5, 1, 12, 0.8), rgba(20, 20, 128, 0.29) 70.71%);
    height: 85px;
    color: white;
    padding-top: 30px;
    padding-left: 69px;
}

.title-rec-cont{
	padding-left: 15%;
    padding-right: 15%;
    background-color: white;
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.rec-card-video-card{
	display: inline-block;
	background:linear-gradient(217deg, rgb(68, 59, 80), rgba(255,0,0,0) 70.71%),
	             linear-gradient(127deg, rgb(125, 96, 169), rgba(0,255,0,0) 70.71%), 
	             linear-gradient(336deg, rgb(101, 89, 119), rgba(20, 20, 128, 0.29) 70.71%);
  width: 100%;
}
.rec-card-video-card video{
    display: inline-block;
    vertical-align: baseline;
    margin-top: 3px;
}
.rec-card-video{
	

    background-color: white;
    display: inline-block;
    padding-left: 20px;padding-top: 22px;width: 43%;
}
.rec-card-video-card p{
	font-size: 16px;
    font-weight: bold;
    cursor: default;
    line-height: 25px;
    color: black;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}
.rec-card-medium-1{
	
    
    float: left;
    width: 57%;
}
.rec-card-medium-1 .rec-card-images{
height: 230px;
}
.rec-card-medium-1 .rec-card-article-link{
	height: unset;
}
.rec-card-medium-2{
padding-left: 20px;
    float: right;
    width: 43%;
    margin-top: -163px;
    height: 590px;
}
.rec-card-medium-2 .rec-card-article-link{
	
       padding-top: 70px;
}
.rec-card-images-medium{
	height: 200px;overflow: hidden;
    width: 100%;
}
/**************************************************cont-dev**************************************************************/
.cont-dev{
	background: white;
    padding-left: 15%;
    padding-right: 15%;
    padding-top: 20px;
    
}
.dev-card-large-dd{
    text-align: center;
    height: 100%;
    float: left;
    margin-bottom: 20px;
    overflow: hidden;
    margin-top: -120px;
    padding-top: 140px;
    display: inline-block;
}
.dev-card-image{
    display: none;
}
.ul-dev-d{
    font-size: 17px;
}
.ul-dev-d h3{
    font-weight: bold;
    color: black;
    font-size: 22px;
}
.logo-head{
	    width: 100%;
    height: 65px;
    padding-top: 8px;
    padding-left: 232px;
    z-index: 5;
    opacity: 1;
    background: #ffffff;
    margin-bottom: 0px;
}
.logo-png{
	width: 60px;
    float: left;
    height: auto;
}
.logo-title{
	float: left;
    font-size: 16px;
    font-family: 'Roboto Condensed', sans-serif;
    margin-top: 12px;
    padding-left: 10px;
}
/***************************lang***********************************/
.language-count{
	width: 100%;
    height: 100%;
    overflow: hidden;
    display: inline-block;
    
    padding-top: 12px;
}
#logo-fr{
	float: left;
    width: auto;
    display: inline-block;
    height: 23px;
    border-right: 1px solid #ebebeb;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
}
.language-fr p{
	text-align: center;
    margin-bottom: 0px;
}
.language-fr a{
	background-color: #ffffff;
    color: #333;
    font: unset;
    font-family: 'Roboto Condensed', sans-serif;
    padding: 0px;
    display: inline-block;
    margin-bottom: -5px;
}
#logo-cn{
	width: auto;
    display: inline-block;
    height: 23px;margin-bottom: -5px;
}
.language-cn p{
	text-align: center;
    margin-bottom: 0px;
}
.language-cn a{    background-color: #ffffff;
    color: #333;
    font: unset;
    font-family: 'Roboto Condensed', sans-serif;
    padding: 0px;
    display: inline-block;
    
}
.language-fr{
display: inline-block;
    float: left;
}
.language-cn{
display: inline-block;
}
/**************************************************platform-links*****************************************/
#platform-links{
	display: inline-block;
    background: white;
    float: left;
    
    border: none;
    height: 30px;cursor: default;
}
#platform-links li{
	background: white;
    margin: 0px;
    
    margin-right: 45px;
}
#platform-links li a{
	background: white;
    display: inline-block;padding: 0px;height: 5px;
    color: #091a6d;
}
#platform-links li:hover a{
	transform: none;font-family: 'Roboto Condensed', sans-serif;
}
#platform-links li a:hover{
	color: #007229;
	transition-duration: 700ms;
}
#fr-div-cont{
	display: inline-block;
    padding-right: 15px;
    border-right: 3px solid gray;
    height: 23px;
}
#fr-a-div-cont{
	display: inline-block;
    padding-right: 20px;

}
#cn-div-cont{
	height: 23px;
    display: inline-block;padding-left: 10px;    height: 23px;
    display: inline-block;
    padding-left: 15px;
}
#cn-a-div-cont{
	display: inline-block;
    padding-left: 15px;
}
/*******************************************************************dev durable*************************************************************************/
.dev-divs{
background: white;
    margin-bottom: 20px;
    position: relative;
}
.dev-divs:hover .rec-images-overlay-large{
	right: 0px;
    background-color: black;
    opacity: 0.3;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    transition: 700ms;
}

.dev-divs:hover .rec-card-images img{
	transform: scale(1.1);
    transition-duration: 700ms;
}
.dev-divs:hover .cont-dev-images{
	transform: scale(1.1);
    transition-duration: 700ms;
}

.cont-dev-durable-r1{
display: flex;
    flex-direction: column;
    justify-content: center;
    width: 30%;
    float: left;
padding-right: 10px;
    padding-top: 20px;
position: relative;


}
.cont-dev-durable-r2{
display: flex;
    flex-direction: column;
    justify-content: center;
    width: 40%;
    float: left;
padding-left: 5px;
    padding-top: 20px;
    padding-right: 5px;
position: relative;

}
.cont-dev-durable-r3{
display: flex;
    flex-direction: column;
    justify-content: center;
    width: 30%;
    float: left;
padding-left: 15px;
    padding-top: 20px;
position: relative;
}
.dev-divs-r1:nth-child(1)
{
    flex: 1;
    height: 250px;
    padding-left: 20px;
}
.dev-divs-r1:nth-child(2)
{
    flex: 1;height: 450px;
}
.dev-divs-r2:nth-child(1)
{
    flex: 1;
}
.dev-divs-r3:nth-child(1)
{
    flex: 1;
    padding-right: 20px;
}
.dev-divs-r3:nth-child(2)
{
    flex: 1;
}

.dev-div1{
height: 570px;
    background: linear-gradient(217deg, rgb(191, 186, 130), rgba(191, 186, 130, 0.38) 70.71%), 
          linear-gradient(127deg, rgb(191, 186, 130), rgb(121, 119, 90) 70.71%), 
           linear-gradient(336deg, rgb(242, 242, 242), rgb(191, 186, 130) 70.71%); position: relative;
}
.dev-div2{
	height: 320px;width: 237.5%;
    background: linear-gradient(217deg, rgb(191, 186, 130), rgba(191, 186, 130, 0.38) 70.71%), 
 linear-gradient(127deg, rgb(191, 186, 130), rgb(121, 119, 90) 70.71%), 
 linear-gradient(336deg, rgb(242, 242, 242), rgb(191, 186, 130) 70.71%);
    position: relative;
}
.dev-div3{
	height: 570px;
    background: linear-gradient(217deg, rgb(191, 186, 130), rgba(191, 186, 130, 0.38) 70.71%), 
 linear-gradient(127deg, rgb(191, 186, 130), rgb(121, 119, 90) 70.71%), 
 linear-gradient(336deg, rgb(242, 242, 242), rgb(191, 186, 130) 70.71%);
    position: relative;
}
.dev-div4{
	height: 320px;
    background: linear-gradient(217deg, rgb(191, 186, 130), rgba(191, 186, 130, 0.38) 70.71%), 
          linear-gradient(127deg, rgb(191, 186, 130), rgb(121, 119, 90) 70.71%), 
           linear-gradient(336deg, rgb(242, 242, 242), rgb(191, 186, 130) 70.71%); position: relative;
}
.dev-div5{
	height: 570px;
    background: linear-gradient(217deg, rgb(191, 186, 130), rgba(191, 186, 130, 0.38) 70.71%), 
          linear-gradient(127deg, rgb(191, 186, 130), rgb(121, 119, 90) 70.71%), 
           linear-gradient(336deg, rgb(242, 242, 242), rgb(191, 186, 130) 70.71%); position: relative;
}

.img-dev-countainer{
	height: 250px;
    position: relative;
    display: inline-block;
    background: white;
    padding: 0px;
    width: 100%;
    overflow: hidden;
}
.h-dev-div{
	font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    font-size: 30px;
    color: #ffffff;
    padding-top: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    cursor: default;
}
.cont-dev-text{
font-weight: bold;
    text-decoration: none;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    color: #333;
    line-height: 25px;
    float: right;
    padding-top: 20px;
    overflow: hidden;
    padding-left: 20px;
    text-align: center;
    padding-bottom: 0px;
    width: 100%;
    padding-right: 20px;
    position: relative;
}
.cont-dev-text a{
	width: 100%;
    text-decoration: none;
    text-align: left;
    color: #ffffff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 30px;
}
.cont-dev-text p{
	padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    cursor: default;
    font-size: 16px;
    font-weight: 400;
    color: black;
}
.cont-dev-images{
	position: relative;
    width: 100%;
    height: 100%;
}
.btn-arrow-hvr-c2 a{
position: relative;
    display: inline-block;
    padding: .8em 1em .6em 1em;
    border-style: solid;
    border-width: 2px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .2s;
    color: #3a3737;
    background-color: transparent;
    border-color: #3a3737;
}
.btn-arrow-hvr-c2{
	text-align: center;
    display: -webkit-box;
    padding-bottom: 20px;
    margin-left: auto;
    width: 152px;
    margin: 0 auto;
    position: absolute;
    bottom: 0px;
    right: 29%;
} 
.dev-div2 .cont-dev-text a{
	padding-top: 43px;
    display: inline-block;
    text-align: center;
}
.dev-div2 .cont-dev-text p{
	padding-left: 75px;
    padding-right: 75px;
    padding-top: 55px;
}

.dev-div2 .btn-arrow-hvr-c2{
	right: 42%;
}
.dev-div3 .btn-arrow-hvr-c2{
	right: 35%;
}
/*******************************************************************logox6**********************************************************/
.s-logos-cont{
	padding-left: 15%;
	padding-right: 15%;
	
	background-color: white;
}





.logo-logo-cont1{
	
   display: flex;
    flex-direction: row;
    justify-content: center;
    padding-right: 111px;
    padding-top: 20px;
    padding-left: 115px;
    background-color: #363a42;
    padding-top: 20px;
}

.logo-logo-cont2{
	display: flex;
    flex-direction: row;
    justify-content: center;
    padding-right: 111px;
    padding-top: 20px;
    padding-left: 115px;
    background: #363a42;
    padding-top: 20px;
    padding-bottom: 50px;
}
.logo-logo-items1:nth-child(1)
{
    flex: 1;
   
   
}
.logo-logo-items1:nth-child(2)
{
    flex: 1;
}
.logo-logo-items1:nth-child(3)
{
    flex: 1;
}
.logo-logo-items2:nth-child(1)
{
    flex: 1;
    
}
.logo-logo-items2:nth-child(2)
{
    flex: 1;
}
.logo-logo-items2:nth-child(3)
{
    flex: 1;
}
.logo2{
	text-align: center;
    padding-top: 0px;
    margin-bottom: 10px;
}
.logo2 svg{
	width: 55px;
    float: left;
    color: #007229;
    text-align: left;
}
.logo2 h3{
	color: black;
    text-align: left;
    padding-left: 97px;
    padding-top: 13px;
}
.logo-logo-items1 a p{
	color: black;
    margin-top: 39px;
    padding-right: 85px;
    display: none;
}
.logo-logo-items2 a p{
	color: black;
    margin-top: 39px;
    padding-right: 85px;display: none;
}

.logo-logo-items1 a{
	text-decoration: none;
    cursor: default;
}
.logo-logo-items2 a{
	text-decoration: none;
    cursor: default;
}
.logo-logo-items1 a:hover .logo2 svg{
	
    color: #c3ca4d;
     transition-duration: 700ms;
}
.logo-logo-items2 a:hover .logo2 svg{
	
    color: #c3ca4d;
     transition-duration: 700ms;
}
/**************************************************footer***************************************************/
.footer-copyright{
    font-size: 15px;
    text-align: center;
    position: absolute;
    bottom: 13px;
    left: 10%;
}
.footer-cont-g{
	padding-left: 10%;
    padding-right: 10%;
    background: white;
}
.footer-cont{
	background-color: #ededed;
    height: 400px;
    padding: 15px;
    margin-bottom: 20px;
    position: relative;
}
.footer-links{
	font-size: 15px;

padding-top: 65px;
}
.footer-links li{
	display: list-item;

margin-right: 4%;

font-family: 'Roboto Condensed', sans-serif;

float: left;
}
.footer-links li a{
	color: #000000;
    text-decoration: none;
}
.footer-cont-ul li{
	
}


.footer-cont-ul{
	text-decoration: none;

font-weight: bold;

font-family: 'Roboto Condensed', sans-serif;

font-size: 15px;

color: #333;

line-height: 25px;

list-style: none;

    list-style-type: none;

list-style-type: none;

display: inline-block;

padding-top: 33px;

padding-left: 10%;

width: 65%;
}


.footer-contact-items{
	padding-bottom: 20px;

font-family: 'Roboto Condensed', sans-serif;

font-size: 14px;

padding-left: 20px;

color: #787878;

width: 44%;
}
.footer-contact{
	padding-bottom: 30px;

font-family: 'Roboto Condensed', sans-serif;

font-size: 22px;

display: inline-block;
}


.rec-card-large:hover .rec-images-overlay-large{
	right: 0px;
    background-color: black;
    opacity: 0.3;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    transition: 700ms;
}



.rec-card-medium-1 a{
	text-decoration: none;
}

.rec-card-medium-1:hover .rec-images-overlay-large{
	right: 0px;
    background-color: black;
    opacity: 0.3;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    transition: 700ms;
}
/**********************************************************footer google maps *************************************************/
#map{
width: 30%;
    height: 80%;
    float: right;
    border: 10px solid white;
}
/*****************************************************apropos-page*****************************************************************/
.apropos-page{
	padding-right: 335px;
    padding-left: 335px;
    height: 100%;
    padding-top: 140px;
    margin-top: 0px;
   
}

.apropos-page-presentation{
	width: 100%;display: inline-block;position: relative;
}
.apropos-apercu{
	
    width: 100%;
    height: 100px;
    display: inline-block;
    position: relative;
    background-color: #60bdc1;
    padding-left: 20%;
    padding: 7px 87px;
    color: white;
    font-family: 'Roboto Condensed', sans-serif;
}
.apropos-apercu h3{

    margin-top: 10px;
    font-size: 40px;
}
.apropos-apercu h5{
font-size: 13px;
    font-weight: lighter;
    margin-bottom: 0px;
}

.apropos-card-text-link{
	font-family: 'Roboto Condensed', sans-serif;
    color: white;
    font-size: 25px;
    text-align: center;
    display: inline-block;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 0px;
}
.apropos-card-text-p{
	font-family: 'Roboto Condensed', sans-serif;
    color: white;
    font-size: 18px;
    text-align: left;
    display: inline-block;
    width: 100%;
    padding: 0px 79px;
}

.apropos-page-img{
	width: 100%;display: inline-block;overflow: hidden;
}
.apropos-page-img img{
	width: 100%;
    height: 500px;
}
.apropos-presentation-card{
	height: 100%;
    background: #60bdc1;
    padding-bottom: 50px;
}
/************************apropos slider realisations **************************************/

.apropos-nosactivites-slider-cont{
	padding-right: 335px;
    padding-left: 335px;
    display: inline-block;
    margin-top: -120px;
    margin-bottom: 20px;
    padding-top: 140px;
}
.apropos-nosactivites-slider-cont h3{
    font-weight: bold;
    text-align: left;
    font-size: 1.5em;
    margin-top: 1em;
    border-top: 1px solid #dadada;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #2d2d2d;
    font-family: 'Roboto Condensed', sans-serif;
    padding-top: 20px;
}
body {}
.flex { display: -webkit-flex; display: flex; -webkit-flex-direction: row;  flex-direction: row; -webkit-justify-content: flex-start; justify-content: flex-start;}

.apropos-nosactivites-slider-cont .slider-wrapper div {position: relative;
    margin-right: 17px;
    padding-bottom: 20px;}
.apropos-nosactivites-slider-cont .slider-wrapper {margin-top: 40px;
    margin-left: 40px;
    margin-bottom: -35px;}
.apropos-nosactivites-slider-cont .slide-image {height: 350px;}
.apropos-nosactivites-slider-cont .slide-image img {cursor: pointer;
    height: 350px;}
.slide-content {width: 25vw;
    color: #60bdc1;
    padding: 35px;
    font-family: 'Roboto Condensed', sans-serif;}
.apropos-nosactivites-slider-cont .slide-date {color: #black; font-size: 1.1vw; font-weight: 400; letter-spacing: 0.1vw; padding-bottom: 1.4vw;}
.apropos-nosactivites-slider-cont .slide-title {font-size: 1.2vw; font-weight: 400; letter-spacing: 0.1vw; line-height: 1.55vw; padding-bottom: 1.8vw;}
.apropos-nosactivites-slider-cont .slide-text {font-size: 0.80vw; line-height: 1.2vw; opacity: 0.8; padding-bottom: 4vw;}
.apropos-nosactivites-slider-cont .slide-more {font-weight: 400; letter-spacing: 0.1vw; float: left; font-size: 0.9vw;}
.apropos-nosactivites-slider-cont .slide-bullet {width: 0.5vw; height: 0.5vw; background-color: #0b8bcc; border-radius: 200%; position: relative; margin-left: 1.2vw;}
.apropos-nosactivites-slider-cont .slide-nav {margin-left: 64vw; margin-top: -5.5vw;}

.apropos-nosactivites-slider-cont div.overlay-blue {width: 100%; height: 100%; position: absolute; top: 0; transition: 0.5s ease all;}
.apropos-nosactivites-slider-cont div.overlay-blue:hover {background-color: rgba(13, 27, 43, 0.5);}

.apropos-nosactivites-slider-cont .arrows{width: 30px;
    margin: 0;
    position: absolute;
    right: 20px;
    bottom: 63%;}
.apropos-nosactivites-slider-cont .arrow {display: inline-block;
    position: absolute;
    width: 1.5vw;
    height: 1.5vw;
    background: transparent;
    text-indent: -9999px;
    border-top: 0.30vw solid #ffffff;
    border-left: 0.3vw solid #fff;
    transition: all .1s ease-in-out;
    text-decoration: none;
    color: transparent;
}
.apropos-nosactivites-slider-cont .arrow:hover {border-color: #60bdc1;
    border-width: 0.35vw;
}
.apropos-nosactivites-slider-cont .arrow:before {display: block; height: 200%; width: 200%; margin-left: -50%; margin-top: -50%; content: ""; transform: rotate(45deg);}
.apropos-nosactivites-slider-cont .arrow.prev {transform: rotate(-45deg);
    left: 0;
    margin-left: -20px;}
.apropos-nosactivites-slider-cont .arrow.next {transform: rotate(135deg); right: 0;}

.apropos-nosactivites-slider-cont .slider{position: relative;}
.apropos-nosactivites-slider-cont .slider-wrapper .slide{position: relative;
    margin-right: -14px;
    padding-bottom: 35px;}


    /************************apropos slider realisations2 **************************************/

.apropos-nosactivites-slider-cont2{
	padding-right: 335px;
	padding-left: 335px;
	display: inline-block;
	
	margin-bottom: 20px;
}
.apropos-nosactivites-slider-cont2-div{
    background-color: #60bdc1;
    overflow-x: hidden;
    font-family: roboto;
    -webkit-font-smoothing: antialiased;
    margin: 0;
    overflow: hidden;
}
body {}
.flex2 { display: -webkit-flex; display: flex; -webkit-flex-direction: row;  flex-direction: row; -webkit-justify-content: flex-start; justify-content: flex-start;}

.apropos-nosactivites-slider-cont2 .slider-wrapper2 div {position: relative;
    margin-right: 17px;
    padding-bottom: 25px;}
.apropos-nosactivites-slider-cont2 .slider-wrapper2 {margin-top: 40px;
    margin-left: 40px;
    margin-bottom: -35px;}
.apropos-nosactivites-slider-cont2 .slide-image2 {height: 350px;}
.apropos-nosactivites-slider-cont2 .slide-image2 img {cursor: pointer;
    height: 350px;}
.slide-content2 {width: 25vw;
    color: #2d2d2d;
    padding: 35px;
    font-family: 'Roboto Condensed', sans-serif;}
.apropos-nosactivites-slider-cont2 .slide-date2 {color: #black; font-size: 1.1vw; font-weight: 400; letter-spacing: 0.1vw; padding-bottom: 1.4vw;}
.apropos-nosactivites-slider-cont2 .slide-title2 {font-size: 1.2vw; font-weight: 400; letter-spacing: 0.1vw; line-height: 1.55vw; padding-bottom: 1.8vw;}
.apropos-nosactivites-slider-cont2 .slide-text2 {font-size: 0.80vw; line-height: 1.2vw; opacity: 0.8; padding-bottom: 4vw;}
.apropos-nosactivites-slider-cont2 .slide-more2 {font-weight: 400; letter-spacing: 0.1vw; float: left; font-size: 0.9vw;}
.apropos-nosactivites-slider-cont2 .slide-bullet2 {width: 0.5vw; height: 0.5vw; background-color: #0b8bcc; border-radius: 200%; position: relative; margin-left: 1.2vw;}
.apropos-nosactivites-slider-cont2 .slide-nav2 {margin-left: 64vw; margin-top: -5.5vw;}

.apropos-nosactivites-slider-cont2 div.overlay-blue2 {width: 100%; height: 100%; position: absolute; top: 0; transition: 0.5s ease all;}
.apropos-nosactivites-slider-cont2 div.overlay-blue2:hover {background-color: rgba(13, 27, 43, 0.5);}

.apropos-nosactivites-slider-cont2 .arrows2{width: 30px;
    margin: 0;
    position: absolute;
    right: 20px;
    bottom: 63%;}
.apropos-nosactivites-slider-cont2 .arrow2 {display: inline-block;
    position: absolute;
    width: 1.5vw;
    height: 1.5vw;
    background: transparent;
    text-indent: -9999px;
    border-top: 0.30vw solid #0c0c0c;
    border-left: 0.3vw solid #000;
    transition: all .1s ease-in-out;
    text-decoration: none;
    color: transparent;
}
.apropos-nosactivites-slider-cont2 .arrow2:hover {border-color: #60bdc1;
    border-width: 0.35vw;
}
.apropos-nosactivites-slider-cont2 .arrow2:before {display: block; height: 200%; width: 200%; margin-left: -50%; margin-top: -50%; content: ""; transform: rotate(45deg);}
.apropos-nosactivites-slider-cont2 .arrow2.prev2 {transform: rotate(-45deg);
    left: 0;
    margin-left: -20px;}
.apropos-nosactivites-slider-cont2 .arrow2.next2 {transform: rotate(135deg); right: 0;}

.apropos-nosactivites-slider-cont2 .slider2{position: relative;}
.apropos-nosactivites-slider-cont2 .slider-wrapper2 .slide2{position: relative;
    margin-right: 0px;
    padding-bottom: 35px;}

/********************************************************apropos slider realisations3*********************** **************************************/
.apropos-nosactivites-slider-cont3{
    padding-right: 335px;
    padding-left: 335px;
    display: inline-block;
    
    
    margin-top: -120px;
    margin-bottom: 20px;
    padding-top: 140px;
}
.apropos-nosactivites-slider-cont3 h3{
   font-weight: bold;
    text-align: left;
    font-size: 1.5em;
    margin-top: 1em;
    border-top: 1px solid #dadada;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #2d2d2d;
    font-family: 'Roboto Condensed', sans-serif;
    padding-top: 20px;
}
.apropos-nosactivites-slider-cont3-div3{
    background-color: #60bdc1;
    overflow-x: hidden;
    font-family: roboto;
    -webkit-font-smoothing: antialiased;
    margin: 0;
    overflow: hidden;
}
body {
    display:inline;
}
.flex3 { display: -webkit-flex; display: flex; -webkit-flex-direction: row;  flex-direction: row; -webkit-justify-content: flex-start; justify-content: flex-start;}

.apropos-nosactivites-slider-cont3 .slider-wrapper3 div {position: relative;
    margin-right: 17px;
    padding-bottom: 25px;}
.apropos-nosactivites-slider-cont3 .slider-wrapper3 {margin-top: 40px;
    margin-left: 40px;
    margin-bottom: -35px;}
.apropos-nosactivites-slider-cont3 .slide-image3 {height: 350px;}
.apropos-nosactivites-slider-cont3 .slide-image3 img {cursor: pointer;
    height: 350px;}
.slide-content3 {width: 25vw;
    color: #2d2d2d;
    padding: 35px;
    font-family: 'Roboto Condensed', sans-serif;}
.apropos-nosactivites-slider-cont3 .slide-date3 {color: #black; font-size: 1.1vw; font-weight: 400; letter-spacing: 0.1vw; padding-bottom: 1.4vw;}
.apropos-nosactivites-slider-cont3 .slide-title3 {font-size: 1.2vw; font-weight: 400; letter-spacing: 0.1vw; line-height: 1.55vw; padding-bottom: 1.8vw;}
.apropos-nosactivites-slider-cont3 .slide-text3 {font-size: 0.80vw; line-height: 1.2vw; opacity: 0.8; padding-bottom: 4vw;}
.apropos-nosactivites-slider-cont3 .slide-more3 {font-weight: 400; letter-spacing: 0.1vw; float: left; font-size: 0.9vw;}
.apropos-nosactivites-slider-cont3 .slide-bullet3 {width: 0.5vw; height: 0.5vw; background-color: #0b8bcc; border-radius: 200%; position: relative; margin-left: 1.2vw;}
.apropos-nosactivites-slider-cont3 .slide-nav3 {margin-left: 64vw; margin-top: -5.5vw;}

.apropos-nosactivites-slider-cont3 div.overlay-blue3 {width: 100%; height: 100%; position: absolute; top: 0; transition: 0.5s ease all;}
.apropos-nosactivites-slider-cont3 div.overlay-blue3:hover {background-color: rgba(13, 27, 43, 0.5);}

.apropos-nosactivites-slider-cont3 .arrows3{width: 30px;
    margin: 0;
    position: absolute;
    right: 20px;
    bottom: 63%;}
.apropos-nosactivites-slider-cont3 .arrow3 {display: inline-block;
    position: absolute;
    width: 1.5vw;
    height: 1.5vw;
    background: transparent;
    text-indent: -9999px;
    border-top: 0.30vw solid #0c0c0c;
    border-left: 0.3vw solid #000;
    transition: all .1s ease-in-out;
    text-decoration: none;
    color: transparent;
}
.apropos-nosactivites-slider-cont3 .arrow3:hover {border-color: #60bdc1;
    border-width: 0.35vw;
}
.apropos-nosactivites-slider-cont3 .arrow3:before {display: block; height: 200%; width: 200%; margin-left: -50%; margin-top: -50%; content: ""; transform: rotate(45deg);}
.apropos-nosactivites-slider-cont3 .arrow3.prev3 {transform: rotate(-45deg);
    left: 0;
    margin-left: -20px;}
.apropos-nosactivites-slider-cont3 .arrow3.next3 {transform: rotate(135deg); right: 0;}

.apropos-nosactivites-slider-cont3 .slider3{position: relative;}
.apropos-nosactivites-slider-cont3 .slider-wrapper3 .slide3{position: relative;
    margin-right: 0px;
    padding-bottom: 35px;}
/*****************************************************actualites*****************************************************************/
.actualites-page{
	padding-right: 15%;
    padding-left: 15%;
    
    padding-top: 145px;
}

.actualites-page-presentation{
	width: 100%;display: inline-block;position: relative;
}
.actualites-apercu{
	
    width: 100%;
    height: 100px;
    display: inline-block;
    position: relative;
    background: linear-gradient(217deg, rgb(145, 178, 152), rgba(255,0,0,0) 70.71%),
	      linear-gradient(127deg, rgb(145, 178, 151), rgba(0,255,0,0) 70.71%),
	      linear-gradient(336deg, rgb(148, 179, 155), rgb(148, 178, 156) 70.71%) ;
    padding-left: 20%;
   padding: 7px 87px;
    color: white;
    font-family: 'Roboto Condensed', sans-serif;
}
.actualites-apercu h3{

    margin-top: 10px;
    font-size: 40px;
}
.actualites-apercu h5{
font-size: 13px;
    font-weight: lighter;
    margin-bottom: 0px;
}
/*****************************************************************activites************************************************/
.activites-page{
	padding-right: 13%;
    padding-left: 13%;
    
   margin-top: -120px;
    margin-bottom: 20px;
    padding-top: 140px;
}

.activites-page-presentation{
	width: 100%;display: inline-block;position: relative;
}
.activites-apercu{
	
    width: 100%;
    height: 100px;
    display: inline-block;
    position: relative;
    background: #7189ca;
    padding-left: 20%;
   padding: 7px 87px;
    color: white;
    font-family: 'Roboto Condensed', sans-serif;
}
.activites-apercu h3{

    margin-top: 10px;
    font-size: 40px;
}
.activites-apercu h5{
font-size: 13px;
    font-weight: lighter;
    margin-bottom: 0px;
}
/*****************************************************************RH************************************************/

#title-dev{
    display: inline-block;
    width: 100%;
    font-family: 'Roboto Condensed', sans-serif;
    margin-top: 0px;
    margin-bottom: 0px;
    background: linear-gradient(217deg, rgb(191, 186, 130), rgba(191, 186, 130, 0.38) 70.71%), linear-gradient(127deg, rgb(191, 186, 130), rgb(121, 119, 90) 70.71%), linear-gradient(336deg, rgb(242, 242, 242), rgb(191, 186, 130) 70.71%);
    height: 85px;
    color: white;
    padding-top: 30px;
    padding-left: 69px;
}
.RH-page{
	padding-right: 10%;
    padding-left: 10%;
   
    padding-top: 145px;
}

.RH-page-presentation{
	width: 100%;display: inline-block;position: relative;background: #ededed;
}
.RH-apercu{
	
    width: 100%;
    height: 100px;
    display: inline-block;
    position: relative;
    background: #9380bb;
    padding-left: 20%;
   padding: 7px 87px;
    color: white;
    font-family: 'Roboto Condensed', sans-serif;
}
.RH-apercu2{
    width: 100%;
    height: 100px;
    display: inline-block;
    position: relative;
    background: #9380bb;
    padding-left: 20%;
   padding: 7px 87px;
    color: white;
    font-family: 'Roboto Condensed', sans-serif;
}
.RH-apercu h3{

    margin-top: 10px;
    font-size: 40px;
}
.RH-apercu h5{
font-size: 13px;
    font-weight: lighter;
    margin-bottom: 0px;
}
.rh-offres-title{
    font-weight: bold;
    text-align: left;
    font-size: 1.5em;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #2d2d2d;
    font-family: 'Roboto Condensed', sans-serif;
    padding-left: 20px;
    margin-bottom: 30px;
}
.offre-emploi-card h4 span{
   font-size: 20px;
    font-family: 'Roboto Condensed', sans-serif;
    color: white;
}
.offre-emploi-card h4{
 font-size: 16px;
    font-family: 'Raleway', sans-serif;
    margin: 0;
    padding-top: 20px;
    padding-left: 21px;
    color: #000000;
    font-weight: 600;
    padding-right: 53px;
}


/*****************************************************************Developpementdurable************************************************/
.Developpementdurable-page{
	padding-right: 10%;
    padding-left: 10%;
    
    padding-top: 145px;
}
.rec-card-article-link-dd{
padding: 10px;
    text-align: left;
    height: 100%;
    background: linear-gradient(217deg, rgb(191, 186, 130), rgba(255,0,0,0) 70.71%), linear-gradient(127deg, rgb(191, 186, 130), rgba(0,255,0,0) 70.71%), linear-gradient(336deg, rgb(86, 85, 72), rgb(191, 186, 130) 70.71%);
    padding-left: 100px;
    padding-right: 100px;
    padding-bottom: 100px;
}
.rec-card-large-dd{
    text-align: center;
    height: 100%;
    float: left;
    margin-bottom: 20px;
    overflow: hidden;
    width: 100%;
}
.rec-card-large-dd .rec-card-images img{
    width: 33.33%;
    float: left;
    height: 100%;
}
.Developpementdurable-page-presentation{
	display: inline-block;position: relative;
}
.Developpementdurable-apercu{
	
    width: 100%;
    height: 100px;
    display: inline-block;
    position: relative;
    background: #bfba82;
    padding-left: 20%;
   padding: 7px 87px;
    color: white;
    font-family: 'Roboto Condensed', sans-serif;
}
.Developpementdurable-apercu h3{

    margin-top: 10px;
    font-size: 40px;
}
.Developpementdurable-apercu h5{
font-size: 13px;
    font-weight: lighter;
    margin-bottom: 0px;
}
/*************************************table graph************************************/
.wrap ol, ul {
  list-style: none;
}

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

.wrap .wrap caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

.wrap q, blockquote {
  quotes: none;
}
.wrap q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

.wrap a img {
  border: none;
}

.wrap article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

.wrap * {
  box-sizing: border-box;
}

.wrap body {
  color: #333;
  -webkit-font-smoothing: antialiased;
  font-family: "Montserrat", sans-serif;
  padding: 2%;
}

.wrap {
 width: 50%;display: inline-block;
}


.wrap ul li {
  line-height: 2;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  font-size: .85em;
  text-transform: uppercase;
  clear: both;
}
.wrap ul li:before {
  content: "\2023";
  padding: 0 1em 0 0;
}

.wrap .bar {
 background: #60bdc1;
    width: 0;
    margin: .25em 0;
    color: #fff;
    position: relative;
    transition: width 2s, background .2s;
    -webkit-transform: translate3d(0, 0, 0);
    clear: both;
    overflow: hidden;
}
.wrap .bar:nth-of-type(2n) {
  background: #60bdc1;
}
.wrap .bar .label {
 font-size: .75em;
    padding: 3em;
    background: #3d3d3d;
    display: inline-block;
    position: relative;
    z-index: 2;
    font-weight: bold;
    font-family: "Montserrat", sans-serif;
    width: 200px;
    padding-left: 10px;
    text-align: center;
}
.wrap .bar .label.light {
  background: #3d3d3d;
}

.wrap .count-m {
  position: absolute;
  right: .25em;
  top: .75em;
  padding: 2.15em;
  font-size: .75em;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
}
.wrap-h1-moyens{
  font-weight: bold;
    text-align: left;
    font-size: 1.5em;
    margin-top: 1em;
    border-top: 1px solid #dadada;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #2d2d2d;
    font-family: 'Roboto Condensed', sans-serif;
    padding-top: 20px;
}
#apropos-moyens-ancre{
    padding-left: 13%;

padding-right: 13%;

margin-top: -140px;

margin-bottom: 20px;

padding-top: 140px;
}
.moyens-text{
    display: inline-block;
    float: right;
    width: 50%;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
    margin-top: 0px;
    color: #2d2d2d;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 17px;
    text-align: center;
}
.moyens-text h3{
padding-top: 0px;
    margin-top: 0px;
    padding-bottom: 20px;
}
.moyens-text p{
        padding-left: 20px;
    padding-right: 20px;padding-left: 20px;
    padding-right: 20px;
    background: #3d3d3d;
    padding-bottom: 59px;
    padding-top: 20px;
    color: white;
}
.moyens-text .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
    background: #ffffff;
    border-color: #60bdc1;
}
.moyens-text .owl-theme .owl-dots .owl-dot span{
    width: 9px;
    height: 9px;
    margin: 1px 3px;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
    border: 1px solid #ffffff;
    background: #3d3d3d;
}
.slider-moyens-materiels{
    background: #3d3d3d;
}
/**********************************************apropos-departements*************************************/
.apropos-departemnts{
    padding-right: 335px;
    padding-left: 335px;
    display: inline-block
}




/*Now the CSS*/
* {margin: 0; padding: 0;}

.tree ul {
    padding-top: 20px; position: relative;
    
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.tree li {
    float: left; text-align: center;
    list-style-type: none;
    position: relative;
    padding: 20px 5px 0 5px;
    
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

/*We will use ::before and ::after to draw the connectors*/

.tree li::before, .tree li::after{
    content: '';
    position: absolute; top: 0; right: 50%;
    border-top: 1px solid #ccc;
    width: 50%; height: 20px;
}
.tree li::after{
    right: auto; left: 50%;
    border-left: 1px solid #ccc;
}

/*We need to remove left-right connectors from elements without 
any siblings*/
.tree li:only-child::after, .tree li:only-child::before {
    display: none;
}

/*Remove space from the top of single children*/
.tree li:only-child{ padding-top: 0;}

/*Remove left connector from first child and 
right connector from last child*/
.tree li:first-child::before, .tree li:last-child::after{
    border: 0 none;
}
/*Adding back the vertical connector to the last nodes*/
.tree li:last-child::before{
    border-right: 1px solid #ccc;
    border-radius: 0 5px 0 0;
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
}
.tree li:first-child::after{
    border-radius: 5px 0 0 0;
    -webkit-border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
}

/*Time to add downward connectors from parents*/
.tree ul ul::before{
    content: '';
    position: absolute; top: 0; left: 50%;
    border-left: 1px solid #ccc;
    width: 0; height: 20px;
}

.tree li a{
    border: 1px solid #ccc;
    padding: 5px 10px;
    text-decoration: none;
    color: #666;
    font-family: arial, verdana, tahoma;
    font-size: 11px;
    display: inline-block;
    
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

/*Time for some hover effects*/
/*We will apply the hover effect the the lineage of the element also*/
.tree li a:hover, .tree li a:hover+ul li a {
    background: #c8e4f8; color: #000; border: 1px solid #94a0b4;
}
/*Connector styles on hover*/
.tree li a:hover+ul li::after, 
.tree li a:hover+ul li::before, 
.tree li a:hover+ul::before, 
.tree li a:hover+ul ul::before{
    border-color:  #94a0b4;
}

/*Thats all. I hope you enjoyed it.
Thanks :)*/
.aproposs-departemnt{
  
   width: 100%;
    display: inline-block;
    background-image: url(../img/galaxy.png);
    background-size: cover;
    background-color: black;
    margin-bottom: 20px;
    padding-bottom: 20px;
    transition-duration: 750ms;position: relative;
}
.apropos-culture-cont-card img{
height: 300px;
    width: 100%;
}
.apropos-culture-cont-card h3{
font-family: 'Roboto Condensed', sans-serif;
    color: #3e3e3e;
    font-size: 19px;
    text-align: center;
    display: inline-block;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 50px;
    padding-right: 50px;
    margin-bottom: 0;
    margin-top: 0;
}










.dg-departement-crcc , .crcc-departement-crcc{
    width: 100%;
    background-color: transparent;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold;position: relative;
    
}

    .dg-departement-crcc h3 , .crcc-departement-crcc h3{
   display: block;
    margin: auto;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 200px;
    background: transparent;
    text-align: center;
    color: #60bdc1;
    padding: 10px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    font-weight: bold;
    border: 3px solid;
    }
    .crcc-departement-crcc:before{
 content: '';
    position: absolute;
    top: 41px;
    left: 50%;
    border-left: 3px solid #60bdc1;
    width: 0px;
    height: 20px;
    
}
.dg-departement-crcc:before{
  content: '';
    position: absolute;
    top: 56px;
    left: 50%;
    border-left: 3px solid #60bdc1;
    width: 0px;
    height: 20px;
}


.dga{
display: inline-block;position: relative;width: 33%;background-color: transparent;float: left;height: 100%;
}
.dcd{
display: inline-block;position: relative;width: 32.9%;background-color: transparent;float: left;height: 100%;
}
.mid{
display: inline-block;
    position: relative;
    width: 34.1%;
    background-color: #b3b0b0;
    float: left;
    height: 1px;
}
.bot{
    display: inline-block;
    position: relative;
    width: 100%;
    margin-top: 20px;
}
.bot-div1{
        display: inline-block;
    position: relative;
    width: 33%;
    background-color: transparent;
    float: left;
    
}

.bot-div2{
display: inline-block;
    position: relative;
    width: 34.1%;
    background-color: transparent;
    float: left;
    
}
.bot-div2:before{
 content: '';
    position: absolute;
    top: 0;
    right: 0px;
    border-top: 3px solid #60bdc1;
    width: 100%;
    float: right;
}
.bot-div3{
display: inline-block;
    position: relative;
    width: 32.9%;
    background-color: transparent;
    float: left;
    
}
.mid-div:before{
 content: '';
    position: absolute;
    top: 0;
    left: 50%;
    border-left: 3px solid #60bdc1;
    width: 0px;
    height: 720px;
}
.bot-div1-element , .bot-div2-element , .bot-div3-element{
  display: block;
    margin: auto;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 70%;
    background: transparent;
    text-align: center;
    color: #60bdc1;
    padding: 10px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px;
    font-weight: bold;
    margin-top: 20px;
    border: 3px solid;
}
.bot-div1-element:before{
    content: '';
    position: absolute;
    top: -20px;
    left: 50%;
    border-left: 3px solid #60bdc1;
    width: 0px;
    height: 20px;
}
.bot-div2-element:before{
  content: '';
    position: absolute;
    top: -20px;
    left: 50%;
    border-left: 3px solid #60bdc1;
    width: 0px;
    height: 20px;
}
.bot-div3-element:before{
   content: '';
    position: absolute;
    top: -23px;
    left: 50%;
    border-left: 3px solid #60bdc1;
    width: 0px;
    height: 20px;
}
.bot-div1:before{
content: '';
    position: absolute;
    top: 0;
    right: 0px;
    border-top: 3px solid #60bdc1;
    width: 50%;
    float: right;
}
.bot-div3:before{
content: '';
    position: absolute;
    top: 0;
    right: 50%;
    border-top: 3px solid #60bdc1;
    width: 50%;
    float: right;
}

.dga:before{
   content: '';
    position: absolute;
    top: 0;
    right: 0px;
    border-top: 3px solid #60bdc1;
    width: 50%;
    float: right;
}
.mid:before{
  content: '';
    position: absolute;
    top: 0;
    right: 0px;
    border-top: 3px solid #60bdc1;
    width: 100%;
    float: right;
}
.dcd:before{
   content: '';
    position: absolute;
    top: 0;
    right: 50%;
    border-top: 3px solid #60bdc1;
    width: 50%;
    float: right;
}
.mid-div{

}
.dga-div{
    display: block;
    margin: auto;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 234px;
    background: transparent;
    border: 3px solid;
    color: #60bdc1;
    padding: 10px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px;
    /* box-shadow: inset 0px 2px 6px #cefdff; */
    /* border-radius: 5px; */
    /* border: 1px solid #41a8ad; */
    margin-top: 20px;
    text-align: center;

}
.dcd-div p , .dga-div p{
    margin: 0px;
}
.dga-div:before{
   content: '';
    position: absolute;
    top: -20px;
    left: 50%;
    border-left: 3px solid #60bdc1;
    width: 0px;
    height: 20px;
}
.dcd-div:before{
  content: '';
    position: absolute;
    top: -23px;
    left: 50%;
    border-left: 3px solid #60bdc1;
    width: 0px;
    height: 20px;
}

.dcd-div{
    display: block;
    margin: auto;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 70%;
    background: transparent;
    text-align: center;
    color: #60bdc1;
    padding: 10px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px;
    font-weight: bold;
    margin-top: 20px;
    border: 3px dashed #60bdc1;
    height: 60px;
    padding-top: 17px;
}
.cdc-items{
  display: block;
    margin: auto;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 265px;
    background: transparent;
    text-align: center;
    color: #60bdc1;
    padding: 10px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px;
    font-weight: bold;
    margin-top: 5px;
    border: 3px solid;
}
.cdc-dp-1{
    margin-top: 20px;
}
.cdc-dp-item1:after{
   margin-top: 8px;
    content: '';
    position: absolute;
    top: 24px;
    left: -39px;
    border-left: 3px solid #60bdc1;
    width: 0px;
    height: 512px;
}
.cdc-items:before{
content: '';
    position: absolute;
    top: 50%;
    left: -38px;
    border-top: 3px solid #60bdc1;
    width: 35px;
}
.mid-div-solo-item{
  position: relative;
    margin-left: 58%;
    width: 99px;
    background: transparent;
    text-align: center;
    color: #60bdc1;
    padding: 10px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin-top: 204px;
    margin-right: 0px;
    border: 3px solid;
}
.mid-div-solo-item p{
   margin: 0px;
   padding: 0px;font-size: 15px;
}
.mid-div-solo-item:before{
 content: '';
    position: absolute;
    top: 50%;
    left: -34px;
    border-top: 3px solid #60bdc1;
    width: 31px;
}
.mid-div-solo-item:after{
 content: '';
    position: absolute;
    top: 50%;
    right: -118px;
    border-top: 3px solid #60bdc1;
    width: 117px;
    z-index: 2;
}
.departement-parent-cont{
    display: inline-block;position: relative;width: 100%;padding-left: 13%;padding-right: 13%;margin-top: -140px;
    margin-bottom: 20px;
    padding-top: 140px;
}
.departement-parent-cont-h1{
    font-weight: bold;
    text-align: left;
    font-size: 1.5em;
    margin-top: 1em;
    border-top: 1px solid #dadada;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #2d2d2d;
    font-family: 'Roboto Condensed', sans-serif;
    padding-top: 20px;
}
.crcc-dep-null{
    position: absolute;
    top: 296px;
    width: 15px;
    height: 15px;
    background: #404485;
    border-radius: 50%;
    left: 331px;display: none;
}
/********************departement-hover***************/
.aproposs-departemnt:hover{
    background-color: #ededed;transition-duration: 750ms;border-color: #60bdc1;
}


.aproposs-departemnt:hover .dg-departement-crcc h3{
    background:linear-gradient(217deg, rgb(96, 189, 193), rgba(255,0,0,0) 70.71%),      linear-gradient(127deg, rgb(136, 49, 117), rgba(0,255,0,0) 70.71%),         linear-gradient(336deg, rgb(56, 67, 155), rgb(82, 146, 206) 70.71%);transition-duration: 650ms;color: white;border-color: #60bdc1;
}
.aproposs-departemnt:hover .crcc-departement-crcc h3{
     background:linear-gradient(217deg, rgb(96, 189, 193), rgba(255,0,0,0) 70.71%),      linear-gradient(127deg, rgb(136, 49, 117), rgba(0,255,0,0) 70.71%),         linear-gradient(336deg, rgb(56, 67, 155), rgb(82, 146, 206) 70.71%);transition-duration: 650ms;color: white;border-color: #60bdc1;
}
.aproposs-departemnt:hover .dcd-div{
    background:linear-gradient(217deg, rgb(96, 189, 193), rgba(255,0,0,0) 70.71%),      linear-gradient(127deg, rgb(136, 49, 117), rgba(0,255,0,0) 70.71%),         linear-gradient(336deg, rgb(56, 67, 155), rgb(82, 146, 206) 70.71%);transition-duration: 650ms;color: white;border-color: #60bdc1;
}
.aproposs-departemnt:hover .dga-div{
    background:linear-gradient(217deg, rgb(96, 189, 193), rgba(255,0,0,0) 70.71%),      linear-gradient(127deg, rgb(136, 49, 117), rgba(0,255,0,0) 70.71%),         linear-gradient(336deg, rgb(56, 67, 155), rgb(82, 146, 206) 70.71%);transition-duration: 650ms;color: white;border-color: #60bdc1;
}
.aproposs-departemnt:hover .cdc-items{
    background:linear-gradient(217deg, rgb(96, 189, 193), rgba(255,0,0,0) 70.71%),      linear-gradient(127deg, rgb(136, 49, 117), rgba(0,255,0,0) 70.71%),         linear-gradient(336deg, rgb(56, 67, 155), rgb(82, 146, 206) 70.71%);transition-duration: 650ms;color: white;border-color: #60bdc1;
}
.aproposs-departemnt:hover .bot-div1-element{
    background:linear-gradient(217deg, rgb(96, 189, 193), rgba(255,0,0,0) 70.71%),      linear-gradient(127deg, rgb(136, 49, 117), rgba(0,255,0,0) 70.71%),         linear-gradient(336deg, rgb(56, 67, 155), rgb(82, 146, 206) 70.71%);transition-duration: 650ms;color: white;border-color: #60bdc1;
}
.aproposs-departemnt:hover .bot-div2-element{
    background:linear-gradient(217deg, rgb(96, 189, 193), rgba(255,0,0,0) 70.71%),      linear-gradient(127deg, rgb(136, 49, 117), rgba(0,255,0,0) 70.71%),         linear-gradient(336deg, rgb(56, 67, 155), rgb(82, 146, 206) 70.71%);transition-duration: 650ms;color: white;border-color: #60bdc1;
}
.aproposs-departemnt:hover .bot-div3-element{
    background:linear-gradient(217deg, rgb(96, 189, 193), rgba(255,0,0,0) 70.71%),      linear-gradient(127deg, rgb(136, 49, 117), rgba(0,255,0,0) 70.71%),         linear-gradient(336deg, rgb(56, 67, 155), rgb(82, 146, 206) 70.71%);transition-duration: 650ms;color: white;border-color: #60bdc1;
}

.aproposs-departemnt:hover .mid-div-solo-item{
    background:linear-gradient(217deg, rgb(96, 189, 193), rgba(255,0,0,0) 70.71%),      linear-gradient(127deg, rgb(136, 49, 117), rgba(0,255,0,0) 70.71%),         linear-gradient(336deg, rgb(56, 67, 155), rgb(82, 146, 206) 70.71%);transition-duration: 650ms;color: white;border-color: #60bdc1;
  }

/******************************star test*********************************************************/
.aproposs-departemnt:hover .test{
    display: inline-block!important;
}


/***********************************************apropos-notre-reputation-count**********************************************/
.apropos-notre-reputation-count{
    display: inline-block;position: relative;padding-left: 335px;padding-right: 335px;margin-top: -140px;
    margin-bottom: 20px;
    padding-top: 140px;
}
.text-reputation h3{
    font-weight: bold;
    text-align: left;
    font-size: 1.5em;
    margin-top: 1em;
    border-top: 1px solid #dadada;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #2d2d2d;
    font-family: 'Roboto Condensed', sans-serif;
    padding-top: 20px;
}
.text-reputation p{
   font-family: 'Roboto Condensed', sans-serif;
    color: #3d3d3d;
    font-size: 18px;
    text-align: center;
    display: inline-block;
    width: 100%;
    padding: 55px 60px;
    background: #ededed;
}
.apropos-reputation-cont-card h3{
font-family: 'Roboto Condensed', sans-serif;
    color: #3e3e3e;
    font-size: 23px;
    text-align: center;
    display: inline-block;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 50px;
    padding-right: 50px;
    background: #ededed;
    margin-bottom: 0;
    margin-top: 0;
}
.apropos-reputation-cont-card img{
height: 300px;
    width: 100%;
    box-shadow: 0px 0px 8px black
}

.apropos-reputation-cont-card{
    display: inline-block;
    overflow: hidden;
}
.apropos-reputation-cont-cards1{
background: #ededed;padding-bottom: 20px;
padding-top: 20px
}
.apropos-reputation-cont-cards2{
    background: #ededed;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

/***********************************************************************apropos historique********************************************/
@media only screen and (min-width: 1530px){
 .apropos-historique-cont{
   padding-left: 13%;
    padding-right: 13%;
 }   
}
.apropos-historique-cont {
    display: inline-block;
    position: relative;
    padding-left: 15%;
    padding-right: 15%;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    margin-top: -140px;
    margin-bottom: 20px;
    padding-top: 140px;
}
.decenie{
   margin-bottom: 35px;
    text-align: left;
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 145px;
    margin-top: -144px;
}
.historique-card-element{
  width: 100%;
    height: 100%;
    display: inline-block;
    background: #ededed;
    position: relative;
    border-top: 3px solid white
}
.historique-image-cont{
    width: 27%;
    height: 299px;
    display: inline-block;
    position: relative;
    float: left;
}
.historique-image-cont img{
    width: 100%;
    height: 100%;
}

.historique-text-cont{
    display: inline-block;
    width: 55%;
    padding: 0px 52px;
    padding-right: 118px;
}

.historique-text-cont h3{
   font-size: 20px;
    margin-bottom: 0;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #2d2d2d;
    font-family: 'Roboto Condensed', sans-serif;
}
.historique-text-cont p{
   font-family: 'Roboto Condensed', sans-serif;
    font-size: 25px;
    margin-top: 19px;
    color: #60bdc1;
    margin-bottom: 22px;
}

.historique-text-cont p:nth-child(3){
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 17px;
}

.historique-text-cont p:nth-child(2){
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 27px;
    margin-top: 10px;
    color: #60bdc1;
}
.historique-type{
    display: inline-block;
    background: #60bdc1;
    text-align: center;
    position: absolute;
    top: 0;
    left: 10px;
    color: #3d3d3d;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 17px;
    padding: 2px 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.title-historique{
    font-weight: bold;
    text-align: left;
    font-size: 1.5em;
    margin-top: 1em;
    border-top: 1px solid #dadada;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #2d2d2d;
    font-family: 'Roboto Condensed', sans-serif;
    padding-top: 20px;
}
/*********************************************************menu-historique*******************************************/

.menu-historique{
    display: inline-block;
    text-align: center;
    margin: auto;
    align-items: center;
    background: #3d3d3df5;
    color: white;
    font-family: 'Roboto Condensed', sans-serif;
    position: relative;
}
.menu-historique li{
   float: left;
    margin: 20px 30px;
}
.menu-historique li a{
    text-decoration: none;
  color: white;
    font-family: 'Roboto Condensed', sans-serif;
}
/***************************************************************************apropos-notreculture-cont************************************/
.apropos-notreculture-cont{
    display: inline-block;position: relative;padding-left: 335px;padding-right: 335px;margin-top: -140px;
    margin-bottom: 20px;
    padding-top: 140px;
   
}
.culture-cont-div{
margin-bottom: 70px;
}
.culture-cont-div h3{
font-family: 'Roboto Condensed', sans-serif;
    color: #3d3d3d;
    font-size: 25px;
    padding: 35px 60px;
    text-align: center;
}


.culture-cont-div p{
font-family: 'Roboto Condensed', sans-serif;
    color: #3d3d3d;
    font-size: 18px;
    text-align: center;
    display: inline-block;
    }
    
.culture-title{
font-weight: bold;
    text-align: left;
    font-size: 1.5em;
    margin-top: 1em;
    border-top: 1px solid #dadada;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #2d2d2d;
    font-family: 'Roboto Condensed', sans-serif;
    padding-top: 20px;
    }
    /********************************************************actualités-gallery-baguetteBox*************************************/
    .container.gallery-container {
    background-color: #fff;
    color: #35373a;
    min-height: 100vh;
    padding: 30px 50px;
    width: 100%;
    padding-left: 15%;
    padding-right: 15%;
    margin-top: -120px;
    margin-bottom: 20px;
    padding-top: 140px;
}

.gallery-container h1 {
   font-weight: bold;
    text-align: center;
    font-size: 1.5em;
    margin-top: 1em;
    border-top: 1px solid #dadada;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #2d2d2d;
    font-family: 'Roboto Condensed', sans-serif;
    padding-top: 20px;
}

.gallery-container p.page-description {
    text-align: center;
    margin: 25px auto;
    font-size: 18px;
    color: #999;
}

.tz-gallery {
   padding-top: 10px;
   padding-top: 10px;
    padding-left: 50px;
    padding-right: 50px;
}

/* Override bootstrap column paddings */
.tz-gallery .row > div {
    padding: 2px;
    height: 320px;
}
.tz-gallery .row > .col-md-6 {
    padding: 2px;
    height: 640px;
}
.tz-gallery .lightbox img {
    width: 100%;
    border-radius: 0;
    position: relative;
    height: 100%
}

.tz-gallery .lightbox:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    opacity: 0;
    color: white;
    font-size: 26px;
    font-family: 'Glyphicons Halflings';
    content: '\e003';
    pointer-events: none;
    z-index: 9000;
    transition: 0.4s;
}


.tz-gallery .lightbox:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(154, 183, 161, 0.77);
    content: '';
    transition: 0.4s;
}

.tz-gallery .lightbox:hover:after,
.tz-gallery .lightbox:hover:before {
    opacity: 1;
}

.baguetteBox-button {
    background-color: transparent !important;
}

@media(max-width: 768px) {
    body {
        padding: 0;
    }
}
/***************************actu-press-cont***************************************/
.actu-press-cont{
    display: inline-block;width: 100%;padding-left: 15%;padding-right: 15%;text-align: center;
    position: relative;
}
.bt1 , .bt2{
   font-weight: bold;
    text-align: center;
    font-size: 18px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #2d2d2d;
    font-family: 'Roboto Condensed', sans-serif;
    border: none;
    background: white;
    box-shadow: none;
    outline: none;
    padding-left: 0;
    padding-right: 0px;
    margin-right: 50px;
}
.bt1:focus{
    outline: none;
}
  .bt2:focus{
    outline: none;
  }
  .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{
    outline: none;
  }
  .separation-span{
    border: 3px solid;
    position: absolute;
    top: 0;
    left: 50%;
    height: 50px;
  }
  .colla1 , .colla2{
    margin-top: 20px;
    text-align: left;
    padding-left: 50px;
    padding-right: 50px;
    color: #2d2d2d;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 17px;
  }
.colla1-h1{
    font-size: 30px;
}
.colla2-h2{
    font-size: 30px;
}
  .mois-actu-card-element{
    width: 100%;
    height: 100%;
    display: inline-block;
    background: #ffffff;
    position: relative;
    border-top: 3px solid white;
    padding-bottom: 10px;
    border-bottom: 3px solid #92b299;
    padding-top: 10px;
  }
  .mois-actu-image-cont{
width: 30%;
    height: 230px;
    display: inline-block;
    position: relative;
    float: left;
  }
   .mois-actu-image-cont img{
    width: 100%;
    height: 100%;
  }
  .mois-actu-type{
display: inline-block;
    background: #92b299;
    text-align: center;
    position: absolute;
    top: 0;
    left: 10px;
    color: #3d3d3d;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 17px;
    padding: 2px 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
  }
  .mois-actu-text-cont{
display: inline-block;
    width: 70%;
    padding: 0px 52px;
    padding-right: 118px;
  }
  .mois-actu-date-title{
    font-size: 17px;
    margin-top: 5px;
  }
  /************presse collapse*****************/
  .mois-presse-card-element{
     width: 100%;
    height: 100%;
    display: inline-block;
    background: #ffffff;
    position: relative;
    border-top: 3px solid white;
    padding-bottom: 10px;
    border-bottom: 3px solid #92b299;
    padding-top: 10px;
  }
  .mois-presse-image-cont{
width: 30%;
    height: 230px;
    display: inline-block;
    position: relative;
    float: left;
  }
   .mois-presse-image-cont img{
    width: 100%;
    height: 100%;
  }
  .mois-presse-type{
display: inline-block;
    background: #92b299;
    text-align: center;
    position: absolute;
    top: 0;
    left: 10px;
    color: #3d3d3d;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 17px;
    padding: 2px 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
  }
  .mois-presse-text-cont{
display: inline-block;
    width: 70%;
    padding: 0px 52px;
    padding-right: 118px;
  }
  .mois-presse-date-title{
    font-size: 17px;
    margin-top: 5px;
  }
  .bt1-hover{
    color: #92b299;
    
  }
.bt1:hover{
    background-color: white;
    color: #92b299;transition-duration: 450ms;
}
.bt2:hover{
    background-color: white;
    color: #93b399;transition-duration: 450ms;
}
.bt1:focus{
    outline: none;
    background: white;
    color: #92b299;
}
.bt2:focus{
    outline: none;
    background: white;
    color: #92b299;
}
.bt1:active{
    outline: none;
    background: white;
    color: #92b299;
    background-color: #ffffff;
    border-color: #ffffff;
}
.bt2:active{
    outline: none;
    background: white;
    color: #92b299;
    background-color: #ffffff;
    border-color: #ffffff;
}
.btn-default:active:hover{
    color: #93b399;
    background-color: #ffffff;
    border-color: #ffffff;
    box-shadow: none;
    text-shadow: none;
    border: 0;
}

  /****************************************************************actu-cont-video********************************/
  .actu-video-cont{
    padding-left: 15%;padding-right: 15%;
    display: inline-block;position: relative;
    margin-top: -120px;
    margin-bottom: 20px;
    padding-top: 140px;
  }
  .actu-video-cont h1{
    font-weight: bold;
    text-align: center;
    font-size: 1.5em;
    margin-top: 1em;
    border-top: 1px solid #dadada;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #2d2d2d;
    font-family: 'Roboto Condensed', sans-serif;
    padding-top: 20px;
  }
  .actu-video-card{
  width: 32%;
    float: left;
    display: inline-block;
    text-align: center;
    overflow: hidden;
    background: #ededed;
    padding: 2px;
    margin: 2px;
    margin-bottom: 20px;
    border: 1px solid #0a14190d;
    position: relative;
  }
  .actu-video-card-title{
   display: inline-block;
    width: 100%;
    height: 100%;
    margin: 15px 0px;
    color: #333333;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 20px;
    text-align: left;
    padding-left: 20px;
    margin-bottom: 10px;
  }
  .actu-video-card-title span{
   font-size: 14px;
    display: block;
    margin-top: 5px;
    margin-bottom: 0px;
    color: #92b39a;
    margin-left: 5px;
  }
  .actu-video-title-span{
    display: inline-block;
    background: #92b299;
    text-align: center;
    position: absolute;
    top: 0;
    right: 10px;
    color: #ffffff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    padding: 5px 4px;
    letter-spacing: 1px;
    width: 32%;
  }
  .actu-video-card:hover .actu-video-title-span{
    background-color: #3d3d3d;transition-duration: 650ms;
  }
  /**************************************activités-cont***********************************/
  .owl-theme .owl-nav .owl-prev{
    top: 50%;left: 10px;position: absolute;color: #ffffff;
    font-size: 30px;
    margin: 5px;
    padding: 0px 12px;
    background: #3d3d3d;
    display: inline-block;
    cursor: pointer;
    font-weight: bold;
    border-radius: 50%;
  }
  .owl-theme .owl-nav .owl-next{
    top: 50%;right: 10px;position: absolute;color: #ffffff;
    font-size: 30px;
    margin: 5px;
    padding: 0px 12px;
    background: #3d3d3d;
    display: inline-block;
    cursor: pointer;
    font-weight: bold;
    border-radius: 50%;
  }
  
    .owl-theme .owl-nav .owl-prev:hover{
    color: #3d3d3d;
   
    background: #ffffff;transition-duration: 450ms;
  }
  .owl-theme .owl-nav .owl-next:hover{
    color: #3d3d3d;
   
    background: #ffffff;
    transition-duration: 450ms;
  }
  .travaux-publiques-apercu{
    width: 100%;
    height: 100px;
    display: inline-block;
    position: relative;
    background: linear-gradient(217deg, rgb(107, 126, 176), rgba(255,0,0,0) 70.71%), linear-gradient(127deg, rgb(113, 137, 202), rgba(0,255,0,0) 70.71%), linear-gradient(336deg, rgba(5, 1, 12, 0.8), rgba(20, 20, 128, 0.29) 70.71%);
    padding-left: 20%;
    padding: 7px 87px;
    color: white;
    font-family: 'Roboto Condensed', sans-serif;
  }
  
   .travaux-publiques-presentation-card{
    
    background: linear-gradient(217deg, rgb(107, 126, 176), rgba(255,0,0,0) 70.71%), linear-gradient(127deg, rgb(113, 137, 202), rgba(0,255,0,0) 70.71%), linear-gradient(336deg, rgba(5, 1, 12, 0.8), rgba(20, 20, 128, 0.29) 70.71%);
    
   }
   .travaux-publiques-presentation{
    height: 100%;
    
    padding-bottom: 50px;
   }
   .travaux-publiques-presentation-text-link{
    font-family: 'Roboto Condensed', sans-serif;
    color: white;
    font-size: 25px;
    text-align: center;
    display: inline-block;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 0px;
   }
   .travaux-publiques-text-p{
    font-family: 'Roboto Condensed', sans-serif;
    color: white;
    font-size: 18px;
    text-align: center;
    display: inline-block;
    width: 100%;
    padding: 0px 79px;
   }
   .domaines-activites-apercu{
width: 100%;
    height: 100px;
    display: inline-block;
    position: relative;
    background: white;
    padding-left: 20%;
    padding: 7px 87px;
    color: #7189ca;
    font-family: 'Roboto Condensed', sans-serif;
   } 
   .activites-page-first{
        margin-top: -120px;
    margin-bottom: 20px;
    padding-top: 270px;
   }
 .domaines-activites-apercu h3{
margin-top: 10px;
    font-size: 40px;
   } 
   .domaines-activites-apercu h5{
font-size: 13px;
    font-weight: lighter;
    margin-bottom: 0px;
   } 
   .owl-dots{
   
    bottom: 0px;
    width: 100%;
   }
   .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
    background: #ffffff;
    border-color: #3d3d3d;
   }
   .owl-theme .owl-dots .owl-dot span{
width: 9px;
    height: 9px;
    margin: 1px 3px;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
    border: 1px solid #121212;
    background: #010101;
   }



.item-h1-1{
    position: absolute;bottom: 0;left: 0;
    font-family: 'Roboto Condensed', sans-serif;
    color: #ffffff;font-size: 14px;
    text-align: center;
    display: inline-block;
    background: #1d1d1d;padding: 12px 50px;
}
.item-h1-2{
    position: absolute;bottom: 11%;left: 0;
    font-family: 'Roboto Condensed', sans-serif;
    color: #ffffff;font-size: 14px;
    text-align: center;display: inline-block;
    background: #697dbe;padding: 12px 26px;
}


/****************************************************************rh**********************************************************/
.rh-for-ancre{
    margin-top: -120px;
    padding-top: 140px;
    display: inline-block;
    width: 100%;
}
.rh-for-ancre2{
   margin-top: -120px;
    padding-top: 140px;
    display: inline-block;
    width: 100%;
}
.rh-for-ancre2 h3{
  margin-top: 10px;
    font-size: 40px;
}
.offre-emploi-card{
   display: inline-block;
    width: 100%;
    float: left;
    text-align: left;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 30px;
    padding-top: 60px;
    background: linear-gradient(217deg, rgb(137, 115, 147), rgba(255,0,0,0) 70.71%), linear-gradient(127deg, rgb(122, 91, 167), rgba(0,255,0,0) 70.71%), linear-gradient(336deg, rgba(5, 1, 12, 0.8), rgba(20, 20, 128, 0.29) 70.71%);
    margin-bottom: 20px;
}


.btn-arrow-hvr-cc1{
    padding-bottom: 20px;
    width: 100%;
    position: relative;
    margin: 0 auto;
    
    text-align: center;
    display: inline-block;
    padding-top: 20px;
    right: unset;
    bottom: 0;
}
.btn-arrow-hvr-cc1 a{
    color: white;
}

.btn-arrow-hvr-cc1 a:hover{
    background: #9380bb;
    color: white;
    border-color: #9380bb;
}

/***********************************************FORM****************************************************/

 .text-input {
     position: relative;
    margin-top: 50px;
    display: inline-block;
}
 .text-input input[type="text"] {
    display: inline-block;
    width: 500px;
    height: 40px;
    box-sizing: border-box;
    outline: none;
    border: 1px solid #0c0c0c;
    border-radius: 3px;
    padding: 10px 10px 10px 300px;
    transition: all 0.1s ease-out;
    color: white;
    background: #464646;
}
 .text-input input[type="text"] + label {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    border-radius: 3px 0 0 3px;
    padding: 0 20px;
    background: #9380bb;
    transform: translateZ(0) translateX(0);
    transition: all 0.3s ease-in;
    transition-delay: 0.2s;
    border: 0px solid black;
}
 .text-input input[type="text"]:focus + label {
     transform: translateY(-105%) translateX(0%);
     border-radius: 3px;
     transition: all 0.4s ease-out;
}
 .text-input input[type="text"]:focus {
     padding: 10px;
     transition: all 0.3s ease-out;
     transition-delay: 0.2s;
}
.diplome-rh-selec-meschoix{
    display: inline-block;
    width: 300px;
    height: 40px;
    box-sizing: border-box;
    outline: none;
    border: 1px solid #9380bb;
    border-radius: 3px;
    padding: 10px 10px 10px 20px;
    transition: all 0.1s ease-out;
    color: #9380bb;
    background: #464646;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 600;
}
.diplome-rh-selec-meschoix option{
    color: #9380bb;
    background: #464646;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 600;
}
#message-area-rh , #message-area-rh2 , #message-area-rh3 , #message-area-rh4 ,#message-area-rh5 ,#message-area-rh6{
    background: rgb(70, 70, 70);
    border-color: rgb(147, 128, 187);
    color: white;
    padding: 15px;
    text-align: left;
    width: 1017px;
    max-width: 100%;
    margin: 0px;
    height: 522px;
    max-height: 200px;
}
#compteur-area-rh , #compteur-area-rh2 , #compteur-area-rh3 , #compteur-area-rh4 , #compteur-area-rh5 , #compteur-area-rh6{
 text-align: right;
    width: 855px;
    margin-left: auto;
    margin-right: auto;
    font: 12px Verdana;
    color: #9380bb;
    margin-top: -26px;
}
 
.mauvais {
  color:#cc0000;
}

.formulaire-rh{
    padding-left: 100px;
    padding-right: 100px;
    background: #353535;padding-bottom: 1px;
    margin-bottom: 60px;
}
.formulaire-de-recrutement{
    font-weight: bold;
    font-size: 1.5em;
    margin-top: 1em;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #9380bb;
    font-family: 'Roboto Condensed', sans-serif;
    padding-top: 20px;
    text-align: center;
}

.form-etapes-title{
    font-weight: bold;
    font-size: 1.5em;
    text-transform: uppercase;
    color: #9380bb;
    font-family: 'Roboto Condensed', sans-serif;
    padding-top: 30px;
    text-align: left;
    border-top: 3px solid;
    margin-bottom: 0;
    margin-top: 22px;
}
.rh-date-input{
    width: 500px;

}
.input-label1-rh{
    color: #ededed;
    display: inline-block;
    height: 38px;
    padding: 10px 13px 30px;
    background: #9380bb;
    border-top-left-radius: 5%;
    border-bottom-left-radius: 5%;
    float: left;

}
.input-rh-date1{
   display: inline-block;
    width: 340px;
    height: 40px;
    box-sizing: border-box;
    outline: none;
    border: 1px solid #0c0c0c;
    border-radius: 3px;
    padding: 10px 10px 10px 30px;
    transition: all 0.1s ease-out;
    color: #afa1cd;
    background: #464646;

}

.input-rh-date2{
   display: inline-block;
    width: 322px;
    height: 40px;
    box-sizing: border-box;
    outline: none;
    border: 1px solid #0c0c0c;
    border-radius: 3px;
    padding: 10px 10px 10px 30px;
    transition: all 0.1s ease-out;
    color: #afa1cd;
    background: #464646;

}
.rh-formulaire-title2{
    font-weight: bold;
    font-size: 1.5em;
    text-transform: uppercase;
    color: #9380bb;
    font-family: 'Roboto Condensed', sans-serif;
    padding-top: 30px;
    text-align: left;
    border-top: 3px solid;
    margin-bottom: 30px;
    margin-top: 22px;
}
.rh-formulaire-label-autre{
    color: #9380bb;
    display: inline-block;
    
    padding: 10px 13px 0px;
    float: left;
    font-size: 18px;
    font-weight: bold;

}
.rh-formulaire-textarea{
    background: rgb(70, 70, 70);
    border-color: rgb(147, 128, 187);
    color: white;
    padding: 15px;
    text-align: left;
    width: 1017px;
    max-width: 100%;
    margin: 0px;
    height: 522px;
    max-height: 200px;

}
.rh-submit{
    margin: 50px auto;
    text-align: center;
    align-items: center;
    display: inherit;
    margin-bottom: 50px;
    padding: 10px 40px;
    background: #9380bb;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid white;
}
.label-rh-famille{
   height: 76px!important;
    line-height: 19px!important;
    color: #ffffff!important;
    background: #9380bb!important;
    width: 210px!important;
    text-align: center!important;
    overflow: hidden!important;
    border: 1px solid #353535!important;
    margin-bottom: 0px;
    vertical-align: middle;
    padding: 17px;
    font-size: 15px;
}
input[class="input-rh-text-famille"]{
    display: inline-block;
    height: 40px;
    box-sizing: border-box;
    outline: none;
    border: 1px solid #0c0c0c;
    color: white;
    background: #464646;
    width: 100%;
    text-align: center;
    margin-top: -5px;
}
.text-input-famille{
    position: relative;
    
    display: inline-block;
    width: 20%;
    overflow: hidden;
    float: left;
}
.famille-rh-cont{
    display: inline-block;
}
.rh-form-experiences-row{
    display: inline-block;
    margin-top: -6px;
    height: 115px;
}
.rh-experiences-formulaire-textarea{
  display: inline-block;
    height: 115px;
    box-sizing: border-box;
    outline: none;
    border: 1px solid #0c0c0c;
    color: white;
    background: #464646;
    width: 100%;
    text-align: left;
    max-height: 115px;
    max-width: 100%;
    padding: 5px 15px;
    min-height: 115px;
    min-width: 100%;
}
.label-rh-experiences-famille{
    height: 115px!important;
    line-height: 20px!important;
    color: #ffffff!important;
    background: #9380bb!important;
    width: 210px!important;
    text-align: center!important;
    overflow: hidden!important;
    border: 1px solid #353535!important;
    margin-bottom: 0px;
    vertical-align: middle;
    padding: 25px;
    font-size: 14px;
}
.label-rh-experiences-famille-entete{
    height: 50px!important;
    line-height: 20px!important;
    color: #ffffff!important;
    background: #9380bb!important;
    width: 210px!important;
    text-align: center!important;
    overflow: hidden!important;
    border: 1px solid #353535!important;
    margin-bottom: 0px;
    vertical-align: middle;
    padding: 13px;
    font-size: 14px;
}
.label-rh-projets{
    height: 76px!important;
    line-height: 19px!important;
    color: #ffffff!important;
    background: #9380bb!important;
    width: 100%;
    text-align: center!important;
    overflow: hidden!important;
    border: 1px solid #353535!important;
    margin-bottom: 0px;
    vertical-align: middle;
    padding: 17px;
    font-size: 15px;
}
.text-input-projets{
    position: relative;
    display: inline-block;
    width: 25%;
    overflow: hidden;
    float: left;
}
input:required{
    border-color: red!important;
}

input:required:focus {
  border: 1px solid black!important;
 
  }
  input:required:valid {
  border: 1px solid black!important;
  outline: none;
  }


  select:required{
    border-color: red!important;
}

select:required:focus {
  border: 1px solid black!important;
 
  }
  select:required:valid {
  border: 1px solid black!important;
  outline: none;
  }



  textarea:valid {
  border: 1px solid black!important;
  outline: none;
  }
  textarea:required{
    border-color: red!important;
}
textarea:required:focus {
  border: 1px solid black!important;
 
  }
  textarea:required:valid{
    border: 1px solid black!important;
  }


.monemailrh{
        display: inline-block;
    width: 500px;
    height: 40px;
    box-sizing: border-box;
    outline: none;
    border: 1px solid #0c0c0c;
    border-radius: 3px;
    padding: 10px 10px 10px 300px;
    transition: all 0.1s ease-out;
    color: white;
    background: #464646;
}
.monemailrhlabel{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    border-radius: 3px 0 0 3px;
    padding: 0 20px;
    background: #9380bb;
    transform: translateZ(0) translateX(0);
    transition: all 0.3s ease-in;
    transition-delay: 0.2s;
    border: 0px solid black;
}



.rec-card-large-rh{
    text-align: center;
    height: 100%;
    float: left;
    margin-bottom: 20px;
    overflow: hidden;
    width: 100%;
   
}



/******************************************responsive 1349*****************************************************/
@media only screen and (min-width: 1200px){

.btn-arrow-hvr-c1{
    right: -6%;
}
.btn-arrow-hvr-c2{
    right: 7%;
}
.dev-div3 .btn-arrow-hvr-c2{
        right: 26%;
}
.dev-div2 .btn-arrow-hvr-c2{
    right: 35%;
}
}
@media only screen and (min-width: 1250px){

.btn-arrow-hvr-c1{
    right: 12%;
}
.btn-arrow-hvr-c2{
    right: 22%;
}
}
@media only screen and (min-width: 1310px){

    #actu-count{
         padding-left: 10%;

padding-right: 10%;
    }
#three-d-cont{
    padding-left: 10%;

padding-right: 10%;
}
.btn-arrow-hvr-c1{
    right: 13%;
}
.rec-card-medium-2{
    margin-top: -183px;
    height: unset;
}
.btn-arrow-hvr-c2{
    right: 22%;
}
#cont-activites{
    padding-left: 10%;

padding-right: 10%;
}
.tran{
     padding-left: 10%;

padding-right: 10%;
}
.parallax{
     padding-left: 10%;

padding-right: 10%;
}
.s-logos-cont , .title-rec-cont , .cont-rec , .cont-dev{
 padding-left: 10%;

padding-right: 10%;
}
}
@media only screen and (min-width: 1340px){


.btn-arrow-hvr-c2{
    right: 17%;
}
.RH-page{
    padding-right: 5%;
    padding-left: 5%;
   
    padding-top: 145px;
}
.actualites-page{
    padding-right: 10%;

padding-left: 10%;
}
.actu-press-cont{
     padding-right: 10%;

padding-left: 10%;
}
.container.gallery-container{
     padding-right: 10%;

padding-left: 10%;
}
.actu-video-cont{
    padding-right: 10%;

padding-left: 10%;
}.apropos-page{
    padding-right: 13%;

padding-left: 13%;
}
.apropos-nosactivites-slider-cont , .apropos-nosactivites-slider-cont2 , .apropos-nosactivites-slider-cont3{
    padding-right: 13%;

padding-left: 13%;
}
.mid-div-solo-item::before{
    content: '';

position: absolute;

top: 50%;

left: -30px;

border-top: 3px solid #60bdc1;

width: 30px;
}
.mid-div-solo-item::after{
content: '';

position: absolute;

top: 50%;

right: -45px;

border-top: 3px solid #60bdc1;

width: 44px;

z-index: 2;
}
.cdc-dp-item1::after{
    margin-top: 8px;

content: '';

position: absolute;

top: 24px;

left: -39px;

border-left: 3px solid #60bdc1;

width: 0px;

height: 541px;
}
.mid-div::before{
    content: '';

position: absolute;

top: 0;

left: 50%;

border-left: 3px solid #60bdc1;

width: 0px;

height: 728px;
}
.apropos-notre-reputation-count{
    padding-left: 13%; padding-right: 13%;
}
.apropos-notreculture-cont{
    padding-left: 13%; padding-right: 13%;
}
.menu-historique{
    display: none
}
}
@media only screen and (min-width: 1365px){

.btn-arrow-hvr-c1{
    right: 7%;
}
.rec-card-medium-2{
    margin-top: -244px;
    height: unset;
}
.actualites-page{
    padding-right: 10%;

padding-left: 10%;
}
}
@media only screen and (min-width: 1380px){

.btn-arrow-hvr-c1{
    right: 15%;
}
.rec-card-medium-2{
    margin-top: -244px;
    height: unset;
}
.RH-page{
    padding-right: 6%;
    padding-left: 6%;
   
    padding-top: 145px;
}
}
@media only screen and (min-width: 1400px){

.btn-arrow-hvr-c1{
    right: 16%;
}
.rec-card-medium-2{
    margin-top: -244px;
    height: unset;
}
}
@media only screen and (min-width: 1460px){

.btn-arrow-hvr-c1{
    right: 17%;
}
.rec-card-medium-2{
    margin-top: -244px;
    height: unset;
}
.RH-page{
    padding-right: 6%;
    padding-left: 6%;
   
    padding-top: 145px;
}
}
@media only screen and (min-width: 1500px){

.btn-arrow-hvr-c1{
    right: 18%;
}
.rec-card-medium-2{
    margin-top: -195px;
    height: unset;
}
}
@media only screen and (min-width: 1530px){

.btn-arrow-hvr-c1{
    right: 19%;
}
.actualites-page{
    padding-right: 15%;

padding-left: 15%;
}
.actu-press-cont{
     padding-right: 15%;

padding-left: 15%;
}
.actu-video-cont{
     padding-right: 15%;

padding-left: 15%;
}
}
@media only screen and (min-width: 1560px){

.btn-arrow-hvr-c1{
    right: 20%;
}
}
@media only screen and (min-width: 1590px){

.btn-arrow-hvr-c1{
    right: 21%;
}
.btn-arrow-hvr-c2{
    right: 31%;
}
.RH-page{
    padding-right: 17%;
    padding-left: 17%;
   
    padding-top: 145px;
}

.Developpementdurable-page{
    padding-right: 15%;
    padding-left: 15%;
    padding-top: 145px;
}
.container.gallery-container{
     padding-right: 15%;

padding-left: 15%;
}
.actu-video-cont{
    padding-right: 15%;

padding-left: 15%;
}

/****************after************************/
.mid-div-solo-item::before{
  left: -39px;
    border-top: 3px solid #60bdc1;
    width: 37px;
}
.mid-div-solo-item::after{
right: -171px;
    border-top: 3px solid #60bdc1;
    width: 169px;
}
.cdc-dp-item1::after{
height: 565px;
}
.mid-div::before{
   height: 718px;
}
.menu-historique{
    display: inline-block;
}
#actu-count{
         padding-left: 15%;

padding-right: 15%;
    }
    #cont-activites{
        padding-left: 15%;

padding-right: 15%;
    }
#three-d-cont{
    padding-left: 15%;

padding-right: 15%;
}
.tran{
     padding-left: 15%;

padding-right: 15%;
}
.parallax{
     padding-left: 15%;

padding-right: 15%;
}
.s-logos-cont{
 padding-left: 15%;

padding-right: 15%;
}
.s-logos-cont , .title-rec-cont , .cont-rec , .cont-dev{
 padding-left: 15%;

padding-right: 15%;
}
.dev-div3 .btn-arrow-hvr-c2{
    right: 34%;
}
.btn-arrow-hvr-c2{
    right: 28%
}
.dev-div2 .btn-arrow-hvr-c2{
    right: 39%;
}

/********************after*****************/
}
@media only screen and (min-width: 1620px){

.btn-arrow-hvr-c1{
    right: 21%;
}
}
@media only screen and (min-width: 1650px){

.btn-arrow-hvr-c1{
    right: 22%;
}
}
@media only screen and (min-width: 1680px){

.btn-arrow-hvr-c1{
    right: 21%;
}
.rec-card-medium-2{
    margin-top: -149px;
    height: 620px;
}
}
@media only screen and (min-width: 17500px){

.btn-arrow-hvr-c1{
    right: 24%;
}
.rec-card-medium-2{
    margin-top: -244px;
    height: 620px;
}
.RH-page{
    padding-right: 15%;
    padding-left: 15%;
   
    padding-top: 145px;
}
}
@media only screen and (max-width: 1590px){
.mainNav a{
    font-size: 14px;
}

.logo-title{
    font-size: 14px;
    margin-top: 17px;
}
.logo-head{
    padding-left: 134px;
}
.mainNav{
    height: 45px;
}
.mainNav ul{
    height: 108px;
}
#submenu5{
    height: 273%;
}
#submenu2{
    height: 205%;
}
#submenu1 li{
    width: 28%;
}
li:hover ul#submenu1{

}
.slider3d__heading{
    color: #e60214;
    font-size: 3rem;
    text-shadow: 0px -1px 5px white;
}
.slider3d__handle , .slider3d__control{
    display: none;
}
.actu-card-article-link-a , .acti-card-article-link-a , .acti-card-article-link , .h-dev-div{
    font-size: 20px;
}
.actu-date{
    font-size: 12px;
    font-weight: bold;
}
.actu-card-article-p , .cont-activites-text p , .cont-activites-text-r p{
    font-size: 14px;
    padding-left: 15px;
    padding-right: 12px;
}
#slogan1{
    font-size: 19px;
}
.btn-arrow-hvr-c1 a , .btn-arrow-hvr-c2 a{
    font-size: 11px;
}
.tran2{
    font-size: 20px;
}
.logo2 h3{
    padding-left: 65px;
    padding-top: 13px;
    font-size: 14px;
    font-weight: bold;
}
.rec-card-article-link-a{
    font-size: 22px;
}
.rec-card-article-link{
    padding-left: 54px;
    padding-right: 54px;
}
.rec-card-article-link ul li{
    font-size: 14px;padding-right: 0;
}
.rec-card-medium-2 .rec-card-article-link{
    padding-top: 30px;
}
.cont-dev-text p{
    font-size: 14px;
}
.apropos-historique-cont , .apropos-notre-reputation-count , .apropos-notreculture-cont , .departement-parent-cont , #apropos-moyens-ancre , .apropos-page , .apropos-nosactivites-slider-cont , .apropos-nosactivites-slider-cont2 , .apropos-nosactivites-slider-cont3{
    padding-right: 14%;
    padding-left: 14%;
}
.apropos-apercu h3{
    font-size: 24px;
}
.apropos-card-text-p , .moyens-text p , .text-reputation p , .culture-cont-div p , .apropos-reputation-cont-card h3{
    font-size: 14px;
}
.apropos-culture-cont-card h3 , .departement-parent-cont-h1 ,.text-reputation h3 , .culture-title , .title-historique , .apropos-nosactivites-slider-cont h3 , .apropos-nosactivites-slider-cont3 h3 , .wrap-h1-moyens{
    font-size: 15px;
}
.menu-historique{
    display: none;
}
.mid-div-solo-item::after{
    right: -36px;
    
    width: 35px;
}
.mid-div-solo-item::before{
    left: -29px;
    
    width: 29px;
}
.mid-div::before{
    height: 700px;
}
.cdc-dp-item1::after{
        height: 513px;
}
.Developpementdurable-apercu h3 , .RH-apercu h3 , .colla2-h2 , .colla1-h1 , .actualites-apercu h3 , .domaines-activites-apercu h3{
    font-size: 24px;
}
.ul-dev-d , .offre-emploi-card h4 , .travaux-publiques-text-p , .bt1, .bt2 , .mois-actu-type , .mois-presse-type , .mois-actu-text-cont , .mois-presse-text-cont{
    font-size: 14px;
}
.mois-actu-text-cont , .mois-presse-text-cont , .rh-offres-title{
    font-size: 15px;
}
.mois-actu-text-cont h3 , .mois-presse-text-cont h3 , .actu-video-card-title , .form-etapes-title{
    font-size: 17px;
}
.item-h1-2 , .item-h1-1{
    font-size: 12px;
}
.rec-card-article-link-a{
    font-size: 18px;
}
.rec-card-article-link-vd {
    padding-left: 60px;
    padding-right: 60px;
}
.ul-dev-d h3{
    font-size: 16px;
}
.apropos-nosactivites-slider-cont .slider-wrapper .slide{
    margin-right: -3px;
}
}







@media only screen and (max-width: 1320px){



.text-input input[type="text"] + label{
    font-size: 11px;
}
.text-input input[type="text"]{
    display: inline-block;
    width: 370px;
    height: 40px;
    box-sizing: border-box;
    outline: none;
    border: 1px solid #0c0c0c;
    border-radius: 3px;
    padding: 10px 10px 10px 200px;
    transition: all 0.1s ease-out;
    color: white;
    background: #464646;
}
.input-rh-date2{
    width: 225px;
}
.monemailrh{
    width: 370px
}
#compteur-area-rh, #compteur-area-rh2, #compteur-area-rh3, #compteur-area-rh4, #compteur-area-rh5, #compteur-area-rh6{
        width: 640px;
}
}
@media only screen and (max-width: 1200px){
.min-width{
    display: block;

}
.countainer-fluid , footer{
    display: none;

}
}











#navigateur-obsolete{

    display: none;
    padding: 5%;
    padding-left: 15%;
    padding-right: 15%;
}
.logo-obsolete{
   width: 60px;

text-align: center;

height: auto;

display: block;

margin: 0 auto;
}
#navigateur-obsolete-card{
 background-color: grey;width: 100%;
 height: 100%;
 display: inline-block;
 position: relative;
 text-align: center;
}
.navigateurs-logo{
     width: 35px;


height: auto;
}
.navigateur-mini-card{
 display: inline-block;

width: 150px;
float: left;
height: 94px;
padding: 10px;

background: linear-gradient(217deg, rgb(237, 237, 237), rgba(255,0,0,0) 70.71%),
 linear-gradient(127deg, rgb(183, 183, 183), rgba(0,255,0,0) 70.71%),
 linear-gradient(336deg, rgb(170, 170, 170), rgb(206, 206, 206) 70.71%);

margin: 5px;
}
.navigateur-mini-card-cont{
    display: inline-block;
    margin: 0 auto;cursor: default;
}
.actu-card-article-link, actu-card-article-link{
    display: inline-block;
}