body {margin:0; background-color:#8ea8f2; text-align:center; }
img {display:inline;;}
p{margin:0; font-family:arial; font-size:14px;}
#wrapper {width:978px; height:750px; background-color:black; text-align:left; padding-top:5px; 
margin-left:auto; margin-right:auto; margin-top:5px; margin-bottom:0;}

#logo{width:250px; height:250px; background-color:white; float:left; } /*border:5px solid #ccaf7d;*/
#logo img {border:0;}

#google728 {width:728px; height:90px; margin-top:5px; float:left;}
#google250 {width:250px; height:250px; margin-left:5px; margin-top:5px; /*background-color: #ccaf7d;*/ float:left;}

#inscription {width:728px; height:60px; margin-top:5px; float:left;  text-align:center; background-image : url(images/inscription.gif);}
#inscription form {margin:0;}
#inscription h1 {font-size:16px; margin:0; font-family:arial; color:red;}
#inscription p {text-align:center; margin:0;}
#titre {width:718px; height:90px; padding-right:5px; padding-left:5px; background-color:white; float:left; }
#titre h1 {font-size:24px; margin:0; font-family:arial; color:#ccaf7d; text-align:center;}
#titre h2 {font-size:14px; margin:0; font-family:arial; color:gray; text-align:justify;}
#wrapper2 {width:978px; height:465px; float:left; /*background-color:orange;*/}
#menu {width:250px; height:500px; float:left; /*background-color:pink;*/}
#menu a, h3{margin:0; font-family:arial; font-size:18px; color:green; text-align:center; text-decoration:none;}
#bouton {width:250px; height:30px;  float:left; margin-top:5px; background-image:url(images/menu.gif);}
#boutonactive {width:260px; height:30px;  float:left; margin-top:5px; background-image:url(images/menuon.gif);}
#bouton :hover { width:260px; height:30px; margin-top:0px; background-image:url(images/menuon.gif);}


#annonces {width:250px; height:30px;  float:left; margin-top:5px; background-image:url(images/menu2.gif);}
#annoncesactive {width:260px; height:30px;  float:left; margin-top:5px; background-image:url(images/menu2on.gif);}
#annonces :hover { width:260px; height:30px; margin-top:0px; background-image:url(images/menu2on.gif);}

#text {width:706px; height:460px; margin-left:260px;  padding-left:2px; padding-right:2px; margin-top:5px; background-color:white;}
#text h1 {margin:0; font-family:arial; text-align:center; font-size:22px; color:green;}
#text h2 {margin-top:5px; margin-bottom:0; font-family:arial; font-size:18px; color:red; text-indent:10px;}
#text p {margin-top:10px; text-indent:10px; margin-left:0; font-family:arial; font-size:14px; color:#414141; text-align:justify;}
#text ul {margin-top:0; color:#414141;}

#footpage {width:900px; height:30px; float:left; margin-left:39px; /*background-color:red;*/}
#footpage p{color:#e9e9e9; font-style: italic ; text-align:center; margin-top:10px;}

#studiowrapper {width:650px; height:300px; margin-top:5px; margin-right:auto; margin-left:auto;}
#studiotext {width:310px; padding:5px; height:290px; background-image:url(images/studio.gif);float:left;}
#studiotext a {color:red; text-decoration:none;}
#studiotext a:hover {font-size:15px; color:green; text-decoration:none;}
#studiotext h1 {margin:0; font-family:arial; text-align:center; font-size:20px; color:green;}
#studiophoto {width:310px; padding:5px; height:290px; background-image:url(images/studio.gif); float:left; margin-left:10px;}
#studiophoto img {margin-top:5px; width:300px; height:222px; border:0; margin-left:5px;}
#studiophoto img:hover {margin-top:7px; width:296px; height:219px; border:0; margin-left:7px;}
#studiophoto h1 {margin:0; font-family:arial; text-align:center; font-size:16px; color:green;}
#studiophoto h3 {margin-top:0px; text-align:center; font-family:arial; font-size:12px; color:#414141; }
#studiowrapper p {margin-top:10px; margin-left:0; font-family:arial; font-size:14px; color:#414141; text-align:justify;}
#studiowrapper ul {margin-top:0px; color:#414141;}

#salonwrapper {width:650px; height:230px;}
#salonlist {width:300px; height:200px; float:left; margin-top:20px; padding-top:10px; margin-left:10px; background-image:url(images/salon-list.gif);}
#salonimage {width:307px; height:230px; margin-left:25px; float:left; }
#salonmini {width:500px; height:70px; margin-top:8px; margin-right:auto; margin-left:auto;}
#salonmini img{border:0; float:left;}


#terrassewrapper {width:680px; height:230px;}
#terrassetext {float:left; width:280px; height:203px;  padding-left:10px; padding-top:7px; padding-right:10px; margin-left:10px; 
background-image:url(images/terrasse-text.gif);}
#terrassetext p {margin-top:20px;}
#terrasseimage {width:307px; height:230px; margin-left:25px; float:left;}
#terrassemini {width:500px; height:70px; margin-top:8px; margin-right:auto; margin-left:auto;}
#terrassemini img{border:0; float:left;}


#cuisinewrapper {width:650px; height:230px; margin-top:10px; }
#cuisinelist {width:300px; height:195px; float:left; margin-top:10px; padding-top:15px; margin-left:10px; background-image:url(images/salon-list.gif);}
#cuisineimage {width:307px; height:230px; margin-left:25px; float:left; }
#cuisinemini {width:250px; height:70px; margin-top:8px; margin-right:auto; margin-left:auto; }
#cuisinemini img{border:0; float:left;}

#salledeauwrapper {width:650px; height:230px; margin-top:10px; }
#salledeaulist {width:300px; height:195px; float:left; margin-top:10px; padding-top:15px; margin-left:10px; background-image:url(images/salon-list.gif);}
#salledeauimage {width:307px; height:230px; margin-left:25px; float:left; }
#salledeaumini {width:250px; height:70px; margin-top:8px; margin-right:auto; margin-left:auto; }
#salledeaumini img{border:0; float:left;}

#exterieurmini {width:435px; height:90px; margin-top:15px; margin-right:auto; margin-left:auto;}
#exterieurmini img{border:0; float:left;}

#carrowrapper {width:704px; height:195px; margin-top:5px; }
#carromini {width:693px; height:70px; margin-top:15px; margin-left:auto; margin-right:auto;}
#carromini img {border:0; float:left;}
#carroimage {width:295px; height:195px; float:left; padding-right:2px; border-right:2px solid black;}
#carrosat {width:403px; height:195px; float:left; padding-left:2px; }
#imgsatcarro {width:130px; height:130px; margin-right:auto; margin-left:auto; background-image:url(images/carro/miniaturesatcarro.jpg); }
#imgsatcarro:hover  {width:400px; height:400px; margin-right:auto; margin-top:-250px; margin-left:auto; background-image:url(images/carro/satcarroxl.jpg);}

#pourlouerwrapper {width:630px; height:210px; margin-right:auto; margin-left:auto; margin-top:20px;}
#pourlouerlist {width:290px; height:200px; float:left; padding-top:10px; padding-left:5px; padding-right:5px; margin-left:10px; background-image:url(images/salon-list.gif);}
#pourlouerpub {width:468px; height:60px; margin-top:10px; margin-right:auto; margin-left:auto; }
#pourlouerlist h2 {text-align:center;}
#pourlouerlist img {border:0; margin-left:100px; margin-top:10px;}


#etatloc {width:706px; height:90px; background-image:url(images/location.gif); margin-top:5px; margin-right:auto; margin-left:auto;}
#etatloc h1 {color:red; margin-top:10px;}
#etatloc p {text-align:center;}

#accueil {height:380px; 
width:585px; 
padding:15px; 
background-image:url(images/location.jpg);
margin-right:auto;
margin-left:auto;}