html
{
	font-size: small;
	font-family: georgia, times, serif;
	background-color: #aeaeaf;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 1%;
	margin-bottom: 1%;
	text-align: left;
}

body {
	background-color: white;
	border: solid black thin;
}




#title
{
	float: left;
	width: 40%;
	color: white;
	background-color: #393939;
	padding: 2%;
	margin: 0% 1% 1% 0%;
}
#title h1
{
	font-size: 3.5em;
	font-weight: bold;
	font-variant: small-caps;
	margin: 0;
}
#title h1:first-letter
{
	text-transform: uppercase;
}
#title p
{
	text-align: justify;
	font-size: small;
}
#title p:first-letter
{
	font-size: 120%;
}

#fiche
{
	margin-top: 2em;
}
#fiche form
{
	width: 55%;
}
#fiche fieldset
{
	padding: 0;
/*	margin: 0 0 0.5em 0;*/
	border: none;
}
#fiche legend
{
	margin: 0;
}
#fiche p
{
	margin: 0;
}
#fiche label
{
	float: left;
	clear: left;
	margin: 0.8em 0 0 0;
}
#fiche input
{
	float: right;
	clear: right;
	width: 55%;
	margin: 0.8em 0 0 0;
}
#fiche input[type^='submit']
{
	clear: both;
	width: 25%;
	margin: 0.8em 0 0 0;
}




#news
{
	clear: left;
	width: 43%;
	background-color: white;
	margin: 0 1%;
}
#news p.date
{
	font-size: x-small;
}
#news h3
{
	font-size: 140%;
	margin-top: 0;
	margin-bottom: 0.2em;
}




#websites
{
	float: right;
	width: 53%;
	background-color: white;
	margin: 0 1%;
}
#websites h3
{
	font-size: 140%;
	margin-top: 0.7em;
	margin-bottom: 1.2em;
}




#news h2,
#websites h2
{
	color: white;
	background-color: #393939;
	padding: 0.3em;
}
#news h2:first-letter,
#websites h2:first-letter
{
	text-transform: uppercase;
}
#news ul,
#websites ul
{
	list-style: none;
	padding: 0;
}
#news li,
#websites li
{
	color: #494949;
	background-color: #ddd;
	padding: 1em 1em 0.5em 1em;
	margin: 1em 0;
}
#news li:after,
#websites li:after
{
	content: '';
}
#news li:last-child:after,
#websites li:last-child:after
{
	content: '';
}
#news h3:first-letter,
#websites h3:first-letter
{
	text-transform: uppercase;
}
#news p,
#websites p
{
	text-align: justify;
}
#news p:first-letter,
#websites p:first-letter
{
	font-size: 120%;
}
#news img,
#websites img
{
	float: left;
	margin: 0.2em 0.5em 0.5em 0.5em;
}




#basdepage
{
	clear: both;
	background-color: #eee;
	font-size: x-small;
	border-top: solid black thin;
	padding: 1em 0.2em 0.2em 1em;
	margin: 0;
}



#fiche a:link,
#fiche a:visited,
#fiche a:active
{
	font-weight: bold;
	text-decoration: none;
	color: white;
}
#fiche a:hover
{
	text-decoration: underline;
	color: white;
}

a:link,
a:visited,
a:active
{
	text-decoration: none;
	color: #305ead;
}
a:hover
{
	text-decoration: underline;
	color: #305ead;
}
a[hreflang]:after
{
	color: gray;
	content: "\0000a0[" attr(hreflang) "]";
}
#fiche a[hreflang]:after,
h1 a[hreflang]:after,
h2 a[hreflang]:after,
h3 a[hreflang]:after,
h4 a[hreflang]:after,
h5 a[hreflang]:after,
h6 a[hreflang]:after
{
	content: "";
}


img
{
	border: 0;
}

input, textarea
{
	border: thin solid #ddd;
	background-color: white;
}

address
{
	font-style: normal;
}

acronym
{
	cursor: help;
	border-bottom: thin dotted;
}

html:lang(fr) blockquote:lang(fr)
{
	quotes: '«\0000a0' '\0000a0»';
}

em
{
	font-style: italic;
}

li:after
{
	content: '\0000a0;';
}
li:last-child:after
{
	content: '.';
}





/*****************
 * ErrorDocument *
 *****************/

#error h1 {
	color: white;
	background-color: #393939;
	margin: 0;
	padding: 1em;
}

#error h2 {
	color: #494949;
	background-color: #ddd;
	padding: 1em;
	margin: 1em 2% 0 2%;
}

#error h2 img {
	padding-right: 0.5em;
	vertical-align: middle;
}

#error p {
	color: #494949;
	background-color: #ddd;
	padding: 0 1em 1em 1em;
	margin: 0 2%;
}

#error {
	padding-bottom: 2em;
}