body {
	width:893px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	text-align:center;
	background-color:#000;
}
a#bandoSup {
	background:url(img/BandoSup.png) no-repeat;
	display:block;
	width:893;
	height:47px
}
a:hover#bandoSup { 
	text-decoration:none;
}
a#bandoSupIn {
	background:url(img/BandoSup_in.png) no-repeat;
	display:block;
	width:700;
	height:47px;
}
#bando {
	height:232px;
}
#body {
	background-color:#333;
	width:893px;
	float:left;
}

#bodypopup {
	background-color:#333;
	width:700px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	text-align:center;
	float:center;
}
#footer {
	background-color:#1A1A1A;
	width:893px;
	float:left;
	font-size: 11px;
	text-align: center;
	color:#666666;
	font-family: Arial, Helvetica, Verdana, "sans-serif 11px";
	line-height: 22px;
	vertical-align: baseline;
	margin-top:20px;
}
#footer2 {
	background-color:#1A1A1A;
	width:700px;
	float:left;
	font-size: 11px;
	text-align: center;
	color:#666666;
	font-family: Arial, Helvetica, Verdana, "sans-serif 11px";
	line-height: 22px;
	vertical-align: baseline;
}
.cleaner {
	clear:both;
}
a:link,a:active,a:visited {
	color:#CC3300;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}



/* D�finition MENU *************************************/

#menu { 
	background:url(img/pxlNav.jpg) repeat 0 0;
	border-bottom:1px solid #000; 
}


#menu a {
	display:block;
	float:left;
	height:29px;
	text-decoration:none;
}
#menu a.active {
background-position:0 -29px;
}
a#ode {
	width:129px;
	background:url(img/Nav_ode.png) no-repeat 0 0;
}
a:hover#ode {
	background:url(img/Nav_ode.png) no-repeat 0 -29px;
}

a#prevWx {
	width:109px;
	background:url(img/Nav_PrevWx.png) no-repeat 0 0;
}
a:hover#prevWx {
	background:url(img/Nav_PrevWx.png) no-repeat 0 -29px;
}
a#bio {
	width:78px;
	background:url(img/Nav_Bio.png) no-repeat 0 0;
}
a:hover#bio {
	background:url(img/Nav_Bio.png) no-repeat 0 -27px;
}
a#news {
	width:90px;
	background:url(img/Nav_News.png) no-repeat 0 0;
}
a:hover#news {
	background:url(img/Nav_News.png) no-repeat 0 -28px;
}
a#contact {
	width:63px;
	background:url(img/Nav_Contact.png) no-repeat 0 0;
}
a:hover#contact {
	background:url(img/Nav_Contact.png) no-repeat 0 -29px;
}


/* D�finition des colonnes *************************************/
#col1{
	width:330px;
	padding-left:40px;
	padding-top:30px;
	float:left
}
#col2{
	width:230px;
	padding-top:30px;
	float:left
}	
#col3{
	width:293px;
	padding-top:30px;
	float:left
}

.picXL {
	display:block;
	width:600px;
	height:543px;
	float:left;
}
.picXL img {
	display:block;
	float:left;
}


a.picXS {
	display:block;
	width:22px;
	height:24px;
	margin-left:1px;
	float:left;
}
a:hover.picXS {
	text-decoration:none;
	background-position:0 -24px;
}

#colsup{
	width:123px;
	padding-left:20px;
	padding-top:0px;
	float:left
}
/* D�finition COLONNE 1 *************************************/
#col1 .news {
	margin-bottom:20px;
}	
#col1 .txt {
	float:left;
	font:Arial, Helvetica,Verdana, sans-serif 11px;
	font-size: 11px;
	text-align: left;
	color:#CCCCCC; 
	padding-left:10px;
	width:200px;
}
#col1 .txt h3 {
	margin:0;
	font:Arial, Helvetica,Verdana, sans-serif 11px;
	font-size: 12px;
	font-weight:bold;
	text-align: left;
	color:#993366; 
}
#col1 a.pic {
	display:block;
	width:84px;
	padding-top:5px;
	height:84px;
	float:left;
}
a:hover.pic {
	text-decoration:none;
} 
#col1_big {
	float:left;
}


#col1product{
	width:53px;
	padding-left:20px;
	padding-top:0px;
	float:left
}



/* D�finition COLONNE 2 *************************************/
#col2 .news {
	margin-bottom:20px;
} 
#col2 .txt {
	float:left;
	font:Arial, Helvetica,Verdana, sans-serif 10px;
	font-size: 10px;
	text-align: left;
	color:#CCCCCC; 
	padding-right:15px;
}
#col2 .txt h3 {
	margin:0;
	margin-left:0px;
	font:Arial, Helvetica,Verdana, sans-serif 10px;
	font-size: 12px;
	font-weight:bold;
	text-align: left;
	color:#993366; 
}
#col2 a.pic {
	display:block;
	padding-top:10px;
	width:195px;
	height:135px;
	margin-left:1px;
	float:left;
}


#col2 a.pictop {
	padding-left:53px;
	text-align:left;
}



/* D�finition COLONNE 3 *************************************/
#col3 .news {
	margin-bottom:20px;
} 
	
#col3 .txt {
	float:left;
	margin-left:10px;
	margin-right:20px;
	font-size: 11px;
	text-align: left;
	color:#999999;
	font-family: Arial, Helvetica, Verdana, "sans-serif 11px";
	line-height: 13px;
}
#col3product .txt {
	font-size: 11px;
	text-align: left;
	color:#999999;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	line-height: 13px;
}
#col3 .txt2 {
	float:left;
	margin-left:0px;
	margin-right:20px;
	font-size: 11px;
	text-align: left;
	color:#999999;
	font-family: Arial, Helvetica, Verdana, "sans-serif 11px";
	line-height: 13px;
}

#col3 .txt h3 {
	margin:0;
	margin-left:0px;
	margin-right:20px;
	font:Arial, Helvetica,Verdana, sans-serif 11px;
	font-size: 12px;
	font-weight:bold;
	text-align: left;
	color:#993366; 
}

#col3 .titrenews {
	margin:0;
	margin-left:0px;
	margin-right:20px;
	font:Arial, Helvetica,Verdana, sans-serif 11px;
	font-size: 10px;
	font-weight:bold;
	text-align: left;
	color:#999900; 
}
#col3 .titreorange {
	margin:0;
	margin-left:-12px;
	margin-right:20px;
	font:Arial, Helvetica,Verdana, sans-serif 11px;
	font-size: 10px;
	font-weight:bold;
	text-align: left;
	color:#FF6600; 
}
#col3 .times {
	margin:0;
	margin-left:0px;
	margin-right:20px;
	font:"Times New Roman", Times, serif;
	font-size: 11px;
	font-weight:bold;
	text-align: left;
	color:#CCCCCC; 
}
#col3product{
	width:182px;
	padding-left:15px;
	float:left;
	text-align:justify;
}
#col3product .times {
	margin:0;
	margin-left:0px;
	margin-right:20px;
	font:"Times New Roman", Times, serif;
	font-size: 11px;
	font-weight:bold;
	text-align: left;
	color:#CCCCCC; 
}
#col3product .caps {
	margin:0;
	margin-left:0px;
	margin-right:20px;
	font-size: 12px;
	font-weight:bold;
	text-align: left;
	color:#FF6600;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 14px;
	text-transform: uppercase;
	text-decoration: none;
}
#col3product .txt2 {
	float:left;
	margin-left:0px;
	margin-right:20px;
	font-size: 11px;
	text-align: left;
	color:#999999;
	font-family: Arial, Helvetica, Verdana, "sans-serif 11px";
	line-height: 13px;
}

#col3 a.pic {
	display:block;
	padding-top:10px;
	width:252px;
	height:191px;
	margin-left:1px;
	float:left;
}

.typo {
	font-size:11px;
	font-family:Times;
	margin-right:20px;
}	
.name {
	color: #ccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

hr.white {
	height:1px;
	border:0px;
	border-top:1px solid #ccc;
	margin:2px 0px 6px 0px;
}
.white	{
	color: #fff;
}
