body {   
    font-family:Arial, Helvetica, sans-serif; 
	font-size:10pt;
	padding:0; 
	width:100%;
	height:100%;
	margin:0;
}


/****************************************************************************************/
/* en-tête */
/****************************************************************************************/

a#header { 
	background:#003399 url(../images/bg_menu.jpg) repeat-x top left;
	border-bottom:1px solid #000;	
	display:block; 	
	font-size:140%;
	line-height:40px;
	height: 40px;
	text-align:center;
	text-decoration: none;
	color:#ffffff;
	width:100%; }
	a#header, a#header span { color:#fff;line-height:40px; font-size:14pt; }			
	a#header .logobv { margin: 6px 0 0 0; position:relative; vertical-align:top;}
	
.beta { font-size:60%; color:#3399FF; position:absolute;top:-6px;font-style:italic;}

.subHeader {
	background:#E9EEF5; 
	border-bottom:1px solid #999999;
	border-top:1px solid #999999;
	display:block;
	height:30px;
	line-height:30px;
	margin:-1px 0 0px 0; 
	position:relative;
	padding:1px 10px;
	text-align:right;
	width:auto; }

.subHeader .select { 
	width: 110px; }

.envoiArticle { background:#DCE4EE;  }
	.envoiArticle input[type="text"] { color:#cacaca; width: 130px; }
	.envoiArticle input[type="submit"] { width: 30px; }

.toolbar { margin:0; padding:0; font-size:100%; color:#ffffff; }

/****************************************************************************************/
/* listes */
/****************************************************************************************/
UL.liste { margin:0; padding:0; list-style-type:none; z-index:0;}

UL.liste a.nav[selected], UL.liste a:active {
    background-image:  url(iui/listArrowSel.png);
    color: #FFFFFF; }

UL.liste li {
    position: relative;
	overflow:hidden;
    margin: 0;
    border-bottom: 1px solid #E0E0E0;
    padding: 8px 0 8px 10px;
    font-weight: bold;
    list-style: none;
	z-index:0; }

UL.liste li.group {
    position: relative;
    top: -1px;
    margin-bottom: -2px;
    border-top: 1px solid #7d7d7d;
    border-bottom: 1px solid #999999;
    padding: 1px 10px;
    background:  url(iui/listGroupBlue.png) repeat-x;
    font-size: 13px;
    font-weight: bold;
    text-shadow: rgba(0, 0, 0, 0.4) 0 1px 0;
    color: #FFFFFF; }


UL.liste li.sousNav {  color: #336699; background:  url(iui/listGroupBlueClear.png) repeat-x; }


UL.liste li.group .plus 		{ float:right; padding:1px 5px;  margin-bottom: -5px; color:#336699; font-size:17px; position:relative; }
UL.liste li.group .section 		{ color:#336699; font-size:17px; padding-right:6px; }
	UL.liste li.group .ariane	{ font-size: 12pt;  }
UL.liste li.group:first-child 	{ top: 0; border-top: none; }
UL.liste li.group .raquo 		{ padding:1px 6px 1px 0;  margin-bottom: -5px; color:#DCE7F2; font-size:15px;  }

UL.liste li.nav a {
    display: block;
    margin: -8px 0 -8px -10px;
    padding: 8px 32px 8px 10px;
    text-decoration: none;
    color: inherit;
    background:  url(iui/listArrow.png) no-repeat right center; }

UL.liste li.nav a .dateheure { padding-left:2px; color:#999; font-style:italic; font-weight:normal; font-size:90%; }

UL.liste li.nav a[selected], UL.liste li.nav a:active, UL.liste li.nav a:hover {
    background-image:  url(iui/loading.gif);
	background-color:#efefef;
    background-repeat: no-repeat;
    background-position: 97% 50%; }
UL.liste li.sousNav a:hover { background-color:transparent; }

/****************************************************************************************/
/* éléments du site */
/****************************************************************************************/
.pages { text-align: center; padding:15px 0; vertical-align:middle;}
	.pages A.page { text-decoration:none; text-decoration:none;  color:#3333CC; }
		.pages A.page strong { font-size:16px; }
		.pages A.prev { padding-right:10px; }
		.pages A.next { padding-left: 10px; }

FORM#contact { width:300px; margin:15px auto; }
FORM#contact input { width: 150px; height:20px; padding:0; margin:5px 0; float:left; }
FORM#contact br { clear: both; }
FORM#contact LABEL { float:left; display:block; width:100px; height:20px; padding:5px 0; line-height:20px; margin-right:20px; }
FORM#contact textarea { width:270px; height:75px; }
FORM#contact input[type="submit"] { width: 100px; height:30px; padding:0; margin:5px 0 0 110px; }

/****************************************************************************************/
/* articles */
/****************************************************************************************/

#countrydivcontainer {
	display:none;
	position:absolute;
	top:74px;left:0;
	width:100%; 
	height:100%;
	min-height:500px;
	background-color:#ffffff;
	z-index:100;
	padding:0;
	margin:0;
}
#countrydivcontainer A { display:inline; background:#ffffff; padding:0; margin:0; background-image:none;}

.loading {
	width:100%;
	height:100%;
	position:absolute;
	vertical-align:middle; 
	font-size:14pt;
	background-color:#333333; background-image:url('ajaxtabs/loading3.gif'); 
	background-repeat: no-repeat; background-position: center center; 
	padding:0;
	margin:0;
}

#article {
	width:auto;
	padding-bottom:20px;  }
	
.padder { padding:0 10px;
	font-size:13pt;
	color:#333333; }

.pub { background-color:#efefef; border-color:#cacaca; clear:both; border-style:solid; border-width:1px 0; width:100%; padding:5px 0 2px 0;text-align:center; margin:10px auto;}
.pubListe { border-width:0 0 1px 0px; margin: 0 auto; }

.pub, .pubListe { display:none; visibility:hidden; }

#article P { margin:10px 0px; }
	#article P A.retour { 
		color:#333;
		font-weight:bold;
		text-decoration:none;
		margin-left: 10px; }
	#article  P.site { position:relative;text-align:right; margin:0 10px 0 0;padding:5px 0; }
		#article  P.site A { text-decoration:none; color:#0066cc; }
		
#article IMG.artImg { 
	margin:4px 8px 8px 0;margin:3px 10px 5px 0;padding:0;
	background-color:#ffffff;
	border:1px solid #666;
	float:left; 
	max-width:100px; max-height:100px;
}

#article IMG.largePhoto { max-width:300px; }

#article .article UL { margin:5px 0 5px 20px; }

#article HR { 
	height:0px; 
	line-height:1px;
	border:0;
	padding:0;
	border-bottom:1px solid #efefef; }

#article H1 { 
	text-align:left; 
	font-size:140%;
	color:#000;
	padding:10px 10px 0 10px;
	margin:0; }
	
#article H2.date { 
	text-align:left; 
	font-size:10pt;
	color:#aaaaaa;
	padding:2px 10px;
	margin:3px 0 8px 0;	
	line-height:auto;
	border-bottom:1px solid #dddddd; }
	
.copyright {text-align:center; color:#cacaca;padding:20px 0; }
.copyright A, .aCopy { text-decoration:underline; color:#999999; }

/****************************************************************************************/
/* cinéma */
/****************************************************************************************/

#cinema { margin:0 auto; padding:15px 0;border-color:#cacaca; border-style:solid; border-width:0 1px; }
#cinema H1 { margin:0; padding:8px 0; font-size:140%; }


/****************************************************************************************/
/* photos */
/****************************************************************************************/
A.photos { 
	display: block;
    margin: -8px 0 -8px -10px;
    padding: 8px 32px 8px 10px;
    text-decoration: none;
    color: inherit;
	position: relative;
	overflow:hidden;
    margin: 0;
    border-bottom: 1px solid #E0E0E0;
    padding: 8px 0 8px 10px;
	z-index:0;
    background:  url(iui/listArrow.png) no-repeat right center; }
	
	A.photos H3 { margin:0 5px; padding:0 20px 8px 0; font-size: 120%;}
	A.photos P { margin:0; padding:0 20px 8px 0; }
	A.photos IMG { display:block;float: left; width:75px; height:75px; margin-right: 8px; }
	A.photos SPAN.temps { font-style:italic; color:#666; padding-right: 20px; }
	A.photos:hover {
		background-image:  url(iui/loading.gif);
		background-color:#efefef;
		background-repeat: no-repeat;
		background-position: 97% 50%; }


/****************************************************************************************/
/* plus */
/****************************************************************************************/
#plus { padding: 10px 0px;  }

#plus UL { list-style-type:none; margin:0; padding:10px 0;  border-bottom:1px solid #efefef;}
	#plus UL LI {  font-size: 130%; font-weight:bold; color:#666; line-height:20px; vertical-align:middle; padding:4px 0 4px 30px; margin:0 0 0 0px; }
		#plus UL LI.titre { font-size: 130%; line-height:40px; padding-left:60px; background-position:10px center; background-repeat: no-repeat; }
		#plus UL LI A { text-decoration:none; color:#06C; }
		#plus UL LI SPAN { font-size:80%; color:#999; }



/****************************************************************************************/
/* météo */
/****************************************************************************************/
#meteo {
	width:290px;
	margin:0;
	padding:0;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	}
	#meteo .ville100 {
		width: 93px;
		float:left;
		margin:5px 0 0 0; padding:0;
		}
		#meteo .ville100 IMG {
			float:right;
			margin-top:-4px;
			border:0;
			}
		#meteo .ville100 SPAN {
			display:block;
			width:52px;
			overflow:hidden;
			text-align:right;
			line-height:14px;
		}
		#meteo .ville100 .ville { 
			font-weight: bold;
		}
		#meteo .ville100 .temp {
			font-size:120%;
			font-weight:bold;
			color:#999;
		}
		
	#meteo .ville300 {
		width: 100%;
		clear:left;
		margin:0; padding:8px 0 0px 0;
		}
		#meteo .ville300 IMG {
			margin-top:-4px;
			border:0;
			float:left;
			width:40px;
			}
		#meteo .ville300 SPAN {
			display:block;
			float:left;
			text-align:left;
		}
		#meteo .ville300 .ville { 
			font-weight: bold;
			text-align:right;
			width:80px;
			font-size:90%;
			padding:0 5px 0 0px;
		}
		#meteo .ville300 .temp {
			width:100%;
			font-size:90%;
			text-align:right;
			font-weight:bold;
			color:#999;
			}
			#meteo .ville300 .temp .min {
				display:inline;
				color:#06F;
			}
		#meteo .ville300 .pdp {
			width:30px;
			padding-top:3px;
			color:#999;
			font-size:75%;
			line-height:10px;
		}
		#meteo .ville300 .letemps {
			width:100px;
			font-size:90%;
			font-weight:normal;
		}