/* -----------------------------------------------------------------------------        */
/* Feuille de style OK - Emmanuel, juin 2006                                            */
/* Menu déroulant - Emmanuel, septembre 2006                                            */
/* Amélioration du visuel - Emmanuel&Stéfan, décembre 2006                              */
/* Divers correctifs pour compatibilité Firefox 2.x - v3.7 - Emmanuel, juin 2007        */
/* Amélioration des blocs droite/gauche pour ajout modules - v3.8 - Emmanuel, juin 2007 */
/* ------------------------------------------------------------------------------------ */

html,body {
	background-color: #FFFFCC;
	margin: *2em 1%;
	margin-top: 0;
        padding: 0;
        background: url('fond.jpg');
        background-repeat: repeat-y;
        background-position: top center;
	/*color: FFCC33 jaune Stéf - le orange c'est FFAA33 - le vert c'est 99CC99 - le bleu "clair" c'est #336699 - le bleu "foncé" c'est #330099 */
        font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	letter-spacing: 0.1em;
	text-align: center;
	height: 100%;
}

#site {
         position:absolute;
         left: 50%;
         width: 950px;
         margin-left: -475px; /* moitié de la largeur */
         margin-top: 0px;
}

#entete {
	position: absolute;
	width: 950px;
	top: 20px;
	left: 0px;
}

#barre {
        position: absolute;
  	width: 950px;
	height: 90px;
	left: 0px;
	top: 95px;
	color: #330099;
        background: url('barreh.gif');
        background-repeat: no-repeat;
        background-position: center;
}

#menu {
        position: absolute;
        width: 950px;
  	left: 15px;
        top: 123px;
        z-index: 10;
        text-align: center;
        vertical-align: middle;
}

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

#menu dl {
        float: left;
        width: 130px;
}

#menu dt {
        cursor: pointer;
        text-align: center;
        font-weight: bold;
        margin: 2px;
}

#menu dd {
        display: none;
        border: 1px solid #330099;
        margin: 2px;
        margin-top: 11px;
}

#menu li {
        text-align: center;
        background-color: #D9E1EA;
}

#menu li a, #menu dt a {
        color: #330099;
        text-decoration: none;
        display: block;
        height: 100%;
        border: 0 none;
}

#menu li a:hover, #menu li a:focus {
        background: #FFCC33;
}

#menu dt a:hover, #menu li a:focus, li a:hover, #menu li a:focus {
        font-style: italic;
}

#corps {
        position: absolute;
        width: 950px;
        left: 0px;
        top: 170px;
        z-index: 1;
        background: url('bord.png');
        color: #336699;
}

#corps p {
        margin: 20px;
        padding: 1em;
	border-bottom: 1px solid #FF9933;
}

#corps a:link, a:visited {
	color: #FFAA33;
	background-color: transparent;
	text-decoration: none;
}

#corps a:hover, a:focus {
	color: #FFAA33;
	background-color: transparent; 
	text-decoration: underline;
}

#accueil {
         overflow: hidden;
}

#accueil fieldset {
        margin: 5px;
        padding: 5px;
        border: 1px solid #FF9933;
}

#gauche {
        float: left;
        width: 550px;
        text-align: justify;
        }

#gauche fieldset {
        margin-left : 15px;
}

#droite {
        float: right;
        width: 400px;
        top: 0px;
        left: 550px;
        text-align: right;
}

#droite fieldset {
        margin-right : 15px;
}

#compteur {
        width: 950px;
        text-align: center;
        color: #336699;
}

#compteur b {
        color: #FFAA33;
        font-size: 14px;
        font-weight: bold;
}

#bas {
        float: bottom;
        width: 950px;
        top: 0px;
}

#bas fieldset {
        margin-left : 15px;
        margin-right : 15px;
}

#accueil p {
        margin: 5px;
        padding: 8px;
	border-bottom: 0px;
}

fieldset {
        margin: 20px;
        padding: 5px;
        border: 1px solid #FF9933;
}

fieldset legend {
        padding: 4px;
        border: 1px solid #FF9933;
        font-size: 13px;
        font-weight: bold;
}

.info, .attention, .attentionpetit {
        text-align: center;
        min-height: 40px;
        vertical-align: middle;
        color: #330099;
	margin-left: 20px;
	margin-right: 20px;
        padding-left: 48px;
        padding-right: 20px;
        border: 2px solid #FFAA33;
}

.info, .attention {
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.attentionpetit {
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.info {
        background: url('info.png') skyblue;
        background-repeat: no-repeat;
        background-position: 8px 50%;
}

.attention, .attentionpetit {
        background: url('attention.png') skyblue;
        background-repeat: no-repeat;
        background-position: 8px 50%;
}


#pied {
        text-align: center;
	width: 950px;
	height: 60px;
        background: url('barreb.png');
        background-repeat: no-repeat;
	color: #330099;
        font-size: 10px;
}

#pied table {
        font-size: 10px;
        color: #336699;
        margin-left: auto;
        margin-right: auto;
}

#pied a {
	color: #FF9933;
	background-color: transparent;
	text-decoration: none;
}

#pied a:hover, a:focus {
	color: #FF9933;
	font-style: italic;
	text-decoration: underline;
}

#spacer {
        clear: both;
}

input,select,textarea {
        font-family: Tahoma, Verdana, Arial, sans-serif;
        color: #330099;
}

.imgjoueur{
        height: 125px;
        width: 94px;
}

.imgjoueurpt{
        height: 62px;
        width: 47px;
}

.fondform {
        background-color: #D9E1EA;
}

table {
        font-size: 13px;
        color: #336699;
        margin-left: auto;
        margin-right: auto;
}

.fondtable {
        background-color: #FFFFCC;
}

.tdform {
        text-align: right;
}

.th1 {
        color: #336699;
}

.th2 {
        color:#FFAA33;
        border-color: #FFAA33;
}

.td1 {
        color: #999999;
        border-color: #999999;
}

.td2 {
        color:#FFAA33;
        border-color: #FFAA33;
}

#tableau {
        text-align: center;
}

#tableau table {
        margin-top: 15px;
        margin-left: auto;
        margin-right: auto;
        border: 1px dashed #336699;
}

#tableau caption {
        font-style: italic;
        margin-left: auto;
        margin-right: auto;
}

#tableau th {
        text-align: center;
}

#tableau thead {
        border-color: #999999;
}

#tableau td {
        border: 1px solid;
        text-align: center;
        padding: 5px;
}

#podium {
        text-align: center;
}

#podium table {
        margin-top: 15px;
        margin-left: auto;
        margin-right: auto;
}

#podium td {
        text-align: center;
        padding: 5px;
}

.td3 {
        border: 1px solid #336699;
        background-color: #D9E1EA;
        font-weight: bold;
}

.vainqueur {
        font-weight: bold;
}

.entreligne {
        font-style: italic;
        color:#FFAA33;
}