@font-face{ 
	font-family: 'StuyvesantBTRegular';
	src: url('font/stuyvesant_bt-webfont.eot?'),
	     url('font/stuyvesant_bt-webfont.woff') format('woff'),
	     url('font/stuyvesant_bt-webfont.ttf') format('truetype'),
	     url('font/stuyvesant_bt-webfont.svg#stuyvesant_bt-webfont') format('svg');
}

body {margin:0px; padding:0px; font: 1.0em Verdana, Arial, sans-serif; text-align:center; background-color:#000000; color:#ffffff;}
/* pour enlever les marges de toutes les balises */
* { margin:0px; padding:0px; }
.nofloat { clear:both; }

input, button, textarea, select { background-color:#121320; color:#c0c7d9; border-color:#504966; }
.btn-icon {padding-left:25px !important;}

div#musicplayer { width:925px; height:16px; float:left; text-align:center; margin-top:10px; }

div#header-bg {height:199px; background:url(img/header.jpg) top center no-repeat; text-align:center; }
div#header {width:925px; height:199px; margin-left:auto; margin-right:auto; text-align:left; }

div#header div#logos { width:287px; height:138px; float:left; text-align:center; margin-left:12px; }

div#header div#mu {width:300px; float:right;}
div#header div#mu ul {height:95px; width:300px; float:right; padding:0px 10px 0px 0px; line-height:1.53em; font-size:0.8em; list-style-type:none; text-align:center; font-weight:bold; background:url(img/mu_bg.png) no-repeat;}
div#header div#mu ul li { padding-left:15px;}
div#header div#mu ul a {color:#6d7694; text-decoration:none;}
div#header div#mu ul a:link {color:#6d7694; text-decoration:none;}
div#header div#mu ul a:hover {color:#ffffff; text-decoration:underline;}
div#header div#mu .selected {color:#ffffff;}

div#header div#user_mu {width:300px; height:37px; float:right; margin-top:0px; clear:right; }
div#header div#user_mu ul {padding:15px 13px 0px; font-size:0.8em; list-style-type:none; text-align:center; }
div#header div#user_mu ul li { padding-left:5px; color:#FFF;}
div#header div#user_mu ul li#user_name { font-weight:bold; display:inline; }
div#header div#user_mu ul li#user_level { display:none;}
div#header div#user_mu ul li#user_exit { font-weight:bold; display:inline;}

div#header div#user_mu ul a {color:#ffffff; text-decoration:none;}
div#header div#user_mu ul a:link {color:#ffffff; text-decoration:none;}
div#header div#user_mu ul a:hover {color:#ffffff; text-decoration:underline;}

div#header div#mp {width:925px; height:47px; clear:both; }
div#header div#mp ul {padding:5px 10px; font-size:1.05em; list-style-type:none; text-align:center; font-weight:bold;}
div#header div#mp ul li {display:inline; padding-left:5px; color:#78819d;}
div#header div#mp ul a {color:#78819d; text-decoration:none;}
div#header div#mp ul a:link {color:#78819d; text-decoration:none;}
div#header div#mp ul a:hover {color:#b6b9bc; text-decoration:underline;}
div#header div#mp ul li .selected {color:#ffffff;}

div#container-bg { background:url(img/bg_back.jpg) bottom center repeat-y;}
div#container-bg1 { background:url(img/bg.jpg) bottom center no-repeat;}
div#container-bg2 { background:url(img/frame.png) top center repeat-y;}
div#container-bg3 { background:url(img/frametop.png) top center no-repeat;}
div#container-bg4 { background:url(img/bottom.png) bottom center no-repeat; text-align:center;}

div#container { width:782px; margin-left:auto; margin-right:auto; text-align:left; min-height:300px; font-size:0.8em; padding-bottom:30px; background:url(img/content.jpg) top center no-repeat; }
div#container p {font-family:Arial; font-size:1.0em; text-align:left; line-height:1.3em; margin:1em 10px 1em 0px;}
div#container h1 {color:#ffffff; font-family:StuyvesantBTRegular; margin:0px 0px 10px 0px; font-weight: normal;}
div#container h2 {color:#aab5d0; font-size:1.1em; margin:15px 0px 10px 0px; font-weight:bold;}
div#container h3 {font-size:1.0em; font-weight:bold; margin-bottom:0px;}
div#container ul {margin:1em 50px 1em 30px;}
div#container ul li {margin-top:5px; font-size:0.9em; font-family:Arial;}
div#container ol {margin:1em 50px 1em 30px;}
div#container ol li {margin-top:5px; font-size:0.9em; font-family:Arial;}
div#container a:link {color:#c4ceff; text-decoration:none;}
div#container a:visited {text-decoration:none; color:#c4ceff}
div#container a:hover {color:#ffffff; text-decoration:underline;}
div#container a:active {text-decoration:none; color:#6681d9;}
div#container hr {border:outset 2px #6d7694;}


div#container div#ms {width:782px; height:35px; float:right; }
div#container div#ms ul { font-size:0.9em; list-style-type:none; text-align:center;}
div#container div#ms ul li {display:inline; padding-left:5px; color:#ffffff;}
div#container div#ms ul a {color:#ffffff; text-decoration:none;}
div#container div#ms ul a:link {color:#ffffff; text-decoration:none;}
div#container div#ms ul a:hover {color:#ffffff; text-decoration:underline;}
div#container div#ms ul .selected {color:#ffffff;}

div#col {width:722px; min-height:300px; padding:0px 30px 0px 30px; }

div#colbot {width:878px; padding:0px 15px 0px 30px; }

div#col1 {width:480px; min-height:300px; float:left; padding:0px 10px 0px 30px; }

div#col2 {width:225px; float:left; padding:0px 5px 0px 15px; }
div#col2 p {text-align:justify; }

div#footer-bg {height:85px; background:url(img/footer.jpg) top center no-repeat; text-align:center; }
div#footer {width:925px; height:45px; margin-left:auto; margin-right:auto; padding-top:40px; text-align:center; font-size:0.7em; }
div#footer ul {margin:0px; list-style-type:none;}
div#footer ul li {display:inline; margin:2px; color:#60716e;} 
div#footer a {color:#60716e; text-decoration:none;}
div#footer a:link {color:#60716e; text-decoration:none;}
div#footer a:hover {color:#ffffff; text-decoration:underline;}
div#footer a.selected {color:#bcdcd6;}

div#footer div#bottom_menu {font-weight:bold;}

div#footer div#copyright {margin-top:10px;}

/*calendar*/
div#calendar {border:2px solid #252d3b;}	/* journÃ©e normale */
div#calendar .yearmonth{background:url(img/deg2.jpg) repeat-x; background-color:#3f4e69; color:#aab5d0;}
div#calendar .daysname{background-color:#202301; color:#ffffff; background:url(img/deg1.jpg) repeat-x;}

div#calendar table{background-color:#000000;} 		/* journÃ©e */
div#calendar table .dayact{border:solid 2px #526382;} 		/* journÃ©e actuelle */
div#calendar table .evenday{background-color:#3f4e69; color:#ffffff;}		/* journÃ©e d'Ã©vÃ¨nement */
div#calendar table .evendayact{background-color:#96b46b;}		/* journÃ©e actuelle et d'Ã©vÃ¨nement */
div#calendar table .orgaevenday{background-color:#8c1a1d;}		/* journÃ©e d'Ã©vÃ¨nement d'organisme */
div#calendar table .orgaevendayact{background-color:#e65a5e;}		/* journÃ©e actuelle et d'Ã©vÃ¨nement d'organisme */
div#calendar table .memberevenday{background-color:#bf2c37; color:#ffffff;}		/* journÃ©e actuelle de membres */
div#calendar table .memberevendayact{background-color:#ce876b;}		/* journÃ©e actuelle et d'Ã©vÃ¨nement de membres */

div#qTip {
 filter:alpha(opacity=80); opacity:0.8;
 padding: 3px;
 border: 1px solid #666;
 border-right-width: 2px;
 border-bottom-width: 2px;
 display: none;
 background: #d1daf1;
 color: #000000;
 font: bold 9px Verdana, Arial, sans-serif;
 text-align: left;
 position: absolute;
 z-index: 1000;
}


ul.iconPanel li {width:190px;}


.ui-tabs .ui-tabs-nav {border-bottom:solid 6px #505BAA; }