*{
  margin: 0;
  padding: 0;
}

.clear{
  clear: both;
}

#plan_menu {
  width: 100%;
  list-style: none;
}

#plan_menu a{
  color: #660000;
  font-size: 16px;
  text-decoration: none;
  margin-left: 50px;
  margin-top: 5px;
}

#plan_sous_menu{
  width: 100%;
  color: #030057;
  list-style:none;
  margin-bottom: 5px;
}

#plan_sous_menu a{
  width: 100%;
  color: #030057;
  text-decoration: none;
  margin-left: 100px;
  margin-bottom: 5px;
}



/*******************************/
/*  Version tablette - bureau  */
/*******************************/

@media screen and (min-width: 930px){

                        body{
                          background: #FFFFFF;
                          font-family: verdana;
                          height: 100%;
                          font-size: 14px;
                        }

                        /* Conteneur */
                        #conteneur{
                          width: 100%;
                          height: 100%;
                          margin: 0 auto;
                        }

                        #en_tete_mobile,
                        #bandeau_mobile,
                        #contenu_mobile,
                        #pied_mobile{
                          display: none;
                        }

                        /* Entête Bureau */
                        #en_tete_bureau{
                          float: left;
                          width: 100%;
                          display: inline;
                          top: 0;
                          left: 0;
                        }

                        .top-menu li{
                          float: left;
                          text-align: center;
                          position: relative;
                          list-style: none;
                          transition: all 0.3s ease;
                          -webkit-transition: all 0.3s ease;
                          -moz-transition: all 0.3s ease;
                          -o-transition: all 0.3s ease;
                          -ms-transition: all 0.3s ease;
                        }

                        .top-menu li a{
                          min-width: 180px;
                          height: 50px;
                          z-index: 9999;
                          position: absolute;
                          top: 10px;
                          display: block;
                          text-decoration: none;
                          color: #FFFFFF;
                          text-shadow: 0px 1px 1px rgba(0,0,0,0.4), 0px 4px 6px rgba(0,0,0,0.1), 0px 9px 11px rgba(0,0,0,0.1);
                          transition: all 0.1s linear;
                          -webkit-transition: all 0.1s linear;
                          -moz-transition: all 0.1s linear;
                          -o-transition: all 0.1s linear;
                          -ms-transition: all 0.1s linear;
                        }

                        .top-menu li div.menu-item {
                          min-width: 180px;
                          height: 50px;
                          border-radius: 0px 0px 2px 0px;
                          display: block;
                          transition: all 1s ease;
                          -webkit-transition: all 1s ease;
                          -moz-transition: all 1s ease;
                          -o-transition: all 1s ease;
                          -ms-transition: all 1s ease;
                        }
                      
                        .top-menu li:hover div.menu-item{
                          background-color: #0080FF;
                          transform: translate(0px,10px);
                          -webkit-transform: translate(0px,10px);
                          -moz-transform: translate(0px,10px);
                          -o-transform: translate(0px,10px);
                          -ms-transform: translate(0px,10px);
                        }
                      
                        /* Menu Bureau */
                        #menu_bureau{
                          background: #000000;
                          width: 100%;
                          height: 50px;
                          float: left;
                        }
                      
                        #menu_bureau li.actif_menu{
                          background: #625656;
                        }

                        /* Bandeau Bureau 13 */
                        #bandeau_bureau{
                          background-color: #FFFFFF;
                          background-size: cover;
                          height: 90px;
                          width: 100%;
                          float: left;
                          background: -webkit-linear-gradient(left, white, black, #3E7DCA);
                          background: -o-linear-gradient(right, white, black, #3E7DCA);
                          background: -moz-linear-gradient(right, white, black, #3E7DCA);
                          background: linear-gradient(to right, white, black, #3E7DCA);
                        }
                      
                        /* Logo négatif */
                        #logo_negatif{
                          background: url(/bdd/logo/logo_elica_transparent.png) no-repeat;
                          background-size: auto 80px;
                          background-position-x: right;
                          width: 280px;
                          height: 100%;
                          float: left;
                        }
                      
                        /* Centre Bandeau */
                        #centre_bandeau{
                          height: 100%;
                          width: 300px;
                          float: left;
                        }
                      
                        /* Slogan */
                        #slogan{
                          color: #FFFFFF;
                          width: 300px;
                          margin-top: 60px;
                          text-transform: uppercase;
                          font-weight: bold;
                        }
                      
                        .cercle {
                          float: right;
                          width: 50px;
                          height: 50px;
                          margin: 20px 20px 20px 2px;
                          display: inline;
                          background-size: 50px;
                          border-radius: 50%;
                          box-shadow:
                          inset 0 0 50px #000000,
                          inset 0 0 50px #000000,
                          inset -20px 0 80px #FFFFFF,
                          inset -20px 0 300px #FFFFFF,
                          0 0 25px #FFFFFF,
                          10px 0 50px #000000;
                        }
                      
                        /* Sous Menu Bureau */
                        #sous_menu_bureau{
                          background-color: #585858;
                          width: 100%;
                          height: 50px;
                          float: left;
                          display: inline;
                        }
                      
                        #sous_menu_bureau li.actif_sous_menu{
                          background-color: #6585A3;
                        }
                      
                        .top-menu li div.sous_menu-item {
                          min-width: 180px;
                          height: 50px;
                          border-radius: 0px 0px 2px 0px;
                          display: block;
                          transition: all 1s ease;
                          -webkit-transition: all 1s ease;
                          -moz-transition: all 1s ease;
                          -o-transition: all 1s ease;
                          -ms-transition: all 1s ease;
                        }
                      
                        .top-menu li:hover div.sous_menu-item{
                          background: #6585A3;
                        }
                      
                        /* article 1 colonne */
                        .article_1{
                          position:relative;
                          margin: 80px 0px 0px 80px;
                          padding-bottom: 20px;
                          width: 85%;
                          float: left;
                          text-align: left;
                        }

                        .titre_1{
                          width: 100%;
                          float: left;
                          font-size: 18px;
                          font-weight: bold;
                          margin-bottom: 10px;
                          color: #770000;
                          text-align: left;
                        }
                      
                        /* article 2 colonnes */
                        .article_2{
                          position:relative;
                          margin: 80px 0px 20px 80px;
                          width: 40%;
                          height: 500px;
                          float: left;
                          text-align: left;
                          overflow: hidden;
                        }

                        .titre_2{
                          margin-bottom: 10px;
                          width: 100%;
                          float: left;
                          font-size: 18px;
                          font-weight: bold;
                          color: #770000;
                          text-align: left;
                        }
                      
                          /* article 3 colonnes */
                        .article_3{
                          position:relative;
                          margin: 85px 0px 35px 95px;
                          width: 24%;
                          height: 500px;
                          float: left;
                          text-align: left;
                          overflow: hidden;
                        }

                        .titre_3{
                          margin-bottom: 10px;
                          width: 100%;
                          float: left;
                          font-size: 18px;
                          font-weight: bold;
                          color: #770000;
                          text-align: left;
                        }
                        
                        /* tous les articles*/
                        .image_zoom{
                          float: left;
                          margin: 0px 10px 0px 0px;
                          width: 250px;
                          height: auto;
                          text-align: center;
                          -webkit-transform: scale(1);
                          transform: scale(1);
                          -webkit-transition: .3s ease-in-out;
                          transition: .3s ease-in-out;
                        }

                        .image_zoom:active {
                          -webkit-transform: scale(2);
                          transform: scale(5);
                          margin-left: 100px;
                          margin-top:100px;
                          width: 100px;
                        }

                        .image_3{
                          float: left;
                          margin: 0px 10px 20px 0px;
                          width: 100%;
                          height: auto;
                          text-align: center;
                        }

                        .image{
                          float: left;
                          margin: 0px 10px 0px 0px;
                          width: 300px;
                          height: auto;
                          text-align: center;
                        }
                      
                        .separation{
                          position:absolute;
                          bottom:0px;
                          right: 0px;
                          width: 100%;
                          height: 1px;
                          background: -webkit-linear-gradient(left, white, #660000);
                          background: -o-linear-gradient(right, white, #660000);
                          background: -moz-linear-gradient(right, white, #660000);
                          background: linear-gradient(to right, white, #660000);
                        }
                      
                        /* zoomer sur un article */
                        .puce{
                          position:absolute;
                          bottom:0px;
                          right: 0px;
                          background-image: url('/bdd/images/images_site/puce_rouge.jpg');
                          background-position: right top;
                          background-repeat: no-repeat;
                          background-color: #660000;
                          padding: 5px 40px 7px 5px;
                          text-align: right;
                          text-decoration: none;
                          color: #FFFFFF;
                        }

                        a:hover .puce,
                        a:active .puce{
                          position:absolute;
                          bottom:0px;
                          right: 0px;
                          background-image: url('/bdd/images/images_site/puce_bistre.jpg');
                          background-position: right top;
                          background-repeat: no-repeat;
                          color: #848484;
                        }
                        
                        #titres{
                          margin-top: 60px;
                          margin-left: -260px;
                          float:left;
                          font-size: 16px;
                          color: #660000;
                        }

                        #content{
                          float: left;
                          margin-top: 110px;
                        }

                        #identifiant{
                          float: left;
                          margin-left: 50px;
                          margin-top: 10px;
                          font-weight: bold;
                          font-size: 20px;
                        }
                        
                        #tableau{
                         width: 100%;
                         background #99CCFF
                        }
                        
                        .titre_nav {
                          padding: 10px 0px 10px 0px;
                          float: left;
                          text-align: center;
                          font-weight: bold;
                          width: 100%;
                          background-color: #FFFFFF;
                          color: #000000;
                        }
                        
                        #image_grande img{
                          width: 80%;
                          height: auto;
                          margin: 30px 30px 30px 140px;
                        }

                        .lien_n{
                          background-color: #ffffff;
                          text-align: right;
                        }
                        
                        .lien_n a{
                          color: #030057;
                          text-decoration: none;
                        }
                        
                        /* Pied de Page Bureau */
                                
                          #pied_bureau{
                            width: 100%;
                            height: 80px;
                            position: fixed;
                            bottom: 0px;
                            background: #585858
                          }

        /* Contenant principal */
        
        #contenu{
        	min-height: 1200px;
        	width: 100%;
                float: left;
        }

        /* Colonnes de contenu */
        
        .unecol{
                width: 80%;
                margin: 0 auto;
                padding: 20px 0px;
                background-color: #ffffff;
                margin-bottom: 20px;
        }
        
        .container2 {
                float: left;
                width: 50%;
                overflow: hidden;
                padding: 30px 90px;
                box-sizing: border-box;
        }
        
        .container3 {
                float: left;
                width: 33%;
                overflow: hidden;
                padding: 30px 90px;
                box-sizing: border-box;
        }
        
        .deuxcol,
        .troiscol{
                float: left;
                width: 100%;
                background-color: #ffffff;
                min-height: 220px;
                overflow: hidden;
        }
        
        /* Retour à la liste */
        
        .unecol p.droite {
                text-align: right;
                padding-top: 20px;
        }
        
        /* Mise en forme des images */
        
        .unecol img,
        .deuxcol img,
        .troiscol img{
                width: 270px;
                height: auto;
                margin: 5px 30px 30px 0;
                float: left;
        }
        
        #image_grande img{
                width: 80%;
                height: auto;
                margin: 30px 30px 30px 140px;
        }
        
        /* Mise en forme des titres */
        
        .unecol h1,
        .deuxcol h1,
        .troiscol h1{
                margin-bottom: 35px;
                margin-left: 0px;
                font-size: 18px;
                color: #660000;
        }
        
        /* Mise en forme des textes */
        
        .unecol .texte,
        .deuxcol p,
        .troiscol p{
                color: #000000;
                font-size: 14px;
                font-weight: normal;
                margin-bottom: 30px;
        }
        
        /* Mise en forme des liens */
        
        .unecol a,
        .deuxcol a,
        .troiscol a{
                color: #030057;
                display: block;
                text-decoration: none;
        }
        
        .unecol a:hover,
        .deuxcol a:hover,
        .troiscol a:hover{
                color: #660000;
        }
        
        .lien_n{
               background-color: #ffffff;
               text-align: right;
        }
        
        .lien_n a{
               color: #030057;
               text-decoration: none;
        }
        
        /* Mise en forme des puces lire la suite */
        
        .puce{
                background-image: url('/bdd/images/images_site/puce_rouge.jpg');
                background-position: right top;
                background-repeat: no-repeat;
                padding: 5px 40px 13px 5px;
                text-align: right;
                text-decoration: none;
        }
        
        a:hover .puce,
        a:active .puce{
                background-image: url('/bdd/images/images_site/puce_bistre.jpg');
                background-position: right top;
                background-repeat: no-repeat;
                color: #660000;
        }
        

}







/********************  FIN Version tablette - bureau  ***************************/

/*  Bouton retour haut de page */

  #retour_haut{
    background:url(/bdd/images/images_site/retour_haut.png) no-repeat;
    bottom: 10px;
    cursor: pointer;
    display: none;
    filter: alpha(opacity = 50);
    height: 48px;
    opacity: 0.5;
    position: fixed;
    right: 1%;
    width: 48px;
  }

  #retour_haut:hover{
    filter: alpha(opacity = 100);
    opacity: 1;
  }


  #menu_footer_bureau li{
    text-align: center;
    float: left;
    width: 30%;
    padding-top: 15px;
    list-style: none;
  }

  #menu_footer_bureau a{
    color: #FFFFFF;
    text-decoration: none;
  }
  
  #menu_footer_bureau p{
    color: #FFFFFF;
    height: 20px;
    margin-top : 10px;
    text-align: center;
    font-style: italic;
  }
  
/* Recherche bureau */

  #recherche_bureau{
    position: fixed;
    right: -540px;
    top: 230px;
    width: 540px;
    height: 60px;
    background: #000000;
    font-size: 20px;
  }
  
  #recherche_bureau input:first-child{
    background: none;
    border: none;
    margin-left: 15px;
    margin-top: 8px;
    width: 400px;
    font-size: 20px;
  }
  
  #recherche_bureau input:last-child{
    background: url(/bdd/images/images_site/ico-search3.png) no-repeat;
    width: 36px;
    height: 36px;
    border: none;
    margin-top: 5px;
    cursor: pointer;
    font-size: 20px;

  }

  #btn_close_recherche{
    float: right;
    margin-right: 15px;
    margin-top: 17px;
    margin-bottom: 17px;
    cursor: pointer;
  }
  
  #zone_recherche{
    width: 480px;
    height: 45px;
    background: #FFFFFF;
    border-radius: 25px;
    margin-top: 8px;
    margin-left: 5px;
    font-size: 20px;
  }

  .bouton_bandeau{
    width: 30px;
    height: 30px;
    margin: 10px 10px 10px 10px;
    cursor: pointer;
  }

  #bouton_loupe{
    width: 30px;
    height: 30px;
    margin: 10px 10px 10px 10px;
    cursor: pointer;
  }
  
  /* Contenu Centre */
  #contenu_centre{
    float: left;
    min-height: 750px;
    width: 100%;
    text-align:center;
    background-color: #ABB2B9;
  }

  /* gere l'aspect des icones */

  .icon{
    width: 20px;
    text-align: center;
  }

  /* gere l'aspect des liens de l'aide */
  .icon a{
    text-decoration: none;
    font-weight: normal;
    color: #ff6633;
  }

  .icon a:hover{
    text-decoration: none;
    color: #DD1414;
  }

  .icon a img{
    border: none;
  }

  /* gere l'aspect de la légende du tableau */
              
  table tr.legende {
    background-color: gainsboro;
    color: #030057;
    cellspacing:collapse;
  }

  table tr.caption {
    color: #660000;
    background:white;
  }
              
  table tr.caption td {
    text-align: right;
  }
              
  /* gere le texte dans la ligne, l'en-tête et la cellule */
  table tr,
  table th,
  table td {
    padding:2px 5px 2px 5px;
    text-align:left;
    font-family: Tahoma, sans-serif;
  }
              
  /* taille des champs de modification */
  table td input{
     width:100%;
     height: 28px;
  }
              
  /* taille des champs de selection */
  table td select{
    width: 100%;
    height: 28px;
  }
              
  /* taille des champs de texte */
  table td.formulaire textarea{
    width:100%;
  }

  /* Couleur du formulaire */
  table td.formulaire {
    border-left: solid 10px #99CCFF;
    background: #99CCFF;
  }

  /* Bordure gauche */
  table td.formulaire:hover, table td.formulaire:active{
    border-left: solid 10px #660000;
  }

  /* centre le texte dans la ligne */
  table th.th_centre {
    text-align: center;
  }

  table th.centre_texte,
  table td.centre_texte {
    text-align: center;
  }

  /* droitise le texte dans la ligne */
  table th.th_droite {
    text-align: right;
  }
              
  /* droitise le texte dans la ligne */
  table td.td_droite {
    text-align: right;
  }
              
  /* gere la couleur de fond des entetes rouges de tableau */
  table tr.entete {
    color: #FFFFFF;
    background-color: #424949  ;  /*couleur entete*/
    min-height: 30px;
  }
              
  /* gere l'alignement à droite des textes */
  table tr.ajout {
    background:  #7F8C8D;
    color: #FFFFFF;
    height: 20px;
  }

  .legend {
    font-weight: bold;
  }

  /* gere la couleur de fond des lignes de contenu du tableau en alternance*/
  .gris {
    background: #CCCCCC;
  }
  
  .vert {
    background: #CCFF99;
  }
  
  .jaune {
    background: #EDED00;
  }
  
  .bleu_clair {
    background: #2EFEF7;
  }
  
  .light {
    background: #F0F8FF;
  }
  .dark {
    background: #B0C4DE;
  }

  .red {
    background: #FF5E5E;
  }

  .bord_rouge {
    border: solid 1px #660000;
  }

  .repos {
    background: #4B69E1;
  }

  .dispo {
    background: #94F27C;
  }

  .travail {
    background: #F78BB2;
  }

  .conduite {
    background: #FF0000;
  }

  .tableau {
    background: #99ccff;
  }

  .activite {
    float:left;
    overflow-y:hidden;
    scrollbar-color:#2d2d2d;
    padding:0px; margin: 0px;
    width:655px; height:55px;
    background-color:#2d2d2d;
  }

  #aide {
    width: 100%;
    margin:0px auto;
    text-align: left;
  }

  /* gere les articles du front office: galerie image */
  .article_4_1{
    width: 5%;
    float: left;
    margin: 10px 10px 10px 80px;
  }

  .article_4{
    width: 5%;
    float: left;
    margin: 10px 10px 10px 10px;
  }

  .article_5{
    width: 50%;
    float: left;
    margin: 80px 10px 10px 80px;
  }

  .image_4, .image_5{
    float: left;
    width: 100%;
    height: auto;
  }
  .titre_4{
    width: 200px;
    float: left;
    font-size: 15px;
    font-weight: bold;
    margin: 10px 10px 10px 80px;
    padding: 0px 0px 0px 10px;
    color: #FFFFFF;
    background-color: #770000;
    text-align: left;
  }

  /* xxxxxxxxxxxxx Generalites sur les tableaux xxxxxxxxxxxxxxx */

@media screen and (min-width: 930px) and (max-width: 1400px){

  div#nav_gauche {
    margin: 0px 20px 0px 20px;
    display:inline-block;
    border: solid 1px #2d2d2d;
    text-align: center;
    width: 900px;
    background-color: #FFFFFF;
  }

  
  div.action {
    float: left;
    padding: 5px;
    margin: 3px;
    width: 880px;
    min-height: 45px;
    border: solid 1px #2d2d2d;
    overflow: hidden;
    text-align: left;
    background-color: #CCCCCC;
  }


  /* gere l'aspect général du tableau */
  .table_travail {
    margin: 0px auto;
    width: 900px;
    text-align: left;
  }

}

@media screen and (min-width: 1400px){
  

  #nav_gauche {
    padding: 5px;
    margin: 5px 20px 5px 20px;
    float: left;
    border: solid 1px #2d2d2d;
    text-align: center;
    width: 400px;
    min-height: 750px;
    background-color: #FFFFFF;
  }

  .action {
    float: left;
    padding: 5px;
    margin: 3px;
    width: 380px;
    min-height: 80px;
    border: solid 1px #2d2d2d;
    overflow: hidden;
    text-align: left;
    background-color: #CCCCCC;
  }

  /* gere l'aspect général du tableau */
  .table_travail {
    margin: 0px 20px 0px 20px;
    float: left;
    width: 900px;
    text-align: left;
  }

}



/******************/
/* Version Mobile */
/******************/

@media screen and (max-width: 930px){

            body{
              background: #FFFFFF;
              font-family: verdana;
              height: 100%;
              font-size: 16px;
            }

            #nav_gauche {
              float: left;
              text-align: center;
              width: 100%;
            }

            .titre_nav {
              padding: 10px 0px 10px 0px;
              float: left;
              text-align: center;
              font-weight: bold;
              width: 100%;
              background-color: #585858;
              color: #FFFFFF;
            }

            .action {
              display: none;
            }

            /* gere l'aspect général du tableau */
            .table_travail {
              float: left;
              width: 100%;
              text-align: left;
            }

            #en_tete_bureau{
              display: none;
            }
          
            #conteneur{
              width: 100%;
              height: 100%;
              margin: 0 auto;
              padding-top: 50px;
            }

            /* Entete Mobile */
            #en_tete_mobile{
              background: #000000;
              position: fixed;
              top: 0;
              left: 0;
              width: 100%;
              height: -70px;
            }
          
            #en_tete_mobile h2{
              color: #FFFFFF;
              text-align: center;
              font-size: 24px;
              width: 100px;
              margin-right: auto;
              margin-left: auto;
              margin-top: -50px;
              font-weight: normal;
            }
          
            /* Bouton Hamburger */
            #btn_hamburger{
              background: none;
              border: none;
              margin-left: 5px;
              margin-right: 10px;
              float: left;
              cursor: pointer;
            }
            #btn_hamburger img{
              width:50px;
              height: 50px;
            }
          
            /* Menu Mobile */
            #menu_mobile{
              position: fixed;
              left: -930px;
              top: 0;
              width: 100%;
              height: 100%;
              overflow: scroll;
            }
          
            #menu_mobile ul {
              list-style-type: none;
            }
          
            #menu_mobile li {
              display: block;
              float: right;
              width: 100%;
            }
          
            #menu_mobile li a {
              display: block;
              width: 100%;
              height: 50px;
              text-align: center;
              line-height: 50px;
              color: #ffffff;
              background: #000000;
              text-decoration: none;
            }
          
            #menu_mobile .abonnes_mobile a{
              background: #3E7DCA;
            }
          
            #menu_mobile li:hover a {
              background: #0080FF;
            }
          
            #menu_mobile li .hidden a {
              background: #585858;
              color: #FFFFFF;
              height: 40px;
              line-height: 40px;
            }
          
            #menu_mobile li .hidden a:hover {
              background: #6585A3;
              color: #ffffff;
            }
          
            #menu_mobile li ul {
              display: none;
            }
          
            #menu_mobile li ul li {
              display: block;
              float: none;
            }
          
            #menu_mobile li ul li a {
              width: 100%;
              text-align: center;
            }
            .hidden{
              position: static!important;
            }
          
            /* Bouton Close */
            #btn_close{
              float: right;
              margin-right: 50px;
              margin-top: 17px;
              margin-bottom: 17px;
              cursor: pointer;
            }
          
            .cercle {
              float: right;
              width: 50px;
              height: 50px;
              margin: 2px 2px 2px 2px;
              display: inline;
              background-size: 50px;
              border-radius: 50%;
              box-shadow:
              inset 0 0 50px #000000,
              inset 0 0 50px #000000,
              inset -20px 0 80px #FFFFFF,
              inset -20px 0 300px #FFFFFF,
              0 0 25px #FFFFFF,
              10px 0 50px #000000;
            }
          
            .bouton_bandeau,
            .bouton_menu{
              width: 30px;
              height: 30px;
              margin: 10px 10px 10px 10px;
              cursor: pointer;
            }
            
            /* Bandeau Mobile */
            #bandeau_mobile{
              height: 90px;
              width: 100%;
              float: left;
              background: -webkit-linear-gradient(left, white, black, #3E7DCA);
              background: -o-linear-gradient(right, white, black, #3E7DCA);
              background: -moz-linear-gradient(right, white, black, #3E7DCA);
              background: linear-gradient(to right, white, black, #3E7DCA);
            }
          
            #bandeau_mobile p{
              color: #FFFFFF;
              font-size: 18px;
              text-align: center;
              margin-top: 35px;
              margin-right: 20px;
            }
          
            .cercle {
              float: right;
              margin-right: 10px;
              width: 50px;
              height: 50px;
              margin: 2px 2px 2px 2px;
              display: inline;
              background-size: 50px;
              border-radius: 50%;
              box-shadow:
              inset 0 0 50px #000000,
              inset 0 0 50px #000000,
              inset -20px 0 80px #FFFFFF,
              inset -20px 0 300px #FFFFFF,
              0 0 25px #FFFFFF,
              10px 0 50px #000000;
            }
          

            /* Logo Mobile */
            #logo_mobile{
              background: url(/bdd/logo/logo_elica_transparent.png) no-repeat;
              background-size: 80px, 80px, cover;
              height: 80px;
              width: 80px;
              float: left;
              margin-left: 25px;
              margin-top: 5px;
              cursor: pointer;
            }
            
            /* article 1 colonne */
            .article_1{
              margin: 30px 10px 0px 20px;
              width: 90%;
              float: left;
              text-align: left;
            }

            .titre_1{
              width: 100%;
              float: left;
              font-size: 18px;
              font-weight: bold;
              margin-bottom: 10px;
              color: #770000;
              text-align: left;
            }

            /* article 2 colonne */
            .article_2{
              margin: 30px 10px 0px 10px;
              padding-bottom: 20px;
              width: 90%;
              float: left;
              text-align: left;
            }

            .titre_2{
              width: 100%;
              float: left;
              font-size: 18px;
              font-weight: bold;
              margin-bottom: 10px;
              color: #770000;
              text-align: left;
            }

            /* article 3 colonne */
            .article_3{
              margin: 30px 10px 0px 10px;
              padding-bottom: 20px;
              width: 90%;
              float: left;
              text-align: left;
            }
            .titre_3{
              width: 100%;
              float: left;
              font-size: 18px;
              font-weight: bold;
              margin-bottom: 10px;
              color: #770000;
              text-align: left;
            }
          
            .image_zoom{
              margin: 0px 0px 10px 0px;
              float: left;
              width: 100%;
              height: auto;
            }
          
            .image_3{
              margin: 0px 0px 10px 0px;
              float: left;
              width: 100%;
              height: auto;
            }

            .image{
              margin: 0px 0px 10px 0px;
              float: left;
              width: 100%;
              height: auto;
            }
          
            .separation{
              width: 100%;
              margin-top: 10px;
              height: 1px;
              float: left;
              background: -webkit-linear-gradient(left, white, #660000);
              background: -o-linear-gradient(right, white, #660000);
              background: -moz-linear-gradient(right, white, #660000);
              background: linear-gradient(to right, white, #660000);
            }
          
            /* zoomer sur un article */
            .puce{
              display: none;
            }
              
            #recherche_mobile{
              width: 100%;
              height: 50px;
              background: #FFFFFF;
              clear: both;
            }

            #recherche_mobile input:first-child{
              background: none;
              border: none;
              margin-top: 10px;
              margin-left: 20px;
              width: 70%;
              font-size: 24px;
            }
                
            #recherche_mobile input:last-child{
              background: url(/bdd/images/images_site/ico-search3.png) no-repeat;
              width: 36px;
              height: 36px;
              border: none;
              margin-top: 8px;
              margin-right: 20px;
              float: right;
            }
            

            /* Pied de Page Bureau */
                    
              #pied_bureau{
                width: 100%;
                height: 80px;
                float: left;
                background: #585858
              }




}

/***************************** Fin Contenu Mobile ********************************/