/******************/
/* Général	  */
/******************/

* {
	padding : 0;
	margin : 0;
	}
	
body {
	font-family: "trebuchet MS", georgia, verdana, arial, sans-serif;
	font-size : 15px;
	background-color: #333333;
	margin: 0;
	padding: 0;
	}
	
a:link, a:visited {
	color : #bc2b04;
	text-decoration : none;
	}
	
a:hover {
	text-decoration : none;
	}
	
a.pseudo {
	color: #b22904;
	font-size: 110%;
	font-family : Georgia, Garamond, "Times New Roman", Serif;
	font-weight: bold;
	text-decoration: none;
	}
	
a.plus {
	background : url(../img/hand.png) 1px 60% no-repeat;
	padding-left: 20px;
	}
	
img {
	border-width: 0;
	}
	
input, select {
	padding: 4px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 1px solid #d58404;
	background: #f5e4ca url(../img/wbl.png) repeat-x;
	}
	
input[type=submit] {
	padding: 4px 15px;
	}
	
textarea {
	border: 1px solid #d58404;
	/**background-color : #f5e4ca;**/
	}

div#centreur {
	position : relative;
	margin : 0 auto;
	width: 950px;
	}
 
div {
	/**border: 1px solid red;*/
	}

div#header{
	position: absolute;
	width: 950px;
	height: 167px;
	z-index: -1;
	}
	
div#footer{
	position: absolute;
	bottom: 0;
	left: 265px;
	width: 619px;
	height: 110px;
	z-index: -2;
	}
	
div#pied {
	position: absolute;
	bottom : 50px;
	width : 600px;
	font-size: 11px;
	padding-left: 10px;
	}
	
div#menu{
	position: absolute;
	top: 167px;
	width: 265px;
	height: 607px;
	z-index: -1;
	}	
	
div#frame_droite{
	position: absolute;
	top: 167px;
	right: 0px;
	width: 71px;
	height: 278px;
	z-index: -1;
	}	
	
div#frame_droite_bg {
	position: absolute;	
	right: 0;
	width: 71px;
	height: 100%; 
	z-index: -2;
	background: url(../img/frame_droite_bg.jpg) repeat-y;
}

div#frame_droite{
	position: absolute;
	top: 167px;
	right: 0px;
	width: 71px;
	height: 278px;
	z-index: -1;
	}
	
div#frame_droite_bas{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 71px;
	height: 461px;
	z-index: -1;
	}

div#corps{
	position: absolute;
	top: 167px;
	width: 614px;
	min-height: 800px;
	padding-right: 71px;
	padding-left: 265px;
	padding-bottom: 50px;
	}
	
div#frame_gauche_bg {
	position: absolute;	
	left: 0;
	width: 265px;
	height: 100%; 
	z-index: -3;
	background: url(../img/frame_gauche_bg.jpg) repeat-y;
}

div#frame_gauche_bas {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 265px;
	height: 325px;
	z-index: -2;
}
	
div#contenu{
	position: absolute;
	left: 265px;
	width: 614px;
	height: 100%;
	background-color: #f5e4ca;
	z-index: -2;
	}	

span.decalee {
	padding-left:145px;
	}	
	
div#bas_programme {
	position: relative;
	float: right;
	background: url(../img/bg.png) no-repeat;
	width: 250px;
	height: 300px;
	margin-bottom: -200px;
	bottom: 180px;
	right: -20px;
	z-index: -1;
	}
	
.centrer {
	text-align : center;
	}	

span.success {
	float:left; 
	padding: 15px 20px;
	}

#ie-message {
	position: absolute;
	border: 1px solid #ff9f08;
	padding: 3px 5px 3px 50px;
	background: #f9d69a url(../img/idea.png) 10px 35% no-repeat;
	font-size: 12px;
	left: 200px;
	width: 550px;
	z-index: 10;
	}

span.info_champ {
	position: absolute;
	height: 16px;
	width: 30px;
	padding: 3px 0 3px 6px;
	margin: 2px 0;
	}
	
span.wrong {
	background: url(../img/info_champ_wrong.png) no-repeat;
	}
	
span.right {
	background: url(../img/info_champ_right.png) no-repeat;
	}	

/************************/
/*	Liens		*/
/************************/

div#home {
	position: absolute;
	width: 600px;
	height: 80px;
	top: 29px;
	left: 230px;
	z-index: 10;
	}

div#association {
	position: absolute;
	width: 130px;
	height: 140px;
	top: 169px;
	left: 100px;
	z-index: 10;
	}

div#menu_home {
	position: absolute;
	width: 130px;
	height: 48px;
	top: 569px;
	left: 70px;
	z-index: 10;
	}

div#menu_forum {
	position: absolute;
	width: 111px;
	height: 48px;
	top: 617px;
	left: 70px;
	z-index: 10;
	}

div#menu_images {
	position: absolute;
	width: 126px;
	height: 48px;
	top: 665px;
	left: 70px;
	z-index: 10;
	}

div#menu_liens {
	position: absolute;
	width: 90px;
	height: 48px;
	top: 713px;
	left: 70px;
	z-index: 10;
	}

div#menu_accueil {
	position: absolute;
	width: 168px;
	height: 58px;
	top: 340px;
	left: 50px;
	z-index: 10;
	}

div#menu_programme {
	position: absolute;
	width: 235px;
	height: 55px;
	top: 410px;
	left: 15px;
	z-index: 10;
	}

div#menu_parties {
	position: absolute;
	width: 160px;
	height: 56px;
	top: 475px;
	left: 60px;
	z-index: 10;
	}

/************************/
/*	Mise en page	*/
/************************/
	
h3 {
	font-family: "trebuchet MS", georgia, verdana, arial, sans-serif;
	font-size: 24px;
	color: white;
	text-decoration: none;
	font-weight : normal;
	background : url(../img/grand_titre.jpg) no-repeat;
	width: 596px;
	height: 45px;
	padding-left: 35px;
	padding-top: 8px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: -5px;
	}
	
h2 {
	font-family: "trebuchet MS", georgia, verdana, arial, sans-serif;
	color: #316b67;
	font-size: 22px;
	font-weight : normal;
	text-decoration: none;
	padding-left: 10px;
	padding-top: 0;
	padding-bottom: 0;
	}
	
h1 {
	font-family: "trebuchet MS", georgia, verdana, arial, sans-serif;
	color: #316b67;
	font-size: 18px;
	font-weight : normal;
	text-decoration: none;
	padding-left: 20px;
	padding-top: 6px;
	padding-bottom: 0;	
	}
	
p {
	padding: 15px 25px 15px 20px;
	text-align: justify;
	}
	
em {
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	}
	
div.liste{
	padding: 0 25px;
	text-align: justify;
	}
	
div.separateur {
	height: 20px;
	}	
		
/************************/
/*	Accueil		*/
/************************/

div#hover {
	/*border: 1px solid red;*/
	margin: -7px 0;
	}
	
div#news {
	position: relative;
	padding: 0;
	margin: -25px 0;
	/*background: url(../img/porte-voix.png) no-repeat 90%;*/
	z-index: 1;
	}
	
div#pause {
	padding: 0;
	margin: -12px 0 0 350px;	
	position: absolute;
	height: 140px;
	width: 150px;
	z-index: 0;
	}	
	
/*
div#up_news{
	position: relative;
	float : right;
	height: 20px;
	width: 40px;
	margin-left: 93%;
	margin-top: -20px;
	z-index: 1;
	}
	
div#down_news{
	position: relative;
	float : right;
	bottom: 0;
	height: 9px;
	width: 40px;
	margin-left: 93%;		
	z-index: 1;
	}	
*/

div#number{
	margin-top: -23px;
	margin-right: 20px;
	float: right;
	z-index: 2;
}	
	
div.number{
	border: 1px solid #38352c;
	padding: 0 5px;
	margin: 0 3px;
	display:inline;
}

div.selectable{
	background-color: #38352c;
	cursor: pointer;
	color: white;	
}

div.selected{
	background-color: #bc2b04;
	color: white;	
}
	
/************************/
/*	Programme	*/
/************************/

li {
	margin-left: 33px;
	padding-left: 2px;
	padding-right: 35px;
	padding-bottom: 8px;
	}

ul {
	list-style-image: url(../img/star.png); 
	padding-bottom: 25px;
	margin-top: -20px;
}	
	
p#intro {
  font-size: 13px;
  margin-top:-25px;
}
	
/************************/
/*	Parties		*/
/************************/	
	
div.game:hover {
	cursor: pointer;
	border: 1px solid #ff9f08;
	background-color: #f9d7a2;
	}

div.game {
	border: 1px solid #f5b556;
	padding: 1px 3px 0 3px;
	margin: 1px 2px 7px -1px;
	}
	
div.jdr {
	background : #f9d295 url(../img/jdr.png) 62px 20px no-repeat;
}

div.jds {
	background : #f9d295 url(../img/jds.png) 62px 20px no-repeat;
}

div.close {
	border: 1px solid #ffba4d;
	background-color: #f9dcae;
	color: #66412e;
}

div.close:hover {
	border: 1px solid #ffb540;
	background-color: #f9e1bb;
}

div.no_player {
	border: 1px solid #ffba4d;
	background-color: #f9dcae;
	color: #66412e;
}

div.no_player:hover {
	border: 1px solid #ffb540;
	background-color: #f9e1bb;
}

div.game div.separateur {
	height: 10px;
}
	
table.parties h2 {
	color: #ea6900;
	margin-left: -15px;
	}
	
img.special {
	/**border: 1px solid #ff9f08;**/
	padding: 10px;
	/**background-color : #f9ca7d;**/
	}
	
table.parties {
	border-spacing: 0px;
	border: 1px solid #ff9f08;
	background-color : #f9ca7d;
	width:95%;
	padding-left: 10px;
	margin: 0 auto;
	}
	
div.parties_info {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	}
	
div.parties_affichage {
	position: relative;
	border: 1px solid #ff9f08;
	background-color : #f9ca7d;
	z-index: 2;
	top: -12px;
	width: 140px;
	font-size: 13px;
	text-align: center;
	right: -380px;
	margin-bottom: -20px;
	padding: 2px;
	}
	
span.heure {
	width: 48px;
	margin-top: 4px;
	float:left;
	font-size: 25px;
	font-family: "times new roman", times, serif;
	/*border-right: 1px solid #f5b556;*/
	margin-right: 5px;
	margin-left: 2px;
	}

span.nom {
	padding-left: 25px;
	line-height: 8px;
	font-size: 12px;
	}
	
div.idea {
	font-size: 12px;
	padding: 0 120px 0 120px;
	background: url(../img/idea.png) 80px 35% no-repeat;
	text-align: justify;
	line-height: 14px;
	}
	
div.inscription {
	float:right; 
	width:95px; 
	margin-top: 8px;
	font-size: 18px;
	padding: 0;
	}

/************************/
/*	Formulaire	*/
/************************/

table.formulaire {
	font-size : 14px;
	border: 1px solid #ff9f08;
	width: 580px;
	margin: 0 auto;
	background-color : #f9ca7d;
	padding: 10px 12px;
	}

table.formulaire td.entete {
	width: 200px;
	text-align: right;
	padding-right: 15px;
	}
	
table.formulaire td.champ {
	font-size : 14px;
	width: 288px;
	padding-right: 15px;
	}
	
table.formulaire tr {
	height: 35px;
	}
	
table.formulaire div.idea {
	padding: 5px 15% 15px 15%;
	background: url(../img/idea.png) 7% 35% no-repeat;
	}
	
div.warning {
	font-size: 13px;
	padding: 15px 100px;
	background: url(../img/warning.png) 70px 50% no-repeat;
	text-align: justify;
	}	

span.warning {
	font-size: 13px;
	padding: 2px 40px;
	background: url(../img/warning.png) 10px 50% no-repeat;
	text-align: justify;
	}