<!--
 

body {  

  margin-top:0; margin-bottom:0;
  font-family : new_ciclefina; 
  background-color:#fff;
  position: relative;
  top: 0px;
  left:0px;
  width: 996px;
  margin-left: auto;
  margin-right:auto;   }


.logo {  top: 100px;
         left: 0px;  }

.pub_terminal_haut  {   position: absolute;
								 top: 20px;
								 left: 200px;
								 height:140px;   }

/*Ligne Canal up dans tableau Canal Up*/


.txt-defile {
 
   position: absolute;
   top: 22px;
   width:214px;
   height:110px;
   left: 780px;
	border: 1px solid black;
   background-color:#fff;
   color:#000;  }


/*Boite noire de navigation en header*/

.menu-barre {
 
  position: absolute;
  font-size:56px;
  height:28px;
  background-color:#000;          
  left: 1px;
  top: 147px;
  width: 995px;
  z-index:3;
  padding-top: 1px;
  padding-bottom: 1px;
  word-spacing: 20px;  
  text-align: center;     }

/*LIENS navigation orange qui passe au blanc */

a.liens_titre { 
position: relative;
top: -26px;
color: #fff;
text-decoration:none;
font-size:26px;
letter-spacing:3px;
word-spacing: 20px;
font-weight: bolder; }


a:hover.liens_titre {
color: #33AA33; }



.tableau-centre-blog { 

  line-height: 26px;
  position: absolute;
  top: 176px;
  left:0px;
  width: 1000px; 
  font-size: 24px;
  background-color:#fff;
  text-align: left;
  Z-index: 1;
  height: 100%;  }


.tab-cellule  {

text-align: justify; 
width:42%; 
padding-left: 7px; 
background-color:#fff; 
color:#000;
letter-spacing: 3px;   }

.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;    }


.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: 46px; text-align: left;    }



.titre6 { 

font-size: 15px;
font-weight: bold; }








/*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; }

/* 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: #000000;
  font-family: new_ciclefina; 
  font-size:14px;
  text-decoration:none; }

a:hover { 
  color:#33AA33; }

a:visited { 

font-family: new_ciclefina; 
color:#ff6600;
text-decoration:line-through; }

a:active { 

color: #000000;
text-decoration:underline overline; }


a.vid { 

  color: #fff;
  font-size:20px;
  text-decoration:none; }

a.vid:hover { 

  color:#33AA33; }

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: #fff;
font-size:13px;
text-decoration:none; }

a.liens-index:hover { 

font-family: new_ciclefina; 
color:#33AA33;
text-decoration:underline; }

a.liens-index:visited { 

color:#fff;
text-decoration:line-through; }

a.liens-index:active { 

color: #33AA33;
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;}

.tableau-centre-blog-machine { position:absolute; border-spacing: 0px; border-collapse: collapse;}
.tableau-centre-haut { position:absolute; }
.audio { position:absolute; text-align: center;}




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; }


/* Tableau des objets du haut contenant le logo, la pub et texte defilant */

.tableau-centre-haut { 

  position:absolute;
  width: 1000px;
  height: 110px; 
  z-index: 1; 
  background-repeat:no-repeat;    }




/*boite EYE SHOT et icone Oeil*/

.audio { 

  position:absolute; 
  left: 10px;
  top:500px; }



/*Cellule Titre dans Page CANAL UP*/

.canalcolor { 

  padding: 8px; 
  height: 25px;
  width: 1000px;
  left:-2px;             
  font-size : 100%; 
  font-weight: bold;
  background-color: #C0C0C0;
  letter-spacing : 5px; 
  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: '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;  }


.montre {
position: relative;
top: 28px;	
left: 1px;  }  


#tailleMois {
position: relative;
top: -3px;	
left: 26px;
font-size: 20px;
width: 88px;  }


#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; }

}