html {
height:100%; /* fixes the display height in Mozilla and Firefox */
background:#fff; /* Mozilla has problems when the body background is different to the html background */
	margin:0; padding:0;
}
body {
	font-size:10px; font-family: Verdana, Arial, Helvetica, sans-serif;
	background:#fff;
	margin:0; 
	padding:0;
}
a:visited {
	color: #004780; 
}
a {
	font-size: 10px; color: #004780; 
	text-decoration:none;
}

a:active, a#current {
	color:#336699; 
}
a:hover {
	color: #336699; 
	text-decoration:underline;
}
h1 {
	font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #004780; font-weight:normal;
	padding:0; margin-left:15px; padding-top:5px; |padding-top:0px;  margin-right:10px;
	border-bottom:1px solid #ffea00;
}
h2 {
	font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; color: #066dd5; padding-top:20px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif  ; font-weight: bolder; font-size: 14px; color: #066dd5;
	padding-left:10px; 
}
table {
	margin-top:10px;
}
.bleu {
	font-weight: normal; color:#066dd8;
}
.grostexte {
	font-size:12px;
}
.grostexte a:hover {
	text-decoration:underline;
}
.bleuGras {
	font-weight: bold; color:#066dd8; font-style: normal; 
}
.grisGras {
	font-weight: bold; color: #999999; font-style: normal; 
}
.justif {
	text-align:justify;
}
#conteneur {
	width: 765px;	height:auto; 
	margin-left: auto;  margin-top:1px; margin-right: auto; margin-bottom:0; 
	padding:0; 
	border: 1px solid #ccc; border-bottom: none;
}
#haut {
	position:relative;
	height:auto; width:765px; 
	margin:0; padding:0;
}
#top {
	height:auto; 
	width:765px; 
	margin:0; padding:0; 
}
#top p { padding-right:20px; margin-bottom:4px; margin-top:6px; font-size:14px;}
#top a {
	font-size: 14px; color: #004780; 
	text-decoration:none;
}
#bandeau {
	position:relative;
	width:765px; height:120px;
	background-image: url(../images/bando.gif); background-repeat:no-repeat;
	margin:0; padding:0;
	cursor: hand;
}
#bandeau_index {
	position:relative;
	width:765px; height:120px;
	background-image: url(../images/bando.gif); background-repeat:no-repeat;
	margin:0; padding:0;
}
#logo {
	float:left; width:133px; height:55px;
	margin:0; padding:0; border:none; 
	position:relative; left: 10px; 
}
.baseline { 
	float:left;
	margin: 0; 
	padding-left: 15px; padding-top:22px; padding-right:0; 
	font-family: Arial, Helvetica, sans-serif; font-size:18px; color:#b6b6b6; font-style:italic;
}

.pucebleue {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	list-style-image: url(../images/pucebleue.gif); white-space: normal ; 
	list-style-position: outside;
	margin-top: 6px; margin-bottom: 6px;
}
.p15 {
	padding-left:15px; padding-right:15px;
}
.p80 {
	padding-left:80px; padding-right:0;
} 
#gauche {
	margin:0; margin-right:200px;
	padding:0; padding-left:15px;
	border:0;
	height:auto; min-height:38em; |height:38em;
}
#gauchegris {
	margin:0;
	padding:0; border:0;
	height:auto; min-height:40em; /*|height:40em;*/
}
#droitegris {
	position:relative;
	float:right; width: 260px; |width: 263px;
	margin:0;
	padding:0;
	overflow:hidden;
	display:block;
}
#droite {
	position:relative;
	float:right; 
	padding:0; padding-right:5px;
	width:220px;
	height:auto; overflow:hidden;
	display:block; 
}
#boitedroite { 
	width:/*95%*/249px; 
	height: auto;
	position:relative; display:block;
	overflow:hidden;
	margin:0; padding:0; background-color: #efefef;
	border:2px solid #ccc; border-bottom:none; 
}
#boitedroite a:hover, a#current, a:visited  {
	font-size:10px;
	color: #000066;
	text-decoration:none;
}
/* pas besoin, puisque dans la feuille de style styles_sites .pays {
	position:relative; top:0; z-index:10;
	height:340px; overflow: auto; /* ??? 
	margin:0; |margin-right:5px;
	padding:0;
}*/
.pays a:visited {
	color: #666666;
}
iframe {
	position:relative;
	width:253px; |width:252px;
	height: /*365*/390px; |height:380px; /*hauteur pour IE ajoutée 30/04/09 */
	scrolling: yes; /* semble ne pas fonctionner  */
	hspace:0;
}
#boitejaune {
	z-index:100;
	position:relative; bottom:-10px; |bottom:0;
	width:100%;
	z-index:100;
	margin:0; 
	padding-top:0; |padding-top:5px; padding-bottom:0; |padding-bottom:5px; padding-left:1px; padding-right:0;
	background-color: #ffcc00; border:none; 
	color:#004780;
	border:none;
}
#bg_droite-bas {
	position: relative -20px 0; z-index:100;
	background-repeat:no-repeat;
}

/*----------------- pour l'index-------------------- */
#colonnedroite {
	float:right;
	position:relative; top:35px;
	width:280px; /*height:30em;*/
	margin:0;
	margin-left:15px;
	margin-right:10px;
	padding:0; padding-left:10px; padding-right:10px; 
}
.titrenews {
	position: relative;
	width:148px; height:36px;
	font-weight: bold; font-size: 18px; color: #ffffff; 
	border-right: 1px solid #000066; border-bottom: 1px solid #000066;
}
.suitetitrenews {
	width:130px;
	background-color:#ffffff;
	border:none; border-top:1px solid #000066; border-right:1px solid #000066;
}
.news {
	position:relative;
	height:25em; overflow:auto;
	background:#ffffff; 
	padding:5px;
	border: 1px solid #000066; border-top:none;
}
/* inutile puisqu'on m'a dit d'enlever les archives 
#archives {
	float:right; top:45em;
	text-align:right;
	padding-right:15px;
}*/
#colonnegauche {
	padding:0; padding-left:15px; padding-right:10px; /*margin-right:310px;*/ width: 396px; min-height:40em;
}
/* -------------------fin des styles propres à l'index ---------------*/
.imagedroite {
float:right; margin:0; padding-top:5px; padding-left: 5px; padding-right:0px; padding-bottom: 10px; border:0;
}
.imagedroite2 {
float:right; margin:0; padding-top:0x; padding-left: 5px; padding-right:0px; padding-bottom: 10px; border:0;
}
.imagegauche {
float:left; margin:0; padding-top:5px; padding-left: 10px; padding-right:10px; padding-bottom: 10px; border:0;
}
.fleche {
float:right; margin:0; padding-top:0px; padding-right:5px; padding-bottom: 10px; border:0;
}
/* Sous-menu */
#sousmenu  {
	float:right;
	width:180px;
	position:relative;
	margin-top:0; margin-right:10px;
	padding:0; padding-top:15px; padding-bottom:25px;
	display:block;
	/* border:1px solid; */
	background-color:#fff;
}
#sousmenu ul {
	margin-top:0; margin-bottom:0; width:auto/*160px*/;
	padding:0;	
	list-style-type: none;
	margin-left:/*13*/0px; |margin-right:6px;
	color: #333333/*#000066*/;
}
#sousmenu a {
	color: #333333/*#000066*/; font-weight:normal;
	background-color:#fff;
	font-size:0.9em;
}
#sousmenu ul li {
	margin:0;
	line-height:1.5em;
	/*padding-left: 20px; /* ici décale le bloc blanc vers la droite */
}
#sousmenu ul li a {
	padding-left: 20px; /* ici :écarte le texte (mais pas la puce) du bord gauche et rallonge la ligne */
	color:#333333/*#000066*/;
	display: block;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 150px /* définit la largeur de la zone blanche */;
	border-bottom: 1px solid #ccc;
	text-decoration:none;
}
#sousmenu ul li a:visited{
	color: #333333 /*000066*/;
}
#sousmenu ul li a:hover {
	text-decoration:none;
	color: #333333/*#000066*/;
	font-weight:bold;
	border-bottom: 1px #ccc/*000066*/;

}
#sousmenu ul li:hover a {
	text-decoration:none;
	color: #333333/*#000066*/;
	font-weight:bold;
	border-bottom: 1px solid #ccc/*000066*/;
}
#sousmenu ul li a#active {
	text-decoration:none;
	font-weight:bold;
	color: #333333/*#000066*/;
	border-bottom: 1px solid #ccc/*000066*/;
}
.mini {
	padding-right:3px;
}
#menubas {
	clear:both;
	position:relative; margin:0; padding:0; 
	text-align: right;   
	padding-right:20px; padding-top:2px; |padding-top:0; padding-bottom:5px; 
	color:#004780; 
	font-size:10px;	
}
#menubas p {
	margin:0; padding:0px; 
}
#menubas a, a:link {
	font-size:10px; color:#004780;
	text-decoration:none;
}
#menubas a:hover, a#current, #menubas a:visited  {
	font-size:10px;
	color:#000;
	text-decoration:none;
}
#menubas a:hover {
	text-decoration:underline;
}
.drapo /* dans les descriptions des sites */  {
	float:left; margin:0; padding: 0px; padding-right:5px;
}
.cliquez {
	margin:0; 
	padding:0; padding-left:15px; padding-top:3px;
	font-size: 15px;  font-style:italic;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}
.cliquez p{
	margin:0; 
	text-align:center;
	z-index:100;
}
.filtrez  {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif; font-style:italic; font-weight: bold;
	margin:0; 
	padding:0;
}
object {
	position:relative;
	margin: 0; padding:0;
}
#backeurope {
	float:left; 
	position:relative; top:-10px;
}
#pied {
	clear:both;
	position:relative; 
	height:60px;
	margin:0; padding:0;
	background-image:url(../images/pied.gif); background-repeat:no-repeat;
	/*border:1px solid #ccc; border-top:none; inutile s'il est dans le conteneur*/
}
.monde {
	padding-right:10px; padding-top:10px;
}