* {
	margin:0;
	padding:0;
}

.clear { clear: both;}
.clearleft { clear: left; }
.clearright { clear: right; } 

/*  Azbuka - CSS Typographical Base Rendering Library */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,hr{border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;}
body{font:0.8125em/1.618 Arial, sans-serif;background-color:#fff;color:#111;font-size-adjust:none;font-style:normal;font-variant:normal;font-weight:400;}
p{padding:0 0 0.8125em;}
h1,h2,h3,h4,h5,h6{font-family:Georgia, serif;margin-bottom:5px;font-weight:400;}
h1{font-size:1.75em;line-height:1.18;}
h2{font-size:1.6em;line-height:1.19;}
h3{font-size:1.4em;line-height:1.24;}
h4{font-size:1.3em;line-height:1.23;}
h5,h6{font-size:1em;line-height:1.3;font-weight:700;}
ul{list-style-position:outside;}
li ul,li ol{margin:0 1.618em;}
dl dd{margin-left:1.618em;}
caption{text-align:center;font-family:Georgia, serif;}
blockquote{padding-left:1.618em;border-left:3px solid #ccc;font-style:italic;letter-spacing:0.03em;margin:0 0 0.8125em;}
blockquote > p{padding:0;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
pre,code{white-space:pre;margin:1.618em 0;}
pre,code,tt{font:1em monospace;line-height:1.618em;}
tt{display:block;margin:1.618em 0;}
hr{margin-bottom:1.618em;color:#ccc;background-color:#ccc;height:2px;}
abbr,acronym{border-bottom:1px dotted #000;}
address{margin-top:1.618em;font-style:italic;}
del{color:#999; text-decoration: line-through;}
sup{vertical-align:super;}
sub{vertical-align:sub;}
ul,ol,dl{margin:0 0 1.618em;}
dl dt,strong,dfn{font-weight:700;}
tfoot,em,dfn,cite,q{font-style:italic;}

/* Custum */
body { color: #333; text-align: center; padding-bottom: 25px;
background: #9aa url(../images/bg2.gif) bottom left fixed repeat-x; margin:0; padding:0;
}

.right {
	float: right;
	margin-left: 10px;
}

h1	{ color:#c30; letter-spacing: .075em; text-align: center; font-weight:bold;}
h2, h3, h4 { color:#066; font-weight:bold;}
.hide { display: none; }
img { border:none; display: block; }
a img{border:none;}

/* Structure */
#wrap { 
position: relative; 
color: #333; 
background: url(../images/fond.gif) repeat-y; 
margin: 0px auto; padding: 0 8px 0 8px; 
width: 866px;
voice-family: "\"}\""; 
voice-family:inherit;
width: 850px; }
html>#wrap	{ width: 850px; }

#header { border: 0; margin: 0; padding: 0; border-top: 5px solid #566; }

#cadrepage { padding: 0; margin: 0; border: 0; text-align: left; color: #444; clear: both; }

#contenupage { float: left; margin: 0; padding: 15px; background-color: #fff;
width: 650px;
voice-family: "\"}\""; 
voice-family:inherit;
width: 620px; }

html>#contenupage { width: 620px; }
#contenupage ol {margin-left: 20px;}
#contenupage ul li { list-style:none; padding: 0 0 0 12px; background:url("../images/li_vert.gif") no-repeat 0 .7em; }

#sidebar { padding: 2px 10px 10px 0; margin: 0 0 0 660px; color: #666; background: transparent; 
/* compensates for IE Win bungling */ 
height: 100%; }	

#footer { border: 0; border-top: 1px solid #ccc; border-bottom: 5px solid #566; color: #666; background: #eee;
padding: 5px 7px 7px 10px; text-align: center; clear: both; font-size: 1em; }
#footer p { margin: 10px 0; padding: 0; }
#footer p.emails { text-align: center; }

#sidebar p	{ margin: 0; }
#sidebar a { border: none; }

/* Liens */
a:link, a:visited { color:#039; text-decoration:none; border-bottom:1px dotted #069; }
a:hover { color:#c30; border-color:#c30; }

p.back {
	text-align: right;
}
p.back a:link, p.back a:visited { color:#333; background-color: #F1F3F3; text-decoration:none;
padding: 3px; border: 2px dashed #ccc;}
p.back a:hover { background-color: #fff; color:#c30; }

p.break { color:#666; background-color: #F1F3F3; padding: 3px; border: 2px dashed #ccc; text-align: center;}
	
/*  images */
.floaright	{ float: right; padding: 0; margin: 0 0 10px 15px; }
.floaright img { border: solid 1px #000; }
#sidebar p.newsletter, #sidebar p.languefr, #sidebar p.langueen, #sidebar p.print, #sidebar p.contact, #sidebar p.search, p.download, p.homepage, p.alert { padding-left: 23px; }
#sidebar p.newsletter { background: url(../images/email.gif) no-repeat 0px; }
#sidebar p.contact { background: url(../images/users.gif) no-repeat 0px; }
#sidebar p.search { background: url(../images/search.gif) no-repeat 0px; }
#sidebar p.print { background: url(../images/print.gif) no-repeat 0px; }
p.download { background: url(../images/download.gif) no-repeat 0 4px; }
p.homepage { background: url(../images/home.gif) no-repeat 0 4px; }
p.alert { background: url(http://esnie.org/images/alert.gif) no-repeat 0px; }
p.power { padding-left: 30px; margin-top: 6px; margin-bottom: 6px; background: url(../images/power.gif) no-repeat 0px; }
#lettreact { color: #c30; font-weight: bold; }

/* ecoles */
.instit { font-style: italic; color: #777;}
.titre { font-style: italic; font-weight: bold; color: #066; }
.references, .resume { margin-left: 30px; padding-left: 10px; margin-bottom:10px; border-left: 2px solid #066; text-align: justify;}
.notavailabe { font-style: italic; color: #096; }
.date { font-family: Georgia, 'Times New Roman', Times, serif; color: #9aa; font-style: italic; font-weight: bold; font-size: 13px; }
.auth, .auteur { color: #600; font-weight: bold;}
.avertis { background-color: #FFFAE3; border-left: 2px solid #FBE38E; border-right: 2px solid #FBE38E;
font-size: 1.05em; line-height: 20px; margin: 10px 0; padding: 15px;}

.vert{ color: #066; font-weight: bold; }
.red { color: #c30; font-weight: bold; }

/*Boites */
div.box {
	margin: 15px 0px 20px;
}
div.boxnews { border-right: 10px solid #CED7D7; margin-top: 0; padding-right: 5px; }
div.boxtitre {font-size: 1.2em; letter-spacing: .05em;  color: #c30; text-align: center; 
margin-right: 0px; padding: 0.125em 0; border: 1px solid #9aa; border-width: 1px 10px 1px 0;}
div.boxdate {text-align: right; background-color: #fff; margin-right: 0px; padding-right: 5px;
border-right: 10px solid #CED7D7; padding-top: 0.25em; color: #222; font-size: 90%;}

/* menu 1 */
#nav {
	float: left;
	width: 840px;
	margin: 0;
	padding: 0 0 0 10px;
	background-color: #566;
	background-image: url(../images/fondnav.gif);
	height: 30px;
	}

#nav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}
	
#nav a:link, #nav a:visited {
	float: left;
	line-height: 20px;
	font-weight: bold;
	margin: 4px 7px 0 7px;
	padding-bottom: 2px;
	text-decoration: none;
	border: none;
	color: #fff;
	}

#nav a:link.active, #nav a:visited.active, #nav a:hover {
	border-bottom: 4px solid #9c0;
	padding-bottom: 2px;
	color: #fff;
	}
	
/* menu 2 */
#centeredmenu {
   float:left;
   width:100%;
   background:#fff;
   border-bottom:4px solid #007f81;
   overflow:hidden;
   position:relative;
}
#centeredmenu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
#centeredmenu ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
   background: none;
}
#centeredmenu ul li a {
   display:block;
   margin:0 0 0 1px;
   padding:3px 8px;
   background:#ddd;
   color:#000;
   text-decoration:none;
   line-height:1.3em;
   border: none;
}
#centeredmenu ul li a:hover {
   background: #007f81;
   color:#fff;
}
#centeredmenu ul li a.active,
#centeredmenu ul li a.active:hover {
   color:#fff;
   background:#007f81;
}

/* menu 2 */
#navcontainer, .options
{
/* container div set-up */
border: 1px solid #ccc;
background: #fff;
width: 172px;
padding: 10px;
font-size: 12px;
/* Set font-size so theres no default */
line-height: 22px;
/* Set line-height because I think it looks better like this ;^) */
letter-spacing: .075em;
/* Set letter-spacing so text don't jump as much when it turns bold on hover */
voice-family: "\"}\""; 
voice-family:inherit;
width: 150px;	
}

.titresectionmenu {
background-color: #566;
border: 1px solid #566;
color: #fff;
text-align: center;
width: 172px;
margin: 15px 0 0 0; 
padding: 3px 10px;
voice-family: "\"}\""; 
voice-family:inherit;
width: 150px;
}

html>#navcontainer, html>#titremenu { 
	width: 150px; 
}

#navcontainer a:hover
{
font-weight: bold;
letter-spacing: 0;
color: #c30;
/* Set letter-spacing back to 0 so text don't jump as much when it turns to bold on hover (Still jumps some though) */
}

#navcontainer ul
{
list-style-type: none;
padding-left: 0px;
margin: 0px;
}

#navcontainer ul ul
{
padding-left: 15px;
/* offset sub menu */
}

#navcontainer ul li
{
padding-left: 5px;
margin-left: 2px;
/* Set margin-left to set-up the left border */
}

#navcontainer ul li#active, #navcontainer ul li#active2
{
margin-left: 0px;
/* Set margin back half of left-border width (5px) */
}

#navcontainer ul ul li#subactive
{
margin-left: 0px;
/* Set margin back half the 30px padding above */
border-left: 5px solid #9c0;
}

#navcontainer li { border-left: 1px solid #566; }
#navcontainer li#active { border-left: 5px solid #9c0; }
#navcontainer li#active2 { border-left: 5px solid #566; }

#subcurrent
{
font-weight: bold;
letter-spacing: 0;
color: #c30;
}

#subsubcurrent
{
font-weight: bold;
letter-spacing: 0;
color: #c30;
}
#subcurrent2 {
font-weight: bold;
letter-spacing: 0;
}

hr { border: 1px dotted #066;	 }

.cagesetext { font-size: 10px; line-height: 110%; text-align: center; }

.imgright     {float: right;
               margin-left: 0.8em;
               padding-bottom: 0.5em;
               text-align: center;
					}
.imgright p   {margin: 0; padding: 0; font: normal 11px verdana,sans-serif;}
.imgright a {border: none;}
.imgright img {border: 1px solid black;}

.justify {
	text-align: justify;
}

dl.teaser {
	margin: 0 0 10px 10px;
	padding: 0 20px 0 0;
	}

dl.teaser:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: left; 
    visibility: hidden;
    }
dl.teaser dt {
	margin: 0;
	padding: 0;
	}
dl.teaser dt a {
	float: left;
	display: block;
	margin: 2px 5px 0 0;
	padding: 2px;
	border: 2px solid #ddd;
	background: #fff;
	}
dl.teaser dt a img {
	float: left;
	}
dl.teaser dt a:hover {
	padding: 0;
	border: 4px solid #ddd;
	}
dl.teaser dd {
	margin: 0 0 2px 0 !important;
	padding: 0;
	line-height: 1.4em;
	text-align: left;
	}
dl.nodes dd {
	line-height: 1.1em;
	}
dl.nodes dd a {
	font-weight: bold;
	font-size: 14px;
}

/*------------------------------------------------------
							Error / Success / Notice
------------------------------------------------------*/
.notes {background: #f0f0f0;border: 1px solid #b8b8b8;}
.success {background: #ccfcd1;border: 1px solid #60a400;}
.error	 {background: #f9e3e3;	border: 1px solid #e79e9e;}
.notice  {background: #fcf0cc;border: 1px solid #ecc735;}
.notes, .notice, .success, .error 
		 {font-size: 100%;color:#484848;padding:10px;width:auto;margin: 5px 0 10px 0px; text-align:center}
.notes strong, .notice strong, .success strong, .error strong
		 {font-weight: bold; ; color: #AA0000}

/* Tempo */
table.nobel img {
	border: 4px solid #ccc;
}


#membres ul, #membres ul li, #gallery ul, #gallery ul li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}


#membres ul li {
	width: 100px;
	height: 130px;
	float: left; 
	margin-right: 15px;	
	line-height: 0.9em;
	text-align: center;
	font-size: 0.8em;
	padding-bottom: 20px;
}

 #gallery ul li {
	width: 100px;
	height: 100px;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

#membres a, #gallery a, #gallery .pp_pic_holder a {
	text-decoration: none;
	border: none;
}

#membres a:hover, #gallery a:hover {
	color: #999;
	text-decoration: none;
    border: none;
}

#membres ul li:hover {
	color: #999;
}

#membres img, #gallery img {
	margin: 8px 0 0;
}

.open {
	padding-left: 30px;
}

a.fancybox-close {
    border-bottom: none;
}

.fancybox-wrap p {
    text-align: left;
}

.imgdroite {
    float: right;
    margin: 0 0 0 1em;
}