/*
-----------------------------------------------
unat
----------------------------------------------- */

body  { color: #000; font: small Verdana, Sans-serif; background-image: url(images/jaune_10.gif); background-repeat: repeat-y; background-attachment: scroll; background-position: 0 0; margin: 0; padding: 0; voice-family: inherit } html>body {font-size:small;}

/* Column Structure
----------------------------------------------- */

.col-SM .maincol, .col-SMX .maincol {float:right;}

#content, #content-report   { background: #ffbc14 no-repeat; margin-left: 5px }
.maincol  { font-size: 85%; line-height: 1.5em; margin: 0; padding-right: 30px; position: absolute; top: 125px; left: 200px }
.subcol  { font-size: 85%; line-height: 1.5em; background-image: url(images/fongauche_08.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; margin: 0; position: absolute; top: 107px; left: 0; width: 400px; height: 400px }



/* Logo Header
----------------------------------------------- */






/* Main Navigation
----------------------------------------------- */
.blanc { color: #fff; line-height: 0 }
#nav  { font-size: 80%; font-stretch: condensed; margin-left: 200px; position: relative; height: 100% }
#nav div {
  border-left: 1px solid #007280;
  }
#nav a, #nav strong, #nav em {
  float:left;
  display:block;
  padding:2px 6px 7px;
  border-width:0;
  border-style:none;
  border-right: 1px solid #007280;
  text-decoration:none;
  text-transform: none;
  color:#466432;
  voice-family: "\"}\"";
  voice-family:inherit;
  height:1.2em;
} 
  
html>body #nav a, html>body #nav strong, html>body #nav em {height:1.2em;}
#nav strong {
  border-bottom: 5px solid #007280;
  padding-bottom:2px;
  color:#000;
  }
#nav a:hover {
  color:#f00;
  }
/* \ Hack to get IE5/Mac to ignore the following rule */
#nav a:hover {
  border-bottom: 5px solid #007280;
  padding-bottom:2px;
  }
#nav strong a {
  float:none;
  display:inline;
  border-width:0;
  padding:0;
  }
#nav strong a:hover {
  border-bottom-width:0;
  }
#nav em {
  float:none;
  display:block;
  padding-left:0;
  padding-right:0;
  border-right-width:0;
  }
#nav span {display:none;}


/* Home Page
----------------------------------------------- */
#home h1 {
  margin:0;
  padding:0;
  border-width:0;
	  }

#newlist h1 {
	font-size: 120%;
}
#home h1 strong {
  display:block;
  height:60px;
  background:url("/images/new/bit2_whitedark.gif") no-repeat right top;
  }
#home h1 span {display:none;}

#home .ad {
  padding:5px 0 4px;
  border:1px solid #aa7;
  border-width:1px 0;
  }
#home .ad img {
  float:left;
  margin:0 8px 0 0;
  }
#home .ad h2 {font: 170%/1.25em Georgia,Verdana,Sans-serif;}
#home .ad h2, #home .ad h2 a {color:#466432; border-width:0;}
#home .ad h2 a:hover, #home .ad h2 a:hover strong {color:#c00;}
#home .ad h2 strong {
  font-size:100%;
  font-weight:normal;
  color:#333;
  }
#home .ad p {margin:0; color:#333;}

#home #section {
  background:#DFDFBC url("/images/new/bg_homeadlines.gif");
  margin-bottom: 20px;
	position: absolute;
	left: 200px;
	top: 150px;
}
#home #section div {background:url("/images/new/bit_light.gif") no-repeat right top;}
#home #section .subcol p {
  margin:0 0 .5em;
  color:#333;
  }
#home #section p strong {color:#000;}
#home #section .subcol em {font-style:normal;}
#home #section .maincol img {display:block;}

#home ul#subnav {margin:1.5em 0;}
#home ul#subnav br {display:none;}
#home #subnav li {margin:0 0 5px; padding:0; background-image:none;}
#home #subnav a:link, #home #subnav a:visited {
  display:block;
   padding:6px 10px;
  width:300px;
  voice-family: "\"}\"";
  voice-family:inherit;
  width:278px;
	border-bottom-width: 0px;
} html>body#home #subnav a:link, html>body#home #subnav a:visited {width:278px;}
#subnav strong {
  display:block;
  font: 145%/1em Arial,Sans-serif;
  text-transform:lowercase;
  margin-bottom:4px;
  color: #007381;
  /*
  padding-left:14px;
  background-repeat:no-repeat;
  background-position:0px .45em;
  */;
	
	}
#subnav img {
  float: right;
  margin:0 8px 0 0;
  }

#subnav .box1 strong {}
#subnav .box2 strong {}
#subnav .box3 strong {}

#home .box1 a {
  color:#fff;
	background: black;
}
#home .box2 a {
  color:#000;
	background: blue;
}
#home .box3 a {
  color:#000;
  }

#home #subnav a:hover {
  border-color:#ccc;
  color:#333;
  }
#home #subnav a:hover strong {
  color:#c00;
  /* */;
}

#newslist h2 {
  border-bottom:1px dotted #9c3;
  padding-bottom:2px;
  margin-bottom:.25em;
  font: bolder 150%/1.2em Arial, Helvetica, sans-serif;
  color: #33A6A2;
  }
#newslist h3 {
  margin:.5em 0 0;
  color: red;
	font-weight: 800;
	line-height: 1.5em;
	font-family: Verdana,Arial,Sans-serif;
}
#newslist h4 {
  margin:0;
	font-weight: bold;
	font-family: Verdana,Arial,Sans-serif;
}

#newslist li h4 {
  margin:0;
	list-style: inherit url(images/puceverte.gif);
	color: purple;
	font-weight: bold;
	font-family: Verdana,Arial,Sans-serif;
}
#home p {margin:.5em 0;}
#newslist p {margin: 0 0 1em 80px;}

#newslist ul {
	list-style: decimal inherit;
}

#newslist ul li {
}

#newslist li {
	list-style: square;
}

#newslist li h3
	color: red;
;
;
	list-style: circle;
;3 {
	margin-left: -px;
	color: lime;
}
#home ul.more {
  margin:1em 0;
  border-top:1px dotted #ccc;
  padding-top:.5em;
  width:100%;
  }
#home .subcol ul.more {
  height:1.4em;
  margin:0 0 .75em;
  border:none;
  padding-top:0;
  }
#home .maincol ul.more li {
  float:none;
  margin-right:0;
  }
#home ul.more li {
  display:block;
  float:left;
  background-image:none;
  padding:0 0 0;
  margin-left:0;
  margin-right:15px;
  }
/* presentation des fiches
----------------------------------------------- */
#fichdescript { background-color: #f4fff4 }
#fichservice { background-color: #fff5dc }

#photofiche  { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; position: absolute; top: 200px; left: 10px }
#photofiche img { display: block; margin-top: 10px }
.nocolor { background-color: #fff }
/* Section Headers
----------------------------------------------- */
#section {
  position:absolute;
  top:80px; left:0;
  margin:0;
  right:15px; margin-right:-15px; /* IE5/Mac horizontal scrollbar fix */
  width:100%;
  }
#section h4 {
  margin:0;
  background:#9c3 url("/images/new/bit2_whitedark.gif") no-repeat right top;
  }
#section h4 strong {
  display:block;
  background-repeat:no-repeat;
  padding:5px 0;
  height:34px;
  voice-family: "\"}\"";
  voice-family:inherit;
  height:24px;
  } html>body #section h4 strong {height:24px;}
#section h4 a {
  display:block;
  margin-left:30px;
  width:200px;
  height:24px;
  border-width:0;
  border-style:none;
  }
#section h4 span {display:none;}

#team #section h4 strong {background-image:url("/images/new/secimg_team.gif");}
#services #section h4 strong {background-image:url("/images/new/secimg_services.gif");}
#events #section h4 strong {background-image:url("/images/new/secimg_events.gif");}
#publications #section h4 strong {background-image:url("/images/new/secimg_publications.gif");}
#contact #section h4 strong {background-image:url("/images/new/secimg_contact.gif");}
#news #section h4 strong {background-image:url("/images/new/secimg_news.gif");}
#philosophy #section h4 strong {background-image:url("/images/new/secimg_philosophy.gif");}

#team-sub #section h4 strong {background-image:url("/images/new/secimg_sm_team.gif");}
#services-sub #section h4 strong {background-image:url("/images/new/secimg_sm_services.gif");}
#events-sub #section h4 strong {background-image:url("/images/new/secimg_sm_events.gif");}
#publications-sub #section h4 strong {background-image:url("/images/new/secimg_sm_publications.gif");}
#contact-sub #section h4 strong {background-image:url("/images/new/secimg_sm_contact.gif");}
#news-sub #section h4 strong {background-image:url("/images/new/secimg_sm_news.gif");}
#philosophy-sub #section h4 strong {background-image:url("/images/new/secimg_sm_philosophy.gif");}
#section h4 strong#registration {background-image:url("/images/new/secimg_sm_registration.gif");}
#section h4 strong#filenotfound {background-image:url("/images/new/secimg_sm_filenotfound.gif");}

#team #section h4 strong, #services #section h4 strong,
#events #section h4 strong, #publications #section h4 strong,
#contact #section h4 strong, #news #section h4 strong,
#philosophy #section h4 strong, #generic #section h4 strong {
  padding:0;
  height:50px;
  }
#team #section h4 a, #services #section h4 a,
#events #section h4 a, #publications #section h4 a,
#contact #section h4 a, #news #section h4 a,
#philosophy #section h4 a, #generic #section h4 a  {
  display:none;
  }


/* Section Nav
----------------------------------------------- */
#section ul {
  margin:0 0 15px 30px;
  padding:0;
  border-left:1px solid #9c3;
  font-size:85%;
  text-transform:lowercase;
  background:#ce9 url("/images/new/bit_light.gif") no-repeat right top;
  }
#section ul li {
  display:inline;
  margin:0;
  padding:0;
  background-image:none;
  }
#section ul a, #section ul strong, #section ul em {
  float:left;
  display:block;
  padding:5px 6px 2px;
  border-width:0;
  border-style:none;
  border-right:1px solid #9c3;
  text-decoration:none;
  color:#466432;
  white-space:nowrap;
  voice-family: "\"}\"";
  voice-family:inherit;
  height:1.5em;
  } html>body #section ul a, html>body #section ul strong, html>body #section ul em {height:1.5em;}
#section ul strong {
  border-top:5px solid #466432;
  padding-top:0;
  background:#fff;
  color:#000;
  }
#section ul a:hover {
  color:#f00;
  }
/* \ Hack to get IE5/Mac to ignore the following rule */
#section ul a:hover {
  border-top:5px solid #466432;
  padding-top:0;
  }
#section ul strong a {
  float:none;
  display:inline;
  padding:0;
  border-width:0;
  }
#section ul strong a:hover {
  border-top-width:0;
  }
#section ul em {
  float:none;
  display:block;
  border-right-width:0;
  }


/* Links
----------------------------------------------- */
a:link, a:visited {
  color:#03c;
  text-decoration:none;
  border-bottom:1px dotted #69f;
  }
a:visited {
  color:#906;
  border-color:#c6c;
  }
a:hover {
  color:#f00;
  border-color:#c00;
  }
a:link img, a:visited img {border-width:0;}
h2 a:link, h2 a:visited {border-width:0; color:#03c;}
h3 a:link, h3 a:visited {border-width:0; color:#03c;}
h2 a:hover, h3 a:hover {color:#f00; border-bottom-width:1px;}
a.noborder:link, a.noborder:visited {border-width:0;}
a.thumbnail:link, a.thumbnail:visited {border-width:0;}


/* Breadcrumbs
----------------------------------------------- */
#bc {
  visibility:hidden;
  display:block;
  height:35px;
  margin:0 0 3em;
  padding:0;
  }
#team #bc, #services #bc, #events #bc,
#publications #bc, #contact #bc, #news #bc,
#philosophy #bc {
  height:50px;
  }


/* Titles
----------------------------------------------- */
h1   { color: #33a6a2; font: 900 250%/1.2em "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; margin: 0 30px 10px; padding: 0 0 0.1em; border-bottom: 1px dotted #9c3 }

#team h1, #services h1, #events h1,
#publications h1, #contact h1, #news h1,
#philosophy h1 {
  margin-top:0;
  }
h2 {
  margin:0 0 .25em;
  color:#466432;
	font: 170%/1.2em "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
}
h2 strong {
  font-size:78%;
  color:#000;
  }
h3 {
  margin:0 0 .25em;
  color: #007381;
	font: bold 120%/1.3em "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
}
h4 {
  margin:0;
  font-size:100%;
  }


/* Reports
----------------------------------------------- */
/* Commented Backslash Hack hides rule from IE5-Mac, documented at 
   http://www.sam-i-am.com/work/sandbox/css/mac_ie5_hack.html \*/
#report-header div {
  float:left;
  width:460px;
  }
  /* End hack */



/* Forms
----------------------------------------------- */
form {
  margin:0; 
  line-height:1.3em;
  }
form div  { margin: 0; padding: 0 }
input.text {font:120% "Courier New",Courier,Monospace;}
input.button {
  background:#c00;
  color:#fff;
  font:bold 100% Verdana,Sans-serif;
  border:2px solid #f00;
  border-color:#f00 #900 #900 #f00;
  }


#contactform div    { font-family: Arial; padding: 0 }
#contactform   { font-size: 1em; width: 80% }
#contactform ul  { margin: 5px; padding: 0 }
#contactform li { list-style-type: none }
#contactform label {
  display:block;
  padding-bottom:1px;
  }
#contactform input.text {width:200px;}
#contactform input#subject {
  voice-family: "\"}\"";
  voice-family:inherit;
  width:95%;
  } html>body #contactform input#subject {width:95%;}  
#contactform input.text, #contactform textarea {
  background:#eee;
  border:1px solid #999;
  }
#contactform textarea {
  voice-family: "\"}\"";
  voice-family:inherit;
  width:95%;
  height:10em;
  } html>body #contactform textarea {width:95%;}
    
  





    
  
/* Tables
----------------------------------------------- */


/* Lists
----------------------------------------------- */
ul {
}

.navlist { list-style-image: url(images/puceverte.gif); }

.listsimple {
	list-style: disc;
}
.maincol ul {
  margin-left: 30px;
  padding-left:0px;
}

.maincol hr {
	margin-top: 10px;
	margin-bottom: 5px;
}


.maincol ul li {
}
  
  
/* Miscellaneous
----------------------------------------------- */
.hide {display:none;}
p {margin:0 0 1em;}
pre {
  margin:0 0 1em;
  font-size:100%;
  }
pre.codeblock {
  background:#eee;
  border:1px solid #ccc;
  padding:5px;
  }
code {font:110% "Courier New";}

.ar {color:#466432 !important;}
.imageligne { display: block }
.reset {
  display:block;
  clear:both;
  margin:0;
  padding:0;
  height:1px;
  font-size:1px;
  line-height:1px;
  }
.imgleft, .imgleftsm {
  float:left;
  display:block;
  margin:3px 15px 5px 0;
  font:italic 85%/1.4em Verdana,Sans-serif;
  color:#666;
  }
.imgleftsm {margin:3px 8px 3px 0;}
p.imgleft {border-width:0; padding-top:2px; display:inline;}
p.imgleft img {
  display:block;
  margin-bottom:2px;
  border:1px solid #ccc;
  }
p.continue {margin-top:1em; text-align:right;}
.tight {margin-bottom:.1em;}
#id { }