body { background: #193c8d url(../medias/images/bg.jpg) no-repeat top center; padding: 0; margin: 0; text-align: center; }

#global { padding: 0; margin: 0 auto 0 auto; width: 1024px; text-align: left; }
#header { background: url(../medias/images/header.png) no-repeat top center; width: 1024px; height: 189px; padding: 0; margin: 0; }

#menu { background: url(../medias/images/menu.png) no-repeat top center; width: 1024px; height: 311px; padding: 0; margin: 0; }

#main_top { background: url(../medias/images/main_top.gif) no-repeat top center; width: 1024px; height: 20px; padding: 0; margin: 0; }
#main { background: url(../medias/images/bg_contenu.gif) repeat-y top center; width: 1024px; height: auto; min-height: 500px; padding: 0; margin: 0; overflow: auto; }
#main p { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #153e88; font-weight: bold; }
#main ul { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #153e88; font-weight: bold; }
#main a { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #dd2025; font-weight: bold; text-decoration: underline; }
#main a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #ff7f00; font-weight: bold; }
#main h1 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #008133; font-weight: bold; }
#main h2 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #008133; font-weight: bold; font-style:italic; }
#main h3 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #153e88; }

#main_bottom { background: url(../medias/images/main_bottom.gif) no-repeat top center; width: 1024px; height: 20px; padding: 0; margin: 0; }

#main_left { width: 310px; padding: 0; margin: 0; float: left; }
#main_right { width: 614px; padding: 15px 50px 0 0; margin: 0; float: left; }

#main_alone { width: 935px; padding: 0; margin: 0; float: left; }

#footer { background: url(../medias/images/footer.png) no-repeat top center; width: 1024px; height: 73px; padding: 0; margin: 0; }
#footer a { color: #fff; }
#footer a:hover { text-decoration: none; }

#page_standard_left { width: 273px; padding: 0 0 0 90px; margin: 0; float: left; }
#page_standard_right { width: 560px; padding: 15px 20px 0 0; margin: 0; float: left; }
#page_unique_right { width: 740px; padding: 15px 150px 0 130px; margin: 0; float: left; }
#page_unique_right_forfait { width: 740px; padding: 15px 20px 0 90px; margin: 0; float: left; }
#page_unique_right_tableau_forfait { width: 800px; padding: 0; margin: 15px 20px 0 110px; float: left; }
#page_unique_right_theme { width: 740px; padding: 15px 20px 0 90px; margin: 0; float: left; }

#recherche { background: url(../medias/images/recherche.gif) no-repeat top left; width: 251px; height: 47px; padding: 0; margin: 330px 0 0 728px; position: absolute; }

#tab_forfait { background: url(../medias/images/bg_contenu.gif) repeat-y top center; width: 1024px; height: auto; min-height: 500px; padding: 0; margin: 0; overflow: auto; }
#tab_forfait p { font-family: Arial, Helvetica, sans-serif; }
#tab_forfait a { font-family: Arial, Helvetica, sans-serif; color: #153e88; font-weight: bold; text-decoration: underline; }
#tab_forfait a:hover { font-family: Arial, Helvetica, sans-serif; color: #dd2025; font-weight: bold; }
#tab_forfait h1 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #008133; font-weight: bold; }
#tab_forfait h2 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #008133; font-weight: bold; font-style:italic; }

.bg3 {  vertical-align:middle; border-style:solid; border-color:#121212; border-width: 2px; border-collapse:collapse;}
.header { padding: 5px 5px 5px 5px; border-style:solid; border-width: 1px; border-collapse:collapse; text-align:center; width:300px; }
.header p { font-size: 14px; font-weight: bold; color: #FFFFFF;}
.headerautre { padding: 5px 5px 5px 5px; border-style:solid; border-width: 1px; border-collapse:collapse; text-align:center; width:83px; }
.headerautre p { font-family: Arial, Helvetica, sans-serif;  color: #FFFFFF; font-weight: bold; }

.mainbar { padding: 5px 5px 5px 5px;  border-style:solid; border-width: 1px;border-collapse:collapse; width:300px;}
.mainbar p { font-size: 12px; font-weight: bold; color: #153e88; }
.mainbar a { font-size: 12px; font-weight: bold; color: #153e88; }
.mainbar a :hover { font-size: 12px; font-weight: bold; color: #dd2025; }

.mainbarecono { padding: 5px 5px 5px 5px; background-color: #CBDE74; border-style:solid; border-width: 1px;border-collapse:collapse; width:83px; text-align:center;}
.mainbarecono p { font-size: 12px; font-weight: normal; color: #000000; }
.mainbarecono a { font-size: 12px; }
.mainbarecono a:hover { font-size: 12px; }

.mainbarfou { padding: 5px 5px 5px 5px; background-color: #B2E1EC; border-style:solid; border-width: 1px;border-collapse:collapse; width:83px; text-align:center;}
.mainbarfou p { font-size: 12px; font-weight: normal; color: #000000; }
.mainbarfou a { font-size: 12px; }
.mainbarfou a:hover { font-size: 12px; }

.mainbarprinca { padding: 5px 5px 5px 5px; background-color: #BDC2C9; border-style:solid; border-width: 1px;border-collapse:collapse; width:83px; text-align:center;}
.mainbarprinca p { font-size: 12px; font-weight: normal; color: #000000; }
.mainbarprinca a { font-size: 12px; }
.mainbarprinca a:hover { font-size: 12px; }

.mainbarprincb { padding: 5px 5px 5px 5px; background-color: #F29D5C; border-style:solid; border-width: 1px;border-collapse:collapse; width:83px; text-align:center;}
.mainbarprincb p { font-size: 12px; font-weight: normal; color: #000000; }
.mainbarprincb a { font-size: 12px; }
.mainbarprincb a:hover { font-size: 12px; }

.mainbarroyala { padding: 5px 5px 5px 5px; background-color: #EAB5B8; border-style:solid; border-width: 1px;border-collapse:collapse; width:83px; text-align:center;}
.mainbarroyala p { font-size: 12px; font-weight: normal; color: #000000; }
.mainbarroyala a { font-size: 12px; }
.mainbarroyala a:hover { font-size: 12px; }

.mainbarroyalb { padding: 5px 5px 5px 5px; background-color: #C6A3C6; border-style:solid; border-width: 1px;border-collapse:collapse; width:83px; text-align:center; }
.mainbarroyalb p { font-size: 12px; font-weight: normal; color: #000000; }
.mainbarroyalb a { font-size: 12px; }
.mainbarroyalb a:hover { font-size: 12px; }

.galerie { background: url(../medias/images/bg_galerie.jpg) no-repeat top left; width: 573px; height: 210px; padding: 0; margin: 20px 0 0 0; float: left; }
.galerie_l { background: url(../medias/images/bg_galerie_l.jpg) no-repeat top left; width: 540px; height: 210px; padding: 0; margin: 20px 0 0 0; float: left; }
.galerie_top { background: url(../medias/images/galerie_top.jpg) no-repeat top left; width: 727px; height: 65px; padding: 0; margin: 20px 0 0 0; }
.galerie_middle { background: url(../medias/images/galerie_middle.jpg) repeat-y top left; width: 727px; height: auto; padding: 0; margin: 0; }
.galerie_bottom { background: url(../medias/images/galerie_bottom.jpg) no-repeat top left; width: 727px; height: 63px; padding: 0; margin: 0; }

.map_top { background: url(../medias/images/map_top.jpg) no-repeat top left; width: 514px; height: 57px; padding: 0; margin: 20px 0 0 0; }
.map_middle { background: url(../medias/images/map_middle.jpg) repeat-y top left; width: 514px; height: auto; padding: 0; margin: 0; }
.map_bottom { background: url(../medias/images/map_bottom.jpg) no-repeat top left; width: 514px; height: 51px; padding: 0; margin: 0; }

.horaire_fete { background: url(../medias/images/bg_horaire.jpg) no-repeat top left; width: 494px; height: 254px; padding: 0; margin: 0 30px 0 0; float: left; }
.horaire_fete_l { background: url(../medias/images/bg_horaire.jpg) no-repeat top left; width: 494px; height: 254px; padding: 0; margin: 0 30px 0 0; float: left; }
.horaire_ouverture { background: url(../medias/images/bg_horaire_2.jpg) no-repeat top left; width: 494px; height: 196px; padding: 0; margin: 0 120px 0 0; float: left; }
.horaire_ouverture_l { background: url(../medias/images/bg_horaire_2.jpg) no-repeat top left; width: 494px; height: 196px; padding: 0; margin: 0 0 0 0; float: left; }
.horaire_ouverture_2 { background: url(../medias/images/heures.jpg) no-repeat top left; width: 255px; height: 175px; padding: 0; margin: 0 0 0 0; float: left; }
.membre { background: url(../medias/images/membre.png) no-repeat top left; width: 470px; height: 226px; padding: 0 0 0 20px; margin: 0 0 0 0; float: left; }
.footer_text { padding: 22px 0 0 70px; margin: 0; color: #fff; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }

.titre_orange { background: url(../medias/images/fete/theme/top_orange.jpg) no-repeat top left; width: 333px;  height:28px; padding: 0; margin: 0px 0px 0px 0px; float: left; }
.theme_orange { background: url(../medias/images/fete/theme/texte_orange_1px.jpg) repeat top left; width: 333px;  padding: 0; margin: 0px 0px 0px 0px; float: left; }

.titre_rose { background: url(../medias/images/fete/theme/top_rose.jpg) no-repeat top left; width: 333px;  height:28px; padding: 0; margin: 0px 0px 0px 0px; float: left; }
.theme_rose { background: url(../medias/images/fete/theme/texte_rose_1px.jpg) repeat top left; width: 333px;  padding: 0; margin: 0px 0px 0px 0px; float: left; }

.titre_vert { background: url(../medias/images/fete/theme/top_vert.jpg) no-repeat top left; width: 333px;  height:28px; padding: 0; margin: 0px 0px 0px 0px; float: left; }
.theme_vert { background: url(../medias/images/fete/theme/texte_vert_1px.jpg) repeat top left; width: 333px;  padding: 0; margin: 0px 0px 0px 0px; float: left; }


.spacer { clear: both; padding: 0; margin: 0; }
.texte_orange { color: #ff7f00; }
.texte_orange_fonce { color: #CB4F05; }
.texte_vert { color: #586B0F; }
.texte_rose { color: #D10E5D; }
.texte_gris_fonce { color: #0D0D0D; }
.texte_gris { color: #4C5051; }
.texte_rouge { color: #B31418; }
.texte_mauve { color: #774A73; }
.texte_bleu_fonce { color: #153e88; }

.forfaits { font-size: 24px; }


.toggler { width: 322px; height: 155px; position: relative; }
#button { padding: 5px 5px 5px 5px; text-decoration: none; color:#ffffff;}
#effect { width: 322px; height: 135px; padding: 0px 5px 5px 5px; position: relative; }
#effect h3 { margin: 0; padding: 0.4em; text-align: center; }