body {
/*scrollbar-face-color: 		#050D49;
scrollbar-shadow-color: 	#E8EAFD;
scrollbar-highlight-color:  #E8EAFD;
scrollbar-3dlight-color: 	#E8EAFD;
scrollbar-darkshadow-color:	#E8EAFD;
scrollbar-track-color: 		#E8EAFD;
scrollbar-arrow-color: 		#E8EAFD;*/
margin: 0;
padding: 0;
background-color: #DFDDE2;
}
#global {
position:absolute;
left: 50%;
top: 50%;
width: 780px;
height: 450px;
margin-top: -225px; /* moitié de la hauteur */
margin-left: -390px; /* moitié de la largeur */
border: 0px solid #333;
background-color: #eee;
}
td {
font-family:		verdana, helvetica, sans-serif;
font-size:		8pt;
color:			black;
font-weight:		normal;
}
.haut_index {
position: relative;
top: 0px;
left: 0px;
background-color: #FFFFFF;
height: 23px;
width: 780px;
}
.bandeau_index {
position: relative;
top: 0px;
left: 0px;
background-color: #FFFFFF;
height: 175px;
width: 780px;
}
.logo_index {
text-align: left;
vertical-align: top;
background-image: url("images2/logo.jpg");
width: 280px;
height: 175px;
}
.menu_index {
text-align: left;
vertical-align: top;
background-color: #FFFFFF;
position: relative;
top: 0px;
left: 0px;
height: 25px;
}
.navigation_index {
position: absolute;
margin: 0px;
padding: 0px;
float: left;
display: inline;
height: 25px;
}
.menu_activites{
float: left;
display: inline;
height: 25px;
}
.menu_conseils{
float: left;
display: inline;
height: 25px;
}
.menu_devis{
float: left;
display: inline;
height: 25px;
}
.menu_engagements{
float: left;
display: inline;
height: 25px;
}
.menu_methodes{
float: left;
display: inline;
height: 25px;
}
.liMenu {
display: list-item;
list-style-type: none;
list-style: upper-lower intside url("puce.gif");
margin: 1px; 
background-color: #FFFFFF; 
/**/padding-top: 1px; 
padding-left: 3px; 
padding-bottom: 1px; 
padding-right: 1px;
list-style-image: none;
}
.UlMenu {
display: list-item;
list-style-type: none;
list-style: upper-lower intside url("puce.gif");
margin: 0px;
}
#CalcActivites {
position: absolute; 
left: auto; 
top: auto; 
width: 116px; 
z-index: 10; 
visibility: hidden; 
background-color: #FED90A; 
padding-top: 1px; 
padding-left: 2px; 
padding-bottom: 1px; 
padding-right: 2px;
}
#CalcConseils {
position: absolute; 
left: auto; 
top: auto; 
width: 116px; 
z-index: 10; 
visibility: hidden; 
background-color: #FED90A; 
padding-top: 1px; 
padding-left: 2px; 
padding-bottom: 1px; 
padding-right: 2px;
}
#CalcDevis {
position: absolute; 
left: auto; 
top: auto; 
width: 116px; 
z-index: 10; 
visibility: hidden; 
background-color: #FED90A; 
padding-top: 1px; 
padding-left: 2px; 
padding-bottom: 1px; 
padding-right: 2px;
}
#CalcEngagements {
position: absolute; 
left: auto; 
top: auto; 
width: 116px; 
z-index: 10; 
visibility: hidden; 
background-color: #FED90A; 
padding-top: 1px; 
padding-left: 2px; 
padding-bottom: 1px; 
padding-right: 2px;
}
#CalcMethodes {
position: absolute; 
left: auto; 
top: auto; 
width: 116px; 
z-index: 10; 
visibility: hidden; 
background-color: #FED90A; 
padding-top: 1px; 
padding-left: 2px; 
padding-bottom: 1px; 
padding-right: 2px;
}
.basbanniere_index {
background-color: #959595; 
width: 500px;
height: 150px;
}
.milieu_index {
position: relative;
top: 0px;
left: 0px;
background-image: url("images2/milieu.jpg");
height: 226px;
width: 780px;
float: left;
}
.animation {
position: absolute;
top: 25px;
left: 10px;
margin: 0px;
padding: 0px;
width: 259px;
height: 188px;
z-index: 1;
}
.actus {
/**/position: relative;
top: 30px;
right: 10px;
width: 375px;
height: 172px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-top: 23px;
margin-top: 0px;
margin-left: 350px;
background-color: #FFFFFF;
z-index: 2;
border: 1px solid #000000;
}
.titreactus {
position: absolute;
width: 125px;
height: 27px;
top: -15px;
left: 15px;
padding-left: 15px;
padding-top:3px;
z-index: 3;
}
.invariants {
position: relative;
top: 0px;
left: 0px;
background-color: #FFFFFF;
border: 0px solid #00FF00;
width: 780px;
height: 26px;
float: left;
display: inline;
text-align: center;
padding-top: 2px;
z-index: 10;
}
/* page interne */
#global_interne {
position:absolute;
left: 50%;
top: 0px;
width: 780px;
margin-left: -390px; /* moitié de la largeur */
border: 0px solid #333;
background-color: #eee;
}
.basbanniere_interne{
background-color: #A0A0A0; 
width: 500px;
height: 150px;
}
.sous_banniere {
background-image: url("images2/sous_banniere.jpg");
height: 30px;
width: 780px;
}
.separation {
border: 0px solid #00FF00;
background-color: #FFFFFF;
width: 780px;
height: 6px;
}
.milieu_interne {
position: relative;
top: 0px;
left: 0px;
background-color: #FFFFFF;
height: 450px;
width: 780px;
}
.colonne_gauche {
position: relative;
top: 0px;
left: 0px;
background-color: #FFFFFF;
height: 100%;
width: 200px;
text-align: left;
vertical-align: top;
}
.haut_menu {
/*margin-top: 8px;
margin-left: 7px;
margin-bottom: -8px;
margin-right: 0px;*/
width: 181px;
height: 5px;
background-image: url("images2/haut_menu.jpg");
background-position: 0px 0px;
background-repeat: no-repeat;
}
.milieu_menu {
/*margin-left: 7px;
width: 181px;
height: 25px;*/
background-image: url("images2/milieu_menu.jpg");
background-position: 0px 0px;
background-repeat: repeat-y;
}
.bas_menu {
/*margin-left: 7px;
width: 181px;
height: 6px;*/
background-image: url("images2/bas_menu.jpg");
background-position: 0px 0px;
background-repeat: no-repeat;
}
.colonne_milieu {
height: 100%;
width: 1px;
background-color: #000000;
}
.colonne_droite {
background-color: #FFFFFF;
height: 100%;
width: 579px;
}
.table_contenu {
text-align: left;
vertical-align: top;
width: 579px;
height: 100%;
}
.barre_navigation {
position: relative;
top: 0px;
left: 0px;
width: 579px;
height: 20px;
padding-top: 1px;
text-align: right;
vertical-align: middle;
}
.td_contenu {
width: 579px;
height: 100%;
padding-top: 2px;
padding-left: 12px;
padding-bottom: 4px;
padding-right: 8px;
}
.invariants_interne {
position: relative;
top: 0px;
left: 0px;
border: 0px solid #00FF00;
width: 780px;
height: 26px;
float: left;
display: inline;
text-align: center;
padding-top: 2px;
background-image: url("images2/basdepage_interne.jpg");
z-index: 10;
}
a {
	font-family:		arial, helvetica, sans-serif;
	font-size:			8pt;
	color:				#0c538b;
	font-weight:		normal;
	text-decoration:	underline;
}
a:hover {
	color:				#000000;
}
.Champ {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			7pt;
	border:				1px solid #000000;
}
.Bouton {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			7pt;
	border:				1px solid #FFFFFF;
}
.FondTitre {
		font-family:		verdana, helvetica, sans-serif;
		font-size:		10pt;
		color:			white;
		font-weight:		normal;
		background-color :	#727FA9; 
		text-transform: 	uppercase; 
		letter-spacing: 2px
}
.TitreNoir {
		font-family:		Arial, Helvetica, sans-serif;
		font-size:		10pt;
		color:			#000000;
		letter-spacing: 	1px;
		font-weight:		bold;
		text-transform: uppercase;
		font-style: 	italic;
}
.LienListe {
		font-family: arial;
		font-size: 8pt;
		color: #1B1B1B;
		/*font-weight: none;
		text-decoration: none;*/
		}
.LienListe:hover {
		font-family:		arial;
		color:			#472675;
		text-decoration:	underline;
		}
.LienListeMenu {
		font-family:		verdana, helvetica, sans-serif;
		font-size:		8pt;
		color:			#1B1B1B;
		font-weight:		none;
		text-decoration:	none;
		}
.LienListeMenu:hover {
		font-family:		verdana, helvetica, sans-serif;
		color:			#472675;
		text-decoration:	underline;
		}
.LienListeRub {
		font-family:		verdana, helvetica, sans-serif;
		font-size:		8pt;
		color:			#1B1B1B;
		font-weight:		none;
		text-decoration:	none;
}
.LienListeRub:hover {
		font-family:	verdana, helvetica, sans-serif;
		color:			#472675;
}
.LienListeRubOK {
		font-family:		verdana, helvetica, sans-serif;
		font-size:		8pt;
		color:			#472675;
		font-weight:		none;
		text-decoration:	none;
}
.LienListeOK:hover {
		font-family:		verdana, helvetica, sans-serif;
		font-size:		8pt;
		color:			#472675;
		font-weight:		none;
		text-decoration:	none;
}
.LienActu {
	font-family:		Arial, helvetica, sans-serif;
	font-size:			8pt;
	color:				#1B1B1B;
	font-weight:		bold;
	letter-spacing: 	2px;
}
.LienActu:hover {
	font-family:		Arial, helvetica, sans-serif;
	font-size:		8pt;
	color:			#472675;
	text-decoration:	underline;
	letter-spacing: 	2px;
}
.TextActu {
	font-family:		Arial, helvetica, sans-serif;
	font-size:			8pt;
	color:				#003366;
	letter-spacing: 	1px;
}
.LienPiedsbleu {
	font-family:	Arial, helvetica, sans-serif;
	font-size:		8pt;
	color:			#000000;
	font-weight:		bold;
	text-decoration:	none;
	font-style: 	italic;
}
.LienPiedsbleu:hover {
	font-family:		Arial, helvetica, sans-serif;
	color:				#472675;
	text-decoration:	underline;
	font-style: 	italic;
}
.LienNavig {
	font-family:	Arial, helvetica, sans-serif;
	font-size:		8pt;
	color:			#000000;
	font-weight:		none;
	text-decoration:	none;
	font-style: 	none;
}
.LienNavig:hover {
	font-family:		Arial, helvetica, sans-serif;
	color:				#472675;
	text-decoration:	underline;
	font-style: 	none;
}
.LienPiedsnoir {
	font-family:	Arial, helvetica, sans-serif;
	font-size:		8pt;
	color:			#000000;
}
input {
		font-family:		verdana, helvetica, sans-serif;
		font-size:		8pt;
		color:			#333399;
		background-color:	#FFFFFC;
		border:			1 solid #55768F;
}
input.obligatoire {
		font-family:		verdana, helvetica, sans-serif;
		font-size:		8pt;
		color:			black;
		background-color:	#FFFFCC;
		border:			1 solid #333399;
}
textarea {
		font-family:		verdana, helvetica, sans-serif;
		font-size:		8pt;
		color:			#333399;
		background-color:	#FFFFFC;
		border:			1 solid #55768F;
}
