body{
height: 100%;
}

body {
margin: 0;
padding: 0;
background-color : #336699;
text-align :left;
font-family : arial;
font-size : 10px;
color : #fff;
}

/* BLOC CONTENEUR */

#conteneur {
background-color : #fff;
position:absolute;
left: 50%; 
top: 10px;
width: 700px;
height: 448px;
margin-top: 10px;
margin-left: -350px;
border: 6px solid #99ccff;
}
html>body #conteneur { height: auto; min-height: 448px;}

.centre {
float : left; 
width : 690px ;
overflow : auto ;
background : transparent;
padding-bottom : 40px; 
}

/* Image */ 
.image {
position:relative;
width : 500px ;
border : 0;
}

/* Image */ 
.imagedroite1 {
float : right;
width : 190px ;
margin-top: -50%;
border : 0;
}
.imagedroite2 {
float : right;
width : 190px ;
margin-top: -220px;
border : 0;
}

h1.logo span.logo {display:none}
h1.logo {width:270px; height:30px; background: url("images/logo.png") no-repeat; margin:0; left top;}

h1.slogan span.slogan {display:none}
h1.slogan {width:187px; height:23px; background: url("images/slogan.png") no-repeat; margin:0; left top;}

.titre {
float : right ;  
background-color : transparent;
margin-right : 5px ; 
margin-top : -0px ;
font-family: arial;
font-weight: bold;
font-size: 20px;
color : #99ccff;
}

.suitetitre {
position:absolute; 
left: 69%; 
background-color : transparent;
margin-right : 5px ; 
margin-top : 25px ;
font-family: arial;
font-weight: bold;
font-size: 12px;
color : #99ccff;
}

.hautmenu {
position:absolute; 
left: 66%; 
background-color : transparent;
margin-right : 5px ; 
margin-top : 47px ;
font-family: arial;
font-weight: bold;
font-size: 12px;
color : #99ccff;
}
.hautmenu2 {
position:absolute; 
left: 77%; 
background-color : transparent;
margin-right : 5px ; 
margin-top : 47px ;
font-family: arial;
font-weight: bold;
font-size: 12px;
color : #99ccff;
}

h1 {
font-size : 12px ; 
margin : 0 10px 0 15px ; 
padding : 0 ; 
font-family : arial ; 
color : #99ccff ; 
letter-spacing : 2px}

/* SEPARATEUR / SPACER */
 
#deco {
width : 100% ;
height : 21px ;
background : url(images/bg_deco.gif) repeat-x; 
clear : both  }

/* HAUT */
#haut {
width : 100% ; 
height : 90px ; 
background : #fff url(images/top.jpg); 
text-align : left;
border-top : #232323}

#haut p{font-size : 14px ;  margin : 0 10px 0 510px; padding : 0}

.borange {
	font-size: 11px;
	color: #D57E1E;
	text-decoration: none;
	font-weight: bolder;
}
.b_bleu_montagne {
	color: #253055;
	font-weight: bold;
	text-decoration: none;
}
.b_bleu_mer {
	color: #1074B7;
	font-weight: bold;
	text-decoration: none;
}
.b_bleu_ville {
	color: #98A9C3;
	font-weight: bold;
	text-decoration: none;
}
.b_bleu_iles {
	color: #98A9C3;
	font-weight: bold;
	text-decoration: none;
}
.b_bleu_campagne {
	color: #8CB334;
	font-weight: bold;
	text-decoration: none;
}
a.alphab:over {
	color:#000000;
	text-decoration:none;
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana;
}
a.alphab:link {
	color:#000000;
	text-decoration:none;
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana;
}
a.alphab:visited {
	color:#000000;
	text-decoration:none;
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana;
}
a.alphab:active {
	color:#000000;
	text-decoration:none;
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana;
}
a.alpha:over {
	color:#000000;
	text-decoration:none;
	font-size: 10px;
	font-weight: normal;
	font-family: Verdana;
}
a.alpha:link {
	color:#000000;
	text-decoration:none;
	font-size: 10px;
	font-weight: normal;
	font-family: Verdana;
}
a.alpha:visited {
	color:#000000;
	text-decoration:none;
	font-size: 10px;
	font-weight: normal;
	font-family: Verdana;
}
a.alpha:active {
	color:#000000;
	text-decoration:none;
	font-size: 10px;
	font-weight: normal;
	font-family: Verdana;
}

a.alphat:over {
	text-decoration:none;
	font-size: 11px;
	font-family: Verdana;
	font-weight: bold;
}
a.alphat:link {
	text-decoration:none;
	font-size: 11px;
	font-family: Verdana;
	font-weight: bold;
}
a.alphat:visited {
	text-decoration:none;
	font-size: 11px;
	font-family: Verdana;
	font-weight: bold;
}
a.alphat:active {
	text-decoration:none;
	font-size: 11px;
	font-family: Verdana;
	font-weight: bold;
}

/* CONFIGURATION ul, li / MENU */




ul, li {
margin : 0; 
padding : 0; 
list-style : none ; 
float : left}

/* MENU */
#menu {position:absolute; background-color : transparent; text-align : center; margin : 54px 0 0 0;font-size: 14px; }

#menu li { padding : 20px 0 4px 0; }
#menu li a {text-decoration : none ; color : #08426B; font-weight : bold ; padding : 2px 10px 2px 10px; margin : 0;background : url(images/menu.gif) no-repeat right ; height : 20px; }
#menu li a:hover {text-decoration : none ; color : #fff}


.exept {}


#station li {width : 690px ;padding : 5px 0 0 50px;color : #000;clear : both}

.saison {position:absolute; left: 5%; background-color : transparent;margin-right : 5px ; margin-top : 5px ;font-family: arial;font-weight: bold;font-size: 12px;color : #D57E1E;}
.saison a {color : #D57E1E;}
.aphabet {position:absolute; left: 40%; background-color : transparent;margin-right : 5px ; margin-top : 40px ;font-family: arial;font-weight: bold;font-size: 12px;color : #D57E1E;}
.aphabet a {color : #D57E1E; padding : 2px;}

 /* SEPARATEURS */
.spacer {clear : both; height : 13px ; }



/* BLOCS GAUCHES ET DROITS EN FLOAT  */

.gauche {
float : left ; 
width : 500px ; 
background : transparent; 
}

.droite 
{
float : left; 
width : 190px ;
overflow : auto ;
background : transparent;
padding-bottom : 40px;  


}

/* IMAGE */	 

.img_nompage {margin : 10px 0 0 15px}

/* PARAGRAPHE */	 



h2 {
font-size : 12px ; 
margin : 5px 10px 0 20px ; 
padding : 0 ; 
font-family : arial ; 
color : #336699 ; 
text-align: center;
}

h3 {
font-size : 10px ; 
color : #336699; 
margin : 5px 10px 0 20px ; 
font-family : arial ; 
padding : 0;
clear : both}


h4 {
font-size : 24px ; 
color : #336699;
 margin : 5px 10px 0 15px ; 
 padding : 0}	



p {margin : 5px 10px 0 15px;
font-size : 12px ; 
color : #336699; 
margin : 5px 10px 0 20px ; 
font-family : arial ; 
padding : 0}

/*LIENS */ 

a {color : #3A4B76 ; text-decoration : none ;}
a:hover {text-decoration : none}

/* hr */ 

div.hr {
height: 1px;
margin : 10px 10px 10px 15px;
padding : 0;   
width : 160px;
background : url(images/hr.jpg) repeat-x}

div.hr hr {
display: none;  padding :0; 
}





/* BLOC LIEN */
#lien {
position:absolute;
left: 50%; 
top: 50%;
width: 700px;
margin-top: 240px;
margin-left: -350px;
text-decoration : none ; 
color : #FF8C55; 
font-weight : bold ; 
height : 12px;
}
#lien a{TEXT-DECORATION: none}
#pub {
position:absolute;
background-color : #fff;
left: 50%; 
top: 220px;
margin-top: -224px;
margin-left: 370px;
border: 3px solid #99ccff;
}

*.police1a    {
	font-family: Arial;
	font-size: 10px;
	color: #990000;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	text-transform: uppercase;
}

.texte1a {font-family: Arial;font-size: 10px;color: #253055;font-style: normal;	line-height: normal;font-weight: bold;text-transform: uppercase;}