/* CSS Document 2010 border:1px solid red
color:#13555a gris bleu
color:#f08300 orange vif
color:#ba2248 fuschia
*/
@import url(http://fonts.googleapis.com/css?family=Ubuntu:400,300,500);
*{margin:0;padding:0}

html, body {margin:0;padding:0}
img{margin:0;padding:0;border:0}

body {font-family: 'Ubuntu', sans-serif;font-size: 12px;line-height:16px;color:#00cccc;padding-top: 23px;background-color:#000}

/* top bar */

#top-bar { position: fixed; top: 0; right: 0; z-index: 999; width: 100%; height: 30px;background-color:#00cccc;color:#6fc1cc}
#top-bar a,#top-bar a:hover,#top-bar a:active,#top-bar a:visited,{color:#6fc1cc}
* html #top-bar { position: absolute;}
#topbar-inner { height: 30px;position: relative;float:right;margin-right:25px}
* html #topbar-inner { position: relative;margin-right:25px}
* html body { padding-top: 30px;}
* html,* html body {/*overflow-y: hidden;*/height: 100%;margin-top: -30px;}

#mainouter { position: relative; z-index: 2; min-height: 100%; background:#000 url(imgs/back.gif) no-repeat top center;height:100%;width:100%}
* html #mainouter {height: 100%;overflow: auto;position: relative; z-index: 2;margin-top: -25px;}

#boxtop{}  
#topmenu{position:absolute;z-index: 3;width:610px;display:block;height:110px;}  
#topmenu li{overflow:hidden;display:inline;margin-left:6px;float:right;}  
#topmenu li a{ height:100%;display:block;width:80px; height:110px;text-indent:-2000px}  

/* éditions MJF Buttons */  
#topmenu li.mjf7 a{background:url('imgs/top-mjf7.gif') no-repeat;background-position:0 -15px;}  
#topmenu li.mjf6 a{background:url('imgs/top-mjf6.gif') no-repeat;background-position:0 -15px;}  
#topmenu li.mjf5 a{background:url('imgs/top-mjf5.gif') no-repeat;background-position:0 -15px;}  
#topmenu li.mjf4 a{background:url('imgs/top-mjf4.gif') no-repeat;background-position:0 -15px;}  
#topmenu li.mjf3 a{background:url('imgs/top-mjf3.gif') no-repeat;background-position:0 -15px;}  
#topmenu li.mjf2 a{background:url('imgs/top-mjf2.gif') no-repeat;background-position:0 -15px;}  
#topmenu li.mjf1 a{background:url('imgs/top-mjf1.gif') no-repeat;background-position:0 -15px;}  

#topmenu li.mjf7 a:hover,#topmenu li.mjf6 a:hover,#topmenu li.mjf5 a:hover,#topmenu li.mjf4 a:hover,#topmenu li.mjf3 a:hover,#topmenu li.mjf2 a:hover,#topmenu li.mjf1 a:hover{background-position:0 0;}  


/* structure */
#box0{margin:0 auto;width:950px;}
#box1{float:left;width:400px;padding:140px 0 0 0}
#box2{float:right;width:450px;padding:160px 0 100px 10px}
#box3{clear:both;background-color:#FFF;width:100%;text-align:right}

#col21{float:left;width:270px;}
#col22{float:right;width:130px;background-color:#6fc1cc;padding:10px 0 10px 7px;margin-left:15px}
#col23{float:right;width:135px;background-color:#6fc1cc;padding:10px 0 10px 7px;margin-left:12px}
#main{text-align:justify;padding:7px 15px 30px 0}
#main a{color:#ba2248;font-weight:bold}
#main2{height:400px;overflow:auto}

/* Mise en forme  */
p{padding:10px 0px 0px 0px}
.left{float:left;display:block}
a {color: #13555a;text-decoration: none;}
a:visited{color:#13555a;}
a:hover {color:#f08300;text-decoration:underline;}
a:active {color:#f08300;}
.left{text-align:left}
.right{text-align:right}



.titre{font: normal 20px/25px 'Ubuntu', sans-serif;}
.titre2{font: normal 24px/25px 'Ubuntu', sans-serif;color:#FFF}
.b{font:normal 18px/16px Trebuchet MS, Helvetica, sans-serif;padding-top:3px;color:#f1b061}
.b2{font:bold 13px/16px Trebuchet MS, Helvetica, sans-serif;padding-top:10px}


/* sous menu artistes #menuart{height:278px; */
ul{list-style-type:none;}
#date{height:170px}
#menuart{height:278px;width:300px;color:#8d4f06;}
#menuart ul{padding:263px 0 0 65px}
#menuart a{color:#8d4f06;text-transform:uppercase;font:bold 10px/12px Trebuchet MS, Helvetica, sans-serif;}
#menuart a:link{color:#8d4f06;}
#menuart a:visited{color:#8d4f06;}
#menuart a:hover{color:#FFF;text-decoration: none;}
#menuart a:active {color:#FFF;text-decoration: none;}

#menuart #active{background-color:#1890a0;color:#fff;display:block}

/* Mise en forme artistes */
h2{color:#FFF;;font:bold 15px/16px Trebuchet MS, Helvetica, sans-serif;margin-bottom:4px;padding:0}
h4{color:#1890a0;font:normal 25px/25px Trebuchet MS, Helvetica, sans-serif;background-color:#FFF}
h4bis{color:#FFF;font:normal 28px/32px Trebuchet MS, Helvetica, sans-serif;background-color:#486165;}
h5{color:#6fc1cc;font:bold 15px/18px Trebuchet MS, Helvetica, sans-serif;margin-top:5px}
h6{font:normal 23px/22px Trebuchet MS, Helvetica, sans-serif;padding-top:10px}
h3{font:normal 30px/22px Trebuchet MS, Helvetica, sans-serif;}

.date{display:block;color:#be1b45;font:normal 10px/9px Trebuchet MS, Helvetica, sans-serif;text-transform:uppercase;margin-top:15px;border-top:1px dotted #6fc1cc;padding-top:7px;}
.blue{color:#6fc1cc;}
.grey{color:#6fc1cc;}
.part{background-color:#FFF;}

.h31{color:#1890a0;font:bold 24px/15px Trebuchet MS, Helvetica, sans-serif;background-color:#486165;}
.h32{color:#ba2248;font:italic 17px Trebuchet MS, Helvetica, sans-serif;}
.art{display:block;margin-left:0px;}

.scroll{height:320px;overflow:auto;}
.prog{font:10px/13px tahoma;color:#13555a;text-align:left;margin:15px 0 10px 0;}
.prog2{font:11px/13px tahoma;color:#13555a;text-align:left;margin:5px 0 10px 30px}
.progliens a{font:normal 12px/16px arial;color:#13555a;}
.progliens a:hover{font:normal 12px/16px arial;color:#FFF;}
#player{margin:110px 0 0 100px;height:20px}
#facebook img{margin:30px 0 0 120px;height:31px;width:153px;}


.red{color:#f08300;font: bold 12px/14px verdana;}
.red2{color:#f08300;font: 11px/13px verdana;}

/* Bas de page */
#bottom{clear:both;text-align:right;padding:5px 32px 5px 0;color:#aaa;}
.logo{padding-top:7px}