/* ----------------------------------------------------------------------------------------- */

.Navigation {
	font-family: Arial, Verdana, Geneva, Arial, Helvetica, sans-serif;
	left: 0px; /*position des boites de gauche*/
	top: 0px; /* position des boites par rapport au haut*/
	line-height: 110%; /*line-height set to 110% in order to have the navigation elements better separated*/
	line-width: 110%; /*line-height set to 110% in order to have the navigation elements better separated*/
	/*position: absolute;*/ /*The navigation on the left side, positioned absolutely*/
	position: relative;/*fond derriere les boites*/
	width: 0px;/*largeur fond derriere les boites*/
	height: 0px;/*hauteur fond derriere les boites*/
   	/*z-index: 1550;*/ /*je ne sais pas si cela fonctionne*/
	background-color: #333;
	border-color: #666;
	/*border-style: solid;*/
	border-width: 0px 0px 0px 0px;
	text-decoration: none;

}

/* ----------------------------------------------------------------------------------------- */
.gauche { 
    position: absolute;
     /* position: relative;*/
    left: 0px;
    top: 150px;
    width: 0px;
    /*background: #ccc;*/
    /*border: 1px solid #666;*/
    background: transparent;
    border: 0px solid #ccc;
}

.centre { 
    background: #333;
   top: 150px;*/
    /*margin-left: 149px;*/
   border-color: #9933cc;
   border-width: 6px 8px 3px 8px;
   /*border: 1px solid #666;*/
   /* voice-family: "\"}\"";*/
    voice-family: inherit;
    /*margin-left: 151px;*/
    margin-right: 1px;
    padding: 5px;
    border-style: solid;
}

.centre1 { 
    background: #333;
   top: 250px;
    /*margin-left: 149px;*/
   border-color: #9933cc;
   border-width: 0px 0px 3px 0px;
   /*border: 1px solid #666;*/
   /* voice-family: "\"}\"";*/
    voice-family: inherit;
    /*margin-left: 151px;*/
    margin-right: 1px;
    padding: 5px;
    border-style: solid;
}
.centre2 { 
    background: #333;
   top: 180px;
   margin-left: 149px;
   border-color: #9933cc;
   border-width: 0px 0px 3px 0px;
   /*border: 1px solid #666;*/
   /* voice-family: "\"}\"";*/
    voice-family: inherit;
    /*margin-left: 151px;*/
    margin-right: 1px;
    padding: 5px;
    border-style: solid;
}

html>body .centre {
   /*margin-left: 151px;*/
   /*margin-right: 301px;*/
	
}

/*style des boites de navigation *//*style des boites de navigation *//*style des boites de navigation *//*style des boites de navigation */
.navbox {
	background-color: #333;
	border-color: #666;
	border-style: solid;
	 border-width: 5px 5px 2px 2px;
	color: #ccc;
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 14px; /*some button-like boxes for the left-side navigation*/
	font-weight: 500;
	line-height: 20.5px;
	margin: 0px 10px;
	padding: 0px;
	width: 125px;
        text-align: center;
        vertical-align: middle;

}





/*Eric Meyers grandiose CSS Pop Ups*/
a.nav span {display: none;}
/*style pop up*//*style pop up*//*style pop up*//*style pop up*/
a.nav:hover span {
   display: block;
   position: absolute; 
   top: 35px; 
   left: 130px; 
   width: 220px;
   height: 54px;
   padding: 14px; 
   z-index: 100;
   color: #ffffff; 
   background: #9933cc;
   font: 11px Verdana, Arial, sans-serif;
   border-color: #666;
	 border-width: 6px 5px 2px 2px;
	 border-style: solid;
        text-align: center;
        vertical-align: middle;

}

/*position pop up*/
a.nav:hover span.unten {
   position: absolute; 
  /*background: #708090;*/
   /*color: #708090;*/
   color: #ccc;
   top: 0px; 
   left: 170px;
        text-align: center;
        vertical-align: middle;


}


/*style des boites de navigation2222222 *//*style des boites de navigation *//*style des boites de navigation *//*style des boites de navigation */
.navbox1 {
	background-color: #333;
	border-color: #666;
	border-style: solid;
	border-width: 5px 5px 2px 2px;
	color: #ccc;
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 14px; /*some button-like boxes for the left-side navigation*/
	font-weight: 500;
	line-height: 20.5px;
	margin: 0px 26px;
	padding: 0px;
	width: 125px;
        text-align: center;
        vertical-align: middle;
}

/*Eric Meyers grandiose CSS Pop Ups22222222222222222222222*/
a.nav1 span {display: none;}
/*style pop up*//*style pop up*//*style pop up*//*style pop up*/
a.nav1:hover span {
   display: block;
   position: absolute; 
   top: 230px; 
   left: 26px; 
   width: 125px;
   height: 34px;
   padding: 12px;
   z-index: 100;
   color: #ccc; 
   background: #9933cc;
   font: 11px Verdana, Arial, sans-serif;
   border-color: #666;
	 border-width: 6px 5px 2px 2px;
	 border-style: solid;
        text-align: center;
        vertical-align: middle;

}



/*position pop up*222222222222222222/
a.nav1:hover span.unten1 {
   position: absolute; 
  /*background: #708090;*/
   /*color: #708090;*/
   color: #9933cc;
   top: 250px; 
   left: 270px;
	text-decoration: none;

}

/*now follow the section links in the navigation bar on the left side*/  
/*lien fond couleur des boites*22222222222222/     
a.nav1 {
	background: #333;
	/*color: #006699;*/
	color: #ccc;
	display: block;
	text-decoration: none;
   	width: 114px;
	padding: 0px;
    margin-left: 0px;
    margin-right: 0px;
   top: 200px; 
   left: 40px; 
        text-align: center;
        vertical-align: middle;
}

a.nav1:visited {
	/*background: 333;*/
	/*background: #EBF5FA;*/
	/*background: #EBF5FA;*/
	background: #333;
	/*color: #708090;*/
	color: #ccc;
	display: block;
	text-decoration: none;
	width: 114px;
   border-color: #9933cc;
	 border-width: 0px 4px 0px 4px;
	 border-style: solid;
	padding: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

a.nav1:hover {
	/*background: #EBF5FA;*/
	/*background: #EBF5FA;*/
	/*background: #333;*/
	background:#9933cc;
	/*color: #708090;*/
	color: #ccc;
	display: block;
	text-decoration: none;
	width: 114px;
   border-color: #9933cc;
	 border-width: 0px 3px 0px 3px;
	 border-style: solid;
	padding: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

/*for more info, see http://www.meyerweb.com/eric/css/edge/popups/demo.html */
/*Thank you, Eric!*2222222222222222222222222/  

/*now follow the section links in the navigation bar on the left side*/  
/*lien fond couleur des boites*/     
a.nav {
	background: #333;
	/*color: #006699;*/
	color: #ccc;
	display: block;
	/*text-decoration: none;*/
	width: 150px;
	padding: 0px;
    margin-left: 1px;
    margin-right: 1px;
        text-align: center;
        vertical-align: middle;
}

a.nav:visited {
	/*background: 333;*/
	/*background: #EBF5FA;*/
	/*background: #EBF5FA;*/
	background: #333;
	/*color: #708090;*/
	/*color: #9933cc;*/
	color: #ccc;
	display: block;
	text-decoration: none;
	width: 150px;
   border-color: #9933cc;
	 border-width: 0px 4px 0px 4px;
	 border-style: solid;
	padding: 0px;
    margin-left: 1px;
    margin-right: 1px;
}

a.nav:hover {
	/*background: #EBF5FA;*/
	/*background: #EBF5FA;*/
	/*background: #333;*/
background:#9933cc;
	/*color: #708090;*/
	color: #ccc;
	display: block;
	text-decoration: none;
	width: 150px;
   border-color: #9933cc;
	 border-width: 0px 3px 0px 3px;
	 border-style: solid;
	padding: 0px;
    margin-left: 1px;
    margin-right: 1px;
}

/*for more info, see http://www.meyerweb.com/eric/css/edge/popups/demo.html */
/*Thank you, Eric!*/  

/*normal links des textes*/
a:link {
	color: #ccc;
 text-decoration: none;
         text-decoration: #333;
	 /*text-decoration: underline;*/
}

a:visited {
	/*color: #ccc;*/
	color: #9933cc;
         text-decoration: none;
	/* text-decoration: underline; */
}

a:hover {
	background:#9933cc;
	color: #cccccc;
         text-decoration: none;
	/* text-decoration: underline; */
}

a:active {
	/*color: #63F;*/
               color: #9933cc;
	text-decoration: none;
}

/* ----------------------------------------------------------------------------------------- */

body { 
    margin: 10px 10px 10px 10px;
    padding: 0px;
    color: #fff;
    background: #333;
    text: #fff;
}

h1 {  
    font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
    font-size: 16px; 
    color: #ccc;
    text-align: center;
}

h2 {  
    font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
    font-size: 16px; 
    color: #ccc;
    text-align: center;
}

table.tuture {  
        width: 80%;
        border: 0px;
        padding: 4px;
}

td.photo {  
        width: 100%;
        text-align: center;
        vertical-align: middle;
        border: 0px;
}

td.discours {  
        vertical-align: top;
}

.anecdote { 
        font-style: italic;
        color: rgb(102, 102, 102);
}

.spec {  
        visibility: hidden;
}

.legende { 
        font-style: italic;
        color: ccc;
        text-align: center;
        margin-right: 0px;
        margin-left: 0px;
        font-size: 14px;
}

.legende1 { 
        color: rgb(102, 102, 102);
        text-align: center;
        margin-right: 10px;
        font-size: 16px;
}

.bread {   
        font-family: helvetica, arial, sans-serif;
        font-size: 10px;
        color: ccc;
}
.bread1 {   
        font-family: helvetica, arial, sans-serif;
        font-size: 15px;
        color: ccc;
        font-style: italic;
        font-style: gras;
}

table.sauts { 
              padding: 0px;
              border: 0px;
              width: 100%;
}

td.imagette { 
              vertical-align: top;
              text-align: center;
              color: maroon; 
              font-family: helvetica, arial, sans-serif;
              font-size: 10px;
}