html {margin: 0;}
body {
	margin: 0; 
	font-family: "Trebuchet MS", Arial, sans-serif;
	background: url("../img/layout/f_page.jpg") #525660;
	color: #faddc4;
	text-align: center;
}
a {text-decoration: none; }
a:hover {color: #c8d5da;}
a img {border: none;}
h1 {margin: 5px 0 30px 40px; padding: 0; font-weight: normal; font-size: 17px; font-family: Georgia, "Times New Roman", Times, serif; }


h3 {margin: 35px 0 5px 20px;font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px;}
h2 {margin: 0px 0 5px 20px;font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px;font-style: italic; font-weight: normal; }

#flag {position: absolute; right: 10px; top: 10px;}

#bandeau {height: 130px; background: url(../img/layout/f_bandeau.png) bottom left repeat-x ; }
#bandeau a img {margin: 35px 0 0 15px; position: relative; z-index: 20}
#bandeau a span img {margin: 0px; position: relative; z-index: 18}
/*#bandeau.index {height: 130px;}*/

#bandeau h1 {text-align: center; position: relative; width: 789px;  margin: 0px auto; padding: 40px 0 0 0px;}
#bandeau h1 span {position: absolute; left: 50%; top: 0; margin-left: -50px;}


/*#textes {position: relative; background: url(../img/layout/f_textes.jpg) repeat-x; padding: 15px 0 0 0; margin:0; text-align: center; min-height: 260px;}*/
#texte {position: relative; text-align: left;  width: 789px;  margin: 0px auto 20px auto; padding: 0px 0; /*font-family: Georgia, "Times New Roman", Times, serif;*/ font-size:16px; text-align: justify; border: 1px solid transparent;}

#txt_head {position: relative; background: url(../img/layout/f_txt_head.png) no-repeat ; height: 11px; padding: 0; margin: 20px 0 0 0}
#txt_body {position: relative; background: url(../img/layout/f_txt_body.png) repeat-y; padding: 20px 15px 5px 15px;  margin-top: 0px;}/*IE margin-top: -7px*/
#txt_foot {position: relative; background: url(../img/layout/f_txt_foot.png) repeat-x; height: 11px;}

body.index h1 {margin: -5px 0 5px 0; font-size: 14px; font-family: tahoma, arial, sans-serif; letter-spacing: 5px; color: #d8c4b0}

#texte.etroit #txt_head {width: 540px; background: url(../img/layout/f_txt_head_600.png) no-repeat; }
#texte.etroit #txt_body {width: 540px; background: url(../img/layout/f_txt_body_600.png) repeat-y; padding: 20px 0px 5px 0px;}
#texte.etroit #txt_foot {width: 540px; background: url(../img/layout/f_txt_foot_600.png) no-repeat;}

#texte.index {margin: 0px; padding: 0px auto; width: 100%; background: url(../img/layout/f_txt_index.png)}
#texte.index #txt_head, #texte.index #txt_body, #texte.index #txt_foot { background: none;}
#texte.index #txt_head {display: none;}

#texte.index p{margin: 0px auto 20px auto; padding: 0px 0; position :relative; width: 789px;}


/*#texte h2 {margin: 0; padding: 0; font-size: 16px; font-style: italic; font-weight: normal;}*/
#texte p {margin: 8px 0 0px 0px; padding: 10px 100px 0 50px; font-size:15px; text-align: justify; line-height: 22px;}
#texte li {margin: 0; padding: 10px 80px 0 10px;}

#texte p span.lettr {font-weight: bold; position:relative; margin-right: -5px;}
#texte.etroit p {padding: 0px 60px 0 40px;}
#texte #txt_body p.C {text-align: center}
#texte p a, #texte li a  {text-decoration: underline; color: #faddc4}


p.h100{height: 100px}
p.h200{height: 200px}
p.h300{height: 300px}
p.h400{height: 400px}
p.h500{height: 500px}

#pied {/*position: fixed; bottom: 0px;*/ margin-left: 0; height: 33px;  background: url(../img/layout/f_foot.png) repeat-x; text-align: center; width: 100%}
#pied ul {list-style: none; margin: 0 auto;  padding: 5px 0; width: 800px;  text-align: center;position: relative;}
#pied ul li { padding: 0 25px;  margin: 0; display: block; float: left;}
#pied a {color: #FFF; font-size: 14px;}
#pied a:hover {color: #c8d5da}
#pied a.actif {font-weight: bold;color: #c8d5da}

#menu {position: relative;}
#menu ul {position: absolute; list-style: none; margin: -10px 0 10px 10px;  padding: 0; height: 20px; width: 930px;}
#menu ul li { padding: 0 0px;  margin: 0 0px; display: block; float: left;height: 35px;/* background: url(../img/layout/tiret.png) right 40px no-repeat*/;}

#menu ul li a {display: block;  float: left; text-align: center; padding: 0px;   font-size: 15px; color: #d8c4b0; font-family: Garamond, Times New Roman, serif; 
height: 35px; font-weight: bold; text-decoration: none;
}
#menu ul li a:hover span{color: #FFF}
#menu ul li a span { float:left;
      display:block;
      height: 35px;
      padding:  4px 9px;
	  margin: 1px 0;
	 }



#menu ul li a:hover {color: #ece2d8;}
#menu ul li a.actif {color: #FFF;}

#menu.index {background: url(../img/layout/f_foot.png) repeat-x; padding: 0; height: 33px; }
#menu.index ul li a {background:url("../img/layout/ongletG.png") no-repeat left top; font-weight: bold;}
#menu.index ul li a span {background:url("../img/layout/ongletD.png") repeat-y right top;}
/*#menu.index ul li a:hover span {background:url("../img/layout/ongletDhover.png") repeat-y right top;}*/

#menu.index ul {position: relative; text-align: left;  width: 1000px;  margin: 0 auto 0px auto; padding: 0;}
#menu.index li {padding: 0 2px;  margin: 0 1px;}/**/


/*float:left;
      background:url("../img/ongletG.gif") no-repeat left top;
      margin:0 0 0 20px;
      padding:0 0 0 10px;
      text-decoration:none;
	  font-size: 15px;
	  font-family: cursive;
	  font-weight: bold;
	  height: 25px;
	  opacity: 0.6	;  filter:alpha(opacity=60);
	  width: auto;*/
	  
/*#menu a span, #menu a span.inactif {
      float:left;
      display:block;
      background:url("../img/ongletD.gif") no-repeat right top;
      padding: 12px 25px 13px 6px;
      color:black; 
	  
	 }*/	  
	  





#photos {position: relative; height: 370px; margin-top: 0;

}
#photo { height: 370px; background: url(../img/layout/f_photo.png) center top no-repeat; margin: 0px auto 0px auto; position: relative; overflow: hidden; }
#photo div {position: relative; height: 350px; overflow: hidden; width: 950px; margin: 10px auto 0 auto; background:url('../img/layout/loading.gif') no-repeat center;}
#photo img { position: absolute; z-index: 100; left: 0; top: 0; margin: 0 auto;}

#im1 {}
#im2 {z-index: 120; position: absolute;}

span.im_fl_1 {position: relative; z-index: 500;float: right; margin: 10px -260px 10px 10px; width: 222px; height: 480px;background: url(../img/layout/f_im_vertical.png)}
span.im_fl_1 img {margin: 20px;}
.im_vertic {position: relative; z-index: 500; float: right;  width: 222px; height: 474px; background: url(../img/layout/f_im_vertical.png) no-repeat; margin: 26px -20px 0 0;}
.im_vertic img, .im_vertic span.petite img {margin: 14px 20px 20px 20px;}
.im_vertic span.petite {height: 170px; width: 222px; display: block; background: url(../img/layout/f_im_vertical_petit.png) top left no-repeat;}

/*.has_petite {height: 680px;}*/

#texte .im_vertic p {line-height: 13px; margin: 0 20px; padding: 0; text-align: center;}
#texte .im_vertic p a {font-size: 11px; color: #faddc4; text-decoration: underline; margin: 0; padding: 0; }
.im_vertic.interieur {margin: 26px 00px 0 15px;}

.im_vertic h1 {margin: 20px; text-align: center;}
.im_vertic span img {margin: 0;}

.suivant {float: right;}
.precedent {float: left;}
#texte .im_vertic p span.suivant a,#texte .im_vertic p span.precedent a {text-decoration: none;}

#suivant a img, .precedent a img {border: none;}
h5 {padding-left: 25px; margin: 15px 0 5px 0;}
input#site {display: none;}

#navig_basse span a {font-size: 11px; line-height: 16px; text-decoration: none;}
#navig_basse span.suivant {text-align: right;}
#table_com {margin-left: 40px;}

#texte p.rouge {color: red; background-color: #d8c4b0; margin: 10px 50px}
#texte p.vert {color: green; background-color: #d8c4b0; margin: 10px 50px}


/*Page photos*/
#gdes_photos {background: url(../img/layout/f_photos_page.png) no-repeat; height: 475px; width: 620px; margin-top: 20px; text-align: center}
#gdes_photos img {margin: 20px; background: url(../img/layout/loading.gif) center center no-repeat; height: 435px; }
#vignettes { width: 280px; height: 475px; background: url(../img/layout/f_vignettes.png) no-repeat;position: absolute; left: 630px; top: 21px;z-index: 500; }

body.photos #vignettes ul {list-style: none; margin-top: 30px; height: 100%; padding-left: 20px;}
body.photos #vignettes li {float: left; margin: 10px 15px; padding: 0; width: 80px; text-align: center; line-height: 14px;}
body.photos #vignettes li a, body.photos #vignettes div.retour a{color: #faddc4; font-size: 13px; text-decoration: none;}
body.photos #vignettes div.retour {clear: both; text-align: left; margin: 0; padding: 0; position: absolute; bottom: 10px; left: 200px;}
body.photos #txt_body {background: none; margin: 0; padding: 0;}
.cach {display: none;}

img.l {position: relative; float: left; margin: 10px 10px 0px 0}
img.l_debut {position: relative; float: left; margin: 5px 10px 0px 0}
img.r {position: relative; float: right; margin: 10px 0 0px 10px}