*{
margin:0;
padding:0;
}

body{
font-size:13px;
background:url(images/fond.png) repeat-x #373737;
font-family:Arial;
font-size:14px;
}

#container{
width:850px;
margin:0 auto;
}

/* DIV BANIERE */
#baniere h1, #baniere p{text-indent:-9999px;}

#baniere img{
position:absolute;
right:350px;
top:30px; 
margin-left:580px;
}

#agence{
background:url(images/agence.png) no-repeat;
width:280px;
height:43px;
margin-top:30px;
/* position:absolute;
top:35px;
left:250px; */
}

#hlucie{
background:url(images/lucie.png) no-repeat;
width:157px;
height:107px;
margin-top:-30px;
margin-left:200px;
/* position:absolute;
top:45px;
right:750px; */
}

#slogan{
background:url(images/slogan.png) no-repeat;
width:687px;
height:37px;
margin-left:-20px;
/* position:absolute;
top:145px; */
}

#infos{
background:url(images/infoPratique.png) no-repeat;
/*width:350px;*/
height:201px;
margin-top:200px;
/*position:absolute;
right:0px;
top:165px;*/
float:right; 
z-index:2;
}

#infos p{
color:white;
font-weight:bold;
font-size:18px;
padding-bottom:25px;
margin-left:100px;
}
#portable{margin-top:33px;}

/*DIV MENU */
#fondMenu{
background:url(images/fond_menu.png) no-repeat;
width:733px;
height:71px;
margin-top:0px;
}

#menu{
position:absolute;
margin-top:25px;
}

#accueil, #qui, #presse, #mode, #interieur{
border-right:solid white 2px;
}

#menu li{
list-style:none;
display:inline;
padding-right:5px;
padding-left:5px;
margin-top:10px;
font-size:15px;
color:white;
font-weight:bold;
text-decoration:none;
}

#menu li a {
color:white;
text-decoration:none;
}

#accueil a:hover , #qui a:hover, #presse a:hover, #mode a:hover, #interieur a:hover, #contact a:hover{
text-decoration:underline;
color:white;
}
#mail{
color:#c70067;
}
/* --------------------------CONTENU-------------------------- */
h2{
padding:15px 0 0 50px;
color:#2f2f2f;
size:14px;
margin:30px 0 0 70px;
background:url(images/titre.png) no-repeat;
width:173px;
height:30px;
}

form{
width:500px;
margin-top:30px;
margin-left:100px;
}
textarea{
height:100px;
width:150px;
}
form input{
width:150px;
margin-bottom:20px;
}
#envoyer, #effacer{
width:80px;
}
#titreLucie{
padding:15px 0 0 50px;
color:#2f2f2f;
size:14px;
margin:30px 0 0 70px;
background:url(images/titre2.png) no-repeat;
width:173px;
height:30px;
}
#contenu{
margin-top:4px;
width:730px;
min-height:500px;
background-color:white;
border:grey 2px solid;
z-index:1;
}
#video{
margin-left:180px;
margin-top:20px;
}
#accueil p, #accueil ul{
text-align:center;
font-weight:bold;
}

#accueil{
margin-top:20px;
margin-bottom:30px;
margin-left:30px;
margin-right:0px;
color:#2f2f2f;
}
#contenu_qui{
margin-top:20px;
margin-bottom:30px;
margin-left:30px;
margin-right:0px;
}
.question{font-weight:bold;
text-decoration:underline;
margin:10px 0 10px 0;
}
.reponses{
font-style:italic;
margin:10px 0 10px 0;}
/* PIED DE PAGE */
#silhouette{
float:right;
margin-top:150px; 
/* right:35px;
z-index:0;
top:350px; */
}
#piedPage{
margin-top:10px;
margin-bottom:20px;
width:730px;
min-height:30px;
background-color:white;
border:grey 2px solid;
}

#piedPage p{
font:9px arial;
text-align:center;
}

.illustration{
margin:0px 0px 10px -30px;
}

#float_images{float:left;padding-bottom:70px;}