*{margin:0;padding:0;}
a img{border:0;}
body{height:100%;background:#535c65 url(../images/charte/bg-container.jpg) repeat-x;}
.intro{height:100%;background:none;}
.megrine{height:100%;background:#535c65 url(../images/charte/bg-container-megrine.jpg) repeat-x;}
#container{display:block;position:relative;margin:0 auto;width:100%;}
#contenu{width:920px;margin-left:auto;margin-right:auto;position:relative;}
.animationIntro{width:100%;text-align:center;}
#lienIntro{position:absolute; z-index:100; margin-top:297px; float:right; margin-left:622px; font:normal 20px Arial, Helvetica, sans-serif; color:#FFF;}
#lienIntro2{position:absolute; z-index:100; margin-top:377px; float:right; margin-left:622px; font:normal 20px Arial, Helvetica, sans-serif; color:#FFF;}
#description1{position:absolute; z-index:100; margin-top:635px; margin-left:20px; margin-right:20px; text-align:justify; font:normal 10px Arial, Helvetica, sans-serif; color:#000;}
#lienIntro a, #lienIntro2 a{text-decoration:none; color:#FFF;}
#description1 a{text-decoration:none; color:#025891;}
#description1 a:hover{text-decoration:underline; color:#025891;}

#menuTop{float:left;display:block;width:920px;}
#logoHaut{background:url(../images/charte/bg-logo.jpg) no-repeat;width:920px;height:95px;float:left;text-align:center;}
#liensMenuTop{float:left;display:block;width:920px;height:41px;}

#liensMenuTop #accueil{position:relative;float:left;height:41px;width:89px;}
#liensMenuTop #accueil a:visited, #liensMenuTop #accueil a:link{position:absolute;height:41px;width:89px;background:url(../images/charte/accueil.jpg) left top;}
#liensMenuTop #accueil a:hover, #liensMenuTop #accueil a:active{position:absolute;height:41px;width:89px;background:url(../images/charte/accueil.jpg) left bottom;}
#liensMenuTop #accueilOn{position:relative;float:left;height:41px;width:89px;}
#liensMenuTop #accueilOn a:visited, #liensMenuTop #accueilOn a:link{position:absolute;height:41px;width:89px;background:url(../images/charte/accueil.jpg) left bottom;}
#liensMenuTop #accueilOn a:hover, #liensMenuTop #accueilOn a:active{position:absolute;height:41px;width:89px;background:url(../images/charte/accueil.jpg) left bottom;}


#liensMenuTop #presentationProjet{position:relative;float:left;height:41px;width:173px;}
#liensMenuTop #presentationProjet a:visited, #liensMenuTop #presentationProjet a:link{position:absolute;height:41px;width:173px;background:url(../images/charte/presentation-projet.jpg) left top;}
#liensMenuTop #presentationProjet a:hover, #liensMenuTop #presentationProjet a:active{position:absolute;height:41px;width:173px;background:url(../images/charte/presentation-projet.jpg) left bottom;}

#liensMenuTop #presentationProjetOn{position:relative;float:left;height:41px;width:173px;}
#liensMenuTop #presentationProjetOn a:visited, #liensMenuTop #presentationProjetOn a:link{position:absolute;height:41px;width:173px;background:url(../images/charte/presentation-projet.jpg) left bottom;}
#liensMenuTop #presentationProjetOn a:hover, #liensMenuTop #presentationProjetOn a:active{position:absolute;height:41px;width:173px;background:url(../images/charte/presentation-projet.jpg) left bottom;}

#liensMenuTop #etudes{position:relative;float:left;height:41px;width:86px;}
#liensMenuTop #etudes a:visited, #liensMenuTop #etudes a:link{position:absolute;height:41px;width:86px;background:url(../images/charte/les-etudes.jpg) left top;}
#liensMenuTop #etudes a:hover, #liensMenuTop #etudes a:active{position:absolute;height:41px;width:86px;background:url(../images/charte/les-etudes.jpg) left bottom;}
#liensMenuTop #amenagementAppartement{position:relative;float:left;height:41px;width:232px;}
#liensMenuTop #amenagementAppartement a:visited, #liensMenuTop #amenagementAppartement a:link{position:absolute;height:41px;width:232px;background:url(../images/charte/amenagement-des-appartements.jpg) left top;}
#liensMenuTop #amenagementAppartement a:hover, #liensMenuTop #amenagementAppartement a:active{position:absolute;height:41px;width:232px;background:url(../images/charte/amenagement-des-appartements.jpg) left bottom;}

#liensMenuTop #amenagementAppartementOn{position:relative;float:left;height:41px;width:232px;}
#liensMenuTop #amenagementAppartementOn a:visited, #liensMenuTop #amenagementAppartementOn a:link{position:absolute;height:41px;width:232px;background:url(../images/charte/amenagement-des-appartements.jpg) left bottom;}
#liensMenuTop #amenagementAppartementOn a:hover, #liensMenuTop #amenagementAppartementOn a:active{position:absolute;height:41px;width:232px;background:url(../images/charte/amenagement-des-appartements.jpg) left bottom;}

#liensMenuTop #finitionsImmeuble{position:relative;float:left;height:41px;width:169px;}
#liensMenuTop #finitionsImmeuble a:visited, #liensMenuTop #finitionsImmeuble a:link{position:absolute;height:41px;width:169px;background:url(../images/charte/finitions-immeuble.jpg) left top;}
#liensMenuTop #finitionsImmeuble a:hover, #liensMenuTop #finitionsImmeuble a:active{position:absolute;height:41px;width:169px;background:url(../images/charte/finitions-immeuble.jpg) left bottom;}
#liensMenuTop #finitionsImmeubleOn{position:relative;float:left;height:41px;width:169px;}
#liensMenuTop #finitionsImmeubleOn a:visited, #liensMenuTop #finitionsImmeubleOn a:link{position:absolute;height:41px;width:169px;background:url(../images/charte/finitions-immeuble.jpg) left bottom;}
#liensMenuTop #finitionsImmeubleOn a:hover, #liensMenuTop #finitionsImmeubleOn a:active{position:absolute;height:41px;width:169px;background:url(../images/charte/finitions-immeuble.jpg) left bottom;}






#liensMenuTop #galerieSpa{position:relative;float:left;height:41px;width:64px;}
#liensMenuTop #galerieSpa a:visited, #liensMenuTop #galerieSpa a:link{position:absolute;height:41px;width:64px;background:url(../images/charte/galerie-spa.jpg) left top;}
#liensMenuTop #galerieSpa a:hover, #liensMenuTop #galerieSpa a:active{position:absolute;height:41px;width:64px;background:url(../images/charte/galerie-spa.jpg) left bottom;}

#liensMenuTop #galerieSpaOn{position:relative;float:left;height:41px;width:64px;}
#liensMenuTop #galerieSpaOn a:visited, #liensMenuTop #galerieSpaOn a:link{position:absolute;height:41px;width:64px;background:url(../images/charte/galerie-spa.jpg) left bottom;}
#liensMenuTop #galerieSpaOn a:hover, #liensMenuTop #galerieSpaOn a:active{position:absolute;height:41px;width:64px;background:url(../images/charte/galerie-spa.jpg) left bottom;}



#liensMenuTop #liensUtiles{position:relative;float:left;height:41px;width:96px;}
#liensMenuTop #liensUtiles a:visited, #liensMenuTop #liensUtiles a:link{position:absolute;height:41px;width:96px;background:url(../images/charte/liens-utiles.jpg) left top;}
#liensMenuTop #liensUtiles a:hover, #liensMenuTop #liensUtiles a:active{position:absolute;height:41px;width:96px;background:url(../images/charte/liens-utiles.jpg) left bottom;}

#liensMenuTop #liensUtilesOn{position:relative;float:left;height:41px;width:96px;}
#liensMenuTop #liensUtilesOn a:visited, #liensMenuTop #liensUtilesOn a:link{position:absolute;height:41px;width:96px;background:url(../images/charte/liens-utiles.jpg) left bottom;}
#liensMenuTop #liensUtilesOn a:hover, #liensMenuTop #liensUtilesOn a:active{position:absolute;height:41px;width:96px;background:url(../images/charte/liens-utiles.jpg) left bottom;}

#liensMenuTop #planImmeuble{position:relative;float:left;height:41px;width:169px;}
#liensMenuTop #planImmeuble a:visited, #liensMenuTop #planImmeuble a:link{position:absolute;height:41px;width:169px;background:url(../images/charte/plan-immeuble.jpg) left top;}
#liensMenuTop #planImmeuble a:hover, #liensMenuTop #planImmeuble a:active{position:absolute;height:41px;width:169px;background:url(../images/charte/plan-immeuble.jpg) left bottom;}

#liensMenuTop #planImmeubleOn{position:relative;float:left;height:41px;width:169px;}
#liensMenuTop #planImmeubleOn a:visited, #liensMenuTop #planImmeubleOn a:link{position:absolute;height:41px;width:169px;background:url(../images/charte/plan-immeuble.jpg) left bottom;}
#liensMenuTop #planImmeubleOn a:hover, #liensMenuTop #planImmeubleOn a:active{position:absolute;height:41px;width:169px;background:url(../images/charte/plan-immeuble.jpg) left bottom;}


#liensMenuTop #contact{position:relative;float:left;height:41px;width:97px;}
#liensMenuTop #contact a:visited, #liensMenuTop #contact a:link{position:absolute;height:41px;width:97px;background:url(../images/charte/contact.jpg) left top;}
#liensMenuTop #contact a:hover, #liensMenuTop #contact a:active{position:absolute;height:41px;width:97px;background:url(../images/charte/contact.jpg) left bottom;}
#liensMenuTop #contactOn{position:relative;float:left;height:41px;width:97px;}
#liensMenuTop #contactOn a:visited, #liensMenuTop #contactOn a:link{position:absolute;height:41px;width:97px;background:url(../images/charte/contact.jpg) left bottom;}
#liensMenuTop #contactOn a:hover, #liensMenuTop #contactOn a:active{position:absolute;height:41px;width:97px;background:url(../images/charte/contact.jpg) left bottom;}
#content{float:left;display:block;background:#FFFFFF repeat-y;min-height:400px;width:920px;}
#content2{float:left;width:533px;margin:10px 20px 0 20px;}
#content3{float:left;width:877px;margin:10px 20px 0 20px;}
#liensPlan{float:left;display:block;text-align:center;margin:20px 0 0 135px;}
.lienPlan{float:left;width:117px;margin-right:12px;}
.lienPlan .titelForPlan{font:bold 11px Arial, Helvetica, sans-serif;color:#025891;margin-top:5px;}
#menuRight{float:left;display:block;width:273px;margin:20px 0 0 25px;}
#blocCoordonnes{float:left;width:273px;background:url(../images/charte/bloc-coordonnees.jpg) no-repeat;height:175px;margin-bottom:8px;}
#telAndMail{display:block;float:left;margin:8px;}
#tel, #mail{float:left;display:block;margin-top:3px;}
#iconeTel{float:left;width:43px;height:33px;}
#detailsTel{float:left;width:205px;margin-left:5px;}
#detailsMail{float:left;width:209px;margin:10px 0 0 5px;}
#iconeMail{float:left;width:43px;height:43px;}
.savoirPlus{float:left;display:block;background:url(../images/charte/bg-savoir-plus.jpg) no-repeat;width:272px;height:90px;margin-bottom:8px;}
#footer{float:left;text-align:center;background:url(../images/charte/footer.jpg) no-repeat;width:920px;height:56px;font:normal 11px Arial, Helvetica, sans-serif;color:#FFFFFF;padding-top:35px;}
#footer a{text-decoration:none;color:#FFFFFF;}
#footer a:hover{text-decoration:underline;}
#planAcces{text-align:center;}
#liensPics{float:left;display:block;margin-left:190px;}
.lienPicsProjet{float:left;width:251px;font-family:Arial, Helvetica, sans-serif;}
#maindesc {font-family:Arial, Helvetica, sans-serif;}
.bumpbox{float:left;font-family:Arial, Helvetica, sans-serif;}
#photosAppart{float:left;display:block;width:812px;padding-left:58px;}
#texteMegrine{float:left;width:450px;margin-right:10px;height:580px;}
#photoMegrine{float:left;background:url(../images/charte/image-megrine.jpg) no-repeat;width:409px;height:580px;}
#retourMegrine{text-align:center;font:18px Arial, Helvetica, sans-serif;position:relative;top:-40px;}
.iconePdf{position:relative;top:3px;}
#container ul.accueilProjet{margin:-20px 0 20px 0;}