/**************************************************************************************************************/
/*			LES FEERIES D'AUTEUIL 2010 - Sur toutes les pages de suites
			
			Date : 26 octobre 2010
			Auteur : Marlène Cotterlaz
			URL : 
			
			Sommaire :	= RESET
						= GENERAL
						= HEADER
						= NAVIGATION
						= MAIN
						= FOOTER
						

*/
/**************************************************************************************************************/

/*------------------------------------------------------------------------------------------------------------*/
/*
	= RESET
*/
/*------------------------------------------------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}
body {
	font-family:arial;
	font-size:62.5%; /*ensuite 1em=10px en taille normale*/
	color:#000;
	background:#fff;
}
h1, h2, h3, h4, h5, h6{
	border: none;
    font-weight:bold;
}
ul{
	margin:0;
    padding:0;
	list-style-image:none;
	list-style-type:none;
    line-height:1.3em;
}

a{
	text-decoration:none;
	color:#000;
}
a:visited{
	text-decoration:none;
	color:#000;
}
a:hover, a:focus{
	text-decoration:underline;
	color:#000;
}
img{
	border:none;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= GENERAL
*/
/*------------------------------------------------------------------------------------------------------------*/
#wrapper{
	position:relative;
	margin:auto;
	padding:260px 0 60px 0;
    width:990px;
	min-height:500px;
	background:url(../images-feeries/fond-page.png) 0 0 repeat-y;
}
#wrapper .logo-apprentis-auteuil{
	position:absolute;
	z-index:2;
	top:30px;
	right:90px;
}
#wrapper div.boule{
	position:absolute;
	z-index:2;
	top:128px;
	right:0;
	width:212px;
	height:288px;
	background:url(../images-feeries/sprite.png) -488px 0 no-repeat;
}
#wrapper div.papi{
	position:absolute;
	bottom:75px;
	left:20px;
	width:99px;
	height:104px;
	background:url(../images-feeries/sprite.png) -488px -311px no-repeat;
}
#wrapper div.mamie{
	position:absolute;
	bottom:80px;
	left:730px;
	width:53px;
	height:87px;
	background:url(../images-feeries/sprite.png) -591px -311px no-repeat;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= HEADER
*/
/*------------------------------------------------------------------------------------------------------------*/
#header{
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:990px;
	height:673px;
	background:url(../images-feeries/fond-header.jpg) 0 0 no-repeat;
}
#header p{
	position:relative;
	margin:37px 0 0 22px;
	width:923px;
}
#header p a{
	display:block;
	width:922px;
	height:142px;
	color:#dc002e;
	font-size:2.5em;
}
#header p a img{
	z-index:2;
	top:0;
	left:0;
}
#header p img{
	position:absolute;
	z-index:1;
	top:80px;
	left:0;
	color:#172983;
	font-size:1.8em;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= NAVIGATION
*/
/*------------------------------------------------------------------------------------------------------------*/
#navigation{
	position:absolute;
	z-index:3;
	top:240px;
	left:30px;
	width:170px;
	height:480px;
	background:url(../images-feeries/sprite.png) 0 0 no-repeat;
}
#navigation li{}
#navigation li a{
	display:block;
	background-image:url(../images-feeries/sprite.png);
}
#navigation li a span{
	position:absolute;
	top:-5000px;
}

/*
	Etat normal
*/
#navigation li a.concert{
	margin:5px 0 0 0;
	width:121px;
	height:42px;
	background-position:-180px 0;
}
#navigation li a.animations-enfants{
	margin:0 0 0 10px;
	width:144px;
	height:57px;
	background-position:-180px -52px;
}
#navigation li a.exposition-de-creches{
	width:144px;
	height:67px;
	background-position:-180px -119px;
}
#navigation li a.marche-de-noel{
	margin:0 0 0 10px;
	width:110px;
	height:54px;
	background-position:-180px -196px;
}
#navigation li a.et-en-plus{
	margin:65px 0 0 12px;
	width:110px;
	height:40px;
	background-position:-180px -261px;
}
#navigation li a.infos-pratiques{
	width:110px;
	height:49px;
	background-position:-180px -311px;
}
#navigation li a.espace-media{
	margin:0 0 0 11px;
	width:122px;
	height:43px;
	background-position:-180px -369px;
}
#navigation li a.partenaires{
	width:121px;
	height:38px;
	background-position:-180px -422px;
}

/*
	Etat survolé et focus
*/
#navigation li a.concert:hover, #navigation li a.concert:focus{
	background-position:-334px 0;
}
#navigation li a.animations-enfants:hover, #navigation li a.animations-enfants:focus{
	background-position:-334px -52px;
}
#navigation li a.exposition-de-creches:hover, #navigation li a.exposition-de-creches:focus{
	background-position:-334px -119px;
}
#navigation li a.marche-de-noel:hover, #navigation li a.marche-de-noel:focus{
	background-position:-334px -196px;
}
#navigation li a.et-en-plus:hover, #navigation li a.et-en-plus:focus{
	background-position:-334px -261px;
}
#navigation li a.infos-pratiques:hover, #navigation li a.infos-pratiques:focus{
	background-position:-334px -311px;
}
#navigation li a.espace-media:hover, #navigation li a.espace-media:focus{
	background-position:-334px -369px;
}
#navigation li a.partenaires:hover, #navigation li a.partenaires:focus{
	background-position:-334px -422px;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= MAIN
*/
/*------------------------------------------------------------------------------------------------------------*/
#main{
	position:relative;
	z-index:2;
	margin:0 0 10px 20px;
	width:930px;
	min-height:490px;
	background:url(../images-feeries/fond-contenu.png) 200px 44px no-repeat;
	overflow:hidden;
}
#main .contenu{
	margin:0 0 0 200px;
	width:680px;
	color:#172983;
}
#main .contenu h1{
	margin:0;
	color:#172983;
	font-size:2em;
}
#main .contenu h2{
	margin:0 10px;
	font-size:1.6em;
	color:#dc002e;
}
#main .contenu h2 span{
	color:#172983;
	font-size:0.7em;
	font-weight:normal;
}
#main .contenu .sans-description{
	margin-top:30px;
}
#main .contenu .infos-supplementaires{
	font-style:italic;
	font-size:1em;
}
#main .contenu .gauche{
	float:left;
}
#main .contenu .droite{
	float:right;
	margin:0 150px 0 0;
}
#main .contenu .retabli-flux{
	clear:both;
}
#main .contenu .rajout{
	display:block;
	margin:0 10px 5px;
	font-size:1.4em;
	font-weight:bold;
}
#main .contenu .description2{
	display:block;
	margin:20px 120px 5px 10px;
	font-size:1.4em;
	font-weight:bold;
}
#main .contenu p.description{
	margin:20px 120px 20px 10px;
	font-size:1.4em;
	font-weight:bold;
}
#main .contenu p{
	margin:0 10px 20px;
	font-size:1.2em;
	line-height:1.4em;
}
#main .contenu ul{
	margin:3px 10px 20px;
	font-size:1.2em;
}
#main .contenu ul li{
	margin:0 0 10px 0;
	padding:0 0 0 6px;
	background:url(../images-feeries/puce.png) 0 6px no-repeat;
}

/*
	Partenaire
*/
#main .contenu .partenaire-niveau1{
	text-align:center;
}
#main .contenu .partenaire-niveau1 li{
	display:inline;
	padding:0 10px;
	background:none;
}
#main .contenu .partenaire-niveau2{
	margin:40px 0;
	text-align:center;
}
#main .contenu .partenaire-niveau2 li{
	display:inline;
	padding:0 10px;
	background:none;
}

/*
	Illustration
*/
#main .illustration-creches{
	float:left;
	margin:0 0 20px 150px;
	width:517px;
	height:208px;
	background:url(../images-feeries/illustrations/exposition-de-creches.png) 0 0 no-repeat;
}
#main .illustration-concerts{
	float:right;
	margin:-60px 20px 20px 0;
	width:608px;
	height:208px;
	background:url(../images-feeries/illustrations/concerts.png) 0 0 no-repeat;
}
#main .illustration-enfants{
	float:left;
	margin:0 0 20px 150px;
	width:517px;
	height:208px;
	background:url(../images-feeries/illustrations/animations-enfants.png) 0 0 no-repeat;
}
#main .illustration-marche{
	float:left;
	margin:0 0 20px 180px;
	width:517px;
	height:208px;
	background:url(../images-feeries/illustrations/marche-de-noel.png) 0 0 no-repeat;
}
#main .illustration-et-en-plus{
	float:right;
	margin:-60px 80px 20px 0;
	width:588px;
	height:278px;
	background:url(../images-feeries/illustrations/et-en-plus.png) 0 0 no-repeat;
}
#main .illustration-infos{
	float:left;
	margin:0 0 20px 250px;
	width:383px;
	height:183px;
	background:url(../images-feeries/illustrations/infos-pratiques.png) 0 0 no-repeat;
}
#main .illustration-media{
	float:right;
	margin:-70px 100px 20px 0;
	width:376px;
	height:215px;
	background:url(../images-feeries/illustrations/espace-media.png) 0 0 no-repeat;
}

/*
	Exergue
*/
#main .exergue{
	float:left;
	margin:0 0 0 50px;
	width:170px;
	height:135px;
	background:url(../images-feeries/sprite.png) 0 -490px no-repeat;
}
#main .exergue a{
	margin:14px 0 0 13px;
	display:block;
	width:144px;
	height:62px;
}
#main .exergue a span{
	position:absolute;
	top:-5000px;
}
#main .exergue a.creche{
	background:url(../images-feeries/sprite.png) -180px -490px no-repeat;
}
#main .exergue a.creche:hover{
	background:url(../images-feeries/sprite.png) -180px -562px no-repeat;
}
#main .exergue a.marche{
	background:url(../images-feeries/sprite.png) -334px -490px no-repeat;
}
#main .exergue a.marche:hover{
	background:url(../images-feeries/sprite.png) -334px -562px no-repeat;
}
#main .exergue .texte{
	margin:16px 0 0 23px;
}


/*------------------------------------------------------------------------------------------------------------*/
/*
	= FOOTER
*/
/*------------------------------------------------------------------------------------------------------------*/
#footer{
	position:absolute;
	bottom:0;
	left:0;
	min-height:100px;
	width:990px;
	background:url(../images-feeries/fond-footer.png) 0 bottom no-repeat;
}
#footer ul{
	margin:50px 40px 0 20px;
	text-align:center;
}
#footer ul li{
	display:inline;
	padding:0 10px;
	vertical-align:middle;
}
#footer p{
	margin:5px 40px 0 20px;
	text-align:center;
	color:#6092c4;
}
#footer p a{
	color:#6092c4;
}