@charset "utf-8";


html{
	width:100%;
	height:100%;	
}

body {
	margin:0; 
	padding:0px; 
	width:100%; 
	font-family: arial,sans-serif;
	line-height:1.5;
	font-size: small;
	/* background-image: url(../image/fond-body.png); background-repeat:no-repeat;*/
}

 .mentionslegales a {
  color: #251bed; 
}

 .carousel-item .carousel-caption .titrecarousel{
  color: #e43a25; 
  font-weight: bold;
  font-size: 25px;
  margin-top: -525px;
 }
   
  .carousel-caption .paragraphcarousel{
  color: #ffffff; 
  font-weight: bold;
  font-size: 20px; 
  margin-top: 25px;
 }

.text_presentation{
  padding-left:  205px ;
  padding-right: 205px;
  padding-bottom: 10px;
  text-align: justify;
}

     #slideshow {
    position: relative;
    width: 640px;
    height: 310px;
    padding: 15px;
    margin: 0 auto 2em;
    border: 1px solid #ddd;
    background: #FFF;
    /* CSS3 effects */
    background: linear-gradient(#FFF, #FFF 20%, #EEE 80%, #DDD);
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 0 3px rgba(0,0,0, 0.2);
  }
   
  #slideshow:before,
  #slideshow:after {
    position: absolute;
    bottom:16px;
    z-index: -10;
    width: 50%;
    height: 20px;
    content: " ";
    background: rgba(0,0,0,0.1);
    border-radius: 50%;
    box-shadow: 0 0 3px rgba(0,0,0, 0.4), 0 20px 10px rgba(0,0,0, 0.7);
  }
  #slideshow:before {
    left:0;
    transform: rotate(-4deg);
  }
  #slideshow:after {
    right:0;
    transform: rotate(4deg);
  }

  /* gestion des dimensions et débordement du conteneur */
#slideshow .container {
  position:relative;
  width: 640px;
  height: 310px;
  overflow: hidden;
}
  
/* on prévoit un petit espace gris pour la timeline */
#slideshow .container:after {
  position:absolute;
  bottom: 0; left:0;
  content: " ";
  width: 100%;
  height: 1px;
  background: #999;
}
/* 
   le conteneur des slides
   en largeur il fait 100% x le nombre de slides
*/
#slideshow .slider {
  position: absolute;
  left:0; top:0;
  width: 400%;
  height: 310px;
}

/* annulation des marges sur figure */
#slideshow figure {
  position:relative;
  display:inline-block;
  padding:0; margin:0;
}
/* petit effet de vignette sur les images */
#slideshow figure:after {
  position: absolute;
  display:block;
  content: " ";
  top:0; left:0;
  width: 100%; height: 100%;
  box-shadow: 0 0 65px rgba(0,0,0, 0.5) inset;
}

/* styles de nos légendes */
#slideshow figcaption {
  position:absolute;
  left:0; right:0; bottom: 5px;
  padding: 20px;
  margin:0;
  border-top: 1px solid rgb(225,225,225);
  text-align:center;
  letter-spacing: 0.05em;
  word-spacing: 0.05em;
  font-family: Georgia, Times, serif;
  background: #fff;
  background: rgba(255,255,255,0.7);
  color: #555;
  text-shadow: -1px -1px 0 rgba(255,255,255,0.3);
}

/* fonction d'animation, n'oubliez pas de prefixer ! */
@keyframes slider {
  0%, 20%, 100% { left: 0 }
  25%, 45%    { left: -100% }
  50%, 70%    { left: -200% }
  75%, 95%    { left: -300% }
}

#slideshow .slider {
  /* ... avec la propriété animation */
  animation: slider 32s infinite;
}

#timeline {
  position: absolute;
  background: #999;
  bottom: 15px;
  left: 15px;
  height: 1px;
  background: rgb(214,98,13);
  background: rgba(214,98,13,.8);
  width: 0;
  /* fonction d'animation */
  animation: timeliner 32s infinite;
}

@keyframes timeliner {
  0%, 25%, 50%, 75%, 100% { width: 0;   }
  20%, 45%, 70%, 90%  { width: 640px; }
}

@keyframes figcaptionner {
  0%, 25%, 50%, 75%, 100%           { bottom: -55px;  }
  5%, 20%, 30%, 45%, 55%, 70%, 80%, 95%   { bottom: 5px;    }
}

/* ajouter à l'élément : */
#slideshow figcaption {
  /* ... la propriété animation */
  animation: figcaptionner 32s infinite;
}

<span id="sl_play" class="sl_command"></span>
<span id="sl_pause" class="sl_command"></span>
 
<span id="sl_i1" class="sl_command sl_i"></span>
<span id="sl_i2" class="sl_command sl_i"></span>
<span id="sl_i3" class="sl_command sl_i"></span>
<span id="sl_i4" class="sl_command sl_i"></span>

.play_commands {
  /* positionnement en haut à droite */ 
  position: absolute;
  top: 25px; right: 25px;
  z-index: 10;
  /* dimensionnement des icônes */
  width: 22px;
  height: 22px;
  text-indent: -9999px;
  border:0 none;
  /* placez l'opacité à 1 si vous souhaitez voir les commandes */
  opacity: 0;
  /* préparation de transition sur opacicty et right */
  transition: opacity 1s, right 1s;
}
/* on décale play légèrement sur la gauche */
.play { right: 55px; cursor: default; }
 
/* création de l'icône pause avec 2 pseudos éléments */
.pause:after,
.pause:before {
  position: absolute;
  display: block;
  content: " ";
  top:0;
  width:38%;
  height: 22px;
  background: #fff;
  background: rgba(255,255,255,0.5);
}
.pause:after { right:0; }
.pause:before { left:0; }
 
/* création de l'icône play avec des bordures */
.play {
  width: 1px; 
  height: 1px; 
  /* les transparentes forment la flèche */
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 20px solid #fff; 
  border-left: 20px solid rgba(255,255,255,0.5); 
  /* renseignez 1 pour voir l'icône de suite */
  opacity: 0;
}
 
/* apparition du bouton pause au survole */
/* apparition des boutons au focus */
#slideshow:hover .pause,
.play_commands:focus {
  opacity: 1;
  outline: none;
}


/* stopper les animation */
.sl_command:target ~ #slideshow .slider,
.sl_command:target ~ #slideshow figcaption,
.sl_command:target ~ #slideshow #timeline,
.sl_command:target ~ #slideshow .dots_commands li:first-child a:after {
  animation-play-state: paused;
}
 
/* redémarrer les animations */
#sl_play:target ~ #slideshow .slider,
#sl_play:target ~ #slideshow figcaption,
#sl_play:target ~ #slideshow #timeline,
#sl_play:target ~ #slideshow .dots_commands li:first-child a:after {
  animation-play-state: running;
}
 
/* switch entre les boutons */
.sl_command:target ~ #slideshow .pause    { opacity:0; }
#sl_play:target ~ #slideshow:hover .pause,
#sl_play:target ~ #slideshow .pause:focus   { opacity:1; }
.sl_command:target ~ #slideshow .play     { opacity:1; right: 25px; cursor: pointer; }
#sl_play:target ~ #slideshow .play      { opacity:0; right: 55px; cursor: default; }

#slideshow .commands {
  position: absolute;
  top: 45%;
  padding: 5px 13px;
  border-bottom:0;
  font-size: 1.3em;
  color: #aaa;
  text-decoration:none;
  background-color: #eee;
  background-image: linear-gradient(#fff,#ddd);
  text-shadow: 0 0 1px #aaa;
  border-radius: 50%;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
 
#slideshow .prev { left: -48px; }
#slideshow .next { right: -48px; }
 
#slideshow .commands { display:none; }
#slideshow .commands1 { display: block; }


#slideshow .c_slider {
  position: absolute;
  left:0; top:0;
  width: 400%;
  height: 310px;
  /* multiple background */
  background: url(img/dummy-640x310-1.jpg) 0 0 no-repeat,
              url(img/dummy-640x310-2.jpg) 640px 0 no-repeat,
              url(img/dummy-640x310-3.jpg) 1280px 0 no-repeat,
              url(img/dummy-640x310-4.jpg) 1920px 0 no-repeat;
  transition: background 1s;
}


/* on cache le slider */
.sl_i:target ~ #slideshow .slider                 { visibility: hidden }
/* on planque la 1ère pastille (cf. bonux suivant) */
.sl_i:target ~ #slideshow .dots_commands li:first-child a:after   { display:none; }
/* pour afficher la 2ème pastille (cf. bonux suivant) */
.sl_i:target ~ #slideshow .dots_commands li:first-child a:before  { display:block; }
 
/* lorsque on cible le premier slider */
/* on cache tous les "précédent" et "suivant" */
#sl_i1:target ~ #slideshow .commands                { display: none; }
/* on affiche seulement deux flèches */
#sl_i1:target ~ #slideshow .commands1               { display: block; }
/* correspond au décalage des images */
#sl_i1:target ~ #slideshow .c_slider                { background-position: 0 0, 640px 0, 1280px 0, 1920px 0; }
/* on place la pastille tout à gauche */
#sl_i1:target ~ #slideshow .dots_commands li:first-child a:before { left:0; }
 
/* même procédé lorsqu'on cible le second slide */
#sl_i2:target ~ #slideshow .commands                { display: none; }
#sl_i2:target ~ #slideshow .commands2               { display: block; }
#sl_i2:target ~ #slideshow .c_slider                { background-position: -640px 0, 0 0, 640px 0, 1280px 0; }
#sl_i2:target ~ #slideshow .dots_commands li:first-child a:before { left:18px; }
 
/* puis le 3ème */
#sl_i3:target ~ #slideshow .commands                { display: none; }
#sl_i3:target ~ #slideshow .commands3               { display: block; }
#sl_i3:target ~ #slideshow .c_slider                { background-position: -1280px 0, -640px 0, 0 0, 640px 0; }
#sl_i3:target ~ #slideshow .dots_commands li:first-child a:before { left:36px; }
 
/* et enfin le 4ème */
#sl_i4:target ~ #slideshow .commands                { display: none; }
#sl_i4:target ~ #slideshow .commands4               { display: block; }
#sl_i4:target ~ #slideshow .c_slider                { background-position: -1920px 0, -1280px 0, -640px 0, 0 0; }
#sl_i4:target ~ #slideshow .dots_commands li:first-child a:before { left:54px; }


.dots_commands  {
  padding:0;
  margin:32px 0 0;
  text-align: center;
}
.dots_commands li {
  display: inline;
  padding:0; margin:0;
}
.dots_commands a {
  position: relative;
  display: inline-block;
  height:8px; width: 8px;
  margin: 0 5px;
  text-indent: -9999px;
  background: #fff;
 
  border-radius: 50%;
  box-shadow: 0 1px 2px rgba(0,0,0,0.55) inset;

}
/* quelques styles au focus */
.dots_commands a:focus { 
  outline: none;
  background: orange;
}
.dots_commands li:first-child a { z-index: 25; }

/* on style after et before, on utilisera les deux */
.dots_commands li:first-child a:after,
.dots_commands li:first-child a:before {
  position: absolute;
  top: 0; left: 0;
  content: " ";
  width: 8px; height: 8px;
  background: #bd9b83;
  z-index:20;

  border-radius: 50%;
  box-shadow: 0 1px 2px rgba(0,0,0,0.55) inset;
}
/* on anime "after" */
.dots_commands li:first-child a:after {
  animation: dotser 32s infinite;
}
/* on cache "before", on l'utilise uniquement au clic (cf. bonux précédent) */
.dots_commands li:first-child a:before { display:none; }
 
/* c'est parti pour l'animation ! */
@keyframes dotser {
  0%, 100%  { opacity: 1; left: 0;    }
    
  20%     { opacity: 1; left: 0;    }
  22%     { opacity: 0; left: 0;    }
  23%     { opacity: 0; left: 18px; }
  25%     { opacity: 1; left: 18px; }
    
  45%     { opacity: 1; left: 18px; }
  47%     { opacity: 0; left: 18px; }
  48%     { opacity: 0; left: 36px; }
  50%     { opacity: 1; left: 36px; }
    
  70%     { opacity: 1; left: 36px; }
  72%     { opacity: 0; left: 36px; }
  73%     { opacity: 0; left: 54px; }
  75%     { opacity: 1; left: 54px; }
    
  95%     { opacity: 1; left: 54px; }
  97%     { opacity: 0; left: 54px; }
  98%     { opacity: 0; left: 0;  }
}
/*end slidershow*/



/*Menu vertical */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);
.jquery-accordion-menu,.jquery-accordion-menu *{font-family:'Open Sans',sans-serif;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  outline:0}.jquery-accordion-menu{
    min-width:260px;float:left;
    position:relative;box-shadow:0 20px 50px #333}
.jquery-accordion-menu .jquery-accordion-menu-footer,
.jquery-accordion-menu .jquery-accordion-menu-header{
         width:100%;height:50px;
         padding-left:22px;
         float:left;line-height:50px;
         font-weight:600;color:#f0f0f0;background:#414956
  }

  .jquery-accordion-menu ul{margin:0;padding:0;list-style:none}
  .jquery-accordion-menu ul li{width:100%;display:block;float:left;position:relative}
  .jquery-accordion-menu ul li a{
             width:100%;
             padding:14px 22px;
             float:left;
             text-decoration:none;
             color:#f0f0f0;
             font-size:13px;
             background:#414956;
             white-space:nowrap;
             position:relative;
             overflow:hidden;
             -o-transition:color .2s linear,background .2s linear;
             -moz-transition:color .2s linear,background .2s linear;
             -webkit-transition:color .2s linear,background .2s linear;
             transition:color .2s linear,background .2s linear
        }

  .jquery-accordion-menu>ul>li.active>a,.jquery-accordion-menu>ul>li:hover> a{
    color:#fff;background:#3b424d}
  .jquery-accordion-menu>ul>li>a{border-bottom:solid 1px #3b424d}
  .jquery-accordion-menu ul li a i{width:34px;float:left;line-height:18px;font-size:16px;text-align:left}
  .jquery-accordion-menu .submenu-indicator{
    float:right;right:22px;
    position:absolute;
    line-height:19px;
    font-size:20px;
    -o-transition:transform .3s linear;
    -moz-transition:transform .3s linear;
    -webkit-transition:transform .3s linear;
    -ms-transition:transform .3s linear
   }

   .jquery-accordion-menu ul ul.submenu .submenu-indicator{line-height:16px}
   .jquery-accordion-menu .submenu-indicator-minus>.submenu-indicator{-ms-transform:rotate(45deg);
    -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);
    transform:rotate(45deg)}

    .jquery-accordion-menu ul ul.submenu,.jquery-accordion-menu ul ul.submenu li ul.submenu {
      width:100%;display:none;position:static}

    .jquery-accordion-menu ul ul.submenu li{clear:both;width:100%}

    .jquery-accordion-menu ul ul.submenu li a{
      width:100%;
      float:left;
      font-size:11px;
      background:#383838;
      border-top:none;
      position:relative;
      border-left:solid 6px transparent;
      -o-transition:border .2s linear;
      -moz-transition:border .2s linear;
      -webkit-transition:border .2s linear;
      transition:border .2s linear
     }

     .jquery-accordion-menu ul ul.submenu li:hover>a {
      border-left-color:#414956}

    .jquery-accordion-menu ul ul.submenu>li>a{padding-left:30px}

    .jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>a{padding-left:45px}

    .jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>ul.submenu>li>a{padding-left:60px}

    .jquery-accordion-menu ul li .jquery-accordion-menu-label,
    .jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label
      {
        min-width:20px;
        padding:1px 2px 1px 1px;
        position:absolute;
        right:18px;
        top:14px;
        font-size:11px;
        font-weight:800;
        color:#555;
        text-align:center;
        line-height:18px;
        background:#f0f0f0;
        border-radius:100%
       }

       .jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label{top:12px}
       .ink{display:block;position:absolute;background:rgba(255,255,255,.3);
        border-radius:100%;-webkit-transform:scale(0);-moz-transform:scale(0);
        -ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}

        .animate-ink{-webkit-animation:ripple .5s linear;
          -moz-animation:ripple .5s linear;-ms-animation:ripple .5s linear;
          -o-animation:ripple .5s linear;
          animation:ripple .5s linear}
        
         @-webkit-keyframes ripple{100%{opacity:0;-webkit-transform:scale(2.5)}}
         @-moz-keyframes ripple{100%{opacity:0;-moz-transform:scale(2.5)}}
         @-o-keyframes ripple{100%{opacity:0;-o-transform:scale(2.5)}}

         @keyframes ripple{100%{opacity:0;transform:scale(2.5)}}

         .blue.jquery-accordion-menu .jquery-accordion-menu-footer,
         .blue.jquery-accordion-menu .jquery-accordion-menu-header,.blue.jquery-accordion-menu ul li a
           {background:#4A89DC}
        .blue.jquery-accordion-menu>ul>li.active>a,.blue.jquery-accordion-menu>ul>li:hover>a{background:#3e82da}
        .blue.jquery-accordion-menu>ul>li>a{border-bottom-color:#3e82da}
        .blue.jquery-accordion-menu ul ul.submenu li:hover>a{border-left-color:#3e82da}
        .green.jquery-accordion-menu .jquery-accordion-menu-footer,.green.jquery-accordion-menu 
        .jquery-accordion-menu-header,.green.jquery-accordion-menu ul li a{background:#03A678}
        .green.jquery-accordion-menu>ul>li.active>a,.green.jquery-accordion-menu>ul>li:hover>a{background:#049372}
        .green.jquery-accordion-menu>ul>li>a{border-bottom-color:#049372}
        .green.jquery-accordion-menu ul ul.submenu li:hover>a{border-left-color:#049372}
        .red.jquery-accordion-menu .jquery-accordion-menu-footer,.red.jquery-accordion-menu 
        .jquery-accordion-menu-header,.red.jquery-accordion-menu ul li a{background:#ED5565}
        .red.jquery-accordion-menu>ul>li.active>a,.red.jquery-accordion-menu>ul>li:hover>a{background:#DA4453}
        .red.jquery-accordion-menu>ul>li>a{border-bottom-color:#DA4453}
        .red.jquery-accordion-menu ul ul.submenu li:hover>a{border-left-color:#DA4453}
        .white.jquery-accordion-menu .jquery-accordion-menu-footer,.white.jquery-accordion-menu 
        .jquery-accordion-menu-header,.white.jquery-accordion-menu ul li a{background:#fff;color:#555}
        .white.jquery-accordion-menu>ul>li.active>a,.white.jquery-accordion-menu>ul>li:hover>a{background:#f0f0f0}
        .white.jquery-accordion-menu>ul>li>a{border-bottom-color:#f0f0f0}
        .white.jquery-accordion-menu ul ul.submenu li:hover>a{border-left-color:#f0f0f0}
        .white.jquery-accordion-menu ul ul.submenu li a{color:#f0f0f0}
        .white.jquery-accordion-menu>ul>li>a>.ink{background:rgba(0,0,0,.1)}
        .black.jquery-accordion-menu .jquery-accordion-menu-footer,
        .black.jquery-accordion-menu .jquery-accordion-menu-header,.black.jquery-accordion-menu ul li a{background:#292929}
        .black.jquery-accordion-menu>ul>li.active>a,.black.jquery-accordion-menu>ul>li:hover>a{background:#222}
        .black.jquery-accordion-menu>ul>li>a{border-bottom-color:#222}
        .black.jquery-accordion-menu ul ul.submenu li:hover>a{border-left-color:#222}



/* Fin menu vertical
/*  haut de page */
#haut{
	height: 120px;
		}
	/* background-image:url(../image/fond-haut.png);*/
   #logo {
     width: 800px;
	 float:left;
	 padding-top: 15px;
   } 
   
   #recherche {
     width: 450px;
	 float: left;
	 margin-top: 55px;
	 margin-left: 200px;
	} 
   #recherche, #recherche form {
    display: block;
    height: 48px;
    width: 300px;
    }
	#recherche form{
    position: relative;
    }
    form .finder {
        position: relative;
    }
  
#recherche form .txt {
    background: url("../image/find.png") no-repeat scroll center center transparent;
    border: 0 none;
    display: block;
    height: 36px;
    padding-left: 34px;
    padding-right: 10px;
    position: absolute;
    vertical-align: middle;
    width: 190px;
    z-index: 2;
}
    form .finder input {
        background: url("../image/find.png") no-repeat scroll center center transparent;
        border: 0 none;
        display: block;
        height: 36px;
        padding-left: 34px;
        padding-right: 10px;
        position: absolute;
        vertical-align: middle;
        width: 190px;
        z-index: 2;
    }

#recherche form .btn{
    background: url("../image/find-ok.png") no-repeat scroll center center transparent;
    border: 0;
    cursor: pointer;
    display: block;
    height: 48px;
    overflow: hidden;
    position: absolute;
    right: 19px;
    text-indent: -150px;
    top: -1px;
    width: 64px;
    z-index: 1;
}
    form .finder .button{
	background: url("../image/find-ok.png") no-repeat scroll center center transparent;
	border: 0;
	cursor: pointer;
	display: block;
	height: 48px;
	margin: 0;
	overflow: hidden;
	position: absolute;
	right: 19px;
	text-indent: -150px;
	top: -6px;
	width: 64px;
	z-index: 1;
    }

#haut_util{
	width:1300px;
	height:100px;
 margin:auto;
	
}
 /*  fin haut de page */

/*menu gauche */
 #espace_util .contenu_droit #sideMenu {
    height: 224px;
	z-index:3;
    position:relative;
}
 
 #espace_util .contenu_droit #sideMenu li{
    background: url("../image/menu2.png") no-repeat left center;
    color: #2DA5D4;
    display: block;
	width: 250px;
    font-size: 12px;
    line-height: 16px;
    margin: 0 28px 0 -38px;
    text-decoration: none;
    cursor: pointer;
    position:relative;
}
 
 #espace_util .contenu_droit #sideMenu ul li #sous-menu li a{
  display: block;
   }
  #espace_util_presentation .contenu_droit #sideMenu ul li #sous-menu li a{
  display: none;
   }
   
    #espace_util_secretariat .contenu_droit #sideMenu ul li #sous-menu li a{
  display: none;
   }
   
    #espace_util_crm .contenu_droit #sideMenu ul li #sous-menu li a{
  display: none;
   }
     #espace_util_bureaunational .contenu_droit #sideMenu ul li #sous-menu li a{
  display: none;
   }
   
#espace_util .contenu_droit #sideMenu a {
    padding: 0 5px 0 35px;
    color: #0075B2;
    display: block;
    text-decoration: none;
}

#espace_util .contenu_droit #sideMenu li li a {
    padding: 0 5px 0 10px;
}
#espace_util_presentation .contenu_droit #sideMenu li li a {
    padding: 0 5px 0 10px;
}
#espace_util_secretariat .contenu_droit #sideMenu li li a {
    padding: 0 5px 0 10px;
}
#espace_util_crm .contenu_droit #sideMenu li li a {
    padding: 0 5px 0 10px;
}
#espace_util_bureaunational .contenu_droit #sideMenu li li a {
    padding: 0 5px 0 10px;
}

#espace_util .contenu_droit #sideMenu a > span{
    border-bottom: 1px solid #EAEAEA;
    display: block;
    padding: 5px 0;
}
#espace_util_presentation .contenu_droit #sideMenu a > span{
    border-bottom: 1px solid #EAEAEA;
    display: block;
    padding: 5px 0;
}
#espace_util_secretariat .contenu_droit #sideMenu a > span{
    border-bottom: 1px solid #EAEAEA;
    display: block;
    padding: 5px 0;
}
#espace_util_crm .contenu_droit #sideMenu a > span{
    border-bottom: 1px solid #EAEAEA;
    display: block;
    padding: 5px 0;
}
#espace_util_bureaunational .contenu_droit #sideMenu a > span{
    border-bottom: 1px solid #EAEAEA;
    display: block;
    padding: 5px 0;
}

 #espace_util .contenu_droit #sideMenu li:hover, #espace_util .contenu_droit #sideMenu li.active {
    background: url("../image/menu2-actif.png") no-repeat left center transparent;
	top: 0;
	left: 224px:;
}
  #espace_util_presentation .contenu_droit #sideMenu li:hover, #espace_util_presentation .contenu_droit #sideMenu li.active {
    background: url("../image/menu2-actif.png") no-repeat left center transparent;
	top: 0;
	left: 224px:;
}
 #espace_util_secretariat.contenu_droit #sideMenu li:hover, #espace_util_secretariat .contenu_droit #sideMenu li.active {
    background: url("../image/menu2-actif.png") no-repeat left center transparent;
	top: 0;
	left: 224px:;
}
#espace_util_crm.contenu_droit #sideMenu li:hover, #espace_util_crm .contenu_droit #sideMenu li.active {
    background: url("../image/menu2-actif.png") no-repeat left center transparent;
	top: 0;
	left: 224px:;
}
#espace_util_bureaunational .contenu_droit #sideMenu li:hover, #espace_util_bureaunational .contenu_droit #sideMenu li.active {
    background: url("../image/menu2-actif.png") no-repeat left center transparent;
	top: 0;
	left: 224px:;
}

#espace_util .contenu_droit #sideMenu ul li #niveau2 {
    border: 1px solid #EAEAEA;
    left: 209px;
    position: absolute;
	left:-999em;
    top: 0;
    width: 270px !important;
}
  #espace_util_presentation .contenu_droit #sideMenu ul li #niveau2 {
    border: 1px solid #EAEAEA;
    left: 209px;
    position: absolute;
	left:-999em;
    top: 0;
    width: 270px !important;
}
 #espace_util_secretariat .contenu_droit #sideMenu ul li #niveau2 {
    border: 1px solid #EAEAEA;
    left: 209px;
    position: absolute;
	left:-999em;
    top: 0;
    width: 270px !important;
}
#espace_util_crm .contenu_droit #sideMenu ul li #niveau2 {
    border: 1px solid #EAEAEA;
    left: 209px;
    position: absolute;
	left:-999em;
    top: 0;
    width: 270px !important;
}
#espace_util_bureaunational .contenu_droit #sideMenu ul li #niveau2 {
    border: 1px solid #EAEAEA;
    left: 209px;
    position: absolute;
	left:-999em;
    top: 0;
    width: 270px !important;
}

   #espace_util .contenu_droit #sideMenu ul li #niveau2 li {
   padding-top: 10px;
   height: 20px;
}
    #espace_util .contenu_droit #sideMenu ul li #niveau2  #long {
   height: 65px;
}
   #espace_util_presentation .contenu_droit #sideMenu ul li #niveau2 li {
   padding-top: 10px;
   height: 20px;
}
  #espace_util_secretariat .contenu_droit #sideMenu ul li #niveau2 li {
   padding-top: 10px;
   height: 20px;
}

 #espace_util_crm .contenu_droit #sideMenu ul li #niveau2 li {
   padding-top: 10px;
   height: 20px;
}
#espace_util_bureaunational .contenu_droit #sideMenu ul li #niveau2 li {
   padding-top: 10px;
   height: 20px;
}


 #espace_util_presentation .contenu_droit #sideMenu ul li #niveau2  #long {
   height: 65px;
}
 #espace_util_secretariat .contenu_droit #sideMenu ul li #niveau2  #long {
   height: 65px;
}
#espace_util_crm .contenu_droit #sideMenu ul li #niveau2  #long {
   height: 65px;
}
#espace_util_bureaunational .contenu_droit #sideMenu ul li #niveau2  #long {
   height: 65px;
}


   #espace_util_presentation .contenu_droit #sideMenu ul li ul {
    border: 1px solid #EAEAEA;
    left: 209px;
    position: absolute;
    top: 0;
    width: 207px !important;
}
 #espace_util_secretariat .contenu_droit #sideMenu ul li ul {
    border: 1px solid #EAEAEA;
    left: 209px;
    position: absolute;
    top: 0;
    width: 207px !important;
}
#espace_util_crm .contenu_droit #sideMenu ul li ul {
    border: 1px solid #EAEAEA;
    left: 209px;
    position: absolute;
    top: 0;
    width: 207px !important;
}
#espace_util_bureaunational .contenu_droit #sideMenu ul li ul {
    border: 1px solid #EAEAEA;
    left: 209px;
    position: absolute;
    top: 0;
    width: 207px !important;
}

 
#espace_util .contenu_droit #sideMenu li li, #espace_util .contenu_droit #sideMenu li li:hover, #espace_util .contenu_droit #sideMenu li li.active  {
    background: url("../image/ssmenu2.png") no-repeat left center;
    margin: 0;
	top: 0;
    left: 224px;
	width: 300px;
}
 #espace_util_presentation .contenu_droit #sideMenu li li, #espace_util_presentation .contenu_droit #sideMenu li li:hover, #espace_util_presentation .contenu_droit #sideMenu li li.active  {
    background: url("../image/ssmenu2.png") no-repeat left center;
    margin: 0;
	top: 0;
    left: 224px;
	width: 300px;
}
#espace_util_secretariat .contenu_droit #sideMenu li li, #espace_util_secretariat .contenu_droit #sideMenu li li:hover, #espace_util_secretariat .contenu_droit #sideMenu li li.active  {
    background: url("../image/ssmenu2.png") no-repeat left center;
    margin: 0;
	top: 0;
    left: 224px;
	width: 300px;
}
#espace_util_crm .contenu_droit #sideMenu li li, #espace_util_crm .contenu_droit #sideMenu li li:hover, #espace_util_crm .contenu_droit #sideMenu li li.active  {
    background: url("../image/ssmenu2.png") no-repeat left center;
    margin: 0;
	top: 0;
    left: 224px;
	width: 300px;
}
#espace_util_bureaunational .contenu_droit #sideMenu li li, #espace_util_bureaunational .contenu_droit #sideMenu li li:hover, #espace_util_bureaunational .contenu_droit #sideMenu li li.active  {
    background: url("../image/ssmenu2.png") no-repeat left center;
    margin: 0;
	top: 0;
    left: 224px;
	width: 300px;
}

#espace_util .contenu_droit #sideMenu li:hover li a, #espace_util .contenu_droit #sideMenu li.active li a{
    /*color: #2DA5D4;*/
    color: #0075B2;
    text-decoration: none;
	
}
#espace_util .contenu_droit #sideMenu ul li:hover #niveau2{
    /*color: #2DA5D4;*/
    top: 0;
	left: -10px;
	color: #0075B2;
	height: 25px;
    text-decoration: none;
	
}
 

#espace_util .contenu_droit #sideMenu li:hover a, #espace_util .contenu_droit #sideMenu li li:hover a, #espace_util .contenu_droit #sideMenu li.active a, #espace_util .contenu_droit #sideMenu li li.active a {
    color: #E20F46;
    text-decoration: none;

}

 #espace_util .contenu_droit #sideMenu li:hover a {
  display: inline-block;
  top: 0px;
  left: 224px;
 }
 #espace_util_presentation .contenu_droit #sideMenu li:hover a {
  display: inline-block;
  top: 0px;
  left: 224px;
 }
 #espace_util_secretariat .b #sideMenu li:hover a {
  display: inline-block;
  top: 0px;
  left: 224px;
 }
 #espace_util_crm .contenu_droit #sideMenu li:hover a {
  display: inline-block;
  top: 0px;
  left: 224px;
 }
 #espace_util_bureaunational .contenu_droit #sideMenu li:hover a {
  display: inline-block;
  top: 0px;
  left: 224px;
 }

#espace_util .contenu_droit #sideMenu li.last{
    /* padding-bottom: 10px; */
    display: none;
}

#espace_util_presentation .contenu_droit #sideMenu li.last{
    /* padding-bottom: 10px; */
    display: none;
}

#espace_util_presentation.contenu_droit #sideMenu li.last a span {
    border: none;
}

#espace_util_secretariat .contenu_droit #sideMenu li.last{
    /* padding-bottom: 10px; */
    display: none;
}

#espace_util_crm .contenu_droit #sideMenu li.last{
    /* padding-bottom: 10px; */
    display: none;
}
#espace_util_bureaunational .contenu_droit #sideMenu li.last{
    /* padding-bottom: 10px; */
    display: none;
}

#espace_util_secretariat .contenu_droit #sideMenu li.last a span {
    border: none;
}
#espace_util_crm .contenu_droit #sideMenu li.last a span {
    border: none;
}
#espace_util_bureaunational .contenu_droit #sideMenu li.last a span {
    border: none;
}

#espace_util .contenu_droit #sideMenu li.last a span {
    border: none;
}
 
/*fin menu gauche */
/* sousmenu1*/
    
  #sousmenu1 {
         
	     width: 750px;
		 margin: auto;
		 margin-top: 15px;
		 float: right;
		 }
 #sousmenu1 ul {
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;
 width: 750px;
 margin-left: 15px;
 padding-left: 5px;
  }
#sousmenu1 li {
 float:left;
 margin:auto;
 padding:0;
 
 }
#sousmenu1 li a {
 display:block;
 width:188px;
 height: 35px;
 color:#2A5273; 
 font-weight: bold;
 background-color:#FFFFFF;
 margin-right: 3px;
 text-decoration:none;
 padding-top: 10px;
 border-radius: 5px;
 }
  
 #sousmenu1 li a:hover {
 background-color:#6cb520;
 color:#FFFFFF;
   }
 #sousmenu1 ul li ul {
 display:none;
 }
 
 #sousmenu1 ul li:hover ul {
 display:block;
 }
#sousmenu1 li:hover ul li {
 float:none;
 }
 #sousmenu1 li ul {
 position:absolute;
 }

  /* fin sousmenu1 */   

/* sousmenu2*/
    
  #sousmenu2 {
         
	     width: 750px;
		 margin: auto;
		 margin-top: 15px;
		 float: right;
		 }
 #sousmenu2 ul {
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;
 width: 750px;
 margin-left: 1px;
 padding-left: 5px;
  }
#sousmenu2 li {
 float:left;
 margin:auto;
 padding:0;
 
 }
#sousmenu2 li a {
 display:block;
 width:220px;
 height: 135px;
 color:#2A5273; 
 font-weight: bold;
 background-color:#FFFFFF;
 margin-right: 10px;
 text-decoration:none;
 padding-top: 10px;
 padding-left: 10px;
 padding-right: 5px;
 border-radius: 5px;
 text-transform: uppercase;
 text-align:left;
 }
  
 #sousmenu2 li a:hover {
 background-color:#6cb520;
 color:#FFFFFF;
   }
 #sousmenu2 ul li ul {
 display:none;
 }
 
 #sousmenu2 ul li:hover ul {
 display:block;
 }
#sousmenu2 li:hover ul li {
 float:none;
 }
 #sousmenu2 li ul {
 position:absolute;
 }

  /* fin sousmenu1 */   
  

#menu{
	width:1300px;
	height:40px;
	margin:auto;
	-moz-box-shadow: 8px 8px 12px #aaa; 
    -webkit-box-shadow: 8px 8px 12px #aaa; 
}



#riz_pandu{
	float:left;
	margin-left:0px;
	height: 40px;
	}

#espace_util{
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	display:block; 
	border:1px solid #ccc;
  z-index: -25; 
}
 

#sous_titre {
padding-left : 256px;
}

#sous_titre1 {
padding-left : 170px;
}

#sous_titre2 {
padding-left : 100px;
}

.article h2 span{
	font-weight: bold;
	color: #000;
	margin: 1px 0 1px;
	padding-bottom: 3px;
	font-size: 20px;
}
#photo_president {
padding-left : 60px; 
}
#titre_president {
padding-left : 40px; 
}
/*MENU*/

.article h2{
	border-bottom: solid 1px #8fd533;
}	

.article h2 a{
	text-decoration: none;
	color: #FFFFFF;
}	
.article1 h2{
	border-bottom: solid 1px #8fd533;
}
.article p{
	text-align:justify;
}

.article img{
	float:left;
	display: block;
	margin-right:8px;
}

.article1 img{
	float:left;
	display: block;
	margin-right:8px;
}
.article_telecharger p{
	margin-left: 505px;
}	
.article_nomenclature  a{
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
}	
.article_nomenclature  a:hover{
	
	text-decoration: underline;
}	
	
/*FIN MENU*/

#ombre_haut{
	width: 1000px;
	margin:auto;
}



#motdg_sndr_util{
	width:220px;
	padding-left:22px;
	padding-top:8px;
	padding-bottom:8px;
}

#motdg_sndr_util a{
	text-decoration:none;
	font-size:12px;
	color:#003872;
}

#motdg_sndr_util a:hover{
	font-size:12px;
	color:#0000FF;
}

/*#flash_news{
	width:100%;
	height:20px;
	margin-top:10px;
}*/

.fullContent{
	margin-left:4px;
	padding: 2px;
	}
	
#prixriz{
	width:100%;
	height:185px;
	background-color: #fff;
	margin-top:5px;
}

.flash_info{
	text-align:center;
	font-size:15px;
	font-weight:bold;
	background-color:#Fff;
	color:#000;
}
	
.flash_info_suite{
	float:left;
	width:210px;
	height:130px;
	border: 1px solid #ddd;
	border-radius: 3px;
	margin-left:20px;
	background-color:#fff;
}

.flash_info_suite_titre{
	width:100%;
	height:25px;
	margin:0px;
	padding-top:5px;
	text-align:center;
	background-color:#f9fafb;
	font-weight:bold;
	vertical-align:central;
	border-bottom:solid 1px #ddd
} 
/* footer */
  #footer {
    height: 144px;
    margin-top: -61px;
    padding-bottom: 10px;
	
}

#footer #footerInner {
    height: 82px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-top: 61px;
    width: 1001px;
	background-color:#FFFFFF;
}

#footerInner .customfooterLogo {
    float: left;
    height: 100%;
    line-height: 71px;
    width: 278px;
	margin-left: 25px;
}

.customfooterLogo > img {
    margin-right: 17px;
}

#footerMenu > ul {
    display: block;
    float: right;
    list-style: none outside none;
    margin: -55px 0 0;
    text-align: right;
    width: 723px;
}

#footerMenu li {
    border-right: 1px solid #000000;
    display: inline;
    font-family: tahoma , helvetica , arial;
    font-size: 11px;
    margin: 0 10px 0 0;
    padding-right: 10px;
}

#footerMenu li a{
    color:#000000;
    text-decoration: none;
}

#footerInner .customfooterCopy {
    float: right;
    font-size: 10px;
    text-align: right;
    width: 665px;
    margin-right: 11px;
	margin-top: -35px;
    color:#000000;
}
#footerInner .customfooterCopy a {
    color: black;
    text-decoration: underline;
    color:#000000;
}
	
#baniere{
	width:100%;
	height:200px;
	background: #f5f5f5;
	margin-top:8px;
  z-index: -25; 
}

#vous_ete_ici{
	width:720px;
	margin-top:8px;
	height:20px;
	border-bottom:1px solid #060;
	color:#fff;
	border-top:1px solid #060;
	background-color:#0671b8
	}
	

	#image {
	width: 720px;
	}
	 #image1 {
	  width: 100px;
	  height: 120px; 
	 }
	#image2 {
	 float:right;
	  width: 100px;
	  height: 120px; 
	 }
	 #image3 {
	 float:right;
	  width: 100px;
	  height: 120px; 
	 }
	 #image4 {
	 float:right;
	  width: 100px;
	  height: 120px;
	  margin-left: 10px; 
	 }
	 #image5 {
	 float:right;
	  width: 100px;
	  height: 120px; 
	 }
	 #image6 {
	 float:right;
	  width: 100px;
	  height: 120px; 
	 }
#date_abj{
	float:right;
	padding-right:7px;}
	
.contenu_gauche{
	float:right;
	display:block;
	width:80%;
	padding-right:15px;
    margin-left: 2px;
	margin-top:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 19px;
	font-weight: normal;
}
/* content page */
.contenu_droit{
	width:250px;
	color: #000;
	font-size:12px;
  margin-top: -80px; 
}
 .contenu_gauche h2 {
 	background: url("../image/page-title.png") no-repeat scroll right top transparent;
    color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
    display: inline;
    font-size: 14px;
    font-weight: normal;
    left: -20px;
    line-height: 24px;
    margin-bottom: 0;
	margin-left: 15px;
    padding: 6px 35px 18px 15px;
    position: relative;
    top: -5px;
}


#diaporama_anonce{
	clear:both;
}

#diaporama{
	clear:both;
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:250px;
	border: 1px solid #ccc;
  color: #fff;
  background-color: #231f20;
  z-index: 999;
}

.album_class a {
	color: #3a3a3a;
	text-shadow: 0 1px 0 #FFF;
	text-transform: uppercase;
	text-decoration:none;
	font:Helvetica, Arial;
}

#album_class_util{
	width:940px;
	height:165px;
	margin: auto;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
}
 
	
/* album_class{
	float:left;
	width: 275px;
	border-radius:3px;
	margin-left:45px;
	text-align:center}
*/
.album_class a:hover{
	color:#00F;
	text-decoration:underline}
	
.album_class img{
	border: 1px solid #ccc;
	padding: 5px;
	background-color:#fff
	}
	
#photodg{
	margin-left:10px;
	}
	
.information_bordure{
	border:1px solid #ddd;
	}

#pied_page{
	clear:both;
	width:100%;
	height:130px;
	margin-top:10px;
	background-image:url(../image/haut.png);
	background-repeat:repeat;
	border-top: 1px solid #ddd;
}

#contenu_gauche_titre{
    width:315px;
	height:35px;
	margin-top:-15px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background-image:url(../image/contenug_fond.png);
	}
	
#contenu_gauche_first_titre{
	width:300px;
	height:35px;
	border-bottom:1px solid #ccc;
	background-image:url(../image/contenug_fond.png);
}

.contenu_gauche_text{
	font-size:16px;
	padding-top:8px;
	font-weight:bold;
	font-family: 'FranklinGothicCondensedRegula', sans-serif;
	color: #000;/*cde1a1*/
	text-align:center;
	text-shadow: 0 1px 0 #FFF;
	/*text-shadow: 0 1px 0 rgba(255,255,255,1);*/
	}
	
#flash_news{
	width: 100%;
	height: 20px;
	margin-top: 6px;
	margin-bottom: 4px;
	border-bottom:1px solid #A0B831;
	border-left:1px solid #A0B831;
}

#flash_news_gg{
	width: 170px;
	float: left;
	height: 20px;
	background: #79B602;
	padding-left: 5px
}

#flash_news_gg a {
	color: #fff;
	text-shadow: 0 1px 0 #FFF;
	text-transform: uppercase;
	text-decoration: none;
	font: Helvetica, Arial
}

#flash_news_g{
	float: left;
	width: 535px;
	color: #000
}
	
#fullContentBox{
	width:246px;
	margin-top:5px;
	margin-left:4px
}
	
/*#fullContentBox{
	width:217px;
	height:199px;
	margin-top:5px;
	margin-left:4px;
	background-image: url(../image/dg3.png);
}*/
	
.article{
	float:left;
	margin-top:10px;
	display:block;
	text-align:justify;
	}
.article .toute_actualite {
   padding-left:555px;
   margin-top: 35px;
   color:#cc3300;
   font-weight:bold;
}	
.article a{
		color:#090;
		font-weight:bold;
	}
.article  #reglementation a{
     text-decoration:none;
		color:#090;
		font-weight:bold;
	}
		
.article h4{
	color:#F30;
	margin-top: 25px;
	border-bottom: solid 1px #ddd;
	}
	
 body h4{
	color:#0c812e;
	margin-top: 10px;
	font-family: Arial, Helvetica, sans-serif;  
	border-bottom: solid 5px #ddd;
	font-size:13px;
	}
.article1{
	float:left;
	margin-top:10px;
	display:block;
	text-align:justify;
	}
.article1 .toute_actualite {
   padding-left:555px;
   margin-top: 35px;
   color:#cc3300;
   font-weight:bold;
}	
.article1 a{
		color:#000000;
		text-decoration: none;
	}
	
.article1 p{
		color:#000000;
		text-align: justify;
	}
		
.article1 h4{
	color:#F30;
	margin-top: 25px;
	border-bottom: solid 1px #ddd;
	}	
	
	
	
.article li {
	margin-left:12px;
    list-style-type: none;
    background-image: url(../image/li.png);
    background-repeat: no-repeat;
	display:list-item;
    padding-left: 30px;
	padding-bottom: 10px;
}

.article_padding{

	float:left;
	padding-right:10px;
	padding-bottom:10px;
	}
	
.article_padding img{
	display:block;
	border: 1px solid #ddd;
	padding: 5px;
	background-color:#fff;
	}
.info_live {
	padding-top: 1px;
	background-color: #0c812e;
	margin-right: -15px;
	height: 28px;
	margin-top: -10px;
 }
 
 #agenda{
  height: 250px;
  }
	
	
.contenu_d_trait{border-bottom: dotted 1px #ddd;}


#signature{
	float:left;
	width:100%;
	height:30px;
	padding-top:5px;
	margin-top:8px;
	border-top: 1px dashed #ddd;
	text-shadow: 0 1px 1px rgba(0,0,0, .3);
	}


.partenaire img{
	border:none;
	}

#contact {
margin:auto;
width:670px;
height:200px;
padding: 15px 20px;
font-style: normal;
background: #E7EFBD;
border: 5px solid #A0B831;
box-shadow: 1px 1px 0 #6F8020;
-moz-box-shadow: 1px 1px 0 #6F8020;
-webkit-box-shadow: 1px 1px 0 #6F8020;
color: #5A6814;
}

#connexion{
width:500px;
height:250px;
margin-top:50px;
margin-left:110px;
border:1px solid #ccc;
}
#connexion_util{
width:400px;
height:200px;
margin-top:25px;
margin-left:50px;
}

#connexion_util_haut{
width:100%;
height:35px;
background-color:#f5f5f5;
border-bottom:1px solid #ccc;
text-align:center;
font-size:16px;
font-weight:bold;}


/*PROJETS*/

.menu_projet{
	border-bottom: dotted 1px #ddd;}
	
.menu_projet a{
	text-decoration:none;
	font-size:14px;
	color: #003872;}

.menu_projet a:hover{
	color: #00f;}

	
.contenu_gauche_infotext{
	text-decoration:none;
	padding-top:0px;
	padding-left:4px;
	padding-right:4px;}
	
.contenu_gauche_publicationtext{
	padding-left:6px;
	padding-right:4px;
	}
	
.contenu_gauche_publicationtext a{
	color:#06F;
	vertical-align:middle;
	text-decoration:none;}

.contenu_gauche_publicationtext a:hover{
	color:#00F;
	text-decoration:underline;}
	
.contenu_gauche_infotext a {
	text-decoration:none;
	color:#003872;
	text-align:left;
	padding:0px;}

.contenu_gauche_infotext a:hover {
	color:#00f;
}
		
.menu_publications{
	border-bottom:dotted 1px #f39423;
	height:20px;}
		
#motdg{
	padding-left:8px;
	padding-right:8px;
	color: #003872;
	text-align:justify}

.menu_publications a{
	float:left;
	text-decoration:none;
	margin-top:2px;
	margin-left:-4px;
	color: #003872;}
	
.menu_publications_last{
	height:30px;}
		
.menu_publications a:hover{
	color:#00F}

.menu_publications_last a{
	float:left;
	text-decoration:none;
	margin-top:4px;
	margin-left:-4px;
	color:#00C}
	
.menu_publications_last a:hover{
	text-decoration:underline;
	color:#03F}
	
.projet_article{
	width:720px;
	margin-top:25px;}
	
#projet_article_titre{
	width:709px;
	margin-top:25px;
	border:1px solid #ddd;
	padding-top:5px;
	padding-bottom:5px;
	color:#060;
	padding-left:10px;
	font-weight:bold;
	background-color:#f5f5f5;}
	
#projet_financement{
	width:700px;
	height:120px;
	margin-top:10px;
	margin-left:35px;
	display:block;}
	
.projet_logo_financement{
	float:left;
	width:100px;
	height:100px;
	padding-left:30px;}
	
.projet_article h4{
	color:#F30;
	border-bottom:solid 1px #ddd;}
	
#projet_table{
	width:720px;
	border-collapse:collapse;
	border:solid 1px #ddd;}
		
#projet_table tr{
	height:27px;}
	
#projet_table tr th{
	background-color:#f5f5f5;
	text-align:center;}
	
#projet_table td{
	font-size: 1.0em;
	border: 1px solid #ddd;
	padding: 3px 7px 2px 7px;}

#projet_table .projet_td_vert td{
	background-color: #EAF2D3;}
		
.projet_article li {
	margin-left:12px;
    list-style-type: none;
    background-image: url(../image/li.png);
    background-repeat: no-repeat;
	display:list-item;
    padding-left: 30px;
	padding-bottom: 10px;
	}
		
#projet_contenu_reference{
	width:720px;
	height:220px;
	border-radius: 3px;
	margin:auto;}
	
.projet_reference{
	float:left;
	width:250px;
	height:222px;
	border: 1px solid #ccc;
	margin-right:10px;
	background-color:#fff;}

.projet_reference_titre{
	width:100%;
	height:25px;
	margin:0px;
	text-align:center;
	background-color:#f9fafb;
	font-weight:bold;
	padding-top:5px;
	vertical-align:central;
	border-bottom:solid 1px #ddd}
	
#projet_cordonnateur{
	width:600px;
	height:220px;
	margin:auto;}
		
.projet_cordonnateur_div{
	float:left;
	width:200px;
	height:220px;
	margin-left:35px;
	border: solid 1px #096;
	display:block;}
	
.projet_reference_corp{
	margin-top:145px;
	text-align:center;
	color:#00F}
			
.contenu_gauche_bas_rubrique{
	width:250px;
	margin-top:5px;
	margin-bottom:8px;
	text-align:center;}

.contenu_gauche_bas_rubrique a{
	color:#060;
	text-shadow: 0 1px 0 #ddd;
	text-decoration: none;
	font-size:14px;}

.contenu_gauche_bas_rubrique a:hover{
	text-decoration:underline;
	font-size:14px;}
		
.contenu_gauche_transition{
	width:100%;
	height:5px;
	background-color:#fff}

.projet_carte{
	float:left;
	width:445px;
	height:212px;
	border:1px solid #ccc;
	padding:5px;
	}


/*FIN PROJET */

#corp_album{
	margin-top:15px;
	background-color:#000;
	width:719px;
}

.image_album_f{
	float:left;
	padding:5px;
	margin:7px 10px 7px 0px;
	background-color:#fff;
	border:1px solid #ddd;
	width:210px;
	height:170px;
}

.image_album_m{
	float:left;
	padding:5px;
	margin:7px 16px 7px 16px;
	background-color:#fff;
	border:1px solid #ddd;
	width:210px;
	height:170px;
}

.image_album_r{
	float:left;
	padding:5px;
	margin:7px 0px 7px 10px;
	background-color:#fff;
	border:1px solid #ddd;
	width:210px;
	height:170px;
}
#pied_contenu{
	width:100%;
	margin:auto;
	/*border-top: 1px solid #ccc;*/
	}
	
#pied_contenu_util{
	width:960px;
	padding-top:15px;
	margin:auto;
	}
.partenaire{
	width:120px;
	padding-left:12px;
	padding-right:2px;
	float:left;
	border-left:1px solid #f4f4f4;
	}
.partenaire_first{
	width:120px;
	padding-left:2px;
	padding-right:2px;
	float:left;
	}
#signature_ondr{
	float:left;
	}
#signature_suivre{
	float:right;
	}
	#signature_suivre a{
		float:left;
		padding-top:5px;
	text-decoration:none;
	color:#000;
	text-shadow: 0 1px 1px rgba(0,0,0, .3);
	}

#toutes_infos{
margin-top:25px;
width:718px;
border:1px solid #A0B831;
}
#toutes_infos_tete{
float:top;
width:708px;
height:20px;
background-color:#E7EFBD;
padding:5px;
border-bottom:1px solid #A0B831;
color:#000;
}
#toutes_infos_corps{
width:708px;
color:#000;

padding:5px;
background-color:#fafafa;
}

#toutes_infos_pieds{
float:bottom;
width:708px;
height:20px;
padding:5px;
color:#000;
border-top:1px solid #bbb;
background-color:#e9e9e9;
}

#toutes_infos_pieds a{
float:right;
text-decoration:none;
}

#toutes_infos_pieds a:hover{
color:#00f;
text-decoration:underline;
}

#inscrivez_vous a{
text-decoration:none;
float:right;
color:#060;
margin-right:115px;
font-style:italic;
margin-top:25px;
text-shadow: 0 1px 1px rgba(0,0,0, .3);
}

#inscrivez_vous a:hover{
color:#00f; 
}
#composantes_tableau{
float:left;
display:block;
margin-bottom:7px;
margin-right:7px}

#inscription{
width:500px;
height:350px;
margin-top:50px;
margin-left:110px;
border:1px solid #ccc;
}

#inscription_util{
width:400px;
height:300px;
margin-top:25px;
margin-left:10px;
}



#n_appel_offre{
font-size:20px;
color:#099000;
margin-top:15px;
}
#actualites1 {
margin-top: -5px;
width: 165px;
background-color: #ec9239;
height: 50px;
border: 1px solid #CCCCCC;
padding-left: 5px;
}

.more {
    color: #FFFFFF;
	text-decoration:none;
    display: inline-block;
    line-height: 20px;
    padding-right: 20px;
    margin: 0;
	background: transparent url(../image/article/picto-right3.gif) no-repeat 80px 55%;
}
 .contenu_droit .fullContent .agenda-lien {
      padding-left: -10px;
      text-color:#000000;

}


.footer-area{position:relative}
.footer-area-bg{background:transparent url("../image/footer-bg-layer.png") no-repeat scroll center bottom;height:100%;left:0;opacity:.1;position:absolute;top:0;width:100%}
.contact-form-area{height:0}
.footer-area a{color:#fff}
.footer-area a:hover{color:#ff8a00}
.footer-logo{margin-bottom:40px}
.flick-feed{margin-top:40px}
.flick-feed ul li{display:inline-block;float:left;margin-right:4%;width:20%}
.flick-feed ul li:last-child{margin-right:0}
.footer-area h4{color:#fff;font-size:18px;letter-spacing:1px;margin-bottom:50px;text-transform:uppercase}
.contact-details li{margin-bottom:10px;min-height:40px;padding-left:40px;position:relative}

.contact-details{
    color: #fff;
}

.contact-details li .f_contact_icon {
    font-size:24px;
    height:40px;
    left:0;position:absolute;
    text-align:center;
    top:0;
    width:40px
    color: #fff;
    }

.footer-list li,.footer-menu li{float:left;margin-bottom:10px;min-height:40px;width:50%}
.footer-list li a,.footer-menu li a{position:relative}

.footer-menu li a::before,.footer-menu li a::after
    {
        background:#ff8a00 none repeat scroll 0 0;
        content:"";display:inline-block;
        height:10px;
        left:0;
        margin-right:15px;
        position:relative;
        top:-1px;
    width:10px
}

.footer-menu li {
    list-style: none;
}

.footer-menu li a {
    text-decoration: none;
    color: #fff; 
    font-weight: bold;
}

.contact-details li {
    list-style: none;
}
.footer-menu li a::after{background:#ff8a00 none repeat scroll 0 0;float:left;left:3px;position:absolute;top:8px}
.footer-list li a i{background:#fff none repeat scroll 0 0;color:#2e2e2e;display:inline-block;font-size:24px;height:30px;margin-right:10px;padding-top:3px;text-align:center;width:30px}
.footer-bottom-area{background:#171e24 none repeat scroll 0 0;color:#fff}
.footer-copyright{padding:20px 0 8px}
.footer-copyright a{color:#fff}
.footer-copyright a:hover{color:#ff8a00}
.contact-form-area .modal-header{background:#ef3105 none repeat scroll 0 0;letter-spacing:2px;text-align:center}
.contact-form-area .modal-header h4{color:#fff;margin-bottom:0}
.contact-form .form-control{border:1px solid #ff8a00;border-radius:0;color:#ff8a00;font-size:15px;height:auto;margin-bottom:20px;max-height:150px;padding:10px}
.contact-form button{background:#060606 none repeat scroll 0 0;border:0;color:#fff;font-size:18px;font-weight:700;letter-spacing:2px;padding:10px;text-transform:capitalize;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;width:100%}
.contact-form button:hover{background:#ff8a00 none repeat scroll 0 0;color:#2e2e2e}
a.scrolltotop{background:#060606 none repeat scroll 0 0;bottom:20px;-webkit-box-shadow:0 0 0 7px transparent;box-shadow:0 0 0 7px transparent;color:#fff;display:none;font-size:20px;height:40px;padding-top:7px;position:fixed;right:20px;text-align:center;width:40px;z-index:99}
a.scrolltotop:hover{-webkit-box-shadow:0 0 0 0 #ff8a00;box-shadow:0 0 0 0 #ff8a00;background:#ff8a00}
.preloader-spinner{border:5px solid #ff8a00}



/*Slider */
   
    .welcome-slider-area{
    background:transparent none repeat scroll 0 0;
    height:700px;
    padding-top:100px;
    position:relative
     }
.welcome-text{
           -webkit-box-align:center;
           -ms-flex-align:center;
           align-items:center;
           color:#fff;
           display:-webkit-box;display:-ms-flexbox;
           display:flex;
           -webkit-box-orient:vertical;
           -webkit-box-direction:normal;
           -ms-flex-direction:column;
           flex-direction:column;
           font-size:25px;
           height:564px;
           -webkit-box-pack:center;
           -ms-flex-pack:center;
           justify-content:center;
           left:0;
           margin-bottom:15px;
           margin-right:15px;
           position:relative;top:0
        }
.welcome-text h1{-webkit-animation-delay:.3s;animation-delay:.3s;color:#fff;font-size:45px;font-weight:700;line-height:1;margin-bottom:30px;text-transform:capitalize}.welcome-text h1 span{color:#ef3105}.welcome-text p{-webkit-animation-delay:.5s;animation-delay:.5s;letter-spacing:2px;margin-bottom:40px}.welcome-image-layer{-webkit-animation-delay:.7s;animation-delay:.7s}.call-to-action{display:inline-block;margin-bottom:0;margin-top:40px;-webkit-animation-delay:.9s;animation-delay:.9s}.call-to-action a{color:#000;display:inline-block;font-size:18px;font-weight:700;letter-spacing:2px;margin-left:6px;padding:10px 30px;position:relative;text-transform:capitalize;z-index:1}.call-to-action a::before,.call-to-action a::after{background:#09cecb none repeat scroll 0 0;bottom:0;content:"";height:5px;left:0;position:absolute;-webkit-transition:all .3s cubic-bezier(.6,-.28,.735,.045) 0s;transition:all .3s cubic-bezier(.6,-.28,.735,.045) 0s;width:100%}.green-bg .call-to-action a::before,.green-bg .call-to-action a::after{background:#fd0 none repeat scroll 0 0}.call-to-action a::after{height:30px;left:auto;right:0;width:5px}.call-to-action a:hover::after,.call-to-action a:hover::before{background:#ff8a00}.home-button{bottom:30px;left:50%;margin-left:-16px;position:absolute}.home-button a{border:1px solid;border-radius:50px;color:#fff;font-size:20px;padding:10px 5px;text-transform:uppercase}.home-button a:hover{color:#060d64}.home-button a i{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;color:#060d64;-webkit-transition:color .3s ease 0s;transition:color .3s ease 0s}.welcome-text-slider{position:relative}.slider-bg{height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}
.slider-bg::after{background:#000 none repeat scroll 0 0;content:"";height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%}
.slide-one .slider-bg{background:url(../image/slide_2.jpg)no-repeat scroll center center/cover}
.slide-two .slider-bg{background:url(../image/slide_1.jpg)no-repeat scroll center center/cover}
.slide-three .slider-bg{background:url(../image/slide_3.jpg)no-repeat scroll center center/cover}
.slide-four .slider-bg{background:url(../image/slide_4.jpg)no-repeat scroll center center/cover}

welcome-slider-area.owl-carousel .owl-nav>div{
  background:#fff none repeat scroll 0 0;
  display:inline-block;
  font-size:30px;
  height:40px;
  margin:0 5px;
  padding-top:5px;
  text-align:center;
  -webkit-transition:all .3s ease 0s;
  transition:all .3s ease 0s;
  width:40px;
  position:absolute
}

.welcome-slider-area.owl-carousel .owl-controls {
      margin-top:-20px;
      position:absolute;
      top:50%;
      width:100%
}

.welcome-slider-area.owl-carousel .owl-controls .owl-next {left:auto;right:0}
.welcome-slider-area.owl-carousel .owl-nav>div:hover
        {background:#ff8a00 none repeat scroll 0 0;color:#fff}
/* Fin slider */