/* Copyright (c) 2008 Bruno BEAUFILS */

/*
   tailles
   police
   texte
   couleur
   marges
   bordure
 */

/* Version écran */
@media screen { 
    /* Texte classique */
    body {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 13px;
        background: white;
        color: black;
        margin: 0;
        padding: 0;
    }
    a, a:link, a:visited, a:active {
        text-decoration: none;
        color: blue;
    }
    a:hover {
        background:silver;
    }

	h1, h2, h3 {
		clear: both;
	}
	blockquote {
		font-style: italic;
		margin: 0;
		padding: 1em;
		border: 1px dotted black;
	}
	table, tr, th, td {
		border-collapse: collapse;
		border: thin black solid;
		padding: .25em;
	}

    /* La page est entourée d'un cadre */
    #page {
        width: 80%;
        background: white;
        color: black/*#666000*/;
        margin: 2em auto 0 auto;
		margin-right: auto;
		margin-left: auto;
        padding: 0 2em 0 2em;
        border: 1px solid #cccccc;
    }

    /* L'ours de chaque page est en dessous de la page */
    #ours {
		clear: both;
        font-size: 70%;
        text-align: center;
        color: #696969;
        margin: 1em 0 1em 0;
        padding: 0 0 0 0;
    }

    /* Le logo */
    #logo { 
        width: 200px;
        height: 72px;
        margin: 0 0 0 -2em;
        padding: 0;
    }
    #logo a {
        margin: 0;
        padding: 0;
        background: transparent;
    }
    #logo img {
        width: 200px;
        height: 72px;
        border: 0;
    }

    /* Le menu de navigation */
    #menu {
        font-family: Verdana, Arial, Helvetica, sans-serif;
/*        font-size: 125%;*/
        font-weight: bold;
        line-height: 1.5em;
        background: #ff9900;
        color: black;
        margin: -2em -2em 0 172px; /* 172px parce que = 200px - 2em (2*14px) */
        padding: 0.25em;
    }
    #menu ul {
        text-align: center;
        margin: 0;
        padding: 0;
        border: 0;
    }
    #menu li {
        list-style: none;
        display: inline;
        margin: 0;
        padding: 0;
        border: 0;
    }
    #menu a {
        background: #ff9900;
        color: black;
        margin: 0;
        padding: 0 .5em 0 .5em;
        border: 1px solid #ff9900;
    }
    #menu a:hover {
        background: #ff9900;
        color: black;
        border: 1px solid black;
    }
    
    /* Le contenu des pages */
    #contenu h1 {
        font-size: 150%;
        font-weight: bold;
        color: black;
    }

    #contenu h2 {
        font-size: 125%;
        font-style: italic;
        color: black;
        border-bottom: 1px dotted black;
    }

	/* Les messages à mettre en avant */
	p.pub {
		clear: both;
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		color: red;
	}
	.pub a {
		text-decoration: underline;
		color: red;
	}

	img.pub {
		display: block;
		margin: 1em auto;
	}

    /* Les tables de date de réunions */
    .date_passee {
        font-style: italic;
        color: silver;
    }
    table.reunions {
        margin: auto;
        margin-top: .75em;
        margin-bottom: 1em;
        padding: 0;
        border: 1px solid black;
		border-collapse:collapse;
    }
    table.reunions th, table.reunions td {
        padding: 0.25em;
    }
    table.reunions th {
        background: silver;
        color: black;
    }
    table.reunions tr {
        background: white;
    }
}

/* Version imprimé */
@media print {
	body {
	    font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        background: white;
        color: black;
        margin: 0;
        padding: 0;
	}
	acronym {
		border: 0;
	}
	#logo {
		display:none;
		text-align: center;
	}
	#menu {
		display: none;
	}
	#ours {
		display: none;
	}
	h1 {
		clear: both;
		font-size: 125%;
	}

	h2 {
		clear: both;
		font-size: 112.5%;
	}
}

/* Pour tous les médias */
acronym {
	border-bottom: 0;
}

/* La liste des candidats */
table.liste_candidats {
	float:left;
	margin:1em;
	margin-top: .75em;
    margin-bottom: 1em;
    padding: 0;
    border: 1px solid black;
	color: black;
	border-collapse: collapse;
}

th.college {
	background:silver;
	color:black;
}
th.secteur {
	background:silver;
	text-align: right;
	font-style: italic;
	font-size: 75%;
	border:1px dotted black;
}
td.ordre:after {
	content: "- ";
}
td.nom, td.prenom {
	font-weight: bold;
}
td.statut:before {
	content: "(";
}
td.statut:after {
	content: ")";
}
td.statut {
	font-size: 75%;
}
td.composante {
	text-align: right;
	font-size: 75%;
	font-style: italic;
}
td.laboratoire {
	display:none;
}