/* template de Style */
@charset "UTF-8";
/*admin*/
.brochcatchk {
  max-width: 400px; }
  .brochcatchk > div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 50%;
    padding-right: 10px; }
    .brochcatchk > div > span {
      display: inline-block;
      width: 85%;
      padding-top: 3px;
      margin-left: 5px;
      vertical-align: top; }

/*fin admin*/
#brochureFilter {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  display: block;
  padding: 30px 20px;
  margin: 0 0 0 0;
  overflow: hidden;
  position: relative;
  background: -webkit-gradient(linear, left top, right top, from(#005c6d), to(#0098b6));
  background: -webkit-linear-gradient(left, #005c6d 0%, #0098b6 100%);
  background: -o-linear-gradient(left, #005c6d 0%, #0098b6 100%);
  background: linear-gradient(90deg, #005c6d 0%, #0098b6 100%); }
  @media screen and (min-width: 640px) {
	#brochureFilter {
		padding: 40px 30px;
	}	
  }
  
  #brochureFilter select,
  #brochureFilter input[type=text] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: 5px;
    margin-right: 20px;
    margin-bottom: 20px;
    color: #6c6c6c;
    font-size: 18px;
    font-weight: normal;
    background: #ffffff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  	position:relative;
  	z-index:2; 
	}
    @media screen and (min-width: 640px) {
      #brochureFilter{ font-size:0;}
      #brochureFilter input[type=text] 
      {
        width: calc(50% - 10px);
      	margin-right:20px;
      	display: inline-block; 
	  }
	  #brochureFilter input[type=text] + input[type=text]
		{
			margin-right:0;
		}
		#brochureFilter select
		{
	 	width: 100%;
      	margin-right:0;
      	display: inline-block;
		}
 	}
      	
      	
  #brochureFilter::before {
    content: "";
    display: block;
    width: 237px;
    height: 237px;
    background-image: url(/template/image/sur-s.svg);
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    opacity: .1;
    right: 5%;
    bottom: 10%; 
	z-index:1;
	}
  #brochureFilter select {
    margin-bottom: 0; }

#brochureFrmCmd input[type=text]:-webkit-input-placeholder,
#brochureFrmCmd textarea:-webkit-input-placeholder,
#brochureFrmCmd input[type=text]:-moz-placeholder,
#brochureFrmCmd textarea:-moz-placeholder,
#brochureFrmCmd input[type=text]:-ms-input-placeholder,
#brochureFrmCmd textarea:-ms-input-placeholder {
  color: #6c6c6c; }

.brochureWrapper {
  overflow: hidden; }
  .brochureWrapper::after {
    display: block;
    clear: both;
    content: ""; }
  .brochureWrapper .left--col {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%; }
    @media screen and (min-width: 980px) {
      .brochureWrapper .left--col {
        float: left;
        width: 70%;
        padding-right: 50px; } }
  .brochureWrapper .right--col {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: none;
    width: 100%;
    padding: 0 15px 15px;
    background: -webkit-gradient(linear, left bottom, left top, from(#dee4e6), to(rgba(105, 104, 106, 0)));
    background: -webkit-linear-gradient(bottom, #dee4e6 0%, rgba(105, 104, 106, 0) 100%);
    background: -o-linear-gradient(bottom, #dee4e6 0%, rgba(105, 104, 106, 0) 100%);
    background: linear-gradient(to top, #dee4e6 0%, rgba(105, 104, 106, 0) 100%);
    margin-top: 30px; }
    .brochureWrapper .right--col::after {
      display: block;
      clear: both;
      content: ""; }
    @media screen and (min-width: 980px) {
      .brochureWrapper .right--col {
        margin-bottom: 0;
        float: right;
        width: 30%; } }

#brochureListCtn 
{
  margin: 0 -7px -14px;padding-top:15px;
}

#brochureListCtn .listElement.prive:before 
{
  content: "Privé";
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  color: red;
  text-transform: uppercase;
  transform: rotate(30deg);
  transform-origin: top left;
  padding: 5px 20px 5px 20px;
  font-size: 20px;
  letter-spacing: 5px;
  border-top: 2px solid red;
  border-bottom: 2px solid red;
  opacity: 1;
  z-index: 5;
}
.DE #brochureListCtn .listElement.prive:before
{
	content: "Privat";
} 
.EN #brochureListCtn .listElement.prive:before
{
	content: "Private";
}   
	
  @media screen and (min-width: 720px) {
    #brochureListCtn {
      margin: 0 -10px -20px; } }
  @media screen and (min-width: 1200px) {
    #brochureListCtn {
      margin: 0 -15px -30px; padding-top:30px;} }
  #brochureListCtn .listElement {
    width: 100%;
    /*&.prive {
      &:before {
        content: "Privé";
        position: absolute;
        display: block;
        top: 0;
        right: 0;
        color: red;
        text-transform: uppercase;
        transform: rotate(30deg);
        transform-origin: top left;
        padding: 5px 20px 5px 20px;
        font-size: 20px;
        letter-spacing: 5px;
        border-top: 2px solid red;
        border-bottom: 2px solid red;
        opacity: .75;
        z-index: 5;
      }
  
      &.DE:before {
        content: "Privat";
      }
  
      &.EN:before {
        content: "Private";
      }
    }*/
    /*  .resume {
      display: block;
      float: none;
      width: auto;
    }
  
    .img {
      background-position: center center;
      box-shadow: 5px 5px 10px #6c6c6c;
  
      &:before {
        padding-top: 141.67%;
      }
  
      &.top {
        background-position: center top;
      }
  
      &.bottom {
        background-position: center center;
      }
    }
  

  
    .categories {
      margin-top: 5px;
      margin-bottom: 5px;
  
      span {
        font-weight: bold;
        margin-right: 5px;
      }
    }
  
    */
    /*.btnctn {
  
      .btn {
        position: relative;
        box-sizing: border-box;
        display: inline-block;
        padding-left: 26px;
        padding-right: 10px;
        margin-right: 25px;
  
        font-size: 14px;
        font-weight: bold;
        color: #9c9c9c;
  
        &.telecharger {
          display: none;
        }
  
        &:hover {
          color: #008EA6;
        }
  
        &:before {
          content: "";
          position: absolute;
          display: block;
          top: 50%;
          margin-top: -10px;
          left: 0;
          width: 20px;
          height: 20px;
          background: url(/plugin/brochure/template/image/brochuresprite.png) no-repeat left top;
          background-size: 100% auto;
        }
  
        &.voir:before {
          background-position: left top;
        }
  
        &.telecharger:before {
          background-position: left 40%;
        }
  
        &.commander:before {
          background-position: left 80%;
        }
  
        &.voir:hover:before {
          background-position: left 20%;
        }
  
        &.telecharger:hover:before {
          background-position: left 60%;
        }
  
        &.commander {
          &:hover:before {
            background-position: left 100%;
          }
  
          &.hidden {
            display: none;
          }
        }
      }
  
      input[type=checkbox] {
        display: none;
      }
    }*/ }
    @media screen and (min-width: 560px) {
      #brochureListCtn .listElement {
        width: 50%;
        padding: 0 10px 20px; } }
    @media screen and (min-width: 1200px) {
      #brochureListCtn .listElement {
        width: 50%;
        padding: 0 15px 30px; } }
    #brochureListCtn .listElement .imgctn {
      position: relative;
      width: 100%;
      background-color: #e9edee; }
      #brochureListCtn .listElement .imgctn::before {
        display: block;
        width: 100%;
        padding-top: 72%;
        content: ""; }
      #brochureListCtn .listElement .imgctn img {
        position: absolute;
        top: 50%;
        left: 50%;
        width: auto;
        height: auto;
        max-width: 85%;
        max-height: 85%;
        -webkit-background-size: contain;
        background-size: contain;
        -webkit-box-shadow: -3px 0 7px 0 rgba(0, 0, 0, 0.35);
        box-shadow: -3px 0 7px 0 rgba(0, 0, 0, 0.35);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
    #brochureListCtn .listElement .text {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      padding: 40px 30px;
      font-size: 15px;
      background-color: #ffffff; }
      #brochureListCtn .listElement .text h5 {
        margin: 0 0 5px;
        color: #5b5b5b;
        font-size: 20px;
        font-weight: 400; }
      #brochureListCtn .listElement .text .noref:empty,
      #brochureListCtn .listElement .text .categories:empty {
        display: none; }
      #brochureListCtn .listElement .text .noref {
        font-weight: 500; }
        #brochureListCtn .listElement .text .noref:before {
          display: inline-block;
          margin-right: 5px;
          content: "Réf.:"; }
      #brochureListCtn .listElement .text .categories span {
        font-weight: 500; }
    #brochureListCtn .listElement .btnctn {
      padding: 30px;
      background-color: #e6e6e6; }
      #brochureListCtn .listElement .btnctn a.btn {
        margin-right: 15px; }
        #brochureListCtn .listElement .btnctn a.btn:nth-child(3) {
          margin-right: 0; }
        #brochureListCtn .listElement .btnctn a.btn img {
          max-height: 25px; }
      #brochureListCtn .listElement .btnctn .hidden {
        display: none; }

.movingbrochureeffect {
  position: absolute;
  z-index: 1000;
  display: block;
  width: 115px;
  height: 144px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
  opacity: .75; }
  .movingbrochureeffect.cart {
    width: 40px;
    height: 40px;
    font-size: 0;
    background: url(/plugin/brochure/template/image/brochuresprite.png) no-repeat left 100%;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    opacity: 1; }

.brochurefrmCtn {
  position: relative; }
  .brochurefrmCtn h4 {
    padding-bottom: 5px;
    margin: 0;
    margin-bottom: 15px;
    color: #676767;
    font-size: 24px;
    font-weight: 400;
    border-bottom: 1px solid #c6c6c6; }
  .brochurefrmCtn .brochureselected {
    margin-bottom: 30px; }
    .brochurefrmCtn .brochureselected:empty {
      margin-bottom: 0; }
    .brochurefrmCtn .brochureselected > div {
      position: relative;
      padding: 10px 25px 10px 45px;
      overflow: hidden;
      color: #6c6c6c;
      font-size: 14px;
      font-weight: 400;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .brochurefrmCtn .brochureselected > div > a {
        position: absolute;
        top: 50%;
        right: 0;
        display: block;
        width: 20px;
        height: 20px;
        margin-top: -10px;
        background: url(/plugin/brochure/template/image/del.png) no-repeat center center;
        -webkit-background-size: contain;
        background-size: contain; }
      .brochurefrmCtn .brochureselected > div > input[type=number] {
        position: absolute;
        top: 0;
        left: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 30px;
        margin-top: 10px;
        color: #858585;
        font-size: 14px;
        font-weight: 400;
        background: #ffffff;
        border: none; }
  .brochurefrmCtn .btnctn {
    position: relative; }
    .brochurefrmCtn .btnctn::before {
      content: "";
      display: block;
      background-image: url(/template/image/validrond.svg);
      -webkit-background-size: contain;
      background-size: contain;
      background-repeat: no-repeat;
      width: 40px;
      height: 40px;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      left: 20px; }
    .brochurefrmCtn .btnctn input[type=submit] {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      display: block;
      width: 100%;
      padding: 20px 20px 20px 80px;
      margin: 20px 0 0 0;
      margin-top: 20px;
      color: #ffffff;
      font-size: 20px;
      font-weight: normal;
      text-transform: lowercase;
      white-space: pre-wrap;
      text-align: left;
      background: -webkit-gradient(linear, left top, right top, from(#005c6d), to(#0098b6));
      background: -webkit-linear-gradient(left, #005c6d 0%, #0098b6 100%);
      background: -o-linear-gradient(left, #005c6d 0%, #0098b6 100%);
      background: linear-gradient(90deg, #005c6d 0%, #0098b6 100%);
      border: 0; }
      .brochurefrmCtn .btnctn input[type=submit]:disabled {
        cursor: not-allowed;
        opacity: .4; }
  .brochurefrmCtn .thanks {
    margin-top: 20px; }

#brochureFrmCmd label {
  display: block;
  margin-bottom: 3px; }

#brochureFrmCmd input[type=text] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 3px 3px 3px 7px;
  margin-bottom: 10px;
  color: #6c6c6c;
  font-size: 14px;
  background-color: #ffffff;
  border: 1px solid #cbcbcb;
  -webkit-border-radius: 5px;
  border-radius: 5px; }
  @media screen and (min-width: 560px) and (max-width: 979px) {
    #brochureFrmCmd input[type=text] {
      width: 49%;
      display: inline-block; }
      #brochureFrmCmd input[type=text]:nth-child(odd) {
        margin-right: 1%; } }
  #brochureFrmCmd input[type=text]:-webkit-input-placeholder {
    color: #858585; }

#brochureFrmCmd textarea:-webkit-input-placeholder,
#brochureFrmCmd input[type=text]:-moz-placeholder,
#brochureFrmCmd textarea:-moz-placeholder,
#brochureFrmCmd input[type=text]:-ms-input-placeholder,
#brochureFrmCmd textarea:-ms-input-placeholder {
  color: #858585; }

#brochureFrmCmd input[type=text].mandatoryFailed,
#brochureFrmCmd textarea.mandatoryFailed {
  background-color: #ffe3e8;
  border: 1px dotted red; }

	
#brochureCart
{
	position:fixed;
	display:none;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	width:80px;
	height:40px;
	background:url(/template/image/arrow-down.svg) no-repeat left 5px center #008ea6;
	background-size:30px 30px;
	z-index:500;
	transition:background-color .5s;
}
#brochureCart .cartnbre
{
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	margin:-12.5px 0 0 0;
	width:25px; height:25px;
	background:#ffffff;
	border-radius:50%;
	color:#008ea6;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	line-height:25px;
}
@media screen and (min-width: 980px)
{
	#brochureCart
	{
		display:none!important;
	}
}	
	
	
/* ACCES PRO BTN */
#brochureAskAccesProCtn {
  display: block;
  margin: 30px 0 0; }
  #brochureAskAccesProCtn .title {
    padding: 0 5px 10px 5px;
    margin-bottom: 10px;
    color: #6c6c6c;
    font-size: 21px;
    font-weight: normal;
    border-bottom: 1px solid #cbcbcb; }
  #brochureAskAccesProCtn a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: 10px 15px;
    color: #ffffff;
    font-size: 16px;
    font-weight: normal;
    text-transform: lowercase;
    background: -webkit-gradient(linear, left top, right top, from(#005c6d), to(#0098b6));
    background: -webkit-linear-gradient(left, #005c6d 0%, #0098b6 100%);
    background: -o-linear-gradient(left, #005c6d 0%, #0098b6 100%);
    background: linear-gradient(90deg, #005c6d 0%, #0098b6 100%); }

/* FIN ACCES PRO BTN */
/*************  RETINA ****************************/
/*Style for Screen Hi RES (retina)*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .brochurefrmCtn .brochureselected > div > a {
    background-image: url(/plugin/brochure/template/image/del@x2.png); }
  #brochureListCtn .listElement .btnctn .btn:before {
    background-image: url(/plugin/brochure/template/image/brochuresprite@x2.png); } }

@media only screen and (-webkit-min-device-pixel-ratio: 2.5), only screen and (-o-min-device-pixel-ratio: 5 / 2), only screen and (min--moz-device-pixel-ratio: 2.5), only screen and (min-device-pixel-ratio: 2.5) {
  .brochurefrmCtn .brochureselected > div > a {
    background-image: url(/plugin/brochure/template/image/del@x3.png); }
  #brochureListCtn .listElement .btnctn .btn:before {
    background-image: url(/plugin/brochure/template/image/brochuresprite@x3.png); } }

/*****************/
/** QapTcha CSS **/
/*****************/
.QapTcha { float:left;margin-top:20px;width:224px;}
.QapTcha .clr{ clear:both; }
.QapTcha .bgSlider { width:202px;height:22px;float:left;background:url('/plugin/captcha/template/images/fondcaptcha.png') no-repeat; }
.QapTcha .Slider { width:47px;height:22px;background:url('/plugin/captcha/template/images/btncaptcha.png') no-repeat;cursor:e-resize;position:relative;top:0;left:0; }
.QapTcha .TxtStatus { width:282px;padding:3px;margin-top:7px;text-align:left;color:#787878;font-family:Verdana;font-size:10px;clear:both; }
.QapTcha .dropSuccess {  background:transparent;color:#4e8b37; }
.QapTcha .dropError { color:#787878; }
.QapTcha .Lock { float:left;margin-left:5px;margin-top:2px;background:url('/plugin/captcha/template/images/verrouillage.png') no-repeat top left;width:15px;height:17px; }
.QapTcha .unLock { float:left;margin-left:5px;margin-top:2px;background:url('/plugin/captcha/template/images/verrouillage.png') no-repeat top right;width:16px;height:17px; }
.QapTcha .divError { background:red;color:#FFFFFF;width:230px; }
/*************************************
Style pour les cartouches du carrousel
**************************************/
@media only screen and (max-width:979px)
{
	#carrousel, .carrouselCtn .jcarousel-skin
	{
		display:none;
	}

	#carrouselMobile
	{
		display:block;
		padding-top:40px;
		border-top:1px solid #bcbcbc;
	}
	
	.carrouselElement
	{
		position:relative;
		display:block;
		padding-top:50%;
		border:1px solid #d9d9d9;
		margin-bottom:40px;
	}

	.carrouselElement:nth-child(2n)
	{
		background:#208886;
	}

	.carrouselElement .img
	{
		position:absolute;
		display:block;
		top:-1px;left:-1px;right:-1px;
		overflow:hidden;
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
	}
	.carrouselElement .img:before
	{
		content:"";
		display:block;
		padding-top:50%;
	}

	.carrouselElement .txt
	{
		position:relative;
		display:block;
		padding:0px 0px 7px 0px;
	}


	.carrouselElement h3
	{
		position:relative;
		font-weight:bold;
		font-size:15px;
		color:#6c6c6c;
		text-align:center;
		margin:0;
		padding:30px 60px 30px 20px;
	}
	.carrouselElement:nth-child(2n) h3
	{
		color:#ffffff;
	}

	.carrouselElement h3:after
	{
		content:"";
		position:absolute;
		display:block;
		width:23px;
		height:23px;
		right:10px;
		top:50%;
		margin-top:-11px;
		background:url(/template/image/arrows.png) no-repeat bottom center;
		background-size:100% auto;
	}
	.carrouselElement:nth-child(2n) h3:after
	{
		background-position:top center;
	}

	.carrouselElement .resume
	{
		display:none;
	}
	.carrouselElement .resumefull
	{
		display:none;
		float:left;
		color:#6c6c6c;
		width:calc(100% - 220px - 20px - 30px);
	}
}
@media only screen and (min-width:640px) and (max-width:979px)
{
	#carrouselMobile
	{
		padding-top:20px;
	}
	.carrouselElement, .carrouselElement:nth-child(2n)
	{
		position:relative;
		display:block;
		float:left;
		width:100%;
		border:none;
		border-bottom:1px solid #a7a7a7;
		margin:0px 0px 17px 0px;
		padding-top:0;
		padding-bottom:17px;
		text-decoration:none;
		background:none;
	}
	
	.carrouselElement .img
	{
		position:relative;
		display:block;
		width:220px;
		height:144px;
		margin:0px 20px 0px 0px;
		float:left;
		top:0;left:0;right:auto;
	}

	.carrouselElement .img:before
	{
		padding-top:65.45%;
	}
	
	.carrouselElement .txt
	{
		position:relative;
		display:block;
		padding:0px 0px 7px 0px;
	}
	
	.carrouselElement h3, .carrouselElement:nth-child(2n) h3
	{
		margin:0px 0px 7px 0px;
		padding:0;
		text-align:left;
		color:#6c6c6c;
	}
	.carrouselElement h3:after, .carrouselElement:nth-child(2n) h3:after
	{
		content:none;
	}
	
	.carrouselElement .resumefull
	{
		float:left;
		color:#6c6c6c;
		width:calc(100% - 220px - 20px - 30px);
		display:block;
	}
}
@media only screen and (min-width:980px)
{
	#carrouselMobile
	{
		display:none;
	}

	.carrouselCtn
	{
		margin-left:100px;	
	}
	
	.carrouselElement
	{
		position:relative;
		display:block;
		float:left;
		width:152px;
		height:160px;
		background:#ffffff url('/plugin/carrousel/template/images/separateur.jpg') top right no-repeat;
		margin-right:20px;
		text-decoration:none;
		color:#595959;
	}
	
	.carrouselElement .img
	{
		position:relative;
		display:block;
		width:130px;
		margin-left:10px;
		margin-right:10px;
		height:60px;
		margin-top:10px;
		overflow:hidden;
		background-repeat:no-repeat;
		background-position:center;
		background-size:cover;
	}
	
	.carrouselElement h3
	{
		display:block;
		width:130px;
		padding:5px 10px 0px 10px;
		margin:0px;
		bottom:0px;
		left:0px;
		z-index:2;
		color:#595959;
		text-transform:uppercase;
		font-size:12px;
		font-weight:normal;
	}
	
	.carrouselElement h3:hover, .carrouselElement .resume:hover 
	{
		text-decoration:underline;
	}
	
	.carrouselElement .resumefull
	{
		display:none;
	}
	.carrouselElement .resume
	{
		position:relative;
		display:block;
		height:52px;
		padding:0px 10px 7px 10px;
		color:#595959;
		font-size:12px;
	}
}

/***********************
STYLE POUR LE CARROUSEL: laisser en dehors des @media autrement error dans jcarrousel.js
************************/
/*affiche pas les puces*/
.jcarousel-skin li
{
	list-style-type: none;
}

/*Style pour le container du carrousel*/
.jcarousel-skin .jcarousel-container {
  
	/*border:1px solid #e3e3e3;*/
	background-color:#FFFFFF;
}

.jcarousel-skin .jcarousel-direction-rtl {
	direction: rtl;
}

/*Style pour le carrousel en lui-même*/
.jcarousel-skin .jcarousel-container-horizontal {
    width:761px;
	height:160px;
	box-shadow: 3px 3px 5px #333333;
}

.jcarousel-skin .jcarousel-clip {
    overflow: hidden;
}

/*Zone où se trouve l'ensemble des éléments à défiler*/
.jcarousel-skin .jcarousel-clip-horizontal {
    width:761px;
	height:160px
}

/*Tailles des cartouches intérieurs*/
.jcarousel-skin .jcarousel-item {
    width:152px;
	height:160px;
}

.jcarousel-skin .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 1px;
}

.jcarousel-skin .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 0px;
    margin-right: 0;
}

.jcarousel-skin .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/*Gestion des flèches*/
.jcarousel-skin .jcarousel-next-horizontal {
    position: absolute;
    top: 72px;
    right: -25px;
    width: 20px;
    height: 22px;
    cursor: pointer;
    background: url(/plugin/carrousel/template/images/right.png) no-repeat 0 0;
}

.jcarousel-skin .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(/plugin/carrousel/template/images/left.png);
}

.jcarousel-skin .jcarousel-prev-horizontal {
    position: absolute;
    top: 72px;
    left: -25px;
    width: 20px;
    height: 22px;
    cursor: pointer;
    background: transparent url(/plugin/carrousel/template/images/left.png) no-repeat 0 0;
}

.jcarousel-skin .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(/plugin/carrousel/template/images/right.png);
}

/*************  RETINA ****************************/
/*Style for Screen Hi RES (retina)*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),  
       only screen and (-o-min-device-pixel-ratio: 3/2),  
       only screen and (min--moz-device-pixel-ratio: 1.5),  
       only screen and (min-device-pixel-ratio: 1.5)
{
	.carrouselElement h3:after
	{
		background-image:url(/template/image/arrows@x2.png);
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2.5),  
       only screen and (-o-min-device-pixel-ratio: 5/2),  
       only screen and (min--moz-device-pixel-ratio: 2.5),  
       only screen and (min-device-pixel-ratio: 2.5)
{
	.carrouselElement h3:after
	{
		background-image:url(/template/image/arrows@x3.png);
	}
}
.dateActivation:not(:empty)
{
	background:#bfbdbd;
	padding:1px 7px;
	color:#FFFFFF;
	font-size:15px;
	position:absolute;
	bottom:0;
	right:0;
	
}
/* CARTOUCHE GENERIQUE */
.cartoucheCtn {
  overflow: hidden;
  position: relative; }
  .cartoucheCtn .cartoucheElementCtn {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: -7px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    @media screen and (min-width: 720px) {
      .cartoucheCtn .cartoucheElementCtn {
        margin: -10px; } }
    @media screen and (min-width: 1200px) {
      .cartoucheCtn .cartoucheElementCtn {
        margin: -15px; } }
    .cartoucheCtn .cartoucheElementCtn .cartoucheElement {
      position: relative;
      display: block;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      text-decoration: none;
      overflow: hidden;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-transition: all .4s ease;
      -o-transition: all .4s ease;
      transition: all .4s ease;
      padding: 7px; }
      @media screen and (min-width: 720px) {
        .cartoucheCtn .cartoucheElementCtn .cartoucheElement {
          width: 50%;
          padding: 10px; } }
      @media screen and (min-width: 1200px) {
        .cartoucheCtn .cartoucheElementCtn .cartoucheElement {
          padding: 15px;
          /*width: -webkit-calc(1/3 * 100%);
          width: calc(1/3 * 100%);*/ 
		  width: 33.333%; } }
        	
      .cartoucheCtn .cartoucheElementCtn .cartoucheElement .img {
        position: relative;
        display: block;
        float: left;
        /*background: url(/template/image/defaultList.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;*/
        /*-webkit-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease;*/
      	overflow:hidden;
      	}
		.cartoucheCtn .cartoucheElementCtn .cartoucheElement .img:before 
		{
        	content: "";
          	display: block;
          	padding-top: 52%; 
		}
      	.cartoucheCtn .cartoucheElementCtn .cartoucheElement .img > span 
      	{
			position:absolute;
      		top:0;left:0;right:0;bottom:0;
      		background: url(/template/image/defaultList.jpg) no-repeat center center;
	        -webkit-background-size: cover;
	        background-size: cover;
      		transform:scale(1);
      		transition:transform .25s; 
      	}
        
		/*.cartoucheCtn .cartoucheElementCtn .cartoucheElement:hover .img 
      	{
        	-webkit-filter: brightness(110%) contrast(105%);
        	filter: brightness(110%) contrast(105%); 
		}*/
      	.cartoucheCtn .cartoucheElementCtn .cartoucheElement:hover .img > span 
      	{
        	transform:scale(1.03);
      	}
      	
      .cartoucheCtn .cartoucheElementCtn .cartoucheElement .txt {
        display: block;
        position: relative;
        overflow: hidden;
        background-color: #fff;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease;
        padding: 35px 25px 25px; }
        @media screen and (min-width: 1200px) {
          .cartoucheCtn .cartoucheElementCtn .cartoucheElement .txt {
            padding: 46px 29px 35px; } }
      .cartoucheCtn .cartoucheElementCtn .cartoucheElement h6 {
        font-size: 22px;
        -webkit-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease;
        line-height: 1.077;
        margin: 0;
        font-family: "Helvetica Neue LT";
        font-weight: 400;
        /*color: #158fa7;*/
		color:#008ea6; }
        .cartoucheCtn .cartoucheElementCtn .cartoucheElement h6::before {
          /*background-color: #158fa7;*/
          background-color: #008ea6;
          content: "";
          display: block;
          margin-bottom: 20px;
          width: 44px;
          height: 2px;
          -webkit-transition: all .4s ease;
          -o-transition: all .4s ease;
          transition: all .4s ease; }
          @media screen and (min-width: 720px) {
            .cartoucheCtn .cartoucheElementCtn .cartoucheElement h6::before {
              width: 50px;
              height: 3px; } }
        @media screen and (min-width: 720px) {
          .cartoucheCtn .cartoucheElementCtn .cartoucheElement h6 {
            font-size: 26px; } }
      .cartoucheCtn .cartoucheElementCtn .cartoucheElement .resume {
        font-family: "Helvetica Neue LT";
        font-weight: 300;
        display: block;
        color: #6e6e6e;
        line-height: 1.412;
        margin-top: 20px;
        -webkit-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease;
        font-size: 14px; }
        @media screen and (min-width: 720px) {
          .cartoucheCtn .cartoucheElementCtn .cartoucheElement .resume {
            font-size: 17px; } }

@media screen and (min-width: 1200px) {
  #cartoucheNewsCartoucheCtn .cartoucheElementCtn .cartoucheElement:nth-child(1) {
    /*width: -webkit-calc(2/3 * 100%);
    width: calc(2/3 * 100%);*/
	width: 66.666%; }
    #cartoucheNewsCartoucheCtn .cartoucheElementCtn .cartoucheElement:nth-child(1) .txt .resume {
      margin-top: 10px; } }

@media screen and (min-width: 720px) and (max-width: 1199px) {
  #cartouchePageCartoucheCtn .cartoucheElementCtn .cartoucheElement:nth-child(2) {
    width: -webkit-calc(100%);
    width: calc(100%); }
    #cartouchePageCartoucheCtn .cartoucheElementCtn .cartoucheElement:nth-child(2) .txt .resume {
      margin-top: 10px; } }

@media screen and (min-width: 1200px) {
  #cartouchePageCartoucheCtn .cartoucheElementCtn .cartoucheElement .img {
    margin-bottom: 17px; } }

#pagepwdCtn
{
	display:block;
	max-width:400px;
	margin:60px auto 60px auto;
}

#pagepwdCtn input[type="password"]
{
	display:block;
	box-sizing:border-box;
	margin:20px 0 0 0;
	font-size:16px;
	width:100%;
	background:#ffffff;
	color:#000000;
	padding:5px 10px 5px 10px;
	border:1px solid #08526b;
	border-radius:10px;
	outline:none;
}
#pagepwdCtn input[type="password"].mandatoryFailed
{
	background:#ffe3e8;
}
#pagepwdCtn input[type="submit"]
{
	display:block;
	box-sizing:border-box;
	margin:20px 0 0 0;
	font-size:16px;
	background:#08526b;
	color:#ffffff;
	padding:5px 20px 5px 20px;
	border:none;
	border-radius:10px;
	outline:none;
}
#pagepwdCtn div.error
{
	display:block;
	margin-top:5px;
	font-size:.8em;
}


/*.zonePrint20Ans
{
	padding-top:40px;
	padding-bottom:50px;
	border-top:1px solid #a7a7a7;
}


.zonePrint20Ans > div:nth-child(2)
{
	margin:0 auto 0 auto;
	background:url(/template/image/20ans.png) no-repeat;
	background-size:100%;
	width:65px;
	height:65px;
}

@media only screen and (min-width:640px)
{

	.zonePrint20Ans > div:nth-child(1)
	{
		float:left;
	}	
	
	.zonePrint20Ans > div:nth-child(2)
	{
		float:right;
		margin:-18px 20px 0 0;
		text-align:left;
	}
}

#interieurContent
{
	max-width:950px;
}

#zoneMenuVertical
{
	display:none;
}

#zoneContenuInterieur
{
	margin-top:21px;
	margin-bottom:20px;
	line-height:21px;
}
@media only screen and (max-width:979px)
{
	#homepageContent
	{
		position:relative;
		max-width:950px;
		margin:0 auto 0 auto;
	}
	
	#homepageContent H1
	{
		position:absolute;
		box-sizing:border-box;
		left:0;right:0;
		bottom:100%;
		margin:0 -10px 0 -10px;
		padding:30px 20px 80px 20px;
		font-weight:normal;
		font-size:60px;
		color:#ffffff;
		text-align:center;
		background:rgb(0,0,0);
		background:rgba(0,0,0,.5);
	}

	#homepageContent H1:after
	{
		content:"";
		position:absolute;
		bottom:15px;
		left:50%;
		margin-left:-26px;
		width:52px;
		height:52px;
		background:url(/template/image/arrowhome.png) no-repeat center center;
		background-size:contain;
	}
	
	#homepageContent .pageresume
	{
		color:#595959;
		font-size:22px;
		font-weight:normal;
		margin:0 0 20px 0;
		padding-top:30px;
	}
	#homepageContent .pageresume br
	{
		display:none;
	}
		
	#interieurContent
	{
		min-height:0!important;
	}
}
@media only screen and (min-width:980px)
{
	#homepageContent
	{
		position:absolute;
		left:10px;
		top:0px;
	}
	
	#homepageContent H1
	{
		font-size:52px;
		color:#595959;
		font-weight:normal;
		margin:0px;
		padding:0px;
	}
	
	#homepageContent .pageresume
	{
		color:#595959;
		font-size:26px;
		font-weight:normal;
		margin:10px 0px 30px 20px;
		padding:0px;
	}
		
	#interieurContent
	{
		width:950px;
		background:url('/template/image/fond-interieur.png');
		min-height:700px;
	}
	#zoneMenuVertical
	{
		display:block;
		float:left;
		width:310px;
	}
	
	#zoneContenuInterieur
	{
		float:left;
		width:600px;
		margin-left:20px;
		margin-right:20px;
		margin-top:21px;
		margin-bottom:0;
		padding-bottom:60px;
		line-height:21px;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),  
       only screen and (-o-min-device-pixel-ratio: 3/2),  
       only screen and (min--moz-device-pixel-ratio: 1.5),  
       only screen and (min-device-pixel-ratio: 1.5)
{
	#homepageContent H1:after
	{
		background-image:url(/template/image/arrowhome@x2.png);
	}
	
	.zonePrint20Ans > div:nth-child(2)
	{
		background-image:url(/template/image/20ans@x2.png) ;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2.5),  
       only screen and (-o-min-device-pixel-ratio: 5/2),  
       only screen and (min--moz-device-pixel-ratio: 2.5),  
       only screen and (min-device-pixel-ratio: 2.5)
{
	#homepageContent H1:after
	{
		background-image:url(/template/image/arrowhome@x3.png);
	}
	
	.zonePrint20Ans > div:nth-child(2)
	{
		background-image:url(/template/image/20ans@x3.png) ;
	}
}*/
#documentListCtn {
  margin-top: 20px;
  display: block; }
  #documentListCtn .listElement {
    width: auto;
    border: 0px;
    padding-top: 0;
    padding-bottom: 0;
    background: none;
    margin-bottom: 17px;
  	overflow:visible;
	}
    #documentListCtn .listElement > a {
      position: relative;
      display: block;
      min-height: 20px;
      text-decoration: none;
      box-shadow:4px 6px 6px 0px #aaaaaa;	 
	}
	#documentListCtn .listElement .txt 
	{
      	padding: 0px 0px 0px 45px;
		transition:background .5s; 
	}
	#documentListCtn .listElement > a:hover .txt
	{
		background:#f0f0f0;
	}
      #documentListCtn .listElement .txt h5 {
        text-align: left;
        padding: 0;
        color: #6c6c6c; }
        #documentListCtn .listElement .txt h5:after {
          content: none; }
    #documentListCtn .listElement .resume {
      display: block;
      width: auto;
      float: none;
    padding: 0 5px 10px 0; 
	}
	#documentListCtn .listElement .resume:empty
	{
		display:none;
	}
    #documentListCtn .listElement .icone {
      position: absolute;
      display: block;
      top: 22px;
      left: 10px;
      width: 22px;
      height: 20px;
      z-index:1;
    }
    #documentListCtn .listElement .icone > img
	{
		width:22px;
		height:20px;
	}

#documentListCtn .listElement:hover
{
	overflow:visible;
}
#documentListCtn .listElement .admin 
{
	position: absolute;
	display: block;
	top: 22px;
	left:20px;
	z-index:2; 
}

@media screen and (min-width: 640px) 
{
	#documentListCtn.on2col:after
	{
		content:"";
		display:block;
		clear:both;
	}
	
	 #documentListCtn.on2col .listElement
	{
		box-sizing:border-box;
		float:left;
		width:50%;
	}
}

/*Doc in faq*/
#faqListCtn > .listElement .answer .docs #documentListCtn
{
	margin-bottom:10px;
}
@charset "UTF-8";
#faqListCtn {
  display: block;
  margin: 0px; }
  #faqListCtn > .listElement {
    float: none;
    width: auto;
    padding: 0;
    margin: 0 0 20px 0;
    background: none;
    border: 0; }
    #faqListCtn > .listElement .question {
      position: relative;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      display: block;
      width: 100%;
      padding: 10px 10px 10px 10px;
      text-decoration: none;
      background: #f0f0f0; }
      #faqListCtn > .listElement .question:after {
        position: absolute;
        top: 50%;
        right: 10px;
        display: block;
        width: 23px;
        height: 23px;
        margin-top: -11px;
        content: "";
        background: url(/template/image/arrows.png) no-repeat bottom center;
        -webkit-background-size: 100% auto;
        background-size: 100% auto;
        -webkit-transition: -webkit-transform .4s;
        transition: -webkit-transform .4s;
        -o-transition: transform .4s;
        transition: transform .4s;
        transition: transform .4s, -webkit-transform .4s; }
      #faqListCtn > .listElement .question h2 {
        padding: 0 40px 0 0;
        margin: 0;
        color: #636363;
        font-size: 18px;
        font-weight: normal;
        font-weight: 600;
        text-align: left;
        text-transform: uppercase; }
        #faqListCtn > .listElement .question h2:after {
          content: none; }
      #faqListCtn > .listElement .question:hover h2 {
        color: #008ea6; }
      #faqListCtn > .listElement .question.open:after {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg); }
    #faqListCtn > .listElement .answer {
      display: none;
      background-color: #fff;
      padding: 15px 25px 15px 25px;
      overflow: hidden;
      /*pour pas que le html déborde*/
      /*color:#008EA6;*/ }
      #faqListCtn > .listElement .answer .htmlcontent::before {
        display: none; }

#bodyprint #faqListCtn > .listElement .question:after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

#faqListCtn > .listElement .question.open h5,
#bodyprint #faqListCtn > .listElement .question h2 {
  color: #008ea6; }

#bodyprint #faqListCtn > .listElement .answer,
#faqListCtn.bot > .listElement .answer /*display if bo (googlebot for SEO*/
{
  display: block; 
}

/*************  RETINA ****************************/
/*Style for Screen Hi RES (retina)*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #faqListCtn > .listElement .question:after {
    background-image: url(/template/image/arrows@x2.png); } }

@media only screen and (-webkit-min-device-pixel-ratio: 2.5), only screen and (-o-min-device-pixel-ratio: 5 / 2), only screen and (min--moz-device-pixel-ratio: 2.5), only screen and (min-device-pixel-ratio: 2.5) {
  #faqListCtn > .listElement .question:after {
    background-image: url(/template/image/arrows@x3.png); } }

.admcheckboxctn
{
	display:block;
	margin:5px 0 20px 0;
	max-width:400px;
}
.admcheckboxctn:after
{
	content:"";
	display:block;
	clear:both;
}
.admcheckboxctn .msg
{
	display:block;
	margin-top:7px;
	margin-bottom:5px;
	font-size:.8em;
}
.admcheckboxctn .msg.error
{
	color:red;
	margin-top:0;
	font-size:1em;
}
.admcheckboxctn .admcheckbox
{
	position:relative;
	display:block;
	box-sizing:border-box;
	margin-bottom:5px;
	float:left;
	width:50%;
	padding-right:10px;
}

.admcheckboxctn .admcheckbox .admcheckboxaligner
{
	position:relative;
	display:block;
}

.admcheckboxctn .morebox
{
	margin:5px 0 5px 0;
}
.admcheckboxctn.onecol .admcheckbox,
.admcheckboxctn .admcheckbox .morebox .admcheckbox
{
	position:relative;
	display:block;
	box-sizing:border-box;
	margin-bottom:5px;
	float:none;
	width:100%;
	padding-right:0;
	margin-left:25px;
} 
.admcheckboxctn.onecol .admcheckbox
{
	margin-left:0;
}

.admcheckboxctn .admcheckbox label
{
	display:block;
	margin-left:25px;
	font-weight:normal;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.admcheckboxctn .admcheckbox input[type=checkbox]
{
	position:absolute;
	display:block;
	left:0;top:49%;
	transform:translateY(-50%);
}

#simulator1
{
	position:relative;
	display:block;
	width:345px;
}
#simulator1:before
{
	content:"";
	position:absolute;
	top:50%;
	transform:translateY(-50%) rotate(135deg);
	transform-origin: center center;
	right:4px;
	z-index:1;
	background:#eeeeee;
	box-sizing:border-box;
	width:6px;
	height:6px;
	border-top:2px solid #000000;
	border-right:2px solid #000000;
}
#simulator1.close:before
{
	transform:translateY(-50%) rotate(45deg);
}
#simulator1 > input[type=text]
{
	position:relative;
	display:block;
	width:320px;
	font-size:10px;
	height:15px;
	padding-right:20px;
}

#simulator1opener
{
	background:#f2f2f2;
	border:1px solid #eeeeee;
	border-top:0;
	padding:5px 10px 5px 10px;
}
#simulator1opener.close
{
	display:none;
}

/* TITRE et resume */
.pageresume .dateformation {
  margin-bottom: 10px;
  color: #6c6c6c; }
  .pageresume .dateformation:first-line {
    font-weight: bold; }

h1 > span.coursannule {
  color: red;
  font-style: italic;
  font-weight: bold;
  text-transform: uppercase; }

.formationwrapper::after {
  display: block;
  clear: both;
  content: ""; }

.formationwrapper .left--col {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 100%; }
  @media screen and (min-width: 1000px) {
    .formationwrapper .left--col {
      padding-right: 50px;
      width: 70%; } }

.formationwrapper .right--col {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 100%;
  display: block;
  padding: 0 15px 15px;
	margin:30px 0 30px 0;
  background: -webkit-gradient(linear, left bottom, left top, from(#dee4e6), to(rgba(105, 104, 106, 0)));
  background: -webkit-linear-gradient(bottom, #dee4e6 0%, rgba(105, 104, 106, 0) 100%);
  background: -o-linear-gradient(bottom, #dee4e6 0%, rgba(105, 104, 106, 0) 100%);
  background: linear-gradient(to top, #dee4e6 0%, rgba(105, 104, 106, 0) 100%); }
  @media screen and (min-width: 1000px) {
    .formationwrapper .right--col {
      display: block; 
		width: 30%;
		margin:0; } }
  .formationwrapper .right--col .btnInscription {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: 10px;
    color: #ffffff;
    text-align: center;
    text-transform: lowercase;
    background: -webkit-gradient(linear, left top, right top, from(#005c6c), to(#0098b6));
    background: -webkit-linear-gradient(left, #005c6c 0%, #0098b6 100%);
    background: -o-linear-gradient(left, #005c6c 0%, #0098b6 100%);
    background: linear-gradient(to right, #005c6c 0%, #0098b6 100%);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease; }
    .formationwrapper .right--col .btnInscription:hover {
      opacity: .9; }
   .formationwrapper .right--col .btnInscription.annule{
		background: #891212;
   }	 
	.formationwrapper .right--col .btnInscription.complet, .formationwrapper .right--col .btnInscription.close {
		background: #6e6e6e;
   }
   @media screen and (max-width: 1000px)
   {
	 .formationwrapper .right--col .btnInscription
	{
		display:none;
	}
	.formationwrapper .right--col .btnInscription.annule
	{
		display:block;
    }	
   }
  .formationwrapper .right--col .cartouchehtmlcontentctn {
    margin-top: 30px; }

  	
/*PUBLIC CIBLE IN HTML*/ 
ul.formationpubliccibleinhtml
{
	margin:20px 0 20px 0;
}
ul.formationpubliccibleinhtml:after
{
	content:"";
	display:block;
	clear:both;
}
ul.formationpubliccibleinhtml > li
{
	display:list-item;
	box-sizing:border-box;
	width:100%;
} 	
@media screen and (min-width: 640px) 
{
	ul.formationpubliccibleinhtml > li
	{
		float:left;
		box-sizing:border-box;
		width:50%;
		padding-right:20px;
	} 			
}
  	
/*FILTRAGE DE LA LISTE*/
#formationFilteringCtn
{
	display:block;
	margin:60px 0 40px 0;
	padding-bottom:15px;
	border-bottom:1px solid #008ea6;
}
#formationFilteringCtn:after
{
	content:"";
	display:block;
	clear:both;
}
#formationFilteringCtn label
{
	display:block;
	box-sizing:border-box;
	float:left;
	width:30%;
	max-width:120px;
	font-weight:bold;
	line-height:34px;
}
#formationPublicCibleFiltering, #formationPublicCibleParentFiltering
{
	display:block;
	box-sizing:border-box;
	float:left;
	width:70%;
	max-width:460px;
	background-color: #fff;
    padding:7px 18px;
    border: none;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #6e6e6e;
	font-size:17px;
	outline:none;
}

#formationFilteringCtn.bothcbo label
{
	float:none;
	width:auto;
	max-width:none;
	margin-bottom:10px;
}

#formationFilteringCtn.bothcbo #formationPublicCibleFiltering
{
	width:48%;
	margin-left:4%;
	max-width:none;
}
#formationFilteringCtn.bothcbo #formationPublicCibleParentFiltering
{
	width:48%;
	max-width:none;
}


/*LISTE*/
#formationListCtn .listElement,
#formationPastListCtn .listElement 
{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%; 
}

#formationListCtn .listElement.clickable,
#formationPastListCtn .listElement.clickable
{
	cursor:pointer;
}

#formationListCtn .listElement.internecrr .img:after,
#formationPastListCtn .listElement.internecrr .img:after 
{
  content: "INTERNE CRR";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  color: #ffffff;
  background:red;
  padding: 5px 20px 5px 20px;
  font-size: 14px;
  opacity: 1;
  z-index: 5;
}
.DE #formationListCtn .listElement.internecrr:before,
.DE #formationPastListCtn .listElement.internecrr:before
{
	content: "INTERN CRR";
} 
.EN #formationListCtn .listElement.internecrr:before,
.EN #formationPastListCtn .listElement.internecrr:before
{
	content: "CRR ONLY";
}
@media screen and (min-width: 1200px)
{
	#formationListCtn .listElement.internecrr .img:after,
	#formationPastListCtn .listElement.internecrr .img:after
	{
		content:none;
	}
	#formationListCtn .listElement.internecrr:before,
	#formationPastListCtn .listElement.internecrr:before  
	{
	  content: "INTERNE CRR";
	  position: absolute;
	  display: block;
	  top: 0;
	  right: 0;
	  color: red;
	  text-transform: uppercase;
	  transform: rotate(30deg);
	  transform-origin: top left;
	  padding: 5px 20px 5px 20px;
	  font-size: 16px;
	  border-top: 2px solid red;
	  border-bottom: 2px solid red;
	  z-index: 5;
	}
	
	#formationListCtn .listElement.internecrr h3,
	#formationPastListCtn .listElement.internecrr h3
	{
		padding-right:100px;
		box-sizing:border-box;
	}	
}   

  @media screen and (min-width: 1200px) {
    #formationListCtn .listElement,
  	#formationPastListCtn .listElement {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row; } }
  @media screen and (min-width: 1200px) {
    #formationListCtn .listElement .img,
  	#formationPastListCtn .listElement .img {
      width: 350px; } }
  #formationListCtn .listElement .img::before,
  #formationPastListCtn .listElement .img::before {
    padding-top: 30%; }
    @media screen and (min-width: 1200px) {
      #formationListCtn .listElement .img::before,
      #formationPastListCtn .listElement .img::before	 {
        padding-top: 72%; } }
  #formationListCtn .listElement .txtb,
  #formationPastListCtn .listElement .txtb{
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #ffffff; }
    @media screen and (min-width: 1200px) {
      #formationListCtn .listElement .txtb,
      #formationPastListCtn .listElement .txtb {
        width: -webkit-calc(100% - 350px);
        width: calc(100% - 350px); } }
    #formationListCtn .listElement .txtb .left,
    #formationPastListCtn .listElement .txtb .left {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      padding: 15px 10px; }
      @media screen and (min-width: 640px) {
        #formationListCtn .listElement .txtb .left,
        #formationPastListCtn .listElement .txtb .left {
          padding: 25px 15px; } }
      @media screen and (min-width: 1200px) {
        #formationListCtn .listElement .txtb .left,
      	#formationPastListCtn .listElement .txtb .left {
          padding: 35px 25px; } }
      #formationListCtn .listElement .txtb .left .date,
      #formationPastListCtn .listElement .txtb .left .date {
        display: block;
        width: 120px;
        color: #6e6e6e;
        font-family: "Helvetica Neue LT";
        font-weight: 500;
        text-align: center;
        text-transform: uppercase; }
        @media screen and (min-width: 640px) {
          #formationListCtn .listElement .txtb .left .date,
          #formationPastListCtn .listElement .txtb .left .date {
            width: 208px; } }
        #formationListCtn .listElement .txtb .left .date .days,
        #formationPastListCtn .listElement .txtb .left .date .days {
          font-size: 28px;
          line-height: 1; }
          @media screen and (min-width: 640px) {
            #formationListCtn .listElement .txtb .left .date .days,
          	#formationPastListCtn .listElement .txtb .left .date .days {
              font-size: 45px; } }
        #formationListCtn .listElement .txtb .left .date .other,
        #formationPastListCtn .listElement .txtb .left .date .other {
          font-size: 14px;
        	margin-bottom: 10px; 
			}
          @media screen and (min-width: 640px) {
            #formationListCtn .listElement .txtb .left .date .other,
          	#formationPastListCtn .listElement .txtb .left .date .other {
              font-size: 17px; } }
        #formationListCtn .listElement .txtb .left .date .dotw,
        #formationPastListCtn .listElement .txtb .left .date .dotw {
          margin-bottom: 10px;
          font-size: 14px;
          font-weight: 300; }
          @media screen and (min-width: 640px) {
            #formationListCtn .listElement .txtb .left .date .dotw,
          	#formationPastListCtn .listElement .txtb .left .date .dotw {
              font-size: 17px; } }
      #formationListCtn .listElement .txtb .left .info,
      #formationPastListCtn .listElement .txtb .left .info {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: none;
        padding: 15px;
        margin-top: 10px;
        color: #fdfdfd;
        font-size: 15px;
        font-weight: 300;
        line-height: 1;
        text-align: center;
        text-transform: uppercase; }
        #formationListCtn .listElement .txtb .left .info.complet,
      	#formationPastListCtn .listElement .txtb .left .info.complet {
          display: block;
          background-color: #6e6e6e; }
        #formationListCtn .listElement .txtb .left .info.annule,
      		#formationPastListCtn .listElement .txtb .left .info.annule {
          display: block;
          background-color: #891212; }
        #formationListCtn .listElement .txtb .left .info.close,
      	#formationPastListCtn .listElement .txtb .left .info.close {
          display: block;
          background-color: #6e6e6e; }
    #formationListCtn .listElement .txtb .right,
    #formationPastListCtn .listElement .txtb .right {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      padding: 15px 10px 15px 5px; }
      @media screen and (min-width: 640px) {
        #formationListCtn .listElement .txtb .right,
      	#formationPastListCtn .listElement .txtb .right {
          padding: 25px 15px 25px 0; } }
      @media screen and (min-width: 1200px) {
        #formationListCtn .listElement .txtb .right,
      	#formationPastListCtn .listElement .txtb .right {
          padding: 35px 25px 35px 0; } }
      #formationListCtn .listElement .txtb .right h3,
      #formationPastListCtn .listElement .txtb .right h3{
        margin: 0 0 10px;
        /*color: #158fa7;*/
      	color:#008ea6;
        font-family: "Helvetica Neue LT";
        font-size: 18px;
        font-weight: 500; }
        @media screen and (min-width: 420px) {
          #formationListCtn .listElement .txtb .right h3,
          #formationPastListCtn .listElement .txtb .right h3 {
            margin: 0 0 20px;
            font-size: 23px; } }
        @media screen and (min-width: 640px) {
          #formationListCtn .listElement .txtb .right h3,
          #formationPastListCtn .listElement .txtb .right h3 {
            font-size: 25px; } }
      #formationListCtn .listElement .txtb .right .infos,
      #formationPastListCtn .listElement .txtb .right .infos {
        color: #6e6e6e; }
        #formationListCtn .listElement .txtb .right .infos .jours,
      	#formationPastListCtn .listElement .txtb .right .infos .jours {
          font-weight: 500; }

.left--col #formationListCtn .listElement .img,
.left--col #formationPastListCtn .listElement .img {
  display: none; }

/*#formationListModuleCtn {
  margin: 0; }
  #formationListModuleCtn .listElement {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Helvetica Neue LT";
    font-weight: 300;
    padding: 20px 0;
    border-bottom: 1px solid #c9cccd; }
    @media screen and (min-width: 640px) {
      #formationListModuleCtn .listElement {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row; } }
    #formationListModuleCtn .listElement:nth-child(even) {
      background-color: #e9edee; }
    #formationListModuleCtn .listElement .img {
      display: none; }
    #formationListModuleCtn .listElement .date {
      width: 200px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 10px 15px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      word-break: keep-all;
      white-space: nowrap; }
      @media screen and (min-width: 640px) {
        #formationListModuleCtn .listElement .date {
          padding: 0 25px 0 20px; } }
      #formationListModuleCtn .listElement .date .session {
        color: #1f9cb8; }
        #formationListModuleCtn .listElement .date .session .big {
          font-size: 30px; }
        #formationListModuleCtn .listElement .date .session .small {
          font-size: 20px; }
        #formationListModuleCtn .listElement .date .session.echu {
          color: #818181; }
    #formationListModuleCtn .listElement .txtc {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 10px 0;
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
      flex-grow: 0; }
      @media screen and (min-width: 640px) {
        #formationListModuleCtn .listElement .txtc {
          -webkit-box-flex: 1;
          -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
          flex-grow: 1;
          padding: 0 40px 0 0; } }
      #formationListModuleCtn .listElement .txtc h3 {
        margin: 0 0 15px;
        color: #6e6e6e;
        font-weight: 300;
        font-size: 19px; }
        @media screen and (min-width: 640px) {
          #formationListModuleCtn .listElement .txtc h3 {
            font-size: 22px; } }
      #formationListModuleCtn .listElement .txtc .lieu {
        font-weight: 500; }
      #formationListModuleCtn .listElement .txtc .resume {
        margin-top: 5px; }
      #formationListModuleCtn .listElement .txtc .participe {
        margin-top: 50px; }
        #formationListModuleCtn .listElement .txtc .participe:empty {
          margin-top: 0; }
        #formationListModuleCtn .listElement .txtc .participe [type="checkbox"]:not(:checked), #formationListModuleCtn .listElement .txtc .participe [type="checkbox"]:checked {
          position: absolute;
          left: -9999px; }
        #formationListModuleCtn .listElement .txtc .participe [type="checkbox"]:not(:checked) + label, #formationListModuleCtn .listElement .txtc .participe [type="checkbox"]:checked + label {
          position: relative;
          padding-right: 40px;
          cursor: pointer;
          vertical-align: baseline; }
        #formationListModuleCtn .listElement .txtc .participe [type="checkbox"]:not(:checked) + label:before, #formationListModuleCtn .listElement .txtc .participe [type="checkbox"]:checked + label:before {
          content: '';
          position: absolute;
          right: 0;
          top: -2px;
          width: 28px;
          height: 28px;
          border: 7px solid #ccc;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          background: #fff;
          -webkit-border-radius: 28px;
          border-radius: 28px; }
        #formationListModuleCtn .listElement .txtc .participe [type="checkbox"]:not(:checked) + label:after, #formationListModuleCtn .listElement .txtc .participe [type="checkbox"]:checked + label:after {
          content: "";
          position: absolute;
          top: 7px;
          right: 8px;
          font-size: 1.3em;
          width: 13px;
          height: 9px;
          line-height: 0.8;
          color: #09ad7e;
          -webkit-transition: all .2s;
          -o-transition: all .2s;
          transition: all .2s;
          background-image: url(/template/image/validation.svg);
          background-repeat: no-repeat;
          -webkit-background-size: cover;
          background-size: cover; }
        #formationListModuleCtn .listElement .txtc .participe [type="checkbox"]:not(:checked) + label:after {
          opacity: 0;
          -webkit-transform: scale(0);
          -ms-transform: scale(0);
          transform: scale(0); }
        #formationListModuleCtn .listElement .txtc .participe [type="checkbox"]:checked + label:after {
          opacity: 1;
          -webkit-transform: scale(1);
          -ms-transform: scale(1);
          transform: scale(1); }
        #formationListModuleCtn .listElement .txtc .participe [type="checkbox"]:checked + label:before {
          border: none;
          background-color: #4778d9; }
*/ 
#formationListCtn.listmodule #formationList
{
	flex-basis:100%;
}	       	
#formationListCtn.listmodule .listElement .txtb .participe,
#formationPastListCtn.listmodule .listElement .txtb .participe {
        margin-top: 30px; }
        #formationListCtn.listmodule .listElement .txtb .participe:empty,
		#formationPastListCtn.listmodule .listElement .txtb .participe:empty {
          margin-top: 0; }
        #formationListCtn.listmodule .listElement .txtb .participe [type="checkbox"]:not(:checked), #formationListCtn.listmodule .listElement .txtb .participe [type="checkbox"]:checked, 
        #formationPastListCtn.listmodule .listElement .txtb .participe [type="checkbox"]:not(:checked), #formationPastListCtn.listmodule .listElement .txtb .participe [type="checkbox"]:checked {
          position: absolute;
          left: -9999px; }
        #formationListCtn.listmodule .listElement .txtb .participe [type="checkbox"]:not(:checked) + label, #formationListCtn.listmodule .listElement .txtb .participe [type="checkbox"]:checked + label,
        #formationPastListCtn.listmodule .listElement .txtb .participe [type="checkbox"]:not(:checked) + label, #formationPastListCtn.listmodule .listElement .txtb .participe [type="checkbox"]:checked + label {
          position: relative;
          padding-right: 40px;
          cursor: pointer;
          vertical-align: baseline; }
        #formationListCtn.listmodule .listElement .txtb .participe [type="checkbox"]:not(:checked) + label:before, #formationListCtn.listmodule .listElement .txtb .participe [type="checkbox"]:checked + label:before,
        #formationPastListCtn.listmodule .listElement .txtb .participe [type="checkbox"]:not(:checked) + label:before, #formationPastListCtn.listmodule .listElement .txtb .participe [type="checkbox"]:checked + label:before {
          content: '';
          position: absolute;
          right: 0;
          top: -2px;
          width: 28px;
          height: 28px;
          border: 7px solid #ccc;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          background: #fff;
          -webkit-border-radius: 28px;
          border-radius: 28px; }
        #formationListCtn.listmodule .listElement .txtb .participe [type="checkbox"]:not(:checked) + label:after, #formationListCtn.listmodule .listElement .txtb .participe [type="checkbox"]:checked + label:after,
        #formationPastListCtn.listmodule .listElement .txtb .participe [type="checkbox"]:not(:checked) + label:after, #formationPastListCtn.listmodule .listElement .txtb .participe [type="checkbox"]:checked + label:after {	
          content: "";
          position: absolute;
          top: 7px;
          right: 8px;
          font-size: 1.3em;
          width: 13px;
          height: 9px;
          line-height: 0.8;
          color: #09ad7e;
          -webkit-transition: all .2s;
          -o-transition: all .2s;
          transition: all .2s;
          background-image: url(/template/image/validation.svg);
          background-repeat: no-repeat;
          -webkit-background-size: cover;
          background-size: cover; }
        #formationListCtn.listmodule .listElement .txtb .participe [type="checkbox"]:not(:checked) + label:after,
        #formationPastListCtn.listmodule .listElement .txtb .participe [type="checkbox"]:not(:checked) + label:after {
          opacity: 0;
          -webkit-transform: scale(0);
          -ms-transform: scale(0);
          transform: scale(0); }
        #formationListCtn.listmodule .listElement .txtb .participe [type="checkbox"]:checked + label:after,
        #formationPastListCtn.listmodule .listElement .txtb .participe [type="checkbox"]:checked + label:after {
          opacity: 1;
          -webkit-transform: scale(1);
          -ms-transform: scale(1);
          transform: scale(1); }
        #formationListCtn.listmodule .listElement .txtb .participe [type="checkbox"]:checked + label:before,
        #formationPastListCtn.listmodule .listElement .txtb .participe [type="checkbox"]:checked + label:before {
          border: none;
          background-color: #4778d9; }
        	
#formationListCtn.listmodule .listElement .txtb .lieu,
#formationPastListCtn.listmodule .listElement .txtb .lieu {
        font-weight: 700; }
#formationListCtn.listmodule .listElement .txtb .resume,
#formationPastListCtn.listmodule .listElement .txtb .resume {
        margin-top: 5px; }        	
#formationListCtn.listmodule .listElement .txtb .heure,
#formationPastListCtn.listmodule .listElement .txtb .heure {
        font-size:.9em;font-weight:normal; } 	
	
.bloc-formulaire {
  margin-top: 50px;
  background-color: #c7ced0;
  padding: 30px 25px;
  overflow: hidden; }
  .bloc-formulaire h2 {
    font-size: 26px;
    color: #fcfdfd;
    margin: 0 0 40px;
    padding: 0 0 15px;
    border-bottom: 2px solid #fcfdfd; }
  .bloc-formulaire input[type=text],
  .bloc-formulaire select {
    background-color: #fff;
    padding: 7px 18px;
    border: none;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #6e6e6e; }
  	
  	.bloc-formulaire select {
		padding:7px 14px;
  	}
  	
.bloc-formulaire input[type=text].mandatoryFailed, .bloc-formulaire input[type=text].mandatoryCustomFailed, 
.bloc-formulaire select.mandatoryFailed, .bloc-formulaire select.mandatoryCustomFailed 
{
  background-color: #ffe3e8;
  border: none; 
}
  	
  
  	
    .bloc-formulaire input[type=text]::-webkit-input-placeholder,
    .bloc-formulaire input[type=text] option,
    .bloc-formulaire select::-webkit-input-placeholder,
    .bloc-formulaire select option {
      color: #6e6e6e; }
    .bloc-formulaire input[type=text]::-moz-placeholder,
    .bloc-formulaire input[type=text] option,
    .bloc-formulaire select::-moz-placeholder,
    .bloc-formulaire select option {
      color: #6e6e6e; }
    .bloc-formulaire input[type=text]:-ms-input-placeholder,
    .bloc-formulaire input[type=text] option,
    .bloc-formulaire select:-ms-input-placeholder,
    .bloc-formulaire select option {
      color: #6e6e6e; }
    .bloc-formulaire input[type=text]::-ms-input-placeholder,
    .bloc-formulaire input[type=text] option,
    .bloc-formulaire select::-ms-input-placeholder,
    .bloc-formulaire select option {
      color: #6e6e6e; }
    .bloc-formulaire input[type=text]::placeholder,
    .bloc-formulaire input[type=text] option,
    .bloc-formulaire select::placeholder,
    .bloc-formulaire select option {
      color: #6e6e6e; }
  .bloc-formulaire .subscriptionfieldctn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -7px; }
    .bloc-formulaire .subscriptionfieldctn .subscriptionfield {
      padding: 7px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 100%; }
    	
    .bloc-formulaire .subscriptionfieldctn .subscriptionfield.none {
    	display:none!important;
    }
    	
      @media screen and (min-width: 640px) {
        .bloc-formulaire .subscriptionfieldctn .subscriptionfield {
          width: 50%; } }
      .bloc-formulaire .subscriptionfieldctn .subscriptionfield.mail input[type=checkbox] {
        display: none; }
    .bloc-formulaire .subscriptionfieldctn .captchactn,
    .bloc-formulaire .subscriptionfieldctn .submitfield {
      width: 100%;
      padding: 7px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin-top: 15px; }
      @media screen and (min-width: 640px) {
        .bloc-formulaire .subscriptionfieldctn .captchactn,
        .bloc-formulaire .subscriptionfieldctn .submitfield {
          width: 50%; } }
      .bloc-formulaire .subscriptionfieldctn .captchactn input[type=submit],
      .bloc-formulaire .subscriptionfieldctn .submitfield input[type=submit] {
        background: -webkit-gradient(linear, left top, right top, from(#005c6c), to(#0097b5));
        background: -webkit-linear-gradient(left, #005c6c 0%, #0097b5 100%);
        background: -o-linear-gradient(left, #005c6c 0%, #0097b5 100%);
        background: linear-gradient(to right, #005c6c 0%, #0097b5 100%);
        width: 100%;
        padding: 15px 10px;
        border: none;
        color: #fff;
        text-transform: lowercase;
        font-size: 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease; }
        .bloc-formulaire .subscriptionfieldctn .captchactn input[type=submit]:disabled,
        .bloc-formulaire .subscriptionfieldctn .submitfield input[type=submit]:disabled {
          background: grey; }
    .bloc-formulaire .subscriptionfieldctn .submitfield {
      position: relative; }
      .bloc-formulaire .subscriptionfieldctn .submitfield::before {
        content: "";
        display: block;
        position: absolute;
        z-index: 1;
        top: 15px;
        left: 20px;
        width: 44px;
        height: 32px;
        background-image: url(/template/image/main.svg);
        -webkit-background-size: contain;
        background-size: contain;
        background-repeat: no-repeat; }
  .bloc-formulaire .sessionfieldctn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px; }
    @media screen and (max-width: 640px) {
      .bloc-formulaire .sessionfieldctn {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; } }
    .bloc-formulaire .sessionfieldctn .sessionfield {
      color: #fff;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      margin-top: 10px; }
      .bloc-formulaire .sessionfieldctn .sessionfield::after {
        clear: both;
        display: block;
        content: ""; }
      .bloc-formulaire .sessionfieldctn .sessionfield label::after {
        content: " :"; }
      .bloc-formulaire .sessionfieldctn .sessionfield .field, .bloc-formulaire .sessionfieldctn .sessionfield span {
        font-weight: 500;
        display: block; }
      .bloc-formulaire .sessionfieldctn .sessionfield.place .field {
        font-size: 25px; }

/*Formulaire Inscription*/
#formationSubscriptionFrm .subscriptionfield.mail .error
{
	display:none;
	font-size:14px;
	padding:0 5px 0 5px;
	margin-top:3px;
}      	
/*
#formationSubscriptionFrm
{
  position: relative;

  margin: 40px 0 40px 0;

  .sessionfieldctn
  {
    position: relative;

    margin-bottom: 20px;

    .sessionfield
    {
      display: block;
      float: left;
      margin-bottom: 10px;

      select
      {
        box-sizing: border-box;
        display: block;
        width: 100%;
        padding: 5px;

        color: #6c6c6c;
        font-weight: bold;

        background: #ffffff;
        border: 1px solid #cbcbcb;
      }

      &.session
      {
        width: 100%;

        > span
        {
          font-weight: bold;
        }
      }

      &.delai,
      &.place
      {
        width: 50%;
      }

      &.complet
      {
        width: 100%;

        font-weight: bold;
      }

      .field
      {
        display: block;
        width: 100%;

        font-weight: bold;
      }

      &.place .field
      {
        padding-left: 10px;
        margin-top: 7px;

        font-size: 30px;
        font-weight: bold;
      }
    }
  }

  .message
  {
    display: none;
    padding: 20px;
    margin: 40px 0 40px 0;

    border: 1px solid #cbcbcb;

    &.ok
    {
      display: block;
    }

    &.ko
    {
      display: block;

      color: red;
    }
  }

  .subscriptionfieldctn
  {
    position: relative;

    padding-top: 20px;

    border-top: 1px solid #cbcbcb;

    &:after
    {
      display: block;
      clear: both;

      content: "";
    }
  }

  .sessionfieldctn:after
  {
    display: block;
    clear: both;

    content: "";
  }

  .subscriptionfieldctn
  {
    .subscriptionfield
    {
      position: relative;

      box-sizing: border-box;
      display: block;
      margin-bottom: 10px;

      &.mail input[type=checkbox]
      {
        display: none;
      }

      &:nth-child(2n+1)
      {
        clear: both;
      }

      label
      {
        display: block;
        margin-bottom: 3px;
      }

      input[type=text],
      select
      {
        box-sizing: border-box;
        display: block;
        width: 100%;
        padding: 5px;

        background: #ffffff;
        border: 1px solid #cbcbcb;
      }

      input[type=text]
      {
        &.mandatoryFailed,
        &.mandatoryCustomFailed
        {
          background-color: #ffe3e8;
          border: 1px dotted red;
        }
      }

      select
      {
        &.mandatoryFailed,
        &.mandatoryCustomFailed
        {
          background-color: #ffe3e8;
          border: 1px dotted red;
        }
      }

      input[type=radio]
      {
        display: inline-block;

        vertical-align: middle;
      }
    }

    label[for=radio]
    {
      display: inline-block;
      padding-top: 3px;
      margin: 0 20px 0 5px;

      text-transform: capitalize;
      vertical-align: middle;
    }

    .captchactn
    {
      text-align: center;

      .QapTcha
      {
        display: inline-block;
        float: none;
      }
    }

    .submitfield
    {
      display: block;
      margin: 30px 0 20px 0;

      text-align: center;

      input[type=submit]
      {
        box-sizing: border-box;
        display: inline-block;
        min-width: 40%;
        padding: 7px 20px 7px 20px !important;

        color: #ffffff;
        text-transform: uppercase;

        background: #949597;
        border-radius: 5px;

        &:disabled
        {
          opacity: .4;
        }
      }
    }
  }
}
*/
/*ACCES AU DOCS*/
#formationAccesDocFrm {
  position: relative;
  margin: 40px 0 40px 0; }
  #formationAccesDocFrm:after {
    display: block;
    clear: both;
    content: ""; }
  #formationAccesDocFrm label {
    display: block;
    margin-bottom: 3px; }
  #formationAccesDocFrm input[type=text] {
    display: block;
    float: left;
    width: 150px;
    padding: 5px;
    background: #ffffff;
    border: 1px solid #cbcbcb; }
    #formationAccesDocFrm input[type=text].mandatoryFailed, #formationAccesDocFrm input[type=text].mandatoryCustomFailed {
      background-color: #ffe3e8;
      border: 1px dotted red; }
  #formationAccesDocFrm input[type=submit] {
    display: block;
    float: left;
    padding: 5px 20px 5px 20px !important;
    margin-left: 10px;
    color: #ffffff;
    text-transform: uppercase;
    background: #949597;
    -webkit-border-radius: 5px;
    border-radius: 5px; }
  #formationAccesDocFrm span {
    display: block;
    padding: 5px 0 10px 3px;
    clear: both;
    color: red; }
    #formationAccesDocFrm span:empty {
      display: none; }

/*Admin*/
#aFormation_refreshcode {
  display: inline-block;
  width: 19px;
  height: 19px;
  margin-left: 5px;
  vertical-align: middle;
  background: url(/template/image/refresh.png) no-repeat center center;
  -webkit-background-size: contain;
  background-size: contain; }

#horairescoursCtn {
  width: 920px; }
  #horairescoursCtn .data {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #cacaca; }
  #horairescoursCtn .allDateCours {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    float: left;
    width: 45%;
    padding-right: 10px;
    margin-bottom: 15px;
    border-right: 1px dashed grey; }
  #horairescoursCtn .allCoursInfo {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    float: left;
    width: 55%;
    padding-left: 10px;
    margin-bottom: 0; }
  #horairescoursCtn:after,
  #horairescoursCtn .data:after,
  #horairescoursCtn .allCoursInfo:after {
    display: block;
    clear: both;
    content: ""; }
  #horairescoursCtn .data .info {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    float: left;
    width: 32%;
    padding-right: 10px;
    margin-bottom: 10px; }
  	#horairescoursCtn .data .info.datecours.debut
	{
		width:30%;
	}
	#horairescoursCtn .data .info.datecours.heure
	{
		width:38%;
	}
	#horairescoursCtn .data .info.datecours .noDisplayAutre
	{
		display:none;
	}
  #horairescoursCtn .data .allCoursInfo .info {
    width: 50%; }
    #horairescoursCtn .data .allCoursInfo .info:nth-child(2n+1) {
      clear: both; }
  #horairescoursCtn .data .allDateCours .info label {
    display: none; }
  #horairescoursCtn .data .allDateCours:nth-child(2n+1) .info label {
    display: block; }
  #horairescoursCtn .data .info label {
    display: block;
    margin-bottom: 2px; }
  #horairescoursCtn .data .info input[rel=date] {
    margin-right: 3px; }
  #horairescoursCtn .data .info input[rel=hour] {
    margin-left: 5px; }
  #horairescoursCtn a.adddate {
    display: inline-block;
    padding: 2px 5px;
    color: #ffffff;
    font-size: .7em;
    text-decoration: none;
    background: #008ea6;
    -webkit-border-radius: 5px;
    border-radius: 5px; }
    #horairescoursCtn a.adddate:before {
      content: "+ "; }
  #horairescoursCtn a.add {
    display: inline-block;
    float: right;
    padding: 5px 10px 5px 10px;
    margin-right: 10px;
    color: #ffffff;
    text-decoration: none;
    background: #008ea6; }
    #horairescoursCtn a.add:after {
      display: block;
      clear: both;
      content: ""; }
  #horairescoursCtn .data a.delete {
    position: absolute;
    top: 50%;
    right: -10px;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: url(/plugin/brochure/template/image/del.png) no-repeat center center;
    -webkit-background-size: contain;
    background-size: contain; }
    #horairescoursCtn .data a.delete.forbidden {
      top: 5%;
      width: 80px;
      color: #6c6c6c;
      font-weight: bold;
      text-align: center;
      background: #dddddd;
      cursor: text; }
      #horairescoursCtn .data a.delete.forbidden span {
        display: block;
        font-weight: normal;
        background: #dddddd; }
  #horairescoursCtn .data .allDateCours .info {
    position: relative; }
    #horairescoursCtn .data .allDateCours .info a.deldate {
      position: absolute;
      top: 70%;
      right: 5%;
      display: block;
      width: 20px;
      height: 20px;
      margin-top: -10px;
      background: url(/plugin/brochure/template/image/del.png) no-repeat center center;
      -webkit-background-size: contain;
      background-size: contain; }

.coursdates select.echu,
.coursdates > span.echu {
  color: #c6c6c6 !important; }

.moreresponsive,
.documentsresponsive {
  display: inline-block;
  padding-left: 20px;
  margin-left: 10px;
  font-size: 1.2em;
  text-transform: lowercase;
  background: url("/template/image/more.png") no-repeat center left; }
	
	
/**** RIGHTCOL ****/
#formationrightcol .formationrightcolpart
{
	display:block;
	margin:20px 0 30px 0;
}
#formationrightcol .formationrightcolpart .part
{
	margin:0 0 10px 0;
}
#formationrightcol .formationrightcolpart .part:after
{
	content:"";
	display:block;
	clear:both;
}
#formationrightcol .formationrightcolpart .part:empty
{
	display:none;
}

#formationrightcol .formationrightcolpart .part .delai
{
	display:block;
	font-weight: 500;
}

#formationrightcol .formationrightcolpart .part .label, #formationrightcol .formationrightcolpart .part .valeur
{
	display:block;
	float:left;
	box-sizing:border-box;
	width:50%;
	padding-right:10px;
}
#formationrightcol .formationrightcolpart .part .label
{
	font-weight:bold;
}
#formationrightcol .formationrightcolpart .part .mailtoBtn
{
	margin-top:10px;
}
#formationrightcol .formationrightcolpart .part .smallmap
{
	display:block;
	margin:20px 0 20px 0;
	background:url(/template/image/acces-map.jpg) no-repeat center center;
	background-size:contain;
}
#formationrightcol .formationrightcolpart .part .smallmap:before
{
	content:"";
	display:block;
	padding-top:58.962%;
}	

#formationrightcol .formationrightcolpart .part .logo
{
	display:block;
	margin-bottom:20px;
	border:1px solid #008ea6;
	padding:10px;
}

#formationrightcol .formationrightcolpart .part .logo > span
{
	display:block;
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
}
#formationrightcol .formationrightcolpart .part .logo > span:before
{
	content:"";
	display:block;
	padding-top:50%;
}

#formationrightcol .formationrightcolpart .part .flyer
{
	display:block;
	padding:10px;
}
#formationrightcol .formationrightcolpart .part .flyer > img
{
	position:relative;
	display:block;
	width:100%;
	max-width:300px;
	margin:0 auto 0 auto;
	border-radius:5px;
}

#formationrightcol .formationrightcolpart .part .sessdate
{
	display:block;
	font-size:14px;
	font-weight:bold;
	margin-bottom:4px;
}
#formationrightcol .formationrightcolpart .part .sesscoursracc
{
	display:block;
	width:100%;
	box-sizing:border-box;
	margin-bottom:15px;
}

 
#formationrightcolEdit span.error
{
	display:block;
	font-size:12px;
	margin:2px 0 5px 0;
}
#formationrightcolEdit .creditctn
{
	margin:5px 0 5px 0;
}
#formationrightcolEdit .creditctn:after
{
	content:"";
	display:block;
	clear:both;
}
#formationrightcolEdit .creditctn .label, #formationrightcolEdit .creditctn .value
{
	display:block;
	float:left;
	box-sizing:border-box;
	width:calc(50% - 15px);
	padding-right:10px;
}
#formationrightcolEdit .creditctn .label input, #formationrightcolEdit .creditctn .value input
{
	display:block;
	width:100%;
}
#formationrightcolEdit .creditctn .creditdel,
#formationrightcolEdit .logoctn .logodel,
#formationrightcolEdit .flyerctn .flyerdel
{
	position:relative;
	float:right;
	display:block;
	width:16px;
	height:16px;
	border:2px solid red;
	border-radius:50%;
}
#formationrightcolEdit .flyerctn .flyerdel
{
	margin-top:25px;
}
#formationrightcolEdit .creditctn .creditdel:before,#formationrightcolEdit .creditctn .creditdel:after,
#formationrightcolEdit .logoctn .logodel:before,#formationrightcolEdit .logoctn .logodel:after,
#formationrightcolEdit .flyerctn .flyerdel:before,#formationrightcolEdit .flyerctn .flyerdel:after
{
	content:"";
	position:absolute;
	top:50%;left:50%;
	width:8px;
	height:1px;
	background:red;
	transform-origin:center center;
	transform:translate(-50%, -50%) rotate(45deg);
}
#formationrightcolEdit .creditctn .creditdel:after,
#formationrightcolEdit .logoctn .logodel:after,
#formationrightcolEdit .flyerctn .flyerdel:after
{
	transform:translate(-50%, -50%) rotate(-45deg);
}

#formationrightcolEdit .creditadd,
#formationrightcolEdit .logoadd,
#formationrightcolEdit .flyeradd
{
	position:relative;
	display:block;
	color: #008ea6;
	text-transform:lowercase;
	font-size:16px;
	margin-top:10px;
}
#formationrightcolEdit .creditadd:before,
#formationrightcolEdit .logoadd:before,
#formationrightcolEdit .flyeradd:before
{
	content:"+";
	margin-right:5px;
}

#formationrightcolEdit .logoctn,
#formationrightcolEdit .flyerctn
{
	display:block;
	position:relative;
	width:430px;
	margin-bottom:40px;
}

#formationrightcolEdit .logoctn .logodel,
#formationrightcolEdit .flyerctn .flyerdel
{
	position:absolute;
	right:0;
	top:5px;
}

#formationrightcolEdit .logoctn input,
#formationrightcolEdit .flyerctn input,
#formationrightcolEdit .flyerctn select
{
	width:250px;
	box-sizing:border-box;
	border:1px solid #bbb7b7;
}

#formationrightcolEdit .flyerctn .flyer,
#formationrightcolEdit .flyerctn .lnk,
#formationrightcolEdit .flyerctn .cbohoraire
{
	position:relative;
}
#formationrightcolEdit .logoctn .logo > img,
#formationrightcolEdit .flyerctn .flyer > img,
#formationrightcolEdit .flyerctn .lnk > img
{
	position:absolute;
	left:257px;
	top:2px;
}
#formationrightcolEdit .flyerctn .lnk > img
{
	left:260px;
	top:5px;
}
#formationrightcolEdit .logoctn .logo > div[rel=accrocheDivThumb],
#formationrightcolEdit .flyerctn .flyer > div[rel=accrocheDivThumb]
{
	position:absolute;
	top:0;
	left:280px;
	width:120px;
	height:60px;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:top left;
	overflow:hidden;
}

#formationrightcolEdit .flyerctn .flyer > div[rel=accrocheDivThumb]
{
	top:-16px;
}


#pagehtmlcontent + #formationSubscriptionFrm.colloque
{
	margin-top:-30px;
}

#pagehtmlcontent + #formationSubscriptionFrm.colloque > .listCtn > h3
{
	margin-left:14px;
}
@media screen and (min-width: 720px) 
{
	#pagehtmlcontent + #formationSubscriptionFrm.colloque > .listCtn > h3
	{
		margin-left:10px;
	}
}
@media screen and (min-width: 1200px) 
{
	#pagehtmlcontent + #formationSubscriptionFrm.colloque > .listCtn > h3
	{
		margin-left:15px;
	}
}

#pagehtmlcontent + #formationSubscriptionFrm.colloque .bloc-formulaire + .listCtn
{
	margin-top:40px;
}

#manageInscriptionCtn h1 ~ h1
{
	margin-top:60px;
	padding-top:60px;
	border-top:1px solid #08526b;
}

#manageInscriptionCtn > table tr > td:nth-child(1), #manageInscriptionCtn > table tr > th:nth-child(1)
{
	width:2%;
}
#manageInscriptionCtn > table tr > td:nth-child(2), #manageInscriptionCtn > table tr > th:nth-child(2)
{
	width:10%;
}
#manageInscriptionCtn > table tr > td:nth-child(3), #manageInscriptionCtn > table tr > th:nth-child(3)
{
	width:48%;
}
#manageInscriptionCtn > table tr > td:nth-child(4), #manageInscriptionCtn > table tr > th:nth-child(4)
{
	width:40%;
}


#rappelsformation .rappels > table th .rappelsession
{
	background:#008ea6;
	padding:10px 10px 10px 40px;
	color:#ffffff;
	margin:20px 0 10px 0;
}

#rappelsformation .rappels > table tr > td:nth-child(1)
{
	width:40px;
	padding:5px 0 5px 0;
}
#rappelsformation .rappels > table tr > td:nth-child(2)
{
	width:140px;
	padding:5px 0 5px 0;
}
#rappelsformation .rappels > table tr > td:nth-child(3)
{
	padding:5px 0 5px 0;
}

/*SELECTEUR IMAGE*/
.formationimageselector
{
	position:relative;
	display:block;
	width:200px;
	min-height:104px;
	max-height:104px;
	overflow:hidden;
	border:1px solid #bbb7b7;
	padding-right:40px;
	margin-bottom:20px;
	background-color:#ffffff;
	background-position:center top;
	background-repeat:no-repeat;
	transition:max-height .5s;
	
	background-size:200px 104px;
}
.formationimageselector:before
{
	content:"";
	position:absolute;
	top:46px;right:5px;
	border-top:6px solid #000000;
	border-right:5px solid transparent;
	border-left:5px solid transparent;
}
.formationimageselector.open
{
	max-height:2080px;
	background-image:none;
}
.formationimageselector > div
{
	display:block;
	width:200px;
	height:104px;
	padding-right:38px;
	margin-bottom:5px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:200px 104px;
}
.formationimageselector.open > div
{
	border:1px solid #000000;	
}
.formationimageselector.open > div.selected
{
	background-color:#008ea6;
}

/*FIN SELECTEUR IMAGE*/

/* FRM de confirmation de désinscription */
#askunsubscribeconfirmationFrm
{
	display:block;
	border:1px solid #08526b;
	border-radius:5px;
	padding:40px 10px 40px 10px;
	margin:40px 0 40px 0;
	text-align:center;
}

#askunsubscribeconfirmationFrm h4
{
	padding:0; 
	margin:0 0 20px 0;
	text-align:center;
}

#askunsubscribeconfirmationFrm input[type=submit]
{
	display:inline-block;
	border:0;
	color:#ffffff;
	font-family: "Helvetica Neue LT";
 	font-size:16px;
	font-weight:400;
	cursor:pointer;
	text-transform:uppercase;
	padding:20px 0 20px 0;
	box-sizing:border-box;
	width:100%;
	max-width:270px;
	background:#08526b;
	transition:background .5s;
}
#askunsubscribeconfirmationFrm input[type=submit]:hover
{
	background:#000000;
}
/* FIN FRM de confirmation de désinscription */

span.spancolloque
{
	display:block;
	color:#6e6e6e;
	margin-top:10px;
}
#galleryimageListCtn {
  margin-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -7px -14px; }
  @media screen and (min-width: 340px) {
    #galleryimageListCtn {
      margin: 0 -10px -20px; } }
  @media screen and (min-width: 600px) {
    #galleryimageListCtn {
      margin: 0 -7px -14px; } }
  #galleryimageListCtn .listElement {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 7px 14px;
    width: 100%; }
    @media screen and (min-width: 340px) {
      #galleryimageListCtn .listElement {
        width: 50%;
        padding: 0 10px 20px; } }
    @media screen and (min-width: 600px) {
      #galleryimageListCtn .listElement {
        /*width: -webkit-calc(1/3 * 100%);
        width: calc(1/3 * 100%);*/
      	width: 33.333%;
        padding: 0 7px 14px; } }
    @media screen and (min-width: 750px) {
      #galleryimageListCtn .listElement {
        /*width: -webkit-calc(1/4 * 100%);
        width: calc(1/4 * 100%);*/
        width: 25%; } }
    @media screen and (min-width: 1000px) {
      #galleryimageListCtn .listElement {
        /*width: -webkit-calc(1/5 * 100%);
        width: calc(1/5 * 100%);*/ 
		width: 20%; } }
    #galleryimageListCtn .listElement .img {
      /*  position: relative;
      display: block !important;
      width: 100%;
*/ }
      #galleryimageListCtn .listElement .img:before {
        content: "";
        padding-top: 75%; }

#gallerywithfancybox {
  display: none;
  /*use photoswipe if element not visible */ }

#galleryimageListCtn .listElement .admin {
  display: block;
  margin: 7px 0px 2px 0px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }
  #galleryimageListCtn .listElement .admin > a {
    color: #6c6c6c;
    text-decoration: none; }

.galleryimageInner {
  position: relative;
  display: block;
  max-width: 100%;
  margin-bottom: 20px;
	margin:40px 0 20px 0; 
}

@media only screen and (min-width: 641px) {
  #gallerywithfancybox {
    display: block; } }

/* Style pour plugin langsite */
#leftPanel .langsite, #leftPanel .langsiteActiv {
  color: #6e6e6e;
  font-size: 13px;
  text-decoration: none;
  text-transform: capitalize; }
  #leftPanel .langsite:not(:last-child)::after, #leftPanel .langsiteActiv:not(:last-child)::after {
    content: "|";
    margin: 0 7px;
    font-weight: 400; }

#leftPanel .langsiteActiv {
  font-weight: 600; }

header .langsite, header .langsiteActiv {
  color: #ababab;
  font-size: 13px;
  text-decoration: none;
  text-transform: uppercase;
  margin: 0 5px; }
  header .langsite:first-child, header .langsiteActiv:first-child {
    margin-left: 0; }
  header .langsite:last-child, header .langsiteActiv:last-child {
    margin-right: 0; }

header .langsiteActiv {
  position: relative; }
  header .langsiteActiv::after {
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #158fa7;
  	background-color: #008ea6;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0; }

/*#leftPanel .langsiteHolder
{
	display:block;
	margin:20px auto 10px auto;
	padding:0 10px 0 10px;
	text-align:right;
}

#leftPanel .langsite, #leftPanel .langsiteActiv, #leftPanel a.langsite:hover , #leftPanel a.langsiteActiv:hover
{
	text-transform:uppercase;
	font-size:16px;
	text-decoration:none;
}

#leftPanel span.langsite
{
	padding:0 5px 0 5px;
}

#leftPanel span.langsite:last-child
{
	padding-right:0;
}*/

#linksContextMenu.zoneMenu
{
	z-index:100;
}

#linksCtn {
  position: relative;
  padding-top: 40px;
  margin-bottom: 40px;
  /*h5 {
    margin: 20px 0px 10px 0px;
    text-transform: uppercase;
    font-weight: bold;
  }*/ }

#linksCtn h2	
{
	font-family: apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size:24px;
	font-weight:normal;
	color:#6c6c6c;
	margin:20px 0 6px 0;
}
#linksCtn h2:after
{
	content:"";
	display:block;
	max-width:50px;
	height:3px;
	background:#999999;
	margin:10px 0 30px 0;
}
.linksElementCtn {
  position: relative;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: -7px; }
  @media screen and (min-width: 720px) {
    .linksElementCtn {
      margin: -10px; } }
  @media screen and (min-width: 1200px) {
    .linksElementCtn {
      margin:-15px; } }
  .linksElementCtn .linksElement {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 7px;
    overflow: hidden;
    text-decoration: none;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    width: 100%; }
    @media screen and (min-width: 720px) {
      .linksElementCtn .linksElement {
        width: 50%;
        padding: 10px; } }
    @media screen and (min-width: 1200px) {
      .linksElementCtn .linksElement {
        /*width: -webkit-calc(1/3 * 100%);
        width: calc(1/3 * 100%);*/
      	width: 33.333%;
        padding: 15px; } }
    .linksElementCtn .linksElement:hover .txt::after {
      background-image: url(/template/image/links-blue.svg); }
    /*.linksElementCtn .linksElement:hover .img {
      -webkit-filter: brightness(110%) contrast(105%);
      filter: brightness(110%) contrast(105%); }*/
    .linksElementCtn .linksElement .img 
    {
		display: block;
       	/*background-image: url(/template/image/defaultList.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-background-size: cover;
        background-size: cover;
        -webkit-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease;*/
    	position:relative;
    	overflow:hidden; 
	}
    .linksElementCtn .linksElement .img:before 
    {
		display: block;
        padding-top: 52%;
        content: ""; 
	}
	.linksElementCtn .linksElement .img > span 
   	{
		position:absolute;
   		top:0;left:0;right:0;bottom:0;
   		background: url(/template/image/defaultList.jpg) no-repeat center center;
      	-webkit-background-size: cover;
      	background-size: cover;
   		transform:scale(1);
   		transition:transform .25s; 
   	}
        
  	.linksElementCtn .linksElement:hover .img > span 
    {
    	transform:scale(1.03);
    }
     
    .linksElementCtn .linksElement .txt {
      position: relative;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      display: block;
      padding: 35px 25px 25px;
      overflow: hidden;
      background-color: #ffffff;
      -webkit-transition: all .4s ease;
      -o-transition: all .4s ease;
      transition: all .4s ease; }
      @media screen and (min-width: 1200px) {
        .linksElementCtn .linksElement .txt {
          padding: 46px 29px 35px; } }
      .linksElementCtn .linksElement .txt::after {
        content: "";
        display: block;
        width: 38px;
        height: 35px;
        background-repeat: no-repeat;
        -webkit-background-size: contain;
        background-size: contain;
        position: absolute;
        right: 14px;
        bottom: 15px;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease;
        background-image: url(/template/image/links.svg); }
      .linksElementCtn .linksElement .txt h3 {
        margin: 0;
        color: #6e6e6e;
        font-family: "Helvetica Neue LT";
        font-size: 16px;
        font-weight: 300;
        line-height: 1.077;
        -webkit-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease;
        /*&::before
        {
          display: block;
          width: 44px;
          height: 2px;
          margin-bottom: 20px;

          content: "";

          background-color: #158fa7;

          transition: all .4s ease;

          @media screen and (min-width: 720px)
          {
            width: 50px;
            height: 3px;
          }
        }*/ }
        @media screen and (min-width: 720px) {
          .linksElementCtn .linksElement .txt h3 {
            font-size: 20px; } }

@charset "UTF-8";
/* Gestion des panels pour le menu */
#mainPanel {
  position: relative;
  -webkit-transition: left 0.2s linear;
  -o-transition: left 0.2s linear;
  transition: left 0.2s linear; }
  #mainPanel.open {
    width: 100%;
    height: 100%;
    left: 0; }

#leftPanel {
  display: block;
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  top: 0px;
  right: 100%;
  width: 100%;
  min-width: 240px;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background: #ffffff; }
  #leftPanel.scrolling {
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch; }

.nooverflow {
  width: 100%;
  height: 100%;
  overflow: hidden; }

.neutralizer {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  cursor: pointer;
  z-index: 1000; }

#mainPanel.open #menuIcone {
  right: auto;
  left: 10px;
  background-position: center bottom; }

#mainPanel.open #responsiveLogo {
  left: 00px; }

#leftPanel a.copy, .styleDivArrowAdmin {
  display: none; }

/**************************************************/
/*Style pour le menu d'admin*/
/**************************************************/
div.styleMenuAdmin {
  display: none;
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
  position: absolute;
  padding: 0px;
  background-color: #f5f5f5;
  border: 1px solid #999999;
  z-index: 200;
  font-size: 11px; }
  div.styleMenuAdmin div {
    padding: 2px 5px 2px 5px; }
    div.styleMenuAdmin div:hover {
      background-color: #dddddd; }
  div.styleMenuAdmin a {
    font-size: 11px;
    line-height: 0px;
    color: black;
    text-decoration: none;
    text-transform: none;
    white-space: nowrap; }

/*Classe pour cacher un niveau de menu, Ex. pour menu 2 niveaux déroulant on cache les ul.menu0*/
.hideLevel {
  padding: 0px;
  margin: 0px;
  width: 0px;
  height: 0px; }

/**************************************************/
/*Style pour le menu MOBILE */
/**************************************************/
@media only screen and (max-width: 979px) {
  #menuResponsiveMain ul {
    display: none;
    margin: 0 0 0 0;
    padding: 0px;
    margin-bottom: 20px; }
    #menuResponsiveMain ul.menu0 {
      display: block;
      margin: 30px 0 20px 0; }
  #menuResponsiveMain li {
    position: relative;
    display: block;
    list-style-type: none;
    padding: 0;
    margin: 0;
    background: none; }
    #menuResponsiveMain li.menu0:after {
      content: "";
      position: relative;
      display: block;
      margin: 5px 10px 5px 10px;
      border-bottom: 2px solid #34a49f; }
    #menuResponsiveMain li > a {
      display: block;
      position: relative;
      text-decoration: none;
      padding: 7px 30px 7px 10px;
      margin-bottom: 2px;
      font-weight: normal;
      font-size: 20px;
      color: #e7e7e7; }
      #menuResponsiveMain li > a:hover, #menuResponsiveMain li > a.menuselected:not(.parent) {
        color: #ffffff; }
      #menuResponsiveMain li > a.menu0:after {
        content: ">";
        position: absolute;
        right: 10px;
        top: 14px;
        font-family: Verdana;
        font-weight: normal;
        font-size: 20px;
        color: #76c2be;
        -webkit-transition: -webkit-transform .5s;
        transition: -webkit-transform .5s;
        -o-transition: transform .5s;
        transition: transform .5s;
        transition: transform .5s, -webkit-transform .5s; }
      #menuResponsiveMain li > a.menu0.menuselected:not(.parent):after {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg); }
  #menuResponsiveMain a.menu0 {
    font-size: 22px;
    padding: 14px 30px 14px 10px; }
  #menuResponsiveMain a.menu1 {
    padding-left: 20px; }
  #menuResponsiveMain a.menu2 {
    font-size: 18px;
    padding-left: 30px; } }

/* MEDIA QUERIES */
@media only screen and (min-width: 980px) {
  #leftPanel, #menuIcone {
    display: none; }
  /**************************************************/
  /*Style pour le menu clic vertical                */
  /**************************************************/
  #menuClickMain {
    margin-top: 20px;
    margin-left: 15px; }
    #menuClickMain ul {
      margin: 0px;
      padding: 0px;
      font-size: 14px;
      color: #6c6c6c;
      list-style: none; }
      #menuClickMain ul li {
        list-style: none; }
        #menuClickMain ul li.contentClic {
          display: none;
          border: 0px; }
        #menuClickMain ul li > a {
          color: #6c6c6c;
          text-decoration: none;
          display: block;
          outline: none; }
          #menuClickMain ul li > a:hover, #menuClickMain ul li > a.menuselected {
            color: #008EA6;
            /*font-weight:bold;*/
            display: block; }
    #menuClickMain li {
      list-style-type: none;
      width: 275px; }
      #menuClickMain li.menu1 {
        padding-top: 4px;
        padding-bottom: 4px;
        border-bottom: 1px solid #6c6c6c; }
      #menuClickMain li.menu2 {
        padding-left: 10px;
        width: 265px;
        font-weight: normal;
        padding-top: 4px;
        padding-bottom: 4px;
        border-bottom: 1px solid #6c6c6c; }
      #menuClickMain li.menu1:hover, #menuClickMain li.menu1.menuselected {
        color: #008EA6; }
      #menuClickMain li.menu2:hover, #menuClickMain li.menu2.menuselected {
        color: #008EA6; }
      #menuClickMain li.menu1 a:hover, #menuClickMain li.menu1 a.menuselected {
        color: #008EA6;
        text-decoration: none; }
      #menuClickMain li.menu2 a:hover, #menuClickMain li.menu2 a.menuselected {
        color: #008EA6;
        font-weight: normal; }
  .myArrowAdmin {
    cursor: pointer; }
  .styleDivArrowAdmin {
    display: block;
    float: left;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    padding-right: 5px;
    padding-top: 0px; } }

#menuTopMain ul {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  #menuTopMain ul li {
    list-style: none;
    position: relative; }
    #menuTopMain ul li > a {
      color: #6e6e6e;
      font-size: 13px;
      font-family: "Helvetica Neue LT";
      font-weight: 400; }
    #menuTopMain ul li:not(:last-child) > a::after {
      content: "|";
      display: inline;
      margin: 0 5px; }

#menuBottomMain ul {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  #menuBottomMain ul li {
    list-style: none;
    position: relative; }
    #menuBottomMain ul li > a {
      color: #f7f7f7;
      font-family: "Helvetica Neue LT";
      font-weight: 300;
      font-size: 14px;
      line-height: 1.714;
      text-align: center; }
    #menuBottomMain ul li:not(:last-child) > a::after {
      content: "|";
      display: inline;
      margin: 0 10px; }

#myaccountCtn
{
	display:none;
}
@media only screen and (min-width:1200px)
{
	#myaccountCtn
	{
		display:block;
		position:absolute;
		top: 300px;
		right:0;
		z-index:5;
	}
	#myaccountCtn h5
	{
		margin:0px;
		padding:0px;
		font-size:16px;
		font-weight:bold;
		color:#ffffff;
		background:#008ea6;
		width:14px;
		padding:10px;
		text-align:center;
		word-break:break-all;
		float:left;
	}
	
	#myaccountCtn .infos
	{
		background:#ffffff;
		float:left;
		font-size:16px;
		max-width:0;
		max-height:187px;
		overflow:hidden;
		transition:max-width 0.3s, max-height 0.5s;
	}
	#myaccountCtn:hover .infos
	{
		max-width:300px;
		max-height:750px;
		min-height:196px;
		padding:10px;
		border:1px solid #008ea6;;
	}
	
	#myaccountCtn .infos .myAccountPart
	{
		margin-bottom:15px;
	}
	
	#myaccountCtn .infos .myAccountPart.first .title
	{
		font-weight:normal;
	}
	
	#myaccountCtn .infos .title
	{
		font-weight:bold;
		margin-bottom:10px;
	}
	
	#myaccountCtn .infos a
	{
		position:relative;
		display:block;
		margin:0 0 1px;
		padding-left:10px;
		text-decoration:none;
		color:#008ea6;
		transition:margin-left .2s;
	}
	#myaccountCtn .infos a:hover
	{
		margin-left:10px;
	}
	#myaccountCtn .infos a:before
	{
		position:absolute;
		display:block;
		left:0;
		top:50%;
		margin-top:-.5em;
		font-size:8px;
	}
}

/*style pour la fenêtre de login aux couleur de Conchita Plus*/
.btnConchita
{
	height:20px!important;
	color:#FFFFFF!important;
	background-color:#000000!important;
	font-family:Helvetica!important;
	font-size:12px!important;
	font-weight: bold!important;
	border-radius: 10px!important;
	box-sizing: border-box!important;
	padding:0 8px!important;
	border:0!important;
}

.tdLogin
{
	padding:5px 10px 5px 10px;
	vertical-align:top;
	padding-left:18px;
}

.tdLogin #password, .tdLogin #login
{
	background-color:#EAEAEA;
	height:20px!important;
	border-radius: 10px!important;
	border:0!important;
}
.txtPopupLoginConchita .popupTd::first-letter
{
	text-transform: uppercase;
}
.txtPopupLoginConchita .popupTd
{
	vertical-align:middle;
}

.txtPopupLoginConchita
{
	color:#000000;
	font-weight: bold;
	font-family:Helvetica!important;
	font-size:12px!important;
}
.admin_heures_minutes_ctn{
	position: relative;
	display: block;
	margin:5px 0 10px 0;
	font-size:0;
}
.admin_heures_minutes_ctn:before{
	content:":";
	position: absolute;
	left:84px;top:50%;
	width:10px;height:auto;
	text-align: center;
	transform: translateY(-50%);
	font-size:14px;
}
.admin_heures_minutes_ctn > select{
	box-sizing: border-box;
	width:84px;
	margin-right:5px;
}
.admin_heures_minutes_ctn > select + select{
	margin-right: 0;
	margin-left: 5px;
}
#newsListCtn .listElement
{
	padding-bottom:18px;
}

#newsListCtn .listElement .date
{
	position:absolute;
	bottom:5px;
	right:14px;
	color:grey;
	font-size:11px;
}

.newspermanente
{
	position:absolute;
	bottom:0;
	left:0;
	font-size:11px;
	color:#ffffff;
	background:#008ea6;
	padding:3px 7px;
	z-index:5;
	text-transform:uppercase;
}

#news .date:not(:empty), #offreemploilikenews .date:not(:empty)
{
	padding:30px 0 0 0;
	font-size:15px;
	font-weight:bold;
}
section.main section.contenu #headerCtn #news .accrocheImg
{
	background-position:top left;
	background-size:contain;
}
#btnShare
{
	background:#797979;
	color:#ffffff;
    padding: 5px 15px 5px 15px;
    margin: 30px 0 30px 0;
	max-width:300px;
}
#btnShare > span
{
	display:inline-block;
	vertical-align:middle;
	margin:0 10px 0 0!important;
}
#btnShare .zoneSocialButtons 
{
	display:inline-block;
	vertical-align:middle;
	float:none;
	margin:3px 5px 0 5px!important;
}
#btnShare .zoneSocialButtons .addthis_button_facebook img 
{
    width: 30px!important;
    height: 23px!important; 
}

#btnShare .zoneSocialButtons .addthis_button_twitter img 
{
   width: 30px!important;
   height: 23px!important;  

}

#btnShare .zoneSocialButtons .addthis_button_linkedin img 
{
   width: 30px!important;
   height: 23px!important;   
}
@font-face {
  font-family: "Helvetica Neue LT";
  font-style: normal;
  font-weight: 300;
  src: url("/fonts/HelveticaNeueLTW1G-Lt.eot");
  src: url("/fonts/HelveticaNeueLTW1G-Lt.eot?#iefix") format("embedded-opentype"), url("/fonts/HelveticaNeueLTW1G-Lt.woff2") format("woff2"), url("/fonts/HelveticaNeueLTW1G-Lt.woff") format("woff"), url("/fonts/HelveticaNeueLTW1G-Lt.ttf") format("truetype"), url("/fonts/HelveticaNeueLTW1G-Lt.svg#HelveticaNeueLTW1G-Lt") format("svg"); }

@font-face {
  font-family: "Helvetica Neue LT";
  font-style: normal;
  font-weight: 700;
  src: url("/fonts/HelveticaNeueLTW1G-Bd.eot");
  src: url("/fonts/HelveticaNeueLTW1G-Bd.eot?#iefix") format("embedded-opentype"), url("/fonts/HelveticaNeueLTW1G-Bd.woff2") format("woff2"), url("/fonts/HelveticaNeueLTW1G-Bd.woff") format("woff"), url("/fonts/HelveticaNeueLTW1G-Bd.ttf") format("truetype"), url("/fonts/HelveticaNeueLTW1G-Bd.svg#HelveticaNeueLTW1G-Bd") format("svg"); }

@font-face {
  font-family: "Helvetica Neue LT";
  font-style: normal;
  font-weight: 100;
  src: url("/fonts/HelveticaNeueLTW1G-Th.eot");
  src: url("/fonts/HelveticaNeueLTW1G-Th.eot?#iefix") format("embedded-opentype"), url("/fonts/HelveticaNeueLTW1G-Th.woff2") format("woff2"), url("/fonts/HelveticaNeueLTW1G-Th.woff") format("woff"), url("/fonts/HelveticaNeueLTW1G-Th.ttf") format("truetype"), url("/fonts/HelveticaNeueLTW1G-Th.svg#HelveticaNeueLTW1G-Th") format("svg"); }

@font-face {
  font-family: "Helvetica Neue LT";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/HelveticaNeueLTW1G-Roman.eot");
  src: url("/fonts/HelveticaNeueLTW1G-Roman.eot?#iefix") format("embedded-opentype"), url("/fonts/HelveticaNeueLTW1G-Roman.woff2") format("woff2"), url("/fonts/HelveticaNeueLTW1G-Roman.woff") format("woff"), url("/fonts/HelveticaNeueLTW1G-Roman.ttf") format("truetype"), url("/fonts/HelveticaNeueLTW1G-Roman.svg#HelveticaNeueLTW1G-Roman") format("svg"); }

@font-face {
  font-family: "Helvetica Neue LT";
  font-style: normal;
  font-weight: 500;
  src: url("/fonts/HelveticaNeueLTW1G-Md.eot");
  src: url("/fonts/HelveticaNeueLTW1G-Md.eot?#iefix") format("embedded-opentype"), url("/fonts/HelveticaNeueLTW1G-Md.woff") format("woff"), url("/fonts/HelveticaNeueLTW1G-Md.ttf") format("truetype"), url("/fonts/HelveticaNeueLTW1G-Md.svg#HelveticaNeueLTW1G-Md") format("svg"); }

/* theme de page header */
body {
  position: relative;
  padding: 0;
  margin: 0;
  color: #6c6c6c;
  font-family: apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 15px;
  line-height: 1.41;
  background-color: #f7f7f7;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: top center;
  -webkit-background-size: cover;
  background-size: cover;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease; }
  @media screen and (min-width: 800px) {
    body {
      font-size: 17px; } }

#aScrolldown
{
	display:none;
}    	
.home #aScrolldown
{
	position:fixed;
	display:block;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	width:120px;
	height:30px;
	background:url(/template/image/arrow-down.svg) no-repeat center center #008ea6;
	background-size:50px 50px;
	transition:background-color .5s;
}
.home #aScrolldown:hover   
{
	background-color:#6e6e6e;
} 	
.appearingchild > .appearingelement /*default from bottom*/
{
	opacity:0;
	transform:translateY(50px);
}
.appearingchild > .appearingelement.fromtop
{
	transform:translateY(-50px);
} 
.appearingchild > .appearingelement.showing
{
	opacity:1;
	transform:translateY(0);
	transition:transform 1s, opacity 1s;
}

#responsiveHeader {
  position: relative;
  display: block;
  background: #ffffff; }

.divwrapper {
  clear: both; }

.lastcol {
  margin-right: 0 !important; }

#pagehtmlcontent {
  margin-bottom: 30px; }

.htmlcontent {
  position: relative;
  overflow: hidden; }
  .htmlcontent::before, .emptyhtml::before {
    display: block;
    width: 44px;
    height: 2px;
    margin-bottom: 20px;
    content: "";
    /*background-color: #158fa7;*/
  	background-color: #008ea6;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease; }
    @media screen and (min-width: 720px) {
      .htmlcontent::before, .emptyhtml::before {
        width: 50px;
        height: 3px; } }
  .htmlcontent img {
    height: auto !important;
    max-width: 100%; }
  .htmlcontent iframe {
    max-width: 100%; }
  .htmlcontent h2 {
    font-weight: 600; }
  	
.htmlcontent .mailtoBtn, #formationrightcol .mailtoBtn
{
    background: -webkit-gradient(linear, left top, right top, from(#005c6c), to(#0097b5));
    background: -webkit-linear-gradient(left, #005c6c 0%, #0097b5 100%);
    background: -o-linear-gradient(left, #005c6c 0%, #0097b5 100%);
    background: linear-gradient(to right, #005c6c 0%, #0097b5 100%);
	padding:7px 20px;
	cursor:pointer;
	display:inline-block;
	
}

.DE .htmlcontent .mailtoBtn, .DE #formationrightcol .mailtoBtn
{
	padding:7px 30px;
}
.htmlcontent .mailtoBtn:before, #formationrightcol .mailtoBtn:before
{
	content:"";
	background:url(/template/image/enveloppe_1.svg);
	background-size:100% auto;
	width:15px;
	height:11px;
	display:inline-block;
	margin-right:10px;
}
.htmlcontent .mailtoBtn:after, #formationrightcol .mailtoBtn:after
{
	content:"Contacter";
	display:inline-block;
	color: #fff;
    text-transform: lowercase;
    font-size: 20px;
}
.DE .htmlcontent .mailtoBtn:after, .DE #formationrightcol .mailtoBtn:after
{
	content:"Kontakt";
    text-transform: none;
}
.EN .htmlcontent .mailtoBtn:after, .EN #formationrightcol .mailtoBtn:after
{
	content:"Contact";
}

.htmlcontent .mailtoBtn a, #formationrightcol .mailtoBtn a
{
	color:transparent;
	position:absolute;
	z-index:0;
}  	

h1 {
  padding: 0 0 15px 0;
  margin: 0;
  font-size: 21px;
  font-weight: normal; }

h2 {
  padding-left: 0;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: normal; }

h3 {
  padding-left: 0;
  margin-bottom: 6px;
  color: #6c6c6c;
  font-family: "Helvetica Neue LT";
  font-size: 19px;
  font-weight: normal; }

h4 {
  padding-left: 0;
  margin-bottom: 6px;
  font-weight: bold; }

/*Redefini pour la zoneHTML pour éviter de tout casser le montage existant*/	
.htmlcontent h1, .bgEditor h1,
.htmlcontent h2, .bgEditor h2,
.htmlcontent h3, .bgEditor h3,
#mentionslegalesContentCtn h3,
h3.likeinhtmlcontent	
{
	font-family: apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size:24px;
	font-weight:normal;
	color:#6c6c6c;
	margin:20px 0 6px 0;
}
#mentionslegalesContentCtn h3		
{
	margin:40px 0 20px 0;
}
.htmlcontent h1:not(:empty):after, .bgEditor h1:not(:empty):after,
.htmlcontent h2:not(:empty):after, .bgEditor h2:not(:empty):after,
.htmlcontent h3:not(:empty):after, .bgEditor h3:not(:empty):after,
#mentionslegalesContentCtn h3:after,
h3.likeinhtmlcontent:after
{
	content:"";
	display:block;
	max-width:50px;
	height:3px;
	background:#999999;
	margin:10px 0 20px 0;
}	

.htmlcontent .ListInHTML h3:not(:empty)
{
	color:#FFFFFF;
}
.htmlcontent .ListInHTML h3:not(:empty):after
{
	background:#FFFFFF;
}

.htmlcontent h4, .bgEditor h4,
.htmlcontent h5, .bgEditor h5,
.htmlcontent h6, .bgEditor h6	
{
	font-family: apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size:22px;
	font-weight:normal;
	color:#6c6c6c;
	margin:16px 0 10px 0;
}
.htmlcontent hr
{
	display:none;
}  	
/*.pageresume
{
  padding-bottom: 30px;

  font-size: 14px;
  font-weight: normal;

  > h2
  {
    padding-bottom: 0;
    margin-bottom: 0;

    font-size: 14px;
    font-weight: normal;
  }
}*/
/*.accrocheImg
{
  display: none;
}*/
a {
  color: #008ea6;
  text-decoration: none; }

p {
  margin-top: 10px;
  margin-bottom: 10px; }

ul {
  padding: 0 0 7px 18px;
  margin: 0 0 0 3px;
  list-style: disc; }
  ul li {
    margin: 5px 0; }

/*#responsiveTopImg
{
  position: relative;

  max-height: 320px;
  margin-bottom: 40px;

  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;

  &:before
  {
    display: block;
    padding-top: 50%;

    content: "";
  }
}*/
.home #responsiveTopImg {
  max-height: 440px;
  margin-bottom: 0; }
  .home #responsiveTopImg:before {
    padding-top: 137.5%; }

#leftPanel .wrapper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 70%;
  padding: 10px 0 0 20px; }
  #leftPanel .wrapper .search--wrapper {
    position: relative;
    width: 100%;
    margin-bottom: 20px; }
    #leftPanel .wrapper .search--wrapper .inputSearch {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 100%;
      height: 30px;
      padding: 2px 8px;
      color: #6e6e6e;
      font-size: .8rem;
      line-height: 26px;
      background-color: #ffffff;
      background-image: url(/template/image/search.svg);
      background-repeat: no-repeat;
      background-position: 98% 50%;
      -webkit-background-size: 15px 15px;
      background-size: 15px 15px;
      border: 1px solid #f3f3f3; }
    #leftPanel .wrapper .search--wrapper .btnSearch {
      position: absolute;
      top: 0;
      right: 0;
      z-index: 1;
      display: block;
      width: 10%;
      height: 100%;
      background-color: transparent;
      border: none; }
  #leftPanel .wrapper .lang--wrapper {
    margin-bottom: 40px; }
  #leftPanel .wrapper .menu--wrapper ul {
    padding: 0;
    margin: 0;
    list-style: none; }
    #leftPanel .wrapper .menu--wrapper ul li {
      padding: 0;
      margin: 0; }
  #leftPanel .wrapper .menu--wrapper .wrappermenu0 ul.menu0 li.menu0 a.menu0 {
    position: relative;
    display: block;
  	padding:10px 0px 10px 0px;
    /*color: #158fa7;*/
  	color:#008ea6;
    font-family: "Helvetica Neue LT";
    font-size: 18px;
    font-weight: 400;
    line-height: 1.563; }
    #leftPanel .wrapper .menu--wrapper .wrappermenu0 ul.menu0 li.menu0 a.menu0::after {
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      height: 1px;
      content: "";
      background-color: #008ea6; }
    #leftPanel .wrapper .menu--wrapper .wrappermenu0 ul.menu0 li.menu0 a.menu0.menuselected {
      font-weight: 600; }
  	#leftPanel .wrapper .menu--wrapper .wrappermenu0 ul.menu0 li.menu0 .wrappermenu1 ul.menu1,
 	#leftPanel .wrapper .menu--wrapper .wrappermenu0 ul.menu0 li.menu0 .wrappermenu1 ul.menu2,
	#leftPanel .wrapper .menu--wrapper .wrappermenu0 ul.menu0 li.menu0 .wrappermenu1 ul.menu3   	 {
    display: none; }
    #leftPanel .wrapper .menu--wrapper .wrappermenu0 ul.menu0 li.menu0 .wrappermenu1 ul.menu1 li.menu1,
	#leftPanel .wrapper .menu--wrapper .wrappermenu0 ul.menu0 li.menu0 .wrappermenu2 ul.menu2 li.menu2,
	#leftPanel .wrapper .menu--wrapper .wrappermenu0 ul.menu0 li.menu0 .wrappermenu3 ul.menu3 li.menu3	 {
      margin: 5px 0; }
      #leftPanel .wrapper .menu--wrapper .wrappermenu0 ul.menu0 li.menu0 .wrappermenu1 ul.menu1 li.menu1 a.menu1,
	  #leftPanel .wrapper .menu--wrapper .wrappermenu0 ul.menu0 li.menu0 .wrappermenu2 ul.menu2 li.menu2 a.menu2,
	  #leftPanel .wrapper .menu--wrapper .wrappermenu0 ul.menu0 li.menu0 .wrappermenu3 ul.menu3 li.menu3 a.menu3 {
        font-size: 15px; }
        #leftPanel .wrapper .menu--wrapper .wrappermenu0 ul.menu0 li.menu0 .wrappermenu1 ul.menu1 li.menu1 a.menu1.menuselected,
	  	#leftPanel .wrapper .menu--wrapper .wrappermenu0 ul.menu0 li.menu0 .wrappermenu2 ul.menu2 li.menu2 a.menu2.menuselected,
	  	#leftPanel .wrapper .menu--wrapper .wrappermenu0 ul.menu0 li.menu0 .wrappermenu3 ul.menu3 li.menu3 a.menu3.menuselected {
          font-weight: 600; }
      #leftPanel .wrapper .menu--wrapper .wrappermenu0 ul.menu0 li.menu0 .wrappermenu1 ul.menu1 li.menu1 .wrappermenu2 ul.menu2,
	  #leftPanel .wrapper .menu--wrapper .wrappermenu0 ul.menu0 li.menu0 .wrappermenu2 ul.menu2 li.menu2 .wrappermenu3 ul.menu3 {
        display: none; }
        #leftPanel .wrapper .menu--wrapper .wrappermenu0 ul.menu0 li.menu0 .wrappermenu1 ul.menu1 li.menu1 .wrappermenu2 ul.menu2 li.menu2 {
          margin: 5px 0 5px 10px; }
		#leftPanel .wrapper .menu--wrapper .wrappermenu0 ul.menu0 li.menu0 .wrappermenu1 ul.menu1 li.menu1 .wrappermenu3 ul.menu3 li.menu3 {
          margin: 5px 0 5px 15px; }
          /*#leftPanel .wrapper .menu--wrapper .wrappermenu0 ul.menu0 li.menu0 .wrappermenu1 ul.menu1 li.menu1 .wrappermenu2 ul.menu2 li.menu2 a.menu2,*/
        	#leftPanel .wrapper .menu--wrapper .wrappermenu0 ul.menu0 li.menu0 .wrappermenu1 ul.menu1 li.menu1 .wrappermenu3 ul.menu3 li.menu2 a.menu3 {
            /*color: #6e6e6e;*/
            font-size: 13px;}
            #leftPanel .wrapper .menu--wrapper .wrappermenu0 ul.menu0 li.menu0 .wrappermenu1 ul.menu1 li.menu1 .wrappermenu2 ul.menu2 li.menu2 a.menu2.menuselected,
            #leftPanel .wrapper .menu--wrapper .wrappermenu0 ul.menu0 li.menu0 .wrappermenu1 ul.menu1 li.menu1 .wrappermenu3 ul.menu3 li.menu3 a.menu3.menuselected {
              font-weight: 600; }

#leftPanel .wrapper .menu--wrapper .wrappermenu0 ul.menu0 li.menu0 li > a
{
	display:block;
	padding-top:5px;
	padding-bottom:5px;
}
            	
#leftPanel .close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 30px;
  cursor: pointer; }
  #leftPanel .close img {
    width: 100%;
    height: 100%; }

header {
  position: relative;
  z-index: 5; }
  
	header .top--header {
    padding: 7px 0 7px 0;
    background-color: #ffffff;
    border-bottom: 1px solid #eeeeee; }
  	
@media screen and (max-width: 979px) {
          header .top--header {
            display: none; } }	
  	
    header .top--header .left--col {
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      header .top--header .left--col .lang--wrapper {
        display: none;
        margin-left: 40px; }
        @media screen and (min-width: 950px) {
          header .top--header .left--col .lang--wrapper {
            display: block; } }
    header .top--header .right--col .search--wrapper {
      display: none; }
      @media screen and (min-width: 950px) {
        header .top--header .right--col .search--wrapper {
          display: block; } }
      header .top--header .right--col .search--wrapper #searchZone {
        position: relative;
        float: right;
        width: 200px; }
        header .top--header .right--col .search--wrapper #searchZone .inputSearch {
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          width: 100%;
          height: 26px;
          padding: 2px 8px;
          color: #6e6e6e;
          font-size: .8rem;
          line-height: 26px;
          background-image: url(/template/image/search.svg);
          background-repeat: no-repeat;
          background-position: 95% 50%;
          -webkit-background-size: 15px 15px;
          background-size: 15px 15px;
          border: 1px solid #eeeeee; }
        header .top--header .right--col .search--wrapper #searchZone .btnSearch {
          display: none; }
   
  header .container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    max-width: 970px;
    padding: 0 10px;
    margin: 0 auto; }
    header .container.is-flex {
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
  
    header .header
	{
		height:80px;
	}	
    header .header .logo 
    {
    	position:fixed;
    	box-sizing:border-box;
    	width:100%;
	    padding: 10px 10px 10px 10px;
	    background-color: #ffffff;
	}
	header .header .logo:after
	{
		content:"";
		display:block;
		clear:both;
	}
    header .header .logo a 
    {
      	display: block;
    	float:left; 
	}
	header .header .logo a img 
	{
		display: block;
		width:210px;
		height:60px;
	} 	
	
	header .header .logo .icone--wrapper
	{
		display:block;
		float: right;
		margin-top:22px;
	}
	header .header .logo .icone--wrapper img
	{
		width: 35px;
        cursor: pointer;
	}

	@media screen and (min-width: 980px) 
	{
		header .header .icone--wrapper
		{
			display:none;
		}
		 header .header
		{
			height:auto;
		}	
		header .header .logo {
	    padding: 10px 0 10px 0;
	    text-align: center;
	    background-color: #ffffff;
		position:relative;
    	}
	    header .header .logo a {
	      display: inline-block;
			float:none; 
		}
		header .header .logo a img {
			display: block;
			width:210px;
			height:60px;
		} 	
	}
	
	
	
	
	
  header .header .menu {
    z-index: 2;
    background-color: #ffffff; }
    header .header .menu ul {
      padding: 0;
      margin: 0; }
      header .header .menu ul li {
        list-style: none; }
    header .header .menu .wrappermenu0 ul.menu0 {
      max-width: 960px;
      padding: 0 10px;
      margin: 0 auto;
      text-align:center;
      }
      header .header .menu .wrappermenu0 ul.menu0 li.menu0 {
        display: inline-block;
        padding: 0 0 13px; 
        text-align:left;}
        header .header .menu .wrappermenu0 ul.menu0 li.menu0 a.menu0 {
          /*color: #158fa7;*/
          color:#008ea6;
          font-family: "Helvetica Neue LT";
          font-size: 16px;
          font-weight: 400;
          line-height: 1.2; }
        header .header .menu .wrappermenu0 ul.menu0 li.menu0 a.menu0.menuselected
        {
        	color:#6e6e6e;	
        }

        header .header .menu .wrappermenu0 .wrappermenu1 ul.menu1 li.menu1 a.menu1.menuselected,
        header .header .menu .wrappermenu0 .wrappermenu2 ul.menu2 li.menu2 a.menu2.menuselected,
        header .header .menu .wrappermenu0 .wrappermenu3 ul.menu3 li.menu3 a.menu3.menuselected{
        	--font-weight:bold;
        	--color:#6e6e6e;	
        }
		header .header .menu .wrappermenu0 ul.menu0 li.menu0:hover a.menu0 {
        	color:#6e6e6e;	
        }
        header .header .menu .wrappermenu0 ul.menu0 li.menu0:not(:last-child) a.menu0::after {
          display: inline-block;
          margin: 0 8px;
          content: "|";
          font-size: 18px; }
    header .header .menu .wrappermenu0 .wrappermenu1 {
      position: absolute;
      top: 100%;
      right: 0;
      left: 0;
      z-index: -1;
      width: 100%;
      overflow: hidden;
      background-color: rgba(43, 117, 140, 0.93);
      -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
      transform: translateY(-100%);
      -webkit-transition: all .6s ease;
      -o-transition: all .6s ease;
      transition: all .6s ease;
      opacity: .2; padding-bottom:40px;}
      header .header .menu .wrappermenu0 .wrappermenu1.open {
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;overflow:visible; }
      header .header .menu .wrappermenu0 .wrappermenu1::after {
        position: absolute;
        right: 0;
        bottom: -18px;
        z-index: -1;
        display: block;
        width: 320px;
        height: 320px;
        content: "";
        background-image: url(/template/image/sur-s.svg);
        -webkit-background-size: contain;
        background-size: contain;
        opacity: .1; }
      header .header .menu .wrappermenu0 .wrappermenu1 .coal-wrapper {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        max-width: 960px;
        min-height: 340px;
        /*padding: 35px 20px 150px;*/
      	padding: 35px 10px 150px 10px;
        margin: 0 auto; }
        header .header .menu .wrappermenu0 .wrappermenu1 .coal-wrapper .coal-left,
        header .header .menu .wrappermenu0 .wrappermenu1 .coal-wrapper .coal-right {
          float: left;
          width: 100%; }
          @media screen and (min-width: 720px) {
            header .header .menu .wrappermenu0 .wrappermenu1 .coal-wrapper .coal-left,
            header .header .menu .wrappermenu0 .wrappermenu1 .coal-wrapper .coal-right {
              width: -webkit-calc(50% - 45px);
              width: calc(50% - 45px); } }
        header .header .menu .wrappermenu0 .wrappermenu1 .coal-wrapper .coal-left {
          float: left; }
        header .header .menu .wrappermenu0 .wrappermenu1 .coal-wrapper .coal-right {
          float: right; }
      
       header .header .menu .wrappermenu0 .wrappermenu1 ul.menu1 li.menu1,
       header .header .menu .wrappermenu0 .wrappermenu2 ul.menu2 li.menu2,
       header .header .menu .wrappermenu0 .wrappermenu3 ul.menu3 li.menu3 {
        position: relative;
        -webkit-column-break-inside: avoid;
        break-inside: avoid; }
        header .header .menu .wrappermenu0 .wrappermenu1 ul.menu1 li.menu1 a.menu1,
        header .header .menu .wrappermenu0 .wrappermenu1 ul.menu2 li.menu2 a.menu2,
        header .header .menu .wrappermenu0 .wrappermenu1 ul.menu3 li.menu3 a.menu3 {
          display: inline-block;
          margin: 5px 0;
          color: #f7f7f7;
          font-family: "Helvetica Neue LT";
          font-size: 14px;
          font-weight: 400;
          line-height: 1.6; }
          header .header .menu .wrappermenu0 .wrappermenu1 ul.menu3 li.menu3 a.menu3
		  {
			margin-left:15px;
		  }
		  header .header .menu .wrappermenu0 .wrappermenu1 ul.menu3 li.menu3 a.menu3:before
		  {
	      	content:"";
		  	position:absolute;
		  	width:4px;
		  	height:4px;
		  	background:#ffffff;
		  	border-radius:50%;
		  	top:50%;left:0;
		  	margin-top:-2px;
		  	z-index:1;
		  }
          header .header .menu .wrappermenu0 .wrappermenu1 ul.menu1 li.menu1 a.menu1
		  {
			text-transform:uppercase;
		  }
		  header .header .menu .wrappermenu0 .wrappermenu1 ul.menu1 li.menu1 a.menu1::after
		  {
			display: block;
            width: 100%;
            height: 1px;
            content: "";
            background-color: #ffffff;
		  }
          header .header .menu .wrappermenu0 .wrappermenu2 ul.menu2 li.menu2 a.menu2:hover::after, 
          header .header .menu .wrappermenu0 .wrappermenu2 ul.menu2 li.menu2 a.menu2.menuselected::after,
          header .header .menu .wrappermenu0 .wrappermenu3 ul.menu3 li.menu3 a.menu3:hover::after, 
          header .header .menu .wrappermenu0 .wrappermenu3 ul.menu3 li.menu3 a.menu3.menuselected::after {
            /*-webkit-transform: scaleX(1);
            -ms-transform: scaleX(1);
            transform: scaleX(1); */ width:100%; }
          header .header .menu .wrappermenu0 .wrappermenu2 ul.menu2 li.menu2 a.menu2::after,
          header .header .menu .wrappermenu0 .wrappermenu3 ul.menu3 li.menu3 a.menu3::after {
            display: block;
            width: 0;
            height: 1px;
            content: "";
            background-color: #ffffff;
           /* -webkit-transform: scaleX(0);
            -ms-transform: scaleX(0);
            transform: scaleX(0);
            -webkit-transform-origin: left;
            -ms-transform-origin: left;
            transform-origin: left;*/
            -webkit-transition: all .4s ease;
            -o-transition: all .4s ease;
            transition: all .4s ease; }
      header .header .menu .wrappermenu0 .wrappermenu1 .wrappermenu2 .wrappermenu3 .wrappermenu4 {
        display: none; }
      	
header .header .menu .wrappermenu1 .styleDivArrowAdmin
{
	position:absolute;
    display: block;
    float: none;
    top:15px;
	left:-15px;
	transform:translateY(-50%); 
	padding:0;
	z-index:2;
}
header .header .menu .wrappermenu3 .styleDivArrowAdmin
{
	left:-4px;
	top:16px;
}
header .header .menu .wrappermenu1 .menu1:hover > .styleDivArrowAdmin,
header .header .menu .wrappermenu1 .menu2:hover > .styleDivArrowAdmin,
header .header .menu .wrappermenu1 .menu3:hover > .styleDivArrowAdmin
{
	z-index:3;
}

section.main section.slider {
  position: relative;
  overflow: hidden; }
  section.main section.slider .round {
    position: absolute;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%; }
    section.main section.slider .round .round--background {
      position: absolute;
      top: -200px;
      left: -156px;
      width: 460px;
      height: 460px;
      background-image: url(/template/image/round.svg);
      background-repeat: no-repeat;
      -webkit-background-size: contain;
      background-size: contain;
      -webkit-transition: all .4s ease;
      -o-transition: all .4s ease;
      transition: all .4s ease;
      opacity: .54;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      @media screen and (min-width: 480px) {
        section.main section.slider .round .round--background {
          top: -220px;
          left: -140px;
          width: 500px;
          height: 500px; } }
      @media screen and (min-width: 800px) {
        section.main section.slider .round .round--background {
          width: 580px;
          height: 580px; } }
      @media screen and (min-width: 1400px) {
        section.main section.slider .round .round--background {
          top: -250px;
          left: -130px;
          width: 678px;
          height: 678px; } }
    section.main section.slider .round .round--content {
      position: absolute;
      top: 38px;
      left: 18px;
      width: 260px;
      -webkit-transition: all .4s ease;
      -o-transition: all .4s ease;
      transition: all .4s ease; }
      @media screen and (min-width: 800px) {
        section.main section.slider .round .round--content {
          top: 60px;
          left: 40px;
          width: 400px; } }
      @media screen and (min-width: 1400px) {
        section.main section.slider .round .round--content {
          top: 100px;
          left: 120px;
          width: 337px; } }
      section.main section.slider .round .round--content h1 {
        padding: 0;
        margin: 0;
        color: white;
        font-family: "Helvetica Neue LT";
        font-size: 12px;
        font-weight: 700;
        line-height: 1.6;
        -webkit-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease; }
        @media screen and (min-width: 1200px) {
          section.main section.slider .round .round--content h1 {
            font-size: 14px; } }
      section.main section.slider .round .round--content h2 {
        padding: 0;
        margin: 0;
        color: #ffffff;
        font-family: "Helvetica Neue LT";
        font-weight: 400;
        line-height: 1; }
        section.main section.slider .round .round--content h2 span.big {
          display: inline-block;
          font-family: "Helvetica Neue LT";
          font-size: 17px;
          font-weight: 300;
          line-height: 1;
          text-align: left;
          -webkit-transition: all .4s ease;
          -o-transition: all .4s ease;
          transition: all .4s ease; }
          @media screen and (min-width: 800px) {
            section.main section.slider .round .round--content h2 span.big {
              font-size: 20px; } }
          @media screen and (min-width: 1000px) {
            section.main section.slider .round .round--content h2 span.big {
              font-size: 25px; } }
        section.main section.slider .round .round--content h2 span.small {
          display: inline-block;
          margin-top: 25px;
          font-family: "Helvetica Neue LT";
          font-size: 12px;
          font-weight: 700;
          line-height: 1.3;
          text-align: left;
          -webkit-transition: all .4s ease;
          -o-transition: all .4s ease;
          transition: all .4s ease; }
          @media screen and (min-width: 800px) {
            section.main section.slider .round .round--content h2 span.small {
              margin-top: 38px;
              font-size: 14px; } }

section.main section.logo {
  margin-bottom: 14px;
  background-color: #ffffff;}
  @media screen and (min-width: 720px) {
    section.main section.logo {
      margin-bottom: 20px; } }
  @media screen and (min-width: 1200px) {
    section.main section.logo {
      margin-bottom: 55px; } }
  section.main section.logo .logo--wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 18px 0 45px;
    margin: 0 auto; }
    section.main section.logo .logo--wrapper .log {
      margin: 0 20px;
      -webkit-transition: all .2s ease;
      -o-transition: all .2s ease;
      transition: all .2s ease; }
      section.main section.logo .logo--wrapper .log:nth-child(1) {
        width: 120px; }
      section.main section.logo .logo--wrapper .log:nth-child(2) {
        width: 48px; }
      section.main section.logo .logo--wrapper .log:hover {
        -webkit-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        transform: translateY(-3px); }

section.main section.news {
  margin-bottom: 14px; }
  @media screen and (min-width: 720px) {
    section.main section.news {
      margin-bottom: 20px; } }
  @media screen and (min-width: 1200px) {
    section.main section.news {
      margin-bottom: 30px; } }
  section.main section.news .news--container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    max-width: 1124px;
    padding: 0 7px;
    margin: 0 auto; }

section.main section.accesrapide {
  margin-bottom: 14px; }
  @media screen and (min-width: 720px) {
    section.main section.accesrapide {
      margin-bottom: 20px; } }
  @media screen and (min-width: 1200px) {
    section.main section.accesrapide {
      margin-bottom: 30px; } }
  section.main section.accesrapide .accesrapide--container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    max-width: 1124px;
    padding: 0 7px;
    margin: 0 auto; }

section.main section.contenu {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 1135px;
  padding: 0 10px;
  margin: 0 auto; }
  section.main section.contenu .top {
    margin: 50px 0 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  section.main section.contenu #headerCtn {
    margin-bottom: 40px; }
    section.main section.contenu #headerCtn .flex {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      section.main section.contenu #headerCtn .flex.noline .text h1::before {
        display: none; }
    section.main section.contenu #headerCtn .text h1 {
      position: relative;
      padding: 0;
      margin: 0;
      /*color: #158fa7;*/
      color:#008ea6;
      font-family: "Helvetica Neue LT";
      font-size: 40px;
      font-weight: 400;
      line-height: 1; }
      section.main section.contenu #headerCtn .text h1::before {
        display: block;
        width: 44px;
        height: 2px;
        margin-bottom: 20px;
        content: "";
        /*background-color: #158fa7;*/
      	background-color:#008ea6;
        -webkit-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease; }
        @media screen and (min-width: 720px) {
          section.main section.contenu #headerCtn .text h1::before {
            width: 50px;
            height: 3px; } }
    section.main section.contenu #headerCtn .text h2 {
      padding: 0;
      margin: 30px 0 0;
      font-size: 15px;
      -webkit-transition: all .4s ease;
      -o-transition: all .4s ease;
      transition: all .4s ease; }
      @media screen and (min-width: 800px) {
        section.main section.contenu #headerCtn .text h2 {
          font-size: 17px; } }
      section.main section.contenu #headerCtn .text h2:empty {
        display: none; }
    
      section.main section.contenu #headerCtn .flex.noline
	  {
		flex-wrap:wrap;
	  }	
      section.main section.contenu #headerCtn .accrocheImg {
      display:block;
      min-width: 390px;
      background-repeat: no-repeat;
      -webkit-background-size: cover;
      background-size: cover;
      	
      	order:2;
      	flex-basis:100%;
      	flex-grow:2;
      	margin:30px 0 0 0;
	}
	@media screen and (max-width: 430px)
	{
		section.main section.contenu #headerCtn .accrocheImg 
		{
			min-width:0;
		}	
	}
	
      @media screen and (min-width: 950px) {
      	section.main section.contenu #headerCtn .flex.noline
	  	{
			flex-wrap:nowrap;
	  	}	
        section.main section.contenu #headerCtn .accrocheImg {
          display: block;
          order:0;
          flex-basis:auto;
      	  flex-grow:0;
      	  margin:0 50px 0 0;  		 
		} }
      section.main section.contenu #headerCtn .accrocheImg::before {
        display: block;
        padding-top: 52%;
        content: ""; }

@media screen and (min-width: 1000px) {
  footer {
    margin-top: 100px; } }

footer .pre-footer {
  padding: 26px 0;
  background-color: #ffffff; }
  footer .pre-footer .pre-footer--container {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 1130px;
    padding: 0 10px;
    margin: 0 auto; }
    footer .pre-footer .pre-footer--container img {
      width: 40px;
      -webkit-transition: all .2s ease;
      -o-transition: all .2s ease;
      transition: all .2s ease; }
      footer .pre-footer .pre-footer--container img:hover {
        -webkit-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        transform: translateY(-3px); }

footer .footer {
  background-color: #08526b; }
  footer .footer .footer--container {
    position: relative;
    z-index: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1130px;
    padding: 45px 10px 55px;
    margin: 0 auto; }
    @media screen and (min-width: 720px) {
      footer .footer .footer--container {
        padding: 60px 10px 70px; } }
    footer .footer .footer--container .socials--container {
      position: relative;
      z-index: 1;
      margin-top: 15px; }
      footer .footer .footer--container .socials--container .socials--list {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
        footer .footer .footer--container .socials--container .socials--list .list--item:not(:first-child) {
          margin-left: 10px; }
        footer .footer .footer--container .socials--container .socials--list .list--item:not(:last-child) {
          margin-right: 10px; }
        footer .footer .footer--container .socials--container .socials--list .list--item:nth-child(1) {
          width: 9px; }
        footer .footer .footer--container .socials--container .socials--list .list--item:nth-child(2) {
          width: 28px; }
        footer .footer .footer--container .socials--container .socials--list .list--item:nth-child(3) {
          width: 18px; }
        footer .footer .footer--container .socials--container .socials--list .list--item:nth-child(4) {
          width: 26px; }
        footer .footer .footer--container .socials--container .socials--list .list--item img {
          width: 100%; }
    footer .footer .footer--container .logo20 {
      position: absolute;
      top: 10px;
      z-index: -1;
      display: none;
      -webkit-transition: all .4s ease;
      -o-transition: all .4s ease;
      transition: all .4s ease;
      opacity: .54; }
      @media screen and (min-width: 1000px) {
        footer .footer .footer--container .logo20 {
          right: 5%;
          display: block; } }
      @media screen and (min-width: 1200px) {
        footer .footer .footer--container .logo20 {
          right: 12%; } }
      footer .footer .footer--container .logo20 img {
        width: 151px; }
    footer .footer .footer--container .powered {
      position: absolute;
      left: 0;
      bottom: 7px;
      display: none;
      color: #ffffff;
      opacity: .8; }
      @media screen and (min-width: 1000px) {
        footer .footer .footer--container .powered {
          display: block; } }
      footer .footer .footer--container .powered a {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        color: #ffffff;
        font-size: 12px; }
        footer .footer .footer--container .powered a img {
            width:125px;
          margin-left: 5px; }

.bgEditor {
  background-color: #f7f7f7; }
	
audio, img[_wpro_media_data*='.mp3'].wproFilePlugin 
{
      display:block;
      width:100%;
      box-sizing:border-box;
      height:40px;
}	

/*#langueZone
{
  float: right;
  margin-top: 7px;
  margin-right: 10px;
}*/
#internationalZone a {
  color: #ffffff;
  font-size: 13px;
  text-decoration: none; }
  #internationalZone a:hover {
    text-decoration: underline; }

/*#zoneLogo
{
  box-sizing: border-box;
  float: left;
  width: 301px;
  height: 89px;
  padding: 12px 0 0 23px;
}*/
#zoneSuva {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: right;
  width: 143px;
  height: 89px;
  padding: 52px 0 0 40px; }

#topMenuArea {
  float: right;
  height: 23px;
  margin-top: 7px; }

/*#mainMenuZone
{
  width: 950px;
  height: 31px;
  padding: 0 0 0 0;
  margin-top: 1px;

  background-color: #008ea6;
}*/
#footerSite {
  position: relative;
  display: block;
  padding: 10px 10px 10px 10px;
  background: #d2d2d2; }

#socialZone,
#boomerangZone {
  display: none; }

/*Style pour les listes en div */
.listCtn {
  position: relative;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -7px -14px; }
  @media screen and (min-width: 720px) {
    .listCtn {
      margin: 0 -10px -20px; } }
  @media screen and (min-width: 1200px) {
    .listCtn {
      margin: 0 -15px -30px; } }
  .listCtn .listElement {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 7px 14px;
    overflow: hidden;
    text-decoration: none;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    width: 100%;
  	margin-bottom:30px; 
	}
    @media screen and (min-width: 720px) {
      .listCtn .listElement {
        width: 50%;
        padding: 0 10px 20px;
		margin-bottom:20px;  } }
    @media screen and (min-width: 1200px) {
      .listCtn .listElement {
        /*width: -webkit-calc(1/3 * 100%);*/
        /*width: calc(1/3 * 100%);*/
      	width: 33.333%;
        padding: 0 15px 30px; 
		margin-bottom:0px;} }
      	
    /*.listCtn .listElement:hover .img {
      -webkit-filter: brightness(110%) contrast(105%);
      filter: brightness(110%) contrast(105%); }*/
    
    .listCtn .listElement .img 
	{
		display: block;
		overflow: hidden;
		/*background-image: url(/template/image/defaultList.jpg);
		background-repeat: no-repeat;
		background-position: center center;
		-webkit-background-size: cover;
		background-size: cover;
		-webkit-transition: all .4s ease;
		-o-transition: all .4s ease;
		transition: all .4s ease;*/
		position:relative;
	 }
     .listCtn .listElement .img:before 
     {
        display: block;
        padding-top: 52%;
        content: ""; 
	}
	.listCtn .listElement .img  > span 
    {
		position:absolute;
    	top:0;left:0;right:0;bottom:0;
    	background: url(/template/image/defaultList.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
    	transform:scale(1);
    	transition:transform .25s; 
    }
        
	.listCtn .listElement:hover > .img  > span 
   	{
     	transform:scale(1.03);
   	}
	
	
    .listCtn .listElement .txt {
      position: relative;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      display: block;
      padding: 35px 25px 25px;
      overflow: hidden;
      background-color: #ffffff;
      -webkit-transition: all .4s ease;
      -o-transition: all .4s ease;
      transition: all .4s ease; }
      @media screen and (min-width: 1200px) {
        .listCtn .listElement .txt {
          padding: 46px 29px 35px; } }
      .listCtn .listElement .txt h3 {
        margin: 0;
        /*color: #158fa7;*/
      	color: #008ea6;
        font-family: "Helvetica Neue LT";
        font-size: 22px;
        font-weight: 400;
        line-height: 1.077;
        -webkit-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease; }
        .listCtn .listElement .txt h3::before {
          display: block;
          width: 44px;
          height: 2px;
          margin-bottom: 20px;
          content: "";
          /*background-color: #158fa7;*/
          background-color:#008ea6;
          -webkit-transition: all .4s ease;
          -o-transition: all .4s ease;
          transition: all .4s ease; }
          @media screen and (min-width: 720px) {
            .listCtn .listElement .txt h3::before {
              width: 50px;
              height: 3px; } }
        @media screen and (min-width: 720px) {
          .listCtn .listElement .txt h3 {
            font-size: 26px; } }
      .listCtn .listElement .txt .resume {
        display: block;
        margin-top: 20px;
        color: #6e6e6e;
        font-family: "Helvetica Neue LT";
        font-size: 14px;
        font-weight: 300;
        line-height: 1.412;
        -webkit-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease; }
        @media screen and (min-width: 720px) {
          .listCtn .listElement .txt .resume {
            font-size: 17px; } }

/*MEDIA QUERY POUR LE MONTAGE*/
@media only screen and (min-width: 640px) {
  /*.listElement
  {
    position: relative;

    display: block;
    float: left;
    width: 100%;
    padding-top: 0;
    padding-bottom: 17px;
    margin: 0 0 17px 0;

    text-decoration: none;

    background: none;
    border: none;
    border-bottom: 1px solid #a7a7a7;

    &:nth-child(2n)
    {
      position: relative;

      display: block;
      float: left;
      width: 100%;
      padding-top: 0;
      padding-bottom: 17px;
      margin: 0 0 17px 0;

      text-decoration: none;

      background: none;
      border: none;
      border-bottom: 1px solid #a7a7a7;
    }

    .img
    {
      position: relative;
      top: 0;
      right: auto;
      left: 0;

      display: block;
      float: left;
      width: 220px;
      height: 144px;
      margin: 0 20px 0 0;

      &:before
      {
        padding-top: 65.45%;
      }
    }

    .txt
    {
      position: relative;

      display: block;
      padding: 0 0 7px 0;
    }

    h3,
    &:nth-child(2n) h3
    {
      padding: 0;
      margin: 0 0 7px 0;

      color: #6c6c6c;
      text-align: left;
    }

    h3:after,
    &:nth-child(2n) h3:after
    {
      content: none;
    }

    .resume
    {
      display: block;
      float: left;

      width: calc(100% - 220px - 20px - 30px);

      color: #6c6c6c;
    }

    .more
    {
      padding-left: 20px;
      margin-top: 20px;

      text-transform: lowercase;

      background: url("/template/image/more.png") no-repeat center left;
    }
  }*/ }

/*
@media only screen and (min-width: 980px)
{
  #responsiveHeader,
  #responsiveTopImg
  {
    display: none;
  }

  #sommetSite
  {
    display: block;
    width: 100%;
    height: 152px;

    background: url("/template/image/sommet.png") repeat-x;
  }

  #footerSite
  {
    position: fixed;
    bottom: 0;
    left: 0;

    display: block;
    width: 100%;
    height: 29px;
    padding: 0;

    background: url("/template/image/footer-fond.png");
  }

  #bottomMenuZone
  {
    float: left;
    width: 738px;
    height: 23px;
    margin-top: 6px;
  }

  #socialZone
  {
    display: block;
    float: left;
    width: 112px;
    height: 29px;

    .social
    {
      float: left;
    }

    .rss
    {
      display: block;
      width: 17px;
      height: 17px;
      padding-top: 3px;
      padding-left: 3px;
      margin-top: 4px;
      margin-left: 1px;

      background: #ebebec;
      border-radius: 3px;

      a img
      {
        width: 14px;
        height: 14px;
      }
    }
  }

  #boomerangZone
  {
    display: block;
    float: left;
    width: 100px;
    height: 17px;
    padding-top: 6px;

    color: #ffffff;

    a
    {
      color: #ffffff;
    }
  }

  .pageresume
  {
    text-align: justify;
  }

  .accrocheImg
  {
    display: block;
    float: left;
    width: 600px;
    height: 300px;
    padding: 5px 20px 5px 0;
  }
}
*/
/*@media only screen and (max-width:979px)
{
	P
	{
		text-align:left!important;
	}	
}*/
table {
  padding: 0;
  margin: 0;
  border-color: #a7a7a7 !important;
  /*border-width: 1px;*/ }
  table p {
    padding: 0;
    margin: 0; }
  table th {
    text-align: left; }
  table tbody.originaltbody {
    display: table-row-group; }
  table tbody.responsivedtbody {
    display: none; }

/* 
MEDIA QUERIES FOR TABLE: max-width = width of htmlcontent
Je le fait dans ce sens pour pas toucher les tables originales (taille et alignement)
*/
@media only screen and (max-width: 620px) {
  table {
    width: 100% !important;
    table-layout: fixed;
    /*pour que les images suivent*/ }
    table td {
      width: auto !important; }
    table img {
      height: auto !important;
      max-width: 100%; }
    table tbody.originaltbody {
      display: none; }
    table tbody.responsivedtbody {
      display: table-row-group; }
    table.responsived th,
    table.responsived td {
      display: block;
      width: 100% !important;
      padding: 0 !important;
      margin: 0 !important;
      text-align: left; }
    table.responsived th p,
    table.responsived td p {
      text-align: left; }
    table tbody.responsivedtbody th,
    table.responsived th {
      margin-bottom: 50;
      border-top: 5px solid transparent;
      border-bottom: 5px solid transparent; }
    table tbody.responsivedtbody .thmain {
      text-transform: uppercase;
      border-top: 10px solid transparent !important;
      border-bottom: 10px solid transparent !important; }
    table tbody.responsivedtbody .thspan {
      display: block !important;
      margin: 10px 0 5px 0;
      font-weight: bold; } }

.desactivatepage {
  color: red;
  font-size: 11px;
  font-style: italic;
  font-weight: normal; }

/*-- MANDATORY FIELD --*/
.mandatory,
.mandatoryCustom {
  background-color: #d7d5d5; }

.mandatoryFailed,
.mandatoryCustomFailed {
  background-color: #ffe3e8;
  border: 1px dotted red; }

.error {
  color: red; }

.helpMsg {
  color: green; }

/*-- END MANDATORY FIELD --*/
/*-- FIELDSET --*/
legend {
  color: black;
  font-family: arial;
  font-size: 11px; }

fieldset {
  margin: 6px;
  background-color: #fdfdfd;
  border: 1px solid  #888888; }
  fieldset table,
  fieldset div {
    margin: 5px; }
  fieldset table table,
  fieldset div div,
  fieldset table div,
  fieldset div table {
    margin: 0; }

/*-- FIELDSET --*/
.ondrag {
  background-color: #eeeeee; }

.tdAdmin {
  width: 90px;
  padding: 5px;
  vertical-align: top; }

.tdListAdmin {
  padding-top: 2px;
  padding-bottom: 2px; }

.iconArrowAdmin {
  padding-top: 3px;
  cursor: pointer; }

.tableListAdmin,
.contentAdmin {
  margin: 10px; }

input,
textarea {
  padding-left: 5px;
  background-color: #eeeeee;
  border: 1px solid #bbb7b7; }

form {
  padding: 0;
  margin: 0; }

select {
  background-color: #eeeeee;
  border: 0; }

input[type=checkbox], input[type=radio] {
  background-color: transparent;
  border: none; }

.admin_scroll {
  position: relative;
  float: left;
  /*width: 300px;*/
  width: 100%;
  height: 250px;
  overflow-y: auto;
  background: transparent; }

.popupBloc {
  padding: 10px;
  color: black;
  font-family: arial;
  font-size: 11px;
  background-image: url("/template/image/admin/bgadmin.gif");
  border: #101010 1px solid; }

.popupTitle {
  padding-left: 10px;
  color: black;
  font-family: Arial;
  font-size: 11px;
  background-image: url("/template/image/admin/titlebar.gif"); }

.popupTd {
  /* T R B L   */
  padding: 5px 10px 5px 10px;
  vertical-align: top; }

.opaque50 {
  background-color: #000020;
  opacity: .5;
  filter: alpha(opacity=50);
  -moz-opacity: .5; }

.FlecheMove {
  padding-top: 5px;
  vertical-align: top; }

/*Style pour la navigation*/
.navigation {
  margin-top: 10px;
  margin-bottom: 5px; }
  .navigation a {
    font-size: 12px;
    text-decoration: none; }
    .navigation a:hover {
      font-size: 12px; }
  .navigation select {
    font-size: 12px; }
  .navigation td {
    width: 60px;
    text-align: center; }

@media only screen and (min-width: 980px) {
  .navigation a {
    font-size: 9px; }
    .navigation a:hover {
      font-size: 9px;
      text-decoration: underline; }
  .navigation select {
    font-size: 9px; } }

/*Style pour le jqDdD*/
.drag {
  cursor: move;
  opacity: .5; }

.drop {
  outline: 1px dashed black;
  cursor: move; }

.drag a,
.drop a {
  cursor: move; }

table.tableau {
  /*font-size:14px;*/
  border: 0 !important; }
  table.tableau > tbody > tr > td,
  table.tableau > tbody > tr > th {
    /*font-size:14px;*/
    border: 0 !important; }

.bgEditor table.tableau {
  border: 1px dotted #000000 !important; }
  .bgEditor table.tableau > tbody > tr > td,
  .bgEditor table.tableau > tbody > tr > th {
    border: 1px dotted #000000 !important; }
  .bgEditor table.tableau > tbody > tr:nth-child(odd) > th:first-child {
    border: 1px dotted #000000 !important; }

table.tableau > tbody > tr:nth-child(odd) {
  background: #f5f5f5; }
  table.tableau > tbody > tr:nth-child(odd) > th:first-child {
    border-left: 10px solid #f5f5f5 !important; }

table.tableau > tbody > tr > td {
  padding: 14px 20px 14px 20px; }

table.tableau > tbody > tr > th {
  padding: 14px 20px 14px 10px;
  border-left: 10px solid #f5f5f5 !important; }	
#pagehtmlcontent .htmlcontent input[type=text], .bgEditor input[type=text],
#pagehtmlcontent .htmlcontent input[type=email], .bgEditor input[type=email],
#pagehtmlcontent .htmlcontent textarea, .bgEditor textarea,
#pagehtmlcontent .htmlcontent select, .bgEditor select
{
	display:inline-block;
	box-sizing:border-box;
	width:100%;
	max-width:500px;
	padding:3px 10px 3px 10px;
	border:1px solid #008ea6;
	border-radius:5px;
	font-family:"Helvetica Neue LT";
	font-weight:normal;
	font-size:15px;
	line-height:1.5em;
	color:#000000;
	background-color:#ffffff;
}

#pagehtmlcontent .htmlcontent textarea:not(:read-only)
{
	height:auto!important;
}
#pagehtmlcontent .htmlcontent textarea:read-only
{
	height:1em;
}

#pagehtmlcontent .htmlcontent input[type=text].mandatory, .bgEditor input[type=text].mandatory,
#pagehtmlcontent .htmlcontent input[type=email].mandatory, .bgEditor input[type=email].mandatory,
#pagehtmlcontent .htmlcontent textarea.mandatory, .bgEditor textarea.mandatory,
#pagehtmlcontent .htmlcontent select.mandatory, .bgEditor select.mandatory
{
	background-color:#ffffff;	
}
#pagehtmlcontent .htmlcontent input[type=text].mandatoryFailed, .bgEditor input[type=text].mandatoryFailed,
#pagehtmlcontent .htmlcontent input[type=email].mandatoryFailed, .bgEditor input[type=email].mandatoryFailed,
#pagehtmlcontent .htmlcontent textarea.mandatoryFailed, .bgEditor textarea.mandatoryFailed,
#pagehtmlcontent .htmlcontent select.mandatoryFailed, .bgEditor select.mandatoryFailed
{
  background-color: #FFE3E8;
  border:1px dotted red;
}

#pagehtmlcontent .htmlcontent input[type=submit], .bgEditor input[type=submit]
{
	display:inline-block;
	width:auto;
	padding:7px 25px 7px 25px;
	border:0;
	border-radius:5px;
	font-family:"Helvetica Neue LT";
	font-weight: 500;
	font-size:15px;
	line-height:1.5em;
	background-color:#008ea6;
	color:#ffffff;
	opacity:1;
}
#pagehtmlcontent .htmlcontent input[type=submit]:disabled, .bgEditor input[type=submit]:disabled
{
	opacity:.5;
}

#pagehtmlcontent .htmlcontent form .orderForFrm textarea
{
	pointer-events:none;
	resize:none;
	max-width:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
	border:none;
	background:transparent;
	color:#6c6c6c;
	font-family: apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  	font-size: 15px;
  	line-height: 1.41;
	padding:0;
}
.bgEditor .orderForFrm textarea
{
	max-width:none;
	color:#6c6c6c;
	font-family: apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  	font-size: 15px;
  	line-height: 1.41;
}

#pagehtmlcontent .htmlcontent form .orderForFrm textarea + input[type="text"].orderForFrm_Pos
{
	display:none;	
}

@media screen and (min-width: 800px)
{
    #pagehtmlcontent .htmlcontent form .orderForFrm textarea, .bgEditor .orderForFrm textarea 
    {
    	font-size: 17px; 
	}
}
#CtnPostulation .helpMsg
{
	font-size:15px;
}
#CtnPostulation .helpMsg.error
{
	color:red;
}
#CtnPostulation {
  max-width: 860px;
  overflow: hidden; }
  #CtnPostulation .title {
    display: block;
    margin: 20px 0 10px;
    /*color: #158fa7;*/
  	color:#008ea6;
    font-family: "Helvetica Neue LT";
    font-size: 22px;
    font-weight: 400;
    line-height: 1.077;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease; }
    @media screen and (min-width: 720px) {
      #CtnPostulation .title {
        font-size: 26px; } }
  #CtnPostulation .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    #CtnPostulation .row .col {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 10px;
      width: 100%;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      position: relative; }
      /*@media screen and (min-width: 620px) {
        #CtnPostulation .row .col {
          width: 50%; } }*/
    	#CtnPostulation .row .col + .col
		{
			max-width:500px;
		}
      #CtnPostulation .row .col label {
        display: block;
        font-weight: 500;
        margin-bottom: 5px; }
        @media screen and (min-width: 620px) {
          #CtnPostulation .row .col label {
            /*margin-bottom: 0;
            font-weight: 400;*/
            font-size: 17px; } }
      #CtnPostulation .row .col img.delete {
        position: absolute;
        right: 10px;
        top: 1px; }
  #CtnPostulation input {
    width: 100%;
  	max-width:500px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  #CtnPostulation textarea, #CtnPostulation select {
    width: 100%;
  	max-width:500px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #bbb7b7; }
  #CtnPostulation input[type=text], #CtnPostulation select, #CtnPostulation textarea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
  	max-width:500px;
    padding: 5px;
    color: #6c6c6c;
    font-size: 16px;
    font-weight: normal;
    background: #ffffff;
    -webkit-border-radius: 5px;
    border-radius: 5px; }
  #CtnPostulation input[type=submit] {
    background: -webkit-gradient(linear, left top, right top, from(#005c6c), to(#0097b5));
    background: -webkit-linear-gradient(left, #005c6c 0%, #0097b5 100%);
    background: -o-linear-gradient(left, #005c6c 0%, #0097b5 100%);
    background: linear-gradient(to right, #005c6c 0%, #0097b5 100%);
    width: 100%;
    padding: 15px 10px;
    border: none;
    color: #fff;
    text-transform: lowercase;
    font-size: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease; }
    #CtnPostulation input[type=submit]:disabled {
      background: grey; }

#CtnPostuler input {
  background: -webkit-gradient(linear, left top, right top, from(#005c6c), to(#0097b5));
  background: -webkit-linear-gradient(left, #005c6c 0%, #0097b5 100%);
  background: -o-linear-gradient(left, #005c6c 0%, #0097b5 100%);
  background: linear-gradient(to right, #005c6c 0%, #0097b5 100%);
  width: 100%;
  max-width: 300px;
  padding: 15px 10px;
  border: none;
  color: #fff;
  text-transform: lowercase;
  font-size: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease; }

#CtnPostulation input[type=file] {
  border: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
	background: #ffffff; 
}

#zoneSocialButtons {
  display: none; }

@media only screen and (min-width: 640px) {
  #zoneSocialButtons {
    display: block; }
  .zoneSocialButtons {
    float: left;
    margin: 0 5px; }
    .zoneSocialButtons:nth-child(1) {
      margin-right: 5px; }
      .zoneSocialButtons:nth-child(1) img {
        width: 14px;
        height: 14px; }
    .zoneSocialButtons:nth-child(2) {
      margin-left: 5px;
      margin-right: 5px; }
      .zoneSocialButtons:nth-child(2) img {
        width: 11px;
        height: 14px; }
    .zoneSocialButtons:nth-child(3) {
      margin-left: 5px;
      margin-right: 5px; }
      .zoneSocialButtons:nth-child(3) img {
        width: 15px;
        height: 11px; }
    .zoneSocialButtons:nth-child(4) {
      margin-left: 5px;
      margin-right: 5px; }
      .zoneSocialButtons:nth-child(4) img {
        width: 6px;
        height: 14px; }
    .zoneSocialButtons:nth-child(5) {
      margin-left: 5px; }
      .zoneSocialButtons:nth-child(5) img {
        width: 14px;
        height: 11px; } }

.ressourceDIV
{
	margin:15px 5px 5px 5px;
}
.ressourceTable
{
	width:100%;
	border-collapse:collapse;
	border-right:solid 1px #EEEEEE;	
	border-left:solid 1px #EEEEEE;
}

.ressourceTD
{
	border-top:solid 1px #EEEEEE;	
	border-bottom:solid 1px #EEEEEE;
	padding:3px;
}

.ressourceBtnSearch
{
	height:20px;	
}




/*STYLE POUR LE TEMPLATE*/
@media only screen and (min-width: 980px) {
  /*STYLE POUR LE TEMPLATE*/
  input.btnSearch {
    display: block;
    float: left;
    width: 18px;
    height: 18px;
    background-color: transparent;
    border: none;
    cursor: pointer; }
  input.inputSearch {
    display: block;
    float: left;
    width: 105px;
    height: 16px;
    color: #000000;
    font-size: 10px;
    background-color: transparent;
    border: none; } 
}

input.inputSearch.placeholder {
  color: #9a9a9a!important;
}  
	

/*GOOGLE API AJAX*/
/*DIV de resultat*/
#searchresult {
  display: block; }
  #searchresult #steps {
    margin-top: 20px; }
    #searchresult #steps a {
      font-size: 14px; }
      #searchresult #steps a.bolder {
        font-weight: bold; }

/*GOOGLE CSE*/
.gsc-result-info,
.gsc-above-wrapper-area,
.gsc-control-cse {
  padding-top: 0 !important; }

.gsc-orderby-container {
  display: none; }

#___gcse_0 div,
#___gcse_0 table {
  padding-left: 0; }

p.noresult {
  font-style: italic; }

/*Style for Screen Hi RES (retina)*/
/*@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #leftPanel #cse-search-box-api input[type=submit] {
    background-image: url(/template/image/loupe@x2.png); } }

@media only screen and (-webkit-min-device-pixel-ratio: 2.5), only screen and (-o-min-device-pixel-ratio: 5 / 2), only screen and (min--moz-device-pixel-ratio: 2.5), only screen and (min-device-pixel-ratio: 2.5) {
  #leftPanel #cse-search-box-api input[type=submit] {
    background-image: url(/template/image/loupe@x3.png); } }*/

/*Style pour le lien sur le plan du site*/
.sitemap
{
	color:#5E0404;
	text-decoration:none;
}

/* Style pour le plan du site */
.sm0
{
    MARGIN-TOP: 0px;
    MARGIN-BOTTOM: 0px;
    MARGIN-LEFT: 0px;

}

.sm1
{
    MARGIN-BOTTOM: -2px;
    MARGIN-TOP: -2px;
    MARGIN-LEFT: 20px;

}

.sm2
{
    MARGIN-BOTTOM: -4px;
    MARGIN-TOP: -4px;
    MARGIN-LEFT: 40px;

}

.sm3
{
    MARGIN-BOTTOM: -4px;
    MARGIN-TOP: -4px;
    MARGIN-LEFT: 60px;
}
@charset "UTF-8";
/*Style pour le montage*/
#sliderCtn 
{
  position: relative;
  width: 100%;
  overflow: hidden;
 /*max-height: 84vh;*/ 
 height:calc(100vh - 80px - 120px); /*-top (logo,menu) - bottom (zone logo sous banniere)*/
}

@media screen and (min-width: 979px) 
{
	#sliderCtn
	{
		height:calc(100vh - 180px - 120px); /*-top (logo,menu) - bottom (zone logo sous banniere)*/ 
	}
}

  /*#sliderCtn:before {
    display: block;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    padding-top: 140%;
    content: ""; }
    @media screen and (min-width: 600px) {
      #sliderCtn:before {
        padding-top: 100%; } }
    @media screen and (min-width: 700px) {
      #sliderCtn:before {
        padding-top: 80%; } }
    @media screen and (min-width: 900px) {
      #sliderCtn:before {
        padding-top: 60%; } }
    @media screen and (min-width: 1000px) {
      #sliderCtn:before {
        padding-top: 50%; } }
    @media screen and (min-width: 1200px) {
      #sliderCtn:before {
        padding-top: 40%; } }
    @media screen and (min-width: 1500px) {
      #sliderCtn:before {
        padding-top: 32%; } }*/

#sliderCtn .sliderElementCtn {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: url(/template/image/loading.gif) no-repeat center center; }
  #sliderCtn .sliderElementCtn .sliderElement {
    position: absolute;
    display: block;
    display: none;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover; }
    #sliderCtn .sliderElementCtn .sliderElement.current {
      top: 0;
      left: 0;
      display: block;
      opacity: 1 !important;
      /*pour éviter de voir le fond pendant animation*/ }

/*Style pour la recherche des personnes*/
.tableauUser
{
border-collapse:collapse;
padding:4px;
}

.tableauUser td
{
border:1px solid #CDCDCD;
}

.enteteUser
{
font-weight:bold;
}

#formEditUser .policy, #formEditSecu .policy
{
	display:block;
	margin:5px 0px 10px 0px;
	font-size:12px;
	font-weight:normal;
	line-height:normal;
	max-width:300px;
	color:#474747;
}
#formEditUser .policy.error, #formEditSecu .policy.error
{
	color:red;
}
#weblinksListCtn .listElement
{
	width:340px;
	border:0px;
	min-height:60px;
}

#weblinksListCtn .listElement .txt
{
	padding:0px 0px 0px 100px;
}

#weblinksListCtn .listElement .img
{
	position:absolute;
	top:0px;
	left:0px;
	width:80px;
	height:60px;
	margin:0px;
}
#youarehereHeader
{
	font-size:12px;
	color: #6e6e6e;
}

#youarehereItem
{
	font-size:12px;
	color:#6e6e6e;
}

#youarehereSeparator
{
	/*color:#158fa7;*/
	color:#008ea6;
	font-size:12px;
	font-weight: 500;
}

#youarehereLink
{
	font-size:12px;
	color:#6e6e6e;
}


/*Style pour les mentions legales */
a.mentionslegales
{
	text-decoration:none;
}
#mentionslegalesContentCtn span, #mentionslegalesContentCtn span a
{
}

#disclaimerCtn
{
	position:fixed;
	display:block;
	left:0;bottom:0;right:0;
	max-height:500px;
	opacity:1;
	background:#08526b;
	z-index:1000;
	overflow:hidden;
	transition:max-height .5s;
}
#disclaimerCtn.hide
{
	max-height:0;
}
#disclaimerCtn .disclaimer
{
	position:relative;
	display:block;
	box-sizing:border-box;
	padding:20px 10px 20px 10px;
	margin:0 auto 0 auto;
	color:#ffffff;
	font-size:.9em;
	line-height:1.5em;
}

#disclaimerCtn .disclaimer .txt
{
	/*margin-bottom:10px; attente validation */
	margin-bottom:20px;
}
#disclaimerCtn .disclaimer a.read
{
	position:relative;
	display:block;
	color:#ffffff;
	text-decoration:none;
	opacity:.75;
	transition:opacity .5s;
	margin-bottom:20px;
}
#disclaimerCtn .disclaimer a.read:before
{
	content:">";
	margin-right:5px;
}
#disclaimerCtn .disclaimer a.read:hover
{
	opacity:1;
}

#disclaimerCtn .disclaimer .close
{
	position:relative;
	display:block;
	box-sizing:border-box;
	width:100%;
	padding:7px 10px 7px 10px;
	text-align:center;
	background: linear-gradient(to right, #005c6c 0%, #0097b5 100%);
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;
	transition:background .5s;
	text-transform:uppercase;
}

@media only screen and (min-width:640px)
{

	#disclaimerCtn
	{
		max-height:200px;
	}
	#disclaimerCtn .disclaimer
	{
		max-width:1280px;
		padding:20px 170px 20px 10px;
		font-size:1em;
	}
	
	#disclaimerCtn .disclaimer .txt
	{
		/*margin-bottom:5px; attente validation*/
		margin-bottom:0;
	}
	#disclaimerCtn .disclaimer a.read
	{
		display:inline-block;
		margin-bottom:0;
	}
	#disclaimerCtn .disclaimer .close
	{
		position:absolute;
		width:120px;
		top:50%;
		right:10px;
		padding:10px;
		transform:translateY(-50%);
	}
}