/* COMMUN */
body { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; color: #543F42; font-size: 12px; background-color: #3D252B; }
* { 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-color: #FFFFFF; width: 899px; margin-top: 10px; margin-left: auto; margin-right: auto; }
	/* bandeau */
div.bandeau { position: relative; z-index: 10; width: 899px; height: 75px; top: 0px; left: 0px; background: url(images/bandeau-haut.gif) no-repeat; }
div.bandeau div.rjm { position: relative; top: 0px; left: 0px; width: 121px; height: 55px; display: inline; margin-left: 66px; margin-top: 4px; float: left; }
div.bandeau div.ffcv { position: relative; top: 0px; left: 0px; width: 60px; height: 60px; display: inline; margin-left: 646px; margin-top: 7px; float: left; }
div.bandeau div.rjm a.rjm { display: block; width: 143px; height: 64px; text-indent: -5000px; overflow: hidden; cursor: pointer; background: url(images/logo-rjm.png) no-repeat 0px 0px; }
div.bandeau div.ffcv a.ffcv { display: block; width: 60px; height: 60px; text-indent: -5000px; overflow: hidden; cursor: pointer; background: url(images/ffcv.gif) no-repeat 0px 0px; }
div.bandeau #po { position: absolute; top: 8px; left: 265px; }
	/* bandeau nav */
div.bandeauNav { position: relative; z-index: 2; width: 184px; height: 502px; top: 8px; left: 35px; background: url(images/nav-bandeau.png) no-repeat; }
	/* nav */
div.nav { position: absolute; z-index: 3; width: 172px; height: 130px; top: 28px; left: 41px; background: url(images/nav-fond.gif) no-repeat; }
div.nav ul { list-style-type: none; padding: 0px; }
div.nav li a { display: block; text-indent: -5000px; overflow: hidden; height: 100%; line-height: 25px; }
div.nav li.nav1 { background: url(images/nav-realisations.gif) no-repeat 0 0px; width: 172px; height: 25px; margin-bottom: 1px; }
div.nav li.nav2 { background: url(images/nav-conseils.gif) no-repeat 0 0px; width: 172px; height: 26px; margin-bottom: 1px; }
div.nav li.nav3 { background: url(images/nav-partenaires.gif) no-repeat 0 0px; width: 172px; height: 25px; margin-bottom: 1px; }
div.nav li.nav4 { background: url(images/nav-venez.gif) no-repeat 0 0px; width: 172px; height: 25px; margin-bottom: 1px; }
div.nav li.nav5 { background: url(images/nav-contactez.gif) no-repeat 0 0px; width: 172px; height: 25px; }
div.nav li.nav1 a:hover { background: url(images/nav-realisations.gif) no-repeat 0 -25px; }
div.nav li.nav2 a:hover { background: url(images/nav-conseils.gif) no-repeat 0 -26px; }
div.nav li.nav3 a:hover { background: url(images/nav-partenaires.gif) no-repeat 0 -25px; }
div.nav li.nav4 a:hover { background: url(images/nav-venez.gif) no-repeat 0 -25px; }
div.nav li.nav5 a:hover { background: url(images/nav-contactez.gif) no-repeat 0 -25px; }
	/* espace client */
div.log { position: relative; z-index: 3; width: 164px; height: 120px; top: 380px; left: 10px; background: url(images/cadre-login.png) no-repeat; }
div.log ul { list-style-type: none; padding-left: 20px; }
div.log ul.login { padding-top: 33px; }
div.log li { float: left; }
div.log li input { width: 80px; height: 15px; font-size: 11px; }
div.log li.int { height: 24px; width: 40px; line-height: 24px; color: #FFFFFF; font-size: 11px; font-weight: bold; }
div.log li.champs { height: 24px; line-height: 24px; text-align: right; }
div.log li.button { padding-left: 59px; }
div.log li.nom { height: 24px; width: 125px; line-height: 24px; color: #FFFFFF; font-weight: bold; text-align: center; }
div.log li.espace { height: 24px; width: 125px; line-height: 24px; text-align: center; }
div.log li.dec { height: 24px; width: 125px; line-height: 24px; text-align: center; }
div.log li a { color: #FFFFFF; font-weight: bold; }
	/* 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: 877px; height: 510px; top: -10px; left: 10px; border: 1px solid #D4D0C0; background: url(images/photo-home.jpg) no-repeat; }
	/* encadré intro */
div.intro { position: absolute; z-index: 2; width: 176px; height: 282px; top: 170px; left: 661px; background: url(images/fond-intro.png) no-repeat; }
div.intro h2 { color: #BB000C; font-size: 17px; padding-left: 22px; padding-right: 22px; padding-top: 20px; }
div.intro p { color: #000000; font-size: 11px; text-align: justify; line-height: 17px; padding-left: 22px; padding-right: 22px; padding-top: 5px; }
div.intro a, div.intro a:link, div.intro a:visited { color: #BB000C; margin-left: 94px; text-decoration: underline; font-weight: bold; }
div.intro a:hover { text-decoration: none; }
	/* visite guidée */
div.visite { position: absolute; z-index: 2; width: 188px; height: 40px; top: 455px; left: 662px; }
div.visite a.guidee { display: block; width: 188px; height: 40px; text-indent: -5000px; overflow: hidden; cursor: pointer; background: url(images/visite-guidee.png) no-repeat; }


/* PAGES INT */
div.contenu { position: relative; z-index: 1; width: 877px; top: -10px; left: 10px; display: table; background-color: #ECEAD5; border: 1px solid #D4D0C0; }
div.gauche { position: absolute; z-index: 2; background: url(images/photo-contenu.jpg) left top no-repeat; width: 258px; height: 510px; }
div.droite { position: relative; z-index: 2; top: 8px; left: 258px; min-height: 510px; width: 619px; }
div.droite p { margin-top: 15px; }
div.droite p.texte { margin: 12px 27px 27px 27px; color: #543F42; }
div.droite p.texte a, div.droite p.texte a:link, div.droite p.texte a:visited { color: #543F42; text-decoration: underline; }
div.droite p.texte a.retourTop { margin-left: 500px; font-size: 9px; }
div.droite > ul { list-style-image: url(images/puce-noir.gif); margin: -8px 0px 10px 40px; padding: 0px; }
div.droite span.texte-rouge { color: #f0000f; }
	/* titre */
div.droite h2 { height: 39px; line-height: 39px; background: url(images/fond-titre.gif) repeat-x; }
div.droite h2 div { width: 218px; height: 39px; background-repeat: no-repeat; margin-left: 20px; }
div.droite h2 span { display: none; }
	/* sous nav / titre */
div.droite h3 { height: 22px; line-height: 22px; color: #FFFFFF; font-size: 11px; text-indent: 27px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; background: url(images/fond-sstitre.gif) repeat-x; }
div.droite h3 a { color: #FFFFFF; text-decoration: none; }
div.droite h3 a:hover { text-decoration: underline; }
div.droite h3 u { color: #009452; }
div.droite h4.partie { clear: both; color: #3D252B; font-size: 19px; margin: 0px 25px 5px 27px; border-bottom: 1px solid #3D252B; }
div.droite h4.titre { color: #3D252B; font-size: 19px; text-indent: 27px; }
	/* block réalisation */
div.block { float: left; }
div.encadreRea { position: relative; top: 0px; left: 30px; width: 212px; height: 202px; border: 1px solid #E1D0D4; background-color: #FFFFFF; padding: 8px; margin-left: 30px; margin-bottom: 30px; }
div.encadreRea h5 { color: #3D252B; font-size: 17px; height: 25px; line-height: 30px; text-indent: 0px; }
div.encadreRea a.visite { display: block; width: 87px; height: 18px; text-indent: -5000px; overflow: hidden; cursor: pointer; background: url(images/visite-guidee-petit.gif) no-repeat; }
	/* block visite guidée */
div.vignetteVis { width: 170px; padding-left: 20px; margin-top: 8px; float: left; }
div.vignetteVis img { border: 2px solid #FFFFFF; margin-left: 6px; margin-bottom: 6px; float: right; }
div.encadreVis { position: relative; top: 0px; left: 0px; width: 362px; border: 1px solid #E1D0D4; background-color: #FFFFFF; padding: 8px; margin-left: 24px; margin-bottom: 30px; }
div.encadreAut { position: relative; top: 0px; left: 0px; width: 256px; border: 1px solid #E1D0D4; background-color: #FFFFFF; padding: 8px; margin-left: 24px; margin-bottom: 30px; }
div.encadreVis div { padding: 8px; }
div.retour { clear: both; width: 129px; height: 19px; padding-top: 15px; padding-left: 60px; }
div.retour a.retourVis { display: block; width: 129px; height: 19px; text-indent: -5000px; overflow: hidden; cursor: pointer; background: url(images/retour-visite-guidee.gif) no-repeat; }
	/* espace clients */
div.clients {  }
div.clients ul.titres { clear: both; }
div.clients ul.titres li { line-height: 18px; margin-bottom: 5px; margin-left: 27px; text-decoration: underline; }
div.clients p.explications { margin-left: 27px; margin-right: 27px; margin-bottom: 35px; }
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: 27px; padding-bottom: 30px; width: 580px; }
div.projDesc li.partie { clear: both; float: left; line-height: 21px; height: 21px; width: 250px; text-align: right; }
div.projDesc li span { color: #FF0000; }
div.projDesc li span.legend { font-size: 10px; color: #543F42; }
div.projDesc li.champs { float: left; width: 300px; text-align: left; padding: 0px 0px 0px 5px; }
div.projDesc li.mod { width: 115px; float: left; }
div.projDesc li.champs input { width: 200px; }
div.projDesc li.champs select { font-size: 12px; width: 130px; }
div.projDesc li.champs textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 250px; height: 100px; }
div.projDesc li.valider { margin-left: 360px; padding-top: 10px; clear: both; }
div.projDesc li.valider input { width: 150px; }
	/* page partenaires */
div.droite p.logo { margin: 0px 0px 10px 27px; color: #543F42; height: 60px; }
div.droite p.logo img { margin-right: 5px; border: 0px; }
div.droite p.logo span { display: block; padding-top: 14px; }
div.droite p.logo a, div.droite p.logo a:link, div.droite p.logo a:visited { color: #543F42; text-decoration: underline; }