@CHARSET "UTF-8";
*{margin:0;padding:0;}
 
html,body {height:100%;}

img {border:0;}

body{
	background-color:#1a171b;
	font-family: arial;
	font-size:13px;
}
a {color:black;}
#global{
	position:relative;
	min-height:100%;
    min-width:1050px;
}
#header {
    width:100%;
	min-width:1050px;
	background-color: #1a171b;
	background-repeat:no-repeat;
	background-position:center;
}
/* HEADER + FOOTER = 460px */
#center {
	background-color:white;
	width:1050px;
}
#footer {
	width: 1050px;
	padding-top:20px;
	background-color:white;
}
#footerCache {}
#footer #footerHaut {
	background-color: white;
	color:black;
}
#footer #footerHaut #footerHautContent {
	width:1050px;
}
#footer #footerHaut #footerHautContent .titreFooterHaut {
	color:black;
	font-weight:bold;
}
#footer #footerHaut #footerHautContent .contentBoxFooterHaut {
	margin-top:30px;
	color:#a3a3a3;
	font-size:small;
}
#twitterFeed {overflow:hidden;}
#footer #footerHaut #footerHautContent .contentBoxFooterHaut a{
	text-decoration:none;
	font-weight:bold;
	color:#a3a3a3;
}
#footer #footerHaut #footerHautContent .contentBoxFooterHaut a:hover{
	text-decoration:underline;	
}
#footer #footerHaut #footerHautContent .extremiteG {
	width: 326px;
	height:300px;
	float:left;
	margin-left:5px;
	
}
#footer #footerHaut #footerHautContent .extremiteD {
	width: 320px;
	float:right;
}
#footer #footerHaut #footerHautContent .centre {
	width: 304px;
	height:290px;
	margin-right:10px;
	padding-left:10px;
	padding-right:10px;
	border-right:1px solid #ebecec;
	border-left:1px solid #ebecec;
	overflow:hidden;
	float:right;
}

#footer #footerBas {
	clear:both;
	margin-bottom:10px;
	background-color:#414141;
	border:1px dotted white;
	background-color:#1a171b;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #959595;
	
}
#footer #footerBas #footerContent {
	width: 1050px;
}
 
#footer #footerBas .footerColumn {
	width: 200px;
	float:left;
	margin-left:50px;
}
 
#footer #footerBas .footerColumn .titreFooter {
	color:#FFF;
	margin-top:7px;
	margin-bottom:3px;
	text-align:left;
	font-weight:bold;
}
#footer #footerBas .footerColumn .linksFooter {
	/*color:#5c5c5e;*/
	color:#969698;
	text-align:left;
	line-height:14px;
}
#footer #footerBas .footerColumn .linksFooter #menuConnexion {cursor:pointer;color:white;}
#footer #footerBas .footerColumn .linksFooter a {color:#969698;text-decoration:none;}
#footer #footerBas .footerColumn .linksFooter a:hover {color:#969698;text-decoration:underline;}

#global #header #menu {
	width:1050px;
	background-color:white;
}
#global #header #menu #logoNuitBlanche {width:103px;height:86px;
			float:left;}
#global #header #menu #menuItems {
	margin-top:10px;
	clear:right;
	float:right;
	margin-right:17px;
}
 
 
#global #header #menu #menuItems .menuItemEx {
	height: 38px;
	float:left;
	margin-top:24px;
	line-height:28px;
}

#global #header #menu #menuItems #menuItemExLeft {background-image:url(../img/menu/menuItemGauche.png);padding-right:5px;}

#global #header #menu #menuItems #menuItemExRight {background-image:url(../img/menu/menuItemDroite.png);padding-right:8px;}
 
#global #header #menu #menuItems .menuItem {
	height: 81px;
	float:left;
	position:relative;
}
#global #header #menu #menuItems .menuItem a{color:white;text-decoration:none;}
#global #header #menu #menuItems .menuItem.select{
	
}
#global #header #menu #menuItems .menuItem:hover {
	
}
#global #header #menu #menuItems .menuItem .titreItem {
	height: 19px;
	z-index:2;
	cursor:pointer;
	line-height:28px;
	padding:5px;
	padding-top:10px;
	padding-bottom:10px;
	color:white;
	background-color:#1a171b;
}


#global #header #menu #menuItems .menuItem .selected {
	
}

.flecheContainer {position:relative;top:0px;height:30px;overflow:hidden;}
.flecheContainer .fleche {position:relative;width:15px;height:15px;top:-20px;background-image:url(../img/menu/flecheNew.png);background-repeat:no-repeat;}

.corner-top { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; }
.corner-bottom { -moz-border-radius-bottomleft: 7px; -webkit-border-bottom-left-radius: 7px; -moz-border-radius-bottomright: 7px; -webkit-border-bottom-right-radius: 7px; }


#admin a {text-decoration:none;color:white;}
#admin a:hover {text-decoration:underline;}







.ui-tabs {}
.ui-tabs .ui-tabs-nav { list-style: none; position: relative;}
.ui-tabs .ui-tabs-nav li { position: relative; float: left;padding:5px;}
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {background-color:#6e6e6e; -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px;-moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block;clear:both;background-color:#6e6e6e;}
.ui-tabs .ui-tabs-hide { display: none !important; }


#blocConnexion {display:none;}
#connexionBox {position:absolute;width:100%;height:100%;top:0;left:0px;opacity:0.5;z-index:11;background-color:black; filter:Alpha(Opacity=50);}
.tdInput {background-image:url('../img/connexion/fond-cel.png');background-repeat:no-repeat;height:40px;}
.inputConnexion {font-size:20px;height:20px;width:325px;background:none;border:none;}
#connexionInscription {position:absolute;width:490px;left:50%;margin-left:-245px;top:50%;margin-top:-125px;z-index:12;
						background-color:#1a171b;border:1px solid white;color:white;background-image:url(../img/logoBlackNew.png);background-repeat:no-repeat;}
.tabConnect {display:none;}
#connexionInscription a {text-decoration:none;color:white;}
#connexionInscription .error {color:red;font-style: italic;}

.boutonConnexion {background:none;border:none;width:93px;height:33px;color:#656565;cursor:pointer;margin-left:10px;margin-top:30px;}
.boutonCancel {background-image:url("../img/connexion/bouton-cancel.png");}
.boutonValider {background-image:url("../img/connexion/bouton-ok.png");}

#goToInscript {margin-left:5px;display:block;}


.step 	{height:32px;line-height:16px;font-size: 10px;border-top:1px solid #777777;background-color:white;overflow:hidden;}
.stepPlaceHolder {height:32px;line-height:16px;font-size: 10px;border-top:1px solid #696969;background-color:#909090;}
.step a {text-decoration:none  !important ;color:black;}
.stepWhite {background-color:#b4b4b4;}
.stepWhitePers {background-color:#b4b4b4;}
.step a:hover {text-decoration:underline  !important;}
.stepAll {border-top:1px solid #777777;background-color:white;}

.step .itineraryHandler {height:32px;line-height:32px;width:10px;float:left;cursor:move;}/*background-image:url(../img/itineraryHandler.png);*/
.step .deleteItinerary {height:32px;line-height:32px;width:10px;float:right;cursor:pointer;}
.step .deleteItinerary .deleteItineraryButton {}
.step .itineraryContent {width:220px;line-height:8px;font-size: 8px;margin-top:4px;float:left;margin-left:3px;}
.step .itineraryImg {height:30px;width:30px;margin-top:1px;float:left;}


.stepEvent 	{height:32px;line-height:16px;font-size: 10px;border-top:1px solid #777777;background-color:white;overflow:hidden;}
.stepEvent a {text-decoration:none  !important;color:black;}
.stepEvent a:hover {text-decoration:underline  !important;}
.stepEvent .eventsHandler {height:32px;line-height:32px;width:10px;float:left;}
.stepEvent .eventsContent a {height:10px;width:250px;line-height:6px;font-size: 10px;float:left;margin-left:3px;}

.stepEvent .eventsContent {height:24px;width:250px;line-height:8px;font-size: 8px;margin-top:4px;float:left;margin-left:3px;}
.stepEvent .eventsImg {height:30px;width:30px;margin-top:1px;float:left;}
.stepWhiteEvent {background-color:#b4b4b4;}

.stepArtist	{line-height:16px;font-size: 10px;border-top:1px solid #777777;background-color:white;overflow:hidden;}
.stepArtist a {text-decoration:none !important;}
.stepArtist a:hover {text-decoration:underline  !important;}
.stepArtist .artistsHandler {height:32px;line-height:32px;width:10px;float:left;}
.stepArtist .artistsContent {padding-top:2px;padding-bottom:2px;width:250px;line-height:8px;font-size: 8px;margin-top:1px;float:left;margin-left:3px;}
.stepArtist .artistsImg {height:30px;width:30px;margin-top:1px;float:left;}



.step0 	{border-top:1px solid #777777;background-color:#b4b4b4;}
.step1 	{border-top:1px solid #696969;background-color:#909090;}


.comment {border:1px solid #737373;margin-top:5px;}
.comment .user {float:left;}
.comment .date {float:right;}
.comment .content {clear:both;overflow:hidden;}
.comment .abus {float:right;cursor:pointer;}
.comment .user,.comment .date {color:#3c3c3c;font-weight:bold;}







