/* ====================================================
* 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: none;
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: 85px;
top: 10px;
}
.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: 300px;
}
.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 .nbr7 ul.dynamic, #sercel .nbr5 ul.dynamic {
width: 250px !important;
left: 0px !important;
padding: 10px 3px;
}
#sercel .nbr2 li.dynamic, #sercel .nbr7 li.dynamic {
padding: 2px 0;
}
#sercel .nbr2 li.dynamic:hover, #sercel .nbr7 li.dynamic:hover {
background-color: #009fe2;
}
#sercel .nbr2 li.dynamic:hover a, #sercel .nbr7 li.dynamic:hover a {
color: #fff;
}
.nbr3 ul.dynamic {
left: -255px !important;
}
.nbr4 ul.dynamic {
left: -455px !important;
}
#topnav ul.dynamic.size-3 {
width: 708px !important;
}
#topnav ul.dynamic.size-4 {
width: 944px !important;
}
#topnav ul.dynamic.size-5 {
width: 1180px !important;
}
#topnav ul.dynamic.size-6 {
width: 1416px !important;
}
#topnav .nbr3 ul.dynamic a,
#topnav .nbr4 ul.dynamic a {
background-image: none;
font-size: 12px;
padding-left: 6px;
}
#topnav .nbr3 li.dynamic,
#topnav .nbr4 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;
}
/*.underwater-acoustics {
text-indent: -9999px;
display: inline-block;*/
/*TODO OTV : 8882*/
/*background: transparent url("/_catalogs/masterpage/sercel/images/menu_underwater.jpg") no-repeat 0 0;*/
/*background: transparent url("/_catalogs/masterpage/sercel/images/menu_underwater.png") no-repeat 0 0;
background-size: 222px 120px;
width: 222px;
height: 110px;
padding: 5px;
}*/
.manufacturing-services {
text-indent: -9999px;
display: inline-block;
background: transparent url("/_catalogs/masterpage/sercel/images/menu_manufacturing.jpg") no-repeat 0 0;
background-size: 222px 120px;
width: 222px;
height: 110px;
padding: 5px;
}
.aerospace {
text-indent: -9999px;
display: inline-block;
background: transparent url("/_catalogs/masterpage/sercel/images/menu_aerospace.jpg") no-repeat 0 0;
background-size: 222px 120px;
width: 222px;
height: 110px;
padding: 5px;
}
.axandus {
text-indent: -9999px;
display: inline-block;
background: transparent url("/_catalogs/masterpage/sercel/images/menu_axandus.jpg") no-repeat 0 0;
background-size: 222px 120px;
width: 222px;
height: 110px;
padding: 5px;
}
/*.earth-monitoring {
text-indent: -9999px;
display: inline-block;*/
/*TODO OTV : 8882*/
/*background: transparent url("/_catalogs/masterpage/sercel/images/menu_earthmonitoring.jpg") no-repeat 0 0;*/
/*background: transparent url("/_catalogs/masterpage/sercel/images/menu_earthmonitoring.png") no-repeat 0 0;
background-size: 222px 120px;
width: 222px;
height: 110px;
padding: 5px;
}
.structural-monitoring {
text-indent: -9999px;
display: inline-block;*/
/*TODO OTV : 8882*/
/*background: transparent url("/_catalogs/masterpage/sercel/images/menu_structuralmonitoring.jpg") no-repeat 0 0;*/
/*background: transparent url("/_catalogs/masterpage/sercel/images/menu_structuralmonitoring.png") no-repeat 0 0;
background-size: 222px 120px;
width: 222px;
height: 110px;
padding: 5px;
}
.defense {
text-indent: -9999px;
display: inline-block;
background: transparent url("/_catalogs/masterpage/sercel/images/menu_defense.jpg") no-repeat 0 0;
background-size: 222px 120px;
width: 222px;
height: 110px;
padding: 5px;
}*/
/* =============================================
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;
}
/* ------- CASE STUDY FORM ------- */
#case-study {
font-size: 15px;
padding: 30px 0;
}
#case-study .case-study-form p.intro {
width: 100%;
font-size: 15px;
}
#case-study .case-study-form p.intro span {
font-size: 13px;
font-style: italic;
}
#case-study .case-study-form {
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
-ms-flex-wrap: wrap;
justify-content: space-between;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
max-width: 945px;
}
#case-study .case-study-form > p,
#case-study .case-study-form > div {
width: 47%;
margin-bottom: 10px;
}
#case-study .case-study-form label {
display: block;
font-family: "NeoSansMedium", sans-serif;
font-size: 15px;
margin-bottom: 5px;
}
#case-study .case-study-form input[type=text],
#case-study .case-study-form select {
width: 100%;
padding: 7px;
border: 0;
background: #F1F1F1;
margin-bottom: 3px;
border-radius: 0;
color: #1a171b;
box-shadow: none;
font: 400 15px Arial, Helvetica, sans-serif;
outline: none;
min-height: 24px;
box-sizing: border-box;
}
#case-study .case-study-form .cell.full {
width: 100%;
}
#case-study .case-study-form .cell:last-child {
text-align: right;
}
#case-study .case-study-form .btn_blue {
padding: 0;
height: initial;
}
#case-study .case-study-form .btn_blue a,
#case-study .case-study-download a.download {
background: none;
padding: 6px 30px 6px 30px;
height: initial;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
border-radius: 5px 25px 5px 5px;
background: #009fe2;
}
#case-study .case-study-form .btn_blue a.download:hover,
#case-study .case-study-download a.download:hover {
background: #000;
}
#case-study .case-study-download a.download {
margin-top: 25px;
}
#case-study .caption {
font-size: 15px;
}
#case-study .error {
margin-bottom: 5px;
color: red;
}
.modal-privacy {
display: none;
height: 100vh;
width: 100vw;
position: fixed;
z-index: 10;
background: white;
flex-direction: column;
align-items: center;
justify-content: center;
}
.modal-privacy > .btn,
.modal-privacy > .btn:hover {
background-image: none !important;
}
.modal-privacy .btn span {
margin-top: 30px;
width: 150px;
height: 30px;
text-align: center;
line-height: 30px;
display: block;
background-size: cover;
}