
/*---------------------------------------
Espace promotion
------------------------------------------*/
#bloc_droite{
float:right;
}
#bloc_forum{
    /*float:right;*/
	width:157px;
	/*height:200%;*/
	border:1px solid #b5bac6 ;
	text-align:left;
	list-style-type: none;
	font-size:10px;
	margin:0px;
	background-color :#f7f7f7;
	font-weight:normal;
/*	padding:10px 5px 10px 5px;*/
}
#bloc_forum td{
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;	
}
#bloc_forum th{
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;

}
#bloc_forum a {
	text-decoration:none;
		color: #4A4A4A;
/*	font-style:italic;*/
}
.titre_forum{
	font-weight:bold;
	font-size:10px;
	font-style:normal;
}
#auteur_forum{
font-weight:bold;
}
#bloc_forum th{
	font-size:12px;
	}
#report{
    /*float:right;*/
background-color :#f7f7f7;
font-weight:normal;
/*padding:10px 5px 10px 5px;*/
width:157px;
margin:0px 0px 10px 0px;
border:1px solid #b5bac6;
text-align:left;
font-size:10px;

}
#report th{
	font-size:12px;
	padding-bottom:10px;
	padding-left:5px;
	padding-right:5px; 
	padding-top:5px;
	padding:bottom:5px;
/*border:1px solid #b5bac6;*/
/*border-spacing:10px;*/
}
#report td{
padding-left:5px;
padding-right:5px;
}

#add5pad_low_cell{
padding-bottom:5px;
}
#report a {
	text-decoration:none;
		color: #4A4A4A;
/*	font-style:italic;*/
}

#italic{
font-style:italic;}
/*=================================
 1. Apparence générale de la page===================================*/

body{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        text-align:center;
	background-color :#9dacbf;
	font-size:12px;
	color: #4A4A4A;
}

a{
	/*text-decoration:none;*/
		color: #4A4A4A;
		color:#FD602B;
		color:#f7532b;
}

a:hover{
	color:#53B0E4;
	color:#1974e3;
}

table{
	font-size:12px;
	text-align:center;
	margin-top:5px;
	padding:0px;
}

form{
	font-size:10px;
}
select{
	margin:0px;
	padding:0px;
	font-size:10px;
	color:#4A4A4A;
}
input{
	font-size:10px;
	color:#4A4A4A;
	margin:0px;
	margin-right:5px;
	padding:0px;
}
h1{
	font-size:12px;
	padding:0px;
	margin:0px;
	padding:5px 0px 5px 0px;
}
h2{
	font-size:13px;
	font-weight:normal;
	text-align:left;
	padding:0px;
	margin:0px;
	/*padding:5 0 5 0;*/
}
h5{
	font-size:15px;
	font-weight:bold;
	text-align:left;
	padding:0px;
	margin:0px;
}
h3{
	font-size:12px;
}
img{
	border:0px solid black;
}
sup{
	font-size:0.85em;
}
h6{
	font-size:10px;
	text-align:center;
	font-style:normal;
	font-weight:normal;
	padding:0px;
	margin:0px;
}

ul{
list-style-type:none;
}

.separation{
	clear:both;
	visibility:hidden;
	padding:0px;
	margin:0px;
}
.popup{
	background-color:#4A4A4A;
	background-color:#F3F3F3;
	text-align:justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	list-style-type:none;
}
.blue{
	color:blue;
	font-weight:bold;
}
.vert{
	color:#3CC800;
	font-weight:bold;
}
.jour_inactif{

	text-decoration:underline;
	text-decoration:none;
	font-weight:bold;
}
/*=======================
  2. Contenu des div
==========================*/

/* 2.1 Page globale */

#page_globale{
	/*position: relative;*/
	margin:0px;
	margin-left :auto;
	margin-right:auto;
	text-align:left;
	width:1130px;
	width:1110px; /*980*/
	/*width:1150; /*980*/
	/*height:550px;*/
	padding:10px;
	padding-top:0px;
	background-color:white;
}

/* 2.2 Entete, header, menu horiz  */
#header{
	margin:5px 0px 20px 5px;
	
	/*height:61;*/
}

#header img{
	float:left;
	margin: 0px;
	padding:0px;
}

#menu_horiz{
	padding:40px 0px 0px 300px;
	font-weight:bold;
	color:#1974e3;
}
#menu_horiz ul {
	padding:0px;
	margin:0px;
}
#menu_horiz li {
	padding:0px 5px 0px 5px;
	display:inline;
}

#menu_horiz a {
	margin:0px;
	padding:0px;
	text-decoration:none;
}

/* 2.3 Menu prévisions */

div#menu_previs{
	/*float:left;*/
	margin:0px 0px 10px 0px;
	padding:5px 0px 5px 0px;
	width:420px;
	font-size:11px;
	background-color :#f7f7f7;
	border: 1px solid #b5bac6 ;
	text-align:center;
}
#menu_previs h1{
	margin:0px;
	padding:0px;
}
#menu_previs table{	padding-left:21px;
}

#menu_previs form{
	float :left;
	margin:0px;
	padding:5px;}

#menu_previs p {
	margin:0px;
	margin-left:8px;
	padding:0px;
}

/* 2.4 Conteneur central */
#enveloppe_conteneur_central{
/*border: 1px solid #b5bac6 ;*/
padding: 0px;
margin : 0px;
}


#conteneur_central{
	/*position:relative;*/
	width:940px;
	margin:0px;
	color: #4A4A4A;	
	background-color :#f7f7f7;
	border: 1px solid #b5bac6 ;
	padding:10px 0px 0px 0px;
	padding-bottom:10px;	
}

#conteneur_central p{
	text-align:center;
	font-size:12px;
}
#conteneur_central table{
	/*text-align:center;
	font-size:11px;*/
}
#conteneur_central a{
	text-decoration:none;
}

#couleur span{
	color:blue;
	/*font-style:bold;*/
} 
/* 2.5 Conteneur droite_previs_float */

div#droite_previs_float{
	float:right;
	text-align:right;
	/*border: 1px solid #b5bac6 ;
        padding: 10 10 10 10;	*/
	/*margin:0 auto 0 auto;*/
	/*margin-right:10;*/
}
div#droite_previs{
}
.margesup{
	margin:30px 0px 0px 0px;	
	padding:0px;
}
#droite_previs_float ul{
	margin-bottom:30px;
}
#droite_previs_float p{
	text-align:left;
	font-size:11px;
}

/* 2.6 Bandeau pub vertical*/

div#pub_vert{
	float:right;
	margin-right:0px;/* 10px 0px 0px;*/
	width:173px;;
	height:436px;
	border:1px solid #b5bac6 ;
	background-color :#F7F7F7;
}
#pub_vert img{
	margin:0px;
	margin-top:12px;
	margin-left:20px;
}

/* 2.7 Pied de Page*/

div#pied_page{
width:100%;
	/*padding:5;*/
	padding:5px 0px 0px 0px;
	margin:10px 0px 10px 0px;
	border:1px solid #b5bac6 ;
	background-color :#F7F7F7;
}

/*=============================*/
/* 3. DIVERS
/*=============================*/


/* 3.1 MAREE */

div#tabl_maree{	float:left;
	
	width:250px;
	padding:20px 0px 0px 50px;
	padding:10px 0px 0px 10px;
	margin:30px 0px 0px 30px;
	border:1px solid #b5bac6 ;}

div#maree_du_jour{float:left;
	width:250px;
	padding:90px 0px 0px 50px;
	padding:10px 0px 0px 10px;
	margin:70px 0px 0px 30px;
	border:1px solid #b5bac6 ;
}

/* 3.2 TABLEAUX SPOTS */
div#tabl_spot{
/*	float:left;
	margin-left:0;*/
}

/* 3.3 LIST JOURS */
#liste_jours ul{
	text-align:right;
}
#liste_jours li{
	margin:0px 11px	0px 13px;
	/*margin:-0 5 0 13;*/
	padding:0px;
	display:inline;
	list-style:none;
/*	font-weight:bold;*/
}

/* 3.4 TABLEAUX HOULES DETAILLES*/
div#tabl{
/*	align:right;*/
}

table.Hs_detail {
	/*float:right;*/
	margin:10px 0px 0px 0px;
	border-width: 1px;	
	border-spacing: 0px;
	border-style:solid;
	border-color:#4A4A4A;
	border-collapse:collapse;
	color:#1A1A1A;
	background-color:#FDFDFD;
}

thead td{
	border-bottom:1px solid #4A4A4A;
}
td.b{
	border-bottom:1px solid #9A9A9A;
}
table.Hs_detail td {
	font-size:9pt;
	font-family:  Arial, Helvetica,verdana;
	padding:1px 6px;
	text-align:center;
}
/*grisement des  cellules pair */
td.Hs_detail_color {
	background-color:#F3F3F3;
}

/*colonne de droite / houle 1..*/
td.Hs_detail_col{
	border-right:1px solid #4A4A4A;
}
