html, body { font-family:Arial, Helvetica, sans-serif; color:#484848; font-size:14px; font-weight:normal; margin:0px; padding:0px; background-image:url(altern_images/body.gif); background-repeat:repeat-x; background-color:#FFFFFF }
a {color:#484848;}
div#conteneur { position:relative; margin:0 auto; width:1040px; background-image:url(altern_images/ombre-contenu.gif); background-repeat:no-repeat; z-index:0 }

input.newsletter { font-size: 10px; }


/* ================================================= */
/*                 HAUT DE PAGE                      */
/* ================================================= */

/* ========== PROPRIETES DU CADRE GENERAL ========== */
div#top       { position:relative; z-index:2; margin-left:19px; width:1000px;  background-image:url(altern_images/top.gif); background-repeat:no-repeat; background-position:top center }

/* Logo Biopole */
div#CadreLogo { position:absolute; z-index:200 }
.noBorder { border:0px }

/* Slection langues */
div#top2             { width:1000px; height:135px }
div#CadreLangue      { float:right; margin:0px 10px 0px 0px }

span#langue          { padding:0px 3px 0px 3px; font-size:10px }
span#langue a        { color:#c3c3c3; text-decoration:none }

span#langue_select   { background-color:#c3c3c3; padding:0px 3px 0px 3px; font-size:10px }
span#langue_select a { color:#FFFFFF; text-decoration:none }


/* ========== MENU RACINE ========== */
div#CadreMenu { position:relative; z-index:3; width:300px }

ul#RootMenu   { list-style-type:none; margin:0px; padding:50px 0px 0px 0px; text-align:right }

li.menu_rubrique   { display:block; line-height:21px !important; height:21px; font-size:15px; background-image:url(altern_images/puce_rootmenu.gif); background-position:80% 12px; background-repeat:no-repeat }
li.menu_rubrique a { display:block; line-height:21px !important; height:21px; font-size:15px; padding-right:80px; color:#FFFFFF; text-decoration:none }

li.menu_rubrique_select   { display:block; line-height:21px !important; font-size:15px; height:21px; background-color:#9c2f43 }
li.menu_rubrique_select a { display:block; line-height:21px !important; font-size:15px; height:21px; background-image:url(altern_images/puce_rootmenu_select.gif); background-position:80% 12px; background-repeat:no-repeat; background-color:#9c2f43; padding-right:80px; color:#FFFFFF; text-decoration:none }

li.menu_rubrique a:hover, li.menu_rubrique_select a:hover { display:block; line-height:21px !important; height:21px; background-image:url(altern_images/puce_rootmenu_select.gif); background-position:80% 12px; background-repeat:no-repeat; background-color:#9c2f43; padding-right:80px; color:#FFFFFF; text-decoration:none;  }

/* ========== BANDEAU AVEC LES IMAGES ========== */
div#imageBandeau { position:absolute; width:640px; height:230px; top:137px; left:250px; z-index:4 }
div#imageBandeau img { position:absolute; }


/* ================================================= */
/*                CORPS DE PAGE                      */
/* ================================================= */

/* ========== PROPRIETES DU CADRE GENERAL ========== */
div#CadreCorps { width:1036px }

/* ========== COLONNE DE GAUCHE ========== */
div#left { float:left; width:300px }

div#left h2 { font-size:16px; color:#b6b6b6; background-image:url(altern_images/puce_h2.gif); background-position:80% 7px; background-repeat:no-repeat }

div.boite   { width:100%; text-align:center; margin:20px 0px 20px 0px }

/* Sous menu */
ul#SousMenu         { list-style-type:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px  }
ul#SousMenu li      { display:block; line-height:30px; font-size:16px; text-align:right; width:250px; padding:0px 15px 0px 0px; background-image:url(altern_images/puce_ssmenu.gif); background-position:right center; background-repeat:no-repeat }
ul#SousMenu a       { text-decoration:none; color:#484848 }
ul#SousMenu a:hover { text-decoration:underline; color:#484848 }
/*ul#SousMenu a.active { color:#484848 }*/


/* Menu Annuaire */
ul#annuaireList li      { list-style-type:none; display:block; font-weight: bold; font-size:14px; text-align:left; width:250px; padding-top: 10px;; }

a.annuaireList { text-decoration:none; color:#484848; display: block; text-align: left; font-size: 11px;  padding: 2px; }
a.annuaireActive { text-decoration:none; color:#FFF; display: block; text-align: left; font-size: 11px;  padding: 2px;  background-color: #CC556A; color: #FFF;}
a.annuaireList:hover,a.annuaireActive:hover { background-color: #9C2F43; color: #FFF; }

a.active { font-weight: bold; color: #000 }

/* Logos partenaires */
table#cadre_logo_partenaires { width:100px; margin-left:100px }
table#cadre_logo_partenaires td { text-align:center }
td#logo_cap a       { display:block; width:89px; height:53px; background-image:url(altern_images/logo_cap.gif); background-position:center; background-repeat:no-repeat }
td#logo_cap a:hover { display:block; width:89px; height:53px; background-image:url(altern_images/logo_cap_over.gif); background-position:center; background-repeat:no-repeat }

td#logo_univ-poitiers a       { display:block; width:89px; height:53px; background-image:url(altern_images/logo_univ-poitiers.gif); background-position:center; background-repeat:no-repeat }
td#logo_univ-poitiers a:hover { display:block; width:89px; height:53px; background-image:url(altern_images/logo_univ-poitiers_over.gif); background-position:center; background-repeat:no-repeat }

td#logo_chu a       { display:block; width:89px; height:53px; background-image:url(altern_images/logo_chu-poitiers.gif); background-position:center; background-repeat:no-repeat }
td#logo_chu a:hover { display:block; width:89px; height:53px; background-image:url(altern_images/logo_chu-poitiers_over.gif); background-position:center; background-repeat:no-repeat }

td#logo_region a       { display:block; width:89px; height:53px; background-image:url(altern_images/logo_poitou-charentes.gif); background-position:center; background-repeat:no-repeat }
td#logo_region a:hover { display:block; width:89px; height:53px; background-image:url(altern_images/logo_poitou-charentes_over.gif); background-position:center; background-repeat:no-repeat }

td#logo_mendes-france a       { display:block; width:89px; height:53px; background-image:url(altern_images/logo_espace-mendes-france.gif); background-position:center; background-repeat:no-repeat }
td#logo_mendes-france a:hover { display:block; width:89px; height:53px; background-image:url(altern_images/logo_espace-mendes-france_over.gif); background-position:center; background-repeat:no-repeat }

td#logo_cg86 a       { display:block; width:89px; height:53px; background-image:url(altern_images/logo_cg86.gif); background-position:center; background-repeat:no-repeat }
td#logo_cg86 a:hover { display:block; width:89px; height:53px; background-image:url(altern_images/logo_cg86_over.gif); background-position:center; background-repeat:no-repeat }

td#logo_inra a       { display:block; width:89px; height:53px; background-image:url(altern_images/logo_inra.gif); background-position:center; background-repeat:no-repeat }
td#logo_inra a:hover { display:block; width:89px; height:53px; background-image:url(altern_images/logo_inra_over.gif); background-position:center; background-repeat:no-repeat }

td#logo_inserm a       { display:block; width:89px; height:53px; background-image:url(altern_images/logo_inserm.gif); background-position:center; background-repeat:no-repeat }
td#logo_inserm a:hover { display:block; width:89px; height:53px; background-image:url(altern_images/logo_inserm_over.gif); background-position:center; background-repeat:no-repeat }

td#logo_cnrs a       { display:block; width:89px; height:53px; background-image:url(altern_images/logo_cnrs.gif); background-position:center; background-repeat:no-repeat }
td#logo_cnrs a:hover { display:block; width:89px; height:53px; background-image:url(altern_images/logo_cnrs_over.gif); background-position:center; background-repeat:no-repeat }


/* ========== CONTENU DE LA PAGE ========== */
div#contenu { margin-left:320px; min-height:450px !important; width:600px; padding-right:100px; padding-bottom:30px }

div#contenu p  { text-align:justify; font-size:14px }
div#contenu h3 { font-size:13px; font-weight:bold; color:#000000; padding:0px; margin:0px 0px 0px 0px }

div#CadreTitre { padding:20px 0px 50px 290px; margin:0px 0px 0px 0px; width:710px; background-image:url(altern_images/ombre_page.gif); background-position:200px bottom; background-repeat:no-repeat }
div.entete     { color:#b6b6b6; font-size:16px; margin-left:11px }
h1.titrePage, h1#titre_entreprise { font-size:36px; margin:0px 0px 0px 11px; padding:0px; font-weight:normal }


table.archives td {width: 50%; vertical-align: top}
table.archives a {text-decoration: none; font-size:12px; color:#484848; padding: 2px 5px; display: block; }
table.archives a:hover {text-decoration: underline; }
/* ================================================= */
/*                PAGE D'ACCUEIL                     */
/* ================================================= */
div.CadreNews      { margin:0px; margin-bottom:40px !important; margin-bottom:30px; clear:right }
div.CadreTitreNews {  }
div.enteteNews     { color:#b6b6b6; font-size:16px }
h1.titre_news      { font-size:36px; margin:0px 0px 0px 0px; font-weight:normal }

/*div.CadreUne      { margin:0px; height:150px; margin-bottom:40px !important; margin-bottom:30px }*/
div.CadreUne      { margin:0px; margin-bottom:40px !important; margin-bottom:30px }
div.contenu_une   { padding:0px }
div.contenu_une p { width:550px; font-size:14px; text-align:justify; padding-top:5px }
div.lienArchives  { text-align: right }
div#imageUne, img.imageUne  { float:right; margin-left:10px }



div.contenu_news   { padding:20px 0px 0px 0px; background-image:url(altern_images/ombre_news.gif); background-position:left top; background-repeat:no-repeat }
div.contenu_news p { width:350px; text-align:justify }

ul.listNews        { list-style-type:none; padding:0px; margin:0px }
ul.listNews li     { margin:3px }
span.date_news     { color:#b6b6b6; font-size:14px }
span.lienList      { color:#484848; font-size:14px; font-weight:bold }
span.texteActu 		{ font-size: 13px; text-align: justify; padding: 15px ; }
ul.listNews a       { text-decoration:none; color:#484848; font-weight:bold; padding: 3px;  }
ul.listNews a:hover { text-decoration:underline; color:#484848; font-weight:bold }


/* ================================================= */
/*                FICHE ENTREPRISE                   */
/* ================================================= */

span#retour_annuaire   { display:block; width:600px; text-align:right; color:#484848; font-size:12px }
span#retour_annuaire a { text-decoration:none; color:#484848 }

h1#titre_entreprise   { font-size:30px; font-weight:normal; color:#484848 }

/* Cartouche Infos */
div#CadreInfos  { position:absolute }
div#Infos       { position:absolute; left:0px; width:280px }
div#logo        { margin-left:300px ; }

div.blocInfos   { background-color:#ededed; padding:5px; margin:0px 0px 10px 0px }

ul.listInfos    { list-style-type:none; margin:0px; padding:0px }
ul.listInfos li, div#Infos p { font-size:13px; color:#484848; margin:0px; padding:0px }

/* Contenu textuel de la fiche */
div#contenu_fiche { margin-top:230px }

/* Google Map */
div#map { margin:10px 0px 10px 0px ; height: 500px; border: 1px solid black; }


/* ================================================= */
/*                PIED DE PAGE                       */
/* ================================================= */
div#listlogo {  position:relative; clear:both; margin:0 auto; width:930px; z-index:0 ; }
div#pied  { position:relative; clear:both; margin:0 auto; border-top:1px solid #484848; height:100px; width:930px; z-index:0 }

div#mentions-legales { padding:10px 0px 10px 0px; margin:0px 0px 0px 0px; text-align:right }
ul#ours              { list-style-type:none; padding:0px; margin:0px }
ul#ours li           { display:inline; margin:0px; padding:0px; font-size:10px; color:#606060 }
ul#ours a            { text-decoration:none; color:#606060 }
ul#ours a:hover      { text-decoration:underline; color:#606060 }


.noscreen {display: none; }
@media print { .noprint{ display: none;} .noscreen {display: block; font-size: 9px; text-align:right;} }