/* RESET YUI */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { /*border-collapse:collapse; border-spacing:0; */} fieldset, img { border:0; } address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; } q:before,q:after { content:''; } abbr,acronym { border:0; } a{color: #000000; text-decoration:none;outline:none;} a:hover { text-decoration:none; } label { cursor: pointer; } /* GENERAL BLOCK */ body { font-family: Arial, Verdana,sans-serif; color: #000000; font-size:68.75%; background:#3a0c01 url(images/bg-main-left.png) top center repeat-y;} #container {position:relative;} #main-bg{position:absolute; z-index:0; width:100%; background:#3a0c01 url(images/bg-main-bg.jpg) top left repeat-x;} #main-bg #main-bg-left{width:100%; background: transparent url(images/bg-main-left.png) top center repeat-y; min-height:600px; /*margin:0; width:30%; float:left; background:#2F0A01 url(images/bg-main-left.jpg) top left no-repeat; min-height:600px;*/} #main-bg #main-bg-right{} #top {background: transparent url(images/bg-top.jpg) top left repeat-x; height:151px; } #main {width:990px; margin:0 auto; color:#FFFFFF; background:#000000; position:relative; background: transparent url(images/bg-main.jpg) top left repeat-y; } #left {width:680px; float: left; position:relative;} #center {} #right {float:right; background:#2f2e2a; width:310px; position:relative;} #bottom {background:#262522;} /* GENERAL STYLES */ .float_left { float: left; } .float_right { float: right; } .noBorder { border: none; } /* Clear les float */ .clear { clear: both; } .floatbox { overflow: hidden; } .clearfix:after { clear:both; content:"."; display:block; font-size:0; height:0; visibility:hidden; } .clearfix { display:block; } /* Fonts */ .gothic { font-family:"Century Gothic",Arial,sans-serif; } .bell { font-family: "Bell MT",Garamond,"Times New Roman",Georgia,serif; } .cambria { font-family: Cambria, serif; } /* Titles */ h1 {} h2 {} h3 {} /* TOP */ #traduction {margin-left:0;margin-top: 75px;position: absolute;} #top #top-content{width:990px; margin:0 auto;} #top #top-content h1{float:left; width:295px; height:90px; background: transparent url(images/bg-top-logo.png) top left no-repeat; text-indent:-9999px;} #top #top-content #lang{float:right;} #top #top-content #lang ul{margin:42px 0 0 0;} #top #top-content #lang ul li{float:left; margin: 0 0 0 5px;} #top #top-content #lang ul li a{background:#000000; color:#cccccc; font: normal 11px Verdana,sans-serif; border:1px solid #cccccc; padding:1px;} #top #top-content #coordonnees{float:right; margin:33px 0 0 0;} #top #top-content #coordonnees #coordonnees-tel{background: transparent url(images/bg-top-phone.png) top left no-repeat; padding: 0 0 0 20px; font: normal 23px "Times New Roman",Georgia,serif; color:#FFFFFF; margin:2px 0 0} #top #top-content #coordonnees #coordonnees-adresse{font: normal 14px "Times New Roman",Georgia,serif; color:#FFFFFF; margin:2px 0 0} #top #top-menu{width:990px; margin:0 auto; padding:5px 0 0 0;} #top #top-menu ul{background:transparent url(images/bg-menu-li.jpg) top left no-repeat; height:50px; padding:0 1px; width:990px;} #top #top-menu ul li{float:left; background:transparent url(images/bg-menu-li.jpg) top right no-repeat; height:50px; line-height:50px; padding:0 1px; } /*#top #top-menu ul li.actif {float:left; }*/ #top #top-menu ul li a{font: normal 18px Georgia,serif; color:#FFFFFF; height:50px; line-height:50px; padding:15px 20px; /*display:block;*/} #top #top-menu ul li.home{font: normal 18px Georgia,serif; height:50px; line-height:50px; padding:0 20px; display:block; color:#959595;background:transparent url(images/bg-menu-li-actif.jpg) top right repeat-x;} #top #top-menu ul li.current_page_item {font: normal 18px Georgia,serif; height:50px; line-height:50px; padding:0 20px; display:block; color:#959595;background:transparent url(images/bg-menu-li-actif.jpg) top right repeat-x;} #top #top-menu ul li a:hover{color:#959595;background:transparent url(images/bg-menu-li-actif.jpg) top right repeat-x;} /*#top #top-content #menu {float:right;} #top #top-content #menu ul{float:right;} #top #top-content #menu ul li{float:left; line-height:30px; margin: 0 0 0 15px; padding:5px 0 0 15px; background:transparent url(images/bg-menu.gif) top left no-repeat;} /*#top #top-content #menu ul li a:visited{background:transparent url(images/bg-menu-actif.gif) top left no-repeat;font: bold 14px Arial,sans-serif;color:#8a0003}*/ /*#top #top-content #menu ul li a{font: normal 14px Arial,sans-serif; color:#8a0003;text-transform:uppercase;} #menu ul li.home {font: bold 14px Arial,sans-serif;color:#8a0003; text-transform: uppercase;} #menu ul li.current_page_item {font: bold 14px Arial,sans-serif;color:#8a0003; text-transform: uppercase; background:transparent url(images/bg-menu-actif.gif) top left no-repeat;} #top #top-content #menu ul li a:hover{font: bold 14px Arial,sans-serif;color:#8a0003}*/ /* CONTENT */ /* main */ #main #visuel{position:relative; z-index:1;height:330px;} #main #visuel #visuel-bg{position:absolute; top:O; left:0; width:990px; height:330px; z-index:1;} #main #visuel #visuel-content-contour {position:absolute; top:O; left:0; width:990px; padding:200px 0 0 0; z-index:2; } #main #visuel #visuel-content-contour #visuel-content{width:555px; height:134px; margin: 0 auto; background: transparent url(images/bg-visuel-content.png) top left no-repeat;} #main #visuel #visuel-content #visuel-content-left{width:50px; float:left; z-index:2;} #main #visuel #visuel-content #visuel-content-left a{margin:30px 0 0 0; width:50px; height:60px; display:block;} #main #visuel #visuel-content #visuel-content-texte{width:450px; float:left; z-index:2;} #main #visuel #visuel-content #visuel-content-texte h3{font: normal 20px "Times New Roman",Georgia,serif; color:#FFFFFF; width:410px; margin:0 auto; padding:20px 0 0 0;} #main #visuel #visuel-content #visuel-content-texte p{width:410px; margin:20px auto; font: normal 14px "Times New Roman",Georgia,serif; color:#FFFFFF; padding:15px 0 0 0;} #main #visuel #visuel-content #visuel-content-right{width:50px; float:right;} #main #visuel #visuel-content #visuel-content-right a{margin:30px 0 0 0; width:50px; height:60px; display:block;} /* Left column */ #left #content-top {background:#393935 url(images/bg-left-content.jpg) top left no-repeat; padding:60px 0 30px 0;} #left #content-top h1 { font:30px "Times New Roman",Georgia,serif; padding:0 0 20px; text-align:center;} #left #content-top h3{font: normal 30px "Times New Roman",Georgia,serif; text-align:center; padding: 0 0 20px 0;} #PageInt #left #content-top {background:#393935 url(images/bg-left-content-int.jpg) top left no-repeat; padding:50px 0 30px 0;} #left #content-top ul{margin: 0 auto; /*width:530px;*/} #left #content-top ul li{/*float:left;*/ margin: 10px 0 10px 10px; /*border-right:1px solid #fcb038;*/ padding: 0 10px 0 0;} #left #content-top .content-texte ul li{font: normal 14px "Times New Roman",Georgia,serif; float:none; margin: 10px 0 10px 10px; border-right:none; background:url("images/bg-puce-plan2.jpg") no-repeat scroll left top transparent; padding:0 0 0 30px;} #left #content-top ul li.sans{border-right:none;} #left #content-top ul li a{font: normal 18px "Times New Roman",Georgia,serif; /*color:#FFFFFF;*/} #left #content-top ul li a.actif{color:#fcb038;} #left #content-top .content-top-3blocs{width:220px; float:left; margin: 0 0 0 5px;} #left #content-top .content-top-3blocs .content-top-3blocs-img{width:212px; height:148px; background:#c9391c url(images/bg-left-encadre-img.jpg) top left no-repeat; text-align:center; padding:13px 0 0 0;} #left #content-top .content-top-3blocs .content-top-3blocs-texte{width:170px; margin:0 auto;} #left #content-top .content-top-3blocs .content-top-3blocs-texte h3{color:#d5730b; font: normal 14px Trebuchet, Arial, Verdana,sans-serif; line-height:16px; padding: 0 0 5px 0;} #left #content-top .content-top-3blocs .content-top-3blocs-texte p{font: normal 14px "Times New Roman",Georgia,serif; color:#FFFFFF; padding: 0 0 5px 0;} #left #content-top .content-top-3blocs .content-top-3blocs-texte p.suite{text-align:right;} #left #content-top .content-top-3blocs .content-top-3blocs-texte p.suite a{ font: normal 14px "Times New Roman",Georgia,serif; color:#FFFFFF; font-style:italic; background:transparent url(images/bg-right-suite.jpg) bottom center no-repeat; padding: 0 0 2px 0;} #left .content-texte {width:640px; margin:0 auto; padding: 0 0 30px 0;} #left .content-texte p {font: normal 12px "Times New Roman",Georgia,serif; color:#FFFFFF; margin:0 0 20px 0;text-align:justify;width:630px;} #left #content-top .content-texte-lien ul{margin:0 0 0 20px; } #left #content-top .content-texte-lien ul li{font: normal 12px Arial, Verdana,sans-serif; color:#ffffff; background:transparent url(images/bg-puce-plan2.jpg) top left no-repeat; padding: 0 0 0 30px; margin:5px 0 0 0;} #left #content-top .content-texte-lien ul li a{font: normal 12px Arial, Verdana,sans-serif; color:#ffffff; } #left #content-top .content-texte-lien ul li a:hover{text-decoration:underline;} #left p.reserv {font: normal 18px "Times New Roman",Georgia,serif; color:#ffffff; padding: 10px 0 0 25px;} .btnResa {display:block; width:267px; height:72px; background:transparent url(images/RollOverButtonGrpe.jpg) no-repeat; background-position:0px 0%; text-align:center; padding:0; margin: 20px auto 40px;} .btnResa:hover {background-position:-267px 0%;} #left a.btnResa{color:#592f05; font: normal 22px "Times New Roman",Georgia,serif; display:block;text-transform:uppercase; padding: 20px 0 0;} .btnResaGrpe {display:block; width:267px; height:72px; background:transparent url(images/RollOverButtonGrpe.jpg) no-repeat; background-position:0px 0%; text-align:center; padding:0; margin: 20px auto;} .btnResaGrpe:hover {background-position:-267px 0%;} #left a.btnResaGrpe{color:#592f05; font: normal 22px "Times New Roman",Georgia,serif; display:block;text-transform:uppercase; padding: 20px 0 0;} table{margin:20px auto 20px;} #right #reservez{width:534px; height:72px; background:transparent url(images/RollOverButton.jpg) no-repeat; background-position:0px 0%; text-align:center; padding:0; margin: 20px auto 5px;} #right #reservez:hover{background-position:-267px 0%;} #left p.planContact {font: normal 32px "Times New Roman",Georgia,serif; color:#ffffff; line-height:16px;} #left p.planContactend {font: normal 32px "Times New Roman",Georgia,serif; color:#ffffff; margin-bottom:20px;line-height:16px;} #left #content-histoire {background:#4c4c45 url(images/bg-left-histoire.jpg) top left no-repeat; padding:60px 0 30px 0;} #left #content-histoire h3{font: normal 30px "Times New Roman",Georgia,serif; text-align:center; padding: 0 0 20px 0;} #left #content-histoire .content-histoire-left{width:340px; float:left;text-align:justify;} #left #content-histoire .content-histoire-left p{width:295px; margin: 0 auto; font: normal 14px "Times New Roman",Georgia,serif; } #left #content-histoire h1 { font:30px "Times New Roman",Georgia,serif; padding:0 0 20px; text-align:center;} /*#left #content-histoire .content-histoire-left ul li{width:295px; margin: 10px 0 10px 10px; border-right:none; padding: 0 10px 0 0;}*/ #left #content-histoire .content-histoire-right{width:300px; float:left;text-align:justify;} #left #content-histoire .content-histoire-right p{width:right; margin: 0 auto; font: normal 14px "Times New Roman",Georgia,serif; } #left #content-top #slide_content #container-4 #monuments ul {/*float:left; */font: normal 14px "Times New Roman",Georgia,serif;margin: 0 auto 10px;} #left #content-top #slide_content #container-4 #monuments ul li{background:url("images/bg-puce-plan2.jpg") no-repeat scroll left top transparent;padding:0 0 0 30px; margin: 0 auto 0;} #left #content-top #slide_content #container-4 #sorties ul {/*float:left; */font: normal 14px "Times New Roman",Georgia,serif;margin: 0 auto 10px;} #left #content-top #slide_content #container-4 #sorties ul li{background:url("images/bg-puce-plan2.jpg") no-repeat scroll left top transparent;padding:0 0 0 30px; margin: 0 auto 0;} #left #content-top #slide_content #container-4 #shopping ul {/*float:left;*/ font: normal 14px "Times New Roman",Georgia,serif;margin: 0 auto 10px;} #left #content-top #slide_content #container-4 #shopping ul li{background:url("images/bg-puce-plan2.jpg") no-repeat scroll left top transparent;padding:0 0 0 30px; margin: 0 auto 0;} #left #content-histoire .content-histoire-right ul {width:275px; margin: 10px auto 10px; font: normal 14px "Times New Roman",Georgia,serif;} #left #content-histoire .content-histoire-right ul li{background:url("images/bg-puce-plan.jpg") no-repeat scroll left top transparent; padding:0 0 0 30px;} .suite {text-align:right; float:right; margin-right:20px;} .suite a{ font: normal 14px "Times New Roman",Georgia,serif; color:#FFFFFF; font-style:italic; background:transparent url(images/bg-right-suite.jpg) bottom center no-repeat; padding: 0 0 2px 0;} #left #plan {background:#4c4c45 url(images/bg-plan.jpg) top left no-repeat; padding:60px 0 30px 0;} /*#PageInt #left #plan {background:#4c4c45 url(images/bg-plan-int.jpg) top left no-repeat; padding:60px 0 30px 0;}*/ #PageInt #left #plan {background:#4c4c45 top left no-repeat; padding:60px 0 30px 0;} #left #plan #plan-left{float:left; width:360px; text-align:right;} #left #plan #plan-left #plan-left-image img{border:3px solid #2f2e2a;} #left #plan #plan-right{float:right; width:300px; } #left #plan #plan-right h4{font: normal 24px "Times New Roman",Georgia,serif;} #left #plan #plan-right a{color:#FFF;} #left #plan #plan-right ul{margin:10px 0 0 0; } #left #plan #plan-right ul li{font: normal 14px "Times New Roman",Georgia,serif; background:transparent url(images/bg-puce-plan.jpg) top left no-repeat; padding: 0 0 0 30px; margin:5px 0 0 0;} .alignleft { float:left; margin-right:20px; margin-bottom:20px; margin-left:20px;} .alignnone { margin: 0 4px 4px 0;} .aligncenter {margin: 0 auto 20px; display:block;} /* Right column */ #right #reservez{width:267px; height:72px; background:transparent url(images/RollOverButton.jpg) no-repeat; background-position:0px 0%; text-align:center; padding:0; margin: 20px auto;} #right #reservez:hover{background-position:-267px 0%;} #right #reservez p{padding:20px 0 0 0;} #right #reservez a{color:#592f05; font: normal 22px "Times New Roman",Georgia,serif; display:block;text-transform:uppercase; padding: 0 0 5px 0; } #right .bloc-encadre{width:267px; padding:0; margin: 20px auto;} #right .bloc-encadre .bloc-encadre-top{width:100%; padding:0; margin: 0; height:17px; background:transparent url(images/bg-right-encadre-top.jpg) top left no-repeat;} #right .bloc-encadre .bloc-encadre-content{width:100%; padding:0 0 10px 0; margin: 0; background:transparent url(images/bg-right-encadre-content.jpg) bottom left no-repeat;} #right .bloc-encadre .bloc-encadre-content ul{width:220px; padding:0 0 10px 0; margin: 0 auto; } #right .bloc-encadre .bloc-encadre-content ul li{background:transparent url(images/bg-right-encadre-content-li.jpg) bottom left no-repeat;padding:10px 0;} #right .bloc-encadre .bloc-encadre-content ul li.sans{background:none;} #right .bloc-encadre .bloc-encadre-content ul li a{background:transparent url(images/bg-right-encadre-content-a.jpg) center right no-repeat; width:200px; padding: 0 20px 0 0; display:block; color:#FFFFFF; font: normal 14px Trebuchet, Arial, Verdana,sans-serif; line-height:16px;} #right .bloc-encadre .bloc-encadre-content ul li a span{/*font: normal 14px "Times New Roman",Georgia,serif;*/ color:#c1c1c1; } #right #right-video{width:267px; text-align:center; margin:0 auto;} #right #right-video img{border:3px solid #262522;} #right .bloc-encadre .bloc-encadre-content .bloc-encadre-content-img{width:228px; height:157px; margin: 0 auto; background:transparent url(images/bg-right-photo.jpg) bottom center no-repeat; text-align:center;} #right .bloc-encadre .bloc-encadre-content .bloc-encadre-content-img img{padding:4px 0;} #right .bloc-encadre .bloc-encadre-content .bloc-encadre-content-texte{width:220px; padding:10px 0; margin: 0 auto;} #right .bloc-encadre .bloc-encadre-content .bloc-encadre-content-texte h3{color:#d5730b; font: normal 14px Trebuchet, Arial, Verdana,sans-serif; line-height:16px; padding: 0 0 5px 0;} #right .bloc-encadre .bloc-encadre-content .bloc-encadre-content-texte p{font: normal 14px "Times New Roman",Georgia,serif; color:#FFFFFF; padding: 0 0 5px 0;} #right .bloc-encadre .bloc-encadre-content .bloc-encadre-content-texte p.suite{text-align:right;} #right .bloc-encadre .bloc-encadre-content .bloc-encadre-content-texte p.suite a{ font: normal 14px "Times New Roman",Georgia,serif; color:#FFFFFF; font-style:italic; background:transparent url(images/bg-right-suite.jpg) bottom center no-repeat; padding: 0 0 2px 0;} /* BOTTOM */ #bottom #bottom-content{width:990px; margin:0 auto; color:#FFFFFF;} #bottom #bottom-content #bottom-logo{padding:15px 0 10px 20px; float:left;} #bottom #bottom-content #bottom-logo h4{width:220px; height:60px; background:transparent url(images/bg-bottom-h4.gif) top left no-repeat; text-indent:-9999px;} #bottom #bottom-content #bottom-adresse{margin:15px 0 10px 0; padding:0 0 0 10px; float:left; border-left: 1px solid #44423e;} #bottom #bottom-content #bottom-adresse p{font: normal 18px "Times New Roman",Georgia,serif; } #bottom #bottom-content #bottom-menu{float:right; margin:15px 0 10px 0;} #bottom #bottom-content #bottom-menu ul{float:left; margin: 0 0 0 10px; border-right: 1px solid #44423e; padding: 0 10px;} #bottom #bottom-content #bottom-menu ul.sans{border-right: none; padding: 0 0 0 10px;} #bottom #bottom-content #bottom-menu ul li{font: normal 12px Arial, Verdana,sans-serif; color:#ffffff;} #bottom #bottom-content #bottom-menu ul li a{font: normal 12px Arial, Verdana,sans-serif; color:#ffffff;} #bottom #bottom-content #bottom-menu ul li a:hover{text-decoration:underline;} /**********************************************************************************************/ /******************************************SLIDE JQUERY****************************************/ /**********************************************************************************************/ /* Caution! Ensure accessibility in print and other media types... */ @media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */ .tabs-hide { display: none; } } /* Hide useless elements in print layouts... */ @media print { .tabs-nav { display: none; } } div#slide_content{ /*background:url(images/bg_slidecontent.gif) top left no-repeat;*/ width:680px; height:526px; position:relative;} div#slide_content p{ font-family:"Times New Roman", Times, serif; font-size:14px; color:#ffffff; margin:0 0 20px 0; position:relative;} a.lien_lirelasuite{ float:right;font-family:"Times New Roman", Times, serif; font-size:14px; font-style:italic; color:#ffffff; text-decoration:none; background:url(images/lien_bg.gif) -2px 19px no-repeat; width:70px; height:20px; display:inline-block;} a.lien_lirelasuite:hover{ color:#FCB038;} /* Skin */ .tabs-nav { list-style: none; margin: 0; padding: 0 0 0 4px; position:absolute; /*top:60px;*/ left:85px; } .tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */ display: block; clear: both; content: " "; } #left #content-top .tabs-nav li { float: left; margin: 0 0 0 1px; min-width: 84px; /* be nice to Opera */ } .tabs-nav a, .tabs-nav a span { display: block; padding: 0 10px; } .tabs-nav a { position: relative; top: 1px; z-index: 2; padding-left: 0; color: #9b9b8f; font-size: 18px; font-family:"Times New Roman", Times, serif; line-height: 1.2; text-align: center; text-decoration: none; white-space: nowrap; /* required in IE 6 */ } .tabs-nav a:hover{ color:#ffffff;} .tabs-nav .tabs-selected a { color: #ffffff; } .tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { outline: 0; /* prevent dotted border in Firefox */ } .tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active { } .tabs-nav a span { width: 64px; /* IE 6 treats width as min-width */ min-width: 64px; height: 18px; /* IE 6 treats height as min-height */ min-height: 18px; padding-top: 6px; padding-right: 0; } *>.tabs-nav a span { /* hide from IE 6 */ width: auto; height: auto; } .tabs-nav .tabs-selected a span { } .tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span { background-position: 0 -50px; } .tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span { background-position: 0 0; } .tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */ cursor: pointer; } .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */ cursor: pointer; } .tabs-nav .tabs-disabled { opacity: .4; } .tabs-container { margin-bottom:20px; padding: 0 20px 0 10px; background: #393935; /* declare background color for container to avoid distorted fonts in IE while fading */ position:absolute; top:55px;/*105px;*/ left:15px; } .tabs-container img{ float:left; margin:-7px 10px 0 0;} .tabs-container a{ color:#FFF;} /* STYLE DES SLIDERS */ div.teaser{ position:absolute; top:450px; left:252px; width:478px; height:117px; background:url(images/bg_teaser.png) top left no-repeat;} div.teaser h3{color:#ffffff; font-size:20px; font-family:"Times New Roman", Times, serif; margin:18px 0 15px 34px;} div.teaser p{ color:#ffffff; font-size:14px; font-family:"Times New Roman", Times, serif; margin:0 25px 0 34px;} /* SLIDER 2*/ .anythingSlider { position:relative; width: 990px; height: 600px;} .anythingSlider .wrapper { width: 990px; overflow: auto; height: 600px; margin: 0; position: absolute; top: 0; left: 0; } /* Width below is max for Opera */ .anythingSlider .wrapper ul { width: 32700px; list-style: none; position: absolute; top: 0; /*left: 15px;*/ margin: 0; } .anythingSlider ul li { display: block; float: left; padding: 0; height: 330px; width: 990px; margin: 0; position:relative;} .anythingSlider .arrow { display: block; height: 58px; width: 50px; background: url(images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 236px; cursor: pointer; } .anythingSlider .forward { background-position: 0 -79px; right:221px;top:480px; } .anythingSlider .back { background-position: -270px -79px; left: 216px;top:480px; } .anythingSlider .forward:hover { background-position: 0 -264px; } .anythingSlider .back:hover { background-position: -270px -266px; } .anythingSlider2 { position:relative; background:url(images/chezfrancis-triangle-or_10.gif) top left no-repeat; width:267px; height:318px;margin-bottom:20px;} .anythingSlider2 .wrapper { width: 267px; overflow: auto; height: 318px; margin: 0; position: absolute; top: 0; left: 0; } .anythingSlider2 .arrow{ visibility:hidden; } /* Width below is max for Opera */ .anythingSlider2 .wrapper ul { width: 32700px; list-style: none; position: absolute; top: 0; /*left: -38px;*/ margin: 0; } .anythingSlider2 ul li { display: block; float: left; padding: 0; height: 318px; width: 267px; margin: 0; position:relative;} .anythingSlider2 ul li h3 {color:#d5730b; font-family:'trebuchet ms'; font-size:14px; margin:0 0 5px 23px; padding:0;} .anythingSlider2 ul li p{ font-family:"Times New Roman", Times, serif; color:#ffffff; font-size:14px; margin:0 0 5px 23px; padding:0; width:230px;} .anythingSlider2 ul li img{ margin:15px 0 5px 17px;} a.lien_lirelasuite2{ font-family:"Times New Roman", Times, serif; font-size:14px; font-style:italic; color:#ffffff; text-decoration:none; background:url(images/lien_bg.gif) -2px 19px no-repeat; width:70px; height:20px; display:inline-block; margin:0 10px 0 0;} a.lien_lirelasuite2:hover{ color:#FCB038;} #thumbNav { position: relative; top: 323px; text-align: center; } #thumbNav a { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c58b04 url(images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; } #thumbNav a:hover { background-image: none; } #thumbNav a.cur { background: #e0a213; } #start-stop { background:none;} /* Prevents */ .anythingSlider .wrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; } .anythingSlider .wrapper ul ul li { float: none; height: auto; width: auto; background: none; } .anythingSlider2 .wrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; } .anythingSlider2 .wrapper ul ul li { float: none; height: auto; width: auto; background: none; } /*div#slide_content{ /*background:url(images/bg_slidecontent.gif) top left no-repeat;*//* width:680px; height:400px;}*/ .homeuuu div#slide_content{ /*background:url(images/bg_slidecontent.gif) top left no-repeat;*/ width:680px;height:450px;} #menu { padding: 0; margin:0 0 15px 0;} #menu li { display: inline; background:none !important; padding:0; line-height:normal; font-family:"Times New Roman", Times, serif; font-size:18px;} #menu li a { padding: 10px; float:left; text-decoration: none; color: #000; font-weight: bold; color:#fcb038;} #menu li a:hover{ color:#ffffff} #menu li.active a { color:#ffffff;} .content { float: left; clear: both; padding: 10px 20px 20px;} .content p{ font-family:"Times New Roman", Times, serif; font-size:14px; color:#ffffff; margin:0 0 10px 0;} /*Recommandations */ ul#reco li{ text-align:center; } ul#reco li h4{ text-align:center; font: normal 18px "Times New Roman",Georgia,serif; } #right .bloc-encadre .bloc-encadre-content ul#reco li a{ background:none; } #partners { background-color:#FFFFFF; font-size:20px; letter-spacing:35px; line-height:12px; margin:0 auto; overflow:hidden; text-align:center; white-space:nowrap; width:990px;} #partners p { color:#000000; letter-spacing:normal; margin:3px 0 0 4px; text-align:left;} #partners div { /*display:inline-block;*/ float:left; height:81px; vertical-align:middle; width:303px;} #foot-link { padding-bottom:15px; text-align:center;} #foot-link a { color:#FFFFFF; font:12px Arial,Verdana,sans-serif;} .presentationMenu{ width: 545px !important; margin-bottom:10px !important; } .presentationMenu img{ display:block !important; float:left !important; margin:0 5px 0 0; } .presentationMenu p{ float:left; width:240px !important; font-size:1.3em !important; line-height:25px !important; } .elementMenu{ padding:0 !important; text-align:center !important; margin:10px 0 !important; font-size:1.0em; width:630px !important; color:#7E7E7D !important; } .catMenu{ margin:0;padding:0; text-align:center !important; font-weight:bold; font-size:1.2em; display:block !important; width:630px !important; } .menuLeft{ text-align:center !important; font-size:20px; width:545px !important; font-family:Arial, Helvetica, sans-serif !important; margin:10px 0 0 0; color:#7E7E7D !important; } .menuLeft p{ width:inherit !important; color:#282828 !important; font-size:12px !important ; text-align:center !important; } .menuLeft i{ width:inherit !important; color:#282828 !important; font-size:12px !important ; text-align:center !important; } .menuRight{ text-align:center !important; font-size:20px; line-height:inherit !important; width:270px !important; font-family:Arial, Helvetica, sans-serif !important; margin:10px 0 0 0; } .menuRight p{ width:inherit !important; color:#282828 !important; font-size:12px !important ; } #imgFooter{ background:url('http://www.lepetitmarius.com/wp-content/themes/LePetitMarius/images/resaMenu.jpg'); } .headMenu{ font-size:23px !important; text-align:center !important; } #boutonNoel{ position:absolute; top:366px; left:550px; z-index:999999; width:500px !important; } #resa a{ color:#000 !important; font-size:1em; font-family:"Myriad Pro"; display:block; float:left; margin-right:73px; } #boutonNoel a:hover{ text-decoration:underline; } .menuLeft2 p, i{ text-align:center !important; } .pItalic{ color:#7E7E7D !important; text-align:center !important; margin-left:-20px !important; } .menuLeft2 .catMenu{ /*margin-left:-50px !important; */ display:block !important; width:630px !important; text-align:center !important; margin:0 !important; } .titreMenu{ width:545px !important; } .infoPresentation{ width:265px !important; float:left !important; } p.elementMenu{width:545px;} // //CHROME // @media screen and (-webkit-min-device-pixel-ratio:0) { #boutonNoel a{ margin:0;padding:0; font-size:1.2em !important; font-family:"Myriad Pro"; display:block; float:left; margin-right:80px !important; } #boutonNoel{ position:absolute; top:366px; left:550px; z-index:999999; width:500px !important; } #boutonNoel a{ color:#000 !important; font-size:1.1em; font-family:"Myriad Pro"; display:block; float:left; margin-right:183px !important; } .menuLeft2 .catMenu{ margin:0;padding:0; text-align:center !important; font-weight:bold; font-size:2.2em; display:block !important; } } // //IE // #boutonNoel a{ margin:0;padding:0; font-size:1.2em !important; font-family:"Myriad Pro"; display:block; float:left; margin-right:180px !important; } #left .content-texte p.valid { border:1px solid #00AF27; padding:5px; font-weight:bold; color:#4ED352; margin-top:10px; } #content-top-right { width:300px;float:left; font-size:0.9em;margin-left:70px; }