html,body {margin:0;padding:0;background-color:#FDFDFD;color:#000;height:100%;
           font-family:arial,verdana,helvetica,sans-serif;}

#container {margin:10px;padding:0;background-color:#FDFDFD;
background-repeat:repeat-y;
}

#header {background-image:url('/GDR3070test/media/img/gdr/b2small.jpg'); 
padding:0px;margin:0; text-align:left;height:110px;}

#header img { position:relative;top:10px;left:10px;}

#header h1 {color:orange; position:absolute;top:40px;left:30px;
font-size:40px;font-family:arial,verdana,helvetica,sans-serif;padding:0;margin:0;margin-right:1em; 
text-shadow: 1em 0 1em;
}

#header a {text-decoration:none;}

#header a img {position:absolute; top:11;left:10; margin:0px; border:0px solid red; height:110px;}

#header a:hover {color:white;}


#header .connexion {position : absolute;right:10px;top:94px;font-size:85%; color:darkblue; background-color:#DDDDDD; padding:5px;}
#header .connexion a {text-decoration:none;color:red;font-size:80%;}



#sidebar {font-size:80%;float:left;width:12em;margin:0px;padding:0px; background-color:#FDFDFD;height:1000px; border-right : solid 1px lightgray}

#sidebar h2 {font-size:120%;margin:0px;padding:2px;margin-bottom:3px;
background-color:#FDFDFD; font-weight:bold;}
#sidebar h2 a {color:black;}
#sidebar ul {list-style:none;list-style-position:inside;margin:0;padding-left:0.5em;padding-bottom:0.3em;margin-top:0;}
#sidebar li a {text-decoration:none;text-align:center; font-weight:bold;color:darkgrey;}
#sidebar li {color:darkgrey;}
#sidebar li a:link {color:darkblue;}
#sidebar li a:visited {color:darkblue;}
#sidebar li a:hover {color:red;}
#sidebar  li a.inactive {color:darkgrey;}
#sidebar  li a.inactive:hover {background-color:#ffe999;} 
#sidebar  h2 a.inactive:hover {background-color:crimson;color:black;}
#sidebar p {margin:0;padding:0;margin-left:0.2em;}

#sidebar a {text-decoration:none;}


#main {
margin:0 0em 0em 10em; 
padding:1em;
}

#main a {text-decoration:none;}

#main h1 {color:darkblue;font-size:140%;text-transform:uppercase;
padding: 0em 0em 0em 0em; margin:0.3em 1em 0em 0em; }
#main h2 {color:darkblue;}
#main #logo {float:left;margin:0.3em 1.2em 0.5em 0em;}
#main #gdrmissions {margin:1em 1em 2em 0.2em; font-size:90%;}
#main #clear {clear:both;}
a {color:darkblue;}
a:hover {color:red;}

h3 {margin:0 0 0 0;padding:0; padding:3px;text-transform:uppercase;}

#main h3 {color:blue;margin-bottom:0.3em;margin-top:0.5em;font-size:115%;}
#main h4 {color:blue; margin-top:0.2em;margin-bottom:0.3em;}

#infos img {width:90%;max-height:200px ;display:block;margin:2px;margin-left:auto;margin-right:auto;}

#infos .infoimage {text-align:center;font-size:80%; font-style:italic;margin:0.1em;}

#main #infos {background-color:#FDFDFD;float:right;width:30%;margin-left:1em;font-size:90%;margin-bottom:1em;margin-top:1em; border:solid 1px lightgray;}
#main #infos h2 {color:darkblue;font-size:140%;padding:0.2em;margin:0;background-color:#FDFDFD;margin-top:0.2em; }
#main #infos a { text-decoration:none; color:darkblue}
#main #infos a:hover {color:red; }
#main #infos p {padding:0 0.25em 0 0.5em;}

#main #infos .newstitre {font-weight:bold;}

#main #photo {float:right;}
#main #photo img {width:150px; margin:0.5em;}

#main .warning {color:red;font-weight:bold;margin:1em;}

#main .notice {color:blue;margin:1em;}

#main .responsable {float:right;}
#main .typeinfo {font-weight:bold;font-size:110%;margin-right:0.2em;margin-bottom:0.5em;color:darkorange;}
#main .blocinfo {clear:right; margin-bottom:1em; margin-top:1em; border:1px solid;padding:0.7em;}
#main .themetitre {color:green;font-weight:bold;text-transform:uppercase;font-size:107%;}
#main .themetitre a {color:green;text-decoration:none;}
#main .themetitre a:hover {background-color:#FFEFD0;}
#main .themedesc a {text-decoration:none;color:black;}
#main .themedesc a:hover {color:blue;}

#main .themedesc {font-size:90%; margin:0.1em 0 0.3em 0;}

#main .instructions {font-style:italic;color:gray; font-size:85%;}

.precisions {font-style:italic;font-size:90%}

.profile_table {border-collapse:collapse;border-style : solid; border-width:2px;}
.profile_table td { border-style:solid;border: 1px solid;padding:7px;}
.profile_table td+td { border-style:solid;border:1px solid;padding:2px;}
.profile_table tr {background-color:#FFF7F7;}
.profile_data {font-weight:bold}
.profile_table label {font-weight:bold;color:darkblue;}
.profile_table tr {border:1px;}

.annuaire {margin-top:1em; border-collapse:collapse;vertical-align:top;}

.annuaire td {padding:0.3em 1em 0.1em 0.1em; vertical-align:top;}
.annuaire td a {}
.annuaire .nomlabo {color:navy;font-weight:600;}
.annuaire tr.startlabo {border-top:1px black solid;}
.annuaire tr.startlabo td {padding-top:0.5em;}
.annuaire th {border-bottom:2px solid;margin-bottom:0.3em;text-align:left;}

.membre {margin-top:0.5em;}
.membre td {vertical-align:top;padding-top:0.3em;padding-left:0.3em;}
.membre tr {margin-top:0.3em;}
.membre .typeinfo {text-align:right;margin-right:0.3em;}

.jourprogramme {padding-bottom:0.3em;padding-top:1em;font-style:italic;}
.tableprogramme td {vertical-align:top;padding:0.3em;}
.tableprogramme a {text-decoration:none;}
.tableprogramme a:hover {text-decoration:underline;}
.programmeInvite {background-color:#fff6e6;}
.programmeCommunication {background-color:#fcf5e8;}
.programmeDivers {background-color:#e9fce9;}
.programmePause {background-color:#f2f2f2;}


#footer {
clear:both;
background-color:#DFDFC5;
padding:1em;
text-align:right;
border:1px solid black;
margin:0;
}

.formulaire .obligatoire {font-weight:bold;}

.formulaire tr {margin:0 0 1em 1em;}

.simple {display:inline;}

.inscription_status {font-size:80%;color:firebrick;}

.invite_journees {color:darkorange;;font-weight:bold;}

.journeeloc {color:red;font-weight:bold;font-style:italic;}

#main h3 {color:darkblue;}


#main h4 {color:blue; margin-top:0.2em;margin-bottom:0.3em;}
#main h4.news{background-color:#FFEFD0;margin-top:0.6em;margin-bottom:0.8em;padding:0.2em;
text-align:right;}
#main h4.news a {color:blue;}
#main h4.news .newstitre {float:left;}
#main .newsmod {text-align:right;font-size:85%;font-style:italic;}

#main .newsdate {margin-left:2em;font-size:85%;color:black;}

#main .listecontrib td {vertical-align:top;}
#main .contribauteur {width:9em;padding-bottom:0.2em;}

/* pour l'affichage des conferences. En fait, il faudrait des
feuilles CSS par application */

#main h4.news a {color:blue;}
#main h4.news .newstitre {float:left;}
#main  .newstitre a {text-decoration:none;}
#main .newsmod {text-align:right;font-size:85%;font-style:italic;}

#main .newsdate {margin-left:2em;font-size:85%;color:black;}

#main .confsummary {text-align:right; font-size:94%; font-weight:bold;}
#main .confsummary p {padding:0; margin:0.2em;}
#main .confbody {clear:right;margin:1.2em;margin-top:1.6em;margin-left:1.5em;}
#main .confsummary img {float:left;width:100%;margin:0.5em;border:solid 1px;margin-right:1em;} 
#main .confsummary img {width:25%;}
#main .imgsummary {overflow:hidden;}
#main .imgsummary img {float:left;width:25%;margin-right:1em; border:solid 1px;} 
#main .imgdetail   img {float:left;width:100%;margin:0.4em; border:solid 1px;} 

#main .imgsummary .imglistdesc {margin-top:0.3em;text-align:left;}
#main .imgsummary .imgdate {font-style:italic;color:navy;text-align:right;}

#main .navimg {text-align:right;}

#main .previmg {float:left;}

/* Pas utile si on n'utilise pas le mode standard d'IE */
/* Internet explorer */
* html #main .imgdetail img {width:70%;w\idth:70%;}


/*#main .confhead {font-weight:bold;font-size:90%;} */


#main .logos_sponsors {height:6%;}
#main .table_sponsors {width:100%;}
#main .table_sponsors a img {vertical-align:middle;}

#main .publi_titre {font-size:125%;font-weight:bold;color:blue;
                    padding:0 0 0 0; margin:0 0 0 0;}
#main .publi_auteurs {font-size:95%;padding: 0.2em 0 0 1em;margin:0 0 0 0;}
#main .publi_ref {padding:0em 0 0 1em;color:steelblue; margin-top:0.5em;}
#main .publi_img {width:25%;float:right;padding:0.3em 0.3em 0.3em 0.3em;}
#main .publi_revue {font-style:italic;}
#main .publi_volume {font-weight:bold;}
#main .publi_link {text-decoration:none;color:firebrick;}
#main .publi_abstract {font-size:88%;padding:1em 2em 1em 2em;}
#main .publi_cover {padding:0em 1em 0em 0em;}

 /* #main #lapubli {background-color:#EEEED4;} */
#main .publiune {text-decoration:none;color:black;}
#main .unepub {margin-top:0.3em;}
#main .publiune_titre {font-weight:bold;font-size:110%;color:steelblue;}
#main .publiune_auteur {font-style:italic;font-size:90%;color:red;}
#main .publiune_cover {font-size:95%;}

#main .breveune_titre {font-weight:bold;font-size:110%;color:steelblue;}
#main .breveune_texte {font-size:95%;}
#main .unebreve {margin-top:0.3em;}

#main .index_rubrique {padding-bottom:1em; font-style:italic; font-weight:bold; font-size:120%}

#main #labreve hr {margin-bottom:3;}
#main #lapubli hr {margin-bottom:3;}

#main .liendesc {font-size:91%;}
#main .descrubrique {margin-left:1em;color:darkblue;}


#sponsors .logos_sponsors {height:6%;}
#sponsors .table_sponsors {width:100%;}
#sponsors .table_sponsors a img {vertical-align:middle;}
#sponsors {
margin:0em 0em 0em 1em; 
padding:1em
}