@charset "utf-8";
/* CSS Document */
a:visited, a:active, a:focus{outline:none;}

html {font-size: 100%;}
body {font-size: .7em; margin: 20px 0 0 0; padding:0px; background-color:#000000; color:#ffffff; font-family:verdana;}
/*pages spécifiques*/
#page-imgfond-index { width:890px; background-image:url(images/index-fond.gif); background-repeat:no-repeat; padding:0px; margin:0px;}
#page-repeat-galerie { width:890px; background-image:url(images/galerie-fond-repeat.gif); background-repeat:repeat-y; padding:0px; margin-left:auto; margin-right:auto; margin-top:0px;}
#page-imgfond-galerie { width:890px; background-image:url(images/galerie-fond.gif); background-repeat:no-repeat; padding:0px; margin:0px;}
#page-repeat-vide { width:890px; background : none; padding:0px; margin-left:auto; margin-right:auto; margin-top:0px;}
#page-imgfond-prestation { width:890px; background-image:url(images/prestation-fond.jpg); background-repeat:no-repeat; padding:0px; margin:0px; min-height:554px;}
#page-imgfond-conseil { width:890px; background-image:url(images/conseil-fond.jpg); background-repeat:no-repeat; padding:0px; margin:0px; min-height:554px;}
#page-imgfond-presentation { width:890px; background-image:url(images/presentation-fond.jpg); background-repeat:no-repeat; padding:0px; margin:0px; min-height:554px;}
#page-repeat-actualite { width:890px;  background-image:url(images/actualite-fond-repeat.gif); background-repeat:repeat-y; padding:0px; margin-left:auto; margin-right:auto; margin-top:0px;}
#page-imgfond-actualite { width:890px; background-image:url(images/actualite-fond.gif); background-repeat:no-repeat; padding:0px; margin:0px; min-height:554px;}
#page-imgfond-contact { width:890px; background-image:url(images/contact-fond.jpg); background-repeat:no-repeat; padding:0px; margin:0px; min-height:554px;}
#page-imgfond-presse { width:890px; background-image:url(images/presse-fond.jpg); background-repeat:no-repeat; padding:0px; margin:0px; min-height:554px;}
#page-imgfond-liens { width:890px; background-image:url(images/lien-fond.gif); background-repeat:no-repeat; padding:0px; margin:0px; min-height:554px;}

#haut {width:890px; margin:0px; padding:0px;}
#haut-gauche {width:300px; float:left; margin: 15px 0 0 0px;}
#haut-droite { width:420px; float:right; margin : 0px; padding:117px 142px 0 0; text-align:right;}
#logo {display: block; cursor:pointer;  width:169px; height:43px; margin: 0 0 0 15px; background-image:url(images/logo-volumes-architecture.png)}
#menu-transparent { background-image:url(transparent.png); background-repeat:repeat; width:185px; margin: 15px 0 0 0;border-bottom:dashed 1px #6b6b6b ; border-top:dashed 1px #6b6b6b ; border-right:dashed 1px #6b6b6b ;padding:4px 4px 4px 10px;}

#menu-transparent ul{ margin:0px; padding:0px; width:185px; list-style:none;}
#menu-transparent ul li {margin:0px; padding:0px; width:185px;}
.normal{ margin:0px; padding:0px; width:185px; color:#ffffff;}
.puce-menu {margin: 0 4px 2px 0; padding:0px;}
.menu-active {color:#000000; text-decoration:none;}
.menu-normal {color:#FFFFFF; text-decoration:none;}
#haut-bas {clear:both;}

#contenu { width:890px; margin : 5px 0 15px 0;}
#contenu-gauche { width:300px; float:left; padding : 0 0 0 25px; margin:0px}
#contenu-gauche-seul { width:530px; float:left; padding : 0 0 0 25px; margin:0px} /*presentation prestation conseils*/
#contenu-interieur { background-image:url(transparent.png); background-repeat:repeat;  width:255px; color:#FFFFFF; border:dashed 1px #6b6b6b ; padding:10px;}
#contenu-interieur-seul { background-image:url(transparent.png); background-repeat:repeat;  width:470px; color:#FFFFFF; border:dashed 1px #6b6b6b ; padding:10px 50px 10px 10px;} /*presentation*/
#contenu-droite { width:500px; float:right; margin: 0 0 0 0; padding:0 57px 0 0; }
#contenu-droite-presse { width:150px; float:right; margin: 0 57px 0 0; }
#contenu-bas { clear:both;}

#bas { background-image:url(images/mini-logo.gif); background-repeat: no-repeat; width:870px; margin:10px auto; padding: 0 0 0 20px;}

h1 {color:#ffffff; font-size:1.2em; font-weight:bold; margin: 0 0 5px 0; padding:0px;}
h2 {font-size:1em; font-weight:bold; padding: 3px 10px 4px 3px; margin:0 0 2px 0; display: block; background :#000; color: #fff; text-decoration:none;border-bottom:solid 1px #ffffff ; cursor:pointer; }
h2:hover { background-color:#666666; cursor:pointer; color:#FFFFFF}
h3 {font-size:1em; margin:5px 0 0 0; padding:0px;}
h4 {font-size:1em; font-weight:bold; padding: 3px 10px 4px 3px; margin:0 0 2px 0; display: block; background :#000; color: #fff; text-decoration:none;border-bottom:solid 1px #ffffff ;}
p {margin:5px 0 5px 0; padding:0px;}
.lien-actu {color:#ffffff; text-decoration:none;}
.lire-la-suite {color:#ffffff; font-weight:bold;}
.lire-la-suite:hover {color:#666666; text-decoration:none;}
#p-soustitre {font-size:0.8em; color:#ffffff; font-style:italic;}
.lien-article{color:#000000; font-weight:bold;}
.lien-galerie{color:#FFFFFF; font-weight:bold;}

.liste-normal {list-style:none;}
.liste-normal li {list-style:none;}

/* accordéons */ 
#navigation { padding: 0px; margin: 0px; font-size: 1em;  color: #fff;}
.toggleSubMenu {list-style:none; margin:0px; padding:0px;}
#toogleSubMenu-seul {list-style:none; padding:0px; margin:0px;} /*histoire de chantier*/

.subMenu { padding:5px 0 5px 0; margin:0px; display:block; list-style:none; width:255px}
.subMenu-seul { padding:5px 0 5px 0; margin:0px; display:block; list-style:none; width:470px}

.c {display:inline; margin: 0px 4px 0px 4px; padding:0px; list-style:none;}
.d {margin:0px; padding:0px;}
.d img {border: 1px solid #dcb ;margin:5px 0px; padding:0px;}
.d:hover img {border: 1px solid #ffffff ; margin:5px 0px; padding:0px;}


/*galerie*/
ul#galerie_mini{margin: 0 ;padding: 0 ;list-style-type: none ;}
ul#galerie_mini li{float: right;}
ul#galerie_mini li a img{margin: 0px 3px ;border: 1px solid #dcb ;}
ul#galerie_mini li a:hover img{margin: 0px 3px ;border: 1px solid #ffffff ;}

dl#photo{clear: both ;margin: 0 auto ;list-style:none;}
dl#photo dt{list-style:none;padding:0px; margin:5px 0 5px 0; font-size:1.2em; color:#CCCCCC;}
dl#photo dd{margin: 0px; display:block; list-style:none; padding:0px; color:#adadad}
dl#photo img{border: 1px solid #dcb ; margin: 0px;}
dl#photo p {padding:0px; margin: 5px 8px 8px 0; color:#adadad}
img#bord {border: 1px solid #FFFFFF; margin: 0px;}

/*contact et lien*/
ul.liste-int{margin:0px; padding:0px; list-style:none;}
ul.liste-int a img {border:none;}
ul.liste-int li {margin:0 0 0px 0; padding:0px; list-style:none; display:block; width:470px}
ul.liste-int .gauche-presse{width:280px; float:left; margin:0 10px 0 0; text-align:left;}
ul.liste-int .droite-presse{width:180px; float:right;}
ul.liste-int .gauche-contact{width:200px; float:left; margin:0 10px 0 0;}
ul.liste-int .droite-contact{width:260px; float:right;}
ul.liste-int hr {clear:both; margin:0px; padding:5px 0 0 0; color:#7a7777; height: 1px;border: 0px;}

/*index */
#index-haut {width:890px; margin:0px; padding:170px 0 0 0; text-align:center;}
#logo-index { display: block; cursor:pointer;  width:169px; height:43px; margin: 0 auto 0 auto; background-image:url(images/logo-volumes-architecture.png)}
#index-contenu { width:790px; margin : 50px 50px 15px 50px; padding:0px; color:#999999; text-align:center;}
#menu-index {margin:150px 0 0 0; padding:0px; list-style:none;}
#menu-index li {margin:0 7px 0 0; padding:0px; list-style:none; display:inline;}
#menu-index li a{color:#999999;}
#nouveaute-index {margin:20px 0 0 0; padding:0px; list-style:none;}
#nouveaute-index li {margin:0 7px 0 0; padding:0px; list-style:none; display:inline; color:#999999;}
#nouveaute-index li a{color:#963634;}
#index-contenu h1 {color:#999999; font-size:1em;}
#index-contenu p {color:#666666; font-size:0.8em; }