/* -----  BALISES ----- */

body
{
	background-image: url('images/background.png');
	background-repeat: repeat-x;
	background-color: rgb(80,173,255);
}

img
{
	border: none;
}

h1
{
	font-size: xx-large;
	color: blue;
	text-align: center;
}

h2
{
	text-align: center;
}

fieldset
{
	width:400px;
}

div.leg1
{
	border-bottom: 1px solid rgb(255,189,119);
	background-image: url('images/backmenu.png');
	background-repeat: repeat-x;
	background-color: rgb(255,189,119);
	text-align: center;
}

div.leg2
{
	border-bottom: 1px solid red;
	background-image: url('images/backadmin.png');
	background-repeat: repeat-x;
	background-color: rgb(255,138,132);
	text-align: center;
}

form 
{ 
	margin: 1em; 
	padding: 1em; 
}

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

input:hover, button:hover
{ 
	border: orange 1px solid; 
	background: rgb(255,255,50); 
}

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

optgroup
{
	font-style: normal;
	font-weight: bold;
	color: #CCCCCC;
}

option 
{
	padding-left: 10px;
	padding-right: 10px;
	color: #000000;
}

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 orange;
   border-left: 4px solid orange;
}

/* -----  ID ----- */

#DivDePreview 
{
	border: #CCCCCC 1px solid;
	margin: 2em;
}

#DivDeView 
{
	border: #CCCCCC 1px solid; 
	margin: 2em;
}

#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;
}

#banniere
{
	width: auto;
	height: 150px;
	background-color: none;
	margin-bottom: 15px;
}

#banniere a
{
	text-decoration: none;
	color: rgb(48,0,255);
}

#banniere a:visited
{
	text-decoration: none;
	color: rgb(48,0,255);
}

#menu
{
	float: left;
}

#date_heure
{
	color: blue;
}

#menunormal
{
	width: 180px;
	margin-left: 5px;
	margin-bottom: 5px;
	background-color: rgb(255,226,102);
	padding-bottom: 10px;
	list-style-image: url("images/puce.png");
	border-width: 1px;
	border-style: solid;
	border-color: orange;
}

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

#menuadmin
{
	width: 180px;
	margin: 5px;
	background-color: rgb(255,138,132);
	padding-bottom: 10px;
	list-style-image: url("images/pucead.png");
	border-width: 1px;
	border-style: solid;
	border-color: red;
}

#menuadmin a
{
	color: black;
	text-decoration: none;
}

#menu ul
{
	
}

#corps 
{
	min-width: 750px;
	margin-left: 200px;
	margin-right: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: orange;
	background-color: rgb(255,226,102);
	padding: 10px;
	height: auto;
	min-height:700px;
}

#corps ul
{
	list-style-image: url('images/puce.png');
}

#corps ol
{
	list-style-type: decimal;
}

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

#accueil
{
	margin-left: 150px;
	margin-right: 150px;
}

#actualites
{
	min-width: 700px;
	margin-left: auto;
	padding-left: 10px;
	padding-right: 10px;
	margin-right: auto;
	margin-bottom: 20px;
	border-width: 1px;
	border-style: solid;
	border-color: orange;
	background-color: rgb(255,255,169);
}

#sujet_actualites
{
	text-decoration: none;
	font-weight: bold;
	background-image: url("images/backsujetactu.png");
	background-repeat: repeat-y;
	background-color: rgb(255,226,102);
	margin-left: 350px;
	margin-right: auto;
	padding-left: 10px;
	font-size: large;
	border-right: 1px solid orange;
	border-top: 1px solid orange;
	border-left: 1px solid orange;
}

#titre_actualites
{
	width: auto;
	margin-right: 100px;
}

#catalogue table
{
	border-width: 1px;
	border-color: orange;
	border-style: solid;
}

#catalogue tr
{
	border-width: 1px;
	border-color: orange;
	border-style: solid;
	text-align: center;
}

#catalogue td
{
	border-width: 1px;
	border-color: orange;
	border-style: solid;
}

#catalogue tr:hover
{
	background-color: rgb(255,255,50);
}

#catalogue2
{
	border-width: 1px;
	border-color: orange;
	border-style: solid;
}

#catalogue2 tr
{
	border-width: 1px;
	border-color: orange;
	border-style: solid;
}

#catalogue2 td
{
	border-width: 1px;
	border-color: orange;
	border-style: solid;
}

#catalogue2 tr:hover
{
	background-color: rgb(255,255,50);
}

#formulaire_catalogue
{
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: orange;
	background-color: rgb(255,255,169);
}

#presentation
{
	min-width: 700px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: orange;
	background-color: rgb(255,255,169);
}

#description
{
	min-width: 700px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: orange;
	background-color: rgb(255,255,169);
}

#liste
{
	width: 400px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	border-width: 1px;
	border-color: orange;
	border-style: solid;
	background-color: rgb(255,255,169);
}

#sujetbis
{
	text-decoration: none;
	font-weight: bold;
	background-image: url("images/backsujetactu.png");
	background-repeat: repeat-y;
	background-color: rgb(255,226,102);
	margin-left: 350px;
	margin-right: 100px;
	padding-left: 10px;
	font-size: large;
	border-right: 1px solid orange;
	border-top: 1px solid orange;
	border-left: 1px solid orange;
}

#formulaire
{
	width: 500px;
	margin: auto;
	padding: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: orange;
	background-color: rgb(255,255,169);
}

#formulaire2
{
	min-width: 700px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: orange;
	background-color: rgb(255,255,169);
}

#xform
{
	min-width: 850px;
	border-width: 1px;
	border-style: solid;
	border-color: orange;
	background-color: rgb(255,255,169);
}

#xform2
{
	min-width: 700px;
	margin: auto;
	border-width: 1px;
	border-style: solid;
	border-color: orange;
	background-color: rgb(255,255,145);
}

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

#xform4
{
	width: 250px;
	padding: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: orange;
	background-color: rgb(255,255,169);
}

#xformlight
{
	min-width: 400px;
	margin: auto;
	border-width: 1px;
	border-style: solid;
	border-color: orange;
	background-color: rgb(255,255,169);
}

#xformlight2
{
	width: 600px;
	margin: auto;
	border-width: 1px;
	border-style: solid;
	border-color: orange;
	background-color: rgb(255,255,145);
}

#xcodehover img:hover
{
}

#tableauadmin
{
	width: 610px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}

#tableauadmin a
{
	color: black;
}

#admin
{
	width: 300px;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: orange;
	background-color: rgb(255,255,169);
}

#pieds
{
	margin-left: 200px;
	margin-right:auto;
	margin-top: 10px;
	padding: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: orange;
	background-color: rgb(255,226,102);
	width: auto;
	font-size: small;
	text-align: center;
}

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

/* -----  CLASS  ----- */

.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: blue; }
.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: blue; }
.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: orange;
	background-color: rgb(255,255,169);
}

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

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

.citation2, .code2
{
	border: 1px dashed orange;
	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;
}

.admintitre
{
	text-decoration: underline;
}

.admincontenu a:hover
{
	background-color: rgb(255,138,132);
	border: red 1px solid;
}

.titre
{
	text-decoration: underline;
	padding-right: 2px;
}