/* Init ------------------------------------ */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td , object, embed{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 0.97em; font-family: inherit; vertical-align: baseline; } /* Style Layout ------------------------------------ */ html { font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; background-color: #FF7700; background-image:url(/img/background.png); background-repeat: repeat-x; color:#633F32; } div#intro {width: 600px; margin: 0px auto; margin-top: 100px; text-align:center;} div#bann {height:500px; background: url(/img/ban-bg.png) repeat-x top left; width: 100%; position: absolute; top:75px; left:0;} div#master {width:850px;margin: 0 auto; min-height:100%; position:relative; } div#top { background: url(/img/top.png) no-repeat top left; height:215px; position:relative;} div#top span {position:absolute; width: 250px; height:95px; display:block; top:45px; left:40px;} div#middle { background: url(/img/middle.png) repeat-y; padding-left:25px; overflow:auto;} div#bottom { background: url(/img/bottom.png) no-repeat; height:356px; width:100%; vertical-align:top; position:relative;} div#nav { position: absolute; top: 155px; left:36px; height:40px; width:780px;} div#left { float:left; width:180px; margin-left: 10px;} div#right { float:right; width: 558px; margin-left:0px; margin-right:35px; padding: 0px 20px 10px 20px; overflow: hidden; vertical-align:top; min-height:850px; height:100%;}/*background: url(/img/background_right.png) left 1cm no-repeat;}*/ div#right:after {content:"."; display: block; height:0; clear:both; visibility:hidden;} div#left, div#right { margin-top: 15px;} div#bottom div#bottom_right { position:relative; top: 40px; left:240px; width:550px;} div#bottom div#bottom_right div#bottom_link div.link_col_s { float:left; width:275px;} div#bottom div#bottom_bottom {position:absolute; top: 335px; left:20px;width:800px; height:40px;padding: 5px 0px 10px 0px; text-align:right; } /* Positionning style ------------------------------------ */ .al_left {float:left;} .al_right {float:right;} .al_center {margin: 10px auto;} .al_center2 {margin: 0px auto; display:table;} .right {text-align: right;} /* Colours ------------------------------------ */ /* * O: FF7700 * O+: E26100 * O-: FF9B50 * O--: FFBB88 * V: AA00AA * V-: E200E8 * V--: A779A8 * V---: F9B9FC * V+: 77007A * M: 772200 * M-: 9E4D32 * M--: C17A61 * M+: 633F32 * R: D4181B * */ .orange { color:#FF7700;} .purple { color:#AA00AA;} .purple_light {color:#A779A2;} .brown { color:#772200;} .col_p_lll {color: #F9B9FC;} /* Margin & Padding ------------------------------------ */ .m_5 { margin:5px;} .m_10 {margin: 10px} .m_12 {margin: 12px} .m_t_10 {margin-top:10px;} .p_l_10 {padding-left:10px;} /* Sizing ------------------------------------ */ .w_170 { width: 170px;} .w_250 { width: 250px; margin-left:20px;} /* Divers style ------------------------------------ */ #log_update { width:50%; margin: auto; position:absolute; top:15%; left:30%; z-index:200;} div.warn_ko { margin:10px auto; width:300px; background-color: #FFDFDF; border:2px solid #E34D4D; padding: 5px 10px; color:#E34D4D; font-size:14px;-moz-border-radius: 10px;} div.warn_ok { margin:10px auto; width:300px; background-color: #EBFDC3; border:2px solid #678622; padding: 5px 10px; color:#678622; font-size:14px;-moz-border-radius: 10px;} div#handle, div#handle2 {cursor:move;} .ajax-loading { padding: 20px 0;background: url(/img/loading.gif) no-repeat center;} div.spacer {clear:both;} div#dedi {font-size:0.85em;z-index:10;overflow:hidden; color:#E26100; position:absolute; top:75px; left:312px; width:400px;height:55px;} div#dedi_d { padding: 5px; -moz-border-radius: 10px;} div.dedi_off {background-color: inherit; height: 55px; border:none;} div.dedi_on {background-color: #F9B9FC; border: 1px solid #AA00AA; color:#AA00AA;} div#left div#pub {margin: 10px auto; width: 170px; text-align:center;} .code { padding: 10px; border: 1px #AA00AA solid ; background-color: #F9B9FC; color: #AA00AA; margin-top: 10px; font-family: Courier;} .hidden {display:none; visibility: hidden;} /* Font style ------------------------------------ */ .size_1_2 {font-size:1.2em;} .size_1_8 {font-size:1.8em;} .un_1_v {border-bottom: 1px solid #7700AA;} div#right hr.light { background-color: #FF9B50;height: 1px; border: 0; color: #FF9B50;} div#right hr.dark { background-color: #772200; height: 1px; border: 0; color: #772200;} div#left h1.pub { background: url(/img/inter_pub_s.png) no-repeat; display:block; width:170px; height:20px; padding:0; } div#left h1.part { background: url(/img/inter_part_s.png) no-repeat; display:block; width:170px; height:20px; padding:0; } div#left h1.search { background: url(/img/inter_search_s.png) no-repeat; display:block; width:170px; height:20px; padding:0; } div#left h1.news { background: url(/img/inter_news_s.png) no-repeat; display:block; width:170px; height:20px; padding:0; } div#left h1.facebook { background: url(/img/inter_facebook_s.png) no-repeat; display:block; width:170px; height:20px; padding:0; margin-top: 20px; } div#right h1 {display:block; width:550px; height:80px; padding:0;text-indent: -9999px; } div#right h1.prochainement { background: url(/img/h1_next.png) no-repeat; } div#right h1.news { background: url(/img/h1_news.png) no-repeat; } div#right h1.plan { background: url(/img/h1_plan.png) no-repeat; } div#right h1.mentions { background: url(/img/h1_mentions.png) no-repeat; } div#right h1.agenda { background: url(/img/h1_agenda.png) no-repeat; } div#right h1.contact { background: url(/img/h1_contact.png) no-repeat; } div#right h1.presentation { background: url(/img/h1_presentation.png) no-repeat; } div#right h1.activites { background: url(/img/h1_activites.png) no-repeat; } div#right h1.membres { background: url(/img/h1_membres.png) no-repeat; } div#right h1.creations { background: url(/img/h1_creations.png) no-repeat; } div#right h1.manifestations { background: url(/img/h1_manifestations.png) no-repeat; } div#right h1.matos { background: url(/img/h1_matos.png) no-repeat; } div#right h1.artistes { background: url(/img/h1_artistes.png) no-repeat; } div#right h1.photos { background: url(/img/h1_photos.png) no-repeat; } div#right h1.admin { background: url(/img/h1_admin.png) no-repeat; } div#right h1.link { background: url(/img/h1_liens.png) no-repeat; } div#right h1.mail { background: url(/img/h1_mail.png) no-repeat; } div#right h1.atelier { background: url(/img/h1_atelier.png) no-repeat; } div#right h1.dedi { background: url(/img/h1_dedicace.png) no-repeat; } div#right h1.search { background: url(/img/h1_search.png) no-repeat; } div#right h1.portefolio { background: url(/img/h1_portefolio.png) no-repeat; } div#right h1.promotion { background: url(/img/h1_promotion.png) no-repeat; } div#right h1.partenaires { background: url(/img/h1_partenaires.png) no-repeat; } div#bottom h1.pub { background: url(/img/inter_pub.png) no-repeat; display:block; width:550px; height:20px; padding:0; } div#bottom h1.link { background: url(/img/inter_liens.png) no-repeat; display:block; width:550px; height:20px; padding:0; } h2 { color:#633F32; font-size:1.3em; font-weight:bold; border-bottom: 1px solid #FF7700; margin-bottom:10px; margin-top: 30px;} h3 {font-weight:bold;} .date{font-size:0.8em;} span.nb_photos{font-size:0.9em; color:#D4181B;} div#right > p { text-align:justify;} div#right p.link_right {text-align:right;} .new {padding:0px 4px; background-color: #CDEB8B; border:1px solid #008C00; text-align:center; color:#008C00;} /* Background style ------------------------------------ */ span#intro_display { width:370px; height:301px; display:block; margin:auto;background: url(/img/logo_home.png) no-repeat top left;} div#right .quote_left { background: url(/img/quote_left.png) no-repeat top left; height:30px; width:31px; display:block; float:left; margin-right:10px;} div#right .quote_right { background: url(/img/quote_right.png) no-repeat top left; height:30px; width:31px; display:block; float:right;margin-right:2px;} div#right div.promo_atelier {background: url(/img/atelier_promo.png) no-repeat;width:570px; height:270px; display:block; } span.circle_b {background: url(/img/circle_brown.png) no-repeat; width: 18px; height: 18px; display: block;float:left;margin-bottom: 2px;} span.circle_p {background: url(/img/circle_purple.png) no-repeat; width: 18px; height: 18px;display: block;float:left;margin-bottom: 2px;} span.circle_o {background: url(/img/circle_orange.png) no-repeat; width: 18px; height: 18px;display: block;float:left;margin-bottom: 2px;} div#legende {background: url(/img/legende.gif) no-repeat; width: 341px; height: 110px; display: block; margin: auto;} div#presentation {background: url(/img/presentation.jpg) no-repeat; width: 570px; height: 400px; display: block; margin:auto;} div.member {background: url(/img/member_cnr.png) no-repeat; width: 144px; height: 69px; display: block; margin: 10px;} div.synoptic {background: url(/img/bg-logo-synop.gif) no-repeat; width:199px; height:156px; display: block; margin: 10px; float: left;} /* Link style ------------------------------------ */ a:link {color: #E26100; text-decoration: underline; }/*font-weight:bold;}*/ a:visited {color: #E26100; text-decoration: underline;}/* font-weight:bold;}*/ a:hover {color: #E200E8; text-decoration: none;} a.nostyle {text-decoration: none; cursor:pointer;} div#intro a {cursor:pointer;} div#intro a:link {color: #E200E8;} div#intro a:visited {color: #E200E8;} div#intro a:hover {text-decoration: underline;} div#top a#atelier { position:absolute; display:block; top:38px; left:5px; width:20px; height:115px;} div#top a#post_dedi { position:absolute; display:block; top:0px; left:730px; width:110px; height:100px;} div#top a#next_dedi { background: url(/img/btn_next_dedi.png) no-repeat top left; height:30px; width:55px; display:block; left:730px; top: 110px; position:absolute} div#top a#next_dedi:hover {background-position: top right;} div#bottom a.link_cat, div#bottom a.link_cat:link, div#bottom a.link_cat:visited {color: #D4181B; text-decoration: none;font-weight:bold;} div#bottom a.link_cat:hover {color: #FF7700; text-decoration: none;} div#bottom div#bottom_bottom a:link, div#bottom div#bottom_bottom a:visited { color: #FFBB88;font-weight:normal;} div#bottom div#bottom_bottom a:hover { color: #633F32;font-weight:normal;} /* Button style ------------------------------------ */ a.nav_up { background: url(/img/nav_up.png) no-repeat top right; height:38px; width:37px; display:block;} a.nav_up_l { background: url(/img/nav_up_large.png) no-repeat top right; height:76px; width:74px; display:block;} a.nav_down { background: url(/img/nav_down.png) no-repeat top right; height:38px; width:37px; display:block;} a.nav_down_l { background: url(/img/nav_down_large.png) no-repeat top right; height:76px; width:74px; display:block;} a.nav_left { background: url(/img/nav_left.png) no-repeat top right; height:38px; width:37px; display:block;} a.nav_left_l { background: url(/img/nav_left_large.png) no-repeat top right; height:76px; width:74px; display:block;} a.nav_right { background: url(/img/nav_right.png) no-repeat top right; height:38px; width:37px; display:block;} a.nav_right_l { background: url(/img/nav_right_large.png) no-repeat top right; height:76px; width:74px; display:block;} a.nav_cross { background: url(/img/nav_cross.png) no-repeat top right; height:38px; width:37px; display:block;} a.nav_cross_l { background: url(/img/nav_cross_large.png) no-repeat top right; height:76px; width:74px; display:block;} a.nav_plus { background: url(/img/nav_plus.png) no-repeat top right; height:38px; width:37px; display:block;} a.nav_up:hover, a.nav_right:hover, a.nav_left:hover, a.nav_down:hover, a.nav_left_l:hover, a.nav_right_l:hover, a.nav_up_l:hover, a.nav_down_l:hover, a.nav_cross:hover, a.nav_cross_l:hover, a.nav_plus:hover {background-position: top left;} a.btn {text-decoration:none; font-size: 14px; text-align:center; padding-top: 6px; font-weight:bold;} a.btn_200_o_b2 { background: url(/img/btn_200_o_b2.png) no-repeat top left; height:35px; width:100px; color:#FFFF88; display:block;} a.btn_200_r_w { background: url(/img/btn_200_r_w.png) no-repeat top left; height:35px; width:100px; color:#FFFF88; display:block;} a.btn_200_r_b2 { background: url(/img/btn_200_r_b2.png) no-repeat top left; height:35px; width:100px; color:#FFFF88; display:block;} a.btn:hover {text-decoration:none; color:#FFF;} a.btn_creation { background: url(/img/btn_creation.png) no-repeat top left; height: 120px; width: 249px; display:block;} a.btn_add {background: url(/img/btn_ajouter.png) no-repeat top left; height: 120px; width: 249px; display:block;} a.btn_facebook {background: url(/img/btn_facebook.png) no-repeat top left; height: 120px; width: 249px; display:block;} a#news{ background: url(/img/newsletter.png) no-repeat; display:block; width:160px; height: 200px; margin: 5px auto;} /* Form style ------------------------------------ */ label {font-weight:bold;} input, textarea, select{ border: 1px solid #FFBB88; background-color:#FFFF88; color:#FF7700;} option { border-color:#FF7400;} input:hover, textarea:hover { border: 1px solid #FF9B50;} /* Navigation top style ------------------------------------ */ div#nav a.nav_home { background: url(/img/nav_home.png) no-repeat top right; height:38px; width:37px; display:block; left:7px; top: 0px; position:absolute} div#nav a.nav_home:hover {background-position: top left;} div#nav a.nav_contact { background: url(/img/nav_contact.png) no-repeat top right; height:38px; width:37px; display:block; right:7px; top: 0px; position:absolute} div#nav a.nav_contact:hover {background-position: top left;} div#nav a {text-indent: -9999px;} div#nav ul.rub { margin:0; padding: 0; list-style:none; position:absolute; left:52px;} div#nav ul.rub li { float:left; margin-top:4px; margin-right:2px;} div#nav ul.rub li a { padding:0px; display:block;height:36px; width:111px;} div#nav ul.rub li#manif a { background: url(/img/nav_tab_manif.png) no-repeat top left;} div#nav ul.rub li#manif a:hover { background: url(/img/nav_tab_manif.png) no-repeat top right;} div#nav ul.rub li#manif a.activ { background: url(/img/nav_tab_active_manif.png) no-repeat top left;} div#nav ul.rub li#manif a.activ:hover { background: url(/img/nav_tab_active_manif.png) no-repeat top right;} div#nav ul.rub li#news a { background: url(/img/nav_tab_news.png) no-repeat top left;} div#nav ul.rub li#news a:hover { background: url(/img/nav_tab_news.png) no-repeat top right;} div#nav ul.rub li#news a.activ { background: url(/img/nav_tab_active_news.png) no-repeat top left;} div#nav ul.rub li#news a.activ:hover { background: url(/img/nav_tab_active_news.png) no-repeat top right;} div#nav ul.rub li#agenda a { background: url(/img/nav_tab_agenda.png) no-repeat top left;} div#nav ul.rub li#agenda a:hover { background: url(/img/nav_tab_agenda.png) no-repeat top right;} div#nav ul.rub li#agenda a.activ { background: url(/img/nav_tab_active_agenda.png) no-repeat top left;} div#nav ul.rub li#agenda a.activ:hover { background: url(/img/nav_tab_active_agenda.png) no-repeat top right;} div#nav ul.rub li#liens a { background: url(/img/nav_tab_liens.png) no-repeat top left;} div#nav ul.rub li#liens a:hover { background: url(/img/nav_tab_liens.png) no-repeat top right;} div#nav ul.rub li#liens a.activ { background: url(/img/nav_tab_active_liens.png) no-repeat top left;} div#nav ul.rub li#liens a.activ:hover { background: url(/img/nav_tab_active_liens.png) no-repeat top right;} div#nav ul.rub li#matos a { background: url(/img/nav_tab_matos.png) no-repeat top left;} div#nav ul.rub li#matos a:hover { background: url(/img/nav_tab_matos.png) no-repeat top right;} div#nav ul.rub li#matos a.activ { background: url(/img/nav_tab_active_matos.png) no-repeat top left;} div#nav ul.rub li#matos a.activ:hover { background: url(/img/nav_tab_active_matos.png) no-repeat top right;} div#nav ul.rub li#artis a { background: url(/img/nav_tab_artis.png) no-repeat top left;} div#nav ul.rub li#artis a:hover { background: url(/img/nav_tab_artis.png) no-repeat top right;} div#nav ul.rub li#artis a.activ { background: url(/img/nav_tab_active_artis.png) no-repeat top left;} div#nav ul.rub li#artis a.activ:hover { background: url(/img/nav_tab_active_artis.png) no-repeat top right;} div#nav ul.rub li#photos a { background: url(/img/nav_tab_photos.png) no-repeat top left;} div#nav ul.rub li#photos a:hover { background: url(/img/nav_tab_photos.png) no-repeat top right;} div#nav ul.rub li#photos a.activ { background: url(/img/nav_tab_active_photos.png) no-repeat top left;} div#nav ul.rub li#photos a.activ:hover { background: url(/img/nav_tab_active_photos.png) no-repeat top right;} div#nav ul.rub li#creat a { background: url(/img/nav_tab_creat.png) no-repeat top left;} div#nav ul.rub li#creat a:hover { background: url(/img/nav_tab_creat.png) no-repeat top right;} div#nav ul.rub li#creat a.activ { background: url(/img/nav_tab_active_creat.png) no-repeat top left;} div#nav ul.rub li#creat a.activ:hover { background: url(/img/nav_tab_active_creat.png) no-repeat top right;} div#nav ul.rub li#pres a { background: url(/img/nav_tab_pres.png) no-repeat top left;} div#nav ul.rub li#pres a:hover { background: url(/img/nav_tab_pres.png) no-repeat top right;} div#nav ul.rub li#pres a.activ { background: url(/img/nav_tab_active_pres.png) no-repeat top left;} div#nav ul.rub li#pres a.activ:hover { background: url(/img/nav_tab_active_pres.png) no-repeat top right;} div#nav ul.rub li#news_agenda a { background: url(/img/nav_tab_news_agenda.png) no-repeat top left;} div#nav ul.rub li#news_agenda a:hover { background: url(/img/nav_tab_news_agenda.png) no-repeat top right;} div#nav ul.rub li#news_agenda a.activ { background: url(/img/nav_tab_active_news_agenda.png) no-repeat top left;} div#nav ul.rub li#news_agenda a.activ:hover { background: url(/img/nav_tab_active_news_agenda.png) no-repeat top right;} /* Navigation left style ------------------------------------ */ div#left ul.sub_rub { margin:0; padding: 0; list-style:none;} div#left ul.sub_rub li a { display: block; height:30px; ine-height:30px; } div#left ul.sub_rub li a {text-indent: -9999px;} div#left ul.sub_rub li#btn_news a { background: url(/img/bouton_news.png) no-repeat top left;} div#left ul.sub_rub li#btn_news a:hover { background: url(/img/bouton_news.png) no-repeat left bottom;} div#left ul.sub_rub li#btn_news a.activ { background: url(/img/bouton_news.png) no-repeat top right;} div#left ul.sub_rub li#btn_news a.activ:hover { background: url(/img/bouton_news.png) no-repeat left bottom;} div#left ul.sub_rub li#btn_nouveau a { background: url(/img/bouton_nouveau.png) no-repeat top left;} div#left ul.sub_rub li#btn_nouveau a:hover { background: url(/img/bouton_nouveau.png) no-repeat left bottom;} div#left ul.sub_rub li#btn_nouveau a.activ { background: url(/img/bouton_nouveau.png) no-repeat top right;} div#left ul.sub_rub li#btn_nouveau a.activ:hover { background: url(/img/bouton_nouveau.png) no-repeat left bottom;} div#left ul.sub_rub li#btn_news_nouveau a { background: url(/img/bouton_news_nouveau.png) no-repeat top left;} div#left ul.sub_rub li#btn_news_nouveau a:hover { background: url(/img/bouton_news_nouveau.png) no-repeat left bottom;} div#left ul.sub_rub li#btn_news_nouveau a.activ { background: url(/img/bouton_news_nouveau.png) no-repeat top right;} div#left ul.sub_rub li#btn_news_nouveau a.activ:hover { background: url(/img/bouton_news_nouveau.png) no-repeat left bottom;} div#left ul.sub_rub li#btn_agenda_nouveau a { background: url(/img/bouton_agenda_nouveau.png) no-repeat top left;} div#left ul.sub_rub li#btn_agenda_nouveau a:hover { background: url(/img/bouton_agenda_nouveau.png) no-repeat left bottom;} div#left ul.sub_rub li#btn_agenda_nouveau a.activ { background: url(/img/bouton_agenda_nouveau.png) no-repeat top right;} div#left ul.sub_rub li#btn_agenda_nouveau a.activ:hover { background: url(/img/bouton_agenda_nouveau.png) no-repeat left bottom;} div#left ul.sub_rub li#btn_visualiser a { background: url(/img/bouton_visualiser.png) no-repeat top left;} div#left ul.sub_rub li#btn_visualiser a:hover { background: url(/img/bouton_visualiser.png) no-repeat left bottom;} div#left ul.sub_rub li#btn_visualiser a.activ { background: url(/img/bouton_visualiser.png) no-repeat top right;} div#left ul.sub_rub li#btn_visualiser a.activ:hover { background: url(/img/bouton_visualiser.png) no-repeat left bottom;} div#left ul.sub_rub li#btn_news_visualiser a { background: url(/img/bouton_news_visualiser.png) no-repeat top left;} div#left ul.sub_rub li#btn_news_visualiser a:hover { background: url(/img/bouton_news_visualiser.png) no-repeat left bottom;} div#left ul.sub_rub li#btn_news_visualiser a.activ { background: url(/img/bouton_news_visualiser.png) no-repeat top right;} div#left ul.sub_rub li#btn_news_visualiser a.activ:hover { background: url(/img/bouton_news_visualiser.png) no-repeat left bottom;} div#left ul.sub_rub li#btn_agenda_visualiser a { background: url(/img/bouton_agenda_visualiser.png) no-repeat top left;} div#left ul.sub_rub li#btn_agenda_visualiser a:hover { background: url(/img/bouton_agenda_visualiser.png) no-repeat left bottom;} div#left ul.sub_rub li#btn_agenda_visualiser a.activ { background: url(/img/bouton_agenda_visualiser.png) no-repeat top right;} div#left ul.sub_rub li#btn_agenda_visualiser a.activ:hover { background: url(/img/bouton_agenda_visualiser.png) no-repeat left bottom;} div#left ul.sub_rub li#btn_mail a { background: url(/img/bouton_mail.png) no-repeat top left;} div#left ul.sub_rub li#btn_mail a:hover { background: url(/img/bouton_mail.png) no-repeat left bottom;} div#left ul.sub_rub li#btn_mail a.activ { background: url(/img/bouton_mail.png) no-repeat top right;} div#left ul.sub_rub li#btn_mail a.activ:hover { background: url(/img/bouton_mail.png) no-repeat left bottom;} div#left ul.sub_rub li#btn_dedi a { background: url(/img/bouton_dedicace.png) no-repeat top left;} div#left ul.sub_rub li#btn_dedi a:hover { background: url(/img/bouton_dedicace.png) no-repeat left bottom;} div#left ul.sub_rub li#btn_dedi a.activ { background: url(/img/bouton_dedicace.png) no-repeat top right;} div#left ul.sub_rub li#btn_dedi a.activ:hover { background: url(/img/bouton_dedicace.png) no-repeat left bottom;} div#left ul.sub_rub li#btn_atelier a { background: url(/img/bouton_atelier.png) no-repeat top left;} div#left ul.sub_rub li#btn_atelier a:hover { background: url(/img/bouton_atelier.png) no-repeat left bottom;} div#left ul.sub_rub li#btn_atelier a.activ { background: url(/img/bouton_atelier.png) no-repeat top right;} div#left ul.sub_rub li#btn_atelier a.activ:hover { background: url(/img/bouton_atelier.png) no-repeat left bottom;} div#left ul.sub_rub li#btn_agenda a { background: url(/img/bouton_agenda.png) no-repeat top left;} div#left ul.sub_rub li#btn_agenda a:hover { background: url(/img/bouton_agenda.png) no-repeat left bottom;} div#left ul.sub_rub li#btn_agenda a.activ { background: url(/img/bouton_agenda.png) no-repeat top right;} div#left ul.sub_rub li#btn_agenda a.activ:hover { background: url(/img/bouton_agenda.png) no-repeat left bottom;} div#left ul.sub_rub li#btn_historique a { background: url(/img/bouton_historique.png) no-repeat top left;} div#left ul.sub_rub li#btn_historique a:hover { background: url(/img/bouton_historique.png) no-repeat left bottom;} div#left ul.sub_rub li#btn_historique a.activ { background: url(/img/bouton_historique.png) no-repeat top right;} div#left ul.sub_rub li#btn_historique a.activ:hover { background: url(/img/bouton_historique.png) no-repeat left bottom;} div#left ul.sub_rub li#btn_activites a { background: url(/img/bouton_activites.png) no-repeat top left;} div#left ul.sub_rub li#btn_activites a:hover { background: url(/img/bouton_activites.png) no-repeat left bottom;} div#left ul.sub_rub li#btn_activites a.activ { background: url(/img/bouton_activites.png) no-repeat top right;} div#left ul.sub_rub li#btn_activites a.activ:hover { background: url(/img/bouton_activites.png) no-repeat left bottom;} div#left ul.sub_rub li#btn_membres a { background: url(/img/bouton_membres.png) no-repeat top left;} div#left ul.sub_rub li#btn_membres a:hover { background: url(/img/bouton_membres.png) no-repeat left bottom;} div#left ul.sub_rub li#btn_membres a.activ { background: url(/img/bouton_membres.png) no-repeat top right;} div#left ul.sub_rub li#btn_membres a.activ:hover { background: url(/img/bouton_membres.png) no-repeat left bottom;} /* List style ------------------------------------ */ div#right ul li.level1 {list-style:none;padding-left: 71px;position:relative; margin-bottom:30px;} div#right ul li.level1 span.p_logo {background: url(/img/puce_logo.png) no-repeat;position:absolute; top: 0px; left:0px;width:71px;height:77px; } /* Table style ------------------------------------ */ table { width:100%} td { vertical-align:top;} table.list { border-spacing:0px;} table.list th { background-color:#E200E8; color:#FFF; font-weight:bold; border-right: 1px solid #FFF; padding:3px;} table.list th.light { background-color:#FFF; color:#E200E8; border: 0;} table.list td {border-left: none; border-right:none; padding:2px;} table.list tr { background-color:#FFBB88;} table.list tr.light { background-color:#FFFF88;} /* Table list ------------------------------------ */ div#right div.list {width: 552px;} div#right div.list div.top_art { height: 55px; background: url(/img/list_top_artistes.gif) top left; } div#right div.list div.top_memb { height: 55px; background: url(/img/list_top_membres.gif) top left; } div#right div.list div.middle {background: url(/img/list_middle.gif) repeat-y; padding: 0px 20px; color: #FFBB88;} div#right div.list div.bottom {height: 20px; background: url(/img/list_bottom.gif);} div#right div.list div.middle ul { margin:0; padding: 0; list-style:none;} div#right div.list div.middle ul li { padding-bottom: 20px; padding-top: 20px; background: url(/img/list_hr.gif) bottom left repeat-x; overflow:hidden;} /* Frame style ------------------------------------ */ div#right div.cadre_l {width:570px;} div#right div.cadre_s {width:335px;} div#right div.cadre_l > div, div#right div.cadre_s > div{padding:0px 20px; } div#right div.cadre_l div.round_top, div#right div.cadre_l div.round_bottom, div#right div.cadre_s div.round_top, div#right div.cadre_s div.round_bottom {background-position: top left; height:17px; background-repeat:no-repeat;} div#right div.cadre_l div.round_middle, div#right div.cadre_s div.round_middle {background-position: top left; background-repeat:repeat-y; height:1%;} div#right div.cadre_l div.round_middle:after, div#right div.cadre_s div.round_middle:after {display:block;height:0;clear:both;visibility:hidden; content: "."} div#right div.cadre_l div.round_bottom, div#right div.cadre_s div.round_bottom { margin-bottom:20px;} div#right div.cadre_l div.top_b1 { background-image:url(/img/round_top_1.png);} div#right div.cadre_l div.top_b2 { background-image:url(/img/round_top_2.png);} div#right div.cadre_s div.top_b1 { background-image:url(/img/round_top_3.png);} div#right div.cadre_s div.top_b2 { background-image:url(/img/round_top_4.png);} div#right div.cadre_l div.middle_b1 { background-image:url(/img/round_middle_1.png);} div#right div.cadre_l div.middle_b2 { background-image:url(/img/round_middle_2.png);} div#right div.cadre_s div.middle_b1 { background-image:url(/img/round_middle_3.png);} div#right div.cadre_s div.middle_b2 { background-image:url(/img/round_middle_4.png);} div#right div.cadre_l div.bottom_b1 { background-image:url(/img/round_bottom_1.png);} div#right div.cadre_l div.bottom_b2 { background-image:url(/img/round_bottom_2.png);} div#right div.cadre_s div.bottom_b1 { background-image:url(/img/round_bottom_3.png);} div#right div.cadre_s div.bottom_b2 { background-image:url(/img/round_bottom_4.png);} div#right div.cadre_l div.round_middle > span.titre, div#right div.cadre_s div.round_middle > span.titre {float:left;} div#right div.cadre_l span.titre, div#right div.cadre_s span.titre {font-weight:bold;} div#right div.cadre_l span.titre {width: 430px;} div#right div.cadre_s span.titre {width: 200px;} div#right div.cadre_l span.desc{float:left; width: 450px; text-align: justify;} div#right div.cadre_l span.date, div#right div.cadre_s span.date { } div#right div.cadre_l img.thumb, div#right div.cadre_s img.thumb {padding: 5px 5px; background-color:#FFF; border-width: 1px; border-style: solid; margin-right:5px; float:left;} div#right div.cadre_l div.middle_b2 img, div#right div.cadre_s div.middle_b2 img {border-color: #FF9B50;} div#right div.cadre_l div.middle_b1 img, div#right div.cadre_s div.middle_b1 img {border-color: #A779A2;} div.round_middle > p {text-align: justify;} div#right div.cadre_l span.nb_photos {float: left; font-style: italic;} /* Format Date ------------------------------------ */ .zone_date {float:right; padding-right: 40px; margin: 0px 0px 5px 0px; position:relative; color: #935C4C;border: 1px solid #935C4C; background-color:#E1B09F;} .date_day {font-size:3em; } .date_month {top:6px; right: 0px; position:absolute; letter-spacing: 5px;} .date_year { font-weight: bold; right: 4px; bottom:6px; position: absolute;} /* Image style ------------------------------------ */ div#bottom img, div#right img, div#left img, div#view_photo img {padding: 5px 5px; margin-left: 5px;margin-right: 5px; background-color:#FFF; border: 1px solid #FF7700;} div#bottom a:hover img, div#right a:hover img, div#left a:hover img, div#view_photo a:hover img { background-color:#FF9B50;} div#bottom img.noborder, div#left img.noborder, div#right img.noborder {padding: 0px; border: none; float: none;clear: both; background-color: transparent;} div#right div.list img {padding: 0px; border: 0px;} img.email {margin-bottom: -4px;} /* Calendar style ------------------------------------ */ div#calendar { background-color: #77007A; padding:4px 4px; font-size:1em; width:212px;height:130px; color:#F9B9FC; border: 1px solid #F9B9FC; } div#calendar table {margin: 0 auto; border:1px dotted #AA00AA; border-collapse:collapse;} div#calendar table td, div#calendar table th { border:1px dotted #AA00AA; text-align:center; padding:0px 2px;} div#calendar table th {font-weight:bold; padding:2px 2px 4px;} div#calendar table td.rdv {padding:0px 0px;} div#calendar table td.today {padding:0px 0px; background-color:#FF0000;} div#calendar table td a { text-decoration:none; display:block; color:#F9B9FC; background-color: #FF7700;} div#calendar table th a { text-decoration:none;} div#calendar img { padding:0px; border:0px;} /* Gallery List style ------------------------------------ */ div#left div#gall_photo {margin:0px 10px; text-align:center; border: 1px solid #D4181B; background-color:#FFF;} div#left div#gall_photo ul.gall_photo_item { margin-bottom: 20px; } div#left div#gall_photo ul.gall_photo_item li {display: block; width:120px; list-style: none; margin: 10px auto; text-align:center;} div#right div#gallery ul.gallery_item { margin-bottom: 20px; float:left;} div#right div#gallery ul.gallery_item li {display: inline; width:160px; list-style: none; margin: 10px 15px 10px 10px; float:left; text-align:center;} div#right div#gallery ul.gallery_item li input {border:none; background-color:#FFF; text-align:center;} div#right div#gallery ul.gallery_item li input:focus { border: 1px solid #FF7400; background-color:#FFFF88; color:#FF7400;} div#right div#gallery ul.gallery_item li img { height:75px;} /* Gallery View style ------------------------------------ */ div#right div#gall_photo {margin:10px 0px; text-align:center; height:130px;}/* border: 1px solid #D4181B; background-color:#F9B9FC;}*/ div#right div#gall_photo ul.gall_photo_item { } div#right div#gall_photo ul.gall_photo_item li {display: block; width:118px; float:left;list-style: none;margin-top:5px; margin-bottom:5px; overflow:hidden; text-align:center;} /*div#right div#gall_photo .ajax-loading { background: url(/img/loading_red_purple.gif) no-repeat center;}*/ /* Radio style ------------------------------------ */ div#right div#div_radio { position: relative;} div#right div#radio { position:relative; margin: 10px auto; width:570px; height:283px; background: url(/img/radio.png) top left no-repeat;} div#right div#radio div#equalizer {position:absolute; top:51px; left:203px; width:170px; padding:0px; border:none;} /* Playlist style ------------------------------------ */ div#right div#playlist {position:relative; margin: 10px auto; width:555px; height:306px; background:url(/img/playlist.png) top left no-repeat; } div#right div#playlist div.play_item { float:left; overflow:auto; width:250px; height:234px; margin-top:50px; } div#right div#playlist div.col_1 { margin-left:18px;} div#right div#playlist div.col_2 { margin-left:15px;} div#right div#playlist div.play_item ul li { color:#C7D2E2; padding-left: 4px; float:none;clear:both;list-style:none;cursor:pointer;margin-bottom:4px;} div#right div#playlist div.play_item ul li div {visibility: hidden;display:none; overflow: hidden;} div#right div#playlist div.play_item ul li.hover { color:#FF7700;} div#right div#playlist div.play_item ul li.selected { color:#77007A; background-color:#F9B9FC;} /* Frame Popup style ------------------------------------ */ div#right div#form_dedi {position: absolute; z-index:100; left:400px;display:block; opacity:0;visibility:hidden;} div#right div#form_com {position: absolute; z-index:100; left:400px; top: 725px;display:block; opacity:0;visibility:hidden;} div#right div#form_news {position: absolute; z-index:100;}