/* CSS Document */
/* style général */
body {
	margin:0px;
	background: #f0f0f0 url(../Img/reddragon.JPG) repeat-y fixed center top;
	height:auto;
}

h1, h2, h3, h4, p, li, td, div{
	color:black;
	background-color:transparent;
	font-family:Verdana, Arial, sans-serif;
}

h1, h2, h3 {
	font-size:100%;
	font-family:"Old English Text MT", DeiGratia, Verdana, Arial;
	text-align:center;
}

h4{
	font-size: 120%;
	font-family: "Old English Text MT", DeiGratia, Verdana, Arial;
	font-weight: normal;
	letter-spacing: 1px;
    margin-bottom:-5px;
}

p {font-size:90%;}

strong, .strong {font-weight:bold;}

em, .rem {font-style:italic;}

a:link, a:visited {
	left:10px;
	display:inline;
	font-family:verdana, sans-serif;
	font-size:90%;
	color:green;
	background-color:transparent;
	text-decoration:underline;
}

a:visited {color:gray;}

a:hover, a:active {
	left:10px;
	display:inline;
	font-family:verdana, sans-serif;
	font-size:90%;
	color:#ffa500;
	background-color:transparent;
	text-decoration:underline;
}

li {
	font-family:verdana, sans-serif;
	font-size:100%;
	color:black;
	background-color:transparent;
	list-style-image:none;
	list-style-type:none;
	padding-left:0px;
}

/* style tabulaire */
.horaires .title{
	display:table-cell;
	width:200px;
	font-size:90%;
	text-align:right;
}
.horaires .content{
	display:table-cell;
	width:600px;
	font-size:90%;
	text-align:left;
}

table {
	border-color:black;
	border-style:inset;
	border-width:2px;
}
td {
	font-size:80%;
	text-align:left;
	border-color:black;
	border-style:solid;
	border-width:1px;
}

/* style pour les réponses de PHP */
.rapport{text-align:center;color:red;}

/* mise en forme des formulaires généraux*/
form{
	width:400px;
	margin:auto;
	text-align:auto;
}

fieldset label{
	display:inline-block;
	width:180px;
	margin:0 10px 0 0;
	text-align:right;
}
/*rectification dans le cas d'un radio (situé à gauche du label)*/
fieldset label.radiolabel{
	text-align:left;
	margin:0 0 0 10px;
}

fieldset input{
	margin:0;
	width:150px;
	text-align:left;
}

/* par construction, placement du submit */
fieldset#validation .submit{text-align:center;}

/* par construction, placement du submit */
fieldset#validation .rem{font-size:85%;}

/**** styles spécifique à une des zones ****/
#sidebar h2 {
	color:brown;
	font-size:150%;
}

/*attention, hérite des définitions générales*/
#global h1 {font-size:400%;}
#global h2 {font-size:200%;}
#global h3 {font-size:150%;}

#title{
	line-height:5px;
	background-color:transparent;
	color:black;
	text-align:center;
}

#title .presentent{letter-spacing:2px;}
#title h1{font-size:200%;}

#title p{
	font-family:"Old English Text MT", DeiGratia, Verdana, Arial;
	font-size:120%;
	font-weight:bold;
}

/* variante pour la page d'accueil */

#index #title{
	line-height:5px;
	background-color:transparent;
	color:black;
	text-align:center;
}

#index #title h1{font-size:400%;}

#index #title p{
	font-family:"Old English Text MT", DeiGratia, Verdana, Arial;
	font-size:150%;
	font-weight:bold;
}

#index #title .presentent{letter-spacing:3px;}

/*************************************
styles spécifiques à une page
ne s'applique qu'à la partie centrale (selection par la classe de #global)
*************************************/
/*** ajustement des formulaires de la page inscriptions ***/
.inscription .formulaires {
  height:auto;
  }
.inscription .formulaires form{
	position:absolute;
	width:50%;
	height:95%;
	margin:auto;
}
.inscription .formulaires #inscription{left:50%;}

/*** coloration de la page des scénarii ***/
.scenarii a:link, .scenarii a:visited, .scenarii a:hover, .scenarii a:active {
	display:inline;
	font-family:verdana, sans-serif;
	font-size:90%;
	color:black;
	background-color:transparent;
	text-decoration:none;
}
.scenarii a:hover, .scenarii a:active {color:#dd9500;}

/* variante pour les liens javascripts */
.scenarii a.jslink:link, .scenarii a.jslink:visited{color:blue;}
.scenarii a.jslink:hover, .scenarii a.jslink:active {color:#dd9500;}

/*** ajustement de la page des contacts ***/
.contact p{text-align:center;}
.contact a img{
	border:none;
	width:40%;
}

/*** ajustement de la page d'informations (lieu.php) ***/
.lieu .adresse{
	text-align:center;
	font-weight:bold;
}
.lieu li{list-style-type:disc;}