@media screen,print{
	.csstable { display: table; }
	.csstr { display: table-row; }
	.csstd { display: table-cell; vertical-align: top; width: 100%;}
	body>div.csstable { margin-left: auto; margin-right: auto;}

	body {color: black; background-color: white; font-family: arial,helvetica,sans-serif; margin: 1em 0 1em 0;}
	form {margin: 0; padding: 0;}
	#colonne1,div#panneauPrincipal {display: block; padding: 0; margin: 0;}
	#colonne1 {width: 200px; text-align: center;}
	#panneauPrincipal{width: 640px; height: 480px;
background-position: center center; background-color: #aaa; color: black; text-align: center;}
	.header {color: black; background-color: white; height: 46px; margin: 0; padding: 0;}
	.header h1 {padding: 0; margin: 0; width: 200px; height: 45px;}
	.message {text-align: right; background: url('/images/transparence/transparent75.png'); height: 46px; font-size: 90%;}
	#activites h2, #apropos h2, .illustration h2 {display: none;}
	.message p, ul, ol, li {margin: 0; padding: 0;}
	#activites {height: 330px;}
	#activites span.actdesc {display: none;}
	#activites ul {list-style-type: none; padding: 20px 0 0 4px; margin: 0;}
	#activites li {display: block; height: 3em; width: 160px;
background-color: #444; color: white; text-align: left; padding: 0; margin: 0 0 1px 15px; border: 1px black solid; font-size: .85em}
	#activites li img { height: 3em; vertical-align: middle; border-right: 1px black solid;}
	#activites li a {color: white; background: #444; text-decoration: none;}
	.illustration {width: 200px; vertical-align: top; height: 104px; font-size: 70%;}
	.illustration p {margin: 0; padding: 0;}
	.illustration img { display: block; margin-left: auto; margin-right: auto; border: 1px solid; margin-bottom: 2px;}
	#apropos {font-size: 70%; text-align: center; vertical-align: middle; height: 1.3em;}
	#apropos, #apropos a {color: white;  background-color: #444;}
	#apropos ul, #apropos li {display: inline;}
	#apropos li+li:before {content:" - ";}
	h2 {font-size: 60%; display: inline;}
	.notForScreen {display: none;}
	q {quotes: "\00AB\00A0" "\00A0\00BB" "+" "+";}
	.messageCentre {text-align: justify; background: url('/images/transparence/transparent75.png'); width: 320px;
margin-left: auto; margin-right: auto; margin-top: 140px;}
	.messageCentre h3 {border-bottom: 1px solid; padding: 0 10px 0 10px; margin: 0; text-align: left; font-size: 100%;}
	.messageCentre p {padding: 10px; margin: 0; font-size: 90%;}
	.messageCentre h4 {padding: .7em 10px 0 10px; margin: 0; font-size: 90%;}
	acronym, abbr {border-bottom: none;}
input[type|=submit], input[type|=button] {color: white; background-color: #444; border: 1px black solid;}

	/* specifiquement pour IE6 */
	#colonne1,#panneauPrincipal {float: left;}
	#colonne1 {width: 200px; overflow: hidden; height: 480px;}
	.header {overflow: hidden; height: 46px;}
	#apropos {width: 840px;}
    
    /* Modifs 2017 */
    .illustration { display: none; }
    #login_prompt, #password_prompt { width: 120px; }
}