/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 


html
{
	height: 100%;
	width: 100%;
}
@charset "utf-8";
body {
 width: 100%;
 height: 100%;
 

 }
 
 #global{
 
   position:absolute;
  left: 50%; 
  /*top: 50%;*/
  width: 1000px;
  height: 100%;
  /*margin-top: -309px; /* moitié de la hauteur */
  margin-left: -505px; /* moitié de la largeur */
  
}

#globalpage{
 
   position:absolute;
  left: 50%; 
  /*top: 50%;*/
  width: 1000px;
  height: 100%;
  /*margin-top: -300px; /* moitié de la hauteur */
  margin-left: -505px; /* moitié de la largeur */
  
}
}
 
 
h1, h2, h3, h4, h5, h6 {
	font-family:verdana,Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 350%;
 color: #333333;
}

h2{
 font-size: 100%;
 color: #333333;
}

h3{
 font-size: 90%;
 color: #333333;
}

h4{
 font-size: 80%;
 font-weight: normal;
 color: #333333;
}

h5{
 font-size: 80%;
 color: #000000;
}
.imageblock {          /*transforme le logo et les bandeaux en block*/
	display: block;}


/***********************************************/
/* page_haut                                 */
/***********************************************/

#menuhaut{             /*position du bandeau horizontal*/
	 
	position:absolute;
	left: 5px;
	top: 0px;
	/ padding: 0px 0px 0px 0px; 
	}

#bande_h {             /*position du bandeau horizontal*/
	
	position:absolute;
	left: 0px;
	top: 0px;
	 padding: 0px 0px 0px 0px;
	}

#logo {             /*position du logo*/
	
	position:absolute;
	left: 900px;
	top: 14px;
	}

/***********************************************/
/* menu_haut                                */
/***********************************************/

 #globalNav{  /* menu horizontal */
 font-family:Verdana,Arial,sans-serif;
 font-size: 12px;
 white-space: nowrap;
 text-decoration: none;
}

a:link   {  
    font-family:Verdana,Arial,sans-serif;
	/*color: #000000; /*couleur du lien menu haut et gauche */
	text-decoration: none;/*ne pas souligner les liens */ 
}

a:hover {  
	text-decoration: none;/*ne pas souligner les liens au passage de la souris*/
    color: #b22222;/*couleur des liens au passage de la souris*/ 

}
 a:visited{ /*couleur des liens visités*/
   /* color: #b22222;*/
	text-decoration: none; 
}

.boutonv1 {position:absolute; /* position du 1 bouton haut*/
    text-decoration: none;
    color: #000000;  
	left: 185px;
	top:134px;}
	

	
.boutonv2 {position:absolute; /* position du 2 bouton haut*/
     color: #000000;
	left: 279px;
	top:134px;
}
.boutonv2a {position:absolute; /* position et couleur du 2 bouton haut appellé*/
     color: #b22222;
	left: 279px;
	top:134px;
}


.boutonv3 {position:absolute; /* position du 3 bouton haut*/
   color: #000000;
	left: 383px;
	top:134px;
}
.boutonv3a {position:absolute; /* position et couleur du 3 bouton haut appellé*/
   color: #b22222;
	left: 383px;
	top:134px;
}
.boutonv4 {position:absolute; /* position  du 4 bouton haut */
    color: #000000; 
	left: 520px;
	top:134px;
}
.boutonv4a {position:absolute; /* position et couleur du 4 bouton haut appellé*/
    color: #b22222; 
	left: 520px;
	top:134px;
}

.boutonv5 {position:absolute; /* position du 5 bouton haut*/ 
    color: #000000;
	left: 675px;
	top:134px;
}
.boutonv5a {position:absolute; /* position et couleur du 5 bouton haut appellé*/ 
    color: #b22222;
	left: 675px;
	top:134px;
}

.boutonv6 {position:absolute; /* position du 6 bouton haut*/
    color: #000000; 
 	left: 777px;
	top:134px;
}

.boutonv6a {position:absolute; /* position et couleur  du 6 bouton haut appellé*/
    color: #b22222; 
 	left: 777px;
	top:134px;
}
.boutonv7 {position:absolute; /* position du 7 bouton haut*/ 
    color: #000000;
	left: 890px;
	top:134px;
}
.boutonv7a {position:absolute; /* position et couleur du 7 bouton haut appellé*/ 
    color: #b22222;
	left: 890px;
	top:134px;
}

.boutonv10 {position:absolute; /* position du 1 bouton haut page gallerie photo*/
    color: #000000;    
	left: 185px;
	top:15px;}
	
.boutonv20 {position:absolute; /* position du 2 bouton haut page gallerie photo*/
   color: #000000;
	left: 279px;
	top:15px;
	
}
.boutonv30 {position:absolute; /* position du 3 bouton haut page gallerie photo*/
    color: #000000;
	left: 383px;
	top:15px;
	
}

.boutonv40 {position:absolute; /* position du 4 bouton haut page gallerie photo*/ 
   color: #000000;
	left: 520px;
	top:15px;
	
}
.boutonv50 {position:absolute; /* position du 5 bouton haut page gallerie photo*/
    color: #000000;
	left: 675px;
	top:15px;
	
}
.boutonv60 {position:absolute; /* position du 6 bouton haut page gallerie photo*/ 
    color: #000000;
 	left: 777px;
	top:15px;
	
}
.boutonv70 {position:absolute; /* position du 7 bouton haut page gallerie photo*/
    color: #000000; 
	left: 890px;
	top:15px;
	
}

/***********************************************/
/* menu_gauche                                */
/***********************************************/
#fenetre_gauche {    /*conteneur menu gauche page d'accueil*/

    
	position:absolute;
    width:180px;
	left: 2px;       
	margin-top:150px;}
	
	
#menugauche {

    
	position:absolute;
    width:180px;
	left: 0px;       
	margin-top: 143px;}
	
#bande_v {             /*position du bandeau vertical*/
	position:absolute;
	margin-left: 3px;
	margin-top: 5px;
	}

#aimejudo {
     position:absolute;
	 left: 9px;
	 top: 15px;
	 }	

#fenetre_gauche1 {  /*conteneur menu gauche pages  */

    
	position:absolute;
    width:180px;
	left: 2px;       
	margin-top:150px;}
	
#fenetre_gauche2 {  /*conteneur menu gauche pages  */
   
	position:absolute;
    width:180px;
	left: 2px;       
	margin-top:35px;}	 
	
#menugauche1 {

    position:absolute;
     width:180px;
	left: 0px;       
	margin-top: 28px;}

#bande_v1 {             /*position du bandeau vertical*/
	
	float:left;
	margin-left: -1px;
	margin-top: 8px;
	}		

ul{
    
    list-style-type: none;/* pas de puce*/
    font-family:Verdana,Arial,sans-serif;
   /* padding: 0px 0px 10px 10px; */
	font-size: 12px; /*taille des liens et sous titre dans le menu gauche*/	
	color: #a41e3d; /*couleur des sous titre dans la liste menu gauche*/
	
}				

.boutonh1 {
      color: #000000;
	position:absolute;    /* position horiz du 1 bouton menu gauche */  
	left: 18px;}
	
.boutonh1a {
      color: #b22222;
	position:absolute;    /* position horiz du 1 bouton menu gauche page ouverte*/  
	left: 18px;}	

.boutonh2 {
     color: #000000;
	position:absolute;    /* position horiz du 2 bouton menu gauche */  
	left: 18px;}

.boutonh2a {
     color: #b22222;
	position:absolute;    /* position horiz du 2 bouton menu gauche  page ouverte*/  
	left: 18px;}
	
.boutonh3 {
     color: #000000;
	position:absolute;    /* position horiz du 3 bouton menu gauche */   
	left: 18px;}

.boutonh3a{
     color: #b22222;
	position:absolute;    /* position horiz du 3 bouton menu gauche  page ouverte*/   
	left: 18px;}
	
.boutonh4 {
     color: #000000;
	position:absolute;     /* position horiz du 4 bouton menu gauche */  
	left: 18px;}	

.boutonh4a {
     color: #b22222;
	position:absolute;     /* position horiz du 4 bouton menu gauche  page ouverte*/  
	left: 18px;}
	
.boutonh5 {
    color: #000000;
	position:absolute;    /* position horiz du 5 bouton menu gauche */ 
	left: 18px;}	

.boutonh5a {
    color: #b22222;
	position:absolute;    /* position horiz du 5 bouton menu gauche  page ouverte*/ 
	left: 18px;}
	
.boutonh6 {
    color: #000000;
	position:absolute;     /* position horiz du 6 bouton menu gauche */ 
	left: 18px;}	

.boutonh6a {
    color: #b22222;
	position:absolute;     /* position horiz du 6 bouton menu gauche  page ouverte*/ 
	left: 18px;}
	
.boutonh7 {
     color: #000000;
	position:absolute;     /* position horiz du 7 bouton menu gauche */  
	left: 18px;}	

.boutonh7a{
     color: #b22222;
	position:absolute;     /* position horiz du 7 bouton menu gauche  page ouverte*/  
	left: 18px;}
	
.boutonh8 {
     color: #000000;
	position:absolute;     /* position horiz du 8 bouton menu gauche */ 
	left: 18px;}	

.boutonh8a {
     color: #b22222;
	position:absolute;     /* position horiz du 8 bouton menu gauche  page ouverte*/ 
	left: 18px;}
	
.boutonh9 {
    color: #000000;
	position:absolute;    /* position horiz du 9 bouton menu gauche */  
	left: 18px;}

.boutonh9a {
    color: #b22222;
	position:absolute;    /* position horiz du 9 bouton menu gauche  page ouverte*/  
	left: 18px;}
	
.boutonh10 {
     color: #000000;
	position:absolute;     /* position horiz du 10 bouton menu gauche */ 
	left: 18px;}

.boutonh10a {
     color: #b22222;
	position:absolute;     /* position horiz du 10 bouton menu gauche  page ouverte*/ 
	left: 18px;}
	
.boutonh11 {
     color: #000000;
	position:absolute;      /* position horiz du 11 bouton menu gauche */ 
	left: 18px;}

.boutonh11a {
     color: #b22222;
	position:absolute;      /* position horiz du 11 bouton menu gauche  page ouverte*/ 
	left: 18px;}
	
.boutonh12 {
    color: #000000;
	position:absolute;      /* position horiz du 12 bouton menu gauche */ 
	left: 18px;}

.boutonh12a {
    color: #b22222;
	position:absolute;      /* position horiz du 12 bouton menu gauche  page ouverte*/ 
	left: 18px;}
	
.boutonh13 {
    color: #000000;
	position:absolute;      /* position horiz du 13 bouton menu gauche */ 
	left: 18px;}

.boutonh13a {
    color: #b22222;
	position:absolute;      /* position horiz du 13 bouton menu gauche  page ouverte*/ 
	left: 18px;}
	
.boutonh14 {
    color: #000000;
	position:absolute;     /* position horiz du 14 bouton menu gauche */ 
	left: 18px;}

.boutonh14a {
    color: #b22222;
	position:absolute;     /* position horiz du 14 bouton menu gauche  page ouverte*/ 
	left: 18px;}
	
.boutonh15 {
    color: #000000;
	position:absolute; /* position horiz du 15 bouton menu gauche */     
	left: 18px;}

.boutonh15a {
    color: #b22222;
	position:absolute; /* position horiz du 15 bouton menu gauche  page ouverte*/     
	left: 18px;}
	
.soustitre1 {
color: #2b43d7;
position:absolute; /* position horiz des sous titres*/ 
    font-size: 80%;
	left: 20px;}

.soustitre2 {
color: #2b43d7;
position:absolute; /* position horiz des sous titres*/ 
    font-size: 80%;
	left: 24px;}
	
/***********************************************/
/* page_centre                                 */
/***********************************************/


#page_centre {       /*position de la page d'affichage*/
    position:absolute;
	left: 145px;       
	top: 155px;}
#page_centre1 {       /*position de la page d'affichage*/
    position:absolute;
	left: 145px;       
	top: 40px;}	
	
#page_iframe {       /*position de la page d'affichage*/
    position:absolute;
	left: 440px;       
	top: 63px;}		
	

a img { /*retire la bordure des jpeg doc1_titre*/
    border: none;}
	
.story{  /* nom de la page */    
	clear: both;
	padding: 0px 0px 0px 10px;	}	
	
.story p{  /* nom de la page , position et couleur du texte */
   
    position:absolute;
	left: 30px; /*position horizontale*/
	top:2px; }/*position verticale*/

.story1{          /*  la premiere fenetre*/    
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;}
.story1 p{   
	padding: 0px 0px 10px 0px;
	position:absolute;    /* position de la premiere fenetre (dans le tableau)*/
	left: 20px;
	top:50px;
}
/************** .story2 styles *****************/

.story2{         /*  la 2 eme fenetre*/
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
	left: 440px;
	top:56px;
}

.story2 p{
	padding: 0px 0px 10px 0px;
	position:absolute;  /* position de la 2 eme fenetre (dans le tableau)*/
	left: 440px;
	top:56px;
}
/************** .story3 styles *****************/

.story3{    /*  la 3 eme fenetre*/
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story3 p{
	padding: 0px 0px 10px 0px;
	position:absolute;    /* position de la 3 eme fenetre (dans le tableau)*/
	left: 20px;
	top:356px;
}
/************** .story4 styles *****************/

.story4{     /*  la 4 eme fenetre*/
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story4 p{
	padding: 0px 0px 10px 0px;
	position:absolute;   /* position de la 4 eme fenetre (dans le tableau)*/
	left: 440px;
	top:566px;
}
/************** .story5 styles *****************/

.story5{    /*  la 5 eme fenetre*/
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story5 p{
	padding: 0px 0px 10px 0px;
	position:absolute; /* position de la 5 eme fenetre (dans le tableau)*/ 
	left: 20px;
	top:566px;
}
/************** .story styles position des fenetres de pub 5 et 6*****************/

.story6{    /*  la 6 eme fenetre.....fenetre pub5*/
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story6 p{
	padding: 0px 0px 10px 0px;
	position:absolute; /* position de la 6 eme fenetre (dans le tableau)...fenetre pub5*/ 
	left: 20px;
	top:777px;
}

.story7{    /*  la 7 eme fenetre.....fenetre pub6*/
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story7 p{
	padding: 0px 0px 10px 0px;
	position:absolute; /* position de la 7 eme fenetre (dans le tableau)...fenetre pub6*/ 
	left:440px;
	top:860px;
}

/******************************/
/*    fenetre droite          */
/******************************/


#horloge {  /*conteneur bandeau droit page accueil*/

	position:absolute;
	left: 809px;
	top: 175px;
	}


#pub_v {             /*position du bandeau vertical de pub*/

   	position:absolute;
	left: 795px;
	top: 155px;
	}
#adresse {             /*position de l'adresse*/

  	width: 160px;
	position:absolute;
	left: 825px;
	top: 220px;
	}	

	
.pub1{   /*position de l'encart de pub1.jpg*/
 
	position:absolute;
	left: 805px;
	top: 460px;
	}
	
.pub2{   /*position de l'encart de pub2.jpg*/
	position:absolute;
	left: 805px;
	top: 800px;
	}
	
.pub3{   /*position de l'encart de pub3.jpg*/
	position:absolute;
	left: 805px;
	top: 1071px;
	}
	
/*.pub4{   /*position de l'encart de pub2.jpg*/
/*	position:absolute;*/
/*	left: 826px;*/
/*	top: 1010px;*/
/*	}	*/
	
</style>
>