/* CSS Document */

/* BALISES HTML GLOBALE */
* {
	margin: 	0;
	padding: 	0;
}

/* Comarquage */
.titre-texte{color:#FFBA00; font-size:1em; font-weight:bold; padding:10px 0 10px; } 
.li_pb{ padding: 0 100px 3px 0; }
table h4{ padding: 0 0 5px 0; }
table { padding : 5px 0 0 0 ;}
.box_sp_titre_o { color:#FFBA00; font-size:1em; font-weight:bold; padding:10px 0 0px;  }
.box_sp_titre_b { color:#FFBA00; font-size:1em; font-weight:bold; padding:10px 0 0px;  }


body {
	background-color: 	#6c6c6c;
	height: 			100%;
	text-align: 		center;
	padding: 0 0 10px 0;
}

a img {
	border: none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ACCESSIBILITE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#liensevitement { /* Block contenant les liens d'evitement */
	background-color: #6c6c6c;
	width: 				1000px;
	position: 			relative;
	margin-left: 		auto;
	margin-right: 		auto;
	text-align: 		right;
	color: 				#6c6c6c;
	font-size: 			0.7em;
}

#liensevitement a { /* Les liens d'evitement */
	color:	#6c6c6c;
}
#liensevitement a:hover, #liensevitement a:focus, #liensevitement a:active {  /* Rollover des liens d evitement */
	color: #464646;
}
h2.access {  /* Balise H2 masquee */
	position: 	absolute;
	color: 		#FFFFFF;
	z-index:	100;
	top:		-10000px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* STRUCTURE DE LA PAGE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#conteneur_bas {	 /* Conteneur global */
	background:#464646 url(images/bg_conteneur_bas.gif) no-repeat bottom;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 1000px;;
	z-index: 1;
	text-align: 		left;
}


#conteneur {	
	background: url(images/bg_conteneur_haut.gif) no-repeat top;
	padding: 11px 14px 9px 16px;
}


#flash {
	width: 			970px;
	height: 		108px;
	position: 		relative;
	margin-left: 	auto;
	margin-right: 	auto;
	z-index: 		2;
}

h1 {
	width: 	190px;
	height: 61px;
	margin: 11px 0 0 0;
}

p.date{
	float: 		right;
	color: 		#fff;
	margin: 	28px 0 0 0;
	font-size: 	0.8em;
}
#bandeau{
	margin-top: 	1px;
	/margin-top: 	10px;
	_margin-top: 	5px;
	width: 			970px;
	height: 		97px;
	position: 		relative;
}
	#bandeau .masque{
		position: 	absolute;
		top: 		0;
		left:		0;	
		width: 	970px;
	}
	#bandeau .fond{
		position: 	absolute;
		top: 		0;
		left:		0;
		width: 		970px;
		height: 	96px;
	}

	#bandeau .block_chemin{
		color: 		#fff;
		font-size: 	0.75em;
		padding: 	4px 0 0 10px;
		position: 	relative;
	}
	#bandeau .chemin a{
		font-size: 1em;
	}
	#oeil{
	float: 		right;
	margin: 	4px 10px 0 0;
	position: 	relative;
	z-index: 	1;
}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MENU INTERACTIF */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */	
#menu_interactif{
	width:		970px;
	min-height: 32px;
	_height:	32px;
	background: url(images/menu_interactif_right.gif) no-repeat right #0086B7;
	margin: 	5px 0 10px 0;
}
#menu_interactif_left{
	background: url(images/menu_interactif_left.gif) no-repeat left ;
	min-height: 32px;
	_height:	32px;
}

	#menu_interactif ul{
		padding-top: 5px
	}
	#menu_interactif ul li{
		display: inline;
	}
	#menu_interactif ul li a{
		color: 				#ffffff;
		font-size: 			0.75em;
		margin-left: 		17px;
		text-decoration:	none;
	}#menu_interactif ul li a:hover, #menu_interactif ul li a.on{
		color: 				#ffba00;
		text-decoration: 	underline;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* CONTENU EXTENSIBLE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#block_contenubg { /* Block contenu */
	background: 	url(images/bg_menu_gauche.jpg) repeat-y left;
	width: 970px;
}
#block_contenuhaut { /* Block contenu */
	background: 	url(images/bg_top_menu_gauche.jpg) no-repeat top left;
	width: 970px;
}
#block_contenubas { /* Block contenu */
	background: 	url(images/bg_bottom_menu_gauche.jpg) no-repeat bottom left;
	width: 970px;
}




/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* COLONNE GAUCHE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.gauche{
	width: 	244px;
	float:	left;
	display: inline;
}
#colonne_gauche_bottom{
	width: 			244px;
	overflow-x: 	visible!important;
	overflow-x: 	hidden;
	zoom:			1;
	
}
#colonne_gauche_top{
	padding-top: 	10px;
	zoom:			1;
}
#colonne_gauche { /* Colonne gauche */
	padding-bottom: 10px;
	zoom:			1;
}



#sous_menu_padding {
	background: #464646;
	padding: 10px 0 10px 0;
}
#sous_menu_actu_bg{
	overflow-x: visible!important;
	overflow-x: hidden;
	zoom:		1;
	width:		238px;
	color:		#fff;
	border: 1px solid #F4B304;
	padding: 5px 2px;
	/*
	background: 	url(images/bg_menu_actu.gif) repeat-y;
	*/
}	
	#sous_menu_actu_top{
		/*
		background: url(images/bg_top_menu_actu.gif) no-repeat top;
		padding-top:3px;
		zoom:		1;
		*/
	}
	#sous_menu_actu_bottom{
		/*
		background: 	url(images/bg_bottom_menu_actu.gif) no-repeat bottom;
		padding: 10px 0 3px 0;
		zoom:			1;
		*/
	}

#sous_menu_actu p{
	font-size:	0.9em;
	padding:	5px 5px 0 10px;
}
ul#sous_menu_actu_bottom {
	list-style-type:none;
	font-size:		0.75em;
	padding:		0 5px 5px 10px;
}
#sous_menu_actu ul li{
	padding: 0 0 10px 0;
}
#sous_menu_actu ul a{
	font-size: 	1.2em;
}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* COLONNE CONTENU */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#colonne_contenu {	
	z-index: 		50;	
	float: 			left;
	display: inline;
	width: 			692px;
	padding: 	0 10px 15px 18px;
	font-size: 		0.8em;	
	min-height: 	200px;
	_height: 		200px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FOOTER */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer { /* Block pied de page */
	width: 			970px;
	color: 			#fff;
	margin: 		10px 0 5px 0;
	padding: 		0;
}

#footer .contact, #footer .forum{
	padding-right:	8px;
	background:	 	#464646;
}

#footer .contact, #footer .forum{
	float: left;
}

#footer ul {
	vertical-align: middle;
	list-style-type:none;
	padding-top:	5px;
}

#footer ul li {
	display: 	inline;

}

#menu_divers {
	background: 	url(images/bg_footer.jpg) no-repeat right #6c6c6c;
	float: left;
	display: inline; 
	width: 430px;
	height: 28px;
	padding: 0 50px 0 30px;
}

#footer a {
	color: 			#fff;
	font-size: 		0.7em;
	font-weight: 	bold;
	text-decoration:none;
}
#footer a:hover{
	color: 			#ffba00;
	text-decoration:underline;
}	

#footer a.artplan, #footer a.artaccess, #footer a.artmentions{
	padding:	0 20px 0 20px;
}




/* Logo de droite (netvibes, facebook, rss) */
#footer ul#menu_reseaux {
	float: left;
	width: 123px;
	height: 28px;
	display: inline;
	padding: 0;
}
#footer #netvibes img, #footer #rss img, #footer #facebook img {
	height: 0;
	width: 0;
}
#footer #netvibes span, #footer #rss span, #footer #facebook span {
	display: none;
}
#footer #netvibes a {
	background: url(images/netvibes.gif) no-repeat bottom;
	height: 33px;
	width: 34px;
	display: block;
	float: left;
	display: inline;
	margin: 0 0 0 8px;
}
#footer #netvibes a:hover {
	background: url(images/netvibes.gif) no-repeat top;
}


#footer #rss a {
	background: url(images/rss.gif) no-repeat bottom;
	height: 33px;
	width: 33px;
	display: block;
	float: left;
	display: inline;
	margin: 0 0 0 8px;
}
#footer #rss a:hover {
	background: url(images/rss.gif) no-repeat top;
}

#footer #facebook a {
	background: url(images/facebook.gif) no-repeat bottom;
	height: 33px;
	width: 32px;
	display: block;
	float: left;
	display: inline;
	margin: 0 0 0 8px;
}
#footer #facebook a:hover {
	background: url(images/facebook.gif) no-repeat top;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FORMULAIRE DE RECHERCHE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#recherche {  /* Formulaire */
	width:		221px;
	height: 	33px; 
	float:		left;
	background: #6c6c6c;
	display: 	inline;
}

#recherche p{
	background: url(images/bg_rechercher.jpg) no-repeat left;
	height: 33px;
	width: 209px;
	padding: 0px 0px 0 12px; 
}

#recherche label { /* Label */
	display: none;
}

#recherche #Rechercher{
	background: none;	
}

#recherche img, #recherche input { 
	vertical-align: middle;
}

#recherche input { /* Champ de saisie */
	color: #fff;
	border: none;
	font-size: 0.75em;
	width: 175px;
	text-align: left;

}
#recherche input.boutonok, input.boutonok  {
	background: 	url(images/bg_rechercher_ok.jpg) no-repeat;
	width: 			20px;
	height: 		33px;
	margin-left: 	13px;
	border: 		medium none; 	/* NE PAS EFFACER CETTE LIGNE */
}

#recherche input.boutonok:hover, input.boutonok:hover {
	background: url(images/bg_rechercher_ok_hover.jpg) no-repeat;
	cursor: 	pointer;
}

/* RESEAUX SOCIAUX */
#reseaux_sociaux {
	margin: 30px 0 10px 0;
	text-align: right;
}
#reseaux_sociaux li {
	display: inline;
}

/* DIVERS */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* pour "pousser" si presence de float */
/* penser à placer un   pour eviter le bug sous netscape (page à rallonge) */ 
.clear {
	clear: both;
	height: 0px; /* correction page a rallonge sous netscape*/
	line-height: 0px;
	font-size: 1px;
}
.clearliste {
	clear: both;
}

/* Pour affichage correct PNG */
.format_png { behavior: url(win_png.htc); }

.imprimer { /* paragraphe bouton Imprimer */
	float: right;
	margin-top: 10px;
}
.siimprimer { /* masquage image bandeau imprimer */
	display: none;
}