/* CSS Document */

body 
{
	background-color: #dfdfdf;
	color: #333333;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
	
/* ################################################## */
/* Conteneur */
/* ################################################## */

#conteneur
{
	width: 1008px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/design/cont_cotes.gif);
	background-repeat: repeat-y;
	clear: both;
	padding:0;
}

#cont_padding
 {
	margin: 0 8px;
	padding: 0 2px;
	background-color: #ffffff;
}



/* ################################################## */
/* Haut du site */
/* ################################################## */

#haut {

margin:0;
padding:0;
width:100%;
}

#header {
	margin-left: auto;
	margin-right: auto;
	margin:0;
	background-color:#ffffff;
	text-align: center;
	width:100%;
	height:150px;
	padding:0;
}



/* ################################################## */
/* Menu */
/* ################################################## */

#menu {
	background-color:#525252;
	width: 100%;
	height:30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.5em;
	font-weight:bold;
	color:#FFFF00;
	margin:0;
	padding:0;
}


#menu li 
{
list-style-type: none;
	margin:0;
	padding:0;
}

#menu ul
{
padding:0;
list-style: none;
margin:0;
}


.navig ul 
{
float: left;
list-style: none;
line-height: 1;
background: transparent;
font-weight: bold;
padding: 0;
margin: 0 0 1.5em 0;
}
.navig a {
display:block;
color: #FFFF00;
text-decoration: none;
padding: 0.50em 0.65em;
font-size:11px;
font-weight:bold;
}

.navig li {
float: left;
padding: 0;
text-align:center;
margin:0;
}

.navig li ul {
position: absolute;
left: -999em;
height: auto;
font-weight: normal;
margin: 0;
background:#4c4c4c;
z-index:99;
color:#FFFF00;
}

.navig li li {
border:solid 1px;
border-top-color:#D3D3D3;
border-bottom-color:#BBBBBB;
border-left-color:#BBBBBB;border-right-color:#BBBBBB;text-align:left;text-indent:5px;
}

.navig li ul a:hover {
color:#FFFF00;
}

#menu ul li ul li ul 
{
margin-top:-23px;
}
.navig li:hover ul ul,.navig li:hover ul ul ul, .navig li.sfhover ul ul, .navig li.sfhover ul ul ul {
left: -999em;
}
.navig li:hover ul, .navig li li:hover ul, .navig li li li:hover ul, .navig li.sfhover ul, .navig li li.sfhover ul, .navig li li li.sfhover ul {
left: auto;
	}
.navig li:hover,.navig li.sfhover {
background:#A4A4A4;

}

/* ################################################## */
/* Entre le haut et le contenu*/
/* ################################################## */

#entre_mencont
{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
	width:100%;
	padding:0;
}

 #droite_divers
{ 
	position:relative;
	font-size :13px; 
	float:right;
	margin:0;
	padding:10px;
	font-weight:bold;
	width:180px;
	
}

#droite_divers a
{
	text-decoration:none; 
	color :#757978;  
}

#droite_divers a:hover
{ 
	text-decoration:underline;
	color :#008f01; 
}

#gauche_divers
{ 
	position:relative;
	width:200px;
	font-size :11px; 
	float:left;
	padding:10px;
	margin:0;
	clear:left;
	color:#5d5d5d;
}

#centre_divers
{ 
	position:relative;
	float:left;
	font-size :11px; 
	padding:10px;
	margin:0;
	text-align:center;
}

/* ################################################## */
/* Contenu*/
/* ################################################## */
#contenu
{
	position:relative;
	margin:0;
	padding:0;
	float:left;
	clear: both;
	width:785px;
}


#contenu a
{
	text-decoration:none; 
	color :#757978;  
}

#contenu a:hover
{ 
	text-decoration:underline;
	color :#008f01; 
}

#contenu_large
{
	position:relative;
	margin:0;
	padding:0;
	float:left;
	clear: both;
	width:990px;
}

#contenu_large a
{
	text-decoration:none; 
	color :#757978;  
}

#contenu_large a:hover
{ 
	text-decoration:underline;
	color :#008f01; 
}


#centre_contenu
{
	position:relative;
	margin:0;
	padding-left:10px;
	padding-right:10px;
	padding-top:30px;
	float:left;
	font-size:13px;
	color:black;
	clear: both;
	width:785px;


}

#centre_contenu_large
{
	position:relative;
	margin:0;
	padding-left:10px;
	padding-right:10px;
	padding-top:30px;
	float:left;
	font-size:13px;
	color:black;
	clear: both;
	width:970px;
}


 #arbre_page
{
	margin-top:11px;
	margin-left:10px;
	margin-right:10px;
	height:30px;
	clear: both;
	font-size:13px;
	font-weight:bold;
	color:#5d5d5d;
	background-color:#e8e8e8;
	padding:0;
	line-height:30px;
}

#arbre_page a
{
	text-decoration:none; 
	color :#757978;  
}

#arbre_page a:hover
{ 
	text-decoration:underline;
	color :#008f01; 
}

#arrondi_gauche_arbre
{  
	background-image: url(../images/design/arbre_gauche.gif);
	background-repeat: no-repeat;                
	width:20px;
	height:30px;
	margin:0;
	padding:0;
	float:left;
}

#arrondi_droite_arbre
{  
	background-image: url(../images/design/arbre_droite.gif);
	background-repeat: no-repeat;				
	width:20px;
	height:30px;
	float:right;
	margin:0;
	padding:0;
}

 #arbre_page_centre
{
	float:left;
	padding-left:10px;
}

#title_h1 h1
{
cursor:default;
text-decoration: none;
font-size:14px;
color :#757978;  
}

#title_h1 h1:hover
{
cursor:default;
text-decoration: none;
font-size:14px;
color :#008f01;   
}

/* ################################################## */
/* Menu droite/
/* ################################################## */



#menu_droite
{
	position:relative;	
	margin:0;
	padding:0;
	margin-top:10px;
	width:180px;
	float:right;
	font-size:13px;
	color: #5d5d5d;
	font-weight: bold;
	background-color:#e8e8e8;
}

#menu_droite ul  {
margin: 0;
padding: 0;
list-style:none;
}



#menu_droite .int_menu_droite li a
{
	color: #5d5d5d;
	font-weight: bold;
	text-decoration: none;
	line-height:2;
	background:#efefef;
	border-bottom:1px;
	width:160px;
	margin:0;
	padding:0;
	display:block;
	background-image: url(../images/design/menu_droite_li.gif);
	background-repeat: no-repeat;  
	padding-left:20px;
	background-position:10px 50%;
}

#menu_droite .int_menu_droite  li a:hover 
{
	text-decoration: underline;
	background:#5d5d5d;
	color: #e8e8e8;
	background-image: url(../images/design/menu_droite_li_hover.gif);
	background-repeat: no-repeat;
	background-position:10px 50%;
	padding-left:20px;
}

#menu_droite  p, #menu_droite p a
{
	color: #5d5d5d;
	font-weight: bold;
	text-decoration: none;
	list-style:none;
	line-height:2;
	width:180px;
	margin:0;
	padding:0;
	text-indent:10px;
	cursor:pointer;
	display:block;
	text-align:left;
}

#menu_droite p:hover, #menu_droite p a:hover
{
	text-decoration: underline;
	background:#5d5d5d;
	color: #e8e8e8;
	width:180px;
	text-align:left;
	text-indent:10px;
}



#img_haut_menu
{
	background-image: url(../images/design/droite_haut.gif);
	background-repeat: no-repeat;
	width:180px;
	height:17px;
	margin:0;
	padding:0;
	float:right;
}

#img_bas_menu
{
	background-image: url(../images/design/droite_bas.gif);
	background-repeat: no-repeat;
	width:180px;
	height:17px;
	margin:0;
	padding:0;
	float:right;
}

.menu_droite_adsense
{
	margin:0;	
	padding:0;
	text-align:center;
}

#centre_menu_droite
{
	margin:0;
	padding:0;
	padding-bottom:30px;
	padding-top:17px;
	position:relative;
}


/* ################################################## */
/* Pied de page/
/* ################################################## */



#footer	
{
	position:relative;
	font-size: 10px; 
	color: #999999; 
	letter-spacing: -1px;
	clear: both;
	padding:0;
	text-align:center;
	font-weight: bold;
	margin-top:20px;
}

#footer	a	
{
	color: #5d5d5d; 
	text-decoration: none;
}

#footer a:visited
{
	color: #5d5d5d; 
	text-decoration: none;
}

#footer a:hover 
{ 
	color: #008f01; 
	text-decoration: underline;
}

/* ################################################## */
/* Tableau/
/* ################################################## */

.forumline	{ 
border: 1px #cccccc solid; 
background-color:#e8e8e8;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
padding:10px;

}

.forumline_obs
{ 
border: 1px #cccccc solid; 
background-color: #FFFFFF; 
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
text-align:center;
margin:0;
padding:20px;

}

.forumline_metar	
{ 
border: 1px #cccccc solid; 
background-color: #FFFFFF; 
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
text-align:center;
margin:0;
padding:10px;
}

.forumline_rr	{ 
border: 1px #cccccc solid; 
background-color:#e8e8e8;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
padding:2px;
font-weight:bold;
height:40px;
}

.forumline_rrint
{ 
border: 1px #cccccc solid; 
background-color: #FFFFFF; 
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
text-align:center;
height:40px;
margin:0;
padding:2px;
}


/* ################################################## */
/* Vigilance/
/* ################################################## */

.vert_liste {
list-style-image : url("../images/vert.png");
list-style-position : outside;
padding-top:5px;
}
.bleu_liste {
list-style-image : url("../images/bleu.png");
list-style-position : outside;
padding-top:5px;
}
.jaune_liste {
list-style-image : url("../images/jaune.png");
list-style-position : outside;
padding-top:5px;
}
.orange_liste {
list-style-image : url("../images/orange.png");
list-style-position : outside;
padding-top:5px;
}
.rouge_liste {
list-style-image : url("../images/rouge.png");
list-style-position : outside;
padding-top:5px;
}


/* ################################################## */
/* carte/
/* ################################################## */
 #carte_plage
 {
 position:relative;
 width:600px;
 height:535px;
 z-index:30;
 margin-left:80px;
padding: 0;
border:0;
 font-size:16px;
 background-image: url(../images/carte_bretagne_plage.gif);
} 

 #carte_obs
 {
 position:relative;
 width:600px;
 height:520px;
 z-index:30;
 margin-left:90px;
padding: 0;
border:0;
 border:0;
 background-image: url(../images/carte3-600x520.jpg);
font-family : "Times New Roman", Arial, serif;
font-size:16px;
}

 #carte_obs a:link, a:visited, a:active
 { 
 text-decoration : none;
 }
 
 .infobulleobs
{
position:absolute;
left:-75px;
width:400px;
min-height:150px;
background-color: #FFFFFF;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 2px solid #4148e2;
padding: 5px 5px 25px 15px;
color: #538fd9;
font-size:13px;
font-family : Verdana;
background-image:url(../images/fond-infobulle.gif);
background-repeat:repeat-y;
background-position: top right;

}
 
 
/* ################################################## */
/* Page d'accueil/
/* ################################################## */

#index_gauche
{
width:50%;
clear:both;
float:left;
margin:auto;
padding:auto;
}

#index_droite
{
width:50%;
float:left;
margin:auto;
padding:auto;
}

/* ################################################## */
/* Partenaire/
/* ################################################## */

#lieng
{
float:left;
clear:left;
width:350px;
}

#liend
{
float:right;
width:415px;
margin-right:15px;
}