html
{ 
height : 100% ; 
background-color : rgb(90,90,90) ;
}

body
{
font-family:arial;
font-size :0.9em;
position:relative;
margin:auto;
/*margin-top: 15px;*/
width: 949px;
height : 100% ;
min-height:711px;
}

#conteneur
{
position:relative;
left: 50%;
margin-left:-476px;
background-image: url("topdegrade_1024.jpg"); /* Le dégradé de fond */
background-repeat : repeat-x ;
height:auto !important;
height :100%;
min-height:100%;
background-color : white ;
width:949px;
border : 2px black solid ;
margin-bottom:-40px;
}

.fieldStyle 
{
background-color:white;
border:2px #CCCCCC groove;
}

#menu
{
	position:absolute;
	width: 100px;
	text-align: left;
	top:153px;
	left:33px;
	font-size:0.9em;
	line-height:1.5em;
}

#prog
{
	position:absolute;
	width: 100px;
	text-align: left;
	top:220px;
	left: 33px;
	font-size:0.9em;
	line-height:1.5em;
}

#pro
{
	position:absolute;
	width: 100px;
	text-align: left;
	top:290px;
	left: 33px;
	font-size:0.9em;
	line-height:1.5em;
}

#custacces
{
position:absolute;
width:130px;
left:17px;
text-align:left;
top:415px;
font-size:8pt;
color:white;
font-weight:bold;
line-height:8pt;
z-index:10000;
}

#pro a, #menu a, #prog a
{
	text-decoration: none;
	color: white;
	font-weight: bold ;
}

#pro a:hover, #menu a:hover, #prog a:hover
{
	font-style : italic ;
	color : rgb(163,12,22); 
	text-decoration : none ;
	border-bottom : 1px solid rgb(163,12,22) ;
}


#presentation
{
	position : absolute;
	height : 10px;
	width : 150px;
	left:50%;
	margin-left:-476px;
	overflow:hidden;
	top: 0px;
}

#corps
{
	position : relative;
	width : 747px;
	left : 50%;
	margin-left : -297px;
	background-color : white;
	border:1px solid black;
	padding-left: 5px;
	text-align: justify;
	padding-right: 5px;
	padding-bottom : 10px;
	margin-bottom:50px;
	margin-top:-630px;
}

.droits
{
position:relative;
text-align:center;
font-size:0.8em;
color : rgb(128,128,128) ;
}

#footer 
{
	position:relative;
	text-align:center;
	height: 20px;
	width: 100%;
}

#footer p 
{  
	margin: 0; 
	font-size : 0.8em ;
}

#footer a 
{
text-decoration: none;
color : rgb(85,75,220);
}

#footer a:hover 
{
text-decoration: none;
color : rgb(80,80,80);
border-bottom : 1px solid red ;
}

#strong {
font-size:10px;
text-align : center;
font-weight:bold;
} 

.bleu_g
{
color : rgb(85,75,220);
}

.plus a
{
text-decoration: none;
color: rgb(85,75,220);
font-weight: bold ;
}

.plus  a:hover
{
color: rgb(80,80,80);
text-decoration : none ;
border-bottom : 1px solid red ;
}

.liensplans a
{
color: rgb(85,75,220);
font-weight: bold ;
}

.liensplans a:hover
{
color: rgb(80,80,80);
text-decoration : none ;
border-bottom : 1px solid red ;
}

.legal
{
font-size:0.8em;
}

.legal a
{
text-decoration: none;
color:rgb(128,128,128);
font-style : italic;
}

.legal a:hover
{
color: orange; 
text-decoration : underline ;
}


#corps_texte
{
margin : 15px;
font-size :0.8em;
}

.titre_1
{
font-size:1.4em;
}

.titre_2
{
font-size:1.2em;
}

.titre_3
{
font-size:1.1em;
text-decoration:underline;
}

.fond
{
background-color:#D0D0D0;
margin-top:5px;
margin-bottom:-5px;
}

.centre
{
position:relative;
text-align:center;
}

.alert
{
color:red;
font-weight:bold;
}

.small
{
font-size:0.8em;
}

.exposant
{
vertical-align:top;
}

.tableau
{
font-size:0.9em;
border-collapse:collapse;
/*border: 1px solid black;*/
}

.tableau td
{
padding:3px;
/*border: 1px solid black;*/
}

.tableau th
{
font-weight:bold;
background-color:#ABC0DD;
padding:3px;
border: 1px solid black;
}

.fondfonce
{
background-color:#ABDECD;
}

.fondclair
{
background-color:#ABDEDD;
}

.bleuGMB
{
background-color:#014A7F;
}

.rougeGMB
{
background-color:rgb(163,12,22);
}

.dispo
{
background-color:rgb(200,255,200);
}

.vendu
{
background-color:rgb(209,148,128);
text-decoration:line-through;
}

.option
{
background-color:rgb(120,148,255);
}