body {
	background-color: #fff;
	font-family: Verdana, "Trebuchet MS",Geneva,Arial,Helvetica,sans-serif;
	font-size: small;
	margin: 0.1em;
}

img {border-width: 0;}

hr {visibility: hidden;}

acronym {
	color: #989892;
	cursor: help;
}

blockquote,q{
	font-style: italic;
	color: #989892;
	background-color:transparent;
}

.spacer {
 	clear: both;
}

:focus{
	background-image: none;
	background-color:#666;
	color:#fff;
}

/***********************************************************************/
#page {
	color: black;
	background-color: #fff;
	/*------------------------------------------------------*/
	/* INDISPENSABLE POUR IE6 (au moins)!!!
	/*------------------------------------------------------*/
	 border: 1px solid #fff; /* INDISPENSABLE POUR IE!!! */
	/*------------------------------------------------------*/
}



/***********************************************************************/
/* 								BANNIERE DU HAUT                            */
/***********************************************************************/

#header {
	/*background-image: url(../images/banner/banner04.jpg);
	background-repeat: repeat-y;
	background-position: left;*/
	background-color: #26468e;
	height: 7.7em;
	margin-right: 5px;
}

#header h1 {
	font-weight: bold;
	color: white;
	margin: 0;
	padding: 0.5em 0 0 143px;
        font-size:1.8em;
}
#header p {
	color: white;
	margin: 0;
	padding: 3em 0 0 143px;
}

#logo {
	/*background-color: #26468e;*/
	position: absolute;
	left: 0.6em;
	left: 8px;
	top: 0.4em;
	top: 6px;
}

#logo a {
	color: #fff;
}

#photoPage {
	position: absolute;
	right: 0.5em;
	right: 7px;
	top: 0.2em;
	top: 3px;
	
}



/***********************************************************************/
/*                          CONENU CENTRAL                             */
/***********************************************************************/
#contenu {
	margin:0.5em 0.4em 1em 143px; /*à ras 135px */
}

#texte {
border: 1px solid silver; /*solid #69c;*/
background-color: #eaeef2;
text-align:justify;
padding:1em;
color: #222;
width: 96.5%;
}

#texte  strong {
color: #26468e;
}


#texte h2 {
	color: #26468e;
	border: 1px solid #26468e;
	border-width: 0 0 1px 0;
	font-size:1.4em;
}

#texte h3 {
color:#2D5C8A;
margin-bottom:0.5em;
font-size:1.1em;
}



/*#texte p {
	text-indent: 1em;
}*/

/* -lien--------*/
#texte p a {
color: #369; /*#989892;*/
text-decoration: underline;
}
#texte p a:link {
color: #369; /*#989892;*/
text-decoration: underline;
}

#texte p a:visited {
	color: #a69; /*#989892;*/
	text-decoration: underline;
}
#texte p a:hover {text-decoration: none;}

/* -societe--------*/
#texte p span.ste, #texte p span.ste a{
	color: #f90;
	font-style:italic;	
}

/* -groupe--------*/
#texte p span.grp, #texte p span.grp a{
	color: #f90;
	font-style:italic;
}

/* -termes "officiel"--------*/
#texte p span.officiel, #texte p span.officiel a{
	font-style:italic;
	color:#989892;
}
/* -référence--------*/
#texte span.ref{
  font-weight: bold;
  color: rgb(40, 171, 255);
}
/* -cadre--------*/
#texte .encart{
  background-color: rgb(204, 191, 202); 
  border: dotted 1px; 
  padding: 4px; 
  margin:6px 2px 6px 2px;
  font-family: "Trebuchet MS";
  font-size: 0.9em;
}

#texte .encart-a-droite{
  background-color: rgb(204, 191, 202); 
  border: dotted 1px; 
  padding: 4px; 
  margin: 0px 0px 4px 10px;
  font-family: "Trebuchet MS";
  float: right;
  width: 160px;
  text-align: left;
  
}

#texte .encart-a-gauche{
  background-color: rgb(204, 191, 202); 
  border: dotted 1px; 
  padding: 4px; 
  margin: 0px 10px 4px 0px;
  font-family: "Trebuchet MS";
  float: left;
  width: 160px;
  text-align: left;
  
}

/* -colonne--------*/
#texte .image-a-droite{
 float:right;
 margin:0 0 10px 10px;
}

#texte .image-a-gauche{
 float:left;
 margin:0 10px 10px 0;
}

#texte .deux-colonnes{
  float:left;
  width:48%;
  text-align:left;
  padding-right:10px
}

#texte .puces-en-ligne{
 background-color: rgb(204, 191, 202); 
  border: dotted 1px; 
  padding: 4px; 
  margin:6px 2px 6px 2px;
  font-family: "Trebuchet MS";
	}
	
#texte .puces-en-ligne li{

	display: inline;
    padding: 0 2px 0 0; 
    margin-right:20px;
	}



/*---------------------- liste cv---------------*/
#texte .cv{
	list-style: square;
}
#texte .cv{
	/* ou alors */
	/*list-style: none;*/
	/*padding: 0;*/
	/*margin: 1em;*/
}

/*
#texte .cv{
color:#000;
background-color:#f8f8f8;
margin:0 30em 0 0.5em;
margin:0 0em 0 0.5em;
padding:0 1em;
border:1px solid #69c;

}

#texte .cv li{
font-size:100%;
border-bottom:1px solid #69c;
list-style:none;
color:#369;
}

#texte .cv li.dernier{
border-bottom:0;
}

#texte .cv strong{
color:#690;
}
*/	

/*----------------------- les tableaux--------------------*/
#texte table {
	border: 1px inset silver; /*#4b73cf;*/
	text-align: left;
	margin-bottom: 2em;	
	width: 100%;
}
#texte th {
	background-color: #26468e;
	color: #fff;
	text-align: center;
	border: 1px outset silver; /*#4b73cf;*/
	padding: 0.5em;
}
#texte td {
	border: 1px outset silver; /*#4b73cf;*/
	padding: 0.5em;
}

#texte .fond-clair{
	background-color: #fff;
}

#texte .fond-sombre{
	background-color: #eaeef2;
}

#texte tr	{
	padding:0;
}

#texte li {padding-top:6px;
}



#texte table ul {
	padding-left: 15px;
}


/***********************************************************************/
/*                    LES MENUS                                        */
/***********************************************************************/
#menusverticaux {
	border-bottom: 1px solid #26468e; /* border-bottom de la meme couleur que le fond: ruse pour mozilla qui n'affiche pas le margin-botton du dernier domaine si y a pas de border ou un border à 0 */
	background-color: #26468e;
	width: 135px;
	overflow: visible;
	position: absolute;
	top: 7.8em;
}
#menusverticaux a {
	text-decoration: none;
}
	
	
	
/*------------------------------------------------------------*/
/*                       MENU LANGUES                        */
/*------------------------------------------------------------*/
#langchooser {
	color: #fff;
	padding: 5px 0;
	margin: 0 0.3em;
	text-align: center;
}

#langchooser img {
	vertical-align: middle; /* ie 6 */
	/* vertical-align: -10%;   /* mozilla */
}

#langchooser ul.inlinemenu {
	margin: 0;
	padding: 0;
}
#langchooser li.inlinefirst {
	display: inline;
	padding-left: 0px;
	padding-right: 4px;
}
#langchooser li.inline {
	display: inline;
	padding-left: 9px;
	padding-right: 4px;
}

#langchooser li.inlinelast {
	display: inline;
	padding-left: 9px;
	padding-right: 0px;
}






/*------------------------------------------------------------*/
/*                       MENU ACTIVITES, DOMAINES, REF        */
/*------------------------------------------------------------*/

#activites, #domaines, #references {
	margin: 0.7em 0.3em 1em 0.3em;
	background-color: #fff;
	border: 1px solid #667;
	border-width: 1px 1px 0 1px;
	width: 125px;
}

#activites h2, #domaines h2, #references h2 {
	margin:0;
	cursor: default;
}

#activites h2, #domaines h2, #references h2,
#activites h2 a, #domaines h2 a, #references h2 a  {
	/*display:block; */
	padding-left: 0.4em;
	border-bottom: 3px solid #667;
	font-family: "Trebuchet MS";
	font-weight: 700;
	font-size: 9pt;
	text-transform: uppercase;	
	color: #26468e;
}

#activites h2:first-letter,
#domaines h2:first-letter, 
#references h2:first-letter,
#activites h2 a:first-letter, 
#domaines h2 a:first-letter, 
#references h2 a:first-letter{ 
	color: #aab;
}

#activites h2 a:hover,
#domaines h2 a:hover,
#references h2 a:hover {
	color: #aab;
	border-bottom: 3px solid #26468e; 
	background-color: #ddddde;
}

#activites h2 a:hover:first-letter,
#domaines h2 a:hover:first-letter,
#references h2 a:hover:first-letter{
	color: #26468e;
}

#activites ul, #domaines ul, #references ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 125px; /* Width of Menu Items */
	/*border-bottom: 0px solid green;*/
	}

#activites ul li, #domaines ul li, #references ul li {
	position: relative;
	}

#activites ul li ul,
#domaines ul li ul,
#references ul li ul {
	position: absolute;
	left: 125px; /* Set 1px less than menu width */
	top: 0;
	visibility: hidden;
	}

/* Styles for Menu Items */
#activites ul li a,
#domaines ul li a,
#references ul li a {
	display: block;
	text-decoration: none;
	color: #26468e;
	font-size: 11px;
	background: #fff; /* IE6 Bug */
	padding: 1px 0;
	padding-left: 1em;
	border: 1px solid #667;
	border-width: 0px 0px 1px 0;
	/*border-bottom: 0;*/
	}

#activites ul li ul,
#domaines ul li ul,
#references ul li ul {
	border: 1px solid #667;
	border-width: 0 0 1px 0;	
}

#activites ul li ul li a,
#domaines ul li ul li a,
#references ul li ul li a {
	border: 1px solid #667;
	border-bottom: 0;	
}

/* Fix IE. Hide from IE Mac \*/
* html #activites ul li {float: left; height: 1%;}
* html #domaines ul li {float: left; height: 1%;}
* html #references ul li {float: left; height: 1%;}
* html #activites ul li a {height: 1%;}
* html #domaines ul li a {height: 1%;}
* html #references ul li a {height: 1%;}
/* End */

#activites ul li a:hover,
#domaines ul li a:hover,
#references ul li a:hover { 
	color: #f90;
	background: #f1f1f1;
}

#activites li ul li a:hover,
#domaines li ul li a:hover,
#references li ul li a:hover {
	background: #f1f1f1;
}

#activites li ul li a,
#domaines li ul li a,
#references li ul li a {
	padding: 2px 5px;
}

/* The magic */
#activites li:hover ul, #activites li.over ul,
#domaines li:hover ul, #domaines li.over ul,
#references li:hover ul, #references li.over ul {
	visibility: visible;
} 





/*------------------------------------------------------------*/
/*                       MENU GENERAL                         */
/*------------------------------------------------------------*/
#general {
	margin: 2.7em 0.3em 1em 0.3em;
}
#general .noLink {
	cursor: default;	
}

#general ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 127px; /* Width of Menu Items */
	border-bottom: 1px solid #d6e1ec;
	}

#general ul li {
	position: relative;
	}

#general ul li ul {
	position: absolute;
	left: 126px; /* Set 1px less than menu width */
	top: 0;
	visibility: hidden;
	}

/* Styles for Menu Items */
#general ul li a {
	display: block;
	text-decoration: none;
	color: #26468e;
	font-size: 11px;
	background: #fff; /* IE6 Bug */
	padding: 1px 0;
	padding-left: 1em;
	border: 1px solid #d6e1ec;
	border-bottom: 0;
	}

/* Fix IE. Hide from IE Mac \*/
* html #general ul li { float: left; height: 1%; }
* html #general ul li a { height: 1%; }
/* End */

#general ul li a:hover { 
	color: #f90;
	background: #f1f1f1;
} /* Hover Styles */

#general li ul li a:hover {background: #f1f1f1;} /* Hover Styles */
#general li ul li a { padding: 2px 5px; } /* Sub Menu Styles */

#general li:hover ul, #general li.over ul { visibility: visible; } /* The magic */


/*------------------------------------------------------------*/
/*                       MENU PIED DE PAGE                    */
/*------------------------------------------------------------*/
#footer {
	color: #036;
	border: 1px solid silver;
	margin: 0% 0.4em 1.8% 143px;
	padding:0 0.5em 0em 0.5em;
}

#footer ul {
	padding-left:0;
	list-style: none;
	border:1px;
}

#footer li {
	border-right:1px solid #036;
	display:inline;
	margin:0 0.5em 0 0;
	padding:0 0.5em 0 0;
}

#footer li.dernier{
	border:0;
}

#footer a {
	color: #667;
}

#footer a:hover{
	background-color: #e6edf7;
	color: #132348; /* #111f40 #369*/
}

/*------------------------------------------------------------*/
/*                       FORMULAIRE                    */
/*------------------------------------------------------------*/