/* CSS Document */

/* IE 5 */
.conteneur {
	text-decoration: none;
	position: absolute;
	left: 10px;
	top: 20px;
	width: 829px;
	height:600px;
	background-image:url(images/fond.gif);
}

/* following rules are invisible to IE 5 \*/
.conteneur {
	text-decoration: none;
	width: 829px;
	height: 600px;
	position: absolute;
	z-index: 2;
	visibility: visible;
	background-image:url(images/fond.jpg);
	left: 10px;
	top: 20px;
}
/* fin du hack pour mac ie5 */

dl, dt, dd {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: relative; /* placement du menu, à modifier selon vos besoins */
top: 0;
left: 0;
}

#menu dt {
	cursor: pointer;
	height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
	font-weight: 400;
	border-top: 1px solid #ffffff;
	font-style: normal;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
#menu dt a {
color: #ffffff;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu dt a:hover {
	color: #000099;
	font-weight: 400;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 20px;
}


#accueil ul {
	position:relative;
    top: 43px;
    left: 190px;
    display: inline;
	margin-left: 0px;
    padding-left: 0px;
   }

#accueil ul li {
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
	font-style: normal;
	font-weight:700;
	color: #666666;
	padding: 2px 5px;
	text-decoration: none;	
   }

#accueil li a{
	list-style: none;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
	font-style: normal;
	font-weight:700;
	color: #666666;
	text-decoration: none;	
   }

#accueil li a:hover{
	list-style: none;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
	font-style: normal;
	font-weight:700;
	color: #000099;
   	text-decoration: none;	
   }
 
 #reference {
	position:absolute;
	width:205px;
	height:169px;
	z-index:3;
	left: 246px;
	top: 78px;
	visibility: hidden;
}
  
.slogan {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	font-weight: 700;
	text-align: center;
	letter-spacing: 0.010em;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	text-decoration: none;
	text-align: justify;
	font-weight: 700;
	line-height: 18px;
	letter-spacing: 0.01em;
	display:inline;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #8bba09;
	text-decoration: none;
	text-align: justify;
	font-weight: 700;
	line-height: 18px;
	letter-spacing: 0.01em;
}

.titrevert {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #8bba09;
	text-decoration: none;
	text-align: justify;
	font-weight: 700;
	line-height: 18px;
	letter-spacing: 0.01em;
}
.titregris {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	text-align: justify;
	font-weight: 700;
	line-height: 18px;
	letter-spacing: 0.01em;
}
.references {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #8bba09;
	text-decoration: none;
	text-align: justify;
	font-weight: 700;
	line-height: 18px;
	letter-spacing: 0.01em;
}

.schema {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #8bba09;
	text-decoration: none;
	text-align: center;
	font-weight: 700;
	line-height: 18px;
	letter-spacing: 0.01em;
}
.texte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000099;
	text-decoration: none;
	text-align: justify;
	font-weight: 400;
	line-height: 18px;
	letter-spacing: 0.01em;
}
a.textelien {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000099;
	text-decoration: none;
	text-align: justify;
	font-weight: 400;
	line-height: 18px;
	letter-spacing: 0.01em;
	text-decoration:underline;
}

a.textelien:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #8bba09;
	text-decoration: none;
	text-align: justify;
	font-weight: 400;
	line-height: 18px;
	letter-spacing: 0.01em;
	text-decoration:underline;
}

.contact {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000099;
	text-decoration: none;
	text-align: left;
	font-weight: 400;
	line-height: 14px;
	letter-spacing: 0.01em;
}

.champformulaire {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	font-weight: 400;
	letter-spacing: 0em;
	text-align: left;
	border-width: 1px;
	border-style: solid;
	border-color: #8bba09;
}

hr {
	color: #8bba09;
	ALIGN:center;
	width: 61%;
	border-style: dashed;
}

.pied {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	font-weight: 400;
	line-height: 12px;
	letter-spacing: 0.02em;
}
a.piedlien {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	font-weight: 400;
	line-height: 12px;
	letter-spacing: 0.02em;
}

a.piedlien:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000099;
	text-decoration: none;
	text-align: center;
	font-weight: 400;
	line-height: 12px;
	letter-spacing: 0.02em;
}
#logo {
	position:absolute;
	width:138px;
	height:35px;
	z-index:1;
	top: 22px;
	left: 11px;
}
#anglais {
	position:absolute;
	width:30px;
	height:20px;
	z-index:2;
	left: 60px;
	top: 534px;
}
#menu {
	position:absolute;
	width:158px;
	height:163px;
	z-index:3;
	left: 5px;
	top: 165px;
}
#Layer1 {
	position:absolute;
	width:152px;
	height:20px;
	z-index:4;
	left: 164px;
	top: 47px;
}
#slogan {
	position:absolute;
	width:165px;
	height:35px;
	z-index:4;
	top: 70px;
	left: 3px;
}
#centre {
	position:absolute;
	width:540px;
	height:421px;
	z-index:5;
	left: 205px;
	top: 110px;
}
#pied {	position:absolute;
	width:620px;
	height:15px;
	z-index:3;
	left: 168px;
	top: 575px;
}
#texte {
	position:absolute;
	width:320px;
	height:297px;
	z-index:1;
	left: 0px;
	top: 35px;
}
#photp {	position:absolute;
	width:200px;
	height:290px;
	z-index:3;
	left: 335px;
	top: 50px;
}
#Layer2 {	position:absolute;
	width:515px;
	height:350px;
	z-index:1;
	overflow:auto;
	padding-right:20px;
	left: 0px;
	top: 50px;
}
#Layer6 {	position:absolute;
	width:200px;
	height:290px;
	z-index:3;
	left: 335px;
	top: 50px;
}
#photo {position:absolute;
	width:200px;
	height:306px;
	z-index:3;
	left: 335px;
	top: 40px;
}
#f {
	position:absolute;
	width:515px;
	height:320px;
	z-index:1;
	overflow:auto;
	padding-right:20px;
	left: 2px;
	top: 133px;
	border-top: 1px solid #CCCCCC;
	visibility: hidden;
}
#e {
	position:absolute;
	width:515px;
	height:320px;
	z-index:1;
	overflow:auto;
	padding-right:20px;
	left: 2px;
	top: 133px;
	border-top: 1px solid #CCCCCC;
	padding-top: 3px;
	visibility: hidden;
}