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

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}


/* ------------------ Mise en page générale ---------------------- */


#Grandconteneur {
	position:relative;
	width:855px;
	height:1250px;
	z-index:1;
	margin: auto;
	background-image:url(../images/fondsite.png);
}
#Logo {
	position:absolute;
	width:292px;
	height:94px;
	left: 18px;
	top: 22px;
}


/* ------------------ Bannières ---------------------- */

#Banniere1 {
	position:absolute;
	width:468px;
	height:60px;
	top:40px;
	left:350px;
	background-color:#CCCCCC;
}

#Banniere2 {
	position:absolute;
	width:468px;
	height:60px;
	top:1132px;
	left:350px;
	background-color:#CCCCCC;
}
#Labanniere2 {
	position:absolute;
	width:486px;
	height:60px;
	top:0px;
	left:0px;
}




/* ------------------ publicités carrés ---------------------- */

#carre1 {
	position:absolute;
	width:250px;
	height:250px;
	left:580px;
	top:156px;
	background-color:#CCCCCC;
}
#carre2 {
	position:absolute;
	width:250px;
	height:250px;
	left:580px;
	top:416px;
	background-color:#CCCCCC;
}
#carre3 {
	position:absolute;
	width:250px;
	height:250px;
	left:580px;
	top:676px;
	background-color:#CCCCCC;
}


/* ------------------ Editorials ---------------------- */


#Editorial {
	position:absolute;
	width:280px;
	height:324px;
	top:156px;
	left:25px;
	background-image:url(../images/fondedito.png);
}

#TetiereEditorial {
	position:absolute;
	width:95px;
	height:15px;
	left:180px;
	text-align:right;
}
#TetiereEditorial h1 {
	margin:0;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#F29400;
}

#TexteEdito {
	position:absolute;
	width:270px;
	height:290px;
	top:30px;
	left:5px;
	text-align:left;
}
#TexteEdito h1 {
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bolder;
	color:#000000;
}
#TexteEdito p {
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#666666;
}



/* ------------------ Menus ---------------------- */

#MenuHaut {
	position:absolute;
	width:816px;
	height:32px;
	top:120px;
	left:19px;
	background-image:url(../images/fondmenu.png);
}

ul#navigation {
	font:Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	list-style-type:none;
	text-align:center;
	margin-top: 10px;
	margin-right: 12px;
	margin-bottom: 12px;
	margin-left: -14px;
}

#navigation li {
	display:inline;
}

li.nav1 a {
	background-color:#E2001A;
	color:#FFFFFF;
	text-decoration:none;
	border-width:3px;
	border-color:#E2001A;
	border-style:solid;
}
li.nav1 a:hover {
	background-color:#FFFFFF;
	color:#E2001A;
	text-decoration:none;
	border-width:3px;
	border-color:#E2001A;
	border-style:solid;
}


li.nav2 a {
	background-color:#FCC300;
	color:#FFFFFF;
	text-decoration:none;
	border-width:3px;
	border-color:#FCC300;
	border-style:solid;
}
li.nav2 a:hover {
	background-color:#FFFFFF;
	color:#FCC300;
	text-decoration:none;
	border-width:3px;
	border-color:#FCC300;
	border-style:solid;
}

li.nav3 a {
	background-color:#97BE0D;
	color:#FFFFFF;
	text-decoration:none;
	border-width:3px;
	border-color:#97BE0D;
	border-style:solid;
}
li.nav3 a:hover {
	background-color:#FFFFFF;
	color:#97BE0D;
	text-decoration:none;
	border-width:3px;
	border-color:#97BE0D;
	border-style:solid;
}

li.nav4 a {
	background-color:#00662C;
	color:#FFFFFF;
	text-decoration:none;
	border-width:3px;
	border-color:#00662C;
	border-style:solid;
}
li.nav4 a:hover {
	background-color:#FFFFFF;
	color:#00662C;
	text-decoration:none;
	border-width:3px;
	border-color:#00662C;
	border-style:solid;
}

li.nav5 a {
	background-color:#0084A8;
	color:#FFFFFF;
	text-decoration:none;
	border-width:3px;
	border-color:#0084A8;
	border-style:solid;
}
li.nav5 a:hover {
	background-color:#FFFFFF;
	color:#0084A8;
	text-decoration:none;
	border-width:3px;
	border-color:#0084A8;
	border-style:solid;
}

li.nav6 a {
	background-color:#004A99;
	color:#FFFFFF;
	text-decoration:none;
	border-width:3px;
	border-color:#004A99;
	border-style:solid;
}
li.nav6 a:hover {
	background-color:#FFFFFF;
	color:#004A99;
	text-decoration:none;
	border-width:3px;
	border-color:#004A99;
	border-style:solid;
}

li.nav7 a {
	background-color:#93117E;
	color:#FFFFFF;
	text-decoration:none;
	border-width:3px;
	border-color:#93117E;
	border-style:solid;
}
li.nav7 a:hover {
	background-color:#FFFFFF;
	color:#93117E;
	text-decoration:none;
	border-width:3px;
	border-color:#93117E;
	border-style:solid;
}

#MenuBas {
	position:absolute;
	width:816px;
	height:32px;
	top:1195px;
	left:19px;
	background-image:url(../images/fondmenu.png);
}
ul#navigationBas {
	font:Geneva, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	list-style-type:none;
	text-align:center;
	margin-top: 10px;
	margin-right: 12px;
	margin-bottom: 12px;
	margin-left: -14px;
}
#navigationBas li {
	display:inline;
}
li.navbas a {
	color:#000000;
	text-decoration:none;
}
li.navbas a:hover {
	color:#FF0000;
	text-decoration:underline;
}


/* ------------------ Rubriques ---------------------- */

#Contenuindex {
	position:absolute;
	width:280;
	height:525;
	top:486px;
	left:25px;
}




#FondPeople {
	position:absolute;
	width:280px;
	height:74px;
	top:0px;
	left:0px;
	background-image:url(../images/rubriques-index/fond-people.png);
}
#TetierePeople {
	position:absolute;
	width:95px;
	height:15px;
	left:182px;
	top:1px;
	text-align:right;
}
#TetierePeople a {
	margin:0;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}
#TetierePeople a:hover {
	text-decoration:underline;
}



#FondCouple {
	position:absolute;
	width:280px;
	height:74px;
	top:80px;
	left:0px;
	background-image:url(../images/rubriques-index/fond-couplefamille.png);
}
#TetiereCouple {
	position:absolute;
	width:95px;
	height:15px;
	left:182px;
	top:1px;
	text-align:right;
}
#TetiereCouple a {
	margin:0;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}
#TetiereCouple a:hover {
	text-decoration:underline;
}



#FondSante {
	position:absolute;
	width:280px;
	height:74px;
	top:160px;
	left:0px;
	background-image:url(../images/rubriques-index/fond-sante.png);
}
#TetiereSante {
	position:absolute;
	width:95px;
	height:15px;
	left:182px;
	top:1px;
	text-align:right;
}
#TetiereSante a {
	margin:0;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}
#TetiereSante a:hover {
	text-decoration:underline;
}




#FondArgent {
	position:absolute;
	width:280px;
	height:74px;
	top:240px;
	left:0px;
	background-image:url(../images/rubriques-index/fond-argent.png);
}
#TetiereArgent {
	position:absolute;
	width:95px;
	height:15px;
	left:182px;
	top:1px;
	text-align:right;
}
#TetiereArgent a {
	margin:0;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}
#TetiereArgent a:hover {
	text-decoration:underline;
}




#FondCulture {
	position:absolute;
	width:280px;
	height:74px;
	top:320px;
	left:0px;
	background-image:url(../images/rubriques-index/fond-culture.png);
}
#TetiereCulture {
	position:absolute;
	width:95px;
	height:15px;
	left:182px;
	top:1px;
	text-align:right;
}
#TetiereCulture a {
	margin:0;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}
#TetiereCulture a:hover {
	text-decoration:underline;
}



#FondSortir {
	position:absolute;
	width:280px;
	height:74px;
	top:400px;
	left:0px;
	background-image:url(../images/rubriques-index/fond-sortirenfrance.png);
}
#TetiereSortir {
	position:absolute;
	width:95px;
	height:15px;
	left:182px;
	top:1px;
	text-align:right;
}
#TetiereSortir a {
	margin:0;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}
#TetiereSortir a:hover {
	text-decoration:underline;
}



#FondTourisme {
	position:absolute;
	width:280px;
	height:74px;
	top:480px;
	left:0px;
	background-image:url(../images/rubriques-index/fond-tourisme.png);
}
#TetiereTourisme {
	position:absolute;
	width:95px;
	height:15px;
	left:182px;
	top:1px;
	text-align:right;
}
#TetiereTourisme a {
	margin:0;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}
#TetiereTourisme a:hover {
	text-decoration:underline;
}



#photo {
	position:absolute;
	width:65px;
	height:65px;
	top:5px;
	left:4px;
	background-color:#CCCCCC;
}
#Texte {
	position:absolute;
	width:200px;
	height:50px;
	top:20px;
	left:75px;
}
#Texte a {
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bolder;
	color:#333333;
	text-decoration:none;
}
#Texte a:hover {
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bolder;
	color:#333333;
	text-decoration:underline;
}


/* ------------------ Jeux ---------------------- */


#Jeux {
	position:absolute;
	width:811px;
	height:87px;
	top:1042px;
	left:22px;
	background-image:url(../images/fondjeux.png);
}

#TitreJeux {
	position:absolute;
	width:811px;
	height:14px;
	top:5px;
	text-align:center;
}
#TitreJeux h1 {
	margin:0;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	letter-spacing:5px;
	font-weight:bolder;
	font-size:14px;
	text-decoration:underline;

}

#Jeu1 {
	position:absolute;
	width:50px;
	height:50px;
	top:25px;
	left:20px;
}
#Jeu2 {
	position:absolute;
	width:50px;
	height:50px;
	top:25px;
	left:100px;
}
#Jeu3 {
	position:absolute;
	width:50px;
	height:50px;
	top:25px;
	left:180px;
}
#Jeu4 {
	position:absolute;
	width:50px;
	height:50px;
	top:25px;
	left:260px;
}
#Jeu5 {
	position:absolute;
	width:50px;
	height:50px;
	top:25px;
	left:340px;
}
#Jeu6 {
	position:absolute;
	width:50px;
	height:50px;
	top:25px;
	left:420px;
}
#Jeu7 {
	position:absolute;
	width:50px;
	height:50px;
	top:25px;
	left:500px;
}
#Jeu8 {
	position:absolute;
	width:50px;
	height:50px;
	top:25px;
	left:580px;
}
#Jeu9 {
	position:absolute;
	width:50px;
	height:50px;
	top:25px;
	left:660px;
}
#Jeu10 {
	position:absolute;
	width:50px;
	height:50px;
	top:25px;
	left:740px;
}

/* ------------------ Le Magazine ---------------------- */

#Magazine {
	position:absolute;
	width:268px;
	height:377px;
	top:156px;
	left:308px;
}
#Couverture {
	position:absolute;
	width:268px;
	height:377px;
	top:0px;
	left:0px;
}
/* ------------------ Boutons ---------------------- */

#Boutons {
	position:absolute;
	width:268px;
	height:510px;
	top:530px;
	left:308px;
}


/* ------------------ Abonnement ---------------------- */

#FondAbonnement {
	position:absolute;
	width:230px;
	height:334px;
	top:622px;
	left:327px;
	background-image:url(../images/fondabonnement.png);
}

#TexteAbonnement {
	position:absolute;
	width:210px;
	height:30px;
	top:0px;
	left:10px;
	text-align:center;
}
#TexteAbonnement h1 {
	margin:0;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	line-height:16px;
	font-size:12px;
	font-weight:bold;
	color:#FF0000;
	text-align:center;
}

#FormulaireAbo {
	position:absolute;
	width:210px;
	height:275px;
	top:55px;
	left:10px;
	text-align:left;
}
#FormulaireAbo h1 {
	margin:0;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	line-height:16px;
	font-size:12px;
	font-weight:bold;
	color:#FF0000;
	text-align:center;
}
#AboOK {
	position:absolute;
	width:210px;
	height:40px;
	left:0px;
	top:235px;
}



/* ------------------ Boutons ---------------------- */


#lire {
	position:absolute;
	width:107px;
	height:56px;
	left:0px;
	top:0px;
}
a.lire {
	display:block;
	width:107px;
	height:56px;
	background:url(../images/boutons/lire.png) no-repeat 0 0;
}
a.lire:hover {
	background-position:0 -56px;
}




#telecharger {
	position:absolute;
	width:107px;
	height:56px;
	left:160px;
	top:0px;
}
a.telecharger {
	display:block;
	width:107px;
	height:56px;
	background:url(../images/boutons/telecharger.png) no-repeat 0 0;
}
a.telecharger:hover {
	background-position:0 -56px;
}



#ancienneseditions {
	position:absolute;
	width:228px;
	height:26px;
	left:20px;
	top:60px;
}
a.ancienneseditions {
	display:block;
	width:228px;
	height:26px;
	background:url(../images/boutons/ancienneseditions.png) no-repeat 0 0;
}
a.ancienneseditions:hover {
	background-position:0 -26px;
}


#petitesannonces {
	position:absolute;
	width:232px;
	height:39px;
	left:15px;
	top:432px;
}
a.petitesannonces {
	display:block;
	width:232px;
	height:39px;
	background:url(../images/boutons/petitesannonces.png) no-repeat 0 0;
}
a.petitesannonces:hover {
	background-position:0 -39px;
}


#tchat {
	position:absolute;
	width:70px;
	height:33px;
	left:0px;
	top:477px;
}
a.tchat {
	display:block;
	width:70px;
	height:33px;
	background:url(../images/boutons/tchat.png) no-repeat 0 0;
}
a.tchat:hover {
	background-position:0 -33px;
}

#voscourriers {
	position:absolute;
	width:155px;
	height:33px;
	left:112px;
	top:477px;
}
a.voscourriers {
	display:block;
	width:155px;
	height:33px;
	background:url(../images/boutons/voscourriers.png) no-repeat 0 0;
}
a.voscourriers:hover {
	background-position:0 -33px;
}

#netpartenariat {
	position:absolute;
	width:232px;
	height:39px;
	left:-280px;
	top:610px;
}
a.netpartenariat {
	display:block;
	width:232px;
	height:39px;
	background:url(../images/boutons/netpartenariat.png) no-repeat 0 0;
}
a.netpartenariat:hover {
	background-position:0 -39px;
}





#Liendur {
	position:absolute;
	left:28px;
	top:1178px;
	height:20px;
	width:200px;
}
#Liendur a {
	margin:0;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#333333;
	text-decoration:none;
}
#Liendur a:hover {
	text-decoration:underline;
}