﻿@font-face {font-family: ComfortaaB; src: url(../fonts/comfortaaBold.ttf);}

@font-face {font-family: ComfortaaL;src: url(../fonts/Comfortaa-Light .ttf);}

@font-face {font-family: myriadpro;src: url(../fonts/myriadpr.otf);}

@font-face {font-family: myriadproLight;src: url(../fonts/MyriadProLight.otf);}

@font-face {font-family: adobeArReg;src: url(../fonts/Adobe Arabic Regular.otf);}

body{margin:0;padding:0; overflow-x: hidden; }

ul{list-style:none;margin:0;padding:0}

a{text-decoration:none !important}



/****************** head *******************/

#page   {width: 100%; height: 100%; background:#fff; opacity: 0.5      ; z-index: 99999;}

#loader {   z-index: 99999;    width: 100%;height: 200px; position: fixed;top:250px; background:#FF3399; text-align: center; background-size: 100px; opacity: 0.9  }

#header-top{/*padding-top: 10px;*/}

#log  { margin-top: 30px;}
#log img {  /*  width: 240px;*/}
.orange {
	
	background-color: #FFF2F2;
	padding:10px;
	border-radius:10px;
	
	
}
.chronoforms6_credits {
	display:none!important;
}
.orange h4 {
	color: #CC0000;
}
#log1 img{

  /*width: 89%;   */

    margin: 0 auto;

    display: block;

    margin-top: 23px;

}
.hrclass{
width: 30%;
    border: 1px solid #ccc;
}
.divwilaya{
      width: 60%;
    margin: 0 auto;
    border: 2px solid #ccc;
    padding: 10px;
}
.tablewilaya {width: 60%;
    margin: 0 auto;
    border: 2px solid #666;
    height: 174px;}
.tablewilaya .btn { display: block;
    margin: 0 auto;
    background: #c52831;
    color: #fff;
    padding: 10px 24px;border: 1px solid #c52831; }
.tablewilaya label{
      text-align: right;
    float: right;
}
.wilayas img{ margin:0 auto}
.wilayas h3{     text-align: center;font-size: 23px;
    font-weight: bold; }
.wilayas{
  border: 1px solid #ccc;
    display: block;
    margin: 30px 1px;
    padding: 10px;
}

select#wilaya{
  margin: 0 auto;
    width: 273px;
}

#menu{float:right;  /*  margin: 15px 0px 0px 0;*/}
.entete{   height: 40px;       border-bottom: 1px solid #c1272d;
   /* background: #7e7c7d;   */

}

#menu-princip{padding-top: 23px;padding-right: 0px;    padding-left: 0px;}
#menu-princip .secondary-menu{padding-right: 0px;    padding-left: 0px;}

#menu-princip .ulbefore{padding: 11px 6px 0px 69px !important;margin:0}

ul#principal {  background: #c52831;padding: 10px;margin: 17px 0px 17px 0px;}

ul#principal  > li:first-child {display: block;}

ul#principal  > li {float:left; margin:0;padding:0;position:relative ;}

ul#principal  li:hover a{background-color:transparent;}

ul#principal  > li:last-child a::after { display: none;}

ul#principal  > li > a {  color: #fff;font-weight: bold;font-family: ComfortaaB;font-size: 13px ;text-transform: uppercase;display: block;      padding: 10px 11px;

text-transform: uppercase;text-align: center;transition: bcolor 500ms,border-color 500ms;}

ul#principal > li > a:hover ,

ul#principal > li.parent > a:hover {color:#ccc;background: transparent;}

 ul#principal > li > ul {position:absolute;top: 50px;left:0;display:none;padding:0;padding-top: 4px;margin:0;list-style:none;background: #c42531;opacity: 1;z-index: 9999999   ;}

ul#principal li > ul > li:last-child a{ border-bottom: none }

ul#principal  li > ul > li{padding: 0px 10px;    background: #c52632;transition:background 500ms,color 500ms,border-color 500ms;}

ul#principal li > ul > li:hover a{ color: #166c8f }

ul#principal  li > ul > li > a {display: block;font-size: 17px ;padding: 9px;text-decoration: none; color: #fff;border-bottom: 0.05em solid #fff;min-width:280px;transition:background 500ms,color 500ms,border-color 500ms;}

#site #menu-reseignement {float:right;padding: 5px 66px 1px 0px;}

 #site #menu-reseignement ul li {float:left}

#site #menu-reseignement ul li a{color: #827F81;font-family: ComfortaaL; font-size: 10px;background:transparent }

#site #menu-reseignement ul li a:hover{color: #C1272D;font-family: ComfortaaL; font-size: 10px; }

#site #search{ float: right;margin: 8px -493px 0 0;}

#site #search img{     border-radius: 5px;padding: 1px 12px 1px 12px;}

#site #menu #r{float:right;width: 262px;display:none}

#site #menu #r a{float: right;margin: 0px 0 0 38px;position: absolute;right: -324px;top: 59px;}

#site #menu #r input{margin: 47px 0px 0px 379px;padding: 0px 25px 12px 3px;border-radius: 4px;border: 1px solid #C1272D;}
#site #menu-right ul li a{  color: #fff;     padding: 17px 2px 17px 2px;
    font-weight: bold;
    font-family: ComfortaaB;
    font-size: 14px;
    text-transform: capitalize;
    display: block;

    text-align: center;
    transition: bcolor 500ms,border-color 500ms;

    text-decoration: none;  }
#site #menu-right ul li a img{ float: right;
    margin-left: 14px;}
#site #menu-right ul li a:hover{ color: #ccc;
    background: transparent;  }

#site #menu-right ul {
      background-color: #7e7c7d;

    padding: 2px 0px 2px 0px;
    margin-top: 17px;
}
#site #menu-right ul li ul li a{ display: block;
    font-size: 14px;
    padding: 9px;
    text-decoration: none;
    color: #fff;
    border-bottom: 0.05em solid #fff;
    min-width: 221px;
    transition: background 500ms,color 500ms,border-color 500ms;}

#site #menu-right ul li ul{ position: absolute;
    top: 58px;
    left: 0;
    display: none;
    padding: 0;
    /* padding-top: 22px; */
    margin: 0;
    list-style: none;
    background: #7e7c7d;
    opacity: 1;
    z-index: 9999999;
    display: block; }
 /*****************************resaux-sociaux****************/

  #site #resaux-sociaux {position:fixed;top:200px;right:0;  }

 #site #resaux-sociaux img{width: 55px; }

 #site #resaux-sociaux .nav{    padding-left: 9px; }

 #site #resaux-sociaux {width: 63px !important;padding-bottom:0px;right:0px;z-index: 999999; }

 #site #resaux-sociaux ul li{width: 54px !important;padding-bottom:0px;}

 #site #resaux-sociaux ul li a{width: 54px !important;padding-bottom:0px;}

 #site #resaux-sociaux ul > li > a { width: 60px !important; padding: 0px;}

#site #resaux-sociaux ul > li > a:hover, #site #resaux-sociaux ul li > a:focus {background-color: transparent;}

 /*************************************

#site #resaux-sociaux ul**********front page********************************************************************/

.presentation-header, #partenaires-header{    padding-top: 10px;}

#presentation-header img,#partenaires-header img{width:100%;   height: 80px;}

#partenaires #slider2m119 > li img{border:1px solid #ccc !important}

.slide-title{ display:none}

 #slide-accueil .djslider-default img.dj-image  {
 
    height: 150px !important;
 }

 #slide-accueil {height: 200px !important;
    position: relative;
    margin-top: 35px;}
 #slide-accueil .moduletable{box-shadow: 0 0 7px #c52831;}
 #slide-accueil .djslider-default img.dj-image  img{  height:203px}

 #slide-accueil .camera_target .cameraCont .cameraSlide img{width:100% !important;margin-left: 0px !important;margin-right: 0px !important;}

#slide-accueil .cameraCont,#slide-accueil .cameraContents {}

 #slide-accueil .djslider-default .slide-desc-in { width: 50%;margin: 0 auto; }
 #slide-accueil .djslider-default .slider-container {
    height: 180px !important; }
 #slide-accueil .djslider-default ul.djslider-in > li {
    height: 180px !important;  }

#slide-accueil .slide-text  p{    text-align:center;font-size: 21px;font-weight: bold;}

 #actu {background: #fff;
    box-shadow: 0px 0px 1px 1px #ccc;
    margin: 0 auto;
    display: block;
    height: 40px;margin-top: 0px;   /* position: absolute*/;bottom: 0;width: 100%;}

 #actu .container{    padding-right: 1px;
    padding-left: 1px;    width: 90%;
    margin: 0 auto;
    display: block;}

 #actu p span a{     font-weight: bold;color: #fff !important;margin-right: 0px;float: left;font-size: 20px !important;font-family: ComfortaaB;margin: 0px !important;}

 #actu p span a strong{ font-size: 17px;color: #c52831;}

#site #presentation {width:100%;margin: auto;}

 #site #presentation .container {width: 50% !important;text-align: center;margin: 0 auto;}

#site #presentation img {border: 4px solid #666666;border-radius: 50;border-radius: 50%;text-align: center;width: 100px;}

 h1 strong  {       font-size: 22px;}

h1 strong  {       font-size: 22px;}

 #contenu .container h2.conv span{color: red;font-size: 36px;  font-family: ComfortaaB; }

 #cont a{color:#000;  text-transform: capitalize; }

 #cont a:hover, #cont a:active {color: #c52831;}

 #site #presentation p:first-child {}

#site #presentation p a{color: #fff;border: 1px solid #C52632;border-radius: 5px;padding: 7px;float: right;margin-top: 22px;background: #C52632;}

#site #presentation h2 {font-size: 24px; text-align: center;color: #C1272D;font-family: adobeArReg;font-weight:bold;}

#site #presentation .custom h3 {font-size: 18px;}

#site #presentation h3 {font-size: 23px; text-align: center;color: #C1272D;font-family: myriadpro;}

#site #presentation p{font-size: 16px; text-align:justify;color: #333333;font-family: myriadpro;}

#site #reglementation {background:url(../images/reglementation.jpg) no-repeat;background-attachment: fixed; padding-bottom: 36px;background-size: cover;}

#site #reglementation .slides_control{    }

#site #reglementation .slides_container{    height: 265px !important;}

#site #reglementation .container{margin-top: 28px;}

#site #reglementation .reg {text-align: center;    margin-top: 15px;    overflow: hidden;}

#site #reglementation .reg img{text-align: center;border-radius: 50%;border: 6px solid #666666;background:#fff;margin: 3px 10px 0px 10px;padding: 6px;}

#site #reglementation .reg img:hover{border: 6px solid #666666;    background: #B81828;}

#site #reglementation .reg h3,#site #reglementation .reg1 h3{color:#fff;font-family: ComfortaaB;    text-align: center; }

#site #reglementation .reg .bt-cs .bt-inner .bt-title { color: #666666;font-family: myriadproLight;text-align: justify;    font-size: 13px; }

#site #reglementation .reg .bt-introtext{display:none }

#site #reglementation .reg p,#site #reglementation .reg .bt-introtext{color:#666666;font-family: myriadpro;font-size:14px; }

#site #reglementation .reg #p{background:#fff;   }

#site #reglementation #reglements1 p{margin: 13px 6px 0px 0;padding: 5px 0px 5px 3px; }

#reglementation-header  {

  display:none}

#contact2 p img{

      display: none;

}

 .tablecom td {      padding: 10px;}
 .tablecom th {      padding: 10px;color:#fff;
    background: #c52831; }

 .tablecom{
   background: #fff;
    margin-bottom: 20px;
 }

#site  #actualites .slide  .bt-title {    color: #7e7c7d !important;   }
#site #reglementation #btcontentslider109 .bt-introtext {  display:none   }
#site #reglementation #btcontentslider109 {
  background: white;
}

#actualites #btcontentslider109{background:#fff ;    margin-top: 12px;}

#actualites #btcontentslider109 .bt-row {padding: 0px 0 !important;}

/*********************************************/

#sae_link a{

  color:#000

}



/***********************************************/

 #dj-galleryGrid8m149 .dj-slide-desc-text p {
    color: #FFF !important;
}

  #dj-galleryGrid8m149 .dj-slide-desc {
    height: 59px;}
    .membre  #cont a{float:right }
    .membre .dj-slide { opacity:1 !important   }
    .membre{
      width:80%;
      text-align: center
    }


 #contenu{min-height: 600px;}
 #contenu .presentation-header, #contenu #partenaires-header {
    padding-top: 0px;}

#btcontentslider109 .bt_handles {display:none}

#actualites .slides_container {    padding-top: 18px;}

#actualites .bt-row-separate {border-bottom: 1px dotted #9D2024;}

#reglementation-bottom #reseaux .custom{background: white;text-align: center;height:272;   }

#reglementation #actualites{background: #fff !important;margin-top: 49px !important;height:272;    }

 #reglementation #actualites h3{margin-top: -31px;font-family: ComfortaaB }

 #reglementation-header{ }

 #telechargement{ background:#fff;margin-top: 51px;height: auto;}

/*  #reseaux img{ padding: 21px 0px 0px 14px !important;} */
/* #reseaux h3{display:none}  */
 /*#reseaux .moduletable{margin-top: 49px;}  */


 #site #reglementation-bottom #telecharg-News #upload{margin-top: 4px;height: 79px;}

#site #reglementation-bottom #telecharg-News #upload .custom{background: white;height: 70px;}

 #site #reglementation-bottom #telecharg-News #upload .custom p{margin: 9px 26px 16px 55px; padding: 17px 24px 0px 0px;text-align: center;}

 #site #reglementation-bottom #telecharg-News #upload .custom a{color:black;font-family: ComfortaaB;font-size:25px}

 #telechargement h3{color:#C1272D !important;font-family: ComfortaaB !important;padding: 28px 17px 10px 1px}

#telechargement .acymailing_introtext{font-family: ComfortaaB;color:#666666;text-align: center;}

#telechargement input.inputbox{border:0px solid #C1272D; border-radius:5px;padding: 15px 103px 6px 10px;position:relative;    outline: none;}

#contenu .jwajaxvote-inline-rating {display: none !important;  }

#contenu .jd_page_nav {display: none !important;  }

#contenu .jorange { border: solid 1px #C3232D;background: linear-gradient(#C01F28, #C52632);  }

#telechargement .acymailing_module_form td { padding-bottom: 0px; }

#telechargement table.acymailing_form { width:80%;   margin: auto;border: 1px solid #C1272D !important;border-collapse: separate;border-radius: 7px;}

#telechargement .btn-primary {color: #fff;background-color: #C52632;border-color: #C52632;padding: 10px;font-size: 15px;font-family: ComfortaaB;float: right;}

 #slider2m119 .dj-slide-desc {display: none;}

#dj-galleryGrid4m130 .dj-slide{     width: 175px;    opacity: 1 !important;}

.rep { }

.rep {opacity: 1 !important;     width: 269px;height: 268px;}

.rep img{width: 220px;height: 285px;    border: 1px solid #ccc;}

#slide-accueil #camera_wrap_128 .cameraContent .camera_caption > div {background: #c52831 !important;opacity: 1 !important;padding: 22px;}

 #lien{display:none}



/*#lien{position: absolute;bottom: 25%;width: 100%;margin: 0 auto;text-align: center;}   */

#lien a{    margin-right: 25px;color: #c52831;font-size: 20px;font-weight: bold;    background: #fff;padding: 10px;}

.h3actualite{visibility: visible;animation-duration: 2s;animation-delay: 300ms;animation-iteration-count: infinite;animation-name: pulse;}

.hr{border-width: 1px; border-style: solid;border-style: dotted; border-color: #ccc;}

.container #dj-galleryGrid4m130  .dj-slide img.dj-image, #dj-galleryGrid4m130 .dj-slide a:hover img.dj-image { border: 1px solid #ccc !important;}

.container #dj-galleryGrid4m130 .dj-slide-title {font-size: 12px;}

.container #dj-galleryGrid4m130 .dj-slide-desc-text p {        color: #fff !important; font-size: 12px !important;    margin: 0 0 0px 0px; }

.container .rep {  }

.art{visibility: visible;animation-duration: 2s;animation-delay: 300ms;animation-iteration-count: infinite;animation-name: pulse;}

.container .rep .dj-slide-desc{  position: absolute;width: 286px;max-height: 100%;bottom: 0%;left: 0%;}

.container .rep .dj-slide-desc-in {position: relative;}

.container .rep .dj-slide-title {font-size: 1.3em;font-weight: bold;line-height: 1.1;color: #f5f5f5;}

.container .galery { margin: 10px 70px 10px -20px;border: 0px;}

.container .galery .dj-slides {position: relative;z-index: 5;}

.container .galery .dj-galleryGrid-in { position: relative;}

.container .rep .dj-slide-desc-text p { color: #fff !important; margin: 0 0 0px;  font-size: 13px !important;}

.container .rep .dj-slide-desc-text {     width: 220px;position: relative;font-size: 10px;color: #ccc;padding: 4px ;text-align: left;}

.container .rep .dj-slide-desc-bg{  position: absolute;top: 0;left: 0;width: 220px;height: 100%;background: #000; opacity: 0.5; }

 /****************************************************************************************************************/
#head{
  margin-top:20px
}

#contenu .container h2{    text-align: center;margin: 0 auto;color: #C1272D;font-size: 21px;font-family: ComfortaaB ;padding: 15px 8px 20px 6px;}

#contenu .container .page-header {border-bottom:none;    margin: 4px 0 13px; }

#contenu .container .slide-desc-text-default .slide-title {display: none;}

#contenu .container .slide-text span{    color: #fff !important;}

#contenu .container .slide-desc-text-default {padding: 0px 0px 1px;}

#contenu .container ul li {font-family: myriadpro;    font-size: 16px;}

#contenu td{font-family: myriadpro;font-size: 18px !important;}

#contenu .container ul li a{color: #827F81;font-size: 18px; }

#contenu .container p.readmore a{margin-bottom: 10px;float: right;color: #ffffff;background: #c52831;font-weight: bold}

#site #reglementation-bottom p.readmore a{margin-bottom: 0px !important;float:right !important;color: #c52831 !important;background: transparent !important}

#xmap ul.level_1{padding-left: 23px;}

#content-right li{font-family: myriadproLight;font-size: 18px;color: #333333;}

#contenu .container p.readmore {font-size: 14px !important;}

.photoheque {width: 70%;}

a.aphoto {float: right;color: #c11f27;}

#contenu .container ul li a:hover{ color: #C1272D; }

#contenu .container ul li {padding: 3px 0px 9px 0px;}

#contenu .container p { font-family: myriadproLight; font-size:18px ;color:#333333}

#contenu .container h3 {font-family: myriadpro;font-size: 18px;color: #C1272D;}

#contenu .container #partenaires #dj-galleryGrid1m119 .dj-slide-in {border: 1px solid #ccc !important;}

#contenu .container #partenaires #slider1m119 .dj-slide-desc-in {display: none; }

#contenu .container #partenaires #cust-navigation1m119 span.load-button {background: #C52632;box-shadow: 0 0 2px #C52632; display:none }

#contenu .container #partenaires #slider1m119 > li img {border: 1px solid #ccc !important;}

#contenu .container #partenaires #cust-navigation2m119 {display: none;}

#contenu .container #partenaires {margin-bottom: 22px;}

#contenu .container #partenaires h3{font-family: ComfortaaB;font-size: 23px;color: #C1272D;text-align: center;    margin-bottom: 27px;}

#partenaires_mob{display:none}

#contenu .container #partenaires #dj-galleryGrid2m119 .dj-slide img.dj-image, #dj-galleryGrid2m119 .dj-slide a:hover img.dj-image {

/*border: 1px solid #ccc!important;*/}

#contenu .container #partenaires #dj-galleryGrid1m119 .dj-slide-desc {display: none;}

#contenu .jd_footer {display: none !important;}

#contenu .jd-item-page {padding-bottom: 40px; }

#contenu .back_button a:hover, a:focus {color: #C52632;}

/********************************composant jdownloads**********************************************************************/

#contenu .container .jd-item-page select#cat_list{border-radius: 5px !important;padding: 8px !important;    border: 1px solid #686867;}

 #contenu .container td a:hover,#contenu .container td a:focus {color: #C52632;}

 #contenu .container td a,#contenu .container td a {color: #686867;font-family: myriadpro;font-size: 16px;    margin-left: 7px;}

 .container .contact #contact-form .btn-primary {color: #fff;background-color: #c2272f; border-color: #c2272f;}

  .container .contact #contact-form .btn-primary:hover,.contact #contact-form .btn-primary:focus,.contact #contact-form .btn-primary:active,.contact #contact-form .btn-primary.active, .open .dropdown-toggle.btn-primary {color: #fff;

background-color: #c32732;border-color: #c52632;}

.container .contact #contact-form label {float: left;}

b, strong {font-weight: bold;font-size: 16px;}

 /**********************************************footer******************************************************************/

 #footer-top {min-height: 322px;background:url(../images/footer.jpg) no-repeat;background-size: cover; }

 #footer-top #contact1{padding-top:0px;width:200px;margin:0 auto; }

 #footer-top #contact1 h3{font-family:Comfortaa;    font-size: 28px;color: #fff;text-align: center;padding-top: 0px;padding-bottom: 0px;}

  #footer-top #contact1 p{  font-size:18px;font-family: myriadpro;color:#fff;border:1px; border:1px solid  #A3A3A9;border-radius:5px; }

  #contact-tel img:hover, #localisation .custom >p > img:hover, #rejoigner-nous p >img:hover {background:#B81828;border:1px solid #B81828  }

 #contact-tel img, #localisation .custom> p>img, #rejoigner-nous p >img {margin: 0px auto;

    margin-top: 20px;

    width: 71px;

    border-radius: 50%;

    border: 1px solid #fff;

    padding: 20px;

    background: #333333;}

#rejoigner-nous h3{color:#fff;font-size: 14px;text-align: center;font-family:myriadpro ;}

 #rejoigner-nous ul  {padding-left: 35px;}

 #rejoigner-nous ul li {float: left;margin: 11px 0px 0px 0px;    padding-left: 10px;}

 #rejoigner-nous p >img{ padding: 9px;}

 #rejoigner-nous ul li a {width: 57px !important;border-radius: 14px;border:1px solid  #A3A3A9;background:#333333 }

 #localisation .custom >p{padding-top:0px}

 #rejoigner-nous ul li.item-122 a{padding: 12px }

 #rejoigner-nous ul li a:hover, #rejoigner-nous ul li a:focus {background:#B81828;border: 1px solid #B81828;border-radius:14px}

 #contact-tel p,#rejoigner-nous p, #localisation p{font-size:17px;color:#fff;text-align: center;font-family:myriadpro ;}

 #site #footer-top #contact2 #rejoigner-nous h3 {color:#fff;font-size: 21px;text-align: center;font-family:myriadpro ;}

  #site #footer-top #contact1 img{margin-left:auto;margin-right:auto; width:200px;height:40px;}

 #site #footer-top #rejoigner-nous p img:hover, #site #footer-top #contact-tel p img:hover,

 #site #footer-top #localisation p img:hover{background:  #B81828;border:#B81828}

#site #footer-top #contact1 #form{ padding-top:10px; }

 #site #footer-top #contact1 span{ font-size:18px; text-align: center !important; color:#fff;}

#footer-bottom .container{ height:40px; background:#C1272D;}

#footer-bottom .container #textfooter, #textfooter1{font-size:12px;color:#FFFFFF; font-family:myriadpro;padding-top: 10px; }

#footer-bottom .container #textfooter1{float:left;  text-align: right}

.contact-emailto a{color:red  }

#menu-rech-mob{display:none}

#slide-accueil  #camera_wrap_128 .camera_caption_desc{     font-size: 16px;font-family: ComfortaaB;    text-align: center}

#slide-accueil  #camera_wrap_128 .camera_caption_title {font-size: 18px;line-height: 25px;    }

#slide-accueil  #camera_wrap_128 .cameraContent{ margin: 0px auto;     width: 49%;}

#slide-accueil  #camera_wrap_128 .camera_caption{width: 61%;margin: 0px auto;text-align:center;display: block;visibility: hidden;opacity: 1;left: 26%; bottom: 50% !important;}

.overt,#recherche-mob .overt{ display:block }

.part{ color:#000080 !important}

.comm1 strong{color:#000 !important;font-size:26px !important }

table.prof{ border-collapse: collapse;    border-color: #ddd;width:100%}

table.prof tr:nth-child(even) {background-color: #f2f2f2}

table.prof th,table.prof td {border-bottom: 1px solid #ddd;}

table.prof th,table.prof td {padding: 15px;text-align: left;}

span.impor {color: red; border: 1px solid #000;padding: 3px 149px 3px 3px;}

#saecrs_Holder{

  height:270px !important

}

.sae_excerpt{display:none}

.saecrs_div{     height:82px !important}







 @media (max-width:1200px){

  #site #search { margin: 6px -544px 0 0;}

.presentation-header img {width: 100%;}

#slide-accueil #camera_wrap_128 .camera_caption_desc {font-size: 15px;}

#site #menu #r input {margin: 45px 0px 0px 456px;}

 #site #menu-reseignement { padding: 13px 60px 0px 77px;}

#site #menu-princip #menu-right ul { padding: 10px 0px;}
#site #menu-princip ul { margin: 9px 0px 0px 0px;}

#site #menu-princip ul li a {    padding: 10px 9px;font-size: 13px;}

 #site #menu-princip ul li {margin-left: 0px;}

 #site #menu-princip {}

#site #reglementation .reg p, #site #reglementation .reg .bt-introtext {font-size: 13px;}

 #site #reglementation .reg h3, #site #reglementation .reg1 h3 {font-size: 16px;}

 #site #reglementation .reg h3, #site #reglementation .reg1 h3 {font-size: 16px;}

 #reglementation #actualites {margin-top: 47px !important;}

 #actualites #btcontentslider109 {margin-top: 18px;}

 #reseaux img {padding: 24px 19px 0px 22px !important;}

 #site #reglementation-bottom #telecharg-News #upload .custom a {font-size: 19px;}

#telechargement {margin-top: 42px;}

 #telechargement input.inputbox {padding: 8px 79px 8px 11px; }

 #telechargement .btn-primary {font-size: 11px;}

 #telechargement table.acymailing_form { width:90%; }

 #telechargement .acymailing_introtext {font-size: 12px; }

#rejoigner-nous ul {padding-left: 16px;}

#rejoigner-nous ul li {margin: 15px 0px 0px 0px;}

#rejoigner-nous ul li a {width: 46px !important;    padding: 10px 0px 10px 11px;}

#rejoigner-nous ul li.item-122 a img { width: 35px;text-align: center;padding: 6px 6px 6px 6px;margin: 1px 2px 1px -7px;}

#site #presentation h3 {font-size: 18px;}

#site #contenu #frontpage #presentation .container {width: 60% !important;text-align: center;margin: 0 auto;}

#site #presentation p {font-size: 14px;}

#footer-top #contact1 h3 {font-size: 22px;padding-top: 10px;}

 }

 @media (max-width:992px){

  #reseaux img{  width: 100%;}
  #log  { margin-top: 21px;}
#log img {    width: 156px;}

#log1 img{    width: 94%;
    margin: 0 auto;
    display: block;
    margin-top: 42px;}

#site #menu-princip {float: none; margin: 0px auto;}
#telechargement {height: 179px;}

#slide-accueil #camera_wrap_128 .camera_caption_title {font-size: 14px;}

#lien a {font-size: 15px; }

#menu{padding-right: 0px;padding-left: 0px;}

#site #menu-princip ul {margin:0px;}

#site #menu-princip ul li a {padding: 10px 13px;font-size: 8px;}

#actu p span a strong {font-size: 16px;}

#telechargement input.inputbox {width: 100%;}

#telechargement .acymailing_module_form td {font-size: 12px !important;}

#telechargement .btn-primary {    padding: 11px;}

#slide-accueil #camera_wrap_128 .camera_caption_desc {font-size: 12px;}

#actu #marquee{width:100% !important}

#log img {     width: 272px;text-align: center;}

 #contenu .container .jd-item-page select#cat_list{width:100%;font-size: 11px;}

.presentation-header img {width: 100%;}

#site #reglementation .reg .bt-cs .bt-inner .bt-title {     font-size: 10px;}

#contenu .container td a, #contenu .container td a {color: #686867;font-family: myriadpro;font-size: 13px;}

#contenu .container  .jd-item-page tr, .jd-item-page td {font-size: 12px!important;}

#footer-top #contact1 h3 {font-size: 22px;padding-top: 10px;}

#telechargement table.acymailing_form { width:90%; } }

@media (max-width:767px){

#site .logo {margin: 0 auto;text-align: center;}
#slide-accueil .moduletable { height: 112px;}

#log img {width: 80%!important;margin: 0 auto !important;}

#site #menu-reseignement ul li a {padding: 10px 7px;}

#slide-accueil #camera_wrap_128 .cameraContent {margin: 0px auto;width: 85%;}

#menu_mobile {    margin-top: 14px;}

#menu_mobile .menu_affiche {width: 100%;background:#c52831;height: 50px;}

#menu_mobile .menu_affiche ul.nav > li > a {     color: #fff;text-align: left;font-family: ComfortaaB;     font-size: 16px;   }

#menu_mobile .menu_affiche ul.nav > li ul li a {     color: #fff;text-align: left;font-family: ComfortaaB;    }

.pushmenu {background: #3c3933;font-family: Arial, Helvetics, sans-serif;width: 255px;height: 100%;top: 0; z-index: 1000;position: fixed;}

.pushmenu ul li a,.pushmenu ul li.open >a{text-transform: uppercase; display: block;color: #fff;font-size: 15px;text-align: left;font-weight: bold;text-decoration: none;border-top: 1px solid #56544e;border-bottom: 1px solid #312e2a;padding: 14px;}

.pushmenu ul li#item-101 {display:none}

.pushmenu ul li ul li a{font-size: 12px;    padding-left: 24px}

.pushmenu ul li a:hover {background: #c52831;}

#nav_list {background: url(../images/menu.png) no-repeat;cursor: pointer;margin: 10px 0px; height: 33px;width: 33px;text-indent: -99999em;float: left;}

.pushmenu-left {left: -270px;}

.pushmenu-left.pushmenu-open {left: 0;direction: rtl;}

#site #menu-princip ul { margin: 0px}

#reseaux img{  width: 230px;}

 .presentation-header img{ width:100%}

#site #presentation .custom h3 {font-size: 12px;}

#telechargement .btn-primary {right: 108px;}

#slide-accueil #camera_wrap_128 .camera_caption_desc {font-size: 13px;}

#slide-accueil #camera_wrap_128 .camera_caption_desc {font-size: 13px;}

#map{ margin: 0 auto;}

 #rejoigner-nous ul {    padding-left: 16%; padding-bottom: 19px;}

 #site #contenu #frontpage #presentation .container {width: 100% !important;  }

  #contenu .container p {font-size: 12px;}

#contenu .container h2 {font-size: 16px }

 #contenu .container h3 {font-size: 12px; }

#site #presentation h3 {font-size: 16px;}

 #menu-mobile img{    margin: -9px 6px 4px -8px;   position: fixed;    top: 232px;right: 1px;}

 #mobilemenu.overt,#recherche-mob.overt{ display:block}

 #contenu .container .jd-item-page select#cat_list {font-size: 8px;}

 #contenu .container ul li {font-size: 11px;}

  #contenu .container h2 {padding: 0px 0px 0px 0px;}

  #footer-top #contact1 h3 {font-size: 18px;padding-top: 10px;}

 #contenu .container #partenaires{display:none}

 #partenaires_mob{display:block}

  #contenu .container #partenaires_mob h3{font-family: ComfortaaB;font-size: 18px;color: #C1272D;text-align: center;    margin-bottom: 27px;}

   #telechargement table.acymailing_form { width:90%; }

  #menu-rech-mob img.iconrech {float: right;margin: -19px -19px 0px 0px; width: 46px;position: absolute;  right: 21px;top: 28px;}

 #site #menu-rech-mob #recherche-mob{     padding: 5px 0px;border: 1px solid #c52831;margin-top: 25px; border-radius: 10px;overflow: auto;overflow-x: hidden;width: 100%;}

#site #menu-rech-mob #recherche-mob .contour1{margin: 2px 8px 8px -8px;}

#site #menu-rech-mob #recherche-mob input{color: #999;font-family: 'Comfortaa-Regular';font-size: 19px;width: 80%;padding: 2px 0px 0px 10px; border: none;outline: none;display: block;float: left;}

#site #menu-rech-mob #recherche-mob a.ok{    width: 10%;display: block;float: right;text-align: center;}

 #site #menu-rech-mob {height: 105px;padding-right: 0px; padding-left: 0px; }

#site #menu-rech-mob  #menu-mobile h2{font-family: myriadpro;display: inline-block; margin-right: 26px;padding-left: 10px }

.pushmenu h3 {color: #cbbfad;font-size: 22px;font-weight: bold;position: relative;text-align:left; padding: 15px 20px;margin: 0;background: #282522;height: 60px;font-weight: 300;}

.pushmenu h3:after {content: " ";position: absolute;left: 0;bottom: 0px;background: #c52831; width: 15%;height: 4px;}

#site #menu-rech-mob #recherche-mob input:focus {border: 1px solid #C52632;}

.overt{display:block}

#partenaires_mob #slider2m121 > li img {border: 1px solid #ccc !important;}

#site #menu-rech-mob #accordeonck123 a#affichemenu{display:none; }

#site #menu-rech-mob #accordeonck123 a{font-family: ComfortaaB;font-size:14px; }

#site #menu-rech-mob #accordeonck123 {padding: 5px;background: #f0f0f0; background: -webkit-linear-gradient(top, #827F81 0%,#949393 100%);-moz-border-radius: 0px 0px 0px 0px;

-webkit-border-radius: 0px 0px 0px 0px;border-radius: 0px 0px 0px 0px;border: 0px solid;}

 ul#accordeonck123 li:last-child { border-bottom: 0px solid #ddd;}

#site #menu-rech-mob ul#accordeonck123 li a:hover {margin: 0;    color: #C52632; }

#slide-accueil .djslider-default .slider-container {position: relative;}

#site #menu-reseignement {padding: 0px 0px 0px 0px;    margin: 4px 69px 0px 0px;}

#cust-navigation1m121 {display: none;}

#slider2m121 .dj-slide-desc {display: none;}

#partenaires_mob #slider1m121 > li a img, #slider1m121 > li a:hover img {border: 1px solid #ccc !important;}

#slider1m121 > li img {width: 80% !important}

 }







