/* CSS Document */
html {	 margin:0; padding:0; height:100%; margin:0; padding:0; }
body {	font-size:11px; font-family: Arial, Helvetica, sans-serif; color:#404040; 	margin:0; padding:0; 
}

a {
	font-size: 11px; color: #12378b; 
	text-decoration:none;
}
a:visited {
	color: #004780; 
}
a:hover {
	color: #000; 
	text-decoration:none; 
}
a:active, a#current {
	color:#000; 
}

h1 {
	font-size:15px; color: #404040; font-weight:bold; font-variant:small-caps;
	margin:0; padding:0;  padding-top:23px; |padding-top:8px; text-align:left;
}
h2 {
	font-weight: bold; font-size: 15px; color: #404040; padding-top:20px;
}
h3 {
	font-weight: bolder; font-size: 13px; color: #053ea8; 
	margin-top:-10px; margin-bottom:0px;
}
h4 {
	font-weight: bold; font-size: 11px; color: #404040; 
}
h5 {/* titre publications, orange-crotte */
	font-weight: bolder; font-size: 13px; color: #c88400; 
	margin:0px; padding-top:8px; padding-bottom:0; margin-bottom:-7px;
}
ul {
	text-align:left; margin-left:15px;
}
.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;
}
.bleuclair {color:#50a0c9;}
.grostexte {
	font-size:12px;
}
.grostexte a:hover {
	text-decoration:underline;
}
.quatorze {font-size:14px;}
.bleuGras {
	font-weight: bold; color:#12378b;
}
.grisGras {
	font-weight: bold; color: #999999; font-style: normal; 
}
.justif {
	text-align:justify;
}
#conteneur {
	width: 100%; height:100%; |height:870px;
	display:block;
	margin:0; 
	padding:0; 
	border: none; 
	background:url(../images/Point-Trame.jpg); background-position:73%;  background-repeat:repeat-y;
	}
#top {
	width:100%; 
	height:200px;
	background: white;
}
#top object {
	position: absolute; top: 0; left: 0px; z-index:1;
}
#top select { z-index:10;}

#logo {
	float:left; width:248px; height:45px;
	margin:0; padding:0; border:none; 
	position:relative; left: 26px; top:85px;
} 
#logo img {border:none;}

.pucebleue {
	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;
}

select {
	float:right; position:relative; top: 50px; right:0;
	font-size:9px; color: #000066;
	margin:0; padding:0; 
} 
.gauche {
	clear: both;
	float:left; position:relative; top:-20px; |top:4px; 
	width:/*auto*/200px; 
	min-height:530px; /*|height:500px;*/
	margin:0; margin-bottom:40px; |margin-bottom:0;
	padding:0; padding-right:1px; 
	border:0;
}
.titrepage {
	position:relative; height:35px;
	font-size: 14px; font-weight:bold; color: #dbdbdb; padding-left:52px; 
	padding-top:30px; |padding-top:5px; line-height: 11px;
	width:148px; /* pour retour ligne dans FF */
}
.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;
}
.droite a:focus, .droite a:hover {
	color:#fff; background-color: #053ea8;
}
.centre {
	top:-6px; |top:0;
	width:auto; height:auto; |height:630px;
	margin:0; 	margin-left:215px; margin-right:28%; 
	padding:0; 
	text-align:justify; 
	z-index:1;
}

.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;
}

#pied {
	clear:both;
	position:relative; top:100%x; 
	margin:0;  padding:0; padding-top:10px;
	width:100%; height:30px; z-index:1;
}
#pied a: {
	color:#50a0c9;
}
#pied a:hover {
	color:#50a0c9;
}
#pied a:visited {
	color:#50a0c9;
}
.piedgauche {
	float:left; position:relative; left:210px;
	width:60%;  z-index:1;
}
.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;
}
.contact {
	clear: right; 
	width:230px; height:auto;
	position:relative; top:-10px; 
	display:block;
}
.backtotop {
	text-align:right;
	margin-top:-15px;
	padding:0;
	color: #50a0c9;
}
.backtotop a, .backtotop a:visited, .backtotop a:hover{
	text-align:right;
	font-size: 9px; color: #50a0c9;
	text-decoration:none; background:none;
}
.date {margin-top:-15px;|margin-top:-20px; font-size:9px;}
.photo {
	padding:8px;
}
.surtitre {
	margin-bottom: -12px;
}
#carte { position:relative; float: right; margin:0; padding:0; width:340; height:264; }
.headquarter { padding-top:112px; height: 160px; text-align:left}
.blocs { text-align:left; font-size:16px; color:#fff;
 }
.blocs a:visited { font-size:16px; color:#fff;}
.blocs a:hover { font-size:16px; color:#184c8f;}
.adresse table { 
	margin:0; padding:0; width:100%; 
	text-align:left; vertical-align:top;}
.adresse td {text-align:left }	

.fauxh1 {
	font-size:15px; color:#404040; font-weight:bold;}
.servicelines { background-color:#99bf1a; padding-bottom:10px; color:#fff;}	
.titre_publi { font-size:24px; color: #ffce00;}
.blanc {color:#fff}
#place_cv {height:450px; width:98%; overflow:hidden; margin:0; padding:0;}
.cv {float:left; height:450px; margin:0; padding:0; padding-left:10px;}
.more, .more a, .more a:visited, .more a:hover {
	text-align:right; font-size:11px;
	margin:0; padding:0;
	padding:0;
	color: #50a0c9; background:#none;
}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout5.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
--- STYLES POUR LA PAGE RESEAU.HTML
=================================================================== */
.marque {
	float:left;  left:0;
	position:relative 0 0;
	z-index:100;
	font-size:90%;
	height:auto; width:100%;
	margin:0; padding:0;
}
/* remove all the bullets, borders and padding from the default list styling */
.marque ul {
	position: relative 0 0; white-space:nowrap;text-align:left;
	display:block;
	list-style-type:none; margin:0;  margin-top:20px; padding:0; margin-bottom:30px; |margin-bottom:0;
}
.marque img {border:none;}
.marque a { margin:0; padding:0; background-color:#50a0c9; text-decoration:none; /*pour FF*/}
.marque a:hover { font-weight:bold; color:#fff;}
.marque a:visited { color:#fff;}
.marque a:active, a#current { color:#fff; }

.marque li { height:auto; padding-left:0}
/* hack pour IE 5.5 */
* html .marque li {margin-left:-16px; margin-lef\t:0;}
/* get rid of the table */
.marque table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100;  width:0; height:0;}

/* style the links */
.marque a  {
display:block; 
text-decoration:none;
height:auto; line-height:auto;
padding-top:5px; padding-bottom:5px;
width:180px;
color: #fff;
padding-left:10px;
}

/* style the link hover */
* html .marque a:hover { font-weight:bold; color:#fff;}

.marque ul li a:hover { font-weight:bold; color:#fff;}
.marque :hover > a { font-weight:bold; color:#fff; }
.marque li a:active, .marque ul li#current {color:#fff; font-weight:bold; }
/* hide the sub levels and give them a positon absolute so that they take up no room */
.marque ul ul {
	visibility:hidden;
	position:absolute;
	/*top:265px;*/ left:410px;
	width:300px; 
	font-weight:normal;
	z-index:1000;
}
.haut1 {top:280px; |top: 295px;}
.haut2 {top:530px; |top: 560px;}
.haut3 {top:755px; |top: 800px;}
/* make the second level visible when hover on first level list OR link */
.marque ul li:hover ul li {
	background-color: #fff; color:#000; width:300px; height:auto;}
.marque ul ul li a {padding-left:15px; color:#000; z-index:1000;
	background-color:#fff; color:#000;}
.marque ul li:hover ul li a {padding-left:15px; |padding-left:0; |margin-left:-38px; color:#000;}
.marque ul li:hover ul,
.marque ul a:hover ul {
	visibility: visible; z-index:100;
	float:left; margin:0; margin-top:1px;|margin-top:-9px; padding:0;
	background-color: #fff; color: #000; font-weight:normal;
	z-index:1000;	width:300px;
}
.marque ul ul li a:hover { background-color: #fff; color:#000; }
.marque a:visited  { text-decoration:none; color: #fff; }
.schema {width:100%; }