@font-face {
    font-family: 'AlArabiya';
        src: url('../fonts/AlArabiyaRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AdobeArabic-Bold';
        src: url('../fonts/AdobeArabic-Bold.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AdobeArabic-Regular';
        src: url('../fonts/AdobeArabic-Regular.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.clear{clear:both}
/*.content{width:1000px;margin:0 auto; }*/
.padding_left{ padding-left:0px !important;}
.padding_right{ padding-right:0px !important;}
.padding_none{ padding-left:0px !important; padding-right:0px !important;}


.div500{ float:left; width:500px; padding-left:15px;}
.div333{ float:left; width:333px; padding-left:15px;}
.div250{ float:left; width:250px; padding-left:15px;}
.div750{ float:left; width:750px; padding-left:15px;}

.div50{ width:100%; float:left; padding-left:15px; padding-right:15px;}
.div50{ width:50%; float:left; padding-left:15px; padding-right:15px;}
.div33{ width:33.33%; float:left; padding-left:15px; padding-right:15px;}
.div25{ width:25%; float:left; padding-left:15px; padding-right:15px;}
.div75{ width:75%; float:left; padding-left:15px; padding-right:15px;}
.div80{ width:80%; float:left; padding-left:15px; padding-right:15px;}
.div20{ width:20%; float:left; padding-left:15px; padding-right:15px;}

.div100p{ width:100%; float:left;}
.div50p{ width:50%; float:left;}
.div33p{ width:33.33%; float:left;}
.div25p{ width:25%; float:left;}
.div75p{ width:75%; float:left;}
.div24p{ float:left; width:23%; margin-left:2%}
.div80p{ width:80%; float:left; }
.div20p{ width:20%; float:left; }



/*---header---*/
.header{width:100%;float:left;height:200px;vertical-align:middle; z-index:1111; position:relative; background:url(../img/bg_slide.jpg) top no-repeat;}
.header_bg{ width:100%; height:229px; z-index:11; margin:0 auto; position:relative; }
.logo_tunisie{margin-top:25px; width:54px; height:35px; float:right;}
.logo_tunisie img{width:54px; height:35px;}
.text_logo_tunisie{ float:right; font-family:'AdobeArabic-Bold', Arial; font-size:25px; margin-top:20px; margin-right:20px; line-height:0.65; color:#e11419; text-align:center}
.text_logo_tunisie span{ font-size:19px; color:#2b7db8; line-height:0.2}
.logo{height:90px; float:left; margin-top:0px;}
.header_page{ float:left; width:100%; min-height:200px; border-bottom:solid 1px #ccc; position:relative;}
.reseaux_social{ float:left; width:100%; height:25px; margin-top:25px;}
.reseaux_social label{font-family:'AdobeArabic-Regular', Arial; color:#025283; float:right; font-size:19px; }

.reseaux_social .imglangue{ width:140px; height:20px;float:left;}
.reseaux_social .imglangue img{ width:30px; height:20px; float:left; margin-right:7px;}

.reseaux_social .socialg{ width:140px; height:25px;}
.reseaux_social .socialg a img{ width:30px; height:20px;}
.reseaux_social .socialg a{float:left;height:25px;width:25px; margin-right:10px;display:inline-block;text-align:center;line-height:25px; text-align:center; font-size:16px }
.reseaux_social .socialg a i{margin:0; color:#fff;}
.reseaux_social .socialg a.facebook{ background:#3A599A}.reseaux_social .socialg a.google{ background:#e02f2f}.reseaux_social .socialg a.youtube{ background:#da0000}.reseaux_social .socialg a.twitter{ background:#5BABDC}
.reseaux_social .socialg a:hover.facebook{background-color: rgba(58, 89, 154, 0.5);}.reseaux_social .socialg a:hover.google{background-color: rgba(224, 47, 47, 0.5);}.reseaux_social .socialg a:hover.youtube{ background-color: rgba(218, 0, 0, 0.5);}.reseaux_social .socialg a:hover.twitter{ background-color: rgba(91, 171, 220, 0.5);}
.search_header{ float:left; width:100%; height:25px; margin-top:20px; display:block }
.input_header{ float:left; width:100%; height:26px; padding-left:5px; padding-right:10px; border:solid 1px #d6d9d9; outline:none; font-size:13px; font-family:Arial, Helvetica, sans-serif; background:#fff }
.btn_header{ float:right;  margin-right:292px; width:25px; height:25px; margin-top:0px; position:absolute; outline:none; background:#ca000f; border:none; color:#fff; font-size:16px;}
.language_header{ float:left; width:100%; margin-top:15px;}

.navbar-sticky-in .header_sticky{display:none;}
/*---end header---*/
/*-home_page-*/
.bas_menu{width:100%; height:35px; background:#EDF7F9; float:left; margin-bottom:10px;}
.bas_menu .info_menu{ float:left; width:90%; height:35px; line-height:35px; padding-left:20px; color:#d6e8f4; font-size:11px;  }
.bas_menu .info_menu_titre{ float:right; width:8%; height:25px; background:#02C5FF; line-height:25px; text-align:center; color:#fff; font-size:20px; margin-top:5px; border-radius:3px; margin-right:1%; font-family:'AdobeArabic-Bold';font-style: normal;}

.bloc_content{ float:left; width:100%; height:auto;}
.bloc_home{ width:100%; height:auto; float:left; margin-top:15px;box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);-webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);}
.titre_home{ width:100%; height:35px; float:left; background:#ebebeb}

.titre_div{ width:100%; height:35px; line-height:32px; float:right; text-align:right; color:#fff; font-size:20px; }
.text_tire{ width:100%; height:35px; float:left; padding-right:10px; line-height:32px;}
.titre_div i{ width:60px; text-align:center; float:right; margin-right:0px; margin-top:23px; position:absolute;  z-index:111;}
.titre_photo{ width:100%; height:35px; float:left; background:#99A601}

.titre_page{ width:100%; height:35px; line-height:35px; float:right; text-align:right; color:#fff; font-size:18px; font-family: Roboto Slab; font-style: normal; }
.titre_page span{ font-size:16px;}
.text_titre_page{ width:90%; height:35px; float:right; padding-right:10px;}
.text_titre_page a{color:#e1e1e1; }
.text_titre_page a:hover{color:#fff; }
.right_menu{ float:right; width:10%; height:35px; float:left; padding-left:10px;}
.right_menu a{color:#fff; }.right_menu a:hover{color:#e1e1e1; }

.corp_tt_pages{float:left; width:100%; min-height:400px !important; margin-bottom:20px; position:relative }
.bloc_rightttpages{ float:left;  width:100%; min-height:139px; }
.content_home{ float:left; width:100%; height:auto; font-family:'AlArabiya',Arial;}
.content_home_r{ float:left; width:100%; height:auto;font-family:'AdobeArabic-Regular',Arial;}
.home_news{ float:left; width:100%; min-height:285px; z-index:1;padding-top:15px;padding-bottom:15px;}
.home_photo{ float:left; width:100%; height:210px; z-index:1; background:#ECEDCD}
.boxes_home{ height:109px; width:100%; float:left; margin-top:28px;}
.bloc_right_b{ float:left; width:100%; min-height:50px; z-index:1}
.btn_news_home{ float:left; width:80%; height:35px; margin-left:10%; margin-bottom:15px; background:#008259; text-align:center; line-height:35px; font-size:16px; color:#fff }
.btn_news_home:hover{ color:#fff; background:#008259 }
.btn_nnouveautes_home{ float:left; width:80%; height:35px; margin-left:10%; margin-bottom:15px; background:#F9DF63; text-align:center; line-height:35px; font-size:16px; color:#fff }
.btn_nnouveautes_home:hover{ color:#fff; background:#F9DF63 }

/*--slide--*/
.slide_bg{ width:721px; float:left; margin-top:15px; }
.slide_corp{ float:left;}
.btn_slide{background:#cbc9c9; float:left; margin:95%; width:5%; height:82px;float:left;z-index:111; position:absolute; margin-top:290px; text-align:center; padding-top:32px; color:#3a3939; font-size:16px;}
/*--endslide--*/
.video_home{ width:220px; height:361px; float:left; background:#EFE1DF}
.img_video_home{ width:220px; height:136px; float:left}
.img_video_home img{ width:220px; height:136px;}
.desc_video_home{width:188px; height:150px; float:left; text-align:center; line-height:1.5; font-size:18px; margin:15px; color:#1e2021; font-family:'AdobeArabic-Regular' }
.btn_video_home{ float:left; width:166px; height:35px; margin-left:26px; background:#A21F47; text-align:center; line-height:35px; font-size:16px; color:#fff }
.btn_video_home:hover{ color:#fff;float:left; width:166px; height:35px; margin-left:26px; background:#106278 }
/*--video---*/
.video_home
/*--end video home--*/
.bloc_homep6{ float:left; width:100%; height:280px;}
.img_home6{ float:left; width:100%; height:138px;}
.img_home6 img{ width:100%; height:138px;object-fit:cover;}
.titre_home6{ float:left; width:100%; height:30px; line-height:1.5; margin-top:17px; color:#92278f; font-size:20px;overflow:hidden}
.txt_home6{ float:left; width:100%; height:85px; line-height:1.5; margin-top:10px; color:#000; font-size:14px;}
.txt_home6{ float:left; width:100%; height:85px; line-height:1.5; margin-top:10px; color:#000; font-size:14px;}

.lien_home6{float:left; width:50%; height:30px; line-height:1.5; margin-top:10px; color:#92278f; font-size:16px; }
.link4 a{ color:#92278f;  }
.link4 a:hover{ color:#333}

.link5 a{ color:#049fcc; }
.link5 a:hover{ color:#333}

.bloc_homep3{ float:left; width:100%; height:170px;}
.img_home3{ float:left; width:100%; height:120px;}
.img_home3 img{ width:100%; height:120px;}
.titre_home3{ float:left; width:100%; height:30px; line-height:1; margin-top:10px; color:#1e2021; font-size:14px;  }
.titre_home3 a{color:#1e2021;}
.titre_home3 a:hover{color:#A21F48;}

.bloc_homep5{ float:left; width:100%; height:59px; margin-top:8px;}

.bloc_homep2{ float:left; width:100%; height:79px; margin-top:8px;}
.img_home2{ float:left; width:35%; height:59px;}
.img_home2 img{ width:59px; height:59px;}
.titre_home2{ float:left; width:100%; height:30px; line-height:1;  color:#1e2021; font-size:14px;  }
.titre_home2 a{color:#1e2021;}
.titre_home2 a:hover{color:#A21F48;}
.titre_home2 .date_home2{ color:#acacac; margin-top:5px;}
.titre_home2 .date_home2 i{ margin-left:5px }

.link_home_right{    border-bottom: 1px solid rgb(221 221 221 / 72%);}
.title_right_link{color:#000;font-size:16px;padding-top:10px;padding-bottom:10px;padding-right:15px;}
.title_right_link a{color:#000;font-size:16px;}
.title_right_link a:after { content: "\f0d9";font-family: FontAwesome; font-size: 12px;margin-left: 10px;font-weight: 700; color: #89d2f2;float: right;margin-top: 2px;}

.deprt-icon-box {
    background: #fff;
    border-radius: 10px;
    text-align: center;
    height: 200px;
    margin: 0 0 20px;
    box-shadow: 0px 5px 15px 0 rgb(0 0 0 / 7%);
    padding: 20px;
    position: relative;
    margin-right: 20px;
	 transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
}
.deprt-icon-box:hover {
   
}
.deprt-icon-box:hover {
    padding: 20px 40px;
}
.deprt-icon-box img {
    margin: 0 0 20px;
    width: 95px;
    height: 95px;
	
}

.deprt-icon-box h6 a {
color: #7D2B3B;
}
.deprt-icon-box a.rm{
	border:solid 1px #99A601;
	background-color: #99A601;
	color:#fff;
	display: inline-block;
    color: #fff;
    line-height: 24px;
    border-radius: 12px;
    font-size: 12px;
    text-transform: uppercase;
    padding: 0 15px;
}
.deprt-icon-box a.rm:hover{
	background-color: transparent;
	color:#99A601;
}
.counter{margin-top:30px;}
.counter li{list-style:none;}

.fact-box {
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    box-shadow: 0 0px 2px rgb(0 0 0 / 70%);
    margin-bottom: 12px;
    height: 120px;
    padding: 22px 0 0 0;
    position: relative;
	transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
	margin-left: 15px;
    margin-right: 15px;
	text-align:center;
}
.fact{margin-left: 0px; margin-right: 0px;background-color:rgba(197,178,66,0.75);color:#fff;}
.fact p{text-align:center;color:#fff !important}
.fact-box:hover {
    border-color:#0F7954;
}
.fact-box i {
    top: 28px;
    font-size: 30px;
    color: #cccccc;
}
.fact-box strong {
    color: #008259;
    font-size: 18px;
    font-weight: 800;
    display: block;
    line-height: 30px;
}
.fact-box span {
    font-size: 14px;
    font-weight: 500;
    color: #777777;
    text-transform: uppercase;
}
/*--ende home_page--*/

/*--actualite--*/
.img_act{ width:100%; height:120px; padding:2px; background:#FFF; border:solid 1px #ccc;}
.titre_act{ float:left; width:100%; height:30px; line-height:30px; font-size:18px; color:#A21F48 }
.titre_act a{ color:#A21F48}
.desc_act{ float:left; width:100%; height:60px; line-height:1.5; margin-top:5px; font-size:16px; color:#555;}
.savoir_act{ float:left; width:100px; height:20px; line-height:1.5; margin-top:5px; font-size:15px; color:#999; }
.savoir_act a{ color:#106278}
.savoir_act a:hover{ color:#000}
.description_page{ float:left; width:100%; height:auto; margin-top:20px; }
.titred_page{ float:left; width:100%; height:32px; font-size:18px; text-transform:uppercase; font-family:Roboto Slab; color:#106278;  }
.tre_100{height:2px; width:100%; float:left; }
.tre_mahres{height:2px; width:15%; z-index:10;  position:relative;float:right; background:#106278}
.tre_gris{height:1px; margin-top:-1px; float:left; width:100%;  background:#b6b6b6}

/*--end actualite--*/
/*--realisation--*/
.bimg_realisation{ float:left; width:100%; height:133px;}
.img_realisation{ width:100%; height:133px; padding:2px; background:#FFF; border:solid 1px #ccc;}
.titre_realisation{float:left;width:100%; height:30px; line-height:30px; font-size:17px; }
.desc_realisation{ float:left; width:100%; min-height:60px; line-height:1.5; margin-top:5px; font-size:15px; color:#555;}
.desc_realisation li{ float:left; width:100%; min-height:20px; line-height:1.5; margin-top:5px; font-size:16px; color:#555; list-style:none; margin-left:-10px;}
.desc_realisation li a{ color:#555; line-height:1.5}
.desc_realisation li a i{ line-height:1.5}
.desc_realisation li a:hover{ color:#106278;}
.savoir_realisation{ float:left; width:100px; height:20px; line-height:1.5; margin-top:5px; font-size:15px; color:#999; }
.savoir_realisation a{ color:#106278}
.savoir_realisation a:hover{ color:#000}
/*--end realisation--*/

/*--footer--*/
.footer{float:left; width:100%; min-height:170px; padding-top:20px;}
.tire_footer{ font-family:'AdobeArabic-Regular', Arial; ; font-size:22px; float:left; width:100%; color:#dd0303; height:35px; line-height:1.5}

.footer-menu{width:100%;list-style:none;padding:0; float:left; }
.footer-menu li{float:left;width:100%; overflow:hidden;padding:0;margin:0;color:#FFF;}
.footer-menu li a{color:#3e3f3f}
.footer-menu li a:hover,footer .footer-menu li a.active{color:#d20300}
.footer-menu li .sub-menu{width:100%;list-style:none;padding:0;margin:0; }
.footer-menu li .sub-menu li{width:100%;text-align:right;line-height:10px; height:20px; font-size:12px; letter-spacing:0.5px; }
.footer-menu li .sub-menu li a.active{color:#d20300}
.footer-menu li .sub-menu li i{ height:10px; margin-right:5px; background:none; }
.contact_footer{ float:left; width:100%; margin-top:10px;}
.contact_footer label{font-family:'AdobeArabic-Regular', Arial; color:#fff; float:right; font-size:19px; }
.contact_footer span{font-family:'AdobeArabic-Regular', Arial; color:#fff; float:right; font-size:18px; width:100%; }

.copyright{ width:100%; float:left;min-height:45px;background-color: #00abe4;  font-weight:bold; font-family:Arial,Helvetica,sans-serif;font-size:11px;line-height:45px; color:#fff }
.copyright-mahres{max-height:40px; line-height:45px;text-align:left; float:left;}
/*--endfooter--*/

/***********************************************************/
/********************* Pagination **************************/
/***********************************************************/
.paginate_page { width:100%;  text-align: right; height:40px; font-weight: 600; float: left; margin-top:15px; margin-bottom:20px; }
.k2Pagination {
   margin-top:0px;
}
.k2Pagination ul { margin-left:0px}
.k2Pagination li {
    display: inline-block;
	float:left;
    padding: 2px 9px 4px  9px;
    margin-right: 4.2px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1); 
	vertical-align:middle;
}
.k2Pagination li a{
	font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
	font-family:sans-serif;
	vertical-align:middle;
}

.k2Pagination li:hover {
    background: #264C84;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}

.k2Pagination li.active {
   background: #106278;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8); 
}
.k2Pagination li.active a{ 
	color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);}

.k2Pagination li {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9));
    background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9);
}
.filters { float:right; width:100%; min-height:auto; margin-bottom:20px;}
.filters .button {
	display: inline-block;
	float:right;
	font-family:'AlArabiya',Arial;
	font-size:15px;
    padding: 2px 9px 4px  9px;
	margin-left:7px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1); 
	vertical-align:middle;
	background: #f8f8f8;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9));
    background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9);
}
.filters .button.is-checked {
    background: #106278 !important;
	color:#fff;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8); 
}

.filters .button:hover {
   background: #106278;
   color:#fff;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8); 
}
.lien_utile{ float:left; width:100%; min-height:50px; border-bottom:2px solid #e1e1e1; padding-top:10px; padding-bottom:10px;}
.lien_utile li{ float:left; width:100%; line-height:1.5; min-height:30px;list-style:none;}
.lien_utile li a{ color:#666; list-style:none; font-family:'Roboto'; font-size:15px;  }
.lien_utile li a i{ padding-left:5px;}
.lien_utile li a:hover{ color:#d20300;}
.icone_href i{ color:#cecbcb;}
.icone_href:hover i{ color:#999;}