/*
     La partie CSS de la page presentation
*/

#articles_page_presentation
{
     float:left;
     width:100%;
}

#article_page_presentation
{
     float:left;
     width:100%;
}

.article_page_presentation
{

     background: #50496320;
     color: #fff;
     float: left;
     width: 100%;
     margin: 40px 0;
}

#titre_article_presentation
{

     float: left;
     width: 100%;
     height: 100px;
}

.titre_article_presentation
{

     margin: 20px 10%;
     font-size: 1.2em;
     border-bottom: 2px solid #fff;
}

#paragraphe_article_presentation
{

     float: left;
     width: 100%;
}

.paragraphe_article_presentation
{

     margin: 20px 10px 20px 10px;
     font-size: 0.9em;
}

#articles_autres_page_presentation
{

     float: left;
     width: 100%;
}

#article_historique_page_presentation
{
     float:left;
     width:100%;
}

#article_personnel_page_presentation
{
     float:left;
     width:100%;
}

#article_equipement_page_presentation
{
     float:left;
     width:100%;
}

.article_autre_page_presentation
{
     color: #fff;
     float: left;
     width: 100%;
     background: #50496320;
     margin: 0 0 40px 0;
}

.article_autre_page_presentation1
{
     color: #fff;
     float: left;
     width: 100%;
     background: #50496320;
     margin: 0 0 40px 0;
}

.article_autre_page_presentation2
{
     color: #fff;
     float: left;
     width: 100%;
     background: #50496320;
     margin: 0 0 40px 0;
}

.titres_autres_page_presentation
{
     float: left;
     width: 100%;
     height: 100px;
}

.titre_autre_page_presentation
{
     margin: 20px 10%;
     font-size: 1.2em;
     border-bottom: 2px solid #fff;
}

.paragraphes_autres_page_presentation
{
     float: left;
     width: 100%;
}

.texte_autre_page_presentation
{
     margin: 20px 10px 20px 10px;
     font-size: 0.9em;
}

.image_organigramme
{
     width:100%;
}

.titre_para
{
    margin-left:10px;
}

@media (min-width:600px){
    .image_organigramme
    {
         width:70%;
         margin:0 15%;
    }
}

@media (min-width:1138px){

     .article_page_presentation
     {
          width:80%;
          margin:40px 10%;
          background: #50496320;
     }

     .article_autre_page_presentation
     {
          width:80%;
          margin:0 10% 40px 10%;
          background: #50496320;
     }

     .article_autre_page_presentation1
     {
          width:80%;
          margin:0 10% 40px 10%;
          background: #50496320;
     }

     .article_autre_page_presentation2
     {
          width:80%;
          margin:0 10% 40px 10%;
          background: #50496320;
     }
     
    

}