	<!--


body {  

  margin-top:0px; 
  margin-bottom:30px;
  font-family: jura-demibold;
  background-color: #fff;
  font-size:22px; 
  position: relative;
  width: 1000px;
  height: 100%;
  margin-left: auto;
  margin-right:auto;  }

.VideoIndex   {

	   position: absolute;
           top: 300px; 
           left: 858px;
           z-index: 1;
           border: 2px solid #000;
           background-color: #000;     }

.VideoIndex:hover   {  border: 2px solid #ff6600;  }


.VideoIndex1   {

	   position: absolute;
           top: 424px; 
           left: 858px;  
           z-index: 1; 
           border: 2px solid #000;
           background-color: #fff;    }

.VideoIndex1:hover   {  border: 2px solid #ff6600;  }

.VideoIndex2   {

	   position: absolute;
           top: 424px; 
           left: 868px;
           width: 100px;
           height: 80px;  
           z-index: 1; 
           border: 2px solid #000;
           background-color: #fff;    }

.VideoIndex2:hover   {  border: 2px solid #ff6600;  }



.VideoIndex3   {

	   position: absolute;
           top: 548px; 
           left: 868px;  
           z-index: 1; 
           border: 2px solid #000;
           background-color: #000;    }

.VideoIndex3:hover   {  border: 2px solid #ff6600;  }


.boxmot  { position: absolute;
           top: 166px; 
           left: 844px;
           width: 140px;
           height: 28px;
           font-size: 20px;   
           z-index: 1;
           text-align: center; 
           border: 1px solid #000;
           background-color: #ff9900;
	   color: #000; }

.boxmot:hover  { color: #fff;  }
.boxmot:visited  { color: #fff;  }

.inp  {
 
  position: absolute;
  width: 148px;
  height: 28px;
  top: 208px;
  left: 843px;
  border: 1px solid #000;
  letter-spacing: 2px;
  font-size: 19px;
  font-weight : bold;
  color: #000;
  background-color: #c0c0c0;   }

.inp:hover  { color: #fff; cursor: pointer; } 


.pop-adele   {

	   position: absolute;
           top: 548px; 
           left: 860px;
           width: 120px;
           height: 100px;   
           z-index: 1; 
           border: 2px solid #000;
           background-color: #000;    }



.IndexPopEuro   {

	   position: absolute;
           top: 672px; 
           left: 868px;  
           z-index: 1; 
           border: 2px solid #000;
           background-color: #000;    }

.IndexPopEuro:hover   {  border: 2px solid #ff6600;  }

.IndexPopChina   {

	   position: absolute;
           top: 794px; 
           left: 868px;  
           z-index: 1; 
           border: 2px solid #000;
           background-color: #000;    }

.IndexPopChina:hover   {  border: 2px solid #ff6600;  }

.IndexPopCasimir   {

	   position: absolute;
           top: 920px; 
           left: 868px;
           width: 100px;
           height: 100px;  
           z-index: 1; 
           border: 2px solid #000;
           background-color: #000;    }

.IndexPopCasimir:hover   {  border: 2px solid #ff6600;  }



.nad {     position: absolute;
           display: none;
           top: 437px; 
           left: 860px;
           width: 160px;
           height: 160px;  
           z-index: 1; 
           border: 0px solid #000;     
} 


li  {  list-style-type: none; position; relative;  left: -40px;  }


input {
	font-family: jura-demibold, arial;
        font-size: 22px; }


textarea  { width: 74%; height: 210px; 
            font-family: jura-demibold, arial;
            font-size: 24px;    }

button  { 
          font-family: jura-demibold, arial;
          border: 1px solid #000;
          background-color: #333;
          color: #fff;
          font-size: 22px;    }

#tableau {   width: 80%;
             height: 100%;
             color:black;   }

#continu {   width: 650px;
             height: 100%;
             color:black; 
             padding: 8px;  }

/*text box du haut*/

.textbox_haut 
{
border:1px solid black;
font-weight:bold;
font-size:14px;
background-color: #FF6600;
font-family:Arial, Helvetica, Geneva, sans-serif;
color:white;
position:absolute;
left:834px;
top:2px;
width: 120px;
height: 20px;

}
/*text box du milieu du form*/

.textbox_milieu 
{
border:1px solid black;
font-weight:bold;
font-size:14px;
background-color: #FF6600;
font-family:Arial, Helvetica, Geneva, sans-serif;
color:white;
position:absolute;
left:834px;
top:24px;
width: 120px;
height: 20px;

}
/*textbox du bas du formulaire*/

.textbox_bas 
{
border:1px solid black;
font-weight:bold;
font-size:14px;
background-color: #FF6600;
font-family:Arial, Helvetica, Geneva, sans-serif;
color:white;
position:absolute;
left: 834px;
top:46px;
width: 120px;
height: 20px;

}


/* bouton form ok orange*/

input.bouton 
{
border:1px outset black;
font-weight:bold;
font-size:14px;
cursor:pointer;
background-color: #FF6600;
position:absolute;
left: 964px;
top:22px;
width: 38px;
height: 28px

}

.division-centre-index { 

  position: relative;
  top: 176px;
  left: 174px;
  width: 670px;
  height: 100%;    }

.boxmenu {  

   position:absolute;
   top: 134px;
   left: 176px;
   width:340px;
   height:50px;
   z-index:1;
   margin-top: 4px;
   border: 0px solid #666;
   background-color: #fff;  }


/*SLIDER HAUT ECRAN*/

.rspvimage {
   
   position: relative;
   list-style: none;
   overflow: hidden;
   width: 100%; }

.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;  }

@-moz-keyframes monanim  {

0% { opacity: 0;} 
100% { opacity: 1; }
0% { opacity: 0;} 
}

@-webkit-keyframes monanim  {

0% { opacity: 0;} 
100% { opacity: 1; }
0% { opacity: 0;} 
}

@-o-keyframes monanim  {

0% { opacity: 0;} 
100% { opacity: 1; }
0% { opacity: 0;} 
}

@-ms-keyframes monanim  {

0% { opacity: 0;} 
100% { opacity: 1; }
0% { opacity: 0;} 
}

@keyframes monanim  {

0% { opacity: 0;} 
100% { opacity: 1; }
0% { opacity: 0;} 

}


.rslides {
   
   position: relative;
   list-style: none;
   overflow: hidden;
   width: 100%;
   padding: 0;
   margin: 0;  }

.rslides  li {
   
  -webkit-backface-visibility: hidden;
   position: absolute;
   display: none;
   width: 100%;
   left: 0;
   top: 0;  }

.rslides  li:first-child {
   
   position: relative;
   display: block;
   float: left;  }


.rslides  img {

   display: block;
   height: auto;
   float: left;
   width: 100%;
   border: 0;  }

.titre-music { font-size: 26px; font-weight: bold;  }

.titre1 { font-size: 24px; text-align: justify; }

.titre2 { font-size: 24px; padding-left: 1%;padding-right: 1%; text-align: justify; }

.titre3 { font-size: 15px; }

.titre4 { font-size: 22px; text-align: left; }

.titre5 { font-size: 22px; text-align: right; }

.titre6 { font-size: 40px; text-align: left; line-height:50px; letter-spacing: 7px;  }

.titre7 { font-size: 55px; line-height: 65px; text-align: left; letter-spacing: 4px; }

.titre8 { font-size: 24px; line-height: 34px; text-align: justify; padding: 4px; letter-spacing: 3px; }

.titre9 { font-size: 33px; text-align: left; line-height: 34px; letter-spacing: 6px;   }

#lettre  { font-size: 24px; text-align: justify; letter-spacing: 2px; }

.lettrage12 { padding: 4px; font-size: 24px; text-align: justify; letter-spacing: 2px; }

.titre-design { font-size: 49px; line-height: 59px; text-align: left; letter-spacing: 6px;  }

h1  {  font-size: 30px; line-height: 40px; text-align: left; letter-spacing: 5px;  }

h2  {  font-size: 38px; line-height: 46px; text-align: left; letter-spacing: 5px; padding: 12px;  }




.contact { display: block;
	   position: absolute; 
           top: 30px; 
           left: 600px;
	   width: 47px;
           height : 35px;
           z-index: 1;     }



.calendrier { position: absolute;
              display: block; 
              top: 28px; 
              left: 676px;
	      width: 40px;
              height : 40px;
              z-index: 1;     }



.discus {   position: absolute;
           display: block;
           top: 18px; 
           left: 740px;
	   width: 66px;
           height : 38px;
           z-index: 1;     }



.texte-plein-1 {

         text-align: justify;
         font-size: 18px;
         color:#000000;  
         z-index: 3;   }
 
#date_heure {

  position:absolute; 
  top: 176px;
  left: 558px;
  z-index: 3; 
  font-size:22px;
  width: 300px;
  height: 20px;       }

#videodrom     { 

     margin-left: auto;
     margin-right:  auto;
     position:relative;
     top: 0px;
     width:320px;
     height: 240px; }


.lien-picto.a  { border: 1px solid #000; }

.lien-picto:hover  { border: 1px solid #000;  padding: -2px; box-shadow: 3px 3px 6px #000; }


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.cellule-blog-haut { 

  position: relative;
  top: 38px;
  left: 0px;
  font-size : 24px; 
  height: 38px; 
  text-shadow: 3px 3px 4px #ffffff;
  background: -moz-linear-gradient(top, #ffffff, #c0c0c0  );
  background: -ms-linear-gradient(top, #ffffff, #c0c0c0  );
  background: -o-linear-gradient(top, #ffffff, #c0c0c0  );
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#c0c0c0  ));  
  padding-bottom: 4px;
  padding-right: 18px;
  padding-left: 22px;   
  vertical-align: top;
  text-align: left;
  color: #000000;
  letter-spacing:6px;  }


.cellule-blog-bas { 

  position: relative;
  top: 0px;
  left: 0px;
  font-size : 24px; 
  height: 36px; 
  text-shadow: 3px 3px 4px #ffffff;
  background: -moz-linear-gradient(top, #ffffff, #c0c0c0  );
  background: -ms-linear-gradient(top, #ffffff, #c0c0c0  );
  background: -o-linear-gradient(top, #ffffff, #c0c0c0  );
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#c0c0c0  )); 
  color: #000000;
  padding-bottom: 0px;
  padding-right: 18px;
  padding-left: 22px;   
  vertical-align: top;
  text-align: left;   
  letter-spacing:6px;  }


.cellule-blog { 

  position: relative;
  top: 20px;
  left: 0px;
  font-size : 24px; 
  height: 32px; 
  text-shadow: 3px 3px 4px #ffffff;
  background: -moz-linear-gradient(top, #ffffff, #c0c0c0  );
  background: -ms-linear-gradient(top, #ffffff, #c0c0c0  );
  background: -o-linear-gradient(top, #ffffff, #c0c0c0  );
  padding-bottom: 8px;
  padding-right: 18px;
  padding-left: 22px;   
  vertical-align: top;
  text-align: left;
  color: #000000;
  background-color: #fff;
  letter-spacing:6px;  }

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.topic-haut	{

	color:#000;   
	background-color: #47D629; 
	font-size: 54px;  }

.canal-cell  { 
  
  background-color: #666666;
  vertical-align: top;
  text-align: left; 
  font-size: 22px;  
  height: 18px;
  font-weight: bold;
  letter-spacing:3px;
  font-style: italic;  
  color: #000000;
  letter-spacing:3px; }


.titre-cellule  { 

  color:#000; 
  font-size: 26px;  
  font-weight: bold;
  padding-left: 16px;
  padding-bottom: 3px;
  padding-top: 3px; 
  letter-spacing:5px;
  text-align: left;
  height: 38px;	        
  background: -moz-linear-gradient(top, #ffffff, #c0c0c0 );
  background: -ms-linear-gradient(top, #ffffff, #c0c0c0  );
  background: -o-linear-gradient(top, #ffffff, #c0c0c0  );
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#c0c0c0  ));  }
 


h4 { 

  font-size : 14px; 
  background-color:#c0c0c0;
  height: 26px;
  padding-bottom: 5px;
  border-radius: 8px 8px;
  font-weight: bold;
  letter-spacing:3px;
  -moz-border-radius: 8px 8px;
  -webkit-border-radius: 8px 8px;
  background: -moz-linear-gradient(top, #ffffff, #c0c0c0);
  background: -ms-linear-gradient(top, #ffffff, #c0c0c0);
  background: -o-linear-gradient(top, #ffffff, #c0c0c0);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#c0c0c0));  }




/*logo TERMINAL-MEDIA en haut de page*/

.logo { 
 
   display: none;
   position: absolute;
   top:10px;
   left: 10px; 
   width:180px;
   height:40px;    }


.txt-defile {
 
   position: absolute;
   top: 8px;
   width:182px;
   height:82px;
   left: 812px;
   background-color:#fff;
   color:#000;  }


#menu {

  position: absolute;
  top: 10px;
  left:591px;
  width: 196px;
  height: 70px;
  font-family: jura-demibold;
  background-color: #c0c0c0;
  border: solid 1px #000;
  z-index: 1;
  letter-spacing: 2px;
  box-shadow: 2px 2px 4px #000;
  font-size: 11px;    }

.rad  {

  width:16px;
  height:16px;   }  


.bouton {

  width:36px;
  height:28px;
  position: absolute;
  top: 3px;
  left: 151px;
  letter-spacing: 1px;   }

form {

  position: absolute;
  top: 1px;
  left: 3px;
  line-height:12px;   }



.txt1 {

  position: absolute;
  width:222px;
  top: 39px;
  left: 3px;  }


.txt2 {

  position: absolute;
  top: 39px;
  left: 144px;  }


.img-centre {

	margin-left: auto;
        margin-right: auto;
}

.menu-gauche { position:absolute; border-spacing: 0px; border-collapse: collapse; }
.menu-droit { position:absolute; text-align:left; border-spacing: 0px; border-collapse: collapse;}
.menu-titre { position:absolute; text-align: center; background-color:#888; }
.tableau-centre-blog { border-spacing: 0px; border-collapse: collapse; }
.tableau-images { position:absolute; border-spacing: 0px; border-collapse: collapse;}
.tableau-broadcast { position:absolute; border-spacing: 0px; border-collapse: collapse;}
.artistes { position:absolute;top:786px;left:2px; z-index: 1;display: none; }

.tableau-centre-haut { position:absolute; }
.selection-site { position:absolute; }
.selection-video { position:absolute; }
.degrad-gauche { position:absolute; border-spacing: 0px; border-collapse: collapse;}
.degrad-droit { position:absolute; border-spacing: 0px; border-collapse: collapse; }
.pub_terminal_haut { position:absolute; }
.pub-digital-droite { position:absolute; top: 200px; display:none; }



/*BOUTON BLOG-MACHINE sur toutes les pages*/

.blog {
 
   border: solid 1px #fff;
   position:absolute;
   top:452px; 
   left:2px;
   width: 164px;
   height: 32px;
   background-color: #c0c0c0;
   color: #000;
   z-index: 2;  }

.blogtext {

   position:absolute;
   top:456px; 
   left:4px;
   width: 160px;
   height: 30px;
   font-size: 21px;
   color: #fff; 
   letter-spacing: 1px;
   text-align: center; 
   z-index: 5;  }

.blogtext:hover { color: #777;  }

.eyeshot { 
 
   position:absolute;
   top: 497px;
   left: 5px;
   width: 160px;
   height: 30px;
   z-index: 2; 
   border: solid 0px #333;  }

.box { color: #000;
       background-color: #c0c0c0;  }
       

.eyetext {
   color: #000;
   position:absolute;
   font-weight: bold;
   top:504px; 
   left:12px;
   width: 160px;
   height: 28px;
   font-size: 17px;
   letter-spacing: 5px; 
   z-index: 3;    }

.eyetext:hover { color: #777;  }


.broadcast { 

   display: none;
   position:absolute;
   top:531px;
   left: 5px;
   width: 160px;
   height: 33px;
   z-index: 2;
   border: solid 0px #333; }

.broadcastext {

   display: none;
   color: #000;
   font-weight: bold;
   position:absolute;
   top:538px; 
   left:10px;
   width: 132px;
   height: 33px;
   font-size: 17px; 
   letter-spacing: 6px; 
   z-index: 3;   }

.broadcastext:hover { color: #777; display: none; }


.selection-site { text-align:left;   z-index: -11; } 
.selection-video { text-align:left;  z-index: -11; } 
.canalcolor { text-align:left; }


/* Boite Menu coté gauche selection meilleurs sites*/

.menu-gauche { 

   position:absolute; 
   border-spacing: 0px; 
   border-collapse: collapse;
   left: 4px;
   top: 156px;
   width: 170px;
   height: 268px;
   z-index:3;     
   			 }


/* Boite Menu coté droit sélection meilleurs videos */

   
.menu-droit  {  
   
   display:none; 
   position:absolute; 
   text-align:left; 
   border-spacing: 0px; 
   border-collapse: collapse;
   left: 844px;
   top: 156px;
   width: 172px;
   height: 240px;
   text-align:left;
   z-index: 3; }

.artistes { 
            letter-spacing: 1px;
            z-index: 1;
            font-size:24px;
            font-family: jura-demibold;
            text-align: left; 
            width:101%; 
            height:35px;
            padding: 5px;
            background-color: #fff;
            color: #000;  }

.artistes:hover { color: #000;  }

.artistes-2 { 
            letter-spacing: 1px;
            z-index: 1;
            font-size:24px;
            font-family: jura-demibold;
            text-align: left; 
            width:101%; 
            height:35px;
            padding: 5px;
            background-color: #fff;
            color: #000;  }

.artistes-2:hover { color: #000;  }

.slider { text-align: center; } 

.chemins {  position:absolute;
            display: none;
	    font-family: jura-demibold;
            letter-spacing: 1px;
            top:820px;
            left:3px; 
            z-index: 1;
            font-size:20px; 
            width:163px; 
            height:35px;
            background-color: #FF9537;
            color: #000;  }

.chemins:hover  { color: #fff;  }


.top-audio { position: relative; 
             top:-250px; 
             left: 10px; 
             z-index: 1; 
             width: 100px; 
             height: 40px;
             background-color:#FF9537;  }

.son-chris { position: absolute;  
             color: #FFFFFF;  }




/*LIENS navigation vert qui passe au blanc */

a.liens_titre {  

   color: #c0c0c0;
   font-family: jura-demibold;
   text-decoration:none;
   font-size:27px;
   font-weight: bold;
   letter-spacing:6px;
   word-spacing: 30px;   }


a:hover.liens_titre { 

   color: #fff;
   font-family: jura-demibold; 
   text-decoration:none;
   font-size:27px;
   font-weight: bold;
   letter-spacing:6px;
   word-spacing: 30px;   }



a.liens-clip {  
		    color: #000;
		    font-size: 19px; 
                    text-decoration:none;
		    line-height:32px;  }


a:hover.liens-clip { color: #777;
		     font-size: 19px; 
                     text-decoration:underline;
		     line-height:32px;  }

a.broadcastext {    
                    display: none;
		    color: #fff;
		    font-size: 19px; 
                    text-decoration:none;
		    line-height:32px;  }


a:hover.broadcastext {         
   			display: none;
			color: #777;
		        font-size: 49px; 
                               text-decoration:underline;
		               line-height:32px;  }

a.liens-blog {  

   color: #000; 
   text-decoration:none;
   font-size:19px;
   letter-spacing:2px; }


a:hover.liens-blog { color: #777; 
                     text-decoration:none;
                     font-size:19px;
                     letter-spacing:2px;   }




a {  color: #000000;  text-decoration:none; font-size:25px; }
a:hover { color: #777; font-size:25px; text-decoration:underline; }
a:active { color: #c0c0c0; text-decoration:none; font-size:25px;   }


a.lien1 { color: #FF6600;  font-size: 24px; text-decoration:none; }
a.lien1:hover { color:#FF9537;  font-size: 24px; text-decoration:none;  }

.rss:a {  z-index: 5;  }
.rss:hover { border: 2px solid #FF9537; z-index: 5; position: absolute; }

.box:a {  z-index: 5; border: 1px solid #000; position: absolute; }
.box:hover { z-index: 5; border: 1px solid #777; position: absolute; }

.boxsite {   font-family: antoniobold; font-style: italic; font-size: 17px; letter-spacing: 3px; z-index: 5; }
.boxvid {  font-family: antoniobold; display: none; font-style: italic; font-size: 17px; letter-spacing: 3px; z-index: 5; }


/*BOUTONS fil RSS/XML sur toutes les pages*/

.rss { 
   
   display: none;
   position:absolute;
   top:610px;
   left: 4px;
   width: 154px;
   height: 32px;
   z-index: 4;
   border: solid 1px #fff; }




.site1  {

position: absolute; 
top:161px; 
left:26px;
z-index: 5; 
width: 152px;
height: 30px; }


.site2  {

position: absolute; 
top:196px; 
left:26px;
z-index: 5; 
width: 144px;
height: 30px;  }


.site3  {

position: absolute; 
top:231px; 
left:26px; 
z-index: 5;
width: 144px;
height: 30px;  }

.site4  {

position: absolute; 
top:267px; 
left:26px;
z-index: 5;
width: 144px;
height: 30px;   }

.site5  {

position: absolute; 
top:302px; 
left:26px;
z-index: 5;
width: 144px;
height: 30px;  }


.site6  {

position: absolute; 
top:338px; 
left:26px; 
z-index: 5;
width: 144px;;
height: 30px;  }

.site7  {

position: absolute; 
top:374px; 
left:26px; 
z-index: 5;
width: 144px;
height: 30px;  }

.site8  {

position: absolute; 
top:410px; 
left:26px; 
z-index: 5;
width: 144px;
height: 30px;  }


.vid1  {

position: absolute; 
top:170px; 
left:860px; 
z-index: 5;
width: 144px;
height: 30px;  }

.vid2  {

position: absolute; 
top:204px; 
left:860px; 
z-index: 5;
width: 144px;
height: 30px;  }


.vid3  {

position: absolute; 
top:238px; 
left:860px; 
z-index: 5;
width: 144px;
height: 30px;  }


.vid4  {

position: absolute; 
top:273px; 
left:860px; 
z-index: 5;
width: 144px;;
height: 30px;  }


.vid5  {

position: absolute; 
top:308px; 
left:860px; 
z-index: 5;
width: 144px;
height: 30px;  }


.vid6  {

position: absolute; 
top:342px; 
left:860px; 
z-index: 5;
width: 144px;
height: 30px;  }


.vid7  {

position: absolute; 
top:376px; 
left:860px; 
z-index: 5;
width: 144px;
height: 30px;  }


.vid8  {

position: absolute; 
top:411px; 
left:860px; 
z-index: 5;
width: 144px;
height: 30px;  }

.vid9  {

position: absolute; 
top:445px; 
left:860px; 
z-index: 5;
width: 144px;
height: 30px;  }

#tailleMois  {

  font-size:22px;
  width: 80px;
  height: 26px;
  position: absolute;
  top: 60px;
  left: 202px;
}


#tailleArticle  {

  display: none;
  font-size:22px;
   width: 80px;
  height: 40px;
  position: absolute;
  top: 50px;
  left: 236px;
}


/*Boite noire de navigation en header*/

.menu-titre {
 
  font-size: 23px;
  background-color:#000;
  font-family: jura-demibold;          
  left: 0px;
  top: 98px;
  width: 1000px;
  height: auto;
  z-index:3;
  font-weight: bold;
  padding-top: 0px;
  padding-bottom: 1px;
  word-spacing: 11px; }


.pub-webgl {   display: none;
	       position:absolute;
               letter-spacing: 7px;
               top:606px;
               left:5px; 
               z-index: 1;
               font-size:26px;
               font-family: jura-demibold; 
               width:160px; 
               height:30px;
               border: solid #fff 1px;
               text-align: center;
               background-color: #008099;
               color: #000;  } 

.pub-webgl:hover { color: #fff; display: none; }


/*Fond gris dégradé coté gauche*/

.degrad-gauche { 

  background-image:url(../interface/images_de_fond_gauche.jpg);
  top:100px;	        
  left: 0px;
  width: 170px;
  height: 832px;
  z-index:1;  
  background-repeat:no-repeat; }


/*Fond gris dégradé coté droit*/

.degrad-droit { 

  background-image:url(../interface/images_de_fond_droit.jpg);              
  top:100px;	       
  left: 840px;
  width: 160px;
  height: 832px;
  z-index: 1;
  background-repeat:no-repeat;   }



/*Tableau principal dans section et article au centre de l'ecran */

.division-centre-chap { 

  position: absolute;
  top: 266px;
  left: 3px;
  width: 100%;
  height: auto;  
  font-size: 24px;
  background-color: #fff;
  text-align:left;
  z-index: 0;  }


.tableau-centre-blog { 

  position: absolute;
  top: 240px;
  left:170px;
  width: 670px;
  height: auto;  
  font-size: 24px;
  padding-top: 10px;
  background-color: #fff;
  text-align:left;
  z-index: 0;  }

.tableau-centre-blog td { padding-left:4px; padding-right:7px; }

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.division-centre-index { 

  position:absolute; 
  top: 200px;
  left: 166px;
  width: 676px;
  height: 100%;  
  font-size: 24px;  }

.img-diapo  {

  position:absolute; 
  top:950px; 
  left: 172px;
  width: 666px;
  height: 100%;
  text-align:center;   }


.tableau-index { 

  position: relative;
  top: 70px;
  left: 8px;
  width: 650px; 
  z-index: 0;
  height: 100%;  }

#zone {    
     position: relative;
     text-align: left;
     top: 30px;
     left: 7px;
     width: 98%;
     height: 100%;
     padding-top: 22px;
     padding-bottom: 52px;
     -moz-animation:monanim 6s 0s;
     -webkit-animation:monanim 6s 0s;
     -o-animation:monanim 6s 0s;
     -ms-animation:monanim 6s 0s;
     -animation:monanim 6s 0s;   }

#zone1 {    
     position: relative;
     text-align: left;
     top: 30px;
     left: 7px;
     width: 98%;
     height: 100%;
     padding-top: 22px;
     padding-bottom: 52px;
     -moz-animation:monanim 6s 0s;
     -webkit-animation:monanim 6s 0s;
     -o-animation:monanim 6s 0s;
     -ms-animation:monanim 6s 0s;
     -animation:monanim 6s 0s;   }

#zone2 {    
     position: relative;
     text-align: left;
     top: 30px;
     left: 7px;
     width: 98%;
     height: 100%;
     padding-top: 22px;
     padding-bottom: 52px;
     -moz-animation:monanim 6s 0s;
     -webkit-animation:monanim 6s 0s;
     -o-animation:monanim 6s 0s;
     -ms-animation:monanim 6s 0s;
     -animation:monanim 6s 0s;   }

.topic-index  {  position: relative;
     	         top: 20px;
     	         left: 0px;   
		 padding:2px;    }

#gif-index  {  position: relative;
     	       top: 20px;
     	       left: 0px;
	       padding-top:2px;
	       padding-bottom:2px;   }

.vid   {  position: relative;
	  top: 70px;
     	  left: 0px;
          padding-top:11px;  
          padding-bottom:11px;  }

.bas-page   {  position: relative;
	       top: 20px;
     	       left: 0px;   }

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.titrelien { 

  line-height: 36px; 
  padding:8px;
  margin:8px;
  font-size: 26px;
  color: #333;
  background-color:#333;  }

.picto-d { 

  top: 100px;
  left:420px;  }


/* Tableau des objets du haut contenant le logo, la pub et texte defilant */

.tableau-centre-haut { 

  position:absolute;
  background-image:url(../interface/images_de_fond.jpg);
  top: 0px;
  left: 0px;
  width: 100%;
  height: 96px;
  background-color:#fff; 
  padding-bottom: 168px;
  z-index: 1;
  background-repeat:no-repeat;}


/* Texte Selection des meilleurs sites dans le cadre de gauche*/

.selection-site { 

  position:absolute;
  display: none;
  top: 96px;
  left: 10px;
  width: 160px;
  height: 60px;
  font-size: 17px;
  z-index: -2; 
  text-align:left;  }


/* Texte Selection des meilleures videos dans le tableau de droite*/

.selection-video { 

  position:absolute;
  display: none;
  top:98px;
  left: 846px;
  width: 158px;
  height: 60px;
  font-size:17px;
  z-index: - 2; 
  text-align:left;  }


/*Pub terminal-media.fr en header Haut de page*/

.pub_terminal_haut { 

  position:absolute;
  top:14px;
  left:14px;
  width: 568px;
  height: 64px;
  border: 1px solid #000;
  background-color: #000;  }


/*Encart pub analogic vs digital cote droit*/

.pub-digital-droit1e { 
  
  position:absolute;
  top:166px;
  left: 858px;
  width: 147px;
  height: 287px;
  background-image:url(../interface/pub-droite.gif);              
  z-index: 3; 
  background-repeat:no-repeat; display:none;   }



.pubvideo  {

  position:absolute;
  background-image:url(../interface/oeil-coul-2.jpg);              
  top:680px;	       
  left: 20px;
  width:131px;
  height: 90px;
  border: solid 2px #000; 
  z-index: 2;
  background-repeat:no-repeat;    }

.pubson  {

  position:absolute;
  background-image:url(../interface/oreille.jpg);              
  top:800px;	       
  left: 20px;
  width:131px;
  height: 90px;
  border: solid 2px #000; 
  z-index: 2;
  background-repeat:no-repeat;    }

             


/*Cellule Titre dans Page CANAL UP*/

.titrecouleur { 
             
  font-size : 28px;
  height: 30px; 
  font-weight: bold;
  background-color: #000;
  letter-spacing : 2px; 
  text-align:left;
  padding-left: 10px;  
  color: #fff;  }

.boxsite { 

  position: absolute;
  top: -4px;                        
  left: -2px;
}

.boxvid { 
  display: none;
  position: absolute;
  top: -13px;                        
  left: 2px;
}

.canal-cell  {

  color:000; 
  font-style:italic;
  background: -moz-linear-gradient(top, #ffffff, #c0c0c0);
  background: -ms-linear-gradient(top, #ffffff, #c0c0c0);
  background: -o-linear-gradient(top, #ffffff, #c0c0c0);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#c0c0c0));  }


.pied-page {   height: 32px; background-color:#fff;  }

/*Bordure padding image des pochettes dans page disque critique*/

.bordure-img { margin: 5px; 
	       width:130px; 
	       height:130px;
               border: solid 1px #000; }


.blog-texte2 { 

position: relative;
top: 76px;	
padding: 5px;
  
text-align: justify; }

.chapitre {  padding :1px; width: 98%;}




#topic-gauche {

  position:absolute;
  top:30px;
  left:0px;  }

#topic-droit {

  position:absolute;
  top:30px;
  left:0px;  }

#boitemenu {  

   position:relative;
   top: 154px;
   left: 162px;
   width:416px;
   height:62px;
   z-index:4;
   border: 0px solid #000;
   padding: 6px;
   margin: 6px;  }


.boutonmenu  { 

   position:relative;
   left: 1px;
   top: 14px;
   width:37px;
   height: 40px;
   margin: 4px;
   border: 2px solid #222;
   z-index:1;
   cursor: pointer;
   background-color: #fff;
   box-shadow: 3px 3px 6px #333;
}

.boutonmenu:hover  {    border: 2px solid #FF9537; }

.boutonoutils  { 

   position:relative;
   left:-2px;
   max-width:100%;
   height:auto;
   margin: 2px;
   border: 2px solid #000;
   z-index:3;
   cursor: pointer;
   background-color: #fff;
   border-radius: 2px; }


#imprimico {

   position: relative;
   top: -46%;
   left: -2px;  }


#moteur {  

   position:absolute;
   top: 208px;
   left: 180px;
   width:300px;
   height:34px;
   margin-top: 5px;
   margin-bottom: 5px;
   z-index:4;
   display: none; 
   border: 2px solid #000;
   background-color: #c0c0c0;  }

input {

   position:absolute;
   top: 1px;
   left: 31px;
   width: 226px;
   height: 24px;
   z-index: 2;  }

.boutonok  {

   position:absolute;
   top: 2px;
   left: -2px;
   width: 28px;
   height: 28px;
   z-index: 2;
   border: 1px solid #333;  }

.boutoncroix3  {

   position:absolute;
   top:1px;   
   left: 275px;
   width:22px;
   height:22px;
   z-index:4;  
   border: 2px solid #fff; 
   border-radius: 2px;  }

#news {  

   position:relative;
   top: 150px;
   left: 8px;
   width:90%;
   height:auto;
   margin-top: 8px;
   z-index:4;
   display: none;
   border: 1px solid #666;
   box-shadow: 1px 3px 12px #000;
   background-color: #c0c0c0;  }



.montre {   

   position:absolute;
   top: 32px;  }

.chaine-fram-horizontal   {
  
  position:absolute;
  text-align: right;
  top:676px;
  left:144px;
  padding: 16px;
  margin-left: 12px;
  margin-right: 14px;
  width: 666px;
  height: 130px;    }



.chaine-fram-vertical   {

  position:absolute;
  top:296px;
  left:704px;
  width: 140px;
  height: 446px;   }

.flags { display: block; }


.division-centre-chap { 

  position: absolute;
  top: 230px;                       
  left: 170px;
  width:666px;
  padding : 2px; 
  height: auto;
  text-align: left;  }


@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: '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: '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;    }



@font-face {
    font-family: 'new_ciclefina';
    src: url('fonts/New_Cicle_Fina-webfont.eot');
    src: url('fonts/New_Cicle_Fina-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/New_Cicle_Fina-webfont.woff') format('woff'),
         url('fonts/New_Cicle_Fina-webfont.ttf') format('truetype'),
         url('fonts/New_Cicle_Fina-webfont.svg#new_ciclefina') format('svg');
    font-weight: normal;
    font-style: normal;  }



@font-face {
    font-family: 'antoniobold';
    src: url('fonts/antonio-bold-webfont.eot');
    src: url('fonts/antonio-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/antonio-bold-webfont.woff') format('woff'),
         url('fonts/antonio-bold-webfont.ttf') format('truetype'),
         url('fonts/antonio-bold-webfont.svg#antoniobold') format('svg');
    font-weight: normal;
    font-style: normal;   }


@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;    }



@font-face {
    font-family: 'new_ciclefina';
    src: url('../fonts/New_Cicle_Fina-webfont.eot');
    src: url('../fonts/New_Cicle_Fina-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/New_Cicle_Fina-webfont.woff') format('woff'),
         url('../fonts/New_Cicle_Fina-webfont.ttf') format('truetype'),
         url('../fonts/New_Cicle_Fina-webfont.svg#new_ciclefina') format('svg');
    font-weight: normal;
    font-style: normal;  }



@font-face {
    font-family: 'antoniobold';
    src: url('../fonts/antonio-bold-webfont.eot');
    src: url('../fonts/antonio-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/antonio-bold-webfont.woff') format('woff'),
         url('../fonts/antonio-bold-webfont.ttf') format('truetype'),
         url('../fonts/antonio-bold-webfont.svg#antoniobold') format('svg');
    font-weight: normal;
    font-style: normal;   }

@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;    }



@font-face {
    font-family: 'new_ciclefina';
    src: url('../../fonts/New_Cicle_Fina-webfont.eot');
    src: url('../../fonts/New_Cicle_Fina-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/New_Cicle_Fina-webfont.woff') format('woff'),
         url('../../fonts/New_Cicle_Fina-webfont.ttf') format('truetype'),
         url('../../fonts/New_Cicle_Fina-webfont.svg#new_ciclefina') format('svg');
    font-weight: normal;
    font-style: normal;  }



@font-face {
    font-family: 'antoniobold';
    src: url('../../fonts/antonio-bold-webfont.eot');
    src: url('../../fonts/antonio-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/antonio-bold-webfont.woff') format('woff'),
         url('../../fonts/antonio-bold-webfont.ttf') format('truetype'),
         url('../../fonts/antonio-bold-webfont.svg#antoniobold') format('svg');
    font-weight: normal;
    font-style: normal;   }


@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;    }



@font-face {
    font-family: 'new_ciclefina';
    src: url('../../../fonts/New_Cicle_Fina-webfont.eot');
    src: url('../../../fonts/New_Cicle_Fina-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../fonts/New_Cicle_Fina-webfont.woff') format('woff'),
         url('../../../fonts/New_Cicle_Fina-webfont.ttf') format('truetype'),
         url('../../../fonts/New_Cicle_Fina-webfont.svg#new_ciclefina') format('svg');
    font-weight: normal;
    font-style: normal;  }



@font-face {
    font-family: 'antoniobold';
    src: url('../../../fonts/antonio-bold-webfont.eot');
    src: url('../../../fonts/antonio-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../fonts/antonio-bold-webfont.woff') format('woff'),
         url('../../../fonts/antonio-bold-webfont.ttf') format('truetype'),
         url('../../../fonts/antonio-bold-webfont.svg#antoniobold') format('svg');
    font-weight: normal;
    font-style: normal;   }








@font-face {
    font-family: 'journal';
    src: url('fonts/journal-webfont.eot');
    src: url('fonts/journal-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/journal-webfont.woff') format('woff'),
         url('fonts/journal-webfont.ttf') format('truetype'),
         url('fonts/journal-webfont.svg#journal') format('svg');
    font-weight: normal;
    font-style: normal;   }



@font-face {
    font-family: 'journal';
    src: url('../fonts/journal-webfont.eot');
    src: url('../fonts/journal-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/journal-webfont.woff') format('woff'),
         url('../fonts/journal-webfont.ttf') format('truetype'),
         url('../fonts/journal-webfont.svg#journal') format('svg');
    font-weight: normal;
    font-style: normal;   }



@font-face {
    font-family: 'journal';
    src: url('../../fonts/journal-webfont.eot');
    src: url('../../fonts/journal-webfont.eot?#iefix') format('embedded-opentype'),
         url('../..//fonts/journal-webfont.woff') format('woff'),
         url('../../fonts/journal-webfont.ttf') format('truetype'),
         url('../../fonts/journal-webfont.svg#journal') format('svg');
    font-weight: normal;
    font-style: normal;   }


@font-face {
    font-family: 'journal';
    src: url('../../../fonts/journal-webfont.eot');
    src: url('../../../fonts/journal-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../fonts/journal-webfont.woff') format('woff'),
         url('../../../fonts/journal-webfont.ttf') format('truetype'),
         url('../../../fonts/journal-webfont.svg#journal') format('svg');
    font-weight: normal;
    font-style: normal;   }






@font-face {
    font-family: 'INDUBITA';
    src: url('../../../fonts/INDUBITA-webfont.eot');
    src: url('../../../fonts/INDUBITA-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../fonts/INDUBITA-webfont.woff') format('woff'),
         url('../../../fonts/INDUBITA-webfont.ttf') format('truetype'),
         url('../../../fonts/INDUBITA-webfont.svg#INDUBITA') format('svg');
    font-weight: normal;
    font-style: normal;   }




@font-face {
    font-family: 'INDUBITA';
    src: url('../../fonts/INDUBITA-webfont.eot');
    src: url('../../fonts/INDUBITA-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/INDUBITA-webfont.woff') format('woff'),
         url('../../fonts/INDUBITA-webfont.ttf') format('truetype'),
         url('../../fonts/INDUBITA-webfont.svg#INDUBITA') format('svg');
    font-weight: normal;
    font-style: normal;   }


@font-face {
    font-family: 'INDUBITA';
    src: url('../fonts/INDUBITA-webfont.eot');
    src: url('../fonts/INDUBITA-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/INDUBITA-webfont.woff') format('woff'),
         url('../fonts/INDUBITA-webfont.ttf') format('truetype'),
         url('../fonts/INDUBITA-webfont.svg#INDUBITA') format('svg');
    font-weight: normal;
    font-style: normal;   }



@font-face {
    font-family: 'INDUBITA';
    src: url('fonts/INDUBITA-webfont.eot');
    src: url('fonts/INDUBITA-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/INDUBITA-webfont.woff') format('woff'),
         url('fonts/INDUBITA-webfont.ttf') format('truetype'),
         url('fonts/INDUBITA-webfont.svg#INDUBITA') format('svg');
    font-weight: normal;
    font-style: normal;   }



.atohm-cercle  {

   position: absolute; 
   top: 806px; 
   left: 4px; 
   z-index: 1;  }


.img-pub  { display: none;
            position: absolute; 
            top: 912px; 
            left: 12px; 
            z-index: 2; } 

audio  {display:block ; }
#date_heure { display: block; }
.termo { display: block; }
.meteo { display: block; }
.contact { display: block; }
.france-map  { display: block; }
.chemins { display:block; }
.boxvid  { display:none; }
.boxsite  { display:block; }
.degrad-gauche { display:block; }
.degrad-droit { display:block; }
.menu-gauche { display:block; }
.menu-droit { display:none; }
.img-fond  { display:block; }
.flags  { display:block; }
.pubson { display:block; }
.pubvideo { display:block; }
.pub-webgl { display:block; }
.liens-blog { display:block; }
.eyetext { display:block; }
.eyeshot { display:block; }
.broadcastext { display:none; }
.broadcast { display:none; }
#boitemenu { display:block; }