<!--
 

body {  

  margin-top:16px; 
  margin-bottom:30px;
  border: 4px solid #000;
  font-family: jura-demibold; 
  background-color: #666;
  border-radius: 8px;
  position: relative;
  width: 1000px;
  height: 100%;
  margin-left: auto;
  margin-right:auto;  }    




nav {

   background-color: #fff;  }   



section {

   background-color: #fff;  }


article {

   background-color: #fff;  }



.tailleico {
   
   position: relative;
   top: -6px;
   left: 10px;
   font-size:28px;
   width: 90px;
   height: 36px; }


.boutonmenu  { 

   position:relative;
   left: 6px;
   margin: 0px;
   border: 1px solid #000;
   z-index:3;
   cursor: pointer;
   border-radius: 72px; }

#boxmenu {  

   position:relative;
   top: 10px;
   left: 6px;
   width:90%;
   height:622px;
   z-index:4;
   margin-top: 8px;
   display: none;
   letter-spacing: 3px;
   text-shadow: 1px 1px 2px #666;
   border: 1px solid #666;
   box-shadow: 1px 3px 12px #000;
   background-color: #fff;  }


.boutoncroix  {

   position: absolute;
   top:-1%;   
   left: 99%;
   width:22px;
   height:22px;
   z-index:4;   
   border-radius: 18px;  }










a.musicbox1  {
   text-decoration: none;
   background-color: #000; }


.musicbox1  {

   position: absolute;
   top: 6px;
   left: 4px;
   padding:6px; 
   width: 88%;
   height: auto;
   font-size: 1.3em; 
   border: 1px solid #C0C0C0;
   border-radius: 8px;
   color: #fff;
   letter-spacing: 5px;
   font-weight: bold; }


a.musicsubbox1  {
   text-decoration: none;
   background-color: #fff; }


a.musicsubbox1:hover  {

   text-decoration: none;
   color:#000;
   background-color: #cc0000;
   box-shadow: 2px 2px 2px #000; }


.musicsubbox1  {

   position: absolute;
   top: 50px;
   left: 20px;
   padding:2px; 
   width: 85%;
   height: auto;
   font-size: 1.4em; 
   border: 1px solid #000;
   border-radius:  6px;
   color: #000; }

.musicsubbox2  {
   text-decoration: none;
   background-color: #fff; }


a.musicsubbox2:hover  {

   text-decoration: none;
   color:#000;
   background-color: #cc0000;
   box-shadow: 2px 2px 2px #000; }

.musicsubbox2  {

   position: absolute;
   top: 86px;
   left: 20px;
   padding:2px; 
   width: 85%;
   height: auto;
   font-size: 1.4em; 
   border: 1px solid #000;
   border-radius:  6px;
   color: #000; }

.musicsubbox3  {
   text-decoration: none;
   background-color: #fff; }


a.musicsubbox3:hover  {

   text-decoration: none;
   color:#000;
   background-color: #cc0000;
   box-shadow: 2px 2px 2px #000; }


.musicsubbox3  {

   position: absolute;
   top: 122px;
   left: 20px;
   padding:2px; 
   width: 85%;
   height: auto;
   font-size: 1.4em; 
   border: 1px solid #000;
   border-radius:  6px;
   color: #000; }


a.filmbox1  {
   text-decoration: none;
   background-color: #000; }

.filmbox1  {

   position: absolute;
   top: 160px;
   left: 4px;
   padding:6px; 
   width: 88%;
   height: auto;
   font-size: 1.3em; 
   border: 1px solid #C0C0C0;
   border-radius: 8px;
   color: #fff;
   letter-spacing: 5px;
   font-weight: bold;
   border-radius: 8px; }

a.filmsubbox1  {
   text-decoration: none;
   background-color: #fff; }


a.filmsubbox1:hover  {

   text-decoration: none;
   color:#000;
   background-color: #cc0000;
   box-shadow: 2px 2px 2px #000; }


.filmsubbox1  {

   position: absolute;
   top: 204px;
   left: 20px;
   padding:2px; 
   width: 85%;
   height: auto;
   font-size: 1.4em; 
   border: 1px solid #000;
   border-radius:  6px;
   color: #000; }

a.filmsubbox2  {
   text-decoration: none;
   background-color: #fff; }


a.filmsubbox2:hover  {

   text-decoration: none;
   color:#000;
   background-color: #cc0000;
   box-shadow: 2px 2px 2px #000; }


.filmsubbox2  {

   position: absolute;
   top: 240px;
   left: 20px;
   padding:2px; 
   width: 85%;
   height: auto;
   font-size: 1.4em; 
   border: 1px solid #000;
   border-radius:  6px;
   color: #000; }

a.filmsubbox3  {
   text-decoration: none;
   background-color: #fff; }



a.filmsubbox3:hover  {

   text-decoration: none;
   color:#000;
   background-color: #cc0000;
   box-shadow: 2px 2px 2px #000; }

.filmsubbox3  {

   position: absolute;
   top: 276px;
   left: 20px;
   padding:2px; 
   width: 85%;
   height: auto;
   font-size: 1.4em; 
   border: 1px solid #000;
   border-radius:  6px;
   color: #000; }


a.tvbox1  {
   text-decoration: none;
   background-color: #000; }

.tvbox1  {

   position: absolute;
   top: 314px;
   left: 4px;
   padding:6px; 
   width: 88%;
   height: auto;
   font-size: 1.3em; 
   border: 1px solid #C0C0C0;
   color: #fff; 
   letter-spacing: 5px;
   font-weight: bold;
   border-radius: 8px; }


a.tvsubbox1  {
   text-decoration: none;
   background-color: #fff; }


a.tvsubbox1:hover  {

   text-decoration: none;
   color:#000;
   background-color: #cc0000;
   box-shadow: 2px 2px 2px #000; }


.tvsubbox1  {

   position: absolute;
   top: 358px;
   left: 20px;
   padding:2px; 
   width: 85%;
   height: auto;
   font-size: 1.4em; 
   border: 1px solid #000;
   border-radius: 6px;
   color: #000; }


a.tvsubbox2  {
   text-decoration: none;
   background-color: #fff; }


a.tvsubbox2:hover  {

   text-decoration: none;
   color:#000;
   background-color: #cc0000;
   box-shadow: 2px 2px 2px #000; }


.tvsubbox2  {

   position: absolute;
   top: 394px;
   left: 20px;
   padding:2px; 
   width: 85%;
   height: auto;
   font-size: 1.4em; 
   border: 1px solid #000;
   border-radius: 6px;
   color: #000; }

a.tvsubbox3  {
   text-decoration: none;
   background-color: #fff; }


a.tvsubbox3:hover  {

   text-decoration: none;
   color:#000;
   background-color: #cc0000;
   box-shadow: 2px 2px 2px #000; }


.tvsubbox3  {

   position: absolute;
   top: 430px;
   left: 20px;
   padding:2px; 
   width: 85%;
   height: auto;
   font-size: 1.4em; 
   border: 1px solid #000;
   border-radius: 6px;
   color: #000; }






a.bdbox1  {
   text-decoration: none;
   background-color: #000; }


.bdbox1  {

   position: absolute;
   top: 468px;
   left: 4px;
   padding:6px; 
   width: 88%;
   height: auto;
   font-size: 1.3em; 
   border: 1px solid #C0C0C0;
   color: #fff; 
   letter-spacing: 5px;
   font-weight: bold;
   border-radius: 8px; }


a.bdsubbox1  {
   text-decoration: none;
   background-color: #fff; }


a.bdsubbox1:hover  {

   text-decoration: none;
   color:#000;
   background-color: #cc0000;
   box-shadow: 2px 2px 2px #000; }

.bdsubbox1  {

   position: absolute;
   top: 512px;
   left: 20px;
   padding:2px; 
   width: 85%;
   height: auto;
   font-size: 1.4em; 
   border: 1px solid #000;
   border-radius:  6px;
   color: #000; }

a.bdsubbox2  {
   text-decoration: none;
   background-color: #fff; }


a.bdsubbox2:hover  {

   text-decoration: none;
   color:#000;
   background-color: #cc0000;
   box-shadow: 2px 2px 2px #000; }

.bdsubbox2  {

   position: absolute;
   top: 548px;
   left: 20px;
   padding:2px; 
   width: 85%;
   height: auto;
   font-size: 1.4em; 
   border: 1px solid #000;
   border-radius:  6px;
   color: #000; }

a.bdsubbox3  {
   text-decoration: none;
   background-color: #fff; }


a.bdsubbox3:hover  {

   text-decoration: none;
   color:#000;
   background-color: #cc0000;
   box-shadow: 2px 2px 2px #000; }

.bdsubbox3  {

   position: absolute;
   top: 584px;
   left: 20px;
   padding:2px; 
   width: 85%;
   height: auto;
   font-size: 1.4em; 
   border: 1px solid #000;
   border-radius:  6px;
   color: #000; }






/*SLIDER HAUT ECRAN*/


.rspvimage {
   
   position: relative;
   list-style: none;
   overflow: hidden;
   width: 100%;
   padding:0;
   margin: 0;  }

.rspvimage  li {
   
  -webkit-backface-visibility: hidden;
   position: absolute;
   display: none;
   width: 100%;
   left: 0;
   top: 0;  }

.rspvimage  li:first-child {
   
   position: relative;
   display: block;
   float: left;  }


.rspvimage  img {

   display: block;
   height: auto;
   float: left;
   width: 100%;
   border: 0;  }


img { border: none; }


.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: 18px; }

.titre1 { font-size: 24px; }

.titre2 { font-size: 16px; 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; }

.lettrage12  {  font-size: 12px; padding: 8px; }

.titre6 { font-weight: bolder; }

/* Titre Année Blog-Machine*/

.titre7 { 

font-size: 36px; line-height: 1.0em; text-align: left; padding: 4px; }

#lettre  { padding: 4px; font-size: 12px; }

h2  { padding-left: 4px; }

.tab-fram  {
 
  margin: 0px;
  vertical-align: top;
  background-color:#000;
  text-align: center; 
  collapse: no-collapse;
  font-size: 12px;
  color:#fff;
  padding: 4px;   }

a.lien-picto  {

  color: #fff;
  font-size: 12px;  }


a.lien-picto:hover  {

  color: #ff3333;
  text-decoration: none;  }



/*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  { 

  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;
  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; }



/*logo TERMINAL-MEDIA en haut de page*/

.logo {  

   position:absolute;
   top:10px;
   left: 10px; }


.txt-defile {
 
   position: absolute;
   top: 12px;
   left: 800px;
   width:196px;
   height:70px;
   background-color:#333;
   border-width:thin;
   border-color:#000000;
   border-style:solid;	}



.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-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;}



/*BOUTON BLOG-MACHINE sur toutes les pages*/

.blog { 
 
   position:absolute;
   top: 470px;
   left: 4px;
   width: 160px;
   height: 40px;
   z-index: 2;  }

.blogtext {

   position:absolute;
   top:482px; 
   left:22px;
   width: 140px;
   height: 40px;
   font-family: antoniobold;
   font-size: 16px; 
   letter-spacing: 3px; 
   z-index: 3;  }

.eyeshot { 
 
   position:absolute;
   top: 526px;
   left: 20px;
   width: 130px;
   height: 24px;
   z-index: 2; }


.eyetext {

   position:absolute;
   top:533px; 
   left:34px;
   width: 110px;
   height: 20px;
   font-size: 14px;
   font-family: antoniobold; 
   letter-spacing: 5px; 
   z-index: 3;    }


.broadcast { 

   position:absolute;
   top:556px;
   left: 20px;
   width: 130px;
   height: 24px;
   z-index: 2; }

.broadcastext {

   position:absolute;
   top:563px; 
   left:32px;
   width: 110px;
   height: 20px;
   font-family: antoniobold;
   font-size: 14px; 
   letter-spacing: 5px; 
   z-index: 3;   }


/*BOUTONS fil RSS/XML sur toutes les pages*/



.rss { 

   position:absolute;
   top:624px;
   left: 20px;
   width: 126px;
   height: 20px;
   z-index: 4;
   padding: 0px;
   border: solid 0px #fff; }


 
.selection-site { text-align:left; } 
.selection-video { text-align:left; } 
.canalcolor { text-align:left; }




/* 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: #ff0000; 
   text-decoration:none;
   font-size:18px;
   letter-spacing:2px; }


a:hover.liens_titre { color: #FFF; }



a.liens-clip {  color: #000; 
                text-decoration:none; }


a:hover.liens-clip { color: #FFF; }



a:visited.liens-clip {  color:#000;
             text-decoration:line-through; }




a:active.liens-clip {   color: #000;
             text-decoration:underline overline; }


a.liens-blog {  

   color: #ff0000; 
   text-decoration:none;
   font-size:18px;
   letter-spacing:2px; }


a:hover.liens-blog { color: #000; }

a:visited.liens-blog {  color:#cc0000; }

a:active.liens-blog {   color: #000;  text-decoration:none; }


a {  color: #ff0000;  text-decoration:none; }

a:hover { color: #666; }



a:active {   color: #ff0000; text-decoration:none; }



a.box { color: #fff;  font-size: 1.em; text-decoration:none; }

a:visited.box {  color:#ccc; }

a.box:hover { color:#000;  }

a:active.box { color: #000; }




.rss:a {  z-index: 5  }

.rss:hover { border: 2px solid #ff0000; z-index: 5; position: absolute; top: 622px ; left: 18px ;}





.boxsite { font-family: antoniobold; font-style: italic; font-size: 18px; letter-spacing: 3px; z-index: 5;  }

.boxvid { font-family: antoniobold; font-style: italic; font-size: 18px; letter-spacing: 3px; z-index: 5;  }


.site1  {

position: absolute; 
top:168px; 
left:28px;
z-index: 5; 
width: 144px;
height: 30px; }


.site2  {

position: absolute; 
top:202px; 
left:28px;
z-index: 5; 
width: 144px;
height: 30px;  }


.site3  {

position: absolute; 
top:236px; 
left:28px; 
z-index: 5;
width: 144px;
height: 30px;  }

.site4  {

position: absolute; 
top:270px; 
left:28px; 
z-index: 5;
width: 144px;
height: 30px;   }

.site5  {

position: absolute; 
top:302px; 
left:28px; 
z-index: 5;
width: 144px;
height: 30px;  }


.site6  {

position: absolute; 
top:336px; 
left:28px; 
z-index: 5;
width: 144px;;
height: 30px;  }

.site7  {

position: absolute; 
top:370px; 
left:28px; 
z-index: 5;
width: 144px;
height: 30px;  }

.site8  {

position: absolute; 
top:404px; 
left:28px; 
z-index: 5;
width: 144px;
height: 30px;  }


.vid1  {

position: absolute; 
top:176px; 
left:862px; 
z-index: 5;
width: 144px;
height: 30px;  }

.vid2  {

position: absolute; 
top:210px; 
left:862px; 
z-index: 5;
width: 144px;
height: 30px;  }


.vid3  {

position: absolute; 
top:242px; 
left:862px; 
z-index: 5;
width: 144px;
height: 30px;  }


.vid4  {

position: absolute; 
top:274px; 
left:862px; 
z-index: 5;
width: 144px;;
height: 30px;  }


.vid5  {

position: absolute; 
top:306px; 
left:862px; 
z-index: 5;
width: 144px;
height: 30px;  }


.vid6  {

position: absolute; 
top:338px; 
left:862px; 
z-index: 5;
width: 144px;
height: 30px;  }


.vid7  {

position: absolute; 
top:372px; 
left:862px; 
z-index: 5;
width: 144px;
height: 30px;  }


.vid8  {

position: absolute; 
top:405px; 
left:862px; 
z-index: 5;
width: 144px;
height: 30px;  }

.vid9  {

position: absolute; 
top:438px; 
left:862px; 
z-index: 5;
width: 144px;
height: 30px;  }


#tailleMois  {

  font-size:22px;
  width: 80px;
  height: 26px;
  position: absolute;
  top: 60px;
  left: 202px;
}


#tailleArticle  {

  font-size:22px;
   width: 80px;
  height: 26px;
  position: absolute;
  top: 300px;
  left: 76px;
}


/*Boite noire de navigation en header*/

.menu-titre {
 
  font-size:15px;
  background-color:#000;          
  left: 0px;
  top: 96px;
  width: 1000px;
  height: auto;
  z-index:3;
  padding-top: 2px;
  padding-bottom: 2px;
  word-spacing: 14px; }



.creative { 

  background-image:url(http://www.terminal-media.fr/interface/cc.jpg);
 position: absolute;
  top: 790px;	        
  left: 860px;
  z-index:5;
  width: 120px;
  height: 53px; }


/*Fond gris dégradé coté gauche*/

.degrad-gauche { 

  background-image:url(http://www.terminal-media.fr/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(http://www.terminal-media.fr/interface/images_de_fond_droit.jpg);              
  top:88px;	       
  left: 840px;
  width: 160px;
  height: 672px;
  z-index: 1;
  background-repeat:no-repeat;}

.img-fond { 

  background-color: #fff;}


/*Tableau principal dans section et article au centre de l'ecran */


.tableau-index { 

  position: relative;
  top: 100px;                       
  left: 167px;
  height: 650px;
  line-height: 1.6em; 
  font-size: 14px;
  background-color:#fff;
  font-family: jura-demibold;
  text-align: left;
  Z-index: 0;  }


.tableau-centre-blog { 

  top: 108px;                       
  left: 174px;
  height: 650px;
  line-height: 1.6em; 
  font-size: 14px;
  background-color:#fff;
  font-family: jura-demibold;
  text-align: left;
  Z-index: 0;  }

.tableau-centre-blog td  { 

  padding: 8px;  }



/* Tableau des objets du haut contenant le logo, la pub et texte defilant */

.tableau-centre-haut { 

  position:absolute;
  background-image:url(http://www.terminal-media.fr/interface/images_de_fond.jpg);
  top:-4px;
  left: 0px;
  width: 1000px;
  background-color:#fff;
  padding-bottom: 168px;
  background-repeat:no-repeat;}





/* Texte Selection des meilleurs sites dans le cadre de gauche*/

.selection-site { 

  position:absolute;
  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;
  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:16px;
  left: 210px;
  width: 568px;
  height: 60px;
  border: 1px solid #000;
  background-color: #000;  }


/*Encart pub analogic vs digital cote droit*/

.pub-digital-droite { 

  position:absolute;
  top:460px;
  left: 846px;
  width: 150px;
  height: 300px;
  background-image:url(http://www.terminal-media.fr/interface/pub-droite.gif);              
  z-index: 3; 
  background-repeat:no-repeat;    }

.pub45  {

  position:absolute;
  background-image:url(http://www.terminal-media.fr/interface/eye.jpg);              
  top:660px;	       
  left: 10px;
  width:150px;
  height: 113px; 
  z-index: 2;
  background-repeat:no-repeat;}


/*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;   }




.canal-cell  {

  color:000; 
  font-style:italic;
  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: 5px; }


.blog-texte2 { 

position: relative;
top: 76px;	
left: 1%;
width: 98%;  
text-align: justify; }

.chapitre {  padding :1px; }

.tableau-2013-blog  {

  position: absolute;
  top: 100px;
  left: 328px;
  background-color:#fff;
  width: 670px;
  height: 626px; 
  text-align: justify; }


.chaine-fram-horizontal   {
  
  position:absolute;
  top:650px;
  left:178px;
  width: 650px;
  height: 116px;    }

.chaine-fram-vertical   {
  
  position:absolute;
  top:240px;
  left:710px;
  width: 124px;
  height: 406px;    }


#topic-gauche {

  position:absolute;
  top:30px;
  left:0px;  }

#topic-droit {

  position:absolute;
  top:30px;
  left:0px;  }





@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/jjura-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;   }













.boutonoutils  { 

   position:relative;
   max-width:100%;
   height:auto;
   margin: 3px;
   border: 1px solid #000;
   z-index:3;
   cursor: pointer; }





#boitemenu {  

   position: relative;
   top: -130px;
   left: 6px;
   width:100%;
   height:auto;
   z-index:4;
   padding: 8px;
   margin: 4px;  }










#boitemenu {   

   position:relative;
   width:auto;
   height:62px;
   z-index:1;
   padding: 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: #cccccc;  }



.montre {   

   position:absolute;
   top: 32px;  }
























@media only screen and (color) 
and (min-width : 1024px) {

body {width:1000px; }

.tableau-centre-haut { width: 1000px; }

#boitemenu {  

   top: 120px;
   left: 176px;  }



.tableau-centre-blog { 

  top: 170px;                        
  left: 170px;
  width: 670px;
  padding: 10px;
  text-align: left;  }

.tableau-centre-haut { width:1000px; }

.framescrl {

   width: 670px;  }


.menu-titre  { width:1000px; height: auto; text-align: center; }
}





@media only screen and (color) 
and (max-width : 980px) {

body {width:980px; }


#boitemenu {  

   top: 120px;
   left: 6px;  }

.tableau-centre-haut { width: 980px; }


.framescrl {
   width: 100%;  }


.tableau-centre-blog { 

  top: 170px;                        
  left: 0px;
  width: 980px;
  height: 100%;
  
  text-align: left;  }

.tableau-centre-haut { width:980px; }




.framescrl {

   width: 980px;  }

.menu-titre  {display:block; width:980px; height: auto; text-align: center; }

.menu-gauche {display:none; }
.menu-droit  {display:none; }
.degrad-droit {display:none; }
.degrad-gauche  {display:none; }
.audio  {display:none; }
.rss {display:none; }
.pub_terminal_haut  {display:block; }
.blog  {display:none; }
.selection-site  {display:none; }
.selection-video  {display:none; }
.broadcast  {display:none; }
.txt-defile  {display:none; }
.pub45  {display:none; }
.pub-digital-droite  {display:none; }
.img-fond  {display:none; }
.chaine-fram-horizontal {display:none; }
.chaine-fram-vertical {display:none; }
.boxvid { display:none; }
.boxsite { display:none; }
.broadcastext {display:none; }
.eyetext {display:none; }
.eyeshot {display:none; }
.blogtext   {display:none; }
}






@media only screen and (color) 
and (max-width : 966px) {

body {width:966px; }

#boitemenu {  

   top: 120px;
   left: 6px;  }


.framescrl {

   width: 100%;  }


.tableau-centre-haut { width: 966px; }

.tableau-centre-blog { 

  top: 170px;                       
  left: 0px;
  width: 966px;
  height: 100%;
  padding: 10px;
  text-align: left;  }

.tableau-centre-haut { width:966px; }


.menu-titre  {display:block; width:966px; height: auto; text-align: center; }

.menu-gauche {display:none; }
.menu-droit  {display:none; }
.degrad-droit {display:none; }
.degrad-gauche  {display:none; }
.audio  {display:none; }
.rss {display:none; }
.pub_terminal_haut  {display:block; }
.blog  {display:none; }
.selection-site  {display:none; }
.selection-video  {display:none; }
.broadcast  {display:none; }
.pub45  {display:none; }
.txt-defile  {display:none; }
.pub-digital-droite  {display:none; }
.img-fond  {display:none; }
.chaine-fram-horizontal {display:none; }
.chaine-fram-vertical {display:none; }
.broadcastext {display:none; }
.eyetext {display:none; }
.blogtext {display:none; }
}






@media only screen and (color) 
and (max-width : 962px) {

body {width:962px; }

#boitemenu {  

   top: 120px;
   left: 6px;  }

.tableau-centre-haut { width: 962px; }

.tableau-centre-blog { 

  top: 170px;                       
  left: 0px;
  width: 962px;
  height: 100%;
  padding: 10px;
  text-align: left;  }

.tableau-centre-haut { width:962px; }

.framescrl {

   width: 100%;  }

.menu-titre  {display:block; width:962px; height: auto; text-align: center; }


}



@media only screen and (color) 
and (max-width : 960px) {

body {width:960px; }

#boitemenu {  

   top: 120px;
   left: 6px;  }

.tableau-centre-haut { width: 960px; }

.tableau-centre-blog { 

  top: 170px;                       
  left: 0px;
  width: 960px;
  height: 100%;
  padding: 10px;
  text-align: left;  }

.tableau-centre-haut { width:960px; }

.framescrl {

   width: 100%;  }

.menu-titre  {display:block; width:960px; height: auto; text-align: center; }
}




@media only screen and (color) 
and (max-width : 950px) {

body {width:950px; }

#boitemenu {  

   top: 120px;
   left: 6px;  }

.tableau-centre-haut { width: 950px; }

.tableau-centre-blog { 

  top: 170px;                       
  left: 0px;
  width: 950px;
  height: 100%;
  padding: 10px;
  text-align: left;  }

.tableau-centre-haut { width:960px; }

.framescrl {

   width: 100%;  }

.menu-titre  {display:block; width:950px; height: auto; text-align: center; }
}




@media only screen and (color) 
and (max-width : 900px) {

body {width:900px; }

#boitemenu {  

   top: 120px;
   left: 6px;  }

.tableau-centre-haut { width: 900px; }

.tableau-centre-blog { 

  top: 170px;                        
  left: 0px;
  width: 900px;
  height: 100%;
  padding: 10px;
  text-align: left;  }

.tableau-centre-haut { width:900px; }

.framescrl {

   width: 100%;  }

.menu-titre  {display:block; width:900px; height: auto; text-align: center; }


}






@media only screen and (color) 
and (max-width : 854px) {

body {width:854px; }

#boitemenu {  

   top: 120px;
   left: 6px;  }

.tableau-centre-haut { width: 854px; }

.tableau-centre-blog { 

  top: 170px;                        
  left: 0px;
  width: 854px;
  height: 100%;
  padding: 10px;
  text-align: left;  }

.tableau-centre-haut { width:854px; }


.framescrl {

   width: 100%;  }

.menu-titre  {display:block; width:854px; height: auto; text-align: center; }


.pub_terminal_haut  {display:block; }

}









@media only screen and (color) 
and (max-width : 800px) {

body {width:800px; }

#boitemenu {  

   top: 120px;
   left: 6px;  }

.tableau-centre-haut { width: 800px; }

.framescrl {

   width: 100%;  }

.tableau-centre-blog { 

  top: 170px;                       
  left: 0px;
  width: 800px;
  height: 100%;
  padding: 10px;
  text-align: left;  }

.tableau-centre-haut { width:800px; }


.menu-titre  {display:block; width:800px; height: auto; text-align: center; }


}



@media only screen and (color) 
and (max-width : 768px) {

body {width:768px; }

#boitemenu {  

   top: 120px;
   left: 6px;  }

.tableau-centre-haut { width: 768px; }

.framescrl {

   width: 100%;  }

.tableau-centre-blog { 

  top: 170px;                        
  left: 0px;
  width: 768px;
  height: 100%;
  padding: 10px;
  text-align: left;  }

.tableau-centre-haut { width:768px; }


.menu-titre  {display:block; width:768px; height: auto; text-align: center; }

.pub_terminal_haut  {display:block; width:508px; height: 60px;}

}



@media only screen and (color) 
and (max-width : 753px) {

body {width:753px; }

#boitemenu {  

   top: 120px;
   left: 6px;  }

.tableau-centre-haut { width: 753px; }

.framescrl {

   width: 100%;  }

.tableau-centre-blog { 

  top: 170px;                        
  left: 0px;
  width: 753px;
  height: 100%;
  padding: 10px;
  text-align: left;  }

.tableau-centre-haut { width:753px; }


.menu-titre  {display:block; width:753px; height: auto; text-align: center; }


}




@media only screen and (color) 
and (max-width : 736px) {

body {width:736px; }

#boitemenu {  

   top: 120px;
   left: 6px;  }

.tableau-centre-haut { width: 736px; }

.framescrl {

   width: 100%;  }

.tableau-centre-blog { 

  top: 170px;                        
  left: 0px;
  width: 736px;
  height: 100%;
  padding: 10px;
  text-align: left;  }

.tableau-centre-haut { width:736px; }


.menu-titre  {display:block; width:736px; height: auto; text-align: center; }


}







@media only screen and (color) 
and (max-width : 720px) {

body {width:720px; }


#boitemenu {  

   top: 120px;
   left: 6px;  }

.tableau-centre-haut { width: 720px; }

.framescrl {

   width: 100%;  }

.tableau-centre-blog { 

  top: 170px;                       
  left: 0px;
  width: 720px;
  height: 100%;
  padding: 10px;
  text-align: left;  }

.tableau-centre-haut { width:720px; }

.pub_terminal_haut  {display:block; width:480px; height: 56px;}

.menu-titre  {display:block; width:720px; height: auto; text-align: center; }


}








@media only screen and (color) 
and (max-width : 667px) {

body {width:676px; }

#boitemenu {  

   top: 120px;
   left: 6px;  }


.tableau-centre-haut { width: 667px; }

.framescrl {

   width: 100%;  }

.tableau-centre-blog { 

  top: 170px;                        
  left: 0px;
  width: 667px;
  height: 100%;
  padding: 10px;
  text-align: left;  }

.tableau-centre-haut { width:667px; }

.pub_terminal_haut  {display:block; width:440px; height: 54px;}

.menu-titre  {display:block; width:667px; height: auto; text-align: center; }


}





@media only screen and (color) 
and (max-width : 640px) {

body {width:640px; }

#boitemenu {  

   top: 120px;
   left: 0px;  }

.tableau-centre-haut { width: 640px; }

.tableau-centre-blog { 

  top: 170px;                       
  left: 0px;
  width: 640px;
  height: 100%;
  padding: 10px;
  text-align: left;  }

.framescrl {

   width: 100%;  }

.tableau-centre-haut { width:640px; }

.pub_terminal_haut  {display:block; width:420px; height: 52px;}

.menu-titre  {display:block; width:640px; height: auto; text-align: center; }


}






@media only screen and (color) 
and (max-width : 600px) {

body {width:600px; }

#boitemenu {  

   top: 120x;
   left: 0px;  }


.tableau-centre-haut { width: 600px; }

.framescrl {

   width: 100%;  }

.tableau-centre-blog { 

  top: 170px;                       
  left: 0px;
  width: 600px;
  height: 100%;
  padding: 10px;
  text-align: left;  }

.tableau-centre-haut { width: 600px; }

.pub_terminal_haut  {

  display:block; 
  width:380px; 
  height: 52px;
  position: absolute;
  top: 18px;
  left: 200px;  }

.menu-titre  {display:block; width:600px; height: auto; text-align: center; }


}







@media only screen and (color) 
and (max-width : 577px) {

body {width:577px; }

#boitemenu {  

   top: 120px;
   left: 0px;  }


.tableau-centre-haut { width: 577px; }

.framescrl {

   width: 100%;  }

.tableau-centre-blog { 

  top: 170px;                       
  left: 0px;
  width: 577px;
  height: 100%;
  padding: 10px;
  text-align: left;  }

.tableau-centre-haut { width: 577px; }

.pub_terminal_haut  {

  display:block; 
  width: 360px; 
  height: 50px;
  position: absolute;
  top: 18px;
  left: 200px;  }

.menu-titre  {display:block; width:577px; height: auto; text-align: center; }


}








@media only screen and (color) 
and (max-width : 568px) {

body {width:569px; }

.framescrl {

   width: 100%;  }

#boitemenu {  

   top: 120px;
   left: 0px;  }


.tableau-centre-haut { width: 569px; }

.tableau-centre-blog { 

  top: 170px;                       
  left: 0px;
  width: 569px;
  height: 100%;
  padding: 10px;
  text-align: left;  }

.tableau-centre-haut { width: 569px; }




.menu-titre  {display:block; width:569px; height: auto; text-align: center; }


}



@media only screen and (color) 
and (max-width : 569px) {

body {width:569px; }

.framescrl {

   width: 100%;  }


#boitemenu {  

   top: 120px;
   left: 0px;  }


.tableau-centre-haut { width: 569px; }

.tableau-centre-blog { 

  top: 170px;                       
  left: 0px;
  width: 569px;
  height: 100%;
  padding: 10px;
  text-align: left;  }

.tableau-centre-haut { width: 569px; }


.menu-titre  {display:block; width:569px; height: auto; text-align: center; }


}





@media only screen and (color) 
and (max-width : 540px) {

body {width:540px; }

#boitemenu {  

   top: 120px;
   left: 0px;  }


.tableau-centre-haut { width: 540px; }

.framescrl {

   width: 100%;  }

.tableau-centre-blog { 

  top: 170px;                       
  left: 0px;
  width: 540px;
  height: 100%;
  padding: 10px;
  text-align: left;  }

.tableau-centre-haut { width: 540px; }


.pub_terminal_haut  {

  display:block; 
  width:320px; 
  height: 46px;
  position: absolute;
  top: 22px;
  left: 200px;  }


.menu-titre  {display:block; width:540px; height: auto; text-align: center; }


}






@media only screen and (color) 
and (max-width : 533px) {

body {width:533px; }

.framescrl {

   width: 100%;  }

#boitemenu {  

   top: 120px;
   left: 0px;  }


.tableau-centre-haut { width: 533px; }

.tableau-centre-blog { 

  top: 170px;                       
  left: 0px;
  width: 533px;
  height: 100%;
  padding: 10px;
  text-align: left;  }

.tableau-centre-haut { width: 533px; }


.menu-titre  {display:block; width:533px; height: auto; text-align: center; }


}






@media only screen and (color) 

and (max-width : 480px) {

body {width:480px; }

.framescrl {

   width: 100%;  }

#boitemenu {  

   top: 140px;
   left: 0px;  }


.tableau-centre-haut { width: 480px; }

.tableau-centre-blog { 

  top: 186px;                       
  left: 0px;
  width: 480px;
  height: 100%;
  padding: 10px;
  text-align: left;  }

.tableau-centre-haut { width: 480px; padding-bottom: 180px; }

.pub_terminal_haut  {

  display:block; 
  width: 270px; 
  height: 44px;
  position: absolute;
  top: 24px;
  left: 200px;  }

.menu-titre  {display:block; width:480px; height: auto; text-align: center; }


}







@media only screen and (color) 
and (max-width : 424px) {

body {width:424px; }

.framescrl {

   width: 100%;  }

#boitemenu {  

   top: 140px;
   left: 0px;  }


.tableau-centre-haut { width: 424px; }

.tableau-centre-blog { 

  top: 186px;                       
  left: 0px;
  width: 424px;
  height: 100%;
  padding: 10px;
  text-align: left;  }

.tableau-centre-haut { width: 424px; }

.pub_terminal_haut  {

  display:block; 
  width: 210px; 
  height: 42px;  }

.menu-titre  {display:block; width:424px; height: auto; text-align: center; }


}


@media only screen and (color) 
and (max-width : 414px) {

body {width:414px; }

.framescrl {

   width: 100%;  }

#boitemenu {  

   top: 140px;
   left: 0px;  }


.tableau-centre-haut { width: 414px; }

.tableau-centre-blog { 

  top: 186px;                       
  left: 0px;
  width: 414px;
  height: 100%;
  padding: 10px;
  text-align: left;  }

.tableau-centre-haut { width: 414px; }

.pub_terminal_haut  {

  display:block; 
  width: 208px; 
  height: 38px;
  top: 26px;                       
  left: 198px;  }

.menu-titre  {display:block; width:414px; height: auto; text-align: center; }


}





@media only screen and (color) 
and (max-width : 400px) {

body {width:400px; }

.framescrl {

   width: 100%;  }

#boitemenu {  

   top: 140px;
   left: 0px;  }


.tableau-centre-haut { width: 400px; }

.tableau-centre-blog { 

  top: 186px;                       
  left: 0px;
  width: 400px;
  height: 100%;
  padding: 10px;
  text-align: left;  }

.tableau-centre-haut { width: 400px; }


.menu-titre  {display:block; width:400px; height: auto; text-align: center; }

.pub_terminal_haut  {  display:none; }

}






@media only screen and (color) 
and (max-width : 384px) {

body {width:384px; }

.framescrl {

   width: 100%;  }

#boitemenu {  

   top: 140px;
   left: 0px;  }


.tableau-centre-haut { width: 384px; }

.tableau-centre-blog { 

  top: 186px;                       
  left: 0px;
  width: 384px;
  height: 100%;
  padding: 10px;
  text-align: left;  }

.tableau-centre-haut { width: 384px; }


.menu-titre  {display:block; width:384px; height: auto; text-align: center; }


}








@media only screen and (color) 
and (max-width : 375px) {

body {width:375px; }

.framescrl {

   width: 100%;  }

#boitemenu {  

   top: 140px;
   left: 0px;  }


.tableau-centre-haut { width: 375px; }

.tableau-centre-blog { 

  top: 186px;                       
  left: 0px;
  width: 375px;
  height: 100%;
  padding: 10px;
  text-align: left;  }

.tableau-centre-haut { width: 375px; }


.menu-titre  {display:block; width:375px; height: auto; text-align: center; }


}






@media only screen and (color) 
and (max-width : 360px) {

body {width:360px; }

.framescrl {

   width: 100%;  }

#boitemenu {  

   top: 140px;
   left: 0px;  }


.tableau-centre-haut { width: 360px; }

.tableau-centre-blog { 

  top: 186px;                       
  left: 0px;
  width: 360px;
  height: 100%;
  text-align: left;  }

.tableau-centre-haut { width: 360px; }


.menu-titre  {display:block; width:360px; height: auto; text-align: center; }



}






@media only screen and (color) 
and (max-width : 320px) {

body {width:320px; }

.framescrl {

   width: 100%;  }

#boitemenu {  

   top: 140px;
   left: 0px;
   padding: 3px;  }


#tailleArticle  {

  position: absolute;
  top: 52px;
  left:238px;  }

#tailleMois  {

  position: absolute;
  top: 60px;
  left: 204px;  }


.tableau-centre-haut { width: 320px; }

.tableau-centre-blog { 

  top: 186px;                       
  left: 0px;
  width: 320px;
  height: 100%;
  padding: 0px;
  text-align: left;  }

 

.menu-titre  {display:block; width:320px; height: auto; text-align: center; }

.pub_terminal_haut  {display:none; }

}




@media only screen and (color) 
and (max-width : 213px) {

body {width:213px; }

.framescrl {

   width: 100%;  }

#tailleMois  {

  position: absolute;
  top: 84px;
  left: 10px;  }

#tailleArticle  {

  position: absolute;
  top: 52px;
  left: 240px;
}

.titre5  { text-align: left; }

.tableau-centre-haut { height: 580px; } 

#boitemenu {  

   top: 158px;
   left: 0px;
   width: 213px;
   height: 100px;
   margin-left: 0px;
   background-color: #fff;  }

.blog-texte2  { top: 100px;  }

.tableau-centre-haut { width: 213px; height: auto; }

.tableau-centre-blog { 

  top: 234px;                       
  left: 0px;
  width: 213px;
  margin-top: 16px;
  text-align: left; 
  z-index: 1; }

.menu-titre  {display:block; width:213px; height: auto; text-align: center; padding: 0px; }

.menu-gauche {display:none; }
.menu-droit  {display:none; }
.degrad-droit {display:none; }
.degrad-gauche  {display:none; }
.audio  {display:none; }
.rss {display:none; }
.pub_terminal_haut  {display:none; }
.blog  {display:none; }
.selection-site  {display:none; }
.selection-video  {display:none; }
.broadcast  {display:none; }
.txt-defile  {display:none; }
.pub-digital-droite  {display:none; }
.img-fond  {display:none; }
.chaine-fram-horizontal {display:none; }
.chaine-fram-vertical {display:none; }
.pub45  {display:none; }
}