/******************************************/
/*** DEFINITION DES ELEMENTS GENERIQUES ***/
/* Définition des marges et padding par défaut */
form, ul, ol, li, p, h1, h2, div
{
	margin:0;
	padding:0;
}

body
{
	font-family:verdana;
	background-color:#A9133C;
	color:#2b3799;
	font-size:12px;
}

/*****************************************/
/*** DEFINITION DES ELEMENTS DU DESIGN ***/
/*** Eléments graphiques ***/
/* Fond blanc bordure marron global*/
#fond_global
{
	position:absolute;
	left:50%; 
	top:0px;
	width:945px;
	margin-left: -472px; /* moitié de la largeur */
	background-color:#FFFFFF;
}

/* Entete avec image de surfeur */
#header
{
	width:945px;
	height:165px;
	background-image:url('/image/mc-france/externe/swell-line.jpg');
}

/* Bloc de contenu */
#header_contenu
{
	width:665px;
	height:6px;
	overflow-y:hidden;
	background-repeat:no-repeat;
}
#footer_contenu
{
	clear:left;
	width:665px;
	height:0px;
	background-repeat:no-repeat;
}
#fond_contenu
{
	margin:2px 0 0 0px;
	width:665px;
	background-repeat:repeat-y;
}

/* Blocs Google AddSense */
#bloc_addsense
{
	float:right;
	margin-top:0px;
	margin-right:0px;
}

/* Pied de page */
#footer
{
	width:945px;
	margin:0;
	padding:0;
	margin-left:0px;
	margin-top:9px;
	padding-top:0px;
	height:16px;
	line-height:16px;
	font-size:11px;
	text-align: center;
}
#footer a
{
	color:#2b3799;
	text-decoration:none;
}
#footer a:hover
{
	text-decoration:underline;
}

/* Liste du menu */
#menu
{
	padding-top:0px;
}

#menu li
{
	list-style-type:none;
	width:124px;
	height:24px;
	line-height:24px;
	background-image:url('/image/marine2008/fonds/btn_rouge.png');
	background-repeat:no-repeat;
	margin:6px 0 0 6px;
	font-size:12px;
	text-align:right;
}
#menu li a
{
	color:#fff;
	text-decoration:none;
	font-weight:bold;

}
#menu li a:hover
{
	color:#CCCCCC;
}
#menu li.previ
{
	list-style-type:none;
	width:124px;
	height:14px;
	line-height:14px;
	padding:0;
	padding-left:2px;
	margin:1 0 0 16px;
	font-size:11px;
	text-align:left;
	background-image:none;
	color:#000000;
}
#menu li.previ a
{
	color:#000000;
	text-decoration:none;
	font-weight:normal;
}
#menu li.previ img
{
	padding:0;
	margin:0;
}

/*** Insertion des pubs ***/
#fond_pub
{
	position:relative;
	width:825px;
	height:0px;
	background-color:#00FF00;
	overflow-y:hidden;
}


/* Positionnement de la pub dans le calque */
#fond_pub table
{
	margin:10 0 0 18px;
}


/* bouton de retour à la carte de France / sommaires prévi */
.btn_retour_fr
{
	border:2px solid #A9133C;
	background-color:#F5F5F5;
	padding:3px 10px;
	display:block;
	text-decoration:none;
	text-align:center;
	color:#2b3799;
}

/***	Fond de carte du sommaire SPOTS	   ***/
.fond_carte_spot
{
	position:relative;
	float:left;
	margin:10 0 10 40px;
	width:400px;
	height:400px;
	border:2px solid #A9133C;
	background-image:url('/image/swell-line/fond/fond_carte_spot.png');
	background-repeat:no-repeat;
}	

/* Fond des cartes détails spot :: Manche */
.carte_spot-manche
{
	position:relative;
	margin:10 5 10 40px;
	width:400px;
	height:248px;
	border:2px solid #A9133C;
	background-image:url('/image/swell-line/fond/fond_spot-manche.gif');
}
.carte_spot-bretagne
{
	position:relative;
	margin:10 5 10 40px;
	width:400px;
	height:335px;
	border:2px solid #A9133C;
	background-image:url('/image/swell-line/fond/fond_spot-bretagne.gif');
}
.carte_spot-cote_lumiere
{
	position:relative;
	margin:10 5 10 40px;
	width:400px;
	height:412px;
	border:2px solid #A9133C;
	background-image:url('/image/swell-line/fond/fond_spot-lumiere.gif');
}
.carte_spot-cote_argent
{
	position:relative;
	margin:10 5 10 40px;
	width:400px;
	height:550px;
	border:2px solid #A9133C;
	background-image:url('/image/swell-line/fond/fond_spot-argent.gif');
}
.carte_spot-cote_basque
{
	position:relative;
	margin:10 5 10 40px;
	width:400px;
	height:248px;
	border:2px solid #A9133C;
	background-image:url('/image/swell-line/fond/fond_spot-basque.gif');
}
.carte_spot-mediterranee
{
	position:relative;
	margin:10 5 10 40px;
	width:400px;
	height:170px;
	border:2px solid #A9133C;
	background-image:url('/image/swell-line/fond/fond_spot-mediterranee.gif');
}

/***	Fond de carte pour le sommaire BOUEES	 ***/
.fond_carte_bouee
{
	position:relative;
	margin:15 0 10 25px;
	width:520px;
	height:397px;
	background-image:url('/image/swell-line/fond/fond-bouee.gif');
	border:2px solid #A9133C;
}

/***      Page de contact					***/
.contact{
	margin:10px 0 0 50px;
	font-size:12px;
}
.contact input {
	height:20px;
	width:377px;
	font-size:12px;
	font-family: Arial;
}
.contact textarea {
	width:377px;
	font-size:12px;
	font-family: Arial;
}

/***************************************************/
/***	 ELEMENTS DE POSITIONNEMENT ET TAILLE	 ***/
/* Element flottant :: menu et contenu */
.flottant
{
	float:left;
}

/* Logos pub 3201 et 3615 Swell du menu */
.flottant img
{
	margin:10 0 0 10px;
	border:0;
}

.flottant_droite
{
	float:right;
}
.flottant_droite img
{
	right:5px;
	top:0px;
}

/* Permet de casser le positionnement flottant */
.spacer
{
	clear:both;
	display:none;
}

/* Cartes isobariques */
.isobarique
{
	margin-left:100px;
	width:540px;
	height:417px;
}

/* Cartes avec marge + bordure */
.carte
{
	margin:5 0 0 20px;
}

/* Création d'un élément transparent (légende du tableau) */
.transparent
{
	display:none;
}


/**********************************/
/***	ELEMENTS TEXTE		***/
/* Texte caché dans le header */
#header span
{
	display:none;
}

/* Titre de paragraphe et lignes rouges*/
#titre_rubrique{
	height:19px;
	background-image:url('/image/swell-line/design/ligne_rouge.png');
	background-repeat: no-repeat;
	overflow-x:hidden;
	margin-left:20px;
	margin-top:30px;
}
#titre_rubrique div{
	float:left;
	background-color:#FFFFFF;
	padding-right:30px;
	margin-top:3px;
	font-size:14px;
	color:#cc0000;
	font-weight:bold;
}
#bas_rubrique{
	height:24px;
	background-image:url('/image/swell-line/design/ligne_rouge.png');
	background-repeat: no-repeat;
	overflow-x:hidden;
	margin-left:20px;
	margin-top:38px;
}
/* Titre de paragraphe ancien */
#fond_contenu h1
{
	font-size:14px;
	color:#cc0000;
	margin:20px 0 5px 20px;
}

/* Titre niveau 2 */
#fond_contenu h2
{
	font-size:13px;
	color:#000000;
	margin:26px 0 8px 0;
}

/* Paragraphe */
#fond_contenu p, ol
{
	width:600px;
	line-height:150%;
	font-size:12px;
	color:#2b3799;
	margin:25px 0 0px 25px;
}



/* Texte copyright pied de page */
p#copyright
{
	padding:0;
	margin:0;
	padding-top:7px;
	padding-bottom:10px;
	height:14px;
	line-height:12px;
	clear:left;
	width:100%;
	font-size:11px;
	text-align:center;
	color:#2b3799;
}

/* Les liens */
a
{
	color:#000000;
}
a:hover
{
	text-decoration:none;
}

/* Lien vers la prèvi du lendemain ou la veille */
a.Page_Suiv
{
	margin:5 0 10 330px;
}

/* Lien à survoler pour visualiser les cartes isobariques */
a.lien_carte_iso
{
	float:left;
	margin:5px 0 0 0;
	text-decoration:none;
	font-weight:normal;
	text-align:center;
	display:block;
	width:180px;
	margin-right:2px;
	height:20px;
	line-height:20px;
	background-color:#EEEEEE;
	color:#000080;
}

/* Texte de légende sous une image */
#fond_contenu p.legende
{
	width:554px;
	font-size:11px;
	text-align:right;
	margin:0;
	padding:0;
	color:#0000BB;
}

/* Tableau générique */
#fond_contenu table
{
	border-collapse:collapse;
}

/*listes de la page d'infos sur le WRF */
#fond_contenu table.liste
{
	border-collapse:collapse;
	width:600px;
	line-height:150%;
	font-size:12px;
	color:#2b3799;
	margin:0 0 10px 20px;
	padding:0;
}


/* Tableau de statistiques */
#fond_contenu table#stat
{
	margin:6px 0 10px 0;
	width:600px;
	border:1px #666666 solid;
	color:#2b3799;
}
#fond_contenu th#stat
{
	border:1px #666666 solid;
	font-size:0.8em;
	text-align:center;
	padding:4px;
}
#fond_contenu td#stat
{
	border:1px #666666 solid;
	font-size:0.7em;
	text-align:left;
	padding:2px 4px;
}
/* Tableau de légende des spots */
#fond_contenu table#spot
{	
	width:520px;
	font-size:1em;
	margin:20 0 10 20px;
}
#fond_contenu table#spot td
{
	font-size:0.7em;
	text-align:left;
	padding:2px 4px;
}
/* Liste, rubrique SERVICES */
li
{
	width:500px;
	margin:2 0 2 45px;
	color:#2b3799;
}

/* Bloc de prévis surf */
.bloc_previ
{
	float:left;
	width:220px;
	margin:10 0 10 30px;
	text-align:center;
	border:1px #000000 solid;
}
.bloc_previ p
{
	margin-top:0px;
}
.bloc_previ li
{
	list-style-type:none;
	text-align:left;
	margin:5 0 5 15px;
	color:#2b3799;
}
.bloc_previ hr
{
	width:80%;
	border:1px #000000 dashed;
}

h1.maintenance
{
	margin:20 0 10 200px;
	
	font-size:1.6em;
	color:#6a88f7;		
}


/****************************************/
/*	ELEMENTS DE FORMULAIRE		*/
#fond_contenu select
{
	margin:10 0 5 40px;
	font-size:11px;
	color:#2b3799;
}


/************************************************************************/
/*	ELTS DE STYLE METEOCONSULT POUR LE FONCTIONNEMENT DE L'OVERLIB	*/
.layerbg { background-color : #8d6c0d}
.layerfg { background-color : #d4c397}
.petit {color : #fff;font-family : Arial;font-size : 12px }


/************************************************************************/
/*	BLOC 'ZONES INTERIEURES																							*/

/* Bloc du lien des spots intérieurs */
.Lien_Spo_Int
{
	position:relative;
	left:140px;
	top:-250px;
	padding:0;
	margin:0;
	width:130px;
	height:40px;
	background-color:#A0ADDC;
	border:#3B4881 1px solid;
}
.Lien_Spo_Int a
{
	padding:0;
	margin:0;
	text-decoration:none;
	color:#FFFFFF;
}

.rslt_spots {
margin-top:4px;
float:right;
margin-right:15px;
padding-right:15px;
}

/********************************************/
/* 		PREVISIONS 2008	  (surf, windsurf)		*/
/********************************************/

.bloc_previs_surf {
	position: relative; /* on positionne le conteneur */
	margin-left: auto;
	margin-right: auto;
	width:663px !important;
	width:665px;
	border:1px solid #404AA3;
	text-align:left;
	font-family : Arial;
	background-color : #FFFFFF;
	overflow:hidden;
}

.bloc_previs_surf img {
	margin:0;
}

.separe_blocs_previs_surf {
	padding:0;
	margin:0;
	clear:both;
	height:5px;
	overflow-y:hidden;
}

.bloc_haut_gauche_surf {
	float:left;
	background-color:#FFFFFF;
	width:90px !important;
	width:91px;
	color:#000080;
	height:37px;
	border-right:1px solid #404AA3;
}

.reduire_graph_surf {
	cursor:pointer;
	cursor:hand;
	display:block;
	padding-right:10px;
	padding-top:2px;
	overflow: hidden;
}

.titre_graph_surf {
	float:left;
	text-align:center;
	width:87px !important;
	width:90px;
	height:38px !important;
	height:39px;
	line-height:38px;
	background-color: #FFFFFF;
	border-right:1px solid #404AA3;
	border-bottom:1px solid #404AA3;
	color:#AA0000;
	font-size : 13px;
	font-weight:bold;
	padding-left:2px;
}

.legende_graph_surf, .legende_surf_picto, .legende_surf_maree {
	float:left;
	text-align:center;
	width:88px !important;
	width:90px;
	padding-left:2px;
	color: #FFFFFF;
	background-color: #678FD3;
	margin:0;
	line-height:24px;
	margin-right:1px;
	font-family : Arial;
	font-size : 11px;
	font-weight: normal;
	
}
.legende_graph_surf {
	height:24px;
	line-height:24px;
}
.legende_surf_picto {
	height:34px;
	line-height:34px;
}
.legende_surf_maree {
	height:4em;
	line-height:4em;
}

.ligne_choix_visu_surf {
	float:left;
	color:#FFFFFF;
	background-color : #3061B9;
	width:573px;
	height:19px !important;
	height:20px;
	line-height:20px;
	border-bottom:1px solid #404AA3;
	text-align:right;
	font-weight: bold;
	overflow-y: hidden;
}
.ligne_horaires_surf {
	float:left;
	padding:0;
	margin:0;
	color:#346E94;
	height:18px !important;
	height:19px;
	line-height:18px;
  font-weight : bold;
	font-size : 12px;
	border-bottom:1px solid #404AA3;
}

.ligne_haut_maree_surf {
	float:left;
	color:#000070;
	background-color:#F6F9FC;
	width:572px;
	height:18px !important;
	line-height:18px;
	height:19px;
	font-size : 12px;
	font-weight: bold;
	border-bottom:1px solid #404AA3;
}
.cellule_jours_surf {
float:left; 
color:#AA0000;
text-align:center;
font-weight:bold;
height:37px;
line-height:37px;
}

.ligne_graph_surf {
	padding:0;
	margin:0;
	color:#346E94;
	font-size : 13px;
	font-weight: bold;
}


/* 			"cellules" contenant les données		*/
.colonne_picto_surf_1j, .colonne_picto_surf_3j, .colonne_picto_surf_6j,
.colonne_picto_surf_1j_bord, .colonne_picto_surf_3j_bord, .colonne_picto_surf_6j_bord {
	float:left;
	text-align:left;
	padding-left:4px;
	height:34px;
	line-height:34px;
	color:#346E94;
	font-size : 12px;
	font-weight:bold;
	overflow:hidden;
}
.colonne_tab_surf_1j, .colonne_tab_surf_small_1j,
.colonne_tab_surf_3j, .colonne_tab_surf_small_3j,
.colonne_tab_surf_6j, .colonne_tab_surf_small_6j,
.colonne_tab_surf_1j_bord, .colonne_tab_surf_small_1j_bord,
.colonne_tab_surf_3j_bord, .colonne_tab_surf_small_3j_bord,
.colonne_tab_surf_6j_bord, .colonne_tab_surf_small_6j_bord {
	float:left;
	text-align:center;
	padding-left:4px;
	height:24px;
	line-height:24px;
	color:#346E94;
	font-size : 12px;
	font-weight:bold;
}
.colonne_tab_surf_small_col_1j,
.colonne_tab_surf_small_col_3j,
.colonne_tab_surf_small_col_6j,
.colonne_tab_surf_small_col_1j_bord,
.colonne_tab_surf_small_col_3j_bord,
.colonne_tab_surf_small_col_6j_bord {
	float:left;
	padding:3px;
	padding-left:2px;
	padding-right:2px;
	height:18px;
	line-height:18px;
	color:#346E94;
	font-size : 12px;
	font-weight:bold;
}

.colonne_horaires_surf_1j, .colonne_horaires_surf_3j, .colonne_horaires_surf_6j,
.colonne_horaires_surf_1j_bord, .colonne_horaires_surf_3j_bord, .colonne_horaires_surf_6j_bord {
	float:left;
	text-align:left;
	padding-left:4px;
	color:#346E94;
	font-size : 12px;
	font-weight:bold;
}
.zone_graph_surf_1j, .zone_graph_surf_3j, .zone_graph_surf_6j,
.zone_graph_surf_1j_bord, .zone_graph_surf_3j_bord, .zone_graph_surf_6j_bord {
	clear:both;
	display:none;
	float:left;
	overflow:hidden;
}

.colonne_maree_surf, .colonne_maree_surf_bord {
	float:left;
	text-align:center;
	height:24px;
	line-height:24px;
	color:#346E94;
	font-size : 12px;
	font-weight:bold;
}
.colonne_maree_surf_bord {
	border-left:1px solid #000080;
}

/*   échéance à 24 heures  */
.colonne_picto_surf_1j {
	width:40px !important;
	width:44px;
}
.colonne_picto_surf_1j_bord {
	width:39px !important;
	width:44px;
	border-left:1px solid #404AA3;
}

.colonne_tab_surf_1j {
	width:40px !important;
	width:44px;
}
.colonne_tab_surf_1j_bord {
	width:39px !important;
	width:44px;
	border-left:1px solid #404AA3;
}

.colonne_tab_surf_small_1j, .colonne_tab_surf_small_col_1j {
	width:18px !important;
	width:22px;
}
.colonne_tab_surf_small_1j_bord, .colonne_tab_surf_small_col_1j_bord {
	width:17px !important;
	width:22px;
	border-left:1px solid #404AA3;
}

.colonne_horaires_surf_1j {
	width:40px !important;
	width:44px;
}
.colonne_horaires_surf_1j_bord {
	width:39px !important;
	width:44px;
	border-left:1px solid #404AA3;
}

/*   échéance à 3 jours  */
.colonne_picto_surf_3j {
	width:40px !important;
	width:44px;
}
.colonne_picto_surf_3j_bord {
	width:39px !important;
	width:44px;
	border-left:1px solid #404AA3;
}

.colonne_tab_surf_3j {
	width:40px !important;
	width:44px;
}
.colonne_tab_surf_3j_bord {
	width:39px !important;
	width:44px;
	border-left:1px solid #404AA3;
}

.colonne_tab_surf_small_3j, .colonne_tab_surf_small_col_3j {
	width:18px !important;
	width:22px;
}
.colonne_tab_surf_small_3j_bord, .colonne_tab_surf_small_col_3j_bord {
	width:17px !important;
	width:22px;
	border-left:1px solid #404AA3;
}

.colonne_horaires_surf_3j {
	width:40px !important;
	width:44px;
}
.colonne_horaires_surf_3j_bord {
	width:39px !important;
	width:44px;
	border-left:1px solid #404AA3;
}

/*   échéance à 6 jours  */
.colonne_picto_surf_6j {
	width:40px !important;
	width:44px;
}
.colonne_picto_surf_6j_bord {
	width:39px !important;
	width:44px;
	border-left:1px solid #404AA3;
}

.colonne_tab_surf_6j {
	width:40px !important;
	width:44px;
}
.colonne_tab_surf_6j_bord {
	width:39px !important;
	width:44px;
	border-left:1px solid #404AA3;
}

.colonne_tab_surf_small_6j, .colonne_tab_surf_small_col_6j  {
	width:18px !important;
	width:22px;
}
.colonne_tab_surf_small_6j_bord, .colonne_tab_surf_small_col_6j_bord  {
	width:17px !important;
	width:22px;
	border-left:1px solid #404AA3;
}

.colonne_horaires_surf_6j {
	width:40px !important;
	width:44px;
}
.colonne_horaires_surf_6j_bord {
	width:39px !important;
	width:44px;
	border-left:1px solid #404AA3;
}