
.myTicket {
	display:inline-block;
	width:300px;
	/*border-left:1px solid #bbb;
	box-shadow:0 1px 2px -1px rgba(0, 0, 0, 0.4);
	margin-bottom:5px;
	padding:4px;*/
	height:170px;
	overflow-y:hidden;
	background: none repeat scroll 0 0 #FFFFFF;
	line-height:20px;
}
.workingCaisse  {
	border:5px solid #f000;
	width:50%;
	float:left;
} 
/*.mobile_header {
	display:none;
}*/
@media only screen and (max-width: 1150px) {
	.carouselIMG {
	}
	.carouselDIVIMG {
		width:70%;
	}
	.carouselLBL {
		width:30%;
		font-size: 1.4em;
	    line-height: 22px;
		padding:8px;
		padding-left:15px;
	}
	.carouselLBL p {    
	}
	.carouselLBL ul {
		margin-left: 14px; 
	}
	.post .details h3 {
	    font-size: 13px;
	    line-height: 15px;
	}
	.post .date {
	display:none;
	}
	.post .details {
	margin-left:0;
	}
	.element-item {
	width:50%;
	
}
@media only screen and (max-width: 800px) {
	#enlargeTicket {
		display: inline-block;
	}
	.numerique {
		width: 340px;
	}
	.numeriqueBig {
		width: 400px;
	}
	.numeriqueBig2 {
		width: 500px;
	}
	.myTicket {
	border-top : 1px solid #bbb;
	border-left : 0px;
	}
	#bigNumq2 {
		display: block;
	}
	#bigNumq {
		display: none;
	}
}
@media only screen and (max-width: 900px) {}
	.configTabPart {
		float:none;
		width:100%;
	}
	.carouselIMG {
	}
	.carouselDIVIMG {
		width:100%;
	}
	.carouselLBL {
		width:50%;
		background-color:#111; 
		font-size: 1.4em;
	    line-height: 22px;
		position:absolute;
		padding:4px;
		padding-left:8px;
		right:0px;
		
	}
	/*.slick-slide img.hardWarePicto {
	display:none;
	}
	
    .carouselLBL ul.nodots {
    	margin-left:22px;
    	list-style-type:square;
    	
    }*/
	.carouselLBL p {    
	}
	.carouselLBL ul {
		margin-left: 14px; 
		margin-top: 4px;
	}
	.slick-next {
	visibility:hidden;
	}
}
@media only screen and (max-width: 500px) {
	.carouselIMG {
	}
	.carouselDIVIMG {
		width:100%;
	}
	.carouselLBL {
	visibility:hidden;
		width:100%;
		font-size: 1.4em;
	}
	.carouselLBL p {    
	}
	.carouselLBL ul {
	}
	.slick-prev {
	visibility:hidden;
	}
	.slick-prev:before, .slick-next:before {
	color:white;
	}
	.slick-next {
	visibility:visible;
	}
}
/*@media only screen and (max-height: 450px) {
	.optkeyboardButtonBig {
		display:none;
	}
}
@media only screen and (max-height: 400px) {
	.optkeyboardButton {
		display:none;
	}
}*/
@media only screen and (max-width: 1500px) {
	.blockSetup {
		width:100%;
	} 
}
@media only screen and (max-width: 545px) {

	.frame {
	    width:100%;
	    margin-right:8px;
	    float:none;
	    display:block;
	}
	/*#menu {
		display:none;
	}
	.mobile_header {
		display:block;
		padding-bottom:0px;
	} */
	
	.hideLittle {
		display:none;
	}
}
@media only screen and (min-width: 810px) {
	/*.mobile_header {
	}*/
}

/*-----------------------------------------------------------------------------------*/
/*	MEDIA QUERIES
/*-----------------------------------------------------------------------------------*/
/* iPad Landscape */                                                                 
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
           
	.page-intro .portfolio-nav a .icon-right-open {
	    padding-left: 0;
	}
	.teaser-navigation span {
		padding-top: 4px;
	}
	.box-layout {
	    padding: 0;
	}
	.box-wrapper {
		width: 100%;
	}
	.box-layout .top-wrapper .inner,
	.box-layout .fws_wrapper {
	    width: 100%
	}
	.box-layout .bannercontainer {
	    width: 100%
	}
	.box-layout .banner {
	   width: 960px
	}
	.box-layout .menu,
	.box-layout .slider-shadow {
	    background-image: url(../images/shadow-full.png);
	}
}
/* Tablet Portrait size to standard 960 (devices and browsers) */                    
/*@media only screen and ( min-height: 559px) and (max-height: 659px), */
@media only screen and (max-height: 560px)  {
	.menu ul li {
	    padding: 3px 4px 3px 9px;
	}
}

@media only screen and (max-width: 999px)  {
	.menu ul li a {
	    font-size: 18px;
	    line-height:26px;
	}
	.menu ul li {
    padding: 6px 6px 6px 9px;
}
}


@media only screen and (min-width: 768px) and (max-width: 999px)  {

/*.myTicket {
width:300px;
margin-right:5px;
height:168px;
}   */

	.inner,
	.footer,
	.site-generator,
	.box-layout .top-wrapper .inner,
	.box-layout .fws_wrapper {
	    width: 100%
	}
	.bannercontainer,
	.box-layout .bannercontainer,
	.full-portfolio-bannercontainer {
	    width: 100%
	}
	.full-portfolio-banner {
	    width: 100%
	}
	.banner,
	.box-layout .banner {
	    width: 97%
	}
	.portfolio-bannercontainer,
	.portfolio-banner {
	    width: 100%
	}
	.slider-shadow,
	.menu,
	.box-layout .menu,
	.box-layout .slider-shadow {
	    background: transparent url(../images/shadow-720.png) center bottom no-repeat
	}
	.tp-bullets {
	    bottom: -35px !important
	}

	.single .post .details {
	    max-width: none
	}
	.side-tab-container ul {
	    width: 220px
	}
	.side-tab-container .panel-container {
	    padding-top:6px;
	}
	.post-list .frame {
	    display: none
	}
	.post-list .meta {
	    float: none
	}
	ul.latest li {
	    width: 230px;
	    margin: 0 13px 13px 0;
	}
	ul.latest {
	    margin-bottom: -13px
	}
	.tab-container .tab a {
	    padding: 7px 15px
	}
	ul.client-list li {
	    margin-right: -12px;
	    margin-bottom: -12px;
	}
	ul.client-list li {
	    width: 171px;
	    height: auto;
	    margin-right: 12px;
	    margin-bottom: 12px;
	}
	.content {
	    width: 470px
	}
	.sidebar {
	    width: 220px
	}
	.sidebox {
	    margin-left: 30px
	}
	.related ul li {
	    width: 165px
	}
	.items.col4,
	.items.col3 {
	    margin-right: -18px
	}
	.items.col4 li,
	.items.col3 li {
	    margin-right: 18px;
	    width: 228px;
	    /* 3 columns */
	}
	.items.col2 li {
	    width: 345px;
	    /* 2 columns */
	}
	#videocase .items.col4,
	#videocase .items.col3 {
	    margin-bottom: -18px
	}
	#videocase .items.col4 li,
	#videocase .items.col3 li {
	    margin-bottom: 18px
	}
	.item-details {
	    width: 220px
	}
	.container {	
		width:720px; 
	}
	.megafolio-container {
	    width: 720px
	}
	.two-col .video-wrapper {
	    width: 470px
	}
	.two-col .video-details {
	    width: 220px
	}
	.dpSocialTimeline .dpSocialTimeline_item {
	    width: 228px !important;
	    margin: 18px 18px 0 0;
	}
	.page-intro .portfolio-nav a .icon-right-open {
	    padding-left: 0;
	}
	.teaser-navigation span {
		padding-top: 4px;
	}
	.box-layout {
	    padding: 0;
	}
	.box-wrapper {
		width: 100%;
	}
} /* END Smaller than standard 960 (devices and browsers) */
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */                 
/*@media only screen and ( min-height: 459px) and (max-height: 559px) and (max-width: 879px), */
@media only screen and (min-width: 480px) and (max-width: 810px) { 
	/*.keyboardButton { 
	    width:55px;
	    height:55px;  
	}
	.keyboardButtonBig { 
	    width:65px;
	    height:65px;  
	}
	.numerique {
	        width: 165px;
	} 
	.numeriqueBig {
	        width: 195px;
	} 
	#reductions {
	        width: 65px;
	} 
	#rayons {
	        width: 175px;
	} 
	.modePaiement {
	        width: 165px;
	}
	.modePaiementBig {
	        width: 195px;
	}*/
	
	
	#rayon {
	    font-size: 28px;
	    line-height: 30px;
	}
}
@media only screen and (min-width: 545px) and (max-width: 767px) { 
	.frame {
	    width:auto;
	    margin-right:8px;
	    float:left;
	    display:block;
	}
}
@media only screen and (min-width: 767px) and (max-width: 1090px) { 
	
	
}
@media only screen and (min-width: 480px) and (max-width: 767px) { 
	/*.myTicket {
		line-height:15px;
		font-size:11px;
	}*/
	
	.inner,
	.footer,
	.site-generator,
	.box-layout .top-wrapper .inner,
	.box-layout .fws_wrapper {
	    width: 100%
	}     
.myTicket {
width:200px;
/*margin-right:5px;*/
height:170px;
} 
	.bannercontainer,
	.box-layout .bannercontainer,
	.full-portfolio-bannercontainer {
	    width: 100%
	}
	.full-portfolio-banner {
	    width: 100%
	}
	.portfolio-bannercontainer,
	.portfolio-banner {
	    width: 100%
	}
	.banner,
	.box-layout .banner {
	    width: 100%
	}
	.logo {
	    float: none;       /*
	    text-align: center;*/
	    margin-bottom: 0px;
	}
	.logo img {
	    display: inline
	}
	.social {
	    float: none;
	    text-align: center;
	}
	.team .social {
	    text-align: left
	}
	.slider-shadow {
	    background-image: none
	}
	.tp-bullets {
	    bottom: -35px !important
	}
	img.right,
	img.alignright,
	img.left,
	img.alignleft {
	    float: none;
	    margin: 0 0 20px 0;
	}
	.one-half,
	.one-third,
	.home-third,
	.two-third,
	.three-fourth,
	.one-fourth,
	.one-fifth,
	.one-sixth {
	    margin: 0;
	    width: 100%;
	    margin-bottom: 20px;
	    float: none;
	}
	.home-third {
    padding-right:0px;
    }
	.footer .one-half,
	.footer .one-third,
	.footer .two-third,
	.footer .three-fourth,
	.footer .one-fourth,
	.footer .one-fifth,
	.footer .one-sixth {
	    margin-bottom: 40px
	}
	.footer .last {
	    margin-bottom: 0
	}
	.pricing.three .plan,
	.pricing.four .plan {
	    width: 47%;
	    float: left;
	    margin-left: 2%;
	    margin-bottom: 10px;
	}
	.grid .post {
	    width: 100%;
	    margin-right: 0;
	}
	
	.grid .post p {
	    margin-top: 0;
	}
	
	.TODOmenu ul#tiny {
	    display: none
	}
	.selectnav {
	    width: 440px;
	    display: block;
	}
	.side-tab-container ul {
	    border-bottom: 2px dotted #ccc;
	    display: block;
	    float: none;
	    padding-left: 20px;
	    width: 100%;
	    padding-bottom: 8px;
	}
	.tab-item {
	width:100%;
	}
	.side-tab-container .panel-container {
	    float: none;
	    margin-top: 10px;
	width:100%;
	}
	.tabs .btn {
	    display: block
	}
	ul.latest li {
	    width: 212px;
	    margin: 0 12px 12px 0;
	}
	ul.latest {
	    margin-bottom: -12px
	}
	ul.client-list {
	    margin-right: -10px;
	    margin-bottom: -10px;
	}
	ul.client-list li {
	    margin-right: 10px;
	    margin-bottom: 10px;
	    width: 140px;
	    height: auto;
	}
	.content {
	    float: none;
	    width: 100%;
	}
	.sidebar {
	    background: none;
	    float: none;
	    width: 100%;
	}
	.sidebox {
	    margin-left: 0
	}
	.sidebox:first-child {
	    margin-top: 0;
	    padding-top: 40px;
	}
	.items.col4,
	.items.col3,
	.items.col2 {
	    margin-right: -18px
	}
	.items.col4 li,
	.items.col3 li,
	.items.col2 li {
	    margin-right: 18px;
	    width: 211px;
	    /* 2 columns */
	}
	#videocase .items.col4,
	#videocase .items.col3,
	#videocase .items.col2 {
	    margin-bottom: -18px
	}
	#videocase .items.col4 li,
	#videocase .items.col3 li,
	#videocase .items.col2 li {
	    margin-bottom: 18px
	}
	.two-col .video-wrapper {
	    float: none;
	    width: 100%;
	    margin-bottom: 20px;
	}
	.two-col .video-details {
	    float: none;
	    width: 100%;
	}
	.item-details {
	    float: none;
	    margin-top: 20px;
	    width: 100%;
	}
	.related ul {
	    margin-bottom: -18px
	}
	.related ul li {
	    width: 211px;
	    margin-right: 18px;
	    margin-bottom: 18px;
	}
	.page-title {
	    max-width: 330px
	}
	.dpSocialTimeline .dpSocialTimeline_item {
	    width: 211px !important;
	    margin: 18px 18px 0 0;
	}
	.dpSocialTimeline_filter {
	    text-align: center
	}
	.tab-container .tab {
	    display: block;
	    margin: 0 0 5px 0;
	}
	ul.retina-icons {
	    width: 110%;
	    margin-right: -4%;
	}
	ul.retina-icons li {
	    width: 44%;
	    margin-right: 4%;
	}
	.fs-entry .image_wrapper {
	    padding: 7px
	}
	#comments .user {
	    display: none
	}
	#comments ul.children {
	    padding: 0 0 0 20px
	}
	.fancybox-title {
	    display: none
	}
	.page-intro .portfolio-nav a .icon-right-open {
	    padding-left: 0;
	}
	.megafolio-container	{	
		width:100%; 
	}
	.teaser-navigation span {
		padding-top: 4px;
	}
	.box-layout {
	    padding: 0;
	}
	.box-wrapper {
		width: 100%;
	}
}
/* END Mobile Landscape  Size to Tablet Portrait (devices and browsers) */

@media only screen and (max-width: 655px) {
	/*.keyboardButton { 
	    width:55px;
	    height:55px;  
	}
	.keyboardButtonBig { 
	    width:65px;
	    height:65px;  
	}
	.numerique {
	        width: 165px;
	} 
	.numeriqueBig {
	        width: 195px;
	} 
	#reductions {
	        width: 65px;
	} 
	#rayons {
	        width: 175px;
	} 
	.modePaiement {
	        width: 165px;
	}
	.modePaiementBig {
	        width: 195px;
	}*/
	
	
	#rayon {
	    font-size: 28px;
	    line-height: 30px;
	}
}
.menu ul li.menuDigit {
	display:none;
}


@media only screen and (max-width: 480px) { 
	.grid .post {
	    width: 100%;
	    margin-right: 0;
	}
}
@media only screen and (max-width: 368px) { 
	.menuIMG {
		width:22px;
		height:22px;
	}
}	
@media only screen and (max-width: 800px) { 
	.keyboardButton { 
	    width:11.1111111111111%;
	    height:auto;  
	}
	.keyboardButtonBig,.keyboardButtonBig2 { 
	    width:11.1111111111111%;
	    height:auto;  
	}
	.digitBtn {
	    width:20%;
	    height:auto;  
	}
	.numerique,.numeriqueBig,.numeriqueBig2 {
	width:55.5555555555556%;
	} 
	div.numeriqueNewStyle {
		width:66.666666%;
	}
}
@media (max-width: 600px) {
	div.numeriqueNewStyle {
		width:100%;
	}
}
@media only screen and (max-width: 779px) {
	.keyboardButton { 
	    width:12.5%;
	    height:auto;  
	}
	.keyboardButtonBig,.keyboardButtonBig2 { 
	    width:12.5%;
	    height:auto;  
	}
	.digitBtn {
	    width:20%;
	    height:auto;  
	}
	.numerique,.numeriqueBig,.numeriqueBig2 {
	width:62.5%;
	} 
}
@media only screen and (max-width: 679px) { 
	.keyboardButton { 
	    width:14.285714285714286%;
	    height:auto;  
	}
	.keyboardButtonBig,.keyboardButtonBig2 { 
	    width:14.285714285714286%;
	    height:auto;  
	}
	.digitBtn {
	    width:20%;
	    height:auto;  
	}
	.numerique,.numeriqueBig,.numeriqueBig2 {
	width:71.42857142857143%;
	}
}
@media only screen and (max-width: 579px) {
	
	.keyboardButton { 
	    width:16.666666666%;
	    height:auto;  
	}
	.keyboardButtonBig,.keyboardButtonBig2 { 
	    width:16.666666666%;
	    height:auto;  
	}
	.digitBtn {
	    width:20%;
	    height:auto;  
	}
	.numerique,.numeriqueBig,.numeriqueBig2 {
	width:83.33333333333%;
	}
}	
@media only screen and (max-width: 479px) { 

.menu ul li.menuDigit {
	display: inline-block;
}
.keyboardButton { 
	    width:20%;
	    height:auto;  
	}
	.keyboardButtonBig,.keyboardButtonBig2 { 
	    width:25%;
	    height:auto;  
	}
	.digitBtn {
	    width:20%;
	    height:auto;  
	}
	.numerique,.numeriqueBig,.numeriqueBig2 {
	width:100%;
	}
#rayon {
    font-size: 28px;
    line-height: 30px;
}

#menu {
width:100%;
}
.workingCaisse {
width:100%
}
.myTicket {
width:100%;margin-right:0px;
} 

	.inner,
	.footer,
	.site-generator,
	.box-layout .top-wrapper .inner,
	.box-layout .fws_wrapper {
	    width: 100%
	}
	.bannercontainer,
	.box-layout .bannercontainer,
	.full-portfolio-bannercontainer {
	    width: 100%
	}
	.full-portfolio-banner {
	    width: 100%
	}
	.portfolio-bannercontainer,
	.portfolio-banner {
	    width: 100%
	}
	.banner,
	.box-layout .banner {
	    width: 100%
	}
	.logo {
	    float: none;
	    text-align: center;
	    margin-bottom: 0px;
	}
	.logo img {
	    display: inline
	}
	.social {
	    float: none;
	    text-align: center;
	}
	.team .social {
	    text-align: left
	}
	.slider-shadow {
	    background-image: none
	}
	.tp-bullets {
	    bottom: -35px !important
	}
	img.right,
	img.alignright,
	img.left,
	img.alignleft {
	    float: none;
	    margin: 0 0 20px 0;
	}
	.one-half,
	.one-third,
	.home-third,
	.two-third,
	.three-fourth,
	.one-fourth,
	.one-fifth,
	.one-sixth {
	    margin: 0;
	    width: 100%;
	    margin-bottom: 20px;
	    float: none;
	}
	.footer .one-half,
	.footer .one-third,
	.footer .two-third,
	.footer .three-fourth,
	.footer .one-fourth,
	.footer .one-fifth,
	.footer .one-sixth {
	    margin-bottom: 40px
	}
	.footer .last {
	    margin-bottom: 0
	}
	.pricing.three .plan,
	.pricing.four .plan {
		width:100%; 
		float: none; 
		margin-left: 0; 
		margin-bottom: 20px;
	}	
	/*.grid .post {
	    width: 280px;
	    margin-right: 0;
	}*/
	.TODOmenu ul#tiny {
	    display: none
	}
	.selectnav {
	    width: 280px;
	    display: block;
	}
	.side-tab-container ul {
	    width: 100%;
	    float:none;
	}
	.side-tab-container .panel-container {
	    width: 100%;
	    float: none;
	}
	.tabs .btn {
	    display: block
	}
	ul.latest li {
	    width: 276px;
	    float: none;
	    margin: 0 0 15px 0;
	}
	ul.latest {
	    margin-bottom: -15px
	}
	.tab-container .tab {
	    display: block;
	    margin: 0 0 5px 0;
	}
	ul.client-list {
	    margin-right: -10px;
	    margin-bottom: -10px;
	}
	ul.client-list li {
	    margin-right: 10px;
	    margin-bottom: 10px;
	    width: 135px;
	    height: auto;
	}
	.content {
	    float: none;
	    width: 100%;
	}
	.sidebar {
	    background: none;
	    float: none;
	    width: 100%;
	}
	.sidebox {
	    margin-left: 0
	}
	.sidebox:first-child {
	    margin-top: 0;
	    padding-top: 40px;
	}
	.items.col4,
	.items.col3,
	.items.col2 {
	    margin-right: 0
	}
	.items.col4 li,
	.items.col3 li,
	.items.col2 li {
	    float: none;
	    margin-right: 0px;
	    width: 280px;
	    /* 2 columns */
	}
	#videocase .items.col4,
	#videocase .items.col3,
	#videocase .items.col2 {
	    margin-bottom: -18px
	}
	#videocase .items.col4 li,
	#videocase .items.col3 li,
	#videocase .items.col2 li {
	    margin-bottom: 18px
	}
	.item-details {
	    float: none;
	    margin-top: 40px;
	    width: 100%;
	}
	.related ul {
	    margin-bottom: -18px
	}
	.related ul li {
	    width: 280px;
	    float: none;
	    margin: 0;
	    margin-bottom: 18px;
	}
	h1.page-title {
	    float: none
	}
	.page-intro .portfolio-nav {
	    float: none;
	    display: block;
	    margin-top: 85px;
	}
	.page-intro .portfolio-nav a {
	    margin-left: 0;
	    margin-right: 10px;
	}
	.two-col .video-wrapper {
	    float: none;
	    width: 100%;
	    margin-bottom: 20px;
	}
	.two-col .video-details {
	    float: none;
	    width: 100%;
	}
	.dpSocialTimeline .dpSocialTimeline_item {
	    width: 280px !important;
	    margin: 20px 0 0 0;
	}
	.item_thumb {
	    width: 260px !important
	}
	.dpSocialTimeline_filter {
	    text-align: center
	}
	/*.side-tab-container .panel-container h4 {
	    max-width: 180px
	}*/
	ul.retina-icons {
	    width: 110%;
	    margin-right: -4%;
	}
	ul.retina-icons li {
	    width: 44%;
	    margin-right: 4%;
	}
	.tparrows {
	    display: none;
	}
	.fs-entry .image_wrapper {
	    padding: 5px
	}
	#comments .user {
	    display: none
	}
	#comments ul.children {
	    padding: 0 0 0 20px
	}
	.fancybox-title {
	    display: none
	}
	.page-intro .portfolio-nav a .icon-right-open {
	    padding-left: 0;
	}
	.megafolio-container	{	
		width:100%; 
	}
	.teaser-navigation span {
		padding-top: 4px;
	}
	.box-layout {
	    padding: 0;
	}
	.box-wrapper {
		width: 100%;
	}
} /* END Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
      
.myTicket {            
background-color: transparent;                          
} 

                     