/* CSS Document */
body{
	margin: 0; /* pour éviter les marges */
	text-align: center; /* pour corriger le bug de centrage IE */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #efedea;
	color: #50007d;
	background-image: url(../img/bg.png);
	background-repeat: repeat-x;
}
h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #990000;
	text-decoration: none;
	text-align: center;
}
p{
	font-size: 10px;
}


/* -------LIENS-------- */



a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #50007d;
	text-decoration: none;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #CC0000;
	text-decoration: none
}


/* -------CONTAINER-------- */


#container {
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	text-align: left; /* on rétablit l'alignement normal du texte */
	font-size: 10px;
	top: 50px;
	position: relative;
	background-color: #f5f5f5;
	border:10px #f5f5f5 solid;
	min-height: 707px;
	height: 707px;
}
.top{
	width: 1000px;
	float: right;
	height: 60px;
	min-height: 60px;
	background-image: url(../img/bandeau.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}
.left {
	width: 1000px;
	left: 0px;
	float: left;
	height: 647px;
	min-height: 647px;
}

p {
	color: #663300;
}


/* -------RECHERCHE-------- */

.rsch{
	margin-top: 15px;
	margin-right: 9px;
}

#cherche {
	position:absolute;
	top:23px;
	z-index: 1100;
	right:17px;
	width: 235px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
}
#exit {
	border: 2px ridge gray;
}
#histo{
	font-size: 10px;
	border:1px solid black;
	border-bottom:none;
	overflow-y:scroll;
	width:225px;
}
#bsearch {
	font-size: 10px;
	background-color: #FE0000;
	border: 2px ridge gray;
	color: #FFFFFF;
	font-weight: bold;
}
#histobottom{
	font-size: 10px;
	border:1px solid black;
	border-top:none;
}
#status{
	font-size: 10px;
	text-align: center;
	width: 225px;
	display: none;
}
#rsearch {
	font-size: 10px;
	background-color: #ffffff;
	padding-left: 5px;
	padding-right: 5px;
	border-left:1px solid red;
	border-right:1px solid red;
	font-family: "Times New Roman", Times, serif;
	color: #000000;
}
#rsearch a{
	font-size: 13px;
	font-family: "Times New Roman", Times, serif;
	color: #0000CC;
	}
#rsearch a:hover{
	color: #FF0000;
	}
	
/* -------BREVE-------- */
.breve{
	position:absolute;
	left:19px;
	top:140px;
	z-index: 500;
}

.table {
	margin-top: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	color: #FFFFFF;
	width: 325px;
	border: 0;
	padding: 0;
	height: 350px;
}

marquee {
	position: relative;
	left: 23px;
	text-align: justify;
	color: #a4d62b;
}
/* Nuage de mots */

.nuage {
	position:absolute;
	left: 50%;
	top:130px;
	width: 900px;
	height: 150px;
	margin-left: -450px; /* moitié de la largeur */
	max-height: 150px;
	font-family: Times New Roman;
	color:#9459c6;
	text-align : center;
	z-index: 100;
	line-height: 100%;
}



/* Porte de garage */
* {
	 margin:0px;
	 padding:0px;
	 }
a { 
	outline-style: none;
	}
 
ul#menuback {
	margin: 50px auto;
	list-style: none;
	background: url(../img/menu-bg.jpg);
	width: 948px;
	overflow: auto;	
}

ul#menuback li.shutter {
	width: 316px;
	height: 100px;
	display: block;
	float: left;
}

ul#menuback li#shutter1 {
	background: url(../img/shutter-form.jpg) no-repeat; 
}
ul#menuback li#shutter2 {
	background: url(../img/shutter-pro.jpg) no-repeat; 
}
ul#menuback li#shutter3 {
	background: url(../img/shutter-enter.jpg) no-repeat; 
}
a.link {
   width: 316px;
   height: 100px;
   display: block;
   background: url(../img/window.png) no-repeat bottom center;
   text-indent: -9999px;
}
.garagedoor {
	position:absolute;
	left:-8px;
	top:180px;
	z-index: 1000;
	right:0%;
}