/*-----------------------------------------------------------------------------------------------------
		Projet : Version mobile
		Website : http://opentime.fr
		Auteur : No Parking
		
		Copyright (C) 2011
					
-------------------------------------------------------------------------------------------------------*/



/* Media Queries
-------------------------------------------------------------------------------------------------------*/

/* Ecrans etroits */
@media handheld, only screen and (max-width: 1100px) {
	.back-top {display:none;}
}

@media handheld, only screen and (max-width: 1000px) {
	
	img { max-width: 100%; width:100%;  height: auto; }
	
	.header .header-content {width: auto;text-align:center;}
	.header .logo {float: none;display:inline-block;margin:16px 0;}
	.body-signup .header .logo { float: left; margin-left:10px; }
	.header .navigation {float:none;margin-bottom:16px;}
	.header .navigation ul li {margin-bottom:10px;}
	
	.client-testimonial .grid_3 { height:auto; }
	.client-testimonial .picture { display:none; }
	.client-testimonial .txt, .client-testimonial.no-picture .txt {width: 80%; margin: auto; padding:80px 0;}
	
	.opentime-references .container_3 .grid_2, .opentime-references .container_3 .grid_1 { float: none; width: auto; height: auto;}
	.opentime-references .container_3 .grid_2 {background: none; height: auto; }
	.opentime-references h3 { text-align: center;}
	.opentime-references .list-references { text-align: center; margin:0;}
	.opentime-references .container_3 .grid_1 { padding: 20px; background: none; }
	.opentime-references .grid_1:after { display: none;}
	.opentime-references a { text-align: center; margin:0;}
	
	.shadow {display:none;}
	.homepage-opentime {margin:0;}
	.homepage-opentime > div h3 {width: 42%;margin-top:0px;}
	.homepage-opentime > div ul {width: 42%;}
	
	h1.page-title { margin:0 0 30px 0;}
	.body-contact .page-content  h1.page-title,
	.body-signup .page-content  h1.page-title { width: 60%; }
	.body-questionasked .page-content  h1.page-title { width: 60%; }
	
	.page-content h2 {display: block; margin-right:0;}
	.page-content {padding-top:0;}
	.page-content p.page-intro {margin:0;}
	.body-tour .page-content p.page-intro { margin: 0 -20px;}
	
	.page-content h1.baseline { padding: 0; }
	
	.opentime-benefits:after { display: none;}
	.opentime-benefits > div { background: none; margin: 0; width: auto; }
	
	.opentime-action { text-align :center; }
	.opentime-action span { display:none;}
	.action-call-me h4, .action-documentation h4, .action-call-me p, .action-documentation p {margin-left: 0;}
	.action-call-me input[type="text"] {float: none; padding: 4px; height:auto; width: 100%; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
	.action-call-me input[type="submit"] {margin-top: 10px; float: none; padding: 4px; height:auto; width: 100%; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
	
	.block-tour .tour-icon {float: none;margin: 16px auto 0 auto;}
	.block-tour h1, .block-tour p {float: none;text-align: center;width: auto; margin:10px 0 0 0;}
	.block-tour .img {float:none; margin:0 auto;}
	.block-tour ul li h2,
	.block-tour ul li p { float: none; margin:20px auto 20px auto; text-align: center; }
	.block-tour ul > li > ul { float: none; margin:10px auto 40px auto; text-align: center; }

	.block-testimonial img {width:auto; margin:40px 0 10px 0;}
	
	.page-signup {margin:0 15px;}
	
	.testimonialireps,
	.testimonialjs,
	.testimonialbima,
	.testimonialmagamo {float:none; margin: 0 30px 20px 30px;width: auto;}
	
	.pricing-table {text-align:center;}
	.pricing-table .column {width:300px;display:inline-block;float:none;margin:0 10px 20px 10px;}
	.pricing-action li {float: none; margin: 10px 20px; width: auto;}
	.pricing-action li + li {margin-right: 20px;}
	.minifaq {margin:0 15px;}
	.mini-faq li {width: auto ; float:none; margin:0 10px 40px 10px;}
	
	.body-questions .sidebar,
	.body-question .sidebar { padding-left: 20px;}
	.body-questions .questions-search input[type="text"] {width: 60%;display:inline-block;}
	.body-questions .questions-search input[type="submit"] {display:inline-block;}

	form label {margin-bottom:6px;display:block;}
	form .hidden_field {width: auto;display:block;}
	.body-questionasked form input[type="submit"], .body-contact form input[type="submit"] {margin-left: 0;}
	
	.sidebar {overflow:hidden;margin-left: 30px;}
	.questionssidebarheadline {margin-top:40px;}
	
	.footer-bloc {overflow:hidden;}
	.footer-bloc.opentime-link h1 a img { max-width: 207px; width: 100%;}
	.footer-bloc.opentime-link a, .footer-bloc.opentime-link h1 { text-align:center; }
	.footer-bloc .noparking span, .footer-bloc .faq span { display: none; }
	.footer-bloc .noparking p, .footer-bloc .faq p { padding-left: 0; }

	.container_3 {width: 100%;margin: 0 auto;padding: 0;}
	.container_3 .grid_1 {width: 30%;float: left;margin: 0 1%;}
	.container_3 .grid_2 {width: 60%;float: left;margin: 0 1%;}
	.container_3 .grid_3 {width: auto;margin: 0;}
	
	.body-special-grid .page-content .container_3 {width:100%;margin:0 auto;padding:0;background:none;}
	.body-special-grid  .page-content .grid_1 {width:30%;float:left;margin:0;}
	.body-special-grid  .page-content .grid_2 {width:60%;float:left;margin:0;padding:0 20px 200px 20px;min-height:500px;background:#FFF;}
	.body-special-grid  .page-content .grid_3 {width:auto;margin:0;}
	.body-special-grid .shadow {display:none;}
}


/* Mobile & Low res */
@media handheld, only screen and (max-width: 685px), only screen and (max-device-width: 685px) {
	
	.header .navigation-mobile-on,
	.header .navigation ul li.navigation-mobile-off {display:block;}
	.navigation-mobile-on {position:absolute;top:0;right:0;background:#232323;padding:28px 10px;color:#FFF;}
	.navigation-mobile-on:after {content:"";position:absolute;bottom:0;left:24px;display:block;width:12px;height:8px;}
	.body-home .navigation-mobile-on:after,
	.default .navigation-mobile-on:after {background-position:0px 0px;}
	.navigation-mobile-on:hover, .navigation-mobile-on:active,
	.navigation-mobile-off:hover, .navigation-mobile-off:active {background:#444;color:#FFF;}
	.body-signup .header .go-home {display: none;}
	
	.header .header-content {overflow:hidden;}
	.header .navigation {margin: 0;display:none;}
	.header .navigation ul li {display:block;margin:0;}
	.header .navigation ul li a {padding: 16px 20px 14px 20px;font-size:1.2em;display:block;background:#232323;border-radius:0;}
	.header .navigation ul li.selected a, .header .navigation ul li a:hover {box-shadow:none;background:#F8BE18;color:#000;}
	
	#navigation-mobile:target {display:block;}
	
	.client-testimonial.no-picture .grid_3 { height: auto; }
	.client-testimonial .grid_3:after {display:none;}
	.client-testimonial .txt, .client-testimonial.no-picture .txt {margin:0 auto;padding: 20px 0;width: 80%;}
	.client-testimonial .txt p {font-size: 1em; margin-bottom: 0;}
	.client-testimonial .picture { display: none;}
	.client-testimonial  .opentime-screen, .client-testimonial  .overview {display:none;}
	
	h1.page-title { text-align: center; }
	.body-contact .page-content h1.page-title, 
	.body-signup .page-content h1.page-title,
	.body-questionasked .page-content h1.page-title {width: auto;}
	.page-content h2 {text-align:center;}
	.page-content p.page-intro {text-align:center;}
	.body-contact .page-content p.page-intro {margin-top: 0px; padding-top:20px;}
	.body-signup .page-content p.page-intro,
	.body-questionasked .page-content p.page-intro {margin-top: 0px; padding:20px 0;}
	
	.opentime-benefits h4, .opentime-benefits p {text-align: center;width: 60%; margin: 0 auto;}
	
	.opentime-action { margin-bottom: 20px;}
	
	.pricing-table .column {width:auto;display:block;}
	.pricing-table .block-pricing {margin: 0;width: auto;display:block;}
	
	.block-tour ul {margin: 30px 0 0 0;}
	.sidebar.tour { margin: 0; text-align: center; }
	.sidebar.tour ul li a { padding: 10px 0; }
	.sidebar.tour ul li a:after { display:none; }
	
	.questionssidebarheadline {margin-top: 0;}
	.questions-breabcrumb {margin:0;}
	.body-question .questions-breabcrumb {margin:0 -20px ;}
	.body-questions .questions-search input[type="text"] {width: 90%;margin-bottom:10px;}
	.body-questions .questions-search input[type="submit"] {width: 96%;}
	.questions ol { margin: 0 40px;}
	.body-questions .page-content h2.headline, .body-question .page-content h2.headline {display: block;text-align:left;}
	.question { padding:0 20px; }

	form { margin: 0; padding: 0 20px; }
	form ul { margin:20px 0 0 0; }
	form ul li { margin:0; padding-bottom: 20px; }
	form input[type="text"], form input[type="password"], form select, form textarea {width:95%;}
	form input[type="submit"] {width:100%; margin-bottom: 20px;}
	.body-contact  form ul:after { clear: both; content: ""; display: table;}
	.body-contact  form ul li {margin-left: 0;}
	.body-signup form ul li { margin-left: 0px;}
	.body-signup form input[type="submit"] {position: relative; margin: 20px 0;}
	.body-signup form input#save {left: 0;}
	.itemsform-submit {margin-top: 20px;}
	.itemsform-submit {padding:0;}	
	
	.body-contact .sidebar,
	.body-questions .sidebar,
	.body-question .sidebar,
	.body-signup .sidebar,
	.body-questionasked .sidebar { display: none; }
	
	.footer .footer-deco { display: none; }
	.footer-bloc { display: none;}
	
	.container_3 {width: auto;margin: 0 auto;padding: 0;}
	.container_3 .grid_1 {width: auto;float: none;margin: 0 15px;}
	.container_3 .grid_2 {width: auto;float: none;margin: 0 15px;}
	.container_3 .grid_3 {width: auto;margin: 0 15px;}
	
	.body-special-grid .page-content .container_3 {width: auto; margin:0 auto; padding: 0; background: none;}
	.body-special-grid  .page-content .grid_1 {width: auto; float: none; margin: 0; min-height: auto; padding: 0;}
	.body-special-grid  .page-content .grid_2 {width: auto; float: none; margin: 0; min-height: auto; padding: 0;}
	.body-special-grid  .page-content .grid_3 {width: auto; margin: 0; min-height: auto; padding: 0;}
	.body-special-grid .shadow {display:none;}
	
	.body-tour .page-content .grid_2,
	.body-question .page-content .grid_2,
	.body-questions .page-content .grid_2 {-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;}
	
	.body-contact .page-content .grid_2,
	.body-signup .page-content .grid_2 {-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;margin-top:0;}
}