/*
Mesnil Saint Denis
*/
html {font-family:verdana,sans-serif; font-size:14px;}
body {background:#fff;margin:0;_height:100%;font-size:78%;color:#686868}
a:hover {text-decoration:underline !important;}
#preview {position:absolute;margin:1em;padding:1em;top:1em;left:1em;border:.5em solid #f00;background:#fff;color:#f00;font-size:1em;}
#main-box {
width:1000px;
min-height:600px; _height:100%;
margin:0 auto;
}
#main-box {
/* background:url(../images/home-main-box-bg.jpg) center top repeat-y transparent; */
}
#header-box {
clear:both;
height:206px;
background:url(../images/home-header-box-bg.jpg) center top no-repeat transparent;
z-index:10;
}
#content-box {
clear:both;
z-index:0;
}
#footer-box 0{
clear:both;
_height:1%;
background:url(../images/home-footer-box-bg.jpg) center top no-repeat transparent;
min-height:29px;
padding-top:15px;
}
#tools {color:#000;margin:0 2em;}
#tools a {color:#676767;text-decoration:none;}
#tagline {text-align:right;background:#fff;}
#tagline a {color:#686868;text-decoration:none;}
#tagline a:hover {color:#900;text-decoration:none !important;}
#header form#search {position:absolute; top:180px;padding-left:160px;margin:0;}
form#search input,
form#search button {font-size:80%;xborder:1px solid #000;xbackground:#fff;xmargin-right:10px;}
form#search label {position:absolute; left:-1000px;}
#header a.titre {display:block;position:absolute;width:200px;height:150px;z-index:1000;}
#header a.titre h1 {visibility:hidden;}
#header #menu-header {position:absolute;top:10px;padding:0 0 0 850px;}
#menu-header a.menu {display:block;width:140px;height:20px;margin:2px;overflow:hidden;text-decoration:none;font-size:12px;}
#menu-header a.menu span {visibility:hidden;}
#menu-header a:hover {text-decoration:none !important}
#header #menu-main {position:absolute;top:202px;width:1000px;text-align:center;background-color:#360;text-align:center;}
#menu-main * {margin:0;padding:0;}
#menu-main ul,
#menu-main ul li {display:inline; float:left;}
#menu-main a {display:block;padding:2px 1em;line-height:22px;text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:bold;color:#fff;font-family:Arial,Sans-serif;}
#menu-main a.menu span {visibility:visible;}
#menu-main span.separateur {color:#91ff00;}
#menu-main a:hover {text-decoration:underline !important}
#menu-main li li a {text-align:left;font-size:12px;font-weight:normal;text-transform:none;}
#home div#actualite {width:508px;margin:0 0 0 10px;padding-top:30px;float:left;background:url(../images/home-bloc-actu.jpg) no-repeat center top #fff;}
#home div#actualite a.tout {display:block;float:left;width:110px;margin:0 0 0 300px;padding:0 0 0 12px;background:url(../images/puce-tout-actualite.gif) no-repeat center left transparent;color:#000;text-decoration:none;font-size:.8em;}
#home div#actualite a.tout {_margin:0 0 0 150px;}
#home div#actualite a.rss {display:block;position:relative;top:-10px;left:50px;width:20px;height:20px;overflow:hidden;text-decoration:none;}
#home div#actualite a.rss span {visibility:hidden;}
#home div#actualite ul,
#home div#actualite li {margin:0;padding:0;list-style:none;background:url(../images/home-bloc-actu.jpg) no-repeat center center #fff;}
#home div#actualite ul {clear:both;background:url(../images/home-bloc-actu.jpg) no-repeat center bottom #fff;margin-top:1em;padding-bottom:1em;}
#home div#actualite li {padding:1.5em;}
#home div#actualite .titre {font-weight:bold;font-size:1.4em;margin:0;padding:0 0 .4em 0;color:#6C943C;}
#home div#actualite p.chapeau {margin:.1em 0;padding:0;font-size:1.1em;font-weight:bold;color:#676767}
#home div#actualite .texte {margin:0 0 .8em 0;line-height:1.5em;}
#home div#actualite a.LLS {padding:.1em;background:#FCAE5B;color:#fff;font-size:.9em;text-decoration:none;}
#home div#actualite .illustration {float:right;width:40%;margin-left:20px;}
#home div#galeries {display:block;width:100%;height:200px;/*overflow:auto;overflow-x: auto;overflow-y: hidden;overflow : -moz-scrollbars-horizontal;background-color:#EAEAEA;*/}
#home div#galeries #photos {display:block;width:100%;height:180px;background-color:#E5F1CD; overflow:auto;overflow-x: auto;overflow-y: hidden;overflow : -moz-scrollbars-horizontal;}
#home div#galeries #photos ul {margin:0;padding:0;background:#E5F1CD;}
#home div#galeries #photos ul li {padding:.5em;background:#E5F1CD;}
#home div#galeries #photos ul {width:10000px;height:220px;overflow:auto;overflow-x: auto;overflow-y: hidden;overflow : -moz-scrollbars-horizontal;}
#home div#galeries #photos li {width:130px;float:left;}
#home div#galeries #photos li a {border:2px solid #E5F1CD;}
#home div#galeries #photos li a:hover {border:2px solid #6C943C;}
#home div#galeries #photos li img {border:0}
#home div#galeries #videos {display:none;width:100%;height:180px;background-color:#E5F1CD; overflow:auto;overflow-x: auto;overflow-y: hidden;overflow : -moz-scrollbars-horizontal;}
#home .container {float:right;width:453px;}
#home .container #bandeau img {max-width:100%}
#home .container .col2-1 {float:left;width:236px;}
#home .container .col2-2 {float:right;width:201px;}
#home div#agenda {width:236px;margin:20px 0 0 0px;padding-top:20px;float:left;background:url(../images/home-bloc-agenda.jpg) no-repeat center top #fff;}
#home div#agenda a.tout {display:block;float:left;width:80px;margin:0 0 0 110px;padding:0 0 0 12px;background:url(../images/puce-tout-agenda.gif) no-repeat center left transparent;color:#000;text-decoration:none;font-size:.8em;}
#home div#agenda a.tout {_margin:0 0 0 50px;}
#home div#agenda a.rss {display:block;position:relative;top:-10px;left:0px;width:20px;height:20px;overflow:hidden;text-decoration:none;}
#home div#agenda a.rss span {visibility:hidden;}
#home div#agenda ul,
#home div#agenda li {margin:0;padding:0;list-style:none;}
#home div#agenda ul {clear:both;background:url(../images/home-bloc-agenda.jpg) no-repeat center bottom #fff;padding-bottom:1em;}
#home div#agenda li {padding:.2em 1.2em;background:url(../images/home-bloc-agenda.jpg) no-repeat center center #fff;}
#home div#agenda li.last {padding:.2em 1.2em 1em 1.2em;}
#home div#agenda .date {display:block;font-weight:bold;font-size:1em;margin:.2em 0 0 0;padding:0;color:#8C3732;}
#home div#agenda .titre {font-weight:bold;font-size:1em;margin:0;padding:0;color:#639A27;}
#home div#agenda a.LLS {padding:.1em;font-size:.9em;text-decoration:none;color:#C46F6C;}
#home div#agenda .illustration {float:right;width:40%;margin-left:20px;font-size:.8em;}
#home div#projet {width:236px;margin:10px 0 0 0px;padding-top:40px;float:left;background:url(../images/home-bloc-projet.jpg) no-repeat center top #fff;}
#home div#projet a.tout {display:block;float:left;width:150px;margin:0 0 0 50px;padding:0 0 0 12px;background:url(../images/puce-tout-projet.gif) no-repeat center left transparent;color:#000;text-decoration:none;font-size:.8em;}
#home div#projet a.tout {margin:0 0 0 20px;}
#home div#projet a.rss {display:block;position:relative;top:-25px;left:15px;width:20px;height:20px;overflow:hidden;text-decoration:none;}
#home div#projet a.rss span {visibility:hidden;}
#home div#projet ul,
#home div#projet li {margin:0;padding:0;list-style:none;}
#home div#projet ul {clear:both;background:url(../images/home-bloc-projet.jpg) no-repeat center bottom #fff;}
#home div#projet li {margin:0 3px;padding:0 .5em 0 0;border-bottom:1px solid #fff;}
#home div#projet li.impaire {background-color:#FFD599;}
#home div#projet li.paire {background-color:#FFEBAE;}
#home div#projet li.last {border-width:0;}
#home div#projet .titre {font-weight:normal;float:right;width:64%;font-size:1.2em;margin:0;padding:.5em 0;color:#73665E;}
#home div#projet .titre a {text-decoration:none;color:#73665E;}
#home div#projet .illustration {float:left;width:33%;height:100%;overflow:hidden;background-color:#ddd;}
#home div#services {margin:20px 0 0 0; padding:50px 0 0 0;background:url(../images/home-bloc-services.jpg) no-repeat top center #F0F0F0;}
#home div#contact {margin:0;padding:.2em;background:url(../images/home-service-hruler.gif) repeat-x center bottom transparent;}
#home div#contact a.email {display:block;margin:1em; padding:0 0 0 22px;background:url(../images/icon-courier.gif) no-repeat center left transparent;color:#666972;text-decoration:none;font-size:1em;}
#home div#contact a.email img {border-width:0;}
#home div#services ul,
#home div#services li {margin:0;padding:0;list-style:none;}
#home div#services ul {clear:both;margin:1em;}
#home div#services li {margin: 0; padding:0 0 0 12px;background:url(../images/puce-service.gif) no-repeat top left transparent;}
#home div#services li.impaire {background-color:#FFD599;}
#home div#services li.paire {background-color:#FFEBAE;}
#home div#services li.last {border-width:0;}
#home div#services .titre {font-weight:bold;font-size:.9em;margin:0;padding:.2em 0;color:#4B5C0C;}
#home div#services .titre a {text-decoration:none;color:#4B5C0C;}
#home div#services .illustration {float:left;width:33%;height:100%;overflow:hidden;background-color:#ddd;}
#home div#plan {background:url(../images/home-bloc-plan.jpg) no-repeat top right #C6DE94;}
#home div#plan .titre {margin:0;padding:1em 0 .5em 1em;font-size:1.2em;}
#home div#plan .titre a {display:block;margin:0;padding:0 70px 0 0;text-decoration:none;color:#fff;}
#home div#plan .texte {margin:0;padding:0 1em 1em 1em;font-size:.8em;color:#036502;}
#home div#calendrier {margin:0;padding:.2em;background:url(../images/home-service-hruler.gif) repeat-x center bottom transparent;}
#home div#infos {padding:50px 1em 1em 1em;background:url(../images/home-bloc-info.jpg) no-repeat top right transparent;}
#home div#infos .titre {margin:0;padding:0;font-size:1.5em;font-weight:normal;color:#060}
#home div#infos .titre .surtitre {display:block;font-size:.8em;font-weight:normal;color:#693;}
#home div#infos .illustration {float:left;width:60px;height:75px;margin:0 1em 1em 0;overflow:hidden;background-color:#ddd;}
#home div#infos .texte {font-size:.8em;color:#000;line-height:1.5em;}
#home div#infos .texte a {color:#000;text-decoration:none;}
#home div#infos a.tout {display:block;padding:0 0 0 12px;background:url(../images/puce-tout-projet.gif) no-repeat center left transparent;color:#000;text-decoration:none;}
#home #content h2 {display:none;}
#content-box {
padding-top:38px;
}
#chemin {float:left;width:60%;padding-left:2em;text-align:left;font-size:.8em;}
#chemin a,
#chemin a:visited {text-decoration:none;color:#686868}
#home #menu3 {width:500px;text-align:center;}
#page #menu3 {float:right;width:29%;padding-right:2em;text-align:right;}
#menu3 {font-size:.8em;color:#6b9b37; text-transform:lowercase;}
#menu3 a {text-decoration:none;color:#6b9b37;}
#article-box {width:700px;margin-left:30px;float:left;}
#article-box {_width:700px;_margin-left:10px;}
#article {}
#article-sideinfo {width:auto;max-width:276px;_width:276px;margin:0em 0 1em 25px;float:right;}
#article-sideinfo .illustration img {width:auto;max-width:276px;}
#ensavoirplus h3 {margin:1em 0;padding:0;border-bottom:2px solid #bbb;font-size:1.5em;}
#ensavoirplus h3 span {position:relative;bottom:-.4em;padding-right:.5em;font-weight:normal;color:#900;background-color:#fff;}
#structures .raison-sociale {margin:.5em 0 .2em 0;padding:0;font-size:1.3em;color:#2C670B;}
#structures a {text-decoration:none;color:#686868;}
.block-linked-articles .titre,
.block-linked-documents .titre {margin:.5em 0 .2em 0;padding:0;font-size:1.3em;color:#2C670B;}
ul.liste-documents {margin:1em;padding:0;list-style:none;}
ul.liste-documents li {margin:0;padding:.2em 0;list-style:none;}
ul.liste-documents li.icon a {display:block;padding:.2em 0 .2em 22px; text-decoration:none;color:#00cc00;background-repeat:no-repeat;}
ul.liste-documents li.icon div {padding-left:22px;}
ul.liste-documents li.icon-pdf a {background-image:url(../images/icon-pdf.gif);}
ul.liste-documents li.icon-msword a {background-image:url(../images/icon-msword.gif);}
ul.liste-documents li.icon-excel a {background-image:url(../images/icon-excel.gif);}
ul.liste-documents li.icon-zip a {background-image:url(../images/icon-zip.gif);}
ul.liste-documents li.icon-ppt a {background-image:url(../images/icon-ppt.gif);}
ul.liste-documents li.icon-autre a {background-image:url(../images/icon-autre.gif);}
#acteurs {}
.item-acteur {margin:0 0 1em 0;}
.acteur-image {float:left;width:80px;margin:0 1em 0 0;}
.acteur-nom {margin:.5em 0 .2em 0;padding:0;font-size:1em;font-weight:bold;color:#2C670B;}
#sociaux {text-align:right;margin:.5em 0}
#sociaux img {vertical-align:middle;border:none;}
#sociaux a {text-decoration:none;color:#999;}
#sociaux a:hover {color:#676767;}
.illustration * {font-size:.8em;}
.illustration h4,
.illustration p {margin:0;padding:0;}
.illustration img {margin-bottom:.2em;}
#page .illustration,
#page .video-box {margin-bottom:.8em;}
h1.titre {margin:1em 0 0 0;padding:0;font-size:2.1em;font-weight:bold;color:#96CF66;}
h2.sous-titre {margin:0 0 1em 0;padding:0;font-size:1.4em;font-weight:normal;color:#676767}
p.chapeau {margin:1em 0 0 0;padding:0;font-size:1.1em;font-weight:bold;color:#676767}
.texte {margin-top:1em}
.texte a {color:#00cc00;}
.alire a {color:#00cc00;}
.wrapper {clear:both;}
#alternav-box {float:right;width:220px;font-weight:bold;margin:6em 2em 0 0;}
#nav-box {float:right;width:220px;font-weight:bold;margin:6em 2em 0 0;}
#nav-box a {text-decoration:none;color:#000;}
#nav-box .selected a {color:#6A9C29;}
#nav-box ul,
#nav-box li {margin:0;padding:0;list-style:none;}
#nav-box ul {background-color:#DAFE66;}
#nav-box ul li {padding:1em;}
#nav-box ul li ul {margin-top:1em;padding:1em;background-color:#fff;}
#nav-box ul li ul li {padding:.2em 0;background-color:#fff;}
#nav-box ul.articles {margin:0 0 0 1em !important;padding:.3em !important;}
#nav-box ul.articles a {color:#000}
#nav-box ul.articles .selected a {color:#6A9C29}
#nav-box ul.articles li {margin:.2em 0 !important;}
#accordion ul li ul {max-height:200px; overflow:auto;}
#menu-raccourcis {margin-top:1em ;padding:1em;background-color:#DAFE66;}
#menu-raccourcis li {margin:0 0 0 1em;padding:.5em 1em !important;background-color:#fff;border-bottom:1px solid #ccc;}
#menu-raccourcis li.first {border:solid #ccc; border-width:1px 0}
#menu-raccourcis li a {display:block;color:#693}
#sousrubriques ul,
#sousrubriques ul li {list-style:none;margin:0;padding:0;font-size:1.15em;}
#sousrubriques ul li a {color:#686868;text-decoration:none;}
#page #article .date {display:block;font-weight:normal;font-size:1.3em;margin:.2em 0 0 0;padding:0;color:#8C3732;}
#page #agenda a.rss {display:block;position:relative;top:-30px;left:140px;width:20px;height:20px;overflow:hidden;text-decoration:none;xborder:1px solid red;}
#page #agenda a.rss span {visibility:hidden;}
#page #agenda ul,
#page #agenda ul li {list-style:none;margin:0;padding:0;}
#page #agenda ul li {width:49%}
#page #agenda ul li.impaire {float:left;}
#page #agenda ul li.paire {float:right;}
#page #agenda ul li.wrapper {width:auto;margin-bottom:2em;}
#page #agenda .illustration {float:right;width:40%;margin:0 0 1em 1em}
#page #agenda .date {display:block;margin:0 0 .3em 0; font-weight:bold;font-size:1.2em;text-transform:uppercase;color:#953038;}
#page #agenda .titre {margin:0 0 .1em 0;padding:0;font-weight:bold;line-height:1.5em;font-size:1em;color:#6E9334;}
#page #agenda .chapeau {font-weight:normal;font-size:1em;line-height:1.5em;margin:0 0 .1em 0;padding:0;}
#page #agenda h2 {background:url(../images/page-agenda-titre.jpg) top left no-repeat #fff;margin:1em 0 0 0;padding:0;height:40px;}
#page #agenda h2 span {visibility:hidden;}
#page #agenda a.LLS {padding:.1em;color:#953038;background:#fff;font-size:.9em;text-decoration:none;}
#page #actualite a.rss {display:block;position:relative;top:-30px;left:150px;width:20px;height:20px;overflow:hidden;text-decoration:none;xborder:1px solid red;}
#page #actualite a.rss span {visibility:hidden;}
#page #actualite ul,
#page #actualite ul li {list-style:none;margin:0;padding:0;}
#page #actualite ul li {width:49%}
#page #actualite ul li.impaire {float:left;}
#page #actualite ul li.paire {float:right;}
#page #actualite ul li.wrapper {width:auto;margin-bottom:2em;}
#page #actualite .illustration {float:right;width:40%;margin:0 0 1em 1em}
#page #actualite .date {display:none;margin:0 0 .3em 0; font-weight:bold;font-size:1.2em;text-transform:uppercase;color:#953038;}
#page #actualite .titre {margin:0 0 .1em 0;padding:0;font-weight:bold;line-height:1.5em;font-size:1em;color:#6E9334;}
#page #actualite .chapeau {font-weight:normal;font-size:1em;line-height:1.5em;margin:0 0 .1em 0;padding:0;}
#page #actualite h2 {background:url(../images/page-actualite-titre.jpg) top left no-repeat #fff;margin:1em 0 0 0;padding:0;height:40px;}
#page #actualite h2 span {visibility:hidden;}
#page #actualite a.LLS {padding:.1em;color:#953038;background:#fff;font-size:.9em;text-decoration:none;}
#sitemap {width:700px;margin-left:30px;float:left;}
#sitemap a {text-decoration:none;color:#686868;}
#sitemap ul.level-0 {font-size:1.25em}
#sitemap ul.level-1 {font-size:1.05em}
#sitemap ul.level-2 {font-size:.95em;}
.recherche .pagination {margin-top:1em;text-align:center;border-top:1px solid #ccc;}
#accordion .head {cursor:pointer}
#accordion label {cursor:pointer}
/* Tabs
----------------------------------*/
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
margin: 0;
padding: 0;
list-style: none;
}
.sf-menu {
line-height: 1.0;
z-index:1000
}
.sf-menu ul {
position: absolute;
top: -999em;
width: 10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
width: 100%;
}
.sf-menu li:hover {
visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
float: left;
position: relative;
}
.sf-menu a {
display: block;
position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left: 0;
top: 2.5em; /* match top ul list item height */
z-index: 99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left: 10em; /* match ul width */
top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
left: 10em; /* match ul width */
top: 0;
}
/*** DEMO SKIN ***/
.sf-menu {
float: left;
margin-bottom: 1em;
}
.sf-menu a {
border-left: 1px solid #fff;
/*border-top: 1px solid #CFDEFF;*/
padding: .75em 1em;
text-decoration:none;
}
.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
color: #13a;
}
.sf-menu li {
background: #360;
}
.sf-menu li li {
background: #6A9C29;
}
.sf-menu li li li {
background: #6A9C29;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
background: #360;
outline: 0;
}
.sf-menu li li a {border:0;}
.sf-menu li li {border-top:1px solid #fff;border-left:1px solid #fff;}
/*** arrows **/
.sf-menu a.sf-with-ul {
padding-right: 2.25em;
min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
position: absolute;
display: block;
right: .75em;
top: 1.05em; /* IE6 only */
width: 10px;
height: 10px;
text-indent: -999em;
overflow: hidden;
background: url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator { /* give all except IE6 the correct values */
top: .8em;
background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position: -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position: 0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
background-position: -10px 0; /* arrow hovers for modern browsers*/
}
/*** shadows for all but IE6 ***/
.sf-shadow ul {
background: url('../images/shadow.png') no-repeat bottom right;
padding: 0 8px 9px 0;
-moz-border-radius-bottomleft: 17px;
-moz-border-radius-topright: 17px;
-webkit-border-top-right-radius: 17px;
-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
background: transparent;
}