@import url(https://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);
@font-face {

  font-family: 'Myriad Pro-Light';
  src:url('MyriadPro-Regular.otf');
  font-weight: normal;
  font-style: normal;
}
a.w_lire{
display: none;
}

body { font-family:"Droid Arabic Naskh";}
a:hover{background-color: transparent;}
a , p ,span, h1 h2,h3,h4,h5,h6,tr,td,ul,li{font-family: "Droid Arabic Naskh","Arial"; font-weight:lighter;}
/*a{        color: #232323  }
a:hover{        color: #232323  }*/
td {
    position: relative;
}
.modal {
    position: absolute;
    display: inline;
}
.floatleft{float: left}
.certification{height: 30px;}
.camera_caption .camera_caption_desc p{
 line-height: 2.2 !important;
}
  .content-category h2 {
      font-size: 20px !important; color: #000; padding: 10px
  }
  h2#titreform{
     background:#E0E0E0; color:#000; margin: 0 !important; padding: 10px !important;
     margin-bottom: 20px !important; color: rgba(0,0,0,0.87) !important;
 }

.search input[type=radio]{  position:relative !important; margin-left:10px; }
.search input[type='text'] {  padding: 5px; }
.search .chzn-container{ width: 300px !important; }
.search {
    padding: 20px;

    min-height: 600px;
    padding-top: 20px;

    text-align: justify;     direction: rtl;
}  .search  .btn-group>.btn:first-child {
    margin-left: 0;   outline: none;
    padding: 9px;
    background: #23B574;
}
 .gbs3 .form-horizontal .control-label {
     margin-bottom: 0;
    padding-top: 7px;
    float: right !important;
    text-align: right !important;
 }

.site {}
/*.glidecontent{  padding: 0 !important ; padding-top: 10px !important; }        */
.glidecontent a{  padding: 5px !important; font-size: 14px !important; }

#p-select{
    bottom: 20px !important; width: 30px;
    }

body{
  scrollbar-base-color: #0071BC;
  scrollbar-3dlight-color: #0071BC;
  scrollbar-highlight-color: #0071BC;
  scrollbar-track-color: #333;
  scrollbar-arrow-color: #fff;
  scrollbar-shadow-color: #0071BC;
  scrollbar-dark-shadow-color: #0071BC;
}
/* Let's get this party started */
::-webkit-scrollbar-button {
}
::-webkit-scrollbar {
    width: 12px;
}
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 2px;
    background: #333;
}

/* Handle */

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 2px;
    border-radius: 10px;
    background: #0071BC; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
scrollbar {
/*  clear useragent default style*/
   background-color: #333;
}
/* buttons at two ends */
scrollbarbutton {
   -moz-appearance: none !important;
}
/* the sliding part*/
thumb{
   background-color: #0071BC;
}
scrollcorner {
   -moz-appearance: none !important;
   resize:both;
}
#dj-tabber634m284 .dj-tabber-in {
	max-height: 300px !important;
	height: 300px !important;
}
/* vertical or horizontal */
/* *************************         Head Top             *******************************************/
#head-top a {direction: rtl; }
#head-top a {  padding: 6px 5px;}
#head-top ul{margin: 0;}
#head-top .col1 ul{
    margin-top: -13px;
}
#head-top .col1 li{float: right;  }
#head-top .col1 ul li:first-child:before{    content: '';
    /*border-left: 1px solid #fd0001;*/

}
#head-top .col1 ul.lang-inline li a{
     background-image: url("../images/fr.png");
     background-position: center center;
     background-size: 32px 32px;
     background-repeat: no-repeat;
  /*   height: 32px;*/
     color: transparent;
     border-radius: 25%;
    position: absolute;
    top:-10px;
 }
#head-top #lientop{float: right !important; }
#rech a.glyphicon{    top: 5px; }
#head-top #rech{float: left !important;     direction: rtl; }
#head-top .col1  a{color: #fd0001;font-size: 12pt; }
#head-top .col1 {margin-top: 15px  ; float: right;text-align: right; }
#head-top .colgreen-num{float: right; }
#head-top .green-num {width:50%; margin-top:5px;}
#head-top .formsearch {margin-top: -35px; border: 0px solid #CCCCCC }
#head-top .formsearch input{height: 25px;border-top-left-radius: 8px; border-bottom-left-radius: 8px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; width:210px;}
#head-top  .formsearch a:before {  content: url(../images/search.png);}
#head-top .col2 ul{}
#head-top .col2 li{float: right; margin-top: -5px;}
#head-top .col2 a{color: #999999;font-size: 9pt;}
#head-top .col2 a:hover{background: transparent;}
#head-top .col2 .social ul {width: 137px;float: right;}
#head-top .col2 .social ul li img {width: 20px;}
#head-top .col3 ul{}
#head-top .col3 li{float: left;}
#head-top .col3 a{}

/* *************************         Head bottom             *******************************************/
#head-bottom {/*box-shadow: 0px 1px 10px #B5B4B4;*/ padding: 0;     margin-top: 0;}
#head-bottom .logo-one{}
#head-bottom .logo-one img {display: block;margin: 0 auto;width: 100%;border: 1px solid #333;}



#head-bottom .social-network{}
#head-bottom .social-network ul{margin-top: 11px;float: right;}
#head-bottom .social-network li{float: left;height: 30px;display: block;}
#head-bottom .social-network a{padding: 1px;}
#head-bottom .social-network img{height: 100%;}

#foot-top .social-network{ margin-left:10px;}
#foot-top .social-network ul{margin-top: 11px;float: left;}
#foot-top.social-network li{float: left;height: 30px;display: block;}
#foot-top .social-network a{padding: 3px;}
#foot-top .social-network img{ width:32px; height:32px;}
#foot-top .social-network li::before {background-color: transparent!important;content: none!important;display: block;height: 6px;left: 1px;position: absolute;top: 44%;width: 6px;z-index: 5;

}

#foot-top .social-network h3 {margin-left:20px}
#foot-top .social-network li {background-color: #333333;float: left;position: relative;}
#head-bottom .logo-two {text-align: right;}
#head-bottom img.green-num{width: 80%;float: right;}
#head-bottom .logo-two img{}
.conseil img {width: 89%; height: 100%; display: block; margin: 0 auto;}
.conseil h3 {

    color:rgb(10, 73, 124);
    font-size: 25px;
    font-weight: 900;
    margin: 0 2px 2px 0;
    padding: 20px 7px;
    width: 100%;
    background-image: url("../images/S350_RTL.png");
    background-size: 350px 17px;
    background-repeat: no-repeat;
    background-position: 10px 50px;
    text-align: right;}
.commune img {width: 89%;height: 100%;}
.commune h3 {background-color: #23B574;color: #fff;font-size: 18px;margin: 0 2px 2px 0;padding: 7px;width: 100%;text-align: right;}
.conseil .moduletable .custom {border: 1px solid #ccc;height: 180px; background-color:#FFF;}
.commune .moduletable .custom {border: 1px solid #ccc; height: 180px; background-color:#FFF;}
.citoyen .glidecontentwrapper{border-radius: 0px;}

/* *************************           Menu              *******************************************/

#menu .formsearch{margin: 12px 0px;}
#menu .formsearch .contour{border: solid 1px #E6E6E6;overflow: auto;border-radius: 8px;}
#menu .formsearch input{border: 0;height: 37px;}
#menu .formsearch input.champ{width: 215px;float: left;}
#menu .formsearch a{float: left;font-size: 19px;color: #173380;margin-top: 7px;}

#menu .mail{margin: 12px 0px;}
#menu .mail .contour{border: solid 1px #e0001a;overflow: auto;border-radius: 8px;}
#menu .mail .text{border: 0;height: 37px;width: 223px;float: left;line-height: 37px;padding-left: 9px;color: #E6E6E6;}
#menu .mail a{    float: left;font-size: 37px;color: #e0001a;display: block;}
.agenda-media { margin-top: 7px;}
.slide {margin-bottom: 0px;}
.slide .camera_target .cameraCont .cameraSlide img {
    height: 400px !important;
    padding: 5px 0px 5px 0px;
    left: 0 !important;
    width: 100% !important;
}
.slide .camera_thumbs {width: 50% !important; float: right !important; }
.slide .camera_prevThumbs {display: none !important;}
.slide .camera_nextThumbs {display: none !important;}
.slide .camera_thumbs_cont {background: transparent !important;}
.slide .camera_next {right: 10px;  top: 50%;}
.slide .camera_commands {display: none;}
.slide .camera_prev { left: 31%;  top: 50%;}


/*------Revue slide ---------------*/
#camera_wrap_285 .camera_caption {
    color: #343434;
    right: 0px;
    top:235px;
    width: 80% !important;


    margin-top: 5px;
    max-height: 315px;

    height: 50px;



}
#camera_wrap_285 .camera_pag .camera_pag_ul li{
    display: none;
}
#camera_wrap_285 .camera_target{
    bottom: 0;
    height: 240px;
    border-radius: 5px;
    overflow: hidden;
    position: absolute;
    left: 15%;
    text-align: left;
    top: 0;
    width: 70%;
    z-index: 0;
}
#camera_wrap_285{
    height: 290px !important;
}
#camera_wrap_285 .camera_overlayer, #camera_wrap_285 .camera_target_content,#camera_wrap_285 .camera_fakehover{
    height: 290px !important;
}
#camera_wrap_285 .camera_target img{
    border-radius: 5px;
    height: 240px !important;
    margin: 0 !important;
    width: 100% !important;
}




.camera_thumbs_cont ul li > img {width: 45px !important; height: 50px !important;}
/*.camera_caption {
    width: 50% !important; top: 0; color: #000;
}
.camera_caption .camera_caption_desc
{background: #f2f2f2 !important; margin-top: 10px;color: #000;display: block;text-align: right;
}*/
#camera_wrap_170 .camera_caption {
    color: #ffffff;
    left: 0px;
    top:0px;
    width: 30% !important;

    margin-top: 5px;
    max-height: 315px;
    /*border-top: 315px solid rgb(26, 117, 84);
    border-top: 315px solid rgba(0, 102, 153, 0.84);
  /*  border-right: 55px solid transparent;*/
    background-color: rgba(0, 102, 153, 0.94);
	background-image: url('../images/Sceau3.png');
    background-size: cover !important;
 
   /* height: 0;*/
    text-align: right;
    direction: rtl;



}
#camera_wrap_170 .camera_caption > div{
    top: 50px;
    position: absolute;
}
#camera_wrap_170 .camera_thumbs_cont ul li > img {
    height: 55px !important;
    width: 55px !important;
}
 .camera_wrap a{

    color: #ffffff;
    line-height: 1.6;
    font-weight: 900;
     font-size: 16px;

}
#camera_wrap_170 .camera_caption > div div.camera_caption_title {
    /* min-height: 245px !important;*/
    background-color: transparent !important;
}

#camera_wrap_283 .camera_target{
    bottom: 0;
    height: 320px;

    overflow: hidden;
    position: absolute;
    left: 0%;
    text-align: left;
    top: 0;
    width: 100%;
    z-index: 0;
}
#camera_wrap_283  .camera_target_content {
    height: 300px !important;
}
#camera_wrap_283 .camera_caption > div div.camera_caption_title {
font-size: 1.2em !important;
}
#camera_wrap_283 .camera_caption > div{
    margin-top: 20px !important;
    position: absolute !important;
    bottom: 15px !important;
    text-align: center;
    width: 80%;
    left: 10%;
    text-align: center;
	
}
.cameraCont, .cameraContents {
    position: absolute;
    top: 10px;
}
#camera_wrap_283 .camera_target img{
    margin: 0 !important;
    height: 300px !important;

}
#camera_wrap_283 .camera_pag .camera_pag_ul li{
    position: absolute;
    left: -55px;
    top: 150px;
}

#camera_wrap_283 .camera_pag .camera_pag_ul {

}


/*
.camera_caption div {background: #f2f2f2 !important; margin-top: 10px;color: #000;display: block;text-align: right;}
.camera_caption div a{background: #f2f2f2 !important; margin-top: 10px;color: #000;display: block;text-align: right; font-size: 18px;font-weight: bold;}
.camera_caption div a:hover{background: #f2f2f2 !important; margin-top: 10px;color: #000;display: block;text-align: right; font-size: 18px;font-weight: bold;}
*/
#slide { background-clip: content-box; }
.agenda-media  .formulaire {position: relative;}

#menu .row1 ul{background-color: #173380; padding-bottom: 8px;}

#menu .row1 ul li{float: none;display: block;}
#menu .row1 ul li a{color: #fff; text-decoration: none;font-size: 11px;}
#menu .row1 ul li a:hover{background-color: transparent;}
#menu .row1 ul li a img{margin-right: 14px;}
#menu .row1 ul li {position: relative;}
li.item-333 {position: absolute; top:9px; left:15px;}
#menu .row1 ul li ul{left: -30px;width: 250px;list-style: none; background-clip: content-box;  position: absolute;z-index: 20;background-color: #173380;display: none; margin-left: 9px;padding: 20px 11px;border-radius: 25px;}
#menu .row1 ul li ul:before{    content: ""; display: block;  width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent;  position: absolute; top: 10px;  left: 41%;}
#menu .row1 li ul:before{border-bottom: 15px solid #173380;}
#menu .row1 ul li:hover ul{display:block;}
#menu .row1 ul li ul li:hover{background-color: rgba(255,255,255,0.4);}
#menu .row1 ul li ul li a{color: #fff;font-size: 13px;text-decoration: none;padding:10px 5px;display: block;text-align: right; max-width:inherit !important; margin-bottom: 5px; padding: 15px 5px !important;}
#menu .row2 ul{}
#menu .row2 ul li{float: left;position: relative;}
#menu .row2 ul .item-196{height: 40px !important;}
#menu .row2 ul li a{display: block;}
#menu .row2 ul li ul{position: absolute;
    z-index: 20;
    right:0px;
    top: 35px;
	width:150px;
    background-color: #118db3;
    display: none;margin: 0px;padding: 19px 11px;border-radius: 0px;}
#menu .row2 ul li:hover ul{display: block;     padding: 15px 0;}
#menu .row2 ul li ul li{float: none;list-style: none; }
#menu .row2 ul li ul li:hover{background-color: rgba(255,255,255,0.4);}

/*#menu .row2 ul li ul li:hover:first-child{border-top-left-radius:15px;border-top-right-radius:20px;}



#menu .row2 ul li ul li:hover:first-child{border-top-left-radius:20px;border-top-right-radius:20px;}

#menu .row2 ul li ul li:hover:last-child{border-bottom-left-radius:20px;border-bottom-right-radius:20px;}*/



#menu .row2 ul li ul li a{font-size: 15px; text-decoration: none;padding: 8px 8px; color: #fff; text-align: right;}
#menu .row2 ul li ul li ul{display: none;position: absolute;right: 0px; border-radius: 0;}
#menu .row2 ul li ul li:hover ul{display: block;}
#menu .row2 a{ padding: 2px 7px 2px;   position: relative;}

#menu .row2 ul.menu>li{float: right; border-left:  2px solid #696969; max-height: 50px;}

#menu .row2 ul.menu>li>a{color: #ffffff;font-size: 14px; font-weight: bold;overflow: auto;text-transform: uppercase;

}
#menu .row2 ul.menu>li>a>img{margin: 4px 14px 0px 0px;}
#menu .row2 ul.menu>li>a>img:first-child{margin-right: 0px ;}
#menu .row2 ul.menu>li>a>span{padding-left: 10px;}
#menu .row2 ul.menu > li a:hover {

    background-color: #1a7554;

}

#menu .row2 ul.menu>.item-269 a:hover{}
#menu .row2 ul li.item-269 a {padding: 0;}
#menu .row2 ul li.item-269 a>img{margin: 0; width: 40px; height: 35px;}
#menu .row2 ul li.item-269{ height: 35px;}
#menu .row2 ul li li.item-269 ul li ul{display: none;position: absolute;left: 221px;top: 0;padding: 0;}
#menu .row2 ul li li.item-269 ul li:hover ul{display: block;}

#menu .row2 li.item-293{}
#menu .row2 li.item-293 span{width: 79px;}
#menu .row2 li.item-293 ul{ }
#menu .row2 li.item-293 ul {  width: 160px;}
#menu .row2 li.item-293 ul:before{}
#menu .row2 ul li.item-293 ul li ul{display: none;position: absolute;right: 160px;top: 0;padding: 0 5px; width: 340px;}
#menu .row2 ul li.item-293 ul li:hover ul{display: block;}

#menu .row2 li.item-319{}
#menu .row2 li.item-319 span{width: 109px;}
#menu .row2 li.item-319 ul{}
#menu .row2 li.item-319 ul {width: 200px; }
#menu .row2 li.item-580 ul {width: 200px; }
#menu .row2 li.item-319 ul:before{}
#menu .row2 ul li.item-319 ul li ul{display: none;position: absolute;left: 220px;top: 0;padding: 0;}
#menu .row2 ul li.item-319 ul li:hover ul{display: block;}

#menu .row2 li.item-322 ul:before{border-bottom: 15px solid #0FA75E;}

#menu .row2 li.item-306{}
#menu .row2 li.item-306 span{width: 94px;}
#menu .row2 li.item-306 ul{width: 270px;}
#menu .row2 li.item-306 ul:before{}
#menu .row2 ul li.item-306 ul li ul{display: none;position: absolute;left: 221px;top: 0;padding: 0;}
#menu .row2 ul li.item-306 ul li:hover ul{display: block;}

.agenda-media .pdf img {width: 40px;}
.agenda-media .pdf {position: absolute;     right: 3px; bottom: 5px;}
.images-link .custom {margin-top: 15px; }
.images-link .custom img{margin-bottom: 10px; }
.images-link .poll{margin-bottom: -7px; }
.middle {position: relative;}
.newsletter .acyfield_name {display: none !important;}
.acymailing_form {direction: rtl;}
.acymailing_form tr td input {direction: ltr; width: 100%; height: 31px; }
.acymailing_form tr td  .inputbox { border-radius: 4px; border: 3px solid #285e8e; float: left;     width: 70% !important;}
.acymailing_form {margin: inherit !important;}
.acymailing_form .acysubbuttons {width: 50px;}
.acymailing_form tr td .button {    background-position: 10px;  background-image: url("../images/mail.png");     background-size: 60%; background-repeat: no-repeat;}



#menu .row2 li.item-{}
#menu .row2 li.item-313 span{width: 145px;}
#menu .row2 li.item-313 ul{width: 270px; }
#menu .row2 li.item-313 ul:before{}
#menu .row2 ul li.item-313 ul li ul{display: none;position: absolute;left: 221px;top: 0;padding: 0;}
#menu .row2 ul li.item-313 ul li:hover ul{display: block;}



#menu .row2 li.item-322 {border-left: 0 !important;}
#menu .row2 li.item-322 span{width: 64px;}
#menu .row2 li.item-322 ul {width: 270px; }
#menu .row2 li.item-322 ul {}
#menu .row2 ul li.item-322 ul li ul{display: none;position: absolute;left: 221px;top: 0;padding: 0;}
#menu .row2 ul li.item-322 ul li:hover ul{display: block;}

#menu .row2 li.item-166{border-bottom: solid 3px #173380;}
#menu .row2 li.item-166 span{width: 59px;line-height: 34px;}

#menu .row2 li.item-166 ul {left: -41px; }
#menu .row2 li.item-166 ul:before{border-bottom: 15px solid #173380;}
#menu .row2 ul li.item-166 ul li ul{display: none;position: absolute;left: 221px;top: 0;padding: 0;}
#menu .row2 ul li.item-166 ul li:hover ul{display: block;}
#menu .row2 ul  {
 /*  margin: 0px 0px 21px 0px;padding: 0;*/
    margin: 0;
   /* padding: 0 10px 0 17px;*/
    background-color: #118db3;
    /* height: 40px;
    position: absolute;
    top: -35px;*/
   /* border-top-left-radius: 75px;*/
    border-top : 1px solid #0a001f;
    border-left : 1px solid #0a001f;
}
@media (min-width: 992px){
#menu .row2 .col-md-10 {
    width: 100%; 
	margin:0px;
	padding-right: 0px!important; 
    padding-left: 0px!important;
   
}

#menu .row2 ul {
	
   margin: 0 0 0;
    width: 1138px;
   
   
    background-color: #118db3;
     /* padding: 0 10px 0 17px;
	height: 40px; */
    /* position: absolute; */
    /* top: -35px; */
    border-bottom-left-radius: 20px;
    border-top: 1px solid #0a001f;
    border-left: 1px solid #0a001f;
}
}
@keyframes clignoter {
  0%   { opacity:1; }
  40%   {opacity:0; }
  100% { opacity:1; }
}

#menu .row2 li.item-601{
    background-color: red;
    height: 35px;
    padding-top: 8px;
 animation-duration: .8s;
   animation-name: clignoter;
   animation-iteration-count: 5;
   transition: none;
}
/******************************** defilement ***********************************/

#defilement .moduletable  ul{
    left:45%;
    top :-15px;
    position: absolute;
    padding: 5px;
	width:530;
}
#defilement .moduletable  li a{
    display: inline;
    color: rgb(10, 73, 124);
    font-size: 12px;
    border: 1px solid rgb(10, 73, 124);
    border-radius: 5px;
    margin: 0 30px;

}
#defilement .moduletable  li.item-581 a{
    display: inherit !important;
    position: absolute;;

    left: 58px;

}
#defilement .moduletable  li.item-582 a{
    display: inherit !important;
    position: absolute;

    /*left: -58px;*/
}
#defilement  .moduletable{

    display: inline;

}

/***************************     Footer             ************************/

#foot-top .container{}

#foot-top .container{}

#foot-top .container{}

/***************************     Front Page              ************************/



/*------Slides------*/



#content .container.home.top .slide .bt-inner .bt-title{color: #333333; font-size: 16px;padding: 10px 0px;}
#content .container.home.top .slide{}
#content .container.home.top .slide .bt-row {
  background-color: #f2f2f2;
  border: 1px solid #e6e6e6;
  /*min-height: 250px;*/
  height: 360px;
}

#content .container.home.top .slide .bt-content{background-color: #F2F2F2;height:auto;}
#content .container.home.top .slide .bt-center{border: 0px;}
#content .container.home.top .slide .bt-center img{ margin: 0; border: 0px;}
#content .container.home.top .slide .bt-introtext{text-align: justify;font-size: 16px;}
#content .container.home.top .slide .bt_handles{bottom: 21px;}

/*------ fil-actuality  ------*/

#content .container .fil-actuality{margin-bottom: 10px; margin-top: 10px;}
#content .container .fil-actuality h3{
    background-color: rgb(10, 73, 124);
    color: #fff;
    float: right;
    font-size: 16px;
    font-weight: 600;
    padding: 8px 20px 5px 40px;
    position: absolute;
    text-transform: uppercase;
    top: -20px;
    right: 110px;
    line-height: 1.32;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
#content .container .fil-actuality .mod_simple_marquee{position: relative;font-size: 20px;height: 25px;}
#content .container .mod_simple_marquee .mod_simple_marquee_content
{border: 1px solid #897f7f;
    height: 34px;
    width: 80%;
    left: 5%;
    border-top-right-radius: 60px;
    border-bottom-left-radius: 22px;
    background-color: #fff;
}
#content .container .mod_simple_marquee .mod_simple_marquee_content .js-marquee{line-height: 37px;font-size: 18px;}
/*------last Actuality------*/
#content .container.home.top .actuality .mod-articles-category-category{    margin-top: 10px;background-color: #23B574;display: block;float: right;}
#content .container.home.top .actuality .mod-articles-category-category a{color: #fff;display: block;padding: 2px 20px;font-weight: normal;}
#content .container.home.top .actuality h3{border-bottom: solid 3px #22B573;color: #173380;text-align: right; }
#content .container.home.top .actuality ul{padding-left: 0px; list-style: none;color: #333;}
#content .container.home.top .actuality li{border-bottom: solid 1px #999;color: #333333; padding: 12px 0px;}
#content .container.home.top .actuality a{color: #333333; font-weight: bold;font-size: 14px;display: block;text-align: right;}
#content .container.home.top .actuality .mod-articles-category-readmore a{background-color: #E1001A;color: #fff;float: left; padding: 4px 10px; } 


/*------Agenda Media------*/
#mod_iccalendar_161 table tbody td{
    padding: 8px;
}
#mod_iccalendar_161 table th {
    padding: 2.5px;
    font-size: 1.1rem;
    font-weight: 500;
}
#mod_iccalendar_161 table tbody td div{
    font-size: 1.2rem;
    font-weight: 500;
}
#content .container.home.top .agenda-media h3{margin: 0px; background-color: #22B573;color: #fff;padding: 12px 64px 12px 12px;position: relative;}
#content .container.home.top .agenda-media >div:first-child h3:after{position: absolute;content: " ";background-image: url(../images/10.jpg);height: 49px;width: 49px;display: block;background-repeat: no-repeat;top: 15px;right: 14px;background-size: 100% 100%;}
#content .container.home.top .agenda-media .popup .cpopup,.agenda-media .popup .cpopup{
     position:absolute;
     right: 15px;
     margin-top: -80px;
          color:#09c;
     background:rgba(35,181,116,.9);
     padding:15px;
     border-radius:3px;
     box-shadow:0 0 2px rgba(0,0,0,.9);
     transform:scale(0) rotate(-12deg);  
      transition:all .40s;       
      opacity:0;
      width: 250px;
           height: 80px;}

 .agenda-media .popup ul,.agenda-media .popup ul{background-color: #173380;  padding-bottom: 10px;}
.agenda-media .popup ul li,.agenda-media .popup ul li{float: none;display: block;}
 .agenda-media .popup ul li a,.agenda-media .popup ul li a{color: #fff; text-decoration: none;     margin-top: 8px;}
 .agenda-media .popup ul li a:hover,.agenda-media .popup ul li a:hover{background-color: transparent;}
.agenda-media .popup ul li {position: relative;}
.agenda-media .popup ul li ul{      top: 60px;  left: 15px;width: 203px;list-style: none; background-clip: content-box;  position: absolute;z-index: 20;background-color: #173380;display: none; margin-left: 9px;padding: 20px 11px;border-radius: 25px;}
.agenda-media .popup ul li ul::before{    content: ""; display: block;  width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent;  position: absolute; top: 10px;  left: 41%;}
 .agenda-media .popup li ul::before,.agenda-media .popup li ul:before{border-bottom: 15px solid #173380;}
 .agenda-media .popup ul li:hover ul{display:block;}
 .agenda-media .popup ul li ul li:hover{background-color: rgba(255,255,255,0.4);}
 .agenda-media .popup ul li ul li a{color: #fff;font-size: 13px;text-decoration: none;padding: 8px 8px;display: block;}

 .agenda-media .popup {list-style: none;}
 .agenda-media .popup ul{padding: 0px;}
 .agenda-media .popup .cpopup img {width: 45%;}
.agenda-media .popup .cpopup .google {width: 32%;}
 .agenda-media .popup .cpopup .windows { float: right;     margin-top: -10px;}
.agenda-media .popup .cpopup a {color: white !important; }
 .agenda-media .rest {margin-top: 9px;}
 .agenda-media .popup:hover .cpopup, #content .container.home.top .agenda-media .popup:focus .cpopup { transform:scale(1) rotate(0);    opacity:1;    }
.agenda-media{/*margin-top: 26px;*/}
.agenda-media{}
 .agenda-media .custom{overflow: auto;}
 .agenda-media .custom img{/*padding: 5px;*/}
 .agenda-media>div{ /*margin-bottom: 10px;border: solid 1px #22B573;*/}

/*------online services------*/

#content .middle .container.home {}
#content .middle .container.home .online-services h3{
    color: rgb(10, 73, 124);
    font-size: 25px;
    font-weight: 900;
    margin: 0 2px 2px 0;
    padding: 20px 7px;
    width: 100%;
    background-image: url("../images/S620_RTL.png");
    background-size: 550px 17px;
    background-repeat: no-repeat;
    background-position: 0px 50px;
    text-align: right;
}
#content .middle .container.home .online-services #ctl00_ContentPlaceHolder1_BtnValider{    background-color: #E1001A; color: white;}
#content .middle .container.home .online-services .dj-green .djtabs-active{ border-left: 1px solid #999; border-top: 1px solid #999;  border-right: 1px solid #999; color: #23B574 !important; background-color: #FFF !important; background-image: none!important;}
#content .middle .container.home .online-services .dj-green .djtabs-in-border {    border-color: #999 ;}
#content .middle .container.home .online-services .solid-theme .djtabs-in-border {border-top-width: 1px !important;}
#content .middle .container.home .online-services .dj-green .djtabs-title {background-image: none !important; background-color: #23B574; color: #fff;}
#content .middle .container.home .online-services{}
#content .middle .container.home .online-services .djtabs.ministere{background-color: #fff;}
#content .middle .ministere .djtabs-title {border-radius: 2px;
    line-height: 14px !important;
    margin: 2px;
    padding: 16px 7px;
    white-space: normal;}
#content .line2 .actuality .category-module p{font-size: 12px;direction: rtl;text-align: justify;}

/*------folder new------*/

#content .line2  .folder a {font-size: 18px; color: #333;}
#content .line2  .folder h3{border-bottom: solid 3px #22B573;color: #173380; text-align: right;}
#content .line2  .folder table tr{    margin-bottom: 5px;}
#content .line2  .folder table .tre {border-bottom: 1px solid #999;}
#content .line2  .folder table .trelast {padding-bottom: 10px;}
#content .line2  .folder table span{margin-top: 5px;background-color: #23B574;display: block;float: right;}
#content .line2  .folder table span a{    color: #fff;display: block;padding: 3px 20px;font-weight: normal; font-size: 14px;}
#content .line2  .folder table td {font-size: 15px;padding: 5px;text-align: inherit;}
#content .line2 .container.home .folder table td img {border: 1px solid #cecece;height: 70px;width: 100%;}

/*------folder------*/

#content .middle  .folder h3 {
    background-image: url("../images/s260_RTL.png");
    background-size: 260px 17px;
    background-repeat: no-repeat;
    background-position: 0px 40px;
    height: 50px;
    text-align: right;
    color: rgb(10, 73, 124);
    font-size: 22px;
    line-height: 1.5;
    font-weight: 900;
    margin: 10px 2px;
    padding: 7px 0 55px 0;
    width: 100%;
}
#content .middle  .folder table tr{ }
#content .middle  .folder table td {font-size: 15px;padding: 5px;text-align: inherit;}
#content .middle .container.home .folder table td img {border: 1px solid #cecece;height: 70px;width: 70px;}

/*------Images link------*/

#content .middle .container.home .images-link{}

#content .middle .folder table tr {
}
#content .middle .folder table td {
    font-size: 15px;
    padding: 2px;
    text-align: inherit;
}
#content .middle .container.home .folder table td img {
    border: 1px solid #cecece;
    border-radius: 10px;
    margin: 5px 20px;
    width: 80%;
    max-height: 120px;
}
#content .middle .container.home .folder table td a {
    color: rgb(10, 73, 124);
    font-size: 13px;
    margin:  10px auto;
    right: 10%;
    width: 80%;
}
#content .middle .container.home .folder table td a.btnx {
    border: 1px solid #cecece;
    border-radius: 5px;
    padding: 5px 10px;
    box-shadow: 2px 2px #0a0a0a;
}


#content .middle .container.home .images-link a.btnx {
    border: 1px solid #cecece;
    border-radius: 5px;
    padding: 2px 15px;
    box-shadow: 2px 2px #0a0a0a;
    color: rgb(10, 73, 124);
}
#content .middle .container.home .images-link h3{
    background-image: url("../images/s260_RTL.png");
    background-size: 260px 17px;
    background-repeat: no-repeat;
    background-position: 0px 40px;
    height: 50px;
    text-align: right;
    color: rgb(10, 73, 124);
    font-size: 22px;
    line-height: 1.5;
    font-weight: 900;
    margin: 10px 2px;
    padding: 7px 0 55px 0;
    width: 100%;
}
/*------Images link new------*/

#content .line2  .images-link{}

#content .line2  .images-link .dj-custom2-green .djtabs-accordion .djtab-text {    position: absolute !important;left: 24px !important;font-size: 15px !important;margin-left: inherit;}
#content .line2  .images-link .dj-custom2-green div.djtabs-title-wrapper:first-child .djtabs-title {height: 50px; background-color: #23B574;     background-image: url(../images/calendar.png);background-repeat: no-repeat;background-size: 32px;background-position: 220px 7px;}

#content .line2 .images-link .agenda-even h3 {

    background-image: url("../images/s260_RTL.png");
    background-size: 260px 17px;
    background-repeat: no-repeat;
    background-position: 0px 40px;
    height: 50px;

    text-align: left;


    color: rgb(10, 73, 124);
    font-size: 22px;

    line-height: 1.5;

    letter-spacing: -0.082em;
    font-weight: 900;
    margin: 10px 2px;

    padding: 7px 0 55px 0;
    width: 100%;
    direction: rtl;
    text-align: right;
}
#content .line2 .images-link  h3 {

    background-image: url("../images/s260_RTL.png");
    background-size: 260px 17px;
    background-repeat: no-repeat;
    background-position: 0px 40px;
    height: 50px;
    text-align: left;
    color: rgb(10, 73, 124);
    font-size: 25px;
    line-height: 1.5;
  /*  letter-spacing: -0.082em;*/
    font-weight: 900;
    margin: 10px 2px;
    padding: 7px 0 55px 0;
    width: 100%;
    direction: rtl;
    text-align: right;
}

/*--------- polls --------*/
#content .line2  .images-link .poll{text-align: right;}
#content .line2  .images-link .poll form input[type="radio"]{float:right;margin-left: 9px;}

/*------useful-services------*/

#content .container.home.bottom .line4{padding: 25px 0px;}
#content .container.home.bottom .useful-services{}
#content .container.home.bottom .useful-services{}
/*------ security-advice ------*/
#content .home.bottom{}
#content .home.bottom h3{font-size: 19px; margin: 0px;background-color: #22B573;color: #fff;padding: 12px 64px 12px 12px;position: relative;}
/*------ Ministry-recruits ------*/
#content .home.bottom{}
#content .home.bottom h3{font-size: 19px; margin: 0px;background-color: #22B573;color: #fff;padding: 12px 64px 12px 12px;position: relative;}

/*------ election ------*/

#content .home.bottom{}
#content .home.bottom h3{font-size: 19px; margin: 0px;background-color: #22B573;color: #fff;padding: 12px 64px 12px 12px;position: relative;}

/*------ reconcilement ------*/

#content .home.bottom{padding: 15px 0px;}
#content .home.bottom h3{font-size: 19px; margin: 0px;background-color: #22B573;color: #fff;padding: 12px 64px 12px 12px;position: relative;}

/*--------agenda-even---------*/

/* *************************    Contenu page Interne      *******************************************/

/***/

#content .inner-row-top h3{color: #F15A24; margin: 0; direction: rtl;}
#mini{ }
#content .inner-row-top .moduletable{background-color: #fff;  ; min-height: 455px ;padding: 10px }
#content .inner-row-top .bio{ background-color: #fff;width: 48%; float: right; }
#content .inner-row-top .fig { position: relative; min-height: 455px }
#content .inner-row-top .fig p{ text-align: justify; }
#content .inner-row-top .fig img.plus {  position: absolute; left: 24px; bottom:8px; padding: 0; margin: 0}



#content .inner-row-top .moduletable img {float: right;margin: 0px 0px 15px 20px;}
#content .inner-row-top .moduletable img.dis{margin:15px 0; padding: 0; width: 100%;}
#content .inner-row-top .moduletable .custom {border-top: 2px solid  #F15A24;margin-top: 5px;}



#content  div[itemprop="articleBody"]  h4{ color:#F15A24 }
#content .inner{/*background-color: #EDEDED;*/padding: 12px 0px;}
#content .inner .container .inner-row-top{ }
#content .inner .container .div-left{}
#content .inner .container .div-left >div{background-color: #fff;border: solid 1px #E6E6E6;margin-bottom: 15px;}

#content .inner .container .div-right {background-color: #fff;border: 1px solid #e6e6e6;min-height: 400px;direction: rtl; }

#content .inner .container .div-right .breadcrumb{background-color: #fff;color: #173380;margin-bottom: 0px;    overflow: auto;}
#content .inner .container .div-right .breadcrumb a,#content .inner .container .div-right .breadcrumb li{color: #173380;font-size: 12pt;}
#content .inner .container .div-right .breadcrumb li{float: right;}
#content .inner .container .div-right .item-page {background-color: #fff;padding: 10px;}
#content .inner .container .div-right .item-page .page-header{color: #fff;margin: 0px;margin-bottom: 5px;
    border-top: 1px solid #eee;
    padding-bottom: 0 }
#content .inner .container .div-right .item-page h2 {
  color: rgb(10, 73, 124);
  font-size: 26px;
  margin: 0 0 25px;
  padding: 10px 18px 4px 0;
  text-align: right;
}
#content .inner .container .div-right .item-page .blocmia{    background-color: #fff;    box-shadow: 0px 0px 3px #888888;margin-bottom: 14px;padding: 14px;text-align: justify; position: relative;}
#content .inner .container .div-right .item-page .blocmia h4{ color: #F15A24;margin: 0px; padding-left: 30px; font-size: 22px}    
#content .inner .container .div-right .item-page .blocmia h4:before {display: block;content: " ";height: 18px;width: 18px;background-color: #c1c1c1;position: absolute;left: 10px;border-radius: 7px;top: 16px;}

#content .inner .container .div-right .item-page.orange h2{/*background-color: #F15A24;*/ }
#content .inner .container .div-right .magenta.item-page h2{/*background-color: #662D91; */}
#content .inner .container .div-right .green.item-page h2{/*background-color:#8CC63F; */}
#content .inner .container .div-right .green.item-page h4{color:#8CC63F; }
#content .inner .container .div-right .rose.item-page h2{/*background-color: #D4145A; */}
#content .inner .container .div-right .jaune.item-page h2{/*background-color: #FBB03B;*/ }
#content .inner .container .div-right .bleu.item-page h2{background-color: #26397E; }
#content .inner .container .inner-row-bottom{}
#content .inner .container .inner-row-top{}
#content .inner .div-left .menu{  background-color: #fff;    list-style: outside none none;   padding: 0 13px;    margin: 0;    border-radius: 4px; box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.2);}
#content .inner .div-left .menu li a{padding-left: 31px;font-size: 13px;color: #363636;text-decoration: none;background-color: transparent;}
#content .inner .div-left .menu li{ padding: 5px 0;
    font-size: 13px;
    padding: 5px 0;
    text-align: left;
    font-weight: 500;
    color: #909dc2;
    cursor: pointer;
    position: relative;
    border-bottom: 1px solid #e0e2e9;
    font-family: 'Raleway', sans-serif;}
#content .inner .div-left .menu li.current:before {
    content: '';
    position: absolute;
    width: 3px;
    height: 28px;
    background-color: #118db3;
    right: -13px;
    top: 50%;
    transform: translateY(-50%);

}
#content .inner .div-left .menu li.current:after{
    content:'';
    background-color: transparent;
}
#content .inner .div-left .menu li.current a {

    color: #080a9e;

}
#content .inner .div-left .menu li a{text-align: right;}
#content .inner .div-left .menu li:hover{background-color: #eee;}
#content .inner .div-left .menu li a:hover{background-color: transparent;}
#content .inner .div-left .menu li ul{list-style: none; padding: 0px;  background-color: #fff;}
#content .inner .div-left .menu li :after{ }
#content .inner .div-left .menu li ul li{margin-bottom: 0px; background-color: transparent;position: relative; }
#content .inner .div-left .menu li ul li.active a{color: #0071BC;}
#content .inner .div-left .menu li ul li a{color: #808080; text-transform: capitalize;font-size: 10pt;display: block; padding: 10px 15px 10px 45px;background-color: transparent;}
#content .inner .div-left .moduletable{
    border:none !important; box-shadow: none!important;   /*margin-bottom: 25px; padding: 7px;padding-bottom: 0px; box-shadow: 0 0 5px #ccc;*/ background-color: #fff;}

.content-category {padding: 15px;direction: rtl;}
.content-category tbody tr td{direction: rtl;}

.category table {width: 97% !important;}

#content .inner .blog h2[itemprop="name"]{margin: 0px;color: #333;font-size: 15pt;}
#content .inner .blog .page-header:before { }
#content .inner .blog .page-header h2:before {}
#content .inner .blog .page-header{margin: 0px;border: 0;position: relative;}
#content .inner .blog .item-image{padding-right: 10px;padding-bottom: 2px;}
#content .inner .blog .item-image img{border: solid 3px #22B573;width: 187px;border-radius: 15px;}
#content .inner .blog .items-leading{position: relative;margin: 14px;padding: 5px; text-align: justify;}
#content .inner .blog .items-row .span6{position: relative;margin: 14px;padding: 5px; text-align: justify;display: block;display: flex;}
#content .inner .blog>h2{margin-top: 0;margin-bottom: 9px;}
#content .inner .blog>.category-desc{background-color: #fff;font-size: 17px;position: relative;box-shadow: 0px 0px 5px #888888;margin-bottom: 14px;padding: 14px;text-align: justify;}
#content .inner .blog>h2:before{    display: block;content: " ";height: 25px;width: 25px;border-radius: 5px;background-color: #fff;position: absolute;left: 17px;top: 9px;}
#content .inner .blog>h2 span{border-radius: 5px;text-transform: uppercase;display: block;background-color: #0071BC;color: #fff;padding: 10px 53px;font-size: 21px;margin-bottom: 0px;}
#content .inner .blog .span6.row{background-color: #fff; box-shadow: 0px 0px 5px #888888; margin-bottom: 14px; padding: 14px; text-align: justify;}
#content .inner .blog .cat-children>div{overflow: auto;position: relative; background-color: #fff;position: relative;box-shadow: 0px 0px 5px #888888;margin-bottom: 14px;padding: 14px;text-align: justify;}
#content .inner .blog .cat-children>div h3{padding-left: 40px;}
#content .inner .blog .cat-children>div h3 a{color: #0071BC;text-decoration: none;}
#content .inner .blog .cat-children>div h3:before{display: block;content: " ";height: 18px;width: 18px;background-color: #333;position: absolute;left: 1px;border-radius: 7px;top: 2px;}
#content .inner .blog .cat-children>div h3 a:before{display: block;content: " ";height: 6px;width: 15px;background-color: #0071BC;position: absolute;left: -14px;top: 8px;}
#content .inner .blog .cat-children>div .category-desc{}
#content .inner .blog .cat-children>div .category-image img{width: 100%;border: solid 5px #333;border-radius: 6px;}
#content .inner .blog .readmore {overflow: auto;}
#content .inner .blog .readmore a{background-color: #22B573;color: #fff;position: absolute;bottom: -14px;right: 35px;border-radius: 100%;padding: 4px 10px;}
#content .inner .blog .readmore a{color: #fff;}

/*----------com_Dj Mediatools--------------*/



.dj-galleryGrid-in .dj-slide-in img.dj-image{border: solid 7px #333 !important;border-radius: 7px;}
.dj-galleryGrid-in .dj-slide-in a img.dj-image{border: solid 7px #333 !important;cursor: zoom-in;border-radius: 7px;}
.dj-slide-desc-bg{opacity: 0.8!important;}
.dj-slide-description p{margin: 0;color: #fff;}
#pbOverlay{cursor: zoom-out!important;}

/*ACpooling */
.componentheading{background-color: #F15A24;    color: #fff;font-size: 26px;margin: 0;padding: 7px 0 0 18px;direction: rtl;}
.contentpane{padding: 15px;direction: rtl;}

/*----------com_Dj calalog2--------------*/
.djc_description{direction: rtl;padding-right: 15px;color: rgb(23, 51, 128);}
#content #djcatalog .djc_filter_list li,#content #djcatalog .djc_filter_search li{float: right;}
#djcatalog .djc_title{text-align: right;color: rgb(212, 20, 90);padding-right: 15px;}

#djcatalog .djc_fulltext,#djcatalog .djc_item_info{padding-right: 20px;}
#djcatalog .djc_fulltext span{font-size: 15px !important;}
#content .inner .container .div-right h1{text-align: right;color: #fff;font-size: 22px;margin: 0;padding: 7px 18px 7px 0px;background-color: #8cc63f;margin: 0px;}
div[itemprop="articleBody"]{padding: 15px 20px;text-align: justify;background-color: #fff;min-height: 600px;direction: rtl;}

/*----------------------*/

#visformcontainer h1{margin-top: 0; position: relative; border-radius: 5px;text-transform: uppercase;display: block;background-color: #0071BC;color: #fff;padding: 10px 53px;font-size: 21px;margin-bottom: 0px;}
#visformcontainer h1:before {display: block;content: " ";height: 25px;width: 25px;border-radius: 5px;background-color: #fff;position: absolute;left: 17px;top: 9px;}
#visformcontainer form{background-color: #fff; min-height: 500px;padding: 0 15px;}
/*----------fil d'actualité-----------------*/

#contenu .breadcrumb{margin-bottom: 0px;padding-left: 0px; padding-right: 0px;}
#contenu .breadcrumb>li:first-child{color: #363636;}
#contenu .breadcrumb li{color: #0071BC;}
#contenu .breadcrumb a{color: #0071BC;}

/*----------visforms-form-----------------*/

#visformcontainer h1{    border-radius: 5px;margin: 0px;padding: 11px 45px;text-transform: uppercase;font-size: 19px;color: #fff;background-color: #0071BC;}
#visformcontainer h1:before{display: block;content: " ";height: 25px;width: 25px;border-radius: 5px;background-color: #fff;position: absolute;left: 17px;top: 9px;}

/*----------com_Xmap--------------*/
.contenu .interne .div-right .xmap{overflow: hidden;text-align: justify;min-height: 600px;border-width: 1px;border-style: solid;border-color: #AAAAA6;}
.contenu .interne .div-right .xmap .contents-xmap {padding-left: 15px;}
.contenu .interne .div-right .xmap .contents-xmap ul {color: #808080;}
.contenu .interne .div-right .xmap .contents-xmap ul li {list-style-type: square;}
.contenu .interne .div-right .xmap .contents-xmap ul li ul li {list-style-type: disc;}
.contenu .interne .div-right .xmap .contents-xmap a{color: #808080; text-decoration: none;}
.contenu .interne .div-right .xmap .contents-xmap .menutitle{font-size: 14pt;color: #58575D;}
.contenu .interne .div-right .xmap .contents-xmap {}
.contenu .interne .div-right .xmap .page-header{padding-bottom: 0px;margin: 19px 0px 30px;border-bottom: none;}
.contenu .interne .div-right .xmap .page-header h2{padding-left: 35px;margin: 0;font-size: 16pt;color: #58575D;background-image: url(../img/puce-titre1.png);background-repeat: no-repeat;background-position: 0 50%;}

/* ---------Com_contact-------------- */



#contenu .interne .div-right .contact {}
#contenu .interne .div-right .contact .page-header{padding-left: 4px;padding-bottom: 0px;margin: 0px 0px 23px 0px;border-bottom: none;}
#contenu .interne .div-right .contact .page-header h2{margin: 0px;padding: 22px 11px;text-transform: uppercase;font-size: 19px;color: #fff;background-color: #0071BC;}
#contenu .interne .div-right .contact .tab-content{color: #808080;}
#contenu .interne .div-right .contact .nav-tabs{color: #58575D;}
#contenu .interne .div-right .contact .nav-tabs li a{color: #58575D;}
#contenu .interne .div-right .contact .nav-tabs li a:active{font-weight: bold;}
/*.contenu .interne .div-right .contact .tab-content .tab-pane{}*/
#contenu .interne .div-right .contact .tab-content .tab-pane .dl-horizontal{}
#contenu .interne .div-right .contact .tab-content .tab-pane  dl{margin-bottom: 40px;margin-bottom: 20px;margin-left: 40px;}
#contenu .interne .div-right .contact .tab-content .tab-pane  dt{ width: auto;}
#contenu .interne .div-right .contact .tab-content .tab-pane  dd{margin-left: 40px;}
#contenu .interne .div-right .contact .tab-content .contact-form fieldset {margin-left: 25px;margin-bottom: 20px;}
#contenu .interne .div-right .contact .tab-content .contact-form fieldset .control-group{margin-bottom: 15; margin-bottom: 15px;}
#contenu .interne .div-right .contact .tab-content .contact-form fieldset .control-group .control-label{float: left; margin: 0px; min-width: 100px;}
#contenu .interne .div-right .contact .tab-content .contact-form fieldset .control-group .control-label label{text-align: left;}
#contenu .interne .div-right .contact .tab-content .contact-form fieldset .control-group .controls input[type="checkbox"]{margin-left: 20px;margin-bottom: 11px;}
#contenu .interne .div-right .contact .tab-content .contact-form fieldset .form-actions button[type="submit"]{border-color: #FFAB40;background-color: #FFAB40; }
#contenu .interne .div-right .contact .tab-content .contact-form fieldset .form-actions{margin-left: 40%;}
#contenu .interne .div-right .contact .tab-content .contact-form fieldset {}
#contenu .interne .div-right .contact .tab-content .contact-form fieldset {}
#contenu .interne .div-right .contact .tab-content .contact-form fieldset {}
#contenu .interne .div-right .contact .tab-content #display-misc .dl-horizontal dd{ margin-left: 0px;}

/*-----Content search------*/
.contenu .interne .div-right .search #searchForm{}
.contenu .interne .div-right .search .search-results{}
.foot-text2 {float: right;}
/* *************************           Foot Top           ******************************************/

#foot-top {margin-top: 20px;}
#foot-top .container{ background-image: linear-gradient(rgb(10,75,124),rgb(14,115,185));}
#foot-top .container>.row {}
#foot-top .row>div{padding-left: 15px;}
#foot-top .row>div>div{padding-left: 15px;}
#foot-top h3{color: rgb(252, 183, 18);    font-size: 16px;text-align: right;}
#foot-top ul{
    background-color: transparent;padding: 0;list-style: outside none none !important; direction: rtl !important;
}
#foot-top li{
    background-color: transparent;position: relative;   list-style: outside none disc; display: inline-block !important;
}
#foot-bottom ul li {float: left;}
.newsletter {height: 96px; margin-top: -102;}
#foot-top a {background-color: transparent;color: white;display: block;font-family: "Verdana";font-size: 14px;text-align: right;padding: 0 15px;text-decoration: none;}
#foot-top .col4 {height: 281px;}
#foot-bottom a {background-color: transparent;color: white;display: block;font-family: "Verdana";font-size: 11px;padding: 0 15px;text-decoration: none;}
.solid-theme .djtabs-title-img-right  {width: 0px !important;}
#content .middle .container.home .online-services .dj-green #mod105_djtab3 {width: 180px !important;}
#content .middle .container.home .online-services .dj-green #mod105_djtab2 {width: 180px !important;}
#content .middle .container.home .online-services .dj-green #mod105_djtab1 {width: 180px !important;}

#foot-top .mail{margin: 12px 0px;}
#foot-top .mail .contour{border: solid 1px #e0001a;overflow: auto;border-radius: 8px;}
#foot-top .mail .text{border: 0;height: 37px;width: 223px;float: left;line-height: 37px;padding-left: 9px;color: #E6E6E6;}
#foot-top .mail a{    float: left;font-size: 37px;color: #e0001a;display: block;}

/* *************************           Foot Bas           ******************************************/

#foot-bottom .container  {color: #fff;background-color: #22B573;height: 30px;}
#foot-bottom {color: #fff; height: 32px; line-height: 32px; font-size: 12px; font-family:Myriad Pro-Light;}
#foot-bottom .foot-text2 a{text-decoration: none;float: right; color: #fff;}
#foot-bottom .container .foot-text1 {color: #fff; padding: 0px 15px;}
#foot-bottom .container .foot-text2 {color: #fff; padding: 0px 15px;}
.box-table td img {

  /*border: 1px solid #3C9;  */
  margin: 10px!important;
  }

.box-table td  {  height: 120px; }
.h2 {color: green !important;margin-bottom:5px!important;padding-left:0px!important;font-size: 18px !important;

}

#foot-top .container .foot-text1 {
    color: #fff;
    padding: 0 15px;
}

/* *************************           Responsive           ******************************************/



@media (max-width:1200px){





}



@media (max-width:992px){







}



@media (max-width:767px){

.glidecontentwrapper {
  border: 1px solid #ccc;
  border-radius: 10px;
  height: 180px;
  overflow: scroll!important;
  position: relative;
  z-index: 0;
}

#head-top .green-num {
  max-width: 60%;
}
#head-top .formsearch input {
  height: 35px;
  width: 90%;
}
#lientop {
  width: 100%;
}
#head-top .col2 .social ul {
  float: left;
}
#rech {
  width: 100%;
}
.col-sm-2.colgreen-num {
  float: left!important;
}
#head-bottom .logo-one img {
  display: block;
  margin: 0 auto;
  width: 100%;
  border: none!important
}
div[itemprop="articleBody"] {
  background-color: #fff;
  min-height: 200px;
  padding: 15px 20px;
  text-align: justify;
}
#head-top .col1 {
 
  margin-top: 15px;
  text-align: right;
}


}

.chrono_credits {

  display: none;

}

#phocagallery {

 

  padding: 15px!important;

  

}

.form {

  padding: 10px;

  border: 1px solid #E8E8E8;

  background-color: #F2F2F2;

  }

  .form td {

    padding:10px;}

.page-header.item-title {

  font-size: 15px;

  margin: 10px;

  padding: 5px;

}

.citoyen h3 {

    color: rgb(10, 73, 124);
    font-size: 25px;
    font-weight: 900;
    margin: 0 2px 2px 0;
    padding: 20px 7px;
    width: 100%;
    background-image: url("../images/S850_RTL.png");
    background-size: 810px 17px;
    background-repeat: no-repeat;
    background-position: 50px 50px;
    text-align: right;
}
.online-services table {direction: rtl;width: 100%; }
.online-services table td img {
    width: 20%;

}

.online-services table{direction: rtl;width: 100%;}
.online-services table td img {
    width: 37%;

}
.online-services table td img.logodas {
margin-top: 10%;
    height:80%;
    width: 80%;


}
.online-services table td  {
    font-size: 12px;
    font-weight: 500;
    color: #1a7554;
}
.online-services table td span.desc {
   width: 100%;
    position: absolute;
    top: -50px;
    right: 0;
    color: #0e609c;
    font-size: 15px;
}
.online-services table td a img {
   width: 15px;

}
.online-services table a.btnx  {
    justify-content: center;
    color: rgb(10, 73, 124);
    padding: 20px 15px;
    text-align: center;
    border: 1px solid #f0f0f0;
    border-radius: 14px;
    box-shadow: 1px 1px #a19b9b;
    height: 70px;
    min-height: 0px;
    background-color: #3093c7; background-image: -webkit-gradient(linear, left top, left bottom, from(#0e609c), to(#2173b9));

}
.citoyen table{direction: rtl;width: 100%;}
.citoyen table td img {
    width: 30%;

}
.citoyen table td  {
    font-size: 12px;
      font-weight: 500;
    color: #1a7554;
}
.citoyen table a  {

    color: rgb(10, 73, 124);
}

.col-sm-3.citoyen {

  z-index: 0;

}

.espacevideo h3 {
    color: rgb(10, 73, 124);
    font-size: 25px;
    font-weight: 900;
    margin: 0 2px 2px 0;
    padding: 20px 7px;
    width: 100%;
    background-image: url("../images/S850_RTL.png");
    background-size: 810px 17px;
    background-repeat: no-repeat;
    background-position: 50px 50px;
    text-align: right;
    direction: rtl;
}
/*avPlayerWrapper*/
.espacevideo .custom{
    background-color:rgba(22, 143, 172, 0.89) ;
}
.espacevideo .avPlayerWrapper{

    padding: 10px 25px 10px 15px;
}
.btn-toolbar>.btn-group      {
    float: right !important  ;
}

.pagenav {

  background: gray none repeat scroll 0 0;

  padding: 10px;

  border-radius: 5px;

}

.pagination li {
cursor: pointer;color: #FFF;
display: inline;

  float: left;

  margin-right: 10px;

}

.pagination li a {

  color: #FFF;

  text-decoration: none;

}

.pagenav:hover {

  background-attachment: scroll;

  background-color: #000;

  background-image: none;

  background-repeat: repeat;

  background-position: 0 0;

}

.btn-toolbar {

  margin-bottom: 10px;

 

}

.poll {

  font-size: 12px;

}
#content .inner .container .div-right .mauve.item-page h2 {
  background-color: #d4145a;
  margin-bottom: 15px;
  padding-bottom: 10px;
}
.accordionfaqheader span.accordionfaqicon{
    right: 2px !important;left:  none !important;
}
   .accordionfaqheader {
    margin: 0px 0px 1px !important;
    padding-top: 7px !important;;
    padding-bottom: 7px !important;;
    padding-right: 20px !important;;
}
.mauve {
    direction: rtl;
}
  .r-orange h2 {
  /*background: #f15a24 none repeat scroll 0 0!important;*/
  color: blue;
  font-size: 26px !important;
  padding: 10px;
}
.r-vert h2 {
  /*background: #8cc63f none repeat scroll 0 0!important;
  color: white;*/
    color: rgb(10, 73, 124);
  font-size: 26px !important;
  padding: 10px;
}
.r-orange2 h2 {
    color: rgb(10, 73, 124);
  font-size: 26px !important;
  padding: 10px;
}
.r-mauve h2 {
    color: rgb(10, 73, 124);
  font-size: 26px !important;
  padding: 10px;
}
.r-magenta h2 {
    color: rgb(10, 73, 124);
  font-size: 26px !important;
  padding: 10px;
}
h2.annh2  {
    color: rgb(10, 73, 124);
  font-size: 26px !important;
  padding: 10px;
}
h2.green  {
    color: rgb(10, 73, 124);
	margin-bottom: 15px;

	text-decoration: none;
	padding: 10px;
}
h2.green2  {

	margin-bottom: 15px;
    color: rgb(10, 73, 124);
	text-decoration: none;
	padding: 10px;
	 margin-bottom: 25px;
}
.box-vert {
	border: 1px solid #8cc63f!important;
}
.box-mauve {
	border: 1px solid #d4145a!important;
}
#Kunena {
padding:10px!important;
direction:rtl!important;}
.contentpanegreen {
  padding: 15px;
}
.componentheadinggreen {
  font-size: 20px;
  padding: 15px;
}
#com > select {
  width: 60%;
}
.sub {
  width: 60%;
}
#res> select {
  width: 60%;
}
.sidr-class-has-sub.sidr-class-parent img {
  display: none;
}
.sidr ul li a span {
  color: orange!important;
  display: block;
  padding: 0 15px;
  text-decoration: none;
}
.sidr ul li {
  border-bottom: 1px solid #1a1a1a;
  border-top: 1px solid #4d4d4d;
  display: block;
  line-height: 48px;
  margin: 0;
  direction: rtl;
  text-align: right;
}
.a-droite {
direction:rtl;
}
.logo-one img{ width:100%;}
.pull-non.item-image > img {
	
	width:100%;}
	.item-image  img {
	
	max-width:100%;}
	
			
#menu .row1 ul li a {
	padding: 5px 40px !important;
	background-color: rgb(10, 73, 124) !important;
    font-size: 14px;
    font-weight: 500;
/*	-moz-box-shadow:0px 0px 20px #0FA75E !important;
-webkit-animation-name: clignote; 
/*on affecte l'animation clignote à notre bouton*/
/*-webkit-animation-duration: 1s;
 /*on définit la durée de l'animation à 1s*/
/*-webkit-animation-iteration-count:infinite;
 /*on dit que l'animation se répétera à l'infini.*/
  border-radius: 5px;
    max-width: 150px;
}

#menu .row1 ul {
    background: none !important;
	text-align: right;
}
/*
#gruemenu.grue_265 {
   background: none !important;
}*/
@-webkit-keyframes clignote {
0%{box-shadow:0px 0px 20px #0FA75E;}
50%{box-shadow:0px 0px 0px #0FA75E;}
100%{box-shadow:0px 0px 20px #F2181F;}
}

#annuaire_search .glyphicon-search {

    background: none;
    border: transparent;

}
#annuaire_search .glyphicon-search::before {

    content: url("../images/search.png");
    margin-right: -50px;
    padding-top: 5px;
}
#annuaire_search input {

    height: 25px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    width: 300px;
}
#annuaire_search {
    padding: 5px;
}

.moduletable_menu {margin-right:0px!important; position:relative;}

ul.nav .menu {margin-right:15px!important;}
#menu .row2.col-md-10 {
    width: 97.33%;
    padding-right: 0px;
    padding-left: 0px;
}
div#head-bottom {
    min-height: 168px!important;
}
#menu .row2 ul {
    margin: 0;
   
    padding: 0 10px 0 17px;
    background-color: #118db3;
    /* height: 40px; */
    /* position: absolute; */
    /* top: -35px; */
    border-bottom-left-radius: 20px;
    border-top: 1px solid #0a001f;
    border-left: 1px solid #0a001f;
}
@keyframes clignoter {
 /*  0%   { opacity:1; }
  40%   {opacity:0; }
  100% { opacity:1; } */
   0%{box-shadow:0px 0px 20px #0FA75E;}
50%{box-shadow:0px 0px 0px #0FA75E;}
100%{box-shadow:0px 0px 20px #F2181F;}
}
#menu .row2 li.item-601{
    background-color: red;
    height: 35px;
    padding-top: 8px;
 animation-duration: .8s;
   animation-name: clignoter;
   animation-iteration-count: infinite;
   transition: none;
}
div#slide.col-md-10 {
    width: 83.3333333%;
    /* padding: 0; */
    float: right;
}
div#slide.col-md-2 {
    width: 16.66666667%;
    position: relative;
}