body {background-color:#FFF;}

.sitebloc {clear:both;background:url(/img/interface/siteblocbg.jpg) repeat-x 0 100%;}
.sitebloctable {width:990px;margin:0 auto;}
#pageHeader {background: url(/img/interface/sitebgtop.jpg) repeat-x 0 100% #000;}
#pageHeaderCont {width:1000px;margin:0 auto;}
#pageHeaderMenu {height:35px;}
#pageRight {padding-left:10px;width:300px;margin-right:5px;}
#pageLeft {width:680px;margin-left:5px;}

.sitenav_sep {clear:both;height:5px;}
a.sitelogo {display:block;margin:10px 20px 10px 0;width:171px;height:90px;float:left;background:url(/img/interface/mmclogo.gif) no-repeat right bottom;;}
a.sitelogo span {display:none;}
#sitenav {margin:0;padding:0;clear:both;}
#sitenav ul{margin:0;padding:0;}
#sitenav li {display:block;list-style:none;float:left;padding:0;margin:0 10px 0 0;}
#sitenav li a {display:block;height:35px;background-repeat: no-repeat;}
#sitenav li a span {display:none;}
#sitenav li.active {background-position:0 -35px;}
#sitenav li:hover {background-position:0 -35px;}
#sitenav li li:hover {background-position:0;}
#sitenav ul ul {display: none;}
#sitenav ul li:hover > ul {display: block;clear:both;position:absolute;}
#sitenav ul.ie_actif ul {display: block;}
#sitenav ul.sub {width:229px;margin-left:-7px;z-index:300;border-top:2px solid #FFF;}
#sitenav .sub li {width:229px;margin:0;padding:0;}
#sitenav .sub li a {background-image:none; display:block; width:215px; background-color:#FFF;color:#777;margin:0 7px 0 7px; height:33px;}
#sitenav .sub li.end a {height:30px;}
#sitenav .sub li a span {display:block;padding:10px 10px 0 10px;}
#sitenav .sub li a:hover {background-color:#DDD;text-decoration:none;color:#444;}
#sitenav .sub li.end:hover  {background-image:url(/img/interface/ssmenu-bas-grey.png);}


.sub li.line, .sub li.start{height:33px;
background:url(/img/interface/ssmenu-bg.png) repeat-y;}
.sub li.line {height:34px}
.sub li.end{ height:41px;
background:url(/img/interface/ssmenu-bas.png) repeat-y;}


.sub li.line a, .sub li.end a {border-top:1px solid #DDD;}

#sitenav li.bthome {width:74px;background-image:url(/img/interface/sitenav-home.gif);}
#sitenav li.btprod {width:129px;background-image:url(/img/interface/sitenav-prod.gif);}
#sitenav li.btart {width:86px;background-image:url(/img/interface/sitenav-art.gif);}
#sitenav li.btplus {width:109px;background-image:url(/img/interface/sitenav-plus.gif);}
#sitenav li.btnews {width:67px;background-image:url(/img/interface/sitenav-news.gif);}

.pubH	{float:right;padding-top:5px}

#searchbar {height:25px;float:right;margin:0;width:300px;background: url(/img/interface/searchbarlarge.gif) no-repeat}

#searchbar .sfield, #statusbar .sfield {
	line-height:14px;
	height:18px;
	background:none;
	border:0px;
	float:left;
	margin:3px 0 0 7px;
	padding: 2px 0 0 4px;
	color:#FFF;
	width:150px;
}



#statusbar {height:40px;width:190px;margin-left:10px;background: url(/img/interface/statusbar.gif) no-repeat;}
#statusbar-off {height:30px; width:190px;margin-left:10px;background: url(/img/interface/statusbulle.gif) no-repeat;}
#statusbar-off a {display:block;padding:4px 0 0 10px;}
#statusbar form {height:25px;}
#statusbar a {display:block;margin-top:5px;font-size:10px;}
#statusbar .sfield {margin:4px 2px 0 5px;color:#444;width:140px;}
#searchbar .sbt, #statusbar .sbt {
	background:none;
	border:0px;
	width:26px;
	height:22px;
	cursor:pointer;
	float:right;
	margin-top:1px;
}
#statusbar .sbt {width:30px;float:left;}
div.homecover {height:360px;}

.widgetoff {background:url(/img/interface/widgetoffbg.png) no-repeat;}
.widgetoff a.btlogin {float:left;background:url(/img/interface/bt-login.gif) no-repeat; width:82px; height:25px;margin-top:7px;}
.widgetoff .btlogin span {display:none;}
.widgetoff p {padding:0;margin:0 0 10px 0;}
.widgetoff h3 {margin:0;padding: 0 0 10px 0;}
#widgetform {clear:both;padding:10px;}
#widgetform .inputtxt {width:100px;}
.widgetpedago {margin:0 10px 0 10px;}
.widgetpedago  .more3 {margin-bottom:10px;}
#widgetpedago h3 {display:none;}
#widgetsignup {clear:both;padding:0 10px 10px 10px;}
.widgetpedago {padding:20px 0 20px 0;}
a.btsignup {display:block;width:175px;height:34px;margin: 0 auto; background:url(/img/btsignup.gif) no-repeat;}
a.bt-signprod {display:block;width:185px;height:61px;margin: 0 auto; background:url(/img/widget-claim1a.gif) no-repeat;float:left;margin-bottom:5px;}
a.bt-signartist {display:block;width:240px;height:60px; margin: 0 auto; background:url(/img/widget-claim1b.gif) no-repeat;float:left;margin-bottom:5px;}
a.bt-savoirplus {display:block;width:134px;height:16px; background:url(/img/widget-claim3.gif) no-repeat;float:left;margin-bottom:5px;}
.bt-signartist span, .bt-savoirplus span, .bt-signprod span {display:none;}
.widget-sep {clear:both;width:290px;height:2px;background:url(/img/widget-sep.gif) no-repeat;margin: 0 auto;margin-bottom:10px;}
div.widget, div.widgetoff	{height:370px;margin-bottom:10px;width:300px;}
.widget {background-color:#FFF;}
.widget .head h2 {float:left;font-size:12px;}
.widget div.head {background: url(/img/interface/hbg.gif) repeat-x;}
#wgtleft {float:left;background-color:#FFF;width:218px;}
#wgtbody {height:339px;border-bottom:1px solid #DDD;border-left:1px solid #DDD;border-right:1px solid #DDD;overflow:hidden;}
#wgtright {border-left:1px solid #DDD;float:left;overflow:hidden;height:339px;}
#wgt_content {padding:0;margin:0;}
div.onglet-big {background:url(/img/interface/wgt-onglet1-on.gif) no-repeat;margin-left:-1px;margin-bottom:1px;width:77px;height:82px;}
div.onglet-big-off {background:url(/img/interface/wgt-onglet1-off.gif) no-repeat;margin-left:-1px;margin-bottom:1px;width:77px;height:82px;}
div.onglet-big-off:hover {background:url(/img/interface/wgt-onglet1-on.gif) no-repeat;}
.onglet-big img.art, .onglet-big-off img.art {width:60px;margin:8px;}
.onglet-small img.art, .onglet-small-on img.art {width:40px;height:33px;margin:5px;border:1px solid #FFF;}
li.onglet-small {height:53px;background:url(/img/interface/wgt-onglet3-off.gif) no-repeat;margin-bottom:1px;width:77px;cursor:pointer;}

li.onglet-small-on {height:53px;background:url(/img/interface/wgt-onglet3-on.gif) no-repeat;cursor:pointer;width:77px;background-position: 0 -53px;}

li.onglet-plus-off {background:url(/img/interface/wgt-plus-off.gif) no-repeat;margin-bottom:1px;width:31px;height:33px;cursor:pointer;margin-left:-1px;}
li.onglet-plus-off:hover {background-position: 0 -33px;}
li.onglet-plus-on {background:url(/img/interface/wgt-plus-on.gif) no-repeat;margin-bottom:1px;width:31px;height:33px;margin-left:-1px;}
li.onglet-small:hover {width:77px;background-position: 0 -53px;}
li.onglet-small:hover > img.art {float:right;}
div.wgtcont {padding: 10px 10px 0 10px;}
div.onglet-big-off{cursor:pointer;}
li.onglet-small-on {background:url(/img/interface/wgt-onglet3-on.gif) no-repeat;margin-left:-1px;margin-bottom:1px;height:53px;width:77px;}
.onglet-small-on .art {float:right;}
#wgtonglets {}
#wgtonglets strong {font-size:9px;color:#777;display:block;padding: 5px 0 5px 5px;font-weight:normal;}
#wgtonglets ul { margin: 0; padding: 0; list-style: none;}
span.notif { position:absolute;margin:4px 0 0 4px; color:#FFF;background-color:#F40;border:1px solid #FFF;display:block;padding:2px 7px 2px 7px;font-size:10px;}

.onglet-plus-off span.notif {margin:4px 0 0 25px;}
div.inputgrey, span.inputgrey {height:26px;background:url(/img/interface/input-btgrey.gif) repeat-x;}

#playerbar-bg {background-color:#EEE;width:300px;margin-bottom:10px;padding:10px 0 10px 0;}
#playerbar {background:url(/img/playerbar.gif) no-repeat;width:280px;height:25px;margin-left:10px;}
#playerbar .bt {display:block;float:left;width:55px;color:#FFF;padding:5px 0 0 10px;}
#playerbar .pl {float:left;margin-left:15px;}



#notifications {position:absolute;margin-top:20px;margin-left:-30px;width:300px;}

#pageFooter {background:url(/img/interface/sitebgbas.jpg) repeat-x #000;padding-top:20px;}
#foot-bloc {margin-top:10px;padding-bottom:5px;width:990px;margin:0 auto;}
#foot-bloc h3 {display:block;color:#FFF;padding:10px 0 10px 0;font-weight:normal;margin:0 0 10px 0;}
div.foot-list {float:left;width:24%;}
.foot-list ul {margin:0 10px 0 0;padding:0;}
.foot-list li {list-style:none;margin:0;padding:0 0 10px 0;}
.foot-list li a {color:#777;}
.foot-list li a:hover {color:#009634;}
#foot-corpo p {color:#AAA;margin-top:10px;}

.widget div.menubts {float:left;padding-left:5px;}
.widget a.msg {display:block;height:30px;width:20px;background:url(/img/interface/pic-msg.gif) no-repeat 0 10px;float:left;}
.widget a.notif, .widget a.notif-active, .widget a.notif-closed {display:block;width:30px;height:30px;background:url(/img/interface/pic-notif-head.gif) no-repeat;float:left;}
.widget a.notif-active {background-position: 0 -30px; }
a.notif strong, a.msg strong {display:block;font-weight:normal;color:#FFF;font-size:10px;background-color:#F40;border:1px solid #FFF;padding:1px 5px 1px 5px;position:absolute;margin:10px 0 0 10px;}
a.notif-active strong, a.notif-closed strong {display:none;}
.widget .notif span , .widget a.notif-active span , .widget a.notif-closed span, .widget a.msg span {display:none;}
.widget a.logout {display:block;float:right;font-size:9px;color:#777;padding:9px 0 0 0;}