/* Mise en page */ body {background: #465F64 url(../image/interface/bg_hi.jpg) left top; background-repeat:repeat-x; padding:0; font-size: 11px; margin: 0px; color: #174659; font-family: Arial, Helvetica, sans-serif; text-align:justify;} /*-----------------------------------------------------------*/ /* Header */ #headerti {margin:0 auto 0 auto; width: 950px; height: 16px; text-align:center; vertical-align:middle; line-height: 16px;} #header01 {margin:0 auto 0 auto; width: 950px; height: 164px; background: url(../image/interface/header_01.jpg) no-repeat left top;} /*-----------------------------------------------------------*/ /* Menu haut */ #menuhicont {margin:0 auto 0 auto; width: 950px; height: 58px;} #menuhig {background: url(../image/interface/menu_g.jpg) no-repeat left top; float: left; width: 46px; height: 58px;} #menuhic {float: left; width: 600px; height: 58px;} #menuhibout {float: left; width: 120px; height: 58px;} #menuhid {background: url(../image/interface/menu_d.jpg) no-repeat left top; float: left; width: 304px; height: 58px;} #menuhif {float: left; width: 30px; height: 58px;} #menuhilo {margin:0 auto 0 auto; width: 950px; height: 34px; background: url(../image/interface/menu_lo.jpg) no-repeat left top;} /*-----------------------------------------------------------*/ /* Conteneur 2 DIV */ #contenu {width: 950px; margin:0 auto 0 auto; background: url(../image/interface/home_ext.jpg);} /* Menu gauche */ #menu {margin:10px 0 10px 15px; float: left; width: 182px; background: url(../image/interface/menu3_bg.jpg);} #menuenthi {background: url(../image/interface/menu2_entete.jpg) no-repeat left top; width: 182px; height: 48px; text-align:center; vertical-align:middle; line-height: 48px;} #categlink {width: 182px;} #categlink ul {margin: 0 0 0 0; padding: 0; list-style-type: none;} #categlink li {height:26px; padding: 0; text-align:left; vertical-align:middle; line-height: 26px;} #categlink a {background: url(../image/interface/menu2_bg.jpg) no-repeat left top; display:block; width:168px; height:26px; padding-left: 14px; font-weight: bold; font-size:13px; color: #FFA800; text-decoration: none;} #categlink a:hover {background: url(../image/interface/menu2_bg1.jpg) no-repeat left top; font-weight: bold; font-size:13px; color: #F37200; text-decoration: none;} #menuent {background: url(../image/interface/menu2_enteteint.jpg) no-repeat left top; width: 182px; height: 48px; text-align:center; vertical-align:middle; line-height: 48px;} #menuentlo {background: url(../image/interface/menu2_lo.jpg) no-repeat left top; width: 182px; height: 29px;} #menupub {width: 182px; background: url(../image/interface/menu3_bg.jpg); text-align:center; vertical-align:middle;} /* Contenu */ #contenuD {margin: 10px 0 0 20px; float: left; width: 720px;} /* Cadre présentation */ #conttitre {width: 720px; height: 48px;} #conttexte {background: url(../image/interface/pres_ext.jpg); width: 720px;} #conttextec {background: url(../image/interface/pres_ext.jpg); width: 720px; text-align:center;} /* Cadre presentation */ #prescont {margin:0 auto 0 auto; background: url(../image/pres_page/cadre_ext.jpg); width: 590px;} #preshi {width: 590px; height: 35px;} #presim {float: left; width: 100px;} #preste {float: left; padding-top: 5px; width: 490px;} #preslo {background: url(../image/pres_page/cadre_lo.jpg) no-repeat left top; width: 590px; height: 9px;} /* texte */ #conttexte p {font: 11px Arial, Helvetica, sans-serif; color:#174659; text-align:justify; margin: 0 15px 0 15px;} #contpied {background: url(../image/interface/pres_lo.jpg) no-repeat left top; width: 720px; height: 44px;} /* Cadre Flash */ #flashcont {margin: 0 0 10px 0; float: left; width: 460px; height: 350px;} /* Cadre témoignage */ #temoicont {margin: 0 0 0 10px; float: left; width: 250px;} #temoititre {width: 250px; height: 48px;} #temoitexte {background: url(../image/interface/pres_ext.jpg); width: 250px;} #temoitextec {background: url(../image/interface/pres_ext.jpg); width: 250px; text-align:center;} /* texte */ #temoitexte p {font: 11px Arial, Helvetica, sans-serif; color:#174659; text-align:justify; margin: 0 15px 0 15px;} #temoitexte h1 {font: bold 14px Arial, Helvetica, sans-serif; color:#3aa0ff;} #temoipied {background: url(../image/interface/pres_lo.jpg) no-repeat left top; width: 250px; height: 44px;} /* Cadre tarif */ #tarifcont {width: 720px; margin:20px 0 0 0;} #tarifim {width: 140px; height: 180px; float: left; margin:0 0 0 10px;} #tarifte {width: 440px; float: left; margin:10px 0 0 10px;} #tarifteti {width: 440px; height: 40px; text-align:left;} #tariftete {width: 440px; height: 130px; text-align:left;} #tariftep {width: 110px; height: 130px; float: left; margin:50px 0 0 0;} /* Titre section */ #titresec {background: url(../image/interface/titre.jpg) no-repeat center top; width: 720px; height: 28px; text-align:center; vertical-align:middle; line-height: 28px;} /* Cadre apercu charte */ #apcharte {width: 720px; height: 100px; background: url(../image/interface/bgcadre_charte.jpg) no-repeat left top; margin:10px 0 0 0;} #apcharteim {width: 480px; height: 68px; float: left; margin:6px 0 0 10px;} #apcharteim a {display:block; width:480px; height:68px;} #apcharteim a:hover {background: #000000;} #apchartete {width: 200px; height: 80px; float: left; margin:0px 0 0 20px; text-align:left;} /* Cadre apercu mini */ #apmini {width: 170px; background: url(../image/interface/bgcadre_mini.jpg) no-repeat left top; float: left; margin:10px 5px 15px 5px;} #apminiim {width: 156px; height: 100px; margin:7px 0 0 7px;} #apminiim a {display:block; width:156px; height:100px;} #apminiim a:hover {background: #000000;} #apminite {width: 170px; margin:14px 0 0 0px; text-align:left;} /* Cadre apercu emailing */ #apemailim {width: 350px; height: 400px; float: left; margin:10px 0 0 10px;} #apemailte {width: 720px; text-align:left; margin:10px 0 0 0;} /* Cadre apercu banniere */ #apbann {width: 720px; margin:10px 0 0 10px; text-align:center; margin:5px 0 0 0; color: #E4F9FC;} #apbann728f {width: 730px; margin:10px 0 0 10px; text-align:center; margin:0 0 0 200px; color: #E4F9FC;} #apbann728 {width: 730px; margin:10px 0 0 10px; text-align:center; margin:5px 0 0 200px; color: #E4F9FC;} #apbannti {background: url(../image/interface/titre.jpg) no-repeat center top; width: 720px; height: 28px; text-align:center; vertical-align:middle; line-height: 28px; margin:30px 0 0 0;} #apbannti728 {background: url(../image/interface/titre.jpg) no-repeat center top; width: 720px; height: 28px; text-align:center; vertical-align:middle; line-height: 28px; margin:30px 0 5px 0;} /* Apercu en image */ #apimage {width: 720px; text-align:center; margin:20px 0 20px 0;} /* Bouton */ #boutcont {height: 40px; width: 544px; text-align:center; vertical-align:middle; line-height: 40px; margin:10px auto 10px auto;} #boutg {width: 22px; height: 40px; float: left; background: url(../image/interface/bout_g.png);} #boutlink {width: 500px; height: 40px; float: left;} #boutlink a {display:block; height:40px; background: url(../image/interface/bout_ext0.png); font-weight: bold; font-size:17px; color: #FFD900; text-decoration: none;} #boutlink a:hover {background: url(../image/interface/bout_ext1.png); font-weight: bold; font-size:17px; color: #FFFFFF; text-decoration: none;} #boutd {width: 22px; height: 40px; float: left; background: url(../image/interface/bout_d.png);} #contenulo { margin:0 auto 0 auto; width: 950px; height: 17px; background: url(../image/interface/home_lo.jpg) no-repeat left top;} /*-----------------------------------------------------------*/ /* Footer */ #footerbg {background: url(../image/interface/bg_lo.jpg); background-repeat:repeat-x;} #footermenu {margin:0 auto 0 auto; width: 950px; height: 26px;} #footermenug {background: url(../image/interface/footer_g.jpg) no-repeat left top; float: left; width: 212px; height: 26px;} #footermenuc {background: url(../image/interface/footer_ext.jpg) no-repeat left top; float: left; width: 526px; height: 26px; text-align:center; vertical-align:middle; line-height: 26px;} #footermenud {background: url(../image/interface/footer_d.jpg) no-repeat left top; float: left; width: 212px; height: 26px;} #footer {margin:0 auto 0 auto; background: url(../image/interface/footer_lo.jpg) no-repeat left top; width: 950px; height: 67px;} #footerc {width: 950px; height: 40px; text-align:center; padding-top:40px;} /*-----------------------------------------------------------*/ /* Patch bug IE6 */ .spacer {clear: both; visibility:hidden; margin:0; padding:0;} /*-----------------------------------------------------------*/ /* Styles */ .Style1 { font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #E4F9FC;} .Style2 { font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF;} .Style3 { font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: underline; color: #174659;} .Style4 { font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF;} .Style5 { font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FFD900;} .Style6 { font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #174659;} .Style7 { font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FF0000;} .Style8 { font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FFD900;} .Style9 { font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #E4F9FC;} .Style10 { font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #174659;} .Style11 { font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #174659;} h1 {font: bold 13px Arial, Helvetica, sans-serif; color:#203D4B; padding:0 10px 0 10px;} /* Styles formulaires */ input {font-size: 11px; font-family: Arial, Helvetica, sans-serif;} .inputf {font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #000000; overflow: visible; width:200px;} textarea {font-size: 11px; font-family: Arial, Helvetica, sans-serif } .Ttemoignage {font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #000000; overflow: visible; width:540px;} .Tdemande {font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #000000; overflow: visible; width:580px;} select {font-size: 11px; font-family: Arial, Helvetica, sans-serif } /* Styles liens */ a {color: #000000; text-decoration: none ;font-size : 11px ;font-weight: bold;} a:link {color: #000000;} a:hover {color: #000000; text-decoration: underline ;font-size : 11px ;font-weight: bold} #categlink a {color: #FBD204; text-decoration: none ;font-size : 11px ;font-weight: bold;} #categlink a:link {color: #FBD204;} #categlink a:hover {color: #FFFFFF; text-decoration: none ;font-size : 11px ;font-weight: bold} #footer a {color: #E4F9FC; text-decoration: none ;font-size : 11px ;font-weight: bold;} #footer a:link {color: #E4F9FC;} #footer a:hover {color: #000000; text-decoration: underline ;font-size : 11px ;font-weight: bold} #apchartete a {color: #174659; text-decoration: none ;font-weight: bold;} #apchartete a:link {color: #174659;} #apchartete a:hover {color: #000000; text-decoration: underline ;font-weight: bold} /*-----------------------------------------------------------*/ /* Graphisme et Fichier CSS généré par http://www.IMPACT-Cr3ations.com */