/* 
   1. Top Right Bottom Left 
   2. Vertical align : height and line-height must be the same
*/

#masthead {
	width: 940px;
	margin: 0 auto;
}
/* Banner ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#banner {
	width: 940px;
	height: 240px;
	margin: 0 auto;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#tnav {width: 940px; margin: 0 auto;}
	#tnav_left { width:440px; float:left; display:inline; position:relative; padding-left:8px; font-size:10px; color:#211C6D;}
	.meteo {font-size:12px;}
	.meteo a {font-weight:bold; text-decoration:underline;}
	#tnav_right {
		width: 500px;
		float:right;
		display:inline;
		text-align:right
		}
		#tnav_right ul {padding:0; margin:0}
		#tnav_right li {display:inline; list-style:none; margin:0 20px 0 0; font-size:11px; font-weight:bold}
		#tnav_right ul li a:link, #tnav_right ul li a:visited {color:#576569; text-decoration:underline}
		#tnav_right ul li a:hover, #tnav_right ul li a#active, #tnav_right ul li a:active {color:#E0BE26; text-decoration:none}
		#tnav_right img {border:none}
/*SEARCH*/
#recherche {width:460px; height:30px; text-align:center;}
	.recherche_input {
	  background: #FFFFFF url(../images/loupe.gif) no-repeat;
	  padding-left: 20px;
	  font-size: 11px;
	}
	.recherche_bouton { cursor:pointer; height: 18px; margin-bottom: 2px; background-color: #282387; border: 1px #ffffff solid; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#FFFFFF; padding-left: 2px; padding-right: 2px; }
/*COLUMNS*/
#columnwrapper {
	width: 940px;
	margin: 0 auto;
	background-image: url('../images/3colWC.gif');
	background-repeat: repeat-y;
	color: #000000;
}
#columns-top {
	background-image: url('../images/3colWCTop.gif');
	background-repeat: no-repeat;
	height: 12px;
}
#c1 {
	float: left;
	width: 220px;
	margin-right: 20px;
	text-align:center;
}
#c2 {
	float: left;
	width: 460px;
	margin-right: 20px;
}
#c3 {
	float: left;
	width: 220px;
	margin-right: 0px;
	text-align:center;
}
#columns-bottom {
	clear: both;
	background-image: url('../images/3colWCBottom.gif');
	background-repeat: no-repeat;
	height: 12px;
	font-size: 0px;
}
#footer
{
	background: url('../images/footer.gif') repeat-x;
	height: 44px;
	font-size: 11px;
	color: #576569;
	margin-top: 16px;
	text-align: center;
	border-top: #7B8F95 solid 1px;
}

#footer a
{
color: #576569;
font-size: 11px;
font-weight:bold;
text-decoration: none;
}
#footer a:hover
{
color:#BF261D;
}
.clearfloat {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}