html
{
	background: url("images/background.png");
	padding:0px;
	margin:0px;
	width:100%;
}

/*100863*/

body
{
	/*background: url("images/backgroundtop.png") top left repeat-x;*/
	width:100%;
	margin: 0px;
	padding:0px;
	padding-top: 20px;
}

#body
{
	width:760px;
	margin:auto;
	font-family: Arial;
	color: white;
	margin-bottom: 20px;
}

#overtop
{
	width:760px;
	text-decoration: none;
	color: white;
	font-size: 0.8em;
}

#overtop a
{
	text-decoration:none;
	color: white;
	font-size: 1.5em;
}
#overtop a:hover
{
	text-decoration:none;
	color: #FF7800;
}

#header
{
	height: 160px;
	text-align: center;
	border: solid white 10px;
	border-bottom: none;

}

#header #top
{
	background-color: #FF7800;
	height: 150px;
	margin: 5px;
	border-collapse: collapse;
	padding: 0px;
	width: 730px;
}

#header #top tr
{
	padding: 0px;
	margin: 0px;
	width: 730px;
}

#header #top td
{
	padding: 0px;
	margin: 0px;
}

#header #top th
{
	padding: 0px;
	margin: 0px;
}

#header #top th a
{
	color: white;	
	text-decoration:none;
	font-size: 1.0em;
}

#header #top th img
{
	border: none;
}

#header
{

}

#menu
{
	border: solid white 9px;
	border-bottom: none;
	background-color: black;
}

#menu table
{
	width:740px;
}

#menu table td
{
	border: solid black 1px;
	text-align: center;
	width: 25%;
}

#menu table a
{
	display: block;
	font-weight: bold;
	background-color: #FF7800;
	width: 100%;
	height: 20px;
	text-decoration: none;
	font-size: 15px;
	color: white;
	padding-top: 7px;
}

#menu table a:hover
{
	display: block;
	font-weight: bold;
	background-color: white;
	width: 100%;
	height: 20px;
	text-decoration: none;
	color: #FF7800;
	padding-top: 7px;
}

#main
{
	background-color:black;
	padding:5px;
	border: solid white 10px;
}

#main .infos
{
	width:726px;
	border-collapse:collapse;
	border: dotted black 1px;
}

#main .infos td
{
	width:150px;
	border: solid white 1px;
	padding: 5px;
	background-color:#EEAD0E;
}

#main .infos th
{
	text-align:left;
	width:150px;
	border: solid black 1px;
	padding: 5px;
	background-color: #FF7800;
}

#main .info th
{
	border-right: solid white 1px;
	padding: 5px;
	width: 252px;
	vertical-align:top;
}

#main .info th img
{
	margin: 1px;
}

#main .info td
{
	padding: 5px;
	vertical-align:top;
}

#main .info td a
{
	color: #FF7800;
}

#main #list
{
	width: 100%;
	text-align: center;
}

#main #event
{
	width: 100%;
	text-align: center;
	
}

#main #list a
{
	text-decoration: none;
	color: white;
}

#main #list a:hover
{
	text-decoration: none;
	color: #FF7800;
}

#main .listmenu
{
	width:100%;
	text-align: center;
}

#main .listmenu a
{
	display: block;
	font-weight: bold;
	background-color: #FF7800;
	width: 100%;
	height: 22px;
	text-decoration: none;
	color: white;
	padding-top: 5px;
}

#main .listmenu a:hover
{
	display: block;
	font-weight: bold;
	background-color: white;
	width: 100%;
	height: 22px;
	text-decoration: none;
	color: #FF7800;
	padding-top: 5px;
}

#main .lien
{
	float: left;
	width: 350px;
	text-align: center;
}

#slideshow {
    position:relative;
    height: 483px;
    width: 728px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    width: 728px;
    height: 483px;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

#main #courriel a
{
	color: #FF7800;
}

#main #login
{
	font-weight:bold;
}

#main h3
{
	font-size : 1.8em;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #FF7800;
	border-bottom: 1px white solid;
	text-align: center;
}

#main h3 a
{
	/*font-size : 2em;
	margin-top: 10px;
	margin-bottom: 10px;*/
	text-align: center;
	color: #FF7800;
	text-decoration: none;
}

#main h3 a:hover
{
	/*font-size : 2em;
	margin-top: 10px;
	margin-bottom: 10px;*/
	text-align: center;
	color: white;
	text-decoration: none;
}

#main h4
{
	font-size : 1.2em;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align:left;
	color: #FF7800;
	border-bottom: 1px white solid;
}

#main strong
{
	color: #FF7800;
}

#main img
{
	border: solid white 1px;
}

#main .demande img
{
	border: none;
}

#footer
{
	border: solid white 10px;
	border-top: none;
	background-color: black;
}

#footer p
{
	text-align: center;
	margin: 0px;
	padding: 10px;
	font-size: 0.8em;
}

#footer a
{
	text-decoration:none;
	color: white;
}

#footer a:hover
{
	text-decoration:none;
	color: #FF7800;
}

#remerciements
{
	background-color:black;
	padding:5px;
	border: solid white 10px;
}

#remerciements caption
{
   /*caption-side: bottom;  Le titre sera placé en bas du tableau */
   margin: auto;
   font-family: Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   font-size: 1.2em;
   color: white;
   margin-top: 15px; /* La marge doit se faire au-dessus et non en-dessous maintenant */
}

#remerciements table
{
   margin: auto;
   border: 4px outset orange;
   border-collapse: collapse;
}

#remerciements th
{
   background-color: dark;
   color: white;
   font-size: 0.8em;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
   border: solid white;
}

#remerciements td
{
   height: 50px; /* J'agrandis la hauteur des cellules pour que l'on puisse voir l'alignement vertical */
   vertical-align: bottom; /* Alignement vertical, le contenu des cellules sera placé en bas */
   border: 1px solid orange;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: center;
   font-size: 0.7em;
   padding: 5px;
}

.jsdddm
{
	margin: 0px;
	padding: 0px;
	/*border: solid white 9px;
	height: 25px;
	border-bottom: none;
	background-color: black;*/
	/*width:740px;*/
}

.jsdddm li 
{
	text-align: center;
	/*height: 20px;*/
	/*width: 24%;*/
	/*float: left;*/
	list-style: none;
}

.jsdddm li ul
{	
	margin: 0px;
	padding: 0px;
	/*height: 20px;*/
	position: absolute;
	visibility: hidden;
	/*border-top: 1px solid white;*/
}

.jsdddm li a
{
	display: block;
	font-weight: bold;
	background-color: #FF7800;
	width: 100%;
	/*height: 20px;*/
	text-decoration: none;
	font-size: 15px;
	color: white;
	/*padding-top: 7px;*/
}

.jsdddm li a:hover
{
	display: block;
	font-weight: bold;
	background-color: white;
	width: 100%;
	/*height: 20px;*/
	text-decoration: none;
	color: #FF7800;
	/*padding-top: 7px;*/
}

.jsdddm li ul li
{	
	float: none;
	width: 179px;
	/*display: inline;*/
	border: solid black 5px;
	margin-left: -5px;
}

.jsdddm li ul li a
{	
	background: #FF7800;
}

.jsdddm li ul li a:hover
{	
	background: white;
}