/* CSS Salamandre */ /* Styles de base ------------------------------------------------*/ body{margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif} #contenant{margin:0 auto; padding:0; width:835px;} a.link_mauve{color:#662584; text-decoration:underline} a.link_mauve:hover{color:#556670; text-decoration:none} a.link_orange{color:#F58220; text-decoration:underline} a.link_orange:hover{color:#556670; text-decoration:none} p.professeur_nom{color:#662584; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; margin:0; padding:0} .professeur_description{color:#556670; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:150%} .professeur_liste_cours{color:#556670; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:150%} .clearall{clear:both} .selectform{margin-bottom:5px} a{outline:none} /* Contenu du top ------------------------------------------------*/ #top{position:absolute; margin:0; padding:0; top:0; width:835px; height:205px;} #logo{position:absolute; margin:0; padding:0; width:208px; height:159px;} #admin_pannel{position:absolute; margin:20px 0 0 535px; padding:0; width:300px; height:30px; border:0px solid #000; text-align:right} /* Menu 1*/ #menu{position:absolute; margin:170px 0 0 2px; padding:0; width:833px; height:36px; background:url(../images/bg_menu.gif) no-repeat} #menu_en{position:absolute; margin:170px 0 0 2px; padding:0; width:833px; height:36px; background:url(../images/bg_menu_en.gif) no-repeat} #menu_accueil{position:absolute; margin:123px 0 0 247px; padding:0; width:588px; height:36px; background:url(../images/bg_menu_accueil.gif) no-repeat} #menu_accueil_en{position:absolute; margin:123px 0 0 247px; padding:0; width:588px; height:36px; background:url(../images/bg_menu_accueil_en.gif) no-repeat} /* Francais */ div.accueil{position:absolute; margin:0 0 0 27px; padding:0; width:86px; height:36px;} div.accueil a:hover{display:block; background:url(../images/bg_menu.gif) -27px 36px; height:36px; width:86px} div.centre_art{position:absolute; margin:0 0 0 114px; padding:0; width:157px; height:28px;} div.centre_art a:hover{display:block; background:url(../images/bg_menu.gif) -114px 36px; height:36px; width:157px} div.professeurs{position:absolute; margin:0 0 0 273px; padding:0; width:127px; height:36px;} div.professeurs a:hover{display:block; background:url(../images/bg_menu.gif) -273px 36px; height:36px; width:127px} div.inscriptions{position:absolute; margin:0 0 0 401px; padding:0; width:117px; height:36px;} div.inscriptions a:hover{display:block; background:url(../images/bg_menu.gif) -401px 36px; height:36px; width:117px} div.contact{position:absolute; margin:0 0 0 520px; padding:0; width:88px; height:36px;} div.contact a:hover{display:block; background:url(../images/bg_menu.gif) -520px 36px; height:36px; width:88px} div.english{position:absolute; margin:0 0 0 609px; padding:0; width:83px; height:36px;} div.english a:hover{display:block; background:url(../images/bg_menu.gif) -609px 36px; height:36px; width:83px} div.nouvelle{position:absolute; margin:0 0 0 729px; padding:0; width:104px; height:36px;} div.nouvelle a:hover{display:block; background:url(../images/bg_menu.gif) -729px 36px; height:36px; width:104px} div.centre_art_accueil{position:absolute; margin-left:5px; padding:0; width:160px; height:28px;} div.centre_art_accueil a:hover{display:block; background:url(../images/bg_menu_accueil.gif) -5px 36px; height:36px; width:155px} div.professeurs_accueil{position:absolute; margin:0 0 0 160px; padding:0; width:128px; height:36px;} div.professeurs_accueil a:hover{display:block; background:url(../images/bg_menu_accueil.gif) -160px 36px; height:36px; width:128px} div.inscriptions_accueil{position:absolute; margin:0 0 0 289px; padding:0; width:117px; height:36px;} div.inscriptions_accueil a:hover{display:block; background:url(../images/bg_menu_accueil.gif) -289px 36px; height:36px; width:117px} div.contact_accueil{position:absolute; margin:0 0 0 408px; padding:0; width:88px; height:36px;} div.contact_accueil a:hover{display:block; background:url(../images/bg_menu_accueil.gif) -408px 36px; height:36px; width:88px} div.english_accueil{position:absolute; margin:0 0 0 497px; padding:0; width:83px; height:36px;} div.english_accueil a:hover{display:block; background:url(../images/bg_menu_accueil.gif) -497px 36px; height:36px; width:83px} /* Anglais */ div.accueil_en{position:absolute; margin:0 0 0 27px; padding:0; width:86px; height:36px;} div.accueil_en a:hover{display:block; background:url(../images/bg_menu_en.gif) -27px 36px; height:36px; width:86px} div.centre_art_en{position:absolute; margin:0 0 0 114px; padding:0; width:157px; height:28px;} div.centre_art_en a:hover{display:block; background:url(../images/bg_menu_en.gif) -114px 36px; height:36px; width:157px} div.professeurs_en{position:absolute; margin:0 0 0 273px; padding:0; width:127px; height:36px;} div.professeurs_en a:hover{display:block; background:url(../images/bg_menu_en.gif) -273px 36px; height:36px; width:127px} div.inscriptions_en{position:absolute; margin:0 0 0 401px; padding:0; width:117px; height:36px;} div.inscriptions_en a:hover{display:block; background:url(../images/bg_menu_en.gif) -401px 36px; height:36px; width:117px} div.contact_en{position:absolute; margin:0 0 0 520px; padding:0; width:88px; height:36px;} div.contact_en a:hover{display:block; background:url(../images/bg_menu_en.gif) -520px 36px; height:36px; width:88px} div.english_en{position:absolute; margin:0 0 0 609px; padding:0; width:83px; height:36px;} div.english_en a:hover{display:block; background:url(../images/bg_menu_en.gif) -609px 36px; height:36px; width:83px} div.nouvelle_en{position:absolute; margin:0 0 0 729px; padding:0; width:104px; height:36px;} div.nouvelle_en a:hover{display:block; background:url(../images/bg_menu_en.gif) -729px 36px; height:36px; width:104px} div.centre_art_accueil_en{position:absolute; margin-left:5px; padding:0; width:160px; height:28px;} div.centre_art_accueil_en a:hover{display:block; background:url(../images/bg_menu_accueil_en.gif) -5px 36px; height:36px; width:155px} div.professeurs_accueil_en{position:absolute; margin:0 0 0 160px; padding:0; width:128px; height:36px;} div.professeurs_accueil_en a:hover{display:block; background:url(../images/bg_menu_accueil_en.gif) -160px 36px; height:36px; width:128px} div.inscriptions_accueil_en{position:absolute; margin:0 0 0 289px; padding:0; width:117px; height:36px;} div.inscriptions_accueil_en a:hover{display:block; background:url(../images/bg_menu_accueil_en.gif) -289px 36px; height:36px; width:117px} div.contact_accueil_en{position:absolute; margin:0 0 0 408px; padding:0; width:88px; height:36px;} div.contact_accueil_en a:hover{display:block; background:url(../images/bg_menu_accueil_en.gif) -408px 36px; height:36px; width:88px} div.english_accueil_en{position:absolute; margin:0 0 0 497px; padding:0; width:83px; height:36px;} div.english_accueil_en a:hover{display:block; background:url(../images/bg_menu_accueil_en.gif) -497px 36px; height:36px; width:83px} /* Menu 2*/ #menu2{position:absolute; margin:216px 0 0 2px; padding:0; width:833px; height:36px; background:url(../images/bg_menu2.gif) no-repeat} #menu2_en{position:absolute; margin:216px 0 0 2px; padding:0; width:833px; height:36px; background:url(../images/bg_menu2_en.gif) no-repeat} #menu2_accueil{position:absolute; margin:180px 0 0 2px; padding:0; width:833px; height:36px; background:url(../images/bg_menu2.gif) no-repeat} #menu2_accueil_en{position:absolute; margin:180px 0 0 2px; padding:0; width:833px; height:36px; background:url(../images/bg_menu2_en.gif) no-repeat} /* Francais */ div.cours{position:absolute; margin:0 0 0 0; padding:0; width:242px; height:36px; background:#ffffff} div.atelier{position:absolute; margin:0 0 0 246px; padding:0; width:247px; height:36px; background:#ffffff} div.theatre{position:absolute; margin:0 0 0 493px; padding:0; width:104px; height:36px;} div.theatre a:hover{display:block; background:url(../images/bg_menu2.gif) -493px 36px; height:36px; width:104px} div.yoga{position:absolute; margin:0 0 0 602px; padding:0; width:231px; height:36px;} div.yoga a:hover{display:block; background:url(../images/bg_menu2.gif) -602px 36px; height:36px; width:231px} /* Anglais */ div.theatre_en{position:absolute; margin:0 0 0 493px; padding:0; width:104px; height:36px;} div.theatre_en a:hover{display:block; background:url(../images/bg_menu2_en.gif) -493px 36px; height:36px; width:104px} div.yoga_en{position:absolute; margin:0 0 0 602px; padding:0; width:231px; height:36px;} div.yoga_en a:hover{display:block; background:url(../images/bg_menu2_en.gif) -602px 36px; height:36px; width:231px} #fil_arianne{position:absolute; margin:130px 0 0 225px; padding:0; width:610px; text-align:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; letter-spacing:0.1em} #fil_arianne ul{margin:0; padding:0; list-style:none} #fil_arianne ul li{display:inline; color:#556670} #fil_arianne ul li a{color:#662584; text-decoration:underline} #fil_arianne ul li a:hover{color:#556670; text-decoration:none} #fil_arianne ul li a.link_orange{color:#F58220; text-decoration:underline} #fil_arianne ul li a.link_orange:hover{color:#556670; text-decoration:none} #fil_arianne ul li a.link_vert{color:#B3D335; text-decoration:underline} #fil_arianne ul li a.link_vert:hover{color:#556670; text-decoration:none} /* Contenu principal ------------------------------------------------*/ #content{position:relative; margin:275px 0 0 0; padding:0; width:835px;} /********************************************** Accueil **********************************************/ #content_accueil{position:relative; margin:225px 0 0 0; padding:0; width:835px;} #accueil{position:relative; margin:0; padding:0 0 20px 0; width:835px; border:0px solid #f00; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px} #accueil p{color:#556670; line-height:150%} #accueil p.intro{margin-left:20px; margin-right:330px} #accueil a{color:#662584; text-decoration:underline} #accueil a:hover{color:#556670; text-decoration:underline} #accueil a.enfants{color:#F58220; text-decoration:underline} #accueil a:hover.enfants{color:#556670; text-decoration:underline} #accueil .paddingleft50{padding-left:50px} #accueil .marginleft50{margin-left:50px} #accueil .titre_adultes{background:url(../images/titre_adultes.gif) 48px 0 no-repeat; height:16px; width:73px} #accueil .titre_adultes span{display:none} #accueil .titre_enfants{background:url(../images/titre_enfants.gif) 48px 0 no-repeat; height:14px; width:206px} #accueil .titre_enfants span{display:none} #accueil table.adultes{color:#556670; line-height:150%} #accueil .violet{color:#662584;} #accueil .orange{color:#F58220;} #accueil a.link_mauve{color:#662584; text-decoration:underline} #accueil a.link_mauve:hover{color:#556670; text-decoration:none} #accueil a.link_orange{color:#F58220; text-decoration:underline} #accueil a.link_orange:hover{color:#556670; text-decoration:none} #accueil #nouvelle_breve{float:right; width:284px; height:575px; border:0px solid #000000; background:url(../images/news.gif) no-repeat top; margin-left:40px;} #accueil #nouvelle_breve_en{float:right; width:284px; height:575px; border:0px solid #000000; background:url(../images/news_en.gif) no-repeat top; margin-left:40px;} #accueil #nouvelle_breve #bouton{position:absolute; margin:68px 0 0 90px; border:0px solid #000; height:30px; width:130px; z-index:10} #accueil #nouvelle_breve_en #bouton{position:absolute; margin:68px 0 0 90px; border:0px solid #000; height:30px; width:130px; z-index:10} #accueil #nouvelle_breve_texte{position:relative; height:380px; top:125px; left:20px; width:160px; border:0px solid #000} #accueil #nouvelle_breve_texte h2 + p{margin-top:0.5em} #accueil #nouvelle_breve_texte p{color:#556670; line-height:150%; font-size:11px} #accueil #nouvelle_breve_texte p.actualite_date{color:#B3D335; text-transform:uppercase; font-size:12px; font-weight:bold; margin:0 0 0.5em 0; padding:0} #accueil #nouvelle_breve_texte p.actualite_spacer{margin:2em 0 2em 0; padding:0} #accueil #nouvelle_breve_texte h2.actualite_titre{color:#ffffff; font-size:14px; margin:0 0 0.5em 0; padding:0; text-transform:uppercase} #accueil #nouvelle_breve_texte a{color:#ffffff; text-decoration:none; font-weight:bold} #accueil #nouvelle_breve_texte a:hover{color:#662584; text-decoration:none} #accueil #newsletter{position:relative; top:0; left:0; width:284px; height:174px; border:0px solid #000} #slogan{position:absolute; margin:50px 0 0 230px; padding:0 0 0 10px; border-left:2px solid #556670; width:100px; color:#662584; font-size:0.9em; line-height:130%; font-weight:bold} /********************************************** Pages **********************************************/ #contenu{position:relative; margin:0; padding:0 0 20px 0; width:835px; border:0px solid #f00; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px} #description{position:relative; margin:30px 0 0 0; padding:0; width:835px; border:0px solid #f00; line-height:150%; min-height:270px; height:auto !important; height:270px} #description h1{text-transform:uppercase; font-size:1.6em; letter-spacing:0.2em; margin-bottom:1em; margin-top:0.5em; padding-left:50px; color:#662584} #description h2{text-transform:uppercase; font-size:1.3em; letter-spacing:0.2em; padding-left:50px; color:#662584} #description p{color:#556670; padding-left:50px} #description ul{margin:0; padding:0; color:#556670} #description ul li{margin-left:80px;} #description a{text-decoration:underline; color:#662584} #description a:hover{text-decoration:none; color:#556670} #horaire{position:relative; margin:50px 0 0 0; padding:0; width:835px; border:0px solid #f00; line-height:100%} #horaire h1{margin:1em 0 1.5em 0; color:#662584; font-size:1.3em; letter-spacing:0.2em; } #horaire h2{text-transform:uppercase; font-size:1.3em; letter-spacing:0.2em; padding-left:50px; color:#662584} #horaire p{color:#556670; padding-left:50px; line-height:150%} #horaire .margin50px{margin-left:50px; color:#556670;} #horaire .RB{border-right:1px dashed #556670; border-bottom:1px dashed #556670; text-align:center} #horaire .R{border-right:1px dashed #556670; text-align:center} #horaire .B{border-bottom:1px dashed #556670; text-align:center} #horaire .titre_cours{font-size:0.8em; font-weight:bold; color:#662584} #horaire .tablelocal{font-size:1em; color:#556670} #horaire .local{font-size:0.8em;} #horaire .date_heure{font-size:0.75em;} #horaire a.prof{font-size:0.8em; text-decoration:none; color:#662584; font-weight:normal} #horaire a:hover.prof{text-decoration:none; color:#556670; text-decoration:underline} #horaire a.cours_link{font-size:0.8em; text-decoration:none; color:#556670; font-weight:bold} #horaire a.cours_link:hover{text-decoration:none; color:#662584; text-decoration:underline} #horaire ul{margin:0; padding:0; color:#556670} #horaire ul li{margin-left:90px;line-height:150%} #horaire table.inscription {margin-left:50px} #horaire table.inscription th{background:#662584; color:#ffffff; text-transform:uppercase; font-size:1.1em; letter-spacing:0.2em; text-align:left; padding:10px} #horaire table.inscription td{padding:5px 10px 5px 10px; background:#efefef} #horaire table.inscription td.padding5{padding:10px 5px 10px 5px;} .obligatoire{color:#FF0000} #horaire table.inscription td.padding10{padding:15px 5px 15px 5px;} #pense{float:right; margin:0 0 0 40px; padding:0; top:0; width:275px; height:281px; border:0px solid #f00; } #pense_citation{position:absolute; top:0; left:535px; height:100px; width:160px; padding:0 0 0 10px; border-left:2px solid #556670; color:#556670; font-size:0.9em; line-height:130%; font-style:italic} /********************************************** Atelier **********************************************/ #description_atelier{float:right; margin:30px 0 0 0; padding:0; width:400px; border:0px solid #f00; line-height:150%} #description_atelier h1{text-transform:uppercase; font-size:1.6em; letter-spacing:0.2em; margin-bottom:1em; margin-top:0.5em; color:#556670} #description_atelier h2{text-transform:uppercase; font-size:1.3em; letter-spacing:0.2em; padding-left:10px; color:#F58220; font-weight:normal; background:url(../images/icon_h1.gif) no-repeat; margin-bottom:0} #description_atelier h3{text-transform:uppercase; font-size:1.3em; letter-spacing:0.2em; padding-left:10px; color:#F58220; font-weight:normal; margin-top:0; padding-left:80px;} #description_atelier p{color:#556670; padding-left:80px} #description_atelier ul{margin:0; padding:0 0 0 80px; color:#556670; list-style:none} #description_atelier ul li{margin-left:0;} #description_atelier a{color:#F58220; text-decoration:underline} #description_atelier a:hover{color:#FFCB05; text-decoration:underline} #horaire_atelier{position:relative; margin:50px 0 0 0; padding:0; width:835px; border:0px solid #f00; line-height:100%} #horaire_atelier h2{text-transform:uppercase; font-size:1.3em; letter-spacing:0.2em; color:#F58220;} #horaire_atelier .margin50px{margin-left:50px; color:#556670} #horaire_atelier .RB{border-right:1px dashed #556670; border-bottom:1px dashed #556670; text-align:center} #horaire_atelier .R{border-right:1px dashed #556670; text-align:center} #horaire_atelier .B{border-bottom:1px dashed #556670; text-align:center} #horaire_atelier .titre_cours{font-size:0.8em; font-weight:bold} #horaire_atelier .tablelocal{font-size:1em; color:#556670} #horaire_atelier .local{font-size:0.8em;} #horaire_atelier .date_heure{font-size:0.75em;} #horaire_atelier a.prof{font-size:0.8em; text-decoration:underline; color:#F58220} #horaire_atelier a:hover.prof{text-decoration:none; color:#FFCB05} #horaire_atelier a.cours_link{font-size:0.8em; text-decoration:none; color:#556670; font-weight:bold} #horaire_atelier a.cours_link:hover{text-decoration:none; color:#F58220; text-decoration:underline} #horaire_atelier ul{margin:0; padding:0; color:#556670} #horaire_atelier ul li{margin-left:80px;line-height:150%} #pense_atelier{float:left; border:0px solid #f00; width:409px; height:448px;} #pense_atelier_citation{position:absolute; top:180px; left:70px; width:220px; height:130px; border:0px solid #f00; color:#556670; font-size:1em; line-height:130%; font-style:italic} /********************************************** Actualitée **********************************************/ #actualites_gauche{float:left; border:0px solid #000; width:400px; min-height:300px; padding:0; margin:0; min-height:600px; height:auto !important; height:600px; background:url(../images/bg_menu_actualites.jpg) no-repeat 50px 0; z-index:20} #actualites_gauche_en{float:left; border:0px solid #000; width:400px; min-height:300px; padding:0; margin:0; min-height:600px; height:auto !important; height:600px; background:url(../images/bg_menu_actualites_en.jpg) no-repeat 50px 0; z-index:20} /*html>#actualites_gauche{float:left; border:0px solid #000; width:400px; min-height:300px; padding:0; margin:0; min-height:600px; height:auto; z-index:20}*/ #actualite_menu{margin:354px 0 0 120px; padding:38px 0 0 0; width:167px; border:0px solid #00f; background:url(../images/bg_menu_actualites_top.jpg) top no-repeat;} #actualite_menu ul{margin:0; padding:0 0 0 20px} #actualite_menu_bg{margin:0; padding:0 0 10px 0; background:#d2dadf; border-top:1px solid #d2dadf} #actualites_droite{float:right; border:0px solid #f00; width:400px; min-height:300px; z-index:20} #actualites_droite p,li{color:#556670; line-height:150%} #actualites_droite p.actualite_date{color:#B3D335; text-transform:uppercase; font-size:12px; font-weight:bold; margin:0 0 0.5em 0; padding:0} #actualites_droite p.actualite_spacer{margin:2em 0 2em 0; padding:0} #actualites_droite h2.actualite_titre{color:#556670; font-size:14px; margin:0 0 1em 0; padding:0} #actualites_droite a{color:#662584; text-decoration:underline} #actualites_droite a:hover{color:#B3D335; text-decoration:none} /* Footer ------------------------------------------------*/ #footer{position:relative; margin:0; padding:0; width:835px; text-align:right; border:0px solid #0f0; z-index:1} /* Copyright ------------------------------------------------*/ #copyright{position:relative; margin:0; padding:0; width:100%; text-align:center; border:0px solid #0f0; z-index:1} #copyright p{margin:2em 1em; font-size:11px; color:#999999;} #copyright a{color:#999999; text-decoration:underline} #copyright a:hover{color:#B3D335} /* Classe de TinyMCE */ .tiny_img_gauche{float:left; margin-right:10px; margin-bottom:10px} .tiny_img_droite{float:right; margin-left:10px; margin-bottom:10px} #print_pos{margin-left:50px;}