/* CSS Document */

/*-------------------------éléments primaires-------------------------*/

/*gestion du body*/
body {
	background-color: #FFFFFF;
}

/*gestion de ma div qui centre mon site*/
#center {
	position: absolute;
	height: 700px;
	width: 1000px;
	left: 50%;
	top: 3%;
	margin-left: -500px;
}

/*gestion de mo bandeau flash sur les pages internes*/
#bandeauFlash {
	position: absolute;
	height: 700px;
	width: 247px;
	left: 0%;
	top: 0%;
}

/*gestion du logo qualite*/
#qualite {
	position: absolute;
	left: 5%;
	top: 85%;
	z-index:1;
}

/*gestion de mon contenu*/
#contenu {
	position:absolute;
	height: 700px;
	width: 753px;
	left: 247px;
	top: 0%;
	background-image:url(../imgs/fondInt.gif);
}

/*gestion de la visite guidée "vidéo"*/
#videoclip {
	position:absolute;
	left: 10%;
	top: 25%;
	border:double;
	border-color:#330066;
}

/*gestion des menus du resto*/
#menu {
	text-align:center;
	overflow:auto;
	position:absolute;
	height: 500px;
	width: 600px;
	top: 20px;
	left: 19px;
	background-image:url(../imgs/fondMenu.gif);
	background-repeat:repeat;
}

#menu h4 {
	text-align: center;
	margin-left: 20px;
	line-height: 1;
}

/*gestion des actus du resto*/
#actualites{
	text-align:center;
	overflow:auto;
	position:absolute;
	height: 500px;
	width: 600px;
	top: 20px;
	left: 19px;
	background-image:url(../imgs/fondMenu.gif);
	background-repeat:repeat;
}

#actualites p {
	text-align: center;
	margin-left: 20px;
	line-height: 1;
}

/*gestion du span qui contient les boutons du formulaire*/
#send {
	width: 753px;
	text-align:center;
}

/*gestion du btn de retour à l'index*/
#btnRetour {
	position: absolute;
	left: 2%;
	top: 91.7%;
}

/*gestion de ma baseline*/
#baseline {
	position: absolute;
	height: auto;
	width: 1000px;
	left: 50%;
	top: 750px;
	margin-left: -500px;
}

/*gestion du contenu "txt & photos" de mes pages*/
/* div mep */
#mep {
	position:absolute;
	height: 550px;
	width: 630px;
	top: 10%;
}

/* tab mep */
#tabmep {
	position:absolute;
	height: 550px;
	width: 630px;
}

/*tab formulaire*/
#form {
	position:absolute;
	height: 550px;
	width: 630px;
	text-align:center;
}

/*gestion du td du tableau "tabmep" contenant les textes*/
#texte {
	border: double;
	border-top:none;
	border-left:none;
	border-top: medium; /*bug IE correction*/
	border-left: medium; /*bug IE correction*/
	border-color:#660033;
}

/*gestion du td du tableau "tabmep" contenant l'image d'angle*/
#angle {
	border: double;
	border-right:none;
	border-bottom:none; 
	border-right: medium; /*bug IE correction*/
	border-bottom: medium; /*bug IE correction*/
	border-color:#660033;
}

/*gestion du texte*/

h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000033;
	font-style: italic;
	text-decoration:underline;
	line-height: 1.5;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #660033;
	font-style: normal;
	line-height: 1.5
}

h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #000000;
	font-style: oblique;
}

h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	line-height: 1.5;
}


/*gestion des liens*/
a:link,a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #660033;
	font-style: normal;
	text-decoration:none;
}

a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	font-style: normal;
	text-decoration:none;
}

/*correction des bordures sur les liens*/
a img {
	border:0;
}

/*gestion des photos dans mon tableau mep*/
#tabmep img {
	text-align:center;
	border:double;
	border-color:#660033;
}

#form img {
	text-align:center;
	border:double;
	border-color:#660033;
}

/*gestion des class*/
.center {
	text-align: center;
}

.right {
	text-align: right;
}

.left {
	text-align: left;
}

.margeleft {
	margin-left: 30px;
}

.floatLeft {
	float:left;

}

.floatRight {
	float:right;
}

/*gestion des listes*/

li {
	list-style-image:url(../imgs/liste.gif);
	margin:-5px 0 0 0;
}

ul {
	
}



/*gestion de la liste d'activités dans la page "alentours"*/
#listing {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}