@media screen,projection
{

#sites { position: absolute; width: 100%; top: 0; left: 0; right: 0;
    background: #eee; border-bottom: 1px solid black; color: black; padding: 0.3em; font-size: 0.9em; padding-left: 1em; height: 15px; }
#sites a { color: black; text-decoration: underline; }
#sites a:hover { color: red; }
body { margin-top: 22px; }

#newsletter { border: 1px solid #ccc; width: 15em; padding: 0.4em; }
#newsletter > p { font-size: 0.9em; }
#newsletter form { margin-top: 1em; }
#newsletter form p { margin-bottom: 0.5em; }
#newsletter .int { border: 1px solid #999; width: 98%; font-size: 1em; }
#newsletter .ins { border: 1px solid #999; background: #eee; font-size: 1em; }

#agenda dl { font-size: 0.9em; }
#agenda { border-bottom: 2px solid #f5b712;  }
#agenda dt { font-weight: bold; }
#agenda dd { display: block; margin-left: 0.5em; margin-top: 1em; margin-bottom: 1em; border-left: 1px solid #999; padding-left: 0.5em; }
#agenda h5 { font-size: 1em; margin-bottom: 0.5em; }

#une h3,#une p { margin-bottom: 1em; }
#bref { background: url(../pics2/fond-bleu1.png) no-repeat center top; }
#bref h3 { padding: 0.7em; font-size: 1.2em; border: 1px solid black; border-bottom: none; }
#bref dl { margin-top: 1em; }
#bref dt { font-weight: bold; }
#bref dd { margin: 0.5em; padding-left: 0.5em; border-left: 1px solid #999; }
}