@charset "utf-8";
/* CSS Document */

html, body{
	width:100%;
	height:100%;
	margin:0px;
	height:0px;
}

body{
	background-color:#000000;
	background-repeat:repeat-x;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
}

#topBar{
	position:absolute;
	height:20px;
	width:100%;
	top:0px;
	left:0px;
	z-index:9999;
	background-color:#0098c2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	color:#FFF;
}

#topBar .topBarContent{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
}
#map {
	width:1000px;
	height:500px;
}
#topBar a{
	color:#fff;
	font-size:12px;
	text-decoration:none;
}

#topBar a:hover{
	text-decoration:underline;
}


#divLogo{
	position:absolute;
	top:25px;
	left:38px;
	background-image:url(/_i/templ/logosumo.jpg);
	width:124px;
	height:80px;
	background-repeat:no-repeat;
}

#tabListWrapper{
	position:absolute;
	z-index:8888;
	top:20px;
	width:100%;
	height:47px;
	background-color:#4c4c4c;
}

#tabList{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	font-size:18px;
	font-weight:bold;
	background-image:url(/_i/templ/tablogo.png);
	background-repeat:no-repeat;
	background-position:right;
}

.tab, .tabon{
	float:left;
	cursor:pointer;
	
	height:38px;
	line-height:38px;
	margin:0px;
	padding:0px;
	margin-top:9px;
	margin-right:10px;

	letter-spacing:-0.05em;
	letter-spacing:-0.06em !important;
}

.tab:hover, .tabon:hover{
	color:#CCC;
}

.tabon {
	
}

.tab .tableft, .tab .tabright{
	float:left;
	width:7px;
	height:38px;
}

.tabon .tableft{
	float:left;
	width:7px;
	height:38px;
	background-image:url(/_i/templ/tab_left.png);
}

.tabon .tabright{
	float:left;
	width:7px;
	height:38px;
	background-image:url(/_i/templ/tab_right.png);
}

.tabcontent{
	float:left;
	padding-left:5px;
	padding-right:5px;
}

.tabon .tabcontent{
	background-color:#000000;
}

#divContent{
	position:absolute;
	top:0px;
	left:50%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	background-color:#000;
	color:#ffffff;
	width:1000px;
	height:100%;
	padding-top:100px;
	padding-bottom:150px;
	margin-left:-500px;
}

.mainSeparator{
	clear:both;
	width:100%;
	height:1px;
	margin-top:40px;
	margin-bottom:30px;
	background-color:#4c4c4c;
}

.floatLeft{
	float:left;
	margin-right:10px;
}

.floatRight{
	float:right;
	margin-left:10px;
}

.clear{
	clear:both;
}


h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:normal;
	color:#ffffff;
	width:650px;
	letter-spacing:-0.05em;
	letter-spacing:-0.06em !important;
}

h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:normal;
	color:#ffffff;
	width:650px;
	letter-spacing:-0.05em;
	letter-spacing:-0.06em !important;
}

a:link, a:visited, a:active{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#0098c2;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

/*********** LISTS ****************/
.forminput select {
	width:200px;
	height:30px;
	font-size: 16px;
	line-height: 30px;
}
.actionMessage{
	font-size:16px;
	line-height:24px;
	color:#0098c2;
}

#pageSelector{
	margin-right:20px;
}

.disabled{
	color:#4c4c4c;
}

.listSeparator{
	clear:both;
	width:1000px;
	height:1px;
	margin-top:5px;
	margin-bottom:20px;
	background-color:#4c4c4c;
}

.listitem{
	position:relative;
	background-color:#000000;
	padding:0px;
	margin:0px;
	margin-bottom:20px;
	width:1000px;
	padding-bottom:20px;
	border-bottom:1px solid #4c4c4c;
}

.listitem .list_item_infos{
	float:left;
	width:790px;
}

.listitem .listitem_btns{
	float:left;
	width:190px;
	height:90px;
	padding-left:20px;
	background-image:url(/_i/templ/listItemButtonsSeparator.png);
	background-position:10px 5px;
	background-repeat:no-repeat;
}

.listitem .listitem_header{
	position:relative;
	margin-bottom:10px;
	cursor:pointer;
}

.listitem .listitem_header_title{
	font-size:20px;
	line-height:24px;
	font-weight:normal;
	width:790px;
	overflow: hidden;
}

.listitem_body{
	color:#aaa;
	line-height:18px;
	padding-top:10px;
	
}

.listitem_body_gradient{
	position:absolute;
	width:590px;
	height:10px;
	background-image:url(/_i/templ/listItemBodyGradient.png);
	background-position:top;
	background-repeat:repeat-x;
}

.listitem_body ul{
	margin-top:0px;
	list-style-position:outside;
}
.listitem_body ul li{
	margin-left:-25px;
}

.btn_zone{
	float:right;
	width:65px;
}

.btn_edit{
	font-size:18px;
	line-height:32px;
	background-image:url(/_i/templ/picto_edit.png);
	background-repeat:no-repeat;
	background-position:3px;
	padding-left:30px;
	cursor:pointer;
	color:#0098c2;
}
.btn_edit:hover{
	text-decoration:underline;
}

.btn_delete{
	font-size:12px;
	line-height:22px;
	padding-left:30px;
	cursor:pointer;
	color:#AAA;
}
.btn_delete:hover{
	text-decoration:underline;
}

.published{
	font-size:12px;
	line-height:22px;
	background-image:url(/_i/templ/picto_published.png);
	background-position:10px 6px;
	background-repeat:no-repeat;
	padding-left:30px;
	cursor:pointer;
	color:#AAA;
}
.published:hover{
	text-decoration:underline;
}

.unpublished{
	font-size:12px;
	line-height:22px;
	background-image:url(/_i/templ/picto_not_published.png);
	background-position:10px 6px;
	background-repeat:no-repeat;
	padding-left:30px;
	cursor:pointer;
	color:#AAA;
}
.unpublished:hover{
	text-decoration:underline;
}

.publishedinfo{
	font-size:12px;
	line-height:16px;
	background-image:url(/_i/templ/picto_published.png);
	background-position:10px 6px;
	background-repeat:no-repeat;
	padding-left:30px;
}

.unpublishedinfo{
	font-size:12px;
	line-height:16px;
	background-image:url(/_i/templ/picto_not_published.png);
	background-position:10px 6px;
	background-repeat:no-repeat;
	padding-left:30px;
}


/** SMALL LIST **/
.listitem_small{
	position:relative;
	background-color:#000000;
	padding:3px;
	padding-left:10px;
	margin:0px;
	margin-bottom:5px;
	width:680px;
}

.listitem_small .list_item_infos{
	float:left;
	width:370px;
}

.listitem_small .listitem_btns{
	float:left;
	width:180px;
	padding-left:20px;
	background-image:url(/_i/templ/listItemButtonsSeparator.png);
	background-position:10px 0px;
	background-repeat:no-repeat;
}

.listitem_small .listitem_header{
	position:relative;
	margin-bottom:0px;
	cursor:pointer;
}

.listitem_small .listitem_header_title{
	font-size:12px;
	line-height:16px;
	font-weight:normal;
	width:590px;
}

.listitem_small_header{
	position:relative;
	cursor:pointer;
}

.listitem_small_header_title{
	position:relative;
	
	float:left;
	font-size:12px;
	line-height:20px;
	font-weight:normal;
	width:590px;
}

.btn_delete{
	float:left;
	line-height:16px;
}

.published, .unpublished{
	float:left;
	width:190px;
	line-height:16px;
	background-position:10px 3px;
}


.previous{
	float:left;
	width:4px;
	height:8px;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:10px;
	background-image:url(/_i/templ/previous.gif);
	cursor:pointer;
}

.next{
	float:left;
	width:4px;
	height:8px;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:10px;
	background-image:url(/_i/templ/next.gif);
	cursor:pointer;
}

/**************** EDIT ********************/

.forminput input{
	
	padding-top:4px;
	margin-bottom:6px;
	margin-top:5px;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	border:4px solid #CCC;
	font-size:18px;
	line-height:33px;
	outline:none;
}
.forminput input[type=text] {
	width:1000px;
	height:40px;
}
.forminput input[type=radio] {
	padding-top:2px;
	margin-bottom:2px;
	margin-top:0;	
	border:0;
	line-height: normal;
}
.forminput input:focus{
	border:4px solid #0098c2;
}

.forminput input.error{
	border:4px solid #F00;
}

.forminput textarea{
	width:600px;
	height:100px;
	padding-top:4px;
	margin-bottom:6px;
	margin-top:5px;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	border:4px solid #CCC;
	font-size:18px;
	outline:none;
}

.forminput textarea:focus{
	border:4px solid #0098c2;
}

.forminput textarea.error{
	border:4px solid #F00;
}

.formlabel{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#ffffff;
	margin-top:20px;
	margin-bottom:10px;
}

.forminput{
	margin-bottom:20px;
}

.authorlist{
	
}

.authoritem{
	float:left;
	width:66px;
	height:66px;
	text-align:center;
	cursor:pointer;
	border:1px solid #000000;
	margin-right:5px;
}

.authoritem:hover{
	border:1px solid #FFFFFF;
}

.authoritemOn{
	float:left;
	width:66px;
	height:66px;
	text-align:center;
	border:1px solid #FFFFFF;
	margin-right:5px;
}


/***** press infos box *****/
.press_infos_box{
	float:left;
	width:300px;
}

.press_image_box{
	float:right;
	width:120px;
	margin-right:20px;
	text-align:right;
}

/** MONTH SELECTION **/
#monthSelectionBox{
	position:absolute;
	z-index:1;
	left:760px;
	top:300px;
	width:216px;
	min-height:400px;
	padding:10px;
	padding-top:0px;
	background-color:#333333;
}
.monthSelectionItem{
	position:relative;
	margin:0px;
	padding:0px;
	width:100%;
	line-height:12px;
	margin-bottom:6px;
	cursor:move;
}

#monthSelectionBox h2{
	width:auto;
}

/** THUMBNAIL SERVICE STATUS **/
#divThumbServiceStatus{
	width:130px;
	height:16px;
	margin-bottom:10px;
}

.serviceAvailable{
	background-image:url(/_i/templ/picto_published.gif);
	background-position:right;
	background-repeat:no-repeat;
}

.serviceUnavailable{
	background-image:url(/_i/templ/picto_not_published.gif);
	background-position:right;
	background-repeat:no-repeat;
}

/** MAIN LIST **/
.draggable_wrapper{
	position:relative;
	display:block;
	height:16px;
	margin:0px;
	margin-right:3px;
	cursor:move;
}

.draggable_wrapper a{
	font-size:12px;
	padding-left:20px;
}

.draggable{
	z-index:100;
	background-image:url(/_i/templ/drag.gif);
	width:12px;
	height:12px;
	pa
}

/***** TIPS ******/
.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #CCCCCC;
	padding: 8px 8px 4px;
	background-color:#666666;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background-color:#666666;
}

/************ TOOL BOXES ***********************/
.toolboxwrapper{
	width:240px;
	position:absolute;
	top:140px;
	left:750px;
	margin-right:10px;
	z-index:1000;
}
.toolboxtop{
	width:240px;
	height:20px;
	background-image:url(/_i/templ/top.gif);
	background-repeat:no-repeat;
	background-position:top;
}
.toolbox{
	background-color:#FFFFFF;
	padding:5px;
}
.toolboxbottom{
	width:240px;
	height:20px;
	background-image:url(/_i/templ/bottom.gif);
	background-repeat:no-repeat;
	background-position:top;
}

.toolbox a{
	margin-left:10px;
	line-height:20px;
}

.toolbox a:link, .toolbox a:active, .toolbox a:visited{
	font-size:12px;
	color:#000000;
	text-decoration:none;
}

.toolbox a:hover{
	text-decoration:underline;
}

/************ GESTION DES IMAGES ***************/
.imgProjet{
	float:left;
	width:115px;
	height:160px;
	margin:0px;
	margin-right:5px;
	margin-bottom:5px;
	padding-left:5px;
	padding-top:5px;
	background-color:#373737;
	overflow:hidden;
}

.imgProjet .btn_delete{
	margin-bottom:5px;
}

.imagesContainer{
	width:680px;
}

#imageServerFlash{
	position:absolute;
	display:none;
	z-index:100;
	top:40px;
	left:0px;
	width:1000px;
	height:820px;
	border:1px solid white;
	background-color:#181818;
}

#imageServerFlashButtonsBar{
	position:relative;
	text-align:right;
	padding-right:20px;
	height:20px;
	background-color:#000000;
}

.charcounter{
	margin-left:20px;
}

.charcounter.oversize{
	color:#C30;
}
.projectImage{
	float:left;
	margin-right:10px;
	margin-bottom:20px;
}

/* !EDITION DES PAGES D'UN SITE */
#sitemap ul {
	margin-top:12px;
}
#sitemap ul li {
	list-style-type: none;
	font-size: 20px;
    font-weight: normal;
    line-height: 28px;
    margin-bottom: 12px;
    padding-top:4px;
}
#sitemap ul>li>ul li {
	font-size:18px;
}
#sitemap ul>li>ul>li>ul li {
	font-size:16px;
}
#sitemap .sectiontitle {
	float: left;
	margin-right:10px;
}
#sitemap .tips {
	float:left;
	font-size: 13px;
}
.scriptToEval {
	display: none;
}
.artistlist {
	margin-bottom: 10px;
}
input.dateYear{
	width:55px;
	margin-right:20px;
}

.teamCV{
	border:none;
	padding-left:20px;
	padding-right:0px;
	margin-right:10px;
	margin-bottom:20px;
	background-image:url(/_i/templ/pdf.gif);
	background-repeat:no-repeat;
}

.projectImage, .artisteImage{
	float:left;
	height:140	px;
	margin-right:10px;
	margin-bottom:20px;
}
.box_highlight {
	background-color:#ff0000;
}
label {
	padding:0 3px;
	margin-bottom:2px;
}
select.large {
	width:300px;
	height:40px;
	font-size:16px;
}
option {
	font-size:16px;
}
.uploadbutton {
	text-transform: uppercase;
	background-color: transparent;
	border: none;
	padding: 0;
}
.uploadify-button {
	text-transform: uppercase;
	background: transparent;
	border: none;
	padding: 0;
}
.uploadify:hover .uploadify-button {
	background-color: transparent;
}
table.transactions tr.even td {
	background: #514d4d;
}
table.transactions tr td {
	border-right:1px solid #fff;
	border-bottom: 1px solid #fff;
	padding:4px;
}
table.transactions tr td.bt {
	border-top:1px solid #fff;
}
table.transactions tr td.bl {
	border-left:1px solid #fff;
}