html, body, div, span, applet, object,
iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;}

body {
	line-height: 1;
	font-family: 'Maven Pro', sans-serif;
}

body {
	-webkit-text-size-adjust: none;
}

	html {
		box-sizing: border-box;
	}

	*, *:before, *:after {
		box-sizing: inherit;
	}

	body {
		background: #fff;
	}

		body.is-preload *, body.is-preload *:before, body.is-preload *:after {
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
		}

	body, input, select, textarea, li {
		color: #222222;
		font-family: 'MavenPro', Helvetica, sans-serif;
		font-size: 16pt;
		font-weight: 100;
		line-height: 1.65em;
	}

	a {
		-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		border-bottom: dotted 1px #666;
		color: inherit;
		text-decoration: none;
		font-family: 'MavenPro', Helvetica, sans-serif;
	}

	strong, b {
		color: #222;
		font-weight: 800;
	}

	p {
		margin: 0 0 2em 0;
		text-align:justify;
	}

	h1, h2, h3, h4, h5, h6 {
		color: #555;
		line-height: 1em;
		margin: 0 0 0.5em 0;
		font-weight:600;
		font-family: 'Cabin', sans-serif;
	}

		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
			color: inherit;
			text-decoration: none;
		}

	h1 {
		font-size: 2.5em;
		line-height: 1.35em;
		margin: 0 0 0.8em 0;
	}

	h2 {
		font-size: 1.7em;
		line-height: 1.35em;
		margin: 0 0 0.8em 0;
	}

	h3 {
		font-size: 1.35em;
		line-height: 1em;
	}

	h4 {
		font-size: 1.25em;
		line-height: 1.5em;
	}

	h5 {
		font-size: 0.9em;
		line-height: 1.5em;
	}

	h6 {
		font-size: 0.7em;
		line-height: 1.5em;
	}

	sub {
		font-size: 0.8em;
		position: relative;
		top: 0.5em;
	}

	sup {
		font-size: 0.8em;
		position: relative;
		top: -0.5em;
	}

	hr {
		border: 0;
		border-bottom: solid 1px #dddddd;
		margin: 2em 0;
	}

/* Container */

	.container {
		margin: 0 auto;
		max-width: calc(100% - 5em);
		width: 55em;
	}

		.container.xsmall {
			width: 15em;
		}

		.container.small {
			width: 30em;
		}

		.container.medium {
			width: 45em;
		}

		.container.large {
			width: 75em;
		}

		.container.xlarge {
			width: 90em;
		}

		.container.max {
			width: 100%;
		}

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

			.container {
				max-width: 100% !important;
				width: 100% !important;
			}

		}

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

			.container {
				max-width: calc(100% - 3em);
			}

		}

/* Row */

	.row {
		display: flex;
		flex-wrap: wrap;
		box-sizing: border-box;
		align-items: stretch;
	}

		.row > * {
			box-sizing: border-box;
		}

		.row > .col-2 {
			width: 16.6666666667%;
			margin-right: 3.33333%;
		}

		.row > .col-3 {
			width: 25%;
		}

		.row > .col-4 {
			width: 33.3333333333%;
		}

		.row > .col-6 {
			width: 50%;
		}

		.row.gtr-50 {
			margin-top: 0;
			margin-left: -1em;
		}

			.row.gtr-50 > * {
				padding: 0 0 0 1em;
			}

			.row.gtr-50.gtr-uniform {
				margin-top: -1em;
			}

				.row.gtr-50.gtr-uniform > * {
					padding-top: 1em;
				}

		.row {
			margin-top: 0;
			margin-left: -2em;
		}

			.row > * {
				padding: 0 0 0 2em;
			}

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

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-50 {
					margin-top: 0;
					margin-left: -1em;
				}

					.row.gtr-50 > * {
						padding: 0 0 0 1em;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -1em;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 1em;
						}

				.row {
					margin-top: 0;
					margin-left: -2em;
				}

					.row > * {
						padding: 0 0 0 2em;
					}

					.row.gtr-uniform {
						margin-top: -2em;
					}

						.row.gtr-uniform > * {
							padding-top: 2em;
						}

		}

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

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row {
					margin-top: 0;
					margin-left: -2em;
				}

					.row > * {
						padding: 0 0 0 2em;
					}

					.row.gtr-uniform {
						margin-top: -2em;
					}

						.row.gtr-uniform > * {
							padding-top: 2em;
						}

		}

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

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}


				.row > .col-12-medium {
					width: 50%;
				}

				.row > .off-12-medium {
					margin-left: 100%;
				}


				.row.gtr-50 {
					margin-top: 0;
					margin-left: -1em;
				}

					.row.gtr-50 > * {
						padding: 0 0 0 1em;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -1em;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 1em;
						}

				.row {
					margin-top: 0;
					margin-left: -2em;
				}

					.row > * {
						padding: 0 0 0 2em;
					}

					.row.gtr-uniform {
						margin-top: -2em;
					}

						.row.gtr-uniform > * {
							padding-top: 2em;
						}

		}

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

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row > .col-12-medium {
					width: 100%;
				}

				.row.gtr-50 {
					margin-top: 0;
					margin-left: -1em;
				}

					.row.gtr-50 > * {
						padding: 0 0 0 1em;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -1em;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 1em;
						}

				.row {
					margin-top: 0;
					margin-left: -2em;
				}

					.row > * {
						padding: 0 0 0 2em;
					}

					.row.gtr-uniform {
						margin-top: -2em;
					}

						.row.gtr-uniform > * {
							padding-top: 2em;
						}


		}

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

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}
				.row.gtr-50 {
					margin-top: 0;
					margin-left: -1em;
				}

					.row.gtr-50 > * {
						padding: 0 0 0 1em;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -1em;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 1em;
						}

				.row {
					margin-top: 0;
					margin-left: -2em;
				}

					.row > * {
						padding: 0 0 0 2em;
					}

					.row.gtr-uniform {
						margin-top: -2em;
					}

						.row.gtr-uniform > * {
							padding-top: 2em;
						}
		}

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

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}
				.row.gtr-50 {
					margin-top: 0;
					margin-left: -1em;
				}

					.row.gtr-50 > * {
						padding: 0 0 0 1em;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -1em;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 1em;
						}

				.row {
					margin-top: 0;
					margin-left: -2em;
				}

					.row > * {
						padding: 0 0 0 2em;
					}

					.row.gtr-uniform {
						margin-top: -2em;
					}

						.row.gtr-uniform > * {
							padding-top: 2em;
						}

		}
/* Main */

	.main {
		padding: 2em 0 2em 0 ;
	}

		.main.style1 {
			background: #fff;
		}

		.main.style2 {
			background-color: #F5ECE1;
		}

			.main.style2 a {
				border-bottom-color: rgba(255, 255, 255, 0.5);
			}

				.main.style2 a:hover {
					color: #ffffff;
				}
			.slider-baseline{text-align:center; color:#A7C520; font-size:1.6em; font-weight:700;}

/* Header */

	#header {
		padding: 1.5em 0 0 0 ;
		color: rgba(255, 255, 255, 0.75);
		position: relative;
		text-align: center;
		vertical-align: bottom;
	}

		#header a:hover {
			border-bottom-color: rgba(255, 255, 255, 0.5);
		}

			#header a:hover {
				color: #rgba(255, 255, 255, 0.5);
			}

		#header h1, #header h2, #header h3, #header h4, #header h5, #header h6, #header strong, #header b {
			color: #ffffff;
		}

		#header header p {
			color: #ffffff;
		}
		#header h1 {
			margin: 0;
		}

		#header p {
			margin: 0 0 0.8em 0;
			text-transform:uppercase;
		}

		#header .inner {
			-moz-transition: -moz-transform 1.5s ease, opacity 2s ease;
			-webkit-transition: -webkit-transform 1.5s ease, opacity 2s ease;
			-ms-transition: -ms-transform 1.5s ease, opacity 2s ease;
			transition: transform 1.5s ease, opacity 2s ease;
			-moz-transition-delay: 0.25s;
			-webkit-transition-delay: 0.25s;
			-ms-transition-delay: 0.25s;
			transition-delay: 0.25s;
			-moz-transform: scale(1);
			-webkit-transform: scale(1);
			-ms-transform: scale(1);
			transform: scale(1);
			opacity: 1;
			position: relative;
			z-index: 1;
		}

			#header .inner .actions {
				
			}

	body.is-preload #header .inner {
		-moz-transform: scale(1.05);
		-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
		transform: scale(1.05);
		opacity: 0;
	}

		body.is-preload #header .inner .actions {
			-moz-transform: translateY(30em);
			-webkit-transform: translateY(30em);
			-ms-transform: translateY(30em);
			transform: translateY(30em);
			opacity: 0;
		}
	
/* ----------------------- Header EDB --------------------------------- */
#header #header-logo {display:block; width:16em; margin:0 auto;}
#logo-menu {clear:both; width:55em; max-width:calc(100% - 4em); margin: 0 auto;}
.clear-both{width:100%; clear: both; display:block;}
#header #header-menu {display:block; float: right; width:70%; margin-top:25px;}
#header #header-menu .menu-link a{
	text-transform:uppercase; 
	color:#fff; 
	font-size:0.8em; 
	border-bottom:none; 
	display:inline-block;
	padding:10px;
	-moz-transition: -moz-transform 0.5s all ease-in-out;
	-webkit-transition: -webkit-transition 0.5s all ease-in-out;
	-ms-transition: -ms-transition 0.5s all ease-in-out;
	transition: 0.5s all ease-in-out;
    will-change: transform;
}

#header #header-menu .menu-link a:before {
  border-top: 0.1rem solid white;
  border-bottom: 0.1rem solid white;
  display: block;
  position: absolute;
  background: transparent;
  content: "";
  top: 0;
  bottom: 0;
  left: 100%;
  right: 100%;
  transition: 0.48s all ease-in-out;
  -moz-transition: -moz-transform 0.48s all ease-in-out;
  -webkit-transition: -webkit-transform 0.48s all ease-in-out;
  -ms-transition: -ms-transform 0.48s all ease-in-out;
}
#header #header-menu .menu-link a:hover {
  letter-spacing: 0.1rem;
}
#header #header-menu .menu-link a:hover:before {
  left: 0%;
  right: 0%;
}
#img-header{
	width:100%;
    overflow: hidden;
}
#img-header img{
	width:100%;
	display:block;
}
.btn-anim-1{
	-moz-transition: -moz-transform 0.3s ease-in-out;
	-webkit-transition: -webkit-transform 0.3s ease-in-out;
	-ms-transition: -ms-transform 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	transition-delay: 0.35s; 
	overflow:hidden;
	display:inline-block;
    background-color: #0099B7;
    border-radius: 100px;
    border: 0;
    cursor: pointer;
    font-size: 1.15em;
    font-weight: 600;
    height: 2.2em;
    letter-spacing: 0.03em;
    line-height: 2.2em;
    padding: 0 2em 0;
    text-align: center;
    text-decoration: none;
    text-indent: 0.125em;
    white-space: nowrap;
    will-change: transform;
}
.btn-anim-1:before {
    content: "";
    display: block;
    position: absolute;
    background: #fff;
    width: 200%;
    height: 500%;
    border-radius: 100%;
    transition: 0.7s cubic-bezier(0.68, 0.06, 1, 1.21);
	-moz-transition: -moz-transform 0.7s cubic-bezier(0.68, 0.06, 1, 1.21);
	-webkit-transition: -webkit-transform 0.7s cubic-bezier(0.68, 0.06, 1, 1.21);
	-ms-transition: -ms-transform 0.7s cubic-bezier(0.68, 0.06, 1, 1.21);
}
.btn-content{
    color: #fff;
    position: relative;
    top: 0;
    height: 100%;
    width: 100%;
    display: inline;
    height: auto;
}
#header .btn-content{
    font-size: 1.7rem;
}
.btn-anim-1:before{transform: translate(-100%,-100%) translateZ(0);}
.btn-anim-1:hover:before{transform: translate(-45%,-34%) translateZ(0);}
.div-btn{ 
	margin-top:2em; 
	-moz-transition: -moz-transform 1.25s ease, opacity 2s ease;
	-webkit-transition: -webkit-transform 1.25s ease, opacity 2s ease;
	-ms-transition: -ms-transform 1.25s ease, opacity 2s ease;
	transition: transform 1.25s ease, opacity 2s ease;
	-moz-transition-delay: 1s;
	-webkit-transition-delay: 1s;
	-ms-transition-delay: 1s;
	transition-delay: 1s;
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}
body.is-preload #header .div-btn {
		-moz-transform: scale(1.05);
		-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
		transform: scale(1.05);
		opacity: 0;
	}

		body.is-preload #header .div-btn {
			-moz-transform: translateY(3em);
			-webkit-transform: translateY(3em);
			-ms-transform: translateY(3em);
			transform: translateY(3em);
			opacity: 0;
		}
#img-header{
	background-size:contain;
	background-repeat: no-repeat;
	background-position: bottom center;
}


/* ---------------------------------------- EDB contenu ------------------- */ 
#three p {    
	text-align: left;
    font-size: 0.8em;
    line-height: 1.3em;
	color:#222;
	margin-bottom:0.6em;
}

#three .img-bloc-contact {float:right; width:50px;}
#three h4 {color:#0099B7;
    font-size: 1em;
    line-height: 1.3em;}
section#three .row > * {padding-left:0;}
			
section#three .row {margin-left:0;}
.img-center{display:block; text-align:center;}
.txt-just{
	margin: 0 0 0.5em 0;
    text-align: justify;
    line-height: 1.4em;
}
#one img{width:100%}
.logo-marque {
	width:100%;
    padding: 1em 1em 1em 1em;
    min-height: 200px;
    margin-bottom: 1em;
    text-align: center;
}
#two h3{text-align:center; font-size: 1.15em;}
#two.content-page p{margin-bottom:0.6em;}
#two.content-page div.content_img_box {width:40%; display:block; float:right; padding-left:5%;}
#two.content-page h4{margin-top:1.5em;}
#two.content-page ul li{margin-left:3em;}
#lineaires{background-color:#004884;}
#process-alimentaire{background-color:#156997;}
#rayon-boissons{background-color:#57AA27;}
#circuits-bio{background-color:#55746c;}
#plm{background-color:#096f4b;}
#porcmag{background-color:#0095b2;}
#filieres-avicoles{background-color:#e46768;}

#footer .row.gtr-50 .col-6{padding-left:4em;}

h1{text-transform:uppercase;font-weight:600;}
h2,h3,h4,h5,h6{color:#142D55;}
#footer{background-color:#142D55;}
.sec-color{color:#0099B7;}
#header{background-color: #142D55;padding-bottom: 2em;}
#footer a:hover {color: #0099B7;}
.btn-anim-1:hover .btn-content {color:#0099B7;
    transition: 0.3s ease-in-out;
    transition-delay: 0.3s;}

div.contact-elo {
	width:100%; 
	border-radius:1em;
}
section#three .row div.contact-bloc {border-right:1px solid #dddddd; padding: 0 2em 0 0;}
section#three .row div.contact-bloc-last{border-right:none; padding: 0 0 0 2em ;}

/* ---------------------------------------- fin modifs ------------------- */ 
/* Footer */

	#footer {
		padding: 2em 0 2em 0 ;
		background-color: #142D55;
		text-align: left;
		font-family: 'MavenPro', Helvetica, sans-serif;
	}

		#footer a {
			color: #ffffff;
			border-bottom-color: transparent;
			font-size:1em;
			line-height:30px;
			letter-spacing:1px;
			font-family: 'MavenPro', Helvetica, sans-serif;
		}

			#footer a:hover {
				border-bottom-color: rgba(255, 255, 255, 0.5);
			}

		#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer strong, #footer b {
			color: #ffffff;
		}

		#footer p {
			color: #ffffff;
			font-size:0.8em;
			letter-spacing:1px;
			line-height:30px;
			margin-bottom:0;
		}
		#footer .social-network a {
			max-width: 25px;
			display: block;
			height: 20px;
		}
		#footer .social-rs {
			display: inline-block;
			float: left;
			clear:both;
			width:100%;
			margin-bottom:1.2em;
		}	
		#footer .social-rs .social-network-picto{
			max-width: 25px;
			height: 20px;
			margin-right: 25px;
		}	
		#footer p #footer-ttl{
			font-family: 'MavenPro', Helvetica, sans-serif;
			font-weight: 600;
			font-size: 1.1em;
			color:#0099B7;
		}

		#footer header.major:after {
			background: #ffffff;
		}

/* Mentions */

	#mentions {
		padding: 0 ;
		background-color: #000000;
		text-align: left;
		font-family: 'MavenPro', Helvetica, sans-serif;
	}
		#mentions .mentions-item {
			float:right; 
			display:block;
			padding:10px 0;
		}
		
		#mentions p {
			margin: 0px;
			font-size:0.7em;
			font-style:italic;
			padding:0 2em;
			line-height: 1.7em;
			margin-block-start: 0;
			margin-block-end: 0;
		}
		
		#mentions a {
			color: #888888;
		}
		
/* XLarge */

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

		/* Basic */

			body, input, select, textarea {
				font-size: 14pt;
			}

		/* Header */

			#header {
				padding: 1.5em 0 0 0 ;
			}

	}

/* Large */

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

		/* Basic */

			body, input, select, textarea {
				font-size: 13pt;
			}

			h1 br, h2 br, h3 br, h4 br, h5 br, h6 br {
				display: none;
			}

		/* List */

			ul.major-icons li {
				padding: 2em;
			}

				ul.major-icons li .icon {
					height: 8em;
					line-height: 8em;
					width: 8em;
				}

		/* Main */

			.main {
				padding: 4em 0 2em 0 ;
			}

				.main.style2 {
					background-attachment: scroll;
				}

		/* Header */

			#header {
				padding: 1em 0 0 0 ;
			}

				#header br {
					display: inline;
				}
				
			#img-header img {
				width: 120%;
				position: relative;
				left: -10%;
			}

		/* Footer */

			#footer {
				padding: 4em 0 4em 0 ;
			}

	}

/* Medium */

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

		/* List */

			ul.major-icons li {
				padding: 2em;
			}

				ul.major-icons li .icon {
					height: 7em;
					line-height: 7em;
					width: 7em;
				}

		/* Main */

			.main {
				padding: 3em;
			}
			
			.hide-mob{display:none !important;}
			.mob-center {margin:0 auto;}
			#three .mob-center {margin: 1em auto;}
			#three li {width:60%;}
			#three li a {width:100%; height:2em; line-height:2em; font-size:2em;}

		/* Header */

			#header {
				padding: 2em 0;
			}
			#header #header-logo{margin:0 auto; float:initial;}

		/* Footer */

			#footer {
				padding: 5em 3em 5em 3em ;
			}
			
			#footer-EDB .mob-center {width:auto;}

		/* One */

			#three {
				text-align: left;
			}
			#header .btn-content {
				font-size: 1.3rem;
			}

		/* Two */
			
			#two.content-page div.content_img_box {width:100%; display:block;}
			#two.content-page div.content_img_box img{max-height: 400px;}

			#one {
				/*text-align: center;
			}
			#two ul li {
				text-align: left;
			}*/
			
			

	}

/* Small */

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

		/* Basic */

			body, input, select, textarea {
				font-size: 12pt;
			}

			h1 {
				font-size: 2em;
			}

			h2 {
				font-size: 2em;
			}

			h3 {
				font-size: 1.8em;
			}
			#three .temoi-col h3 {font-size: 2em;}

			h4 {
				font-size: 1.4em;
			}
			#one h4 {
				font-size: 1.4em;
			}
			#three .temoi-col h4 {font-size: 1.6em;}
			p.txt-just, #one p, #two p, #three p, #two li{font-size:1.2em; line-height:1.3em;}
		/* List */

			ul.major-icons li {
				padding: 1.5em;
			}

				ul.major-icons li .icon {
					height: 5em;
					line-height: 5em;
					width: 5em;
				}

					ul.major-icons li .icon:before {
						font-size: 42px;
					}
		/* Main */

			.main {
				padding: 3em 1.5em 1em 1.5em ;
			}

		/* Header */
			
			#img-header img {
				width: 140%;
				position: relative;
				left: -20%;
			}
		/* Footer */

			#footer {
				padding: 3em 1.5em 3em 1.5em ;
			}
			
			
section#three .row div.contact-bloc {border-right:none; padding: 0;}
section#three .row div.contact-bloc-last{padding: 2em 0 0 0; border-top: solid 1px #dddddd; margin-top:2em;}

	}

/* XSmall */

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

		
		/* Main */

			.main {
				padding: 2em 1.5em 0.1em 1.5em ;
			}
			.hide-mob-480{display:none;}
			.button, .btn-anim-1{border-radius: 2px; width:94%;padding: 0 0.5rem;}
			#header .btn-content {font-size: 1rem;}
			h1{font-size:1.7em; padding:0 5%;}
			p.slider-baseline{font-size:1.4em; padding:0 5%;}
			p, li{font-weight:400;}
			h2{font-size:1.8em;}
			h3{font-size:1.2em;}
			#three h4{font-size:1.2em;}
			#three p {margin-bottom:10px;font-size:0.8em; }
			.main {padding: 2em 1.5em}
			
		/* Header */

			#header {
				padding: 1em 0 0 0  ;
			}

				#header br {
					display: none;
				}
			#header div #header-logo img {width : 80%}
			
			#img-header img {
				width: 200%;
				position: relative;
				left: -50%;
			}
			.div-btn{margin-top:1em 0; padding-bottom:1em;}

		/* Footer */

			#footer {
				padding: 2em 1.5em 2em 1.5em ;
			}

				#footer .copyright {
					margin: 1.5em 0 0 0;
				}

					#footer .copyright li {
						border: 0;
						display: block;
						margin: 1em 0 0 0;
						padding: 0;
					}

						#footer .copyright li:first-child {
							margin-top: 0;
						}
	}

/* XXSmall */

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

		/* Basic */

			html, body {
				min-width: 320px;
			}

		/* Main */

			.main {
				padding: 2em 1em 0.1em 1em ;
			}
			h1{font-size:1.2em; padding:0 5%;}
			p.slider-baseline{font-size:1em; padding:0 5%;}
			h2{font-size:1.5em;}
			#five .btn-abo ul li a {font-size: 1em;}
			p.txt-just, #one p, #three p, #four p, #five p{font-size:1.2em; line-height:1.3em;}
			#header .btn-content {font-size: 1em;}
			#header .btn-anim-1 {padding: 0 5%;}
			#logo-menu {margin:0 auto 1em;}

		/* Header */

			#header {
				padding: 1em 0 0 0 ;
			}

			#header div #header-logo img {width : 70%}
		/* Footer */

			#footer {
				padding: 2em 1em 2em 1em ;
			}

	}