@font-face {
  font-family: 'helveticaneuelight';
  src: url('../fonts/helveticaneue_light-webfont.woff2') format('woff2'), url('../fonts/helveticaneue_light-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'helveticaneueblackcond';
  src: url('../fonts/helveticaneue_blackcond-webfont.woff2') format('woff2'), url('../fonts/helveticaneue_blackcond-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'helveticaneuemedium';
  src: url('../fonts/helveticaneue_medium-webfont.woff2') format('woff2'), url('../fonts/helveticaneue_medium-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'Neo Sans Std';
    src: url('../fonts/NeoSansStd-Bold.woff2') format('woff2'),
         url('../fonts/NeoSansStd-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}


body.mdl-base{
  position: relative;
  color: #666;
}

a, a:focus{
  text-decoration: none;
}

.groupe-degetel{
  padding-top: 20px !important;
}

.groupe-degetel:last-child{
  padding-bottom: 35px !important;
}

.degetel-grey-background div h1{
  margin-top: 10px !important;
}

h1, h2{
  text-transform: uppercase;
  letter-spacing: 0;
}

h2
{
  font-size: 21px;
  font-family: 'Neo Sans Std';
}

h3{
  margin-top: 0;
  margin-bottom: 30px;
}


h1, .degetel-grey-background div h1{
  font-size: 21px;
}

h1
{
    margin-top: 0px !important;
}
.numbers, h1, a,
.submit-form-contact, button
{
  font-family: 'Neo Sans Std';
}

p,
.paragraphs-items-field-block-gris-full h1,
.adresse-degetel a,
.adresse-degetel-long a,
ul li
{
    font-family: 'helveticaneuelight';
}

.paragraphs-items-field-block-gris-full .partie-le-groupe-1 h1
{
    color: #666;
}

.carousel-touch3 h2
{
    font-family: 'helveticaneuemedium';
    color: #666;
    text-transform: none;
}

.degetel-grey-background h2
{
    text-transform: none;
}

.explication-mission li
{
  padding-bottom: 20px;
}

.explication-mission li:last-child
{
  padding-bottom: 0;
}

.degetel-grey-background div p{
  font-size: 15px;
}


.degetel-grey-background div a,
.degetel-grey-background div a:hover
{
    text-decoration: none;
}

.degetel-white-background div p, .degetel-red-background div p,
.degetel-red-background div h1,.degetel-red-background table td.description,
.degetel-whitesmoke-background div p,
form input[type="text"], .submit-form-contact, ul li,
.form-signin textarea, button
{
  font-size: 18px;
}

.bloc-nous-recrutons div p
{
    font-size: 15px;
}

.bloc-nous-recrutons div.div-description-offre
{
    width: 80%;
}

.bloc-nous-recrutons .carousel-cell p.compteur-offres
{
    padding-top: 0;
}

.bloc-nous-recrutons img{
  margin-bottom: 6%;
}

.numbers
{
  font-weight: bold;
  font-size: 51px;
  text-align: right;
}

.edit-job-cv-ajax-wrapper
{
    margin: 15px 0;
}

#degetel-candidature .btn-degetel-red
{
    margin: 0 auto 35px auto;
}

.btn-degetel-red
{
    color: #fff !important;
    background: #ab372a;
    padding: 0 12px;
    margin: 7px auto;
    height: 50px;
    line-height: 50px;
    font-size: 19px;
    text-transform: uppercase;
    border-radius: 4px;
    display: inline-block;
    border: 0;
    font-family: 'Neo Sans Std';
    width: auto !important;
}

.btn-degetel-red:hover,
.btn-degetel-red:focus
{
    text-decoration: none;
    background: #83180b !important;
}

.form-signin .btn-degetel-red
{
    padding: 0 33px;
}

.lien-consulter-nos-offres:hover
{
  color: #D0021B;
}

.degetel-white-background{
  background-color: white !important;
}

.degetel-no-padding-top{
  padding-top: 0 !important;
}

.degetel-no-margin-top{
  margin-top: 0 !important;
}

.degetel-no-margin-bottom{
  margin-bottom: 0 !important;
}

.degetel-red-background{
  background-color: #b8291e;
}

.jumbotron-video
{
    background: #b8281d !important;
}

.bg-le-groupe
{
    background: url(../images/bg-le-groupe.jpg) no-repeat 0 0;
    height: 537px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.bg-poste{
  background: url(../images/bg-poste.jpg) no-repeat 0 0;
  height: 537px;
  position: relative;
  padding: 1px 16px 16px 16px;
}

.bg-poste ul
{
    padding-left: 25px;
    margin-bottom: 37px;
}

.bg-poste ul li
{
    font-size: 15px;
    padding-bottom: 10px;
    color: #000;
}

.text-intro-site-bold
{
    font-family: 'helveticaneuemedium';
}

.mdl-demo .bg-poste p{
  font-family: 'helveticaneuemedium';
  letter-spacing: -0.5px;
  text-align: justify;
  font-size: 16px;
  width: 283px;
  margin: 0 auto;
}

.mdl-demo .bg-poste .carousel .carousel-inner img{
  border: 2px solid #fff;
}

.mdl-demo .bg-poste .carousel{
  position: absolute;
  bottom: -55px;
  left: 50%;
  transform: translate(-50%,-50%);
}

.carousel2{
  margin-bottom: 25px;
}

.bg-le-groupe .div-le-groupe-long
{
    width: 590px;
}

.bg-le-groupe .div-le-groupe-long .div-nbre-le-groupe:first-child,
.bg-le-groupe .div-le-groupe-long .div-nbre-le-groupe:nth-child(3)
{
    float: left;
}

.bg-le-groupe .div-le-groupe-long .div-nbre-le-groupe:nth-child(2),
.bg-le-groupe .div-le-groupe-long .div-nbre-le-groupe:nth-child(4)
{
    float:right;
}

.bg-le-groupe .div-le-groupe-long .div-nbre-le-groupe:first-child,
.bg-le-groupe .div-le-groupe-long .div-nbre-le-groupe:nth-child(2)
{
    margin-bottom: 135px;
}

.bg-le-groupe .div-le-groupe-long .div-nbre-le-groupe:nth-child(2)
{
    width: 275px;
}

.div-le-groupe .nbre-le-groupe,
.bg-le-groupe .div-le-groupe-long .nbre-le-groupe
{
  margin: 0 0 10px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.div-le-groupe .nbre-le-groupe div:first-child,
.bg-le-groupe .div-le-groupe-long .nbre-le-groupe div:first-child
{
  width: 59px;
  margin-right: 20px;
}

.div-le-groupe .nbre-le-groupe div:nth-child(2),
.bg-le-groupe .div-le-groupe-long .nbre-le-groupe div:nth-child(2)
{
  width: 106px;
  text-align: center;
}

.div-le-groupe .nbre-le-groupe div:last-child,
.bg-le-groupe .div-le-groupe-long .nbre-le-groupe div:last-child
{
  width: 50px;
  text-align: left;
}


.div-le-groupe .description,
.bg-le-groupe .div-le-groupe-long .div-nbre-le-groupe .description
{
  margin-bottom: 10px;
  font-family: 'Neo Sans Std';
  text-transform: uppercase;
  padding-top: 10px;
}

.div-le-groupe .description:last-child,
.bg-le-groupe .div-le-groupe-long .div-nbre-le-groupe .description:last-child
{
  margin-bottom: 0;
}

.mdl-demo .mdl-card__supporting-text.partie-le-groupe-1{
  margin: 30px 40px 40px 40px;
}

.mdl-demo .mdl-card__supporting-text.partie-le-groupe{
  margin: 0 40px 40px 40px;
}

#degetel-offers-btn{
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  padding-top: 2%;
  padding-bottom: 2%;
}

.degetel-img-center{
  display : block;
  margin: 0 auto;
}

.degetel-center{
  margin: 0 auto;
}

.degetel-grey-background{
  background-color: #ccc;
  padding-bottom: 15px;
  position: relative;
}


.carousel-touch3 .flickity-prev-next-button
{
    top: 44%;
}

.carousel-touch .flickity-prev-next-button .arrow,
.carousel-touch3 .flickity-prev-next-button .arrow
{
    fill: #666666 !important;
}

.carousel-touch5 img
{
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
}


.degetel-white-text{
  color : white !important;
}

.degetel-projects-margin-top{
  margin-top : -2% !important;
}

.degetel-black-text{
  color : black;
}

.degetel-trait
{
    border-top : 2px solid #cbcbcb;
}

.degetel-trait,
.degetel-trait-noir
{
  width : 40%;
  margin: 0 auto;
  padding-bottom: 20px;
}

.degetel-trait-noir
{
    border-top : 2px solid #000;
}

.degetel-header-margin-langue
{
    position: absolute;
    right: 24px;
    top: -11px;
}


.degetel-header-margin-right{
  position: absolute;
  left: 24px;
}

.degetel-header-padding{
  padding-top: 2% !important;
  padding-bottom: 2%!important;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.mdl-demo .mdl-layout__tab-bar.autre-page{
  padding-left: 0;
}

.degetel-white-background h1,
.degetel-whitesmoke-background h1,
.degetel-grey-background h1,
h2
{
    color: #006699;
}

.bloc-nous-recrutons .degetel-groupe-margin-bottom
{
    padding-bottom: 0;
}

.degetel-groupe-margin-bottom{
  margin-bottom: 3% !important;

}

.degetel-whitesmoke-background
{
  background-color: whitesmoke;
  padding-bottom: 15px;
}

.degetel-whitesmoke-background div p
{
    max-width: 255px;
    margin: 0 auto;
}

.degetel-whitesmoke-background h2
{
    max-width: 255px;
    margin: 0 auto;
    padding-top: 3%;
    text-transform: none;
}

.carousel-touch2
{
    margin-bottom: 25px;
}

.carousel-touch3
{
    height: 100%;
    padding-bottom: 239px;
}

.carousel-touch3 .flickity-viewport
{
    position: absolute;
    width: 100%;
}

.carousel-touch3 .carousel-cell
{
    height: 100%;
}

.caption
{
    font-family: 'helveticaneueblackcond';
    font-size: 20px;
    font-weight: normal;
    text-transform: uppercase;
    padding: 0;
    margin: 20px 0;
}

.degetel-div-denter{
  margin: auto !important;
}

#degetel-back-to-top-img{
  width: 100%;
}

.degetel-bold{
  font-weight : bold;
}

form input[type="text"],
#inputPostulerLinkedinOffre,
#inputPostulerCVOffre,
.form-signin textarea
{
  border:1px solid #979797;
}

form input[type="text"], .submit-form-contact, #inputPostulerLinkedinOffre, #inputPostulerCVOffre, textarea{
  border-radius: 5px;
  display: block;
  margin:10px auto;
}

form input[type="text"], textarea
{
  color: #666;
  font-family: 'helveticaneuelight';
}

form input[type="text"],
.submit-form-contact,
#inputPostulerLinkedinOffre,
#inputPostulerCVOffre,
textarea {
    border-radius: 5px;
    display: block;
    margin: 10px auto;
}


.degetel-secteur{
  min-height: auto;
}

.secteur{
  background: #6c6c6c;
  display: flex;
  align-items: center;
  justify-content: center;
}

.secteur p{
  margin: 0 0 0 15px;
}

.mdl-demo .mdl-card .description-offre
{
  margin-left: 0;
  margin-right: 20px;
  width: auto;
  text-align: inherit;
}

#inputPostulerLinkedinOffre{
  background: url(../images/linkedin.png) no-repeat 10px 50%;
}

#inputPostulerCVOffre{
  background: url(../images/upload.png) no-repeat 10px 50%;
  padding-left: 25px;
}

#inputPostulerLinkedinOffre, #inputPostulerCVOffre{
  color: #4a90e2;
}

#inputPostulerLinkedinOffre, #inputPostulerCVOffre,
.form-signin > input,
.form-signin > textarea,
form input[type="text"],.form-signin textarea
{
  width: 91%;
}

form input[type="text"], #inputPostulerLinkedinOffre,
.form-signin textarea, #inputMobileContact
{
  padding: 10px 0 10px 30px;
    width: 91%;
    border-radius: 5px;
    display: block;
    margin: 10px auto;
    color: #666;
    font-family: 'helveticaneuelight';
    border: 1px solid #979797;
}

#inputPostulerCVOffre{
  padding: 10px 0 10px 10px;
}

textarea{
  padding: 10px 0 60px 30px;
}

.degetel-margin-top-bottom-bloc
{
  margin-top: 4% !important;
  margin-bottom: 0 !important;
}

.degetel-margin-top-bottom-bloc.div-le-groupe-long
{
    margin-top: 0% !important;
}

.degetel-white-background .adresse-degetel,
.degetel-white-background .adresse-degetel-long
{
    margin: 30px auto 0 auto !important;
}

.degetel-white-background .adresse-degetel
{
  width: 182px !important;
}

.degetel-white-background .adresse-degetel-long
{
  width: 500px !important;
}

.degetel-white-background .adresse-degetel p,
.degetel-white-background .adresse-degetel p a,
.degetel-white-background .adresse-degetel-long p,
.degetel-white-background .adresse-degetel-long p a
{
  font-size: 14px;
}

.degetel-white-background .adresse-degetel p a,
.degetel-white-background .adresse-degetel-long p a
{
  color: #666;
}

.degetel-white-background .adresse-degetel p a:hover,
.degetel-white-background .adresse-degetel-long p a:hover
{
  text-decoration: underline;
}

.back-offres a{
  text-transform: uppercase;
  text-decoration: underline;
}

#sliding-popup.sliding-popup-bottom
{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAH0lEQVQYV2NkSJv5nwENMOIXfPeUgUFIGqyHgEokcwG8uQv8+n7gSQAAAABJRU5ErkJggg==) repeat !important;
}

#sliding-popup .popup-content #popup-text p
{
    font-size: 16px;
    font-family: 'Neo Sans Std';
    font-weight: normal;
}

#sliding-popup .popup-content #popup-buttons
{
    margin: 0 0 1em 0;
}

#sliding-popup .popup-content #popup-buttons button
{
    background: #999;
    border: 0;
    color: #fff;
    text-shadow: 0 0 0;
    -webkit-text-shadow: 0 0 0;
    font-weight: normal;
    border-radius: 4px;
    font-family: 'Neo Sans Std';
    font-size: 16px;
    box-shadow: 0 0 0;
    -webkit-box-shadow: 0 0 0;
}

.div-notre-expertise-texte table{
  width: 750px;
}

.table>tbody,
.table>tbody>tr>td
{
  border-top: 0;
}

.div-notre-expertise-texte table td{
  width: 375px;
}


.div-notre-expertise-texte p{
  max-width: 255px;
}

.resizable-textarea .grippie
{
    display: none;
}

.acces-denied
{
    background: url(../images/403.png) no-repeat center center;
}

.page-not-found
{
    background: url(../images/404.png) no-repeat center center;
    
}

.acces-denied, .page-not-found
{
    background-size: 400px;
    height: 228px;
    position: relative;
}

.bg-pages-error p
{
    color: #006699;
    font-family: 'Neo Sans Std';
    font-size: 17px;
    position: absolute;
    top: 184px;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
}

.picto-contact{
  margin-right: 10px;
}

.picto-network{
  margin-right: 27px;
  margin-bottom: 50px;
  margin-top: 15px;
  display: inline-block;
}

.picto-network:last-child{
  margin-right: 0;
}

#warning, #warning-poste
{
    font-size: 13px;
}

#warning
{
    margin: 0 auto 10px auto;
}

#warning-poste
{
    margin: 0 auto 20px auto;
}

#warning,
#warning-poste
{
   width: 91%; 
}

.form-item.form-item-contact-message
{
    margin-bottom: 0;
}

.mdl-card::-webkit-input-placeholder,
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder
{
	color: #666 !important;
	font-family: 'helveticaneuelight';
}

.mdl-card:-moz-placeholder,
input:-moz-placeholder,
textarea:-moz-placeholder
{ /* Firefox 18- */
	color: #666 !important;
	font-family: 'helveticaneuelight';
}

.mdl-card::-moz-placeholder,
input::-moz-placeholder,
textarea::-moz-placeholder
{  /* Firefox 19+ */
	color: #666 !important;
	font-family: 'helveticaneuelight';
}

.mdl-card:-ms-input-placeholder,
input:-ms-input-placeholder,
textarea:-ms-input-placeholder
{
	color: #666 !important;
	font-family: 'helveticaneuelight';
}

.mdl-card:-moz-placeholder,
input:-moz-placeholder,
textarea:-moz-placeholder
{
	color: #666 !important;
	font-family: 'helveticaneuelight';
}

.carousel-control.left, .carousel-control.right{
  background-image: none;
}

#carousel-notre-expertise .carousel-control{
  color: #000;
}

#carousel-notre-expertise img{
  margin-top: 25px;
}

.carousel-control {
  opacity: 1;
  top: -97px;
}

.carousel-control.left{
  left: -14px;
}

.carousel-control.right{
  right: -14px;
}


#back-to-top{
  position: fixed;
  bottom: 0;
  z-index: 1;
  background: #fff;
  width: 100%;
}

#back-to-top a{
  font-size: 26px;
  color:#4a4a4a;
  width: 100%;
  display: block;
}

#back-to-top img{
  position: relative;
  top: -2px;
}

.compteur-offres{
  position: relative;
  top: -5px;
}

.mdl-layout__header{
  background: #f5f5f5 !important;
}

.table-presentation-groupe table td
{
  display: inline-block;
}

.table-presentation-groupe td.picto-description-groupe h1
{
    font-size: 14px;
}

.degetel-grey-background.degetel-presentation-groupe
{
    padding-bottom: 0;
}

@media (max-width: 839px) and (min-width: 480px) {
  .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing > .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet,
  .mdl-grid--no-spacing>.mdl-cell--2-col, .mdl-grid--no-spacing>.mdl-cell--2-col-tablet.mdl-cell--2-col-tablet{
    width: 100% !important;
  }
}

@media (min-width: 668px) {
  .mdl-demo .div-notre-expertise-texte.mdl-card,
  .bg-le-groupe .div-le-groupe-long,
  .adresse-degetel-long
  {
    visibility: visible;
  }
  .mdl-demo .div-notre-expertise-carousel.mdl-card,
  .bg-le-groupe .div-le-groupe,
  .adresse-degetel
  {
    display: none;
  }
}

@media (min-width: 320px) and (max-width: 667px){
  .mdl-demo .div-notre-expertise-texte.mdl-card,
  .bg-le-groupe .div-le-groupe-long,
  .adresse-degetel-long
  {
    display: none;
  }
  .mdl-demo .div-notre-expertise-carousel.mdl-card,
  .bg-le-groupe .div-le-groupe,
  .adresse-degetel
  {
    visibility: visible;
  }
}

@media (min-width: 320px) and (max-width: 374px){
    .table-presentation-groupe table td{
      width: 100%;
    }
}

@media (min-width: 375px){
    .table-presentation-groupe table td{
      width: 32%;
    }
}

@media (min-width: 414px) and (max-width: 567px){
  .table-presentation-groupe table td:first-child{
    margin-left: 8px;
  }
}

@media (min-width: 568px) and (max-width: 735px){
  .table-presentation-groupe table td:first-child{
    margin-left: 15px;
  }
}


@media (min-width: 736px){
  .table-presentation-groupe table td:first-child{
    margin-left: 16px;
  }
}

form > div > p.text-right {
    font-size: 13px;
    margin-left: 14px;
    color: #9b9b9b;
}

#edit-job-cv-upload
{
    margin: 0 auto 10px auto;
    border: 0;
    box-shadow: 0 0 0;
    border-radius: 0;
}

@media screen and (max-height: 575px){
    #rc-imageselect, .g-recaptcha, iframe > body > div.rc-anchor {
        transform:scale(0.77);
        transform-origin:0;
        transform:scale(0.77);
        transform-origin:0 0;
        -webkit-transform:scale(0.77);
        transform:scale(0.77);
        -webkit-transform-origin:0 0;
        transform-origin:0 0;
    } 
}

.video-container
{
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

iframe #player_uid_769490426_1 > div.ytp-cued-thumbnail-overlay > div
{
    background-image: url("../images/bg-video.png") !important;
}

.captcha
{
    display: flex;
    justify-content: center;
}
/*Drapeau changement de langue*/

.lang_dropdown_form{
    margin-top: 24px;
}

.ldsSkinNoLabel{
    border: 0;
}

.borderRadiusTp{
    border-radius: 0;
}

.ldsSkinNoLabel .ddTitle,
.ldsSkinNoLabel .ddArrow
{
    background:none;
}

.ldsSkinNoLabel .divider
{
    border-left: 0;
}

.ldsSkinNoLabel .ddTitle .ddTitleText
{
    padding: 0;
    cursor: pointer;
}

.ldsSkinNoLabel .ddChild
{
    border: 0;
    box-shadow: 0 0 5px #666;
    -webkit-box-shadow: 0 0 5px #666;
    width: 51px;
}

.ldsSkinNoLabel .ddChild li
{
    cursor: pointer;
    display: flex;
    justify-content: center;
}

.navbar-nav > li:last-child
{
    margin-right: 13px;
}

.ldsSkinNoLabel .ddChild
{
    left: -34px;
}

#carousel-events-degetel
{
    max-width: 495px;
    margin:0 auto;
}

.block-events-container
{
    position: relative;
}

.block-events-legend
{
    position: absolute;
    bottom: 24px;
    left: 20px;
}

.block-events-legend h2
{
    font-family: 'helveticaneueblackcond';
    font-size: 20px;
    font-weight: normal;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    color: #fff;
}