body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
width: 1024px;
/*margin:20px 20px 20px 20px;
padding: 20px 20px 20px 20px;*/
/*Padding est une zone, appel e aussi "marge interne" ou "intervalle", qui correspond   la premi re possibilit  d'entourer le "contenu".*/
/*background: yellow;*/
background-image: url('images/autrepage.jpg');
background-repeat: repeat;
background-position:  center;
position : absolute;
}
.required {
color : red;
font-weight : bold;
font-size : 1.2em;
}
#menu_saisie {
position: absolute; 
top: 40px;
left: 0px;
width: 960px;
height: 320px;
font-style: italic;
font-family: Times New Roman;
font-size: 12px;
text-align: center;
color: rgb(0,0,128);
}
#liste_sorties {
position: absolute; 
top: 570px;
left: 515px;
width: 445px;
font-style: italic;
font-family: Times New Roman;
font-size: 8px;
text-align: center;
color: rgb(0,0,128);
}
#liste_groupe {
position: absolute; 
top: 570px;
left: 0px;
width: 500px;
font-style: italic;
font-family: Times New Roman;
font-size: 8px;
text-align: center;
color: rgb(0,0,128);
}
table {
border-width:1px; 
border-style:solid; 
border-color:#669900;
color : blue;
}
td { 
border-width:1px;
border-style:solid; 
border-color:#669900;
text-align: center;
text-indent: 2px;
vertical-align: middle;
}
.gras {
font-weight: bold;
font-size: 20px;
color: rgb(0,0,128);
}
.sanstrait {
border-width:0px; 
border-style:hidden; 
}
#banniere {
top: 0px;
left: 0px;
height: 70px;
background-image: url('images/autrepage.jpg');
background-repeat: repeat;
background-position:  center;
}
	#logobreizh {
	position: absolute; /* placement du menu*/
	top: 0px;
	left: 0px; 
	text-align: center;
	width: 154px;
	}
	#logoplaintel {
	position: absolute; 
	top: 0px;
	left: 870px;
	text-align: center;
	width: 144px;/* l'ascenseur prend au moins 10px*/
	}
	#titre {
	position: absolute;
	top: 8px;
	left: 154px;
	width: 717px;
	background-image: url('images/bandeau.jpg');
	font-style: italic;
	font-family: Times New Roman;
	font-size: 50px;
	text-align: center;
	color: rgb(255,255,51);
	}
#cadre {
position: absolute; 
top: 200px;
left: 154px;
height: 10px;
width: 500px;
background-image: url('images/trait.jpg');
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
/*La propri t  de feuille de style css list-style-type permet de sp cifier le type de la liste, si la liste est ordonn e ou si la liste est non ordonn e (  puce).*/
list-style-type: none;
}
#menu, #contact {
position: absolute; /* placement du menu,   modifier selon vos besoins */
top: 100px;
left:10px;
/*background-image: url('images/autrepage.jpg');*/
/*background-color:yellow;*/
width: 200px;
font-family: Times New Roman;
font-size: 16pt; 
font-weight: bold;
}
#contact {
top: 131px;
}
	#menu dt, #contact dt {
	cursor: pointer;
	margin: 0px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-weight: bold;
	border: 4px solid green;
	color: rgb(0,0,128);
	/*background: #ccc;*/
	}
		#menu dd, #contact dd {
		margin-left: 100px;
		width: 250px;
		background-image: url('images/autrepage.jpg');
		/*margin: 12px 0;*/
		text-align: center;
		font-family: Times New Roman;
		font-size: 12pt; 
		border: 2px solid gray;
		color: rgb(0,0,128);
		}
			#menu li, #contact li {
			cursor: pointer;
			text-align: left;
			padding-left: 10px;
			/*border: 1px solid red;*/
			background: #edf9f3;
			}
			#menu li a, #menu dt a, #contact li a, #contact dt a {
			color: rgb(0,0,128);
			text-decoration: none;
			display: block;
			border: 0px none;
			height: 100%
			}
			#menu li a:hover, #menu dt a:hover, #contact li a:hover, #contact dt a:hover {
			/*background: #eee;*/
			}
#texte {
background-color:#edf9f3;
font-family: Times New Roman;
font-size: 8pt; 
font-weight: bold;
text-align: center;
color: rgb(0,0,128);
}
#affiche {
position:absolute;
top:0px;
left:0px;
}
#xy {
position:absolute;
top:150px;
left:0px;
}
.sanstrait {
border-width:0px; 
border-style:hidden; 
font-size: 12px;
color: rgb(0,0,0);
}
.bouton {
font-size: 9px;
}