* { 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;
}

#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: 350%; margin: 0 2% 0 2%; }
#header h1 a { text-decoration: overline; color: navy; }
#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 { text-align: center; }
#footer ul{ margin:0; padding:0; }
#footer li{  display: inline; color:#191919; text-align:center; padding: 4px; margin: 6px; }
#footer li a{ color:#FFF; text-decoration:none; }
#footer li p{ padding:0px 5px; }
#footer li p img{ margin-top: 25px; }
#footer .subtext{ padding-top:15px; }
#footer .green{ background:#6AA63B; }
#footer .yellow{ background:#FBC700; }
#footer .red{ background:#D52100; }
#footer .blue{ background:#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; }

.deco a:link, .deco a:visited { border-bottom: 1px dotted #000; }
.deco a:hover, .deco a:focus, .deco a:active { text-decoration: underline; font-weight: bold; border-bottom-style: solid; }
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; }
#accessiweb { text-align: center; }
#accessiweb a { font-size: 120%; color: green; text-decoration: overline; }
.hightlight { background-color: orange; color: black; font-weight: 900; }
.erreur { border: 2px dotted red; color: navy; padding: 10px; width: 60%; margin: 0 auto; }
.erreur p { margin-bottom: 10px; }
.erreur h3 { text-align: center; color: orange; font-weight: bold; }