body {background:/*#310403*/ /*#c0d748*/ ; margin:0; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif;} div, p, form{margin:0; padding:0;} p a:hover, a{ color: #FFFFFF;} #fond-screen{ background:url(../imgs/fond_anime.gif) no-repeat top center; height:795px; overflow:hidden; } #main{width:912px; margin-left:auto; margin-right:auto;} #main #fond{background: url(../imgs/fond.png) repeat-y top left;} #main #fond #marge { width:900px; padding-left:6px; padding-right:6px; } #bandeau{ height:129px; padding:0 0 0 300px; background:none;} #bandeau #logo{ float:left; width:299px; } #bandeau .bt-palet{ padding:35px 0 0 0;} #bandeau #bouton-list{ float:left; width:250px; color:#310403; font-size:10px; padding:25px 0 0 50px;} #bandeau #bouton-list a{color:#310403; text-decoration:none; font-weight:bold;} #bandeau #bouton-list .bouton-left{ float:left; background:url(../imgs/interface/bouton-left.gif) no-repeat top left; height:14px; width:6px;} #bandeau #bouton-list .bouton-right { float:left; background:url(../imgs/interface/bouton-right.gif) no-repeat top left; height:14px; width:6px;} #bandeau #bouton-list .bouton-fond {float:left; background:url(../imgs/interface/bouton-fond.gif) repeat-x top left; height:14px;} #bandeau #bouton-list .bouton-presse{ float:left; width:55px;} #bandeau #bouton-list .bouton-contact{float:left; width:60px;} #bandeau #bouton-list .bouton-revillon{float:left; width:105px;} /*//////////////////////////// */ #bandeau #bouton-list-paques{ float:left; width:250px; color:#fff; padding:25px 0 0 60px;} #bandeau #bouton-list-paques a{text-decoration:none; font-weight:bold;} #bandeau #bouton-list-paques .bouton-left{ float:left; background:url(../imgs/interface/bouton-left.png) no-repeat top left; height:14px; width:6px;} #bandeau #bouton-list-paques .bouton-right { float:left; background:url(../imgs/interface/bouton-right.png) no-repeat top left; height:14px; width:6px;} #bandeau #bouton-list-paques .bouton-fond {float:left; background:#C0985A; height:14px;} #bandeau #bouton-list-paques .bouton-presse{ float:left; width:145px; font-size:10px;} #bandeau #bouton-list-paques .bouton-contact{float:left; width:70px; font-size:10px;} #bandeau #bouton-list-paques .bouton-contact .imgexport img{margin:0 0 0 0;} #bandeau #bouton-list-paques .bouton-revillon{float:left; width:160px; font-size:10px;} #bandeau #bouton-list-paques .bouton-revillon a, #bandeau #bouton-list-paques .bouton-contact a, #bandeau #bouton-list-paques .bouton-presse a{color:#fff;} #bandeau #bouton-list-paques .bouton-jeu{margin:15px 0 0 15px; font-size:12px; color:#FFF;} #bandeau #bouton-list-paques .bouton-jeu a{ color:#FFF;} #bandeau #bouton-list-paques .bouton-jeu .bouton-left{ float:left; background:url(../imgs/interface/bouton-jeu-left.png) no-repeat top left; height:27px; width:12px;} #bandeau #bouton-list-paques .bouton-jeu .bouton-right { float:left; background:url(../imgs/interface/bouton-jeu-right.png) no-repeat top left; height:27px; width:12px;} #bandeau #bouton-list-paques .bouton-jeu .bouton-fond {float:left; background:#561545; height:21px; padding:6px 0 0 0; text-align:center;} /* Contenue */ #corps{ width:900px;} #corps #left{width:309px; float:left; border-right:#C0985A 2px solid; } #corps #center{ height:488px; overflow:auto; text-align:left; width:588px; float:right; font-size: 11px; color: #FFFFFF; } #corps #center #int {width:538px; padding-left:15px; padding-right:15px; padding-top: 10px; padding-bottom: 10px; } #corps #centerdev{ text-align:left; width:588px; float:right; font-size: 11px; color: #FFFFFF; } #corps #centerdev #int { padding-left:15px; padding-right:15px; padding-top: 10px; padding-bottom: 10px; } /* produits papillotes */ #cadre { background-color:#46120E; padding:8px;} #just1, #just2, #just3, #just4 { text-align:justify; } #cadre-list { background-color:#46120E; padding:4px;} #cadre-list-deco-paques, #cadre-fiche-actu,#cadre-list-actu,#cadre-list-deco,#cadre-list-recette,#cadre-list-deco-choco { background-color:#46120E; padding:4px;} #cadre-fiche-actu h2{ margin:0px; padding-bottom:10px; padding-left:0px; padding-top:5px; font-size:14px; font-weight: bold; color:#BF9859; } #cadre-list-actu h2{ margin:0px; padding:0 0 0 0; font-size:14px; font-weight: bold; color:#BF9859; } #cadre-list-actu { float:left; width:250px; margin-left:5px; height:160px; margin-bottom:5px;} /*//////////////////////////// */ /* cadre liste idee deco */ #cadre-list-deco h2 { margin:0px; padding-bottom:10px; padding-left:0px; padding-top:5px; font-size: 14px; font-weight: bold; color:#BF9859; } #cadre-list-deco-paques h2 { margin:0px; padding-bottom:10px; padding-left:0px; padding-top:5px; font-size: 14px; font-weight: bold; color:#C8A4BD; } #cadre-list-recette h2 { margin:0px; padding-bottom:10px; padding-left:0px; padding-top:5px; font-size: 14px; font-weight: bold; color:#E9C5AE;} #cadre-list-deco-choco h2 { margin:0px; padding-bottom:10px; padding-left:0px; padding-top:5px; font-size: 14px; font-weight: bold; color:#C0985A; } /* liens cadre retour*/ #retour { color:#D54F50; background:url(../imgs/fleche-rose.gif); background-position:right; background-repeat:no-repeat; text-align:right; padding-top:4px; padding-bottom:4px; padding-right:15px;} #retour #right{ font-size:8px;} #retour #right a{ text-decoration:none; color:#D54F50;} #retour #right a:hover{ text-decoration:underline; color:#D54F50;} /*//////////////////////////// */ /* liens cadre suite*/ #suite { height:25px; background-color:#46120E; padding-left:5px;} #suite #pttitre{font-size: 14px; font-weight: bold; color: #C0985A; float:left; padding-top:4px;} #suite #pttitre a{ text-decoration:none; color: #C0985A;} #suite #pttitre a:hover{ text-decoration:underline; color: #C0985A;} #suite #right{text-align:right; background:url(../imgs/fleche-rose.gif); background-position:right; background-repeat:no-repeat; color:#D54F50; font-size:8px; float:right; padding-top:8px; padding-bottom:8px; padding-right:15px; margin-right:8px;} #suite #right a{ text-decoration:none; color:#D54F50;} #suite #right a:hover{ text-decoration:underline; color:#D54F50;} /*//////////////////////////// */ /* bandeau jaune */ #bandeau-bas {background-color:#C0985A; height:28px; width:900px; color:#FFFFFF;} #bandeau-bas #left{ font-size:10px; float:left; padding:5px; } #bandeau-bas #left a{ color:#FFFFFF; text-decoration:none;} #bandeau-bas #left a:hover{color:#FFFFFF; text-decoration:none;} #bandeau-bas #logo{ width:152px; float:right; padding-top:1px; } #bandeau-bas #right{ font-size:11px; font-weight:bold; float:right; padding:5px; } #bandeau-bas #right a{ color:#FFFFFF; text-decoration:none;} #bandeau-bas #right a:hover{color:#FFFFFF; text-decoration:none;} /*//////////////////////////// */ /* bandeau ombre */ #ombre {height:10px; margin-left:auto; margin-right:auto; padding-left:0px; padding-right:0px; /*background-image:url(../imgs/fond-pied-ombre.png); background-repeat:no-repeat; background-position:center top;*/} /*////////////////////////////*/ /* nav pied de page */ #pied{ overflow:visible; font-family: Arial; font-size: 11px; color: #FFFFFF; } #pied a{ color:#FFFFFF; text-decoration:none; } #pied a:hover, #pied u{ color:#FF9900; text-decoration:none; } #print-piedpage{ font-family: Arial; font-size: 11px; color: #FFFFFF; padding-bottom:20px; } #print-tetepage{ display:none;} /*////////////////////////////*/ /* deux colonne et deux celule */ #themesa{width:255px; float:left; padding-bottom:4px; padding-right:5px; margin:0;} #themesa .theme1 {background-color:#310403; padding-left:8px; padding-right:8px; padding-bottom:8px; padding-top:2px; margin-top:3px; text-align:justify;} #themesa .theme2 {background-color:#310403; padding-left:8px; padding-right:8px; padding-bottom:8px; padding-top:2px; margin-top:3px; text-align:justify;} #themesb .theme3 {background-color:#310403; padding-left:8px; padding-right:8px; padding-bottom:8px; padding-top:2px; margin-top:3px; text-align:justify;} #themesb{width:255px; float:left; padding-bottom:4px; padding-right:5px; margin:0;} #themesb .theme5 {background-color:#310403; padding-left:8px; padding-right:8px; padding-bottom:8px; padding-top:2px; margin-top:3px; text-align:justify;} #themesa .theme4 {background-color:#310403; padding-left:8px; padding-right:8px; padding-bottom:8px; padding-top:2px; margin-top:3px; text-align:justify;} #themesb .theme6 {background-color:#310403; padding-left:8px; padding-right:8px; padding-bottom:8px; padding-top:2px; margin-top:3px; text-align:justify;} /*.theme6 {width:500px; background-color:#310403; padding-left:8px; padding-right:8px; padding-bottom:8px; padding-top:2px; text-align:justify;}*/ /*////////////////////////////*/ /* prod fiche*/ #prodf { text-align:left;} #prodf #fiche1 { padding:4px;} #prodf #prodfichea{width:250px; float:left; background-color:#46120E; margin:8px;} /* prod paillotes*/ #prodf #tr09{ color:#310403; background-color:#C09E50; font-size: 14px; font-weight: bold; padding:4px; } #prodf #tr10{ color:#310403; background-color:#C3C5C8; font-size: 14px; font-weight: bold; padding:4px; } #prodf #tr11{ color:#310403; background-color:#6B7DB3; font-size: 14px; font-weight: bold; padding:4px; } #prodf #tr12{ color:#FFFFFF; background-color:#B8B6DA; font-size: 14px; font-weight: bold; padding:4px; } #prodf #tr13{ color:#FFFFFF; background-color:#FBC300; font-size: 14px; font-weight: bold; padding:4px; } #prodf #tr14{ color:#FFFFFF; background-color:#D9050F; font-size: 14px; font-weight: bold; padding:4px; } #prodf #tr23{ color:#FFFFFF; background-color:#D93E00; font-size: 14px; font-weight: bold; padding:4px; } #prodf #tr30{ color:#FFFFFF; background-color:#BF9859; font-size: 14px; font-weight: bold; padding:4px; } /* prod paques*/ #prodf #tr15{ color:#310403; background-color:#C8A4BD; font-size: 14px; font-weight: bold; padding:4px; } #prodf #tr16{ color:#310403; background-color:#B1BC00; font-size: 14px; font-weight: bold; padding:4px; } #prodf #tr17{ color:#310403; background-color:#ad9cc0; font-size: 14px; font-weight: bold; padding:4px; } #prodf #tr18{ color:#310403; background-color:#DA3404; font-size: 14px; font-weight: bold; padding:4px; } #prodf #tr19{ color:#310403; background-color:#029CDA; font-size: 14px; font-weight: bold; padding:4px; } #prodf #tr20{ color:#310403; background-color:#E74474; font-size: 14px; font-weight: bold; padding:4px; } #prodf #tr24{ color:#FFFFFF; background-color:#7db2c7; font-size: 14px; font-weight: bold; padding:4px; } /* prod sarments */ #prodf #tr21{ color:#310403; background-color:#C0985A; font-size: 14px; font-weight: bold; padding:4px; } /* prod sarments paques */ #prodf #tr25{ color:#310403; background-color:#C8A4BD; font-size: 14px; font-weight: bold; padding:4px; } /* prod guinettes */ #prodf #tr22{ color:#310403; background-color:#D9050F; font-size: 14px; font-weight: bold; padding:4px; } /*////////////////////////////*/ /* prod liste */ /* produits paques */ #cadre-paques { padding:0; width:540px; margin:0;} .prod-listp {float:left; width:180px; margin:0; padding:0;} #cadre-prod{width:524px;} #cadre-prod .prod-list {float:left; width:262px;} #cadre-prod .prod-list-large {float:left; width:524px;} #cadre-prod .prod-list-sarment {float:left; width:262px;} #cadre-prod .prod-list-sarment-club {} #cadre-prod .prod-list-sarment-recettes {float:left; width:262px;} #cadre-prod .prod-list-sarment-c-aussi {float:left; width:297px;} #cadre-prod .prod-list-sarment-recettes-c-aussi {float:left; width:227px;} /*////////////////////////////*/ /* texte mise en forme */ .hr{ display:block; clear:both; } h1{ margin:0px; padding-bottom:10px; padding-left:0px;} h2{ margin:0px; padding-bottom:10px; padding-left:0px; padding-top:5px; font-size: 14px; font-weight: bold; color: #C0985A; } h3{ margin:0px; padding-bottom:5px; padding-left:0px; padding-top:0px; font-size: 25px; font-weight: bold; color: #C96E6A; } h4{ margin:0px; padding-bottom:10px; padding-left:0px; padding-top:5px; font-size: 14px; color: #FF9900; } /*//////////////////////////// */ /* Cacher les éléments pour print */ #print-piedpage{ font-family: Arial; font-size: 11px; color: #FFFFFF; padding-bottom:20px; } #print-tetepage{ display:none;} /*video*/ #container{display:block; width:256px; height:208px; background:none;} /* séparateur */ .sep-2{ height:2px; clear:both; display:block;} .sep-6{ height:6px; clear:both; } .sep-10{ height:10px; clear:both;} .sep-15{ height:15px; clear:both; } .sep-30{ height:30px; clear:both; } .espace-10{ width:10px; height:10px; } .sep-mini{width:50px; background:#FF9900; height:1px;} /* form */ .champ-txt { width:500px; text-align:left; color:#000000;} /* text */ .minii { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; font-style:italic;} .txtb-11 { font-size: 11px; color: #FFFFFF;} .txtbj-11 a{color: #C0985A; text-decoration:none;} .txtbj-11 { font-size: 11px; color: #C0985A; font-weight:bold;} .txtmbold-11 { font-size: 11px; color: #310403; font-weight:bold; } .fleche-o { font-size: 12px; color: #FF9900;} .txt-paques { font-size: 11px; color: #E9037E;} /* prod-titre papillotes*/ .prod-09 { font-size:13px; color:#C09E50; font-weight:bold; } .prod-10 { font-size:13px; color:#C3C5C8; font-weight:bold; } .prod-11 { font-size:13px; color:#6B7DB3; font-weight:bold; } .prod-12 { font-size:13px; color:#B8B6DA; font-weight:bold; } .prod-30 { font-size:13px; color:#BF9859; font-weight:bold; } .prod-13 { font-size:13px; color:#FBC300; font-weight:bold; } .prod-14 { font-size:13px; color:#D9050F; font-weight:bold; } .prod-23 { font-size:13px; color:#D93E00; font-weight:bold; } /* prod-titre paques*/ .prod-trj { font-size:13px; color:#E9037E; font-weight:bold; } .prod-trjp { font-size:13px; color:#47CAE5; font-weight:bold; } .prod-trpg { font-size:13px; color:#B1BC00; font-weight:bold; } .prod-trpo { font-size:13px; color:#DF6C00; font-weight:bold; } .prod-trppoi { font-size:13px; color:#7db2c7; font-weight:bold; } .prod-trpc { font-size:13px; color:#DA3404; font-weight:bold; } .prod-trpf { font-size:13px; color:#029CDA; font-weight:bold; } .prod-trpfin { font-size:13px; color:#E74474; font-weight:bold; } /* prod-titre sarments paques */ .prod-25 { font-size:13px; color:#C8A4BD; font-weight:bold; } /* prod-titre sarments */ .prod-21 { font-size:13px; color:#C0985A; font-weight:bold; } .prod-club { font-size:13px; color:#EC6400; font-weight:bold; } /* prod-titre guinettes */ .prod-22 { font-size:13px; color:#D9050F; font-weight:bold; } /* prod info detail papillotes*/ .prod-info-09 { font-size:11px; color:#C09E50; font-weight:bold; } .prod-info-10 { font-size:11px; color:#C3C5C8; font-weight:bold; } .prod-info-11 { font-size:11px; color:#6B7DB3; font-weight:bold; } .prod-info-12 { font-size:11px; color:#B8B6DA; font-weight:bold; } .prod-info-13 { font-size:11px; color:#FBC300; font-weight:bold; } .prod-info-14 { font-size:11px; color:#D9050F; font-weight:bold; } .prod-info-23 { font-size:11px; color:#D93E00; font-weight:bold; } .prod-info-30 { font-size:11px; color:#BF9859; font-weight:bold; } /* prod info detail paques*/ .prod-infojp { font-size:11px; color:#C8A4BD; font-weight:bold; } .prod-infopg { font-size:11px; color:#B1BC00; font-weight:bold; } .prod-infopo { font-size:11px; color:#ad9cc0; font-weight:bold; } .prod-infopc { font-size:11px; color:#DA3404; font-weight:bold; } .prod-infopf { font-size:11px; color:#029CDA; font-weight:bold; } .prod-infopfin { font-size:11px; color:#E74474; font-weight:bold; } /* prod info sarments */ .prod-info-21 { font-size:11px; color:#C0985A; font-weight:bold; } /* prod info guinettes */ .prod-info-22 { font-size:11px; color:#D9050F; font-weight:bold; } /*//////////////////////////// */ /* MENU HORIZONTALE */ /* Navigation */ #secondaire{ height:20px; width:900px; background:#C0985A; border-bottom:2px #C0985A solid;} #secondaire #nav { font-size:12px; font-weight:bold; color: #FFFFFF; padding:2px 0 5px 0; } #secondaire #nav a{ color:#FFFFFF; text-decoration:none; letter-spacing:-1px;} #secondaire #nav a:hover, #secondaire #nav u{ color:#300607; text-decoration:none;} #menu{} #menu a{letter-spacing:-1;} ul, li { list-style-type:none; margin:0; padding:0; } /*chaque sous-menu*/ #menu ul li { position:relative; /*float:left;*/ display:inline; /*display:block;*/ /*padding-left : 10px; padding-right : 10px;*/ bottom:0px; /*padding:0 0 15px 0;*/ } /*carré déroulant sous un sous-menu niveau 1*/ #menu ul li ul { display:none; position:absolute; background:#C0985A; text-align:left; top:12px; width:305px; left:-4px; margin:0; padding:8px 0 6px 0; border-bottom:#C0985A 2px solid; } #menu ul li ul li { /* height:100%;*/ /*display:block;*/ display:list-item; margin:0; padding:4px 0 4px 10px; }