/* CSS Document */
body{
	margin:0;
	padding:0;
	border:0;
	background-color:#fff;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:1em;
	text-align:justify;
}

p{
	font-size:0.75em;
	margin:0.5em 0;
}

ul{
	margin:0;
	padding:0;
	border:0;
}

	ul li{
		list-style:disc inside;
	}

h1{
	font-size:0.9em;
	font-weight:bold;
	padding:0;
	margin:10px 0px 5px 0px;
	border-bottom:1px solid #ddd;
	color:#F30;
}

	h1.first{
		padding:0px 0px 5px 0px;
		margin:2px 0px 0px 0px;
	}

	h1 em{
		display:block;
		font-size:0.75em;
		font-weight:normal;
		font-style:italic;
		color:#777;
		text-align:left;
		margin:0px;
	}

h2{
	font-size:0.8em;
}

img{
	border:1px solid #f30;
}

#topBar{
	height:65px;
	background:#fff url(../images/top_background.gif) bottom right no-repeat;
	margin:0;
	padding:0;
	border:0;
}

	#topBar img{
		padding:0;
		margin:0;
		border:0;
	}

#webdesign{
	float:right;
	padding:0;
	margin:0;
}

	#webdesign ul li{
		margin:0px 5px;
		padding:0;
		list-style:none;
		display:inline;
		font-size:0.6em;
	}

		#webdesign ul li a{
			text-decoration:none;
			color:#aaa;

		}

			#webdesign ul li a:hover{
				text-decoration:underline;
				color:#000;
			}

#flags{
	float:right;
	padding:43px 0px 0px 0px;
	margin:0px 2px 0px 0px;
}

	#flags ul li{
		display:inline;
		list-style:none outside;
	}

#topBar a.flag{
	padding:0;
	margin:1px;
}

	#topBar	a.flag img{
		padding:0;
		margin:0;
		border:1px solid #000;
	}

#titleBar{
	height:30px;
	font-size:1.1em;
	color:#fff;
	letter-spacing:0.3em;
	font-weight:bolder;
	text-align:center;
	border:0;
	background:#F30 url(../images/bottom_background.gif) bottom left no-repeat;
	margin:0px 0px 5px 0px;
	padding:0;
	line-height:25px;
}

#leftBar{
	float:left;
	width:80px;
	margin:0;
	padding:0;
	border:0;
}

	#leftBar ul li{
		list-style:none outside; /*bien que la puce n'apparaisse pas, son emplacement est pris en compte par IE */
		margin:0;
		padding:0;
		border:0;
		font-size:0.8em;
		text-align:center;
	}

		#leftBar ul li a{
			display:block;
			height:100%; /*IMPORTANT :pour déclenchement survol des liens quelque soit leur longueur dans IE !!!!! */
			font-weight:bold;
			color:#aaa;
			text-decoration:none;
			letter-spacing:-1px;
			margin:10px 0px 0px 0px;
			padding:40px 0px 0px 0px;
			background:url(../images/outItem.gif) top center no-repeat;
		}

		#leftBar ul li a:hover{
			background-image:url(../images/overItem.gif);
			color:#000;
		}

#rightBar{
	float:right;
	padding:0px 0px 5px 0px;
	margin:2px 0px 0px 5px;
	width:150px;
/*	background-color:#fafafa;
	border:1px solid #fff;*/
}

	#rightBar h1{
		margin:10px 0px 10px 0px;
		padding:0px 10px;
		font-size:0.8em;
		font-weight:bold;
		text-align:center;
		color:#f30;
/*		border-bottom:1px solid #ddd;*/
/*		border-top:2px solid #f30;
		background:#fff;*/
	}

	#rightBar h2{
		margin:0;
		border:0;
		padding:5px 10px;
		font-size:0.6em;
/*		background:#f30;*/
		background:#eee url(../images/top_rounded.gif) top center no-repeat;
	}

	#rightBar ul{
		margin:0px 0px 4px 0px;
		padding:0px 0px 15px 0px;
		text-align:left;
		background:#eee url(../images/bottom_rounded.gif) bottom center no-repeat;
		border:0;
	}
		
		#rightBar ul li{
			list-style:none outside;
			margin:0px 5px;
			padding:0;
			border:0;
			font-size:0.6em;
			line-height:15px;
			background:#fafafa;
		}

			#rightBar ul li a{
				display:block;
				text-decoration:none;
				color:#aaa;
				padding:0px 5px 0px 10px;;
				height:100%;/*IMPORTANT :pour déclenchement survol des liens quelque soit leur longueur dans IE !!!!! */
			}

			#rightBar ul li a:hover{
				background-color:#ff3;
				text-decoration:underline;
				color:#000;
			}

#main{
	margin:0px 0px 0px 85px;
	padding:5px; /* obligatoire pour affichage correct bordure bottom dans IE */
}

#main2{
	margin:0px 160px 0px 85px;
	padding:5px;
} 

img.left{
	float:left;
	border:1px solid #000;
	margin:2px 10px 5px 2px;
}

img.right{
	float:right;
	border:1px solid #000;
	margin:2px 5px 5px 10px;
}
 
#bottom{
	margin:10px 0px 0px 0px;
	padding:0;
	text-align:right;
	border-top:1px solid #ddd;
	clear:both;
}

	#bottom ul li{
		margin:0px 5px;
		padding:0;
		list-style:none;
		display:inline;
		font-size:0.6em;
	}

		#bottom ul li a{
			text-decoration:none;
			color:#aaa;

		}

			#bottom ul li a:hover{
				text-decoration:underline;
				color:#000;
			}
/* ==================================================FORMULAIRES =======================================*/
#form{ /* cadre rendu obligatoire à cause mauvais rendu IE sur le formulaire lui-même */
	padding:0 24% 0 24%;
	margin:0.5em 0 0 0;
	width:50%;
	border:0;
}

form{
	width:98%;
	margin:0;
	padding:1%;
	background-color:#fafafa;
	border-width:1px;
	border-style:solid;
	border-color:#fff #000 #000 #fff;
}

fieldset{
	padding:5px;
	margin:0.2em;
	border:1px solid #aaa;
}

legend{
	font-size:0.75em;
	font-style:italic;
	color:#f30;
	margin:0 0 0.3em 0;
}

label{
	font-size:0.75em;
	text-align:left;
}