body
{
margin: 0; /* pour ne pas avoir de bord*/
/*background-color:  white; Couleur de fond de toute la page*/
background-image: url("http://jokersdelaroute.fr/espacemembre/images/xmas.jpg");
background-repeat: repeat;

color: green;
behavior: url("scripts/csshover.htc"); /* on importe le script qu'il manque dans IE pour le passage de la souris*/
}
a
{
color: red;
}
#en_tete
{
padding-bottom: 10px;
background-image: url("http://jokersdelaroute.fr/espacemembre/images/bg-snow-scene.jpg");
background-repeat: repeat-x;
/*background-color: #114400;*/
color: #dd0000;
text-align: center;
padding-top: 30px;
display: block;
}

#corps
{
margin-top: 70px; /* pour laisser la place au menu qui est absolue*/
padding-top: 20px;
/*background-color: #114400;*/
padding-left: 10%;
margin-left: 0px;
padding-bottom: 10px;
background-image: url("http://jokersdelaroute.fr/espacemembre/images/xmas.jpg");
background-repeat: repeat;
}
#pied_de_page
{
margin-top: 5px; /* pour ne pas coller le pied de page au corps*/
padding-top: 7px;
margin-bottom: 1%;
/*background-color: #114400;*/
margin-left: 5%;
margin-right: 5%;
color: #dd0000;
height: 40px;
clear: both; /* permet de laisser le pied de page en bas*/
text-align: center;
border: solid 1px #FF5B2B;
background-image: url("http://jokersdelaroute.fr/espacemembre/images/xmas.jpg");
background-repeat: repeat;
}
/***************************** MENU ************************/
#menu
{
position: absolute; /* pour avoir les bouton par dessus le texte*/
list-style-type: none; /* pas de puce devant les noms*/
width: 100%;
height: 60px;
margin: 0;
padding: 0;
left:3.5%;
top: 150px;
margin-left: auto;
margin-right: auto;
}
#menu li
{
float: left; /* permet de mettre les boutons en ligne */
width:8%;  /* definie la largeur des boutons*/
height: 60px;
margin: 0; 
padding: 0;
border: 0;
text-align: center;
display: block;
border: solid 1px rgb(120,120,120);
text-decoration: none;
background-color: #white;
color: #dd0000;
}
#menu li.login
{
width: 150px;
height: 60px;
}
#menu li.droite
{
height: 60px;
}
#menu_horizontal
{
margin-left: 0; /* evite le décallage horizontal pour la sous menu*/
margin-top: 0px;
padding-left: 0;
height: 60px;
}
#menu_horizontal li
{
border: solid 2px black;
background: white;
width: 100%;
margin: 0;
padding: 0;
}
ul,li {
display: block;
}
#menu a
{
display: block;
width: 100%; /*permet de définir le lien sur toute la case pour IE*/
height:58px; /* doit etre légèrement plus petit que le  'li' pour eviter qu'il les liens directs soient plus grand que les bouton sans liens */
color: #dd0000;
}
#menu_horizontal a
{
display: block;
width: 100%; /*permet de définir le lien sur toute la case pour IE*/
height: 100%;
}
#menu_horizontal ,li:hover ul
{
display:none;
height: 60px;
}
#menu li:hover ul /* à laisser tel quel, permet le menu déroulant*/
{
	display:block;
	height: 60px;
}
#menu li a.first-rub {
	background-color: gray;	
}
#menu ul,li{
		height: 60px;
}

#menu li a.second-rub {
	font-size:1em;
	/* background: transparent url("imgs/fond_hover.png") no-repeat; */
	background-color: gray;
}
/* regular hovers */

#menu a:hover {
	border: 1px solid gray;
	height: 60px;
}
	
#menu li a:hover {
	background-color: #ddffdd;
	color: #FF5B2B;
	border: 1px solid gray;
}
	
/* hovers with specificity */

#menu li a.first-rub:hover {
	color: #000000;
	background: #CCCCCC;	
}

a.login
{
height: 25px;
}
#notmenu ul ,#notmenu li
{
display: block;
}

/***************************** FIN MENU ************************/
/* mise en place des logos */
.logojoker
{
position:absolute;
display:block;
height:140px;
top :10px;
left: 5%;
margin-bottom: 150px;

}
.logotcmi
{
position:absolute;
display: block;
height:140px;
top: 10px;
right: 5%;
}
/************************** Info , erreur et nouveau ************************************/
#erreur
{
margin-top: 0px;
padding-top: 20px;
color: rgb(200,5,5);
font-size: 1.2em;
text-align: center;
margin: auto;
/*background-image: url("images\view.gif");
background-repeat: repeat;*/
}
#info
{
color:  blue;
font-size: 1.1em;
text-align: center;
margin: auto;
background-image: url("images\xmas.jpg");
background-repeat: repeat;
}
#nouveau
{
color: rgb(180,5,5);
font: 1.5em bold;
padding-bottom: 20px;
background-image: url("images\xmas.jpg");
background-repeat: repeat;

}
/*************************** Titre *************************************/
h1
{
font-family: "Comic Sans MS";
margin: auto;
width: 50%;
}
h2
{
color: #dd0000;
}
/************************** Tableaux ***********************************/
#corps table
{
border: solid 2px #dd0000;
border-collapse: collapse;
padding: 0;
}
#corps th,#corps tr,#corps td
{
border: solid 1px #FF5B2B;
padding: 5px;
}
#corps th
{
color: rgb(200,5,5);
}
.calcontainer table, .calcontainer td, .calcontainer th, .calcontainer tr
{
border: none;
}
.center
{
margin-left: 15%;
}
/****************  Spéciaux ***************************************/
.bigsize /* utilisé pour les choses à écriture normales mais à mettre en valeurs (exemple : 'Modifiez votre mot de passe' sur la page acceuil_firstconnect */
{
font-size: 1.3EM;
color: red;
}
.inline /* utiliser pour mettre inline certaines balises block (exemple balide H2 dans la page acceuil */
{
display:inline;
}
/***************  Affichage du nombre de page****************/
#page table
{
width: 86%;
border: solid 1px rgb(120,120,120);
margin-left: 7%;
margin-right: 7%;
}
#page td, #page tr
{
	text-align: center;
}
/***************** CALENDRIERS ******************/
table.calbody{background-color: rgb(127,127,127);}
a.browser:link{text-decoration:none;font-weight:bold;color:#FF5B2B}
a.browser:visited{text-decoration:none;font-weight:bold;color:#FF5B2B}
a.browser:hover{text-decoration:none;font-weight:bold;color:lightgrey}
a.month:link{text-decoration:none;font-weight:bold;color:darkblue}
a.month:visited{text-decoration:none;font-weight:bold;color:darkblue}
a.month:hover{text-decoration:underline;font-weight:bold;color:green}
a.feast:link{text-decoration:none;font-weight:bold;color:black}
a.feast:visited{text-decoration:none;font-weight:bold;color:black}
a.feast:hover{text-decoration:underline;font-weight:bold;color:green}
a.today:link{text-decoration:none;font-weight:bold;color:#FF5B2B}
a.today:visited{text-decoration:none;font-weight:bold;color:#FF5B2B}
a.today:hover{text-decoration:underline;font-weight:bold;color:green}
a.other:link{text-decoration:none;font-weight:bold;color:lightgrey}
a.other:visited{text-decoration:none;font-weight:bold;color:lightgrey}
a.other:hover{text-decoration:underline;font-weight:bold;color:green}
td.wkday{background-color:#dd0000}
td.weday{background-color:red}
td.other{background-color:grey}
td.header{background-color:rgb(250,200,0);color:blue;font-weight:bold}
td.title{border-style:solid;border-color:steelblue}
td.titlebar{background-color:#dd0000;color:#FF5B2B;font-weight:bold;)