/* CSS Document */
	
	
#page {
	position: relative;
	margin: auto;
	margin-top:0;
	width: 990px;
	background-color: #fff;
	background-repeat: no-repeat;
   	/*min-height: 792px;*/

}

* html #page {
	/*height: 792px;*/
}

.texte #page,
.accueil #page {
	background-image: url(/images/fond-page.gif);
}

.jeunesse #page {
	background-image: url(/images/fond-page-jeunesse.gif);
}


body {
	margin: 0;
	padding: 0;
	background-color: #e6e8e0;
}

#laDate {
	position: absolute;
	right: 20px;

	color: #636466;
	font-size: 13px;
}

.accueil #laDate {
	top: 137px;
}

.texte #laDate,
.jeunesse #laDate {
	top: 280px;
}


#titre {
	color: #ff8c26;
	font-size: 28px;
	font-weight: bold;
	position: absolute;
	right: 20px;
	top: 25px; 

}


#fil {
	color: #808285;
}

#fil a {

	color: #808285;

}

#fil a:hover,
#fil span {
	color: #869f48;
}

/*---------------------------
/* menu-gauche
/**/

#menu-gauche {
	position: absolute;
	
	top: 20px;
	left: 0;
	width: 183px;
	padding-left: 18px;

}

#menu-gauche a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 18px;

} 

#menu-gauche a:hover,
#menu-gauche .itemActif {
	color: #fcf3a5;
}

#menu-gauche ul, 
#menu-gauche li {
	margin : 0;
	padding : 0;
	list-style-type : none;

}

#menu-gauche li {
  margin-bottom: 5px;
}




#menu-gauche .sous-menu li {
   margin-bottom: 0;
}

#menu-gauche .sous-menu a {
  color: #fff;
  font-weight: normal;
  font-size: 12px;

}

#menu-gauche .sous-menu a:hover,
#menu-gauche .sous-menu .itemActif {
	color: #fcf3a5;
}

/*------------------------
/* photos-entete
/**/
#photos-entete {
	position: absolute;
	top: 129px;
	right: 0;
	width: 516px;
	height: 138px;
	
	background-repeat: no-repeat;

}

.jeunesse #photos-entete {
	background-image: url(/images/photo-haut-jeunesse.jpg);
	
}

.texte #photos-entete {
	background-image: url(/images/photo-haut.jpg);
	
}


/*-------------------------
/* menu-haut
/**/
#menu-haut {
	position: absolute;
	right:20px;
	top: 102px;
	font-size: 16px;
	color: #fff;
	
}

#menu-haut a {
	color: #fff;
	text-decoration: none;
}

#menu-haut a:hover {
	text-decoration: underline;
}


/*-------------------------
/* contenu
/**/

#contenu {
	
	width: 690px;
	padding-right: 10px;
	padding-left: 290px;
	color: #808285;
	
}

.accueil #contenu {
	padding-top: 163px;

}

.texte #contenu,
.jeunesse #contenu {
	
	background-repeat: no-repeat;
	background-position: bottom right;
	padding-top: 316px;
	

}


.texte #contenu {
	background-image: url(/images/arbre-droit.gif);
}

.jeunesse #contenu {
	background-image: url(/images/arbre-droit-jeunesse.gif);
}


#contenu h1 {
	font-size: 25px;
	color: #f39715;
	font-weight: normal;

}

#contenu h2 {
	color: #ff8417;
	font-size: 18px;
	
	
}

#contenu a {
	color: #869f48;
}

#contenu a:hover {
	color: #000;
}


#texte {
	min-height: 400px;
	width: 519px;

}

* html #texte {
	height: 400px;

}

.accueil #contenu h2 {
	padding:0;
	margin:0;	
}

.accueil #contenu h2.actualites {
	padding:0;
	margin:0;
	
	padding-left: 5px;
	
}

#intro {
	width: 424px;
	float: right;
}

#intro h1 {
	color: #902521;
	font-weight: normal;
	font-size: 33px;
	margin: 0;
	padding: 0;
}

#intro p {
	margin:0 ;
	padding: 0;
	margin-bottom: 10px;
}

#principal {
	width: 690px;
	float: right;
}

#principal-gauche {
	position: relative;
	float: left;
	width: 490px;
}


/*------------------------
/* liens rapides
/**/

#liens-rapides {
	float: right;
	width: 183px;
	padding-top: 33px;
	
}

#liens-rapides a {
	display:block;
	
	width: 97px;
	
	padding-left: 80px;
	
	padding-bottom: 5px;
	padding-right: 5px;
	background-repeat: no-repeat;
	background-position: 5px 5px;
	color: #fff;
	text-decoration: none;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
}

#liens-rapides a:hover {

}


#lien-employabilite {
	background-color: #ff8417;
	background-image: url(/images/photo-employabilite.jpg);
	height: 54px;
	padding-top: 20px;
	

}

#lien-entreprenariat {
	background-color: #92ac3f;
	background-image: url(/images/photo-entreprenariat.jpg);
	height: 54px;
	padding-top: 20px;
	

}

#lien-instances {
	background-color: #902521;
	background-image: url(/images/photo-instances.jpg);
	height: 64px;
	padding-top: 10px;
	
}

#lien-metiers-pour-toi {
	background-color: #84509a;
	background-image: url(/images/metiers-pour-toi.gif);
	height: 54px;
	padding-top: 20px;
	

}

/*-------------------------
/* actualites
/**/
#toutes-les-actualites {
	position: absolute;
	top: 5px;
	right: 5px;
	color: #902521;
}


#actualite {
	background-color: #fcf3a5;
	width: 480px;
	font-size: 12px;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#actualite p {
	padding: 0;
	margin: 0;
}

#actualite a {
	color: #902521;
	
}

#actualite span a {
	text-decoration: none;
	font-size: 14px;
}

#actualite span a:hover {
	text-decoration: underline;
	font-size: 14px;
}


#calendrier {
	float: left;
	width: 215px;
	
	padding-left: 5px;


}

#calendrier span a {
	text-decoration: none;
	font-size: 14px;
}

#calendrier a {
	color: #902521;
}

#calendrier span a:hover {
	text-decoration: underline;
}

#evenement {
	margin-bottom: 10px;
}


#saviez-vous {
	float: right;
	width: 227px

}

#logos {

	height:70px;
	width: 600px;
	padding-top: 40px;
	vertical-align: top;
	
}

#logos img {
	border: 0;
	padding-right: 30px;
}


/*-------------------------
/* pied
/**/
#pied {
	width: 990px;
	height: 35px;
	padding-top: 10px;
	margin: auto;
	color: #939598;
	font-size: 12px;
}

#pied a {
	text-decoration: none;
	color: #939598;
}

#pied a:hover {
	text-decoration: underline;
}

#realisation {
	float: right;
}

#copyright {
	float: left;
}

/*--------------------------------------------------------------------
/* MOOTOOLS ACCORDÉONS
/**/

#contenu h2.toggler {
	cursor: pointer;
	border: 0 !important;
	margin-top: 20px !important;
	padding-top: 6px !important;
	padding-bottom: 3px !important;
	padding-left: 7px !important;
	height: 26px !important;
	background-image: url(/images/fond-faq.gif);
	background-repeat: no-repeat;
	color: #fff;
	font-size: 14px !important;
	
}

.element {
	padding-left: 18px;
	padding-right: 18px;
	
}