@font-face {
		font-family: 'ctwicons';
		src:  url('/css/fonts/ctwicons.eot');
		src:  url('/css/fonts/ctwicons.eot#iefix') format('embedded-opentype'),
		url('/css/fonts/ctwicons.ttf') format('truetype'),
		url('/css/fonts/ctwicons.woff') format('woff'),
		url('/css/fonts/ctwicons.svg#ctwicons') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	[class^="icon-"], [class*=" icon-"] {
		/* use !important to prevent issues with browser extensions that change fonts */
		font-family: 'ctwicons' !important;
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		display:inline-block;

		/* Better Font Rendering =========== */
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	.icon-twitter:before {  content: "\e900";}
	.icon-space:before {  content: "\e901";}
	.icon-point:before {  content: "\e902";}
	.icon-mouse:before {  content: "\e903";}
	.icon-menu:before {  content: "\e904";}
	.icon-long-arrow:before {  content: "\e905";}
	.icon-logo-p:before {  content: "\e906";}
	.icon-logo-c:before {  content: "\e907";}
	.icon-linkedin:before {  content: "\e908";}
	.icon-instagram:before {  content: "\e909";}
	.icon-ico-marketing:before {  content: "\e90a";}
	.icon-ico-formation:before {  content: "\e90b";}
	.icon-ico-developpement:before {  content: "\e90c";}
	.icon-ico-agence:before {  content: "\e90d";}
	.icon-google-plus:before {  content: "\e90e";}
	.icon-facebook:before {  content: "\e90f";}
	.icon-close:before {  content: "\e910";}
	.icon-chevrons:before {  content: "\e911";}
	.icon-chevron:before {  content: "\e912";}
	.icon-arrow:before {  content: "\e913";}

	.icon-rotate-45 {
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.5);
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.icon-rotate-90 {
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	.icon-rotate-180 {
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	.icon-rotate-270 {
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
		-webkit-transform: rotate(270deg);
		-ms-transform: rotate(270deg);
		transform: rotate(270deg);
	}
	.icon-flip-horizontal {
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
		-webkit-transform: scale(-1, 1);
		-ms-transform: scale(-1, 1);
		transform: scale(-1, 1);
	}
	.icon-flip-vertical {
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
		-webkit-transform: scale(1, -1);
		-ms-transform: scale(1, -1);
		transform: scale(1, -1);
	}
	:root .icon-rotate-45,
	:root .icon-rotate-90,
	:root .icon-rotate-180,
	:root .icon-rotate-270,
	:root .icon-flip-horizontal,
	:root .icon-flip-vertical {
		filter: none;
	}
	@font-face {
		font-family: 'quicksandbold';
		src: url('/css/fonts/quicksand-bold.eot');
		src: url('/css/fonts/quicksand-bold.eot?#iefix') format('embedded-opentype'),
			url('/css/fonts/quicksand-bold.ttf') format('truetype'),
			url('/css/fonts/quicksand-bold.woff2') format('woff2'),
			url('/css/fonts/quicksand-bold.woff') format('woff'),
			url('/css/fonts/quicksand-bold.svg#quicksandbold') format('svg');
		font-weight: 700;
		font-style: normal;
	}
	@font-face {
		font-family: 'quicksandlight';
		src: url('/css/fonts/quicksand-light.eot');
		src: url('/css/fonts/quicksand-light.eot?#iefix') format('embedded-opentype'),
			url('/css/fonts/quicksand-light.ttf') format('truetype'),
			url('/css/fonts/quicksand-light.woff2') format('woff2'),
			url('/css/fonts/quicksand-light.woff') format('woff'),
			url('/css/fonts/quicksand-light.svg#quicksandlight') format('svg');
		font-weight: 100;
		font-style: normal;
	}
	.ctrlweb-spin {
		-webkit-animation: ctrlweb-spin 2s infinite linear;
		-moz-animation: ctrlweb-spin 2s infinite linear;
		-o-animation: ctrlweb-spin 2s infinite linear;
		animation: ctrlweb-spin 2s infinite linear;
	}
	@-webkit-keyframes ctrlweb-spin {
		0% {
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		}
		100% {
			-webkit-transform: rotate(359deg);
			transform: rotate(359deg);
		}
	}
	@-moz-keyframes ctrlweb-spin {
		0% {
			-moz-transform: rotate(0deg);
			transform: rotate(0deg);
		}
		100% {
			-moz-transform: rotate(359deg);
			transform: rotate(359deg);
		}
	}
	@-o-keyframes ctrlweb-spin {
		0% {
			-o-transform: rotate(0deg);
			transform: rotate(0deg);
		}
		100% {
			-o-transform: rotate(359deg);
			transform: rotate(359deg);
		}
	}
	@keyframes ctrlweb-spin {
		0% {
			transform: rotate(0deg);
		}
		100% {
			transform: rotate(359deg);
		}
	}
		
	body,html,#site {margin:0;padding:0;width:100%;height:100%}
	#site {overflow:hidden}
	body {font-family:'quicksandlight';font-size:15px;font-weight:700}
	strong{font-family:'quicksandbold';}
	a {font-family:'quicksandbold';text-decoration:none}
	div {display:block;box-sizing: border-box;margin:0;padding:0}
	#logo {position:fixed;top:0;left:70px;width:168px;height:96px;z-index:101}
	#logo img{width:100%;height:100%;cursor:pointer}
	#logo a{display:block;width:168px;height:96px;}
	#scroller{position:fixed;width:100%;vertical-align:middle;bottom:0;z-index:81;height:80px;background-color:#fff;text-align:center;line-height:80px}
	#see-more {font-size:32px;vertical-align:middle;}
	#left,#right {position:fixed;top:0;width:70px;height:100%;min-height:456px;z-index:80}
	#left {left:0}
	#right {right:0}
	#left span.open,#left span.close,#right span.social {width:24px;display:block;position:absolute}
	#left span.open,#left span.close {left:22px;top:calc(50% - 12px);height:24px;z-index:99}
	#left span.close {display:none}
	#right span.social {right:22px;top:calc(50% - 78px);height:156px}
	#masthead {position:fixed;height:96px;top:0;z-index:80;background-color:#fff}
	#masthead i {color:#808080;margin-left:10px;visibility:hidden}
	#masthead li a {text-decoration:none;color:#000}
	#masthead a:hover,#masthead li span:hover,.social span:hover,#foot em:hover,#cpy span:hover {color:#808080}
	#masthead li {cursor:pointer}
	#masthead li span {display:inline-block;margin:0 0 0 5px;font-family:'quicksandbold';}
	#masthead > div > div > ul {position:fixed;top:0;right:70px;margin:42px 0 0;padding:0;text-transform: uppercase;font-size:100%;z-index:100;text-align:right;width: calc(100% - 312px);}
	#masthead > div > div > ul > li {list-style:none;display:inline-block;margin:0;padding:0}
	#masthead > div > div > ul > li.ok,#masthead > div > div > ul > li.ok a {color:#00f}
	#masthead > div > div > ul > li.active,#masthead > ul > li.active a {color:#00f}
	#masthead > div > div > ul > li.ok > i {visibility:visible;color:#00f}
	#masthead > div > div > ul > li  ul {text-transform:initial;display:none;width:100%;position:absolute;margin:0;padding:10px 0;text-align:right;left:0}
	#masthead > div > div > ul > li  ul.ok {display:block}
	#masthead > div > div > ul > li  ul > li {list-style:none;display:inline-block;margin:0;padding:0;color:#00f}
	#masthead > div > div > ul > li  ul > li.ok i {visibility:visible;color:#00f}
	#masthead > div > div > ul > li  ul > li a {color:#00f}
	#banner {position:fixed;top:0;left:0;width:100%;background-color: #fff;height:97px;z-index:9;border-bottom:solid 1px #ccc}
	#burger {height: calc(100% - 97px);position:fixed;top:96px;bottom:0;left:calc( -50% - 32px);width:calc(50% + 32px);background:white;z-index:90;border-right:solid 1px #ccc}
	#burger .inside {background:white;position: relative;padding: 0px 0 0 220px;height: calc(100% - 60px);min-height: 320px;}
	#burger-content {background: white;height: calc(100% - 96px);position: relative;}
	#contact {width: 360px;padding: 20px;border: solid 1px #000;top: 47%;position: absolute;}
	#contact span {font-size:125%;padding-left:30px}
	#contact i {font-size:24px}
	#contact a, #contact span:last-child {cursor:pointer;font-size:180%;padding-left:30px;font-family:'quicksandbold';text-transform: uppercase;text-decoration:underline}
	#burger .inside > ul {margin:0;padding:0;text-transform: uppercase;font-size:100%;background:white}
	#burger .inside > ul > li {list-style:none;display:block;margin:0;padding:15px 0}
	#burger .inside > ul > li {list-style:none;display:block;margin:0 !important;padding:15px 0}
	#burger .inside > ul > li > span {margin:0;}
	#burger .inside li.active > span, #burger .inside li.active > span a  {color:#00f;}
	#burger .inside .address {background:white;position:absolute;bottom:0px;font-family:'quicksandlight';}
	#burger .icon-chevron {display:none}
	#content {position:fixed;top:96px;left:70px;right:70px;bottom:70px;z-index:8}
	.wrap {width:calc(100% - 140px);margin-left:70px}
	.btn-ico{cursor:pointer;font-size:24px;width:24px;height:24px;display:block;position:fixed;}
	.btn-ico:hover{color:#808080}
	.social-ico {cursor:pointer;margin:12px 0;font-size:24px;width:24px;height:24px;display:block;}
	.social a {color:#000}
	.social a:hover {color:#808080}
	#screen {background-color: #0060fe;color: #fff;display: block;position: absolute;left: 0;right: 0;bottom: 0;top: 0;min-height:562px;z-index:9;}
	#is404 {background-color: #0060fe;color: #fff;display: block;z-index:9;}
	#is404 span {display:block;padding:5% 15px;text-align:center;font-size:100px}
	#is404 span:last-child {font-size:24px}
	#screen a{color:#fff}
	#centralweb {position:absolute;bottom:96px;}
	.photo {padding-top:85px}
	.photo img {width:100%}
	#head {	background-color: #0060fe;color: #fff;display: table;font-size: 120%;line-height: 140%;padding: 50px 100px 100px 100px;position: relative;width: 100%;position:relative;}
	#head h1 {font-family:'quicksandbold';font-size:200%;line-height:100%}
	#head .row {display:table-row}
	#head .left {display:table-cell;width:60%;vertical-align:middle;text-align:left}
	#head .right {display:table-cell;width:40%;vertical-align:middle;text-align:center}
	#head i {font-size: 1000%;}
	#foot {background-color:#fff;color:#000;padding:50px 150px;width:100%;box-sizing:border-box;display:table}
	#foot .table {display:table !important;width:100%}
	#foot .row {display:table-row !important}
	#foot .cell {display:table-cell !important;width:25%;vertical-align:top;text-align:left}
	#foot .cell span {display:block}
	#foot .cell span:first-child {font-family:'quicksandbold';text-transform: uppercase;margin-bottom:25px}
	#foot .cell span:last-child {font-family:'quicksandlight';margin-top:5px;line-height:160%}
	#foot .cell i {border:solid 1px #000;border-radius:50%;padding:15%;cursor: pointer;font-size: 24px;cursor:pointer}		
	#foot div.cell{padding-top:10px;}
	#foot a {color:#000}
	#foot a:hover {color:#808080}
	#foot .cell a:hover i {border-color:#808080}
	#foot .cell i:hover {border-color:#808080;color:#808080}
	#foot em {cursor:pointer;font-style:normal}
	#cpy {margin:0 150px 50px 150px;border-top:solid 1px #000;padding-top:50px;color:#777;text-align:center;font-family:'quicksandlight';font-size:75%;}
	#cpy span {cursor:pointer;font-family:'quicksandbold';}
	#art_head {background-color: #0060fe;color: #fff;padding: 50px 100px 0 100px;position: relative;width: 100%}
	#fil,#ariane {color:#fff;font-family:'quicksandbold';font-size:120%;margin:0 0 40px 0}
	#ariane {margin:0}
	#fil span,#ariane span {line-height:180%;vertical-align:middle;margin:0 20px;cursor:pointer}
	#fil span a,#ariane span a {color:#fff}
	#fil i,#ariane i {font-size:180%;line-height:180%;vertical-align:middle}
	#fil span i,#ariane span i {margin-left:20px}
	#art_top {background-color: #fff;color:#000;font-size:120%;padding: 50px 100px 0 100px;position: relative;width:100%;overflow:hidden}
	#art_top h1 {font-family:'quicksandbold';font-size:200%;color:#00f}
	#art_content {background-color: #ebebeb;padding: 0 100px;position: relative;width: 100%}
	#art_page {background-color: #fff;padding: 75px 100px;position: relative;width: 100%;overflow:hidden}
	#art_top p,#art_page p {margin:25px 0}
	#art_foot {display:table;background-color: #0060fe;color: #fff;padding: 50px 100px;position: relative;width: 100%}
	#art_bottom {display:table-row;color:#fff;font-family:'quicksandbold';font-size:120%;margin:50px 0}
	#art_bottom .art_left a,#art_bottom .art_right a {color:#fff}
	#art_bottom .art_left {display:table-cell;text-align:left;width:50%}
	#art_bottom .art_right {display:table-cell;text-align:right;width:50%}
	#art_bottom span {display:block}
	#art_bottom .art_right span:first-child i,#art_bottom .art_left span:first-child i{font-size:120% !important}
	#art_bottom .art_right span:last-child i,#art_bottom .art_left span:first-child i{font-size:80% !important}
	#art_bottom .art_right span:first-child,#art_bottom .art_left span:first-child {font-family:'quicksandlight';font-size:80%}
	#art_bottom .art_right span:last-child,#art_bottom .art_left span:last-child {font-size:120%;margin-top:5px}
	#art_bottom div.art_list{padding:10px 0}
	#art_bottom a {color:#fff}
	.pair,.impair {font-size: 120%;line-height: 140%;padding: 0;position: relative;width: 100%;position:relative;background-color:#ebebeb;display:table;}
	.pair {background-color:#fff}
	.line {display:table-row}
	.cocon .line {display:flex}
	.line img {height:100%}
	.line h2 {font-family:'quicksandbold';font-size:120%;color:#00f}
	.line p,.line ul {font-family:'quicksandlight';font-size:85%;line-height:140%}
	.col35,.col4,.col5,.col6,.col65 {display:table-cell;vertical-align:middle;position:relative}
	.col35 {width:35%}
	.col100 {width:100%}
	.col4 {width:40%}
	.col5, .col-half {width:50%}
	.col5.left {order:1;margin:auto}
	.col5.right {order:2;margin:auto}
	.col35.left,.col65.left {order:1;}
	.col35.right,.col65.right {order:2;}
	.col5.left img {float:left;height:auto;width:calc(100% - 100px)}
	.col5.right img {float:right;height:auto;width:100%}
	.col5.left h2,.col5.left p,.col5.left ul,.col5.left .next {margin-right:50px;margin-left:100px}
	.col5.right h2,.col5.right p,.col5.right ul,.col5.right .next {margin-right:100px;margin-left:0}
	.col6 {width:60%}
	.col6 p {padding:0 50px 0 70px}
	.col6 .next {padding:0 50px 0 70px}
	.col65 {width:65%}
	.col10, .col-full {width:100%}
	.col35:last-child img,.col4:last-child img {float:right}
	.col6:first-child .box, .col35 .box {display:table;color:#fff;background-color:#0060fe;width:calc(100% - 50px);padding:0 0 0 70px}
	.col35 .box {display:block;width:100%;height:100%;padding:0 50px 0 50px}
	.col35 .box h2 {color:#fff;margin:0;padding:20px 0}
	.line .col65 h2,.line .col65 p,.line .col65 ul,.line .col65 .next {margin-right:100px;margin-left:100px}
	.line .next {display:block;margin:25px 0;height:auto;font-size:90%;color:#00f;cursor:pointer}
	.line .next i {font-size:80%}
	.col100 h2,.col100 p,.col100 ul,.col100 .next {margin-right:100px;margin-left:100px}
	.col4 p{margin-right:70px}
	.imgL {margin:100px 0 50px 0 !important;float:left !important;height:100% !important;width:auto !important}
	.legend {background-color:#00f;color:#fff;position:absolute;bottom:25%;width:calc(50% - 80px); padding:40px;right:25%;font-family:'quicksandlight';font-size:125%;line-height:150%}
	.col6 .box div {display:table-row}
	.col6 .box span {display:table-cell;width:50%;padding:40px 0}
	.col35 .box div {display:block}
	.col35 .box span {display:block;width:100%;padding:20px 0 0 0}
	.box a,.box em {color:#fff;line-height:300%;font-size:90%;border-bottom:solid 1px #55f}
	.box em {font-style:normal;cursor:pointer}
	.col35 .box em {line-height: 100%;}
	.col-quart {float:left;width:25%}
	.col-half {float:left}
	.col-full input, .col-full textarea {width:100%;font-size:125%}
	.col-half input {width:80%;font-size:125%}
	.col-full input[type=submit] {font-size:150%;width:auto;cursor:pointer}
	.col-full input[type=radio] {width:auto}
	.text-center {text-align:center}
	.form-group {margin:0 !important;font-size:125%}
	/*.impair .line .col5:first-child,.pair .line .col5:last-child {float:left}
	.pair .line .col5:first-child,.impair .line .col5:last-child{float:right}*/
	#map {width:100%;height:450px}
	#spinner {position:relative;width:100%;height:100%}
	#anim {color: #fff;font-family: 'quicksandregular';font-size: 32px;line-height: 32px;font-weight: 100;top: calc(50% - 16px);text-align: center;letter-spacing: 5px;opacity: 0;position: absolute;width: 100%;}		
	#anim h1 {font-size: 32px;line-height: 32px;font-weight: 100;;margin:0;padding:0}
	#anim span {font-family:'quicksandbold';font-weight:700}
	#anim-c,#anim-p {font-size:150px;position:absolute;top:calc(50% - 75px);left:calc(50% - 75px)}
	#anim-p {left:calc(50% - 75px)}
	#list{background-color:#ebebeb;padding-top:100px}
	#list .line h2 {font-size:280% !important;line-height:100%;padding:0 50px 0 70px}
	#list i {display:inline-block;font-size:400%;margin-left:calc(50% - 36px);color:#00f}
	#list .line img {width: 100%;height:auto}
	#list .impair {margin-top:100px}
	#list .impair:first-child {margin-top:0}
	#list .next {cursor:pointer;color:#00f}
	#list .next i {font-size:100% !important;display:inline !important;margin:0 !important}
	.mark {position:absolute;top:-196px}
	.bloc {display:block;clear:both;}
	section.realise {padding-bottom:25px;border-top:dotted 1px #ccc}
	section.realise figure {float:right}
	section.realise .next {font-size:125%;color:#00f;cursor:pointer}
	.mosaic div {width:20%;display:inline-block;text-align:center}
	.mosaic div img {border:solid 1px #ccc;margin:5px}
	#more {text-align:center;display:none}
	#more span {color:#fff;cursor:pointer}
	#more-post {font-size:32px !important}
	.form-error {display:block;color:red}
	.row  {clear:both}
	
	@media screen and (max-width: 1023px) {
		#screen {min-height:320px}
		#burger {width:100%;left:-100%;z-index:0;position:relative}
		#contact {margin:20px 0 20px 70px;position:relative}
		#burger .inside {padding:0;height:auto;min-height:0;padding-bottom:20px}
		#burger .inside ul {border-bottom:1px solid #ccc}
		#burger .inside .address {position: relative;margin:20px 0 0 70px}
		#logo {position:absolute}
		#masthead {position:absolute;}
		#masthead .icon-chevron {color:#ccc;padding:0 20px;float:right;border-left:solid 1px #ccc;font-size:38px;display:block;visibility:visible}
		#masthead .icon-point {display: none !important}
		#masthead > div > div > ul {width:100%}
		#masthead ul {background:white;margin:0 !important;padding:0 !important;position:relative !important;right:0 !important;margin:0;text-align:left !important}
		#masthead li {padding:0 0 0 70px !important;text-transform: uppercase;display: block !important;}
		#masthead > div > div > ul > li  ul > li {color:#000}
		#masthead li:not(.active) > span > a,#masthead li:not(.active) > span {color:#000  !important}
		#masthead li.active > span > a,#masthead li.active > span {color:#00f !important}
		#masthead a:hover,#masthead li span:hover {color:#808080  !important}
		#masthead li span {margin:10px 0 !important;cursor:pointer}
		#banner {z-index:100;position: fixed;top: 0;left: 0;width: 100%;background: #fff;height: 97px;border-bottom:1px solid #ccc}
		#left {left: calc(100% - 96px);height: 96px;min-height: 96px;}
		#right {display:none}
		#content {left:0;right:0}
		.wrap {width: 100%;margin:0}
		#art_top {padding: 25px 50px;}
		#art_top h1 {font-size:150%}
		#art_head {padding: 25px 0 0 0;}
		#art_content {padding:  0}
		#art_page {padding:  50px;}
		#art_foot {padding:  50px;}
		.mosaic div {width:25%}
		#foot {padding: 50px 50px;}
		#cpy {margin: 0 50px 50px 50px;}
		section.realise div {clear:both}
		.line .col65 h2,.line .col65 p,.line .col65 ul,.line .col65 .next {margin-right:50px;margin-left:50px}
		#head {padding:50px;display:block}
		#head .row {display:block}
		#head .left,#head .right {display:block;width:100%}
		.col5 {width:100%;display:block;float:none}
		.col5.left h2, .col5.left p, .col5.left ul, .col5.left .next {margin-right: 50px;margin-left: 50px;}
		.col5.right h2, .col5.right p, .col5.right ul, .col5.right .next {margin-right: 50px;margin-left: 50px;}
		.col5:first-child img {float: none;width:100%}
		
	}
	@media screen and (min-width: 800px) and (max-width: 1279px) {
		#list .line h2 {font-size: 230% !important;padding:0 0 0 50px;}
		#list .impair {margin-top:50px}
		.col6 .next {padding:0 50px}
		.col6,.col4 {width:50%}
		.col6 p {padding: 0 50px}
		.col6:first-child .box {display:block;padding: 0 0 0 50px}
		.col6:first-child .box div {display:block}
		.col6:first-child .box div span {display:block;width: 100%;padding: 0;}
		.line .next {display:block;margin:25px 0;height:auto;font-size:90%;color:#00f;cursor:pointer}
		.col100 h2,.col100 p,.col100 ul,.col100 .next {margin-right:50px;margin-left:50px}
		#head {padding:50px;display:block}
	}
	@media screen and (min-width: 1024px) and (max-width: 1279px) {
		#masthead,#banner {height:66px}
		#masthead > div > div > ul {font-size:70%;margin:29px 0 0;width: calc(100% - 260px)}
		#masthead > div > div > ul > li ul {padding:6px 0}
		#logo {width:113px;height:65px}
		#logo a{width:113px;height:65px;}
		#content,#burger {top:65px}
		#burger {height: calc(100% - 66px)}
		#burger .inside {padding-left:192px}
		#contact {width: 300px}
		#contact span {font-size: 110%;padding-left: 20px}
		#contact a {font-size: 160%;padding-left: 20px}
		#left,#right {min-height:405px}
		.mosaic div {width:33%}
		#foot {padding: 50px 100px;}
		#cpy {margin: 0 100px 50px 100px;}
		section.realise div {clear:both}
		.col5.left h2,.col5.left p,.col5.left ul,.col5.left .next {margin-right:25px;margin-left:50px}
		.col5.right h2,.col5.right p,.col5.right ul,.col5.right .next {margin-right:50px;margin-left:0}
		.line .col65 h2, .line .col65 p, .line .col65 ul, .line .col65 .next {margin-right: 50px;margin-left: 50px;}
	}
	@media screen and (min-width: 1280px) and (max-width: 1365px) {
		#masthead,#banner {height:93px}
		#masthead > div > div > ul {font-size:90%;margin:41px 0 0;width: calc(100% - 308px);}
		#masthead > div > div > ul > li ul {padding:8px 0}
		#logo {width:162px;height:92px}
		#logo a{width:162px;height:92px;}
		#content,#burger {top:92px}
		#burger {height: calc(100% - 93px)}
		#left,#right {min-height:452px}
		.mosaic div {width:25%}
		#foot {padding: 50px 100px;}
		#cpy {margin: 0 100px 50px 100px;}
	}
	@media screen and (max-width: 799px) {
		#art_top {padding: 25px;}
		#art_head {padding: 25px 0 0 0;}
		#art_content {padding:  0}
		#art_page {padding:  25px;}
		#art_foot {padding:  25px;}
		.mosaic div {width:33%}
		#foot {display:block}
		#foot .row, #foot .table {display:block !important}
		#foot .cell {width:50%;display:block;float:left}
		#foot .table .cell {width:25%;display:block;float:left}
		#foot .cell:nth-child(3) {clear:both}
		#foot .table .cell:nth-child(3) {clear:none}
		#cpy {clear:both;border-color:#fff}
		#list .line h2 {font-size: 230% !important;padding:0;text-align:center}
		#list .impair {margin-top:50px}
		.col6 .next {padding:0 50px}
		.col6,.col4 {width:100%;display:block}
		.col6 p {padding: 0 50px}
		.col4 p {padding: 0 50px;margin-right:0}
		.col6:first-child .box {display:table;padding:0 50px;width:100%}
		.col6:first-child .box div {display:table-row}
		.col6:first-child .box div span {display:table-cell;width: 50%;padding: 0;}
		.cocon .line {display:block}
		.col5,.col65,.col35 {width:100%}
		.col65,.col35 {display:block}
		.col35 .box span:last-child {padding-bottom:30px}
		.col100 h2,.col100 p,.col100 ul,.col100 .next {margin-right:50px;margin-left:50px}
		#scroller {display:none !important}
	}
	@media screen and (max-width: 639px) {
		.realise figure {float:none !important}
		.realise img {width:100%}
		#contact {margin: 20px 10px;width:auto}
		#contact span {font-size: 100%;padding-left: 30px;}
		#contact a, #contact span:last-child {font-size: 140%;padding-left: 30px;}
		.col-half {width:100%}
		#list .line h2 {font-size: 180% !important}
		#list .impair {margin-top:20px}
		.col6 .next {padding:0 25px}
		.col6,.col4 {width:100%}
		.col6 p {padding: 0 20px}
		.col4 p {padding: 0 20px}
		.col6:first-child .box {display:block;padding:0 20px}
		.col6:first-child .box div {display:block}
		.col6:first-child .box div span {display:block;width: 100%;padding: 0;}
		#head {padding:25px}
		.line .col65 h2,.line .col65 p,.line .col65 ul,.line .col65 .next {margin-right:25px;margin-left:25px}
		.col5.left h2, .col5.left p, .col5.left ul, .col5.left .next {margin-right: 25px;margin-left: 25px;}
		.col5.right h2, .col5.right p, .col5.right ul, .col5.right .next {margin-right: 25px;margin-left: 25px;}
		.col35 .box {padding: 0 25px 0 25px;}	
		.col100 h2,.col100 p,.col100 ul,.col100 .next {margin-right:25px;margin-left:25px}
	}
	@media screen and (max-width: 539px) {
		.mosaic div {width:50%}
	}
	@media screen and (max-width: 479px) {
		#foot .cell {width:100%;}
		#foot .table .cell {width:25%;}
		#cpy {clear:both;border-color:#fff}
	}