/*Moderato reset css*/
.region.region-sidebar-first.well
{
	padding: 5px;
}
h1, .h1 {
    font-size: 36px
}

h2, .h2 {
    font-size: 25px
}

h3, .h3 {
    font-size: 14px
}

h4, .h4 {
    font-size: 14px
}

h5, .h5 {
    font-size: 14px
}

h6, .h6 {
    font-size: 14px
}
#page-header
{
	margin-bottom: 1em;
}
textarea.form-textarea
{
	background: #f9f9f9;
	padding:0.5em;
}
input[type="email"].form-control,
input[type="text"].form-control,
input[type="password"].form-control,
select
{
	border: solid 1px #e1e1e1 !important;
	padding-left: 3px !important;
	padding-right: 3px !important;
}
input#edit-submitted-votre-e-mail.email._reformat.form-text.form-email.required
{
	display: block;
	width: 100%;
	border: solid 1px #e1e1e1 !important;
	padding: 3px !important;
}
div.form-item.webform-component
{
	margin-top:8px;
}
div.form-item.webform-component.webform-component-textarea.webform-component--votre-message
{
	margin-bottom:8px !important;
}

#ajaxresponse_pushnotifcation textarea.form-textarea
{
	background: #eaeaea;
	padding:0.5em;
	height:100px;
}
#text_notification
{
	padding-top:1em;
}
#text_notification p
{
	font-style: italic;
}
.bloc_harangue
{
	padding: 1em;
	background-color: rgb(249, 249, 249);
}
div.error,
table tr.error
{
	background-color: transparent;
	color: #ff9800;
}
div.error label,
table tr.error label
{
	font-weight: bold;
}
div.error label:before,
table tr.error label:before
{
	content: "\f061";
	margin-right: 1em;
	font-family: 'FontAwesome';
}
div.error input[type="text"],
div.error input[type="password"],
div.error table tr.error input[type="text"],
div.error select
{
	border: solid 1px #ff9800 !important;
	color: #666666;
}
/* Menu navigation */
.navbar-nav
{
	float: right;
}
.navbar-nav>li>a._btn-moderato
{
	background-color: #e91e63;
	padding:5px 15px;
	color: white;
	margin-top: 1em;
}
.navbar-nav>li>a._btn-moderato:hover
{
	background-color: #ba1e52;
	padding:5px 15px;
	color: white;
	margin-top: 1em;
}
/*Specific for timeline*/
.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative;
}

.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: #eeeeee;
  left: 25px;
  margin-right: -1.5px;
}

.timeline > li {
  margin-bottom: 20px;
  position: relative;
}

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}

.timeline > li:after {
  clear: both;
}

.timeline > li > .timeline-panel {
  width: calc( 100% - 75px );
  float: right;
  border: 1px solid #d4d4d4;
  border-radius: 2px;
  padding: 20px;
  position: relative;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}

.timeline > li > .timeline-panel:before {
  position: absolute;
  top: 26px;
  left: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-right: 15px solid #ccc;
  border-left: 0 solid #ccc;
  border-bottom: 15px solid transparent;
  content: " ";
}

.timeline > li > .timeline-panel:after {
  position: absolute;
  top: 27px;
  left: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-right: 14px solid #fff;
  border-left: 0 solid #fff;
  border-bottom: 14px solid transparent;
  content: " ";
}

.timeline > li > .timeline-badge {
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top: 16px;
  left: 0px;
  margin-right: -25px;
  background-color: #999999;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}

.timeline-badge.primary {
  background-color: #2e6da4 !important;
}

.timeline-badge.success {
  background-color: #3f903f !important;
}

.timeline-badge.warning {
  background-color: #f0ad4e !important;
}

.timeline-badge.danger {
  background-color: #d9534f !important;
}

.timeline-badge.info {
  background-color: #5bc0de !important;
}
/*Icons*/
.favoris
{
	color:orange;
}
.publie_interne
{
	background-color:#9c27b0;
	color: white;
}
.contributormessage
{
	background-color:#bebb00;
	color: white;
}
.publie_twitter
{
	background-color:#55acee;
	color: white;
}
.btn-twitter, .btn-twitter:hover
{
	background-color:#55acee;
	
}
.wrapper_readyfacebook
{
	margin-top:5px;
	padding-left:1em;
	border-left: 5px solid #1c7aff;
}
.publie_facebook
{
	background-color:#3b5999;
	color: white;
}
.btn-facebook, .btn-facebook:hover
{
	background-color:#3b5999;
}
.wrapper_readylinkedin
{
	margin-top:5px;
	padding-left:1em;
	border-left: 5px solid #0e76a8;
}

.publie_linkedin
{
	background-color:#0077B5;
	color: white;
}
.btn-linkedin, .btn-linkedin:hover
{
	background-color:#0077B5;
}

.pin 
{
	background-color:#e91e63;
	color: white;
}
/* Form reset */
div.form-type-checkbox.form-item.checkbox
{
	margin-left:2em;
}
div.wrapper_publie
{
	border-left:2px solid grey;
	padding-left: 1em;
}
div.wrapper_publie h3
{
	border-bottom:1px solid grey;
	font-variant: small-caps;
}
div.wrapper_publie_interne
{
	border-color: #862197;
}
div.wrapper_publie_interne h3
{
	color: #862197;
	border-color: #862197;
}
div.wrapper_publie_twitter
{
	border-color: #55acee;
}
div.wrapper_publie_twitter h3
{
	color: #55acee;
	border-color: #55acee;
}
div.wrapper_publie_facebook
{
	border-color: #3b5999;
}
div.wrapper_publie_facebook h3
{
	color: #3b5999;
	border-color: #3b5999;
}

div.wrapper_publie_linkedin 
{
	border-color: #0077B5;
}
div.wrapper_publie_linkedin h3
{
	color: #0077B5;
	border-color: #0077B5;
}

div.wrapper_moderato_delete
{
	border-color: #cb171e;
}
div.wrapper_moderato_delete h3
{
	color: #cb171e;
	border-color: #cb171e;
}
div.wrapper_warning h3
{
	border-bottom:1px solid grey;
	font-variant: small-caps;
}
div.wrapper_warning
{
	border-left:2px solid rgb(255, 152, 0);
	padding-left: 1em;
	margin-bottom: 1em;
}
div.wrapper_warning h3
{
	color: rgb(255, 152, 0);
	border-color: rgb(255, 152, 0);
}

div.wrapper_avatar h3
{
	border-bottom:1px solid grey;
	font-variant: small-caps;
}
div.wrapper_avatar
{
	border-left:2px solid #e91e63;
	padding-left: 1em;
	margin-bottom: 1em;
}
div.wrapper_avatar h3
{
	color: #e91e63;
	border-color: #e91e63;
}
div.wrapper_avatar img
{
	float:left;
	margin-right:1em;
}

div.wrapper_gaming h3
{
	border-bottom:1px solid grey;
	font-variant: small-caps;
}
div.wrapper_gaming
{
	border-left:2px solid #e91e63;
	padding-left: 1em;
	margin-bottom: 1em;
}
div.wrapper_gaming h3
{
	color: #e91e63;
	border-color: #e91e63;
}
div.wrapper_gaming img
{
	float:none;
	margin-right:1em;
	width: 180px;
	height:auto;
}
/*Bloc File upload*/
div.wrapper_file_upload
{
	border-color: #ff5c85;
}
div.wrapper_file_upload h3
{
	color: #ff5c85;
	border-color: #ff5c85;
}
.publie_file_upload
{
	color:#ff5c85;
}
.btn-upload, .btn-upload:hover
{
	background-color:#ff5c85;
}
.wrapper_photo div.photo
{
	overflow: hidden;
	height:150px;
	position: relative;
	z-index: 10;
}
.full_moderato .wrapper_photo div.photo
{
	overflow: hidden;
	height:auto;
	position: relative;
	z-index: 10;
}
.wrapper_photo div.photo div.overlay
{
	position: absolute;
	z-index: 20;
	top: 10px;
	right: 20px;
}
.wrapper_photo img
{
	width:100%;
	height: auto;
	margin: 4px;
}
/*Check box video*/
.field_videos_checkboxes div.form-type-checkbox input[type="checkbox"]{
	visibility: hidden;
	display: none;
}
.field_videos_checkboxes div.form-type-checkbox label
{
	padding:0;
	margin:0;
}
.field_videos_checkboxes div.form-type-checkbox
{
	display: inline-block;
	width:120px;
	position: relative;
	z-index: 10;
}
.field_videos_checkboxes div.form-type-checkbox label:before
{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	padding-top:40px;
	font-weight: normal;
	color:white;
	width:120px;
	height: 120px;
	background-color: black;
	opacity: 0.5;
}
.field_videos_checkboxes div.form-type-checkbox label:hover:before
{
	content: "Choisir";
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	padding-top:45px;
	font-weight: bold;
	font-size: 20px;
	color:white;
	text-shadow: 0px 0px 5px black;
}
.field_videos_checkboxes div.form-type-checkbox input[type="checkbox"]:checked+label:before
{
	content: "Sélectionné";
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	padding-top:45px;
	font-weight: bold;
	font-size: 20px;
	color:white;
	text-shadow: 0px 0px 5px black;
	background-color: transparent;
	opacity: 1;
}

/*Check box image*/
.field_photos_checkboxes div.form-type-checkbox input[type="checkbox"]{
	visibility: hidden;
	display: none;
}
.field_photos_checkboxes div.form-type-checkbox label
{
	padding:0;
	margin:0;
}
.field_photos_checkboxes div.form-type-checkbox
{
	display: inline-block;
	width:120px;
	position: relative;
	z-index: 10;
}
.field_photos_checkboxes div.form-type-checkbox label:before
{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	padding-top:40px;
	font-weight: normal;
	color:white;
	width:120px;
	height: 120px;
	background-color: black;
	opacity: 0.5;
}
.field_photos_checkboxes div.form-type-checkbox label:hover:before
{
	content: "Choisir";
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	padding-top:45px;
	font-weight: bold;
	font-size: 20px;
	color:white;
	text-shadow: 0px 0px 5px black;
}
.field_photos_checkboxes div.form-type-checkbox input[type="checkbox"]:checked+label:before
{
	content: "Sélectionné";
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	padding-top:45px;
	font-weight: bold;
	font-size: 20px;
	color:white;
	text-shadow: 0px 0px 5px black;
	background-color: transparent;
	opacity: 1;
}
._checkboximage
{
	width: 120px;
	height: 120px;
	background-size: cover;
	background-position: center center;
}

._coverradiosimage {
	margin: 0px !important;
}

._twitter_pic
{
	margin-right:1em;
	border-radius: 4px;
	width:48px;
	height:auto;
}
._linkedin_pic
{
	margin-right:1em;
	border-radius: 4px;
	width:48px;
	height:auto;
}
._facebook_pic
{
	width:48px;
	height:auto;
	margin-right:1em;
	border-radius: 4px;
}
/*Override font and panel*/
.alert {
	margin-top: 1em;
}
div#edit-usergroup.form-radios
{
	margin-left: 30px;
}
/*Payement form */
#edit-commerce-payment-payment-method
{
	margin-left:2em!important;
}
.commerce-paypal-icons
{
	display:none;
	visibility: hidden;
}
/* User list*/
.views-field-picture
{
	width: 50px;
}
.view-id-your_users table>tbody>tr>td
{
	vertical-align: middle;
}
#payment-details
{
	border-top: 1px solid #dddddd;
	margin-top: 1em;
	padding-top: 1em;
}
/*Main menu*/
header#navbar .menu.nav.navbar-nav li.active a
{
	background: none;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus
{
	color: #212121;
}
/* Footer menu */
.footer_menu ul li
{
	width: auto;
	display: inline-block;

}
footer.footer
{
	margin-top: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.footer .nav>li>a
{
	padding: 3px 6px;
	font-size: 90%;
}
#block-block-2, #block-block-2 a
{
	color: #ddd;
}
/* Money price */
.col-price{
  position: relative;
  text-align: center;
  padding: 7px;
}

.price-box{
  background-color: #fff;
}

.price-inner{
  padding: 15px 10px;
}

.price-header{
  border:1px solid #DCD4E1;
  border-width: 1px 0;
}

.price-title{
  padding:10px 0;
  margin:0;
  font-weight: bold;
}

.price{
  line-height: 1;
  margin-bottom: 10px;
  color: black;
}

.price + p{
  font-size: 13px;
}

.price strong{
  font-weight: 600;
}

.price-currency{
  display: inline-block;
  font-size: 30px;
}

.price-amount{
  font-size: 50px;
}

.price-delimiter{
  font-size: 40px;
  font-weight: 300;
}

.price-period{
  font-size: 14px;
}

.price-features{
  padding:15px 0;
  min-height: 171px;
}


.price-features ul{
  margin: 0;
  padding:0;
  list-style: none;
}

.price-features ul li{
  padding:  0;
}


.col-price.leading .price-header{
  margin:0 -1px;
  background-color:#e91e63;
  color:#fff;
}

.price-box-content {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.2s ease-in-out;
}

.price-box-content:hover {
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.price-emphase
{
	background-color: #e91e63;
	color: white!important;
}
.price-emphase-1
{
	background-color: #F2709C;
	color: white!important;
}
.price-emphase-2
{
	background-color: #ED457E;
	color: white!important;
}
.price-emphase-3
{
	background-color: #E1004C;
	color: white!important;
}
.price-emphase-4
{
	background-color: #AC003A;
	color: white!important;
}
.price-emphase .price,
.price-emphase-1 .price,
.price-emphase-2 .price,
.price-emphase-3 .price,
.price-emphase-4 .price
{
	color: white!important;
}
#Tarifs
{
	margin-top:2em;
	margin-bottom: 2em;
}
.btn-moderato
{
	background-color: #e91e63;
	color: white;
}
.btn-moderato-1
{
	background-color: #F2709C;
	color: white;
}
.btn-moderato-2
{
	background-color: #ED457E;
	color: white;
}
.btn-moderato-3
{
	background-color: #E1004C;
	color: white;
}
.btn-moderato-4
{
	background-color: #AC003A;
	color: white;
}
.btn-moderato:hover,
.btn-moderato-1:hover,
.btn-moderato-2:hover,
.btn-moderato-3:hover,
.btn-moderato-4:hover
{
	background-color: #e91e63;
	color: white;
}

/* Specific for user profiles */
div.user-picture
{
	width: 100%;
	text-align: center;
}
div.user-picture img
{
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

/* Specific checkout form */
#edit-customer-profile-billing-commerce-customer-address-und-0-mobile-number
{
	width:164px;
}
.checkout-buttons.panel.panel-default.form-wrapper#edit-buttons span.button-operator,
.checkout-buttons.panel.panel-default.form-wrapper#edit-buttons #edit-cancel
{
	display:none;
	visibility: hidden;
}
#edit-continue
{
	background-color: rgb(76, 175, 80);
	color:white;
}

.checkout-buttons.panel.panel-default.form-wrapper div.panel-body
{
	text-align: right;
}
.form-item-commerce-payment-payment-method
{
	margin-top: 2.5em;
	margin-bottom: 2.5em;
}
/* Full background region */
._full_background
{
	background-image: url('/manualfiles/images/home.jpg');
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;

	padding-top: 2em;
}
._explain_login
{
	color: white;
	padding-top: 0.5em;
	text-align: center;
	text-shadow: 0px 0px 7px black;
}
/* Jumbotron with image */




.jumbotron._fullbackground
{
	background-image: url('/manualfiles/images/home.jpg');
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	min-height: 20em;
	padding-top: 2em;
	padding-right: 2em;
	color:white;
	text-shadow: 0px 0px 12px black;
	text-align: right;
}
.jumbotron._fullbackground h1
{
	color: white;
}
/* Secure text */
._securetext
{
	text-align: center;
}
._border_moderato
{
	border-right: solid 1px #F2709C;
}
._securetext i
{
	color: #e91e63;
}
.row._secureline
{
	margin-bottom:2em;
}
/* Specific register form */
._forgot_link
{
	margin-top:1em;
	text-align: center;
	font-style: italic;
}
#edit-name,
#edit-pass
{
	background-color: white;
}
#user-login-form #edit-submit
{
	width: 100%;
}
.password-suggestions.description
{
	visibility: hidden!important;
	display: none!important;
}

#loginTabContent p.help-block
{
	visibility: hidden!important;
	display: none!important;
}
#loginTabContent .form-submit
{
	background-color: #5ab55e;
	color: white;
}
p._register
{
	text-align: center;
}
p._register ._bigtext
{
	font-size: 170%;
	font-weight: bold;
}
.color_moderato
{
	color: #ea1e63;
}
span._highlight
{
	position: absolute;
	top:0;
	left:0;
	display: block;
	width: 100%;
	padding: 2em;
	text-align: center;
	text-align: center;
	font-size: 170%;
	font-weight: bold;
	background-color: #ea1e63;
	color: white;
}
div.password-strength
{
	visibility: hidden!important;
	display: none!important;
}
div.password-confirm
{
	width: 8em;
	position: absolute;
	left:65%;
	float: none;
}
/*Spcific register form, version mail / password*/
#moderatocreateaccount-form .alert-danger
{
	background-color: #ff9800;
}
/* Specific for testimonial */
/* carousel */
#quote-carousel
{
  padding: 0 10px 30px 10px;
  margin-top: 30px;
}

/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 30px;
}
/* Previous button  */
#quote-carousel .carousel-control.left
{
  left: -12px;
}
/* Next button  */
#quote-carousel .carousel-control.right
{
  right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li
{
  background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active
{
  background: #333333;
}
#quote-carousel img
{
  width: 100px;
  height:100px;
  box-shadow: 0px 0px 3px #676767;
}
/* End carousel */

.item blockquote {
    border-left: none;
    margin: 0;
}

.item blockquote img {
    margin-bottom: 10px;
}

.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}
.item blockquote p:after {
    content: "\f10e";
    font-family: 'Fontawesome';
    float: right;
    margin-right: 10px;
}


/**
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    #quote-carousel
    {
      margin-bottom: 0;
      padding: 0 40px 30px 40px;
    }

}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) {

    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */

    #quote-carousel .carousel-indicators {
        bottom: -20px !important;
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
}
/* End of specific testimonial */


/* Specific for app register page */
body.page-node-318
{
	padding-top: 20px !important
}

/*Specifi landing page*/
body.navbar-is-fixed-top.node-type-landing-page
{
	padding-top: 30px!important;
}
.panel-register .panel-heading
{
	text-align: center;
	font-size: 170%;
	font-weight: bold;
	background-color: #eb1f63;
	color: white;
}
._lp_container
{
	width: 100%;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: top center;
}
._lp_container_white
{
	width: 100%;
	background-color: white;
}
._title_lp
{
	margin-top:3.5em;
	margin-bottom: 2.5em;
	text-align: center;
}
._title_lp_2
{
	margin-top:0;
	margin-bottom: 2.5em;
	text-align: center;
}
._title_lp h1,
._title_lp_2 h1
{
	color: white;
	font-size: 46px;
	text-shadow: 0px 0px 8px black;
}
._title_lp h2,
._title_lp_2 h2
{
	color: white;
	font-size: 40px;
	text-shadow: 0px 0px 6px black;
}
._title_lp_grey h2
{
	font-size: 40px;
	color: #282828;
}
._title_lp_grey h3
{
	font-size: 28px;
	color: #282828;
}
._content_lp
{
	margin-top:0.5em;
}
._content_lp_chapeau
{
	margin-top:0.5em;
	margin-bottom:1em;
}
/* standard color */
._content_lp_chapeau,
._content_lp_chapeau p
{
	color: white;
	font-size: 25px;
	text-shadow: 0px 0px 2px black;
	text-align: center;
}
._content_lp,
._content_lp p
{
	color: white;
	font-size: 20px;
	text-shadow: 0px 0px 2px black;
}
/* fond clair */
._lp_fondclair div.col-md-8
{
	background-color: rgba(255, 255, 255, 0.9);
}
._content_lp_chapeau._lp_fondclair p,
._content_lp_chapeau._lp_fondclair,
._content_lp._lp_fondclair,
._content_lp._lp_fondclair p
{
	color:#474747;
	text-shadow: none;
}
._content_lp p
{
	margin-bottom: 0!important;
}
._content_lp ul
{
	margin-left:1.5em;
	list-style: none;
	list-style-type: none;
}
._content_lp ul li:before
{
	content: "\f058";
    font-family: 'Fontawesome';
    float: left;
    margin-right: .5em;
}
._lp_white
{
	/*background-color: rgba(255, 255, 255, 0.6);*/
	background-color: #e91e63;
	text-align: center;
	color:white;
	margin-bottom: 4em;
}
._lp_white h2
{
	color:white;
}
._lp_white h3
{
	font-size: 26px;
	color: white;
	font-weight: 200;
	/*text-shadow: 0px 0px 2px black;*/
}
._lp_call_2_action
{
	margin-top:1.5em;
	background: #e91e63;
	text-align: center;
	padding-bottom: 2em;
	color:white;
}
._lp_call_2_action h2
{
	color:white;
}
._lp_white img
{
	width: 100%;
	height: auto;
}
._title_lp_grey ul li
{
	font-size: 16px;
}
/* App Draw*/
#layer-control-wrapper
{
	position: relative;
	height: 70px;
	margin-top: 1em;
}
#selectlayer-control-wrapper,
#opacity-control-wrapper
{
	position: absolute;
	top:0;
	left:0;
}
#zoom-control-wrapper
{
	position: absolute;
	top:35px;
	left:0;
}
#selectlayer-control-wrapper
{
	height: 70px;
}
#opacity-control-wrapper,
#zoom-control-wrapper
{
	height: 35px;
}
#opacity-control-wrapper i,
#opacity-control-wrapper input,
#zoom-control-wrapper i,
#zoom-control-wrapper input
{
	display: inline-block;
}
#opacity-control-wrapper i,
#zoom-control-wrapper i
{
	margin: 9px 12px 0px 12px;
	width: 15px;
}
#opacity-control-wrapper em,
#zoom-control-wrapper em
{
	display: inline-block;
	width:50px;
}
input#opacity-control,
input#zoom-control
{
	width: 230px;
}

/* Tutorial parts */
#moderatousertutorial-form,
#moderatousertutorial-form div
{
	display: inline;
}
#moderatousertutorial-form button
{
	margin-left:2em;
}
._tuto_welcome img
{
	width:100px;
	height: auto;
	float: left;
	margin-right: 2em;
	margin-top: 2em;
}
._tuto_welcome,
._tuto_welcome h2
{
	background: #0d87e9;
	color: white;
}
.popover
{
	color: white;
	background: #e91e63;
}
.popover.left>.arrow:after
{
	border-left-color: #e91e63;
}
.popover.right>.arrow:after
{
	border-right-color: #e91e63;
}
.popover.top>.arrow:after
{
	border-top-color: #e91e63;
}
.popover.bottom>.arrow:after
{
	border-bottom-color: #e91e63;
}
.popover-title
{
	background: #e81f61;
	border-bottom: solid 1px white;
	font-weight: bold;
	color: white;
}
.popover-navigation .btn-group
{
	margin-right:1em;
}
.popover button.close
{
	color:white;
}
.popover img
{
	max-width:100%;
}

img._download_badge_ios
{
	width: 135px;
	height: auto;
	float: none;
	margin-right: 2em;
	margin-top: 0;
}
img._download_badge_android
{
	width: 155px;
	height: auto;
	float: none;
	margin-right: 2em;
	margin-top: 0;
}

/*livebox chat & LP - mobile oiptimisation */
/*iphone 4 portrait and landscape */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {

#lhc_status_container
	{
		position: absolute!important;
		bottom:0!important;
		top: inherit!important;
	}
	._title_lp h1,
	._title_lp._lp_fondclair h1
	{
		padding-top:200px;
		font-size: 28px;
		text-shadow: none;
		color:#515151;
	}
	._content_lp_chapeau,
	._content_lp_chapeau p,
	._content_lp_chapeau._lp_fondclair,
	._content_lp_chapeau._lp_fondclair p,

	._content_lp p,
	._content_lp,
	._content_lp._lp_fondclair,
	._content_lp._lp_fondclair p
	{
		font-size: 15px;
	}
	._content_lp ul
	{
		margin-left: 0;
		padding-left:0;
	}
	._title_lp_2 h2,
	._title_lp_grey h2
	{
		font-size: 28px;
		text-shadow: none;
		color:#515151;
	}
	._lp_fonctionnalite h3
	{
		font-size: 22px;
		text-shadow: none;
		color:#515151;
	}
	._lp_call_2_action h2
	{
		padding-top:0.5em;
	}
	._lp_call_2_action .btn
	{
		white-space: normal;
	}

	._lp_container .col-md-4
	{
		padding:0!important;
		margin: 0!important;
	}
}
/* ----------- iPhone 5 and 5S ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {
    #lhc_status_container
	{
		position: absolute!important;
		bottom:0!important;
		top: inherit!important;
	}
	._title_lp h1,
	._title_lp._lp_fondclair h1
	{
		padding-top:200px;
		font-size: 28px;
		text-shadow: none;
		color:#515151;
	}
	._content_lp_chapeau,
	._content_lp_chapeau p,
	._content_lp_chapeau._lp_fondclair,
	._content_lp_chapeau._lp_fondclair p,

	._content_lp p,
	._content_lp,
	._content_lp._lp_fondclair,
	._content_lp._lp_fondclair p
	{
		font-size: 15px;
	}
	._content_lp ul
	{
		margin-left: 0;
		padding-left:0;
	}
	._title_lp_2 h2,
	._title_lp_grey h2
	{
		font-size: 28px;
		text-shadow: none;
		color:#515151;
	}
	._lp_fonctionnalite h3
	{
		font-size: 22px;
		text-shadow: none;
		color:#515151;
	}
	._lp_call_2_action h2
	{
		padding-top:0.5em;
	}
	._lp_call_2_action .btn
	{
		white-space: normal;
	}
	._lp_container .col-md-4
	{
		padding:0!important;
		margin: 0!important;
	}
}
/* ----------- iPhone 6 and 6S ----------- */
/* Portrait and Landscape */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
    #lhc_status_container
	{
		position: absolute!important;
		bottom:0!important;
		top: inherit!important;
	}
	._title_lp h1,
	._title_lp._lp_fondclair h1
	{
		padding-top:200px;
		font-size: 28px;
		text-shadow: none;
		color:#515151;
	}
	._content_lp_chapeau,
	._content_lp_chapeau p,
	._content_lp_chapeau._lp_fondclair,
	._content_lp_chapeau._lp_fondclair p,

	._content_lp p,
	._content_lp,
	._content_lp._lp_fondclair,
	._content_lp._lp_fondclair p
	{
		font-size: 15px;
	}
	._content_lp ul
	{
		margin-left: 0;
		padding-left:0;
	}
	._title_lp_2 h2,
	._title_lp_grey h2
	{
		font-size: 28px;
		text-shadow: none;
		color:#515151;
	}
	._lp_fonctionnalite h3
	{
		font-size: 22px;
		text-shadow: none;
		color:#515151;
	}
	._lp_call_2_action h2
	{
		padding-top:0.5em;
	}
	._lp_call_2_action .btn
	{
		white-space: normal;
	}
	._lp_container .col-md-4
	{
		padding:0!important;
		margin: 0!important;
	}
}
/* ----------- iPhone 6+ and 6S+ ----------- */
/* Portrait and Landscape */
@media only screen
  and (min-device-width: 414px)
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) {
    #lhc_status_container
	{
		position: absolute!important;
		bottom:0!important;
		top: inherit!important;
	}
	._title_lp h1,
	._title_lp._lp_fondclair h1
	{
		padding-top:200px;
		font-size: 28px;
		text-shadow: none;
		color:#515151;
	}
	._content_lp_chapeau,
	._content_lp_chapeau p,
	._content_lp_chapeau._lp_fondclair,
	._content_lp_chapeau._lp_fondclair p,

	._content_lp p,
	._content_lp,
	._content_lp._lp_fondclair,
	._content_lp._lp_fondclair p
	{
		font-size: 15px;
	}
	._content_lp ul
	{
		margin-left: 0;
		padding-left:0;
	}
	._title_lp_2 h2,
	._title_lp_grey h2
	{
		font-size: 28px;
		text-shadow: none;
		color:#515151;
	}
	._lp_fonctionnalite h3
	{
		font-size: 22px;
		text-shadow: none;
		color:#515151;
	}
	._lp_call_2_action h2
	{
		padding-top:0.5em;
	}
	._lp_call_2_action .btn
	{
		white-space: normal;
	}
	._lp_container .col-md-4
	{
		padding:0!important;
		margin: 0!important;
	}
}
/* ----------- Other android device ----------- */
/* Portrait and Landscape */
@media screen
  and (device-width: 360px)
  and (device-height: 640px)
  and (orientation: portrait)
  {
	      #lhc_status_container
	{
		position: absolute!important;
		bottom:0!important;
		top: inherit!important;
	}
	._title_lp h1,
	._title_lp._lp_fondclair h1
	{
		padding-top:200px;
		font-size: 28px;
		text-shadow: none;
		color:#515151;
	}
	._content_lp_chapeau,
	._content_lp_chapeau p,
	._content_lp_chapeau._lp_fondclair,
	._content_lp_chapeau._lp_fondclair p,

	._content_lp p,
	._content_lp,
	._content_lp._lp_fondclair,
	._content_lp._lp_fondclair p
	{
		font-size: 15px;
	}
	._content_lp ul
	{
		margin-left: 0;
		padding-left:0;
	}
	._title_lp_2 h2,
	._title_lp_grey h2
	{
		font-size: 28px;
		text-shadow: none;
		color:#515151;
	}
	._lp_fonctionnalite h3
	{
		font-size: 22px;
		text-shadow: none;
		color:#515151;
	}
	._lp_call_2_action h2
	{
		padding-top:0.5em;
	}
	._lp_call_2_action .btn
	{
		white-space: normal;
	}
	._lp_container .col-md-4
	{
		padding:0!important;
		margin: 0!important;
	}
  }

/* Player Video */
@media (max-width:499px) {
	._player_video
	{
		width:100%;
		height:auto;
		max-width: 100%;
	}
	#lhc_status_container
	{
		display: none;
		visibility: hidden;
	}
}
@media (min-width:500px) {
	._player_video
	{
		width:100%;
		height:auto;
		background-color: white;
		min-height:360px;
	}
}
/*Video*/
.cld-video-player
{
	margin-top: 1em !important;
}
/* Help page*/
._aide_intro
{
	font-weight: bold;
}
.fa-moderato
{
	width:60px;
	height:60px;
	text-align:center;
	color:rgba(235, 31, 99, 0.62);
}
.node-type-aide div.main-container.container div.col-md-8 img
{
	width:85%;
	max-width: 85%;
	margin: 5%;
	height: auto;
	border-radius: 2px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3)
}

/** Added by CB 23/08/16 **/
body{
	position: initial;
}

/** Added by CB 18/10/16 **/
.form-item-field-photo-twitter .form-type-checkbox,.form-item-field-photo-facebook .form-type-checkbox{
  float: left;
}
.form-item-field-photo-twitter .help-block,.form-item-field-photo-facebook .help-block{
  clear: both;
}
input[type="radio"].field_radio_facebook
{
	margin-left:10px;
}

/** Added by FS 11/09/2018 for date elements */
.container-inline-date .date-padding
{
	float : none;
}
.wrapper_stats
{
	margin-bottom: 1em;
}
.btn-space
{
	margin-bottom:0.3em;
}
/*Label tag event*/
.label.label-tagevent 
{
	background-color: #e91e63;
}
.label.label-hashtags
{
	background-color: #ea749b;
}
.label.label-mentions 
{
	background-color: #fd90b4;
}
.wrapper_tag a.white {
	color:white;
}
.wrapper_tag a.white:hover {
	text-decoration: none!important;
}
.wrapper_tag a.white span {
	text-decoration: none!important;
}

.view-filters 
{
	margin-top:2em;
}

/* Stats */
img#pictureStatChantier
{
	width:240px;
	float: right;
}
.tile-stats
{
	border-radius: 5px;
	background-color: #72007b;
	color:white;
	padding: 1em;
	margin-left: 2em;
	border-bottom:5px solid rgba(0, 0, 0, 0.5);
	margin-bottom: 0.5em;
}
.tile-stats h1
{
	margin-top: 10px;
	margin-bottom: 10px;
}
.tile-stats p
{
	margin: 0;
	font-size: 10px;
}
.tile-stats ul 
{
	list-style: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-left:5px;
	padding-left:5px;
	border-left:1px solid white;
}
.tile-stats ul li 
{
	list-style: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.tile-stats ul li span
{
	font-size: 10px
}
.tile-stats h1
{
	color:white;
}
.tile-stats i
{
	font-size: 20px;
}
.bg-bleu1
{
	background-color: #507cff;
}
.bg-bleu2
{
	background-color: #2a60ff;
}
.bg-bleu3
{
	background-color: #2c309f;
}
.bg-rouge1
{
	background-color: #ff293e;
}
.bg-vert1
{
	background-color: #62b304;
}
.bg-jaune1, .bg-jaune1 h1
{
	background-color: #ffe800;
	color:#383838;
}
.bg-jaune2, .bg-jaune2 h1
{
	background-color: #ffe800;
	color:#383838;
}
.bg-violet2
{
	background-color: #7e00ff;
}
/*end stats*/
/* team utilisateur */
.views-field-picture img
{
		border-radius: 20px;
}
.views-field-field-user-firstname ul
{
	margin : 0;
	padding : 0; 
}
.views-field-field-user-firstname ul li
{
	display: inline-block;
	padding: 2px 8px;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-radius: 15px;
	color: #838383;
}
.views-field-field-user-firstname ul li i
{
	display: inline-block;
	padding: 0 4px;
}
.views-field-field-user-firstname ul li a
{
	color: #838383;
	text-decoration: none;
}

.views-field-field-user-firstname ul li a:hover
{
	color: #960000;
	text-decoration: none;
}

.btn-hashtag
{
	background-color: #e91e63;
	color: white;
	text-transform: none;
}
.btn-hashtag:hover
{
	background-color: #e91e63;
	color: white;
}

.btn-attachment
{
	background-color: #1f80e8;
	color: white;
	text-transform: none;
}
.btn-attachment:hover
{
	background-color: #1f61e8;
	color: white;
}