mozfr-firefoxos.css

html,body{
				width:100%;
				height:100%;
				padding:0px;
				margin:0px;												
			}
			#centre{
				width:100%;
				top: 0px;
				padding:0px;
				margin:0px;
				min-height:80%
			}
			#reclame, #toutyest, #futur{
				vertical-align:top;
				padding-top:3%;
				margin:0px;
				height:100%;
				width:calc(95% / 3);
				display: inline-block;
				text-align:center;
			}
			#footer{
				width:100%;
				bottom: 0px;
				padding:0px;
				margin:0px;
				display:block;								
			}
			#achat, #aide, #reseaux{
				vertical-align:top;
				padding:0px;
				margin:0px;
				height:100%;
				width:calc(98% / 3);
				display: inline-block;
			}
			li{
				list-style-type: none;
			}
			#achat{
				padding-left:1%;
			}
			#sommaire{
					display:inline-block;
					position: relative;
					width:55%;
					padding-left:3%;			
			}
			#firefoxos-wrapper{
					display:inline-block;
					vertical-align:baseline;
					width:30%;
					
			}
			#reponse{
				padding-left:3%;			
			}
			.uppercase {
				text-transform: uppercase;
			}
			.faq {
				padding:1em;
			}
			.faq #firefoxos-wrapper{
				width:100%;
			}
			.faq dt {
				font-weight:bold;
				margin-top: 1em;
			}
			@media only screen and (orientation : portrait) {
				#achat, #aide, #reseaux,#reclame, #toutyest, #futur{
					padding:2%;
					margin:0px;
					width:96%;
					max-width:100%;
					display: block;
					hyphens: auto;	
				}
			}