@charset "utf-8";
/* CSS Document */
body {
font-family: 'Lato';
}
/* -------------- bootstrap no gutter --------------- */
.row.no-gutters {margin-right: 0; margin-left: 0;}
.row.no-gutters > [class^="col-"],.row.no-gutters > [class*=" col-"] {padding-right: 0;padding-left: 0;}
.overflow_hidden {overflow:hidden}
.content_loading {color: #999;left: 46%;top:10%;position: relative;}
.margin-fixed {margin-top:75px}


/* ---------------- bootstrap video ------------------------ */
.embed-responsive-16by4 {padding-bottom:34%}
table.table-noborder tr td, table.table-noborder tr th {border:none}


/* ---------------- bootstrap btn ------------------------ */
.btn {border-radius:0px}
.btn-primary {background:#FFF; color:#000710; border:2px solid #000710; font-weight:bold; text-transform:uppercase}
.btn-primary:hover, .btn-primary:focus {color:#000710; background:#DAC40E; border:2px solid #000710;}

/* -------------- font size ------------------------ */
.font-10 {font-size:10px}
.font-12 {font-size:12px}
.font-14 {font-size:14px}
.font-16 {font-size:16px}
.font-18 {font-size:18px}

/* ---------------- alignement texte --------------- */
.align-center { text-align:center}
.align-right { text-align:right}
.align-left { text-align:left}
.align-justify { text-align:justify}

.btn-black {background-color: #000; border-color: #000;color: #fff;}

@media (min-width: 768px) {
  .inline-block {display:inline-block !important; float:none}
}

@media (max-width: 767px) {
  .inline-block {display:block !important;}
  .center-xs {text-align:center}
  .center-xs .pull-right {float:none !important;}
}



/******************* menu famille *******************/
.menu_famille {border:none; background:#FFF; border-radius:0px; margin-bottom:0px}
.menu_famille .container-fluid,.menu_famille .menu-top {padding-left:0; padding-right:0}
#menu_mobile {padding-left:0}
.menu_famille .menu-top ul { float:none}
.menu_famille .navbar-nav > li {text-align:center}
.menu_famille .navbar-nav > li a { color:#000710; font-size:12px;text-transform:uppercase; padding-left:30px; padding-right:30px}
.menu_famille .navbar-nav > li a:hover {color:#DAC40E}

@media (min-width: 768px) {
  .menu_famille .navbar-nav > li a {font-size:14px;}
  .menu_famille .navbar-nav > li:first-child a {padding-left:0}
  #menu57 {float:right}
  #menu57 a {padding-right:0}
  #menu57 a .fa {color:#DAC40E}
}
@media (max-width: 767px) {
 
}

/******************* menu fonction *******************/
.menu_fonction {border:none; background:#FFF; margin:0}
.menu_fonction .navbar-form {padding:0}
.menu_fonction .navbar-form input,.menu_fonction .navbar-form .input-group-addon {border-radius:0px}
.menu_fonction .container-fluid { padding-left:0; padding-right:0}
.menu_fonction .navbar-nav > li { background:url(/00DATA/themes/olivades2016/menu_fonction/puce.png) no-repeat left center; margin-left:20px}
.menu_fonction .navbar-nav > li:first-child {margin-left:2px}
.menu_fonction .navbar-nav > li a {border-bottom:1px solid rgba(255,255,255,0); color: #000710;font-size: 11px;margin: 0 0 5px 15px;padding: 5px 0 0;text-transform:uppercase}
.menu_fonction .navbar-nav > li a:hover {border-bottom: 1px solid #999;}

#menu51, #menu54 {background:url(/00DATA/themes/olivades2016/menu_fonction/puce_grey.png) no-repeat left center;}





/**********************  HOME ***************************** /

/* ---------- edito -----------------*/
.edito {line-height:26px; margin-top:30px; margin-bottom:30px; text-align:center}
.edito .spacer {border-bottom: 2px solid #000710;display: block;margin: 30px auto;width: 16%; height:0}


/* ---------- product --------------- */
.article_liste .product a { height:290px;text-align:center; text-decoration:none}
.article_liste .product .thumbnail {border:none; border-radius:0}
.article_liste .product .thumbnail:hover .btn {border-bottom:2px solid #000710; text-decoration:none}
.article_liste .product .img-responsive { margin:auto}
.article_liste .product .picture {overflow:hidden; height:153px}
.article_liste .product .designation {height:40px;}
.article_liste .product .detail {margin:0}
.article_liste .product .prix {color:#DAC40E; font-weight:bold}
.article_liste .product .btn {border-radius:0; background:#FFF; border:none; color:#000710; text-transform:uppercase}



/**********************  FAMILLY ***************************** /


/* -------------- menu categories ----------------------- */

.categorie_menu {font-size:12px; margin-left:10px}
.categorie_menu .bg-info {color:#DAC40E; font-size:14px}
.categorie_menu .list-group-item {border:none; padding:5px 10px}
.categorie_menu a.list-group-item:hover {background:#FFF}
.categorie_menu a.active {background:#FFF; color:#000710}
.categorie_menu a.list-group-item.active .nom {border-bottom:2px solid #000710}
.categorie_menu a.list-group-item.active:hover {color:#000710}
.categorie_menu a.list-group-item .nom {border-bottom:2px solid #FFF}
.categorie_menu a.list-group-item:hover .nom {border-bottom:2px solid #000710}

/* -------------- article liste ----------------------- */

.article_liste {margin-top:30px}
.article_liste .thumbnail {padding:0}


/********************** FICHE ARTICLE ***************************** /

/* -------------- article liste ----------------------- */

.carousel .carousel-control .fa {position:relative; top:50%}

.product_view { margin-top:30px}
.product_view .carousel .item img {margin:auto}
.product_view .carousel .carousel-control {color:#333}
.product_view .carousel .carousel-control:hover {color:#000710}
.product_view .carousel .carousel-control .fa {position:absolute; top:47%}
.product_view .carousel-control.right,.product_view .carousel-control.left {background:none}
.product_view .article_titre {border-bottom: 2px solid #000710;font-size:18px;margin-top: 0;padding-bottom: 15px;text-align: center;text-transform: uppercase}
.product_view .ref {text-align:center; font-family:Verdana, Geneva, sans-serif; font-size:14px; text-transform:uppercase}
.product_view .prix {text-align:center; color:#DAC40E; font-size:22px}

.product_view .input-group-addon {border:2px solid #000710; background:#FFF; border-radius:0; color:#000710}
.product_view .input-group-addon:hover { background-color:#DAC40E}
.product_view .input-group-addon:first-child {border-right:none}
.product_view .input-group-addon:last-child {border-left:none}
.product_view .form-control {border:2px solid #000710}

.product_view .soldout .message {color: #dac40e;font-weight: bold;padding: 15px 0;text-align: center}

.product_view .qte input {height:45px; text-align:center; color:#000710; font-size:18px; font-weight:bold}
.product_view .product_add {display:block; height:45px; line-height:45px; text-transform:uppercase; text-align:center; border:2px solid #000710;color:#000710; font-size:14px; font-weight:bold; cursor:pointer;transition: background .25s ease-in-out,color .25s ease-in-out;-moz-transition: background .25s ease-in-out,color .25s ease-in-out;-webkit-transition: background .25s ease-in-out,color .25s ease-in-out;}
.product_view .product_add:hover {text-decoration:none; background:#DAC40E; color:#000710}
.product_view .bt_product_add .message {text-align:center}
.product_view .row2 {margin-top:30px}
.product_view .row2 .title {border-bottom: 2px solid #000710;font-size: 22px;padding-bottom: 10px;text-align: center}
.product_view .field .table {font-size:12px}
.product_view .field .table .var { text-align:right}
.product_view .desc td {vertical-align:middle; padding:0;font-size:12px; height:35px}
.product_view .col-xs-1.icon {display: block;padding: 0;width: 35px; vertical-align:middle}
.product_view .col-xs-1.icon img { margin:auto}
.product_view .legend { padding-left:5px}
.product_view .spacer {border-bottom:2px solid #000710; width:20%; margin:20px auto}
.product_view .description_longue {font-size: 12px;line-height: 25px;text-align: center}

/* --------------- overlay --------------- */
.overlay_fullscreen {position:fixed; top:0; left:0; width:100%; height:auto;z-index:2000; display:none; overflow-y:auto;overflow-x:hidden;padding:0; background:#FFF}
.overlay_backdrop {position:fixed; top:0; left:0; width:100%; height:100%; background:#000710; opacity:0.3; z-index:1999; display:none; overflow-y:auto;overflow-x:hidden}
.overlay_close {margin:15px; padding:5px; font-size:16px; font-weight:lighter; position:absolute; right:1%; z-index:2000; background:url(/00DATA/themes/olivades2016/panier_overlay/close.png) no-repeat center center; display:block; height:45px; width:45px; cursor:pointer}
.overlay_fullscreen .overlay_content {padding:2%; color:}
.panier_view {background: #fff none repeat scroll 0 0;border-radius: 5px;padding: 2% 4%}
.panier_view .success {color:#DAC40E; font-size:18px; font-weight:bold; text-align:center; padding-bottom:10px}
.panier_view .ref {color:#000710; font-size:14px; font-weight:bold; border-bottom:2px solid #000710; padding-bottom:10px; margin-bottom:10px} 
.panier_view table {color:#000710}
.panier_view .tailles_liste th {width:5%; font-weight:normal}
.panier_view .tailles_liste td { font-weight:bold;}
.panier_view .tailles_liste .taille {text-align:left}
.panier_view .tailles_liste .prix, .panier_view .tailles_liste .qte {text-align:right} 
.panier_view .spacer {width:20%; border-bottom:2px solid #000710; margin:15px 40%}
.panier_view .panier_report td {padding:2px}
.panier_view .pan-btn {text-align:center; margin-top:15px}
.panier_view .pan-btn a {font-size:14px; text-decoration:none; font-weight:bold; border:2px solid #000710; padding:10px 20px; color:#000710; display:inline-block}
.panier_view .pan-btn a:hover {background:#DAC40E}
@media (min-width: 768px) {
	.overlay_fullscreen {top:10%}
	}



/********************  PANIER *******************************************/
.panier_etape {margin-top:30px; margin-bottom: 30px }
.panier_etape a {font-size:18px; color:#000710; text-decoration:none; padding-bottom:10px; margin-bottom:10px; border-bottom:2px solid #FFF; text-transform:uppercase}
.panier_etape a:hover { border-bottom:2px solid #000710; text-decoration:none }
.panier_etape a.active { border-bottom:2px solid #000710}
.panier_etape a.disabled {opacity:0.4;}
.panier_etape .shipping {text-align:center}
.panier_etape .payment {text-align:right}
.panier_etape .payment a:hover {border-bottom:2px solid #FFF;text-decoration:none }


.panier_liste {list-style:none; padding:0; overflow:hidden; font-size:14px}
.panier_liste .entete { font-weight:bold}
.panier_liste .entete .qte {padding-right:30px}
.panier_liste .ligne {border-bottom:1px solid #efefef; padding:15px 0}
.panier_liste .ligne span { vertical-align:middle}
.panier_liste .ligne .article a {display:block; color:#000710}
.panier_liste .ligne .input-group {width:1%; margin-left:auto}
.panier_liste .ligne .input-group .input-group-addon { background:none; border:none; font-weight:normal; padding:3px 6px; font-size:12px}
.panier_liste .ligne .input-group .form-control {border:none; box-shadow:none; height:auto; width:auto; padding:3px 6px; font-size:14px}
.panier_liste .ligne .total {text-align:right}
.panier_liste .ligne .ligne_del {background:url(/00DATA/themes/olivades2016/panier/close.png) no-repeat center center; width:15px; height:15px; display:inline-block}

.panier_totaux { margin-bottom:15px; margin-top:15px}
.panier_totaux .row {padding-top:5px; padding-bottom:5px;color:#000710; font-size:14px; }
.panier_totaux .label {color:#000710; font-size:12px; font-weight:normal;text-align:right}
.panier_totaux .montant {text-align:right}
.panier_totaux .total .montant {font-weight:bold}
.panier_totaux .total .montant p {border-bottom: 2px solid #000710;display: inline-block;font-size: 14px;margin-bottom: 10px;padding-bottom: 10px;}
.order_btn {border: 2px solid #000710;color: #000710;display: inline-block;font-weight: bold;padding: 10px 20px;text-transform: uppercase}
.order_btn:hover {text-decoration:none; color:#000710; background:#DAC40E}
@media (max-width: 767px) {
	.panier_etape {text-align:center}
	.panier_liste .ligne span p {text-align:center !important}
	.panier_liste .ligne .image img { margin:auto}
	.panier_liste .ligne .input-group {width:1%; margin:auto}
	}
.ligne_vide { padding:30px}

#stock_liste tr:first-child td {border:none}


/********************* LOGIN *****************************/
.row.login h3 {font-size: 18px;font-weight: bold;margin-bottom: 30px;text-transform: uppercase}
.row.login .form-group label {font-weight: normal}
.row.login .form-group input {border: 2px solid #000710;border-radius: 0;color: #000710}
.row.login .form-group input.input-error { border:2px solid #F60}
.row.login .btn {background: #fff none repeat scroll 0 0;border: 2px solid #000710;border-radius: 0;color: #000710;font-weight: bold;text-transform: uppercase}
.row.login .btn:hover {background:#DAC40E; text-decoration:none}
.row.login .btn.pass_reinit {border:none; border-radius:0; text-transform:none; font-weight:normal; border-bottom:2px solid #FFF; padding:5px 0}
.row.login .btn.pass_reinit:hover{background:#FFF; text-decoration:none; border-bottom:2px solid #000710}


/****************** INSCRIPTION / SIGNIN *************************/
#group13, #group14, #group16, #group17 {width:50%; float:left}
#dossier_form_13 h3 {font-size:18px; color:#000710}
.signin .form_viewer .header {display:none}
.signin .edito.sav {text-align:left}


/*********************** LIVRAISON **************************/
.adresse h2 {color:#000710; text-align:center}
.adresse .encours {font-size:12px; padding:10px;text-align:center}
.adresse .titre {font-size:14px; color:#000710; font-weight:bold; padding-top:5px}
.adresse_change .change_bt {color:#000710; text-transform:uppercase; padding:5px 10px; border:2px solid #000710; font-weight:bold}
.shipping .btn {color:#000710; font-size:12px; display:inline-block; text-transform:uppercase; padding:5px 10px; border:2px solid #000710; font-weight:bold; margin-top:10px; border-radius:0}
.shipping .btn:hover {background:#DAC40E; text-decoration:none}
.adresse .option form {margin:0 8%}
.adresse .option .form-group { margin-bottom:5px}
.adresse .option .form-group .form-control {border-radius:0; border:2px solid #000710; font-size:12px}
.adresse .option .form-group .form-control.error {border:2px solid #F90}

.livraison_option {margin:15px 0 }
.livraison_option .inline-block {vertical-align:middle}
.livraison_option .option_check {border-radius:0; border:none}
.livraison_option .option_check .spacer {width:20%; border-bottom:2px solid #000710; margin:5px auto}
.livraison_option .prix {text-align:center; font-weight:bold}
.livraison_option .description {font-size:12px}
.livraison_option .option_check.active {background:#FFF; color:#000710}
.livraison_option .shipping_select {cursor:pointer}
.livraison_option .list-group-item span:last-child {text-align:right}
.checkbox {cursor:pointer}
.checkbox span {vertical-align:middle}
.commande_totaux {padding-bottom:15px; padding-top:15px}
.commande_totaux .row {padding-bottom:5px; text-align:right; font-size:14px}
.commande_totaux .total .montant {font-size:16px; font-weight:bold; padding-bottom:10px; border-bottom:2px solid #000710}
.btn.get_paiement {font-size:14px}
.message {color:#F30; text-align:right}


/**********************  PAIEMENT ***************************** */
.payment .entete {margin-bottom:30px}
.payment .entete p.titre {border-bottom: 2px solid #000710;color: #000710;display: inline-block;font-size: 22px;margin-bottom: 15px;padding-bottom: 10px;text-transform: uppercase}
.payment .entete p.titre strong {color:#DAC40E}
.payment .adresses .titre {font-size:16px; text-transform:uppercase; font-weight:bold; color:#000710; text-align:center}
.payment .adresses .adresse {text-align:center; font-size:12px}
.payment .panier_liste {margin-top:30px}
.payment .panier_liste .entete .qte {padding:0 15px}
.payment .btPaiement {margin:auto}
.payment .paiement_moyen .description {text-align:center}
.payment .paiement_moyen .btPaiement {border:2px solid #000710; padding:0 60px; height:50px; margin-bottom:15px}
.payment .paiement_moyen .btPaiement:hover { background:#DAC40E}
.payment .totaux tr td {padding:5px 10px}
.payment .totaux .montant {text-align:right}
.payment .totaux .reste .montant {font-weight:bold}


/**********************  ACCOUNT / MON COMPTE ***************************** */
.account .menu {margin-bottom:30px}
.account .menu li a {color:#000710; text-transform:uppercase; padding-bottom:10px; border-bottom:2px solid #fff}
.account .menu li a.active {border-bottom:2px solid #000710; text-decoration:none}


/* ------------------- user info ------------------------- */

.user_info { font-size:12px; text-transform:uppercase; color:#000710; text-align:center}
.user_info .spacer-top,.user_info .spacer-bottom {margin:10px 18%; border-bottom:2px solid #000710}
.user_info a {padding:3px 0; color:#000710}



/*************** SOCIETE ***********************/
.menu_societe.navbar {border:none; background:none; margin-top:15px}
.menu_societe .menu-top {text-align:center}
.menu_societe .navbar-nav{display:inline-block; float:none}
.menu_societe li {margin: 0 30px}
.menu_societe li a {color: #000710;padding: 10px 0;text-transform: uppercase;border-bottom: 2px solid #fff}
.menu_societe li a:hover {text-decoration:none;border-bottom: 2px solid #000710}
.menu_societe li a.active {border-bottom: 2px solid #000710;color: #000710;font-weight: bold}
.societe .text {line-height: 26px;padding: 0 5%}
.societe .legend {font-size: 12px;padding: 5px;text-align: center}
.societe .citation {font-size: 16px;font-weight: bold;padding-top: 10px;text-align: center}
.societe .directeur {font-size:16px}



/**************** RESEAU **************************/

.compte_liste .get_details {display:block; height:160px; text-align:center; color:#000710}
.compte_liste .spacer { margin:0 30% 20px 30%; border-bottom:2px solid #FFF}
.compte_liste .get_details:hover {text-decoration:none}
.compte_liste .compte:hover .spacer {border-bottom:2px solid #000710}
.compte_liste .get_details span {display:block}
.compte_liste .get_details .nom {color:#DAC40E; font-weight:bold}

.compte_liste .filtres {margin-bottom:15px }
.compte_liste .filtres form { text-align:center}
.compte_liste .filtres .form-group {margin: 0 0 0 10px}
.compte_liste .filtres .btn {padding:0; color:#000710}

.reseau-detail .contact_detail {padding:2%}
.contact_detail h2.contact {color:#DAC40E; margin-bottom:20px}


/******************* CONTACT *********************/
#map {width:100%; height:400px}
.form_viewer .header {border-bottom: 2px solid #000710;display: inline-block;font-size: 18px;font-weight: bold;margin: 30px 35% 15px;padding-bottom: 10px;text-align: center;text-transform: uppercase;width: 30%}
.form_viewer h3.cadre_title {font-size:14px; font-weight:normal; text-align:center; color:#000710}
.form_viewer .champs {display: block;margin-bottom: 15px;overflow: hidden; float:left; width:100%}
.form_viewer .form-control {border: 2px solid #000710;border-radius: 0}
.form_viewer .required .form-control {border:2px solid #F90}
.form_viewer .form-control:focus { box-shadow:none; outline:none}
.form_viewer .btn { border-radius:0px; background:#fff; border:2px solid #000710; font-size:14px; color:#000710; text-transform:uppercase; padding:8px 20px; font-weight:bold}
.form_viewer .btn:hover {background:#DAC40E}
.form_viewer .selecteur {cursor:pointer}
.form_viewer .caption {color:#000710; padding:4px}
.form_viewer .caption p {margin:0; text-transform:uppercase; font-weight:bold; font-size:12px}
.form_viewer .thumbnail {border-radius:0; border:2px solid #000710;}
.form_viewer .thumbnail:hover {text-decoration:none; color:#000710; border-color:#000710}
.form_viewer .thumbnail.active {text-decoration:none; color:#000710; border-color:#000710; background:#dac40e}
.form_viewer .alert {border-radius:0px; text-align:center}
.form_viewer .alert-warning { color:#F30; background:none; border:none}
.form_viewer .alert-success {color:#dac40e; font-weight:bold;background:none; border:none}
.form_viewer .champs label.titre {font-weight:bold;}

.contact .contact_detail {margin-top:45px}


/******************* ESPACE PRESSE *********************/

.espace-presse .tissus {font-size: 12px;padding: 15px 10%;text-align: center}
.fichier_liste .listes {border-right:2px solid #000710}
.fichier_liste .listes li {border:none; border-radius:0}
.fichier_liste .listes li a {color:#000710; padding-bottom:5px; border-bottom:2px solid #fff}
.fichier_liste .listes li a:focus {text-decoration:none}
.fichier_liste .listes li a:hover {border-bottom:2px solid #000710; text-decoration:none}
.fichier_liste .listes li a.active {border-bottom:2px solid #000710; font-weight:bold}
.fichier_liste ul.fichiers li {border:none; border-radius:0}
.fichier_liste ul.fichiers li a {color:#000710}
.fichier_liste .fichiers .info {display:inline-block; vertical-align:middle; font-size:14px; color:#000710; font-weight:bold; margin-top:9%}
.fichier_liste .fichiers .filesize {font-size:12px; font-weight:bold}


/****************** GALERIES PHOTOS *********************/
.galeries .img-responsive {width: 100%; border-bottom:1px solid #FFF; border-left:1px solid #FFF}
.galeries .vignette_off {position:absolute; z-index:2000}
.galeries .titre {background: rgba(255, 255, 255, 0.6);color: #000710;font-weight: bold;padding: 15px 0;position: absolute;text-align: center;text-decoration: none;text-transform: uppercase;top: 40%;width: 100%}
.galerie_detail {height:100%}
.galerie_detail .photo {height:25%; margin-bottom:30px}
.galerie_detail .photo .img-responsive {max-height:100%; margin:auto}
.galerie_detail .get_slideshow {border: 3px solid #000710;display: block;height: 100%;padding: 10px;width: 100%;}
.galerie_detail .image {display: block;height: 100%;width: 100%;}
.galerie_detail .infos {text-align:center}
.galerie_detail .infos .titre {font-size:16px; text-transform:uppercase; display:inline-block; font-weight:bold; padding-bottom:10px; border-bottom:2px solid #000710; color:#000710}
.galerie-detail .overlay_fullscreen {height:80%; padding:30px}
.galerie-detail .slide .view {height:100%}
.galerie-detail .slide .view .get_next {display:block; width:100%; height:100%; padding:30px; cursor:pointer}
.galerie-detail .slide .view .img {display:block; width:100%; height:100%}
.galerie-detail .slide {height: 100%;left:auto;position: absolute;top: 0;width:1170px}
.galerie-detail .slide .info {padding-top:20%}
.galerie-detail .slide .download {border: 1px solid #DAC40E;color: #DAC40E;padding: 10px 15px;border-radius: 3px}
.galerie-detail .slide .download:hover {text-decoration:none; background:#DAC40E; color:#FFF}
/* ***************** FOOTER *********************** */
.footer .spacer { display:inline-block; width:20%; margin:30px 40%; border-bottom:2px solid #000710}
.footer .titre {color:#000710; font-size:12px; font-weight:bold; text-transform:uppercase}
.footer .logo {display: block;width: 50%; float:right}
.footer .menu .list-group-item {border: medium none;color: #000710;font-size: 12px;margin: 5px 0;padding: 0}
.footer .menu .list-group-item a {border-bottom: 1px solid #fff;color: #000710;padding-bottom: 5px}
.footer .menu .list-group-item a:hover {border-bottom: 1px solid #000710; text-decoration:none}
.footer .content p {font-size:12px; color:#000710}



/* ************* CGV *****************************/
.cgv .titre:first-child {border-bottom: 2px solid #000710;display: inline-block;font-weight: bold;margin-left: 25%;padding-bottom: 10px;text-align: center;
    text-transform: uppercase;width: 50%}