html, body { 
	text-align: center; 
	
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height: 100%;
	text-align: center; 
}

.container {
	width:869px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;
	padding-right: 30px;
	padding-bottom: 10px;
	margin-top: 0px;
	background-color:white;
	
	overflow:hidden;
	
}

.header {
	 width:1000px;
	 height:210px;
	 margin-top: 0px;
	 margin-left:0px;
	background-image: url('../images/header.png'); 
}

.footer {
		width:945px;
		height:50px;
		margin-top: 10px;
		margin-left: auto;
		margin-right: auto;
	  text-align: center; 
}

.logo {
		float:left;
		width:356px;
		align:left;
}

.loginpwd {
		width:360px;
		height:23px;
		padding-top: 3px;
		padding-left: 5px;
		background-image: url('../images/loginpwd.gif'); 
		background-repeat:no-repeat; 
		background-position:left top;
		text-align:left;
}

.pubhaut {
		float:right;
		margin-top: 75px;
		margin-right: 110px;
		width:513px;
		border: 1px solid #f0f0f0;
	  text-align:right;
}

.menu {
	  width:700px;
		margin-left: auto;
		margin-right: auto;
		margin-top:-3px;
		margin-bottom:20px;
	  text-align:center;
}

.submenu {
		float:left;
		width:100px;
		height:130px;
		margin-left:1px;
		margin-right:1px;
	  text-align:center;
}

.textmenu {
		text-align: center;
		font-family: Verdana,sans-serif;
		font-style: normal;
		font-variant: normal;
		font-weight: bold;
		font-size: 11px;
		line-height: 15px;
		font-size-adjust: none;
		font-stretch: normal;
		margin:0px;background-color: rgb(0, 0, 0);
		z-index: 1;
}

.content {
	width:690px;
	float:left;
	margin-left:5px;
	height:100%;
	border: 0px solid #edf4f6;
}

.contentleft {
	width:334px;
	float:left;
	height:100%;
}

.contentright {
	width:680px;
	float:left;
	height:100%;
}

.pubbas {
		text-align:center;
		width:728px;
		height:90px;
		margin-top:25px;
	  float:left;
}

.membres {
		float:left;
		margin-left:15px;
		margin-bottom:15px;
		padding-top:2px;
		padding-left:5px;
		width:296px;
		height:320px;
		background-color: #CCCCCC;
		text-align:center;
}

.membrescroll {
		float:left;
		width:292px;
		height:296px;
		overflow-y:scroll;
		text-align:left;
}

.membre {
		float:left;
		padding-top:2px;
		padding-left:5px;
		margin-bottom:3px;
		width:267px;
		height:70px;
		background-color: #F0F0F0;
}

.nommembre {
		font: bold 11px Verdana, Arial;
		color: black;
}

.textemembre {
		font: bold 9px Verdana, Arial;
		color: #fff;
}
.textemembre a {color: #00A2F2;text-decoration: none;}
.textemembre a:link {color: #00A2F2;text-decoration: none;}
.textemembre a:visited{color: #00A2F2;text-decoration: none;}
.textemembre a:hover, a:active {color: #00A2F2;text-decoration: underline;}

.menumembre {
	color : #00A2F2;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	font-size: 18px; 
	text-align: center;
	float:left;
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
}
.menumembre a {color: gray;text-decoration: none;}
.menumembre a:link {color: gray;text-decoration: none;}
.menumembre a:visited{color: gray;text-decoration: none;}
.menumembre a:hover, a:active {color: #00A2F2;text-decoration: underline;}

.infomembre {
	color : gray;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	font-size: 13px; 
	text-align: justify;
	width:100%;
	margin-right:10px;
	margin-bottom:10px;
}

.titrerubmembre {
	color : gray;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	font-size: 14px; 
	text-align: justify;
	width:100%;
	margin-right:10px;
	margin-bottom:10px;
}
.titrerubmembre a {color: gray;text-decoration: none;}
.titrerubmembre a:link {color: gray;text-decoration: none;}
.titrerubmembre a:visited{color: gray;text-decoration: none;}
.titrerubmembre a:hover, a:active {color: gray;text-decoration: underline;}

.listemessage {
	text-align: left;
	float:left;
	height:200px;
	width:100%;
	overflow-y:auto;
	margin-bottom:5px;
}

.corpsmessage {
	text-align: justify;
	float:left;
	width:505px;
	margin-top:10px;
	margin-bottom:5px;
	border: 1px solid gray;
	padding:5px 5px 5px 5px;
}

.lignemessage {
	color : white;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	height:17px;
	background-color:#00A2F2;
	padding-top:3px;
	padding-left:3px;
	margin-bottom:2px;
	margin-right:2px;
}
.lignemessage a {color: white;text-decoration: none;}
.lignemessage a:link {color: white;text-decoration: none;}
.lignemessage a:visited{color: white;text-decoration: none;}
.lignemessage a:hover, a:active {color: white;text-decoration: underline;}

.recherche {
		width:500x;
		height:28px;
		background-color: #CCCCCC;
		margin-bottom:15px;
		padding-top:3px;
		padding-left:125px;
		font: bold 12px Arial;
		color: black;
		float:left;
		background-image: url("../images/recherche.gif"); 
		background-repeat:no-repeat; 
		background-position:left top;
}

.texterecherche {
		font: bold 15px Arial;
		color: black;
}

.photo {
		float:left;
		margin-left:15px;
		margin-bottom:15px;
		width:297px;
		height:297px;
}

.titrearticle {
	color : #C30080;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	font-size: 18px; 
	text-align: justify;
	margin-right:10px;
	margin-bottom:10px;
	width:650px;
}
.titrearticle a {color: #C30080;text-decoration: none;}
.titrearticle a:link {color: #C30080;text-decoration: none;}
.titrearticle a:visited{color: #C30080;text-decoration: none;}
.titrearticle a:hover, a:active {color: #C30080;text-decoration: underline;}

.chapeauarticle {
	color : gray;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	font-size: 13px; 
	text-align: justify;
	margin-bottom:10px;
	line-height: 20px;
	width:650px;
}
.chapeauarticle a {color: gray;text-decoration: none;}
.chapeauarticle a:link {color: gray;text-decoration: none;}
.chapeauarticle a:visited{color: gray;text-decoration: none;}
.chapeauarticle a:hover, a:active {color: gray;text-decoration: underline;}

.motcles {
	background-color:#00A2F2;
	color:white;
}

.agendajour {
	float:left;
	background-color:#C30080;
	width:680px;
	margin-bottom:10px;
	font-weight: bold;
	height:16px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color:white;
	padding-left:5px;
	padding-top:2px;
}

.textearticle {
	color : black;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	text-align: justify;
	margin-bottom:10px;
	line-height: 18px;
	width:652px;
}
.textearticle a {color: #00A2F2;text-decoration: none;}
.textearticle a:link {color: #00A2F2;text-decoration: none;}
.textearticle a:visited{color: #00A2F2;text-decoration: none;}
.textearticle a:hover, a:active {color: #00A2F2;text-decoration: underline;}

.signature {
	font-family: Verdana,sans-serif;
	font-style: normal; 
	font-variant: normal; 
	font-weight: normal;
	font-size: 11px;
	color:#FFFFFF;
	background-color:#000000;
	line-height: 20px;
	padding:2px 2px 2px 2px;
}

.carte {
		float:left;
		margin-left:15px;
		margin-bottom:15px;
		padding-top:2px;
		padding-left:5px;
		width:296px;
		height:280px;
		background-color: #000000;
}

#map_canvas a{ 
    display:none; 
} 

.guide {
		float:left;
		margin-bottom:8px;
		padding-bottom:8px;
		width:100%;
		height:100%;
		border-bottom: 0px solid #666666;
}

.guidearticle {
		float:left;
		margin-bottom:18px;
		padding-top:8px;
		width:670px;
		height:100%;
		border-top: 1px solid #666666;
}

.titre {
color : #C30080;
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-weight: bold;
font-size: 15px; 
text-align: justify;
}
.titre a {color: #C30080;text-decoration: none;}
.titre a:link {color: #C30080;text-decoration: none;}
.titre a:visited{color: #C30080;text-decoration: none;}
.titre a:hover, a:active {color: #C30080;text-decoration: underline;}

.titreagenda {
color : black;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight: bold;
font-size: 13px; 
text-align: justify;
}
.titreagenda a {color: black;text-decoration: none;}
.titreagenda a:link {color: black;text-decoration: none;}
.titreagenda a:visited{color: black;text-decoration: none;}
.titreagenda a:hover, a:active {color: black;text-decoration: underline;}

.texte {
color : #000000;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight: normal;
font-size: 11px; 
text-align: justify;
}
.texte a {color: #00A2F2;text-decoration: none;}
.texte a:link {color: #00A2F2;text-decoration: none;}
.texte a:visited{color: #00A2F2;text-decoration: none;}
.texte a:hover, a:active {color: #00A2F2;text-decoration: underline;}

.nomcarte {
float:left;
color : white;
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-weight: bold;
font-size: 11px; 
text-align: justify;
height:24px;
overflow:hidden;
line-height:11px;
text-align:center;
width:280px;
}

.navigator {
	float:left;
	width:100%;
	text-align:center;
	margin-bottom:5px;
	font: bold 11px Arial;
	color: gray ; /*#4e768d*/
}
.navigator a {color: black;text-decoration: none;}
.navigator a:link {color: black;text-decoration: none;}
.navigator a:visited{text-decoration: none;}
.navigator a:hover, a:active {color: black;text-decoration: underline;}



.chemin {
	width:100%;
	height:14px;
	margin-bottom:5px;
	float:left;
	text-align: left; 
	overflow:hidden;
}

.textchemin {
font-family: Arial, Verdana, Helvetica, sans-serif; 
color : #4E768D;
font-variant: small-caps;
font-size : 12px;
font-weight: bold;
}
.textchemin a {color: #4E768D;text-decoration: none;}
.textchemin a:link {color: #4E768D;text-decoration: none;}
.textchemin a:visited{color: #4E768D;text-decoration: none;}
.textchemin a:hover, a:active {color: #4E768D;text-decoration: underline;}

.agenda {
		float:left;
		width:202px;
		height:157px;
	  padding-top: 40px;
		background-image: url("images/agenda.gif"); 
		background-repeat:no-repeat; 
		background-position:right top;
}

.newsletter {
		float:left;
		width:192px;
		height:38px;
	  padding-top: 52px;
	  padding-right: 10px;
		background-image: url("images/newsletter.gif"); 
		background-repeat:no-repeat; 
		background-position:right top;
		overflow: hidden
}

.recharticle {
		float:left;
		width:192px;
		height:30px;
	  padding-top: 32px;
	  padding-right: 10px;
		background-image: url("images/article.gif"); 
		background-repeat:no-repeat; 
		background-position:right top;
		overflow: hidden
}

.journal {
		float:right;
		width:202px;
		height:149px;
		padding-top: 32px;
		background-image: url("images/journal-pdf.gif"); 
		background-repeat:no-repeat;
		text-align:center;
		overflow: hidden
}

.partenaire {
		float:right;
		width:202px;
		height:215px;
		padding-top: 32px;
		background-image: url("images/partenaires.gif"); 
		background-repeat:no-repeat;
		text-align:center;
		overflow: hidden
}

.rechthem {
		float:left;
		height:60px;
		width:280px;
	  padding-top: 30px;
	  padding-right: 15px;
 		text-align:right;
		background-image: url("thematiques/images/recherche.gif"); 
		background-repeat:no-repeat; 
}

.envoyerami {
		float:left;
		height:98px;
		width:280px;
	  margin-top: 10px;
	  padding-top: 27px;
	  padding-right: 15px;
		text-align:right;
		background-image: url("images/envoyer.gif"); 
		background-repeat:no-repeat; 
}

.polemique {
		width:275px;
		height:130px;
		padding: 10px 10px 0px 10px;
		background-image: url("accueil/images/bgpolemique.gif"); 
		background-repeat:no-repeat; 
}

.bloc {float:left;width:610px;background-color:#ffffff;margin-bottom:5px;margin-left:5px;padding:5px 0px 0px 0px;text-align:justify;}
.bloc h1 {display: inline;color:black;font: bold 16px Arial}
.bloc h2 {display: inline;color:#4e768d;font: bold 13px Arial}
.bloc p {display: inline; font:  12px Arial}

.infoarticle { float:left;width:563px;color:white;background-repeat:no-repeat; background-position:top;padding:5px 5px 0px 35px;text-align:justify;}
.infoarticle h1 {display: inline;font: bold 16px Arial}
.infoarticle h2 {display: inline; color:black; font: bold 13px Arial}
.infoarticle h3 {display: inline; color:black; font: 12px Arial}
.infoarticle p {display: inline; font:  11px Arial}
.textarticle {color:black; font: 12px Arial;line-height:18px;text-align: justify}
.textarticle a:link {color:#4E768D; text-decoration:underline;}
.textarticle a:visited{color:#4E768D; text-decoration:none;}
.textarticle a:hover{color:#003366; text-decoration:none;}



.infoagenda { float:left;width:289px;color:white;padding:0px 5px 10px 0px;text-align: justify}
.Infoagenda h1 {display: inline; font: bold 13px Arial}
.infoagenda h2 {display: inline; font: 10px Arial}
.infoagenda p {display: inline; font:  11px Arial}

.imageagenda {
  float:left;
  text-align:left;
  margin-right:5px;
}

.horizonsep {
	width:100%;
	height:10px;
	float:left ;
 	margin:10px 0px 0px 0px;
  background-image: url(images/graysephori.gif); 
	background-repeat:repeat-x; 
	background-position:middle;
}

.ongletbloc {
	float:left;
	width:600px;
	height:100%;
  margin-bottom:5px;
 	padding:5px 5px 5px 5px;
 	border : 1px solid;
 	border-color: #4e768d;
}

.onglet {
	float:left;
	width:151px;
	height:15px;
	padding-top:10px;
	margin-right:1px;
	background-color:#292929;
  text-align:center;
}

.selection {
  float:left;
  width:100px;
  text-align:center;
	margin-bottom:15px;
}

.coupdecoeur {
  float:left;
  align:top;
	margin-bottom:5px;
}

/*.journalpart {
		float:right;
		width:202px;
		height:278px;
		padding-top: 32px;
		background-image: url("images/jourpart.gif"); 
		background-repeat:no-repeat;
		text-align:center;
		background-color:#FFFFFF;
		overflow: hidden
}*/

.activites {
		float:left;
		height:135px;
		overflow: hidden
}

.scrollbloc {
		float:left;
		max-height: 210px;
		height: 210px;
 		text-align:left;
 		overflow:auto;
		padding-top:5px;
		margin-bottom:5px;
		border : 1px solid #4E678D;
}

.pubgauche {
		float:left;
		margin-left:15px;
		margin-bottom:15px;
		width:300px;
		height:250px;
		border: 1px solid black;
}

.pubdroit {
		width:120px;
		height:600px;
		border: 1px solid #4E678D;
		overflow: hidden
}



.pubbut {
		width:120px;
		height:60px;
		margin-bottom : 5px;
		overflow: hidden
}

.pubthem {
		margin-bottom : 5px;
	  float:left;
		background-color : #FFFFFF;
		border: 1px solid #4E678D;
}

.pubagenda {
		height: 60px;
		width:610px;
		margin-bottom : 10px;
	  float:left;
		background-color : #FFFFFF;
		text-align:center;
}

.accueil {
	width:453px;
	height:30px;
	float:left ;
	margin-left : 5px;
	padding : 10px 10px 0px 20px;
	background-color : #FFFFFF;
  background-image: url(images/path.gif); 
	background-repeat:no-repeat; 
}

.topagenda {
	width:100%;
	height:30px;
	float:left ;
	margin : 0px 0px 0px 5px;
	padding : 10px 10px 0px 20px;
	background-color : #FFFFFF;
  background-image: url(agenda/images/topagenda.gif); 
	background-repeat:no-repeat; 
}

.selection29{
	width:295px;
	float:left ;
	margin-bottom:5px;
	padding : 5px 0px 5px 20px;
	background-color : #D7E2E8;
  background-image: url(accueil/images/selectioncd.gif); 
	background-repeat:no-repeat;
	background-position:left top; 
}

.selection30{
	width:295px;
	float:left ;
	margin-bottom:5px;
	padding : 5px 0px 5px 20px;
	background-color : #D7E2E8;
  background-image: url(accueil/images/selectiondvd.gif); 
	background-repeat:no-repeat;
	background-position:left top; 
}

.selection31 {
	width:295px;
	float:left ;
	margin-bottom:5px;
	padding : 5px 0px 5px 20px;
	background-color : #D7E2E8;
  background-image: url(accueil/images/selectionlivre.gif); 
	background-repeat:no-repeat;
	background-position:left top; 
}



<!-- text field

.textwhiteborder {
background-color : #EFEFEF;
color : #000000;
font-size : 10px;
border : 1px solid white;
}

.textgrayborder {
background-color : #EFEFEF;
color : #000000;
font-size : 10px;
border : 1px solid #4e768d;
margin-top: 2px;
margin-bottom: 2px;
}

.textcat {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-weight: bold;
	font-size: 16px; 
	margin-bottom:5px;
	height:20px;
	padding-top:2px;
	color:white;
}

.texttitle {
color : #000000;
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-weight: bold;
font-size: 14px; 
text-align: justify;
}
.texttitle a {color: black;text-decoration: none;}
.texttitle a:link {color: black;text-decoration: none;}
.texttitle a:visited{text-decoration: none;}
.texttitle a:hover, a:active {color: black;text-decoration: underline;}

.textsubtitle {
color : #000000;
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-weight: bold;
font-size: 12px; 
text-align: justify;
}
.textsubtitle a {color: black;text-decoration: none;}
.textsubtitle a:link {color: black;text-decoration: none;}
.textsubtitle a:visited{text-decoration: none;}
.textsubtitle a:hover, a:active {color: black;text-decoration: underline;}

.textonglet {
color : #FFFFFF;
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-weight: bold;
font-size: 11px; 
text-align: justify;
}

.textformbold {
color : black;
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-weight: bold;
font-size : 11px;
text-align: justify;
}
.textformbold a {color: black;text-decoration: none;}
.textformbold a:link {color: black;text-decoration: none;}
.textformbold a:visited{color: black;text-decoration: none;}
.textformbold a:hover, a:active {color: black;text-decoration: underline;}

.textformw {
color : white;
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-weight: bold;
font-size : 11px;
text-align: justify;
}
.textformw a {color: white;text-decoration: none;}
.textformw a:link {color: white;text-decoration: underline;}
.textformw a:visited{color: white;text-decoration: underline;}
.textformw a:hover, a:active {color: white;text-decoration: underline;}

.textformbolditalic {
color : #000000;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight: bold;
font-style: italic; 
font-size : 10px;
}

.textform {
color : #000000;
font-family: Arial, Verdana, Arial, Helvetica, sans-serif; 
font-size : 11px;
text-align: justify;
}
.textform a {color: #000000;text-decoration: none;}
.textform a:link {color: #000000;text-decoration: none;}
.textform a:visited{color: #000000;text-decoration: none;}
.textform a:hover, a:active {color: #000000;text-decoration: underline;}

.textformgray {
color : #4e768d;
font-family: Arial, Verdana, Arial, Helvetica, sans-serif; 
font-weight: bold;
font-size : 11px;
text-align: justify;
}
.textformgray a {color: #4e768d;text-decoration: none;}
.textformgray a:link {color: #4e768d;text-decoration: none;}
.textformgray a:visited{color: #4e768d;text-decoration: none;}
.textformgray a:hover, a:active {color: #4e768d;text-decoration: underline;}

.textformtool {
color : #ffffff;
font-family: Arial, Verdana, Arial, Helvetica, sans-serif; 
font-weight: bold;
font-size : 11px;
text-align: justify;
}
.textformtool a {color: #ffffff;text-decoration: none;}
.textformtool a:link {color: #ffffff;text-decoration: none;}
.textformtool a:visited{color: #ffffff;text-decoration: none;}
.textformtool a:hover, a:active {color: #ffffff;text-decoration: underline;}

.textselection {
color : #000000;
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-size : 10px;
font-weight: bold;
}

.textinfo {
color : #000000;
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-size : 9px;
text-align: justify;
}
.textinfo a {color: black;text-decoration: none;}
.textinfo a:link {color: black;text-decoration: none;}
.textinfo a:visited{text-decoration: none;}
.textinfo a:hover, a:active {color: black;text-decoration: underline;}

.fnac {color : #D0891D; font-family: Arial, Verdana, Helvetica, sans-serif; font-size : 11px;text-align: justify; }
.fnac a {color: #D0891D;text-decoration: none;}
.fnac a:link {color: #D0891D;text-decoration: none;}
.fnac a:visited{text-decoration: none;}
.fnac a:hover, a:active {color: #D0891D;text-decoration: underline;}

.textcorporate {
color : #4e768d;
font-family: Arial, Verdana, Arial, Helvetica, sans-serif; 
font-size : 12px;
text-align: justify;
}
.textcorporate a {color: #4e768d;text-decoration: none;}
.textcorporate a:link {color: #4e768d;text-decoration: underline;}
.textcorporate a:visited{color: #4e768d;text-decoration: none;}
.textcorporate a:hover, a:active {color: #4e768d;text-decoration: underline;}

.image {
	vertical-align: top;
	margin-right: 10px;
	border:0px;
}

a:link
{
	text-decoration: none;
}

a:visited
{
	color: black;
	text-decoration: none;
}

a:hover, a:active
{
	color: black;
	text-decoration: underline;
}

.couleur1 {
color : #ED3379;
}

.couleur15 {
color : #FFD147;
}

.couleur25 {
color : #FFA741;
}

.couleur32 {
color : #A539A3;
}

.couleur33{
color : #074A8F;
}

.couleur39 {
color : #68C000;
}

.titrecarto {
	float:left;
	width:287px;
	margin-left:-5px;
	padding-left: 10px;
	margin-bottom:5px;
	height:17px;
	font: 14px sans-serif;
	color: white;
}

.selectedonglet {
	float:left;
	width:152px;
	height:20px;
	margin-right: 1px;
	padding-top: 5px;
	font: bold 12px sans-serif;
	color: white;
	text-decoration: none;
}

#onglets a {
	float:left;
	width:152px;
	height:16px;
	margin-top: 4px;
	margin-right: 1px;
	padding-top: 5px;
	font: 12px sans-serif;
	color: #4e768d;
	background-color:#292929;
	text-decoration: none;
}
#onglets a:hover {	background-color:#AAAAAA; color: white; text-decoration: none;}
#onglets a:active { background-color:#AAAAAA; color: white; text-decoration: none;}

.button {cursor: pointer;border:0px;}


.onglemenu {
	float:left;
  width:95px;	
}

.villepb {
	float:left;
  text-align:center;
  padding-top:5px;
  width:202px;
	font: bold 15px Arial;
	color: black;
}