/*******************************
	TEMPLATE CSS COMMUN
*******************************/




/*****************************
      BALISES COMMUNNES
******************************/
html,
body{
	\height:100%;
}
body {
	font-family: "Trebuchet MS";
	font-size: 13px;
	line-height:1.2em;
	margin: 0;
	padding: 0;
	background-color:#FFFFFF;
}
a{
	color:#0000FF;
	text-decoration:none;
}
a:hover{
	text-decoration:none;
	color: #0000FF;
}
img {
	border:0px;
}

/* UNIFORMISATION DES MARGES ET PADDING des != NAVIGATEUR */
div,p,form,h1,h2,h3,h4,h5,h6,ul,blockquote,img {
	margin: 0;
	padding:0;
}
ul,blockquote{
	margin-left:15px;
}
div,p,h1,h2,h3,h4,h5,h6,ul,blockquote,font{
	line-height:1.2em;
}

.left-cleaner,
.right-cleaner,
.cleaner{
	clear:both;
	font-size:1px;
	height:0px;
	line-height:0px;
	margin:0;
	padding:0;
	/*overflow:hidden;*/
}
.left-cleaner{clear:left;}
.right-cleaner{clear:right;}

.div-detection-flash{
	margin:0px;
	font-weight:normal;
	text-align:center;
	width:auto;
	border:1px solid #C6C5C0;
	padding:25px;
}

/* POSITIONNEMENT DU CONTENU DE LA PAGE  */
#contenu-page{
	position: absolute;
	left: 50%;
	z-index: 101;
	top: 497px;
	/*border:1px solid #DCDCDC;*/
	border-top:0px;
	background-color:white;		
	padding:0px;	
}
#contenu-page{
	margin-left: -450px;
	width:940px;
	/*voice-family:"\"}\"";
	voice-family:inherit;
	margin-left: -320px;
	width:740px;*/
}
/*html>body  #contenu-page{
	margin-left: -320px;
	width:740px;	
}*/	
/* POSITIONNEMENT DE L'ENTETE DE LA PAGE  */
#entete{
	/*background-color:white;*/
	position: absolute;
	left: 50%;
	z-index: 100;
	top: 120px;
	padding:0px 20px 0px 20px;
	/*border:1px solid #DCDCDC;*/
	border-bottom:0px;
	

}
#entete{
	margin-left: -470px;
	width:940px;
	voice-family:"\"}\"";
	voice-family:inherit;	
	margin-left: -450px;
	width:900px;
}
html>body #entete{
	margin-left: -450px;
	width:900px;		
}
/*******************************************************/
/* MENU DU HAUT */
#page-index #menu-haut{
	position:absolute;
	top:-92px;
	left:689px;
	font-size: 12px;
	line-height: 22px;
	color: #03AFF7;
	text-align: right;
	z-index:102;
	width: 220px;
}
#page-index #menu-haut a{
	color:#03AFF7;
	font-weight: bold;	
}
#page-index #menu-haut a:hover{
	color:black;
}
/*******************************************************/
/* MENU */
#page-index #visuel{
	background-image: url(../img/aquaphobie/hp/visuel_fond_masque.jpg);
	width: 900px;
	background-repeat: no-repeat;
	height: 377px;

}
/*******************************************************/
/* LOGO NAGER BONHEUR*/
#page-index #logo-bonheur{
	position: absolute;
	z-index: 110;
	left: 263px;
	top: -92px;
	height: 172px;
	width: 422px;
	background-image: url(../img/aquaphobie/hp/logo_nager_bonheur.png)!important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/aquaphobie/hp/logo_nager_bonheur.png', sizingMethod='crop');
	background-repeat: no-repeat;
	background-image:none;
	
	}
/*******************************************************/
/* VISUEL AQUAPHOBIE */
#page-index #img-aquaphobie{
	margin-top: 119px;
	float: left;
	width: 220px;
	padding-left: 214px;
}
/*******************************************************/
/* VISUEL AQUAGYM */
#page-index #img-aquagym{
	float: right;
	margin-top: 119px;
	padding-right: 198px;
	width: 220px;
}
/*******************************************************/
/* TITRE AQUAPHOBIE */
#page-index #titre-phobie{
	float: left;
	width: 197px;
	background-image: url(../img/aquaphobie/hp/bt_aqua_phobie.gif);
	background-position:0px 100px;
	height: 100px;
	margin-left: 110px !important;
	margin-left: 55px;
	
}
#page-index #titre-phobie a.lien-bt-aquaphobie{
	display:block;
	text-decoration:none;
	height:100px;
	width:197px;
	background-image: url(../img/aquaphobie/hp/bt_aqua_phobie.gif);
	background-position:0px 100px;
}
#page-index #titre-phobie a.lien-bt-aquaphobie:hover{
	background-position:0px 0px;
}
/*******************************************************/
/* ENCART VOYAGE */
#page-index #encart-voyage{
	float:left;
	margin: 30px 0px 0px 40px;
	width: 240px;
}
#page-index #encart-voyage-gauche{
	margin: 10px 10px 0px 0px;
}
#page-index #encart-voyage-droite{
	margin: 10px 0px 0px 10px;
}
#page-index #img-voyage{
	width: 240px;

}
#page-index #texte-voyage{
	text-align: center;
	font-size: 10px;
	color: #000000;
	width: 240px;
	background-color: #A5F844;
	margin-bottom: 10px;
}
#page-index #texte-voyage h1{
	color:#FFFFFF;
	font-size:14px;
	padding:5px 0px;
	background-color:#0099FF;
}
#page-index #texte-voyage span.txt-hotel{
	color:#FF9C00;
	font-size:14px;
	font-weight:bold;
	padding: 5px 0px;
	display: block;
}
#page-index #texte-voyage span.txt-descriptif{
	font-size:12px;
	color:#000000;
}
#page-index #texte-voyage img{
	border:1px solid #0099FF;
}
#page-index .plus-infos{
	height:height:20px;
	line-height:20px;
	color:#FFFFFF;
	background-image: url(../img/aquaphobie/hp/bg_plus_ilnfos.gif);
}
.plus-infos a.lien-plus-infos{
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
}
.plus-infos a.lien-plus-infos:hover{
	color:#000000;
}
/*******************************************************/
/* TITRE AQUAGYM */
#page-index #titre-gym{
	float: right;
	height: 100px;
	background-image: url(../img/aquaphobie/hp/bt_aqua_gym.gif);
	background-repeat: no-repeat;
	background-position:0px -100px;
	width: 163px;
	margin-right: 145px !important;
	margin-right: 72px;
}
#page-index #titre-gym a.lien-bt-aquagym{
	display:block;
	text-decoration:none;
	height:100px;
	width:163px;
	background-image: url(../img/aquaphobie/hp/bt_aqua_gym.gif);
	background-position:0px 100px;
}
#page-index #titre-gym a.lien-bt-aquagym:hover{
	background-position:0px 0px;
}
/*******************************************************/
/* MENU */
#menu{
	font-size: 18px;
	height:43px;
	border-width:0px 0px;
}
#menu a{
margin-right:2px;
}
#menu a#btn-entreprise{
margin-right:0px;
}

/*******************************************************/
/* COLONE */
/*******************************************************/


/*******************************************************/
/* MENU DU BAS */
#menu-bas{
	margin-left:215px;
	line-height: 15px;
	padding-top:10px;
	border-bottom: solid #DCDCDC 1px;
}
#menu-bas,
#menu-bas a{
	font-size: 10px;
	color:#847672;
	text-align: left;
}
#menu-bas a:hover{
	color:black;
}

/*******************************************************/
/* COPYRIGHT */
#page-index #copyright{
	color:#03AFF7;
	font-size: 10px;
	text-align:center;
	height: 13px;
	line-height: 13px;
	width: 940px;
	margin: 15px 0px;
}

#page-index #copyright a{
	color:#03AFF7;
}
#page-index #copyright a:hover{
	color:#000000;
}