/*
Theme Name: Tendances et Pierres
Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
	background-color:#d2d2d2;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}
a{
	color:inherit;
	text-decoration:none;
}

/*LAYOUT*/
#content{
	width:930px;
	margin:0px auto;
    margin-left: 30px;
	position:relative;
	z-index: 4;
}

.container-back-leader, .container-back-motor-leader {
    width: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    overflow: hidden;
    cursor: pointer;
}

.mode-tinam .container-back-leader .container-back,
.mode-tinam-motor .container-back-motor-leader .container-back-motor{
    position: fixed;
    cursor: default;
}

.container-back-leader {
    left: 0;
}


.container-back-motor-leader {
    right: 0;
}

.container-back-motor-leader:hover, 
.container-back-leader:hover {
    width: 80%;
    width:calc(100% - 254px);
}

.container-back-leader.minimize,
.container-back-motor-leader.minimize  {
    width: 254px;
}

.container-back-leader.minimize .slogan-tinam,
.container-back-motor-leader.minimize .slogan-tinam-motor {
    opacity: 0;
}

.container-back, .container-back-motor {
	position:absolute;
	z-index:0;
    top: 0;
    bottom: 0;
}

.container-back-motor {
    right: 0;
}

.container-back {
    left: 0;
}

/*.container-back img{
	display:none;
}*/

.slogan-tinam,
.slogan-tinam-motor {
    position: absolute;
    opacity: 1;
    white-space: nowrap;
    left: 50%;
    top: 75%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	font-family: 'MaxwellSans-DemiBold';
    font-size: 16px;
    text-transform: uppercase;
    line-height: 20px;
    text-shadow: 1px 1px 3px #000;
    letter-spacing: 0.6px;
    color: #ffffff;
    text-align: center;
    -webkit-transition: 0.4s linear;
    transition: 0.4s linear;
    z-index: 1;
}

.slogan-tinam u,
.slogan-tinam-motor u{
	text-decoration: none;
	border-bottom: 2px #ffffff solid;
	padding-bottom: 1px;
}

.mode-tinam .container-back-leader .slogan-tinam,
.mode-tinam-motor .container-back-motor-leader .slogan-tinam-motor {
    opacity: 0;
}

.mode-tinam .container-back-motor-leader,
.mode-tinam-motor .container-back-leader {
    width: 0%;
    //opacity: 0;
    z-index:1;
}

.mode-tinam .container-back-leader {
    width: 100%;
}

.mode-tinam-motor .container-back-motor-leader {
    width: 100%;
}


/*FONT*/
body{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
}
h1, h2, h3, h4, h5 {
	font-family: 'MaxwellSans-Bold';
	line-height:1;
}
h1{
	font-size:96px;
	text-transform:uppercase;
	margin:0px 0px 0px 0px;
}
h2{
	font-size:72px;
	text-transform:uppercase;
	margin:10px 0px 0px 0px;
	position:
}
.text h2{
	font-family:'MaxwellSans-BookItalic';
	font-size:40px;
	text-transform:uppercase;
	margin:1px 0px 15px 0px;
}
h3{
	font-size:30px;
	text-transform:uppercase;
	margin:0px 0px 0px 0px;
}
h4{
	font-size:25px;
	text-transform:uppercase;
	margin:5px 0px 20px 0px;
}
.cart h3{
	font-family: 'MaxwellSans-DemiBold';
}
.cat-prod h3{
	font-size:18px;
}
.cat-prod h4{
	font-size:16px;
}
.contact h2{
	font-family: 'MaxwellSans-Bold';
	font-size:30px;
	font-style:italic;
	margin:1px 0px 5px 0px;
}
.contact h3{
	font-family: 'MaxwellSans-DemiBold';
	font-size:23px;
	font-style:italic;
	margin:0px 0px 20px 0px;
}
.contact p{
	line-height:20px;
}
.friends h3{
	font-family: 'MaxwellSans-BookItalic';
	font-size:16px;
	display:inline;
	line-height:59px;
}
.friends h4{
	font-family: 'MaxwellSans-DemiBoldItalic';
	font-size:16px;
	display:inline;
	line-height:59px;
}
.shop h3{
	font-family: 'MaxwellSans-BookItalic';
	font-size:40px;
	margin-bottom:20px;
	margin-top:1px;
}
.shop .col5 p{
	padding-left:20px;
	background-image:url(img/pin.png);
	background-repeat:no-repeat;
	line-height:20px;
}
.shop p a{
	font-weight:bold;
	text-decoration:underline;
}
.press{
	margin-bottom:-20px;
	width:100%;
}
.press img{
	display:block;
}
.press a{
	font-family: 'MaxwellSans-Book';
	font-size:15px;
	display:inline-block;
	background-image:url(img/dl.png);
	background-repeat:no-repeat;
	background-position:right;
	width:200px;
	margin:10px 0px 0px 0px;
}
.press p{
	float:left;
	padding:0px 20px 0px 0px;
}
.press p:nth-child(3n){
	padding:0px 0px 0px 0px;
}
.news h3, .texte h2{
	font-family: 'MaxwellSans-DemiBoldItalic';
	font-size:30px;
}
.news h4{
	font-family: 'MaxwellSans-BookItalic';
	font-size:24px;
}
.text{
	float:left;
	line-height:16px;
}
.texte.text{
	padding-left:60px;
	width:580px;
}
.text p{
	margin:0px 0px 20px 0px;
}
.news .text p{
	margin:0px 0px 0px 0px;
}

/*MENU*/
#menu{
	width:200px;
	float:left;
	margin:30px 30px 30px 0px;
	text-align:center;
	overflow:hidden;
    -webkit-transition: 0.4s linear;
    transition: 0.4s linear;
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
    z-index: 3;
}
#menu *{
	background-color:#FFF;
}
#menu>ul{
	padding:150px 0px 0px 0px;
}
#menu ul li{
	padding:8px 0px 8px 0px;
}
#menu ul li a{
	font-size:21px;
	font-family: 'MaxwellSans-Light';
	text-transform:uppercase;
}
#menu ul ul {
	display:none;
	overflow:hidden;
}
/*#menu ul li:hover ul, #menu ul li.current-category ul  {
	display:block;
}*/

#menu ul ul li {
	padding:5px 0px 3px 0px;
}

#menu ul ul li a{
	font-size:15px;
	font-style:italic;
	font-family:inherit;
	text-transform:inherit;
}

.mode-tinam #menu,
.mode-tinam-motor #menu {
    margin-top: 30px !important;
}

.current-item, #menu>ul>li>ul>li>a:hover{
	font-weight:bold;
}

a.current-category, .current-category > a, #menu>ul>li:hover>a{
	font-family: 'MaxwellSans-DemiBold' !important;
}

#menu ul li.switch {
    margin: 10px 30px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

#menu ul li.switch a img {
    height: 65px;
    margin: 15px auto;
}
#menu ul li.switch a {
    opacity: 0.4;
    -webkit-transition: 0.1s linear;
    transition: 0.1s linear;
    cursor: pointer;
    display: block;
}

#menu ul li.switch a:hover {
    opacity: 1;
}

.mode-tinam-motor #menu ul li.switch a.switch-tinam-motor,
.mode-tinam #menu ul li.switch a.switch-tinam {
    display: none;
}

#menu ul li.eshop a {
    font-family: 'MaxwellSans-DemiBold';
    margin-left: -5px;
    line-height: 21px;
}

#menu ul li.eshop a small{
    text-transform: none;
    position: relative;
    top: -5px;
    left: -1px;
    line-height: 21px;
    font-size: 18px;
}

#logo{
	position: absolute;
	top:60px;
	left:56px;
	z-index:10000;
	cursor: default;
}

#logo.logo-tinam-motor {
    top: 48px;
    left: 45px;
}

.close-menu{
	float:left;
	padding:20px 93px 23px 92px;
}

.mode-tinam #menu .link-this-is-not-a-map-motors{
	display:none;
	height: 0;
}

.mode-tinam-motor #menu .link-this-is-not-a-map{
	display:none;
	height: 0;
}

/*CART*/
#cart-link{
	position:relative;
	float:left;
	width:100%;
	height:47px;
	padding:10px 0px 0px 0px;
}
#cart-link .current-item{
	opacity:1;
	filter:alpha(opacity=100);
}
#cart-num{
	position:absolute;
	top:32px;
	left:4px;
	width:196px;
	text-align:center;
	background-color:transparent;
	font-family: 'MaxwellSans-DemiBold';
	color:#FFF;
}
#cart-num a{
	background-color:transparent;
}
.cart{
	float:left;
	width:100%;
}
.cart thead td{
	font-family: 'MaxwellSans-Book';
	font-size:16px;
	text-transform:uppercase;
	font-style:italic;
	padding:20px 0px 10px 0px;
	border-bottom:2px solid #000;
}
.cart .item{
	font-family: 'MaxwellSans-DemiBold';
	border-bottom:2px dotted #c9c9c9;
}
.cart td{
	padding:10px 0px 10px 0px;
	vertical-align:middle;
}
.cart .description{
	width:40%;
}
.cart .description img{
	float:left;
	margin-right:10px;
}
.cart .description div{
	height:102px;
	text-transform:uppercase;
	display:table-cell;
	vertical-align:middle
}
.cart .description div h3{
	font-size:20px;
	margin-bottom:3px;
}
.cart .description div span{
	font-size:16px;
}
.cart .price{
	width:12%;
	font-size:20px;
	color:#c9c9c9;
}
.cart .quantity{
	width:175px;
}
.cart .quantity .spinner .number{
	float:left;
	padding:4px 10px 4px 9px;
	font-size:20px;
	border:3px solid #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:15px;
}
input[disabled='disabled'] {
	color: #000;
}

.cart .quantity .spinner .spinner-button{
	float:left;
	margin-left:2px;
}
.cart .quantity .spinner .spinner-button div{
	padding:3px;
	margin:4px 2px 2px 2px;
	text-align:center;
	cursor:pointer;
	font-size:24px;
	cursor:pointer;
}
.cart .quantity .spinner .spinner-button div img{
	background-color:transparent !important;
}
.cart .quantity .spinner .spinner-button div:hover{
	background-color:#ccc !important;
}
.cart .cart-sub-itemTotal{
	width:10%;
	font-size:20px;
}
.cart .cart-remove{
	text-align:right;
}
.cart .cart-remove input{
	background-image:url(img/close.png);
	width:15px;
	height:14px;
	border:none;
	cursor:pointer;
}
.cart-total{
}
.continue{
	font-style:italic;
}
.shipping-line-title div, .total-line-title div{
	background-color:#CCC !important;
	font-style:italic;
	text-align:right;
	padding:8px 8px 9px 8px;
	margin-right:20px;
}
.shipping-line-title.error div{
	background-color:#C00 !important;
	color:#FFF
}
.shipping-line-title div a{
	background:none !important;
	cursor:pointer;
	line-height:22px;
	text-decoration:underline;
}
#shipping-price{
	font-family: 'MaxwellSans-DemiBold';
	font-size:20px;
}
.total-price{
	font-family: 'MaxwellSans-DemiBold';
	font-size:40px;
}
.cart-checkout{
	float:left;
	width:100%;
}
.empty{
	float:left;
	width:100%;
	padding:30px 0px 30px 0px;
	border-bottom:2px dotted #c9c9c9;
}
.cart-checkout-button{
	float:right;
	text-align:left !important;
	padding:14px 0px 0px 10px;
	margin:0px 31px 0px 0px;
	width:265px;
	height:26px;
	background-image:url(img/checkout-button.png);
	color:#FFF;
	text-align:right;
	font-size:12px;
	font-style:italic;
	border:none;
	cursor:pointer;
}
#checkoutForm .cart-checkout-button{
	float:left;
	clear:both;
	padding:1px 0px 0px 10px;
	margin:20px 0px 0px 0px;
	width:275px;
	height:40px;
}

/*CHECKOUT*/
#checkoutForm{
	float:left;
	width:100%;
	padding-top:30px;
}
#checkoutForm .controls input{
	padding:4px 10px 4px 9px;
	margin-bottom:15px;
	font-size:20px;
	border:3px solid #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#checkoutForm .control-error input{
	border-color:#900;
}
#checkoutForm .controls{
	position:relative;
	float:left;
	clear:both;
}
#checkoutForm .control-error .error{
	position:absolute;
	top:11px;
	left:310px;
	width:300px;
}

/*NEWSLETTER*/
.newsletter {
	float:left;
	margin-top:20px;
	background:none !important;
	padding:0px;
}

.newsletter input[type="email"], .newsletter input[type="submit"] {
	display: inline-block;
	vertical-align: middle;
	margin:0px;
	height:30px;
	border:none;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.newsletter input[type="email"] {
	padding:5px;
	width:166px;
	font-size:13px;
	font-style:italic;
}
.newsletter input[type="submit"] {
	padding:0px;
	width:30px;
	background-image:url(img/subscribe.png);
	cursor:pointer;
}

/*BUTTON*/
#facebook{
	position:absolute;
	top:0px;
	right:0px;
}
.roll{
	opacity:0.2;
	filter:alpha(opacity=20);
}
.roll:hover{
	opacity:1;
	filter:alpha(opacity=100);
}

/*PAGE*/
#page{
	position:relative;
	width:640px;
	float:left;
	margin:30px 0px 70px 0px;
	border: solid #FFF 30px;
}
#page *{
	background-color:#FFF;
}
#title{
	width:100%;
	float:left;
	border-bottom:2px solid #000;
	padding-bottom:10px;
}

.second-title {
    background: #fff;
    display: block;
    float: left;
    width: 100%;
    padding-top: 20px;
}
.second-title h2 {
    border-top: 1px solid #000;
    margin-top: 30px;
    padding-top: 15px;
    font-size: 20px;
    line-height: 22px;
	font-family: 'MaxwellSans-Bold';
}
.mode-tinam .second-title h2.second-title-tinam {
    display: none;
}
.mode-tinam-motor .second-title h2.second-title-tinam-motor {
    display: none;
}
#top{
	position:relative;
	float:left;
	width:100%;
	height:18px;
	padding:7px 0px 5px 0px;

}
#legend{
	text-align:right;
	font-style:italic;
	font-weight:bold;
}
#nav{
	position:absolute;
	top:6px;
	left:0px;
}
#nav img{
	margin-right:6px;
}
.col1{
	position:relative;
	float:left;
	width:140px;
	height:100%;
	padding-right:20px;
}
.col2{
	float:left;
	width:480px;
}
.col3{
	float:left;
	width:335px;
	padding-right:20px;
}
.col4{
	float:left;
	width:350px;
	padding-right:20px;
	text-align:center;
}
.col4 img{
	padding:50px 0px 50px 0px;
}
.col5{
	float:left;
	width:270px;
	margin-bottom:-20px;
}
#info{
	float:left;
	margin:20px 0px 0px 0px;
}
.released{
	position:absolute;
	top:60px;
	left:108px;
	width:64px;
	height:27px;
	padding-top:37px;
	background-image:url(img/released.png);
	background-color:transparent !important;
	font-family: 'MaxwellSans-DemiBold';
	color:#FFF;
	text-align:center;
	font-size:17px;
	z-index:1000;
}
.cat-prod .released{
	top:270px;
	left:90px;
}
.carrousel{
	position:relative;
	float:left;
	height:322px;
	width:480px;
	padding-bottom:20px;
	cursor:pointer;
}
.carrousel img{
	position:absolute;
	display:none;
}
.carrousel img:first-child{
	display:block;
}
#carrousel-nav{
	position:absolute;
	bottom:30px;
	text-align:center;
	z-index:1000000;
	background-color:transparent !important;
}
#carrousel-nav a{
	float:left;
	width:5px;
	height:5px;
	margin:0px 3px 0px 2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#000;
	cursor:pointer;
}
#carrousel-nav a.current{
	background-color:#FFF;
}
.switch-lang{
	float:left;
	height:30px;
	width:55px;
	background-color:transparent !important;
}
.switch-lang a{
	font-family: 'MaxwellSans-Bold';
	color:#c8c8c8;
	text-decoration:underline;
	cursor:pointer;
}
.switch-lang a.current-lang{
	color:#000;
	text-decoration:none;
}
.buy{
	position:relative;
	float:left;
	margin-top:12px;
	width:140px;
	border-top:2px solid #000;
}
.category .buy{
	margin-top:0px;
}
.price{
	font-family: 'MaxwellSans-DemiBold';
	color:#000;
	font-size:30px;
	padding-top:10px;
}
.buy.soon:hover{
	opacity:0.2 !important;
	filter:alpha(opacity=20) !important;
}
.buy.soon .add{
	display:none;
}
.add{
	position:absolute;
	top:6px;
	right:0px;
}
.add input {
	background-image:url(img/add.png);
	width:19px;
	height:30px;
	border:none;
	cursor:pointer;
}
/*PAGE CATEGORY*/
.category{
	float:left;
	width:100%;
}
body.mode-tinam .category-first .this-is-not-a-map-motors, body.mode-tinam .category-second .this-is-not-a-map, body.mode-tinam-motor .category-first .this-is-not-a-map, body.mode-tinam-motor .category-second .this-is-not-a-map-motors{
	display: none;
}

.category::after {
    content: "";
    clear: both;
}
.cat-prod:hover .buy.roll{
	opacity:1;
	filter:alpha(opacity=100);
}
.cat-prod:hover .buy.soon{
	opacity:0.2;
	filter:alpha(opacity=20);
}
.cat-prod{
	padding:30px 20px 0px 0px;
	height:440px;
}
/*CONTACT*/
.contact{
	padding-left:50px;
	width:590px;
}
/*FRIENDS*/
.friends {
	width:640px;
}
.friends a{
	float:left;
}
.friends img{
	margin-right:20px;
}
/*NEWS*/
.news{
	float:left;
	margin-bottom:30px;
}
.news .date{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:7px 5px 3px 5px;
	width:24px;
	text-align:center;
	border:3px solid #000;
	font-family: 'MaxwellSans-Bold';
	font-size:19px;
	margin-right:20px;
	float:left;
}
.news .date span:first-child{
	display:block;
	border-bottom:3px solid #000;
	padding-bottom:1px;
	margin-bottom:5px;
}
.news .text{
	width:580px;
}
.news h6 a{
	padding:0px 0px 10px 20px;
	margin:10px 0px 0px 0px;
	display:inline-block;
	background-image:url(img/pin.png);
	background-repeat:no-repeat;
	font-weight:bold;
	text-decoration:underline;
	font-size:13px;
}
.news h6{
	font-size:13px;
}
.news a{
	text-decoration:underline;
}
.news img{
	margin:20px 0px 20px 0px;
}
.pagination{
	float:left;
	width:640px;
	text-align:right;
	font-size:12px;
	font-family: 'MaxwellSans-Bold';
}
/*FOOTER*/
#footer{
	position:absolute;
	bottom:-70px;
	left:-30px;
	width:700px;
	margin-top:18px;
	padding-top:2px;
	height:20px;
	background-color:#d2d2d2;
	text-align:center;
	text-transform:lowercase;
}
#footer *{
	background-color:transparent !important;
}
#footer li{
	display:inline;
}
#footer li:not(:first-child):before{
	content:" • "
}
#footer a{
	font-size:11px;
	text-decoration:underline;
	font-style:italic;

}
/*LANGUAGE*/
.en{
	display:false;
}

/*LIVRAISON*/
#livraison-unitaire-france, #livraison-unitaire-europe, #livraison-unitaire-monde, #livraison-france, #livraison-europe, #livraison-monde, .livraison-france, .livraison-europe, .livraison-monde, #livraison-base-france, #livraison-base-europe, #livraison-base-monde, .livraison-base-france, .livraison-base-europe, .livraison-base-monde{
	display:none;
}

#menu #livraison-france, #menu #livraison-europe, #menu #livraison-monde, #menu .livraison-france, #menu .livraison-europe, #menu .livraison-monde, #menu #livraison-base-france, #menu #livraison-base-europe, #menu #livraison-base-monde, #menu .livraison-base-france, #menu .livraison-base-europe, #menu .livraison-base-monde{
	display:none;
}

.category #livraison-france, .category #livraison-europe, .category #livraison-monde, .category .livraison-france, .category .livraison-europe, .category .livraison-monde, .category #livraison-base-france, .category #livraison-base-europe, .category #livraison-base-monde, .category .livraison-base-france, .category .livraison-base-europe, .category .livraison-base-monde{
	display:none;
}
.shipping-line-title a.encours{
	text-decoration:underline !important;
}
.shipping-line-title a.pasencours{
	text-decoration:line-through !important;
}