* { margin: 0; padding: 0; } .break {clear: both; height: 1px; line-height: 1px; font-size: 1px;} body, input, textarea, select { font-family: "Arial", Verdana, sans-serif; color: #555; font-size: 11px;} body {background-color: #ddd; font-size: 12px;} a {color: #0099CC; text-decoration: none;} a:hover {color: #E20025;} #allContent { width: 950px; margin: 15px auto 0 auto; background-color: #fff; padding: 5px; position: relative;} #layerAccueil { width: 420px; height: 450px; position: absolute; left: 475px; top: 100px; z-index: 5000; background-color: #011740; display: none;} #layerAccueil .btnFermer {margin: 5px; width: 14px; height: 14px; text-indent: -5000px; overflow: hidden;} #layerAccueil img {margin: 0 0 0 5px; width: 400px; height: 400px;} /****************************************************/ /* navigation */ /****************************************************/ #navigation {list-style: none; height: 29px; width: 950px;} #navigation li {float: left;} #navigation li a {display: block; height: 29px; background-repeat: no-repeat;} #navigation li a:hover {background-position: 0 -29px;} #navigation li a span {display: none;} #navigation li#btnNavA a {background-image: url(../../images/btnNavA.gif); width: 53px;} #navigation li#btnNavB a {background-image: url(../../images/btnNavB.gif); width: 69px;} #navigation li#btnNavC a {background-image: url(../../images/btnNavC.gif); width: 163px;} #navigation li#btnNavD a {background-image: url(../../images/btnNavD.gif); width: 60px;} #navigation li#btnNavE a {background-image: url(../../images/btnNavE.gif); width: 125px;} #navigation li#btnNavF a {background-image: url(../../images/btnNavF.gif); width: 94px;} #navigation li#btnNavG a {background-image: url(../../images/btnNavG.gif); width: 106px;} #navigation li#btnNavH a {background-image: url(../../images/btnNavH.gif); width: 145px;} #navigation li#btnNavI a {background-image: url(../../images/btnNavI.gif); width: 135px;} #mainContent {width: 910px; padding: 25px 20px 20px 20px;} #mainContent p {margin-bottom: 10px;} /****************************************************/ /* menu produits */ /****************************************************/ #menuProduits {width: 185px; background-color: #505A5D; float: left;} #menuProduits h2 { width: 185px; height: 33px; border-bottom: 1px #fff solid; background: transparent url(../../images/titreMenuProduits.gif) no-repeat;} #menuProduits h2 span {display: none;} #menuProduits ul {list-style: none; margin: 12px 0 0 0;} #menuProduits ul ul {margin: 5px 0 0 0;} #menuProduits ul li {margin: 0 8px 5px 8px;} #menuProduits ul li a { color: #fff; text-decoration: none; padding-left: 15px; font-size: 12px; display: block; font-weight: bold; cursor: pointer; margin: 0; background: transparent url(../../images/flecheMenu.gif) no-repeat;} #menuProduits ul li a:hover {font-weight: bold !important;} #menuProduits ul ul li {margin: 0 0 0 15px; } #menuProduits ul ul li a {background-image: none; padding: 0; font-size: 11px; font-weight: normal;} #menuProduits ul ul li a.niv2 {color: #2fbeee; font-size: 12px; font-weight: bold;} #menuProduits ul ul ul li {margin: 0;} #menuProduits ul ul ul li a {font-size: 11px; font-weight: normal;} #menuProduits ul a:hover {font-weight: bold;} #menuProduits ul ul ul {margin-bottom: 10px;} ul li#accesGuideDeChoix, ul li#accesDevisExpress { width: 175px; padding: 0 0 0 10px !important; margin: 0 !important; background-color: #7f828c;} ul li#accesDevisExpress {background: #7f828c url(../../images/guideMenuProduits.gif) no-repeat left bottom; height: 50px;} ul li#accesGuideDeChoix a, ul li#accesDevisExpress a { width: 145px; height: 30px; font-size: 13px; padding: 10px 0 5px 30px !important;} ul li#accesGuideDeChoix a {background: transparent url(../../images/pictoAideChoix.gif) no-repeat 0 10px !important;} ul li#accesDevisExpress a {background: transparent url(../../images/pictoDevisExpress.gif) no-repeat 0 10px !important;} ul li a span {font-size: 9px; display: block;} #pageAccueil ul li#accesGuideDeChoix, #pageAccueil ul li#accesDevisExpress {width: 200px !important;} #pageAccueil ul li#accesGuideDeChoix a, #pageAccueil ul li#accesDevisExpress a {width: 160px !important;} #pageAccueil ul li#accesDevisExpress {background: #7f828c url(../../images/btnGuideChoixAccueil.gif) no-repeat left bottom; height: 50px;} /****************************************************/ /* bloc produits accueil */ /****************************************************/ #flashAccueil {background-color: #004489;} #blocProduits, #blocActus, #blocPromos, #blocActusStatic, #encart {float: left;} #blocProduits h2 span, #blocActus h2 span, #blocActusStatic h2 span, #blocPromos h2 span {display: none;} #blocProduits {width: 210px; background-color: #505A5D; margin-bottom: 15px;} #blocProduits h2 { width: 210px; height: 32px; border-bottom: 1px #fff solid; background: transparent url(../../images/titreBlocProduits.gif) no-repeat;} #blocProduits ul {list-style: none; margin: 12px 0 0 0;} #blocProduits ul li {margin: 0 12px 5px 12px;} #blocProduits ul li a { color: #fff; text-decoration: none; padding-left: 15px; font-size: 13px; display: block; font-weight: bold; background: transparent url(../../images/flecheMenu.gif) no-repeat;} #encart {margin-left: 45px; } #encart img {border: 0;} #encart {display: none;} #blocVirtuoses { width: 270px; height: 253px; position: relative; float: left; margin-left: 40px; background: transparent url(../../images/blocPromoVirtuoses.gif) no-repeat;} #blocVirtuoses img {position: absolute; left: 133px; top: 82px;} #blocVirtuoses a { display: block; text-indent: -1100px; overflow: hidden; width: 270px; height: 253px;} #lecteurMP3 {position: absolute; left: 15px; top: 220px;} /****************************************************/ /* bloc actualités accueil */ /****************************************************/ #blocActus #contentActus {height: 205px;} #blocActus, #blocActusStatic {width: 340px; margin-left: 45px;} #blocActus h2, #blocActusStatic h2 { width: 340px; height: 32px; background: transparent url(../../images/titreBlocActus.gif) no-repeat;} #contentActus {padding: 15px 15px 0 15px; background: transparent url(../../images/bgBlocActus.gif) repeat-y;} #contentActus img {border: 0; float: left; margin-right: 10px;} #blocActusStatic #contentActus {padding: 3px 4px 10px 4px; height: 205px;} /*#blocActusStatic #contentActus img {width: 332px; height: 205px;}*/ #blocActusStatic {display: none;} #blocActus .zoneTexte {width: 150px; float: left; color: #000;} .specialHome {margin-bottom: 5px;} .savPlusActus { width: 330px; height: 38px; position: relative; top: -10px; padding-right: 10px; margin-bottom: 0 !important; background: transparent url(../../images/bgSavPlusActus.gif) no-repeat left bottom;} .savPlusActus a { display: block; color: #000; position: relative; top: 20px; text-decoration: none; font-weight: bold; text-align: right; padding-right: 2px; background: transparent url(../../images/btnSavPlus.gif) no-repeat 318px 2px;} .savPlusActus a span {color: #fff;} /****************************************************/ /* bloc promos accueil */ /****************************************************/ #blocPromos { display: block; width: 270px; margin-left: 45px; padding-top: 0; display: none;} #blocPromos h2 { width: 270px; height: 32px; background: transparent url(../../images/titreBlocPromos.gif) no-repeat; display: block;} #blocPromos #ticker { width: 250px; padding: 2px 10px 5px 10px; color: #f1931d; border: 0; background-color: #00477e; border-top: 2px #f1931d solid; border-bottom: 2px #f1931d solid; font-weight: bold; height: 12px;} #contentPromos {padding: 15px 15px 0 15px; background: transparent url(../../images/bgBlocPromos.gif) repeat-y;} #contentPromos img {border: 0; float: left; margin-right: 5px;} #contentPromos h4 { display: block; float: left; font-size: 18px; width: 135px;} #blocPromos .zoneTexte { width: 110px; float: left; color: #000;} #blocPromos #contentPromos .zoneTexte {float: left; width: 120px;} .prix { font-size: 18px; color: #f1931d; width: 117px; height: 69px; line-height: 56px; text-align: center; font-weight: bold; background: transparent url(../../images/bgPrix.gif) no-repeat;} .prix span {color: #fff; font-size: 12px; text-decoration: line-through;} .savPlusPromos { width: 270px; height: 38px; position: relative; top: -10px; padding-right: 10px; margin-bottom: 0 !important; background: transparent url(../../images/bgSavPlusPromos.gif) no-repeat left bottom;} .savPlusPromos a { display: block; color: #000; position: relative; top: 20px; text-decoration: none; font-weight: bold; text-align: right; padding-right: 2px; background: transparent url(../../images/btnSavPlus.gif) no-repeat 258px 2px;} .savPlusPromos a span {color: #fff;} #blocVoeux {width: 270px; float: left; margin-left: 45px; } #blocPromosStatic {position: relative; left: 40px; float: left; width: 270px;} /****************************************************/ /* En tête */ /****************************************************/ #enTete { width: 950px; height: 88px; background: transparent url(../../images/bgEntete.jpg) no-repeat;} #enTete h1 a { width: 178px; height: 62px; display: block; position: relative; top: 15px; left: 20px;} #enTete h1 a span {display: none;} #enTete h2 {display: none;} /****************************************************/ /* Footer */ /****************************************************/ #footer { clear: both; height: 20px; margin: 0 5px; border-top: 1px #0099CC dotted; padding-top: 2px;} #footer fieldset {border: 0;} #footer ul {list-style: none; float: right; margin-top: 5px;} #footer ul li {float: left; padding-left: 15px;} #footer ul li a {font-size: 10px; color: #666;} #blocNewsletter { height: 25px; width: 390px; float: left; margin-right: 30px;} #blocNewsletter label { width: 228px; height: 10px; margin-top: 7px; display: block; float: left; padding-right: 5px; background: transparent url(../../images/titreBlocNewsletter.gif) no-repeat;} #blocNewsletter label span {display: none;} #blocNewsletter input {float: left;} #blocNewsletter input#inscription {width: 120px; margin-right: 5px; margin-top: 3px;} #blocNewsletter .btnOK { background: transparent url(../../images/btnBlocNewsletter.gif) no-repeat; width: 26px; height: 16px; border: 0; font-weight: bold; margin-top: 4px;} #blocRecherche { height: 22px; width: 135px; border: 0; padding-left: 10px; background: transparent url(../../images/bgBlocRecherche.png) no-repeat left bottom; position: absolute; right: 5px; top: 5px;} #blocRecherche label {display: none;} #blocRecherche input#recherche {width: 100px; margin-right: 5px;} #blocRecherche .btnOK { background: transparent url(../../images/btnBlocRecherche.gif) no-repeat; width: 26px; height: 16px; border: 0; color: #fff; font-weight: bold; margin-top: 1px;} #blocRecherche input {float: left;} #pageAccueil #blocRecherche { display: none; height: 25px; width: 155px; float: left; background-image: none; position: relative; left: 0; top: 0;} #pageAccueil #blocRecherche input#recherche {width: 120px; margin-top: 3px;} #pageAccueil #blocRecherche .btnOK {margin-top: 4px;} #pageAccueil #blocRecherche {display: block;} /****************************************************/ /* Catalogue */ /****************************************************/ #btnAideChoix { display: block; width: 195px; height: 31px; float: right; background: transparent url(../../images/btnAideChoix.gif) no-repeat;} #btnAideChoix span {display: none;} #ariane {list-style: none; height: 16px; border-bottom: 1px #029bcd dotted; margin-bottom: 20px;} #ariane li {float: left; font-size: 11px; color: #029bcd; padding-right: 3px; font-weight: bold;} #pageGammes #mainContent h1 { background: transparent url(../../images/titreCatalogue.gif) no-repeat; width: 910px; height: 33px; padding-left: 0; margin-bottom: 15px;} #pageGammes #mainContent h1 span {display: none;} #pageFamilleProduits #mainContent h1 { width: 910px !important; height: 33px; line-height: 30px; margin-bottom: 15px; color: #fff; font-size: 20px; padding-left: 10px; background: transparent url(../../images/bgTitre.gif) no-repeat;} #pageFicheProduit #ariane {width: 710px;} #content {width: 710px; float: left; padding-left: 15px;} #content h2, .pageCatalogue #mainContent h2, .pageActualites #mainContent h2 {font-size: 16px; color: #004489; margin-bottom: 15px;} #content h1 {font-size: 30px; color: #0099cc; font-weight: normal; line-height: 28px; margin-bottom: 10px;} .blocCata { width: 280px; float: left; margin: 0 10px 15px 10px; position: relative; background: transparent url(../../images/bgBlocCata.gif) repeat-y;} .blocCata img {float: left; margin: 0 10px 0 0; border: 0; position: relative;} .blocCata h3 {width: 280px;} .blocCata h3 a { background: transparent url(../../images/bgTitreBlocCata.gif) no-repeat; width: 265px; padding: 5px 0 0 15px; font-size: 18px !important; display: block; color: #029BCD;} #pageGammes .blocCata h3 a { background: transparent url(../../images/bgTitreBlocGamme.gif) no-repeat; padding: 4px 0 3px 0; font-size: 17px !important; display: block; color: #fff; text-align: center;} .blocCata .zoneTexte {font-size: 11px;padding: 10px;} .blocCata .special { float: right; width: 80px; display: block; height: 27px; margin: -28px 0 5px 10px; border: 0; padding: 0;} .savPlusProduit { width: 272px; height: 38px; clear: both; position: relative; padding-right: 18px; margin-bottom: 0 !important; background: transparent url(../../images/bgSavPlusProduit.gif) no-repeat left bottom; } .savPlusProduit a { display: block; color: #000; position: relative; top: 20px; text-decoration: none; font-weight: bold; text-align: right; padding-right: 2px; background: transparent url(../../images/btnSavPlus.gif) no-repeat 260px 2px;} .savPlusProduit a span {color: #fff;} #pageGammes .savPlusProduit { width: 890px; height: 30px; background: transparent url(../../images/bgSavPlusGammes.gif) no-repeat left bottom; padding-right: 20px;} #pageGammes .savPlusProduit a {background-position: 878px 2px;} #pageGammes .savPlusProduit a span {font-size: 11px; padding-left: 5px; } .ligneCata {width: 910px; background: transparent url(../../images/bgBlocGammes.gif) repeat-y; margin-bottom: 15px; position: relative;} .ligneCata .hautBloc {width: 910px; height: 10px; background: transparent url(../../images/hautBlocGammes.gif) no-repeat;} .ligneCata h3 {float: left; width: 485px; font-size: 18px; margin-bottom: 5px; color: #0099CC;} .ligneCata img {border: 0; float: left; margin-right: 15px; width: 70px; height: 70px; overflow: hidden;} .ligneCata .zoneTexte {width: 586px; float: left; padding: 0 0 0 12px;} .ligneCata ul {list-style: none; float: left; width: 220px; padding: 17px 0 0 20px;} .ligneCata ul li {background: transparent url(../../images/fleche.gif) no-repeat 0 2px; padding-left: 12px;} .ligneCata ul li a {text-decoration: none; font-weight: bold;} .ligneCata .btnAideChoixCata, .ligneCata .btnDevisExpressCata {display: block; width: 79px; height: 63px;} .blocCata .btnAideChoixCata, .blocCata .btnDevisExpressCata {display: block; width: 115px; height: 26px;} .btnAideChoixCata span, .btnDevisExpressCata span {display: none;} .ligneCata .btnAideChoixCata {background: transparent url(../../images/btnAideChoixCata.gif) no-repeat;} .ligneCata .btnDevisExpressCata {background: transparent url(../../images/btnDevisExpressCata.gif) no-repeat;} .ligneCata .btnAideChoixCata, .ligneCata .btnDevisExpressCata {position: absolute; right: 20px; top: 20px;} .blocCata .btnAideChoixCata, .blocCata .btnDevisExpressCata {position: absolute; left: 30px; bottom: 5px; z-index: 15;} .blocCata .btnAideChoixCata {background: transparent url(../../images/btnAideChoixCata2.gif) no-repeat;} .blocCata .btnDevisExpressCata {background: transparent url(../../images/btnDevisExpressCata2.gif) no-repeat;} /****************************************************/ /* Fiche produit */ /****************************************************/ .btnImprimer { display: block; width: 72px; height: 15px; float: right; margin-top: -15px; background: transparent url(../../images/btnImprimer.gif) no-repeat;} .btnImprimer span {display: none;} #colTextes {position: relative;} #colVisuels, #colTextes, #colServices {float: left;} #colVisuels {width: 278px;} #colTextes {width: 330px; padding-left: 20px; padding-right: 10px;} #colServices {width: 68px; list-style: none;} #pageFicheProduit .special {float: right; margin: 0 15px;} #pageFicheProduit .zoneTexte h4 {font-size: 10px; margin-bottom: 10px;} .layerSecu { width: 250px; padding: 5px; position: absolute; left: 20px; top: 60px; background-color: #fff;} .layerSecu h5 { font-size: 14px; margin-bottom: 5px;} .layerSecu h6 {font-size: 12px; margin-bottom: 5px;} .layerSecu h6 span {position: relative; top: -6px;} .layerSecu p {font-size: 11px; margin-bottom: 0 !important;} .layerSecu p strong {display: block;} #layerSecuUne {border: 2px #EC6D00 solid;} #layerSecuDeux {border: 2px #E60004 solid;} #layerSecuTrois {border: 2px #783A92 solid;} .orange h5, .orange p strong, #pageFicheProduit .orange span {color: #EC6D00;} .rouge h5, .rouge p strong, #pageFicheProduit .rouge span {color: #E60004;} .violet h5, .violet p strong, #pageFicheProduit .violet span {color: #783A92;} #layerSecuTrois p strong span {position: relative; top: -6px;} #colVisuels h4 { width: 280px; height: 33px; margin-bottom: 10px; background: transparent url(../../images/titreZoomPlus.gif) no-repeat;} #colVisuels h4 span {display: none;} #colVisuels ul {list-style: none;} #colVisuels ul li {float: left; margin-right: 10px;} #colVisuels ul li img {border: 0;} #colVisuels #zoomProduit {margin-bottom: 10px;} #blocCaracteristiques {font-size: 11px; margin-top: 10px;} #blocCaracteristiques h5 { width: 295px; height: 22px; margin-bottom: 10px; background: transparent url(../../images/titreCaracteristiques.gif) no-repeat;} #blocCaracteristiques h5 span, #blocDoc h5 span {display: none;} #blocDoc {width: 295px;} #blocDoc h5 { width: 295px; height: 32px; background: transparent url(../../images/titreBlocDoc.gif) no-repeat;} #blocDoc ul { list-style: none; padding: 10px; background: transparent url(../../images/bgBlocDoc.gif) repeat-y;} #blocDoc ul li {border-bottom: 1px #666 dotted;} #blocDoc ul li a { color: #666; font-weight: bold; background: transparent url(../../images/pictoPDF.gif) no-repeat 0 4px; display: block; padding: 5px 0 5px 22px;} #blocDoc ul li a:hover {color: #000;} #blocDoc #btnAcrobat { display: block; padding: 0 95px 0 45px; width: 155px; height: 58px; font-size: 11px; color: #666; background: transparent url(../../images/btnAcrobat.gif) no-repeat;} #blocDoc #btnAcrobat:hover {color: #000;} #lnkSecurite { font-size: 14px; font-weight: bold; color: #666; margin-bottom: 30px; display: block;} #lnkSecurite img {border: 0; margin-left: 2px;} #colServices li {margin-bottom: 10px;} #colServices li a {display: block; width: 68px; height: 58px;} #colServices li a span {display: none;} #colServices li#servA a {background: transparent url(../../images/btnDemandeInfo.gif) no-repeat;} #colServices li#servB a {background: transparent url(../../images/btnGuideSecurite.gif) no-repeat;} #colServices li#servC a {background: transparent url(../../images/btnDemoVideo.gif) no-repeat;} #colServices li#servD a {background: transparent url(../../images/btnCommander.gif) no-repeat;} #colServices li#servE a {background: transparent url(../../images/btnGuideChoix.gif) no-repeat;} #colServices li#servF a {background: transparent url(../../images/btnServF.gif) no-repeat;} .titreSecuA, .titreSecuB, .titreSecuC {margin-bottom: 10px;} .titreSecuA span, .titreSecuB span, .titreSecuC span {display: none;} .titreSecuA {background: transparent url(../../images/titreSecuA.gif) no-repeat; height: 35px; width: 266px;} .titreSecuB {background: transparent url(../../images/titreSecuB.gif) no-repeat; height: 36px; width: 333px;} .titreSecuC {background: transparent url(../../images/titreSecuC.gif) no-repeat; height: 41px; width: 172px;} #pageSecurite #mainContent h4 {color: #004489;} #pageSecurite #mainContent img.visuelSecu {margin-bottom: 15px;} .floatRight {float: right; margin: 0 20px;} #colSecuA, #colSecuB, #colSecuC {float: left;} #colSecuA {width: 290px;} #colSecuB {width: 400px;} #colSecuC {width: 220px;} #colSecuA p, #colSecuB p {padding-right: 15px;} #colSecuA .picto {width: 135px; float: left; text-align: center; font-size: 11px; padding-right: 0;} #colSecuA .picto img {display: block; margin: 0 auto 5px auto;} /****************************************************/ /* Guide de choix */ /****************************************************/ #mainContent fieldset { border: 1px #029BCD dotted; padding: 15px; margin-bottom: 10px;} #mainContent legend { color: #029BCD; font-size: 16px; font-weight: bold; background-color: #fff; padding: 0 10px;} .pageGuideChoix #mainContent h1 { background: transparent url(../../images/titreGuideChoix.gif) no-repeat; width: 910px; height: 33px; padding-left: 0; margin-bottom: 15px;} .pageGuideChoix #mainContent h1 span {display: none;} .pageGuideChoix #mainContent fieldset h3 { color: #666; font-size: 16px; font-weight: bold; margin-bottom: 5px; padding-left: 12px; background: transparent url(../../images/fleche.gif) no-repeat 0 4px;} .pageGuideChoix #mainContent fieldset {border: 0; padding: 0; margin-bottom: 20px;} .pageGuideChoix #mainContent fieldset .blocForm { background: transparent url(../../images/hautBloc.gif) no-repeat; padding: 20px 10px 10px 10px; width: 890px; margin-bottom: 0;} .pageGuideChoix #mainContent fieldset#type .blocForm {background: transparent url(../../images/hautBlocChoix.gif) no-repeat;} .pageGuideChoix #mainContent fieldset#type label {font-size: 14px;} .margeGauche {margin-left: 20px;} .besoins2 .margeGauche {margin-left: 100px;} .pageGuideChoix #mainContent fieldset.besoins .blocForm .margeTop {margin-top: 15px;} .basBlocForm { background: transparent url(../../images/basBloc.gif) no-repeat; width: 910px; height: 15px;} fieldset#type .basBlocForm {background: transparent url(../../images/basBlocChoix.gif) no-repeat;} .pageGuideChoix #mainContent p strong {font-size: 14px; color: #E4001E; padding: 10px 0 0 0; display: block;} .floatLeft {float: left !important; margin-right: 20px;} .pageContactPromo #mainContent fieldset {border: 1px #F1931D dotted;} .pageContactPromo #mainContent legend {color: #F1931D; display: inline;} .pageGuideChoix #mainContent fieldset {position: relative;} /****** bloc hauteur */ .pageGuideChoix #mainContent fieldset.hauteur .blocForm { height: 45px; padding: 20px 10px 10px 100px; width: 800px;} .pageGuideChoix #mainContent fieldset.hauteur .blocForm .lineRadio {margin-top: 15px;} /**** bloc longueur */ .pageGuideChoix #mainContent fieldset#longueur .blocForm { height: 35px; padding: 10px 10px 10px 100px; width: 800px;} .pageGuideChoix #mainContent fieldset#longueur .blocForm .lineRadio {margin-top: 15px;} /**** bloc besoins */ .pageGuideChoix #mainContent fieldset.besoins .blocForm, .pageGuideChoix #mainContent fieldset.besoins2 .blocForm {height: 85px;} .pageGuideChoix .lineSubmit input { background: transparent url(../../images/bgBtnFormAide.gif) no-repeat; width: 85px;} /***** visuels */ #visuelHauteurA {float: right; margin: -15px 150px 0 0;} #visuelHauteurB {float: right; margin: -15px 150px 0 0;} #visuelLongueur {float: right; margin: -5px 100px 0 0;} #visuelBesoinEchaf {float: right; margin: -10px 100px 0 0;} #visuelBesoins2 {float: right; margin: -10px 150px 0 0;} #mainContent fieldset .lineCheck input {margin-right: 5px;} #mainContent fieldset .lineCheck ul {list-style: none; padding-left: 20px;} #mainContent fieldset .lineCheck ul li {float: left; padding-right: 10px;} #mainContent fieldset .lineCheck ul li label {font-weight: normal;} #mainContent fieldset label {font-weight: bold; cursor: pointer;} #mainContent fieldset em {font-size: 11px; color :#024589;} #largeur_porte, #rentabilite {float: right; margin-right: 50px;} #largeur_porte input, #rentabilite input, .lineCheck input {float: left;} .blocForm .lineCheck {height: 25px;} .lineFloat {float: left; padding-right: 20px;} .pageGuideChoix #mainContent fieldset img {float: right;} .labelMarge {margin-right: 20px;} .choixEquipA, .choixEquipB {text-align: center; width: 400px;} .choixEquipA label {width: 300px; } .choixEquipA img, .choixEquipB img {float: none !important; display: block; margin: 10px auto 0 auto;} .formEnviron, .formMatiere {text-align: center;} .formEnviron img, .formMatiere img {display: block; margin: 10px auto 0 auto !important; float: none !important;} .formEnviron .lineRadio, .formMatiere .lineRadio {width: 240px;} .formEnviron .lineTrois, .formMatiere .lineTrois {width: 150px;} .formEnviron .margeForm, .formMatiere .margeForm {margin-left: 100px;} /****************************************************/ /* Actualités */ /****************************************************/ .pageActualites #mainContent h1 { background: transparent url(../../images/titreActualites.gif) no-repeat; width: 910px; height: 33px; padding-left: 0; margin-bottom: 15px;} .pageActualites #mainContent h1 span {display: none;} .btnRetour { float: right; color: #fff; font-weight: bold; padding-left: 15px; margin: 7px 15px 0 0;} .pageActualites .btnRetour, #pageEmploi .btnRetour {background: transparent url(../../images/flecheRetourActu.gif) no-repeat 0 1px;} .pagePromotions .btnRetour {background: transparent url(../../images/flecheRetourPromo.gif) no-repeat 0 1px;} .date {font-weight: bold; font-size: 11px; color :#029BCD;} .pageActualites #mainContent h3 { background-color: #04448B; color: #fff; margin-bottom: 15px; padding: 2px 10px;} .actu {margin-bottom: 20px;} .actu h2 a {font-size: 14px; text-decoration: none; margin-bottom: 10px !important;} .actu img, .zoneTexte img {padding: 2px; border: 1px #CFE3EE solid; float: left; margin-right: 12px;} .reponse .zoneTexte ul, .reponse .zoneTexte ol {list-style-position: inside; margin-left: 20px; margin-bottom: 10px;} .reponse .zoneTexte p {margin-bottom: 10px;} #pageDetailActualites .zoneTexte img {float: none; margin: auto;} .actu .btnSuite { font-weight: bold; display: block; text-align: right; border-bottom: 1px #029BCD dotted; text-decoration: none; padding-bottom: 3px;} .zoneTexte h4 {font-size: 11px;} /****************************************************/ /* Promotions */ /****************************************************/ .pagePromotions #mainContent h1 { background: transparent url(../../images/titrePromotions.gif) no-repeat; width: 910px; height: 33px; padding-left: 0; margin-bottom: 15px;} .pagePromotions #mainContent h1 span {display: none;} .pagePromotions #mainContent h3 { background-color: #029BCD; color: #fff; margin-bottom: 15px; padding: 2px 10px; font-size: 16px;} .pagePromotions .prix {float: right;} .pagePromotions .special {float: right; padding: 0; border: 0; margin: 0;} .promo {width: 650px; float: left;} .contactCom { width: 220px; float: left; margin-top: 5px; padding-left: 40px; list-style: none;} .contactCom li {margin-bottom: 10px;} .contactCom li a {display: block; width: 131px; height: 38px;} .contactCom li a span {display: none;} .contactCom li.btnContactCom a {background: transparent url(../../images/btnContactCom.gif) no-repeat;} .contactCom li.btnTelechargePDF a {background: transparent url(../../images/btnTelechargePDF.gif) no-repeat;} .typeContact {margin-top: 10px; font-size: 11px; padding: 8px !important;} .typeContact label {padding-right: 5px;} .typeContact .btnOK { background: transparent url(../../images/btnBlocNewsletter.gif) no-repeat; width: 26px; height: 16px; border: 0; font-weight: bold;} .validite {color: #D4001D;} .telechargerExpert {float: right; color: #fff; font-size: 11px; font-weight: bold; margin: 5px 10px 0 0;} .logoCateg {float: left; padding: 0 10px; background-color: #fff; margin: -10px 20px 15px 0;} /****************************************************/ /* FAQ */ /****************************************************/ .pageFaq #mainContent h1 { background: transparent url(../../images/titreFaq.gif) no-repeat; width: 910px; height: 33px; padding-left: 0; margin-bottom: 15px;} .pageFaq #mainContent h1 span {display: none;} .pageFaq #content h2 { background-color: #04448B; color: #fff; margin-bottom: 15px; padding: 2px 10px;} .pageFaq #content p strong {font-size: 17px;} .pageFaq #content img {margin-bottom: 10px;} #btnNormes { display: block; width: 173px; height: 86px; float: right; background: transparent url(../../images/btnNormes.gif) no-repeat; margin-left: 30px;} #btnNormes span {display: none;} .coulBleu {font-size: 14px; color: #029bcd; font-weight: bold;} #themesFaq { list-style: none; float: left; margin-left: 15px; width: 170px; padding-top: 65px; background: transparent url(../../images/bgThemes.gif) no-repeat;} #themesFaq li { background: transparent url(../../images/fleche.gif) no-repeat 0 2px; padding-left: 12px; margin-bottom: 5px; font-weight: bold;} .question {border-bottom: 1px #029BCD dotted; padding-bottom: 10px; margin-bottom: 10px;} .question h3 {margin-bottom: 5px;} .reponse .btnFermer { display: block; float: right; width: 14px; height: 14px; margin-left: 30px; background: transparent url(../../images/btnFermer.gif) no-repeat;} .reponse .btnFermer span {display: none;} /****************************************************/ /* Contactez-nous */ /****************************************************/ .pageContact #mainContent h1 { background: transparent url(../../images/titreContact.gif) no-repeat; width: 910px; height: 33px; padding-left: 0; margin-bottom: 15px;} .pageContact #mainContent h1 span {display: none;} .pageContactPromo #mainContent h1 {background: transparent url(../../images/titreContactPromo.gif) no-repeat;} .intro {font-size: 14px; color: #0A4184; font-weight: bold;} #adresseDuarib {float: right; font-weight: bold; font-size: 11px;} .mentions {font-size: 10px;} .obligatoire {color: #E10626; font-size: 11px; font-weight: bold;} .pageContact #mainContent fieldset .lineForm label { display: block; float: left; width: 220px; padding-right: 5px; text-align: right;} .pageContact #mainContent .lineForm {margin-bottom: 5px;} .pageContact #mainContent fieldset .lineForm input {width: 200px;} .pageContact #mainContent fieldset .lineForm textarea {width: 550px; height: 100px;} .colForm {width: 50%; float: left;} .colForm select option {padding-right: 10px;} .colForm label {width: 150px !important;} #blocSearchMail p.texteIntro {width: 60%; float: left;} #blocSearchMail .lineForm {width: 40%; float: left; } #blocSearchMail .lineForm label {width: 100px !important; padding-top: 5px;} #blocSearchMail .lineForm input#search_email {width: 120px;} #blocSearchMail .lineForm, #blocSearchMail p {margin-bottom: 0;} #blocSearchMail .btnForm { width: 100px !important; height: 23px; border: 0; padding-bottom: 2px; background: transparent url(../../images/bgBtnForm2.gif) no-repeat; font-weight: bold; color: #fff; font-size: 12px;} .lineCheck input {margin: 0 5px 10px 0; } .lineSubmit {text-align: center; padding-top: 10px; margin-bottom: 15px; clear: both;} .lineSubmit input { width: 185px; height: 40px; border: 0; padding-bottom: 2px; background: transparent url(../../images/bgBtnForm.gif) no-repeat; font-weight: bold; color: #fff; font-size: 16px;} .pageContactPromo .lineSubmit input {background: transparent url(../../images/bgBtnFormPromo.gif) no-repeat;} .pageContact .lineRadio {width: 35%; float: left; padding-left: 15%;} .pageContact .lineRadio input {margin-right: 5px;} /*******************************************************/ /* Formulaire jeu */ /*******************************************************/ .pageFormJeu #mainContent h1 { background: transparent url(../../images/bandeau_jeu_xt.gif) no-repeat; width: 700px; height: 160px; padding-left: 0; margin-bottom: 15px; text-indent: -5000px; overflow: hidden;} .pageFormJeuOk #mainContent h1 { background: transparent url(../../images/bandeau_jeu_xt_ok.gif) no-repeat; width: 700px; height: 160px; padding-left: 0; margin-bottom: 15px; text-indent: -5000px; overflow: hidden;} /****************************************************/ /* Duarib */ /****************************************************/ #colCorpoA, #colCorpoB {float: left;} #colCorpoA { width: 230px; padding: 20px 0; background: transparent url(../../images/bgMenuCorpo.jpg) repeat-y; } #colCorpoB {width: 640px; padding-left: 40px; position: relative;} #sousNavCorpo { list-style: none; width: 210px; border-top: 1px #fff dotted;} #sousNavCorpo li { border-bottom: 1px #fff dotted; padding-bottom: 3px; width: 210px;} #sousNavCorpo li a { display: block; width: 210px; height: 26px; background-repeat: no-repeat; background-position: bottom left;} #sousNavCorpo li a span {display: none;} #sousNavCorpo li a:hover, #pageCorpoA #sousNavCorpo li#btnCorpoA a, #pageCorpoB #sousNavCorpo li#btnCorpoB a, #pageCorpoC #sousNavCorpo li#btnCorpoC a, #pageCorpoD #sousNavCorpo li#btnCorpoD a, #pageCorpoE #sousNavCorpo li#btnCorpoE a, #pageCorpoF #sousNavCorpo li#btnCorpoF a {background-position: bottom right;} #sousNavCorpo li#btnCorpoA a {background-image: url(../../images/btnCorpoA.gif);} #sousNavCorpo li#btnCorpoB a {background-image: url(../../images/btnCorpoB.gif);} #sousNavCorpo li#btnCorpoC a {background-image: url(../../images/btnCorpoC.gif);} #sousNavCorpo li#btnCorpoD a {background-image: url(../../images/btnCorpoD.gif);} #sousNavCorpo li#btnCorpoE a {background-image: url(../../images/btnCorpoE.gif); height: 39px;} #sousNavCorpo li#btnCorpoF a {background-image: url(../../images/btnCorpoF.gif);} #blocAdresse { width: 170px; height: 193px; font-size: 11px; padding: 20px 0 0 10px; background: transparent url(../../images/bgBlocAdresse.gif) no-repeat; margin: 25px 0 0 30px;} .pageCorporate #mainContent h1 { background: transparent url(../../images/titreDuarib.gif) no-repeat; width: 910px; height: 33px; padding-left: 0; margin-bottom: 15px;} .pageCorporate #mainContent h1 span, .pageCorporate #mainContent h2 span, .pageCorporate #mainContent h3 span {display: none;} #btnDiaporama { display: block; width: 250px; height: 73px; float: right; margin-right: 10px; background: transparent url(../../images/btnDiaporama.gif) no-repeat;} #btnDiaporama span {display: none;} #pagination { width: 80px; height: 25px; position: relative; line-height: 25px; background: transparent url(../../images/bgPagination.gif) no-repeat; text-align: center; font-size: 12px; font-weight: bold; color: #666; float: right;} #pagination a#btnPrecedent, #pagination a#btnSuivant {display: block; width: 16px; height: 14px; position: absolute; top: 6px;} #pagination a#btnPrecedent {background: transparent url(../../images/btnPrecedent.gif) no-repeat; left: 8px;} #pagination a#btnSuivant {background: transparent url(../../images/btnSuivant.gif) no-repeat; right: 8px;} #pagination a span {display: none;} .corpoA2 #pagination {margin-right: 100px;} .corpoA1 #my_glider {width: 425px; position: absolute; right: 20px; top: 180px;} .corpoA2 #my_glider {width: 325px; position: absolute; left: 86px; top: 180px;} .corpoA3 #my_glider {width: 405px; position: absolute; right: 20px; top: 150px;} div.scroller {overflow: hidden;} div.scroller div.section { overflow: hidden; font-size: 14px; line-height: 20px; float:left; text-align: justify;} div.scroller div.content {width: 10000px;} .corpoA1 div.scroller, .corpoA1 div.scroller div.section {width: 425px; height: 200px;} .corpoA2 div.scroller, .corpoA2 div.scroller div.section {width: 325px; height: 270px;} .corpoA3 div.scroller, .corpoA3 div.scroller div.section {width: 405px; height: 200px;} .introCorpoA #colCorpoB { height: 445px; background: transparent url(../../images/bgIntroCorpoA.jpg) no-repeat left bottom;} .introCorpoA #colCorpoB img {float: right; margin: 5px 46px 0 0;} .introCorpoB #colCorpoB img {float: right; margin: 60px 20px 15px 50px;} .corpoA2 #mainContent img {float: right; margin: 5px 0 0 0;} .corpoA3 #mainContent img {float: left;} .corpoC1 #mainContent img, .corpoC2 #mainContent img, .corpoC3 #mainContent img {margin-bottom: 10px;} .introCorpoA #mainContent h2 { background: transparent url(../../images/titreCorpoA.gif) no-repeat; width: 261px; height: 82px; margin-top: 26px; margin-bottom: 20px;} #pageCorpoB #mainContent h2 { background: transparent url(../../images/titreCorpoB.gif) no-repeat; width: 302px; height: 84px; margin-top: 26px; margin-bottom: 20px;} #pageCorpoD #mainContent h2 { background: transparent url(../../images/titreCorpoD.gif) no-repeat; width: 312px; height: 61px; margin-top: 26px; margin-bottom: 20px;} #pageCorpoE #mainContent h2 { background: transparent url(../../images/titreCorpoE.gif) no-repeat; width: 508px; height: 28px; margin-top: 26px; margin-bottom: 10px;} #pageCorpoF #mainContent h2 { background: transparent url(../../images/titreCorpoF.gif) no-repeat; width: 262px; height: 26px; margin-top: 26px; margin-bottom: 20px;} .introCorpoC #mainContent h2 { background: transparent url(../../images/titreCorpoC.gif) no-repeat; width: 372px; height: 92px; margin-top: 26px; margin-bottom: 20px;} .introCorpoA #mainContent h3 { background: transparent url(../../images/titreCorpoAbis.gif) no-repeat; width: 433px; height: 23px; margin-bottom: 15px; margin-left: 46px;} .introCorpoB #colCorpoB p {font-size: 16px; line-height: 20px;} .titreCulteA, .titreCulteB, .titreCulteC {height: 14px;} .titreCulteA span, .titreCulteB span, .titreCulteC span {display: none;} .titreCulteA {background: transparent url(../../images/titreCulteA.gif) no-repeat; width: 171px; margin-left: 13px;} .titreCulteB {background: transparent url(../../images/titreCulteB.gif) no-repeat; width: 193px;} .titreCulteC {background: transparent url(../../images/titreCulteC.gif) no-repeat; width: 200px;} .corpoA1 #mainContent h2 { background: transparent url(../../images/titreCorpoA1.gif) no-repeat; width: 364px; height: 68px; margin-top: 70px; margin-bottom: 20px;} .corpoA2 #mainContent h2 { background: transparent url(../../images/titreCorpoA2.gif) no-repeat; width: 459px; height: 77px; margin-top: 70px; margin-bottom: 20px;} .corpoA3 #mainContent h2 { background: transparent url(../../images/titreCorpoA3.gif) no-repeat; width: 374px; height: 65px; margin-top: 70px; margin-bottom: 20px;} .corpoC1 #mainContent h2, .corpoC2 #mainContent h2, .corpoC3 #mainContent h2 { width: 604px; height: 70px; margin-top: 10px; margin-bottom: 20px;} .corpoC1 #mainContent h2 {background: transparent url(../../images/titreCorpoC1.gif) no-repeat; } .corpoC2 #mainContent h2 {background: transparent url(../../images/titreCorpoC2.gif) no-repeat;} .corpoC3 #mainContent h2 {background: transparent url(../../images/titreCorpoC3.gif) no-repeat;} .blocProduitCulte { width: 200px; float: left; margin-right: 13px; text-align: center;} .blocProduitCulte h3 {margin-bottom: 15px;} .blocProduitCulte img {margin: 0 auto 10px auto;} .blocProduitCulte p {text-align: left;} .slogan {font-style: italic; text-align: center; font-size: 18px;} #listeCorpo {list-style: none; margin-left: 45px;} #listeCorpo li {height: 30px;} #listeCorpo li a, .corpoC2 #listeCorpo li, #pageCorpoD #listeCorpo li { display: block; color: #666; font-size: 16px; padding-left: 20px; line-height: 30px; position: relative; background: transparent url(../../images/flecheCorpo.gif) no-repeat 0 10px;} .corpoC2 #listeCorpo li, #pageCorpoD #listeCorpo li {line-height: 14px; font-size: 12px; margin-bottom: 5px; background-position: 0 3px;} .corpoC2 #listeCorpo li {height: auto;} #pageCorpoD #listeCorpo {margin-bottom: 15px; } #pageCorpoD #listeCorpo li {height: 20px;} #pageCorpoD #colCorpoB h3 {margin-bottom: 10px;} #pageCorpoA #listeCorpo {width: 280px;} #pageCorpoA #listeCorpoMini { list-style: none; position: absolute;} #pageCorpoA #listeCorpoMini li a { color: #666; padding-left: 18px; background: transparent url(../../images/flecheCorpo.gif) no-repeat 0 2px;} #btnCoordonnees a { display: block; font-weight: bold; width: 150px; height: 36px; padding: 3px 0 0 43px; background: transparent url(../../images/pictoCoordonnees.gif) no-repeat;} .introCorpoC #listeCorpo {width: 580px; margin-left: 40px; background: transparent url(../../images/bgEngagements.jpg) no-repeat right top;} .introCorpoC #listeCorpo li {padding: 10px 0 0 0; height: 80px;} .introCorpoC #listeCorpo li a {font-weight: bold; line-height: 14px; font-size: 12px; background-image: none; padding-left: 0;} .introCorpoC #listeCorpo li a em { display: block; width: 228px; height: 28px; margin-bottom: 5px;} .introCorpoC #listeCorpo li a em#btnEngageA {background: transparent url(../../images/titreEngageA.gif) no-repeat;} .introCorpoC #listeCorpo li a em#btnEngageB {background: transparent url(../../images/titreEngageB.gif) no-repeat;} .introCorpoC #listeCorpo li a em#btnEngageC {background: transparent url(../../images/titreEngageC.gif) no-repeat;} .introCorpoC #listeCorpo li a em span {display: none;} #colChiffresA, #colChiffresB {width: 299px; float: left; padding: 0 10px; border-left: 1px #666 dotted;} #listeSecteurs { list-style: none; border: 1px #999 solid; width: 170px; padding: 8px; float: right;} #listeSecteurs li {margin: 5px 0;} #listeSecteurs li strong {display: block; width: 164px;} #listeSecteurs li#sectA {width: 130px;} #listeSecteurs li#sectB {width: 200px;} #listeSecteurs li#sectC {width: 150px;} #listeSecteurs li#sectD {width: 180px;} .introCarte {font-weight: bold; color: #029BCD; font-size: 14px;} .titreItineraire { width: 570px; height: 18px; margin-top: 20px; background: transparent url(../../images/titreItineraire.gif) no-repeat;} .titreItineraire span {display: none;} #zoneCarte { width: 630px; padding-bottom: 20px; position: relative; padding-top: 20px;} #zoneCarte .layer img {width: auto; float: right;} .layer { position: absolute; right: 0; top: 0; margin-top: 20px; background-color: #fff; border: 1px #999 solid; width: 170px; padding: 8px; height: 345px;} .layer h3 {margin-bottom: 5px; font-size: 14px;} .layer h4 { margin-bottom: 10px; text-transform: uppercase; background-color: #666; padding: 1px 5px; color: #fff; font-size: 10px;} .layer h5 { color: #004489; font-size: 11px; margin-bottom: 3px;} .layer a {font-size: 11px;} #btnNext { display: block; float: right; width: 40px; height: 25px; background: transparent url(../../images/btnNext.gif) no-repeat;} #btnPrevious { display: block; float: left; width: 40px; height: 25px; background: transparent url(../../images/btnPrevious.gif) no-repeat;} #btnNext span, #btnPrevious span {display: none;} #sousNavCorpoC {list-style: none; float: right; margin-bottom: 20px;} #sousNavCorpoC li {float: left; margin-left: 10px;} #sousNavCorpoC li a {width: 150px; height: 18px; display: block; } #sousNavCorpoC li a span {display: none;} #sousNavCorpoC li#btnEngageMiniA a {background: transparent url(../../images/btnEngageMiniA.gif) no-repeat;} #sousNavCorpoC li#btnEngageMiniB a {background: transparent url(../../images/btnEngageMiniB.gif) no-repeat;} #sousNavCorpoC li#btnEngageMiniC a {background: transparent url(../../images/btnEngageMiniC.gif) no-repeat;} #sousNavCorpoC li a:hover, .corpoC1 #sousNavCorpoC li#btnEngageMiniA a, .corpoC2 #sousNavCorpoC li#btnEngageMiniB a, .corpoC3 #sousNavCorpoC li#btnEngageMiniC a {background-position: -150px 0 !important;} #pageCorpoC #colCorpoB h2 {clear: both;} #zoneGoogleMap {width: 630px; height: 300px; margin-bottom: 15px; } #pageCorpoF #colCorpoB dl { width: 260px; margin-left: 30px; float: left; font-size: 11px; margin-bottom: 15px;} #pageCorpoF #colCorpoB dl dt { font-weight: bold; background-color: #999; color: #fff; margin-bottom: 3px; margin-top: 15px;} #pageCorpoF #colCorpoB dl dt, #pageCorpoF #colCorpoB dl dd {padding-left: 5px;} .visuelSociete {float: left; margin-bottom: 10px;} #btnImprimerPage { display: block; float: right; width: 100px; height: 40px; line-height: 30px; padding: 6px 0 0 53px; font-size: 11px; font-weight: bold; background: transparent url(../../images/pictoEmploiB.gif) no-repeat;} #pageCorpoF #colCorpoB ol {list-style-position: inside; margin-bottom: 10px;} #menuAcces {list-style: none; margin-bottom: 15px; height: 60px;} #menuAcces li {margin-bottom: 5px;} #menuAcces li a {display: block; height: 20px;} #menuAcces li a span {display: none;} #menuAccesA a {width: 403px; background: transparent url(../../images/menuAccesA.gif) no-repeat;} #menuAccesB a {width: 289px; background: transparent url(../../images/menuAccesB.gif) no-repeat;} .siegeSocial #colCorpoB h3 { width: 379px; height: 15px; background: transparent url(../../images/titreSiegeSocial.gif) no-repeat;} .agence #colCorpoB h3 { width: 364px; height: 17px; background: transparent url(../../images/titreAgence.gif) no-repeat;} .siegeSocial #colCorpoB h3 span, .agence #colCorpoB h3 span {display: none;} .siegeSocial #colCorpoB h3, .agence #colCorpoB h3 {margin-bottom: 10px;} #pageCorpoF #colCorpoB h4 {font-size: 14px; margin-bottom: 10px;} #pageCorpoF #colCorpoB h5 {font-size: 12px; margin-bottom: 5px;} /****************************************************/ /* Spécifiques */ /****************************************************/ #pageFamilleProduits div.scroller { width: 878px; /*height: 400px;*/ border: 1px #DEDEDE solid; padding: 15px;} #pageFamilleProduits div.scroller div.section { width: 878px; /*height: 370px; */ padding: 0 15px;} .controls { width: 910px; height: 31px; background: transparent url(../../images/bgNavSpecifiques.jpg) repeat-x;} .controls a {display: block; height: 31px; float: left;} .controls a span {display: none;} .controls a#btnSpecA {background: transparent url(../../images/btnSpecA.gif) no-repeat; width: 87px;} .controls a#btnSpecB {background: transparent url(../../images/btnSpecB.gif) no-repeat; width: 104px;} .controls a#btnSpecC {background: transparent url(../../images/btnSpecC.gif) no-repeat; width: 111px;} .controls a#btnSpecD {background: transparent url(../../images/btnSpecD.gif) no-repeat; width: 122px;} .controls a#btnSpecE {background: transparent url(../../images/btnSpecE.gif) no-repeat; width: 100px;} .controls a#btnSpecF {background: transparent url(../../images/btnSpecF.gif) no-repeat; width: 175px;} .controls a#btnSpecG {background: transparent url(../../images/btnSpecG.gif) no-repeat; width: 211px;} .section h4 {width: 350px; height: 20px; margin-bottom: 15px; clear: both;} .section h4 span, #my_glider h3 span {display: none;} #section1 h4 {background: transparent url(../../images/titreSpecA.gif) no-repeat;} #section2 h4 {background: transparent url(../../images/titreSpecB.gif) no-repeat;} #section3 h4 {background: transparent url(../../images/titreSpecC.gif) no-repeat;} #section4 h4 {background: transparent url(../../images/titreSpecD.gif) no-repeat;} #section5 h4 {background: transparent url(../../images/titreSpecE.gif) no-repeat;} #section6 h4 {background: transparent url(../../images/titreSpecF.gif) no-repeat;} #section7 h4 {background: transparent url(../../images/titreSpecG.gif) no-repeat;} .section ul {list-style: none;} .section ul li {float: left; padding: 0 15px; font-size: 11px; text-align: center;} .section ul li img {display: block; margin: 0 auto 5px auto;} #section1 ul {margin-left: 60px;} #section2 ul {margin-left: 130px;} #section3 ul {margin-left: 80px;} #section4 ul {margin-left: 90px;} #section5 ul {margin-left: 220px;} #section6 ul {margin-left: 90px;} #section7 ul {margin-left: 130px;} #my_glider h3 { width: 316px; height: 16px; margin-bottom: 15px; background: transparent url(../../images/titreDomaines.gif) no-repeat;} /****************************************************/ /* Sécurité */ /****************************************************/ #pageSecurite #mainContent h1 { background: transparent url(../../images/titreSecurite.gif) no-repeat; width: 910px; height: 33px; padding-left: 0; margin-bottom: 15px;} #pageSecurite #mainContent h2 {width: 640px; height: 26px; margin-bottom: 15px;} #pageSecurite #mainContent h2.titreDiagnostic {background: transparent url(../../images/titreDiagnostic.gif) no-repeat;} #pageSecurite #mainContent h2.titreNormes {background: transparent url(../../images/titreNormes.gif) no-repeat;} #pageSecurite #mainContent h1 span, #pageSecurite #mainContent h2 span {display: none;} #colGaucheSecu, #colDroiteSecu {float: left;} #colGaucheSecu {width: 640px;} #colDroiteSecu {width: 250px; margin-left: 20px;} .blocSecu {padding-top: 15px; border-top: 1px #666 dotted;} .blocSecu h5 {font-size: 15px; margin-bottom: 5px;} .blocSecu h6 {font-size: 12px;} .blocGauche, .blocDroite {float: left;} .blocGauche {width: 200px; text-align: right; padding-right: 20px;} .blocDroite {width: 420px;} #blocAttention, #blocSaviezVous { font-weight: bold; color: #004489; font-size: 11px; margin: 30px 0;} #blocAttention h4, #blocSaviezVous h4 {display: none;} #blocAttention { background: transparent url(../../images/pictoAttention.gif) no-repeat; height: 64px; padding-left: 80px; padding-top: 10px;} #blocSaviezVous { background: transparent url(../../images/pictoSaviezVous.gif) no-repeat right top; height: 71px; padding-right: 95px; text-align: right;} /****************************************************/ /* Rejoignez nous */ /****************************************************/ #pageEmploi #mainContent h1 { background: transparent url(../../images/titreEmploi.gif) no-repeat; width: 910px; height: 33px; padding-left: 0; margin-bottom: 15px;} #pageEmploi #mainContent h1 span {display: none;} #pageEmploi h2.titreOffres { background: transparent url(../../images/titreOffresEmploi.gif) no-repeat; width: 240px; height: 25px; margin: 15px 0 10px 0;} #pageEmploi h2.titreSpontanee { background: transparent url(../../images/titreSpontanee.gif) no-repeat; width: 365px; height: 24px; margin: 15px 0 10px 0;} #pageEmploi h2.titreReponse { background: transparent url(../../images/titreReponse.gif) no-repeat; width: 390px; height: 26px; margin: 15px 0 10px 0;} #pageEmploi h2 span {display: none;} #pageEmploi table#listeOffres {border-collapse: collapse; width: 750px;} #pageEmploi table#listeOffres th {text-align: left; background-color: #029BCD; color: #fff;} #pageEmploi table#listeOffres th, #pageEmploi table#listeOffres td {border: 1px #029BCD dotted; padding: 2px 30px 2px 4px;} #pageEmploi table#listeOffres td a {font-weight: bold; color: #004489;} #pageEmploi table#listeOffres td a:hover {color: #E20025;} a#btnCandidature { display: block; width: 70px; height: 36px; float: right; text-align: center; background: transparent url(../../images/pictoCoordonnees.gif) no-repeat 15px 0; font-weight: bold; padding-top: 42px; margin: 0 20px 0 100px;} #outilsEmploi {list-style: none; float: right;} #outilsEmploi li {float: left;} #outilsEmploi li a { display: block; width: 85px; height: 46px; line-height: 13px; padding: 6px 0 0 53px; font-size: 11px; font-weight: bold;} #btnEmploiA {background: transparent url(../../images/pictoEmploiA.gif) no-repeat;} #btnEmploiB {background: transparent url(../../images/pictoEmploiB.gif) no-repeat;} #pageEmploi #mainContent h3 {color: #E20025; font-size: 18px; margin-bottom: 15px;} #pageEmploi #mainContent h4 {color: #004489; font-size: 14px;margin-bottom: 5px;} #logoEmploi {margin: 0 30px 15px 0;} #listeRef {list-style: none; width: 450px; height: 50px; float: left; margin-top: 10px;} #listeRef li {float: left; width: 225px; height: 18px;} #pageEmploi .colEmploiA, #pageEmploi .colEmploiB {float: left;} #pageEmploi .colEmploiA {width: 320px;} #pageEmploi .colEmploiB {width: 500px;} #pageEmploi .colEmploiA label {width: 100px !important;} #pageEmploi .colEmploiB label {width: 170px !important;} #pageEmploi .colEmploiA {margin-right: 20px;} #pageEmploi .colEmploiA .lineForm {margin-bottom: 13px;} #data_date_end_disp_j_, #data_date_end_disp_m_ {width: 15px !important;} #data_date_end_disp_a_ {width: 30px !important;} /****************************************************/ /* Plan du site */ /****************************************************/ #pagePlanSite #mainContent h1 { background: transparent url(../../images/titrePlanSite.gif) no-repeat; width: 910px; height: 33px; padding-left: 0; margin-bottom: 15px;} #pagePlanSite #mainContent h1 span {display: none;} #pagePlanSite #mainContent h2 {margin-bottom: 15px; } #pagePlanSite #mainContent h2, #pagePlanSite #mainContent h2 a {color: #004489; font-size: 18px;} #pagePlanSite #mainContent ul.listePlan {list-style: none;} #pagePlanSite #mainContent ul.listePlan li { background: transparent url(../../images/fleche.gif) no-repeat 0 2px; padding-left: 12px; line-height: 18px;} #pagePlanSite #mainContent ul ul {margin-left: 20px; list-style: none;} .colPlanA, .colPlanB, .colPlanC {float: left; width: 280px; padding-left: 20px;} .colPlanA {} /****************************************************/ /* Mentions légales */ /****************************************************/ #pageMentions #mainContent h1 { background: transparent url(../../images/titreMentions.gif) no-repeat; width: 910px; height: 33px; padding-left: 0; margin-bottom: 15px;} #pageMentions #mainContent h1 span {display: none;} #pageMentions #mainContent ul.liste {margin-left: 30px; margin-bottom: 10px;} #pageMentions #mainContent h2 {font-size: 16px; color: #004489; margin-bottom: 5px;} /****************************************************/ /* Résultats de recherche */ /****************************************************/ #pageResultats #mainContent h1 { background: transparent url(../../images/titreResultats.gif) no-repeat; width: 910px; height: 33px; padding-left: 0; margin-bottom: 15px;} #pageResultats #mainContent h1 span {display: none;} #pageResultats #mainContent h3 { color: #029BCD; font-size: 16px; padding-bottom: 0px; clear: both; border-bottom: 1px #029BCD solid; margin-bottom: 15px;} #pageResultats #mainContent h3 span {color: #004489;} #pageResultats #mainContent .question {padding-bottom: 5px;} #pageResultats #mainContent .question h3 {border: 0; margin-bottom: 0;} #pageResultats #mainContent .question h3 a { background: transparent url(../../images/fleche.gif) no-repeat 0 2px; padding-left: 15px; font-size: 12px; border-bottom: 0;} #pageResultats #mainContent .reponse {padding-top: 5px; font-size: 11px;} /****************************************************/ /* Formation */ /****************************************************/ #pageFormation #mainContent h1 { background: transparent url(../../images/titreFormation.gif) no-repeat; width: 910px; height: 33px; padding-left: 0; margin-bottom: 15px;} /***********************************************************/ /* Devis express */ /***********************************************************/ #choixDevisExpress #mainContent {padding-bottom: 100px;} .pageDevisExpress .btnRetour { color: #666; padding-left: 20px; margin-top: 20px; background: transparent url(../../images/btnPrecedent.gif) no-repeat 0 1px;} .pageDevisExpress .btnImprimer {margin: 20px 40px 0 0;} .pageDevisExpress #mainContent h1 a { background: transparent url(../../images/titreDevisExpress.gif) no-repeat; width: 910px; height: 80px; padding-left: 0; margin-bottom: 15px; display: block;} .pageDevisExpress #mainContent h1 span {display: none;} .pageDevisExpress .intro {margin: 15px 0 15px 0;} #choixDevisExpress #mainContent h2 { width: 910px; height: 20px; padding: 30px 0; background: transparent url(../../images/titreSelectionCriteres.gif) no-repeat 250px 30px;} #choixDevisExpress #mainContent h2 span {display: none;} .pageDevisExpress #mainContent fieldset { border: 0; padding: 0 !important; position: relative; width: 910px; margin-bottom: 15px; background: transparent url(../../images/hautBlocDevis.gif) no-repeat;} .pageDevisExpress .basBlocForm { background: transparent url(../../images/basBlocDevis.gif) no-repeat; width: 910px; height: 15px; clear: both;} .pageDevisExpress #mainContent fieldset#choixProdt {background: transparent url(../../images/hautBlocDevisGris.gif) no-repeat;} .pageDevisExpress fieldset#choixProdt .basBlocForm {background: transparent url(../../images/basBlocDevisGris.gif) no-repeat;} #choixDevisExpress #mainContent h3 { color: #666; font-size: 16px; font-weight: bold; margin-bottom: 5px; padding-left: 12px; background: transparent url(../../images/fleche.gif) no-repeat 0 4px;} .pageDevisExpress .visuel {margin: 15px 50px 0 0; float: right;} .pageDevisExpress #mainContent fieldset ul {list-style: none; height: 22px;} .pageDevisExpress #mainContent fieldset ul li {float: left; margin-right: 20px; padding-right: 10px;} .pageDevisExpress #mainContent fieldset ul li img {float: right; margin-left: 10px;} .pageDevisExpress #mainContent fieldset#choixProdt ul {position: relative; left: 0; top: 10px; padding: 15px 0 20px 0;} .pageDevisExpress #mainContent fieldset#jsLongueur ul {position: relative; left: 50px; top: 33px;} .pageDevisExpress #mainContent fieldset#jsHauteur ul {position: relative; left: 50px; top: 35px;} .pageDevisExpress #mainContent fieldset#detailDemande ul {position: relative; left: 0; top: 10px;} .pictoPromo {position: relative; top: -10px; display: block;} .pageDevisExpress #mainContent fieldset#jsHauteur p {position: absolute; left: 50px; top: 60px;} .pageDevisExpress #mainContent fieldset#choixProdt ul li, .pageDevisExpress #mainContent fieldset#detailDemande ul li {text-align: center;} .pageDevisExpress #mainContent fieldset#choixProdt ul li span, .pageDevisExpress #mainContent fieldset#detailDemande ul li span {display: block; font-size: 11px;} .pageDevisExpress #mainContent fieldset#choixProdt ul li label, .pageDevisExpress #mainContent fieldset#detailDemande ul li label {font-size: 14px;} #errMsg, .validation-advice {background-color: #e2001a; color: #fff; font-weight: bold; padding: 0 5px; text-align: center;} .pageDevisExpress .validation-advice { background-color: #e2001a; color: #fff; font-weight: bold; position: absolute; padding: 0 5px; text-align: center;} #advice-validate-input-radio-longueur_300 {left: 0; top: 30px; width: 500px;} #advice-validate-input-radio-hauteur_200, #advice-validate-input-radio-hauteur_115 {left: 0; top: 50px; width: 680px;} #advice-validate-input-radio-jsOui {left: 270px; top: 0; width: 300px;} .tailleA {width: 30%;} .tailleB {width: 29%;} .txtOrange {color: #ff6600;} .txtRouge {color: #cc0000;} .pageDevisExpress #mainContent fieldset#detailDemande ul li {width: 46%;} #choixDevisExpress .mentions {text-align: right;} /************** résultats */ #logoPrint {display: none;} #resultatsDevisExpress h4 { background: transparent url(../../images/titreComposants.gif) no-repeat; width: 270px; height: 17px; margin-bottom: 10px;} #resultatsDevisExpress h2 { background: transparent url(../../images/titreResultatsDevis.gif) no-repeat; width: 444px; height: 18px; margin-bottom: 0; margin-top: 30px;} #resultatsDevisExpress h4 span, #resultatsDevisExpress h2 span {display: none;} #resultatsDevisExpress table {border-collapse: collapse; width: 910px; margin-bottom: 15px;} #resultatsDevisExpress table th {text-align: left; background-color: #029BCD; color: #fff;} #resultatsDevisExpress table th, #resultatsDevisExpress table td {border: 1px #029BCD dotted; padding: 2px 0 2px 4px; font-size: 11px;} #resultatsDevisExpress table#donnees {width: 700px; margin-top: 15px;} #resultatsDevisExpress table#donnees th {text-align: center; background-color: #bbb;} #resultatsDevisExpress table#donnees th, #resultatsDevisExpress table#donnees td {border: 1px #666 dotted; font-size: 12px;} #resultatsDevisExpress table#donnees td {font-weight: bold;} #resultatsDevisExpress table#donnees th#tdPrix {background-color: #029bcd;} #resultatsDevisExpress table#donnees th#tdRef {background-color: #e2001a;} #recap h3 { background: transparent url(../../images/bgResultatDevis.gif) no-repeat; width: 700px; height: 28px; color: #fff; line-height: 28px; font-size: 18px; margin-bottom: 10px;} #recap h3 span {font-size: 12px; color: #ddd;} #recap {width: 700px; margin-top: 20px; text-align: center; float: left; } .elements {font-size: 12px; margin-bottom: 20px;} .pageDevisExpress .prix { float: right; margin-top: 15px; background: transparent url(../../images/bgPrixDevis.gif) no-repeat; width: 154px; height: 112px; line-height: 120px; font-size: 22px;} .pageDevisExpress .prix span {font-size: 14px;} .pageDevisExpress .prix p {display: none;} .titrePromo { display: block; background: transparent url(../../images/promo.gif) no-repeat; width: 114px; height: 31px; float: right;} .titrePromo span {display: none;} #btnContactDevis { display: block; width: 68px; height: 55px; float: right; background: transparent url(../../images/btnDemandeInfo.gif) no-repeat;} #btnContactDevis span {display: none;}