<!--

 body   {   font-family: jura-demibold; 
	    font-size: 24px; 
	    background-image: url('../images/fond.gif');   }  



/*liens jaunes qui passent à l'orange  */

a {	font-size:30px;
	color: #000;
	text-decoration:none; }


a:hover {	color:#ff6600;
		text-shadow: 1px 1px 1px; }


/*tableau contenant les petites images des clips*/

.picto {	left: 0px;
		top: 510px;
		width: 100%;
		height: 150px;  }


/*logo atohm en haut de page*/


.logo {		left:0px;
		top:0px;
		width: 100%;
		height: 100%; }


/*liste mp3 à puce*/


.liste-puce {	        left: 0px;
			top: 190px;
			width:100%;
			height: 100%;
			font-size: 44px;
			color: #FF6600;	}

.titre {  font-size: 29px;  }

.rspvimage {
   
   position: relative;
   list-style: none;
   overflow: hidden;
   width: 100%;
   height: 100%;
   padding:0;
   margin: 0;  }

.tableau  { 
		 position: relative;
        	 top: 2px;	
		 left: 2px;
		 width: 100%;
		 height: 100%;
		 color: #000;
		 padding: 6px; 
 		 text-align:justify;  }


.paraf  { font-size: 40px; }



.td100 { width:100%;
	   text-align: justify;  }


.td525 {    width:35%; 
		text-align: center; 
		margin-left:0; 
		margin-right:0;    }


.td575 { width:65%; 
	   padding: 6px;
	   font-size: 22px; }

audio  {  text-align: center; width: 250px; padding: 3px;  }

video  {  text-align: left; }

.pop-hip  {  text-align: center; font-size:28px;   }

.son-tech  {  text-align: center; font-size:28px;   }


.v-room {	float: left;
		margin-top: 12px;
		margin-right: 19px;
		margin-bottom: 4px;
		border: 2px solid #000; 
		padding-bottom: -1px; 
		padding-top: -1px;
		padding-right: -1px;
		padding-left: -1px;
		box-shadow: #000 5px 5px 15px;       }



.droits {	text-align:left;
		font-size: 22px;
		color: #FF6600; }


@font-face {
  font-family: 'jura-demibold';
  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;    }


@media only screen and (color) 
and (max-width : 360px) {

body {width:360px; }

.tableau  { 

		 width: 360px;
		 height: 100%;
                 padding: 3px;
		 font-size: 24px;    }

}