body {  

  margin-top:0px; 
  margin-bottom:30px;
  font-family: jura-demibold;
  font-size:24px; 
  background-color: #fff;
  position: relative;
  width: 1000px;
  height: 100%;
  margin-left: auto;
  margin-right:auto;  }

.titre-music { font-size: 28px; 
               font-weight: bold;  }

.titre2 { 
          font-size: 24px;
	  padding-left: 1%;
	  padding-right: 1%; 
          text-align: justify; }


.titre6 { font-size: 40px; 
          text-align: left; 
          line-height:50px; 
          letter-spacing: 7px;  }

.titre7 { font-size: 55px; 
	  line-height: 65px; 
          text-align: left; 
          letter-spacing: 4px; }


.canal-cell  { 
  
  background-color: #335599;
  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; }

.logo { 
 
   display: none;
   position: absolute;
   top:10px;
   left: 10px; 
   width:180px;
   height:66px;    }

.txt-defile {
 
   position: absolute;
   top: 10px;
   width:194px;
   height:78px;
   left: 799px;
   background-color:#fff;
   color:#000;  }


.son-chris { position: absolute; 
             top: 52px; 
             left: 2px; 
             z-index: 1; 
             width: 120px; 
             height: 30px;
             color: #FFFFFF;
             background-color: #335599;  }



.tableau-centre-haut { 

  position:absolute;
  background-image:url(../interface/images_de_fond.jpg);
  top:0px;
  left: 0px;
  width: 100%;
  background-color:#fff;
  padding-bottom: 168px;
  background-repeat:no-repeat;}


.pub_terminal_haut { 

  position:absolute;
  top:14px;
  left:14px;
  width: 568px;
  height: 64px;
  border: 1px solid #000;
  background-color: #000;  }

.boutonmenu  { 

   position:relative;
   left:-2px;
   max-width:100%;
   height:auto;
   margin: 2px;
   border: 2px solid #000;
   z-index:3;
   cursor: pointer;
   background-color: #fff;
   border-radius: 2px; }

#boxmenu {  

   position:relative;
   top: 130px;
   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: #335599;  }

#imprimico {

   position: relative;
   top: -46%;
   left: -2px;  }

#moteur {  

   position:absolute;
   top: 208px;
   left: 180px;
   width:300px;
   height:34px;
   margin-top: 5px;
   margin-bottom: 5px;
   z-index:4;
   display: none; 
   border: 2px solid #000;
   background-color: #c0c0c0;  }

input {

   position:absolute;
   top: 1px;
   left: 31px;
   width: 226px;
   height: 24px;
   z-index: 2;  }

.boutonok  {

   position:absolute;
   top: 2px;
   left: -2px;
   width: 28px;
   height: 28px;
   z-index: 2;
   border: 1px solid #333;  }

.boutoncroix3  {

   position:absolute;
   top:1px;   
   left: 275px;
   width:22px;
   height:22px;
   z-index:4;  
   border: 2px solid #fff; 
   border-radius: 2px;  }

#boitemenu {  

   position:relative;
   top: 127px;
   left: 170px;
   width:100%;
   height:100%;
   z-index:4;
   padding: 8px;
   margin: 4px;  }


.cellule-blog { 

  font-size : 20px; 
  height: 16px; 
  text-shadow: 3px 3px 4px #ffffff;
  background: -moz-linear-gradient(top, #ffffff, #335599);
  background: -ms-linear-gradient(top, #ffffff, #335599);
  background: -o-linear-gradient(top, #ffffff, #335599);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#335599));  
  padding-bottom: 4px;
  padding-left: 8px;   
  background-color: #cc0000;
  vertical-align: top;
  text-align: left;
  color: #000000;
  letter-spacing:6px;  }


@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;    }




.menu-titre {

  position:absolute; 
  text-align: center;
  font-size:24px;
  background-color:#335599;          
  left: 0px;
  top: 100px;
  width: 1000px;
  height: auto;
  z-index:1;
  font-weight: bold;
  padding-top: 4px;
  padding-bottom: 4px;
  color: #000;
  word-spacing: 11px; }

.canal-cell  {

  color:000; 
  font-style:italic;
  background: -moz-linear-gradient(top, #ffffff, #335599);
  background: -ms-linear-gradient(top, #ffffff, #335599);
  background: -o-linear-gradient(top, #ffffff, #335599);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#335599));  }




.contact { 
	   position: absolute; 
           top: 30px; 
           left: 600px;
	   width: 45px;
           height : 26px;
           z-index: 1;     }

.france-map { position: absolute; 
              top: 10px; 
              left: 727px;
	      width: 66px;
              height : 66px;
              z-index: 1;     }

.meteo {   position: absolute; 
           top: 8px; 
           left: 650px;
	   width: 80px;
           height : 60px;
           z-index: 1;     }


.montre {

	position: relative;
	top: 28px;	
	left: 1px;  }



.cadre {  position: relative;

   	  width: 100%;
	  top: 0px;
	  left: 0px;
	  height: 660px;  }

.son-chris { position: relative;
	     top: 128px;
             left: 0px;
             background-color: #fff;
	     width: 168px;
	     height: 50px;  }

.tableau-gauche-music   { 

        border-spacing: 6px; 
        border-collapse: collapse; 
	position: absolute;
	top: 200px;
	left: 0px;
        padding: 10px;
        text-align: justify;
	width: 1000px;
	height: auto; }

#boitemenu {  

   position:absolute;
   top: 134px;
   left: 2px;
   width:100%;
   height:100%;
   z-index:4;
   padding: 8px;
   margin: 4px;  }

#date_heure {  
              
	position: absolute;
        top: 148px;
        left: 340px;
        z-index: 3; 
        font-size:20px;
        width: 250px;
        height: 20px;    }

.rspvimage {
   
   position: relative;
   overflow: hidden;
   width: 100%; }



a.liens_titre {  

   color: #000;
   text-decoration:none;
   font-size:27px;
   font-weight: bold;
   letter-spacing:6px;
   word-spacing: 40px;   }


a:hover.liens_titre { 

   color: #fff; 
   text-decoration:none;
   font-size:27px;
   font-weight: bold;
   letter-spacing:6px;
   word-spacing: 40px;   }


a {  color: #000000;  text-decoration:none; font-size:25px; }
a:hover { color: #335599; font-size:25px; text-decoration:underline; }
a:active { color: #c0c0c0; text-decoration:none; font-size:25px;   }

td { padding: 5px; }







@media only screen and (color) 
and (max-width : 1024px) {

body {width:1024px; }

.tableau-centre-haut { width: 1024px; }

#boitemenu {  

   top;120px;
   left: 176px;  }





#date_heure {  
              position: absolute;
	      top: 142px;
              left: 344px;
              z-index: 3; 
              font-size:20px;
              width: 250px;
              height: 20px;    }




.broadcastext {display:none; }
.broadcast {display:none; }

#date_heure { display: block ; }
.meteo { display: block ;left: 654px; }
.contact { display: block; left: 604px; }
.france-map  { display: block; left: 740px;  } 
   
}










@media only screen and (color) 
and (max-width : 966px) {

body {width:966px; }

#boitemenu {  

   top: 134px;
   left: 2px;  }



.tableau-centre-haut { width: 966px; }

.tableau-centre-blog { 

  top: 120px;                       
  left: -10px;
  width: 640px;
  height: 100%;
  padding: 10px;
  text-align: left;  }

.tableau-centre-haut { width:966px; }


.menu-titre  {


              top: 98px;  
              width:966px; 
              height: 24px; 
              text-align: center; }

.menu-gauche {display:none; }
.menu-droit  {display:none; }
.degrad-droit {display:none; }
.degrad-gauche  {display:none; }
.boxvid  {display:none; }
.boxsite {display:none; }
.rss {display:none; }
.pub_terminal_haut  {display:block; }
.blog  {display:none; }
.selection-site  {display:none; }
.selection-video  {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; }
.broadcast  {display:none; }
.eyetext {display:none; }
.eyeshot {display:none; }
.blogtext {display:none; }
.atohm-cercle   {display:none; }
.artistes   {display:none; }
.termo { display: none; }
.img-vision  { display:none ;  }



#date_heure {  
              position: absolute;
	      top: 142px;
              left: 344px;
              z-index: 3; 
              font-size:20px;
              width: 250px;
              height: 20px;    }



audio  {display : block ; }
#date_heure { display: block ; }

.meteo { display: block ;left: 654px; }
.contact { display: block; left: 604px; }
.france-map  { display: block; left: 740px;  }
     
}






@media only screen and (color) 
and (max-width : 962px) {

body {width:100%; }

#boitemenu {  

   top: 138px;
   left: 2px;  }

.tableau-centre-haut { width: 962px; }

.tableau-centre-blog { 

  top: 120px;                       
  left: -10px;
  width: 100%;
  height: 100%;
  padding: 0px;
  text-align: left;  }

.tableau-centre-haut { width:962px; }



.menu-titre  {   display:block; 
                 width:958px; 
                 height: 24px; 
                 top: 98px; 
                 text-align: center; }



#date_heure {  
              position: absolute;
	      top: 142px;
              left: 344px;
              z-index: 3; 
              font-size:20px;
              width: 250px;
              height: 20px;    }



#date_heure { display: block ; }
.termo { display: block ; }

.meteo { display: block ;left: 654px; }
.contact { display: block; left: 604px; }
.france-map  { display: block; left: 740px;  }
     
}



@media only screen and (color) 
and (max-width : 960px) {

body {  width:960px; }

#boitemenu {  

   top: 130px;
   left: 2px;  }

.tableau-centre-haut { width: 960px; }

.tableau-centre-blog { 

  top: 120px;                       
  left: -10px;
  width: 960px;
  height: 100%;
  padding: 10px;
  text-align: left;  }

.tableau-centre-haut { width:960px; }


.menu-titre  {display:block; width:960px; top: 98px;  height: 24px; }



#date_heure {  
              position: absolute;
	      top: 142px;
              left: 344px;
              z-index: 3; 
              font-size:20px;
              width: 250px;
              height: 20px;    }


audio  {display : block; }
#date_heure { display: block ; }
.termo { display: block ; }

.meteo { display: block ;left: 654px; }
.contact { display: block; left: 604px; }
.france-map  { display: block; left: 740px;  }
.img-pub { display:none; }
     
}















@media only screen and (color) 
and (max-width : 950px) {

body {width:950px; }

#boitemenu {  

   top: 132px;
   left: 2px;  }


.tableau-centre-blog { 

  top: 190px;                       
  left: -10px;
  width: 930px;
  height: 100%;
  padding: 10px;
  text-align: left;  }

.tableau-centre-haut { width:950px; }



.menu-titre  {display:block; width:950px; top: 98px; height: auto; }



.images-forces  { display: none;  }

#date_heure {  
              position: absolute;
	      top: 142px;
              left: 344px;
              z-index: 3; 
              font-size:20px;
              width: 250px;
              height: 20px;    }

audio  {display : none ; }
#date_heure { display: block ; }
.termo { display: block ; }

.meteo { display: block ;left: 654px; }
.contact { display: block; left: 604px; }
.france-map  { display: block; left: 740px;  }
.chemins { display:none; }
.img-pub { display:none; }
}


@media only screen and (color) 
and (max-width : 915px) {

body { width:915px; }

#boitemenu {  

   top: 134px;
   left: 2px;  }

.tableau-centre-haut { width:915px; }

.tableau-centre-blog { 

  top: 180px;                        
  left: -10px;
  width:915px;
  height: 100%;
  padding: 4px;
  text-align: left;  }

.tableau-centre-haut { width:900px; }



.menu-titre  {  display:block; 
                top: 98px; 
		width:100%; 
                height: 32px; 
                text-align: center; }

#date_heure {  
              position: absolute;
	      top: 142px;
              left: 344px;
              z-index: 3; 
              font-size:20px;
              width: 250px;
              height: 20px;    }

audio  {display : none ; }
#date_heure { display: block ; }
.termo { display: block ; }

.meteo { display: block ;left: 654px; }
.contact { display: block; left: 604px; }
.france-map  { display: block; left: 740px;  }
.chemins { display: none; }
.img-pub { display:none; }

}




@media only screen and (color) 
and (max-width : 900px) {

body { width:900px; }

#boitemenu {  

   top: 134px;
   left: 2px;  }

.tableau-centre-haut { width:900px; }

.tableau-centre-blog { 

  top: 188px;                        
  left: -10px;
  width: 900px;
  height: 100%;
  padding: 4px;
  text-align: left;  }

.tableau-centre-haut { width:900px; }



.menu-titre  {  display:block; 
                top: 98px; 
		width:100%; 
                height: 32px; 
                text-align: center; }

#date_heure {  
              position: absolute;
	      top: 148px;
              left: 344px;
              z-index: 3; 
              font-size:20px;
              width: 250px;
              height: 20px;    }

audio  {display : none ; }
#date_heure { display: block ; }
.termo { display: block ; }

.meteo { display: block ;left: 654px; }
.contact { display: block; left: 604px; }
.france-map  { display: block; left: 740px;  }
.chemins { display:none; }
.img-pub { display:none; }

}



@media only screen and (color) 
and (max-width : 896px) {

body { width:896px; }

#boitemenu {  

   top: 124px;
   left: 6px;  }

.tableau-centre-haut { width:896px; }

.tableau-centre-blog { 
  top: 136px;                        
  left: 0px;
  width:896px;
  height: 100%;
  text-align: left;  }

.tableau-centre-haut { width:100%; }

.menu-titre  {    display:block;
                  width:100%; 
		  height: 100%; 
		  text-align: center; }


.pub_terminal_haut  {display:block; }


#date_heure { display:  block; 
              position: absolute;
	      top: 130px;
              left: 436px;
              z-index: 3; 
              font-size:20px;
              width: 250px;
              height: 20px;    }


audio  {  display: none;  }
.termo { display: block ; }
.meteo { display: block ;left: 644px; }
.contact { display: block; left: 594px; }
.france-map  { display: block; left: 720px;  }
.chemins { display:none; }
.img-pub { display:none; }
}






@media only screen and (color) 
and (max-width : 883px) {

body { width:883px; }

#boitemenu {  

   top: 125px;
   left: 6px;  }

.tableau-centre-haut { width:100%; }

.tableau-centre-blog { 

  top: 180px;                        
  left: -12px;
  width:100%;
  height: 100%;
  text-align: left;  }

.tableau-centre-haut { width:100%; }

.menu-titre  {    display:block;
                  width:100%; 
		  height: 30px;
		  top: 90px; 
		  text-align: center; }


.pub_terminal_haut  {display:block; }


#date_heure { display:  block; 
              position: absolute;
	      top: 134px;
              left: 350px;
              z-index: 3; 
              font-size:20px;
              width: 250px;
              height: 20px;    }

audio  {display: none; }
#date_heure { display: block ; }
.termo { display: block ; }

.meteo { display: block ;left: 644px; }
.contact { display: block; left: 594px; }
.france-map  { display: block; left: 720px;  }
.chemins { display:none; }
.img-pub { display:none; }
}

@media only screen and (color) 
and (max-width : 854px) {

body { width:854px; }

#boitemenu {  

   top: 150px;
   left: 6px;  }

.tableau-centre-haut { width:100%; }

.tableau-centre-blog { 

  top: 200px;                        
  left: 0px;
  width:100%;
  height: 100%;
  text-align: left;  }

.tableau-centre-haut { width:100%; }

.menu-titre  {    display:block;
                  width:846px; 
		  height: 60px;
		  top: 90px;
                  word-spacing: 8px;
                  font-size: 16px; 
		  text-align: center; }


.pub_terminal_haut  {display:block; }


#date_heure { display:  block; 
              position: absolute;
	      top: 164px;
              left: 350px;
              z-index: 3; 
              font-size:20px;
              width: 250px;
              height: 20px;    }


#menu { position: absolute; left: 598px; }

audio  {display : none ; }
#date_heure { display: block ; }
.termo { display: block ; }

.meteo { display: block ;left: 644px; }
.contact { display: block; left: 594px; }
.france-map  { display: block; left: 720px;  }
.chemins { display:none; }
.img-pub { display:none; }
}

@media only screen and (color) 
and (max-width : 846px) {

body { width:846px; }

#boitemenu {  

   top: 140px;
   left: 6px;  }

.tableau-centre-haut { width:100%; }

.tableau-centre-blog { 

  top: 200px;                        
  left: -9px;
  width:846px;
  height: 100%;
  text-align: left;  }

.tableau-centre-haut { width:100%; }

.menu-titre  {    display:block;
                  width:100%; 
		  height: 40px; 
		  text-align: center; }


.pub_terminal_haut  {display:block; }


#date_heure { display:  block; 
              position: absolute;
	      top: 150px;
              left: 360px;
              z-index: 3; 
              font-size:24px;
              width: 250px;
              height: 20px;    }


audio  {display : none ; }
.termo { display: block ; }

.meteo { display: block ;left: 644px; }
.contact { display: block; left: 594px; }
.france-map  { display: block; left: 720px;  }
.chemins { display:none; }
.img-pub { display:none; }
}


@media only screen and (color) 
and (max-width : 844px) {

body { width:844px; }

#boitemenu {  

   top: 160px;
   left: 6px;  }

.tableau-centre-haut { width:100%; }

.tableau-centre-blog { 

  top: 140px;                        
  left: 0px;
  width:846px;
  height: 30px;
  text-align: left;  }

.tableau-centre-haut { width:100%; }

.menu-titre  {    display:block;
                  width:100%; 
		  height: 60px; 
		  text-align: center; }


.pub_terminal_haut  {display:block; }


#date_heure { display:  block; 
              position: absolute;
	      top: 130px;
              left: 436px;
              z-index: 3; 
              font-size:20px;
              width: 250px;
              height: 20px;    }


audio  {display : none ; }
#date_heure { display: block ; }
.termo { display: block ; }

.meteo { display: block ;left: 644px; }
.contact { display: block; left: 594px; }
.france-map  { display: block; left: 720px;  }
.chemins { display:none; }
.img-pub { display:none; }
}



@media only screen and (color) 
and (max-width : 812px) {

body {width:812px; }

.img-pub { display:none; }

#boitemenu {  

   top: 166px;
   left: 0px;  }


.tableau-centre-blog { 

  top: 226px;                       
  left: -10px;
  width: 812px;
  height: 100%;
  padding:0px;
  text-align: left;  }



.tableau-centre-haut { width:812px; }


.menu-titre  {  display:block; 
                width:812px; 
                top: 100px; 
                height: 60px; 
                text-align: center;     }


#date_heure { display:  block; 
              position: absolute;
	      top: 180px;
              left: 340px;
              z-index: 3; 
              font-size:22px;
              display: block;
              width: 250px;
              height: 20px;    }


.images-forces  { display:  none;  }


audio  {display : block ; }
.termo { display: block ; }

.meteo { display: block ;left: 644px; }
.contact { display: block; left: 594px; }
.france-map  { display: block; left: 720px;  }
.chemins { display:none; }
audio { display:none; }
}



@media only screen and (color) 
and (max-width : 810px) {

body {width:810px; }

.img-pub { display:none; }

#boitemenu {  

   top: 166px;
   left: 0px;  }


.tableau-centre-blog { 

  top: 226px;                       
  left: -10px;
  width: 810px;
  height: 100%;
  padding:0px;
  text-align: left;  }



.tableau-centre-haut { width:810px; }


.menu-titre  {  display:block; 
                width:810px; 
                top: 100px; 
                height: 60px; 
                text-align: center;     }


#date_heure { display:  block; 
              position: absolute;
	      top: 180px;
              left: 340px;
              z-index: 3; 
              font-size:23px;
              width: 250px;
              height: 20px;    }


.images-forces  { display:  none;  }


audio  {display : block ; }
#date_heure { display: block ; }
.termo { display: block ; }

.meteo { display: block ;left: 644px; }
.contact { display: block; left: 594px; }
.france-map  { display: block; left: 720px;  }
.chemins { display:none; }

}



@media only screen and (color) 
and (max-width : 800px) {

body {width:800px; }

.img-pub { display:none; }

#boitemenu {  

   top: 120px;
   left: 2px;  }

.tableau-centre-haut { width: 800px; }

.tableau-centre-blog { 

  top: 120px;                       
  left: 0px;
  width: 800px;
  height: 100%;
  padding: 0px;
  text-align: left;  }

.tableau-centre-haut { width:800px; }


.menu-titre  { display:block; width:800px; height: 22px; text-align: center; top: 98px;  }


#date_heure { display:  block; 
              position: absolute;
	      top: 158px;
              left: 140px;
              z-index: 3; 
              font-size:23px;
              width: 250px;
              height: 20px;    }



form { display: block; }
.meteo { display: block; left: 140px; }
.contact { display: block; left: 140px;  }
.france-map  { display: block; left: 140px; }
.chemins { display:none; }
}


@media only screen and (color) 
and (max-width : 760px) {

body {width:100%; }

.img-pub { display:none; }

#boitemenu {  

   top: 160px;
   left: 0px;
     }

.tableau-centre-haut { width: 760px; }

.tableau-centre-blog { 

  top: 220px;                        
  left: -12px;
  width: 760px;
  height: 100%;
  padding: 8px;
  text-align: left;  }

.tableau-centre-haut { width:760px; }

div { padding: 6px; }
h3 { padding: 9px; }


.menu-titre {  width:760px; height: 60px; text-align: center; top: 96px; }

.pub_terminal_haut  { width:508px; height: 66px;}



#date_heure { display: block; 
              position: absolute;
	      top: 172px;
              left: 344px;
              z-index: 3; 
              font-size:20px;
              width: 250px;
              height: 20px;    }

form { display: block;  }
audio  {display : none ; }
.termo { display: none ; }
.meteo { display: block; left: 600px; }
.contact { display: block;left: 550px; }
.france-map { display: block; left:680px; }
.chemins { display:none; }
}



@media only screen and (color) 
and (max-width : 753px) {

body { width:753px; }

#boitemenu {  

   top: 130px;
   left: 2px;  }

.tableau-centre-haut { width: 753px; }



.tableau-centre-blog { 

  top: 108px;                        
  left: -10px;
  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;top: 98px;  }


#date_heure { display:  block; 
              position: absolute;
	      top: 138px;
              left: 340px;
              z-index: 3; 
              font-size:20px;
              width: 250px;
              height: 20px;    }



form { display: none;  }
.termo { display: none;  }
.meteo { display: block; left: 588px; }
.contact { display: block; left: 536px;  }
.france-map  { display: block; left:666px;  }
.chemins { display:none; }
}



@media only screen and (color) 
and (max-width :740px) {

body {width:740px; }

#boitemenu {  

   top: 160px;
   left: 1px;  }

.tableau-centre-haut { width: 740px; }

.tableau-centre-blog { 

  top: 220px;                        
  left: -10px;
  width: 743px;
  height: 100%;
  padding: 0px;
  text-align: left;  }

.tableau-centre-haut { width:740px; }

.menu-titre  {display:block; width:740px; height: 60px; text-align: center; }



#date_heure { display:  block; 
              position: absolute;
	      top: 174px;
              left: 340px;
              z-index: 3; 
              font-size:20px;
              width: 250px;
              height: 20px;    }



form { display: block;  }
.termo { display: none ; }
.meteo { display: block; left: 588px; }
.contact { display: block; left: 536px;  }
.france-map  { display: block; left:666px;  }
.chemins { display:none; }
}







@media only screen and (color) 
and (max-width :736px) {

body {width:736px; }

#boitemenu {  

   top: 94px;
   left: 1px;  }

.tableau-centre-haut { width: 736px; }

.tableau-centre-blog { 

  top: 100px;                        
  left: -10px;
  width: 736px;
  height: 100%;
  padding: 0px;
  text-align: left;  }

.tableau-centre-haut { width:736px; }

.menu-titre  {display:block; width:736px; height: 24px; text-align: center; }



#date_heure { display:  block; 
              position: absolute;
	      top: 138px;
              left: 340px;
              z-index: 3; 
              font-size:20px;
              width: 250px;
              height: 20px;    }



form { display: block;  }
.termo { display: none ; }
.meteo { display: block; left: 588px; }
.contact { display: block; left: 536px;  }
.france-map  { display: block; left:666px;  }
.chemins { display:none; }
}







@media only screen and (color) 
and (max-width : 720px) {

body {width:720px; }


#boitemenu {  

   top: 128px;
   left: 6px;  }

.tableau-centre-haut { width: 720px; }


.tableau-centre-blog { 

  top: 110px;                       
  left: -10px;
  width: 720px;
  height: 100%;
  padding: 10px;
  text-align: left;  }

.tableau-centre-haut { width:720px; }

.pub_terminal_haut  {display:block; width:480px; height: 64px;}

.menu-titre  {display:block; width:720px; height: auto; text-align: center; }

#date_heure { display:  block; 
              position: absolute;
	      top: 138px;
              left: 342px;
              z-index: 3; 
              font-size:20px;
              width: 250px;
              height: 20px;    }


.termo { display: none ; }
form { display: block;  }
.meteo { display: block; left: 565px; }
.contact { display: block; left: 516px;  }
.france-map  { display: block; left:644px;  }
.chemins { display:none; }
}






@media only screen and (color) 
and (max-width : 667px) {

body {width:667px; }

#boitemenu {  

   top: 162px;
   left: 6px;  }


.tableau-centre-haut { width: 667px; }


.tableau-centre-blog { 

  top: 220px;                        
  left: -7px;
  width: 667px;
  height: 100%;
  padding: 8px;
  text-align: left;  }

.tableau-centre-haut { width:667px; }

.pub_terminal_haut  {display:block; width:440px; height: 70px; left: 8px;}

.menu-titre  {display:block; width:667px; height: 60px; text-align: center; }

#date_heure { display:  block; 
              position: absolute;
	      top: 172px;
              left: 342px;
              z-index: 3; 
              font-size:23px;
              width: 250px;
              height: 20px;    }

.meteo { display: block; left: 506px; }
.contact { display: block; left: 456px;  }
.france-map  { display: block; left:586px; }
.chemins { display:none; }
}





@media only screen and (color) 
and (max-width : 640px) {

body {width:640px; }

#boitemenu {  

   top: 160px;
   left: 0px;  }

.tableau-centre-haut { width: 640px; }

.tableau-centre-blog { 

  top: 216px;                       
  left: -6px;
  width: 640px;
  height: 100%;
  padding: 8px;
  text-align: left;  }


.tableau-centre-haut { width: 640px; }

.pub_terminal_haut  {

top: 15px;                       
left: 12px;
display:block; 
width:400px; 
height: 68px;   }

.menu-titre  {display:block; width: 629px;height: 60px; text-align: center; }

#date_heure { display:  block;
              position: absolute;
	      top: 172px;
              left: 342px;
              z-index: 3; 
              font-size:22px;
              width: 250px;
              height: 20px;    }

form { display:  block;   }
.termo { display:  block;  }
.meteo { display: block; left: 490px; }
.contact { display: block; left: 436px;  }
.france-map  { display: block; left:568px; }
.chemins { display:none; }

}






@media only screen and (color) 
and (max-width : 600px) {

body {width:600px; }

#boitemenu {  

   top: 146x;
   left: 0px;  }


.tableau-centre-haut { width: 600px; }


.tableau-centre-blog { 

  top: 100px;                       
  left: -10px;
  width: 600px;
  height: 100%;
  padding: 10px;
  text-align: left;  }

.tableau-centre-haut { width: 600px; }

.pub_terminal_haut  {

  display:block; 
  width: 270 px;
  height: 32px;
  position: absolute;
  top: 18px;
  left: 10px;  }

.menu-titre  {display:block; width:600px; height: auto; text-align: center; }


#date_heure {
              position: absolute;
	      top: 138px;
              left: 342px;
              z-index: 3; 
              font-size:20px;
              width: 250px;
              height: 20px;    }

#date_heure { display:  block; }
form { display:  block;   }
.termo { display:  block;  }
.meteo { display: block; left: 470px; }
.contact { display: block; left: 416px;  }
.france-map  { display: block; left:548px; }
.chemins { display:none; }
}







@media only screen and (color) 
and (max-width : 577px) {

body {width:577px; }

#boitemenu {  

   top: 128px;
   left: 0px;  }


.tableau-centre-haut { width: 577px; }

.logo  { display: none; }


.tableau-centre-blog { 

  top: 100px;                       
  left: -10px;
  width: 577px;
  height: 100%;
  padding: 10px;
  text-align: left;  }

.tableau-centre-haut { width: 577px; }

.pub_terminal_haut  {

  display:block; 
  width: 550px; 
  height: 70px;
  position: absolute;
  top: 10px;
  left: 10px;  }

.menu-titre  {  display:block; 
	        width:577px; 
                height: auto; 
                text-align: center; }


form { display: none;   }
audio  {display : none ; }
#date_heure { display:  none; }
.termo { display: none; }
.meteo { display: none; }
.contact { display: none; }
.france-map  { display: none; }
.chemins { display:none; }
}








@media only screen and (color) 
and (max-width : 568px) {

body {width:568px; }



#boitemenu {  

   top: 120px;
   left: 0px;  }


.tableau-centre-haut { width: 568px; }

.tableau-centre-blog { 

  top: 120px;                       
  left: 0px;
  width: 568px;
  height: 100%;
  padding: 10px;
  text-align: left;  }

.tableau-centre-haut { width: 568px; }




.menu-titre  {display:block; width:569px;top: 98px;   height: auto; text-align: center; }


.pub_terminal_haut  {

  display:block; 
  width: 540px; 
  height: 76px;
  position: absolute;
  top: 10px;
  left: 10px;  }




form { display: none;   }
audio  {display : none ; }
#date_heure { display:  none; }
.termo { display: none; }
.meteo { display: none; }
.contact { display: none; }
.france-map  { display: none; }
.chemins { display:none; }
  

}



@media only screen and (color) 
and (max-width : 569px) {

body {width:569px; }


#boitemenu {  

   top: 128px;
   left: 0px;  }


.tableau-centre-haut { width: 569px; }

.tableau-centre-blog { 

  top: 106px;                       
  left: -10px;
  width: 569px;
  height: 100%;
  padding: 10px;
  text-align: left;  }

.tableau-centre-haut { width: 569px; }

.pub_terminal_haut  {

  display:block; 
  width: 544px; 
  height: 76px;
  position: absolute;
  top: 10px;
  left: 10px;  }


.menu-titre  {display:block; width:569px; height: auto; text-align: center; top: 98px;  }

form { display: none;   }
audio  {display : none ; }
#date_heure { display:  none; }
.termo { display: none; }
.meteo { display: none; }
.contact { display: none; }
.france-map  { display: none; }

}





@media only screen and (color) 
and (max-width : 540px) {

body {width:540px; }

#boitemenu {  

   top: 150px;
   left: 0px;  }


.tableau-centre-haut { width: 540px; }


.tableau-centre-blog { 

  top: 128px;                       
  left: -10px;
  width: 540px;
  height: 100%;
  padding: 10px;
  text-align: left;  }

.tableau-centre-haut { width: 540px; }


.pub_terminal_haut  {

  display:block; 
  width: 500px; 
  height: 60px;
  position: absolute;
  top: 20px;
  left: 20px;  }


.menu-titre  {display:block; width:540px;top: 98px;  height: auto; text-align: center; }

audio  {display : none ; }
#date_heure { display:  none; }
.termo { display: none; }
.meteo { display: none; }
.contact { display: none; }
.france-map  { display: none; }
.chemins { display:none; }
}






@media only screen and (color) 
and (max-width : 533px) {

body {width:533px; }

.menu-titre  {display:block; width:533px;top: 98px;  height: 50px; text-align: center; }


#boitemenu {  

   top: 152px;
   left: 0px;  }



.tableau-centre-haut { width: 533px; }

.tableau-centre-blog { 

  top: 130px;                       
  left: -10px;
  width: 533px;
  height: 100%;
  padding: 10px;
  text-align: left;  }

.tableau-centre-haut { width: 533px; }



audio  {display : none ; }
#date_heure { display:  none; }
.termo { display: none; }
.meteo { display: none; }
.contact { display: none; }
.france-map  { display: none; }
.chemins { display:none; }
}






@media only screen and (color) 
and (max-width : 480px) {

body {width:100%; }

#boitemenu {  

   top: 188px;
   left: 0px;  }



.tableau-centre-blog { 

  top: 238px;                       
  left: -6px;
  width: 444px;
  height: 100%;
  padding: 6px;
  text-align: left;  }

.tableau-centre-haut { width: 467px; padding-bottom: 180px; }

.pub_terminal_haut  {

  display:block; 
  width: 420px; 
  height: 62px;
  position: absolute;
  top: 20px;
  left: 6px;  }

.menu-titre  {display:block; width:456px; height: 88px; text-align: center; top: 98px;   }


#date_heure { display:  none; }
.termo { display: none; }
.meteo { display: none; }
.contact { display: none; }
.france-map  { display: none; }
.chemins { display:none; }
}



@media only screen and (color) 

and (max-width : 437px) {

body { width:100%; }


#boitemenu {  
   position: absolute;
   top: 198px;
   left: 0px;  }


.tableau-centre-haut { width: 437px;  }

.pub_terminal_haut  {


  position: relative;
  display:block; 
  width: 386px;
  height: 64px;
  top: 10px;
  left: 20px; }



.tableau-centre-blog { 

  top:256px;                       
  left: -6px;
  width:437px; 
  height: 100%;
  padding: 0px;
  text-align: left;  }



.menu-titre  {

              display:block;
              width: 437px; 
              height:90px;
              top: 104px; 
              font-size: 16px;
              text-align: center; }


audio  {display: none ; }
#date_heure { display:  none; }
.termo { display: none; }
.meteo { display: none; }
.contact { display: none; }
.france-map  { display: none; }
.chemins { display:none; }
}




@media only screen and (color) 

and (max-width : 428px) {

body { width:428px; }




#boitemenu {  
   position: absolute;
   top: 116px;
   left: 0px;  }


.tableau-centre-haut { width: 400px;  }

.pub_terminal_haut  {


  position: relative;
  display:block; 
  width: 80%;
  height: 64px;
  top: 10px;
  left: 20px; }



.tableau-centre-blog { 

  top:292px;                       
  left: 0px;
  width:414px; 
  height: 100%;
  padding: 0px;
  text-align: left;  }



.menu-titre  {
              display:block;
              width: 380px; 
              height:90px;
              top: 198px; 
              font-size: 16px;
              text-align: center; }


audio  {display : none ; }
#date_heure { display:  none; }
.termo { display: none; }
.meteo { display: none; }
.contact { display: none; }
.france-map  { display: none; }
.chemins { display:none; }
}






@media only screen and (color) 
and (max-width : 414px) {

body {width:100%; }

#boitemenu {  
   position: absolute;
   top: 192px;
   left: 0px;  }


.tableau-centre-haut { width: 100%;
                       display: block;
		       top: -11px;  }

.tableau-centre-blog { 

  top: 246px;                       
  left: -6px;
  width:414px;  
  height: 100%;
  text-align: left;  }


.pub_terminal_haut  {

  display:block; 
  width: 390px; 
  height: 64px;
  top: 14px;                       
  left: 10px;  }

.menu-titre  { display:block;
               top: 98px;  
               width:414px; 
               height: auto; 
               font-size: 21px;
               text-align: center; }



audio  {display : none ; }
#date_heure { display:  none; }
.termo { display: none; }
.meteo { display: none; }
.contact { display: none; }
.france-map  { display: none; }
.chemins { display:none; }

}






@media only screen and (color) 
and (max-width : 414px) {

body {width:100%; }

#boitemenu {  
   position: absolute;
   top: 187px;
   left: 0px;  }


.tableau-centre-haut { width: 100%;
                       display: block;
		       top: -11px;  }

.tableau-centre-blog { 

  top: 244px;                       
  left: -6px;
  width:414px;  
  height: 100%;
  text-align: left;  }


.pub_terminal_haut  {

  display:block; 
  width: 390px; 
  height: 64px;
  top: 14px;                       
  left: 10px;  }

.menu-titre  { display:block;
               top: 98px;  
               width:414px; 
               height: auto; 
               font-size: 21px;
               text-align: center; }



audio  {display : none ; }
#date_heure { display:  none; }
.termo { display: none; }
.meteo { display: none; }
.contact { display: none; }
.france-map  { display: none; }
.chemins { display:none; }

}



@media only screen and (color) 
and (max-width : 412px) {

body { width:412px;  }

#boitemenu {  
   position: absolute;
   top: 146px;
   left: -6px;  }


.tableau-centre-haut { width:412px; 
                       display: block;
		       top: -11px;  }

.tableau-centre-blog { 

  top: 200px;                       
  left: -12px;
  width:412px; 
  height: 100%;
  text-align: left;  }


.pub_terminal_haut  {

  display:block; 
  width: 100%;
  height: 64px;
  top: 14px;                       
  left: 10px;  }

.menu-titre  { display:block;
               top: 98px;  
               width:412px; 
               height: auto; 
               font-size: 21px;
               text-align: center; }



audio  {display : none ; }
#date_heure { display:  none; }
.termo { display: none; }
.meteo { display: none; }
.contact { display: none; }
.france-map  { display: none; }
.chemins { display:none; }

}







@media only screen and (color) 
and (max-width : 390px) {

body {width:390px; }




#boitemenu {  

   top: 190px;
   left: -6px;  }


.tableau-centre-haut { width: 390px; }

.tableau-centre-blog { 

  top: 244px;                       
  left: -10px;
  width: 390px;
  height: 100%;
  text-align: left;  }

.tableau-centre-haut { width: 390px; }


.menu-titre  {    display:block; 
                  top: 98px; 
	          width: 390px; 
                  height: auto; 
                  text-align: center; }

.pub_terminal_haut  { 

                      display:block; 
                      width: 350px; 
                      height: 52px;
                      position: absolute;
                      top: 20px;
                      left: 20px;  } 


form { display: none;   }
audio  {display : none ; }
#date_heure { display:  none; }
.termo { display: none; }
.meteo { display: none; }
.contact { display: none; }
.france-map  { display: none; }
.chemins { display:none; }

}



@media only screen and (color) 
and (max-width : 384px) {

body {  width:100%; }

.tableau-centre-blog-index { 

  width: 386px;
  text-align: center;  }

.tableau-centre-haut { width: 384px; }

.tableau-centre-blog { 

  top: 244px;                       
  left: -6px;
  width: 384px;
  height: 100%;
  text-align: left;  }


.pub_terminal_haut  { 

      dis1play:block; 
      width: 338px; 
      height: 52px;
      position: absolute;
      top: 20px;
      left: 20px;  }


.menu-titre  {

display:block; 
top: 98px; 
width:384px; 
height: 90px; 
text-align: center; }

td  { padding: 6px; margin: 5px; }
audio  {display : none ; }
#date_heure { display:  none; }
.termo { display: none; }
.meteo { display: none; }
.contact { display: none; }
.france-map  { display: none; }
.chemins { display:none; }

}






@media only screen and (color) 
and (max-width: 375px) {

body {width:100%; }

.tableau-centre-blog { 

  margin-left: auto;
  margin-right:auto;
  position: relative;
  top: 260px;
  left: 0px;
  padding-top:-1px;
  padding-left:1px;
  padding-right:1px;
  padding-bottom:2px;                      
  width: 100%;
  text-align: left;  }

.tableau-centre-blog-index { 

  position: absolute;
  top: 260px;                                             
  left: -5px;
  padding: 8px;
  width: 100%;
  text-align: left;  }

.tableau-centre-haut { 

                 position: absolute;
                 top: 0px; 
                 left: 0px;
                 width: 375px;
                 height: 160px;     }

.p1ub_terminal_haut  { 
 
                      width: 338px; 
                      height: 60px;
                      position: absolute;
                      top: 20px;
                      left: 10px;  }

.menu-titre  {   top: 100px; 
                 width: 100%;
                 height: auto; 
                 text-align: center;
display:block;   }

#boitemenu { 

   top: 200px;
   left: 0px; }

td  { padding: 6px; margin: 5px; }

form { display: none;   }
audio  {display : none; }
#date_heure { display:  none; }
.termo { display: none; }
.meteo { display: none; }
.contact { display: none; }
.france-map  { display: none; }
.chemins { display:none; }

}









@media only screen and (color) 
and (max-width : 360px) {

body {width:100%; }

.tableau-centre-haut { 

                 position: absolute;
                 top: 0px; 
                 left: 0px;
                 width: 360px;
                 height: 160px;     }

.pub_terminal_haut  { 
 
                      width: 338px; 
                      height: 60px;
                      position: absolute;
                      top: 10px;
                      left: 10px;  }

.tableau-centre-blog { 

  position: absolute;
  top: 240px;                       
  left: 0px;                       
  width: 100%;
  height: 100%;
  padding: 6px; 
  text-align: left;  }

.tableau-centre-blog-index { 

  position: absolute;
  top: 210px;                       
  left: 0px;
  padding: 6px;
  width: 100%;
  text-align: left;  }


#boitemenu {  

   top: 184px;
   left: 6px;   }

.menu-titre  { display:block; left: 0px; top: 80px; width:100%; height: auto; text-align: center; padding:4px;  }
td  { padding: 6px; margin: 5px; }
.meteo { display: none; }
.contact { display: none; }
.france-map  { display: none; }
audio  { display:none; }
.chemins { display:none; }
#date_heure { display:  none; }
}