* {
	margin:0;
	padding:0;
}
body {
	background:#ffffff;
	margin:0 auto 0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#555555;
}

img {
    max-width: 100%;
}


#flashcontent {
		border: solid 0px #000;
		width: 450px;
		height: 370px;
		float: left;
	}
	
	#flashcontentnews {
		border: solid 0px #000;
		width: 720px;
		height: 576px;
		float: left;
	}

/* wrapper */
div.pagewidth {
	width:99.5%;
	margin:0 auto;
	padding:0;
}
div.titre {
	padding:0px 0 0px 15px;
	padding-bottom: 5px;
	position: relative;
	top: 40px;
	right: 22px;
}
div.biarritz {
	padding:0px 0 0px 0px;
	padding-bottom: 5px;
	position: absolute;
	top: 0px;
	right: 25px;
	width:114px;
	float:right;
}

div.nice {
	padding:0px 0 0px 0px;
	padding-bottom: 5px;
	position: absolute;
	top: 0px;
	right: 25px;
	width:114px;
	float:right;
}

div.ticker {
	padding:0px 0 0px 0px;
	padding-bottom: 5px;
	position: absolute;
	top: 20px;
	right: 144px;
	float:right;	
}
div.date {
	padding:0px 0 0px 0px;
	padding-bottom: 5px;
	position: absolute;
	top: 20px;
	left: 100px;
	float:left;	
}
.tabb {font-size:12px; color:white;  font-family:Arial,Helvetica;}
 .tan {FONT-SIZE: 12px; COLOR: white; FONT-FAMILY: Arial,Helvetica; TEXT-ALIGN: center}
 .tann {FONT-SIZE: 12px; COLOR: white; FONT-FAMILY: Arial,Helvetica; TEXT-ALIGN: center}
  .taff {FONT-SIZE: 12px; COLOR: #990036; FONT-FAMILY: Arial,Helvetica; TEXT-ALIGN: center}


/* header & nav */
div.header-wrapper {
	background-color:#CC0047;
	border-top:10px solid #B3003E;
}
div.header-wrapperbis {
	background-color:#CC0047;
	border-top:10px solid #B3003E;
		width:85%;
	margin:0 auto;
	padding:0;
}
div.nav-wrapper {
	background:#333333 url('images/nav.png') repeat-x scroll center center;
}
div.header {
	padding:40px 0 40px 10px;
	margin:0 auto;
}
div.nav {
	height:50px;
	display:block;
}
div.nav ul {
	list-style:none;
	padding:0;
	margin:0;
	height:50px;
	float:left;
	position:relative;
	border-right:1px solid #333333;
	border-left:1px solid #121212;
}
div.nav ul li {
	display:block;
	float:left;
	padding:0;
	border-right:1px solid #121212;
	border-left:1px solid #333;
}
div.nav ul li a, div.nav ul li a:visited {
	float:left;
	padding:17px 10px;
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
	font-size:0.9em;
	font-family:Arial, Helvetica, sans-serif;
}
div.nav ul li a:hover {
	background:#333;
	color:#ffffff;
}
div.nav ul li.selected a, div.nav ul li.selected a:visited, div.nav ul li.selected a:hover {
	background:#CC0047;
}

div.nav ul li.flag a, div.nav ul li.flag a:visited, div.nav ul li.flag a:hover {
	padding:17px 5px;
}



/* headers */
h1 {
	font-size:2.2em;
	letter-spacing:-2px;
	padding-left:10px;
	text-align:left;
	line-height:1.0em;
	text-transform:uppercase;
}
h1 a, h1 a:hover, h1 a:visited {
	text-decoration:none;
	color:#fff;
	font-weight:bold;
}
h2 {
	text-align:left;
	padding:0 0 10px 10px;
	font-size:0.9em;
	color:#FF99BD;
	font-weight:normal;
}
h3 {
	font-size:1.9em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color:#333333;
	letter-spacing:-1px;
}
.titrebright {
	font-size:1.9em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color:#CC0047;
	letter-spacing:-1px;
}
}
.titrebrightgrey {
	font-size:1.9em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color:#999999;
	letter-spacing:-1px;
}
.titrebrightgreymini {
	font-size:1.7em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color:#999999;
	letter-spacing:-1px;
}
h4 {
	font-family:"Trebuchet MS", Verdana, Arial;
	font-weight:bold;
	color:#fff;
	padding:7px 12px;
	font-size:0.8em;
	letter-spacing:1px;
	background:#CC0047;
	border-right:2px solid #990036;
	border-bottom:2px solid #990036;
}



/* element defaults */
p {
	margin-bottom:20px;
	line-height:1.9em;
	font-size:0.9em;
	color:#555555;
}
ul {
	padding:0 0 20px 35px;
	list-style:none;
}
ul.disc {
	padding:0 0 20px 35px;
	list-style:disc;
}
code {
	border:1px solid #dddddd;
	color:#666666;
	display:block;
	padding:10px;
	margin:10px 0;
}

/* default forms */
fieldset { 
	border:none;
	border-top:1px solid #dddddd;
	margin-top:10px;
}
fieldset legend {
	font-size:0.9em;
	color:#666666;
	font-weight:bold;
	padding:0 10px 0 0;
	background-color:#ffffff;
}
form { }
form input, form textarea {
	border:1px solid #999999;
	border-bottom-color:#cccccc;
	border-right-color:#cccccc;
	padding:5px;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.0em;
}
form input.formbutton {
	background:#CC0047 none repeat-x scroll bottom left;
	color:#ffffff;
	border:1px solid #990036;
	color:#ffffff;
	font-size:0.8em;
	padding:6px 14px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* default tables */ 
table {
	width:100%;
	margin-bottom:10px;
}
table tr th, table tr td {
	padding:2px 3px; 
}
.red {
	padding:0px 0px; 
	color:#CC0047;
}
.redy {
	color:#CC0047;
}
.redymini {
	color:#CC0047;
	font-size:10px;
}
table tr th {
	background:#CC0047 none repeat-x scroll bottom left;
	color:#ffffff;
	border-top:2px solid #990036;
}
table tr tZ {
	background:#CC0047 none repeat-x scroll bottom left;
	color:#ffffff;
	border-top:2px solid #990036;
}
table tr td {
	border-bottom:1px solid #dddddd;
		font-size:0.8em;
	color:#333333;
}
.minitable  {
	font-size:10px; text-transform:capitalize;
}
.minitablered  {
	font-size:10px; text-transform:capitalize;
	color:#CC0047;
}
/* default links */
a, a:visited { 
	color:#CC0047;
} 
a:hover { 
	color:#990036; 
}

.menuy {
font-size:0.8em;
display:block; 
width:155px; 
height:15px; 
text-align:center; 
text-decoration:none; 
line-height:15px; 
background:#333333;
color:#ffffff;
border-top:1px solid #fff; 
}

.menuy:visited  {
color:#B3003E;
background:#999999;
}
.menuy:hover {
background:#CC0047; 
color:#ffffff;
}
.menuz {
font-size:0.7em;
font-style:italic;
display:block; 
width:155px; 
height:15px; 
text-align:center; 
text-decoration:none; 
line-height:15px; 
background:#B3003E;
color:#ffffff;
border-top:1px solid #fff; 
}

.menuz:visited  {
color:#ffffff;
background:#B3003E;
}
.menuz:hover {
background:#000000; 
color:#ffffff;
}

.linkredmini { 
	color:#CC0047;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-style:italic;
} 
.linkredmini:visited { 
	color:#CC0047;
}
.linkredmini:hover { 
	color:#990036;
	text-decoration:underline;
}
.newsright { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-style:italic;
}
.rednews {
	font-size:0.9em;
	color:#CC0047;
}
.textgrey {
	line-height:1.2em;
	font-size:0.9em;
	color:#555555;
}
.textgreymini {
	line-height:1.2em;
	font-size:0.8em;
	color:#555555;
}
.textgreyminired {
	line-height:1.2em;
	font-size:0.8em;
	color:#CC0047;
}
.textgreyadd {
	line-height:1.2em;
	font-size:0.8em;
	color:#555555;
	margin-left:50px;
	padding-left:5px;
	border-left:1px solid #CC0047;
}
.image {
float:left;
margin:0 15px 5px 0;
}

/* centeral page */
div.page {
	clear:both;
	margin:0;
	padding:0;
	background-color:#ffffff;
}
div.page ul {
	font-size:0.95em;
	color:#555555;
}
div.page ul li {
	padding:2px 0;
}
div.page p {
	text-align:justify;
	font-family:Helvetica, Arial, sans-serif;
	color:#444444;
}

/* content */
div.page-diapo {

	padding:0px;
	background-color:#ffffff;
	height:100%;
	width:100%;
	margin:auto;
	overflow:hidden;
}
div.page-sousdiapo {
	position:relative;
	height:100%;
	width:100%;
	overflow:hidden;
}
.centerdiv{ /*IE method of centering a relative div*/
text-align: center;
margin:auto;
}
.centerdiv>div{ /*Proper way to center a relative div*/
margin: 0 auto;
}
div.page-wrap {
	padding:10px;
	clear:both;
	background-color:#fff;
}
div.content {
	float:left; width:60%; padding-right:20px;}
div.contentsolo {
	float:left; width:100%; padding-right:20px;}
div.content ul {
	font-size:0.9em; list-style:disc;}
div.content ul li {
	padding-bottom:5px;}

div.contentbis {
	float:left; width:60%; padding-left:20px;}
div.contentbis ul {
	font-size:0.9em; list-style:disc;}
div.contentbis ul li {
	padding-bottom:5px;}

/* sidebar */
div.sidebarbis {
	padding-right:20px; float:left; width:30%; font-family:Georgia, "Times New Roman", Times, serif;}
div.sidebarbis p { 
	font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:40px; padding:2px;}
div.sidebarbis ul {
	margin:0 0 40px 0; padding:4px;}
div.sidebarbis ul li {
	padding:8px 0;}
div.sidebarbis ul.blocklist li {
	border-bottom:1px dashed #e0e0e0; padding:10px 0; font-size:0.9em; font-family:Arial, Helvetica, sans-serif;}

div.sidebar {
	padding-left:20px; float:left; width:30%; font-family:Georgia, "Times New Roman", Times, serif;}
div.sidebar p { 
	font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:40px; padding:2px;}
div.sidebar ul {
	margin:0 0 40px 0; padding:4px;}
div.sidebar ul li {
	padding:8px 0;}
div.sidebar ul.blocklist li {
	border-bottom:1px dashed #e0e0e0; ,padding:10px 0; font-size:0.9em; font-family:Arial, Helvetica, sans-serif;}
	



/* footer */
div.footer {
	clear:both;
	background:#262626;
}
div.footer p {
	text-align:center;
	color:#eee;
	font-size:0.75em;
	padding:40px 0;
	margin:0;
}
div.footer p a {
	color:#eee;
}

/* search form */
form.searchform {
}


/* misc classes */
*:focus {
	outline:none;
}
.clear {
	clear:both;

}


#cd {
	font-size:1.9em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color:#333333;
	letter-spacing:-1px;
	text-align: center;
}
.minirednews {
	font-size:0.7em;
	color:#CC0047;
}

div.meteo {
height:300px; 
text-align:center;
}

.classement {
 	color:#333333;
	font-weight:bold;
	font-size:1.1em;
	font-family:Arial, Helvetica, sans-serif;
text-align:center;
}
.flagy { width:110px; height:90px; float:left; text-align:center;
}









/* Add a black background color to the top navigation */
.topnav {
  background-color: #333;
  overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Add an active class to highlight the current page */
.topnav a.active {
  background-color: #CC0047;
  color: white;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
}






/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 620px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }

}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 620px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }

div.sidebar {
	padding-left:0px; float: left; width:100%; font-family:Georgia, "Times New Roman", Times, serif;}
div.content {
	float:left; width:100%; padding-right:20px;}	
}