body
{
	width: auto;
	background:url("../images/background.png");
	background-repeat:repeat-x;
	background-color:rgb(170,180,230);
}

#bodycentre
{
	width:1100px;
	margin:auto;
}

#bodygauche
{
	margin-right:5px;
	margin-left:auto;
}

#bodydroite
{
	margin-left:5px;
	margin-right:auto;
}

#banniere
{
	/*border:red solid 1px;*/
}

#menu
{
	border-top:red solid 1px;
	border-bottom:red solid 1px;
	border-right:red solid 1px;
	height:19px;
	margin-top:5px;
	background-color:rgb(205,208,244);
	color:red;
}

#menu a
{
	padding-right:5px;
	padding-left:5px;
	text-decoration:none;
	border-left:red solid 1px;
	color:black;
	background:url("../images/backmenu.png");
	background-repeat:repeat-y;
}

#menu .admin
{
	color:black;
	background:url("../images/backmenuadmin.png");
	background-repeat:repeat-y;
	background-color:rgb(255,165,184);
}

#speedgauche
{
	float:left;
}

#speeddroite
{
	float:right;
}

#corps
{
	border:red solid 1px;
	margin-top:5px;
	margin-bottom:5px;
	padding:10px;
	padding-bottom:20px;
	background-color:rgb(205,208,244);
}

#corps a
{
	text-decoration:none;
	color:blue;
	border:none;
}

h1
{
	text-align:center;
}

h2
{
	text-align:center;
}

h3
{
	text-align:center;
}

p
{
	text-align:justify;
}

thead
{
	font-weight:bold;
	text-align:center;
}

img
{
	border:none;
}

input,select,button,textarea,select
{ 
	border: #CCCCCC 1px solid; 
	background: #F8F8F8; 
	padding: 1px; 
	margin: 1px;
	color: #000000;
}

input:hover, button:hover
{ 
	border: red 1px solid; 
	background: rgb(255,147,167); 
}

textarea:hover, select:hover
{
	border: red 1px solid;
}

span.info {
   position: relative;
   text-decoration: none;
}
 
span.info div {
   display: none;
}
 
span.info:hover {
   background: none;
   z-index: 500;
   cursor: help;
}
 
span.info:hover div {
   display: inline;
   position: absolute;
   white-space: nowrap;
   top: 20px;
   left: 20px;
   background: rgb(255,255,169);
   padding: 3px;
   border: 1px solid red;
   border-left: 4px solid orange;
}

#admin
{
	width:200px;
	border: red solid 1px;
	padding:10px;
	margin:auto;
}

#section
{
	width:850px;
	border:red solid 1px;
	padding:5px;
	margin:auto;
	margin-bottom:10px;
}

#section2
{
	width:900px;
	padding:10px;
	margin:10px;
}

#section3
{
	width:350px;
	padding:10px;
	margin:auto;
	border:red solid 1px;
}

#section4
{
	width:400px;
	padding:5px;
	margin:auto;
	border:red solid 1px;
}

#section5
{
        width:450px;
        padding:5px;
        margin:auto;
        border:red solid 1px;
}


#centrer
{
	margin:auto;
}

#map
{
	width:600px;
	margin:auto;
	border:red solid 1px;
	background-color:rgb(68,72,255);
}

#alert
{
	margin-left:auto;
	margin-right:auto;
	margin-top: 5px;
	margin-bottom: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: red;
	background-color: rgb(255,138,132);
	width: 300px;
}

#warning
{
	margin-left:auto;
	margin-right:auto;
	margin-top: 5px;
	margin-bottom: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: orange;
	background-color: rgb(255,189,119);
	width: 300px;
}

#quest
{
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	margin-bottom:5px;
	border-width:1px;
	border-style:solid;
	border-color:blue;
	background-color:rgb(132,150,255);
	width:300px;
}

#ok
{
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	margin-bottom:5px;
	border-width:1px;
	border-style:solid;
	border-color:green;
	background-color:rgb(122,255,119);
	width:300px;
}

#xform
{
	min-width: 830px;
	margin-right: 100px;
	border-width: 1px;
	border-style: solid;
	border-color:red;
	background-color:rgb(205,208,244);
}

#xform2
{
	margin-left: 100px;
	margin-right: 100px;
	border-width: 1px;
	border-style: solid;
	border-color:red;
	background-color:rgb(132,150,255);
}

#xform3
{
	width: 350px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: red;
	background-color:rgb(132,150,255);
}

#xform4
{
	width: 250px;
	padding: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: red;
	background-color:rgb(205,208,244);
}

.centre { text-align:center; }
.obligatoire { text-decoration:underline; }
.select { width: 200px; }
.select2 { width: 120px; }
.inputtext { width: 50px; }
.ttpetit { font-size: xx-small; }
.tpetit  { font-size: x-small; }
.petit   { font-size: small; }
.gros    { font-size: large; }
.tgros   { font-size: x-large; }
.ttgros  { font-size: xx-large; }
.centre { text-align:center; }
.droite { text-align: right; }
.gauche { text-align: left; }
.fdroite { float: right; }
.fgauche { float : left; }
.justifie { text-align: justify; }
.souligne { text-decoration: underline; }
.clignote { text-decoration: blink; }
.tblanc { color: rgb(255,255,255); }
.targent{ color: silver; }
.tgris { color: gray; }
.tnoir { color: black; }
.trouge { color: red; }
.tmarron { color: maroon; }
.tlime { color: lime; }
.tvert { color: green; }
.tjaune { color: yellow; }
.tolive { color: olive; }
.tbleu { color: black; }
.tmarrine { color: navy; }
.tfuchsia { color: fuchsia; }
.tviolet { color: purple; }
.taqua { color: aqua; }
.tteal { color: teal; }
.sblanc { background-color: rgb(255,255,255); }
.sargent{ background-color: silver; }
.sgris { background-color: gray; }
.snoir { background-color: black; }
.srouge { background-color: red; }
.smarron { background-color: maroon; }
.slime { background-color: lime; }
.svert { background-color: green; }
.sjaune { background-color: yellow; }
.solive { background-color: olive; }
.sbleu { background-color: black; }
.smarrine { background-color: navy; }
.sfuchsia { background-color: fuchsia; }
.sviolet { background-color: purple; }
.saqua { background-color: aqua; }
.steal { background-color: teal; }
.time { font-family: time new roman; }
.comic { font-family: comic sans ms; }
.cobl { font-family: cooper black; }
.coppe { font-family: copperlate gothic bold normal; }
.japanese { font-family: japanese; }
.newcent { font-family: new century; }
.rock { font-family: rockwell normal; }
.temp { font-family: tempas; }
.wide { font-family: wide latin; }

.ok
{
	margin-left:auto;
	margin-right:auto;
	color: rgb(122,255,119);
	width:300px;
}

.preview
{
	width: 823px;
	border-width: 1px;
	border-style: solid;
	border-color: red;
	background-color:rgb(205,208,244);
}

.multiple
{ 
	width: 150px;
	height: 200px;
}

.citation, .code
{
	font-weight: bold;
	display: block;
	width: 40%;
	margin: auto;
}

.citation2, .code2
{
	border: 1px dashed red;
	background-color: #FFFFFF;
	width: 40%;
	padding: 8px;
	margin: auto;
	overflow: auto;
}

.selected
{
	color: #0066CC;
	font-weight: bold;
	padding-left: 20px;
	padding-right: 20px;
}

.selected1
{
	color: red;
	font-weight: bold;
	padding-left: 20px;
	padding-right: 20px;
}

.bloc-centre
{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.bloc-centre2
{
	width: 400px;
	margin-left: auto;
	margin-right: auto;
}

.nonlu a
{
	text-decoration:underline;
	color:red;
}

#pieds
{
	font-size:small;
	text-align:center;
	border:red solid 1px;
	padding-right:10px;
	padding-left:10px;
	background-color:rgb(205,208,244);
}

#pieds a
{
	text-decoration:none;
	color:blue;
	border:none;
}