/* ///////////////////////////////////////////

Feuille de style cr��es par J�r�mie Lochard
Style sheet created by J�r�mie Lochard
 -----
Copyright (c) J�r�mie Lochard
jeremie@jilocube.fr
www.jilocube.fr

/////////////////////////////////////////// */

html {
	font-size: 100%;
	padding: 0;
	margin: 0;
	background-color: #95AFCD ;
	}
	
body, ul, p {
	padding: 0;
	margin: 0;
	}

h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0;
	}
	
table {
	padding: 0;
	margin: 0;
	}

ol {
	padding: 0;
	margin: 0;
	list-style: none;
	}
	
#body {
	width: 100% ;
	Margin : auto ;
	}
	
#global {
	width: 900px ;
	Margin : auto ;
	background-color: white ;
	font-size: .85em;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	background: #ccc url(../images/body_fond.gif) repeat-y 50% 0;
	}
	
a img {
	text-decoration: none ;
	border: 0 ;
	}

	
/* /////////////// HEADER /////////////// */
#cache {
	position: absolute ;
	left: 0 ;
	top: -5000px ;
	}

/* ////////// gestion images header ///// */
#header {
	height: 217px ;
	width: 900px ;
	background: url(../images/top_accueil.jpg) no-repeat 0 0 ;
	float: right ;
	}
	
#header_pays {
	height: 217px ;
	width: 900px ;
	background: url(../images/top_pays.jpg) no-repeat 0 /*-217px*/ 0 ;
	float: right ;
	}
	
#header_pin {
	height: 217px ;
	width: 900px ;
	background: url(../images/top_pins.jpg) no-repeat 0 /*-434px*/ 0 ;
	float: right ;
	}
	
#header_plage {
	height: 217px ;
	width: 900px ;
	background: url(../images/top_plage.jpg) no-repeat 0 /*-651px*/ 0 ;
	float: right ;
	}
	
#header_villas {
	height: 217px ;
	width: 900px ;
	background: url(../images/top_villas.jpg) no-repeat 0 /*-868px*/ 0 ;
	float: right ;
	}
/* ///// fin gestion images header ///// */

#societe {
	margin: -53px 60px 0px 0px ;
	text-align: center ;
	float: right ;
	}
	
#societe H1 {
	color: #292C39 ;
	font-size: 1.5em ;
	}

#societe H3 {
	color: #292C39 ;
	font-size: .85em ;
	}

/* ////////// MENU ///// */
#menu {
	clear: both ;
	height: 44px ;
	background: url(../images/menu.gif) repeat-x;
	}

.menu1 {
	margin-left: 25px ;
	float: left ;
	}

.menu1 ul li {
	list-style: none ;
	display: inline ;
	line-height: 42px ;
	text-align: center ;
	padding: 0px 15px 0px 0px ;
	}
	
.menu2 {
	float: right ;
	margin-right: 25px ;
	}

.menu2 ul li {
	list-style: none ;
	display: inline ;
	line-height: 42px ;
	text-align: center ;
	padding: 0px 0px 0px 15px ;
	}
	
#menu ul li a{
	color: #D9D9D9 ;
	text-decoration: none ;
	padding: 10px 5px 10px 5px ;
	outline: none ;
	}
	
#menu ul li a:hover {
	background: url(../images/menu_hover.gif) repeat-x center ;
	text-decoration: underline ;
	color: #292C39 ;
	}

/* ////////// COL GAUCHE ///// */
.colgche {
	clear: both ;
	width: 250px ;
	float: left ;
	}
	
.col_titre {
	margin-bottom: 25px ;
	}

.col_titre H2 {
	background: url(../images/menu_col_g.gif) repeat-x top ;
	height: 29px ;
	font-size: 1.1em ;
	padding-left: 10px ;
	padding-top: 5px ;
	}
	
.col_titre ul {
	margin-top: 10px ;
	}

.col_titre ul li {
	list-style: none ;
	margin: 5px 0px 0px 10px ;
	}	

.col_titre ul li a {
	color: white ;
	font-weight: bold ;
	text-decoration: none ;
	}
	
.col_titre ul li a:hover {
	color: #E7B22E ;
	text-decoration: underline ;
	}
	
/* ////////// news col gauche ///// */
.titre {
	color: #E7B22E ;
	padding-left: 10px ;
	margin-top: 10px ;
	}
	
.titre h4 a:hover {
	color: #E7B22E ;
	text-decoration: underline ;
	}
	
.titre h4 a {
	color: white ;
	font-weight: bold ;
	text-decoration: none ;
	}

.titre h5 {
	color: #E7B22E ;
	text-decoration: none ;
	margin: 0px 0px 5px 0px ;
	}
	
.titre p {
	color: white ;
	margin: 5px 10px 10px 0px ;
	padding: 0px 0px 5px 0px ;
	}
	
.news_resume {
	color: white ;
	margin: 5px 10px 10px 0px ;
	padding: 0px 0px 5px 0px ;
	}
	
.news_resume p {
	color: white ;
	margin: 5px 10px 2px 0px !important ;
	padding: 0 !important ;
	}
	
.news_resume a {
	color: #FFFFFF ;
	text-decoration: none ;	
	}
	
.news_resume a:hover {
	color: #E7B22E ;
	text-decoration: underline ;	
	}
	
.news_resume a span {
	font-weight: bold ;
	font-size: .85em ;	
	}
	
.news_resume a:hover span {
	font-weight: bold ;
	font-size: .85em ;	
	}
	
/* ////////// meteo ///// */
#meteo {
	text-align: center ;
	height: 320px ;
	display: block;
}	


#meteo iframe {
	height: 320px ;
	margin: -5px 0px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	z-index: 10 ;
}
/*.tablo_met {
	padding-top: 10px ;
	width: 200px ;
	margin: auto ;
 	}

.tablo_met th {
background-color: white ;
	}

.tablo_met tr {
	background-color: white ;
	text-align: center ;
	}
	
.meteo_liens {
	text-align: center ;
	margin-top: 4px ;
	}
	
.meteo_liens a {
	color: white ;
	font-size: 0.85em ;
	font-weight: bold ;
	text-decoration: none ;
	}
	
.meteo_liens a:hover {
	color: #E7B22E ;
	text-decoration: underline ;
	}*/
	
/* ////////// petite carte ///// */	
.col_carte {
	text-align: center ;
	margin-top: 5px ;
 	}
	
.col_carte p {
	font-size: .85em ;
	color: #292C31 ;
	margin-top: -20px ;
 	}


/* /////////////// CONTENT /////////////// */
.content {
	margin-left: 250px ;
	}

/* ////////// texte intro ///// */	
.cont_text {
	margin: 20px 30px 20px 30px ;
	padding-bottom: 8px ;
	/*background: url(../images/fond_txt.gif) repeat-x bottom ;*/
	}
	
.cont_text h2 {
	margin: 40px 20px 20px 0px ;
	}
	
.cont_text h2 a {
	color: #292C39 ;
	font-size: 1.2em ;
	font-weight: bold ;
	text-decoration: none ;
	}
	
.cont_text h2 a:hover {
	color: #292C39 ;
	text-decoration: underline ;
	}

.cont_text h3 {
	margin: 0px 0px 10px 0px ;
	}
	
.cont_text h4 {
	margin: 5px 0px 5px 0px ;
	}
	
.cont_text p {
	color: #292C39 ;
	text-align: justify ;
	line-height: 1.7em ;
	}
	
.cont_text p a {
	color: #254472 ;
	font-weight: bold ;
	text-decoration: none ;
	}
	
.cont_text p a:hover {
	color: #292C39 ;
	font-weight: bold ;
	text-decoration: underline ;
	}
	
.cont_text ul li {
	list-style: none ;
	padding-bottom: 5px ;
	}
	
.cont_text ul li a {
	color: #292C39 ;
	font-weight: bold ;
	text-decoration: none ;
	}
	
.cont_text ul li a:hover {
	color: #292C39 ;
	font-weight: bold ;
	text-decoration: underline ;
	}

/* ////////// Tableaux horaires dans pages prestations ///// 	*/

.horaires_ouverts table {
	border-collapse: collapse;
	border-spacing: 0px ;
	background-color: #F7C00F ;
	margin: auto ;
	padding: 10px ;
	border: 6px solid #F7C00F ;
}

.horaires_ouverts table td {
	border-collapse: collapse;
	border-spacing: 0px ;
	/*empty-cells: show;*/
}

.horaires_ouverts tr.table_pair {
	background-color: #ffffff ;
}

.horaires_ouverts tr.table_impair {
	background-color: #DEE3E4 ;
}

.table_titre {
	font-weight: bold ;
	text-align: center ;
	height: 30px ;
	line-height: 30px ;
}

.table_heures {
	background-color: #DEE3E4 ;
	height: 28px ;
	line-height: 28px ;
}

.table_heures td {
	padding: 0px 7px ;
}

.table_vide {
	background-color: #F7C00F ;	
}

.table_jour {
	display: block ;
	width: 62px ;
	height: 28px ;
	line-height: 28px ;
	padding: 0px 0px 0px 10px ;
}

.direct {
	background: url(../images/fond-tableaux.gif) 0 0 no-repeat ;
	text-indent: -5000px ;
	width: 43px ;
	height: 28px ;
	/background-color: #ffffff ;
}

.escale {
	background: url(../images/fond-tableaux.gif) 0 -28px no-repeat ;
	text-indent: -5000px ;
	width: 43px ;
	height: 28px ;
	/background-color: #ffffff ;
}

.sans_trajet {
	background: url(../images/fond-tableaux.gif) 0 -56px no-repeat ;
	text-indent: -5000px ;
	width: 43px ;
	height: 28px ;
	/background-color: #ffffff ;
}

#legende {
	margin: 20px 0px 0px 0px ;
	padding: 10px 0px 0px 0px ;
	width: 100% ;
	border-top: 1px solid #666666 ;

}

#legende h3 {
	font-size: .9em ;
	font-weight: normal;
	margin: 0px ;
	padding: 0px ;
	height: 22px ;
	line-height: 22px ;	
}

#legende ul  {
	font-size: .9em ;
	margin: 0 ;
	padding: 0 ;
}

#legende ul li  {
	float: left ;
	margin: 0px 15px 0px 0px ;
	padding: 0 ;
	display: block ;
	height: 22px ;
	line-height: 22px ;	
}

.direct_liste {
	background: url(../images/fond-tableaux-legende.gif) 0 0 no-repeat ;
	padding: 0px 0px 0px 20px !important ;
}

.escale_liste {
	background: url(../images/fond-tableaux-legende.gif) 0 -22px no-repeat ;
	padding: 0px 0px 0px 20px !important ;
}

.sans_trajet_liste {
	background: url(../images/fond-tableaux-legende.gif) 0 -44px no-repeat ;
	padding: 0px 0px 0px 20px !important ;
}

.clear {
	clear: both ;
}
	
/* ////////// horaires en prod actuellement ///// 
#bloc_horaire {
	margin: auto ;
	}
	
.cont_text_hor {
	width: 500px ;
	margin: auto ;
	padding-bottom: 8px ;
	}
	
.cont_text_hor h2 {
	margin: 40px 20px 20px 0px ;
	}
	
.cont_text_hor h2 a {
	color: #292C39 ;
	font-size: 1.2em ;
	font-weight: bold ;
	text-decoration: none ;
	}
	
.cont_text_hor h2 a:hover {
	color: #292C39 ;
	text-decoration: underline ;
	}

.cont_text_hor h3 {
	margin: 0px 0px 10px 0px ;
	}
	
.cont_text_hor h4 {
	margin: 5px 0px 5px 0px ;
	}
	
.cont_text_hor p {
	margin: 15px 20px 20px 0px ;
	color: #292C39 ;
	text-align: justify ;
	line-height: 1.7em ;
	}
	
.cont_text_hor p a {
	color: #292C39 ;
	font-weight: bold ;
	text-decoration: none ;
	}
	
.cont_text_hor p a:hover {
	color: #292C39 ;
	font-weight: bold ;
	text-decoration: underline ;
	}
	
.cont_text_hor ul li {
	list-style: none ;
	padding-bottom: 5px ;
	}
	
.cont_text_hor ul li a {
	color: #292C39 ;
	font-weight: bold ;
	text-decoration: none ;
	}
	
.cont_text_hor ul li a:hover {
	color: #292C39 ;
	font-weight: bold ;
	text-decoration: underline ;
	}

 ///// new onglet ///// 
.onglet_nw {
	width: 500px ;
	margin: auto ;
	margin-top: 20px ;
	}
	
.onglet_nw ul {
	width: 500px ;
	height: 64px ;
	list-style:	none ;
	text-align: center ;
	}
	
li.onglet_nw_li {
	display : block ;
	height: 64px ;
	margin: 0px 1px 0px 0px ;
	float: left ;
	}

li.onglet_nw_li a {
	display : block ;
	width: 124px ;
	height: 64px ;
	background: url(../images/onglet-horaires.gif) repeat-x left bottom ;
	color: #FFFFFF ;
	text-decoration: none;
	outline: none ;
	}

li.onglet_nw_li a:hover {
	display : block ;
	width: 124px ;
	height: 64px ;
	background: url(../images/onglet-horaires-hover.gif) repeat-x left bottom ;
	color: #FFFFFF ;
	text-decoration: underline ;
	outline: none ;
	}

 ///// onglet selectionn� /// 
li.onglet_nw_li_selected {
	display : block ;
	margin: 0px 1px 0px 0px ;
	float: left ;
	}

li.onglet_nw_li_selected a {
	display : block ;
	width: 124px ;
	height: 64px ;
	background: #FCF0C6 ;
	color: #000000 ;
	text-decoration: none;
	outline: none ;
	}

li.onglet_nw_li_selected a:hover {
	display : block ;
	width: 124px ;
	height: 64px ;
	background: #FCF0C6 ;
	color: #000000 ;
	text-decoration: none;
	outline: none ;
	}

 ///// span /// 	
li.onglet_nw_li a span, li.onglet_nw_li_selected a span {
	display : block ;
	}
	
/* ////////// horaires en dev ///// */

#bloc_horaire {
	margin: auto ;
	}	
	
.cont_text_hor {
	width: 520px ;
	margin: 0px auto 30px auto  ;
	padding-bottom: 8px ;
	}
	
.cont_text_hor h2 {
	margin: 40px 20px 20px 0px ;
	}

.cont_text_hor h3 {
	margin: 0px 0px 10px 0px ;
	}
	
.cont_text_hor h4 {
	margin: 5px 0px 5px 0px ;
	}
	
.cont_text_hor p {
	margin: 15px 20px 20px 0px ;
	color: #292C39 ;
	text-align: justify ;
	line-height: 1.2em ;
	}
	
.cont_text_hor p a {
	color: #292C39 ;
	font-weight: bold ;
	text-decoration: none ;
	}
	
.cont_text_hor p a:hover {
	color: #292C39 ;
	font-weight: bold ;
	text-decoration: underline ;
	}
	
.cont_text_hor ul li {
	list-style: none ;
	}
	
.cont_text_hor ul li a {
	color: #292C39 ;
	font-weight: bold ;
	text-decoration: none ;
	}
	
.cont_text_hor ul li a:hover {
	color: #292C39 ;
	font-weight: bold ;
	text-decoration: underline ;
	}
	
.cont_text_hor ul li img {
	display: block ;
	margin: auto ;
	}

.hor_saison {
	margin: 15px 0px 0px 0px ;
	padding: 5px 5px 5px 10px;
	background: url(../images/hor_saison.jpg) 0% 100% repeat-x ;
}

.hor_open {
	margin: 15px 0px 0px 0px ;
	padding: 5px 5px 5px 10px;
	background: url(../images/menu_col_g.gif) 0% 100% repeat-x ;
	font-weight: bold;
}

.arrow_open {
	padding: 0px 30px 0px 25px;
	margin: 0px 0px 0px 0px ;
	background: url(../images/hor_open.png) 0% 50% no-repeat ;
	display: inline;
}

.arrow_close {
	padding: 0px 30px 0px 25px;
	margin: 0px 0px 0px 0px ;
	background: url(../images/hor_close.png) 0% 50% no-repeat ;
	display: inline;
}

.highlight {
	margin: 15px 0px 0px 0px ;
	padding: 5px 5px 5px 10px;
	font-weight: bold ;
	background: url(../images/hor_saison_hover.jpg) 0% 100% repeat-x ;
}

.hor_saison span {
	font-weight: normal !important ;
	float: right;
}

.hor_saison_img_none {
	display: none;
	border-top: 1px solid #999 ;
	background-color: #FBEFC5 ;
}

.hor_saison_img {
	border-top: 1px solid #999 ;
	background-color: #FBEFC5 ;
}

.hor_saison_img img {
	display: block ;
}

.hor_saison_img p {
	padding: 10px;
	margin: 5px 0px !important ;
}

.hor_saison_img_none img {
	display: block ;
}

.hor_saison_img_none p {
	padding: 10px;
	margin: 5px 0px !important ;
}

.hor_haut {
	margin: 20px 10px 10px 10px;
	font-size: .8em ;
	font-weight: normal !important ;
}

.hor_haut a {

}

/* ///////// Recherche horaires ///// */
/* reset fieldset */
fieldset, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


.cont_text_hor input {
	/*width:250px;*/
	border-top:1px solid #555;
	border-left:1px solid #555;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:1px;
	color:#32322D;
	}
	
input:focus {
	background:#efefef;
	color:#000;
	}

#dateDepart fieldset {
	background-color: #49BAD8;
	height: 60px ;
	border-radius: 8px ;
	-moz-border-radius: 8px ;
	-webkit-border-radius: 8px ;
	-o-border-radius: 8px ;
	border-bottom: 3px solid #FFB200 ;
}

#dateDepart fieldset label {
	margin: auto ;
	padding: 0px 0px 0px 55px ;
	display: block ;
	height: 60px ;
	line-height: 60px ;
	background: url(../images/horaires_puces.gif) 3% 0% no-repeat ;
	font-weight: bold ;
	color: #281F22 ;
}

.portDepartField {
	margin: 10px 0px 0px 0px ;
	padding: 00px 0px 10px 0px ;
	min-height: 60px ;
	background-color: #85CDE0;
	border-radius: 8px ;
	-moz-border-radius: 8px ;
	-webkit-border-radius: 8px ;
	-o-border-radius: 8px ;
	border-bottom: 3px solid #FFB200 ;
}

.portDepartField label {
	margin: auto ;
	padding: 0px 0px 0px 55px ;
	display: block ;
	height: 55px ;
	line-height: 55px ;
	background: url(../images/horaires_puces.gif) 3% -60px no-repeat ;
	font-weight: bold ;
	color: #281F22 ;
}

.portDepartField span {
	margin: 5px 0px 10px 0px ;
	padding: 0px 0px 0px 55px ;
	display: block ;
	height: 27px ;
	line-height:27px;
}

.border {
	border: 1px solid red;
}
.button_hide {
	display: none ;
}

.destinationField {
	margin: 10px 0px 0px 0px ;
	/*height: 60px ;*/
	background-color: #BFE4E9;
	border-radius: 8px ;
	-moz-border-radius: 8px ;
	-webkit-border-radius: 8px ;
	-o-border-radius: 8px ;
	border-bottom: 3px solid #FFB200 ;
}

.destinationField label {
	margin: auto ;
	padding: 0px 0px 0px 55px ;
	display: block ;
	height: 60px ;
	line-height: 60px ;
	background: url(../images/horaires_puces.gif) 3% -120px no-repeat ;
	font-weight: bold ;
	color: #281F22 ;
}

.destinationField div {
	margin: 0px 0px 0px 55px ;
}

.destinationField div input {
	margin: 0;
	padding: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

.destinationField div span {
	display: block ;
	margin: 0px 0px 15px 0px ;
}

#hor_v3 {
	margin: 10px 0px 0px 0px ;
	background-color: /*#DCECED*/ #BFE4E9;
	color: #281F22 ;
	border-bottom: 3px solid #FFB200 ;
	border-radius: 8px ;
	-moz-border-radius: 8px ;
	-webkit-border-radius: 8px ;
	-o-border-radius: 8px ;
}

#hor_v3 h4 {
	margin: auto ;
	padding: 0px 0px 0px 55px ;
	display: block ;
	height: 60px ;
	line-height: 60px ;
	background: url(../images/horaires_puces.gif) 3% -120px no-repeat ;
	font-weight: bold ;
}

#hor_v3_navs {
	padding: 0px 0px 0px 55px ;	
}

#hor_v3_navs h3 {
	font-size: 1.05em ;
	margin: 5px 0px  ;
	padding: 0px 0px 0px 25px ;
	background: url(../images/hor_depart.gif) 0% 50% no-repeat ;
}

#hor_v3_navs h2 {
	margin: 20px 55px 0px 0px !important ;
	padding: 10px ;
}

#hor_v3_navs h2 a {
	outline:none ;
	font-size: .9em !important ;
	padding: 0px 0px 0px 25px ;
	background: url(../images/hor_dest_16.png) 0% 50% no-repeat ;
	color: #281F22 ;
	text-decoration: none !important ;
}

#hor_v3_navs h2 a:hover {
	font-size: .9em !important ;
	padding: 0px 0px 0px 25px ;
	background: url(../images/hor_dest_16.png) 0% 50% no-repeat ;
	color: #666 ;
	text-decoration: none !important ;
}

#hor_v3_navs h5 {
	font-size: 1em ;
	background: url(../images/hor_jour.png) 0% 50% no-repeat ;
	padding: 0px 0px 0px 25px ;
	margin: 0 !important ;
	display: inline;
}

#hor_v3_navs p {
	color: #666 ;
	margin: 20px 0px 10px 0px ; 
}


#hor_jours_suivant {
	display: inline ;
	margin: 0px 0px 0px 80px ;
}

#hor_jours_suivant li {
	display: inline ;
}

.h_jour_avant_ht a {
	padding: 15px ;
	background: url(../images/hor_jour_avant.png) 50% 50% no-repeat ;
	height: 16px ;
	font-weight: normal !important ;
	text-decoration: none !important ;
}

.h_jour_avant_ht a:hover {
	padding: 15px ;
	background: url(../images/hor_jour_avant.png) 50% 50% no-repeat ;
	height: 16px ;
	font-weight: normal !important ;
	text-decoration: underline !important ;
}

.h_jour_apres_ht a {
	padding: 15px ;
	background: url(../images/hor_jour_apres.png) 50% 50% no-repeat ;
	height: 16px ;
	font-weight: normal !important ;
	text-decoration: none !important ;
}

.h_jour_apres_ht a:hover {
	padding: 15px ;
	background: url(../images/hor_jour_apres.png) 50% 50% no-repeat ;
	height: 16px ;
	font-weight: normal !important ;
	text-decoration: underline !important ;
}

.h_jour_j {
	margin: 0px 0px 0px 20px ;
}

.h_jour_j a {
	padding: 15px ;
	background: url(../images/hor_jour_j.png) 50% 50% no-repeat ;
	height: 16px ;
	font-weight: normal !important ;
	text-decoration: none !important ;
}

.h_jour_j a:hover {
	padding: 15px ;
	background: url(../images/hor_jour_j.png) 50% 50% no-repeat ;
	height: 16px ;
	font-weight: normal !important ;
	text-decoration: underline !important ;
}

.hor_v3_control {
	margin: 7px 0px ;
	padding: 10px ;
}

.hor_v3_control ul li {
	margin: 5px 0px ;
}

.hor_control_horaires_close a {
	font-size: .9em ;
	font-weight: normal !important;
	text-decoration: none ;
	display: block ;
	height: 16px ;
	line-height: 16px ;
	padding: 0px 0px 0px 20px;
	background: url(../images/horaires_infos_32.gif) 0px -16px no-repeat ;	
}

.hor_control_horaires_close a:hover {
	font-size: .9em ;
	font-weight: normal !important;
	text-decoration: underline ;
	display: block ;
	height: 16px ;
	line-height: 16px ;
	padding: 0px 0px 0px 20px;
	background: url(../images/horaires_infos_32.gif) 0px -16px no-repeat ;	
}

.hor_control_horaires_open a {
	font-size: .9em ;
	font-weight: normal !important;
	text-decoration: underline ;
	display: block ;
	height: 16px ;
	line-height: 16px ;
	padding: 0px 0px 0px 20px;
	background: url(../images/horaires_infos_32.gif) 0px 0px no-repeat ;	
}

.hor_control_horaires_open a:hover {
	font-size: .9em ;
	font-weight: normal !important;
	text-decoration: underline ;
	display: block ;
	height: 16px ;
	line-height: 16px ;
	padding: 0px 0px 0px 20px;
	background: url(../images/horaires_infos_32.gif) 0px 0px no-repeat ;	
}

.h_jour_avant a {
	padding: 5px 5px 5px 25px ;
	background: url(../images/hor_jour_avant.png) 0% 50% no-repeat ;
	height: 16px ;
	font-weight: normal !important ;
	text-decoration: none !important ;
}

.h_jour_avant a:hover {
	padding: 5px 5px 5px 25px ;
	background: url(../images/hor_jour_avant.png) 0% 50% no-repeat ;
	height: 16px ;
	font-weight: normal !important ;
	text-decoration: underline !important ;
}

.h_jour_apres a {
	padding: 5px 5px 5px 25px ;
	background: url(../images/hor_jour_apres.png) 0% 50% no-repeat ;
	height: 16px ;
	font-weight: normal !important ;
	text-decoration: none !important ;
}

.h_jour_apres a:hover {
	padding: 5px 5px 5px 25px ;
	background: url(../images/hor_jour_apres.png) 0% 50% no-repeat ;
	height: 16px ;
	font-weight: normal !important ;
	text-decoration: underline !important ;
}

.h_telechargement {
	/*margin: 10px 0px 0px 0px !important ;*/
}

.h_telechargement a {
	padding: 5px 5px 5px 25px ;
	background: url(../images/hor_telechargement.gif) 0% 50% no-repeat ;
	height: 16px ;
	font-weight: normal !important ;
	text-decoration: none !important ;
}

.h_telechargement a:hover {
	padding: 5px 5px 5px 25px ;
	background: url(../images/hor_telechargement.gif) 0% 50% no-repeat ;
	height: 16px ;
	font-weight: normal !important ;
	text-decoration: underline !important ;
}

.h_agenda {
	margin: 0px 0px 10px 0px ;
}

.h_agenda a {
	padding: 5px 5px 5px 25px ;
	background: url(../images/hor_semaine.png) 0% 50% no-repeat ;
	height: 16px ;
	font-weight: normal !important ;
	text-decoration: none !important ;
}

.h_agenda a:hover {
	padding: 5px 5px 5px 25px ;
	background: url(../images/hor_semaine.png) 0% 50% no-repeat ;
	height: 16px ;
	font-weight: normal !important ;
	text-decoration: underline !important ;
}

.h2_open {
	margin: 20px 55px 0px 0px !important ;
	background-color: #DCECED ;
	padding: 10px ;
}

.h_heures {
	margin: 0px 55px 20px 0px !important ;
	padding: 10px 10px 10px 10px ;
	/*min-height: 30px ;*/
	background-color: #DCECED ;
	overflow: auto ;
}

.h_heures li {
	margin: 0px 6px 6px 0px ;
	padding: 0px 10px 0px 0px ;
	float: left ; 
	width: 60px ;
	height: 30px ;
}

.h_heures li a {
	text-align: center ;
	font-weight: bold ;
	display: block ;
	padding: 0px 10px 0px 0px ;
	width: 60px ;
	height: 30px ;
	line-height: 30px ;
	background: url(../images/horaires_infos.gif) #fff 90% 70% no-repeat ;	
	outline: none ;
	border-radius: 8px ;
	-moz-border-radius: 8px ;
	-webkit-border-radius: 8px ;
	-o-border-radius: 8px ;
}

.h_heures li a:hover {
	text-decoration: none !important ;
	text-align: center ;
	font-weight: bold ;
	display: block ;
	padding: 0px 10px 0px 0px ;
	width: 60px ;
	height: 30px ;
	line-height: 30px ;
	background: url(../images/horaires_infos.gif) #CCC 90% 70% no-repeat ;	
	border-radius: 8px ;
	-moz-border-radius: 8px ;
	-webkit-border-radius: 8px ;
	-o-border-radius: 8px ;
}

.h_heures_li_a_open {
	text-align: center ;
	font-weight: bold ;
	display: block ;
	padding: 0px 10px 0px 0px ;
	width: 60px ;
	height: 30px ;
	line-height: 30px ;
	background: url(../images/horaires_infos.gif) #CCC 90% 70% no-repeat !important ;	
	outline: none ;
	border-radius: 8px ;
	-moz-border-radius: 8px ;
	-webkit-border-radius: 8px ;
	-o-border-radius: 8px ;
}

.hidden {
	display: none ;
}

.dialog {
	display: none ;
	margin: 2px 0px 0px 0px ;
	padding: 15px ;
	max-width: 500px ;
	position: absolute ;
	z-index: 10000 ;
	background-color: #fff ;
	border-top: 1px solid #FFB200 ;
	border-left: 1px solid #FFB200 ;
	border-right: 1px solid #FFB200 ;
	border-bottom: 3px solid #FFB200 ;
	border-radius: 8px ;
	-moz-border-radius: 8px ;
	-webkit-border-radius: 8px ;
	-o-border-radius: 8px ;
}

.h_title {
	background: url(../images/horaires_trait.jpg) 0% 100% repeat-x ;
	margin: 0 ;
	padding: 7px ;
}

.h_legende {
	margin: 0 ;
	padding: 7px ;
}

.h_commentaire {
	margin: 0 ;
	padding: 7px ;
}

.h_commentaire ul li {
	clear: both !important ;
	width: 100% !important ;
	margin: 0  !important ;
	padding: 5px 0px 5px 10px  !important ;
	height: inherit !important ;
}

.retour {
	font-weight: bold ;
	font-size: .85em ;
}

.pair {
	/*background: url(../images/horaires_trait.jpg) 0% 100% repeat-x ;*/
	background-color: #E8EDED;
}

.impair {

}

.direct {
	font-weight: bold ;
}

.h_small {
	margin: 3px 0px 0px 0px ;
	font-size: .85em ;
	font-weight: bold ;
}

.h_outline {
	/*border: 1px solid #FFB200;*/
	background: #F9C54B;
}

/*#h_liens {
	clear: both ;
	margin: 20px 0px ;
	padding: 0px 0px 0px 55px ;
}

#h_liens ul li {
	clear: both ;
	position: relative ;
	z-index: 10 ;
}

.h_retour a {
	background: url(../images/horaires_retour.gif) 2% 50% no-repeat ;
	padding: 5px 5px 5px 30px ;
	height: 16px ;
	font-weight: normal !important ;
	text-decoration: none !important ;
}

.h_retour a:hover {
	background: url(../images/horaires_retour.gif) 3% 50% no-repeat ;
	padding: 5px 5px 5px 30px ;
	height: 16px ;
	font-weight: normal !important ;
	text-decoration: underline !important ;
}

.h_agenda {
	margin: 10px 0px 0px 0px ;
}

.h_agenda a {
	padding: 5px 5px 5px 25px ;
	background: url(../images/hor_semaine.png) 0% 50% no-repeat ;
	height: 16px ;
	font-weight: normal !important ;
	text-decoration: none !important ;
}

.h_agenda a:hover {
	padding: 5px 5px 5px 25px ;
	background: url(../images/hor_semaine.png) 1% 50% no-repeat ;
	height: 16px ;
	font-weight: normal !important ;
	text-decoration: underline !important ;
}*/


/* ////// submit by jquery */
.cont_text_hor button {
	border: 0 ;
	margin: 0px 0px 0px 7px ;
	width: 30px ;
	height: 26px ;
	line-height: 26px ;
	background: url(../images/horaires_puces.gif) 40% -240px no-repeat ;
	text-indent: -5000px ;
	cursor:  pointer;
	outline: none ;
}

.cont_text_hor button:hover {
	border: 0 ;
	margin: 0px 0px 0px 7px ;
	width: 30px ;
	height: 26px ;
	line-height: 26px ;
	background: url(../images/horaires_puces.gif) 40% -266px no-repeat ;
	text-indent: -5000px ;
	cursor:  pointer;
	outline: none ;
}

#dateDepart input {
	width: inherit ;
}

#maDate {
	width: 80px !important ;
	text-align: center ;
}


/* //////// Horaires : pour le fade à la recharge de la page /// */
#portDepart {

}

#portDepartVisible {

}

/* ///// textes spans selected & standard /// */	
.strong {
	font-weight: bold ;
	font-size: .9em ;
	padding-top: 5px ;
	}
	
.standard {
	font-weight: bold ;
	font-size: 1.1em ;
	padding-top: 2px ;
	}
/* ///// end new onglet ///// */

.hor a {
	color: white ;
	}
	
.hor_bold a {
	font-weight: bold ;
	color: #F3DBA3 ;
	}
	
.hor_tmp {
	text-align: center ;
	}
	
.location_hor {
	background-color: white ;
	float: left ;
	width: 250px ;
	margin: 20px 0px 20px 55px ;
	background: url(../images/fd_location.gif) 0% 100% no-repeat ;
	}
	
.location_hor h4 {
	font-size: 1em ;
	padding: 0px 0px 0px 25px ;
	color: white ;
	display: block ;
	height: 22px ;
	line-height: 22px ;
	}
	
.location_hor h4 a {
	color: white ;
	text-decoration: none ;
	}
	
.location_hor h4 a:hover {
	padding: 0px 0px 0px 2px ;
	}
	
.retour_haut {
	clear: both ;
	list-style: none ;
	}
	
.retour_haut ul li {
	padding: 20px 0px 20px 0px ;
	text-align: center ;
	font-size: .85em ;
	list-style: none ;
	}
	
.retour_haut ul li a {
	color: #999 ;
	}
	
.retour_haut ul li a:hover {
	color: #999 ;
	}
	
/* ////////// tarifs ///// */
.tarifs {
	margin: 20px 30px 20px 30px ;
	padding-bottom: 8px ;
	background: url(../images/fond_txt.gif) repeat-x bottom ;
	}
	
.bloc_horairetrf {
	margin-top: 20px ;
	}

#onglet_trf {
	background-color: #292C39 ;
	text-align: right ;
	height: 16px ;
	}
	
#onglet_trf ul {
	list-style:	none ;	
	}
	
#onglet_trf ul li {
	display : inline ;
	padding: 0px 30px 0px 0px ;
	font-size: 0.9em ;
	color: white ;
	}

.jne-infos_trf {
	background-color: #F3E3BF ;
	padding-bottom: 10px ;
	}

.jne-infos_trf h2 {
	font-size: 1.2em ;
	padding: 10px 0px 5px 30px ;
	margin: 0 !important ;
	}

.bloc_trf {
	border-bottom: 2px solid grey ;
	padding: 5px 5px 5px 5px ;
	background-color: white ;
	margin: 0px 15px 0px 15px ;
	padding-bottom: 5px ;
	}
	
.bloc_trf p {
	margin: 5px 0px 0px 5px ;
	}
	
.bloc_trf table {
	border-bottom: 1px solid grey ;
	margin-bottom: 10px ;
	background-color: #FFFFFF ;
	padding: 0 ;
	border: none;
	}
	
.bloc_trf table td {
	font-weight: bold ;
	height: 20px ;
	}

.bloc_trf ul {
	margin: 0px 0px 0px 5px ;
	}
	
.bloc_trf ul li {
	font-size: .8em ;
	display: inline ;
	}
	
.trf_prest {
	width: 270px ;
	}
	
.trf_traj {
	width: 80px ;
	font-size: .85em ;
	font-style: italic ;
	}
	
.trf_prx {
	text-align: right ;
	width: 60px ;
	}
	
#gratuit {
	background-color: #F3E3BF ;
	margin-bottom: 10px ;
	padding-bottom: 10px ;
	}
	
#comment {
	margin-bottom: 10px ;
	font-weight: bold ;
	font-size: .9em ;
	text-align: center ;
	}
	
#gratuit p, #comment p {
	color: #000 ;
	text-align: center ;
	line-height: normal ;
	}
	
/* ////////// carte ///// */	
#carte {
	text-align: center ;
	margin-bottom: 30px ;
	}

/* ////////// location ///// */	
.location {
	background-color: white ;
	float: left ;
	width: 250px ;
	margin: 10px 0px 20px 30px ;
	padding-bottom: 8px ;
	padding-left: 10px ;
	}
	
.location h4 {
	font-size: 1.1em ;
	padding-top: 2px ;	
	height: 30px ;
	padding-left: 25px ;
	color: white ;
	background: url(../images/fd_location.gif) no-repeat ;
	}
	
.location h4 a {
	color: white ;
	text-decoration: none ;
	}
	
.location h4 a:hover {
	text-decoration: underline ;
	}
	
.location h5 {
	font-size: 1.1em ;
	padding-left: 20px ;
	}
	
.location ul {
	list-style:	none ;
	}
	
.location ul li {
	background: url(../images/picto_location.jpg) no-repeat ;
	padding-bottom: 11px ;
	padding-top: 11px ;
	}

.location ul li a {
	padding-left: 50px ;
	color: #292C39 ;
	font-size: 1.1em ;
	font-weight: bold ;
	text-decoration: none ;
	}
	
.location ul li a:hover {
	color: #292C39 ;
	text-decoration: underline ;
	}

/* ////////// news page ///// */	
#news_arrows {
	background: url(../images/arrow_news.gif) no-repeat 0 0 ;
	padding: 0px 0px 0px 25px ;
	}
	
#news_abonne {
	background: url(../images/rss.gif) no-repeat 0 0 ;
	padding: 0px 0px 0px 25px ;
	}

.titre_news {
	color: #E7B22E ;
	padding: 0px 0px 0px 10px ;
	margin: 30px 0px 0px 0px;
	border-bottom: 1px solid #292C39 ;
	}
	
.titre_news h4 {
	color: #292C39 ;
	font-weight: bold ;
	font-size: 1.25em ;
	margin: 15px 0px 0px 0px ;
	}

.titre_news h5 {
	color: #292C39 ;
	margin: 0px 0px 5px 0px ;
	padding: 3px ;
	width: 90px ;
	background-color: #E7B22E ;
	text-align: center ;
	}
	
.titre_news p {
	color: #292C39 ;
	margin: 5px 10px 3px 0px ;
	padding: 0px 0px 3px 0px ;
	}
	
.titre_news p a {
	color: #254472 ;
	font-weight: bold ;
	text-decoration: none ;
	}
	
.titre_news p a:hover {
	color: #292C39 ;
	font-weight: bold ;
	text-decoration: underline ;
	}
	
.titre_news ul {
	text-align: right ;
	margin: 0px 0px 5px 0px ;
	}
	
.titre_news ul li {
	color: #292C39 ;
	display: inline ;
	font-weight: bold ;
	}
	
.titre_news ul li a {
	color: #292C39 ;
	text-decoration: none ;
	outline: 0 ;
	}
	
.titre_news ul li a:hover {
	color: #E7B22E ;
	text-decoration: none ;
	}
	
/* ////////// galeries ///// */	
.galerie {
	float: left ;
	width: 250px ;
	margin: 10px 30px 20px 0px ;
	padding-bottom: 8px ;
	padding-left: 20px ;
	}
	
.galerie h4 {
	font-size: 1.1em ;
	padding-top: 2px ;	
	height: 30px ;
	padding-left: 25px ;
	color: white ;
	background: url(../images/fd_location.gif) no-repeat ;
	}
	
.galerie ul {
	list-style:	none ;
	}

.galerie ul li a:hover {
	color: #292C39 ;
	text-decoration: underline ;
	}	

.bateau {
	background: url(../images/picto_bato.jpg) no-repeat ;
	padding-bottom: 20px ;
	padding-top: 20px ;
	}

.bateau a {
	padding-left: 80px ;
	color: #292C39 ;
	font-size: 1.1em ;
	font-weight: bold ;
	text-decoration: none ;
	}
	
.region {
	background: url(../images/picto_region.jpg) no-repeat ;
	padding-bottom: 20px ;
	padding-top: 20px ;
	}

.region a {
	padding-left: 80px ;
	color: #292C39 ;
	font-size: 1.1em ;
	font-weight: bold ;
	text-decoration: none ;
	}

	
/* ////////// all_galeries ///// */
.all_galerie {
	float: left ;
	width: 590px ;
	margin: 40px 0px 20px 20px ;
	padding-bottom: 8px ;
	}
	
.gal_titre {
	clear: both ;
	padding: 2px 0px 2px 10px ;
	height: 20px ;
	background-color: #292C39 ;
	color: white ;
	font-weight: bold ;
	}
	
.gal_diapo {
	float: right ;
	position: relative ;
	margin: -20px 10px 0px 0px ;
	}
	
.gal_diapo ul li {
	list-style: none ;
	}
	
.gal_diapo ul li a {
	color: white ;
	text-decoration: none ;
	}
	
.gal_diapo ul li a:hover {
	color: white ;
	text-decoration: underline ;
	}
	
.gal_image {
	float: left ;
	height: 140px ;
	margin: 20px 20px 20px 0px ;
	}
	
.gal_image ul li {
	color: white ;
	list-style: none ;
	}
	
.gal_image ul li span {
	background-color: #F3DBA3 ;
	color: #292C39 ;
	font-size: .85em ;
	padding: 3px ;
	}
	
.gal_image ul li img {
	height: 120px ;
	border-left: 2px solid #292C39 ;
	border-right: 2px solid #292C39 ;
	}
	
/* ////////// prestations ///// */

/* nouvelle présentation */
#presta_gen_div {

}

#presta_gen_div h4 {
	margin: 25px 0px 15px 0px ;
	padding: 5px 5px 5px 10px;
	background: url(../images/hor_saison.jpg) 0% 100% repeat-x ;
}

#presta_gen_div ol {
	margin: 15px 0px 5px 0px ;
}

#presta_gen_div ol li {
	margin: 15px 0px 5px 0px ;
	padding: 0px 0px 0px 25px ;
	background: url(../images/hor_dest_16.png) 0% 50% no-repeat ;
	color: #292C39 ;
	font-weight: bold ;
}

#presta_gen_div ol li a {
	color: #292C39 ;
	text-decoration: none ;
}
	
#presta_gen_div ol li a:hover {
	color: #292C39 ;
	text-decoration: underline ;
}

.horaires {
	margin: 0px 25px 0px 0px;
	padding: 0px 0px 0px 25px ;
	background: url(../images/hor_jour.png) 0% 50% no-repeat ;
	float: left ;
}

.tarifs {
	margin: 0px 25px 0px 0px;
	padding: 0px 0px 0px 25px ;
	background: url(../images/hor_prix.gif) 0% 50% no-repeat ;
	float: left ;
}

.acces {
	margin: 0;
	padding: 0px 0px 0px 20px ;
	background: url(../images/hor_depart.gif) 0% 50% no-repeat ;
}
	
/* fin nouvelle présentation */

.presta_gen {
	float: left ;
	width: 250px ;
	margin: 10px 30px 20px 30px ;
	padding-bottom: 8px ;
	padding-left: 10px ;
	background: url(../images/fond_txt.gif) repeat-x bottom ;
	}
	
.presta_gen h4 {
	font-size: 1.1em ;
	padding-top: 2px ;	
	height: 30px ;
	padding-left: 25px ;
	color: white ;
	background: url(../images/fd_location.gif) no-repeat ;
	}
	
.presta_gen h4 a {
	color: white ;
	text-decoration: none ;
	}
	
.presta_gen h4 a:hover {
	text-decoration: underline ;
	}
	
.presta_gen ul {
	list-style:	none ;
	}

.presta_gen ul li a {
	color: #292C39 ;
	text-decoration: none ;
	font-weight: bold ;
	padding-left: 15px ;
	}	
	
.presta_gen ul li a:hover {
	color: #E7B22E ;
	text-decoration: underline ;
	}
	
.location_prest {
	background-color: white ;
	float: left ;
	width: 170px ;
	margin: 10px 0px 20px 20px ;
	padding-bottom: 8px ;
	padding-left: 10px ;
	}
	
.location_prest h4 {
	font-size: 1.1em ;
	padding-top: 2px ;	
	height: 30px ;
	padding-left: 25px ;
	color: white ;
	background: url(../images/fd_location.gif) no-repeat ;
	}
	
.location_prest h4 a {
	color: white ;
	text-decoration: none ;
	}
	
.location_prest h4 a:hover {
	text-decoration: underline ;
	}

/* ////////// contact ///// */
#form_cont {
	margin: 10px 30px 5px 30px ;
	width: 260px ;
	}
	
#form_cont h3 {
	padding-bottom: 15px ;
	}

#form_cont ul li {
	list-style: none ;
	padding-bottom: 7px ;
	}
	
#form_cont ul li span {
	font-size: .85em ;
	font-weight: bold ;
	color: red ;
	}
	
#form_cont ul li input {
	width: 350px ;
	}
	
.submit {
	margin: 0px 30px 20px 30px ;
	}
	
#ajout_ok {
	margin: 0px 30px 20px 30px ;
	color: red ;
	}
	
/* /////////////// FOOTER /////////////// */	
#footer {
	clear: both ;
	background: url(../images/fond_footer.gif) repeat-x ;
	height: 139px ;
	}
	
#all_liste {
	margin-left: 45px ;
		}
	
.liste {

	float: left ;
	background: url(../images/liste_footer.gif) no-repeat ;
	width: 203px ;
	height: 88px ;
	margin: 10px 0px 0px 0px ;
	}
	
.liste ul {
	margin: 12px 0px 0px 0px ;
	list-style: none ;
	text-align: center ;
	}
	
.liste ul li {
	text-align: center ;
	margin: 5px 0px ;
	}	
	
.liste ul li a {
	color: #292C39 ;
	font-weight: bold ;
	text-decoration: none ;
	}
	
.liste ul li a:hover {
	color: #292C39 ;
	text-decoration: underline ;
	}
	
#copyr {
	clear: both ;
	}

#copyr ul {
	list-style: none ;
	text-align: center ;
	}
	
#copyr ul li {
	display: inline ;
	margin-left: 20px ;
	}
	
#copyr ul li a {
	color: #292C39 ;
	font-size: 0.7em ;
	font-weight: bold ;
	text-decoration: none ;
	}
	
#copyr ul li a:hover {
	color: #292C39 ;
	text-decoration: underline ;
	}