/*-----------------------------------------------*/
/*              BCS Maps CSS                */
/*-----------------------------------------------*/

body{
   	background-color: white;
  	text-decoration: none; 
  	font: 11px Verdana,Arial,Geneva,Helvetica,sans-serif;
	margin: 0px;
	padding: 0px;
}

/*-----------------------------------------------*/
/*             S T Y L E S                       */
/*-----------------------------------------------*/

/*------------- style normal --------------------*/
/* texte */
.fnormal{
	text-decoration: none; 
  	font: 11px Verdana,Arial,Geneva,Helvetica,sans-serif;
	color: black;
}

/* texte blanc bandeau */
/* - second bandeau country, zone, spot (avec PDF, rate, comment) */
/* - titre des bo?tes de news */
.fnormal_inv{
	text-decoration: none; 
  	font: 11px Verdana,Arial,Geneva,Helvetica,sans-serif;
	color: white;
}
.fnormal_inv2{
	text-decoration: none; 
  	font: 11px Verdana,Arial,Geneva,Helvetica,sans-serif;
	color: black;
}

/* small intermediaire */
/* - tableau des infos additionnelles de zone */
.fnormal_small{
	text-decoration: none; 
  	font: 10px Verdana,Arial,Geneva,Helvetica,sans-serif;
	color: black;
}

/* copyright */
.fsmall{
	text-decoration: none; 
  	font: 10px Verdana,Arial,Geneva,Helvetica,sans-serif;
	color: black;
}

/* homepage */
.wshome_text {
	text-decoration: none; 
  	font: 11px Verdana,Arial,Geneva,Helvetica,sans-serif;
	color: black;
}


/* texte des donnes spots */
.fdata{
	text-decoration: none; 
  	font: 11px Verdana,Arial,Geneva,Helvetica,sans-serif;
	color: rgb(0,60,121); /* bleu */
}

/* texte pour les tableaux de news */
.fdata_small{
	text-decoration: none; 
  	font: 9px Verdana,Arial,Geneva,Helvetica,sans-serif;
	color: rgb(0,60,121); /* bleu */
}
.fdata_small2{
	text-decoration: none; 
  	font: 11px Verdana,Arial,Geneva,Helvetica,sans-serif;
	color: black;
}
/* titres champs page spot */
.flabel{
	text-decoration: none; 
  	font: 11px Verdana,Arial,Geneva,Helvetica,sans-serif;
	color: #0EAFB9; /* bleu cyan */
}

/* Lacanau, Gros titre, police claire, fond fonc? */
.ftitle1_inv{
	text-decoration: none; 
  	font: bold 18px Verdana,Arial,Geneva,Helvetica,sans-serif;
	color: white;
}


/* Pour avoir la meme taille que le titre */
.ftitle1_size{
	font: bold 18px Verdana,Arial,Geneva,Helvetica,sans-serif;
}

/*  Parties des pages Admin*/
.ftitle0{
	text-decoration: none; 
  	font: bold 22px Verdana,Arial,Geneva,Helvetica,sans-serif;
	color: rgb(255,150,0); /* orange */
}

/*  Titre des pages (Help, Add a message, etc)*/
.ftitle1{
	text-decoration: none; 
  	font: bold 18px Verdana,Arial,Geneva,Helvetica,sans-serif;
	color: rgb(89,152,201); /* bleu ciel */
}


/* Donn?es sous le titre de l'item (europe, france pour Arcachon)) */
.ftitle2_inv{
	text-decoration: none; 
  	font: bold 16px Verdana,Arial,Geneva,Helvetica,sans-serif;
	color: rgb(89,152,201); /* bleu */
}

/* ?????? europe, france */
.ftitle2{
	text-decoration: none; 
  	font: bold 16px Verdana,Arial,Geneva,Helvetica,sans-serif;
	color: rgb(147,185,220); /* bleu clair */
}



/* Titre de partie (characteristics, access, photos, comments, feedback) */
.ftitle3{
	text-decoration: none; 
  	font: bold 11px Verdana,Arial,Geneva,Helvetica,sans-serif;
	color: rgb(0,60,121); /* bleu */
}

/* Titre sous-parties */
.ftitle4{
	text-decoration: none; 
  	font:11px Verdana,Arial,Geneva,Helvetica,sans-serif;
	color: rgb(206,0,0); /* rouge */
}

/* url normale */
.url a:link {
	color: rgb(228,77,111);
	text-decoration: underline;
	font: 11px Verdana,Arial,Geneva,Helvetica,sans-serif;
}
.url a:active {
	color: rgb(228,77,111);
	text-decoration: underline;
	font: 11px Verdana,Arial,Geneva,Helvetica,sans-serif;
}
.url a:visited {
	color: rgb(228,77,111);
	text-decoration: underline;
	font: 11px Verdana,Arial,Geneva,Helvetica,sans-serif;
}
.url a:hover {
	color: rgb(137,32,52);
	text-decoration: none;
	font: 11px Verdana,Arial,Geneva,Helvetica,sans-serif;
}


/* url normale couleur invers?es*/
.url_inv a:link {
	color: white;
	text-decoration: underline;
	font: 11px Verdana,Arial,Geneva,Helvetica,sans-serif;
}
.url_inv a:active {
	color: white;
	text-decoration: underline;
	font: 11px Verdana,Arial,Geneva,Helvetica,sans-serif;
}
.url_inv a:visited {
	color: white;
	text-decoration: underline;
	font: 11px Verdana,Arial,Geneva,Helvetica,sans-serif;
}
.url_inv a:hover {
	color: rgb(0,60,121);
	text-decoration: none;
	font: 11px Verdana,Arial,Geneva,Helvetica,sans-serif;
}

/* pour diminuer la taille des liens */
.urlsmall a:link {
	font: 10px/11px Verdana,Arial,Geneva,Helvetica,sans-serif;
}
.urlsmall a:active {
	font: 10px/11px Verdana,Arial,Geneva,Helvetica,sans-serif;
}
.urlsmall a:visited {
	font: 10px/11px Verdana,Arial,Geneva,Helvetica,sans-serif;
}
.urlsmall a:hover {
	font: 10px/11px Verdana,Arial,Geneva,Helvetica,sans-serif;
}


/* url wanna bar */
.url_wanna a:link {
	color: rgb(0,0,0);
	text-decoration: none;
	font: bold 14px/14px Verdana,Arial,Geneva,Helvetica,sans-serif;
}
.url_wanna a:active {
	color: rgb(0,0,0);
	text-decoration: none;
	font: bold 14px/14px Verdana,Arial,Geneva,Helvetica,sans-serif;
}
.url_wanna a:visited {
	color: rgb(0,0,0);
	text-decoration: none;
	font: bold 14px/14px Verdana,Arial,Geneva,Helvetica,sans-serif;
}
.url_wanna a:hover {
	color: rgb(206,0,0);
	text-decoration: none;
	font: bold 14px/14px Verdana,Arial,Geneva,Helvetica,sans-serif;
}


/*------------- sytle d?coration menu -----------*/
/* url menu titre principaux */
.urlmenu1 a:link {
	color: rgb(0,0,0); /* black */
	text-decoration: none;
	padding: 2px 2px 2px 3px;
	font: bold 11px Verdana,Arial,Geneva,Helvetica,sans-serif;
}
.urlmenu1 a:active {
	color: rgb(0,0,0); /* black */
	text-decoration: none;
	padding: 2px 2px 2px 3px;
	font: bold 11px Verdana,Arial,Geneva,Helvetica,sans-serif;
}
.urlmenu1 a:visited {
	color: rgb(0,0,0); /* black */
	text-decoration: none;
	padding: 2px 2px 2px 3px;
	font: bold 11px Verdana,Arial,Geneva,Helvetica,sans-serif;
}
.urlmenu1 a:hover {
	color: rgb(206,0,0); /* rouge */
	text-decoration: none;
	padding: 2px 2px 2px 3px;
	font: bold 11px Verdana,Arial,Geneva,Helvetica,sans-serif;
}


/* url menu sous-titre */
.urlmenu2 a:link {
	color: rgb(0,0,0); /* noir */
	text-decoration: none;
	padding: 2px 2px 2px 10px;
	font: 11px Verdana,Arial,Geneva,Helvetica,sans-serif;
}
.urlmenu2 a:active {
	color: rgb(0,0,0); /* noir */
	text-decoration: none;
	padding: 2px 2px 2px 10px;
	font: 11px Verdana,Arial,Geneva,Helvetica,sans-serif;
}
.urlmenu2 a:visited {
	color: rgb(0,0,0); /* noir */
	text-decoration: none;
	padding: 2px 2px 2px 10px;
	font: 11px Verdana,Arial,Geneva,Helvetica,sans-serif;
}
.urlmenu2 a:hover {
	color: rgb(206,0,0); /* rouge */
	text-decoration : none;
	padding: 2px 2px 2px 10px;
	font: 11px Verdana,Arial,Geneva,Helvetica,sans-serif;
}


/* url barre de navigation */
.urlnavbar a:link {
	color: rgb(206,0,0); /* rouge */
	text-decoration: underline;
	font: 11px Verdana,Arial,Geneva,Helvetica,sans-serif;
}
.urlnavbar a:active {
	color: rgb(206,0,0); /* rouge */
	text-decoration: underline;
	font: 11px Verdana,Arial,Geneva,Helvetica,sans-serif;
}
.urlnavbar a:visited {
	color: rgb(206,0,0); /* rouge */
	text-decoration: underline;
	font: 11px Verdana,Arial,Geneva,Helvetica,sans-serif;
}
.urlnavbar a:hover {
	color: rgb(140,0,0); /* marron fonc? */
	text-decoration : none;
	font: 11px Verdana,Arial,Geneva,Helvetica,sans-serif;
}


/* url country list without spots */
 a.countryWithNoSpot:link {
	color: rgb(100,100,100);
	text-decoration: none;
	font: 11px Verdana,Arial,Geneva,Helvetica,sans-serif;
}
a.countryWithNoSpot:active {
	color: rgb(100,100,100);
	text-decoration: none;
	font: 11px Verdana,Arial,Geneva,Helvetica,sans-serif;
}
a.countryWithNoSpot:visited {
	color: rgb(100,100,100);
	text-decoration: none;
	font: 11px Verdana,Arial,Geneva,Helvetica,sans-serif;
}
a.countryWithNoSpot:hover {
	color: rgb(100,100,100);
	text-decoration: none;
	font: 11px Verdana,Arial,Geneva,Helvetica,sans-serif;
}




/*------------- sytle d?coration menu admin -----------*/
.miniMenu {
	background-color: rgb(255,255,190); /* jaune pale */
}

/* Titre cartes GIS */
.ftitleGIS{
	text-decoration: none; 
  	font: bold 11px Verdana,Arial,Geneva,Helvetica,sans-serif;
	color: rgb(255,255,255); /* bleu */
}


/*--------------------------------------------------------*/
/*              P A O                                     */
/*--------------------------------------------------------*/
table  { 
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	border-style: none;
	}

tr {
	padding: 0px;
	margin: 0px;
}

td { 	
	padding: 0px;
	margin: 0px;
}

/*-- Table globale --*/
table.global_table {
	width: 100%;
	background-color: rgb(255,255,255); /* blanc */
}
table.global_header {
	width: 100%;
	background-color: rgb(206,0,0); /* rouge */
	/*border-top: 1px solid black;*/
	border-bottom: 1px solid black;
}
table.wanna_header {
	width: 100%;
	background-color: rgb(206,206,206); /* gris */
}
table.global_separator {
	width: 100%;
	background-color: rgb(206,0,0); /* rouge */
}

/*-- Wanna header --*/
table.wanna {
	width: 800px;
	height: 25px;
	background-color: rgb(206,206,206); /* gris */
	}

td.wanna_title {
	font: bold 14px Verdana,Arial,Geneva,Helvetica,sans-serif;
	color: black;
}

/*-- header --*/
table.header {
	width: 800px;
	height: 65px;
	background-color: rgb(206,0,0); /* rouge */
	}

td.header_title {
	color: white;
}

td.header_info {
	width: 260px;
	color: white;
}

/*-- navigation --*/
table.navigation {
	width: 800px;
	background-color: rgb(255,255,255); /* blanc */
	}

/* D?callage pour rattraper le bandeau */
td.navigation{
	width: 130px;
}

td.navigation_text{
	padding: 2px;
	text-align: left;
}

/*-- Main content --*/
table.main_content {
	width: 940px;
}

/*-- Horizontal separator --*/
table.separator {
	width: 800px;
}
td.separator {
	height: 3px;	
}

/*-- Vertical separator --*/
td.vSeparatorLeft {
	padding: 0px 0px 0px 3px;
	height: 400px;
	border-right: 1px dotted;
	border-color: rgb(255,0,0); /* rouge */
}
td.vSeparatorRight {
	padding: 0px 3px 0px 0px;
	height: 400px;
	border-left: 1px dotted;
	border-color: rgb(255,0,0); /* rouge */
}

/*-- Footer --*/
table.footer {
	width: 800px;
	margin-top: 4px;
	font: 11px Verdana,Arial,Geneva,Helvetica,sans-serif;
}

.dev_info {
	color: rgb(255,255,255); /* blanc / blanc */
	font: 11px Verdana,Arial,Geneva,Helvetica,sans-serif;
}

/*-- menu --*/
.menu {
	width: 130px;
}
td.menu {
	background-color: rgb(255,245,245); /* rose tr?s clair */
	width: 130px;
	padding: 0px;
	vertical-align: top;
}


/*-- Black Box --*/
table.blackbox {
	background-color: rgb(206,0,0); /* rouge */
	padding: 1px 1px 1px 1px;
	width: 125px;
	border: 1px solid;
	border-color: rgb(206,0,0); /* rouge */
}

th.blackbox {
	color: rgb(255,255,255); /* blanc */
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
}

td.blackbox {
	background-color: rgb(255,245,245); /* rose tr?s clair */
	padding: 2px 2px 2px 10px;
}

.blackbox a:link {
	color: rgb(206,0,0); /* rouge */
	text-decoration: underline;
	font: 11px Verdana,Arial,Geneva,Helvetica,sans-serif;
}
.blackbox a:active {
	color: rgb(206,0,0); /* rouge */
	text-decoration: underline;
	font: 11px Verdana,Arial,Geneva,Helvetica,sans-serif;
}
.blackbox a:visited {
	color: rgb(206,0,0); /* rouge */
	text-decoration: underline;
	font: 11px Verdana,Arial,Geneva,Helvetica,sans-serif;
}
.blackbox a:hover {
	color: rgb(140,0,0); /* marron fonc? */
	text-decoration : none;
	font: 11px Verdana,Arial,Geneva,Helvetica,sans-serif;
}



/*-- Menu titre principaux --*/
div.urlmenu1{
	border-top:1px solid rgb(255,255,255); /* blanc */
	background-color: rgb(255,206,206); /* rose */
	color: rgb(0,0,0); /* black */
	padding: 5px 5px 5px 5px;
	font: bold 11px Verdana,Arial,Geneva,Helvetica,sans-serif;
}

/* Menu sous-titre */
div.urlmenu2{
	border-top:1px solid rgb(255,255,255); /* blanc */
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: rgb(255,231,231); /* rose */
}

/*-- content --*/
td.content {
	/* background-color: white; */
	width: 640px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	vertical-align: top;
	/*border-right: 1px solid;
	border-left: 1px solid;
	border-color: rgb(255,231,231);*/ /* rose saumon */
}

/*-- 3i?me colonne --*/
.right {
	width: 125px;
}

td.right {
	width: 125px;
	background-color: rgb(255,245,245); /* rose tr?s clair */
	vertical-align: top;
}

/*-- content --*/
table.content  { 
	width: 100%;
	}

td.menu {
	vertical-align: top;
}

/* Titres du menu de droite (Advertising, Newsletter) */
div.right{
	background-color: rgb(206,0,0); /* rouge */
	color: white;
	font-weight: bold;
	margin-top: 10px;
}

div.yp_small{
	text-align: left;
	padding-left: 10px;
}

/*--------------- LES TITRES ----------------------------*/
td.ftitle1_inv{
	background-color: rgb(0,60,121); /* bleu fonc? */
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
}

td.ftitle2_inv{
	background-color: rgb(0,60,121);
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
}

td.ftitle3{
	background-color: rgb(227,241,255); /* bleu tr?s clair */
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
}

td.ftitle3_column{
	background-color: rgb(0,60,121); /* bleu */
	width: 15px;
}

td.ftitle4{
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
}

td.ftitle4_column{
	background-color: rgb(206,0,0); /* rouge */
	width: 15px;
}

/*------------- STYLES NORMAUX -----------------*/
td.fnormal{
	vertical-align: top;
}

div.fnormal{
	margin: 5px;
}

td.flabel{
	text-align: right;
	padding-right: 5px;

}
td.fdata{
	vertical-align: top;
}

td.fnormal_inv{
	background-color:  rgb(89,152,201); /* bleu */
	padding: 2px;
}

td.fnormal_inv2{
	background-color:  rgb(255,206,206); /* rose */
	padding: 2px;
}

table.light{
	padding: 2px;
}

td.light{
	padding: 2px;
}
td.light2{
	padding: 2px;
	background-color: rgb(227,241,255); /* bleu tr?s clair */
}


/*----- spot list -----*/
table.spot_list{
 	border: 1px solid black;
}

td.spot_list{
	padding: 2px;
	padding-right: 3px;
	padding-left: 3px;
	border: 1px solid black;
	background-color: rgb(227,241,255); /* bleu tr?s clair */
	text-align: center;
}

td.spot_list1{
	text-align: left;
}

td.spot_list_number{
	padding: 2px;
	border: 1px solid black;
	background-color: rgb(0,60,121); /* bleu */
	color: white;
	text-align: right;
	font-weight: bold;
}
td.spot_list_label{
	background-color: rgb(89,152,201);
	color: white;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid black;
}

/*----- Region ------*/
td.region_season{
	background-color: #FCEBCA;
	border: 1px solid rgb(237,155,79);
	text-align: center;
	padding: 3px;
}

td.region_season_label1{
	border: 1px solid rgb(237,155,79);
	text-align: center;
	background-color: rgb(239,193,138);
	padding: 3px;
}

td.region_season_label2{
	border: 1px solid rgb(237,155,79);
	text-align: center;
	background-color: rgb(236,214,175);
	padding: 3px;
}

td.region_season_column{
	border: 1px solid rgb(237,155,79);
	background-color: rgb(239,193,138);
	padding: 3px;
}

td.region_list{
	padding: 2px;
	padding-right: 30px;
	padding-left: 30px;
	border: 1px solid black;
	background-color: rgb(227,241,255);
	text-align: left;
}

/*--- world et continent ---*/
table.continent{
	border: 1px solid black;
}
td.continent{
	border: 1px solid black;
}

div.continent{
	width: 400px;
	text-align: justify;
}

/*--- message, etc -----------*/
td.all_message{
	padding:3px;
	background-color: rgb(236,214,175);
}

td.message_title{
	background-color: rgb(227,241,255);
	font-weight: bold;
}
table.message{
	width: 430px;
}
td.message_date{
	color: red;
	text-align: right;
}
td.message{
	padding-left: 5px;
}


/*---------- FORMULAIRE ---------------------*/
input {	
	/*border: 1px solid black;*/
	margin: 2px;
}


select{
	margin: 2px;
}

table.form{
 	border: 1px solid black;
}

td.form{
	padding: 10px;
	border: 1px solid black;
	background-color: rgb(227,241,255);
	text-align: center;
}

td.form_alignleft{
	text-align: left;
}

td.form_column{
	padding: 5px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	border-left: 1px solid black;
	border-right: 1px solid black;
	background-color: rgb(0,60,121);
	color: white;
	text-align: right;
	font-weight: bold;
}
td.form_label{
	background-color: rgb(89,152,201);
	color: white;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid black;
	font-weight: bold;
}

td.dropdown_column{
	background-color: rgb(0,60,121);
	text-align: center;
}

td.dropdown{
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: rgb(147,185,220);
	text-align: center;
}
td.dropdown_light{
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: rgb(227,241,255);
}


.form_light{
	border: 1px solid black;
	margin: none;
}

table.form_inside{
	border: 1px solid black;
}

td.form_inside{
	border: 1px solid black;
	padding: 2px;
}

table.form_inside2{
	border: 1px solid black;
	background-color: rgb(191,211,230);
}

/*----- tableau -------------*/

td.photo{
	padding: 5px;
}

/*--- Home Page ---------------*/
td.wshome{
	padding: 0px;
	/*background-image: url("/img/background.jpg");*/
	height: 550px;
}

td.wshome_text{
	padding-top: 5px;
	padding-left: 20px;
	width: 400px;
}

td.wshome_message{
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	width: 300px;
	text-align: right;

}

td.wshome_newssite{
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 20px;
}

/*--- News Spot / Zone / Photo ---------------------*/
table.news{
	border: 1px solid rgb(89,152,201);
	width: 275px;
}

td.news{
	background-color: rgb(227,241,255);
}

td.news_bullet{
	background-color: rgb(227,241,255);
	padding-top: 4px;
	padding-right: 2px;
}
	
td.news_footer{
	background-color: white;
}

/*--- News Infos Site ---------------------*/
table.newsInfo{
	border: 1px solid rgb(255,206,206);
	width: 225px;
}

td.newsInfo{
	background-color: white;
}

td.newsInfo_bullet{
	background-color: white;
	padding-top: 4px;
	padding-right: 2px;
}
	
td.newsInfo_footer{
	background-color: white;
}

/*--- Yellow Pages ---------------------*/
td.wsyp{
	background-color: rgb(227,241,255);
	border: 1px solid black;
	padding:2px;
}

td.ws_banner{
	background-color: rgb(255,243,232);
	border: 1px solid black;
	padding: 2px;
}

/*--- Admin Pages ---------------------*/
td.adminNextStep{
	background-color: rgb(153,204,255);  /* bleu ciel */
}
td.adminContinue{
	background-color: rgb(204,255,255);  /* bleu ciel clair */
}
td.adminOther{
	background-color: rgb(186,233,233);  /* bleu ciel 2 */
}
td.adminDelete{
	background-color: rgb(255,102,51);   /* rouge */
}
td.adminWarning{
	background-color: rgb(255,102,51);   /* rouge */
}
td.adminCheck{
	background-color: rgb(204,255,255);   /* bleu ciel clair */
}
table.headerInfo{
	background-color: rgb(255,255,204);   /* sable */
}
table.helpInfo{
	background-color: rgb(255,190,160);   /* rouge ros? */
}

/* -- Encadrement bloc -- */
.encadre {
	padding: 5px 5px 5px 5px;
	border: 1px dashed;
	border-color: rgb(206,0,0); /* rouge */
}

/* Popup */
.popupBackground {
	background-color: rgb(255,255,204);
}