@charset "utf-8";
/* CSS Document */
body {background:#ece3ca url(../images/fond-page.gif) top left repeat-x; margin:0; padding:0 0 0 0; text-align:center; font-family:Verdana, 'Bitstream Vera Sans', sans-serif; font-size:0.80em; color: #553300}
#montagnes {width:100%; height:753px; background:url(../images/montagnes.jpg) top center repeat-x; padding-top:13px}
#fut {margin:0 auto; text-align:left; width:927px; height:740px; background:url(../images/fut.gif) top center no-repeat}
#content {position:relative; top:200px; left:50%; width:298px; height:294px; margin-left:-195px; overflow: auto}
#content.photos {position:relative; top:200px; left:50%; width:498px; height:294px; margin-left:-297px; overflow:auto; text-align:center}
#logoflash {position:absolute; top:80px; left:50%; margin-left:-240px; width:386px; height:86px}
#tel {position:relative; top:165px; left:50%; width:320px; margin-left:-200px; text-align:center; color:#FFF; font-size:85%; font-weight:bold}
#copy {position:fixed; bottom:0; left:0; width:100%; color:#EEE; padding:2px; text-align:center; font-size:80%; margin:58px 0 0 0; background: url(../images/bg-opaque.png) repeat; z-index:100}

#kids {float:right; width:170px; height:130px; margin:-130px 170px auto 0}
#kids, #kids a {display:block; width:170px; height:130px}
#kids a:link, #kids a:visited {background:url(../images/kids.png) top center no-repeat}
#kids a:hover {background:url(../images/kids.png) bottom center no-repeat}

#plats {clear:right; width:170px; height:130px; float:right; margin:0 160px 0 0}
#plats, #plats a {display:block; width:170px; height:130px}
#plats a:link, #plats a:visited {background:url(../images/plats.png) top center no-repeat}
#plats a:hover {background:url(../images/plats.png) bottom center no-repeat}

#raclette {width:170px; height:130px; float:left; margin:-125px 0 auto 69px}
#raclette, #raclette a {display:block; width:170px; height:130px}
#raclette a:link, #raclette a:visited {background:url(../images/raclette.png) top center no-repeat}
#raclette a:hover {background:url(../images/raclette.png) bottom center no-repeat}

#fondue {clear:left; width:170px; height:130px; float:left; margin:0 0 0 60px}
#fondue, #fondue a {display:block; width:170px; height:130px}
#fondue a:link, #fondue a:visited {background:url(../images/fondues.png) top center no-repeat}
#fondue a:hover {background:url(../images/fondues.png) bottom center no-repeat}

#photos {float:right; width:170px; height:130px; margin:0 auto; padding:0 180px 0 0}
#photos, #photos a {display:block; width:170px; height:130px}
#photos a:link, #photos a:visited {background:url(../images/photos.png) top center no-repeat}
#photos a:hover {background:url(../images/photos.png) bottom center no-repeat}

#situation {clear:both; float:left; width:170px; height:130px; margin:0 auto; padding:0 0 0 80px}
#situation, #situation a {display:block; width:170px; height:130px}
#situation a:link, #situation a:visited {background:url(../images/situation.png) top center no-repeat}
#situation a:hover {background:url(../images/situation.png) bottom center no-repeat}

#txt1, #txt2, #txt3, #txt4, #txt5, #txt6, #txt7 {position:absolute; top:0; left:0; background:#b78f38}

h1 {font-size:1.4em; margin:0; padding:0}
h2 {font-size:1.2em; margin:0; padding:8px 0 0 0; font-weight:bold}
p {margin:0; padding:6px 0 8px 0}
p.small {margin:0; padding:0; text-align:center; font-size:80%}
ul {margin:6px 0 8px 0}

a, a:link, a:visited {color:#630}
a:hover {text-decoration:none}
#copy a, #copy a:link, #copy a:visited {color:#EEE; text-decoration:none}

#content.photos img {margin:5px; border:none}