CSS   21

styles_old.css

Guest on 24th May 2021 04:03:44 AM

  1. body {
  2.     padding: 0px;
  3.     margin: 0px;
  4.     border: 0px;
  5.     background-color: black;
  6.     font-family: Arial, Helvetica, sans-serif;
  7.     min-width: 930px;
  8. }
  9.  
  10. .youtubelink {
  11.     position: relative;
  12.     font-size: 65%;
  13. }
  14.  .banner_link {
  15.     text-align: center;
  16.     padding: 0px;
  17.     margin: 0px;   
  18.  }
  19.  
  20.  div.banner {
  21.     background-image: url('../img/banner_top.png');
  22.     background-position: center;
  23.     width: 100%;
  24.     height: 252px;
  25.     border: 0px;
  26.     margin: 0 auto;
  27.     padding: 0px;
  28. }
  29.  
  30. div.banner_en {
  31.     background-image: url('../img/banner_top.png');
  32.     background-position: center;
  33.     width: 100%;
  34.     height: 252px;
  35.     border: 0px;
  36.     margin: 0 auto;
  37.     padding: 0px;
  38. }
  39.  
  40. div.banner_lang_button {
  41.     margin-left: auto;
  42.     margin-right: auto;
  43.     width: 80px !important;
  44.     padding-left: 850px;
  45.     padding-top: 206px;
  46. }
  47.  
  48. .mobile_bar  {
  49.     display: none;
  50. }
  51.  
  52. .mobile_sitetop {
  53.     display: none;
  54. }
  55.  
  56. .mobile_logo {
  57.     display: none;
  58. }
  59.  
  60. .mobile_menu {
  61.     display: none;
  62. }
  63.  
  64. div.banner_lang_button img:hover{
  65.     opacity: 0.8;
  66. }
  67.  
  68. div.nav {
  69.     background-image: url('../img/nav_bg.png');
  70.     background-repeat: repeat;
  71.    
  72.     width: 100%;
  73.     height: 31px;
  74.     border-top: none;
  75.     margin: 0 auto;
  76.     padding: 0px;
  77.     overflow: hidden;
  78. }
  79.  
  80. .fixedcontainer{
  81.     width: 100%;
  82.     z-index: 1000; 
  83. }
  84.  
  85. .fixedheader{
  86.     background-color: black;
  87.     position: fixed;
  88.     top: 0px;  
  89. }
  90.  
  91. .fixedlogo{
  92.     left: 50%;
  93.     margin-left: -450px;
  94.     top: 40px;
  95.     position: absolute;    
  96.     visibility: hidden;
  97.     z-index: 1000; 
  98. }
  99.  
  100. .makevisible{
  101.     visibility: visible;
  102. }
  103.  
  104. .title{
  105.     position: absolute;
  106.     margin-left: -110px;
  107.     top: 210px;
  108.     width: 79px;
  109.     height: 22px;
  110. }
  111.  
  112. a {
  113.     color: rgb(208,0,26);
  114.     font-size: 90%;
  115. }
  116.  
  117. iframe {
  118.     margin-bottom: 15px;
  119.     max-width: 100% !important;
  120. }
  121.  
  122. embed {
  123.     margin-bottom: 15px;
  124.     max-width: 100% !important;
  125. }
  126.  
  127. #nav1 {
  128.     padding: 0px;
  129.     margin: 6px 0px;
  130. }
  131.  
  132. #nav1 ul {
  133.     text-align: center;
  134.     height:31px;   
  135. }
  136.  
  137. ul li {
  138. padding-top: 3px;
  139. }
  140.  
  141. ul li ul li{
  142.    
  143. }
  144.  
  145. ul li ul li ul li{
  146.  
  147. }
  148.  
  149. #nav1 li {
  150.     background-color: transparent;
  151.    
  152.     height:31px;
  153.     list-style-type: none;
  154.  
  155.     font-size: 14.4px;
  156.     color: white;
  157.    
  158.     padding: 10px 16px;
  159.  
  160.     border-right-style: solid;
  161.     border-right-width: 2px;
  162.     border-right-color: black; 
  163.    
  164.     display: inline;
  165.    
  166. }
  167.  
  168.  
  169. a.menu {
  170.     font-size: 100%;
  171.     color: white;
  172.    
  173.     text-decoration: none;
  174. }
  175.  
  176. h1 {
  177.     color: rgb(208,0,26);
  178.     font-size: 150%;
  179.     margin-top: 40px;
  180.     margin-bottom: 15px;
  181.    
  182. }
  183.  
  184. h2 {
  185.     font-size: 150%;
  186.     margin-bottom: 15px;
  187. }
  188.  
  189. h3 {
  190.     font-size: 125%;
  191.     margin-bottom: 10px;
  192.     margin-top: 25px;
  193. }
  194.  
  195. h4 {
  196.     font-size: 115%;
  197.     margin-top: 10px;
  198.     margin-bottom: 15px;
  199.     color: rgb(208,0,26);
  200. }
  201.  
  202. h5 {
  203.     font-size: 115%;
  204.     margin-top: 35px;
  205.     margin-bottom: 18px;
  206.     color: black;
  207. }
  208.  
  209. hr {
  210.     margin-left: 50px;
  211.     margin-right: 50px;
  212.     height: 1px;
  213.     background-color: black;
  214.     border-width: 0;
  215. }
  216.  
  217. p {
  218.     margin-bottom: 15px;
  219.     font-size: 75%;
  220.     text-align: justify;
  221. }
  222.  
  223. p.dates {
  224.     margin-top: 32px;
  225.     text-indent: -38px;
  226.     margin-left: 38px;
  227.     margin-bottom: 22px;
  228. }
  229.  
  230.  
  231. p.dates:first-line{
  232.  
  233. }
  234. p.showcase {
  235.     margin-top: 32px;
  236.     margin-bottom: 22px;
  237. }
  238.  
  239. ul.dot_list{
  240.     font-size: 90%;
  241.     margin-left: -5px;
  242. }
  243.  
  244. span.date {
  245.     color: rgb(208,0,26);
  246. }
  247.  
  248. img.content_bloc{
  249.     margin-bottom: 20px;
  250.     margin-left: 2px;
  251. }
  252.  
  253. img.accshowcase{
  254.     margin-left: 2px;
  255.    
  256. }
  257.  
  258. img.vignette{
  259.     margin-right: 3px;
  260.     margin-left: 2px;
  261.     margin-bottom: 20px;
  262.     margin-top: 10px;
  263. }
  264.  
  265. #nav1 li:hover{
  266.     background-color: black;
  267.     cursor: pointer;
  268. }
  269.  
  270. a.bottom:hover{
  271.     color: rgb(40,40,40);
  272. }
  273.  
  274. a.bottom_mentions{
  275.     color: white;
  276.     text-decoration: none;
  277.     font-size: 100%;
  278. }
  279.  
  280. a.bottom_mentions:hover{
  281.     color: rgb(40,40,40);
  282. }
  283.  
  284. #nav1 li:last-child {
  285.     border: none;
  286. }
  287. div {margin: 0px;}
  288.  
  289. div.content {
  290.     padding: 5px 25px;
  291. }
  292.  
  293. div.nav_submenu {
  294.     display: none;
  295.     color: rgb(150,150,150);
  296.     width: 100%;   
  297.     font-size: 14.4px;
  298.     border: 0px;
  299.     margin: 10px auto 5px auto;
  300.     padding: 0px;
  301.    
  302.      text-align:center;
  303. }
  304.  
  305. #sub_produits {
  306.     height: 50px; line-height: 1.8;
  307. }
  308.  
  309. a.submenu_item {
  310.     color: white;  
  311.     font-size: 100% !important;
  312.     text-decoration: none;
  313. }
  314.  
  315. @media screen and (max-width: 1000px) {
  316.     a.submenu_item {
  317.         font-size: 85% !important;     
  318.     }
  319. }
  320.    
  321.  
  322. a.submenu_item:hover{
  323.     background-color: rgb(208,0,26);;
  324. }
  325.  
  326.  
  327. a.dry {
  328.     color: black;
  329.     font-size: 100%;
  330.     text-decoration: none;
  331. }
  332.  
  333. a.bottom {
  334.     color: white;
  335.     text-decoration: none;
  336.     font-size: 100%;
  337. }
  338.  
  339. img.thumb {
  340.     margin: 0px 3px 3px 0px;
  341.     border: 1px;
  342.     border-color: rgb(150,150,150);
  343. }
  344.  
  345. div.nav_pad {
  346.     background-color: black;
  347.     width: 100%;
  348.     height: 5px;
  349.     border: 0px;
  350.     margin: 0 auto;
  351.     padding: 0px;
  352. }  
  353.  
  354. a.phone[href^=tel]:link { color: black; text-decoration: none;}
  355.  
  356. div.core_span {
  357.     position: fixed;
  358.     background: black;
  359.     background-image: url('../img/bg_fille.jpg'); /* fallback */
  360.  
  361.     background-attachment: fixed !important;
  362.     background-position: center;
  363.     /*background-position: center 295px ;*/
  364.     background-repeat: no-repeat;
  365.     position: relative;
  366.  
  367.     min-height: 600px;
  368.     height: auto !important;
  369.     /*height: 600px;*/
  370.  
  371.     /*max-width: 1920px;*/
  372.  
  373.     background-size: 100% 100%;
  374.         background-repeat: no-repeat;
  375.     border: 0px;
  376.     margin: 0 auto;
  377.     padding: 0px;
  378.     z-index: 20;
  379. }
  380.  
  381. #bg_1{
  382.     background-image: url('../img/bg_fille.jpg'); /* fallback */
  383. }
  384.  
  385. #bg_2{
  386.     background-image: url('../img/bg_vieux.jpg'); /* fallback */
  387. }
  388.  
  389. #bg_3{
  390.     background-image: url('../img/bg_famille.jpg'); /* fallback */
  391. }
  392.  
  393. #bg_4{
  394.     background-image: url('../img/bg_jeune.jpg'); /* fallback */
  395. }
  396.  
  397. #bg_5{
  398.     background-image: url('../img/bg_couple.jpg'); /* fallback */
  399. }
  400.  
  401. #bg_6{
  402.     background-image: url('../img/bg_fillettes.jpg'); /* fallback */
  403. }
  404.  
  405. div.bottom_gradient{
  406.     position: absolute;
  407.    
  408.     background-image: url('../img/gradient2.png');
  409.     background-position: bottom;
  410.     background-repeat: repeat-x;
  411.     width:100%;
  412.     height:100%;
  413.    
  414.     z-index: -1;
  415.     overflow: hidden;
  416. }
  417.  
  418. div.decoration_character{
  419.     position:absolute;
  420.     left: 50%;
  421.     margin: 0 auto;
  422.     overflow: hidden;
  423.     z-index: 0;
  424.     background-repeat: no-repeat;
  425.     bottom: 55px;
  426.     margin-left: 248px;
  427. }
  428.  
  429. #deco_1{
  430.     background-image: url('../img/deco_fille.png');
  431.     width: 538px;
  432.     height: 584px;
  433.  
  434. }
  435.  
  436. #deco_2{
  437.     background-image: url('../img/deco_vieux.png');
  438.     width: 495px;
  439.     height: 483px;
  440. }
  441.  
  442. #deco_3{
  443.     background-image: url('../img/deco_famille.png');
  444.     width: 437px;
  445.     height: 593px;
  446. }
  447.  
  448. #deco_4{
  449.     background-image: url('../img/deco_jeune.png');
  450.     width: 722px;
  451.     height: 632px;
  452. }
  453.  
  454. #deco_5{
  455.     background-image: url('../img/deco_couple.png');
  456.     width: 571px;
  457.     height: 632px;
  458. }
  459.  
  460. #deco_6{
  461.     background-image: url('../img/deco_fillettes.png');
  462.     width: 571px;
  463.     height: 561px;
  464. }
  465.  
  466. #suivez_nous{
  467.     bottom: 10px;
  468.     margin-left: 258px;
  469.    
  470.     background-image: url('../img/icons/suiveznous.png');
  471.     width: 93px;
  472.     height: 32px;
  473. }
  474.  
  475. #suivez_nous_en{
  476.     bottom: 10px;
  477.     margin-left: 258px;
  478.    
  479.     background-image: url('../img/icons/suiveznous_en.png');
  480.     width: 93px;
  481.     height: 32px;
  482. }
  483.  
  484. #facebook_icon{
  485.     bottom: 0px;
  486.     margin-left: 343px;
  487.    
  488.     background-image: url('../img/icons/facebook.png');
  489.     width: 58px;
  490.     height: 54px;
  491. }
  492.  
  493. #youtube_icon{
  494.     bottom: -3px;
  495.     margin-left: 388px;
  496.    
  497.     background-image: url('../img/icons/youtube.png');
  498.     width: 60px;
  499.     height: 58px;
  500. }
  501.  
  502. div.content_wrap {
  503.     width: 650px;
  504.     margin: 0 auto;
  505. }
  506.  
  507. div.content_box{
  508.  
  509.     margin: 0px auto 20px 0px;
  510.  
  511.  
  512.     width: 553px;
  513.     min-height: 600px;
  514.    
  515.     padding: 10px;
  516.    
  517.  
  518.     -webkit-border-radius: 3px;
  519.     -moz-border-radius: 3px;
  520.     border-radius: 3px;
  521.    
  522.    
  523.     background-color: white;
  524.    
  525.     -moz-box-shadow:   inset 0 0 12px #000000;
  526.     -webkit-box-shadow: inset 0 0 12px #000000;
  527.     box-shadow:        inset 0 0 12px #000000;
  528.  
  529.    
  530.     z-index: -5;
  531. }
  532.  
  533. div.footer_bar{
  534.  
  535. }
  536.  
  537. .footer_divider {
  538.     display: inline-block;
  539.     margin-left: 2px;
  540.     margin-right: 2px;
  541.     width: 1px;
  542.     height: 70px;
  543.     background: rgb(190,190,190);
  544.     overflow: hidden;
  545. }
  546.  
  547. div.content_footer{
  548.     clear: both;
  549.     margin-top:40px;
  550.  
  551. }
  552.  
  553. .paindepice {
  554. }
  555.  
  556. .csa {
  557.     padding-bottom: 23px;
  558. }
  559.  
  560. .sam {
  561.     padding-bottom: 16px;
  562.     z-index: 200;
  563. }
  564.  
  565.  
  566. div.footer {
  567.     position: relative;
  568.     margin-top: -121px;
  569.     clear: both;
  570.     height: 86px;
  571. /*  border: 0px;
  572.     margin: 0 auto 0 auto;
  573.     padding: 0px;
  574. */
  575.  
  576.  
  577. }
  578.  
  579. .footer_logo {
  580.     padding: 10px 10px 30px 20px; width:100px;
  581. }
  582.  
  583. div.footer_pad {
  584.     text-align: right;
  585.     background-color: rgb(40,40,40);
  586.     width: 100%;
  587.     height: 5px;
  588.     border: 0px;
  589.     margin: 0 auto;
  590.     padding: 0px;
  591. }
  592.  
  593. div.footer_toolbar{
  594.     background-image: url('../img/footer_bg.png');
  595.     background-repeat: repeat;
  596.     width: 100%;
  597.     height: 136px;
  598.     border: 0px;
  599.     margin: 0 auto;
  600.     padding: 0px;
  601. }
  602.  
  603. .footer_column {
  604.     min-width: 184px;
  605.     text-align: center;
  606.     line-height: 90%;
  607. }
  608.  
  609. .footer_column_en {
  610.     min-width: 184px;
  611.     text-align: center;
  612.     line-height: 90%;
  613. }
  614.  
  615. .footer_column_last {
  616.     border:none !important; padding: 0px 0px 0px 15px; vertical-align: top;
  617. }
  618.  
  619.  
  620. table{
  621.     border: 0;
  622.     padding: 0px;
  623.     margin: 0px;
  624.    
  625. }
  626.  
  627.  
  628. #nav2 {
  629.     margin: 0px;
  630.  
  631. }
  632.  
  633. #nav2 table{
  634.  
  635.     border: 0px;
  636.     padding: 0px;
  637.     padding-bottom: 10px;
  638.    
  639.     position: relative;
  640. }
  641.  
  642. #nav2 td{
  643.     padding-top: 0px;
  644.     border-right-style: solid;
  645.     border-right-color: black;
  646.     border-right-width: 2px;
  647.    
  648.     padding-bottom: 40px;
  649.     height: 90px;
  650.     font-size: 95%;
  651.     color: white;
  652. }
  653.  
  654. #nav3 ul{
  655.     padding:0px;
  656.     margin:0px;
  657. }
  658.  
  659. #nav3 li{
  660.     padding-bottom: 12px;
  661.  
  662.     list-style-type: none;
  663.     list-style-position: inside;
  664. }
  665.  
  666. p.phonenum{
  667.     padding-top: 31px;
  668.     margin-bottom: 0px;
  669.     font-size: 20pt;
  670.     font-weight: bold;
  671.     color: black;
  672. }
  673.  
  674. adresse{
  675.     font-size: 14pt;
  676.     font-stretch: expanded;
  677.     padding-top: 0px;
  678.     font-size: 110%;
  679.     color: white;
  680. }
  681.  
  682. p.sansfrais{
  683.     font-size: 10pt;
  684.     position: absolute;
  685.     padding-top: 15px;
  686.     padding-left: 2px;
  687.     font-variant: small-caps;
  688.     color: white;
  689. }
  690.  
  691. table .simu {
  692.     width: 500px;      
  693. }
  694.  
  695. td .simu {
  696.     width: 250px;
  697. }
  698.  
  699. div .simu {
  700.    
  701. }
  702.  
  703. * {
  704. margin: 0;
  705. }
  706.  
  707. .appleLinks a{color: black; text-decoration:none;}
  708.  
  709.  
  710. html, body {height: 100%;}
  711.  
  712. #wrap {
  713.     min-height: 100%;
  714.     width:100%;
  715. }
  716.  
  717. #main{
  718.     overflow:auto;
  719.     padding-bottom: 121px;
  720. }
  721.  
  722. /* Gallery stuff */
  723.  
  724. .bar_menu_window {
  725.     position: relative;
  726.     overflow: hidden;
  727.  
  728.     width: 500px;
  729.     height: 100px;
  730. }
  731.  
  732. .bar_menu_button_l {
  733.     background-image: url('../img/gal/left_normal.png');
  734.     width: 20px;
  735.     height: 29px;
  736.     position: absolute;
  737.     top: 35px;
  738.     cursor: pointer;
  739.     z-index: 5;
  740. }
  741.  
  742. .bar_menu_button_r {
  743.     background-image: url('../img/gal/right_normal.png');
  744.     width: 20px;
  745.     height: 29px;
  746.     position: absolute;
  747.     top: 35px;
  748.     cursor: pointer;
  749.     z-index: 5;
  750. }
  751.  
  752.  
  753. .mobileonly {
  754.     display: none !important;
  755. }
  756.  
  757. .bar_menu_button_l:hover{
  758.     background-image: url('../img/gal/left_hover.png');
  759.     /*opacity: 0.7;*/
  760. }
  761.  
  762. .bar_menu_button_r:hover{
  763.     background-image: url('../img/gal/right_hover.png');
  764.     /*opacity: 0.7;*/
  765. }
  766.  
  767. div.bar_menu{
  768.     white-space: nowrap;
  769.  
  770.     display: inline-block;
  771.     position: absolute;
  772.     left: 0px;
  773.     /*display: flex;*/
  774. }
  775.  
  776. img.bar_item{
  777.     padding: 5px;
  778.     padding-left: 0px;
  779. }
  780.  
  781. .download{
  782.     color:red;
  783.     text-decoration: underline;
  784. }
  785.  
  786. .download:hover{
  787.     opacity: 0.85;
  788. }

Raw Paste


Login or Register to edit or fork this paste. It's free.