body { 
   color:#353535; /*Couleur du texte*/ 
   background:url(../design/motif.png) repeat;
   font-family:Verdana; /*Polices d’écriture*/ 
   font-size:14px; /*Taille d’écriture*/ 
   padding:0; /*Pour que la page n’ai aucune marge*/ 
   margin:0; /*Pour que la page n’ai aucune marge*/ 
   } 
   
     
html>body .fond_div {
    z-index: 0;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    text-align: left;
    vertical-align: top;
    behavior: url('../includes/none.php');
} 
   
   
div#panneaux { 
   background-position: center;
   position:absolute; 
   margin:-209px 0 0 0; /*25px entre le coin supérieur de l’écran et le design*/ 
   }
   
   
div#top { 
   width:100%; /*Largeur du design*/ 
   height:447px;
   background:url(../design/header.png) repeat-x;
   background-position: center;
   position:relative; 
   margin:-9px 0 0 0; /*25px entre le coin supérieur de l’écran et le design*/ 
   }   
   
   
div#header { 
   width:215px; /*Largeur du design*/ 
   position:relative; 
   left: 50%;
   top:44px; /*25px entre le coin supérieur de l’écran et le design*/ 
   margin: 0 auto 0 -107px; /*Marges du design ( la 4eme marge représente la moitié de la largeur du div*/
   }

div#music { 
   width:215px; /*Largeur du design*/ 
   position:relative; 
   left: 50%;
   margin: 60px auto 0 -100px; /*Marges du design ( la 4eme marge représente la moitié de la largeur du div*/
   }    
   

div#route { 
   width:100%; /*Largeur du design*/ 
   height:50px;
   background:url(../design/route.png) repeat-x;
   background-position: center;
   position:relative; 
   margin : 0px 0 0 0;
   }


div#footer { 
    float: left;
    width: 100%;
	height: 32px;
    color: #1a3852;
    padding:0 0 0 0;
	line-height:11px;
	font-size:12px;
    background-image:url('../design/footer.png');
	background-repeat:repeat-x;
	text-align:center;
}
   
   
   
/* --- Menu --- 
------------------------------------------------------------------- */

div#menu { 
   width:610px; /*Largeur du design*/ 
   height: 93px;
   margin:110px auto 0 -280px; /*Marges du design ( la 4eme marge représente la moitié de la largeur du div*/ 
   position:relative; 
   float:left;
   left:50%;/*50% de marge ( cela centrera le design )*/ 
   line-height:20px;
   behavior: url('../includes/ie-fixed.php');
}


   
/* --- Content --- 
------------------------------------------------------------------- */

div#diapo { 

   padding: 126px 0 10px 73px;
   background:url(../design/diapo.png) no-repeat;
   position:absolute; 
   text-align:justify;
   float:left;
   left:50%;/*50% de marge ( cela centrera le design )*/ 
   }

   
div#tcontent { 
   width:515px; /*Largeur du design*/ 
   margin:-30px auto 0 -462px; /*Marges du design ( la 4eme marge représente la moitié de la largeur du div*/ 
   position:relative; 
   line-height:14px;
   text-align:justify;
   float:left;
   top:0px; /*25px entre le coin supérieur de l’écran et le design*/ 
   left:50%;/*50% de marge ( cela centrera le design )*/ 
   }


div#tcontentd { 
   width:400px; /*Largeur du design*/    
   position:relative; 
   text-align:justify;
   margin:-40px -500px 0 0; /*Marges du design ( la 4eme marge représente la moitié de la largeur du div*/ 
   float:right;
   right:50%;/*50% de marge ( cela centrera le design )*/ 
   top:0px; /*25px entre le coin supérieur de l’écran et le design*/ 
   }
   
div#tcontent2 { 
   width:465px; /*Largeur du design*/ 
   margin:-30px auto 0 -482px; /*Marges du design ( la 4eme marge représente la moitié de la largeur du div*/ 
   position:relative; 
   line-height:14px;
   text-align:justify;
   float:left;
   top:0px; /*25px entre le coin supérieur de l’écran et le design*/ 
   left:50%;/*50% de marge ( cela centrera le design )*/ 
   }


div#tcontentd2 { 
   width:500px; /*Largeur du design*/    
   position:relative; 
   text-align:justify;
   margin:-40px -540px 0 0; /*Marges du design ( la 4eme marge représente la moitié de la largeur du div*/ 
   float:right;
   right:50%;/*50% de marge ( cela centrera le design )*/ 
   top:0px; /*25px entre le coin supérieur de l’écran et le design*/ 
   }   

div#test { 
   padding-top:240px;   /*Marges du design ( la 4eme marge représente la moitié de la largeur du div*/ 
   position:relative; 
   }


   
/* --- Typo --- 
------------------------------------------------------------------- */

@font-face {
    font-family: 'Mekanik_LET_Plain';
    src: url('Mekanik_LET_Plain.eot');
    src: url('Mekanik_LET_Plain.eot?#iefix') format('embedded-opentype'),
		 url('Mekanik_LET_Plain.woff') format('woff'),
         url('Mekanik_LET_Plain.ttf') format('truetype'),		 
		 url('Mekanik_LET_Plain.svg#Mekanik_LET_Plain') format('svg');
    font-weight: normal;
    font-style: normal;
}


.gras{
  color:#000;
  font-weight:bold;
}

.Texte_diapo{
  font-family: Georgia;
  font-size:24px; /*Taille d’écriture*/ 
  font-style:italic;
  padding: 0 0 0 35px;
  color:#306a9e;
}

.titre{
  font-family: Georgia;
  font-size:46px; /*Taille d’écriture*/ 
  font-style:italic;
  color:#306a9e;
}

.titre2{
  font-family: Georgia;
  font-size:30px; /*Taille d’écriture*/ 
  font-style:italic;
  color:#306a9e;
}

.cont{
  font-family: Georgia;
  font-size:14px; /*Taille d’écriture*/ 
  font-weight:bold;
  color:#0086ff;
}

.mini{
  font-size:9px; /*Taille d’écriture*/ 
  padding: 0 0 0 0;
}

 

   
/* --- Listes --- 
------------------------------------------------------------------- */
ul {
   padding:0 0 0 0;
   margin:0;
   list-style-type:none;
   position: absolute;
 }
li {
   float:left; /*pour IE*/
   font-family: 'Mekanik_LET_Plain';
   letter-spacing:1px;
   font-size:36px; /*Taille d’écriture*/ 
   padding: 0 40px 0 0;
   margin: 0 0 0 0;
 }
ul li a {
   color:#000000;
   text-align:center;
 }
ul li a:hover {
   color:#00abfb;
   background:url('../design/survol.png') no-repeat top center;
   padding: 17px 0 0 0;
   text-decoration:none;
 } 
 

ul .sousMenu
{
 z-index:15;
 display: none;
 list-style-type: none;
 margin: -130px 0 0 -42px;
 padding: 0px 0 0 0;
 font-family:Tahoma;
 font-size:12px;
 border-width:5px;
}
ul .sousMenu li
{
 z-index:15;
 float: none;
 margin: 1px 0 0 0;
 padding: 0;
 border-width:5px;
 font-family:Tahoma;
 font-size:12px;
}

ul li:hover > .sousMenu { display: block; }
ul  li a:active { background-color: #5F879D; }


ul .sousMenu li a:link,
ul .sousMenu li a:visited
{
 display: block;
 color: #000;
 background-color:#a6a6a6;
 padding: 0 8px 0 8px;
 margin:0;
 border: 1px; 
 text-decoration: none;
}
ul .sousMenu li a:hover
{
 background:url('') #000;
 color:#00abfb;
 border: 1px; 
}


ul .sousMenu2
{
 z-index:15;
 display: none;
 list-style-type: none;
 margin: -70px 0 0 -25px;
 padding: 0px 0 0 0;
 font-family:Tahoma;
 font-size:12px;
 border-width:5px;
}
ul .sousMenu2 li
{
 z-index:15;
 float: none;
 margin: 1px 0 0 0;
 padding: 0;
 border-width:5px;
 font-family:Tahoma;
 font-size:12px;
}

ul li:hover > .sousMenu2 { display: block; }
ul  li a:active { background-color: #5F879D; }


ul .sousMenu2 li a:link,
ul .sousMenu2 li a:visited
{
 display: block;
 color: #000;
 background-color:#a6a6a6;
 padding: 0 8px 0 8px;
 margin:0;
 border: 1px; 
 text-decoration: none;
}
ul .sousMenu2 li a:hover
{
 background:url('') #000;
 color:#00abfb;
 border: 1px; 
}


   


/* Reglages personnels : */ 

a { color:#000; text-decoration:none; }/*Paramètres des liens*/ 
a:hover { color:#0066ff; text-decoration:underline;}/*Paramètres des liens quand le pointeur est sur ceux-ci*/ 

h1 { text-align:left; margin:15px; background:url('../design/puce.png') no-repeat left center; }/*Le texte des balises h1 est centré ( car il est souvent utilisé pour les titres), et cette balise n’a plus de marge automatique */ 
p { margin:0; padding:0; }/*Pas de marges automatiques sur les <p> */ 

div.clear { clear:both; padding:80px 0 0 0;}/*Nous verrons ceci un peu plus tard. */ 
img { display:block ; border:0; margin:9px}/*Aucune bordure sur les <img>*/    
img.menu2 { display:block ; border:0; margin:0}/*Aucune bordure sur les <img>*/