/* CSS Document */
html,body{
  background-image:url(interface/back.gif);
  background-attachment:fixed
  background-color:#CED2C6;
  width:860px;
  height:100%;
  overflow-y:auto;
  padding:0;
  margin:auto;
}


#body{
  width:100%;
  height:auto;
  margin:auto;
  padding:0px;
  font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
  font-size:10px;
  font-style:normal;
  color:#333333;
}


img{
  margin:0;
  padding:0;
  border:none 0px;
}

.right{
  margin:0 0 0 100px;
}
/* ------------------------ SIDEBAR --------------------------- */
#sidebar{
  position:fixed;
  background-image:url(interface/ciel.jpg);
  background-repeat:no-repeat;
  background-color:#aae0fc;
  width:210px;
  height:100%;
}
body>#sidebar { position:fixed; }

#navigation{
	  margin:240px 0 0 10px;
	  padding:0 0 10px 0;
	  width:200px;
	  height:auto;
	  min-height:640px;
	  color:#FFFFFF;
	  font:bold 12px Verdana, Arial, Helvetica, Geneva, sans-serif;
	  text-align:justify;
}
	
	
div.menu a{
  margin:0;
  padding:0;
  font:bold 11px Verdana, Arial, Helvetica, Geneva, sans-serif;
  color:#000;
  text-decoration:none;
}
div.menu a:hover{ text-decoration:underline; cursor:pointer;}

div.smenu a{
  margin:0;
  padding:0;
  font:bold 10px Verdana, Arial, Helvetica, Geneva, sans-serif;
  color:#000;
  text-decoration:none;
}
	
div.smenu a:hover{ text-decoration:underline; cursor:pointer;}

div.smenu{
  margin:0 0 0 10px;
  text-decoration:none;
  font:bold 10px Verdana, Arial, Helvetica, Geneva, sans-serif;
  color:#000;
}
	
td.smenu{
  padding:0 0 0 11px;
  background:url(interface/puce_m.gif) no-repeat 0 50%;
}

/* ---------------------- CONTENEUR --------------------------- */
#main_conteneur{
  width:auto;
  height:100%;
  overflow:auto;
  padding:0;
  margin:0 0 0 220px;
}
body>#main_conteneur { overflow:inherit; }

#content{
  width:620px;
  height:auto;
  padding:0;
  margin:0;
}

/* ------------------- HEADER --------------------- */
#login{
  width:620px;
  height:210px;
  margin:0 0 7px 0;
  padding:0;
  background:url(interface/miquelon.jpg) no-repeat;
  font:normal 9px Verdana, Arial, Helvetica, Geneva, sans-serif;
  color:#323232;
}

				
/* ------------------------ LIENS ------------------------- */

a{
  font:normal 11px Verdana, Arial, Helvetica, Geneva, sans-serif;
  color:#4B7C00;
  text-decoration:underline;
  border:0px;
  margin:0px;
  padding:0px;
}

a:hover{
  font:normal 11px Verdana, Arial, Helvetica, Geneva, sans-serif;
  color:#4B7C00;
  text-decoration:none;
  border:0px;
  margin:0px;
  padding:0px;
}

/* -------------------- PAGE ------------------------ */
#page{
  width:620px;
  margin:8px 0 0 0;
  background:#FFFFFF;
}

#header_page{
  margin:0;
  padding:7px 0 0 0;
  width:620px;
  height:32px;
  list-style-type:none;
  background:url(interface/deb_p.gif) no-repeat;
}

#page_real{
  margin:0 30px 0 30px;
  padding:0 0 10px 0;
  width:560px;
  height:auto;
}

#lipsum{
  margin:0;
  padding:0 0 10px 0;
  width:480px;
  height:auto;
  min-height:640px;
  font:normal 14px Verdana, Arial, Helvetica, Geneva, sans-serif;
  color:#323232;
  text-align:justify;
}

	
	
#lipsum h1,#lipsum h3{
  font:bold 12px Verdana, Arial, Helvetica, Geneva, sans-serif;
  color:#323232;
  text-align:justify;
}
#lipsum p{
  margin:20px 0 10px 0;
  padding:0;
  font:normal 11px Verdana, Arial, Helvetica, Geneva, sans-serif;
  color:#000000;
}
#lipsum p a{
  margin:0;
  padding:0;
  font:normal 11px Verdana, Arial, Helvetica, Geneva, sans-serif;
  color:#4B7C00;
  text-decoration:none;
}
#lipsum p a:hover{ text-decoration:underline; }

#lipsum div.infos_importante{
  margin:50px 0 0 0;
  padding:30px 0 0 10px;
  width:480px;
  background:url(interface/back_news.gif) no-repeat;
}	 
#cold{
  float:right;
  width:auto;
  height:100%;
  margin:0;
  padding:0;
}

ul#inf{
  width:140px;
  height:120px;
  margin:0;
  padding:20px 0 0 10px;
  background:url(interface/back_inf.gif) no-repeat;
  font:normal 9px Verdana, Arial, Helvetica, Geneva, sans-serif;
  color:#323232;
  list-style-type:none;
}
ul#inf li a{
  margin:0;
  padding:0 0 0 10px;
  text-decoration:none;
  background:url(interface/puce.gif) no-repeat 0 50%;
  font:normal 9px Verdana, Arial, Helvetica, Geneva, sans-serif;
  color:#4B7C00;
}
ul#inf li a:hover{ text-decoration:underline; }


#ico{
  width:auto;
  height:auto;
  margin:-160px 0 160px 0;
  padding:0;
}
#ico img{ float:left; margin-left:559px; padding:0; }


/* -------------------- FOOTER ---------------------- */
ul#footer{
  margin:0;
  padding:0 0 0 1px;
  width:619px;
  height:18px;
  list-style-type:none;
  background:url(interface/back_footer.gif) #FF0000 repeat-y;
}

#footer a{ display:block; margin:0; padding:0; height:18px; }
#footer li{ display:inline; float:right; padding:0; margin:0; height:18px; }

#li_mention,#li_mention a,#li_mention a:hover{ margin:0; padding:0; height:18px; }
#li_map,#li_map a,#li_map a:hover{ margin:0; padding:0; height:18px;}
#li_top,#li_top a,#li_top a:hover{ margin:0; padding:0; }
#li_mention a{ width:285px; background:url(interface/mention.gif) no-repeat; height:18px; }
#li_mention a:hover{ width:285px; background: url(interface/mention_o.gif) no-repeat; height:18px; }
#li_map a{ width:94px; background:url(interface/map.gif) no-repeat; height:18px; }
#li_map a:hover{ width:94px; background: url(interface/map_o.gif) no-repeat; height:18px; }
#li_top a{ width:46px; padding:0; margin:0 0 0 193px; background:url(interface/top.gif) no-repeat; height:18px; }
#li_top a:hover{ width:46px; padding:0; margin:0 0 0 193px; background: url(interface/top_o.gif) no-repeat; height:18px; }




/* TEXTE ------------------------ */

#lipsum p{
  margin:20px 0 10px 0;
  padding:0;
  font:normal 11px Verdana, Arial, Helvetica, Geneva, sans-serif;
  color:#000000;
}
#lipsum div.infos_importante{
  margin:50px 0 0 0;
  padding:30px 0 0 10px;
  width:480px;
  background:url(interface/back_news.gif) no-repeat;
}
div.news_intranet{
  margin:50px 0 0 0;
  padding:30px 0 0 10px;
  width:380px;
  background:url(interface/back_news.gif) no-repeat;
}

span.txt_importante{
  margin:0;
  padding:0;
  font:normal 11px Verdana, Arial, Helvetica, Geneva, sans-serif;
  color:#DD0000;
  text-align:justify;
}
span.txt_importante a{
  margin:0;
  padding:0;
  font:normal 11px Verdana, Arial, Helvetica, Geneva, sans-serif;
  color:#4B7C00;
  text-decoration:none;
}
span.txt_importante a:hover{ text-decoration:underline; }
#lipsum div.infos_importante span.titre{
  margin:0 0 0 -10px;
  padding:0 0 0 11px;
  text-decoration:none;
  background:url(interface/puce.gif) no-repeat 0 50%;
  font:bold 11px Verdana, Arial, Helvetica, Geneva, sans-serif;
  color:#4B7C00;
}
#lipsum div.infos_importante hr{
  margin:10px 0 10px 0;
  padding:0;
  text-decoration:none;
  background:url(interface/puce.gif) no-repeat 0 50%;
  font:bold 11px Verdana, Arial, Helvetica, Geneva, sans-serif;
  color:#4B7C00;
}
p.separateur{
  background:transparent url(interface/multipage_fond.gif) repeat-x 0% 40%;
  height:4px;
  color:#b4b4b4;
}


/* ----- TOOLBAR ----- */
.toolbar_add{ display:block; width:400px; height:20px; }
.tb_b a,.tb_b a:hover{ display:block; width:auto; height:20px; float:left; margin-right:10px; }

/* -- FORMATAGE TEXTE -- */
code { background-color:#ADD0E6;}
pre {
	background-color:#ECEEE7;
	border: 1px dashed #000000;
	font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
    font-size:11px;
	font-style:normal;
	color:#962F01; 
	overflow:auto;
	height:200px;
	width:450px;
}

pre code{
	background-color:#FDE8DA;
}

tt { font-style: italic;}
kbd { background-color:#FDE8DA; }
var { background-color:#ADD0E6; }

dt { font-weight: bold; margin-top:1em;}


blockquote {
	background-color:#FDEFE0;
	border: 1px dotted #000000;
	padding: 5px;
	font-style: italic;
}

p{
font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size:11px;
font-style:normal;
color:#333333;
text-align:justify;
}