@charset "utf-8";
/* 

CSS

Juillet 2008

Développé par Damien Goubeau Développement http://www.damien-goubeau-developpement.fr

Couleurs Textes

Couleurs Fonds

Couleurs Bordures

*/


/* CSS RESET */

* { margin:0; padding:0; border:0; }

html, body {
	height: 100%;
}

body {
	background:url(../_img/bg_home_page.jpg) top no-repeat #ffe9ff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#container {
	position:relative;
	min-height:100%; 
	height:100%; 
    voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;
}

html>body #container {
    height: auto;
}

img { border:0; }

a { text-decoration:none; cursor:pointer; }

.clearboth { clear:both; padding-bottom:1px; margin-bottom:-1px; font-size:0; }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

.clearfix { display:inline-block; }

/*hides from IE mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/*end hides from IE mac*/

/* GLOBAL */

body {
	cursor:default;
	font-family:Georgia, "Times New Roman", Times, serif;
}

p {
	cursor:text;
}

h3 span.sup {
	font-size:50%;
	text-transform:uppercase;
	padding:0 0 5px 0;
}
	

/* MAIN */
	
	/* HEADER */
	
	#header {
	}
	
	/* MENU */

	#menuhaut {
		font-size:10px;
		color:#666;
		text-transform:uppercase;
		text-align:center;
		padding:2px 0 0 0;
	}

	#menuhaut img.sep {
		vertical-align:middle;
		margin:0 3px;
	}

	#menuhaut a {
		color:#666;
		text-decoration:none;
	}

	#menuhaut span {
		color:#aaa;
	}

	#menuhaut a:hover {
		color:#000;
		text-decoration:underline;
	}

	#menuhaut a img {
		vertical-align:middle;
		margin:-2px 2px 0 0;
	}
	
	/* CONTENT */

	#content {
		position:absolute;
		width:390px;
		height:480px;
		top:50px;
		left:50%;
		margin:0 0 0 -195px !important;
		margin:0 0 0 -420px;
		background:url(../_img/img_fille_rose.png) bottom no-repeat;
		text-align:center;
	}
	
	/* BLOCS */
	
	.bloc {
		position:absolute;
		left:50%;
		width:270px;
		top:150px;
	}
	
	.bloc h2 {
		padding:0 0 14px 0;
		margin:0;
	}
	
	.bloc h2 {
		padding:0 0 12px 0;
		margin:0;
	}
	
	.bloc img.bouton {
		padding:0;
		margin:0;
	}
	
	/* LA REVUE */
	
	#bloc_revue {
		margin:0 0 0 -525px !important;
		margin:0 0 0 -760px;
		text-align:left;
	}
	
	#bloc_revue #player {
		background:url(../_img/bg_cartouche_player.png) bottom no-repeat;
	}
	
	#bloc_revue #cartouche {
		padding:5px 10px 10px 5px;
	}
	
	#bloc_revue #cartouche img {
		float:left;
		margin:0 10px 0 0;
	}
	
	#bloc_revue #cartouche img.photos {
		float:left;
		margin:0 10px 20px 0;
	}
	
	#bloc_revue #cartouche {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#966;
	}
	
	#bloc_revue #cartouche a {
		color:#633;
	}
	
	#bloc_revue #cartouche a:hover {
		text-decoration:underline;
	}
	
	/* LES CARTES */
	
	#bloc_cartes {
		margin:0 0 0 260px !important;
		margin:0 0 0 25px;
		text-align:right;
	}
	
	/* BIENVENUE */
	
	#bienvenue {
		width:396px;
		top:535px;
		left:50%;
		margin:0 0 0 -198px !important;
		margin:0 0 0 -433px;
		padding:7px 0 0 0;
		border-top:1px solid #e3e6e7;
		position:absolute;
		text-align:center;
	}
	
	/* BARRE DU BAS */
	
	#barre_bas {
		width:1050px;
		top:563px;
		left:50%;
		margin:0 0 0 -525px !important;
		margin:0 0 0 -760px;
		padding:0;
		position:absolute;
		text-align:center;
	}
	
		#bt_reservez {
			width:245px;
			margin:0;
			padding:0;
			margin:0;
			float:left;
		}
	
		#bt_newsletter {
			width:245px;
			margin:0;
			padding:0;
			margin:0;
			float:left;
		}
	
		.tickercontainer {
			position:relative;
			width:560px;
			height:28px;
			margin:0;
			padding:0;
			float:left;
			border-bottom:1px solid #ccc;
			border-top:1px solid #ccc;
			background:#fff;
			overflow:hidden; 
		}
	
/* FOOTER */

#footer {
	color:#966;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
	width:1100px;
	top:600px;
	left:50%;
	margin:0 0 0 -550px !important;
	margin:0 0 0 -785px;
	position:absolute;
	padding:5px 0 20px 0;
	line-height:1.5em;
}

#footer a {
	color:#633;
}

#footer h2 {
	color:#966;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
	margin:0;
	padding:0;
	font-weight:normal;
}

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