body { 
background-color : #ffffff;
font-family : verdana, arial, sans-serif;
background-repeat : repeat-x;
background-position : top center;
/*margin: auto;
margin-top : 0;*/
margin: 0; 
padding: 0;
font-style : normal;
font-weight : normal;
color : #19190d;
text-decoration : none;
background:url("../images/v9_fond.jpg") repeat scroll center center;
}

#bann {width:900px;height:350px;margin-top:10px;margin-left:auto;margin-right:auto;text-align : center;}

#navigation { position : absolute;top : 380px;margin-left : 100px;width : 1000px;margin-top : 0;}

#menu { position : absolute;top : 360px;float : left;margin-left : 2%;width : 180px;margin-top : 0;}

#elite { position : absolute;top : 50px;float : left;margin-left : 250px;margin-top : 0;text-align : left;width : 180px;background-color:#0099ff;}
#elite p {padding : 5px;}

#contenu { position : absolute;top : 380px;float : right;margin-left : 250px;width : 75%;min-width : 700px;margin-top : 0;}

a.top:link, a.top:visited, a.top:active { color : #ffffff;text-decoration : none;cursor : crosshair;letter-spacing : 1px;font-variant : small-caps;
border : 0;font-style : normal;font-weight : bold;font-size : 11px;}

a.top:hover { color : #3b3b3b;text-decoration : none;cursor : crosshair;letter-spacing : 1px;font-variant : small-caps;border : 0;font-style : normal;font-weight : bold;font-size : 11px;}

td.tableau { text-align:center; height:70px;}

a:link, a:visited, a:active {
color : #483d8b;
cursor : crosshair;
letter-spacing : 1px;
border : 0;
font-weight : bold;
}
a:hover {
color : #666666;
text-decoration : none;
border : 0;
}
p {
padding : 3px 2px 3px 2px;
margin : 3px 0 3px 0;
}

.souligne {text-decoration: underline;}
.gras {font-weight: bolder; color: #4c4c4c;}
.italique {font-style: italic;}
.code_flash {border-width: 1px; border-color: #ffffff; border-style: dotted; background-color: #c0c0c0; padding : 0px 5px 5px 5px;}
.code_flash p {background-color : #ffffff; margin: 0px -5px 5px -5px; text-align: center; font-weight : bolder;}

.menuli {background-color : #c1e24e;}
.tutoriaux td {text-align: left; width: 250px; border-width: 1px; border-color: #ffffff; border-style: solid; }
.tutoriaux img {float: left; padding : 5px 5px 0px 5px;}

.menuli a:link, .menuli a:visited, .menuli a:active {
color : #666666;
cursor : crosshair;
letter-spacing : 1px;
border : 0;
font-weight : bold;
}
.menuli a:hover {
color : #4c4c4c;
text-decoration : none;
border : 0;
}

textarea, input, select {border-width: 1px; border-color: #3b3b39; border-style: solid; background-color: #afafaf; color: #4c4c4c;margin:3px;}
h1 {
text-align : right;
font-size : 11px;
font-weight : bold;
font-variant : small-caps;
color : #ffffff;
margin : 0;
margin-bottom : 4px;
padding-right : 4px;
}
h2 {
text-align : left;
font-size : 14px;
font-weight : bold;
font-variant : small-caps;
color : #ffffff;
margin : 0;
margin-left:3px;
padding : 0 4px 4px 4px;
}
h3 {
text-align : right;
font-size : 11px;
font-weight : bold;
font-variant : small-caps;
color : #ffffff;
margin : 0;
margin-bottom : 4px;
padding-right : 4px;
}
.nav {
text-align : left;
font-size : 5px;
font-variant : small-caps;
color : #ffffff;
}
.nav-header {
text-align : right;
font-size : 12px;
font-weight : bold;
font-variant : small-caps;
color : #ffffff;
}
.nav-header#first {
margin-top : 20px;
}
.news {
text-align : right;
font-size : 12px;
font-weight : bold;
font-variant : small-caps;
color : #ffffff;
background-color:#808080;
}
.content {
font-style : normal;
font-weight : normal;
font-size : 11px;
color : #666666;
text-decoration : none;
margin-top : 0px;
margin-bottom : 0px;
margin : 0px;
padding : 4px;
background-color:#cccccc;
font-weight : bold;
}
.content-text {
font-style : normal;
font-weight : normal;
font-size : 11px;
color : #666666;
text-decoration : none;
margin-top : 0px;
margin : 0px;
padding : 4px;
background-color:#cccccc;
}
.boite {
   background-color: #cccccc;
}
.haut div {
   background: url(../images/v9_coin_hg.jpg) no-repeat top left;
}
.haut {
   background: url(../images/v9_coin_hd.jpg) no-repeat top right;
}
.bas div {
   background: url(../images/v9_coin_bg.jpg) no-repeat bottom left;

}
.bas {
   background: url(../images/v9_coin_bd.jpg) no-repeat bottom right;
   background-color: #cccccc;
}
.bas_menu div {
   background: url(../images/v9_menu_coin_bg.jpg) no-repeat bottom left;

}
.bas_menu {
   background: url(../images/v9_menu_coin_bd.jpg) no-repeat bottom right;
   background-color: #c1e24e;
}
.bas div, .haut div, .bas, .bas_menu, .bas_menu div  {
   width: 100%;
   height: 20px;
   font-size: 1px;
}
.haut {
   width: 100%;
   height: 20px;
   font-size: 1px;
   background-color: #66ccff;
   border-bottom: 1px solid #ffffff;
   /*background-image: url("../images/v9_haut.jpg");
  background-repeat: repeat-x;*/
}
.contenus { margin: 0 20px; }
.staff {
font-style : normal;
font-weight : normal;
font-size : 11px;
color : #ffffff;
text-decoration : none;
margin : 0;
padding : 4px;
border: 1px dashed #3b3b39;
background-color:#87cefa;
}
img {border:0px solid white;}
i, em, u {
color : #ffffff;
}
b, strong{ color: #4c4c4c;}
ul {
font-style : normal;
font-weight : normal;
font-size : 11px;
text-align : center;
text-decoration : none;
margin : 0;
padding : 0 4px 4px 4px;
}
li {
background-color : #c1e24e;
color : #ffffff;
list-style-type : none;
padding : 0 0 2px 0;
margin : 0 0 2px 0;
}
li:hover {
background-color : #9caf4f;
color : #3b3b3b;
list-style-type : none;
padding : 0 0 2px 0;
margin : 0 0 2px 0;
}
li.liens {
background-color : #cccccc;
color : #ffffff;
list-style-type : none;
padding : 0 0 2px 0;
margin : 0 0 2px 0;
}
li.liens:hover {
background-color : #cccccc;
color : #3b3b3b;
list-style-type : none;
padding : 0 0 2px 0;
margin : 0 0 2px 0;
}
ul a {
color : #ffffff;
font-size : 11px;
font-style : normal;
text-decoration : none;
letter-spacing : 1px;
width : 100%;
display : block;
padding : 3px 0 3px 0;
}
ul a:hover {
color : #3b3b3b;
font-weight : bold;
font-size : 11px;
font-style : normal;
text-decoration : none;
letter-spacing : 1px;
width : 100%;
background-color : #9caf4f;
padding : 3px 0 3px 0;
}
li.categ {
font-style : normal;
font-weight : normal;
color : #0c6890;
text-decoration : none;
margin : 0;
padding : 4px 8px 4px 8px;
text-align : left;
}

li.categ:hover {
font-style : normal;
font-weight : normal;
color : #63b0d8;
text-decoration : none;
margin : 0;
padding : 4px 8px 4px 8px;
text-align : left;
}


blockquote {font-style : normal;
text-align:center;
font-weight : normal;
font-size : 100%;
color : #d7d1b1;
text-decoration : none;
margin-top: 4px;
margin-bottom: 4px;
margin-left:auto;
margin-right:auto;
padding : 4px 8px 4px 8px;
background-color : #ffffff;
width:80%;}

#contenu_shout
{
text-align: center;
overflow: auto;
margin:auto;
margin-top: 10px;
margin-bottom: 10px;
padding:2px;
width: 70%;
height: 150px;
border: 1px #3b3b39 solid;
padding-left: 5px;
}

#formdelashout {margin-left: 10px;}

legend {color:#ffffff; text-decoration:none;} 

fieldset {text-align: center; margin: auto; width: 80%; border-width: 1px; border-color: #ffffff; border-style: solid; padding: 10px;}

/*Mise en forme des définitions*/
span.info {position: relative; text-decoration: none; border-bottom: 1px dashed;}
span.info div {display: none;}
span.info:hover {background: none; z-index: 500; cursor: help;}
span.info:hover div {
display: inline; 
position: absolute; 
width: 200px; 
font-size: 12px; 
text-align: left; 
text-decoration: none; 
top: 30px; 
left: 20px; 
background: #ece9c6;
color: #b3a170;
padding: 3px;
border: 1px dashed #8e7f57;
}
/*Fin mise en forme des définitions*/

.archives {width: 600px; height: 600px;}

.droite_img {float: right;}

.gauche_img {float: left;}

.droite {text-align: right;}

.news_gauche
{
float: left;
margin: 10px;
}

.news_droite
{
float: right;
margin: 10px;
}

.stop {clear: both;}

dl, dt, dd {
margin: 0;
padding: 0;
list-style-type: none;
}

.barre {
text-align: center;
border-bottom: 1px dashed #3b3b39;
}

/* Calendrier */
.centre {
	text-align: center;
}

h1 {
	text-align: center;
}

.code {
	border: 1px dotted #606060;
	padding: 5px;
}


/* Calendrier */
table.calendrier {
	position: relative; 
	top : -220px;
	left : -360px;
	margin: auto;
	text-align: center;
	border: 1px solid #afcf2f;
	border-collapse: collapse;
	/*background-color : #0066cc;*/
	color : #ffffff;
	font-size : 10px;
	font-weight : bold;
	font-family : verdana, arial, sans-serif;
}

table.calendrier th {
	border-bottom: 1px solid #afcf2f;
}

table.calendrier td {
	border: 1px solid #afcf2f;
	width: 18px;
	height: 18px;
}

.calendrier td {
	border: 1px solid #afcf2f;
	width: 18px;
	height: 18px;
}

table.calendrier td div {
	padding: 0px;
}
/*background-color: #999999;*/
.jourEvenement {
	background-color: #ffffff;
}
/*background-color:#ff6666;*/
.lienCalendrierJour {
background-color:#afcf2f;
}

.calendrier caption {
	margin: auto;
	margin-bottom: 5px;
}

.vide {
background-color:#75d0f2;
/*background-color : #87ceeb;*/
}

/* Administration */
#tabAjoutEvent {
	margin: auto;
}
#tabAjoutEvent td {
	width: 50%;
	text-align:center;
}


/* Infobulles */
a.info_evenement {
	position: relative;
	color: black;
	text-decoration: none;
	display: block;
}
a.info_evenement span {
	display: none; /* on masque l'infobulle */
}
a.info_evenement:hover {
	background: none; /* correction d'un bug IE */
	z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
}
a.info_evenement:hover span {
	display: inline; /* on affiche l'infobulle */
	position: absolute;

	white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

	top: 30px; /* on positionne notre infobulle */
	left: 20px;
	
	text-align: left;
	background: white;
	padding: 3px;
	border: 1px solid black;
}

/* Liste des événements à supprimer */
.listeEvent table {
	width: 100%;
	border: 1px solid black;
	border-collapse: collapse;
}

.listeEvent table td {
	padding: 5px;
}

/* Menu */
#menuder {
  margin-top : 0px;
  margin-left: auto; 
  margin-right: auto; 
  position:relative;
  top: -45px;
  left: -20px;
  width: 900px;
  height: 40px;
  z-index:100;
  /*background-image: url("../images/v8_barre_menu.png");
  background-repeat: repeat-x;*/
}


#menu1, #menu1 ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 40px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
		z-index:100;
}

#menu1 /* Ensemble du menu */
{
		margin-left: 50px; 
        font-weight : bold; /* on met le texte en gras */
		z-index:100;
}

#menu1 a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        /* background : #000; /* couleur de fond */        
        color : #ffffff; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 120px; /* largeur */
		z-index:100;
}

#menu1 li /* Elements des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
		z-index:100;
		background-color: transparent;
		margin-top: 2px;
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu1 li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
		z-index:100;
}

#menu1 li a /* Elements des listes */      
{ 
        font-family : verdana, arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 15px;
}

#menu1 li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 120px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
		z-index:100;
		line-height : 20px; /* on définit une hauteur pour chaque élément */
		background : #afcf2f;
}


#menu1 li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #ffffff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
		z-index:100;
		background : #afcf2f;
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu1 li ul li                
{
        border-top : 1px solid #ffffff; /* on met une bordure transparente en haut de chaque élément */
		z-index:100;
		background : #afcf2f;
}

#menu1 li ul ul 
{
        margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */  
z-index:100;		
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu1 li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
		z-index:100;
}
#menu1 li a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #3b3b3b; /* On passe le texte en noir... */
		background:transparent url("../images/v9_menu.gif") repeat-x center;
        /*background: none; /* ... et au contraire, le fond en blanc */
		z-index:100;
}
#menu1 li ul li a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #3b3b3b; /* On passe le texte en noir... */
        background: #9caf4f; /* ... et au contraire, le fond en blanc */
		z-index:100;
}
#menu1 li:hover ul ul, #menu1 li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
		z-index:100;
}

#menu1 li:hover ul, #menu1 li li:hover ul, #menu1 li.sfhover ul, #menu1 li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
		z-index:100;
}  

#menu1 li ul li:hover {
background: #9caf4f;
} 
/* Fin menu */

/* Pagination */
.pagination {
font:12px Arial, Helvetica, sans-serif;
margin:0px 0;
text-align:center
}
.pagination a {
/*background:#fff;*/
/*border:1px solid #06c;*/
color:#ffffff;
margin:2px;
padding:.2em .4em;
text-decoration:underline
}

.pagination a:hover {
/*background:#fff;*/
/*border:1px solid #bd88fe;*/
color:#003399;
}

.pagination span.inactive {
/*background:#fff;*/
/*border:1px solid #f0f0ff;*/
color:#606060;
margin:2px;
padding:.2em .4em
}

.pagination span.active {
/*background:#f4ebff;*/
/*border:1px solid #bd88fe;*/
color:black;
font-weight:700;
margin:2px;
padding:.2em .4em
}
/* Fin pagination */

/* Footer */
#footer{
/*margin-top:120px;*/
position: relative;
top:20px;
clear:both;
overflow:hidden;
background:url("../images/bg_debut_contenu.jpg") repeat-x top;
border-top:3px solid #686868;
padding-top:0;
}
#footer ul{
display:block;
width:600px;
margin-top:0;
padding:0;
margin-left: auto;
margin-right: auto;
border:0px solid white;
}
#footer ul li{
color:white;
font-size:1.1em;
width:150px;
display:block;
float:left;
list-style-type:none;
background:url("../images/bg_debut_contenu.jpg") repeat-x top;
border:0px solid white;
}
#footer ul ul{
margin:8px 0 0;
width:auto;
border:0px solid white;
}
#footer ul ul li{
color:black;
float:none;
font-size:.75em;
margin:2px 0;
width:auto;
background: white;
border:0px solid white;
}
#footer a:link, #footer a:visited, #footer a:active {
color : #003399;
text-decoration : none;
cursor : crosshair;
letter-spacing : 1px;
border : 0;
font-weight : bold;
}
#footer a:hover {
color : #19190d;
text-decoration : none;
border : 0;
background-color : #ffffff;
}
/* Fin Footer */