/**
 * Main style file, contains all page styles, on top of the bootstrap css
 *
 * @author D. Tiems (dennis-at-bigbase-dot-nl)
 * @version 1.0.0 - September 9th 2012
 */

/* Specific fonts */
* {
	font-family: 'Lato','Open Sans', 'Ubuntu', arial, sans-serif;
	font-weight:400;	
}
h1,h2,h3,h4 {
	font-family: 'Open Sans','Ubuntu', sans-serif;
	font-weight:400;	 
}
h5,h6 {  /* Avt : Mc Laren*/
	font-family:'Open Sans','Ubuntu', cursive;
	font-weight:400;
	color:#999;
}

/* Always use nice dots for password fields */
input[type=password] {
	font-family:verdana !important;
}

/* Fix for fluid input height in bootstrap 2.1.0 */
.row-fluid input[class*='span'] {
	min-height:20px;
}

/* Print adjustments */
@media screen {
	.print-show {
		display:none !important;
	}
}
@media print {
	* {
		font-family:Arial !important;
	}
	.print-hide {
		display:none !important;
	}
}

/* Message overlay background */
.modal-backdrop {
	opacity: 0.2;
	filter: alpha(opacity=20);
}

/* Different icons */
[class^="icon-"],
[class*=" icon-"] {
  background-image: url("../img/glyphicons-halflings.png");
}
.icon-white,
.main-nav.navbar .nav > li > a:hover i,
.main-nav.navbar .nav > .active > a i,
.main-nav.navbar .nav > .active > a:hover i,
.nav-tabs > .active > a > [class^="icon-"],
.nav-tabs > .active > a > [class*=" icon-"],
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"] {
  background-image: url("../img/glyphicons-halflings-white.png");
}

/* Page and menu layout */
.header-shadow {
	position:absolute;
	width:100%;
	overflow:hidden;
	height:40px;
}
.header-action {
	margin:10px 0 0 10px;
}
.header-search {
	margin:auto;
}
.navbar .nav>li>.dropdown-menu:after, 
.navbar .nav>li>.dropdown-menu:before,
.navbar .nav>li>.dropdown-menu {
    content: none !important;
}
.navbar .nav>li>.dropdown-menu {
	margin:-5px 0 0 10px;
	border:none;
	padding:0;
}
.navbar .nav>li>.dropdown-menu li {
	margin-top:5px;
	margin-bottom:5px;
}
.header-nav .nav li {
	font-size:12px;
}
.header-nav.navbar .nav > .active > a, 
.header-nav.navbar .nav > .active > a:hover, 
.header-nav.navbar .nav > .active > a:focus {
	background-color:transparent;
	color:#000;
  -webkit-box-shadow:none;
     -moz-box-shadow:none;
          box-shadow:none;
}
.header-search-nav .nav li {
	font-size:12px;
}
.header-search-nav.navbar .nav > .active > a, 
.header-search-nav.navbar .nav > .active > a:hover, 
.header-search-nav.navbar .nav > .active > a:focus {
	background-color:transparent;
	color:#000;
  -webkit-box-shadow:none;
     -moz-box-shadow:none;
          box-shadow:none;
}
.main-nav.navbar .nav > li > a {
  text-shadow:none;
           box-shadow:none;
   font-size: 12px;   
}
.main-nav.navbar > .navbar-inner > .container > a.btn-navbar {
  background-image:none;
	background-color:#3a87ad;
	padding:4px 13px 4px 13px;
	margin-bottom:5px;
}
.main-nav.navbar .nav > .active > a,
.main-nav.navbar .nav > li > a:hover,
.main-nav.navbar .nav > .active > a:hover {
	background-color:#3a87ad;
	color:#fff;
  -webkit-box-shadow:none;
     -moz-box-shadow:none;        
}
.main-nav.navbar .nav > .active > a > .caret,
.main-nav.navbar .nav > li > a:hover > .caret,
.main-nav.navbar .nav > .active > a:hover > .caret {
	border-top-color: #fff !important;
	border-bottom-color: #fff !important;
}
.dropdown-content {
	/* For using a div in a dropdown to show some info */
	padding:5px 5px 5px 20px;
	width:200px;
}
.dropdown-content-wide {
	width:300px;
}
.dropdown-content form,
.dropdown-content address {
	padding:0;
	margin:0;
}
.social-icons {
	padding:20px 0 0 10px;
	width:120px
}
.input-micro {
	width:20px;
	text-align:center;
}
td[align="right"] {
	/* Reset to correct value */
	text-align:right;
}
td[align="center"] {
	/* Reset to correct value */
	text-align:center;
}
.dropdown-menu small.label {
}

/* Article style */
.article img {
	float:right;
	width:40%;
}

/* Product lists */
.product-list-inline-small {
}
.product-list-inline-small .price {
	font-size:125%;
	padding:5px 10px 5px 10px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	/* Use for rotating price (IE9+) */
	-webkit-transform:rotate(355deg);
	-moz-transform:rotate(355deg);
	-o-transform:rotate(355deg);
	-ms-transform:rotate(355deg);
}
.product-list-inline-large {
}
.product-list-inline-large .thumbnail {
	padding:10px;
	border:none;
}
.product-list-inline-large .thumbnail.light {
	background-color:#eee;
}
.product-list-inline-large .thumbnail.dark {
	background-color:#ccc;
}
.product-list-inline-large .thumbnail .price {
	font-size:200%;
	line-height:150%;
	position:absolute;
	z-index:10;
	margin-left:-15px;
	margin-top:-10px;
	width:115px;
	text-align:center;
	padding-left:5px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	/* Use for rotating price (IE9+) */
	-webkit-transform:rotate(350deg);
	-moz-transform:rotate(350deg);
	-o-transform:rotate(350deg);
	-ms-transform:rotate(350deg);
}
.product-list-inline-large .thumbnail .price.price-over {
	/* Use for rotating price (IE9+) */
	-webkit-transform:rotate(355deg);
	-moz-transform:rotate(355deg);
	-o-transform:rotate(355deg);
	-ms-transform:rotate(355deg);
}
.product-list-inline-large .thumbnail .price sup {
	font-size:60%;
}
.product-list-inline-large .thumbnail .caption {
	text-align:center;
}
.product-list-inline-large .thumbnail .btn-block {
	margin:0 0 -20px 0;
}

/* Product detail */
.product-detail .price {
	font-size:400%;
	line-height:150%;
	position:absolute;
	z-index:10;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	/* Use for rotating price (IE9+) */
	-webkit-transform:rotate(5deg);
	-moz-transform:rotate(5deg);
	-o-transform:rotate(5deg);
	-ms-transform:rotate(5deg);
}

/* Order process */
#comments {
	width:90%;
}

/* Footer links */
.footer ul.unstyled {
	font-size:80%;
}
.footer .footer-title {
	font-weight:bold;
}

/* Google Maps */
.googlemap {
	height:300px;
	width:100%;
}

/* Forms */
.help-block {
	font-style:italic;
	color:#999;
}

#generic{
	margin: 0px 100px 0px 100px;
}

.label-newsletter{
	font-size: 16pt;
	margin-bottom: 15px;
	margin-left:10px;
}

.list-newsletter{
	margin-left:10px;	
}

.label-theme{
	font-size: 12pt;
	margin-bottom: 15px;		
	margin-left: 10px;	
}

.wishlist-evo{
	background-color: #eee;
	text-align: center;
	border: 1px solid #999;
	width: 55px;
	margin-bottom: 3px;
	padding: 3px;
}

.wishlist-evo .wishlist-price{
	font-weight: bold;
}

#wishlist-new{
	color: #00A;
}


#wishlist-name{
	display: none;
}

#wishlist-tab .tab-content{
	overflow: visible;
	min-height: 500px;
}

.wishlist-zone{ 
    height: 16px;
    width: 100%;
    padding-bottom: 7px;
}

#multivisuel{
	position: absolute;
	top:687px;
}

#multivisuel .selectimg{
	border: 2px solid #000;	
}

#wishlist-piece{
	width: 50px;
}

#form-hyper input{
	margin-left: 20px;
	width: 300px;
}

#hyper-contact{
	margin-left: 20px;
	width: 800px;
}

.home-address{
	width: 100%;
	border: 2px solid #aaa;
	font-size: 11pt;
	color: #aaa;	
}

.home-address a{
	margin: 5px;
}

/* BRANDS */
     
.logo-brands {
  width: 300px;
  display: block;
  margin-left: auto;
  margin-right: auto; 	
  background-color: #eee;
}

.logo-brands img {
  width: 100%;
}

.banner-brands {               
	position: fixed;
	height: 85px;
	margin: auto;
	top: 0;
	z-index: 1030;
	width: 1270px;
	background-color: #fff;	
}


.select-shop {
  width: 1270px;
  display: block;
  margin-left: auto;
  margin-right: auto; 
}

.select-list {
	float: left;	
}
	
.select-brands {
  width: 630px;
  height: 800px;
  background-repeat:no-repeat;
  background-size: 630px 700px;  
}

.select-characters {
  width: 630px;
  height: 800px; 
  background-repeat:no-repeat;
  background-size: 630px 700px;
}

.logo .select-link {
	position: absolute;
	width: 100px;
	top: 0px;	
	left: 200px;
}

.select-left {
  width: 25px;
  height: 630px; 
  background-color: #14558c;  
}

.select-right {
  width: 25px;
  height: 572px;
  background-color: #13222d;  
}

.select-middle {
  width: 10px;
  height: 630px;  
  background-color: #eee;
}

.select-title {
  width: 630px; 
  height: 700px;  
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
}


.spacerAfterHeaderBrands {
	display:block;
	width:100%;
	height:10px;
}

.uppercase {
	text-transform: uppercase;
}

.upperFooter img {
	height: 23px;
}


.licence-section {
    padding: 20px 0;
}

.licence-card {
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    margin: 10px;
    height: 300px; /* Hauteur fixe pour toutes les cartes */
    position: relative;
    overflow: hidden;
    padding: 0;
}

.licence-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

.licence-image {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.licence-image img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Remplit l'espace tout en préservant le ratio */
    object-position: center; /* Centre l'image dans son conteneur */
    display: block;
    margin: 0 auto; /* Assure le centrage horizontal */
}

.licence-name {
    color: white;
    font-size: 18px;
    font-weight: 600;
    padding: 10px;
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(20, 85, 140, 0.8); /* Bleu principal (#14558c) avec transparence */
    margin: 0;
    text-align: center; /* Ajout du centrage du texte */
}

.licence-link {
    text-decoration: none;
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.licence-link:hover {
    text-decoration: none;
}

.product-info-sheet {
	margin-top: 30px;
	font-size: 12px;
  }
  
  .product-info-sheet table {
	text-transform: uppercase;
	font-size: 15px;
	max-width: 100%;
  }
  
  .product-info-sheet tr td,
  .product-info-sheet tr th {
	padding: 5px;
	width: 110px;
	text-align: center;
  }
  
  .product-info-sheet tr th.selected {
	background: #14558c;
	color: #fff;
  }
  
  .product-info-recap {
	text-align: right;
	margin-top: 20px;
	font-size: 17px;
  }
  
  .product-info-total {
	line-height: 45px;
	margin-right: 10px;
  }

.navbar .nav > li > .dropdown-menu {
    margin: 0;
    padding: 10px 0;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}

.navbar .nav > li > .dropdown-menu > li > a {
    padding: 5px 20px;
    color: #333;
    text-decoration: none;
    text-align: left;
}

.navbar .nav > li > .dropdown-menu > li {
    text-align: left;
}

.navbar .nav > li > .dropdown-menu > li > a:hover {
    background-color: #f5f5f5;
    color: #000;
}

.vignette-title {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(20, 85, 140, 0.8); /* Bleu principal (#14558c) avec transparence */
    color: white;
    padding: 5px;
    font-size: 14px;
    font-weight: bold;
    z-index: 10;
	height: 35px;
	min-width: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
}