/* * FIXME: Introduce SCSS & Sprockets *= require_self *= require prettyPhoto *= require formtastic *= require_tree . */ body { padding: 0px; margin: 0px; font-size: 14px; font-family: "trebuchet MS"; color: RGB(96, 68, 53); } body a img { border: 0px; } body a { color: RGB(129, 178, 11); text-decoration: none; } body a:hover { text-decoration: underline; } body #public #menu_left h3 a { color: inherit; } body #public #menu_left ul { list-style: none; padding-left: 0px; } body #public #menu_left ul ul { padding-left: 20px; } body #public h1, body #public h2, body #public h3, body #public h4, body #public h5, body #public h6 { font-family: Georgia; font-weight: normal; margin-top: 0px; } body #public .menu a { color: RGB(100, 74, 60); text-decoration: none; padding: 5px; } body #public .menu a:hover { text-decoration: underline; } body #public .menu a.selected { font-weight: bold; } body #public #header { width: 960px; margin: auto; } body #public #header #logo { padding: 10px 10px 10px 0px; } body #public #header #menu_top { float: right; margin-top: 40px; } body #public #bandeau { background: RGB(91, 67, 46); padding: 10px; width: 940px; margin: auto; margin-bottom: 10px; color: RGB(238, 238, 238); font-family: Georgia; font-size: 25px; } body #public #slider { position: relative; width: 979px; height: 309px; padding: 0px; margin: auto; margin-bottom: 10px; background-image: url("/images/front/fond-marron.png"); background-repeat: no-repeat; background-position: center center; } body #public #slider .slide { width: 969px; height: 309px; position: relative; margin: 0px 5px 0px 5px; } body #public #slider .slide a { color: inherit; text-decoration: inherit; } body #public #slider .slide .title { width: 486px; height: 46px; background-image: url("/images/front/en-tete-gris.png"); background-repeat: no-repeat; position: absolute; top: 35px; left: -5px; z-index: 100; color: RGB(50, 24, 10); font-family: Georgia; padding: 10px 10px 10px 45px; font-size: 19px; } body #public #slider .slide .cible { position: absolute; bottom: 30px; left: 410px; } body #public #slider .slide .description { position: absolute; top: 120px; left: 40px; width: 470px; height: 125px; color: RGB(238, 238, 238); } body #public #slider .slide .image_file { position: absolute; top: 20px; right: 40px; width: 415px; height: 275px; overflow: hidden; } body #public #slider .slide .image_file img { width: 415px; } body #public #slider .left-arrow { position: absolute; z-index: 150; top: 140px; left: 15px; cursor: pointer; } body #public #slider .right-arrow { position: absolute; z-index: 150; top: 140px; right: 15px; cursor: pointer; } body #public #main { width: 960px; margin: auto; margin-bottom: 10px; } body #public #main a { color: inherit; text-decoration: inherit; } body #public #main .title { font-family: georgia; font-size: 18px; text-align: center; } body #public #main .description { text-align: justify; } body #public #main .column { float: left; min-height: 340px; width: 319px; border-left: 1px solid RGB(222, 236, 189); position: relative; } body #public #main .column .title { min-height: 55px; } body #public #main .column_1 { border-left: 1px solid white; } body #public #main .column_2 { padding: 10px; width: 299px; border-left: 1px solid white; } body #public #main .column_3 { padding: 10px; width: 299px; } body #public #main .column_2 .cible, body #public #main .column_3 .cible { position: absolute; bottom: 10px; right: 20px; } body #public #contact_block { height: 360px; width: 319px; background-image: url("/images/front/fond-vert.png"); background-repeat: no-repeat; position: relative; left: -2px; } body #public #contact_block .content { color: RGB(76, 42, 15); width: 297px; } body #public #contact_block #horaires { position: absolute; top: 20px; left: 20px; } body #public #contact_block #garde { position: absolute; top: 130px; left: 20px; } body #public #contact_block #contact { position: absolute; top: 210px; left: 20px; } body .clear { clear: both; } body .promotion { position: relative; border: 1px dotted black; margin-bottom: 10px; margin-left: 10px; } body .promotion .img { margin: 10px; float: left; } body .promotion .img img { width: 120px; } body .promotion .label { position: absolute; top: -10px; left: -5px; } body .promotion .title, body .promotion .description { margin-left: 120px; } body .promotion .title { margin-top: 10px; font-family: georgia; font-size: 18px; } body .promotion .description { margin-top: 5px; text-align: justify; padding: 0px 20px 0px 20px; } body .promotion .description p { margin: 0px; } body #home_promotions { width: 960px; margin: auto; } body #home_promotions .column { float: left; min-height: 300px; width: 319px; border-left: 1px solid RGB(222, 236, 189); position: relative; background-image: url("/images/front/cadre-gris.png"); background-repeat: no-repeat; background-position: center top; text-align: center; } body #home_promotions .column .img { margin-top: 20px; } body #home_promotions .column .img img { height: 160px; } body #home_promotions .column .label { position: absolute; top: -10px; left: -5px; } body #home_promotions .column .title { margin-top: 10px; font-family: georgia; font-size: 18px; } body #home_promotions .column .description { margin-top: 5px; text-align: justify; padding: 0px 20px 0px 20px; } body #home_promotions .column .description p { margin: 0px; } body #home_promotions .column_1 { border-left: 1px solid white; } body #home_promotions .column_2 { border-left: 1px solid white; } body #home_promotions .column_3 { border-left: 1px solid white; } body #page_main { width: 960px; margin: auto; } body #page_main #sidebar { float: left; width: 240px; position: relative; min-height: 400px; } body #page_main #content { float: left; width: 720px; } body #menu_bottom { margin: auto; width: 960px; margin-top: 20px; margin-bottom: 20px; } body #menu_bottom #left_bottom { float: left; } body #menu_bottom #right_bottom { float: right; } body .article { border: 1px solid RGB(129, 178, 11); padding: 10px; margin-bottom: 10px; } body .article h3 { color: RGB(129, 178, 11); } body .article .image_file { float: left; margin-right: 10px; } body .article .title, body .article .description { margin-left: 130px; } body .article .title a, body .article .description a { color: inherit; text-decoration: inherit; } body .folder { border: 1px solid RGB(91, 67, 46); padding: 10px; margin-bottom: 10px; } body .folder h3 { color: RGB(91, 67, 46); } body .folder .image_file { float: left; margin-right: 10px; } body .folder .title, body .folder .description { margin-left: 130px; } body .folder .title a, body .folder .description a { color: inherit; text-decoration: inherit; } #flash_notice{ border:3px solid #6bb800; padding:10px; } #home_promotions a { color: inherit; text-decoration: inherit; } .portlet.table_content table { width: 100%; border-collapse: collapse; } .portlet.table_content table td { border: 1px solid black; } .portlet.block_content .two_column .column { float: left; width: 50%; } .portlet.block_content .two_column .column .block { padding: 10px; }