html { background: #3C3C3C; }
* { padding: 0px; margin: 0px; border: none; list-style: none; text-decoration: none; line-height: 18px; }


a { color: #FFFFFF; }
a:hover { color: #ACDF4A; text-decoration: underline; }


.clear {line-height: 0px; clear: both; height: 0px; font-size: 0px;}
.nodisplay { display: none; }


body 
{
	position: relative;
	width: 1000px;
	margin: 0 auto;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
	color: #FFFFFF;
	background: #ACDF4A;
}

#Haut
{
	float: left;
	clear: both;
	width: 900px;
	padding: 0px 50px;
}

#Zone_recherche
{
	float: left;
	width: 214px;
	height: 23px;
	padding: 5px 20px 0px 10px;
	background: #3A3A3A;
	color: #BDBCBC;
}
#Zone_recherche input { margin-left: 10px; }
#Zone_recherche #ThermesRecherches { width: 115px; }
#Zone_recherche #btn_search { float: right; }

#Menu_haut
{
	float: left;
	width: 350px;
	height: 23px;
	padding-top: 5px;
	padding-left: 239px;
	background: #3A3A3A;
	text-transform: uppercase;
}
#Menu_haut a { color: #FFFFFF; }
#Menu_haut .lien_accueil { margin-right: 18px; }
#Menu_haut .lien_accueil:hover, #Menu_haut .lien_accueil.selected { color: #FF8400; text-decoration: none; }
#Menu_haut .lien_acces { margin-right: 18px; }
#Menu_haut .lien_acces:hover, #Menu_haut .lien_acces.selected { color: #C9002F; text-decoration: none; }
#Menu_haut .lien_contact { margin-right: 20px; }
#Menu_haut .lien_contact:hover, #Menu_haut .lien_contact.selected { color: #0ED1E3; text-decoration: none; }
#Menu_haut .lien_liens {  }
#Menu_haut .lien_liens:hover, #Menu_haut .lien_liens.selected { color: #F645D7; text-decoration: none; }

#Drapeaux
{
	float: left;
	width: 61px;
	height: 23px;
	padding: 5px 6px 0px 0px;
	background: #3A3A3A;
	text-align: right;
}
#Drapeaux img { margin-left: 7px; }


#Zone_flash
{
	float: left;
	clear: both;
	width: 1000px;
	height: 385px;
	position: relative;
	z-index: 85;
}

#Flash_surimage
{
	float: left;
	width: 1000px;
	height: 385px;
	position: absolute;
	z-index: 86;
}

#Header_content
{
	float: left;
	width: 900px;
	padding: 0px 50px;
	height: 385px;
	position: absolute;
	z-index: 87;
}

#Texte_accueil
{
	float: left;
	width: 214px;
	padding: 15px 20px 0px 10px;
	text-align: justify;
}
#Texte_accueil strong { color: #BDF453; font-weight: normal; }

#Menu
{
	float: right;
	width: 157px;
	padding-top: 8px;
}
#Menu a:hover, #Menu .selected { color: #F645D7; }

#Menu .Rubrique
{
	width: 151px;
	padding: 6px 3px;
	background: url(/img/fond_menu.png) top left repeat-y;
	margin-top: 3px;
}
#Menu .Rubrique a { padding-left: 8px; background: url(/img/puce_menu.jpg) center left no-repeat; }
#Menu .Rubrique a:hover, #Menu .Rubrique .selected { padding-left: 8px; background: url(/img/puce_menu_on.jpg) center left no-repeat; text-decoration: none; }

#Menu .ssRubrique
{
	width: 134px;
	padding: 0px 3px 0px 20px;
	/*background: url(/img/fond_menu.png) top left repeat-y;*/
}
#Menu .ssRubrique a { padding-left: 0px; background: none; }
#Menu .ssRubrique a:hover, #Menu .ssRubrique .selected { padding-left: 0px; background: none; text-decoration: none; }

#Zone_contenu
{
	position: relative;
	clear: both;
	width: 877px;
	padding: 12px 15px 12px 8px;
	background: #3A3A3A url(/img/fond_contenu.jpg) top right no-repeat;
	margin: 0 auto;
}

#Col_gauche
{
	float: left;
	width: 230px;
}

#miniatures
{
	float: left;
	width: 230px;
	margin-bottom: 10px;
}
#miniatures img { border: solid 1px #787878; }
#miniatures .m_left { float: left; }
#miniatures .m_center { float: left; margin: 0px 10px; }
#miniatures .m_right { float: left; }

#Adresse
{
	float: left;
	width: 216px;
	padding: 2px 7px;
	margin-bottom: 10px;
	background: #8AC023 url(/img/fond_adresse.jpg) center right no-repeat;
}
#Adresse a:hover { color: #3A3A3A; }


#Menu_docs
{
	float: left;
	width: 215px;
	padding: 8px 10px 8px 5px;
	margin-bottom: 10px;
	background: #545454;
}

#Menu_docs .lien_cheque, #Menu_docs .lien_abonnements, #Menu_docs .lien_resa
{
	float: left;
	width: 190px;
	height: 20px;
	padding-top: 2px;
	padding-left: 25px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 6px;
}
#Menu_docs .lien_cheque { background: url(/img/btn_cheque.jpg) top left no-repeat; }
#Menu_docs .lien_abonnements { background: url(/img/btn_abonnement.jpg) top left no-repeat; }
#Menu_docs .lien_resa { background: url(/img/btn_resa.jpg) top left no-repeat; }


#Menu_docs .documents, #Menu_docs .videos
{
	float: left;
	width: 215px;
	margin-top: 2px;
	padding: 5px 0px;
	border-top: dashed 1px #3A3A3A;
}
#Menu_docs .documents li { padding-left: 25px; background: url(/img/puce_telecharger.jpg) top left no-repeat; margin-bottom: 5px; }
#Menu_docs .videos li { padding-left: 25px; background: url(/img/puce_video.jpg) top left no-repeat; }

#Actualite
{
	float: left;
	width: 208px;
	border: solid 1px #8C8B8B;
	padding: 10px;
	margin-bottom: 10px;
	text-align: justify;
}
#Actualite_accueil
{
	float: right;
	width: 148px;
	border: solid 1px #8C8B8B;
	padding: 10px;
	margin-top: 15px;
	text-align: justify;
}
#Actualite h2, #Actualite_accueil h2 { font-weight: normal; margin-bottom: 10px; }
#Actualite h2 a, #Actualite_accueil h2 a { color: #FF8400; }
#Actualite .Actualite_detail
{
	float: left;
	width: 208px;
	text-align: right;
	margin-top: 10px;
	padding-top: 5px;
	border-top: dashed 1px #8C8B8B;
}
#Actualite_accueil .Actualite_detail
{
	float: left;
	width: 148px;
	text-align: right;
	margin-top: 10px;
	padding-top: 5px;
	border-top: dashed 1px #8C8B8B;
}


#Col_droite
{
	float: left;
	width: 620px;
	padding-left: 27px;
}

#Ariane
{
	float: left;
	width: 465px;
	padding-right: 155px;
	text-align: right;
	color: #8C8B8B;
	font-size: 11px;
}
#Ariane a { color: #8C8B8B; }
#Ariane a:hover { color: #ACDF4A; }

#Msg_bienvenue
{
	float: left;
	width: 465px;
	padding-right: 155px;
}
#Msg_bienvenue .rub_ligne1 { font-size: 24px; color: #ACDF4A; line-height: 28px; }
#Msg_bienvenue .rub_ligne2 { font-size: 18px; color: #FFFFFF; line-height: 22px; }
#Msg_bienvenue .rub_ligne3 { font-size: 14px; color: #BDBCBC; line-height: 18px; }



#Footer
{
	float: left;
	clear: both;
	width: 900px;
	padding: 0px 50px;
	font-size: 11px;
	background: #ACDF4A;
}
#Footer a { color: #FFFFFF; }
#Footer a:hover { color: #FFC000; }
#Mentions_rss
{
	float: left;
	width: 440px;
	padding: 5px 0px 5px 10px;
	background: #545454;
}
#Ecom 
{
	float: left;
	width: 440px;
	padding: 5px 10px 5px 0px;
	background: #545454;
	text-align: right;
}