@charset "utf-8";
* {
	border:0px;
	margin:0px;
	padding:0px
}

body {
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0;
	text-align: center;
	color: #404040;
	background-color: #8f55bf;
	background-image: url(body_bg.png);
	background-repeat: repeat-x;
	background-position: left 91px;
}

#header_portail {
	background-image: url(header_bg.gif);
	background-repeat: repeat-x;
	background-color: #A10005;
	height:91px;
}


#page_portail {
	position:relative;
	width: 774px;
	/*	background: transparent url(../images/bg_page-trans.png) repeat-y left;*/
	background: white url(page_bg.png) no-repeat left top;
	margin: 0 auto;
	text-align: left;
	height: 538px;	/*padding: 0px 40px;*/
}

h1 {
position:absolute;
left:28px;
top:466px;
text-align:center;
font-size:10px;
color:#404040;
font-family:Tahoma, Arial, sans-serif;
font-weight:normal;
width:718px;
}
#gwada {
 	background-color: #137799;
	background-image: url(gwada_bg.jpg);
	position:absolute;
	left:28px;
	top:10px;
	width:350px;
	height:216px;
	z-index:1;
}

#mada {
 	background-color: #137799;
	background-image: url(mada_bg.jpg);
	position:absolute;
	right:28px;
	top:10px;
	width:350px;
	height:216px;
	z-index:1;
}
#guya {
 	background-color: #137799;
	background-image: url(guya_bg.jpg);
	position:absolute;
	left:28px;
	top:243px;
	width:718px;
	height:216px;
	z-index:1;
}
/* def pour les vignettes */
.une {
position:absolute;
width:130px;
height:190px;
top:7px;
padding:1px;
background:#808080;
border:solid 5px white;
text-align:center;
color:white;
}
a:hover .une {
background:black;
border-color:#C40006;
}
#gwada a,#mada a, #guya a {
display:block;
height:216px;
text-decoration:none;
}
#gwada a span, #mada a span, #guya a span {
font-weight:normal;
color:white;
font-size:12px;
position:absolute;
bottom:10px;
left:10px;
text-align:center;
text-decoration:none;
}
#gwada a span, #mada a span {
width: 180px;
}
#guya a span {
width:365px;
}
#gwada a:hover span, #mada a:hover span, #guya a:hover span {
/*color:#660000;*/
text-decoration:underline;
}
#gwada .une, #mada .une {
right:7px;
}