* {

  margin: 0;

  padding: 0;

}

html, body { font-size: 0.95em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; height: 100%; text-align: center; /* Required */

}

h1 { color: #a4a091; text-align: center; letter-spacing: 2px; margin-top: 50px; }

h2 { color: #683f47; text-align: center; letter-spacing: 1px; }

h3 { color: #a4a091; text-align: center; }

p { color: #fff; text-align: center; letter-spacing: 0.5px; }

a.link { color: #683f47 }

a.link:hover { color: #a4a091 }

#container {

  margin: 0 auto;

  width: 100%;

  background: #DDD;

  text-align: left;

  position: relative;

  min-height: 100%; /* For Modern Browsers */

  height: auto !important; /* For Modern Browsers */

  height: 100%; /* For IE */

}

#header {

  background: #630029;

  height: 110px;

  padding-top: 15px;

}

/*DEBUT MENU*/

#header ul, li, #footer ul, li {	

list-style-type: none;

margin: 0;

padding:0;

}

#header ul { background-image: url(img/menu.gif); 

background-repeat: no-repeat; 

background-attachment: scroll; 

background-position: left top; 

position: absolute;	/* positionnement pour IE5 et IE5.5 */

top: 15px; 

left: 20px; 

width: 300px; 

float: left; }

#header li { left: 20px; float: left; }

#header li a { display: block; height: 90px; width: 60px;}

#header li a:hover { background: url(img/menu.gif) top left no-repeat; }

#header a#Accueil:hover { background-position: -300px 0%;	}

#header a#Philosophie:hover { background-position: -360px 0%; }

#header a#Evenements:hover { background-position: -420px 0%; }

#header a#Menus:hover { background-position: -480px 0%; }

#header a#Noustrouver:hover { background-position: -540px 0%; }



#logo { background-image: url(img/logo.gif); background-repeat: no-repeat; background-position: 0 center; width: 176px; height: 96px; position: relative; margin: auto auto auto 43%; }

#btn-st-valentin{ position: relative; margin-top: 30px; margin-left: 10px;}




#lang { width: 120px; height: 90px; float: right; margin-right: 20px; }

#lang a#fr { background: url(img/b6.gif) top left no-repeat; float: right; width: 60px; height:90px;  }

#lang a#en { background: url(img/b7.gif) top left no-repeat; float: right; width: 60px; height:90px;  }

#lang a:hover#fr { background: url(img/b6_t.gif) top left no-repeat; }

#lang a:hover#en { background: url(img/b7_t.gif) top left no-repeat; }

/*FIN MENU*/



#content {

  padding: 0 2em 40px 2em;

}

#content:after {

  clear: both;

  display: block;

  font: 1px/0px serif;

  content: ".";

  height: 0;

  visibility: hidden;

}

.bloc1 { width: 520px; height: 360px; position: relative; color: #fff; font-size: 0.9em; background-color: #630029; text-align: center; margin-top: 6%; margin-right: auto; margin-left: auto; padding: 1em; }

.bloc1 div { float: left; width: 260px; height: 360px; }

.bloc2 { width: 50%; height: auto; position: relative; margin: 0 auto 0; padding: 1em ; }

.bloc2 p { color: #2a2529; text-align: justify; letter-spacing: 0.5px; }

#leg { background: url(img/p_leg.gif) no-repeat scroll 0 0; float: left; width: 150px; height:114px; margin: 5px;}

#frui { background: url(img/p_frui.gif) no-repeat scroll 0 0; float: right; width: 150px; height:127px; margin: 5px;}

#epic { background: url(img/p_epic.gif) no-repeat scroll 0 0; float: left; width: 122px; height:150px; margin: 5px;}

#dec { background: url(img/p_dec.gif) no-repeat scroll 0 0;float: left; width: 200px; height:150px; margin: 5px;}

#terr { background: url(img/p_terr.gif) no-repeat scroll 0 0; float: right; width: 150px; height:200px; margin: 5px;}

#chem { background: url(img/p_chem.gif) no-repeat scroll 0 0; float: left; width: 200px; height:150px; margin: 5px;}

#abb { background: url(img/p_abb.gif) no-repeat scroll 0 0; float: left; width: 150px; height:155px; margin: 5px;}

#rest { background: url(img/p_rest.gif) no-repeat scroll 0 0; float: right; width: 150px; height:154px; margin: 5px;}

#feuil { background: url(img/p_feuil.gif) no-repeat scroll 0 0; float: left; width: 150px; height:146px; margin: 5px;}

#even { background: url(img/p_even.gif) no-repeat scroll 0 0; float: left; width: 300px; height:225px; margin: 5px;}

#bus { background: url(img/p_bus.gif) no-repeat scroll 0 0; float: right; width: 300px; height:225px; margin: 5px;}

#fam { background: url(img/p_fam.gif) no-repeat scroll 0 0; float: left; width: 300px; height:225px; margin: 5px;}



hr.separ { color: #a4a091; position: relative; width: 100%; clear: both; margin: 5em auto 1.5em; }

hr.separ2 { color: #a4a091; width: 50%; clear: both; margin: 2em 25%; }

hr.separ3 { color: #a4a091; width: 30%; clear: both; margin: 2em 35%; }

p.decor { background-image: url(img/puce.gif); background-repeat: no-repeat; background-position: center; width: 20px; height: 13px; position: relative; margin: auto; padding: 1em; }

p.mention { color: #2a2529; font-size: 0.75em; text-align: center; vertical-align: middle; letter-spacing: 0.5px; }

p.ou { padding-top: 1em; padding-bottom: 1em;  }


.bloc3 { width: 80%; height: 240px; position: relative; margin: auto; top: 50px; }

.bloc3 p, .bloc4 p { color: #2a2529; text-align: center; vertical-align: middle; letter-spacing: 0.5px; }

.bloc4 { width: 100%; top: 50px; }

table { color: #2a2529; font-size: 0.95em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; width: 60%; position: relative; margin: auto; }

tr { height: 2em; }

td.px { width: 10%  }





#menu { width: 320px; height: 240px; margin: -160px 0 0 -120px; padding: 0; list-style: none; background: url(img/off.jpg) no-repeat; position: absolute; top: 50%; bottom: 50%; }

#menu li { float: left; width: 160px; height: 120px; }

#menu a { display: block; width: 100%; height: 100%; }

#menu a:hover { background: url(img/on.jpg) no-repeat; }

#menu a span { display: none; font-size: 1px; position: absolute; left:0; top: -5000px; }

#deux a:hover { background-position: -160px 0; }

#trois a:hover { background-position: 0 -120px; }

#quatre a:hover { background-position: -160px -120px; }



#map { width: 600px; height: 300px; position: relative; margin: auto }



#footer { width: 100%; background: #630029; position: absolute; bottom: 0 !important; bottom: -1px; /* For Certain IE widths */ height: 40px; }

#footer ul { position: relative; margin: auto; width: 600px; }

#footer li { float: left; }

#footer li a { display: block; height: 30px; width: 80px; margin-top: 5px; margin-right: 10px; margin-left: 10px; }

#footer a#xhtml { background: url(img/xhtml.gif) no-repeat 0 center; }

#footer a#css { background: url(img/css.gif) no-repeat 0 center;}

#footer a#previous { background: url(img/fleche_prev.gif) no-repeat 0 center; }

#footer a#next { background: url(img/fleche_next.gif) no-repeat 0 center; }

#footer a#ff { background: url(img/firefox.gif) no-repeat 0 center; }

#footer a#mac { background: url(img/mac.gif) no-repeat 0 center;}

#footer a#men { color: #fff; font-size: 0.8em }

#rev2  {
	width: 200px;
	height: 40px;
	background: url(img/anim-m.gif) no-repeat;
	position: absolute;
	top: 16px;
	left: -234px;
}
#rev2 a, #rev2 a img  { text-decoration: none; width: 200px; height: 40px; border: none;}