body,
html {
margin:0px auto;
padding:0px;
}

body {

font: 70%/160% Verdana, Trebuchet MS, Helvetica, sans-serif;

color: #333333;
position: inherit;
background: #e76e33 url(images/home-bg.jpg) no-repeat center top;
}
	
#wrap {
margin:0 auto;
width:740px;
}

#wrap  a {
color: #69a534; 
}

a.rolloverHelp {
position:absolute;
top:1%;
right: 1%;
z-index: 2px;
display: block;
width: 45px;
height: 59px;
background: url("images/help.gif") 0 0 no-repeat;
text-decoration: none;
}
a.rolloverHelp:hover { 
background-position: 0 -59px;
}
a.rolloverHelp:active {
background-position: 0 -59px;
}


#wrap p {
size: 12 px;
color: #878782;
font-family: Tahoma;
text-align: justify;
}

img.center{
display: block;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}

.btnInfo {
width: 285px;
margin: 3px 0 0 30px;
}

.titre-accueil{
margin: 15px 0 1px 0;
font-size: 24px;
color: #76b84c;
text-align: left;
font-weight: bold;
font-family: Tahoma;
}

.soustitre-accueil{
font-size: 16px;
color: #017db9;
text-align: left;
margin: 4px 0 0 0;
font-weight: bold;
font-family: Tahoma;
}

.titre-news{
font-size: 16px;
color: #d39133;
margin: 10px 0 3px 0;
text-align: left;
font-weight: bold;
font-family: Tahoma;
}

.auteur-news{
font-size: 12 px;
margin: 0;
text-align: left;
color: #459fbb;
font-weight: bold;
font-family: Tahoma;
}



a.rolloverConf {
display: block;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
display:block;
width: 287px;
height: 45px;
background: url("images/confirmation-back.gif") 0 0 no-repeat;
text-decoration: none;
}
a.rolloverConf:hover { 
background-position: 0 -45px;
}
a.rolloverConf:active {
background-position: 0 -90px;
}

a.rolloverIns {
display: block;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
display:block;
width: 287px;
height: 45px;
background: url("images/inscription-back.gif") 0 0 no-repeat;
text-decoration: none;
}
a.rolloverIns:hover { 
background-position: 0 -45px;
}
a.rolloverIns:active {
background-position: 0 -90px;
}









#gauche {
float:left;
padding: 10px 2% 10px 2%;
width:340px;
}
	
#droite {
float:right;
padding: 10px 2% 10px 2%;
width:340px;
}


#centrerTout {
width: 720 px;
margin: auto;
padding: 20px;
}

#noBorder table{ border: none;}
#noBorder td{ border: none;}

.titre {
	font-family: Trebuchet MS, Times, serif;
	font-size: 25px;
	font-weight: bold;
	color: #CC6633;
}
.textenormal {
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}
.soustitre {
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #330099;
}
.titreannonce {
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #CC6633;
}
.texteannonce {
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.nomsujet {
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 12px;
	color: #006600;
}
.soussoutitre {
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #006600;
}
.citation {
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 12px;
	color: #006600;
}

#Layer1 {
	position:absolute;
	width:429;
	height:116;
	z-index:1;
	top: 230px;
	left: 302px;
}
#Layer2 {
	position:absolute;
	width:218;
	height:116;
	z-index:2;
	left: 789px;
	top: 230px;
}
#Layer3 {
	position:absolute;
	width:449px;
	height:358px;
	z-index:3;
	left: 302px;
	top: 371px;
}
.Titre {
	font-size: 28px;
	color: #73b74a;
}

.TitreCit{
	font-size: 22px;
	color: #E76E33;
}

#TexteCourrant {
    width: 370px;
	font-size: 16px;
	color: #e15f37;
	text-align: justify;
}
#Layer4 {
	position:absolute;
	width:218px;
	height:312px;
	z-index:4;
	left: 789px;
	top: 371px;
}
.TitreAnnonce {
	color: #007cb7;
	font-size: 20px;
}
.texteCourrAnnonce {
	color: #f2954c;
	font-size: 14px;
}


/*FORM*/
#formInscription table 
{
	border-collapse:collapse;
}

#formInscription table tr td:first-child
{
	vertical-align:top;
	text-align:left;
	padding-right:10px;
	width:134px;
}
#formInscription table tr 
{
	height:25px;
	overflow:auto;
}
#formInscription table tr td 
{
	padding-bottom: 5px;
	text-align: left;
}
#formInscription table tr .soustitre
{
	margin-top: 10px;
}
#formInscription table tr  td .descriptionHistorique
{
	float:right;
	width: 235px;
	margin:5px;
}
#formInscription table tr  #Soumettre
{
	border-top: 1px solid #c09b05;
	padding-top:5px;
	text-align:right;
}

#formInscription table tr#sorts table
{
	border: 1px solid #c09b05;
	background-color:#fffdd0;
}
#formInscription table tr#sorts table td
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
}
#formInscription #habilete 
{
	border: 1px solid #c09b05;
	background-color:#fffdd0;
	padding-left:10px;
}
#formInscription #habilete select
{
	margin-bottom: 5px;
	width: 280px;
	display:block;
}
#formInscription .listeChoix
{
	margin-top:5px;
}

#formInscription table select
{
	width:155px;
	height:20px;
}
#formInscription div.description
{
	float:right;
	padding-left:5px;
	text-align: left;
	width:375px;
}
#formInscription #ddlHabileteRace
{
	display:none;
}
#formInscription #ddlHabileteClasse
{
	display:none;
}

#validationMessage.active
{
	border: 3px solid red;
	background-color: #FFCDC7;
	color: red;
	font-weight:bold;
	padding:5px;
	text-align:left;
}
#formInscription .errorBox
{
	padding-top:5px;
	padding-bottom:5px;
}