html {
	margin: 0;
	padding: 0;
	border: 0;
}

body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,nav,section
	{
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style: none
}

body
{
	margin:auto;
	font-size:10px
}

/*banner*/
.bg
{
	
 
	border-bottom:1em solid #151638
}

.bg img
{
	width:60%
}


#content
{
	position:relative;
	overflow:hidden;
	z-index: 5;
	
}

.content
{
	padding:0 10px
}


#content .illu
{
	background: url("../img/content.jpg") no-repeat scroll 0 0 transparent;
	background-size:100% auto;
	min-height: 700px;
	height:auto;
	width: 50%;
	float:left;
}

#content .texts
{
	
	font-size:1.2em;
	font-family:verdana;
	padding:0em 0;
	width:45%;
	float:left
}

#content .texts p
{
	margin:1em 0;
	float:left;
	width:100%
}


#content .texts .btn
{
	float:right;
	position:relative;
	top:10px;
	width:200px;
	cursor:pointer;
	display:inline-block;
	padding:0 20px;
	box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
	height:30px;
	line-height:30px;
	border:1px solid #2786b2;
	border-radius:3px;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	/* Anciens navigateurs */
	background: #32abe2;
	/* Internet Explorer */
	*background: #32abe2;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#00ffffff, endColorstr=#17000000);
	/* Navigateurs recents */
	background-image: -webkit-gradient(linear,left top, left bottom,from(rgba(255,255,255,0)),to(rgba(0,0,0,0.09)));
	background-image: -webkit-linear-gradient(top,rgba(255,255,255,0),rgba(0,0,0,0.09));
	background-image: -moz-linear-gradient(top,rgba(255,255,255,0),rgba(0,0,0,0.09));
	background-image: -o-linear-gradient(top,rgba(255,255,255,0),rgba(0,0,0,0.09));
	background-image: linear-gradient(top,rgba(255,255,255,0),rgba(0,0,0,0.09));
	
	
	
}


#content .texts a.btn:hover
{
	text-decoration:none;
	background: #36baf7;
	/* Internet Explorer */
	*background: #36baf7;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#00ffffff, endColorstr=#17000000);
	/* Navigateurs recents */
	background-image: -webkit-gradient(linear,left top, left bottom,from(rgba(255,255,255,0)),to(rgba(0,0,0,0.09)));
	background-image: -webkit-linear-gradient(top,rgba(255,255,255,0),rgba(0,0,0,0.09));
	background-image: -moz-linear-gradient(top,rgba(255,255,255,0),rgba(0,0,0,0.09));
	background-image: -o-linear-gradient(top,rgba(255,255,255,0),rgba(0,0,0,0.09));
	background-image: linear-gradient(top,rgba(255,255,255,0),rgba(0,0,0,0.09));
	box-shadow: 0 2px 3px rgba(0,0,0,0.2);
}	


@media only screen and (min-width: 320px) {
	body
	{
		font-size:9px;
	}
}	


@media only screen and (min-width: 480px) {
	body, .ui-overlay-a, .ui-overlay-c
	{
		font-size:14px;
	}
}



@media only screen and (min-width: 640px) {
	
	.bg
	{
		margin-left: 4px;
		width: 992px;
	}	
	.bg img
	{
		width:auto
	}


	#content
	{
		background: url("../img/content1.jpg") repeat-y scroll 50% 0 transparent;
		height: 848px;
		margin: 0 auto;
		width: 1000px;
		min-width: 1000px;
		overflow:hidden;
		z-index: 5;
	}

}