/* -------------------------------------------------------- */ /* -- The Globe Par www.jfpariseau.com Pour Kitgrafik.com -- */ /* -------------------------------------------------------- */ @charset "utf-8"; /* --------------------------------------------------------- */ /* ------------ Modification des balises ------------------- */ /* --------------------------------------------------------- */ body {margin: 0; background-image: url(../images/bg.gif);} a:link {text-decoration: underline; color:#257ad1;} a:visited {text-decoration: underline; color:#257ad1;} a:hover {text-decoration: underline; color:#000;} /* ------------------------------------------------------ */ /* ------------ Mise en forme du site ------------------- */ /* ------------------------------------------------------ */ /* ------------ Header ------------------- */ #header {background: url(../images/header.jpg) no-repeat; height: 153px; width: 986px; margin: 0 auto 0 auto;} #header_secondaire {background: url(../images/header_secondaire.jpg) no-repeat; height: 153px; width: 986px; margin: 0 auto 0 auto;} /* ------------ Menu principal ------------------- */ #topMenu {width: 986px; height: 58px; margin: 20px auto 0 auto; padding: 0; font: bold 10px Verdana, Arial, Helvetica, sans-serif; text-align:center; background: url(../images/topMenuBg.jpg) top center no-repeat;} #topMenu ul {margin:0; padding:0; list-style:none;} #topMenu li {width: 114px; float:left; background: url(../images/topMenuSeparateur.gif) top right no-repeat;} #topMenu li.imageSeparateur {float:left; width:2px; height: 58px; background: url(../images/topMenuSeparateur.gif) no-repeat;} #topMenu a {display: block; width: 114px; height: 34px; margin: 0; padding: 24px 0 0 0; text-align:center; text-decoration: none; color:#1d5ea9;} .pageActive {width: 114px; height: 34px; margin: 0; padding: 24px 0 0 0; text-align:center; text-decoration: none; color:#fff; background: url(../images/topMenuPageEnCours.gif) center 51px no-repeat; color:#1d5ea9;} #topMenu a:hover {background: url(../images/topMenuPageEnCours.gif) center 51px no-repeat; color:#fff;} /* ------------ Container de contenu ------------------- */ #contenu {width: 986px; background: #fff url(../images/textbg.gif) top no-repeat; margin: 0 auto; padding: 0;} #boiteFonction {height: 38px;} #langue {width: 197px; margin: 14px 0 0 65px; padding: 0; font: 11px Arial, Helvetica, sans-serif; color: #626262; float: left;} #langue a:link {text-decoration: none; color:#257ad1; font-weight: bold;} #langue a:visited {text-decoration: none; color:#257ad1; font-weight: bold;} #langue a:hover {text-decoration: none; color:#000; font-weight: bold;} #recherche {width: 240px; height: 35px; margin: 2px 0 0 0; padding: 0; float: right;} .formbox { width: 176px; height: 13px; background:url(../images/inputrecherche.gif) no-repeat; border: none; margin:0; padding: 4px 10px 4px 4px; font: 9px Verdana, Arial, Helvetica, sans-serif; color: #2984cc;} .boutonrecheche {position:relative; left: 2px; top:7px;} /* ------------ Colonne Gauche ------------------- */ #colonneGauche {width: 197px; min-height: 366px; padding: 0; margin: 86px 85px 0 36px; float: left; text-align: right;} #menuSecondaire {width: 197px; padding: 0; position:fixed; bottom:20px;} #menuSecondaire ul {margin: 0; padding: 0; list-style: none; font: bold 12px Arial, Helvetica, sans-serif; color:#888585;} #menuSecondaire li {padding: 0; margin-bottom: 2px;} #menuSecondaire a {display: block; width: 177px; padding-right: 20px; padding-top: 1px; height: 16px;} #menuSecondaire a:link {color: #888585; text-decoration: none; background:url(../images/btn_secondaire.gif) no-repeat;} #menuSecondaire a:visited {color: #888585; text-decoration: none; background:url(../images/btn_secondaire.gif) no-repeat;} #menuSecondaire a:hover {color: #fff; text-decoration: none; background:url(../images/hover_secondaire.gif) no-repeat;} /* ------------ Colonne Centre (texte)------------------- */ #colonneCentre {width: 620px; margin-top: 40px; float: left;} #colonneCentreHome {width: 800px; margin-top: 40px; margin-left: 85px; float: left;} #colonneCentre p, #colonneCentreHome p {color: #6e717c; font: 12px Arial, Helvetica, sans-serif; text-align:left; line-height: 20px;} #colonneCentre h1, #colonneCentreHome h1 { margin-top: 0; padding-top: 0; font: bold 21px Century Gothic, Arial, Helvetica, sans-serif; color:#9ec221; /*border-bottom: 1px dotted #d0e7f6;*/} #colonneCentre h2, #colonneCentreHome h2 {font: bold 13px Arial, Helvetica, sans-serif; color:#257ad1;} .retourhaut {margin-top: 10px; border: none;} .imageDroit {float:right; margin: 0 0 1px 15px; border:none;} h6 {color: #6e717c; font: 9px Arial, Helvetica, sans-serif; text-align:left; line-height: 16px; margin-top: 0px;} /* ------------ Patch pour floating ------------------- */ #patch {clear: both;} /* ------------ Bas de page, footer ------------------- */ #footer {width: 986px; height: 30px; margin:0 auto 0 auto; padding-top: 90px; background: url(../images/footer.png) no-repeat;} #footer p {font: 9px Verdana, Arial, Helvetica, sans-serif; color: #8897ac; text-align: center;} /* ------------------------------------------------------ */ /* ------ Mise en forme des pages spécifiques ----------- */ /* ------------------------------------------------------ */ /* ------------ Portfolio ------------------- */ .galerieBox { width: 85px; height: 85px; padding: 2px; margin-right: 7px; margin-bottom: 14px; float: left; background: url(../images/galerie_box.png) no-repeat;} .frontBox { z-index: 2} /* ------------ Photos ------------------- */ .btn { border: 1px #0d59a7 solid; background-image: url(../images/btn.gif); color:#fff; font-size: 11px; padding: 3px 10px;} /* ------------ Tarifs ------------------- */ .tableau { border: 2px #fff solid; width: 600px; margin-bottom: 20px;} .tableau_entete {background-color:#2b79c1; font: bold 12px Arial, Helvetica, sans-serif; color: #fff; height: 30px;} .tableau_firstrow {background-color:#c9e4f5; font: normal 11px Arial, Helvetica, sans-serif; color: #6e717c; height: 25px;} .tableau_secondrow {background-color:#dff0fb; font: normal 11px Arial, Helvetica, sans-serif; color: #6e717c; height: 25px;} /* ------------ Contact ------------------- */ .contactbox {width: 180px; height: 13px; background:url(../images/inputcontact.png) no-repeat; border: none; margin:0; padding: 11px 20px 11px 11px; font: 9px Verdana, Arial, Helvetica, sans-serif; color: #002890;} .commentairebox {width: 330px; height: 125px; background:url(../images/inputcommentaire.png) no-repeat; border: none; margin:0; padding: 20px 20px 20px 20px; font: 9px Verdana, Arial, Helvetica, sans-serif; color: #002890;}