@brand-color: #707072;

body			{
				margin:0px;
				overflow-x: hidden;
				font-family:helvetica,verdana; 
				color:@brand-color; 
				}
				
ul				{
  				list-style-type: none;
  				padding: 0;
  				margin-left: 1em;
				}

a				{
				color:@brand-color;
				}

a:hover			{
				color:#418DEB;
				} 
				
.banner			{
				background:url(images/banner.png);
				width:100%;
				height:115px;
				text-align:center;
}

.social			{
				width:100px;
				height:105px;
				position:absolute;
				margin-left:1100px;
				margin-top:0px;
}

.nav			{
				background:url(images/menu.png);
				width:500px;
				height:38px;
				position:absolute;
				margin-left:550px;
				margin-top:74px;
}

.content_banner	{
				width:1200px;
				height:115px;
				margin:auto;
				font-family:helvetica,verdana;
				font-size:12px;
				color:@brand-color;
}

.banner_bis		{
				background:url(images/banner_bis.png);
				width:100%;
				height:268px;
				text-align:center;
}

.devis		{
				width:200px;
				height:200px;
				margin-top:25px;
				margin-left:80px;
				position:absolute;
}

.vignette		{
				background:url(images/vignette.png);
				width:900px;
				height:289px;
				margin:auto;
				margin-top:-10px;
				position:absolute;
				margin-left:300px;
}

.nav2			{
				background:url(images/menu_2.png);
				width:886px;
				height:50px;
				position:absolute;
				margin-top:231px;
				margin-left:7px;
}

.content		{
				background:#DFDFDF;
				width:100%;
				text-align:center;
}

.content_in		{
				width:1200px;
				height:650px;
				margin:auto;
}

.footer			{
				background:url(images/footer.png);
				width:100%;
				height:99px;
				margin-top:-20px;
}

.arrondi{
-webkit-border-bottom-left-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-topright: 5px;
}

.puce			{
				background-image: url(images/puce.png);
				background-repeat: no-repeat;
				padding-left: 1em;
				background-position: 0 0.5em;
				margin-top:5px
				}

@media screen and (max-device-width: 480px){
/*--- iPhone only CSS here ---*/
.banner			{
				background:url(images/banner.png);
				width:1200px;
				height:115px;
				text-align:center;
				}

.footer			{
				background:url(images/footer.png);
				width:1200px;
				height:99px;
				margin-top:-20px;
				}

.banner_bis		{
				background:url(images/banner_bis.png);
				width:1200px;
				height:268px;
				text-align:center;
				}
				
.content		{
				background:#DFDFDF;
				width:1200px;
				text-align:center;
				}

}