* {
  font-family: Arial, Helvetica, sans-serif;
  padding:0px;
  margin:0px;
  font-size:12px;
}

body { margin:0px; background-image:url(images/fond.gif); }
a{text-decoration:none; color:#000000;}


/* ------------- Conteneur -------------- */
div#conteneur{
  width:772px;
  /*margin: 0 auto;*/
  position:relative;
  left:50%;
  margin-left:-386px;

  background: #fff url(images/fond_container.jpg) repeat-y 0;
}

/* ---------------- Haut ---------------- */
div#haut { width: 772px; height: 88px; background: url(images/titre.jpg) no-repeat; z-index:1;}
div#haut div#logo a span { display:none; }
div#haut div#logo { position:absolute; top:0px; left:35px; }
div#haut div#logo a { display:block; background: url(images/logo.jpg) no-repeat; width:153px; height:78px;}
div#haut h1 { font-size:24px; line-height:55px; text-indent:255px;}

/* ------------- Menu Haut -------------- */
div#menu_haut {  position:absolute; margin-left:250px; top:64px;}
div#menu_haut ul{ list-style-type:none;}

div#menu_haut li { float:left; margin-right:15px;}
div#menu_haut li a{
  text-align:center;
  line-height:18px;
  font-weight:bold;
  font-size:13px;
  background:url(images/btn_haut.gif) no-repeat;
  width:96px;
  height:18px;
  display:block;
}
div#menu_haut li a:hover{
  background-image:url(images/btn_haut_hover.gif);
}
div#menu_haut li.selected a, div#menu_haut li.selected a:hover { 
  background-image:url(images/btn_haut_selected.gif);
}

/* ---------- */

div#menu_haut li#localisation { position:relative; top:-4px; }
div#menu_haut li#localisation a{
  text-indent:25px;
  line-height:25px;
  font-weight:bold;
  font-size:13px;
  background:url(images/btn_localisation.gif) no-repeat;
  width:124px;
  height:26px;
  display:block;
}
div#menu_haut li#localisation a:hover{
  background-image:url(images/btn_localisation_hover.gif);
}
div#menu_haut li#localisation.selected a, div#menu_haut li#localisation.selected a:hover { 
  background-image:url(images/btn_localisation_selected.gif);
}


/* ---------------- Menu ---------------- */ 
div#menu { padding:0px; position:relative; left:15px;  margin-bottom:3px;}
div#menu ul{ padding:0px; background:#DBE4FF url(images/menu_centre.jpg) repeat-y; width:200px;}
div#menu li {list-style-type:none; }
div#menu li a { 
	margin-left:7px;
	line-height:40px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	background:url(images/menu_btn.jpg) no-repeat;
	width:183px; height:40px;
	display:block;
	margin-bottom:1px;
}
div#menu li a:hover{ background-image:url(images/menu_btn_hover.jpg); }

div#menu li.selected a, div#menu li.selected a:hover { background-image:url(images/menu_btn_selected.jpg); }
div#menu li.selected li a { background-image:url(images/menu_btn_petit.jpg); }
div#menu li.selected li a:hover { background-image:url(images/menu_btn_petit_hover.jpg); }

div#menu ul ul li a {
  line-height:25px;
  text-align:center;
  font-size:16px;
  font-weight:normal;
  background:url(images/menu_btn_petit.jpg) no-repeat;
  width:183px; height:25px;
  display:block;
  margin-bottom:1px;
}
div#menu ul ul li a:hover{ background-image:url(images/menu_btn_petit_hover.jpg); }

/* ---------- */

div#menu li#contact a { 
	margin-left:7px;
	line-height:40px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	background:url(images/menu_contact.jpg) no-repeat;
	width:183px; height:40px;
	display:block;
	margin-bottom:1px;
}
div#menu li#contact a:hover{ background-image:url(images/menu_contact_hover.jpg); }

div#menu li#contact.selected a, div#menu li#contact.selected a:hover { background-image:url(images/menu_contact_selected.jpg); }

/* ---------- */

div#menu li#informations a{ font-size:15px; }

div#menu li#accueil{
  background:url(images/menu_haut.jpg) no-repeat 0 top;
  padding-top:25px;
  padding-left:0px !important; padding-left:7px; 
  }

div#menu li#travaux_stagiaires{
  background:url(images/menu_bas.jpg) no-repeat 0 bottom;
  height:47px;
}

div#menu li#contact{ 
  background-color:#DBE4FF;
  padding-top:10px;
  height:47px;
  padding-left:20px;
}
 
/* ---------------- ci ---------------- */ 
div#ci h2 { background:url(images/page_haut.jpg) no-repeat; height:49px; width:534px; display:block; text-align:center; line-height:49px; text-indent:0px; font-size:20px; margin-bottom:20px; }
div#ci { float:left; background:url(images/page_centre.jpg) repeat-y 0; position:relative; left:220px; top:-488px; margin-bottom:-481px; width:534px; }
div#ci div#page_bas{ clear:both; background:url(images/page_bas.jpg) no-repeat; width:534px; height:17px; display:block; margin-bottom:0px; }
/* ---------- */
div#ci h3 {color:#274B93; font-size:16px; margin:10px; margin-left:15px; margin-top:30px; font-weight:bold;}
div#ci a h3 { border:0px; text-decoration:underline; }
div#ci a:hover h3 { text-decoration:none; }
div#ci h4 { margin-left:30px; }
div#ci p { text-align:justify;  margin:15px; margin-left:20px; margin-bottom:10px; margin-top:5px;}
div#ci a { font-weight:bold; text-decoration:underline; }
div#ci a:hover { text-decoration:none; }
div#ci strong.italic { margin-left:50px; font-weight:normal; font-style:italic;}
div#ci ul { margin-left:40px; margin-top:10px; margin-bottom:5px; }
div#ci li { list-style:square; text-align:justify; margin-bottom:2px; margin-right:10px; margin-bottom:4px; }
div#ci img { border:1px solid #000000; margin:15px; margin-top:0px; margin-bottom:10px; }
div#ci .droite { float:right; margin-left:15px; }
div#ci .gauche { float:left; margin-right:15px; }
div#ci label { width:110px; float:left; margin-left:30px;  font-weight:bold; }
div#ci input, div#ci select, div#ci textarea { margin-bottom:3px; border:1px solid #7893C8; }
div#ci p.cocher label { float:none; display:block; width:200px; }
div#ci table { margin:5px; margin-left:120px; }
div#ci p.cocher input { border:0px; margin-left:20px; }
div#ci p.bouton { margin-left:180px; }
div#ci p.bouton input { padding:2px; margin-right:10px; background-color:#BFCFDF; font-weight:bold; }
div#ci td { margin-bottom:-5px; }
div#ci form p { margin-bottom:4px; }
div#ci div.en_construction { margin-left:200px; width:129px; height:130px; display:block; background:url(images/panneau_chantier.gif) no-repeat;  }
div#ci div.formation img { float:right; }

div#ci div.galerie { margin-left:18px;}
div#ci div.galerie img { margin:0px; padding:0px; border:2px solid#819AD2; }
div#ci div.galerie a { background:url(./images/diapo.jpg) no-repeat; width:150px; margin:8px; height:150px; display:block; float:left; }
div#ci div.galerie img.horiz {position:relative; left:6px; top:30px; width:135px; height:90px;}
div#ci div.galerie img.verti {position:relative; top:6px; left:30px; height:135px; width:90px;}
div#ci div#plan { text-align:center; }
div#ci div#plan img{ border:0px; margin:0px;}

/* ---------------- Bas ----------------- */ 
div#bas {
  display:block;
  clear:both;
  width:772px;
  height:32px;
  margin-bottom:-18px;
  background:url(images/bas.jpg) no-repeat;
}

div#bas div#adresse { color:#FFFFFF; line-height:22px; text-indent:14px;}

div#bas div#webmaster, div#bas div#webmaster a { font-size:10px; color:#000000; }
div#bas div#webmaster { position:relative; bottom:2px; left:15px;  }
div#bas div#webmaster a:hover { color:#FFFFFF; }

div#bas div#xhtml { float:right; position:relative; top:-21px; right:48px; }
div#bas div#css   { float:right; position:relative; top:-21px; right:43px; }
div#bas div#xhtml img, div#bas div#css img { border:0px; }