/* Mise en page des news */
#news h3 {
	font-family: "Comic Sans MS", "Times New Roman", Arial;
	/* au cas où l'image ne s'affiche pas, le texte de remplacement est quand même mis en forme*/
	font-size: 150%;
	margin-bottom: 0px;
}

#news .news {
	border-left: solid 2px #19193f;
	padding: 0px 25px 15px;
	/* Respectivement, margin haut, droite et gauche, puis bas	*/
	margin: 0 15px;
	margin-left: 20px;
	margin-bottom: 10px;
	background-image: url("news.png");
	/* Place le bandeau vertical "news" sur la gauche de chaque news */
	background-repeat: repeat-y;
	background-position: 0px 8px;
}

#acceuil #news .news {
	margin-top: 0.5em;
	padding-bottom: 3px;
}

#news .news strong /* Mise en page du titre de la news */ {
	background-color: #dbdfea; /* Pour effacer le haut de la bordure */
	color: #441f01;
	position: relative; /* On place le titre en haut à gauche */
	bottom: 0.75em;
	right: 50px;
	padding: 0px 5px;
	border-bottom: solid 2px #19193f;
	border-left: solid 2px #19193f;
	font-size: 130%;
}

#news .news a {
	color: #000000;
	text-decoration: underline;
}

#news .news strong a {
	color: #441f01;
}

#news .news em
	/*Mise en page des informations (date et autres) de la news */ {
	color: #441f01;
	font-size: 0.75em;
}

#news .news .date {
	position: relative;
	bottom: 1em;
	right: 5px;
}

#news .news em a {
	color: #441f01;
}

#news #liste_news {
	margin-top: -5px;
	margin-left: 10px;
	padding: 3px;
	padding-right: 0;
	float: right;
	width: 40%;
	border: ridge #19193f 3px;
}

#news #liste_news em
	/*Mise en page des informations (date et autres) de la news */ {
	color: #441f01;
	font-size: 0.75em;
	margin-left: 5px;
}

#news #liste_news strong a {
	color: #441f01;
	text-decoration: underline;
}




#activite_droit {
	float: right;
	width: 48%;
}

#activite_gauche {
	float: left;
	width: 48%;
}

.menu_onglet {
	border-bottom: 1px solid #000000;
	padding-bottom: 24px;
	margin-bottom: 0;
}

.onglets {
	position: absolute;
	border: 1px solid transparent;
	padding: 0;
	font: bold 1em;
	list-style-type: none;
	margin-top: 0;
}

.onglets li {
	float: left;
	height: 20px;
	/* à modifier suivant la taille de la police pour centrer le texte dans l'onglet */
	background-color: #F4F9FD;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 2px;
	border: 1px solid #000000;
	border-bottom: none;
	padding: 0px 4px;
	border: 1px solid #000000
}

.onglets li.active {
	border: 1px solid black;
	border-bottom: 1px solid #fff;
	background-color: #fff;
}

#activite {
	height: 265px;
	padding: 4em 17% 0px 7% ; /* haut droite bas gauche */
	margin: 0em 0px 4em; 
	
	background-image: url("icone/index/fond_pied.png");
	background-repeat: no-repeat;
	background-position : top right;
}

#liste_news, #event, #sondage, #galerie, #yeticours {
	margin-top: -18px;
	border-left: 1px solid #000000; /* Ancienne valeur #9EA0A1*/
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	
	background-image: url("icone/index/certificat.png");
	background-repeat: no-repeat;
	background-position : top right;
	background-color: #FFFFFF;
	
	min-height: 15em;
}
/*
#event {
	padding-left: 20px;
}

#event h3 a{
	background-color: #dbdfea; 
	color: #441f01;
	padding: 0px 5px;
	border-bottom: solid 2px #19193f;
	border-left: solid 2px #19193f;
	font-size: 110%;	
	text-decoration: underline;
	position: relative;
	right: 20px;
}

#event strong{
	color: #441f01;
}

#event em{
	color: #441f01;
	font-size: 0.75em;
	margin-left: 5px;
}
*/