body {
	height: 100% ;
	margin: 12px 0 ;
	padding: 0 ;
	text-align: center ;
	font: 0.8em arial, "Trebuchet MS", helvetica, sans-serif ;
	background: url('images/logiciel_ar.jpg') left top repeat ;
}

img {
	border-width: 0 ;
	border-style: none ;
}

div#conteneur {
	position: relative ;
	min-height: 100% ;
	width: 980px ;
	margin: 0 auto ;
	text-align: left ;
	padding: 0px ;
	background: white ;
}

div#conteneur h1 {
	font-size: 0.6em ;
	visibility: hidden ;
	display: none ;
}


/* --------------------- Présentation de l'entête des pages --------------- */
#header {
	position: relative ;
	height: 220px ;
	padding-top: 0px ;
	margin-bottom: 0 ;
	background: url('images/Onglet_base.jpg') no-repeat left top ;
	}

#slogan {
	float: right ;
	width: 650px ;
	height: 40px ;
	padding-top: 8px ;
}

#slogan p {
	text-align: right ;
	margin-right: 20px ;
	font-size: 14pt ;
	font-weight: bold ;
	font-style: italic ;
	color: #534e4b ;
}

#slogan2 {
	position: absolute ;
	top : 130px ;
	left: 60px ;
	width: 480px ;
	height: 90px ;
	padding-top: 0 ;
}

#slogan2 h2 {
	text-align: left ;
	margin: 0 0 5px 0;
	font-size: 12pt ;
	font-weight: bold ;
	color: #007d9d ;
}

#slogan2 p {
	text-align: left ;
	margin: 0 0 0 25px ;
	font-size: 10pt ;
	font-weight: bold ;
	color: #534e4b ;
}

#img_header {
	position: absolute ;
	width: 250px ;
	top: 60px ;
	left: 530px ;
	text-align: right ;
}

#Pub_H {
	position: absolute ;
	width: 190px ;
	height: 160px ;
	top: 65px ;
	left: 780px ;
	text-align: center ;
}

/* --------------------- Présentation du contenu général des pages --------------- */
div#contenu {
	position: relative ;
	top: 10px ;
	width: 980px ;
	padding: 0 ;
	margin-bottom: 0 ;
	min-height: 100% ;
	overflow: auto ;
	background: url('images/FondContenu.jpg') repeat left top ;
}

/* --------------------- Présentation de la colonne de gauche --------------- */
div#ColonneG {
	float: left ;
	width: 190px ;
	margin-left: 10px ;
	padding: 0 ;
}

div#ColonneG p {
	text-align: justify ;
	font-size: 0.9em ;
	margin: 0 5px 0 5px ;
}

div#ColonneG h2 {
	font-size: 1.2em ;
	text-align: center ;
	color: #00549b ;
	padding-bottom: 0px ;
	margin: 5px 0 5px 0 ;
}


/* --------------------- Présentation de la colonne du centre --------------- */
div#ColonneC {
	margin-left: 205px ;
	margin-right: 201px ;
	padding: 10px ;
	border-left: solid 1px #c3ccd5 ;
}
	
#ColonneC h2 {
	font-size: 1.2em ;
	text-align: left ;
	color: #00549b ;
}

#ColonneC p {
	font-size: 0.9em ;
	margin: 0 15px 10px 15px ;
	text-align: justify ;
}

/* --------------------- Présentation de la colonne de droite --------------- */
div#ColonneD {
	float: right ;
	width: 190px ;
	padding: 0 ;
	margin-right: 10px ;
}

div#ColDroiteH{
	position: relative ;
	top: 0 ;
	margin: -1px ;
	width: 192px ;
	height: 20px ;
	background: url('images/ColDroite_haut.jpg') no-repeat left top ;
}

div#ColDroiteB{
	height: 20px ;
	margin-left: 779px ;
	margin-top: -10px ;
	background: url('images/ColDroite_bas.jpg') no-repeat left top ;
}

div#ColonneD p {
	padding: 0px ;
	margin-top: 0px ;
	margin-left: 10px ;
	padding-right: 10px ;
}

/* --------------------- Présentation du pied de page --------------------- */
div#footer {
	position: relative ;
	margin: 0 ;
	width: 100% ;	
	height: 20px ;
	text-align: right ;
	z-index: 70 ;
	font-size: 0.8em ;
	color: #00399d ;
}	

div#footer p {
	margin-right: 10px ;
}

/* --------------------- Objets spécifiques --------------------- */
#EcranAqua1 span {
	display: none;
}

#EcranAqua1:hover span {
	display: inline;
	position : absolute ;
	right: 90px ;
	width: 605px ;
	height: 466px ;
	text-align: center ;
	background: url('images/EcranAquaG.jpg') no-repeat ;
	z-index: 200 ;
}

#EcranAqua2 span {
	display: none;
}

#EcranAqua2:hover span {
	display: inline;
	position : absolute ;
	right: 90px ;
	width: 605px ;
	height: 466px ;
	text-align: center ;
	background: url('images/EcranLivraisonG.jpg') no-repeat ;
	z-index: 200 ;
}

#EtiqAqua span {
	display: none;
}

#EtiqAqua:hover span {
	display: inline;
	position : absolute ;
	right: 0px ;
	top: 10px ;
	width: 398px ;
	height: 528px ;
	text-align: center ;
	background: url('images/EtiquettePalette.jpg') no-repeat left top;
	z-index: 200 ;
}

#EtiqResid span {
	display: none;
}

#EtiqResid:hover span {
	display: inline;
	position : absolute ;
	width: 500px ;
	height: 200px ;
	left: 220px ;
	text-align: center ;
	background: url('images/EtiquettePlateau1.png') no-repeat left top;
	z-index: 200 ;
}

/* --------------------- Gestion des class --------------------- */
.logi_G {
	font-weight: bold ;
	color: #00549b ;
}

.bulle {
	width: 20px ;
	height: 12px ;
	background: url('images/DJABleu.gif') no-repeat ;
	float: left ; 
	margin: 0 ;
}

.bullePetite {
	width: 20px ;
	height: 8px ;
	background: url('images/DJABleuPetit.gif') no-repeat ;
	float: left ; 
	margin-left: 30px;
	margin-top: 3px ;
}

.glossaire {
	list-style-position: inside ;
	list-style-image: url('images/DJABleuPetit.gif') ;
}

.glossaire a {
	text-decoration: none ;
	font-weight: bold ;
	color: #00549b ;
}

.itemglo {
	margin-bottom: 5px ;
	list-style-image: url('images/DJABleuPetit.gif') ;
}

.itemglo a {
	font-weight: normal ;
	color: #00549b ;
}

.detailsite {
	display:none ; 
	margin-left: 20px ;
}

.EtiqInfo{
	font-size: 0.8em ;
	color: #00549b ;
	font-weight: bold ;
}

.champT {
	background: white ;
	width: 160px ;
	
}