* { margin: 0; padding: 0; border: 0; }

body
{
	background: #aee0e9 url(fd00.jpg);
	background-repeat: repeat-x;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	voice-family: "\"}\""; voice-family: inherit;
	font-size:small;
}
#header {
	position:absolute;
	left:0px;
	top:26px;
	width:930px;
	height:170px;
	z-index:1;
	background: #ffffff;
}
a:link, a:visited { color: #000; text-decoration: none; font-weight:bold; }
a:hover { text-decoration: underline; background-color:#FFFFFF; }

/* Navigation
-------------------------------------------------------- */
#nav {
	position: relative;
	z-index: 100;
	width: 930px;
	top: 0px;
	margin: 0 auto 0px;
	font-size: 95%;
	text-align: left;
}

#page
{
	position: relative;
	width: 930px;
	margin: 0 auto;
	text-align: left;
	height: 100%;
}

#footer {
	color: #015e73;
	font-size: 10px;
	position:absolute;
	top:625px;
	width:225px;
	height: 10px;
	left: 291px;

}

/* Content --- Main > *Content* +++ CADRE de L'ACCEUIL
-------------------------------------------------------- */
#content {
	float: left;
	color: #000;
	padding: 0 0px 10px 0;
	margin: 210px 0 0px 0;
	width: 930px;
	height:500px;
	background-image:url(fond.jpg);
	background-repeat:no-repeat;
}

#cadre1 {
	color: #015e73;
	font-size: 12px;
	position:absolute; 
	left:50px; 
	top:290px; 
	width:370px; 
	height:180px; 
	background: #ffffff url(fd_titre.gif);
	background-repeat: repeat-x;
	z-index:1;
}

#cadre2 {
	color: #015e73;
	font-size: 12px;
	position:absolute;
	left:500px;
	top:290px;
	width:370px;
	height:180px;
	background: #ffffff url(fd_titre.gif);
	background-repeat: repeat-x;
	z-index:1;
}

#cadre3 {
	color: #015e73;
	font-size: 12px;
	position:absolute;
	left:500px;
	top:510px;
	width:370px;
	height:180px;
	background: #ffffff url(fd_titre.gif);
	background-repeat: repeat-x;
	z-index:100;
}
#cadre4 {
	color: #015e73;
	font-size: 12px;
	position:absolute;
	left:55px;
	top:510px;
	width:370px;
	height:180px;
	background: #ffffff url(fd_titre.gif);
	background-repeat: repeat-x;
	z-index:100;
}
#cadre5 {
	color: #015e73;
	font-size: 12px;
	font-weight:bold;
	position:absolute;
	left:49px;
	top:292px;
	width:899px;
	height:360px;
	z-index:1
	background-color:#FFFFFF;
	overflow:auto;
}

#losange {
	color: #015e73;
	font-size: 12px;
	position:absolute;
	left:277px;
	top:360px;
	width:352px;
	height:325px;
	z-index:100;
}

#losangetxt {
	color: #015e73;
	font-size: 12px;
	position:absolute;
	left:333px;
	top:435px;
	width:262px;
	height:125px;
	z-index:200;
}
.left
{
float: left;
margin: 10px;
}
.right
{
float: right;
margin: 10px;
}

.txt{
	color: #015e73;
	font-size: 12px;
}

.titre{
	color: #015e73;
	font-size: 16px;
	font-weight:bold;
	padding-left: 13px;
}
.titre2{
	color: #000000;
	font-size: 18px;
	font-weight:bold;
}
.titre3{
	color: #015e73;
	font-size: 16px;
	font-weight:bold;
	text-align:right;
	line-height: 110%;
}
.titre4{
	color: #015e73;
	font-size: 22px;
	font-weight:bold;
	text-align:right;
	line-height: 110%;
}
#phrase
{
	color: #ff7300;
	font-size: 18px;
	letter-spacing:1px;
	position:absolute;
	left:43px;
	top:181px;
	width:384px;
	height:44px;
	z-index:3;
}
#vision{
	color: #000000;
	font-size: 12px;
	font-weight:bold;
	position:absolute;
	left:430px;
	top:16px;
	width:472px;
	height:104px;
	z-index:2;
	overflow:auto;
}

#logo{
	position:absolute;
	left:414px;
	top:151px;
	width:294px;
	height:79px;
	z-index:3;
}
#vague{
	position:absolute;
	left:0px;
	top:199px;
	width:47px;
	height:47px;
	background: url(vague.png);
	background-repeat: no-repeat;
	z-index:1;
}
#combler
{
	position:absolute;
	left:219px;
	top:55px;
	width:163px;
	height:52px;
	z-index:1
}
#miser
{
	position:absolute;
	left:220px;
	top:113px;
	width:164px;
	height:63px;
	z-index:2
}
input {
 border:1px solid black;
 background-color:#A6BEDE;
 margin:2px;
 }
textarea {
 border:1px solid black;
 background-color:#A6BEDE;
  margin:2px;
 }