@charset "utf-8";

/* ============================================================================
 ***************************** CSS INTEGRATION WIKO ***************************
============================================================================= */
/* Feuille de style wiko.css applelée en dernier dans le HEAD de la ONE PAGE */


/* FONTS + TEXTS*/
.textfine		{ margin-top: 5px;font-weight: 300;letter-spacing: 0.04em;font-family: "Raleway";text-transform:uppercase;}
.oswald			{ font-family: "oswald"; font-weight:400; font-family: 'Oswald', sans-serif; font-style: normal;letter-spacing: 0em;}
.numbersize		{ font-size:30px; display:inline-block; margin-bottom:-10px}
.align-center 	{ text-align: center;}
.align-left 	{ text-align: left;}
.align-right 	{ text-align: right;}
.downloadsmall	{ font-size:50px;}

/* BOUTON */
a.sr-button     		{ letter-spacing:0}
a.buttondownload 		{ border:2px solid white; color: white; min-width:250px; padding:12px 20px}
a.buttondownload:hover 	{ background-color:white; color:black}
.buttondownload			{ width:200px}
a#btnslideanim			{ border:1px solid #2c2c2c; color:#2c2c2c}
a#btnslideanim:hover	{ border:1px solid #2c2c2c; background-color:#2c2c2c; color:white}

/* COULEURS */
.filter li a:focus 			{ color:#00B2A9}
.filter li a.active 		{ color:#00B2A9}
.wikolor 					{ color:#00B2A9}
H3 .wikolor 				{ color:#00B2A9}
.wikoblack					{ color:black}	
.puregrey					{ background-color:#f2f2f2; padding:10px 0 60px 0; min-height:290px}
#download.bleencolor	{ background-color:#00B2A9}

/* LOGO SVG */
#logo svg 					{ max-height:100%;width: auto;max-width:100%;border:0px none}

/* PICTOS */
.socialmedia-widget .wiko a	{ background-position: 0px top; }
.socialmedia-widget .access { height: 133px;width: 133px;display: block;text-indent: -9999px;background: url(../images/logo_access_over.png);margin: 0;}
.purepictos 				{ width:150px; height:100px; text-align:center; margin:auto; line-height:100px}
.purepictos img 			{ vertical-align:middle}

/* SLIDERS */
.sliderone 					{ }
.slidertwo 					{ display:none;}

/* MARGES DIVERS */
.section-title 				{ margin-bottom:60px}
.section-title.margenull	{ margin-bottom:0;}
.column-section.margenull 	{ margin-top:0;}
.margechiffres 				{ padding:50px 0;}

/* Centrage des nombres dans le slider */
.titlefinesse 	{ margin-bottom:20px}
.finess 		{ margin-left:40px; font-size:60px}
.legerete 		{ margin-left:30px; font-size:60px}
.design 		{ margin-left:20px; font-size:60px}

/* Mise à l'exposant des unités de mesure dans le mini slider */
.unity 	{ position: relative;bottom: -8px;line-height: .8em; vertical-align:super; font-size:22px; font-weight:600}

/* PURE COMPARAISON */
.purecompare 	{ padding-bottom:10px; font-size:20px; font-family: "Raleway"; font-weight: 300;}
#compare i 		{ display:inline-block; vertical-align:super; color:#c4c2c2}
.sizenumber 	{ display:inline-block; padding:0px 5px 0px 5px} 
.imgcomp 		{ height:400px}

/* BOUTONS SOCIAL MEDIA */
a.buttonfacebook 		{ border:2px solid #3b5998; color: #3b5998;}
a.buttonfacebook:hover 	{ background-color:#3b5998 }

a.buttontwitter 		{ border:2px solid #55ACEE; color: #55ACEE;}

a.buttontwitter:hover 	{ background-color:#55ACEE}
	
a.buttongoogle 			{ border:2px solid #DD4B39; color: #DD4B39;}
a.buttongoogle:hover 	{ background-color:#DD4B39}

a.buttonyoutube 		{ border:2px solid #C9322C; color: #C9322C;}
a.buttonyoutube:hover 	{ background-color:#C9322C}

a.buttoninstagram 		{ border:2px solid #3f729b; color: #3f729b;}
a.buttoninstagram:hover { background-color:#3f729b}

a.buttonpinterest 		{ border:2px solid #CB2027; color: #CB2027;}
a.buttonpinterest:hover { background-color:#CB2027}

.socialmed a + a 		{ margin-left:20px}
.socialmed a			{ margin-bottom:20px; min-width:100px}

.tp-caption a			{ color:white}
.tp-caption a:hover		{ color:black}

/* PARALLAX VIDEO */
.videomarge				{ padding-top:0}

/* 3D */
.hapviz_3DViewer 		{ border:none; height:600px; width:50%; margin:auto; position:relative}

/* BOUTON PLAY VIDEO */
a.sr-buttonvideo 		{ 
	background:url( ../images/icon_video.svg) center center no-repeat;
 	width:70px; 
 	height:70px;
	vertical-align: middle;
	display: inline-block;
	transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: -webkit-transform all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-webkit-transform: scale(1); 	/* HACK for CHROME transition BUG */
	transition-property: transform; /* HACK for CHROME transition BUG */
	backface-visibility: hidden; 	/* HACK for CHROME transition BUG */
}

a.sr-buttonvideo:hover, a.sr-buttonvideo:focus {
	background:url(  ../images/icon_video_hover.svg) center center no-repeat; 
	display: inline-block;
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
}

/* GAME */
#game .subtitle					{ color:white}
/*.retailersgrey .one-half 		{ width:510px;}
.retailersgrey .one-half img 	{ visibility:hidden}*/
/*#game h2 						{ color:white}*/
.condgame						{ font-style:italic; font-size:12px}
.condgame:hover 				{ color:white;}

.retailersgrey  	{
	background-color:#252525;
	/*background-image:url(../uploads/fond_jeu_big_size.jpg);*/
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	background-size:100%;
}

.macaron { width:90%;}

/* DEALERS */
.puredealers img 			{ width:80px}
.puredealers a 				{ margin-left:10px; margin-bottom:20px;}
.puredealers a.sr-button4 	{ border:none;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-o-border-radius: 7px;
	-ms-border-radius: 7px; }
.puredealersname a			{ width:120px; border:none}

/* PRESSE */
.nulpresspad { padding-top:0px}

/* FOOTER */
footer { padding:25px 0 90px 0}
.sr-buttonicon .fa-angle-up  { left:0px}

/* NUAGE GAGNANTS*/
.cloud li			{
	display:block; 
	padding:5px; 
	background-color:#00b2a9; 
	color:white;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	
	

    -moz-box-shadow: -1px -1px 5px #333;
    -webkit-box-shadow: -1px -1px 5px #333;
    box-shadow: -1px -1px 5px #333;
	 text-align:center;
	 color:white; font-size:12px; line-height:12px; font-weight:bold;

}
	
.cloud li a { color:white; font-size:12px; line-height:8px; font-weight:bold;}
.cloud_texte { font-size:10px; line-height:8px; font-weight:normal;}


/* MEDIA QUERY */
@media only screen and (max-width: 1200px) {
/* GAME */
/*.retailersgrey .one-half		{ width:480px;}*/
.retailersgrey .wrapper 		{ width:100%;}
.retailersgrey .one-half img 	{ visibility:visible}
.retailersgrey 					{ background-image:none}
}

@media only screen and (max-width: 1023px) {
/* GAME */
/*.retailersgrey .one-half 		{ width:450px;}*/
.retailersgrey .wrapper 		{ width:100%;}
.retailersgrey .one-half img 	{ visibility:visible}	
.retailersgrey 					{ background-image:none}
	
/* BUTTON */
a.buttondownload		{ border:2px solid white; color: white; max-width:200px;  min-width:0px}
a.buttondownload:hover 	{ background-color:white; color:black}
}

@media only screen and (max-width: 760px) {
	
/* PURE COMPARAISON */
.phoneone		{ width:33%}
.phonetwo		{ width:33%}
.phonetree		{ width:33%}	

.phoneone img	{ height:300px }
.phonetwo img	{ height:300px }
.phonetree img	{ height:300px }

.phoneone h4	{ font-size:14px}
.phonetwo h4	{ font-size:14px}
.phonetree h4	{ font-size:14px}

.phoneone 		{ margin-top:0px}
.phonetwo 		{ margin-top:0px}
.phonetree 		{ margin-top:0px}

/* GAME */
/*.retailersgrey .one-half 		{ width:350px; }*/
.macaron 						{ width:100%}
.retailersgrey .wrapper 		{ width:100%;}
.retailersgrey .one-half img 	{ visibility:visible}
.retailersgrey 					{ background-image:none}
	
.socialmed a + a 	{ margin-left:0px}
footer 				{ padding:0px; overflow:hidden; text-align:center; padding:10px 0 10px 0}
footer .align-left, footer .align-right 	{ text-align:center}
footer .column	 	{ margin-top:10px}

/*SLIDER LAYERS*/
.layer2respons 		{ font-size:50px}

/* 3D */
.hapviz_3DViewer 	{ border:none; height:500px; width:90%; margin:auto; position:relative}

/* SLIDERS */
.sliderone 			{ display:none; }
.slidertwo 			{ display: block;}

.downloadsmall		{ font-size:25px;}

}