/* ==================================================== * Projet : Sercel * Auteur : Quatrepointzero - Expertime (www.quatrepointzero.com) * Sommaire : * | Header * | Navhoriz * | S4-ca * | Left nav * | Middle * | Footer * * ddm:2012/04/24 * ==================================================== */ /* ============================================================================= Font Face ========================================================================== */ @font-face { font-family: "neo_sansregular"; src: url('font/neosans.eot'); src: url('font/neosans.eot?#iefix') format('embedded-opentype'), url('font/neosans.woff') format('woff'), url('font/neosans.ttf') format('truetype'), url('font/neosans.svg#neo_sansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: "NeoSansBold"; src: url('font/neosansbold-webfont.eot'); src: url('font/neosansbold-webfont.eot?#iefix') format('embedded-opentype'), url('font/neosansbold-webfont.woff') format('woff'), url('font/neosansbold-webfont.ttf') format('truetype'), url('font/neosansbold-webfont.svg#neo_sansbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: "NeoSansMedium"; src: url('font/neosansmedium-webfont.eot'); src: url('font/neosansmedium-webfont.eot?#iefix') format('embedded-opentype'), url('font/neosansmedium-webfont.woff') format('woff'), url('font/neosansmedium-webfont.ttf') format('truetype'), url('font/neosansmedium-webfont.svg#neo_sansmedium') format('svg'); font-weight: normal; font-style: normal; } /* ============================================= Reset * ============================================= */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, strong, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit} img{border:0} strong{font-weight:700} /* remember to define focus styles! */ :focus{outline:0} /* tables still need 'cellspacing="0"' in the markup */ table{border-collapse:separate; border-spacing:0} caption, th, td{text-align:left; font-weight:normal} .clearboth{display:block; clear:both; height:0} a,a:link{text-decoration:none} #sercel .ms-webpartzone-cell { margin: auto auto 0;} #sercel .qpz_centre .ms-srch-result #ResultFooter { margin: 15px 0 0;} /* ============================================= Standard * ============================================= */ #pageTitle{display:none} /*#sercel #leftnav{display:none;}*/ #sercel #s4-bodyContainer{padding-bottom:0;font-family: "neo_sansregular";} /*Editeur de contenu sharepoint*/ H5.ms-rteElement-H5{-ms-name:"Heading 5";} H6.ms-rteElement-H6{-ms-name:"Heading 6";} #sercel .ms-rtestate-field h1,#sercel h1.ms-rteElement-H1{ font-family: "NeoSansBold",sans-serif; font-size: 20px;color:#226b90} #sercel .ms-rtestate-field h2,#sercel h2.ms-rteElement-H2{ font-family: "NeoSansBold",sans-serif; font-size:18px;color:#226b90} #sercel .ms-rtestate-field h3,#sercel h3.ms-rteElement-H3{ font-family: "NeoSansBold",sans-serif; font-size: 16px;color:#226b90} #sercel .ms-rtestate-field h4,#sercel h4.ms-rteElement-H4{ font-family: "NeoSansBold",sans-serif; font-size: 14px;color:#226b90} #sercel .ms-rtestate-field h5,#sercel h5.ms-rteElement-H5{ font-family: "NeoSansBold",sans-serif; font-size: 12px;color:#226b90} #sercel .ms-rtestate-field h6,#sercel h6.ms-rteElement-H6{ font-family: "NeoSansMedium",sans-serif; font-size: 12px;color:#226b90} h1.ms-rteElement-H1B, h2.ms-rteElement-H2B, h3.ms-rteElement-H3B, h4.ms-rteElement-H4B{ font-family: "NeoSansBold",sans-serif; font-size:18px;} P.ms-rteElement-P{ -ms-name:"Paragraph"; -ms-element:"true"; } span.ms-rteElement-clear{ -ms-name:"clear"; -ms-element:"true"; clear:both; display:block; } #sercel .ms-rtestate-field p,#sercel p.ms-rteElement-P{margin:0px 0px 10px 0px;} /*.ms-rtestate-field ul{ list-style-image:url("/_catalogs/masterpage/sercel/images/puce_topnav.png")} .ms-rtestate-field ol{}*/ .ms-rtestate-field a,.ms-rtestate-field a:link,.ms-rtestate-field a:visited,.ms-rtestate-field a:hover{} a.ms-rteElement-SercelLink{ -ms-name: "Content Link"; font-family: "neo_sansregular",arial,sans-serif; font-size: 12px;color:#37b2da;line-height:14px;text-decoration:underline; } .ms-rteElement-SercelLink:hover{text-decoration:underline;} a.ms-rteElement-ButtonLink{ -ms-name: "Button Link"; display:inline-block;padding:5px 46px 5px 33px; float:right; background: transparent url("/_catalogs/masterpage/sercel/images/buttonrte.png") 0 0 no-repeat; font-family: "NeoSansMedium",sans-serif; font-size:15px;color:#fff } .blockquote{ background: #2788c0 url("/_catalogs/masterpage/sercel/images/bg_blockquote.png") 0 bottom repeat-x; padding:19px;border-radius:5px;border:1px #145c7b solid;color:#fff;margin:20px 0;display:block} /*reusable content*/ .item_rte {margin:10px 0} .item_rte p{clear:right} .item_rte > img{float:left;margin-right:10px} .rte_button{display:inline-block;padding:5px 46px 5px 33px; float:right; background: transparent url("/_catalogs/masterpage/sercel/images/buttonrte.png") 0 0 no-repeat;font-family: "NeoSansMedium",sans-serif; font-size:15px;color:#fff } /************************ Pour bon scroll sur Ipad enlevé l'id S4-workspace sur la master et décommenter ceci: #sercel { overflow:scroll!important} ***************************************/ /*error 404*/ .fof{ padding:76px 0 0 111px; width: 944px;;margin:0 auto; min-height:808px;background: transparent url("/_catalogs/masterpage/sercel/images/Sercel_404Error.jpg") center 0 no-repeat; } #sercel .fof p{ background: transparent url("/_catalogs/masterpage/sercel/images/attention.jpg") 0 0 no-repeat; padding-left:88px; font-family: "NeoSansBold",sans-serif; font-size: 20px; margin:0 0 18px 141px;color:#467098;line-height:25px} .fof .btn:hover,.fof .btn{ text-transform:none; font-size:17px;display:inline-block; background: transparent url("/_catalogs/masterpage/sercel/images/btn_404Error.jpg") 0 -1px no-repeat; height:17px;line-height:25px;padding:6px 25px 12px 12px;margin-left:232px} .fof .btn:hover{ background-position:0 -70px} .top_error_illustration{background: transparent url("/_catalogs/masterpage/sercel/images/bg_error.jpg") center top no-repeat; display: block; height: 69px } /* ============================================= button bis * ============================================= */ /* boutons */ a.btn { display: inline-block; height: 26px; font-family: "NeoSansMedium",sans-serif; font-size: 13px; line-height: 19px; color: #fff; text-transform: uppercase; text-decoration: none;} a.btn > span {display: inline-block; height: 24px; padding-left: 15px; padding-right: 25px; padding-top: 2px} /* bouton Land */ .gamme_land a.btn {background: transparent url("../images/btn/btn_land_off_left.png") no-repeat top left} .gamme_land a.btn:hover {background-image: url("../images/btn/btn_land_on_left.png")} .gamme_land a.btn > span {background: transparent url("../images/btn/btn_land_off.png") no-repeat top right} .gamme_land a.btn:hover > span {background-image: url("../images/btn/btn_land_on.png");} /* bouton downhole */ .gamme_downhole a.btn {background: transparent url("../images/btn/btn_downhole_off_left.png") no-repeat top left} .gamme_downhole a.btn:hover {background-image: url("../images/btn/btn_downhole_on_left.png")} .gamme_downhole a.btn > span {background: transparent url("../images/btn/btn_downhole_off.png") no-repeat top right} .gamme_downhole a.btn:hover > span {background-image: url("../images/btn/btn_downhole_on.png");} /* bouton seabed */ .gamme_seabed a.btn {background: transparent url("../images/btn/btn_seabed_off_left.png") no-repeat top left} .gamme_seabed a.btn:hover {background-image: url("../images/btn/btn_seabed_on_left.png")} .gamme_seabed a.btn > span {background: transparent url("../images/btn/btn_seabed_off.png") no-repeat top right} .gamme_seabed a.btn:hover > span {background-image: url("../images/btn/btn_seabed_on.png");} /* bouton seabed */ .gamme_seabed a.btn.prev_step {background: transparent url("../images/btn/btn_prev_seabed_off_left.png") no-repeat top right} .gamme_seabed a.btn.prev_step:hover {background-image: url("../images/btn/btn_prev_seabed_on_left.png")} .gamme_seabed a.btn.prev_step > span {background: transparent url("../images/btn/btn_prev_seabed_off.png") no-repeat top left} .gamme_seabed a.btn.prev_step:hover > span {background-image: url("../images/btn/btn_prev_seabed_on.png");} /* bouton marine */ a.btn{background: transparent url("../images/btn/btn_marine_off_left.png") no-repeat top left} a.btn:hover {background-image: url("../images/btn/btn_marine_on_left.png")} a.btn > span {background: transparent url("../images/btn/btn_marine_off.png") no-repeat top right} a.btn:hover > span {background-image: url("../images/btn/btn_marine_on.png");} .btnContact a.btn { width:128px; height:27px;padding:11px 12px 0 25px;font-size:15px;line-height:normal} a.btn.next_step,a.btn.send_enquiry{background: transparent url("../images/Sercel_prev_next.png") no-repeat top right} a.btn.next_step:hover,a.btn.send_enquiry:hover {background: transparent url("../images/Sercel_prev_next.png") no-repeat bottom right} a.btn.prev_step{background: transparent url("../images/Sercel_prev_next.png") no-repeat top left} a.btn.prev_step:hover{background: transparent url("../images/Sercel_prev_next.png") no-repeat bottom left} /* ============================================= Generic * ============================================= */ #sercel h3 ,#sercel .ms-webpart-titleText{font-family: "NeoSansBold", sans-serif; font-size: 19px; color:#144d57; text-transform: uppercase} #sercel h3 .firstword,#sercel .firstword span{font-size: 19px; color:#2286b8} .prev {display:block; float: left; background: transparent url(../images/arrow_up.png) no-repeat 50% 50%; width:20px; height: 20px; text-indent: -1000em} .next{display:block; float: left; background: transparent url(../images/arrow_down.png) no-repeat 50% 50%; width:20px; height: 20px; text-indent: -1000em} .prev.disable {height:1px;background: transparent none } .next.disable{height:1px;background: transparent none} .itn .f_right,.ue .f_right{background: transparent url(../images/arrow_off.png) no-repeat -1px -1px} .f_right {float:right} .f_left {float:left} .btn_blue{display: inline-block; background: transparent url(../images/btn_blue_left.png) no-repeat top left; height: 27px; padding-left: 9px; } .btn_blue > a {display: inline-block; background: transparent url(../images/btn_blue_right.png) no-repeat top right; height: 27px;padding-right: 25px;font-weight:600; font-family: "neo_sansregular", sans-serif; font-size: 14px; line-height: 27px; color: #fff} .arrow_color {display: inline-block; background: #000 url(../images/arrow_right_color.png) no-repeat 50% 50%; width:8px; height: 9px; vertical-align: top; margin-left: 5px; margin-top: 10px; text-indent: -1000em} hr{border:0 none; background: 0 none; clear:both; color: #fff; background: transparent url(../images/ligne.png) repeat-x top left; height: 3px} /********* button Bouton plus gros blue compte Bouton orange Bouton turquoise Bouton vert Bouton read du slider *************/ /* bouton bleu du compte */ a.btn_blue{display: inline-block; background: transparent url(../images/btn_blue_left.png) no-repeat top left; height: 27px; font-family: "neo_sansregular", sans-serif; font-size: 14px; line-height: 27px; color: #fff} a.btn_blue:hover{background-image: url(../images/btn_blue_left_hover.png); height: 26px;} a.btn_blue > span {display: inline-block; background: transparent url(../images/btn_blue_right.png) no-repeat top right; height: 27px; padding-left: 10px; padding-right: 25px} a.btn_blue:hover > span {background-image: url(../images/btn_blue_right_hover.png);} /* bouton orange */ a.btn_orange {display: inline-block; background: transparent url(../images/btn_orange_left.png) no-repeat top left; height: 20px;line-height: 22px; font-weight:600; font-family: "neo_sansregular", sans-serif; font-size: 12px; color: #fff} a.btn_orange:hover {background-image: url(../images/btn_orange_left_hover.png)} a.btn_orange > span {display: inline-block; background: transparent url(../images/btn_orange_right.png) no-repeat top right; height: 20px; line-height: 22px; padding-left: 10px; padding-right: 20px} a.btn_orange:hover > span {background-image: url(../images/btn_orange_right_hover.png)} /* bouton turquoise */ a.btn_turquoise {display: inline-block; background: transparent url(../images/btn_turquoise_left.png) no-repeat top left; height: 20px;line-height: 20px;font-weight:600; font-family: "neo_sansregular", sans-serif; font-size: 12px; color: #fff} a.btn_turquoise:hover {background-image: url(../images/btn_turquoise_left_hover.png)} a.btn_turquoise > span {display: inline-block; background: transparent url(../images/btn_turquoise_right.png) no-repeat top right; height: 20px;line-height: 20px; padding-left: 10px; padding-right: 20px} a.btn_turquoise:hover > span {background-image: url(../images/btn_turquoise_right_hover.png)} /* bouton turquoise */ a.btn_green {display: inline-block; background: transparent url(../images/btn_green_left.png) no-repeat top left; height: 20px;line-height: 20px;font-weight:600; font-family: "neo_sansregular", sans-serif; font-size: 12px; color: #fff} a.btn_green > span {display: inline-block; background: transparent url(../images/btn_green_right.png) no-repeat top right; height: 20px;line-height: 20px; padding-left: 10px; padding-right: 20px} /* bouton read on slider */ a.btn_read_on_slider {display: inline-block; background: transparent url(../images/btn_read_on_slider_left.png) no-repeat top left; height: 23px;font-weight:600; font-family: "neo_sansregular", sans-serif; font-size: 12px;line-height:22px; color: #fff} a.btn_read_on_slider:hover {background-image: url(../images/btn_read_on_slider_left_hover.png)} a.btn_read_on_slider > span {display: inline-block; background: transparent url(../images/btn_read_on_slider_right.png) no-repeat top right; height: 23px; padding-left: 10px; padding-right: 20px} a.btn_read_on_slider:hover > span {background-image: url(../images/btn_read_on_slider_right_hover.png)} /*#home_slider .slide_conteneur .contentvideo .btn_read_on_slider{ left:350px!important} .contentvideo .btn_read_on_slider {display:block; background: transparent url(../images/playButton.png) no-repeat top left; height: 280px;width:280px; font-family: "NeoSansMedium", sans-serif; font-size: 12px;line-height:22px; color: #fff} .contentvideo a.btn_read_on_slider:hover {background-image: url(../images/playButton.png)} .contentvideo a.btn_read_on_slider > span {display: inline-block; background: none; height: 23px; padding-left: 10px; padding-right: 20px} .contentvideo a.btn_read_on_slider:hover > span {background-image:none}*/ .contentvideo { text-align:center} /* ============================================= Header * ============================================= */ /* HEADER #sercel .cheader{background:transparent url(../images/bg_header.png) 0 0 repeat-y; width:945px;margin:0 auto; position:relative} */ #wrapper_header{ position: relative; width: 100%; height: 90px; background: #c4ccd7 url(../images/bg_header.png) top center repeat-y; overflow: hidden } .cheader{ position: relative; width: 944px; margin: 0 auto;padding:0} #s4-titlerow.cheader{padding-top:15px!important} .cheader h1 {float: left; padding-top: 15px} .cheader .aoc { background:transparent url(../images/baseline.png) -7px -11px no-repeat; text-indent:-9999px; width:209px;height:62px;margin-top:13px; display: inline-block;font-weight:600; font-family: "neo_sansregular", sans-serif; font-size: 20px; color: #009fe2; vertical-align: top; margin-left: 25px; padding-top: 5px } .cheader .f_right {margin-top: 30px} .header_left_decor { position: absolute; width:185px; height: 249px; top:-105px; left:-163px; background: transparent url(../images/header_left.png)} .header_right_decor { position: absolute; width:258px; height: 274px; top:-70px; right: -175px; background: transparent url(../images/header_right.png)} /*langue*/ .langue{ position: absolute; right:410px; top: 37px;} .langue span,.langue a,.langue a:link,.langue a:visited,.langue a:hover{font-family: "NeoSansMedium", sans-serif; font-size:14px;color: #cdcdcd; text-transform:uppercase} .langue a.selected ,.langue a.selected:link,.langue a.selected:visited,.langue a.selected:hover{font-family: "NeoSansMedium", sans-serif; font-size:14px; color: #009fe2; } .langue a:hover{ color:#417999} .langue span{ display:inline-block;padding:0 2px 0 5px} /********search************/ #sercel .ms-srch-sb > .ms-srch-sb-navLink{height:0;width:0} #sercel .ms-srch-sb-navLink, .ms-srch-sb-searchLink{border:0} #sercel .search{position:absolute ;top:35px; right:229px;} .search .ms-srch-sb input[type="text"]{background-color: #ececec; margin: 0; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d9d9d9), to(#ececec)); background-image: -webkit-linear-gradient(top center, #d9d9d9, #ececec); background-image: -moz-linear-gradient(top center, #d9d9d9, #ececec); background-image: -o-linear-gradient(top center, #d9d9d9, #ececec); background-image: linear-gradient(top center, #d9d9d9, #ececec); /*uniquement en mode linear*/ border: 1px solid #acacac; padding-left: 5px;width:128px;padding-top:2px } .cheader .search a img{display:none} .cheader .search .ms-srch-sb-searchLink {display:inline-block; width: 35px; border: 1px solid #aaa;background: #e4e4e4 url(../images/loupe_off.png) 50% 50% no-repeat; vertical-align:bottom; text-decoration: none} .cheader .search .ms-srch-sb-searchLink:hover {background: #24b2ee url(../images/loupe_on.png) 50% 50% no-repeat} /**************************** My sercel caché --> mettre le display en inline-block pour rendre visible su .cheader .account ligne 333 ligne 315 mettre le search a right:150px vs 10 et ligne 307 passer le .langue a right:347px vs 247 *******************************/ .cheader .account{ position:absolute ;top:30px; right:10px;height:20px;width:120px;} .cheader .account img{position:absolute;top:0;right:0;} .mysercel{background:transparent url("../images/mysercel.png") 0 0 no-repeat;font-weight:600;font-family: "neo_sansregular", sans-serif; font-size: 17px; color: #fff; display:inline-block;height:20px;width:120px;padding:4px 0 4px 12px } .mysercel:hover{background:transparent url("../images/ mysercel_off.png") 0 0 no-repeat; } .cheader .search .ms-srch-sb-border{border:0px;} /* TOP NAV */ #topnav{ background: #1f283e url(../images/bg_topnav.png) top center no-repeat;height:27px; -moz-box-shadow: 0 6px 12px -2px #151515; -webkit-box-shadow: 0 6px 12px -2px #151515; -o-box-shadow: 0 6px 12px -2px #151515; box-shadow: 0 6px 12px -2px #151515; } #topnav.fixed {position:fixed;top:0;width:100%;z-index:9999} #topnav .tnwrapper {margin:0 auto;width:995px;} #topnav ul .static > a { color: #fff; text-transform: uppercase; font-family: "neo_sansregular", sans-serif; font-size: 13px; text-decoration: none;margin:0;border-left: 1px solid #fff; padding:0 30px 0 30px; } #topnav .root{padding-left:0px} #topnav .root > .static { list-style: none; margin: 0; float: left; padding:4px 0 4px 0;} #topnav .root > .static:hover{background: #fff} #topnav ul .static:first-child > a{border-left: 0 none} #topnav .root > .static.hover-off ul.dynamic, #topnav .root > .static:hover ul.dynamic{top:26px!important;background:#fff url("../images/bg_dropdown.png") left bottom repeat-x;box-shadow:2px 4px 7px 0 rgba(0, 0, 0, 0.47);border-top:0px} #topnav .ms-core-listMenu-horizontalBox .dynamic-children.additional-background{ background:transparent none; padding:0 } #topnav ul li{ list-style: none;margin: 0} #topnav ul li.selected{background: #a6bed4} #topnav li:hover .static span{color: #007db2} #topnav ul.dynamic a{font-family: "neo_sansregular", sans-serif; font-size:12px; background:transparent url("../images/puce_topnav.png") 14px 5px no-repeat; text-transform:uppercase;padding-left:25px;} #sercel .nbr2 ul.dynamic,#sercel .nbr4 ul.dynamic,#sercel .nbr7 ul.dynamic, #sercel .nbr5 ul.dynamic{ width:250px!important;left:0px!important;padding:10px 3px;} #sercel .nbr2 li.dynamic,#sercel .nbr4 li.dynamic,#sercel .nbr7 li.dynamic{padding:2px 0;} #sercel .nbr2 li.dynamic:hover,#sercel .nbr4 li.dynamic:hover,#sercel .nbr7 li.dynamic:hover{background-color:#009fe2} #sercel .nbr2 li.dynamic:hover a,#sercel .nbr4 li.dynamic:hover a,#sercel .nbr7 li.dynamic:hover a{ color:#fff} .nbr3 ul.dynamic{ width:944px!important;left:-255px!important} #topnav .nbr3 ul.dynamic a{ background-image:none;font-size:12px;padding-left:6px} #topnav .nbr3 li.dynamic{ display:inline-block;width:222px ;padding:5px;} .land{ text-indent:-9999px ;display:inline-block;background: transparent url("/_catalogs/masterpage/sercel/images/menu_land.jpg") no-repeat 0 0;width:222px;height:110px; ;padding:5px;} .downhole{text-indent:-9999px ;display:inline-block;background: transparent url("/_catalogs/masterpage/sercel/images/menu_downhole.jpg") no-repeat 0 0;width:222px;height:110px; ;padding:5px;} .seabed{text-indent:-9999px ;display:inline-block;background: transparent url("/_catalogs/masterpage/sercel/images/menu_seabed.jpg") no-repeat 0 0;width:222px;height:110px; ;padding:5px;} .marine{text-indent:-9999px ;display:inline-block;background: transparent url("/_catalogs/masterpage/sercel/images/menu_marine.jpg") no-repeat 0 0;width:222px;height:110px; ;padding:5px;} .marine:hover,.seabed:hover,.downhole:hover,.land:hover{ background-position:left -120px} /* ============================================= login * ============================================= */ /* ============================================= Middle * ============================================= */ /* */ #homepage .conteneur{width:945px;margin:0 auto;} #homepage .conteneur.topwpz{width:1280px;margin:0 auto;} /* ============================================= Footer * ============================================= */ #footer {padding-bottom:10px;clear:both} .footer{width:945px;margin:0 auto;} .footer_wrapper{ position: relative; background: #009ee1 url(../images/footer.png) top center no-repeat; margin-bottom: 10px} .footer_wrapper img{max-width:63px} .footer_custom{ position: relative; width: 944px; color: #fff; margin: 0 auto; overflow: hidden} #sercel .footer_custom h3 {color: #fff; padding-bottom: 8px; padding-left: 60px} .footer_custom > div { display: block;height:88px; float: left; width: 280px; margin-top: 20px; margin-bottom: 25px; padding-left: 15px; padding-right: 15px; border-left: 2px solid #fff; } .footer_custom > div:first-child {border-left: 0 none} .footer_custom > div img {display: block; float: left; padding-top: 15px} .footer_custom p{ font-family: "neo_sansregular", sans-serif; font-size: 12px; line-height: 14px; padding-left: 60px;color:#fff} .footer_link{ position: relative; display: block; width: 945px; margin: 0 auto; overflow: hidden} .footer_link ul {margin: 0; padding:0} .footer_link ul li { list-style: none; margin: 0; padding: 0; display: block; float: left; margin-right: 3px} .footer_link ul li a {display: block; color: #035170; font-family: "neo_sansregular", sans-serif; font-size: 12px; text-decoration: none;line-height:21px} .footer_link ul li a:hover {text-decoration: underline} .footer_link ul li a.picto_viadeo{margin-right:7px;} .slogan {float: right; font-family: "neo_sansregular", sans-serif;font-weight:600; font-size: 20px; line-height: 30px; color: #009fe2} .copyright {display:block; position: relative; width: 944px; margin: 0 auto; font-family: "neo_sansregular", sans-serif; font-size: 13px; line-height: 22px; color: #256883} .copyright strong {font-family: "NeoSansBold", sans-serif} /* ============================================= Styles webpart Home * ============================================= */ /* MIDDLENAV */ #middle_nav { position: relative; width: 100%; background: transparent url(../images/bg_middle_nav.png) 0 50% repeat-x; -moz-box-shadow: inset 0px 10px 10px -10px #000000; -webkit-box-shadow: inset 0px 10px 10px -10px #000000; -o-box-shadow: inset 0px 10px 10px -10px #000000; box-shadow: inset 0px 10px 10px -10px #000000 } .middlenav{width: 944px; height: 45px; overflow: hidden; margin: 0 auto; padding: 0} .middlenav li{list-style: none; margin: 0; padding: 0; display: block; float: left; width: 232px; position:relative; -moz-box-shadow: inset 0px 10px 10px -10px #000000; -webkit-box-shadow: inset 0px 10px 10px -10px #000000; -o-box-shadow: inset 0px 10px 10px -10px #000000; box-shadow: inset 0px 10px 10px -10px #000000; } .middlenav li a{ display:block; text-align: center; color: #fff; height: 32px; padding-top: 12px; text-decoration: none;font-family: "NeoSansMedium", sans-serif;font-size:18px} .middlenav li:hover a{ color:#fff; /* animation: moveFromTop 300ms ease-in-out; -moz-animation: moveFromTop 300ms ease-in-out; -webkit-animation: moveFromTop 300ms ease-in-out;*/ } /*********************************/ @keyframes moveFromTop { from { opacity: 0; transform: translateY(-200%); } to { opacity: 1; transform: translateY(0%); } } @-moz-keyframes moveFromTop { from { opacity: 0; transform: translateY(-200%); } to { opacity: 1; transform: translateY(0%); } } @-webkit-keyframes moveFromTop { from { opacity: 0; -webkit-transform: translateY(-200%); } to { opacity: 1; -webkit-transform: translateY(0%); } } /*********************************/ .middlenav li img{ position:absolute ;top:9px; left:35px; overflow:hidden;height:auto; } .middlenav li{ height: 46px; } .bg_downhole_sprite {background: transparent url(../images/bg_downhole_sprite.png) 0 0 no-repeat;} .bg_land_sprite{background: #dfa960 url(../images/bg_land_sprite.png) 0 0 no-repeat;} .bg_seabed_sprite {background: transparent url(../images/bg_seabed_sprite.png) 0 0 no-repeat;} .bg_marine_sprite {background: #045881 url(../images/bg_marine_sprite.png) 0 0 no-repeat;} .middlenav li:hover { background-position: 0 -46px; -moz-transition: background-image 2s ease; -webkit-transition: background-image 2s ease; -o-transition: background-image 2s ease; transition: background-image 2s ease} /* .picto_land {background: transparent url(../images/picto_land.png) no-repeat 45px 50%} .picto_downhole {background: transparent url(../images/picto_downhole.png) no-repeat 37px 50%} .picto_seabed {background: transparent url(../images/picto_seabed.png) no-repeat 30px 50%} .picto_marine {background: transparent url(../images/picto_marine.png) no-repeat 40px 50%} */ /* ============================================= Webpart * ============================================= */ #homepage .onet .ctz{height:105px;overflow:hidden} #homepage .onet .pf .ctz{height:141px;} #homepage .onet .pf .abs{position:absolute;bottom:2px} .itn h3,.ue h3,.pf h3 {padding-bottom: 10px} .itn p,.ue p,.pf p{font-family:"neo_sansregular", sans-serif; font-size: 12px; line-height: 14px; color: #226b90} .itn, .pf, .ue {display: block; float: left; width: 294px;} .itn{margin-left: 0px} .itn .item {margin-bottom: 15px} .itn .item img {display:block; float: left; width: 72px; height: 37px; max-width: 72px; max-height: 37px} .itn .item p {padding-left: 80px} .itn .arrow_color {background-color: #add4e5} .pf{ position:relative} .pf img {display: block; max-width: 296px;} .pf .arrow_color {background: transparent url(../images/arrow_brown.png) 0 0 no-repeat;} .ue ul{margin: 0; padding: 0} .ue li {list-style: none; margin: 0; padding: 0 0 0 15px; background: transparent url(../images/bullet.png) 0% 1px no-repeat} .ue li a{color: #275c7c; font-family: "neo_sansregular", sans-serif; font-size: 14px; font-style: italic; text-decoration: none} .ue .arrow_color {background-color: #a1cbdb} span.date {font-family: "NeoSansBold", sans-serif; font-size: 12px; font-style: normal; color: #275c7c} /*slide 1*/ #slider1 { height: 1%; overflow:hidden; padding: 0 0 10px; } #slider1 .viewport { float: left; width: 294px; height: 110px; overflow: hidden; position: relative; } #slider1 .disable { cursor:default} #slider1 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 240px; left: 0; top: 0; } #slider1 .overview li{ float: left; height:22px; width: 294px;line-height:12px} /*slide 2*/ #slider2 { height: 1%; overflow:hidden; padding: 0 0 10px; } #slider2 .viewport { float: left; width: 294px; height: 110px; overflow: hidden; position: relative; } #slider2 .disable { cursor:default} #slider2 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 240px; left: 0; top: 0; } #slider2 .overview li{ float: left; height:45px; width: 294px;line-height:12px;overflow:hidden} /***************** slider home page ***********************/ #home_slider{position: relative; width: 100%;margin:0 auto; height: 312px; max-height: 312px; overflow: hidden; z-index: 1; background-position:top center; background-repeat:no-repeat;} #home_slider .slide_conteneur {width:945px!important;position:relative; display: block;max-height: 312px; margin: 0 auto;overflow:visible} #home_slider .slide_conteneur img{display: block;position:absolute;left:-487px; margin: 0 auto; width: 1920px;height:312px;} #home_slider .slide_conteneur .fp-engine {max-height: 312px; z-index: 999; outline: none} .ms-core-needIEFilter #home_slider .slide_conteneur .fp-engine {width:592px} #nav_slider {position: absolute; top: 15px; right: 25px; z-index: 50;} #home_slider .contentd{width:945px; margin:0 auto;position:relative} #home_slider .slide_conteneur > div {height:332px;width:945px; } #nav_slider a {display:inline-block; width:17px; height:17px; background: transparent url(../images/bullet_off.png) 0 0 no-repeat; margin-right: 5px; text-indent: -1000em} #nav_slider a.activeSlide {background: transparent url(../images/bullet_on.png) 0 0 no-repeat} #home_slider .slide_conteneur h2{color: #fff; font-family: "neo_sansregular", sans-serif; font-size: 50px; position:absolute;top:35%;left:33px } #home_slider .slide_conteneur .btn_read_on_slider{position:absolute;left:70px;bottom:45px} /*video*/ #homepage .fp-engine{background-color:#000} #homepage .close{position:absolute;z-index: 9999;color: #fff;top: 6px;right: 34px;font-weight: 900; cursor:pointer} #homepage .video { background-color:#000} #homepage .video > div{ width:944px;margin:0 auto;position:relative} /* custom player skin */ #homepage .flowplayer { height:312px;background-color: #000; background-size: cover; } #homepage .flowplayer .fp-controls { background-color:#000} #homepage .flowplayer .fp-timeline { background-color:#fff} #homepage .flowplayer .fp-progress { background-color:#00a7c8} #homepage .flowplayer .fp-buffer { background-color:#eee} /*.flowplayer .fp-engine{height:270px;!important }*/ .fp-speed{ display:none} .tab_view.videos .flowplayer{ width:525px;height:229px;} .ms-core-needIEFilter .tab_view.videos .flowplayer object{ width:405px;height:229px;} .ms-core-needIEFilter #home_slider .flowplayer object{ width:560px;height:300px;margin-left:192px} .tab_view.videos .flowplayer video{ width:405px ;height:226px;} .tab_view.videos .flowplayer.is-fullscreen video{ width:100% ;height:100%;} .tab_view.videos .flowplayer .fp-ui{ width:405px } .tab_view.videos .flowplayer.is-fullscreen .fp-ui{ width:100% } .tab_view.videos .fp-playlist { width:115px;padding-left:10px;float:right;} .tab_view.videos .fp-playlist img{ width:113px ;height:68px;display:list-item} .tab_view.videos .fp-playlist a{ margin-bottom:7px;display:inline-block;opacity:0.3} .tab_view.videos .fp-playlist a:hover,.tab_view.videos .fp-playlist a.is-active{ opacity:1; -moz-box-shadow: 0px 0px 10px 0px #000; -webkit-box-shadow: 0px 0px 10px 0px #000; -o-box-shadow: 0px 0px 10px 0px #000; box-shadow: 0px 0px 10px 0px #000;} /* ============================================= Layout home page * ============================================= */ #homepage .onet{float: left; width: 294px; margin-left: 30px;} #homepage .topwpz {background: transparent url(../images/bg_background_slider.png) top left repeat-x;} #homepage .topwpz .ms-webpartzone-cell{padding:0px;margin:0px} #homepage .onet.left{margin-left: 0} #homepage .bottomwpz{padding: 25px 0 20px 0} /* ============================================= Layout avec Right nav * ============================================= */ .mt_wrn #content{ width:944px;margin:0 auto} .mt_wrn #DeltaPlaceHolderMain{ display: block;float:left; width: 715px;} #layout_wrn.qpz_layoutb .qpz_centre { width: 700px;margin-right:15px;margin-bottom:25px} #layout_wrn .qpz_centre .qpz_top{ width: 700px;margin-right:15px} #rightnav{display: block;float:right;width: 205px;background:#fff; padding:0; margin-top: -38px; margin-bottom:20px;overflow:hidden} #rightnav .rn_content{ -moz-box-shadow: 0px 0px 10px 0px #555555;border:1px #e2e2e2 solid ; -webkit-box-shadow: 0px 0px 10px 0px #555555; -o-box-shadow: 0px 0px 10px 0px #555555; box-shadow: 0px 0px 10px 0px #555555;margin-bottom:20px;} /*rightnav*/ #rightnav .root {margin: 0;padding:0;list-style-type:none} #rightnav .root .static{margin: 0;padding:0} #rightnav .root ul.static{list-style-type:none;} #rightnav .root a.static{ font-family: "neo_sansregular", sans-serif; font-size: 14px; text-transform: uppercase; color: #fff; text-decoration: none; margin-left: 0; padding:3px 15px;} #rightnav .root li.static{background-color:#76b5d7;border-bottom:2px solid #fff} #rightnav .root li li.static.selected, #rightnav .root li li.static:hover{background-color:#226b90!important} #rightnav .rn_content > div { padding:10px} #rightnav .root.static li li{ background-color:#badaeb;padding-left:7px } /*#rightnav .root.static li:hover,*/#rightnav .root.static li li.selected li > a.ms-core-listMenu-item.ms-core-listMenu-selected:hover, li > a.ms-core-listMenu-item:hover, li > a.ms-core-listMenu-item:active{ background-color:#226b90} li li a.ms-core-listMenu-item.ms-core-listMenu-selected:hover, li li a.ms-core-listMenu-item:hover, li li a.ms-core-listMenu-item:active, .ms-core-listMenu-selected:link, .ms-core-listMenu-selected:visited, .ms-core-listMenu-selected{ background-color:#226b90} #rightnav .title { color: #FFFFFF; display: block; font-family: "NeoSansBold",sans-serif; font-size: 16px; height: 25px; padding: 5px 0 0 15px; text-transform: uppercase; } .color_1 { background: #5e778e; /* Old browsers */ background: -moz-linear-gradient(left, #5e778e 0%, #374a5b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#5e778e), color-stop(100%,#374a5b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #5e778e 0%,#374a5b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #5e778e 0%,#374a5b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #5e778e 0%,#374a5b 100%); /* IE10+ */ background: linear-gradient(to right, #5e778e 0%,#374a5b 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e778e', endColorstr='#374a5b',GradientType=1 ); /* IE6-9 */ } #layout_wrn .level_2_title {display: block; font-family: "NeoSansBold", sans-serif; font-size: 20px; color: #226b90; line-height: 26px} #rightnav .root ul.static{border-top:2px solid #fff} /* ============================================= Layout Detail de news * ============================================= */ #layout_News{padding:0 0 25px 0} /* Background illustration TOP */ .top_bg_illustration,.bg_products {display: block; height: 69px; margin-bottom: 20px;background-position:top center ;} .top_bg_illustration.bg_news{margin-bottom:2px} #layout_pf .top_bg_illustration { height: 166px;position:relative} #layout_pf{padding-bottom: 20px;} .top_bg_illustration h1,.top_bg_illustration h2,.bg_products h2,.top_error_illustration h2 {position: relative; width: 944px; margin: 0 auto; font-family: "NeoSansMedium", sans-serif; color: #fff; font-size: 30px; line-height: 36px; padding-top:19px; padding-left: 30px; text-transform: uppercase} .bg_news {background: transparent url("../images/bg_news.jpg") top center no-repeat} .qpz_layoutb .top_bg_illustration img,.mt_wrn .top_bg_illustration img, .qpz_layoutc .top_bg_illustration img{display:none} #layout_pf .top_bg_illustration h2 ,#layout_pf .top_bg_illustration h1 { text-indent:-9999px} /* Editeur de contenu */ .chapo{font-family: "NeoSansBold", sans-serif; font-size: 15px; color: #0c1c27; margin-bottom: 20px} /* Detail News */ .detail_news {width: 944px; margin: 0 auto;padding-top: 10px;} .detail_news .left_col{ display: block; float: left; width: 303px; margin-right: 21px} .detail_news .right_col {display: block; float: left; width: 620px} .detail_news .left_col img{ display: block; width: 303px; height:157px; max-width: 303px; max-height: 157px; background-color: #333} .detail_news .date {display: block; font-family: "NeoSansBold", sans-serif; font-size: 15px; color: #226b90 } .detail_news .title_news {display: block; color: #226b90; font-family: "NeoSansBold", sans-serif; font-size: 26px; line-height: 47px; padding-bottom: 10px} .detail_news .legend {display: block; font-size: 11px; color: #a2a2a2} .picto_fleche{display: inline-block; width: 8px; height: 9px; margin-right: 5px; background: #a7d3e4 url("../images/arrow_right_color.png") 0 50% no-repeat} .view_pdf {display: block; margin-top: 20px} .picto_pdf{display: inline-block; width: 20px; height: 26px; margin-right: 10px; background: transparent url("../images/picto_pdf.png") 0 50% no-repeat; vertical-align: bottom;} /* module Share news Module natif */ .addthis_toolbox { border-bottom: 2px solid #A7C4D3;border-top: 2px solid #A7C4D3;margin: 5px 0 0;min-height: 35px; padding: 7px 7px 5px 55px;} .module_share li{list-style:none; margin: 0; padding: 0; float: left;} /*addthis*/ /* module Latest News */ .title_latest {display: block; font-family: "neo_sansregular", sans-serif; color: #0c1c27; padding: 5px 0;font-size:16px} .module_latest_news {border-bottom: 2px solid #a7c4d3} .module_latest_news ul {margin-top:0px;display: block; padding: 0} .module_latest_news ul li{margin: 0; padding: 0; list-style:none} .module_latest_news ul li a, .module_latest_news .all_news{font-family: "neo_sansregular", sans-serif; font-size: 12px; text-decoration: none; color: #0c1c27} .module_latest_news ul li a:hover{text-decoration: underline} .module_latest_news .all_news {float: right} /*Latest events*/ .top_bg_illustration.full{margin-bottom:0} .bg_event{margin-top:30px} .bg_event h2{ display:none} .bg_event + h3{ width:944px;margin:0 auto} .slider_event {width: 944px; margin: 10px auto 20px auto;border-top: 1px solid #cdd1d1; padding-top: 15px;} .item_slider {position: relative; width: 221px; height: 346px; float: left; background: transparent url("../images/bg_item_slider_middle.png") 50% 0 no-repeat; margin-left: 20px } .item_slider:first-child{margin-left:0} .item_slider .date_event {position: relative; display: block; width: 204px; height: 48px; background: transparent url("../images/bg_item_slider_top.png") 0 0 no-repeat; color: #fff; text-align: center; font-family: "NeoSansBold", sans-serif; font-size: 16px; line-height: 42px; margin: 0 auto; text-transform: uppercase} .item_slider .title_event {display: block; font-family: "NeoSansBold",sans-serif; font-size: 17px; color: #fff; padding: 0 20px; margin-bottom: 10px} .item_slider .info_event {display: block; font-family: "neo_sansregular", sans-serif; font-size: 13px; color: #1dafed; padding: 0 20px; line-height: 15px } .item_slider .info_event span{font-family: "NeoSansBold",sans-serif; font-style: italic} .item_slider a {display: inline-block; padding-left:0} .cartouche {position: relative; width:221px; height: 129px; margin: -5px auto 15px auto; padding: 5px 0; background-color: #fff; border-radius: 5px; -moz-box-shadow: 0px 0px 15px 0px #000; -webkit-box-shadow: 0px 0px 15px 0px #000; -o-box-shadow: 0px 0px 15px 0px #000; box-shadow: 0px 0px 15px 0px #000 } .ms-core-needIEFilter .cartouche {border:1px solid #cacaca} .cartouche img {display: block; width: 221px; height: 129px; margin: 0 auto; max-width: 221px; max-height: 129px; background-color: #333} .separteur_cartouche{position: absolute; bottom: 15px; width: 180px; margin: 0 20px; border-top: solid 2px #a5c0ce; padding-top: 8px} .separteur_cartouche .btn_turquoise span{ text-transform:capitalize} /*Layout 2 sercel*/ .qpz_layoutb .qpz_centre{ width:945px;margin:0 auto} .qpz_layoutc .qpz_centre{ width:945px;margin:0 auto;} .qpz_layoutc .left_col{ display: block; float: left; width: 720px ; margin-right: 20px } .qpz_layoutc .right_col {display: block; float: left; width:205px;position: relative;} /*Layout full*/ #layout_full .ms-webpartzone-cell{ margin-bottom:0px;} /* Chaque item de la liste news */ .item_news {display: block; margin-bottom: 15px} .item_news img {display: block; float: left; width: 141px; height: 74px; max-width: 141px; max-height: 74px; background-color: #222} .item_news:hover img {opacity: 0.7} .item_news .content_item_news {display: block; float: left; width: 515px; padding-left: 5px; max-width: 515px} .item_news .content_item_news .date {display: block; font-family: "NeoSansBold"} .item_news .content_item_news .title_news {font-family: "NeoSansBold"; font-size: 18px; line-height: 26px; color: #226b90; text-decoration: none} .item_news .content_item_news p {display: block; font-family: "neo_sansregular", sans-serif; font-size: 12px; line-height: 14px; color: #226b90; margin:0;} /* Webpart archive */ .aside_right .ms-WPBorderBorderOnly{border:0;border-top: 1px solid #226b90; padding-top: 10px; margin-top: 20px;display:block} .aside_right .ms-ref-refinername{font-family: "NeoSansBold"; color: #226b90; padding-bottom: 10px; font-size: 18px; text-transform: none; margin: 0} /*liste de news pager .qpz_centre #PageLinkNext{ float:right} .qpz_centre #PageLinkPrev{float:left}*/ .qpz_centre .ms-promlink-button-enabled{ border-color:#fff} .qpz_centre #Value{padding:0} .qpz_centre .ms-ref-name{font-family: "NeoSansBold",arial;font-size: 12px;text-decoration: none;color: #245573;background:transparent url("../images/puce_topnav.png") 2px 7px no-repeat; text-transform:uppercase;padding-left:15px;} .aside_right .ms-ref-refiner #Container{ padding-bottom:0px} .ms-srch-result #PagingSelf a,.ms-srch-result #PagingSelf a:hover {color:#fff;background-color:#009fe2;padding:2px 8px 3px 8px} .ms-srch-result #PagingLink a {color:#009fe2;padding:7px} .qpz_centre .ms-promlink-button-enabled-hover, .qpz_centre .ms-promlink-button-enabled:hover{ background-color:#fff} /******************************** Global Location ************************************************/ .popup-content{display:none !important;} .popup-content.selected{display:block !important;clear:both} .tooltip{width: 275px;height:160px;} #secTabs {margin: 0 0 15px 0; padding: 0} .tabs span{cursor:pointer;margin: 0; padding: 0; display:inline-block; width:69px; padding:3px 0; background: #267fb3; text-align: center; border-right: 1px solid #fff; text-decoration: none; color: #fff; font-family: "NeoSansMedium", sans-serif; font-size: 12px;margin-left:-3px} .tabs span:hover,.tabs span.selected{background: #afe2fb;color: #1a6387} .tabs span.selected{ cursor:default} .tooltip .address {float: left; width: 145px; padding-right:0} .tooltip .address .town {display: block; font-family: "NeoSansMedium", sans-serif; font-size: 14px; color:#1a6387; text-transform: uppercase; margin-bottom: 13px} .tooltip .address div,.tooltip .address p{ margin: 0; padding: 0; font-family: "NeoSansMedium", sans-serif; font-size: 11px; color:#1a6387;} .tooltip img.disp {display: block; float: left; width: 125px; height: 94px; max-width: 125px; max-height: 94px; background-color: #666} .tooltip a.itinerary {display: block; text-decoration: none; width:80px;background: #267fb3; text-align: center; color: #fff; font-family: "NeoSansMedium", sans-serif; font-size: 12px; margin-top: 5px} .tooltip a.itinerary:hover {background: #afe2fb; color: #1a6387} .tooltip .service,.tooltip .contact {margin: 0; padding: 0} .tooltip .service span, .tooltip .contact span{margin: 0 0 12px 0; padding: 0 ; min-height: 23px; line-height: 24px; font-family: "NeoSansMedium", sans-serif; font-size: 12px; color:#1a6387} .tooltip .contact .label{ color:#000} .view_video {float: right; font-family: "NeoSansMedium", sans-serif; font-size: 12px; color: #1a6387;text-decoration:underline} /************************************** Module contact *******************************************/ .technical_support_fieldset { position:relative;display: block; width: 558px; height: 214px; border: 0 none; margin: 25px auto 0 auto; padding:3px 0; font-family: "NeoSansBold", sans-serif; color: #fff; background:transparent url("../images/form_fieldset.png") no-repeat 0 0; text-transform: uppercase;} .technical_support_fieldset > span {display: block; margin-top: 15px; margin-left: 50px} .technical_support_fieldset > span.title_form {height: 30px; margin-top: 22px;} .technical_support_fieldset label {display: inline-block; width: 165px;} .technical_support_fieldset select {display: inline-block; width: 280px; text-transform: none;} .technical_support_fieldset .btn_turquoise{margin-top: 11px; float: right; margin-right: 59px; margin-bottom: 20px} .infos_contact {display: block; width: 530px; background:transparent url("../images/form_infos.png") no-repeat 0 bottom; margin:-15px auto 0 auto; padding:22px 0 20px 0} .infos_contact li{display: block; margin: 0; padding: 0 0 0 35px; list-style: none;} .infos_contact li > span {display: inline-block; width: 130px; font-family: "NeoSansBold", sans-serif; font-size: 18px; text-transform: uppercase; color: #086994; margin:3px 0;} .infos_contact li > span + span {width: 280px; font-family: "NeoSansMedium", sans-serif; text-transform: none; color: #086994} #rightnav .contact {position: relative; display: block; width: 220px; height: 108px; background:transparent url("/_catalogs/masterpage/sercel/images/contact.jpg") no-repeat 75% 0; margin-top: 15px} #rightnav .contact .title {display: block; width: 202px; position: absolute; bottom: 0; margin-left: 6px; color: #FFFFFF; font-family: "NeoSansBold",sans-serif; font-size: 16px; height: 25px; padding: 5px 0 0 10px; text-transform: uppercase} #rightnav .contact .title a {text-decoration: none; font-family: "NeoSansMedium", sans-serif; font-size: 16px; color: #fff;} .location {position: relative; display: block; width: 220px; height: 108px; background:transparent url("/_catalogs/masterpage/sercel/images/location.jpg") no-repeat 75% 0; margin-top: 15px} .location .title {display: block; width: 202px; position: absolute; bottom: 0; margin-left: 6px; color: #FFFFFF; font-family: "NeoSansBold",sans-serif; font-size: 16px; height: 25px; padding: 5px 0 0 10px; text-transform: uppercase} .location .title a {text-decoration: none; font-family: "NeoSansMedium", sans-serif; font-size: 16px; color: #fff;} /************************************** reusable content -- Webpart media relation *******************************************/ .media_relation {/*border-top: 1px solid #226b90; padding-top: 10px; margin-top: 20px*/} #sercel .media_relation h3 {color: #226b90; padding-bottom: 10px; font-size: 18px; text-transform: none; margin: 0} .media_relation ul {margin: 0; padding: 0} .media_relation ul li{margin: 0; padding: 0; list-style-type:none} .media_relation ul li a{font-family: "NeoSansBold"; font-size: 12px; text-decoration: none; color: #245573} .media_relation ul li a:hover{text-decoration: underline} .media_relation ul li a .picto_fleche{display: inline-block; width: 8px; height: 9px; margin-right: 5px; background: #a7d3e4 url("../images/arrow_right_color.png") 0 50% no-repeat} /* Liste de coordoonée d'une relation */ .media_relation ul{ list-style:none} .media_relation .coordonnee {display: block; font-family: "neo_sansregular", arial, sans-serif; font-size: 11px; color: #000; margin-bottom: 10px} .media_relation .coordonnee li{line-height: 15px; color: #245573} /************************************** Webpart Contact Form *******************************************/ .title_part_form {display: block; font-family: "NeoSansBold", sans-serif; font-size: 16px; color: #226b90; text-transform: uppercase; margin-left: 0; margin-bottom: 10px; padding-bottom: 8px; border-bottom: 1px solid #b7b7b7} .form_panel{height:430px;overflow:hidden} .formulaire_contact fieldset {position: relative; display: block; border: 0 none; margin: 25px auto 0 auto; padding: 0; color: #000} .formulaire_contact fieldset div {margin-bottom: 20px} .formulaire_contact fieldset label {display: inline-block; width: 195px; font-family: "NeoSansMedium", sans-serif; font-size: 15px; vertical-align: top } .formulaire_contact fieldset select {display: inline-block; width: 280px; text-transform: none;} .enquiry fieldset input[type="radio"]{vertical-align: top} .enquiry fieldset input[type="radio"] + label {font-family: "neo_sansregular", sans-serif; font-size: 13px; width: auto; margin-right: 30px} .contact_detail fieldset label + input[type="text"]{width: 300px} .contact_detail fieldset label + textarea {width: 304px; max-width: 495px; padding: 3px} .contact_message fieldset textarea {width: 695px; padding: 3px; max-width: 695px; min-height: 200px} a.btn.prev_step {margin-top: 20px; float: left; margin-bottom: 20px} a.btn.next_step,a.btn.send_enquiry {margin-top: 20px; float: right; margin-bottom: 20px} /* step by step du formulaire */ .step_by_step {overflow: hidden; margin-top: 15px} .step_by_step ul {display: block; margin: 0; padding: 0} .step_by_step ul li{position: relative; display: block; margin: 0; padding: 0; list-style:none; float: left; width: 249px; height: 50px; text-align: center; font-family: "NeoSansMedium", sans-serif; font-size: 20px; line-height: 50px } .step_by_step ul li {z-index: 4; margin-left: -30px} .step_by_step ul li + li {z-index: 3; margin-left: -30px} .step_by_step ul li + li + li {z-index: 2; margin-left: -30px} .step_by_step ul li + li + li + li {z-index: 1; margin-left: -22px} .step_by_step ul li.desactive {background: transparent url("../images/step_3.png") no-repeat top left; color: #deeff8; } .step_by_step ul li.past {background: transparent url("../images/step_2.png") no-repeat top left; color: #343334; } .step_by_step ul li.active {background: transparent url("../images/step_1.png") no-repeat top left; color: #fff; } .step_by_step ul li.check {width: 68px; background: transparent url("../images/step_check.png") no-repeat top left; z-index: 1;} input.error_custom,.error_custom{border:1px red solid!important} p.error_text{ color:red;font:700;font-family: "NeoSansbold", sans-serif; font-size: 16px;} .enquiry fieldset br{display:none;} .mailStatus p{font-family: "NeoSansbold", sans-serif; font-size: 22px;padding:80px 10px 10px 10px; margin:0 auto} /* Headquarters webpart */ .headquarters { background:#fff; -moz-box-shadow: 0px 0px 10px 0px #555555; -webkit-box-shadow: 0px 0px 10px 0px #555555; -o-box-shadow: 0px 0px 10px 0px #555555; box-shadow: 0px 0px 10px 0px #555555; padding-bottom: 15px; border: 1px solid #eee; } .headquarters .title {display: block; color: #FFFFFF; font-family: "NeoSansBold",sans-serif; font-size: 16px; height: 25px; padding: 5px 0 0 15px; text-transform: uppercase; } .headquarters ul {display: block; margin: 15px 10px 0 10px; padding:10px; background:#76b5d7; color: #fff} .headquarters ul ul {margin: 0 0 15px 0; padding: 0} .headquarters ul li{display: block; padding: 0; list-style:none; margin: 0 auto; font-family: "NeoSansBold", sans-serif; font-size: 14px; text-transform: uppercase;} .headquarters ul ul li {font-family: "NeoSansMedium", sans-serif; font-size: 12px; line-height: 16px; text-transform: none;} .headquarters a {display: block; text-align: center;background: #3986b0; height: 45px; line-height: 45px; margin: 0 10px; text-decoration: none; font-family: "NeoSansMedium", sans-serif; font-size: 16px; color: #fff; text-transform: uppercase;} .contact_link{ background:#fff url("/_catalogs/masterpage/sercel/images/Sercel_Contact.jpg") no-repeat 0 0; -moz-box-shadow: 0px 0px 10px 0px #555555; -webkit-box-shadow: 0px 0px 10px 0px #555555; -o-box-shadow: 0px 0px 10px 0px #555555; box-shadow: 0px 0px 10px 0px #555555; height:40px;padding-top:110px;margin-bottom:20px;margin-top:-58px; } .ms-rtestate-write.ms-rtestate-field .contact_link{margin-top:0!important; } .contact_link a{color: #FFFFFF; font-family: "NeoSansMedium",sans-serif; font-size: 15px;padding-left: 15px;display:inline-block } .contact_link a span{display:block ;} /* degradé bleu */ .color_1{ background: #5e778e; /* Old browsers */ background: -moz-linear-gradient(left, #5e778e 0%, #374a5b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#5e778e), color-stop(100%,#374a5b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #5e778e 0%,#374a5b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #5e778e 0%,#374a5b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #5e778e 0%,#374a5b 100%); /* IE10+ */ background: linear-gradient(to right, #5e778e 0%,#374a5b 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e778e', endColorstr='#374a5b',GradientType=1 ); /* IE6-9 */ } /*Product family*/ .product_family {width: 944px; margin: 30px 0; overflow: hidden;padding:0px} .product_family li {display: block; float: left; width:235px; height: 329px;} .product_family .bg_land {background: transparent url("/_catalogs/masterpage/sercel/images/sprite_bg_land.jpg") no-repeat 0 0} .product_family .bg_downhole{background: transparent url("/_catalogs/masterpage/sercel/images/sprite_bg_downhole.jpg") no-repeat 0 0} .product_family .bg_seabed {background: transparent url("/_catalogs/masterpage/sercel/images/sprite_bg_seabed.jpg") no-repeat 0 0} .product_family .bg_marine {background: transparent url("/_catalogs/masterpage/sercel/images/sprite_bg_marine.jpg") no-repeat 0 0} .product_family .picto_land {background: transparent url("/_catalogs/masterpage/sercel/images/picto_land.png") no-repeat 0 0} .product_family .picto_downhole{background: transparent url("/_catalogs/masterpage/sercel/images/picto_downhole.png") no-repeat 0 0} .product_family .picto_seabed {background: transparent url("/_catalogs/masterpage/sercel/images/picto_seabed.png") no-repeat 0 0} .product_family .picto_marine {background: transparent url("/_catalogs/masterpage/sercel/images/picto_marine.png") no-repeat 0 0} .product_family .bg_land:hover, .product_family .bg_downhole:hover, .product_family .bg_seabed:hover, .product_family .bg_marine:hover {background-position: 0 -330px} .product_family .bg_land .picto_land {background-position:41px 280px} .product_family .bg_downhole .picto_downhole {background-position:35px 278px} .product_family .bg_seabed .picto_seabed {background-position:33px 280px} .product_family .bg_marine .picto_marine {background-position:41px 278px} .product_family li a{display: block; width: 100%; height: 100%; font-family:neo_sansregular, sans-serif; font-size: 20px; text-align: center; color: #fff; text-decoration: none; text-transform: uppercase; padding-top: 280px } .intro_product {position: relative; width: 944px; height: 110px; margin: 0 auto 90px auto} .intro_product .accroche {display: block; float: left; width: 250px; height: 85px; padding-left: 65px; padding-top: 13px; font-family: "NeoSansMedium",sans-serif; color: #15709c; text-transform: uppercase; background: transparent url("/_catalogs/masterpage/sercel/images/ombre_arc.png") no-repeat 100% 0%} .intro_product .accroche span {display: block;font-size:20px} .intro_product .accroche span.color {font-family: "neo_sansregular",sans-serif; color: #73aac3;font-size:17px} .intro_product p {display: block; float: left; width: 500px; height: 110px; max-height: 110px; font-family: "NeoSansMedium",sans-serif; color: #226b90; font-size: 12px; margin: 0 0 0 50px} .intro_product p:first-letter{color: #009fe2; font-size: 16px} .etc {display: inline-block; width: 26px; height: 6px; background: transparent url("/_catalogs/masterpage/sercel/images/etc.png") no-repeat 100% 0%; margin-left: 10px} /*Products suite*/ /* bouton bleu du compte */ a.btn_preview{ font-weight:600} .gamme_seabed a.btn_preview{display: inline-block; background: transparent url(../images/btn/btn_seabed_off_left.png) no-repeat top left; height: 22px;line-height: 21px; font-family: "neo_sansregular", sans-serif; font-size: 12px; color: #fff} .gamme_seabed a.btn_preview:hover{background-image: url(../images/btn/btn_seabed_on_left.png); height: 20px;} .gamme_seabed a.btn_preview > span {display: inline-block; background: transparent url(../images/btn/btn_seabed_off.png) no-repeat top right; height: 22px;line-height: 21px; padding:1px 28px 0 14px; } .gamme_seabed a.btn_preview:hover > span {background-image: url(../images/btn/btn_seabed_on.png);} /* bouton orange */ .gamme_land a.btn_preview {display: inline-block; height: 22px;line-height: 23px; font-family: "neo_sansregular", sans-serif; font-size: 12px; color: #fff} .gamme_land a.btn_preview:hover {} .gamme_land a.btn_preview > span {display: inline-block; background: transparent url(../images/btn_orange_right.png) no-repeat top right; height: 22px; line-height: 21px; padding:0 28px 4px 14px;} .gamme_land a.btn_preview:hover > span {background-image: url(../images/btn_orange_right_hover.png)} /* bouton turquoise */ .gamme_marine a.btn_preview {display: inline-block; background: transparent url(../images/btn_turquoise_left.png) no-repeat top left; height: 22px;line-height: 21px;font-family: "neo_sansregular", sans-serif; font-size: 12px; color: #fff} .gamme_marine a.btn_preview:hover {background-image: url(../images/btn_turquoise_left_hover.png)} .gamme_marine a.btn_preview > span {display: inline-block; background: transparent url(../images/btn_turquoise_right.png) no-repeat top right; height: 22px;line-height: 21px; padding:0 28px 4px 14px;} .gamme_marine a.btn_preview:hover > span {background-image: url(../images/btn_turquoise_right_hover.png)} /* bouton brown */ .gamme_downhole a.btn_preview {display: inline-block; background: transparent url(../images/btn/btn_downhole_off_left.png) no-repeat top left; height: 20px;line-height: 21px; font-family: "neo_sansregular", sans-serif; font-size: 12px; color: #fff} .gamme_downhole a.btn_preview:hover {background-image: url(../images/btn/btn_downhole_on_left.png)} .gamme_downhole a.btn_preview > span {display: inline-block; background: transparent url(../images/btn/btn_downhole_off.png) no-repeat top right; height: 19px;line-height: 21px; padding:1px 28px 0 14px;} .gamme_downhole a.btn_preview:hover > span {background-image: url(../images/btn/btn_downhole_on.png)} /*********************/ .gamme_land .sous_menu ul li {background-color: #d49f5b} .gamme_downhole .sous_menu ul li {background-color: #997456} .gamme_seabed .sous_menu ul li {background-color: #0d9bb8} .gamme_marine .sous_menu ul li {background-color: #1f80af; max-width: 150px} .gamme_land .sous_menu ul li a{padding: 15px 46px} .gamme_downhole .sous_menu ul li a{padding: 15px 20px; font-size: 18px; line-height: 20px} .gamme_seabed .sous_menu ul li a{padding: 15px 73px; font-size: 18px; line-height: 20px} .gamme_marine .sous_menu ul li a{max-width: 150px; font-size: 16px; line-height: 18px; padding: 12px} /* Sous menu de family */ .sous_menu {margin-bottom: 15px} .sous_menu ul{margin: 0; padding: 0} .sous_menu ul li{ display: block; margin: 0; list-style: none; float: left; margin-left: 3px; width: auto; height: 50px; line-height: 50px; text-align: center; -moz-border-radius: 5px 5px 0 0px; border-radius: 5px 5px 0 0px; -moz-box-shadow: inset 0 -6px 10px -6px #000000; -webkit-box-shadow: inset 0 -6px 10px -6px #000000; -o-box-shadow: inset 0 -6px 10px -6px #000000; box-shadow: inset 0 -6px 10px -6px #000000; } .sous_menu ul li.disabled{background-color:#8b8888} .sous_menu ul li:first-child{margin-left: 0} .sous_menu ul li:hover,.sous_menu ul li.selected { -moz-box-shadow: 0px -3px 10px -4px #000000; -webkit-box-shadow: 0px -3px 10px -4px #000000; -o-box-shadow: 0px -3px 10px -4px #000000; box-shadow: 0px -3px 10px -4px #000000} /*IE lte 8*/ .ms-core-needIEFilter .sous_menu ul li.selected {border:1px solid #d5d7d8;border-bottom:0px} .sous_menu ul li a{position: relative; display: block; font-family: "NeoSansMedium", sans-serif; font-size: 20px; line-height: 30px; color: #fff; text-decoration: none; text-align: center; text-transform: uppercase } .sous_menu ul li.selected { background-color:#fff} .sous_menu ul li.disabled,.sous_menu ul li.disabled:hover{background-color:#8b8888;cursor:default;} .sous_menu ul li.disabled:hover{-moz-box-shadow:0px 0px 0px 0px #000000; -webkit-box-shadow:0px 0px 0px 0px #000000; -o-box-shadow: 0px 0px 0px 0px #000000; box-shadow: 0px 0px 0px 0px #000000 } .sous_menu ul li.disabled a{cursor:default;color:#6b6666} .sous_menu ul li.selected a{color: #d49f5b} .gamme_land .sous_menu ul li.selected a {color: #b8854e} .gamme_downhole .sous_menu ul li.selected a{color: #7f5a3d} .gamme_seabed .sous_menu ul li.selected a {color: #0988a3} .gamme_marine .sous_menu ul li.selected a {color: #166286} #conteneur_pf .sous_menu ul li{height:30px;} /*Product Family*/ #layout_pf .top_bg_illustration .illus_content{ position:relative;margin:0 auto;width:944px;} #layout_pf .top_bg_illustration .illus_content > div{ position: absolute; right: 10px; display: block; width:320px; top:-20px; height:80px; max-height: 80px; background: transparent url("/_catalogs/masterpage/sercel/images/overlay_bandeau.png"); font-family: "NeoSansMedium",sans-serif; font-size: 14px;line-height:normal; color: #fff; padding: 15px 40px 15px 50px; margin-top: 0; overflow: hidden} #layout_pf .top_bg_illustration .illus_content p{ font-family: "neo_sansregular",sans-serif; font-size: 14px;line-height:13px;padding-bottom:0px;} #layout_pf .top_bg_illustration .illus_content strong{text-shadow:2px -1px 1px #000;font-family: "NeoSansMedium", sans-serif; font-size: 18px; line-height: 24px} .gamme_land .vignette_title {color: #b8854e} .gamme_downhole .vignette_title {color: #7f5a3d} .gamme_seabed .vignette_title {color: #0988a3} .gamme_marine .vignette_title {color: #166286} .gamme_land .product_description .sub_title_product {color: #b8854e} .gamme_downhole .product_description .sub_title_product {color: #7f5a3d} .gamme_seabed .product_description .sub_title_product {color: #0988a3} .gamme_marine .product_description .sub_title_product {color: #166286} .gamme_land .product_description .fonctionnalite li {color: #b8854e} .gamme_downhole .product_description .fonctionnalite li {color: #7f5a3d} .gamme_seabed .product_description .fonctionnalite li {color: #0988a3} .gamme_marine .product_description .fonctionnalite li {color: #166286} .gamme_land .wrapper_arrow .arrow{border-bottom-color: #b8854e} .gamme_downhole .wrapper_arrow .arrow{border-bottom-color: #7f5a3d} .gamme_seabed .wrapper_arrow .arrow{border-bottom-color: #0988a3} .gamme_marine .wrapper_arrow .arrow{border-bottom-color: #166286} .gamme_land .product_description .content_description {border-top-color: #b8854e} .gamme_downhole .product_description .content_description {border-top-color: #7f5a3d} .gamme_seabed .product_description .content_description {border-top-color: #0988a3} .gamme_marine .product_description .content_description {border-top-color: #166286} .gamme_land .product_description .title_product {color: #563817} .gamme_downhole .product_description .title_product {color: #452d13} .gamme_seabed .product_description .title_product {color: #1a464f} .gamme_marine .product_description .title_product {color: #0a2c3d} /* Vignettes de produits */ .vignette_produit{ position: relative; display: block; width: 135px; height: 135px; background-color: #fff; padding-top: 5px; float: left; margin-left: 10px; margin-right: 10px; margin-bottom: 20px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 0px 5px 1px #cdd1d4; -webkit-box-shadow: 0px 0px 5px 1px #cdd1d4; -o-box-shadow: 0px 0px 5px 1px #cdd1d4; box-shadow: 0px 0px 5px 1px #cdd1d4; border: 1px solid #eee; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; } .ms-core-needIEFilter .vignette_produit { border:1px solid #cdd1d4;} .vignette_produit.active { cursor: pointer; -moz-box-shadow: 0px 0px 10px 0px #000000; -webkit-box-shadow: 0px 0px 10px 0px #000000; -o-box-shadow: 0px 0px 10px 0px #000000; box-shadow: 0px 0px 10px 0px #000000; } .vignette_produit:hover { cursor: pointer; -moz-box-shadow: 0px 0px 10px 0px #000000; -webkit-box-shadow: 0px 0px 10px 0px #000000; -o-box-shadow: 0px 0px 10px 0px #000000; box-shadow: 0px 0px 10px 0px #000000; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; } .vignette_produit.off { opacity: .25; filter:alpha(opacity=25); border: 1px solid #ccc; } .vignette_produit.off:hover { opacity: 1; filter:alpha(opacity=100); -moz-box-shadow: 0px 0px 5px 1px #cdd1d4; -webkit-box-shadow: 0px 0px 5px 1px #cdd1d4; -o-box-shadow: 0px 0px 5px 1px #cdd1d4; box-shadow: 0px 0px 5px 1px #cdd1d4; } .vignette_produit img{display: block; width: 129px; height: 96px; max-width: 129px; max-height: 96px; margin: 0 auto; background-color: #555} .vignette_produit .vignette_title {position: relative; display: block;font-family: "NeoSansBold", sans-serif; font-size: 12px;padding-top: 8px; padding-left: 8px} .vignette_produit .vignette_title .moreb{font-family:arial,sans-serif; font-weight:700; font-size:17px;padding-left:10px;line-height:24px} .vignette_produit .vignette_title .btn_preview,.vignette_produit .vignette_title .moreb, .vignette_produit:hover .vignette_title .evaltitle{ display:none} .vignette_produit:hover .vignette_title .btn_preview,.vignette_produit:hover .vignette_title .moreb{ display:inline-block} .vignette_produit:hover .vignette_title{ padding-top:7px} .wrapper_arrow {display: none; position: absolute; bottom: -22px; left: 60px; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #fff; z-index: 1 } .wrapper_arrow .arrow {position: absolute; top: 7px; left: -7px; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #000 } /* .arrow_pop {position: absolute; background: #000 url(images/arrow_pop.png) top center no-repeat; width:49px; height: 21px; top: -25px; left: 60px } */ .popin_product_description {position: relative; clear: both;margin-bottom:20px;} /* product */ .popin_product_description .zoom_product {position: relative; width: 944px; min-height: 300px; background-color: #fff; padding-top: 25px; border: 1px solid #eee; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 0px 7px 1px #8e979c; -webkit-box-shadow: 0px 0px 7px 1px #8e979c; -o-box-shadow: 0px 0px 7px 1px #8e979c; box-shadow: 0px 0px 7px 1px #8e979c; } .ms-core-needIEFilter .popin_product_description .zoom_product { border:1px solid #cdd1d4;} .popin_product_description .zoom_product img {position: relative; display: block; float: left; width: 334px; height: 249px; max-width: 334px; max-height: 249px; margin-left: 25px; background-color: #333} .popin_product_description .zoom_product .product_description {display: block; float: left; width: 545px; margin-left: 20px} .popin_product_description .zoom_product .product_description .title_product, .zoom_product .product_description .sub_title_product { display: block; font-family: "NeoSansMedium", sans-serif} .popin_product_description .zoom_product .product_description .title_product {font-size:34px; line-height: 40px} .popin_product_description .zoom_product .product_description .sub_title_product {font-size:15px; line-height: 20px} .popin_product_description .zoom_product .product_description .content_description {font-family: "NeoSansMedium", sans-serif; font-size: 12px; line-height: 16px; color: #666; border-top-width: 2px; border-top-style:solid; padding-top: 10px; margin-top:5px; margin-bottom: 25px} /* sur les maquettes opacity a 0.58 et color:#000*/ /* Liste des fonctionnalites importantes dans la description d'un product */ .fonctionnalite {display: block; margin:0; padding: 0; float: left;} .fonctionnalite ul{list-style-type:none;margin:0; padding: 0;} .fonctionnalite li{ margin:0; padding: 0 0 0 18px;font-size:17px; font-family: "NeoSansMedium", sans-serif; text-transform: uppercase;} .gamme_land .fonctionnalite li {background: transparent url("/_catalogs/masterpage/sercel/images/slash_land.png") no-repeat left 3px } .gamme_downhole .fonctionnalite li {background: transparent url("/_catalogs/masterpage/sercel/images/slash_dowhole.png") no-repeat left 3px} .gamme_seabed .fonctionnalite li {background: transparent url("/_catalogs/masterpage/sercel/images/slash_seabed.png") no-repeat left 3px} .gamme_marine .fonctionnalite li {background: transparent url("/_catalogs/masterpage/sercel/images/slash_marine.png") no-repeat left 3px} /* bouton LEARN de la description */ .view_more {display: block; float: right;width:250px} /* big bouton Learn More */ a.btn_big { display: inline-block; height: 56px; font-family: "NeoSansMedium",sans-serif; font-size:15px; line-height: 25px; color: #fff;padding-left:8px } a.btn_big > span {display: inline-block; height: 50px; padding-left: 15px; padding-right: 40px; padding-top: 6px} a.btn_big span span {display: block; font-size: 11px; line-height: 12px} /* big bouton big_land Learn More */ .gamme_land .product_description a.btn_big {background: transparent url("/_catalogs/masterpage/sercel/images/big_button/btn_big_land_left_off.png") no-repeat top left} .gamme_land .product_description a.btn_big:hover {background-image: url("/_catalogs/masterpage/sercel/images/big_button/btn_big_land_left_on.png")} .gamme_land .product_description a.btn_big > span {background: transparent url("/_catalogs/masterpage/sercel/images/big_button/btn_big_land_right_off.png") no-repeat top right} .gamme_land .product_description a.btn_big:hover > span {background-image: url("/_catalogs/masterpage/sercel/images/big_button/btn_big_land_right_on.png");} /* big bouton big_downhole Learn More */ .gamme_downhole .product_description a.btn_big {background: transparent url("/_catalogs/masterpage/sercel/images/big_button/btn_big_downhole_left_off.png") no-repeat top left} .gamme_downhole .product_description a.btn_big:hover {background-image: url("/_catalogs/masterpage/sercel/images/big_button/btn_big_downhole_left_on.png")} .gamme_downhole .product_description a.btn_big > span {background: transparent url("/_catalogs/masterpage/sercel/images/big_button/btn_big_downhole_right_off.png") no-repeat top right} .gamme_downhole .product_description a.btn_big:hover > span {background-image: url("/_catalogs/masterpage/sercel/images/big_button/btn_big_downhole_right_on.png");} /* big bouton Seabed Learn More */ .gamme_seabed .product_description a.btn_big {background: transparent url("/_catalogs/masterpage/sercel/images/big_button/btn_big_seabed_left_off.png") no-repeat top left} .gamme_seabed .product_description a.btn_big:hover {background-image: url("/_catalogs/masterpage/sercel/images/big_button/btn_big_seabed_left_on.png")} .gamme_seabed .product_description a.btn_big > span {background: transparent url("/_catalogs/masterpage/sercel/images/big_button/btn_big_seabed_right_off.png") no-repeat top right} .gamme_seabed .product_description a.btn_big:hover > span {background-image: url("/_catalogs/masterpage/sercel/images/big_button/btn_big_seabed_right_on.png");} /* big bouton Marine Learn More */ .gamme_marine .product_description a.btn_big {background: transparent url("/_catalogs/masterpage/sercel/images/big_button/btn_big_marine_left_off.png") no-repeat top left} .gamme_marine .product_description a.btn_big:hover {background-image: url("/_catalogs/masterpage/sercel/images/big_button/btn_big_marine_left_on.png")} .gamme_marine .product_description a.btn_big > span {background: transparent url("/_catalogs/masterpage/sercel/images/big_button/btn_big_marine_right_off.png") no-repeat top right} .gamme_marine .product_description a.btn_big:hover > span {background-image: url("/_catalogs/masterpage/sercel/images/big_button/btn_big_marine_right_on.png");} /********* suite products *********************/ #conteneur_pf .sous_menu ul li a, .gamme_land #conteneur_pf .sous_menu ul li a, .gamme_downhole #conteneur_pf .sous_menu ul li a, .gamme_seabed #conteneur_pf .sous_menu ul li a, .gamme_marine #conteneur_pf .sous_menu ul li a { padding: 5px 16px; font-size: 13px;line-height:21px;} .gamme_land #conteneur_pf .title_product {color: #563817} .gamme_downhole #conteneur_pf .title_product {color: #452d13} .gamme_seabed #conteneur_pf .title_product {color: #1a464f} .gamme_marine #conteneur_pf .title_product {color: #0a2c3d} .gamme_land #conteneur_pf .sub_title_product {color: #b8854e} .gamme_downhole #conteneur_pf .sub_title_product {color: #7f5a3d} .gamme_seabed #conteneur_pf .sub_title_product {color: #0988a3} .gamme_marine #conteneur_pf .sub_title_product {color: #166286} .gamme_land #conteneur_pf .gallery_miniature li.activeSlide { border: 1px solid #b8854e } .gamme_#conteneur_pf .gallery_miniature li.activeSlide { border: 1px solid #7f5a3d } .gamme_seabed #conteneur_pf .gallery_miniature li.activeSlide { border: 1px solid #0988a3 } .gamme_marine #conteneur_pf .gallery_miniature li.activeSlide { border: 1px solid #166286 } .gamme_land #conteneur_pf .specs .item_spec > span {color: #b8854e} .gamme_downhole #conteneur_pf .specs .item_spec > span {color: #7f5a3d} .gamme_seabed #conteneur_pf .specs .item_spec > span {color: #0988a3} .gamme_marine #conteneur_pf .specs .item_spec > span {color: #166286} .title_product {color: #563817} .gamme_downhole .title_product {color: #452d13} .gamme_seabed .title_product {color: #1a464f} .gamme_marine .title_product {color: #0a2c3d} .sub_title_product {color: #b8854e} .gamme_downhole .sub_title_product {color: #7f5a3d} .gamme_seabed .sub_title_product {color: #0988a3} .gamme_marine .sub_title_product {color: #166286} .gallery_miniature li.activeSlide { border: 1px solid #b8854e } .gamme_downhole .gallery_miniature li.activeSlide { border: 1px solid #7f5a3d } .gamme_seabed .gallery_miniature li.activeSlide { border: 1px solid #0988a3 } .gamme_marine .gallery_miniature li.activeSlide { border: 1px solid #166286 } .specs .item_spec > span {color: #b8854e} .gamme_downhole .specs .item_spec > span {color: #7f5a3d} .gamme_seabed .specs .item_spec > span {color: #0988a3} .gamme_marine .specs .item_spec > span {color: #166286} /*******/ #conteneur_pf .left_side {display: block; float: left; width: 390px; margin-right: 20px } #conteneur_pf .right_side {display: block; float: left; width:534px;margin-bottom:20px} #conteneur_pf .title_product,#conteneur .sub_title_product { display: block; font-family: "NeoSansMedium", sans-serif} #conteneur_pf .title_product { font-size:30px; line-height: 36px} #conteneur_pf .sub_title_product {font-size:17px; line-height: 21px; text-transform: uppercase;;margin-bottom:7px} .wrapper_feature{position: relative} .feature_preview {position: relative; width:383px; height:288px; border: 2px solid #f0f0f0; margin: 0 auto 10px auto; -moz-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0px 0px 5px 0px #330001; -webkit-box-shadow: 0px 0px 5px 0px #330001; -o-box-shadow: 0px 0px 5px 0px #330001; box-shadow: 0px 0px 5px 0px #330001; } .feature_preview a {display: block; width: 383px; height: 288px; padding: 0;text-align:center} .feature_preview img{display: inline; max-width: 383px; max-height: 288px; padding: 0} /*.tab_view{display:none} #overview.tab_view{display:block} */ .wrapper_miniature{position: relative;background: transparent url("/_catalogs/masterpage/sercel/images/fleche_cycle.jpg") no-repeat 1px -4px } .gallery-wrap-miniature{position: relative; margin: 0 auto; overflow: hidden; width: 357px } .gallery_miniature{position: relative; left: 0; top: 0; margin: 0; padding: 0} .gallery_miniature li {list-style:none; display: block; float: left; width: 76px; height: 57px; margin: 0 5px 5px 5px; padding: 0; opacity: 0.3; border: 1px solid #fff} .gallery_miniature li.activeSlide {opacity: 1} .gallery_miniature li a {display: block; width: 76px; height: 57px; outline: 0 none ;text-align:center} .gallery_miniature li a:focus { outline: none; } .gallery_miniature li a img{display: inline; max-width: 77px; max-height: 57px; border: 0 none;} .gallery-prev, .gallery-next {position: absolute; top:0; width: 15px; height: 39px; margin-top: 10px; text-indent: -1000em} .gallery-prev:focus, .gallery-next:focus { outline: 0 none } .gallery-prev {left:0; background: url("/_catalogs/masterpage/sercel/images/fleche_prev.png") no-repeat 0 0} .gallery-prev:hover {background-position: 0 -40px} .gallery-next {right:0; background: url("/_catalogs/masterpage/sercel/images/fleche_next.png") no-repeat 0 0} .gallery-next:hover {background-position: 0 -40px} .wrapper_feature .zoom_product {cursor:pointer;position: absolute; display: block; bottom: 5px; right: 10px; width: 36px; height:41px;min-height:1px; background: transparent url("/_catalogs/masterpage/sercel/images/zoom_product.png") no-repeat 0 0; z-index: 50; text-indent: -1000em} .btn.request_product{ margin:22px 0 20px} /* section overview */ .overview {font-family: "neo_sansregular", sans-serif; font-size: 12px; line-height: 16px; padding-right: 20px} .overview p {display: block; margin-bottom: 20px; margin-top: 0} #sercel .tab_view.overview li{color: #000;font-size:12px;font-family:"neo_sansregular",sans-serif;} /* section specs */ .specs {overflow: hidden} .specs .item_spec {display: block; float: left; width: 108px; margin-left:25px;margin-bottom:10px} .specs .item_spec img {display: block; margin: 0;min-height:125px} .specs .item_spec span {display: block; font-family: "NeoSansMedium", sans-serif; font-style:16px; line-height: 22px; } .specs .item_spec a.btn {margin-top: 5px} /*publication*/ #sercel .tab_view h3{color: #b8854e;font-size:14px} #sercel .gamme_downhole .tab_view h3 {color: #7f5a3d} #sercel .gamme_seabed .tab_view h3 {color: #0988a3} #sercel .gamme_marine .tab_view h3 {color: #166286} #sercel .tab_view li{color: #b8854e;font-size:16px;font-family:"NeoSansMedium",sans-serif;} #sercel .gamme_downhole .tab_view li {color: #7f5a3d} #sercel .gamme_seabed .tab_view li {color: #0988a3} #sercel .gamme_marine .tab_view li {color: #166286} .tab_view.publications ul{ margin-top:0px;padding-left:25px} .tab_view.publications ul li:hover{ background-color:#eee} .tab_view.publications li span:first-child{width:400px;display:inline-block} .tab_view.publications li span + span{ font-weight:700;display:inline-block;padding-right:7px} .publication_category .btn { margin-bottom: 20px; display: none; } .tab_view.features > ul{ list-style-type:none;padding:0 ;margin:0;} .tab_view.features > ul > li{padding-left:18px;padding-bottom:5px;} .gamme_land .tab_view.features > ul > li{background: transparent url("/_catalogs/masterpage/sercel/images/slash_land.png") no-repeat left 3px } .gamme_downhole .tab_view.features > ul > li{background: transparent url("/_catalogs/masterpage/sercel/images/slash_dowhole.png") no-repeat left 3px } .gamme_seabed .tab_view.features > ul > li{background: transparent url("/_catalogs/masterpage/sercel/images/slash_seabed.png") no-repeat left 3px } .gamme_marine .tab_view.features > ul > li{background: transparent url("/_catalogs/masterpage/sercel/images/slash_marine.png") no-repeat left 3px } #sercel .tab_view.publications li span,#sercel .right_side .tab_view ul ul li{color:#000;font-size:13px;font-family: "neo_sansregular",sans-serif} #sercel .right_side .tab_view ul ul{ list-style-type:none;margin-bottom:4px} #sercel .right_side .tab_view ul ul li{ padding:0;font-size:13px;font-family: "neo_sansregular",sans-serif;padding-bottom:3px} /**********************/ .bg_products {display: block; height: 69px; margin-bottom: 25px} .bg_products h2{ text-indent:-9999px} .gamme_land .bg_products {background: #bd884c url("/_catalogs/masterpage/sercel/images//sercel-land-mini.jpg") top center no-repeat} .gamme_downhole .bg_products {background: #734f35 url("/_catalogs/masterpage/sercel/images/sercel-downhole-mini.jpg") top center no-repeat} .gamme_seabed .bg_products{background: #007891 url("/_catalogs/masterpage/sercel/images/sercel-seabed-mini.jpg") top center no-repeat} .gamme_marine .bg_products {background: #0080af url("/_catalogs/masterpage/sercel/images/sercel-marine-mini.jpg") top center no-repeat} #videoTitle{font-family: "NeoSansBold",sans-serif; font-size: 14px;margin-top:10px;display:block;width:405px;text-align:center } .gamme_land #videoTitle{color:#bd884c } .gamme_downhole #videoTitle{color:#734f35 } .gamme_seabed #videoTitle{color:#007891 } .gamme_marine #videoTitle{color:#0080af } /**************************** Course Schedule ****************************/ .qpz_left_col{ float:left;} .qpz_left_col{width:217px} .qpz_right_col{width:700px;float:right} #layout_ts .qpz_centre{ background: transparent url("/_catalogs/masterpage/sercel/images/deg_cs.png") repeat-x left 31px;} .separator_form img{ position:absolute;top:9px;right:-7px} .qpz_left_col h2 { margin-top:20px} .form_schedule{margin:20px 0} #sercel .qpz_left_col h2, #sercel .form_schedule h2{width:175px;text-shadow:2px -1px 1px #000; padding:11px 10px 10px 25px;margin-right:20px; font-family:"NeoSansBold", arial, sans-serif;font-size:19px;display:inline-block; text-decoration:none;color:#fff; background:linear-gradient(to bottom, #2788C0 0%, #1E6386 100%) repeat scroll 0 0 transparent;margin-top:31px} #sercel .qpz_left_col h2{ background-color:#1E6386} .form_schedule .filter{width:200px;display:inline-block;padding:12px 7px;margin: 8px 0; } .filter label{display:inline-block; color:#fff; font-family:"NeoSansBold", arial, sans-serif;font-size:12px;margin-bottom:9px} .color_first ,.color_second,.color_third{padding:5px 13px 5px 10px;width:177px} .color_first{ background-color:#2786be} .color_second{ background-color:#49a4da} .color_third{ background-color:#6fbce9} .filter select{width:200px} .form_schedule .separator_form{position:relative; background: transparent url("/_catalogs/masterpage/sercel/images/chevron_form.png") no-repeat left top; font-family:"Myriad Pro",sans-serif;font-size:1px;color:#000;display:inline-block;width:15px;padding-top:44px } .form_schedule.color_4{} #calendar{ width:700px;float:right;margin-bottom:20px} #sercel .RadCalendarMultiView_Metro .rcMainTable .rcTitle{line-height:18px} #sercel .RadCalendar_Metro .rcWeek th{padding:1px 6px 1px 0} #sercel .RadCalendar_Metro .rcMain .rcRow a,#sercel .RadCalendar_Metro .rcMain .rcRow span, #sercel .RadCalendar_Metro .rcRow th{ font-size:11px} #sercel .RadCalendarMultiView_Metro .rcTitlebar table{ line-height:24px} #sercel .RadCalendar .rcRow td{ border-style:none;} #sercel .RadCalendar_Metro .rcRow .rcSelected{ background: none repeat scroll 0 0 #6FBCE9;/*border-top:1px #226b90 solid;*/} #sercel .RadCalendar_Metro .rcMain .rcRow .rcSelected a { color: #fff;} .aside_left .title_niveau_2 {display: block; font-family: "NeoSansBold", sans-serif; font-size: 20px; line-height:30px; color: #226b90; text-transform: uppercase;} .aside_left .title_niveau_3 {display: block; font-family: "NeoSansBold", sans-serif; font-size: 15px; line-height:22px; color: #226b90} .aside_left .paragraphe_editeur {font-family: "neo_sansregular", sans-serif; font-size: 12px; line-height:14px; color: #0c1c27} .aside_left .bold {font-weight: 700} .aside_left .texte_color {color: #2787be} .aside_left div {margin-bottom: 15px} .aside_left a.btn span {padding-left: 45px; padding-right: 55px} .aside_left div > a {text-decoration: none; color: #000} .aside_left div > a:hover {text-decoration: underline} #dialogTitleSpan{display: block; font-family: "NeoSansBold", sans-serif; font-size: 15px;color: #226b90} #sercel .ms-dlgFrameContainer ul { margin:0;padding:0 ;list-style-type:none} #sercel .ms-dlgFrameContainer li{ padding-bottom:7px} #sercel .ms-dlgFrameContainer li p { display:inline-block;padding-right:5px} #sercel .ms-dlgFrameContainer li span{ width:150px;display:inline-block;font-family: "NeoSansBold", sans-serif;;text-align:right} #sercel .ms-dlgFrameContainer li span + span{ width:auto;font-family: "neo_sansregular",sans-serif;text-align:left} #sercel .ms-dlgFrameContainer .adress span{float:left} #sercel .ms-dlgFrameContainer .adress span + span{padding-left:5px;} #sercel .ms-dlgFrameContainer .adress + li{padding-top:7px;display:inline-block} .ul_courses { padding: 0; top: -15px; position: relative; } .li_courses { float: left; line-height: 26px; list-style: none outside none; margin-right: 5px; display: block; width: 30%; margin-left: 8px; margin-bottom : 6px } .legend_courses{ float: left; height: 23px; margin-right: 5px; width: 51px; border: 1px solid gray; } /* technical library*/ #sercel .cbs-Detail {font-weight:700} #sercel .cbs-Item{ padding-bottom:10px} #sercel .cbs-Detail:hover{ background-color: #eee} #sercel .cbs-Detail a{ display:inline-block;width:455px;font-weight:400;color:#000} /* News History - Hide Alert me link for fixe sharepoint issue*/ .ms-srch-resultFooter ul#ResultFooter > li#AlertMeLi {display:none;} /* T107 */ a.in { margin-right:5px; } .socials-top { position: absolute; top: 33px; right: 153px; } /************************************** Webpart FOrm Achat *******************************************/ .title_part_form {display: block; font-family: "NeoSansBold", sans-serif; font-size: 16px; color: #226b90; text-transform: uppercase; margin-left: 0; margin-bottom: 10px; padding-bottom: 8px; border-bottom: 1px solid #b7b7b7} .form_panel{height:430px;overflow:hidden} .formulaire_selling fieldset {position: relative; display: block; border: 0 none; margin: 25px auto 0 auto; padding: 0; color: #000} .formulaire_selling fieldset div {margin-bottom: 20px} .formulaire_selling fieldset label {display: inline-block; width: 195px; font-family: "NeoSansMedium", sans-serif; font-size: 15px; vertical-align: top } .formulaire_selling fieldset select {display: inline-block; width: 280px; text-transform: none;} .identification fieldset input[type="radio"]{vertical-align: top} .identification fieldset input[type="radio"] + label {font-family: "neo_sansregular", sans-serif; font-size: 13px; width: auto; margin-right: 30px} .contact_detail fieldset label + input[type="text"]{width: 300px} .contact_detail fieldset label + textarea {width: 304px; max-width: 495px; padding: 3px} .contact_message fieldset textarea {width: 695px; padding: 3px; max-width: 695px; min-height: 200px} a.btn.prev_step {margin-top: 20px; float: left; margin-bottom: 20px;font-size:13px;} a.btn.next_step,a.btn.send_identification {margin-top: 20px; float: right; margin-bottom: 20px;font-size:13px;} /* step by step du formulaire */ #sercel-selling .step_by_step {overflow: hidden; margin-top: 0;margin-bottom:45px;} #sercel-selling .step_by_step ul {display: block; margin: 0; padding: 0} #sercel-selling .step_by_step ul li{position: relative; display: block; margin: 0; padding: 0; list-style:none; float: left; width: 140px; height: 34px; text-align: center; font-family: "NeoSansMedium", sans-serif; font-size: 15px; line-height: 30px;background-size:contain!important;cursor:pointer} #sercel-selling .step_by_step ul li {z-index: 6; margin-left: -10px} #sercel-selling .step_by_step ul li + li {z-index: 5; margin-left: -10px} #sercel-selling .step_by_step ul li + li + li {z-index: 4; margin-left: -10px} #sercel-selling .step_by_step ul li + li + li + li {z-index: 3; margin-left: -10px} #sercel-selling .step_by_step ul li + li + li + li + li {z-index: 2; margin-left: -10px} #sercel-selling .step_by_step ul li + li + li + li + li + li {z-index: 1; margin-left: -10px;} #sercel-selling .step_by_step ul li.desactive {background: transparent url("../images/step_3.png") no-repeat top left; color: #deeff8; } #sercel-selling .step_by_step ul li.past {background: transparent url("../images/step_2.png") no-repeat top left; color: #343334; } #sercel-selling .step_by_step ul li.active {background: transparent url("../images/step_1.png") no-repeat top left; color: #fff; } #sercel-selling .step_by_step ul li.check {width: 39px; background: transparent url("../images/step_check.png") no-repeat top left; z-index: 1;} input.error_custom,.error_custom{border:1px red solid!important} p.error_text{ color:red;font:700;font-family: "NeoSansbold", sans-serif; font-size: 16px;} .identification fieldset br{display:none;} .mailStatus p{font-family: "NeoSansbold", sans-serif; font-size: 22px;padding:80px 10px 10px 10px; margin:0 auto} #sercel-selling{width:715px;} #sercel-selling .marginLeftLabel{margin-right:10px;} #sercel-selling .row{margin-bottom:15px;} #sercel-selling .row > label:first-child{display:inline-block;width:240px;padding-right:0;vertical-align: top;} #sercel-selling .row.address{margin-bottom:30x;} #sercel-selling .row.address label{font-size:14px;} #sercel-selling .identification_first{margin-bottom:30px;} #sercel-selling label{color:#393939;font-size:14px;font-family: "NeoSansMedium";} #sercel-selling .the-bloc label{padding-right:10px;} #sercel-selling input{width:380px;height:23px;border:1px solid #ababab;} #sercel-selling #txtMailSercelAcheteur {width:300px;} #sercel-selling input[id^="txtCodePostal"]{width:70px;margin-right: 25px;} #sercel-selling input[id^="txtVille"]{width:218px;} #sercel-selling input[id^="txtTelephone"]{width:163px;margin-right:17px;} #sercel-selling input[id^="txtFax"]{width:134px;} #sercel-selling hr{background:#b8b8b8;height:1px;} #sercel-selling .row.margintop{margin-top:30px;} #sercel-selling .identification_second, #sercel-selling .facturation_second{margin-top:20px;} #sercel-selling .facturation_first{margin-bottom:40px;} #sercel-selling .identification_second .row{margin-bottom:30px} #sercel-selling .identification_second input{width:380px;border:1px solid #ababab;height:23px;padding: 2px 5px;} #sercel-selling .identification_second textarea{width:380px;border:1px solid #ababab;height:104px;} #sercel-selling .identification_second #txtDernierCA{width:225px;margin-right:35px;} #sercel-selling .identification_second #ddlPeriode{width:70px;} /* ------- COMMANDE */ #sercel-selling .commande_first{margin-bottom:30px;} #sercel-selling div[class^="pnlcontact"]{width:675px;border:1px solid #ababab;padding:17px 20px;margin-top:30px;position:relative} #sercel-selling div[class^="pnlcontact"] .row:last-child{margin-bottom:0} #sercel-selling div[class^="pnlcontact"] input{width:480px;} #sercel-selling input[id^="addcontact"]{color:#226b90;border:none;margin-left: 460px;margin-top:10px;background:none;font-size:14px;font-family: "NeoSansMedium";height:54px;line-height:34px;background:url(img/add-contact.png);background-repeat:no-repeat;background-position:80px 9px;cursor:pointer;} #sercel-selling div[class^="pnlcontact"] .remove{width:24px;height:24px;background:url(img/delete-contact.png);position:absolute;top: -12px;right: -12px;display: block;padding: 0;border: none;min-width: auto;z-index:10;overflow:hidden;text-indent:1000px;cursor:pointer;} #sercel-selling div[class^="pnlcontact"] .people{display:inline-block;width:144px;padding-left:35px;position:relative;} #sercel-selling div[class^="pnlcontact"] .people:before{content:"";width:21px;height:22px;background:url(img/icon-assistant.png);position:absolute;top:5px;left:0px;} #sercel-selling div[class^="pnlcontact"] .tel{display:inline-block;width:144px;padding-left:35px;position:relative;vertical-align: middle;} #sercel-selling div[class^="pnlcontact"] .tel:before{content:"";width:20px;height:20px;background:url(img/icon-phone.png);position:absolute;top:0px;left:0px;} #sercel-selling div[class^="pnlcontact"] input[type="tel"]{width:100px;} #sercel-selling div[class^="pnlcontact"] .email{display:inline-block;width:70px;padding-left:70px;position:relative;} #sercel-selling div[class^="pnlcontact"] .email:before{content:"";width:33px;height:25px;background:url(img/icon-mail.png);position:absolute;top:-5px;left:20px;} #sercel-selling div[class^="pnlcontact"] input[type="email"]{width:238px;} #sercel-selling div[class^="pnlcontact"] .tel{padding-left:35px;} .qualite_first{margin-bottom:30px;} .qualite_second{margin-top:20px;} #ddlIncoterms{width:290px;} #allincoterms{margin-left:242px;width:290px;border:1px solid #ababab;min-height:55px;margin-top:10px;padding: 5px;box-sizing: border-box;} #allincoterms span{background:#4b9bc9;border-radius:5px;padding:2px 5px;color:white;font-family: "NeoSansMedium";margin-right: 5px;margin-bottom:5px;display:inline-block;} #sercel-selling input#addincoterm{width:83px;height:23px;background:url(img/btn-add-term.png);max-width:none;padding: 0;line-height: 23px;border:none;font-family: "NeoSansMedium";color:white;font-size:14px;} #sercel-selling .row.certification{margin-top:15px;} #sercel-selling .row.certification .checkbox{display:inline-block;} #sercel-selling .row.certification .checkbox label{float:right;margin-top: 7px;padding-right: 50px;} #sercel-selling .row.certification .checkbox input{width:25px;height:25px;} #sercel-selling #txtAutreCertification{width:123px;} #sercel-selling #ckbattestation{width:25px;height:25px;} #sercel-selling #btn_valide{display:none!important;} #sercel-selling #btn_valide.visible{display:block!important;font-size: 13px;} .ok_form{text-align:center;width: 678px;} .ok_form h2{font-family: "NeoSansMedium";color:#19adeb;font-size:18px;margin-top:10px;} .ok_form p{font-family: "NeoSansMedium";color:#393939;font-size:12px;} .ok_form p:last-child{font-family: "NeoSansMedium";color:#31343d;font-size:16px;} .fail_form{text-align:center;width: 678px;} .fail_form h2{font-family: "NeoSansMedium";color:#ff4c5b;font-size:18px;margin-top:10px;} /* ---------- GRID SERCEL SELLING */ #page-fournisseur{margin:auto;} #page-fournisseur .intro h2{color:#226b90;font-size:18px;font-family: 'NeoSansMedium';} #page-fournisseur .intro p{color:#393939;font-size:13px;font-family: 'NeoSansMedium';margin-bottom:25px;} #page-fournisseur .intro_product, #page-fournisseur .intro_product p { width: inherit;margin-bottom: 35px; } #page-fournisseur .grid-fournisseur > div{width:270px;height:180px;background:white;box-shadow;box-shadow: -1px 3px 5px 0px rgba(0, 0, 0, 0.75);float:left;position:relative;} #page-fournisseur .grid-fournisseur > div:first-child{margin-left:95px;margin-bottom:20px;} #page-fournisseur .grid-fournisseur > div:nth-child(2){margin-left:40px;margin-bottom:20px;} #page-fournisseur .grid-fournisseur > div:nth-child(3){margin-left:95px;} #page-fournisseur .grid-fournisseur > div:nth-child(4){margin-left:40px;} #page-fournisseur .grid-fournisseur > div:last-child{margin-top: 20px;margin-left:95px;width:580px;} #page-fournisseur .grid-fournisseur > div > a{text-decoration:none;width:270px;height:180px;display:block;} #page-fournisseur .grid-fournisseur h3{color:#226b90;font-size:13px;font-family: 'NeoSansMedium';text-transform:uppercase;margin-left:1em;} .vendre-sercel{overflow:hidden;} .vendre-sercel img{position:absolute;top: 60px;left: 80px;} .vendre-sercel .description{height:95px;background:rgba(34,107,144,0.85);position:absolute;left:0;right:0;bottom:-115px;padding:10px 20px;-webkit-transition: all .5s;transition: all .5s;} .vendre-sercel:hover .description{bottom:0;} .vendre-sercel .description p{color:#FFFFFF;font-size:10px;font-family: 'NeoSansMedium';} .vendre-sercel .description .link-document{width:109px;height:17px;background:url(images/btn-voir-document.png);float:right;} /* Fix - All icon must contains description*/ .creer-compte img{position:absolute;top: 40px;left: 257px;z-index: 1;} .creer-compte .ouvrir-compte{width:198px;height:30px;color:#FFFFFF;text-transform:uppercase;font-family: 'NeoSansMedium';font-size:12px;line-height:30px;margin:auto;margin-top:75px;text-align:center;background:#226b90;position:relative;z-index:2;} .creer-compte .ouvrir-compte a{color:#FFFFFF;text-decoration:none;} .creer-compte p{color:#31343d;font-size:10px;font-family: 'NeoSansMedium';margin: 1em;text-align: center;} .creer-compte p a{color:#18adeb;} .logistic-requirements {overflow:hidden;} .logistic-requirements img{position: absolute;top: 40px;left: 70px;width: 125px;} .logistic-requirements .description{height:95px;background:rgba(34,107,144,0.85);position:absolute;left:0;right:0;bottom:-115px;padding:10px 20px;-webkit-transition: all .5s;transition: all .5s;} .logistic-requirements:hover .description{bottom:0;} .logistic-requirements .description p{color:#FFFFFF;font-size:10px;font-family: 'NeoSansMedium';} .logistic-requirements .description .link-document{width:109px;height:17px;background:url(/_catalogs/masterpage/sercel/images/btn-voir-document.png);float:right;} .conditions{overflow:hidden;} .conditions img{position:absolute;top: 60px;left: 80px;} .conditions .description{height:95px;background:rgba(34,107,144,0.85);position:absolute;left:0;right:0;bottom:-115px;padding:10px 20px;-webkit-transition: all .5s;transition: all .5s;} .conditions:hover .description{bottom:0;} .conditions .description p{color:#FFFFFF;font-size:10px;font-family: 'NeoSansMedium';} .conditions .description .link-document{width:109px;height:17px;background:url(/_catalogs/masterpage/sercel/images/btn-voir-document.png);float:right;} .ethique{overflow:hidden;} .ethique img{position:absolute;top: 60px;left: 80px;} .ethique .description{height:95px;background:rgba(34,107,144,0.85);position:absolute;left:0;right:0;bottom:-115px;padding:10px 20px;-webkit-transition: all .5s;transition: all .5s;} .ethique:hover .description{bottom:0;} .ethique .description p{color:#FFFFFF;font-size:10px;font-family: 'NeoSansMedium';} .ethique .description .link-document{width:109px;height:17px;background:url(/_catalogs/masterpage/sercel/images/btn-voir-document.png);float:right;} #bloc-remerciements{width:203px;border:1px solid #e2e2e2;border-top:none;box-shadow: -1px 3px 5px 0px #b3b3b3;} #bloc-remerciements h2{display:block;height:30px; background: #5e778e; background: -moz-linear-gradient(left, #5e778e 0%, #374a5b 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#5e778e), color-stop(100%,#374a5b)); background: -webkit-linear-gradient(left, #5e778e 0%,#374a5b 100%); background: -o-linear-gradient(left, #5e778e 0%,#374a5b 100%); background: -ms-linear-gradient(left, #5e778e 0%,#374a5b 100%); background: linear-gradient(to right, #5e778e 0%,#374a5b 100%); color: #FFFFFF; display: block; font-family: "NeoSansBold",sans-serif; font-size: 16px; height: 30px; padding: 5px 0 0 15px; text-transform: uppercase; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e778e', endColorstr='#374a5b',GradientType=1 );margin: 0;} #bloc-remerciements p{color:#393939;font-size:12px;font-family:"Century Gothic";padding:20px;margin: 0;} /*T126 - Change text*/ #ckbattestation { margin-bottom: 0px;margin-top:0px} .lbconditions {line-height: 21px} /*----- PRODUCTS ADVERTISING DETAILS PAGES -----*/ .benefits { margin: auto; display: table; } .benefit img { height: 180px; width: 280px; margin-top: 5px; margin-right: 10px; border: 1px; border-style: solid; text-align: center; } .benefit div:nth-of-type(2) { width: 550px; text-align: justify; } .benefit-link { margin-top: 50px; margin-bottom: 50px; text-align: center; }