* { margin:0; padding:0; border:0; }

body, h1, #header, #contenu, #footer, #header form fieldset {
	-moz-border-radius: 20px; 
   -khtml-border-radius: 20px; 
   -webkit-border-radius: 20px; 
   border-radius: 20px;
}


a:link, a:visited { border-bottom: 1px dotted #000; }
a:hover, a:focus, a:active { text-decoration: underline; font-weight: bold; border-bottom-style: solid; }
#accessiweb a { font-size: 120%; color: green; text-decoration: overline; }
a.externe { text-decoration: none; background: url(/i/lien-externe.png) no-repeat right top; padding-right: 18px; }
a.externe:hover, a.externe:focus, a.externe:active { text-decoration: none; border-bottom-style: none; }
.hightlight { background-color: orange; color: black; font-weight: 900; }
/*
a[href^="http:"] { background: url(/i/lien-externe.png) no-repeat right top; padding-right: 10px; }
a[href^="http://debian.neurowar.com"] { background-image: none; padding-right: 0; }
a[href^="http:mailto:"] { background: url(/i/mailto.png) no-repeat right top; padding-right: 10px; }
a[href$=".pdf"] { background: url(/i/pdf.png) no-repeat right top; padding-right: 10px; }
*/

.spacer { border:0em; clear:both; margin: 1em; width: 100%; }

#contenu, #footer { clear: both; }

body {
	width: 85%;
	margin: 2% auto;
	font-size: 70%;
	font-family: "lucida grande", tahoma, helvetica, verdana Sans-Serif;
	border: 10px solid navy;
	padding: 1% 1.3%;
	background:#F3F3F3;
}

#header { 
	width: 94%;
	min-height: 80px;
	padding: 2% 3%;
	background: #e9fbff url(/i/bg.jpg) repeat-x;
	border: 2px solid navy;
	margin: 10px 0; 
}
#header img { float: left; margin-right: 30px; }
#header h1 {  float: left; width: 58%; font-size: 300%; margin: 0 2% 0 2%; }
#header h1 a:link, #header h1 a:visited { text-decoration: none; background: url(/i/soulignement.png) repeat-x left bottom; color: red; }
#header h1 a:hover, #header h1 a:focus, #header h1 a:active { 
	text-decoration: underline; font-weight: bold; background: url(/i/hover.png) repeat-x left bottom; 
}

#header p { float: left; font-weight: bold; margin: 2%; }


#menu { width: 60%; clear: bottom; padding: 1% 0; float: left; }

#menu form { width: 66%; }
#menu form fieldset{ 
	background: #f9fabb  url(/i/sky.jpg) repeat-x;
	-moz-border-radius: 5px; 
   -khtml-border-radius: 5px; 
   -webkit-border-radius: 5px; 
   border-radius: 5px;
	vertical-align: top;
	border: 3px solid navy; 
	padding: 3%;
	width: 99%;
}
#menu form legend { 
	margin: 0 10%; 
	color: black; 
	font-weight: bold; 
	font-size: 100%; 
	padding: 1% 5%; 
	background-color: #ccc; 
	border: 1px solid navy;
}
#menu form input { color:#black; font-size:14px; font-family:Arial; font-weight: bold; padding: 3px 0 3px 5px; margin: 2px 3px; } 
#menu form label.robot { margin-left: 20px; }
#menu form input.valide {
	vertical-align: middle;
	cursor: pointer;
	padding: 2px 6px;
	-moz-border-radius: 10px; 
   -khtml-border-radius: 10px; 
   -webkit-border-radius: 10px; 
   border-radius: 10px;
   background: #fff  url(/i/bg_searchbt.png) repeat-x;
	border: 1px solid #3b4144;
	color: #fff;
	margin: 4px 4px 0 0;
	float: right;
}
#menu form input.valide:hover { color: #000000; background: #fff  url(/i/bg_searchbtn.png) repeat-x; border: 1px solid #3b4144; }  
#menu form #recherche {background: #f9fabb;}

#menu h2 { float: right; width: 30%; margin: 5% 0; }

#menu p { color: #7f5ded; margin : 30px 0; }
#menu ul { margin: 20px; float: left; }
#menu li { margin-top: 5px; font-size: 110%; color: black; }
#menu li a { color: navy; text-decoration: none; }


#contenu { clear: both; width: 94%; min-height: 200px; border: 1px solid red; text-align: left; padding: 3%; margin: 0 0 3% 0; }
#contenu h2 { color: navy; margin: 10px 0 5px 0; }
#contenu h3 { color: navy; margin: 10px 0 5px 0; }

#footer { text-align:center; margin-top: 10px; }

acronym, abbr {cursor: help;}
li { list-style-position: inside; }

#flux { float: left; width:95%; margin: 1%; border: 1px solid grey; padding: 10px; }

h2 {text-align: center; }

cite { quotes: "\00AB" "\00BB"; }
cite:before { content: open-quote; }
cite:after { content: close-quote; }

blockquote {
quotes: "\00AB" "\00BB";
display: block;
padding: 0 60px;
width: 350px;
}

blockquote:before, blockquote:after {
color: #69c;
display: block;
font-size: 700%;
width: 50px;
}

blockquote:before {
content: open-quote;
height: 0;
margin-left: -0.55em;
}

blockquote:after {
content: close-quote;
height: 50px;
margin-top: -70px;
margin-left: 360px;
}



/*#footer ul { margin:0; padding:0; list-style-type: none; width: 15em; border: 1px solid #486B02; }
#footer ul li{  display: inline; padding: 4px; margin: 6px; }
#footer ul li a { display: block; color: #2B3F00; text-decoration: none; }*/
/*#footer li { background: url(/i/bullet.png) no-repeat 0 50%; padding-left: 30px; }*/

ul#footer { width: 99%; margin:0 auto; padding:0; list-style-type: none; }
ul#footer li{  display: inline; color:#191919; text-align:center; padding: 4px 8px; margin: 4px 8px; float: left; }
ul#footer li a{ color:#FFF; text-decoration:none; }
ul#footer li p{ padding:0px 5px; }
ul#footer li p img{ margin-top: 25px; }
ul#footer .subtext{ padding-top:15px; }
ul#footer .green{ background-color:#6AA63B; }
ul#footer .yellow{ background-color:#FBC700; }
ul#footer .red{ background-color:#D52100; }
ul#footer .blue{ background-color:#0292C0; }

#cal  { 
	margin: 0px 30px 30px 5px; 
	border-collapse:colllapse; 
	font-size:12px; 
	background:#416DFF; 
	border: 3px groove #0026A7; 
}
/* la case contenant le nom du mois */
#cal thead td { font-weight:bold; }

/* les cases des jours de la semaine */
#cal th { text-align:center; background:#0026A7; color:#DAE2FF; }

/* les autres cases */
#cal td { text-align:center; background:#DAE2FF; margin:0px; padding:0px; }

/* la case correspondant à aujourd'hui */
#cal td.today { border: 2px solid fuchsia; margin:0; padding:-2px; }

#cal .st2 { color: red; }