@charset "utf-8";

body { text-align: center; margin-top: -20px; background-color: #996633; 
}
#E1 { width: 900px; text-align: left; top: 0px; left: 50%; right: 50%; margin-top: 0px; margin-right: auto; margin-left: auto; background-position: bottom; background-color: #FFFFCC; 
}
#E1 #p1 ul { display: inline; text-decoration: none; }
#E1 #p1 li { display: inline; text-decoration: none; margin-right: 20px; margin-left: 20px; }
#E1 #p1 a { text-decoration: none; display: inline; }


#t1 { text-align: center; background-image: url(images/titre2.jpg); background-repeat: no-repeat; background-position: center center; height: 300px; margin-top: 10px; 
}
#t1b { text-align: center; background-image: url(images/titre2.jpg); background-repeat: no-repeat; background-position: center center; height: 300px; margin-top: 10px; 
}
#t2 { background-color: #FFFF99; height: 40px; text-align: center; font-family: "Comic Sans MS"; font-size: 24px; font-weight: bold; letter-spacing: 5px; color: #000000; padding-top: 2px; 
}
#G1 {
	width: 900px;
	text-align: left;
	height: auto;
	overflow: hidden;
}#c1 { width: 80px; float: left; height: 300px; 
}
#c2 {
	width: 270px;
	float: left;
	overflow: hidden;
	height: 200%;
	margin-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	margin-bottom: 5px;
}

#c3 {
	float: none;
	overflow: auto;
	height: 700px;
	margin-left: 10px;
}
#G1 #c1 a { height: 30px; display: block; text-align: left; text-indent: 15px; 
}
#G1 #c1 a:link { padding-top: 15px; 
}
#G1 #c1 a:visited { padding-top: 15px; 
}
#G1 #c1 a:hover { padding-top: 15px; 
}
#G1 #c1 a:active { padding-top: 15px; 
}
#c4 {
	text-align: center;
	height: auto;
	width: 900px;
	top: 0px;
	clear: both;
	padding-top: 0px;
}
#p1 {
	text-align: center;
	height: 20px;
	width: 900px;
	background-color: #00FF00;
	top: 0px;
	clear: both;
}

 span
      { display: none; color: #009900; text-decoration: none; width: 400px; font-style: normal;
      }
.boite {
	height: 80px;
	width: 350px;
	display: block;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: left;
	padding-right: 5px;
	padding-left: 5px;
	margin-right: 50px;
}
#E1 #G1 #c2 img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#E1 #G1 #c2b { float: right; width: 820px; }
.vignette span
      {

      }
      a.vignette:hover span /* On définit où va s'afficher l'image au passage de la souris */
      {
	display: block;
	top: 0px;
	right: 0px;
	text-decoration: none;
	height: auto;
	width: auto;
	position: fixed;
	border: 20px solid #CCC;
      } a.vignette:hover span img/* On définit où va s'afficher l'image au passage de la souris */
      {

      }