/* Start of CMSMS style sheet 'Esnats' */
* { margin:0; padding:0; }
a { text-decoration: none; }
ul { list-style-type:none; }
img { border:0; }

body {
  font:normal 0.7em/1.3em Tahoma, Arial, Helvetica, sans-serif; color:#444;
  background:#0d115e url(images/esnats/bg_body.jpg) repeat-x;
  text-align:center; padding:10px 0;
}

#global { width:950px; margin:0 auto; text-align:left; }

/* =Haut de page */

#top { width:950px; height:211px; background: url(images/esnats/bg_header.jpg) no-repeat; }
#top h1 #logo { position:absolute; margin:35px 0 0 20px; }
#top #mentions { clear:both; padding:75px 23px 27px 250px; text-align:right; font-size:1em; font-weight:normal; color:#000; }
#top #mentions p { padding-bottom:0; }
#top h1#baseline { clear:both; text-align:center; font-size:1.2em; font-weight:bold; color:#FFF; }

#top ul#tools { float:right; margin-right:19px; padding:1px 0 0 0; display:inline; }
#top #tools li { float:left; background:none; padding-left:0; margin-bottom:0; }
#top #tools li a { float:left; display:block; width:30px; height:35px; text-indent:-9000px; margin-left:5px; }
#top #tools li a#tools_contact { background: url(images/esnats/bg_tools.png) no-repeat 0 0; }
#top #tools li a#tools_sitemap { background: url(images/esnats/bg_tools.png) no-repeat -32px 0; }
#top #tools li a#tools_contact:hover { background: url(images/esnats/bg_tools.png) no-repeat 0 -38px; }
#top #tools li a#tools_sitemap:hover { background: url(images/esnats/bg_tools.png) no-repeat -32px -38px; }


#main { width:910px; padding:0 20px; background: transparent url(images/esnats/bg_main.png) repeat-y; }

/*  ==============================================================
/*  =Navigation
/*  ==============================================================*/

div#menu_vert { float:left; width:245px; margin-left:16px !important; margin-left:8px; }


div#menu_vert ul { font-size:1em; font-weight:bold; padding:15px 0; }
div#menu_vert li { display:block; background:url(images/esnats/bg_nav.png) repeat-x left bottom; padding-left:0; margin-bottom:0;}
div#menu_vert ul a { display:block; color:#13135b; padding:0.8em 0.6em 1em 0.6em; margin-top:-2px; min-height:1em; /* Fixes IE7 whitespace bug */ } 

div#menu_vert a:hover { color:#027ab9; text-decoration:none; }

/* page en cours, 3 cas de figure (style sur les li, pas de a) :
- niveau 1 et 2 : <li class="currentpage">Homepage</li>
- en-tete de section en cours<li class="currentsection"><span class="currentpage">About Esnats</span>
- sous-page en cours, en-tete de section en cours <li class="activeparent"><a class="activeparent" href="...">About Esnats</a>
*/
div#menu_vert ul li.currentpage,
div#menu_vert ul li span.currentpage,
div#menu_vert ul a.activeparent {
display:block; padding:0.8em 0.6em 1em 0.6em; color:#fff; background:#02014f; border-bottom:5px solid #0079ba; margin-top:-2px; }

/* sous menu */
div#menu_vert ul ul { background:#f1f0f6; padding:1px 10px 0 15px; margin-bottom:-2px; }
div#menu_vert ul ul a { font-weight:normal; padding-left:1.3em; padding:0.6em 0.6em 0.8em 1.3em; }
div#menu_vert ul li.activeparent ul, div#menu_vert ul li.currentsection ul { background:#dbe7f3; } /* sous menu en cours */

div#menu_vert ul ul li, div#menu_vert ul ul li.currentpage { border-bottom:1px solid #99c7e1; background:url(images/esnats/fleche_nav.gif) no-repeat left 0.9em; }
div#menu_vert ul ul li.currentpage { padding:0.6em 0.6em 0.8em 1.3em; color:#0178ba; }

/* exception pour le lien partenaires (a des liens enfants mais ne doit pas etre affiche comme tel) */
div#menu_vert ul ul li.activeparent a.activeparent {
border-bottom:0; color:#0178ba; background:#dbe7f3; font-weight:bold; padding:0.6em 0.6em 0.8em 1.3em; background:url(../images/fleche_nav.gif) no-repeat left 0.9em; }


/*#menu_vert ul li.sectionheader span { border-bottom:1px solid #0079ba; display:block; padding:0.8em 0.6em 0.8em 0.6em; }*/

* html #menu_vert li a { height: 1%; } 
* html #menu_vert li hr { height: 1%; }


/*  ===============================================================
/*  =Contenu
/*  ==============================================================*/

#content { margin-left:297px; width:608px; background: #FFF; }

/* general */
a { color:#0178ba; }
a:hover { text-decoration:underline; }
#content p.expand_all { text-align:right; }
#content p.expand_all a { cursor:pointer; }
#content a.expand_link { cursor:pointer;  }

ol { list-style: decimal inside; }
ol li { background:none; padding-left:0; }
li { padding-left:1.1em; margin-bottom:0.5em; background: url(images/esnats/puce.png) no-repeat 0 0.45em; }
ul { padding-bottom:0.5em; }

p   { padding-bottom:0.8em; }
.souligne { text-decoration: underline; }

h2 { font-size:1.55em; line-height:1.25em; letter-spacing:.05em; padding-bottom:1em; font-weight:bold; color:#017fbc; }
h2 a.glossary, h2 a.glossary:visited { color:#017fbc; border-bottom:0; }
h3 { font-size:1.25em; letter-spacing:.08em; padding:0.5em 0 0.6em; font-weight:bold; color:#06057c; }
h3 a.glossary, h3 a.glossary:visited { color:#06057c; border-bottom:0; }
h4 { font-size:1.1em; padding:0.3em 0; font-weight:bold; color:#0178ba; }
h4 a.glossary, h4 a.glossary:visited { color:#0178ba; border-bottom:0; }

.float_gauche { float:left; margin:2px 15px 9px 0; }
.float_droite { float:right; margin:2px 0 9px 15px; }
.image_centre { display:block; margin:0 auto 10px auto; }
.clear_float { clear:both; }

p.expand_collapse_all  { text-align:right; }
a.expand_all { margin-right:0.3em; }
a.collapse_all { margin-left:0.2em; }


/* menu deroulant + next, previous partenaires et ethics */
#navigation_form { text-align:right; height:3.1em; }
#navigation_form select { font:normal 1em Tahoma, Arial, Helvetica, sans-serif; background:#dbe7f3; vertical-align: middle; }
#navigation_form li { display:inline; padding-left:0; margin-bottom:0; background:none;  }
#navigation_form a, #partners_form span { font-size:1.1em; font-family:"Courier New", Courier, monospace; letter-spacing:-0.1em; padding:0.2em 0.5em 0.3em 0.4em; }
form#navigation_form a:hover { text-decoration:none; background-color: #dcedf5; }
#navigation_form span { color:#C1C1C1; }
body.ethics #navigation_form { height:2.8em; }
#navigation_form select .selected { color:#027ab9; }

/* Partenaires */
#partners_list ul { float:left; width:30%; }
#partners_list ul#list2 { margin:0 2em; }
#partners_list ul li a { font-size:1.1em; letter-spacing:.05em; }

body.consortium-partners h2 { padding-bottom:0.7em }
body.consortium-partners h3 { font-size:1.25em; letter-spacing:0; padding-top:0.8em }

/* FAQ */
body.frequently-asked-questions p.expand_collapse_all { margin-top:-1.5em; }
body.frequently-asked-questions h3 { font-size:1.2em; font-weight:normal; letter-spacing:0; }

/* Glossaire */
body.glossary h2 { padding-bottom:0; }
body.glossary p.expand_collapse_all { margin-bottom:-1em; }
body.glossary dt { margin-top:1em; }
body.glossary dt a { font-size:1.2em; padding-left:1em; background: url(images/esnats/puce.png) no-repeat 0 0.4em; }
body.glossary dd { padding:0.5em 0 0.5em 1.2em; }

a.glossary, a.glossary:visited { color:#000; text-decoration:none; cursor:help; border-bottom:1px dotted #000; }
a.glossary:hover { color:#0178ba; text-decoration:none; border-bottom:1px dotted #0178ba; }

/* News & events */
body.news-events h3 { margin-top:0.4em; }

/* Publications */
body.scientific-publications ul li { margin-bottom:0.8em; }

/* Plan du site */
#sitemap li { padding-left:1.1em; margin-bottom:1em; background: url(images/esnats/puce.png) no-repeat 0 0.4em; font-weight:bold; color:#000; }

#sitemap li ul { margin:0.5em 0 0.9em 0.2em; padding-bottom:0; }
#sitemap li ul li { padding-left:0; margin-bottom:0.5em; background: none; }
#sitemap li ul li a { font-weight:normal; }
#sitemap li ul li ul { padding-left:0.8em; }

#sitemap a { color:#000; }
#sitemap a:hover { color:#0178ba; }


/*  ==============================================================
/*  =Pied de page
/*  ==============================================================*/


span#bottom { display:block; width:950px; height:36px; background:transparent url(images/esnats/bg_bottom.png) no-repeat; }
#bottom a.link_top { float:right; margin-right:20px; }

ul#footer { color: #fff; font-size:0.9em; margin-left:90px; margin-bottom:20px; }
#footer li { float:left; margin-left:0.3em; background:none; padding-left:0; margin-bottom:0;}
#footer a { color: #fff; margin: 0 0.3em; }
#footer a:hover { color: #0079ba; text-decoration:none; }


.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }


* html img,
* html .png {
  behavior: expression(
      (this.runtimeStyle.behavior="none") && (this.pngSet ? this.pngSet = true : (
        this.nodeName == "IMG" ? (
          this.src.toLowerCase().indexOf('.png') > -1 ? (
            this.runtimeStyle.backgroundImage = "none",
            this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
            this.src = "images/esnats/transp.gif"
          ) : 0
        ) : (
          this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
          this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
          (this.currentStyle.backgroundRepeat != 'no-repeat') ? (
            this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')"
          ) : 0,
          this.runtimeStyle.backgroundImage = "none"
        ),this.pngSet=true
      )
    )
  );
}
/* End of 'Esnats' */