.bloc_homeact@import url('https://fonts.googleapis.com/css?family=Arimo:400,400i,700,700i|Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');


@charset "utf-8";
@font-face {
  font-family: 'A Janna TL';
  src: url('../fonts/jannah.ttf');
  font-weight: normal;
  font-style: normal;
}
body {
    font-family: 'A Janna TL', Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #525252;
    -webkit-font-smoothing: antialiased;
	background:#F3F3F3;
}
/*  Loading Screen
---------------------*/

.loading-overlay {
    background: #FFF;
    color: #424242;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 111111;
}
.loading-overlay .brand {
    margin: 0 auto;
    margin-top: 10%;
    width:96px;
}
.loader {
    margin: 0 auto;
    margin-top: 100px;
    font-size: 6px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(194, 193, 193, 0.5);
    border-right: 1.1em solid rgba(199, 197, 197, 0.5);
    border-bottom: 1.1em solid rgba(203, 203, 203, 0.5);
    border-left: 1em solid #E64331;
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}
.loader, .loader:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}
@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.clear {
    clear: both;
}
a, a:hover {
    color: inherit;
    text-decoration: none;
}
.m-a {
    margin: 1rem !important;
}
.m-t {
    margin-top: 1rem !important;
}
.m-r {
    margin-right: 1rem !important;
}
.m-b {
    margin-bottom: 1rem !important;
}
.m-l {
    margin-left: 1rem !important;
}
.m-x {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}
.m-y {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}
.m-a-lg {
    margin: 3rem !important;
}
.m-t-lg {
    margin-top: 3rem !important;
}
.m-r-lg {
    margin-right: 3rem !important;
}
.m-b-lg {
    margin-bottom: 3rem !important;
}
.m-l-lg {
    margin-left: 3rem !important;
}
.m-x-lg {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
}
.m-y-lg {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}
.m-a-md {
    margin: 1.5rem !important;
}
.m-t-ml {
    margin-top: 2rem !important;
}
.m-t-md {
    margin-top: 1.5rem !important;
}
.m-r-md {
    margin-right: 1.5rem !important;
}
.m-b-md {
    margin-bottom: 1.5rem !important;
}
.m-l-md {
    margin-left: 1.5rem !important;
}
.m-x-md {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
}
.m-y-md {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}
.m-a-sm {
    margin: 0.5rem !important;
}
.m-t-sm {
    margin-top: 1.5rem !important;
}
.m-r-sm {
    margin-right: 0.5rem !important;
}
.m-b-sm {
    margin-bottom: 0.5rem !important;
}
.m-l-sm {
    margin-left: 0.5rem !important;
}
.m-x-sm {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
}
.m-y-sm {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}
.m-a-xs {
    margin: 0.25rem !important;
}
.m-t-xs {
    margin-top: 0.25rem !important;
}
.m-r-xs {
    margin-right: 0.25rem !important;
}
.m-b-xs {
    margin-bottom: 0.25rem !important;
}
.m-l-xs {
    margin-left: 0.25rem !important;
}
.m-x-xs {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
}
.m-y-xs {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}
.m-t-n{
    margin-top: -15px !important;
}
.m-t-n-lg {
    margin-top: -68px !important;
}
.m-t-n-2lg{
    margin-top: -130px;
}
.m-t-xxl{
    margin-top: 150px !important;
}
.p-a {
    padding: 1rem !important;
}
.p-t {
    padding-top: 1rem !important;
}
.p-r {
    padding-right: 1rem !important;
}
.p-b {
    padding-bottom: 1rem !important;
}
.p-l {
    padding-left: 1rem !important;
}
.p-x {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}
.p-x-7 {
    padding-right: 7px !important;
    padding-left: 7px !important;
}
.p-x-13 {
    padding-right: 13px !important;
    padding-left: 13px !important;
}
.p-x-14 {
    padding-right: 14px !important;
    padding-left: 14px !important;
}
.p-x-30 {
    padding-right: 30px !important;
    padding-left: 30px !important;
}
.p-x-40 {
    padding-right: 40px !important;
    padding-left: 40px !important;
}
.p-y {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}
.p-a-lg {
    padding: 3rem !important;
}
.p-t-lg {
    padding-top: 3rem !important;
}
.p-r-lg {
    padding-right: 3rem !important;
}
.p-b-lg {
    padding-bottom: 3rem !important;
}
.p-l-lg {
    padding-left: 3rem !important;
}
.p-x-lg {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}
.p-y-lg {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}
.p-a-md {
    padding: 1.5rem !important;
}
.p-t-md {
    padding-top: 1.5rem !important;
}
.p-r-md {
    padding-right: 1.5rem !important;
}
.p-b-md {
    padding-bottom: 1.5rem !important;
}
.p-l-md {
    padding-left: 1.5rem !important;
}
.p-x-md {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}
.p-y-md {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}
.p-y-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}
.p-a-sm {
    padding: 0.5rem !important;
}
.p-t-sm {
    padding-top: 0.5rem !important;
}
.p-r-sm {
    padding-right: 0.5rem !important;
}
.p-b-sm {
    padding-bottom: 0.5rem !important;
}
.p-l-sm {
    padding-left: 0.5rem !important;
}
.p-x-sm {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
}
.p-y-sm {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}
.p-a-xs {
    padding: 0.25rem !important;
}
.p-t-xs {
    padding-top: 0.25rem !important;
}
.p-r-xs {
    padding-right: 0.25rem !important;
}
.p-b-xs {
    padding-bottom: 0.25rem !important;
}
.p-l-xs {
    padding-left: 0.25rem !important;
}
.p-x-xs {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
}
.p-y-xs {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}
.padding {
    padding: 1.5rem 1.5rem;
}
.margin {
    margin-bottom: 1.5rem;
}
.padding-out {
    margin: -1.5rem -1.5rem;
}
.no-padding {
    padding: 0px;
}
.no-padding_gallerie {
    padding: 0px;
}
.no-paddingleft {
    padding-left: 0px;
}
.no-paddingright {
    padding-right: 0px;
}
.text_left{text-align:left}
img {
    object-fit: contain;
    object-position: center;
}
.proxima-regular{
    font-family: 'ProximaNovaSoft-Regular';
}
.proxima-bold{
    font-family: 'ProximaNovaSoft-Bold';
}
.fs-10 {
    font-size: 10px;
}
.fs-11 {
    font-size: 11px;
}
.fs-12 {
    font-size: 12px;
}
.fs-13 {
    font-size: 13px;
}
.fs-14 {
    font-size: 14px;
}
.fs-15 {
    font-size: 15px;
}
.fs-16 {
    font-size: 16px;
}
.fs-18 {
    font-size: 18px;
}
.fs-19 {
    font-size: 19px;
}
.fs-20{
    font-size: 20px;
}
.fs-21{
    font-size: 21px;
}
.fs-22{
    font-size: 22px;
}
.fs-23{
    font-size: 23px;
}
.fs-24 {
    font-size: 24px;
}
.fs-25 {
    font-size: 25px;
}
.fs-34 {
    font-size: 34px;
}
.fs-35 {
    font-size: 35px;
}
.fs-37 {
    font-size: 37px;
}
.letter-spacing-1{
    letter-spacing: 1px;
}
.letter-spacing-2{
    letter-spacing: 2px;
}
.letter-spacing-3{
    letter-spacing: 3px;
}
.letter-spacing-4{
    letter-spacing: 4px;
}
.l-h-32 {
    line-height: 32px;
    vertical-align: middle;
}
.capitalize {
    text-transform: capitalize;
}
.uppercase {
    text-transform: uppercase;
}
.extralight {
    font-weight: 200 !important;
}
.semibold {
    font-weight: 600 !important;
}
.relative {
    position: relative;
    overflow: hidden;
}
.absolute{
    position: absolute;
}
.white-bg {
    background-color: #fff !important;
}
.gray-bg,.gray-bg:focus{
    background: #f0f0f0;
}
.form-control.gray-bg,.form-control.gray-bg:placeholder{
    color: #7d7d7d;
}
.border-radius-0{
    border-radius:0px !important;
}
.border-radius-3 {
    border-radius: 3px;
}
.rounded{
    border-radius: 100%;
    object-fit: cover;
}
.v-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
}
.display_block{ display:block;}
.display_none{ display:none;}
figure {
    position: relative;
}
.c-white{
    color:#fff;
}
.c-blue {
    color: rgba(90,148,235,1);
}
.c-orange {
    color: rgba(207,162,11,1);
}

.btn:hover {
    cursor: pointer;
}
.truncate {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
}
.pointer{
    cursor:pointer;
}
.full-width{
    width: 100%;
    position: relative !important ;
    display: inline-block !important ;
}
.width_img100{
	width:100%;
}
img.cover{
    height: 100%;
    width: 100%;
    object-fit:  cover;
}
img.contain{
    height: 100%;
    width: 100%;
    object-fit:  contain;
}
.mxw-600{
    max-width: 600px;
}
.mxw-700{
    max-width: 700px;
}
.nowrap{
    white-space: nowrap;
}
.h-450{
    height: 450px !important;
}
.h-211{
    height: 211px !important;
}
.h-215{
    height: 215px !important;
}
.h-225{
    height: 225px;
}
.h-280{
    height: 280px;
}
.bl:before {
    content: "";
    background: #d6d2d2;
    height: 1px;
    width: 30px;
    display: block;
    margin: 0 auto;
    margin-top: -15px;
    margin-bottom: 8px;
}
/******************* Form validation *************/
.form-group {
	margin-bottom: 6px;
	position: relative;
	float: right;
	text-align: right;
}.form-control {
    position: relative;
    z-index: 1;
    display: inline-block;
    margin-top: 1em;
    width: calc(100% - 0em);
    vertical-align: top;
    border: solid 1px #D5D5D5 !important;
    background: #fff;
    height: 50px !important;
    line-height: 50px;
    padding-left: 15px;
    padding-right: 15px;
    outline: 0;
    text-align: right !important;
}
.icon-sm {
   width: 100% !important; 
    margin: 0 auto;
    font-size: 36px;
    margin-bottom: 10px;
    color: #96c14c;
    margin-top: 30px !important;
}
.menu-nav__submenu-list li a:before{
	 display: inline-block;
    float: right;
    content: "\f104" !important;
    font-family: 'Font Awesome 5 Free';
}
.required-field {
	color: #DC1A23 !important;
	font-size: 8px;
	position:relative;
	margin-left:5px;
	margin-right:5px;
	top:-5px;
}

label.error {
	background: #DC1A23 !important;
    color: #fff;
    font-size: 12px;
    border-bottom-right-radius: 3px;
    position: absolute;
    right: 11px;
    padding: 1px 3px;
    bottom: -30px;
    border-top-left-radius: 3px;
    z-index: 11;
    width: auto;
}
.input-group label.error {
	bottom: 0px;
	z-index: 9999;
	width: 15%;
}
.form-control.error {
	border-left: solid 1px #DC1A23;
}
.form-control.minimal {
	height: inherit !important;
	padding: 5px !important;
}

.alert {
	margin-bottom: 0px;
}
.alert p {
	margin-bottom: 0px;
}
.borderless {
	border: none;
}
.borderless:disabled {
	background: transparent;
	cursor: default;
}
#birthday-error {
	margin-right: 15px;
}
/******************************* md-check ************************************/
.md-check {
    cursor: pointer;
    padding-left: 1.25rem;
    margin: 0 ;
    display: inline-block;
    position: relative; 
    margin-right: 15px;
}
.md-check input {
    position: absolute;
    cursor: pointer;
    z-index: 1;
    opacity: 0;
    margin-left: -1.25rem; }
.md-check input:checked + i:before {
    border-width: 0;
    background-color: inherit; }
.md-check input:checked + span .active {
    display: inherit; }
.md-check input[type="radio"] + i,
.md-check input[type="radio"] + i:before {
    border-radius: 50%; }
.md-check input[type="checkbox"]:checked + i:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: 6px;
    top: 2px;
    display: table;
    width: 6px;
    height: 12px;
    border: 2px solid;
    border-top: 0;
    border-left: 0;
    content: ' '; }
.md-check input[type="radio"]:checked + i:after {
    position: absolute;
    left: 6px;
    top: 6px;
    display: table;
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 50%;
    content: ' '; }
.md-check input[disabled] + i:before,
fieldset[disabled] .md-check input + i:before {
    opacity: 0.5; }
.md-check input[disabled]:checked + i:before {
    opacity: 0.5; }
.md-check > i {
    width: 0;
    height: 18px;
    line-height: 1;
    margin-left: -20px;
    margin-top: 1px;
    float: left;
    display: inline-block;
    vertical-align: middle;
    margin-right: 28px;
    position: relative; }
.md-check > i:before {
    content: "";
    position: absolute;
    width: 18px;
    height: 100%;
    border: 2px solid #9e9e9e;
    border-radius: 2px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; }
.md-check > i.no-icon:after {
    display: none !important; }

/******************************* Modal ************************************/
.modal {
    z-index: 999999;
    top: 15%;
}
.modal-backdrop {
    z-index: 99999;
    background-color: rgba(0,0,0,0.7);
}
.modal-header, .modal-footer {
    background: #f1f1f1;
    position: relative;
    padding:10px 15px;
}
h4.modal-title {
    color: #000;
    font-size: 20px;
}
.modal-header .close {
    background: #949494;
    color: #fff;
    padding: 2px 6px;
    border-radius: 2px;
}
.modal-body h6 {
    font-size: 16px;
    font-weight: 400;
}
.modal-body ul {
    list-style: none;
    padding: 0px;
}
.modal-body ul > li:before {
    content: "\f138";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 5px;
}

/*************** NavBar ***********/
.rd-navbar-static.rd-navbar-top-panel.rd-navbar-light .rd-navbar-top-panel{
    background-color: #74B0CD !important;
}
.rd-navbar-top-panel.rd-navbar-light .rd-navbar-top-links a:hover{
    background-color: #ADADAD !important;
}
.rd-navbar-default.rd-navbar-static .rd-navbar-nav > li > a:after, .rd-navbar-floated.rd-navbar-static .rd-navbar-nav > li > a:after, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-nav > li > a:after{
	background:#75C04E
}
.rd-navbar-default.rd-navbar-static .rd-navbar-nav > li + li, .rd-navbar-floated.rd-navbar-static .rd-navbar-nav > li + li, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-nav > li + li {
	 padding: 12px 10.67px;
    float: right;
}
/****************************************/
.title_social_lin_h{font-family: 'A Janna TL'; font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    padding-left: 26px;
    float: right;}
.flag_header{ margin-left:5px; margin-right:5px; width:20px !important;}
.social-links {
	list-style:none;
    float: right !important;
    height: 32px;
	line-height:32px;
    width: 100%;
    font-size: 13px;
    color: #646464;
    font-weight: 300;
}
.social-links a {
    line-height: 32px;
	float:right;
    display: inline-block !important;
	background: rgb(59 89 152);
    height: 32px;
    width: 36px;
    text-align: center !important;
	padding:0 !important;
	margin:0 !important;
    font-size: 11px !important;
    color: #fff !important;
    overflow: hidden;
	
}
.social-links a span {
    display: block;
    position: relative;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}
.social-links a span .hover {
    position: absolute;
    top: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.social-links a i {
    display: inline-block;
    color: #fff;
    font-size: 11px;
    padding: 8px 0px;
	    padding-right: 10px;
}
.social-links a:hover span {
    display: inline-block;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}
.social-links a.facebookreseau{
    background-color: #3B5998;
}
.social-links a.twitter{
    background-color: #55ACEE;
}
.social-links a.youtube{
    background-color: #CC181E;
}
.social-links a.rss{
    background-color: #F29738;
}
.social-links a.google-plus{
    background-color: #DD4B39;
}
.social-links a.instagram{
    background-color: #D22691;
}
/****************************************/
.lang-link {
    overflow: hidden;
}
li.dropdown.lang {
    width: auto !important;
	height:98px;
	  margin-right: 21px;
}
li.dropdown.lang .dropdown-toggle::after {
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-left: .3em solid transparent;
}

.lang .dropdown-menu, .lang-dropdown {
    padding: 0px !important;
    left: 0px;
    top: 0px;
    background-color: #BEC0C4;
    border: none;
	min-width:300px !important;
	width: 300px !important;
	height:30px;
	max-width:300px;
}
.lang-dropdown li {
    float: right;
	width:100px;
	display:inline-block;
    padding: 0px;
}
.lang-dropdown li a {
    padding: 0.5px 11px !important;
}
i.category-color-dot {
    position: absolute;
    width: 6px;
    height: 6px;
    display: block;
    border-radius: 100%;
    top: 0px;
    left: 45%;
    z-index: 9;
}


/*---homepage---*/


.titre_home1r{font-family: 'A Janna TL'; font-weight:700; padding-left:30px;  margin-bottom:17px;background:#429cc9;width:100%;height:50px;line-height:50px;}
.titre_home1r h1{font-size:16px !important; color:#fff; text-align:left !important}
.titre_home1r i{font-size:14px !important; color:#fff; padding-right:15px;text-align:left !important}

.titre_home2r{font-family: 'A Janna TL'; font-weight:700;  padding-left:30px;  margin-bottom:17px;background:#75C04E;width:100%;height:50px;line-height:50px;}
.titre_home2r h1{font-size:16px !important; color:#fff; text-align:left !important}
.titre_home2r i{font-size:14px !important; color:#fff; padding-right:15px;text-align:left !important}*

.titre_home3r{font-family: 'A Janna TL'; font-weight:700;  padding-left:30px; background:#7D4DB9;width:100%;height:50px;line-height:50px;}
.titre_home3r h1{font-size:16px !important; color:#fff; text-align:left !important}
.titre_home3r i{font-size:14px !important; color:#fff; padding-right:15px;text-align:left !important}

.bloc_homeprojet{ margin-left:15px; min-height:98px; width:100%;  }
.slogan_projet{ width:auto; height:15px; display:inline-block; border-radius:3px;font-family: 'A Janna TL'; line-height:15px; }
.slogan_projet span{ padding-left:8px; padding-right:8px; text-transform:uppercase; color:#fff; font-size:9px; }
.titre_stabs{ color:#242424; line-height:1.3; padding-top:5px;font-family: 'A Janna TL'; overflow:hidden; height:55px}
.titre_sprojet{ color:#242424; line-height:1.3; padding-top:5px;font-family: 'A Janna TL';text-align: right;}
.date_sprojet{ color:#575757; line-height:1.3; padding-top:15px; font-size:11px;text-align: right;}
.read_more_hprojet{  float:left; width:100%; bottom:0; background:#fafafa; border-top: solid 1px #f4f4f4; width:100%; height:43px; padding-left:30px; padding-right:15px; line-height:43px; color:#9fa5ad; font-size:12px; text-transform:uppercase; }
.read_more_hprojet:hover{ background:#BEC0C4; color:#fff;}
.projet_home figure img{ height:100px !important; max-height:100px !important; min-height:auto !important}

.corp{ float:left; width:100%; height:auto; background:#f4f4f4; min-height:200px; }
/*--actualite_home---*/
.title_sercice_h{ position:absolute; background:url(../img/service_title.png) left top no-repeat; width:249px; height:49px; z-index:111; margin-left:-10px; margin-top:20px; font-size:16px; color:#fff; line-height:43px;font-family: 'A Janna TL'; font-weight:700;  padding-left:30px;}
.title_sercice_h2{ position:absolute; background:url(../img/service_title2.png) left top no-repeat; width:249px; height:49px; z-index:111; margin-left:-10px; margin-top:20px; font-size:16px; color:#fff; line-height:43px; font-family: 'A Janna TL'; font-weight:700;  padding-left:30px;}
.title_espace_h{ position:absolute; background:url(../img/espace_title.png) left top no-repeat; width:243px; height:48px; z-index:111; margin-left:-10px; margin-top:20px; font-size:16px; color:#fff; line-height:43px; font-family: 'A Janna TL'; font-weight:700;  padding-left:30px;}
.title_espace_h2{ position:absolute; background:url(../img/espace_title2.png) left top no-repeat; width:243px; height:48px; z-index:111; margin-left:-10px; margin-top:20px; font-size:16px; color:#fff; line-height:43px; font-family: 'A Janna TL'; font-weight:700; padding-left:30px;}
.bloc_homeactg{ min-height:auto; width:100%;  }
.titre_acthg{ color:#242424; line-height:1.3; padding-top:15px; font-size:14px;font-family: 'A Janna TL'; height:55px; overflow:hidden;background:#fff;padding-right:15px;text-align: right;}
.date_acthgt{ color:#575757; line-height:1.3; padding-top:8px; font-size:11px;height:25px;overflow:hidden}
.p_acthgt,.p_acthgt p{ color:#575757; line-height:1.5; padding-top:8px; font-size:12px;font-family: 'A Janna TL'; }
.p_acthgt{height:70px; overflow:hidden}
.hr_act_h{ float:left; width:100%; border-top-color:#F5F5F5}
.bloc_homeavis{ margin-left:5%; min-height:56px; width:90%;border-bottom:solid 1px #ccc  }
.bloc_homeavis:last-child{border-bottom:none;}

.bloc_homeact{ margin-left:5%; min-height:58px; width:100%;border-bottom:solid 1px #ccc  }
.bloc_homeact:last-child{border-bottom:none;}
.titre_sact{ color:#242424; line-height:1.3; padding-top:5px; overflow:hidden; height: 40px;}
.p_sact{ color:#575757; line-height:1.3; padding-top:15px;font-size:12px;font-family: 'A Janna TL'; overflow:hidden; height: 45px; text-align:left}
.espaceg_img figure img{ height:245px !important; max-height:245px !important; min-height:auto !important}
.espacep_img figure img{ height:85px !important; max-height:85px !important; min-height:auto !important}

.title_tabs_right2{ float:right; width:100%; min-height:52px; background:#429CC9; color:#fff; font-size:16px; font-family: 'A Janna TL'; font-weight:700; padding-right:15px; line-height:1.5; padding-top:12px;text-align: right;    }
.title_tabs_right2 span{font-family: 'A Janna TL';}
.title_tabs_right3{ float:left; width:100%; min-height:52px; background:#7D4DB9; color:#fff; font-size:16px; font-family: 'A Janna TL'; font-weight:700; padding-right:15px; line-height:1.5; padding-top:12px;text-align: right;    }
.title_tabs_right3 span{font-family: 'A Janna TL';}

.title_tabs_right{ float:right; width:100%; min-height:52px; background:#75C04E; color:#fff; font-size:16px; font-family: 'A Janna TL'; font-weight:700; padding-right:15px; line-height:1.5; padding-top:12px;text-align: right;}
.title_tabs_right span{font-family: 'A Janna TL';}
.title_tabs_right i{float:right;padding-left:5px;    padding-top: 4px;}
.title_tabs_right2 i{float:right;padding-left:5px;    padding-top: 4px;}
.title_tabs_right3 i{float:right;padding-left:5px;    padding-top: 5px;}
.tabs_tabs_right{ float:left; width:100%; min-height:313px; background:#fff; margin-top:12px;}
.bloc_homeright{ min-height:98px; width:auto; margin-bottom:0px;  }
.date_sright{ color:#575757; line-height:1.3; padding-top:5px; font-size:11px;}
#tabs_right{ margin:15px;}
#tabs_right_content{ margin:15px; margin-top:15px; }
#tabs_right .nav-link{border:none;}
#tabs_right .nav-link:hover,#tabs_right .nav-link.active { border:none; border-bottom: solid 2px #e11419;}
#tabs_right .nav-link { padding:1em 0.38em !important; font-size:11px}
.calender_right{ float:left; width:100%; height:280px; background:#1F93CD}
.table_calender{width:95%; height:200px; background:#fff; top:220px; position:absolute; z-index:111}
.act_h_img figure img{ height:90px !important; max-height:90px !important; min-height:auto !important}

/*----end actualiehome---*/
.pull-left i{float: right;
    padding-left: 9px;
padding-top: 15px;}
.pull-right i{float: right;
    padding-left: 9px;
padding-top: 15px;}
/*----bg_galerieh----*/
.bg_galerieh{float:left; width:100%; min-height:472px; background:#3F4246 url(../img/bg_galerie.png) top center no-repeat; background-size: cover; background-position: center;}
.img_galerieh{ padding:5px}
.title_galerieh{ width:100%; height:50px; margin-top:30px; font-size:18px; color:#fff; font-family: 'A Janna TL'; font-weight:700; margin-bottom:35px;}
.read_all_gallery{ text-align:right;color:#fff; font-family: 'A Janna TL'; font-size:11px; text-transform:uppercase; float:right; padding-top:5px;}
.read_all_gallery a{ color:#fff; width:auto; display:block; height:40px; padding-left:15px; padding-right:15px; background:#093EB6; line-height:40px;}
.read_all_gallery a:hover{ color:#fff; background:#DE0303}
.bloc_imggalerie1{ padding-left:1px; padding-right:0px;}
.bloc_imggalerie2{ padding-left:6px; padding-right:0px; padding-bottom:6px}
.img_galerie1{ margin-top:0px; width:100%}
.img_galerie2{ margin:0px}
.icone_galery2{ font-size:1.2rem;     position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: 20px;
    width: 30px;
    height: 30px;}
.img_geleryg figure{ height:294px;}
.img_geleryp figure{ height:144px;}
/*----end bg_galerieh----*/
/*--hfooter--*/
.hfooter{ float:left; width:100%; background:#F4F4F4;}
.home_hf{ float:left; width:100%; min-height:175px; background:#fff; margin-top:12px;}
#sport_home{min-height:254px; height:254px; }
#sport_home .owl-controls{ position:absolute; top:-55px; right:15px}
#other_act{min-height:254px;}
#other_act .owl-controls{ position:absolute; top:-55px; right:15px}
.bloc_homehf{ min-height:98px; margin-bottom:15px; margin-top:15px;  }
.bloc_homehf figure img{ height:135px !important; max-height:135px !important; min-height:auto !important}
.img_sport figure img{ height:135px !important; max-height:135px !important; min-height:auto !important}
.img_other_act{ min-height:135px; margin-bottom:15px; margin-top:15px;  }
.img_other_act figure img{ height:135px !important; max-height:135px !important; min-height:auto !important}


.img_link figure img{ height:90px !important; max-height:90px !important; min-height:auto !important}
.paddinglink{ padding-left:5px !important; padding-right:5px !important}


#liens_utiles .owl-controls{ position:absolute; bottom:140px; left:8px;right:inherit}
.lien_utile{ margin-left:15px; margin-right:15px;}
.img_link{ border:none;}
#tabs1_carroussel .owl-controls{ position:absolute; top:-125px; right:5px}
#tabs2_carroussel .owl-controls{ position:absolute; top:-125px; right:5px}
#tabs3_carroussel .owl-controls{ position:absolute; top:-125px; right:5px}
#tabs4_carroussel .owl-controls{ position:absolute; top:-125px; right:5px}

.meteo_bg{ background:#033758; height:210px; float:left; width:100%; position:relative}
.description_meteo{ position:absolute !important; z-index:1;  width:40%; color:#fff;font-family: 'A Janna TL'; font-size:13px; left:60%; margin-top:15px;}
.description_meteo span{ font-family:'A Janna TL'; font-size:18px;} 

.home_right_block{ float:left; width:100%; min-height:auto; background:#fff; margin-top:0px !important; }

.home_sondage{ float:left; width:100%; min-height:198px; background:#fff; margin-top:12px !important; }
.home_sondage p{ padding:15px; color:#242424; width:100%; padding-bottom:5px; font-family:'A Janna TL' !important;text-align: right; }
.checkbox_sondage_tot{ float:left; width:100%; padding-left:15px; padding-right:15px;}
.read_more_hsondage{ position:relative; bottom:0; left:0;  background:#1F93CD; width:100% !important; height:40px;  line-height:40px; color:#fff; font-size:12px; float:left; text-align:center; text-transform:uppercase; margin-top:0px;  border:0 !important; outline:none !important}
.read_more_hsondage:hover{ background:#BEC0C4; color:#fff; border:0 !important; outline: none !important} 
#sondage_home .owl-controls{ position:absolute; top:-55px; right:15px}

/*--end hfooter--*/
/*--end homepage---*/

/*---footer--*/
/* Effect slide in: same word slide in */
.cl-effect-in a {
    overflow: hidden;
    padding: 0 4px;
    height: 1em;
}
.cl-effect-in a span {
    position: relative;
    display: inline-block;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}
.cl-effect-in a span::before {
    position: absolute;
    top: 100%;
    content: attr(data-hover);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.cl-effect-in a:hover span, .cl-effect-in a:focus span {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
}
.footer {
    min-height: auto;
    color: #fff;
	float:left;
	width:100%;
}

section.footer ul {
    padding: 0px;
    margin: 0px;
    margin-top: 20px;
    list-style: none;
	font-size: 12px;
	color:#BED1F9;
	font-family: 'A Janna TL';
}
section.footer li{text-align:right;}
.footer h4 {
    font-size: 14px;
	 color:#fff;
	 font-family: 'A Janna TL'; font-weight:700; 
	text-align:right;
}
.footer p {
    font-size: 12px;
	 color:#BED1F9;
	 font-family: 'A Janna TL';
	 text-align:right;
}
.footer p span {
    font-size: 11px;
	 color:#fff;
	 font-family: 'A Janna TL';
	 text-transform:uppercase
}

.footer a {
    font-size: 12px;
    display: inline-block;
    line-height: 15px;
    height: 15px;
    -webkit-transition: color .4s ease;
    transition: color .4s ease;
    position: relative;
}

.footer a span {
    display: inline-block;
    position: relative;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
}
.footer a span:before {
    color: #fff;
    content: attr(data-hover);
    position: absolute;
    top: 100%;
   

    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.footer-bar {
    background: #125576;
    min-height: 50px;
    margin-top:80px;
}
.footer .social-links a{
	height:32px;
	line-height:32px;
	margin-right:10px !important;
}

.footer ul li.cl-effect-in a,
.footer ul li.cl-effect-in span{
	width: 100%;
}
.msg_newsletter{ padding-top:5px; font-size:10px; color:#00B522; width:100%; display:block }
.input_newsletter{ height:40px; background:#fff; width:100%; padding-right:10px;outline:none !important;text-align:right;}
.btn_newsletter{ left:15px; margin-top:0px; position:absolute; width:100px; background:#125576; color:#fff; font-size:12px; border:none; height:40px; outline:none !important; text-transform:uppercase}

.copyright-gremda {
    float: left;
    margin-top: 16px !important;
    font-size: 12px;
	font-size:12px;font-family: 'A Janna TL';
	color:#BED1F9;
}
.copyright-wg {
    line-height: 50px;
    font-size: 12px;
	font-size:12px;font-family: 'A Janna TL';
	color:#BED1F9;
	text-align:right !important;
}
.copyright-wg a {
    color: #BED1F9
}
.copyright-wg a:hover {
    color: #edb244
}

/*---end footer--*/



.displaydesctop{display:block}
.displaymobile{display:none}
@media (max-width: 1199px){
	li{direction: ltr !important;}
.rd-navbar-brand .pull-right.logo_tunisie{ display:none !important}
.rd-navbar-brand .pull-left.logo {  margin-left:38%;}
.rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-brand {display:flex !important}
.rd-navbar-static.rd-navbar-top-panel .rd-navbar-top-panel-toggle{display:flex !important;float: left !important;
    height: 42px !important;}
.rd-navbar-brand .pull-left.logo {
       margin-top: -49px !important;
    margin-left: 91px !important;
    height: 47px!important;
}
.rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-nav li a{text-align:left}

.displaydesctop{display:none}
.displaymobile{display:block}
}
@media (max-width: 992px){
.no-paddingright{ padding-right:15px; }
.no-paddingleft{ padding-left:15px; }
.bloc_homeright{  width:auto;  }
.bloc_homeright .no-padding{ padding-left:15px; padding-right:15px;}
.bloc_homeact{ margin-left:0px; margin-right:15px;}
figure.effect-julia img{ width:100%; object-fit: cover;}
.bloc_homeprojet{ margin-left:0px }
.ls-bg{ width:100% !important; margin-left:0 !important; height:auto !important; margin-top:0 !important}
.slide_home,.homepage-slider,.white-bg,.bloc_homeactg{float:left !important;width:100% !important; }
}
@media (max-width: 480px){
	.bloc_imggalerie1{ padding-left:15px; padding-right:15px;}
	.bloc_imggalerie2{ padding-left:15px; padding-right:15px;}
	.img_galerie2{ width:100%}
}

/*----page---*/
section.page-content {
    min-height: 400px;
}

.content_page{direction: rtl;}

.page-content .page-header {
    height: 190px;
	padding-bottom: 30px;
    background-position: center center !important;
    background-size: cover !important;
    background: url(../img/bg_contact.jpg);
    background-repeat: no-repeat;
    color: #fff;
    /* filter: contrast(116%) brightness(92%) saturate(2);*/
}
.pattern {
    /*background: rgba(16,23,35,0.8);*/
    height: 100%;
}
.page-content .page-header h1 {
    font-size: 36px;
    color: #000;
    font-weight: 600;
    padding-top: 80px;
}
.page-content .page-header h6 {
    font-size: 18px;
    color: #fff;
    font-weight: 200;
}
/*---end pages---*/

/*---contact---*/
.icon-container{ width:70px; margin:0 auto; display:inline-block}
.icon-container img {
    height: 70px;
	border:solid 1px #3E3E3E;
	padding:15px;
	color:#3F3F3F;
	margin-top:40px;
	margin-bottom:20px;
}
.page_contact h1 {
     font-size: 36px;
    font-family: 'A Janna TL';
    font-weight: 700;
    width: 100%;
    text-align: center;
    padding-top: 80px;
    color: #1f93cd;
    width: 100%;
}
.page_contact p {
    font-size: 16px;
    color: #141312;
	font-family: 'A Janna TL';
	width:100%;
	text-align:center
}

.page_tous h1 {
    font-size: 36px;
    color: #141312;
    font-family: 'A Janna TL'; font-weight:700; 
	width:100%;
	text-align:center;
	padding-top:0px;
}


.icone1_contact{ width:75px;  text-align:left;  left:0; float:left;}
#icone1_contact path, #icone1_contact rect  {
	fill: #3e3e3e;
}
.map_text{ position:absolute; width:300px; height:320px; left:15%; margin-top:-390px; background:rgba(0,0,0,0.7); z-index:1111}
.map_title{ width:100%; height:60px; background:#093EB6; padding-left:15px; padding-right:15px; line-height:60px; color:#fff; font-family: 'A Janna TL'; font-size:18px; }
.map_title span.pull-right{text-align:right; font-family: 'A Janna TL' !important; font-size:16px; }
.map_content1{ color:#f53e43; font-size:12px; padding-left:15px; padding-top:15px; text-transform:uppercase}
.map_content2{ color:#fff; font-family: 'A Janna TL';  font-size:12px; padding-left:15px; padding-top:15px;}
.map_content2 span{font-family: 'A Janna TL'; font-weight:700; }

.icone2_contact{ width:20px; height:20px; text-align:left; margin-top:20px;  left:0; float:left;}
#icone2_contact path, #icone2_contact rect  {
	fill: #fff;
}

.service-box-icon{ }
.form_contact{ background:url(../img/contact_form.jpg) top center no-repeat; background-size: cover; background-position: center; min-height:747px;}
.form_contact_text h1 {
	padding-top:80px;
    font-size: 36px;
    color: #141312;
    font-family: 'A Janna TL'; font-weight:700; 
	width:100%;
	text-align:center
}
.form_contact_text p {
    font-size: 16px;
    color: #141312;
	font-family: 'A Janna TL';
	width:100%;
	text-align:center
}
.btn-blue {
    -webkit-border-radius: 19px 20px 20px 19px/19px 19px 20px 20px;
    -moz-border-radius: 19px 20px 20px 19px/19px 19px 20px 20px;
    border-radius: 19px 20px 20px 19px/19px 19px 20px 20px;
    background-image: -webkit-linear-gradient(bottom, #02334d, #017a9c);
    background-image: -moz-linear-gradient(bottom, #02334d, #017a9c);
    background-image: -o-linear-gradient(bottom, #02334d, #017a9c);
    background-image: -ms-linear-gradient(bottom, #02334d, #017a9c);
    background-image: linear-gradient(to top, #02334d, #017a9c);
    border: solid 1px #017a9c;
    color: #fff !important;
    padding: 8px;
    font-weight: 200;
    font-size: 18px;
}
.btn-blue:hover {
    color: #fff;
    background-image: -webkit-linear-gradient(bottom, #017a9c, #02334d);
    background-image: -moz-linear-gradient(bottom, #017a9c, #02334d);
    background-image: -o-linear-gradient(bottom, #017a9c, #02334d);
    background-image: -ms-linear-gradient(bottom, #017a9c, #02334d);
    background-image: linear-gradient(to top, #017a9c, #02334d);
}
.btn-black {

    background:#093EB6;
    
    color: #fff !important;
	border-radius:0;
	height:40px;
    font-size: 12px;
	text-transform:uppercase
}
.btn-black:hover {
    color: #fff;
	background:#BEC0C4
}
.btn-lg {
    padding: 8px 40px;
}
.form-control{ border-radius:0 !important} 
.inputcontact{ height:40px !important; margin-top:15px !important; float:left; width:100%}
.input_contact{ height:40px !important; max-height:40px !important;  border:solid 1px #aaa !important}
.bloc_input_contact{ height:70px; max-height:70px;}

.bloc_textarea_contact{ height:210px; max-height:210px;}
.textareacontact{ min-height:40px !important; margin-top:15px !important; float:left; width:100%}
.textarea_contact{ height:170px !important; max-height:170px !important;  border:solid 1px #aaa !important}

.form textarea{
  height: 120px
}
.form .input--fumi{
  border: 1px solid #e5e5e5;
}
.input__field--fumi {
     padding: 1.5em 1em 0.25em 4.15em !important;
 }
.form .icone--fumi {
    padding: 14px 0 0 8.5px;
}
/*---end contact----*/

/*---page_realisation---*/
.page_realisation{ min-height:250px; margin-top:15px;}
.right_realisation{ min-height:250px; background:#fff; }
.slogan_realisation{ width:auto; height:15px; display:inline-block; border-radius:3px;font-family: 'A Janna TL'; line-height:15px; margin:15px; float:left;}
.slogan_realisation span{padding-left:8px; padding-right:8px; text-transform:uppercase; color:#fff; font-size:9px; }
.titre_realisation{ float:left; width:100%;color:#242424; line-height:1.2;  padding-left:15px; padding-right:15px; height:50px;font-family: 'A Janna TL'; font-weight:700;  font-size:14px; overflow:hidden; }
.titre_realisationp{ float:left; width:100%;color:#242424; line-height:1.2;  padding-left:15px; padding-right:15px; height:50px;font-family: 'A Janna TL'; font-weight:700;  font-size:18px; overflow:hidden; }
/*.title_realisation{ overflow: hidden; position: relative; line-height: 1.2; max-height: 3.6em; text-align: justify; margin-right: -0.5em; padding-right: 1em;}
.title_realisation:before { content: '...'; position: absolute; right: 0.4em; bottom: 0;}
.title_realisation:after { content: ''; position: absolute; right: 0; width: 1em; height: 1em; margin-top: 0.2em;}*/
.date_realisation{ float:left; width:100%; height:20px; color:#575757; line-height:1.3; padding-top:5px; padding-left:15px; padding-right:15px; font-size:11px;font-family: 'A Janna TL'; }
.desc_realisation{float:left; width:100%; min-height:85px; height:85px;padding-left:15px; padding-right:15px; padding-top:10px; color:#575757;font-size:12px;font-family: 'A Janna TL'; }
.desc_realisationtrunc{ overflow: hidden; position: relative; line-height: 1.2; max-height: 5.8em; text-align: justify; margin-right: -0.5em; padding-right: 1em;}
.desc_realisationtrunc:before { content: '...'; position: absolute; right: 0.4em; bottom: -0.2em;}
.desc_realisationtrunc:after { content: ''; position: absolute; right: 0; width: 1em; height: 1em; margin-top: 0.2em;}

.read_more_realisation{ background:#093EB6; border-top: solid 1px #f4f4f4; width:100% !important; height:40px;  line-height:40px; color:#fff; font-size:12px;  text-align:center; text-transform:uppercase; display:inline-block;bottom:0; max-width:100%; padding-left:15px; padding-right:15px; float:left; margin-top:10px;}
.read_more_realisation:hover{ background:#BEC0C4; color:#fff;}

.raidus_icone_realisation{ border-radius:500px; border:solid 1px #fff; width:23px; height:23px; display:inline-block;margin-top:8px; float:left; margin-right:8px; line-height:23px;}

.ajax_realisation{ background:#093EB6; border-top: solid 1px #f4f4f4; width:auto !important; height:40px;  line-height:40px; color:#fff; font-size:12px;  text-align:center; text-transform:uppercase; display:inline-block;bottom:0; max-width:100%; padding-left:50px; padding-right:50px; margin-top:15px; text-decoration:none !important; color:#fff !important;}
.ajax_realisation:hover{ background:#BEC0C4; color:#fff;}
.realisation_img figure{ height:250px;}

#no_more_realisation{ display:none}
#no_more_realisation a{ background:#BEC0C4; border-top: solid 1px #f4f4f4; width:auto !important; height:40px;  line-height:40px; color:#fff !important; font-size:12px;  text-align:center; text-transform:uppercase; display:inline-block;bottom:0; max-width:100%; padding-left:50px; padding-right:50px; margin-top:15px; text-decoration:none !important;  }
/*--end page_realisation---*/

/*---page_actualites---*/
.page_actualites{  min-height:278px; margin-top:15px;}
.right_actualites{ min-height:210px;  }
.date_pacttot{ position:absolute; width:50px; height:83px; float:left; border-bottom:solid 1px #00B522}
.date_pact{ height:50px; width:50px; float:left; border-radius:3px; line-height:50px; text-align:center; color:#fff;font-family: 'A Janna TL'; font-size:28px;}
.text_pact{ float:left; width:100%; height:34px; line-height:34px;line-height:34px; text-align:center; color:#242424;font-family: 'A Janna TL'; font-size:18px;}

.bloc_act_detailh{ float:left; width:100%; height:85px; padding-left:85px;}
.slogan_actualites{ width:auto; height:15px; display:inline-block; border-radius:3px;font-family: 'A Janna TL'; line-height:15px;}
.slogan_actualites span{padding-left:8px; padding-right:8px; text-transform:uppercase; color:#fff; font-size:9px; }
.titre_actualites{ color:#242424; line-height:1.2; height:65px; padding-top:5px;  border-bottom:solid 1px #818181; overflow:hidden;font-family: 'A Janna TL'; font-weight:700; font-size:14px; }
.titre_actualitesp{ color:#242424; line-height:1.2; height:65px; padding-top:5px;  border-bottom:solid 1px #818181; overflow:hidden;font-family: 'A Janna TL'; font-weight:700; font-size:18px; }
.title_actualites{ height:50px; overflow:hidden;}
.desc_actualites{ float:left; width:100%; height:76px; overflow:hidden; margin-top:15px;font-family: 'A Janna TL';}
.desc_actualitetrunc{ overflow: hidden; position: relative; line-height: 1.3; max-height: 6.2em; text-align: justify; margin-right: -0.5em; padding-right: 1em;}
.desc_actualitetrunc:before { content: '...'; position: absolute; right: 0.4em; bottom: -0.2em;}
.desc_actualitetrunc:after { content: ''; position: absolute; right: 0; width: 1em; height: 1em; margin-top: 0.2em;}
.desc_actualitesp{ float:left; width:100%; min-height:76px; overflow:hidden; margin-top:15px;font-family: 'A Janna TL';}

.other_actualites{ background:#fff; height:auto; margin-top:12px; float:left; width:100%}
.img_act figure{ height:262px;}
.ajax_actualites{ background:#093EB6; border-top: solid 1px #f4f4f4; width:auto !important; height:40px;  line-height:40px; color:#fff !important; font-size:12px;  text-align:center; text-transform:uppercase; display:inline-block;bottom:0; max-width:100%; padding-left:50px; padding-right:50px; margin-top:15px; text-decoration:none !important;  margin-bottom:3rem}
.ajax_actualites:hover{ background:#BEC0C4; color:#fff;}

#no_more_news{ display:none}
#no_more_news a{ background:#BEC0C4; border-top: solid 1px #f4f4f4; width:auto !important; height:40px;  line-height:40px; color:#fff !important; font-size:12px;  text-align:center; text-transform:uppercase; display:inline-block;bottom:0; max-width:100%; padding-left:50px; padding-right:50px; margin-top:15px; text-decoration:none !important; margin-bottom:3rem }

.page_association{  min-height:158px; margin-top:15px;}
.right_associations{ min-height:150px; border-bottom:solid 1px #818181; margin-top:15px; }
.titre_associations{ color:#242424; line-height:1.3; min-height:30px; padding-top:5px;  font-family: 'A Janna TL'; font-size:14px;}
.right_association{ min-height:50px;  }
.titre_association{ color:#242424; line-height:1.3; min-height:50px; padding-top:5px;  border-bottom:solid 1px #818181;font-family: 'A Janna TL'; font-weight:700; }
.titre_association span{ font-size:12px !important;font-family: 'A Janna TL'; padding-top:10px !important; float:left; width:100%}
.desc_association{ float:left; width:100%; height:60px; overflow:hidden;  font-family: 'A Janna TL';padding-top:15px; font-size:12px; }
.desc_associationtrunc{ overflow: hidden; position: relative; line-height: 1.3; max-height: 3.5em; text-align: justify; margin-right: -0.5em; padding-right: 1em;}
.desc_associationtrunc:before { content: '...'; position: absolute; right: 0.4em; bottom: -0.2em;}
.desc_associationtrunc:after { content: ''; position: absolute; right: 0; width: 1em; height: 1em; margin-top: 0.2em;}
.btn_association{ float:right; background:#E64331; width:auto !important; height:40px;  line-height:40px; color:#fff !important; font-size:12px;  text-align:center; text-transform:uppercase; display:inline-block;bottom:0; max-width:100%; padding-left:20px; padding-right:20px; margin-top:15px; text-decoration:none !important}
.btn_association:hover{ background:#BEC0C4; color:#fff;}
.img_associaction figure{ height:165px; max-height:165px}
/*--end page_realisation---*/

/*---loading--*/

[class^="face"] {
  width: 100%;
  height: 100%;
  position: absolute;
}

.face1 {
  background-image:url(../img/logo.png);
  background-repeat:no-repeat;
  z-index: 200;
  backface-visibility: hidden;
}

.face2 {
  background-image:url(../img/logo.png);
  background-repeat:no-repeat;
  z-index: 100;
}

@keyframes anim {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}
/*--end loading--*/


/*---espace1--*/
.tabs_espace1{ margin:0 !important; border-bottom:none !important }
.tabs_espace1 .nav-item{ margin:0 auto; z-index: padding:0 ; width: auto; float:none !important; display:inline-flex !important; font-size:12px;}
.tabs_espace1 .nav-item{  background:none; width:12% !important; max-width:12% !important; padding-left:0% !important; padding-right:0% !important; position:relative;}

.tabs_espace1 .nav-item .nav-link{ border-color:transparent !important; background:#f1f1f1 !important;border-radius:0 !important;padding:15px; height:130px; line-height:1.2; width:100%}
.tabs_espace1 .nav-item .nav-link:hover{background:#E11218 !important; color:#fff; }
.tabs_espace1 .nav-item .nav-link.active{background:#E11218 !important; color:#fff; }
.tabs_espace1 .nav-item .nav-link span{ width:100%; margin:0 auto; float:left;}

.tabs_espace1 .nav-item .nav-link div.icone_carret{ position:absolute; width:77%; height:30px;top:118px;  }
.tabs_espace1 .nav-item .nav-link div.icone_carret i, .tabs_espace1 .nav-item .nav-link:hover div.icone_carret i{ display:none !important;}
.tabs_espace1 .nav-item .nav-link.active div.icone_carret i{ display:block !important; margin:0 auto; width:30px; height:30px; font-size: 30px; float: none; left:0; color:#E11218 }

.icone1_tabs{ width:50px; height:50px; text-align:left; margin-top:0px;}
.tabs_espace1 .nav-item .nav-link:hover #icone1_tabs path, .tabs_espace1 .nav-item .nav-link:hover #icone1_tabs rect ,.tabs_espace1 .nav-item .nav-link.active #icone1_tabs path, .tabs_espace1 .nav-item .nav-link.active #icone1_tabs rect {fill: #fff;}

.tabs_espace1 .nav-item .nav-link #icone1_tabs path, .tabs_espace1 .nav-item .nav-link #icone1_tabs rect {fill: #E11218;}
/*--end espace1--*/

/*---espace2--*/
.tabs_espace2{ margin:0 !important; border-bottom:none !important }
.tabs_espace2 .nav-item{ margin:0 auto; z-index: padding:0 ; width: auto; float:none !important; display:inline-flex !important; font-size:14px;}
.tabs_espace2 .nav-item{  background:none; width:24% !important; max-width:24% !important; padding-left:0% !important; padding-right:0% !important; margin-top:5px;}

.tabs_espace2 .nav-item .nav-link{ border-color:transparent !important; background:#f1f1f1 !important;border-radius:0 !important;padding:15px; height:70px; line-height:1.2; width:100%}
.tabs_espace2 .nav-item .nav-link:hover{background:#E11218 !important; color:#fff; }
.tabs_espace2 .nav-item .nav-link.active{background:#E11218 !important; color:#fff; }
.tabs_espace2 .nav-item .nav-link span.icone_esp2{ float:left;}
.tabs_espace2 .nav-item .nav-link span.title_esp{ width:100%; }


.tabs_espace2 .nav-item .nav-link i{ display:none !important; bottom:13px; position:absolute !important; margin:0 auto; width:50px; height:50px; font-size: 30px; float: none; margin-left: 5%;}

.icone2_tabs{ width:50px; height:50px; text-align:left; margin-top:-10px;}
.tabs_espace2 .nav-item .nav-link:hover #icone2_tabs path, .tabs_espace2 .nav-item .nav-link:hover #icone2_tabs rect ,.tabs_espace2 .nav-item .nav-link.active #icone2_tabs path, .tabs_espace2 .nav-item .nav-link.active #icone2_tabs rect {fill: #fff;}

.tabs_espace2 .nav-item .nav-link #icone2_tabs path, .tabs_espace2 .nav-item .nav-link #icone2_tabs rect {fill: #E11218;}
/*--end espace2--*/


/*.dropdown-header {
   color: #333333;
 
}

.dropdown-header:hover  {
   color: #f00 !important;
   padding-left: 10px;
}*/
.fancy-link {
   color: #333333;
   text-decoration: none;
   transition: all 0.3s linear;
   -webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
}

.fancy-link:hover {
   color: #F44336;
   padding-left: 10px;
}
.img_galleryy{ width:100%; height:100%; object-fit: cover;}

/*-recherche**/
#wrap {
  display: inline-block;
  position: relative;
  height: 50px;
  float: right;
  padding: 0;
  position: relative;
  width:100%;
}

#search_header input[type="text"] {
	
  height: 50px;
  font-size: 15px;
  display: inline-block;
  border: none;
  outline: none;
  color: #555;
  padding: 3px;
  padding-right: 60px;
  width: 0px;
  position: absolute;
  top: 0;
  right: 0;
  background: none;
  z-index: 3;
  transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
  cursor: pointer;
}

#search_header input[type="text"]:focus:hover {
}

#search_header input[type="text"]:focus {
  width: 300px;
  z-index: 1;
  background:#fff;
  cursor: text;
}
#search_header input[type="submit"] {
  height: 50px;
  width: 50px;
  display: inline-block;
  color:#fff;
  float: right;
  background:#196e98 url(../img/search.png) center center no-repeat;
  text-indent: -10000px;
  border: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  cursor: pointer;
  opacity: 1;
  cursor: pointer;
  transition: opacity .4s ease;
  outline:none
}

#search_header input[type="submit"]:hover {
  opacity: 0.8;
}
/*--end recherche***/
.ui-switch {
	cursor: pointer;
	position: relative;
	display: inline-block;
	width: 32px;
	height: 18px;
	border-radius: 30px;
	background-color: #1F93CD;
	margin: 0;
	margin-right: 15px;
	margin-top: 15px;
	float: right;
}
.ui-switch.danger {
	background-color: #C30;
}
.ui-switch input {
	position: absolute;
	opacity: 0;
}
.ui-switch input:checked + i:before {
	top: 50%;
	bottom: 50%;
	left: 50%;
	right: 5px;
	border-width: 0;
	border-radius: 5px;
	
}
.ui-switch input:checked + i:after {
	margin-left: 0px;
}
.ui-switch i:before {
	content: "";
	position: absolute;
	top: -1px;
	bottom: -1px;
	left: -1px;
	right: -1px;
	background-color: #e1e1e1;
	border: 1px solid #e1e1e1;
	border-radius: 30px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	margin-left: 0
}
.ui-switch i:after {
	content: "";
	position: absolute;
	background-color: #fff;
	width: 16px;
	top: 1px;
	bottom: 1px;
	border-radius: 50%;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
	-webkit-transition: margin 0.3s;
	transition: margin 0.3s;
	margin-left: 15px
}
.titre{
	    font-size: 18px;
    font-weight: bold;
    text-align: right;
	
}
.titresondage{
	text-align: right;
	    margin-right: 20px;

}
.blog-item-content h2 {margin: 0;font-weight: bold; font-size: 18px;line-height: 1.5; padding-top: 0px !important;height:30px;color: #14639b; text-align: right;}
	.select label.error{bottom: -35px ;left:0;font-size: 0}
	.select select.error{border-color:#ff0 !important !}
.select-hidden {
  display: none;
  visibility: hidden;
}

.select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-size: 14px;
  color: #fff;
  width: 100%;
  height: 50px;
	text-align: left;
	line-height: 40px;
}

.select-styled {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border:solid 1px #1E56A3;
  color:#1E56A3;
	border-radius: 5px;
  padding: 8px 15px;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.select-styled:after {
  content: "";
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-color: #1E56A3 transparent transparent transparent;
  position: absolute;
  top: 25px;
  right: 10px;
  /*border:1px solid rgba(0,44,82,.5) !important*/
}
.select-styled:hover {
  background-color: #1E56A3;
  color: #fff;
}
.select-styled:active, .select-styled.active {
  background-color: #1E56A3;
	color: #fff;
}
.select-styled:active:after, .select-styled.active:after {
  top: 18px;
  border-color: transparent transparent #fff transparent;
}

.select-options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0;
  padding: 0;
	height: 325px;
  list-style: none;
  background-color: #fff;
	border-color: rgba(0,44,82,.5);
	 overflow: hidden;
    overflow-y: scroll;
}
.select-options li {
  margin: 0;
  padding: 0px 0;
  text-indent: 15px;
  border: 1px solid #ccdaff;
  border-top: 0;
 
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
	color: #1E56A3;
	z-index: 9999;
	background: #fff
}
.select-options li:hover {
  color: #fff;
  background: #1E56A3;
}
.select-options li[rel="hide"] {
  display: none;
}
.tabs nav ul{width: 75%}
	.tabs nav ul li {
	position: relative;
	z-index: 1;
	display: block;
	margin: 0;
	text-align: center;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
	}
	.bloc_input_contact{ margin-bottom:25px;}
	.input__field{height: 50px}
	
	#recrutement-form input::placeholder {color: #B4397A !important}
#recrutement-form input,#recrutement-form select,#recrutement-form textarea{border: solid 1px #B4397A !important;outline:none}
#recrutement-form .select-styled{color: #B4397A !important;border: solid 1px #B4397A !important}
#recrutement-form .select-styled.active,#recrutement-form .select-styled:hover{background: #B4397A !important; color: #fff !important;}
#recrutement-form .select-styled:after{ border-color: #B4397A transparent transparent transparent;}
#recrutement-form .select-options li{color: #B4397A}	
#recrutement-form .select-options li:hover{background: #B4397A;color: #fff;}	
#section-fillup-3 .page_contact h1{color: #B4397A !important}	
#recrutement-form .espClient,#partenaire-form .espClient,#contact-form .espClient  {margin-right: 15px;float: right; margin-top: 20px;}
.tabs nav ul li {
    -webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.1);
}
.select-options li:first-child{display: none;}
	.select_civilite .select-options{height: 123px;}
	.select_mobilite .select-options{height: 82px;}
#partenaire-form .espClient{background: #468FEB !important}
#partenaire-form .espClient:hover{background: #3674BC  !important}
#recrutement-form .espClient{background: #B4397A !important}
#recrutement-form .espClient:hover{background: #9B2C67  !important}
#recrutement-form label,#recrutement-form b{color: #B4397A !important}

.blog-item {margin-bottom: 15px;color:#14639b!important;border:solid 2px #14639b!important;float:left;width:100%;padding:20px;}
					.date_box { float: left; width: 100%; height: 0px; text-align: center; font-size: 11px;line-height: 25px; color: #fff;}
					.date_eve_post {position: absolute;margin-top: -35px; margin-left: 10px; width: 85px;height: 22px; border-radius: 3px; background: #196E98;}
					
					.blog-item-content .metadata { color: #737373; margin: 0px 0 0px;font-size: 14px;text-align: right;}
					
					.blog-item-content p { margin-top: 10px; height: 25px;}
					.blog-item-content p { padding-bottom: 18px;font-size: 14px;}
					.blog-item2-img i{font-size:2rem;color:#cf1d16!important;padding-top:0px;}
					.blog-item2-img i:hover{color:#14639b!important}




/*---historique----*/
.bloc_historique{ width:95%; margin:2.5%; min-height:50px;}
.historique_img figure{ height:200px;}
.right_historique{ min-height:100px; background:#fff; }
.titre_historique{ float:left; width:100%;color:#242424; line-height:1.2;height:35px;font-family: 'A Janna TL'; font-size:14px; overflow:hidden; }
.desc_historique{float:left; width:100%; min-height:55px; padding-top:10px; color:#575757;font-size:12px;font-family: 'A Janna TL'; display:inline-block; padding-bottom:15px; }

/*--etablissement--*/
	.ABs-accordion{
		margin-bottom: 40px;
	}
	.ABs-accordion .ui-accordion-header { 
		display: block; 
		cursor: pointer; 
		position: relative;
		border-bottom: 1px solid #d9d9d9;
		color:#03395b;
		font-size: 14px;
		padding: 20px 0 20px 40px;
		-webkit-transition: border-width 0.8s ease-in-out; 
		-moz-transition: border-width 0.8s ease-in-out; 
		-o-transition: border-width 0.8s ease-in-out; 
		-ms-transition: border-width 0.8s ease-in-out; 
		transition: border-width 0.8s ease-in-out;
		margin: 0 !important;
		font-family: 'A Janna TL'; font-weight:700; 
		outline:none
	}

	.ABs-accordion .ui-accordion-header-active {
		border-bottom: 0px;
	}

	.ABs-accordion .ui-accordion-content { 
		border-top: 0; 
		overflow: auto; 
		border-bottom: 1px solid #d9d9d9;
		padding-bottom: 20px;
	}

	.ABs-accordion .ui-accordion-header-icon{
		display: block;
		position: absolute;
		left: 0;
		top: 20px;
		width: 24px;
		height: 24px;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		text-align: center;
		line-height: 24px;
		font-size: 14px;
	}

	.ABs-accordion .ui-icon-triangle-1-e{
		background: #E11518;
		color: #fff;
		font-size:16px;
	}

	.ABs-accordion .ui-icon-triangle-1-e:before{
		content: "\002b";
	}
	.ABs-accordion .ui-icon-triangle-1-e:after{
		border-left: 10px solid #E11518;
		border-top: 12px inset rgba(255,255,255,0);
		border-bottom: 12px inset rgba(255,255,255,0);
		position: absolute;
		right: -10px;
		top: 0;
		display: block;
		content: "";
	}
	.ABs-accordion .ui-icon-triangle-1-s{
		background: #E11518;
		color: #fff;
	}
	.ABs-accordion .ui-icon-triangle-1-s:before{
		content: "\2212";
	}
	.ABs-accordion .ui-icon-triangle-1-s:after{
		border-top: 10px solid #E11518;
		border-left: 12px inset rgba(255,255,255,0);
		border-right: 12px inset rgba(255,255,255,0);
		position: absolute;
		bottom: -10px;
		left: 0;
		display: block;
		content: "";
	}
/********** Animation Box *************************************************************/
	.ABs-animo,
	.ABs-animo-children > *{
		visibility: hidden;
	}
/********** Children *************************************************************/
	.ABs_children,
	.ABs_children li{
		list-style: none !important;
		margin-left: 0 !important;
	}
	.btgrid .row{ margin-left:0 !important; margin-right:0 !important}
.titre_g_page{text-align:left !important; font-size:20px;font-family: 'A Janna TL';}

/*--table--*/
.table1{width:100%;}
.table1 th,.table1 td{ padding:10px; border:solid 1px #ddd;}
.table1 th{width:50%; background:#dce1ad; }
.table1 td{width:50%; }
.table1 tr:nth-child(even) {background: #E1E2E4}
.table1 tr:nth-child(odd) {background: #F8F8F8}

.table2{width:100%;}
.table2 th,.table2 td{ padding:10px; border:solid 0px #ddd;}
.table2 th{width:50%; background:#EDEDED; }
.table2 td{width:50%; }
.table2 tr:nth-child(even) {background: #fff}
.table2 tr:nth-child(odd) {background: #EDEDED}

.img_drapeau{ float:right; width:85px;}
.img_drapeau img{  width:85px;}
.text_drapeau{ text-align: left; float:right; width:auto; height:auto; line-height:1.4; color:#000; font-family:Arial; padding-left:15px; font-size:12px;font-weight:700}
.text_drapeau span{ font-size:16px; font-weight:bold}
.text_logo_site{ text-align: center; float:right; width:auto; height:auto; line-height:1.2; color:#000000; font-family:Arial; padding-left:15px; margin-top:-40px; font-size:14px;}
.text_logo_site span{ font-size:16px; font-weight:bold}
.font_lang_title{ font-family: 'A Janna TL'; font-weight:700; }
.font_lang_text{ font-family:'A Janna TL';}
.font_lang_btn{ font-family:'A Janna TL';}
.btn_slide_tot{ left:45px; width:100%}
.titre_btn{  float: left;  margin-top: 0px; margin-left: 35px; font-size:13px !important;}
.btn_slide_tot{left:45px; width:300px; height:23px; color:#fff;  text-align:right; line-height:23px; }
.title_btnn{ position:absolute !important;padding-left: 10px; margin-top: -23px;}


/*--conseil--*/
.title_conseil{ color:#141312; font-size:35px; font-family: 'A Janna TL'; font-weight:700; border-bottom:solid 4px #bfc0c4; height:70px; line-height:1.2; width:100%; float:left;}
.text_conseil1{ float:left; width:100%; padding-top:30px; height:230px; overflow:hidden; color:#575757; font-size:14px;}
.title_conseil2{ float:left; width:100%; text-align:center; height:60px; color:#75C04E; font-size:35px; font-family: 'A Janna TL'; font-weight:700; margin-top:100px;}
.text_conseil2{ float:left; width:100%; text-align:center; height:70px; color:#fff; font-size:16px; }
.content_conseil2 .btgrid .row .col-md-6:last-child{ background:rgba(255,255,255,0.5)}
.title_conseil3{ color:#141312; font-size:35px;font-family: 'A Janna TL'; font-weight:700;  height:50px; line-height:1.2; width:100%; float:left; text-align:center}
.text_conseil3{ float:left; width:100%; text-align:center; height:70px; color:#575757; font-size:16px; }

.eventsCalendar-currentTitle .monthTitle{font-family: 'A Janna TL' !important;}

#qst_sondage{display:block}
#rep_sondage{display:none}
.extraBar {
	margin-top:1.8rem;
    border-top: 1px solid #a4a4a4;
    border-bottom: 1px solid #a4a4a4;
    color: #000;
    line-height: 40px;
    font-size: 14px;
	text-align:right;
}
.extraBar span i{ float:right; line-height:40px;}

/*--meter--*/
.meter {
			height: 10px;  /* Can be anything */
			position: relative;
			margin:0; /* Just for demo spacing */
			background: #f7f7f7;
			padding: 0px;
			-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
			-moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
			box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
		}
		.meter > span {
			display: block;
			height: 100%;
			   -webkit-border-top-right-radius: 8px;
			-webkit-border-bottom-right-radius: 8px;
			       -moz-border-radius-topright: 8px;
			    -moz-border-radius-bottomright: 8px;
			           border-top-right-radius: 8px;
			        border-bottom-right-radius: 8px;
			    -webkit-border-top-left-radius: 20px;
			 -webkit-border-bottom-left-radius: 20px;
			        -moz-border-radius-topleft: 20px;
			     -moz-border-radius-bottomleft: 20px;
			            border-top-left-radius: 20px;
			         border-bottom-left-radius: 20px;
			background-color: rgb(43,194,83);
			background-image: -webkit-gradient(
			  linear,
			  left bottom,
			  left top,
			  color-stop(0, rgb(43,194,83)),
			  color-stop(1, rgb(84,240,84))
			 );
			background-image: -moz-linear-gradient(
			  center bottom,
			  rgb(43,194,83) 37%,
			  rgb(84,240,84) 69%
			 );
			-webkit-box-shadow:
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);
			-moz-box-shadow:
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);
			box-shadow:
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);
			position: relative;
			overflow: hidden;
		}
		.meter > span:after, .animate > span > span {
			content: "";
			position: absolute;
			top: 0; left: 0; bottom: 0; right: 0;
			background-image:
			   -webkit-gradient(linear, 0 0, 100% 100%,
			      color-stop(.25, rgba(255, 255, 255, .2)),
			      color-stop(.25, transparent), color-stop(.5, transparent),
			      color-stop(.5, rgba(255, 255, 255, .2)),
			      color-stop(.75, rgba(255, 255, 255, .2)),
			      color-stop(.75, transparent), to(transparent)
			   );
			background-image:
				-moz-linear-gradient(
				  -45deg,
			      rgba(255, 255, 255, .2) 25%,
			      transparent 25%,
			      transparent 50%,
			      rgba(255, 255, 255, .2) 50%,
			      rgba(255, 255, 255, .2) 75%,
			      transparent 75%,
			      transparent
			   );
			z-index: 1;
			-webkit-background-size: 50px 50px;
			-moz-background-size: 50px 50px;
			background-size: 50px 50px;
			-webkit-animation: move 2s linear infinite;
			-moz-animation: move 2s linear infinite;
			   -webkit-border-top-left-radius: 8px;
			-webkit-border-bottom-left-radius: 8px;
			       -moz-border-radius-topright: 8px;
			    -moz-border-radius-bottomright: 8px;
			           border-top-left-radius: 8px;
			        border-bottom-left-radius: 8px;
			    -webkit-border-top-right-radius: 20px;
			 -webkit-border-bottom-right-radius: 20px;
			        -moz-border-radius-topleft: 20px;
			     -moz-border-radius-bottomleft: 20px;
			            border-top-right-radius: 20px;
			         border-bottom-right-radius: 20px;
			overflow: hidden;
		}

		.animate > span:after {
			display: none;
		}

		@-webkit-keyframes move {
		    0% {
		       background-position: 0 0;
		    }
		    100% {
		       background-position: 50px 50px;
		    }
		}

		@-moz-keyframes move {
		    0% {
		       background-position: 0 0;
		    }
		    100% {
		       background-position: 50px 50px;
		    }
		}


		.red > span {
			background-color: #f0a3a3;
			background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
			background-image: -webkit-gradient(linear,right top,right bottom,color-stop(0, #f0a3a3),color-stop(1, #f42323));
			background-image: -webkit-linear-gradient(#f0a3a3, #f42323);
			float:left;
		}

		.nostripes > span > span, .nostripes > span:after {
			-webkit-animation: none;
			-moz-animation: none;
			background-image: none;
		}
/*--end meter--*/

.read_all_sondage{ color:#fff; font-family: 'A Janna TL'; font-size:12px !important; text-transform:uppercase; float:left; padding-top:0px; margin-right:10px;}
.read_all_sondage a{ color:#1F93CD !important; width:auto; display:block; height:30px; padding-left:15px; padding-right:15px; background:#fff; line-height:30px; cursor:pointer}
.read_all_sondage a:hover{ color:#fff !important; background:#1F93CD}

.uk-lightbox-content iframe{ border:0 !important; padding:25px !important}


.titre_sprojet a, .titre_acthg a, .titre_sact a, .title_sercice_h a, .title_realisation a, .title_actualites a{color:#242424; font-size:14px;}
.titre_stabs a{color:#242424; font-size:13px;}
.titre_sprojet a:hover,.titre_acthg a:hover,.titre_sact a:hover, .title_sercice_h a:hover, .title_realisation a:hover, .title_actualites a:hover, .titre_stabs a:hover{color:#03395b}
.slide_bg div div .no-paddingright{ padding-right:15px !important}

/*--plan_site--**/



/*--end plan_site--*/
.title_8{ font-size:24px !important; text-align:left !important;color: #141312;font-family: 'A Janna TL'; font-weight:700; }

.table td, .table th { vertical-align:middle !important}

.table_header5{width:100%; }
.table_header5 th,.table_header5 td{ padding:10px; border:solid 1px #ddd;}
.table_header5 th:first-child{width:20%; background:#74B0CD; }
.table_header5 td:first-child{width:20%;}
.table_header5 th{width:20%; background:#74B0CD; color:#fff;font-size:15px;}
.table_header5 td{width:20%;font-size:15px }
.table_header5 tr:nth-child(even) {background: #fff}
.table_header5 tr:nth-child(odd) {background: #F8F8F8}


.table_header{width:100%; }
.table_header th,.table_header5 td{ padding:10px; border:solid 1px #ddd;}
.table_header th:first-child{ background:#74B0CD; }
.table_header th{ background:#74B0CD; color:#fff;font-size:15px;}
.table_header td{font-size:15px }
.table_header tr:nth-child(even) {background: #fff}
.table_header tr:nth-child(odd) {background: #F8F8F8}

.table_style{width:100%; }
.table_style th,.table_style td{ padding:10px; border:solid 1px #ddd;}
.table_style th:first-child{ background:#74B0CD; }
.table_style th{ background:#74B0CD; color:#fff;font-size:15px;}
.table_style td{font-size:15px }
.table_style tr:nth-child(even) {background: #fff}
.table_style tr:nth-child(odd) {background: #F8F8F8}

.table_sheader{width:100%; }
.table_sheader th,.table_sheader td{ padding:10px; border:solid 1px #ddd;}
.table_sheader th:first-child{ background:#74B0CD; }
.table_sheader th{ background:#74B0CD; color:#fff;font-size:15px;}
.table_sheader td{font-size:15px;padding:10px;}
.table_sheader tr:nth-child(even) {background: #fff}
.table_sheader tr:nth-child(odd) {background: #F8F8F8}

.table_sheaderleft{width:100%; }
.table_sheaderleft th,.table_sheaderleft td{ padding:10px; border:solid 1px #fff;vertical-align:middle !important}
.table_sheaderleft th:first-child{ background:#74B0CD; }
.table_sheaderleft th{ background:#74B0CD; color:#fff;font-size:15px;}
.table_sheaderleft td:first-child{ background:#74B0CD; color:#fff;}
.table_sheaderleft td{font-size:15px;}
.table_sheaderleft tr:nth-child(even) {background: #fff}
.table_sheaderleft tr:nth-child(odd) {background: #F8F8F8}

li{direction: rtl;}
.pull-left1{float:left;    padding-left: 0px;}
@media (min-width: 1000px), print and (min-width: 520px)
.unit-1-2--large, .unit-2-4--large, .unit-3-6--large {
    width: 50%;
    float: right;
    text-align: right;
}
@media (min-width: 768px)
.navbar-nav>li {
    float: right !important;
}
.bas_menu .info_menu_titre {
   float: right !important; 
    width: 8%;
    height: 25px;
    background: transparent;
    line-height: 25px;
    text-align: center;
    color: #96c14c;
    margin-top: 5px;
    border-radius: 3px;
    margin-right: 1%;
    font-weight: 700;
    font-size: 20px;
    font-family: "Open Sans",sans-serif;
}

.top-header {
    background-color: #96c14c;
    color: white;
    height: 50px !important;
    width: 100%;
}
#footer ul.footer-menu li a {
    margin-bottom: 0px;
    padding: 0px;
    color: #fff;
    font-weight: 500;
    text-align: right !important;
    display: block;
}
#footer h4 {
    font-size: 17px;
    color: #ffffff;
    margin: 0;
    margin-bottom: 20px;
    font-weight: 600;
    text-align: right !important;
}
.menu-nav__link {
    font-size: 20px !important;
}
li.menu-filiere__item.grandes-cultures.has-children a {
    color: #ffffff !important;
    font-size: 20 !important;
    font-weight: 600 !important;
    text-align: center;
}
.dropdown-menu > li > a {
    color: #182b6e;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    display: block;
    padding: 5px 12px;
    border-radius: 10px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    text-align: right;
}
a.menu-nav__submenu-item {
    color: #1a2a6c;
    font-size: 20px !important;
}
.row-subtitle {
    position: relative;
    text-align: center;
    font-size: 30px;
    color: #383838;
    font-weight: 400;
    margin-bottom: 10px;
}

.blog-category ul li::before {
    content: "\f060" !important;
    font-family: FontAwesome;
    left: 0px;
    top: 10px;
    position: absolute;
    color: #e38b00;
    padding-right: 10px;
    /* float: left; */
}
.list-unstyled{
	text-align: right;
}
.topbar__holder {
    padding-top: 15px;
    padding-bottom: 30px !important;
}
.top-header{

    /* height: 70px!important; */
}
.top-header.bluetop{
	background: #1a2a6c!important;
    min-height: 29px!important;
    height: 29px!important;
}
.logo-nav , .top-header.bluetop{
 direction: rtl;
}
.link_top.avenir_medium{
    float: left;
}