/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
* @Cécile Binjamin
*/

/* surlignage pérenne */
#menu ul li.active a:link,
#menu ul li.active a:active,
#menu ul li.active a:visited { color: white; background-color: black }

/* fait boujer tout sauf le titre et About this site"*/
* {
	margin: 0;
	padding: 0;
	
}

body {
	font-size: 10px;
	font-family: Georgia, normal;
	background: #fff;
}

body.section-1 { } /*???*/
body.section-2 { } /*???*/
body.section-3 { } /*???*/

a:link  { color: black; text-decoration: none; background-color: yellow } /* lien vierge */
a:active { text-decoration: underline; } /* ? */
a:visited { color: black; text-decoration: none; background-color: yellow } /* lien visité */
a:hover { color: white; text-decoration: none; background-color: black } /* dessus */

a img { border: none; }

#menu {
    width: 285px;
    overflow: scroll; /* réglage de l'ascenseur */
    top: 0px;
    bottom: 0;
	left: 0;
    position: fixed;
    height: 100%;
	padding: 15px 0px 0px 15px;
	z-index:200;
	line-height:11px;
	}

#menu ul {
	position: relative;
	list-style: none;
	margin: 0 0 50px 0;	 /* espace entre les catégories du menu */
	z-index:202;
}

/* titres section */
#menu ul li.section-title { font-size: 60px; line-height: 24px; z-index:201; margin: 0px 0;} 

#menu li {z-index:250; width: 285px;}

#content {
    height: 100%;
    margin: 0 0 0 0px; /* contenu à 0 du bord */
    top: 0;
}

/*contenant global*/

.container {
    padding: 0; z-index:3; position:relative; margin:0;/* réglage du menu: HAUT - x - x - déclage du bord gauche */
}

/*mise en page Cecile*/
.mep_cecile {
 position:fixed;		/*Permet de laisser le texte par dessus les images et le contenu*/
 margin:0px;			/*Fixe la marge ext�rieur de la boite*/
 padding:2px 0px 0px 2px;			/*Fixe la marge intŽrieur de la boite*/
 
 top: 35px;				/*Fixe la position de la boite dans le div dans lequel elle se trouve*/
 left: 315px;
 
 z-index:3;				/*Fixe le niveau de la boite en profondeur (plus l'indice est ŽlevŽ, et plus la boite se trouve au premier plan*/
 color: black;			/*Couleur du texte (en lettre ou en format couleur color: #44aa00;)*/
 text-decoration: none; /*PropriŽtŽ du texte (souligne: underline; surligne: overline; barre:line-through; clignote:blink ;rien: none ;barresouligne:underline line-through;)*/
 /*font-family: Arial, Helvetica, sans-serif;*/		/*changer la font*/
 /*font-size: 12pt;*/								/*taille de la font*/
 /*font-weight: bold;*/								/*graisse du caract�re (bold ou normal)*/
 /*font-style: italic;*/							/*style de la font  (normal, italic ou oblique)*/
 /*line-height: 18pt;*/								/*ecart entre les lignes*/
 /*text-indent: 20px ;*/							/*indentation du texte ˆ chaque paragraphe*/
 background: white;									/*choisir une couleur de fond ou une image de fond */
 /*width: 400px;*/									/*taille de la boite en largeur*/
 /*height: 50px;*/									/*taille de la boite en hauteur*/
 /*overflow: scroll;*/								/*force la presence de scroll (hidden, auto, scroll)*/
 filter:alpha(opacity=90);							/*oppacitŽ*/
 -moz-opacity:0.9;									/*oppacitŽ*/
 -khtml-opacity: 0.9;								/*oppacitŽ*/
 opacity: 0.9;										/*oppacitŽ*/

 
}

/*position des images du menu thumbnails*/
#backgrounded_menu {
margin:300px 300px;
}

/*contenu droite*/

#content p {width: 300px; margin-bottom: 9px; color: black; z-index:100; } /* contenu à 300 du bord */

.pics {
z-index:0; padding: 0px; margin: 0px;
}

p {
    margin: 0 0 0px 0; /* ??? 9 */
}

#hidetext {
	top: 15px;
	left: 315px;
	z-index: 300;
	position: fixed;
	letter-spacing: 0.3px;
	font-size: 10px;
	font-family: Georgia, normal;
		  }
		  
#showtext {
	display: none;
	top: 15px;
	left: 315px;
	z-index: 300;
	position: fixed;
	font-size: 10px;
	font-family: Georgia, normal;
		  }
  
a#showt:link { color: white;
			  text-decoration: none;
			  background-color: black;} 
			  
a#showt:visited  { color: white;
				  text-decoration: none;
				  background-color: black;} 
				  
a#showt:active  { color: white;
				 text-decoration: none;
				 background-color: black;}
				 
a#showt:hover { color: black;
			   text-decoration: none;
			   background-color: yellow ;}

a#hidet:link { color: white;
				  text-decoration: none;
				  background-color: black;} 
				  
a#hidet:visited  { color: white;
					  text-decoration: none;
					  background-color: black; } 
					  
a#hidet:active  { color: white;
					 text-decoration: none;
					 background-color: black; }
					 
a#hidet:hover { color: black;
				   text-decoration: none;
				   background-color: yellow; }



#nav {position: fixed;
	   left: 360px;
	   top:15px;
	   z-index:200;
	   }

h1 { font-size: 32px; } /* ??? */
h2 { font-size: 60px;
	 line-height:24px;
	 font-weight:lighter;
	 display:block;
	 z-index:200;				
					}
h3 { font-size: 16px; } /* ??? */
h4 { font-size: 12px; } /* ??? */

/*position des images du menu thumbnails*/
#img-thumbnails {margin:1px 0px 0px 303px;}
#img-container	 {margin: 0;  padding: 0; position:absolute; } 
#img-container p {width: 0px; margin:  0; padding: 0  ; }

#once { clear: left; }