html {
     margin:0 0 0 0;
     padding:0 0 0 0;
     }
body {
     margin:  0 0 0 0;
     padding: 0 0 0 0;
     font:12px verdana, sans-serif;
     background-image:url("../images/fd-dgrad-vert_orange.png"),url('../images/fd-dgrad-vert_orange_inverse.png');
     background-repeat:repeat-x;
     background-position:0px 0px,0px 779px;
     }
div#boite{
          background-image:url("../images/arche_circle2.png");
          background-repeat:no-repeat;
          width:1050px;
          height:auto;
          margin:0 auto 0 auto;
          padding:0 0 0 0;
          overflow: hidden;
         }
div#menu{
         width:828px;
         height: 24px;
         position:relative;
         background-image:url("../images/fd_menu.png");
         background-repeat:no-repeat;
         background-color: #008000;
         padding:0 0 0 0;
         margin-top:269px;
         margin-left:145px;
         }
/*##############################pour le menu #################################################################################*/

ul#menuDeroulant
{
	background: #008000;
	width: 828px;
	height: 22px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	position:absolute;
        top:0;
        left:0;
        z-index:10;
}
ul#menuDeroulant li
{
	float: left;
	width: 100px;
	margin: 0;
	padding: 0;
	border: 0;
}
ul#menuDeroulant li.conseil
{
	float: left;
	width: 120px;
	margin: 0;
	padding: 0;
	border: 0;
}
ul#menuDeroulant li a:link, #menuDeroulant li a:visited
{
	display: block;
	height: 1%;
	color: #ffffff;
	background: #008000;
	margin: 0;
	padding: 4px 8px;
	border-right: 1px solid #ffffff;
	text-decoration: none;
}
ul#menuDeroulant li a:hover { background-color: #b76e44;z-index:10; }
ul#menuDeroulant li a:active { background-color: #b76e44; }

ul#menuDeroulant .sousMenu
{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}
ul#menuDeroulant .sousMenu li
{
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	width: 149px;
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
}
ul#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited
{
	display: block;
	color: #FFF;
	margin: 0;
	border: 0;
	text-decoration: none;
        background-color:#008000;
}
ul#menuDeroulant .sousMenu li a:hover
{
	background-image: none;
	background-color: #b76e44;
}

ul#menuDeroulant li:hover > .sousMenu { display: block; }

/*#########################################################fin du menu ###########################################################*/
/*#########################################################contenu    ############################################################*/
div#boite div#central{
           margin:0 0 0 125px;
           width:832px;
           height:auto;
           }

/*#####################################pour le contenu actuel##################################################################*/
#page {
            color: white;
            margin-bottom:80px;
	}
	#page a {
		color: white;
	}
	
	#page p {
		margin-bottom: 1em;
	}
/*#####################################fin visite virtuelle######################################################################*/
/*#########################################################fin du contenu ########################################################*/
/*#########################################################footer      ###########################################################*/
div#footer{
           background-image:url("../images/logo-roques.png");
           background-repeat:no-repeat;
           background-position:810px 10px;
           font-size:medium;
           width:1000px;
           height:auto;
           margin:0 auto 0 auto;
           color:#ffffff;
           overflow: hidden;
          }
div#adresse{margin:0 0 0 0;
            float:left;
            width:auto;
            height:auto;
           }
div#footer div#adresse h1{
            color:#ffffff;
             }
div#footer div#adresse h3{
             color:#ffffff;
             }
div#footer div#adresse h4{
             color:#ffffff;
             }
div#footer div#numero{
             float:left;
             color:#ffffff;
             margin-left:20px;
             margin-top:114px;
             }

div#footer div#autre{
             float:left;
             color:#ffffff;
             margin-left:20px;
             margin-top:152px;
             }
div#footer div#deco_footer {
	     clear:left;
             background-image:url("../images/deco_footer.png");
             background-repeat:no-repeat;
             background-position:130px 10px;
             width:920px;
             height:200px;
}
div#footer p.design{
            clear:left; 
            }
div#footer p.w3{
            margin-left:0px;
            margin-top:10px;
}
/*##############pages en travaux#######################################################################*/
.travaux{
         position:absolute;
         top:0;
         left:0px;
         width:100%;
         height:200%;
         background-image:url(../images/fd_oiseau_travaux.png);
         z-index:20000;
}
.info_travaux{
         position:absolute;
         background-color:#fff;
         background-image:url(../images/construction.png);
         width:500px;
         height:400px;
         z-index:20001;
}
.fermeture{
         background-image:url(../images/fermeture2.png);
         background-repeat:no-repeat;
         width:50px;
         height:50px;
}