body				/* style.css est la feuille de style de index.html - pour l'affichage à l'écran */
{
	padding : 0; 
	margin : 0; 
	height: 100%;
	margin-left: auto;
	margin-right: auto;
/*	background:#57cef0; */
/*	background:#27aebc; */
	background: url("background_grad.png") repeat; 
	font-family: Arial, "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-size: 0.95em;
}
a {
	text-decoration: none;  /* text-decoration: underline;  */
	font-weight: bold;
	color: #375eae;
}
a img
{
	border: none;   /* permet d'oter les bordures sur les images de validation XHTML et CSS en pied_de_page  */
}
a:hover {
	text-decoration: underline;
	font-weight: bold;
	color: #c82d26;
}
#body2
{
	width: 950px;
	height:100%; 
	margin-left: auto;
	margin-right: auto;
	background-color: #e2f2f2; 
}
#en_tete
{
	background:#375eae; 
	border-bottom: 5px solid #375eae; 
	height: 90px;
	padding-top: 1px;
	/* -moz-border-radius:5px;   ---> fonctionnalité non CSS, fonctionne avec Firefox mais pas avec IE */
}
#en_tete p {
	font-size: 38px;
	font-weight: bold;
	color: #ffffff;
	margin: 0px;
	padding: 0px;
	margin-top: 15px;
	margin-left: 10px;
}	
#en_tete a {
	color: #ffffff;
/*	float: left;  */ 
}	
#en_tete a:hover {
	text-decoration: none; 
	color: #ffffff;
}	
#en_tete h1
{
	color: #ffffff;
	text-align: left;
	font-size: 0.7em;
	margin: 0px;
	padding: 0px;
	margin-left: 10px;
}
#en_tete h2, #en_tete h3
{
	text-indent: -5000px;  /* pour ne pas afficher le texte, et n'avoir que la ligne en couleur */
}
#menu_left
{
	padding: 0px 5px 0px 0px;
	float: left; 
	height:100%; 
	width: 22%;
	background-color: #e2f2f2;
	font-size: 0.90em;
}
#menu_right
{	-moz-border-radius:5px;  /* Pour Gekko(Firefox):  */
	-webkit-border-radius: 5px;  /*  Pour webkit (Safari,Chrome ou Chromium):  */
    -khtml-border-radius: 5px;  /* Pour Konqueror:  */
    border-radius: 5px;   /* En W3C (seulement Opera pour l’instant):  */
	padding: 5px;
	margin: 5px;
	float: right; 
	width: 18%;
	background-color: #fff;
	font-size: 0.90em;
	border: 3px solid #c82d26; 
}
.element_menu
{
	margin-top: 0px;
	padding-left:10px;
	font-size: 1em;
	font-weight: normal;
	text-align: left;
	/* -moz-border-radius: 0px 0px 15px 0px;  ---> fonctionnalité non CSS, fonctionne avec Firefox mais pas avec IE*/
}
.element_menu h3 
{
	margin: 0px;
	margin-top: 10px;
	padding: 0px;
	padding-left: 5px;
	color: #3f3f31;
	font-size: 1.0em;
	font-weight: bold; 
/*	font-variant: small-caps; */
	text-decoration: underline;
}
#menu_left ul 
{
	list-style-type: none;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 0.85em;
}
#menu_right ul 
{
	list-style-type: none;
	padding: 0px;
	padding-left: 0px;
	padding-right: 5px;
	font-size: 0.80em;
}
#menu_right h3
{
	padding: 0px;
}
.element_menu li 
{
	padding-top: 7px;
	padding-bottom: 7px;
	border-bottom: 1px dashed #006699;
}
.element_menu p
{
	padding: 5px;
	padding-left: 5px;
	padding-bottom: 8px;
	margin: 5px 0px 5px 0px;
	font-size: 0.85em;
	color: #1c1c1c;
}
#google_translate_element
{
	margin-top: 10px;
	background-color: #c5beb3; 
	padding: 8px;
	padding-bottom: 8px;
}
#corps
{
	background-color: #fff;
	height:100%; 
	overflow:hidden;
}
#corps2
{
	padding: 15px;
	text-align: justify;
	font-size: 0.8em;
	font-weight: normal;
	background-color: #fff;
	height:100%; 
	width: 73%;
	float: left; 
}
#corps h1
{
	color: #375eae;
	font-size: 1.3em;
	margin: 0px;
}
#corps h2
{
	color: #c82d26;
	text-align: left;
	font-size: 1.0em;
}
#corps h3
{
	font-size: 1.2em;
}
/* #corps2 li, #corps2 p
{
	list-style-image: url("images/OrangeArrow.gif"); 
} */
.logo
{
	margin-left: 10px; /*  permet de décaler les logos/photos situés dans le menu de gauche, de 10 pixels vers la droite - SPAN CLASS=LOGO -  */
}
.logiciels123
{
	padding: 1px 2px 1px;
	background: #e3eff9;
	border: 1px solid #CFE0EE;
	margin-top: 15px;
	text-align: left;
}
.logiciels123 h2
{
	color: #ff9801;
	text-align: left;
	font-size: 1.0em;
	margin-left: 8px;
}
.logiciels123 ul 
{
	padding-left: 5%; 
	padding-right: 5%;
	margin-left: 2px;
	list-style-type: none;
	list-style-image: none;
}
#logiciels1 
{
	float: left;
	margin: 0 0 15px 0;
	margin-bottom: 60px;
	width: 31%;
}
#logiciels2 
{
	float: left; 
	margin-left: 2%; 
	margin-right: 0; 
	margin-bottom: 60px;
	width: 35%;
}
#logiciels3 
{
	float: right; 
	margin-left: 2%; 
	margin-right: 0; 
	margin-bottom: 60px;
	width: 30%;
}
#logiciels1 li, #logiciels2 li, #logiciels3 li
{
	list-style-image: none;
	border-top: 1px solid #CFE0EE;
}
#pied_de_page
{
	clear:both;
}
#pied_de_page p
{
	background:#375eae;
	font-family: Arial,Helvetica,Sans-Serif;
	color: white;
	font-weight: bold;
	text-align: right;
	margin: 0px;
	padding-top: 4px;
	padding-right: 15px;
	font-size: 0.8em;
	height: 20px;
}