/* -- reset styles -- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0px none;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: ;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* --reset ended-- */


a.nav {
	text-transform:uppercase;
	font: 11px Helvetica, Verdana, Geneva, Arial, sans-serif;
	font-weight:bold;
	color:#5f604b;
	text-decoration:none;
}

a.nav:link {color:#fff;}
a.nav:visited {color:#fff;}
a.nav:hover {color:#b50938;}
a.nav:active {color:#b50938;}

a.lang {
	font: 15px Helvetica, Verdana, Geneva, Arial, sans-serif;
	font-weight: bold;
	text-decoration:none;
}
a.lang:link {color:#5f604b;}
a.lang:visited {color:#5f604b;}
a.lang:hover {color:#CC0000;}
a.lang:active {color:#000000;}

a {
	text-decoration:none;
}
a:link {color:blue;}
a:visited {color:blue;}
a:hover {color:#CC0000;}
a:active {color:#000000;}

h1 {
	color:#b50938;
	margin:0;
	padding:0;
	font: 16px Georgia, serif;
	font-weight: bold;
}

html, body {
	height:100%;
	margin:0;
	padding:0;
}
body {
	background:#dcd7cc;
	min-width:846px;
	text-align:center;
}
#wrapper {
	position:relative;
	float:left;
	top:20px;
	width:100%;
	padding: 0px 0px 50px 0px;
	border:0px solid blue;
}
#wrapperindex {
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-18em;/* half vertical height*/
	margin-left:-18em;/* half horizontal width*/
	width:36em;
	height:36em;
	border:0px solid blue;
}
#contentindex {
	position:relative;
	width:36em;
	height:36em%;
	border:0px solid green;
	overflow:hidden;
}
#content {
	position:relative;
	width:846px;
	margin-left:auto;
	margin-right:auto;
	height:100%;
	border:0px solid orange;
	overflow:hidden;
	text-align:left;
}
#boite {
	width:540px;
	margin-left:208px;
	border:0px solid red;
	background: #edebe4;
	overflow:show;
	padding-top:20px;
	padding-bottom:20px;
}
#copy {
	width:460px;
	margin-left:20px;
	border:0px solid silver;
	background:#fff;
	text-align:left;
	font: 14px Georgia, Times, serif;
	font-weight:bold;
	color:#5f604b;
	padding:20px;
}
#cercle {
	background: url('../cercle.gif') no-repeat center;
	width:555px;
	height:555px;
	border:0px solid silver;
	overflow:show
}
div#home_btn
	{
	height: 228px;
	top: 0px;
	left: 0px;
	position:absolute;
	width: 228px;
	}
#logo_sm a
	{
	padding: 0px;
	background-image: url('../yo_logo.gif');
	background-position:  left top;
	height: 228px;
	float:left;
	margin: 0px;
	width: 228px;
	text-indent:-1000px
	}
#logo_sm a:hover
	{
	background-position: top right;
	}
#logo_sm.on a
	{
	background-position: top right;
	}
.coord{
	float:left;
	width:187px;
	background-color:#D2CAB8;
	border-left:solid #EDEBE4 21px;
	border-bottom:solid #EDEBE4 21px;
	padding-bottom:10px;
	}
.coord p {font-size:12px;
	line-height:14px;
	margin:0;
	padding:10px 5px 0;
	text-align:center;
	}
.bloc_news
	{
	float:left;
	width:187px;
	background-color:#B9B098;
	border-left:solid #EDEBE4 21px;
	border-bottom:solid #EDEBE4 21px;
	padding-bottom:10px;
	}
.bloc_news h1 {padding-top:15px; font-size: x-large; font-family:Arial, Helvetica, sans-serif;color:#fff; text-align:center; margin:0;}
.bloc_news p {padding:0 5px; font-size:14px; color:#fff; text-align:center;}
#english {
	position: relative;
	float:left;
	left:12px;
	top:277px;
}
#francais {
	position: relative;
	float:right;
	right:28px;
	top:277px;
}
#langsw {
	background:transparent;
	top:210px;
	right:0px;
	width:114px;
	height:15px;
	border:0px solid silver;
	position:absolute;
	text-align:right;
	z-index:3;
	font: 10px Helvetica, Verdana, Geneva, Arial, sans-serif;
	color:#fff;
}

#navbox {
	background:#b9b098;
	top:90px;
	right:0px;
	width:118px;
	height:115px;
	border:0px solid silver;
	position:absolute;
	text-align:left;
	z-index:3;
}
#nav {
	top:10px;
	left:20px;
	width:120px;
	height:90px;
	border:0px solid orange;
	overflow:hidden;
	position:relative;
	text-transform:uppercase;
	font: 11px Helvetica, Verdana, Geneva, Arial, sans-serif;
	font-weight:bold;
	color:#5f604b;
}

#extender {
	background:transparent;
	padding: 10px 20px 0 130px;
	margin-left:auto;
	margin-right:auto;
	width:510px;
	/*height:20em;*/
	border:0px solid silver;
	font: 9px Helvetica, Verdana, Geneva, Arial, sans-serif;
	color:#b9ac97;
	vertical-align:top;
}

#biopic {
	background: url('../noellie2.jpg') no-repeat center;
	left:20px;
	top:0px;
	width:500px;
	height:364px;
	border:0px solid silver;
	overflow:hidden;
	position:relative;
	text-align:left;
	z-index:1
}

#carte {
	background: url('../carte.gif') no-repeat center;
	left:-20px;
	/*top:-20px;*/
	width:500px;
	height:487px;
	/*margin-top:20px;*/
	border:0px solid silver;
	overflow:hidden;
	position:relative;
	text-align:left;
	z-index:1
}
#imghoraire {
	background: url('../horaire_fr3.gif') no-repeat; /* center */
	left:-20px;
	top:-30px;
	margin-bottom:-20px;
	width:500px;
	height:563px;
	border:0px solid silver;
	overflow:hidden;
	position:relative;
	text-align:left;
	z-index:1
}
#imghours {
	background: url('../horaire_en3.gif') no-repeat center;
	left:-20px;
	top:-30px;
	margin-bottom:-20px;
	width:500px;
	height:563px;
	border:0px solid silver;
	overflow:hidden;
	position:relative;
	text-align:left;
	z-index:1
}
#offer_fr a {
	background: url('../offer_fr.gif') no-repeat center;
	display:block;
	width:250px;
	height:159px;
	border:0px solid silver;
	float:left;
	text-indent:-50em; margin-left:-20px; margin-right:10px; margin-top:7px; margin-bottom:40px
}
#offer_en a {
	background: url('../offer_en.gif') no-repeat center;
	display:block;
	width:250px;
	height:159px;
	border:0px solid silver;
	float:left;
	text-indent:-50em; margin-left:-20px; margin-right:10px; margin-top:7px; margin-bottom:40px
}

p {
	margin:0.5em 0;
	line-height: 130%;
	}
p.point {
padding-left:30px;
padding-bottom:5px;
background: url('../floral.gif') no-repeat 0 2px;

}
p.note {
	font: 9px Helvetica, Verdana, Geneva, Arial, sans-serif;
}
p.quote {
	font: 14px Georgia, Times, serif;
	font-weight:normal;
	font-style:italic;
}
		table{
			background:#edeae4;
			border:0px solid #fff;
			font-family:Helvetica, Arial,Sans-serif;
			font-size:12px;
			margin-top:-20px;
			margin-left:-20px;
			margin-right:-20px;
			margin-bottom:20px;
			text-align:center;
		}
		.caption{
			background:#ccc;
			border-bottom:none;
		}
		.horairered{
			background:#b61f3b;
			padding:2px;
			width:62px;
			color:#fff;
			border:0px solid white;
		}
		.horaireblank{
			background:#edeae4;
			width:75px;
		}
		.data{
			background:#dcd6c6;
			padding:8px;
			border:0px solid white;
			vertical-align:middle;
		}
		.data2{
			background:#d2cab8;
			padding:8px;
			border:0px solid white;
			vertical-align:middle;
		}
		.data3{
			background:#e0dbce;
			padding:8px;
			border:0px solid white;
		}
		.data4{
			background:#dcd6c6;
			padding:5px;
			border:0px solid white;
		}
		.data5{
			background:#d2cab8;
			padding:5px;
			border:0px solid white;
			vertical-align: middle;
		}
		.data6{
			background:#e0dbce;
			padding:5px;
			border:0px solid white;
			vertical-align: middle;
		}

		.footer{
			background:#edeae4;
			width:490px;
			padding:5px;
		}
		#tableContact {background-color:#FFF;}
		#tableContact td {padding-left:21px; text-align:left; font-size:14px;}
		
.txtClasses { background-color:#FFF; text-align:left; margin-left:0px;}
.txtClasses tr td {padding-top: 10px 0;}