/* standard elements */
* {
	margin: 0;
	padding: 0;
}
a {color:#C2A264 ;
text-decoration:none;}
a:hover {color: #9A6;}

body {
	background: #5F8000 url(img/bg.gif) repeat-y center top;
	color: #333;
	font: normal 62.5% "Lucida Sans Unicode",sans-serif;
}



input {
	color: #555;
	font: normal 1.1em "Lucida Sans Unicode",sans-serif;
}
p,code,ul {
	font-size: 1.2em;
	padding-bottom: 1.2em;
}

cite{
	font-size: 1.3em;
	padding-bottom: 1.3em;
}

q{
	font-size: 1em;
	padding-bottom: 1em;
}


ul {
margin-left: 2em;
margin-top:1em;
}
li {list-style-image: url(img/li.gif);
margin-top:1em;
}

h1 {font-size: 1.7em;}

h2 { text-decoration: underline ;
margin-top:1.4em; }

h3 {  
  text-align:left;
  font-size: 1.1em;

}

h1,h2,h3 {color: #826F4A;}


a.info {
  position:relative;
}
a.info:hover {
   background: none; 
   z-index: 500;

}
a.info span {display: none;}


a.info:hover span {
   display: inline; 
   position: absolute;
   white-space: nowrap;
   font-size:10px;
   font-weight:normal;
   width:200px;
   top:-50px;
   left:103px;
   background:white;
   border-color:white;
}




#ancresparcours {
list-style-type: none;
}


#ancresparcours a {
text-decoration:none;
text-align:left;

}


.body{

 text-align: justify;
 line-height: 1.5;  /* interlignage */
}












#contact {
display:block;
width:125px;

}

/* Page d'accueil site*/

#presentation {
  
 margin-top: 30px;
}

#bas {
  
Margin-top: 20px;
}




/* Page plan du site*/

#plan ul {


margin-bottom:2px;
}

#plan li {


font-size:12px;
}


#plan a {
text-decoration:none;

}














#entete {
text-align:center;
background:#C3D3E2;
width: 89.7%;
margin-left:36px;
}

#entete a {
font-size:1.2em;
display:inline;
text-decoration:none;
color:black;
margin: 0 5px 0;
}

#entete a:hover {
color:#E7C480;
text-decoration:underline;
  
}
 
/* LOGO W3C & CSS */
.logo1{
  position:fixed;
z-index: 200;
bottom: 5px;
left:5px;
border:none;
}

.logo1 a{
border:none;
bottom: 1px;
left:1px;
}
.logo2{
    position:fixed;
z-index: 200;
border:none;
bottom: 5px;
right:5px;
}

.logo2 a{
border:none;
bottom: 1px;
right:1px;
}


.clearer {clear: both;}



/* structure */
.container {
	background: url(img/bgcontainer.gif) repeat-y;
	margin: 0 auto;
	width: 702px;
}



/* Entete */


/* barre verte centrale et date */
.item {clear: both;}
.item .name {
	background: url(img/bgdate.gif) no-repeat;
        color: #FDD;
	float: left;
	height: 40px;
	text-align: center;
	width: 36px;

}
.item .name div {padding-top: 4px;}
.item .name span {font: normal 1.6em serif;}
.item .content {
	float: left;
	width: 420px;
}
.item h1 {
	background: #567300;
	color: #FFF;
	line-height: 40px;
	padding-left: 16px;
}
.item .body {padding: 12px 18px;}



/* main */
.main {float: left;}

/* navigation */
.navigation {
  text-align:center;
	float: left;
	margin-left: 1px;
	width: 208px;  
}	

.navigation h1 {
	background: #81AC00;
	color: #FFF;
	font-size: 1.3em;
	line-height: 40px;
	padding-left: 12px;
}
.navigation ul {margin: 0; padding: 0;}
.navigation li {
	border-bottom: 1px solid #D5E8AD;
	list-style: none;
}
.navigation li a {
	background: #E8F6BF url(img/bgnavigation.gif) repeat-x;	
	color: #553;
	display: block;
	padding: 6px 2px 6px 8px; /* 8px 4px 8px 12px */
	text-decoration: none;
}
.navigation li a:hover {
	background: #F0FFC6;
	color: #553;
}



/*Mise en page du formulaire*/

#form
{
width:100%;
text-align:right;
margin-top:5px;
margin-left:10px;
}

#form p{
 margin-top:5px;
 margin-bottom:5px;
}

#form label {
   display: inline;
   margin-left:10px;

   font-weight:bold;
   text-align: left;
}

#form textarea{
margin-left: 10px;
vertical-align: top;
}

#form input {
	margin-left: 10px;
	width: 150px;
	border: #CCC 1px solid;
        text-align:right;

}

#form input:hover {
	background-color: #81AC00;
}



/*Ancres haut de page */


.haut {
 font-weight:bold;
}


/*Parcours*/

.parcours {
 color:blue;
list-style-type: none;

}

#ancresparcours li {
list-style-image: url("img/puce.png");
margin-top: 1px;
}

.parc {
 font-size:  11px;
}



#ancresparcours a {
font-size: 13px;
font-weight:bold;
color:#654;




}






/* Pied de page */
.footer {
	background: url(img/bgfooter.gif) repeat-x;
	color: #FFF;
	font-size: 1.1em;
	line-height: 40px;
	margin: 0 auto;
	text-align: center;
	width: 624px;

}
.footer a {color: #FFF;}
.footer a:hover {color: #FAFCB0;}