html, body{
	margin: 0;
	padding: 0;
	
	background: url('../images/admin/bg_body.jpg') top left repeat-x;
	
	font: 12px verdana, tahoma, sans-serif;
	color: #808080;
	text-align: center;
}

img           { border:0; vertical-align:top; }

/* Headings */
h1            { font-size:20px;  line-height:1.15; }
h2            { font-size:18px;  line-height:1.25; }
h3            { font-size:16px; font-weight:bold; line-height:1.25; }
h4            { font-size:14px; font-weight:bold; }
h5            { font-size:12px; font-weight:bold; }
h6            { font-size:11px; font-weight:bold; }

/*ul li{ list-style-image: url('../images/puce-fleche.jpg');}*/

.image-droite{
	float: right;
	margin: 12px;
	margin-right: 0;
}
.image-gauche{
	float: left;
	margin: 12px;
	margin-left: 0;
}
.subtitle{
	color: #2A6EBB; 
	font-weight: bold;
	
}

.savoir-plus{
	height: 32px;
	background: url('../images/savoir_plus_large.jpg') top left no-repeat;
	text-indent: 30px;
}
.savoir-plus a{
	line-height: 29px;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}

#messagesInfo{
	background: #E6EDE6;
	color: #27C14B;
	font-weight: bold;
	border: 2px solid #69c17d;	
	padding: 2px 5px;
}

#branding{

	width: 100%;
	height: 243px;
	
	background: url('../images/admin/branding.jpg') top left no-repeat;

}

ul#menu{
	margin: 0;
	padding: 0;
	
	position: relative;
	top: 213px;
	
	width: 959px;
	height: 30px;
	
	background: url('../images/admin/bg_menu.jpg') top left no-repeat;
	
	margin: 0 auto;
	line-height: 30px;
	
	padding: 0 10px;
	
}

ul#menu li{

	list-style: none;
	display: block;
	float: left; 
	
	margin-right: 10px;

}


ul#menu li a{

	font-weight: bold;
	color: #FF8A00;

}

div#content-admin{
	position: relative;

	text-align: left;
	
	width: 967px;
	background: url('../images/admin/bg_content.jpg') top left repeat-y;
	
	padding: 1px 10px 5px 10px;
	margin: 0 auto;
	
}
div#foot_content{
	width: 987px;
	height: 52px;
	
	background: url('../images/admin/bg_bottom_content.png') top left no-repeat;
	margin: 0 auto;
}



/* Flash Messenger */

div#flashMsgShadow
{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	z-index: 10;
	background: #666666 url(./ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
	opacity: .5;
}
div#flashMsg
{
	background: #fff;
	border: 2px solid #2880b2;
	width: 300px;
	height: 150px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -150px;
	margin-top: -75px;
	z-index: 11;
}
div#flashMsg p
{
	color: #333;
	margin: 20px 0px 0px 20px;
}
div#flashMsg a
{
	display: block;
	padding: 0 5px;
	line-height: 36px;
	position: absolute;
	left: 20px;
	bottom: 10px;
	color: #2880b2;
	border: 2px solid #2880b2;
	font-weight: bold;
	text-decoration: none;
}

a img{ border :none;}

/* Fonts */

a{ outline: none; }

h2{
	color: #fb8629;
	border-bottom: 1px dashed #b4b4b4;
	
	padding-bottom: 5px;
}

/* table */

#tabHoraires table.data{
	font-size: 10px;
	color: #3c3c3c;
	width: 100%;
}

td.more-flights{
	height: 34px;
	background: url('../images/bg_more_flights.jpg') top left no-repeat;
	text-indent: 30px;
}
table.data tr td.more-flights a{color: #fff;}
table.data{
	border: 1px solid #ecf0f3;
	font-size: 12px;
	width: 100%;
}
table.data th a{text-decoration: none;}

table.data th{
	border-bottom: 1px solid #ecf0f3;
	border-right: 1px solid #fff;
	background: #dfe7f4;
	
	color: #0d6fb0;
	padding: 3px 5px;
	
	text-align:left;
	
}


table.data tr.sub td{
	padding-left: 25px;
}
table.data tr.subsub td{
	padding-left: 45px;
}
table.data tr.subsubsub td{
	padding-left: 65px;
}

table.data tr td{
	padding: 2px 4px;
}
table.data tr.odd td{
	background: #f1f4f9;
	
}

table.data tr.minor{
	display: none;
}

table.data tr.odd.minor td,table.data tr.even.minor td{
	background: #FFF4F6;
}


table.data tr a{
	font-weight: bold;
	color: #0d6fb0;
}
table.data tr a:hover{
	text-decoration: none;
	color: #fb8629;
}

/************* SUBCATS *********/

table.data tr.sub td.indent{ padding-left: 15px; }
table.data tr.subsub td.indent{ padding-left: 30px; }
table.data tr.subsubsub td.indent{ padding-left: 45px; }

/*******************************/

div.buttons{
	float: right; 
	height: 30px; 
	position: relative; 
	top: 5px;
}

div.buttons a{
	display: block;
	float: left;
	margin-right: 5px;
	background: url('../images/bg_orange_button.jpg');
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 0 10px;
	text-decoration: none;
	border: 1px solid #fb8629;
}

input.button, a.button{
	display: block;
	margin-right: 5px;
	margin-top: 5px;
	background: url('../images/bg_orange_button.jpg');
	height: 30px;
	line-height: 30px;
	color: #fff;
	width: 150px;
	font-weight: bold;
	text-align: center;
	padding: 0 10px;
	text-decoration: none;
	border: 1px solid #fb8629;
}

.clear{ clear: both; } 

div.portlet.admin{
	width: 40%;
	float: left;
}

span.portlet-header-icon{
	float: right;
}
span.portlet-header-icon a{
	display: block;
	text-indent: -20000px;
	background: url('../images/admin/pencil.png') top left no-repeat;
	width: 16px;
	height: 16px;
	margin-top:  8px;
	margin-right:  8px;
}

div.portlet-content.pave.admin{overflow:visible;}

div.portlet-header.admin input{
	position: relative;
	top: 4px;
	width: 90%;
	margin-left: 5%;
	background: none;
	border:none;
	font-size: 12px;
	color: #FF8000;
	font-weight:bold;
}

div#portlet-edition-collateral{
	width: 55%;
	position: relative;
	float: left;
	margin-left: 4%;
	z-index: 1000;
}

div#imageOptions{
	padding: 1em 1.4em;
}

div#resizeInfos,div#cropInfos{
	float: right;
	display: none;
}
div#resizeInfos-media,div#cropInfos-media{
	float: left;
	display: none;
}

label.littleLabel{
	display: block;
	float: left;
	width: 80px;
}



/*Galerie*/
div.global-galerie{
	
	padding: 5px; 
	border: 1px dashed #999;
	
}
div.galerie-elem{
	
	float: left;
	margin: 0 10px 5px 0;
	font-size: 11px;
	text-align: center;
	
}









/* JCROP */
/* Fixes issue here http://code.google.com/p/jcrop/issues/detail?id=1 */
.jcrop-holder { text-align: left; }

.jcrop-vline, .jcrop-hline
{
	font-size: 0;
	position: absolute;
	background: white url('Jcrop.gif') top left repeat;
}
.jcrop-vline { height: 100%; width: 1px !important; }
.jcrop-hline { width: 100%; height: 1px !important; }
.jcrop-handle {
	font-size: 1px;
	width: 7px !important;
	height: 7px !important;
	border: 1px #eee solid;
	background-color: #333;
	*width: 9px;
	*height: 9px;
}

.jcrop-tracker { width: 100%; height: 100%; }

.custom .jcrop-vline,
.custom .jcrop-hline
{
	background: yellow;
}
.custom .jcrop-handle
{
	border-color: black;
	background-color: #C7BB00;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}


/* Left Menu */
ul.leftmenu{

	width: 202px;
	padding: 0;
	margin: 0;
	
}

ul.leftmenu.general li{
	display: block;
	list-style: none;
	border-top: 1px solid #E3E8EC;
	border-bottom: 1px solid #DDE3E9;
	
	
	border-left: 1px solid #E3E8EC;
	border-right: 1px solid #E3E8EC;
	
	text-indent: 10px;
}
ul.leftmenu.general li ul.leftmenu li{

	border-top: none;
	border-bottom: none;
}

ul.leftmenu.general li span, ul.leftmenu li span{
	display: block;
	height: 27px;
	line-height: 27px;
	
	background: url('../images/bg_menu_item.jpg') top left repeat-x;
}

ul.leftmenu li.first{
	background: url('../images/left_first_item_menu.jpg') top left no-repeat;
	border: none;
}

ul.leftmenu li.first span{
	display: block;
	height: 30px;
	line-height: 30px;
	width: 100%;
	background: url('../images/right_first_item_menu.jpg') 6px 0 no-repeat;
}

ul.leftmenu li ul li span,ul.leftmenu li.first ul li span{
	background: none;
}
ul.leftmenu li ul li,ul.leftmenu li.first ul li{
	background: none;
	border-top: none;
	border-bottom: none;
}

ul.leftmenu ul,ul.leftmenu li ul{ background-color: #E5EAEF; }

ul.leftmenu.general{
	background: url('../images/last_item_menu.jpg') bottom left no-repeat;
	padding-bottom: 30px;
}

ul.leftmenu li span.actions,ul.leftmenu li.first span.actions{ float: right; text-align : right; width: 60px; line-height: 27px; background: none; margin-right: 3px;}
ul.leftmenu li span.actions img,ul.leftmenu li.first span.actions img{ position: relative; top: 4px; }

ul.leftmenu.general li span a{
	font-weight: bold;
	color: #7b7b7b;
	text-decoration: none;
}
ul.leftmenu.general li span a:hover,ul.leftmenu.general li ul.leftmenu li span a:hover{
	color: #FD8526;
}
ul.leftmenu.general li ul.leftmenu li span a{
	font-weight: normal;
	color: #7b7b7b;
}

/* ACL */

ul li.module{
	display: block;
	padding: 10px 0 10px 10px;
	background-color: #efefef;
	border: 2px solid #FB8629;
}
ul li.controller{
	display: block;
	padding: 10px 0 10px 10px;
	background-color: #f3f3f3;
	border: 2px solid #FB8629;
	border-right: none;
}
ul li.privilege-item{
	display: block;
	padding: 10px 0 10px 10px;
	background-color: #f7f7f7;
	border: 2px solid #FB8629;
	border-top: none;
	border-right: none;
}
ul li.privilege-item.first{
	border-top: 2px solid #FB8629;
}

/* Form Rule ACL */

div#rule-form{
	padding: 10px;
	background: #f0f0f0;
	border: 1px solid #FB8629;
}

div.rule-item{
	float: left;
	margin-right: 15px;
}
div.rule-item label{
	display: block;
}
div.rule-item select#groups,div.rule-item select#users,div.rule-item select#cms{
	width: 250px;
	height: 250px;
	border: 1px solid #ddd;
}
div.rule-item select#groups option,div.rule-item select#users option,div.rule-item select#cms option{
	border-bottom: 1px solid #ddd;
	height: 22px;
	padding: 3px 0 0 5px;
}

.version{
	font-size: 11px;
	font-weight: bold;
}

/* List rules */

div.collapse{
	border-bottom: 5px solid #ddd;
	margin-bottom:0;
}
div.rule-list-item{
	margin: 0 0 5px 0px;
	padding: 5px;
	
	border: 1px solid #ddd;
}


/* Block news */
#block-container-news{ position: relative; margin: 0; padding: 0;}
#news-go-left{
	position: absolute; top:0; left:0; width: 15px; border-right: 1px solid #ddd;
}

.introGraph{
	padding: 10px;
	background: url('../images/bg_introGraph.jpg') top left repeat-x;
}
.introGraph img{
	margin-right: 5px;
	
}

.itemGraph{
	margin-left: 10px;
}
.titreGraph{
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	font-size: 10px;
}
.labelGraph{
	color: #fff;
}

/******* ACL */
.panel-acl{
	background-color: #F7F3E8;
	border: 1px solid #e2a24b;
	padding: 5px 10px;
	margin-bottom: 5px;
}
.panel-acl h3{ margin: 0; color: #fb8629; border-bottom:1px dashed #B4B4B4; }
.panel-acl h4, .panel-acl p{ margin-left: 15px;}
.panel-acl a{ color: #fb8629; font-weight: bold; }