body { 
  	margin: 0px;
		font-family: Verdana, Tahoma, Arial, Helvetica, Sans-serif, sans-serif;
  	font-size: small;
  	font-weight: normal;
		font-style: normal;
    background-image: none;
		color: #225588 ;
		/*background-color: #f0f0dd;*/
		background-color: #eee;
	}

img { border: 1px solid #aaaaaa;vertical-align:top;}
a { text-decoration: none; color: inherit ; border-radius:inherit; }
a:hover { text-decoration: underline}
a:link img {  border-color: #aaaaaa;}
a:hover img { border-color: #ffffff;}

h1, .titre1 { 
	font-size: 120%;
	font-weight: bold;
}

.corps_centre, .bannerlogo {
		margin-left: auto;    
		margin-right: auto; 
		width: 820px;
		padding:4px;
	  border-radius:5px;
}
.banner { 
	background-color: #336799 ;
	vertical-align: middle ;
	text-align: left ;
	height: 50px;
}
.bannerlogo { 
	background-image: url(bandeaupb.jpg); 
	background-repeat: no-repeat ;
	height: 45px;
}
.footer {
	background-color: #333333;
	color: #F0F0DD;
	text-decoration: none;
}
ul.footer_link  {
  width:220;
	list-style-type: none;
	display: inline-block;
	vertical-align:top;
  /*background: none repeat scroll 0% 0% #414141;*/
  padding: 2px 10px 0 0;
  _border-right: 1px solid #778;
  text-decoration: none;

}
ul.footer_link li:first-child  {
	font-weight : bold;
	margin-bottom : 5px
}

#contentwrapper{
	float: left;
	width: 100%;
}

/* -------------- page d'accueil -------------- */

.col_accueil {
	float: left;	
	margin-left: 0px; /*Set left margin to LeftColumnWidth*/
	width:580px;
  color : #000;
}
.slider{
	height:200px;
	background-repeat: no-repeat ;
	padding : 1;
  border-radius:5px;

}
.item_accueil {
	height:50;
	line-height:50px;
	font-size: 150%; 
  color : #FFF;
	background-color: #555;
  border-radius:5px;
	padding : 5px 10px  ;
	margin : 10 0px 0px 0;
}
.item_accueil img {
	float:left;
	margin-right:10px
}
.col_info  {
float: right;
	width: 220px; /*Width of column*/
	margin-left: 10px;
}
.item_info{
	color: #fff ;
	background-color: #336799;
  -webkit-border-radius:5px;
  border-radius:5px;
	padding : 0px 10px 2px 10px  ;
	margin : 10 0px 0px 0;
}

#homecontent {
	color: #f0f0dd ;
	}
body#homecontent a {
    color: inherit ;
}
body#homecontent h1 {
   color: #336799 ;
	font-size : 200%;
	background-color: inherit ; 
	background-image: none;
	padding-bottom : 5px;

}
body#homecontent h2 {
  color: #fff ;
	font-size : 100%;
	background-color: inherit ; 
	background-image: none;
	border-bottom: 1px solid #888;
	padding : 5px 0px ;
}

/* --------------- page contenu ---  */

.col_gauche	 {
	float: left;
	margin: 0 5px 0 0; 
	width: 180px; /*Width of left column*/
	font-size: 11px;
	vertical-align: top;
	color: #2a5b8c ;
	_background-color: #eaeacc; 
  border-radius:inherit;
	_border: 1px solid #ddddcc;
}
.col_contenu {
  border-radius:inherit;
	margin-left: 200px; /*Set left margin to LeftColumnWidth*/	
}
.item_contenu {
	display: table;
	width:100%  ;
	border-radius:inherit;	
	border: 1px solid #ddddcc;
	padding: 0 10px;
}
.item_contenu, .para1 { 
	font-weight: normal ;
	margin-top: 5px; 
	margin-bottom: 5px;
}

.item_contenu h2 {  
	border-radius: inherit;
	margin: 15px 0px 5px 0; 
	color: #f0f0dd ;
	background-color:  #336699; 
	padding: 1px;
	font-weight: bold;
	font-size: 110%;
}
.item_contenu ul { 
    list-style-type: square;
}
.item_contenu img {
	margin-right:10px;
}
.img_left {
	float:left;
	margin : 5px 10px 5px 10px;
}
.menu_page {
  border-radius:inherit;
	_padding: 5px;
	background: #414141; /*background of tabs (default state)*/
color: white;
}
.col_gauche ul {
    list-style-type: none;
    padding: 0px;
    margin: 5px 0px 5px 5px;
}

.col_gauche ul li {
	border-bottom: 1px solid #778;
  background-image: url(img/fleched9.gif);
  background-repeat: no-repeat;
  background-position: 0px center;
  padding: 2px 0px 2px 20px; 
}
.decor {  
	margin: 5px 0 ;
	background-color: #bbbbbb; 
  border-radius:inherit;
	border: 1px solid #999999;
	text-align: center; 
	font-size: 10px; 	
	}

.biblio {
	position: relative ;
	left: 5px;
	text-indent: -5px ;
	}

.cadrehaut {  
	vertical-align: top;
	padding: 6px; 
	}
	
.cadregauche {  
	font-size: 11px;
	vertical-align: top;
	width: 140px; 
	padding: 5px; 
	color: #2a5b8c ;
	background-color: #eaeacc; 
	border: 1px solid #ddddcc;

	}

.cadredroit, .cadretableau {  
	font-size: 12px;
	vertical-align: top;
	padding: 4px; 
	border: 1px solid #99bbcc;
	}
.cadredroit {  
	width: 450px; 
	}
.cadretableau {  
	width: 100%; 
	}
	
.cadrepage {  
	vertical-align: top;
	border-style: none; 
	width: 600px; 
	border-spacing: 2px;
	}
	
.tablepublication {
	width: 100%;
	border-collapse:collapse;
	border-spacing: 10px;
	vertical-align: top;
	font-size: 11px;
	font-weight: normal ;
	}
	
.l1 {
	vertical-align: top;
	background-color: #eaf0dd; 
	}
.l2 {
	vertical-align: top;
	background-color: #eaead0; 
	}

.phgalerie {
	width: 600px; 
	border: 0px solid #99bbcc;
	border-collapse: collapse;
	margin:10px;
	padding:10px;
	}
h3, .phtitre {
	height: 20px;
	margin-top: 5px; 
	text-align: center;
	font-size:12px;
	font-weight: bold;
	color: #f0f0dd ;
	}
.phvignette {
	vertical-align:middle;
	text-align: center;
	height: 130px;
	}
.phtexte {
	padding:2px;
	font-size:11px;
	}


.legende { 
	font-size: 12px; 
	color: rgb(255, 255, 153); 	
	margin-top: 5px; 	
	margin-bottom: 5px ;
	}
	
.lien { font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    }

  
.entete { font-family: Geneva,Arial,Helvetica,san-serif;
    font-size: 15px;
    font-weight: bold;
    color: rgb(51, 102, 153);
    }