/* SET THE BODY STYLES ------------------------------------- */ /* --------------------------------------------------------- */ html, body { margin: 0px; padding: 0px; background-image:url(../images/patern.gif); background-repeat:repeat; font: 100% "Lucida Grande", Verdana, sans-serif; color: #FFFFFF; text-align: center; height: 100%; } .space { width:100%; height:5px;} .space10 { width:100%; height:10px;} .space20 { width:100%; height:20px;} .space30 { width:100%; height:30px;} .commande{ width:440px; float:left;} .commande img { border:none; float:left; margin-left: 180px; margin-top:15px; margin-bottom:15px;} .twenty { width:155px; height:16px; float:right; margin-right:20px; margin-top:-10px;} .twenty a img { border:none;} /* STYLE FOR MAIN INDEX ------------------------------- */ /* --------------------------------------------------------- */ #wrapper_index { text-align: left; /* Resets the text alignment to left to override what was set for versions of WinIE5. */ margin: 0px auto; /* Centers the content of the page within the window in all but versions of WinIE5. */ width: 899px; /* Sets the overall width of the layout. */ } #wrapper_index #content{ width:760px; float: left; } #wrapper_index #content .top { height:99px; float:left; width:760px; } #wrapper_index #content .top a{ height:99px; width:760px; } #wrapper_index #content .menu { height:30px; width:760px; float:left; text-align:right; font: 12px "Lucida Grande", Verdana, sans-serif; color:#BFBAD2;} #wrapper_index #content .menu ul { display:block;list-style:none; margin:0;z-index:5; text-align:right; float:right; margin-right:10px; } #wrapper_index #content .menu ul li {list-style:none; display:inline; } #wrapper_index #content .menu ul li a{ color:#BFBAD2; text-decoration:none;} #wrapper_index #content .menu ul li a:hover{text-decoration:underline; } #wrapper_index #content .menu ul li a.hover{text-decoration:underline; } #wrapper_index #content #innerwrapper { width:761px; height:542px; background-image: url(../images/content_index.gif); float:left;} #wrapper_index #content #innerwrapper .boxholder { position:absolute; border:1px solid; border-color:#E89653; width:345px; margin-left:398px; margin-top:20px; max-height:450px; background-image:url(../images/dark.png); background-repeat:repeat;} #wrapper_index #content #innerwrapper .boxholder h2 { font-family: Verdana, Geneva, sans-serif; font-size:25px; color:#E89653; margin-left:10px; font-weight:100;} #wrapper_index #content #innerwrapper .boxholder p { font-family: Verdana, Geneva, sans-serif; font-size:11px; color:#FFFFFF; margin-left:10px; margin-right:10px; text-align:justify; *margin-bottom:5px;} #wrapper_index #content #footer{ width:760px; float: left; height:80px;} #wrapper_index #content #footer .menu { height:30px; width:760px; float:left; text-align:right; font: 11px/22px "Lucida Grande", Verdana, sans-serif; color:#BFBAD2;} #wrapper_index #content #footer .menu ul { display:block;list-style:none; z-index:5; text-align:right; float:right; margin-right:90px;} #wrapper_index #content #footer .menu ul li {list-style:none; display:inline; } #wrapper_index #content #footer .menu ul li a{ color:#BFBAD2; text-decoration:none;} #wrapper_index #content #footer .menu ul li a:hover{text-decoration:underline; } #wrapper_index #content #footer .menu ul li a.hover{text-decoration:underline; } #wrapper_index #content #footer .coprights { width:760px; float:left; text-align:left; font: 10px/20px "Lucida Grande", Verdana, sans-serif; color:#BFBAD2;} #wrapper_index #content #footer .coprights a { color:#BFBAD2; text-decoration:none;} #wrapper_index #content #footer .coprights span a { color:#FF9300;} #wrapper_index #bigpic{ width:138px; float: left; background-image:url(../images/bigpic.gif); background-repeat:repeat-y; min-height: 750px;} /* --------------------------------------------------------- */ /* STYLE FOR HISTOIRE ------------------------------- */ /* --------------------------------------------------------- */ #wrapper_histoire { text-align: left; /* Resets the text alignment to left to override what was set for versions of WinIE5. */ margin: 0px auto; /* Centers the content of the page within the window in all but versions of WinIE5. */ width: 899px; /* Sets the overall width of the layout. */ } #wrapper_histoire #content{ width:760px; float: left; } #wrapper_histoire #content .top { height:99px; float:left; width:760px; } #wrapper_histoire #content .top a{ height:99px; width:760px; } #wrapper_histoire #content .menu { height:30px; width:760px; float:left; text-align:right; font: 12px "Lucida Grande", Verdana, sans-serif; color:#BFBAD2;} #wrapper_histoire #content .menu ul { display:block;list-style:none; margin:0;z-index:5; text-align:right; float:right; margin-right:10px; } #wrapper_histoire #content .menu ul li {list-style:none; display:inline; } #wrapper_histoire #content .menu ul li a{ color:#BFBAD2; text-decoration:none;} #wrapper_histoire #content .menu ul li a:hover{text-decoration:underline; } #wrapper_histoire #content .menu ul li a.hover{text-decoration:underline; } #wrapper_histoire #content #innerwrapper { width:761px; height:542px; background-image: url(../images/content.gif); float:left;} #wrapper_histoire #content #innerwrapper .left { float:left; width:256px; margin-left:3px; margin-top:3px; max-height:536px; height:536px;} #wrapper_histoire #content #innerwrapper .right { float:right; width:502px; margin-left:0px; margin-top:3px; max-height:536px; min-height:536px; } .rightnoflow { overflow-x: hidden; overflow-y: hidden; } .rightyflow { overflow-y: scroll; overflow-x: hidden;} .rightyflow450 { overflow-y: scroll; overflow-x: hidden; max-height:450px; height:450px;} #wrapper_histoire #content #innerwrapper .right .contentholder { width:490px; float:left;} #wrapper_histoire #content #innerwrapper .right .contentholder .img_cadre{ float:left; background-image:url(../images/img_cadre.gif); width:144px; margin-left:10px; margin-top:3px; height:170px; margin-right:5px;} #wrapper_histoire #content #innerwrapper .right .contentholder .img_cadre img{ margin-top:9px; margin-left:9px; } #wrapper_histoire #content #innerwrapper .right .contentholder h2 { font-family: Verdana, Geneva, sans-serif; font-size:25px/25px; color:#E89653; margin-left:10px; font-weight: normal; margin-bottom:2px; *margin-top:10px;} #wrapper_histoire #content #innerwrapper .right .contentholder .text { float:left; width:342px; margin:0 auto;} #wrapper_histoire #content #innerwrapper .right .contentholder p { font-family: Verdana, Geneva, sans-serif; font-size:11px; color:#000000; margin-left:10px; margin-right:10px; text-align:justify; *margin-bottom:5px;} #wrapper_histoire #content #innerwrapper .right .contentholder span a{ font-family: Verdana, Geneva, sans-serif; font-size:12px; color:#636; margin-left:10px; margin-right:10px; text-align:justify; *margin-bottom:5px; float:right; text-decoration:none;} #wrapper_histoire #content #innerwrapper .right .spaceright{ float:left; width:502px; height:1px; } #wrapper_histoire #content #innerwrapper .right .contentholder .img_cadre2{ float:left; background-image:url(../images/img_cadre2.gif); width:473px; margin-left:14px; margin-top:3px; height:137px; margin-right:5px; } #wrapper_histoire #content #innerwrapper .right .contentholder .img_cadre2 img{ margin-top:7px; margin-left:7px;} #wrapper_histoire #content #footer{ width:760px; float: left; height:80px;} #wrapper_histoire #content #footer .menu { height:30px; width:760px; float:left; text-align:right; font: 11px/22px "Lucida Grande", Verdana, sans-serif; color:#BFBAD2;} #wrapper_histoire #content #footer .menu ul { display:block;list-style:none; z-index:5; text-align:right; float:right; margin-right:90px;} #wrapper_histoire #content #footer .menu ul li {list-style:none; display:inline; } #wrapper_histoire #content #footer .menu ul li a{ color:#BFBAD2; text-decoration:none;} #wrapper_histoire #content #footer .menu ul li a:hover{text-decoration:underline; } #wrapper_histoire #content #footer .menu ul li a.hover{text-decoration:underline; } #wrapper_histoire #content #footer .coprights { width:760px; float:left; text-align:left; font: 10px/20px "Lucida Grande", Verdana, sans-serif; color:#BFBAD2;} #wrapper_histoire #content #footer .coprights a { color:#BFBAD2; text-decoration:none;} #wrapper_histoire #content #footer .coprights span a { color:#FF9300;} #wrapper_histoire #bigpic{ width:138px; float: left; background-image:url(../images/bigpic.gif); background-repeat:repeat-y; min-height: 750px;} /* --------------------------------------------------------- */ /* STYLE FOR Culture ------------------------------- */ /* --------------------------------------------------------- */ #wrapper_culture { text-align: left; /* Resets the text alignment to left to override what was set for versions of WinIE5. */ margin: 0px auto; /* Centers the content of the page within the window in all but versions of WinIE5. */ width: 899px; /* Sets the overall width of the layout. */ } #wrapper_culture #content{ width:760px; float: left; } #wrapper_culture #content .top { height:99px; float:left; width:760px; } #wrapper_culture #content .top a{ height:99px; width:760px; } #wrapper_culture #content .menu { height:30px; width:760px; float:left; text-align:right; font: 12px "Lucida Grande", Verdana, sans-serif; color:#BFBAD2;} #wrapper_culture #content .menu ul { display:block;list-style:none; margin:0;z-index:5; text-align:right; float:right; margin-right:10px; } #wrapper_culture #content .menu ul li {list-style:none; display:inline; } #wrapper_culture #content .menu ul li a{ color:#BFBAD2; text-decoration:none;} #wrapper_culture #content .menu ul li a:hover{text-decoration:underline; } #wrapper_culture #content .menu ul li a.hover{text-decoration:underline; } #wrapper_culture #content #innerwrapper { width:761px; height:542px; background-image: url(../images/content.gif); float:left;} #wrapper_culture #content #innerwrapper .left { float:left; width:256px; margin-left:3px; margin-top:3px; max-height:536px; height:536px;} #wrapper_culture #content #innerwrapper .right { float:right; width:502px; margin-left:0px; margin-top:3px; max-height:536px; height:536px; } #wrapper_culture #content #innerwrapper .right .contentholder { width:502px; float:left; max-height:536px ; height:536px; overflow-y: scroll;} .rightyflow { overflow-y: scroll; overflow-x: hidden;} #wrapper_culture #content #innerwrapper .right .contentholder .img_cadre{ float:left; background-image:url(../images/img_cadre.gif); width:144px; margin-left:10px; margin-top:3px; height:170px; margin-right:5px;} #wrapper_culture #content #innerwrapper .right .contentholder .img_cadre img{ margin-top:9px; margin-left:9px; } #wrapper_culture #content #innerwrapper .right .contentholder h2 { font-family: Verdana, Geneva, sans-serif; font-size:25px/25px; color:#E89653; margin-left:10px; font-weight: normal; margin-bottom:3px; *margin-top:10px;} #wrapper_culture #content #innerwrapper .right .contentholder .text { height:100 px; overflow: auto;} #wrapper_culture #content #innerwrapper .right .contentholder p { font-family: Verdana, Geneva, sans-serif; font-size:11px; color:#000000; margin-left:10px; margin-right:10px; text-align:justify; *margin-bottom:5px;} #wrapper_culture #content #innerwrapper .right .spaceright{ float:left; width:502px; height:5px; } #wrapper_culture #content #innerwrapper .right .contentholder .img_cadre2{ float:left; background-image:url(../images/img_cadre2.gif); width:473px; margin-left:14px; margin-top:3px; height:137px; margin-right:5px; } #wrapper_culture #content #innerwrapper .right .contentholder .img_cadre2 img{ margin-top:7px; margin-left:7px;} #wrapper_culture #content #footer{ width:760px; float: left; height:80px;} #wrapper_culture #content #footer .menu { height:30px; width:760px; float:left; text-align:right; font: 11px/22px "Lucida Grande", Verdana, sans-serif; color:#BFBAD2;} #wrapper_culture #content #footer .menu ul { display:block;list-style:none; z-index:5; text-align:right; float:right; margin-right:90px;} #wrapper_culture #content #footer .menu ul li {list-style:none; display:inline; } #wrapper_culture #content #footer .menu ul li a{ color:#BFBAD2; text-decoration:none;} #wrapper_culture #content #footer .menu ul li a:hover{text-decoration:underline; } #wrapper_culture #content #footer .menu ul li a.hover{text-decoration:underline; } #wrapper_culture #content #footer .coprights { width:760px; float:left; text-align:left; font: 10px/20px "Lucida Grande", Verdana, sans-serif; color:#BFBAD2;} #wrapper_culture #content #footer .coprights a { color:#BFBAD2; text-decoration:none;} #wrapper_culture #content #footer .coprights span a { color:#FF9300;} #wrapper_culture #bigpic{ width:138px; float: left; background-image:url(../images/bigpic.gif); background-repeat:repeat-y; min-height: 750px;} /* --------------------------------------------------------- */ /* STYLE FOR gallerie ------------------------------- */ /* --------------------------------------------------------- */ #wrapper_gallerie { text-align: left; /* Resets the text alignment to left to override what was set for versions of WinIE5. */ margin: 0px auto; /* Centers the content of the page within the window in all but versions of WinIE5. */ width: 899px; /* Sets the overall width of the layout. */ } #wrapper_gallerie #content{ width:760px; float: left; } #wrapper_gallerie #content .top { height:99px; float:left; width:760px; } #wrapper_gallerie #content .top a{ height:99px; width:760px; } #wrapper_gallerie #content .menu { height:30px; width:760px; float:left; text-align:right; font: 12px "Lucida Grande", Verdana, sans-serif; color:#BFBAD2;} #wrapper_gallerie #content .menu ul { display:block;list-style:none; margin:0;z-index:5; text-align:right; float:right; margin-right:10px; } #wrapper_gallerie #content .menu ul li {list-style:none; display:inline; } #wrapper_gallerie #content .menu ul li a{ color:#BFBAD2; text-decoration:none;} #wrapper_gallerie #content .menu ul li a:hover{text-decoration:underline; } #wrapper_gallerie #content .menu ul li a.hover{text-decoration:underline; } #wrapper_gallerie #content #innerwrapper { width:761px; height:542px; background-image: url(../images/content.gif); float:left;} #wrapper_gallerie #content #innerwrapper .left { float:left; width:256px; margin-left:3px; margin-top:3px; max-height:536px; height:536px;} #wrapper_gallerie #content #innerwrapper .right { float:right; width:502px; margin-left:0px; margin-top:3px; max-height:536px; height:536px; } #wrapper_gallerie #content #innerwrapper .right .contentholder { width:502px; float:left;} .flow { overflow-x: hidden; overflow-y: scroll; height:260px;} #wrapper_gallerie #content #innerwrapper .right .contentholder .gallerieholder { position:absolute; width:502px; float:left; margin-left:40px;} #wrapper_gallerie #content #innerwrapper .right .contentholder .img_cadre{ float:left; background-image:url(../images/img_cadre.gif); width:144px; margin-left:10px; margin-top:3px; height:170px; margin-right:5px;} #wrapper_gallerie #content #innerwrapper .right .contentholder .img_cadre img{ margin-top:9px; margin-left:9px; } #wrapper_gallerie #content #innerwrapper .right .contentholder h2 { font-family: Verdana, Geneva, sans-serif; font-size:25px/25px; color:#E89653; margin-left:10px; font-weight: normal; margin-bottom:3px; *margin-top:10px;} #wrapper_gallerie #content #innerwrapper .right .contentholder .text { height:100 px; overflow: auto;} #wrapper_gallerie #content #innerwrapper .right .contentholder span,h3 { font-family: Verdana, Geneva, sans-serif; font-size:11px; color:#F77B20; margin-left:10px; margin-right:10px; text-align:justify; *margin-bottom:5px; font-weight:normal;} #wrapper_gallerie #content #innerwrapper .right .contentholder p { font-family: Verdana, Geneva, sans-serif; font-size:11px; color:#000000; margin-left:10px; margin-right:10px; text-align:justify; *margin-bottom:5px;} #wrapper_gallerie #content #innerwrapper .right .spaceright{ float:left; width:502px; height:5px; } #wrapper_gallerie #content #innerwrapper .right .contentholder .img_cadre2{ float:left; background-image:url(../images/img_cadre2.gif); width:473px; margin-left:14px; margin-top:3px; height:137px; margin-right:5px; } #wrapper_gallerie #content #innerwrapper .right .contentholder .img_cadre2 img{ margin-top:7px; margin-left:7px;} #wrapper_gallerie #content #footer{ width:760px; float: left; height:80px;} #wrapper_gallerie #content #footer .menu { height:30px; width:760px; float:left; text-align:right; font: 11px/22px "Lucida Grande", Verdana, sans-serif; color:#BFBAD2;} #wrapper_gallerie #content #footer .menu ul { display:block;list-style:none; z-index:5; text-align:right; float:right; margin-right:90px;} #wrapper_gallerie #content #footer .menu ul li {list-style:none; display:inline; } #wrapper_gallerie #content #footer .menu ul li a{ color:#BFBAD2; text-decoration:none;} #wrapper_gallerie #content #footer .menu ul li a:hover{text-decoration:underline; } #wrapper_gallerie #content #footer .menu ul li a.hover{text-decoration:underline; } #wrapper_gallerie #content #footer .coprights { width:760px; float:left; text-align:left; font: 10px/20px "Lucida Grande", Verdana, sans-serif; color:#BFBAD2;} #wrapper_gallerie #content #footer .coprights a { color:#BFBAD2; text-decoration:none;} #wrapper_gallerie #content #footer .coprights span a { color:#FF9300;} #wrapper_gallerie #bigpic{ width:138px; float: left; background-image:url(../images/bigpic.gif); background-repeat:repeat-y; min-height: 750px;} /* --------------------------------------------------------- */ /* STYLE FOR Commande ------------------------------- */ /* --------------------------------------------------------- */ #wrapper_commande { text-align: left; /* Resets the text alignment to left to override what was set for versions of WinIE5. */ margin: 0px auto; /* Centers the content of the page within the window in all but versions of WinIE5. */ width: 899px; /* Sets the overall width of the layout. */ } #wrapper_commande #content{ width:760px; float: left; } #wrapper_commande #content .top { height:99px; float:left; width:760px; } #wrapper_commande #content .top a{ height:99px; width:760px; } #wrapper_commande #content .menu { height:30px; width:760px; float:left; text-align:right; font: 12px "Lucida Grande", Verdana, sans-serif; color:#BFBAD2;} #wrapper_commande #content .menu ul { display:block;list-style:none; margin:0;z-index:5; text-align:right; float:right; margin-right:10px; } #wrapper_commande #content .menu ul li {list-style:none; display:inline; } #wrapper_commande #content .menu ul li a{ color:#BFBAD2; text-decoration:none;} #wrapper_commande #content .menu ul li a:hover{text-decoration:underline; } #wrapper_commande #content .menu ul li a.hover{text-decoration:underline; } #wrapper_commande #content #innerwrapper { width:761px; height:542px; background-image: url(../images/content.gif); float:left;} #wrapper_commande #content #innerwrapper .left { float:left; width:256px; margin-left:3px; margin-top:3px; max-height:536px; height:536px;} #wrapper_commande #content #innerwrapper .right { float:right; width:502px; margin-left:0px; margin-top:3px; max-height:536px; height:536px; } #wrapper_commande #content #innerwrapper .right .contentholder { width:502px; float:left; margin-top:-20px;} #wrapper_commande #content #innerwrapper .right .contentholder .img_cadre{ float:left; background-image:url(../images/img_cadre.gif); width:144px; margin-left:10px; margin-top:3px; height:170px; margin-right:5px;} #wrapper_commande #content #innerwrapper .right .contentholder .img_cadre img{ margin-top:9px; margin-left:9px; } #wrapper_commande #content #innerwrapper .right .contentholder h2 { font-family: Verdana, Geneva, sans-serif; font-size:25px/25px; color:#E89653; margin-left:10px; font-weight: normal; margin-bottom:3px; *margin-top:10px;} #wrapper_commande #content #innerwrapper .right .contentholder .text { height:100 px; overflow: auto;} #wrapper_commande #content #innerwrapper .right .contentholder p { font-family: Verdana, Geneva, sans-serif; font-size:11px; color:#000000; margin-left:10px; margin-right:10px; text-align:justify; *margin-bottom:5px;} #wrapper_commande #content #innerwrapper .right .spaceright{ float:left; width:502px; height:5px; } #wrapper_commande #content #innerwrapper .right .contentholder .img_cadre2{ float:left; background-image:url(../images/img_cadre2.gif); width:473px; margin-left:14px; margin-top:3px; height:137px; margin-right:5px; } #wrapper_commande #content #innerwrapper .right .contentholder .img_cadre2 img{ margin-top:7px; margin-left:7px;} #wrapper_commande #content #footer{ width:760px; float: left; height:80px;} #wrapper_commande #content #footer .menu { height:30px; width:760px; float:left; text-align:right; font: 11px/22px "Lucida Grande", Verdana, sans-serif; color:#BFBAD2;} #wrapper_commande #content #footer .menu ul { display:block;list-style:none; z-index:5; text-align:right; float:right; margin-right:90px;} #wrapper_commande #content #footer .menu ul li {list-style:none; display:inline; } #wrapper_commande #content #footer .menu ul li a{ color:#BFBAD2; text-decoration:none;} #wrapper_commande #content #footer .menu ul li a:hover{text-decoration:underline; } #wrapper_commande #content #footer .menu ul li a.hover{text-decoration:underline; } #wrapper_commande #content #footer .coprights { width:760px; float:left; text-align:left; font: 10px/20px "Lucida Grande", Verdana, sans-serif; color:#BFBAD2;} #wrapper_commande #content #footer .coprights a { color:#BFBAD2; text-decoration:none;} #wrapper_commande #content #footer .coprights span a { color:#FF9300;} #wrapper_commande #bigpic{ width:138px; float: left; background-image:url(../images/bigpic.gif); background-repeat:repeat-y; min-height: 750px;} /* STYLE FOR Boutique ------------------------------- */ /* --------------------------------------------------------- */ #wrapper_boutique { text-align: left; /* Resets the text alignment to left to override what was set for versions of WinIE5. */ margin: 0px auto; /* Centers the content of the page within the window in all but versions of WinIE5. */ width: 899px; /* Sets the overall width of the layout. */ } #wrapper_boutique #content{ width:760px; float: left; } #wrapper_boutique #content .top { height:99px; float:left; width:760px; } #wrapper_boutique #content .top a{ height:99px; width:760px; } #wrapper_boutique #content .menu { height:30px; width:760px; float:left; text-align:right; font: 12px "Lucida Grande", Verdana, sans-serif; color:#BFBAD2;} #wrapper_boutique #content .menu ul { display:block;list-style:none; margin:0;z-index:5; text-align:right; float:right; margin-right:10px; } #wrapper_boutique #content .menu ul li {list-style:none; display:inline; } #wrapper_boutique #content .menu ul li a{ color:#BFBAD2; text-decoration:none;} #wrapper_boutique #content .menu ul li a:hover{text-decoration:underline; } #wrapper_boutique #content .menu ul li a.hover{text-decoration:underline; } #wrapper_boutique #content #innerwrapper { width:761px; height:542px; background-image: url(../images/content.gif); float:left;} #wrapper_boutique #content #innerwrapper .left { float:left; width:256px; margin-left:3px; margin-top:3px; max-height:536px; height:536px;} #wrapper_boutique #content #innerwrapper .right { float:right; width:502px; margin-left:0px; margin-top:3px; max-height:450px; height:450px; } #wrapper_boutique #content #innerwrapper .right .contentholder { width:502px; float:left; max-height:450px; height:450px; overflow-y: scroll} .rightyflow { overflow-y: scroll; overflow-x: hidden; max-height:450px; height:450px;} #wrapper_boutique #content #innerwrapper .right .contentholder .img_cadre{ float:left; background-image:url(../images/img_cadre.gif); width:144px; margin-left:10px; margin-top:3px; height:170px; margin-right:5px;} #wrapper_boutique #content #innerwrapper .right .contentholder .img_cadre img{ margin-top:9px; margin-left:9px; } #wrapper_boutique #content #innerwrapper .right .contentholder h2 { font-family: Verdana, Geneva, sans-serif; font-size:25px/25px; color:#E89653; margin-left:10px; font-weight: normal; margin-bottom:3px; *margin-top:10px;} #wrapper_boutique #content #innerwrapper .right .contentholder .text { height:100 px; overflow: auto;} #wrapper_boutique #content #innerwrapper .right .contentholder p { font-family: Verdana, Geneva, sans-serif; font-size:11px; color:#000000; margin-left:10px; margin-right:10px; text-align:justify; *margin-bottom:5px;} #wrapper_boutique #content #innerwrapper .right .spaceright{ float:left; width:502px; height:5px; } #wrapper_boutique #content #innerwrapper .right .contentholder .img_cadre2{ float:left; background-image:url(../images/img_cadre2.gif); width:473px; margin-left:14px; margin-top:3px; height:137px; margin-right:5px; } #wrapper_boutique #content #innerwrapper .right .contentholder .img_cadre2 img{ margin-top:7px; margin-left:7px;} #wrapper_boutique #content #footer{ width:760px; float: left; height:80px;} #wrapper_boutique #content #footer .menu { height:30px; width:760px; float:left; text-align:right; font: 11px/22px "Lucida Grande", Verdana, sans-serif; color:#BFBAD2;} #wrapper_boutique #content #footer .menu ul { display:block;list-style:none; z-index:5; text-align:right; float:right; margin-right:90px;} #wrapper_boutique #content #footer .menu ul li {list-style:none; display:inline; } #wrapper_boutique #content #footer .menu ul li a{ color:#BFBAD2; text-decoration:none;} #wrapper_boutique #content #footer .menu ul li a:hover{text-decoration:underline; } #wrapper_boutique #content #footer .menu ul li a.hover{text-decoration:underline; } #wrapper_boutique #content #footer .coprights { width:760px; float:left; text-align:left; font: 10px/20px "Lucida Grande", Verdana, sans-serif; color:#BFBAD2;} #wrapper_boutique #content #footer .coprights a { color:#BFBAD2; text-decoration:none;} #wrapper_boutique #content #footer .coprights span a { color:#FF9300;} #wrapper_boutique #bigpic{ width:138px; float: left; background-image:url(../images/bigpic.gif); background-repeat:repeat-y; min-height: 750px;} /* --------------------------------------------------------- */ /* STYLE FOR sitemap ------------------------------- */ /* --------------------------------------------------------- */ #wrapper_sitemap { text-align: left; /* Resets the text alignment to left to override what was set for versions of WinIE5. */ margin: 0px auto; /* Centers the content of the page within the window in all but versions of WinIE5. */ width: 899px; /* Sets the overall width of the layout. */ } #wrapper_sitemap #content{ width:760px; float: left; } #wrapper_sitemap #content .top { height:99px; float:left; width:760px; } #wrapper_sitemap #content .top a{ height:99px; width:760px; } #wrapper_sitemap #content .menu { height:30px; width:760px; float:left; text-align:right; font: 12px "Lucida Grande", Verdana, sans-serif; color:#BFBAD2;} #wrapper_sitemap #content .menu ul { display:block;list-style:none; margin:0;z-index:5; text-align:right; float:right; margin-right:10px; } #wrapper_sitemap #content .menu ul li {list-style:none; display:inline; } #wrapper_sitemap #content .menu ul li a{ color:#BFBAD2; text-decoration:none;} #wrapper_sitemap #content .menu ul li a:hover{text-decoration:underline; } #wrapper_sitemap #content .menu ul li a.hover{text-decoration:underline; } #wrapper_sitemap #content #innerwrapper { width:761px; height:542px; background-image: url(../images/content.gif); float:left;} #wrapper_sitemap #content #innerwrapper .left { float:left; width:256px; margin-left:3px; margin-top:3px; max-height:536px; height:536px;} #wrapper_sitemap #content #innerwrapper .right { float:right; width:502px; margin-left:0px; margin-top:3px; max-height:536px; height:536px; } #wrapper_sitemap #content #innerwrapper .right .contentholder { width:502px; float:left; max-height:536px ; height:536px; overflow-y: scroll;} .rightyflow { overflow-y: scroll; overflow-x: hidden;} #wrapper_sitemap #content #innerwrapper .right .contentholder .img_cadre{ float:left; background-image:url(../images/img_cadre.gif); width:144px; margin-left:10px; margin-top:3px; height:170px; margin-right:5px;} #wrapper_sitemap #content #innerwrapper .right .contentholder .img_cadre img{ margin-top:9px; margin-left:9px; } #wrapper_sitemap #content #innerwrapper .right .contentholder h2 { font-family: Verdana, Geneva, sans-serif; font-size:25px/25px; color:#E89653; margin-left:10px; font-weight: normal; margin-bottom:3px; *margin-top:10px;} #wrapper_sitemap #content #innerwrapper .right .contentholder .text { height:100 px; overflow: auto;} #wrapper_sitemap #content #innerwrapper .right .contentholder p { font-family: Verdana, Geneva, sans-serif; font-size:11px; color:#000000; margin-left:10px; margin-right:10px; text-align:justify; *margin-bottom:5px;} #wrapper_sitemap #content #innerwrapper .right .spaceright{ float:left; width:502px; height:5px; } #wrapper_sitemap #content #innerwrapper .right .contentholder .img_cadre2{ float:left; background-image:url(../images/img_cadre2.gif); width:473px; margin-left:14px; margin-top:3px; height:137px; margin-right:5px; } #wrapper_sitemap #content #innerwrapper .right .contentholder .img_cadre2 img{ margin-top:7px; margin-left:7px;} #wrapper_sitemap #content #footer{ width:760px; float: left; height:80px;} #wrapper_sitemap #content #footer .menu { height:30px; width:760px; float:left; text-align:right; font: 11px/22px "Lucida Grande", Verdana, sans-serif; color:#BFBAD2;} #wrapper_sitemap #content #footer .menu ul { display:block;list-style:none; z-index:5; text-align:right; float:right; margin-right:90px;} #wrapper_sitemap #content #footer .menu ul li {list-style:none; display:inline; } #wrapper_sitemap #content #footer .menu ul li a{ color:#BFBAD2; text-decoration:none;} #wrapper_sitemap #content #footer .menu ul li a:hover{text-decoration:underline; } #wrapper_sitemap #content #footer .menu ul li a.hover{text-decoration:underline; } #wrapper_sitemap #content #footer .coprights { width:760px; float:left; text-align:left; font: 10px/20px "Lucida Grande", Verdana, sans-serif; color:#BFBAD2;} #wrapper_sitemap #content #footer .coprights a { color:#BFBAD2; text-decoration:none;} #wrapper_sitemap #content #footer .coprights span a { color:#FF9300;} #wrapper_sitemap #bigpic{ width:138px; float: left; background-image:url(../images/bigpic.gif); background-repeat:repeat-y; min-height: 750px;}