/**
 *
 * Public Idees v1.0
 *
 * @name Main CSS
 * @author Ciprian Mocanu @ mbe - web agency - http://mbe.ro
 *
 */

@import 'https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i';

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

* { outline: 0; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: 'Roboto',  Helvetica, Arial; color: #222; }
body { margin: 0; font-size: 12px; line-height: 18px; font-family: 'Roboto',  Helvetica, Arial; background: white; }

::-moz-selection { background: #ec0b43; color: #fff; text-shadow: none; }
::selection { background: #ec0b43; color: #fff; text-shadow: none; }

a { color: #00e; }
a:visited { color:; }
a:hover { color: #06e; }
a:focus { outline: 0; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: 'Roboto', monospace, serif; _font-family: 'Roboto', 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}
.in-width {
	width: 960px;
}
.clear {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	margin: 0;
	padding: 0;
	display: block;
	float: none !important;
}

.clear-margin {
	margin-right: 0;
}

/* Header */

	header {
		text-align: center;
		background: url('../img/login-top.png') no-repeat center top;
	}
	header .in-width {
		margin: 0 auto;
		text-align: left;
	}
	header .in-width h1 {
		margin: 57px 0 0 12px;
		padding: 0;
		float: left;
		width: 300px;
	}
	header .in-width h1 a img,
	header .in-width h1 a {
		display: block;
	}
	header ul.top-menu {
		margin: 0;
		padding: 11px 0;
		list-style: none;

		float: right;
		text-align: right;
		width: 600px;

		color: #231f20;
		font-size: 12px;
		line-height: 14px;
		font-weight: bold;
		text-transform: uppercase;
	}
	header ul.top-menu li {
		display: inline;
		padding: 0 9px;
		margin: 0;
	}
	header ul.top-menu li.has-children {
		padding-right: 18px;
		background: url('../img/pink-arrow-down.png') no-repeat right center;
		cursor: pointer;
	}
	header ul.top-menu li.login {
		display: inline;
		padding-right: 0;
		margin-left: 50px;
	}
	header ul.top-menu li a {
		display: inline;
		text-decoration: none;
		color: #231f20;
	}
	header ul.top-menu li a:hover {
		text-decoration: underline;
	}
	header ul.top-menu li.login a {
		color: white;
	}
	header ul.top-menu li ul {
		display: none;
	}
	header nav {
		color: #231f20;
		float: right;
		width: 625px;
		text-align: right;
		margin: 52px 0 0 0;
	}
	header nav ul {
		font-size: 14px;
		line-height: 14px;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: -1px;

		margin: 0;
		padding: 0;
	}
	header nav ul li {
		display: inline-block;
		padding: 0 0 40px 0;
		margin: 0 18px;
	}
	header nav ul li.separator {
		width: 8px;
		height: 14px;
		background: url('../img/pink-main-menu-separator.png') no-repeat left center;
		display: inline-block;
		margin: 0;
		padding: 0;
		vertical-align: top;
	}
	header nav ul li:first-child {
		margin-left: 0;
	}
	header nav ul li:last-child {
		margin-right: 0;
	}
	header nav ul li.selected {
		background: url('../img/orange-arrow-up.png') no-repeat center bottom;
	}
	header nav ul li a {
		color: #231f20 !important;
		text-decoration: none;
	}
	header nav ul li a:hover {
		/*text-decoration: underline;*/
		color: #808B94 !important;
	}
/* END Header */

/* Submenu */

	.submenu {
		background: #d40b3d;
		text-align: center;
		color: #ffffff;
	}
	.submenu .in-width {
		margin: 0 auto;
		text-align: right;
	}
	.submenu ul {
		font-size: 16px;
		line-height: 16px;
		font-weight: bold;
		letter-spacing: -0.5px;

		margin: 0;
		padding: 0;
	}
	.submenu ul li {
		display: inline-block;
		padding: 20px 0;
		margin: 0 10px;
	}
	.submenu ul li.separator {
		width: 8px;
		height: 8px;
		background: url('../img/white-submenu-separator.png') no-repeat left center;
		display: inline-block;
		margin: 0;
		padding: 0;
		vertical-align: middle;
	}
	.submenu ul li:first-child {
		margin-left: 0;
	}
	.submenu ul li:last-child {
		margin-right: 0;
	}
	.submenu ul li.selected {
		background: url('../img/orange-arrow-up.png') no-repeat center bottom;
	}
	.submenu ul li a {
		color: #ffffff;
		text-decoration: none;
	}
	.submenu ul li a:hover {
		text-decoration: underline;
	}
/* END Submenu */

/* Slider */

	.main-slider {
		background: #ec0b43;
		text-align: center;
		color: #ffffff;
	}
	.main-slider .in-width {
		margin: 0 auto;
		text-align: left;
	}
	.main-slider h3 {
		margin: 0;
		padding: 9px 25px;
	}
/* END Slider */


/* ed-references slider */

  .icon-slider {
	text-align: center;
  }

  .icon-slider ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin: auto;
	padding-top: 40px;
	width: 990px;
	text-align: justify;
  }
  
  .icon-slider ul li a {
	text-decoration: none;
	display: block;
	text-align: center;
	position: relative;
  }
  
  .icon-slider ul li {
	display: block;
	position: relative;
	width: 110px;
	height: 170px;
	float: left;
	text-align: center;
  }
  
  .icon-slider ul li label {
	color: #495966;
	text-decoration: none;
	text-align: center;
	position: absolute;
	bottom: -50px;
	width: 110px;
	display: block;
	/*padding: 0 15px;*/
  }

  .icon-slider ul li:hover,
  .icon-slider ul li.active {
	background: url('../img/arrow-up.png') center 157px no-repeat transparent;
	
  }
  .icon-slider ul li .image {
	background: #495966;
	border-radius: 50%;
	width: 76px;
	height: 76px;
	text-align: center;
	vertical-align: bottom;
	position: absolute;
	bottom: -144px;
	left: 17px;
  }
  
  .icon-slider ul li .image img {
	text-align: center;
	vertical-align: middle;
	margin-top: 5px;
  }
  
  .icon-slider ul li:hover .image,
  .icon-slider ul li.active .image {
	border: 6px solid #8f9ba5;
	background: #2a363f;
	bottom: -150px;
	left: 11px;
  }
  
  .icon-slider .display {
	height: 220px;
	text-align: center;
	position: relative;
	color: #fff;
	padding-top: 40px;
	border-bottom: 3px solid #c7cdd2;
	background: #8f9ba5;
	min-width: 100px;
  }
  
  .icon-slider .display .background-right {
	background: url(../img/icon-slider-right-background.png) right center no-repeat;
  }
  
  .icon-slider .display .content .left h2 {
	font-weight: normal;
	font-size: 24px;
  }
  
  .icon-slider .display h3 {
	font-weight: normal;
	font-size: 14px;
	font-family: 'Roboto', 'Helvetica';
  }
  
  .icon-slider .display .content {
	width: 980px;
	margin: auto;
	text-align: left;
  }
  
  .icon-slider .display .left-background {
	position: absolute;
	left: 0;
  }
  
  .icon-slider .display .right-background {
	position: absolute;
	right: 0;
  }
  
  .icon-slider .display .left {
	float:left;
	width: 350px;
  }
    
  .icon-slider .display .right {
	float: right;
	width: 610px;
  }
  
  .icon-slider .slide-item {
	display: none;
	background: url(../img/icon-slider-left-background.png) no-repeat;
  }
  .icon-slider .slide-item.active {
	display: block;
  }
  
  .icon-slider .display .right .thumbnails {
	background: #fff;
	border-radius: 5px;
	padding: 15px 20px;
  }
  
  .icon-slider .display .right .thumbnails a {
	margin: 10px;
	text-decoration: none;
	display: inline-block;
  } 
/* /icon slider */

/* devenez affilie step1 */

	.devenez-affilie-content>h2 {
		color: #fff;
		font-size: 20px;
		background: #a2aab1;
		font-weight: 900;
		border-radius: 5px;
		margin: 10px 0;
		padding: 17px 20px;
	}

	.devenez-affilie-content .medium-size {
		width: 408px;
	}

	.devenez-affilie-content .small-size {
		width: 168px;
	}

	.devenez-affilie-content .normal-size {
		width: 288px;
	}

	.devenez-affilie-content .long-size {
		width: 590px;
	}

	.devenez-affilie-content form .display-inline {
		float: left;
		margin-right: 17px;
	}

	.devenez-affilie-content form .display-block {
		display: block;
		margin-right: 17px;
	}

	.devenez-affilie-content input {
		border: none;
		border-radius: 3px;
		background: #8f9ba5;
		font-size: 15px;
		padding: 15px 0;
		display: block;
	}

	.devenez-affilie-content .form-container {
	  background: #495966;
	  color: #fff;
	  border-radius: 5px;
	  padding: 0 20px 5px 0;
	  margin-bottom: 25px;
	}

	.devenez-affilie-content .form-container h2 {
	  background: transparent;
	  font-size: 20px;
	  font-weight: 900;
	  margin-bottom: 0;
	  padding-top: 19px;
	}

	.devenez-affilie-content .form-container p {
		padding: 0 30px 0 10px;
	}

	.devenez-affilie-content .form-container h3 {
	   margin: 0 0 15px 0;	
	  font-weight: normal;
	  padding-left: 65px;
	  font-size: 18px;
	}

	.devenez-affilie-content .form-container form {
	  padding-left: 15px;
	}

	.devenez-affilie-content .form-container form label {
	  font-weight: bold;
	  font-size: 14px;
	}

	p.submit-line {
	  display: block;
	  text-align: right;
	}

	.devenez-affilie-content .orange-submit {
	  background: #ec0b43;
	  border:none;
	  border-radius: 5px;
	  box-shadow: -1px 0 5px #2a363f;
	  padding: 7px 15px;
	  color: #fff;
	  text-decoration: none;
	  font-size: 16px;
	  font-weight: 900;
	  margin: 0;
	  display: inline-block;
	  text-align: center;
	  font-family: 'Roboto';
	}

	.orange-submit:hover {
	  color: #fff;
	  text-decoration: underline;
	}
/* /devenez aaffilie step1 */

/* devenez aaffilie step2 */
/* /devenez aaffilie step2 */

/* devenez aaffilie step3 */
/* /devenez aaffilie step3 */

/* devenez aaffilie step4 */
/* /devenez aaffilie step4 */

/* devenez aaffilie step5 */
	.devenez-affilie-content .step-5 .inputs2 {
		display: block;
		margin: 10px 10px 20px 30px;
	}

	.devenez-affilie-content .step-1 .inputs2 {
		padding: 0 0 0 65px;
	}

	.devenez-affilie-content .step-3 .inputs2 {
		margin: 10px 0 0 0;
	}

	.devenez-affilie-content .step-3 .inputs2 input {
		margin: 0;
	}
/* /devenez aaffilie step5 */

/* editeurs-references-dediee */

  a.retour {
	font-family: 'Roboto', 'Helvetica';
	color: #495966;
	font-weight: bold;
	font-size: 16px;
	text-decoration: none;
	margin-bottom: 2px;
	display: block;
  }
  
  a.retour:hover {
	text-decoration: underline;
  }
  
  .block {
	background: #495966;
	display: block;
	color: #fff;
	border-radius: 5px;
	padding: 25px 25px 0 25px;
	font-family: 'Roboto', 'Helvetica';
	margin-bottom: 20px;
  }
  
  .block.grid-1 {
	width: 500px;
	float: left;
	padding-top: 0;
	padding-bottom: 25px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
  }
  
  .block.grid-2 {
	width: 340px;
	float: right;
	padding-top: 0;
	padding-bottom: 25px;
  }
  
  .block h2 {
	font-size: 24px;
  }
  
  .block h3 {
	font-size: 14px;
  }
  
  .line {
	position: relative;
  }
  
  .block p.image {
	margin: 0;
	padding: 10px 10px 0 10px;
	text-align: center;
	background: url(../img/site-preview-shadow.png) no-repeat center; 
  }
  
  .block .left {
	float: left;
	width: 410px;
  }
  .block .right {
	float: right;
	width: 490px;
  }
  
  p.inputs {
	display: block;
	text-align: center;
  }
  
  p.inputs span a {
	color: #fff;
  }
  
  .block .label {
	border-radius: 5px;
	padding: 8px 40px;
	margin-bottom: 5px;
	background: #303d47;
	font-size: 14px;
	font-weight: bold;
  }
  
  .block .label strong {
	font-weight: 900;
  }
  
  .block .label.inline {
	display: inline-block;
	padding: 8px 10px;
	font-weight: 900;	
  }
  
  .block .label.inactive {
	color: #60707d;
  }
  
  .block .label.cart-bg {
	background: url(../img/icons/cart-bg.png) no-repeat 5px center #303d47;
	
  }
  .block .label.magnet-bg {
	background: url(../img/icons/magnet-bg.png) no-repeat 5px center #303d47;
  }
  .block .label.mail-bg {
	background: url(../img/icons/mail-bg.png) no-repeat 5px center #303d47;
  }
  
  .orange-button {
	background: #ec0b43;
	border-radius: 5px;
	box-shadow: -1px 0 5px #2a363f;
	padding: 10px 30px;
	color: #fff;
	text-decoration: none;
	font-size: 20px;
	margin: 15px auto;
	display: inline-block;
	font-family: 'Roboto';
  }
  
  .orange-button:hover {
	color: #fff;
	text-decoration: underline;
  }
  
/* Main Content */

	.main-content {
		text-align: center;
		color: #231f20;
	}
	.main-content .in-width {
		margin: 0 auto;
		text-align: left;
		padding-top: 40px;
		background: url('../img/orange-light-arrow-down.png') no-repeat 5px top;
	}
	.main-content>.in-width>h1 {
		font-size: 32px;
		line-height: 38px;
		font-weight: bold;
		letter-spacing: -0.5px;
		text-transform: uppercase;

		margin: 0 0 15px 0;
		padding: 0;
	}

	.main-content p.introduction {
		font-size: 17px;
		line-height: 19px;
		color: #808b94;
		margin: 15px 0;
	}

	.main-content p.introduction>a {
		color:#ec0b43;
		text-decoration: none;
	}

	.main-content p.introduction span {
		color: #ec0b43;
	}

	.main-content h2 {
		font-size: 24px;
		font-weight: bold;
		color: #000000;
		display: block;
		padding-top: 18px;
	}

/* quelques-mots 001 */

	/* Articles */
		.quelques-mots-main .articles {}

		.quelques-mots-main .articles article {
			float: left;
			width: 300px;
			margin-right: 18px;
		}

		.quelques-mots-main .img-box {
			height: 150px;
		}

		.quelques-mots-main .articles h1 a {
			font-size: 20px;
			color: #000000;
			font-weight: bold;
			text-decoration: none;
		}

		.quelques-mots-main .articles p {
			font-size: 14px;
			color: #8e8e8e;
			line-height: 22px;
		}

		.quelques-mots-main .articles .more {
			color: #ec0b43;
			text-decoration: none;
			font-size: 14px;
		}

		.quelques-mots-main .articles .more:hover {
			text-decoration: underline;
		}

		.quelques-mots-main .articles .plane {
			padding-top: 10px;
		}

		.quelques-mots-main .articles .plane {
			padding: 47px 0 0 37px;
		}
	/* /Articles */

	/* Bottom slider */
		.quelques-mots-main .bottom-slider {
			margin-bottom: 67px;
			position: relative;
		}

		.quelques-mots-main .bottom-slider h3 {
			font-size: 20px;
			font-weight: bold;
		}

		.quelques-mots-main .bottom-slider .container-bottom-slider {
			width: 925px;
			overflow: hidden;
			white-space: nowrap;
			margin-left: 22px;
		}

		.quelques-mots-main .bottom-slider ul {
			padding: 0px;
			height: 86px;
			display: block;
			width: 3000px;
		}

		.quelques-mots-main .bottom-slider ul li {
			width: 298px;
			height: 66px;
			float: left;
			display: block;
			margin-right: 11px;
			list-style: none;
			background: #495966;
			border-radius: 5px;
			color: #ffffff;
			padding: 20px 0 0 0;
		}

		.quelques-mots-main .bottom-slider ul .last-item {
			margin-right: 0px;
		}

		.quelques-mots-main .bottom-slider ul li .nr {
			font-family: 'Roboto', sans-serif;
			font-size: 60px;
			padding: 0 14px 0 17px;
			display: block;
			float: left;
			line-height: 46px;
		}

		.quelques-mots-main .bottom-slider ul li span small {
			font-size: 30px;
		}

		.quelques-mots-main .bottom-slider ul li .description {
			font-family: 'Roboto', arial, sans-serif;
			font-weight: bold;
			font-size: 16px;
			display: block;
			width: 155px;
			float: right;
			padding-right: 17px;
			white-space: pre-wrap;
		}

		/* Nav links */
		.bottom-slider .nav-left,
		.bottom-slider .nav-right {
			width: 15px;
			height: 23px;
			position: absolute;
		}

		.bottom-slider .nav-left a,
		.bottom-slider .nav-right a {
			display: block;
			width: 15px;
			height: 23px;
			text-indent: -9999px;
		}

		.bottom-slider .nav-left {
			top: 85px;
			left: 0;
		}

		.bottom-slider .nav-right {
			top: 85px;
			right: 0;
		}

		.bottom-slider .nav-left a{
			background: url('../img/nav-left.png') no-repeat;
		}

		.bottom-slider .nav-right a{
			background: url('../img/nav-right.png') no-repeat;
		}


		/* Nav links */
	/* /Bottom slider */
/* /quelques-mots 001 */

/* valeurs 002 */
	.valeurs .valeurs-articles {
		margin-top: 39px;
		margin-bottom: 100px;
	}

	.valeurs .valeurs-articles .container-img {
		height: 158px;
		text-align: center;
	}

	.valeurs .valeurs-articles h1 {
		font-size: 20px;
		padding-bottom: 9px;
	}

	.valeurs .valeurs-articles p {
		font-size: 14px;
		color: #8e8e8e;
		line-height: 24px;
	}

	.valeurs .valeurs-articles article {
		width: 300px;
		float: left;
		margin-right: 30px;
	}

	.valeurs .valeurs-articles .last-item {
		margin-right: 0;
	}
/* valeurs 002 */

/* emploi 004 */
	.emploi .emploi-articles {}

		.emploi .in-width {
			margin: 0 auto;
		}

		.emploi .emploi-blocks .clear-margin {
			margin-right: 0;
		}

		.emploi .emploi-articles h2 {
			margin: 0;
			padding: 10px 0 9px 0;
		}	

		.emploi .emploi-articles h2 a {
			font-size: 20px;
			padding-bottom: 9px;
			color: #000000;
			text-decoration: none;
		}

		.emploi .emploi-articles p {
			font-size: 14px;
			color: #8e8e8e;
			line-height: 22px;
			margin: 14px 0 8px 0;
		}

		.emploi .emploi-articles article {
			width: 290px;
			float: left;
			margin-right: 35px;
		}

		.emploi .emploi-articles .last-item {
			margin-right: 0;
		}

		.emploi .more {
			text-decoration: none;
			color: #ec0b43;
		}

		.emploi .emploi-blocks {
			margin: 54px 0 0 0;
		}

		.emploi .emploi-blocks h3 {
			font-size: 24px;
			font-weight: bold;
		}

		.emploi .emploi-blocks ul {
			margin: 0 0 36px 0;
			padding: 0;
			overflow: hidden;
		}

		.emploi .emploi-blocks ul li {
			width: 469px;
			list-style: none;
			border-radius: 3px;
			line-height: 9px;

			padding: 5px 0 21px 0;
			margin: 0 20px 17px 0;
			float: left;
		}

		.emploi .emploi-blocks .bg-az {
			background: #495966 url('/img/emploi-bg-az.png') no-repeat 16px 19px;
		}

		.emploi .emploi-blocks .bg-light {
			background: #495966 url('/img/emploi-bg-light.png') no-repeat 19px 13px;
		}

		.emploi .emploi-blocks .bg-gear {
			background: #495966 url('/img/emploi-bg-gear.png') no-repeat 19px 13px;
		}

		.emploi .emploi-blocks ul li article {}

		.emploi .emploi-blocks ul li article h1 {
			display: block;
		}

		.emploi .emploi-blocks ul li article h1 a {
			font-size: 16px;
			font-weight: bold;
			text-decoration: none;
			color: #ffffff;
		}

		.emploi .emploi-blocks ul li article h1 a:hover {
			text-decoration: none;
		}


		.emploi .emploi-blocks ul li article a {
			font-family: 'Roboto', arial ,sans-serif;
			font-size: 12px;
			color: #f0e936;
			text-decoration: none;
			font-weight: bold;
			padding-left: 102px;
		}

		.emploi .emploi-blocks ul li article a:hover {
			text-decoration: underline;
		}
/* /emploi 004 */

/* Contactez nous */
	.contactez-nous {
		margin-bottom: 51px;
	}

	.contactez-nous .left-content {
		float: left;
	}

	.contactez-nous .left-content h1 {
		font-size: 32px;
		font-weight: bold;
		color: #231f20;
	}

	/* Contact form */
		.contactez-nous form {
			width: 618px;
			background: #495966;
			color: #ffffff;
			padding: 0 0 20px 12px;
			border-radius: 3px;
		}

		.contactez-nous form p {
			margin-bottom: 5px;
		}

		.contactez-nous form p label {
			display: block;
			font-size: 14px;
			font-weight: bold;
			margin-bottom: 7px;
			padding-left: 5px;
		}

		.contactez-nous form p input {
			background: #8f9ba5;
			border: none;
			font-size: 15px;
			width: 576px;
			color: #ffffff;
			border-radius: 3px;
			display: block;
			padding: 13px 0 13px 19px;
		}

		.contactez-nous form .top p {
			float: left;
			margin-right: 18px;
		}

		.contactez-nous form .small-input {
			width: 269px;
		}

		.contactez-nous form p select {
			/*width: 595px;*/
			background: #8f9ba5;
			border: none;
		}

		.contactez-nous form p textarea {
			width: 576px;
			min-height: 146px;
			max-height: 246px;
			background: #8f9ba5;
			border: none;
			color: #fff;
			font-size: 15px;
			border-radius: 3px;
			padding: 11px 0 15px 19px;
		}


		.contactez-nous .red-submit {
			width: 155px;
			background: #ec0b43;
			border:none;
			border-radius: 5px;
			box-shadow: -1px 0 5px #2a363f;
			padding: 7px 15px;
			color: #fff;
			text-decoration: none;
			font-size: 14px;
			margin: 0;
			display: inline-block;
			text-align: center;
			font-family: 'Roboto';
		}

		.contactez-nous .button-line {
			text-align: center;
		}
	/* /Contact form */

	/* Adresses */
		.contactez-nous .adresses {
			width: 313px;
			float: right;
			color: #8e8e8e;
		}

		.contactez-nous .adresses div {
			margin-bottom: 22px;
		}

		.contactez-nous .adresses h2 {
			font-size: 20px;
			font-weight: bold;
			color: #231f20;
			margin: 30px 0 20px 0;
			padding: 0;
		}

		.contactez-nous .adresses h3 {
			font-size: 14px;
			font-weight: bold;
			text-transform: uppercase;
			margin: 0;
		}

		.contactez-nous .adresses p {
			font-size: 14px;
			line-height: 22px;
			margin: 0;
		}

		.contactez-nous .adresses .small-font {
			font-size: 12px;
		}
	/* /Adresses */
/* /Contactez nous */

/* Equipe */
	.equipe .main-content {
		margin-bottom: 45px;
	}

	.equipe>.main-content>.in-width>h1 {
		margin: 0 0 12px 0;
		padding: 0;
	}

	.equipe h2 {
		font-size: 20px;
		font-weight: bold;
		margin: 0;
		padding: 0;
	}

	.equipe ul {
		margin: 36px 0 0 0;
		padding: 0;
		overflow: hidden;
	}

	.equipe ul li {
		margin: 0;
		padding: 0;
		list-style: none;
		width: 219px;
		float: left;
		margin-right: 28px;
	}

	.equipe ul li article img {
		display: block;
	}

	.equipe ul li article h1 {
		margin: 15px 0 5px 0;
		padding: 0;
	}

	.equipe ul li article h1 a {
		text-decoration: none;
		color: #231f20;
		font-size: 16px;
	}

	.equipe ul li article p {
		font-size: 13px;
		color: #808b94;
		margin: 4px 0 0 0;
		padding: 0;
	}

	.equipe ul li article a {
		font-size: 13px;
		color: #ec0b43;
		text-decoration: none;
	}

	.equipe ul li article a:hover {
		text-decoration: underline;
	}

	.equipe .main-content ul .clear-margin {
		margin-right: 0;
	}
/* /Equipe */

/* Mentions */
	.mentions .main-content h4 {
		font-size: 13px;
		font-weight: bold;
		color: #808b94;
		margin: 0 0 17px 0;
		padding: 0;
	}

	.mentions article h1 {
		font-size: 13px;
		font-weight: bold;
		color: #808b94;
		margin: 0 0 17px 0;
		padding: 0;
		line-height: 18px;
	}

	.mentions article p {
		font-size: 13px;
		color: #808b94;
		margin: 0;
		padding: 0;
		line-height: 18px;
	}
/* /Mentions */

/* Presse */
	.presse {
		padding-bottom: 68px;
	}

	.presse .contact {
		display: block;
		margin: 7px 0 38px 0;
		padding: 0;
	}

	.presse .contact a {
		font-size: 17px;
		color: #ec0b43;
		text-decoration: none;
	}

	.presse .contact a:hover {
		text-decoration: underline;
	}

	.presse .contact span {
		font-size: 17px;
		color: #ec0b43;
	}

	.presse .left-content {
		margin: 0;
		padding: 0;
	}

	.presse .left-content ul {
		margin: 10px 0 0 0;
		padding: 0px;
	}

	/* Left content */
		.presse .left-content {
			overflow: hidden;
			float: left;
			width: 627px;
		}

		.presse .left-content h2 {
			font-size: 20px;
			margin: 0;
			padding: 0;
		}

		.presse .left-content .title h2 {
			font-size: 20px;
			margin: 37px 0 9px 0;
			padding: 0;
		}

		.presse .left-content li {
			width: 627px;
			list-style: none;
			margin: 0;
			padding: 0;
			background: #495966;
			border-radius: 4px;
			margin-bottom: 13px;
			overflow: hidden;
		}

		.presse .left-content li article .box1 {
			font-family: 'Roboto', sans-serif;
			color: #ffffff;
			width: 85px;
			float: left;
			padding: 12px 17px 9px 18px;
		}

		.presse .left-content li article .box1 span {
			font-size: 44px;
			line-height: 45px;
			float: left;
		}

		.presse .left-content li article .box1 small {
			float: right;
			font-size: 18px;
		}

		.presse .left-content li article .box2 {
			width: 400px;
			float: left;
		}

		.presse .left-content li article .box2 h1 {
			margin: 0px;
			padding: 12px 0 0 0;
			line-height: 12px;
		}

		.presse .left-content li article .box2 a {
			font-size: 13px;
			font-family: 'Roboto', arial, sans-serif;
			color: #ffffff;
			text-decoration: none;
		}
		
		.presse .left-content li article .box3 {
			float: right;
			padding: 21px 13px 0 0;
		}

		.presse .left-content li article .box3 a {
			font-size: 12px;
			font-family: 'Roboto', Arial ,sans-serif;
			font-weight: bold;
			color: #f0e936;
			text-decoration: none;
		}

		.presse .left-content li article .box3 a:hover {
			text-decoration: underline;
		}

		/* Pagination */
			.presse .left-content .pagination {
				width: 400px;
				margin: 0 auto;
			}

			.presse .left-content .pagination a {
				font-size: 18px;
				font-family: 'Roboto', sans-serif;
				text-decoration: none;
				color: #ffffff;
				display: block;
				width: 54px;
				text-align: center;
				background: #495966;
				float: left;
				margin-right: 3px;
				line-height: 27px;
				border-radius: 5px;
				font-weight: bold;
			}

			.presse .left-content .pagination b a {
				background: #303d47;
			}

			.presse .left-content .pagination span {
				float: left;
				font-size: 18px;
				line-height: 27px;
				color: #495966;
				padding: 0 5px 0 3px;
				margin: 0;
				font-weight: bold;
			}

			/* Directions */
				.presse .left-content .pagination .pagination-left,
				.presse .left-content .pagination .pagination-right {
					display: block;
					width: 8px;
					height: 14px;
					text-indent: -9999px;
					overflow: hidden;
					margin-top: 6px;
				}

				.presse .left-content .pagination .pagination-left {
					background: url('../img/pagination-left.png') no-repeat;
					margin-right: 9px;
				}

				.presse .left-content .pagination .pagination-right {
					background: url('../img/pagination-right.png') no-repeat;
					margin-left: 5px;
				}
			/* End Directions */
		/* End Pagination */
	/* End Left content */

	/* Right content */
		.right-content {
			width: 306px;
			float: right;
		}

		.right-content .box a:hover {
			text-decoration: underline;
		}

		.right-content h2 {
			padding: 0;
			margin: 0 0 10px 0;
			font-size: 20px;
		}

		.right-content .box {
			background: #495966;
			border-radius: 4px;
			margin: 0;
			padding: 17px 80px 27px 22px;
		}

		.right-content .box h1 {
			font-size: 16px;
			font-weight: bold;
			font-family: 'Roboto', arial, sans-serif;
			color: #ffffff;
			margin: 0 0 7px 0;
			padding: 0;
		}

		.right-content .box p {
			font-size: 12px;
			font-family: 'Roboto', arial, sans-serif;
			color: #ffffff;
			margin: 0 0 5px 0;
			padding: 0;
			line-height: 18px;
		}

		.right-content .box a {
			font-size: 12px;
			font-weight: bold;
			font-family: 'Roboto', arial, sans-serif;
			color: #f0e936;
			text-decoration: none;
			margin: 0;
			padding: 0 0 13px 0;
			display: block;
		}
	/* Right content */
/* /Presse */

/* Contributi */
	.contributi {
		margin-bottom: 32px;
	}

	.contributi .in-width {
		margin: 0 auto;
	}

	/* articles */
		.contributi .articles {
			margin: 0px;
			padding: 0px;
			overflow: hidden;
		}

		.contributi .articles .last-item {
			margin-right: 0;
		}

		.contributi .articles li {
			width: 300px;
			float: left;
			list-style: none;
			margin: 0 30px 0 0;
			padding: 0;
		}

		.contributi .articles li article {}

		.contributi .articles li article span {
			display: block;
			height: 127px;
			margin: 0;
			padding: 0;
		}

		.contributi .articles li article h1 {
			margin: 0;
			padding: 0;
		}

		.contributi .articles li article h1 a {
			font-size: 20px;
			color: #231f20;
			text-decoration: none;
		}

		.contributi .articles li article p {
			font-size: 14px;
			color: #8e8e8e;
			padding: 0;
			margin: 15px 0 0 0;
			line-height: 22px;
		}
	/* articles */

	/* blocks */
		.contributi .blocks {
			margin-top: 58px;
		}

		.contributi .blocks article {
			width: 469px;
			border-radius: 4px;
			padding: 18px 0 0 0;
			min-height: 145px;
		}

		.contributi .blocks .block-left {
			background: #495966 url('../img/contributi-block2.png') no-repeat 24px 40px;
			float: left;
		}

		.contributi .blocks .block-right {
			background: #495966 url('../img/contributi-block1.png') no-repeat  27px 32px;
			float: right;
		}

		.contributi .blocks article h2 {
			margin: 0;
			padding: 0 0 7px 136px;
		}

		.contributi .blocks article h2 a {
			font-size: 16px;
			font-weight: bold;
			color: #ffffff;
			text-decoration: none;
			padding: 0;
		}

		.contributi .blocks article h2 a span {
			display: block;
		}

		.contributi .blocks article p {
			margin: 0;
			padding: 0 0 0 136px;

			font-size: 12px;
			font-family: 'Roboto', arial, sans-serif;
			color: #ffffff;

			line-height: 18px;
		}

		.contributi .blocks article a {
			margin: 0;
			padding: 0 0 0 136px;

			font-size: 12px;
			font-family: 'Roboto', arial, sans-serif;
			color: #f0e936;
			text-decoration: none;
		}
	/* /blocks */

/* /Contributi */

/* /Main Content */

/* Etra Info */
	.extra-info {
		background: #8f9ca5 url(../img/extra-info-left-background.png) no-repeat left;
		padding-top: 30px;
		padding-bottom: 35px;
	}

	.extra-info .extra-info-right-bg {
		background: url(../img/extra-info-right-background.png) no-repeat right ;
	}

	.extra-info .in-width{
		margin: 0 auto;
	}

	.extra-info h2 {
		font-size: 20px;
		color: #ffffff;
	}

	/* Left Block */
		.extra-info .left-block {
			width: 470px;
			float: left;
			background: #495966;
			border-radius: 5px;
			padding: 0 0 100px 0;
		}

		.extra-info .left-block h2 {
			margin: 19px 16px 40px 17px;
		}

		.extra-info ol {
			margin:0;
			list-style: none;
		}

		.extra-info ol li {
			font-family: 'Roboto', arial, sans-serif;
			font-size: 15px;
			font-weight: bold;
			color: #ffffff;
			padding: 0 0 26px 0;
		}

		.extra-info ol li img {
			padding: 0 7px 0 0;
		}
	/* End Left Block */

	/* Right Block */
		.extra-info .right-block {
			width: 470px;
			float: right;
			background: #495966;
			border-radius: 5px;
			padding-bottom: 45px;
		}

		.extra-info .right-block h2 {
			margin-left: 22px;
		}

		.extra-info .right-block p {
			font-size: 14px;
			font-family: 'Roboto', Arial, sans-serif;
			font-weight: bold;
			color: #ffffff;
		}

		.extra-info .right-block a {
			color: #f0e936;
			text-decoration: none;
			font-size: 12px;
			font-family: 'Roboto', Arial, sans-serif;
		}

		.extra-info .right-block a:hover {
			text-decoration: underline;
		}

		.extra-info .right-block p{
			display: block;
		}

		.extra-info .right-block .puzzle{
			padding: 0 25px 3px 80px;
			background: url(../img/puzzle.png) no-repeat 22px 10px;
		}

		.extra-info .right-block .box {
			padding: 0 110px 3px 22px;
			background: url(../img/box.png) no-repeat 375px 0;
		}

		.extra-info .right-block .chart{
			padding: 11px 25px 20px 80px;
			background: url(../img/chart.png) no-repeat 22px 0;
		}

		.extra-info .right-block .alphabet{
			padding: 0 110px 3px 22px;
			background: url(../img/alphabet.png) no-repeat 375px 0;
		}

		html.js body div div.extra-info div.extra-info-right-bg div.in-width div.conclusion a.affillie {
			margin: 0 auto;
			display: block;
			width: 261px;
			padding: 10px 0 0 0;
		}

		html.js body div div.extra-info div.extra-info-right-bg div.in-width div.conclusion small {
			color: #ffffff;
			font-size: 11px;
			margin: 0 0 0 400px;
		}

		html.js body div div.extra-info div.extra-info-right-bg div.in-width div.conclusion small a {
			color: #ffffff;
		}

	/* Right Block */
/* Etra Info */

/* Manufactures */
	.manufactures {
		padding-bottom: 45px;
	}

	.manufactures ul .last-item {
		margin: 0;
	}

	.manufactures .in-width {
		margin: 0 auto;
	}

	.manufactures .in-width h3 {
		margin-left: 29px;
		margin-top: 30px;
		margin-bottom: 22px;
	}
	.manufactures ul {
		margin: 0;
		padding: 0;
		overflow: hidden;
		height: 80px;
		white-space: nowrap;
	}

	.manufactures ul li {
		list-style: none;
		border: 1px solid #dcdddd;
		margin-left: 11px;
		padding: 9px 15px;

		display: inline-block;
		*display: inline;
	}

	.manufactures ul li a img {
		margin: 0 auto;
		vertical-align: middle;
		width: 120px;
		height: 60px;

	}
/* End Manufactures */

/* editeurs plateforme */

	.editeurs-plateforme-main .line {
	  display: block;
	  background: #8f9ba5;
	  color: #fff;
	  font-family: 'Roboto', 'Helvetica';
	  text-align: center;
	  padding-bottom: 40px;
	  border-bottom: 2px solid #dbdee1;
	  margin-top: 35px;
	}

	.editeurs-plateforme-main .center {
	  width: 960px;
	  margin: auto;
	  text-align: left;
	}

	.editeurs-plateforme-main .center .grid-line {
	  margin-bottom: 20px;
	}
	.editeurs-plateforme-main .center h2 {
	   font-size: 20px;
	   margin: 0;
	   padding: 30px 0 15px 0;
	   font-weight: 900;
	 }
	 
	.editeurs-plateforme-main .block.last {
	  margin-right: 0;
	}

	.editeurs-plateforme-main .block.connection-bg {
	  background: url(../img/icons/connection-bg-large.png) no-repeat 15px center #495966; 
	}

	.editeurs-plateforme-main .block.crowd-bg {
	  background: url(../img/icons/crowd-bg-large.png) no-repeat 15px center #495966; 
	}

	.editeurs-plateforme-main .block.files-bg {
	  background: url(../img/icons/files-bg-large.png) no-repeat 15px center #495966; 
	}

	.editeurs-plateforme-main .block.graf-bg {
	  background: url(../img/icons/graf-bg-large.png) no-repeat 15px center #495966; 
	}

	.editeurs-plateforme-main .block {
	  width: 325px;
	  padding: 0 0 25px 145px;
	  float: left;
	  margin: 0 20px 0 0;
	}

	.editeurs-plateforme-main .block p.content a {
	  color: #f0e936;
	  text-decoration: none;
	}

	.editeurs-plateforme-main .block p.content a:hover {
	  text-decoration: underline;  
	}

/* Footer */

	footer {
		background: #495966;
		border-top: 1px solid #aab2b8;
		padding-top: 19px;
	}

	footer .in-width {
		margin: 0 auto;
	}

	/* Top footer */

		footer .in-width .top-footer h2 a {
		  font-family: 'Roboto', 'Helvetica';
		  color: #fff;
		  font-weight: 500;
		  letter-spacing: -1px;
		  text-decoration: none;
		  text-transform: uppercase;
		  font-size: 16px;
		}
		
		footer .in-width .top-footer h2 a:hover {
		  color: #fff;
		}
		
		footer .in-width .top-footer {
			padding-bottom: 43px;
		}

		footer .in-width .top-footer ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}

		footer .in-width .top-footer ul a {
			color: #ffffff;
			text-decoration: none;
			font-size: 12px;
			font-family: 'Roboto', Arial, sans-serif;
		}

		/* Menu columns */
			footer .in-width .top-footer .col1,
			footer .in-width .top-footer .col2,
			footer .in-width .top-footer .col3,
			footer .in-width .top-footer .col4 {
				float: left;
				margin-right: 35px;
			}

			footer .in-width .top-footer .col4 {
				margin: 0;
			}

			footer .in-width .top-footer ul li a:hover {
				text-decoration: underline;
			}
		/* End Menu columns */

		/* Tweets */
			footer .in-width .top-footer .tweets {
				width: 297px;
				float: right;
				font-size: 12px;
				text-align: right;


				background: url('../img/footer-bird.png') no-repeat 4px 140px;
			}
				footer>.in-width>.top-footer>.tweets>a {
					font-size: 16px;
					color: #ffffff;
					text-decoration: none;
					font-family: 'Roboto', 'Roboto Light';
				}

				footer .in-width .top-footer .tweets .tweets-container {
					background: #303d47;
					font-family: 'Roboto',  helvetica, sans-serif;
					font-style: italic;
					text-align: left;
					color: #ffffff;

					width: 214px;
					padding: 18px 16px 34px 18px;
					margin-bottom: 5px;
					border-radius: 5px;

					float: right;
				}

				footer .in-width .top-footer .tweets .tweets-container .tweet1 {
					border-bottom: 2px dotted #687279;
					margin-bottom: 15px;
					padding-bottom: 15px;

				}
		/* Tweets */
	/* Top footer */

	/* Bottom footer */
		footer .bottom-footer {
			padding: 11px 0 11px 0;
			background: #303d47;
		}

		footer .bottom-footer a:hover {
			text-decoration: underline;
		}

		/*asd*/

			.asd {
				float: right;
				width: 420px
			}
		/*asd*/

		/* Menu */
			footer .bottom-footer ul {
				list-style: none;
				margin: 0;
				padding: 0;
				font-size: 11px;

				float: right;
			}

			footer .bottom-footer ul li {
				float: left;
				color: #ffffff;
				margin-right: 7px;
			}

			footer .bottom-footer ul li a {
				color: #ffffff;
				text-decoration: none;
			}
		/* Menu */

		/* Copyright */
			footer .bottom-footer .copyright {
				font-size: 13px;
				font-family: 'Roboto', Arial, sans-serif;
				font-weight: bold;
				color: #ffffff;

				float: right;
				margin: 0 7px 0 0;
			}
		/* Copyright */

		/* Social Media */
			footer .bottom-footer .in-width .social-media {
				float: left;
			}

				footer .bottom-footer .in-width .social-media .facebook {
					margin: 0 12px 0 0;
					width: 38px;
					height: 38px;
					display: inline-block;
				}

				footer .bottom-footer .in-width .social-media .twitter {
					margin: 2px 15px 0 0;
					width: 38px;
					height: 38px;
					display: inline-block;
				}

				footer .bottom-footer .in-width .social-media .in {
					margin: 0 0 0 0;
					width: 38px;
					height: 38px;
					display: inline-block;
				}
				
				footer .bottom-footer .in-width .social-media .pin {
					margin: 0 0 0 10px;
					width: 38px;
					height: 38px;
					display: inline-block;
				}
		/* Social Media */

		/* public */
			footer .bottom-footer .public {
				float: right;
			}
		/* public */

	/* Bottom footer */
/* End Footer */

/* page 03 */

	/* Blocks */
		.blocks {}

		.blocks .in-width {
			margin: 0 auto;
		}

		/* Block1 */
			.blocks .in-width .block {
				width: 469px;
				float: left;

				background: #495966;
				border-radius: 5px;

				padding: 0 0 33px 0;
				margin: 0 10px 17px 0;
			}

			.blocks .in-width .block:hover {
				background: #2A363F;
			}
			
			.blocks .block:last-child {
			  border-right: 0;
			}
			
			.blocks .block.selected {
			  background: #2A363F;
			}
			
			.blocks .block h2 {
				padding: 16px 20px 0 138px;
				color: #ffffff;
				margin: 0;
			}

			.blocks .block h2 a {
				color: #ffffff;
				text-decoration: none;
			}

			.blocks .block p {
				padding: 4px 30px 0 138px;
				color: #ffffff;
				margin: 0;

				background: url('../img/retargeting.png') no-repeat 28px 0;
			}

			.blocks .block .fermer {
				text-decoration: none;
				color: #f0e936;
				margin: 0;
				padding: 0 0 0 138px;

				display: none;
			}

			.blocks .block .decouvrir {
				text-decoration: none;
				color: #f0e936;
				margin: 0;
				padding: 0 0 0 138px;
			}
		/* Block1 */

		/* Block2 */
			.blocks .block2 {
				width: 469px;
				float: right;

				background: #495966;
				border-radius: 5px;

				padding: 0 0 33px 0;
				margin: 0 0 17px 0;
			}

			.blocks .block2 h2 {
				padding: 16px 20px 0 138px;
				color: #ffffff;
				margin: 0;
			}

			.blocks .block2 h2 a {
				color: #ffffff;
				text-decoration: none;
			}

			.blocks .block2 p {
				padding: 4px 30px 0 138px;
				color: #ffffff;
				margin: 0;

				display: block;
				background: url('../img/groupes-de-bannieres.png') no-repeat 15px 0;
			}

			.blocks .block2 .fermer {
				text-decoration: none;
				color: #f0e936;
				margin: 0;
				padding: 0 0 0 138px;

				display: none;
			}

			.blocks .block2 .decouvrir {
				text-decoration: none;
				color: #f0e936;
				margin: 0;
				padding: 0 0 0 138px;
			}
		/* Block2 */

		/* Block3 */
			.blocks .block3 {
				width: 469px;
				float: left;

				background: #495966;
				border-radius: 5px;

				padding: 0 0 33px 0;
				margin: 0 0 17px 0;
			}

			.blocks .block3 h2 {
				padding: 16px 20px 0 138px;
				color: #ffffff;
				margin: 0;
			}

			.blocks .block3 h2 a {
				color: #ffffff;
				text-decoration: none;
			}

			.blocks .block3 p {
				padding: 4px 30px 0 138px;
				color: #ffffff;
				margin: 0;

				display: block;
				background: url('../img/marque-blanche.png') no-repeat 34px 0;
			}

			.blocks .block3 .fermer {
				text-decoration: none;
				color: #f0e936;
				margin: 0;
				padding: 0 0 0 138px;

				display: none;
			}

			.blocks .block3 .decouvrir {
				text-decoration: none;
				color: #f0e936;
				margin: 0;
				padding: 0 0 0 138px;
			}
		/* Block3 */

		/* Block4 */
			.blocks .block4 {
				width: 469px;
				float: right;

				background: #495966;
				border-radius: 5px;

				padding: 0 0 33px 0;
				margin: 0 0 17px 0;
			}

			.blocks .block4 h2 {
				padding: 16px 20px 0 138px;
				color: #ffffff;
				margin: 0;
			}

			.blocks .block4 h2 a {
				color: #ffffff;
				text-decoration: none;
			}

			.blocks .block4 p {
				padding: 4px 30px 0 138px;
				color: #ffffff;
				margin: 0;

				display: block;
				background: url('../img/coregistration.png') no-repeat 39px 0;
			}

			.blocks .block4 .fermer {
				text-decoration: none;
				color: #f0e936;
				margin: 0;
				padding: 0 0 0 138px;

				display: none;
			}

			.blocks .block4 .decouvrir {
				text-decoration: none;
				color: #f0e936;
				margin: 0;
				padding: 0 0 0 138px;
			}
		/* Block4 */

		/* Block5 */
			.blocks .block5 {
				width: 469px;
				float: left;

				background: #495966;
				border-radius: 5px;

				padding: 0 0 33px 0;
				margin: 0 0 17px 0;
			}

			.blocks .block5 h2 {
				padding: 16px 20px 0 138px;
				color: #ffffff;
				margin: 0;
			}

			.blocks .block5 h2 a {
				color: #ffffff;
				text-decoration: none;
			}

			.blocks .block5 p {
				padding: 4px 30px 0 138px;
				color: #ffffff;
				margin: 0;

				display: block;
				background: url('../img/ip-targeting.png') no-repeat 27px;
			}

			.blocks .block5 .fermer {
				text-decoration: none;
				color: #f0e936;
				margin: 0;
				padding: 0 0 0 138px;

				display: none;
			}

			.blocks .block5 .decouvrir {
				text-decoration: none;
				color: #f0e936;
				margin: 0;
				padding: 0 0 0 138px;
			}
		/* Block5 */

		/* Block6 */
			.blocks .block6 {
				width: 469px;
				float: right;

				background: #495966;
				border-radius: 5px;

				padding: 0 0 33px 0;
				margin: 0 0 17px 0;
			}

			.blocks .block6 h2 {
				padding: 16px 20px 0 138px;
				color: #ffffff;
				margin: 0;
			}

			.blocks .block6 h2 a {
				color: #ffffff;
				text-decoration: none;
			}

			.blocks .block6 p {
				padding: 4px 30px 0 138px;
				color: #ffffff;
				margin: 0;

				display: block;
				background: url('../img/ad-factory.png') no-repeat 27px 0;
			}

			.blocks .block6 .fermer {
				text-decoration: none;
				color: #f0e936;
				margin: 0;
				padding: 0 0 0 138px;

				display: none;
			}

			.blocks .block6 .decouvrir {
				text-decoration: none;
				color: #f0e936;
				margin: 0;
				padding: 0 0 0 138px;
			}
		/* Block6 */

		/* Block7 */
			.blocks .block7 {
				width: 469px;
				float: left;

				background: #495966;
				border-radius: 5px;

				padding: 0 0 33px 0;
				margin: 0 0 17px 0;
			}

			.blocks .block7 h2 {
				padding: 16px 20px 0 138px;
				color: #ffffff;
				margin: 0;
			}

			.blocks .block7 h2 a {
				color: #ffffff;
				text-decoration: none;
			}

			.blocks .block7 p {
				padding: 4px 30px 0 138px;
				color: #ffffff;
				margin: 0;

				display: block;
				background: url('../img/api-cashback.png') no-repeat 40px 0;
			}

			.blocks .block7 .fermer {
				text-decoration: none;
				color: #f0e936;
				margin: 0;
				padding: 0 0 0 138px;

				display: none;
			}

			.blocks .block7 .decouvrir {
				text-decoration: none;
				color: #f0e936;
				margin: 0;
				padding: 0 0 0 138px;
			}
		/* Block7 */

		/* Selected */
		 	.blocks .selected {
		 		background: #2a363f;
		 	}

		 	.blocks .selected .decouvrir {
		 		display: none;
		 	}

		 	.blocks .selected .fermer {
		 		display: block;
		 	}
		/* Selected */
	/* End Blocks */

	/* Hover block */
		.blocks .block {
			background: #2a363f;
		}

		.blocks .decouvrir:hover,
		.blocks .fermer:hover {
			text-decoration: underline;
		}
	/* Hover block */

	/* Expanded box */
		.expanded-box-content {
			background: #8f9ca5;
			padding: 22px 0 25px 0;

			background: #8f9ca5 url('../img/bg-left.png') no-repeat 0 55px;

			margin-bottom: 17px;
			
			display: none;
		}

		.expanded-box-content .right-bg {
			background: url('../img/bg-right.png') no-repeat right 20px;
		}

		.expanded-box-content .in-width {
			margin: 0 auto;
		}

		.expanded-box-content .in-width .expanded-box {
			background: #2a363f;
			color: #ffffff;
			font-size: 13px;

			position: relative;

			border-radius: 5px;

			background: #2a363f url('../img/retargeting-big.png') no-repeat 680px 49px;

			padding-bottom: 15px;
			
			display: none;
		}

		.expanded-box-content .in-width .expanded-box h2 {
			font-size: 30px;
			padding: 37px 0 5px 56px;
			margin: 0;
		}

		.expanded-box-content .in-width .expanded-box p {
			padding: 0 338px 0 56px;
		}

		.expanded-box-content .expanded-box .close {
			position: absolute;
			top: 15px;
			right: 14px;

			display: block;
			width: 13px;
			height: 14px;

			overflow: hidden;

			text-indent: -9999px;

			background: url('../img/close.png');
		}

		.expanded-box-content .expanded-box .orange-button {
			background: #ec0b43;
			border-radius: 5px;
			box-shadow: -1px 0 5px #2a363f;
			padding: 10px 30px;
			color: #fff;
			text-decoration: none;
			font-size: 20px;
			font-weight: 900;
			margin: 15px auto;
			display: inline-block;
			text-transform: uppercase;
			margin: 14px 0 0 220px;
	  }

	  .expanded-box-content .expanded-box .contactez {
	  	margin: 0 0 0 200px;
	  }

	  .expanded-box-content .expanded-box .contactez a{
	  	color: #ffffff;
	  }
	/* End Expanded box1 */
/* end page 03 */

/* page 05 ok*/
	/* Departament-departament-blocks */
		.departament-blocks {}

		.departament-blocks .in-width {
			margin: 0 auto;
		}

		/* departament-blocks */
			.departament-blocks .departament-block {
				width: 469px;
				float: left;

				border-radius: 5px;

				padding: 0 0 14px 0;
				margin: 0 21px 17px 0;
			}

			.departament-blocks .departament-block h2 {
				padding: 16px 20px 6px 109px;
				color: #ffffff;
				margin: 0;
			}

			.departament-blocks .departament-block h2 a {
				color: #ffffff;
				text-decoration: none;
			}

			.departament-blocks .departament-block p {
				padding: 4px 30px 0 109px;
				color: #ffffff;
				margin: 0;
			}

			.departament-blocks .commerce-bg {
				background: #495966 url('../img/accompagnement-e-commerce.png') no-repeat 26px 40px;
			}

			.departament-blocks .acquisition-bg {
				background: #495966 url('../img/accompagnement-acquisition.png') no-repeat 26px 38px;
			}

			.departament-blocks .coregistration-bg {
				background: #495966 url('../img/accompagnement-coregistration.png') no-repeat 24px 51px;
			}

			.departament-blocks .publisher-bg {
				background: #495966 url('../img/accompagnement-publisher.png') no-repeat 15px 51px;
			}

			.departament-blocks .last-item {
				margin-right: 0;
			}
		/* departament-blocks */

		.departament-blocks>.in-width>p {
			font-size: 16px;
			line-height: 19px;
			color: #808b94;
			margin: 15px 0;
			}
	/* End Departament-departament-blocks */
/* page 05 ok*/

/* page 05 ouvert ok */

	/* main */
		.main-content ul {
			font-size: 16px;
			line-height: 19px;
			color: #808b94;
		}

		.main-content strong {
			font-size: 24px;
			font-weight: bold;
			color: #231f20;
		}

		.main-content .main-blocks {
			margin: 21px 0 0 0;
		}
	/* main */

	/* Main Blocks */
		.main-content .main-blocks .block {
			width: 310px;
			margin: 0;
			padding: 17px 0;
			float: left;
			margin-right: 13px;
		}

		.main-content .main-blocks  .block h2 {
			font-size: 15px;
			font-weight: bold;
			padding: 0 0 6px 109px;
			margin: 0;
		}

		.main-content .main-blocks  .block h2 a {
			font-size: 16px;
			font-weight: bold;
			color: #ffffff;
			text-decoration: none;
		}

		.main-content .main-blocks  .block:hover {
			background: #2a363f;
		}

		.main-content .main-blocks .selected {
			background: #2a363f;
		}	

		.main-content .main-blocks  .block p {
			padding-left:109px;
			margin: 0;
			display: block;
		}

		.main-content .bg-accompagnement {
			background: url('../img/ouvert-pole-accompagnement.png') no-repeat 17px 0px;
		}

		.main-content .bg-conseil {
			background: url('../img/ouvert-pole-conseil.png') no-repeat 13px 0px;
		}

		.main-content .bg-technologie {
			background: url('../img/ouvert-pole-technologie.png') no-repeat 23px 0px;
		}

		.main-content  .main-blocks .block .reduire {
			color: #ec0b43;
			font-family: 'Roboto', arial, sans-serif;
			font-size: 12px;
			text-decoration: none;
			padding: 0 0 0 109px;
		}

		.main-content  .main-blocks .block .reduire:hover {
			text-decoration: underline;
		}

		.main-content  .main-blocks .last-item {
			margin-right: 0;
		}
	/* End Main Blocks */

	/* Ouvert expanded box */

		.ouvert-expanded-box {
			background: #d9e1e7;
			margin: 18px 0 0 0;
			padding: 26px 0 24px 0;
			
			display: none;

			color: #ffffff;
		}
		
		.block .reduire {
			display: none;
		}
		
		.expanded-box-spacer {
		  display: block;
		  visibility: hidden;
		  margin-bottom: 148px;
		  padding: 0;
		  clear: both;
		  float: none;
		  line-height: 1px;
		}
		
		.ouvert-expanded-box .in-width {
			margin: 0 auto;
		}

		.ouvert-expanded-box .conseil {
			display: none;
		}

		.ouvert-expanded-box .technologie {
			display: none;
		}

		.ouvert-expanded-box .expanded-box h2 {
			font-size: 30px;
			margin: 0;
			padding: 0 61px 0 57px;
		}

		.ouvert-expanded-box .expanded-box p {
			padding: 0 61px 0 57px;
			font-size: 13px;
		}

		.ouvert-expanded-box .expanded-box h3 a {
			color: #ec0b43;
			font-size: 16px;
			font-weight: bold;
			text-decoration: none;
		}

		.ouvert-expanded-box .expanded-box .first-paragraph {
			padding: 0 30px 0 156px;
			background: url('../img/ouvert-departament-lead.png') no-repeat 74px 10px;
		}

		.ouvert-expanded-box .expanded-box .second-paragraph {
			padding: 0 35px 0 156px;
			background: url('../img/ouvert-departament-vente.png') no-repeat 69px 10px;
		}

		.ouvert-expanded-box .expanded-box .first-paragraph p {
			padding: 0;
		}

		.ouvert-expanded-box .expanded-box .second-paragraph p {
		padding: 0;
		}

		.ouvert-expanded-box .yellow-link {
			color: #f0e936;
			text-decoration: none;
		}

		.ouvert-expanded-box .expanded-box {
			background: #2a363f;
			padding: 31px 0 28px 0;
			border-radius: 5px;
			position: relative;
		}

		.ouvert-expanded-box .contactez {
			font-size: 13px;
			margin: 0 0 0 320px;
		}

		.ouvert-expanded-box .contactez a {
			color: #ffffff;
		}

		.ouvert-expanded-box .orange-button {
			background: #ec0b43;
			border-radius: 5px;
			box-shadow: -1px 0 5px #2a363f;
			padding: 10px 51px;
			color: #fff;
			text-decoration: none;
			font-size: 20px;
			font-weight: 900;
			margin: 15px auto;
			display: inline-block;
			margin: 15px 344px;
  		}

  		.expanded-box .close {
			position: absolute;
			top: 15px;
			right: 14px;

			display: block;
			width: 13px;
			height: 14px;

			overflow: hidden;

			text-indent: -9999px;

			background: url('../img/close.png');
		}
	/* Ouvert expanded box */
/* page 05 ouvert ok */


p.more-content {
  display: none;
}


/*
//
////
//////
////////
//////////

  BEGIN MAP STYLE

//////////
////////
//////
////
//
*/


body.map
{
   background-color:#ec0b43;
}

div.map
{
  width:100%;

  text-align:center;
  margin:0 auto;
  padding-top:50px;
  padding-bottom:50px;
  background:#fff;
}

footer.map
{
  width:100%;
  border:0;
  background-color:#ec0b43;
  text-align:center;
  color:#fff;
}

.map footer img
{
  padding:2px;
}
.map p.copyright
{
  font-weight:bold !important;
}