/*------------------------------------------------------------------------------ [MEDIA:SCREEN] - CCM/Benchmark Framework Document : Layout CSS Author : Damien SYREN ------------------------------------------------------------------------------*/ /* - DEFAULT LAYOUT --------------------------------------------------------------- */ .body:after, .page:after{ clear:both; display:block; visibility:hidden; overflow:hidden; height:0 !important; line-height:0; font-size:xx-large; content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x "; } .page{ width:1000px; margin:0 auto; word-wrap:break-word; /* CSS3 permet de faire des cesure sur les long mots sans espaces */ } .body { background: none repeat scroll 0 0 #FFFFFF; padding: 0 20px; *zoom:1; } /*/----> GESTION DES LAYOUTS <----/*/ /* 1 colonne centrale */ .tpl_1col .ctCols{float:none; width:100%} .tpl_1col .main{margin:0; padding:15px} .tpl_1col .leftCol, .tpl_1col .rightCol{ display:none } /* 2 colonnes droite (par defaut) */ .ctCols{float:left; width:630px;} .main{margin:0} .leftCol{display:none;float:left;width:190px;} .rightCol{float:right;width:300px} /* 2 colonnes gauche */ .tpl_2cols .ctCols{float:none; width:100%} .tpl_2cols .main{float:right; width:670px;} .tpl_2cols .leftCol{display:block;float:left;width:330px;} .tpl_2cols .rightCol{display:none} /* 3 colonnes */ .tpl_3cols .main{float:right; width:340px;} .tpl_3cols .leftCol{display:block; width:330px} /* - SKIN LAYOUT ------------------------------------------------------------------ C'est ici qu'on va skinner les elements specifiques aux pages avec des #id. Ce n'est pas conseiller de skinner tout le site ici car cela est contraire �la methode OOCSS. */ body{ background: url("http://r.ccmbg.com/femmes/img/fond-jdf.jpg") repeat-x fixed left top #e2d7b9; overflow:hidden; } /* header */ #header{ position:relative; background:#fff; z-index:100000000000; padding: 20px 20px 0 20px; *zoom:1} /* images */ #header a.logo { display:block; float:left; position: relative; margin-right: 40px;} #header a.logo img{ display:block } #header .annonceur { float:right;border:1px solid #d8d8d8; } #header ul.light { float:right;height:22px; line-height:22px; } #header .top{ font-weight:bold } #header .top.light a{ color:#A21460; text-decoration:underline } #header .top.light .b{ color:#303030 } #header .top.light a:hover,#header .top.light .b:hover { color:#4A99CF; text-decoration:none } #header ul.button {float:right; margin-left:15px; } #header ul.light ul.more { width:120px; top:19px; } #header .top, #header #top{width:auto} #header .log{ padding-top:20px } /*/----> debut MENU NAVIGATION <----/*/ #nav{ margin-top:20px; height:30px; padding-bottom: 30px; position: relative; font-family: arial, sans-serif; clear: both; } #nav ul{ background: #000; height: 30px } #nav li{ float:left } #nav li .navLink{ float:left; color:#fff; font-weight: bold; font-size:12px; text-transform:uppercase; height:34px; position: relative; z-index: 400; } :root #nav li .navLink{ font-weight:normal \ }/* hack ie9 - probleme de taille de font pour le flagship sur IE9 */ #nav li .navLink span{ height:30px; line-height:30px; padding:0 4px; display: block; _display:inline; _zoom:1 } /* hover */ #nav li:hover .navLink, #nav li.hover .navLink, #nav li:focus .navLink, #nav li:active .navLink, #nav li.hover .navLink{ text-decoration: none; background: url("../img/grise.png") no-repeat scroll center bottom transparent; } #nav li:hover span, #nav li.hover span, #nav li:focus span, #nav li:active span, #nav li.hover span{ background-color: #858585; text-decoration: none; } #nav ul li.first { margin-left: 10px; _margin-left:5px; } /* selectionne */ #nav .selected .navLink, #nav .hover.selected .navLink, #nav li:hover.selected .navLink{background: url("../img/violette.png") no-repeat scroll center bottom transparent} #nav .selected .navLink span, #nav li:hover.selected .navLink span, #nav .hover.selected .navLink span{ background: #A21460; text-decoration: none; _zoom:1 } /* luxe */ #nav .luxe .navLink{ color:#d5bc79 } #nav li.luxe:hover .navLink, #nav li.luxe.hover .navLink, #nav li.luxe.selected .navLink{ color:#fff; background: url("../img/or.png") no-repeat scroll center bottom transparent;} #nav li.luxe:hover .navLink span, #nav li.luxe.hover .navLink span, #nav li.luxe.selected .navLink span{ background: #A59A7C; } /* video */ #nav .video{ color: #7EE8FF} /* more */ #nav .more, #nav .promo{ position: relative; z-index: 500} #nav .more .navLink{ background: none;} #nav .more .navLink span{ background:url("../img/blanche.png") no-repeat scroll 90% center transparent; padding-right: 20px;} #nav .more .navLink:hover span, #nav .more.hover .navLink span{ background-color:#858585;} /* affiche le sous menu */ #nav li:hover .sbnav, #nav li.hover .sbnav, #nav li:focus .sbnav, #nav .selected .sbnav{ display:block; } #nav li:hover .sbnav, #nav li.hover .sbnav{ z-index: 350; } /* sous nav */ #nav .sbnav{ display:none; position:absolute; top:30px; left:0; width:960px; height: 30px; line-height: 30px; margin:0; z-index:200; font-size: 12px; background: #fff; } #nav .sbnav li{ background: none; border: 0;} #nav .sbnav a{ color: #666; margin: 0 6px; *margin:0 6px ; _margin:0 4px} #nav .sbnav a:hover, .nav .sbnav .selected a, #nav .sbnav a.fcTheme1{ color: #A21460;} /* sous navigation plus */ #nav .sbnavmore{ display: none; cursor: pointer; position: absolute; width: 105px; height: auto; right: 0; left: auto; top: 30px; padding:4px!important; border:1px solid #858585; border-top-width:5px; font-size:12px; text-align: center; line-height: normal; } #nav .sbnavmore li { display: block; float: none } #nav .sbnavmore li a {color:#858585 } #nav .sbnavmore li a:hover {color:#A21460 } /* flagship promo */ #nav .promo img{ max-width:140px; margin-top:-7px } /*/----> fin MENU NAVIGATION <----/*/ /*/----> debut FORMULAIRE DE RECHERCHE <----/*/ #header .search{ width:375px; margin-top:13px; float:left; position:relative; } .search .text{ width:250px; font-family:georgia,"Helvetica Neue",Helvetica,Arial,default; } .search .text, .search .submit{ display:inline-block; vertical-align:middle; } .search .text{ width:327px; height:31px; line-height:31px; padding:0 5px; vertical-align:middle; border:1px solid #dddddd; background: #F6F6F6; /* old browsers */ background: -moz-linear-gradient(top, #F6F6F6 0%, #FFFFFF 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F6F6F6), color-stop(100%,#FFFFFF)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F6F6F6', endColorstr='#FFFFFF',GradientType=0 ); /* ie */ background: -o-linear-gradient(top, #F6F6F6 0%,#FFFFFF 100%); /* opera */ -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .search .submit{ width:37px; height:33px; border: 0; padding: 0; margin-left:-10px; text-align:center; background: url('http://r.ccmbg.com/femmes/img/sprite_ico.png?201212181140') no-repeat 0 -34px; cursor:pointer; text-indent:-9999px; overflow:hidden; *padding-left:9999px; *text-indent: 0; *zoom:1; } /* formulaire colonne droite */ .rightCol .search .text{ width:221px} /*/----> fin FORMAULAIRE DE RECHERCHE <----/*/ /*/----> debut FOOTER <----/*/ #footer, .foot.commonFoot{ background: none repeat scroll 0 0 #000000; border-top: 3px solid #A21460; color: #808080; font-family: georgia; padding: 20px; font-size: 12px; position: relative; *zoom:1; } .foot.commonFoot{ padding: 0} .foot .page{ width: 100%; padding: 0} .foot.commonFoot .logo a{ background: #000} .foot.commonFoot .logo, .foot .brands { border-color: #333} .foot.commonFoot a{color: #808080} .foot.commonFoot a:hover{ color:#fff} .foot.commonFoot .toolLinks li{margin-left: 5px; padding-left: 4px} /* styles par defaut du footer */ #footer a { color:#fff; } #footer p.copyright { color:#808080; text-align:right; } #footer span{ display: block; margin-bottom:10px;} /* liste horizontal en bas du footer */ #footer .nav.footer {border:1px solid #373737; border-width:1px 0;padding:15px 0; text-align:left; margin-bottom:10px;} #footer .nav.footer ul { margin:0 auto; text-align: center; } #footer .nav.footer li { display:inline; margin:0 10px; } #footer .nav.footer li.first { margin-left:0; } #footer .nav.footer li.last { margin-right:0; } /* inscription a la newsletter */ #footer form input.email { width:158px; padding:3px 8px; border-color:#303030; background:#fff; border:none} #footer form input.btnV { padding: 0 5px; box-shadow:none;} #footer form ul { margin:10px 0; color:#fff } #footer form ul li { margin-bottom:15px; } /* surcharges pour les colonnes */ #footer .nav span { text-transform:uppercase; color:#fff; font-weight:bold;} #footer .nav span a {color:#fff} #footer .footerColumn { padding:0 10px;} #footer .footerColumn ul { margin-bottom: 10px } #footer .footerColumn li { margin-bottom: 3px } #footer .footerColumn a.plus { display:inline-block; margin-bottom:15px;} /*/----> fin FOOTER <----/*/ * html .floatInline {display:inline} /*/----> debut SERVICES <----/*/ .servicesSlider{ width: 903px; margin: 20px auto; position: relative;} .servicesSlider ul{ position: relative; display: block;} .srvS{ float:left; width:225px; height:160px; text-align:center; font-size:16px; font-weight:bold; border-right:1px solid #ccc; background:url('../img/sprite_service.jpg?3') no-repeat 0 25px; } .srvS a{ position:relative; display:block; height:160px; color:#303030 } .srv1 { background-position:0 0 } .srv2 { background-position:0 -160px } .srv3 { background-position:0 -320px } .srv4 { background-position:0 -480px } .srv5 { background-position:0 -640px } .srv6 { background-position:0 -800px } .srv7 { background-position:0 -640px } .srv8 { background-position:0 -800px } .srv9 { background-position:0 -960px } .srv10 { background-position:0 -1120px } .srv11 { background-position:0 -1280px } .srv12 { background-position:0 -1440px } .srv13 { background-position:0 -1600px } .srv14 { background-position:0 -1760px } .srv15 { background-position:0 -1920px } .srv16 { background-position:0 -2080px } .srv17 { background-position:0 -2240px } /* - CORRECTION BLOD CONSEIL HOME DECO -------------------------------------------- - A terme il faudra changer la structure HTML */ #conseils h3 span{ display:block; margin-top:5px } /* --------------------------------------------------------- */ /* BEGIN SURCHARGE CUISINER */ /* --------------------------------------------------------- */ body.cuisiner{ background:#fff url(../img/bg_jdf.jpg) fixed 50% 0; } .cuisiner .search .submit{ background-position: 0 0;} .cuisiner #footer { background:#431a32; border-top:3px solid #a21460;} .cuisiner #footer p.copyright { color:#a18d99;} .cuisiner #footer .nav.footer {border-color:#7c5f70;} .cuisiner #footer div.box {background-color: #702752; } .cuisiner #footer form ul { color:#dfb8cf } .cuisiner #footer .nav span, .cuisiner #footer .nav span a { color:#99597e; } /*.cuisiner #footer .line.bg_footer {background: transparent url(../img/footer_filets_colonnes.gif) repeat-y 160px top}*/ .cuisiner .footerColumn{ border: 1px solid #7c5f70; border-width: 0 1px; margin-left: -1px} .cuisiner .footerColumn.first{ border-left:0} .cuisiner .lastBloc .footerColumn{ border-right:0} .cuisiner #footer .footerColumn a.plus { color:#7fad1c;} .cuisiner .srvS a {color: #333; font-size: 18px} /* --------------------------------------------------------- */ /* END SURCHARGE CUISINER */ /* --------------------------------------------------------- */ /* --------------------------------------------------------- */ /* BEGIN SURCHARGE LUXE */ /* --------------------------------------------------------- */ body.luxe{ background:#000 url(../img/lux_bg.jpg) repeat-y fixed 50% 0; } body.luxe #header{ background: url(../img/lux_bg-header.png) no-repeat 50% 100%; padding-bottom: 10px } body.luxe .body{ background:#2e2d29 url(../img/lux_bg-body.png) no-repeat 50% 0% } body.luxe #nav .sbnav { background:#46433a} body.luxe #nav .sbnav a{ color: #fff} body.luxe #nav .sbnav a:hover{ color: #B3995D} body.luxe #nav .luxe.selected .navLink, body.luxe #nav .luxe.hover .navLink{color:#fff; background: url("../img/or.png") no-repeat scroll center bottom transparent;} body.luxe #nav .luxe .navLink:hover span, body.luxe #nav .luxe.selected .navLink span, body.luxe #nav .luxe.hover .navLink span{ background: #A59A7C; } body.luxe .search .submit { background-position:0 -137px; } .luxe .body{ background: #2e2d29} .luxe #footer{ background: #23221e; border-color: #b3995d} /* --------------------------------------------------------- */ /* END SURCHARGE LUXE */ /* --------------------------------------------------------- */ /* --------------------------------------------------------- */ /* BEGIN SURCHARGE MENU EXPERT */ /* --------------------------------------------------------- */ /* liens top à côté du moteur de recherche */ #header .size12of12 ul.light.top { float: right; height: 22px; line-height: 22px; width: auto; font-size:14px; font-weight:normal; padding-top:20px } #header .size12of12 .top.light .b {color: #A21460} #header .size12of12 ul.light.top li{ display:inline-block; padding:0 4px} /*/----> debut MENU NAVIGATION <----/*/ /* nav 1er niveau */ .size12of12 #nav .nav li a{ float:left; color:#fff; font-weight: bold; font-size:12px; text-transform:uppercase; height:34px; position: relative; z-index: 400; } :root .size12of12 #nav .nav li a{ font-weight:normal \ }/* hack ie9 - probleme de taille de font pour le flagship sur IE9 */ .size12of12 #nav .nav li a span{ height:30px; line-height:30px; padding:0 4px; display: block; _display:inline; _zoom:1 } .size12of12 #nav .nav li.last { padding-right: 2px; position: relative; } /* hover */ .size12of12 #nav .nav li:hover a, .size12of12 #nav li.hover a, .size12of12 #nav .nav li:focus a, .size12of12 #nav .nav li:active a, .size12of12 #nav .nav li.hover a{ text-decoration: none; background: url("../img/grise.png") no-repeat scroll center bottom transparent; } .size12of12 #nav .nav li:hover span, .size12of12 #nav li.hover span, .size12of12 #nav .nav li:focus span, .size12of12 #nav .nav li:active span, .size12of12 #nav .nav li.hover span{ background-color: #858585; text-decoration: none; } /* selectionne */ .size12of12 #nav .nav .rubrique a, .size12of12 #nav .nav .hover.rubrique a, .size12of12 #nav .nav li:hover.rubrique a{background: url("../img/violette.png") no-repeat scroll center bottom transparent} .size12of12 #nav .nav .rubrique a span, .size12of12 #nav .nav li:hover.rubrique a span, .size12of12 #nav .nav .hover.rubrique a span{ background: #A21460; text-decoration: none; _zoom:1 } /* luxe */ .size12of12 #nav .nav .luxe a{ color:#d5bc79 } .size12of12 #nav .nav li.luxe:hover a, .size12of12 #nav .nav li.luxe.hover a, .size12of12 #nav .nav li.luxe.rubrique a{ color:#fff; background: url("../img/or.png") no-repeat scroll center bottom transparent;} .size12of12 #nav .nav li.luxe:hover a span, .size12of12 #nav .nav li.luxe.hover a span, .size12of12 #nav .nav li.luxe.rubrique a span{ background: #A59A7C} /* video */ .size12of12 #nav .nav .video{ color: #7EE8FF} /* more */ .size12of12 #nav .nav .plus{ position: relative; z-index: 500} .size12of12 #nav .nav .plus{ background: none;} .size12of12 #nav .nav .plus span{ background:url("../img/blanche.png") no-repeat scroll 90% center transparent; padding-right: 20px;} .size12of12 #nav .nav .plus:hover span, .size12of12 #nav .nav .plus.hover a span{ background-color:#858585;} /* sous navigation plus */ .size12of12 #nav .nav ul.more{ display: none; cursor: pointer; position: absolute; width: 100px; height: auto; right: 0; left: auto; top: 30px; padding:4px!important; border:1px solid #858585; border-top-width:5px; font-size:12px; text-align: center; line-height: normal; background:#fff; font-size: 12px; text-transform:none } .size12of12 #nav .nav .plus span { background: url("../img/blanche.png") no-repeat scroll 90% center transparent; padding-right: 20px; } .size12of12 #nav .nav ul.more li { display: block; float: none } .size12of12 #nav .nav ul.more li a, .size12of12 #nav .nav .selected ul.more a { color:#858585; text-transform:none; font-weight:normal; background: none; color: #858585; display: block; float: none; font-weight: normal; height: auto; text-transform: none; } .size12of12 #nav .nav ul.more li a:hover {color:#A21460; background: none; } /* flagship promo */ .size12of12 #nav .nav .promo{ position: relative; z-index: 500} .size12of12 #nav .nav li.promo:hover a, .size12of12 #nav li.promo.hover a, .size12of12 #nav .nav li.promo:focus a, .size12of12 #nav .nav li.promo:active a, .size12of12 #nav .nav li.promo.hover a{ background:none} .size12of12 #nav .promo{margin-left: 4px;} /* nav 2nd niveau */ #header .size12of12 #nav ul.light{ float:none; display:none; position:absolute; top:30px; left:0; width:960px; height: 30px; line-height: 30px; margin:0; z-index:200; font-size: 12px; background: #fff; } .size12of12 #nav .light li{ background: none; border: 0;} .size12of12 #nav .light a{ color: #666; margin: 0 6px; *margin:0 6px ; _margin:0 4px} .size12of12 #nav .light a:hover, .nav .sbnav .selected a, .size12of12 #nav .sbnav a.fcTheme1{ color: #A21460;} /* --------------------------------------------------------- */ /* END SURCHARGE MENU EXPERT */ /* --------------------------------------------------------- */ /*------------------------------------------------------------------------------ [MEDIA:SCREEN/PRINT] - CCM/Benchmark Framework Document : Layout CSS Author : Damien SYREN - Macro typographie - http://www.slideshare.net/Mitternacht/la-macrotypographie-de-la-page-web-5499736 ------------------------------------------------------------------------------*/ body{ font-family:georgia,Helvetica,Arial,serif } /* links generiques */ a, a.wrapper .a{ color:#a21460; text-decoration:none } a:hover, a:focus, a.wrapper .a:hover, a.wrapper .a:focus{ text-decoration:underline; cursor:pointer; color:#4a99cf } a.wrapper, a.wrapper:hover, a.wrapper:focus{ color: #333} /* font style */ /* couleur de font du theme */ .fcTheme1, .ui-dialog-titlebar{ color:#A21460} /* couleur complementaire du theme */ .fcTheme2{ color:#214e92 } /* couleur complementaire du theme (jaune) */ .fcTheme3{ color:#FEBF01 } /* couleur de font neutre (gris) */ .fcNeutre{ color: #666} /* couleur de font de facebook */ .fcFb{ color: #3B5998} /* couleur de cha�ne TV */ .fcTv{ color: #7ee8ff} /* links specifiques */ a.fcTv:hover { color: #7ee8ff; text-decoration: none; } /* surlignage */ ::selection { background:#A21460; color:#fff; /* Safari and Opera */ } ::-moz-selection { background:#A21460; color:#fff; /* Firefox */ } /* elements */ em, .em { font-style:normal; color:#747e87 } strong,.strong { font-weight:bold } .normal{ font-weight: normal;} code,pre { color:#0B8C8F } sup { color:#999; font-weight:normal; font-size:70% } cite { display:block; text-align:right; padding-top: 10px } mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold } del { text-decoration: line-through } abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help } blockquote { color:#a21460; margin:0 30px; text-indent:-21px; *text-indent:0 } blockquote:before{ content:"\201C"; font-size:30px; font-weight:bold; line-height:0 } /* http://www.ascii.cl/htmlcodes.htm */ blockquote:after{ content:"\201E"; font-size:30px; font-weight:bold; line-height:0 } /* http://www.ascii.cl/htmlcodes.htm */ /* - HEADINGS SKIN ------------------------------------------------------------------ */ /* .h1-.h6 doivent etre utiliser de maniere semantiques */ h1, .h1{ font-size: 26px; line-height: normal} h2, .h2, .ui-dialog-titlebar{ font-size: 24px; line-height: normal} h3, .h3{ font-size: 18px; line-height: normal} h4, .h4{ font-size: 16px; line-height: normal} h5, .h5{ font-size: 14px; line-height: normal} h6, .h6{ font-size: 12px; line-height: normal} /* par defaut les liens a l'interieur des titres sont de la coulaur par defaut du texte */ h1 a, .h1 a, h1 a:hover, h1 a:focus, .h1 a:hover, .h1 a:focus, h2 a, .h2 a, h2 a:hover, h2 a:focus, .h2 a:hover, .h2 a:focus, h3 a, .h3 a, h3 a:hover, h3 a:focus, .h3 a:hover, .h3 a:focus, h4 a, .h4 a, h4 a:hover, h4 a:focus, .h4 a:hover, .h4 a:focus, h5 a, .h5 a, h5 a:hover, h5 a:focus, .h5 a:hover, .h5 a:focus, h6 a, .h6 a, h6 a:hover, h6 a:focus, .h6 a:hover, .h6 a:focus{color: #333} h1.fcTheme1 a, .h1.fcTheme1 a, h2.fcTheme1 a, .h2.fcTheme1 a, h3.fcTheme1 a, .h3.fcTheme1 a, h4.fcTheme1 a, .h4.fcTheme1 a, h5.fcTheme1 a, .h5.fcTheme1 a, h6.fcTheme1 a, .h6.fcTheme1 a{color:#A21460} h1.fcTheme2 a, .h1.fcTheme2 a, h2.fcTheme2 a, .h2.fcTheme2 a, h3.fcTheme2 a, .h3.fcTheme2 a, h4.fcTheme2 a, .h4.fcTheme2 a, h5.fcTheme2 a, .h5.fcTheme2 a, h6.fcTheme2 a, .h6.fcTheme2 a{color:#214e92} h1.fcTheme3 a, .h1.fcTheme3 a, h2.fcTheme3 a, .h2.fcTheme3 a, h3.fcTheme3 a, .h3.fcTheme3 a, h4.fcTheme3 a, .h4.fcTheme3 a, h5.fcTheme3 a, .h5.fcTheme3 a, h6.fcTheme3 a, .h6.fcTheme3 a{color:#FEBF01} h1.fcNeutre a, .h1.fcNeutre a, h2.fcNeutre a, .h2.fcNeutre a, h3.fcNeutre a, .h3.fcNeutre a, h4.fcNeutre a, .h4.fcNeutre a, h5.fcNeutre a, .h5.fcNeutre a, h6.fcNeutre a, .h6.fcNeutre a{color: #666} /* - EDITO ------------------------------------------------------------------- */ .edito h1, .edito h2,.edito .h1, .edito .h2,.edito h3,.edito .h3,.edito h4,.edito .h4 {margin-bottom:20px;text-transform: none;font-weight:bold;display:block} .edito h2,.edito .h2 { font-size:22px;text-transform:none; color:#A21460} .edito .diapo h2,.edito .diapo .h2 { margin: 0} .edito p{ margin-bottom: 15px} .edito blockquote { position:relative; color:#a21460; margin:0 30px 15px 30px; text-indent:-21px; *text-indent:0 } .edito blockquote:before{ content:"\201C"; font-size:30px; font-weight:bold; line-height:0 } /* http://www.ascii.cl/htmlcodes.htm */ .edito blockquote:after{ content:"\201E"; font-size:30px; font-weight:bold; line-height:0 } /* http://www.ascii.cl/htmlcodes.htm */ *.edito blockquote .quoteL, .edito blockquote .quoteR,{ width:14px; height:11px; background:url(../img/sprite_blockquote.png) } *.edito blockquote .quoteL,{ position:absolute; left:-18px; top:0;} *.edito blockquote .quoteR,{ display:inline-block; vertical-align:bottom; background-position:-14px 0 } .edito ul li, .edito .simpleList li { color: #333; /*margin-bottom: 15px;*/ list-style-position: inside; } .edito pre, .edito .pre{ color:#A21460; font:normal 13px/22px Courier, cursive; background-color:#EBEBEB; margin-bottom:30px;padding:10px; } /* image dans un article */ .encart.left { margin:5px 10px 10px 0 } .encart.right{ margin:5px 0 10px 10px } /* pour la couverture chapitre */ .couvchap{ display:block; width:390px; } .couvchap img{ max-width:100%; margin-bottom:5px } .couvchap .lg{ display:block; text-align:left } /* - LISTS SKIN ------------------------------------------------------------------- */ /* standard list */ ul.simpleList li{ color:#a21460 } ul.simpleList li a, ul.simpleList li span{ color:#333 } ul.simpleList li a.violet{ color:#A21460 } ul.simpleList .selected a{ color:#a21460 } /* fil d'ariane */ .breadcrumb{ margin:0 !important } .breadcrumb li{ float:left } .cuisiner .breadcrumb a{ color:#A21460 } .breadcrumb .selected a{ color:#666 } .list1 li{ margin:5px 0 } .list2 li{ float:left; width:145px; margin:5px 10px 5px 0 } .list3 li{ margin:10px 0 } .list4 li{ margin:15px 0 } .inlineList li { display: inline-block; *display:inline } ul.numero li { position:relative; padding-left:20px;} ul.numero li span { position:absolute; display:block; width:18px; height:20px; text-align:left; font-size:18px; top:-3px; left:0; _left:-20px; font-weight:bold; line-height:18px;} .simpleList2 li { list-style-type:disc; margin-left:15px; } .insidePos { list-style-position: inside; } /* utilise sur la page pivot */ .pivot_list1 li{ float:left; padding-left:8px; margin-left:8px; border-left:1px solid #acacac } .pivot_list1 li:first-child{ padding:0; margin:0; border:none } ul.list5 li{ list-style-type:none; margin:0 0 10px; padding-left:15px; background:url(../img/list_style_image1.png) 0 6px no-repeat } /* Chaine TV - Liste des programmes */ .progList li a { display: block; color: #fff; text-decoration:none; background: #303030; } .progList li a:hover, .progList li a:focus, .progList li a.current { background: #c30b6e; } .progList .even a { background: #000; } .progList a .icoMiniPlay2 { display:none } .progList li a.current .icoMiniPlay2 { display:inline-block} /* - TABLES SKIN ------------------------------------------------------------------ */ .data{ position:relative; vertical-align:top; *zoom:1; } .data table{ width:100%; border:1px solid #ccc; } .data th,.data td{ vertical-align:top; border:1px solid #ccc } table { width:100%; } td { text-align:center; vertical-align:middle;} .data1 table{ width:100% } .data1 table caption{ color:#a21460; font-weight:bold; margin-bottom:10px } .data1 tbody{ font-size:85%; border-bottom:1px solid #efefef } .data1 tfoot td{ font-size:70%; text-align:right } .data1 td{ padding:8px 5px; text-align:left } .data1 .odd{ background:#efefef } .data2 table { width: 100%; font-size:13px} .data2 td, .data2 th { vertical-align:top; padding:5px} .data2 td { font-family:"Helvetica Neue",Helvetica,Arial,default; text-align:right} .data2 th{ width: 53%; font-weight:bold} .data2 .odd { background-color: #e7e6e4} /* - IMAGES ------------------------------------------------------------------ */ /* image en inline */ .imgS1, .imgS2, .imgS3, .imgS4{ background:#fff; border:1px solid #ccc; padding:1px; } .imgS2{ padding:2px } .imgS3{ padding:3px } .imgS4{ padding:4px } a:hover .imgS1, a:hover .imgS2, a:hover .imgS3, a.imgS1:hover, a.imgS2:hover, a.imgS3:hover{ border-color:#A21460; } /* simulation du comportement d'un lien sur une image dans la class .wrapper */ a.wrapper:hover .imgS1, a.wrapper:hover .imgS2, a.wrapper:hover .imgS3{ border-color:#ccc; } a.wrapper .imgS1:hover, a.wrapper .imgS2:hover, a.wrapper .imgS3:hover{ border-color:#A21460; } /* - SEPARATEURS ------------------------------------------------------------------ */ /* noir bas */ .separ1{ border-bottom:3px solid #000 } .separ2{ border-bottom:1px dotted #999 } .separ3{ border-bottom:1px dotted #ddd } .separ4{ border-bottom:1px solid #D5D5D5;} .separShadow{ background: url("../img/separLuxShadow.png") no-repeat center bottom; padding-bottom: 30px; } .separ11{ border-right:1px solid #ccc } .separ12{ border-left:1px solid #ccc } /* --------------------------------------------------------- */ /* BEGIN SURCHARGE CUISINER */ /* --------------------------------------------------------- */ body.cuisiner, .cuisiner select, .cuisiner input, .cuisiner textarea{ color:#303030 } /* par defaut les liens a l'interieur des titres sont de la coulaur par defaut du texte */ .cuisiner h1 a, .cuisiner .h1 a, .cuisiner h1 a:hover, .cuisiner h1 a:focus, .cuisiner .h1 a:hover, .cuisiner .h1 a:focus, .cuisiner h2 a, .cuisiner .h2 a, .cuisiner h2 a:hover, .cuisiner h2 a:focus, .cuisiner .h2 a:hover, .cuisiner .h2 a:focus, .cuisiner h3 a, .cuisiner .h3 a, .cuisiner h3 a:hover, .cuisiner h3 a:focus, .cuisiner .h3 a:hover, .cuisiner .h3 a:focus, .cuisiner h4 a, .cuisiner .h4 a, .cuisiner h4 a:hover, .cuisiner h4 a:focus, .cuisiner .h4 a:hover, .cuisiner .h4 a:focus, .cuisiner h5 a, .cuisiner .h5 a, .cuisiner h5 a:hover, .cuisiner h5 a:focus, .cuisiner .h5 a:hover, .cuisiner .h5 a:focus, .cuisiner h6 a, .cuisiner .h6 a, .cuisiner h6 a:hover, .cuisiner h6 a:focus, .cuisiner .h6 a:hover, .cuisiner .h6 a:focus{color: #303030} .cuisiner h1.fcTheme1 a, .cuisiner .h1.fcTheme1 a, .cuisiner h2.fcTheme1 a, .cuisiner .h2.fcTheme1 a, .cuisiner h3.fcTheme1 a, .cuisiner .h3.fcTheme1 a, .cuisiner h4.fcTheme1 a, .cuisiner .h4.fcTheme1 a, .cuisiner h5.fcTheme1 a, .cuisiner .h5.fcTheme1 a, .cuisiner h6.fcTheme1 a, .cuisiner .h6.fcTheme1 a{color:#A21460} .cuisiner h1.fcTheme2 a, .cuisiner .h1.fcTheme2 a, .cuisiner h2.fcTheme2 a, .cuisiner .h2.fcTheme2 a, .cuisiner h3.fcTheme2 a, .cuisiner .h3.fcTheme2 a, .cuisiner h4.fcTheme2 a, .cuisiner .h4.fcTheme2 a, .cuisiner h5.fcTheme2 a, .cuisiner .h5.fcTheme2 a, .cuisiner h6.fcTheme2 a, .cuisiner .h6.fcTheme2 a{color:#7FAD1C} .cuisiner h1.fcNeutre a, .cuisiner .h1.fcNeutre a, .cuisiner h2.fcNeutre a, .cuisiner .h2.fcNeutre a, .cuisiner h3.fcNeutre a, .cuisiner .h3.fcNeutre a, .cuisiner h4.fcNeutre a, .cuisiner .h4.fcNeutre a, .cuisiner h5.fcNeutre a, .cuisiner .h5.fcNeutre a, .cuisiner h6.fcNeutre a, .cuisiner .h6.fcNeutre a{color: #666} /* links */ .cuisiner a, .cuisiner #quiz .link a, .cuisiner #sondage a { color:#7fad1c } .cuisiner a:hover, .cuisiner a:focus, .cuisiner #quiz h2 a, .cuisiner #quiz .link a:hover, .cuisiner #quiz .link a:focus{ color:#a21460 } /* couleur complementaire du theme */ .cuisiner .fcTheme2{ color:#7FAD1C } .cuisiner .fcFont{ color:#333 } .cuisiner .boxFocus h2, .cuisiner .boxFocus .h2, .cuisiner .boxFocus a, .cuisiner .boxFocus a:hover { color: #7FAD1C; } /* --------------------------------------------------------- */ /* END SURCHARGE CUISINER */ /* --------------------------------------------------------- */ /* --------------------------------------------------------- */ /* BEGIN SURCHARGE LUXE */ /* --------------------------------------------------------- */ /* surlignage */ .luxe ::selection { background:#B3995D; color:#303030; /* Safari and Opera */ } .luxe ::-moz-selection { background:#B3995D; color:#303030; /* Firefox */ } body.luxe{ color:#fff } .luxe select, .luxe input, .luxe textarea{ color:#333 } /* couleur complementaire du theme */ .luxe .fcTheme1{ color:#b3995d } .luxe .fcTheme2{ color:#333 } .luxe .fcFont{ color:#fff } /* par defaut les liens a l'interieur des titres sont de la coulaur par defaut du texte */ .luxe h1 a, .luxe .h1 a, .luxe h1 a:hover, .luxe h1 a:focus, .luxe .h1 a:hover, .luxe .h1 a:focus, .luxe h2 a, .luxe .h2 a, .luxe h2 a:hover, .luxe h2 a:focus, .luxe .h2 a:hover, .luxe .h2 a:focus, .luxe h3 a, .luxe .h3 a, .luxe h3 a:hover, .luxe h3 a:focus, .luxe .h3 a:hover, .luxe .h3 a:focus, .luxe h4 a, .luxe .h4 a, .luxe h4 a:hover, .luxe h4 a:focus, .luxe .h4 a:hover, .luxe .h4 a:focus, .luxe h5 a, .luxe .h5 a, .luxe h5 a:hover, .luxe h5 a:focus, .luxe .h5 a:hover, .luxe .h5 a:focus, .luxe h6 a, .luxe .h6 a, .luxe h6 a:hover, .luxe h6 a:focus, .luxe .h6 a:hover, .luxe .h6 a:focus{color: #fff} .luxe h1.fcTheme1 a, .luxe .h1.fcTheme1 a, .luxe h2.fcTheme1 a, .luxe .h2.fcTheme1 a, .luxe h3.fcTheme1 a, .luxe .h3.fcTheme1 a, .luxe h4.fcTheme1 a, .luxe .h4.fcTheme1 a, .luxe h5.fcTheme1 a, .luxe .h5.fcTheme1 a, .luxe h6.fcTheme1 a, .luxe .h6.fcTheme1 a{color:#b3995d} .luxe h1.fcTheme2 a, .luxe .h1.fcTheme2 a, .luxe h2.fcTheme2 a, .luxe .h2.fcTheme2 a, .luxe h3.fcTheme2 a, .luxe .h3.fcTheme2 a, .luxe h4.fcTheme2 a, .luxe .h4.fcTheme2 a, .luxe h5.fcTheme2 a, .luxe .h5.fcTheme2 a, .luxe h6.fcTheme2 a, .luxe .h6.fcTheme2 a{color:#333} .luxe h1.fcNeutre a, .luxe .h1.fcNeutre a, .luxe h2.fcNeutre a, .luxe .h2.fcNeutre a, .luxe h3.fcNeutre a, .luxe .h3.fcNeutre a, .luxe h4.fcNeutre a, .luxe .h4.fcNeutre a, .luxe h5.fcNeutre a, .luxe .h5.fcNeutre a, .luxe h6.fcNeutre a, .luxe .h6.fcNeutre a{color: #fff} /* links */ .luxe a, .luxe #quiz .link a, .luxe #sondage a { color:#b3995d } .luxe a:hover, .luxe a:focus, .luxe #quiz .link a:hover, .luxe #quiz .link a:focus{ color:#b3995d } .luxe .boxFocus h2, .luxe .boxFocus .h2, .luxe .boxFocus a, .luxe .boxFocus a:hover { color: #b3995d; } /* couleur de font */ .luxe em, .luxe .em{ color: #666} .luxe .ftFb{color: #3B5998;} /* sondage */ .luxe #sondage{ background: #000} .luxe #sondage h2 a, .luxe #sondage .h2 a, .luxe #sondage .link { color:#b3995d } /* images */ .luxe .imgS1, .luxe .imgS2, .luxe .imgS3, .luxe .imgS4{ background: #000 ; border-color: #504f4d } .luxe a:hover .imgS1, .luxe a:hover .imgS2, .luxe a:hover .imgS3, .luxe a.imgS1:hover, .luxe a.imgS2:hover, .luxe a.imgS3:hover{ border-color:#B3995D; } .luxe .box4 .imgS1, .luxe .box4 .imgS2, .luxe .box4 .imgS3, .luxe .box4 .imgS4{ border-color: #ccc; background: #B3995D } .luxe .separ12{ border-left:1px solid #504F4D } /* big banner OAS */ .luxe #ba_top{ background:none } #ba_x02{ background-color: #fff } /* --------------------------------------------------------- */ /* END SURCHARGE LUXE */ /* --------------------------------------------------------- */ /* - BONS PLANS ------------------------------------------------------------------- */ #bonsplans{ padding:15px; margin-bottom: 20px; border:solid 1px #d8d8d8; background: rgb(255,255,255); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWY5ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(249,249,249,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%); background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); } .ie9 #bonsplans{filter:none} #bonsplans a{color: #A21460} #bonsplans h2{ font-family: Georgia,Helvetica,Arial,default;text-transform:uppercase;color:#303030;font-size:18px;font-weight:normal; margin-bottom:15px } #bonsplans h3{ color:#303030;font-size:12px;font-weight:bold;text-transform:none;margin-bottom:3px } #bonsplans h2 a, #bonsplans h3 a{color:#303030} #bonsplans li p{font-size:90%;line-height:120%} #bonsplans .imgS2:hover{border-color: #A21460} /* - NATIVE ADS ------------------------------------------------------------------- */ #jNativeAds { margin-bottom: 20px; } #jNativeAds > .app_nav_tab_title { margin-bottom: 10px; padding-bottom: 5px; border-bottom: 2px solid #000; text-transform: uppercase; font-family: Helvetica,Arial,sans-serif; color: #A21460; } #jNativeAds .app_title_native_ads_header { margin-bottom:10px } #jNativeAds .app_title_1 { clear: both; } #jNativeAds .app_title_native_ads_logo { float: left; margin-right: 10px; } #jNativeAds .app_title_native_ads_header__legend { height: 40px; line-height: 40px; vertical-align:middle; } #jNativeAds .app_list_posts header { margin-bottom: 10px; } #jNativeAds .app_list_posts header h3 { font-size:18px; font-weight: 800; } #jNativeAds .app_list_posts header .grid_left img { padding: 2px; border: 1px solid #ccc } #jNativeAds .app_list_posts header .grid_last { height: 100px; vertical-align: middle; } #jNativeAds footer a { float: right; text-decoration: underline } #jNativeAds footer a:hover { text-decoration: none } #jNativeAds .jNativeAdsMoreDialog { float: right; margin-top: 5px; padding: 2px 5px; line-height:26px; background: #A21460; border-radius: 3px; color: #fff; } #jNativeAds .app_title_native_ads_header:after, #jNativeAds .app_list_posts:after { clear: both; content: ""; display: table; } #jNativeAds .app_list_posts li { margin-bottom:10px } #jNativeAds .app_list_posts li h4 { font-weight: 800 } #jNativeAds .app_tags_list li { display:inline; } #jNativeAds .app_tags_list li + li:before { content :' | ' } .app_author_box--native_ads { background:#fff } /*------------------------------------------------------------------------------ [MEDIA:SCREEN] - CCM/Benchmark Framework Document : Layout CSS Author : Damien SYREN Cette page recense tous les modules (objets) réutilisables dans le site. ------------------------------------------------------------------------------*/ /* sprite ico */ .smallInlineForm .submit.search, .ico, .icoClose, .icoPlayVid, .icoHanger, .icoCadenas, .icoTw, .icoFb, .icoJdn, .icoIn, .icoTwS, .icoFbS, .icoJdnS, .icoInS, .icoTvStatus, .icoBullet, .icoBoutique, .video .icoPlayM, .video .icoPlayS, .prevBtn, .nextBtn, .ico_sldL, .ico_sldR, .defilant div.navigation a.navigation, .editImage .icoMove, .editImage .icoMini, .editImage .icoCrop, .editImage .icoRotate, .editImage .icoRedim, .editImage .icoLum, .icoClose, .icoOptions, .jdfStars, .jdfStars .currentNote{ background-image:url('../img/sprite_ico.png?201212181140');background-repeat:no-repeat } /* --------------------------------------------------------- */ /* BEGIN BOXES */ /* --------------------------------------------------------- */ .box1{ background:#ebebeb } .box2{ background: #f1f1f1; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #f6f6f6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#f6f6f6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#f6f6f6 100%); /* IE10+ */ background: linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#f6f6f6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */ *zoom:1; } /* box3 */ .box3{ background:#000 } .box4{ border:1px solid #d8d8d8} .box5{ background-color:transparent; background-color:rgba(0, 0, 0, .8); /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000,endColorstr=#cc000000); /* IE6?IE9 */ color:#fff; *zoom:1; } .box6{ background-color: #303030; color:#fff; } .box7 { background: #000; border: 1px solid #484744; } .boxFocus{ background: none repeat scroll 0 0 #303030; color:#fff; *zoom:1; } /* bug 11/02/2014 sur deco (fond noir dû à un script OAS) * Solution temporaire */ .rightCol + div > .boxFocus{clear:both} .boxFocus h2, .boxFocus a, .boxFocus a:hover{color: #7EE8FF;} .boxHover{ position: absolute; left: 0; bottom: 0; width: 100%; _right:0; text-align:left } .shareBox { *zoom:1} .shareBox iframe{ display: inline-block; vertical-align:middle} .adBox{ position: relative} .adBox img{ position: absolute; top: 0; left: 0; z-index: 0} .adBox p{ z-index: 10; position: relative} .adBox .btnM{ position: absolute; bottom: 20px; right: 20px;} .cookCompetitonBox{ background:transparent url(../img/bg_concours.png) no-repeat 185px bottom;} .recipeBookBox{background:transparent url(../img/bg_carnet_recettes.png) no-repeat 240px bottom} .boxPubliInfo .piTitle{ border-bottom: 1px solid #A21460;} .boxPubliInfo .piTitle h2{ position: relative; background: #fff; top: 6px; padding-right: 2px;} .boxPubliInfo .piColLeft{ width: 201px; padding-right: 20px; border-right: 1px solid #c8c8c8} .boxPubliInfo .piColRight{ padding-left: 15px; border-left: 1px solid #c8c8c8; position: relative; left: -1px;} .boxPubliInfo .piPuce{ width: 5px; height: 8px; background-position: 0 -472px ;} /* --------------------------------------------------------- */ /* END BOXES */ /* --------------------------------------------------------- */ /* --------------------------------------------------------- */ /* START BOUTONS GENERIQUES */ /* --------------------------------------------------------- */ /*/----> SMALL BUTTONS (from L'Internaute) <----/*/ .btnS, .btnM, .ui-widget button{ display:inline-block; vertical-align:baseline; -webkit-box-shadow:0 1px 0 #999; -moz-box-shadow:0 1px 0 #999; box-shadow:0 1px 0 #999; font-family:Arial; font-weight:bold; text-transform:uppercase; padding: 0 10px; height: 22px; font-size:11px; text-decoration:none; position:relative; line-height:22px; *overflow:visible; /* corrige un bug de taille */ *vertical-align:middle; } .btnS:hover, .btnM:hover{text-decoration:none} .btnM{ height: 33px; line-height: 33px; font-size:16px; } button.btnS, button.btnM, input.btnS, input.btnM, .ui-widget button{ line-height:normal; } /*/----> Couleur des boutons <----/*/ /* bouton gris */ .btnG, .ui-widget button{ color:#303030; border:1px solid #d5d5d5; background: #FFFFFF; /* old browsers */ background: -moz-linear-gradient(top, #FFFFFF 0%, #F4F4F4 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F4F4F4)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F4F4F4',GradientType=0 ); /* ie */ background: -o-linear-gradient(top, #FFFFFF 0%,#F4F4F4 100%); /* opera */ } .btnG:hover, .btnG:focus{ color:#303030; cursor:pointer; text-decoration: none; background: #FFFFFF; /* old browsers */ background: -moz-linear-gradient(top, #FFFFFF 0%, #FBFBFB 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#FBFBFB)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FBFBFB',GradientType=0 ); /* ie */ background: -o-linear-gradient(top, #FFFFFF 0%,#FBFBFB 100%); /* opera */ } .btnG:active{ outline:none; background: #F4F4F4; /* old browsers */ background: -moz-linear-gradient(top, #F4F4F4 0%, #FFFFFF 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F4F4F4), color-stop(100%,#FFFFFF)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F4F4F4', endColorstr='#FFFFFF',GradientType=0 ); /* ie */ background: -o-linear-gradient(top, #F4F4F4 0%,#FFFFFF 100%); /* opera */ } /* bouton violet */ .btnV{ color:#fff; border:1px solid #8d1053; background: #D580AF; /* Old browsers */ background: -moz-linear-gradient(top, #D580AF 0%, #C76397 9%, #A41863 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D580AF), color-stop(9%,#C76397), color-stop(100%,#A41863)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #D580AF 0%,#C76397 9%,#A41863 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #D580AF 0%,#C76397 9%,#A41863 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #D580AF 0%,#C76397 9%,#A41863 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D580AF', endColorstr='#A41863',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #D580AF 0%,#C76397 9%,#A41863 100%); /* W3C */ } .btnV:hover, .btnV:focus{ cursor:pointer; color:#fff; background: #F190C6; /* Old browsers */ background: -moz-linear-gradient(top, #F190C6 0%, #E265AB 9%, #BA1B70 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F190C6), color-stop(9%,#E265AB), color-stop(100%,#BA1B70)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #F190C6 0%,#E265AB 9%,#BA1B70 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #F190C6 0%,#E265AB 9%,#BA1B70 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #F190C6 0%,#E265AB 9%,#BA1B70 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F190C6', endColorstr='#BA1B70',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #F190C6 0%,#E265AB 9%,#BA1B70 100%); /* W3C */ } .btnV:active{ outline:none; background: #A41863; /* Old browsers */ background: -moz-linear-gradient(top, #A41863 0%, #C76397 91%, #D580AF 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A41863), color-stop(91%,#C76397), color-stop(100%,#D580AF)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #A41863 0%,#C76397 91%,#D580AF 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #A41863 0%,#C76397 91%,#D580AF 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #A41863 0%,#C76397 91%,#D580AF 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A41863', endColorstr='#D580AF',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #A41863 0%,#C76397 91%,#D580AF 100%); /* W3C */ } .btnV.disable{ background: #CFCFCF; /* Old browsers */ background: -moz-linear-gradient(top, #CFCFCF 0%, #C0C0C0 9%, #A4A4A4 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CFCFCF), color-stop(9%,#C0C0C0), color-stop(100%,#A4A4A4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #CFCFCF 0%,#C0C0C0 9%,#A4A4A4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #CFCFCF 0%,#C0C0C0 9%,#A4A4A4 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #CFCFCF 0%,#C0C0C0 9%,#A4A4A4 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CFCFCF', endColorstr='#A4A4A4',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #CFCFCF 0%,#C0C0C0 9%,#A4A4A4 100%); /* W3C */ } /* bouton black */ .btnB{ color:#fff; border:1px solid #000; background: #3C3C3C; /* old browsers */ background: -moz-linear-gradient(top, #3C3C3C 0%, #0B0B0B 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3C3C3C), color-stop(100%,#0B0B0B)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3C3C3C', endColorstr='#0B0B0B',GradientType=0 ); /* ie */ background: -o-linear-gradient(top, #3C3C3C 0%,#0B0B0B 100%); /* opera */ } .btnB:hover, .btnB:focus{ color:#fff; text-decoration:none; cursor:pointer; background: #616161; /* old browsers */ background: -moz-linear-gradient(top, #616161 0%, #111111 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#616161), color-stop(100%,#111111)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#616161', endColorstr='#111111',GradientType=0 ); /* ie */ background: -o-linear-gradient(top, #616161 0%,#111111 100%); /* opera */ } .btnB:active{ color:#fff; outline:none; background: #0B0B0B; /* old browsers */ background: -moz-linear-gradient(top, #0B0B0B 0%, #3C3C3C 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0B0B0B), color-stop(100%,#3C3C3C)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0B0B0B', endColorstr='#3C3C3C',GradientType=0 ); /* ie */ background: -o-linear-gradient(top, #0B0B0B 0%,#3C3C3C 100%); /* opera */ } /*/----> FULL LARGER BUTTONS <----/*/ .buttonFull{ text-align:center; display:block; } /*/----> BOUTON SELECTIONNE <----/*/ .buttonSel, .buttonSel:hover, .buttonSel:active{ color:#929292; opacity:.8; -ms-filter:"alpha(opacity=80)"; /* IE 8 */ filter:alpha(opacity=80); /* IE < 8 */ background-position:0 -442px; } /* --------------------------------------------------------- */ /* END BOUTONS GENERIQUES */ /* --------------------------------------------------------- */ /* petitmoteur*/ .smallInlineForm{ display: block; position: relative; height:22px; padding: 0 24px 0 5px; color:#838383; line-height:22px; font-size: 12px; border:1px solid #ccc; background: #F6F6F6; /* old browsers */ background: -moz-linear-gradient(top, #F6F6F6 0%, #FFFFFF 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F6F6F6), color-stop(100%,#FFFFFF)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F6F6F6', endColorstr='#FFFFFF',GradientType=0 ); /* ie */ background: -o-linear-gradient(top, #F6F6F6 0%,#FFFFFF 100%); /* opera */ } .smallInlineForm .input{ border:0; color:#5d5d5d; background: none; width: 100%; height:22px; line-height: 22px; } .smallInlineForm .submit{ position:absolute; top:0; right:0; width:26px; height:22px; cursor:pointer; border:none; } .smallInlineForm .submit.search{ text-indent:-9999em; background-position:-109px -343px; *padding-left:9999em; /* corrige le bug de text-indent non pris en charge sur IE */ } /* - CALENDRIER JQUERY UI --------------------------------------------------- */ .ui-datepicker { width: 17em; padding: .2em .2em 0; background: #f8f8f8; /* Old browsers */ background: -moz-linear-gradient(top, #f8f8f8 0%, #eeeeee 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f8f8f8 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f8f8f8 0%,#eeeeee 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f8f8f8 0%,#eeeeee 100%); /* IE10+ */ background: linear-gradient(top, #f8f8f8 0%,#eeeeee 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */ /*display: none;*/ } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; background: #5bb4e5; /* Old browsers */ background: -moz-linear-gradient(top, #5bb4e5 0%, #0096db 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5bb4e5), color-stop(100%,#0096db)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #5bb4e5 0%,#0096db 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #5bb4e5 0%,#0096db 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #5bb4e5 0%,#0096db 100%); /* IE10+ */ background: linear-gradient(top, #5bb4e5 0%,#0096db 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5bb4e5', endColorstr='#0096db',GradientType=0 ); /* IE6-9 */ border: 1px solid #0075ab; color: #FFF; font-weight: bold; -webkit-box-shadow: 0px 1px 0px 0px #dfdfdf; -moz-box-shadow: 0px 1px 0px 0px #dfdfdf; box-shadow: 0px 1px 0px 0px #dfdfdf; } .ui-datepicker .ui-state-default { border: 1px solid #ccc; box-shadow:none; color: #1c94d5; font-weight: normal; outline: medium none; background:#f9f9f9; font-family:arial; } .ui-datepicker .ui-state-hover,.ui-datepicker .ui-state-focus { border: 1px solid #999; background: rgb(34,184,170); background: -moz-linear-gradient(top, rgba(34,184,170,1) 0%, rgba(4,161,146,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(34,184,170,1)), color-stop(100%,rgba(4,161,146,1))); background: -webkit-linear-gradient(top, rgba(34,184,170,1) 0%,rgba(4,161,146,1) 100%); background: -o-linear-gradient(top, rgba(34,184,170,1) 0%,rgba(4,161,146,1) 100%); background: -ms-linear-gradient(top, rgba(34,184,170,1) 0%,rgba(4,161,146,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22b8aa', endColorstr='#04a192',GradientType=0 ); background: linear-gradient(top, rgba(34,184,170,1) 0%,rgba(4,161,146,1) 100%); box-shadow:none; color: #fff; font-weight: normal; outline: medium none; } .ui-datepicker .ui-state-active { border: 1px solid #ffb5cd; background: #ffe3ec; box-shadow:none; color: #303030; font-weight: normal; outline: medium none; } .ui-datepicker .ui-state-highlight { border: 1px solid #ffb5cd; background:#fff5f8; box-shadow:none; color: #f17ca4; font-weight: normal; outline: medium none; } .ui-datepicker .ui-widget-header .ui-icon{background-image: url("../img/ui-icons_ffffff_256x240.png");} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* --------------------------------------------------------- */ /* Start BOUTONS ANNEXES */ /* --------------------------------------------------------- */ .btnChaineTv { display: inline-block; position: relative; padding: 2px; background: #000; border: 1px solid #484744; } .btnChaineTv:hover, .btnChaineTv:focus { border-color: #A21460; } /* --------------------------------------------------------- */ /* End BOUTONS ANNEXES */ /* --------------------------------------------------------- */ /* - MODULES LAYOUT --------------------------------------------------------------- */ /* bloc de connexion */ .connect{ padding:10px; background:#000; text-align:left; } .connect h2{ font-family: georgia; font-size: 18px} .connect .newMember, .connect .alreadyMember{ height:125px; padding:20px; position: relative; } /* bloc nouveau membre */ .connect .newMember{ float:left; width:260px; margin-right: 10px; font-size:18px; background: #FFFFFF; /* old browsers */ background: -moz-linear-gradient(top, #FFFFFF 0%, #F1F1F1 50%, #F6F6F6 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(50%,#F1F1F1), color-stop(100%,#F6F6F6)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F6F6F6',GradientType=0 ); /* ie6 /7 */ ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F6F6F6',GradientType=0 )"; /* IE8 */ } .connect .newMember em{ color:#303030; font-style:italic; font-weight:bold; } /* bloc deja membre */ .connect .alreadyMember{ overflow: hidden;} .connect .alreadyMember .icoClose{ position:absolute; right:20px; top:15px } .connect .alreadyMember input[type=checkbox]{ margin-right:5px } .connect .alreadyMember .inputTxt{ width:290px; height:31px; line-height:31px; padding:0 5px; vertical-align:middle; border:1px solid #dddddd; background: #F6F6F6; /* old browsers */ background: -moz-linear-gradient(top, #F6F6F6 0%, #FFFFFF 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F6F6F6), color-stop(100%,#FFFFFF)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F6F6F6', endColorstr='#FFFFFF',GradientType=0 ); /* ie */ background: -o-linear-gradient(top, #F6F6F6 0%,#FFFFFF 100%); /* opera */ } .connect .btnLoc{ position: absolute; right: 18px; bottom:15px; } /* gestion des erreurs */ .connect .alreadyMember .error .inputTxt{ border-color:#d21e40; color:#d21e40; } .errorMsg{ position:relative; display:none } .errorMsg .arrowRed{ position:absolute; bottom:-5px; left:20px } .connect .alreadyMember .error .errorMsg{ display:block; position:absolute; top:15px; left:20px; padding:5px 10px; background:#d21e40; text-transform:uppercase; font:bold 13px helvetica,arial; color:#fff; } ul.button.mod li.login { text-transform:none; } ul.button.mod li.login a { text-transform:none; background:none; color:#A21460; border:none; padding:0px; margin:0px 4px 0px 0px; display:inline; float:none; text-decoration:underline; } /* --------------------------------------------------------- */ /* BEGIN ICONES */ /* --------------------------------------------------------- */ .ico{ background-position:0 0; display: inline-block; vertical-align: baseline; } .icoNewS{ background-position:-140px -345px; height:12px;width:25px; } .arrowRed{ display:inline-block; vertical-align:middle; width:10px; height:5px; background:url(../img/rouge.png) no-repeat 0 0; } .icoArrowG-B{ background-position: -1px -123px; width: 10px; height: 10px; *vertical-align: top; _vertical-align: baseline; } .icoArrow2 { width: 8px; height: 9px; background-position: -166px -223px; *vertical-align: middle; } .icoPrint { height: 22px; width: 16px; background-position: 0 -244px; } .icoClose{ display:inline-block; vertical-align:middle; width:20px; height:21px; background-position:0 0; } .icoClose span{ display:none; } /* fermer */ a.icoClose:hover, a.icoClose:focus{ background-position:-20px 0 } a.icoClose:active{ background-position:-40px 0 } .icoClose2 { width: 10px; height: 10px; background-position: -215px -223px; } .icoClose2:hover { background-position: -215px -236px; } /* icones precedent / suivant */ .ico_sldL, .ico_sldR{ width:20px; height:54px; background:url(../img/navigation.png) no-repeat; } .ico_sldL span, .ico_sldR span{ display:none } .ico_sldL{ background-position:4px 0; } .ico_sldL:hover{ background-position:4px -54px; } .ico_sldL:active{ background-position:4px -108px; } .ico_sldR{ background-position:-26px 0; } .ico_sldR:hover{ background-position:-26px -54px; } .ico_sldR:active{ background-position:-26px -108px; } .icoZoom{ bottom: 15px; right: 15px; position: absolute; background-position: -202px -195px; width: 26px; height: 20px; z-index:50; } .icoPlayVid{ position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; display: block; width: 60px; height:60px; background-position:0 -275px; } .icoMiniPlay{ width: 21px; height: 21px; background-position: -184px -223px; position: absolute; bottom: 15px; right: 15px } /* ANNOTATION PROVISOIRE IMPORTANT - Verifier les PSD - Calques aplatis opacite 100% + contenu avec alpha + calque d'effet avec incrustation couleur etc... Mieux encore, voir avec les graphistes comment obtenir le doc PSD qui inclurait aussi des �l�ments sans effets ind�siavbles pour l'int�gration. Exemple d'effet ind�sirable : .icoMiniPlay sur un fond gris moyen a un rendu ton sur ton */ .icoMiniPlay2 { width: 21px; height: 21px; background-position: -184px -223px; } .icoHanger{ width: 53px; height: 37px; background-position:-49px -20px; position: absolute; } .icoJDF{ width: 40px; height: 14px; background-position: 0 -68px;} .icoLinternaute{ width: 40px; height: 40px; background-position: 0 -83px } .icoModuleFb{ width:14px; height:14px; background-position: -93px 0; vertical-align: middle} .icoNew{ width: 79px; height: 43px; background-position: 0 -170px;} /* Connexion Auteur (cadenas) */ .icoCadenas { background-position:-78px -62px; display: inline-block; width: 10px; height: 17px; vertical-align: middle; } /* --------------------------------------- Social Mini ------------------------------------- */ .icoTw, .icoFb, .icoJdn, .icoIn, .icoTwS, .icoFbS, .icoJdnS, .icoInS { width: 14px; height: 16px; margin-right: 2px; background-position:0 0; text-indent: -9999px; /* IE6+7 Fix */ *text-indent:0; *font-size:0; *line-height:0; *overflow:hidden; } .icoTw, .icoTwS{ background-position: -107px -197px } .icoFb, .icoFbS{ background-position: -127px -197px } .icoJdn, .icoJdnS{ background-position: -148px -197px } .icoIn, .icoInS{ background-position: -168px -197px } /* --------------------------------------- Chaine TV ------------------------------------- */ .icoTvStatus { height: 27px; line-height: 27px; background-position:0 0; } .icoLive { width: 41px; background-position: -26px -247px; } .icoReplay { width: 61px; background-position: -76px -247px; } /* --------------------------------------- Bullets ---------------------------------------- */ .icoBullet { width: 43px; height: 36px; background-position:-47px -93px; color: #fff; font-size: 18px; } /* --------------------------------------- Bullets ---------------------------------------- */ .icoBoutique { width: 153px; height: 32px; background-position:0 -375px; position: absolute; bottom: 5px; right: 5px; } /* --------------------------------------- SERVICES ---------------------------------------- */ .icoAndroid-G{ background-position: -76px -451px; width: 18px; height: 18px; vertical-align: text-bottom} .icoIphone-G{ background-position: -57px -451px; width: 18px; height: 18px; vertical-align: text-bottom} .icoBonsplans-G{ background-position: 0 -451px; width: 18px; height: 18px; vertical-align: text-bottom} .icoMaigrir-G{ background-position: -38px -451px; width: 18px; height: 18px; vertical-align: text-bottom} .icoKiosque-G{ background-position: -118px -451px; width: 18px; height: 18px; vertical-align: text-bottom} .icoCadeau-G{ background-position: -136px -449px; width: 18px; height: 18px; vertical-align: text-bottom} .icoRecette-G{ background-position: -155px -450px; width: 18px; height: 18px; vertical-align: text-bottom} .icoJeux-G{ background-position: -173px -450px; width: 18px; height: 18px; vertical-align: text-bottom} .icoHoroscope-G{ background-position: -19px -451px; width: 18px; height: 18px; vertical-align: text-bottom} .icoCoachSportif-G{ background-position: -95px -451px; width: 21px; height: 18px; vertical-align: text-bottom} .icoBonbon-G{ background-position: -192px -449px; width: 21px; height: 18px; vertical-align: text-bottom} /* --------------------------------------------------------- */ /* END ICONES */ /* --------------------------------------------------------- */ /* - CLASSES VIDEO ---------------------------------------------------------------- */ .video .icoPlayM { background-position:-156px -251px; position: absolute; top: 50%; left:50%; height: 80px; width: 80px; margin-left: -40px; margin-top: -40px; } .video .icoPlayS { background-position:-112px -276px; position: absolute; top: 50%; left:50%; height: 35px; width: 35px; margin-left: -17px; margin-top: -17px; } /* - BLOC SHOPPING HOME ----------------------------------------------------------- */ .shoppingList .ctShoppingList{ width:298px; height:393px; border:1px solid #d8d8d8; border-width: 1px 0 0 1px; overflow:hidden} .shoppingList .nextBtn{ right:-4px } .ctShoppingList li{ width: 298px; height:393px; } .ctShoppingList li a img{ display:block } .ctShoppingList a{ position:relative; height: 100px; padding:15px; width: 118px; zoom:1; float: left; display: block; border:1px solid #d8d8d8; border-width: 0 1px 1px 0} .ctShoppingList .boxHover{ display:none } .ctShoppingList a:hover .boxHover, .ctShoppingList a:focus .boxHover{ display:block; text-decoration:none } /* - SLIDERS (vignettes) ---------------------------------------------------------- */ .slider .ico_sldL { left: -4px; margin-top: 0; top: 22px; } .slider .ico_sldR { margin-top: 0; right: -3px; top: 22px; } .slideItem{ display:block }/* regle un conflit avec le common qui met un display:table */ .slideItem .slideImg .rel{ background-color:#FFF } .slideItem .slideTxt{ display:block; font-size:85%; margin-top:5px; text-align:left } .slideItem .slideTxt.txtC{ text-align:center } .stvalentin .fmt195H .slideItem { height:210px; } .fmt120H .slideItem{ padding: 0 14px } .slider .boxHover{ display:none } .slider .slideImg:hover{ border-color:#A21460; text-decoration:none } .slider .slideImg:hover .boxHover{ display:block } /*----------------------------------------------- image paysage de 120x80px */ .slider.fmt135H{ margin-bottom:0 } .fmt135H .slideItem{ width:141px; padding-right:22px; padding-bottom:20px } .fmt135H .slideImg{ vertical-align:baseline; display:block; padding:2px; border:1px solid #ccc } /* centrage vertical des fleches de navigation */ .slider.fmt135H .prevBtn, .slider.fmt135H .nextBtn{ top:25px; margin-top:0 } /*---------------------------------------------- image paysage de 195x130px */ .slider.fmt195H{ margin-bottom:0 } .fmt195H .slideItem{ width:201px; padding-right:13px; padding-bottom:20px;height:190px; } .fmt195H .slideImg{ vertical-align:baseline; display:block; padding:2px; border:1px solid #ccc } /* centrage vertical des fleches de navigation */ .slider.fmt195H .prevBtn, .slider.fmt195H .nextBtn{ top:45px; margin-top:0 } .slider.fmt195H .nextBtn{ right:-4px } /*---------------------------------------------- image portrait de 140x190px */ .slider.fmt140V{ margin-bottom:0 } .fmt140V .slideItem{ width:146px; padding-right:15px; padding-bottom:20px } .fmt140V .slideImg{ vertical-align:baseline; display:block; padding:2px; border:1px solid #ccc } /* centrage vertical des fleches de navigation */ .slider.fmt140V .prevBtn, .slider.fmt140V .nextBtn{ top:75px; margin-top:0 } .slider.fmt140V .nextBtn{ right:-4px } /*---------------------------------------------- slider fashion week type 3 vignette */ .slider.fourItems{ border:1px solid #ccc; padding:3px; margin:0 } .slider.fourItems .slideItem{ width:157px } .slider.fourItems .slideImg{ width:151px;vertical-align:baseline; display:block; } .slider.fourItems .slideImg:hover .boxHover{ display:block } .slider.fourItems .boxHoverTxt{ padding:10px; text-align:center; font-weight:bold; font-size:85% } /* - SLIDER (diaporama) ----------------------------------------------------------- - http://webbies.dk/SudoSlider/ */ .diapo{ width:622px; border: 3px solid #fff; overflow: hidden } /* Sudo Slider */ .diapo ul, .diapo li{ margin:0; padding:0; list-style:none; position:relative; } .diapo li{ width:622px; overflow:hidden; display:block; } .diapo .itemBt{ position:absolute; height:62px; padding:0 0 20px 0; background:none; bottom:0; left:0; color:#fff; font-size:13px; *width:627px; /* bug ie7 de taille au moment du slide */ } .diapo .itemBt h2{ font-size:24px; line-height:32px;} .diapo .itemBt h2 a{ color:#fff; text-transform:uppercase;} .diapo .itemBt h2 a span{ background:#000; padding:0 10px 0 10px;} .diapo .itemBt h2 a span.fcTheme1{ color: #FD31AA;} .diapo .itemBt h2 a:hover{ text-decoration:none; } /* slide suivant/precedent */ .diapo .ctNextL, .diapo .ctNextR{ position:absolute; top:0; display:block; width:50%; height:100%; background:url(http://static.ccm2.net/shim.gif); /* corrige le bug de haslayout vide de IE http://haslayout.net/css/No-Transparency-Click-Bug */ zoom:1; } .diapo .ctNextL{ left:0 } .diapo .ctNextR{ right:0 } .diapo .ctNextL:hover, .diapo .ctNextR:hover{ text-decoration:none; cursor:pointer } .diapo .ctNextL:hover .nextL{ left:0% } .diapo .ctNextR:hover .nextR{ right:0% } .diapo .nextL, .diapo .nextR{ position:absolute; width:45%; height:100%; padding:15px 20px; color:#fff; background-color:transparent; background-color:rgba(0, 0, 0, .8); /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000,endColorstr=#cc000000); /* IE6?IE9 */ zoom:1; } /* uniquement pour IE9 car il prend le rgba + le filter */ :root *> .diapo .nextL,:root *> .diapo .nextR{ filter:none } .diapo .nextL{ left:-100% } .diapo .nextR{ right:-100% } .diapo .nextL .imgS3, .diapo .nextR .imgS3{ display:block; background:#000; border-color:#595959; } .diapo .nextL img, .diapo .nextR img{ max-width:100%; display:block } /* navigation gauche droite petite vignettes */ #controls .navL, #controls .navR{ position:absolute; top:50%; margin-top:-22px; width:250px; height:50px; background:#303030; background:rgba(0,0,0,.8); color:#fff; font-size:12px; overflow:hidden; } #controls .navL{ left:8px } #controls .navR{ right:8px } #controls .navL a, #controls .navR a{ color:#fff } #controls .navL a:hover, #controls .navR a:hover{ text-decoration:none } #controls .navL img{ display:block; float:left; margin-right:8px; } #controls .navR img{ display:block; float:right; margin-left:8px; } #controls .navR p, #controls .navL p{ margin:8px; overflow:hidden; height:34px } /* Uncomment this if you wan't to only have 1 visible slide before the javascript kicks in. #diapo li{ display:none } #diapo li:first-child{ display:block }*/ .graphic, .prevBtn, .nextBtn{ margin:0; padding:0; display:block; overflow:hidden; text-indent:-8000px; } .prevBtn, .nextBtn{ position:absolute; /*top:128px;*/ top:50%; margin-top: -25px; z-index:100; cursor:pointer; } .prevBtn{left:-5px } .nextBtn{right:-5px} /* affichage de la date sur le diaporama */ #diaporama_date { color:#fff; position:absolute; top:-12px; z-index:999; left:-4px; background:url("../img/date.gif") no-repeat top left; width:195px; height:30px; line-height:25px; font-weight:bold; text-align:center; } /* - SLIDER (diaporama) ----------------------------------------------------------- - http://webbies.dk/SudoSlider/ */ /* icones precedent / suivant */ .prevBtn, .nextBtn, .ico_sldL, .ico_sldR{ width:20px; height:54px; } .ico_sldL span, .ico_sldR span{ display:none } .prevBtn, .ico_sldL{ background-position:-111px -60px; } .prevBtn:hover, .ico_sldL:hover{ background-position:-153px -60px; } .prevBtn:active, .ico_sldL:active{ background-position:-195px -60px; } .nextBtn, .ico_sldR{ background-position:-133px -60px; } .nextBtn:hover, .ico_sldR:hover{ background-position:-175px -60px; } .nextBtn:active, .ico_sldR:active{ background-position:-217px -60px; } /* --------------------------------------------------------- */ /* START SLIDER SERVICES */ /* --------------------------------------------------------- */ .defilant { position:relative; zoom:1 } .defilant div.navigation { position:absolute; z-index:20; top:50%; margin-top:-25px; height:50px; font-weight:bold; font-family:georgia; font-size:12px; letter-spacing:30; } .defilant div.navigation.suivant { right:0 } .defilant div.navigation.precedent { left:0 } .defilant div.navigation a.navigation {position:relative; z-index:1000;display:block; width:20px; height:54px; } .defilant div.navigation a.navigation span { display:none; } .defilant div.navigation.precedent a.navigation{ background-position:-111px -60px; } .defilant div.navigation.precedent a.navigation:hover{ background-position:-153px -60px; } .defilant div.navigation.precedent a.navigation:active{ background-position:-195px -60px; } .defilant div.navigation.suivant a.navigation { background-position:-133px -60px; } .defilant div.navigation.suivant a.navigation:hover { background-position:-175px -60px; } .defilant div.navigation.suivant a.navigation:active { background-position:-217px -60px; } .posterSlide{ padding:20px 0; margin:0 35px; overflow:hidden; position:relative; /* corrige un bug IE6 / 7 */ zoom:1; _width:890px; } .ctSlider{ position:relative; width:2000px } /* --------------------------------------------------------- */ /* END SLIDER SERVICES */ /* --------------------------------------------------------- */ /* --------------------------------------------------------- */ /* BEGIN RESEAUX SOCIAUX */ /* --------------------------------------------------------- */ a.social { background-position:top left; background-repeat:no-repeat; padding-left:20px; color:#4F5052!important; } a.facebook { background-image:url(../img/facebook_grise.png); } a.twitter { background-image:url(../img/twitter_grise.png); } a.newsletter { background-image:url(../img/newsletter_grise.png); } .ModuleFb{ border-top:1px solid #ccc; color: #808080; font-size: 11px; padding: 5px 0 0 0; font-family:arial; position: relative; top: 9px } /* --------------------------------------------------------- */ /* END RESEAUX SOCIAUX */ /* --------------------------------------------------------- */ /* --------------------------------------------------------- */ /* START QUIZ */ /* --------------------------------------------------------- */ #quiz{ position: relative; font-family:Georgia; padding:15px; margin-bottom: 15px; border: 1px solid #D8D8D8; background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #f6f6f6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#f6f6f6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#f6f6f6 100%); /* IE10+ */ background: linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#f6f6f6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */ *zoom:1; } #quiz h2{ font-family: georgia; font-size: 18px; text-transform: uppercase; margin-bottom: 10px} #quiz h3{ font-family: arial; font-size: 16px; margin-bottom: 10px; font-weight:bold} #quiz p{ margin-bottom: 10px; font-weight:bold; zoom:1} #quiz p:after{ clear:both; display:block; visibility:hidden; overflow:hidden; height:0 !important; line-height:0; font-size:xx-large; content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x "; } #quiz .image_quiz, #quiz .image{ float: left; margin-right: 10px; border: 1px solid #D8D8D8; background: #fff; padding: 3px;} #quiz h2 a, #quiz h3 a, #quiz p a{ color: #303030;} #quiz .link{ text-align: right; font-size: 12px; color:#8d8d8d; margin-bottom: 0;} #quiz .link a{ color: #A21460; font-weight: bold;} #quiz .propositions li{ margin: 10px 0} #quiz .propositions li a{ box-shadow: 0 1px 0 #999999; font:bold 12px "Helvetica Neue",Helvetica,Arial,default; text-decoration: none; display: block; vertical-align: baseline; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); background: linear-gradient(top, #ffffff 0%,#f4f4f4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); border: 1px solid #D5D5D5; padding: 5px 10px; color: #303030; *zoom:1; } #quiz .propositions li a:hover{ color:#303030; text-decoration:none; cursor:pointer; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #fbfbfb 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fbfbfb)); background: -webkit-linear-gradient(top, #ffffff 0%,#fbfbfb 100%); background: -o-linear-gradient(top, #ffffff 0%,#fbfbfb 100%); background: -ms-linear-gradient(top, #ffffff 0%,#fbfbfb 100%); background: linear-gradient(top, #ffffff 0%,#fbfbfb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fbfbfb',GradientType=0 ); } #quiz .propositions li a:active{ outline:none; background: #f4f4f4; background: -moz-linear-gradient(top, #f4f4f4 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #f4f4f4 0%,#ffffff 100%); background: -o-linear-gradient(top, #f4f4f4 0%,#ffffff 100%); background: -ms-linear-gradient(top, #f4f4f4 0%,#ffffff 100%); background: linear-gradient(top, #f4f4f4 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 ); } #quiz .pagQuiz { color: #666666; font-size: 12px; font-family: arial; position: absolute; right: 10px; top: 15px; } #quiz .icoPrev, #quiz .icoNext { vertical-align: bottom; height: 18px; width: 18px; margin: 0 2px; } #quiz .icoPrev { background-position: -61px -276px } #quiz .icoNext { background-position: -81px -276px } #quiz .icoPrev.selected, #quiz .icoPrev:hover { background-position: -61px -296px } #quiz .icoNext.selected, #quiz .icoNext:hover { background-position: -81px -296px } #quiz .icoPrev.noActive { background-position: -61px -316px } #quiz .icoNext.noActive { background-position: -81px -316px } /* --------------------------------------------------------- */ /* END QUIZ */ /* --------------------------------------------------------- */ /* --------------------------------------------------------- */ /* START SONDAGE */ /* --------------------------------------------------------- */ #sondage{ padding:15px; margin-bottom: 15px; color: #FFFFFF; font-family: georgia; font-size: 12px; background:#303030; } #sondage h2{ font-family: georgia; font-size: 18px; margin-bottom:10px; text-transform: uppercase; } #sondage h3{ font-size: 14px; color: #fff; font-weight:bold; margin-bottom:10px } #sondage a{ color: #7EE8FF } #sondage .propositions{ margin-bottom: 15px;} #sondage .propositions input{ margin-top: 2px} #sondage li{ margin: 5px 0;} #sondage li input{ display:inline-block; vertical-align:top; margin-right:5px; *margin-right:0; *position:relative; *top:-3px } #sondage li label{ display:inline-block; width:240px } #sondage .link{ float: right; text-decoration: underline;} #sondage .link:hover{ text-decoration: none;} #sondage .submit{ display:inline-block; vertical-align:baseline; -webkit-box-shadow:0 1px 0 #999; -moz-box-shadow:0 1px 0 #999; box-shadow:0 1px 0 #999; font-family:"Helvetica Neue", Helvetica, Arial, default; font-weight:bold; text-transform:uppercase; padding: 0 10px; height: 22px; line-height: 22px; font-size:11px; text-decoration:none; color:#303030; border:1px solid #d5d5d5; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); background: linear-gradient(top, #ffffff 0%,#f4f4f4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); *overflow:visible; /* corrige un bug de taille */ *vertical-align:middle; *zoom:1 } #sondage .submit:hover, #sondage .submit:focus{ color:#303030; text-decoration:none; cursor:pointer; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #fbfbfb 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fbfbfb)); background: -webkit-linear-gradient(top, #ffffff 0%,#fbfbfb 100%); background: -o-linear-gradient(top, #ffffff 0%,#fbfbfb 100%); background: -ms-linear-gradient(top, #ffffff 0%,#fbfbfb 100%); background: linear-gradient(top, #ffffff 0%,#fbfbfb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fbfbfb',GradientType=0 ); } #sondage .submit:active{ outline:none; background: #f4f4f4; background: -moz-linear-gradient(top, #f4f4f4 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #f4f4f4 0%,#ffffff 100%); background: -o-linear-gradient(top, #f4f4f4 0%,#ffffff 100%); background: -ms-linear-gradient(top, #f4f4f4 0%,#ffffff 100%); background: linear-gradient(top, #f4f4f4 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 ); } /* --------------------------------------------------------- */ /* END SONDAGE */ /* --------------------------------------------------------- */ /* --------------------------------------------------------- */ /* BEGIN COMENTAIRE */ /* --------------------------------------------------------- */ .commentBloc p{ margin-bottom: 15px;} .commentBloc .commentLine { background: none repeat scroll 0 0 #EFEFEF; border-left: 1px solid #EFF2FB; border-top: 1px solid #EFF2FB; padding: 8px 15px; position: relative; } .addComment { background: none repeat scroll 0 0 #EFEFEF; margin-top: 2px; min-height: 23px; padding: 8px 15px 10px; position: relative; z-index: 10; } /* --------------------------------------------------------- */ /* END COMMENTAIRE */ /* --------------------------------------------------------- */ /* --------------------------------------------------------- */ /* START MODALES */ /* --------------------------------------------------------- */ /* - MODALE DE MODIFICATION D'IMAGE ----------------------------- */ .editImage{ position:absolute; left:50%; top:40%; width:250px; z-index:10; } .editImage .hd{ position:relative; background:#000; padding:10px 60px 10px 10px; color:#a8a8a8; } /* icones */ .editImage .icoMove, .editImage .icoMini{ position:absolute; top:50%; margin-top:-9px; display:inline-block; width:18px; height:18px; } .editImage .icoMove{ right:33px; background-color: #313131; background-position:3px -222px; } .editImage .icoMove:hover{ cursor:move } .editImage .icoMini{ right:10px; background-color: #313131; background-position:-17px -222px; } .editImage .bd{ background:#313131; background:hsla(0,0%,0%,.8); padding:0 10px 5px; color:#fff; overflow:hidden; } .editImage .bd li{ position:relative; padding-left:40px; zoom:1; } /* icones */ .editImage .icoCrop, .editImage .icoRotate, .editImage .icoRedim, .editImage .icoLum{ position:absolute; top:5px; left:0; display:inline-block; width:30px; height:30px; -moz-border-radius: 5px; border-radius: 5px; } .editImage .icoCrop{ background-color:#1f1f1f;background-position:-51px -216px } .editImage .icoRotate{ background-color:#1f1f1f;background-position:-79px -217px } .editImage .icoRedim{ background-color:#1f1f1f;background-position:-106px -216px } .editImage .icoLum{ background-color:#1f1f1f;background-position:-132px -217px } /* - MODALE EN OVERLAY ----------------------------------------------- */ /* objet modal */ #mask { position:absolute; left:0; top:0; z-index:9000; background: url("../img/bg_hilight.png"); display:none; } #modals .window { position:absolute; left:0; top:0; width: 560px; display:none; z-index:9999; } /* icone fermer */ .icoClose, .icoOptions{ display:inline-block; vertical-align:middle; width:20px; height:21px; background-position:0 -428px; } .icoClose span, .icoOptions span{ display:none } a.icoClose:hover, a.icoClose:focus, a.icoClose.selected{ background-position:-20px -428px } a.icoClose:active{ background-position:-40px -428px } /* options */ .icoOptions{ background-position:0 -407px } a.icoOptions:hover{ background-position:-20px -407px } a.icoOptions:active, .icoOptionsSel{ background-position:-40px -407px } #modals h2 { font-size: 22px; color: #303030; } /* --------------------------------------------------------- */ /* END MODALES */ /* --------------------------------------------------------- */ /* --------------------------------------------------------- */ /* BEGIN SURCHARGE CUISINER */ /* --------------------------------------------------------- */ /* boutons */ .cuisiner .btnM, .cuisiner .btnM:hover, .cuisiner .btnS, .cuisiner .btnS:hover { color:#fff } .cuisiner .btnG, .cuisiner .btnG:hover{color: #303030} /* boite carnet de recette */ .channel-cuisine .rightCol .box4.box2 .h3.fcTheme1, .cuisiner .rightCol .box4.box2 .h3.fcTheme1{ color: #7fad1c } .cuisiner .btnV, .channel-cuisine .btnV{ background: #bdd06e; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JkZDA2ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MmJmMjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #bdd06e 0%, #92bf27 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bdd06e), color-stop(100%,#92bf27)); background: -webkit-linear-gradient(top, #bdd06e 0%,#92bf27 100%); background: -o-linear-gradient(top, #bdd06e 0%,#92bf27 100%); background: -ms-linear-gradient(top, #bdd06e 0%,#92bf27 100%); background: linear-gradient(to bottom, #bdd06e 0%,#92bf27 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bdd06e', endColorstr='#92bf27',GradientType=0 ); border-color: #4f6b11; } .cuisiner .btnV:hover, .cuisiner .btnV:focus, .channel-cuisine .btnV:hover, .channel-cuisine .btnV:focus{ color: #fff !important; background: #c3d57d; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MzZDU3ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMmQ1MmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #c3d57d 0%, #a2d52d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c3d57d), color-stop(100%,#a2d52d)); background: -webkit-linear-gradient(top, #c3d57d 0%,#a2d52d 100%); background: -o-linear-gradient(top, #c3d57d 0%,#a2d52d 100%); background: -ms-linear-gradient(top, #c3d57d 0%,#a2d52d 100%); background: linear-gradient(to bottom, #c3d57d 0%,#a2d52d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3d57d', endColorstr='#a2d52d',GradientType=0 ); } .cuisiner .btnV:active, .channel-cuisine .btnV:active{ background: #92bf27; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkyYmYyNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZGQwNmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #92bf27 0%, #bdd06e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#92bf27), color-stop(100%,#bdd06e)); background: -webkit-linear-gradient(top, #92bf27 0%,#bdd06e 100%); background: -o-linear-gradient(top, #92bf27 0%,#bdd06e 100%); background: -ms-linear-gradient(top, #92bf27 0%,#bdd06e 100%); background: linear-gradient(to bottom, #92bf27 0%,#bdd06e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92bf27', endColorstr='#bdd06e',GradientType=0 ); } /*Slider Diaporama*/ .cuisiner .prevBtn, .cuisiner .ico_sldL{ background-position:-111px 0 } .cuisiner .prevBtn:hover, .cuisiner .ico_sldL:hover{ background-position:-153px 0 } .cuisiner .prevBtn:active, .cuisiner .ico_sldL:active{ background-position:-195px 0 } .cuisiner .nextBtn, .cuisiner .ico_sldR{ background-position:-133px 0 } .cuisiner .nextBtn:hover, .cuisiner .ico_sldR:hover{ background-position:-175px 0 } .cuisiner .nextBtn:active, .cuisiner .ico_sldR:active{ background-position:-217px 0 } /*Slider Services*/ .cuisiner .defilant div.navigation.precedent a.navigation{ background-position:-111px 0px; } .cuisiner .defilant div.navigation.precedent a.navigation:hover{ background-position:-153px 0px; } .cuisiner .defilant div.navigation.precedent a.navigation:active{ background-position:-195px 0px; } .cuisiner .defilant div.navigation.suivant a.navigation { background-position:-133px 0; } .cuisiner .defilant div.navigation.suivant a.navigation:hover { background-position:-175px 0; } .cuisiner .defilant div.navigation.suivant a.navigation:active { background-position:-217px 0; } /* boxes */ .cuisiner #footer .boxFocus{ background: #702752; color:#dfb8cf} /* bloc de connexion */ .cuisiner .connect{ background: #431A32} /* --------------------------------------------------------- */ /* END SURCHARGE CUISINER */ /* --------------------------------------------------------- */ /* --------------------------------------------------------- */ /* BEGIN SURCHARGE LUXE */ /* --------------------------------------------------------- */ .luxe .btnM, .luxe .btnM:hover, .luxe .btnS, .luxe .btnS:hover { color:#fff } .luxe .btnG, .luxe .btnG:hover, .luxe .btnG:active{color: #303030} .luxe .prevBtn, .luxe .ico_sldL { background-position: -107px -117px; width: 20px; height: 70px; } .luxe .nextBtn, .luxe .ico_sldR { background-position: -133px -117px; width: 20px; height: 70px; } .luxe .prevBtn:hover, .luxe .ico_sldL:hover { background-position: -153px -117px; } .luxe .nextBtn:hover, .luxe .ico_sldR:hover { background-position: -175px -117px; } .luxe .prevBtn:active, .luxe .ico_sldL:active { background-position: -195px -117px; } .luxe .nextBtn:active, .luxe .ico_sldR:active { background-position: -217px -117px; } .luxe .prevBtn, .luxe .nextBtn{ top: 50%; margin-top: -35px;} .luxe .boxFocus{ background: #000;} .luxe .boxFocus h2, .luxe .boxFocus .h2, .luxe .boxFocus h2, .luxe .boxFocus a, .luxe .boxFocus a:hover { color: #B3995D} .luxe .box4{ background: #fff; color: #303030} .luxe .box4 h3, .luxe .box4 h3 a, .luxe .box4 h3 a:hover {color: #000} /* big diapo */ .bigBannerContainer{ width: 1006px; margin: 10px 0;} .diapo.bigBanner{ border: none; width: 2012px; left: -1006px; padding-left: 1006px; /* neutralisation pour ie6 */ _width: 1006px; _left:-3px; _padding-left:0; } .diapo.bigBanner li { width: 1006px } .diapo.bigBanner li .itemImg{ padding:2px; border:1px solid #353433; background:#000; zoom:1; line-height:0 } .luxe .bigBannerContainer .prevBtn, .luxe .bigBannerContainer .nextBtn{ width: 1006px; height: 406px; background: url("../img/sprite_prevNext.png") no-repeat 0 0; top: 0; margin-top: 0; /* neutralisation pour ie6 */ _margin-top: -35px; _top: 50%; _background: url("../img/sprite_ico.png?201212181140"); _background-position: -107px -117px; _height: 70px; _width: 20px; } .luxe .bigBannerContainer .prevBtn{ left: -1006px; _left: -7px; } .luxe .bigBannerContainer .prevBtn:hover{ background-position: 0 -407px; _background-position: -153px -117px; } .luxe .bigBannerContainer .nextBtn{ left:1006px; background-position: -1007px 0; _left:987px; _background-position: -133px -117px; } .luxe .bigBannerContainer .nextBtn:hover{ background-position: -1007px -407px; _background-position: -175px -117px; } .luxe .bigBannerContainer .diapo .itemBt{ position:absolute; padding:15px; bottom:15px; left:20px; color:#000; height: auto; background-color: transparent; background-color: rgba(255,255,255,0.7); /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#aaffffff,endColorstr=#aaffffff); /* IE6–IE9 */ zoom: 1; } .luxe .bigBannerContainer .shmodomenudiv{ position: absolute; top: 0; left: 0; background: #000; padding: 2px 5px; z-index: 1; } .luxe .slideImg{ border-color:#504f4d } .luxe .slideImg:hover{ border-color:#B3995D } /*diapo 3 items*/ .luxe .slider.threeItems{ margin-bottom:0 } .luxe .slider.threeItems .boxHover{ display:block } .luxe .slider.threeItems .slideItem{ width:203px } .luxe .slider.threeItems .slideImg{ vertical-align:baseline; display:block; } .luxe .slider.threeItems .boxHoverTxt{ padding:10px; text-align:center; font-weight:bold } /* bloc de connexion */ .luxe .connect{ background-color:#58564f } .luxe .connect .newMember{ color:#000} /* shopping */ .luxe .shoppingList .ctShoppingList, .luxe .ctShoppingList a{ border-color: #504F4D} /* --------------------------------------------------------- */ /* END SURCHARGE LUXE */ /* --------------------------------------------------------- */ /* --------------------------------------------------------- */ /* BEGIN SURCHARGE SANTE */ /* --------------------------------------------------------- */ /* * Navigation Tabs ------------------------------------------------ */ .navTab { border-bottom: 1px solid #DADADA; font-size: 13px; } .navTab li { border: 1px solid #DADADA; float: left; font-size: 13px; font-weight: normal; margin-right: 2px; position: relative; top: 1px; } .navTabR ul { float: right; } .navTabR li { margin: 0 0 0 2px; } .navTab .selected { border-bottom: medium none; border-top: 3px solid #a21460; } .navTab li a { background: none repeat scroll 0 0 #EEE; color: #666666; display: block; padding: 8px 15px; text-decoration: none; } .navTab .selected a { background: none repeat scroll 0 0 #FFF; border-color: #FFF; color: #303030; padding-bottom: 9px; padding-top: 6px; } /* --------------------------------------------------------- */ /* END SURCHARGE SANTE */ /* --------------------------------------------------------- */ /* --------------------------------------------------------- */ /* PAGINATION */ /* --------------------------------------------------------- */ #bloc_foliotage { border-collapse: collapse; margin: 5px 0 15px; width: 100%; } #bloc_foliotage .gauche { padding-left: 6px; text-align: left; width: 170px; } #bloc_foliotage .centre { text-align: center; } #bloc_foliotage .droite { padding-right: 6px; text-align: right; width: 170px; } #bloc_foliotage .lien_precedent { background: url("http://www.journaldesfemmes.com/image/fleche_precedent.gif") no-repeat scroll 0 5px transparent; color: #A59595; font: 11px arial; padding-left: 10px; text-decoration: underline; } #bloc_foliotage .lien_suivant { background: url("http://www.journaldesfemmes.com/image/fleche_suivant.gif") no-repeat scroll right center transparent; color: #A59595; font: 11px arial; padding-right: 10px; text-decoration: underline; } #bloc_foliotage #foliotage { font: 11px Arial,Helvetica,sans-serif; margin: 0 30px; text-align: center; } #bloc_foliotage #foliotage ul { white-space: nowrap; } #bloc_foliotage #foliotage li { background: none repeat scroll 0 0 transparent; display: inline; list-style-type: none; } #bloc_foliotage #foliotage li.actif { background: url("http://www.journaldesfemmes.com/image/separation3.gif") no-repeat scroll left center transparent; color: #333333; font-weight: bold; padding: 0 2px 0 6px; } #bloc_foliotage #foliotage li a { background: url("http://www.journaldesfemmes.com/image/separation3.gif") no-repeat scroll left center transparent; display: inline; font: 10px Arial,Helvetica,sans-serif; padding-left: 6px; padding-right: 2px; text-decoration: underline; } #bloc_foliotage #foliotage li a.debut, #bloc_foliotage #foliotage li a.sur, #bloc_foliotage #foliotage li a.sur, #bloc_foliotage #foliotage li.actif-debut { background: none repeat scroll 0 0 transparent; } /* --------------------------------------------------------- */ /* RECHERCHE RECETTE */ /* --------------------------------------------------------- */ .searchRecipe .searchContent{border:solid 1px #d8d8d8;font-size:12px;} .searchRecipe .searchTitle{ border-left:solid 1px #d8d8d8; border-right:solid 1px #d8d8d8; border-top:solid 1px #d8d8d8; } .searchRecipe p{margin-bottom:2px;} .searchRecipe input[type=text]{padding:3px;border:solid 1px #d8d8d8;width:139px;font-size:12px} .searchRecipe input[type=checkbox]{margin-top:2px;*margin-top:0;*vertical-align:middle;*zoom:1} .searchRecipe a{color:#303030;} .searchRecipe a.more{color:#303030;text-decoration:underline;padding-left:23px} .searchRecipe a:hover em{ color: inherit} .searchRecipe a.active{ color:#A24160} /* - ICONES RECETTES -------------------------------------------------------------- */ .searchRecipe .icoClose{background-position:-93px -61px;height:13px;width:13px} .searchRecipe .icoClose:hover, .searchRecipe .icoClose:focus{background-position:-93px -74px} .icoAjoutCarnet{background-position:-80px -344px;height:21px;width:24px} /* - SYSTEME ETOILES -------------------------------------------------------------- */ .jdfStars{ display:inline-block; vertical-align:middle; position:relative; width:75px; height:12px; background-position:0 -344px; *zoom:1; } .jdfStars .currentNote{ position:absolute; left:0; height:12px; background-position:0 -359px; } .oneStar{ width:15px; z-index:5; } .twoStar{ width:30px; z-index:4; } .threeStar{ width:45px; z-index:3; } .fourStar{ width:60px; z-index:2; } .fiveStar{ width:75px; z-index:1; } /* - TAROT DU JOUR ---------------------------------------------------------------- */ .tarot{margin-left:-1px;} .tarot li{height:170px;} .tarot a{ background:url(../img/tarot_btns.png) no-repeat 0 0; display:block; font-weight:bold;line-height:17px; width:60px;height:138px; padding:32px 15px 0; text-align: center; } .tarot a.amour{background-position: 0 0} .tarot a.esprit{ background-position: -90px 0; padding-top:15px; width:59px;height:155px; } .tarot a.travail{background-position: -179px 0} /* --------------------------------------------------------- */ /* BEGIN SURCHARGE PAGES EN SAVOIR PLUS */ /* --------------------------------------------------------- */ .marqueur_module{ display: block; margin-bottom: 10px;} .contenu_en_savoir_plus img.bordure, .tronque img.bordure { border: 1px solid #D8D8D8; } .contenu_en_savoir_plus img.marge, .tronque img.marge { padding: 3px; } .contenu_en_savoir_plus a, .tronque a { color: #A21460; text-decoration: none; } .contenu_en_savoir_plus .h11, .tronque .h11 { font-family: georgia,"Helvetica Neue",Helvetica,Arial,default; font-size: 14px; margin-bottom: 0; } .contenu_en_savoir_plus .fcTheme3 a, .tronque .fcTheme3 a{ color: #A21460} .contenu_en_savoir_plus h2{ font-size: 16px} .contenu_en_savoir_plus h2 a, .tronque h2 a { font-weight: bold; } .contenu_en_savoir_plus .ud, .contenu_en_savoir_plus .gg.ud, .tronque .ud, .tronque .gg.ud{ text-decoration: underline; } .contenu_en_savoir_plus a:focus, .contenu_en_savoir_plus a:hover, .tronque a:focus, .tronque a:hover{ color: #4A99CF; cursor:pointer; text-decoration:underline; } .contenu_en_savoir_plus { margin-top: 15px; } .tronque{ margin: 15px 0} .contenu_en_savoir_plus p, .tronque p { margin-bottom: 5px; } .contenu_en_savoir_plus table { width: 100%; border-collapse: collapse; border-spacing: 0; } .contenu_en_savoir_plus table td.note{ text-align: left} .contenu_en_savoir_plus table td.note span{ display: block} /* -- TEMOIGNAGE ------------------------------------------------------------------------------*/ div.module_temoignage { border:1px solid #d8d8d8; padding: 15px; } div.module_temoignage p.bloc_titre { background: none; border: none !important; height: auto; margin-bottom: 10px; } div.module_temoignage div.bloc_corps { border: none !important; padding: 0; } div.module_temoignage p.bloc_titre a, div.module_temoignage p.bloc_titre span { background:none; display: block; font-weight: normal; height: auto; padding-left: 0; text-decoration: none; text-transform: uppercase; font-size: 18px; line-height: normal; color: #303030; } div.module_temoignage div.bloc_corps p.bloc_entete{ color: #333333; font-size: 18px; line-height: normal; margin-bottom: 10px} div.module_temoignage div.bloc_corps p.bloc_entete:after { clear:both; display:block; visibility:hidden; overflow:hidden; height:0 !important; line-height:0; font-size:xx-large; content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x "; } div.module_temoignage div.bloc_corps p.bloc_entete a { color: #333333; font-weight: normal; text-decoration: none; } div.module_temoignage div.bloc_corps p.bloc_entete a:hover { text-decoration: underline; } div.module_temoignage div.bloc_corps img { padding: 3px; background: #fff; border:1px solid #ccc; float: left; margin-right: 10px; } div.module_temoignage div.bloc_corps p.action { color: #333333; margin-bottom: 10px; margin-top: 0; } div.module_temoignage div.bloc_corps p.action a { color: #f32837; font-size: 14px; text-decoration: underline; } div.module_temoignage div.bloc_corps p.action a:hover { color: #4A99CF; } div.module_temoignage ul.liste_contributions li { background: none; display: block; padding-left: 0; } div.module_temoignage p.bloc_sous_titre { background: url("http://www.linternaute.com/image/home/categorie-bordure.gif") repeat-x scroll left center transparent; font-weight: bold; } div.module_temoignage p.bloc_sous_titre span { background: none repeat scroll 0 0 #FFFFFF; padding-right: 5px; } div.module_temoignage p.tous { clear: both; margin-right: 5px; margin-top: 0; padding: 2px 0; text-align: right; } div.module_temoignage p.tous a { background: none; color: #f32837; font-size: 14px; font-weight: normal; padding-left: 0; text-decoration: underline; } div.module_temoignage p.tous a:hover { color:#4A99CF; } /*div.module_temoignage { background: none repeat scroll 0 0 #FFFFFF; margin: 0 0 15px; text-align: left; } div.module_temoignage p.bloc_titre { background: url("http://www.linternaute.com/image/home/temoignage-titre-ok.gif") repeat-x scroll left top transparent; border-left: 1px solid #DBDBD0; border-right: 1px solid #DBDBD0; height: 21px; margin: 0; position: relative; } div.module_temoignage div.bloc_corps { border: 1px solid #DBDBD0; padding: 10px 5px 8px; } div.module_temoignage p.bloc_titre a, div.module_temoignage p.bloc_titre span { background: url("http://www.linternaute.com/image/home/bloc-puce.gif") no-repeat scroll 8px 8px transparent; color: #9A988B; display: block; font-size: 11px; font-weight: bold; height: 21px; line-height: 21px; padding-left: 20px; text-decoration: none; text-transform: uppercase; } div.module_temoignage div.bloc_corps p.bloc_entete { color: #333333; } div.module_temoignage div.bloc_corps p.bloc_entete a { color: #333333; font-weight: bold; text-decoration: underline; } div.module_temoignage div.bloc_corps p.bloc_entete a:hover { text-decoration: none; } div.module_temoignage div.bloc_corps img { float: left; margin-right: 10px; } div.module_temoignage div.bloc_corps p.action { color: #333333; margin-bottom: 10px; margin-top: 0; } div.module_temoignage div.bloc_corps p.action a { color: #333333; font-size: 11px; text-decoration: underline; } div.module_temoignage div.bloc_corps p.action a:hover { text-decoration: none; } div.module_temoignage div.separateur { clear: both; height: 1px; } div.module_temoignage p.bloc_sous_titre { background: url("http://www.linternaute.com/image/home/categorie-bordure.gif") repeat-x scroll left center transparent; font-weight: bold; } div.module_temoignage p.bloc_sous_titre span { background: none repeat scroll 0 0 #FFFFFF; padding-right: 5px; } div.module_temoignage ul.liste_contributions { float: none; list-style: none outside none; margin: 5px 0; } div.module_temoignage ul.liste_contributions li { background: url("http://www.linternaute.com/image/home/puce-lien-tout.gif") no-repeat scroll 0 4px transparent; display: block; float: none; margin-bottom: 2px; padding-left: 10px; } div.module_temoignage div.bloc_corps p { color: #333333; } div.module_temoignage p.tous { clear: both; margin-right: 5px; margin-top: 0; padding: 2px 0; text-align: right; } div.module_temoignage div.bloc_corps a { color: #000000; } div.module_temoignage p.tous a { background: url("http://www.linternaute.com/image/home/puce-lien-tout.gif") no-repeat scroll left 5px transparent; color: #534A41; font-size: 11px; font-weight: bold; padding-left: 8px; text-decoration: underline; } div.module_temoignage p.tous a:hover { text-decoration:none; } div.module_temoignage p.tous a.autre { background: none repeat scroll 0 0 transparent; padding-left: 0; }*/ .contenu_en_savoir_plus em, .contenu_en_savoir_plus .em, .tronque em, .tronque .em { font-style: italic; } .contenu_en_savoir_plus .intertitre { color: #A21460; margin-bottom:5px; margin-top:15px; font-weight:bold } /* --------------------------------------------------------- */ /* NEWSLETTER COL DROITE */ /* --------------------------------------------------------- */ /* grille mode tableau (hauteur qui s'etire) */ .app_box_newsletter .grid_row { display: table; width: 100%; } .app_box_newsletter .grid_row.fixed, .app_box_newsletter .grid_row.grid-row--fixed { table-layout: fixed; } .app_box_newsletter .grid_col.grid_col--middle { vertical-align: middle; } /* row */ .app_box_newsletter .grid_col { display: table-cell; vertical-align: top; } .app_box_newsletter .ccmcss_align_r { text-align: right; } .app_box_newsletter { margin-bottom: 20px; padding: 1.07143em; font-size: 14px; font-size: 0.875rem; border: 1px solid #d6d6d6; background: #ffffff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, white 0%, #f1f1f1 50%, #f6f6f6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(50%, #f1f1f1), color-stop(100%, #f6f6f6)); background: -webkit-linear-gradient(top, white 0%, #f1f1f1 50%, #f6f6f6 100%); background: -o-linear-gradient(top, white 0%, #f1f1f1 50%, #f6f6f6 100%); background: -ms-linear-gradient(top, white 0%, #f1f1f1 50%, #f6f6f6 100%); background: linear-gradient(to bottom, white 0%, #f1f1f1 50%, #f6f6f6 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); } .app_box_newsletter .app_title_2 { margin-top: 0; margin-bottom: 0.27778em; color: #a21460; font-size: 18px; font-size: 1.125rem; line-height: 1.5; text-transform: uppercase; font-weight: normal; } .app_box_newsletter .app_title_2 a { color: #a21460; text-decoration: none; } .app_box_newsletter .a_hover { color: #a21460; text-decoration: underline; cursor: pointer; } .app_box_newsletter .app_form_lite fieldset { position: relative; } .app_box_newsletter .app_form_lite fieldset legend { display: none; } .app_box_newsletter .app_form_lite fieldset input[type="email"], .app_box_newsletter .app_form_lite fieldset input[type="text"] { font-family: Georgia, Cambria, "Times New Roman", Times, serif; padding: 7px 40px 7px 10px; width: 100%; height: 35px; font-size: 1em; border: 1px solid #c6c6c6; border-radius: 4px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .app_box_newsletter .app_form_lite fieldset input[type="email"]:focus, .app_box_newsletter .app_form_lite fieldset input[type="text"]:focus { color: #333333; border-color: #56b4ef; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(86, 180, 239, 0.6); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(86, 180, 239, 0.6); } .app_box_newsletter .app_form_lite fieldset input[type="submit"] { position: absolute; right: 0; top: 0; padding: 0 8px; height: 33px; font-size: 1em; border: 1px solid #c76397; overflow: hidden; color: #fff; text-transform: uppercase; border-radius: 0px 5px 5px 0px; -webkit-box-shadow: 1px 1px 0px 1px #750e45; box-shadow: 1px 1px 0px 1px #750e45; background: #d580af; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q1ODBhZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iI2M3NjM5NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNDE4NjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #d580af 0%, #c76397 10%, #a41863 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d580af), color-stop(10%, #c76397), color-stop(100%, #a41863)); background: -webkit-linear-gradient(top, #d580af 0%, #c76397 10%, #a41863 100%); background: -o-linear-gradient(top, #d580af 0%, #c76397 10%, #a41863 100%); background: -ms-linear-gradient(top, #d580af 0%, #c76397 10%, #a41863 100%); background: linear-gradient(to bottom, #d580af 0%, #c76397 10%, #a41863 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d580af', endColorstr='#a41863',GradientType=0 ); } .app_box_newsletter .app_form_lite fieldset input[type="submit"]:focus, .app_box_newsletter .app_form_lite fieldset input[type="submit"]:active { -webkit-box-shadow: 0px 0px 0px 1px #750e45; box-shadow: 0px 0px 0px 1px #750e45; top: 1px; } .lt-ie9 .app_box_newsletter .app_form_lite fieldset input[type="submit"]{ padding: 0 5px; height: 35px; border: 1px solid #c6cbcc; } .ie8 .app_box_newsletter .app_form_lite fieldset input[type="submit"]{ padding: 0 10px; } /* --------------------------------------------------------- */ /* END SURCHARGE PAGES EN SAVOIR PLUS */ /* --------------------------------------------------------- */ /* similiTable */ #similiTable{ background: #FFFFFF; /* old browsers */ background: -moz-linear-gradient(top, #FFFFFF 0%, #F1F1F1 50%, #F6F6F6 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(50%,#F1F1F1), color-stop(100%,#F6F6F6)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F6F6F6',GradientType=0 ); /* ie6 /7 */ ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F6F6F6',GradientType=0 )"; /* IE8 */ padding:15px; border:1px solid #d8d8d8; margin: 5px 0 15px 0 } #similiTable li{ line-height:normal !important; margin:0 0 7px 0;} #similiTable a{ text-decoration:none !important;} #similiTable a:hover{ text-decoration:underline !important;} #similiTable{ } .similiTableTitle{ margin:15px 0 5px 0; font-size: 18px; font-weight: bold } #similiTable .linkMore{ text-align: right} #similiTable .linkMore a{ font-weight: bold; text-decoration: underline !important} #similiTable .linkMore a:hover{ text-decoration: none !important} /* styles pour mention publicité en haut de la colonne de droite */ .ba_ad_word { background: url("../img/ad300.gif") no-repeat scroll 50% 0 transparent; padding-top: 10px !important; display: none; } /* --------------------------------------------------------- */ /* DEBUT SURCHARGE PAGES FETE DES MERES */ /* --------------------------------------------------------- */ .fetedesmeres h1.fcTheme1 a, .fetedesmeres .h1.fcTheme1 a, .fetedesmeres h2.fcTheme1 a, .fetedesmeres .h2.fcTheme1 a, .fetedesmeres h3.fcTheme1 a, .fetedesmeres .h3.fcTheme1 a, .fetedesmeres h4.fcTheme1 a, .fetedesmeres .h4.fcTheme1 a, .fetedesmeres h5.fcTheme1 a, .fetedesmeres .h5.fcTheme1 a, .fetedesmeres h6.fcTheme1 a, .fetedesmeres .h6.fcTheme1 a { color: #CE2427; } .fetedesmeres .fcTheme1, .fetedesmeres .ui-dialog-titlebar { color: #CE2427; } .fetedesmeres h1 a, .fetedesmeres .h1 a, .fetedesmeres h1 a:hover, .fetedesmeres h1 a:focus, .fetedesmeres .h1 a:hover, .fetedesmeres .h1 a:focus, .fetedesmeres h2 a, .fetedesmeres .h2 a, .fetedesmeres h2 a:hover, .fetedesmeres h2 a:focus, .fetedesmeres .h2 a:hover, .fetedesmeres .h2 a:focus, .fetedesmeres h3 a, .fetedesmeres .h3 a, .fetedesmeres h3 a:hover, .fetedesmeres h3 a:focus, .fetedesmeres .h3 a:hover, .fetedesmeres .h3 a:focus, .fetedesmeres h4 a, .fetedesmeres .h4 a, .fetedesmeres h4 a:hover, .fetedesmeres h4 a:focus, .fetedesmeres .h4 a:hover, .fetedesmeres .h4 a:focus, .fetedesmeres h5 a, .fetedesmeres .h5 a, .fetedesmeres h5 a:hover, .fetedesmeres h5 a:focus, .fetedesmeres .h5 a:hover, .fetedesmeres .h5 a:focus, .fetedesmeres h6 a, .fetedesmeres .h6 a, .fetedesmeres h6 a:hover, .fetedesmeres h6 a:focus, .fetedesmeres .h6 a:hover, .fetedesmeres .h6 a:focus { color: #CE2427; } .fetedesmeres h2.fcTheme1 a, .fetedesmeres h2.rubrique a, .fetedesmeres a.ud, div.box.contributif a { color: #CE2427; } .fetedesmeres a.fcFont:hover { color: #333333; } .fetedesmeres #sondage h3 { color: #FFFFFF; font-size: 13px; } .fetedesmeres div.box.contributif { background: url("http://r.linter.fr/femmes/image/habillage/background/degrade_gris.png") repeat-x scroll left top #F1F1F1; font-family: georgia; } .fetedesmeres div.box.bordure { margin-top: 10px; border: 1px solid #D8D8D8; padding: 15px; } .fetedesmeres div.box { margin-bottom: 20px; } .fetedesmeres #sondage h2, .fetedesmeres div.box.contributif h2 { font-family: georgia; font-size: 18px; margin-bottom: 10px; text-transform: uppercase; } .fetedesmeres .slider .slideImg:hover { border-color: #CE2427; text-decoration: none; } .fetedesmeres #conseils a, .fetedesmeres #conseils a:hover { color: #CE2427; } .fetedesmeres #conseils h3 a, .fetedesmeres #conseils h3 a:hover { color: #000000; } .fetedesmeres h1.titre { background: url("http://www.journaldesfemmes.com/saint-valentin/2011/css/images/h1.gif") no-repeat scroll 0 3px transparent; color: #CE2427; font-size: 23px; padding-left: 55px; padding-bottom: 25px; } .fetedesmeres .diapo .itemBt h2 a:hover span { color: #FFFFFF; } .fetedesmeres .diapo .itemBt h2 a:hover span.fcTheme1 { color: #FD31AA; } .fetedesmeres .srvS a:hover { color: #CE2427; } .fetedesmeres div.box.contributif a.sommaire { float:right; } .fetedesmeres div.rubrique, .fetedesmeres h2.rubrique { font-family: arial; font-size: 20px; font-weight: normal; text-transform: uppercase; margin-bottom: 10px; } .fetedesmeres .slideItem { text-align: left; margin-bottom: 20px; } .fetedesmeres .carte .slideItem h3 { text-align: center; font-size:14px; margin-left:-20px; } .fetedesmeres .carte .slideItem span { width: 135px!important; height:90px!important; margin-right:20px; } /* --------------------------------------------------------- */ /* FIN SURCHARGE PAGES FETE DES MERES */ /* --------------------------------------------------------- */ /* - TAGS DEPOT CHRONIQUE ----------------------------------------------- */ #liste_suggestion_motcle li{ background-color:#A21460; display:inline-block; position:relative; margin:5px 10px 5px 0; } #liste_suggestion_motcle li a{ color:#fff; cursor:pointer; display:block; padding:5px 20px }