/* Votre Style */

body{
	font-family:'Open Sans', sans-serif;
	background :#282828 url('../img/background.jpg') no-repeat center 0;
}

#header{
margin-top: 46px;
}
#content{
	width:1100px;
	margin:0 auto;
	margin-top:160px;
	height:300px;
	position:relative;

}
#footer{
	width:100%;
	height:172px;
	background:url('../img/bg-footer.png') no-repeat center bottom;
	position:absolute;
	bottom:0;
}

div.title{
	font-size:33px;
	font-weight:bold;
	background:url(../img/line-title.png) repeat-x 0 0;
	padding-top:10px;
	text-align:center;
	width:452px;
}
div.title span{
	font-size:40px;
	font-weight:bold;
	padding-bottom:10px;
}
div.line-bottom{
	width:452px;
	height:10px;
	background:url(../img/line-title.png) repeat-x 0 bottom;
}
.col-right div.title{text-align:left;}
#content p{font-size:19px;}
#content p.brand{font-style:italic;font-weight:bold;}
#content p.brand a{text-decoration:none;color:#000000;}
#content p.brand a:hover{color:#282828;}
#content .col-left{float:left;width:452px;margin-top:70px;}
#content .col-right{float:right;width:452px;margin-top:30px;}

@media screen and (max-width: 800px) {
	body{background :#ffffff;}
	div.title{font-size:21px;text-align:center;background:#ffffff;width:100%;}
	.col-right div.title{text-align:center;}
	#content{margin-top:20px;}
	div.title span{font-size:25px;width:100%}
	#content p{font-size:14px;}
	#footer{display:none;}
}