/* Modèle v1.24 24/02/2009 */ /********** A GARDER EN L'ÉTAT ************/ *{margin:0; padding:0;} li{margin-left: 25px;} a img{border:0} html {font-size: 100%;} .clear{clear:both;} .centre{text-align:center;} .img_gauche {float:left; display:inline; margin:0 8px 8px 0;} .img_droite {float:right; display:inline; margin:0 0 8px 8px;} /*********** A PERSONNALISER **************/ body {font: normal 11px Arial; color:#464040; background-color:#fff;} #body{background-color:#5d5555;} table{font-size: 11px;} a{color:#bd2c1b; text-decoration:none;outline:none;} a:hover {text-decoration:underline;} h1{font: normal 24px 'Trebuchet MS'; color:#6d6564; margin-bottom:10px;padding-left:12px;} h2{font: normal 14px 'Trebuchet MS'; margin-bottom:10px; color:#bd2c1b; } h3{font: bold italic 12px Arial; color:#464040;} p {margin-bottom:10px; text-align: justify;} strong{font-weight: bold; color:#55071f; } em{font-style: italic;} .color {color:#bd2c1b;} .hr{font-size:1px; height:10px; border-bottom:1px solid #6F2126; margin:0 0 10px;} .asterisque{font-style:italic; font-size:9px;color:red;} /* Formulaires */ .bouton{ display:block; color:#6F2126; background-color:#fff; text-transform:uppercase; padding:0px 5px; font:normal 14px 'Trebuchet MS'; line-height:20px; width:auto; height:20px; border-width:0; border-left:4px #99474D solid; text-align:center; cursor:pointer; } input{margin-bottom:0px !important; margin-bottom:-2px !important!; margin-bottom:-2px;} input, select, textarea{font: normal 10px 'Trebuchet MS'; color:#666; border:1px solid #464040;} input[type="checkbox"], input[type="radio"]{border-width: 0;} .row{clear:both; margin-bottom:5px;} .row label{display:inline; float: left; margin-right: 5px; width: 145px; text-align: right;} .row label span{color:#f00;} .row textarea, .row input {width: 150px;} .row select {width: 152px;} .row_chk{padding:0; clear:both; margin-bottom:5px;} .row_chk input{border:0} .row_chk label{float:none; display:inline; margin:0; padding:0; cursor:pointer;} .row_are{clear:both; margin-bottom:5px;} .row_are label{display:inline; float: left; margin-right: 5px; width: 145px; text-align: right;} .row_are textarea{width:300px;} .row_rad {clear:both; margin-bottom:5px;} .row_rad .label{float:left; width:145px; text-align:right;} .row_rad .rad {margin-left:150px; margin-bottom:1px;} .row_rad .rad input{vertical-align:middle; border:0} .row_rad .rad label{float:none; display:inline; margin:0; padding:0; cursor:pointer;} .row_bt {margin-left:150px; clear:both; margin-bottom:5px;} /***********************************************************************/ /********************* CONTENEUR GENERAUX ****************************/ /***********************************************************************/ #conteneur {width:910px; margin:0 auto; background:#fff url(images/fond/conteneur.jpg) no-repeat; padding:35px 30px 5px;} #entete {width:910px; height:140px;} #colonne_gch {float:left; display:inline; width:180px; height:550px;margin-right:55px; position:relative; overflow:hidden;} #colonne_drt {float:left; display:inline; width:670px;} /***********************************************************************/ /*************************** COLONNE GAUCHE *************************/ /***********************************************************************/ ul#menu {width:180px; list-style-type:none; margin:0; padding-top:15px;} ul#menu li{margin:0;display:block; } ul#menu li a.accueil {background:url(images/menu/accueil.gif) no-repeat;} ul#menu li a.catalogue {background:url(images/menu/catalogue.gif) no-repeat;margin-bottom:0;margin-bottom:5px;} ul#menu li a.conseil {background:url(images/menu/conseils.gif) no-repeat;} ul#menu li a.societe {background:url(images/menu/societe.gif) no-repeat;} ul#menu li a.presentation{display:block;width:148px; margin-left:26px; background:url(images/menu/presentation.gif) no-repeat;} ul#menu li a.magasin{display:block;width:148px; margin-left:26px; background:url(images/menu/magasin.gif) no-repeat;} ul#menu li a.espace_pro {background:url(images/menu/espace_pro.gif) no-repeat;} ul#menu li a.bureau{display:block;width:148px; margin-left:26px; background:url(images/menu/bureau.gif) no-repeat;} ul#menu li a.realisations{display:block;width:148px; margin-left:26px; background:url(images/menu/realisations.gif) no-repeat;} ul#menu li a.contact {background:url(images/menu/contact.gif) no-repeat;} ul#menu li a{display:block; width:145px; font-size:1px; height:11px; background-position: top; margin-bottom:10px;} ul#menu li a:hover{background-position: bottom;} ul#menu li a.active{background-position: bottom;} ul#menu li .der {margin:-5px 0 5px;} ul#menu li .row {padding-left:28px; margin-bottom:10px;} ul#menu li .row select{width:140px;background:#dcdbd9;} #accroche {width:134px; position:absolute; left:25px; bottom:160px;} /***********************************************************************/ /****************************** ACCUEIL ******************************/ /***********************************************************************/ h1#acc {padding-left:0;} #liste_accueil {width:672px;display:block;padding-top:5px; margin-bottom:70px;overflow:hidden;} #liste_accueil .bt-nav{float:left; display:inline; width:62px; height:63px; padding-top:62px;overflow:hidden;outline:none;} #liste_accueil #list_jquery {width:541px;margin:0 0 0 4px;float:left; display:inline;overflow:hidden;} #liste_accueil ul {width:30000px;} #liste_accueil ul li{float:left;display:inline;padding:0;margin:0;float:left;} .produit_acc{float:left; display:inline; width:175px; margin-right:4px;} .produit_acc .produit_photo {width:159px; height:159px; padding:8px; background:url(images/fond/cadre_pdt.png) no-repeat;margin-bottom:10px;} .produit_acc .produit_photo a img{border:none;} p.plus {text-align:center;} p.plus a{font:bold italic 14px arial; color:#8a8382; padding:6px 0 6px 40px; background:url(images/bouton/plus.png) no-repeat;} .actu_cons {float:left; display:inline; width:230px;} .actua {margin-left:75px;} .conse {margin-left:40px;} .actu_cons h3,.actu_cons p {margin-bottom:0; color:#4f4946;} .actu_cons .actu {margin-bottom:10px;} .actu_cons p.date{font: bold italic 12px Arial;} .actu_cons p.lien a{text-decoration:underline; margin-bottom:5px;} .actu_cons p.cons {margin-bottom:10px;} .actu_cons p.tous a{font:italic 13px arial; color:#999392;} div.texte_miniFiche_Actu{height:60px;/*border:1px solid red;*/overflow:hidden;} /***********************************************************************/ /**************************** CATALOGUE ******************************/ /***********************************************************************/ #catalogue {width:550px; padding-top:5px; margin:0 0 0 70px;} #catalogue h1 {float:left;} #catalogue #list_jquery {clear:both;} #numerotation {float:right;display:inline;margin:10px 20px 0 0;} #numerotation span{float:left;display:inline;/*background:#6d6564; color:#e2e1e1;*/margin:1px 2px 0 2px;text-decoration:underline;color:#6d6564;} #numerotation a{float:left;display:inline;text-decoration:none;color:#6d6564;margin:1px 2px 0 2px;} /* #numerotation {width:150px;float:right;margin:10px 20px 0 0;} #numerotation a{float:right; padding:0 3px; } #numerotation a.nbr{text-decoration:none;color:#6d6564;margin-top:1px;} #numerotation a.nbr:hover{background:#6d6564; color:#e2e1e1;text-decoration:none;}*/ #catalogue .produit_acc{margin-bottom:25px;} /************************** CATALOGUE FICHE ***************************/ #catalogue_fiche {width:600px; padding-top:5px; margin:0 0 50px 70px;} #catalogue_fiche h1 {float:left;} #retour {float:right; display:inline; width:75px; background:url(images/bouton/puce.png) no-repeat; padding-left:15px;color:#6d6564;margin-top:10px;} #fiche_produit{clear:both} #visu_pdt {float:left; display:inline; width:260px; height:260px; background:url(images/fond/cadre_pdt_zoom.png) no-repeat; padding:7px;margin:0 10px 10px 0;} #visu_pdt a img {border:0;} #info_pdt {float:left; display:inline; width:310px;} #info_pdt h2 {color:#bd2c1b; font:normal 18px Arial;float:left;} #info_pdt #prix {float:right; text-align:right;color:#bd2c1b; font:normal 20px Arial;margin-top:15px;margin-bottom:5px;} #info_pdt #prix span{font-size:12px;} #info_pdt .fabriquant {clear:both;margin-bottom:10px;font-size:12px;} #info_pdt .fabriquant p{margin-bottom:0;} #liste_associes {clear:both; width:680px; margin-left:5px;margin-bottom:20px;} #liste_associes h3{font:normal 24px 'Trebuchet MS'; color:#6d6564; margin-bottom:10px;padding-left:15px;margin-left:60px;} #liste_associes .bt-nav{float:left; display:inline; width:62px; height:63px; padding-top:32px; float:left;margin-right:3px;outline:none;} #liste_associes #list_jquery_associe{float:left; display:inline; width:545px;} #liste_associes #list_jquery_associe ul li{float:left;display:inline;padding:0;margin:0;} #liste_associes .produit_acc{width:132px; overflow:hidden; } #liste_associes .produit_acc .produit_photo {width:125px;height:125px;padding:7px; background:url(images/fond/cadre_pdt_mini.png) no-repeat;} p.plus a{font-size:12px;background:url(images/bouton/plus-mini.png) no-repeat; padding:3px 0 6px 30px;} /***********************************************************************/ /****************************** CONSEIL ******************************/ /***********************************************************************/ #conseil {width:538px; padding-top:5px; margin:0 0 0 70px;overflow:hidden;} #conseil h1 {float:left;} #cadre {width:495px; background:url(images/fond/cadre.png) repeat; border:1px solid #fff; padding:20px 20px 10px;overflow:hidden;margin-bottom:10px;} #cadreSansLargeur { background:url(images/fond/cadre.png) repeat; border:1px solid #fff; padding:20px 20px 10px;overflow:hidden;margin-bottom:10px;} #cadre p{font-size:12px;} ul.liste {list-style-type:none;} ul.liste li{margin:0; background:url(images/bouton/puce2.png) no-repeat 0 2px; padding-left:20px; margin-bottom:15px;} ul.liste li a{font: normal 12px Arial; color:#464040;} #dossier {text-align:right; font:bold 12px Arial; } #dossier a{background:url(images/bouton/puce2.png) no-repeat 0 2px; padding-left:20px; } #recommander{text-align:right;} #recommanderPage{color:black;} #recommanderPage p{margin:0 10px 0 10px;} #recommanderPage span.obligatoire{margin:0 0 0 180px;font-style:italic; font-size:9px;color:red;}. #textareaStyle{width:100px;height:50px;border:1px solid black;} input#boutonRecommander{margin-left:120px;} /**************************** CONSEIL FICHE ***************************/ #cadre h2 {font:normal 16px 'Trebuchet Ms'; color:#bd2c1b;} #cadre p.date {font:bold italic 12px Arial; margin:0;} #cadre .visu_actu {float:right;margin: 0 0 5px 10px} #cadre .visu_actu img { border:2px solid #fff; } #cadre .list_actu {margin:0 0 25px 0;} #cadre .list_actu h2 {margin-bottom:3px;font-size:14px;} #cadre .list_actu p {margin:0 0 3px 0;} #cadre .list_actu .visu_actu {width:96px;padding-top:20px;} #cadre .list_actu p.lien a{font-size:11px; text-decoration:underline} #cadre .list_actu p.lien a:hover{text-decoration:none} /***********************************************************************/ /***************************** realisations ******************************/ /***********************************************************************/ #realisations .bt-nav{float:left; display:inline; width:62px; height:63px; padding-top:136px;overflow:hidden;outline:none;} #realisations #zone_rea{float:left; display:inline; width:509px; height:508px; overflow:hidden;} #realisations #cadre_rea{ width:493px; height:308px; padding:8px; background:url(images/fond/cadre_rea.png) no-repeat; margin-bottom:10px;} #realisations a.loupe{float:right; display:inline; width:30px; height:29px; margin-bottom:5px; margin-right:8px;} #realisations h2{font-weight:bold; float:left; display:inline; } #colonne_gch #zone_spaw_rea{ width:180px; margin-top:130px; } #colonne_gch #zone_spaw_rea h2{font-size:12px; font-weight:bold;} /* #liste_associes #list_jquery_associe{float:left; display:inline; width:545px;} #liste_associes #list_jquery_associe ul li{float:left;display:inline;padding:0;margin:0;} */ #realisations #jquery_realisation {float:left; display:inline; width:509px;} #realisations #jquery_realisation ul li{float:left;display:inline;padding:0;margin:0;} /***********************************************************************/ /***************************** electrorama ******************************/ /***********************************************************************/ /***********************************************************************/ /***************************** PIEDPAGE ******************************/ /***********************************************************************/ #piedpage {width:910px; clear:both;} #piedpage p{font-size:10px; color:#857b77; line-height:15px; text-align:right;margin:0;} #piedpage p a{font-size:10px; color:#857b77; line-height:15px;}