/* -------------------------------------------------------- */ /* -- NewDay Par www.jfpariseau.com Pour Kitgrafik.com -- */ /* -------------------------------------------------------- */ @charset "utf-8"; #bleu1 { color: #100075;} /* --------------------------------------------------------- */ /* ------------ Modification des balises ------------------- */ /* --------------------------------------------------------- */ body {margin: 0; background: #aaa69f url(../images/bg.jpg) repeat-x;} a:link {text-decoration: underline; color:#a90c0c;} a:visited {text-decoration: underline; color:#a90c0c;} a:hover {text-decoration: underline; color:#000;} /* ------------------------------------------------------ */ /* ------------ Mise en forme du site ------------------- */ /* ------------------------------------------------------ */ /* ------------ Header ------------------- */ #header {background: url(../images/header.jpg) no-repeat; height: 143px; width: 1048px; margin: 0 auto 0 auto;} #menuFonction {padding:42px 66px 0 0; text-align: right; font: 14px Verdana, Geneva, sans-serif; color: #d90808;} #menuFonction a:link {text-decoration: none; color:#000000;} #menuFonction a:visited {text-decoration: none; color:#000000;} #menuFonction a:hover {text-decoration: underline; color:#000000;} #recherche {width: 205px; height: 37px; margin: 21px 66px 0 0; padding: 12px 19px 0 16px; float: right; background: url(../images/recherchebg.gif) no-repeat;} #formrecherche {width: 205px; height: 24px; margin:0; padding:0;} .formbox { width: 147px; height: 14px; background:url(../images/inputrecherche.gif) no-repeat; border: none; margin:0; padding: 6px 10px 4px 4px; font: 9px Verdana, Arial, Helvetica, sans-serif; color: #333;} .boutonrecheche {margin: 0; padding:0; float: right;} /* ------------ Menu principal ------------------- */ #topMenu {background: url(../images/menubg.jpg) no-repeat; width: 1048px; height: 62px; margin: 0 auto 0 auto; padding: 0; font: bold 12px Arial, Helvetica, sans-serif; } #topMenu ul {margin:0; padding:0; list-style:none; position: relative; width: 700px; left: 170px;} #topMenu li {float:left; background: url(../images/topMenuSeparateur.gif) top left no-repeat; padding: 0 15px;} #topMenu a { display: block; height: 45px; margin: 0; padding: 18px 15px 0 15px; text-align:center; text-decoration: none; color:#f3f0eb;} #topMenu a:hover {background: url(../images/topMenuPageHover.gif) center 50px no-repeat; color: #fff;} .pageActive { display: block; height: 45px; margin: 0; padding: 18px 15px 0 15px; text-align:center; text-decoration: none; background: url(../images/topMenuPageHover.gif) center 50px no-repeat; color: #fff;} /* ------------ Container de contenu ------------------- */ #bgcontenu {width: 1048px; background: url(../images/textebg2.jpg) top repeat-y; margin: 0 auto; padding: 0;} #contenu {width: 1048px; background: url(../images/textebg.jpg) top no-repeat; margin: 0 auto; padding: 0;} #boiteFonction {height: 26px;} #imprimer {width: 197px; margin: 0 45px 0 0; padding: 0; font: 10px Verdana, Geneva, sans-serif; color: #333; float: right; text-align: right;} #imprimer a:link {text-decoration: none; color:#333;} #imprimer a:visited {text-decoration: none; color:#333;} #imprimer a:hover {text-decoration: underline; color:#000;} /* ------------ Colonne Centre (texte)------------------- */ #colonneCentre2 {width: 672px; margin: 0 0 0 123px; float: left;} #colonneCentre {width: 580px; margin: 0 0 0 123px; float: left;} #colonneCentreHome {width: 830px; margin: 0 0 0 123px; float: left;} #colonneCentre p, #colonneCentreHome p {color: #333; font: 12px Arial, Helvetica, sans-serif; text-align: justify; line-height: 20px;} #colonneCentre h1, #colonneCentreHome h1 { height: 35px; margin-top: 0; padding-top: 0; font: normal 24px Century Gothic, Arial, Helvetica, sans-serif; color:#a90c0c; background: url(../images/h1.gif) 0px 34px repeat-x;} #colonneCentre h2, #colonneCentreHome h2 {font: bold 13px Arial, Helvetica, sans-serif; color: #a90c0c;} h6 {color: #333; font: 10px Arial, Helvetica, sans-serif; text-align:left; line-height: 16px; margin-top: 0px;} #imageBg {width: 220px; height: 169px; padding: 11px; float:right; margin: 0 0 10px 30px; border:none; background: url(../images/imagebg.gif) no-repeat;} #imageBg2 {width: 110px; height: 169px; padding: 11px; float:right; margin: 0 0 10px 20px; border:none; background: url(../images/imagebg.gif) no-repeat;} #imageBg3 {width: 110px; height: 210px; padding: 11px; float:right; margin: 0 0 10px 30px; border:none; background: url(../images/imagebg.gif) no-repeat;} #imageBg4 {width: 220px; height: 150px; padding: 11px; float:right; margin: 0 0 10px 30px; border:none; background: url(../images/imagebg.gif) no-repeat;} .noborder {border: none;} .retourhaut {border: none;} #colonneCentre2 p, #colonneCentreHome p {color: #333; font: 12px Arial, Helvetica, sans-serif; text-align: justify; line-height: 20px;} #colonneCentre2 h1, #colonneCentreHome h1 { height: 35px; margin-top: 0; padding-top: 0; font: normal 24px Century Gothic, Arial, Helvetica, sans-serif; color:#a90c0c; background: url(../images/h1.gif) 0px 34px repeat-x;} #colonneCentre2 h2, #colonneCentreHome h2 {font: bold 13px Arial, Helvetica, sans-serif; color: #a90c0c;} /* ------------ Colonne Droite ------------------- */ #colonneDroite {width: 246px; padding: 0; margin: 34px 0 0 40 px; float: left;} #menuSecondaire {width: 246px; height:auto; padding: 0; margin-bottom: 11px;} #menuSecondaire ul {margin: 0; padding: 0; list-style: none; font: bold 13px Arial, Helvetica, sans-serif; color:#000;} #menuSecondaire li {padding: 0; margin: 0;} #menuSecondaire a {display: block; width: 199px; padding-left: 47px; padding-top: 8px; height: 27px;} #menuSecondaire a:link {color: #bbb8b2; text-decoration: none; background:url(../images/menusecondaire_btn.gif) no-repeat;} #menuSecondaire a:visited {color: #bbb8b2; text-decoration: none; background:url(../images/menusecondaire_btn.gif) no-repeat;} #menuSecondaire a:hover {color: #000; text-decoration: none; background:url(../images/menusecondaire_btn_h.gif) no-repeat;} /* ------------ Colonne Droite photo ------------------- */ #colonneDroite2 {width: 246px; padding: 0; margin: 34px 0 0 -8px; float: left;} #menuSecondaire2 {width: 246 px; height:auto; padding: 0; margin-bottom: 11px;} #menuSecondaire2 ul {margin: 0; padding: 0; list-style: none; font: bold 13px Arial, Helvetica, sans-serif; color:#000;} #menuSecondaire2 li {padding: 0; margin: 0;} #menuSecondaire2 a {display: block; width: 199px; padding-left: 47px; padding-top: 8px; height: 27px;} #menuSecondaire2 a:link {color: #bbb8b2; text-decoration: none; background:url(../images/menusecondaire_btn.gif) no-repeat;} #menuSecondaire2 a:visited {color: #bbb8b2; text-decoration: none; background:url(../images/menusecondaire_btn.gif) no-repeat;} #menuSecondaire2 a:hover {color: #000; text-decoration: none; background:url(../images/menusecondaire_btn_h.gif) no-repeat;} #login { background:url(../images/login_bg.gif) repeat-y; font: 10px Arial, Helvetica, sans-serif; margin-bottom: 5px; padding: 0;} #login p {margin: 0; padding: 2px 0; color: #fff;} #login a:link {text-decoration: underline; color:#fff;} #login a:visited {text-decoration: underline; color:#fff;} #login a:hover {text-decoration: underline; color:#000;} .loginbox { width: 147px; height: 14px; background:url(../images/login_input.gif) no-repeat; border: none; margin:0; padding: 6px 10px 4px 4px; font: bold 12px Arial, Helvetica, sans-serif; color: #bbb8b2;} #loginTexte {margin: 0; padding: 0 21px 0 0; font: 11px Arial, Helvetica, sans-serif; line-height: 15px; text-align: right; background:url(../images/login_bg.gif) repeat-y;} #loginTexte a:link {text-decoration: none; color:#7d776e;} #loginTexte a:visited {text-decoration: none; color:#7d776e;} #loginTexte a:hover {text-decoration: underline; color:#000;} /* ------------ Patch pour floating ------------------- */ #patch {clear: both;} /* ------------ Bas de page, footer ------------------- */ #footer {width: 972px; height: 137px; margin:0 auto 0 auto; padding: 19px 0 0 56px; background: url(../images/footer.jpg) top center no-repeat; color:#7d776e; font: 11px Arial, Helvetica, sans-serif; line-height: 20px;} .footerPartage {width: 180px; margin:0; height: 120px; float:left;} .footerlist {width: 240px; height: 120px; margin:0; background:url(../images/footersep.jpg) top left no-repeat; float: left; color:#7d776e; font: 12px Arial, Helvetica, sans-serif; line-height: 20px;} .footerlist ul { list-style: url(../images/puce.gif);} .footerlist li a { margin-left: 15px;} .footerlist li a:link {text-decoration: none; color:#7d776e;} .footerlist li a:visited {text-decoration: none; color:#7d776e;} .footerlist li a:hover {text-decoration: underline; color:#000;} #footer_mentions {width:1048px; height: 24px; margin:0 auto 0 auto; padding: 10px 0 0 0; background:url(../images/footer_mentions.jpg) no-repeat;} #footer_mentions p {margin:0; font: 9px Verdana, Arial, Helvetica, sans-serif; color: #bcb9b3; text-align: center;} /* ------------------------------------------------------ */ /* ------ Mise en forme des pages spécifiques ----------- */ /* ------------------------------------------------------ */ /* ------------ GalerieImage ------------------- */ .galerieBox { width: 85px; height: 85px; padding: 2px; margin-right: 7px; margin-bottom: 14px; float: left; background: url(../images/galerie_box.png) no-repeat;} .galerieBoxb { width: 277px; height: 85px; padding: 2px; margin-right: 7px; margin-bottom: 14px; float: left; background: url(../images/galerie_box.png) no-repeat;} /* ------------ Tableau ------------------- */ .tableau { border: 2px #fff solid; width: 560px; margin-bottom: 20px;} .tableau_entete {background-color:#980808; font: bold 12px Arial, Helvetica, sans-serif; color: #fff; height: 30px;} .tableau_firstrow {background-color:#eee9e2; font: normal 11px Arial, Helvetica, sans-serif; color: #333; height: 25px;} .tableau_secondrow {background-color:#e2dcd4; font: normal 11px Arial, Helvetica, sans-serif; color: #333; height: 25px;} /* ------------ Contact form ------------------- */ .contactbox {width: 151px; height: 14px; background:url(../images/inputcontact.png) no-repeat; border: none; margin:0; padding: 5px 5px 5px 5px; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #7d776e;} .commentairebox {width: 302px; height: 154px; background:url(../images/inputcommentaire.png) no-repeat; border: none; margin:0; padding: 10px 10px 10px 10px; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #7d776e;} .btenvoyer { border: 1px solid #a90c0c; background-color: #a90c0c; color:#fff; font-size: 10px;}