@font-face { font-family: "gotham"; src: url(fonts/Gotham-Book.otf) format("opentype"); }
@font-face { font-family: "gotham-bold"; src: url(fonts/Gotham-Bold.otf) format("opentype"); }
@font-face { font-family: "gotham-Black"; src: url(fonts/Gotham-Black.ttf) format("truetype"); }
@font-face { font-family: "Gotham-Light"; src: url(fonts/Gotham-Light.otf) format("opentype"); }
@font-face { font-family: "MyriadPro"; src: url(fonts/MyriadPro-Regular.otf) format("opentype"); }
@font-face { font-family: "Oswald-Bold"; src: url(fonts/Oswald-Bold.ttf) format("truetype"); }
@font-face { font-family: "CaviarDreams"; src: url(fonts/CaviarDreams_Bold.ttf) format("truetype"); }
@font-face { font-family: "Oswald-ExtraLight"; src: url(fonts/Oswald-ExtraLight.ttf) format("truetype"); }
@font-face { font-family: "Oswald-Light"; src: url(fonts/Oswald-Light.ttf) format("truetype"); }
@font-face { font-family: "Oswald-Medium"; src: url(fonts/Oswald-Medium.ttf) format("truetype"); }
@font-face { font-family: "Oswald-Regular"; src: url(fonts/Oswald-Regular.ttf) format("truetype"); }
@font-face { font-family: "Oswald-SemiBold"; src: url(fonts/Oswald-SemiBold.ttf) format("truetype"); }
@font-face{font-family:'FontAwesome'; src:url("fonts/fontawesome-webfont.eot?v=4.3.0"); src:url("fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"), url("fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"), url("fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"), url("fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg"); font-weight: normal;  font-style: normal; }

body{font-family:MyriadPro; position:relative; padding:0; margin:0; font-size:14px; background:#fff; color:#000 ;   overflow-x: hidden; min-height:100vh }
.content {width:1000px; max-width:100%; margin:0 auto;  position: relative; }
.flip-card-front a{width: 100%;    height: 100%;    display: block;}
.article_associe{    font-size: 15px;    height: 40px;    line-height: 3.8;    width: calc(100% - 300px);    margin: 10px 0;    color: #3C499B;    border-bottom: 3px solid;
}
.blanc_copyright{text-align:center}
.footer-container a{color:#fff}
.footer-container{background: rgb(61 75 154);    position: fixed;    bottom: 0; padding:5px;   width: 100%;    text-align: center;       line-height: 2;    color: #fff;    font-size: 15px;}
.flipper:last-child{background-color:#002F87;border-radius:10px}
.satisfaction h1{    font-size: 25px;text-align: center;margin:0}
.satisfaction h2{    font-size: 17px;    margin-bottom: 5px;color: #3C499B;}
.satisfaction h3{    font-size: 15px;        margin:5px 0px 10px;}
.satisfaction .form-group {    text-align: justify;}
.satisfaction .form-control {    margin: 10px 10px;    display: block;width: calc(100% - 40px);}
.sponsors_event .item{display: table-cell;    vertical-align: middle;height:150px}
.sponsors_event.owl-carousel .owl-item img{   width: 180px !important;    margin: 0 auto;}
.bloc2 textarea.form-control{ width: calc(100% - 29px); }
.contact_bloc .titre-index{    margin-top: 15px;    margin-bottom: 15px;}
.fa-youtube-play:before { font-family:'FontAwesome';   content: "\f16a";}
.event_bloc_right .rainbow-button {width: 140px;}
.footer-container a{color:#fff}
.pageevent #login-panel{padding-top:0}
.close {
	float: right;
	font-size: 21px;
	font-weight: bold;
	line-height: 1;
	color: #000;
	cursor:pointer;
	text-shadow: 0 1px 0 #fff;
	filter: alpha(opacity=20);
	opacity: 1;
}
.close:hover, .close:focus {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	filter: alpha(opacity=50);
	opacity: .5;
}
button.close {
	-webkit-appearance: none;
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	background: rgba(70, 84, 98, 0.31);
}
.modal-open {
	overflow: hidden;
}
.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999999;
	display: none;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
	outline: 0;
    margin-bottom: 0 !important;
	background: rgba(70, 84, 98, 0.31);
}
.modal.fade .modal-dialog {
	-webkit-transition: -webkit-transform .3s ease-out;
	-o-transition: -o-transform .3s ease-out;
	transition: transform .3s ease-out;
	-webkit-transform: translate3d(0, -25%, 0);
	-o-transform: translate3d(0, -25%, 0);
	transform: translate3d(0, -25%, 0);
}
.modal.in .modal-dialog {
	-webkit-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto;
}
.modal-dialog {
	position: relative;
	width: auto;
	margin: 10px;
}
.modal-content {
	position: relative;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #999;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 6px;
	outline: 0;
	-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
	box-shadow: 0 3px 9px rgba(0,0,0,.5);
}
.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #000;
}
.modal-backdrop.fade {
	filter: alpha(opacity=0);
	opacity: 0;
}
.modal-backdrop.in {
	filter: alpha(opacity=50);
	opacity: .5;
}
.modal-header {
	min-height: 16.42857143px;
	padding: 15px;
	border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
	margin-top: -2px;
}
.modal-title {
	margin: 0;
	line-height: 1.42857143;
}
.modal-body {
	position: relative;
	padding: 15px;
}
.modal-footer {
	padding: 15px;
	text-align: right;
	border-top: 1px solid #e5e5e5;
}
.modal-footer .btn+.btn {
	margin-bottom: 0;
	margin-left: 5px;
}
.modal-footer .btn-group .btn+.btn {
	margin-left: -1px;
}
.modal-footer .btn-block+.btn-block {
	margin-left: 0;
}
.modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll;
}
@media (min-width: 780px) {
.modal-dialog {
	width: 600px;
	margin: 30px auto;
}
.modal-content {
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
	box-shadow: 0 5px 15px rgba(0,0,0,.5);
}
.modal-sm {
	width: 300px;
}
}
.page-presentation ul{    list-style: circle;    font-size: 15px;    line-height: 1.5;    width: 100%;}
.page-presentation ul ul{padding-left:20px}
.desc-presentation{font-size: 15px;    line-height: 1.5;}
#sticker{    width: 100%;    border-radius: 20px;    height: 300px;}
.event_bloc_right  .btnblue{    float: left;    margin-top: 0;    width: 150px;}
.fancybox-container{    z-index: 999999999999 !important;}
.event_bloc_left {text-align:center}
.img_event{width: 75%;}
.event_bloc_right  div {margin-bottom: 7px;}
.detailsevent .titre-index{    margin-bottom: 30px;}
#content{padding-top: 130px;}
#login-panel{    padding-bottom: 50px;    padding-top: 20px;}
.left{float:left;}
.contact_elem span{width: calc(100% - 45px);    display: block;    float: right;}
.bloc21 {width: 600px;    line-height: 2;}
.bloc22 {    width: calc(100% - 600px);}
.social{position: relative;    z-index: 1;    text-align: right;    padding-top: 40px;    padding-right: 25px;}
.headerstyle #content {    padding-top: 130px;}
.parallax {  background-image: url("images/article.png");  height: 300px;  background-attachment: fixed;  background-position: center;  background-repeat: no-repeat;
  background-size: cover;}
.parallaxevent {  background-image: url("images/event.jpg");  height: 300px;  background-attachment: fixed;  background-position: center;  background-repeat: no-repeat;
  background-size: cover;}
.parallaxteam{  background-image: url("images/team.jpg");  height: 300px;  background-attachment: fixed;  background-position: center;  background-repeat: no-repeat;
  background-size: cover;}
.parallaxconnexion {  background-image: url("images/connexion.jpg");  height: 300px;  background-attachment: fixed;  background-position: center;  background-repeat: no-repeat;
  background-size: cover;}
#contact-form .bloc2{width: calc(50% - 40px);    float: left;    margin: 20px;}
.bloc3 .social ul li a{		color: #fff;    border: 2px solid;
    /* padding: 19px; */
    width: 30px;
    height: 30px;
    display: table-cell;
    text-align: center;
    /* line-height: 4; */
    vertical-align: middle;
    border-radius: 50%;}
.bloc22 img{width: 100%;}
.owl-carousel .owl-item .image-partenaire img{width: 200px;    margin: 0 auto;}
.detailsevent .owl-prev,.detailsevent  .owl-next{top:0%}
.detailsevent .index-publication .owl-prev,.detailsevent .index-publication .owl-next{top:50%}
.index-recherche-article{    background: #3C499B;   padding: 50px;    text-align: center;}
.index-recherche-article h2{color:#fff;    font-size: 30px;    margin-top: 0;    margin-bottom: 25px;}
.home-page .rainbow-button{    text-align: center;    margin: 15px auto;    background-image: linear-gradient(90deg, #22c0dd 0%, #3C499B 49%, #3C499B 80%, #3C499B 100%);}
.bloc21 ul{list-style: circle;    line-height: 3;padding-left: 15px;}
.home-page .bloc21 .rainbow-button{text-align: left;    margin: 10px 0;   }
.bloc21 ul li{    font-size: 15px;}
.titre-index{font-size: 45px;    margin-bottom: 5px;    color: #3C499B;font-family:CaviarDreams; text-transform:capitalize}
.formgetpw,.formgetpw1{font-size: 15px;    margin-bottom: 5px;    color: #3C499B;    cursor: pointer;}
.formgetpw:hover,.formgetpw1:hover{font-size: 16px;}
.event_bloc_right {width:50%}
.event_bloc_left {width:50%}
.event_bloc_right{    font-size: 16px;    line-height: 1.5;}
.event_bloc_right .soustitre_event{color:#3C499B}
.rainbow-button {  width:105px;  height:35px;   background-image: linear-gradient(90deg, #22c0dd 0%, #3C499B 49%, #3C499B 80%, #3C499B 100%);color: #fff;    margin-right: 20px;
    border: none;cursor:pointer;    margin-top: 15px;    box-shadow: 1px 1px 1px 1px #0092b3;  border-radius:5px;  display:flex;  align-items:center;  justify-content:center;  margin-bottom: 20px;  font-size:14px;  font-weight:bold;    margin: 10px auto;}
.rainbow-button:after {  }
.rainbow-button:hover {  animation:slidebg 2s linear infinite;}
.ajouter{background: #f5f5f5;padding: 15px}
.col-sm-6{margin-bottom: 15px;}
.input-group-addon{padding-left: 10px;}
.star{color:red}
.onscroll .header:before{top: 18px;    height: 48px;}
.onscroll .menu1{ padding: 20px 10px 3px;}
.chosen-container{    margin: 10px 10px;}
.btnblue{width:105px;  height:35px;  background-color: #3C499B;color: #fff;    margin-right: 15px;    border: none;cursor:pointer;    margin-top: 10px;    box-shadow: 1px 1px 1px 1px #3C499B;  border-radius:5px;  display:flex;  align-items:center;  justify-content:center;  margin-bottom: 20px;  font-size:14px;  font-weight:bold;    margin: 10px;}
.btnred{ width:105px;  height:35px;  background-color: red;color: #fff;    margin-right: 15px;
    border: none;cursor:pointer;    margin-top: 10px;    box-shadow: 1px 1px 1px 1px #7f0c0c;  border-radius:5px;  display:flex;  align-items:center;  justify-content:center;  margin-bottom: 20px;  font-size:14px;  font-weight:bold;  }
@keyframes slidebg {
  to {
    background-position:20vw;
  }
}
 :root {
  --backgroundColor: rgba(246, 241, 209);
  --colorShadeA:#22c0dd ;
  --colorShadeB: #0092b3;
  --colorShadeC:#0092b3;
  --colorShadeD: #71abca;
  --colorShadeE:#3cc6c7;
}
.center{    text-align: center;}
button {
  position: relative;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: 0;
  vertical-align: middle;
  text-decoration: none;
  font-size: 1.5rem;
    color:var(--colorShadeA);
  font-weight: 700;
  text-transform: uppercase;
  font-family: inherit;
  color: #fff;
}

button.big-button {
  padding: .5em 3em;
    border: 2px solid var(--colorShadeA);
    border-radius: .5em;
    margin-right: 20px;
  background: var(--colorShadeE);
transform-style: preserve-3d;
   transition: all 175ms cubic-bezier(0, 0, 1, 1);
}
button.big-button::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--colorShadeC);
  border-radius: inherit;
 transform: translate3d(0, 0.75em, -1em);
     transition: all 175ms cubic-bezier(0, 0, 1, 1);
}


button.big-button:hover,button.big-button.active {
  background: var(--colorShadeD);
  transform: translate(0, 0.375em);
}

button.big-button:hover::before,button.big-button.active::before {
  transform: translate3d(0, 0.75em, -1em);
}

button.big-button:active ,button.big-button.active{
            transform: translate(0em, 0.75em);
}

button.big-button:active::before,button.big-button.active::before {
  transform: translate3d(0, 0, -1em);
  
      box-shadow: 0 0 0 2px var(--colorShadeB), 0 0.25em 0 0 var(--colorShadeB);

}
.anim-slide a{    width: 100%;    height: 100%;    left: 0;}
.flipper{width: 500px;    margin: 0 auto;}
.front_login{border: 2px solid #f5f5f5;    padding: 10px;    background: #f5f5f5;}
.front_login .col-lg-8{width: calc(100% - 120px);    float: left;}
.front_login .col-lg-3{    float: left;    width: 100px;line-height: 4.5;}
.titre_login{    text-align: center;    font-size: 30px;    color: #3C499B;    margin-top: 0;}
.span_error{font-family:Oswald-Light;text-align: left;    display: block;    margin-left: 15px;    color: red;    margin-top: -10px;}
.error{border:1px solid red !important}
.newslettre .span_error{text-align: left;    display: inline-block;}
.actualite{    margin-top: 25px;}
.bloc_recent .title_act {  text-transform: capitalize;  color: #000;    margin-bottom: 3px;    border-bottom: 1px solid #0092b3;    padding-bottom: 8px;    line-height: 1.4;    position: relative;    z-index: 999;    width: 100%;    padding: 8px 0;}
.description_bloc h2{color:#3cc6c7;font-family:Oswald-Bold ;}
.description_bloc h3{color:#0092b3;font-family:Oswald-Bold ;}
.bloc_act .description_bloc{width: calc(100% - 290px);    line-height: 1.5;}
.pub_par,.bloc_act  .descp_act{  margin-bottom: 10px;}
.bloc_left .bloc_recherche .form-control {    width: 92%;}
.bloc_left .bloc_recherche .icon-search-fine{display:none}
.pub_par {    color: #3C499B;    margin: 0;    font-size: 15px;    margin-bottom: 12px;}


p{    margin: 8px 0px;}
.bloc_recent a:hover:after, .bloc_recent a.service_active:after {    -webkit-transition: all .3s ease-in-out;    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;    transition: all .3s ease-in-out;    width: 100%;}
.glyphicon-list-alt:before {    content: "\f115";    font-family: FontAwesome;}
.glyphicon-list-alt {    margin-right: 5px;}
.actualite .description_bloc a {    text-align: right;    display: inherit;    margin-right: 25px;    margin-top: 5px;    float: right;    border-left-width: 1px;    /* border-style: solid; */    padding-left: 10px;    border-left: 1px solid #818285;
    color: #a0a1a3;    margin-bottom: 10px;}
.bloc_recent a:after {   content: "";    display: block;    position: absolute;    right: 0px;    top: 0;    width: 4px;    height: 100%;    background-color:rgb(0 146 179 / 0.1);}
input.form-control:focus,textarea:focus,.contact_us_form textarea:focus,input.form-control:active,textarea:active,.contact_us_form textarea:active,input.form-control:hover,textarea:hover,.contact_us_form textarea:hover {border: 1px solid #3cc6c7;    border-radius: 5px;}
.right{float:right;}
.close-map:after {    content: "\f107";    font-family: FontAwesome;    display: inline-block;    font-weight: normal;    font-style: normal;    display: inline-block;    text-decoration: inherit;
    font-size: 18px;    color: #fff; margin-bottom:5px    animation: bounce 2s infinite;    -webkit-animation: bounce 2s infinite;
    -moz-animation: bounce 2s infinite;    -o-animation: bounce 2s infinite;   cursor: pointer;}

@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}	
	40% {-webkit-transform: translateY(5px);}
	60% {-webkit-transform: translateY(0px);}
}
 
@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(5px);}
	60% {-moz-transform: translateY(0px);}
}
 
@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(0px);}
	60% {-o-transform: translateY(0px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(0px);}
	60% {transform: translateY(0px);}
}
#map {
    
    width: 100%;
    height: 400px;
    left: 0;
    top: 0px;
    position: relative;
    z-index: 800;
}
.box-map {
    color: #fff;
    padding: 10px 0 0px 0;
    cursor: pointer;
    background: #0092b3;
    border-top: 5px solid #22c0dd;
    margin-top: 20px;
}
.clear{display:block; clear:both;}
.center { text-align:center}
img{border:none; outline:none;}
img:focus,img:blur {outline:none; box-shadow:none;}
a{text-decoration:none; color:#000; cursor:pointer;outline:none;}
ul{list-style:none; padding:0; margin:0; display:inline-block;} 
.hide{display:none;}
.banniere { position:relative;overflow-y: hidden; }
.fa-arrow-right{background-image:url(images/right.png) ;background-size: 40px;    height: 60px;    width: 50px;    background-repeat: no-repeat;}
 .owl-prev{left:-70px;}
  .owl-next{right:-70px;}
  .owl-prev,  .owl-next {	 position:absolute;	 top:50%;    display: inline-block;    height:35px;    width: 35px;            line-height: 41px;    text-align: center;
    -webkit-transition: all 400ms linear 0s;    -o-transition: all 400ms linear 0s;    transition: all 400ms linear 0s;    cursor: pointer;}
	.titre_event{background: #3C499B;    text-align: center;    color: #fff;    padding: 10px;    border-top-left-radius: 10px;    border-top-right-radius: 10px;
    font-size: 20px;}
	.blocevent{background: #F4F4F7;    width: calc(100% - 75px);    margin: 0 auto;    border-radius: 10px;overflow: hidden;    height: 225px;}
	.bloc_formation{    padding: 25px 25px 10px;    line-height: 2;    font-size: 15px;}
	.owl-carousel{    margin: 50px 0;}
	.flip-card-back .btnblue{background:#262F67;margin:10px auto;font-size:14px;padding-top:3px;position: relative;    z-index: 999;}
	.flip-card{overflow:hidden}
	.flip-card-back{background-image: linear-gradient( 140deg , #00CBF2 0%, #456DC1 50%, #5941A8 75%);}
	.flip-card-back .titre_resume{font-size: 20px;    padding: 10px;    color: #fff;}	
	.flip-card-back .desc_resume{padding: 15px;    color: #000;}
.bloc_equipe{width: calc(100%/4 - 10px);float:left;margin:5px ;text-align: center;    height: 245px;}
.titre_equipe{margin-top: 5px;    font-size: 15px;}
.fa-linkedin:before {    content: "\f0e1"; font-family: FontAwesome;  }
.a_link{background: #3C499B;    color: #fff;    /* height: 50px; */    padding: 5px;    margin-left: 5px;}
.default_act .owl-carousel{width:800px; margin:0 auto}
.fa-arrow-left{background-image:url(images/left.png) ;background-size: 40px;    height: 60px;    width: 50px;    background-repeat: no-repeat;}
#article{margin: 60px auto 10px;}
#article .owl-carousel{margin-top: 30px;}
#article .savoir_plus{    text-align: center;    margin-top: 40px;}
.titre_act{font-size: 15px;    text-align: justify;    color: #0092b3;   margin-bottom: 0; }
.description_act{font-size: 11px;    margin-top: -5px;    padding-left: 10px;}
.content-fixed .header,.onscroll .header { background: rgba(255, 255, 255, 0.97) ;   height: auto;      box-shadow: 0 0 5px #e3e4e9; }
.content-fixed .header{box-shadow: none;}
.onscroll .header .logo ,.content-fixed .header .logo{ padding-top: 0px;    padding-bottom: 5px;}
.onscroll .menu ul li a {font-size: 14px;}
.pagedisplay.onscroll .header .logo img,.pagedisplay  .content-fixed  .header .logo img,.onscroll .header .logo img, .content-fixed  .header .logo img{ width: 100px;filter: none;    -webkit-filter: none; }
.onscroll .langage {display:none}
.onscroll  .menu_social ul { padding: 9px 0;}
.onscroll .langage a.active {     color: #9caf47;   }
.onscroll .menu1 ,.content-fixed .menu1{     margin-top: 0;background:transparent}
.onscroll .social li {    display: inline-block;    padding: 10px 5px 0;}
.creation{color: #fff;    font-size: 30px;    text-transform: uppercase;}
footer .bloc3 img{width: 260px;    margin-bottom: 15px;}
.onscroll .menu1 ul li {    padding: 10px 0px 10px;    display: inline-block;    font-size: 15px;}
select.form-control{    width: 104%;}
#service .item{width: calc(100%/3 - 20px);    float: left;    margin: 0 10px;    overflow: hidden;    height: 280px;}
.bg_image{position:relative; height:100%; overflow:hidden}
.bg_image img{-webkit-transition: all 0.3s ease-in-out;    -moz-transition: all 0.3s ease-in-out;    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;    transition: all 0.3s ease-in-out;    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;    -o-transition: all 0.3s ease-in-out;    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;    overflow: hidden;}
.item:hover .bg_image img{-webkit-transform: scale(1.1);    -moz-transform: scale(1.1);    -o-transform: scale(1.1);    transform: scale(1.1);}
.tilte_service{    background-color: #262F67;    position: absolute;    /* z-index: 999; */    width: 100%;    vertical-align: middle;   display: table-cell;    bottom:0;    color: #fff;    text-align: center;
    right: 0;    /* height: 65px; */    font-size: 17px;    line-height: 1.5;    text-transform: uppercase;    padding-top: 10px;    padding-bottom: 9px;}
.contactez_nous a{color:#fff;font-family:Oswald-SemiBold;    font-size: 17.5px;}	
.contactez_nous{cursor: pointer;    position: fixed;       right: -48px;    top: 150px;    z-index: 99999;
    background: #0092b3;    width: 120px;    padding-left: 10px;   height: 50px;    line-height: 2.5;   -webkit-transform: rotate(-90deg);    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);    -o-transform: rotate(-90deg);    transform: rotate(-90deg);-webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;    -o-transition-duration: 0.3s;    transition-duration: 0.3s;}
.tilte_service span{   padding-top: 5px;    display: inline-block;    width: calc(100% - 30px);}
	.blanc_copyright{text-align:center;height: 55px;    background-image: linear-gradient(140deg, #00CBF2 0%, #456DC1 50%, #5941A8 75%);}
.fa-map-marker:before{content: "\f041";}

.button_news{height: 32px;    margin-top: 10px;    background: #147ab2;    border: none;    width: 39px;cursor:pointer}
.fa-paper-plane:before{content: "\f1d8";color:#FFF;font-size: 15px;}
.fa-phone:before {    content: "\f095";}
.fa-envelope:before {    content: "\f003";}
.fa-map-marker,.fa-phone,.fa-envelope{    font-size: 25px;    margin-right: 25px;    color: #3C499B;}
.fa-envelope{    font-size: 22px;}
.slogan {  width: 100%; z-index: 10;text-align: left; top: 45% ;left:calc((100% - 990px)/2); height: 77px; line-height: 101px;  color: #fff;  font-family: gotham-bold; font-size: 19px;  }
.sloganContacter { position: absolute; width: 100%;text-align: center; top: 70%;left: 0px; height: 60px;  font-family: gotham-Black; font-size:18px  }
.aucun_details{    text-align: center;    font-size: 20px;    padding-top: 75px;}
.anim-slide .buttonCon{    font-family: gotham-bold;  cursor:pointer ; background-image: linear-gradient(to left,transparent,transparent 50%,#fff 50%, #fff); background-position: 100% 0; background-size: 200% 100%; transition: all .25s ease-in;  border: 2px solid #fff; border-radius: 40px;position: relative; padding: 12px 18px; text-align: center; display:inline-block;font-size: 13px; color: #fff;}
.anim-slide .buttonCon:hover{ color:#000;  background-position: 0 0; background-color: #fff; -webkit-transition: all .35s ease;-o-transition: all .35s ease; transition: all .35s ease;}
.anim-slide span { position:relative ; line-height:1.5 ;    font-size: 28px;color: #fff;text-shadow: 1px 2px 3px #000;
}
.home_presentation{    margin-top: 45px;}
.savoir_plus{    width: 100%;    text-align: right;

-webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;    -webkit-transform: perspective(1px) translateZ(0);
}
.contactez_nous:hover{ background-color: #3cc6c7;height: 60px;top: 145px; } 
#service .item{position:relative}
#service .delighter {width:100%}
.sous_service{  width: calc(100% - 45px);    height: 100%;    top: 0;    background-color: rgb(79 201 201 / 0.7);        padding:10px 25px;font-family:Oswald-Regular;
    color: #fff;    line-height: 1;    font-size: 12px;    letter-spacing: 2px;   list-style: circle;left: 0;text-align:left}
.tem{padding-bottom:15px}
.home-page .item:hover{box-shadow: 2px 3px 6px -2px #9b9898;cursor:pointer;}
.savoir_plus:hover a ,.send_btn:hover{    color: #fff;    background-position: 0 0;    background-color: #3cc6c7;    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;    transition: all .35s ease;}
.savoir_plus a,.send_btn{ box-shadow: 1px 1px 2px 0px #000;position:relative;   display: inline-block;    text-align: right;        color: #fff;    padding: 10px 25px; font-family:Oswald-Light;
background-image: linear-gradient(to left,#0076af,#0076af 50%,#3cc6c7 50%, #3cc6c7);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
}
.owl-prev:hover .fa{    margin-right: 3px;}
.owl-next:hover .fa{    margin-left: 3px;}

.button_news:hover{background:#3cc6c7}
.send_btn{cursor:pointer; border:none;margin-top:25px ; background-image: linear-gradient(to left,#fff,#fff 50%,#3cc6c7 50%, #3cc6c7);      color: #0076af;    /* width: 125px; */
    padding: 10px 40px;    font-size: 15px;  }

.send_btn:before{ content:"";display:block;    border-top: 1px solid #fff;    position: absolute;
    top: -5px;    width: 100%;    border-left: 1px solid #fff;    height: 100%;    left: -5px;}
.form-group{ text-align:center}
.send_btn:hover:before{ content:"";display:block; left:inherit;top:inherit; border-top:none; border-left:none;   border-bottom: 1px solid #3cc6c7;    position: absolute;
    bottom: -7px;    width: 100%;    border-right: 1px solid #3cc6c7;    height: 100%;    right: -7px;}
	
.savoir_plus:hover  a:before{ content:"";display:block; left:inherit;top:inherit; border-top:none; border-left:none;   border-bottom: 1px solid #3cc6c7;    position: absolute;
    bottom: -7px;    width: 100%;    border-right: 1px solid #3cc6c7;    height: 100%;    right: -7px;}
.savoir_plus a:before{ content:"";display:block;    border-top: 1px solid #0076af;    position: absolute;
    top: -5px;    width: 100%;    border-left: 1px solid #0076af;    height: 100%;    left: -5px;-webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s; }
	.bloc_recent >div,.detailsactualite .titre_act{position:relative;display:inline-block}
	
h1.title{    text-transform: uppercase;    font-size: 25px;    color: #fff;position:relative;font-family:Oswald-SemiBold;padding-bottom: 15px;
    margin: 0;}
	.description{margin-top: 25px;    margin-bottom: 35px;    line-height: 1.5;    padding-left: 10px;font-family:Oswald-Regular;  }
.bloc_recent >div:after,.detailsactualite .titre_act:after{content:"";display:block;border-bottom: 4px solid #3cc6c7;    width: 65px;    position: absolute;    right: 0;
    bottom: -7px;}
.anim-slide .sloganBig {max-width: 1000px; position: relative;font-family:Oswald-SemiBold}
.pull-right{ font-family:Oswald-Regular;}
#scroll-arrow { bottom: 0px;  width: 100%; text-align: center;  position: absolute;  height: 50px; } 
#scroll-arrow img { animation: bounce 2s infinite;-webkit-animation: bounce 2s infinite;-moz-animation: bounce 2s infinite;-o-animation: bounce 2s infinite; width: 50px;     cursor: pointer;}
*::selection {    background-color: #1480b5;color:#fff}
*{outline:none}
header.home {    position: fixed;    z-index: 99999;width: 100%;}
.desphide { display:block;}
.desphide.hide {display:none;  -webkit-animation-name: fadeInDown;    animation-name: fadeInDown;    -webkit-animation-duration: 1.5s;    animation-duration: 1.5s;    -webkit-animation-fill-mode: both;    animation-fill-mode: both;}
 @keyframes fadeInDown {
   0% {
      opacity: 0;
      transform: translateY(-20px);
   }
   100% {
      opacity: 1;
      transform: translateY(0);
   }
} 
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}	
	40% {-webkit-transform: translateY(-30px);}
	60% {-webkit-transform: translateY(-15px);}
}

@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-30px);}
	60% {-moz-transform: translateY(-15px);}
}
 
@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-30px);}
	60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}
.menu1 {    margin-top: 20px;    margin-top: 30px;    /* margin-left: 80px;    background: #3C499B; */    width: calc(100% - 200px);    float: left;position: relative;
    z-index: 99;}
.menu1 ul { list-style:none ;  margin: 0;width: 100%;    text-align: center;}
.menu ul li.active,.menu ul li:hover{   border-bottom: 5px solid #fff;}
.header:before{content:"";position:absolute;width:100%;    background: #3C499B;display:block;height:58px;    z-index: 1;    top: 80px;}
.menu ul li {text-transform: capitalize;    border-bottom: 5px solid transparent; padding:2px 0px 10px;width: calc(100%/4 - 10px);display: inline-block; font-size: 17px; text-align: center; position: relative; cursor:pointer ;  color:#0c172c;font-family:gotham   }
.notfound{font-size: 60px;    color: #0092b3;}
.langage{text-align: right;color:#0076af;display:block;    padding-right: 70px;}
.langage a:hover,.langage a.active{color:#3cc6c7}
.social li:hover a{color:#3cc6c7 !important}
.social li:hover a {text-shadow: 1px 1px 1px #fff;}
.connexion{position: absolute;    right: 0;    float: right;    top: 40px;    width: 1000px;    margin: 0 auto;    text-align: right;    left: 0;
    font-size: 20px;    color: #3C499B;    text-shadow: 1px 1px 1px;}
	.onscroll .connexion{display:none}
.fa-user:before {    content: "\f007";    font-family: FontAwesome;    margin-right: 10px;}
footer .bloc3.contact-footer ul li {border-bottom: 2px solid;    color: #fff;    margin-bottom: 5px;}
.langage a{display: inline-block;    padding-top: 5px;    padding-left: 5px;    font-size: 13px;color:#0076af; font-family:Oswald-Light}
.menu ul li:last-child { padding-right:0px ; }
.menu ul  li a { font-size: 18px;color: #fff;  position: relative ; text-decoration:none  ;} 
.contentpadding{padding-top: 150px;}
.menu1{ padding: 15px 10px 3px;    margin-top: 80px;}
.headerstyle .social a{    color: #0092b3;}
.header  .logo img { width:150px }
.header .logo { padding-top: 30px; float: left;position: relative;    z-index: 99;padding-left: 15px;}
.social a{    color: #fff;}
.social li{    display: inline-block;    padding: 40px 25px 0;    font-size: 25px;}
.getmenumobile{display:none;}
.slick-track{margin: 0 auto !important;}
.menu-trigger{background-color:transparent; position:absolute;  top:23px;  z-index:9999; cursor:pointer; display:block;}
.menu-trigger-inner{-webkit-transition:250ms all; -moz-transition:250ms all; -o-transition:250ms all;transition:250ms all;background:#fff;height:3px;width:36px;}
.menu-trigger-inner:before{transition:all 250ms; -webkit-transform:translateY(-8px); -moz-transform:translateY(-8px); -ms-transform:translateY(-8px); -o-transform:translateY(-8px); transform:translateY(-8px);}
.menu-trigger-inner:after{-webkit-transition:all 250ms; -moz-transition:all 250ms; -o-transition:all 250ms; transition:all 250ms; -webkit-transform:translateY(12px);-moz-transform:translateY(5px); -ms-transform:translateY(5px); -o-transform:translateY(5px); transform:translateY(5px);}
.menu-trigger-inner:after, .menu-trigger-inner:before {background: #fff;content: '';display: block; height: 3px; width: 36px;}
.menu-trigger-inner:before,.menu-trigger.active{-webkit-transition:all 250ms;-moz-transition:all 250ms;-o-transition:all 250ms;}
.visible-xs { display:block}
.tobottom,.scroledtop{display:none }
.menu-trigger-inner.active { background:0 0; }
.menu-trigger-inner.active::after{background:#fff; -webkit-transform:translateY(-3px) translateX(0) rotate(45deg); -moz-transform:translateY(-3px) translateX(0) rotate(45deg); -ms-transform:translateY(-3px) translateX(0) rotate(45deg); -o-transform:translateY(-3px) translateX(0) rotate(45deg); transform:translateY(-3px) translateX(0) rotate(45deg);}
.menu-trigger-inner.active::before{background:#fff; -webkit-transform:translateY(0) rotate(-45deg); -moz-transform:translateY(0) rotate(-45deg); -ms-transform:translateY(0) rotate(-45deg); -o-transform:translateY(0) rotate(-45deg); transform:translateY(0) rotate(-45deg);}
.home-fixed-content {position: fixed;width: 100%;min-height: 100vh; top: 0; z-index: 0;}
.fixed-content { position: fixed;top: 0;left: 0;right: 0;overflow: hidden;min-height: 100vh; z-index: 2;   padding-top: 100vh;}
.fixed-content-padding{padding-top: 100vh; }
.button{ cursor: pointer;background-image: linear-gradient(to left,transparent,transparent 50%,#fff 50%, #fff); background-position: 100% 0; background-size: 200% 100%;transition: all .25s ease-in; border: 1px solid #fff;border-radius: 40px;position: relative;padding: 12px 18px; text-align: center;display: inline-block;font-size: 13px;color: #fff; outline:0 }
.form_elem .button { background: transparent; padding: 6px; width: 110px; background-image: linear-gradient(to left,transparent,transparent 50%,#fff 50%, #fff);background-position: 100% 0; background-size: 200% 100%; transition: all .25s ease-in;  }
.button:hover{ color: #000; background-position: 0 0; background-color: #fff;-webkit-transition: all .35s ease;  -o-transition: all .35s ease; transition: all .35s ease;}
.fa {display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.fa-facebook:before {content: "\f09a";}
.fa-twitter:before {content: "\f099"}
.fa-instagram:before {content: "\f16d"}
.fa-in:before {content: "\f0e1"}
.fa-viadeo:before {content: "\f2a9"}
#scroll-footer { width: 100%;  min-height: 50vh; position: absolute; z-index: 3; background: #fff;}
.contact h2{text-align:center; color:#000;}
.icon{ width:38px; height:38px;  display:inline-block;}
.section-panel{background-image:url(images/line.png) ; background-position:center 9px; background-repeat: no-repeat; background-size:82% auto;}
.contact img{max-width:100%;}
body.overflow{ height:100vh ; overflow:hidden;}
.totop{font-family:FontAwesome;  position:fixed; bottom:17px ; right:7px; cursor:pointer;    font-size: 30px;}
::-webkit-input-placeholder {  color: #a0a0a099; }
:-ms-input-placeholder {  color: #a0a0a099;}
::placeholder {color: #a0a0a099;}
.bodyscroll { overflow-y:hidden ; }
footer{position:relative;margin-top:20px !important}
.footer-container{ background: #3C499B; }
.headerstyle .footer-container{padding: 25px 0px 0px;   }
.footer-container .bloc3{width:calc(100%/3 - 35px); float:left ;    line-height: 2;    margin: 0px 15px;}
.footer-container .logo_footer img{    width: 200px;}
.pagination{    text-align: center;    margin-top: 25px;}
#contact{background-image: linear-gradient(to right,#1379b2 35%, #21c0dd,#21bcbe);margin:45px 0 15px; padding:50px}
#contact h1.title{color:#fff}
.membre_style #content{padding-top:0}
.membre_style header:before{display:none}
.height.col-md-6{height: 235px;    width: 80%;}
.li_image{    font-size: 12px;    line-height: 4.5;}
div.email{margin-top: -9px;    font-size: 11px;    color: red;    padding-left: 11px;}
.col-md-6 {    width: calc(50% - 15px);        position: relative;margin-right: 15px;float:left;   }
.flip-container{text-align:center;padding-top: 80px;}
.flipper{display: inline-block;vertical-align: middle}
#contact .row{margin-top:25px}
.main_title2{color: #fff; font-size:20px; text-transform:uppercase }
.bloc3 ul li a{color: #0092b3; font-size:17px}
.contact_us_form  textarea{   border-bottom: 1px solid #0092b3;width: calc(100% - 45px);margin-top: 10px;    display: inline;
    border-radius: 5px;height: 55px;}
#article .item{padding: 10px;}
.item{/*transition: all 0.4s ease-out; */   margin-bottom: 5px;}
/*.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.6s;
    -webkit-transition: transform 0.6s;
    -o-transition: transform 0.6s;-o-transform-style: preserve-3d;
  transform-style: preserve-3d;-webkit-transform-style: preserve-3d;
}
.flip-card:hover .flip-card-inner{
  transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
}
.flip-card-inner:hover .flip-card-front .tilte_service{ display:none}
.flip-card-front, .flip-card-back {   height: 100%;  -webkit-backface-visibility: hidden;  backface-visibility: hidden;
}


.flip-card-back {
  background-color: rgb(79 201 201 / 0.7);
  color: white;
  transform: rotateY(180deg);
}
.flip-card {
  perspective: 300px;
}*/

.flip-card {
  background-color: transparent;
  width: 100%;
  height: 240px;
  perspective: 1000px;
}
.flip-card-inner:hover .flip-card-front .tilte_service{ display:none}
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 1px 8px 0 rgba(0,0,0,0.2);
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: #bbb;
  color: black;
}

.flip-card-back {
  background-color: transparent;
  color: white;
  transform: rotateY(180deg);
}

/*.delighter.sous_service li {  opacity: 0; transform: translatey(400%); transition: all .7s ease-out; }*/
.sous_service.delighter.started li { opacity: 1; transform: none; }
.sous_service.delighter.started li:nth-child(1){ transition: all .7s ease-out .1s; }
.sous_service.delighter.started li:nth-child(2){ transition: all .7s ease-out .3s; }
.sous_service.delighter.started li:nth-child(3){ transition: all .7s ease-out .5s; }
.sous_service.delighter.started li:nth-child(4){ transition: all .7s ease-out .7s; }
.sous_service.delighter.started li:nth-child(5) { transition: all .7s ease-out .9s; }
.sous_service.delighter.started li:nth-child(6) { transition: all .7s ease-out 1.1s; }
.sous_service.delighter.started li:nth-child(7) { transition: all .7s ease-out 1.3s; }
.contact_adress strong{ color: #0092b3;    margin-right: 5px;}
.contact_adress{color:#fff;    font-size: 15px;}
.logo_footer {margin-bottom:20px}
.footer-container  input.form-control{height: 32px;float:left;width: calc(100% - 80px);    margin: 10px 0px;border:none;    border-radius: inherit;}
 input.form-control {    border: none;
    border: 1px solid #0092b3;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 35px;
    padding: 0px;
    font-size: 14px;
    color: #9d9d9d;
    font-family: Gotham;
    letter-spacing: .28px;
    color: #121921;
    font-size: 14px;
    font-family: Gotham;
    letter-spacing: .28px;
    outline: none;
    padding-left: 10px;
	   -webkit-box-shadow: inset 2px 1px 3px #147ab2;
    box-shadow:inset 2px 1px 3px #147ab2;
}
.form-control {margin:10px 10px ;
    display: block;
    width: calc(100% - 15px);
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid transparent;
   
    -webkit-box-shadow: inset 2px 1px 3px #147ab2;
    box-shadow:inset 2px 1px 3px #147ab2;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.bloc_act{margin-top: 20px;}
.pagination a.active,.pagination a:hover{background-color: #bf1e2d;color:#fff}
.pagination a{display: inline-block;    margin: 0 1px;    width: 35px;    height: 35px;    line-height: 35px;
    text-align: center;    -webkit-border-radius: 5px;    border-radius: 5px;    background: lightgrey;}
.pagination a.disable{cursor: not-allowed;    opacity: 0.5;}
.totop:before {    content: "\f077";color: #3C499B;}
.desc_prest{margin-bottom: 45px;}
.detailsactualite{margin-top: 20px;}
.dropdown-content {    height: 0;    overflow: hidden;    position: absolute;    background:rgb(255, 255, 255);        width: 130%;    left: 0px;    z-index: 1;    -webkit-transition: all .35s ease;    -o-transition: all .35s ease;    transition: all .35s ease;    top: 40px;}
li.dropdown {    padding-bottom: 50px;}
.dropdown {    display: inline-block;position: relative;}
.dropdown:hover .dropdown-content {    display: block;    height: auto;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);}
.dropdown  .dropdown-content li{width: 100%;    padding: 0;    text-align: left;    padding-bottom: 5px;    padding-top: 9px;
    padding: 8px;  border-bottom: 1px solid #f7f7f7;    height: 45px;    line-height: 1.4;}
.dropdown  .dropdown-content li a{     font-size: 15px;     padding: 10px;    display: inline-block;    padding-top: 2px;}
.warning {     text-align: center;    padding: 130px 0 160px;    font-size: 25px;    line-height: 1.5;  }
.warning .red{    color: #0092b3;}
.warning a:before{font-family:FontAwesome;    content: "\f060";    margin-right: 15px;}
.warning a:hover{ color: #0092b3;}
.warning h2 { font-size:45px ; }
.breadcrumb {    display: inline-block;    width: 100%;}
.breadcrumb li{display: inline-block;    float: left;    padding-right: 15px;color:#818285}
.breadcrumb li span{color:#3C499B;}
.headerstyle  .langage{    margin-bottom: 5px;}
.bloc_right {    width: calc(100% - 280px);    float: left;    padding-top: 15px;border-left: 3px solid #3C499B;    /* padding-top: 14px; */    padding-left: 20px;}
.bloc_left{    width: 235px;    float: left;    padding: 20px 0 20px;    position: relative;    margin-right: 20px;}
.bloc_recent >div {     font-size: 22px;    line-height: 22px;    margin-top: 20px;    color: #3C499B;    display: inline-block;margin-bottom: 5px;}
.bloc_recent a {    z-index: 999;display: inline-block;    margin-bottom: 8px;    margin-top: 8px;    position: relative;
    padding: 5px;    width: 95%;}
.icon-search-fine{position: absolute;    right: 255px;    top: 72px;    font-size: 20px;}
.icon-search-fine:before{ font-family:'FontAwesome';content:'\f002';font-style:normal;    color: #9f9f9f;}
.detailsactualite .titre_act{font-size:30px;margin-bottom:15px;    margin-top: 0px;}
 .bloc_recherche .form-control {width: 50%;    padding: 8px;  box-shadow:none;   height: 20px;    margin: 0;    margin: 0 auto;}
.description_bloc {    float: left;    width: calc(100% - 20px);    margin-left: 10px;	margin-right: 15px;
    margin-top: 0px;    float: right;    border-left-width: 1px;    /* border-style: solid; */    padding-left: 10px;}
.bloc_right .rainbow-button {    width: 160px; margin: 0;    float: right;}
.bloc_right .titre-index{margin: 0;    margin-bottom: 10px;}
.description_bloc img{     width: 500px;    margin: 0 auto;    text-align: center;    display: block;}
.bloc_act:hover .bloc_image img {    webkit-transform: scale(1.2);    transform: scale(1.2);}
.page-event  .blocevent{   width: calc(100%/4 - 65px);    margin: 0 auto;    border-radius: 10px;    float: left;    margin: 20px 30px;}
.bloc_act .bloc_image img {    transition: .6s ease;    outline: none;    /* height: 100%; */    width: 100%;}
.bloc_image {    width: 250px;    height: 115px;    overflow: hidden;    float: left;}
.color_bg{background-color: rgba(0,0,0,.02);    background-position: center top;    background-repeat: no-repeat;    padding: 20px 0;
    position: relative; background-color: rgb(34 192 221 / 0.1);}
.headerstyle .footer-container{	background-color: #3C499B;}
.breadcrumb .margin_right{    margin-right: 10px;}
.icon-right-open:before{ font-family:'FontAwesome';    content: "\f054";}
ul.breadcrumbs {    display: block;    width: 30%;    margin: 1px 0 0;    font-size: 1em!important;    float: right;
    text-align: right;}
ul.breadcrumbs	span{    margin-right: 7px;    font-size: 13px;}

/**responsive**/
@media(max-width:1024px){
	.owl-carousel {    width: calc(100% - 50px) !important; margin: 15px auto;}
	.connexion{right: 75px;    width: auto;}
	#content {    padding-top: 170px;}
	.content {    width: calc(100% - 50px);}
	.anim-slider{min-height: 370px  }
	.owl-prev {    left: -40px;}
	.owl-next{right: -40px;}
	.menu1.content{ width: calc(100% - 200px);} 
	
	
	/*.logo img{ max-width:200px;}
    .menu ul li { padding-right: 11px;}	
	.menu { width: calc(100% - 200px); }
	.menu ul li{width: calc(100%/4 - 25px);}*/
}

@media(max-width:991px){
	.menu,.onscroll .menu{margin-top:0;}
}

@media(max-width:780px){	.flipper:first-child img {    width: 150px;}
	.flipper:last-child{width:calc(100% - 30px);margin:0 auto}
	.flipper .form-group {    padding-left: 0;}
	.front_login .col-lg-8 {
    width: calc(100% - 20px);}
	.menu1.content {    height: 100vh;    width: 100%;    margin: 0;}
	.header:before {    top: 45px;height: 50px;}
	.connexion {    top: 15px;    right: 15px;font-size: 17px;}
	.page-event .blocevent {    width: calc(100%/3 - 65px);}
	#sticker{    height: 210px;}
	.owl-carousel {width: calc(100% - 95px) !important;}
	.header .logo {    padding-top: 0;}
	.headerstyle #content {    padding-top: 95px;}
	.bloc22 img {    width: 65%;    margin: 0 auto;    text-align: center;    margin-left: 75px;}
	.icon-search-fine{    right: 165px;}
	.social{position: absolute;    right: 0;    bottom: 10px;    z-index: 99;}
	.scroll .getmenumobile{  top: 6px;}
	.menu{display:none}
	.getmenumobile{ display: inline-block;  float: right ; width: 39px;height: 45px; position: absolute; z-index: 99; right: 7px;top: 45px; }
	.onscroll .getmenumobile{top: 20px;}
	.langage{    position: absolute;    top: 0;    right: 14px;    padding: 0;}
	.onscroll header{display:none}
	.content.menumobile{width:0; height:100vh; overflow:hidden; background-color:rgb(60 73 155 / 90%);-webkit-transition:width 250ms; -moz-transition:width 250ms; -o-transition:width 250ms;position:fixed; z-index:9999;  right:0;display:none ; top:0px; margin-top: 0px;}
	.content.menumobile.inline{width:100%;display:block;}
	.menu ul { padding: 0; margin: 0px; border-bottom: none;float: inherit; width: 100%; margin-top: 110px; background: none; padding-right: 0;}
    .menu ul li {margin: 0 auto; width: 100%; float: inherit; text-align: center; padding: 16px 0;  background: none; border-bottom: solid 1px #fff; padding-right: 0px;}
     .menu ul li a { color: #fff;}
	.contact img.map{ transform: scale(1.4); margin: 25px 0 0px }
	.content {width: calc(100% - 20px); overflow: hidden;height:100%}
	#service .item {    width: calc(100%/3 - 10px);    margin: 0 5px;    height: 250px;}
	.header { height:110px}
	li.dropdown{position:relative;color: #fff !important;box-shadow:none}
	.dropdown:after {    font-family: FontAwesome;    content: "\f078";}
	ul.dropdown-content {    margin-top: -20px;    overflow: hidden;    width: 100%;    background: #fff;    position: relative;
    left: 0;    z-index: 1000;    text-align: center;    transition: all 1s ease-out;    max-width: inherit;    height: 100%;    top: 25px;}
	.dropdown .dropdown-content li {    width: calc(100% - 25px);padding-left: 20px;border-bottom: 1px solid #ddd;}
	.dropdown:hover .dropdown-content, .dropdown-content {    display: none;}
	.menu .dropdown  ul li a{    color: #0a192c;}
	.dropdown .dropdown-content li a {    font-size: 13px;}
	.dropdown .dropdown-content li {   height: 25px;}
	.delighter {width:100%}
	#content{padding-top: 110px;}
	.social a {    color: #0092b3;}
	.onscroll .header .social{display:none}
	.bloc_act .description_bloc {    width: calc(100% - 250px);}
	.bloc_image {    width: 215px;}
	.sous_service.delighter {    width: calc(100% - 45px);}
	.social li {    display: inline-block;    padding: 15px 15px 0;}
	.pagedisplay .header .logo img{filter:none;    -webkit-filter: none;    -webkit-transition: all 0.3s;    transition: all 0.3s;}
	.parallax,.parallaxevent ,.parallaxconnexion,.parallaxevent ,.parallaxteam{		height: 185px; }
	.description_bloc img{width:100%;margin-top:10px}
	.description_bloc{width:100%;margin: 0 auto;}
	.bloc_equipe {width: calc(100%/2 - 15px);}
	.tilte_service span {    font-size: 15px;}
		.drapeau img {    width: 175px;}
		h1.titre{font-size: 25px;}
}

	@media(max-width:750px){
		.bloc_recherche .form-control {		width: 75%;}
		.blocevent{    height: 250px;width: calc(100% - 0px)}
		.soustitre_event{font-size: 14px;}
		.index-objectif .titre-index{margin-top:0}
	.parallax,.parallaxevent ,.parallaxconnexion,.parallaxevent ,.parallaxteam{		height: 140px;    background-position: top; background-size: auto 240px;}
	.fa-arrow-right{background-size: 30px;    margin-left: 5px;}
	.fa-arrow-left{background-size: 30px;}	
	.tilte_service span {    font-size: 13px;}
		.header:before {top: 40px;}
		.getmenumobile{ top: 40px; }
		.event_bloc_left,.event_bloc_right {width: 100%;margin-top:20px}
		.onscroll header{display:none}
		.page-event .blocevent {    width: calc(100% - 80px);    margin: 0 auto;    border-radius: 10px;    float: none;    margin: 20px auto;}
		.sous_service.delighter {    width: calc(100% - 15px);}
		.savoir_plus a{    margin-right: 20px;}
		.bloc21 ul {		line-height: 2;}
		.connexion{    top: 10px;right: 10px;width:auto}
		.titre-index {		font-size: 37px;}
		#contact-form .bloc2 {    width: calc(100% - 20px);    float: none;    margin: 15px 0;}
		.headerstyle #content {    padding-top: 85px;}
		.bloc_right{border:none;    padding-left: 0;}
		.bloc_image{    height: 160px;}
		#map{height: 240px; }
.flipper {width: 100%;}
.owl-prev {    left: -35px;}
.owl-next{right: -35px;}
.bloc_equipe {width: calc(100% - 15px);}
		.home-page .bloc21 .rainbow-button{    text-align: right;    float: right;}
		.index-partenaire .owl-carousel .owl-item img{    width: 75% !important;    margin: 0 auto;}
		.owl-carousel {    width: calc(100% - 75px) !important;    margin: 30px auto !important;}
		#sticker{height: 195px;    width: 95%;    margin-left: 10px;}
		.index-publication{margin-bottom: 35px;}
		.content-fixed .header, .onscroll .header{padding-bottom: 10px;display:none}
		.form-group.col-md-12{    padding-bottom: 20px;}
		.bloc_act .description_bloc {    width: calc(100% - 15px);    padding-left: 0;margin-top:10px;font-size: 16px;}
		.bloc_image {    width: 100%;}
		.contact_us_form textarea {    width: calc(100% - 25px);}
		.delighter {width:100%}
		.anim-slide span {font-size: 30px;}
		.header .logo { padding-top: 0px;padding-left: 0px;}
		.anim-slide span { line-height: 29px;}
		.header .logo img { width: 130px;}
		.slogan {  /*top: calc(50% - 20px);*/top: 50px;font-size: 19px; }
		.menu ul li { font-size: 14px; }
		.anim-slide span {    font-size: 30px;}
		.form-control {width: 98%;}
		#service .item{width:calc(100% - 20px);    margin-bottom: 15px;}
		.col-md-6 {    width:calc(100% - 0px);float:none;margin:0 auto}
		#contact{    padding: 30px;}
		#article .item {    padding: 0;padding-bottom:15px}
		.bloc_left{width:calc(100% - 100px); margin:0 auto; float:none;}
		.bloc_right{width:calc(100% - 15px);float:none;margin-left:5px}
		.bloc3 .social{    bottom:50px; right: 0px;}
		.social {    position: absolute;    right: -8px;    bottom: 12px;}
		.contactez_nous{width: 108px;}
		.contactez_nous a{font-size: 15.5px;}
		.footer-container .bloc3 {    width: calc(100%);}
		.index-recherche-article h2{    font-size: 25px;}
		.index-recherche-article{    padding: 25px 0;}
		.icon-search-fine {    right: 40px;		top: 98px;}
		.detailsevent .titre-index {    margin-bottom: 0;}
		footer .bloc3 img {		width: 240px;}
		
		
	}