@media screen and (max-width: 1200px) {
	section.mur .wrap {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
}
@media screen and (max-width: 1080px) {
	div.menu {
		max-width: 800px;
	}
	section.sous-cat div.wrapper > a,
	section.services div.wrapper > a {
		width: 33.33%;
	}
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 960px) {
	/* CONTENT */
	section.avis div.wrap {
		max-width: 800px;
		padding-left: 20px;
	}
	section.content div.service img {
		display: block;
		margin: 30px auto;
	}
	section.content div.service  div.right {
		width: 100%;
		display: block;
		text-align: center;
	}
	section.content div.service div.wrapper{
		width: 600px;
		padding: 0;
		margin: auto;
	}
	section.content div.bloctab1 div.text,
	section.content div.bloctab2 div.text,
	section.content div.bloctab3 div.text {
		padding: 0 50px 40px;
	}
	/* CONTENT END */
	section.content-gen {
		padding: 50px 0 0;
	}
	section.content-gen div.wrapper {
		max-width: 100%;
	}
	/* */
	/* CLIENTS */
	section.avis div.avis {
		display: block;
		width: 100%;
	}
	section.avis div.avis div.comm {
		float: left;
		clear: both;
		width: 500px;
		height: 135px;
	}
	section.avis div.avis div.comm span {
		bottom: 20px;
		right: -23px;
		transform:rotate(-90deg);
		-ms-transform:rotate(-90deg);
		-webkit-transform:rotate(-90deg);
	}
	section.avis div.avis div.client {
		float: left;
	}
	/* CLIENTS END */
}
@media all and (max-width: 800px) {
	/* HEADER */
	header {
		position: relative;
		height: 47px;
	}
	header div.menu-open {
		display: block;
	}
	div.menu a.devis {
		top: 50px;
	}
	div.menu nav.menu {
		position: absolute;
		display: block;
		top: 50px;
		background: #474849;
		width: 100%;
		text-align: left;
	}
	div.menu nav.menu ul.menu {
		position: relative;
		max-width: 600px;
		z-index: 2000;
		display: none;
		margin: auto;
	}
	div.menu nav.menu ul.menu > li {
		float: none;
	}
	div.menu nav.menu ul.menu > li > a {
		border-bottom: solid 1px #828282;
		color: #828282;
		font-family: "roboto_condensedlight", sans-serif;
		font-size: 19px;
		text-decoration: none;
		display: block;
		padding: 0;
		height: 47px;
		line-height: 47px;
	}
	div.menu nav.menu ul.menu > li.li1:hover > a {
	border-bottom: solid 1px #e74c3c;
	}
	div.menu nav.menu ul.menu > li.li2:hover > a {
		border-bottom: solid 1px #f39c12;
	}
	div.menu nav.menu ul.menu > li.li3:hover > a {
		border-bottom: solid 1px #27ae60;
	}
	div.menu nav.menu ul.menu > li.li4:hover > a{
		border-bottom: solid 1px #10a2ee;
	}
	div.menu nav.menu ul.menu > li.li5:hover > a {
		border-bottom: solid 1px #9b59b6;
	}
	div.menu nav.menu ul.menu > li.li6:hover > a {
		border-bottom: solid 1px #989898;
	}
	div.menu nav.menu ul.menu > li > ul > li.li3-1 > a:hover,
	div.menu nav.menu ul.menu > li > ul > li.li3-2 > a:hover,
	div.menu nav.menu ul.menu > li > ul > li.li3-3 > a:hover ,
	div.menu nav.menu ul.menu > li > ul > li.li3-4 > a:hover ,
	div.menu nav.menu ul.menu > li > ul > li.li3-5 > a:hover {
		color: #afafaf;
	}
	div.menu nav.menu ul.menu > li > ul > li.li3-1 > ul > li > a:hover {
		color: #ff6959;
	}
	div.menu nav.menu ul.menu > li > ul > li.li3-2 > ul > li > a:hover {
		color: #ffb43e;
	}
	div.menu nav.menu ul.menu > li > ul > li.li3-3 > ul > li > a:hover {
		color: #30d877;
	}
	div.menu nav.menu ul.menu > li > ul > li.li3-4 > ul > li > a:hover {
		color: #38bbff;
	}
	div.menu nav.menu ul.menu > li > ul > li.li3-5 > ul > li > a:hover {
		color: #cc75ef;
	}
	body.home div.menu nav.menu ul.menu > li.li1 > a span.sel,
	body.static2 div.menu nav.menu ul.menu > li.li2 > a span.sel,
	body.static3 div.menu nav.menu ul.menu > li.li3 > a span.sel,
	body.static3 div.menu nav.menu ul.menu > li.li3 > a span.sel,
	body.static7 div.menu nav.menu ul.menu > li.li3 > a span.sel,
	body.static8 div.menu nav.menu ul.menu > li.li3 > a span.sel,
	body.static9 div.menu nav.menu ul.menu > li.li3 > a span.sel,
	body.static10 div.menu nav.menu ul.menu > li.li3 > a span.sel,
	body.static11 div.menu nav.menu ul.menu > li.li3 > a span.sel,
	body.static12 div.menu nav.menu ul.menu > li.li3 > a span.sel,
	body.static13 div.menu nav.menu ul.menu > li.li3 > a span.sel,
	body.static14 div.menu nav.menu ul.menu > li.li3 > a span.sel,
	body.static15 div.menu nav.menu ul.menu > li.li3 > a span.sel,
	body.static16 div.menu nav.menu ul.menu > li.li3 > a span.sel,
	body.static17 div.menu nav.menu ul.menu > li.li3 > a span.sel,
	body.static18 div.menu nav.menu ul.menu > li.li3 > a span.sel,
	body.static19 div.menu nav.menu ul.menu > li.li3 > a span.sel,
	body.static20 div.menu nav.menu ul.menu > li.li3 > a span.sel,
	body.static21 div.menu nav.menu ul.menu > li.li3 > a span.sel,
	body.static22 div.menu nav.menu ul.menu > li.li3 > a span.sel,
	body.static23 div.menu nav.menu ul.menu > li.li3 > a span.sel,
	body.static24 div.menu nav.menu ul.menu > li.li3 > a span.sel,
	body.static25 div.menu nav.menu ul.menu > li.li3 > a span.sel,
	body.static26 div.menu nav.menu ul.menu > li.li3 > a span.sel,
	body.static4 div.menu nav.menu ul.menu > li.li4 > a span.sel,
	body.static5 div.menu nav.menu ul.menu > li.li5 > a span.sel,
	body.blog div.menu nav.menu ul.menu > li.li6 > a span.sel {
		color: #ffffff;
		padding: 0;
		display: inline-block;
		border-radius: none;
		background: none;
		border: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		text-shadow: none;
	}
	div.menu nav.menu ul.menu > li  span.sub {
		display: inline-block;
		width: 80px;
		height: 38px;
		background: url(../img/sub-arrow.jpg) no-repeat 60px center;
		position: absolute;
		top: 5px;
		right: 0;
		cursor: pointer;
	}
	div.menu nav.menu ul.menu > li > ul {
		top: 0px;
		position: relative;
		-webkit-box-shadow: none;
		box-shadow: none;
		background: none;
		width: 100%;
		-webkit-column-count: inherit;
		-webkit-column-gap: inherit;
		-moz-column-count: inherit;
		-moz-column-gap: inherit;
		column-count: inherit;
		column-gap: inherit;
		right: 0;
	}
	div.menu nav.menu ul.menu > li > ul > li.li3-1 {
		margin: 0;
	}
	div.menu nav.menu ul.menu > li > ul > li {
		margin: 0;
		width: 100%;
	}
	div.menu nav.menu ul.menu > li > ul > li > a {
		padding: 10px 0 10px 50px;
	}
	div.menu nav.menu ul.menu > li > ul > li > ul {
		position: relative;
		left: 0;
		width: 100%;
		background: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		display: none;
	}
	div.menu nav.menu ul.menu > li > ul > li > ul > li > a {
		padding: 10px 0 10px 100px;
	}
	div.menu nav.menu ul.menu > li.li3 > ul > li > a,
	div.menu nav.menu ul.menu > li.li3 > ul > li > ul > li > a{
		background: none;
	}
	div.menu nav.menu ul.menu > li > ul > li.li3-1 > a,
	div.menu nav.menu ul.menu > li > ul > li.li3-2 > a,
	div.menu nav.menu ul.menu > li > ul > li.li3-3 > a,
	div.menu nav.menu ul.menu > li > ul > li.li3-4 > a,
	div.menu nav.menu ul.menu > li > ul > li.li3-5 > a {
		color: #828282;
		font-family: "roboto_condensedlight", sans-serif;
		font-size: 19px;
	}
	div.menu nav.menu ul.menu > li > ul > li.li3-1 > a {
		border-color: #E74C3C;
	}
	div.menu nav.menu ul.menu > li > ul > li.li3-2 > a {
		border-color: #F39C12;
	}
	div.menu nav.menu ul.menu > li > ul > li.li3-3 > a {
		border-color: #27AE60;
	}
	div.menu nav.menu ul.menu > li > ul > li.li3-4 > a {
		border-color: #10A2EE;
	}
	div.menu nav.menu ul.menu > li > ul > li.li3-5 > a {
		border-color: #9B59B6;
	}
	div.menu nav.menu ul.menu > li > ul > li.li3-1 > ul > li > a {
		color: #E74C3C;
	}
	div.menu nav.menu ul.menu > li > ul > li.li3-2 > ul > li > a {
		color: #F39C12;
	}
	div.menu nav.menu ul.menu > li > ul > li.li3-3 > ul > li > a {
		color: #27AE60;
	}
	div.menu nav.menu ul.menu > li > ul > li.li3-4 > ul > li > a {
		color: #10A2EE;
	}
	div.menu nav.menu ul.menu > li > ul > li.li3-5 > ul > li > a {
		color: #9B59B6;
	}
	div.menu nav.menu ul.menu > li.li3 > ul > li > ul > li > a{
		border-color: #828282;
		font-family: "roboto_condensedlight", sans-serif;
		font-size: 19px;
	}
	div.menu nav.menu ul.menu div.contact {
		display: inline-block;
	}
	/* HEADER END */
	section.office {
		height: 350px;
	}
	section.office div.wrap {
		height: 350px;
	}
	section.office div.wrap div.wrapper {
		height: 350px;
        padding-top: 45px;
	}
    section.office a.web,
    section.office a.ref,
    section.office a.sit {
        height: auto;
        padding: 10px 20px;
        margin: 0 auto 10px;
        position: static;
    }
    section.office a.web::after,
    section.office a.ref::after,
    section.office a.sit::after {
        display: none;
    }
    section.office button.cafe {
        position: static;
        margin: auto;
    }
    section.office .perso {
        display: none;
    }
	/*section.office div.wrap div.wrapper div.container {
		height: 350px;
	}
	section.office div.wrap div.wrapper div.container video {
		height: 350px;
	}*/
	/* CONTENT */
	section.content ul.ultab {
		width: 90%;
	}
	section.content div.text div.col2 {
		float: none;
		width: 100%;
		margin: 0 auto 20px;
	}
	/* CONTENT END */
	/* PROJETS */
	section.projets {
		padding-top: 80px;
	}
	section.projets  div.projet-wrapper {
		width: 33.33%;
	}
	/* PROJETS END */
	/* CREA */
	section.crea  a.left {
		font-size: 35px;
		line-height: 31px;
	}
	section.crea  a.left img{
		right: 112px;
	}
	section.crea  a.offre img{
		display: none;
	}
	section.crea  a.left span.text{
		padding: 44px 20px 0 0;
	}
	section.crea  a.right {
		font-size: 35px;
		line-height: 31px;
	}
	section.crea  a.right span.text{
		padding: 44px 0 0 45px;
	}
	/* */
	/* CLIENTS */
	section.avis div.avis div.comm {
		width: 50%;
		height: auto;
		margin-right: 30px;
	}
	/* CLIENTS END */
	/* CONTACT */
	section.contact div.perso {
		display: none;
	}
	section.contact form {
		float: none;
		margin: auto;
	}
	/* CONTACT END */
	/* FOOTER */
	section.footer  div.col2 {
		padding: 75px 0 0 50px;
	}
	/* MUR */
	section.mur .wrap {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
	section.mur div.bloc p.titre {
		font-size: 30px;
		line-height: 30px;
	}
	/* MUR END*/
	section.header-main {
		height: 400px;
	}
	section.header-service {
		height: 250px;
	}
	section.header-main div.wrapper,
	section.header-service div.wrapper{
		padding-top: 100px;
	}
	section.content-gen div.content-row div.item-content {
		max-width: 100%;
	}
	section.content-gen div.content-row div.item-img {
		max-width: 100%;
		padding: 0 20px;
	}
	section.content-gen div.content-row {
		display: block;
	}
}
@media screen and (max-width: 768px) {
	section.content div.bloctab1 div.projet,
	section.content div.bloctab2 div.projet,
	section.content div.bloctab3 div.projet {
		font-size: 30px;
	}
	section.sous-cat div.wrapper > a,
	section.services div.wrapper > a {
		width: 50%;
	}
	section p.bigtext {
		padding: 50px 20px 0;
	}
	section p.smalltext {
		padding: 15px 20px 50px;
	}
}
@media screen and (max-width: 720px) {
	div.menu nav.menu ul.menu {
		max-width: 400px;
	}
	/* BLOC-TRI */
	section div.wrapper-tri div.bloc-tri {
		width: 100%;
		float: none;
		margin-bottom: 30px;
		padding-bottom: 20px;
		border-bottom: solid 1px #d7d7d7;
	}
	section div.wrapper-tri div.bloc-tri p {
		font-size: 22px;
	}
	/* BLOC-TRI END */
	section.equipe div.membre {
		width: 100%;
		padding: 50px 0 0 0;
	}
	section.equipe div.membre div.wrapper div.image img {
		height: 200px;
	}
	/* PROJETS */
	section.projets  div.projet-wrapper {
		width: 50%;
	}
	/* PROJETS END */
	section.footer {
		padding-bottom: 20px;
	}
	section.footer  div.col1 {
		float: none;
		padding: 30px 0 0 50px;
	}
	section.footer  div.col2 {
		float: none;
		padding: 20px 0 0 65px;
	}
	section.footer div.left {
		float: left;
	}
}
@media screen and (max-width: 640px) {
	section.content div.service div.wrapper{
		width: 400px;
	}
	section.avis div.wrap {
		padding: 0;
	}
	section.avis div.avis {
		display: block;
		width: 100%;
	}
	section.avis div.avis div.comm {
		float: none;
		clear: both;
		width: 80%;
		height: auto;
		margin: auto;
	}
	section.avis div.avis div.comm span {
		bottom: -22px;
		right: 10px;
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
	section.avis div.avis div.client {
		float: none;
		padding-left: 10%;
	}
}
@media all and (max-width: 600px) {
	section.content div.bloctab1 div.projet,
	section.content div.bloctab2 div.projet,
	section.content div.bloctab3 div.projet {
		font-size: 20px;
	}
}
@media screen and (max-width: 540px) {
	section.crea  a.left {
		width: 50%;
		background-image: none;
	}
	section.crea  a.right {
		width: 50%;
	}
	section.crea  a.right span.text{
		display: block;
		position: absolute;
	}
	/* TAB */
	section.content div.shadetab {
		background-image: none;
		padding: 0;
	}
	section.content ul.ultab {
		width: 100%;
	}
	section.content div.service img {
		width: 80%;
	}
	/* PROJETS */
	section.projets  div.projet-wrapper {
		width: 100%;
	}
	/* PROJETS END */
	section.sous-cat div.wrapper > a,
	section.services div.wrapper > a {
		width: 100%;
	}
	section.sous-cat {
		padding: 30px 0 0;
	}
	/* CONTACT */
	section.contact form#formID {
		width: 420px;
	}
	section.contact form#formID input {
		width: 408px;
	}
	section.contact form#formID div.fal {
		width: 202px;
	}
	section.contact form#formID div.far {
		width: 202px;
	}
	section.contact form#formID div.fal input,
	section.contact form#formID div.far input {
		width: 190px;
	}
	section.contact form#formID div.far input.envoyer {
		width: 202px;
	}
	section.contact form#formID textarea {
		width: 408px;
	}
	/* CONTACT END */
	section.footer div.left {
		float: none;
	}
	section.footer div.wrap div.col1 {
		padding: 15px 0 0 0;
	}
	section.footer div.wrap div.col1 img {
		margin: auto;
		display: block;
	}
	section.footer div.wrap div.col2 {
		padding: 16px 0 0 0;
		width: 150px;
		margin: auto;
	}
	section.footer div.wrap div.col3 {
		float: none;
		width: 80%;
		padding: 20px 0 0 0;
		margin: auto;
	}
}
@media screen and (max-width: 480px) {
	h1, h2.titreh1 {
		font-size: 30px;
	}
	section.crea  a.left {
		font-size: 27px;
		line-height: 24px;
	}
	section.crea  a.left img {
		right: 78px;
	}
	section.crea  a.right {
		font-size: 27px;
		line-height: 24px;
	}
	div.menu nav.menu ul.menu {
		max-width: 300px;
	}
	section.content ul.ultab {
		font-size: 15px;
	}
	section.content div.service div.wrapper {
		width: 300px;
		text-align: justify;
	}
	section.content div.bloctab1 div.projet a,
	section.content div.bloctab2 div.projet a,
	section.content div.bloctab3 div.projet a {
		width: 80%;
		padding: 0 10px;
		font-size: 20px;
	}
	/* CONTACT */
	section.contact form#formID {
		width: 300px;
	}
	section.contact form#formID input {
		width: 288px;
	}
	section.contact form#formID div.fal {
		width: auto;
		float: none;
	}
	section.contact form#formID div.far {
		width: auto;
		float: none;
	}
	section.contact form#formID div.fal input,
	section.contact form#formID div.far input {
		width: 288px;
	}
	section.contact form#formID div.far input.envoyer {
		width: 300px;
	}
	section.contact form#formID textarea {
		width: 288px;
	}
	/* CONTACT END */
	section.footer div.wrap div.col2 {
		padding: 16px 0 0 0;
	}
	section.footer div.col3 a.etic {
		margin-right: 5px;
	}
}
@media screen and (max-width: 320px) {
	h1, h2.titreh1 {
		font-size: 30px;
	}
	section.crea  a.left {
		font-size: 24px;
		line-height: 22px;
	}
	section.crea  a.left img {
		right: 63px;
	}
	section.crea  a.right {
		font-size: 24px;
		line-height: 22px;
	}
	section.content ul.ultab {
		font-size: 13px;
	}
	section.content div.service div.wrapper {
		width: 90%;
		margin: auto;
	}
	section.content div.bloctab1 div.projet a,
	section.content div.bloctab2 div.projet a,
	section.content div.bloctab3 div.projet a {
		font-size: 17px;
	}
	section.footer div.wrap div.col2 {
		padding: 16px 0 0 0;
	}
}