body {
  font-family:Verdana;
  font-size:10px;
  background-color:#fff;
}

#conteneur {
  width:780px;
  height:565px;
  margin-left:auto;
  margin-right:auto;
  border:1px solid black;
  background-color:#124E8C;
}

#menuhaut {
  position:absolute;
  margin-top:114px;
  margin-left:45px;
  height:22px;
  width:685px;
  background-color:#124E8C;
  z-index:3;
  padding:2px;
  padding-top:4px;
  padding-bottom:4px;
}
#menuhaut a{
  color:white;
  display:block;
  float:left;
  text-decoration:none;
  padding-right:10px;
  padding-top:4px;
  padding-bottom:4px;
}
#menuhaut a:hover{
  color:orange;
  display:block;
  float:left;
  text-decoration:none;
  padding-right:10px;
  padding-top:4px;
  padding-bottom:4px;
}
.bord {
  border-right:1px solid white;
}

#center {
  position:absolute;
  margin-top:145px;
  margin-left:45px;
  height:381px;
  width:689px;
  background-color:white;
  z-index:3;
  color:#0C4989;
}

#lemenu {
  position:absolute;
  background: url(/imgs/filet.jpg) repeat-x;
  width:156px;
  height:381px;
}
#bloctexte {
  position:absolute;
  width:510px;
  height:379px;
  margin-left:176px;
}

.cgh {
  display:none;
}

#credo {
  position:absolute;
  margin-top:526px;
  margin-left:45px;
  height:24px;
  width:689px;
  background-color:#00A4E8;
  z-index:3;
  text-align:center;
  color:white;
}
#menubas {
  position:absolute;
  margin-top:550px;
  margin-left:45px;
  height:13px;
  width:687px;
  background-color:#DC9300;
  z-index:3;
  text-align:center;
  font-weight:bold;
  padding:1px;
}
#menubas a{
  color:white;
  display:block;
  float:left;
  text-decoration:none;
  background: url(/imgs/fleche_orange.jpg) no-repeat left;
  padding-left:8px;
}
#menubas a:hover{
  color:#666;
  display:block;
  float:left;
  text-decoration:none;
  background: url(/imgs/fleche_orange.jpg) no-repeat left;
  padding-left:8px;
}


.barre_v {
  margin:0;
  padding:0;
  position:absolute;
  width:0px;
  height:565px;
  border-left:1px solid white;
  z-index:2;
}
.barre_h {
  margin:0;
  padding:0;
  position:absolute;
  width:780px;
  height:0px;
  border-top:1px solid white;
  z-index:2;
}
.imgabs {
  position:absolute;
  margin:0;
  padding:0;
}
.actu {
  margin:0; padding:0;
  list-style:none;
  margin-left:10px;
  margin-top:10px;
}
.actu a{
  color:#5A84AF;
  text-decoration:none;
  font-size:11px;
}
.actu a:hover{
  color:#145BA3;
  text-decoration:none;
  font-size:11px;
}
.film {
 position:absolute;
 margin-top:290px;
 margin-left:30px;
 width:100px;
 text-align:center; 
}
.lang {
  position:absolute;
  z-index:10;
  margin-top:25px;
  margin-left:8px;
  color:white;
}
.lang img {
  border:1px solid black;
  width:25px;
}
.lang a {
  color:white;
  text-decoration:none;
}
.lang a:hover {
  color:gray;
}











/* menu de alsacreations */
dl, dt, dd, ul, li {
font-size:12px;
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 0;
left: 0;
margin-left:3px;
margin-top:5px;
}
#menu {
width: 100%;
}
#menu dt {
margin: 2px 0;
height: 20px;
line-height: 20px;
font-weight: bold;
background: url(/imgs/fleche_menu1.gif) no-repeat left;
padding-left:12px;
}
#menu dd {
  margin-left:6px;
  font-size:10px;
}
#menu li {
  padding-left:12px;
  background: url(/imgs/fleche_menu2.gif) no-repeat left;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
height: 100%;
color:#20568C;
}

#menu li a:hover, #menu dt a:hover {
color:#8992AE;
}

#menu dd a{
  font-size:10px;
};
}