@charset "UTF-8";
/* CSS Document */
 
/* Page */ 
html { 
  font-size: 100%;
} 
body {
	margin: 0;
	padding: 3em; /* Remettre à zéro si nécessaire. */
	font-family: trebuchet ms, verdana;
	font-size: 0.7em; /* À adapter pour la police choisie. (3) */
	line-height: .8; /* À adapter au design. (4) */
	color: #CCC;
} 
 
/* Titres */

h1 { 
  margin: .1em 0 .1em 0; /* Rapproche le titre du texte. (5) */ 
  line-height: 1; 
  font-size: 1.5em;
  font-family: trebuchet ms, verdana;
  font-weight: bold; /* Valeur par défaut. (6) */ 
   color: #CCC; 
}

h2 { 
  line-height: 1; 
  font-size: 1em;
  font-family: trebuchet ms, verdana;
  font-weight: normal; /* Valeur par défaut. (6) */ 
  text-align: center;
  color: #black;
}

h3 { 
  line-height: 1; 
  font-size: 1em;
  font-family: trebuchet ms, verdana;
  font-weight: normal; /* Valeur par défaut. (6) */ 
  text-align: center;
  color: #black;
}

h4 { 
  line-height: 1; 
  font-size: 1.2em;
  font-family: trebuchet ms, verdana;
  color: #CCC; 
  text-align:center;
}


menu {
	margin: 0; 
  padding: 3em; /* Remettre à zéro si nécessaire. */ 
  font-family: trebuchet ms, verdana;
  font-size: .7em; /* À adapter pour la police choisie. (3) */ 
  line-height: .8; /* À adapter au design. (4) */ 
  color: black; 
  font-weight:bold;
}
 
/* Liens */ 
a { 
  text-decoration: none; 
} 
a:link { 
  color: black; 
} 
a:visited { 
  color: black; 
} 
a:hover, a:focus, a:active {
	color: #999;
	text-decoration: underline;
} 
/* Pas de bordure pointillée ou halo lors du clic sur un lien */ 
a:active { 
  outline: none; 
} 
/* Pas de bordure autour des images dans les liens */ 
a img { 
  border: none; 
} 
 
/* Divers éléments de type en-ligne (8) */ 
em { 
  font-style: italic; 
} 
strong {
	font-weight: bold;
} 

/* Mise en page */

div#colonne { 
    float: left; 
    width: 150px; 
	height: 800px;
    margin-right: 40px; 
	margin-left:30px;
    background: white; 
	
}

div#colonne2 { 
    float: left; 
    width: 150px; 
	height: 800px;
    margin-right: 40px; 
	margin-left:10px;
    background: white; 
	
}


div#centre { 
    overflow: hidden; 
	height: 700px;
    background: white; 
}

div#centre2 { 
    overflow: hidden; 
	weight: 1020px;
	margin-right:5%;
    background: white; 
}

/* Images vignettes */

div#vignettes {
    display: block;
	text-align:center;
}

div#vignettes2 {
    display: block;
	text-align:center;
	weight:800px;
}


#gallery {
	overflow:hidden;
	overflow-x:scroll;
	height:600px;
	white-space:nowrap;
}