html {margin: 0;}
body {
	margin: 15px 0 0 0; 
	font-family: "Trebuchet MS", Arial, sans-serif;
	background: url(../img/layout/f_page.jpg) repeat-x #f7900f;
	color: #000;
	text-align: center;
	font-size: 15px;
	height: 100%;
}
a {color: #000; }
a:hover {}
a img {border: none;}


h1 {margin: 0; padding: 0; font-weight: normal;}
h2 {margin: 0px 0 15px 0px;font-weight: normal; font-size: 18px; clear: both;}
h2 span {font-size: 14px; font-weight: bold;}
h3 {margin: 35px 0 5px 20px;}

/*div {border: 1px solid}*/

#contenu {margin: 0 auto; width: 918px; text-align: left; position: relative; z-index: 100; padding-top: 55px}

#header {position: relative; background: url(../img/layout/f_head.png) no-repeat; height: 19px; margin: 0px 0 0 0; overflow: hidden; z-index: 100;}



h1 {margin: 0px 0 0 100px; padding: 30px 0 0 0; height: 84px; background: url(../img/layout/titre.png) no-repeat 0 30px; text-indent: -1000px; position: relative;}

#corps {background: url(../img/layout/f_txt.png) repeat-y; margin: 0; position: relative; padding: 0; overflow: hidden; z-index: 100; padding:  0 0 1px 0; } /*photos évenuelles en dehors*/

#textes { margin: 0 100px;  position: relative; padding: 10px 0 60px 0; overflow: visible; display: block;}

#textes p {text-align: justify; margin: 5px 90px 15px 0px; font-size: 15px;}
#textes p.titre {font-size: 18px; margin: 25px 90px 10px 0px}

img.img_float {float: right; margin: 0 -100px 15px 15px;}
span.img_float {float: right; margin: 0 100px 15px 15px; z-index: 1000; position: relative; width: 200px;}


ul#menu {list-style: none; height: 33px; background: url(../img/layout/f_menu.png) repeat-x; margin: 00px 10px 20px 10px; line-height: 20px; padding: 0}/*margin: 00px IE*/
ul#menu li {float:left; padding: 0 5px 0 20px; margin: 0}
ul#menu li a {font-size: 18px; line-height: 28px; color: #000; padding: 0 ; text-decoration: none;}
ul#menu li a:hover {color: #2b8401}
ul#menu li.actif a {color: #fad010}
ul#menu li#item_menu_1 {padding: 0 4px 0 8px;}


#footer {background: url(../img/layout/f_foot.png) no-repeat left bottom;  margin: 0; position: relative; height: 19px; padding: 0px;/*border-top: 1px solid #a5c00e;*/}
#footer p {margin: 0; padding: 0;}


#facture {position: absolute; top: 74px; right: 20px; z-index: 500}
#photo {position: absolute; left: 20px; top: 77px; z-index: 500}

#deco {position: absolute; top: -15px; left: 0; z-index: 80;}
#deco div {position: absolute; width: 150px; height: 200px}

#note1 {position: absolute;left: 105px; top: 10px; background: url(../img/layout/note1.png) no-repeat;  z-index: 500; width: 150px; height: 150px}

#note2 {left: 295px; top: 0px; background: url(../img/layout/note2.png) no-repeat;  z-index: 10;}
#note3 {left: 410px; top: 0px; background: url(../img/layout/note3.png) no-repeat;  z-index: 10;}
#note4 {left: 515px; top: 0px; background: url(../img/layout/note4.png) no-repeat;  z-index: 10;}
#note5 {left: 890px; top: 20px; background: url(../img/layout/note5.png) no-repeat;  z-index: 10;}

/*catalogue*/
body.catalogue #menu {margin: 00px 10px 10px 10px; }

body.catalogue #textes { margin: 0 50px 0 100px;}
#txt_catalogue div {min-height: 200px; overflow: visible; width: 100%;}
body.catalogue #textes p.img_catalogue {width: 100px; height: 200px; float: right; margin: 0 0 0 20px; }
body.catalogue #textes p.img_catalogue img {margin-bottom: 10px;}

#details {display: none; position: absolute; z-index: 1000; background: url(../img/loading.gif) center center no-repeat;}
#details img {cursor: pointer; border: 1px solid #000;}
#fond {position: absolute; display: none; width: 100%; height: 100%; left: 0; top: 0; background-color: orange; z-index: 500;}



#menu_styles {margin: 0px 50px 0px 0px;  z-index: 600;  height: 50px; position: relative;}
#menu_styles ul {list-style: none; padding: 0; margin: 0;}
#menu_styles li {float: left; margin: 10px 10px 0 0; }
#menu_styles li a {/*text-decoration: none;*/ outline: none;}
#menu_styles li a:hover {text-decoration: underline;}
#menu_styles li a.actif {color: #fad010; font-weight: bold; text-decoration:none }



#site {display: none;}
#txt_catalogue div.inv{ height: 1px; overflow: hidden;  display:none;}
#txt_catalogue div.vis {height: auto; overflow: visible;  display:block;}

form {width: 500px;}

#copy {text-align: left; width: 715px; margin: 0 auto; font-size: 12px;}