@import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@font-face {
    font-family: "Myriad Pro-Light";
    font-style: normal;
    font-weight: normal;
    src: url("MyriadPro-Regular.otf");
}
body {
    font-family: Arial; /* background: #310b28 url(/images/bg.jpg) no-repeat center top fixed;
	display: block;
	-moz-background-size: cover;
	background-size: cover;*/
}
html {
    scroll-behavior: smooth !important;
}
#dj-tabber634m284 .dj-tabber-in {
	max-height: 300px !important;
	
}
.search input[type='text'] {  padding: 5px; }
.search {
    padding-right: 20px;
    border-color: #fff;
    border-style: solid;
    border-width: 0px;
    min-height: 600px;
    padding-top: 20px;
    margin-left: 30px;
    text-align: justify;
}  .search  .btn-group>.btn:first-child {
    margin-left: 0;   outline: none;
    padding: 9px;
    background: #23B574;
}
  .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;
 }

a:hover {
    background-color: transparent;

}
td{
    position: relative;
}
.modal{
    position: absolute;display: inline;
}

.floatleft {
    float: left;
}
.certification {
    height: 30px;
}
#pageshadow:before {
    box-shadow: -15px 0 15px -15px inset;
    content: "";
    height:100%;
    left:-15px;
    position: absolute;
    top:0;
    width: 15px;
}
#pageshadow:after {
    box-shadow: 15px 0 15px -15px inset;
    content: "";
    height:100%;
    right:-15px;
    position: absolute;
    top:0;
    width: 15px;
}
body {
}
scrollbar {
    background-color: #333;
}
scrollbarbutton {
    -moz-appearance: none !important;
}
thumb {
    background-color: #0071bc;
}
scrollcorner {
    -moz-appearance: none !important;
    resize: both;
}
#head-top a {
    padding: 6px 5px;
}
#head-top ul {
    margin: 0;
}
#head-top .col1 ul {
    margin-top: -10px;
}
#head-top .col1 ul.lang-inline li a{
    background-image: url("../images/Ar.jpg");
    background-position: center center;
    background-size: 32px 32px;
    height: 32px;
    color: transparent;
    border-radius: 20px;
}
#head-top .col1 li {
    float: left;

}
#head-top .col1 ul li:first-child::before {
    content: "";
}
#head-top .col1 a {
    color: #fd0001;
    font-size: 10pt;

}
#head-top .col1 {
    margin-top: 15px;
}
#head-top .green-num {
  margin-top: 0;
  max-width: 50%;
}
#head-top .formsearch {
    position: absolute;

    right: -15px;
}
#head-top .glyphicon {
top: 3px;
}
#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;
}
#head-top .formsearch a::before {
    content: url("../images/search.png");
    margin-left: -30px;
}
#head-top .col2 ul {
}
#head-top .col2 li {
    float: left;
    margin-top: -8px;
}
#head-top .col2 li a img {
    max-width: 25px;
}
#head-top .col2 a {
    color: #999999;
    font-size: 10pt;

}

#head-top .col2 a:hover {
    background: transparent none repeat scroll 0 0;
}
#head-top .col2 .social ul {
    float: right;
    width: 137px;
}
#head-top .col2 .social ul li img {
    width: 24px;
}
#head-top .col3 ul {
}
#head-top .col3 li {
    float: left;
}
#head-top .col3 a {
}
#head-bottom {
    margin-top: 0px;
    padding: 0px;
}
#head-bottom .logo-one {
}
#head-bottom .logo-one img {
    border: 1px solid #333;
    display: block;
    margin: 0 auto;
    width: 100%;
}
#head-bottom .social-network {
}
#head-bottom .social-network ul {
    float: right;
    margin-top: 11px;
}
#head-bottom .social-network li {
    display: block;
    float: left;
    height: 30px;
}
#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 {
    float: left;
    margin-top: 11px;
}
#foot-top.social-network li {
    display: block;
    float: left;
    height: 30px;
}
#foot-top .social-network a {
    padding: 3px;
}
#foot-top .social-network img {
    height: 32px;
    width: 32px;
}
#foot-top .social-network li::before {
    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 {
    float: right;
    width: 80%;
}
#head-bottom .logo-two img {
}
.conseil img {
  display: block;
  margin: 0 auto;
  width: 89%;
  height: 100%;
}
.conseil img.linecorp {
    display: block;
    margin: 0 auto;
    height: inherit;
    position: absolute;
top:33px;

}
.espacevideo img.linecorp {
    width: 95%;
    top: 23px;
    left: -5px;
    position: absolute;
    height: inherit;
}
.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.png");
    background-size: 350px 17px;
    background-repeat: no-repeat;
    background-position: 10px 50px;



}
.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%;
}
.conseil .moduletable .custom {
    border: 1px solid #ccc;
    height: 180px; background-color:#FFF;
}
.commune .moduletable .custom {
    border: 1px solid #ccc;
    height: 180px;background-color:#FFF;
}
.vote video {
  width: 89%;
  height: 100%;
}
.vote h3 {
    background-color: #23b574;
    color: #fff;
    font-size: 18px;
    margin: 0 2px 2px 0;
    padding: 7px;
    width: 100%;
}
.vote .moduletable .custom {
    border: 1px solid #ccc;
    height: 180px; background-color:#FFF;
}
.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.png");
    background-size: 810px 17px;
    background-repeat: no-repeat;
    background-position: 0px 50px;
}
/*avPlayerWrapper*/
.espacevideo .custom{
    background-color:rgba(22, 143, 172, 0.89) ;
}
.espacevideo .avPlayerWrapper{

   padding: 10px 25px 10px 15px;
}
#menu .formsearch {
    margin: 12px 0;
}
#menu .formsearch .contour {
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    overflow: auto;
}
#menu .formsearch input {
    border: 0 none;
    height: 37px;
}
#menu .formsearch input.champ {
    float: left;
    width: 215px;
}
#menu .formsearch a {
    color: #173380;
    float: left;
    font-size: 19px;
    margin-top: 7px;
}
#menu .mail {
    margin: 12px 0;
}
#menu .mail .contour {
    border: 1px solid #e0001a;
    border-radius: 8px;
    overflow: auto;
}
#menu .mail .text {
    border: 0 none;
    color: #e6e6e6;
    float: left;
    height: 37px;
    line-height: 37px;
    padding-left: 9px;
    width: 223px;
}
#menu .mail a {
    color: #e0001a;
    display: block;
    float: left;
    font-size: 37px;
}
.agenda-media {
    margin-top: 7px;
}
.slide {
    margin-bottom: 0;
}
.slide .camera_target .cameraCont .cameraSlide img {
    height: 400px !important;
    padding: 5px 0px 5px 0px;
    right: 0 !important;
    width: 100% !important;
}
.slide .camera_thumbs {
    float: right !important;
    width: 50% !important;
}
.slide .camera_prevThumbs {
    display: none !important;
}
.slide .camera_nextThumbs {
    display: none !important;
}
.slide .camera_thumbs_cont {
    background: transparent none repeat scroll 0 0 !important;
}
.slide .camera_next {
    right: 31%;
    top: 50%;
}
.slide .camera_commands {
    display: none;
}
.slide .camera_prev {
    left: 10px;
    top: 50%;
}
#camera_wrap_282 .camera_caption {
    color: #343434;
    right: 0px;
    top:235px;
    width: 80% !important;


    margin-top: 5px;
    max-height: 315px;

    height: 50px;



}
#camera_wrap_282 .camera_pag .camera_pag_ul li{
    display: none;
}
#camera_wrap_282 .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_282{
    height: 290px !important;
}
#camera_wrap_282 .camera_overlayer, #camera_wrap_282 .camera_target_content,#camera_wrap_282 .camera_fakehover{
    height: 290px !important;
}
#camera_wrap_282 .camera_target img{
    border-radius: 5px;
    height: 240px !important;
    margin: 0 !important;
    width: 100% !important;
}
#camera_wrap_278 .camera_target{
    bottom: 0;
    height: 300px;

    overflow: hidden;
    position: absolute;
    left: 0%;
    text-align: left;
    top: 0;
    width: 100%;
    z-index: 0;
}
#camera_wrap_278  .camera_target_content {
    height: 300px !important;
}

#camera_wrap_278 .camera_caption > div{
    margin-top: 20px !important;
    position: absolute !important;
    bottom: 25px !important;
   text-align: center;
    width: 80%;
    left: 10%;
    text-align: center;
}
.cameraCont, .cameraContents {
    position: absolute;
    top: 10px;
}
#camera_wrap_278 .camera_target img{
    margin: 0 !important;
    height: 300px !important;

}
#camera_wrap_278 .camera_pag .camera_pag_ul li{
    position: absolute;
    left: 0;
    top:140px;
}

#camera_wrap_278 .camera_pag .camera_pag_ul {

}




#camera_wrap_151 .camera_thumbs_cont ul li > img {
    height: 55px !important;
    width: 55px !important;
}
.camera_wrap a, .camera_wrap a{

    color: #ffffff;
    line-height: 1.6;
    font-weight: 600;

}
#camera_wrap_151 .camera_caption {
    color: #ffffff;
    right: 0px;
    top:0px;
    width: 30% !important;
    margin-top: 5px;
    max-height: 315px;
   /* border-top: 315px solid rgba(0, 102, 153, 0.94);*/
    background-color: rgba(0, 102, 153, 0.94);
	background-image: url('../images/Sceau3.png');
    background-size: cover !important;
    /* border-left: 55px solid transparent;*/
   /* height: 0;*/
}
#camera_wrap_151 .camera_caption > div{
    top: 50px;
    position: absolute;
}
/*#camera_wrap_282 .camera_caption > div{
    top:0px;
    position: absolute;
}*/
#camera_wrap_151 .camera_caption > div div.camera_caption_title {
   /* min-height: 245px !important;*/
    background-color: transparent !important;
}
.camera_wrap .camera_pag .camera_pag_ul {


    text-align: center;

}

#slide {
  /*  background-clip: content-box;
   background-color: #f2f2f2 !important; margin-bottom:10px!important;*/
}
.agenda-media .formulaire {
    position: relative;
}
#menu .row1 ul {
    background-color: #173380;
    margin-left: -30px;
    padding-bottom: 2px;
}
#menu .row1 ul li {
    display: block;
    float: none;
}
#menu .row1 ul li a {
    color: #fff;
    margin-top: 5px;
    text-decoration: none;
}
#menu .row1 ul li a:hover {
    background-color: transparent;
}
#menu .row1 ul li a img {
    float: right;
    margin-left: 14px;
}
#menu .row1 ul li {
    position: relative;
}
#menu .row1 ul li ul {
    background-clip: content-box;
    background-color: #173380;
    border-radius: 25px;
    display: none;
    left: -16px;
    list-style: outside none none;
    margin-left: 9px;
    padding: 20px 11px;
    position: absolute;
    width: 203px;
    z-index: 20;
}
#menu .row1 ul li ul::before {
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    content: "";
    display: block;
    height: 0;
    left: 41%;
    position: absolute;
    top: 10px;
    width: 0;
}
#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;
    display: block;
    font-size: 13px;
    padding: 2px !important;
    text-decoration: none;
}

#defilement .moduletable  li{
    display: inline;

    margin: 0 10px 10px 0;



}
#defilement .moduletable  ul{
left: 40%;
top: -10px;
position: absolute;
padding: 5px;
}
#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-568 a{
display: inherit !important;
position: absolute;;
left: -58px;
}
#defilement .moduletable  li.item-567 a{
    padding: 10px 56px;
}
#defilement  .moduletable{

    display: inline;

}
#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 {
    background-color: #fff;
    border-radius: 0;
    display: none;
    margin: 0;
   /* padding: 3px 5px;*/
    position: absolute;
    z-index: 20;
}
#menu .row2 ul li:hover ul {
    background-clip: border-box;
    display: block;
    padding: 0 0;
    width: 220px;
}
#menu .row2 ul li ul li {
    float: none;
    list-style: outside none none;

}
#menu .row2 ul li ul li:hover {
    background-color: rgba(255, 255, 255,1);
}
#menu .row2 ul li ul li:hover:last-child {

}
#menu .row2 ul li ul li a {
    color: #fff;
    font-size: 13px;
    padding: 8px;
    text-decoration: none;
}
#menu .row2 ul li ul li ul {
  /*  border-radius: 18px;*/
    display: none;
    left: 150px;
    position: absolute;
}
#menu .row2 ul li ul li:hover ul {
    display: block;
}
#menu .row2 a {
	padding: 2px 4px 2px;
    position: relative;
}
#menu .row2 ul {
    margin: 0 0 0;
   /* padding: 0 50px 0 10px;
    background-color: #118db3;
    height: 40px;
    position: absolute;
    top: -35px;
    border-top-right-radius: 75px;*/
    border-top : 1px solid #0a001f;
    border-right : 1px solid #0a001f;
}
#menu .row2 ul.menu > li {
  /*border-left: 1px solid #e6e6e6;*/
  border-right: 2px solid #696969;
 /* border-top: 1px solid #e6e6e6;*/
  float: left;
 /* margin-right: 4px;*/
 /* border-top-right-radius: 10px;*/
    max-height: 50px;
    /*background-color: beige;*/

}
#menu .row2 ul.menu > li a:hover {

    background-color: #1a7554;

}
.socialxss img{
  border-radius-topright:20px !important; ;
}
#menu .row2 ul.menu > .item-267 a:hover {
}
#menu .row2 ul.menu > li > a {
  color: #ffffff;
  font-size: 11px;  
  text-transform: uppercase;
  font-weight: bold;
overflow: auto;
}


#menu .row2 ul.menu > li > a > img {
    float: right;
    margin: 4px 0 0 14px;
}
#menu .row2 ul.menu > li > a > span {
    float: right;
    padding-left: 10px;
}
#menu .row2 li ul::before {

}
#menu .row2 ul li.item-178 {
 /* border-bottom: 3px solid #23b574;*/
  height: 35px;
}
#menu .row2 ul li.item-178 a {
    /* border-bottom: 3px solid #23b574;*/
    padding: 0;
}
#menu .row2 ul li.item-178 a > img {
    margin: 0;
    width: 40px;
    height: 35px;
}
#menu .row2 ul li.item-178 {
}
#menu .row2 ul li li.item-178 ul li ul {
    display: none;
    left: 231px;
    padding: 0;
    position: absolute;
    top: 10px;
}
#menu .row2 ul li li.item-178 ul li:hover ul {
    display: block;
}
#menu .row2 li.item-118 {
  /*  border-bottom: 3px solid #f15a24;*/
}
#menu .row2 li.item-118 span {
  width: 88px;
}
#menu .row2 li.item-118 ul {
    background-color: #118db3;
    left: -3px;
    top: 35px;
    width: 150px !important;
}

#menu .row2 li.item-118 ul::before {
   /* border-bottom: 15px solid #f15a24;*/
}
#menu .row2 ul li.item-118 ul li ul {
    display: none;
    left: 150px;
    padding: 0;
    position: absolute;
    top: 0px;
    z-index: 99;
    width: 230px !important;
}
#menu .row2 ul li.item-118 ul li:hover ul {
    display: block;
    z-index: 999;
}
#menu .row2 li.item-143 {
   /* border-bottom: 3px solid #662d91;*/
}
#menu .row2 li.item-143 span {
    width: 109px;
}
#menu .row2 li.item-143 ul {
    background-color: #118db3;
}
#menu .row2 li.item-143 ul {
    left: -3px;
    top:35px;
}
#menu .row2 li.item-143 ul::before {

}
#menu .row2 ul li.item-143 ul li ul {
    display: none;
    left: 220px;
    padding: 0;
    position: absolute;
    top: 0;
}
#menu .row2 ul li.item-143 ul li:hover ul {
    display: block;
}
#menu .row2 li.item-267 ul::before {
  border-bottom: 15px solid #0FA75E;
}
#menu .row2 li.item-127 {
   /* border-bottom: 3px solid #d4145a;*/
}
#menu .row2 li.item-127 span {
    width: 94px;
}
#menu .row2 li.item-127 ul {
    background-color: #118db3;
    width: 280px !important;
    left: 0px;
    top: 35px;
}

#menu .row2 li.item-127 ul::before {

}
#menu .row2 ul li.item-127 ul li ul {
    display: none;
    left: 221px;
    padding: 0;
    position: absolute;
    top: 0;
}
#menu .row2 ul li.item-127 ul li:hover ul {
    display: block;
}
.agenda-media .pdf img {
    width: 40px;
}
.agenda-media .pdf {
    bottom: 5px;
    position: absolute;
    right: 3px;
}
.images-link .custom {
    margin-top: 15px;
}
.images-link .custom img {
    margin-bottom: 10px;
}
.images-link .poll {
    margin-bottom: -7px;
}
.middle {
    margin-bottom: -40px;
    position: relative;
    top: -30px;
}
.newsletter .acyfield_name {
    display: none !important;
}
.acymailing_form {
    direction: rtl;
}
.acymailing_form tr td input {
    direction: ltr;
    height: 31px;
    width: 100%;
}
.acymailing_form tr td .inputbox {
    border: 3px solid #285e8e;
   border-bottom-right-radius: 7px;
    border-top-right-radius: 7px;
    float: left;
    width: 100% !important;
}
.acymailing_form {
    margin: inherit !important;
}
.acymailing_form .acysubbuttons {
    width: 50px;
}
.acymailing_form tr td .button {
    background-image: url("../images/mail.png");
    background-position: 12px 2px;
    background-repeat: no-repeat;
  /*  background-size: 60% auto;*/
}
.acymailing_form tr td >span {
    width: 40px;
border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    height: 30px;

    position: absolute;

    top: -1.3px;

    right: -7px;
}
#menu .row2 li.item-138 {
   /* border-bottom: 3px solid #8cc63f;*/
}
#menu .row2 li.item-138 span {
    width: 170px;
}
#menu .row2 li.item-138 ul {
    background-color: #118db3;
    top:35px;
    left: -3px;
}

#menu .row2 li.item-138 ul::before {

}
#menu .row2 ul li.item-138 ul li ul {
    display: none;
    left: 221px;
    padding: 0;
    position: absolute;
    top: 0;
}
#menu .row2 ul li.item-138 ul li:hover ul {
    display: block;
}
#menu .row2 li.item-267 {
 /* border-bottom: 3px solid #0FA75E ;*/
 border-right: 0 !important ;
}
#menu .row2 li.item-267 span {
    width: 64px;
}
#menu .row2 li.item-267 ul {
    background-color: #118db3;
    left: -3px;
    top:35px;
}
#menu .row2 li.item-267 ul {

}
#menu .row2 li.item-267 ul {
}
#menu .row2 ul li.item-267 ul li ul {
    display: none;
    left: 221px;
    padding: 0;
    position: absolute;
    top: 0;
}
#menu .row2 ul li.item-267 ul li:hover ul {
    display: block;
}
#menu .row2 ul li.item-267 a {
  padding-top: 8px;
    padding-bottom: 0;

}

#menu .row2 li.item-569 span {

    width: 100px;

}
#menu .row2 li.item-569 ul {
    left: -3px;
    top:35px;
    background-color: #118db3;
}
#menu .row2 li.item-166 {
    border-bottom: 3px solid #173380;
}
#menu .row2 li.item-166 span {
    line-height: 34px;
    width: 59px;
}
#menu .row2 li.item-166 ul {
    background-color: #173380;
}
#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;
    left: 221px;
    padding: 0;
    position: absolute;
    top: 0;
}
#menu .row2 ul li.item-166 ul li:hover ul {
    display: block;
}

#content .container.home.top .slide .bt-inner .bt-title {
    color: #333333;
    font-size: 16px;
    padding: 10px 0;
}
#content .container.home.top .slide {
}
#content .container.home.top .slide .bt-row {
    background-color: #f2f2f2;
    border: 1px solid #e6e6e6;
    height: 360px;
}
#content .container.home.top .slide .bt-content {
    background-color: #f2f2f2;
    height: auto;
}
#content .container.home.top .slide .bt-center {
    border: 0 none;
}
#content .container.home.top .slide .bt-center img {
    border: 0 none;
    margin: 0;
}
#content .container.home.top .slide .bt-introtext {
    font-size: 16px;
    text-align: justify;
}
#content .container.home.top .slide .bt_handles {
    bottom: 21px;
}
#content .container .fil-actuality {
    margin-bottom: 15px;
    margin-top: 15px;

}
#content .container .fil-actuality h3 {
   /* background-color: #df2027;*/
    background-color: rgb(10, 73, 124);
    color: #fff;
    float: left;
    font-size: 16px;
    padding: 8px 40px 5px 25px;
    position: absolute;
    text-transform: uppercase;
    top: -20px;
    left: 70px;
    line-height: 1.32;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;

}
#content .container .fil-actuality .mod_simple_marquee {
   
    font-size: 20px;
    height: 25px;
    position: relative;
}
#content .container .mod_simple_marquee .mod_simple_marquee_content {
    border: 1px solid #897f7f;
    height: 34px;
    width: 80%;
    left: 15%;
    border-top-left-radius: 60px;
    border-bottom-right-radius: 22px;
    background-color: #fff;
}
#content .container .mod_simple_marquee .mod_simple_marquee_content .js-marquee {
    font-size: 14px;
    line-height: 35px;
    color: #0a0a0a;
}
#content .container .mod_simple_marquee .mod_simple_marquee_content .js-marquee p a {

    color: #0a0a0a;
}
#content .container.home.top .actuality .mod-articles-category-category {
    background-color: #23b574;
    display: block;
    float: right;
    margin-top: 10px;
}
#content .container.home.top .actuality .mod-articles-category-category a {
    color: #fff;
    display: block;
    font-weight: normal;
    padding: 2px 20px;
}
#content .container.home.top .actuality h3 {
    border-bottom: 3px solid #22b573;
    color: #173380;
}
#content .container.home.top .actuality ul {
    color: #333;
    list-style: outside none none;
    padding-left: 0;
}
#content .container.home.top .actuality li {
    border-bottom: 1px solid #999;
    color: #333333;
    padding: 12px 0;
}
#content .container.home.top .actuality a {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
}
#content .container.home.top .actuality .mod-articles-category-readmore a {
    background-color: #e1001a;
    color: #fff;
    float: right;
    padding: 4px 10px;
}
#content .container.home.top .agenda-media h3 {
    background-color: #22b573;
    color: #fff;
    margin: 0;
    padding: 12px 64px 12px 12px;
    position: relative;
}
#content .container.home.top .agenda-media > div:first-child h3::after {
    background-image: url("../images/10.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: " ";
    display: block;
    height: 49px;
    position: absolute;
    right: 14px;
    top: 15px;
    width: 49px;
}
#content .container.home.top .agenda-media .popup .cpopup {
    background: rgba(35, 181, 116, 0.9) none repeat scroll 0 0;
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.9);
    color: #09c;
    height: 80px;
    margin-top: -80px;
    opacity: 0;
    padding: 15px;
    position: absolute;
    right: 15px;
    transform: scale(0) rotate(-12deg);
    transition: all 0.4s ease 0s;
    width: 250px;
}
#content .container.home.top .agenda-media .popup ul {
    background-color: #173380;
    padding-bottom: 10px;
}
#content .container.home.top .agenda-media .popup ul li {
    display: block;
    float: none;
}
#content .container.home.top .agenda-media .popup ul li a {
    color: #fff;
    margin-top: 8px;
    text-decoration: none;
}
#content .container.home.top .agenda-media .popup ul li a:hover {
    background-color: transparent;
}
#content .container.home.top .agenda-media .popup ul li {
    position: relative;
}
#content .container.home.top .agenda-media .popup ul li ul {
    background-clip: content-box;
    background-color: #173380;
    border-radius: 25px;
    display: none;
    left: 15px;
    list-style: outside none none;
    margin-left: 9px;
    padding: 20px 11px;
    position: absolute;
    top: 60px;
    width: 203px;
    z-index: 20;
}
#content .container.home.top .agenda-media .popup ul li ul::before {
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    content: "";
    display: block;
    height: 0;
    left: 41%;
    position: absolute;
    top: 10px;
    width: 0;
}
#content .container.home.top .agenda-media .popup li ul::before {
    border-bottom: 15px solid #173380;
}
#content .container.home.top .agenda-media .popup ul li:hover ul {
    display: block;
}
#content .container.home.top .agenda-media .popup ul li ul li:hover {
    background-color: rgba(255, 255, 255, 0.4);
}
#content .container.home.top .agenda-media .popup ul li ul li a {
    color: #fff;
    display: block;
    font-size: 13px;
    padding: 8px;
    text-decoration: none;
}
#content .container.home.top .agenda-media .popup {
    list-style: outside none none;
}
#content .container.home.top .agenda-media .popup ul {
    padding: 0;
}
#content .container.home.top .agenda-media .popup .cpopup img {
    width: 45%;
}
#content .container.home.top .agenda-media .popup .cpopup .google {
    width: 32%;
}
#content .container.home.top .agenda-media .popup .cpopup a {
    color: white !important;
}
#content .container.home.top .agenda-media .rest {
    margin-top: 9px;
}
#content .container.home.top .agenda-media .popup:hover .cpopup, #content .container.home.top .agenda-media .popup:focus .cpopup {
    opacity: 1;
    transform: scale(1) rotate(0deg);
}
#content .container.home.top .agenda-media {
}
#content .container.home.top .agenda-media {
}
#content .container.home.top .agenda-media .custom {
    overflow: auto;
}
#content .container.home.top .agenda-media .custom img {
}
#content .container.home.top .agenda-media > div {
}
.citoyen table td img {
    width: 35%;

}
.citoyen table td  {
    font-size: 1.2rem;
    font-weight: 500;
    color: #1a7554;
}
.citoyen table a  {

    color: rgb(10, 73, 124);
}
.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.png");
    background-size: 810px 17px;
    background-repeat: no-repeat;
    background-position: 0px 50px;
}
.citoyen img.linecorp {
    width: 95%;
    top: 23px;
    left: -5px;
    position: absolute;
    height: inherit;

}
#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.png");
    background-size: 550px 17px;
    background-repeat: no-repeat;
    background-position: 0px 50px;
}
#content .middle .container.home .online-services #ctl00_ContentPlaceHolder1_BtnValider {
    background-color: #e1001a;
    color: white;
}
#content .middle .container.home .online-services .dj-green .djtabs-active {
    background-color: #fff !important;
    background-image: none !important;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-top: 1px solid #999;
    color: #23b574 !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-color: #23b574;
    background-image: none !important;
    color: #fff;
}
#content .middle .container.home .online-services {
}

.online-services img.logodas{

    position: relative;
    top:0%;
    height:15%;
    width: 15%;
    margin-right: 4%;
}
.online-services img.btnx.test{

    position: absolute;

    float: left;
    top:85%;
    margin-right: 10%;
    height:25%;
    width: 5%;
    z-index:1;

}

.online-services p.btnx.test{

    position: absolute;

    float: left;
    top:95%;
    margin-right: 10%;
    height:40%;
    width: 5%;
    z-index:2;
    font-family:Georgia, Times New Roman, Times, serif;
    font-weight: bold;
    color:#0e609c;
    text-decoration: none;
    text-align: center;

}

.online-services img.btnx{

    position: relative;
    top:6%;
    height:60%;
    width: 40%;
}
.online-services img.txt{

    position: relative;
    top:0%;
    height:20%;
    width: 80%;

}
.online-services a.btnx{
    width: 12%;
    margin-right: 80px;
    padding: 20px 1%;
    text-align: center;
    border: 1px solid #f0f0f0;
    border-radius: 14px;
    position: relative;
    float: left;
    left:10px;
    top: 120px;
    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));

}

.online-services a.last{
    margin-right: 0 !important;
    clear: right;


}




#content .middle .container.home .online-services .djtabs.ministere {
    background-color: #fff;
}
#content .middle .ministere .djtabs-title {
    border-radius: 12px;
    line-height: 17px !important;
    margin: 2px;
    padding: 15px 7px;
    white-space: normal;
}
#content .line2 .actuality .category-module p {
    font-size: 12px;
}
#content .line2 .folder a {
    color: #333;
    font-size: 18px;
}
#content .line2 .folder h3 {
    border-bottom: 3px solid #22b573;
    color: #173380;
}
#content .line2 .folder table tr {
}
#content .line2 .folder table .tre {
    border-bottom: 1px solid #999;
}
#content .line2 .folder table .trelast {
    padding-bottom: 10px;
}
#content .line2 .folder table span {
    background-color: #23b574;
    display: block;
    float: right;
    margin-top: 5px;
}
#content .line2 .folder table span a {
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: normal;
    padding: 3px 20px;
}
#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%;
}
#content .middle .folder h3 {
    background-image: url("../images/s260.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;


    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;
   border-radius: 10px;
    margin: 5px 20px;
    width: 80%;
    max-height: 120px;
}
#content .middle .container.home .folder table td a {
    color: rgb(10, 73, 124);

    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: 5px 10px;
    box-shadow: 2px 2px #0a0a0a;
    color: rgb(10, 73, 124);
}

#content .middle .container.home .images-link h3 {
    background-image: url("../images/s260.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;
    font-weight: 900;
    margin: 10px 2px;
    padding: 7px 0 55px 0;
    width: 100%;
}
#content .line2 .images-link {
}
#content .line2 .images-link h3 {
   /* border-bottom: 3px solid #22b573;
    color: #173380;*/
	background-image: url("../images/s260.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;
    font-weight: 900;
    margin: 10px 2px;
    padding: 7px 0 55px 0;
    width: 100%;
}
#content .line2 .images-link .dj-custom2-green .djtabs-accordion .djtab-text {
    font-size: 15px !important;
    left: 24px !important;
    margin-left: inherit;
    position: absolute !important;
}
#content .line2 .images-link .dj-custom2-green div.djtabs-title-wrapper:first-child .djtabs-title {
    background-color: #23b574;
    background-image: url("../images/calendar.png");
    background-position: 220px 7px;
    background-repeat: no-repeat;
    background-size: 32px auto;
    height: 50px;
}
#mod_iccalendar_134 table tbody td{
    padding: 8px;
}
#mod_iccalendar_134 table th {
    padding: 8px;
    font-size: 1.1rem;
    font-weight: 500;
}
#mod_iccalendar_134 table tbody td div{
    font-size: 1.2rem;
    font-weight: 500;
}
#content .line2 .images-link .agenda-even h3 {

    background-image: url("../images/s260.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%;
}
#content .container.home.bottom .line4 {
    padding: 25px 0;
}
#content .container.home.bottom .useful-services {
}
#content .container.home.bottom .useful-services {
}
#content .home.bottom {
}
#content .home.bottom h3 {
    background-color: #22b573;
    color: #fff;
    font-size: 19px;
    margin: 0;
    padding: 12px 64px 12px 12px;
    position: relative;
}
#content .home.bottom {
}
#content .home.bottom h3 {
    background-color: #22b573;
    color: #fff;
    font-size: 19px;
    margin: 0;
    padding: 12px 64px 12px 12px;
    position: relative;
}
#content .home.bottom {
}
#content .home.bottom h3 {
    background-color: #22b573;
    color: #fff;
    font-size: 19px;
    margin: 0;
    padding: 12px 64px 12px 12px;
    position: relative;
}
#content .home.bottom {
    padding: 15px 0;
}
#content .home.bottom h3 {
    background-color: #22b573;
    color: #fff;
    font-size: 19px;
    margin: 0;
    padding: 12px 64px 12px 12px;
    position: relative;
}
#content .inner-row-top h3 {
    color: #f15a24;
    margin: 0;
}
#mini {
}
#content .inner-row-top .moduletable {
    
    min-height: 455px;
    padding: 10px;
}
#content .inner-row-top .bio {
   
    float: right;
    width: 48%;
}
#content .inner-row-top .fig {
    min-height: 455px;
    position: relative;
}
#content .inner-row-top .fig p {
    text-align: justify;
}
#content .inner-row-top .fig img.plus {
    bottom: 8px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 24px;
}
#content .inner-row-top .moduletable img {
    float: right;
    margin: 0 0 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 {
   
    padding: 12px 0;
}
#content .inner .container .inner-row-top {
}
#content .inner .container .div-left {
}
#content .inner .container .div-left > div {
    background-color: #fff;
   /* border: 1px solid #e6e6e6;*/
    margin-bottom: 15px;
}
#content .inner .container .div-right {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    min-height: 400px;
}
#content .inner .container .div-right .breadcrumb {
    background-color: #fff;
    color: #173380;
    border-bottom: 1px solid #eee;
}
#content .inner .container .div-right .breadcrumb a, #content .inner .container .div-right .breadcrumb li {
    color: #173380;
    font-size: 12pt;
}
#content .inner .container .div-right .item-page {
    background-color: #fff;
    padding: 10px;
}
#content .inner .container .div-right .item-page .page-header {
  color: rgb(10, 73, 124) !important;
  margin: 0 0 25px;
  padding-bottom: 0;
}
#content .inner .container .div-right .item-page .green2  h2 {
  color: #fff;
  font-size: 26px;
  margin: 0;
  padding: 10px;
  /* background-color: rgb(15, 167, 94);*/
}
#content .inner .container .div-right .item-page .blocmia {
    background-color: #fff;
    box-shadow: 0 0 3px #888888;
    margin-bottom: 14px;
    padding: 14px;
    position: relative;
    text-align: justify;
}
#content .inner .container .div-right .item-page .blocmia h4 {
    color: #f15a24;
    font-size: 22px;
    margin: 0;
    padding-left: 30px;
}
#content .inner .container .div-right .item-page .blocmia h4::before {
    background-color: #c1c1c1;
    border-radius: 7px;
    content: " ";
    display: block;
    height: 18px;
    left: 10px;
    position: absolute;
    top: 16px;
    width: 18px;
}
#content .inner .container .div-right .item-page.orange h2 {
    /*background-color: #f15a24;*/
    padding-bottom: 5px;
	 margin-bottom: 15px;color: rgb(10, 73, 124) ;
}
#content .inner .container .div-right .magenta.item-page h2 {
 /*   background-color: #662d91;*/
    padding-bottom: 5px;
	 margin-bottom: 15px;color: rgb(10, 73, 124);
}
#content .inner .container .div-right .mauve.item-page h2 {
  background-color: transparent;
  margin-bottom: 25px;
  padding-bottom: 10px;color: rgb(10, 73, 124);
}
#content .inner .container .div-right .green.item-page h2 {
  background-color: transparent;
  margin-bottom: 25px;
  padding-bottom: 10px;color: rgb(10, 73, 124);
}
#content .inner .container .div-right .green2.item-page h2 {
 /*background-color: rgb(15, 167, 94);*/
  margin-bottom: 25px;
  padding-bottom: 10px; color:#FFF;
}
#content .inner .container .div-right .rose.item-page h2 {
    background-color: #d4145a;
    padding-bottom: 10px;
	 margin-bottom: 25px;color: #fff;
}
#content .inner .container .div-right .jaune.item-page h2 {
    background-color: #fbb03b;
    padding-bottom: 10px;
	 margin-bottom: 25px;color: #fff;
}
#content .inner .container .div-right .bleu.item-page h2 {
    background-color: #26397e;
    padding-bottom: 10px;
	 margin-bottom: 25px;color: #fff;
}
#content .inner .container .div-right .breadcrumb {
    margin-bottom: 0;
}
#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 {
    background-color: transparent;
    color: #363636;
    font-size: 13px;
    padding-left: 31px;
    text-decoration: none;
}
#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;
    left: -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:hover {
    background-color: transparent;
}
#content .inner .div-left .menu li ul {
    background-color: #fff;
    list-style: outside none none;
    padding: 0;
}
#content .inner .div-left .menu li *::after {
}
#content .inner .div-left .menu li ul li {
    background-color: transparent;
    margin-bottom: 0;
    position: relative;
}
#content .inner .div-left .menu li ul li.active a {
    color: #0071bc;
}
#content .inner .div-left .menu li ul li::after {
    background-color: #0070bb;
    border-radius: 5px;
    content: " ";
    display: block;
    height: 22px;
    left: 7px;
    position: absolute;
    top: 6px;
    width: 22px;
}
#content .inner .div-left .menu li ul li a {
    background-color: transparent;
    color: #808080;
    display: block;
    font-size: 10pt;
    padding: 10px 15px 10px 45px;
    text-transform: capitalize;
}
#content .inner .div-left .moduletable {
  background-color: #fff;
 /* box-shadow: 0 0 2px #ccc;
  padding: 7px 7px 0;*/
}
.content-category {
    padding: 15px;
}
.category table {
    width: 97% !important;
}
.item-page.magenta > p {
    padding: 10px;
}
.item-page.mauve > p {
    padding: 2px;
}
#content .inner .blog h2[itemprop="name"] {
    color: #333;
    font-size: 15pt;
    margin: 0;
}
#content .inner .blog .page-header::before {
}
#content .inner .blog .page-header h2::before {
}
#content .inner .blog .page-header {
    border: 0 none;
    margin: 0;
    position: relative;
}
#content .inner .blog .item-image {
    padding-bottom: 2px;
    padding-right: 10px;
}
#content .inner .blog .item-image img {
    border: 3px solid #22b573;
    border-radius: 15px;
    width: 187px;
}
#content .inner .blog .items-leading {
    margin: 14px;
    padding: 5px;
    position: relative;
    text-align: justify;
}
#content .inner .blog .items-row .span6 {
    display: flex;
    margin: 14px;
    padding: 5px;
    position: relative;
    text-align: justify;
}
#content .inner .blog > h2 {
    margin-bottom: 9px;
    margin-top: 0;
}
#content .inner .blog > .category-desc {
    background-color: #fff;
    box-shadow: 0 0 5px #888888;
    font-size: 17px;
    margin-bottom: 14px;
    padding: 14px;
    position: relative;
    text-align: justify;
}
#content .inner .blog > h2::before {
  border-radius: 5px;
  content: " ";
  display: block;
  height: 25px;
  position: absolute;
  top: 9px;
  width: 25px;
}
#content .inner .blog > h2 span {
  border-radius: 5px;
  color: #fff;
  display: block;
  font-size: 22px;
  margin-bottom: 0;
  padding: 10px 10px;
  text-transform: uppercase;
}
#content .inner .blog .span6.row {
    background-color: #fff;
    box-shadow: 0 0 5px #888888;
    margin-bottom: 14px;
    padding: 14px;
    text-align: justify;
}
#content .inner .blog .cat-children > div {
    background-color: #fff;
    box-shadow: 0 0 5px #888888;
    margin-bottom: 14px;
    overflow: auto;
    padding: 14px;
    position: relative;
    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 {
    background-color: #333;
    border-radius: 7px;
    content: " ";
    display: block;
    height: 18px;
    left: 1px;
    position: absolute;
    top: 2px;
    width: 18px;
}
#content .inner .blog .cat-children > div h3 a::before {
    background-color: #0071bc;
    content: " ";
    display: block;
    height: 6px;
    left: -14px;
    position: absolute;
    top: 8px;
    width: 15px;
}
#content .inner .blog .cat-children > div .category-desc {
}
#content .inner .blog .cat-children > div .category-image img {
    border: 5px solid #333;
    border-radius: 6px;
    width: 100%;
}
#content .inner .blog .readmore {
    overflow: auto;
}
#content .inner .blog .readmore a {
    background-color: #22b573;
    border-radius: 100%;
    bottom: -14px;
    color: #fff;
    padding: 4px 10px;
    position: absolute;
    right: 35px;
}
#content .inner .blog .readmore a {
    color: #fff;
}
.dj-galleryGrid-in .dj-slide-in img.dj-image {
    border: 7px solid #333 !important;
    border-radius: 7px;
}
.dj-galleryGrid-in .dj-slide-in a img.dj-image {
    border: 7px solid #333 !important;
    border-radius: 7px;
    cursor: zoom-in;
}
.dj-slide-desc-bg {
    opacity: 0.6 !important;
}
.dj-slide-description p {
    color: #fff;
    margin: 0;
}
#pbOverlay {
    cursor: zoom-out !important;
}
.componentheading {
    background-color: #f15a24;
    color: #fff;
    font-size: 26px;
    margin: 0;
    padding: 7px 0 0 18px;
}
.contentpane {
    padding: 15px;
}
#content #djcatalog .djc_filters_in, #content #djcatalog .djc_items, div.djc_attributes {
    margin: 0 20px !important;
}
#djcatalog .djc_title {
    color: rgb(212, 20, 90);
    padding-left: 15px;
}
#djcatalog .djc_fulltext, #djcatalog .djc_item_info {
    padding-left: 20px;
}
#djcatalog .djc_fulltext span {
    font-size: 15px !important;
}
#djcatalog tbody a {
    color: #333;
}
#djcatalog tbody .djc_row1 {
    background-color: #f7f7f9;
}
#content .inner .container .div-right h1 {
  background-color: #8cc63f;
  color: #fff;
  font-size: 26px;
  margin: 0;
  padding: 7px 0 7px 18px;
  text-align: left;
  margin-bottom: 10px;
}
#content .head h1 {
  background-color: #f15a24;
  color: #fff;
  font-size: 26px;
  margin: 0;
  padding: 7px 0 7px 18px;
  text-align: left;
  margin-bottom: 10px;
}
div[itemprop="articleBody"] {
    background-color: #fff;
    min-height: 600px;
    padding: 15px 20px;
    text-align: justify;
}
#visformcontainer h1 {
    background-color: #0071bc;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-size: 21px;
    margin-bottom: 0;
    margin-top: 0;
    padding: 10px 53px;
    position: relative;
    text-transform: uppercase;
}
#visformcontainer h1::before {
    background-color: #fff;
    border-radius: 5px;
    content: " ";
    display: block;
    height: 25px;
    left: 17px;
    position: absolute;
    top: 9px;
    width: 25px;
}
#visformcontainer form {
    background-color: #fff;
    min-height: 500px;
    padding: 0 15px;
}
#contenu .breadcrumb {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}
#contenu .breadcrumb > li:first-child {
    color: #363636;
}
#contenu .breadcrumb li {
    color: #0071bc;
}
#contenu .breadcrumb a {
    color: #0071bc;
}
#visformcontainer h1 {
    background-color: #0071bc;
    border-radius: 5px;
    color: #fff;
    font-size: 19px;
    margin: 0;
    padding: 11px 45px;
    text-transform: uppercase;
}
#visformcontainer h1::before {
    background-color: #fff;
    border-radius: 5px;
    content: " ";
    display: block;
    height: 25px;
    left: 17px;
    position: absolute;
    top: 9px;
    width: 25px;
}
.contenu .interne .div-right .xmap {
    border-color: #aaaaa6;
    border-style: solid;
    border-width: 1px;
    min-height: 600px;
    overflow: hidden;
    text-align: justify;
}
.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 {
    color: #58575d;
    font-size: 14pt;
}
.contenu .interne .div-right .xmap .contents-xmap {
}
.contenu .interne .div-right .xmap .page-header {
    border-bottom: medium none;
    margin: 19px 0 30px;
    padding-bottom: 0;
}
.contenu .interne .div-right .xmap .page-header h2 {
    background-image: url("../img/puce-titre1.png");
    background-position: 0 50%;
    background-repeat: no-repeat;
    color: #58575d;
    font-size: 16pt;
    margin: 0;
    padding-left: 35px;
}
#contenu .interne .div-right .contact {
}
#contenu .interne .div-right .contact .page-header {
    border-bottom: medium none;
    margin: 0 0 23px;
    padding-bottom: 0;
    padding-left: 4px;
}
#contenu .interne .div-right .contact .page-header h2 {
    background-color: #0071bc;
    color: #fff;
    font-size: 19px;
    margin: 0;
    padding: 22px 11px;
    text-transform: uppercase;
}
#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 .dl-horizontal {
}
#contenu .interne .div-right .contact .tab-content .tab-pane dl {
    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-bottom: 20px;
    margin-left: 25px;
}
#contenu .interne .div-right .contact .tab-content .contact-form fieldset .control-group {
    margin-bottom: 15px;
}
#contenu .interne .div-right .contact .tab-content .contact-form fieldset .control-group .control-label {
    float: left;
    margin: 0;
    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-bottom: 11px;
    margin-left: 20px;
}
#contenu .interne .div-right .contact .tab-content .contact-form fieldset .form-actions button[type="submit"] {
    background-color: #ffab40;
    border-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: 0;
}

.contenu .interne .div-right .search #searchForm {
}
.contenu .interne .div-right .search .search-results {
}
.foot-text2 {
    float: right;
}
#foot-top {
    margin-top: 20px;
}
#foot-top .container {
       background-image: linear-gradient(rgb(10,75,124),rgb(14,115,185));
}

/*#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: 14px;
    font-weight: 600;
}
#foot-top .spaci h3 {
        letter-spacing: -0.09rem;
}
#foot-top ul {
    background-color: transparent;
    list-style: outside none none !important;
    padding: 0;
}
#foot-top li {
    background-color: transparent;
    list-style: outside none disc;
    position: relative;
}
#foot-top ul li {
    float: left;
}
.newsletter {
    height: 96px;
    margin-top: -35px;
}
#foot-top a {
    background-color: transparent;
    color: white;
    display: block;
    font-family: "Verdana";
    font-size: 11px;
    padding: 0 15px;
    text-decoration: none;
}
#foot-top .col4 {
    /*height: 281px;*/
}
#foot-top 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: 0 !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 0;
}
#foot-top .mail .contour {
    border: 1px solid #e0001a;
    border-radius: 8px;
    overflow: auto;
}
#foot-top .mail .text {
    border: 0 none;
    color: #e6e6e6;
    float: left;
    height: 37px;
    line-height: 37px;
    padding-left: 9px;
    width: 223px;
}
#foot-top .mail a {
    color: #e0001a;
    display: block;
    float: left;
    font-size: 37px;
}
#foot-bottom .container {
    background-clip: content-box;
    background-color: #22b573;
    color: #fff;
    height: 30px;
}
#foot-bottom {
    color: #fff;
    font-family: Myriad Pro-Light;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
}
#foot-top .foot-text2 a {
    color: #fff;
    float: right;
    text-decoration: none;
}
#foot-top .container .foot-text1 {
    color: #fff;
    padding: 0 15px;
}
#foot-top .container .foot-text2 {
    color: #fff;
    padding: 0 15px;
}
.box-table td img {
    margin: 10px !important;
}
.box-table td {
    height: 120px;
}
.h2 {
    background-color: white !important;
}
.h2 {
    color: green !important;
    font-size: 18px !important;
    margin-bottom: 5px !important;
    padding-left: 0 !important;
}
@media (max-width: 1200px) {
}
@media (max-width: 992px) {
}
@media (max-width: 767px) {
    #navigation-toggle {

        z-index: 9999 !important;
    }
    #head-background{
        background: none !important;
    }
    #toparrondi{
        border: none !important;
        height: auto;
    }
.glidecontentwrapper {
  border: 1px solid #ccc;
  border-radius: 10px;
  height: 180px;
  overflow: scroll!important;
  position: relative;
  z-index: 0;
}
#head-top .green-num {
  max-width: 50%;
}
    #head-top DIV{
      /*  border: 1px solid black;*/
         height: 50px;
         z-index: 9999;
       /*  background-color:bisque ;*/
     }
#head-top .formsearch input {
  height: 35px;
  margin-left: 14px;
  width: 90%;
}
#lientop {
  width: 100%;
    display: inline-block;
}
#head-top .moduletable_menu {
        width: 90%;
        display: inline-block;
}
#head-top .col2 .social ul {
  float: left;
}
#rech {
  width: 100%;
}
.col-sm-2.colgreen-num {
  float: right;
  text-align: right;
}
#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;
}
}
.chrono_credits {
    display: none;
}
#phocagallery {
    padding: 15px !important;
}
.form {
    background-color: #f2f2f2;
    border: 1px solid #e8e8e8;
    padding: 10px;
}
.form td {
    padding: 10px;
}
.page-header.item-title {
    font-size: 15px;
    margin: 10px;
    padding: 5px;
}
.citoyen .glidecontentwrapper {
    border-radius: 0;
}
.col-sm-3.citoyen {
    z-index: 0;
}
.pagenav {
    background: gray none repeat scroll 0 0;
    border-radius: 5px;
    padding: 10px;
}
.pagination li {
    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-position: 0 0;
    background-repeat: repeat;
}
.btn-toolbar {
    margin-bottom: 10px;
}
.poll {
    font-size: 12px;
}
.table {
  font-size: 100%;
}
.accordionfaq {
  font-size: 100% !important;
}
.accordionfaqheader {
  font-size: 15px !important;
}


#content .custom .popup .cpopup {
    background: rgba(35, 181, 116, 0.9) none repeat scroll 0 0;
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.9);
    color: #09c;
    height: 80px;
    margin-top: -80px;
    opacity: 0;
    padding: 15px;
    position: absolute;
    right: 15px;
    transform: scale(0) rotate(-12deg);
    transition: all 0.4s ease 0s;
    width: 250px;
}
#content .custom  .popup ul {
 /*   background-color: #173380;
    padding-bottom: 10px;*/
}
#content .custom  .popup ul li {
    display: block;
    float: none;
}
#content .custom  .popup ul li a {
    color: #fff;
    margin-top: 8px;
    text-decoration: none;
}
#content .custom  .popup ul li a:hover {
    background-color: transparent;
}
#content .custom .popup ul li {
    position: relative;
}
#content .custom .popup ul li ul {
    background-clip: content-box;
    background-color: #173380;
    border-radius: 25px;
    display: none;
    left: 15px;
    list-style: outside none none;
    margin-left: 9px;
    padding: 20px 11px;
    position: absolute;
    top: 60px;
    width: 203px;
    z-index: 20;
}
#content .custom  .popup ul li ul::before {
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    content: "";
    display: block;
    height: 0;
    left: 41%;
    position: absolute;
    top: 10px;
    width: 0;
}
#content .custom .popup li ul::before {
    border-bottom: 15px solid #173380;
}
#content .custom  .popup ul li:hover ul {
    display: block;
}
#content .custom .popup ul li ul li:hover {
    background-color: rgba(255, 255, 255, 0.4);
}
#content .custom  .popup ul li ul li a {
    color: #fff;
    display: block;
    font-size: 13px;
    padding: 8px;
    text-decoration: none;
}
#content .custom  .popup {
    list-style: outside none none;
}
#content .custom  .popup ul {
    padding: 0;
}
#content .custom  .cpopup img {
    width: 45%;
}
#content .custom .cpopup .google {
    width: 32%;
}
#content .custom  .popup .cpopup a {
    color: white !important;
}
#content .custom  .rest {
    margin-top: 9px;
}
#content .custom  .popup:hover .cpopup, #content .custom  .popup:focus .cpopup {
    opacity: 1;
    transform: scale(1) rotate(0deg);
}
.container.home.top {
  margin-bottom: 25px;
}.rech-form select {
  margin: 15px;
  padding: 5px;
}
.sub {
  margin: 10px;
  padding: 5px;
}
.form {
  background-color: #f2f2f2;
  border: 1px solid #e8e8e8;
  font-size: 90%;
  margin-bottom: 10px;
  padding: 10px;
  width: 90%;
}
	.form td {
		padding:8px;}
		dl.muted {
  display: none;
}
h2.dj-cat-title {
  font-size: 25px;
  padding-left: 15px;
}
.r-orange h2 {
    color: rgb(10, 73, 124);
  font-size: 26px !important;
  padding: 10px;
   margin-bottom: 25px;
}
.r-orange2 h2 {
    color: rgb(10, 73, 124);
  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;
   margin-bottom: 25px;
}
.r-mauve h2 {
    color: rgb(10, 73, 124);
  font-size: 26px !important;
  padding: 10px;
   margin-bottom: 25px;
}
.r-magenta h2 {
    color: rgb(10, 73, 124);
  font-size: 26px !important;
  padding: 10px;
   margin-bottom: 25px;
}
h2.annh2  {
    color: rgb(10, 73, 124);
  font-size: 26px !important;
  padding: 10px;
   margin-bottom: 25px;
}
h2.green  {
    color: rgb(10, 73, 124);
	margin-bottom: 15px;

	text-decoration: none;
	padding: 10px;
	 margin-bottom: 25px;
}
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;}
.contentpanegreen {
  padding: 15px;
}
.componentheadinggreen {
  font-size: 20px;
  padding: 15px;
}
.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;

}
#content .inner .container .div-right .item-page   h2 {
 /* color: #fff;
  font-size: 26px;
  margin: 0;
  padding: 10px;*/
  /* background-color: rgb(15, 167, 94);*/
}
.h2, h2 {
  /*  font-size: 30px; margin-top: 10px;
    margin-bottom: 10px;color: #fff;*/
}
.logo {
  max-width: 100%;
}
.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 10px 5px 38px !important;
	/*background-color: rgba(8, 10, 158, 0.89) !important;*/
    background-color: rgb(10, 73, 124) !important;
    max-width: 150px;
/*	-moz-box-shadow:0px 0px 20px #0FA75E !important;
	line-height 1;
   -webkit-animation-name: clignote; 
   -webkit-animation-duration: 1s;
   -webkit-animation-iteration-count:infinite;*/
   border-radius: 5px;
}
#menu .row1 ul {
    background: none !important;
}

/*
.grue_265 ul {
    background: none !important;
}
#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-left: -50px;
 }
#annuaire_search input {

    height: 25px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    width: 300px;
}
#annuaire_search {
    padding: 5px;
}
#head-top .col2 .social ul {
    float: right;
    width: 137px;
    padding: 0;
}
div#head-bottom {
   height: 183px!important;
}
#menu .row2.col-md-10 {
    width: 97.33%;
    padding-left: 0px;
    padding-right: 0px;
}
#menu .row2 ul.nav {
    margin: 0 0 0;
    /* padding: 0 50px 0 10px; */
    background-color: #118db3;
    height: 40px;
    position: relative; 
    width: 1138px;
    
    border-bottom-right-radius: 20px;
    border-top: 1px solid #0a001f;
    border-right: 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;}
120%{box-shadow:0px 0px 20px #F2181F;}
}
#menu .row2 li.item-597 {
    background-color: red;
    height: 35px;
    padding-top: 8px;
 animation-duration: .8s;
   animation-name: clignoter;
   animation-iteration-count: 4;
   transition: none;
}

#menu .row2 li.item-610 a {
    background-color: red;
    height: 35px;
    padding-top: 5px;
 animation-duration: .8s;
   animation-name: clignoter;
   animation-iteration-count: infinite;
   transition: none;
   
}
#menu .row2 li.item-660 a {
    background-color: red;
    height: 35px;
    padding-top: 5px;
 animation-duration: .7s;
   animation-name: clignoter;
   animation-iteration-count: infinite;
   transition: none;
    border-bottom-right-radius: 20px;
}
#menu .row2 ul li:hover ul {
    background-clip: border-box;
    display: block;
    padding: 0 0;
    width: 200px;
    background-color: #118db3;
}
div#slide.col-md-10 {
    width: 83.3333333%;
    /* padding: 0; */
    float: left;
}
div#slide.col-md-2 {
    width: 16.66666667%;
    position: relative;
}
