/* CSS Document */

/*------------------------------ Redefinition  ---------------------------------------*/

*{
	margin:0;
	padding:0;
}

html, body {
	width: 100%;
	height: 100%;
}

a{
	color: #2DA9D8;
}
a:hover{
	text-decoration: none;
}

body{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	line-height: normal;
	text-align:center;
	background-position: center top;
	background-image: url(../images/background.png);
}


/*------------------------------ Mise en forme globale --------------------------------*/

#wrap{
	width: 920px;
	margin-left: auto;
	margin-right: auto;
	min-height: 100%;
	/*height: 100%;*/
	position: relative;
	background-color: #FFFFFF;
}

.wrap_decouvrir{background-image: url(../images/wrap_decouvrir.gif);}
.wrap_organiser{background-image: url(../images/wrap_organiser.gif);}
.wrap_animer{background-image: url(../images/wrap_animer.gif);}
.wrap_contact{background-image: url(../images/wrap_contact.gif);}
.wrap_generique{
	background-color: #FFFFFF;
}

/* header */
#header{
	height: 142px;
	width: 920px;
	background-repeat: no-repeat;
	background-position: center bottom;
	position: relative;
}

#header #header_menu{
	position: absolute;
	bottom: 5px;
	right: 0px;
	color: #FFFFFF;
	font-size: 11px;
	width: 250px;
	text-align: right;
}

#header #header_menu a{
	color: #FFFFFF;
	text-decoration: none;
	margin-right: 3px;
	margin-left: 3px;
}

#header #header_menu a:hover{
	text-decoration: underline;
}

.header_decouvrir{background-image: url(../images/header/top_bandeau_decouvrir.jpg);}
.header_organiser{background-image: url(../images/header/top_bandeau_organiser.jpg);}
.header_animer{background-image: url(../images/header/top_bandeau_animer.jpg);}
.header_references{background-image: url(../images/header/top_bandeau_references.jpg);}
.header_contact{background-image: url(../images/header/top_bandeau_contact.jpg);}


#header .retour_home{
	height: 140px;
	width: 640px;	
	display: block;
	float: left;
}

#header span{display:none;}

#header .decouverte_interactive{
	height: 17px;
	width: 190px;
	display: block;
	background-image: url(../images/menu/decouverte_off.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-top: 65px;
	display: block;
	float: left;
}

#header .decouverte_interactive:hover{	background-image: url(../images/menu/decouverte_on.gif);}


/* /header */

/* menu */
#menu {
	background-image: url(../images/menu/background.gif);
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-repeat: repeat-x;
	background-position: top;
	width: 920px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	z-index: 100;
	position:relative;
}


#menu ul{
	width: 775px;
	margin-left: auto;
	margin-right: auto;
	height: 26px;
}

#menu ul a {color:#FFFFFF}

#menu ul li {
	float: left;
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: center center;
	text-align: left;
	display:block;
}


#menu ul #menu_decouvrir{background-image: url(../images/menu/menu_decouvrir_off.gif);}
#menu ul #menu_decouvrir_in{background-image: url(../images/menu/menu_decouvrir_in.gif);}
#menu_decouvrir a:hover, #menu_decouvrir_in a:hover, #menu_decouvrir_in span{color: #14C492;}

#menu ul #menu_organiser{background-image: url(../images/menu/menu_organiser_off.gif);}
#menu ul #menu_organiser_in{background-image: url(../images/menu/menu_organiser_in.gif);}
#menu_organiser a:hover, #menu_organiser_in a:hover, #menu_organiser_in span{color: #00A9E4;}

#menu ul #menu_animer{background-image: url(../images/menu/menu_animer_off.gif);}
#menu ul #menu_animer_in{background-image: url(../images/menu/menu_animer_in.gif);}
#menu_animer a:hover, #menu_animer_in a:hover, #menu_animer_in span{color: #3BD4D1;}

#menu ul #menu_references{background-image: url(../images/menu/menu_references_off.gif);}
#menu ul #menu_references_in{background-image: url(../images/menu/menu_references_in.gif);}
#menu_references a:hover, #menu_references_in a:hover{color: #B1E337;}

#menu ul #menu_contact{background-image: url(../images/menu/menu_contact_off.gif);}
#menu ul #menu_contact_in{background-image: url(../images/menu/menu_contact_in.gif);}
#menu_contact a:hover, #menu_contact_in a:hover{color: #F8C619;}

#menu ul li a{
	display: block;
	height: 26px;
	width: 155px;
	background-image: url(../images/menu/filet.gif);
	background-repeat: no-repeat;
	background-position: right top;
	position: relative;
	z-index:90;
}



#menu ul li a span{
	display: none;
}

#menu ul li ul {
	margin-left: 0px;
	width: 155px;
	position: absolute;
	/*z-index:0;*/
	margin-top: -2px;
	display: block;
	visibility: hidden;
}

#menu ul li ul li a, #menu ul li ul li span{
	height: 19px;
	width:155px;
	text-decoration: none;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #112271;
	background-image: url(../images/menu/pointille.gif);
	background-position: top;
	background-repeat: repeat-x;
	text-align: center;
	clear: both;
	display: block;
	/*z-index:0;*/
}


#menu ul li ul li .topItem{
	background-image: url(../images/menu/no_pointille.gif);
}

#content{
	heigth:920px;
	width: 100%;
	text-align: left;
}

/****** nav ***/
#nav {
	background-color: #FFFFFF;
	width: 100%;
	text-align: left;
}
 
#nav a, #nav h1{
	display: block;
	float: left;
	height: 55px;
	width: 225px;
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: 5px;
	margin-top: 15px;

}

#nav a span, #nav h1 span{
	display: none;
}

#nav #le_palais{background-image: url(../images/nav/decouvrir_menu01_off.gif);}
#nav #le_palais:hover{background-image: url(../images/nav/decouvrir_menu01_on.gif);}
#nav #le_palais_in{background-image: url(../images/nav/decouvrir_menu01_in.gif);}

#nav #le_cadre{background-image: url(../images/nav/decouvrir_menu02_off.gif);}
#nav #le_cadre:hover{background-image: url(../images/nav/decouvrir_menu02_on.gif);}
#nav #le_cadre_in{background-image: url(../images/nav/decouvrir_menu02_in.gif);}

#nav #engagements{background-image: url(../images/nav/decouvrir_menu03_off.gif);}
#nav #engagements:hover{background-image: url(../images/nav/decouvrir_menu03_on.gif);}
#nav #engagements_in{background-image: url(../images/nav/decouvrir_menu03_in.gif);}

#nav #acces{background-image: url(../images/nav/decouvrir_menu04_off.gif);}
#nav #acces:hover{background-image: url(../images/nav/decouvrir_menu04_on.gif);}
#nav #acces_in{background-image: url(../images/nav/decouvrir_menu04_in.gif);}

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

#nav #salles{background-image: url(../images/nav/organiser_menu01_off.gif);}
#nav #salles:hover{background-image: url(../images/nav/organiser_menu01_on.gif);}
#nav #salles_in{background-image: url(../images/nav/organiser_menu01_in.gif);}

#nav #hebergements{background-image: url(../images/nav/organiser_menu02_off.gif);}
#nav #hebergements:hover{background-image: url(../images/nav/organiser_menu02_on.gif);}
#nav #hebergements_in{background-image: url(../images/nav/organiser_menu02_in.gif);}

#nav #restauration{background-image: url(../images/nav/organiser_menu03_off.gif);}
#nav #restauration:hover{background-image: url(../images/nav/organiser_menu03_on.gif);}
#nav #restauration_in{background-image: url(../images/nav/organiser_menu03_in.gif);}

#nav #forfaits{background-image: url(../images/nav/organiser_menu04_off.gif);}
#nav #forfaits:hover{background-image: url(../images/nav/organiser_menu04_on.gif);}
#nav #forfaits_in{background-image: url(../images/nav/organiser_menu04_in.gif);}

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

#nav #activites{background-image: url(../images/nav/animer_menu01_off.gif);}
#nav #activites:hover{background-image: url(../images/nav/animer_menu01_on.gif);}
#nav #activites_in{background-image: url(../images/nav/animer_menu01_in.gif);}

#nav #sports{background-image: url(../images/nav/animer_menu02_off.gif);}
#nav #sports:hover{background-image: url(../images/nav/animer_menu02_on.gif);}
#nav #sports_in{background-image: url(../images/nav/animer_menu02_in.gif);}

#nav #detente{background-image: url(../images/nav/animer_menu03_off.gif);}
#nav #detente:hover{background-image: url(../images/nav/animer_menu03_on.gif);}
#nav #detente_in{background-image: url(../images/nav/animer_menu03_in.gif);}


#snav {
	clear: both;
	color: #FFFFFF;
	font-size: 12px;
}

#snav h2{
	display: inline;
	color: #112271;
	font-size: 12px;
	font-weight: normal;
}


#snav a{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}

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

.snav_decouvrir{
	background-color: #14C492;
	height: 5px;
}
.snav_organiser{
	background-color: #00A9E4;
	padding-top: 5px;
	padding-bottom: 5px;
}

.snav_animer{
	background-color: #3CD4D0;
	padding-top: 5px;
	padding-bottom: 5px;
	}
	
.snav_references{background-color: #B1E337;}
.snav_contact{
	background-color: #DAE9F2;
}

/************** gauche / droite *************************/

.entete{
	width: 760px;
	float: left;
	text-align: left;
	height: auto;
	font-weight: bold;
	color: #112271;
}


.left{
	width: 360px;
	float: left;
	text-align: left;
	height: auto;
}

.left p, .entete p{
	margin-top: 15px;
	margin-left: 15px;

}

.right{
	width: 550px;
	float: right;
	text-align: center;
	height: auto;
	position: relative;
}


.right .diapo {
	width: 550px;
	height: 290px;
	margin-bottom: 5px;
}


.right .diapo .btaa{
	position: absolute;
	z-index: 10;
	height: 250px;
	width: 550px;

}

.right .diapo .btaa input{
	/*filter: Alpha(Opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	KHTMLOpacity: 0.7;*/

	display: block;
	height: 25px;
	width: 25px;
	background-repeat: no-repeat;
	background-position: center center;
	z-index:20;
	float: right;
	margin-right: 5px;
	border: none;
}

.right .diapo .btaa .avant{background-image: url(../images/nav/avant.gif);}
.right .diapo .btaa .apres{background-image: url(../images/nav/apres.gif);}

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




#footer{
	padding-top: 10px;
	padding-bottom: 10px;
	color: #333;
}

#footer a{
	color: #333;
	text-decoration: none;
	font-size: 11px;
}
/************* tableaux *************************/
table{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-left: 5px;
	border: none;
}

table caption{
	text-align: left;
	font-weight: bold;
	color: #00A9E4;
}


table th {
	background-color: #112271;
	color: #FFFFFF;
	text-align: center;
	vertical-align: top;
	padding-top: 3px;
	padding-bottom: 3px;
}

table td {
	text-align: center;	
	padding-top: 2px;
	padding-bottom: 2px;
}

table .fonce{
	background-color: #80CFF0;
}

table .clair{
	background-color: #C7EEFF;
}
/**********************************************/


.link{
	color: #FFFFFF;
	font-size: 11px;
	background-image: url(../images/link_off.gif);
	text-decoration: none;
	width: 115px;
	background-repeat: no-repeat;
	height: 16px;
	background-position: left center;
	padding-left: 17px;
	display: block;
	font-weight: normal;
}

.link:hover{
	background-image: url(../images/link_on.gif);
}

.fermer{
	display: block;
	width: 50px;
	background-image: url(../images/fermer.gif);
	background-position: left center;
	background-repeat: no-repeat;
	height: 15px;
}
.fermer span{
	display: none;
}

.spacer {
	clear: both;
	height: 0px;
	margin: 0px;
	padding: 0px;
	width: 100%;
	background: none;
	float: none;
}

.chemindefer{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 5px;
	padding-left: 15px;
	padding-bottom: 5px;
	color: #333;
	font-weight: bold;
}
/*------------------------------------------------------------------------------------*/


.rep, .visuels{display:none;}

.fichier{
	position:relative;
}

#messageRetour{
	font-weight: bold;
	margin-top: 80px;
	text-align: right;
	color: #0F1F66;
	font-size: 12px;
}


#decouverteInteractive{
	width:100%;
	height:100%;
	position: absolute;
	left: 0px;
}


#closeDecouverte{
	position: absolute;
	width: 100%;
	z-index:300;
	background-color: #001422;
	height: 25px;
	left: 0px;
}

#closeDecouverte a{
	color: #FFFFFF;
}

#webcam{
	margin-top: 20px;
	width: 320px;
	margin-left: 20px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000000;
	padding: 3px;
	text-indent: 3px;
}

#webcam_pano{}
#webcam_pano a{
	display: block;
	height: 190px;
	width: 550px;
	background-repeat: no-repeat;
	background-position: center center;
	margin-bottom: 10px;
}

#webcam_pano a span{
	display: none;
}