/* @override http://mdf0719.babylone/css/maguadeloupe.css */ /* @group general */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; } body, table, td { font: 13px/16px Trebuchet, "Lucida Grande", Lucida, Verdana, sans-serif; color: #333; } body { background: #99cc00 url(/images/bgd_body.gif) repeat-y center; text-align: center; } *html body { background: #99cc00 url(/images/bgd_body_ie.gif) repeat-y center; text-align: center; } *+html body { background: #99cc00 url(/images/bgd_body_ie.gif) repeat-y center; text-align: center; } @media screen and (-webkit-min-device-pixel-ratio:0) { body { background: #99cc00 url(/images/bgd_body_safari.gif) repeat-y center; text-align: center; } } body.popup { background: #fff; } p { margin-bottom: 0.5em; } h1 { font-size: 20px; line-height: 1.1em; color: #339900; margin-bottom: 0.5em; } h2 { font-size: 20px; line-height: 1.1em; color: #339900; margin-bottom: 0.5em; } h3 { font-size: 15px; line-height: 1.2em; color: #339900; margin-bottom: 0.5em; } .calendrier h3 { font-size: 18px; line-height: 1.2em; color: #339900; margin-bottom:0; font-weight:bold; } h4 { font-size: 13px; color:#2f9200; padding-top:0; margin-top:0; margin-bottom: 0.5em;font-weight:normal; } a { color: #339900; font-weight: bold; } a:visited { color: #339900; } a:active { color: #2c830e; } a:hover { color: #2c830e; } a:focus { outline:none; } a img { text-decoration: none; border: none; } table { border-collapse: collapse; } td { vertical-align: top; } th { vertical-align: top; text-align: left; font-weight: bold; } hr { display: none; clear: both; } fieldset { padding: 6px; border: 1px solid #dedede; } fieldset td { padding: 4px 4px 4px 0; } legend { font-weight: bold; color: #999; } li { list-style-type: none; } ul { } input[type='checkbox'] { margin-right: 4px; } input[type='radio'] { margin-right: 4px; } option { -moz-padding-end: 10px; } /* @end */ /* @group construction */ * html #page { width: 960px; } #page { text-align: left; width: 740px; margin:0 auto; background: url(../images_fr/bgd_page.jpg) -1px top no-repeat; overflow: auto; padding: 0 130px 30px 100px; } /*#content {float:left; width:740px}*/ #popup_thickbox { background-color: #fff; } #popup_thickbox #page { background-image: none; background-color: #fff; width:90%; } #popup_thickbox h1 { margin: 15px 0 10px 0; } #header { float: left; height: 90px; width: 730px; text-indent: -1000em; background: url(/images_fr/ti_logo_guadeloupe_fr.gif) no-repeat right; margin-bottom: 60px; } .anglais #header { background: url(/images_fr/ti_logo_guadeloupe_en.gif) no-repeat right; } .accueil #header { margin-bottom: 0; } #header h1 { display: block; margin-top: 20px; width: 340px; height: 45px; background: url(../images_fr/ti_logo_maguadeloupe_fr.gif) no-repeat; } .anglais #header h1 { background: url(/images_fr/ti_logo_maguadeloupe_en.gif) no-repeat; width: 402px; } #intro { float: left; width: 730px; margin-bottom: 10px; } .accueil #navigation {float: left; width: 730px; margin-bottom: 10px; background:url(../fr/images/bg-nav.gif) no-repeat top left; padding:8px 5px 10px 19px;} .accueil #navigation li {display:inline; padding:0 2px; font:bold 14px "Trebuchet MS", Arial, sans-serif; color:#225b1c } .accueil #navigation li a {color:#225b1c; text-decoration:none } .accueil #navigation li a:hover {color:#225b1c; text-decoration:underline } .accueil #navigation .navdroite {float:right; padding-right:35px; } * html .accueil #navigation .navdroite {padding-right:0; } .accueil #navigation .navgauche { float:left; } #side {float: left; width: 235px; _width: 235px; } .concours #side {float: left; width: 265px; } .accueil #side {float: right; width: 235px; margin-right:10px; _margin-right:0px; } #side .box {margin-bottom: 10px; border-bottom: 1px solid #d4f0d0; padding-bottom: 10px; } .side-pro-top {width:213px; _width:233px; padding:5px 10px; background:url(../images_fr/bgd-side-pro-top.gif) no-repeat 0 0; margin-bottom:15px} * html .side-pro-top {width:213px; } .side-pro-bottom {width:213px; _width:233px; padding:5px 10px; background:url(../images_fr/bgd-side-pro-bottom.gif) no-repeat 0 0; margin-bottom:15px} * html .side-pro-bottom {width:213px; } #main {float: right; width: 462px; margin-right: 10px; } .accueil #main {float: left; width: 480px; } .concours #main {float: left; width: 462px; text-align:left } .concours h3 {font-size: 15px; line-height: 1.2em; color: #339900; margin-bottom: 0.5em; text-transform:uppercase } #footer .logos {text-align: left; width: 740px; margin:0 auto; padding: 18px 130px 18px 100px; text-align: center; background: url(../images_fr/bgd_page_bottom.jpg) no-repeat -1px bottom; } * html #footer .logos {width: 960px; margin-top: -1px; } #footer .links { background-color: #99cc00; padding: 10px; } #footer .links, #footer .links a {color: white; font-size: 12px; font-weight: normal; text-decoration: none; } #footer ul {margin-bottom: 0px; } #footer li {display: inline; padding: 0px 5px; border-right: 1px solid white; } #footer li.last {border-right: none; } /* @end */ /* @group Specifique */ #main #box_pdf {background:url(/images_fr/bgd_zone_pdf.gif) no-repeat; padding:14px 0 10px 20px;float:left; width:447px;} * html #main #box_pdf {width:447px;} #main #box_pdf ul { padding:14px 0} #main #box_pdf li {display:inline; color:white; font:normal 11px Trebuchet,"Lucida Grande",Lucida,Verdana,sans-serif; padding-right:28px} #main #box_pdf li a {color:white; text-decoration:none} #main #box_pdf li a:hover {color:white; text-decoration:underline} * html #main #box_concours { width: 400px; } #main #box_concours { background: url(/images_fr/bgd_zone_concours.gif) no-repeat; padding: 14px 20px 0 20px; float: left; width: 447px; _width: 407px; } #main #box_concours h3 { margin-bottom: 0; text-transform: uppercase; font-size: 12px; } #main #box_concours .texte { float: left; margin-top: 10px; } #main #box_concours .bouton { float: right; _float:none; margin-top: 10px; } #main #box_concours img { margin-right: 4px; } #main .box_concours_bot { width: 480px; height: 14px; background: url(/images_fr/bgd_zone_concours_bot.gif) no-repeat; margin-bottom: 20px; float: left; } #main #decouvrez .bloc_image { float: left; width: 152px; margin-right: 10px; } #main #decouvrez .bloc_image img{ margin-bottom: 5px; } #main .intro { font-size: 14px; line-height: 18px; margin-bottom: 20px; } #main .container_image { background: url(../images_fr/bdg_main_image.gif) no-repeat; padding: 8px; width: 446px; height: 266px; } #main .container_image #vid { } #main .item_video { float: left; margin-bottom: 10px; border-bottom: 1px solid #fef1e8; padding-bottom: 10px; } #main .item_video .thumb_video { float: left; width: 238px;} #main .item_video .desc_video { font-size: 11px; line-height: 13px; float: left; width: 200px; margin-left: 10px;} #main .item_sujets { float: left; margin-bottom: 10px; border-bottom: 1px solid #fef1e8; padding-bottom: 10px; } #main .item_sujets .thumb_sujets{ float: left; width: 176px; font-size: 11px; line-height: 13px;} #main .item_sujets .desc_sujets { float: left; width: 260px; font-size: 11px; line-height: 13px; margin-left: 10px;} #main .ingredients { border-bottom: 1px solid #fef1e8; margin-bottom: 10px; padding-bottom: 10px; } #main .ingredients li { list-style-type: disc; margin-left: 20px; } #main .preparation { border-bottom: 1px solid #fef1e8; margin-bottom: 10px; padding-bottom: 10px; } #main .preparation li { list-style-type: decimal; margin-left: 20px; } #main .question { font-weight: bold; } #main .col_1 { width: 270px; float: left; } #main .col_2 { width: 169px; float: right; padding: 0px; } #main .col_2 a { } /* *html #main .col_2 { width: 166px; } */ #concours_f3o_form { float: left; margin-top: 10px; } .concours #concours_f3o_form fieldset{ padding: 10px; margin: 10px; width: 425px; border:1px solid #666666;} #concours_f3o_form fieldset { margin-bottom: 10px; padding: 0; width: 450px;} #concours_f3o_form .tableconcours { width: 450px; } #concours_f3o_form th { font-size: 11px; line-height: 13px; font-weight: bold; text-align: left; vertical-align: top; border-bottom: 1px solid #eee; padding: 4px 4px; width: 150px; padding-right: 10px;} #concours_f3o_form td { font-size: 11px; line-height: 13px; vertical-align: top; border-bottom: 1px solid #eee; padding: 4px 4px; } #concours_f3o_form legend { color: #000; margin: 0 6px; } .concours #concours_f3o_form legend { color: #3e9e0e; margin: 0 6px; } #concours_f3o_form input { font-size: 11px; } #concours_f3o_form p.question { padding: 4px; } .erreur { background: #fffbd8 url(/images_fr_ico/ico_erreur.gif) no-repeat 4px 4px; color: #990000; font-weight: bold; padding: 2px 2px 2px 20px; } .message { background: #fffbd8 url(/images_fr_ico/ico_done.gif) no-repeat 4px 4px; color: #339900; font-weight: bold; padding: 2px 2px 2px 20px; } #concours_f3o_form .erreur th { } #concours_f3o_form .erreur td { background-image: none;} #concours .note { font-size: 10px; } #concours_f3o_form fieldset.opt_in { font-size: 11px; line-height: 12px; padding: 4px; } /* @end */ .bt { margin-bottom: 3px; font-size: 11px; line-height: 13px; } .bt h3 { font-size: 14px; } .bt a { display: block; background: url(../images_fr/bgd_menu_side.gif) no-repeat; width: 236px; text-decoration: none; font-weight: normal; font-style: normal; color: black; padding: 10px 20px 10px 10px; } /*specific de section*/ .concours .bt.bt_concours a { background-position: -274px 0; color: white; } .concours .bt.bt_concours h3 { color: white; } .guadeloupe .bt.bt_guadeloupe a { background-position: -274px 0; color: white; } .guadeloupe .bt.bt_guadeloupe h3 { color: white; } .videos .bt.bt_videos a { background-position: -274px 0; color: white; } .videos .bt.bt_videos h3 { color: white; } .offres .bt.bt_offres a { background-position: -274px 0; color: white; } .offres .bt.bt_offres h3 { color: white; } .deja_alle .bt.bt_deja_alle a { background-position: -274px 0; color: white; } .deja_alle .bt.bt_deja_alle h3 { color: white; } .calendrier .bt.bt_calendrier a { background-position: -274px 0; color: white; } .calendrier .bt.bt_calendrier h3 { color: white; } .activites .bt.bt_activites a { background-position: -274px 0; color: white; } .activites .bt.bt_activites h3 { color: white; } .titre_recit { color: #000; font-style: italic; margin: 0; } .auteur_recit { font-weight: normal; text-align: right; font-size: 10px; } .lien_bulle { text-decoration: none; font-weight: normal; display: block; margin: 0; padding: 0; cursor: pointer; cursor: hand; } .boite_top { width: 169px; background: url(/images_fr/boite_story_top.gif) no-repeat top #cfe7c3; color: #000; margin-bottom: 10px; } .boite_top h5 { line-height: 12px; font-size: 12px; padding: 5px 5px 11px 30px; } .boite_bas { width: 169px; background: url(/images_fr/boite_story_bottom.gif) no-repeat bottom; padding: 5px 0 10px 0px; } .boite_bas p { margin: 0 7px 0px 10px; font-size: 10px; line-height: 11px; } .boite_bas p span { text-transform: uppercase; } .lien_ajout { float: left; color: #339900; display: block; margin-top: 30px; } .boite_photo_top { width: 445px; background: url(/images_fr/boite_photo_top.gif) no-repeat top #cfe7c3; padding: 10px 0 0 0; float: left; } .boite_photo_bottom { width: 445px; background: url(/images_fr/boite_photo_bottom.gif) no-repeat left bottom; padding:0 0 10px 4px; float: left; } .offres .boite_photo_bottom { width: 425px; background: url(/images_fr/boite_photo_bottom.gif) no-repeat left bottom; padding:0 10px 10px 14px; float: left; } .offres .boite_photo_bottom h4 { font:bold 13px "Trebuchet MS", Arial, sans-serif; color:#2C830E; text-transform:uppercase; margin-top:4px; } .offres .boite_photo_top { margin-bottom:10px } img.bordure { border:3px #65ae43 solid } /* * html .boite_photo_bottom { width: 449px; } */ .cadre_photo_left_side { background: url(/images_fr/cadre_photo_left.gif) no-repeat top left; float: left; width: 132px; margin: 0 0 0px 4px; padding: 0px 0 0px 8px; display: inline; } .cadre_photo_right_side { background: url(/images_fr/cadre_photo_right.gif) no-repeat top right; float: left; display: block; padding: 8px 8px 8px 0px; margin: 0; width: 124px; cursor: pointer; cursor: hand; } /*fin specific de section*/ .bt a .bt_bot { background: url(../images_fr/bgd_menu_side_bot.gif) no-repeat; height: 8px; border: 1px solid teal; } #submenu { margin-bottom: 20px; margin-top: 3px; } .sbt { font-size: 12px; font-weight: bold; line-height: 13px; display: inline; } .sbt a { background: url(../images_fr/bgd_submenu.gif) no-repeat; color: #339900; text-decoration: none; font-style: normal; padding: 4px 5px 4px 5px; } .sbt a:hover { background-position: 0 -23px; color: white; }