<!--
 

body {  

  margin-top:0; margin-bottom:0;
  font-family: jura-demibold; 
  background-color:#fff;
  position: relative;
  top: 0px;
  left:0px;
  width: 100%;
  height: 100%;
  margin-left: 0;
  margin-right:auto;   }


/*linkos à changer pour le blog machine*/



img { border: none; }

pictoss { : none; }

td { border-spacing: 0px; }



.titre-music { 

  font-size: 18px; }



.titre2 { 

font-size: 19px;
padding: 8px;
text-align: justify;  }



.lettrage12  { 

font-size: 12px; }



.titre3 { 

font-size: 15px; }

/* Titre Année Blog-Machine*/



.titre7 { 

font-size: 2.2em; 
line-height: 1.1em;
text-align: left;
padding: 8px;}







.titre8 { 

font-size: 2.5em;
padding: 8px;  }


/*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;
  width: 100%;
  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-left: 5px;		 
  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-left: 5px;
  padding-bottom: -4px;
  font-weight: bold;
  letter-spacing:3px;
  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; 
padding: 8px;  }




/*LIENS noirs qui passent à l'orange sans être souligné */

a { 

  color: #00cc00;
  font-size:14px;
  text-decoration:none; }
  font-style: normal;
a:hover { 

  color:#000000; }

a:visited { 

color:#A0A0A4;
text-decoration:line-through; }

a:active { 

color: #000000;
text-decoration:underline overline; }


a.vid { 

  color: #00cc00;
  font-size:20px;
  text-decoration:none; }

a.vid:hover { 

  color:#fff; }

a:visited { 

color:#A0A0A4;
text-decoration:line-through; }

a.vid:active { 

color: #fff;
text-decoration:underline overline; }



/*LIENS INDEX VERT QUI PASSENT AU NOIR/*

a.liens-index { 

color: 33cc33;
font-size:13px;
text-decoration:none; }

a.liens-index:hover { 

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:0px;
left: 10px; }




.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-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: #00cc00; 
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: #006600; 
text-decoration:none;
font-size:12px; }


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: 3px;                       
  left: 0px;
  width: 100%;
  height: 100%;
  padding: 16px;
  line-height: 1.6em; 
  font-size: 13px;
  text-align: justify;  
  z-index: 2;   }




/*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: 528px;
  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 { 

width:98%;
position: relative;
top: 76px;	
left: 12px;  
text-align: justify;
font-size: 19px;
font-family: jura-demibold;  }

.titre6 { 

font-size: 25px;
font-weight: bold; }


.chapitre { 

font-size: 22px; }















.tableau-2013-blog  {

  position: absolute;
  top: 100px;
  left: 328px;
  background-color:#fff;
  width: 100%;
  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; }


.faceimg  {

border: 1px solid #000;
margin: 16px;
box-shadow: 9px 9px 10px;
max-width:16%;
min-width:16%;
}





.picfix  {


position: relative;
top: 320px;
left: 640px;
z-index: 1;
}

.sites   {

  position:absolute;
  top:1470px;
  left:24px;
  font-size: 4px;
  z-index:3;   }

.sites2   {
  
  position:absolute;
  top:1520px;
  left:854px;
  font-size: 4px;
  z-index:3;   }



@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 (min-width : 240px) {

.faceimg  {

width: 80%;
height:80%;  }

}
}

@media only screen and (color) 

and (min-width : 320px) {


.faceimg  {

width: 22%;
height:22%;  }

}
}

@media only screen and (color) 

and (min-width : 360px) {

.faceimg  {

width: 24%;  }
height:24%;
}
}

@media only screen and (color) 

and (min-width : 375px) {

.faceimg  {

width: 26%;
height:26%;  }

}
}

@media only screen and (color) 

and (min-width : 384px) {

width: 28%;
height:28%;

}
}

@media only screen and (color) 

and (min-width : 400px) {


width: 38%;
height:38%;
}
}

@media only screen and (color) 

and (min-width : 414px) {

width: 48%;
height:48%;
 
}
}

@media only screen and (color) 

and (min-width : 424px) {


header {

  width: 404px;
  font-size: 1.9em;
  line-height: 32px;
  
}

#diapo-img  {
 
  width: 390px;
  height: 272px;
}

.ico1 {

  width: 30px;
  height: 30px;
}

.ico2 {

  width: 30px;
  height: 30px;
}

#tabfram  {
  
  width:390px;
  height:272px;
}

ul {

 width: 380px; 
 line-height: 24px;
 padding: 6px; 
}


.pub-top {
  
  width: 384px;
}

.contenu  {

  font-size: 1.1em;
  width: 364px;
  line-height: 22px;
}

nav {

  font-size: 1.1em;
  width: 412px;
}

footer {

  font-size: 1.1em;
  width: 414px;

}

a { 
  
  font-size: 1.3em; 
}
}

@media only screen and (color) 

and (min-width : 480px) {


header {

  width: 460px;
  font-size: 2.3em;
  line-height: 38px;
  
}

#diapo-img  {
 
  width: 446px;
  height: 314px;
}

.ico1 {

  width: 34px;
  height: 34px;
}

.ico2 {

  width: 34px;
  height: 34px;
}

#tabfram  {
  
  width: 446px;
  height: 314px;
}

ul {

 width: 436px; 
 line-height: 24px;
 padding: 6px; 
}

.pub-top {
  
  width: 450px;
}

.contenu  {

  font-size: 1.0em;
  width: 430px;
  line-height: 22px;
}

nav {

  font-size: 1.0em;
  width: 468px;  
}

footer {

  font-size: 1.0em;
  width: 470px;
}

a { 
  
  font-size: 1.0em; 
}
}

@media only screen and (color) 

and (min-width : 533px) {


header {

  width: 513px;
  font-size: 2.5em;
  line-height: 42px;  
}

#diapo-img  {
 
  width: 499px;
  height: 346px;
}

.ico1 {

  width: 34px;
  height: 34px;
}

.ico2 {

  width: 34px;
  height: 34px;
}

#tabfram  {
  
  width: 499px;
  height: 346px;
}

ul {

 width: 490px; 
 line-height: 24px;
 padding: 6px; 
}

.pub-top {
  
  width: 483px;
}

.contenu  {

  font-size: 1.1em;
  width: 483px;
  line-height: 24px;
}

nav {

  font-size: 1.1em;
  width: 521px;
}

footer {

  font-size: 1.1em;
  width: 523px;
}

a { 
  
  font-size: 1.1em; 
}
}

@media only screen and (color) 

and (min-width : 540px) {


header {

  width: 524px;
  font-size: 2.5em;
  line-height: 42px;
  
}

#diapo-img  {
 
  width: 506px;
  height: 356px;
}

.ico1 {

  width: 34px;
  height: 34px;
}

.ico2 {

  width: 34px;
  height: 34px;
}

#tabfram  {
  
  width: 506px;
  height: 356px;
}

.pub-top {
  
  width: 500px;
}

.contenu  {

  font-size: 1.1em;
  width: 520px;
  line-height: 24px;
}

nav {

  font-size: 1.2em;
  width: 532px;
}

ul {

 width: 496px; 
 line-height: 24px;
 padding: 6px; 
}


footer {

  font-size: 1.1em;
  width: 530px;
}

a { 
  
  font-size: 1.1em; 
}
}

@media only screen and (color) 

and (min-width : 568px) {


header {

  width: 548px;
  font-size: 2.6em;
  line-height: 46px;
}

#diapo-img  {
 
  width: 534px;
  height: 368px;
}

.ico1 {

  width: 34px;
  height: 34px;
}

.ico2 {

  width: 34px;
  height: 34px;
}

#tabfram  {
  
  width: 534px;
  height: 368px;
}

.pub-top {
  
  width: 548px;
}

.contenu  {

  font-size: 1.1em;
  width: 548px;
  line-height: 24px;
}

nav {

  font-size: 1.0em;
  width: 556px;
}

ul {

 width: 524px; 
 line-height: 24px;
 padding: 6px; 
}


footer {

  font-size: 1.1em;
  width: 558px;
}

a { 
  
  font-size: 1.1em; 
}
}

@media only screen and (color) 

and (min-width : 569px) {


header {

  width: 549px;
  font-size: 2.6em;
  line-height: 44px;  
}

#diapo-img  {
 
  width: 534px;
  height: 368px;
}

.ico1 {

  width: 34px;
  height: 34px;
}

.ico2 {

  width: 34px;
  height: 34px;
}

#tabfram  {
  
  width: 534px;
  height: 368px;
}

nav {

  font-size: 1.0em;
  width: 536px;
}

ul {

 width: 524px; 
 line-height: 24px;
 padding: 6px; 
}


.pub-top {
  
  width: 538px;
}

.contenu  {

  font-size: 1.1em;
  width: 549px;
  line-height: 24px;
}

nav {

  font-size: 1.0em;
  width: 557px; 
}

footer {

  font-size: 1.1em;
  width: 559px;
}

a { 
  
  font-size: 1.1em; 
}
}

@media only screen and (color) 

and (min-width : 600px) {


header {

  width: 580px;
  font-size: 2.9em;
  line-height: 50px;
}


h2::first-letter  {
  margin-right: 3px;
  font-size: 2em;
}


#diapo-img  {
 
  width: 566px;
  height: 394px;
}

.ico1 {

  width: 34px;
  height: 34px;
}

.ico2 {

  width: 34px;
  height: 34px;
}

#tabfram  {
  
  width: 566px;
  height: 394px;
}

nav {

  font-size: 1.0em;
  width: 588px;
}

ul {

 width: 556px; 
 line-height: 24px;
 padding: 6px; 
}

.pub-top {
  
  width: 580px;
}

.contenu  {

  font-size: 1.1em;
  width: 570px;
  line-height: 24px;
}

footer {

  font-size: 1.1em;
  width: 580px;
}

a { 
  
  font-size: 1.1em; 
}
}

@media only screen and (color) 

and (min-width : 604px) {


header {

  width: 584px;
  font-size: 2.9em;
  line-height: 48px;  
}

#diapo-img  {
 
  width: 566px;
  height: 394px;
}

.ico1 {

  width: 34px;
  height: 34px;
}

.ico2 {

  width: 34px;
  height: 34px;
}

#tabfram  {
  
  width: 566px;
  height: 394px;
}

.pub-top {
  
  width: 580px;
}

.contenu  {

  font-size: 1.1em;
  width: 584px;
  line-height: 24px;
}

nav {

  font-size: 1.2em;
  width: 592px;
}

ul {

 width: 556px; 
 line-height: 24px;
 padding: 6px; 
}

footer {

  font-size: 1.1em;
  width: 584px;
}

a { 
  
  font-size: 1.1em; 
}
}

@media only screen and (color) 

and (min-width : 640px) {


header {

  width: 620px;
  font-size: 3.2em;
  line-height: 54px;
}

#diapo-img  {
 
  width: 566px;
  height: 394px;
}

.ico1 {

  width: 34px;
  height: 34px;
}

.ico2 {

  width: 34px;
  height: 34px;
}

#tabfram  {
  
  width: 566px;
  height: 394px;
}

nav {

  font-size: 1.1em;
  width: 628px;
}

ul {

 width: 596px; 
 line-height: 24px;
 padding: 6px; 
}

.pub-top {
  
  width: 568px;
}

.contenu  {

  font-size: 1.1em;
  width: 620px;
  line-height: 24px;
}

footer {

  font-size: 1.1em;
  width: 630px;
}

a { 
  
  font-size: 1.1em; 
}
}

@media only screen and (color) 

and (min-width : 667px) {


header {

  width: 647px;
  font-size: 3.4em;
  line-height: 54px;  
}

#diapo-img  {
 
  width: 633px;
  height: 440px;
}

.ico1 {

  width: 38px;
  height: 38px;
}

.ico2 {

  width: 38px;
  height: 38px;
}

#tabfram  {
  
  width: 633px;
  height: 440px;
}

nav {

  font-size: 1.1em;
  width: 655px;
}

ul {

 width: 623px; 
 line-height: 24px;
 padding: 6px; 
}

.pub-top {
  
  width: 558px;
}

.contenu  {

  font-size: 1.1em;
  width: 647px;
  line-height: 24px;
}

footer {

  font-size: 1.1em;
  width: 657px;
}

a { 
  
  font-size: 1.1em; 
}
}

@media only screen and (color) 

and (min-width : 720px) {


header {

  width: 700px;
  font-size: 3.6em;
  line-height: 62px;  
}

#diapo-img  {
 
  width: 686px;
  height: 476px;
}

.ico1 {

  width: 38px;
  height: 38px;
}

.ico2 {

  width: 38px;
  height: 38px;
}

#tabfram  {
  
  width: 686px;
  height: 476px;
}

nav {

  font-size: 1.1em;
  width: 708px;
}

ul {

 width: 670px; 
 padding: 9px; 
}


.pub-top {
  
  width: 568px;
}

.contenu  {

  font-size: 1.1em;
  width: 700px;
  line-height: 24px;
}

footer {

  font-size: 1.1em;
  width: 700px;
}

a { 
  
  font-size: 1.1em; 
}
}

@media only screen and (color) 

and (min-width : 736px) {


header {

  width: 716px;
  font-size: 3.7em;
  line-height: 64px;  
}

#diapo-img  {
 
  width: 702px;
  height: 486px;
}

.ico1 {

  width: 38px;
  height: 38px;
}

.ico2 {

  width: 38px;
  height: 38px;
}

#tabfram  {
  
  width: 702px;
  height: 486px;
}

nav {

  font-size: 1.1em;
  width: 724px;
}

ul {

 width: 686px; 
 padding: 9px;
 
}

.pub-top {
  
  width: 568px;
}

.contenu  {

  font-size: 1.1em;
  width: 716px;
  line-height: 24px;
}

footer {

  font-size: 1.1em;
  width: 726px;
}

a { 
  
  font-size: 1.1em; 
}
}

@media only screen and (color) 

and (min-width : 753px) {


header {

  width: 733px;
  font-size: 3.7em;
  line-height: 64px;  
}

#diapo-img  {
 
  width: 719px;
  height: 498px;
}

.ico1 {

  width: 38px;
  height: 38px;
}

.ico2 {

  width: 38px;
  height: 38px;
}

#tabfram  {
  
  width: 719px;
  height: 498px;
}

nav {

  font-size: 1.1em;
  width: 741px;
}

ul {

 width: 703px; 
 padding: 9px; 
}


.pub-top {
  
  width: 568px;
}

.contenu  {

  font-size: 1.1em;
  width: 733px;
  line-height: 24px;
}

footer {

  font-size: 1.1em;
  width: 743px;
}

a { 
  
  font-size: 1.1em; 
}
}

@media only screen and (color) 

and (min-width : 768px) {


header {

  width: 748px;
  font-size: 3.8em;
  line-height: 66px;
}

#diapo-img  {
 
  width: 734px;
  height: 508px;
}

.ico1 {

  width: 38px;
  height: 38px;
}

.ico2 {

  width: 38px;
  height: 38px;
}

#tabfram  {
  
  width: 734px;
  height: 508px;
}

nav {

  font-size: 1.1em;
  width: 756px;
}

ul {

 width: 718px; 
 padding: 9px; 
}


.pub-top {
  
  width: 568px;
}

.contenu  {

  font-size: 1.1em;
  width: 748px;
  line-height: 24px;
}

footer {

  font-size: 1.1em;
  width: 758px;
}

a { 
  
  font-size: 1.1em; 
}
}

@media only screen and (color) 

and (min-width : 800px) {


header {

  width: 780px;
  font-size: 4.0em;
  line-height: 66px;
}

#diapo-img  {
 
  width: 766px;
  height: 532px;
}

.ico1 {

  width: 38px;
  height: 38px;
}

.ico2 {

  width: 38px;
  height: 38px;
}

#tabfram  {
  
  width: 766px;
  height: 532px;
}

nav {

  font-size: 1.1em;
  width: 788px;
}

ul {

 width: 750px; 
 padding: 9px; 
}



.pub-top {
  
  width: 568px;
}

.contenu  {

  font-size: 1.1em;
  width: 780px;
  line-height: 24px;
}

footer {

  font-size: 1.1em;
  width: 790px;

}

a { 
  
  font-size: 1.1em; 
}
}

@media only screen and (color) 

and (min-width : 854px) {


header {

  width: 834px;
  font-size: 4.4em;
  line-height: 74px; 
}

#diapo-img  {
 
  width: 820px;
  height: 570px;
}

.ico1 {

  width: 38px;
  height: 38px;
}

.ico2 {

  width: 38px;
  height: 38px;
}

#tabfram  {
  
  width: 820px;
  height: 570px;
}

nav {

  line-height: 1.2em;
  font-size: 1.2em;
  width: 842px;
}

ul {

 width: 804px; 
 padding: 9px; 
}

.pub-top {
  
  width: 570px;
}

.contenu  {

  font-size: 1.1em;
  width: 834px;
  line-height: 24px;
}

footer {

  font-size: 1.1em;
  width: 844px;
}

a { 
  
  font-size: 1.1em; 
}
}
@media only screen and (color) 

and (min-width : 900px) {


header {

  width: 880px;
  font-size: 4.5em;
  line-height: 74px;
}

#diapo-img  {
 
  width: 866px;
  height: 602px;
}

.ico1 {

  width: 38px;
  height: 38px;
}

.ico2 {

  width: 38px;
  height: 38px;
}

#tabfram  {
  
  width: 866px;
  height: 602px;
}

nav {

  line-height: 1.3em;
  font-size: 1.3em;
  width: 888px;
}

ul {

 width: 830px; 
 padding: 9px; 
}

.pub-top {
  
  width: 568px;
}

.contenu  {

  font-size: 1.1em;
  width: 880px;
  line-height: 24px;
}

footer {

  font-size: 1.1em;
  width: 790px;
}

a { 
  
  font-size: 1.1em; 
}
}
@media only screen and (color) 

and (min-width : 950px) {


header {

  width: 930px;
  font-size: 4.8em;
  line-height: 78px; 
}

#diapo-img  {
 
  width: 916px;
  height: 636px;
}

.ico1 {

  width: 38px;
  height: 38px;
}

.ico2 {

  width: 38px;
  height: 38px;
}

#tabfram  {
  
  width: 916px;
  height: 636px;
}

nav {

  line-height: 1.3em;
  font-size: 1.3em;
  width: 940px;
}

ul {

 width: 900px; 
 padding: 9px;
}

.pub-top {
  
  width: 568px;
}

.contenu  {

  font-size: 1.1em;
  width: 930px;
  line-height: 24px;
}

footer {

  font-size: 1.1em;
  width: 940px;
}

a { 
  
  font-size: 1.1em; 
}
}

@media only screen and (color) 

and (min-width : 960px) {


header {

  width: 940px;
  font-size: 4.9em;
  line-height: 80px; 
}

#diapo-img  {
 
  width: 926px;
  height: 644px;
}

.ico1 {

  width: 38px;
  height: 38px;
}

.ico2 {

  width: 38px;
  height: 38px;
}

#tabfram  {
  
  width: 926px;
  height: 644px;
}

nav {

  line-height: 1.3em;
  font-size: 1.3em;
  width: 950px;
}

ul {

 width: 910px; 
 padding: 9px; 
}

.pub-top {
  
  width: 568px;
}

.contenu  {

  font-size: 1.1em;
  width: 940px;
  line-height: 24px;
}

footer {

  font-size: 1.1em;
  width: 950px;

}

a { 
  
  font-size: 1.1em; 
}
}

@media only screen and (color) 

and (min-width : 962px) {


header {

  width: 942px;
  font-size: 4.9em;
  line-height: 80px; 
}

#diapo-img  {
 
  width: 926px;
  height: 644px;
}

.ico1 {

  width: 38px;
  height: 38px;
}

.ico2 {

  width: 38px;
  height: 38px;
}

#tabfram  {
  
  width: 926px;
  height: 644px;
}

nav {

  line-height: 1.3em;
  font-size: 1.3em;
  width: 952px;
}

ul {

 width: 910px; 
 padding: 9px; 
}

.pub-top {
  
  width: 568px;
}

.contenu  {

  font-size: 1.1em;
  width: 942px;
  line-height: 24px;
}

footer {

  font-size: 1.1em;
  width: 952px;

}

a { 
  
  font-size: 1.1em; 
}
}

@media only screen and (color) 

and (min-width : 966px) {


header {

  width: 946px;
  font-size: 4.9em;
  line-height: 82px;  
}

#diapo-img  {
 
  width: 932px;
  height: 648px;
}

.ico1 {

  width: 38px;
  height: 38px;
}

.ico2 {

  width: 38px;
  height: 38px;
}

#tabfram  {
  
  width: 932px;
  height: 648px;
}

nav {

  line-height: 1.3em;
  font-size: 1.3em;
  width: 954px;
}

ul {

 width: 916px; 
 padding: 9px;
}

.pub-top {
  
  width: 568px;
}

.contenu  {

  font-size: 1.1em;
  width: 946px;
  line-height: 24px;
}

footer {

  font-size: 1.1em;
  width: 956px;

}

a { 
  
  font-size: 1.1em; 
}
}
@media only screen and (color) 

and (min-width : 1024px) {


header {

  width: 1004px;
  font-size: 5.2em;
  line-height: 86px; 
}

#diapo-img  {
 
  width: 990px;
  height: 688px;
}

.ico1 {

  width: 38px;
  height: 38px;
}

.ico2 {

  width: 38px;
  height: 38px;
}

#tabfram  {
  
  width: 990px;
  height: 688px;
}

nav {

  line-height: 1.3em;
  font-size: 1.3em;
  width: 1012px;
}

ul {

 width: 954px; 
 padding: 9px; 
}

.pub-top {
  
  width: 548px;
}

.contenu  {

  font-size: 1.1em;
  width: 1004px;
  line-height: 24px;
}

footer {

  font-size: 1.1em;
  width: 1014px;
}

a { 
  
  font-size: 1.1em; 
}
}
@media only screen and (color) 

and (min-width : 1200px) {

header {

  width: 1180px;
  font-size: 5.2em;
  line-height: 84px;
  
}

#diapo-img  {
 
  width: 1090px;
  height: 756px;
}

.ico1 {

  width: 38px;
  height: 38px;
}

.ico2 {

  width: 38px;
  height: 38px;
}

#tabfram  {
  
  width: 1090px;
  height: 756px;
}

nav {

  line-height: 1.3em;
  font-size: 1.3em;
  width: 1188px;
}

ul {

 width: 974px; 
 padding: 9px; 
}

.pub-top {
  
  width: 568px;
}

.contenu  {

  font-size: 1.1em;
  width: 1180px;
  line-height: 24px;
}

footer {

  font-size: 1.1em;
  width: 1190px;
}

a { 
  
  font-size: 1.1em; 
}
}
@media only screen and (color) 

and (min-width : 1280px) {

header {

  width: 1260px;
  font-size: 5.2em;
  line-height: 84px;  
}

#diapo-img  {
 
  width: 1190px;
  height: 826px;
}

.ico1 {

  width: 38px;
  height: 38px;
}

.ico2 {

  width: 38px;
  height: 38px;
}

#tabfram  {
  
  width: 1190px;
  height: 826px;
}

nav {

  line-height: 1.3em;
  font-size: 1.3em;
  width: 1268px;
}

ul {

 width: 1074px; 
 padding: 9px; 
}

.pub-top {
  
  width: 568px;
}

.contenu  {

  font-size: 1.1em;
  width: 1260px;
  line-height: 24px;
}

footer {

  font-size: 1.1em;
  width: 1270px;

}

a { 
  
  font-size: 1.1em; 
}
}
@media only screen and (color) 

and (min-width : 1440px) {

header {

  width: 1420px;
  font-size: 5.2em;
  line-height: 84px;
  
}

#diapo-img  {
 
  width: 1190px;
  height: 826px;
}

.ico1 {

  width: 38px;
  height: 38px;
}

.ico2 {

  width: 38px;
  height: 38px;
}

#tabfram  {
  
  width: 1190px;
  height: 826px;
}

nav {

  line-height: 1.3em;
  font-size: 1.3em;
  width: 1428px;
}

ul {

 width: 1274px; 
 padding: 9px; 
}

.pub-top {
  
  width: 568px;
}

.contenu  {

  font-size: 1.1em;
  width: 1420px;
  line-height: 24px;
}

footer {

  font-size: 1.1em;
  width: 1430px;
}

a { 
  
  font-size: 1.1em; 
}
}
@media only screen and (color) 

and (min-width : 1536px) {

header {

  width: 1516px;
  font-size: 5.2em;
  line-height: 84px; 
}

#diapo-img  {
 
  width: 1490px;
  height: 1034px;
}

.ico1 {

  width: 38px;
  height: 38px;
}

.ico2 {

  width: 38px;
  height: 38px;
}

#tabfram  {
  
  width: 1490px;
  height: 1034px;
}

nav {

  line-height: 1.3em;
  font-size: 1.3em;
  width: 1524px;
}

ul {

 width: 1274px; 
 padding: 9px; 
}


.pub-top {
  
  width: 568px;
}

.contenu  {

  font-size: 1.1em;
  width: 1516px;
  line-height: 24px;
}

footer {

  font-size: 1.1em;
  width: 1526px;
}

a { 
  
  font-size: 1.1em; 
}
}
@media only screen and (color) 

and (min-width : 1600px) {

header {

  width: 1580px;
  font-size: 5.2em;
  line-height: 84px;  
}

#diapo-img  {
 
  width: 1500px;
  height: 1042px;
}

.ico1 {

  width: 38px;
  height: 38px;
}

.ico2 {

  width: 38px;
  height: 38px;
}

#tabfram  {
  
  width: 1500px;
  height: 1042px;
}

nav {

  line-height: 1.3em;
  font-size: 1.3em;
  width: 1588px;
}

ul {

 width: 1274px; 
 padding: 9px; 
}

.pub-top {
  
  width: 568px;
}

.contenu  {

  font-size: 1.1em;
  width: 1580px;
  line-height: 24px;
}

footer {

  font-size: 1.1em;
  width: 1590px;
}

a { 
  
  font-size: 1.1em; 
}
}
@media only screen and (color) 

and (min-width : 1680px) {

header {

  width: 1660px;
  font-size: 5.2em;
  line-height: 84px;
}

#diapo-img  {
 
  width: 1620px;
  height: 1125px;
}

.ico1 {

  width: 38px;
  height: 38px;
}

.ico2 {

  width: 38px;
  height: 38px;
}

#tabfram  {
  
  width: 1620px;
  height: 1125px;
}

nav {

  line-height: 1.3em;
  font-size: 1.3em;
  width: 1668px;
}

ul {

 width: 1274px; 
 padding: 9px; 
}

.pub-top {
  
  width: 568px;
}

.contenu  {

  font-size: 1.1em;
  width: 1560px;
  line-height: 24px;
}


footer {

  font-size: 1.1em;
  width: 1670px;
}

a { 
  
  font-size: 1.1em; 
}
}
@media only screen and (color) 

and (min-width : 1920px) {

header {

  width: 1900px;
  font-size: 5.2em;
  line-height: 84px; 
}

#diapo-img  {
 
  width: 1800px;
  height: 1250px;
}

.ico1 {

  width: 38px;
  height: 38px;
}

.ico2 {

  width: 38px;
  height: 38px;
}

#tabfram  {
  
  width: 1800px;
  height: 1250px;
}

nav {

  line-height: 1.3em;
  font-size: 1.3em;
  width: 1908px;
}

ul {

 width: 1474px; 
 padding: 9px; 
}


.pub-top {
  
  width: 568px;
}

.contenu  {

  font-size: 1.1em;
  width: 1900px;
  line-height: 24px;
}


footer {

  font-size: 1.1em;
  width: 1910px;

}

a { 
  
  font-size: 1.1em; 
}
}
@media only screen and (color) 

and (min-width : 2048px) {

header {

  width: 2028px;
  font-size: 5.2em;
  line-height: 84px;
}

#diapo-img  {
 
  width: 1800px;
  height: 1250px;
}

.ico1 {

  width: 38px;
  height: 38px;
}

.ico2 {

  width: 38px;
  height: 38px;
}

#tabfram  {
  
  width: 1800px;
  height: 1250px;
}

nav {

  line-height: 1.3em;
  font-size: 1.3em;
  width: 2036px;
}

ul {

 width: 1474px; 
 padding: 9px; 
}

.pub-top {
  
  width: 568px;
}

.contenu  {

  font-size: 1.1em;
  width: 2028px;
  line-height: 24px;
}

footer {

  font-size: 1.1em;
  width: 2038px;
}

a { 
  
  font-size: 1.1em; 
}
}