@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400&display=swap');

.row {
margin-right: 0px;
margin-left: 0px;
}






#accordion .card div .card-body .row div { padding-right: 0px !important; padding-left: 5px !important; }

#menu-top {text-align:center;}
 
#bp_menu_mobile {z-index:10000; position:absolute; left:10px; top:10px; background-color:white; } 

#block_panier { background-color:#ffffff; border-left: 1px solid rgba(0,0,0,.125); }


#block_menu_mobile_back { display:none; z-index:9999; position:absolute; left:0px; top:0px; bottom:0px; right:0px; background-color:black; opacity:0.5;}

#block_menu_mobile_close { z-index:10003; display:none; position:absolute; right:0px; top:0px; right:0px; color:white; text-align:right; cursor:pointer }
#block_menu_mobile_close i{ margin-top:-3px }

#block_menu_mobile {z-index:10001; display:none; 	position:absolute; left:0px; top:0px; right:0px; color:white;}
#block_menu_mobile .tuile { display: block; width:50%;height:55px; background-color:black; font-size:18px;color:white; text-align:center; line-height: 55px;border-bottom:1px solid white; border-right:1px solid white;}
#block_menu_mobile  a .tuile { margin:0px;padding:0px;color:white; }
 
#block_menu_mobilehomme,#block_menu_mobilefemme, #block_menu_mobileaccessoires,#block_menu_mobile5,#block_menu_mobile6 {z-index:10002; display:none; 	position:absolute; left:50%; top:55px; right:0px; color:white;
border-top:1px solid white;border-bottom:1px solid white;
 }
#block_menu_mobilehomme .tuile,#block_menu_mobilefemme .tuile,#block_menu_mobileaccessoires .tuile,#block_menu_mobile5 .tuile,#block_menu_mobile6 .tuile
 { display: block; width:100%;height:55px; background-color:black; font-size:20px;color:white; text-align:center; line-height: 2.5em;border-bottom:1px solid black; }

.bp_smenu_mobile .tuile  {border-right:1px solid white;}

.carousel-indicators li {  height: 2px;display:none }

.modal-dialog {max-width: 95%;}
@media screen and (min-width: 576px){
.modal-dialog {max-width: 90%;} 
.carousel-control-prev, .carousel-control-next{ display:none }
.carousel-indicators li { display:inline-block }

}
@media screen and (min-width: 767px){
	.modal-dialog {max-width: 80%;} 
.carousel-control-prev, .carousel-control-next{ display:none }
.carousel-indicators li { display:inline-block }

	}
@media screen and (min-width: 992px){
	.modal-dialog {max-width: 60%;}
.carousel-control-prev, .carousel-control-next{}
.carousel-indicators li {  }

 }


.carousel-inner .btn {
font-family: Raleway,Raleway !important;
	background-color: black !important;  color:white; border: 1px solid white !important;
}

.table td, .table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 0px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}

/*
.nav-tabs { border-bottom:1px solid #000000; }
.nav li { border-right:1px solid #000000; padding: 10px;  Background-color: #eeeeee;}
.nav li:hover { Background-color: #dddddd; }
*/

.nav > li > a {
    padding: 15px 10px;
	background-color:#eeeeee;
}
.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a {
    background-color: #dddddd;
    color: #000000;
    opacity: 0.5;
}
.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}
.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}
.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.nav-tabs > li:hover > a {
    background-color: #dddddd;
}

.tab-content > .active {
    display: block;
}

.fade.in {
    opacity: 1;
}
.tab-content, .nav-tabs, .tab-pane {
    font-size: 16px;
}
.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear;
}







a, button, .surv_ico img , .surv_ico .cercle {
  transition-timing-function: ease-in-out;
  -ms-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-duration: .2s;
  -ms-transition-duration: .2s;
  -moz-transition-duration: .2s;
  -webkit-transition-duration: .2s;
  -o-transition-duration: .2s; }
  a:hover, button:hover, .surv_ico img, .surv_ico .cercle  {
    transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-duration: .2s;
    -ms-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s; }
	

 .btn, .btn-lg {padding:.3rem .5rem .5rem .5rem !important;}
 
 .btn:hover {
  color: #000000;
  text-decoration: none;
  font-weight: 700;
}
 .btn:hover{
  transition-timing-function: ease-in-out;
  -ms-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-duration: .2s;
  -ms-transition-duration: .2s;
  -moz-transition-duration: .2s;
  -webkit-transition-duration: .2s;
  -o-transition-duration: .2s;
}
	
	
	.dropdown-toggle::after{
	
margin-left: 0em;
vertical-align: 0em;
content: "";
border-top: 0em solid;
border-right: 0em solid transparent;
border-bottom: 0;
border-left: 0em solid transparent;
		
	}
	
.fielderr{ border:1px solid #aa0000; }
	.fielderr:focus {
    color: #495057;
    background-color: #fff;
    border-color: #d90000;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(200,0,0,.25);
}
	
	
	
	
.btn-left, .btn-left2, .btn-center, .btn-right2, .btn-right {position: fixed;bottom: 0px;z-index: 100;width: 18%;}
.btn-left {left:0%;}
.btn-left2 {left:20%;}
.btn-center {left:40%;}
.btn-right2 {right:20%;}
.btn-right {right:0%;}

.muse {font-family: 'Raleway', sans-serif; font-weight:400}
.muse2 {font-family: 'Raleway', sans-serif; font-weight:300}
span {font-family: 'Raleway', sans-serif; font-weight:300}

h1, h2, h3, h5, .muse , p{color:#555555;  }
.carousel-caption h2, .carousel-caption h3{color:#cccccc; }

/*h3, h2{ text-transform: uppercase; }*/
body, .muse2{}
.bg-footer1 {background-color: #f3f3f3;}
.bt {border-top: 1px solid #dddddd;}

.bg-footer2 {background-color: #e1e1e1;}

.text-admin { opacity: 0.2; text-shadow:0px 0px 5px #ffffff; }
.text-admin:hover { opacity: 1  }

.surv_ico  { margin-bottom:20px  }
.surv_ico .cercle { width:60px; height:60px; position: absolute;  background-color:#ececec;  border-radius:60px; -moz-border-radius:60px; -webkit-border-radius:60px;   }
.surv_ico:hover .cercle, .modal-header .surv_ico .cercle {background-color:#c16647; }
.surv_ico:hover img { filter: grayscale(1) brightness(10); }
.pnet {  margin-top: 18px; padding-left: 80px; }





.btnnumber{  max-width:50px;   }

.card.boutique {color:#ffffff; background-color:#4c4f54;}
.card.boutique div div p {color:#cccccc;}
.card.boutique div div a {color:#ffffff;}
.card.boutique div div a.btn {color:#000000;}

#garantie ul, #garantie ol, #entretien ol {list-style: decimal; margin-left:30px;}
#garantie ul { padding-left: 10px }
#garantie li { padding-left: 10px  }
 
.lh1 { line-height: 1 !important; }
 
 .btn-gris {
    color: #000000;
    background-color: #eeeeee;
    border-color: transparent;
}

 .btn-gris:hover {
    border-color: #000000;
}
 
 
 .btn:focus, .btn.focus {box-shadow: 0 0 0 .2rem transparent; }
 .card-header {
    padding: 5px 5px;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: 0px solid rgba(0,0,0,.125);
}

 div[id^="collapse"]{	background-color: #eeeeee; }
 div[id^="heading"] h2 button{	font-weight:600 }
 .card { border: 1px solid #888888; background-color: #ffffff; color:#000}
 
 .video-responsive { 
overflow:hidden; 
padding-bottom:56.25%; 
position:relative; 
height:0;
}

.video-responsive iframe {
left:0; 
top:0; 
height:100%;
width:100%;
position:absolute;
}
 
.carousel h2:hover,.carousel h3:hover{color:#ffffff; text-shadow: 4px 4px 10px #666666;

}

.jumbotron { background-color: #d8d3cd;}
.jumbotron.blanc { background-color: #ffffff;}

.no-gutters { padding-right: 0;padding-left: 0; }

 .no-gutters .col, .no-gutters [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
  
  
.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}
  

.hr80{width:70% }
.btn-brown{background: rgb(193,102,71);
background: linear-gradient(0deg, rgba(193,102,71,1) 0%, rgba(193,102,71,1) 35%, rgba(193,102,71,0.5550419997100402) 100%); color:#ffffff;  border: 0px solid #c16647; }
.btn-brown:hover{ background-color:#c16647; color:#ffffff; border: 0px solid #000000;  }

.btn-brown:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle {
  color: #FFF;
  background-color: #c16647;
  border-color: #c16647;
}



.carousel  .btn-brown{background: rgb(20,20,20);
background: linear-gradient(0deg, rgba(20,20,20,1) 0%, rgba(0,0,0,1) 35%, rgba(50,50,50,0.5) 100%); color:#ffffff;  border: 0px solid #c16647; }
.carousel  .btn-brown:hover{ background-color:#151515; color:#ffffff; border: 0px solid #000000;  }
.carousel .btn-brown:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle {
  color: #FFF;
  background-color: #151515;
  border-color: #ffffff;
}




.btn.disabled, .btn:disabled {  background-color:#aaaaaa; } 
.btn-grey{ background-color:#f1f1f1; color:#000000;  }
.btn-grey:hover{ background-color:#c16647; color:#ffffff;  }

.bp_b,.bp_r,.bp_br,.bp_c  { cursor:pointer;
width:48px; height:48px; border-radius:50%;
}


.muse3 {font-family: 'Raleway', sans-serif;}
.fond-round { background-color:#888888; border-radius:50%; margin:10px}
.fond-round img { margin:10px}
.carousel-caption { bottom: 10% !important;}

.pt-6 { padding-top: 90px }
.mt-6 { margin-top: 90px }

.btn-logo img { margin-right:-20px;margin-top:-5px;  }
.btn-logo  { text-shadow:0px 8px 15px #ffffff;  }


	.cadre, .cadre2{  border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; transition: 0.5s ease-in-out;}
	.cadre{ border: 1px solid #888888; }
	.cadre2 { background-color: rgba(255, 255, 255, 0.6); color:#000000; margin:20px;  }
	.cadre2:hover { background-color: rgba(255, 255, 255, 0.9);   }
	

.aiguille{ filter :brightness(90%); }	 

	a, select  {color:#444444; text-decoration:none }
	a:hover, select:hover {color:#000000; text-decoration:none; font-weight:700 }
	select option {font-weight:400 !important }
	
	.bg-white{ background-color:#ddd; 	 }
	
.sans-bord {margin-right: -30px;margin-left: -30px;}
.texte-sur-image{
position:absolute ; z-index:1; top:0px; margin-left:10%; 
margin-top:10%; 
text-decoration:none;
color: #FFF;
-moz-text-shadow:4px 4px 10px #000000; -webkit-text-shadow:4px 4px 10px #000000; text-shadow:4px 4px 10px #000000;
}


	
/*	.list-group-item {    background-color: #000;	}*/

	
	

.animh1grand .texte-sur-image{animation-delay: .4s;}
.animh1grand:hover .texte-sur-image h1 {transition: all 0.3s cubic-bezier(0.28, 0.05, 0.65, 0.97);margin-left:50px;}
.texte-sur-image h1{ font-size: 4vw;}
.texte-sur-image h2{ font-size: 3vw;  font-style: italic;}
.texte-sur-image P{ font-size: 2vw; }
   
   
.footer-classic p.big {color: rgba(255,255,255,.8);}
.footer-classic p {color: rgba(255,255,255,.5);}
* + .big {margin-top: 20px;}
.footer-title + * { margin-top: 30px;}
.big {font-size: 18px;line-height: 1.55556;}
ul.social-list { margin-left: -10px; margin-right: -10px;}
* + .social-list {margin-top: 30px;}
ul, ol {list-style: none;padding: 0;margin: 0;margin-top: 0px;margin-right: 0px;margin-left: 0px;}
ol, ul, dl {margin-top: 0; margin-bottom: 1rem;}
ul.social-list > li {display: inline-block;}
ul.social-list > * {margin-top: 20px; padding-left: 10px; padding-right: 10px;}   
   
   
   
   
/* pour le slider video / home page */
video { width: 100% !important; height: auto !important; }
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.videoWrapper object, .videoWrapper embed, .videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.carousel-caption  {-moz-text-shadow:4px 4px 10px #000000; -webkit-text-shadow:4px 4px 10px #000000; text-shadow:4px 4px 10px #000000;}
.carousel-caption H2 {font-size:2em;}
.carousel-caption H3 {font-size:2em;}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
.card-header {
    padding: .5rem 1rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.card {
    word-wrap: break-word;
}

.card > .card-header + .list-group, .card > .list-group + .card-footer {
    border-top: 0;
}
.card > .list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px);
}
.card > .list-group {
    border-top: inherit;
    border-bottom: inherit;
        border-bottom-width: inherit;
}
.list-group-flush {
    border-radius: 0;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
}
.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: .25rem;
}


.carousel-caption {
       text-align: left;
left: 8%;
	}

#anim_fond{ position:fixed; width:100%; height:100%; left:0; top:0; bottom:0; right:0 ; z-index:-1; 
opacity: 0.5; -moz-opacity:0.5; -ms-filter: "alpha(opacity=50)"; filter: alpha(opaciy=50);
}

@media (max-width: 767px) { 
   .texte-sur-image P{ display:none; }
}

@media (min-width: 768px) {  
.carousel-caption H2 {font-size:3em }
.carousel-caption H3 {font-size:2em }

}

@media (min-width: 992px) { 
.carousel-caption H2 {font-size:5em }
.carousel-caption H3 {font-size:3em }

 }
 
 @media screen and (min-width: 930px) {
	
 }
 
 
 @media screen and (max-width: 1150px) {
	 
 }