/* Orange de fond :       #ffeacd
 * Orange intermédiaire : #ffc066
 * Orange intense :       #ff9600
 * Orange brunâtre :      #cb4800     
 */

*
{
   margin: 0;
   padding: 0;
   font-family: "Verdana", arial, sans-serif;
}

body, p, h1, h2, h3, h4, h5, h6, th, td
{
   font-size: 10pt;
   font-weight: normal;
}

body
{
   padding: 10px;
   background-image: url('images/bg.gif');
}

body
{
   text-align: center;
}

.small
{
   font-size: 8pt;
}

a
{
   text-decoration: underline;
   color: black;
}

a.boxed
{
   text-decoration: none;
 }

a:hover
{
   color: red;
}

#top
{
   width: 972px;
   border: 0px solid #4769ae;
   border-top: none;
   border-bottom: none;
   margin-left: auto;
   margin-right: auto;
   background-color: #ffffff;
   background-image: url('images/top.png');
   background-repeat: repeat;
   background-position: bottom left;
   text-align: left;
}

#main
{
   width: 970px;
   border: 1px solid #4769ae;
   border-top: none;
   border-bottom: none;
   margin-left: auto;
   margin-right: auto;
   min-height: 500px;
   _height: 500px;
   background-color: #ffffff;
   background-image: url('images/logolight.png');
   background-repeat: repeat;
   background-position: bottom left;
   text-align: left;
}

#bas
{
   margin-left: auto;
   margin-right: auto;
   background-image: url('images/bas.png');
   width: 970px;
   height: 32px;
   border: 1px solid #4769ae;
   border-top: none;
   border-bottom: none;
}

#bas p
{
   line-height: 32px;
   color: #ffeacd;
   padding-left: 3px;
   padding-right: 3px;
}

#bas a
{
   color: #ffeacd;
   text-decoration: none;
}

#bas a:hover
{
   color: #ff9600;
}

#left
{
   position: absolute;
}

#left div.box
{
   border: 0px solid black;
   width: 170px;
   margin: 0px;
   margin-left: 2px;
   margin-top: 15px;
   background-color: #ffeacd;
   background-image: url('degbro.png');
   background-repeat: repeat-x;
}

#left div
{
   border: 1px solid black;
   width: 180px;
   margin: 5px;
   margin-top: 15px;
   background-color: #ffeacd;
}

#left div h1
{
   font-weight: bold;
   border: 2px solid lightblue;
   border-left: 6px solid black;
   border-bottom: 3px solid black;
   padding: 2px;
   text-align: center;
   width: 135px;
   background-color: #35539f;
   position: relative;
   top: -10px;
   left: 20px;
color: #ffffff; }

#content
{
   position: relative;
   left: 200px;
   width: 760px;
   padding-top: 1em;
   padding-bottom: 1em;
}

#content hr
{
   border: none;
   border-top: 2px solid #32539d;
}

#content th
{
   font-weight: bold;
   padding-right: 5px;
}

#content iframe
{
   margin-top: 1em;
   width: 740px;
   height: 500px;
}

#content p
{
   margin-top: 0.5em;
   margin-bottom: 0.5em;
}

#content li
{
   margin-left: 2em;
}

#content li li
{
   margin-left: 4em;
}

#content li li li
{
   margin-left: 6em;
}

#content table
{
   border-collapse: collapse;
}

#content td
{
   padding: 3px;
}

#content h1, #content p.title
{
   margin-bottom: 1em;
   width: 70%;
   font-size: 120%;
   font-weight: bold;
   border-bottom: 2px solid #32539d;
}

#content h2, #content p.subtitle
{
   margin-top: 1em;
   margin-bottom: 1em;
   font-size: 110%;
   font-weight: bold;
}

#content p.imgtitle img
{
   position: relative;
   float: right;
   margin-right: 25px;
   top: -30px;
}

#content span.subpage
{
   position: absolute;
   right: 230px;
   font-size: 10pt;
}

table.namelist
{
   width: 500px;
   background-color: #5069aa;
   border: 1px solid black;
   margin-top: 0.5em;
   margin-bottom: 0.5em;
}

body div table td.boxTop
{
   padding: 4px;
   font-weight: bold;
   text-align: center;
   background-color: #5069aa;
   color: white;
   border: 1px solid black;
} 

/* Boxes spéciales */
div#calendar p
{
   font-size: 8pt;
   padding-left: 3px;
   margin-bottom: 5px;
}

/* Slides */
p.SlideTitle
{
	color: #FF6600;
	font-size: 30pt;
	font-family: Arial, sans-serif;
	line-height: 1em;
	padding-bottom: 0.1em;
	text-align: center;
}

p.SlideBody
{
	font-size: 18pt;
  	text-align: left;
}

p.SlideCenter
{
	font-size: 18pt;
	text-align: center;
}

.SlideItem
{
	font-size: 18pt;
	font-family: Arial, sans-serif;
}

ul.Slide
{
	font-size: 18pt;
	font-family: Arial, sans-serif;
}

li.Slide
{
	font-size: 18pt;
	font-family: Arial, sans-serif;
   padding-bottom: 1em; 
}

/* Gestion des joueurs */

#content table.players
{
   border-collapse: collapse;
}

#content table.players td
{
   padding-right: 10px;
   border-bottom: 1px dashed #ff9600;
   border-top: 1px dashed #ff9600;
}

/* Chrono */
#content table.chrono
{
   border: 2px solid black;
   border-collapse: collapse;
   color: black;
}

#content table.chrono td
{
   border: 1px solid black;
   background-color: white;
   color: black;
   padding-left: 3px;
   padding-right: 3px;
}

#content table.chrono td.chlinks
{
   border-left: 2px solid black;
   padding-left: 8px;
   text-align: center;
}

#content table.chrono td.chlinks span
{
   color: white;
}

#content table.chrono td a.dispo, table.chrono span.dispo
{
   color: green;
}

#content table.chrono td a.indispo, table.chrono span.indispo
{
   color: red;
}

#content table.chrono td a.neutral, table.chrono span.neutral
{
   color: black;
}

#content table.chrono td a.designated, table.chrono span.designated
{
   color: black;
}

#content table.chrono td.title, table.chrono td.subtitle
{
   background-color: black;
   color: white;
   font-weight: bold;
   text-align: center;
   vertical-align: middle;
}

#content table.chrono tr.dispo td
{
   background-color: #b2ffb2;
}

#content table.chrono tr.indispo td
{
   background-color: #ffb2b2;
}

#content table.chrono tr.designated td
{
   background-color: #ffa500;
}

/* Interview */

#content .q { font-weight: bold; }
#content .r { font-style: italic; margin-left: 1em; margin-right: 1em; }

#content #f0, #content #f1, #content #f2
{
   font-size: 120%; 
   margin: 0; 
	width: 300px; 
   padding: 10px;
   border: 2px solid black;
   font-style: italic;
   background-color: #ff9600;
   color: black;
   text-align: left;
}

#content #f0 {
   width: 80px;
}

#content #f1 {
   margin-left: 20px;
	float: right;
}

#content #f0, #f2 {
   margin-right: 20px;
	float: left;
}