html {
height:100%; /* fixes the display height in Mozilla and Firefox */
/* Mozilla has problems when the body background is different to the html background */
	/*background-image:url(../images/bg_gauche200.jpg); background-repeat:repeat-y; background-position:top left;
	margin:0; padding:0;*/
}
body {
	font-size:10px; font-family: Arial, Helvetica, sans-serif; color:#000;
	margin:0; 
	padding:0;
}
a {
	font-size: 10px; color: #12378b; 
	text-decoration:none;
}
a:visited {
	color: #004780; 
}
a:hover {
	color: #000; 
	text-decoration:none; 
}
a:active, a#current {
	color:#000; 
}

h1 {
	font-family: Arial, Helvetica, sans-serif; font-size:15px; color: #404040; font-weight:bold; font-variant:small-caps;
	margin:0; padding:0;  padding-top:20px; |padding-top:19px; 
}
h2 {
	font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 15px; color: #404040; padding-top:20px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif  ; font-weight: bolder; font-size: 14px; color: #053ea8; 
	/*padding-left:10px; */
}
h4 {
	font-family: Arial, Helvetica, sans-serif  ; font-weight: bold; font-size: 11px; color: #404040; padding-top:12px;
	/*padding-left:10px; */
}
.grisfonce {
	font-family: Arial, Helvetica, sans-serif  ; font-weight: bold; font-size: 11px; color: #404040;
}
table {
	margin-top:10px;
}
.bleu {
	font-weight: normal; color:#12378b;
}
.grostexte {
	font-size:12px;
}
.grostexte a:hover {
	text-decoration:underline;
}
.bleuGras {
	font-weight: bold; color:#12378b; 
}
.grisGras {
	font-weight: bold; color: #999999; font-style: normal; 
}
.justif {
	text-align:justify;
}
#conteneur {
	width: 100%; height:auto;
	display:block;
	margin:0; 
	padding:0; 
	border: none; 
	background:none ;}

#top {
	height:0; display:none;
}
.topindex {
	display:none;}
.topgroupe {
	display:none;
} 
.topexpertises  {
	display:none;
}
.topimplant  {
	display:none;
}
#logo {
	float:left; width:187px; height:63px;
	margin:0; padding:0; border:none; 
	position:relative; left: 12px; top:89px;
} 
#logo img {border:none;}

.pucebleue {
	position:relative; left:20px;
	list-style-image: url(../images/pucebleue.gif)   ; 
	list-style-position: outside;
	margin-top: 6px; margin-bottom: 6px; padding-right:20px;
}
.p15 {
	padding-left:15px; padding-right:15px;
} 
.gauche {
	clear: both;
	float:left; position:relative; top:-20px; |top:4px; 
	width:100px; 
	margin:0; margin-bottom:40px;
	padding:0; padding-right:1px; 
	border:0;
}
.droiteindex {
	position:relative;
	float:right; 
	margin:0; /*margin-left:50px; essai infructueux pour IE7*/
	padding:0; padding-right:1px; /*padding-left:50px;essai infructueux pour IE7*/
	width:24.5%; |width:23%; /*nécessaire pour IE 7 seulement; /*26 : c'est pire sur IE7%*/
}
.droiteindex a:active, .droiteindex a:focus, .droiteindex a:hover, .droiteindex a:link, .droiteindex a:visited{
	color: #004780; font-size:12px;
}

.droite {
	position:relative;
	float:right; 
	margin:0; /*margin-left:50px; essai infructueux pour IE7*/
	padding:0; padding-right:5px; /*padding-left:50px;essai infructueux pour IE7*/
	width:24.5%; |width:23%; /*nécessaire pour IE 7 seulement; /*26 : c'est pire sur IE7%*/
}
.droite p {padding:0;}
.droite a:link, .droite a:visited {
	color:#646466; width:150px; display:block;  font-size:12px; font-weight:bold; 
	padding-left:5px; margin-top:-5px;
}
#menudroit {
	list-style-type:none; line-height:22px;
}
.centre {
	position:relative; top:0; left:0;
	top:-6px; 
	width:auto;
	margin:0; 	margin-left:100px; margin-right:28%; 
	padding:0; 
	text-align:justify;
}
.titrepage {
	position:relative; height:35px;
	font-size: 14px; font-weight:bold; color: #646466; padding-left:52px; 
	padding-top:15px; |padding-top:5px; line-height: 11px;
	width:148px; /* pour retour ligne dans FF */
}
.lieninactif {
	color: #bdbdbd; font-size:9px;
}
.petitgris {
	font-size:9px; color:#bdbdbd;
}
.titredroite {
	font-size:11px; color: #12378b; font-weight:bold; padding-top:14px;
	display:block; border-bottom: 1px solid #12378b;
}
.clear {
	clear:both;
}
.clearleft {
	clear:left;
}
#blocs {
	position:relative;
	margin:0; padding:0; margin-top:15px; 
	width:auto; height:124px;
	border: 1px dotted;
}
#blocs a:active, #blocs a:focus, #blocs a:hover, #blocs a:link, #blocs a:visited{
	color:#000;
}
#bloc1 {
	float:left; 
	position:relative; left:4px; 
	margin:0; padding:2px;margin-bottom:15px;
	width:120px;
	color:#000; text-align:left;
}
#bloc1 .titre {
	font-weight:bold; display:block; font-size:14px;
}
#bloc2 {
	float:left; 
	position:relative; left:4px;
	width:120px; 
	margin:0; padding:2px; padding-left:4px;
	color:#000; text-align:left;
}
#bloc2 .titre {
	font-weight:bold; display:block; font-size:12px;
}
#bloc3 {
	float:left; 
	position:relative; 0left:4px;
	width:120px; 
	margin:0; padding:2px; padding-left:4px;
	color:#000; text-align:left;
}
#bloc3 .titre {
	font-weight:bold; display:block; font-size:12px;
}
#pied {
	display:none;
}
.piedgauche {
	float:left; position:relative; 
	width:55%; left:52%;
}
.pieddroit {
	float:right; width:45%; position:relative; top:10px; right:10%;
	width:auto;text-align:right; 
}
.imagegauche {
float:left; margin:0; padding:0; padding-left: 0px; padding-right:5px; padding-bottom: 5px; border:0;
}
.consultant {
	 padding-top:15px; width:auto; height:180px; text-align:left;
}
#encadre {
	border:1px solid #053ea8; padding:5px;
}
.menu {
float:left; top:25px; left:0;
position:relative;
z-index:100;
font-size:90%;
height:100px; width:100px;
margin:0; padding:0;
}
.menu ul {
position: relative;
display:block;
margin:0; padding:0; 
list-style-type:none;
font-weight:bold;
width:100px;
}
.headquarter { clear:right; padding:0; margin:0; width:auto; height: auto; text-align:left;}