     .titre{
      font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
        text-align: center;
        margin-top: 5%;
        margin-bottom:2%;
        margin-left:5%;
        padding:1%;
        border-radius: 25px;
        color:white ;
      }
      .nom{
      	text-align : center;
      }
      .smallicon{ 
        margin-top: 7px;
        margin-bottom: 7px;
        padding-right: 15px;
        float: right;
        max-height: 100px;
        max-width: 100px;
      }

      .texte_article{
      	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
      	text-align:justify;
      }
      .image_article{
        min-height: 300px;
      }
      .image_article2{
        min-height:230px;
      }
      .blockcv{
        margin-bottom: 1%;
      }
      .topcv{
        margin-left: 2%;
      }
      #top_texte{

        float:left;
      }
      .sous_titre{
        margin-top:5%;
        margin-bottom: 5%;
        font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
        text-align: center;
        padding:1%;
        color:white;
        border-radius: 15px;
      }
      .actions{
        margin-top: 4%;
      }
      .topitop{
   
        margin-top: -1.5% !important;
      }
      .top{     

        font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;

        color:white;
        padding-left: 5%;
        text-align: left;

        display:block;
        margin-bottom: 0px;
        border-radius: 25px;
      }
      .bouton{
        font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
        display:block;
        text-align: center;
        border-radius:11px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        color:white;
        font-size:17px;
        font-weight:bold;
        padding:8%;
      }
      .bouton_menu:hover{
        color:white;
      }
      .bouton_menu{
        margin: 2%;
        display:block;
        font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
        text-align: center;
        border-radius:10px;
        color:white;
        font-size:15px;
        font-weight:bold;
        padding:5%;
      }

      .tableau{
        margin-top:6%;
      }
      .titre_article{
        margin-bottom: 5%;
      }
      .image_article{
        margin-top: 5%;
      }
      .art_agri{
        margin-bottom: 4%;
      }
      .urgence{
        color: red;
      }
      .large{
        color: green;
      }
      .proche{
        color:orange;
      }
      h2{
        font-size:22px;
        margin-bottom: 1.5%;
      }
      h3{
        font-size:18px;
      }
      h4{
        text-align: center;
      }
      .ident{
        padding: 5%;
        margin-top : 5%;
        border : solid;
      }

      .mini_menu{
        margin-top:35px;
      }

      .link{
       padding-left: 5%;
      }

      .bouton_acc{
        border-radius: 10px;
        margin-top:50%;
        padding:15%;
        font-size: 15px;
      }

      small{
        color: #FFFFFF !important;
      }

      .bouton:hover{
        color:white;
      }
      .top_bouton{
        background-color: black;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
      }
      .index{
      	margin-top:2%;
      }

      .accueil{
      	background-color:#1A3563;
      }
      .cv{
      	background-color:#3B4961;
      }
      .informatique{
        background-color:#526582;
      }
      .calendar{
        background-color:#718BB4 ;
      }
      /*
      .accueil{
        background-color:#CFD8F0;
      }
      .cv{
        background-color:#F0CFCF;
      }
      .informatique{
        background-color:#EACFF0;
      }
      .agriculture{
        background-color: #CFF0D7;
      }
      .agriculture_3{
        background-color: #618540;
      }
      .agriculture_2{
        background-color: #4D8540;
      }*/
      
      .content_accueil{
        font-size:16px;
        font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
      }
      
      .content_cv{
        font-size:18px;
        font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
      }
      .content, .content_accueil{
		text-align:justify;
        font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
      }
      .onglet.affix {
    	top: 0px;
		}​

      .article{
        margin-top: 3%;
        padding:1%;
      }
      .menu{
        margin-bottom:2%;
      }

        body{
          overflow:scroll
        }



      @media (max-width: 980px) {
        /* Enable use of floated navbar text */
        .navbar-text.pull-right {
          float: none;
          padding-left: 5px;
          padding-right: 5px;
        }



        .titre_pr{
          margin-left:0%;
        }
        .titre{
          margin-left:0%;
        }



        .bouton{
            padding :4%;
          }
      }

      @media (max-width : 500px){

        .top{
          min-height:240px !important;
        }
      }
      
      #footer{
      	font-size:8px;
      	font-style:italic;	
      }
      
      a.bouton_menu:visited, a.bouton_menu:active, a.bouton_menu:focus{
      	text-decoration:none !important;
      	color:#000000 !important;
      }

div .list{

  margin: 10px;
  padding: 10px;
}

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

div .list li {
  font: 200 20px/1.5 Helvetica, Verdana, sans-serif;
  border-bottom: 1px solid #ccc;
}

div .list li:last-child{
  border: none;
}

div .list li a{
  text-decoration: none;
  color: #000;
  display: block;

  -webkit-transition: font-size 0.3s ease, background-color 0.3s ease;
  -moz-transition: font-size 0.3s ease, background-color 0.3s ease;
  -o-transition: font-size 0.3s ease, background-color 0.3s ease;
  -ms-transition: font-size 0.3s ease, background-color 0.3s ease;
  transition: font-size 0.3s ease, background-color 0.3s ease;
}

div .list li a:hover{
  font-size: 30px;
  background: #f6f6f6;
}