/**********
texte bleu :    #355C83
texte orange :  #FD8B2B
texte gris :    #988c7c
**********/

body{
  margin:0;padding:0;
  background:#D0E0ED url(../img/back.gif) repeat-x;
  color:#355C83;
  font-family: "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, Helvetica, sans-serif,;
  font-size:62.5%;
  text-align:center;
}

/****** Lien par defaut *******/
a{color:#355C83;}
a:visited{color:#988c7c;}

/****** class communes *******/
.clear{clear:both;}

#page{
  width:750px;
  position:relative;
  margin:0 auto;
  border-top:20px solid #076BA7;
  background:#FFF url(../img/back_asf.gif) right top repeat-y;
  font-size:1.2em;
  text-align:left;
  border-bottom:8px solid #076BA7;
}

/******************************************************************************
Entete
******************************************************************************/

#entete{
  position:absolute;
  top:0;left:8px;
  width:544px;height:100px;
  background:#FFF url(../img/coin_rond.gif) no-repeat;
}

#entete h1{
  margin:0;padding:55px 0 0 40px;
  font-size:3.2em;
  font-weight:normal;
}
#entete h1 a,#entete h1 a:visited{
  text-decoration:none;
  color:#355C83;
}
#entete h1 a:hover{text-decoration:underline;}

#entete h1 span{
  display:block;
  color:#988c7c;
  font-size:0.4em;
}

#logo{
  margin:20px 20px 0 0;
  background:url(../img/logo.gif) no-repeat;
  width:156px;height:98px;
  float:right;
  display:inline;/* bug ie double marge droite */
}

#logo a{
  display:block;
  width:100%;height:100%;
}

/******************************************************************************
Corps du site
******************************************************************************/

/****** Contenu de gauche *******/
#contenu{
  width:544px;
  margin-left:8px;
  padding-top:160px;
  float:left;
  display:inline;
}

#contenu h2{
  font-size:1.8em;
  margin:0;padding:0 0 0 40px;
}

#contenu .nouvelle{
  border-top:1px solid #cde1ec;
  margin:20px 0 0;
  padding:5px 30px 0 50px;
}

#contenu .nouvelle .date{
  font-size:0.9em;
  padding:0 0 5px;
}
#contenu .nouvelle .categorie{font-size:0.9em;}
#contenu .nouvelle h3{
  color:#FD8B2B;
  font-size:1.5em;
}
#contenu .nouvelle h3 a{
  color:#FD8B2B;
  text-decoration:none;
  margin:0;padding:10px 0;
}
#contenu .nouvelle .commentaires{text-align:right;}
#contenu .nouvelle .categorie a,#contenu .nouvelle .commentaires a
{text-decoration:none;color:#355C83;}

/****** Liens dans la section nouvelle *******/
#contenu .nouvelle .categorie a:visited,
#contenu .nouvelle h3 a:visited,
#contenu .nouvelle .commentaires a:visited
{color:#988c7c;}

#contenu .nouvelle .categorie a:hover,
#contenu .nouvelle h3 a:hover,
#contenu .nouvelle .commentaires a:hover
{text-decoration:underline;}

/****** Commentaires *******/
#commentaires{ margin: 20px 30px 10px 50px;}

#commentaires h3{
  padding-top:20px;
  font-size:1.4em;
}


#commentaires .commentaire{
  background:#EAF1F7;
  margin:10px 10px 20px;
}
#commentaires .commentaire .txtcommentaire p{margin:0 0 10px;}

#commentaires .commentaire .txtcommentaire{ padding:10px 10px 0;}

#commentaires .commentaire .auteurDate{
  color:#FFF;
  background:#355C83;
  padding:3px 10px;
  text-align:right;
  font-size:0.9em;
}
#commentaires label{display:block;}

#commentaires p.moderated{font-size:0.9em;}


/****** Contenu du menu *******/
#menu{
  float:left;
  width:195px;
  padding:150px 0 20px;
}

#menu ul{
  margin:0;padding:10px 0 0 0px;
  list-style:none;
}

#description{
  color:#FFF;
  font-style:italic;
  font-weight:bold;
  padding:45px 5px 0 22px;
}

/*#categories, #billets, #archives{ padding:45px 10px 0 20px;}*/
#menu h2{
  color:#FFF;
  font-size:1.1em;
  margin:0 0 0;padding: 40px 10px 3px 20px;
  border-bottom:2px solid #fa912c;
}


#menu li{ padding:0 10px 5px 20px;}


#menu li a{color:#355C83;}
#menu li a:visited{color:#355C83;}

#categories h2{
	background:url(../img/nosprojets.gif) no-repeat;
	width:163px;height:31px;
	padding:0;
	margin:20px 0 0;
	border:none;
}

#categories ul{
	margin:0;padding:0;
}

#categories li{
	background:#4598C1 url(../img/fleche.gif) 175px -44px no-repeat;
  width:188px;
  padding:0;margin:0;
	border-bottom:1px solid #006AA5;
}
#categories li.premier{
	background:url(../img/topmenu.gif) no-repeat;
	width:188px;height:14px;
	line-height:1px;
	font-size:1px;
}
#categories li.dernier{
	background:url(../img/basmenu.gif) no-repeat;
	width:188px;height:13px;
	border:none;
  line-height:1px;
	font-size:1px;
}
#categories li a{
  color:#FFF;
	background:#4598C1 url(../img/fleche.gif) 175px 4px no-repeat;
	text-transform:uppercase;
	text-decoration:none;
  display:block;
	height:1%;
  padding:0 20px;
  line-height:20px;
}
#categories li a:visited{
	color:#FFF;
}

#categories li a:hover{
	color:#006AA5;
	background:#FFF url(../img/fleche.gif) 175px -40px no-repeat;
}

#categories ul li ul{margin:0 0 10px 0;padding:0 0 10px;}
#categories ul li ul li{
	background:#4598C1;
  width:188px;
  padding:0px;margin:0;
	border-bottom:none;
}


#categories ul li ul li a{
  color:#FFF;
	background:#4598C1;
	text-transform:none;
	text-decoration:none;
  display:block;
	height:1%;
  padding:0 20px 0 30px;
  line-height:16px;
}
#categories ul li ul li a:hover{
	color:#006AA5;
	background:none;
}

/***************+***************************************************************
Pied de page
******************************************************************************/
#pied{
  width:544px;
  margin:20px 0 0 8px;
  border-top:1px solid #cde1ec;
  background:#F1F6FA;
}

#droits{
  background:url(../img/logo_bas.gif) 0 7px no-repeat;
  line-height:3.8em;
  font-size:0.8em;
  padding: 0 20px 0 40px;
  margin-left:50px;
}

#joindre{
  float:right;
  display:inline;
  margin-right:30px;
  font-size:0.8em;
  line-height:3.8em;
}