/* -------------------------------------------------------------- * GENERAL --------------------------------------------------------------- */ body { font:13px/150% Verdana, Geneva, sans-serif; background:#fff url(../images/bgplage.jpg) no-repeat top center; } a { color:#0049b0; text-decoration:underline; } a:hover { color:#4b81d4; } p { margin:0 0 12px; } h1, h2, h3, h4 { color:#c40003; font-family:'subwayregular'; margin:0; letter-spacing:-0.02em; font-weight:normal; } h1 { margin-top:20px !important; } h2, .h2 { font-size:30px; margin:25px 0 10px 0; } h3, .h3 { font-size:24px; margin:0px 0 10px 0; } h4, .h4 { font-size:19px; margin:5px 0 0 0; text-shadow: #e0c5b8 0 1px 1px; } ul { margin:0; padding:0; list-style:none; } ul li { margin:0; padding:0; } h2 span, h1 span { position:relative; top:-2px; } h3 span, h4 span { position:relative; top:-1px; } /* -------------------------------------------------------------- * COLUMNS --------------------------------------------------------------- */ #col-left, #col-right, #col-right3, #header div, #menutop ul li, #menutop ul li a, #nav ul li, #nav ul li a, #footer ul, #footer ul li, #footer ul li a, #topinfo div, .col1, .col2, .col3, .col4, #credits, .listeconcours li, .listeconcourspart li, #legende li { display:inline-block; *display:inline; *zoom:1; vertical-align:top; font-size:13px; letter-spacing:normal;} #topinfo, #content, #header, #menutop, #menutop ul, #nav ul, #nav ul li, #footer, #footer ul, #footer ul li, .listeconcours, #legende { font-size:0; letter-spacing:-0.36em;} /* -------------------------------------------------------------- * CONTAINERS --------------------------------------------------------------- */ .bg { background: url("../images/bg_coinnav.png") no-repeat scroll 0 40px transparent; height: 55px; margin: 0 0 0 -10px; width: 980px; } .wrapper { width: 960px; margin:0 auto;} #content { background:#fff url(../images/bg_feuillelignee.jpg) repeat-y top center; min-height:400px; padding:30px 0 20px 20px; margin:-20px 0 0 0; } #col-left { width:180px; text-align:left; padding:0 0 0 0px; } #col-right { width:740px; padding:0 0 0 0px; } #col-right2 { width:920px; padding:0 0 0 0px; } #col-right3 { width:760px; padding:0 0 0 0px; } #col-right .col1 { width:355px; margin:0px 20px 0 0; padding:0 0 0 10px; } #col-right .col2 { width:355px; padding:0 0 0 10px; } #col-desc { width:720px; padding:0 0 0 0; } #col-right3 .col1 { width:420px; margin:0px 0 0 0; padding:0 10px 0 0; } #col-right3.col2 { width:320px; padding:0 10px 0 10px; } /* -------------------------------------------------------------- * TOPINFO --------------------------------------------------------------- */ #topinfo { height:28px; color:#fff; padding:5px 0 0 0; } #topinfo a { color:#fff; text-decoration:underline; font-size:12px; } #topinfo a:hover { text-decoration:none; } #topinfo .col1 { width:200px;} #topinfo .col2 { width:398px; font-size:18px; margin:0;} #topinfo .col3 { width:360px; text-align:right;} #topinfo .col4 { width:360px; text-align:right; font-family:'subwayregular'; margin:0; letter-spacing:-0.02em;} /* -------------------------------------------------------------- * HEADER --------------------------------------------------------------- */ #header { width:960px; background:#fff url(../images/bg_feuillelignee.jpg) repeat-y top center; height:115px; } #header .col1 { width:573px; height:120px; } #header .col2 { width:387px; } #logo { margin:-10px 0 0 -3px; } #tagline { margin:-43px 0 0 281px; font-family:'pt_serifbold'; color:#0a6ef2; letter-spacing:-0.02em !important; text-shadow: #ccc 0px 1px 1px; } .fb-like2 { margin:-38px 0 0 104px; } #google { width:310px; height:50px; margin:8px 0 0 70px; } #google .col1 { width:80px; height:50px; } #google .col2 { width:220px; height:50px; } #google .champstxt { width:190px; margin:0 0 5px 0; height:19px;} #google .checkbox { position:relative; top:2px; } #google .go { margin:0; padding:0; float:right; position:relative; left:-8px;} .smalltxt { font-size:10px; font-family:Arial, Helvetica, sans-serif; margin:0 5px 0 3px } /* -------------------------------------------------------------- * MENUTOP --------------------------------------------------------------- */ #menutop { width:400px; width:398px; background:url(../images/bg_coinmenutop.png) no-repeat 387px 41px; height:50px;} #menutop ul { width:400px; background:url(../images/bg_menutop.png) no-repeat top right; width:398px; margin:14px 0 0 0; height:28px; ; overflow:hidden;} #menutop ul li a { height:22px; color:#fff; padding:3px 10px 2px 10px; margin:0; ; text-decoration:none; font:16px 'TwCenMT-CondensedBold'; text-shadow: #d59627 0px 2px 2px; border-right:1px solid #ffae0c; border-left:1px solid #ffd423;} #menutop ul li a.first { border-left:none; padding:3px 10px 2px 18px; } #menutop ul li a.first:hover { background:url(../images/bg_menutop-over.png) no-repeat top left !important; background-col:none !important; } #menutop ul li a.last { border-right:none; padding:3px 10px 2px 10px; } #menutop ul li a:hover { background:#ffbc10; } /* -------------------------------------------------------------- * NAV --------------------------------------------------------------- */ ul.drop { width:980px; background:url(../images/bg_nav.png) top left no-repeat; position: relative; z-index: 597; float:left; left:0px; border:none !important; } ul.drop a { display:block; color: #fff; font:16px 'TwCenMT-CondensedBold'; text-shadow: #172f52 0px 2px 2px; text-decoration: none;padding:13px 18px 11px 18px} ul.drop, ul.drop li, ul.drop ul { list-style: none; margin: 0; border-right:1px solid #0a3a95; border-left:1px solid #1464bf;color: #fff;} ul.drop li { float: left; line-height: 1.3em; vertical-align: middle; zoom: 1; padding: 0;border-bottom:1px solid #0a3a95; } ul.drop li.hover, ul.drop li:hover { position: relative; z-index: 599; cursor: default; background: #002a76;border-left:1px solid #001f58 } ul.drop ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 325px; background: url(../images/bg_menudropdown.jpg) top left repeat; border:none;} ul.drop ul li { float: none; border:none; border-bottom:1px solid #00205a; } ul.drop li:hover > ul { visibility: visible; } ul.drop li.first { border-left:none; } ul.drop li.last { border-right:none; } ul.drop li.first a { padding:13px 18px 11px 18px } ul.drop li.last a { padding:13px 43px 11px 18px } /* -------------------------------------------------------------- * ACCUEIL --------------------------------------------------------------- */ #exclusif { background:#c31219; color:#fff; width:341px; padding:10px 0 20px 13px; margin:0 0 25px -10px; height:140px} #exclusif h2 { color:#fff; background:url(../images/bg_titreexclusif.png) bottom center no-repeat; margin:5px 0 0 -2px; padding:0 0 25px 10px;width:326px; text-shadow: #940e13 0px 1px 1px;} #exclusif img { float:left;} #exclusif .col1 { width:167px; height:90px; margin:0 8px 0 0; padding:0 !important; } #exclusif .col2 { width:160px; height:90px;padding:0; } #exclusif .col2 a { background:url(../images/bg_btparticiper.png) no-repeat top left; height:23px; width:152px; display:inline-block; *display:inline; *zoom:1; color:#fff; font:16px 'TwCenMT-CondensedBold'; text-shadow: #172f52 0px 2px 2px; text-decoration:none; padding:4px 5px 6px 15px; margin:0 0 0 -2px; } #recherche { background:#ffad0c;width:314px; padding:20px; margin:0 0 0 0;} #recherche h3 { color:#fff; text-shadow: #8b7130 0px 1px 1px;} #recherche .champstxt { width:220px; margin:0 0 5px 0; height:19px;} #recherche p { line-height:18px;} #recherche .go { margin:0; padding:0; float:right; position:relative; left:-72px;} #infolettre { background:url(../images/bg_infolettre.png) top left no-repeat; width:357px; height:73px; padding:12px 0 3px 17px; margin:0 0 0 -8px; vertical-align:top;} #infolettre h4 { color:#1b74cb; margin:0 0 8px 0;} #infolettre .champstxt { width:238px; height:23px;} #infolettre form { width:365px;} #infolettre .bt { width:304px;} #infolettre .inscription { background:url(../images/bt_inscrire.png) no-repeat top left; height:33px; width:111px; display:inline-block; *display:inline; *zoom:1; color:#fff; font:16px 'TwCenMT-CondensedBold'; text-shadow: #172f52 0px 2px 2px; text-decoration:none; padding:0 0 6px 20px; margin:0; vertical-align:top; outline:none!important; border:none !important; position:relative; left:9px; text-align:left; } .titrenouveaux { background:url(../images/bg_nouveaux.png) top left no-repeat;padding:16px 0 0 10px; margin:25px 0 13px -10px} .col2 .pub { margin:20px 0 0 0; } #home #col-right { width:760px; padding:0 } #home .pubtop { margin:0 0 0 0 !important; } /* -------------------------------------------------------------- * PUB PHOTO --------------------------------------------------------------- */ .pubtop { margin: 0 0 20px 0; } .pubmilieu { margin: 15px 0 5px 20px; } .pubcote { margin: 0 0 20px 0; } .pub300 { margin: 20px 0 0 0; } .pubbas { margin: 15px 0 0 0; } img.sondage {border: 1px #CCCCCC solid;} /* -------------------------------------------------------------- * FORMS --------------------------------------------------------------- */ .champstxt { border-top:1px solid #acb0b2; border-left:1px solid #cfd4d7; border-right:1px solid #d1d6d8; border-bottom:1px solid #e2e7ea; } .special { display: none; } /* -------------------------------------------------------------- * FOOTER --------------------------------------------------------------- */ #footer { width:940px; background:url(../images/bg_footer.jpg) top left no-repeat; padding:10px 0 20px 20px;font-size:12px !important; line-height:140% } #footer a { color:#fff; display:inline-block; *display:inline; *zoom:1; } #footer a:hover { color:#bbd2ee;} #footer .col1, #footer .col2 { width:163px; margin: 0 28px 0 0 } #footer .col3 { width:170px; margin: 0 20px 0 0; color:#fff ; } #footer .col3 a { margin:10px 0 0 0; } #footer .col3 h4 { margin:10px 0 10px 0;color:#fff } #footer .col4 { width:355px; } #footer ul li a { min-width:160px; font:16px 'TwCenMT-CondensedBold'; text-shadow: #172f52 0px 2px 2px; border-bottom:1px solid #0a3a95; text-decoration:none; padding:7px 0; } .fb-like-box { background-color:#FFF; margin:10px 0 0 0;} #credits { text-align:center; width:960px; color:#91abd8; margin:50px 0 0 0} #credits a { color:#91abd8;} #credits .liens a { padding:0 10px; font-style:normal; color:#FFF} #credits .liens { font-style:italic; padding:0 0 5px 0; color:#FFF} #credits img { margin:0 0 0 10px;} /* -------------------------------------------------------------- * IE fix --------------------------------------------------------------- */ .ie #infolettre .inscription { left:8px; } #ie9 ul.drop li a { padding:13px 19px 12px 19px } #ie9 ul.drop li a.last { padding:13px 20px 12px 20px } #ie9 ul.drop li a.first { padding:13px 19px 12px 20px } #ie9 #menutop ul li a, #ie9 #menutop ul li a.last { padding:5px 10px 0px 10px; } #ie9 #menutop ul li a.first { padding:5px 10px 0px 18px; } #ie7 ul.drop { margin:0 !important;} #ie7 #google .go { margin:-28px 0 0 0 !important; } #ie7 .fb-like-box { margin:5px 0 0 0 !important; } #ie7 #logo { display:block !important; } #ie7 #infolettre a { } #ie7 #exclusif a { margin:-4px 0 0 3px; } #ie9 #exclusif a { font:18px 'TwCenMT-CondensedBold'; } #ie8 .bg { background: url("../images/bg_coinnav.png") no-repeat scroll 0 42px transparent; } #ie7 .bg { background: url("../images/bg_coinnav.png") no-repeat scroll 0 42px transparent; } #ie9 .bg { background: url("../images/bg_coinnav.png") no-repeat scroll 0 41px transparent; } @media screen and (-webkit-min-device-pixel-ratio:0) { #topinfo .col3 { width:350px;} h4 { font-size:18px; } } /* -------------------------------------------------------------- * Liste concours Partenaires --------------------------------------------------------------- */ .listeconcourspart { padding:0 0 0 0; } .listeconcourspart li { padding:3px 0 0 0; } .listeconcourspart .titre { width:160px; } .listeconcourspart .nombreparticipation { width:15px; } .listeconcourspart .prix { width:410px; } .listeconcourspart .date { width:80px; } #partenaires { background:#e8e8e8; padding:0 15px 15px 15px; margin:10px 0 5px; border:1px solid #c40003; width:680px; background:#eee3d2 url(../images/bg_partenaires.jpg) repeat-x top left; } #partenaires h2 { text-align:center; margin:10px 0 5px 0; } /* -------------------------------------------------------------- * Liste concours --------------------------------------------------------------- */ .listeconcours { padding:0 0 0 0; margin:8px 0 0 0; } .listeconcours li { padding:3px 0 0 0; } .listeconcours .nouveau { width:15px;} .listeconcours .titre { width:140px; font-size:14px; } .listeconcours .notes { width:140px; font-style:italic; font-weight:bold font-size:14px; } .listeconcours .commentaires { width:190px; font-style:italic; font-size:12px; } .listeconcours .ami { width:90px; font-style:italic; font-size:12px; } .listeconcours .termine { width:95px; font-size:14px; } .listeconcours .nombreparticipation { width:15px; } .listeconcours .prix { width:495px; font-size:14px; } .listeconcours .ajoute { width:200px; padding:0 0 0 5px; } .legende { padding:10px 0 0 0; margin:-10px 0 0 0;} #legende li { margin:0 25px 0 0; padding:0 0 0 18px; font-size:11px; font-weight:bold; } .note { font-style:italic; font-size:11px; float:right; margin:0 40px 20px 0 ;} .participation1 { background:url(../images/rouge.png) center left no-repeat; } .participation2 { background:url(../images/bleu.png) center left no-repeat; } .participation3 { background:url(../images/jaune.png) center left no-repeat; } .participation4 { background:url(../images/noir.png) center left no-repeat; } .participation5 { background:url(../images/new.gif) center left no-repeat; } .participation6 { background:url(../images/vert.png) center left no-repeat; } .participationfb { background:url(../images/facebook.png) center left no-repeat; } .participationplus { background:url(../images/plus.png) center left no-repeat; } .participationcom { background:url(../images/commentaire.png) center left no-repeat; } .participationind { background:url(../images/indice.png) center left no-repeat; } /* -------------------------------------------------------------- * Info Concours --------------------------------------------------------------- */ #boitecommentaires { padding:3px 3px 3px 3px; margin:0 0 0 0; border:1px solid #848484; width:380px; background:#CEF6F5; -moz-border-radius:3px 3px 3px 3px; -webkit-border-radius:3px 3px 3px 3px; border-radius:3px 3px 3px 3px; } .commentairenom { font-style:italic; font-weight:bold; color:#2E2EFE; font-size:11px; } .commentaireajoute { font-style:italic; color:#2E2EFE; font-size:11px; } .delete { float: right; width: 10px; margin: -12px 2px;} .commentairess { font-style:italic; font-weight:bold; color:#DF0101; font-size:13px; } .boitecommentaires li { padding:0 4px 0 4px; margin: 3px 2px 3px 2px; background:#FFFFFF; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; } .boitecommentaires .commentaires { font-size:12px; }