#btn_12 {
  background: #e1412d;
  color: white;
}

#btn_22 {
  background: #e1412d;
  color: white;
}


/* Typography */
/* Font Citroen */
@font-face {
  font-family: 'citroenbold';
  src: url('../fonts/citroen_bold-webfont.eot');
  src: url('../fonts/citroen_bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/citroen_bold-webfont.woff') format('woff'), url('../fonts/citroen_bold-webfont.ttf') format('truetype'), url('../fonts/citroen_bold-webfont.svg#citroenbold') format('svg');
}

@font-face {
  font-family: 'citroenitalic';
  src: url('../fonts/citroen_italic-webfont.eot');
  src: url('../fonts/citroen_italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/citroen_italic-webfont.woff') format('woff'), url('../fonts/citroen_italic-webfont.ttf') format('truetype'), url('../fonts/citroen_italic-webfont.svg#citroenitalic') format('svg');
}

@font-face {
  font-family: 'citroenlight';
  src: url('../fonts/citroen_light-webfont.eot');
  src: url('../fonts/citroen_light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/citroen_light-webfont.woff') format('woff'), url('../fonts/citroen_light-webfont.ttf') format('truetype'), url('../fonts/citroen_light-webfont.svg#citroenlight') format('svg');
}

@font-face {
  font-family: 'citroenlight_italic';
  src: url('../fonts/citroen_light_italic-webfont.eot');
  src: url('../fonts/citroen_light_italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/citroen_light_italic-webfont.woff') format('woff'), url('../fonts/citroen_light_italic-webfont.ttf') format('truetype'), url('../fonts/citroen_light_italic-webfont.svg#citroenlight_italic') format('svg');
}

@font-face {
  font-family: 'citroenbold_italic';
  src: url('../fonts/citroen_bold_italic-webfont.eot');
  src: url('../fonts/citroen_bold_italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/citroen_bold_italic-webfont.woff') format('woff'), url('../fonts/citroen_bold_italic-webfont.ttf') format('truetype'), url('../fonts/citroen_bold_italic-webfont.svg#citroenbold_italic') format('svg');
}

@font-face {
  font-family: 'citroenregular';
  src: url('../fonts/citroen_regular.eot');
  src: url('../fonts/citroen_regular.eot?#iefix') format('embedded-opentype'), url('../fonts/citroen_regular.woff') format('woff'), url('../fonts/citroen_regular.ttf') format('truetype'), url('../fonts/citroen_regular.svg#citroenregular') format('svg');
}

/* FONTS DIDOT */
@font-face {
  font-family: 'didotbolditalic';
  src: url('../fonts/didot/didot-bolditalic.eot');
  src: url('../fonts/didot/didot-bolditalic.eot?#iefix') format('embedded-opentype'), url('../fonts/didot/didot-bolditalic.woff') format('woff'), url('../fonts/didot/didot-bolditalic.ttf') format('truetype'), url('../fonts/didot/didot-bolditalic.svg#didotbolditalic') format('svg');
}

@font-face {
  font-family: 'didotbold';
  src: url('../fonts/didot/Didot-Bold.eot');
  src: url('../fonts/didot/Didot-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/didot/Didot-Bold.woff') format('woff'), url('../fonts/didot/Didot-Bold.ttf') format('truetype'), url('../fonts/didot/Didot-Bold.svg#Didot-Bold') format('svg');
}

@font-face {
  font-family: 'didot';
  src: url('../fonts/didot/Didot.eot');
  src: url('../fonts/didot/Didot.eot?#iefix') format('embedded-opentype'), url('../fonts/didot/Didot.woff') format('woff'), url('../fonts/didot/Didot.ttf') format('truetype'), url('../fonts/didot/Didot.svg#Didot') format('svg');
}

body {
  font-family: citroenregular, Arial;
  font-size: 14px !important;
  overflow-x: scroll;
}

/* Links */

a {
  color: #333333;
}

a:focus, a:hover {
  color: #F0780A;
}


.option-citroen a:hover {
  color: #F0780A;
}

/* /Links */

/* Header */
.header {
  background: #ffffff;
}

.top-header {
  border-bottom: 2px solid #eaeaea;
}

.option-citroen .header-middle-left-div {
  background: rgba(0, 0, 0, 0) url("../images/logo-citroen.png") no-repeat scroll left center;
  width: 67px;
  height: 50px;
  position: relative;
  cursor: pointer;
}


.header-middle-center-div {
  background: rgba(0, 0, 0, 0) url("../images/citroen/espace-media.png") no-repeat scroll center center;
  color: #ffffff;
  font-family: citroenregular, Arial;
  font-size: 24px;
  height: 50px;
  line-height: 50px;
  margin-left: auto;
  margin-right: auto;
  width: 189px;
}

#header-middle {
  background-color: transparent;
  padding-bottom: 10px;
  padding-top: 10px;
}

.option-citroen .block-border-right {
  border-right: 1px solid #e0e0e0;
}

.option-citroen .header-middle-left {
  padding-left: 70px
}

.option-citroen .header-top-right {
  border-top: none;
}

/* /Header */
/* Buttons Header */

.brand-link-citroen {
  display: none;
}

.top-header .brand-link-ds {
  border-right: none;
}

.group-button-header {
  margin-top: 8px;
  float: right;
}

.option-citroen .group-button-header .btn-alertes {
  background: rgba(0, 0, 0, 0) url("../images/citroen/newsletter.png") no-repeat scroll left center;
  font-family: citroenregular, Arial;
  font-size: 12px;
  height: 31px;
  margin-right: 0px;
  float: right;
  line-height: 14px;
  padding-left: 30px;
  padding-top: 10px;
  text-indent: inherit;
  width: auto;
}

.option-citroen .group-button-header a:hover.btn-alertes {
  background: rgba(0, 0, 0, 0) url("../images/citroen/newsletter-hover.png") no-repeat scroll left center;
}

.option-citroen .group-button-header a.btn-alertes {
  color: #999999;
}

.option-citroen .group-button-header a:hover.btn-alertes {
  color: #F0780A;
}

.option-citroen .main-header .header-search-box .form-inline .btn-search {
  background: #ff3366 url("../images/citroen/search.png") no-repeat scroll center center;
  border: medium none;
  border-radius: 0;
  color: #fff;
  font-weight: bold;
  height: 31px;
  left: -1px;
  position: absolute;
  top: -1px;
  width: 31px;
}

.option-citroen .main-header .header-search-box .form-inline .btn-search:hover {
  background: transparent url("../images/citroen/search-hover.png") no-repeat center center;
}

.option-citroen .main-header .header-search-box {
  float: right;
  margin-top: 7px;
  padding-right: 12px;
  width: 130px;
}

.option-citroen .main-header .header-search-box .form-inline .input-search input {
  font-size: 12px;
}

.option-citroen .main-header .header-search-box .form-inline .form-category {
  float: right;
  margin-right: 40px;
  border-left: 1px solid #eaeaea;
}

.option-citroen .main-header .header-search-box .form-inline .input-search {
  color: #999999;
  padding-top: 8px;
}

.option-citroen .main-header .header-search-box .form-inline .btn-search {
  background-color: transparent;
  height: 20px;
  margin-top: 8px;
  width: 25px;
}

.option-citroen .main-header .header-search-box::after {
  content: url("../images/citroen/separador-vertical-citroen.jpg");
  float: right;
  height: 20px;
  position: absolute;
  right: 7px;
  top: 7px;
  width: 1px;
}

/* /Buttons Header */

/* Breadcrumb */

.breadcrumb {
  font-family: citroenregular, Arial;
  font-size: 16px;
}

.breadcrumb:before {
  content: url("../images/citroen/accueil.png");
  display: inline-block;
  text-align: right;
  width: 16px;
}

/* /Breadcrumb */

/* Botones-descarga */

.download-buttons a.btn-down-pdf {
  background: rgba(0, 0, 0, 0) url("../images/citroen/download_pdf_icon.png") no-repeat scroll left center;
  float: right;
}

.download-buttons a:hover.btn-down-pdf {
  background: rgba(0, 0, 0, 0) url("../images/citroen/download_pdf_icon-hover.png") no-repeat scroll left center;
  float: right;
}

.download-buttons a.btn-down-image {
  background: rgba(0, 0, 0, 0) url("../images/citroen/download_image_icon.png") no-repeat scroll left center;
  float: right;
}

.download-buttons a:hover.btn-down-image {
  background: rgba(0, 0, 0, 0) url("../images/citroen/download_image_icon-hover.png") no-repeat scroll left center;
  float: right;
}

.download-buttons a.btn-down-all {
  background: rgba(0, 0, 0, 0) url("../images/citroen/download_all_icon.png") no-repeat scroll left center;
  float: right;
}

.download-buttons a:hover.btn-down-all {
  background: rgba(0, 0, 0, 0) url("../images/citroen/download_all_icon-hover.png") no-repeat scroll left center;
  float: right;
}

/* Menu */

.navbar-nav {
  float: none;
  margin: auto;
  width: 416px;
}

.option-citroen .top-header .dropdown-menu {
  border-top: medium none;
  -webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.176);
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.176);
}


.option-citroen .dropdown-menu a:hover {
  color: #f0780a;
}

.option-citroen #main-menu .dropdown-menu li.menu-active a {
  background: #ff3366 none repeat scroll 0 0;
  color: #008fd1;
}

.option-citroen .menu_container {
  font-size: 13px;
  font-family: citroenregular, Arial;
  height: 40px;
  line-height: 40px;
  list-style: outside none none;
  text-align: left;
}

.option-citroen .menu_container > span:before {
  content: "\f105";
  font-size: 14px;
  display: inline-block;
  float: right;
  font-family: "FontAwesome";
  padding-right: 10px;
  color: #ccc;
  font-weight: normal;
  cursor: pointer;
}

.option-citroen .menu_container > span.open:before {
  content: "\f107";
  font-size: 14px;
  display: inline-block;
  float: right;
  font-family: "FontAwesome";
  padding-right: 10px;
  color: #008fd1;
  font-weight: normal;
  cursor: pointer;
}

.option-citroen #main-menu .dropdown-menu .menu-active {
  font-size: 13px;
  font-family: citroenregular, Arial;
  height: 40px;
  line-height: 40px;
  list-style: outside none none;
  text-align: left;
}

.option-citroen #main-menu .dropdown-menu .menu-active > span:before {
  content: "\f105";
  font-size: 14px;
  display: inline-block;
  float: right;
  font-family: "FontAwesome";
  padding-right: 10px;
  color: #008fd1;
  font-weight: normal;
  cursor: pointer;
}

.option-citroen #main-menu .dropdown-menu .menu-active > span.open:before {
  content: "\f107";
  font-size: 14px;
  display: inline-block;
  float: right;
  font-family: "FontAwesome";
  padding-right: 10px;
  color: #ccc;
  font-weight: normal;
  cursor: pointer;
}

.option-citroen .link_container {
  font-size: 14px;
  font-family: citroenregular, Arial;
  height: 25px;
  list-style: outside none none;
  text-align: left;
}

.option-citroen .nav-top-menu.nav-ontop {
  background: #F0780A;
}

.option-citroen .nav-top-menu {
  background: #F0780A;
}

.option-citroen #main-menu .navbar {
  background-color: #F0780A;
  border-radius: 0;
}

.option-citroen #main-menu .navbar-default .navbar-nav > li > a {
  color: #ffffff;
  border-right: none;
  font-family: citroenregular, Arial;
  font-size: 14px;
}

.option-citroen #main-menu .navbar-default .navbar-nav > li > a:hover {
  color: #fad6b5;
  border-right: none;
  font-family: citroenregular, Arial;
  font-size: 14px;
}

.option-citroen #main-menu .navbar-default .navbar-nav > li:last-child > a {
  background: none;
}

.option-citroen #main-menu .navbar .navbar-nav > li:hover,
.option-citroen #main-menu .navbar .navbar-nav > li.active {
  background-image: none;
  background: transparent;
}

.option-citroen #main-menu .navbar .navbar-nav > li:hover a,
.option-citroen #main-menu .navbar .navbar-nav > li.active a {
  background: none;
}

.option-citroen #main-menu li.dropdown > a:after {
  position: absolute;
  left: 46%;
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 15px;
  font-size: 12px;
}

.option-citroen #main-menu li.dropdown:hover:before {
  display: none;
}


.option-citroen #main-menu .dropdown-menu .block-container .group_header > a {
  border-color: #958457;
}

.main-menu-separator {
  border-right: medium none;
  color: #ffffff;
  font-family: citroenregular, Arial;
  font-size: 15px;
  margin: 8px 0;
  padding: 0px;
}

/* menu */

/* vertical megamenu */

.box-vertical-megamenus .vertical-menu-list {
  background: rgba(0, 0, 0, 0) url("../images/citroen/menu-selected-arrow.png") no-repeat scroll center top;
}

.box-vertical-megamenus .vertical-menu-list > li:hover {
  background: transparent;
  border-bottom: 1px solid #eaeaea;
  border-top: 1px solid #eaeaea;
}

.option-citroen .box-vertical-megamenus .vertical-menu-list > li:hover > a.parent:before {
  color: #F0780A;
}

.option-citroen .box-vertical-megamenus .vertical-menu-list > li:hover > a {
  color: #F0780A;
}

.option-citroen .box-vertical-megamenus .vertical-menu-content {
  border-top: none;
}

.box-vertical-megamenus .vertical-menu-list > li:hover > a {
  color: #F0780A;
  border-color: #FF3366;
}


.vertical-dropdown-menu .vertical-groups {
  padding: 5px 15px 10px;
}

/* /.vertical megamenu */

/* Blog */

.option-citroen .page-heading {
  color: #646466;
  font-family: citroenregular, Arial;
  font-size: 25px;
  font-weight: normal;
  height: 41px;
  line-height: 40px;
  padding: 0 0 5px;
  text-align: left;
  text-transform: uppercase;
}

.option-citroen .page-heading span.page-heading-title {
  border-bottom: 3px solid #958457;
}

.blog-posts .post-item .entry-excerpt {
  color: #777777;
  font-family: citroenregular, Arial;
  font-size: 13px;
  font-style: normal;
  line-height: 18px;
  text-align: justify;
}

.entry-title {
  font-family: citroenregular, Arial;
  font-size: 22px;
  font-style: normal;
  text-align: left;
}

.entry-title a {
  color: #F0780A;
}

.entry-title a:hover {
  color: #f4a053;
}

.blog-posts .post-item .entry-meta-data {
  color: #777777;
  font-family: citroenregular, Arial;
  font-size: 14px;
  font-style: normal;
  text-align: left;
}

/* titulo Media en blog list */
.download-media-name {
  font-family: citroenregular, Arial;
}

.recent-media-name {
  font-family: citroenregular, Arial;
}

/* /Blog */

/* scroll top */

.scroll_top:hover {
  background: #F0780A;
}

/* right column */

#right_column .block .title_column {
  border-bottom: 1px solid #eaeaea;
  color: #646466;
  font-family: citroenregular, Arial;
  font-size: 22px;
  font-weight: normal;
  padding: 7px 0 7px;
  text-align: left;
  text-transform: uppercase;
}

/* tooltip */
.tooltip {
  font-family: citroenregular, Arial;
  font-size: 12px;
  padding: 7px 0 7px;
  text-transform: uppercase;
}

.tooltip.in {
  opacity: 1;
  filter: alpha(opacity=100);
}

#nav-top-link-tooltip + .tooltip > .tooltip-inner {
  background-color: #f0780a;
  margin-top: 15px;
}

#nav-top-link-tooltip + .tooltip > .tooltip-arrow {
  border-bottom-color: #f0780a;
  margin-top: 15px;
}

/* Search form sticky menu*/

#form-search-opntop .btn-search:before {
  content: url("../images/citroen/search-on-top.png");
  height: 30px;
  width: 25px;
  display: block;
  padding-top: 6px;
}

#form-search-opntop:hover form {
  border: 1px solid #dfdfdf;
  background: transparent;
}

/* newsletter sticky menu*/
#news-letter-ontop:before {
  content: url("../images/citroen/newsletter-on-top.png");
  line-height: 43px;
  cursor: pointer;
}

/* gallery */

.product-gallery li .product-download {
  background-color: #f0780a !important;
}

.show-brand .navbar-brand a {
  color: #f0780a;
}

.gallery-submenu-media li a:hover,
.gallery-submenu-media li.active a,
.gallery-submenu-media li.selected a {
  color: #f0780a !important;
}

/*
.check-box-list input[type="checkbox"]:checked + label span.button{
    background: #f0780a url("../images/checked.png") no-repeat center center !important;

}
.check-box-list input[type="checkbox"]:checked + label{
  color: #f0780a !important;
}

.check-box-list label:hover{
  color: #f0780a !important;
}
*/

/* contact pop-up*/

.btn-primary {
  background-color: #f0780a !important;
  border-color: #c46105 !important;
}

.btn-primary:hover {
  background-color: #f4a053 !important;
}

/* gallery pop-up*/

.pp_download {
  background: rgba(0, 0, 0, 0) url("../images/citroen/galerie/download-popup.jpg") no-repeat scroll left center;
}

/* gallery slider*/

.header-top-right .galleryslider .bx-wrapper .bx-pager.bx-default-pager a:hover, .header-top-right .galleryslider .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #f0780a none repeat scroll 0 0 !important;
  border-color: #f0780a !important;
}

.header-top-right .galleryslider .bx-controls-direction .bx-prev, .header-top-right .galleryslider .bx-controls-direction .bx-next {
  background: #f0780a none repeat scroll 0 0 !important;
}

/* buttons*/

.btn-search-gallery {
  background: #f0780a none repeat scroll 0 0 !important;
}

.btn-search-gallery:hover {
  color: #ffffff !important;
  background-color: #ff9433 !important;
}

.btn-default {
  font-family: "citroenregular" !important;
  font-size: 14px !important;
}


.btn-default:hover, .open > .dropdown-toggle.btn-default {
  background-color: #ff9433 !important;
  border-color: #ff9433 !important;
}

.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .open > .dropdown-toggle.btn-default {
  background-color: #ff7900 !important;
  border-color: #ff7900 !important;
}

.btn-download-all {
  background: #ff7900 none repeat scroll 0 0 !important;
}

.btn-download-all:hover {
  color: #ffffff !important;
  background-color: #ff9433 !important;
}

/* Sub-navigation*/

.gallery-submenu .nav > li > a {
  font-size: 16px !important;
}

.menu-gallery .menu-gallery-item h3 {
  font-size: 12px !important;
  text-transform: uppercase;
}

/* Selector*/

.model-selector .model-selector-label {
  font-size: 15px !important;
}

/* Tech options*/

.tech-option .tech-option-title .title-tech-option span {
  color: #ff7900 !important;
  font-family: "CitroenBold" !important;
  font-size: 30px;
}

.tech-option .tech-option-item a:hover h3 {
  color: #ff7900 !important;
}

/* Placeholder*/

input[placeholder], [placeholder], [placeholder] {
  /*font-size: 14px  !important;*/
}

/* Contact Press*/

.contact-press-container .info-contact .btn-contact-mail {
  font-size: 8px !important;
}

.contact-press-container .info-contact .btn-contact-mail:hover {
  background: #f0780a !important;
}

.contact-press-container .info-contact h5 {
  font-size: 15px !important;
}

.press-contact-data .press-contact-data-item h3 {
  font-size: 16px !important;
}

.contact-press-container .info-contact .contact-position p {
  font-size: 13px !important;
}

.press-contact-data {
  font-size: 14px !important;
}

.press-contact-data a:hover {
  color: #f0780a !important;
}

.c-button {
  color: #777777 !important;
}

/* News Detail*/

.c-menu__close {
  background-color: #f0780a !important;
}

/* accordion legales*/

.accordion-toggle {
  font-family: "CitroenItalic", sans-serif !important;
  font-size: 20px !important;
  color: #646466 !important;
}

/* search*/

.search-keyword-result {
  color: #f0780a !important;
  font-size: 15px !important;
}

.refine-search select {
  font-size: 15px !important;
}

/* widgets*/

#right_column .block .title_widget {
  font-family: "citroenregular" !important;
  font-size: 22px !important;
}

#right_column .block_content-widget {
  color: #373533;
  font-family: "citroenregular" !important;
  font-size: 15px !important;
}

#right_column .owl-block-bottom .date {
  color: #777777;
  font-family: "citroenregular" !important;
  font-size: 13px !important;
}

#right_column .agenda-counter .text {
  background: #f0780a none repeat scroll 0 0 !important;
}

#right_column .agenda-counter .number {
  background: #f0780a none repeat scroll 0 0 !important;
  font-family: "citroenbold" !important;
  font-size: 28px !important;
}

.blog-posts .post-item .entry-meta-data {
  font-family: "Citroenlight" !important;
  font-size: 15px !important;
}

.blog-posts .post-item .entry-media-data {
  font-family: "Citroenlight" !important;
  font-size: 15px !important;

}

/* Responsive*/

@media (max-width: 767px) {
  .main-header {
    border-bottom: 2px solid #eaeaea;
  }
}

@media (min-width: 768px) and (max-width: 992px) {

  .main-header .header-search-box .form-inline .input-search {
    width: calc(100% - 25px) !important;
  }

  .option-citroen .main-header .header-search-box::after {
    content: url("../images/citroen/separador-vertical-peugeot.jpg");
    float: right;
    height: 20px;
    position: absolute;
    right: 40px;
    top: 7px;
    width: 1px;
  }

  .option-citroen .main-header .header-search-box {
    float: right;
    margin-top: 7px;
    padding-left: 40px;
    padding-right: 12px;
    width: 190px;
  }

  .option-citroen .header-middle-left {
    padding-left: 40px;
  }

  .option-citroen .espace-media-page-title {
    padding-left: 75px;

  }

  .c-button {
    display: inline-block !important;
  }

}

@media (min-width: 481px) and (max-width: 767px) {

  .option-citroen .nav-top-menu.nav-ontop {
    display: none;
  }


  .option-citroen .header-middle-left {
    float: right;
    padding-left: 0;
    padding-right: 20px;
    width: 100px;
  }

  .c-button {
    display: inline-block !important;
  }

}

@media (max-width: 480px) {
  .option-citroen .nav-top-menu.nav-ontop {
    display: none;
  }

  .option-citroen .header-middle-left {
    float: right;
    padding-left: 0;
    padding-right: 20px;
    width: 100px;
  }

  .option-citroen .header-middle-left {
    padding-right: 10px;
    width: 70px;
  }

  .option-citroen .header-middle-center-div {
    background: rgba(0, 0, 0, 0) url("../images/citroen/espace-media-mobile.png") no-repeat scroll center center;
  }

  .c-button {
    display: inline-block !important;
  }

}