html {
     width: 100%;
     height: 100%;
     overflow: auto !important;
}
 .map {
     width: 400px;
     height: 150px;
     background: url('http://www.notrepanorama.com/layout/map-sprite.jpg') no-repeat;
     padding-left: 230px;
     padding-top: 25px;
     display: block;
     margin-bottom: 20px;
}
 .map1 {
     background-position:0px 0px;
}
 .map2 {
     background-position:0px -150px;
}
 .map3 {
     background-position:0px -300px;
}
 .flickrbutton {
     height : 24px;
     display:block;
     background-color:red;
     background:url('http://www.notrepanorama.com/layout/flickr-icon.jpg') no-repeat;
     padding-left:28px;
     margin-bottom:10px;
     line-height:24px;
}
 #flickrbox {
     background:#c6c6c6;
     height:225px;
     width:300px;
     margin-bottom:10px;
}
 #social {
     float:right;
     width:300px;
     margin-top:5px 
}
 #social ul {
     margin:0;
     padding:0;
     list-style:none;
     clear:both;
}
 #social li {
     text-indent:-9999px;
     display:inline;
     float:left;
     width: 150px;
     height: 50px;
}
 #social li a {
     background:url('http://www.notrepanorama.com/layout/fb-tw-sprite.jpg') no-repeat;
     display:block;
     text-decoration: none;
     width:100%;
     height:100%;
}
 #social li.social1 a{
     background-position:0px 0px;
}
 #social li.social1 a:hover{
     background-position:0px -50px;
}
 #social li.social1 a.selected{
     background-position:0px -50px;
}
 #social li.social2 a{
     background-position:-150px 0px;
}
 #social li.social2 a:hover{
     background-position:-150px -50px;
}
 #social li.social2 a.selected{
     background-position:-150px -50px;
}
 .imageblock {
     display : block;
     padding-top:5px;
     padding-bottom:5px;
}
 ul {
     padding: 7px 0 10px 15px;
}
 li {
     padding: 0 0 7px 0;
     list-style:square outside none;
}
 a {
     outline: none;
}
 #submenu {
     width: 960px;
     margin: 0 auto;
}

 #submenu ul{
	padding:0px;
	float: right;
    position: relative;
	margin:0;
    padding:0;
    list-style:none;
    clear:both;
 }
 
 #submenu li {
    display:inline;
    float:left;
    height: 24px;
 }
 
 #submenu li a {
     background:url('/layout/menu.jpg') no-repeat;
    color: #ffffff;
    z-index : 2;
    text-indent:-9999px;
	display:block;
    text-decoration: none;
    width:100%;
    height:100%;
}

 #submenu li.m1 a {
	 width:155px;
     background-position:-728px 0px;
}

 #submenu li.m1 a:hover{
     background-position:-728px -55px;
}
 #submenu li.m1 a.selected{
     background-position:-728px -55px;
}

 #submenu li.m2 a {
	 width:110px;
     background-position:-873px 0px;
}

 #submenu li.m2 a:hover{
     background-position:-873px -55px;
}
 #submenu li.m2 a.selected{
     background-position:-873px -55px;
}

 #menu {
     float: right;
     position: relative;
     top : 35px;
}
 #menu ul {
     margin:0;
     padding:0;
     list-style:none;
     clear:both;
}
 #menu li {
     text-indent:-9999px;
     display:inline;
     float:left;
     margin-left:2px;
     height: 55px;
    /* background-color: #9F6;
     */
}
 #menu li a {
     background:url('/layout/menu.jpg') no-repeat;
     display:block;
     text-decoration: none;
     width:100%;
     height:100%;
}
 #menu li.m1 a{
	 width:100px;
     background-position:0px 0px;
}
 #menu li.m1 a:hover{
     background-position:0px -55px;
}
 #menu li.m1 a.selected{
     background-position:0px -55px;
}
 #menu li.m2 a{
	 width:210px;
     background-position:-100px 0px;
}
 #menu li.m2 a:hover{
     background-position:-100px -55px;
}
 #menu li.m2 a.selected{
     background-position:-100px -55px;
}
 #menu li.m3 a{
	 width:85px;
     background-position:-311px 0px;
}
 #menu li.m3 a:hover{
     background-position:-311px -55px;
}
 #menu li.m3 a.selected{
     background-position:-311px -55px;
}
 #menu li.m4 a{
     width:114px;
     background-position:-400px 0px;
}
 #menu li.m4 a:hover{
     background-position:-400px -55px;
}
 #menu li.m4 a.selected{
     background-position:-400px -55px;
}
 #menu li.m5 a{
	 width:114px;
     background-position:-511px 0px;
}
 #menu li.m5 a:hover{
     background-position:-511px -55px;
}
 #menu li.m5 a.selected{
     background-position:-511px -55px;
}
 #menu li.m6 a{
     width:90px;
     background-position:-629px 0px;
}
 #menu li.m6 a:hover{
     background-position:-629px -55px;
}
 #menu li.m6 a.selected{
     background-position:-629px -55px;
}
 body {
     margin: 0px;
     padding: 0px;
     background-color: #b3bdc7;
     position: relative;
}
 #header {
     width: 100%;
     height : 90px;
     border-bottom-width: 5px;
     border-bottom-style: solid;
     border-bottom-color: #631e1b;
     background-image: url(http://www.notrepanorama.com/layout/top-dgd.jpg);
     background-repeat: repeat-x;
    /*overflow : hidden;
    */
}
 #head {
     width: 960px;
     margin: 0 auto;
}
 #logo {
     float: left;
     position: relative;
}
 #photo {
     width: 100%;
     height: 339px;
     overflow: hidden;
     margin: 0px;
     padding: 0px;
     position: relative;
     background-repeat: no-repeat;
     background-position: center top;
}
 #content {
     background-color: #FFF;
     width: 960px;
     margin: 0 auto;
     padding: 10px;
     height: auto;
     background-image: url(http://www.notrepanorama.com/layout/content-bkg2.jpg);
     background-repeat: repeat-y;
}
 .carre {
     background-color: #FFF;
     width : 300px;
     float : left;
     padding-right:15px;
}

.title{
     border-top-width: 2px;
     border-bottom-width: 2px;
     border-top-style: dotted;
     border-bottom-style: dotted;
     border-top-color: #557DA1;
     border-bottom-color: #557DA1;
     color: #557DA1;
     text-transform: uppercase;
     font-family: Verdana, Geneva, sans-serif;
     font-size: 12px;
     line-height: 14px;
     letter-spacing: 1px;
     font-weight: normal;
     margin-top: 10px;
     margin-bottom: 10px;
     padding-top: 5px;
     padding-bottom: 5px;
}

.subtitle{
    color: #557DA1;
    font-weight: bold;
    text-transform: uppercase;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
	border:none;
	padding-top: 0px;
}

.separator{
    border-top-width: 2px;
    border-top-style: dotted;
    border-top-color: #557DA1;
    padding-top: 15px;
    margin-top: 15px;
}

 .clearfloat {
    clear:both;
}
 .link {
     margin-right: 10px;
     vertical-align: middle;
}
 #footer {
     background-image: url(http://www.notrepanorama.com/layout/footer-dgd.jpg);
     background-repeat: repeat-x;
     width: 960px;
     height: 58px;
     margin: 0 auto;
     display: block;
     padding: 10px;
     clear:both;
}
 #footer p {
     font-family: Verdana, Geneva, sans-serif;
     font-size: 10px;
     color: #747577;
     line-height: 13px;
}
 #sidebar {
     float : right;
     width : 300px;
}
 .news {
     font-family: Verdana, Geneva, sans-serif;
     font-size: 11px;
     color: #747577;
     line-height: 13px;
}
 #text {
     background-color: #FFF;
     float:left;
     width : 630px;
     font-family: Verdana, Geneva, sans-serif;
     font-size: 11px;
     color: #747577;
     line-height: 13px;
}
 #text p {
     margin-bottom: 10px;
}
 a {
     font-family: Verdana, Geneva, sans-serif;
     font-size: 11px;
     color: #557DA1;
     line-height: 13px;
     text-decoration: underline;
     clear: both;
}
 h1 {
     border-top-width: 2px;
     border-bottom-width: 2px;
     border-top-style: dotted;
     border-bottom-style: dotted;
     border-top-color: #557DA1;
     border-bottom-color: #557DA1;
     color: #557DA1;
     text-transform: uppercase;
     font-family: Verdana, Geneva, sans-serif;
     font-size: 14px;
     line-height: 16px;
     letter-spacing: 1px;
     font-weight: normal;
     margin-top: 10px;
     margin-bottom: 10px;
     padding-top: 10px;
     padding-bottom: 10px;
}
 h2 {
     font-size: 11px;
     font-weight: bold;
     margin-bottom: 7px;
}
 hr {
    border: none;
    border-top-width: 2px;
    border-top-style: dotted;
    border-top-color: #557DA1;
}
 .leftpart {
     float : left;
     width:600px;
     text-align:left;
}
 .rightpart {
     float : right;
     width:300px;
     text-align:right;
}
 .rightpart a {
     line-height: 13px;
}
.logo {margin-left: -20px;width: 250px;height: auto;padding-top: 9px}