/* (c) Eric Reboux Software 2015 */

@import url('nav.css');
@import url('article.css');
@import url('softwareList.css');
@import url('footer.css');

@font-face
{
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 400;
	src: local('Raleway'), url('../fontes/Raleway.woff') format('woff');
}

@font-face
{
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 600;
	src: local('Raleway SemiBold'), local('Raleway-SemiBold'), url('../fontes/Raleway-SemiBold.woff') format('woff');
}

@font-face
{
	font-family: 'blog';
	font-style: normal;
	font-weight: normal;
	src: local('blog'), url('../fontes/blog.woff') format('woff');
}

.blogCheck:before { content: '\e805'; }
.blogCheckEmpty:before { content: '\e806'; }
.blogRadio:before { content: '\e807'; }
.blogRadioEmpty:before { content: '\e809'; }
.blogApple:before { content: '\e808'; }
.blogAppStore:before { content: '\e80A'; }
.blogItunes:before { content: '\e80B'; }
.blogInfos:before { content: '\e80C'; }
.blogIos:before { content: '\e80D'; }
.blogContact:before { content: '\e80E'; }
.blogEdit:before { content: '\e80F'; }

[class^="blog"]:before, [class*=" blog"]:before
{
	display: inline-block;
	line-height: 1em;
	margin-right: 4px;
	font-variant: normal;
	font-family: "blog";
	font-style: normal;
	font-weight: normal;
	text-align: center;
	text-decoration: inherit;
	text-transform: none;
	speak: none;
}

html
{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: black;
	background: url('../images/fonds/blanc.png') no-repeat center center fixed;
	background-size: cover;
}

html.pageLoaded
{
	-webkit-transition: 1.5s;
	-moz-transition: 1.5s;
	transition: 1.5s;
	background: url('../images/fonds/actu.jpg') no-repeat center center fixed;
	background-size: cover;
}

img.bg
{
	display: none;
}

@media screen and (min-device-width: 768px) and (max-device-width: 1024px)
{
	html
	{
		background: none;
	}

	html.pageLoaded
	{
		background: none;
	}

	img.bg
	{
		display: inherit;
		min-height: 100%;
		min-width: 1024px;

		width: 100%;
		height: auto;

		position: fixed;
		top: 0;
		left: 0;
		z-index: -1;
	}
}

body
{
	margin: 0 auto;
}

img
{
	border: none;
}

b
{
	font-weight: 600;
}

input, textarea, select, button
{
	-webkit-font-smoothing: subpixel-antialiased;
}

article a, footer a
{
	background-size: 16px 16px;
	background-position: right 1px;
	font-weight: 400;
	color: #006ffa;
	text-decoration: none;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
	cursor: pointer;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.no-touch article not(.softwareList) a:hover
{
	padding-right: 16px;
	background: url("../images/divers/link.png") no-repeat;
	background-size: 16px 16px;
	background-position: right 1px;
	color: #50a0ff;
	text-decoration: none;
}

.no-touch footer a:hover
{
	color: #50a0ff;
	text-decoration: none;
}

/* media queries */

@media screen and (max-width:960px)
{
	article
	{
		margin: 0px 0px 32px 0px;
	}

	section#submenu
	{
		position: relative;
		top: 0px;
		width: 800px;
		margin-top: 104px;
		background: rgba(255, 255, 255, 0.85);
		border-radius: 0px;
	}

	section#submenu h3
	{
		position: initial;
		margin: 20px 0px 0px 0px;
		padding: 2px 0px 2px 8px;
		width: inherit;
		font-weight: 300;
		font-size: 14px;
		text-transform: uppercase;
		color: white;
		background: linear-gradient(to right, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
		-webkit-transform-origin: 0 0;
		-ms-transform-origin: 0 0;
		transform-origin: 0 0;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		-webkit-font-smoothing: subpixel-antialiased;
		display: inline-block;
	}

	section#submenu ul.softwareList
	{
		width: auto;
		margin: 16px 8px 16px 8px;
	}
}

@media screen and (max-width:920px)
{
	nav #title
	{
		width: 120px;
	}

	nav #title span
	{
		display: none;
	}
}

@media screen and (max-width:840px)
{
	article, section#submenu
	{
		clear: both;
		width: 100%;
	}

	article.actu
	{
		width: 100%;
	}

	.iposteSlide .bx-wrapper, .freeboxfaxSlide .bx-wrapper
	{
		background-position: bottom right;
	}

	.freeboxfaxiphoneSlide .bx-wrapper
	{
		background-position: 50% 100%;
	}

	.iposteSlide .bx-viewport, .freeboxfaxSlide .bx-viewport, .freeboxfaxiphoneSlide .bx-viewport
	{
		height: 450px;
	}

	.bxslider.iposteSlide li, .bxslider.freeboxfaxSlide li, .bxslider.freeboxfaxiphoneSlide li
	{
		height: 450px;
	}

	.bxslider.iposteSlide li img, .bxslider.freeboxfaxSlide li img
	{
		width: auto;
		margin: 107px 0px 0px 0px;
	}

	.bxslider.freeboxfaxiphoneSlide li img
	{
		width: 500px;
		margin: 106px auto 0 auto;
	}

	.bxslider.iposteSlide li.simplicite img, .bxslider.freeboxfaxSlide li.simplicite img
	{
		float: none;
		width: auto;
		margin: 107px auto 0px auto;
	}

	.bxslider.freeboxfaxiphoneSlide li.simplicite img
	{
		float: none;
	}

	.bxslider.iposteSlide li p, .bxslider.freeboxfaxSlide li p, .bxslider.freeboxfaxiphoneSlide li p
	{
		width: 95%;
		top: 0px;
		left: 0px;
	}
}

@media screen and (max-width:690px)
{
	#menu
	{
		display: none;
	}

	#menuMobile
	{
		display: block;
	}

	nav #title
	{
		display: block;
		width: 344px;
	}

	nav ul
	{
		float: right;
	}

	nav #title span
	{
		display: block;
	}

	article .titleBox
	{
		width: inherit;
	}

	article .titleBox img
	{
		display: block;
		margin: 0 auto;
	}

	article .titleBox .text
	{
		display: block;
		margin: 0 auto;
		min-height: 180px;
	}

	article .titleBox h1, article .titleBox .text p
	{
		text-align: center;
	}

	article .titleBox .text .infoButton
	{
		margin-right: 12%;
	}

	article .titleBox .text .infoButton.freeboxFax
	{
		margin-right: 20%;
	}

	article .titleBox .text .infoButton.app
	{
		margin-right: 20%;
	}
}

@media screen and (max-width:550px)
{
	article div.bx-controls-direction
	{
		display: none;
	}
}

@media screen and (max-width:510px)
{
	.freeboxfaxiphoneSlide .bx-wrapper
	{
		background-size: 320px;
		height: 350px;
	}

	.bxslider.freeboxfaxiphoneSlide li.simplicite img
	{
		width: 320px;
		margin-top: 130px;
	}
}

@media screen and (max-width:470px)
{
	nav #title
	{
		display: block;
		width: 110px;
	}

	nav #title span
	{
		display: none;
	}
}

@media screen and (max-width:375px)
{
	.freeboxfaxiphoneSlide .bx-wrapper
	{
		background-size: 320px;
		height: 370px;
	}

	.bxslider.freeboxfaxiphoneSlide li.simplicite img
	{
		width: 320px;
		margin-top: 150px;
	}
}

@media screen and (max-width:320px)
{
	footer #popup-content
	{
		font-size: 10px;
	}

	footer .close
	{
		right: 4px;
		top: 4px;
	}

	article .titleBox .text
	{
		width: 320px;
	}

	article .titleBox .text .infoButton
	{
		margin-right: 7%;
	}

	.freeboxfaxiphoneSlide .bx-viewport
	{
		height: 390px;
	}

	.bxslider.freeboxfaxiphoneSlide li
	{
		height: 390px;
	}

	.bxslider.freeboxfaxiphoneSlide li img
	{
		margin-top: 171px;
	}

	.contactSlide .errorForm
	{
		font-size: 14px;
	}
}