html {
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	}
body {
	padding:0px;
	margin:0px;
}
h1 {
	font-size:20px;
	color: #53a7dd;
}
h1 span {
	font-size:16px;
	font-weight: normal;
}
h2 {
	color: #53a7dd;
	font-size:16px;
}
h3 {
	font-size:15px;
	    -webkit-margin-after: 0em;
}
ul {
	-webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;	
	line-height: 1.7em;
}
#header {
	background: transparent url(images/bg-header.png) top center;
	background-size: auto 100%;
    border: 0px solid #000;
    position: fixed;
    z-index: 100;
    width: 100%;
	height:148px;
}
#competences {
	background:url(images/bg-competences.png) center center;
	background-size:100% auto;
}
.contenu-competences {
	width:1140px;
	margin:	auto;
	padding: 200px 0px 0px 0px;
}
.contenu-entreprise img {
	float:right;
	margin-left:20px;
	margin-top: 200px;
	}
.bloc-global {
	border:1px solid #eee;
		min-height: 265px;
		background-color:#fff;
}
.bloc-global div {
	display:inline-block;
	text-align:center;
	width: 19.3%;;
	padding:30px;
	vertical-align: top;
	}
.bloc-global div:nth-last-child() {
	border-right:0px solid #eee;
}	
.bloc-global div img {
    display: block;
	margin: auto;
}
.bloc-global div>div.titre, .bloc-global div>div.desc {
    width: 100%;
	padding:10px 0px;
}
.bloc-global div>div.titre {
	font-weight:bold;
	font-size:15px;
	padding-top:20px;
}
.competence01 div.titre {
	color:#406eb1;
}
.competence02 div.titre {
	color:#49a3db;
}
.competence03 div.titre {
	color:#7cc5e6;
}
.competence04 div.titre {
	color:#acd9ea;
}
.competence01, .competence02, .competence03 {
	text-align:center;
	font-size:14px;
		border-right:1px solid #eee;
}	
.competence04 {
	text-align:center;
	font-size:14px;
}
#entreprise {
	background-color:#eef3f6;
}
.contenu-entreprise {
	width:1140px;
	margin:	auto;
	padding: 30px 0px;
}
#partenaires {
	background:url(images/bg-partenaires.jpg) no-repeat center bottom;
	background-size:100% auto;
	min-height:100px;
	text-align:center;
	padding-top:20px;
}

.contenu-partenaires {
	width:1140px;
	margin:	auto;
	padding: 20px 0px;
}

.logo {
	width:1140px;
	margin:	auto;
	padding: 20px 0px;
}

#prestations {
	background: #fff url(images/bg-prestations.jpg) no-repeat top center;
	background-size:100% auto;
}
.contenu-prestations {
	width:1140px;
	margin:	auto;
	padding: 20px 0px;
}
.contenu-prestations div {
	width:500px;
	margin:	auto;
	    padding: 100px 0px 50px 0px;
}


#footer {
	padding-bottom:30px;}

#footer div.logo, #footer div.coordonnees {
	display: inline-block;
	width: 48%;
    white-space: nowrap;
	padding-top:30px;
}
#footer div.logo {
	text-align:right;
	padding-right:20px;
}
#footer div.coordonnees div {
	text-align:left;
	padding:10px 0px 10px 30px;
}
#footer div.coordonnees img {
	float:left;
	}
	
@media (min-width: 180px) and (max-width: 480px) {
	.contenu-competences {
		width:80%;
		margin:	auto;
		padding: 200px 20px 0px 20px;
	}
	.logo {
		width: 80%;
		margin: auto;
		padding: 20px;
	}
	.contenu-entreprise {
		width: 80%;
		margin: auto;
		padding: 30px 20px;
	}
	.contenu-prestations {
		width: 80%;
		margin: auto;
		padding: 20px 20px;
	}
	#competences {
		background: url(images/bg-competences.png) center center;
		background-size: auto 100%;
	}
	.contenu-prestations div {
		width: 100%;
		margin: auto;
		padding: 100px 0px 0px 0px;
	}
	#footer div.logo, #footer div.coordonnees {
		display: inline-block;
		width: 80%;
		white-space: nowrap;
		padding-top: 30px;
	}
	#footer div.logo {
		text-align: left;
		padding-right: 20px;
	}
	#footer div.logo {
		text-align: left;
		padding-right: 20px;
	}
	.contenu-partenaires {
		width: 80%;
		margin: auto;
		padding: 20px 0px;
	}
	.contenu-partenaires img {
		padding-bottom:10px;}
	.bloc-global div {
		width: auto;
	}
	#header {
		height: 200px;
	}
	#partenaires {
		background: url(images/bg-partenaires.jpg) no-repeat center bottom;
		background-size: auto 100%;
	}
	.contenu-entreprise img {
		width: 100%;
    	height: auto;
    	margin-bottom: 50px;
		margin-top: 20px;
	}
	.bloc-global {
		text-align: center;
	}
}
@media (min-width: 480px) and (max-width: 1024px) {
	.contenu-competences {
		width:95%;
		margin:	auto;
		padding: 200px 20px 0px 20px;
	}
	.logo {
		width: 95%;
		margin: auto;
		padding: 20px;
	}
	.contenu-entreprise {
		width: 95%;
		margin: auto;
		padding: 30px 20px;
	}
	.contenu-prestations {
		width: 95%;
		margin: auto;
		padding: 20px 20px;
	}
	#competences {
		background: url(images/bg-competences.png) center center;
		background-size: auto 100%;
	}
	.contenu-prestations div {
		width: 40%;
		margin: auto;
		padding: 100px 0px 0px 0px;
	}
	#footer div.logo, #footer div.coordonnees {
		display: inline-block;
		width: 47%;
		white-space: nowrap;
		padding-top: 30px;
	}
	#footer div.logo {
		text-align: left;
		padding-right: 20px;
	}
	#footer div.logo {
		text-align: left;
		padding-right: 20px;
	}
	.contenu-partenaires {
		width: 95%;
		margin: auto;
		padding: 20px 0px;
	}
	.contenu-partenaires img {
		padding-bottom:10px;}
	.bloc-global div {
		width: 18%;
	}
	#header {
		height: 200px;
	}
	#partenaires {
		background: url(images/bg-partenaires.jpg) no-repeat center bottom;
		background-size: auto 100%;
	}
	.bloc-global {
		text-align: center;
	}
	#footer {
		text-align: center;
	}
}
@media (min-width: 480px) and (max-width: 636px) {
	.bloc-global div {
		width: 36%;
	}
	.competence02 {
		border-right: 0px solid #eee;
	}
	.bloc-global {
		text-align: center;
	}
	#footer {
		text-align: center;
	}
}
@media (min-width: 637px) and (max-width: 983px) {
	.bloc-global div {
		width: 39%;
	}
	.competence02 {
		border-right: 0px solid #eee;
	}
	.bloc-global {
		text-align: center;
	}
	#footer {
		text-align: center;
	}
}