/* @override http://localhost:8888/SB2/css/actus.css */ /* @override http://localhost:8888/sensation_bretagne/css/actus.css */ /* @override http://localhost:8888/sensation_bretagne/css/actus.css */ /* E.MEYER RESET CSS v1.0 | 20080212 -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } /* remember to define focus styles! */ ins { text-decoration: none; } /* remember to highlight inserts somehow! */ del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } /* tables still need 'cellspacing="0"' in the markup */ /*-------------------------------------------------------------- */ .clear { display: block; height: 0; margin: 0; _margin: -7px 0; padding: 0; border: 0; visibility: hidden; clear: both; } body { background: url(..//images/body_bg.jpg) no-repeat; font-family: "Lucida Grande", Lucida, Verdana, sans-serif; } #wrapper { width: 950px; } #header { height: 312px; } #wrap { width: 950px; background: url(../images/actu-station_bg.png) no-repeat 0 60px; position: relative; } #stations { width: 300px; float: left; margin-bottom: 71px; } #stations ul, #stationsTheme ul { margin: 130px 64px 0 84px; font-size: 11px; } #stations li, #stationsTheme li { list-style-type: none; background-image: url(../images/discStations.gif); background-repeat: no-repeat; background-position: 0% 65%; padding-left: 10px; } #stations a, #stationsTheme a { color: #683400; text-decoration: none; font: 11px "Lucida Grande", Lucida, Verdana, sans-serif; } #content { width: 650px; float: left; background: url(../images/actu-midl_bg.png) repeat-y; padding-bottom: 71px; } #sejours { width: 316px; float: left; position: relative; } #tpsForts { width: 317px; float: right; position: relative; } /*------- HEADER ---------*/ #logo { position: absolute; top: 10px; left: 0; } #logo h1 a { display:block; width:243px; height:205px; position:relative; cursor:pointer; } #logo h1 a span { position:absolute; top: -5000px; left: -5000px; } #lien-facebook { position: absolute; top: 0; left: 50px; z-index:10;} #lien-facebook h2 a { display:block; width:191px; height:35px; position:relative; cursor:pointer; } #lien-facebook h2 a span { position:absolute; top: -5000px; left: -5000px; } #dodo { position: absolute; top: 200px; left: 0; z-index:2; } #dodo h2 a span { position:absolute; top: -5000px; left: -5000px; } #topNodL { position: absolute; top: 55px; left: 301px; } #topNodR { position: absolute; top: 55px; left: 633px; } #diapoFlash { left: 350px; height: 213px; position: absolute; top: 55px; width: 600px; } /* ACTU -------------------*/ #actu { margin: 0 15px;} #sejours h2 a, #tpsForts h2 a { color: #683400; font-size: 11px; font-weight: bold; text-decoration: none; margin: 0 0 8px 0; } .borderImage { float: left; border: 1px solid #d9d8cb !important; margin: 0 10px 3px 0 !important; padding: 3px !important; } #sejours p, #tpsForts p { width: 100%; margin: 0px; padding: 0 0 14px 0; float: left; clear: both; font-size: 10px; color: #4e3700; line-height: 12px; border-bottom: 0px solid #4e3700; } #sejours hr, #tpsForts hr {height: 1px; color: #ffffff; background-color: #4e3700; width: 100%; border: none; } .suite { font-size: 10px; font-weight: normal; color: #31d4e8; text-align: right; display: block; } .suite-vert { font-size: 10px; font-weight: normal; color: #B0C700; text-align: right; display: block; } /*THEMES ----------------------------*/ #wrapTheme { width: 950px; background: url(../images/theme-stationBG.gif) no-repeat 0 60px; position: relative; } #stationsTheme { width: 300px; float: left; padding-bottom: 80px; } #stationsTheme ul { } #contentTheme { width: 650px; float: left; background: url(../images/theme-midBG.gif) repeat-y; } #centreTheme { width: 365px; float: left; position: relative;padding-bottom: 80px; } #droiteTheme { width: 285px; float: left; position: relative; padding-bottom: 80px; } #texteTheme, #texteQuoi, #textePAM { background-color: #fff; margin-left: 25px; } #centreTheme #texteTheme h2,#centreTheme #texteQuoi h2 { font-size: 24px; line-height: 24px; font-weight: bold; margin: 0 0 15px 0; } #centreTheme #texteTheme h2 {color: #c40073; } #centreTheme #texteQuoi h2 {color: #eb7ba9; } #texteTheme h3 { color: #313131; font-size: 12px; line-height: 13px; font-weight: bold; } #texteTheme p,#texteQuoi p, #textePAM { font-size: 11px; line-height: 13px; margin-top: 13px; } #texteTheme p { padding-bottom: 15px; font-size: 12px; line-height: 17px; text-align: justify; } #centreTheme h2 { color: #f19300; font-size: 20px; font-weight: bold; margin: 0 40px;line-height: 20px; } x#centreTheme ul { margin: 15px 40px; } #centreTheme li a { color: #5e3b17; text-decoration: none; font-size: 11px; line-height: 15px; font-weight: bold; } #centreTheme li a:hover { text-decoration: underline; } #centreTheme #texteTheme h2.familleH2 { color: #c40073; } #centreTheme #texteTheme h2.bienetreH2 { color: #4fbcca; } #centreTheme #texteTheme h2.cultureH2 { color: #eb7405; } #centreTheme #texteTheme h2.natureH2 { color: #b0c700; } #centreTheme #texteTheme h2.decouverteH2 { color: #004f8e; } #centreTheme #texteTheme h2.gastronomieH2 { color: #f19300; } #centreTheme li a:hover { text-decoration: underline; } /*-------- place aux momes texte -------*/ #textePAM h2{ margin: 0 0 12px 0; } #textePAM h3{ font-size: 14px; color: #4fbbca; margin-bottom: 14px; line-height: 14px;} #textePAM h4{ font-size: 12px; color: #b0c700;margin-bottom: 12px;} #textePAM ul{ margin: 5px 0 11px 0;} #textePAM a{ color: #4fbbca;} #textePAM a:hover{ text-decoration:none;} #textePAM p{ margin-bottom: 11px;} .Pmome, em { color: #f19300;} .vile {color: #4fbbca;} /* Menu -------------------------------------------------------------------------------------------------------------------------- */ /* Menu de la page Actus ---------------------------------*/ #actusMenuHeader { position: absolute; top: 0; left: 360px; } #actusNavHeader li { display: inline; float: left; } #actusNavHeader li a { text-indent: -90000px; } #actusNavHeader li a.navFamille { display: block; width: 70px; height: 45px; position: absolute; top: 0; left: 0; background: url(../images/actu-menu_bg.gif) 0 bottom; } #actusNavHeader li a.navBienEtre { display: block; width: 83px; height: 45px; position: absolute; top: 0; left: 70px; background: url(../images/actu-menu_bg.gif) -70px bottom; } #actusNavHeader li a.navCulture { display: block; width: 88px; height: 45px; position: absolute; top: 0; left: 153px; background: url(../images/actu-menu_bg.gif) -153px bottom; } #actusNavHeader li a.navNature { display: block; width: 124px; height: 45px; position: absolute; top: 0; left: 241px; background: url(../images/actu-menu_bg.gif) -241px bottom; } #actusNavHeader li a.navDecouverte { display: block; width: 124px; height: 45px; position: absolute; top: 0; left: 365px; background: url(../images/actu-menu_bg.gif) -365px bottom; } #actusNavHeader li a.navGastro { display: block; width: 93px; height: 45px; position: absolute; top: 0; left: 489px; background: url(../images/actu-menu_bg.gif) -489px bottom; } #actusNavHeader li a:hover.navFamille { background: url(../images/actu-menu_bg.gif) 0 top;} #actusNavHeader li a:hover.navBienEtre { background: url(../images/actu-menu_bg.gif) -70px top;} #actusNavHeader li a:hover.navCulture { background: url(../images/actu-menu_bg.gif) -153px top;} #actusNavHeader li a:hover.navNature { background: url(../images/actu-menu_bg.gif) -241px top;} #actusNavHeader li a:hover.navDecouverte { background: url(../images/actu-menu_bg.gif) -365px top;} #actusNavHeader li a:hover.navGastro { background: url(../images/actu-menu_bg.gif) -489px top;} /* NAVIGATION / des thèmes dans le header -------------------------------------------- */ #menuHeader { position: absolute; left: 350px; top: 6px; } #navHeader { width: 600px; height: 49px; overflow: hidden; position: relative; } #navHeader li { display: inline; float: left; } #navHeader li a.navFamille { display: block; width: 83px; height: 49px; position: relative; } #navHeader li a.navBienEtre { display: block; width: 83px; height: 49px; position: relative; } #navHeader li a.navCulture { display: block; width: 90px; height: 49px; position: relative; } #navHeader li a.navNature { display: block; width: 123px; height: 49px; position: relative; } #navHeader li a.navDecouverte { display: block; width: 121px; height: 49px; position: relative; } #navHeader li a.navGastro { display: block; width: 100px; height: 49px; position: relative; } #navHeader li a.navFamille span,#navHeader li a.navBienEtre span,#navHeader li a.navCulture span, #navHeader li a.navNature span, #navHeader li a.navDecouverte span, #navHeader li a.navGastro span { position: absolute; width: 100%; height: 100%; cursor: pointer; } #navHeader li a.navFamille span { background: url(../images/menu-fr.png) no-repeat 0 0; } #navHeader li a.navBienEtre span { background: url(../images/menu-fr.png) no-repeat -83px 0; } #navHeader li a.navCulture span { background: url(../images/menu-fr.png) no-repeat -166px 0; } #navHeader li a.navNature span { background: url(../images/menu-fr.png) no-repeat -256px 0; } #navHeader li a.navDecouverte span { background: url(../images/menu-fr.png) no-repeat -379px 0; } #navHeader li a.navGastro span { background: url(../images/menu-fr.png) no-repeat -500px 0; } #navHeader li a.navFamille span:hover { background: url(../images/menu-fr.png) no-repeat 0 bottom; } #navHeader li a.navBienEtre span:hover { background: url(../images/menu-fr.png) no-repeat -83px bottom; } #navHeader li a.navCulture span:hover { background: url(../images/menu-fr.png) no-repeat -166px bottom; } #navHeader li a.navNature span:hover { background: url(../images/menu-fr.png) no-repeat -256px bottom; } #navHeader li a.navDecouverte span:hover { background: url(../images/menu-fr.png) no-repeat -379px bottom; } #navHeader li a.navGastro span:hover { background: url(../images/menu-fr.png) no-repeat -500px bottom; } /* --------------------------------------------- */ #navHeader li a.navFamille span,#navHeader li a.navBienEtre span,#navHeader li a.navCulture span, #navHeader li a.navNature span, #navHeader li a.navDecouverte span, #navHeader li a.navGastro span, #navHeader li a.navFamille span:hover,#navHeader li a.navBienEtre span:hover,#navHeader li a.navCulture span:hover, #navHeader li a.navNature span:hover, #navHeader li a.navDecouverte span:hover, #navHeader li a.navGastro span:hover { -height: 1%;-zoom:1;-text-indent: -9000px; } /* --------------------------------------------- */ #ideeSejour { height: 200px; overflow: hidden; padding: 52px 15px 0 20px; background: url(../images/idees_bg.png) no-repeat; } #ideeSejour ul { margin: 0 0 0 6px; line-height: 18px; padding: 0; } #ideeSejour li { list-style-type: none; background-image: url(../images/discIdees.gif); background-repeat: no-repeat; background-position: 0 7px; padding-left: 10px; } #ideeSejour a { color: #fff; text-decoration: none; font: 12px "Lucida Grande", Lucida, Verdana, sans-serif; } #ideeSejour span { color: #14545c; font-weight: bold; font-style: italic; } .allLinks { padding: 15px 20px 0 0; display: block; text-align: right; } #tempsForts { background: url(../images/box_tfMid.gif) repeat-y left; position: relative; height: 1%; /* pour résoudre le bug de reflow sur ie */ zoom: 1; /* pour résoudre le bug de reflow sur ie */ width: 100%; } html>body #tempsForts { height: auto; } #tempsForts ul { line-height: 18px; padding: 0 10px 0 25px; } #tempsForts li { list-style-type: none; background-image: url(../images/discTemps.gif); background-repeat: no-repeat; background-position: 0 7px; padding-left: 10px; } #tempsForts a { color: #707070; text-decoration: none; font: 12px "Lucida Grande", Lucida, Verdana, sans-serif; } #tempsForts span { color: #b0c700; font-weight: bold; font-style: italic; } /*----*/ #footer { padding-top: 10px; margin: 0 0 20px 20px; font: 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #461d09; border-top: 1px solid #5e594f; } #footer ul { text-align: center; } #footer li { display: inline; } #footer a { color: #461d09; text-decoration: none; font: 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } #jeuFlora { position: absolute; left: 450px; bottom: 0; width:205px; height: 71px; } #dolmens { position: absolute; left: 280px; bottom: 0;width: 168px; height: 71px; background: url(../images/dolmens.png) no-repeat; } /* IDEES SEJOURS DETAILS ANNONCE ------------ */ #sejoursBig { background: url(../images/ideesBig_mid.gif) repeat-y; width: 650px; float: right;margin-bottom: 20px; } #tpsFortsBig { width: 650px; float: right; margin-bottom: 20px; background: url(../images/tpsBig_mid.gif) repeat-y; } #sejoursBig p,#sejoursBig ul,#tpsFortsBig p, #tpsFortsBig ul { font-size: 11px; color: #4e3700; line-height: 13px; margin-bottom: 11px; } span#sejoursBig_bot { background: url(../images/ideesBig_bot.gif) no-repeat; width: 650px;height: 83px; display: block; margin-bottom: -5px; } span#tpsFortsBig_bot { background-image: url(../images/tpsBig_bot.gif); display: block; margin-bottom: -5px; width: 650px;height: 66px; } h2#sejoursBig_top { background: url(../images/ideesBig_top.gif) no-repeat; width: 650px;height: 83px; text-indent: -9000px; } h2#tpsFortsBig_top { text-indent: -9000px; background: url(../images/tpsBig_top.gif) no-repeat; width: 650px; height: 86px; } #sejoursBig h3,#sejoursBig p,#sejoursBig ul, #sejoursBig h4, #tpsFortsBig h3, #tpsFortsBig h4, #tpsFortsBig p, #tpsFortsBig ul { padding: 0 20px; } #sejoursBig h3, #tpsFortsBig h3 { color: #683400; font-size: 16px; font-weight: bold;margin-bottom: 15px; } #sejoursBig h4, #tpsFortsBig h4 { color: #683400; font-size: 12px; font-weight: bold;margin-bottom: 5px; } #sejoursBig a, #tpsFortsBig a { color: #4fbcca; } /* CONTACT --------------------------- */ #blocContact { width: 650px; float: right; font-size: 11px; margin-bottom: 71px;color: #4e3700; background-image: url(../images/contact_mid.gif); } span#blocContact_bot { width: 650px;height: 83px; background: url(../images/contact_bot.gif) no-repeat;display: block;margin-bottom: -5px; } h2#blocContact_top{ text-indent: -9000px; width: 650px; height: 86px; background: url(../images/contact_top.gif) no-repeat; } .warning { border: 1px solid red; padding: 3px; color: red; margin: 10px 0;text-align: center; } .success { border: 1px solid #149b0d; padding: 3px; color: #149b0d;margin: 10px 0; text-align: center;} form { padding: 0 40px; } fieldset {clear: both;} legend {padding: 0 0 1.286em; font-size: 1.167em; font-weight: 700;display: block;width: 570px;} fieldset fieldset legend {padding: 0 0 1.5em; font-size: 1em;} * html legend {margin-left: -7px;} /* ie6 */ *+html legend {margin-left: -7px;} /* ie7 */ form .field, form .buttons {clear: both; margin: 0 0 1.5em;} form .field label {display: block;} form ul.fields {margin: 0 0 1.5em; padding: 0;} form ul.fields li {list-style-type: none; margin: 0;} form ul.inline li, form ul.inline label {display: inline;} form ul.inline li {padding: 0 .75em 0 0;} input.radio, input.checkbox {vertical-align: top;} label, button, input.submit, input.image {cursor: pointer;} * html input.radio, * html input.checkbox {vertical-align: middle;} /* ie6 */ *+html input.radio, *+html input.checkbox {vertical-align: middle;} /* ie7 */ textarea {overflow: auto;} input.text, input.password, textarea, select {margin: 0; font: 1em/1.3 Helvetica, Arial, "Liberation Sans", "Bitstream Vera Sans", sans-serif; vertical-align: baseline;} input.text, input.password, textarea {border: 1px solid #4e3700; padding: 2px;} form.horizontal .field {padding-left: 150px;} form.horizontal .field label {display: inline; float: left; width: 140px; margin-left: -150px;} /* MENTIONS LEGALES *********************************/ h2#blocMentionLegales_top{ text-indent: -9000px; width: 650px; height: 86px; background: url(../images/mentions-legales_top.gif) no-repeat; } #textMentionsLegales{ margin-left:30px; margin-right:30px; } a.lienbleu1, a.lienbleu1:hover { color: #5e3b17; text-decoration: none; font-size: 11px; font-weight:normal;}