html    {  font-family: 'akashiregular'; 
	     font-size : 18px;
	     text-align: justify;    }

body     {  background-image: url('interface/fond.gif'); text-align: justify; }


a    {   color: #FF6600;
         text-decoration:none;  }

a:hover  {   color:#000000;
             text-decoration:none;    }



.picto {   width: 100%; height: 100%;  }


p   {  padding-right: 6px;  
       padding-left: -4px; 
       padding-top: 8px;
       padding-bottom: -6px; 
	 text-align: justify; 
       font-size: 17px;       }

.texte-1   {   font-family: jurademibold;  }


.texte-2   {   font-family: jurademibold;  }


.tableau-centre-blog { 

  position:relative;
  top: 4px;
  left: 0px;
  top: 20px;                        
  left: 0px;
  width: 100%;
  text-align: left;
  height: 100%;  }


/* Tableau des objets du haut contenant le logo, la pub et texte defilant */


.tableau-centre-haut { 

  position:relative;
  top: 0px;
  left: 0px;
  width: 100%;
  background-color:#fff;
  padding: 2px;  }


h2 { text-align: left;  }




.rspvimage {
   
   position: relative;
   list-style: none;
   overflow: hidden;
   width: 99%; }

.rspvimage  li {
   
  -webkit-backface-visibility: hidden;
   position: absolute;
   display: none;
   width: 100%;
   left: 4;
   top: 0;  }

.rspvimage  li:first-child {
   
   position: relative;
   display: block;
   float: left;  }


.rspvimage  img {

   display: block;
   height: auto;
   float: center;
   width: 100%;
   border: 0px;  }



@font-face {   
                 font-family: 'akashiregular';
    src: url('../fonts/akashi-webfont.eot');
    src: url('../fonts/akashi-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/akashi-webfont.woff') format('woff'),
         url('../fonts/akashi-webfont.ttf') format('truetype'),
         url('../fonts/akashi-webfont.svg#akashiregular') format('svg');
    font-weight: normal;
    font-style: normal;     }




@font-face {   
                 font-family: 'akashiregular';
    src: url('fonts/akashi-webfont.eot');
    src: url('fonts/akashi-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/akashi-webfont.woff') format('woff'),
         url('fonts/akashi-webfont.ttf') format('truetype'),
         url('fonts/akashi-webfont.svg#akashiregular') format('svg');
    font-weight: normal;
    font-style: normal;     }


@font-face {   
                 font-family: 'akashiregular';
    src: url('../../fonts/akashi-webfont.eot');
    src: url('../../fonts/akashi-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/akashi-webfont.woff') format('woff'),
         url('../../fonts/akashi-webfont.ttf') format('truetype'),
         url('../../fonts/akashi-webfont.svg#akashiregular') format('svg');
    font-weight: normal;
    font-style: normal;     }



@font-face {
  font-family: 'jurademibold';
  src: url('fonts/jura-demibold-webfont.eot');
  src: url('fonts/jura-demibold-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/jura-demibold-webfont.woff') format('woff'),
       url('fonts/jura-demibold-webfont.ttf') format('truetype'),
       url('fonts/jura-demibold-webfont.svg#jurademibold') format('svg');
  font-weight: normal;
  font-style: normal;     }



@font-face {
  font-family: 'jurademibold';
  src: url('../../fonts/jura-demibold-webfont.eot');
  src: url('../../fonts/jura-demibold-webfont.eot?#iefix') format('embedded-opentype'),
       url('../../fonts/jura-demibold-webfont.woff') format('woff'),
       url('../../fonts/jura-demibold-webfont.ttf') format('truetype'),
       url('../../fonts/jura-demibold-webfont.svg#jurademibold') format('svg');
  font-weight: normal;
  font-style: normal;     }



@font-face {
  font-family: 'jurademibold';
  src: url('../fonts/jura-demibold-webfont.eot');
  src: url('../fonts/jura-demibold-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/jura-demibold-webfont.woff') format('woff'),
       url('../fonts/jura-demibold-webfont.ttf') format('truetype'),
       url('../fonts/jura-demibold-webfont.svg#jurademibold') format('svg');
  font-weight: normal;
  font-style: normal;     }


.img-index  { border: solid  1px #000000; margin-left: 7px; margin-right: 7px; margin-bottom: -4px; margin-top: 17px; }


.img-index1  { border: solid  1px #000000; margin-left: 12px; margin-top:10px; }


@media only screen and (color) 
and (max-width : 360px) {

body {    width:360px; font-size:   }


p { text-align: justify; font-size: 18px;  }

.picto {   width: 100%; height: 100%;  }


#tailleArticle  {  position: absolute;
  			 top: 52px;
  			 left:238px;  }




.tableau-centre-haut { width: 360px; }

.tableau-centre-blog {    top: 10px;                       
  				  left: 0px;
  				  width: 100%;
  				  height: 100%;
  				  padding: 7px;
  				  text-align: center;  }

.img-index1  { border: solid  1px #000; margin-left: 6px; margin-top:6px; }

 

.menu-gauche {display:none; }


audio  {display:none; }
#date_heure { display:  none; }

}