CustomizR full-width template

Hi,
I’ve been trying to use a full-width template with CustomizR theme.

I followed the advices given in the following thread :

http://ww.wp.xz.cn/support/topic/create-customizr-full-width-template?replies=14

I also got help here :
http://ww.wp.xz.cn/support/topic/customizr-full-width-template-footer-display-problem?replies=4#post-6701426

I’ve been using the following CSS, which is associated to my full-width template. Its purpose is to create a large blue background around the text :

#blue-background{
  width: 100%;
  height: 100%;
  float: center;
  background: #2680BE;
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px;
}

Here is an example of a page with this CSS :

http://www.cirnu.com/brouillon-agence-web

It’s simply a DIV with the “blue-background” id.

I only have one problem that remains : although the full-width displays properly for “normal” screen sizes, when the width is below 768px there is a small margin on the left, as you can see on the example above.

Here is the CSS code associated to my template :

.page-template-full-width-php #main-wrapper {
	width: 100%;
        overflow-x: hidden;
	}
.page-template-full-width-php #main-wrapper .breadcrumbs {
	margin-left: 0px;
	}
.page-template-full-width-php .container {
	width: 100%;
	}
.page-template-full-width-php #content {
	width: 100%;
	margin: 0px;
	display: inline-block;
	}
.page-template-full-width-php .row {
	margin-left: 0px;
	margin-right: 0px;
	}
.page-template-full-width-php {overflow-x: hidden;}

Thanks for your help guys