body {
font-family: Arial,sans-serif;
background-image: url(Agen/fond.jpg);
color: #000066;
line-height: 1.166;	
margin: 0px;
padding: 0px;
}

/* style du lien */
a.chemin:link {
text-decoration: underline;
color: #990000;
}
/* style du lien qui a déjà été visité */
a.chemin:visited {
text-decoration: underline;
color: #00ff00;
}
/* style du lien qui est survolé par la souris */
a.chemin:hover {
text-decoration:none;
color: #0000ff;
}
/* style du lien au moment où il est cliqué */
a.chemin:active {
text-decoration: underline;
color: #000000;
}
/* style du lien quand il reçoit le focus (avec la touche TAB par exemple) */
/* ne marche pas sur IE6 et IE7 */
a.chemin:focus {
text-decoration: underline;
color: #990000;
background-color: #cccccc;
}

h1 { font-size : 1.25em; margin : 0.50em 1em; text-align: center; color: #0000CC;}

h2 { font-size : 1.6em; margin : 0.50em 1em; text-align: center; color: #0033CC;}

h3 { font-size : 1.05em; margin : 1em 0;  font-family : "Trebuchet MS",Arial,Helvetica,sans-serif; color: #000099;}

h4 { font-size : 1.2em; margin : 1em 0;color: black; text-align: center; margin-left: 1em; margin-right: 1em;  }

h5 { font-size : 1em; margin : 1em 0;color: black; margin-left: 1em; margin-right: 1em; }

h6 { font-size : 0.85em; margin : 2.33em 0; color: black; margin-left: 1em; margin-right: 1em; font-style: italic;}

q  { font-style: italic;}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}


/*********************************************/
/* Partie de page                           */
/*******************************************/



#entete{
	padding: 10px 0px 0px 0px;
	border-bottom: 1px solid #cccccc;
	width: 100%;
}

#cotegauche{
	float: left;
	width: 20%;
	margin: 0;
	padding: 0;
	background-color: #eeeeee;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-image: url(Agen/fond22.jpg);
}

#cotedroit{
  	float: right;
	
	width: 26%;
	padding-right: 10px;
	background-image: url(Agen/fond22.jpg);
	text-align: justify;
	
}

#partiecentre{
float: left;	

	left: 10px;
 	width: 50%;
	padding: 10px ;
	background-image: url(Agen/fond11.jpg);
	text-align: justify;
}

#pagedeux{
	float: right;
 	width: 79%;
	margin-left: 1px;
	background-image: url(Agen/fond11.jpg)
}

#pagesolo{
	width: 100%;
	margin-left: 2px;
	padding: 2px;
	page-align: center;
	background-image: url(Agen/fond2.jpg)
}


#pied{
	clear: both;
	border: 1px solid #cccccc;
	font-size: 75%;
	color: #cccccc;
	padding: 1px ;
	text-align: center;	
	background-image: url(Agen/fond33.jpg)
}



/********************************************/
/* Comportements                           */
/******************************************/

#siteName{
	margin: 0;
	padding: 0 0 0 10px;
}


/************* #globalNav styles **************/

#globalNav{
padding: 0px 0px 5px 10px;
border-bottom: 1px solid #CCC;
color: #cccccc;
}

#globalNav img{
 display: block;
}

#globalNav a {
	font-size: 90%;
	padding: 0 4px 0 0;
}

/*************** #pageName styles **************/

#pageName{
	margin: 0px;
	padding: 0px 0px 0px 10px;
}



#mesliens{
	font-size: 80%;
	padding: 2px 0px 0 10px;
	text-align: center;
	font-style: italic;
}


/************** .feature styles ***************/

.feature{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
}

.feature h3{
	padding: 30px 0px 5px 0px;
	text-align: center;
}

.feature img{
	float: left;
	padding: 10px 10px 0px 0px;
}


/************** .filsaga styles ***************/

.filsaga{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
}

.filsaga h3{
	padding: 30px 0px 5px 0px;
	text-align: center;
}

.filsaga img{
	float: right;
	padding: 10px 10px 0px 0px;
}

/************** .story styles *****************/

.story{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;

}

.story p{
	padding: 0px 0px 10px 0px;

}



/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #sectionLinks styles ***********/

#sectionLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
}

#sectionLinks a {
	display: block;
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
}

#sectionLinks a:hover{
	background-color: #dddddd;
}


/*********** .relatedLinks styles ***********/

.relatedLinks{
	position: relative;
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 90%;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}

.relatedLinks a:link,
.relatedLinks a:visited {
	display: block; 
}

/************** #advert styles **************/

#advert{
	padding: 30px 0px 10px;
}

#advert img{
	display: block;
}


/************** #headlines styles **************/

#headlines{
	margin: 0px;
	padding: 10px 0px 20px 10px;
	font-size: 80%;
}

#headlines p{
	padding: 5px 0px 5px 0px;
}

hr{ 
  border: none;                         
  background-image: url(Agen/fil01.gif); 
  height: 4px;                          
  width: 95%;
}

li { list-style-image: url("Agen/pu1.gif");
}