@charset "utf-8"; body { margin: 0px; padding: 0px; background-image: url(../gif/back_top3.png); background-repeat: repeat-x; } img{ border : 0px; } h2{ font-family: Tahoma, Geneva, sans-serif; font-size: 12px; font-weight: bold; color: #FF8000; } h1 { font-family: Tahoma, Geneva, sans-serif; font-size: 14px; font-weight: bold; color: #0C469D; } td { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; } a.home{ background-image: url(../gif/home_white.png); background-repeat: no-repeat; background-position: center center; } a.home:hover{ background-image: url(../gif/home_orange.png); background-repeat:no-repeat; background-position: center center; } .littledescrip{ font-family: Tahoma, Geneva, sans-serif; font-size: 11px; font-weight: normal; width: 300px; } .exchange{ background-image: url(../gif/white_transparency.png); background-repeat: repeat; width: 260px; margin-top : 15px; border: 1px solid #CCCCCC; margin-right: 10px; margin-left: 10px; } .exchange .item { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #F75405; margin-bottom: 5px; width: 238px; margin-top: 5px; padding-bottom: 5px; margin-left: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } .exchange .title{ font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #FFF; background-color: #0C469D; padding-top: 5px; font-weight: bold; padding-bottom: 5px; text-indent: 10px; margin-top: 5px; margin-bottom: 5px; margin-right: 10px; } .col_gauche .exchange .item table tbody tr th { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; } .col_gauche .exchange .item table tbody tr td { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; } .exchange a { color: #F75405; font-family: Tahoma, Geneva, sans-serif; font-size: 11px; text-decoration: none; } .exchange a:hover { color: #0C469D; text-decoration: none; } .back_content { background-image: url(../gif/back_middle.png); background-repeat: repeat-x; background-position: 0px 40px; } .bottom_ariane { width: 100%; background-color: #0D469D; float: left; } .bottom_ariane .bottom_ariane_content { width: 970px; margin-right: auto; margin-left: auto; font-family: Calibri, Arial, Helvetica, sans-serif; color: #FFF; font-size: 12px; padding-right: 5px; padding-left: 5px; } .bottom_ariane .bottom_ariane_content img { margin-left: 10px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; } .footer { width: 100%; background-color: #3C3C3C; padding-top: 5px; padding-bottom: 5px; float: left; color: #FFF; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; } .footer .copyright{ font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF; } .footer a { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF; text-decoration: none; } .footer a:hover { color: #F75405; } .color1 { background-image: url(../gif/color1.gif); background-repeat: repeat-x; background-position: left top; } .filariane { font-family: Tahoma, Geneva, sans-serif; font-size: 11px; width: 1020px; margin-right: auto; margin-left: auto; padding-top: 10px; padding-bottom: 7px; color: #F75405; padding-left: 4px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #F75405; background-image: url(../gif/color1.png); background-repeat: repeat-x; background-position: left top; } .filariane a { color: #F75405; text-decoration: none; } .filariane a:hover { color: #B9B9B9; text-decoration: underline; } .succursale_link{ width: 1024px; margin-right: auto; margin-left: auto; padding-top: 5px; padding-bottom: 5px; margin-top: 5px; } .succursale_link a{ font-family: Tahoma, Geneva, sans-serif; font-size: 14px; color: #000; text-decoration: none; background-color: #D6D6D6; padding-top: 5px; padding-bottom: 5px; padding-right: 20px; padding-left: 20px; margin-left: 5px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #999999; border-right-color: #999999; border-bottom-color: #D6D6D6; border-left-color: #999999; margin-top: 5px; } .succursale_link a:hover{ color: #FF8000; background-color: #FFF; } .back_content .topmenu { color: #FFF; width: 1024px; margin-right: auto; margin-left: auto; margin-top: 6px; margin-bottom: 6px; } .back_content .topmenu img { vertical-align: bottom; } .back_content .topmenu a { color: #FFF; text-decoration: none; font-size: 12px; font-family: Tahoma, Geneva, sans-serif; border-right-color: #FFF; border-right-width: 1px; border-right-style: solid; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; padding-top: 8px; font-weight: bold; } .back_content .topmenu a:hover { color: #F65304; background-color: #F5F5F5; } .back_content .topmenu2 { color: #FFF; width: 100%; margin: 0px; background-image: url(../gif/top_menu2.png); background-repeat: repeat-x; background-position: 0px bottom; z-index: 9999; position: fixed; top : 0px; left: 0px; float: left; display: inline-block; padding-top: 5px; padding-bottom: 5px; } .back_content .topmenu2 img { vertical-align: bottom; } .back_content .topmenu2 a { color: #0C469D; text-decoration: none; font-size: 12px; font-family: Tahoma, Geneva, sans-serif; border-right-color: #FFF; border-right-width: 1px; border-right-style: solid; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; padding-top: 8px; font-weight: bold; } .back_content .topmenu2 a:hover { color: #F65304; background-color: #F5F5F5; } .back_content .topmenu2 .boule { float: left; height: 37px; width: 62px; margin-right: 10px; padding-top: 25px; } .back_content .topmenu2 .boule.orange { color: #F60; background-image: url(../gif/boule_orange.png); text-align: center; vertical-align: middle; font-weight: bold; } .back_content .topmenu2 .boule.vert { color: #88DB7F; background-image: url(../gif/boule_vert.png); text-align: center; vertical-align: middle; font-weight: bold; } .back_content .topmenu2 .boule.bleu { color: #0C469D; background-image: url(../gif/boule_bleu.png); text-align: center; vertical-align: middle; font-weight: bold; } .back_content .entete { background-color: #F5F5F5; width: 1024px; margin-right: auto; margin-left: auto; border: 1px solid #E8E6DE; background-repeat: repeat-x; background-position: 0px bottom; padding-top: 10px; padding-bottom: 3px; } .back_content #braguette_r { float: left; position: fixed; z-index: auto; } .back_content #braguette_l { float: left; position: fixed; z-index: auto; } .back_content .menubig { margin-right: auto; margin-left: auto; background-color: #F1F1F1; height: 38px; } .back_content .menubig ul { margin: 0px; padding: 0px; } .back_content .menubig li { list-style-type: none; } .back_content .menubig .box { background-image: url(../gif/separateur_menu.png); background-repeat: no-repeat; background-position: right bottom; padding-top: 5px; padding-right: 15px; padding-bottom: 5px; padding-left: 15px; float: left; color: #0D469D; text-decoration: none; background-color: #F1F1F1; } .back_content .menubig .box.select { background-image: url(../gif/fleche_top.png); background-repeat: no-repeat; background-position: center bottom; } .back_content .menubig .box_ext { background-image: url(../gif/separateur_menu.png); background-repeat: no-repeat; background-position: right bottom; float: left; color: #0D469D; text-decoration: none; padding-top: 9px; padding-right: 15px; padding-bottom: 10px; padding-left: 15px; } .back_content .menubig .box a { color: #0D469D; text-decoration: none; font-size: 18px; font-family: Tahoma, Arial, Helvetica, sans-serif; padding-top: 3px; padding-bottom: 3px; } .back_content .menubig .box a:hover { color: #F75405; } .back_content .menubig .box.b_enligne a { color: #F75405; } .back_content .menubig .box.b_enligne a:hover { color: #2AAC48; } .back_content .slidepanel { background-color:; height: 350px; width: 1024px; margin-right: auto; margin-left: auto; z-index: 1000px; background-color: #F6F6F6; background-image: url(../gif/logo_sogebank_gray.png); background-repeat: no-repeat; background-position: center center; padding: 0px; } .back_content .slidepanel2 { background-color:; height: 350px; width:1024px; margin-right: auto; margin-left: auto; z-index: 1000px; background-color: #F5F5F5; background-image: url(../gif/logo_sogebank_gray.php); background-repeat: repeat; background-position: center center; } .back_content .slidepanel2.particulier { background-image: url(../gif/particulier.gif); background-position: center; } .back_content .slidepanel2.service_detail { background-image: url(../gif/services_details.gif); background-position: center bottom; } .back_content .slidepanel2.entreprise { background-image: url(../gif/entreprise.gif); background-position: center; } .back_content .slidepanel2.blk { background-image: url(../gif/bkl.gif); background-position: center; } .back_content .slidepanel2.etranger { background-image: url(../gif/etranger.gif); background-position: center; } .back_content .slidepanel2.produitetservice { background-image: url(../gif/services.gif); background-position: center; } .back_content .produitetservice2 { background-image: url(../gif/service_page.png); background-position: center top; background-repeat: no-repeat; } .back_content .produitetservice2 .footer { background-color: #0D469D; background-image: url(../gif/double_square_blanc.png); background-repeat: no-repeat; background-position: left top; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #FFF; width: 225px; padding-top: 5px; padding-bottom: 5px; text-indent: 20px; } .back_content .produitetservice2 .box { background-image: url(../gif/services_back.png); height: 228px; width: 378px; margin-right: 15px; margin-bottom: 15px; float : left; background-position: right top; } .back_content .produitetservice2 .box .box_text { text-align: left; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 40px; background-repeat: no-repeat; background-position: 5px top; } .back_content .produitetservice2 .box .box_text.back_red { background-image: url(../gif/fleche_service_rouge.png); } .back_content .produitetservice2 .box a .box_text.back_red { color: #D70000; } .back_content .produitetservice2 .box a:hover .box_text.back_red { color: #999999; } .back_content .produitetservice2 .box .box_text.back_magenta { background-image: url(../gif/fleche_service_mauve.png); } .back_content .produitetservice2 .box a .box_text.back_magenta { color: #800080; } .back_content .produitetservice2 .box a:hover .box_text.back_magenta { color: #999999; } .back_content .produitetservice2 .box .box_text.back_yellow { background-image: url(../gif/fleche_service_jaune.png); } .back_content .produitetservice2 .box a .box_text.back_yellow { color: #CEB500; } .back_content .produitetservice2 .box a:hover .box_text.back_yellow { color: #999999; } .back_content .produitetservice2 .box .box_text.back_green { background-image: url(../gif/fleche_service_vert.png); } .back_content .produitetservice2 .box a .box_text.back_green { color: #008000; } .back_content .produitetservice2 .box a:hover .box_text.back_green { color: #999999; } .back_content .produitetservice2 .lastproduct { color: #F85405; text-decoration: none; font-family: Tahoma, Geneva, sans-serif; } .back_content .produitetservice2 .box .box_text:hover { background-image: url(../gif/fleche_service_hover.png); } .back_content .produitetservice2 .box a { text-decoration: none; font-family: Tahoma, Geneva, sans-serif; } .back_content .produitetservice2 .box a:hover { color: #999999; background-image: url(../gif/fleche_service_hover.png); } .back_content .produitetservice2 .box img:hover { color: #999999; background-image: url(../gif/fleche_service_hover.png); background-repeat: no-repeat; background-position: 5px top; } .back_content .produitetservice2 .box_big { width: 600px; margin-bottom: 15px; float : left; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; padding: 20px; border: 1px solid #CCCCCC; background-color: #FFF; min-height:355px; } .back_content .produitetservice2 .service_title { background-image: url(../gif/double_square_blue.png); background-repeat: no-repeat; background-position: left top; font-family: Tahoma, Geneva, sans-serif; font-size: 28px; color: #0C469D; text-indent: 30px; padding: 10px; } .back_content .produitetservice2 .resume { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #000000; font-weight: bold; } .back_content .slidepanel2 .report_principale{ background-image: url(../gif/white_transparency.png); background-repeat: repeat; border: 1px solid #CCCCCC; width: 500px; margin-right: auto; margin-left: auto; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; padding: 10px; color: #FFF; } .back_content .slidepanel2 .report_principale .tilte{ font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #FFF; } .back_content .slidepanel2 .report_principale .content{ font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #FFF; } .back_content .produitetservice2 .samecategorie{ background-image: url(../gif/white_transparency.png); background-repeat: repeat; width: 266px; margin-top : 15px; height: 350px; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; border: 1px solid #CCCCCC; } .back_content .produitetservice2 .samecategorie .content{ overflow: auto; width: 266px; height: 325px; } .back_content .produitetservice2 .samecategorie .item { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #006C00; width: 238px; margin-top: 5px; padding-bottom: 5px; margin-left: 10px; } .back_content .produitetservice2 .samecategorie .title{ font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #FFF; background-color: #006C00; padding-top: 5px; font-weight: bold; padding-bottom: 5px; text-indent: 10px; width: 100%; } .back_content .produitetservice2 .samecategorie a { color: #000000; font-family: Tahoma, Geneva, sans-serif; font-size: 11px; text-decoration: none; } .back_content .produitetservice2 .samecategorie a:hover { color: #0C469D; text-decoration: none; } .back_content .slidepanel2.entite { background-image: url(../gif/entite.png); background-position: center; background-repeat: no-repeat; background-color: #F1F1F1; width: 1024px; margin-right: auto; margin-left: auto; padding-bottom: 0px; position:relative; } .back_content .slidepanel2.entite:hover { background-image: url(../gif/entite2.png); background-position: center; background-repeat: no-repeat; background-color: #F1F1F1; width: 1024px; margin-right: auto; margin-left: auto; } .back_content .slidepanel2 .box { border: 2px solid #0C469D; height: 210px; width: 480px; margin-right: auto; margin-left: auto; font-family: Tahoma, Geneva, sans-serif; font-size: 24px; color: #FFFFFF; background-color: rgba(12,70,157,0.2); padding-top: 10px; padding-bottom: 10px; padding-left: 20px; background-image: url(../gif/blue_transparency.png); background-repeat: repeat; } .back_content .slidepanel2 .box .title{ float : left; width : 100%; } .back_content .slidepanel2 .box li { list-style-type: square; } .back_content .slidepanel2 .box li a { font-family: Tahoma, Geneva, sans-serif; font-size: 14px; color: #FFFFFF; text-decoration: none; } .back_content .slidepanel2 .box li a:hover { font-family: Tahoma, Geneva, sans-serif; font-size: 14px; color: #F75405; text-decoration: none; } .back_content .slidepanel2 .box .column{ float : left; width : 190px; margin-left : 10px } .back_content .slidepanel2 .bare1 { color: #900; background-image: url(../gif/cube.png); background-repeat: no-repeat; background-position: 0px 0px; background-color: #0C469D; height: 140px; width: 70px; margin-right:; position: absolute; bottom: 0; } .back_content .slidepanel2 .bare2 { color: #900; background-image: url(../gif/cube.png); background-repeat: no-repeat; background-position: 2px 2px; background-color: #0062AC; height: 150px; width: 70px; margin-right:; position:absolute; bottom:0; } .back_content .slidepanel2 .bare3 { color: #900; background-image: url(../gif/cube.png); background-repeat: no-repeat; background-position: 2px 2px; background-color: #9CB43E; height: 160px; width: 70px; margin-right:; position:absolute; bottom:0; } .back_content .slidepanel2 .bare4 { color: #900; background-image: url(../gif/cube.png); background-repeat: no-repeat; background-position: 2px 2px; background-color: #00519D; height: 170px; width: 70px; margin-right:; position:absolute; bottom:0; } .back_content .slidepanel2 .bare5 { color: #900; background-image: url(../gif/cube.png); background-repeat: no-repeat; background-position: 2px 2px; background-color: #C2A106; height: 180px; width: 70px; margin-right:; position:absolute; bottom:0; } .back_content .slidepanel2 .bare6 { color: #900; background-image: url(../gif/cube.png); background-repeat: no-repeat; background-position: 2px 2px; background-color: #CD071E; height: 190px; width: 70px; margin-right:; position:absolute; bottom:0; } .back_content .slidepanel2 .bare7 { background-image: url(../gif/cube.png); background-repeat: no-repeat; background-position: 2px 2px; background-color: #FFE01B; height: 200px; width: 70px; margin-right:; position:absolute; bottom:0; } .back_content .slidepanel2 .bare8 { background-image: url(../gif/cube.png); background-repeat: no-repeat; background-position: 2px 2px; background-color: #004494; height: 210px; width:70px; margin-right:px; position:absolute; bottom:0; } .liste_service .box_service{ border-bottom: 1px solid #CCC; } .liste_service .box_service { width: 320px; margin-right: 15px; margin-bottom: 25px; float : left; background-position: right bottom; padding-right: 3px; padding-bottom: 5px; } .liste_service .serv_categorie{ font-family: Tahoma, Geneva, sans-serif; font-size: 16px; color: #005093; list-style-type: none; width: 100%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #005093; font-weight: bold; margin-bottom: 10px; padding-bottom: 10px; } .liste_service .descrip{ height:; } .liste_service .footer{ background-color: #FF8000; background-image: url(../gif/double_square_blanc.png); background-repeat: no-repeat; background-position: left top; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #FFF; width: 120px; height: 20px; padding-top: 5px; padding-bottom: 5px; padding-left: 20px; float: right; margin-top:10px; } .liste_service .footer a{ color: #FFFFFF; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; font-weight: bold; margin-bottom: 5px; text-decoration: none; } .liste_service .box_service li{ list-style-type: square; } .liste_service .box_service .titre{ color: #F85405; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; font-weight: bold; margin-bottom: 5px; } .liste_service .box_service .titre a{ color: #F85405; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; font-weight: bold; margin-bottom: 5px; text-decoration: none; } .liste_service .box_service .titre a:hover, .liste_service .footer a:hover{ color: #999999; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; font-weight: bold; margin-bottom: 5px; } .back_content .content .col3 { float: left; width: 60px; text-align: justify; box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.5) inset, 2px 0px 2px 0px rgba(255, 255, 255, 0.5); height: 100vh; padding-top: 10px; padding-bottom: 10px; } .back_content .middle #l{ float: left; background-color: #000; width: 2px; height:370px; } .back_content .middle #r{ width:100%; float: left; background-color: #CCC; width: 2px; } .back_content .bigbox { width: 970px; display: inline-block; margin-right: auto; margin-left: auto; margin-top: 2px; border: 5px solid #2AAC48; margin-bottom: 2px; background-color: #F1F1F1; float: left; } .back_content .bigbox .box { float: left; height: 156px; width: 194px; background-image: url(../gif/separateur_menu.png); background-repeat: repeat-y; background-position: right; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFF; } .back_content .bigbox .box .titre { text-align: center; color: #0D469D; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; padding-top: 20px; padding-right: 10px; padding-left: 10px; } .back_content .bigbox .box .box_ico { text-align: center; padding: 10px; } .back_content .bigbox .content { height: 300px; width: 100%; float: left; background-color: #95BCF7; display:none; } .back_content .content { float: left; width: 100%; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; } .back_content .titretexte { font-family: Tahoma, Geneva, sans-serif; font-size: 18px; color: #005093; padding-top: 5px; padding-bottom: 5px; } .back_content .content .texte { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; } .back_content .content .col1 { float: left; width: 730px; border-right-width: 1px; border-right-style: solid; border-right-color: #666; box-shadow: 1px 1px 5px #888888; text-align: justify; padding: 10px; margin-bottom: 1px } .back_content .content .col1 td { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; } .back_content .content .col2 { float: left; width: 200px; text-align: justify; background-color: #F6F6F6; height: 100vh; margin-left: 2px; top: 111px; bottom: 0px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; } .back_content .content .col2 .submenu { background-color: #005093; -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #DDD; border-bottom-color: #DDD; border-left-color: #DDD; padding-bottom:5px } .back_content .content .col2 .submenu .item { padding-top: 7px; padding-bottom: 7px; padding-left: 3px; margin-left: 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #F6F6F6; } .back_content .content .col2 .submenu .item a { color: #FFF; text-decoration: none; font-family: Tahoma, Geneva, sans-serif; font-weight: bold; } .back_content .content .col2 .submenu .item a:hover { color: #F75405; text-decoration: none; font-family: Tahoma, Geneva, sans-serif; font-weight: bold; } .back_content .middle { width: 1024px; background-image: url(../gif/entete_middle.png); background-repeat: no-repeat; background-position: 1px top; margin-right: auto; margin-left: auto; background-color: #F6F6F6; } .back_content .middle .box_col { width: 220px; background-color: #F6F6F6; float: left; margin-right: 10px; margin-bottom: 30px; } .back_content .middle .border_left { background-image: url(../gif/box_big_border.png); background-repeat: no-repeat; background-position: left bottom; height: 220px; width: 175px; } .back_content .middle .box_col .item { border-bottom-width: 1px; padding-top: 10px; padding-right: 7px; padding-bottom: 7px; padding-left: 7px; border-bottom-color: #DBDBDB; border-bottom-style: solid; height: 35px; border-right-width: 1px; border-right-style: solid; border-right-color: #DBDBDB; border-left-width: 1px; border-left-style: solid; border-left-color: #DBDBDB; } .back_content .middle .box_col .item:hover { text-decoration: none; background-color: #DBDBDB; } .back_content .middle .box_col .item a { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #0D469D; text-decoration: none; } .back_content .middle .box_col .item a:hover { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #F75405; text-decoration: none; } .back_content .middle .box_col .ensavoir { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #F75405; text-decoration: none; text-align: right; background-image: url(../gif/fleche_blanc_carre.png); height: 18px; background-repeat: no-repeat; background-position: right; padding-top: 10px; padding-right: 32px; } .back_content .middle .box_col .ensavoir:hover { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #F75405; text-decoration: none; text-align: right; background-image: url(../gif/fleche_blanc_carre.png); height: 18px; background-repeat: no-repeat; background-position: right; padding-top: 10px; padding-right: 32px; background-color: #DBDBDB; } .back_content .middle .box_col .ensavoir a { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #0C469D; text-decoration: none; text-align: right; padding-top: 5px; font-weight: bold; } .back_content .middle .box_col .ensavoir a:hover { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #F75405; text-decoration: none; text-align: right; padding-top: 5px; font-weight: bold; } .back_content .middle .actu_col { background-image: url(../gif/box_big_border.png); background-repeat: repeat-y; background-position: 1px 100px; width: 400px; background-color: #F6F6F6; float: left; } .back_content .middle .actu_col .item { border-bottom-width: 1px; border-bottom-color: #DBDBDB; border-bottom-style: solid; padding-top: 10px; padding-right: 7px; padding-bottom: 7px; padding-left: 7px; } .back_content .middle .actu_col .item:hover { border-bottom-width: 1px; border-bottom-color: #DBDBDB; border-bottom-style: solid; padding-top: 10px; padding-right: 7px; padding-bottom: 7px; padding-left: 7px; background-color: #DBDBDB; } .back_content .middle .actu_col .item a { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #0D469D; text-decoration: none; } .back_content .middle .actu_col .item a:hover { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #F75405; text-decoration: none; } .back_content .slidepanel2 .bare1:hover, .back_content .slidepanel2 .bare2:hover, .back_content .slidepanel2 .bare3:hover, .back_content .slidepanel2 .bare4:hover, .back_content .slidepanel2 .bare5:hover, .back_content .slidepanel2 .bare6:hover, .back_content .slidepanel2 .bare7:hover, .back_content .slidepanel2 .bare8:hover { height: 260px; } .back_content .slidepanel2 .bare1:hover img, .back_content .slidepanel2 .bare2:hover img, .back_content .slidepanel2 .bare3:hover img , .back_content .slidepanel2 .bare4:hover img, .back_content .slidepanel2 .bare5:hover img, .back_content .slidepanel2 .bare6:hover img, .back_content .slidepanel2 .bare7:hover img, .back_content .slidepanel2 .bare8:hover img { height: 260px; } .back_content .slidepanel2 .bareselected{ height: 250px; } .back_content .slidepanel2 .bareselected img{ height: 250px; } .back_content .ruler { background-image: url(../gif/ruler.png); background-repeat: no-repeat; height: 30px; width: 1024px; margin-right: auto; margin-left: auto; margin-top:; border-top-width: 1px; border-top-style: solid; border-top-color: #999; } .back_content .ruler a{ color: #666; text-decoration: none; font-family: Tahoma, Geneva, sans-serif; font-weight: bold; } .back_content .ruler a:hover{ color: #F75405; } .back_content .middle .col_droite .service_header{ background-image: url(../gif/double_square_blue.png); background-repeat: no-repeat; background-position: left top; height: 50px; width: 741px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #0D469D; font-family: Tahoma, Geneva, sans-serif; font-size: 24px; color: #0D469D; margin-bottom: 5px; } .back_content .middle .col_droite .service_header .title{ font-family: Tahoma, Geneva, sans-serif; font-size: 24px; color: #0D469D; } .back_content .middle .col_droite .service{ width: 741px; float: left; } .back_content .middle .col_droite .service .service_col { float: left; margin-right: 5px; margin-left: 10px; width: 225px; position: static; margin-bottom: 5px; margin-top: 10px; } .back_content .middle .col_droite .service .service_col .item { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E8E6DE; padding-top: 5px; padding-right: 2px; padding-bottom: 5px; padding-left: 2px; margin-bottom: 5px; margin-top: 5px; } .back_content .middle .col_droite .service .service_col .item a { color: #0D469D; text-decoration: none; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; } .back_content .middle .col_droite .service .service_col .footer { background-color: #0D469D; background-image: url(../gif/double_square_blanc.png); background-repeat: no-repeat; background-position: left top; font-family: Tahoma, Geneva, sans-serif; font-size: 8px; color: #FFF; width: 225px; padding-top: 5px; padding-bottom: 5px; } .back_content .middle .col_droite .service_repport { background-image: url(../gif/repport.gif); height: 90px; width: 741px; float: left; margin-top: 5px; margin-bottom: 5px; } .back_content .middle .col_droite .service_repport a{ font-family: Tahoma, Geneva, sans-serif; font-weight: bold; color: #FFF; text-decoration: none; } .back_content .middle .col_droite .service_repport a:hover{ color: #F60; } .random { width: 1024px; padding-bottom: 15px; padding-top: 10px; margin-right: auto; margin-left: auto; background-color: #F6F6F6; } .random .random_content { margin-right: auto; margin-left: auto; width: 1024px; } .random .colleft { background-color: #FFF; height: 240px; width: 450px; box-shadow: 1px 1px 5px #888888; float: left; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 20px; border-collapse: separate; } .random .colright { background-color: #FFF; height: 240px; width: 450px; box-shadow: 1px 1px 5px #888888; float: left; margin: 10px; border-collapse: separate; } .random .random_content a { color: #0D469D; text-decoration: none; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; font-weight: bold; } .random .random_content a:hover { color: #F85506; } .random .random_content span { color: #666; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; font-weight: bold; } .random .random_content span.titre { font-size: 16px; } .random .location{ background-image: url(../gif/location_image.png); background-repeat: no-repeat; } .f-nav{ z-index: 9999; position: fixed; width: 100%; background-image: url(../gif/back_top3.png); height: 36px; background-repeat: repeat-x; padding-top: 10px; top : 0px; left: 0px; float:left; display: inline-block; margin:0px; } .f-nav img { vertical-align: bottom; } .f-nav a { color: #FFF; text-decoration: none; font-size: 12px; font-family: Tahoma, Geneva, sans-serif; border-right-color: #FFF; border-right-width: 1px; border-right-style: solid; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; padding-top: 8px; font-weight: bold; } .f-nav a:hover { color: #F65304; background-color: #F5F5F5; } #wrap{ position: relative; z-index:; top: 0; left: 0; margin-top:2px; } #wrap img.bgfade{ position: absolute; top: 0; right:0px; display: none; z-index:; background-position: right 0px; height=100%; } input#previous_but { border-style:none; border:1px; border-bottom-color:#FFF; height:25px; width:29px; background-image: url(../gif/carousel_previous_hover.png); background-color:#FFF } input#next_but { border-style:none; border:0px; height:25px; width:29px; background-image: url(../gif/carousel_next_hover.png); } input#previous_but:hover { border:0px; background-image: url(../gif/carousel_previous.png); } input#next_but:hover { border:0px; background-image: url(../gif/carousel_next.png); } form { margin: 0px; padding: 0px; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; font-weight: normal; } form input { font-family: Tahoma, Geneva, sans-serif; font-size: 10px; border: 1px solid #0C469D; } form select { font-family: Tahoma, Geneva, sans-serif; font-size: 10px; border: 1px solid #0C469D; } ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; } ::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } .back_content .search_box { border: 1px solid #CCC; padding: 10px; background-color: #FFF; text-align: center; } .back_content .item_search{ margin-bottom: 3px; padding-bottom: 3px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCC; } .back_content .item_search a{ color: #000; text-decoration: none; } .back_content .item_search a:hover{ color: #FF8000; } .back_content .search_box input { font-size: 14px; } .back_content table tr td .content table tr td .col1 div table tr td a { color: #005093; text-decoration: none; } .back_content table tr td .content table tr td .col1 div table tr td a:hover { color: #FF8000; } .back_content table tr td .slidepanel2 table tr td .report_principale table tr td { font-family: Tahoma, Geneva, sans-serif; font-size: 14px; color: #FFF; font-weight: bold; } .back_content table .produitetservice2 .col1 .box_big .medium li { list-style-type: square; } .back_content table .produitetservice2 .col1 .box_big .medium ul li a{ font-family: Tahoma, Geneva, sans-serif; font-size: 12px; text-decoration: none; } .back_content table .produitetservice2 .col1 .box_big .medium ul li a:hover{ color: #FF8000; } .back_content .produitetservice2 a { color: #000; text-decoration: none; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; } .back_content .produitetservice2 a:hover { color: #FF8000; text-decoration: none; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; }