body{margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size: 100%;}
h1{font-size:180%;}
img {border:0;}
body{margin:0; padding:0;}
a { color:#98bcdb;}
#page {position:absolute; min-width: 1000px; width:100%; height:100%; min-height: 750px; margin:0; padding:0; }
#error { margin: 10%; text-align:center;border: 1px solid #98bcdb;}
#error fieldset { border: 1px solid #98bcdb; } 
#error legend { color: #98bcdb;}
#error p { font-size: 90%;}
#error a { color: #49699c; text-decoration : none; text-align: center;}
#mailSent {margin: 5%; border: 1px solid #98bcdb; text-align:center; }
.warning {color: #49699c;}
#error404 { border: 1px solid #98bcdb; font-weight: 90%; padding: 2%;}
#center{height:100%;}
/*  -------------------------------------------------- EN-TETE ----------------------------------------------------------------  */
/*  ---------------------------------------------------------------------------------------------------------------------------  */
#container-head{position:absolute;top:0; height: 130px; width: 60%; left: 20%; border-bottom: 5px dotted #98bcdb; margin: 0 auto; overflow:auto; background:#ffffff; text-align:center;}
#head{margin:auto;}

/*  -------------------------------------------------- CONTENEUR MENU ---------------------------------------------------------  */
/*  ---------------------------------------------------------------------------------------------------------------------------  */
#container-menu{background : #49699C; height:100%; width:200px; position:absolute; padding:0; margin:0;}

#container-menu #menu {position:absolute; z-index:1;right:3%; top:0px; text-align:right;}
#container-menu #menu-blank {position:absolute; right:0%; top:0; z-index:10; height:100%; width: 55px; background : url('images/wave-left.png') repeat-y;}
#container-menu #menu ul li {position:relative;float:right; clear:right; right: 0; list-style-type:none;margin: 3% 0; height: 32px;background : url('images/bg-menu-item.png') no-repeat; padding: 5px 0; }
#container-menu #menu ul li a { display:block; width: 90%;text-decoration: none; color: #000000;position:relative;font-size: 95%; top:4px; padding: 2px 3px; }
#container-menu #menu ul .active {  background: url('images/bg-menu-item-active.png') no-repeat; 	}
#container-menu #menu ul .active a {color:#98bcdb;}
#container-menu #menu ul .menuItem1 { width: 150px;}
#container-menu #menu ul .menuItem2 { width: 140px;}
#container-menu #menu ul .menuItem3 { width: 135px;}
#container-menu #menu ul .menuItem4 { width: 140px;}
#container-menu #menu ul .menuItem5 { width: 150px;}
#container-menu #menu ul .menuItem6 { width: 165px;}
#container-menu #menu ul .menuItem7 { width: 180px; }
#container-menu #menu ul .menuItem8 { width: 190px;}
#container-menu #menu ul li.menuItem1 a { right: 10px;}
#container-menu #menu ul li.menuItem2 a { right: 5px;}
#container-menu #menu ul li.menuItem3 a { right: -3px;}
#container-menu #menu ul li.menuItem4 a { right: 0px;}
#container-menu #menu ul li.menuItem5 a { right: 5px;}
#container-menu #menu ul li.menuItem6 a { right: 10px;}
#container-menu #menu ul li.menuItem7 a { right: 20px;}
#container-menu #menu ul li.menuItem8 a { right: 30px;}
#container-menu #address { width: 140px; left: 10px; position:absolute; top: 460px; font-size: 80%; color:#ffffff;}


/*  -------------------------------------------------- CONTENU --------------------------------------------------------------  */
/*  -------------------------------------------------------------------------------------------------------------------------  */
#content { position: absolute; left: 50%; top: 150px; width: 60%;  margin-left: -30%; height: 78%;  overflow:auto;}

#content #home p {text-align:justify; font-size: 90%;margin: 5px 0;} 
#content .buttons {width: 100%;}
#content #right, #content #left { margin: 0 auto; background:none; border:none; font-size: 200%; font-weight:bold; top:100px; position:absolute;}
#content #right { right:0;}
#content #left { left: 0;}

#carousel { position:relative; left:50%; margin-left: -45%; top:0; width: 90%;}
#carousel1 {width:90%; height: 300px; left:5%;}
#carousel1 img { border:0;}

#content #showroom-image { margin:0 auto;}
#content #showroom-image li { border-left: 5px solid #000000;margin-left: -4px;}
#content #showroom-image div span { padding: 0 10px;}
#content #container-showroom {width: 650px; margin:auto;}
#content #showroom-text {position:relative; top: 5%;font-size: 0.8em; text-align:justify; color:#49699C; margin: 5% 0;}

#content #creations, #content #conseils, #content #installation { margin: 0 auto;}
#content #creations #creationText .text{ height: 65%; overflow: auto;position:absolute;}
#content #creations .img-creations { position: absolute; bottom: 0; width: 100%;}
#content #creations p, #content #conseils p, #content #installation p, #content #store p{ margin: 2% 0; text-align: justify; color: #49699C; font-size: 90%;}
#content #creations .creationContact{position:absolute; bottom:150px ;z-index: 10;}
#content #creations .creationContact div { background: #98bcdb; padding:0 1%; width: 46%; float:left; color:#ffffff; margin: 0 1%;min-height:50px;position:relative;}
#content #creations .creationContact p { color:#ffffff;text-align:left;font-size: 80%;}
#content .creationContact a { color: #49699c;}



#content #conseils img { float:left; margin : 1% 3%;} 
#content #installation .img { float:right; margin : 1% 3%;} 
#content #installation #steps { clear: both; position:absolute; bottom: 3%; width: 100%;}
#content #installation #steps li { background: #dde5ec; border: 1px solid #98bcdb; padding: 0.5%; margin: 0.5%; text-align:center;}
#content #installation #steps a { text-decoration: none; color:#000000; cursor: default;}

#content #news img { float:left; margin: 0 5px 5px;}
#content #news hr {clear:both; border: 0.5px solid #49699c;}

#content #contact #map, #content #contact #form {float:left; margin: 15px 2% 0 2%;}
#content #contact, #content #plan { margin: auto; width: 500px; background: #dde5ec; padding: 8px;border:1px solid #49699c;}
#content #plan h1 { font-size:150%; color: #49699c; text-align: center;} 


#content #plan label { display:block; width: 80px; float:left; text-align: right;color:#49699c;margin: 10px 2px; font-size: 90%;}
#content #plan input[type="text"] { float:left; margin: 10px 5px;border: 2px ridge #49699c;}
#content #plan input[type="file"] {float:left; margin: 10px 5px;border: 2px ridge #49699c;background:#ffffff;}
#content #plan textarea {border:none; width:0;}
#content #plan legend { color: #49699c; font-size:90%;margin:0 2.5%;}
#content #plan fieldset {border : none; padding:1%; width: 98%; margin: 1% 0;clear:both;}
#content #plan .sizePlan { margin: 14px 5px; color:#49699c; font-size:70%;display:block; float:left; width:20%;}

#content #contact label{ display:block;margin-top: 8px; margin-left:2%;color:#49699c;font-weight:bold; font-size: 95%;}
#content #contact input[type="text"] { width: 160px; border: 2px ridge #49699c; padding: 2px; }
#content #contact textarea { width:480px; margin: 1%; border:0;}
#content #contact input[type="submit"], #content #plan input[type="submit"]{margin:10px auto; text-align:center;left: 42%;position:relative; background: #49699c;padding: 1px 3px; color:#ffffff; font-weight:bold; font-size: 90%; border: 1px solid #ffffff;}
#content #contact .cnil { color:#49699c; font-size: 60%; }


/*  -------------------------------------------------- ACTIVITES ------------------------------------------------------------  */
/*  -------------------------------------------------------------------------------------------------------------------------  */
#container-right {background : #49699C ; height:100%; width: 200px; position:absolute; right:0; top:0; margin:0; padding:0;}
#activities #white {position:absolute; left:0%; top: 0%;z-index:2; height:100%; width: 55px; background : url('images/wave-right.png') repeat;}
/*#activities{position:absolute;bottom:0%;right: 0;height: 98%; width: 200px;margin:0; background : #d4e5f4 url;padding: 0.5%;}*/
#activities {margin: 30px 0 0;}
#activities .img {width:180px; height: 116px; background:#000000; margin:auto;}
#activities #img6 { position:absolute;height:116px; width:180px;	background :url(../images/rightbar/creation.jpg) no-repeat center;}
#activities #img9 { position:absolute;height:116px; width:180px;	background :url(../images/rightbar/conseil.jpg) no-repeat center;}
#activities #img8 { position:absolute;height:116px; width:180px;	background :url(../images/rightbar/showroom.jpg) no-repeat center;}
#activities #img7 { position:absolute;height:116px; width:180px;	background :url(../images/rightbar/installation.jpg) no-repeat center;}

.activity {position:relative; margin: 8% 2%; width: 160px;height: 130px; cursor:pointer; left: -2%;}
.activity h4 {position:relative;color:#ffffff; text-align:right; top: 3%; margin:3% auto;}


/*  -------------------------------------------------- PIED DE PAGE ---------------------------------------------------------  */
/*  ---------------------------------------------------------------------------------------------------------------------------  */
#footer{position:absolute;bottom:0%; left:20%; width: 55%; margin:0 auto; text-align:center; z-index:11;}
#footer p {position:relative; color:#49699C; text-align:center; margin:0; font-size: 70%;margin: 2% auto;}