a { color: #046e88; text-decoration: none }
a:hover { color: #046e88; text-decoration: underline }
a.footerLink{ color: white; text-decoration: none; }
a:hover.footerLink{ color: black; text-decoration: none; background-color: white; }

input, textarea, select{ font-size: 11px; font-family: Tahoma, Verdana; text-decoration: none }

h1, h3, h4{ font-family: Arial, Verdana, Tahoma; font-weight: bold; color: #046e88 }
h1{ font-size: 16px; }
h3{ font-size: 14px; font-style: italic; }
h4{ font-size: 12px; }

/***** header, body, footer *****/

body{margin-top: 0px; margin-left: 0px; background-image: url(../rep/picts/bkg.gif); background-color: #046e88; background-repeat: repeat-x; font-family: Tahoma, Verdana, Arial; font-size: 11px }

div#headerPatchwork{ width: 100%; height: 80px; background-image: url(../rep/picts/header-patchwork.jpg); background-repeat: repeat-x }
div#headerLogoBox{ position: absolute; top: 0px; left: 0px; width: 172px; height: 80px }
div#headerMenuBar{ width: 100%; height: 30px; background-image: url(../rep/picts/menu-bar.gif); background-repeat: repeat-x }
div#headerMenuInbox{ position: relative; left: 10px }
.headerMenuButton{ float: left; }

div#bodyOutbox{ width: 950px; border: 1px solid #046e88; background-color: white }

div#footer{ width: 740px; padding: 20px; color: white }

/***** home page *****/

div#homeCorpBox{ position: relative; top: 20px }
div#homeOutbox{ position: relative; top: 50px; width: 740px }
div#homeSellerBox{ float: left; width: 350px }
div#homeBuyerBox{ float: right; width: 350px }
.homeInsideboxButton{ position: relative; top: -50px }

div#homeFooterBox{ position: relative; top: 100px }

/***** Espace vendeur *****/

div#sellPict{ float: left; width: 350px; height: 500px }

div#sellBox{ float: left; position: relative; left: -20px; width: 550px; margin: 5px; text-align: left }
.sellLineBox{ clear: left; width: 550px }
.sellLabelBox{ float: left; width: 170px; margin: 3px; }
.sellFieldBox{ float: left; width: 350px; margin: 3px; }

div#sellReturnMsg{ margin: 20px 0px 0px 0px; font-size: 12px; color:green; text-align: center }

/***** Espace acquéreur *****/

div#searchOutbox{ width: 950px }
div#searchBox{ float: left; width: 600px }
div#searchFrame{ width: 600px; height: 470px; border: 1px solid #046e88; background-color: white; text-align: left }
div#searchIcon{ float: left; width: 105px; margin: 5px }
div#searchInbox{ float: left; margin: 5px }
.searchLineBox{ clear: left; width: 470px; padding: 10px 0px 10px 0px }
.searchLabelBox{ float: left; width: 120px }
.searchFieldBox{ float: left; width: 350px }

div#todayBox{ float: right; width: 320px }
div#todayFrame{ width: 320px; height: 470px; border: 1px solid #046e88; background-color: white }
.todayLineBox{ clear: left; width: 320px; padding: 10px 0px 10px 0px }
.todayDotBox{ float: left; width: 16px; margin: 0px 5px 0px 10px }
.todayInfoBox{ float: left; margin: 0px 5px 0px 0px}
div#todayCartFrame{ width: 274px; height: 325px; overflow: auto; text-align: left }
.todayCartLine{ clear: left; width: 100%; border-top: 1px dotted #046e88; border-bottom: 1px dotted #046e88 }
.todayCartLineIcon{ float: left; margin: 0px 5px 0px 0px }
.todayCartLineTitle{ float: left; margin: 0px 0px 0px 40px }
.todayCartPhoto{ float: left; width: 100px; height: 90px; margin-top: 2px; text-align: center }
.todayCartInfo{ float: left; height: 90px; margin-top: 2px; margin-left: 10px }

/***** Résultat de la recherche *****/

.gdFrame{ width: 920px; border: 1px solid #046e88; text-align: left }
.gdTitleBox{ width: 920px; border-bottom: 1px solid #046e88; font-family: Arial, Verdana; font-size: 12px; font-weight: bold; color: #046e88 }
.gdPageNavBox{ width: 920px; text-align: center }
ul {border:0; margin:0; padding:0; }
#gdPageNavigator li { border:0; margin:0; padding:0; font-size:11px; list-style:none; margin-right:2px; }
#gdPageNavigator a { border:solid 1px #046e88; margin-right:2px; }
#gdPageNavigator .gdPagePrevious-off, #gdPageNavigator .gdPageNext-off{ border:solid 1px #DEDEDE; color:#888888; display:block; float:left; font-weight:bold; margin-right:2px; padding:3px 4px; }
#gdPageNavigator .gdPageNext a, #gdPageNavigator .gdPagePrevious a{ font-weight:bold; }
#gdPageNavigator .gdPageActive { background:#046e88; color:#FFFFFF; font-weight:bold; display:block; float:left; padding:4px 6px; }
#gdPageNavigator a:link, #gdPageNavigator a:visited{ color:#046e88; display:block; float:left; padding:3px 6px; text-decoration:none; }
#gdPageNavigator a:hover{ border:solid 1px blue; }
.gdTitleType{ float: left; margin: 5px }
.gdTitlePrice{ float: left; height: 15px; padding: 5px; border-left: 1px dotted #046e88; text-align: center }
.gdTitleSold{ float: left; height: 15px; padding: 5px; border-left: 1px dotted #046e88; font-weight: bold; color: red; text-align: center }
.gdTitleIcon{ float: right; width: 32px; height: 2em; border-left: 1px dotted #046e88; text-align: center }
.gdPhotoBox{ float: left; width: 300px; border-right: 1px dotted #046e88; text-align: center }
.gdThumbnails{ width: 294px; height: 55px; background-color: whitesmoke }
.gdInfoBox{ float: left; }
.gdInfoInboxTxt{ float: left; width: 390px; padding: 5px 5px 0px 10px; }
.gdInfoLine{ width: 390px; height: 2em; margin-top: 3px; border-bottom: 1px dotted #046e88 }
.gdInfoLines{ width: 390px; height: auto; margin-top: 3px; border-bottom: 1px dotted #046e88 }
.gdInfoPubLine{ width: 390px; margin-top: 3px; overflow-y: auto; }
.gdInfoInboxIcons{ float: left; width: 200px; height: 295px; padding: 5px 0px 0px 5px; border-left: 1px dotted #046e88 }
.gdAgentBox{ width: 200px; text-align: center }

/***** Recherche de conseiller *****/

div#agMainPane{ float: left; width: 600px; padding: 0px 0px 0px 25px; }
.agFrame{ width: 596px; border: 1px solid #046e88; text-align: left }
.agPhotoBox{ float: left; width: 210px; padding: 5px 0px 5px 0px; border-right: 1px dotted #046e88; text-align: center }
.agInfoBox{ float: left; }
.agInfoInboxTxt{ float: left; width: 369px; padding: 5px 5px 0px 10px }
.agInfoLine{ width: 369px; height: 2em; margin-top: 3px; border-bottom: 1px dotted #046e88 }
	.conge{ width: 360px; margin-top: 3px; border-bottom: 1px dotted #046e88; background-color:#DAE7E1; padding-left:10px }
.agSecteurLineBox{ clear: left; width: 359px; padding: 5px 0px 5px 0px }
.agSecteurDotBox{ float: left; width: 32px; margin: 0px 5px 0px 0px }
.agSecteurInfoBox{ float: left; width: 320px; vertical-align: middle }

div#agMenuPane{ float: right; width: 280px; margin-right: 25px; }
div#agMenuFixedPane{ width: 280px; border: 1px solid #046e88; background-color: whitesmoke; margin-top:36px }
div#agMenuFixedHead{ width: 280px; padding: 5px 0px 5px 0px; background-color: #046e88; font-weight: bold; color: white; }
div#agMenuFixedBody{ width: 280px; padding: 5px 10px 10px 10px; text-align: left}

/***** Recommandation du site *****/

div#recoPict{ float: left; width: 450px; height: 400px }
div#recoBox{ float: left; position: relative; left: -50px; width: 460px; margin: 5px; text-align: left }

.recoLineBox{ clear: left; width: 450px }
.recoLabelBox{ float: left; width: 170px; margin: 3px; }
.recoFieldBox{ float: left; width: 260px; margin: 3px; }

/***** Corporate *****/

div#whoBox{ width: 750px; padding: 30px 0px 30px 0px; text-align: left }
div#whoPict1{ float: left; position: relative; left: -40px; width: 394px; height: 305px }
div#whoPict2{ float: right; position: relative; left: 40px; width: 268px; height: 357px }
div#whoPict3{ float: left; position: relative; left: -40px; width: 401px; height: 345px }

div#youPict{ float: left; width: 336px }
div#youBox{ float: left; width: 520px; margin: 10px 0px 30px 40px; text-align: justify }

/***** Mentions légales *****/

.legalsColumn{ float: left; width: 398px; margin: 20px 0px 50px 50px; text-align: justify }

/***** Crédits *****/

div#crFrame{ width: 600px; margin: 50px 0px 50px 0px; background-color: white; border: 1px solid #046e88 }
