/**
  Start Variables Less
*/
/**
  Btn text color
*/
/*
  text-color
*/
/**
  mobile-share barre background-color
*/
/**
  breadcrumb background-color
*/
/**
  Actualite text color
*/
/**
  Barre pagination background
*/
/**
  Lien text color
*/
/**
  Couleur textes page vos-idées
**/
/**
  Couleur de texte du titre par défaut.
*/
/**
 End variables Less
*/
@font-face {
  font-family: LatoBlack;
  src: url('../fonts/Lato-Black.html');
}
@font-face {
  font-family: LatoBlackItalic;
  src: url('../fonts/Lato-BlackItalic.html');
}
@font-face {
  font-family: LatoBold;
  src: url('../fonts/Lato-Bold.html');
}
@font-face {
  font-family: LatoBoldItalic;
  src: url('../fonts/Lato-BoldItalic.html');
}
@font-face {
  font-family: LatoHairline;
  src: url('../fonts/Lato-Hairline.html');
}
@font-face {
  font-family: LatoHairlineItalic;
  src: url('../fonts/Lato-HairlineItalic.html');
}
@font-face {
  font-family: LatoHeavy;
  src: url('../fonts/Lato-Heavy.html');
}
@font-face {
  font-family: LatoHeavyItalic;
  src: url('../fonts/Lato-HeavyItalic.html');
}
@font-face {
  font-family: LatoItalic;
  src: url('../fonts/Lato-Italic.html');
}
@font-face {
  font-family: LatoLight;
  src: url('../fonts/Lato-Light.html');
}
@font-face {
  font-family: LatoLightItalic;
  src: url('../fonts/Lato-LightItalic.html');
}
@font-face {
  font-family: LatoMedium;
  src: url('../fonts/Lato-Medium.html');
}
@font-face {
  font-family: LatoMediumItalic;
  src: url('../fonts/Lato-MediumItalic.html');
}
@font-face {
  font-family: LatoRegular;
  src: url('../fonts/Lato-Regular.html');
}
@font-face {
  font-family: LatoSemibold;
  src: url('../fonts/Lato-Semibold.html');
}
@font-face {
  font-family: LatoSemiboldItalic;
  src: url('../fonts/Lato-SemiboldItalic.html');
}
@font-face {
  font-family: LatoThin;
  src: url('../fonts/Lato-Thin.html');
}
@font-face {
  font-family: LatoThinItalic;
  src: url('../fonts/Lato-ThinItalic.html');
}
.container {
  position: relative;
}
.ca-container {
  max-width: 1170px;
  margin: auto;
  overflow: hidden;
}
.navbar-ca .ca-container {
  padding: 0 15px;
}
/**
  Social Wall
 */
.stream li .section-intro {
  background-color: transparent !important;
  bottom: 0;
  color: rgba(50, 50, 50, 0.7);
  font-size: 10px;
  font-style: normal;
  height: 30px;
  left: 0;
  padding: 9px 0 7px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.stream li .inner {
  overflow: hidden;
  padding: 0 15px;
}
.stream li {
  background-color: #fff;
  font-family: Arial, sans-serif;
  font-size: 11px;
  margin: 0 7px 15px;
  padding: 40px 0 15px;
  position: relative;
}
.stream li .section-intro a {
  color: rgba(50, 50, 50, 0.7) !important;
  margin-left: 15px;
}
#dcsns-filter li a.iso-active,
#dcsns-filter li a:hover {
  background-color: #009597;
}
/**
  Modal style
*/
.modal h2 {
	text-transform: uppercase;
	font-family: LatoBlack;
}
.modal h3 {
	text-transform: uppercase;
	font-family: LatoBlack;
	color: black;
}
.modal label {
	font-family: LatoBlack;
	text-transform: uppercase;
}
.modal .title {
	margin: 16px 0;
}
.modal .text, .modal .button {
	margin: 4px 0;
}
.modal .button {

}
.modal-title {
	font-family: LatoBlack;
	font-size: 26px !important;
}
.modal .row.conn div{
	padding: 0;
}
.close > span{
	font-size: 33px;
	color: #0f6b6e;
}
.modal-header {
	background-color: #e6e6e6;
}
.modal-content {
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
}
.modal-content .modal-body p.lead {
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: 0;
}

.modal-content .modal-body p + p {
	margin-top: 20px;
}
.modal-footer {
	border: none;
}
.modal .well {
	border-style: none;
	background-color: transparent;
	box-shadow: none;
	/*margin: 0 16px;*/
}
modal.dialog {
	margin: 0 16px;
}
.modal label {
	margin-bottom: 18px;
}
.modal .control-label {
	font-size: 16px;
}
.modal .black-underline{
	/*margin-top: 50%;*/
}
.modal textarea {
	width: 100%;
}
.black-underline a {
	text-transform: none;
	font-size: 14px;
	font-family: LatoBold;
	text-decoration: underline;
	color: black;
}
.modal .black-underline a:hover {
	color: #009597;
}

.form-group.required .control-label:after {
  content:" *";
  color:red;
}
/**
  Contenu page - style par défaut.
 */
.social i {
	margin-right: 10px;
}
.ca-store .cgu {
	font-family: LatoBlack;
}
.ca-store input[type="file"].form-control {
	border: 0;
}
.ca-store .well.press-container {
	border-radius: 10px;
	border: 1px solid #d8d8d8;
	background-color: transparent;
}
.ca-store h1.press-title {
	color: #666666;
	font-family: LatoBlack;
	font-size: 1em;
}
.ca-store h2.press-title {
	color: #666666;
	font-family: LatoBold;
	font-size: 1em;
}
.ca-store .well.app-container {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	margin-bottom: 0;
	border: 1px solid #d8d8d8;
	background-color: transparent;
}
.ca-store .app-container button{
	width: 90%;
}
.ca-store .app-key-container {
	word-break: break-all;
}
.ca-store .app-container-footer {
	height: 60px;
	line-height: 60px;
	white-space: nowrap;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	background-color: #1abdc2;
}
.ca-store .app-container-footer-title {
	font-size: 1.3em;
	font-family: LatoBlack;
	text-transform: uppercase;
	color: #ffffff;
}
.ca-store .app-container .sub-title h2{
	font-family: LatoBold;
	text-transform: none;
	color: #1abdc2;
	font-size: 1.7vh;
	margin-top: 20px;
	margin-bottom: 20px;
}
.ca-store .app-container-title {
	font-family: LatoBold;
	font-size: 2em;
	color: #666666;
	margin-bottom: 3%;
}
.ca-store .sub-title {

}
.ca-store .app-title-l3 {
	font-family: LatoBlack;
	color: #000000;
}
.ca-store .app-footer-title {
}
.ca-store .head-one {
	background-color: #1abdc2;
	border-bottom: 3px solid #fff;
}
.ca-store .head-two {
	background-color: #d8d8d8;
	font-family: LatoBlack;
}
.ca-store .table-title {
	text-transform: uppercase;
	color: #fff;
}
.ca-store .table tbody tr {
	border: hidden;
}
.ca-store .toggle {
	border:none;
	background:none;
}
.ca-store #secure-pwd {
	table-layout: fixed;
	width: 8vw;
	height: 8vw;
}
.ca-store #secure-pwd td {
	border: 2px solid #e6e6e6;
}
.ca-store #secure-pwd td:hover {
	cursor: pointer;
}
.ca-store .secure-pwd-cell {
	width: 1.6vw;
	height: 1.6vw;
}
.ca-store h2.section-title {
	font-family: LatoBlack;
	text-transform: none;
	color: #0a494a;
	font-size: 2.65vh;
}
.ca-store h2.section-subtitle {
	font-family: LatoBlack;
	text-transform: uppercase;
	color: #1abdc2;
	font-size: 1.65vh;
	margin-top: 10px;
	margin-bottom: 20px;
}
.ca-store h3.section-title {
	font-family: LatoBlack;
	text-transform: none;
	color: black;
	font-size: 1.6vh;
	margin-bottom: 30px;
}
.ca-store form.well {
	background: none;
	border: none;
	box-shadow: none;
}
.ca-store .form-title {
	text-transform: uppercase;
	color: black;
	font-size: 1.5vh;
}
.ca-store select.align-left {
  text-align-last: left;
}
.ca-store select.form-control.rounded {
	font-family: LatoBold;
	color: #b4b4b4;
}
.ca-store option:disabled {
	color: #b4b4b4;
}
.ca-store option[value="hide"] {
	display: none;
}
.ca-store input.rounded, .ca-store textarea.rounded, .ca-store select.rounded {
	border-radius: 10px;
}
.ca-store input.left-rounded {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.ca-store input.right-rounded {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
.ca-store .input-group-addon.right-rounded {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
.ca-store .input-group-addon.left-rounded {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.ca-store .input-group-addon.right-rounded {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
.ca-store .input-group-addon.left-rounded {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.ca-store #birthday > .input-group-addon {
	color: #009597;
}
.ca-store .form-control, .ca-store .input-group-addon {
	border-color: #eeeeee;
	border-width: 2px;
	box-shadow: none;
}
.ca-store .sprite-facebook-green, .ca-store .sprite-twitter-green {
	zoom:0.75;
	-moz-transform:scale(0.75);
	-moz-transform-origin: 0 0;
}
.ca-store .sprite-g_-green {
	zoom:0.7;
	-moz-transform:scale(0.7);
	-moz-transform-origin: 0 0;
}
.ca-store .sprite-linkedin-green, .ca-store .sprite-viadeo-green, .ca-store .sprite-globe-green {
	zoom:0.6;
	-moz-transform:scale(0.6);
	-moz-transform-origin: 0 0;
}
.ca-store .legal {
	font-family: LatoBlack;
}
.spacing-t-1 {
	margin-top: 30px;
}
.spacing-t-2 {
	margin-top: 10px;
}
.spacing-b-1 {
	margin-bottom: 70px;
}
.spacing-b-2 {
	margin-bottom: 30px;
}
.spacing-b-3 {
	margin-bottom: 10px;
}
.required-left:before {
  content:"* ";
  color:red;
}
section.well {
	background-color: #dfffff;
	border-color: #72fdff;
	border-radius: 0px;
	padding-left: 2vw;
}
section.well h2{
	text-transform: none;
	font-size: 2.5vh;
	color: #0a494a;
}
section.well ul{
	color: #0a494a;
	list-style-position: inside;
	margin-left: 0;
	padding-left: 0;
}
.required-right:after {
  content:" *";
  color:red;
}
.alert-wrapper-contenu-page {
  margin-top: 25px;
}
body {
  font-family: LatoRegular;
  color: #2d2d2d;
}
.contenu-hero-section, .validate-account-hero-section {
  background-image: url('../images/bg-contenu-hero.jpg');
}
h1 {
  text-transform: uppercase;
  color: #0a494a;
  font-size: 48px;
  font-family: LatoBlack;
}
h2 {
  font-family: LatoBold;
  font-size: 26px;
  color: #0a494a;
}
h3 {
  font-family: LatoBold;
  font-size: 19px;
  color: #0a494a;
}
h4 {
  font-family: LatoBold;
  font-size: 13px;
  color: #0a494a;
}
.h1,
.h2,
.h3,
h1,
h2,
h3 {
  margin-top: 0;
}
.nav-tabs {
  margin-bottom: 20px;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  border-color: transparent;
  border-bottom: 3px solid #1abdc2;
}
.nav-tabs > li > a {
  border-bottom: 3px solid transparent;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  background-color: transparent;
  border-color: transparent;
}
.sticky-nav{
	position: fixed;
	top: 0;
	width: 82em;
	background: #ffffff;
	overflow: hidden;
	z-index: 10;
}
.text,
p {
  color: #2d2d2d;
  font-size: 14px;
  font-family: LatoRegular;
}
strong {
  font-family: LatoBold;
}
p {
  margin-bottom: 20px;
  text-align: justify;
}
a {
  color: #009597;
}
@media (min-width: 500px){
  a:hover,
  a:focus {
    color: #ed1b2f;
  }
}
hr {
  margin-top: 35px;
  margin-bottom: 35px;
  border: 0;
  border-top: 3px dashed #eee;
}
.text-light-blue {
  color: #009597;
}
.u-list {
  padding-left: 60px;
  color: #0f6b6e;
  font-family: LatoRegular;
}
.u-list li {
  color: #2d2d2d;
}
.image-container {
  margin-top: 50px;
  margin-bottom: 50px;
}
.share-bottom-page {
  margin-top: 20px;
  margin-bottom: 20px;
}
.share-bottom-page .text {
  font-family: LatoBold;
  font-size: 18px;
  color: #2d2d2d;
  padding-bottom: 5px;
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 10px;
}
.share-bottom-page .links a {
  margin-right: 5px;
}
span.required-field {
  font-size: 16px;
  color: #dd2b39;
}
.alert {
  border-radius: 0;
  border: none;
  color: #ff0000;
  font-family: LatoBold;
  font-size: 14px;
}
.alert.alert-danger {
  background-color: #ed1b2f;
}
.alert.alert-success {
  background-color: #5fd0b9;
}
.alert .heading {
  font-family: LatoBlack;
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 10px;
  padding: 0 !important;
  color: white;
}
.title-black {
  text-transform: uppercase;
  color: #2d2d2d;
  font-size: 16px;
  font-family: LatoBlack;
  margin-top: 20px;
  margin-bottom: 10px;
}
/**
  Progress Bar
 */
/*progressbar*/
#progressbar {
  margin-bottom: 30px;
  overflow: hidden;
  /*CSS counters to number the steps*/
  counter-reset: step;
}
#progressbar li {
  list-style-type: none;
  color: #b4b4b4;
  text-transform: uppercase;
  font-size: 9px;
  width: 33.33%;
  float: left;
  position: relative;
  text-align: center;
  font-family: LatoBlack;
  font-size: 18px;
}
#progressbar li:before {
  content: counter(step);
  counter-increment: step;
  width: 30px;
  line-height: 30px;
  display: block;
  font-size: 20px;
  color: white;
  background: #666666;
  border-radius: 50%;
  margin: 0 auto 5px auto;
  text-align: center;
}
/*progressbar connectors*/
#progressbar li:after {
  content: '';
  width: 100%;
  height: 4px;
  background: #e6e6e6;
  position: absolute;
  left: -50%;
  top: 14px;
  z-index: -1;
  /*put it behind the numbers*/
}
#progressbar li:first-child:after {
  /*connector not needed before the first step*/
  content: none;
}
#progressbar li.active {
  color: #2d2d2d;
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before,
#progressbar li.active:after {
  background: #0f6b6e;
  color: white;
}
.page-content {
  padding-top: 30px;
  padding-bottom: 30px;
}
.page-content .title {
  color: #0a494a;
  font-size: 24px;
  font-family: LatoBold;
  margin-bottom: 30px;
}
.page-content .heading .title {
  color: #0a494a;
  font-size: 30px;
  font-family: LatoBlack;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.page-content .heading .author {
  font-family: LatoRegular;
  color: #666666;
  margin-bottom: 10px;
}
.page-content .heading .author .author-name {
  text-transform: uppercase;
  font-family: LatoBlack;
}
.page-content .heading .theme {
  font-family: LatoRegular;
  color: #666666;
  margin-bottom: 20px;
}
.page-content .heading .theme .theme-name {
  color: #009597;
  font-family: LatoBlack;
}
.page-content .heading .rating {
  margin-bottom: 10px;
}
.page-content .heading .rating .sprite {
  margin-right: -5px;
}
.page-content .heading .avis {
  font-family: LatoBold;
  font-size: 14.61px;
  margin-bottom: 30px;
}
.page-content .heading .download .btn {
  padding: 5px 25px;
}
@media (max-width: 767px) {
  .page-content .title {
	font-size: 22px;
  }
}
@media (max-width: 1169px) {
  .page-content .heading {
	padding-top: 10px;
  }
}
select.form-control {
  text-align-last: center;
  color: #106c70;
  font-family: LatoBlack;
}
select.form-control.input-ca {
  text-transform: uppercase;
  font-size: 15px;
  font-family: LatoBold;
}
.form-control.input-ca,
.input-group-addon.input-ca {
  border: 2px solid #e6e6e6;
  box-shadow: none;
  border-radius: 7px;
  color: #b4b4b4;
}
select.form-control {
  -webkit-appearance: none !important;
  -moz-appearance: none;
  appearance: none;
  background-image: url('../images/caret-down-green.png');
  background-repeat: no-repeat;
  background-position: right 10px center;
  padding-right: 30px;
}
@media (min-width: 500px){
  select.form-control.btn-gray:hover {
    background-color: #ededed;
    color: #106c70;
  }
}
.input-group-addon.input-ca:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group-addon.input-ca:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group-addon.input-ca {
  background-color: #e6e6e6;
  padding: 1px 0;
}
.input-group-addon.input-ca:first-child {
  border-right: 0;
}
.input-group-addon.input-ca:last-child {
  border-left: 0;
}
.form-inline .input-group .input-group-addon.input-ca {
  min-width: 40px;
}
.well {
  background-color: #e6e6e6;
  border: 1px solid #009597;
  position: relative;
}
.btn {
  border-radius: 10px;
  box-shadow: 3px 4px 8px rgba(0, 0, 0, 0.4);
  margin-bottom: 10px;
}
.btn .sprite {
  vertical-align: inherit;
}
.btn-gray {
  background-color: #ededed;
  color: #0f6b6e;
  font-family: LatoBlack;
  font-size: 17.86px;
  text-transform: uppercase;
}
@media (min-width: 500px){
  .btn-gray:hover {
    background-color: #ce1729;
    color: white;
  }
}
.btn-white {
  background-color: white;
  color: #014347;
  font-family: LatoBlack;
}
@media (min-width: 500px){
  .btn-white:hover {
    background-color: #ce1729;
    color: white !important;
  }
}
.btn-green {
  background-color: #0f6b6e;
  color: white;
}
.btn-add-image {
  background-color: white;
  padding: 20px 20px;
  border: 2px solid #e6e6e6;
  border-radius: 10px;
  margin-right: 10px;
}
.label-btn-image {
  margin-left: 20px;
  text-transform: uppercase;
  margin-bottom: 5px;
  color: #666666;
  font-size: 14px;
}
.contenu-input-line {
  margin-bottom: 15px;
}
.contenu-boutons span {
  margin-right: 10px;
}
.sprite-hover {
  display: none;
}
@media (min-width: 500px){
  .has-sprite-hover:hover .sprite {
    display: none;
  }
  .has-sprite-hover:hover .sprite-hover {
    display: inline-block;
  }
}
.navbar-ca {
  background-color: rgba(0, 148, 150, 0.7);
  height: 40px;
  min-height: 40px;
  font-family: LatoBold;
  font-size: 13px;
}
.navbar-ca a {
  color: white;
}
.navbar-ca #navbar_menu_left {
  padding: 0;
}
.navbar-ca .nav li {
  height: 40px;
}
.navbar-ca .nav li a {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 9px;
  padding-right: 9px;
}
@media (min-width: 500px){
  .navbar-ca .nav li a:focus,
  .navbar-ca .nav li a:hover {
    background-color: initial;
  }
}
@media (min-width: 500px){
  .navbar-ca .nav#navbar_menu_left a:hover{
    background-color: #ce1729;
  } 
}
.navbar-ca .nav#navbar_menu_left li.active > a {
  background-color: #ce1729;
}
.navbar-ca .navbar-ca-logo {
  display: inline-block;
  background-color: white;
  height: 85px;
  padding: 0 5px;
}
.navbar-ca .navbar-ca-logo img {
  height: 100%;
}
.navbar-ca .navbar-login {
  background-color: #f1f0f0;
  width: 120px;
  text-align: center;
}
.navbar-ca .navbar-login a {
  color: #1a777b;
}
.navbar-ca .navbar-login a .sprite-caret-right-white {
  display: none;
}
@media (min-width: 500px){
  .navbar-ca .navbar-login:hover {
    background-color: #ce1729;
  }
  .navbar-ca .navbar-login:hover a {
    color: white;
  }
  .navbar-ca .navbar-login:hover a .sprite-caret-right-white {
    display: inline-block;
  }
  .navbar-ca .navbar-login:hover a .sprite-caret-right {
    display: none;
  }
}
.navbar-ca .navbar-register {
  width: 120px;
  background-color: #1d4547;
}
@media (min-width: 500px){
  .navbar-ca .navbar-register:hover {
    background-color: #ce1729;
    color: white;
  }
}
.navbar-ca li.navbar-ca-icon > a {
  padding-left: 5px;
  padding-right: 5px;
}
.navbar-ca .navbar-ca-form {
  float: left;
  padding: 0;
  max-width: 150px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.navbar-ca .navbar-ca-form .form-group {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
  padding: 10px 15px;
  max-width: 150px;
}
.navbar-ca .navbar-ca-form .form-group .inner-addon {
  position: relative;
}
.navbar-ca .navbar-ca-form .form-group .inner-addon button {
  position: relative;
  padding: 10px;
  top: -28px;
  left: 90px;
}
.navbar-ca .navbar-ca-form .form-group .right-addon .sprite {
  right: 0px;
}
.navbar-ca .navbar-ca-form .form-group .right-addon input {
  padding: 1px;
  padding-left: 10px;
  padding-right: 30px;
}
.navbar-ca .navbar-ca-form .form-group .form-control {
  display: inline-block;
  width: auto;
  vertical-align: middle;
  border-radius: 34px;
  height: 18px;
  font-size: 13px;
  max-width: 120px;
}
.navbar-ca .navbar-toggle {
  margin: 0;
  padding: 6px 10px;
}
.navbar-ca .navbar-toggle span {
  font-family: LatoBlack;
  font-size: 18px;
  color: white;
  text-transform: uppercase;
  vertical-align: text-bottom;
  margin-left: 12px;
}
.navbar-ca .form-control.form-square {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}
.navbar-ca #navbar_menu_left .navbar-ca-form {
  display: none;
}
.navbar-ca #navbar_menu_right_mobile {
  background-color: #1d4547;
  font-size: 18px;
  font-family: LatoRegular;
  padding: 15px 10px;
  color: white;
}
.navbar-ca #navbar_menu_right_mobile .menu-title {
  text-transform: uppercase;
  font-family: LatoBold;
  font-size: 18px;
  color: white;
  margin: 0;
  margin-bottom: 15px;
}
.navbar-ca #navbar_menu_right_mobile a {
  text-transform: uppercase;
  font-family: LatoBold;
}
.navbar-ca #navbar_menu_right_mobile a.forgot-password-link {
  font-family: LatoRegular;
  text-transform: inherit;
}
.navbar-ca #navbar_menu_right_mobile ul.list-mobile-link {
  list-style: none;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.navbar-ca #navbar_menu_right_mobile ul.list-mobile-link li + li {
  margin-top: 20px;
}
.navbar-ca #navbar_menu_right_mobile ul.list-mobile-link li a {
  text-transform: none;
}
.navbar-ca #navbar_menu_right_mobile .btn-gray {
  font-size: 18px;
  font-family: LatoBold;
  color: #1d4547;
}
@media (max-width: 767px) {
  .navbar-ca.navbar-collapse {
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
  }
}
/**
  Hero section
 */
.hero-section {
  height: 440px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.hero-section:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  content: "";

  background-color: rgba(0, 0, 0, 0.18);
}
.hero-section .title {
  z-index: 2;
	padding-right: 20px;
	padding-left: 20px;
  text-transform: uppercase;
  font-family: LatoBlack;
  font-size: 74px;
  color: white;
  text-align: center;
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 1169px) {
  .hero-section {
	height: 385px;
	margin-top: 0;
  }
}
@media (max-width: 767px) {
  .hero-section {
	height: 180px;
	margin-top: 50px;
  }
  .hero-section .title {
	font-size: 30px;
  }
}
.navbar-absolute-top {
  position: absolute;
  z-index: 1000;
  border-radius: 0;
  width: 100%;
  top: 0;
  border: none;
}
@media (max-width: 1169px) {
  #navbar_menu_left {
	display: none !important;
	position: absolute;
	top: 40px;
	background-color: #049799;
	left: 110px;
	width: calc(100% - 150px);
  }
  #navbar_menu_left > li {
	display: block;
	float: initial;
  }
  #navbar_menu_left.in {
	display: block !important;
  }
  .left-menu-btn {
	display: inline-block !important;
  }
  .nav.navbar-right div.navbar-right-form .form-group {
	background-color: #767777;
  }
}
@media (max-width: 991px) {
  .nav.navbar-right div.navbar-ca-form {
	position: relative;
  }
  .nav.navbar-right div.navbar-ca-form .form-group {
	width: 80px;
	height: 40px;
	background-color: #767777;
  }
  .nav.navbar-right div.navbar-ca-form .form-control {
	width: 100%;
  }
  .nav.navbar-right div.navbar-ca-form.input-extended {
	width: 80px;
	height: 40px;
	max-width: inherit;
  }
  .nav.navbar-right div.navbar-ca-form.input-extended .form-group {
	position: absolute;
	right: 0;
	width: 200px;
	max-width: inherit;
  }
  .nav.navbar-right div.navbar-ca-form.input-extended .form-group .form-control {
	max-width: inherit;
  }
}
@media (max-width: 767px) {
  .navbar-ca {
	height: 50px;
  }
  .navbar-ca .ca-container {
	padding: 0;
  }
  .navbar-ca .navbar-header {
	height: 50px;
  }
  .navbar-ca #navbar_menu_right.in {
	display: block !important;
  }
  .navbar-ca .navbar-toggle {
	padding: 12px 10px;
  }
  .navbar-ca .navbar-toggle.left-menu-btn {
	float: left;
  }
  .navbar-ca .navbar-toggle.right-menu-btn {
	padding: 8px 10px;
	background-color: #1d4547;
  }
  .navbar-ca .navbar-toggle.right-menu-btn .sprite-min {
	width: 24px;
	height: 24px;
  }
  .navbar-ca .navbar-ca-logo {
	height: 50px;
	width: calc(100% - 100px);
	padding: 5px;
  }
  .navbar-ca .navbar-ca-logo img {
	margin: auto;
  }
  .navbar-ca .nav li {
	height: 50px;
  }
  #navbar_menu_left {
	position: absolute;
	top: 50px;
	background-color: #049799;
	width: 100%;
	margin: 0;
	left: 0;
	font-size: 18px;
  }
  #navbar_menu_left .navbar-ca-form {
	float: none;
	max-width: 100%;
  }
  #navbar_menu_left .navbar-ca-form .form-group {
	display: block;
	max-width: 100%;
  }
  #navbar_menu_left .navbar-ca-form .form-group .input-group {
    display: block;
  }
  #navbar_menu_left .navbar-ca-form .form-group .input-group form {
    width: 100%;
  }
  #navbar_menu_left .navbar-ca-form .form-group .form-control {
	width: calc(100% - 40px);
  max-width: 100%;
	height: 40px;
  }
  #navbar_menu_left .navbar-ca-form .form-group .input-group-addon {
    background-color: #767777;
    padding: 4px;
    border: none;
    height: 40px;
    width: 40px;
  }
}
@media (min-width: 768px) {
  .navbar-ca #navbar_menu_right_mobile {
	display: none !important;
  }
  .navbar-ca .navbar-ca-form {
	width: auto;
	margin-right: 0;
	margin-left: 0;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
  }
  .navbar-ca .navbar-right {
	margin-right: 0;
  }
}
/**
 * Hero section
 */
.carousel-control.left,
.carousel-control.right {
  background-image: none;
}
.carousel-control {
  background-color: white;
  text-shadow: none;
  width: 30px;
  height: 110px;
  top: 50%;
  margin-top: -55px;
  opacity: 1;
  z-index: 10;
}
.carousel-control .glyphicon-chevron-left {
  left: 10px;
}
.carousel-control .glyphicon-chevron-right {
  right: 10px;
}
.carousel-control span.glyphicon {
  color: #4ca9ad;
  margin-top: -15px;
}
.carousel-caption {
  bottom: 25%;
  right: inherit;
  left: inherit;
  width: 100%;
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 0;
  padding-top: 0;
}
.carousel-inner .item {
  height: 660px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.text-ca-store {
  margin: auto;
  max-width: 608px;
  text-shadow: none;
  background-color: rgba(66, 165, 167, 0.68);
  border-radius: 10px;
  padding: 20px 30px;
  text-align: left;
  color: white;
}
.text-ca-store .title {
  font-size: 40px;
  font-family: LatoBlack;
  text-transform: uppercase;
  line-height: 45px;
  margin-bottom: 15px;
  color: white;
}
.text-ca-store .text {
  font-family: LatoRegular;
  font-size: 16px;
  text-align: justify;
  color: white;
}
.text-ca-store .button {
  text-align: right;
  padding-right: 30px;
  margin-top: 15px;
}
.text-ca-store .button .btn {
  font-size: 14px;
  color: #014347;
  font-family: LatoBlack;
  padding-left: 34px;
  padding-right: 34px;
}
.home-hero-section {
  position: relative;
}
.home-hero-section .appli-btn {
  position: absolute;
  bottom: 0;
  width: 195px;
  height: 100px;
  margin: auto;
  left: 0;
  right: 0;
  padding: 17px;
  text-align: center;
  background-image: url("../images/bg-appli-boutton.png");
  background-size: cover;
}
@media (min-width: 500px){
  .home-hero-section .appli-btn a:hover,
  .home-hero-section .appli-btn a:focus {
    text-decoration: none;
  }
}
.home-hero-section .appli-btn .text {
  text-transform: uppercase;
  font-family: LatoBlack;
  font-size: 12px;
  margin-top: 9px;
  color: white;
  text-align: center;
}
@media (min-width: 1169px) {
  .text-ca-store {
	margin: 0;
	margin-left: 45%;
  }
}
@media (max-width: 767px) {
  .carousel-control {
	width: 20px;
  }
  .home-hero-section .appli-btn {
	position: absolute;
	bottom: 0;
	width: 132px;
	height: 67px;
	padding: 11px;
  }
  .home-hero-section .appli-btn img {
	height: 32px;
  }
  .home-hero-section .appli-btn .text {
	text-transform: uppercase;
	font-family: LatoBlack;
	font-size: 8px;
	margin-top: 5px;
  }
  .home-hero-section {
	margin-top: 50px;
  }
  .text-ca-store .title {
	text-align: center;
	font-size: 39.56px;
	line-height: 32px;
  }
  .text-ca-store .text {
	font-size: 14px;
  }
  .text-ca-store .button {
	padding: 0;
	text-align: center;
  }
}
/**
 * Missions section
 */
.missions {
  background-color: #d8d8d8;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 60px;
  -moz-box-shadow: inset 0 10px 10px -10px #696868, inset 0 -10px 10px -10px #696868;
  -webkit-box-shadow: inset 0 10px 10px -10px #696868, inset 0 -10px 10px -10px #696868;
  box-shadow: inset 0 10px 10px -10px #696868, inset 0 -10px 10px -10px #696868;
}
.missions .title {
  color: #0a494a;
  text-transform: uppercase;
  font-size: 50px;
  font-family: LatoBlack;
  margin-bottom: 20px;
}
.missions .separation-line {
  background-image: url('../images/separation-1.png');
  background-repeat: no-repeat;
  padding-top: 40px;
  background-position: top right;
}
.missions .separation-line:last-child {
  background: none;
}
.missions .images-and-texts .image-and-text {
  min-height: 240px;
}
.missions .images-and-texts .image img {
  max-width: 100%;
}
.missions .images-and-texts .text {
  color: #064647;
  font-size: 20px;
  font-family: LatoBold;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 40px;
  max-width: 130px;
  text-align: center;
}
.missions .missions-btn-wrapper .btn {
  padding-left: 90px;
  padding-right: 90px;
  text-transform: uppercase;
  font-family: LatoBlack;
}
@media (max-width: 767px) {
  .missions .title {
	font-size: 45px;
  }
  .missions .separation-line {
	background: none;
  }
}
/**
 * Inscription/recapitulatif
 */
.inscr-recap h2 {
	font-family: LatoBold;
	font-size: 26px;
	color: #0a494a;
	text-transform: none;
}
/**
 * Mon-activité/Mon-activité
 */
.account .account-id {
	margin-right: 5vw;
}
.account .account-tabs {
	font-family: LatoBlack;
}
/**
 * Cookies
 */
.cookies table {
	table-layout: fixed;
}
.cookies table th {
	table-layout: fixed;
	width: 50%;
}
.cookies hr {
	border: 0;
	height: 2px;
	background: #eee;
}
.cookies .social hr {
	margin: 5px 0 15px 0;
}
.cookies .social {
	color: #000000;
	font-family: LatoBlack;
	font-size: 1.6em;
}
/**
 * CGU
 */
.cgu .cgu-tabs, .cgu .trad-english {
	font-family: LatoBlack;
}
.cgu .list-l2 {
	list-style: upper-roman;
}
.cgu ol.list-l3 {
	list-style-type: decimal;
	counter-reset: item;
	margin: 0;
	padding: 0;
}
.cgu .list-l3>li:before {
	content: counters(item, ".") " ";
	counter-increment: item;
}
.cgu OL { counter-reset: item }
.cgu LI { display: block }
.cgu LI.nested:before {
	content: counters(item, ".") " ";
	counter-increment: item
}
/**
 * particulier/startup
 */
.particulier-startup .particulier,
.particulier-startup .startup {
  min-height: 325px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  text-align: center;
  float: left;
  padding: 30px 30px 50px;
  width: 50%;
}
.particulier-startup .particulier .title,
.particulier-startup .startup .title {
  color: #0a494a;
  font-size: 33.87px;
  font-family: LatoLight;
  margin-bottom: 20px;
  line-height: 55px;
}
.particulier-startup .particulier .title span,
.particulier-startup .startup .title span {
  font-family: LatoBlack;
  text-transform: uppercase;
}
.particulier-startup .particulier .text-bloc,
.particulier-startup .startup .text-bloc {
  position: relative;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 10px;
  border: 1px solid white;
  max-width: 420px;
  margin: auto;
  padding: 15px 15px 30px;
}
.particulier-startup .particulier .text-bloc .text,
.particulier-startup .startup .text-bloc .text {
  color: white;
  font-size: 12px;
  font-family: LatoRegular;
  text-align: center;
  margin: 0;
}
.particulier-startup .particulier .text-bloc .particulier-startup-btn-wrapper,
.particulier-startup .startup .text-bloc .particulier-startup-btn-wrapper {
  position: absolute;
  bottom: -17px;
  font-size: 14px;
  font-family: LatoBlack;
  color: #014347;
  left: 0;
  right: 0;
  text-transform: uppercase;
}
.particulier-startup .particulier {
  background-image: url("../images/bg-client.jpg");
}
.particulier-startup .startup {
  background-image: url("../images/bg-client-mobile.jpg");
}
@media (min-width: 768px) {
  .particulier-startup .particulier,
  .particulier-startup .startup {
	min-height: 325px;
  }
}
@media (max-width: 1169px) {
  .particulier-startup .particulier,
  .particulier-startup .startup {
	min-height: 380px;
	width: 100%;
  }
  .particulier-startup .particulier .title,
  .particulier-startup .startup .title {
	font-size: 50px;
	margin-bottom: 40px;
  }
  .particulier-startup .particulier .text-bloc,
  .particulier-startup .startup .text-bloc {
	max-width: 100%;
  }
  .particulier-startup .particulier .text-bloc .text,
  .particulier-startup .startup .text-bloc .text {
	font-size: 15px;
  }
  .particulier-startup .startup {
	min-height: 350px;
  }
}
@media (max-width: 767px) {
  .particulier-startup .particulier {
	background-position: top left;
  }
  .particulier-startup .particulier,
  .particulier-startup .startup {
	min-height: 400px;
  }
  .particulier-startup .particulier .title,
  .particulier-startup .startup .title {
	font-size: 35px;
  }
  .particulier-startup .startup {
	min-height: 395px;
  }
}
/**
  Slider
 */
.slider-wrapper .owl-nav {
  display: none;
}
.slider-wrapper .slider-control {
  position: absolute;
  height: 95px;
  background: white;
  cursor: pointer;
  width: 25px;
  top: 50%;
  margin-top: -47.5px;
  font-size: 17px;
  color: #4ba8ab;
  line-height: 95px;
  z-index: 10;
}
.slider-wrapper .slider-control.left {
  left: 0;
}
.slider-wrapper .slider-control.right {
  right: 0;
}
.slider-wrapper .owl-carousel .slide {
  margin-right: 15px;
}
/**
 * ideas
 */
.ideas {
  background-color: #2d2d2d;
  text-align: center;
}
.ideas .title {
  font-size: 50px;
  color: white;
  font-family: LatoBlack;
  text-transform: uppercase;
  padding-top: 50px;
  margin-bottom: 45px;
}
.ideas .filtres-desktop {
  color: #009597;
  text-transform: uppercase;
}
.ideas .filtres-desktop a {
  color: #009597;
}
.ideas .filtres-desktop .active {
  color: white;
}
.ideas .filtres-desktop .active a {
  color: white;
}
.ideas .filtres-desktop span,
.ideas .filtres-desktop p {
  padding-left: 20px;
  padding-right: 20px;
}
.ideas .filtres-desktop p {
  display: inline;
}
.ideas .filtres-desktop .filtre-border-right {
  padding-left: 20px;
  padding-right: 20px;
  border-right: 1px solid #9d9d9d;
  display: inline;
}
.ideas .filtres-desktop .all-ideas {
  position: absolute;
  top: 0;
  right: 30px;
}
.ideas .filtres-mobiles,
.ideas .filtres-tablet {
  display: none;
}
.ideas .ideas-panel-wrapper {
  margin-top: 55px;
  margin-bottom: 55px;
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
}
.ideas .ideas-panel-wrapper .ideas-panel {
  margin-left: 15px;
}
.ideas .ideas-btn-wrapper {
  font-family: LatoBlack;
  font-size: 14px;
  color: #014347;
  text-transform: uppercase;
  padding-bottom: 60px;
}
.ideas .ideas-btn-wrapper .btn {
  padding-left: 50px;
  padding-right: 50px;
}
.ideas-panel {
  height: 100%;
  border: none;
  margin: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #0f6b6e;
}
.catalog-items > * {
  margin-bottom: 30px;
}
.ideas-panel .panel-heading {
  background-color: white;
  color: #0a494a;
  font-size: 20px;
  font-family: LatoBlack;
  border: none;
  border-radius: 0;
}
.ideas-panel .panel-heading h1 {
  color: #0a494a;
  font-size: 20px;
  font-family: LatoBlack;
  margin: 0;
  text-transform: none;
}
.ideas-panel .panel-heading h1 a {
  color: #0a494a;
}
.ideas-panel .panel-body {
  text-align: left;
  border: none;
}
.ideas-panel .panel-body .app-title {
  color: white;
  font-size: 12px;
  font-family: LatoBold;
  margin-bottom: 15px;
}
.ideas-panel .panel-body .app-subtitle {
  color: #1abdc2;
  font-family: LatoRegular;
  font-size: 12px;
  margin-bottom: 15px;
}
.ideas-panel .panel-body .app-description {
  font-size: 11px;
  color: white;
  font-family: LatoHairline;
  margin: 0;
}
.ideas-panel .panel-footer {
  background: none;
  border: none;
  text-align: left;
  color: #1abdc2;
  font-size: 11px;
  font-family: LatoRegular;
}
.ideas-panel .panel-footer p.footer-icon {
  display: inline;
  margin-right: 9px;
  color: #1abdc2;
  font-size: 11px;
  font-family: LatoRegular;
}
.ideas-panel .panel-footer span {
  margin-right: 9px;
}
@media (max-width: 1169px) {
  .ideas .filtres-desktop,
  .ideas .filtres-mobiles {
	display: none;
  }
  .ideas .filtres-tablet {
	display: block;
	text-align: left;
  }
  .ideas .filtres-tablet span:first-child {
	padding-left: 15px;
  }
  .ideas .filtres-tablet span,
  .ideas .filtres-tablet p {
	padding-left: 20px;
	padding-right: 20px;
  }
  .ideas .filtres-tablet p {
	display: inline;
  }
  .ideas .filtres-tablet .filtre-border-right {
	padding-left: 20px;
	padding-right: 20px;
	border-right: 1px solid #9d9d9d;
	display: inline;
  }
  .ideas .filtres-tablet a {
	color: white;
  }
  .ideas .filtres-tablet .active {
	color: white;
  }
  .ideas .filtres-tablet .active a {
	color: white;
  }
  .ideas .filtres-tablet .filtre-links {
	position: relative;
	margin-top: 30px;
  }
  .ideas .filtres-tablet .form-control {
	max-width: 200px;
	margin: auto;
	text-align-last: center;
	color: #106c70;
	font-family: LatoBlack;
  }
  .ideas .filtres-tablet .all-ideas {
	position: absolute;
	top: 0;
	right: 15px;
  }
}
@media (max-width: 767px) {
  .ideas .filtres-desktop,
  .ideas .filtres-tablet {
	display: none;
  }
  .ideas .filtres-mobiles {
	display: block;
	max-width: 200px;
	margin: auto;
  }
  .ideas .filtres-mobiles .form-control:first-child {
	margin-bottom: 35px;
  }
}
/**
 * Actualites
 */
.actualite {
  background-color: #454545;
  min-height: 900px;
  padding-top: 30px;
}
.actualite .dcsns-toolbar {
  position: absolute;
  top: 0;
  right: 15px;
  width: auto;
}
.actualite .dcsns-toolbar .filter {
  margin-left: 0 !important;
  padding-left: 0 !important;
  float: none !important;
}
.actualite .dcsns-toolbar .filter li {
  display: inline-block;
  vertical-align: middle;
}
.actualite .dcsns-toolbar .filter li a {
  padding: 4px 10px 0 10px;
  height: 40px !important;
  line-height: 40px !important;
  width: inherit !important;
  margin: 0 1px 0 0;
  display: block;
  float: left;
  background-color: #0f6b6e;
  height: 30px;
  text-decoration: none;
}
.actualite .dcsns-toolbar .filter li .link-all {
  color: #fff;
  padding: 0 10px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  font-size: 14px;
  font-weight: normal;
  text-transform: uppercase;
  font-family: LatoBlack;
}
.actualite .title {
  font-size: 50px;
  color: white;
  font-family: LatoBlack;
  text-transform: uppercase;
  padding-top: 50px;
  margin-bottom: 45px;
  text-align: center;
}
@media only screen and (max-width: 62.063em) {
  .actualite .title {
    font-size: 45px;
  }
}
.actualite .content {
  margin-top: 30px;
  padding: 20px;
  background-color: #f6f6f6;
  min-height: 660px;
  border-radius: 10px;
}
.actualite .content .stream li {
  width: 260px;
  margin: 7.5px;
}
.actualite .content .stream li.dcsns-li .section-intro {
  background-color: #0f6b6e;
}
.actualite .actualites-btn-wrapper {
  margin-top: 40px;
  padding-bottom: 45px;
  text-align: center;
}
.actualite .actualites-btn-wrapper a.btn {
  text-transform: uppercase;
  font-size: 14px;
  color: #014347;
  font-family: LatoBlack;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1169px) {
  .actualite .filter {
	margin-top: 30px;
  }
  .actualite .dcsns-toolbar {
	position: relative;
  right: 0;
  text-align: center;
  }
}
@media (max-width: 1169px) {
  .actualite .content .stream li {
	width: 285px;
	margin: 7.5px;
  }
}
@media (max-width: 991px) {
  .actualite .content .stream li {
	width: 325px;
	margin: 7.5px;
  }
}
@media (max-width: 767px) {
  .actualite .content .stream li {
	width: 315px;
	margin: 7.5px;
  }
}
@media (max-width: 425px) {
  .actualite .content .stream li {
	width: 240px;
	margin: 7.5px;
  }
}
/**
 *
 */
.footer {
  min-height: 95px;
  background-color: white;
  padding: 40px;
  font-family: LatoLight;
  font-size: 11px;
  text-align: center;
}
.footer a {
  color: #8d8d8d;
}
.footer .footer-pipe {
  padding: 0 12px;
}
.go-top-btn {
  display: none;
  position: fixed;
  right: 30px;
  bottom: 50px;
  height: 50px;
  width: 50px;
  padding: 17px 14px;
  background-color: rgba(0, 149, 151, 0.7);
  border-radius: 5px;
}
@media (min-width: 500px){
  .go-top-btn:hover {
    background-color: #ce1729;
    cursor: pointer;
  }
}
@media (max-width: 767px) {
  .footer {
	font-size: 16px;
	padding: 30px;
  }
  .footer .footer-pipe {
	display: none;
  }
  .footer .footer-text {
	display: block;
	padding: 8px;
  }
}
/**
 * mobile share links
 */
.mobile-share-links {
  height: 50px;
  background-color: #009496;
  text-align: center;
}
.mobile-share-links .mobile-share-links-wrapper {
  padding-top: 15px;
}
.mobile-share-links .mobile-share-links-wrapper a {
  margin: 0 22px;
}
@media (min-width: 768px) {
  .mobile-share-links {
	display: none;
  }
}
@media (max-width: 425px) {
  .mobile-share-links .mobile-share-links-wrapper a {
	margin: 0 15px;
  }
}
/**
 * actualite-hero
 */
.actualite-view-hero-section, .actualite-hero-section {
  background-image: url("../images/banner_wwt_home0.jpg");
}

.emissionactualite-hero-section {
	background-image: url("../images/banner_wwt_emission.jpg");
}
.tvactualite-hero-section {
	background-image: url("../images/banner_wwt_TV.jpg");
}
.newsletteractualite-hero-section {
	background-image: url("../images/banner_wwt-newsletter.jpg");
}
.rechercher-hero-section {
	background-image: url("../images/bg-actualite-hero.jpg");
}
@media (max-width: 1169px) {
  .actualite-view-hero-section, .actualite-hero-section {
	margin-top: 0;
	height: 385px;
  }
}
@media (max-width: 767px) {
  .actualite-view-hero-section, .actualite-hero-section {
	margin-top: 50px;
	height: 170px;
  }
  .actualite-view-hero-section .title, .actualite-hero-section .title {
	font-size: 30px;
  }
}
/**
 * breadcrumb
 */
.breadcrumb {
  height: 30px;
  padding: 0;
  background-color: #e6e6e6;
  margin-bottom: 0;
  border-radius: 0;
  position: relative;
}
.breadcrumb li {
  height: 100%;
  padding: 5px 15px 5px 25px;
  position: relative;
  float: left;
}
.breadcrumb li a {
  color: #009597;
  font-size: 12px;
  font-family: LatoRegular;
}
.breadcrumb li a.actualite {
  background: none;
min-height: auto;
padding-top: 0;
}
.breadcrumb li.active a {
  color: #808080;
}
.breadcrumb li + li:before {
  content: none;
}
.breadcrumb li:not(:last-child):not(.home) {
  position: relative;
}
.breadcrumb li:not(:last-child):not(.home):after,
.breadcrumb li:not(:last-child):not(.home):before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.breadcrumb li:not(:last-child):not(.home):after {
  border-color: rgba(136, 183, 213, 0);
  border-left-color: #e6e6e6;
  border-width: 13px;
  margin-top: -13px;
}
.breadcrumb li:not(:last-child):not(.home):before {
  border-color: rgba(245, 245, 245, 0);
  border-left-color: white;
  border-width: 15px;
  margin-top: -15px;
}
.breadcrumb .home {
  background-color: #d8d8d8;
}
.breadcrumb .home::after {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-left-color: #d8d8d8;
  border-width: 15px;
  margin-top: -15px;
}
@media (max-width: 767px) {
  .breadcrumb {
	display: none;
  }
}
/**
 * Compte Validé
 */
.thumb-picto {
  margin: 68px 0;
}
.account-subtitle {
	margin-bottom: 25px;
}
.account-button {
	margin: 60px 0;
}

.account-button .btn{
	margin: 0 30px;
}
/**
 * Error Page
 */
.error-page-content .email-info {
	margin: 10px 0 30px 0;
}
.error-page-content .well {
	border: none;
	padding: 30px 0;
	box-shadow: 0;
}
.error-page-content .well .row {
	margin: 25px 0;
}
.strong{
	font-family: LatoBlack;
}
.error-page-content .conn-button > div{
	margin: 15px 0;
}
/**
 * Actualité list
 */
.actualite-content .actualite-panel {
  height: 100%;
  padding-bottom: 34px;
  position: relative;
}
.actualite-content .actualite-panel > a {
  display: block;
  height: 100%;
}
@media (min-width: 500px){
  .actualite-content .actualite-panel > a:hover {
    text-decoration: none;
  }
}
.actualite-content .actualite-panel .actualite-image {
  height: 190px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.actualite-content .actualite-panel .actualite-text {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 15px;
  font-family: LatoBold;
  color: #2d2d2d;
}
.actualite-content .actualite-panel .actualite-text .actualite-title {
  padding-bottom: 10px;
  font-size: 15px;
  font-family: LatoBold;
  color: #2d2d2d;
  margin: 0;
}
.actualite-content .actualite-panel .actualite-text .actualite-content {
  font-family: LatoRegular;
  margin: 0 0 10px 0;
}
.actualite-content .actualite-panel .actualite-text span.fake-link {
  color: #009597;
  font-family: LatoBlack;
}
@media (min-width: 500px){
.actualite-content .actualite-panel .actualite-text span.fake-link:hover {
  text-decoration: underline;
}
}
.actualite-content .actualite-panel .actualite-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 7px;
  background-color: #1d4547;
}
.actualite-content .actualite-panel .actualite-footer p {
  margin-bottom: 0;
}
.actualite-content .actualite-panel .actualite-footer .footer-text {
  font-family: LatoRegular;
  float: left;
  color: #dedede;
}
.actualite-content .actualite-panel .actualite-footer .footer-links {
  float: right;
  height: 20px;
}
.actualite-content .actualite-panel .actualite-footer a {
  display: inline-block;
  height: 20px;
}
@media (min-width: 768px) {
  .actualite-content .catalog-items > .block-actu {
    height: 380px;
  }
}
@media (max-width: 767px) {
  .actualite-content .actualite-panel {
	min-height: inherit;
  }
}
@media (max-width: 1169px) {
  .actualite-content .actualite-panel .actualite-footer a {
	margin: 0 12px;
  }
}
.view-page-header-line {
  margin-bottom: 40px;
}
.view-page-header-line .back-btn-wrapper {
  float: left;
}
.view-page-header-line .back-btn-wrapper .btn {
  font-family: LatoBlack;
}
.view-page-header-line .share-links .text,
.view-page-header-line .share-links-mobile .text {
  float: left;
  padding-top: 10px;
  padding-right: 5px;
  font-family: LatoRegular;
  font-size: 14px;
}
.view-page-header-line .share-links {
  float: right;
}
.view-page-header-line .share-links a {
  margin-left: 5px;
  margin-right: 5px;
}
.view-page-header-line .share-links .text {
  color: #9f9f9f;
}
.view-page-header-line .share-links-mobile {
  display: none;
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 12px;
  background-color: #1d4547;
}
.view-page-header-line .share-links-mobile .text {
  color: #dedede;
  font-size: 17.38px;
}
@media (max-width: 767px) {
  .view-page-header-line {
	margin-bottom: 20px;
  }
  .view-page-header-line .back-btn-wrapper {
	float: none;
	text-align: center;
	margin-bottom: 20px;
  }
  .view-page-header-line .back-btn-wrapper .btn {
	width: 100%;
  }
  .view-page-header-line .share-links-mobile {
	display: block;
  }
  .view-page-header-line .share-links {
	display: none;
  }
}
/**
  Actualite view
 */
.actualite-view-content {
  padding-top: 25px;
  padding-bottom: 20px;
}
.actualite-view-content .header-line {
  margin-bottom: 40px;
}
.actualite-view-content .article-title {
  font-family: LatoBlack;
  font-size: 36px;
  color: #2d2d2d;
  text-align: center;
  margin-bottom: 30px;
  text-transform: uppercase;
}
.actualite-view-content .article-body {
  font-size: 16px;
  color: #2d2d2d;
  text-align: center;
}
.actualite-view-content .article-body img {
  width: 100%;
  max-width: 100%;
  margin-bottom: 40px;
}
.actualite-view-content .article-body p {
  margin-bottom: 30px;
  text-align: justify;
}
@media (max-width: 767px) {
  .actualite-view-content .article-title {
	font-size: 30px;
  }
}
/*
 * Pagination
 */
.pagination-mobile {
  display: none;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px;
}
.pagination-mobile .btn {
  padding-left: 65px;
  padding-right: 65px;
  margin: auto;
  font-family: LatoBlack;
  font-size: 16px;
  text-transform: uppercase;
  color: #014347;
}
.pagination {
  height: 50px;
  background-color: #e6e6e6;
  display: block;
  position: relative;
  border-radius: 0;
  padding: 15px 20px;
  text-align: center;
}
.pagination .prev-link {
  float: left;
}
.pagination .next-link {
  float: right;
}
.pagination a {
  color: #009597;
  font-family: LatoBold;
}
.pagination .active a {
  color: #000000;
  border: none;
  padding: 5px;
}
@media (min-width: 500px){
.pagination .active a:hover,
.pagination .active a:focus{
  color: #000000;
  border: none;
}
}
.pagination .page-link {
  margin: 0 5px;
  color: #009597;
}
.pagination .number {
  margin: 0 5px;
  color: #009597;
}
.pagination .pagination-divider:before {
  content: "|";
  color: #009597;
}
.pagination.pagination-barre .total-idees {
  color: #2d2d2d;
  float: left;
  font-family: LatoBold;
  font-size: 16px;
}
.pagination.pagination-barre .idees-links,
.pagination.pagination-barre .idees-links-mobile {
  text-transform: uppercase;
  font-size: 16px;
  font-family: LatoBold;
  color: #cdcdcd;
  display: inline-block;
}
.pagination.pagination-barre .idees-links a,
.pagination.pagination-barre .idees-links-mobile a {
  margin-left: 25px;
  margin-right: 25px;
  color: #009597;
}
.pagination.pagination-barre .idees-links a:nth-child(even),
.pagination.pagination-barre .idees-links-mobile a:nth-child(even) {
  margin-right: 0;
}
.pagination.pagination-barre .idees-links a:nth-child(odd),
.pagination.pagination-barre .idees-links-mobile a:nth-child(odd) {
  margin-left: 0;
}
.pagination.pagination-barre .inner-pagination {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.pagination.pagination-barre .inner-pagination li {
	display: inline;
}
.idees-links-mobile {
  display: none;
  text-align: center;
  margin-bottom: 20px;
  font-size: 12px;
  text-transform: uppercase;
}
.idees-links-mobile a:first-child {
  margin-right: 10px;
}
.idees-links-mobile a:last-child {
  margin-left: 10px;
}
@media (max-width: 359px) {
  .idees-links-mobile {
	font-size: 10px;
  }
}
@media (max-width: 767px) {
  .pagination.pagination-barre {
	padding: 4px;
	height: 25px;
  }
  .pagination.pagination-barre .total-idees {
	float: none;
	text-align: center;
  }
  .pagination.pagination-barre .idees-links {
	display: none;
  }
  .idees-links-mobile {
	display: block;
  }
}
@media (max-width: 1169px) {
  .pagination-mobile {
	display: block;
  }
  .pagination {
	display: none;
  }
  .pagination.pagination-barre {
	display: block;
	height: 35px;
	padding: 9px 15px;
  }
  .pagination.pagination-barre .total-idees {
	font-size: 12px;
  }
  .pagination.pagination-barre .idees-links {
	font-size: 12px;
	float: right;
  }
  .pagination.pagination-barre .inner-pagination {
	display: none;
  }
}
/**
 * Comment ça marche hero section
 */
.comment-ca-marche-hero-section {
  background-image: url('../images/bg-comment-ca-marche-hero.jpg');
}
@media (max-width: 1169px) {
  .comment-ca-marche-hero-section {
	height: 385px;
	margin-top: 0;
  }
  .comment-ca-marche-hero-section .title {
	max-width: 500px;
	margin: auto;
	left: 0;
	right: 0;
  }
}
@media (max-width: 767px) {
  .comment-ca-marche-hero-section {
	height: 180px;
	margin-top: 50px;
  }
  .comment-ca-marche-hero-section .title {
	font-size: 30px;
	margin: auto;
	max-width: 200px;
	left: 0;
	right: 0;
  }
}
/**
 * Comment ça marche content
 */
.comment-ca-marche-content {
  padding-top: 30px;
  padding-bottom: 0;
}
.comment-ca-marche-content .text {
  font-family: LatoRegular;
  color: #2d2d2d;
  margin-bottom: 40px;
  font-size: 14px;
}
.comment-ca-marche-content .embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.comment-ca-marche-content .embed-container iframe,
.comment-ca-marche-content .embed-container object,
.comment-ca-marche-content .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/**
 * Nos missions hero
 */
.nos-missions-hero-section {
  background-image: url('../images/bg-nos-missions-hero.jpg');
}
@media (max-width: 1169px) {
  .nos-missions-hero-section {
	height: 385px;
	margin-top: 0;
  }
}
@media (max-width: 767px) {
  .nos-missions-hero-section {
	height: 170px;
	margin-top: 50px;
  }
  .nos-missions-hero-section .title {
	font-size: 30px;
  }
}
/**
 * Nos missions content
 */
.nos-missions-content {
  padding-top: 30px;
  padding-bottom: 20px;
}
.nos-missions-content .text {
  font-family: LatoRegular;
  font-size: 14px;
  color: #2d2d2d;
}
.nos-missions-content .missions-panels-wrapper {
  margin-top: 80px;
}
.nos-missions-content .missions-panel {
  padding: 20px 10px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  margin: auto;
  color: white;
  margin-bottom: 70px;
  border: 3px solid #0d9c9d;
  border-radius: 4px;
  max-width: 360px;
}
.nos-missions-content .missions-panel.labo-innovation {
  background-image: url('../images/bg-labo-innovation.jpg');
}
.nos-missions-content .missions-panel.co-creation {
  background-image: url('../images/bg-co-creation.jpg');
}
.nos-missions-content .missions-panel.agilite {
  background-image: url('../images/bg-agilite.jpg');
}
.nos-missions-content .missions-panel.open-innovation {
  background-image: url('../images/bg-open-innovation.jpg');
}
.nos-missions-content .missions-panel .image {
  text-align: center;
}
.nos-missions-content .missions-panel .title {
  font-size: 22.65px;
  font-family: LatoBlack;
  text-align: center;
  margin-bottom: 15px;
  margin-top: 15px;
  color: white;
  word-break: keep-all;
}
.nos-missions-content .missions-panel .text {
  font-size: 12px;
  font-family: LatoRegular;
  color: white;
  text-align: justify;
  margin: 0;
}
@media (min-width: 768px) {
  .nos-missions-content .missions-panel {
    height: 360px;
  }
}
@media (max-width: 1169px) {
  .nos-missions-content .missions-panel {
	margin-bottom: 30px;
	max-width: inherit;
  }
  .nos-missions-content .missions-panels-wrapper {
	margin-top: 45px;
  }
}
@media (max-width: 767px) {
  .nos-missions-content .missions-panel {
	margin-bottom: 20px;
  }
  .nos-missions-content .missions-panels-wrapper {
	margin-top: 30px;
  }
}
@media (min-width: 768px) {
  .nos-missions-content .missions-panel {
    width: 360px;
  }
}
/**
  Vos idées
 */
.vos-idees-hero-section, .vos-idees-view-hero-section {
  background-image: url('../images/bg-vos-idees.jpg');
}
.vos-idees-content {
  padding-top: 30px;
  padding-bottom: 30px;
}
.vos-idees-content .title {
  font-family: LatoBlack;
  font-size: 36px;
  text-transform: uppercase;
  color: #0a494a;
  margin-bottom: 30px;
  text-align: center;
}
.vos-idees-content .idees-filtres {
  text-transform: uppercase;
  font-family: LatoRegular;
  font-size: 14px;
  text-align: center;
}
.vos-idees-content .idees-filtres .filtre-rated-tablet {
  display: none;
}
.vos-idees-content .idees-filtres a {
  color: #009597;
}
.vos-idees-content .idees-filtres-mobile {
  display: none;
}
.vos-idees-content .idees-filtres-mobile .form-control {
  background-color: #ededed;
  box-shadow: 3px 3px 6px #b7b7b7;
}
.vos-idees-content .total-idees {
  color: #2d2d2d;
  float: left;
  font-family: LatoBold;
  font-size: 16px;
}
.vos-idees-content .ideas-panel {
  margin-bottom: 20px;
}
.vos-idees-content .ideas-panel .panel-heading {
  background-color: #e6e6e6;
}
@media (max-width: 1169px) {
  .vos-idees-content .idees-filtres .filtre-rated {
	display: none;
  }
  .vos-idees-content .idees-filtres .filtre-rated-tablet {
	display: inline-block;
  }
  .vos-idees-content .vos-idees-pagination {
	display: none;
  }
  .vos-idees-content .pagination {
	display: block;
  }
  .vos-idees-content .total-idees {
	font-size: 12px;
  }
  .vos-idees-content .idees-links {
	font-size: 12px;
	float: right;
  }
}
@media (max-width: 767px) {
  .vos-idees-content .idees-filtres-mobile {
	display: block;
  }
  .vos-idees-content .idees-filtres {
	display: none;
  }
  .vos-idees-content .pagination {
	padding: 4px;
	height: 25px;
  }
  .vos-idees-content .total-idees {
	float: none;
	text-align: center;
  }
  .vos-idees-content .idees-links {
	display: none;
  }
}
.social-count-btn-wrapper {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
.social-count-btn-wrapper .count-btn {
  display: inline-block;
  padding: 6px;
  color: white;
  font-size: 14px;
  font-family: LatoBold;
  border-radius: 4px;
  margin-left: 10px;
  margin-right: 10px;
}
.social-count-btn-wrapper .count-btn span {
  float: left;
}
.social-count-btn-wrapper .count-btn p {
  float: left;
  font-size: 14px;
  font-family: LatoBold;
  margin: 0;
  color: white;
}
.social-count-btn-wrapper .count-btn .sprite {
  margin-right: 15px;
  float: left;
}
.social-count-btn-wrapper .facebook-count-btn {
  background-color: #3b5998;
}
.social-count-btn-wrapper .twitter-count-btn {
  background-color: #00abf1;
}
.social-count-btn-wrapper img {
  max-height: 45px;
  margin-top: -30px;
  margin-left: 10px;
}
@media (max-width: 567px) {
  .social-count-btn-wrapper .count-btn {
	margin-bottom: 10px;
  }
  .social-count-btn-wrapper img {
	margin-top: 0;
	vertical-align: super;
  }
  .social-count-btn-wrapper .twitter-count-btn {
	margin-bottom: 10px;
  }
}
.vos-idees-view-content {
  padding-top: 30px;
  padding-bottom: 30px;
}
.vos-idees-view-content .heading {
  margin-bototm: 30px;
}
.vos-idees-view-content .heading .title {
  color: #0a494a;
  font-size: 30px;
  font-family: LatoBlack;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.vos-idees-view-content .heading .author {
  font-family: LatoRegular;
  color: #666666;
  margin-bottom: 10px;
}
.vos-idees-view-content .heading .author .author-name {
  text-transform: uppercase;
  font-family: LatoBlack;
}
.vos-idees-view-content .heading .theme {
  font-family: LatoRegular;
  color: #666666;
  margin-bottom: 30px;
}
.vos-idees-view-content .heading .theme .theme-name {
  color: #009597;
  font-family: LatoBlack;
}
.vos-idees-view-content .description {
  font-family: LatoRegular;
  font-size: 16px;
  color: #2d2d2d;
  margin-bottom: 45px;
}
.vos-idees-view-content .soutien-btn-wrapper {
  margin-bottom: 50px;
}
.vos-idees-view-content .soutien-btn-wrapper a {
  font-family: LatoBlack;
  font-size: 17.86px;
  text-transform: uppercase;
}
.vos-idees-view-content .soutien-btn-wrapper a .count {
  color: #009597;
  font-size: 18px;
  font-family: LatoBold;
  margin-right: 15px;
}
.vos-idees-view-content .soutien-btn-wrapper a .count .sprite {
  margin-right: 10px;
}
@media (min-width: 500px){
.vos-idees-view-content .soutien-btn-wrapper a:hover .count {
  color: white;
}
}
.vos-idees-view-content .top-3-idees {
  margin-bottom: 60px;
}
.vos-idees-view-content .top-3-idees .title {
  color: #0a494a;
  font-size: 24px;
  font-family: LatoBold;
  margin-bottom: 30px;
}
.vos-idees-view-content .top-3-idees .ideas-panel .panel-heading {
  background-color: #e6e6e6;
}
.vos-idees-view-content .top-3-idees .ideas-panel .panel-body img {
  position: absolute;
  right: 30px;
  top: 15px;
}
.vos-idees-view-content .connaissez-vous-wrapper {
  margin-bottom: 60px;
}
.vos-idees-view-content .connaissez-vous-wrapper .title {
  color: #0a494a;
  font-size: 24px;
  font-family: LatoBold;
  margin-bottom: 30px;
}
.vos-idees-view-content .connaissez-vous-wrapper .ideas-panel .panel-heading {
  background-color: #e6e6e6;
}
/**
  Commentaires
 */
.commentaires-wrapper {
  margin-bottom: 30px;
}
.commentaires-wrapper .title {
  color: #0a494a;
  font-size: 24px;
  font-family: LatoBold;
  margin-bottom: 30px;
}
.commentaires-wrapper .commentaire .commentaire-heading {
  margin-bottom: 10px;
}
.commentaires-wrapper .commentaire .commentaire-heading .author-name {
  color: #0f6b6e;
  font-family: LatoBlack;
  font-size: 14px;
}
.commentaires-wrapper .commentaire .commentaire-heading .date {
  color: #666666;
  font-family: LatoBold;
  font-size: 14px;
}
.commentaires-wrapper .commentaire .text {
  color: #2d2d2d;
  font-size: 14px;
  font-family: LatoRegular;
}
.btn-commenter-wrapper {
  margin-bottom: 60px;
}
.btn-commenter-wrapper a {
  font-size: 17.86px;
  font-family: LatoBlack;
  text-transform: uppercase;
  width: 200px;
}
.btn-commenter-wrapper a .sprite {
  vertical-align: bottom;
  margin-right: 7px;
}
/**
  nos Applications
 */
.nos-applications-hero-section, .nos-applications-view-hero-section, .rechercher-une-application-hero-section {
  background-image: url('../images/bg-nos-applications.jpg');
}
.nos-applications-content {
  padding-top: 30px;
  padding-bottom: 30px;
}
.nos-applications-view-content .description {
  margin-top: 30px;
  margin-bottom: 30px;
}
.nos-applications-view-content .app-logo {
  width: 100%;
}
@media (max-width: 1169px) {
  .nos-application-filtres .form-control {
	font-size: 12px;
	height: 30px;
  }
}
@media (max-width: 767px) {
  .nos-applications-content {
	padding-top: 0px;
	padding-bottom: 10px;
  }
}
.application-panel {
  border: 1px solid #009597;
  box-shadow: 0px 0px 5px #9f9f9f;
  border-radius: 10px;
  margin-bottom: 0;
}
.application-panel .panel-body {
  padding: 8px 6px;
}
.application-panel .panel-body .app-image {
  max-height: 150px;
  max-width: 100%;
  text-align: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  margin: 0;
}
.application-panel .panel-body .app-image img {
  max-width: 100%;
  max-height: 150px;
}
.application-panel .panel-body .app-title {
  text-align: center;
  color: #009597;
  font-family: LatoBlack;
  font-size: 12px;
  margin-top: 5px;
  margin-bottom: 5px;
  text-transform: none;
}
.application-panel .panel-body .app-subtitle {
  text-align: center;
  color: #2d2d2d;
  font-family: LatoBold;
  font-size: 11px;
  margin-bottom: 10px;
}
.application-panel .panel-body .app-description {
  color: #2d2d2d;
  font-family: LatoLight;
  font-size: 11px;
  margin: 0;
}
.application-panel .panel-footer {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: transparent;
  border-top-color: transparent;
  height: 40px;
}
.application-panel .panel-footer .app-rating {
  float: left;
}
.application-panel .panel-footer .app-rating .sprite:not(:last-child) {
  margin-right: -5px;
}
.application-panel .panel-footer .app-comment {
  float: right;
  color: #0f6b6e;
}
@media (min-width: 768px) {
  .application-panel .panel-body {
    min-height: 270px;
  }
}
@media (max-width: 1169px) {
  .application-panel .panel-body .app-title {
	font-size: 16px;
  }
  .application-panel .panel-body .app-subtitle {
	font-size: 14px;
  }
  .application-panel .panel-body .app-description {
	font-size: 14px;
  }
}
@media (max-width: 767px) {
  .application-panel .panel-body {
    min-height: 150px;
  }
  .application-panel .panel-body .app-image {
	max-height: none;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
  }
  .application-panel .panel-body .app-image a {
    display: block;
    height: 80px;
    overflow: hidden;
  }
  .application-panel .panel-body .app-image a img {
    width: 100%;
    height: auto;
    max-width: none;
    max-height: none;
    object-fit: cover;
  }
  .application-panel .panel-body .app-title {
    text-align: left;
	  font-size: 10px !important;
    overflow-wrap: break-word;
  }
  .application-panel .panel-body .app-subtitle {
	  font-size: 10px !important;
    text-align: left;
    margin-bottom: 0; 
  }
  .application-panel .panel-body .app-description {
	  display: none;
  }
  .application-panel footer.panel-footer {
    /*display: none;*/
    padding: 0 6px 8px 6px;
    height: auto;

    position: relative;
  }

  .application-panel footer.panel-footer .app-rating {
    float: none;
    height: 16px;
    text-align: left;
    transform: scale(0.5);
    transform-origin: bottom left;

    white-space: nowrap;
  }

  .application-panel footer.panel-footer .app-comment {
    /*display: none;*/

    position: absolute;
    right: 6px;
    bottom: 6px;

    transform: scale(0.5);
    transform-origin: bottom right;
  }
}
.form-control.search-input {
  border: none;
  border-radius: 34px;
  box-shadow: inset 3px 4px 2px rgba(0, 0, 0, 0.15);
  padding-right: 45px;
}
.search-input-inner-addon {
  position: relative;
}
.search-input-inner-addon .sprite {
  position: absolute;
  right: 20px;
  top: 8px;
}
.form-control.search-input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  text-transform: uppercase;
  font-size: 12px;
}
.form-control.search-input::-moz-placeholder {
  /* Firefox 19+ */
  text-transform: uppercase;
  font-size: 12px;
}
.form-control.search-input:-ms-input-placeholder {
  /* IE 10+ */
  text-transform: uppercase;
  font-size: 12px;
}
.form-control.search-input:-moz-placeholder {
  /* Firefox 18- */
  text-transform: uppercase;
  font-size: 12px;
}
@media (max-width: 1169px) {
  .form-control.search-input::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	font-size: 9px;
  }
  .form-control.search-input::-moz-placeholder {
	/* Firefox 19+ */
	font-size: 9px;
  }
  .form-control.search-input:-ms-input-placeholder {
	/* IE 10+ */
	font-size: 9px;
  }
  .form-control.search-input:-moz-placeholder {
	/* Firefox 18- */
	font-size: 9px;
  }
}
@media (max-width: 767px) {
  .form-control.search-input::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	font-size: 12px;
	text-align: center;
  }
  .form-control.search-input::-moz-placeholder {
	/* Firefox 19+ */
	font-size: 12px;
	text-align: center;
  }
  .form-control.search-input:-ms-input-placeholder {
	/* IE 10+ */
	font-size: 12px;
	text-align: center;
  }
  .form-control.search-input:-moz-placeholder {
	/* Firefox 18- */
	font-size: 12px;
	text-align: center;
  }
}

.my-account-hero-section, .client-hero-section {
	background-image: url('../images/bg-account.jpg');
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
word-break: initial;
}

/* -- CODE INSCRIPTION -- */
#LinkAccountFront #codeInput-wrapper .codeTableLarge {
	margin-right: 1.875rem;
	float: left;
}

#LinkAccountFront #codeInput-wrapper .codeTableLarge .virtualkeyboard {
	margin: 0 0 0.625rem 0;
	padding: 0;
}

#LinkAccountFront #codeInput-wrapper .codeTableSmall {
  float: left;
}

#LinkAccountFront #codeInput-wrapper .codeTableSmall .virtualkeyboard {
  margin: 0 0 2rem 0;
  padding: 0;
}

#LinkAccountFront #codeInput-wrapper .codeTableLarge .virtualkeyboard li, #LinkAccountFront #codeInput-wrapper .codeTableSmall .virtualkeyboard li {
	list-style: none;
	float: left;
}

#LinkAccountFront #codeInput-wrapper .codeTableLarge .virtualkeyboard li a, #LinkAccountFront #codeInput-wrapper .codeTableSmall .virtualkeyboard li a {
	text-decoration: none;
	display: inline-block;
	height: 100%;
	width: 100%;
}

#LinkAccountFront #codeInput-wrapper .codeTableLarge .virtualkeyboard {
	width: 9rem;
	height: 9rem;
	background: url("/frontend/register/generate-img") 0 0 no-repeat;
	background-size: 100%;
}

#LinkAccountFront #codeInput-wrapper .codeTableLarge .virtualkeyboard li {
	height: 19.8%;
	width: 19.8%;
}
@media (min-width: 500px){
#LinkAccountFront #codeInput-wrapper .codeTableLarge .virtualkeyboard li a:hover {
	background-color: rgba(27, 188, 155, 0.2);
}
}

#LinkAccountFront #codeInput-wrapper .codeTableSmall .virtualkeyboard {
	width: 18.125rem;
	height: 7.25rem;
	background: url("/frontend/register/generate-img/mobile/1") 0 0 no-repeat;
	background-size: 100%;
}

#LinkAccountFront #codeInput-wrapper .codeTableSmall .virtualkeyboard li {
	height: 50%;
	width: 20%;
}

#LinkAccountFront #codeInput-wrapper .codeTableSmall .virtualkeyboard li a:active {
	background-color: rgba(27, 188, 155, 0.2);
}

#LinkAccountFront #codeInput-wrapper .codeInputs {
	float: left;
}

#LinkAccountFront #codeInput-wrapper .codeInputs input {
	margin-bottom: 1.0625rem;
}

#LinkAccountFront #codeInput-wrapper .codeInputs span {
	color: #34495e;
	cursor: pointer;
	font-size: 0.875rem;
	text-decoration: underline;
}

#codeInput-wrapper .error {
  display: none;
}

#LinkAccountFront #send-element {
	margin-top: 1.875rem;
}

#LinkAccountFront #send-element i {
	top: 2.75rem;
}

@media only screen and (max-width: 39em) {
	#mobile-body #LinkAccountFront #codeInput-wrapper .codeInputs input {
		width: 18.125rem;
	}
}

@media only screen and (max-width: 315px) {
	#LinkAccountFront #codeInput-wrapper .codeTableSmall .virtualkeyboard {
		width: 15.625rem !important;
		height: 6.25rem !important;
	}

	#LinkAccountFront #codeInput-wrapper .codeInputs input {
		width: 15.625rem !important;
	}
}
/* -- END CODE INSCRIPTION -- */

/* -- CODE HEADER WRAPPER -- */
.sub-nav {
	display: inline-block;
	width: 100%;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  font-family: LatoBlack;
}
.sub-nav:after {
	clear: both;
	content: "";
	height: 0;
	width: 0;
	visibility: hidden;
	opacity: 0;
}
.sub-nav > dd {
  position: relative;
  display: block;
}
.sub-nav > dd > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
@media (min-width: 500px){
.sub-nav > dd > a:hover,
.sub-nav > dd > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
}
.sub-nav > dd.disabled > a {
  color: #777777;
}
@media (min-width: 500px){
.sub-nav > dd.disabled > a:hover,
.sub-nav > dd.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
}
.sub-nav .open > a{
  background-color: #eeeeee;
  border-color: #337ab7;
}
@media (min-width: 500px){
  .sub-nav .open > a:hover,
  .sub-nav .open > a:focus {
    background-color: #eeeeee;
    border-color: #337ab7;
  }
}
.sub-nav .sub-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.sub-nav > dd > a > img {
  max-width: none;
}
.sub-nav {
  border-bottom: 1px solid #dddddd;
}
.sub-nav > dd {
  float: left;
  margin-bottom: -1px;
}
.sub-nav > dd > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
@media (min-width: 500px){
  .sub-nav > dd > a:hover {
    border-color: #eeeeee #eeeeee #dddddd;
  }
}
.sub-nav > dd.active > a{
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
  cursor: default;
}
@media (min-width: 500px){
.sub-nav > dd.active > a:hover,
.sub-nav > dd.active > a:focus {
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
  cursor: default;
}
}
.sub-nav.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.sub-nav.nav-justified > dd {
  float: none;
}
.sub-nav.nav-justified > dd > a {
  text-align: center;
  margin-bottom: 5px;
}
.sub-nav.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .sub-nav.nav-justified > dd {
    display: table-cell;
    width: 1%;
  }
  .sub-nav.nav-justified > dd > a {
    margin-bottom: 0;
  }
}
.sub-nav.nav-justified > dd > a {
  margin-right: 0;
  border-radius: 4px;
}
.sub-nav.nav-justified > .active > a{
  border: 1px solid #dddddd;
}
@media(min-width : 500px){}
.sub-nav.nav-justified > .active > a:hover,
.sub-nav.nav-justified > .active > a:focus {
  border: 1px solid #dddddd;
}
}
@media (min-width: 768px) {
  .sub-nav.nav-justified > dd > a {
    border-bottom: 1px solid #dddddd;
    border-radius: 4px 4px 0 0;
  }
  .sub-nav.nav-justified > .active > a,
  .sub-nav.nav-justified > .active > a:hover,
  .sub-nav.nav-justified > .active > a:focus {
    border-bottom-color: #ffffff;
  }
}

.sub-nav {
  margin-bottom: 20px;
}
.sub-nav > dd.active > a,
.sub-nav > dd.active > a:focus,
.sub-nav > dd.active > a:hover {
  border-color: transparent;
  border-bottom: 3px solid #1abdc2;
}
.sub-nav > dd > a {
  border-bottom: 3px solid transparent;
}
.sub-nav > dd > a:hover,
.sub-nav > dd > a:focus {
  background-color: transparent;
  border-color: transparent;
}

#general-terms .header-wrapper.fixed-terms {
	position: fixed;
	top: 0;
	background-color: white;
	z-index: 10;
}

@media (min-width: 768px) {
  #general-terms .header-wrapper.fixed-terms {
    width: 1140px;
  }

  #general-terms .header-wrapper h1 {
    font-size: 48px;
    margin-bottom: 40px;
  }

  #general-terms .header-wrapper h1 a {
    font-size: 20px;
  }

  #general-terms .content-wrapper h2 {
    font-size: 26px;
    margin-bottom: 20px;
  }

  #general-terms .content-wrapper h2 a {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  #general-terms .header-wrapper.fixed-terms {
    width: 100%;
    left: 0;
    padding-left: 15px;
    padding-right: 15px;
  }

  #general-terms .header-wrapper h1 {
    font-size: 24px;
    margin-bottom: 10px;
  }

  #general-terms .header-wrapper h1 a {
    font-size: 14px;
  }

  #general-terms .content-wrapper h2 {
    font-size: 24px;
    margin-bottom: 20px;
  }

  #general-terms .content-wrapper h2 a {
    font-size: 14px;
  }

  .page-content h1 {
    font-size: 34px !important;
  }

  .page-content h2 {
    font-size: 20px !important;
  }

  ul.nav.nav-tabs>li>a {
    margin-right: 0;
    padding: 10px;
    font-size: 10px;
  }
}
/* -- CODE END HEADER WRAPPER -- */

/* -- CODE PERSO STYLE -- */
#codeInput-wrapper {
	display: inline-block;
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: 15px;
}

#codeInput-wrapper #codeInput-label {
	text-transform: uppercase;
    font-size: 1.5vh;
	margin-bottom: 15px;
}

#codeInput-wrapper .codeInputs input#codeInput {
	display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 2px solid #eeeeee;
    border-radius: 4px;
}

#codeInput-wrapper .codeInputs span.correction_code_btn {
	display: block;
    font-size: 14px !important;
    font-family: "Montserrat", sans-serif;
}

@media only screen and (min-width: 62.063em) {
  #codeInput-wrapper .virtualkeyboard {
    width: 144px !important;
    height: 144px !important;
  }

	.show-for-medium-down {
		display: none;
	}
}

@media only screen and (max-width: 62.063em) {
  #codeInput-wrapper .virtualkeyboard {
    width: 22.65625rem !important;
    height: 9.0625rem !important;
  }

	.show-for-large-up {
		display: none;
	}
}

/* -- END CODE PERSO STYLE -- */

/* -- DISABLE SCROLL WHEN MODAL OPEN -- */
body.modal-open {
	position: fixed;
	width: 100%;
	overflow-y: scroll;
	max-height: 100%;
	padding-right: 0 !important;
}
/* -- END DISABLE SCROLL WHEN MODAL OPEN -- */

/* -- CUSTOM CHECKBOX / RADIO -- */
.fake-label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

.control-group {
  text-align: left;
  vertical-align: top;
}

label.control {
	position: relative;

	padding-left: 20px;
	margin-right: 10px;
	margin-bottom: 10px;

	font-size: 12px;
	line-height: 14px;
	font-weight: 400;
	cursor: pointer;
}

/*
label.control > input {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;

	opacity: 0;
	visibility: hidden;
}
*/

label.control > input {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);

	margin-top: 0;
}

label.control .control__indicator {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);

	width: 20px;
	height: 20px;

	border: 3px solid #e6e6e6;
}

label.control.control--radio .control__indicator {
	border-radius: 50%;
}

/* Hover and focus states */
label.control:hover input ~ .control__indicator,
label.control input:focus ~ .control__indicator {
	background: #ccc;
}

/* Checked state */
label.control input:checked ~ .control__indicator {
	background: #0f6b6e;
}

/* Hover state whilst checked */
label.control:hover input:not([disabled]):checked ~ .control__indicator,
label.control input:checked:focus ~ .control__indicator {
	background: #0e647d;
}

/* Disabled state */
label.control input:disabled ~ .control__indicator {
	pointer-events: none;
	opacity: 0.6;
	background: #e6e6e6;
}
/* -- END CUSTOM CHECKBOX / RADIO -- */

/* -- STYLE ALERT BOX -- */
.alert-box {
    padding: 20px;
    background-color: #eeeeee;
}

.alert-box .alert-box-title {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: 700;
	text-transform: uppercase;
	color: black;
	font-size: 1.5vh;	
}

.alert-box ul {
	margin-bottom: 0;
	padding-left: 16px;
}

.alert-box p {
	margin-bottom: 0;
}

.alert-box p + p {
	margin-top: 20px;
}
/* -- END STYLE ALERT BOX -- */

/* -- FORMULAIRE STYLE CUSTOM -- */
.form-group p.legend {
	margin-bottom: 0;
	margin-top: 5px;
	font-style: italic;
	font-size: 12px;
}

.form-group.form-chart input {
	margin-top: 0;
	margin-right: 5px;
}

#screenshots-wrapper #screenshots-label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
  text-transform: uppercase;
  color: black;
  font-size: 1.5vh;
}

#screenshots-wrapper #screenshots-element > input {
  font-weight: normal;
}

#screenshots-wrapper #screenshots-element > input + input {
  margin-top: 10px;
}

*[name="return"] + *[type=submit] {
	margin-left: 20px;
}

*[type=submit] + *[type="reset"] {
	margin-left: 20px;
}

*[type=submit] + a {
	margin-left: 20px;
}
/* -- END FORMULAIRE STYLE CUSTOM -- */

/* -- EMAIL EXIST DEJA -- */
#email-already-exists a + a {
	margin-left: 20px;
}
/* -- END EMAIL EXIST DEJA -- */

/* -- ACTIVATE ACCOUNT EXIST DEJA -- */
#validate-account p, #validate-account a {
	margin-bottom: 0;
}

#validate-account a + a {
	margin-left: 20px;
}
/* -- END ACTIVATE ACCOUNT EXIST DEJA -- */

* {
	/*word-break: break-word;*/
}

.panel-footer p {
  margin-bottom: 0;
}

.app-bloc-bottom.validated-app {
  padding: 8px 6px;
}

.app-bloc-bottom.validated-app p {
  font-size: 11px;
  margin-bottom: 5px;
}

.app-bloc-bottom.validated-app a {
  font-size: 11px;
}

#devOps .bloc-myapps header{
  margin-bottom: 30px;
}

#client-account-form fieldset legend {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 18px;
  border-bottom: none;
}

@media only screen and (max-width: 62.063em) {
  #register .title {
    margin-bottom: 0;
  }
  #register .margin-top-20 {
    margin-top: 40px;
  }
  #register .margin-top-20 > .margin-top-20 {
    margin-top: 0;
  }
  #register .margin-top-10 {
    margin-top: 10px;
  }
  #register button.close {
    display: none
  }
}


.notation{height:.9375rem;margin-top:.125rem !important;margin-bottom:.9375rem;padding-right:0 !important}
.notation ul{margin:0;list-style:none}
.notation ul li{float:left;display:inline-block}
.notation .star_ctn{float:left;display:block;height:.875rem;width:1rem;background:url(/img/backgrounds/small_stars_x2.png) 0 -9px no-repeat;background-size:1rem 1.75rem;margin-right:.3125rem}
.notation .star_ctn.active{background:url(/img/backgrounds/small_stars_x2.png) 0 0 no-repeat;background-size:1rem 1.75rem}

.cgu-hero-section {
  background-image: url('../images/bg-contenu-hero.jpg');
}

.social-wall-hero-section {
	background-image: url('../images/bg-nos-missions-hero.jpg');
}

.changepass-hero-section {
  background-image: url('../images/changepass-contenu-hero.jpg');
}

.submit-apps-hero-section{
	background-image: url('../images/bg-nos-applications.jpg');
}

@media (max-width: 1169px) {
	.pagination.pagination-barre{display:none;}
}

.rechercher-content #___gcse_0 .gsc-input {
  padding-right: 20px;
}

.rechercher-content #___gcse_0 .gsc-input input.gsc-input {
  background-color: #e6e6e6 !important;
}

.rechercher-content #___gcse_0 .gsc-search-button input.gsc-search-button {
    display: inline-block;
    height: auto;
    min-width: 0;
    padding: 6px 34px;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 10px;
    font-size: 14px;
    background-color: #009597;
    color: white;
    font-family: LatoBlack;
    text-transform: uppercase;
    box-shadow: 3px 4px 8px rgba(0, 0, 0, 0.4);
}

.rechercher-content #___gcse_1 .gs-webResult.gs-result .gs-title {
  color: #009597;
  text-decoration: none;
  font-weight: 700;
}

.rechercher-content #___gcse_1 .gs-webResult.gs-result .gs-snippet {
  margin-top: 7px;
  margin-bottom: 7px;
}

.rechercher-content #___gcse_1 .gs-webResult.gs-result .gs-visibleUrl {
  color: #009597;
  text-decoration: underline;
}

.rechercher-content #___gcse_1 .gsc-cursor-box {
  margin-bottom: 0;
  padding-right: 0;
  padding-left: 0;
  padding-top: 10px;
  border-top: 2px dashed #e6e6e6;
}

.rechercher-content #___gcse_1 .gsc-cursor-box .gsc-cursor-page {
  display: inline-block;
  vertical-align: middle;

  width: 25px;
  height: 25px;
  line-height: 25px;

  border-radius: 50%;

  text-align: center;
  text-decoration: none;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
  margin-right: 0;
}

.rechercher-content #___gcse_1 .gsc-cursor-box .gsc-cursor-page + .gsc-cursor-page {
  margin-left: 10px;
  color: #009597;
  font-family: LatoBlack;
}

.rechercher-content #___gcse_1 .gsc-cursor-box .gsc-cursor-page.gsc-cursor-current-page {
  background-color: #009597;
  text-shadow: none;
  color: white;
}

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

#how-its-work {
  padding-bottom: 50px;
}

#how-its-work video {
  width: 100%;
  height: auto;
}

#how-its-work img {
	max-width: 200px;
}

#how-its-work section > h2 {
  margin-bottom: 40px;
}

#how-its-work h3, #how-its-work h4 {
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-weight: bold;
}

#how-its-work h3{
	margin-top: 20px;
  font-size: 16px;
}

#how-its-work h4 {
  margin-top: 25px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  font-size: 12px;
}

#how-its-work a {
  display: inline-block;
  vertical-align: middle;

  height: 50px;
  line-height: 50px;

  margin-top: 40px;
  padding-right: 20px;
  padding-left: 20px;

  background-color: #F39C12;
  border-radius: 3px;

  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
	font-weight: bold;
	font-size: 20px;
  color: white;
}

#how-its-work a:hover {
  text-decoration: none;
}

#how-its-work section.part-2 .part-2-sub h2 {
  margin-top: 40px;
  margin-bottom: 20px;
}

#update-myinfos + button[type="submit"] {
  margin-left: 20px;
}

@media (min-width: 1170px) {
  .app-view section:nth-of-type(3n+1) > * {
      clear: both;
  }
}

@media (max-width: 1169px) {
  .app-view section:nth-of-type(2n+1) > * {
      clear: both;
  }
}

.email-existe-deja-hero-section{
	background-image: url('../images/bg-comment-ca-marche-hero.jpg');
}

.customize-apps-hero-section{
  background-image: url('../images/bg-nos-applications.jpg');
}

.edit-apps-hero-section{
  background-image: url('../images/bg-nos-applications.jpg');
}

#email-already-exists {
	padding-top: 50px;
	padding-bottom: 50px;
}

.modif-id-collab #user_login-wrapper{
	width:100%;
}

.modif-id-collab #user_password-wrapper{
	width:100%;
 }

.modif-id-collab #user_password_rep-wrapper{
	width:100%;
}

.align-top {
	vertical-align: top;
}
.align-top2 {
	padding-top: 15px !important;
}