@charset "iso-8859-1";

body {
	padding:0;
	margin:0;
	background:#ffcc33;
}

body, table, input, textarea, select, div
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #444038;
}

a		{text-decoration: none; color:#000066;}
a:hover	{text-decoration:underline; color:#990033;}

a img	{border:0;}

#main {
	width:1000px;
}

.large {font-size: large}

/********************************/
#top {
	float:left;
	position:relative;
	width:100%;
	clear:both;
	height:271px;
	background:url('img/haut.jpg') top no-repeat;
}

#flags {
	position:absolute;
	top:5px;
	right:50px;
	width:150px;
	list-style-type:none;
	padding:0;
	margin:0;
}

#flags li {
	float:right;
	width:30px;
	margin:0px 2px 0px 2px;
}

#flags a {
	display:block;
	width:100%;
	height:100%;
	
	-moz-opacity:0.5;
	opacity: 0.5;
	filter:alpha(opacity=50);
}

#flags a:hover, #flags a.active {
	-moz-opacity:1.0;
	opacity: 1.0;
	filter:alpha(opacity=100);
}

#menu {
	position:absolute;
	height:20px;
	right:51px;
	top:205px;
	color:#FFFFFF;
	list-style-type:none;
	margin:0;
	padding:0;
}

#menu li {
	float:left;
	text-align:center;
	width:77px;
	/*height:28px;*/
}

#menu a {
	display:block;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	padding:7px;
	padding-bottom:8px;
}

#menu a:hover, #menu a.active {
	text-decoration:none;
	color:#000;
	background:#FFF;
	/*-moz-opacity:0.5;
	opacity: 0.5;
	filter:alpha(opacity=50);*/
}

#adresse {
	position:absolute;
	height:20px;
	right:83px;
	top:240px;
	color:#990000;
}

#adresse a.email {
	position:absolute;
	width:23px;
	height:15px;
	background:url('img/mail.gif') no-repeat;
}

/********************************/

#middle {
	float:left;
	width:100%;
	clear:both;
	background:url('img/contenu.jpg') top repeat-y;
	padding-top:0px;
}

#data {
	background:url('img/fd.jpg') top center no-repeat;
}

#actualite {
	padding-bottom:25px;
	padding-top:25px;
	background: url('img/news.gif') no-repeat;
	text-align:justify;
	margin-left:380px;
	margin-top:20px;
}

#actualite marquee {
	display:block;
	width:300px;
	height:60px;
	margin-left:180px;
}


/********************************/

#bottom {
	float:left;
	width:100%;
	clear:both;
	height:135px;
	background:url('img/bas.jpg') bottom no-repeat;
}

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

#logos {
	clear:both;
	width:100%;
	text-align:center;
	margin-top:0px;
	padding-left:50px;
	margin-bottom:20px;

}

#mention {
	clear:both;
	width:100%;
	text-align:center;
	color:#FFFFFF;
	padding-top:1px;
}

#mention a {
	text-align:center;
	color:#FFFFFF;
}

#mention a:hover {
	text-align:center;
	color:#FFFFFF
}

#mention a:visited {
	text-align:center;
	color:#FFFFFF
}

/********************************/

/*#retour {
	margin-top:25px;
	float:left;
	color:#990000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#retour a {
	color:#990000;
}*/

/********************************/

#texte {
	width:500px;
	margin-right:500px;
	text-align:justify;
}

#soleil {
	text-align:center;
}

/********************* COLONNE **************************/


#colonne {
	margin-top:25px;
	margin-left:45px;
	width:250px;
	height:400px;
	float:left;
	position:absolute;
}

#meteo_cadre {
	margin-top:475px;
	width:250px;
	margin-left:45px;
	background-repeat:no-repeat;
	height:400px;
	position:absolute;
}

#meteo_cadre.fr {
	background-image:url('img/fond_meteo_fr.gif');
}

#meteo_cadre.uk {
	background-image:url('img/fond_meteo_uk.gif');
}

#meteo_cadre.it {
	background-image:url('img/fond_meteo_it.gif');
}


#liens {
	text-align:left;
	background-image:url('img/fond_liens.gif');
	background-repeat:no-repeat;
	height:300px;
	width:250px;
	margin-left:45px;
	margin-top:25px;
	float:left;
	position:absolute;
	padding-top:50px;
}

.liste_liens {
	float:center;
	list-style:square;
	color:#990000;

}

#email { 
	margin-top:20px;
	margin-left:0px ;
	padding:5px 10px 5px 10px;
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
}

/********************************/

#mail {
	text-align:left;
	color:#1b66a9;
	height:25px ;
}

#civil {
	float:left;
}


#dates {
	float:right;
}

H3 {
	font-size:14px;
	font-stretch:ultra-expanded;
	color:#990000;
	margin-bottom:5px;
}


#civil .label {
	float:left;
	width:110px;
	padding:2px;
	height:26px;
}

#dates .label {
	float:left;
	width:110px;
	padding:2px;
	height:26px;
}

#civil .input {
	float:right;
	width:190px;
	padding:2px;
	height:26px;
}

#dates .input {
	float:right;
	width:190px;
	padding:2px;
	height:26px;
}


h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:30px;
}

h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	margin:50px;
}

/********************************/

h4.hotspot {
  font-size : 100%;
  font-weight : normal;
  color : rgb(9, 122, 182);
  margin-left : 8px;
  margin-top : 0px;
  margin-bottom : 2px;
  font-style : normal;
  cursor : pointer;
}

h4.hotspot:hover {
  color : rgb(237, 92, 11);
  text-decoration : underline;
}

.style3 {
	font-size: 9px;
	font-weight: bold;
}
.style4 {
	color: #666666;
	font-weight: bold;
}
.style6 {color:#990000; font-weight:bold; font-size:12px; }