/* BASE LAYOUT */
.layout {width:1000px;margin-top:25px;}
.content-layout {float:right;width:800px;margin-top:10px;}

:focus {
	outline: 0;
}

body
{
	background:#FFF url(../images/admin/bg_admin.gif) repeat-x scroll left top;
	margin:0;
	padding:0;
	color:#333333;
	font-family: Verdana , Helvetica, sans-serif;
	font-size: 76%;
}
a {
	color:#3B3B3B;
	font-family:Tahoma,Verdana,Helvetica,Arial,sans-serif;
	font-size:11px;
	outline-style:none;
	outline-width:0;
	text-decoration:none;
}
a:hover {
	color: #e66700;
	text-decoration: none;
	outline: 0;
}

img {
border:0 none;
}

div#main_container {
	margin: 0;
	position: relative;
	border:0px solid red;
	width:1000px;
	display:block;
}
/* Navline / Fil d'Arianne / Breadcrumb / Trailer (faut savoir) */

div#navline {
	height: 28px;
	position: absolute;
	background:url(../images/admin/interface_bottom.png) bottom right no-repeat;
	padding: 0 0 0 0;
	top: 50px;
	left: 202px;
	padding-top:2px
}

span#navline_raccord {
	display: block;
	width: 15px;
	height: 27px;
	background: url(../images/admin/navline_raccord.png) top left no-repeat;
	float: left;
	margin: -2px 5px 0 0;
}

div#navline_content {
	padding: 0 25px 0 0;
	font-size: 11px;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	color: #333;	
	display: inline;
}

div#navline_content span img {
	vertical-align: -4px;
	margin: 0 5px 0 0;
}

div#navline_content a.navline_link {
	color: #007;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-decoration: underline;
}

div#navline_content span.navline_actual {
	color: #5f5f5f;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

/* CONTENU */

	/* CONTAINER */

div#content_container {
	float: left;
	margin: 80px 0 0 10px;
	width: 800px;	
	position: relative;
	
}

	/* HEADER (et variantes) */

div#content_top {	
	height: 20px;
	position: relative;
	background:url(../images/admin/interface_top.png) top left no-repeat; 
	border:0px solid red;
	clear:both;
	padding:0px;
}
div#content_body {
	width:760px;
	background: url(../images/admin/interface_body.png) top left repeat-y;
	display:block;
	padding:0 20px;
	float:left;
	min-height:255px;
}


.fieldlabelblue{
	font:12px normal verdana,sans-serif;
}
.add_cat{
	padding-left:20px;
	padding-bottom:10px;
	padding-top:10px;
}
.add_subcat{
	padding-top:4px;
	padding-left:10px;
}
div#admin_management_content{
	padding-left:45px;
	padding-top:20px;
}
div#admin_management_page{
	padding:10px 15px 10px 30px;
}
div#admin_management_list{
	width:600px;
	margin:25px auto 0;
	position:relative;	
}

div#admin_management_setting{
	width:600px;
	margin:25px auto 0;
	position:relative;	
}
.list_title{
	border-bottom:1px dotted silver;
	font-family:Tahoma,Verdana,Helvetica,Arial,sans-serif;
	font-size:11px;
	color:#333333;
	font-weight:bold;
	padding-bottom:3px;
	padding-left:20px;
	text-align:left;
	width:740px;
}
.ligne{
	display:block;
	height:19px;
	padding:1px 0 3px;
	width:760px;
}
.article_setting_title{
	float:left;
	padding:10px 0;
	width:160px;
	font:11px normal verdana, sans-serif;
}
.article_setting_select{
	float:left;
	padding:10px 0;
}
div#content_bottom {
background:#FFFFFF url(../images/admin/interface_bottom.png) no-repeat scroll left bottom;
clear:both;
height:30px;
width:796px;
}
#content_container_pop{
	margin:0 auto;
	width:800px;
	}
#content_container_pop_top{
background:#FFFFFF url(../images/admin/interface_top_trio.png) no-repeat scroll left top;
height:37px;
position:relative;
text-align:center;
width:796px;
}
div#content_container_pop_bottom {
background:#FFFFFF url(../images/admin/interface_bottom.png) no-repeat scroll left bottom;
clear:both;
height:30px;
width:796px;
}
#lien_pop{
padding-top:16px;
}
#lien_pop a{
padding: 0 20px;
}
#lien_article{
padding-top:16px;
text-align:center;
}
#lien_article a{
padding: 0 20px;
}
.content_section_pop{
background:#FFFFFF url(../images/admin/interface_body.png) repeat-y scroll left top;
width:796px;
}
#admin_gallery{
	float:right;
	width:120px;
}
#admin_gallery fieldset{
	float:right;
	width:110px;	
}
#admin_gallery ul{
	list-style-type:none;	
	margin:0;
	padding:0;
}
#admin_gallery ul li{
	padding:5px 0;
	text-align:right;
}
#admin_gallery ul li img{
	border:1px solid black;
}
#result_upload{
	padding:5px 0;
}
#result_upload .result{
	font-weight:bold;
}
#gallery{
	margin:15px auto;
	width:auto;
	height:auto;
}
.gallery_img{
	border:1px solid #E0E0E0;
	margin:5px 8px 5px 0;
	float:left;
	width:auto; 
	padding:10px 10px 0px;
	width:70px;
	height:105px;
}
.gallery_img .photo{
	border:1px solid #666666;
}

h1 {color:#282885;font-size:1.3em;}
h2 {color:#282885;font-size:1.2em;}

.content table th {background-color:#282885;color:#FFF;}
div#menu-layout
{
	float:left;
	/*background-image:url(../images/layout/EasyFly.jpg); */
	background-repeat:no-repeat;
	width:180px;
	padding:0px 0px 10px 0px;	
}
.category_line{
	cursor:pointer;	
	margin:5px 0;
	padding:5px 5px 8px 5px;
	height:20px;
}
.category_line:hover{
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	background:#e5f1f4 none repeat scroll 0 0;
	cursor:pointer;
}
.sub_category_line:hover{
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	background:#f2f6f7 none repeat scroll 0 0;
	cursor:pointer;
}
#container_pages_management .open{
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	background:#D8E8EC none repeat scroll 0 0;
	padding:5px 5px 8px 5px;
	cursor:pointer;
	height:50px;
}

/* Menu & main title */
.hidden{ display:none;visibility:hidden; height:0px; }
div#menu_container {
	width: 190px;
	float: left;
	border:0px solid red;
}

.corner_tr{
	background:url(../images/admin/interface_top.png) top right;
	height:20px;
}
.corner_br{
	background:url(../images/admin/interface_bottom.png) bottom right;
	height:20px;
	
}

ul.menu {
	list-style: none;
	width: 190px;
	background: url(../images/admin/interface_body.png) right repeat-y;
	margin:0;
	padding:0;
}

ul.menu li {
	margin: 0 0 7px;
	padding: 0 0 0 10px;
}

ul.menu li.separator {
	width: 75%;
	height: 5px;
	font-size: 1px;
	border-bottom: 1px dotted #cfcfcf;
	margin: 0 auto 10px;
}

ul.menu li a {
	color: #3B3B3B;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-decoration: none;	
}

ul.menu li a img {
	vertical-align: -4px;
	margin: 0 5px 0 0;
}

ul.menu li a:hover{
	color: #e66700;
	text-decoration: none;
}

h1#main_title {	
	margin: 4px 0 0 0;
	height: 76px;
	border:0px solid red;
	background: url(../images/admin/menu_header.png) no-repeat;
	position: relative;
	padding: 0;
}

h1#main_title a {
	display: block;
	text-indent: -5000px;
	height: 45px;
	width: 175px;
	position: absolute;
	bottom: 4px;
	top: 5px;
	border:0px solid red;
}

li#menu_top {
	width: 190px;
	margin: 0;
	height: 20px;
	background: url(../images/admin/menu_top.png) bottom left no-repeat;	
}


ul.menu li.menu_bottom {		
	margin:0;
}

li.menu_bottom a {	
	display: block;
	float: left;
	
}

li.menu_bottom a#ident {
	margin-right:70px;
}

body#admin_settings li.menu_bottom a {
	padding: 2px 0 0;
}

li.menu_bottom a img {
	vertical-align: middle;
}


/* OTHERS */
.clear {clear:both;}
.warning {color:red;}
.inputs
{ 
	background-color: #FFF;
	font-family: verdana;
	font-size: 11px; 
	color: #444; 
	font-weight: bold; 
	text-decoration: none; 
	border: solid 1px #D4D0C8; 
}
.order_up{
	background:transparent url(../images/admin/bullet_up.png) no-repeat scroll center center;
	display:block;
	height:8px;
	top:0px;
	width:16px;
	padding-bottom:4px;
}
.order_down{
	background:transparent url(../images/admin/bullet_down.png) no-repeat scroll center center;
	display:block;
	height:8px;
	top:0px;
	width:16px;
}
.order_up span,.order_down span{
	display:none;
}
.plus span{
	display:none;	
}
.plus{
	background:transparent url(../images/admin/bullet_toggle_plus.png) no-repeat scroll center center;
	display:block;
	height:20px;
	width:20px;
}
.minus{
	background:transparent url(../images/admin/bullet_toggle_minus.png) no-repeat scroll center center;
}
#admin_gallery a{
	font-size:10px;
}
.conseil{
	padding:3px 0 0 20px;
	height:20px;
	color:#007EFF;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/admin/lightbulb.png) top left no-repeat;
}
/* FORMS */

div.form_inline_elt, div.form_block_elt {
	margin: 0 0 10px;
	clear: both;
}

div.form_inline_elt label, div.form_block_elt label {
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #555;
	margin: 0 5px 0 0;
	display: block;
	width: 150px;
	float: left;
}

div.form_inline_elt label.required, div.form_block_elt label.required {
	font-weight: bold;
}

div.form_block_elt label {
	display: block;
	margin: 0 5px 5px 0;
	float: none;
	width: 650px;
}

div.form_check_elt {
	margin: 0 5px 5px 155px;
}

div.form_check_elt input {
	margin: 0 5px 0 0;
}

/*---------FORM ELEMENTS-------------*/

input[type="text"], input[type="password"], input[type="submit"], input[type="button"], select, textarea{	
	font: 11px Tahoma, Verdana, Helvetica, Arial, sans-serif;
	color: #666;	
	border: 1px solid #d1d1c9;
	background-color:#f2f2ed;
	padding:3px 4px;

	-moz-border-radius:4px;
}

input[type="submit"], input[type="button"], a.button{	
	color: #fff;
	border: 1px solid gray;
	cursor: pointer;
	padding:1px 2px 3px 18px;
	background:#73888c url(../images/icons/bullet_disk.png) 2px 3px no-repeat;
}
a.button{ background:#73888c;padding:4px 6px; border:0; -moz-border-radius:4px; margin-bottom:10px; display:block; float:left;}

input[type="submit"]:hover, input[type="button"]:hover{
	background-color: #e66700;
}

input[type="text"]:hover, input[type="password"]:hover, textarea:hover, select:hover{
	border:1px solid #aaaa9d;
}

input.textinput, input.bigtextinput, input.smalltextinput, input.numberinput, input.bignumberinput, input.dateinput, select, textarea {	
	
}


input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus{		
	color: #333;
	border: 1px solid #73888c;
	background-color:#fff;
}
select, select:focus{
	padding:2px 1px;
	height:22px;
}
option{
	margin:3px 2px;
	
}
textarea {
	min-width: 400px;
	min-height: 125px;
}
div.form_buttons {
	margin: 5px auto 5px;
	width: auto;
	text-align: center;
	clear: both;
}


		/* Navigation (et variantes) */
div.top_menu{
	width:100%;
	float:left;
	border:0px solid yellow;
	background:#e6e6e1;
	-moz-border-radius:4px;
	clear:both;
	margin-bottom:20px;
}
div.content_back {
	width: 60px;
	float:left;
	text-align: center;	
	border:0px solid red;
	margin:0;
	border-right:1px solid white;
	padding:0px;
}

div.content_back a {
	width: 60px;
	font-size: 16px;
	display: block;
	text-decoration: none;
	height:23px;
	padding-top:7px;
	-moz-border-radius:3px;
}
div.content_back a:hover {	
	display:block;	
	background:#dbdbd7;
	-moz-border-radius:3px 0 0 3px;
}div.content_navigation {		
	top: 19px;
	left: 15px;
	
	padding:8px 0;
	float:left;
}		/* Liens de navigation */

div.lang_choice {	
	float:right;
	border:0px solid red;
	padding:8px 5px 0 5px;
	margin-left:5px;
	border-left:1px solid white;
	height:22px;
}

div.content_navigation a, div.lang_choice a {
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #3B3B3B;
	margin: 0 10px;
	padding:0 5px 1px;
}

div.content_navigation a:hover, div.lang_choice a:hover {	
	background-color:#ccccc0;
	padding:3px 5px;
	-moz-border-radius:3px;
}

div.content_navigation a.active, div.lang_choice a.active {
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #fff;
	background-color:#73888c;
	padding:3px 8px;
	-moz-border-radius:3px;
}

div.content_main_link {
	padding: 10px 0 10px 25px;	
	border:0px solid blue;
	clear:both;
}

div.content_main_link a {
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #3b3b3b;
}

div.content_main_link img {
	vertical-align: middle;
}

fieldset{
	border:1px solid #73888c;
	-moz-border-radius:6px;
	padding:10px 20px;
	margin-bottom:10px;
}
legend{
	color:#73888c;
	font-size:13px;
	font-weight:bold;
	padding:3px 8px;
	border:1px solid #73888c;
	-moz-border-radius:4px;
}

/* CONNECT BOX */


body#connect {
	background: #fff url(../images/admin/bg_connect.png) top left repeat-x;
	background-attachment:fixed;	
	width: 302px;
	margin: 10px auto 0;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #333;
}

#connect_global {
	position:absolute;
	left: 50%; 
	top: 50%;
	width: 302px;
	height: 284px;
	margin-top: -142px; /* moitié de la hauteur */
	margin-left: -151px; /* moitié de la largeur */
	background-color:#FF0000;
}

.connect_box {
	width: 322px;
	height:322px;
	position: relative;
	margin: 40px auto 0;
	padding:0 0 127px;
	background: url(../images/admin/connect_box.png) bottom left no-repeat;
	border:0px solid red;
}

.connect_box h1 {
	width: 322px;
	height: 120px;
	margin: 0 auto 110px;
	text-indent: -9999px;
}

.connect_form {	
	text-align: center;
	margin: 0 auto 0;
}

.connect_form label {
	display: none;
}

.connect_form input.login {	
	margin: 0 auto 15px;
	width: 190px;
	padding:5px;
	padding-left:25px;
	background:#ebebe7 url(../images/icons/user.png) 3px 3px no-repeat;
	
}
.connect_form input.login:focus {
	background:#fff url(../images/icons/user.png) 3px 3px no-repeat;
	color:#333;
	
}
.connect_form_elts{
	text-align:center;
}

.connect_form input.pass {
	margin: 0 auto 15px;
	width: 190px;
	background:#ebebe7 url(../images/icons/key.png) 3px 3px no-repeat;
	padding:5px;
	
	padding-left:25px;
}

.connect_form input.pass:focus {
	background:#fff url(../images/icons/key.png) 3px 3px no-repeat;
	color:#333;
}
input.connect_it, input.connect_it:focus {
	background-image:url(../images/icons/disconnect.png);
	margin-top:10px;
}
#login_back {
	bottom:40px;
	left:55px;
	position:absolute;
}