@charset "utf-8";
/* CSS Document */

/* Page */ 
html { 
  font-size: 100%; /* Évite un bug d'IE 6-7. (1) */ 
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	background-color: #76797c;
	padding: 1em;
	font-size: .8em;
	max-width: 1000px;
	min-width: 1000px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	
	background-image: url(images/fd.gif);
	background-repeat: repeat-y;
	background-position: center;
	background-attachment: fixed;
	
}

/* Titres */ 
h1, h2, h3, h4, h5, h6 { 
  margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */ 
  line-height: 1.2; 
  font-weight: bold; /* Valeur par défaut. (6) */ 
  font-style: normal; 
} 
h1 { 
  font-size: 1.75em; 
} 
h2 { 
  font-size: 1.5em; 
} 
h3 { 
  font-size: 1.25em; 
} 
h4 { 
  font-size: 1em; 
}

/* Listes */ 
ul, ol { 
  margin: .75em 0 .75em 32px; 
  padding: 0; 
} 
 
/* Paragraphes */ 
p { 
  margin: .75em 0; /* Marges plus faibles que par défaut. (7) */ 
} 
address { 
  margin: .75em 0; 
  font-style: normal; 
} 
 
/* Liens */ 
a {
	font-weight:bold;
  	text-decoration: none; 
} 
a:link { 
  color: #CCCCCC; 
} 
a:visited { 
  color: #CCCCCC; 
} 
a:hover, a:focus, a:active {
	color: #000000;
} 
/* 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; 
}
span{
	
}
 
/* Formulaires */ 
form, fieldset { 
  margin: 0; 
  padding: 0; 
  border: none; 
} 
input, button, select { 
  vertical-align: middle; /* Solution pb. d'alignement. (9) */ 
}

/* ID */ 
#bandeau{
	margin-left:14em;
	padding-top:1em;
	padding-bottom:3em;
}
#decor{
	float:right;
	padding-right:3em;
}
#paris{
	margin-top:2em;
	display:block;
	text-align:center;
	/*background-color:#990000;*/
}
#bordeaux{
	display:block;
	float:right;
	width:50%;
	text-align:center;
	/*background-color:#00FF99;*/
}


/* Class */
.texttitre{
	font-weight:bold;
	color:#FFFFFF;
}
.lien {
	color: #FFFFFF;
}
.lien:hover{
	color: #000000;
}
.coul1, .coul2, .coul3, .coul4, .coul5, .coul6, .coul7 {
	display:block;
	width:1em;
	height:4em;
	margin-right:2em;
}
.bordeaux2{
	display:inline-block;
	float:right;
	width:230px;
	text-align:center;	/*background-color:#00FF99;*/
}
.separation{
	margin-top:5em;
	background-color:#76797c;
	display:block;
	height:2px;
}
.menu{
	float:right;
	height:20em;
	color:#CCCCCC;
	padding-left:5em;
}
.txtmenu{
	font-size:1.2em;
	padding-right:3em;
}
.colonnemenu{
	width:1.5em;
}
.spacer {
clear: both;
}
.copy{
	font-size:.8em;
	color:#3f3f3f;
}
.coul1{
	background-color:#219cd3;
}
.coul2{
	background-color:#84b819;
}
.coul3{
	background-color:#642180;
}
.coul4{
	background-color:#e20031;
}
.coul5{
	background-color:#fcc754;
}
.coul6{
	background-color:#e2007a;
}
.coul7{
	background-color:#00348a;
}