* { margin:0; padding:0; border:0; }
body, html {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
}
body {
	background-color:#DDDE38;
	text-align:center;
}
h1 {
	font-size:16px;
	font-weight:normal;
	color:#D4D600;
	margin-top:12px;
}
h2 {
	font-size:12px;
	margin-bottom:12px;
}
/* Zone Clic retour accueil */
#zoneClic {
	float:right;
	width:40px;
	height:580px;
	margin-right:30px;
	margin-top:50px;
}
#zoneClic a {
	display: block;
	width: 100%;
    height: 100%;
}
/***************************/
#base {
	width:798px;
	height:700px;
	background-image:url(../images/bg_btn.gif);
	border:solid 1px #DDDE38;
	margin:0 auto;
	text-align: left;
}
#contenu {
	float:left;
	margin-left:182px;
	width:320px;
}
#vignettes {
	margin-top:96px;
	list-style-type:none;
}
#vignettes li {
	float:left;
	margin-right:8px;
}
#vignettes a {
	filter : alpha(opacity=80); /* pour IE */
    -moz-opacity : 0.8; /* pour mozilla et firefox */
    opacity : 0.8;  /* pour les navigateurs supportant CSS 3 */
}
#vignettes a:hover {
	filter : alpha(opacity=100);
    -moz-opacity : 1;
    opacity : 1; 
}
.spacer {
	clear:both;
	line-height:0;
}
.clic {
	margin:8px 0;
	font-style:italic;
}
#texte {
	margin-top:12px;
	height:280px;
	width:290px;
	padding-right:10px;
	overflow:auto;
}
.scroll_image {
	cursor: pointer;
}
#texte p {
	margin-bottom:10px;
}
#texte ul {
	list-style-type:none;
	margin-bottom:10px;
}
#texte a {
	color:#666;
	font-weight:bold;
}
#texte a:hover {
	color:#D4D600;
}
/* MENU */
#menu {
	float:left;
	margin-top:210px;
}
#menu li {
	list-style-type:none;
}
#menu li a {
	font-size:15px;
	color:#666666;
	text-decoration:none;
}
#menu li a:hover {
	color:#D4D600;
	text-decoration:none;
}
#menu li .menuOn {
	color:#D4D600;
	text-decoration:none;
}
.edition {
	margin-left:51px;
	margin-bottom:33px;
}
.web {
	margin-left:51px;
	margin-bottom:34px;
}
.logo {
	margin-left:92px;
	margin-bottom:35px;
}
.plaquette {
	margin-left:61px;
	margin-bottom:34px;
}
.illustration {
	margin-left:57px;
	margin-bottom:33px;
}
.aussi {
	margin-left:62px;
	margin-bottom:28px;
}
.projet {
	margin-left:19px;
	margin-bottom:29px;
}.contact {
	margin-left:9px;
}
/*************************/
.gras {
	font-weight:bold;
}
/* VIGNETTES SUIVANTES ET PRECEDENTES */
.last {
	float:left;
}
.next {
	float:right;
}
.last a, .next a {
	color:#666;
}
.last a:hover, .next a:hover {
	color:#D4D600;
}
/* PAGES DETAILS*/
#page_detail {
	margin-top:30px;
	margin-bottom:20px;
	
}
#page_detail img {
	border: 10px #DDDE38 solid;
}
#page_detail h1 {
	color:#666;
}
/* INFO VIGNETTES */
a.info {
  position:relative;
}
a.info:hover {
   background: none; 
   z-index: 500; 
}
a.info span {display: none;}
a.info:hover span {
   display: inline; 
   position: absolute;
   white-space: normal;
   font-size:12px;
   font-weight:normal;
   width:200px;
   bottom: 75px; 
   left:-70px;
   background: white;
   padding: 3px;
   border: 1px solid #DDDE38;
   border-top: 4px solid #DDDE38;
   color:#666;
}
/* FORMULAIRE */
#baseForm {
	width:501px;
	margin:0 auto 30px auto;
	text-align: left;
	background:#F1F3CB;
	padding-bottom:15px;
}
#baseForm form {
	margin-left:10px;
	margin-top:12px;
}
#baseForm p {
	margin-bottom:10px;
}
input, textarea {
	background:#EEEE9B;
}