.body {
 margin:0px;
 scrollbar-face-color:#99cc99;
 scrollbar-track-color:#cccccc;
 scrollbar-darkshadow-color:#999999;
 scrollbar-3dlight-color:#gghhtt;
}

/*-- début mise en page des conteneurs --*/

.bandeau_superieur {
	position:absolute;
	width:1003px;
	left:0px;
	top:0px;
	z-index:1;
	background-color:#33FF33;
	layer-background-color:#FFFFFF;
	visibility: visible;
} 

.nouveautées {
	position:absolute;
	left:498px;
	top:15px;
	width:476px;
	height:84px;
	z-index:7;
	background-color:#FFFFFF;
	layer-background-color:#FFFFFF;
	border:5px solid #33FF33;
	color:#000000;
	visibility: visible;
}

.separateur {
	position:absolute;
	left:0px;
	top:115px;
	width:130px;
	height:80px;
	z-index:5;
	align:center;
	background-image:url(photo/sep_gris.gif);
	layer-background-image:url(photo/sep_gris);
	visibility: visible;
	background-color: #33FF33;
}

.unaformec {
	position:absolute;
	left:26px;
	top:131px;
	width:75px;
	height:48px;
	z-index:6;
	visibility: visible;
}

/*début mise en page logo unaformec*/
.logounaformec {
 border-top:2px solid #ffffff;
 border-left:2px solid #ffffff;
 border-bottom:2px solid #ffffff;
 border-right:2px solid #ffffff;
}
/*fin mise en page logo unaformec*/

.bandeau_vert {
	position:absolute;
	left:178px;
	top:119px;
	width:797px;
	height:36px;
	z-index:1;
	background-color:#33FF33;
	layer-background-color:#99cc99;
	border: solid 2px #999999;
	visibility: visible;
}

.newsletter {
	position:absolute;
	left:199px;
	top:128px;
	width:400px;
	height:32px;
	z-index:2;
	visibility: visible;
}

.lien {
 position:absolute;
 left:400px;
 top:128px;
 width:400px;
 height:32px;
 z-index:2;
}

.recherche {
	position:absolute;
	left:620px;
	top:128px;
	width:150px;
	height:32px;
	z-index:2;
	visibility: visible;
}

.recherche2 {
 position:absolute;
 left:820px;
 top:128px;
 width:150px;
 height:32px;
 z-index:2; 
}

a.bouton {
  color: #330033;
  background-color: #FF3300;
  text-decoration: none;
  text-align: center;
  padding: 5px;
  border: 2px outset white;
  font-weight:bold;
  font-family: Arial,Verdana,Helvetica;
  font-size: 11px;
}

a.bouton:hover {
 text-decoration:underline; 
 border: 2px inset black;
 border-top: 2px inset white;
}

.conteneur_central {
	position:absolute;
	border:0 solid black;
	left:177px;
	top:169px;
	width:797px;
	height:430px;
	z-index:1;
	text-align:justify;
	visibility: visible;
}

.agenda {
 position:absolute;
 left:-5px;
 top:3px;
 z-index:0;
}

.agendaouvert {
 position:absolute;
 left:-3px;
 top:-2px;
 width:797px;
 height:453px;
 z-index:0;
}

/* -- fin mise en page des conteneurs --*/

/*--début mise en page des liens --*/

a { 
 text-decoration:none;
 color:black;
}

a:hover {
 text-decoration:none; 
 color:#000000;
}

.a2 {
 text-decoration:none;
 color:black;
}

.a2:hover {
 text-decoration:underline; 
 color: #000000;
 background-color:#99cc99;
}

.a3 {
 text-decoration:none;
}

.a3:hover {
 text-decoration:underline; 
 color: #000000;
 background-color:#ffffff;
}

.a4 {
 text-decoration:none;
 color:#0000ff;
}

.a4:hover {
 text-decoration:underline; 
 color: #0000ff;
}

.a5 {
 text-decoration: none;
 color: #ff0000;
 font-face: Informal Roman;
}

.a5:hover {
 text-decoration: underline;
 color: #0000ff;
}

ul {
 list-style-type:none;
 margin:0;
 padding:0;
}

dl, dt, dd, ul, li {
 margin: 0;
 padding: 0;
 list-style-type: none;
}

#menu {
	position: absolute;
	top:70px;
	left:1px;
	width:128px;
	z-index: 100;
	visibility: visible;
}

#menu dt {
 cursor: pointer;
 background: #cccccc;
 height: 20px;
 line-height: 20px;
 margin: 2px 0;
 border: 0px solid gray;
 text-align:left;
 font-size:14px;
}

#menu dd {
	position: absolute;
	z-index: 100;
	left: 7em;
	margin-top: -1.4em;
	width:220px;
	background: #cccccc;
	border: 1px solid #99cc99;
	visibility: visible;
}

#menu ul {
 padding: 2px;
}

#menu li {
 text-align:left;
 font-size:14px;
 height:14px;
 line-height:14px;
}

#menu li a, #menu dt a {
 color: #000;
 text-decoration: none;
 display: block;
}

#menu li a:hover, #menu dt a:hover {
 background-color:#99cc99;
}

#mentions {
 font-family: verdana, arial, sans-serif;
 position: absolute;
 bottom : 200px;
 left : 10px;
 color: #000;
 background-color: #ddd;
 z-index: 100;
}

#mentions a {
 text-decoration: underline;
 color: #222;
}

#mentions a:hover{
 text-decoration: underline;
}

/*-- fin de la mise en page des liens --*/

/*-- début de la mise en page des textes --*/

.Verdana1 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: x-small;
 font-style: normal;
 line-height: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
}

.para1 {
 text-indent: 15px;
 text-align: justify;
 font-family: Century gothic, Arial, Helvetica, sans-serif; 
 font-size: 14px;
}

.para2 {
 text-indent: 15px;
 text-align:justify;
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 14px;
}

.para3 {
 text-align:justify;
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 14px;
}

.para4 {
 text-align:justify;
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 14px;
}

.ol {
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 14px;
}

.mentions {
font-family: verdana, arial, sans-serif;
position: absolute;
bottom : 300px;
left : 10px;
color: #000;
background-color: #ddd;
}

/* mise en forme des notes span*/
.note {
font-size:14px;
}
/* fin mise en forme des notes span*/

.signature {
 text-align: right;
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 14px;
 font-style: italic;

}

/*-- fin mise en page des textes --*/