/* CSS Document */

/* Global */
body {background-color:#18489a; margin:0; padding:0;}
.table_generale {width:1200px;}
a {text-decoration:none; color:#646464;}
a:hover {text-decoration:none; color:#fd2530;}
a.spip_url { }
a.spip_in { }
a.spip_out { }
a.spip_glossaire { }
a.spip_result {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
}
a.spip_result:hover {
	color: #fd2530;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:underline;
}
a.spip_result:visited {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* Webdesign */
.header {width:1004px; height:131px; background-image:url(../Images/global/banner_top_new.jpg); background-repeat:no-repeat;}
.nav {width:1004px; height:15px; background-image:url(../Images/nav/01_nav.gif);}
.nav1 {height:15px; background-image:url(../Images/nav/01_nav.gif);}
.nav2 {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.nav3 {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #330099;
}
.sous_nav {width:1004px; height:28px; background-image:url(../Images/nav/02_sous_nav.gif);}
.header_popup {width:575px; height:60px; background-image:url(../Images/global/banner_top_popup.jpg);}



/*Lien image*/
.lien_image a:hover{text-decoration:none; color:#FFFFFF;}
.lien_image a{text-decoration:none; color:#FFFFFF;}

/* Txt */
.txt_nav {color:#646464; font:10px Arial, Helvetica, sans-serif; float:left;}
.txt_nav1 {color:#FFFFFF; font:9px Arial, Helvetica, sans-serif; float:left;}
.txt_nav2 {color:#FFFFFF; font:9px Arial, Helvetica, sans-serif; float:center;}
.txt_nav:hover {color:#fd2530; font:10px Arial, Helvetica, sans-serif; float:left;}
.txt_sous_nav {color:#646464; font:10px Arial, Helvetica, sans-serif; margin-top:13px; float:left; text-transform: uppercase;}
.txt_sous_nav:hover {color:#fd2530; font:10px Arial, Helvetica, sans-serif; margin-top:13px; float:left; text-transform: uppercase;}
.txt_footer {color:#646464; font:10px Verdana, Arial, Helvetica, sans-serif;}
.txt_footer_nav {color:#646464; font:10px Verdana, Arial, Helvetica, sans-serif; text-decoration:none;}
.txt_footer_nav:hover {color:#646464 font:10px Verdana, Arial, Helvetica, sans-serif; text-decoration:underline;}
.txt_nav_sous_lvl {color:#000000; font:12px Arial, Helvetica, sans-serif;}
.txt_nav_sous_lvl:hover {color:#fd2530; font:12px Arial, Helvetica, sans-serif;}
.txt_intranet {color:#494949; font: 12px Arial, Helvetica, sans-serif;}
.txt_intranet:hover {color:#fd2530; font: 12px Arial, Helvetica, sans-serif;}
.txt_breves {color:#646464; font:12px Arial, Helvetica, sans-serif;}
.txt_breves:hover {color:#fd2530; font:12px Arial, Helvetica, sans-serif;}

.txt_cadre_01 {
color:#646464; font: 12px Verdana, Arial, Helvetica, sans-serif; margin-left:10px;
margin-right:0px; margin-top:10px; margin-bottom:0px; height:110px; overflow: auto;
}

.txt_cadre_02 {
color:#646464; font: 12px Verdana, Arial, Helvetica, sans-serif;
margin-left:10px; margin-right:10px; margin-top:5px; margin-bottom:10px; height:150px; overflow: auto;
}
.txt_cadre_02 a:hover{text-decoration:none; color:#FFFFFF;}
.txt_cadre_02 a{text-decoration:none; color:#FFFFFF;}

.txt_cadre_03 {
color:#646464; font: 12px Verdana, Arial, Helvetica, sans-serif;
margin-left:10px; margin-right:10px; margin-top:5px; margin-bottom:10px; height:321px; overflow: auto;
}

.txt_cadre_04 {
color:#646464; font: 12px Verdana, Arial, Helvetica, sans-serif; margin-left:10px;
margin-right:0px; margin-top:10px; margin-bottom:0px; overflow: auto; /*height:318px;*/
}

.txt_cadre_05 {
color:#646464; font: 12px Verdana, Arial, Helvetica, sans-serif; margin-left:10px;
margin-right:0px; margin-top:10px; margin-bottom:0px; height:130px; overflow: auto;
}

.txt_cadre_06 {
color:#646464; font: 12px Verdana, Arial, Helvetica, sans-serif; margin-left:10px;
margin-right:0px; margin-top:0px; margin-bottom:0px; height:220px; overflow: auto;
}

/* Titre */
.titre_cadre_00 {
	color:#FFFFFF;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	margin-left:10px;
	left: auto;
}

.titre_cadre_01 {
	color:#fd2733;
	font: bold 15px Verdana, Arial, Helvetica, sans-serif;
	margin-left:100px;
	left: auto;
}
.titre_cadre_02 {
	color:#fd2733;
	font: bold 15px Verdana, Arial, Helvetica, sans-serif;
	margin-left:20px;
}
.titre_cadre_03 {
	color:#fd2733;
	font: bold 15px Verdana, Arial, Helvetica, sans-serif;
	left: auto;
}
.titre_cadre_04 {
	color:#000000;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	margin-left:10px;
	left: auto;
}
.titre_cadre_05 {
	color:#fd2733;
	font: bold 15px Verdana, Arial, Helvetica, sans-serif;
	margin-left:50px;
}

/* Compatibilite */
.titre_cadre_06 {
	background-color:#B0C4DE;/*lightsteelblue*/
	color:#FFFFFF;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	margin-left:10px;
	left: auto;
	border: solid 1px #B0C4DE;/*lightsteelblue*/
}
.tbl_comp{
	border: solid 1px #330099;
	border-collapse:collapse;
}
.td_comp{
	border: solid 1px #330099;
	background-color:#FFFACD;/*lemonchiffon*/
	padding: 3px;
	text-align: center;
}
.td_comp1{
	border: solid 1px #330099;
	background-color:#330099;/*blue*/
}
.tbl_comp_old{
	border: solid 1px #B0C4DE;/*lightsteelblue*/
	border-collapse:collapse;
	background-color:#FFFACD;/*lemonchiffon*/
}
.td_comp_old{
	border: solid 1px #B0C4DE;
}

/* Sep & Spacer */
.sep_nav {float:left; margin-left:12px; margin-right:12px;}
.spacer_nav {float:left; width:5px; font:12px Arial, Helvetica, sans-serif;}
.spacer_sous_nav {font:10px Arial, Helvetica, sans-serif; width:35px; margin-top:13px; float:left;}
.spacer_marge_gauche {float:left; width:20px;}

/* Cadres */
.cadre_tous_corps {width:1px; background-color:#00a0de;}
.cadre_tous_coins_bas {width:1px; height:1px; background-color:#00a0de;}
.cadre_tous_milieu_bas {height:1px; background-color:#00a0de;}
.cadre_tous_coins_haut {width:1px; height:25px; background-image:url(../Images/cadres/corners_blue2.gif);}

.cadre_01_moyen_milieu_haut {height:25px; background-image:url(../Images/cadres/top_medium.gif);}
.cadre_02_petit_milieu_haut {height:25px; background-image:url(../Images/cadres/top_small_blue2.gif);}
.cadre_02_petit_milieu_haut_video {height:25px; background-image:url(../Images/cadres/top_small_full.gif);}
.cadre_02_petit_milieu_haut_vous {height:25px; background-image:url(../Images/cadres/top_small_test.gif);}
.cadre_03_moyen_milieu_haut {height:25px; background-image:url(../Images/cadres/top_calendrier.gif);}

.cadre_01_moyen_milieu_haut_bis_bis {height:25px; background-image:url(../Images/cadres/top_medium3_blue2.gif);}
.cadre_01_moyen_petit_haut {height:25px; background-image:url(../Images/cadres/top_small_blue_popup.gif);}

/*Pour le  site de Rsultats*/
.tableau {
	color:#666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	left: auto;
}
.tableau_bibliotheque {
	color:#666666;
	font: 8px Verdana, Arial, Helvetica, sans-serif;
	left: auto;
}
.resulat {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12;
	color: #666666;
}
.remplacant {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12;
	color: #666666;
	background-color: #FFCCFF;
}
.equipe {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12;
	color: #666666;
	font-weight: bold;
	background-color: #FFFFCC;
}
.equipier {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-color: #FFFFFF;
	font-style: italic;
	color: #666666;
}
.classement {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 12;
	font-weight: bold;
	background-color: #FFFFCC;
	color: #0000FF;
}
.cdf {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 12;
	font-weight: bold;
	background-color: #FFFFCC;
	color: #0000FF;
}
.style3 {
	font-size: 24px;
	color: #FFFFFF;
}
.surface
{
	font-family:Arial,serif;
	font-size:16px;
	font-weight:bold;
	padding:2px;
	color:#737BDD;
	background-color:#FFCC88;
	margin-bottom:5px;
	border-radius:10px 10px 10px 10px;
}

 /* FireFox et IE */
#fieldset01                   {position:relative; left:100px; top:100px; width:100px; height:0px; z-index:2;}
#fieldset02                   {position:relative; left:100px; top:100px; width:100px; height:0; z-index:1;}
/* Les memes, pour IE only */
* #fieldset01        {position:relative; left:-10px; top:-10px; width:130px; height:0px; z-index:2;}
* #fieldset02        {position:relative; left:0px; top:-57px; width:100%; height:0; z-index:1;}

/*Pour le plan du site*/
ul#plan {
  font: bold 16px Verdana, Arial, Helvetica, sans-serif;
  }

ul#plan2{
  font: 12px Verdana, Arial, Helvetica, sans-serif;;
}
/*Pour le menu droulant*/
ul#menulist li ul{ display:none; }

ul#menulist li:hover>ul{ display:block; }

ul#menulist {
  font-family: Arial, Helvetica, sans-serif;
  color: #0F4D2A;
  font-size: 10px;
  line-height: 7pt;
  position: static;
  left: 10px;
  margin: 15px;
}

ul#menulist, ul#menulist ul {
  list-style:none;
  /*list-style-image: url(../puce.gif);*/
  margin:0;
  padding:0;
  width:20em;
  border: 1px solid;
  /* border-top-color: #BABABA;
   border-left-color: #BABABA;
   border-bottom-color: #67B289;
   border-right-color: #67B289;
  background-color: #A7E6C4;
  */
   border-top-color: #00a0de;
   border-left-color: #00a0de;
   border-bottom-color: #00a0de;
   border-right-color: #00a0de;
   background-color: #DDDDDD;
   /*FF99CC  DB7093  dda0dd*/
}

ul#menulist ul{
  position:absolute;
  top:-1px;
  left:20em;
}

ul#menulist li{
  position:relative;
  margin:0px;
  padding:0px;
  _display:inline;
}

ul#menulist a{
  display:block;
  width:100%;
  text-decoration: none;
  text-indent: 1em;
  width: 20em;
  padding: 5px 0;
}

/*
ul#menulist li:hover, ul#menulist li a:hover {
  color: #FFFFFF;
  background-color: #67B289;
}
*/

#menulist li:hover, ul#menulist li a:hover {
color:#fd2530; 
/*font:12px Arial, Helvetica, sans-serif;
background-color: #67B289;*/
}


ul#menulist li.smenu>a {
  font-style: normal;
}

ul#menulist a {
  /*color: #0F4D2A;*/
  color:#OOOOOO;
  text-decoration: none;
}





#arriere {
/*position: absolute;	 dimension et positionnement du bloc conteneur  de l'image 
left: 10em;
top: 5em;*/
height :15px;	
width : 1004px;
}
#arriere img {
/* l'image occupe toute la place de son bloc conteneur */
width : 100%;
height: 100%;
}
#arriere p {	
/*position: absolute;	 placement du texte par-dessus l'image
top: 1em;
left: 1em;
font-size: 1.5em;*/
color: gray;
}




dl, dt, dd{
margin: 0;
padding: 0;
list-style-type: none;
}


#menu {
position: absolute; /*placement du menu,  modifier selon vos besoins */
/*top: 8em;
left: 25em;*/
}
/*
#menu {
width: 8em;
}*/
/*
#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #ccc;
}*/
#menu dd {
border: 1px solid gray;
}

#menu li {
text-align: left;
/*background: #00000;*/
}
/*
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}*/
*/
#menu li a:hover, #menu dt a:hover {
/*background: #eee;*/
color:#fd2530; 
}

/*
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}


#menu {
position: absolute;  placement du menu,  modifier selon vos besoins 
float:left;
z-index:100;
width: 100%;   correction pour Opera 
height:50px ;
margin-bottom:0px;
top:19px !important;
top:21px;
margin-left: 204px;
padding: 0 ;
list-style-type: none ;
}

#menu dl {  menu entier
float:left;
margin-right:-2px;
margin-left:0px !important;
margin-left:-1px;
padding-right:0px;
padding-left:0px;
}

#menu dl:hover dd
{
display:none;
}

#menu dt {
float:left;
cursor: pointer;
text-align: center;
font-weight: bold;
margin: 1px;
height:50px ;
border-right: 1px solid #FFFFFF; 	
line-height: 15px;			
}

#menu dt a {
float: left;
color: #FFFFFF ;
background:#679E4F url(../rep_pics/biospip/coinblanc.jpg) no-repeat bottom right;
height:100%;
text-align: center ;
}


#menu dt a:hover, #menu dt a:focus {
float:left;
color: #4A7139;
background:#BBDDAC;
display:block;
height:100%;
z-index:1;
}

div#menu dt a:hover td, div#menu dt a:focus td
{
float : left;
color: #4A7139;
background:#BBDDAC;
}/*.unnamed1 {
	position: absolute;
	visibility: hidden;
	z-index: auto;
}
.lire {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: oblique;
	color: #0000CC;
}
