<!--
 

body {  

  margin-top:0; margin-bottom:0;
  font-family: new_ciclefina; 
  background-color:#fff;
  position: relative;
  top: 0px;
  left:0px;
  width: 1000px;
  height: 100%;
  margin-left: auto;
  margin-right:auto;   }


#texte {   font-family: jura-demibold;  }


select {

	position: relative;
	top: -3px;	
	left: 46px;
	font-size: 16px;
	width: 120px;
	height: 40px;
	padding: 6px;  }


.une  {

  width: 300px;
  height: 420px;
  text-align: justify;
  column-count: 2;
  column-gap: 2em;
  column-rule: 1px solid silver;
  -moz-column-count: 2;
  -moz-column-gap: 2em;
  -moz-column-rule: 1px solid silver;
  -webkit-column-count: 2;
  -webkit-column-gap: 2em;
  -webkit-column-rule: 1px solid silver;
}

#logo {

top: 16px;
left: 10px; }

img { border: none; }



td { border-spacing: 0px; }



.titre-music { 

  font-size: 18px; }

.titre1 { 

  font-size: 24px;
  background-color: green;
  padding-top: 5px;
  padding-right: 200px;
  padding-bottom: 5px;
 }

.titre2 { 

font-size: 16px; }



.lettrage12  { 

font-size: 12px; }



.titre3 { 

font-size: 15px; }

/* Titre Ann e Blog-Machine*/



.titre7 { 

font-size: 36px; line-height: 1.0em; text-align: left; }



.titre6 { 

font-size: 15px;
font-weight: bold; }




/*Ligne Canal up dans tableau Canal Up*/






/*Titre cellule BLOG MACHINE dans tableau blog machine*/

.cellule-blog { 

  font-size : 20px; 
  height: 16px; 
  text-shadow: 3px 3px 4px #ffffff;
  background: -moz-linear-gradient(top, #ffffff, #666666);
  background: -ms-linear-gradient(top, #ffffff, #666666);
  background: -o-linear-gradient(top, #ffffff, #666666);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#666666));
  padding-bottom: 4px;   }
  background-color: #A0A0A4;
  vertical-align: top;
  text-align: left;
  color: #000000;
  letter-spacing:3px;  }


.canal-cell  { 
  
  background-color: #A0A0A4;
  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 des Sujet rubriques SERVICES, CULTURE...ex: VRML 2.0*/

.titre-cellule  { 

  background-color: #A0A0A4;
  vertical-align: top;
  text-align: left;
  height: 10px;
  font-size: 14px; 
  padding-bottom: 4px;	        
  background: -moz-linear-gradient(top, #ffffff, #666666);
  background: -ms-linear-gradient(top, #ffffff, #666666);
  background: -o-linear-gradient(top, #ffffff, #666666);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#666666));  
  color: #000000;
  font-weight: bold;
  letter-spacing:3px;  }



.image-cellule {

  width: 1000px; 
  font-size : 20px; 
  height: 16px; 
  text-shadow: 3px 3px 4px #ffffff;
  border-radius: 8px 8px;
  -moz-border-radius: 8px 8px;
  -webkit-border-radius: 8px 8px;
  background: -moz-linear-gradient(top, #ffffff, #666666);
  background: -ms-linear-gradient(top, #ffffff, #666666);
  background: -o-linear-gradient(top, #ffffff, #666666);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#666666));
  padding-bottom: 4px;   }






/* header 4, page BLOB MACHINE boites grises claires des mois et ann es*/

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, #666666);
  background: -ms-linear-gradient(top, #ffffff, #666666);
  background: -o-linear-gradient(top, #ffffff, #666666);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#666666));   }

h2 { 

font-size: 22px; }




/*LIENS noirs qui passent   l'orange sans  tre soulign  */

a { 

  color: #cc0000;
  font-family: new_ciclefina; 
  font-size:14px;
  text-decoration:none; }
  font-style: normal;
a:hover { 

  color:#000000; }

a:visited { 

font-family: new_ciclefina; 
color:#cc0000;
text-decoration:line-through; }

a:active { 

color: #000000;
text-decoration:underline overline; }


a.vid { 

  color: #cc0000;
  font-size:20px;
  text-decoration:none; }

a.vid:hover { 

  color:#fff; }

a:visited { 

color:#A0A0A4;
text-decoration:line-through; }

a.vid:active { 

color: #fff;
font-family: new_ciclefina; 
text-decoration:underline overline; }



/*LIENS INDEX VERT QUI PASSENT AU NOIR/*

a.liens-index { 
font-family: new_ciclefina; 
color: #ff3333;
font-size:13px;
text-decoration:none; }

a.liens-index:hover { 

font-family: new_ciclefina; 
color:#000000;
text-decoration:underline; }

a.liens-index:visited { 

color:#A0A0A4;
text-decoration:line-through; }

a.liens-index:active { 

color: #000000;
text-decoration:underline overline; }




/*logo TERMINAL-MEDIA en haut de page*/

.logo { 

position:absolute;
top:15px;
left: 10px;
width: 280px;
height: 100px;
padding-bottom: 20px; 
margin-bottom: 36px;}




.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;}
.tableau-centre-blog { position:absolute; 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;}
.tableau-centre-disque-critique { position:absolute; border-spacing: 0px; border-collapse: collapse;}
.tableau-centre-blog-machine { position:absolute; border-spacing: 0px; border-collapse: collapse;}
.tableau-centre-haut { position:absolute; }
.audio { position:absolute; text-align: center;}
.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; text-align: center;}
.rubrique-centre-canal { position:absolute; border-spacing: 0px; border-collapse: collapse; border-color: #000000;}



/*BOUTON BLOG-MACHINE sur toutes les pages*/

.blog { 
 
  position:absolute;
  top: 440px;
  left: 0px;
  width: 160px;
  height: 40px;
  text-align: center; }





/*BOUTONS fil RSS/XML sur toutes les pages*/

.rss { 

  position:absolute;
  top:628px;
  left: 40px;
  width: 80px;
  height: 20px;
  text-align: center; }
 
.selection-site { text-align:left; } 
.selection-video { text-align:left; } 
.canalcolor { text-align:left; }

.broadcast { 

  position:absolute;
  top:550px;
  left: 13px; }



/* Boite Menu cot  gauche selection meilleurs sites*/

.menu-gauche { 

  position:absolute; 
  border-spacing: 0px; 
  border-collapse: collapse;
  left: 4px;
  top: 160px;
  width: 160px;
  height: 240px;
  z-index:3;     
  vertical-align: top; }





/* Boite Menu cot  droit s lection meilleurs videos */

.menu-droit {   

  position:absolute; 
  text-align:left; 
  border-spacing: 0px; 
  border-collapse: collapse;
  left: 839px;
  top: 168px;
  width: 160px;
  height: 240px;
  text-align:left;
  z-index: 3; }






/*LIENS navigation orange qui passe au blanc */

a.liens_titre { 

color: #cc0000; 
text-decoration:none;
font-size:18px;
letter-spacing:2px; }


a:hover.liens_titre {

 color: #FFF; }


a.liens-clip { 

color: #333333; 
text-decoration:none;
font-size:18px;
letter-spacing:2px; }


a:hover.liens-clip {

 color: #000; }


/*LIENS VERT Puis Noir ????????? A RECTIFIER */

a.linkos { 

color: #333333; 
text-decoration:none;
font-size:14px; }


a:hover.linkos { 

color: #000;
text-decoration:underline; }





/*Boite noire de navigation en header*/

.menu-titre {
 
  font-size:14px;
  background-color:#000;          
  left: 0px;
  top: 72px;
  width: 997px;
  height: 29px;
  z-index:1;
  word-spacing: 10px; }




/*Fond gris d grad  cot  gauche*/

.degrad-gauche { 

  background-image:url(interface/images_de_fond_gauche.jpg);
  top:88px;	        
  left: 0px;
  width: 170px;
  height: 672px;
  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:88px;	       
  left: 838px;
  width: 160px;
  height: 672px;
  z-index: 1; background-repeat:no-repeat;}




/*Tableau principal dans section et article au centre de l'ecran */

.tableau-centre-blog { 

  top: 108px;                       
  left: 174px;
  width: 660px;
  height: 652px;
  padding: 4px;
  line-height: 1.6em; 
  font-size: 13px;
  background-color:#fff;
  text-align: left;  }


.tableau-centre-blog td { 

text-align: justify;  }


.tableau-images { 

  top: 108px;                       
  left: 174px;
  width: 660px;
  height: 100%;
  line-height: 1.8em; 
  font-size: 13px;  }






/*Tableau principal dans section et article au centre de l'ecran */

.tableau-broadcast  { 

  top: 108px;                       
  left: 174px;
  width: 660px;
  height: 816px;
  line-height: 1.5em; 
  font-size: 15px;
  background-color:#fff;
  text-align: justify;  }


/*Tableau principal disque critique */

.tableau-centre-disque-critique { 
 
  top: 108px;                                  
  left: 174px;
  width: 660px;
  height: 663px; 
  background-color:#fff;
  text-align: justify;}




/*Tableau principal dans blog machine */

.tableau-centre-blog-machine { 

  top: 108px;                               
  left: 174px;                              
  width: 660px;
  height: 663px;
  line-height: 26px;
  background-color:#fff;
  text-align: justify;  }

.imagette-index {      

  position: absolute;
  top: 120px;                               
  left: -4px;                              
  width: 840px;
  height: 300px;
  text-align: center;
  line-height: 26px;   }




/* 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: 997px;
  height: 72px; 
  z-index: 1; 
  background-repeat:no-repeat;}




/*boite EYE SHOT et icone Oeil*/

.audio { 

  position:absolute; 
  left: 10px;
  top:500px; }



/* Texte Selection des meilleurs sites dans le cadre de gauche*/

.selection-site { 

  position:absolute;
  top: 102px;
  left: 10px;
  width: 160px;
  height: 60px;
  font-size: 16px; 
  text-align:left;  }




/* Texte Selection des meilleures videos dans le tableau de droite*/

.selection-video { 

  position:absolute;
  top:104px;
  left: 840px;
  width: 160px;
  height: 60px;
  font-size:16px;
  z-index: 2; 
  text-align:left;  }




/*Pub terminal-media.fr en header Haut de page*/

.pub_terminal_haut { 

  position:absolute;
  top:4px;
  left: 222px;
  width: 568px;
  height: 60px;
  border-width: thin;
  background-color: #000; 
  border-color: #000; }



/*Encart pub analogic vs digital cote droit*/

.pub-digital-droite { 

  position:absolute;
  top:460px;
  left: 841px;
  width: 150px;
  height: 300px;
  z-index: 2; 
  text-align: center;  }




/*Cellule Titre dans Page CANAL UP*/

.canalcolor { 

  border-top: solid 1px ; 
  border-bottom: solid 1px ;
  border-color: #000000; 
  height: 16px;             
  font-size : 16px; 
  font-weight: bold;
  background-color: #C0C0C0;
  letter-spacing : 3px; 
  text-align:left;  
  color: #000;   }




/*Tableau Principal CANAL UP */

.rubrique-centre-canal { 

  position:absolute; 
  border-spacing: 0px; 
  border-collapse: collapse;
  border-color: #000000;
  top: 108px;
  color: #000;	
  left: 174px;	
  border-width: thin;
  border-style: solid; 
  background-color: #fff;
  width: 658px ;
  height: 668px ;                  
  font-size : 15px; 
  padding: 14px; 
  font-style: italic;
  text-align: justify; }

.canal-cell  {

  color:000; 
  font-style:normal;
  background: -moz-linear-gradient(top, #ffffff, #666666);
  background: -ms-linear-gradient(top, #ffffff, #666666);
  background: -o-linear-gradient(top, #ffffff, #666666);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#666666));  }


.pied-page { 

height: 22px;
background-color:#fff; }

/*Bordure padding image des pochettes dans page disque critique*/

.bordure-img { 

padding: 3px; }




.blog-texte2 { 

position: relative;
top: 76px;	
left: 0px;
padding: 10px;
padding-top: 38px;
padding-bottom: 20px;  
text-align: justify; }

.chapitre { 

padding-bottom: 25px; }



.tableau-2013-blog  {

  position: absolute;
  top: 100px;
  left: 328px;
  background-color:#fff;
  width: 670px;
  height: 626px; 
  text-align: justify; }


/*boite des images picto sur la page index*/

.img-index  { 

border: solid 6px #fff; }



/*liens noirs qui reste noirs   l'orange sans  tre soulign  */


.liens-menu { 

  color:#000000;
  font-size:17px;
  font-weight: bold;
  text-decoration:none; }

.liens-menu:hover { 

  color:#FFFFFF; 
  font-weight: bold;   }

.liens-menu:visited { 

  color:#666666;
  text-decoration:line-through; }

.liens-menu:active { 

  color: #000000;
  text-decoration:underline overline; }







@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;
}


.montre {
position: relative;
top: 28px;	
left: 1px;  }  





#tailleArticle {
position: relative;
top: -3px;	
left: 26px;
font-size: 20px;
width: 88px;  }  



#lettre  { width: 100%; }





@media only screen and (color) 
and (min-width : 1920px) {
.blog-texte2 { 1900px; }

}



@media only screen and (color) 
and (max-width : 213px) {

.blog-texte2 { width: 193px; }

}