/* --------- Stylesheets  #B9D3EE   incorporation --------- */
@import url("content.css");
@import url("forms.css");
@import url("templates.css");
@import url("blocks.css");

* {
	margin: 0;
	padding: 0;
}
/* --------- Layout --------- */
html {
	
	font-family:  Segoe UI,Tahoma,Arial,Helvetica,sans-serif;
	line-height: normal;
	margin: 0;
	padding: 0;
	background: url("../img/body_bg.jpg") repeat-x top fixed;
		
		
}
body {
	font-family: Segoe UI,Tahoma,Arial,Helvetica,sans-serif;
	font-size: 12px;
	line-height: normal;
	unicode-bidi: embed;
	width: 1005px;
	margin: 0 auto;
	background:  url("../img/content.png") repeat top;

	
}


#page { 
  width: 1005px; 
} 

/* --------- Top --------- */

#xo-fontsize {
	color: #fdad18;
	float: left;
	padding: 5px 0 0 19px;
	text-align: left;
}
#xo-fontsize a{
	background-color: transparent;
	color: #fff;
	text-decoration: none;
}
#xo-fontsize a:hover{
	background-color: transparent;
	color: #fed851;
	text-decoration: none;
}



#xo-canvas {
	background: url("../img/live.png") no-repeat;
	width: 1005px;
	margin: 0 auto;
}
#xo-canvas-content {
    
	
	
}

	
	
		
	
}
#xo-page {
	padding-top: 1px;   background: transparent;
	
	
}
/* --------- Header --------- */
#xo-header {
	
	height: 140px;
	background: url("../img/header.jpg") no-repeat;
}


/* --- Logo --- */
#xo-header img.logo {
	float:	left; 
	padding: 9px 33px 0 0;
	padding-left:20px;
	padding-top:10px;
} 
.xo-header-Border {
	margin: 0px 10px;
	
}

.headerdroit{
  /*background: url("../img/header.jpg") no-repeat;*/
  height: 140px;
  vertical-align: middle;
}

.headergauche{
/*  background-image: url(images/logo.jpg);*/
  width: 515px;
  height: 140px;
}  
.head_table{
	background-color: #222222;
    background: url("../img/header.jpg") no-repeat;
/*	background-image: url(images/bannerbg.gif); */
	width: 100%;
	height: 96px;
	text-align: left;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
}	
/* --------- Navigation menu --------- */


#xo-navheader {
	height: 27px;
	float: left; 
	width: 1005px;
	background: url("../img/5.png") no-repeat center ;
	font-family: Segoe UI,Tahoma,Arial,Helvetica,sans-serif;
	line-height: 1.2em;
	font-weight: bold; 
	margin: 1px 1px 0px 0px;
	font-size: 1.1em;
	
	
}
#xo-navheader a:hover{background:#fff;
	height: 27px;
	color: #FFB90F;
	text-decoration: none;
}

#xo-navheader li{
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
	
}
#xo-navheader a{
	float: left;
	margin: 0;
	padding: 0 0  0 20px; 
	text-decoration: none;
	color:#000;
	
	
	
}
#xo-navheader a span{
	display: block;
	padding: 6px 12px  4px 4px; 
	font-weight: bold; 
	
}




/* --------- Barre menu --------- */

/* menu */
#container {
width: 1005px;
background: url("../img/4.png");
text-align: center;

}
/* niveau1*/
#nav, #nav ul {
float: left;
width: 1005px;
list-style-type: none;
background: url("../img/5.png");
font-weight: bold;
position:absolute;
z-index:1;
}
#nav a {
display: block;
width: 130px;
color: white;
text-decoration: none;
padding: 2px 0px 0px;
}
#nav a.daddy {
/* pour mettre un flêche de suivit des sous menus*/
background: url("..img/icon.gif") center right no-repeat; 
}
#nav li {
list-style-type: none;
float: left;
padding: 2px; 
width: 130px;
height:11px:
}
/* niveau2*/
#nav li ul {
position: absolute;
left: -999em;
height: auto;
width: 130px;
font-weight: normal;
margin: 30px 0 0 0px;
background: url("../img/4.png");
}
#nav li li {
list-style-type: none;
padding-right: 2px;
width: 128px;
height:11px:
}
#nav li ul a {
width: 128px;
}
/* niveau3*/
/* Décalé à gauche et remonté à coté de la ligne en cours */
#nav li ul ul {
margin:  -20px 0 0 -130px; 
}
/* Positions 'invisible' : ne pas toucher */
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}
/* Couleur bloc survol */
#nav li:hover, #nav li.sfhover {
background: #eda; 
}
/* padding bloc survol */
#nav li:hover ul, #nav li.sfhover ul {
padding-right : 2px;
}


/*--- Top Blocks ---*/
#xo-top-shadow {
	
	height: 2px;
	
}

	
/*============== Styles pour l'include userbar.html =================*/
#xo-userbar {
	height: 32px;
	text-align: left;
	float: right;
	padding: 0px 0 0 0px;
	padding-right:0px;
	padding-top:30px;

}


.xo-userbar form {
	display:							inline;
	padding:							0px;
}
.xo-userbar button {
	margin: 							0px -3px;
	border:							0px none;
	padding:							0px;
	background:						transparent none;
}
.xo-userbar button img {
	width: 							20px;
	height: 						20px;
}
.xo-userbar img {
	width: 							20px;
	height: 						20px;
}
.xo-userbar input {
	color: 							black;
	font-size: 						1.2em;
	background-color: 			inherit;
}

.xo-userbar a {
	color: 							#FF4500;
	
	text-decoration: 				none;
	background-color: 			inherit;
	
	font-weight:					bold;
}
.xo-uname {
	color: 							#87af7b;
	font-size:						1.6em;
	font-weight:					bold;
	background: 					inherit;
}


.xo-userbar{
	height: 32px;
	text-align: left;
	float: right;
	padding: 0px 0 0 0px;
	padding-right:0px;
	padding-top:30px;
}



/* --------- Content module page --------- */
#xo-content {
  padding : 8px;
  text-align : justify;
    
}

/* --------- Footer --------- */
#xo-footer {  
	
	background-color: transparent;
	background: url("../img/footer.jpg") no-repeat center bottom;
	width: 1005px;
	height:90px;
	margin:0 auto;
	
}


.xo-foottext{
	font-size: 1.1em;
	color: #808080;
	padding: 0px 30px;
	vertical-align: middle;
	text-align: center;	
	
	padding-top:33px;
}
.xo-foottext a{
	color: #2771BA;
	text-decoration: none;
}
.xo-foottext a:hover{
	color: #2771BA;
	text-decoration: underline;
}



/* --------- Block main menu --------- */
#mainmenu {
	font-size : 1.1em;
	
	padding-bottom:20px;
	
}
#mainmenu a {
  display: block;
  margin: 0;
  padding: 5px;
  font-size: .8em; 
	font-weight:					bold;
	
	
}
#mainmenu a:hover { }
#mainmenu a.menuTop {
padding-left: 15px;


}
#mainmenu a.menuMain {
padding-left: 15px;
font-size: .8em; 
	 font-weight:					bold;


}
#mainmenu a.menuSub {
  padding-left: 20px; color:#575757 ;
  font-size: .7em;
}
#mainmenu a.menuSub:hover {}

/* --------- Block user menu --------- */
#usermenu {
font-size: .9em; 
padding-left: 15px;

padding-bottom:20px;
}
#usermenu a {
  display: block;
  margin: 0; 
  padding: 4px;
}
#usermenu a:hover {}
#usermenu a.menuTop {}
#usermenu a.highlight {background-color: #fcc;}

.rss { float: right; padding: 5px 5px 0 0;}
.rss a:hover {	text-decoration: none;}