/* COMMUN */
body { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #009FD7; }
* { margin: 0px; padding: 0px; }
img { border: 0px; }
ul { list-style-type: none; }
	/* liens */
a, a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
	/* global */
div.global { background: url(images/degrade.gif) repeat-x top #FFFFFF; width: 960px; margin-top: 0px; margin-left: auto; margin-right: auto; }
	/* bandeau logo */
div.logo { position: relative; z-index: 10; width: 200px; height: 156px; top: 0px; left: 0px; }
div.logo h1.smd { position: relative; top: 0px; left: 0px; width: 150px; height: 121px; display: inline; margin-left: 50px; margin-top: 35px; float: left; }
div.logo div.hv { position: relative; top: 0px; left: 0px; width: 110px; height: 48px; display: inline; margin-left: 550px; margin-top: 12px; float: left; }
div.logo h1.smd a.smd { display: block; width: 150px; height: 121px; text-indent: -5000px; overflow: hidden; cursor: pointer; background: url(images/logo-smd.png) no-repeat 0px 0px; }
div.logo div.hv a.hv { display: block; width: 110px; height: 48px; text-indent: -5000px; overflow: hidden; cursor: pointer; background: url(images/logo-hv.png) no-repeat 0px 0px; }
	/* bandeau top / baseline / maison */
div.topIndex { position: relative; z-index: 1; width: 960px; height: 498px; top: 0px; left: 0px; }
.baselineIndex { position: absolute; z-index: 5; width: 496px; height: 41px; top: 335px; left: 128px; background: url(images/baseline.png) no-repeat; }
div.maisonIndex { position: absolute; z-index: 6; width: 336px; height: 324px; top: 174px; left: 624px; background: url(images/maison.png) no-repeat; }
div.bandeauNavIndex { position: absolute; z-index: 2; width: 960px; height: 32px; top: 425px; left: 0px; }
h3.ssNavIndex { position: absolute; z-index: 3; width: 960px; height: 21px; top: 11px; left: 0px; background-color: #BF5050; }

div.topInt { position: relative; z-index: 1; width: 960px; height: 235px; top: 0px; left: 0px; }
.baselineInt { position: absolute; z-index: 5; width: 496px; height: 41px; top: 95px; left: 235px; background: url(images/baseline.png) no-repeat; }
div.maisonInt { position: absolute; z-index: 6; width: 254px; height: 233px; top: 0px; left: 706px; background: url(images/maison-int.png) no-repeat; }
div.bandeauNavInt { position: absolute; z-index: 2; width: 960px; height: 42px; top: 179px; left: 0px; }
h3.ssNavInt { position: absolute; z-index: 3; width: 960px; height: 19px; padding-top: 12px; font-size: 12px; color: #7D2F2F; text-indent: 48px; font-weight: normal; top: 11px; left: 0px; background-color: #BF5050; }
	/* nav */
div.nav { position: absolute; z-index: 4; width: 912px; height: 21px; font-weight: bold; top: 0px; left: 48px; background-color: #73933F; }
div.nav ul { margin-left: 50px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; letter-spacing: -1px; }
div.nav li { display: block; float: left; width: 173px; text-align: center; }
div.nav li.navOff { background-color: #73933F; }
div.nav li.navOn { background-color: #BF5050; }
div.nav li a { display: block; width: 173px; height: 100%; line-height: 21px; font-weight: bold; color: #FFFFFF; }
div.nav li a:hover { text-decoration: none; background-color: #DD8989; }
	/* sous nav */
h3.ssNavInt u { color: #DD8989; }
h3.ssNavInt a { color: #FFFFFF; }
	/* espace client */
div.log { position: absolute; z-index: 3; width: 182px; height: 77px; top: 10px; left: 24px; border: 1px solid #73933F; background: url(images/fond-login.gif) right repeat-y; }
div.log span { position: absolute; color: #73933F; top: -14px; left: -1px; font-size: 11px; }
div.log ul { padding-left: 0px; }
div.log ul.login { padding-top: 5px; }
div.log li { float: left; }
div.log li input { width: 80px; height: 15px; font-size: 11px; border: 1px solid #BF5050; }
div.log li.int { height: 22px; width: 88px; line-height: 22px; color: #BF5050; font-size: 11px; font-weight: bold; text-align: right; padding-right: 5px; }
div.log li.champs { height: 22px; line-height: 22px; text-align: right; }
div.log li.button { padding-left: 108px; }
div.log li.nom { height: 22px; width: 175px; line-height: 22px; color: #BF5050; font-weight: bold; text-align: right; }
div.log li.espace { height: 22px; width: 175px; line-height: 22px; text-align: right; }
div.log li.dec { height: 22px; width: 175px; line-height: 22px; text-align: right; }
div.log li a { color: #BF5050; font-weight: bold; }
	/* adresses */
div.adresses { position: absolute; z-index: 3; width: 300px; top: 0px; left: 24px; }
div.adresses p { color: #9ACBDC; margin-bottom: 5px; }
div.adresses span { text-decoration: underline; color: #009FD7; }
	/* liens */
div.liensIndex { position: absolute; width: 99px; height: 73px; top: -60px; left: 728px; }
div.liens { position: absolute; z-index: 8; width: 99px; height: 73px; top: 110px; left: 111px; background: url(images/traits-liens.gif) no-repeat; }
div.liens ul { text-align: right; padding-right: 2px; }
div.liens li { height: 19px; line-height: 16px; }
div.liens a { font-size: 11px; color: #8D8D8D; }
	/* pied */
div.Pied { color: #FFFFFF; margin-left: auto; margin-right: auto; margin-top: 5px; margin-bottom: 5px; text-align: center; font-size: 11px; }
div.Pied a { color: #FFFFFF; }


/* HOME */
div.centre { position: relative; z-index: 1; width: 960px; height: 600px; top: 0px; left: 0px; }
div.gaucheIndex { position: relative; z-index: 2; float: left; top: 0px; left: 24px; width: 702px; }


/* PAGES INT */
div.contenu { position: relative; z-index: 1; width: 960px; min-height: 440px; display: table; top: 0px; left: 0px; }
div.gauche { position: relative; z-index: 2; float: left; top: 0px; left: 24px; width: 702px; color: #7D2F2F; border-left: 1px solid #D2EEF8; border-right: 1px solid #D2EEF8; border-top: 1px solid #D2EEF8; background-color: #FFFFFF; }
div.gauche div.texte { padding: 0px; margin: 0px 23px 23px 23px; }
div.gauche div.texte a, div.gauche div.texte a:link, div.gauche div.texte a:visited { color: #7D2F2F; text-decoration: underline; }
div.gauche div.texte a.retourTop { margin-left: 600px; font-size: 9px; }
div.droite { position: relative; z-index: 20; width: 232px; left: 728px; }
div.gauche .posDroite { border: 1px solid #73933F; float: right; margin: 0px 0px 20px 23px; }
	/* titre */
div.gauche h2 { height: 40px; line-height: 40px; font-size: 25px; color: #BF5050; text-decoration: underline; text-indent: 23px; }
	/* block réalisation */
div.block { position: relative; float: left; width: 234px; height: 240px; }
div.block img { position: absolute; top: 10px; left: 23px; border: 1px solid #73933F; }
div.block h4.etiquetteBlanc { position: absolute; top: 150px; left: 38px; color: #73933F; font-size: 17px; width: 158px; height: 34px; border: 1px solid #73933F; background-color: #FFFFFF; text-indent: 5px; line-height: 25px; }
div.block h4.etiquetteVert { position: absolute; top: 150px; left: 38px; color: #FFFFFF; font-size: 17px; width: 160px; height: 36px; background-color: #73933F; text-indent: 5px; line-height: 25px; }
div.block a.visite { position: absolute; display: block; top: 175px; left: 104px; width: 87px; height: 19px; text-indent: -5000px; overflow: hidden; cursor: pointer; background: url(images/plus-photos.png) no-repeat; }
	/* block visite guidée */
div.chiffreVis { position: absolute; z-index: 10; top: 56px; left: 23px; width: 224px; }
div.chiffreVis h4 { color: #73933F; font-size: 19px; height: 34px; line-height: 25px; }
div.chiffreVis a.numOff { display: block; width: 18px; height: 18px; float: left; margin-right: 8px; color: #999999; font-weight: bold; border: 1px solid #999999; text-align: center; line-height: 18px; }
div.chiffreVis a.numOn { display: block; width: 18px; height: 18px; float: left; margin-right: 8px; color: #FFFFFF; background-color: #999999; font-weight: bold; border: 1px solid #999999; text-align: center; line-height: 18px; }
div.chiffreVis div.num { display: block; width: 18px; height: 18px; float: left; margin-right: 8px; color: #DDDDDD; font-weight: bold; border: 1px solid #DDDDDD; text-align: center; line-height: 18px; }
div.encadreVis { position: relative; top: 0px; left: 23px; width: 656px; margin-top: 20px; }
div.encadreVis img { border: 1px solid #73933F; margin-left: 224px; }
div.encadreVis p { position: absolute; top: 65px; left: 0px; width: 208px; color: #FFFFFF; padding: 12px 8px 0px 8px; background-color: #73933F; }
div.encadreVis a.retourVis { position: relative; display: block; top: 9px; left: 60px; width: 87px; height: 19px; text-indent: -5000px; overflow: hidden; cursor: pointer; background: url(images/retour.png) no-repeat; }
	/* espace clients */
div.clients { margin-left: 23px; margin-right: 23px; }
div.clients ul.titres { clear: both; margin-top: 10px; }
div.clients ul.titres li { line-height: 18px; margin-bottom: 5px; color: #009FD7; text-decoration: underline; }
div.clients p.explications { margin-bottom: 30px; }
div.clients ul.fichiers { clear: both; }
div.clients ul.fichiers li { float: left; width: 100px; height: 80px; text-align: center; margin-bottom: 10px; }
div.clients ul.fichiers li a { color: #543F42; }
	/* projet / formulaires */
div.projDesc { margin-left: 23px; padding-bottom: 20px; width: 650px; }
div.projDesc li.partie { clear: both; float: left; line-height: 21px; height: 21px; width: 290px; text-align: right; color: #009FD7; }
div.projDesc li span { color: #FF0000; }
div.projDesc li span.legend { font-size: 10px; color: #7D2F2F; }
div.projDesc li.champs { float: left; width: 300px; text-align: left; padding: 0px 0px 0px 5px; }
div.projDesc li.mod { width: 130px; float: left; text-align: center; }
div.projDesc li.champs input { width: 200px; border: 1px solid #9ACBDC; }
div.projDesc li.champs select { font-size: 12px; border: 1px solid #9ACBDC; width: 130px; }
div.projDesc li.champs textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 250px; height: 100px; border: 1px solid #9ACBDC; }
div.projDesc li.valider { margin-left: 400px; padding-top: 10px; clear: both; }
div.projDesc li.valider input { width: 150px; }