/* CSS */
/**
  * conventions de couleurs bleu (utilisée) :
  *  - bleu foncé : #1B2473 (texte)
  *  - bleu senti : #9398FC (bg de titres des colonnes latérales, border des blocs)
  *  - bleu clair : #D7DEF2 (bg de texte des colonnes latérales)
  */
/* TEMPLATE GLOBAL */

body {
font-size:12px;
margin:2px 1px 2px 1px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#1B2473;
background-color:#FFF;
behavior: url(css/csshover.htc);
}

p {
margin:0; padding:0;
}

table{
width:100%;
border-style:hidden;
border-width:0;
}

table td{
margin:0; padding:0;
}
	
table th{
background-color: #D7DEF2;	
color: #1B2473
}

table td.form-label {
text-align: right;
padding: 5px;
}

abbr {
cursor: help;
border-bottom: 1px dashed #9398FC}

h1, h2, h3,h4 {
font-weight:bold;
}

tr.pair {
background-color:#D7DEF2;
}

tr.impair{
background-color:#FFF; 
}

input[type="text"]:focus, textarea:focus {
background-color: #FFFFD4;
}

/**  Main page Structure **/

#main {
 margin: 3px 2% auto 3%;
 padding: 3px 0px;
 background-color:#FFF;
}

#logos {
 background-color:#FFF;
 text-align:center;
 margin:0px 0px 4px
}

#logos a {
 text-decoration:none; border:0
}

#logos td {
vertical-align:middle;
padding:1.1em
}

#logos img { border:0 }

.gauche {
vertical-align:top;
width:15%;
min-width:150px;
max-width:200px;
background-color:#FFF;
border-right:2px solid #FFF;
}

#footer {
text-align:center;
font-size:10px;
border-top:1px dashed #EEE}

#footer #powered {
margin: 5px auto 5px auto;
display:inline;
text-align:center
}

#footer #powered img {
border:0;
padding:5px;
vertical-align:middle
}

#powered a { border:0 }

#leftcol {
margin:0; padding:0; border:0
}

#leftcol dt {
background-color:#9398FC;
color:#FFF;
padding: 5px 0;
font-size:1em;
text-align:center;
font-weight:bold;
margin: 5px 0 0
}

#leftcol dd{
	margin:0;
	padding:10px 2px;
	padding-bottom : 10px;
	border-color:#D7DEF2;
	background-color:#D7DEF2;
	text-align:center
}

.certifications {
	font-size:0.8em;
}

.certifications div {
 padding: .1em;
 vertical-align: center;
}

.certifications img {
 margin: 0.2em;
 vertical-align: middle;
}

.honcode {
	padding:6px;
	display:block;
}

#website { 
	padding:2px;
}

a, a:hover {
 text-decoration:none;
 color:#1B2473;
 border-bottom:1px dotted #CCC}

a.link {
	background: transparent url(./img/link.gif) 0px 1px no-repeat; padding: 1px 0px 1px 18px
}

a.email {
	background: transparent url(./img/mail.gif) 0px 1px no-repeat; padding: 1px 0px 1px 18px
}

a.popup {
	background: transparent url(./img/popup.gif) 0px 1px no-repeat; padding: 1px 0px 1px 15px
}

a.wikipedia {
	background: transparent url(./img/wikipedia.png) 0px 1px no-repeat; padding: 1px 0px 1px 12px
}

a.extern {
	background: transparent url(./img/extern.png) 0px 1px no-repeat; padding: 1px 0px 1px 12px
}

a.pdf {
	background: transparent url(./img/pdf.gif) 0px 1px no-repeat; padding: 1px 0px 1px 19px
}

a.pubmed {
	background: transparent url(./img/pubmed.gif) 0px 1px no-repeat; padding: 1px 0px 1px 19px
}

/** Conteneur Principal **/

#container {
vertical-align:top;
padding:10px 18px 10px 13px;
font-family: Verdana;
border:0
}

#container h1, #container h2, #container h3 {	
font-family : Verdana
}

#container h1 {
font-size : 1.8em;
text-align: center;
width: 100%;
padding: 10px
}

#container h2 {
font-size: 1.5em;
text-align: center;
padding: 2px
}

#container h3 {
color: #1B2473;
font-size:1.3em
}

#container h4 {
font-size:1.1em;
margin:5px;
}

#container .text {
font-size: 1em;
padding: 2px 7px 2px 3px;
}

#container p {
padding: 2px;
}

#container ul {
margin: 0.5em auto 5px 1.7em;
padding:0;
}

#container li {
padding-top:0.5em;
padding-left:0.5em;
margin:3px;
clear:left;
}

#container a {
border-bottom:1px dotted #999999;
}

#container a:hover {
border-bottom:1px solid #000080;
}

#container td,#container th {
padding: .3em;
}

/** From http://www.bioneural.net */
#container p.alert { 
	background: #fff6bf url(./img/icon/alert.png) center no-repeat;
	background-position: 7px 50%; /* x-pos y-pos */
	text-align: left;
	padding: .8em 1em .8em 26px;
	border-top: 1px solid #ffd324;
	border-bottom: 1px solid #ffd324;
	font-size:0.9em;
}

#container p.info { 
	background: #f8fafc url(./img/icon/info.png) center no-repeat;
	background-position: 7px 50%;
	text-align: left;
	padding: .8em 1em .8em 26px;
	border-top: 1px solid #b5d4fe;
	border-bottom: 1px solid #b5d4fe;
	font-size:0.9em;
}

#menulng {
font-size:0.8em;
padding:2px;	
}

#menulng img {
vertical-align:middle;
border:0;
margin: 0 3px;
}

#menubarre  td {
border-bottom:1px solid #9398FC ;
}

ul#menutop,ul#menutop li{
list-style-type:none;
margin:0;
padding:0
}

ul#menutop{
display: inline;
}

ul#menutop li{
float:left;
margin-right: 0.2em;
text-align: center;
display:inline;
}

/* IE hack */
*  html ul#menutop li a{
 width: 8.2em;
 overflow: hidden;
 white-space: nowrap;
 height: 1.3em;
}

ul#menutop a {
float:left;
padding: 7px 5px;
background: #D7DEF2;
text-decoration:none;
border:0;
color: #666;
font-size: 0.9em;
}

ul#menutop li.current a {
background-color: #9398FC;
font-size: 1.1em;
font-weight:bold;
color:#FFF;
}

ul#menutop li a:hover{
color:#1B2473;
text-decoration:underline;
}

#search {
font-size:9px;
position:relative;
text-align:right
}

#search form {
padding:0;
display:inline
}
#search img {
vertical-align:middle
}
#search #searchbox {
font-size:9px;
color:#AAA;
border:1px solid #AAA}

/* ----------------------------------- */
/* LEFT MENU B U T T O N S  */
/* ----------------------------------- */

/* Gestion du menu dynamique : Suckerfish Dropdowns - Vertical IE/FF */
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 3px;
	list-style: none;
	width : 149px
}
	
#nav li { /* all list items */
	line-height : 1.25em;
	margin-bottom : -1px;
	width: 149px;
	text-align:left;
	padding:3px;
	background-color:#D7DEF2;
}

#nav li ul { /* second-level lists */
	position : absolute;
	margin-left : 149px;
	left: -999em;
	margin-top : -2.1em;
	border: 1px solid #EEE;
}

/** Holly IE 6 hack \*/
* html #nav li ul {
 	margin-left : 110px;
}

/** IE 7 Hacks : IE sucks */
*+html #nav li ul {
	margin-left:110px;
}

#nav li ul ul { /* third-and-above-level lists */
	left: -999em;
}

#nav li a {
	width: 149px;
	w\idth : 139px;
	display : block;
	text-decoration : none;
	background-color : #D7DEF2;
	padding : 2px 0;
	color:#316AC5;
}

#nav li a:hover {
	color : #1B2473;
	background-color : #D7DEF2;
	text-decoration:underline;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/******************** Cadres ********************/
.cadre {
	text-align:center;
	margin:10px auto;
}

.cd_in {
	padding: 0.8em;
}

.cd_info, .cd_gris {
	margin-bottom: 1em;	
    margin-top: 1.2em;
	/*_position: relative; /* avoid IE peekaboo bug */
	z-index:0;
}

.cd_info {
 background-color:#D7DEF2;
}

.cd_info ul {
 margin: 3px 0px 3px 5px;
}

.cd_info li {
 list-style: none;
 padding: 3px 0px 0px 0px;
 margin: 0px;
}

.cd_gris {
	background-color:#EEE;	
}

.cd_blanc {
	background-color:#FFF;	
}

.cd_orange {
 background-color:#ffdba1;	
}

.cd_info2 { 
 background-color:#d8e4f1;
}

#selectorWrapper {
 background-color: #E8EBF6;
 border: 1px dotted #9398FC;
 margin-bottom: 20px;
 padding: 10px;
}


/* CSS for checklists */
.checklist {
	border: 1px solid #ccc;
	list-style: none;
	height: 10em;
	overflow: auto;
	width: 20em;
}
.checklist, .checklist li { margin: 0; padding: 0; }
.checklist label { display: block; padding: 0 0.2em 0 25px; text-indent: -25px; }
.checklist label:hover, .checklist label.hover { background: #777; color: #fff; }
* html .checklist label { height: 1%; }
.checklist li.checked { background-color: #DDD;}

form select {
border: 0;
color:#333333;
}

option {
padding: .1em;
}

.button {
background-color:#D7DEF2;
font-size:10px;
border:1px solid #9398FC;
padding:3px 5px;
}

input {
font-size:11px;
border: 1px solid #DDD;
}

label {
cursor: pointer;
}

/*** Listes */
.ul1 {
	list-style:none;
}

.ul1 li {
	padding: 10px 5px 5px 5px;
}

/* ul2 : liste sans puce un peu plus serrée */
.ul2 {
	margin:0;
	list-style:none;
}

.ul2 li {
	padding: 3px;
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}


#facebox .popup{
  position:relative;
  border:3px solid rgba(0,0,0,0);
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow:0 0 18px rgba(0,0,0,0.4);
  -moz-box-shadow:0 0 18px rgba(0,0,0,0.4);
  box-shadow:0 0 18px rgba(0,0,0,0.4);
}

#facebox .content {
  display:table;
  width: 370px;
  padding: 20px 10px 10px 10px;
  background: #fff;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}

#facebox .content > p:first-child{
  margin-top:0;
}
#facebox .content > p:last-child{
  margin-bottom:0;
}

#facebox .close{
  position:absolute;
  top:5px;
  right:15px;
  padding:2px;
  padding-right: 5px;
  background:#fff;
}

#facebox .close img{
  opacity:0.3;
  margin-left: 3px;
}
#facebox .close:hover img{
  opacity:1.0;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

#facebox .title {
 padding: .2em;
}


.icon {
border:0;
margin:3px;
vertical-align:middle
}

.pdfviewer {
position: absolute;
top: 150px;
width: 700px;
background-color: #FEFEFE;
height: 600px;
border: 4px solid #9398FC;
}

#facebox .largewidth {
 width: 770px;
 height: 550px;
 max-height: 550px;
 overflow: auto;
 display: block;
}

.offre {
 color: red;
 
}

.offre:after {
 color: red;
 content: "*"
}

#animations td {
 padding: .8em;
}

#animations li {
 list-style-type: none;
 padding: .5em;
}

/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}

#tips {
 display: none;
}

/* 
* tinytips
*/

.tinytip .content { width: 350px; padding: 5px; border: 5px solid #e2e2e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #ffffff; color: #020202;}

.lightTip { font-size: .9em }
.lightTip .content {  }
.lightTip .bottom   { height: 14px; background: url(img/tips/notch-white.png) top center no-repeat;}

.lightTip p {
 text-align: justify;
 margin-top: .8em;
}

*  html .tinytip {
position: absolute;
}