/* Style CSS pour http://pageperso.lif.univ-mrs.fr/~edouard.thiel/lic-info/ */
/* Version du 30/11/2011 */

/* Propriétés générales */

body {
    min-width: 550px;
    max-width: 1250px;
    margin: 0px auto 0px auto;
    padding: 10px 20px 10px 20px;
    color: Black;
    background-color: White;
    font-size: 11pt;
    font-family: Lucida Grande, Arial,Helvetica,"Bitstream Vera Sans",sans-serif;
    text-align: justify;
}

/* Les titres */

h1 { font-size: 150%; }
h2 { font-size: 120%; }
h3 { font-size: 110%; }
h4 { font-size: 105%; }
h5 { font-size: 100%; }
h6 { font-size: 90%; }

h2:before { content: url("images/puce-h2.gif"); }
h3:before { content: url("images/puce-h3.gif"); }

h1,h2,h3,h4,h5,h6 { text-align: left; }

h2 { margin-top: 24px; }
h3 { margin-top: 18px; }


/* Les ancres */

a {
    text-decoration: underline;
    background: none;
    color: #004f90;
}

a:visited {
    color: #0066b9;
}

a:active {
    color: Red;
}

a:hover {
    color: Chocolate;
}

/*------------------------------- B A N D E A U -----------------------------*/

#bandeau-page {
    /* border-radius: 10px 10px 10px 10px; */
    /* box-shadow: 2px 1px 8px #AAAAAA; */
    /* border: 1px solid #e8e8e8; */
    /* padding: 4px 20px 10px 20px;*/
    padding: 0px 20px 0px 20px;
    margin: 10px 0px 30px 0px;
    background-color: White;
}

#bandeau-page .logo1 {
    float: right;
}

#bandeau-page p {
    text-align: left;
    margin: 0px 0px 0px 0px;
}

#bandeau-page .titre1 {
    font-family: Verdana, Lucida Grande;
    font-size: 32pt;
    text-align: left;
    color: Orange;
}

#bandeau-page .titre2 {
    font-size: 18pt;
    position: relative;
    left: 20%;
}


/*-------------------------------- O N G L E T S ----------------------------*/

table.onglets {
    margin: 0px 20px 0px 20px;
    padding: 0px 0px 0px 0px;
    border-spacing: 0px 0px;  /* Horizontal vertical */
}

table.onglets a {
    color: Black;
    text-decoration: none;
}

table.onglets td {
    padding: 3px 6px 3px 6px;
    margin: 10px 6px 0px 6px;
    border-radius: 10px 10px 0px 0px;
    border: 1px solid Grey;
    background: #e2f0fb;  /* bleu clair */
    background-image: -webkit-linear-gradient(top, White, #c9e4fb);
    background-image: -moz-linear-gradient(top, White, #c9e4fb);
    background-image: linear-gradient(top, White, #c9e4fb); 
    position: relative;
    z-index: 10;
}

table.onglets td.selected {
    border: 1px solid Black;
    border-bottom-color: White;
    box-shadow: 0px 0px 0px #FFFFFF;
    margin-bottom: 10px;
    position: relative;
    z-index: 30;
    background: White;
}

table.onglets td a:hover { color: DarkOrange; }

/* table.onglets td:hover { background: Yellow; }*/


/*-------------------------------- C L A S S E U R --------------------------*/

#classeur1 {
    padding: 4px 0px 4px 0px;
    margin: -1px 0px 0px 0px;
    position: relative;
    z-index: 20;  /* nécessite de fixer position: */
    border-top: 1px solid Black;
    border-left: 0px;
    border-right: 0px;
    background: White;
}


/*-------------------------- B O I T E   A   D R O I T E --------------------*/

div.boite-droite {
    float: right;
    clear: right;
    width: 250px;
    margin: 20px 0px 20px 20px;
    padding: 0px 0px 0px 0px;
    border: 1px solid Grey;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 2px 1px 8px #AAAAAA;
    background: White;
    font-size: 90%;
    text-align: left;
}

div.boite-droite .titre {
    padding: 2px 8px 3px 8px;
    background: #faf0d4; /* orangé */
    background-image: -webkit-linear-gradient(top, White, #f6e9c5);
    background-image: -moz-linear-gradient(top, White, #f6e9c5);
    background-image: linear-gradient(top, White, #f6e9c5); 
    border-radius: 10px 10px 0px 0px;
    border-bottom: 1px dashed;
    font-weight: bold;
}

div.boite-droite ul {
    margin: 4px 10px 8px 10px;
    list-style: disc outside none;
    padding-left: 10px;
}

div.boite-droite p {
    margin: 4px 0px 6px 0px;
    padding: 0px 8px 0px 8px;
}

div.boite-droite+div.boite-droite {
    margin-top: 5px;
}

/*
div.boite-droite:nth-child(1) .titre { background: #ffe7d9; }
div.boite-droite:nth-child(2) .titre { background: #ffffd9; }
div.boite-droite:nth-child(3) .titre { background: #d9ffd9; }
div.boite-droite:nth-child(4) .titre { background: #d9edff; }
div.boite-droite:nth-child(5) .titre { background: #d9d9ff; }
div.boite-droite:nth-child(6) .titre { background: #ffd9ff; }
div.boite-droite:nth-child(7) .titre { background: #ffd9d9; }
div.boite-droite:nth-child(8) .titre { background: #ffebd9; }
div.boite-droite:nth-child(9) .titre { background: #f0f0cc; }
*/

/* changer nom */
.print-inline {
    display: none;
}


/*--------------------------- T A B L E   R E S P S -------------------------*/

.table-resps {
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 0px 0px;
    border-spacing: 0px 0px;  /* Horizontal vertical */
    background: White;
}


.table-resps tr {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.table-resps tr.titre {
    font-style: italic;
    text-align: center;
}

.table-resps tr.coords {
    background: PeachPuff;
    /* Bug sur webkit, le dégradé se fait sur les td, pas les tr */
    /* background-image: -webkit-linear-gradient(top left, PeachPuff, White); */
    background-image: -moz-linear-gradient(top left, PeachPuff, White);
    background-image: linear-gradient(top left, PeachPuff, White); 
    text-align: center;
}

.table-resps tr.titre td:first-child, .table-resps tr.coords td:first-child {
    font-weight: bold;
    text-align: left;
}

.table-resps td {
    padding: 3px 10px 3px 10px;
}

.table-resps tr.titre td {
    padding-top: 10px;
    padding-bottom: 10px;
}

/*
.table-resps tr.coords td:last-child  { 
    border-radius:  0px 10px 10px 0px; 
}
*/

.table-resps ul {
    background: White;
    margin: 2px 0px 15px 0px;
    padding: 0px 0px 0px 40px;
}


/*------------------------- T A B L E   O P T I O N S -----------------------*/

.table-options {
    margin: 10px auto;
    padding: 0px 0px 0px 0px;
    border-spacing: 0px 0px;  /* Horizontal vertical */
    background: White;
    border: 1px solid #ddd;
}

.table-options td {
    border: 1px solid #ddd;
    padding: 3px 5px;
    text-align: center;
}

.table-options td:first-child {
    text-align: left;
}

.table-options tr:first-child {
    color: Chocolate;
}


/*----------------------------------- P I E D -------------------------------*/

#pied-page {
    margin: 20px 0px 25px 0px;
    padding: 8px 0px 0px 0px;
    border-top: 1px solid Black;
    clear: both;
    font-size: 60%;
    text-align: right;
}

/*--------------------------------- D I V E R S -----------------------------*/

/* Espacement des listes */

li+li {
    margin-top: 1px;
}

.compact li+li {
    margin-top: 0px;
}

.serree>li+li {
    margin-top: 0px;
}

.aeree>li+li {
    margin-top: 8px;
}

/*---------------------------------------------------------------------------*/