html, body	{
	height: 100%;
	padding: 0 ;
	text-align: center ;
	font: 0.9em "Trebuchet MS", helvetica, sans-serif ;
	background: #ffffff ;
	display: flex;
	min-height: 100vh;
	flex-direction: column;
}

aside {
	width: 180px;
	padding-top: 0.5rem;
	padding-left: 0.5rem;
	margin-left: 0.5rem;
	float: left;
	font-style: normal;
	color: #29627e;
  }
  
  aside > p {
	margin: 0.5rem;
  }

div#cadre  /* cadre bleu et fond intérieur blanc*/
{
	margin: 0 auto ;
	text-align: left ;
	border: 2px solid #336699 ;
	background: #ffffff url(./img/fond_gauche.png) left repeat-y;
	/*background: url(img/fond_act.jpg);*/
	position:relative;
	min-height: 18%;

}

div#bandeau /*couleur de fond du bandeau*/
{	
	background: #336699;
	position: relative;
	z-index: 3;
}

		h1#header /*image dans le bandeau*/
		{
			height: 100px ;
			margin: 0 ;
			background: #198bcd url(./img/bandeau.gif) no-repeat left top;
	
		}

		
		h1#header a /*texte dans le bandeau*/
		{
			height: 10px ;
			display: block ;
			margin-right: 10px;
			position: relative;
			z-index: 2;
			text-align: right;
			color: #ffff00;
			text-decoration: none;
			padding-top:50px ;
			
		}
		
		h1#header a span
		{
			display: none ;
		}

div#contenu /*tout ce qui est sous le bandeau*/
{
/*	min-height: 100%;*/
/*	width: 100%;*/
/*	padding: 0 10px ;*/
/*	margin: 0 auto;*/
/*	position: relative ;*/
/*	z-index: 1;*/
/*	background: #ffffff;*/
/*	padding: 0;*/
/*	background: url(img/fond_gauche.png) left repeat-y;*/
	display: flex;
	flex: 1;
	}
	
div#center  /*sans le pied de page*/
{
	/* Pour éviter la superposition 
	du pied de page et du contenu : */
	padding-bottom: 50px; /* 50px */
	overflow: auto;
}
	
div#menu_gauche
{
	float: left;
	width: 180px ;
	padding-left: 5px;
}

div#menu_gauche ul
{
	padding-left: 15px;
}

div#menu_droite
{
	float: right;
	width: 1px ;
}

div#principal
{
		padding: 1px 0;
		margin-left: 220px;
		margin-right:10px;
}	
	
div#principal h1
{
	color: brown ;
	font-size: 1.8em;
	text-align: center;
}

div#principal h2
{
	padding-left: 25px ;
	line-height: 45px ;
	font-size: 1.4em ;
	color: brown ;
	border-bottom: 1px solid brown ;
}

div#principal h3
{
	margin-left: 15px ;
	padding-left: 5px ;
	border-bottom: 1px solid brown ;
	border-left: 3px solid brown ;
	color: brown ;
}

div#statuts h3
{
	margin-left: 15px ;
	padding-left: 5px ;
	border-bottom: 1px solid #8ac4e6 ;
	border-left: 3px solid #8ac4e6 ;
	color: #8ac4e6 ;
}

div#statuts p
{
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.7em ;
	color: #8ac4e6;
	font-size: 1.1em ;
}

div#statuts b
{
	text-indent: 2em ;
	line-height: 1.7em ;
	color: brown;
	font-size: 1.1em ;
}

div#principal h4
{
	padding-left: 25px ;
	line-height: 45px ;
	color: brown ;
}

div#principal p
{
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.7em ;
	color: brown;
	font-size: 1.1em ;
}

div#principal a
{
	color: #336699 ;
}

div#principal a:hover
{
	color: #c3e8fd;
}

div#cousi a
{
	color: brown;
}

div#principal a:hover
{
	color: red;
}

#ecart
{
	text-align: center;
	color: #336699;
	display: block;
}

#nbr_act
{

	text-decoration: blink; /* Le titre sera clignotant ! (ne fonctionne pas sous Internet Explorer) */
	background-color: #336699;
	color: #c3e8fd;
}

#important
{
	text-decoration: blink; /* Le titre sera clignotant ! (ne fonctionne pas sous Internet Explorer) */
	Font-Weight: Bold;
	Font-Stretch: Italic;
	
}

#expli
{
	text-align: center;
	color: brown;
	margin-right: 25px;
	font-size: 1.2em ;
	
}

#ligne_centre
{
	text-align: center;
	display: block;
}

.carte  /*image sur accueil*/
		{
			height: 269px ;
			width: 269px ;
			margin: 10px ;
			border:0px ;
			text-align: right;
			position:absolute
		}

#news
{
	color:#336699; 
	display:block; 
	width: 80%;
	height: 180px; 
	margin-top: 10px;
	background-color:#c3e8fd; 
	overflow:auto;
	text-align: left;
}

div#principal li
{
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.5em ;
	color: brown;
	font-size: 1em ;
}

ul#menu
{
	height: 35px ;
	margin: 0 ;
	padding: 0 ;
	background: url(./img/bg_menu.gif) repeat-x 0 -25px ;
	list-style-type: none ;
}

ul#menu li
{
	float: left ;
	text-align: center ;
}

ul#menu li a
{
	width: 128px ;
	line-height: 25px ;
	font-size: 1.2em ;
	font-weight: bold ;
	letter-spacing: 2px ;
	color: yellow ;
	display: block ;
	text-decoration: none ;
	border-right: 2px solid brown ;
}

ul#menu li a:hover
{
	background: url(./img/bg_menu.gif) repeat-x 0 0 ;
}

p#footer
{

	text-align: center ;
	color: #c3e8fd ;
	background-color: #336699;
	padding: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1;
}
pre
{
	overflow: auto ;
}

pre
{
	overflow: auto ;
	background: #dea ;
	border: 2px solid #9b2 ;
	padding: 5px 0 0 5px ;
	font-size: 1.2em ;
}

pre span
{
	color: #560 ;
}

pre span.comment
{
	color: #b30000 ;
}

.fieldset {
	border : 1px solid #336699;
    background-color : #dceaf6;
    margin-top:15px;
	margin-bottom : 15px;
}

.fieldset legend {
    padding : 0px 10px 0px 10px;
    border-color: #dceaf6;
    border-style : solid;
    border-width : 1px;
    background-color : #336699;
	color: #c3e8fd;
}

#IE .fieldset {
    position : relative;  /* The underscore means only IE will see it */
    padding-top : 10px;   /* Stupid IE */
    padding-bottom : 10px;
    display : block;
    border : 1px solid #336699;
    background-color : #dceaf6;
    margin-top:15px;
	margin-bottom : 15px;
}

#IE .fieldset legend {
    position : absolute;
    top : -10px;
    padding : 0px 10px 0px 10px;
    border-color: #dceaf6;
    border-style : solid;
    border-width : 1px;
    background-color : #336699;
	color: #c3e8fd;
}
fieldset a:hover
{
	color: blue;
}

fieldset a
{
	color: #336699 ;
}

.fieldset a:hover
{
	color: blue;
}

.fieldset a
{
	color: #336699 ;
}

#IE .fieldset a:hover
{
	color: blue;
}

#IE .fieldset a
{
	color: #336699 ;
}

.fieldassoc{
	border : 1px solid brown;
    background-color : #ffffc5;
    margin-top:15px;
	margin-bottom : 15px;
}

.fieldassoc legend {
    padding : 0px 10px 0px 10px;
    border-color: #ffffc5;
    border-style : solid;
    border-width : 1px;
    background-color : brown;
	color: #ffffc5;
}

#IE .fieldassoc {
    position : relative;  /* The underscore means only IE will see it */
    padding-top : 10px;   /* Stupid IE */
    padding-bottom : 10px;
    display : block;
    border : 1px solid brown;
    background-color : #ffffc5;
    margin-top:15px;
	margin-bottom : 15px;
}

#IE .fieldassoc legend {
    position : absolute;
    top : -10px;
    padding : 0px 10px 0px 10px;
    border-color: #ffffc5;
    border-style : solid;
    border-width : 1px;
    background-color : brown;
	color: #ffffc5;
}

#IE .fieldassoc a:hover
{
	color: red;
}

#IE .fieldassoc a
{
	color: brown ;
}

.fieldassoc a:hover
{
	color: red;
}

.fieldassoc a
{
	color: brown ;
}

.fieldrech {
	border : 1px solid #006400;
    background-color : #dfffeb;
    margin-top:15px;
	margin-bottom : 15px;
}

.fieldrech legend {
    padding : 0px 10px 0px 10px;
    border-color: #dfffeb;
    border-style : solid;
    border-width : 1px;
    background-color : #006400;
	color: #dfffeb;
}

#IE .fieldrech {
    position : relative;  /* The underscore means only IE will see it */
    padding-top : 10px;   /* Stupid IE */
    padding-bottom : 10px;
    display : block;
    border : 1px solid #006400;
    background-color : #dfffeb;
    margin-top:15px;
	margin-bottom : 15px;
}

#IE .fieldrech legend {
    position : absolute;
    top : -10px;
    padding : 0px 10px 0px 10px;
    border-color: #dfffeb;
    border-style : solid;
    border-width : 1px;
    background-color : #006400;
	color: #dfffeb;
}

#IE .fieldrech a:hover
{
	color: #c0c0c0;
}

#IE .fieldrech a
{
	color: #006400 ;
}

.fieldrech a:hover
{
	color: #c0c0c0;
}

.fieldrech a
{
	color: #006400 ;
}

.fieldadh {
	border : 1px solid #ff8c00;
    background-color : #fff1d3;
    margin-top:15px;
	margin-bottom : 15px;
}

.fieldadh legend {
    padding : 0px 10px 0px 10px;
    border-color: #fff1d3;
    border-style : solid;
    border-width : 1px;
    background-color : #ff8c00;
	color: #fff1d3;
}

#IE .fieldadh {
    position : relative;  /* The underscore means only IE will see it */
    padding-top : 10px;   /* Stupid IE */
    padding-bottom : 10px;
    display : block;
    border : 1px solid #ff8c00;
    background-color : #fff1d3;
    margin-top:15px;
	margin-bottom : 15px;
}

#IE .fieldadh legend {
    position : absolute;
    top : -10px;
    padding : 0px 10px 0px 10px;
    border-color: #fff1d3;
    border-style : solid;
    border-width : 1px;
    background-color : #ff8c00;
	color: #fff1d3;
}

#IE .fieldadh a:hover
{
	color: red;
}

#IE .fieldadh a
{
	color: #f07814 ;
}

.fieldadh a:hover
{
	color: red;
}

.fieldadh a
{
	color: #f07814 ;
}

.fieldadmin {
	border : 1px solid #9932cc;
    background-color : #eed8f5;
    margin-top:15px;
	margin-bottom : 15px;
}

.fieldadmin legend {
    padding : 0px 10px 0px 10px;
    border-color: #eed8f5;
    border-style : solid;
    border-width : 1px;
    background-color : #9932cc;
	color: #eed8f5;
}

#IE .fieldadmin {
    position : relative;  /* The underscore means only IE will see it */
    padding-top : 10px;   /* Stupid IE */
    padding-bottom : 10px;
    display : block;
    border : 1px solid #9932cc;
    background-color : #eed8f5;
    margin-top:15px;
	margin-bottom : 15px;
}

#IE .fieldadmin legend {
    position : absolute;
    top : -10px;
    padding : 0px 10px 0px 10px;
    border-color: #eed8f5;
    border-style : solid;
    border-width : 1px;
    background-color : #9932cc;
	color: #eed8f5;
}

#IE .fieldadmin a:hover
{
	color: blue;
}

#IE .fieldadmin a
{
	color: #9932cc ;
}

.fieldadmin a:hover
{
	color: blue;
}

.fieldadmin a
{
	color: #9932cc ;
}

.title p 
{
text-align: center;
}