/* CSS Document */

body {
	background-color: #000099;
	SCROLLBAR-FACE-COLOR: #000099;
	SCROLLBAR-HIGHLIGHT-COLOR: #000099;
	SCROLLBAR-SHADOW-COLOR: #D95700;
	SCROLLBAR-3DLIGHT-COLOR: #FF6600;
	SCROLLBAR-ARROW-COLOR: #FF6600;
	SCROLLBAR-TRACK-COLOR: #FF6600;
	SCROLLBAR-DARKSHADOW-COLOR: #000099;
	text-align: center;
	margin: 0;
	color: #000099;
	font-family:Verdana;
}

/* TITRES */
a.menu.bouton {text-decoration:none;
  		border-left:1px solid #D95700;
 		border-right:1px solid #D95700;
		padding:5px;
 		padding-bottom:11px;
		color:#000099;
}
a.menu.bouton:visited {text-decoration:none;
  		border-left:1px solid #D95700;
 		border-right:1px solid #D95700;
		padding:5px;
 		padding-bottom:11px;
		color:#000099;
}
a.menu.bouton:hover {text-decoration:none;
  			background-color:#FF9900;
			border-left:1px solid #D95700;
  			border-right:1px solid #D95700;
			color:#000099;
}
a.menu.bouton:active {text-decoration:none;
  			background-color:#FF9900;
			border-left:1px solid #D95700;
  			border-right:1px solid #D95700;
			color:#000099;
}
	 
/* SSMENU */

ul {
		list-style-type: none;		
}

li {
  		float:left;
		height:29px;
		font-size:17px;
}

.menu a span {     /* définition de la balise <span> inclue dans <a> */
display: none;
}

.menu a:hover span {   /* définition de la balise <span> au survol */
display: block;
position: absolute;
top: 33px;
left: -462px;
width: 700px;       /* largeur de la zone de commentaires, selon la taille du menu */
text-align: left;
float:left;
font-size:12;
}


/* LIENS */

a {color:blue;
		text-decoration:none;}
a:hover {text-decoration:underline;}
a:visited {color:#706BA0;}

a.plan {color:#000099;
		text-decoration:none;}
a.plan:hover {text-decoration:underline;}
a.plan:visited {color:#706BA0;}

/* FORMULAIRE */

select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	border: 1px solid #FFFFFF;
}
textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	background-color: #FFFFFF;
	border: 1px solid #660066;
}

/* PLACEMENT */

#fond {margin-left: auto; 
        margin-right: auto; 
        text-align: left;
		margin-top:40px;
		width:950px;
		height:auto;
		}
		
#fete {position:absolute;
		top:10px;
		left:550px;
		height:25px;
		width:400px;
		color:#FF6600;
		font-size:12;
		}
	/* titre */		
#titre {position:absolute;
		top:1px;
		left:50px;
		height:40px;
		width:380px;
		background: url("http://ns31195.ovh.net/~centrees/images/titre1.gif");
		background-repeat: no-repeat;
		z-index:3px;
		}
#titre a {display: block;
		width: 100%;
		height: 100%;
		background: white url("http://ns31195.ovh.net/~centrees/images/titre.gif");
		background-repeat: no-repeat;
		color: #000;
		}
#titre a:hover {
background: transparent none;
}		

#menu {position: relative;
			top:0px;
			left:0px;
			width:950px;
			height:40px;
		}
#sstitre {position: relative;
			margin-top:-23px;
			margin-left:30px;
			width:350px;
			z-index:2;
			}
#titres {position: relative;
			margin-top:-24px;
			margin-left:476px;
			width:470px;
			z-index:2;
			}
#ssmenu {position: relative;
			margin-top:0px;
			margin-left:0px;
			width:950px;
			height:25px;
			border:thin solid #FF6600;
			border-top:0px;
			background-color:#FF9900;
			}
			
#recherche {position: absolute;
			top:80px;
			left:680px;
			width:280px;
			z-index:2;
			height:18px;}
			
#degrade {position: relative;
			margin-top:0px;
			margin-left:0px;
			width:950px;
			height:20px;
			background-image: url("http://ns31195.ovh.net/~centrees/images/degrade.gif");
			border-left:thin solid #FF6600;
			border-right:thin solid #FF6600;
			z-index:2;}
		
#general {position: relative;
			margin-top:0px;
			margin-left:0px;
			width:950px;
			background-color:white;
			border:thin solid #FF6600;
			border-top:0px;

			}
				
#gauche {float:left;
		font-size:12px;
		}
#contenu {
		float:left;
		margin-top:10px;
		margin-left:10px;
		margin-bottom:20px;
		width:780px;
		height:auto;
		}
#vide { position:relative;
		clear:left;
		margin-top:50;
		margin-left:10;
		width:auto;
		height:auto;
		z-index:3;
		padding:10;
		}
				
#pied {
  		position: relative;
  	 	margin-bottom: 20;
		margin-left:0px;
		width:950px;
		height:25px;
		background-image: url("http://ns31195.ovh.net/~centrees/images/copy.gif");
		background-repeat:no-repeat;
		font-size:10;
		padding-left:400;
		padding-top:5px;
		z-index:2;
        }


.encartgauche {position: relative;
			float:none;
			margin-top:20px;
			margin-left:10px;
			width:140px;
			border:1px solid red;
			background-color:#FFCC66;
			padding:1px;
			padding-top:0px;
        }
.tencartgauche {position: relative;
				margin-top:-8px;
				margin-left:5px;
				background-image: url("http://ns31195.ovh.net/~centrees/images/tgauche.gif");
				background-repeat:no-repeat;
				text-align:center;
				height:20px;
				width:130px;
				padding-top:1px;
				z-index:4;
				}

.fondtabl {
			color:#FF3300;
			font-size:20px;}
