/* COMMUN */
body { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: url(../images/degrade-fond.gif) top repeat-x #FFFFFF; }
* { margin: 0px; padding: 0px; }
img { border: 0px; }
ul { list-style-type: none; }
	/* liens */
a, a:link, a:visited { text-decoration: none; color: #000000; }
a:hover { text-decoration: underline; }
	/* titres */
h3 { position: relative; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; }
h3.titreBlockOrange { top: 4px; width: 146px; height: 22px; margin-left: auto; margin-right: auto; color: #FFFFFF; font-weight: bold; line-height: 21px; font-size: 10px; text-align: center; background: url(../images/fond-titre.gif) no-repeat; }
h3.titreBlock1 { top: 9px; left: 35px; color: #FFFFFF; font-size: 21px; }
h3.titreBlock2 { top: 12px; left: 35px; color: #540000; font-size: 21px; }
h3.titreBlock2 span { font-size: 15px; font-weight: bold; }
h3.titreBlock3 { top: 12px; left: 4px; text-indent: 20px; color: #E95416; font-size: 21px; line-height: 19px; height: 20px; background: url(../images/fleche-orange.png) left bottom no-repeat; }
h3.titreBlock4 { width: 554px; height: 32px; text-indent: 35px; color: #540000; font-size: 21px; padding-top: 12px; background: url(../images/top-block-int.png) no-repeat; }
h3.titreBlock5 { width: 251px; height: 34px; text-indent: 35px; color: #FFFFFF; font-size: 21px; padding-top: 9px; background: url(../images/top-petit-block-int.png) no-repeat; }
h3.titreBlock6 { width: 251px; height: 34px; text-indent: 35px; color: #540000; font-size: 21px; padding-top: 9px; background: url(../images/top-block-photo.png) no-repeat; }
	/* global */
#global { position: relative; width: 970px; margin-left: auto; margin-right: auto; }
	/* header */
#header { width: 970px; height: 81px; background: url(../images/top.png) no-repeat; }
#header #frise { position: absolute; top: 10px; right: 16px; width: 686px; height: 60px; background: url(../images/frise.jpg); }
#header h1 { margin-left: 26px; width: 232px; height: 80px; background: url(../images/logo.gif) no-repeat; }
#header h1 a { display: block; width: 232px; height: 80px; text-indent: -5000px; overflow: hidden; }
	/* nav */
#nav { width: 970px; height: 44px; background: url(../images/nav.png) no-repeat; }
#nav ul { width: 840px; display: table; background: url(../images/separateur.gif) left no-repeat; padding-left: 1px; margin-left: auto; margin-right: auto; }
#nav li { float: left; background: url(../images/separateur.gif) right no-repeat; padding-right: 1px; font-family: Verdana, Arial, Helvetica, sans-serif; }
#nav li a.navOff, #nav li a.navOff:link, #nav li a.navOff:visited { display: block; font-size: 11px; color: #FFECAC; font-weight: normal; padding: 12px 22px 12px 22px; }
#nav li a.navOn, #nav li a.navOn:link, #nav li a.navOn:visited { display: block; font-size: 11px; color: #FFDC66; font-weight: normal; padding: 12px 22px 12px 22px; background: url(../images/nav-hover.gif) repeat-x; }
#nav li a:hover { background: url(../images/nav-hover.gif) repeat-x; text-decoration: none; }
	/* sous nav */
#ssNav { width: 554px; height: 36px; background: url(../images/sous-nav.png) no-repeat; }
#ssNav h3 { line-height: 34px; text-align: center; color: #FFFFFF; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
#ssNav a.ssNavOff, #ssNav a.ssNavOff:link, #ssNav a.ssNavOff:visited { color: #540000; padding: 0px 15px 0px 15px; }
#ssNav a.ssNavOn, #ssNav a.ssNavOn:link, #ssNav a.ssNavOn:visited { color: #FFFFFF; font-weight: bold; padding: 0px 15px 0px 15px; }
	/* espace adhérent */
#log { width: 200px; height: 108px; background: url(../images/cadre-login.png) no-repeat; }
#log ul { padding-left: 0px; }
#log ul.login { padding-top: 9px; }
#log li { float: left; }
#log li.champs input { width: 90px; height: 15px; font-size: 11px; border: 1px solid #841A08; }
#log li.champs input:hover { background-color: #EFE8E7; }
#log li.int { height: 22px; width: 82px; line-height: 22px; color: #841A08; font-size: 10px; text-align: right; padding-right: 5px; }
#log li.champs { height: 22px; line-height: 22px; }
#log li.button { padding-left: 120px; height: 22px; line-height: 23px; }
#log li.button input { font-size: 11px; width: 60px; color: #841A08; }
#log li.nom { height: 22px; width: 172px; line-height: 22px; color: #841A08; font-weight: bold; text-align: right; }
#log li.espace, #log li.dec { height: 22px; width: 172px; line-height: 22px; text-align: right; }
#log li a { color: #841A08; }
	/* pied de page */
#pied { clear: both; width: 970px; text-align: center; color: #560000; font-size: 11px; margin-left: auto; margin-right: auto; margin-bottom: 5px; }
#pied a, #pied a:link, #pied a:visited { color: #560000; }


/* COLONNES */
#colLeft { float: left; width: 200px; margin-left: 9px; }
	/* index */
#colRightIndex { float: left; width: 250px; margin-right: 9px; }
#colMiddleIndex { float: left; width: 502px; }
	/* interieur grand */
#colRight { float: left; width: 200px; margin-right: 7px; }
#colMiddle { float: left; width: 554px; }
	/* interieur petit */
#colRight2 { float: left; width: 461px; margin-right: 6px; }
#colMiddle2 { float: left; width: 251px; }
#colChiffre { float: left; width: 37px; padding-top: 33px; }


/* INDEX */
	/* conseils */
div.conseils { width: 250px; height: 309px; font-size: 11px; }
div.conseils p { color: #841A08; padding: 5px 0px 0px 10px; font-weight: bold; text-decoration: underline; }
div.conseils img { margin: 17px 0px 0px 4px; border: 1px solid #E95516; }
div.conseils ul { padding: 5px 0px 0px 10px; }
	/* cadre ffcv index */
#ffcvIndex { width: 250px; height: 158px; background: url(../images/cadre-ffcv.png) no-repeat; }
#ffcvIndex h3 { top: 38px; left: 13px; color: #513D2E; font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
#ffcvIndex h3 a, #ffcvIndex h3 a:link, #ffcvIndex h3 a:visited { color: #513D2E; }
#ffcvIndex p { position: relative; left: 13px; top: 37px; width: 226px; height: 81px; color: #C27400; font-size: 11px; padding: 5px 0px 0px 0px; overflow: hidden; background: url(../images/pyramide.gif) right bottom no-repeat; }
	/* petit block index */
div.petitBlockIndex { float: left; width: 251px; height: 158px; background: url(../images/petit-cadre-index.png) no-repeat; }
div.petitBlockIndex p { position: relative; left: 11px; top: 18px; width: 218px; height: 96px; font-size: 11px; padding: 8px 0px 0px 10px; overflow: hidden; }
div.petitBlockIndex p span { font-size: 15px; }
div.petitBlockIndex p.reportage { background: url(../images/reportages.jpg) right no-repeat #71453C; color: #FFFFFF; }
div.petitBlockIndex p.reportage a, div.petitBlockIndex p.reportage a:link, div.petitBlockIndex p.reportage:visited { color: #FFFFFF; }
div.petitBlockIndex p.etude { background: url(../images/profil.jpg) right no-repeat #FFFFFF; }
	/* grand block index */
div.grandBlockIndex { float: left; width: 502px; height: 310px; background: url(../images/grand-cadre-index.png) no-repeat; }
div.grandBlockIndex p { position: relative; left: 11px; top: 18px; width: 479px; height: 254px; }


/* INTERIEUR */
	/* numéro devis */
div.numOn { float: left; width: 48px; height: 48px; line-height: 48px; color: #FFFFFF; font-size: 25px; text-align: center; font-weight: bold; background: url(../images/chiffre-on.png) no-repeat; }
div.numOff { float: left; width: 48px; height: 48px; line-height: 48px; color: #FFFFFF; font-size: 25px; text-align: center; font-weight: bold; background: url(../images/chiffre-off.png) no-repeat; }
h3.partieDevis { height: 30px; line-height: 30px; font-size: 19px; color: #E95516; font-weight: normal; margin: 0px 0px 10px 0px; border-bottom: 1px solid #E95516; }
	/* block milieu */
div.grandBlock { float: left; width: 554px; }
div.grandBlock div.fond { width: 554px; background: url(../images/middle-block-int.png) repeat-y; }
div.grandBlock div.contenu { position: relative; left: 11px; width: 514px; padding: 8px 9px 8px 9px; background-color: #FFFFFF; }
div.grandBlock div.bott { width: 554px; height: 11px; background: url(../images/bottom-block-int.png) top no-repeat; }
div.grandBlock p { color: #553100; }
div.grandBlock p.form { margin-bottom: 2px; }
div.grandBlock p.para { margin-top: 25px; }
div.grandBlock p.para a { text-decoration: underline; color: #553100; }
div.grandBlock p.para a.retourTop { display: block; margin-left: 458px; font-size: 9px; }
	/* petit block milieu */
div.petitBlock { float: left; width: 251px; color: #FFFFFF; }
div.petitBlock div.fond { width: 251px; background: url(../images/middle-petit-block-int.png) repeat-y; }
div.petitBlock div.contenu { position: relative; left: 11px; width: 210px; padding: 8px 9px 8px 9px; background-color: #FFFFFF; }
div.petitBlock div.bott { width: 251px; height: 11px; background: url(../images/bottom-petit-block-int.png) top no-repeat; }
	/* petit block photo */
div.petitBlockPhoto { float: left; width: 251px; color: #FFFFFF; }
div.petitBlockPhoto div.fond { width: 251px; background: url(../images/middle-block-photo.png) repeat-y; }
div.petitBlockPhoto div.contenu { position: relative; left: 11px; width: 210px; padding: 8px 9px 8px 9px; }
div.petitBlockPhoto div.bott { width: 251px; height: 11px; background: url(../images/bottom-block-photo.png) top no-repeat; }
div.petitBlockPhoto h4.titreMod1 { color: #540000; font-size: 13px; font-weight: bold; }
div.petitBlockPhoto h5.titreMod2 { margin-left: 50px; font-size: 11px; color: #9A7868; font-weight: normal; }
div.petitBlockPhoto a, div.petitBlockPhoto a:link, div.petitBlockPhoto a:visited { color: #9A7868; }
	/* numéro photos */
a.petitNumOn, a.petitNumOn:link, a.petitNumOn:visited { display: block; width: 37px; text-indent: -1px; height: 37px; line-height: 36px; color: #FFFFFF; font-size: 15px; text-align: center; font-weight: bold; background: url(../images/petit-chiffre-on.png) no-repeat; }
a.petitNumOff, a.petitNumOff:link, a.petitNumOff:visited { display: block; width: 37px; text-indent: -1px; height: 37px; line-height: 36px; color: #FFBC93; font-size: 15px; text-align: center; font-weight: bold; background: url(../images/petit-chiffre-off.png) no-repeat; }
	/* photos */
div.photosOff { margin-left: 4px; display: none; clear: both; }
div.photosOn{ margin-left: 4px; clear: both; }
div.photosOff img, div.photosOn img { border: 1px solid #E95516; }
h4.titreMod3 { height: 28px; color: #E95516; border-bottom: 1px solid #E95516; font-size: 21px; font-weight: normal; padding: 9px 0px 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; }
p.artPhoto { color: #540000; height: 60px; line-height: 18px; padding: 8px 4px 5px 0px; }
p.artPhoto a, p.artPhoto a:link, p.artPhoto a:visited { color: #540000; text-decoration: underline; }
address.copyrightPhoto { z-index: 10; color: #FFFFFF; font-size: 11px; margin: -20px 0px 0px 10px; padding-bottom: 10px; }
	/* pub ffcv */
#ffcvPub { width: 200px; height: 160px; background: url(../images/ffcv-pub.png) no-repeat; }
#ffcvPub h3 { top: 12px; left: 13px; color: #513D2E; font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
#ffcvPub h3 a, #ffcvPub h3 a:link, #ffcvPub h3 a:visited { color: #513D2E; }
#ffcvPub p { position: relative; left: 13px; top: 15px; width: 178px; height: 104px; color: #C27400; font-size: 11px; padding: 5px 0px 0px 0px; overflow: hidden; background: url(../images/pyramide.gif) right bottom no-repeat; }
	/* photo illustration */
img.illustration { margin: 4px 0px 0px 5px; border: 1px solid #E95516; }
	/* logo ffcv */
img.logoFFCV { margin: 4px 0px 0px 5px; border: 0px solid #E95516; }
	/* block pub adherent */
#pubAdh { width: 200px; height: 139px; margin-top: 1px; background: url(../images/pub-equipalu.png) no-repeat; }
	/* un projet ? */
#unProjet { width: 200px; height: 106px; background: url(../images/un-projet.png) no-repeat; }
#unProjet a, #unProjet a:link, #unProjet a:visited { display: block; text-indent: -5000px; height: 100%; overflow: hidden; }
	/* une question ? */
#uneQuestion { width: 200px; height: 88px; background: url(../images/une-question.png) no-repeat; }
#uneQuestion a, #uneQuestion a:link, #uneQuestion a:visited { display: block; text-indent: -5000px; height: 100%; overflow: hidden; }
	/* plaquette villa véranda */
#pop { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #000000; z-index: 500; display: none; -moz-opacity: 0.80; opacity: 0.80; }
#iframe { position: absolute; z-index: 510; width: 980px; height: 343px; display: none; }


/* FORMULAIRES */
	/* champs */
div.contenu p label { display: block; float: left; clear: both; width: 250px; height: 18px; font-weight: bold; text-align: right; line-height: 18px; padding-right: 5px; }
div.contenu div.blockRadio { display: block; margin-left: 260px; margin-top: 4px; padding-bottom: 4px; }
div.contenu label span { color: #FF5F18; font-weight: normal; }
div.contenu span.legend { font-size: 10px; }
div.contenu input.text { width: 200px; border: 1px solid #866130; }
div.contenu input.checkbox { width: 12px; height: 12px; }
div.contenu input.valider { width: 150px; font-size: 12px; margin: 10px 0px 0px 364px; }
div.contenu textarea.textarea { width: 200px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; height: 100px; border: 1px solid #866130; }
div.contenu select.select { font-size: 12px; width: 130px; border: 1px solid #866130; }
div.contenu ul { clear: both; display: block; }
div.contenu li.mod { width: 102px; height: 80px; float: left; text-align: center; color: #553100; }
	/* liste déroulante ajax */
#ajax_listOfOptions { position: absolute; border: 1px solid #540000; width: 255px; height: 216px; overflow: auto; background-color: #EFECE5; text-align: left; font-size: 11px; z-index: 100; }
#ajax_listOfOptions div { margin: 1px; padding: 1px 1px 1px 5px; cursor: pointer; font-size: 11px; }
#ajax_listOfOptions .optionDivSelected { background-color: #540000; color: #FFFFFF; }
#ajax_listOfOptions_iframe { background-color: #F00; position: absolute; z-index: 5; }
	/* affichage message erreur */
#messErreur { display: none; width: 350px; height: 30px; line-height: 30px; margin: 0px 0px 10px 81px; border: 1px solid #FF5F18; color: #FF5F18; text-align: center; }