@media screen and (max-width: 1280px) {
	.brnone {
		display: none!important;
	}

	#detailsCompetence .CompetenceUiux {
		padding-left: 100px!important;
	}

	#detailsCompetence .CompetenceEmailing {
		padding-right:100px!important;
	}

	#detailsCompetence .CompetenceWeb {
		padding-left: 100px!important;
	}

	#detailsCompetence .CompetenceEmailing img.ilustemailing-1 {
		left: -300px!important;
	}

	#detailsCompetence .CompetenceEmailing img.ilustemailing-2 {
		left: -270px!important;
	}

	#detailsCompetence .CompetenceWeb img.ilustweb {
		right: -290px!important;
	}
}

@media screen and (max-width: 990px) {

	#sideleft-header {
		display: none;
	}

	#container-all {
		padding: 0!important;
	}

	#s1 .bgheaderTop {
		z-index: 0!important;
	}


	#s1 .contentHeader {
		position: static!important;
	}

	#s1 .contentHeader .contentLogo {
		margin-top: 0!important;
		padding:55px 0 0;
		width: 100%!important;
	}

	#s1 .contentHeader .contentLogo img.logo {
		margin-top:0!important;
	}

	/* flexbloc Competences */

	#s1 .blocHeadCompetence {
		position: static!important;
		margin: 38px 0;
		width: 100%;
	}

	#s1 .blocHeadCompetence .flexCompetence {
		display:block!important;
		flex:0!important;
	}

	#s1 .blocHeadCompetence .flexCompetence .bloc {
	    background-color: #212121;
	    width: 100%!important;
	    height: auto!important;
	    margin-bottom: 15px!important;
	}

	#s1 .blocHeadCompetence .flexCompetence .bloc .contentBloc img {
		width: 93px;
	}

	#s1 .blocHeadCompetence .flexCompetence .bloc .contentBloc p {
		font-size: 25px!important;
	}


	#s1 .contentHeader .contentLogo .contentButton a.buttonplus, #s1 .contentHeader .contentLogo .contentButton a.buttoncv {
		display: block!important;
		width: 100%!important;
		margin-bottom: 15px;
		float: none!important;
	}

	#s2 {
		margin-top: 25px;
	}

	#s2 .intro {
		padding-top: 15px!important;
		padding-bottom: 0!important;
	}

	#detailsCompetence {
		margin-top: 5px!important;
	}

	#detailsCompetence .CompetenceUiux {
		width: 100%!important;
		padding-left: 25px!important;
	    padding-right:25px!important;
	}

	#detailsCompetence .Content {
	    width: 100%!important;
	}

	#detailsCompetence .Content a.link {
		display: block!important;
		margin:35px auto auto !important;
	}

	#detailsCompetence .CompetenceUiux img.ilustuiux {
	    display: none!important;
	    width: 80%!important;
	}

	#detailsCompetence .Content img.ilustuiux-mobile, #detailsCompetence .Content img.ilustemailing-mobile, #detailsCompetence .Content img.ilustweb-mobile {
		display: block!important;
		margin: auto auto 25px!important
	}

	#detailsCompetence .Content .text {
	    text-align: center!important;
	}

	#detailsCompetence .CompetenceEmailing, #detailsCompetence .CompetenceWeb {
		width: 100%!important;
		padding-left: 25px!important;
	    padding-right:25px!important;
	    background-color: #ffffff!important;
	    margin-top: 20px!important;
	}

	#detailsCompetence .CompetenceWeb {
		padding-top: 0!important;
	}
}


@media screen and (max-width: 780px) {

	#s1 .contentHeader {
		width: 100%!important;
	}


	#s1 .contentHeader .contentLogo img.logo_txt2 {
	    display: block;
	    margin: 15px auto 15px;
	    width: 90%!important;
	    height: auto!important;
	}

	#s1 .contentHeader .contentLogo .contentButton a.buttonplus, #s1 .contentHeader .contentLogo .contentButton a.buttoncv {
		display: block!important;
		width: 100%!important;
		margin: auto auto 15px;
		float: none!important;
	}

	#s1 .contentHeader .contentLogo .contentButton a.buttonplus, #s1 .contentHeader .contentLogo .contentButton a.buttoncv {
		display: block!important;
		width: 90%!important;
		margin-bottom: 15px;
		float: none!important;
	}
}


@media screen and (max-width: 540px) {

	#s1 .contentHeader .contentLogo img.logo_txt1 {
		width: 90%!important;
		height: auto!important;
	}

	#s2 .intro {
		padding:10px!important;
		font-size: 22px!important;
	}
}