@charset "utf-8";
* {
margin:0;
padding:0;
}

ul {
margin-left:15px;
}

body {
background-image:url("../images/fond.jpg");
font-family:"Times New Roman", Times, serif;
margin:0;
padding:0;
color:#1d1d1b;
}

.form-group {
margin-bottom:0;
}

.form-control {
background: rgba(185, 185, 196, 0.3);
border-color:transparent;
border-radius:0;
-webkit-border-radius:0;
-moz-border-radius:0;
box-shadow:none;
margin-bottom:15px;
}

.form-control:focus{
border-color:#fff;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(187, 174, 157,.6);
box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(187, 174, 157,.6);
}

a, a:hover, a, a:focus {
color:#000;
text-decoration:none;
}

a:focus {
outline:none;
}

.scrollToTop{
text-align:center; 
text-decoration: none;
position:fixed;
bottom:0px;
right:5px;
bottom:5px;
display:none;
background-image:url('../images/return.png');
background-repeat:no-repeat;
width:50px;
height:47px;
}

.scrollToTop:hover{
text-decoration:none;
}

.souris {
cursor:pointer;
}

.encart {
padding:15px 0;
}

.btn-primary {
background-image:url("../images/fond_btn.jpg");
background-repeat:repeat-x;
background-size:auto 100%;
padding-left:15px;
padding-right:15px;
background-color:transparent;
border-color:transparent;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

.btn-primary:hover, .btn-primary:focus {
border-color:transparent;
background-color:transparent;
}

.petit {
font-size:11px;
font-style:italic;
text-align:center;
}

h1, .h1 {
font-size:24px;
font-style:italic;
margin-bottom:10px;
margin-top:0;
}

.h2 {
margin-top:0;
margin-bottom:5px;
font-size:18px;
text-transform:uppercase;
font-style:italic;
font-weight:bold;
text-align:left;
padding-bottom:5px;
border-bottom:1px solid #000;
width:100%;
display:block;
}

h2.conf_barrettes {
margin-top:0;
margin-bottom:0;
font-size:14px;
font-weight:bold;
padding-bottom:10px;
}

.btn {
font-size:14px;
}


.btn.carre {
border-radius:0;
padding:0px 5px 0px 5px;
margin-bottom:5px;
}

.btn.fonce {
background-color:#7a7469;
}

.btn.clair {
background-color:#e0dcc7;
}

.btn a {
color:#FFF;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
}

.btn.clair a {
color:#000;
}

hr {
border-color:#7a7469;
margin-top:0;
}

.checkbox label, .radio label {
padding-left:5px;
}

.error {
color: #F00;
font-weight: normal;
}

.rouge {
color:#FF0000;
}


select.form-control {
font-size:12px;
color:#000;
background-color:#FFF;
padding:1px;
height:24px;
}

#savoir-plus {
color:#000;
}


/*
| ----------------------------------------------------------------------------------------------
| Menu haut
| ----------------------------------------------------------------------------------------------
*/
#menu_haut {
font-family:Arial, Helvetica, sans-serif;
}

#menu_haut .input-group-addon {
background-color:transparent;
}

#menu_haut .navbar-collapse {
padding-left:0;
padding-right:0;
}

#menu_haut a {
color:#000;
}

#menu_haut a:hover {
color:#e83c39;
}

#menu_haut {
font-size:10px;
text-transform:uppercase;
background-color:#FFF;
}

#menu_haut .btn_texte.col-md-3 {
padding:15px 0 0 0;
}

#menu_haut .navbar-default {
background-color: transparent;
border-color: transparent;
}

#menu_haut .navbar {
border-radius: 4px;
margin-bottom:0;
}

#menu_haut .btn_panier {
background-image:url("../images/btn_panier.png");
height:60px;
background-repeat:no-repeat;
background-position:top;
text-align:center;
padding-top:40px;
}

#menu_haut .btn_panier:hover, #menu_haut .btn_panier_hover {
background-image:url("../images/btn_panier_hover.png");
color:#e83c39;
}

#menu_haut .btn_compte {
background-image:url("../images/btn_compte.png");
height:60px;
background-repeat:no-repeat;
background-position:top;
text-align:center;
padding-top:40px;
}

#menu_haut .btn_compte:hover, #menu_haut .btn_compte_hover {
background-image:url("../images/btn_compte_hover.png");
color:#e83c39;
}

#menu_haut .btn_devis {
background-image:url("../images/btn_devis.png");
height:60px;
background-repeat:no-repeat;
background-position:top;
text-align:center;
padding-top:40px;
}

#menu_haut .btn_devis:hover, #menu_haut .btn_devis_hover {
background-image:url("../images/btn_devis_hover.png");
color:#e83c39;
}

#menu_haut .btn_contact {
background-image:url("../images/btn_contact.png");
height:60px;
background-repeat:no-repeat;
background-position:top;
text-align:center;
padding-top:40px;
}

#menu_haut .btn_contact:hover, #menu_haut .btn_contact_hover {
background-image:url("../images/btn_contact_hover.png");
color:#e83c39;
}

#menu_haut .input-group {
margin-top:15px;
width:250px;
}

#menu_haut input {
font-size:12px;
/*text-transform:uppercase;*/
padding-left:5px;
border:1px solid #e83c39;
border-right:none;
background-color:transparent;
}

#menu_haut .input-group-addon {
background-color:transparent;
padding:0 5px 0 5px;
border: 1px solid #e83c39;
border-radius:0;
border-left:none;
}

/*
| ----------------------------------------------------------------------------------------------
| Menu gauche
| ----------------------------------------------------------------------------------------------
*/
#menu_gauche1, #menu_gauche2 {
padding-left:0;
padding-right:0;
padding-bottom:20px;
}

/*#menu_gauche1 .panel-default > .panel-heading, #menu_gauche2 .panel-default > .panel-heading {*/
#menu_gauche1 .panel-heading, #menu_gauche2 .panel-heading {
background-image:url("../images/fond_menu.jpg");
background-repeat:repeat-y;
background-color:#d7d9d4;
background-size:100%;
}

#menu_gauche1 .panel-heading:hover, #menu_gauche1 .selected {
background-color:#646567;
background-image:none;
}

#menu_gauche1 .panel-heading:hover, #menu_gauche1 #accordion1 .selected a {
color:#FFF;
}

#menu_gauche1 #accordion1 .panel-body.sous_selected a, #menu_gauche2 #accordion2 .panel-body.sous_selected a {
color: #000;
}

#menu_gauche1 #accordion1 .sous_selected a {
color:#FFF;
}

#menu_gauche1 #accordion1 .panel-heading:hover a {
color:#FFF;
}

/*.panel-default > .panel-heading + .panel-collapse > .panel-body:hover {*/
.panel-body:hover {
/*background-image:url("../images/fond_sousmenu_hover.jpg");
background-repeat:no-repeat;*/
}

.panel-body {
padding: 10px;
/*box-shadow: 5px 5px 5px 0px #C0C0C0;*/
background-color:#ddd;
height:39px;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top:none;
}

#menu_gauche1 .panel-group .panel, #menu_gauche2 .panel-group .panel {
border-radius:0;
}

#menu_gauche1 .panel-heading, #menu_gauche2 .panel-heading {
border-top-left-radius:0;
border-top-right-radius:0;
border-bottom:1px solid #d0d1cc;
}

#menu_gauche1 .panel-group .panel + .panel, #menu_gauche2 .panel-group .panel + .panel {
margin-top:0;
}

#menu_gauche1 .panel, #menu_gauche2 .panel {
/*border-bottom:1px solid #d0d1cc;*/
border-top:0;
border-bottom:0;
}

#menu_gauche1 #accordion1 a, #menu_gauche2 #accordion2 a {
text-transform:none;
font-family:"Times New Roman", Times, serif;
color:#1d1d1b;
}

#menu_gauche1 #accordion1 .panel-body, #menu_gauche2 #accordion2 .panel-body {
font-size:14px;
}

#menu_gauche1 #accordion1 .panel-body a, #menu_gauche2 #accordion2 .panel-body a {
color:#666;
}

#menu_gauche1 #accordion1 .panel-body a:hover, #menu_gauche2 #accordion2 .panel-body a:hover {
color:#000;
}

.panel-title {
font-size: 14px;
color: inherit;
}

.panel-heading a {
font-size: 14px;
color: inherit;
font-weight: 500;	
}

#menu_gauche1 .panel-heading, #menu_gauche2 .panel-heading {
/*-moz-box-shadow: 5px 5px 5px 0px #c0c0c0;
-webkit-box-shadow: 5px 5px 5px 0px #c0c0c0;
-o-box-shadow: 5px 5px 5px 0px #c0c0c0;
box-shadow: 5px 5px 5px 0px #c0c0c0;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0, Direction=134, Strength=5);*/
}

#menu_gauche1 #frais_port, #menu_gauche2 #frais_port {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
margin:15px 0;
}

/* Mise en forme surbrillance des sous-menus */

.panel-body:hover {
background-color: #ccc;
}

.panel-body.sous_selected {
  background-color: #999;
  color: #fff;
}

.panel-body.sous_selected:hover {
  background-color: #666;
}

/*
| ----------------------------------------------------------------------------------------------
| Slider
| ----------------------------------------------------------------------------------------------
*/
#slider {
margin-bottom:1px;
}

#slider .container {
position:relative;
}

#slider #btn_sociaux {
position:absolute;
bottom:-16px;
right:45px;
z-index:99;
}

#slider #btn_sociaux .fa-border {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
padding: 0.3em 0.5em 0.3em 0.5em;
text-align: center;
border-style: solid;
border-color: #FFF;
border-width: 2px;
color: #FFF;
font-size: 20px;
background-color:#44362a;
}

#slider #btn_sociaux .fa-google-plus.fa-border, #slider #btn_sociaux .fa-twitter.fa-border {
padding: 0.3em 0.4em 0.3em 0.4em;
}

#slider #btn_sociaux .fa-border:hover {
background-color:#e83c39;
}

/*
| ----------------------------------------------------------------------------------------------
| Menu bas
| ----------------------------------------------------------------------------------------------
*/
#menu_bas {
background-color:#e2e3de;
color:#000;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
padding-top:10px;
padding-bottom:5px;
}

#menu_bas a {
color:#000;
font-size:12px;
}

#menu_bas .row div {
margin-bottom:5px;
}

#menu_bas .valign_bas {
padding-top:10px;
}

#menu_bas .petit {
font-size:8px;
}

/*
| ----------------------------------------------------------------------------------------------
| Page
| ----------------------------------------------------------------------------------------------
*/
#page #texte {
padding-top:30px;
padding-bottom:20px;
line-height:20px;
}

#page #texte #description a, #page #texte #description a:focus,
#page #texte #savoir-plus a, #page #texte #savoir-plus a:focus {
color:#405e82;
text-decoration:none;
}

#page #texte #description a:hover, #page #texte #savoir-plus a:hover {
color:#405e82;
text-decoration:underline;
}

#page #gauche {
padding-left:0;
}

#page #slogan {
text-align:center;
margin-top:20px;
margin-bottom:20px;
}

#page #ariane {
padding-bottom:0;
/*text-transform:uppercase;*/
}

#page #ariane .breadcrumb {
background-color:transparent;
padding-left:0;
font-size:14px;
}

#page #ariane .breadcrumb .active {
font-weight:bold;
color:#000;
}

#page #ariane .breadcrumb > li + li:before {
color:#000;
font-weight:bold;
content: ">	 ";
padding: 0 5px;
}

#page .titre {
text-transform:uppercase;
border-bottom:1px solid #000;
margin-bottom:15px;
}

#page .titre.commande {
text-transform:none;
}

/*
| ----------------------------------------------------------------------------------------------
| Accueil
| ----------------------------------------------------------------------------------------------
*/
#page #accueil .texte {
text-align:left;
}

#page #accueil .edito {
border:1px solid #a2252d;
margin-bottom: 20px;
}

#page #accueil #portrait {
float:left;
}
#page #accueil #portrait #nom {
text-align:center;
margin-left:-20px;
}

#page #accueil h2 {
margin-top:0;
margin-bottom:10px;
font-size:16px;
text-transform:uppercase;
font-weight:bold;
text-align:left;
}

#page #accueil .thumbnail {
border-color:transparent;
border-radius:0;
}

#page #accueil .thumbnail h2 {
text-transform:none;
font-weight:normal;
}

/*
| ----------------------------------------------------------------------------------------------
| Liste
| ----------------------------------------------------------------------------------------------
*/
#page .blanc {
background-color:#FFF;
}

#page #liste .devis, #page #fiche_produit .devis {
background-color:#FF0000;
padding:5px;
text-align:center;
text-transform:uppercase;
}

#page #liste .devis a, #page #fiche_produit .devis a {
color:#FFF;
}

#page #liste .thumbnail {
padding:0;
border-radius:0;
}

#page #liste .thumbnail:hover {
border:1px solid #000;
}

#page #liste .thumbnail .caption {
background-image:url("../images/fond_titre_liste.jpg");
background-repeat:repeat-x;
background-position:bottom;
height:60px;
}

#page #liste .thumbnail h2 {
margin-top:0;
margin-bottom:0;
font-size:12px;
text-transform:uppercase;
font-weight:bold;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
}

#page #liste #description .titre {
background-color:#e2e3de;
border-bottom:1px solid #000;
margin-bottom:15px;
padding:5px;
font-size:20px;
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
background-color: #DDD;
border-color: #DDD;
color:#666;
}

.pagination > li > a {
color:#666;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
z-index: 2;
color: #FFF;
cursor: default;
background-color:#333;
border-color: #333;
}

/*
| ----------------------------------------------------------------------------------------------
| Fiche
| ----------------------------------------------------------------------------------------------
*/
#page #fiche_produit h1 {
margin-top:0;
margin-bottom:0;
font-size:18px;
font-weight:bold;
text-align:left;
padding-bottom:10px;
border-bottom:1px solid #000;
}

#page #fiche_produit span.ref {
margin-top:0;
margin-bottom:0;
font-size:12px;
font-weight:bold;
padding-bottom:10px;
display: block;
}

#page #fiche_produit #recto_verso {
margin-top:15px;
}

#page #fiche_produit #recto_verso img {
height:100px;
}

#page #fiche_produit .row .petit {
font-size:12px;
line-height:22px;
text-align:left;
font-style:normal;
}

#page #fiche_produit .row .case {
background-color:#ccc;
border-bottom:1px solid #000;
padding-top:5px;
padding-bottom:5px;
}

#page #fiche_produit .row .bord {
border-right:1px solid #fff;
}

#page #fiche_produit .row.titre {
background-color:#000;
color:#FFF;
margin-top:15px;
padding-top:5px;
}

#page #fiche_produit .row.tableau {
margin-left:0;
margin-right:0;
text-transform:none;
margin:0;
}

#page #fiche_produit #autre {
display:none;
}

#page #fiche_produit .row-eq-height {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display:         flex;
}

/*
| ----------------------------------------------------------------------------------------------
| Panier
| ----------------------------------------------------------------------------------------------
*/
.panier_devis {
background:#fff;
}

#panier {
padding-bottom:30px;
}

#panier .etape {
border-top:1px solid #5b4b3a;
border-bottom:1px solid #5b4b3a;
padding-top:5px;
padding-bottom:2px;
margin-left:0;
margin-right:0;
margin-top:10px;
}

#panier .etape .fa {
padding-top:3px;
font-size:25px
}

#panier .etape .glyphicon {
padding-top:5px;
}

#panier .etape .btn {
text-transform:uppercase;
font-size:12px;
background-color:transparent;
padding:0;
line-height:normal;
padding-top:5px;
padding-bottom:5px;
}

#panier .etape .button a {
color:#4f4231;
}

#panier .etape .glyphicon {
font-size:20px;
}

#panier .etape div.btn {
width:100%;
border:none;
}

#panier .etape div.btn:hover {
cursor:default;
}

#panier .etape a, .etape a:hover {
border:none;
border-radius:0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
line-height:3em;
background-color:#F5F5F5;
display:block;
}

#panier .etape a.active, #panier .etape a:hover {
background-color:#202145;
color:#FFF;
}

#panier .etape .col-md-2 {
padding:1px;
}

#panier .table.table-bordered td, #panier .table.table-bordered th, #panier .table-bordered {
border-color:#5b4b3a;
border-bottom:none;
border-top:none;
}

#panier .table.table-bordered tr.last td {
border-bottom:1px solid #5b4b3a;
}

#panier th, #panier td {
text-align:center;
}

#panier .table.table-bordered .col_first {
border-left-color:transparent;
}

#panier .table.table-bordered .col_last {
border-right-color:transparent;
}

#panier .table.total th {
border-color:transparent;
}

#panier .total .prix {
font-size:16px;
}

#panier .total .col_1 {
background:rgba(230,230,230,0.5);
}

#panier .total .col_2 {
background:rgba(181,182,193,0.5);
padding-left:20px;
padding-right:20px;
width:30%;
}

#panier table .vide {
height:2px;
line-height:2px;
padding:0;
border:none;
}

#panier legend {
border-bottom:1px solid #000;
font-size:21px;
}

#panier .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
background-color:#E4E4E4;
}

#panier .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {
margin-left:0;
}

#panier .checkbox label, #panier .radio label {
padding-left:20px;
}

#panier .petit {
font-size:14px;
font-style:normal;
}

@media (max-width: 1200px) {
	#panier .etape .btn {
	font-size:10px;
	}
}

@media (max-width: 991px) {
	body {
		background-image:none;
		background-color:#eeeeec;
	}
	
	input {
		background-color:#FFF;
	}
	
	#panier .etape .col-md-4 {
	text-align:center;
	}

	#gauche.col-md-3 {
	padding-right:0;
	}

	#page #accueil .texte {
	padding-top:15px;
	}

	#page #fiche_produit .row .bord {
	border-right:none;
	}

	#page #fiche_produit .row .petit {
	text-align:center;
	}

	#page #fiche_produit .row .petit, #page #fiche_produit .row .declinaison {
	text-align:center;
	}
}

@media (max-width: 768px) {	
	#menu_haut .navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-color:transparent;
	}

	#menu_haut .input-group {
	margin-left:auto;
	margin-right:auto;
	}
	
	#page #map_canvas {
	margin-top:30px;
	}

	#panier .etape .btn {
	font-size:12px;
	}

	/*
	| ----------------------------------------------------------------------------------------------
	| Fiche
	| ----------------------------------------------------------------------------------------------
	*/
	#page #fiche_produit h2 {
	margin-top:30px;
	}
	
	#page #fiche_produit .img-responsive {
		margin:0 auto;
	}
}

/*
| ----------------------------------------------------------------------------------------------
| AJOUTS
| ----------------------------------------------------------------------------------------------
*/

#site-title a, #site-title a:hover {
	font-family: "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight: normal;
	font-style: italic;
	text-transform: none;
	line-height: 60px;
	margin: 0 10px;
	display: inline-block;
	color: #55534b;
}

#site-title h2 a {
	color: #55534b;
}

#site-title h2 a:hover {
	color: #7a7469;
}

@media (min-width: 768px) {
	#site-title {
		margin-bottom : -60px;
	}
	.menu-btns a .btn_texte {
	margin-top: 20px;
}
}

#menu_haut .input-group {
	margin: 12px auto;
}

#menu_haut input, #menu_haut .input-group-addon {
	border-color: #7a7469;
}

.menu-btns a div {
	padding-left: 0;
	padding-right: 0;
}

.menu-btns a div .btn-primary {
	padding: 5px 12px;
}

#menu_haut .btn_panier_hover, #menu_haut .btn_panier:hover {
    background-image: url("../images/btn_panier_hover_v.png");
    color: #5e7297;
}

#menu_haut .btn_compte_hover, #menu_haut .btn_compte:hover {
    background-image: url("../images/btn_compte_hover_v.png");
    color: #5e7297;
}

#menu_haut .btn_contact_hover, #menu_haut .btn_contact:hover {
    background-image: url("../images/btn_contact_hover_v.png");
    color: #5e7297;
}

#menu_haut .btn_devis_hover, #menu_haut .btn_devis:hover {
    background-image: url("../images/btn_devis_hover_v.png");
    color: #5e7297;
}

.btn-primary {
	background-image: url("../images/fond_btn_v.jpg");
}

.breadcrumb h1 {
	display:inline-block;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
}

.center {
	text-align: center;
}

.g-recaptcha {
	display:inline-block;
}

h1.recherche {
	font-size: 14px;
	display: inline;
	font-style: normal;
	font-weight: bold;
}