@charset "UTF-8";

body{background-color:#000;color:#fff;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;margin:0 auto;text-align:left}

body #page{background:url(/img/img_violon.jpg) no-repeat top left}
body.cours #page{background:url(/img/img_guitare.jpg) no-repeat top left}
body.professeurs #page{background:url(/img/img_piano.jpg) no-repeat top left}
body.evenements #page{background:url(/img/img_trompette.jpg) no-repeat top left}
body.nouvelles #page{background:url(/img/img_sax.jpg) no-repeat top left}
body.contact #page{background:url(/img/img_drum.jpg) no-repeat top left}

#page{height:937px;width:1000px}
#header{position:relative}
#contenu{float:right;margin-top:30px;padding-right:40px;width:525px}
p{line-height:14px;padding-bottom:15px}
a{color:#999}
a:hover{color:#fff}
a img{border:0;border-collapse:collapse}
.box .resume,.box .description{line-height:16px;padding:10px 0}
h1 a,h2 a,h3 a,h4 a{color:#fff;text-decoration:underline}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover{color:#fff;text-decoration:none}
h2{font-size:14px;font-weight:400;line-height:25pt}
h3{font-size:11px;padding-bottom:3px}
h4{margin:0;padding:0}
.clear{clear:both}
.instruments{padding-bottom:10px}
.instruments div{line-height:27px}
.instruments div.altrow{background-color:#222}
.instruments a.info{float:right;padding:7px 10px 0 0}
.instruments a.liens_cours{color:#fff;padding-left:10px;text-decoration:none}
.instruments a:hover.liens_cours{text-decoration:underline}
.instruments h4{font-weight:400}

/* À modifier */
#adresse{color:#fff;font-size:10px;left:50px;position:absolute;top:790px;width:300px}
#credits{color:#9c9c9c;float:right;font-size:9px;font-weight:none;margin-top:45px;text-align:right}
#credits a{color:#9c9c9c;text-decoration:none}
#credits a:hover{color:#fff}
#logo{background:url(/img/logo.jpg) no-repeat;float:right;height:63px;margin-top:22px;width:565px}
.instruments p,#logo span{display:none}

#menu{background:url(/img/bk_menu2.png) no-repeat top left;clear:both;color:#9c9c9c;float:right;height:34px;margin-top:41px;padding:0 20px 0 42px;text-align:center;width:565px}
#menu li{display:inline;line-height:28px;padding-right:5px;position:relative}
#menu a{color:#9c9c9c;font-size:12px;line-height:26px;padding-bottom:4px;text-decoration:none}
#menu li div{background:#212121;display:none;left:-5px;padding:5px 10px 10px;position:absolute;text-align:left;top:17px;width:110px}
.lang-en #menu li div{width:120px}

#menu li div a{display:block;float:left}
#menu li:hover div{display:block}
#menu a:hover{border-bottom:4px solid #1B375F;color:#fff}

.no-cursor{cursor:default}
#textBox{clear:both;float:right;width:523px}

.blueBox{float:right;margin:30px 0 0;width:525px}
.blueBox.professeurs .content h3,.blueBox.professeurs .content p{width:350px}
.blueBox h2,.blueBox.sous h3{background:url(/img/bk_blue_box_top.png) no-repeat;font-size:14px;font-weight:400;line-height:25pt;margin:0;padding:4px 40px 0}
.blueBox .content{background:url(/img/bk_blue_box.png) repeat-y;padding:10px 16px;width:489px}
.blueBox .content img{float:left}
.blueBox .content h3,.blueBox .content p,.blueBox .content .resume,.blueBox .content .description{float:right;width:290px;}
.blueBox .content h3{font-size:14px;font-weight:400;padding:0}
.blueBox .bottom{background:url(/img/bk_blue_box_bottom.png) no-repeat;height:40px}

.blueBox.professeurs .bottom{line-height:30px;text-align:center}
.blueBox a.savoir-plus{display:block;position:relative;z-index:1}

.redBox{float:right;margin:30px 0 0;width:525px}
.redBox h2{background:url(/img/bk_red_box_top.png) no-repeat;margin:0;padding:4px 40px 0}
.redBox .content{background:url(/img/bk_red_box.png) repeat-y;padding:10px 16px;width:489px}
.redBox .content img{float:left}
.redBox .content h3,.redBox .content p,.redBox .content .resume,.redBox .content .description{float:right;width:290px;}
.redBox .content h3{font-size:14px;font-weight:400;padding:0}
.redBox .bottom{background:url(/img/bk_red_box_bottom.png) no-repeat;height:40px;position:relative}

.redBox.evenements .content h3,.redBox.evenements .content p{float:none;width:100%}

.event-resume{}
.event-desc{display:none;border-left:1px solid #fff;padding:0 0 0 15px;margin:15px 0 15px 15px;}

a.event-lire-plus{text-decoration:none}
a.event-lire-plus span{float:right;display:block;text-decoration:underline;color:#9c9c9c;padding-left:15px;background:url(/img/bt_coda.png) no-repeat;padding-left:20px;}

#boxBt1 a,#boxBt2 a{color:#9c9c9c;display:block;float:left;position:relative;text-decoration:none;z-index:1}
	#boxBt1 a:hover,#boxBt2 a:hover{color:#fff;}
#boxBt1{float:left;padding:12px 0 0 210px}
	#boxBt1 a{background:url(/img/bt_coda.png) no-repeat;padding-left:20px;}
#boxBt2{float:right;padding:12px 60px 0 0}
	#boxBt2 a{background:url(/img/bt_porte.png) no-repeat;padding-left:28px;}

label{float:left;margin-bottom:6px;margin-right:8px;text-align:right;width:150px}
form input{float:left;margin-bottom:6px;width:300px}
form textarea{height:100px;width:305px}
span.obligatoire{color:#d00303;font-weight:700}
.formBoutons{width:100px}
.center{text-align:center}
#switchlang{color:#999;position:absolute;right:0;top:10px}
#switchlang a{text-decoration:none}
.tarifs form input{width:auto}