/* ---------------------- BODY, GENERIQUE ---------------------- */

body {
	margin: 0;
	padding: 0;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	color: #12000C;
	background: url(../images/structure/mains_fond_contenu.gif) repeat-x center bottom fixed;
	background-color: #12000C;
}


/* ---------------------- COMMUN ---------------------- */

body img {
	border: 0;
}

body p {
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #12000C;
}

body form {
	margin: 0;
	padding: 0;
}

body a {
	color: #CB0020;
	text-decoration: none;
}

body a:hover {
	text-decoration: underline;
}

body span.clear_both {
	clear: both;
	display: block;
	width: 0;
	height: 0;
	border: 0;
	font-size: 0;
}

div.bloc_float_left {
	float: left;
	margin: 0;
	padding: 0;
}

p.float_left {
	float: left;
	margin: 0 20px 10px 0;
	padding: 0;
}

p.float_right {
	float: right;
	margin: 0 0 10px 20px;
	padding: 0;
}





/* ---------------------- INFO-BULLE ---------------------- */

#overDiv {
	position:absolute;
	visibility:hidden;
	z-index:1000;
	margin: 0;
	padding: 10px 10px 10px 10px;
	border: 0;
	width: 300px;
	font-size: 11px;
	color: #12000C;
	background-color: #EBEBEB;
}

#overDiv h5 {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #CB0020;
	font-weight: bold;
}

#overDiv p {
	margin: 5px 0 0 0;
	padding: 0;
	text-align: left;
	font-size: 11px;
	color: #000000;
}

#overDiv h6 {
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 11px;
	color: #666666;
	font-weight: normal;
}








/* ---------------------- GLOBALCONTENEUR  ---------------------- */

#globalconteneur {
	margin: 0 auto 30px auto;
	padding: 0 0 20px 0;
	width: 980px;
	background: url(../images/structure/globalconteneur_fond.png) no-repeat left bottom;
}





/* ---------------------- HEADER ---------------------- */

#header {
	margin: 0;
	padding: 0;
	width: 980px;
	height: 200px;
	background: url(../images/structure/header_contenu_fond.gif) no-repeat left top;
}



#header p.ville_meaux {
	float: left;
	margin: 0;
	padding: 0 0 0 31px;
}

#header p.ville_meaux a {
	display: block;
	margin: 0;
	padding: 0;
	width: 161px;
	height: 47px;
	text-indent: -9000px;
}


#header h1 {
	float: left;
	margin: 0;
	padding: 10px 0 0 62px;
}

#header h1 a {
	display: block;
	margin: 0;
	padding: 0;
	width: 460px;
	height: 180px;
	text-indent: -9000px;
}



#player_radio {
	float: right;
	margin: 0;
	padding: 50px 31px 0 0;
	width: 120px;
	height: 120px;
}

#player_radio p {
	margin: 0;
	padding: 0;

}

#player_radio p a {
	display: block;
	margin: 0;
	padding: 0;
	width: 120px;
	height: 120px;
}





/* ---------------------- MAINMENU ---------------------- */

#mainmenu {
	margin: 0;
	padding: 0;
	width: 980px;
	height: 37px;
	background: url(../images/structure/mainmenu_contenu_fond.gif) no-repeat left top;
}

#mainmenu ul {
	margin: 0;
	padding: 0;
	height: 37px;
	list-style-type: none;
}

#mainmenu ul li {
	float: left;
	margin: 0;
	padding: 0;
	text-indent: -9000px;
}

#mainmenu ul li a {
	display: block;
	margin: 0 0 0 25px;
	padding: 0;
	height: 37px;
}


/* accueil */
#mainmenu ul li a.accueil {
	width: 42px;
	background: url(../images/mainmenu_contenu/accueil.gif) no-repeat 0 0;
}
#mainmenu ul li a.accueil:hover {
	width: 42px;
	background: url(../images/mainmenu_contenu/accueil.gif) no-repeat 0 -37px;
}

/* programmation */
#mainmenu ul li a.programmation {
	width: 148px;
	background: url(../images/mainmenu_contenu/programmation.gif) no-repeat 0 0;
}
#mainmenu ul li a.programmation:hover, a.programmation_selected {
	width: 148px;
	background: url(../images/mainmenu_contenu/programmation.gif) no-repeat 0 -37px;
}

/* infos_pratiques */
#mainmenu ul li a.infos_pratiques {
	width: 95px;
	background: url(../images/mainmenu_contenu/infos_pratiques.gif) no-repeat 0 0;
}
#mainmenu ul li a.infos_pratiques:hover, a.infos_pratiques_selected {
	width: 95px;
	background: url(../images/mainmenu_contenu/infos_pratiques.gif) no-repeat 0 -37px;
}

/* pros */
#mainmenu ul li a.pros {
	width: 31px;
	background: url(../images/mainmenu_contenu/pros.gif) no-repeat 0 0;
}
#mainmenu ul li a.pros:hover, a.pros_selected {
	width: 31px;
	background: url(../images/mainmenu_contenu/pros.gif) no-repeat 0 -37px;
}

/* partenaires */
#mainmenu ul li a.partenaires {
	width: 71px;
	background: url(../images/mainmenu_contenu/partenaires.gif) no-repeat 0 0;
}
#mainmenu ul li a.partenaires:hover, a.partenaires_selected {
	width: 71px;
	background: url(../images/mainmenu_contenu/partenaires.gif) no-repeat 0 -37px;
}

/* en_parallelles */
#mainmenu ul li a.en_parallelles {
	width: 162px;
	background: url(../images/mainmenu_contenu/en_parallelles.gif) no-repeat 0 0;
}
#mainmenu ul li a.en_parallelles:hover, a.en_parallelles_selected {
	width: 162px;
	background: url(../images/mainmenu_contenu/en_parallelles.gif) no-repeat 0 -37px;
}

/* editions_precedentes */
#mainmenu ul li a.editions_precedentes {
	width: 120px;
	background: url(../images/mainmenu_contenu/editions_precedentes.gif) no-repeat 0 0;
}
#mainmenu ul li a.editions_precedentes:hover, a.editions_precedentes_selected {
	width: 120px;
	background: url(../images/mainmenu_contenu/editions_precedentes.gif) no-repeat 0 -37px;
}

/* contact */
#mainmenu ul li a.contact {
	width: 45px;
	background: url(../images/mainmenu_contenu/contact.gif) no-repeat 0 0;
}
#mainmenu ul li a.contact:hover, a.contact_selected {
	width: 45px;
	background: url(../images/mainmenu_contenu/contact.gif) no-repeat 0 -37px;
}

/* myspace */
#mainmenu ul li a.myspace {
	width: 16px;
	background: url(../images/mainmenu_contenu/myspace.gif) no-repeat 0 0;
}
#mainmenu ul li a.myspace:hover, a.myspace_selected {
	width: 16px;
	background: url(../images/mainmenu_contenu/myspace.gif) no-repeat 0 -37px;
}










/* ---------------------- SUBMENU ---------------------- */

#submenu {
	margin: 0;
	padding: 7px 0 0 0;
	width: 980px;
	height: 22px;
	background-color: #FFFFFF;
}

#submenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#submenu ul li {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #12000C;
	font-weight: bold;
}

#submenu ul li a {
	margin: 0 0 0 25px;
	padding: 0;
	color: #12000C;
	text-decoration: none;
}

#submenu ul li a:hover, #submenu ul li a.selected {
	color: #CB0020;
	text-decoration: none;
}


#submenu ul li.deconnect {
	float: right;
	font-size: 11px;
	font-weight: normal;
}

#submenu ul li.deconnect a {
	margin: 0 25px 0 25px;
	padding: 0;
	color: #12000C;
	text-decoration: underline;
}






/* ---------------------- GLOBALCENTRE  ---------------------- */

#globalcentre {
	margin: 0;
	padding: 25px 30px 10px 30px;
	width: 920px;
	font-size: 11px;
	color: #12000C;
	background: url(../images/structure/globalcentre_fond.gif) repeat-x left top;
	background-color: #FFFFFF;
}












/* ---------------------- FORMULAIRES  ---------------------- */

#globalcentre form.saisie {
	margin: 0;
	padding: 0;
}

#globalcentre form.saisie label {
	display: block;
	margin: 0;
	padding: 0 0 3px 0;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	color: #666666;
}

#globalcentre form.saisie input.form_field, textarea.form_textarea {
	margin: 0 5px 0 0;
	padding: 2px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	color: #12000C;
	border: 1px solid #DDDDDD;
	background-color: #FFFFFF;
	vertical-align: middle;
}

#globalcentre form.saisie input.form_radio {
	margin: 0 2px 0 0;
	padding: 0;
	vertical-align: middle;
}

#globalcentre p.retour_form {
	margin: 0;
	padding: 0 0 20px 0;
	font-size: 11px;
	color: #CB0020;
	font-weight: bold;
}

#globalcentre form.saisie input.btn_valid {
	margin: 0 ;
	padding: 0;
	border: 0;
	cursor: pointer;
	vertical-align: middle;
}