body, html {
	width : 100% ;
	height : 100% ;
}

body {
	font : 11px "Verdana", Arial, sans-serif ;
	margin : 0 ;
	padding : 0 ;
	text-align : center ;
	background : #00354A ;
}

img {
	border : none ;
}

a {
	text-decoration : none;
}

a:hover {
	text-decoration : underline;
}

a.contenu {
	color : #3399CC ;
}

label {
	font-weight : bold ;
}

/** ====== INTERFACE GLOBALE ===== */

div.spacer {
	height : 1px ;
	clear : both ;
	width : 100% ;
}

div#site {
	margin : 0 auto ;
	padding : 0 ;
	width : 820px ;
	min-height : 98% ;
	_height : 98% ;
	background : url(images/fond_1pix.jpg) ;
}

div#bandeau_haut {
	width : 820px ;
	height : 22px ;
	margin : 0 auto ;
	padding : 0 ;
	background : url(images/bandeau_haut.jpg) no-repeat ;
}

div#bandeau_bas {
	width : 820px ;
	height : 178px ;
	margin : 0 auto ;
	padding : 0 ;
	background : url(images/bandeau_bas.jpg) no-repeat ;
}

div#contenu_gauche {
	float : left ;
	width : 160px ;
	text-align : right ;
}


div#contenu_centre {
	float : left ;
	width : 500px ;
}

div#contenu_droite {
	float : right ;
	width : 160px ;
}

div#credits {
	margin : 0 auto ;
	padding-top : 5px ;
	width : 820px ;
	background : url(images/fond_1pix.jpg) ;
	font-size : 9px ;
	color : #006A94 ;
}

a.credits {
	font-weight : bold ;
	color : #006A94 ;
	text-decoration : none;
}

/** ====== MENU GAUCHE ===== */

div.menu_cadre_haut {
	width : 160px ;
	min-height : 5px ;
	_height : 5px ;
	margin : 0 ;
	background : url(images/menu_cadre_haut.jpg) bottom no-repeat ;
}

div.menu_cadre_haut_liens {
	width : 160px ;
	min-height : 31px ;
	_height : 31px ;
	margin : 0 ;
	background : url(images/menu_cadre_haut_liens.jpg) no-repeat ;
}


div.menu_cadre {
	width : 160px ;
	margin : 0 ;
	padding-top : 1px ;
	padding-bottom : 1px ;
	background : url(images/menu_cadre_1pix.jpg) ;
}

div.menu_cadre_bas {
	width : 160px ;
	min-height : 12px ;
	_height : 12px ;
	margin : 0 ;
	background : url(images/menu_cadre_bas.jpg) no-repeat ;
}

div.menu_lien {
	height : 20px ;
}

div.menu_lien a {
	float : right ;
	display: block ; 
	width: 132px ;
	line-height: 18px ;
	color: #000 ;
	text-indent: 10px ;
	text-align : left ;
	background: url(images/menu_lien.jpg) no-repeat ;
	margin-top : 2px ;
}

div.menu_lien a:hover
{
	text-decoration : none ;
	background: url(images/menu_lien_hover.jpg) no-repeat ;
}

div.menu_partenaire {
	margin-right : 10px ;
	text-align : right ;
}

div.menu_partenaire_lien {
	text-align : left ;
	padding : 0px ;
	margin : 0px ;
	margin-left : 28px ;
}

div.menu_partenaire_lien a {
	color : #FFFFFF ;
}

hr.menu_separation {
	margin-left : 28px ;
	margin-right : 12px ;
	width : 120px ;
	color: #FFFFFF;
	background-color: #FFFFFF;
	height: 1px ;
	border: 0;
	padding: 0 ;
}

/** ====== MENU DROITE ===== */

div#ar_cadre_haut {
	width : 160px ;
	min-height : 26px ;
	_height : 26px ;
	margin : 0 ;
	background : url(images/ar_haut.jpg) no-repeat ;
}

div#ar_cadre {
	width : 160px ;
	margin : 0 ;
	background : url(images/ar_1pix.jpg) ;
	text-align : left ;
}

div#ar_cadre_bas {
	width : 160px ;
	min-height : 18px ;
	_height : 18px ;
	margin : 0 ;
	background : url(images/ar_bas.jpg) no-repeat ;
}

div#ar_stage {
	min-height : 21px ;
	_height : 21px ;
	background : url(images/ar_stage.jpg) ;
}

div#ar_soirees {
	min-height : 21px ;
	_height : 21px ;
	background : url(images/ar_soirees.jpg) ;
}

div.ar_texte {
	width : 125px ;
	font-size : 10px ;
	text-align: left ;
	margin-left : 12px ;
	margin-right : 5px ;
	margin-bottom : 5px ;
	margin-top : 5px ;
}

div.ar_lien {
	text-align : right ;
	width : 135px ;
	font-size : 10px ;
	margin-bottom : 5px ;
}

a.ar_stage {
	color : #FF0900 ;
}

a.ar_soiree {
	color : #FF8A00 ;
}

div#stats {
	color : #FFFFFF ;
	text-align : center ;
	font-size : 11px ;
}


/** ====== TITRE DE PAGE ====== */

div#titre_page {
	width : 480px ;
	border : 2px #3399CC dashed ;
	margin : 0 auto;
	margin-bottom : 5px;
	padding: 2px ;
}

p.titre_page {
	font-size : 12px ;
	font-weight : bold ;
}

p.titre_page_stitre {
	font-size : 11px ;
	color : #333333 ;
}


/** ====== STYLES SIMPLES ===== */

p.center {
	text-align : center ;
}

p.justify {
	text-align : justify ;
}

p.right {
	text-align : right ;
}

p.bold {
	font-weight : bold ;
}

a.contenu {
	color : #3399CC ;
}

/** ====== FORMULAIRES ===== */

table#_form {
	width : 530px ;
}

#form label {
	font-weight : bold ;
	height : 20px ;
	line-height : 20px ;
	font-size : 10px ;
	margin : 0 ;
	text-align : right ;
}

td.form_gauche {
	font-size : 11px ;
	width : 30% ;
	text-align : right ;
}

td.form_droite {
	width : 70% ;
	text-align : left ;
}

/** ====== PLANNING ====== */

div.planning_jour {
	width : 480px ;
	padding-top : 1px ;
	padding-bottom : 1px ;
	font-weight : bold ;
	color : #FFFFFF ;
	background : #006A94 ;	
}

div.planning_horaire_heure {
	float : left ;
	margin-left : 5px ;
	width : 80px ;
	color : #006A94 ;
	border : 1px #006A94 solid ;
}

div.planning_horaire_description {
	width : 380px ;
	font-size : 11px ;
	text-align: left ;
}

/** ====== AGENDA ====== */

a.evenement {
	color : #3399CC;
}

td.agenda_mois {
	width : 50% ;
	border : 1px #006A94 solid;
	text-align : center ;
}

div.agenda_mois {
	border : 1px #006A94 solid ;
	background : #006A94 ;
	font-weight : bold ;
	color : #FFFFFF ;
	text-align : center ;
	font-size : 10px ;
}

div.agenda_evenement {
	width : 95%;
	margin : 0 auto ;
	margin-top : 5px ;
	margin-bottom : 5px ;
	border : 1px #FE4A00 solid ;
	font-size : 10px ;
}

div.evenement_date {
	font-weight : bold ;
	background : #FE4A00 ;
	color : #FFFFFF ;
	font-size : 10px ;
}

div.evenement_titre {
	font-weight : bold ;
	text-align: left ;
	padding-left : 3px ;
	padding-right : 3px ;
	font-size : 10px ;
}

div.evenement_description {
	color : #555555 ;
	text-align: left ;
	padding-left : 3px ;
	padding-right : 3px ;
	font-size : 10px ;
}

div.evenement_heure {
	font-size : 10px;
	font-style : italic ;
	text-align : left ;
	padding-left : 3px ;
	padding-right : 3px ;
}

/** Catégorie */

div.agenda_categorie {
	width : 480px ;
	border : 2px #3399CC dashed ;
	margin : 0 auto;
	padding: 2px ;
}

p.agenda_categorie_titre {
	font-size : 12px ;
	font-weight : bold ;
}

p.agenda_categorie_description {
	font-size : 11px ;
	color : #333333 ;
}


/** ====== TARIFS ====== */

div#tarif_tableau {
	margin : 0 auto ;
	width : 480px ;
	border : 1px #006A94 solid ;
	padding : 0 ;
	text-align : center ;
}

div.tarif_detail {
	width : 95% ;
	border : 1px #00BBFF solid ;
	margin : 0 auto ;
	margin-bottom : 5px ;
	text-align : center ;
	font-size : 10px ;
}

div.tarif_titre {
	background : #006A94 ;
	color : #FFFFFF ;
	font-weight : bold ;
	margin-bottom : 5px ;
	font-size : 10px ;
}

div.tarif_stitre {
	background : #00BBFF ;
	font-size : 10px ;
}

table.tarif_detail {
	width : 97% ;
	margin : 0 auto ;
}

td.tarif_haut_col1 {
	width : 70% ;
}

td.tarif_haut_col2 {
	width : 15% ;
	font-weight : bold ;
	font-size : 11px ;
	font-style : italic ;
}

td.tarif_haut_col3 {
	width : 15% ;
	font-weight : bold ;
	font-size : 11px ;
	font-style : italic ;
}

td.tarif_detail_activite {
	width : 60% ;
}

p.tarif_detail_activite {
	font-weight : bold ;
	margin-bottom : 0 ;
	margin-top : 0 ;
	font-size : 10px ;
}

p.tarif_detail_description {
	margin-top : 0 ;
	font-style : italic ;
	font-size : 10px ;
}

td.tarif_detail_prix {
	font-size : 10px ;
	font-weight : bold ;
	text-align : center ;
}

div.tarif_contenu {
	width : 95% ;
	margin : 0 auto ;
	margin-top : 2px ;
	margin-bottom : 2px ;
	text-align : left ;
	font-size : 10px ;
}

/** ====== CONTACT ====== */

table#contact_tableau {
	margin : 0 auto ;
	width : 450px ;
	padding : 2px ;
	border : 2px #3399CC dashed ;
	background : #DCF1F9 ;
}

p.contact_erreur {
	font-weight : bold ;
	color : red ;
}

p.contact_ok {
	font-weight : bold ;
	color : green ;
}


/** ====== GALERIE ====== */

table.galerie {
	margin : 0 auto ;
	width : 450px ;
	padding : 2px ;
}

td.galerie_cellule {
	width : 150px ;
	text-align : center ;
}

div.galerie_categorie_titre {
	width : 480px ;
	font-size : 12px ;
	text-align : left ;
	margin : 0 auto ;
}

div.galerie_categorie_description {
	width : 450px ;
	font-size : 11px ;
	text-align : left ;
	margin : 0 auto ;
	margin-bottom : 10px ;
}

span.galerie_categorie_nombre {
	font-size : 10px ;
	font-style : italic ;
}

/** ====== ACCUEIL ====== */

div#accueil_cadre {
	width:480px ;
	margin : 0 auto ;
}

div#accueil_cadre_haut {
	width : 480px ;
	min-height : 91px ;
	_height : 91px ;
	margin : 0 ;
	background : url(images/accueil_cadre_haut.jpg) no-repeat ;
}

div#accueil_cadre_contenu {
	width : 480px ;
	margin : 0 ;
	padding : 0 ;
	background : url(images/accueil_cadre_1pix.jpg) repeat ;
}

p.accueil_cadre_contenu {
	margin : 0 ;
	padding : 0 ;
	margin-left : 20px ;
	margin-right : 20px ;
	padding-bottom : 10px ;
	font-size : 11px ;
	text-align:left ;
}

div#accueil_cadre_bas {
	width : 480px ;
	margin : 0 ;
	min-height : 6px ;
	height : 6px ;
	background : url(images/accueil_cadre_bas.jpg) no-repeat ;
}

span.accueil_init {
	font-size : 13px ;
	font-weight : bold ;
	color : #3399CC ;
}

/** ====== VIDEOS ====== */

div.video_titre {
	width : 480px ;
	font-size : 12px ;
	text-align : left ;
	margin : 0 auto ;
}

div.video_description {
	width : 450px ;
	font-size : 11px ;
	text-align : left ;
	margin : 0 auto ;
	margin-bottom : 10px ;
}