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

html {
	padding:0;
	margin:auto;
	text-align:center;
	overflow:auto;
}
/*body {
	margin:0;
	padding:0;
	background-color: #00CC00;
	background-image:url(../images/PatternAventuraid.jpg);
	background-repeat: repeat;
}*/
.titre {
font-family:Arial, Helvetica, sans-serif;
color:#3366CC;
font-size:0.9em;
font-weight:bold;
}
.titre a{
font-family:Arial, Helvetica, sans-serif;
color: #999999;
font-size:0.9em;
font-weight:bold;
}

#AventuraidConteneur {
	position:relative;
	width:1200px;
	height:780px;
	top:0;
	margin:auto;
	text-align:left;
	background-color:#00FFCC;
	z-index:1;
}
#AventuraidEnteteMagazine {
	position:absolute;
	left:0px;
	top:0px;
	width:1200px;
	height:216px;
	margin:0;
    padding:0;
	background-image:url(../images/Webzine_01.jpg);
	background-repeat:no-repeat;
	z-index:2;
}
#AventuraidTexteMagazine{
	position:absolute;
	left:0px;
	top:216px;
	width:1200px;
	height:509px;
	margin:0;
    padding:0;
	background-image:url(../images/Webzine_02.jpg);
	background-repeat:no-repeat;
	z-index:2;
}
#AventuraidTexteRubrique{
	position:absolute;
	left:0px;
	top:216px;
	width:1200px;
	height:509px;
	margin:0;
    padding:0;
	background-image:url(../images/WebzineArticleTexte_02.jpg);
	background-repeat:no-repeat;
	z-index:2;
}
#AventuraidFooterMagazine {
	position:absolute;
	top:725px;
	left:0;
	margin:0;
	padding:0;
	height:55px;
	width:1200px;
	background-image:url(../images/Webzine_03.jpg);
	background-repeat:no-repeat;
	z-index:2;
}

/******************************************************************************************************************************/
/* Règles CSS pour positionner les articles sur la page d'accueil du site*/
/******************************************************************************************************************************/
/* c'est ici que je détermine des conteneurs pour chaque li afin de positionner le contenu de ces derniers dans l'espace*/
#articleWebZine {
	position:absolute;
	top:35px;
	left:410px;
	height:460px;
	width:740px;
	z-index:3;
	padding:0;
	margin:0;

	/*background-color:#336600;*/
}
#articleWebZine ul {
	width: 720px;
	/*background-color:#66FFFF; */
	margin:0px;
	padding:0px;
}
#articleWebZine ul li {
/*font-family:"Times New Roman", Times, serif;*/
	display: inline;
	list-style-type: none;
	width: 334px;
	height:220px;
	/*border:#000000 thin dotted; pointillé jaune qui entoure les li*/
	float: left;
	padding:9px;
	/*background-color:#66cc44; pour voir la couleur vert du LI dans l'espace*/
}
#articleWebZine ul li a{
color: #FF0000;
text-decoration:underline;
font-size:0.7em;
font-style:italic;
font-weight:bold;
}
/******************************************************************************************************************************/
/* Règles CSS pour positionner le menu rubriques sur la page d'accueil du site*/
/******************************************************************************************************************************/
#MenuRubriques{
position:absolute;
top:40px;
left:230px;
}
#articleWebZine ul li span{
text-align:left;

}
/******************************************************************************************************************************/
/* Règles CSS pour positionner le ocntenu rubrique sur la page rubrique du site*/
/******************************************************************************************************************************/
#ContenuRubrique{
	position:absolute;
	top:35px;
	left:410px;
	height:460px;
	width:700px;
	z-index:3;
	padding:0;
	margin:0;
	overflow:auto;
	/*background-color:#336600;*/
}