@import url(xosystpl.css);
@import url(forms.css);
@import url(blocks.css);
@import url(content.css);
@import url(navigation.css);



/*====================================*/

body, html {
	margin:							0;
	background-color:				#e3e3e3;
	padding:						0;
	color:							#6e6b6d;
	font-family: "verdana","arial";
	font-size:						14px; 
	width:							100%;
}

/* ======= Body wrapper ======= */
#xo-wrapper {
width:							960px; 
margin-left: auto;
margin-right: auto;
}
#xo-bgstatic {}
#xo-canvas {
width:							100%; 
min-width: 				960px;
}
body.theme-dialog #xo-canvas {
	margin:							0 6px;
}
/*================= Content Zone ===================*/
#xo-canvas-content {
	background-color:				#ffffff;
	padding:						20px 0 10px 0;
	color: 							inherit;
}
#xo-page {
	padding-top:					0px;
	width:							 100%; /* add by kris */
}

#xo-content {
	clear:							both;
	margin:							0;
	background-color: 			    inherit;
	padding:						.5em;
	color:							#333;
}

#xo-content table td {
    vertical-align:     top;
	/*height: 1.3em;*/
	padding:                        .2em;
}
#xo-content table tr {
    height: 1.3em;
	padding:                        .5em;
}

/* ============== header ================= */
#xo-header {
background:		            		url(../img/banniere_centre_doc.jpg) no-repeat;
	width:			                100%;
	height:			                150px;
	border-bottom: 5px solid #a90061;
}

/* ---------- Banner ---------- */
#xo-banner {
	height:			                150px;
	text-align:center;
	position: relative;

}

#xo-main-logo {
    position: absolute;
	display: block;
	left: 10px;
	width: 150px;
	height: 130px;
	top:10px;
}

#xo-main-logo img{
height: 130px;
}

/*---------------------- Site name in header ----------------------------*/
#xo-site-title {
	position: relative;
	top: 50px;
	left: 200px;

    color: #ffffff;
	font-size: 26px !important;
font-weight: bold;
font-style: normal;

}


/*------------------------ logo ----------------------------*/


#xo-sub-logo img{
  position:            absolute;
  top:                80px;
  right:                10px;
}
#xo-main-logo.commercial {}
/*-------- Bannder-----------*/
#xo-banner form {}
#xo-banner input {}

/*============== Styles in search.html =================*/
#xo-search {
	position:						absolute;
	top:							  60px;
	left:							  250px;
	width:							650px;
}

#xo-search span {
  display: none;
}
/*============== Styles in language.html =================*/
#xo-language {
	position:						absolute;
	top:							135px;
	right:							17px;
	text-align:						right;
}
#xo-language img{
	padding:						10px;
}
/*==============citation=================================*/
#xo-citation {
	position:						absolute;
	top:							80px;
	left:							530px;
	background:		              	#ffffff;
    background-position:        	left top;
	height:							60px;
	width:	400px;					
	-webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;			
	-webkit-border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-bottomright: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
	padding: 5px;
	}


/*============== Styles in userbar.html =================*/
#xo-userbar_connecte{
	background:		              	#9E9E9E;
		height:							33px;
	}
#xo-userbar_anonyme{
	background:		              	#9E9E9E;
		height:							33px;
	padding-left:5px;
	}
#xo-userbar {
	position:						relative;
	float:							right;
	top:							0px;
	right:							0px;

	height:							33px;
	/*width:							50%;*/
	text-align:right;
}
#xo-userbar form {
	display:						inline;
	padding:						0;
}
#xo-userbar button {
	margin:							0;
	margin-bottom:					-2px;
	background:						transparent none;
	padding:						0;
	color: 							#1f5d94;
	border:							0 none transparent;
}
#xo-userbar button img {
	width: 							18px;
	height: 						18px;
}
#xo-userbar button:hover {
 	border: 						0 !important;
 }
#xo-userbar img {
	width: 							20px;
	height: 						20px;
}
#xo-userbar a {
	color: 							#1f5d94;
	background-color: 			    inherit;
	text-decoration:				none;
	margin-right: 					15px;
}
#xo-userbar a:hover {
	color: 							#92afeb;
	background-color: 			    inherit;
}
#xo-uname {
	font-weight: 					bold;
	font-size: 						1.1em;
}
/*============= Style in globalnav.html ================*/
#xo-globalnav  {
	min-height:						20px;
	margin:							0;
	color:							#ffffff;
	list-style-type:				none;
	font-weight:					bold;
	position: absolute;
	display: block;
	top: 150px;
	left: 0px;
	width: 960px;
	height: 20px;
	background-color:#a90061;
	
}
* html #xo-globalnav  {
    height:                         28px;
}

#xo-globalnav  .x2-label {
    display:	                    none;
}

/* ===== Footer ===== */
#xo-footer {
	margin:							0;
/*	background:						#ededed;*/
	border-top: 					1px solid #c6c7c9;
	border-bottom: 					1px solid #c6c7c9;
	padding:						.5em;
	color:							#666;
	font-size:						.9em;
	text-align:						center;
}

body.theme-dialog #xo-footer {
	padding:						.2em .5em;
	font-size:						.8em;
}

#xo-footer a {
	background-color:				inherit;
	color:							#333;
}

#xo-footer a:hover {
	background-color:				inherit;
	color: 							#666;
	text-decoration: 				underline;
}

/* ===== debug messages ===== */
#xo-logger-output {
    font-size:                      .8em;
}


/* ===== aidel ===== */
td.sd_search_label {
  width : 250px;
}

td.sd_edit_label {
  width : 150px;
}

form#search1 td.sd_search_label {
  width : 200px;
}

table[sdbase] {
	border-bottom:1px solid silver;
	margin-top:5px;
	margin-bottom:5px;
}
table[sdbase]:hover {
	background-color:#f8f8f8;
}
table[sdbase] span[sdlabel] {
	display:block;
	float:left;
	width:150px;
	text-align:right;
	margin-right:10px;
}
table[sdbase] span[field="qe_notes"] {
	display:block;
	border:1px dotted silver;
	margin-left:160px;
	padding:5px;
	width:80%;
}
fieldset .mdp{
    background-color:	#FCC2C3;
	border:	1px solid #FCC2C3;
	border-radius: 5px;
	margin:	0 auto 1em;
	margin-top:	20px;
	padding:	0.5em;
}

fieldset.sd_gestion {
	background-color:	#E2E5F8;
	border:	1px solid #E5E5E5;
	border-radius: 15px;
	margin:	0 auto 1em;
	margin-top:	20px;
	padding:	0.5em;
}
fieldset.sd_gestion>legend {
	font-weight:	bold;
}

fieldset.centredoc {
	background-color:	#6B91BF;
	border:	1px solid #E5E5E5;
	margin:	0 auto 1em;
	padding:	0.5em;
}

.sd_fieldset_gauche {
	background-color:	#E3E6F7;
	border:	1px solid #E5E5E5;
	border-radius: 15px;
	margin:	0 auto 1em;
	padding:	0.5em;
	width:	45%;
	display:	block;
	position:	relative;
	float:	left;
}
.sd_fieldset_gauche>legend {
	font-weight:	bold;
}

.sd_fieldset_droite {
	background-color:	#E3E6F7;
	border:	1px solid #E5E5E5;
	border-radius: 15px;
	margin:	0 auto 1em;
	padding:	0.5em;
	width:	45%;
	display:	block;
	position:	relative;
	float:	right;
}
.sd_fieldset_droite>legend {
	font-weight:	bold;
}

.fieldset_global{
	/*background-color:	yellow;*/
	border:	1px solid grey;
	padding:	10px;
	border-radius: 10px;
	margin-top:	20px;
}
.fieldset_global>legend{
	font-weight:	bold;
}


fieldset.sd_gestion {
	background-color:	#FFF;
	border:	2px solid #A90061;
	border-radius: 15px;
	margin:	0 auto 1em;
	padding:	0.5em;
}
fieldset.sd_gestion legend{
	font-weight:	bold;
}
fieldset.centredoc {
	background-color:	#6B91BF;
	border:	1px solid #E5E5E5;
	margin:	0 auto 1em;
	padding:	0.5em;
}

#sd_results table[sdbase] span[sdlabel] {
	display:block;
	float:left;
	width:150px;
	text-align:left;
	margin-right:10px;

}
#sd_results table[sdbase]  {
	margin-top:	5px;
	margin-bottom:5px;
}

#xo-page-bottomleftblocks #sd_results table[sdbase]  {
	margin-top:	2px;
	margin-bottom:2px;
	min-height:50px;
}
#xo-page-bottomrightblocks #sd_results table[sdbase]  {
	margin-top:	2px;
	margin-bottom:2px;
	min-height:50px;
}


#sd_page_title {

	color:							#a90061;
	border-bottom:					1px solid #ccc;
	font-size: 1.1em;
	font-weight: bold;
}


.sd_content_left {
	width:690px;
	float:left;
}
.sd_more_news {
	float:right;
}

.sd_content_right {
	width:250px;
	float:right;
	margin-left:0px;
	padding:5px;
	border:	1px;
	border-radius:	10px;
	background-color:	#E1E7F7;
}


/* JGrowl Box position in the page */
div.jGrowl {
  width: 960px !important;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  padding: 0 !important;
}
div.jGrowl.center {
  top: 0px !important;
  right: 0 !important;
  left: 0 !important;
}
div.jGrowl.top-right {
  right: 0 !important;
  left: 0 !important;
  top: 0 !important;
}
div.jGrowl div.jGrowl-notification {
  width: 50% !important;
  position: absolute;
  top: 2px;
  left: 230px;
  padding: 4px !important;
  margin: 0 !important;
  min-height: 0px !important;
  background-color: #fff !important;
  font-size: 1em !important;
}

div.jGrowl div.jGrowl-notification div.jGrowl-close {
  font-family: Tahoma, Geneva, sans-serif !important;
  font-size: 1.2em !important;
}

.autocomplete_filtre{
	width:100%;
}
.cl_barre{
	display:none;
}