<!-- début : modif css-texte -->
            		
			/*Header*/  
  
     .ui-header {
                    zoom: 1;
                     height: 43px;
               }

      .ui-header .ui-btn-icon-notext {
          
        left: 10px;
        top: 0.20em;;/*Adjust this value*/
        zoom : 1.2;
        display: inline-block;
        vertical-align: middle;
      }
      
      .ui-header .ui-btn-icon-notext .ui-btn-inner .ui-icon {
        margin: 2.5px 16px -2px 2.9px;
      
      }
    
        .ui-header .ui-title {
          margin: .6em;
      }
 

/*Footer*/ 

     .ui-footer {
                    zoom: 1;
                     height: 43px;
               }        
      
      .ui-footer .ui-btn {
        top: 0.15em;;/*Adjust this value*/
        left: 15px;
        zoom : 1.1;
        display: inline-block;
        vertical-align: middle;
      }
      
      .ui-footer .ui-btn-icon-notext {
          
        left: 10px;
        top: 0.20em;;/*Adjust this value*/
        zoom : 1.2;
        display: inline-block;
        vertical-align: middle;
      }
      
      .ui-footer .ui-btn-icon-notext .ui-btn-inner .ui-icon {
        margin: 2.5px 16px -2px 2.9px;
      
      }
      
         
      .ui-listview .ui-li .ui-btn-text a.ui-link-inherit {
           white-space : normal;
        }
        
      .ui-btn-inner {
           white-space : normal;
        }
        
      .myposition {
            float: right;
            margin: -8.5px 25px 0 0;
          }

  @media (min-width: 200px) {

  .image-principale {
  max-width: 150px;
  }

  .Titre-1{
  font-size: 16px;
  margin-bottom: 4px;

 }

 .Titre-2 {
  font-size: 12px;
 } 

 .Titre-3 {
  font-size: 12px;
 } 

 .ui-btn-inner{
  font-size: 13px;
 }

 .ui-li-thumb, .ui-listview .ui-li-icon {

  top: 6px;
  max-height: 63px;
  max-width: 63px;
   }

  
}

@media (min-width: 350px) {

  .image-principale {
  
  max-width: 170px;
  
  }

  .Titre-1{

  font-size: 20px;
  margin-bottom: 6px;
 }

  .Titre-2 {
  font-size: 16px;
 }

 .Titre-3 {
  font-size: 16px;
 }


 .ui-btn-inner{
  font-size: 15px;
 }

 .ui-li-thumb, .ui-listview .ui-li-icon {

  top: 6px;
  max-height: 70px;
  max-width: 70px;
   }
  

}

@media (min-width: 450px) {

  .image-principale {
  
  max-width: 200px;
  
  }

  .Titre-1{

  font-size: 22px;
  margin-bottom: 10px;
 }

  .Titre-2 {
  font-size: 18px;
 }

   .Titre-3 {
  font-size: 18px;
 }

 .ui-btn-inner{
  font-size: 18px;
 }

 .ui-li-thumb, .ui-listview .ui-li-icon {

  top: 8px;
  max-height: 75px;
  max-width: 75px;
   }
  
}

@media (min-width: 650px) {

  .image-principale {
  max-width: 250px;
  
  }

  .Titre-1{

  font-size: 26px;
  margin-bottom: 14px;
 }

  .Titre-2 {
  font-size: 20px;
 }

 .Titre-3 {
  font-size: 20px;
 }

 .ui-btn-inner{
  font-size: 20px;
 }

 .ui-li-thumb, .ui-listview .ui-li-icon {

  top: 9px;
  max-height: 80px;
  max-width: 80px;
   }
  
}

.image-principale {
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 35px; 
  
}

  
 .Titre-1{

  text-align: center;
  line-height: 1.3em;
 }    

.Titre-2 {
  margin-top: 1px;
  margin-bottom: 8px;
  text-align: center;
 }    

 .Titre-3 {
  margin-top: 1px;
  margin-bottom: 8px;
  text-align: center;
 }  


 h4 
 {

  margin-top: 15px;
  margin-bottom: 8px;
 }

p {
    display: block;
    -webkit-margin-before: 0.6em;
    -webkit-margin-after: 0.6em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}


 ul {

  margin-bottom: 10px;
  margin-top: 5px;
  margin-left: 10px;
 }

ul.alpha {

  list-style: Upper-Alpha;
  font-weight: bold;
  
 }

 ul ul {

  list-style: square;
  font-weight: normal;
  
 }

 ul ul ul {

  list-style: disc;
  font-weight: normal;
  
 }

 ul.dec {

  list-style:  Decimal;
  font-weight: normal;
  
 }

 ul ul.alphaL{

  list-style:  Lower-Alpha;
  font-weight: normal;
  
 }

 li {
 padding-bottom: 6px;

} 

 li.sans{

 list-style-type: none;
 padding-bottom: 2px;

} 

li.sansL{

 list-style-type: none;
 font-weight: bold;
 padding-bottom: 0px;

} 

 li.fleche {

 font-family: Arial, sans-serif;
 font-size: 100%;
 color: black;
 list-style-type: none;
 background-image: url(images/puces/fleche.png);
 background-size: 12px;
 background-repeat: no-repeat;
 background-position: 0 0.30em;
 padding-left: 18px;

} 

li.fleche-mini {

 font-family: Arial, sans-serif;
 font-size: 100%;
font-weight: normal;
 color: black;
 list-style-type: none;
 background-image: url(images/puces/fleche.png);
 background-size: 12px;
 background-repeat: no-repeat;
 background-position: 0 0.30em;
 padding-left: 18px;

} 

li.main {

 font-family: Arial, sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: black;
 list-style-type: none;
 background-image: url(images/puces/main.png);
 background-size: 18px;
 background-repeat: no-repeat;
 background-position: 0 0.30em;
 padding-left: 25px;

} 

li.tiret {

 font-family: Arial, sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: black;
 list-style-type: none;
 background-image: url(images/puces/tiret.png);
 background-size: 10px;
 background-repeat: no-repeat;
 background-position: 0 0.45em;
 padding-left: 17px;

}

.FALC-1 {

 width: 100%;
 max-width: 500px;
 display: block;
 margin: auto;
 margin-top: 20px;
 margin-bottom: 20px;

}

.FALC-2 {

 width: 100%;
 max-width: 700px;
 display: block;
 margin: auto;
 margin-top: 20px;
 margin-bottom: 20px;

}

.FALC-3 {

 width: 115%;
 max-width: 900px;
 display: block;
 margin: auto;
 margin-top: 20px;
 margin-bottom: 20px;

}

.FALC-4 {

 width: 110%;
 max-width: 250px;
 display: block;
 margin: auto;
 margin-top: 20px;
 margin-bottom: 20px;

}

.FALC-5 {

 width: 100%;
 max-width: 350px;
 display: block;
 margin: auto;
 margin-top: 20px;
 margin-bottom: 20px;

}

.FALC-6 {

 width: 100%;
 max-width: 420px;
 display: block;
 margin: auto;
 margin-top: 20px;
 margin-bottom: 20px;

}


iframe{

 width: 100%;
 max-width: 500px;
max-height: 300px;

}