/* CSS Document */
/* On définit les marges haute et basse à 30px et les marges droite et gauche à 0 */
/* On met le padding à 0 pour le navigateur Opera qui définit des padding par défaut pour le body */
/* On utilise text-align: center ; pour Internet Explorer, 
c'est la seule façon de centrer les éléments de type block avec ce navigateur */

body {
	margin: 30px 0 ;
	padding: 0 ;
	text-align: center ;
	font-size: 0.8em; 
	font-family:"Trebuchet MS", helvetica, sans-serif ;
	background: #fff;
}
/* On définit la largeur de la division qui contient l'ensemble de la page à 770 pixels */
/* margin: 0 auto ; est la méthode correcte pour centrer les éléments de type
 block (comme les divisions), nous centrons donc cette division */
/* Il faut rétablir l'alignement à gauche que nous avons changé plus haut */ 
div#conteneur {
	width: 770px ;
	margin: 0 auto ;
	text-align: left ;
	border: 2px solid #ccc;
	background: #fff ;
}
h1#header {
	height: 70px ;
	margin-left: 20px;
	margin-bottom: 20px;
	background: url(images/b3e.gif) no-repeat left top;
}
div#contenu {
	padding: 0 20px 0 100px ;
	height:auto;
}
.plus {
	font-size: 1.1em;	
}
.plusb {
	font-size: 1.1em;
	font-weight: bold;	
}

div#intro {
	background-color: #fff;
	border-top: solid 1px #399;
	border-bottom: solid 1px #399;
	padding: 0px 0px 15px 0px;
}

a span { /* définition de la balise <span> incluse dans <a> */
	display: none;

}
a:hover span { /* définition de la balise <span> au survol */
display: inline;
position: absolute;
top: 140px;  /*positions et dimensions du calque, que vous pouvez changer à loisir */
left: 380px;
width: 400px;
height:58px;
text-align: center;
color: #f03 ;
padding-top:60px;
margin-left:60px;
font-size: 1.3em;
font-family: "Trebuchet MS", helvetica, sans-serif ;
}
/*IMAGES ----*/
a img {
	border: none;
}

div#contenu h2 {
	line-height: 25px ;
	font-size: 1.4em ;
	/*color: #999 ;*/
	color: #000 ;
	border-bottom: 1px solid #999 ;
}
.red {
	color: #f03 ;
}
.redb {
	color: #f03 ;
	font-weight: bold;
}


div#contenu h4 {
	line-height: 1.1em ;
	font-size: 1.1em ;
	text-indent: 2em ;
	color: #666 ;
	/*color: #000 ;*/
}
.accent{
	font-weight: bold;

}
div#contenu p {
	text-align: justify ;
	margin-left: 20px;
	/*text-indent: 2em ;*/
	line-height: 1.2em ;
}

div#contenu a {
	color: #666 ;
	text-decoration: none;
}

div#contenu a:hover {
	color: #399;
}
p#footer {
	margin-top: 10px ;
	padding-right: 10px ;
	line-height: 30px ;
	text-align: right ;
	color: #666 ;
}
p#footer a {
	text-decoration: none;
	color: #000;
}

/* Mise en forme de la partie pied de page, rien d'extra-ordinaire*/ 

div#galerie {
	background-color: #fff;
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	padding: 0px 0px 0px 0px;
}
div#galerie ul#job {
	width:480px;
	padding: 0px 0px 0px 30px;
	margin: 0px auto 0px auto;
	list-style-type: none;
}
div#galerie ul#job li {
	display: inline;
}
div#galerie ul#job li img {
	 width: 110px;
	 height: 110px;
	 border: solid 4px #d7d7d7;
	 margin: 15px 15px 0px 0px;
}
div#galerie ul#job li img a{
	border: none;
}
   .blue {
 color: #339999 ;
 font-weight:bold;
   }