html {
	  height:100%; 
}

body {
	  margin: 0;
	  padding: 0;
	  font-family: Verdana, Helvetica, Arial, sans-serif;
	  font-size: .8em; 
}

#corps {
	  display: block;
	  width: 100%;
	  height: 100%; 
}

#header {
	  margin: 0;
	  padding-top: 5px;
	  height: 130px;
	  width: 100%;
	  padding: 0;
	  border-bottom: 1px solid #FFF; 
}

#header h1 {
	  padding-top: 1em;
	  margin-bottom: 0.5em;
	  font-weight: bold;
	  font-size: 1em;
	  line-height: 1.2em;
	  text-align: center;
	  background-image: none;
	  background-color:  inherit;
	  letter-spacing: 5px; 
}

#header .logo img {
	  float: left;
	  padding: 10px;
	  margin-right: 10px;
	  border-right: 0px solid #FFF;
	  border-bottom: 0px solid #FFF; 
}

#espace {
	  margin: 0;
	  padding-top: 5px;
	  padding-bottom: 5px;
	  height: 20px;
	  width: 100%; 
}

#espace h1 {
	  margin-top: 0;
	  margin-left: 170px;
	  text-align: left;
	  vertical-align: top;
	  font-size: 1em;
	  font-weight: bold; 
}

#main {
	  display: block;
position: relative; 
	  margin-left: 170px;
	  margin-right: 10px;
	  padding: 0px;
	  width: auto;
	  height: 100%; 
}

#leftcolumn {
	  visibility: visible;
	  /* IE 4 fix */
	  margin-right: -200px;
	  float: left;
	  width: 170px;
	 height: 500px;
	 /*
	  background-image: url(../images/backs/boucher-4.jpg);
	  background-repeat: no-repeat;
	  background-position: 5px 200px; 
	  */
}

#footer {
	  clear: both;
	  text-align: center;
	  padding: 1em;
	  font-size: 80%;
	  color: white; 
}

#edito {
	display:block;
	float: left;
	width:auto;
	padding: 10px;
padding-right: 210px;
	  background-color:  white;
}

#flash {
	display: block;
	  width: 210px; 
	  float: right;
	  margin-left: 15px;
position: absolute;right: 0px; }

/* texte pour referencement */

#ref {
	font-size: .1em;
	display: none;
	visibility: hidden; 
}

#main h1 {
	  font-size: 1.3em;
	  margin-top: 3px;
	  margin-bottom: 8px;
	  padding: 5px;
	  width: auto; 
}

#mini-site {
	  display: block;
	  font-size: .9em; 
	  text-align: left;
}

#mini-site h1 {
	  font-size: 1.3em;
	  text-align: center;
	  margin-top: 3px;
	  margin-bottom: 8px;
	  padding: 5px; 
}

#mini-site h2 {
	  font-size: 1em;
	  margin-top: 3px;
	  margin-bottom: 8px;
	  padding: 5px; 
}

h4 {
	  margin: 0 0.5em 0 0;
	  padding: 0 0.25em;
	  font-size: 90%;
	  /* border-bottom: 1px solid silver;
	  */ 
}

img {
	  border: none; 
}

.edito-signature {
	  text-align: left;
	  font-style: italic;
	  margin-left: 15px; 
}

.edito-img {
	  display: block;
	  /*width: 200px;*/
	  text-align:center;
}

.legende {
	text-align:center;
	  font-size: 80%;
	  font-style: italic;
	  white-space: normal; 
}

a:link {
	  text-decoration: none; 
}

a:visited {
	  text-decoration: none; 
}

a:hover {
	  text-decoration: underline; 
}

a:active {
	  text-decoration: underline; 
}

#contenu {
	  padding-left: 10px; 
}

#contenu img {
	  position: relative;
	  margin: 5px;
	  border: none; 
}

.ecole td {
	  padding-left: 5px;
	  padding-right: 5px;
	  border-left: 1px #747474 dotted;
	  border-right: 1px #747474 dotted; 
}

/* Presentation messages */

.rouge {
	  color: red; 
}

.alerte {
	  color: red;
	  font-size: 80%; 
}

.ok {
	  color: green;
	  font-size: 80%; 
}

/* Presentation adherent connecte */

.adh {
	  white-space: nowrap;
	  color: red;
	  font-size: .7em;
	  float: right; 
}

/* Presentation menu vertical */

#menu {
	  display: block;
	  margin-left: 5px; 
}

/* Presentation menu horizontal */

.menu_horizontal {
	  display: block;
	  text-align: center;
	  margin-left: auto;
	  margin-right: auto; 
}

/* Presentation des FAQs */

.faq_question {
	  font-style: italic; 
}

.faq_reponse {
	  font-style: normal; 
}

.pagination {
	  text-align: center;
	  font-size: 80%; 
}

/* presentation des paves Flash */

.box {
	  clear: both;
	  float: right;
	  width: 200px;
	  text-align: center;
	  /*border: 1px solid green;
	  */
	  margin: 6px;
	  padding: 0 0 10px 0;
	  background: url(../images/flash/greyboxbottom.png) no-repeat bottom center;
	  font-size: 10px; 
}

.box h2 {
	  background: url(../images/flash/greyboxtop.png) no-repeat top center;
	  border: 0;
	  margin: 0;
	  padding: 6px 8px 4px 8px;
	  font-size: 10px;
	  color: red; 
}

.box-inside {
	  background: url(../images/flash/greyboxbody.png) repeat-y top center;
	  padding: 8px 10px 0px 10px;
	  margin: 0;
	  border: 0;
	  text-align: left; 
}

.box-line {
	  background: url(../images/flash/greyboxline.png) no-repeat top center;
	  border: 0;
	  height: 1px;
	  line-height: 1px;
	  font-size: 1px;
	  margin-top: 5px;
	  margin-bottom: 3px; 
}

.box h3 {
	  font-size: 12px;
	  margin-bottom: .5em; 
}

/* Presentation des textes flash */

.box-pop {
	  margin-left: auto;
	  margin-right: auto;
	  margin-top: 20px;
	  margin-bottom: 10px;
	  width: 500px;
	  text-align: center;
	  padding: 0 0 10px 0;
	  background: url(../images/flash/greyboxbottombig.png) no-repeat bottom center;
	  font-size: 10px; 
}

.box-pop h2 {
	  background: url(../images/flash/greyboxtopbig.png) no-repeat top center;
	  border: 0;
	  margin: 0;
	  padding: 6px 8px 4px 8px;
	  font-size: 10px;
	  color: red; 
}

.box-pop-inside {
	  background: url(../images/flash/greyboxbodybig.png) repeat-y top center;
	  padding: 8px 10px 0px 10px;
	  margin: 0;
	  border: 0;
	  text-align: left; 
}

.box-pop-line {
	  background: url(../images/flash/greyboxlinebig.png) no-repeat top center;
	  border: 0;
	  height: 1px;
	  line-height: 1px;
	  font-size: 1px;
	  margin-top: 5px;
	  margin-bottom: 3px; 
}

.box-pop table {
	  width: 480px;
	  margin-left: auto;
	  margin-right: auto;
}

.box-pop h3 {
	  font-size: 100%;
	  margin-top: .5em;
	  margin-bottom: .5em; 
}

/* Presentation des adresses */

.box-adr {
	  width: 400px;
	  margin-left: auto;
	  margin-right: auto;
	  margin-top: 20px;
	  margin-bottom: 10px;
	  font-size: .8em; 
	  text-align: center;
	  padding: 0 0 10px 0;
	  background: url(../images/adr/greyboxbottomadr.png) no-repeat bottom center;
}

.box-adr h2 {
	  background: url(../images/adr/greyboxtopadr.png) no-repeat top center;
	  margin: 0;
	  padding: 6px 8px 4px 8px;
	  font-size: 10px;
	  color: red; 
}

.box-adr-inside {
	  background: url(../images/adr/greyboxbodyadr.png) repeat-y top center;
	  margin: 0;
	  padding: 8px 10px 0px 10px;
	  font-size: .9em;
	  text-align: left; 
}

.box-adr-commentaire {
	  display: block;
	  float: left;
	  font-size: .9em;
	  margin-left: 20px;
	  margin-top: 2px;
	  margin-bottom: 2px; 
}

.box-adr-line {
	  background: url(../images/adr/greyboxlineadr.png) no-repeat top center;
	  border: 0;
	  height: 1px;
	  line-height: 1px;
	  font-size: 1px;
	  margin-top: 5px;
	  margin-bottom: 3px; 
}

.box-adr table {
	  width: 380px;
	  margin-left: auto;
	  margin-right: auto;
}

.box-adr h3 {
	  font-size: 12px;
	  margin-bottom: .5em; 
}

/* Presentation du journal */

#journal {
	  font-size: 90%;
	  width: 100%;
	  margin-top: 15px; 
}

#journal table {
	  margin-left: auto;
	  margin-right: auto;
	  border: 1px gray solid; 
}

#journal caption {
	  margin-left: auto;
	  margin-right: auto;
	  width: 80%;
	  font-weight: bold;
	  font-size: 90%;
	  text-align: left; 
}

#journal .page {
	  white-space: nowrap;
	  font-size: 80%;
	  padding-right: 10px; 
}

#journal .texte {
	  text-align: left;
	  font-size: 90%; 
}

#journal .sommaire {
	  clear: right;
	  display: block;
	  margin-top: 15px;
	  margin-left: auto;
	  margin-right: auto; 
}

#journal img {
	  border: none;
	  float: right;
	  margin-left: 8px;
	  margin-right: 5px; 
}

/* Presentation des listes */

ul {
	  margin-top: 5px;
	  margin-bottom: 10px; 
}

li {
	  font-size: 90%; 
}

ul>ul {
	  font-style: italic;
	  margin-top: 2px;
	  margin-bottom: 5px; 
}

dt {
	  font-weight: bold;
	  text-decoration: underline; 
}

dd {
	  margin-top: 5px;
	  margin-bottom: 10px;
	  font-size: 90%; 
}

/* formulaires */

form { 
}

button { 
}

input { 
}

select { 
}

option { 
}

textarea { 
}

label {
	  font-weight: bold;
	  float: right;
	  padding-right: 5px;
	  white-space: nowrap; 
}

fieldset {
	  border: groove;
	  overflow: auto; 
}

legend {
	  color: #006633;
	  font-size: 11px;
	  font-weight: bold; 
}