body
{
	font-family: Verdana, Helvetica, Arial, Swiss, Futura, sans-serif;
	color: #000000;
	font-size: 11px;	
	
	margin: 0px;
	padding: 0px;
	border: 0px;
	text-decoration: none;
	text-align: left;
	font-weight: normal;
		
	
}

/* -- Ecards -- */

#e_card div {
	margin: 10px 0px 20px 0px;
	}
	
#e_card .legende {
	font-size: 7pt;
	color: #666;
	letter-spacing: 1px;
	text-align: center;
	}	


/* -- cardlist -- */	
.carte_gauche {
	border: 1px solid #999;
	padding: 10px;
	background: #F1F1F1;
	}
	
	
.carte_droite {
	border: 1px solid #999;
	padding: 10px;
	background: #F1F1F1;
	}
	
.carte_gauche img {
	margin-bottom: 10px;
	}
	
	
.carte_droite img {
	margin-bottom: 10px;
	}	
	
.carte_gauche .select {
	font-size: 7pt;
	font-weight: bold;
	color: #000;
	}
	
.carte_droite .select {
	font-size: 7pt;
	font-weight: bold;
	color: #000;
	}



#carte {
	text-align: center;
	padding: 10px;
	border: 1px solid #999;
	background: #F1F1F1;
	}
	
#carte .image {
	margin: 0px 0px 20px 10px;
	}		
	
#carte .message {
	padding: 0px 10px 0px 10px;
	font-size: 10pt;
	font-family: Trebuchet MS;
	text-align: justify;
	}
	
.erreur {
	color: red;
	}

.datearticle {
	font-size: 9px;
	color: #999999;
	margin-bottom: 6px;
	}

.nl_mention {
	font-size: 11px;
	}

a.page_nav {
	margin-left: 5px;
	color: #666666;
	text-align: center;
}

a.page_nav:hover {
	color: #00A54C;
	text-decoration: underline;
}

.page_nav_active {
	margin-left: 5px;
	font-weight: bold;
	color: #00A54C;
}

a {
	text-decoration: none;
	}
	
#factbox p {
text-align: left;
}

.factbox_border {
	border: 1px solid #66A9DE;
}

.factbox {
	background: #F9FBFC;
	text-align: left;
}

.legende_photo {
	line-height: 11px;
	color: #666666;
	font-size: 10px;
	font-style: italic;
	text-align: center;
	}

/* ------- NEW ------- */





/* ----- FICHES ----- */
#fiche {
		margin: 0px;
		padding: 0px;
		width: 100%;
	}
	
#fiche div.tetiere {
	width: 100%;
	background-image: url("images/fiche_haut_bgd.png");
	margin-bottom: 16px;	
	}


#fiche div.contenu {
	padding: 0px 10px 0px 10px;
	}
	
#fiche div.to_friend {
	padding: 0px 10px 0px 10px;	
	}	
	
#fiche td.image {
	margin: 0px;
	padding: 10px 0px 0px 0px;
	border: 0px;
	}

#fiche div.article {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	}
	
#fiche div.bas {
	bottom: 10px;
	right: 10px;
	width: 100%;
	text-align: right;
	}
	
#fiche div.bas a {
	font-weight: bold;
	color: #00AE58;
	padding: 0px 10px 0px 10px;
	}
#fiche div.bas a:hover {
	color: #FF6633;
	}

/* ----- FICHES end ----- */

/* ----- FORMULAIRES ----- */
.champs_intitule {
	color: #00AE58;
	font-size: 11px;
	}
	
.champs {
	font-weight: bold;
	font-size: 12px;
	}
	
.okbutton {
	color: white;
	background: #00AE58;
	border: 1px solid #666666;
	}
	
.formbutton {
	color: white;
	background: #00AE58;
	border: 1px solid #4F4F4F;
	}	
/* ----- FORMULAIRES end ----- */	

/* ----- ARTICLELIST ----- */

#articles {
	width: 506px;
	padding: 0px;
	margin: 0px;
	line-height: 18px;
}


#article {
	padding: 0px;
	margin: 16px 0px 10px 0px;
}

.article_item {
	width: 350px;
	}

.article_filet {
	height: 10px;
	background: url("images/article_filet.png");
	}

.chemin {
	color: #909090;
	font-size: 11px;
	margin-bottom: 16px;
}
a.chemin:hover {
	color: #333333;
}

div.chemin {
	color: #909090;
	font-size: 11px;
	margin-bottom: 16px;
}

span.chemin {
	color: #909090;
	font-size: 11px;
	margin-bottom: 16px;
}

.titre_article {
	font-family: Trebuchet MS;
	font-weight: bold;
	font-size: 13px;
	color: #000000;
	}

.titre_article:hover {
	color: #FF6633;
}

.soustitre_article {
	font-size: 10pt;
	color: #EF6E46;
	font-weight: bold;
	
	text-align: left;
	
	padding: 0px 0px 0px 0px;
}

#articleview td.justifie {
	line-height: 18px;
	}

.titre_articleview {
	font-size: 12pt;
	color: #6F8184;
	font-weight: bold;
	
	text-align: left;
	
	padding: 0px 0px 0px 0px;
}

.hr {
padding: 0px;
margin: 0px;
text-align: left;
color: #FC8764;
}

#article img {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

.justifie {
	text-align: justify;
	font-size: 11px;		
}

div.justifie {
	font-size: 11px;		
}

a.justifie {
	color: #4F4F4F;		
}

a.justifie:hover {
	color: #F16E44;		
}


.lire_la_suite {
	color: #00AE58;
	font-size: 11px;
	}

a.lire_la_suite:hover {
	color: #FF6633;
	}

.retour {
	font-weight: bold;
	color: #FF6633;
}
.retour:hover {
	color: #00AE58;
}


.lien {
	color: #3191DD;
	font-size: 11px;
}
.lien:hover {
	color: #00AE58;
}

	/* ----- AFFICHAGE DES SOUS RUBRIQUES ----- */
	#sous_rubriques_haut {
		float: right;
		width: 140px;
		border: 1px solid #FF5A29;
		margin: -1px 0px 0px 14px;
	}
	
	#sous_rubriques_haut div.titre {
		font-weight: bold;
		color: #FF5A29;
		padding: 2px 6px 2px 6px;
	}
	
	#sous_rubriques_haut div.sous_rubriques {
		padding: 4px 0px 4px 6px;
	}	
	
	#sous_rubriques_haut a.sous_rubriques {
		color: #FF5A29;
	}
	#sous_rubriques_haut a.sous_rubriques:hover {
		color: #666666;
	}	
	
	/* ------ */
	#sous_rubriques {
		border: 1px solid #FF5A29;
		margin: 0px 0px 10px 0px;
	}
	
	#sous_rubriques div.titre {
		font-weight: bold;
		color: #FF5A29;
		padding: 2px 6px 2px 6px;
	}
	
	
	#sous_rubriques div.sous_rubriques {
		
		padding: 4px 0px 4px 6px;
		margin-top: 0px;
	}
	
	span.sous_rubriques_desc {
		font-size: 12px;
		color: #FF5A29;
	}		
	
	#sous_rubriques a.sous_rubriques {
		color: #FF5A29;
		
	}
	#sous_rubriques a.sous_rubriques:hover {
		color: #666666;
	}	
	
	
	
	/* ----- AFFICHAGE DES SOUS RUBRIQUES end ----- */

	/* RUBRIQUE HEAD */ 
	#rubrique_head {
		padding-bottom: 0px;
		/* *margin-bottom: 16px; */
		border-bottom: 1px solid #FF6633;
	}
	
	#rubrique_head img {
		padding: 0px;
		margin: 0px 6px 0px 0px;
		border: 0px;
	}
	
	.titre_rubrique {	
		font-size: 14px;
		color: #FF6633;
		font-weight: bold;
	}
	
	.rubrique_desc {
		color: #4F4F4F;
		font-style: italic;
	}
		
	/* RUBRIQUE HEAD end */ 
	
/* ----- ARTICLELIST end ----- */




/* ------- NEW END------- */

/* ------- CONTENU ------- */
#contenu {
	margin-left: 68px;
	margin-right: 21px;
	margin-top: 20px;
	margin-bottom: 20px;
	}


p {
	line-height: 18px;
	margin-top: 6px;
		
	}	

	
span.justifie {
	text-align: justify;
	line-height: 18px;
	}	
/* ------- CONTENU end ------- */

/* ------------ FRONTPAGE  ------------ */
#fp_1_article {	
	/*border-top: 1px dotted #00AE58;*/
	margin-bottom: 20px;
	}




#fp_1_article p {	
	margin: 0px;
	padding: 0px;
	}
	
#fp_1_article td.titre_article {	
	margin: 0px;
	padding: 0px;
	}
	
#fp_1_article td.justifie3 {	
	margin: 0px;
	padding: 0px;
	}				

.fp_listing1 {
	font-size: 9px;
	text-decoration: none;
	color: #336699;
	}
.fp_listing1:hover {
	text-decoration: none;
	color: #5AA0DA;
	}	
	
.listing1_filet {
	width: 172px;
	height: 10px;
	background: url("images/fp_listing1_filet.png");
	}
	
.fp_listing2 {
	font-size: 9px;
	text-decoration: none;
	color: #336699;
	}
	
.fp_listing2:hover {
	text-decoration: none;
	color: #00AD57;
	}	
	
.listing2_filet {
	width: 172px;
	height: 10px;
	background: url("images/fp_listing2_filet.png");
	}			
/* ------------ FRONTPAGE end  ------------ */


/* ------------ MENU HORIZONTAL XHTML  ------------ */

/*
#menu dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}*/


#menu {
float: left;
width: 664px;
}

#menu dl {
float: left;
margin: 0;
list-style-type: none;
}

.dt1 {
width: 136px;
list-style-type: none;
}

.dt2 {
width: 116px;
list-style-type: none;
}

.dt3 {
width: 96px;
list-style-type: none;
}

.dt4 {
width: 101px;
list-style-type: none;
}

.dt5 {
width: 102px;
list-style-type: none;
}

.dt6 {
width: 113px;
list-style-type: none;
}

#menu dd {
display: none;
width: 170px;
background-color:#E4EBF2;
border: 1px solid #FF6633;
position: absolute;
list-style-type: none;
margin-left:1px;
}

#menu dd ul {
display: block;
width: 170px;
list-style-type: none;
padding: 0px;
margin-left:0;
}

#menu li a {
font-family: Trebuchet MS;
overflow: hidden;
display: block;
width: 150px;
color: #FF6633;
text-decoration: none;
padding: 5px 10px 5px 10px;
list-style-type: none;
}

#menu li a:hover {
color: #FFFFFF;
background: #FF6633;
list-style-type: none;
}


/* ------------ MENU HORIZONTAL XHTML end ------------ */

/* ------------ MENU HORIZONTAL XHTML MAC ------------ */
#menumac {
height: 27px;
width: 664px;
}

#menumac dl {
float: left;
margin: 0;
list-style-type: none;
}

#menumac ul {
display: none;
position: absolute;
top: 10px;
width: 170px;
background-color:#E4EBF2;
border: 1px solid #FF6633;
list-style-type: none;
z-index: 500;
}


.dt1mac {
width: 136px;
}


#msmenuH1 {
position: relative;
}

.dt2mac {
width: 116px;
}


#msmenuH2 {
position: relative;
left: 209px;
}

.dt3mac {
width: 96px;
}

#msmenuH3 {
position: relative;
left: 325px;
}

.dt4mac {
width: 101px;
}

#msmenuH4 {
position: relative;
left: 421px;
}

.dt5mac {
width: 102px;
}

#msmenuH5 {
position: relative;
left: 522px;
}

.dt6mac {
width: 113px;
}

#msmenuH6 {
position: relative;
left: 625px;
}

/*
#menumac dd {
display: none;
width: 170px;
background-color:#E4EBF2;
border: 1px solid #FF6633;
position: absolute;
list-style-type: none;

margin-left: 1px;
}*/




/*
#sousrub_mac {
display: block;
background-color:#E4EBF2;
border: 1px solid #FF6633;
list-style-type: none;
}*/

#menumac li {
text-decoration: none;
}

#menumac li a {
font-family: Trebuchet MS;
color: #FF6633;
text-decoration: none;
display: block;
width: 150px;
padding: 5px 10px 5px 10px;
}

#menumac dt a {
color: #2A9000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menumac li a:hover, #menumac dt a:hover {
color: #FFFFFF;
background: #FF6633;
list-style-type: none;
}

/* ------------ MENU HORIZONTAL XHTML MAC end ------------ */


/* ------- MENU GAUCHE 1 ------- */
#menu_vertical_simple {
	width: 169px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	}
	
#menu_vertical_simple dl {
	margin: 0px;
	padding: 0px;
	border: 0px;
	}	
	
#menu_vertical_simple dt {
	text-align: right;
	margin: 0px;
	padding: 0px;
	border: 0px;	
	}
	
#menu_vertical_simple img {
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	border: 0px;	
	}
	
#menu_vertical_simple a {
	color: #336699;
	text-decoration: none;
	
	margin: 0px;
	padding: 0px;
	border: 0px;
	}

#menu_vertical_simple a:hover {
	color: #5AA0DA;
	}
	
/* ------- MENU GAUCHE 1 end ------- */

/* ------- FRAME ------- */
.ticker {
	height: 12px;
	color: #666666;
	z-index: 1;
}

	/* ------- PLAN DU SITE ------- */
	a.plan_document {
		color: #00AE58;
		text-decoration: none;
		}
	a.plan_document:hover {
		color: #FF6633;
		}
			
		
	a.plan_folder {
		font-weight: bold;
		color: #66A9DE;
		text-decoration: none;
		}
	a.plan_folder:hover {
		text-decoration: underline;
		}
	/* ------- PLAN DU SITE end ------- */


	/* ------- SMS ------- */
	.sms {
		border: 0px;
		margin: 0px;
		padding: 0px;
	}
	
	.sms_text {
		width: 102px;	
		border: 0px;
		
		background: #E9EFF5;
		color: #666666;
		font-size: 9px;
	}
	
	.sms_button {
		width: 20px;
		height: 19px;
		background: url("images/sms_ok.png") no-repeat 0px -1px;
		
		margin: 0px;
		padding: 0px;
		border: 0px;
	}
	
	/* ------- SMS end ------- */

	/* ------- NEWS ------- */
	.news {
		border: 0px;
		margin: 0px;
		padding: 0px;
	}
	
	.news_text {
		width: 102px;	
		border: 0px;
		
		background: #E9EFF5;
		color: #666666;
		font-size: 9px;
	}
	
	.news_button {
		width: 20px;
		height: 19px;
		background: url("images/news_ok.png") no-repeat 0px -1px;
		
		margin: 0px;
		padding: 0px;
		border: 0px;
	}
	
	/* ------- NEWS end ------- */

	/* ------- RECHERCHE ------- */
	.search {
		border: 0px;
		margin: 0px;
		padding: 0px;
	}
	
	.search input.text {
		color: #666666;
		
		height: 14px;
		width: 97px;
		font-size: 9px;
		border: 0px;
		padding: 0px 0px 0px 10px;
	}
	
	.search input.button {
		width: 26px;
		height: 18px;
		background: #CCCFD4;
		
		border: 0px;
		margin: 0px;
		padding: 0px;
		color: white;
	}
	/* ------- RECHERCHE end ------- */

/* ------- FRAME end ------- */


#envideo { padding:23px 10px 20px; background:url(images/envideo.gif) no-repeat; color:#000; width:155px; overflow:hidden; }
#envideo .titre_rubrique { color:#000; }
#envideo .artvideo { width:155px; }
#envideo .artvideo p embed { }
#envideo #touteslesvideo { clear:left; }
#envideo #touteslesvideo a { display:block; padding:2px 0 2px 14px; color:#000; background:url(images/touteslesvideos.gif) 0 5px no-repeat; }
#envideo #touteslesvideo a:hover { text-decoration:underline; }