/* CSS Document */

body {
	margin: 0;
	padding: 0;
	border:0px;
}

 
#global {
     margin-left: auto;
     margin-right: auto;
     width: 1000px; /* largeur obligatoire pour être centré */ 
	 height:640px;
	 border:0;
     }
/* --------------------------------------------------------------------- */	 
/* code utilisé dans la partie gauche (menus) des pages*/ 
/* --------------------------------------------------------------------- */	 
.bordg {
	float: left;
	width: 20%;
	height:490px;
	margin: 0;
	background-image: url(../images/bandeaugauchegroupe.jpg);
	background-repeat: no-repeat;
	border: 0px;
	font-size: 12px;
	font-weight: bold;

}	 

ul.liste2, ul.liste, ul.liste3, ul.liste4, ul.liste5, ul.liste6, .liste li, .liste a {padding:0px ; margin:0px} /*met à 0 les marges internes et externes de la liste et des liens */ 

.liste {width :13em ; /* largeur de la liste : environs 15 lettres majuscules - voir em */
list-style-type:none;
	font-size: 14px;
	font-weight: bold;
} /* suppression des boutons CSS devant les items de la liste */ 

.liste li a {border-left:1.5em solid gray ; /* crée un gros carré gris à gauche des liens non survolés */
/* couleur de fond des liens non survolés */
display:block; /* force le lien à prendre 100% de la largeur de la liste */ 
padding-left:0.5em ; /* insère un espace entre le texte du lien et le gros carré gris */
color:black ; /* la police des liens non survolés est noire */
text-decoration:none ; /* on suprime le soulignement des liens */
height:1.5em} /* hauteur de chaque ligne. N'est indispensable que pour IE 5.0 et 5.5 */ 

.liste li a:hover { /* style des liens lors du survol */
background-color:black ; /* le fond du lien passe au noir */
color:white ; /* le texte passe au blanc */
border-left-color:#0099FF} /* crée un gros carré rouge à gauche des liens survolés */



.liste2 {width :13em ; /* largeur de la liste : environs 15 lettres majuscules - voir em */
list-style-type:none;
	font-size: 14px;
	font-weight: bold;} /* suppression des boutons CSS devant les items de la liste */ 

.liste2 li a {border-left:1.5em solid gray ; /* crée un gros carré gris à gauche des liens non survolés */
 /* couleur de fond des liens non survolés */
display:block; /* force le lien à prendre 100% de la largeur de la liste */ 
padding-left:0.5em ; /* insère un espace entre le texte du lien et le gros carré gris */
color:black ; /* la police des liens non survolés est noire */
text-decoration:none ; /* on suprime le soulignement des liens */
height:1.5em} /* hauteur de chaque ligne. N'est indispensable que pour IE 5.0 et 5.5 */ 

.liste2 li a:hover { /* style des liens lors du survol */
background-color:black ; /* le fond du lien passe au noir */
color:white ; /* le texte passe au blanc */
border-left-color:blue} /* crée un gros carré rouge à gauche des liens survolés */


.liste3 {width :13em ; /* largeur de la liste : environs 15 lettres majuscules - voir em */
list-style-type:none;
	font-size: 14px;
	font-weight: bold;
	} /* suppression des boutons CSS devant les items de la liste */ 

.liste3 li a {border-left:1.5em solid gray ; /* crée un gros carré gris à gauche des liens non survolés */
 /* couleur de fond des liens non survolés */
display:block; /* force le lien à prendre 100% de la largeur de la liste */ 
padding-left:0.5em ; /* insère un espace entre le texte du lien et le gros carré gris */
color:black ; /* la police des liens non survolés est noire */
text-decoration:none ; /* on suprime le soulignement des liens */
height:1.5em} /* hauteur de chaque ligne. N'est indispensable que pour IE 5.0 et 5.5 */ 

.liste3 li a:hover { /* style des liens lors du survol */
background-color:black ; /* le fond du lien passe au noir */
color:white ; /* le texte passe au blanc */
border-left-color:#FFFF00} /* crée un gros carré rouge à gauche des liens survolés */



.liste4 {width :13em ; /* largeur de la liste : environs 15 lettres majuscules - voir em */
list-style-type:none;
	font-size: 14px;
	font-weight: bold;
	} /* suppression des boutons CSS devant les items de la liste */ 

.liste4 li a {border-left:1.5em solid gray ; /* crée un gros carré gris à gauche des liens non survolés */
/* couleur de fond des liens non survolés */
display:block; /* force le lien à prendre 100% de la largeur de la liste */ 
padding-left:0.5em ; /* insère un espace entre le texte du lien et le gros carré gris */
color:black ; /* la police des liens non survolés est noire */
text-decoration:none ; /* on suprime le soulignement des liens */
height:1.5em} /* hauteur de chaque ligne. N'est indispensable que pour IE 5.0 et 5.5 */ 

.liste4 li a:hover { /* style des liens lors du survol */
background-color:black ; /* le fond du lien passe au noir */
color:white ; /* le texte passe au blanc */
border-left-color:#00FF00} /* crée un gros carré rouge à gauche des liens survolés */



.liste5 {width :13em ; /* largeur de la liste : environs 15 lettres majuscules - voir em */
list-style-type:none;
	font-size: 14px;
	font-weight: bold;
	} /* suppression des boutons CSS devant les items de la liste */ 

.liste5 li a {border-left:1.5em solid gray ; /* crée un gros carré gris à gauche des liens non survolés */
 /* couleur de fond des liens non survolés */
display:block; /* force le lien à prendre 100% de la largeur de la liste */ 
padding-left:0.5em ; /* insère un espace entre le texte du lien et le gros carré gris */
color:black ; /* la police des liens non survolés est noire */
text-decoration:none ; /* on suprime le soulignement des liens */
height:1.5em} /* hauteur de chaque ligne. N'est indispensable que pour IE 5.0 et 5.5 */ 

.liste5 li a:hover { /* style des liens lors du survol */
background-color:black ; /* le fond du lien passe au noir */
color:white ; /* le texte passe au blanc */
border-left-color:#00FFFF} /* crée un gros carré rouge à gauche des liens survolés */

.liste6 {width :13em ; /* largeur de la liste : environs 15 lettres majuscules - voir em */
list-style-type:none;
	font-size: 14px;
	font-weight: bold;
	} /* suppression des boutons CSS devant les items de la liste */ 

.liste6 li a {border-left:1.5em solid gray ; /* crée un gros carré gris à gauche des liens non survolés */
 /* couleur de fond des liens non survolés */
display:block; /* force le lien à prendre 100% de la largeur de la liste */ 
padding-left:0.5em ; /* insère un espace entre le texte du lien et le gros carré gris */
color:black ; /* la police des liens non survolés est noire */
text-decoration:none ; /* on suprime le soulignement des liens */
height:1.5em} /* hauteur de chaque ligne. N'est indispensable que pour IE 5.0 et 5.5 */ 

.liste6 li a:hover { /* style des liens lors du survol */
background-color:black ; /* le fond du lien passe au noir */
color:white ; /* le texte passe au blanc */
border-left-color:#FF00FF} /* crée un gros carré rouge à gauche des liens survolés */

.menu {
width :15em ;
/* crée un gros carré gris à gauche des liens non survolés background-color:#CCD ;*/
border-left:0.5em solid #0099FF; /* crée un gros carré gris à gauche des liens non survolés */
display:block; /* force le lien à prendre 100% de la largeur de la liste */ 
color:black ; /* la police des liens non survolés est noire */
text-decoration:none ; /* on suprime le soulignement des liens */
height:1.5em
border-top-width: medium;
border-top-style: outset;
border-top-color: #0099FF;

}
.Style1 {
	color: #FFFFFF;
	font-weight: bolder;
	background-color:#0099FF;
}
/* --------------------------------------------------------------------- */	 
/* code utilisé dans la partie gauche (menus) des pages*/ 
/* --------------------------------------------------------------------- */	 

.bordd {
	float: left;
	width: 20%;
	height:490px;
	margin: 0;
	border: 0px;
	background-image: url(../images/bandeaudroitgroupe.jpg);
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}	

.Styletitre {
	color: #0099FF;
	font-weight: bold;
	border-top: thin;
	border-right: thin;
	border-bottom: thin inset #0099FF;
	border-left: thin inset #0099FF;
}
.Stylecontenu {color: #FFFFFF}



/* --------------------------------------------------------------------- */	 
/* code utilisé dans la partie centrale des pages*/ 	 
/* --------------------------------------------------------------------- */	 
.central {
	float: left;
	width: 60%; 
	height:490px;
	margin: 0;
	border: 0px;
	overflow: auto; /* pour barre de défilement */ 
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;

}	 
.CentreStyle1 {color: #6699FF}

.CentreStyle3 {
	color: #000099;
	font-size: 14px;
	font-weight: bold;
}
.CentreStylebleu {
color: #34ABF6
}