/* CSS RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* LAYOUT */
body {
	background-color:#e0dbbd; /* #342b24 */
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#fff;
		background-image:url('../img/template/blue1x943.jpg');
		background-position:0 571px;
		background-repeat : repeat-x;
}
#container {width:100%;
}
#header {
	margin:auto;
	width:914px;
	height:251px;
	background-image:url('../img/template/haut914x251.png');
}

#header img {
	margin-left:10px;
	margin-top:100px;
}
#header #lang {
	float:right;
	margin-right:20px;
	margin-top:85px;
}
#header #lang a{
	padding-right:10px;
}	
#menu {
	font-size:1.1em;
	z-index:0;
}
#content { 
width:100%;

}
	#images, #texte, #legals {
		overflow:auto;
	}
	#images {
		height:300px;
		margin:auto;
		width:914px;
		margin-bottom:10px;
		margin-top:10px;
		overflow:hidden;
		z-index:1;
	}
	#tarifs {
		margin:auto;
		width:914px;
		margin-bottom:10px;
		margin-top:10px;
		z-index:1;
	}
	#texte-container {
		/*background-repeat:no-repeat;*/
		width:100%;
		padding:0;margin:0;
	}
	#texte {

		padding:0 40px 0 40px;
		scrollbar-face-color:#0a2163;
		text-align:justify;
		margin:0 auto;
		width:914px;
		overflow:hidden;
	}
	#legals {
		/*background-color:#0a2163;
		background-image:url('../img/template/picto-texte-69x62.png');
		background-position:98% 100%;
		background-repeat:no-repeat;
		height:auto;
		padding:40px;
		text-align:justify;*/
		height:auto;
		scrollbar-face-color:#0a2163;
		text-align:justify;
		margin:10px auto 0 auto;
		width:914px;
		overflow:hidden;
		
	}
	#contact {

		height:auto;
		margin:10px auto 10px auto;
		text-align:justify;
		width:910px;
	}
	hr, .clear {
		background-color:;
		border:0;
		clear:both;
		color:#0a2163; /*#342b24;*/
		height:0px;
		margin:0;
		padding:0;
	}
	table {color:#fff;border:1px solid #fff;padding:5px;border-collapse: collapse;}
	th {
		border:1px solid #fff;padding:5px; text-align:center; background-color:#e0dbbd; color:#0a2163;
	}
	td {
		border:1px solid #fff;padding:5px; text-align:center; 
	}
	ul#fragments {float:center}
	ul#fragments li{float: right; padding: 0px; margin: 0px; }
	ul#fragments li a{margin:0px 20px 20px 0;color:white;}
	ul#fragments li a.selected {background-color:white;color:blue;}
	#fragment-1, #fragment-2 {width:680px;float:left;}
	
	.prices {float:left;left:300px;margin-bottom:20px;}
	#tarifs-image {float:left;margin-right:20px;padding-bottom:30px;}
#flashcontent {
	margin-top:1px;
}
#footer {
	color:#fff;
	font-size:.75em;
	margin-top:15px;
	padding:0 20px;
	/*background-image:url('../img/template/logo-meribel-169x36.png');*/
	background-position:0% 0%;
	background-repeat:no-repeat;
	margin:auto;
	width:914px;
}

h1 {
	width:914px;
	font-size:2em;
	height:75px;
	line-height:2em;
	background-image:url('../img/template/Bandeau914x75.jpg');
	background-repeat:no-repeat;
	position:relative;
	margin:0 auto;
}

h1 span {
	/*font-size:1em;
	font-weight:550;
	line-height:1.1em;
	padding-bottom:10px;*/
	width:914px;
	height:75px;
	position:absolute;
	display:block;
	padding:10px 40px ;
}
h2 {
	font-size:.95em;
	line-height:1.1em;
	padding:10px 0;
}
h3 {
	font-size:150%;
	line-height:1.1em;
	padding:30px 0;

}
#texte p, #legals p, #contact p, #texte ol, #texte ul, #legals address{
	font-size:.8em;
	line-height:1.1em;
	padding:10px 0;
}
#texte ol {
	list-style-type: decimal;
	list-style-position:outside;
}
#texte ul {
	list-style-type:disc;
	list-style-position:outside;
	margin-left:15px;
}

/* CUSTOM ELEMENTS */

#footer p {
	float:right;
	line-height:1.8em;
	text-align:right;
}

#footer a {
	color:#b0a295;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}

/* MENU */

#menu{
	/*background-color:#000;*/
	height:50px;
	margin-top:36px;
}
#menu:first-child {
	position:absolute;
}
#menu li{
	padding:0 0px;
	text-align: /*center;*/
}
#menu .left {float:left;}
#menu .right {float:right;}
#menu a{
	color:#e0dbbd;
	display:block;
	height:30px;
	line-height:30px;
	padding:0 17px 0 17px;
	text-decoration:none;
}
#menu a.nolink{ 
	cursor:default;
}
#menu li:hover a, #menu li.selected a{
	background-color:#0a2163;
}
#menu .ssmenu-1{
	display:none;
}
#menu li:hover > .ssmenu-1{ 
	display: block;
	font-size:.8em;
	list-style-type:none;
	position:absolute;
	z-index:10;
}
#menu .ssmenu-1 li{
	float:none;
	margin:auto;
	padding:0;
}
#menu li:hover .ssmenu-1 a{
	background-image:none;
	background-color:#b0a295;
	color:#342b24;
	display:block;
	min-height:35px;
	height:auto !important;
	margin:0;
	padding:0 10px;
	text-align:left;
}
#menu li:hover .ssmenu-1 a:hover {
	background-image:none;
	background-color:#3b3129;
	color:#b0a295;
}
#contact a {
	color:#fff;
}
#contact br {
	margin-bottom:5px;
}
#contact p {
	margin-bottom:20px;
	margin-left:50px;
}
#contact strong {
	font-weight:bold;
}
