html, body {
	margin:0;
	padding:0;
	background-color:#eeeeee;
	height:100%;
}
.header {
	background-image:url(headerbg.png);
	background-repeat:repeat-x;
	background-position:top;
	width:100%;
	height:150px;
	margin-top:0px;
}
.ssmenug {
	background-image:url(ssmenubg.png);
	background-repeat:repeat-y;
	background-position:left;
	width:220px;
	height:100%;
	float:left;
	margin-top: -14px;
	padding-top: 50px;
	position:static;
}
.content {
	left:220px;
	right:-220px;
}
.titreSite {
	color:#ffffff;
	font-size:42px;
	font-weight:bold;
	text-align:right;
	padding-right: 50px;
	margin-top: 0px;
	padding-top: 45px;
}
/* Je sélectionne les <li> du menu horizontal */
ul#menu_horizontal {
min-width : 400px;
height : 30px;
margin : 0 0 0 0;
padding : 0;
/*background-color : #f4f9fd;*/
border-right : 1px dashed black;
list-style-type : none;
float:right;
}
  
ul#menu_horizontal li {
padding : 0 0.5em; 
line-height : 30px;
background-color : #f4f9fd;
}
  
ul#menu_horizontal li.bouton_gauche {
float : left;
border-right : 1px dashed black;
border-top : 1px dashed black;
border-bottom : 1px dashed black;
}
  
ul#menu_horizontal li.bouton_droite {
float : right;
border-left : 1px dashed black;
border-top : 1px dashed black;
border-bottom : 1px dashed black;
}
  
ul#menu_horizontal a {
color : black;
text-decoration : none;
padding : 0 0.5em;
font :  0.8em "Trebuchet MS";
}
  
ul#menu_horizontal a:hover { text-decoration : underline; }
  
ul#menu_horizontal a img {
border : none;
padding :  0 0.3em;
}
.deconnexion {
float : left;
color:#ffffff;
margin-top:10;
}
.deconnexion a{
	color:#ffffff;
	text-decoration:none;
}
.deconnexion a:hover{
	text-decoration:underline;
}
.deconnexion a:visited {
	color:#ffffff;
}
ul#ssmenu {
width : 200px;
height : 30px;
margin : 0 0 0 0;
padding : 0;
/*background-color : #f4f9fd;*/
border-top : 1px dashed black;
list-style-type : none;
text-align:center;
}
  
ul#ssmenu li {
padding : 0 0.5em; 
line-height : 30px;
background-color : #f4f9fd;
}
  
ul#ssmenu li.bouton_gauche {
border-right : 1px dashed black;
border-bottom : 1px dashed black;
border-left : 1px dashed black;
}
  
ul#ssmenu li.bouton_droite {
float : right;
border-left : 1px dashed black;
border-top : 1px dashed black;
border-bottom : 1px dashed black;
}
  
ul#ssmenu a {
color : black;
text-decoration : none;
padding : 0 0.5em;
font :  0.8em "Trebuchet MS";
}
  
ul#ssmenu a:hover { text-decoration : underline; }
  
ul#ssmenu a img {
border : none;
padding :  0 0.3em;
}
table {
border: medium solid #000000;
border-collapse: collapse;
}
td {
border: thin solid #000;
padding-left:5px;
padding-right:5px;
}
th {
background-color:#333;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	padding:5px;
}
tr {
	background-color:#eeeeee;
}
tr.impaire {
	background-color:#eeeeee;
}

tr.paire {
	background-color:#FFF; /* couleur verte du logo MANANNAN */
}
tr.plan {
	background-color: transparent;
}
td.plan {
	border: 0;
}
.onglet {
	width:100%;
	border-bottom-color:#000;
	border-bottom-width:3px;
	border-bottom-style:ridge;
	background: dodgerblue;
 	background: linear-gradient(deepskyblue, dodgerblue);
	background: -webkit-linear-gradient(deepskyblue, dodgerblue);
	background: -moz-linear-gradient(deepskyblue, dodgerblue);
	background: -ms-linear-gradient(deepskyblue, dodgerblue);
	background: -o-linear-gradient(deepskyblue, dodgerblue);
	background: linear-gradient(deepskyblue, dodgerblue);
}
ul#onglet{
	display: table;
	width:500px;
	position:relative;
	margin-top: 30px;
	margin-bottom:0;
	padding: 0;
	background: dodgerblue;
 	background: linear-gradient(deepskyblue, dodgerblue);
	background: -webkit-linear-gradient(deepskyblue, dodgerblue);
	background: -moz-linear-gradient(deepskyblue, dodgerblue);
	background: -ms-linear-gradient(deepskyblue, dodgerblue);
	background: -o-linear-gradient(deepskyblue, dodgerblue);
	background: linear-gradient(deepskyblue, dodgerblue);
	border-radius: 3px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3),
			0 3px 5px rgba(0, 0, 0, .2),
			0 5px 10px rgba(0, 0, 0, .2),
			0 20px 20px rgba(0, 0, 0, .15);
	}
ul#onglet li{
	display: table-cell;
	}
ul#onglet li a{
	display: block;
	text-align: center;
	color: rgba(0, 0, 0, .7);
	text-decoration: none;
	padding: 8px 8px 17px 8px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
	box-shadow: 0 1px 0 rgba(255, 255, 255, .7) inset,
			0 -1px 0 hsl(210, 100%, 32%) inset,
			0 -2px 0 hsl(210, 100%, 38%) inset,
			0 -3px 0 hsl(210, 100%, 44%) inset,
			0 -4px 0 hsl(210, 100%, 50%) inset,
			0 -5px 0 hsl(210, 100%, 60%) inset;
	transition: all .3s .1s;
	position: relative;
}
ul#onglet li:first-child a{
	border-radius: 3px 0 0 3px;
	}
ul#onglet li:last-child a{
	border-radius: 0 3px 3px 0;
	}
ul#onglet li a:hover, ul li a:focus{
	background: rgba(255,255,255,.2);
	box-shadow: 0 1px 0 rgba(255, 255, 255, .7) inset,
			0 -1px 0 hsl(210, 100%, 42%) inset,
			0 -2px 0 hsl(210, 100%, 48%) inset,
			0 -3px 0 hsl(210, 100%, 54%) inset,
			0 -4px 0 hsl(210, 100%, 60%) inset,
			0 -5px 0 hsl(210, 100%, 70%) inset;
	padding: 8px 25px 17px 25px;
	transition: all .3s 0s;
	}
ul#onglet li a:active{
	background: linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.1));
	box-shadow: 0 0 2px rgba(0,0,0,.3) inset;
	transition: padding .3s;
	}
ul#onglet li a::before{
	content: '';
	position: absolute;
	left: 50%;
	bottom: 9px;
	margin-left: -2px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: rgba(0, 0, 0, .5);
	}
ul#onglet li a:hover::before,
ul#onglet li a:focus::before{
	background: white;
	box-shadow: 0 0 2px white, 0 -1px 0 rgba(0, 0, 0, .4);
	}
ul#onglet li#active a::before{
	background: white;
	box-shadow: 0 0 2px white, 0 -1px 0 rgba(0, 0, 0, .4);
	}
#menu ul {
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;
 }
#menu li {
 float:right;
 margin:auto;
 padding:0;
 background-color:black;
 }
#menu li a {
 display:block;
 width:100px;
 color:white;
 text-decoration:none;
 padding:5px;
 }
#menu li a:hover {
 color:#96bf0d; /*Vert de Manannan */
 }
#menu ul li ul {
 display:none;
 }
#menu ul li:hover ul {
 display:block;
 }
#menu li:hover ul li {
 float:none;
 }
#menu li ul {
 position:absolute;
 }