/*


    font-family: 'Open Sans', sans-serif;

    font-family: 'Open Sans Condensed', sans-serif;

*/


:root  {
    --couleur_bleu : #003399;
    --couleur_orange: #e76846;
}

body{
    --couleur_bleu : #003399;
    --couleur_orange: #e76846;
    color:mediumvioletred;
    font-family: 'Open Sans', sans-serif;
/*    font-family: 'Open Sans Condensed', sans-serif;*/
}

#zone_methodo{
    margin-top:20px;
    margin-bottom: 20px;
    /*margin-left:15px;*/
    /*margin-right: 15px;*/
    background-color: #eeeef7;
    width: 100%;
}


.gros_titre{
    position:relative;
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
    color: var(--couleur_orange);
    /*font-style: bold;*/
    font-size: 30pt; 
}
.sous_titre{
    position:relative;
    font-family: 'Open Sans', sans-serif;
    color: var(--couleur_bleu);
    font-weight: 700;
   /* font-style: bold;*/
    font-size: 15pt; 
}

.titre_chap{
   /* color: #003399;*/
    margin-top:50px;
    padding-left: 50px;
    font-family: 'Open Sans', sans-serif;
    color: var(--couleur_bleu);
    /*font-style: bold;*/
    font-weight: 700;
    
    font-size: 24pt;
}
.titre_mention{
   /* color: #003399;*/
    margin-top:25px;
    margin-bottom: 25px;
    padding-left: 50px;
    font-family: 'Open Sans', sans-serif;
    color: var(--couleur_bleu);
    /*font-style: bold;*/
    font-weight: 700;
    
    font-size: 24pt;
}
.stitre_chap{
    margin-top:50px;
    padding-left: 50px;
    font-family: 'Open Sans', sans-serif;
    color: var(--couleur_bleu);
    /*font-style: bold;*/
    font-weight: 700;
    
    font-size: 18pt;
}
.titre_obj{
    /*
    font-family: 'Open Sans', sans-serif;
    color: var(--couleur_orange);
    font-weight: 800;
    font-size: 18pt;
    margin-left:30px;
    margin-top:20px;
    */
    
    font-family: 'Open Sans', sans-serif;
    color: white;
    font-weight: 800;
    font-size: 18pt;
    padding-top:40px;
    
}

.texte_obj{
    /*
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color:black;
    font-size:9pt;
    margin-left:30px;
    margin-right:30px;
    margin-bottom:50px;
    */
    
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color:black;
    font-size:8pt;
    padding-top:5px;
    margin-left:30px;
    margin-right:30px;
    
    
/*    margin-bottom:50px;*/
}
#rub_methodo{
   /* position : relative;*/
   /* margin-top:20px;*/
    /*padding-top:50px*/
   
}
.bulle{
    position: relative;
    float:left;
    left:50px;
    height: 40px;
    width: 40px;
    
    
}

.titre_methodo {
    /*margin-top:40px;*/
    margin-left:100px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
    color: var(--couleur_orange);
    font-style: bold;
    font-size: 12pt;
    
}
.texte_methodo {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color:black;
    margin-left:100px;
    /*margin-top:10px;*/
    margin-bottom: 20px;
    font-size: 9pt;
}
.texte_mention {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color:black;
    margin-left:100px;
    /*margin-top:10px;*/
    margin-bottom: 20px;
    font-size: 9pt;
}
.titre_partenaire {
    margin-left:50px;
     font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    
    color:black;
}
#zone_telechargement{
      margin-top:20px;
    margin-bottom: 20px;
    background-color: #003399;
    
}
#zone_telechargement .titre_chap {
    color:white;
}
#zone_contact{
    background-color: #9faee5;
    color: var(--couleur_bleu);
    font-size: 9pt;
}
#pied_de_page{
    margin-top:50px;
    background-color: #9faee5;
    color: var(--couleur_bleu);
    font-size: 9pt;  
}
#page_de_garde{
    position:relative;
    margin:10px;
    height: 500px;
    width: 100%;
    background-image: url("../img/mobilite_photo136739_source_pexels_scott_webb_CC0.jpeg");
    background-repeat: no-repeat;
    background-size: 100%  100% ;
    /*opacity: 0.5;*/

    
}
#zone_obj{
      margin-top:20px;
    margin-bottom: 20px;
    /*height: 500px;*/
    width: 100%;
/*    margin:10px;*/
    height: auto;
    background-image: url("../img/collectrice_sud_flux_voitures_source_claude_piscitelli_haute_def_clair.jpg");
    background-repeat: no-repeat;
    /*background-size: 100%;*/
    
    
}

#logo_interreg{
    display:block;
    float:left;
    width:330px;
    margin-left:auto;
    margin-right: auto;
    
}

#pdg_titre{
    position: absolute;
    top: 50%;
    left: 10%;
    /*padding-left:10%;*/
    /*width:50%;*/
    background-color: white;
    padding: 10px;
    
}
.texte_gras{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin-left:5%;
    margin-right: :5% ;
    /*padding-left: 5%;*/
    color:black;
    font-size: 20px;
    
}
#savoir_plus{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size:20px;
    text-align: center;
    color:white;
    background-color:  var(--couleur_bleu);
    margin-top: 20px;
    margin-left: 40%;
    margin-right: 40%;
    margin-bottom: 20px;
    
}
.ligne_orange{
    margin:10px;
    padding:2px;
   /* border-top-style: solid;
    border-top-color: #e76846;
    border-top-width: 2px;*/
    background-image:linear-gradient(90deg,var(--couleur_orange), #ffffff99);
    /*border-color: black;*/
    
    
}
#financement{
    margin-top:50px;
    text-align: center;
    color:black;
    font-family: 'Open Sans', sans-serif;
    font-size: 8pt;
        
}
#logo_feder{
    /*display:block;*/
    position:relative;
    margin-top: 20px;
    left:50%;
    margin-left:-100px;
    margin-bottom: 30px;
    
}
#logo{
    /*margin:10px;*/
    /*align-content: center;*/
    margin-left:auto;
    margin-right:auto;
}
#contact_agape{
    margin-top:20px;
    text-align: right;
    margin-right: 20px;
}
#contact_projet{
    margin-left:80px;
}
.intitule_contact{
    font-weight: bold;
}
.download_doc{
    margin:20px;
}
.carte{
    display:block;
    margin:10px;
    /*height:300px;*/
    width:100%;
        
    height:auto;
    
    
}
.texte_article{
    text-align: justify;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    color:black;
    font-size:10pt;
    padding-top:5px;
    margin-left:30px;
    margin-right:30px;
}
.texte_entete_article{
   text-align: justify;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    color:black;
    font-size:10pt;
    padding-top:5px;
    margin-left:30px;
    margin-right:30px;
    
}

/* Partie pour le test sur les cercles */
.ma_bulle{
    display:block;
    margin-left:20px;
    margin-top:50px;
    margin-bottom: 50px;
    /*background-color: #ffffff99;*/
    background-image:linear-gradient(var(--couleur_orange), #ffffff99);
    border-color: black;
    border-width: 10px;
    border-radius: 150px;
    text-align: center;
    width: 200px;
    height: 200px;
    box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
}
/*
.titre_obj2{
    font-family: 'Open Sans', sans-serif;
    color: white;
    font-weight: 800;
    font-size: 18pt;
    padding-top:40px;
}

.texte_obj2{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color:black;
    font-size:6pt;
    padding-top:5px;
    margin-left:30px;
    margin-right:30px;

}
*/
/*fin de la partie pour le test sur les cercles*/

#entete_action{
     text-align: justify;
    font-weight: 800;
    font-family: 'Open Sans', sans-serif;
    color:black;
    font-size:12pt;
    padding-top:5px;
    margin-top:50px;
    margin-left:30px;
    margin-right:30px; 
    margin-bottom: 50px;
}

.action01 {
    text-align: justify;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    color:black;
    font-size:10pt;
    padding-top:5px;
    margin-left:30px;
    margin-right:30px;
    margin-top:25px;
}
.action02 {
    text-align: center;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    color:black;
    font-size:10pt;
    padding-top:5px;
    margin-left:30px;
    margin-right:30px;    
    margin-top:25px;
    
    
}
.action03 {
    text-align: justify;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    color:black;
    font-size:10pt;
    padding-top:30px;
    margin-top:25px;
    margin-left:30px;
    margin-right:30px;
    margin-left:25px;
  /*  border-style: solid;*/
}
.bulle_action{
    position: relative;
    float:left;
    margin-top:30px;
    left:50px;
    height: 50px;
    width: 50px;
}
.bulle_logo{
    /*position: relative;*/
    /*float:left;*/
    /*margin-top:30px;*/
    left:50px;
    width: auto;
}
.sticky{
    position:fixed;
    top:0;
    width:100%
}
.mentions{
    margin-top:20px;
    margin-left:30%;
    padding-bottom: 20px;
    background-color: #9faee5;
    color: var(--couleur_bleu);
    font-size: 10pt;
}
#menu{
    z-index: 10;
}