*{margin:0; padding:0;}

body{
	background:url('../../images/ultramarina/header_bg.gif') repeat-x top left;
	font-size:1em;
	font-family:Arial, Helvetica,sans-serif;
	color:#58585a;
}

body,html{width:100%;margin:0;text-align:center;}
a{color:#555555}
a:focus,a:active {outline: none;}
body{font-size:62.6%;}
h1 { font-size:1.8em; }
h2 { font-size:1.6em; }
h3 { font-size:1.4em; }
h4 { font-size:1.3em; }
h5 { font-size:1.2em; }
p { font-size:1.2em;  }
a {font-size:12px; }
.cacher {display:block;margin-top:-5000px;position:absolute !important;margin-left:-50000px;width:1px; overflow:hidden; height:1px;}
img {border:0} 
.clearer {display:block; clear:both;font-size:0px;line-height:0px; } 
#largeur {width:920px;margin-left:auto;margin-right:auto;position:relative;text-align:left;padding-top:19px;}
#logo {top:0; left:20px; position:absolute;}


#menu_haut {list-style-type:none;margin:0;padding:0;position:absolute;right:10px;top:0;padding-top:49px; }

#menu_haut li {margin:0;padding:0;float:left;margin-left:48px;}

/********************************/
/*Ajout de CSS*/
/********************************/


/*haut de page*/
/********************************/

#header{
	background:url('../../images/ultramarina/header_fond1.jpg') no-repeat top left;
	height:347px;
}

#menu_haut_droite{
	position:absolute;
	top:0px; 
	right:20px;
	padding-top:2px;
}

#mon_compte{float:right;}

#menu_haut_droite li{display:inline;}
#menu_haut_droite a{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.1em; text-decoration:none;}

#monCompte{background:url('../../images/ultramarina/picto_bonhomme.gif') no-repeat top left; padding-left:14px;}
#monPanier{background:url('../../images/ultramarina/picto_panier.gif') no-repeat top left; padding-left:23px; margin-right:8px;}

#langues{
	clear:both;
	width:49px;
	float:right;
}

#langues ul{padding:7px 5px 2px 5px;background-color:#FFFFFF;}
#langues li{margin:0 1px;}


/* added later */
.morepicture{text-align:right; margin-right:20px;}
.morepicture a{text-decoration:none;}
.morepicture span{vertical-align:8px;}


/*Colonne gauche*/
/********************************/


#colonne_gauche{
	margin:-130px 0 0 20px;
	_margin:-130px 0 0 10px;
	width:176px;
	float:left;
	position:relative;
}



#colonne_gauche ul{padding:10px;}
#colonne_gauche li{list-style-type:none; text-transform:uppercase;}
#colonne_gauche a{text-decoration:none; color:#ffffff; font-size:1.1em;}

.current_menu, .current_ssmenu{background-color:#23bad9 !important;}

.parent_menu a{padding:3px 0px; background-color:#706757;}
.parent_menu a:hover{background-color:#23bad9;}

#menu_principal, #menu_voyages{background-color:#ffffff;}
#menu_principal li{margin-bottom:10px;}
#menu_principal a{ padding:3px 0px; background-color:#706757;}
#menu_principal a:hover{background-color:#23bad9;}


#menu_voyages{margin-bottom:15px;}

.sous_menu{
	background-color:#706757 !important; 
	padding:10px 0 20px 0 !important; 
	position:relative;
	margin-bottom:-20px;
}
.sous_menu li{padding:2px 8px;}
.sous_menu a{background:none;padding:0 !important;}


/*Fil d'arianne*/
/********************************/

#fil{
	position:absolute;
	top:-20px;
	_top:25px;
	_margin-top:-45px;
	text-transform:uppercase;
	left:0;
}

#roadVide{
	height:25px; 
	_height:20px; 
	width:10px;
}

#roadBlueBackWhite a{
	color:#23bad9;
	text-decoration:none;
	position:relative;
	font-size:1em;
	margin:0 5px;
}

#roadBlueBackWhite p{
	display:inline;
	background-color:#ffffff;
	padding:5px 15px;
	color:#23bad9;
	font-size:1.6em;
	font-weight:bold;
	float:left;
	_float:none;
	
}

#roadBlueBackWhiteParent h2{
	background-color:#ffffff;
	color:#23bad9;
	padding:5px 16px;
	_padding:5px 20px;
	margin-top:-30px;
	font-size:1.7em;
	position:relative;	
	height:20px;
	_width:385px;
	
}

#roadBlueBackWhite{
	position:relative;
	z-index:10;
	margin-bottom:5px;
}

#titreWhiteBackBlue{
	position:relative;
	z-index:15;
	clear:both;
}

#titreWhiteBackBlue h2{
	background-color:#23bad9;
	color:#ffffff;
	padding:10px 15px;
	margin-left:10px;
	font-size:1.9em;
	display:inline;
	white-space:nowrap;
}


/*Contenu*/
/********************************/

#main{
	background-color:#ffffff;
	margin-top:-80px;
	position:relative;
	float:right;
	margin-right:20px;
	_margin-right:10px;
	width:685px;
	min-height:400px;
	_height:400px;
}

#main #paragraphes{
	padding:30px 15px 30px 20px;
	width:471px;
	float:left;
	font-size:1em;
}

#main #paragraphes h2{ 
	background-color:#23bad9;
	color:#ffffff;
	display:inline;
	font-size:1.2em;
	padding:2px 10px;
}

#main #paragraphes ul{
	font-size:1.2em;
	clear:both;
	margin-left:10px;
}

#main #paragraphes li{list-style-type:none; padding:8px 0}
.para{margin:10px 0;}
.para p{}





/*Pieds de page*/
/********************************/

#footer{clear:both; padding-top:25px; position:relative;}
#footer li{display:inline;}

#logo_bas{background:url('../../images/ultramarina/logo_bg.gif') no-repeat bottom center}
#logo_bas ul{text-align:right; margin-right:20px; }
#logo_bas li{margin-left:66px;}

#menu_bas{
	background-color:#706757;
	padding:5px;
	color:#ffffff;
	clear:both;
}

#menu_bas a{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:1.1em; 
	text-decoration:none;
	color:#ffffff;
}

#menu_bas ul{margin-left:13px;}


/*styles de texte*/
/********************************/

.imgleft{
	float:left;
	margin:0 15px 15px 0;
}

.imgright{
	float:right;
	margin:0 0 15px 15px;
}

/*classes*/
/********************************/

.jour{
	color:#23bad9;
	font-weight:bold;
}

.bold{font-weight:bold;}


/*galerie*/
/********************************/
#main #galerie{margin-top:40px; float:left;}
#main #galerie li{list-style-type:none; margin:3px 0;}

.colonne_gauche{float:left; margin-right:6px;}
.colonne_droite{float:left;}


/*tableau*/
/********************************/

#tableau{
	clear:both;
	border-top:#23bad9 solid 1px;
	margin-top:40px;
}

#tableau table{border-collapse:collapse; width:100%; font-size:1.1em;}
#tableau td{border-bottom:#23bad9 solid 1px; padding:10px;}

.intitule{font-weight:bold; width:110px; padding-right:40px !important;}
.demande_infos{font-size:1.1em;}
.prix{font-size:1.3em; font-weight:bold;}
.reserve{
	background:url('../../images/ultramarina/picto_reserve.gif') no-repeat top left;
	padding-left:25px;
	font-weight:bold;
}

/*Tableau prix globus*/ /********************************/
#pour_tableau_prix {
	text-align: center;
	width: 880px;
	min-height: 200px;
	background-color: #ffffff;
	overflow: hidden;
	padding-bottom: 50px;
	padding-left: 20px;
	padding-right: 20px;
}

.black_overlay{
	display: none;
	position:fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=70);
}
 
.white_content {
	display: none;
	position: fixed;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	padding: 5px;
	border: 5px solid white;
	background-color: white;
	z-index:1002;
	overflow: auto;
}
.picture div{ float:left; }
#picturelist div{ float:left; }


div.scroll {
height:auto;
width: 170px;
position:relative;
overflow: auto;
border: 1px solid #666;
}
div.fixedscroll {
max-height:93px;
width: 170px;
position:relative;
overflow: auto;
border: 1px solid #666;
}