@font-face {
    font-family: 'EtelkaLight';
    src: url('../fonts/etelkalight-webfont.woff');
}

li ,body{
  line-height: 20px;
  font-size:15px;
  font-family: 'EtelkaLight', 'Helvetica Neue', Helvetica, Arial, sans-serif;;
}

.text-color-red {
	color: red;
}
#pagination-actu>li>a {
	color:#222;
}
#pagination-actu>li>a:hover {
	color:#444;
}
#pagination-actu>li.active>a {
	color:#fff;
	background-color:#EF7909;
	border-color:#EF7909;
}
.breadcrumb-mce {
	margin-bottom:0px;
	font-size:14px!important;
}
.img-partenaire {
	display:inline-block;
	min-height: 50px;
	min-width: 50px;
}
.container-partenaire {
	position: relative;
	top: -10px;
}

.reseaux-sociaux {
	height:30px;
	background-color: #FFF;
}
a.reseau-social {
	float:right;
	display:table-cell;
	padding: 0px 5px 5px 5px;
	margin-left:10px;
	text-decoration:none!important;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	background-color: #EEE;
	height:30px;
	padding-top:5px;
	color:#EC7404;
}
a.reseau-social:hover {
	background-color: #E5E5E5;
	color:#EF7909;
}

a.btn {
	color:#fff !important;
}

/* Multiple item carousel */
.multi-item-carousel .carousel-inner > .item {
  -webkit-transition: 500ms ease-in-out left;
       -o-transition: 500ms ease-in-out left;
     -moz-transition: 500ms ease-in-out left;
          transition: 500ms ease-in-out left;
}
.multi-item-carousel .carousel-inner .active.left {
  left: -33%;
}
.multi-item-carousel .carousel-inner .active.right {
  left: 33%;
}
.multi-item-carousel .carousel-inner .next {
  left: 33%;
}
.multi-item-carousel .carousel-inner .prev {
  left: -33%;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .multi-item-carousel .carousel-inner > .item {
	-webkit-transition: 500ms ease-in-out all;
	     -o-transition: 500ms ease-in-out all;
	   -moz-transition: 500ms ease-in-out all;
	        transition: 500ms ease-in-out all;
	-webkit-backface-visibility: visible;
	        backface-visibility: visible;
	-webkit-transform: none!important;
	     -o-transform: none!important;
	   -moz-transform: none!important;
	        transform: none!important;
  }
}
.multi-item-carousel .carouse-control.left,
.multi-item-carousel .carouse-control.right {
  background-image: none;
}
@-moz-document url-prefix() {
  .carousel-offset-firefox {
	  display:block!important;
  }
}

.carousel-left-arrow {
	float:left;
	width:2%;
	font-size:25px!important;
	text-align:left;
}
.carousel-right-arrow {
	float:left;
	width:2%;
	font-size:25px!important;
	text-align:right;
}
.carousel-offset-firefox {
	float:left;
	display:none;
	width:2%;
}

/* Offres d'emplois */
.carousel-offres {
	position: relative;
	color: black;
	bottom:0px;
}
.carousel-offres li.prev{
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.carousel-offres li.next{
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.carousel-offres li{
	text-align:center;
	text-indent: -1px;
	margin: 0 -1px;
	width: 30px;
	height: 30px;
	border: 1px solid #999;
	border-radius: 0%;
	line-height: 30px;
	color: #e75;
	background-color: #fff;
	transition: all 0.25s ease;
	font-weight: bold;
	text-shadow: 1px 1px 0 #eee;
}
.carousel-offres li.active, .carousel-offres li:hover {
        margin: 0 -1px;
        width: 30px;
        height: 30px;
        background-color: #ddd;
}
.panel-offre-mce p {
	padding-left:10px;
}

/* === Formulaires === */
.form-mce {
	margin-left:0px !important;
	margin-right:0px !important;
}
.input-border-error {
	border : 1px solid #d55;
	border-radius : 4px;
}
.force-label-align {
	text-align:left !important;
}
.input-file-firefox-fix {
	height:inherit !important;
}
.invisible-input-group-addon {
	padding:0px;
	border:0px;
}
.select-addon-right-mce {
	width:120px !important;
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
}

/* === Comp�tences === */
.texte-competence {
	padding-right:15px;
	padding-left:15px;
}
@media (max-width: 992px) { /*768 ou 650   and (min-width: 768px)*/
	.container-competence  {
		display: flex;
		align-items: center;
	}
}

/* === Actualit�s === */
.image-actualite-mce {
	padding-right:10px;
	padding-bottom:10px;
	min-width:20%;
	max-width:40%;
	max-height:200px;
	float:left;
}
.titre-actualite {
	font-size:20px;
}
.contenu-actualite {
	float:left;
}

/* === Temoignages === */
.carousel-temoignages-button {
	color: black;
	top:15px;
	width:90%;
	left:35%;
}
.carousel-temoignages-button li.prev{
	float:left;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.carousel-temoignages-button li.next{
	float:right;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.carousel-temoignages-button li{
	text-align:center;
	text-indent: -1px;
	margin: 0 -1px;
	width: 30px;
	height: 30px;
	border: 1px solid #999;
	border-radius: 0%;
	line-height: 30px;
	color: #e75;
	background-color: #fff;
	transition: all 0.25s ease;
	font-weight: bold;
	text-shadow: 1px 1px 0 #eee;
}
.carousel-temoignages-button li.active, .carousel-temoignages-button li:hover {
	margin: 0 -1px;
	width: 30px;
	height: 30px;
}
.contenu-temoignage img {
	margin:5px;
	display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.cke_dialog_ui_button_ok {
	color: #fff !important;
}

/* === Autres === */
.img-mase-container {
	position:absolute;
	bottom:0px;
	right:0px;
}
@media (min-width: 768px) {
	.img-mase-container {
		width: 125px;
	}
}
@media (min-width: 501px) and (max-width: 767px){
	.img-mase-container {
		width: 100px;
	}
}
@media (max-width: 500px){
	.img-mase-container {
		width: 60px;
	}
}
.title-box {
	text-align: center;
	margin-bottom:30px;
	margin-top:5px;
}
#mce-automation h1.title {
	font-size: 40px !important;
	font-variant: small-caps;
	background: #FFF;
    margin: -10px;
    display: initial;
	padding-left:10px;
	padding-right:10px;
}
#mce-automation  div.title-right {
    display: inline-block;
    position: relative;
    right: -10px;
    top: 0;
    border-right: 30px transparent solid;
    border-top: 30px #FFF solid;
}
#mce-automation  div.title-left {
    display: inline-block;
    position: relative;
    right: 10px;
    top: 0;
    border-left: 30px transparent solid;
    border-top: 30px #FFF solid;
}
.title-border {
	background: #E2E2E2;
	height:25px;
	margin-top:-35px;
}
.margin-center {
	margin:auto;
}
.no-margin {
	margin:0px;
}
.no-padding {
	padding:0px;
}
.vertical-align {
    display: flex;
    align-items: center;
}
.alert-message-mce {
	margin-bottom:0px;
	font-size:14px;
}
.help-block-mce {
	margin-bottom:0px;
}
.titre-margin {
	margin-bottom:20px;
}
a.lien-texte {
	font-size:17px;
}
.error-message {
	color:#D33;
}

.table-overflow {
  table-layout: fixed;
}
/* style pour le text overflow avec les '...' � la fin du texte*/
.block-with-text {
  /* hide text if it more than N lines  */
  overflow: hidden;
  /* for set '...' in absolute position */
  position: relative;
  /* use this value to count block height */
  line-height: 1.25em;
  /* max-height = line-height (1.2) * lines max number (4) */
  max-height: 4.7em;
  /* fix problem when last visible word doesn't adjoin right side  */
  text-align: justify;
  /* place for '...' */
  margin-right: -1em;
  padding-right: 1em;
  word-break: break-word; /*Couper les mots*/
}
/* create the ... */
.block-with-text:before {
  /* points in the end */
  content: '...';
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of block */
  right: 0;
  bottom: 0;
}
/* hide ... if we have text, which is less than or equal to max lines */
.block-with-text:after {
  /* points in the end */
  content: '';
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of text */
  right: 0;
  /* set width and height */
  width: 1em;
  height: 1em;
  margin-top: 0.2em;
  /* bg color = bg color under block */
  background: white;
}

.vertical-text-center {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.force-height-text{
	word-wrap: break-word;
	overflow:hidden;
	text-overflow: ellipsis;
	display:block;
}
p.error-message {
	padding-top:10px;
	font-size: 17px;
}
span.badge-mce {
	font-size:15px;
	text-shadow: 1px 1px 0 #777;
}

@media (min-width: 992px) {
	.dropdown-menu-login-mce {
		width:500px;
	}
}

a.lien-basique-mce{
	padding-left: 5px !important;
	color: #000 !important;
	background: none !important;
	display:initial !important;
	box-shadow:none !important;
}
a.lien-basique-mce:hover{
	color: #CC4405 !important;
	background: none !important;
	text-decoration: underline !important;
	display:initial !important;
	box-shadow:none !important;
}

#mce-automation {
    background: left top repeat url('../images/fd.png');
    font-size: 15px;
    color: #343434;
}

#header-wrap {
    background: #FFFFFF;
    padding-right: 15px;
    padding-left: 15px;
}

#header-logo, #header-logo-responsive {
    width: 100%;
    background: center center no-repeat url('../images/logo.jpg');
}

#header-logo a, #header-logo-responsive a{
    display: block;
    width: 100%;
    height: 100%;
    content: '';
}

#header-h, #header-h-responsive {
    width: 100%;
    background: center right no-repeat url('../images/header-h.jpg');
}

#header-h, #header-logo, #header-logo-responsive, #header-h-responsive {
    height: 116px;
}

#menu-wrap {
    padding-right: 0px;
    padding-left: 0px;
    background-color: #F3F3F3;
}

#teaser {
    float: right;
    margin-bottom: 10px;
}

.mce-content {
    padding: 15px 15px;
    background: #FFFFFF;
}
.mce-content.home {
    padding: 0px 15px;
}

.mce-content ul {
    list-style-image: url('../images/puce.png');
}

div.padding-img-footer {
	height:100px;
}
div.padding-img-footer img {
    float: right;
    width: 100px;
}

.mobile-padding-adresse-footer {
	height:60px;
}

.form-dropdown-login {
	padding-left:10px;
	padding-right:10px;
}
.form-dropdown-login-input {
	width:50%!important;
}

#footer-wrap {
    padding-right: 15px;
    padding-left: 15px;
    background: center top no-repeat url('../images/footer3.png') #FFFFFF;
    min-height: 268px;
}

#footer-left-question {
    font-size: 30px;
    color: #FFFFFF;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.26);
}

#footer-left-question i {
    vertical-align: baseline;
}

#footer-right {
    font-size: 13px;
    color: #343434;
    text-shadow: 1px 1px 0 #FFFFFF;
    position: relative;
}

#mce-automation .btn-mce {
    position: relative;
    padding: 5px 10px;
    border: none;
    margin-left: 25px;
    font-size: 14px;
    color: #FFFFFF;
    font-style: italic;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.26);
    background: #ED7405;
    border-radius: 0;
    box-shadow: none;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

#mce-automation .btn-mce:hover {
    background: #FC871C;
    color: #FFFFFF;
}

#mce-automation .btn-mce:focus {
    background: #BDC3C6;
}

#mce-automation .btn-mce-left {
    display: inline-block;
    position: absolute;
    left: -25px;
    top: 0;
    border-left: 25px transparent solid;
    border-bottom: 30px #EC7404 solid;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

#mce-automation .btn-mce-right {
    display: inline-block;
    position: absolute;
    right: -25px;
    top: 0;
    border-right: 25px transparent solid;
    border-top: 30px #EC7404 solid;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

#mce-automation .btn-mce-left.hover {
    display: inline-block;
    position: absolute;
    left: -25px;
    top: 0;
    border-left: 25px transparent solid;
    border-bottom: 30px #FC871C solid;
}

#mce-automation .btn-mce-right.hover {
    display: inline-block;
    position: absolute;
    right: -25px;
    top: 0;
    border-right: 25px transparent solid;
    border-top: 30px #FC871C solid;
}

#mce-automation .btn-mce-left.focus {
    display: inline-block;
    position: absolute;
    left: -25px;
    top: 0;
    border-left: 25px transparent solid;
    border-bottom: 30px #BDC3C6 solid;
}

#mce-automation .btn-mce-right.focus {
    display: inline-block;
    position: absolute;
    right: -25px;
    top: 0;
    border-right: 25px transparent solid;
    border-top: 30px #BDC3C6 solid;
}

#footer-copyrights {
    font-size: 12px;
    color: #99A8A8;
}

/*SURCHARGES STYLES BOOTSTRAP*/
#mce-automation hr {
    height: 2px;
    border-top: 2px dotted #FFFFFF;
    border-bottom: none;
}
#mce-automation h1 {
	color: #EC7404;
	font-size: 31px;
	font-weight: bold;
	text-shadow: 1px 1px 0 #CCC;
}/*    text-transform: uppercase;*/
@media (max-width: 675px) {
	#mce-automation h1 {
		font-size: 20px;
	}
}
#mce-automation h2 {
    font-size: 24px;
    color: #272727;
}

#mce-automation h3 {
    font-size: 19px;
    font-weight: bold;
    color: #A7B1B6;
}/*    text-transform: uppercase;*/

#mce-automation h4 {
    font-size: 19px;
    color: #EC7404;
    font-weight: bold;
}

#mce-automation h5 {
    font-size: 12px;
    font-style: italic;
    color: #898989;
}

#mce-automation a {
    font-size: 14px;
    color: #EC7404;
}

#mce-automation a:hover {
    color: #FFA047;
}

#mce-automation a:focus {
    color: #7B7F81;
}
/* =================== Barre de navigation =================== */
#mce-automation .navbar {
    margin-bottom: 0;
}

#mce-automation .navbar-inner {
    background: none;
    box-shadow: none;
    border: none;
}

#mce-automation .navbar .brand {
    display: none !important;
}

#mce-automation .navbar .nav > li {
    line-height: 25px;
}

#mce-automation .navbar .nav > li a {
	padding-left:10px;
	padding-right:10px;
    text-shadow: 1px 1px 0 #FFF;
	background: none;
    color: #757A7C;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

#mce-automation .navbar .nav > li a:hover, #mce-automation .navbar .nav > li a:focus {
    color: #FFF ;
    text-shadow: none ;
    background-color: #EC7405 ; /*!important*/
	box-shadow: -1px 2px 10px 3px rgba(100, 100, 100, 0.2) inset;
}
#mce-automation .navbar .nav > li a.non-active{
    text-shadow: 1px 1px 0 #FFF;
	background: none;
    color: #757A7C;
}
#mce-automation .navbar .nav > li a.active{
    text-shadow: none;
    color: #FFF;
	background: #EC8425;
}
#nav-list, #nav-list ul{
	list-style:none;
	text-align:center;
}
#nav-list li{
	display:inline-block;
}
#nav-list ul li{
	display:inherit;
	border-radius:0;
	display: block;
	clear: both;
	font-weight: normal;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
}
#nav-list ul li:hover{
	border-radius:0;
}
#nav-list ul li:last-child{
	border-radius:0 0 8px 8px;
}
#nav-list ul{
	position:absolute;
	z-index: 1000;
	max-height:0;
	left: 0;
	right: 0;
	overflow:hidden;
	padding: 0px;
	min-width: 160px;
	font-size: 14px;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 0px solid #CCC;
	-moz-transition: .5s all;
	-webkit-transition: .5s all;
	transition: .5s all;
}
.nav-list-dropdown a {
	display: block;
	text-decoration: none;
	padding: 5px 0px;
}
#nav-list li:hover ul{
	max-height:15em;
	border: 1px solid #CCC;
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.nav-list-dropdown {
	min-width: 160px;
}
/* ===================================================== */
#mce-chiffres {
    margin-bottom: 20px;
}

#mce-automation-blockquote{
    background-color: #ec7404;
}
#mce-automation-blockquote blockquote {
    margin-bottom: 0;
    height: 73px;
    padding-left: 71px;
    border: none;
    background: left center no-repeat url('../images/citation.png');
}

#mce-automation-blockquote blockquote, #mce-automation-blockquote blockquote p{
    margin-bottom: 0;
    color: #FFF;
    font-size: 23px;
    line-height: 50px;
}
#btn-contact-us {
    width: 77%;
}
.btn-read-more {
    margin-right: 25px;
}
.btn-prec {
	margin-top: 20px;
}
.btn-suiv {
	margin-top: 20px;
}

#mce-automation .ilopage-block {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
}
#mce-automation .quisommesnous-block {
	text-align: justify;
}
@media (max-width: 979px) {
    #mce-automation .navbar, #mce-automation .navbar-inner {
        height: auto;
    }
    #mce-automation-blockquote blockquote {
        height: auto;
        padding: 10px 5px 10px 71px;
    }
    #mce-automation-blockquote blockquote, #mce-automation-blockquote blockquote p {
        line-height: 20px;
    }
}
@media (max-width: 979px) and (min-width: 768px) {
    #btn-contact-us {
        width: 69%;
    }
}
@media (max-width: 767px) {
    #btn-contact-us {
        width: 73%;
    }
    #footer-right {
        margin-top: 0;
    }
    #footer-right address {
        position: relative;
    }
}
@media (min-width: 1200px) {
    #btn-contact-us {
        width: 81%;
    }
}

/* LIEN VERS LE HAUT DE PAGE */
#totop {
    height:9px;
    opacity:0;
    filter:alpha(opacity=0);
    position:fixed;
    right:-50px;
    width:49px;
    z-index:9999;
    display:block;
    top:85%;
    background-color:#404040;
    font-size: 9px;
    font-weight: 900;
    color: #fff;
    text-align: center;
    line-height: 5px;
    padding: 12px 0 26px 0;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    text-shadow: none;
    text-transform: uppercase;
}

#totop i {
	font-size:30px;
	position:relative;
	top:-15px;
}
#totop p {
	position:relative;
	top:-15px;
}

#totop.on {
    right:10px;
    opacity:0.7;
    filter: alpha(opacity=70);
}

#totop.off {
    right:-59px
}

#totop:hover {
    opacity:1;
    filter:alpha(opacity=100);
	text-decoration:none;
}

#totop:focus {
    text-decoration:none;
}