body {
 background: url('../../images/hieroglyphes2.jpg') #333;
 margin: 0;
 font-size:12px;
 font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
}

a:link {color: #990000}
a:visited {color: #990000}
a:hover {color: #990000}
a:active {color: #990000}

#bar{
position: absolute;
z-index:99;
bottom: 0 ;
left: 30px ;
right: 30px ;
background-color:#333;
border-top: solid #dadada 1px;
border-left: solid #dadada 1px;
border-right: solid #dadada 1px;
}

#HorusWindow{
position: absolute;
z-index:99;
width: 10px;
height: 0px;
left:-1px;
bottom:32px;
background: #FCFECC url('images/hieroglyphes_menu.jpg') no-repeat scroll bottom right;
margin: 0;
padding: 0;
overflow:hidden;
border-top: solid #999999 1px;
border-left: solid #999999 1px;
border-right: solid #999999 1px;
}

#SethWindow{
position: absolute;
z-index:99;
width: 10px;
height: 0px;
left:-1px;
bottom:32px;
margin: 0;
padding: 0;
overflow:hidden;
border-top: solid #999999 1px;
border-left: solid #999999 1px;
border-right: solid #999999 1px;
}

.activetab{
height:29px;
text-align:center;
float:left;
width:96px;
background-color:#FCFECC;
border-top:solid #dadada 1px;
border-left:solid #dadada 2px;
border-right:solid #dadada 2px;
}

.activetab a{
padding-top:8px;
height:22px;
display:block;
color:#333;
text-decoration:none;
}

.inactivetab{
text-align:center;
height:30px;
width:100px;
float:left;
background-color:#333;
border-bottom:solid #dadada 2px;
}

.inactivetab a{
padding-top:8px;
height:22px;
color:#FCFECC;
text-decoration:none;
display:block;
}
.menucontent{
	z-index:inherit;
	margin-top:40px;
	margin-left:0px;
	padding:0px;
}

.menulist{
	list-style:none;
	width:160px;
	margin:0px;
	padding:0px;
}

.menulist ul{
	list-style:none;
	margin:0px;
	padding:0px;
}
.menulist li{
	list-style:none;
}
.menulist p{
	height:20px;
	margin:0px;
	padding:0px;
	width:160px;
}
.menulist span{
	text-decoration:none;
	color:#aaa;
	height:20px;
	padding-top:5px;
	padding-left:10px;
	width:145px;
	display:block;
	border-left:solid #333 5px;
}

.menulist a{
	text-decoration:none;
	color:#333;
	height:20px;
	padding-top:5px;
	padding-left:10px;
	width:145px;
	display:block;
	border-left:solid #333 5px;
}
.menulist a:hover{
	color:#FCFECC;
	background-color:#333;
	border-left:solid #FCFECC 5px;
}
#MenuWindow{
position: absolute ;
z-index:2;
left:160px;
bottom:10px;
color:#333;
background-color: #FCFECC;
border: solid #333 1px;
vertical-align: middle;
overflow:hidden;
padding:10px
}

#PersoWindow{
position: absolute ;
z-index:1;
width: 10px ;
height: 0px ;
left:39px;
bottom:32px;
color:#333;
background-color: #FCFECC;
border-top: solid #dadada 1px;
border-left: solid #dadada 1px;
border-right: solid #dadada 1px;
vertical-align: middle;
overflow:hidden;
}

#MenuActivite{
position: fixed;
z-index:3;
width: 0px ;
height: 0px;
left:229px;
bottom:100px;
background-color: #FCFECC;
border-top: solid #dadada 1px;
border-bottom: solid #dadada 1px;
border-right: solid #dadada 1px;
vertical-align: middle;
overflow:hidden;
}

#MenuActivite ul{
margin-top: -40px;
}

.menu2Button a{
	height:20px;
	font-size:12px;
	width:175px;
	color: #333;
	display: block;
	margin: 0px;
	padding:0px 5px;
	text-decoration: none;
}

.menu2Button a:hover{
	color: #fff;
}

.menu2Button ul > li > span{
	height:2px;
	width:185px;
	background-color: #ccc;
	display: block;
	margin-top: 4px;
	margin-bottom: 4px;
	padding:0px;
	text-decoration: none;
}


body > #bar {position:fixed}
body > #PersoWindow {position:fixed}
body > #HorusWindow {position:fixed}

#barleft {
	background: #333;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
#barleft li {
	float: left;
	font-size: 12px;
	height: 30px;
	font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background: #333 bottom right no-repeat;
}
#barleft span {
	color: #ccc;
	display: block;
	float: left;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
}
#barleft a {
	color: #ccc;
	display: block;
	float: left;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
}
#barleft a:hover {
	background: #FCFECC bottom center no-repeat;
	color: #333;
	padding-bottom: 8px;
}
#barleft a:active {
	background: #FCFECC bottom center no-repeat;
	color: #333;
	padding-bottom: 8px;
}

#barright {
	background: #333;
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
}
#barright li {
	float: right;
	font-size: 12px;
	font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	display: block;
}
#barright a {
	background: #333 bottom right no-repeat;
	color: #ccc;
	display: block;
	float: left;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
}
#barright span {
	background: #333 bottom right no-repeat;
	color: #ccc;
	display: block;
	float: left;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
}
#barright a:hover {
	background: #FCFECC bottom center no-repeat;
	color: #333;
	padding-bottom: 8px;
}
#barright a:active {
	background: #FCFECC bottom center no-repeat;
	color: #333;
	padding-bottom: 8px;
}

#Notifications {
float:right;
height:24px;
display:block;
color:#ccc;
padding-top:8px;
}
#Notifications a{
padding-top:8px;
padding-bottom:8px;
padding-left:8px;
padding-right:8px;
text-decoration:none;
color:#ccc;
}
#Notifications a:hover{
background:#FCFECC;
}
#NotificationsWindow{
position: absolute ;
z-index:2;
right:-1px;
bottom:32px;
background: #FCFECC;
margin: 0;
padding: 0;
overflow:hidden;
border-top: solid #dadada 1px;
border-left: solid #dadada 1px;
border-right: solid #dadada 1px;
}

#closeNotifications {
text-align:right;
padding-top:5px;
padding-right:5px;
margin:0px;
background:#333;
height:20px;
}

#NotificationsWindow ul{
margin:0px;
position:relative;
left:0px;
top:0px;
background:#FCFECC;
list-style:none;
padding:0px;
}

#NotificationsWindow li{
display:block;
list-style:none;
height:25px;
padding:0px;
}

#NotificationsWindow li > a{
background:#FCFECC;
display:block;
height:25px;
padding-left:5px;
padding-right:5px;
text-decoration:none;
color:#333;
}
#NotificationsWindow a:hover{
background:#333;
color:#FCFECC;
}


#persoimg{
 float:left;
 margin-top:20px;
 margin-left:20px;
}

#persoimg2{
 float:left;
 margin-top:10px;
 margin-left:10px;
}

#persoimg img{
 border: solid 1px;
 border-color:#333;
}

#persotab {
 margin-top:10px;
 margin-left:20px;
 float:left;
}

#persotab2{
 margin-top:10px;
 margin-right:5px;
 float:right;
}

.persotabcontent {
 text-align: center;
}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.bouton {
    background: transparent url('images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.bouton span {
    background: transparent url('images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.bouton:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.bouton:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

#closepersotab {
    float:right;
    text-align:right;
    margin-top:3px;
    margin-right:3px;
}

.barlogo{
float:left;
height:30px;
display:block;
background: transparent url('images/horus_mini.gif') no-repeat scroll top right;
background-position:5px 5px;
width:39px;
}


.barlogo:hover{
float:left;
height:32px;
display:block;
background: #FCFECC url('images/horus_mini_negative.gif') no-repeat scroll top right;
background-position:5px 5px;
width:39px;
}

.barpseudo{
float:left;
height:24px;
display:block;
font-size: 12px;
font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
color: #ccc;
padding-top:8px;
padding-left:12px;
padding-right:12px;
padding-bottom:0px;
}


.barpseudo:hover{
float:left;
height:24px;
display:block;
background: #FCFECC;
color: #333;
}

#container{
 background:#F9E99B;
 margin-top: 0px;
 margin-right: auto;
 margin-bottom: 0px;
 margin-left: auto;
 width: 990px;
 padding-top: 0px;
 position: relative;
}

#header {
 width:988px;
 height:120px;
 background: #FCFECC url('images/header.jpg') no-repeat scroll top right;
 border-top: solid #333 5px;
 border-left: solid #333 1px;
 border-right: solid #333 1px;
 border-bottom: solid #333 5px;
}

#egyptis {
 position:relative;
 top:25px;
 left:35px;
 color:#333;
 font-size:30px;
 width:126px;
}

#menu {
 position:absolute;
 top:5px;
 right:0px;
 background:#333;
 color:#ccc;
 padding:0px;
 margin:0px;
 list-style: none;
}

#menu ul{
 list-style: none;
 padding:0px;
 margin:0px;
}


#menu li{
 list-style: none;
 float:left;
 margin-left:5px;
 margin-right:5px;
 margin-bottom:2px;
}

#menu a{
color:#ccc;
display: block;
text-decoration:none;
}

#menu a:hover{
color:#ff9900;
}

#verticalad{
position: absolute;
z-index:1;
top:130px;
right:50%;
margin-right:498px;
height:610px;
display:block;
text-align:right;
}

#horizontalad{
position:absolute;
top:130px;
right:50%;
margin-right:-233px;
width:728px;
height:90px;
display:block;
text-align:center;

}
#upperleftcontent{
position:absolute;
background-color:#ECCD72;
top:130px;
right:50%;
margin-right:-494px;
width:300px;
height:90px;
display:block;
text-align:center;
border-left: 3px solid #333;
}

#egyptivote {
	margin-top: 10px;
	margin-left: 110px;
	margin-bottom: 0px;
}

#rectanglepub{

}

#leftcontent{
position:absolute;
background-color:#ECCD72;
top:220px;
bottom:1px;
right:50%;
margin-right:-494px;
width:300px;
display:block;
border-left: 3px solid #333;
}

#leftcontent > p{
border-top: 2px solid #333;
margin:10px;
padding-top:10px;
padding-bottom:10px;
border-bottom: 2px solid #333;
}

.lefttitle{
font-family: Arial,Helvetica,sans-serif;
font-size:15px;
font-weight:bold;
margin-bottom:20px;
}

#corps{
float:left;
width:675px;
display:block;
}

#partner {
background-color: #ffffcc;
padding: 5px;
margin: 2px;
border: solid #333 1px;
}

.partnerurl a{
color: orange;
text-decoration: none;
}

.partnerbtn {
margin-top : 5px;
}

#content {
 border-left: solid #333 1px;
 border-right: solid #333 1px;
 border-bottom: solid #333 1px;
 padding-top:110px;
 padding-left:5px;
 padding-right:5px;
 padding-bottom:300px;
 margin-bottom:40px;
 overflow:hidden;
}

#content-withoutad {
 border-left: solid #333 1px;
 border-right: solid #333 1px;
 border-bottom: solid #333 1px;
 padding-top:20px;
 padding-left:5px;
 padding-right:5px;
 padding-bottom:240px;
 margin-bottom:40px;
 overflow:hidden;
}

#evengauche {
 padding-left:5px;
 padding-right:5px;
}
.usrnom {
	COLOR: #ff9900;
	FONT-WEIGHT: bold;
	font-size: 14px;
}
.statut {
	COLOR: green;
	FONT-WEIGHT: bold;
	font-size: 13px;
}
.sante_100 {
	COLOR: green;FONT-WEIGHT: bold;
}
.sante_80 {
	COLOR: orange;FONT-WEIGHT: bold;
}
.sante_danger{
	COLOR: red;FONT-WEIGHT: bold;
}
.carac{
	COLOR: #663333;FONT-WEIGHT: bold;
}
.event {
	padding-left: 10px;
	font-size: 13px;
}
.tableau_tete {
	background-color: #ECCD72;
}
.tableau_corp {
	background-color: #F9E99B;
}
.courrier_cadre {
	background-color: #ECCD72;
}
.courrier_fond {
	background-color: #F9E99B;
}
.ankhdiv {
    position:relative;
    top:0px;
    left:175px;
}
a.ankh em {
    display:none;
}
a.ankh:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}
a.ankh:hover em {
    font-style: normal;
    display: block;
    position: absolute;
    top: 20px;
    left: -10px;
    padding: 5px;
    color: #000;
    border: 1px solid #bbb;
    background: #ffc;
    width:270px;
}
a.ankh:hover em span {
    position: absolute;
    top: -7px;
    left: 15px;
    height: 7px;
    width: 11px;
    background: transparent url(../skins/bleu/triangle.gif);
    margin:0;
    padding: 0;
    border: 0;
}
a.denree {
	text-decoration: none;
	color: #000000;
	position: relative;
	border: 0;
}

a.denree span {
	display: none; /* on masque l'infobulle */
	text-align: left;
}

a.denree:hover {
	text-decoration: none;
	border: 0;
	background: none; /* correction d'un bug IE */
	z-index: 500; /* on d?finit une valeur pour l'ordre d'affichage */
	cursor: help; /* on change le curseur par d?faut en curseur d'aide */
}

a.denree:hover span {
	display: inline; /* on affiche l'infobulle */
	position: absolute;
	width: 270px;
	top: 30px; /* on positionne notre infobulle */
	left: 20px;
	text-align:left;
    border: 1px solid #bbb;
    background: #ffc;
	color: #000000;
	padding: 5px;
}

.spacer {
float:right;
width:1px;
height:780px;
overflow:hidden;
}

.spacer-withoutad {
float:right;
width:1px;
height:880px;
overflow:hidden;
}

#infobulle_horus{
padding:1px;
position: fixed;
z-index:1;
left:45px;
bottom:31px;
vertical-align: middle;
overflow:hidden;
color: #ffffff;
}


#infobulle_horus span{
height:30px;
padding:10px;
background-color: #663DFF;
}

#infobulle_fleche{
width:29px;
height:29px;
margin-top:0px;
z-index:2;
background: url('images/infobulle_fleche.gif') no-repeat;
vertical-align: middle;
overflow:hidden;
}

#footer {
	text-align:center;
	vertical-align: middle;
}

#footer a{
	color:#cccccc;
	font-size:11px;
}
#footer a:hover{
	color:#FCFECC;
}

#menuaide {
	min-height:85px;
	visibility:hidden;
	background-color:#FCFECC;
	padding:10px;
	border:solid #333 1px;
}

#aideloisir {
	min-height:50px;
	width:400px;
	visibility:hidden;
	background-color:#FCFECC;
	padding:10px;
	border:solid #333 1px;
}

#profil_container {
	background:#F9E99B;
	padding:10px;
	border:solid #333 1px;
}
#Amis {
float:right;
height:24px;
display:block;
color:#ccc;
padding-top:8px;
}
#Amis a{
padding-top:8px;
padding-bottom:8px;
padding-left:8px;
padding-right:8px;
text-decoration:none;
color:#ccc;
}
#Amis a:hover{
background:#FCFECC;
}
#AmisWindow{
position: absolute ;
z-index:2;
right:-1px;
bottom:32px;
background:#FCFECC;
margin: 0;
padding: 0;
overflow:hidden;
border-top: solid #dadada 1px;
border-left: solid #dadada 1px;
border-right: solid #dadada 1px;
}

#closeAmis {
background:#333;
color:#ffffff;
text-align:left;
padding-top:5px;
padding-right:5px;
margin:0px;
height:20px;
}

#AmisWindow ul{
margin:0px;
position:relative;
left:0px;
top:0px;
width:100px;
list-style:none;
padding:0px;
}

#AmisWindow li{
display:block;
list-style:none;
vertical-align:middle;
height:25px;
padding:0px;
}

#AmisWindow li > a{
background:#FCFECC;
display:block;
height:25px;
padding:5px;
text-decoration:none;
color:#333;
}
#AmisWindow a:hover{
background:#333;
color:#FCFECC;
}