* {font-family:Arial, Helvetica, sans-serif}

hrml {padding:0px; margin:0px;}
body {background-color:#87888a; margin:0px;}

a { text-decoration:none; }
a:hover { text-decoration:underline; }

a img {

	border-width:0px;

}

#global {

	background:#fff url(../images/fond.jpg) 0px 107px no-repeat; 
	width:832px; 
	height:583px; 
	margin:0px auto;
	border:3px #fff solid;

}

#header {

	height:120px;
	background:url(../images/logo.gif) no-repeat 30px 20px;

}

#haut {height:250px}
#bas {height:210px}
#footer {

	position:absolute;
	height:56px;
	margin-top:446px;
	width:830px;
	text-align:center;

}

#menu {
	
	position:absolute;
	margin-top:85px;
	margin-left:570px;
	font-size:12px;
	color:#868788;
	
}

#menu a {
	
	font-size:12px;
	color:#868788;
	font-weight:bold;
	
}

#partenaires {
	
	position:absolute;
	margin-top:108px;
	margin-left:710px;
	
}

#partenaires li {
	
	list-style-type:none;
	margin-bottom:10px;
	
}

#partenaires a img {
	
	border-width:0px;
	
}

#contenu {
	
	position:absolute;
	height:390px;
	width:707px;
	margin-top:150px;
	margin-left:0px;
	overflow:auto;
	padding:10px;
	
}

#footer, #bas, #haut, #header {border:1px solid transparent}

#header .gauche {display:block; float:left}
#header .droite #titre {margin:25px 0 8px 85px}

/*#header .droite ul {background:url(images/accueil/fond-menu.gif); width:772px}*/
#header .droite ul {margin-left:170px; padding:0; /*border:1px solid red*/}
#header .droite ul li {display:block; display:inline; margin-right:-3px}
#header .droite ul li img {border:0}

#sejours_evenementiels {margin-top:15px;margin-left:314px; display:block/*; border:1px solid #000*/}

#toucan {width:516px; height:130px; margin-left:32px; background:url(images/accueil/toucan.jpg) no-repeat/*; border:1px solid #000*/}

#toucan img {display:block}
#toucan img.img1 {margin:0 0 10px 174px; padding-top:8px}
#toucan img.img2 {margin:0 0 10px 202px}
#toucan img.img3 {margin:0 0 10px 192px}
#toucan img.img4 {margin:0 0 10px 168px}

#visuel {clear:both;width:245px; height:140px; border:6px solid #B2B3B6; position:absolute; margin-top:-20px; margin-left:505px; display:block}

#bas {clear:both}
#bas h1 {margin:10px 0 0 0}
#bas .gauche {width:530px; height:100px; margin-left:20px}
#bas .droite {position:absolute;margin-left:580px; margin-top:-8px;background:url(images/accueil/creez-votre-sejour-a-la-carte.gif) no-repeat; width:210px; text-align:right}



#footer {text-align:center}
#footer, #footer * {color:#fff; font-weight:bold; font-size:10px}
#footer a {text-decoration:none}
#footer a:hover {text-decoration:underline}

#liens {

	text-align:center;
	position:absolute;

}

#video {

	text-align:center;

}

#seminaires, #groupes {

	display:block;
	width:185px;
	
}

#seminaires {

	position:absolute;
	margin-top:-70px;
	margin-left:102px;

}

#groupes {

	position:absolute;
	margin-top:-70px;
	margin-left:420px;

}

#ghost {

	position:absolute;
	height:79px;
	width:155px;
	margin-top:30px;
	margin-left:30px;

}

#ghost a {

	display:block;
	height:100%;
	width:100%;

}

#ghost a:hover {

	text-decoration:none;

}

h1 {

	color:#676767;
	font-family:helvetica, sans-serif;

}

p {

	text-align:justify;

}

input {

	width:600px;

}

textarea {

	width:680px;

}

input.btn {

	width:150px;
	margin-bottom:50px;
	margin-top:20px;
	margin-left:500px;

}

#article {

	font-size:0.8em;

}

#article a {

	color:#f29400;
	text-decoration:underline;

}

#article h2 {
	
	background:url(../images/puce_rose.gif) 0px 5px no-repeat;
	padding-left:20px;
	
}

#article h5 {
	
	font-weight:normal;
	font-size:1em;
	background:url(../images/puce_orange.gif) 0px 1px no-repeat;
	padding:0px;
	padding-left:20px;
	margin:0px;
	
}

span.info {font-size:8px; display:block; margin-left:-16px; width:96px}

#credits {width:400px; text-align:center; margin:30px auto}

#credits, #credits * {font-size:12px; color:#fff}