html, body {
	margin: 0;
	padding: 0;
	font: 100% Georgia, serif;
	overflow-y: auto;
	overflow-x: hidden;
	background:  url(images/fondo.jpg) top center repeat-x;
	background-color:#88609F;  
	}

img {
  border:none;
}

img, div { behavior: url(iepngfix.htc) }

#titulo { 
	width: 150px; 
	height: 44px;
	position:absolute;
	top:205px; left:20px;
}

.texto {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #FFFFFF; FONT-STYLE: normal; FONT-FAMILY: verdana
}
.texto A {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #FFFFFF; FONT-STYLE: normal; FONT-FAMILY: verdana; text-decoration:none
}
.texto A:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #FFFFFF; FONT-STYLE: normal; FONT-FAMILY: verdana; text-decoration:underline
}

#foot { 
	padding-left:20px;
	padding-right:20px;
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #FFFF90; FONT-STYLE: normal; FONT-FAMILY: verdana
}

#contenedor {
  position: absolute;
  top:0px;
  left:0px;
  width:100%;
  height:585px;
  border:0px solid #ff0000;
}

#fond {
  position: relative;
  width:947px;
  height:567px;
  padding-top:8px;
  /*border:1px solid #ff0000;*/
  z-index:0;
}


#conteneur {
  position: absolute;
  top:10px;
  left:360px;
  width:566px;
  z-index:1;
}

#contenu {
  padding-left:14px;
  padding-right:14px;
  padding-top:14px;
  padding-bottom:10px;
  width:566px;
  height:220px;
  float:left;
  /*border:solid 1px #ffffff;*/

}

#contenu2 {
  padding-left:14px;
  padding-right:14px;
  width:550px;
  height:300px;
  float:left;
  SCROLLBAR-FACE-COLOR:#FFFFFF;
  SCROLLBAR-HIGHLIGHT-COLOR:#312650;
  SCROLLBAR-SHADOW-COLOR:#312650;
  SCROLLBAR-3DLIGHT-COLOR:#312650;
  SCROLLBAR-ARROW-COLOR:#312650;
  SCROLLBAR-TRACK-COLOR:#312650;
  SCROLLBAR-DARKSHADOW-COLOR:#312650;
  overflow:auto;
}

#contenu2a {
  padding-left:14px;
  padding-right:14px;
  width:550px;
  height:320px;
  float:left;
  SCROLLBAR-FACE-COLOR:#FFFFFF;
  SCROLLBAR-HIGHLIGHT-COLOR:#312650;
  SCROLLBAR-SHADOW-COLOR:#312650;
  SCROLLBAR-3DLIGHT-COLOR:#312650;
  SCROLLBAR-ARROW-COLOR:#312650;
  SCROLLBAR-TRACK-COLOR:#312650;
  SCROLLBAR-DARKSHADOW-COLOR:#312650;
  overflow:auto;
}

#intro {
  width:500px;
  height:300px;
  float:right;
  border:solid 1px #ffffff;
}

/* formulaire de contact
form {
  margin:0;
  padding:0;
  width:450px;
  display:block;
  float:left;
}
label {
  display:block;
  float:left;
  width:450px;
  margin-bottom:3px;
}

label span {
  display:block;
  float:left;
  margin-left:3px;
  width:80px;
}

label input {
  display:block;
  margin-right:3px;
  float:left;
  height:18px;
  width:280px;
  border:solid 1px #A5ACB2;
}

input#valider {
  float:left;
  margin-left:83px;
  *margin-top:0;
  *padding:0;  
  *margin-left:0;
  *position:relative;
  *left:86px;  
  width:284px;    
  text-align:center;
  color:#fff;
  background-color:#97BE0D;
  border:solid 1px #fff;
}

label select {
  display:block;
  float:left;
  width:283px;
  height:18px; 
  margin-right:3px;
  border:solid 1px #A5ACB2;
}

label textarea {
  display:block;
  float:left;
  margin-right:3px;
  width:280px;
  height:80px;
  border:solid 1px #A5ACB2;
}

label input:hover, label textarea:hover, label select:hover   {
  border:solid 1px #97BE0D;
  color:#97BE0D;
}*/

/* form elements 
form {
	margin:10px; padding: 0 5px;
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding:2px;
	border:1px solid #eee;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}
textarea {
	width:200px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}
.enviar {
BORDER-RIGHT: #FFFFFF 0px; PADDING-RIGHT: 0px; BORDER-TOP: #FFFFFF 0px; PADDING-LEFT: 0px; BACKGROUND: #FFFFFF; PADDING-BOTTOM: 0px; MARGIN: 3px auto 3px; BORDER-LEFT: #FFFFFF 0px; WIDTH: 100px; BORDER-BOTTOM: #FFFFFF 0px; FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #666666; FONT-STYLE: bold; FONT-FAMILY: verdana;
}*/

INPUT {

BORDER-RIGHT: #DFFCFF 0px; PADDING-RIGHT: 0px; BORDER-TOP: #DFFCFF 0px; PADDING-LEFT: 0px; BACKGROUND: #EDE6FF; PADDING-BOTTOM: 0px; MARGIN: 3px auto 3px; BORDER-LEFT: #DFFCFF 0px; WIDTH: 260px; BORDER-BOTTOM: #DFFCFF 0px

}

TEXTAREA {

BORDER-RIGHT: #DFFCFF 0px; PADDING-RIGHT: 0px; BORDER-TOP: #DFFCFF 0px; PADDING-LEFT: 0px; BACKGROUND: #EDE6FF; PADDING-BOTTOM: 0px; MARGIN: 3px auto 3px; BORDER-LEFT: #DFFCFF 0px; WIDTH: 260px; PADDING-TOP: 0px; BORDER-BOTTOM: #DFFCFF 0px ; HEIGHT: 100px

}

.borrar {

BORDER-RIGHT: #FFFFFF 0px; PADDING-RIGHT: 0px; BORDER-TOP: #FFFFFF 0px; PADDING-LEFT: 0px; BACKGROUND: #EDE6FF; PADDING-BOTTOM: 0px; MARGIN: 3px auto 3px; BORDER-LEFT: #FFFFFF 0px; WIDTH: 100px; BORDER-BOTTOM: #FFFFFF 0px; FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #666666; FONT-STYLE: bold; FONT-FAMILY: verdana

}

.enviar {

BORDER-RIGHT: #FFFFFF 0px; PADDING-RIGHT: 0px; BORDER-TOP: #FFFFFF 0px; PADDING-LEFT: 0px; BACKGROUND: #EDE6FF; PADDING-BOTTOM: 0px; MARGIN: 3px auto 3px; BORDER-LEFT: #FFFFFF 0px; WIDTH: 100px; BORDER-BOTTOM: #FFFFFF 0px; FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #666666; FONT-STYLE: bold; FONT-FAMILY: verdana

}

