/* TABLE DES MATIÈRES: - Éléments à cacher - Éléments de base à personnaliser - Pied de page - Textes ----------------------------------------------------------------------------------------*/ /* ELEMENTS A CACHER --------------------------------------------------------------------------------------- */ #menu, #menuSec, #menuBas, #socialBookmarker, #bookmarkHoverPopup, #contenuDroit, #piedPage, #slideshow, #contenuGaucheMenu, #recetteImprime, #vortexDebug, #menuSecondaire, #boiteCarousel, #bt_infolettre, .light_rounded, #txtPorteParole, .ficheProduit a img, #pdfPresentoir{ position: absolute; visibility: hidden; display:none; } /* ELEMENTS DE BASE À PERSONNALISER --------------------------------------------------------------------------------------- */ html{font-family: Arial, Verdana, Tahoma;} h1{color:#e59e00; font-size:14px; margin-top:25px; text-transform:uppercase;padding-bottom: 10px;} h1 a, h1 a:link, h1 a:visited{color:#C21527;} h2{color:#000000; font-size:12px;font-weight: normal; } h2 a, h2 a:link, h2 a:visited{color:#000000;text-decoration: none;} h3{color:#000000; font-size:12px;font-weight: normal; } h3 a, h3 a:link, h3 a:visited{color:#000000;} p{font-size:11px; line-height:140%; color:#818386;} p.textePetit{font-size:10px;} p a, p a:link/*, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited*/{color:#0096ff; text-decoration:none;} p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover{ color:#0096ff; text-decoration:underline; } ul li{color:#818386; font-size:11px; line-height:150%; list-style:disc; margin-left:16px;} ol li{color:#818386; font-size:11px; line-height:150%; margin-left:16px;} ul li li{padding-left: 10px;} .both{clear:both;} /* PIED DE PAGE --------------------------------------------------------------------------------------- */ #piedPage{color:#999; font-size:11px; padding:0 6px 0 6px;} #piedPage a{color:#999; text-decoration:none;} #piedPage a:hover{color:#353535;text-decoration:none;} /* TEXTES --------------------------------------------------------------------------------------- */ p{font-size: 12px; line-height: 150%; color: #353535;} p strong{font-size: 13px;} p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #A69512; text-decoration: none;} p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover{color:#C0AE2C; text-decoration:underline;} ul li{font-size:12px; line-height:150%; list-style:square; margin-left:16px;} ol li{font-size:12px; line-height:150%; color:#1F1F1F; margin-left:16px;} /* 01_100 : PAGE ACCUEIL --------------------------------------------------------------------------------------- */ .bgAccueil{width: 600px; height: 268px; float: left; background: #fff url(gx/01/bg_accueil.jpg) no-repeat bottom right;} /* 03_100 : PRODUITS --------------------------------------------------------------------------------------- */ .imgProduit{width: 400px; height: auto; float: left; text-align: right;} .ficheProduit{width: 400px; height: auto; float: left;} /* 04_100 : --------------------------------------------------------------------------------------- */ #recetteHaut{width: 390px; height: auto; float: left;} #recetteDetail{width: 361px; height: auto; float: left;} #recetteImprime{width: 27px; height: auto; float: left;padding-top: 27px;} #recetteBas{width: 390px; height: auto; float: left;} /* 06_400 : PRÉSENTOIR --------------------------------------------------------------------------------------- */ #basPresentoir{width: 416px; height: auto; float: left;} #imgPresentoir{width:206px; height: auto; float: left;} #pdfPresentoir{width: 210px; height: auto; float: left;padding-top: 43px;} .iconePdfPresentoir{width: 210px; height: auto; float: left;padding-top: 23px;} /* 06_500 : FEUILLES DE VENTES --------------------------------------------------------------------------------------- */ #contenuVentes{width: 400px; height: auto; float: left;} #contenuVentes a{color: #818386;text-decoration: none;} #contenuVentes a:hover{color: #818386;text-decoration: underline;} #contenuVentes ul{padding-bottom: 10px;} #contenuVentes ul li{list-style: none;padding: 0px;margin:0px;} #contenuVentes ul li ul {padding-left: 20px;} /* 06_600 : MATÉRIEL PUBLICITAIRE --------------------------------------------------------------------------------------- */ .materielPublicitaire{width: 400px; height: auto; float: left;padding-bottom: 20px;} .materielPublicitaireTexte{width: 300px; height: auto; float: left;} .materielPublicitaireFichier{width: 300px; height: auto; float: left;} .audioPlayer{width:100px; height: auto; float: left;} .audioTexte{width: 300px; height: auto; float: left; padding-top: 10px;} /* 02_400 : PAGE COMMANDITE --------------------------------------------------------------------------------------- */ #boiteFormCommandite{float:left;width:400px;} #formCommandite {float:left;width:400px;} #formCommandite label {float:left;width:170px;padding-bottom: 10px;} #formCommandite .champTexte {float:left;width:200px;} #formCommandite .listeDeroulante {float:left;width:200px;} #formCommandite .boiteTexte {float:left;height:70px;width:230px;margin-bottom: 10px;} /* 09_100 : PAGE CONTACT --------------------------------------------------------------------------------------- */ /*#carteContact{border:1px solid #999;height:300px;width:350px;float:left;}*/ #boiteFormQuestion{float:left;width:600px;} #formQuestion {float:left;width:600px;} #formQuestion label {float:left;width:170px;padding-bottom: 10px;} #formQuestion .champTexte {float:left;width:200px;} #formQuestion .listeDeroulante {float:left;width:200px;} #formQuestion .boiteTexte {float:left;height:70px;width:230px;margin-bottom: 10px;} #contenuContact{width: 630px; height: auto; float: left; background: #fff url(gx/09/bg_contact.jpg) no-repeat top right;padding-top: 30px;} /* 07_000 : PAGE INFOLETTRE --------------------------------------------------------------------------------------- */ #boiteFormInfolettre{float:left;width:300px;} #formInfolettre {float:left;width:300px;} #formInfolettre label {float:left;width:100px;padding-bottom: 10px;} #formInfolettre .champTexte {float:left;width:200px;} #formInfolettre .listeDeroulante {float:left;width:200px;} #formInfolettre .boiteTexte {float:left;height:70px;width:230px;margin-bottom: 10px;} /* 09_000 : PAGE NOUVELLE --------------------------------------------------------------------------------------- */ #contenuNouvelle{width: 400px; height: auto; float: left;} .tnNouvelle{width: 60px; height: 60px; float: left;} .txtNouvelle{width: 400px; height: auto; float: left;} .txtNouvelleImg{width: 300px; height: auto; float: left;} #basNouvelle{width: 400px; height: auto; float: left;} /* 00_888 : PLAN DU SITE --------------------------------------------------------------------------------------- */ #contenuPlanSite a{color: #818386;text-decoration: none;} #contenuPlanSite a:hover{color: #818386;text-decoration: underline;}/* #contenuPlanSite ul li{list-style:none;padding: 0px;margin: 0px;} #contenuPlanSite ul li ul li, #contenuPlanSite ul li ul li ul li{list-style:none;margin-left: 20px;}*/ #contenuPlanSite ul li{list-style-type: none;margin-left: 0px;} #contenuPlanSite ul li ul li, #contenuPlanSite ul li ul li ul li{margin-left: 20px;padding: 0px;} /* ------------------------------------------------------------------------ PRETTY PHOTO ------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------ This you can edit. ------------------------------------------------------------------------- */ div.light_rounded .pp_top .pp_left { background: url(gx/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */ div.light_rounded .pp_top .pp_right { background: url(gx/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.light_rounded .pp_content .ppt { color: #000; } div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right { background: #fff; } div.light_rounded .pp_content { background-color: #fff; } /* Content background */ div.light_rounded .pp_next:hover { background: url(gx/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_rounded .pp_previous:hover { background: url(gx/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.light_rounded .pp_expand { background: url(gx/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_rounded .pp_expand:hover { background: url(gx/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_rounded .pp_contract { background: url(gx/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_rounded .pp_contract:hover { background: url(gx/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_rounded .pp_close { width: 75px; height: 22px; background: url(gx/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_rounded #pp_full_res .pp_inline { color: #000; } div.light_rounded .pp_arrow_previous { background: url(gx/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_rounded .pp_arrow_next { background: url(gx/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_rounded .pp_bottom .pp_left { background: url(gx/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */ div.light_rounded .pp_bottom .pp_right { background: url(gx/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.light_rounded .pp_loaderIcon { background: url(gx/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Rounded Theme ----------------------------------- */ div.dark_rounded .pp_top .pp_left { background: url(gx/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.dark_rounded .pp_top .pp_middle { background: url(gx/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */ div.dark_rounded .pp_top .pp_right { background: url(gx/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.dark_rounded .pp_content_container .pp_left { background: url(gx/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */ div.dark_rounded .pp_content_container .pp_right { background: url(gx/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */ div.dark_rounded .pp_content { background: url(gx/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */ div.dark_rounded .pp_next:hover { background: url(gx/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_rounded .pp_previous:hover { background: url(gx/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.dark_rounded .pp_expand { background: url(gx/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_rounded .pp_expand:hover { background: url(gx/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_rounded .pp_contract { background: url(gx/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_rounded .pp_contract:hover { background: url(gx/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(gx/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_rounded .currentTextHolder { color: #c4c4c4; } div.dark_rounded .pp_description { color: #fff; } div.dark_rounded #pp_full_res .pp_inline { color: #fff; } div.dark_rounded .pp_arrow_previous { background: url(gx/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_rounded .pp_arrow_next { background: url(gx/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_rounded .pp_bottom .pp_left { background: url(gx/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.dark_rounded .pp_bottom .pp_middle { background: url(gx/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */ div.dark_rounded .pp_bottom .pp_right { background: url(gx/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.dark_rounded .pp_loaderIcon { background: url(gx/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Square Theme ----------------------------------- */ div.dark_square .pp_left , div.dark_square .pp_middle, div.dark_square .pp_right, div.dark_square .pp_content { background: url(gx/prettyPhoto/dark_square/contentPattern.png) top left repeat; } div.dark_square .currentTextHolder { color: #c4c4c4; } div.dark_square .pp_description { color: #fff; } div.dark_square .pp_loaderIcon { background: url(gx/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ div.dark_square .pp_content_container .pp_left { background: url(gx/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */ div.dark_square .pp_content_container .pp_right { background: url(gx/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */ div.dark_square .pp_expand { background: url(gx/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_square .pp_expand:hover { background: url(gx/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_square .pp_contract { background: url(gx/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_square .pp_contract:hover { background: url(gx/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_square .pp_close { width: 75px; height: 22px; background: url(gx/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_square #pp_full_res .pp_inline { color: #fff; } div.dark_square .pp_arrow_previous { background: url(gx/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_square .pp_arrow_next { background: url(gx/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_square .pp_next:hover { background: url(gx/prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_square .pp_previous:hover { background: url(gx/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ /* ---------------------------------- Light Square Theme ----------------------------------- */ div.light_square .pp_left , div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content { background: #fff; } div.light_square .pp_content .ppt { color: #000; } div.light_square .pp_expand { background: url(gx/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_square .pp_expand:hover { background: url(gx/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_square .pp_contract { background: url(gx/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_square .pp_contract:hover { background: url(gx/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_square .pp_close { width: 75px; height: 22px; background: url(gx/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_square #pp_full_res .pp_inline { color: #000; } div.light_square .pp_arrow_previous { background: url(gx/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_square .pp_arrow_next { background: url(gx/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_square .pp_next:hover { background: url(gx/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_square .pp_previous:hover { background: url(gx/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ /* ---------------------------------- Facebook style Theme ----------------------------------- */ div.facebook .pp_top .pp_left { background: url(gx/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.facebook .pp_top .pp_middle { background: url(gx/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } /* Top pattern/color */ div.facebook .pp_top .pp_right { background: url(gx/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.facebook .pp_content .ppt { color: #000; } div.facebook .pp_content_container .pp_left { background: url(gx/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } /* Content background */ div.facebook .pp_content_container .pp_right { background: url(gx/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } /* Content background */ div.facebook .pp_content { background: #fff; } /* Content background */ div.facebook .pp_expand { background: url(gx/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.facebook .pp_expand:hover { background: url(gx/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.facebook .pp_contract { background: url(gx/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.facebook .pp_contract:hover { background: url(gx/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.facebook .pp_close { width: 22px; height: 22px; background: url(gx/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.facebook #pp_full_res .pp_inline { color: #000; } div.facebook .pp_loaderIcon { background: url(gx/prettyPhoto/facebook/loader.gif) center center no-repeat; } /* Loader icon */ div.facebook .pp_nav .pp_arrow_previous { background: url(gx/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The previous arrow in the bottom nav */ div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; } div.facebook .pp_nav .pp_arrow_next { background: url(gx/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The next arrow in the bottom nav */ div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; } div.facebook .pp_nav { margin-top: 0; } div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; } div.facebook .pp_next:hover { background: url(gx/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.facebook .pp_previous:hover { background: url(gx/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.facebook .pp_bottom .pp_left { background: url(gx/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.facebook .pp_bottom .pp_middle { background: url(gx/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } /* Bottom pattern/color */ div.facebook .pp_bottom .pp_right { background: url(gx/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ /* ------------------------------------------------------------------------ DO NOT CHANGE ------------------------------------------------------------------------- */ div.pp_pic_holder a:focus { outline:none; } div.pp_overlay { background: #000; display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 9500; } div.pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 10000; } .pp_top { height: 20px; position: relative; } * html .pp_top { padding: 0 20px; } .pp_top .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_top .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_top .pp_middle { left: 0; position: static; } .pp_top .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_content { height: 40px; } .pp_content .ppt { left: auto; margin-bottom: 5px; position: relative; top: auto; } .pp_fade { display: none; } .pp_content_container { position: relative; text-align: left; width: 100%; } .pp_content_container .pp_left { padding-left: 20px; } .pp_content_container .pp_right { padding-right: 20px; } .pp_content_container .pp_details { margin: 10px 0 2px 0; } .pp_description { display: none; margin: 0 0 5px 0; } .pp_nav { clear: left; float: left; margin: 3px 0 0 0; } .pp_nav p { float: left; margin: 2px 4px; } .pp_nav a.pp_arrow_previous, .pp_nav a.pp_arrow_next { display: block; float: left; height: 15px; margin-top: 3px; overflow: hidden; text-indent: -10000px; width: 14px; } .pp_hoverContainer { position: absolute; top: 0; width: 100%; z-index: 2000; } a.pp_next { background: url(gx/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: right; height: 100%; text-indent: -10000px; width: 49%; } a.pp_previous { background: url(gx/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: left; height: 100%; text-indent: -10000px; width: 49%; } a.pp_expand, a.pp_contract { cursor: pointer; display: none; height: 20px; position: absolute; right: 30px; text-indent: -10000px; top: 10px; width: 20px; z-index: 20000; } a.pp_close { display: block; float: right; text-indent: -10000px; } .pp_bottom { height: 20px; position: relative; } * html .pp_bottom { padding: 0 20px; } .pp_bottom .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_bottom .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_bottom .pp_middle { left: 0; position: static; } .pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_loaderIcon { display: block; height: 24px; left: 50%; margin: -12px 0 0 -12px; position: absolute; top: 50%; width: 24px; } #pp_full_res { line-height: 1 !important; } #pp_full_res .pp_inline { text-align: left; } #pp_full_res .pp_inline p { margin: 0 0 15px 0; } div.ppt { color: #fff; display: none; font-size: 17px; left: 0; position: absolute; top: 0; z-index: 9999; } /* ------------------------------------------------------------------------ Miscellaneous ------------------------------------------------------------------------- */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* FORMULAIRES --------------------------------------------------------------------------------------- */ fieldset{/*border:1px solid #000;*/border: 0px; font-size: 11px; margin-bottom:10px; padding:5px;} fieldset legend{border: 1px solid #999; color:#000; font-size:14px; font-weight:bold; padding:3px;} fieldset label{font-size:12px; color:#000; margin:2px 0 2px 0;} label.erreur{color:#cc0000;} .champTexte{ background: #EEF3F7; border: 1px solid #C9D0D6; color: #4E677A; font-size: 11px; margin:2px 0 2px 0; } .listeDeroulante{ background: #EEF3F7; border: 1px solid #C9D0D6; color: #4E677A; font-size: 11px; margin:2px 0 2px 0; } .boiteTexte{ background: #EEF3F7; border: 1px solid #C9D0D6; color: #4E677A; font-family: "Trebuchet MS"; font-size: 11px; margin:2px 0 2px 0; } .bouton{ background-color: #6c3d20/*EEF3F7*/; color: #FFFFFF/*498ECB*/; font-family: "Trebuchet MS"; font-size: 13px; font-weight: bold; border: 1px solid #6c3d20; } .bouton:hover{background-color:#ffedb2; color:#78450e; border: 1px solid #6c3d20;} .champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */ p.erreur{text-align:center; color:#CC0000; background-color:#FFDDDD; border:1px #CC0000 solid; padding:15px; border-radius:4em; -moz-border-radius:4px; -webkit-border-radius:4px;} p.succes{text-align:center; color:#4F8A10; background-color:#DFF2BF; border:1px #4F8A10 solid; padding:15px; border-radius:4em; -moz-border-radius:4px; -webkit-border-radius:4px;} p.conseil{font-size:10px;display:none;}