/* ----- LINKWEB V4 ----- */

/* ----- BODY ----- */

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v12/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: swap;
}

.imginsidelidropdown {
	width:24px;
	border-radius:50%;
}

html {
    height: 100%;
}

body {
    background: #fff;
    color: #212121;
    font-size: 16px;
	line-height:1.65;
	font-family: 'Source Sans Pro', sans-serif;
	overflow-x: hidden;
    padding-bottom: 46.4px;
    position: relative;
    min-height: 100%;
}

body.accueil_site {
    padding-bottom: 72.8px;
}

.justify {text-align: justify;}

span.color { color: #FFCF00; }
div.color { background: #FFCF00; }

span.color.blue { color: #00A4DD; }
div.color.blue { background: #00A4DD; }

a {
    color: inherit;
    text-decoration: underline;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}

a:hover, a:focus { color: #000; }

footer a, footer a:hover, footer a:visited, .bluelink, .bluelink:visited {
    color: #00A4DD;
    text-decoration: none;
}

.bluelink:hover, .bluelink:active {
    color: #FFCF00;
    text-decoration: none;
}

strong { font-weight: bold; }

img { max-width: 100%; }

h1, h2, h3, h4, h5 {font-family: 'Source Sans Pro', sans-serif;margin-top:5px; color:#212121;padding-top:20px;}
h1:first-child , h2:first-child , h3:first-child , h4:first-child , h5:first-child {padding-top:0;}

h1, h2 { line-height: 35px; }
h3, h4 { line-height: 25px; }

h1.yellow, h2.yellow, h3.yellow, h4.yellow, h5.yellow {color:#FFCF00;}
h1.blue, h2.blue, h3.blue, h4.blue, h5.blue, .font-size-h1.blue, .font-size-h2.blue, .font-size-h3.blue, .font-size-h4.blue  {color:#00A4DD;}

h4 + h5 {
	padding-top:0;
}

h3 em {
	font-style:normal;
	font-size:20px;
}

.titlebar {
	color:#000;
	font-weight:400;
    margin-bottom: 30px;
}

.titlebar em {
	text-transform: none;
	font-style:normal;
}

h3.borderbox {
	border: 2px solid #FFCF00;
	padding:10px;
}

#windowed {
	max-width:1200px;
	margin: 0 auto;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}


/***** Top menu *****/

.navbar .container {
	position:relative;
}

#menu-fixed {
	position:absolute;
	z-index:999;
	width:100%;
	top:0;
	left:0;
	background: #fff;
	border-top: 1px solid #dce3e6 !important;
    border-bottom: 1px solid #dce3e6 !important;
}

#menu-fixed.blue {
	border-color:#00A4DD;
}

#menu-fixed.fixed {
	position:fixed;
}

.nofixed #menu-fixed {
	position:absolute;
}

#menu-title {opacity:0;}

.navbar {
	margin-bottom: 0;
	border: 0;
	-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
}

#top-navbar-1 ul.navbar-nav {
	font-size: 18px;
	text-align: center;
	font-family: 'Source Sans Pro', sans-serif;
}

ul.navbar-nav li a, #menu-title { padding: 29px 20px; line-height: 28px; background: none; border-top: none; color: #212121; text-decoration:none; cursor:pointer;}
ul.navbar-nav li.active a { background: #fff; color: #FFCF00; }
ul.navbar-nav.blue li.active a { color: #00A4DD; }

ul.navbar-nav li.open > a { background: #FFCF00; color: #fff; }
ul.navbar-nav.blue li.open > a { background: #00A4DD; color: #fff; }

ul.navbar-nav li a:hover, ul.navbar-nav li a:focus { background: #00a4dd; color: #fff !important; outline: 0; }
ul.navbar-nav.blue li a:hover, ul.navbar-nav.blue li a:focus { background: #00A4DD;}

.nav .open > a { background: #FFCF00; color: #fff; }
.nav .open > a i {color: #fff;}
.nav .open > a:hover, .nav .open > a:focus { background: #FFCF00; color: #fff; }

ul.navbar-nav li.active a i { color: #FFCF00; }
ul.navbar-nav li a i { color: #212121; line-height: 30px; }
ul.navbar-nav li a:hover i, ul.navbar-nav li a:focus i { color: #fff; }

/*.dropdown-menu {
	border: 0;
	-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
	-moz-box-shadow: 0 6px 10px rgba(0, 0, 0, .15); -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, .15); box-shadow: 0 6px 10px rgba(0, 0, 0, .15);
	padding:0;
}*/

.dropdown-menu > .active > a { background: #fff; color: #5d5d5d; }
.dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background: #fff; color: #FFCF00; }

ul.navbar-nav li .dropdown-menu a {
  font-family: 'Source Sans Pro', sans-serif;
  padding: 5px 30px 5px 10px !important;
}

ul.navbar-nav li.active .dropdown-menu a { background: #fff; color: #5d5d5d; border: 0; }

ul.navbar-nav li.active .dropdown-menu a:hover, 
ul.navbar-nav li.active .dropdown-menu a:focus { background: #FFCF00; color: #fff; border: 0; }

ul.navbar-nav.blue li.active .dropdown-menu a:hover, 
ul.navbar-nav.blue li.active .dropdown-menu a:focus { background: #00A4DD; color: #fff; border: 0; }

ul.navbar-nav li.active .dropdown-menu > .active > a { background: #fff; color: #FFCF00; border: 0; }
ul.navbar-nav.blue li.active .dropdown-menu > .active > a { background: #fff; color: #00A4DD; border: 0; }

ul.navbar-nav li.active .dropdown-menu > .active > a:hover, 
ul.navbar-nav li.active .dropdown-menu > .active > a:focus { background: #FFCF00; color: #fff; border: 0; }

ul.navbar-nav.blue li.active .dropdown-menu > .active > a:hover, 
ul.navbar-nav.blue li.active .dropdown-menu > .active > a:focus { background: #00A4DD; color: #fff; border: 0; }

.navbar > .container .navbar-brand { margin-left: 0; }

ul.nav .fa {font-size: 30px;}


/**** Logo ****/


#menu-fixed.fixed .navbar-brand {
    padding: 0;
}

#menu-fixed.fixed .navbar-brand img {
    height: 40px;
    margin-top: 5px;
}

#menu-fixed.fixed ul.navbar-nav li a, #menu-title {
	padding: 13px 20px;
    line-height: 13px;
}

/**** Logo et Header Mobile ****/

.rd-mobilepanel_title {
    background: url('https://jobphoning.com/web/inc/accueilv2/img/images-seo-index/logo.svg') left center no-repeat;
        background-size: auto auto;
    background-size: contain;
    width: 239px;
    height: auto;
    text-indent: -99999px;
    padding: 0;
}

.rd-mobilepanel {
    background:#fff;
    box-shadow: none;
    border-bottom: 1px solid #dce3e6 !important;
}

.rd-mobilemenu_ul {
    box-shadow: none;
}

/*.rd-mobilepanel_toggle span::after, .rd-mobilepanel_toggle span::before, .rd-mobilepanel_toggle span {background-color:#fff;}*/


/***** Slider *****/

.slider-container {
    margin: 0 auto;
    background: #fff;
    /*background: #fff url(../img/slider/5.jpg) center center no-repeat;
	background-size: cover;*/
}

.slider {
	padding-left: 5px;
	padding-right: 5px;
}

.slider-nos-services, .slider-call-center {
    padding: 100px 0;
}

.hauteur-libre {
    height: auto !important;
}

.maillage-nos-services {
    margin: 0;
    padding: 0;
    color: #00A4DD;
}

.flexslider {
    margin-top: 20px;
    margin-bottom: 20px;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.flexslider .slides > li {
	position: relative;
}

.flex-caption {
    position: absolute;
    left: 0;
    bottom: 45px;
    width: 95%;
    padding: 10px 20px;
    background: #1d1d1d; /* browsers that don't support rgba */
    background: rgba(0, 0, 0, .7);
    font-size: 20px;
    line-height: 24px;
    color: #eaeaea;
    text-align: left;
    font-style: italic;
}

.flex-direction-nav a {
	width: 60px;
	height: 60px;
	padding-top: 17px;
	background: #FFCF00;
	color: #fff;
	text-shadow: none;
}

.flex-direction-nav a:before { font-size: 26px; }

.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next { text-align: center; }

.flex-control-paging li a.flex-active {background:#FFCF00;}

/***** Slider 2 *****/

.slider-2-container, [class^=slider-2-container-] {
	padding: 100px 0;
}

.slider-2-text {
	padding: 30px 0;
    color: #212121;
}

.slider-2-text h1 {
    padding-right: 30px;
    font-size: 28px;
    margin-bottom: 10px;
    font-weight: bold;
}

.slider-2-text p {
	padding-left: 30px;
	padding-right: 30px;
	font-size: 18px;
}
.slider-2-text a {
	margin-bottom:10px;
}


/***** Content *****/

.content-container {
    padding-top: 40px;
	padding-bottom: 40px;
	background:#FFFFFF;
}

.content-container.greyback {
	background:#f9f9f9;
}

.content-container.yellowback {
	background:#FFCF00;
}

.content-container.blueback {
	background:#00A4DD;
}


/***** Footer *****/

footer {
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #333;
    color: #fff;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 100;
}

.footer-box {
    margin-top: 20px;
    text-align: left;
}

.footer-box h4 {
    margin-top: 20px;
    font-size: 14px;
    color: #5d5d5d;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255,255,255,.7);
}

.footer-box-text p {
    line-height: 24px;
}

.footer-box-text-contact i {
    padding-right: 7px;
}

.footer-box-text-subscribe form {
	padding-bottom: 10px;
}

.footer-box-text-subscribe input[type="text"] {
	width: 95%;
	height: 26px;
}


/***** Page title *****/

.page-title-container {
    margin: 0 auto;
    padding: 30px 0;
    background: #f8f8f8 url(../img/pattern.jpg) left top repeat;
    /*background: #f8f8f8 url(../img/slider/5.jpg) center top no-repeat;
	background-size: cover;*/
    text-align: left;
    -moz-box-shadow: 0 5px 15px 0 rgba(0,0,0,.05) inset, 0 -5px 15px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,.05) inset, 0 -5px 15px 0 rgba(0,0,0,.05) inset;
    box-shadow: 0 5px 15px 0 rgba(0,0,0,.05) inset, 0 -5px 15px 0 rgba(0,0,0,.05) inset;
}

.page-title-container h1 {
    display: inline;
    margin-left: 10px;
    font-size: 24px;
    color: #5d5d5d;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .7);
    vertical-align: middle;
	padding-top:0;
}

.page-title-container p {
    display: inline;
    margin-left: 5px;
    font-size: 14px;
    font-style: italic;
    vertical-align: middle;
	padding-top: 5px;
}

.page-title-container i {
    font-size: 46px;
    color: #ccc;
    vertical-align: middle;
}

a.title-article {
    text-decoration: none !important;
}

/***** Call to action *****/

.call-to-action-container {
    margin-top: 20px;
    padding-bottom: 50px;
}

.call-to-action-text {
    padding-top: 25px;
    padding-bottom: 15px;
    background: #f8f8f8;
    text-align: left;
    overflow: hidden;
	-o-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s;
}

.call-to-action-text:hover {
	-moz-box-shadow: 0 3px 10px 0 rgba(0,0,0,.05), 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
	-webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,.05), 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,.05), 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
}

.call-to-action-text p {
    float: left;
    width: 80%;
    padding-left: 25px;
    line-height: 30px;
    font-size: 18px;
    font-style: italic;
}

.call-to-action-text .call-to-action-button {
    float: left;
    width: 20%;
    padding-right: 25px;
    margin-bottom: 10px;
    text-align: right;
}


/***** Boutons *****/

.btn {text-decoration:none;border-radius:0;}

.btn-default, .btn-primary {
    background: #fff;
    color: #00a4dd;
    padding: 5px 15px;
    font-size: 16px;
    margin-bottom: 20px;
    font-weight: normal !important;
    border: 1px solid lightgrey;
}
	
.btn-default:hover, .btn-default:focus, .btn-primary:hover, .btn-primary:focus {
	border-color:#00A4DD;
	background:#00A4DD;
	color:#fff;
}
	
.btn-default.yellow, .btn-primary.yellow {
	background:#FFCF00;
	color:#fff;
	border-color:#212121;
}

.btn-default.yellow:hover, .btn-primary.yellow:hover {
	background:#fff;
	color:#FFCF00;
	border-color:#FFCF00;
}

.btn-default.blue, .btn-primary.blue {
	background:#fff;
	border-color:#00A4DD;
	color: #00A4DD;
}

.btn-default.blue:hover, .btn-primary.blue:hover {
	background:#00A4DD;
	border-color:#fff;
	color:#fff;
	font-weight:bold;
}

.btn-default.grey, .btn-primary.grey {
	background:#bdbdae;
	color:#fff;
	border-color:#bdbdae;
}

.btn-default.grey:hover, .btn-primary.grey:hover {
	background:#fff;
	color:#212121;
}

.btn-secondary {
    border: 1px solid #ffcf00;
    background: #ffcf00;
    color: #fff;
    padding: 5px 15px;
    font-size: 16px;
    margin-bottom: 20px;
}

.btn-secondary:hover {
    border-color: #00a4dd;
    background: #00a4dd;
    color: #fff;
}
	
.btn-secondary.blue {
	background:#00A4DD;
	border-color:#fff;
	}

.btn-secondary.blue:hover {
    background:#fff;
    border-color:#00A4DD;
    color: #00A4DD;
}

/* ----- CONTACT PAGE ----- */

/***** Form *****/

.contact-form {
    padding-top: 0;
    padding-bottom: 20px;
}

.contact-form form {
    margin-top: 0;
}

.contact-form form .form-group {
	margin-bottom: 20px;
}

.contact-form.contact2 form .form-group {
	margin-bottom: 0;
}

.contact-form input[type="text"], .contact-form input[type="email"]  { width: 95%; height: 34px; border-radius:5px;}
.contact-form.contact2 input[type="text"], .contact-form.contact2 input[type="email"]  { width: 31%; float:left; margin-right:1%; margin-bottom:20px;}
.contact-form textarea { width: 95%; height: 170px; padding-top: 6px; padding-bottom: 6px; border-radius:5px;}
.contact-form label { font-weight: 400; }
.contact-form label .error-label { font-style: italic; color: #e94141; }
.contact-form button { margin-top: 5px; padding: 0 30px; border-radius: 5px;margin-right:10px;}
.contact-form.contact2 button { margin-top: 20px;}

.contact-form select {width:95%;border:1px solid #DDD;border-radius:5px;padding:5px;}
.contact-form select:hover, .contact-form select:focus {border-color:#FFCF00;}


/***** Google map *****/

.map {
    margin: 20px 0;
    height: 350px;
    border: 4px solid #f8f8f8;
}


/* ----- PORTFOLIO PAGE ----- */

.portfolio-container {
    margin-top: 20px;
    padding-bottom: 0px;
}

.portfolio-filters {
	padding-top: 10px;
	padding-bottom: 10px;
    font-size: 16px;
    color: #5d5d5d;
    /*font-weight: bold;*/
    text-align: left;
    /*text-transform: uppercase;*/
    text-shadow: 0 1px 0 rgba(255,255,255,.7);
}

.portfolio-filters a { color: #5d5d5d;text-decoration:none;font-weight:bold; }
.portfolio-filters a:hover, .portfolio-filters a.active { color: #FFCF00; }

.portfolio-box {
	width: 255px;
	margin: 0 15px 20px;
}

.portfolio-box img, .portfolio-box2 img {
	cursor: pointer;
	width:100%;
	-o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}
.portfolio-box:hover img, .portfolio-box2:hover img { opacity: 0.3; }

.portfolio-box-container, .portfolio-box-container2 {
	position: relative;
	border: 4px solid #f8f8f8;
	overflow:hidden;
}

.portfolio-box-container:hover, .portfolio-box-container2:hover {
    box-shadow: 0 5px 15px 0 rgba(0,0,0,.05), 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -o-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s;
}

a.pagination {
	text-decoration:none;
	background:#efefef;
	border:1px solid #FFCF00;
	text-align:center;
	width:30px;
	height:30px;
	padding-top:2px;
	margin-left:5px;
	}
	
a.pagination.selected {
	background:#CCCCCC;
	border:1px solid #CCCCCC;
	color:#888;
	}
	
a.pagination:hover {
	color: #fff;
	background:#FFCF00;
	border:1px solid #FFCF00;
	}
	
a.pagination.selected:hover {
	background:#CCCCCC;
	border:1px solid #CCCCCC;
	color:#888;
	}
	
	
/* ----- SUPPLEMENTS ----- */

.boxed {
	background:#fff;
	border:1px solid #cdcdcd;
	border-radius:0;
	padding:10px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
	margin-bottom:20px;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	border-radius:20px 0;
	}
	
.boxed.yellow {
	border-color:#FFCF00;
}
	
.boxed.blue {
	border-color:#00A4DD;
}

.boxed:hover {
	border-color:#efefef;
}

.homebox {
	height:320px;
	position:relative;
	overflow:hidden;
	z-index:0;
}

.homebox img {
  background: #fff none repeat scroll 0 0;
  border-radius: 50%;
  margin: 30px auto auto auto;
}

.homebox:after {
	content:'';
	background-color:#efefef;
	border-radius:10000px;
	position: absolute;
	left:50%;
	top:50%;
	width:0;
	height:0;
	z-index:-1;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.homebox:hover:after {
	width: 1000px;
	height: 1000px;
	border-radius: 0;
}

.homebox h4 {
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.homebox:hover h4 {
	/*color:#fff;*/
}

.homebox a {
    text-decoration: none;
}

.boxed2 {
	background:#ffffff;
	border-radius:0;
	padding:10px;
	border:1px solid;
	margin-bottom:20px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
	border-radius:20px 0;
	}
	
.boxed2.home {
	overflow:hidden;
}

.readmore {
  cursor: pointer;
  display: block;
  margin-bottom: 10px;
  text-decoration: underline;
}
	
.boxed2.yellow {
		border-color:#FFCF00;
	}
.boxed2.blue {
		border-color:#00A4DD;
	}
.boxed2.fullblue {
		background:#00A4DD;
		border-color:#00A4DD;
	}
	
.boxed2.fullblue h4 {
	color:#fff;
}
	
.hidethis {
	overflow:hidden;
	border: 4px solid #f8f8f8;
	}
	
.zoom img {
	width:100%;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	}

.zoom img:hover {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-o-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	}

.loupe div {background:url('../img/loupe.png') no-repeat center center;}

.rotatezoom img {
	width:100%;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	}

.rotatezoom img:hover {
	-webkit-transform: rotate(-5deg) scale(1.3);
	-moz-transform: rotate(-5deg) scale(1.3);
	-o-transform: rotate(-5deg) scale(1.3);
	-ms-transform: rotate(-5deg) scale(1.3);
	transform: rotate(-5deg) scale(1.3);
	}
	
.vignette 
{
	
position: relative;
	background: #fff;

}

.vignette img 
{
	opacity: 1;
}

.vignette img:hover {opacity:0.6;}

.vignette span:hover + img {
	-webkit-transform: rotate(-5deg) scale(1.3);
	-moz-transform: rotate(-5deg) scale(1.3);
	-o-transform: rotate(-5deg) scale(1.3);
	-ms-transform: rotate(-5deg) scale(1.3);
	transform: rotate(-5deg) scale(1.3);
	opacity:0.6;
}


.vignette span {
	position: absolute;
    background: rgba(0, 0, 0, 0.6); 
	color: #fff;
	right: 0;
	height: 100%;
	padding: 20px;
	z-index:1;
	font-weight:bold;
}	

#slider-marques .slide a {
	-o-transition: none; -moz-transition: none; -webkit-transition: none; -ms-transition: none; transition: none;
}

.vignette2, .vignette3
{
	position: relative;
}

.vignette2 img, .vignette3 img {
	width:100%;
}

.vignette2 a span {
	position:absolute;
	bottom:-62px;
	width:100%;
	text-align:center;
	padding:15px;
	color:#fff;
	font-weight:bold;
	background: rgba(0,0,0,0.6);
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.vignette2 a:hover span {
	bottom:0;
	color:#fff;
}

.vignette3 a span {
    position: absolute;
    bottom: -300px;
    width: 200px;
    text-align: center;
    padding: 15px;
    color: #fff;
    font-weight: bold;
    background: rgba(0, 0, 0, 0.60);
    border-radius: 200px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    height: 200px;
    padding-top: 35px;

}

.vignette3 a:hover span {
    bottom: -120px;
    color: #fff;
}

.box-rond {
    width: 200px;
    height: 200px;
    border-radius: 200px;
    overflow: hidden;
	z-index: 5;
	margin:auto;
	box-shadow: 2px 2px 5px 0px rgba(70, 69, 69, 0.65);
}


/* Rond avec ombre */
.ombre {
    height: 30px;
    background: white;
    width: 40px;
     -webkit-filter: drop-shadow(160px 5px 10px rgba(2,2,2,0.4));
     -ms-filter: drop-shadow(160px 5px 10px rgba(2,2,2,0.4));
	filter : drop-shadow(160px 5px 10px rgba(2,2,2,0.4));
    transform: rotateX(70deg);
    border-radius: 150px;
    left: 15px;
    position: absolute;
    bottom: -60px;
	-webkit-transition:  all ease 0.5s;
	transition:  all ease 0.5s;
}
.rond-container h2 {margin-top:30px;}
.rond:hover + div
{
	width:30px;
	height:10px;
	left: 20px;
	bottom:-50px;
}

.rond img {
	-webkit-transition:  all ease 0.5s;
	transition:  all ease 0.5s;
	}
.rond {
	-webkit-transition:  all ease 0.5s;
	transition:  all ease 0.5s;
	position: relative;
    width: 200px;
    height: 200px;
    border-radius: 200px;
    text-align: center;
	overflow:hidden;
	margin: 0 auto;
  /*  padding: 50px 0;
    color: #fff;
	box-shadow: 2px 2px 2px #828282;*/
}
.rond:hover {
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
	transform: translateY(-10px);
}
.blue .rond-icone{background:#FFCF00;}

.rond-icone:hover + div 
{
	width:30px;
	height:10px;
	left: 20px;
	bottom:70px;
}

.rond-icone {
    width: 150px;
    transition:0.4s;
    height: 150px;
    border-radius: 150px;
    text-align: center;
    color: #fff;
	margin: 0 auto;
	box-shadow: 2px 2px 2px #828282;
}
.rond-icone a {display:block;line-height:150px;}
.rond-icone:hover {
    transform: translate(0px,-20px);
}

.ombre-icone {
    height: 30px;
    background: white;
    width: 40px;
     -webkit-filter: drop-shadow(160px 5px 10px rgba(2,2,2,0.4));
     -ms-filter: drop-shadow(160px 5px 10px rgba(2,2,2,0.4));
	filter : drop-shadow(160px 5px 10px rgba(2,2,2,0.4));
    transform: rotateX(70deg);
    border-radius: 150px;
    left: 15px;
    position: absolute;
    bottom: 60px;
	transition:0.5s;
}

/* Fin rond avec ombre*/

.parallax {
	background:#fff center center no-repeat fixed;
	background-size:cover;
	min-height: 300px;
	margin: 0;
	padding: 0;
}

.parallax .container {
	padding:60px 0;
}

.backtotopinstance {
    background: url("../img/arrow-top.png") no-repeat scroll center center #444;
    border-radius: 0;
    bottom: 50px;
    display: none;
    height: 50px;
    position: fixed;
    right: 50px;
    text-indent: -9999px;
    width: 50px;
	cursor: pointer;
	z-index:999;
}

#scrolldisplay {
	position:fixed;
	bottom:-70px;
	left:100px;
	color:#fff;
	z-index:999;
	text-align:center;
	background: #00A4DD;
	padding: 10px 20px;
	border-radius: 5px 5px 0 0;
	-webkit-transition:  all ease 0.8s;
	transition:  all ease 0.8s;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

#scrolldisplay:hover {
	bottom:0;
}

#scrolldisplay .fa-stack {
	-webkit-transition:  all ease 0.8s;
	transition:  all ease 0.8s;
}

#scrolldisplay:hover .fa-stack {
	transform: rotateY(360deg);
}

#scrolldisplay a {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

#scrolldisplay p {margin:0;}

#scrolldisplay .fa-comments {
	color:#00A4DD;
}

#scrolldisplay span {
	margin-top:15px;
}

input[type="text"]:focus, 
textarea:focus {
	border-color: #444;
}

button.btn {
	background-color: #FFCF00;
}

button.btn.grey {
	background-color: #bdbdae;
}

button.btn.blue {
	background-color: #00A4DD;
}

button.btn:hover {
	background-color: #444;
}

.sidebar {
    background: #FFCF00;
    padding: 10px;
    color: #fff;
}
.sidebar a {color:#fff;}

#topbar {
	/*background:#FFCF00;*/
	background:#f9f9f9;
	padding:2px 0;
	font-size: 12px;
	color: #212121;
}

.topbar-text {
	margin-right:10px;
	vertical-align:middle;
}

#topbar .fa-stack-1x {
	font-size:1em;
}

#topbar .fa-stack-2x {
	font-size:2em;
	color: #FFCF00;
}

#topbar.blueback .fa-stack-2x {
	color: #00A4DD;
}

#topbar .fa-stack {
	width:2em;
	height:2em;
	line-height:2em;
}

#topbar a {
	color: #000;
	text-decoration:none;
}

.fa-stack-1x {
	color:#fff;
}

.facebookcolor {
	color:#3B5998 !important;
	-webkit-transition:  all ease 0.5s;
	transition:  all ease 0.5s;
}

a:hover .facebookcolor {
	color:#839ED8 !important;
}

.twittercolor{
	color:#1DA1F2 !important;
	-webkit-transition:  all ease 0.5s;
	transition:  all ease 0.5s;
}

a:hover .twittercolor {
	color:#63B7E8 !important;
}

.linkedincolor {
	color:#0177B5 !important;
	-webkit-transition:  all ease 0.5s;
	transition:  all ease 0.5s;
}

a:hover .linkedincolor {
	color:#70B9DE !important;
}

.spacer {
	height:60px;
}

.numbersanim {
	font-size:58px;
	line-height:42px;
}

.numbersanim em {
	font-size: 20px;
	/*border:1px solid;*/
	padding: 5px 20px;
	font-style:normal;
}

.numbersanim.yellow {
	color:#FFCF00;
}

.numbersanim.yellow:hover {
	color:#FFCF00 !important;
}

.numbersanim a:hover {
	color:inherit !important;
}

.numbersanim.blue {
	color:#00A4DD;
}

.inscription button {
	width:300px;
	background:#FFCF00;
}

.inscription.blue button {
	background:#00A4DD;
}

.inscription button:hover {
	background:#00a4dd;
}

.footer-menu {
	font-size: 14px;
}

.footer-menu a {
	color:#212121;
	text-decoration:none;
}

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

.footer-partenaires {
	text-align:right;
}

.backtotopinstance, #slider-marques .slide a {
	-o-transition: none; -moz-transition: none; -webkit-transition: none; -ms-transition: none; transition: none;
}

.carousel-indicators {
	bottom:-30px;
}

.carousel-indicators li {
	background: #fff;
	border-color: #FFCF00;
	margin:0 5px 1px;
}

.carousel-indicators li.active {
	background: #FFCF00;
	margin:0 5px 0;
}

.carousel-indicators.blue li {
	border-color: #00A4DD;
}

.carousel-indicators.blue li.active {
	background: #00A4DD;
}

/** Responsive youtube **/
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-youtube {
    border: 1px solid #e1e1e1;
}

.youtube .play-button::before {
    
}

.youtube .play-button {
    background-color: #E62117 !important;
}

.youtube .play-button::before {
    border-width: 15px 0 15px 26px;
}

.embed-container{
	border:0 !important;
}

.timecounterblue{
	color:#00A4DD;
	font-size:2.5em;
}

.navbar-loggued li a {
	padding: 26px 9px !important;
	font-size: 0.8em !important;
}

ul.navbar-nav li a.logouturlmarker {
	padding: 0px 4px !important;
}

li.markernavbar_logindata p {
    background: 0;
    border-top: 0;
    color: #212121;
    text-decoration: none;
    margin-bottom: 0;
    padding-left: 12px;
    position: relative;
    bottom: 12px;
}

.modal-title{
	font-size:24px;
}
/* ajout 07 05 */
.navbar-center {
    float: right;
}
/* fin ajout 07 05 */

.navbar-center li {
	float: none;
	display: inline-block;
}

.navbar-center {
	width: 80%;
	text-align: center;
	font-size: 1.6em !important;
}

.navbar-center li.markernavbar_logindata p{
	margin-top:25px !important;
}

.navbar-center.markercollaboratif li.markernavbar_logindata p {
	margin-top: 7px !important;
}

.navbar-center .markernavbar_logindata {
	float: right !important;
}

li.markernavbar_logindata.domarker p{
	border-left:1px solid #00A4DD !important;
}

.logouturlmarker i{
	color : #FFCF00 !important;
	font-size:15px !important;
}

.logouturlmarker:hover {
	background: none !important;
	color : #FFCF00 !important;
}

.domarker .logouturlmarker:hover {
	background: none !important;
	color : #00A4DD !important;
}

.domarker .logouturlmarker i{
	color : #00A4DD !important;
}

#slider-testi {
	height: 494px;
	overflow: hidden;
}

#load-carousel-six-dernier-teleoperateur #slider-testi {
	height: 380px;
	overflow: hidden;
}

.titre-important.text-center {
    width: 100%;
}

.info-admin-engagement {
    width: 100%;
}

.markernavbar_logindata {
    font-size: .8em;
    border-left: 1px solid #dce3e6;
}

.marker_creditline span {
	margin-right: 10px;
}

.marker_creditline {
    display: block;
    position: absolute;
    bottom: -16px;
    white-space: nowrap;
}

.menu-conecte.fixed li.markernavbar_logindata p {
    position: initial;
}

.marker_creditline img {
	width: 15px;
}

ul.list1 {
    list-style: none; /* Remove list bullets */
    padding: 0;
    margin: 0;
}

ul.list1 li {
    padding-left: 0;
	margin-bottom:10px;
}

ul.list1 li:before {
    content: "-"; /* Insert content that looks like bullets */
    padding-right: 8px;
}

ul.list2 {
    list-style: none; /* Remove list bullets */
    padding: 0;
    margin: 0;
}

ul.list2 li {
    padding-left: 0;
	margin-bottom:10px;
}

ul.list2 li:before {
    content: "+"; /* Insert content that looks like bullets */
    padding-right: 8px;
	color:#FFCF00;
}

ul.list2.blue li:before {
	color:#00A4DD;	
}

.yellow .fa-stack-2x {
	color:#FFCF00;
}

.blue .fa-stack-2x {
	color:#00A4DD;
}

.green .fa-stack-2x {
	color:#96bf0d;
}

.movingbox .boxed2, .movingbox .cercle {
	-webkit-transition:  all ease 0.5s;
	transition:  all ease 0.5s;
}

.movingbox:hover .boxed2 {
	transform: translateY(-18px)
}

.cercle {
	position:relative;
	background:#fff;
	border:2px solid #00A4DD;
	width:120px;
	height:120px;
	border-radius:50%;
	margin:0 auto 20px;
	color:#00A4DD;
}

.cercle.yellow {
	border:2px solid #FFCF00;
	color:#FFCF00;
}

.cercle span {
	font-size:80px;
	line-height:1.3;
	position:absolute;
	left:30%;
	top:2%;
}

.movingbox:hover .cercle {
	background:#00A4DD;
	color:#fff;
}

.movingbox:hover .cercle.yellow {
	background:#FFCF00;
}

a.btn em {
	font-size: 14px;
	font-style:normal;
}

.teleop .item {
	height:420px;
	overflow:hidden;
}

.logiciel .carousel-indicators, .donneur-dordres .carousel-indicators, .teleop .carousel-indicators {
	bottom:-45px;
}

.commentaire-teleop {
    font-size: 14px;
    font-style: italic;
    color: #00A4DD;
}

input.yellow {
	border:2px solid #FFCF00;
}

input.blue {
	border:2px solid #00A4DD;
}

.fa.yellow {color:#FFCF00;}
.fa.blue {color:#00A4DD;}

#slider-testi h4 {padding-top: 0;}

.modal-dialog {
	width:100%;
	max-width: 700px;
}

.modal-header, .modal-footer {
	border:none;
}

form#inscription select,
form#contact select {
	width: 406px;
	padding: 5px;
	border-radius: 5px;
	border: 1px solid #d7d7d7;
	height:40px;
}

.navbar-brand {
    width: 200px;
}

form#inscription select.info1,
form#contact select.info1 {
	width:400px;
}

form#inscription input[type="text"], form#inscription input[type="password"], form#inscription input[type="email"],
form#bondecommande input[type="text"], form#bondecommande input[type="password"], form#bondecommande input[type="email"],
form#contact input[type="text"], form#contact input[type="password"], form#contact input[type="email"] {
	width: 400px;
	padding: 5px 10px;
	border-radius: 5px;
	border: 1px solid #d7d7d7;
	text-align:left;
	height:40px;
}

form label {
	font-weight:normal;
}

/*form#inscription label.titre-champs,
form#bondecommande label.titre-champs,
form#contact label.titre-champs {
	width:170px;
	text-align:right;
	margin-right:10px;
	float:left;
	margin-top:10px;
	line-height:16px;
}*/

form#inscription label.titre-champs,
form#bondecommande label.titre-champs,
form#contact label.titre-champs {
    width: 260px;
    float: left;
    line-height: 39px;
}

form#contact textarea,
form#bondecommande textarea {
	width: 400px;
	padding: 5px 10px;
	border-radius: 5px;
	border: 1px solid #d7d7d7;
	text-align:left;
	min-height:100px;
}

form#nouvelutilisateur label.titre-champs {
	width:100%;
}

form#connexion input {
	width: 100%;
	padding: 5px 10px;
	border-radius: 5px;
	border: 1px solid #d7d7d7;
	text-align:left;
	height:40px;
}

#ModalConnexion .modal-dialog {
    max-width: 400px;
}

.table-responsive tr:nth-child(even) {
	background:#efefef;
}

.table-responsive td:nth-child(2) p {
	padding:2px 10px;
	border-left:1px solid #ddd;
}

.table-responsive p, .table-responsive a {margin-bottom:5px;}
.table-responsive a {margin-top:5px;}


.slick-prev::before, .slick-next::before{
	color:#00a4dd !important;
}

.boxedclick{
	cursor:pointer !important;
}

.titleslide {
  font-size: 17px !important;
}

.font-size-h4{
	font-size:18px;

}

.title-boxed-to{
	font-family:'Source Sans Pro', sans-serif;
}

#forminscription_single #sendinscriptioninitiale {
	float: right;
	margin-top: -30px;
}

.wrapperblockachatfichiermenu, .wrapperblockachatfichiermenu h2, .wrapperblockachatfichiermenu .font-size-h2{
	color:white !important;
}

.wrapperblockachatfichiermenu h2{
	color:white !important;
	font-weight:bold;
}

.wrapperblockachatlogiciel img {
	left: 0px !important;
	margin-top: 16px !important;
	margin-bottom: 20px !important;
}

.wrapperblockachatfichiermenu .font-size-h4{
	margin-top:-30px;
}

.wrapperblockachatfichiermenu img {
	width: 120px;
	display: block;
	margin: auto;
	margin-bottom: 10px;
	position:relative;
	left:-10px;
}

.col-no-padding{
	padding:0px !important;
}

.wrapperblockfunclogiciel_hovered{
	padding-top:0px !important;
	padding-bottom:0px !important;
	background-color:white !important;
	border:2px solid #00A4DD !important;
	color:#00A4DD !important;
}

.wrapperblockfunclogiciel .description {
	line-height: 190px;
}

.wrapperblockachatfichiermenu_mobile img {
	display: inline !important;
	width: 33px !important;
	top: 6px;
	margin-left: 20px;
}

.wrapperblockachatfichiermenu_mobile .btn {
	position: relative;
	top: 9px;
}

.col-sm-offset-2.5{
	margin-left:20.833333335%;
}

.wrapperblockachatfichiermenu_mobile {
	margin-bottom: 0px !important;
	padding: 0px !important;
	border-radius: 0px !important;
	z-index:100px !important;
	width:100% !important;
}

.wrapperblockachatfichiermenu_mobile .font-size-h2{
	font-size: 19px;
}




.max-width-120{
	max-width:120px !important;
}

.wrapperblockachatfichiermenu_mobile h2 {
	margin-bottom: -7px !important;
	margin-top: -7px !important;
	line-height: 10px !important;
	font-size: 1.7em;
}

.wrapperblockachatfichiermenu{
	top:60px;
	z-index:100;
	width:250px;
}
.wrapperblockachatfichiermenu.marker_page_teleprospection{
	width:260px;
}

#headertariffichier{
	background:#00A4DD;
	color:white;
	text-align:center;
	font-weight:bold;
}

.bigcircledletterblue img {
	max-width: 50px !important;
}

.bigcircledletterblue {
    text-align: right;
    height: 100%;
}

.image_gotop {
	margin-top: -30px;
}

#ModalExempleFichier .modal-dialog {
	max-width: 1500px;
}

#wrappertable_fichierexample .modal-body {
	overflow-x: scroll;
}

.bordertopdownblue{
	border-top:3px solid #3AA3DB;
	border-bottom:3px solid #3AA3DB;
}

.bluelink button{
	background:#3AA3DB !important;
}

.wrapperbuttonaboformules div {
	width: 200px !important;
	text-align: center;
}

.wrapperbuttonaboformules {
	text-decoration: none !important;
}

button a {
	text-decoration: none !important;
	color: white;
}

.wrapperdivbuttonabo a {
    display: inline-block;
    text-decoration: none;
    line-height: initial;
    outline: none;
    width: 100%;
}

.wrapperdivbuttonabo {
	text-align: center;
}

.italictext{
	font-style:italic !important;
}

.centerbutton{
	text-align:center;
	margin-bottom:-20px;
}

.center {
    text-align: center;
}

#wrappertable_fichierexample table, #wrappertable_fichierexample tr, #wrappertable_fichierexample td, #wrappertable_fichierexample th {
	border:1px solid black;
	padding:10px;
}

#wrappertable_fichierexample th{
	background:#07A6DE;
}

.wrappercontainergreybackground{
	background:#F1F1F1;
}

.pictoguillemetachatfichier-right {
	float: right;
	transform: scaleX(-1);
}

.pictoguillemetlogiciel-right {
	float: right;
	transform: scaleX(-1);
	width: 16px;
	position: relative;
	top: 20px;
	margin-bottom: 20px;
	left: 20px;
}

.pictoguillemetlogiciel-right-float{
	float:right;
}

.pictoguillemetachatfichier-left {
	float: left;
	margin-right: 20px;
	margin-bottom:40px;
}

.recommendation_identity_wrapper > .pictoguillemetlogiciel-left {
	float: left;
	margin-right: 20px;
	/* margin-bottom: 40px; */
	width: 16px !important;
	margin-right: 10px !important;
}


.fichierprospectionachatimg img {
	max-width: 150px;
}

.border-top-blue {
	border-top: 1px solid #3AA3DB;
	padding-top: 20px;
}

.wrapperblockapercuachatfichier {
    border: 1px solid #00a4dd;
    text-align: center;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    background: #00a4dd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.wrapperblockapercuachatfichier:hover {
    background: #FFCF00;
    border-color: #FFCF00;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.bluebackground-container{
	background:#E6F6FC;
}

.wrapperblockdescriptionfichierprospection img {
    max-width: 100px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.center-v {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.wrapperblockdescriptionfichierprospection p {
	line-height: 21px;
	margin-bottom: 6px;
}

.wrapperblockdescriptionfichierprospection li{
	list-style-type:none;
}

.wrapperblockdescriptionfichierprospection li:before{
	    content:"\2713\0020";
    font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial;
    margin-left:-15px;
}


.bluelinetable{
	background:#DEF2FA;
}

#tablepricefichierprospection{
	border:2px solid #07A6DE;
}

#tablepricefichierprospection td, #tablepricefichierprospection th {
	padding: 10px !important;
}

.littletexttable {
	font-size: 0.7em;
}

#tablepricefichierprospection {
	border: 2px solid #07A6DE;
	width: 100%;
}

.circle-picto {
	border: 1px solid black;
	border-radius: 30px;
	position: relative;
	top: -3px;
	padding: 5px;
	width: 35px;
}

.yellow .circle-picto{
	border-color:#FFCF00;
	background:#FFCF00;
}

.blue .circle-picto{
	border-color:#00A4DD;
	background:#00A4DD;
}

.roundednumber img {
	max-width: 100px;
}

.yellow.font-size-h4{
	color:#FFCF00;
}

.font-size-h2{
	font-size:24px;
	font-family: 'Source Sans Pro', sans-serif;
	line-height: 35px;
    margin-bottom: 30px;
	margin-top:5px;
}

.font-size-h2-sans-margin {
    font-size: 24px;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 40px;
    margin: 0;
}

.font-size-h3{
	font-size:22px;
	font-family: 'Source Sans Pro', sans-serif;
    line-height: 25px;
    margin-top: 5px;
    margin-bottom: 10px;
    padding-top: 20px;
}

.font-size-h1{
	font-size:28px !important;
	font-family: 'Source Sans Pro', sans-serif;
	line-height:35px !important;
	margin-top:5px;
}

.slider-2-text .font-size-h1{
	padding-left: 30px;
	padding-right: 30px;
	font-size: 28px !important;
	margin-bottom: 0;
}

h1, .h1 {
    font-size: 28px;
}

h2, .h2 {
    font-size: 24px;
}

h3, .h3 {
    font-size: 22px;
}

#ModalWarningMontant .modal-dialog {
	max-width: 550px !important;
}

.boxed2.fullblue .font-size-h4{
	color: #fff;
	line-height: 25px;
	margin-bottom:10px;
}

.carousel-inner.logiciel h2 {
    line-height: 18px;
    margin-top:-10px;
}




.table_espacepress {table-layout:fixed;}
.table_espacepress>thead:first-child>tr:first-child>th:first-child
{
    height:auto;
	width:250px;
}
.table_espacepress> tbody > tr > td:first-child
{
    height:auto;
	width:250px;
}

.table_espacepress> tbody > tr > td:nth-child(2)
{
    height:auto;
	width:250px;
}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.recommendation_identity img {
  display: inline-block;
  margin-right: 15px;
  width:100px;
  vertical-align:top;
}

.recommendation_identity_wrapper{
	display:inline-block;
	min-width:130px;
}

.recommendation_note {
  clear: both;
}

.recommendation_login {
	font-size: 1.3em;
	position: relative;
	left: 20px;
}

.recommendation_name {
  margin-top: -20px;
}

.recommendation_identity {

}

.wrapper_recommendation {
  text-align:center;
}

.recommendation_identity_wrapper > span {
  margin-left: 15px;
  position: relative;
  top: 1px;
}

.recommendation_identity_wrapper > img {
    margin-right: -1px !important;
    width: inherit !important;
}

.recommendation_commentaire {
  font-style: italic;
  text-align:left;
}

.wrapperblockfunclogiciel {
    background: #00a4dd;
    border-radius: 4px;
    width: 239px;
    padding: 10px;
    text-align: center;
    color: white;
    display: inline-block;
    height: 200px;
    vertical-align: top;
    padding-top: 50px;
    margin-bottom: 10px;
    margin-right: 4px;
    float: left;
}

.abointerne_parmois {
	font-size: 15px;
	font-weight:normal;
}

.wrapperblockfunclogiciel img {
	max-width: 50px;
	display: block;
	margin: auto;
}

.wrapperblockfunclogiciel .titlefunc {
	margin-top: 7px;
	line-height: 16px !important;
	display: block;
}

.wrapperblockfunclogiciel span {
    line-height: 1em;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

.buttonplayaccueilv2 {
  display: inline-block;
  float: right;
  left: -20px;
  position: relative;
  width: 45px;
}

.wrapperchoixinscription {
  cursor: pointer;
  padding: 0px;
  text-align: center;
  font-size: 16px !important;
}

.wrapperchoixinscription label {
	padding: 10px;
}

.wrapperchoixtypeinscription label {
	padding: 18px;
}

.wrapperchoixinscription {
    border: 1px solid #dce3e6 !important;
    border-radius: 4px;
    -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
}

#slider-recommand {
  margin-bottom: 40px;
}

.numbersanim a {
  text-decoration: none !important;
}

.has-error .form-control {
    border-color: red !important;
}

.collapsetriggermobile {
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 1%, #eaeaea 100%) repeat scroll 0 0;
  border: 1px solid black;
  color: #646464;
  cursor: pointer;
  margin: 0;
}

.collapsemobileonly{
	height:inherit !important;
}

.collapsemobileonly.in,
.collapsemobileonly.collapsing {
    display: block!important;
}

#bouton_mobile {
    display: none;
}

.add-clear-x.form-control-feedback.glyphicon.glyphicon-remove-circle {
    left: 75% !important;
}

h2.sans-margin {
    margin-bottom: 10px;
}

.lb-dislike {
    width: 40px;
    text-align: center;
    border-radius: 4px !important;
}

.lb-like {
    width: 100px;
    text-align: center;
    border-radius: 4px !important;
}

.likebtn-wrapper {
    display: block !important;
    margin-bottom: 10px;
}

/* Tout sauf mobile */
@media (min-width:768px) { 
	.collapsemobileonly, .collapsemobileonly.collapse{ 
		display: block!important;
		visibility:visible!important; 
	} 	
	

}

/* Extra-small devices only */
@media (max-width: 991px) {
    #wrapperinscriptioninitialform .wrapperchoixinscription, .wrapperchoixtypeinscription {
        opacity: 1 !important;
    }
    body.accueil_site {
        padding-bottom: 122.4px;
    }
    
    body {
        padding-bottom: 76.2px;
    }
    
	#wrappercallcenterinsc{
		margin-right: 0px !important; 
		margin-left: 0px !important;
	}
	
	#masterwrapper_funclogiciel{
		text-align:center;
	}
	
	.wrapperrecommendationblock h2{
		font-size:25px;
	}
	
	.width-screen-logiciel img{
		width:100%;
	}
	
	.bigcircledletterblue{
		text-align:center;
	}
	
	.wrapperlogosolution, .fichierprospectionachatimg {
		text-align: center;
		margin-top: 25px;
		margin-bottom: 25px;
	}
	
	.align_on_mobile{
		text-align:center;
	}
    
    h1 {font-size: 22px !important;}
    
    h2 {font-size: 20px; }
    
    h3 {font-size: 16px; }
    
    div[class^="slider-"] p { font-size: 16px;}
    
    .header-page {
        height: 350px !important;
    }

    .background-unique-page {
        height: 350px !important;
    }

    .font-size-h2, .font-size-h2-sans-margin {
        font-size: 20px;
    }
    
    .font-size-h3 {
        font-size: 16px;
    }
    
    .subtitleslide, .slider-2-text p {
        font-size: 18px;
    }
    
    .titleslide {
        font-size: 16px !important;
    }
    
    .background-unique-page {
        opacity: 0.4 !important;
    }
    
    .cacher {
        opacity: 0 !important;
    }
    #nouscontacter-mobile {
        display: block;
        position: absolute!important;
        bottom: 12%!important;
        left: 79%!important;
    }
    
    
    
}

/* RESPONSIVE SIMULATION ACHAT DE FICHIERS */
@media (max-width: 1199px) {
    
    #wrappersearch_departement label {
        font-size: 12px !important;
    }
    
    input[type="text"], input[type="email"], textarea {
        font-size: 12px;
    }
    
    body, #wrappersearch_departement .blue-panel-group .panel-title {
        font-size: 13px !important;
    }
    
    #formkeywordachatfichierprospection > div > div > input {
        width: 76% !important;
    }
    
    .searchkeywordvalidbutton {
        font-size: 12px;
        background: #2AC5EE !important;
    }
    
    .has-feedback .form-control {
        padding-right: 14.5px;
    }
    
    #bouton_ordi {
        display: none;
    }
    
    #bouton_mobile {
        display: inline-block;
    }
    
    .add-clear-x.form-control-feedback.glyphicon.glyphicon-remove-circle {
        left: 60% !important;
    }
    
}

.orangeborder{
	border-color : #F7BE06;
}

.blueborder{
	border-color: #00A4DD;
}

.col-sm-offset-1-and-half {
    margin-left: 12.499995%;
}

#connudataextra {
  display: none;
  margin-top: 10px;
  width: 332px !important;
}

#datenaissanceinsc {
    background-color: inherit;
    cursor: inherit;
}

.bluetext{
	color:#00a4dd !important;
}

.bluehr{
	border-top:1px solid #00a4dd;
}

.width-screen-logiciel img{
	max-width:600px;
}

.bluebackground{
	background-color:#00a4dd !important;
}

.whitebackground{
	background-color:white !important;
}

.wrapperabonnementinterneaccueil {
    padding-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 25px;
    position: relative;
    width: 100%;
    display: inline-block;
    border: 1px solid #dce3e6 !important;
    border-radius: 5px !important;
    overflow: hidden;
}

.texte_fonctionnalite {
    font-size: 15px;
    margin-top: 15px;
    margin-bottom: 0;
}

.pourcentageeconomie {
	margin-bottom: -6px;
}

.wrappereconomietriangle {
    position: absolute;
    bottom: 13px;
    right: -67px;
    transform: rotate(-40deg);
    font-size: .7em;
    color: white;
    width: 200px;
    background: #00a4dd;
    padding: 6px;
}

.wrappereconomietriangle p {
    margin: 0;
    line-height: 1;
}

.nobackground {
	background: none !important;
}

.texteconomie_3 {
	font-size: 0.9em;
}

.texteeconomie_2 {
	font-weight: bold;
	font-size: 1.2em;
}

.wrapperabonnementinterneaccueil div {
  /* padding: 5px; */
  text-align: center;
}

.abointerne_engagementtitle {
	font-size: 1em;
	font-weight: bold;
	margin-top: 8px;
}

.abointerne_price {
	font-size: 1.8em;
	font-weight: bold;
	margin-bottom: -3px;
}

.abointerne_asterix {
	font-size: 0.5em;
	position: relative;
	top: -17px;
}

.wrapperabologiciel {
    background: #fff;
    border-radius: 0;
    margin-bottom: 20px;
    border-color: #00a4dd;
    border: 1px solid #dce3e6 !important;
    border-radius: 5px !important;
}

.wrapperabologiciel ul {
    list-style: none;
    margin-top: -6px;
}

.wrapperoption_logicielinterne{
	border-radius: 0px 0px 4px 4px;
    padding-bottom: 20px;
}

.wrapperavantage_logicielinterne{
	border-radius: 4px 4px 0px 0px;
	padding:10px;
}

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

.abointerne_position {
  font-size: 0.7em;
  margin-bottom: 0 !important;
}

.abointerne_option {
    color: white;
    margin-bottom: 15px;
    text-align: left;
    margin-left: 50px;
    font-size: 1.4em;
}

.abointerne_appel {
  color: white;
  font-size: 1.2em;
}

.abointerne_appelprice {
    color: white;
    list-style: none;
    margin-bottom: 11px;
    font-size:0.9em;
}

ul.listoptionlogiciel {
    color: white;
    margin-left: 29px;
}

ul.listetitleoptionlogiciel li {
    font-weight: bold;
}

ul.listetitleoptionlogiciel {
    margin-left: 10px;
}

.wrapperlinkcenter {
    text-align: left;
    margin-bottom: 0px;
    margin-left: 50px;
}

ul.listetitleoptionlogiciel, ul.listetitleoptionlogiciel .fa {
    color: white !important;
}

.abointerne_tarifcom {
  font-size: 0.8em;
}

.white{
	color:white;
}

#mailfichiercheck .form-group {
  text-align: center;
}

#mailfichiercheck label {
  display: inline-block;
}

#mailfichiercheck input {
  border: 1px solid black;
  display: inline-block;
}

#warningformatmail, #warningmailnotfound {
  text-align: center;
}

.btn-disabled {
  background: grey none repeat scroll 0 0 !important;
  border-color: grey !important;
  cursor: default !important;
  opacity: 0.5;
}

.btn-disabled:hover{
	color:black !important;
}

/* ----- Autres ----- */

.blue-panel-group .panel-heading {
	background: #00A2E8;
	color: white;
	cursor: pointer;
}

.blue-panel-group .panel-title {
	color: white !important;
	font-size: 1.2em !important;
	font-weight: bold !important;
}

.blue-panel-group input[type="text"] {
	border: 1px solid grey;
	width: 100%;
}

.subelem-panel-group .panel-title {
	font-weight: bold;
}

.wrappersubsubelem-panel-group label {
	font-weight: normal;
}

.panel-title label {
	cursor: pointer !important;
}

.hidesubelem-panel-group{
	display:none;
}

.hidesubelem-panel-group-sub{
	display:none;
}

.wrappersearch_fichierprospection mark {
	padding: 0 !important;
	background: yellow !important;
}

.ui-autocomplete mark{
	background: yellow !important;
}

#wrapperfinalresult {
    position: absolute;
    background: white;
    padding: 10px;
    border: 1px solid #00a2e8;
    width: inherit;
    color: #00a2e8 !important;
    top: 86px;
    width: 315px;
    border-radius: 4px;
    right: 0px;
}

#wrapperfichier_extradata + #wrapperachatbutton,
#wrapperfichier_extradata + #wrapperachatbutton-autre {
    margin-top: 50px;
}

.panel.panel-default {
    margin-bottom: 10px;
}

.panel-heading {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

/* Small devices only */
@media (max-width: 991px) {	
    #wrapperfinalresult {
        position: inherit !important;
        top: initial;
        right: initial;
        width: 100%;
    }
}

/* Extra-small devices only */
@media (max-width: 768px) {	
	.pictoguillemet{
		width:30px;
	}
}

#wrapperselection h2 {
	color: #00A2E8 !important;
}

.form-block .form-group {
	display: block !important;
}

#mapsgoogle {
	height: 300px;
	width: 100%;
	margin-top:10px;
}

.markerSearchDisabled {
	opacity: 0.3;
}

#wrapperfinalresult li {
	display: none;
}

.selectionValide {
	/* display: list-item !important; */
	display:inherit !important;
}

.removeSelectedData {
	position: relative;
	left: -15px;
	cursor: pointer;
	color: grey;
}

.suggestionclicknaf {
	text-decoration: underline;
	cursor: pointer;
	color: blue;
	font-style: italic;
}

#wrappersynonyme {
	margin-top: 5px;
	margin-bottom: -10px;
}

.ui-autocomplete {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  _width: 160px;
  padding: 4px 0;
  margin: 2px 0 0 0;
  list-style: none;
  background-color: #ffffff;
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  
     max-height: 300px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;

  .ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;

    &.ui-state-hover, &.ui-state-active {
      color: #ffffff;
      text-decoration: none;
      background-color: #0088cc;
      border-radius: 0px;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      background-image: none;
    }
  }
}

.nomargin{
	margin : 0 !important;
}

#wrapperfichier_prospectnumber {
	font-size: 1.3em;
}

#prospectnumber{
	font-weight:bold;
}

#wrapperfichier_extradata {
	font-size: 0.9em;
	color: grey;
}

#prospectprice {
	font-weight: bold;
	font-size: 1.3em;
}

#wrapperselection .panel-heading {
	cursor: pointer !important;
}

.blue-panel-group .panel-heading {
	padding: 6px 15px !important;
}

.wrappersubsubelem-panel-group {
	padding: 0px 30px !important;
}

.subelem-panel-group .panel-heading {
	background: #f5f5f5 !important;
	padding: 0px 15px !important;
}

.subelem-panel-group label {
	color: #00A2E8 !important;
}

.wrappersearch_fichierprospection .panel-group {
	margin-bottom: 0px !important;
}

.subelem-panel-group .glyphicon {
	color: #00A2E8;
}

.wrappersearch_fichierprospection .panel-footer {
	background: white !important;
}

.numberdisplay_fichierrecherche {
	font-size: 0.8em;
	font-weight: normal !important;
}

#wrappervillegeoselected .selectionValide, #wrapperkeywordresultselected .selectionValide {
	display: inline-block !important;
	margin-right: 10px;
}

#wrappervillegeoselected .removeSelectedData, #wrapperkeywordresultselected .removeSelectedData {
	left: 0px;
	margin-right: 3px;
}

.titleselectioninside_fichier {
	font-weight: bold;
	font-size: 1.3em;
	display: block;
	color: #00A2E8;
}

#wrappervillegeoselected ul, #wrapperkeywordresultselected ul {
	padding: 0 !important;
}

.wrappersearch_fichierprospection .panel-collapse {
	border: 1px solid #00A2E8;
}

#collapseheader {
    padding: 15px;
    padding-bottom: 5px;
}

#menu-fixed .container {
    height: 100%;
}

.wrappersearch_fichierprospection .subcollapse {
	border: none !important;
}

#wrappervillegeoselected {
	padding: 10px;
	margin-bottom: 15px;
	margin-top: 10px;
	max-height: 100px;
	overflow-y: scroll;
	border: 1px solid grey;
}


.btn-ajout-selection:hover {
	border-color: #fff;
	background: #00A2E8;
	color: #fff;
}

#annulermodalville:hover {
	border-color: #fff;
	color: #fff;
}

#annulermodalville{
	background:red;
	color:white;
}

.wrappervillegeo_phrase {
	font-size: 1.3em;
	color: #00A2E8;
}


.btn-ajout-selection {
	border: 1px solid #00A2E8;
	background: #fff;
	color: #212121;
	padding: 5px 15px;
	font-size: 16px;
	margin-bottom: 20px;
}

.wrappersearch_fichierprospection input[type="checkbox"], .wrappersearch_fichierprospection label{
	display:inline !important;
}

#prospectnumberbuy {
	border: 1px solid #00A2E8;
	text-align: left;
	padding: 0;
	width: 53px;
	height: 23px;
	padding-left: 5px;
	padding-right: 5px;
}

#prospectnumberalreadyhave_wrapper {
	font-size: 0.7em;
	color: grey;
	margin-top: -15px;
}

#acheterfichierbutton {
	font-size: 2em;
}

#acheterfichierbutton.btn-disabled{
		color:white;
}

#acheterfichierbutton.btn-disabled:hover{
		background:white !important;
}

#wrapperachatbutton,
#wrapperachatbutton-autre
 {
	text-align: center;
}

#loaderfichiernumber {
	float: right;
}

#prospectnumberbuy[disabled] {
	opacity: 0.3;
}

#searchvillegeo_distance {
	width: 40px !important;
	height: 20px !important;
	padding: 0px !important;
	margin-top: -4px;
}

.fullwithslider .slider{
	width:100% !important;
}

.ui-autocomplete mark {
	padding: 0 !important;
}

.checkbox_keywordsearch {
    transform: none;
    position: relative;
    top: 2px;
    margin-right: 4px;
}

.wrappervillegeomodal {
	display: inline-block;
	vertical-align: top;
	width: 49%;
}

.masterwrappervillegeomodal {
	height: 500px;
	overflow-y: scroll;
	border: 1px solid grey;
	padding: 7px;
}

#addmainville_second_replace {
	background: #00A2E8;
	color: white;
}

#addmainville_second {
	background: green;
	color: white;
}

#wrappervillegeo_number {
	margin-bottom: 3px;
	font-size: 1.5em;
	color: #00A2E8;
	text-align:center;
}

#validerdatecreation {
	margin-bottom: 0px !important;
}

.titlewrapperselectiondatecreation {
	font-weight: bold;
	color: #00A2E8;
	margin-bottom: -2px;
}

.btn-disabled#validerdatecreation {
    color: white !important;
}


#supprimerselectiondatecreation {
	font-weight: bold;
	cursor: pointer;
	font-size: 1.1em;
	margin-right: 5px;
	position: relative;
	top: 2px;
}

.wrappersubtextprice{
	font-size:0.9em;
	font-style:italic;
}

.wrapperforcedisabled{
	opacity:0.3;
}

#wrapperoffrebienvenuefichier {
	color: red;
}

.wrapperdatepickerdatecreation {
	width: 125px !important;
	margin-left: 10px !important;
	margin-right: 10px !important;
	height: 30px;
}

#wrapperkeywordresultsearch {
    max-height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 5px;
    margin-bottom: 10px;
    border-top: 1px solid #00A2E8;
    border-bottom: 1px solid #00A2E8;
}

#formkeywordachatfichierprospection > div > div > input {
    width: 83%;
}


/* AJOUT PIERRE CLEMENT */

.subtitleslide {
    margin-top: 10px;
    font-size: 16px;
}

.margin-top-25 {
    margin-top: 25px;
}

.margin-top-bottom-40 {
    margin: 40px 0px;
}

.boxed2 {
    margin: 12px;
}

.wrapperabologiciel .abointerne_appelprice {
    color: white;
    margin-bottom: 0px;
    font-size: .8em;
    text-align: left;
    margin-top: -16px;
    margin-left: 50px;
}

.teleop .item .text-left p {
    font-size: 14px;
}

.searchkeywordvalidbutton {
    background-color: #00A4DD !important;
    font-size: 14px !important;
    border-radius: 0px 4px 4px 0px !important;
}

.youtube {
    background-color: #000;
    margin-bottom: 30px;
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
    cursor: pointer;
}
.youtube img {
    width: 100%;
    top: -16.82%;
    left: 0;
    opacity: 0.7;
}
.youtube .play-button {
    width: 90px;
    height: 60px;
    background-color: #333;
    box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
    z-index: 1;
    opacity: 0.8;
    border-radius: 6px;
}
.youtube .play-button:before {
    content: "";
    border-style: solid;
    border-width: 15px 0 15px 26.0px;
    border-color: transparent transparent transparent #fff;
}
.youtube img,
.youtube .play-button {
    cursor: pointer;
}
.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
    position: absolute;
}
.youtube .play-button,
.youtube .play-button:before {
    top: 50%;
    left: 50%;
    transform: translate3d( -50%, -50%, 0 );
}
.youtube iframe {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.backstretch {
    position: relative;
}

.backstretch:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255,255,255, 0.4);
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

#cta-accueil, #cta-logiciel, #cta-fichier {
    margin-bottom: 0px;
    padding: 14px;
    font-size: 18px;
    color: #fff;
    background-color: #00A4DD;
    border-color: #00A4DD;
}

#cta-accueil:hover, #cta-logiciel:hover, #cta-fichier:hover {
    background: #FFCF00;
    border-color: #FFCF00;
    color: #fff;
}

#cta-do, #cta-to {
    margin-bottom: 0px;
    padding: 14px;
    font-size: 18px;
}

.bluelink.maillage-link {
    font-size: 12px;
    display: block;
}

.maillage-btn {
    cursor: pointer;
    font-size: 12px;
}

#maillage-en-savoir-plus {
    padding: 0;
}

.hover-article {
    padding: 10px;
    background: #00A4DD;
    margin: 10px;
    color: #fff;
    border: 1px solid white;
}

.hover-article:hover {
    background: #fff;
    border-color: #00A4DD;
    color: #00A4DD;
    cursor: pointer;
}

.hover-article:hover a, .hover-article:hover a:hover {
    color: #00A4DD;
}

.titre-article a, .titre-article a:hover, .titre-article, .titre-article:hover {
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
}

#menu-fixed {
    height: 82px;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

nav.navbar {
    height: auto;
}

.navbar {
    height: 100%;
}

.container-full #header, nav.navbar + .content-container {
    margin-top: 66px;
}

#menu-fixed.fixed {
    height: 52px;
}

.header-page .container {
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(50%,-50%);
    -webkit-transform: translate(50%,-50%);
}

.header-page {
    height: 500px;
    overflow: hidden;
    position: relative;
    background: #f9f9f9;
    margin-top: 66px;
}

.background-unique-page {
    position: absolute;
    top: 0;
    right: 50%;
    max-width: 1920px;
    height: 500px;
    transform: translateX(50%);
    -webkit-transform: translateX(50%);
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

.afficher {
    opacity: 1;
}

.cacher {
    opacity: 0;
}

.btn.btn-secondary.blue.inverse {
    background: #fff;
    color: #00A4DD;
    border: 1px solid #00A4DD;
}

.btn.btn-secondary.blue.inverse:hover {
    background: #00A4DD;
    color: #fff;
    border: 1px solid #00A4DD;
}

.btn.btn-secondary.inverse {
    background: #fff;
    color: #FFCF00;
    border: 1px solid #FFCF00;
}

.btn.btn-secondary.inverse:hover {
    background: #FFCF00;
    color: #fff;
    border: 1px solid #FFCF00;
}

.header-page .btn {
    font-weight: bold !important;
}

html {
    background: #fff;
}

.info-to {
    text-align: center;
    margin-top: 10px;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
}

.image-to img {
	margin: 0 auto;
	width: 100%;
	display: block;
	height: 100%;
	object-fit: cover;
}

.voix-to .mdi {
	font-size: 3em;
	line-height: 1;
	color: #00a4dd;
	cursor: pointer;
}

.voix-to .mdi:hover {
	color: #ffcf00;
}

.image-to {
	margin: 0 auto;
	border-radius: 50%;
	overflow: hidden;
	width: 150px;
}

ensavoirplus.boxed2 {
    margin: 0;
}

.voix-to .buttonplayaccueilv2 {
    float: none;
    position: initial;
}

.voix-to {
    height: 62px;
    text-align: center;
}

.voir-tous-les-profils-donneur-ordres {
    background: #00A4DD;
    border: 1px solid #fff;
    color: #fff;
    padding: 5px 15px;
    font-size: 16px;
    margin-bottom: 20px;
    display: inline-block;
}

.voir-tous-les-profils-donneur-ordres:hover {
    border-color: #FFCF00;
    background: #fff;
    color: #FFCF00;
}

.voir-missions-teleprospecteurs {
    border: 1px solid #fff;
    background: #FFCF00;
    color: #fff;
    padding: 5px 15px;
    font-size: 16px;
    margin-bottom: 20px;
    display: inline-block;
}

.voir-missions-teleprospecteurs:hover {
    background: #fff;
    border-color: #00A4DD;
    color: #00A4DD;
}

.wrapperchoixinscription.en-savoir-plus {
    width: 100% !important;
    outline:none;
}

.fixed #menu-title {
    padding: 11px 20px !important;
}

.fixed .navbar-loggued li a {
    padding: 11px 9px !important;
}

.fixed .marker_creditline {
    display: none;
}

.liste-articles {
    list-style-type: "\f00c";
    color: #00A4DD;
}

.liste-articles li a {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    margin-left: 6px;
}

.liste-articles {
    list-style-type: "\f058";
    color: #00A4DD;
    font-family: FontAwesome;
}

.liste-articles .a-faire {
    list-style-type: "\f057";
    color: #b4b4b4;
    font-family: FontAwesome;
}

.liste-articles .a-faire span {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    margin-left: 6px;
}

.liste-articles .date {
    display: inline-block;
    font-size: 14px;
    margin-left: 8px;
    font-family: 'Source Sans Pro', sans-serif;
    color: #212121;
}

.liste-articles {
    padding: 0;
}

.liste-articles li {
    margin-bottom: 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
    list-style-position: inside;
    overflow: hidden;
}

.navbar-brand {
    height: auto;
    padding: 0;
}

.navbar-brand > img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 !important;
    width: 200px;
}

.navbar-left {
    float: right !important; /* surcharge de la classe le 09/05 */
}

.nav-link.active.show {
    border-bottom-color: #00a4dd !important;
}

.nav-link {
    border-bottom-color: #dee2e6 !important;
}

.page-voir-missions-menu, .page-lister-teleoperateurs-menu {
    padding: 26px 20px;
    line-height: 28px;
    background: none;
    border-top: none;
    color: #212121;
    text-decoration: none;
    cursor: pointer;
}

.page-donneur-ordres-menu, .page-teleoperateur-menu, .page-logiciel-menu, .page-fichier-menu, .page-scripts-menu, .page-formation-menu {
    background: #fff;
    color: #5d5d5d;
    border: 0;
    font-family: 'Source Sans Pro', sans-serif;
    padding: 5px 30px 5px 10px !important;
}

#menu-nos-services {
    width: 204px;
}

.maillage a {
    display: block;
    text-decoration: none;
    font-size: 0.85em;
}

.maillage .font-size-h4 {
    color: #00A4DD;
}

input.page-paiement, input.page-paiement:hover, input.page-paiement:active, input.page-paiement:focus {
    background-color: white;
    color: #00A4DD !important;
    border: 1px solid #ddd;
    text-align: left;
    border-radius: 4px;
    box-shadow: none;
    max-width: 100%;
    margin: 0 auto;
}

input.page-paiement-montant, input.page-paiement-montant:focus, input.page-paiement-montant:hover, input.page-paiement-montant:active {
    display: inline-block;
    background: transparent !important;
    border: none !important;
    box-shadow: none;
    font-size: 20px;
    width: auto;
    padding: 0;
    width: 160px;
}

input.page-paiement-submit {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background: #00A4DD;
    box-sizing: initial;
    border-radius: 4px;
    padding: 10px 20px;
    color: #fff;
    box-shadow: none !important;
    border: none;
}

.container-paiement {
    width: 450px;
    max-width: 100%;
    margin: 0 auto;
    padding: 30px;
    border-radius: 4px;
    border: 1px solid #dce3e6;
    border-radius: 5px;
    -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
    background-color: #fff;
}

input.page-paiement-submit:hover, input.page-paiement-submit:focus, input.page-paiement-submit:active {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background: #FFCF00;
}

.page-paiement {
    text-align: center;
    background-color: #f4f6f9;
    padding-bottom: 300px;
}

.label-montant {
    margin-bottom: 0;
}

.page-paiement h1, .page-paiement h2 {
    padding-top: 0;
}

.jp-card .jp-card-front, .jp-card .jp-card-back {
    background: #2d2d2d !important;
}

.jp-card .jp-card-front .jp-card-display, .jp-card .jp-card-back .jp-card-display {
    color: #fff !important;
}

.mentions-legales {
    width: 534px;
    margin: 0 auto;
    max-width: 100%;
}

.obfu {
    display: inline;
    cursor: pointer;
}

.blog .font-size-h3 {
    margin-top: 0;
    padding-top: 0;
}

.blog .boxed {
    height: auto;
    padding: 20px;
}

.blog p {
    margin: 0;
}

.date-article {
    margin: 10px 0 !important;
    font-weight: bold;
}

.form-inline label {
    margin-right: 12px;
}

.bloc-crm {
    border: 1px solid #dce3e6;
    border-radius: 4px;
    background-color: #fff;
    padding: 15px;
    color: #67757c;
    -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
}

.info-mission .titre-info-mission {
    font-weight: bold;
}

.info-mission {
    text-align: center;
    margin-bottom: 15px;
}

[type="radio"]:checked + label, [type="radio"]:not(:checked) + label {
    padding-left: 24px;
}

.bloc-crm label {
    font-weight: initial;
}

.form-control {
    border-radius: 0;
    box-shadow: none !important;
    border: 1px solid #d2d6de !important;
    font-family: 'Source Sans Pro', sans-serif !important;
    text-align: left !important;
}

.form-control:focus {
    border-color: #398bf7 !important;
}

.form-control:hover, .form-control:focus {
    box-shadow: none !important;
}

.boxed, .boxed2 {
    border: 1px solid #dce3e6 !important;
    border-radius: 5px !important;
    box-shadow: none;
    background-color: #fff;
    margin: 0;
    padding: 16px;
}

.boxed p, .boxed2 p {
    padding: 0;
}

/******/

.grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 10px 1%;
        margin-bottom: 10px;
    width: 260px;
    max-width: 100%;
    height: 320px;
    text-align: center;
    cursor: pointer;
    border-radius: 5px !important;
    border: 1px solid #dce3e6 !important;
    -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
}

.grid figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: none;
    right: 0;
    opacity: 0.6;
}

.grid figure figcaption {
	padding: 1em;
	font-size: 1.2em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure:hover figcaption, .grid figure:active figcaption {
    background: rgba(0, 164, 221, 0.6);
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure .faux-titre-service {
	font-weight: 300;
}

.grid figure .faux-titre-service span {
	font-weight: 800;
}

.grid figure .faux-titre-service,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

figure.effect-zoe figcaption {
    top: auto;
    bottom: 0;
    padding-top: 240px;
    height: 100%;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}

figure.effect-zoe p.icon-links a {
	float: right;
	color: #3c4a50;
	font-size: 1.4em;
}

figure.effect-zoe:hover p.icon-links a:hover,
figure.effect-zoe:hover p.icon-links a:focus {
	color: #252d31;
}

figure.effect-zoe p.description {
    position: absolute;
    bottom: 9em;
    padding: 1em;
    color: #fff;
    text-transform: none;
    font-size: 82%;
    opacity: 0;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
    -webkit-backface-visibility: hidden;
    left: 0;
    width: 100%;
}

figure.effect-zoe .faux-titre-service,
figure.effect-zoe p.icon-links a {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-zoe p.icon-links a span::before {
	display: inline-block;
	padding: 8px 10px;
	font-family: 'feathericons';
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-eye::before {
	content: '\e000';
}

.icon-paper-clip::before {
	content: '\e001';
}

.icon-heart::before {
	content: '\e024';
}

figure.effect-zoe .faux-titre-service {
	display: inline-block;
}

figure.effect-zoe:hover p.description, figure.effect-zoe:hover p.description, figure.effect-zoe:active p.description, figure.effect-zoe:active p.description {
	opacity: 1;
}

figure.effect-zoe:hover .faux-titre-service, figure.effect-zoe:active .faux-titre-service {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
    color: #fff;
}

figure.effect-zoe:hover p.icon-links a:nth-child(3) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

figure.effect-zoe:hover p.icon-links a:nth-child(2) {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

figure.effect-zoe:hover p.icon-links a:first-child {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

#menu-nos-services {
    width: auto !important;
}

#nos-services {
    padding-top: 90px;
    margin-top: -50px;
}

figure.effect-zoe:hover figcaption::before, figure.effect-zoe:active figcaption::before {

    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);

}
figure.effect-zoe figcaption::before {

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.5);
    content: '';
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);

}

.grid .prochainement:hover figcaption, .grid .prochainement:active figcaption {
    background: linear-gradient(#5656564d, #565656e6);
}

.form-control.page-paiement-montant.AmountClean {
    text-align: center !important;
}

#wrapperformcartebleue .modal-dialog {
    width: 400px;
    max-width: 100%;
}

#wrapperformcartebleue input {
    width: 100% !important;
}

#ajoutcartebleue {
    border-radius: 4px;
}

#wrapperformcartebleue .btn {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background: #00A4DD;
    box-sizing: initial;
    border-radius: 4px;
    padding: 10px 20px;
    color: #fff;
    box-shadow: none !important;
    border: none;
    line-height: initial;
}

#wrapperformcartebleue .btn:hover {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background: #FFCF00;
}

label[for="conserverCarte"] {
    font-size: 14px;
    display: inline-block;
    margin-bottom: 14px;
}

#formpaiement i {
    font-size: 0.8em !important;
    margin-bottom: 14px;
    display: block;
}

#conserverCarte {
    display: inline;
    width: auto;
    top: 12px;
    position: relative;
}

.boxed-new {
    border: 1px solid #dce3e6 !important;
    border-radius: 5px !important;
    background-color: #fff;
    margin: 0;
    padding: 16px;
    min-height: 292px;
    position: relative;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.row.wrapperblockdescriptionfichierprospection {
    margin: 60px 0;
}

.boxed2.fullblue.text-center.wrapperblockachatfichiermenu.wrapperblockachatlogiciel, .boxed2.fullblue.text-center.wrapperblockachatfichiermenu {
    position: sticky;
}

.boxed2.fullblue.text-center.wrapperblockachatfichiermenu.wrapperblockachatlogiciel.marker_page_teleprospection{
    margin-left: 12px;
}

.boxed-new:hover {
    border-color: #00A4DD !important;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.boxed-new .faux-titre-service {
    font-size: 1.2em;
    color: #00a4dd;
    line-height: initial;
}

.boxed-new .description {
    margin: 20px 0;
    font-size: 0.9em;
    color: #333;
}

.boxed-new img {
    margin: 0 auto;
    position: absolute;
    bottom: 20px;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    height: 80px;
}

.promo {
    font-size: 1.1em;
}

.wrapperblockachatlogiciel .btn.btn-primary.blue {
    font-size: 1.2em;
}

.inactif {
    opacity: 0.5;
    cursor: initial;
    pointer-events: none;
}

.maillage .boxed2 {
    margin-bottom: 20px;
}

.maillage .boxed2 a:hover {
    color: #00A4DD;
}

#iw, #tarifs.tarifs-fichier {
    margin-top: -70px;
    padding-top: 85px;
    width: 400px;
    max-width: 100%;
}

#formules.row {
    margin-top: -70px;
    padding-top: 85px;
}

.maillage .boxed-new {
    min-height: initial;
    margin-bottom: 20px;
}

.maillage .boxed-new i {
    font-size: 2em;
    color: #333;
}

.maillage .boxed-new .description {
    margin: 0;
}

.maillage a:hover {
    color: #ffcf00;
}

.en-savoir-plus-services {
    text-align: center;
    display: inline-block;
    text-decoration: none;
    font-size: 0.7em;
    margin-top: 20px;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    line-height: 1;
}

.services-bientot-disponible {
    height: 0;
    overflow: hidden;
}

.en-savoir-plus-services:hover, .en-savoir-plus-services:active {
    text-decoration: none !important;
    color: #00A4DD;
}

.image-contenu {
    margin-top: 10px;
    margin-bottom: 20px;
}

.col-sm-4.col-sm-offset-1 .btn-secondary {
    margin-top: 10px;
}

.menu-conecte .nav.navbar-nav {
    float: right;
}

.menu-conecte .navbar-brand > img {
    width: 190px;
}

.azm-facebook {
    background: #4862a3;
    margin-left: 0 !important;
}

.azm-twitter {
    background: #55acee;
}

.azm-linkedin {
    background: #0177b5;
}

.azm-email-2 {
    background: #35c7ed;
}

.azm-social:hover, .azm-social:focus, .azm-social:active {
    outline: 0;
    opacity: 0.8;
    color: #fff;
}

.azm-btn i {
    padding-right: 27px;
    font-size: 21px;
    line-height: 21px;
    vertical-align: top;
}

.azm-social {
    margin: 0;
    padding: 0;
    display: inline-block;
    color: #fff;
    text-align: center;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

.azm-btn {
    height: 48px;
    padding: 13px 17px;
    font-size: 14px;
    line-height: 21px;
    font-weight: 300;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 20px;
}

.element-sommaire {
    padding-top: 70px !important;
    margin-top: -50px;
    outline: 0;
    margin-bottom: 10px;
}

.titre-contenu {
    margin-top: 20px;
    margin-bottom: 10px;
}

.sommaire {
    list-style: decimal;
}

.likebtn-label, .lb-count {
    font-family: 'Source Sans Pro', sans-serif !important;
}

.lien-secondaire a {
    font-size: 1em;
    display: inline-block;
}

.lien-secondaire {
    bottom: 30px;
    position: relative;
    text-align: center;
}

.lien-secondaire a:hover, .lien-secondaire a:active {
    color: #FFCF00;
}

.blog .margin {
    margin-top: 30px;
}

#services-bientot-disponibles {
    position: relative;
    bottom: 30px;
}

.menu-connecte #logo {
    width: 160px;
}

.menu-conecte li > a {
    padding: 30px 10px !important;
    font-size: 0.9em !important;
}

.menu-conecte.fixed li > a {
    padding: 15px 10px !important;
}

.marker_creditline {
    display: block;
}

.wrapperblockapercuachatfichier {
    margin-top: 30px;
    margin-bottom: 10px;
    padding: 10px;
    position: relative;
    width: 200px;
    padding-top: 0;
}

.wrapperblockapercuachatfichier .mdi {
    font-size: 2em;
    position: relative;
    top: 6px;
    line-height: 1;
}

textarea {
    max-width: 100%;
}

.btn {
    border-radius: 4px !important;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.btn.blue:hover, .btn.blue:active, .btn.blue:focus, .boxed2.fullblue.text-center.wrapperblockachatfichiermenu .btn:hover, .boxed2.fullblue.text-center.wrapperblockachatfichiermenu .btn:active, .boxed2.fullblue.text-center.wrapperblockachatfichiermenu .btn:focus, .abointerne_tarifcom.btn.btn-primary.blue:hover, .abointerne_tarifcom.btn.btn-primary.blue:focus, .abointerne_tarifcom.btn.btn-primary.blue:active {
    background-color: #FFCF00;
    border-color: #FFCF00;
    color: #fff !important;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.btn.blue {
    background-color: #00A4DD;
    border-color: #00A4DD;
    color: #fff;
}

#nouscontacter-mobile {
    position: fixed;
    background: #00a4dd;
    color: #fff;
    z-index: 9999;
    border-radius: 50%;
    padding: 8px;
    width: 60px;
    height: 60px;
    text-align: center;
    bottom: 15px;
    left: 15px;
    font-size: 2em;
    display: none;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

#nouscontacter-mobile:hover, #nouscontacter-mobile:active, #nouscontacter-mobile:focus {
    background: #FFCF00;
    color: #fff;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: none;
}

button.btn, input[type="text"], input[type="email"], textarea {
    font-family: 'Source Sans Pro',sans-serif;
}

.inscription .form-group {
    margin-bottom: 4px;
}

input.blue, input.yellow {
    border: 1px solid lightgray;
    border-radius: 4px;
}

.wrapperchoixinscription input {
    display: block;
    margin: 10px auto;
    margin-bottom: 0;
}

.tarifs-communication-logiciel .btn.blue, .boxed2.fullblue.text-center.wrapperblockachatfichiermenu .btn {
    background-color: #fff;
    border-color: #fff;
    color: #00a4dd !important;
}

.col-lg-3-to.col-md-4.col-sm-6.col-xs-12 select.form-control {
    width: 126px;
    margin: 0 auto;
    margin-bottom: 5px;
    border-radius: 4px;
}

#ModalAbonnement .wrapperchoixinscription {
    min-height: initial;
}

form#inscription input[type="text"], form#inscription input[type="password"], form#inscription input[type="email"], form#bondecommande input[type="text"], form#bondecommande input[type="password"], form#bondecommande input[type="email"], form#contact input[type="text"], form#contact input[type="password"], form#contact input[type="email"] {
    border-radius: 4px;
    width: 406px;
}

form#contact textarea, form#bondecommande textarea {
    border-radius: 4px;
    width: 406px;
}

.formules-abonnement-telepro-indep img, .formules-abonnement-centres-appels img, .formules-abonnement-entreprises img {
    margin-bottom: 10px;
}

.formules-abonnement-telepro-indep, .formules-abonnement-centres-appels, .formules-abonnement-entreprises {
    min-height: 152px !important;
}

.mdi-star.checked {
    color: #00A4DD;
}

.inline {
    display: inline-block;
}

.note-contenu {
    font-size: 1.2em;
}

#contenu-commentaire {
    display: block;
    width: 100%;
    height: 150px;
    margin-bottom: 10px;
}

input[type="text"], input[type="email"], textarea {
    text-align: left;
}

.form-control {
    display: block;
    width: 100%;
    padding: 5px 15px;
    line-height: 1.5;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    font-size: 16px;
}

.form-control:focus {
    border-color: #00a4dd;
    box-shadow: none;
}

#pseudo-commentaire {
    margin-bottom: 10px;
}

#etoiles-note-commentaire .mdi:hover {
    color: #00A4DD;
    cursor: pointer;
}

.contenu-note {
    width: auto;
    padding: 15px;
    background-color: #fff;
    border: 1px solid #dce3e6 !important;
    border-radius: 4px;
    -webkit-box-shadow: 0 5px 20px rgba(0,0,0,0.05);
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
    padding-bottom: 0;
}

#pseudo-commentaire, #email-commentaire, #telephone-commentaire {
    margin-bottom: 10px;
    width: 357px;
    max-width: 100%;
    display: inline-block;
}

.commentaire {
    margin-top: 20px;
    background-color: #fff;
    padding: 15px;
    border: 1px solid #dce3e6 !important;
    border-radius: 4px;
    -webkit-box-shadow: 0 5px 20px rgba(0,0,0,0.05);
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
    padding-bottom: 0;
    position: relative;
}

.pseudo-commentaire {
    font-weight: bold;
}

#valider-nouveau-commentaire {
    margin-top: 10px;
}

.date-commentaire {
    font-weight: initial;
}

.btn.btn-success.blue.supprimer-commentaire, .btn.btn-success.blue.supprimer-commentaire:hover, .btn.btn-success.blue.supprimer-commentaire:active, .btn.btn-success.blue.supprimer-commentaire:focus {
    position: absolute;
    right: 0;
    top: 0;
    background: none;
    border: none;
    color: #00A4DD !important;
}

.formulaire-commentaire-invite {
    margin-bottom: 20px;
}

.note-contenu {
    font-size: 24px;
    line-height: 35px;
}

.content-container.greyback + #module .background-module-commentaire {
    background-color: #fff;
}

.content-container + #module .background-module-commentaire {
    background-color: #f9f9f9;
}

.logo-client {
    width: 90px;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.background-logo {
    display: inline-block;
    height: 90px;
    vertical-align: middle;
    margin-right: 6px;
    margin-bottom: 10px;
    background-color: #fff;
    border-radius: 4px;
    overflow: hidden;
    -webkit-box-shadow: 0 5px 20px rgba(0,0,0,0.05);
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
}

.wrapperbuttonaboformules {
    width: auto !important;
}

.cta {
    padding: 10px 15px;
    white-space: initial;
    font-weight: bold;
    display: inline-block;
    margin: 0 auto;
    margin-bottom: 15px;
}

.btn.btn-secondary.blue.cta {
    background: #00a4dd;
    border-color: #00a4dd;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
}

.btn.btn-secondary.blue.cta:hover {
    background: #008aba;
    border-color: #008aba;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.2);
}

.btn.btn-default.cta, .btn.btn-default.cta:active, .btn.btn-default.cta:focus {
    color: #212121;
    background: #fff;
    border: 1px solid lightgrey;
}

.btn.btn-default.cta:hover {
    background: #fff;
    color: #00a4dd;
    border-color: #00a4dd;
}

.clear {
    clear: both;
}

.tooltip.show {
    opacity: .9;
    z-index: 99999;
}

#espace-presse {
    padding-top: 80px;
    margin-top: -80px;
}

#erreur404 {
    width: 500px;
    margin: 0 auto;
    display: block;
    padding: 20px;
}

.maillage-blog .boxed {
    min-height: 87px;
    margin-bottom: 15px;
}

.maillage-blog .font-size-h3, .maillage-blog .font-size-h4 {
    font-size: 1em;
    margin-bottom: 0;
}

.maillage-blog a, .maillage-problematiques a {
    text-decoration: none;
}

.maillage-problematiques .boxed-new {
    min-height: 115px;
    margin-bottom: 15px;
}

.maillage-problematiques .mdi {
    font-size: 4em;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: 0.06;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.maillage-problematiques .faux-titre-service {
    font-size: 1em;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
    color: inherit;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.maillage-problematiques .boxed-new:hover {
    border: 1px solid #dce3e6 !important;
}

.maillage-problematiques .boxed-new:hover .faux-titre-service {
    opacity: 0;
}

.maillage-problematiques .boxed-new:hover .mdi {
    opacity: 1;
    color: #00a4dd;
}

#contenu-achatfichiersprospection .panel-collapse {
    padding: 15px !important;
    border: 1px solid #00a4dd;
    border-top: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

#contenu-achatfichiersprospection .checkboxfiltre_data {
    margin-left: 5px;
}

#contenu-achatfichiersprospection .form-control.inline {
    display: inline-block;
}

#contenu-achatfichiersprospection .add-clear-span.form-group.has-feedback {
    display: inline-block !important;
}

#wrappersearch_act .add-clear-span.form-group.has-feedback, #wrappersearch_departement .add-clear-span.form-group.has-feedback {
    width: 100%;
}

#contenu-achatfichiersprospection .panel-collapse .panel-collapse {
    padding: 0 !important;
}

.maillage-services {
    font-size: 0.9em;
}

.modal-content .close {
    position: absolute;
    right: 14px;
    top: 8px;
    padding: 0;
    margin: 0;
}

.modal-footer {
    display: block;
    padding-top: 0;
    text-align: right;
}

.modal-header .col-sm-2 {
    position: absolute;
    top: 6px;
    right: -2px;
}

.modal-header .col-sm-2 .close {
    position: initial;
}

.modal-header .col-sm-10 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

.modal-header .row {
    width: 100%;
}

#nous_contacter_mobile {
    display: none;
}

.wrapperabologiciel .font-size-h3.blue.bluetext, .wrapperabologiciel .font-size-h3.text-center.white {
    text-align: left !important;
    margin-bottom: 20px;
    margin-left: 40px;
}

.col-md-4.fonctionnalite .mdi {
    font-size: 2em;
    color: #00a4dd;
    line-height: 1;
}
.col-md-3.fonctionnalite.noir .mdi {
    font-size: 2em;
    color: black !important;
    line-height: 1;
}

.col-md-4.fonctionnalite {
    text-align: center;
    margin-top: 15px;
}

.col-md-4.fonctionnalite > div {
    border: 1px solid #dce3e6 !important;
    border-radius: 5px !important;
    padding: 15px;
}

.col-md-3.fonctionnalite .mdi, .col-md-6.fonctionnalite .mdi {
    font-size: 2em;
    color: #00a4dd;
    line-height: 1;
}

.col-md-3.fonctionnalite.bleu .mdi {
    font-size: 2em;
    color: #00a4dd;
    line-height: 1;
}

.col-md-3.fonctionnalite.bleu  {
      cursor: pointer;
}

.col-md-6.fonctionnalite .mdi.noir {
    color: black;
}

.col-md-3.fonctionnalite, .col-md-6.fonctionnalite {
    text-align: center;
    margin-top: 15px;
}

.col-md-3.fonctionnalite > div, .col-md-6.fonctionnalite > div {
    border: 1px solid #dce3e6 !important;
    border-radius: 5px !important;
    padding: 15px;
}

.titre_fonctionnalite {
    font-weight: bold;
    font-size: 1.3em;
}

.cocon-semantique::after {
    content: '\f0625';
    font-family: 'Material Design Icons';
    margin-left: 2px;
	font-size: 0.8em;
}

.cocon-semantique {
    font-weight: bold;
    text-decoration: none !important;
	color: #00a4dd;
}

.cocon-semantique:hover {
	color: #ffcf00;
}

.menu-bleu {
    background-color: #00a4dd !important;
}

.menu-bleu a, .menu-bleu span, .menu-bleu i {
    color: #fff !important;
}

.marker_creditline {
    cursor: help;
}

.carousel-item .row {
    display: block;
    height: 100%;
}

.maillage-problematiques .boxed-new {
    margin-left: 0;
    margin-right: 0;
}

#topbar .col-sm-12 .fa-stack:first-child {
    margin-left: 162px;
}

.phrase_cta p:last-child {
    margin-bottom: 0;
    font-size: .9em;
}

.phrase_cta .text-center {
    text-align: left !important;
}

.phrase_cta p {
    margin-bottom: 1rem;
}

.phrase_cta {
    padding: 30px;
    border-radius: 4px;
    margin: 15px auto;
    z-index: 0;
    position: relative;
    overflow: hidden;
    text-align: left;
    border: 1px solid #00a4dd;
}

.phrase_cta::before {
    content: '';
    background-image: url(https://jobphoning.com/web/inc/accueilv2/img/images-seo/cta.jpg);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background-position: 50% 50%;
    opacity: .5;
}

.phrase_cta b {
	font-size: 18px;
}

#ModalContact .g-recaptcha div:first-child {
    position: relative;
    left: 100%;
    transform: translateX(-100%);
}

.justify.maillage-problematiques {
    text-align: left;
}

.justify.maillage-problematiques a {
    display: inline-block;
    font-size: 1em;
    text-align: left;
}

.font-size-h2-sans-margin + ul li a, .justify.maillage-problematiques + ul li a {
    display: inline-block;
    padding: 15px;
    background: #fff;
    color: #212121 !important;
    border-radius: 4px;
    border: 1px solid lightgray !important;
}

.font-size-h2-sans-margin + ul li, .justify.maillage-problematiques + ul li {
    list-style: none;
    display: inline-block;
    margin-right: 14px;
	margin-bottom: 14px;
    font-size: 13px !important;
}

#maillage_autres_problematiques li a {
    font-size: 13px !important;
}

.font-size-h2-sans-margin + ul, .justify.maillage-problematiques + ul {
    padding-left: 0;
	margin-top: 15px;
}

.font-size-h2-sans-margin + ul li a:hover, .justify.maillage-problematiques + ul li a:hover {
    background: #f3f3f3 !important;
}

.infographie {
    background: #fff;
    border: 1px solid #dce3e6 !important;
    border-radius: 4px;
}

.col-lg-4 .boxed-new {
    margin-bottom: 30px;
}

.maillage-blog .boxed:hover {
    cursor: pointer;
}

.maillage-blog .boxed:hover a {
    color: #ffcf00;
}

.modal {
	z-index: 99999;
}

.content-container.greyback .faq-pages-principales {
    background: #fff;
}

.content-container .faq-pages-principales {
    list-style: none;
    padding: 30px;
    background: #f9f9f9;
    border-radius: 4px;
    margin-top: 30px;
    border: 1px solid #f9f9f9;
    font-size: .9em;
}

.faq-pages-principales li:last-child p {
    margin-bottom: 0;
}

.faq-pages-principales .faq-pages-principales-titre {
    font-size: 1.3em;
    line-height: 1.5;
}

#barre_de_recherche_dictionnaire {
    width: 100%;
    margin-bottom: 30px;
	margin-top: 30px;
	font-size: 1em !important;
}

.contenu_dictionnaire {
    text-align: left;
}

.lien_mot_cle_dictionnaire {
    text-decoration: none !important;
}

.lien_mot_cle_dictionnaire:hover {
    color: #00a4dd;
}

.lien_discret, .lien_discret:hover {
	text-decoration: none;
	color: inherit;
}

@media (max-width: 991px) {
	.maillage-blog .boxed {
		min-height: initial;
	}
	
	.font-size-h2-sans-margin + ul li, .justify.maillage-problematiques + ul li {
		margin-right: 0;
		display: block;
	}
	.font-size-h2-sans-margin + ul li a, .justify.maillage-problematiques + ul li a {
		width: 100%;
	}
    #ModalContact .g-recaptcha div:first-child {
        left: 0;
        transform: none;
    }
    
    .white-popup-block {
        margin-top: 80px;
        margin-bottom: 80px;
    }
    .formulaire-commentaire-invite > .inline {
        margin: 0;
    }
    #etoiles-note-commentaire {
        white-space: nowrap;
        margin-bottom: 10px;
        display: block;
        font-size: 1.5em;
    }

    .note-contenu > .inline {
        display: block;
        margin-bottom: 0;
    }

    #etoiles-contenu {
        font-size: 1.5em;
        margin-bottom: 15px;
        display: inline-block;
    }

    #valeur-note-contenu {
        font-size: 1.5em;
    }
    .backstretch:before {
        background: rgba(255,255,255, 0.7);
    }
    .header-page .container {
        width: 100%;
    }
    .image-carte {
        display: none;
    }
    .grid figure {
        width: 100%;
        max-width: 320px;
        float: none;
        margin: 10px auto;
        height: 240px;
    }
    .grid figure img {
        min-width: 100%;
    }
    .boxed2, .boxed {
        margin: 12px !important;
    }
    .faux-titre-service {
        font-size: 16px;
    }
    figure.effect-zoe p.description {
        bottom: 6em;
    }
    figure.effect-zoe figcaption {
        padding-top: 10em;
    }
    .boxed-new {
        min-height: 250px;
        margin-bottom: 20px;
        margin-left: 12px;
        margin-right: 12px;
    }
    .boxed-new .description {
        font-size: 1em;
    }
    .azm-btn {
        font-size: 0;
    }
    .azm-btn i {
        padding: 0;
    }
    #ModalVideo {
        padding-right: 20px !important;
    }
    .modal {
        padding: 20px;
    }
    .modal-title {
        font-size: 1.2em;
        font-weight: bold;
    }
    .modal-header .close {
        position: absolute;
        right: -10px;
        top: -36px;
    }
    .modal input {
        max-width: 100% !important;
    }
    .modal-dialog {
        padding-bottom: 20px;
    }
    #nouscontacter-mobile {
        display: block;
    }
    #wrappercallcenterinsc2 {
        margin-left: 0; margin-right: 0;
    }
    .wrapperchoixinscription {
        min-height: initial;
    }
    .wrapperblockfunclogiciel + br {
        display: none;
    }
    .wrapper_recommendation {
        text-align: center;
    }
    .recommendation_login {
        left: 0;
    }
    .recommendation_commentaire {
        font-style: italic;
        text-align: center;
    }
    .recommendation_identity img {
        display: none;
    }
    .wrapperblockapercuachatfichier {
        margin: 0 auto;
        margin-top: 30px;
        margin-bottom: 10px;
    }
    .pictoguillemetachatfichier-left, .pictoguillemetachatfichier-right {
        display: none;
    }
    .form-control {
        font-size: 12px;
    }
    .note-contenu {
        font-size: 14px;
    }
    .header-page br {
        display: none;
    }
    .modal-footer {
        text-align: left;
    }
    #nous_contacter_desktop {
        display: none;
    }
    #nous_contacter_mobile {
        display: block;
    }
}

@media (min-width:769px) and (max-width: 991px){
    #nos-services .boxed-new {
        margin-bottom: 20px;
    }
    .maillage .boxed-new {
        padding: 10px;
    }
    .font-size-h3 {
        font-size: 16px;
    }
    .azm-btn {
        font-size: 0;
    }
    .azm-btn i {
        padding: 0;
    }
    .modal-dialog {
        margin: 30px auto !important;
    }
    #nouscontacter-mobile {
        display: block;
    }
    #wrappercallcenterinsc2 {
        margin-left: 0; margin-right: 0;
    }
    #nous_contacter_desktop {
        display: none;
    }
    #nous_contacter_mobile {
        display: block;
    }
}

@media (min-width:992px) and (max-width:1199px){
    .maillage .boxed-new {
        padding: 8px;
    }
    .font-size-h3 {
        font-size: 16px;
    }
    .azm-btn {
        font-size: 0;
    }
    .azm-btn i {
        padding: 0;
    }
    .modal-dialog {
        margin: 30px auto !important;
    }
    #nouscontacter-mobile {
        display: block;
    }
    #wrappercallcenterinsc2 {
        margin-left: 0; margin-right: 0;
    }
    #nous_contacter_desktop {
        display: none;
    }
    #nous_contacter_mobile {
        display: block;
    }
}

@media (max-width:767px){
    .wrapperblockfunclogiciel {
        width: 100%;
    }
    .wrapperavantage_logicielinterne ul, .listetitleoptionlogiciel {
        padding-left: 0;
    }
    .listoptionlogiciel {
        padding-left: 0;
    }
    .wrapperabonnementinterneaccueil {
        max-width: 100% !important;
    }
	.cta {
        width: 100%;
    }
	.phrase_cta::before {
    	content: none;
	}
	.phrase_cta {
		background: #f9f9f9;
		border-color: #dce3e6;
		text-align: center;
	}
}

.abointerne_tarifcom.btn.btn-primary.blue {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

.wrapperlinkcenter.tarifs-communication-logiciel {
	margin-left: 0;
	margin-top: 30px;
}

.btn:focus {
    box-shadow: none !important;
}

.wrapperchoixinscription {
	min-height: initial !important;
}

#wrapperinscriptioninitialform .wrapperchoixinscription input, .wrapperchoixtypeinscription input {
	opacity: 0;
	margin: 0;
}

#wrapperinscriptioninitialform .wrapperchoixinscription label, .wrapperchoixtypeinscription label {
	margin-bottom: 0;
	cursor: pointer;
}

#wrapperinscriptioninitialform .wrapperchoixinscription, .wrapperchoixtypeinscription {
	opacity: .7;
}

#wrapperinscriptioninitialform .wrapperchoixinscription.active, .wrapperchoixtypeinscription.active {
	opacity: 1;
	border-color: #00a4dd !important;
}

#wrapperinscriptioninitialform .wrapperchoixinscription:hover, .wrapperchoixtypeinscription:hover {
	opacity: 1;
}

#wrapperinscriptioninitialform img, .wrapperchoixtypeinscription img {
	height: 70px;
}

.wrapperchoixtypeinscription {
	border: 1px solid #dce3e6 !important;
	border-radius: 4px;
	-webkit-box-shadow: 0 5px 20px rgba(0,0,0,.05);
	box-shadow: 0 5px 20px rgba(0,0,0,.05);
	cursor: pointer;
	padding: 0;
	text-align: center;
	font-size: 16px !important;
}

.wrapperchoixtypeinscription input {
	display: block;
}

.wrapperchoixtypeinscription img {
	display: block;
	margin: 0 auto;
}

#bloc_formulaire_inscription {
    display: none;
}

#sendinscriptioninitiale {
	pointer-events: none;
	opacity: .5;
}

#popup_exit {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #00a4ddf2;
    z-index: 99999;
    color: #fff;
    padding: 15px;
    display: none;
}

.titre_popup {
    text-align: center;
    font-size: 2.5em;
    margin-bottom: 15px;
}

.description_popup {
    text-align: center;
    font-size: 1.2em;
}

.video_popup {
    width: 540px;
    margin-top: 30px;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    border: 1px solid;
    max-width: 100%;
}

.footer_popup {
    position: relative;
    text-align: center;
    width: 100%;
    font-size: 1.2em;
    left: 0;
    margin-top: 30px;
}

.footer_popup .btn-default, .footer_popup .btn-default:hover {
    background: #fff;
    padding: 8px 16px;
    border-radius: 5px;
    color: #181818;
    display: inline-block;
    text-decoration: none;
    margin-bottom: 0;
    border: none;
}

.footer_popup .btn-success {
    background: #fff;
    padding: 8px 16px;
    border-radius: 5px;
    color: #00a4dd;
    margin-left: 6px;
    display: inline-block;
    text-decoration: none;
    border: none;
}

.video-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}

.centrer_popup {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.video-responsive iframe {
    left: 0;
    top: 0;
    height: 100% !important;
    width: 100% !important;
    position: absolute;
}

.videos_popup .service:hover, .videos_popup .service.active {
	color: #00a4dd;
	background: #fff;
	border-color: #fff;
}

.videos_popup .service {
	display: inline-block;
	width: 196px;
	padding: 15px;
	margin-top: 30px;
	margin-bottom: 15px;
	border-radius: 4px;
	margin-right: 6px;
	font-size: .9em;
	border: 2px solid;
	background: #00a4dd8c;
	cursor: pointer;
}

.videos_popup {
	text-align: center;
}

.carousel_logiciel{
    display: block;
    position: relative;
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid rgb(249 249 249);
}

div#ModalInscription {
    overflow: scroll!important;
}

.killedinscription{
    opacity:0.5 !important;
    cursor:default;
}

 img.presentation_fonctionnatile {
     max-width: 100%;
     margin-top: 17px;
 }