/* CSS par Isarta*/
/* 2016.10.28*/

/* Palette de couleur: */
/* Hover jaune/orange : #ec971f; */
/* Jaune Charte graphique : #ffbc00 
                            rgba(255, 188, 0, 1) */

/**************************************************************************************** CSS prioris� pour rapidit� d'ex�cution */

html, body{
	overflow-x:hidden;          /* Previent le scroll sur petit devices */
}
body{
    font-family: 'Open Sans', 'Arial', sans-serif;
	min-width:300px!important;
	font-style:normal;
	font-weight:normal;
	letter-spacing:0.03em;
	text-rendering: optimizeLegibility;
	-webkit-font-feature-settings:'kern';
	-moz-font-feature-settings:'kern';
/* 	font-feature-settings:'kern'; */
}	
body a{
	color:#001d51;
}	
body a:hover{
	color:#ffbc00;
	text-decoration:none;
}
body a:active{
	color:#ffbc00;
	text-decoration:none;
}

/* police d'�criture pour candidature non connect� */
.splashTime{
	font-family: 'isartaTIMES' !important; 
	color:rgba(0, 0, 113, 1);
	-webkit-transition: font-size 0.4s!important; 
	transition: font-size 0.4s!important;
	letter-spacing:0.01em !important;
}

.times{
	font-family: 'isartaTIMES' !important; 
}

@font-face{
    font-family:isartaTIMES;
src:
    local('Times New Roman PS'),
    url("/design/fonts/times/isartaTIMES.TTF");
}
@font-face{
    font-family:Lato-Regular;
    src: url("/design/fonts/lato/Lato-Regular.ttf");
}

/* html{ */
/*    scroll-behavior: smooth;																firefox */
/* } */




h1, h2, h3, h4, h5, p, button, span.latoR, .latoR, li{
	font-family: 'Lato-Regular', 'Open Sans', 'Arial', sans-serif;
}


.alert h3 {
	text-transform: uppercase;
	font-family: "Open Sans", sans-serif;
	font-weight: bold;
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 10px;
}

.alert, .alert p, .alert h4, .alert li {
	font-family: "Open Sans", sans-serif;
}

.alert h4 {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
}

.slogan{

    font-size:15px;
	line-height:16px;
    font-style: italic;
    font-family: 'Lato-Regular', 'Open Sans';
    margin-right: 106px;
}

@media (max-width : 991px)  {
.slogan{
	display:none!important;
}
}



label, small {
	font-family: 'Open Sans', 'Arial', sans-serif;
	letter-spacing:0em !important;
}
/* @font-face { */
/*     font-family:isartaTIMES; */
/*     src: url("/design/fonts/times/isartaTIMES.eot"); */
/* } */

/* polices d'�criture pour d�tail de l'offre */
.offrDesc *{
	font-family: 'Open Sans', 'Lato', 'Arial', sans-serif!important;
	font-weight:400;
	font-size:15.4px;
	line-height:22px;
	letter-spacing:0.00em !important;
	margin-top: 0px;
	color: #111;
}

.texte-noir {
    color: black !important;
}

.offrDesc {
	margin-top: 7px;
}

@media (max-width:767px){
	.offrDesc *{
		font-size:15px;
		line-height:24px;
		margin-top: 6px;
		/*margin-right: -2px;*/
		color: #060606;
	}
}
.offrDesc strong, .offrDesc b, .offrDesc bold{
	font-weight:700;
	font-family: 'Open Sans', 'Arial', sans-serif!important;
	letter-spacing:0em !important;
}

@media only screen  
and (max-device-width : 767px){
	.lstBody18, .lstBody19, .lstBody20{
		font-size:15px!important;		
	}
}


.table>tbody>tr>td {
    padding: 6px;
}

.table>tbody+tbody{
    border-top: 1px solid #ddd!important;
}
	.myTd, .myTd2, .myTd:hover, .myTd2:hover{
		background-color:white!important;
}
	.EtoileFavori:hover{
		background-color:white!important;
		cursor:pointer;
}
}


.myTd {
	max-width:100px;                       
}

.myTd img{
	margin-top: -1px;                        
}

@media (min-width : 768px){
.myTd img{
	max-width:90px;   
	max-height:65px;                        
}
}

@media (max-width : 357px){
	.myTd img {    	
    	max-width:56px!important;   	
	}

	.lst table.table-hover {
	    margin-left: -4%;
	}	
	
}

@media (min-width : 358px) and (max-width : 767px) {
	.myTd img {    	
    	max-width:66px;   	
	}
}


@media only screen 
and (max-device-width :767px)
and (orientation : landscape){
	.myTd img {    	
    	max-width:69px!important;   	
	}
}

@media only screen 
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait){
	.myTd img {    	
    	max-width:86px!important;  	
	}
}


.table>tbody>tr>td.myTd{
	text-align: center; 
	vertical-align: middle;  
}

td.listing-des-offres a {
	text-decoration:none;
}


.listing-poste h2{
font-family: 'Open Sans', sans serif !important; 
color: #001d51; 
line-height:17px; 
margin-top:15px; 
margin-bottom:0px; 
font-weight:700;
font-size: 14px; 
text-transform: uppercase; 
letter-spacing: 0em; 
}

@media only screen                            /*Iphone6 et < */
and (max-device-width : 767px) 
and (orientation : portrait) {
.listing-poste h2{
color: #060606; 
font-size: 13px; 
letter-spacing:0em; 
margin-top:6px; 
margin-bottom:0px;
line-height:16px; 
}
}

.listing-compagnie h3{
font-family: 'Open Sans', sans serif !important; 
color:#222; 
margin-top:6px; 
margin-bottom:7px; 
font-size:15px; 
line-height:16px;
letter-spacing:0em; 
}

@media only screen                            /*Iphone6 et < */
and (max-device-width : 767px) 
and (orientation : portrait) {
.listing-compagnie h3{
/* font-size:16px;  */
margin-top:5px; 
margin-bottom:6px; 
}
}
	
.listing-lieu h4{
font-family: 'Open Sans', sans serif !important; 
color:#626469; 
margin-top:0px; 
margin-bottom:15px; 
font-size:14px; 
line-height:15px;	
letter-spacing:0em; 
}

@media only screen                            /*Iphone6 et < */
and (max-device-width : 767px) 
and (orientation : portrait) {
.listing-lieu h4{
font-size:14px; 
margin-top:0px; 
margin-bottom:6px;	
}
}

.lst .table>tbody>tr>td.EtoileFavori {
		text-align: center !important; 
		vertical-align: middle !important; 
		margin-left: 6px;
	}

.lst .table>tbody>tr>td.lstBody21 {
	font-size:12px; 
	font-weight:200;
	text-align: left; 
	vertical-align: middle; 
	padding-left:7px; 
	margin-right:7px; 
	margin-top:7px; 
	margin-bottom:7px;
	min-width:126px;
}


@media only screen 
and (max-device-width :1024px)
and (orientation : portrait){
.lst .table>tbody>tr>td.lstBody21{
	margin-right:16px !important;
	min-width:126px;
}
}

@media only screen 
and (max-device-width : 767px)
and (orientation : landscape){
.lst .table>tbody>tr>td.lstBody21{
	min-width:126px;
}
}

.lstBody18{ 
	color:#001d51;
	cursor:default;
}

.lstBody19{
	display:block;
	color:black;butto
}
.lstBody20{
	color:#66646e!important;
}


.affix-top img.logoAside{					/*Animation logo page d�tails de l'offre*/
	display:none;		
}


/* asside gauche detail de l'offre */
.ajustShare{
	margin-top:22px;
}
.offrCmpgn{
	color:#0e1123;
    font-weight:600;
    margin-bottom:0px;
/* 	margin-bottom:12px!important; */
/* 	letter-spacing: 0em !important; */
}
.offrCmpgn a, a:active {
	font-family: 'Open Sans', sans-serif!important;
	color:#0e1123;
	text-decoration:none;
}
.offrCmpgn a:hover {
	text-decoration:underline !important;
	color:#0e1123 !important;
}
h1.offrCmpgn{
	margin-top:3px;
	font-weight:700;
	font-family: 'Lato', 'Open Sans', sans-serif!important;
	line-height: 22px; 
	letter-spacing: 0em; 
	margin-right:15px; 
	margin-bottom:21px; 
	font-size: 23px; 
}

@media only screen                            /*Iphone6 et < */
and (max-device-width : 767px) 
and (orientation : portrait) {
h1.offrCmpgn{
color:#333;
font-size:18px; 
letter-spacing: -0.01em !important;
margin-top: 0px;
margin-bottom:21px; 
}
}

@media (min-width:768px) and (max-width:1199px){
h1.offrCmpgn{
	font-size: 19px;
	}	
}

.assideOffre2 h2{

margin-top: 11px; 
margin-right:14px; 
margin-bottom:16px; 

color:#001d51;
text-transform: uppercase;
font-size: 17px; 
line-height:20px; 
font-weight:700;
letter-spacing: -0.02em !important;
font-family: 'Open Sans', 'Arial', 'Lato-Regular';
}

@media only screen                            /*Iphone6 et < */
and (max-device-width : 767px) 
and (orientation : portrait) {
.assideOffre2 h2 {
font-size:15px; 
letter-spacing: -0.01em !important;
margin-bottom:21px; 

}
}


@media (min-width:768px) and (max-width:1199px){
.assideOffre2 h2{
	font-size: 16px;
	}	
}

@media (max-width:991px){
	.offrCmpgn {
    	margin-bottom:6px;
	}
}
.offreEmloi{
}

.assideOffre2 h3{
font-family: 'Lato', 'Open Sans', 'Arial', 'Lato-Regular';
font-size: 16px; 
line-height:18px; 
margin-right:15px; 
margin-bottom:22px; 
margin-top:0px;
letter-spacing: -0.01em !important;
color:#646464;
}

img.logoAside{
	position:absolute;
	left:-9000px;
	opacity:1!important;
	margin-left:200px;
    -webkit-animation: mymove 1.5s; /* Chrome, Safari, Opera */ 
    animation: mymove 1.5s;
}
.logoRelative{
	position:relative!important;
	left:0px!important;
	margin-bottom:30px;
}
@-webkit-keyframes mymove{
    0%   {opacity:0;}
    100% {opacity:1;}
}



/* Standard syntax */
@keyframes mymove{
   0%   {opacity:0;}
   100% {opacity:1;}
}
.empAfx20 .offrExpress{
	left:15px;
}


/***********************DEBOGAGE MENU ET ASSIDE Z_INDEX */
/*Les assides doivent passer en dessous du footer en mode tablette et les menus par dessus le footer en mode Tablettes et Mobiles*/
nav.tweakAside{
    -webkit-animation: shadowMove 2s; /* Chrome, Safari, Opera */ 
    animation: shadowMove 2s;	                                                             
}          
@-webkit-keyframes shadowMove{
    0% {z-index:-9999;}
    90% {z-index:-9999;}
    100% {z-index:0!important;}
}
	 
/* Standard syntax */
@keyframes shadowMove{
    0% {z-index:-9999;}
    90% {z-index:-9999;}
    100% {z-index:0!important;}
}                        
footer{
	margin-top:12px !important;
	z-index:0!important;
	position:relative!important;
}	
nav#menuNav ul.dropdown-menu{
	z-index:9999!important;
}
.emp.can nav#header{
	z-index:10000!important;
}   /* Fin tuning asside/affix/footer */

/* Width asside page detail de l'offre prioriser*/
@media (min-width:992px){
	.dtl .assideOffre2.debug{
		width:320px!important;
	}
	.dtl .affix .assideOffre2.debug{
		margin-top:50px;
	}
	.dtl .affix-top .assideOffre2.debug, .dtl .affix-bottom .assideOffre2.debug{
		margin-top:0px;
	}
}


/*detail de l'offre tablette '*/
@media (min-width:768px) and (max-width:1024px){
	.offrDesc *{
		font-size:15px;
	}	
}

@media (max-width:767px){
	.offrDesc *{
		font-size:16px !important;
	}	
}


@media(min-width:1200px){
	.dtl .col-lg-12.ajustDtl, .dtl .col-lg-8.unique{
		padding-left:0px;
		margin-left: -6px;
	}
	.dtl .unique .container-fluid{
		padding-left:0px;
	}
	.assideOffre2.offre2Ajst{
		padding-left:0px;
	}
}


/* large screen > 1200px */
@media (min-width:1200px){
	.dtl .col-lg-12.ajustDtl{
		width:100%;
	}
	.cLst.dtl .widthBttn2 button.empAfx21 {
    	width:38%;
	}
	.dtl .lienOffre4 {
    	margin-left: 2px;
	}
}


/* large screen > 1201px */
@media (min-width:1201px){
	.dtl .row .col-lg-4.unique2{
	 	width:31%;   
	}
}

@media only screen 
and (max-device-width :966px) 
and (orientation : portrait) { 
	.dtl .ajustDtl{
		padding-right:20px;
		padding-left:20px;
	}
}

@media only screen 
and (max-device-width :767px){ 
	.dtl .logoOffre {
    	margin-left:6px!important;
   }
   .dtl .padTop6.offrePale6{
   		line-height:14px!important;
   }
}

@media only screen 
and (max-device-width :767px) 
and (orientation : portrait) { 
	.logoOffre.thisOffre{
		margin-top:-2px;
		margin-right:-24px;
	}
	.unique .container-fluid {
    	padding-left: 0px;
	}
	.dtl .assideOffre2{
/* 		margin-left:-2px; */
margin-top: 5px;
	}
	.dtl .col-xs-12.ajustDtl{
		padding-left:16px;
		padding-right: 0px;
	}
}

.emploiConsulte{                                                         /* Titre de l'emplois consulte en affix */
		display:none;
}
.contientConsulte{
	display:none;
	position: fixed;    
	bottom:0px;
    width:100%;
	z-index:1000;
    height:28px;
    padding-top: 5px;
}
.dtl .contientConsulte{
	display:none;
}
@media only screen 
and (max-device-width : 1023px) 
and (orientation : portrait) { 
	.lst.cLst.dtl .affix .emploiConsulte{
		display:inline;
	}
	.lst.cLst.dtl .emploiConsulte{                                                         /* Titre de l'emplois detail de l'offre en affix */
		position:absolute;
	    text-align:center;
	    width: 106%;
	    margin:-6px auto 0 -22px;
	    padding:4px 6px 3px 6px;                                 /* decomenter pour ajouter une courbe a l'emploi afficher en affix*/
 		-webkit-box-shadow: 0px -4px 2px rgba(50, 50, 50, 0.70);
    	-moz-box-shadow: 0px -4px 2px rgba(50, 50, 50, 0.55);
	  	background: #fff;    	
	    /*background: linear-gradient(to bottom, rgba(0, 39, 123, 0.86) 0%, rgba(20, 77, 200, 0.85) 100%)!important;
	  	background: -moz-linear-gradient(top, rgba(0, 39, 123, 0.86), rgba(20, 77, 200, 0.85) 0% 100%)!important;
	  	background: -webkit-linear-gradient(top, rgba(0, 39, 123, 0.86), rgba(20, 77, 200, 0.85) 0% 100%)!important;
	  	background: linear-gradient(to bottom, rgba(0, 39, 123, 0.86) 0%, rgba(20, 77, 200, 0.85) 100%)!important;*/
  	    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5)!important;
    	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5)!important; 
	}
}

.emploiConsulte2{
	color:white;
	font-weight:600;
	font-size:11px;
	letter-spacing:0.06em;
	padding: 2px 11px 4px 11px;
}	

.customHide600A span, .customHide600A p{
		font-family: 'Open Sans', sans serif;
		line-height:16px!important;
		font-size: 13px;
		margin-top:0px;
		margin-bottom:0px;
		letter-spacing: 0em;
	}
	
@media (max-width :567px){ 	
   .customHide600A span, .customHide600A p{
		font-size: 12px !important;
	}
}	

.jumbotronEmplois {
	background-image:url('/design/images/img-grande-emploi-trnsp_1920x250.png')!important; 
/* 	background-image:url('/design/images/img-grande-admin-trnsp_1920.png')!important;  */
	background-repeat: no-repeat;
	background-position: center top;
	background-origin:border-box;
	background-size:auto;
	background-attachment: fixed;
	background-repeat:no-repeat;
	background-color:rgba(0, 29, 81, 1)!important;
	background-position-y: 15px;
/* 	background-position-x: -51px; */
}

/*detail de l'offre tablette '*/
@media (min-width:768px) and (max-width:1199px){
.jumbotronEmplois {
/* 	background-position-x: -406px; */
	}	
}

.jumbotronEmployeur {
	background-color: rgba(0, 29, 81, 1);
	background-image: url('/design/images/img-grande-employeur-trnsp_1920x250.png');
	background-position: center top;
	background-origin:border-box;
	background-size:auto;
	background-attachment: fixed;
	background-repeat:no-repeat;
	background-origin:border-box!important;
	background-size:auto!important;
	height:220px; 
	padding-top:60px;
	background-position-y: 5px;
/* 	background-position-x: -36px; */
}


.can .jumbotronEmployeur{
	background: rgba(0, 29, 81, 1) url('/design/images/img-grande-candidat-trnsp_1920x250.png') no-repeat fixed center top;
	height:220px; 
	padding-top:60px;
	background-position-y: -6px;
	background-position-x: -51px;
}

.personnalise.can .jumbotronEmployeur{
	height:220px; 
	padding-top:60px;
}


@media (max-width :767px){
	.can .jumbotronEmployeur{
	    height:150px;
	}
}

@media (max-width :767px){
	.nonconnecte .jumbotronEmployeur{
	    height:150px;
	}
}

@media (max-width :767px){
	.emp .jumbotronEmployeur{
    	padding-top: 50px;
	}
	
	.emp.can.nonconnecte .jumbotronEmployeur{
    	padding-top: 36px;
	}	
	
	.emp.cEmp.Emplconnected .jumbotronEmployeur{
    	padding-top: 45px;
	}		
	
}

@media only screen 
and (max-device-width : 767px) 
and (orientation : portrait){
.personnalise.can .jumbotronEmployeur{
	height:150px!important; 
	padding-top:45px!important;
}
} 

@media only screen 
and (max-device-width : 767px) 
and (orientation : landscape){
.personnalise.can .jumbotronEmployeur{
	height:150px!important; 
	padding-top:22px!important;
}
} 


@media (max-width:767px){ 
	.jumbotronEmplois {
	background-position-y: 0px;
	background-position-x: -1040px;
	background: 47%;
}
}

@media (min-width:768px){ 
.nonconnecte .jumbotronEmployeur {
	height:220px; 
	padding-top:60px;
}
}

@media (min-width:768px){ 
.candconnecte .jumbotronEmployeur {
	height:220px; 
	padding-top:60px;
}
}


@media (max-width :767px){
.candconnecte .jumbotronEmployeur{
	    height:150px;
	}
}


@media (max-width:767px){ 
.jumbotronEmployeur {
    background-position-y: -6px;
    background-position-x: -640px;
}
}


@media (max-width:767px){ 
.can .jumbotronEmployeur{
    background-position-y: -100px;
    background-position-x: -720px;
}
}


@media only screen 
and (max-device-width : 567px)
and (orientation : landscape){
	.bandeauEmp5 {
	    width: 76px!important;
	    height: 21px;
	    margin-left:-16px;
	}
}

@media (max-width :767px){
	.jumbotronEmployeur{
	    height:150px;
	}
	.espaceEmpl{
	    width:37px!important;
	    height:37px!important;
	}
}


/* employeurs iPhone 5 + 6/+ + HTC*/
@media only screen 
and (max-device-width : 767px) 
and (orientation : portrait) {
	.emp .jumbotronEmployeur {
    	padding-top: 27px!important;
	}

	.emp .espaceEmpl {
    	width: 42px!important;
    	height: 42px!important;
    	margin-top: 37px;
	}
	.emp #menuNav.navbar.affix{
    	margin-top: 0px!important;
	}
}


@media only screen 
and (max-device-width : 767px)
and (orientation : landscape){
	.emp .jumbotronEmployeur .BandeauCompany{
    	padding-top: 0px;
    	margin-top: 0px;
    	margin-bottom: 7px;
    	
	}
    	.emp .jumbotronEmployeur{
    	padding-top: 22px;
	}
	
	    	.emp.cEmp .jumbotronEmployeur{
    	padding-top: 64px;
	}
	
	
	.bandeauEmp {
	font-size: 13px;
	}
	
	    	.emp.can.nonconnecte .jumbotronEmployeur{
    	padding-top: 61px;
	}
	
}

/* bold menu principal */
#menuNAv li a{
	font-weight:300;
}
@media(max-width:767px){
	#menuNAv li a{
		font-weight:400;	
	}
}

@media (min-width:6px){
	.lst nav#menuNav .nav>li>a {
    	padding: 15px 4px!important;
	}
}


nav#menuNav .nav>li>a {
    	padding: 15px 12px;
	}

@media only screen 
and (max-device-width : 767px) 
and (orientation : landscape) {
	.lst nav#menuNav .nav>li>a {
    	padding: 15px 12px!important;
	}
}

@media only screen 
and (max-device-width : 567px) 
and (orientation : portrait) {
	nav#menuNav .nav>li>a {
    	padding-top: 7px !important;
    	padding-bottom: 7px !important;
    	padding-right: 8px !important;
    	padding-left: 8px !important;
/*     	line-height: 15px; */
	}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	.cEmp nav#menuNav .nav>li>a {
    	padding-top: 15px !important;
    	padding-bottom: 15px !important;
    	padding-right: 15px !important;
    	padding-left: 15px !important;
     	/*line-height: 15px; */
	}
}

/* Menu Nav */
#menuNav {
	border-color: transparent;
	box-shadow: 0 0 5px rgba(0,0,0,0);
	color: rgba(255, 255, 255, 1);
}

.emp #menuNav, .lst #menuNav{
	height:51px!important;
    /* 	margin-top: 10px; */
}

@media only screen 
and (max-device-width : 767px) 
and (orientation : landscape) {
.emp.can.nonconnecte #menuNav {
    margin-top: 7px;
}
}

.emp #menuNav {
	margin-top: 10px;
}


@media only screen 
and (max-device-width : 767px) 
and (orientation : portrait) {
.emp.Emplconnected #menuNav {
	margin-top: 0px !important;
}


.input40 input {
    width: 69% !important;
}

}

.emp #menuNav, .lst #menuNav{
    border-bottom: 1px solid rgba(0, 39, 123, 0.86) !important;
    background:#00277b!important;   /* #001D5C;   */
	background:-moz-linear-gradient(top, rgba(20, 77, 200, 0.8), rgba(0, 39, 123, 0.86) 0% 100%)!important;
	background:-webkit-linear-gradient(top, rgba(20, 77, 200, 0.8), rgba(0, 39, 123, 0.86) 0% 100%)!important;
	background:linear-gradient(to bottom, rgba(20, 77, 200, 0.8) 0%, rgba(0, 39, 123, 0.86) 100%)!important;
	color:white!important;
	-webkit-box-shadow:2px 2px 7px -1px rgba(0, 0, 0, 0.75)!important; 
	-moz-box-shadow:2px 2px 7px -1px rgba(0, 0, 0, 0.75)!important; 
	box-shadow:2px 2px 7px -1px rgba(0, 0, 0, 0.75)!important; 
}

#menuNav li>a:hover {
	color: rgba(255, 255, 255, 1);
	text-decoration:underline;
	background: rgba(0,51,153,0.65);
	background: -moz-linear-gradient(top, rgba(0,51,153,0.65) 0%, rgba(0,29,92,0.65) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,51,153,0.65)), color-stop(100%, rgba(0,29,92,0.65)));
	background: -webkit-linear-gradient(top, rgba(0,51,153,0.65) 0%, rgba(0,29,92,0.65) 100%);
	background: -o-linear-gradient(top, rgba(0,51,153,0.65) 0%, rgba(0,29,92,0.65) 100%);
	background: -ms-linear-gradient(top, rgba(0,51,153,0.65) 0%, rgba(0,29,92,0.65) 100%);
	background: linear-gradient(to bottom, rgba(0,51,153,0.65) 0%, rgba(0,29,92,0.65) 100%);
}
#menuNav li>a:active {
	font-family: 'Lato-Regular', 'Open Sans', 'Arial', sans-serif!important;
	color: rgba(255, 255, 255, 1);
	background-color: rgba(0,0,113,0.4);
}
#menuNav li>a.active {
	color: rgba(255, 255, 255, 1);
	background-color: rgba(0,0,113,0.4);
}
#menuNav li>a:hover.active {
	background: rgba(0,0,113,0.4)!important;
}


@media (min-width : 1024px) {
.isartTopNav ul.bleuPrincipal ul.dropdown-menu{
	margin-top: 2px;
}
}


@media (min-width:1200px){
	.monContenant2, .navCentrer2{
		width:1200px!important;
		margin:auto!important;
	}
	.emp .col-md-1.pushRow3{
		right:86px;
	}
}
@media (max-width:1200px){
	.monContenant2{
		width:92%!important;
		margin-left:3%!important;
		margin-right:4%!important;
	}
}

/* contenant page liste des offres */
@media(min-width:1200px){
	.lst .table td.lHeight{
		padding-left:0px!important;
	}
	.lst .table .lnHght{
		padding-left:5px!important;
	}
}
@media (min-width:768px) and (max-width: 1200px){
	.monContenant3{
	    width:94%!important;
	    margin-left:1%!important;
	    margin-right:4%!important;
	}
}

@media (max-width:768px){
	.monContenant3 {
	    width:90%!important;
	    margin-left:1%!important;
	    margin-right:3%!important;
	}
}

@media only screen 
and (max-device-width :767px)
and (orientation : portrait){
	.cLst .container-fluid .monContenant2 {
    	width:103%!important;
   }
	
	.maTable tbody td.col-lg-8.lHeight{
		padding-right:0px;
	}
}

@media only screen 
and (max-device-width :767px)
and (orientation : portrait){
	.cLst.dtl .container-fluid .monContenant2 {
    	width:98%!important;
   }
   

}

@media only screen
and (max-device-width : 567px)
and (orientation : portrait){ 
	.lst .container-fluid .monContenant2{
		width:100%!important;
		margin-left:0px!important;
		margin-right:0px!important;
	}
}


@media (max-width:567px){ 
	.largeur-listing {
		max-width:106%;
		width:106%;
	}		

	table.maTable{
		max-width:106%;
		width:106%;
	}
}


@media only screen 
and (max-device-width : 320px)
and (orientation : portrait){ 
	.largeur-listing {
		max-width:116%;
		width:116%;
		margin-left:-7%;
	}		
   }

@media only screen 
and (min-device-width : 321px)
and (max-device-width : 350px)
and (orientation : portrait){ 
	.largeur-listing {
		max-width:121%;
		width:121%;
		margin-left:-7%;
	}		

	table.maTable{
		max-width:121%;
		width:121%;
	}
	.lst table.table-hover{
		margin-left:-7%;
	}	
	
   }
   
@media only screen 
and (min-device-width : 351px)
and (max-device-width : 400px)
and (orientation : portrait){ 
	.largeur-listing {
		max-width:112%;
		width:112%;
		margin-left:-5%;
	}		

	table.maTable{
		max-width:118%;
		width:118%;
	}
	.lst table.table-hover{
		margin-left:-5%;
	}	
	
   }
   
@media only screen 
and (min-device-width : 401px)
and (max-device-width : 469px)
and (orientation : portrait){ 
	.largeur-listing {
		max-width:110%;
		width:110%;
		margin-left:-4%;
	}		
	
	table.maTable{
		max-width:115%;
		width:115%;
	}
	.lst table.table-hover{
		margin-left:-4%;
	}	
	
   }

   
@media (min-width:991px){                             /* elargissement des colonnes pour écran medium/large > 991px */
	.enlargeCol2{
		padding-left:0px!important;
	}
	.enlargeCol1, .noMargeLeft, .lstBody13{
		padding-right:0px!important;
	}
}


/* polices logo */
/* isarta pied de pages */
.footerIsarta{                                                           /*Style adaptatif voir section footer plus bas*/
	font-family: 'isartaTIMES', 'Times New Roman', 'Times', serif;
	color:rgba(20,77,200,1)!important; 
	font-size:39px;
	margin-left:13px;
}

/* isarta menu + aside */
.lstHeader29{
	font-weight:lighter !important; 
	font-size:1.3em;
}
.splashStyleIsarta{
	font-family:'isartaTIMES', 'Times New Romain', 'Times', serif !important;
	color:#ffffff; 
	font-weight:300;
    padding-left:6px;
    font-size:30px!important;
}

/* isarta caroussel */
.empCaroussel2{
	color:#ffbc00; 
	font-size: 24px;
    font-weight: 300!important;
}
.lstHeader29, .empCaroussel2{
	font-family: 'Times New Roman', 'isartaTIMES', 'Times', serif;
}

/* isarta employeurs*/
.empIsarta{
	font-family: 'isartaTIMES', sans-serif !important;
	font-weight:lighter !important; 
	font-size:1.3em;	
}


.sommairetop {

margin-left: -11px;
}

.sommairetop bolder, .sommairetop p {
	font-family: 'Open Sans';
	font-size: 12px;
	line-height: 2px;
	letter-spacing: 0.01em;
	margin-right: 6px;
	margin-left: 16px;
	margin-bottom: 16px;
	color:#696462;
}

.table-curved {
    border-collapse: separate;
}
.table-curved {
    border-radius: 0 0 0 25px;
    border-bottom:1px solid #e6e6e6;
    border-left:1px solid #e6e6e6;
    border-right:0px;
    border-top:0px;
    margin-left: -6px;
}

.table-curved td {
    border: 0px !important;
}


.navbar-brand.fixed-theme span.splashTime{
	-webkit-transition:font-size 0.4s!important; 
	transition:font-size 0.4s!important;
}
nav#menuNav ul.nav-justified ul.dropdown-menu{
	border-top:1px solid #00277b;
}
.myNone, .myNone2{
	display:none;	
}
.thisPad3{
	padding-right:5px!important;
}

/* Menu blanc + search bar */
.topNavA li a {
	font-family: 'Open Sans', 'Arial', sans-serif!important;
	letter-spacing: 0;
}

.topNavA li a:hover{
	/*font-family: 'Lato-Regular', 'Open Sans', 'Arial', sans-serif!important;*/
	font-family: 'Open Sans', 'Arial', sans-serif!important;
	letter-spacing: 0;
	background-color:transparent;
}

.topNavA .glyphicon-search{
	left:-12px;
}

.topControl{
    padding:0px 0px;
}
.form-control.topControl{
	color:#626469;
    width:121%;
    height:22px;
    margin-top:19px;
}
.lstBody9.topSearch{
    width:32px;
    height:23px;
    margin-top:18px;
    background-color:#ffbc00;
    border-color:transparent;
    box-shadow: 2px 2px 7px -1px rgba(0, 0, 0, 0.5)!important;
    -webkit-box-shadow: 2px 2px 7px -1px rgba(0, 0, 0, 0.5)!important; 
}
	.lstBody9.topSearch:hover{
	    background-color: #fbcc00!important;
	    border-color:transparent;
}
.searchEmp{                                        /* search employeur bleu */
    width:32px!important;
    height:23px!important;
    margin-top:18px!important;
    border-color:transparent!important;
}
nav .glyphicon.glyphicon-search.lstBody10{
	font-size:15px;
	margin: 11px 0 0 10px;	
}
ul.topNavA a, ul.topNavA li.myHeight50{
	top:11px;
}

.navbar-brand.thisLogo{
	margin-top:-3px;
}
.navbar-brand.thisLogo.fixed-theme{
	margin-top:-6px;
}

.splash .navbar-brand.thisLogo.fixed-theme{
	margin-top: 0px;
}

.col-lg-2.square2{
	width:15px;
}
#header-container .navbar-header{
/*     margin-right:13%; */
	-webkit-transition: margin-right 0.01s!important; 
	transition: margin-right 0.01s!important;    
}
#header-container.fixed-theme .navbar-header{
/*     margin-right:15.5%!important; */
	-webkit-transition: margin-right 0.01s!important; 
	transition: margin-right 0.01s!important;
}
nav#menuNav .nav-justified>.dropdown .dropdown-menu.newTop{
    top: 50px;
}
@media (min-width:992px) and (max-width:1199px){
	.square1 input, .square1 input::-webkit-input-placeholder{
	    font-size:12px!important;
	}
	.form-control.topControl {
	    width: 126%;
	}
}
@media (max-width:1000px){
	nav#menuNav .monContenant2 ul.nav .dropdown-menu>li>a{
		font-size:0.8em;
	}
}
@media(max-width:907px){
	nav#menuNav .dropdown-menu>li>a {
    	padding-top: 10px!important;
	}
}
@media (min-width:768px) and (max-width:991px){
	.padCompact{
		padding-right:11px;
	}
	#header-container .navbar-header{
/*     	margin-right:18%;   */
	}
	#header-container.fixed-theme .navbar-header{
/*     	margin-right:10%!important; */
	}
	.form-control.topControl{
    	width:160%;
	}
	.square1{
	    margin-right: 25px;
	}
	.square1 input,
	.square1 input::-webkit-input-placeholder{
	    font-size:11px!important;
	}
}

@media (max-width: 767px ){
	.isartTopNav ul.topNavA ul.dropdown-menu{
        left: -22px; 
    	margin-top: 6px; 
    	font-size: 13px;
/*     	top:30px; 	 */
	}
	
	 .isartTopNav ul.bleuPrincipal li.petiteRecherche ul.dropdown-menu {
    left: -86px !important;
    margin-top: 8px !important;
}

		.isartTopNav li.menuPlus ul.dropdown-menu{
        left: -86px; 
    	margin-top: 16px; 
/*     	top:30px; 	 */
	}
	
	.isartTopNav ul.bleuPrincipal ul.dropdown-menu {
    left: -20px;
/*     margin-top: 8px; */
}
	
}


@media only screen
and (max-device-width :767px)  
and (orientation : landscape){
	.isartTopNav ul.topNavA ul.dropdown-menu{
        left: -17px!important; 
    	margin-top: 16px; 
/*     	top:30px; 	 */
	}
	
		.isartTopNav li.petiteRecherche ul.dropdown-menu{
        left: -116px!important; 
    	margin-top: 20px; 
/*     	top:30px; 	 */
	}
	
}

@media only screen
and (max-device-width :767px)  
and (orientation : portrait){
	.isartTopNav ul.topNavA ul.dropdown-menu{
        left: -100px!important; 
    	margin-top: 16px; 
    	font-size: 13px;
/*     	top:30px; 	 */
	}
	
		.isartTopNav li.petiteRecherche ul.dropdown-menu{
        left: -86px!important; 
    	margin-top: 2px; 
/*     	top:30px; 	 */
	}
	
		.isartTopNav li.menuPlus ul.dropdown-menu{
        left: -86px!important; 
    	margin-top: 11px; 
/*     	top:30px; 	 */
	}
	
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  
and (orientation : landscape){ 
	.fGo{
		font-size:0.9em;
	}
}
@media(min-width:991px) and (max-width:1200px){
	.fGo{
		font-size: 12px;
	}
}
.lst.cLst .dropdown-menu.lstBody16{
	margin-top:6px;
}
@media(min-width:665px) and (max-width:767px){
	.square1 input,
	.square1 input::-webkit-input-placeholder{
	    font-size:11px!important;
	}
}
@media(min-width:600px) and (max-width:665px){
	.square1 input,
	.square1 input::-webkit-input-placeholder{
	    font-size:9px!important;
	}
}
@media(min-width:550px) and (max-width:600px){
	.square1 input,
	.square1 input::-webkit-input-placeholder{
	    font-size:8px!important;
	}
	.form-control.topControl{
    	height:16px;
    	margin-top:25px;
    	width: 147%;
   }
}
@media(max-width:767px){
	.isartTopNav ul.topNavA ul.dropdown-menu.ajustEmployeur{
		left:-56px!important;
	}
	.topMenuAjust a{
		top:3px!important;
	}
	.isartTopNav ul.topNavA .menuPlus ul.dropdown-menu {
	    left:-106px!important;
	    top:32px;
	}
	.menuPlus{
		margin-top:-2px;
	}
	.menuPlus ul{    
		left:-121px!important;
    	top:45px;
	}
}


@media (min-width:768px) {
/* .isartTopNav ul.dropdown-menu { */
    /* left: -7px; */
/* } */

}

@media (min-width:956px) and (max-width: 1199px) {
 .isartTopNav ul.bleuPrincipal li.petiteRecherche ul.dropdown-menu {
    left: -86px !important;
    margin-top: 18px !important;
}

}

@media (max-width: 955px) {
 .isartTopNav ul.bleuPrincipal li.petiteRecherche ul.dropdown-menu {
    left: -86px !important;
    margin-top: 8px !important;
}

}

@media only screen                            
and (max-device-width : 1199px) 
and (orientation : landscape) {
 .isartTopNav ul.bleuPrincipal li.petiteRecherche ul.dropdown-menu {
    left: -86px !important;
    margin-top: 3px !important;
}
}


@media only screen                            
and (max-device-width : 1199px) 
and (orientation : portrait) {
 .isartTopNav ul.bleuPrincipal li.petiteRecherche ul.dropdown-menu {
    left: -81px !important;
    margin-top: 2px !important;
}
}

@media(max-width:767px){
	.topNavA{
    margin: -50px 5px 0 0;
	}
}
@media only screen                            /*Iphone6 et < */
and (max-device-width : 767px) 
and (orientation : portrait) {
	.topNavA {
    	margin: -46px 3px 0 0;
	}
	.isartTopNav ul.topNavA .menuPlus ul.dropdown-menu {
    	left: -86px!important;
    	top: 32px;
	}
	.petiteRecherche ul.dropdown-menu input {
    	width: 186px!important;
	}
	.petiteRecherche ul.dropdown-menu {
		left: -76px!important;
    	width: 240px!important;
    	top: 40px !important;
	}
	.isartTopNav ul.topNavA ul.dropdown-menu {
/*     	left: -76px!important; */
/*     	top: 6px !important; */
	}
}


@media only screen   
and (min-device-width : 567px)                          /*Iphone6 et < */
and (max-device-width : 767px) 
and (orientation : landscape) {
	.topNavA{
		margin:-50px 20px 0 0;
		font-size:15px;
	}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* 	.isartTopNav ul.topNavA ul.dropdown-menu { */
/*     	top: 44px; */
/* 	} */
	.petiteRecherche ul.dropdown-menu {
    	top: 51px !important;
        left: -64px!important;
	}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	
	.petiteRecherche ul.dropdown-menu {
    	top: 51px !important;
        left: -64px!important;
	}
	
}
@media only screen 
and (max-device-width : 567px) 
and (orientation : portrait){
	nav#menuNav .monContenant2 ul.nav .dropdown-menu>li>a{
		font-size:0.65em;
	}
}
.menuRight{					/* alignement des 3 dernier onglets du menu a droite */
	right:0px;
}
@media (max-width:1000px){
	.menuRight2{
		right:0px;
	}
}
@media(min-width:1200px){
	.hideSearch{
		display:none!important;
	}
}
@media(max-width:550px){
	.fGo{
		font-size:13px;
	}
}
.nav-pills:visited, .nav-pills a:active, .nav-pills a:focus, .nav .open>a, .nav .open>a:focus{
	background-color:transparent!important;
}
.nav-pills .glyphicon.glyphicon-search{
	color:#ffbc00;
} 
.nav-pills .glyphicon.glyphicon-search:hover{
	color:white;
}
@media(max-width:500px){
	.none500{
		display:none;	
	}
}

/*test liste-des-offres-3*/
.squareBorder input{
    border:1px solid #ffbb00!important;
    border-radius:5px!important;
    padding-left:6px;
}
.form-control.topControl.test1{
	width:121%;
    height:23px;
    margin-top:18px;
}
.squareBorder input:focus{
    -webkit-animation: bordermove 0.8s infinite; /* Chrome, Safari, Opera */ 
    animation: bordermove 0.8s infinite;	
}

/* Standard syntax */
@keyframes bordermove{
    0% {border: 1px solid #ffbb00;}
    50% {border: 1px solid #fff1cc; box-shadow: 0 0 8px #E8980C;}
    100% {border: 1px solid #ffbb00;}
}
/* fin test liste des offres 3*/
@media(min-width:993px) and (max-width:1199px){
	.isartTopNav .glyphicon.glyphicon-search{
		background-color:#ffbc00;
	    color:white;
	    padding:5px 7px 5px 8px;
	    border-radius:5px;
	    float:right;
	    top:-3px;
	    margin-right:-1px;
	}

   /* searchEmp */
   .chercheEmp .searchLarge ul.dropdown-menu input {
    	margin-left: -6px;
	}
	.chercheEmp .searchLarge ul.dropdown-menu button.customSearch{
		top: -30px;
    	position: absolute;
    	left: 255px;
	}
}
@media(max-width:992px){
	a.thisPad5{
   		left:1px;
    	top: 23px!important;
    	background-color: #ffbc00;
    	border-radius: 5px;
    	padding: 1px 7px 0 7px!important;
    	color: white!important;
	}
	.hideSearch{
		display:none!important;
	}
}

/* Standard syntax */
@keyframes borderAnime {
    0%   {border-bottom:0px solid rgba(255,255,255,0.01);}
    100% {border-bottom:1px solid rgba(255,255,255,0.7); box-shadow: 0 0 5px #fff;}
}

@media(max-width:767px){
	.maxHeightNav{
		max-height:44px;
		min-height: 20px;
	}
	.isartTopNav li.myHeight50{
		line-height:45px;
	}	
	
.lst.cLst .navbar.lstHeader16.affix {
    top: 43px!important;
}
	
	.nav-pills>li>a:hover {
    	background-color:transparent!important;
	}
}
.searchStyle .glyphicon.glyphicon-search{
	background-color:#ffbc00!important;
	border-radius:5px;
	color:white!important;
	box-shadow:2px 2px 7px -1px rgba(0, 0, 0, 0.5)!important;
    -webkit-box-shadow:2px 2px 7px -1px rgba(0, 0, 0, 0.5)!important;
}
		.searchStyle .glyphicon.glyphicon-search:hover{
			background-color: orange!important;
	   	 	border-color: #d58512!important;	   		
}
.searchStyle2 .glyphicon.glyphicon-search, .searchGradient{
	background-color: rgba(20, 77, 200, 0.8)!important;
	border-color: rgba(0, 39, 123, 0.86)!important;
	border-radius: 5px;
	color:white!important;
	box-shadow: 2px 2px 7px -1px rgba(0, 0, 0, 0.5)!important;
    -webkit-box-shadow: 2px 2px 7px -1px rgba(0, 0, 0, 0.5)!important; 
}
		.searchGradient:hover, .searchStyle2 .glyphicon.glyphicon-search:hover{
			background-color: rgba(0, 39, 123, 0.86)!important;
	   	 	border-color: rgba(20, 77, 200, 0.8)!important;	 
	   	 	color:white!important;  		
}
.searchStyle ul.dropdown-menu, .searchStyle2 ul.dropdown-menu, .searchStyle3 ul.dropdown-menu{
	background: linear-gradient(to bottom, rgba(20, 77, 200, 0.9) 0%, rgba(0, 39, 123, 0.96) 100%);
}
.searchStyle ul.dropdown-menu input, .searchStyle2 ul.dropdown-menu input, .searchStyle3 ul.dropdown-menu input{
		background-color: rgba(255,255,255,0.8)!important;	
}
.searchStyle ul.dropdown-menu input:focus, .searchStyle3 ul.dropdown-menu input:focus{
    -webkit-animation: borderAnime 1s; /* Chrome, Safari, Opera */ 
	animation: borderAnime 1s;	
	border-bottom:1px solid rgba(255,255,255,0.7)!important;
	box-shadow: 0 0 5px #fff!important;
	background-color:transparent!important;
}
.searchStyle input[placeholder], .searchStyle [placeholder], .searchStyle *[placeholder], .searchStyle input,
.searchStyle3 input[placeholder], .searchStyle3 [placeholder], .searchStyle3 *[placeholder], .searchStyle3 input{
	color:black!important;
	background-color:rgba(255,255,255,0.8)!important;
}
.searchStyle ul.dropdown-menu input:focus, .searchStyle ul.dropdown-menu input:active, .searchStyle ul.dropdown-menu input,
.searchStyle3 ul.dropdown-menu input:focus, .searchStyle3 ul.dropdown-menu input:active, .searchStyle3 ul.dropdown-menu input{
		background-color: rgba(255,255,255,0.8)!important;
		color:rgba(0,0,0,1)!important;
}
.petiteRecherche .glyphicon.glyphicon-search{    
    padding:5px;
    left:-5px;
    top: -1px;
    font-size: 10px;
}


}

.isartTopNav .nav>li>a {
   	padding: 14px 10px 10px 10px;
}

.searchStyle ul.dropdown-menu input:focus,
.searchStyle3 ul.dropdown-menu input:focus{
    -webkit-animation: borderAnime 1s; /* Chrome, Safari, Opera */ 
   	animation: borderAnime 1s;	
	border-bottom:1px solid rgba(255,255,255,0.7)!important;
	box-shadow: 0 0 5px #fff!important;
}
	.petiteRecherche ul.dropdown-menu input:hover{
			cursor:pointer;
}
.petiteRecherche ul.dropdown-menu .square2 .btn-lg{
	font-size:13px;
    width: 36px;
    height: 24px;
    margin-top:2px;
    margin-left:-10px;
}
.petiteRecherche .form-inline{
    margin:6px 0;   	 
}
@media(min-width:768px) {
	.isartTopNav .nav>li>a {
    	padding: 13px 4px 10px 10px;
	}
	.searchStyle ul.dropdown-menu input:focus,
	.searchStyle3 ul.dropdown-menu input:focus{
	    -webkit-animation: borderAnime 1s; /* Chrome, Safari, Opera */ 
    	animation: borderAnime 1s;	
		border-bottom:1px solid rgba(255,255,255,0.7)!important;
		box-shadow: 0 0 5px #fff!important;
	}
}


.splash.splash2.lst.cLst .nav>li>a {
    padding: 13px 4px 2px 10px;
}

.splash.splash2.lst.cLst ul.dropdown-menu {
    margin-top: 11px;
}

/* search smaller */
@media(min-width:768px){
	.navbar-brand.thisLogo{
	    line-height:24px;
	}
}
@media only screen 
and (max-device-width : 767px){
	a.navbar-brand.thisLogo.fixed-theme span{
		font-size:25px!important;
	}
}
@media(max-width:768px){
	.heightAnime{
		height:100px;
	}
   .ajustEN a{
		top: 4px;
	}
}

@media only screen 
and (max-device-width : 767px)
and (orientation : landscape ) {
	a.navbar-brand.thisLogo.fixed-theme span{
		font-size:26px!important;
	}
}


@media(min-width:359px) and (max-width:767px){    /* SEARCH + MENU BLANC < 767px */
	nav .isartTopNav .topMenu{
/* 		margin-right:2%; */
	}
	.isartTopNav .nav>li>a {
    	padding: 8px 4px 0px 4px;
	}
}
@media(max-width:358px){                              /*SEARCH + MENU BLANC < 370PX */
	.maxHeightNav .nav>li>a {
    	font-size: 11px!important;
	}
	ul.topNavA a{
    	top: 12px;
	}
	.petiteRecherche .glyphicon.glyphicon-search {
    	padding: 4px;
    	left: 3px;
    	top: -3px;
    	margin-right: 6px;
    	margin-left: 6px;
	}
	.menuPlus{
		margin:-3px 0 0 5px;
	}
	.isartTopNav .nav>li>a {
    	padding: 14px 0px 10px 0px;
	}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  
and (orientation : portrait){ 
	.navbar-brand.thisLogo .splashTime{
		top:19px;
	}
	.searchSmall ul.dropdown-menu {
    	left: -106px!important;
    	top:47px;
	}
}
@media only screen 
/* and (min-device-width : 320px)  */
and (max-device-width : 767px) 
and (orientation : landscape) {
.isartTopNav ul.bleuPrincipal li.petiteRecherche ul.dropdown-menu {
    left: -86px !important;
    margin-top: 22px !important;
}
	
ul.topNavA a  {
    top: 15px;
}	
}

@media only screen 
and (max-device-width: 567px) 
and (orientation: portrait){
	nav .isartTopNav .topMenu {
    	margin-right: -8%!important;
	}
}

@media only screen 
and (max-device-width : 567px) 
and (orientation : portrait) {
	.padCell{
		padding-right:3px;
	}
}

@media only screen 
and (max-device-width : 767px)
and (orientation : landscape){
	nav#menuNav .monContenant2 ul.nav .dropdown-menu>li>a{
		font-size:1em!important;
	}
}
@media only screen 
and (max-device-width : 767px) 
and (orientation : portrait) {
	nav#menuNav .monContenant2 ul.nav .dropdown-menu>li>a{
		font-size:0.8em!important;
	}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	nav#menuNav .monContenant2 ul.nav .dropdown-menu>li>a{
		font-size:1.03em!important;
	}
}

/*more*/
button{
	outline:none!important;
}
a.splashAlloffre{
	-webkit-transition: color 0.4s!important; 
	transition: color 0.4s!important;
}
	a.splashAlloffre:hover{
		color:#ec971f!important;
		-webkit-transition: color 0.4s!important; 
		transition: color 0.4s!important;
}
.circle40{
	border-radius: 20px;
	color: white;
	line-height: 40px;
	width: 40px;
	height: 40px;
	background-color: rgba(0, 29, 81, 1);
	border-radius: 20px;
}
@media(min-width:1200px){
	.circle40.lstHeader4 .glyphicon, .circle40.lstHeader12 .glyphicon{
		left:-2px;
	}
	.lstHeader13 {
    	font-size: 18px!important;
	}
}
@media(max-width:1199px){
	.lstHeader1 .circle40.lstHeader4 .glyphicon{
		font-size: 17px;
       	left: -3px;
   		top: -4px;
	}
	.lstHeader1 .circle40.lstHeader12 .glyphicon{
		font-size:16px;
       	left:-3px;
   		top:-5px;
	}
	.lstHeader1	.circle40{
    	width:35px;
    	height:35px;
	}
}

@media only screen 
and (max-device-width : 767px) 
and (orientation : landscape) { 
	.lstHeader1	.circle40{
    	width:28px;
    	height:28px;
	}
}

.circle40.lstHeader4 .glyphicon, .circle40.lstHeader12 .glyphicon{
	top:-1px;
}
.circle40.lstHeader4, .circle40.lstHeader12{                                         /* Subtile halo autours des icones headers emplois*/
	border: 2px solid rgba(255,255,255, 0.05);
}
.circle65{
	width: 65px;
	height: 65px;
	border-radius: 32.5px;
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	background: transparent;
	border: 2px solid #ffbc00;
	color: rgba(39,249,0,1);
}
.dropdown-menu-center{
	background-color: rgba(255,255,255,0.90);
	border: 1px solid #cccccc;
}
.ellipsis{
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.splash ::-webkit-input-placeholder{
   font-weight:200;
   font-size:14px;
   font-style:italic;
   text-indent: 2px!important;
	display:none!important;
}
.splash :-moz-placeholder{ /* Firefox 18- */
   font-weight:200;
   font-size:14px;
   font-style:italic;
   text-indent: 2px!important;  
	display:none!important;	
}
.splash ::-moz-placeholder{  /* Firefox 19+ */
   font-weight:200;
   font-size:14px;
   font-style:italic;
   text-indent: 2px!important; 
	display:none!important;
}
.splash :-ms-input-placeholder{  
   font-weight:200;
   font-size:14px;
   font-style:italic;
   text-indent: 2px!important;  
   display:none!important;
}
.scrolltop{
  position: fixed;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 20px;
  display: inline-block;
  font-family: 'Sans-serif';
  padding-top:8px;
  text-align: center;
  text-decoration: none;
  background-color: rgba(0,29,92,1);
  color: rgba(255,255,255,1);
  -moz-box-shadow: 0px 0px 3px 2px #ffffff;
  -webkit-box-shadow: 0px 0px 3px 2px #ffffff;
  box-shadow: 0px 0px 3px 2px #ffffff;
  visibility: hidden;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity:0.3;
}

@media (min-width:1200px){
.scrolltop{
  right:56px;
  bottom:62px;
  width: 40px;
  height: 40px;
  font-size: 1.7em;
}
}

@media (min-width:768px) and (max-width:1199px){
.scrolltop{
  right:26px;
  bottom:27px;
  width: 36px;
  height: 36px;
  font-size: 1.5em;
}
}

@media (max-width:767px){
.scrolltop{
  right:16px;
  bottom:16px;	
  width: 32px;
  height: 32px;
  font-size: 1.2em;
}
}

.scrolltop:visited{
  color: white;
  text-decoration:none;
}
.scrolltop:hover{
  text-decoration:none;
  opacity:1;
}
.scrolltop:focus{
  text-decoration:none;
  opacity:0.3;
}
.scrolltop.active{
  visibility:visible;
}


/************************************************************** SPLASH */
a.scrolltop{
	z-index:10000;
}
@media (min-width:700px){
	.splashBody{
		max-width:100%!important; 
		max-height:100%!important;
	}
}
.splash .jumbotronSplash{
	padding-top:7px;
	margin-bottom: 16px;
}
.tableSplash td{
	border:none!important;	
}
.tableSplash tbody{
    border:none!important;
}
.lst .tableSplash table{
    margin-bottom: 10px;
}

.splash .navbar-container{
	padding:20px 0 20px 0;
}
.splash .navbar.navbar-fixed-top.fixed-theme{
	background-color:white;
	border-color:white;
	box-shadow:0 0 5px rgba(0,0,0,.5);
	width:100%!important;
}
.splash .navbar-brand.fixed-theme{
	font-size:24px;
	margin-top:0;
}
ul.lstHeader31{
	width:auto;
}
.splash .navbar-container.fixed-theme,
.lst .navbar-container.fixed-theme{
	padding:0;
}

@media (max-width : 767px)  {
  .navbar-container.fixed-theme{
    margin-top: 3px;
}
}


.navbar-brand.fixed-theme, .navbar-container.fixed-theme, .navbar.navbar-fixed-top.fixed-theme, .navbar-brand, .navbar-container{
	transition:0.5s;
	-webkit-transition:0.5s;
}
input.transparent-input{
	background-color:transparent!important;
	border:none!important;
	color:white;
	height:40px;
	-webkit-flex:1;
}
.topMenu {
	float:right;
    margin-top:-42px;
}
.underline-transparent{
	border:0px solid #ffffff;
	border-bottom-width:1px;
	background-color:transparent;
}
.splashContainer{
	max-width:1200px;
	margin:auto;
}

.splash .splashTime{
/*  margin-right: 69px; */
 margin-left: 25px;
 padding-right: 69px;
}

.splashSpan{
	color:#001d51;
}
.myHeight50{
	line-height:48px;
}
.jumbotronSplash {
	background-image: url(/design/images/img-Bandeau-Splash_1920x700_cut3.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-origin: border-box;
	background-attachment: fixed;
	background-color: white;
}
.jumbotron{
	background-color:white!important;
}
.containerSplash{
	margin:70px 0 0 0; 
	padding-top:0; 
	padding-bottom:0;
}

.containerSplash div img{
    margin: 6px 0 0 0px;
}

@media(min-width:1200px){
	.splashSection, .folderOpen7{ 
		float:right; 		
	}
}
@media(max-width:992px){
	.splashSection{
		margin:20px 0 0 0!important;
		margin-top
	}
}
@media(max-width:600px){
	.folderOpen7 {
    	margin-right: 0px!important;
	}
}
@media(max-width:506px){
	.folderOpen7 {
    	margin-top:10px!important;
	}
}
.splashSection{
	display:inline-block;
	margin:0 20px;
}
.folderOpen7{
	display:inline-block; 
	margin-right:50px;
}
.circleLeft{
	float:left;
}
.folderOpen1{
	font-size:1.4em; 
	margin-left:9px;
}
.folderOpen2{
	display:inline-block; 
	float:left;
	margin-left:12px;
}
.folderOpen3{
	color:rgba(255,255,255,1); 
	padding: 3px 5px;
}
.folderOpen4{
	font-size:16px; 
	font-weight:400;
}
.folderOpen5{
	color:rgba(255,255,255,1); 
	margin: 12px 0; 
	padding: 1px 5px;
}
.colorA1 a{
	font-size:16px; 
	color:rgba(0, 29, 81, 1);	
}
.f400{
	font-weight:400;
}
.f500{
	font-weight:500;
}
.folderOpen6{
	color:rgba(255,255,255,1); 
	margin: 12px 0; 
	padding: 3px 5px;
}
.folderOpen8{
	display:inline-block!important; 
	float:left!important;
}
.folderOpen9{
	font-size:1.5em!important; 
	margin-left:9.5px!important;
}

/************************************************************************ Section index.html Portail Isarta*/
/* rotate css */
/* entire container, keeps perspective */                                                                       /* CSS FliP creer fichier externe*/
.flip-container {
	perspective: 1000px;
				font-family: 'Open Sans', sans serif;
}
/* flip the pane when hovered */
@media(min-width:1200px){                                                 /*flp box > 1200px seulement*/
	.flip-container:hover .flipper, .flip-container.hover .flipper, .flip-container:active .flipper,  
	.flip-container:active .flipper {
	color:#001d51;
	background-color:#fff;
				font-family: 'Open Sans', sans serif;
	}
}
.flip-container, .front, .back,  .frontLast, .backLast{
	width:150px;
	height:150px;
}
@media(min-width:601px) and (max-width:768px){
	.flip-container, .front, .back,  .frontLast, .backLast {
		width:130px;
		height:130px;
	}
}
@media(min-width:451px) and  (max-width:600px){
	.flip-container, .front, .back,  .frontLast, .backLast {
		width:110px;
		height:110px;
	}
}
@media(min-width:371px) and (max-width:450px){
	.flip-container, .front, .back,  .frontLast, .backLast {
		width:85px;
		height:85px;
	}
}
@media(max-width:370px){
	.flip-container, .front, .back,  .frontLast, .backLast {
		width:70px;
		height:70px;
	}
}
.flipper .front, .flipper .back, .flipper .frontLast, .flipper .backLast{
	text-align:center;
	border-radius:100px;	
}
.flipper .front, .flipper .frontLast{
	font-size:20px;
	background-color:#001d51;
}
.flipper .back, .flipper .backLast{
	background-color:#fff;
	padding:20px;
	border:2px solid #ffbc00;;
}
.flipper .back p, .flipper .back a,
.flipper .backLast p, .flipper .backLast a{
	color:#001d51;
	font-size:13px!important;
	font-weight:bolder;
				font-family: 'Open Sans', sans serif;
}
	.flipper .back a:hover, .flipper .backLast a:hover, .flipper .backLast a:active, .flipper .backLast a:focus{
		text-decoration:none;
				font-family: 'Open Sans', sans serif;

}
.flipper a, .flipper a:hover, .flipper a:focus, .flipper a:active{
	color:white;
				font-family: 'Open Sans', sans serif;	

}

/* flip speed goes here */
.flipper{
	transition: 0.6s;
	transform-style: preserve-3d;
	position: relative;
}
/* hide back of pane during swap */
.front, .back, .frontLast, .backLast{
	backface-visibility: hidden;
	position: absolute;
	top:0;
	left:0;
}
/* front pane, placed above back */
.front, .frontLast{
	z-index: 2;
	transform: rotateY(0deg);
}
.front1, .front2, .frontLast{
	border:2px solid #fff;
}
.front3{
	border:2px solid rgba(255, 188, 0, 1);
}
.frontLast, .backLast{
	box-shadow: 1px 0px 64px #fff;
}
/* back, initially hidden pane */
.back, .backLast{
	transform: rotateY(180deg);
}
.marginFlip3{
	margin-top:42px!important;
}
.marginFlip4{
	margin-top:54px!important;
}
@media(max-width:768px){
	.index6 #carousel-bounding-box {
	    margin: 45px 0 32px 0!important;
	}
}
@media(min-width:600px) and (max-width:768px){
	.marginFlip3{
		margin-top:36px!important;
	}
	.marginFlip4{
		margin-top:50px!important;
	}
	.flipper .back p, .flipper .backLast p{
		font-size:10px!important;
	}
}
@media(min-width:451px) and (max-width:600px){
	.marginFlip3{
		margin-top:25px!important;
	}
	.marginFlip4{
		margin-top:37px!important;
	}
	.flipper .back p, .flipper .backLast p{
		font-size:9px!important;
	}
}
@media(min-width:371px) and (max-width:450px){
	.marginFlip3{
		margin-top:23px!important;
	}
	.marginFlip4{
		margin-top:32px!important;
	}
	.flipper .back p, .flipper .backLast p{
		font-size:6px!important;
	}
}
@media(max-width:370px){
	.marginFlip3 {
    	margin-top: 19px!important;
	}
	.marginFlip4{
		margin-top:26px!important;
	}
	.flipper .back p, .flipper .backLast p{
		font-size:5px!important;
	}
}
@media(min-width:600px){
	.marginFlip5{
		margin-top:3px;
	}
	.marginFlip6{
		margin-top:6px;
	}	
}
@media(min-width:371px) and (max-width:599px){
	.marginFlip5{
		margin-top:0px;
	}
	.marginFlip6{
		margin-top:0px;
	}	
}
@media(max-width:370px){
	.marginFlip5{
		margin-top:-15px;
	}
	.marginFlip6{
		margin-top:0px;
	}	
}
@media(min-width:451px) and (max-width:768px){
	.flipper .front, .flipper .frontLast {
    	font-size:17px;
	}
}
@media(min-width:371px) and (max-width:450px){
	.flipper .front, .flipper .frontLast {
    	font-size: 11px;
	}
}
@media(max-width:370px){
	.flipper .front, .flipper .frontLast {
    	font-size: 10px;
	}
}

.flipper .frontLast

/*fin css flip */

@media(min-width:1200px){
	.index1{
	    margin: 7px 0 0 65px;
	}
}
.splash2 .isartTopNav ul li a:hover{
	background-color:white;
}
.index2{
	margin-top:30px;
}
.splash2 .jumbotron{
	padding-bottom:76px;
}
.splash2 .container-fluid.navCentrer2{
	padding:9px 0;
}
.splash2 .container-fluid.navCentrer2.fixed-theme{
	padding:0px;
}
@media(max-width:992px){
	.index2{
		margin:0;
	}
	.index3{
		margin-bottom:20px;
	}
}
@media(min-width:769px) and (max-width:992px){
.sectionCara4 {
	    line-height: 2em!important;
	}
}
@media(max-width:768px){
	.splashCaroussel2 {
		max-height: 294px!important;
	}
	.sectionCara4 {
	    line-height: 1.2em!important;
	}
	.splash2 .container-fluid.navCentrer2 {
    	padding: 0px;
	}
	.splash2 span.splashTime{
		margin-left:0px;
	}
	.splash2.lst .circle40 {
    	width: 35px;
    	height: 35px;
	}
	.splash2 .containerSplash .glyphicon{
		top: 0px;
    	left: -2px;
	}
	.splash2 #rss_infos .carousel-image{
		height:150px;
	}
}

@media only screen 
and (max-device-width : 767px)
and (orientation : landscape){
	.splash2 .topNavA{
    	margin:-48px 21px 0 0;
	}
}
@media(max-width:400px){
	.splashStyleIsarta {
    	font-size:22px!important;
	}
	.splashFormation2{
    	font-size:11px!important;
	}
}
.splashBody .lstBody19 {
    line-height: 1.4em;
}
.inputSplash2{
	color:rgba(255,255,255,1.00)!important; 
	padding: 35px 0 30px 0!important; 
	display:block!important;
}
.inputSplash3{
	font-size: 28px!important;
	color: rgba(255, 255, 255, 1)!important;
	letter-spacing:0.03em!important;
	padding-left:0!important;
	margin-bottom:25px!important;
}
.inputSplash4{
	padding:0!important; 
	border-bottom:1px solid white!important; 
	margin-right:25px!important;
}
.inputSplash5{
	background-color:transparent!important; 
	border:0!important; 
	width:100%!important; 
	color:white!important; 
	height:40px!important; 
	padding:5px!important; 
	font-size:14px!important; 
}
.maCol1 .glyphicon{
    top: -3px;
    left: -5px;
}
.inputCat{
	padding:0; 
	border-bottom:1px solid white; 
	margin-right:25px;
}
.font12{
	font-family: 'Lato-Regular', 'Open Sans', 'Arial', sans-serif!important;
	font-size:12px;
}
.inputCat2{
	background-color:transparent !important; 
	border:0!important; 
	width:100%!important; 
	color:white!important; 
	height:40px!important; 
	padding:5px!important; 
	font-size:14px!important;
}
.min30{
	min-height:30px;
}
.splashAllcat{
	min-height:30px; 
	padding-bottom:5px;	
}
.inputCat3{
	background-color:transparent!important; 
	border:0!important; 
	width:100%!important; 
	color:white!important; 
	height:40px!important; 
	padding:5px!important; 
	border-style:solid!important;
}
.buttonInputSplash{
	display:inline-block; 
	background:#ffbc00; 
	margin:0; 
	height:40px; 
	width:100%; 
	padding:0;
}
.buttonInputSplash2{
	margin:4px 10px 0 10px;	
}
.splashAlloffre{
	font-size:14px; 
	font-weight:400; 
	color:#FFBC00!important; 
	text-decoration:underline!important;
}
.splashOffre{
	padding-top:30px!important; 
	padding-left:0;
}
.splashBulle{
	position:absolute; 
    top:88px;
    left:79px; 
	background:-moz-linear-gradient(76.28% 76.28% 135deg,rgba(255, 255, 255, 1) 1.53%,rgba(245, 245, 246, 0.48) 68.75%,rgba(235, 236, 237, 0) 100%);
 	background: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 1) 1.53%, rgba(245, 245, 246, 0.48) 68.75%, rgba(235, 236, 237, 0) 100%);
 	background: -webkit-gradient(linear,76.28% 76.28% ,-12.35% -12.35% ,color-stop(0.0153,rgba(255, 255, 255, 1) ),color-stop(0.6875,rgba(245, 245, 246, 0.48) ),color-stop(1,rgba(235, 236, 237, 0) ));
 	background: -o-linear-gradient(135deg, rgba(255, 255, 255, 1) 1.53%, rgba(245, 245, 246, 0.48) 68.75%, rgba(235, 236, 237, 0) 100%);
 	background: -ms-linear-gradient(135deg, rgba(255, 255, 255, 1) 1.53%, rgba(245, 245, 246, 0.48) 68.75%, rgba(235, 236, 237, 0) 100%);
 	-ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EBECED' ,GradientType=0)';
 	background: linear-gradient(-45deg, rgba(255, 255, 255, 1) 1.53%, rgba(245, 245, 246, 0.48) 68.75%, rgba(235, 236, 237, 0) 100%);
 	width:140px; 
 	height:140px; 
 	border-radius:70px; 
 	text-align:center; 
 	align-content:center; 
 	align-items:center;
}
@media(min-width:768px) and (max-width:1200px){
	.splashBulle {
	    position: relative;
    	margin-top: -77px;
    	float: right;
    	margin-right: 15%;
	}
	.inputSplash1{
	    min-height: 309px;
	}
}
@media(max-width:1200px){
	.index4{
		margin-top:300px;	
	}
}
@media(max-width:767px){
	.splashBulle {
		position: relative;
    	margin-right:20%;	
	    top: -2px;
    	left: 116px;
	}
	.paraBulle{
		padding-top:22px;
	}
}
.paraBulle{
	color:rgba(0, 29, 81, 1); 
	text-align:center; 
	font-weight:bolder; 
	font-size:14px; 
	width:auto; 
	margin-top:26px; 
	font-family:'Lato-Condensed',  'Arial', 'Verdana', sans-serif; 
	font-weight:600; 
	letter-spacing:0.01em;
}
.countEmployments2{
	font-size:38px;
	line-height:1.0em; 
	align-content:center; 
	margin-top:10px!important;
}
.countEmployments3{    
    font-size: 18px!important;
    line-height: 29px!important;
    align-content: center;
    margin-top: -19px;
    padding-top: 0px;
    font-weight: 600!important;
}
.pad30{
	padding:30px 0;
}
.splashText1{
	max-height:140px; 
	overflow:hidden; 
	text-overflow:ellipsis !important;
}
.splashText2{
	font-size:17px; 
	font-weight:200; 
	margin-right:15px; 
	text-overflow:ellipsis;
}
.splashCercles{
	display:inline-block!important; 
	margin-left:40px!important;
	width:150px!important; 
	height:150px!important; 
	float:left!important;
}
.splashDemo{
	display:inline-block!important; 
	margin-left:16px!important;
	width:120px!important; 
	height:150px!important; 
/* 	float:center!important; */
}
.splashDemoSlogan{
	display:inline-block!important; 
	margin-left:25px!important;
	margin-right:25px!important;
	width:260px!important; 
	height:40px!important; 
/* 	float:middle!important; */
}
.splashCercles2{
	background-color:rgba(0, 29, 81, 1); 
	border-radius:75px; 
	display:block; 
	color:#ffffff; 
	height:140px; 
	width:140px;
}

@media(max-width:768px){
.splashCercles2{
	margin-top:30px;
}
}

.splashCercles3{
	color:#ffffff; 
	text-align:center; 
	font-weight:bolder; 
	font-size:37px!important; 
	width:auto; 
	padding-top:36px; 
	font-family:'Lato',  'Arial', 'Verdana', sans-serif; 
	font-weight:400; letter-spacing:0em; 
	font-size:38px; 
	align-content:center; 
	line-height:0.83em;
}
.circleStyle1{
	font-weight:600!important;
	padding-right:18px;
}
.circleStyle2{
	font-size:18px;
	line-height:0.2em!important; 
	font-weight:bold;
}
.circleStyle3{
	font-size:14px; 
	line-height:0.2em!important;
}
.splashCercles4{
	color:#ffffff; 
	text-align:center; 
	font-weight:bolder; 
	font-size:37px; 
	width:auto; 
	padding-top:36px; 
	font-family:'Lato-Condensed',  'Arial', 'Verdana', sans-serif; 
	font-weight:400; 
	letter-spacing:0.01em; 
	align-content:center; 
	line-height:0.83em;
}
.splashCercles5{
	font-weight:600;
}

/* splash formation */
.titreFormation{
	margin: 40px 0;
    padding: 0;
    font-size: 28px;
    font-weight: 500;
}
.splashCaroussel1{
	margin:0px 20px!important;
}
.splashCaroussel2{
	height:380px; 
	text-decoration:none!important; 
	max-height:260px;
}
.splashCaroussel2 p{
	font-size:20px;
}
span.sectionCara3{
	font-size:19px;
}
.sectionCara1{
	color:#ffffff; 
	text-align:center;
}
.sectionCara2{
	color:#FFBC00; 
	line-height:1.7em;
}
.sectionCara3{
	text-decoration:none!important; 
	font-size: 14px; 
	font-weight:300; 
	color:#ffffff;
}
.splash div#carousel1 .carousel-indicators li{
	font-size:30px!important;
}
	.splash div#carousel1 .carousel-indicators li:hover{
		background-color:#FFBC00;
}
	.splash div#carousel1 .carousel-indicators li.active:hover{
		background-color:white;
		cursor:default;
}
.sectionCara4{
	color:#ffffff; 
	text-decoration:none!important; 
	font-size:22px; 
	font-weight:400; 
	line-height:3.7em;
	-webkit-transition: color 0.4s!important; 
	transition: color 0.4s!important;	
}
	a.sectionCara4:hover{
		color: #FFBC00;
		-webkit-transition: color 0.4s!important; 
		transition: color 0.4s!important;	
}
.splashFormation{
	margin-top:20px; 
	margin-bottom:40px; 
	padding-left: 10px;
}
.splashFormation2, .splashInfo2{
	font-size:14px; 
	font-weight:400; 
	color:#FFBC00!important; 
	text-decoration:none!important;
}
		a.splashStyleIsarta:hover{
			color:#ec971f!important;
}
		a.splashInfo2:hover, .splashInfo3:hover{
			color:#ec971f!important;
}
		a.splashStyleIsarta:hover{
			cursor:pointer;
}
.aLaUne{
	margin: 40px 0 -3px 25px!important; 
	padding: 0; 
    font-size: 28px;
    font-weight: 600;
}
.splashAjour{
	font-size:12px; 
	font-weight:400; 
	color:#00277b;
}
.splashAjour2{
	font-weight:300; 
	color:#b3b3b3;
}
.splashInfo{
	margin-bottom:16px; 
	padding-left: 10px;
}
.splashInfo2{
	font-size:17px; 
	font-weight:400; 
	color:#FFBC00!important; 
	text-decoration:none!important;
}

/* splash info */
/* caroussel info section splash */
.splash2 #carousel_infos a{
	color:rgb(0, 29, 81);
    font-size:32px;
}
.index6{
    margin-top: 85px;
}
.index7{
	min-height:200px ;
}
@media(max-width:768px){
	.index8{
		margin-top:20px;
	}	
}
.index9 .splashStyleIsarta{
	font-weight:400;
}

/* Section info page de garde */
.splash2 .btn-lg.lstBody9.topSearch{
    padding: 10px 12px;
}
.sectionInfos .index5 img {
    width:70%;
}
.sectionInfos .index6 h5{
	margin-top:0px;
}
@media(max-width:1200px){
	.splash2 .splashInfo{
    	margin-top:-40px;
	}
}
@media(min-width:992px) and (max-width:1200px) {
	.index6 {
    	margin-top: 8px;	
	}
}
@media(min-width:768px) and (max-width:991px) {
	.index6{
    	margin-top: 1px;
	}
}
@media(max-width:768px){
	.splash2 .card1 #carousel-bounding-box {
    	margin-top: 41px!important;
	}
	.splash2 .maHeight1 {
    	height: 334px;
	}
	.index6 {
    	margin-top: -50px;
	}
	.index6 #carousel-bounding-box{
		margin-left:-10%!important;
	}
	.index8{
		float:right!important;
	}
	.splash2 #rss_infos {
	    width: 100%;
	    margin: auto;
	    margin-left:4.5%;
	}
	.splash2 .carousel.slide h5 a {
    	font-size: 22px!important;
	}
}
@media(min-width:500px) and (max-width:768px){
	.index8{
	    margin-right: -19%;
	}
}
@media(max-width:500px){
	.index8{
	    margin-right: -7%;
	}
}
.splash2 .jumbotron{
	background-color: rgba(0, 29, 81, 1)!important;
}
.splash2 #carousel-bounding-box {
    margin: -40px 16px 32px -40px;
}
 .splash2 #card_form.card1{
    width: 90%;
    margin-left: 5%!important;
} 
.splash2 .index7 .carousel.slide h5 a{
	color:white!important;
	font-size:32px;
	min-height:100px!important;
}
.splash2 .index7 .carousel.slide h5{
	min-height:100px!important;
}
.splash2 .carousel.slide h5{
	text-align:center;
}
.index7 .carousel-controls-mini{
	top:18px;
}
.arrowPrev a, .arrowPrev2 a {
    margin-left:81%;
}
@media(min-width:1200px){
	.splash2 nav .glyphicon.glyphicon-search.lstBody10 {
   	 	margin: -14px 0 0 0px;
	}
	.splash2 .lstBody10 {
    	top: -9px!important;
	}
}
@media(max-width:768px){
	.splas	h2 .container-fluid.navCentrer2 {
	   	padding:0;
	}
	.splash2 #card_form.card1{
    	width: 100%;
    	margin-left:0%!important;
	}
	.splash2 #card_form.card1, .splash2 #card_form.card1 p{
		-webkit-hyphens:manual!important;
		-moz-hyphens:manual!important;
		hyphens:manual!important;
	}
}
   
/* footer */
.bigFooter span, .smallFooter span,                         /*Styles appliqu�s au acontenu du footer small et large*/
.bigFooter a, .smallFooter a,
.bigFooter p, .smallFooter p{
	color:white;
}
	footer a:hover{
		color:#ffbc00!important;
}
.bigFooter h4 a, .smallFooter h4 a{                         /*Styles appliqu�s aux titres du footer small et large*/
	color:#ffbc00;
	font-size:15px;
	margin-top:0px;
	font-weight:900;
}

footer img.img-circle{
	opacity:1;
	-webkit-transition: opacity 0.4s!important; 
	transition: opacity 0.4s!important;
}
	footer img.img-circle:hover{
		opacity:0.6;
		-webkit-transition: opacity 0.4s!important; 
		transition: opacity 0.4s!important;
		text-decoration:none!important;
		background-color: rgba(14, 17, 35, 1)!important;
		color: rgba(14, 17, 35, 1)!important;
}
.footerLi1{
	list-style-type:none; 
	font-weight:400; 
	line-height:1.7em;
}
.footerLi2{
	list-style-type:none; 
	line-height:1.7em;
}
.footerLi3{
	list-style-type:none; 
	font-weight:300;
}
.footerLi4{
	list-style-type:none; 
	font-weight:300; 
	line-height:1.7em;
}
.footerLi5{
	list-style-type:none; 
}
.footerLspace{
	letter-spacing:0.08em;
}
footer .socialIcon{
	width: 40px; 
	height: 40px;
}
footer .copy{
    border-color:#ccc;
	border-width:medium;
    border-top-style: solid;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: none;
    border-top: 1px solid lightgrey;
    border-bottom: 1px solid lightgrey;
}
.footerStyle1{
	height:80px; 
	line-height:70px; 
	padding-top:15px;
}
.footerStyle2{
	font-size:13px; 
	font-weight:200;
	padding:28px 0 10px 0;
}
.footerStyle3{
	list-style-type:none;
}
	footer a.sMedia:hover{
		text-decoration:none;
}
footer a.:visited{
	text-decoration:none!important;	
}

/* small footer*/
footer.smallFooter .ajustFooter1{
	margin:0 0 25px 15px!important;
}
.margeTopFooter{
	margin-top:12px;
}
footer.smallFooter .footerIsarta{
	margin-left:0px;	
}
footer.smallFooter .padBot30 {
    padding: 14px 0!important;
}
footer.smallFooter .margeTopFooter2{
	margin-top:0px;
}
footer.smallFooter .glyphicon{
	display: block;
    line-height: 22px;
}
@media(max-width:991px){
	footer.smallFooter .glyphicon{
    	font-size: 13px;
    	margin-left: 15px;
	}
	footer.smallFooter .socialIcone .glyphicon.glyphicon-envelope{
		margin-left:5px!important;
	}
	.socialIcone .footerLi1{
	    margin-bottom: 6px;
	}
}
@media(min-width:501px){
	.copyInv1{
		display:none;
	}
}
@media(max-width:500px){
	.copyInv2{
		display:none;
	}
}
@media only screen  
and (max-device-width : 767px)
and (orientation : portrait){ 
	.copyInv1{
		display:none;
	}
	p.copyInv2, .copyInv2 a{
		font-size:10px!important;
	}
	.copyInv2{
		display:inline;		
	}
	.envDown{
		margin-bottom:11px;
	}
}
@media(min-width:500px) and (max-width:991px){
	.footTop{
		margin-top: 6px;
	}
}	

/* annonce footer */
@media(min-width:992px){
	.invPub{
		margin-left:-15px!important;
		display:none!important;
	}	
}
@media(min-width:700px) and (max-width:991px){
	.invPub{
		margin-left:-15px!important;
		display:inline!important;
	}
}
@media(max-width:701px){
	.invAdd4{
		margin-left:-15px!important;
		display:none;
	}
}
 @media(min-width:768px){
 	.invAdd4{
		display:none;
	}
} 
@media(max-width:700px){
	.invPub2{
		display:inline;
		width:68%;
	}
}
@media only screen  
and (max-device-width : 700px) 
and (orientation : landscape) { 
	footer iframe{
		margin-left:25%;
		margin-top:10px;
	}
}
@media (min-width : 1200px){ 
	.ajustLarge{
		margin-left:-7px;
	}
}

/* Logo isarta footer */
.@media (min-width : 1200px){ 
	.footerIsarta {
    	margin-left:0px!important;
	}
}
@media(min-width:992px){
	.footerIsarta{
		margin-left:0px;
	}
}

/*******************************************************************EMPLOYEURS*/
/* header */
.emp .navbar-brand, .lst .navbar-brand{
	font-size: 44px;
	vertical-align:middle;
}

@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) {
.lst .navbar-brand{
	font-size: 36px;
}
}


@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait) {
.lst .navbar-brand{
	font-size: 40px;
	vertical-align:middle;
}
}

.splash .navbar-brand{
	font-size: 46px;
	vertical-align:middle;
}

nav.fixed-theme span.splashTime{
	font-size:30px;
	vertical-align:middle;
}

nav.fixed-theme span.slogan {
	font-size:13px!important;
	margin-left: -3px;
}

.emp .navbar-container, .lst .navbar-container {
	padding: 0;
	margin-right: 3px;
}
.emp .navbar.navbar-fixed-top.fixed-theme,
.lst .navbar.navbar-fixed-top.fixed-theme {
	background-color: white;
	border-color: white;
	box-shadow: 0 0 5px rgba(0,0,0,.5);
}
nav#menuNav .nav>li>a:focus, nav#menuNav .nav>li>a:hover {
    text-decoration: none;
    background-color: rgba(0,0,113,0.4);
}
nav#menuNav a:visited{
	color:white!important;
}

/* Nav top*/
.logoPages{
	font-family: 'isartaTIMES', sans-serif !important; 
	color:rgba(0, 0, 113, 1);
}


/*autres*/
.lst.asside1 .carousel-indicators li{
	border:1px solid #fff!important;
}
.emp .carousel-indicators li,
.lst .carousel-indicators li{
	border:1px solid #fff!important;
	background-color:rgba(255,255,255,0.35);
	-webkit-transition: background-color 0.2s!important; 
	transition: background-color 0.2s!important;
}
	.emp .carousel-indicators li:hover,
	.lst .carousel-indicators li:hover{
		background-color:rgba(0,29,81,1);	
		-webkit-transition: background-color 0.3s!important; 
		transition: background-color 0.3s!important;
}
.emp .carousel-indicators li.active,
.lst .carousel-indicators li.active{
	background-color:#ffbc00!important;
}
.emp input.formEmp{
    width: 100%!important;
    border: 1px solid #ccc!important;
}
.emp input.formConnect {
	border: 1px solid #ccc!important;
}
.emp input.form-control:focus, .can input:focus, textarea:focus {
    outline: none !important;
    box-shadow: 0 0 5px rgba(0, 32, 115, 1)!important; 
}
.emp ::-webkit-input-placeholder,
.lst ::-webkit-input-placeholder {
   font-weight:200;
   font-size:14px;
   font-style:normal;
   text-indent: 2px !important;
}
.emp :-moz-placeholder,
.lst :-moz-placeholder{ /* Firefox 18- */
   font-weight:200;
   font-size:14px;
   font-style:normal;
   text-indent: 2px !important;  
}
.emp ::-moz-placeholder,
.lst ::-moz-placeholder {  /* Firefox 19+ */
   font-weight:200;
   font-size:14px;
   font-style:normal;
   text-indent: 2px !important; 
}
.emp :-ms-input-placeholder,
.lst :-ms-input-placeholder {  
   font-weight:200;
   font-size:14px;
   font-style:normal;
   text-indent: 2px !important;  
}
.nav-justified {
	margin: 0 auto!important;
	display: table!important;
	table-layout: auto!important;
	float: none!important;
	width: 100%!important;
	border-radius:0!important;
}
.nav-justified >li {
	display: table-cell!important;
	float: none!important;
	text-align: center!important;
	width: auto!important;
	border-radius:0!important;
	vertical-align: middle;
}
.emp form.empPad0{
	margin-left:-16px;
	padding-left:0px;	
}
.emp .well.empOffre1{
    padding:16px 0 4px 0;
    margin-left:10px;
    width: 76%;
}

/* Bandeau espace employeur */
.espaceEmpl{
	background-color:rgba(255, 255, 255, 0.93)!important; 
	width:100px; 
	height:100px; 
	border-radius:50px!important; 
	text-align:center!important; 
	align-content:center!important; 
	align-items:center!important;
/* 	margin: 0px 0 10px 0!important; */
}

.espaceProfil{
	width:100px!important; 
	height:100px!important; 
	border-radius:50px!important; 
	text-align:center!important; 
	align-content:center!important; 
	align-items:center!important;
	margin: 1px 0 0 0!important;
}

.espaceEmpl1{
	color:rgba(0, 29, 81, 1)!important; 
	text-align:center; padding:12px 0 0 0!important; 
	font-weight:bolder!important; 
	font-size:14px!important; 
	width:auto; 
	font-family:'Lato', 'Arial', 'Verdana', sans-serif!important; 
	font-weight:lighter !important; 
	letter-spacing:0.01em!important; 
	line-height:1.2em!important;
	margin-top:0px!important;
	margin-bottom:10px!important;
}

@media (max-width: 767px) {
.espaceEmpl1{
	margin-top:17px!important;
}
}

.espaceEmpl2{
	font-size:14px!important;
	line-height:0.8em!important; 
	font-weight:500!important;
}
.bandeauEmp{
	font-size:20px; 
	color: rgba(255, 255, 255, 1); 
	letter-spacing:0em; 
	padding-left:0!important; 
	font-weight:400; 
	line-height:1.2em;
	margin-left: 16px;
}

@media (min-width:1200px){
.bandeauEmp {
    margin-top: 11px !important;
}
}

@media (max-width:767px){
.bandeauEmp {
    font-size: 15px;
    margin-top: 16px;
    margin-left: 23px;
}
}

.bandeauEmp2{
	font-weight:300; 
	font-size:19px; 
	letter-spacing:0.02em;
}
.bandeauEmp3{
	padding:0;
	margin-top:32px;
}
.bandeauEmp4{
	display:inline-block; 
	float:left
}
.bandeauEmp5{
	display:inline-block; 
	background:#ffbc00; 
	margin:0 10px; 
	width:200px; 
	height:30px; 
	padding:0 0 1px 0!important;
	text-decoration:none!important;
	outline:none!important;
}
.bandeauEmp6{
	display:inline-block; 
	margin:0 0 0 20px; 
	line-height:1.1em; 
	font-weight:300;	
}
.bandeauEmp6 a{
	outline:none!important;
}
.cEmp .bandeauEmp6{
    margin: 0 0 0 12px;
}
.bandeauEmp7{
	color:rgba(255,255,255,1); 
	margin: 0; padding:0; 
	text-align:left; 
	font-size:12px; 
	color:lightgray!important; 
	line-height:0.7em!important;
	-webkit-transition: color 0.2s!important; 
	transition: color 0.2s!important;
}
	.bandeauEmp7:hover{
		text-decoration:none;
		color: #ffbc00!important;
		-webkit-transition: color 0.2s!important; 
		transition: color 0.2s!important;
}

@media (max-width:460px){	
	.topMenu.nav>li>a {
	    padding: 10px 3px!important;
	    font-size:12px;
	}
}

/*header + corps*/
@media (min-width:768px) and (max-width:1024px){
	.espaceEmpl {
	    width: 91px!important;
	    height: 91px!important;
/* 	    margin-top:14px; */
   }
/*    	.espaceEmpl1, .espaceEmpl2{ */
/* 		font-size:10px!important; */
/* 	} */
}
@media (min-width:1200px){
	.margeAsside1{
/* 		margin-left:0%!important; */
		margin-left:-6px!important;
	}
}

@media (min-width:1025px) and max (max-width:1199px) {
   .emp #menuNav {
    	margin-top:7px;
	}
}

@media (min-width:996px) and (max-width:1024px){
   .emp #menuNav {
    	margin-top:24px;
	}
}

@media (min-width:996px) and (max-width:1024px){
   .emp.can.nonconnecte #menuNav {
    	margin-top:20px;
	}
}


@media (max-width: 1024px) and (min-width: 996px){
.emp.cEmp #menuNav {
    margin-top: 20px;
}
}

@media (max-width: 1024px) and (min-width: 996px){
.emp.cEmp.Emplconnected #menuNav {
    margin-top: 20px;
}
}

@media (max-width: 995px) and (min-width: 768px){
.emp.cEmp.Emplconnected #menuNav {
    margin-top: 20px;
}
}

@media (min-width:768px) and (max-width:995px){
   .emp.cEmp #menuNav {
    	margin-top:15px;
	}
}


@media only screen 
and (min-device-width : 768px)
and (max-device-width : 1024px) 
and (orientation : landscape){
   .emp.cEmp #menuNav {
    	margin-top:20px;
	}
}


@media only screen 
and (min-device-width : 568px) 
and (max-device-width : 1024px) 
and (orientation : portrait){
.emp #menuNav {
    margin-top: 15px;
}

.emp #menuNav .nav>li>a {
    padding: 15px 15px !important;
    font-size:13px;
}

}


@media (min-width:768px) and (max-width:995px){
   .emp #menuNav {
    	margin-top:20px;
	}
}

@media (min-width:768px) and (max-width:1024px){
	.empCircle5 {
	    margin-bottom: 30px;
	}
	.empCaroussel1, .affix .sideEmployeur2, .affix-top .sideEmployeur2, .affix-bottom .sideEmployeur2{
    	width: 269px!important;
	}
	.affix .sideEmployeur2{
		margin-top:35px!important;
		-webkit-transition: none!important; 
		transition: none!important;
	}
	.affix-top .sideEmployeur2{
		-webkit-transition: none!important; 
		transition: none!important;
	}
	.affix-bottom .sideEmployeur2{
		margin-bottom:0px!important;
		-webkit-transition: none!important; 
		transition: none!important;
	}
	.bandeauEmp3 {
    	margin-top:20px;
	}
	span.empConnect{
		line-height:40px;
	}
	.btn.bandeauEmp5{
		line-height:30px;
	}
	.empOffre3 {
    	font-size: 12px;
	}
	.empOffre5 {
	    margin: 12px 0 0 0;
	    width:10%!important;
	}    
	.emp #menuNav.navbar.affix{
    	margin-top: 2px;
	}
}

/* Header suite */
@media(max-width:949px){
	.empAfx13{
		display:none!important;
	}
}

@media (min-width:768px) and (max-width:918px){
	.jumbotronEmployeur .navbar-nav>li>a {
    	padding-top:14px;
    	line-height:15px;
   }
}
@media (min-width:768px) and (max-width:1199px){
	.bandeauEmp {
    	font-size: 16px;
    	margin-top: 7px;
   }
   .bandeauEmp2 {
	    font-size: 15px;
   }
}

@media (max-width:767px){
	.emp #menuNav.affix{
		top:44px;
	}
}

@media only screen 
and (max-device-width : 767px) 
and (orientation : landscape){
	.emp #menuNav.affix{
		top:44px;
		margin-top: 0 !important;
	}
}

@media (max-width:854px){
	.noCaret.caret{
		display:none;
	}
}

@media (max-width:767px){
	nav span.splashTime{
/* 		margin-left:15%; */
	}
}
@media (min-width:767px) and (max-width:841px){
	.jumbotronEmployeur .navbar-nav>li>a {
    	padding-top: 10px;
	}
}
@media (min-width:487px) and (max-width:767px){
	.jumbotronEmployeur .navbar-nav>li>a {
    	padding-top: 14px;
	}
}
@media (max-width:545px){
	.bandeauEmp4 button{
	    font-size: 11px;
	    width: 88%;
	}
}
@media (max-width:417px){
	.bandeauEmp3{
	    margin-left:-45px;
	}
}
@media (min-width:992px) and (max-width:1199px){
	.chooseOffre button{
		top: 15px;
    	left: -17%;
	}
}
@media (min-width:169px) and (max-width:991px){
	.chooseOffre button{
	    top: 17px;
    	left: 52%;
	}
}
@media (max-width:515px){
	.lstBody15 button{
		display:none;
	}
}

/* Tablette iPad Air*/ 
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape){
	.isartTopNav li.myHeight50 {
    	line-height: 52px;
	}
	.maxHeightNav .nav>li>a:focus, nav#menuNav .nav>li>a:focus, .maxHeightNav .nav>li>a:hover, nav#menuNav 

.nav>li>a:hover {        /* transparence hover top nav*/
    	background-color:transparent!important;
	}
	.empAfx20 button{
		width: 65.5%;	
	}
	.empAfx19 {
    	margin-top: 18px!important;
	}
	.cEmp .empCircle1 {
    	margin-right: 12px;
	}
	.cEmp .pushRow3 .empCircle1{
		margin-left:-11px;
	}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait){
	.isartTopNav li.myHeight50 {
    	line-height: 52px;
	}
	.maxHeightNav .nav>li>a:focus, nav#menuNav .nav>li>a:focus, .maxHeightNav .nav>li>a:hover, nav#menuNav .nav>li>a:hover{
    	background-color:transparent!important;
	}
	.emp #menuNav.navbar.affix, .lst #menuNav.navbar.affix {
    	margin-top:0px;
	}
	.maxHeightNav .navbar-right {
	    margin-right: 20px!important;
	}
	.myNone{
		display:inline!important;
	}
	nav span.splashTime {
    	margin-left: 15px;
	}
	.widthEmp3 {
    	left: -190%!important;
	}
	.cEmp .empAfx20 button{
		width:92.2%;
	}
	.cEmp .empOffre5 {
    	margin: 0px 19px 9px 0;
   }
}
@media (min-width:768px) and (max-width:1200px){
	.btnPass{
		width:41%;
	}	
}

/* iPhone5 */
@media only screen 
and (max-device-width : 767px){
		.maxHeightNav .nav>li>a:focus, nav#menuNav .nav>li>a:focus, .maxHeightNav .nav>li>a:hover, nav#menuNav .nav>li>a:hover {
			background-color:transparent!important;
		}
	.espaceEmpl{
	    width: 65px!important;
	    height: 65px!important;
	}
	.maxHeightNav .nav>li>a {
	    padding: 4px 4px 0px 4px;
	    font-size:12px;
	}
	nav span.splashTime {
/*     	margin-left: 5%; */
	}

	.isartTopNav li.myHeight50 {
	    line-height:24px;
	}
	.espaceEmpl1 img{
		width:20px;
		height:20px!important;	
	}
	.espaceEmpl1{
		padding-top:7px!important;
/* 	    margin-top:-5px!important; */
	}
	.bandeauEmp6 {
    	margin: 2px 0 14px 12px!important;
	}
	nav.fixed-theme span.splashTime {
	    font-size: 30px;
	    vertical-align: middle;
	}
	nav.fixed-theme span.slogan {
	    font-size: 10px;
	}
   	nav .isartTopNav .topMenu{
/* 		margin-right:5%; */
	}
	.topMenu {
	    margin-top: -34px;
	}
	li.myHeight50{
		display:none;
	}
	.bandeauEmp3 {
    	margin-top:4px;
	}
	nav#menuNav .caret{
		display:none;
	}
	.widthEmp1{
		left:-4px!important;	
	}
	
	#menuNav .dropdown-menu>li>a {
    	display: block;
    	padding: 3px 3px 3px 6px!important;
   }
   
	/*Alignement des menus déroulants */
	.dropCompte{
		left:-5px!important;
		padding-bottom:20px!important;
	}
	.isartTopNav .topMenu {
    	margin-top: -42px;
	}

}

@media only screen 
and (max-device-width : 767px)
and (orientation : landscape){ 
	.navbar {
    	min-height:20px!important;
    	max-height:44px!important;
   }	
 }
 

@media only screen 
and (max-device-width : 767px)
and (orientation : landscape){ 
	.espaceEmpl1{
		padding-top:7px!important;
	    margin-top:0px!important;
	}
/* 	nav span.splashTime { */
/* margin-left: -6px; */
/* 	} */
 }
 
@media only screen 
and (max-device-width : 767px)
and (orientation : portrait){ 
	.navbar {
    	min-height:20px!important;
    	max-height:44px!important;
   }
 }


@media (max-width:414px){
	.myNone2{
		display:inline!important;
	}
}

@media only screen 
and (max-device-width : 767px)
and (orientation : landscape){ 
	.topMenu {
    	margin-top: -37px;
	}
}

@media only screen 
and (max-device-width : 767px)
and (orientation : portrait){ 
	.cEmp .empAfx16, .cEmp .empAfx17{
		height:30px!important;		
/* 		margin-left:7%; */
	}
	.cEmp .empAfx19 {
    	margin-right: -1%!important;
	}
	.cEmp .empAfx20 button{
/* 	    margin-left: 11.5%; */
	    width:89%;
	}
	.cEmp .addPaddEmp div.checkbox{
		margin: 0 0 0 14%;
	}
	.cEmp .empOffre3 {
    	font-size: 12px;	
	}
	.cEmp .empCircle1 {
	    width: 47%;
	    padding-top: 3px;
    	margin-bottom: 24px;
    	margin-right: 14px;
		padding-left:0px;
	}
	.cEmp .empAlligne1{
		margin-left: 14%;
	}
}
@media (min-width:120px) and (max-width:767px){
	.cEmp .empMsg7{
		margin:0px;
	}
	.cEmp .monContenant2.empLarge{
	    width: 97%!important;
	    margin-left: 3%!important;
	    margin-right: 0%!important;
	}
}
@media only screen  
and (max-device-width : 767px)
and (orientation : portrait){ 
	.myHeight50.noDropCell{
		padding-right:45px!important;
	}
	.noDropCell{
		display:none!important;
	}	
	.jumbotronEmployeur{
		height:150px;
	}
	.espaceEmpl {
	    width: 42px!important;
	    height: 42px!important;
		 
	}
	.espaceEmpl p{
		font-size:7px!important;
	} 

	.espaceEmpl1 {
		line-height: 0.5em !important;
	}

	.espaceEmpl1 img {
	    width: 10px;
	    height: 10px!important;
	}
/* 	.espaceEmpl1 { */
/* 	    margin-top: -40px!important; */
/* 	} */
	.pubExp {
    	margin: 0px 4px;
   	}
   	button.bandeauEmp5{
   		height: 24px;	
   	}
   	.espaceEmpl2 {
    	font-size:6px!important;
    	line-height:1.3em!important;
    }
    .bandeauEmp6 {
    	margin: 0px 0 0px 10px!important;
	}
	.bandeauEmp3 {
    	margin-top:12px;
	}
	
	/*Alignement des menus dÉroulants */
	nav#menuNav .nav-justified>.dropdown .dropdown-menu {
    	top: 40px;
	}
	#menuNav .nav-justified>li>a {
    	padding-top:7px;
    	line-height: 15px;
    	font-size:12px;
	}
}


.topWhite{
	border-top:1px solid #fff;
}
.botWhite {
    width:auto;
    height:39px;   
    position:relative;
	border-bottom:1px solid white;
}

.orangeHeight{
	line-height: 1px!important;
    margin-top: 6px;
}
/* Fin nav */

/* employeurs suite */
@media (min-width: 768px)and (max-width:991px){
	.emp input.formEmp{
	    width: 133%!important;
	}
}
@media (min-width:1191px){
	.emp input.formEmp{
	    width: 133%!important;
	}
}
@media (max-width:1191px){
	.empAfx19{
		float:left;		
	}
}
@media (max-width:767px){
	.empAfx19{
		margin-right:2%;		
	}
}
@media (min-width:767px) and (max-width:1191px){
	.empAfx19{
		margin-right:10%;
		margin-top:10px;		
	}
}
@media(min-width:767px) and (max-width:991px){
	.sectionBtn .empMsg5{
		margin-left:0px;
	}
}
@media(min-width:767px) and (max-width:991px){
	.sectionBtn .empMsg7{
/* 		margin-left:9%; */
	}
	.empAlligne1 .pushRow2{
		margin-left:9%;
	}
	.empAlligne1 .pushRow3{
		margin-left:11%;
	}
}
.well.empCaroussel1{
	overflow:hidden!important;	
	margin-bottom:14px;
}
.min650{
	min-height:600px;
}
@media only screen 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	.min650{
		min-height:400px;
	}
}
@media only screen 
and (max-device-width : 1024px){
	.empAlligne1 {
	    margin-bottom:30px;
	}
}

/*employeur corps*/
@media(min-width:569px) and (max-width:767px){
	.pushRow1{
		margin-left:30%!important;
	}
}
@media(min-width:438px) and (max-width:569px){
	.pushRow1{
		margin-left:13%!important;
	}
}
@media (max-width:767px){
	.sectionBtn button{
		font-size:13px;
		width:86%;
/* 		margin-left:10%!important; */
	}
	.sectionBtn .empMsg5, .sectionBtn .empMsg6, .sectionBtn .empMsg7, .sectionBtn .empMsg8{
		margin-right:0px!important;
	}
	.sectionBtn .empMsg6, .sectionBtn .empMsg7, .sectionBtn .empMsg8{
		margin-top:20px!important;
	}
}
@media(min-width:300px) and (max-width:568px){
	.customCol1{
		width:308px!important;
	}
	.empOffre5{
    	min-width:287px;
	}
	.mTop50.customHeight{
		margin-top:20px;
	}
	.col-xs-12.customNopad{
		padding-right:7px;
	}
	
	.autoMarge{
		margin-left:9%;
	}
	.mTop40.sectionBtn {
    	margin-top: 0px;
	}
} 

/* ajustement largeur table liste + nouveau queries hauteur header*/
@media (max-width:567px){
	.lst .optiontble {
	margin-left:-12%; 
	height:32px; 
	    width:140%!important;
	}
}

/* ajustement largeur table liste + nouveau queries hauteur header*/
@media (min-width:568px) and (max-width:991px){
	.lst .optiontble {
	margin-left:-17%; 
	height:32px; 
	    width:140%!important;
	}
}

@media only screen 
and (max-device-width : 767px)
and (orientation : landscape){ 
	.lst .optiontble {
	margin-left:-18%; 
	height:32px; 
	    width:140%!important;
	}
}

/* ajustement largeur table liste + nouveau queries hauteur header*/
@media (max-width:991px){
	.optiontble span {
padding-top: 0px;
font-size:13px;
	}
	
		.optiontble span.latoR {
font-family: 'Open Sans', sans serif!important;
	}
	
	.optiontble img.etoileStyle {
width: 20px;
margin-bottom: 1px;
vertical-align: bottom;
	}
	
}

/*suite liste des offres*/
.lst .jumbotronEmplois.affix{
	background:transparent!important;
}
}


nav#menuNav.navbar{
	border-radius:0px;
}
.lstHeader1{
	padding-top:0; 
/* 	padding-bottom:35px; */
}

@media (min-width : 768px) {
.lstHeader1{
	margin:69px 0 0px 0;
}
}

@media (min-width:323px) and (max-width : 767px) {
.lstHeader1{
	margin:20px 0 0 0; 
}
}


@media (max-width : 322px) {
.lstHeader1{
	margin:0px 0 0 0; 
}
}


/*@media only screen 
and (max-device-width : 767px) 
and (orientation : landscape){
.lstHeader1{
	margin:0px 0 0 0; 

}
}*/

@media only screen 
and (max-device-width : 767px) 
and (orientation : portrait){
.lstHeader1{
	margin:20px 0 0 0; 
}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  
and (orientation :landscape){ 
.lstHeader1{
	margin:69px 0 0px 0; 
}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  
and (orientation :portrait){ 
.lstHeader1{
	margin:20px 0 0px 0; 
}
}


.lstHeader2{
	padding: 15px;
    font-size: 20px;
    display: block;
    margin-right: 20px;
    height: 106px;
    font-family: 'Open Sans', 'Verdana';
    margin-top: -6px;
}
.lstHeader3{
	display:inline-block; 
/* 	float:right;  */
	margin:0 0 0 20px;
	min-width: 262px;
}

.connectedCan .lstHeader3{
	display:inline-block; 
	margin:0 0 0 20px;
	min-width: 456px;
}

@media (max-width:767px){                                            
	.lstHeader3{
		min-width:100px;
	}
}

.lstHeader4{
	float:left;
}
.lstHeader5{
	font-size:1.4em; 
	margin-left:10px;
}
.lstHeader6{
	float:left;
	margin-left:12px;
}

.connectedCan .lstHeader6{
/* 	min-width: 286px; */
	white-space:nowrap;
}

@media (min-width:568px) and (max-width:767px){
.lstHeader6{
margin-top:3px;
}
}

.lstHeader7{
	color:rgba(255,255,255,1); 
	padding: 0px 5px;
}
.lstHeader8{
	font-family: 'Lato-Regular', 'Open Sans', 'Arial', sans-serif!important;
	font-size:16px; 
	font-weight:400;
}
	.cLst table a:hover, .cLst table a:hover{
		text-decoration:none;
}
	.cLst table a .lstBody18:hover{
		text-decoration:underline;
}
.lstHeader9{
	color:rgba(255,255,255,1); 
	margin: 12px 0; 
	padding: 1px 5px;
}
.lstHeader10{
	color:rgba(255,255,255,1); 
	margin: 12px 0; 
	padding: 3px 5px;
}
.lstHeader11{
	display:inline-block; 
	float:right; 
	margin-right:32px;
	min-width:216px;
}

@media (max-width:767px){                                            
	.lstHeader11{
		min-width:96px;
	}
}

.lstHeader12{
	display:inline-block; 
	float:left;
}
.lstHeader13{
	font-size:1.5em; 
	margin-left:9.5px;
}
.lstHeader14{
	font-size:16px; 
	color:rgba(0, 29, 81, 1); 
	font-weight:400;
}
.lstHeader15{
	font-size:12px; 
	color:white;
}
.lstHeader16{
	margin:0 !important; 
	padding:0 !important; 
	border:0 !important; 
	width:100% !important;
}
.lstHeader17{
	max-width:1200px; 
	align-content:center;
	margin:0 0 0 -2%!important;
}
.lstHeader18{
	color:rgba(255, 255, 255, 1);
	font-weight:300;
}
.lstHeader19{
	color:rgba(255, 255, 255, 1); 
	font-weight:300; 
	text-decoration:none!important;	
}
.lstHeader20{
	color:white; 
/* 	margin-left:5px; */
}
.lstHeader21, .empAfx4{
	background: linear-gradient(to bottom, rgba(0,39,123,1) 0%, rgba(77,120,211,1) 100%)!important;
    background:#00277b!important;   /* #001D5C;   */
	background: -moz-linear-gradient(top, rgba(0, 39, 123, 1), rgba(77, 120, 211, 1) 0% 100%)!important;
	background: -webkit-linear-gradient(top, rgba(0, 39, 123, 1), rgba(77, 120, 211, 1) 0% 100%)!important;
	background: linear-gradient(to bottom, rgba(0, 39, 123, 1) 0%, rgba(77, 120, 211, 1) 100%)!important;
	color: white;
	-webkit-box-shadow: 2px 2px 7px -1px rgba(0, 0, 0, 0.75);	
}
.lstHeader22{
	background:rgba(0,31,96,0)!important; 
	height:36px; 
	line-height:2.7em; 
	font-weight:300;
}
.lstHeader23{
	color:white !important; 
	background:rgba(0,30,90,0)!important; 
	height:36px; line-height:2.7em; 
	font-weight:300;
}
.lstHeader24{
	background:rgba(0,30,90,0); 
	height:20px;
}
.lstHeader25{
	font-size:0.85em;
	margin:0 3px 0 0;
}
.lstHeader26{
	color:white !important; 
	background:rgba(0,30,90,0) !important; 
	height:36px; 
	line-height:2.7em; 
	font-weight:300;
}
.lstHeader27{
	background:rgba(0,30,90,0); 
	height:16px;
}
.lstHeader28{
	color:#ffcb00; 
	font-weight:600;
}
.lstHeader30{
	color:rgba(255, 255, 255, 1); 
	font-weight:lighter; 
	text-decoration:none; 
	padding-left:0; 
	padding-right:0;
}
.lstHeader31{
	padding:0px; 
	margin:0 0 0 0; 
	width:100%;
    background:#00277b!important;   /* #001D5C;   */
	background: linear-gradient(to bottom, rgba(0,39,123,1) 0%, rgba(77,120,211,1) 100%)!important;
}
.lstHeader32{
	color:rgba(0,29,81,1.0);
	height:36px; 
	line-height:2.7em; 
	font-weight:300;
}
.lstBody1{
	font-size:19px;
	font-weight:700; 
    line-height: 18px;
    padding-top: 28px;
    padding-bottom: 14px;
    color:#00184f;
}
.lstBody2{
	padding:0;
}
form .lstBody2 input{
    padding: 6px 0px;
}
.lstBody3, .lstBody5, .lstBody8{
	background-color:transparent; 
	border:0!important; 
	width:100%; 
	height:40px; 
	padding:5px; 
	font-size:14px;
	border-bottom:1px solid #1c4070!important; 
	border-radius:0px!important;
}
.lstBody3, .lstBody5, .lstBody8{
	color:#1c4070!important;	
}
.lstBody4{
	padding:0; 
	border-bottom:1px solid white;
}
.lstBody5{
	background-color:transparent !important; 
	border:0!important; width:100%; 
	color:white; height:40px; 
	padding:5px; 
	font-size: 14px;
}
.lstBody6{
	height:40px;
	margin-top:5px;
}
.lstBody7{
	min-height:30px; 
	padding-bottom:5px;
}
.lstBody8{
	background-color:transparent!important; 
	border:0!important; 
	width:92%!important;
	color:white; 
	height:40px; 
	padding:5px; 
	border-style:solid!important;
}
.lstBody9{
	display:inline-block; 
	background:#ffbc01; 
	margin:0; 
	width:60px;
    height:31px;
    padding:0;
    border-radius: 6px!important;
    outline:none!important;
    text-decoration:none!important;
}
.lstBody10{
	margin:12px 0 0 7px;
    top:-7px!important;
    left:-6px!important;
    outline:none!important;
    text-decoration:none!important;
}
.lstBody11{
	margin:0 13px 0 5px;
}
.lstBody12{
	margin:0 10px;
}
.lstBody13{
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px!important;
}
.lstBody14{
	float:left; 
	line-height:50px;
    font-size:19px;
    font-weight:700;
    padding-left:0px!important;
	margin-left:0px!important;
	color:#00184f;
}

.domaine{
	padding-left:0px;
color:#00277b;
	margin-left:-15px;
    letter-spacing: 0em;
padding: 0;

}

.domaine h1{
    font-size:16px;
	line-height:16px;
    font-weight:700!important;
    font-family: 'Open Sans', sans serif;
	margin-top: 0;  
	margin-bottom: -2px;
	vertical-align: bottom; 
}

@media only screen 
and (max-device-width : 767px) 
and (orientation : portrait) { 
	.domaine{
		margin-left:-25px;
		margin-top:-12px;
	}
	
	.domaine h1{
    font-size:16px;
}
	
}

.reclasse{  
	margin-top: -10px;  
	vertical-align: bottom; 
	margin-bottom: 0px;
}

.imageListe img{
	margin-top:6px;
	margin-bottom:35px;
}


.lstBody15{
	float:right; 
	padding-top:15px;
	padding-left:0px!important;
	margin-left:0px!important;
	margin-bottom:4px;
	margin-right:36px;
}
.lstBody16{
	margin-top:-1px; 
	border-radius: 0 0 3px 3px;
}
.lstBody17{
	border-bottom: 1px solid #ddd!important;
}

.lstBody21 .bleuPrincipal.f500{
	font-size:11px;
}
nav#menuNav .monContenant2 .nav .open>a{
	background-color:rgba(0,0,113,0.4)!important;
	color:white!important;
}
	nav#menuNav .monContenant2 .nav .open>a:hover{
		background-color:rgba(0,0,113,0.4)!important;		
}
	nav#menuNav .monContenant2 .nav a:hover{
		text-decoration:none;
}
	nav#menuNav .monContenant2 .nav a:hover{
		text-decoration:none;
}
	nav#menuNav .monContenant2 ul.nav .dropdown-menu>li>a:hover{
		text-decoration:none;
		background:rgba(0,0,113,0.4)!important;
}
nav#menuNav .monContenant2 ul.nav .dropdown-menu>li>a {
    padding-top:10px;
    padding-bottom:0px;
}
nav#menuNav .glyphicon.glyphicon-remove {
    color:#bf0b0b;
}
	nav#menuNav .glyphicon.glyphicon-remove:hover{
		cursor:pointer;
}
nav#menuNav .nav-justified>.dropdown .dropdown-menu {
    top:47px;
}
ul.lstHeader31 li a{
	color:white;
}
	ul.lstHeader31 li a:hover{
		background-color:rgba(12, 58, 255, 0.6)!important;
}
a.noHover:hover{
	background-color:transparent!important;
	cursor:default;
}


.firstCell{
	margin-left:0px!important;
	padding-left:0px!important;
}
tbody.lstBody17 a:hover{
	cursor:pointer!important;
}
.lst table{
	margin-bottom:12px!important;
	margin-left:2px;
}
.publiHeader.mTop30 {
    margin-top: 6px!important;
}

.square1 input{
	border-bottom:1px solid rgba(0,0,0,0.15)!important;
	border-radius:0px!important;
}
.form-inline.lstForm .form-control{
	width:100%;	
}
td.lHeight a:link, td.lHeight a:active,
td.lHeight a:link, td.lHeight a:active{
	text-decoration:none!important;	 
}


@media (min-width:992px) and (max-width:1199px){
	.lst.cLst .chooseOffre .dropdown-menu.lstBody16{
       top:43px;
       left:-26px;
	}
}
@media (max-width:991px){
	.lst.cLst .chooseOffre .dropdown-menu.lstBody16{
	    top:43px;
    	left:85px;
	}
}


.navCentrer{
	width:100%;
}
#menuNav li>a:active {
	background-color:transparent!important;
	background:transparent!important;
}
.allOffre{
    line-height:50px;
    font-size:19px;
    font-weight:700;
    padding-left:2%!important;
    margin-left:0px!important;
    color:#00184f;
    margin-top:19px;
}
.invImg img{
	display:none;	
}
.cLst .lstBody15 button{
	top:7px;
}

/* Asside liste des offres */
.lst.cLst.asside1 .sideListe2 .card2{
    margin: -4px 0 8px 0!important;
}


/************************************************************************************************* queries liste des offres-2 */ 
/* header */
@media (min-width:1200px){
	.lstHeader17{
	    align-content: center;
	    margin: 0 0 0 0%!important;
	}
	.lstBody2{
		left:14px;
	}
}
@media (min-width:768px) and (max-width:1199px){
	.lstHeader17{
	    align-content:center;
	    margin: 0 0 0 0%!important;
	}
	.lstBody2{
		left:14px;
	}
	.connectedCan .listIcones{
		left: 20px;
	}
}
@media (min-width:894px) and (max-width:1200px){
	.listIcones{
		float:right!important;
	    margin-right:0%;
/* 	    top:10px; */
   }
	.lstHeader11 {
		margin:0 0 0 62px;
    	float:none;
	}
}
@media (min-width:991px) and (max-width:1200px){
	.connectedCan .lstHeader3 {
    	margin-left: -186px;
	}
}
	

@media (max-width:896px){
	img[src="http://emplois.isarta.com/design/img/img_slogan-n1_220@3x.png"]{
		display:none!important; 
	}	 
}


@media (max-width:767px){
	.lstHeader11{
	    float: right;
	    margin-right:55px;
	}
}

@media (min-width:568px) and (max-width:767px) {
	.lstHeader3 {
	    float:left!important;
	    margin:0 0 0 0px!important;
	}
	.lstHeader11 {
	    float:right;
	    margin-right:9px;
	}	
}

@media (max-width:567px){
	.lstHeader3 {
	    float:left!important;
	    margin:0 0 0 15px!important;
	}
	.lstHeader11 {
	    float:right;
	    margin-right:9px;
	}	
	.listIcones{
		margin-left:12px;
		margin-bottom: 0px;		
	}
}

@media only screen  
and (max-device-width :567px)
and (orientation : landscape){
	.lstHeader3 {
	    float:left!important;
	    margin:0px 0 0 0px!important;
	}
	.lstHeader11 {
	    float:right;
	    margin-right:9px;
	    margin-top: -7px;
	}	
	.lstHeader1 .circle40.lstHeader4 .glyphicon {
    font-size: 12px;
    left: -7px;
    top: -10px;
}
	
}

@media only screen  
and (min-device-width :568px)
and (max-device-width :767px)
and (orientation : landscape){

	.lstHeader11 {

	    margin-right:9px;
	    margin-top: 0px;
	}	
	
}




@media only screen  
and (max-device-width :767px)
and (orientation : landscape){
	.connectedCan .listIcones{
		margin-top:72px !important;	
		margin-bottom: 0px;	
	}
}



@media only screen 
and (max-device-width : 567px) 
and (orientation : landscape) {
	.lstHeader3 {
	    float:left!important;
	    margin:-6px 0 0 0px!important;
	}
}

@media (max-width:767px){
	.lstHeader8{
		font-size:14px;		
	}
	.font12, .lstHeader15{
		font-size:10px;
	}
}

	.listIcones{
	    margin-left:0px;
	   margin-bottom: 16px;
	}
	.lstHeader2{
	    margin-right:10px;
	}
/* 	.lstHeader6{ */
/*     	margin-left:1px; */
/*     	line-height: 13px; */
/*         margin-top: 0px; */
/* 	} */
}

@media only screen 
and (max-device-width : 767px) 
and (orientation : portrait) {
	.lstHeader6{
    	margin-left:1px;
        margin-top: 0px;
    	line-height: 13px;
	}
}

@media only screen 
and (max-device-width : 767px) 
and (orientation : landscape) {
	.lstHeader6{
    	margin-left:4px;
        margin-top: 5px;
	}
}

@media only screen 
and (max-device-width : 767px) 
and (orientation : portrait) {
	.lstHeader6{
    	margin-left:4px;
	}
}


@media only screen 
and (max-device-width : 767px) 
and (orientation : portrait) {
	.lstHeader11{
	    float:right;
	    margin: 0px 0 0 0px;
		font-size:13px;
	}
	
}�

@media only screen 
and (max-device-width : 767px) 
and (orientation : landscape) {
	.lstHeader11{
	    float:right;
	    margin: -6px 0 0 0px!important;
		font-size:12px;
	}

}


@media (min-width:576px){
	.cellVisible{
		display:none;	
	}
}
@media (max-width:576px){
	.cellInvisible{
		display:none;
	}
	.cellVisible span{
		font-size:11px;
		font-weight:700;
	}
}

@media only screen 
and (max-device-width : 479px) 
and (orientation : landscape) {
	.cellVisible{
		display:none;	
	}
}

@media only screen 
and (max-device-width : 576px) 
and (orientation : portrait) {
	.cellInvisible{
		display:none;
	}
}

@media (max-width:319px){
	.cellVisible span {
    	font-size:7px;
   }
	.none660{
		display:none;
	}
.lstHeader7a {
    margin-left: 32px;
/*     margin-top: -40px; */
}

.listIcones  {
 margin-top: 30px !important; 
 line-height: 10px !important;
}

}

@media only screen 
and (max-device-width : 767px) 
and (orientation : landscape) {
	.domaine {
	    margin-left: -15px;
	}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	.domaine {
    	padding-left: 15px;
	}
}

/* menu2 */
@media (min-width:200px){
	.lst #menuNav .navbar-nav>li>a {
	    padding-top:11px!important;
	    padding-bottom:12px!important;
	}
}
@media (max-width:1200px){
	.noTag{
		display:none;
	}
}
@media (max-width:970px){
	.notVisible{
		display:none!important;
	}
}
@media (max-width:753px){
	.cLst #menuNav .caret{
		display:none;
	}
}
@media (max-width:613px){
	.graphBig{
		display:none!important;
	}
}	
@media (max-width:529px){
	.graphSmall{
		display:none!important;
	}
}	
@media (min-width:613px){
	.graphSmall{
		display:none!important;
	}
}	
@media (min-width:530px){
	.graphSmaller{
		display:none!important;
	}
}

@media (max-width:567px){
	.lst nav#menuNav .nav-justified>.dropdown .dropdown-menu {
    	top: 47px;
	}
}

@media only screen 
and (max-device-width : 567px){
	.lst nav#menuNav .nav-justified>.dropdown .dropdown-menu{
    	top: 40px;
	}
}
@media only screen 
and (max-device-width : 567px)
and (orientation : portrait){ 
    .none660{
	 	display:none!important;
	 }
	.dropCompte3{
    	left:-80%!important;
	}
/* 	.emp nav#menuNav li a{ */
/*     	padding:15px 10px!important; */
/* 	} */
	.emp nav#menuNav .nav-justified>.dropdown .dropdown-menu{
    	top:50px;
	}
	.emp .dropCompte{
    	left:-1px!important;
   }
}

/* aside liste des offres */
.asideOffres .glyphicon{
	font-size:1.7rem;
	padding:6px;
	color:#FFFFFF;
	background-color:#001d51;
	border-radius:50%;
}
.asideOffres span a{ 
    color:rgba(0, 29, 81, 1);
    font-weight:900;
    margin-left:15px;
    margin-top: 6px;
}
.card0, .card1, .card2, #vedettes {
    width: 290px;
    margin-left: 0px!important;
}
.glyphicon-check, .glyphicon-ok-sign, .glyphicon-ok-circle, .glyphicon-saved{
	color:#0E41B0;
    top: 20px!important;
    font-size: 17px;
    left:16px;
}
.glyphicon-ok{	
	color:#001d51;
	font-size:17px;
}

.lnHght{
	padding-left:10px;
	padding-right:5px;
}
	.lnHght span:hover{
		cursor:pointer;
}
.lstHeight.mTop40{
    margin-top: 30px;
}
td.lHeight:active{
	background-color:#f5f5f5!important;
}
@media (min-width:1200px){
	.lstBody21.col-lg-2{
	    width:16%;
	}
	.col-md-11.huge{
		width:96%;
	}
	.lstBody17 td.col-lg-8{
		width:69%;
	}
	.lst .table>tbody>tr>.lstBody21{
		padding-left:0px;
	}	
}
@media (min-width:991px){                             /* elargissement des colonnes pour écran medium/large > 991px */
	.lstBody14{
		top:9px;
	}
}
@media (min-width:569px) and (max-width:991px){
	.lstBody14{
		top:46px;
	}
}
@media (min-width:1024px) and (max-width:1200px){ 
	.mdXsHeight{
		margin-top:20px!important;
	}
}
@media (min-width:300px) and (max-width:768px){ 
	.mdXsHeight{
		margin-top:20px!important;
	}
}
@media (min-width:521px) and (max-width:587px){
	.xsRight{
		margin-right:1%;
	}	
}
@media (min-width:461px) and (max-width:521px){
	.xsRight{
		margin-right:5%;
	}	
}
@media (min-width:400px) and (max-width:461px){
	.xsRight{
		margin-right:7%;
	}	
}
@media (max-width:400px){
	.xsRight{
		margin-right:10%;
	}	
}
@media (min-width:120px) and (max-width: 568px){
   .recharger img{
   		width:51px;
   }
   .rafraichir{
    	line-height: 16px;
    	font-size:11px;
   }
   .lstBody4, .lstBody21, .thNone{
   		display:none!important;
   }
   .mdXsHeight{
    	margin-top: 4px!important;
   }
   .xsRight{
    	float:left!important;
   }
}
@media (max-width:360px){
	.lstBody18, .lstBody19, .lstBody20{
		font-size:15px!important;
	}
}
@media (min-width:768px) and (max-width: 991px){
	select.lstBody8, select.lstBody5{
		width:70%!important;
	}
}
@media (min-width:992px) and (max-width:1024px){
	#card_emplois, #card_form, #card_info, .carte-filtres, #vedettes {
		width:269px;
	}
}
@media (min-width:768px) and (max-width:1024px){
	.lstBody3{
		width:90%!important;
	} 
	.form-control.lstBody5{
		padding:0 0 0 0;
		margin: 0 20px 0 0;
	}
	.form-control.lstBody8{
		padding:0 0 0 0;
		width:98%;
	}
	.mdXsHeight{
		margin-top:0px!important;
	}
	.asideOffres span a {
    	line-height: 17px!important;
	}
	.lstBody13{
		padding-top:0px!important;
	}
}

/* queries liste des offres tablettes */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px){
	a.recharger img, span.rafraichir{
		margin-top:-35px;
	}		
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape){
	.lstBody21.col-lg-2{
	    width:18%;
	}
	.col-md-11.huge{
		width:96%;
	}
	.cLst .lstBody17 td.col-lg-8{
		width:73.5%;
		padding-left:11px;
	}

	.invImg img{
		display:inline!important;
	    position: absolute;
   		top:76px;
   		left:140px;	
	}
}	
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait){
	a.recharger{
		float:right;
		margin-right:30px;
	}
	.lstBody3{
		width:100%!important;
	} 
	.form-control.lstBody5{
		padding:0 0 0 0;
		margin: 0 20px 0 0;
		width:110%!important;
	}
	.form-control.lstBody8{
		padding:0 0 0 0;
		width:110%!important;
	}
	.lstBody15{
		padding-top:0px;
		margin-right:17px;
	}
	.monContenant3{
	    width:98%!important;
	    margin-left:0%!important;
	    margin-right:0%!important;
	}
	.noMargeLeft{
	    padding-left:20px!important;
/* 	    padding-right:30px!important; */
	}
	.lstBody15{
		margin-right:15px;
	}
	.lstBody14{
    	margin-left:21px!important;
	}
	.lstBody2{
		margin-left:22px;
	}
	.lst .imgUp .myTd3{
	    padding-right:6px!important;
	    padding-left:6px!important;
	}
	.lst .myTd2.tdLast{
		padding-right:0px!important;
	}
/* 	.table { */
/*     	margin-bottom:-50px!important; */
/* 	} */
}

/* queries liste des offres iPhones*/
@media only screen 
and (max-device-width : 568px){
	.lstBody14{
		top:7px;
	}
}
@media only screen 
and (max-device-width : 676px)
and (orientation : landscape){ 
	.xsRight{
		margin-right:2%;
	}	
	.lstBody18{
		font-size:17px;
	}
   	.monContenant3{
	    width:100%!important;
	}
}
@media only screen
and (max-device-width : 567px)
and (orientation : portrait){ 
	select.lstBody5, select.lstBody8{
		font-size:10px;
		width:120%!important;
		border:1px outset rgba(0,0,113,0.1)!important;
	}
	.lstBody2 input{
		width:120%!important;
	}
	.lst .checkbox .col-xs-5{
		padding:0;
		margin:0;
	}
	.lst .checkbox label{
		font-size:12px!important;	
		line-height:25px;
	}
	.lst .checkbox{
		margin-left:40px;
	}
	.lst .checkbox.mTop24 {
    	margin-top:10px!important;
	}

	.lstBody14{
		font-size:13px;
	}
	.lstBody15 button{
		height: 21px;
    	line-height: 10px;
	}
	
	/* tables portrait*/
	.xsRight{
		margin-right:7%;
	}	
	.lstBody18{
		font-size:13px;
	}
	.lstBody21{
		font-size:8px;
		width:10px!important;
		margin:0px 0 0 0!important;
		padding:10px 0 0 0!important;
	}
	.cLst .nonMarge{
	    margin: 10px 0 0 0px!important;
	}
	.lstBody19, .lstBody20{
/* 		font-size:0.5em; */
		display:block;
	}
	.lnHght{
    	padding-left:7px;
    	padding-right:0px;
	}
	.lnHght .lstBody20{
/* 		line-height:16px!important; */
	}
	.lnHght a{
/* 		line-height:17px!important; */
	}
   	.cellVisible span {
    	font-size:11px;
   }
/*    .myTd{ */
/*    		padding-right:7px!important; */
/*    } */
}
@media only screen                                                    
and (max-device-width : 767px)
and (orientation : portrait){ 
	.lnHght{
	    padding-left:0px!important;
	    padding-right:0px;
	}
	.lnHght .lstBody19{                                                   /*Saut de ligne employeur liste des offres Mobille large*/     
/* 		line-height:18px!important; */
	}	
}
/* @media only screen  */
/* and (max-device-width : 767px){ */
/* 	.table { */
/*     	margin-bottom:-50px!important; */
/* 	} */
/* }  */

/************************************************************************************* Details de l'offre */
.wellIcon.glyphicon{
	top:3px!important;
}
.thisHr{
	margin-bottom:53px;
}
.largeBtn{
    width:46%;
    height:42px;
    font-size:16px;
    font-weight:100!important;
}
.padTop6.offrePale{
	line-height:17px!important;
	margin-bottom:10px!important;
}
span.titreOffre4{
    line-height:15px;
    font-weight:400;
}
.dtl .lienOffre3 .circle40{
    line-height:20px;
    width:20px;
    height:20px;
    margin-top:2px;
}
.dtl .square1 input{
	border-top:none!important;
	border-left:none!important;
}
.dtl .lstHeader5.gauche{
    font-size:0.6em;
    margin-left:6px;
}
.dtl .lienOffre3 .glyphicon-ok-circle{
	color:#ccc!important;
	top:4px!important;
    font-size:18px;
    left:-6px;
}
@media (max-width:867px){
	span.titreOffre3 {
    	font-size:17px!important;
    	font-weight:700;
    	color:#001d51;
    	font-family:'Lato', 'Open Sans', sans serif;
	}
	
	span.titreOffre4{
    font-size:16px!important;
    margin-bottom:6px;
    font-family:'Lato', 'Open Sans', sans serif;
    font-weight:400;
	}
}
@media (min-width:570px) and (max-width:768px){
	.navbar.lstHeader16.affix{
		margin-top:0px!important;
	}
}
@media (max-width:991px){
	.glyphicon-ok-circle{
		color:#fff!important;
	    top:2px!important;
	    font-size:17px!important;
	    left:16px;
	}
}
@media only screen 
and (max-device-width : 567px) 
and (orientation : portrait){
	.navbar.lstHeader16.affix{
        top:43px;
	}
}



.offr2 p.padTop6{
	font-weight:600;
}
.bloqueEmploi, .customHide600A{
	line-height:1px!important;
	margin-bottom:0px;
}
.customHide600A.offreLHeight{
/* 	max-width:67%; */
}
@media(max-width:680px){
	.customHide600A.offreLHeight{
/* 		max-width:100%; */
		width:100%;
	}
}
.bloqueEmploi p, .bloqueEmploi span{
	line-height:15px!important;
	margin-top:-10px;
	hyphens: auto;
}
.customHide600A p:first-child{
	margin-top:6px;
}
.bloqueEmploi p{
	font-size:12px;
}
.bloqueEmploi p span{
	font-size:12px;
	font-weight:600;
}
.socialOffre{
	border:1px solid #ccc;
	border-radius:2px;
	margin-bottom:40px;
}
.offr2 .lienFav{
	font-style:italic;	
}
.modalRow {                                                                       /* Aimer partager offre */
	height: 62px;
	margin-top:5px;
}
.modalRow a:hover{                                                                       /* Aimer partager offre */
	cursor:pointer!important;
	text-decoration:none;
}

.modalRow .noModalPad2{
	padding-left:0px;
}
a.link1, a.link2{
/* 	border:1px solid transparent; */
	border:0px solid #d6d6d6;
	border-radius:5px;
	color:#001d51;
	font-weight:400;
	letter-spacing: 0.01em !important;
	font-family: 'Lato', 'Open Sans', 'Arial';
}
	a.link1:hover, a.link2:hover{
	font-family: 'Lato', 'Open Sans', 'Arial';
		border:0px solid #ccc;
		background-color:rgba(204,204,204,0.02)
}
.lienSmall{
    font-size:13px;
    padding-left:9px;
}

a.link2{                                                                                             /* etoile page d�tail de l'offre */
    padding:0px 7px 0px 3px;
/*     min-height:32px!important; */
}
a.link1{                                                                                             /* etoile page d�tail de l'offre */
    padding:0px 7px 0px 3px;
/*     min-height:32px!important; */
}
a.link1, a.link1:hover, a.link1:active, a.link1:link, a.link1:focus, a.link1:target{	
	font-family: 'Lato', 'Open Sans', 'Arial';
    padding:5px 7px 7px 3px;
    min-height:32px!important;   
}
.lienSmall2, .lienSmall2:hover, .lienSmall2:active, .lienSmall2:link, .lienSmall2:focus, .lienSmall2:target{
	font-family: 'Lato', 'Open Sans', 'Arial';
    font-size:15px;
/*     padding-left:6px; */
/*     min-height:32px!important; */
}                                                                                                           /* fin debogage */
.dtl img#etoileImage48{
	margin-top:-4px;
}
.btn-default{
    border:none;
}
.lienAssideOffre{
	line-height: 26px;
	margin-bottom:30px;
}   
.lienOffre2{
	margin-left:9px!important;
}
@media only screen                                                /* Ajout Marge gauche pour personnes connect�s questionnaire detail de l'offre pour tablettes*/
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	.debugMarge{
		margin-left:15px!important;
	}
}
@media(max-width:767px){
	.debugMarge{
		margin-left:12px!important;
	}	
}
a.lienOffre2{
    color:#666666;
    font-weight:400;
    font-size:12px;
}


@media(min-width:1200px){
	a.lienOffre2{
    	font-size:0.9em;
    	margin-bottom:2px;
   }
	.dtl .lstHeader5.gauche{
	    font-size:0.7em;
	    margin-left:0.55em;
	}
   .dtl .lstHeader5.gauche .glyphicon{
    	top:2px;
	}
}
.espaceOffre{
	width:100px;
	height:100px;
    background-color:rgba(0, 29, 81, 1)!important;
	border-radius:50px;    
}
.lienOffre3{
	line-height:25px;
	margin:6px 0 20px -3px;
}
.offrConnect{
	max-width:328px;
	min-width:136px;
}
.affix .assideOffre{
	margin-top:49px;
}
.btn.btn-favoris{
	outline:none;
}

@media only screen  
and (max-device-width : 767px) 
and (orientation : portrait) {
	.logoOffre.thisOffre{
		max-height:96px!important;
	}	
	.assideOffre2.offre2Ajst .offreLHeight {
    	margin-top: 7px;
    	margn-bottom: 10px;
	}
}

/* contenu detail de l'offre */
	.cLst.dtl .widthBttn2 button.empAfx21:hover{
		background-color:#144dc8!important;
}
.lst.cLst .grisEmployeur{
    color: #9c9aa4;
}
.titreOffre{
	font-size:15px;
    font-weight:600;
}
.logoOffre{
	float:right;
	margin-left:20px;
	margin-bottom:-3px;
}
.avecProfil .post{
	font-weight:700;
}
.avecProfil .post span{
	font-weight:100;
}
p.post{
	font-size:14px;
}
.post2 a, .post3 a{
	font-family: 'Lato-Regular',  'Arial', 'Verdana', sans-serif !important;	
}
.offr2 .glyphicon-ok-circle{
	top: 3px!important;
    left: -6px!important;
    font-size: 19px!important;
}
@media (max-width:426px){
	.offr2 .avecProfil .glyphicon-ok-circle{
	    top: 5px!important;
	}
}
.etoileStyle2{
    width:20px!important;
    margin:10px 7px 0 0;
}
.modalShare .btn-jaune{
/* 	border:1px solid transparent!important; */
}
.lienOffre4{
	color:#23527c;
	font-size:16px;
	font-weight:600;
}
.lienOffre5{
	margin-top:8px;
	color:#23527c;
	font-size:15px;
	font-weight:600;
}
.lienOffre3.noBottom{
	margin-bottom:0px;
}
.dtl .btn{
/* 	outline:none; */
}
.dtl input{
	border:1px solid #ccc!important; 
}
.dtl input[type='file']{
	border:none!important;
}
	.dtl input:focus, .dtl textarea:focus{
	    outline:none !important;
	    border:1px solid #144dc8!important;
	    box-shadow:0 0 10px #719ECE!important;
}
@media(min-width:991px){
	.dtl .assideOffre2 .empAfx20{
		max-width:300px;	
	}
}
input[type='file']{
  	border-color:transparent!important;
  	padding-right:10px!important;
  	cursor:default!important;
  	font-size: 15px;
}

@media(max-width:567px){
input[type='file']{
  	font-size: 13px;
}
}


input[type='file']:hover{
  	cursor:default!important;
}
.mrgTopCstm1{
	margin-top:15px;
}
.mrgTopCstm1 input[type=checkbox], input[type=radio]{
    margin:4px 8px 0 0;
}
.mrgTopCstm2{
	margin-top:16px;
}
.mrgTopCstm3{
    font-style:italic;
    margin:8px 0 0px 0;
    font-size:11px;
}
/*@media(max-width:991px){*/
/*	.mrgTopCstm3{    */
/*    	margin:8px 0 90px 0;*/
/*	}*/
/*}*/
span.titreOffre2{
    font-size:15px;
    color:black;
    font-weight:600;
}
.offrePale{
	color:#262626;
}
.offreLHeight{
	line-height:13px;
	margin-bottom:20px;
	margin-top:6px;
	background-color:#fff;
	padding:1px 6px 7px 7px;
	border:1px solid #e8e8e8;
}
ul.customUL li{
	list-style:none;
	list-style-type:none;
}
.assideOffre2 h2, .assideOffre2 h1, .assideOffre2 p{
	hyphens: auto;
}
button.myModal, .button.myModal:link, .button.myModal:hover{
	line-height:0px;
	outline:none;
	border:none;
}
.cLst.dtl .margeAsside1 .empAfx20{
	margin-left:8px;
	margin-top:-6px;
}
.tempHeight{
	height:700px!important;
	position:absolute;
	background-color:red!important;
	top:470px;
	left:0px;
	width:330px;
	z-index:-2;
}
.lst.cLst.asside1 .card2{
    margin:-4px 0 20px 0;
}
.alignAside{
	margin-top:18px;
}
@media(max-width:680px){
	.logoOffre.thisOffre{
		max-height:96px;
	}
}

@media (min-width:601px) and (max-width:767px){
	.dtl .lstHeader5.gauche{
	    font-size:0.6em;
	    margin-left:-12px;
	}
}

/* liste ajust lines */
ul.customUL{
    list-style-type:none;
    padding-left:0px;
	font-size:15px;
}
ul.customUL{
	padding-left:0px;
}
ul.customUL li{
	position:relative;
	margin-top:15px!important;
	margin-bottom:5px!important;
	font-size:17px;
	line-height: 16px;
	font-weight:600;
	color:#001d51;
}
ul.customUL li:before{
    position:absolute;
    left:0;
	color:#3f3f3f;
	font-weight:600;
}
ul.customUL li.li1:before{
	top:10px;	
}
ul.customUL li.li2:before{
	top:6px;
	left:18px;
	text-align:right!important;	
}
.offr2 .glyphicon-ok-circle{
	color:#CDCCCC;
}
.Cand{
	margin-bottom:-15px;
}
@media (max-width:800px){
	ul.customUL li.li2:before{
		top:13px;	
	}
	img.logoOffre{
		max-width:132px;
		max-height: 106px;
	}	
	.li2 .padTop6{
		padding-top:0px!important;	
	}
}

@media (min-width:992px) and (max-width:1200px){
	a.lienOffre2{
		font-size:12px;
	}
}
@media (min-width:992px) and (max-width:1095px){
	form.formDetails label{
		font-size:12px;
	}
}
@media (max-width:991px){
	.logoOffre{
		margin-bottom:0px;
	}
}
@media (min-width:801px) and (max-width:991px){   
	.li2{
		margin-bottom:20px!important;
	}
}
@media (max-width: 767px){
	.row.mrgTopCstm2 .btn.btn-jaune{
	    background-color: #ffbc00;
	    color:white;
	    font-size:13px!important;
	    font-weight:700;
	    letter-spacing:0em;
	    font-family: 'Open Sans';
	}
}

@media (max-width:600px){
	.customHide600A.offreLHeight{
		margin-left:1px;	
	}
}

@media (max-width:767px){
	.customHide600A.offreLHeight{
		font-size:12px;
	}
}
@media (min-width:460px) and (max-width:568px){
	.offreLHeight{
		width:90%!important;
	}	
}
@media (max-width:421px){
	.copieCheck{
		font-size:11px!important;
	}	
}
@media (max-width:768px){
	.offreLHeight{
	    margin-bottom:7px;
	    margin-left:-2px;
	}
}
@media (min-width:365px) and (max-width:535px){
	.offr2 .fontFix{
		font-size:12px;	
	}
}
@media (min-width:350px) and (max-width:420px){
	.offr2 .fontFix{
		font-size:9px;	
	}
}
@media (min-width:120px) and (max-width:349px){
	.offr2 .fontFix{
		font-size:8px;	
	}
}
.sizeFix1 input{
	font-size:13px;
}
@media (max-width:345px){
	.sizeFix1 input{
		font-size:12px;
	}
	.sizeFix2 button{
		font-size:11px!important;
	}
}
@media (max-width:120px){
	.offr2 .fontFix{
		font-size:8px;	
	}
}
@media (max-width:460px){
	ul.customUL li.li1:before{
		font-size:12px;	
		top:9px;
	}
	ul.customUL li.li2:before{
		top:14px;
	}
	span.titreOffre3 {
    	font-family: 'Open Sans' !important;
    	font-size: 16px !important;
    	font-weight: 700;
	}
	span.titreOffre4{
    	font-size: 12px;
	}
	.offreEmploi{
    	line-height:13px;
   }
   .lHCustom1{
   		line-height:20px;
   }
}

@media (max-width:340px){
	.offreLHeight{
	    width:106%!important;
    	margin-left:3%;
	}
}
@media (min-width:340px) and (max-width:460px){
	.offreLHeight{
	    width: 106%!important;
    	margin-left:3%;
	}	
}
@media (min-width:411px) and (max-width:569px){
	.lienOffre4{
    	margin-top:3px!important;
   }
}
@media (width:425px){
	.lst.offr2 .avecProfil .glyphicon-ok-circle{
    	left:36px!important;
	}
}
@media (min-width:427px) and (max-width:567px){
	.lst.offr2 .avecProfil .glyphicon-ok-circle{
	    left:-6px!important;
	    top:7px!important;
	}	
}
@media (min-width:356px) and (max-width:425px){
	.lst.offr2 .avecProfil .glyphicon-ok-circle{
    	left:-7px!important;
	}
}
@media (min-width:125px) and (max-width:356px){
	.lst.offr2 .avecProfil .glyphicon-ok-circle{
    	left:13px!important;
	}
}
@media (min-width:456px) and (max-width:567px){
	.lienOffre4{
    	margin-left:0px!important;
   }
}
@media (max-width:455px){
	.lienOffre4{
	    margin-top:6px!important;  
   }
}

/* detail de l'offre mobile */
@media only screen 
and (max-device-width : 567px)
and (orientation : portrait){ 
	.mTop16{
    	margin-top:0px!important;
	}
	.mTop16 .col-lg-8.mTop30{
		margin-top:15px!important;
	}	
	.offr2 .fontFix{
    	font-size:10px;
	}
	.lienOffre4{
	    font-size:15px;
	    margin-left:25px;
	    margin-top:-24px;
	    line-height:17px;
	}
	a.lienOffre4{	    
	    margin-left:0px!important;
	}
	.empAfx21.offrExpress{
		margin-top:20px!important;
	}
	.offr2 .logoOffre{
		margin-top:6px;
	}
}

/* offr modal */
.myModal {
    background-color: transparent!important;
    padding: 0px 0px 0px 0px!important;
    cursor:pointer;
}
	.myModal:hover, .myModal:focus, .myModal:active {
		background-color:transparent!important;
}
.myModalTitle{
	float:left;
	font-family: 'isartaTIMES', 'Times', sans-serif !important; 
	color:#002073;
	font-size: 36px;
    font-weight: 500;
}

/* AFFIX CSS */
/* Note: Try to remove the following lines to see the effect of CSS positioning */
/* Affix menu 2 header*/
.affix {
	top: 50px;
	width:inherit;
	margin-top:10px;
	border-radius: 0px;
}
.affix + .container {
	padding-top: 100px;
}  
.affix-bottom {
	position: absolute!important;
}
.emp #menuNav.navbar.affix{
	margin-top:0px;
}
.sideListe.affix{
	/*margin-top:10px;*/
	top: 110px;
}

/******************************************************************* queries footer */
@media (max-width:500px){
	footer .col-xs-6{
		width:100%;
	}
}
@media (min-width:992px){
	.smallFooter{
		display:none;
	}
}
@media (max-width:991px){
	.bigFooter{
		display:none;
	}
}
@media (min-width:1025px) and (max-width:1200px){ 
	.mdXsHeight{
    	margin-top:0px!important;
	}
}
@media (min-width:1025px) and (max-width:1115px){
	.form-control.lstBody5{
		width:105%!important;
	}
}
	
/* iPadAir*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait){
	.heightFooter1{
		height:45px;
	}	
	.heightFooter2{
		height:50px;
	}
}

/* iPhone */
@media (max-width:567px){ 
	.socialIcone a img{
		    width: 25px;
	    	height: 25px;
	}
	.socialIcone .sMedia img{
		margin-top:-20px!important;
	}
	.lstBody14{
		margin-left:-10px!important;
		line-height:40px;
	}
	.lstBody13 {
 		padding-top:0px!important;
	}
	button.lstBody9{
		margin-left:5px;
	}
	.offr2 .lstHeader9.none660, .offr2 .lstHeader10.none660{
		display:none;
	}
}


@media only screen 
and (max-device-width : 567px)
and (orientation : portrait){ 
	.halfSize.col-xs-6{
		width:50%;
		padding:0 3px 0 5px;
	}
	.halfSize.col-xs-6 a{
		font-size:11px;
	}
	footer.smallFooter .margeTopFooter img{
		width:130px;
		height:33px;		
	}
	.lstBody14{
		font-size:17px;
	}
	.lnHght span{
		font-size:11px;
	}
	.lnHght{
		margin-bottom:10px;
	}
	.lstHeader1 {
    	margin: 0 15px 0 0!important;
   }

}

@media (max-width:313px){
	.emp .bandeauEmp7{
		display:none;
	}
}
@media (max-width:328px){
	.bandeauEmp7 {
	    font-size:8px!important;
	}
}
@media (min-width:329px) and (max-width :767px){
	.bandeauEmp7{
    	font-size:9px;
    }
}
@media (max-width :767px){
	.espaceEmpl1, .espaceEmpl2{
    	font-size:6px!important;
	    padding:0px 0 0 0!important;
	}
	.espaceEmpl1 img{
		width:12px;
	    height:12px;
	    margin-top:-9px;
	}

	.emp .navbar-brand, .lst .navbar-brand {
    	font-size:28px;
    }
    .maxHeightNav .nav>li>a {
    	font-size: 12px;
	}
	
	.bandeauEmp5 {
	    width: 106px!important;
	    height: 21px;
	}
  	.bandeauEmp3{
	    top:-3px;
/* 	    left:-65px; */
	}
	.pubExp {
	    margin: 0px 10px;
	    font-weight: 400;
	}
	.bandeauEmp5 {
    	padding: 0 0 2px 0!important;
    	line-height:0px!important;
   }
}

@media (max-width : 350px) {
	.emp .navbar-brand, .lst .navbar-brand {
    	font-size:24px;
    }

	a.navbar-brand.thisLogo.fixed-theme span {
    font-size: 24px!important;
	}
}

@media only screen 
and (max-device-width : 567px)
and (orientation : landscape){
	.bandeauEmp5 {
	    width: 76px!important;
	    height: 21px;
	    margin-left:-16px;
	}
}

@media (max-width : 312px){
	.emp .empConnect, .emp .bandeauEmp7{
		display:none;
	}
}
@media only screen 
and (max-device-width : 767px)
and (orientation : landscape){ 
	.espaceEmpl{
	    width:64px!important;
	    height:37px!important;
		margin-top: 0px;
	}
	.emp.cEmp.bandeauEmp3{
	    margin-top:42px;
	    top:0px!important;
	}
	
	.emp.can.nonconnecte .bandeauEmp3{
	    margin-top:5px;
	    top:0px!important;
	}
}

/* header liste des offres */
.lstHeader6:hover, .lstHeader6 a:hover, .lstHeader8:hover, .lstHeader8:hover, .lstHeader9:hover, 
.lstHeader10:hover, .lstHeader10 a:hover, .lstHeader15:hover, 
.lstHeader6:focus, .lstHeader6 a:focus, .lstHeader8:focus, .lstHeader9:focus, 
.lstHeader10:focus, .lstHeader15:focus{
	color:#ffbc00!important;
	text-decoration:none;
}
.lstHeader8:visited{
	color:white;
}
@media (min-width:461px) and (max-width:566px){
	.lst.cLst .lstHeader1 .glyphicon-user, .lst.cLst .lstHeader1 .glyphicon-folder-open {
	    left:-5px;
	    top:-11px;
	}
}


@media(max-width:767px){
	.lstHeader9, .lstHeader10{
		display:none;
	}
	.lstHeader {
    	padding-top: 6px;
	}

}


@media(max-width:319px){
	.jumbotronEmplois.lstHeader{
		height:150px;
	}
	.lstHeader9, .lstHeader10{
		display:none;
	}
	.lstHeader {
    	padding-top: 30px;
	}
   .lstHeader5, .lstHeader13{
	    font-size: 1em;
	    margin-left: 6px;
	}
}

@media only screen 
and (min-device-width : 568px)
and (max-device-width : 767px)
and (orientation : portrait){ 
	.lstHeader9, .lstHeader10{
		display:none;
	}
	.lstHeader {
    	padding-top: 12px;
	}
   .lstHeader5, .lstHeader13{
	    font-size: 1em;
	    margin-left: 8px;
	}
}

@media only screen 
and (min-device-width : 568px)
and (max-device-width : 767px)
and (orientation : landscape){ 
	.lstHeader9, .lstHeader10{
		display:none;
	}
	/*.lstHeader {
    	padding-top: 14px;
	}*/
}


@media only screen 
and (max-device-width :767px) 
and (orientation : portrait) {
	.lst .circle40 {
	    width: 26px;
	    height: 26px;
   }
}
@media(max-width:767px){
	.lstHeader1 .circle40.lstHeader12 .glyphicon, .lstHeader1 .circle40.lstHeader4 .glyphicon {
    font-size: 12px;
    left: -5px;
    top: -11px;
	}
}
@media (max-width:566px){
	.lst.cLst .lstHeader9, .lst.cLst .lstHeader10{
		display:none;
	}
}

@media (max-width: 357px){
.lst nav#menuNav .nav>li>a {
    font-size: 12px;
    padding: 15px 8px!important;
}
}

@media (min-width: 358px) and (max-width: 767px){
.lst.cLst.emp.can nav#menuNav .nav>li>a {
	padding-top: 7px !important;
    padding-bottom: 7px !important;
    padding-right: 15px !important;
    padding-left: 11px !important;
}
}

@media (min-width: 358px) and (max-width: 767px){
.lst nav#menuNav .nav>li>a {
/*     font-size: 13px; */
    padding: 15px 8px!important;
}
}

@media only screen 
and (max-device-width :767px) 
and (orientation : landscape) {
.lst nav#menuNav .nav>li>a {
    font-size: 13px;
    padding: 13px 8px!important;
}
}


@media (min-width:523px) and (max-width:566px){
	.lst.cLst .jumbotronEmplois.lstHeader {
		padding-top:3px;
    }
}

@media only screen 
and (min-device-width : 567px) 
and (max-device-width : 767px) 
and (orientation : landscape) {
	.connectedCan .lst.cLst .listIcones {
    	margin: 36px 0 4px 0;
	}
}

@media (min-width: 800px) and (max-width: 1199px){
.container {
    width: 96%;
    margin-left: 32px;
}
}

@media only screen  
and (min-device-width : 768px)
and (max-device-width : 1199px) 
and (orientation : portrait){
.container {
    width: 97%;
    margin-left: 16px;
}
}

@media (max-width : 767px) {
.navbar-brand {
    margin-left: 10px;
}
}

@media only screen 
and (max-device-width: 767px)
and (orientation : portrait ){
.navbar-brand {
    margin-left: 10px !important;
}
}

@media only screen 
and (max-device-width: 767px)
and (orientation : landscape ){
.navbar-brand {
    margin-left: 10px !important;
}

}

@media (max-width : 767px) {

	.connectedCan .listIcones {
	    margin: 51px 0 8px 0;
	    line-height: 13px;
	}
		.listIcones {
	    margin: 40px 0 6px 0;
	    line-height: 13px;
	}	
	
	 .lstHeader1	.circle40 {
    width: 26px;
    height: 26px;
}

  .connectedCan .lstHeader1 .circle40.lstHeader4 .glyphicon {
    font-size: 12px;
    left: -5px;
    top: -11px;
}

 .connectedCan .lstHeader3 {
    float: left!important;
    margin: -15px 0 0 0px!important;
}

.headerconnected {
	margin-top: -11px;
}

.headeremplnonconnect {
	margin-top: -40px;
}

.headeremplconnect {
	margin-top: -8px;
}

.headeremplnonconnect .espaceEmpl {
margin: 45px 0 -1px 0!important;
}

.headeremplnonconnect .bandeauEmp3 {
    top: 22px;
}

 #menuNav .nav>li>a {
    padding: 7px 10px !important;
}

} 


@media only screen
and (max-device-width : 767px) 
and (orientation: landscape) {
	
 #menuNav .nav>li>a {
    padding: 12px 10px !important;
}

.headeremplnonconnect .espaceEmpl {
margin: 36px 0 0px 0!important;
}

.headeremplconnect {
    margin-top: 15px;
}

.headerconnected {
	margin-top: 21px;
}

/*.disconnectCan .listIcones {
    margin: 50px 0 10px 0;
}*/

}	

@media only screen  
and (max-device-width : 567px) 
and (orientation : portrait) {	
	
		.listIcones {
	    margin: 53px 0 6px 0 !important;
	    line-height: 13px;
	}	
	
	.connectedCan .listIcones {
	    margin: 62px 0 20px 0 !important;
	    line-height: 13px;
	}
	
	 .lstHeader1	.circle40 {
    width: 26px;
    height: 26px;
}

.headerconnected {
	margin-top: 0px;
}

.personnalise.can .headerconnected {
	margin-top: -18px;
}

.headeremplnonconnect {
	margin-top: 4px;
}


.headeremplconnect {
	margin-top: 0px;
}

.bandeauEmp {
    font-size: 13px;
   margin-left: 40px;
}

.headeremplconnect .bandeauEmp {
    margin-left: 50px;
    margin-top: 30px;
}


.headeremplnonconnect .espaceEmpl {
margin: 0 0 0 0!important;
}

.headeremplnonconnect .bandeauEmp3 {
    top: 2px;
}

 #menuNav .nav>li>a {
    padding: 10px 15px !important;
}

} 

@media only screen  
and (min-device-width : 568px) 
and (max-device-width : 767px) 
and (orientation : portrait) {	
	
	.connectedCan .listIcones {
	    margin: 37px 0 22px 0 !important;
	    line-height: 13px;
	}
}


@media only screen  
and (max-device-width : 327px) 
and (orientation : portrait) {	
.splashTime {
    margin-left: 0px;
}
}


@media (min-width:324px) and (max-width:430px){
	.lst .lstHeader3 span.lstHeader8{
	    margin-right:15px;
	}
}
@media (min-width:1200px){
	.lstHeader3 {
	    display: inline-block;
	    float: left;
    	margin: 0px 0 0px 40px;
	}
	.cList .listIcones {
    	margin-top:0px;
	}
}
@media (min-width:769px) and (max-width:991px){
	.lst.cLst .row.lstHeader17 .huge{
		width:106%;
	}
}

}

@media only screen  
and (max-device-width : 767px) 
and (orientation : portrait){
	.lst.cLst .navbar.lstHeader16.affix{
		top:43px!important;
	}
}

@media only screen 
and (max-device-width : 767px) 
and (orientation : landscape){
	.lst.cLst .navbar.lstHeader16.affix{
		top:44px!important;
	}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait){
	.lst .lstHeader2{
		top:25px;
	}
	.lst .listIcones {
    	top: 32px;
	}
	.lst .lstHeader {
	    padding-top: 0px;
	}
	.lstHeader5 .glyphicon.glyphicon-user{
		left:-2px;
	}
	.cLst .connectedCan .lstHeader6 {
    	margin-left: 51px!important;
	}
	.cLst .connectedCan .listIcones {
    	left: 102px;
	}
	.cLst .connectedCan  .imageListe img {
    	margin: 52px 0 0 2px;
	}
	.lst .table td.lHeight {
    	width: 64%!important;
	}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape){
	.lstHeader5 .glyphicon.glyphicon-user{
		left:-1px;
	}
}

@media (max-width:319px){
	.lstHeader1 .circle40.lstHeader12 .glyphicon, 
	.lstHeader1 .circle40.lstHeader4 .glyphicon, 
	.connectedCan .lstHeader1 .circle40.lstHeader4 .glyphicon {
    font-size: 10px;
    left: 0px;
    top: -10px;
	}
}


@media (width:768px){
	.lst .lstHeader2, .offr .lstHeader2{
	    height: 70px!important;
	}
}
@media (max-width:767px){
	.lst.cLst nav#menuNav .nav-justified>.dropdown .dropdown-menu{
	    top: 40px;
	}
}

@media only screen 
and (max-device-width : 767px) 
and (orientation : portrait) { 
	.lst.offr .avecProfil .glyphicon-ok-circle{
	    left: -7px!important;
	}	
}

/********************** media queries employeurs /liste des offres/ detail de l'offre FINAL **********************************************************************************employeurs*/
/* general */

/* tablettes */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  
and (orientation : landscape){ 
	#menuNav.navbar.affix {
	    margin-top:0px!important;
	}
	.empOffre5{
	    min-width: 200px;
	    width:226px;
	    height: 38px;
	    margin-right:23px!important;
	    top: -11px;
	    padding-right: 212px;
	}
}


/********************************************************************************* liste des offres */
@media(min-width:768px) and (max-width:991px) {
	.lstBody17 td.col-sm-10 {
    	width:68%;
	}
}
@media(min-width:787px) and (max-width:991px) {
	.lst .table>tbody>tr>.lstBody21 {
    	padding-right: 8px;
    	padding-left:10px;
	}
}
@media (max-width:767px){
	.cLst .col-xs-8.lHeight {
	    width: 75%;	    
	    padding-left:5px!important;
	}
}
@media(min-width:992px) and (max-width:1199px){
	.lst .table>tbody>tr>.lstBody21 {
	    padding-left: 14px;
	}
}

/* > 1200px */
@media (min-width:1199px){
	.lst.cLst .listIcones{
		top:6px;
	}
}

@media (max-width:1200px){
	.cLst .allOffre {
	    line-height: 30px;
	    margin-top: 28px;
    }
    .cLst .lstBody15 button {
    	top: 5px;
	}
}
 
@media only screen 
and (max-device-width : 767px) 
and (orientation : portrait) { 
	.lst.cLst nav#menuNav .nav>li>a {
    	padding: 14px 4px!important;
	}
	.lst.offr nav#menuNav .nav>li>a{
	    padding: 15px 18px 14px 8px!important;
	}
}
@media only screen 
and (max-device-width : 767px) 
and (orientation : portrait) { 
	.lst.cLst .lstBody17 .col-xs-8{
		width: 73%!important;
	}
   .cLst .allOffre {
    	margin-top: 18px;
	}
}	

/* liste des offres iPads */
.lstBody21.tdInv2{
	display:none;
}
.lstBody21.tdInv2{
	border-top:none;
}
.height1{
	width:100%;
	line-height:16px;
	margin-top:0px;
	margin-bottom:4px;
}
.height2{
	width:100%;
	line-height:16px;
	margin-bottom:0px!important;
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px){
	.lstBody21.tdInv2{
		display:inline;
	}
	.cLst .lstBody17{
    	border-top: 1px solid #ddd;
	}
	.cLst .height1{
		display:none;
	}
	.cLst .height2{
		margin-top:12px;
		margin-bottom:9px!important;
	}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  
and (orientation : portrait){ 
	.lst.cLst .listIcones{
	    top:56px;
	    margin-bottom:84px;
	}
	.lst.cLst .lstHeader2{
    	top:50px;
	}
	.lst.cLst .allOffre {
	    left: 21px;
	    top: -6px!important;
	}
	.lst.cLst .chooseOffre{
		top:9px!important;
	}
	.lst.cLst .chooseOffre .dropdown-menu.lstBody16{
		top: 28px;
    	left: 85px;
	}
	table .col-sm-10.lHeight{
    	width: 76%;
	}
	.lstBody21.tdInv1.col-lg-2.myTd2{
		width:18%;
	}
	div.allgnIcn{
		margin-bottom:8px;
	}	
	a.recharger img{
	    padding-left: 26px;
	    width: 40%;
	    margin-top:-35px;
	}
	img[src="http://emplois.isarta.com/design/img/img_slogan-n1_220@3x.png"]{
		display:inline!important;
	}
	.lst.cLst .listIcones {
    	left: 40px;
	}
	.lstHeader3 {
    	margin: 0 0 0 0px !important;
	}
	.imageListe img{
		margin: 52px 0 0 20px;
	    width: 217px;
	    height: auto;
	}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  
and (orientation : landscape){ 
	.lst.cLst .chooseOffre .dropdown-menu.lstBody16{
		top:61px;
    	left:8px;
	}
	.lstHeader3 {
    	margin-left: 12px;
	}
	.connectedCan .lst.cLst .listIcones{
		top:13px;
    	left:251px;
	}
	.allgnIcn{
		margin-bottom:6px!important;
	}
	.chooseOffre button{
    	left:5%!important;
	}
	.cLst .enlargeCol1 .row.mTop40 {
    	margin-top: 31px!important;
	} 
	.cLst .allOffre {
    	margin-top:24px;
	}
	.cLst .lstBody15 button {
    	top: -1px;
	}
	.rafraichir {
        line-height: 21px;
    	font-size: 13px;
   	 	margin-left: 5px;
	}
	a.recharger img {
    	padding-left: 18px;	
	}
}

/* retina iPad*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2){
	.col-md-11.huge{
    	width:100%!important;
	}
	.cLst .container-fluid.empAlligne2.enlargeCol2{
		right:-17px;
	}
	.cLst table td .lnHght{
		padding-left:9px;
		padding-right:0px;
	}
	.cLst .lstBody15 button {
    	top:2px!important;
	}
}

/********************************************************************************* detail de l'offre */
.formeMarge{
	margin: 0; 
}
@media(max-width:991px){
	.formeMarge{
		/*margin-bottom: -46px!important; */
	}
	.mBottom100.respMtCanWeb{
		margin-bottom:45px!important; 
	}
	.mBottom100.respMtWeb{
		margin-bottom:10px!important; 
	}
}
@media(min-width:768px){
	.infoJour{
	    top: 43px!important;
	    font-size: 0.9em!important;	    
	}
}
@media(max-width:767px){
	.infoJour{
	    font-size: 0.9em!important;
	    margin-bottom:10px;
	}
	.unique .container-fluid {
    	padding-left: 0px;
	}	
	
}


@media (max-width:500px){
	.max300{
		max-width:106px!important;
		margin-left: 6px;
		margin-right: -30px;
		margin-bottom: 6px;
	}
}

/* detail de l'offre iPhone 5 + 6/+ + HTC*/
@media only screen 
and (max-device-width : 567px) 
and (orientation : portrait){
	.lst.offr2 .lessTop .assideOffre2 .offreLHeight{
		width: 94%!important;
	}
}



@media (min-width:601px) and (max-width:767px){
	.dtl .lienOffre3 .glyphicon-ok-circle{
	    margin-left: 18px;
	}
}
@media (min-width:460px) and (max-width:569px){
	.dtl .lienOffre3 .glyphicon-ok-circle{
	    top:8px!important;
	}
}
@media (max-width:460px){
	.dtl .lienOffre3 .glyphicon-ok-circle{
	    top:10px!important;
	}
}

@media (max-width:356px){
	.dtl .lienOffre3 .lstHeader5.gauche {
   	 	margin-left: 6px!important;
	}
	 
}
@media (min-width:400px) and (max-width:540px){
	.dtl button.offrExpress{
		font-size:12px;
	}
}
@media (min-width:350px) and (max-width:400px){
	.dtl button.offrExpress{
		font-size:10px;
	}
}
@media (max-width:350px){
	.dtl button.offrExpress{
		font-size:9px;
	}
}

/* tablettes */	
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  
and (orientation : portrait){ 
	.col-sm-12.unique{
		padding-right:15px;
		padding-left:0px;
	}
	.dtl .offreLHeight {
    	margin-left: 1px;
	}
}
@media only screen 
and (max-device-width: 1024px){
	.dtl button.offrExpress{
		max-width:210px;
	}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  
and (orientation :landscape){ 
	.dtl .lstHeader1, .cLst .lstHeader1 {
    	margin: 69px 0 0 0px;
	}
	.col-md-4.unique2 .container-fluid {
	    padding-left:7px;
	}
	.dtl .col-sm-12.ajustDtl, .col-sm-12.unique{
		padding-right:0px
	}
	.dtl .row .col-lg-4.unique2{
	 	width:31%;   
	}
	.dtl .ajustDtl{
		margin-left:12px;
		width:100%;
	}
}

/********************************************************************************************************************************** ESPACE candidat */
/* header */
@media(min-width:778px) and (max-width:1024px){
	.emp.can .bandeauEmp3{
		left: 25px;
	    width: 194px;
	}
	.emp.can .bandeauEmp4{
	    margin-bottom: 7px;
	}		
}
@media(min-width:1024px) and (max-width:1090px){
	.emp.can .bandeauEmp3{
		margin-left:-82px;
	}	
}
@media(min-width:1025px) and (max-width:1084px){
	.emp.can .bandeauEmp3{
		width:400px;
	}	
}
@media (max-width:767px){
	.emp.can .bandeauEmp3{
		margin-left: -80px!important;
/*     	top: 4px!important; */
    	width:240px;
	}	
}

@media(min-width:1126px) and (max-width:1170px){
	.emp.can #menuNav {
    	margin-top: 5px;
	}
}

/* contenu */
.blockLabel label{
	display:block;
}
.canCircle1, .canCircle2, .canCircle3, .canCircle4, .canCircle5{
	width:67px!important; 
	height:67px!important; 
	font-size:22px!important; 
	text-align:left!important; 
	font-weight:600!important; 
	margin-bottom:10px!important; 
	margin-right:10px!important;
	background-repeat: no-repeat;
}
.canCircle1{
	background-image:url(/design/img/icn_1_65.png);
}
.canCircle2{
	background-image:url(/design/img/icn_2_65.png);
}
.canCircle3{
	background-image:url(/design/img/icn_3_65.png);
}
.canCircle4{
	background-image:url(/design/img/icn_trimming_65.png); 
}
.canCircle5{
	background-image:url(/design/img/icn_fusee_65.png); 
}
.can .empMsg1{
	margin-top:4px;
}
.avntg{
    margin-top: 9px;
}
a.avntg{
	color:rgba(0, 0, 113, 1)!important;
}
.alligneAvtg{
	left: 9px;
    top: -28px;
}
.btnInscr{
	left: 15px;
}
	.alligneAvtg:hover{
		text-decoration:underline!important;
		color:#ffbc00!important;
		cursor:pointer;
}
.alligneAvtg img{
	opacity:1;
}	
	.alligneAvtg img:hover{
		opacity:0.8;
	}
.can .empAlligne1{
    margin-top: 0px;
    margin-bottom: 50px;
}
.can .empMsg4{
    margin-bottom: 36px;
}
.styleCan1{
	left:52px;
    line-height:6px;
    margin-bottom: 12px;
}
.styleCan1 p{
	font-weight:bolder;	
}
.styleCan2{
	margin-top:14px;	
}
.styleCan3{
	margin-top: 45px;
}
.styleCan4{
	margin-top:30px;
}
.bigP{
	font-size:18px;
}
.bigger{
	font-size:1.3em;
}
.canPrncpl{
	min-height:1200px;
}
.can .empAfx21{
	left:15px;
}
.form-control.addBorder{
	border: 1px solid #ccc!important;
}
a.modalCan{
	outline:none;
}
.passPerdu{
	padding:0 20px 0 20px!important;
	top:100px;
}
@media only screen 
and (max-device-width: 767px) 
and (orientation: portrait){
	.modal-content.passPerdu .btnPass{
		width:174px;
    	font-size: 12px;
	}
	.modal-content.passPerdu input{
		width:135px;
	}
	.modal-content.passPerdu .modal-footer p{
		line-height:10px;
	}
}
.separator1{
	height:20px;
}
.passPerdu .input-group{
	width:55%;
}
.passPerdu .modal-title, .passPerdu .modal-body p{
	font-weight:700;
}
.smallP{
	font-size:10px;
	margin-top:13px;
}
.ctrlHeight{
	line-height:1px;
}
.can .empAfx21{
	left:0px;
}
.can.emp .canPrncpl .checkbox{
    margin: 0 0 0 0;
}
.can1{
    margin-bottom: 15px;
}

.arcClass, .arcClass2{
	width:270px;
}
.can .input80 input, .empAff .input80 input, .select80 select{
	border:1px solid #ccc!important;
	width:80%;
	height:36px;
}

@media only screen 
and (max-device-width : 768px) 
and (orientation : portrait) { 
.can .input80 input, .empAff .input80 input, .select80 select{
	border:1px solid #ccc!important;
	width:94%;
	height:32px;
}
}	

.select95 select{
	border:1px solid #ccc!important;
	width:95%;
	height:36px;
}
.input95 input{
	border: 1px solid #ccc!important;
    width: 95%;
    height: 36px;
}       
.select92 select{
	border:1px solid #ccc!important;
	width:92%;
	height:36px;
}
.select100 select, select100a select{
	border:1px solid #ccc!important;
	width:100%;
	height:36px;
}
.select40 select{
	border:1px solid #ccc!important;
	width:40%;
	height:36px;
}
.input40 input{
	border:1px solid #ccc!important;
	width:50%;
	height:36px;
}
.input80 input{
	border:1px solid #ccc!important;
	width:100%;
	height:36px;
}

@media only screen 
and (max-device-width : 768px) 
and (orientation : portrait) { 
.input80 input{
	border:1px solid #ccc!important;
	width:110%;
	height:36px;
}	
}		

.inputStyle input{
	border:1px solid #ccc!important;
	height:32px;
	width:100%!important;
}
.input87 input{
	border:1px solid #ccc!important;
	width:87%;
	height:36px;
}
.input92 input{
	border:1px solid #ccc!important;
	width:92%!important;
	height:36px;
}
.area96 textarea{
	width:96%!important;
}
.input100 input{
	border:1px solid #ccc!important;
	width:100%;
	height:36px;
}
.can .collapseRow input[type='file']{
	border:none!important;
}
.collapseRow label, .collapseRow input{
	display:block;
}
.can .collapseRow input[type='radio']{
    height: 15px;
}
.can .collapseRow input[type='checkbox']{
	margin-right:5px;
}
input[type='radio']:focus,
.can .collapseRow input[type='checkbox']:focus{
	box-shadow: none!important;
}
.mProfil{
	padding-top:40px;
}
.can .styleSelect1 .bootstrap-select button{
	background-color:#f2f2f9!important;
	width:158%;
    height:37px;
}
	.can .styleSelect1 .bootstrap-select button:hover{
		background-color:#dddddd!important;
}
.can .styleSelect2 .bootstrap-select button{
	background-color:#f2f2f9!important;
	width:53%;
    height:37px;
}
	.can .styleSelect2 .bootstrap-select button:hover{
		background-color:#dddddd!important;
}
.mForm1{
    margin-top:-27px;
}
.mForm2{
	margin-top: -9px;
}
.cstmTxtr{
    min-height:140px!important;
    margin-bottom:20px;
}
@media(min-width:768px){
	.emp.can .cstmTxtr{
	    width:97%;
	}
}
.jaune2{
	width:100%;	
	height: 39px;
}
.lCan .jaune2{
	width:72%;	
	height: 39px;
}
.ajustBox{
    font-size:12px;
}
.ajustBox input{
    top: -2px;
}
.can .check1,
.cEmp .check1{
	margin-left: 14px!important;
}
div.checkbox{
	top:3px;
}
.mrgValider{
	margin:20px 0 8px 0;
	width:270px;
	height:40px;
}
.myNewHeight{
	min-height:3000px!important;	
}
.can .radioSquare input[type='checkbox']{
	margin-right:5px;
}

/* CAN modal se connecter*/
#myModal3, #myModal4{
	margin-top:100px;	
}
#myModal3 .modal-header
#myModal4 .modal-header{
    padding: 15px 15px 10px 15px;
}
.can #myModal3 button.empAfx21, .cEmp #myModal4 button.empAfx21{
    width:205%;
}
#myModal3 .modal-footer,
#myModal4 .modal-footer{
    border-top:none;
}
.cnnxnTop{
    padding-top: 55px;
}
@media(min-width:992px) and (max-width:1199px){
	.can #myModal3 button.empAfx21, .cEmp #myModal4 button.empAfx21{
    	width:165%;
	}
}
@media(min-width:768px) and (max-width:992px){
	.can #myModal3 button.empAfx21, .cEmp #myModal4 button.empAfx21{
    	width:187%;
	}
}
@media(max-width:768px){
	.modal-open .row.connectEmp	.col-lg-5.col-lg-push-1{
		margin-left:-15px;
		width: 102%!important;
	}
	.can #myModal3 button.empAfx21, .cEmp #myModal4 button.empAfx21{
    	width:100%;
	}
}

/* CAN Media queries header + Menu*/
@media (min-width:1025px) and (max-width:1150px){
	.emp.can .bandeauEmp6 {
    	margin: 0 0 0 12px;
	}
	.emp.can .bandeauEmp6 a {
    	margin-top: 4px;
   }
}
@media (min-width:768px) and (max-width:1024px){
	.emp.can span.empConnect {
    	line-height: 12px;
	}
	.emp.can .bandeauEmp6 a {
    	margin-top: 5px;
	}
}

@media (max-width:767px){
	.emp.can nav#menuNav .nav-justified>.dropdown .dropdown-menu,
	.cEmp nav#menuNav .nav-justified>.dropdown .dropdown-menu{
    	top: 40px;
	}
}

@media (max-width:566px){
	.emp.can .bandeauEmp6 {
    	margin: 4px 0px 0px 12px;
	}
}

@media (min-width:371px) and (max-width:414px){
	.emp.can .myNone2 {
	    display: none!important;
	}
}

@media only screen  
and (max-device-width :767px) 
and (orientation : portrait){	
	
	.emp.can .bandeauEmp3 {
	    margin-top: 25px;
/* 	    margin-bottom: 5px; */
	}
	.emp.can  {
    	top: 10px;
    	margin-bottom: 32px;
	}
	.margeREmp {
    	top: 20px;
/*     	margin-bottom: 32px; */
	}
	
	.headeremplconnect .margeREmp {
    	top: -12px;
/*     	margin-bottom: 32px; */
	}
	
	.margeRCan {
    	top: 6px;
/*     	margin-bottom: 32px; */
	}
	.margeRCanNonconect {
    	top: 10px;
    	margin-bottom: 2px;
	}
	.MargeEmpConnect {
    	top: -6px;
    	margin-bottom: 0px;
	}
	.emp.can .bandeauEmp6 a {
    	line-height: 6px!important;
    	margin-top: 2px;
    	margin-bottom: 7px;
	}
	.emp.can button.bandeauEmp5 {
    	height: 20px;
	}
	.can .mAfx{
		margin-left:15px!important;
	}
	.can .mAfx2{
		margin-left:2px;
	}
}

@media only screen  
and (max-device-width :767px) 
and (orientation : portrait){
	.emp.can.nonconnecte .jumbotronEmployeur {
    	padding-top: 15px!important;
	}
	
		.emp.can.nonconnecte .bandeauEmp3 {
	    margin-top: 50px;
	    margin-bottom: 10px;
	}
	
		.nonconnecte .margeRCanNonconect {
    	top: 0px;

	}
	
		.emp.can.nonconnecte #menuNav {
	    margin-top:5px;
	}
	
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
	.emp.can #menuNav {
    	margin-top: 4px;
	}
}

/* CAN autres Media queries */
@media(min-width:768px) and (max-width:1199px){
	.can.lCan .margeCheck{
		margin-bottom:140px;
	}
}
@media (min-width:1200px){                                                         /* Largeur bouton connecter meme largeur avec les input fields */
	.can button.empAfx21{ 
	    width: 62.5%;
	}
	.can .mHeight3k{
		height:2600px!important;
	}
	.can .canPRight{
	    padding-right:75px;
	}
}
.col-md-12.noPadCnnxn{
	padding:0px;
}
.noPadCnnxn2{
	padding-left:0px!important;
}

@media (max-device-width : 1199px){ 
	.bottomCan{
		margin-bottom:200px;
	}
}

/* Tablette */
@media (min-width : 768px) and (max-width : 1024px){ 
	.emp.can .empCircle1 {
	    margin-right: 25px;
	}
	.can .ajustValid{
		margin-left:58%;
	}
}
@media (min-width : 768px) and (max-width : 991px){ 
	.emp.can .empCircle1 {
	    margin-right: 25px;
	}
}
@media(min-width:992px) and (max-width:1072px){
	.emp.can .empCircle1 {
    	margin-right: 2px;
	}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
	.emp.can .sectionBtn .empMsg5{
		margin-left:0%;
	}
	.bottomCan{
		margin-bottom:100px;
	}
	.emp.can .empCircle1 {
	    margin-right: 14px;
	}
	.emp.can .bttnCan{
		width:85.5%;
	}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
	.emp.can .bttnCan{
		width:70%;
	}
}

/* Mobiles */
@media (max-width : 767px){
	.emp.can .empCircle1 {
	    margin-right:0px;
	}
	.xsMtop1{
		margin-top:15px;
	}
	.can .empAlligne1{
    	margin-bottom:35px;
	}
	.can .input80 input, .empAff .input80 input{
	    width: 100%;
	}
	.emp.can .mBottom25.input80{
		margin-bottom:0px;
	}
/* 	.formCan input{ */
/* 		margin-bottom:20px; */
/* 	} */
	.xsMbottom{
		margin-bottom:10px;
	}
	.xsInput input{
		margin: 0 0 2px 7px;		
	}
	.mProfil2{
		padding-top:20px;
	}
	.xsInput2 .mBottom25{
		margin-bottom:0px;
	}
	.xsInput2 input, .xsInput2 select{
		margin-bottom:20px;
	}
	.xsInput2 .mBottomCan{
		margin-bottom:30px;
	}
	.emp.can .noRight{
		margin-right:0px;
		padding-right:0px;
	}
	.emp.can .styleCan1 {
    	left:0px;
	}
	.lessRight{
		padding-right:0px;
	}
	.emp.can .cstmTxtr {
    	width:95%;
	}
	.can .styleCan3 {
    	margin-top: 0px;
	}
	.can .cnnxnTop {
    	padding-top: 45px;
	}
	.endBottom{
		margin-bottom:150px;
	}
	.endBottom2{
		margin-bottom:65px;
	}
	.can .xsInput input {
    	margin: 2px 4px 2px 7px;
	}
}
@media only screen 
and (max-device-width :767px) 
and (orientation : portrait) { 
	.emp.can .xsRight{		
	    margin-left: 19%!important;
    	padding-right: 102px;
	}
}

@media only screen 
and (max-device-width :767px) { 
	.emp.can .sectionBtn button{
	    font-size:13px;
	    width:33%;
	}
}

@media only screen 
and (max-device-width :767px)
and (orientation : portrait) { 
	.emp.can .sectionBtn button{
 		margin-left:4%!important;
	}
}

@media only screen                                 
and (min-device-width : 361px) 
and (max-device-width : 375px) 
and (orientation : portrait) {
	.sectionBtn .ajustValid button {
	    width:82%!important;
	}
}


/********************************************************************************************************************************** PROFIL candidats*/
/* header profil */
.imgResp{
	border-radius:50%;
}
.prflStl3 p{
	margin-bottom:0px;
}
.prflResp1, .prflResp1 a, .prflResp1 p{
	line-height:17px;
}

.prflResp1 h3{
	line-height:22px;
}
.hrProfil{
    border-bottom: 1px solid lightgrey;
    width: 97%;
    margin: auto;
}
.headProfil img{
	max-width:150px;	
	height:auto;
}
.headProfil h3{
	margin-top:0px;
	color:#00277b;
	font-weight:600;
}
.toUpper{
	text-transform:uppercase;
}
.hoverMe{
	cursor:pointer;
}
.prflMarg{
    margin-bottom:0px;
}
.prflMarg2{
    margin-bottom:9px;
}
.prflMarg, .prflMarg2, .prflMarg6{
	line-height:16px;
	margin-top:4px;    
}
.prflMarg11a, .prflMarg12, .prflMargAutre{
	margin-top:4px;
}
.prflMarg3{   
	padding-right:21px;
}
.prflMarg4{   
	padding-left:21px;
}
.prflMarg5{   
	padding-right:26px;
}
.prflMarg7{   
	margin-top:0px;
}
.prflMarg8{   
	margin-top:0px;
}
.prflMarg9{
	margin-top:6px;
}
.prflMarg9 p{
    font-weight:600;
    color:#00277b;
    font-size:12px;
}
.prflStl1{
    line-height: 11px;
    font-weight:600;
    color:#00277b;
    margin-bottom: 13px;
}
.prflStl1 p{
	margin-bottom:5px;
}
.prflMarg7 a{
	font-size:12px;
}
.colPrfl1{
	width:3%;
	float:left;
    margin-left: 1.6%;
}
.colPrfl2[class*=col-]{
	width: 81.5%;
}
.colPrfl2 p{
    font-weight: 600;
    font-size: 13px;
}
/*.popover.in{
	background-color:rgba(20,77,200,0.85);
	color:#ffbc00;
	text-align:center;
	font-size:0.85em;
}
*/
/* queries header */
@media(min-width:992px) and (max-width:1260px){
	.canConnect .edit-btn{
	    top: -61px;
    	left: 162px;
	}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
	.prflMarg11.prflStl3{
		margin-left:-9px!important;
		top: -12px;
	}
	.prflStl4{
	    top: -10px;
	}
}

/* asside profil */
/*.affix .card1{*/
/*	margin-top:50px;*/
/*}*/

/* contenu profil */
@media(min-width:991px) and (max-width:1250px){
	.canConnect .container-fluid.addContainer2{
		margin-right:3%;
		margin-left:1%;
		width:93%;
	}	
}

@media(min-width:601px){
	.canConnect .container-fluid.addContainer{
		margin-left:3%;
	}
}
@media(max-width:600px){
	.canConnect .container-fluid.addContainer{
		margin-left:6%;
	}
}
.borderVoir{
    border: 1px solid #e3e3e3;
    padding: 20px 20px 0 20px;
    border-radius: 12px;
    background-color: #f6f6f6;
}
.padVoir{
    padding:20px 20px 0 17px;
}
.btnPrfl1{
    position: absolute;
    top:4px;
    left: 75px;
}
.prflMarge1{
    margin-right: 41px;
}
.widthHr{
    width: 93%;
}
.empMsg8.btnPrfl2{
	margin:0;
	padding-left:15px;
}
.prfl .canPrncpl {
    margin-left: 0%;
}

/* aside */
.can.prfl .affix-top .card1 {
    margin-top: -7px;
}
.can.prfl .affix .card1 {
    margin-top: 30px;
}

/* media queries */
/* queries header profil candidats */ 
@media(min-width:1201px) and (max-width:1260px){
	.prflFull .mLeftmin15{
    	margin-left: 15px!important;
	}
}
@media(max-width:1200px){
	.hrProfil{    	
    	width:100%;
    	margin:auto;    	
	}
}
@media(min-width:1200px){
	.hrProfil {
	    border-bottom: 1px solid lightgrey;
	}
}
@media(min-width:992px) and (max-width:1028px){
	.prflStl4 a{
		font-size:0.8em;
	}
}
@media(min-width:768px) and (max-width:991px){
	.prflResp1{
    	margin-left:4%;
   }
   .prflMarg7 a {
    	font-size: 0.7em;
	}
	.cvAjust a{
		font-size:0.8em;
		margin-left:2%;
	}
	.inv520a, .cvInv span{
		display:none;
	}
}
@media(max-width:991px){
	.prflStl2{
		white-space:nowrap;
	}
    .prflStl2 p{
    	font-size:13px;
    }
    .prflMarg9 p {
    	font-size: 9px;
    	margin-top: 8px;
	}
}
@media (min-width:471px) and (max-width:991px){
    .prflStl2 p{
    	font-size:13px;
    }
}
@media(min-width:768px) and (max-width:840px){
	.prflFull{
		margin-left:25px;
	}	
}
@media(min-width:520px) and (max-width:768px){
	.prflMarge10{
		margin-left:0px;
	}
}
@media(max-width:768px){
	.prflFull .mLeftmin15 {
    	margin-left:0px;
	}
	.prflMarg10{
		margin-top:10px;
		padding-left:0px;
	}
	.ajustVoir2{
		margin-left:-17px!important;
	}
	.prflMarg{
	    line-height: 19px;
	    margin-top: 3px;
	}
	.prflMarg11{
   		margin-top: 6px;
    	margin-bottom: 3px;
   }
   .prflMarg12{
   		margin-top: 5px;
   		margin-bottom:5px;
   }
}
@media only screen 
and (max-device-width : 767px) 
and (orientation : portrait){
	.ajustVoir3{
		margin-top:21px;
	}
	.ajustVoir5{
		margin-left:-5px!important;
	}
	.ajustVoir6{
		margin-left:10px!important;
	}
	.ajustVoir7{
		margin-left:13px;
	}
	.ajustVoir8{
		margin-left:6px;
	}
	.ajustVoir9, .ajustVoir10{
		width:100%;
	}
	.ajustVoir10{
		padding-left:0px!important;
	}
	.ajustVoir11{
	    margin-top: -4px!important;
	}
	.ajustVoir12{
		width:136%;
	}
	.ajustVoir13{
		width:114%;
	}
	.ajustVoir14{
		width:115%!important;
	}
	.ajustVoir15{
		width:110%;
	}
	.ajustVoir16{
		width:111%;
	}
	.ajustVoir17{
		width:128%;
	}
	.ajustVoir19{
		margin-top: 21px!important;
    	margin-right: -65px;
    	padding-left: 28px;
    	font-size: 12px;
	}
	.ajustVoir19 img{
		margin-bottom:6px;	
	}
}

@media(max-width:717px){
	.cvInv span{
		display:none;
	}
}
@media(min-width:520px) and (max-width:767px){
	.prflMarge10{
    	margin-left:90px;
	}
}
@media(min-width:461px) and (max-width:767px){
	.cvAjust{
		margin-top:8px;
	}
}
@media(max-width:520px){
	.imgResp{
		width:100px;
		height:auto;
	}
	.prflMarge10 {
    	margin-left: 0px;
     margin-bottom: 20px;
	}
}
@media(max-width:460px){
	.cvInv, .inv520a{
		display:none;
	}
	.ajustVoir{
		margin-top:21px;
	}
}
@media(min-width:461px){
	.cvInv2{
		display:none;
	}
	.inv520b{
		display:none;
	}
}
@media(min-width:461px) and (max-width:768px){
	.inv520a{
		display:none!important;
	}
	
}
@media(max-width:400px){
	.prflMarge10 h3{
		line-height: 22px;
		font-size:1.4em;
		margin-bottom:5px!important;
	}
	.prflStl1{
    	margin-top:1px;
	}
	.prflStl1 p{
    	margin:11px 0 11px 0!important
	}
	.prflMarg7 a{
    	font-size: 10px;
	}
	.smImg{
		width:50px;
		height:auto;
	}
	.smImg2{
		height:auto;
	}
	.prflStl5{
		padding-left:3px!important;
	}
	.prflStl6{
		padding-left:15px!important;
	}
}
@media(min-width:337px) and (max-width:400px){
	.cvAjust a{
		font-size:13px;
	}
}
@media(max-width:336px){
	.cvAjust a{
		font-size:12px;
	}
}
@media (min-width:351px) and (max-width:470px){
	.prflStl2 p{
	    font-size:14px;
	}
}
@media (min-width:321px) and (max-width:350px){
	.prflStl2 p{
		font-size:13px;
	}
}
@media (max-width:320px){
	.prflStl2 p{
		font-size:12px;
	}
	.hrProfil{
    	width: 110%;
    	margin-left: -16px;
   }
}
@media (max-width:350px){
	.prflStl3{
		padding-right:0px;
	}
	.prflStl4{
		padding-left:0px;
	}
}

/* queries content profil candidats */
@media(max-width:991px){
	.emp.prfl .empMsg5{
		width:100%;
	}
}
@media(min-width:769px) and (max-width:991px){
	.btnPrfl6, .btnPrfl7{
		width:100%;
	}
	.prfl .btnPrfl7{
		width:100%;
	}
}
@media(max-width:768px){
	.prfl .btnPrfl3{
		margin-top:30px;
		position:relative;
		padding-top:0px;
	}
	.prfl .btnPrfl1{
		position:relative;
		left:0px!important;
	}
	.prfl .empMsg8.btnPrfl2{
		width:100%;
	}
	.mTop10.noTop10{
		margin-top:0px;
	}
	.btnPrfl5 button{
		margin-bottom:30px;
	}
	.btnPrfl6 button{
		margin-bottom:30px!important;
	}
}
@media(max-width:700px){
	.colPrfl2.col-xs-9{
		padding-left:30px;
	}
}

@media(max-width:485px){
	.btnPrfl6 button, .btnPrfl8 button{
		font-size:13px;
	}
	.btnPrfl5 button img, .btnPrfl8 button img{
	    width: 22px;
    	height: auto;
	}
	.prfl .mLeft10.noLeft10a{
		margin-left:0px!important;
	}
}
@media (min-width:400px) and (max-width:485px){
	.btnPrfl5 button{
		font-size:13px;
	}
}
@media (max-width:400px){
	.btnPrfl5 button{
		font-size:13px;
	}
	.colPrfl1{
   	 	margin-left:4%;
	}
}
@media(max-width:450px){
	.btnPrfl4 img{
		width: 28px;
    	height: auto;
	}
}	
@media(min-width:390px) and (max-width:450px){
	.btnPrfl4 button{
		font-size:13px;
	}	
}
@media(max-width:389px){
	.btnPrfl4 button{
		font-size:13px;
	}
	.prfl .mLeft10.noLeft10{
		margin-left:0px;
	}
}

/* queries profil tablettes */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	.btnPrfl1 {
	    left: 55px;
	}
	.prflMarge1 {
    	margin-right: 15px;
	}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	.prfl .btnPrfl3 {
	    margin-top:0px;	
	}
}

/**************************************************************************************************************************** EMPLOYEURS affichage*/
.empAff .bandeau {
    background: linear-gradient(to bottom, rgba(20, 77, 200, 1) 0%, rgba(0, 39, 123,1) 100%);
    background: #001D51;
    background: -moz-linear-gradient(top, rgba(20, 77, 200, 1), rgba(0, 39, 123,1) 0% 100%);
    background: -webkit-linear-gradient(top, rgba(20, 77, 200,1), rgba(0, 39, 123,1) 0% 100%);
    background: linear-gradient(to bottom, rgba(20, 77, 200,1) 0%, rgba(0, 39, 123,1) 100%);
	color: #FFF;
	padding: 10px;
	font-size: 1.8rem;
	font-weight: bold;
	font-family: 'Open Sans', sans-serif !important;	
	margin-top: 0;
	margin-bottom: 20px;
}

.bandeauBleu {
    background: linear-gradient(to bottom, rgba(20, 77, 200, 1) 0%, rgba(0, 39, 123,1) 100%);
    background: #001D51;
    background: -moz-linear-gradient(top, rgba(20, 77, 200, 1), rgba(0, 39, 123,1) 0% 100%);
    background: -webkit-linear-gradient(top, rgba(20, 77, 200,1), rgba(0, 39, 123,1) 0% 100%);
    background: linear-gradient(to bottom, rgba(20, 77, 200,1) 0%, rgba(0, 39, 123,1) 100%);
	color: #FFF;
	font-family: 'Open Sans', sans-serif !important;	
}

.table98{
	width:98%;
}
.myBorderTable{
	border: 1px solid #ddd;
}
.cell1, .cell3, .cell4{
	width:27%;
}
.cell2{
	width:19%;
}
.noBorderHvr:hover{
	border-color:transparent!important;
}
.btn-validate{
	display: block; 
	width: 100%;
}
.aff .form-horizontal .control-label{
	text-align:left;
}
.aff1{
    margin-left: 16px;
    margin-bottom: 10px!important;
}
.aff1.p{
	margin-bottom:0px;
}
.aff2{
    left: -16px;
}
.aff2 select {
    padding: 7px 11px 7px 0px!important;
    border: 1px solid #ccc;
}
.aff3{
	margin: 0 0 0 1px;
}
.aff4{
    font-weight: 800;
    font-size: 15px;
    color:#000071;
}
	.aff4:hover{
		color:#144dc8;
}
.styleInput input[type='text'], .styleInput input[type='email']{
		border:1px solid #ccc!important;
}
.styleInput .input-group{
    margin: 8px 0 0 0px;
    border-radius:0px!important;
}
.styleInput .input-group-addon{
    border-radius:0px!important;
}
.aff5{
    margin-left: -2px;
    margin-bottom:30px;
}
.aff6{
	margin-bottom:0px!important;
	padding-bottom:0px!important;
}
.bttnAff button{
    margin-bottom:150px;
    margin-left:1.6%;
/*     font-size:17px; */
    width:43%;
    font-weight:100;
    padding:10px;
}
.inscrptn .bttnAff button {
    padding:5px;
    height: 40px;
}
.affichage_p .bttnAff button{
	width:29%;
}
.bttnAff.btn-jaune{
	height:39px;
}
.aff8 label:hover{
	text-decoration:underline;
	color:#000071;
}
.ajustMarge{
	margin-top:10px!important;
}
.ajustMarge2{
	margin:10px 0 30px 0!important;
}
.ajustMarge3{
	margin-top:30px!important;
}
.styleEmp .empMsg1, .styleEmp2 h4{
	margin:30px 0 0 0;
}
.styleEmp3 h4{
	margin:30px 0 10px 0!important;	
}
.styleEmp4 h4, h4.styleEmp4{
	margin:40px 0 10px 0;	
}
.styleEmp5 h4, h4.styleEmp5{
	margin:40px 0 0 0!important;	
}
.styleEmp6 h4 {
    margin: 30px 0 21px 0;
}
@media(max-width:768px){
	.styleAffchg .mTop30{
		margin-top:0px!important;
	}
	.styleAffchg label{
		margin-top:10px;
	}
	.aff6{
    	line-height: 40px;
	}
	.aff7{
		margin-top:30px;
	}
}
@media(max-width:1200px){
	.bttnAff button{
		margin-bottom: 200px;
	    font-weight: 700;
	    width: 306px;
   }
}
@media(min-width:475px) and (max-width:1200px){
	.bttnAff button{
		margin-left: 2.4%;
	}
}
@media(max-width:475px){
	.bttnAff button{
		margin-left:5%;
	}
}
@media(max-width:400px){
	.aff8 label{
		font-size: 12px;
	}
}

/****************************************************************** tiny mce */
@media(min-width:768px){
	table#tinymce_tbl{
		width:100%!important;
	}
}
@media(max-width:767px){
	table#tinymce_tbl{
		width:10%!important;
	}
	.resTop{
		margin-top:10px;
	}
}
@media only screen 
and (min-device-width :768px) 
and (max-device-width :1024px) 
and (orientation : portrait) {
	.aff9{
		font-size:0.95em!important;
	}
}

/*****************************************************************************************************************************************EMPLOYEURS Inscription*/
.inscrptn1 .control-label{
	padding-left:15px!important;   
	margin-left:15px!important; 
}
@media only screen 
and (min-device-width :768px) 
and (max-device-width :1024px) 
and (orientation : landscape) {
	.pubExpIns{
		padding-right:0px!important;
	}
	.btnInsc{
		font-size:0.8em;
	}
}
@media(min-width:768px) and (max-width:1024px){
	.empAff.inscrptn .table > thead > tr > th {
	    padding-top:7px;
	    padding-bottom: 4px;
	}
	.tdPad0{
		line-height:28px!important;
		padding-bottom:0px!important;
	}
}
@media(max-width:768px){                                                                                     /* btn-insc largeur fixe */
	.btnInsc{
		font-size:0.7em!important;
		width:150px!important;
	}
}
@media(max-width:500px){
	.inscrptn1 option{
		font-size:0.3em!important;
	}
	.empAff select.inscrptn3{
    	padding: 10px 5px;
	}
	.form-control.inscrptn3{
    	font-size: 8px;
   }
}
@media(min-width:406px) and (max-width:460px){
	.titreTable th{
		font-size:10px;
	}
}
@media(max-width:405px){
	.titreTable th{
		font-size:7px;
	}
}
@media(min-width:768px) and (max-width:991px){
	button.empOffre5.pubExpIns{
		margin-right:10px;
	}
}

@media only screen 
and (max-device-width : 567px) 
and (orientation : portrait) { 
	.titreTable th{
		font-size:7px;
	}
	.inscrptn2 label{
		font-size:7px;
	}
	.inscrptn2 .tdPad0{
		font-size:8px;
		padding-top:16px;
	}
}
@media only screen 
and (max-device-width : 767px) 
and (orientation : portrait) { 
	.beSmall{
	    padding-right:5px!important;
	    padding-left:6px!important;
	}
	.modal-content .connectEmp .empAfx16, .modal-content .connectEmp .empAfx17 {
	    height: 30px!important;
	    margin-left: 0%;
	}
}
@media only screen 
and (max-device-width : 767px){
	.modal-content .connectEmp .col-xs-12.col-lg-push-1{
		padding-left:0px!important;
	}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	.modal-content input.form-control.empAfx17.formEmp{
		margin-left:50px!important;
	}
}

/***************************************************************************************************************************************** EMPLOYEURS Banque CV */
.noBackground a:hover, .noBackground a:focus, .noBackground a:visited{
	background-color:transparent!important;
}
/* .empAff .styleCV select{ */
/*     width: 234px!important; */
/* } */
.bnq1{
	margin-top:10px;
}
.btnHover{
/* 	border:transparent; */
}
.btnHover:hover{
    background-color: #144dc8!important;
}
.bnq .widthBtn{
	width:250px;
	float:left;
	margin:30px 15px 150px 15px;
}
.bnq .empMsg4{
	margin-bottom:20px;
}
.hoverBnq li a{
	left:-5px;
}
.hoverBnq li a:hover{
	color:#ffbc00;
}
.mTopBnq{
	margin-top:20px;
}
@media(min-width:700px){
	.ajustWell{
		width:96%;
		margin-left:2%;
	}
}
@media(max-width:700px){
	.ajustWell{
/* 		width:94%; */
		margin-left:30px;
	}
}

/******************************************************************************************************************************************* EMPLOYEURS forfaits */
.forfaits .tarifs .glyphicon-ok{
    top: 0px!important;
    left: 0px!important;
}
.bttnChoisir{
	background-color:#ffbc00;
	border:1px solid transparent;
}
	.bttnChoisir:hover{
		background-color:#ec971f;
		border:1px solid transparent;
}   
.padTarifs span{
	padding-right:20px;
}
.lHtarifs p{
	margin-bottom:4px;
}
.borderTarifs{
	border:1px solid #ddd;	
	margin-bottom:5px;
}
.ajustTarif{
	padding-top: 7px;
    margin-bottom: 5px;
    font-weight: bolder;
}
.spcTarifs{
    letter-spacing: 2px;
}
.widthLess{
	width:98%;
}

/**************************************************************************************************************************************************** EMPLYEURS forfaits-2 */
.brdrTbl{
	border: 1px solid #ccc;
}
.brdrTbl2{
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
}
.padTbl0{
	padding-right:0px;
	padding-left:0px;
}
.heightTbl{
	height:123px;
}
.heightTbl2{
	height:60px;
}
.noRelance{
    font-size: 1.3em;
    margin-top: 21px;
    text-align: center;
}
.stylePrix{
    top: 23px;
    font-size: 17px;
    text-align: center;
}
.stylePrix2{
	font-size: 9px;
    text-align: center;
    padding-top: 13px;
}
.ajustSmall{
	font-size:10px;
	font-style:italic;
}
.tableGris{
	background-color:#f6f6f6;
}   
.pale2{
	font-weight:100;
	color:#5b5b5c!important;	
}
.fntBleu{
    color: rgba(0,29,81,1.0)!important;
    text-align:center;
}
.fntBleu2{
    color: rgba(0,29,81,1.0)!important;
}
.smallHeight{
	line-height:11px;
}
.styleForfait1{
    margin-top: 22%;
}
.styleForfait2{
    margin:51% 0 0 0;
} 
.styleForfait3{
    margin-top:31%;
    margin-bottom:0px;
}
.styleForfait4 p{
	margin-bottom:0px;
	line-height:14px;
}
.styleForfait4{
    margin-bottom: -25px;
}
.styleForfait5 p{
	margin-bottom:0px;
	line-height:20px;
}
.styleForfait6{
    margin-left: 15px;
    margin-top: 10px;	
}
.thisTable2 th, .thisTable2 td{
	padding-top:10px!important;
	padding-bottom:10px!important;
}
.smallP2{
	font-size:0.8em;
}
.tableF img{
	width:26%;
	margin-left:37%;
}
.topTable{
	margin-top:20px;
}
.topTable2{
	margin-top:15px;
}
.heightCell{
	height:19px;
}  
.cellSmall{
	font-size:0.7em;
}
.margeForfait{
	margin-right:20px;
	margin-left:20px;
}  
.bigGraph{
	font-size:2em;
}
	.hoverOrange:hover{
		background-color:#ec971f!important;
}
	.hoverOrange2:hover{
		color:#ec971f!important;
}
	.hoverBleu:hover{
    	background-color: #144dc8!important;
	}
.expSmall{
	font-size:0.9em;
} 
.bottom0Frft p{
	margin-bottom:0px; 	
}
.ajustTable td, .ajustTable2 td,
.ajustTable td a, .ajustTable2 td a{
	text-align:center;
	color: rgba(0,29,81,1.0)!important;
/* 	font-weight:bolder!important; */
	vertical-align: middle!important;
}
.thisTable2 .table>thead>tr>th {
    vertical-align: middle!important;
}
.nBtable{
	border-bottom:1px solid transparent!important;
}
.nBTable2{
	border-left:1px solid transparent!important;
	border-right:1px solid transparent!important;
	margin-bottom:0px!important;
	padding: 0 0 0 0!important;
}
.nBTable2 p{
	margin-bottom:0px!important;
    padding:9px 0 11px 6px!important;
}
.nBTable3{
	border-right:1px solid transparent!important;
}
.nBtable4{
	border-top:1px solid transparent!important;
}
.nBtable5 p{
	margin-bottom:8px;
}
.titreCell{
	font-size: 17px;
}
.smallHeight p{
	font-size:0.7em;
	margin-bottom:0px;
}
.smallEncart{
	font-size:0.65em;
	border-left:1px solid #ddd;
	border-top:1px solid #ddd
}
.nTable7{
	margin-bottom:0px;
}
.nTable8{
	margin-bottom:15px!important;
}
img.bigImg{
	width:50%;
}
.ajustTable td{
	padding-top:20px!important;
	padding-bottom:20px!important;
}
.em1{
	font-size:1em;
}
.em2{
	font-size:0.9em;
}
.overAuto{
	overflow-x:auto;
}
.centTable th{
	text-align:center;
} 
.well-ajust{
	height:195px;
}
.forfaits .splashCercles2 {
    background-color:#ffbc00;
}
.forfaits .circleStyle1{
	padding-right:0px;
}
.forfaits .splashCercles3 img{
    width:26%;
    margin-left:33%;
    margin-top:9px;
}
.forfaits .splashCercles3{
	line-height:18px;
}
	.hoverOp:hover{
		opacity:0.8;
}
.bottomCirc{
    margin-bottom: 18px!important;
    margin-top: 10px;
    font-size:21px;
}
.ajustBackground{
	background-color: rgba(0, 29, 81, 1)!important;
}
.smallEncart{
	max-height:33px;
}
.heightTable tr{
	height:50px;
}
.mTopRsp{
	margin-top:-7px;
}
.customSize{
	font-size:1.2em;
}
.ajustBorder{
	border-right:1px solid transparent!important;
}

/* media queries forfaits 2*/
@media(min-width:1200px){
	.mRContent{
	    width: 74%;
	    margin-right: 1%;
	}  
}
@media(min-width:992px) and (max-width:1199px){
	.mRContent{
	    width: 73%;
	    margin-right:1%;
	}  
}
@media(min-width:768px) and (max-width:1024px){
	.empOffre5 {
    	margin: 12px 12px 0 0;
	}	
}
@media(min-width:768px) and (max-width:835px){
	.well-ajust{
		height:234px;
	}
}
@media(min-width:550px) and (max-width:768px){
	.well-ajust{
		height:440px;
	}
}
@media(max-width:768px){
	.respMarge{
		margin-bottom:25px;
	}
	.respFont{
		font-size:0.6em;
	}
	.respImg{
		width:40px;
		height:auto;
	}
	.margeForfait{
		margin-right:5px;
		margin-left:5px;
	}  
	.styleForfait7{
	    top: -40px;
	}
	.styleForfait8{
		top:-24px;
	}
	.well-ajust{
		height:320px;
	}
	.hoverOp #circleFormation{
		margin-left:0px!important;
	}
	.mTopRsp{
		margin-top:3px;
	}
	.styleForfait6 ul{
		margin-left:-20px;
	}
}

/* tablettes*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
	.respFont{
    	font-size: 0.9em;
	}
	.well-ajust{
    	height: 250px;
    }
    .styleForfait8 .splashCercles{
    	margin-left: 9px!important;	
    }
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape){  
	.well-ajust{
	    height: 241px;
	}
}

/* phones*/
@media only screen 
and (max-device-width : 767px)  
and (orientation : portrait) {  
	.respMarge2{
		margin-top:37px;
	}
	.respMarge3{
		margin-top:22px;
	}
	.respMarge4{
		margin-top:20px;
	}
	.respFont {
    	font-size: 0.7em!important;
	}
} 

/***************************************************************************************************************************** EMPLOYEURS résultats */
	.dropdown-menu.demo:hover{
		cursor:default;
		box-shadow: 0 0 0 white!important;
}
.dropdown-menu.demo{
	text-shadow:none!important;
	box-shadow: 0 0px 0px white!important;
    background-color: #144dc8;
    color: #ffbc00;
}
.dropdown-menu.demo li{
    padding-left: 10px;
    font-size: 11px;
    font-weight: 700;
}
.listeCan thead th, .listeCan thead td{
	text-align:center;
}
.listeCan thead th{
	vertical-align:middle!important;
}
.listeCan p{
	margin-bottom:0px;
}
.width34{
	width:34%!important;
}
.width12{
	width:12%!important;
}
.demo2{
	color:#5b5b5c!important;
	font-size:0.6em;
}
.colorId a{
	color: rgba(0,29,81,1.0)!important;
	font-weight:bold;
}
td.colorId{
	vertical-align:middle!important;
}
.emploi{
	color: rgba(0,29,81,1.0)!important;
    font-weight: bolder;
    font-size: 1.1em;
    margin-bottom:5px!important;
}
.ajustTd{
	padding-left:15px!important;
}
.res .lstBody15{
    margin-right: 1px;
    top: 6px;
}
table.listeCan tbody:nth-child(odd){
	background-color:#f5f5f5!important;	
}
.res1 .nav-tabs {
    border-bottom:none;
}
.res1.well{
	background-color:transparent;
}
.res1 .nav>li>a {
    padding: 5px 7px;
}
@media(max-width:768px){
	.res1{
		padding-left:15px;
		margin-right:0px!important;
	}
	.res1 form, .res1 div.nonDispo{
	    margin-left: -23px;
	}
}
@media(max-width:550px){
	div.nonDispo{
	    width:80%;
	    text-align:center;
	}
	div.nonDispo p{
	    padding-left:0px;
	}
}
.res1{
	margin-right:18px;	
}
.res1 ul, .res .tab-pane{
	padding-right:5px;
	padding-left:5px;
}
.res .tab-pane{
	margin-left:3px;
}  
.res1 li a{	
	min-height:50px;
	color: rgba(0,29,81,1.0)!important;
	font-weight:900;
	background-color:#ddd;
    font-size: 12px;
	text-align:center;
}
.well.res1{
	padding-left:0px!important;
	padding-right:0px!important;
}
.res1 li{
	padding-left:45px;
    width:50%;
}
.nonDispo p{
    vertical-align: middle!important;
    padding-top: 13px;
    padding-left: 20px;
    font-size: 14px;
    margin-top: 18px;
}
.widthCustom{
	width:34%;
}
.buttonRes{
	float:right;
}
.buttonRes .dropdown-menu.demo li{
    padding-left: 9px;
    font-size: 10px;
}
.buttonRes  .dropdown-menu.demo {
    color: #ffbc00;
    top: 27px;
    left: 4px;
}
@media(max-width:990px){
	.buttonRes{
		left: 15px;
	}
}
@media (min-width:569px) and (max-width:991px){
	.res .lstBody14 {
	    top: 5px;
	}
}
@media (max-width: 568px){
	.res .lstBody14{
	    margin-left: 0px!important;
	    line-height: 40px;
	}
}
@media (max-width:420px){
	.buttonRes{
	    display:none;
	}
	.res .lstBody14 {
    	margin-bottom: 12px;
	}
}

/* media queries mobilles page résultats*/
@media only screen 
and (max-device-width : 767px) 
and (orientation : portrait) {
	.res2, .res3{
		max-width:5%;
	}
	.res4, .res5, .res6, .res7, .res8, .res9{
		max-width:10%;
	}
	.res3 a, .res2, .res4, .res6, .res8{
		font-size:0.86em;
	}
	.res5, .res7, .res9{
		font-size:0.7em;
	}
	.table.tableRes>tbody>tr>td{
		padding-right:0px!important;
		padding-left:4px!important;
	}
	.resSelect1 {
    	width:75%;
	}
}

/*****************************************************************************************************************************************EMPLOYEURS affichage2*/
.empAff.aff2 .bandeau{
	margin-bottom:4px;
}
.aff2 .ajustMarge{
	margin-bottom: 24px;
}   
.aff21{
	font-weight:700;
}

@media(min-width:742px){
	.inputMarge{
		margin-top:18px;
	}
}
@media(max-width:741px){
	.inputMarge{
		margin-top:0px!important;
	}
}
@media(min-width:691px) and (max-width:1011px){
	.aff22{
		margin-top:48px!important;
	}
}
@media(min-width:1122px){
	.aff22{
		margin-top:28px!important;
	}	
}
@media(min-width:1012px) and (max-width:1121px){
	.aff22{
		margin-top:50px!important;
	}	
}
@media(max-width:551px){
	.respHeight{
		height:20px;
	}
}

/*************************************************************************************************************************** EMPLOYEURS Modifier */
.afficheChoix{
	font-size: 10px;
    height: 27px;
    margin-left: 6px;
}
.afficheChoix2{
	font-size: 10px;
    height: 27px;
}
.input90{
	width:90%;
}
.modAff label{
	font-size:15px;
}
.modAff select{
	background-color:white;	
}
.resInput84 input{
	border:1px solid #ccc!important;
	height:34px;
	width:84%;
}
.resSelect60 select{
	border:1px solid #ccc!important;
	width:60%;
	height:34px;
}
@media(max-width:1280px){
	.modAff .canPrncpl{
		margin-left:10px!important;
	}
}
@media(max-width:400px){
	.ttrAffichage{
		font-size:1em!important;
	}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
	.aff7{
		margin-top:10px;
	}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape){ 
	.aff2 .btn-validate.btn-jaune{
		font-size:13px;
	}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px){ 
	.aff9{
		font-size:0.5em;
	}
	.respMarge5{
	    margin-top: 19px;
	}
	.inputMarge {
    	margin-top:40px;
	}
}
@media(min-width:768px){
	.modInput{
		width:126%!important;
	}
}
@media only screen 
and (max-device-width : 767px){ 
	.aff2 .ajustMarge {
    	margin-bottom: 0px;
	}
	.respMarge6{
		margin-bottom:0px;
	}
	.inputMarge2{
		margin-top:40px!important;
	}
	.aff2 .btn-validate.btn-jaune{
		font-size:13px;
	}
	.mod .xsInput2 .mBottom19{
		margin-bottom:0px;
	}
}

/*********************************************************************************************************** CANDIDAT  Inscription */
.ajustValid2 button{
	width:20%;	
}
.empAff .bandeauJaune {
	background:#ffbc00!important;   /* #001D5C;   */
    background: linear-gradient(to bottom, rgba(255, 188, 0, 1) 0%, rgba(236, 151, 31, 1) 100%)!important;
    background: background: #ffbc00;;
    background: -moz-linear-gradient(top, rgba(255, 188, 0, 1), rgba(236, 151, 31, 1) 0% 100%);
    background: -webkit-linear-gradient(top, rgba(255, 188, 0, 1), rgba(236, 151, 31, 1) 0% 100%);
/*     background: linear-gradient(to bottom, rgba(255, 188, 0, 1) 0%, rgba(236, 151, 31, 1) 100%); */
	color: #FFF;
	padding: 10px;
	font-size: 1.8rem;
	font-weight: bold;
	font-family: 'Play', sans-serif;	
	margin-top: 0;
	margin-bottom: 30px;
}
@media(max-width:768px){
	.lCan.ins .mBottom210{
		margin-bottom:100px;
	}
	.lCan.ins2 .mBottom210{
		margin-bottom:100px;
	}
	.mBottom25.ajustStats23{
		margin-bottom:0px!important;
	}
	.ajustStats24{
		margin-top:7px;
	}
}
/* @media only screen                         All mobile devices landscape  */
/* and (max-device-width : 767px)  */
/* and (orientation : landscape) {  */
/* 	.mTop50.cellTop{ */
/* 		margin-top:20px!important;	 */
/* 	}	 */
/* 	.can .input80 input{ */
/* 		width: 80%;	 */
/* 	} */
/* 	.can textarea{ */
/* 		width: 80%!important; */
/* 	} */
/* } */

/*********************************************************************************************************** CANDIDAT  Inscription-2 */
.ins2 .canPrncpl{
	min-height:2300px;
}
@media(min-width:768px) and (max-width:1024px){
	.no-form{
		margin-bottom:0px;
	}
	.inputMl input{
		margin-left:5px;
	}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	.ins2 textarea.upWidth{
		width:98%;
	}
}

@media(max-width:767px){
  	.ajustStats4{
		width:35.5%!important;
  	}
  	.ajustStats5{
  		margin-bottom:0px!important;
  	}
  	.ajustStats6{
  		margin-top:40px!important;
  	}
  	.ajustStats7{
  		font-size:11px;
  	}
  	.ajustStats8{
    	width: 100%!important;    	
	}
	.ajustStats9{
		margin-top:0px!important;
	}
	.ajustStats10{
		margin-top:20px!important;
	}
	.ajustStats11 input{
		width:37%!important;
	}
	.ajustStats16{
		margin:10px 0 0 0!important;
	}
	.ajustStats17{
		padding-left:10px;
	}
	.ajustStats18{
		margin-top:20px;
	}
	.mTop25.ajustStats18{
		margin-top:2px!important;
	}
	.mTop25.ajustStats19{
		margin-top:11px!important;
	}
	.ajustStats4{
		margin-bottom:0px!important;
	}
	.ajustStats20{
		margin-bottom:0px!important;
	}
	.ajustStats21{
		margin-top:25px!important;
	}
	button.ajustStats8{
		margin-left:4%;
	}
	.ajustStats13, .ajustStats14{
		width:92%!important;
	}
	.ajustStats13{
		margin-bottom:7px;
		padding-left:0px;
	}
	.ajustStats15{
		width:92%!important;
		margin-top:0px!important;
	}
	.ajustStats10 button{
		width:33%;
		font-size:13px;
	}
}
@media(min-width:767px){
	.ajustStats6{
		margin-top:20px;
	}
	.ajustStats10{
		margin-top:20px;
	}
}
@media only screen  
and (max-device-width : 567px) 
and (orientation : portrait) {
	.ajustStats22{
		margin-left:5px;
	}	
}
@media only screen 
and (max-device-width : 767px) 
and (orientation : portrait) {
	.ajustStats5.resp90{
		margin-left:30px;
	}	
}

/*********************************************************************************************************** PARTAGER */
.modalShare .tdmodal1{
	width:127px;
	height:50px;	
}
.modalShare .share-center{
	text-align:center;
}
.shareTable p{
	text-align:right;
	font-size:12px;
	padding:0 10px 0 0;
}
.modalShare input{
	height:30px;
	margin-bottom:15px;
}
.modalShare textarea{
	height:130px;
}
p.aligneShare{
    margin-top: -26px;
}
.aligneShare2{
	vertical-align:top!important;
}

.modalShare .modalSubmit{
    margin:10px -1px 0 0;
    font-family: Verdana;
    font-size: 12px;
    font-weight: 700;
}
.fbClass{
	vertical-align:top!important;
    margin-bottom: 3px;
}
.dtl .shareTable textarea{
    border: 1px solid #ccc!important;
}
.share-center h5{
	text-align:center;
}
@media(max-width:568px){
	.ajust-xs{
		padding-left:0px;	
	}
	.part .width100{
		width:80%;
	}
}
@media only screen 
and (max-device-width :1024px){
	.alligneShare{
		display:block!important;
		margin-bottom:10px;
	}	
}

@media only screen 
and (max-device-width : 767px)
and (orientation : portrait){
	p.aligneShare {
   	 	margin-top: -21px;
	}
	.dtl .shareTable{
		margin-left: -35px;
	} 
	.dtl .shareTable p {    	
    	font-size: 7px;    	
	}	
	.dtl .shareTable input, .dtl .shareTable textarea{
		width:70%;
	}
	.dtl .respP{
		font-size:10px;
	}
}
@media (max-width:1200px){
	.modal-responsive table{
	    width: 100%!important;
		margin-left: -5%!important;
	}
}

/*********************************************************************************************************** Candidats Alerte Emplois */
@media(max-width:767px){
.mLeftP4{
		margin-left:0%!important;
	}
}
.alerteFsize{
	font-size:11px;
}
.margeValidate{
	margin-left:13px;
}
@media(min-width:450px) and (max-width:768px){
	.btnValider button{	    
	    width:54%!important;
	}
}
@media(max-width:450px){
	.btnValider button{	    
	    width:100%!important;
	}
}
@media(max-width:768px){
	.resPleft0{
		padding-left:0px;
	}
	.BtnAlerte button {
    	margin-left:25px!important;
	}
	.btnValider button{
		font-size:15px!important;
	}
	.alerteFsize{
		font-size:10px;
	}
	.btnValide{
	    margin-left: 27px!important;	    
	}
}
@media only screen 
and (max-device-width : 700px) {
		.btnValide{
	    margin-left: 27px!important;	    
	}
}

/************************************************************************************************************  EMPLOYEURS administration */
.logoAmin{
    width: 100%;
}
.divLogo{
    border: 1px solid #ddd;
    padding: 30px 22px 30px 22px;
}
.admin1 p{
	margin-bottom:1px;
}
.btnAdmin1{
	margin-top:0px;
	background-color:white!important;
}
.btnAdmin2{
	margin-top:56px;
	background-color:#ffbc00!important;
	border-color:#ffbc00;
}
.empMsg8.admin2, .empMsg8.admin5{
	height: 31px;
}
.empMsg7.admin3{
    margin-top:35px;
}
.admin3{
	padding-top:0px;
    margin-top: -4px;	
}
.admin4{
	font-size: 0.95em;
}
.adminTable thead th{
	font-weight:100;
	font-size:0.9em;
}
.table.adminTable>thead>tr>th {
    vertical-align: bottom;
    border-bottom:none;
}
.admninTable2 td{
	vertical-align:middle!important;
	text-align:center;
}
.vertBg {
    background-color: #1bba2a;
    color: white;
    font-size: 13px;
    padding: 4px;
    border-radius: 4px;
}
.empMsg8.admin5{
	background-color: white!important;
	border-color:rgba(0, 29, 92, 1);
	color:rgba(0, 29, 92, 1);
}
.empMsg8.admin5:hover{
	background-color:rgba(0, 29, 92, 1)!important;
	color:white!important;
}

/************************************************************************************************************************* Candidats Voir */
.custom6{
	width:46%;
}
.custom6Marge{
	margin-right:2.3%;
}
.prfl .btnPrfl3{
    height: 32px;
    margin-top: 8px;
}
.prfl .btnPrfl1{
	top: 0px;
    left: 69px;
}
.voir label{
    color: #00277b;
}
.canVoir label{
	font-size:15px;
}
.imgStyle img{
    margin: 0 0 10px 24%;
}
.imgStyle p{
	text-align:center;
}
.canVoir .ttrAffichage{
    font-weight:100;    
    border: 1px solid rgba(20, 77, 200, 0.1);
}
.voirMarge{
	margin-bottom:25px;
}
 voirMarge2{
	margin-bottom:0px;
}
@media(max-width:768px){
	.voirWidth{
		width:96%;
	}
	.voirWidth2{
		width:111%;
	}
}
.voirMarge3{
	margin-right:39px;
}
.voirMarge4{
    margin-top: 10px!important;
    margin-bottom: 29px!important;
}
@media(max-width:768px){
	.voirMarge {
    	margin-bottom:10px;
	}
	.voirMarge2 {
    	margin-bottom:25px;
	}
}
@media(min-width:768px) and (max-width:1200px){
	.profilAbrgr2{
		margin-left:10%;	
	}
}
@media(max-width:768px){
	.prfl .canPrncpl {
    	margin-left: 15px;
	}
	.emp.can.voir .mBottom25.input80 {
    	margin-bottom: 25px;
	}
	.respBottom{
		margin-bottom:25px;
	}
	.profilAbrgr{
		margin-left:5%;
		width:90%;
	}
}
@media(max-width:450px){
	.profilAbrgr2{
		margin-right:10px;
	}
}

/************************************************************************************************************************* Candidats Modifier */
@media only screen 
and (max-device-width : 1024px){
	.avtng2{
		margin:5px 0 20px 0!important;
	}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait){
	.respEntete{
	    width: 115%;
    	margin-left: -5%;
	}
	.respEnTop{
		margin-top:10px!important;
	}
}
@media(max-width:768px){
	.respEntete{                    
	    width: 120%;
    	margin-left:-7%;
	}
	.respEntete2 {
    	width: 140%;
    	margin-left: -13%;
	}
	.respEnTop{
		margin-top:10px!important;
	}
	.respEntete3 {                         
    	width: 140%;
    	margin-left: -24px;
	}
	.bandeauJaune.respEntete3{
		font-size: 1.5rem;
	}
	.bandeauJaune.respEntete3 img{
	    padding-left: 5px;
	}
}	
.modProfil label{
	color: #00277b;
} 
.mod .canPrncpl{
	min-height:2200px;
}
.modProfil .bandeau.ttrAffichage{
	font-weight:100;
}
.heightMod{
	line-height:15px;	
}
.ajustImg{
	width:20px;
	height:auto;
}
.setionContact textarea{
	min-height:300px;
}
.setionContact input, .setionContact select{
	margin-bottom:20px;
}
.mod .mrgValider{
	width:95%;
} 
@media(max-width:1200px){
	.respMod2{
		margin-left:0px;		
	}
	.respMod3{
		margin-top:-6px!important;
	}
}
@media(max-width:768px){
	.respMod2, .respMod4{
		padding-left:0px;
	}
	.mod .canPrncpl{
		min-height:2900px;
	}
	.mod .ajustStats13 button, .mod .mrgValider button{
		width:70%!important;
		font-size:10px;
		margin-left:14px;
	}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	.prfl .btnPrfl1 {
    	top: 0px;
    	left: 33px;
	}
	.respMod1{
		margin-top:0px;
	}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	.respMod1{
		margin-top:-2px;
	}
	.mod .ajustStats13 button, .mod .mrgValider button {
    	margin-left:0px;
	}
	.mod .canPrncpl{
		min-height:2300px;
	}
}
@media only screen 
and (max-device-width : 767px) 
and (orientation : portrait) {  
	.mTop10.respMod1{
		margin-top:-2px;
	}	
	.mod .canPrncpl{
		min-height:3000px;
	}
}
@media only screen 
and (max-device-width : 767px)
	and (orientation : portrait) {
	.respEntete2{ 
	    width:143%!important;
	    margin-left:-7%;
	}
	.bandeauJaune.respEntete3{
		font-size: 1.5rem;
		width: 140%;
    	margin-left:-20%;
    	text-align:center !important;
	}
	.respBlock{
		display:block;
	}
}

/************************************************************************************************************ Candidats Connexion */
.can button.empCnt {
    width: 72%;
}
.connectInput{
	width:154%!important;
	border:1px solid #ccc!important;
	height:34px;
}
.styleInsc{
    float: right;
    margin-right:3px;
}

/************************************************************************************************************************ PRE - PROD SECTION */
/************************************************************************************************************ Header emplois candidats non-connect�*/
a.lstHeader9:active, a.lstHeader10:active, a.lstHeader9:focus, a.lstHeader10:focus{
	text-decoration:none!important;
	color:#ffbc00;
}
.divider{
    margin: 2px 0 4px 0!important;
}    

/************************************************************************************************************ Header emplois candidat connect�*/
@media(min-width:792px) and (max-width:840px){
	.connectedCan2 .lstHeader1 {
    	margin: 23px 0 0 0;
	}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	.connectedCan .lstHeader6, .lstHeader3.nameResp{
		width:85%;
	}
	.connectedCan .lstHeader3.nameResp{
		width:100%;
	}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1199px) 
and (orientation : landscape) {	
.connectedCan .lstHeader6{
		margin-left:51px;
	    margin-top: 0px;
	    margin-bottom: 25px;
	    float: none;
	}
}


@media(max-width:1119px){
	.connectedCan .lstHeader6{
		float:none;
	}
	.connectedCan .lstHeader7.cellInvisible{
	    margin-left: -2px;
	}
	.connectedCan .lstHeader6{
		margin-left:51px;
	    margin-top: 3px;
	}
	.connectedCan .lstHeader7.cellVisible {
    	padding:0;
	}
	.connectedCan .circle40.lstHeader4{
		margin-right:17px;
		margin-top: 3px;
	}
}


@media only screen 
and (max-device-width : 1199px) 
and (orientation : landscape) {
	.connectedCan .circle40.lstHeader4{
		margin-right:15px;
		margin-top: 0px;
	}
}

@media only screen 
and (max-device-width : 767px) 
and (orientation : portrait) {
	.connectedCan .lstHeader6{
		margin-left:16px;
	    margin-top: -5px;

	}

	
	.connectedCan .circle40.lstHeader4{
		margin-right:15px;
		margin-top: -11px;
	}
}

@media only screen 
and (max-device-width : 768px) 
and (orientation : landscape) {
	.connectedCan .circle40.lstHeader4{
		margin-right:17px;
		margin-top: 0px;
	}

}

/************************************************************************************************************ Liste des offres test*/                                                                                                        /*Enlever class notVisible2 fichier t_header_browse ligne 281 et 282 si test negatif*/                                                                                                         
.lst .table td.lHeight {
		width:69%!important;
	}
	.tdLast {
    width:24%!important;
}
@media(min-width:1200px){
	.lst .table td.lHeight {
		width:76%!important;
	}
	.lst td.myTd3 {
    	padding-left: 0px;
    	margin-left: 12px!important;
    	width: 6%;
	}
	.tdLast{
    	width: 18%!important;
	}
}
@media(min-width:787px) and (max-width:1199px){
		.tdLast{
    	width: 22%!important;
	}
}
@media(min-width:567px) and (max-width:786px){
	.tdLast{
    	width: 26%!important;
	}
}
.monCrochet span{                                                                                                 /* Etoiles centrers/espacement crochet + especament connecte/non-connecte */
	margin-top: 10px;
}
.lst .table>tbody>tr>td.myTd3{	
/*     vertical-align:middle; */
    text-align:center;
    padding-left: 12px;
/*     padding-bottom: 15px; */
}
.connectedCan2 .table>tbody>tr>td.myTd3 img{
/* 	margin-top:4px!important; */
}
.connectedCan2 .table>tbody>tr>td.myTd3{	
    vertical-align:0px;
}
@media(min-width:992px) and (max-width:1199px){																				/*Elargissement colonne listing md */
	.enlargeCol1 .col-md-11.huge.noMargeLeft{
		width:96%;
	}
}                                                          
.lst td.myTd3{
    padding-left:0px;
	margin-left:7px!important;
}

@media(max-width:1200px){
	.lst td.lHeight{
		padding-left:0px!important;
	}
}
@media(max-width:568px){
	.lst td.myTd3{
		padding-right:0px!important;
	}
}
@media(max-width:767px){
	.nameResp{
		width:120%;	
		font-size: 13px;	
	}
	
	.canConnect .publiHeader.mTop30 {
    margin-top: 11px!important;
    margin-bottom: 8px;
}
	
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
	.nameResp{
		width:100%;		
	}
	.lst .table td.lHeight {
    	width: 64%!important;
	}
}

/************************************************************************************************************ Header Candidat non Connecter*/
@media(min-width:1126px) and (max-width:1170px){
	.espaceEmpl {
	    margin: 1px 0 3px 0!important;
	}	
}
@media(min-width:768px) and (max-width:800px){
	.col-sm-offset-1.margeREmp{
		margin-left:1.5%!important;
	}
	.fontCand{
		font-size:16px;
	}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
	.btn.bandeauEmp5 {
	    margin-right: 30px;
    	margin-bottom: 5px;
	}
}


/************************************************************************************************************ Header Candidat Connecter*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	.canConnect .publiHeader.mTop30 {
    	margin: 16px 0 0 0!important;
	}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	.canConnect .publiHeader.mTop30 {
    	margin: 16px 0 0 -40px!important;  	 	
	}
	.adaptFont{
		font-size:21px;
	}
}
@media only screen 
and (max-device-width : 767px) 
and (orientation : portrait) {
	.canConnect .margeREmp {
    	margin: -15px 0 15px 0!important;
	}
	.canConnect .publiHeader.mTop30 {
    	top: 10px;
/*     	left: 28px; */
	}
	.adaptFont {
    	font-size: 13px!important;
	}
	.canConnect .bandeauEmp {

	        margin-top: 16px;
	        padding:0;
	}
	
	.canConnect .publiHeader.mTop30 {
    margin-top: 7px!important;
}	
}


/************************************************************************************************************ Menu candidat connecte/ non connecte*/
@media(max-width:767px){
	.menuRxs{
		right:0px!important;
	}
	.nonConnect nav#menuNav .dropdown-menu li a,
	.canConnect nav#menuNav .dropdown-menu li a{
		padding-left:10px!important;
	}
}


.canConnect .bandeauEmp2{
    font-size:16px!important;
}
.emp .canConnect #menuNav {
    margin-top: 0px;
}

.canConnect .margeREmp{
	margin-bottom:10px;
    margin-top: 0px;
}

.canConnect .publiHeader.mTop30 {
    margin-top: 2px!;
    margin-bottom: 0px;
    margin-left: -20px;
}

@media(max-width:767px){

.canConnect .margeREmp {
    margin-bottom: 7px;
    margin-top: 0px;
}

}

@media only screen 
and (max-device-width : 767px) 
and (orientation : landscape) { 

.canConnect .margeREmp{
    margin-top: 18px !important;
}
}


@media only screen 
and (max-device-width : 767px) 
and (orientation : landscape) { 
.canConnect .publiHeader.mTop30 {
/*     margin-top: -6px!important; */
/*     margin-bottom: 0px; */
    left: 26px;
}
}


@media(min-width:768px) and (max-width:1024px){
	.canConnect .margeREmp {
    	margin: 6px 0 14px 0;
	}
}
}


@media (max-width:767px)
and (orientation : landscape) {
	.canConnect .publiHeader.mTop30{
		top:-5px;
	}
}

@media(max-width:767px){
	.custom-xs{
    margin: 0 15px 0 0;
	}
	.inv650{
		display:none;
	}
	.adaptFont{
		font-size:16px;
	}
}
@media(max-width:550px){
	.adaptFont{
		font-size:13px;
	}
}
}	

@media(max-width:350px){
	.adaptFont{
		font-size:7px;
	}
}

/************************************************************************************************************ Candidats Accueil non connect�*/
.margeCandidat{
	margin-bottom:180px;
}
.can1.btn-jaune{
	margin-top:10px;	
}
.canAjust9{
	width:100%;
	border: 1px solid #ccc!important;
}
@media(min-width:1200px){
	.canAjust9 {
    	width: 135%!important;
	}
}
@media (min-width: 1200px){
	.canAjust10{
	    width:526px;
	}
} 
@media (max-width: 1191px){
	.empAfx19 {
	    float: left;
	}
}
@media(max-width:1024px){
	.canAjust8{
		margin-bottom:10px;
	}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	.canAjust2{
		margin-left:54px;
	}
	.can1.btn-jaune{
		margin-top: 13px;
    	width: 73%;
    background-color: #ffbc00;
    border: 0;
	}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	.margeCandidat {
    	margin-bottom:0px;
	}
	.can1.btn-jaune{
		width:65%!important;
	}
}
@media(max-width:767px){
	.margeCandidat{
		margin-bottom:60px!important;
	}
	.canAccueil .empAfx21 {
    	margin-top:0px;
	}
	.canAccueil .canAjust1 {
		margin-left:15px!important;
	}
	.canAjust4{
		margin-bottom:0px;
	}
	.canAccueil .mProfil{
    	padding-top: 26px;
	}
	.canAjust5{
		margin-top:8px;
	}
	.canAjust6{
		margin-top:10px;
	}
}
@media(min-width:510px) and (max-width:644px){
	.canCircle4{
		display:none;
	}
	.circleLast{
		margin-top:-15px!important;
	}
}
@media only screen  
and (max-device-width : 767px) 
and (orientation : portrait) {
	.canCircle5{
		margin-left:-15px;
	}
	.emp.can .canAccueil .sectionBtn .canAjust3 {
    	width:56%;
   	    margin-left:0px!important;
	}
	.canAjust9{
		width: 146%!important;
	}
	.canAjust10{
		width:98%!important;
	}
}

/************************************************************************************************************ Accueil candidat conenct� */
@media(max-width:1200px){
	.homeCnx2{
		font-size:0.9em;
	}
}
@media(min-width:992px){
	.btnWidth{
		min-width:240px;
	}
}
@media(min-width:768px) and (max-width:992px){
	.btnWidth{
		min-width:272px!important;
	}
}
@media(min-width:768) and (max-width:880px) {
	.homeCnx4{
		font-size:0.9em;
	}
}
@media(min-width:768px) {
	.homeCnx3{
		margin-top:10px;
	}
	.homeCnx6{
		margin-Bottom:150px;
	}
}
@media(max-width:768px){
	.btnWidth{
		min-width:272px!important;
	}
	.homeCnx4{
		font-size:0.8em;
	}
	.homeCnx5{
		margin-top:20px;
	}
	.homeCnx6{
		margin-Bottom:75px;
	}
}
@media(max-width:767px){
	.homeCnx1{
		margin-top:30px;
	}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	.homeCnx4{
		font-size:0.9em;
	}
}
@media only screen 
and (max-device-width : 767px) 
and (orientation : portrait) {
	.homeCnx7{
		margin-top:20px!important;		
	}
}

/************************************************************************************************************ candidats voir */
/* turning box*/
 .turnJs{
	background-color:white;
	color: white;
	font-size: 20px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.turnJs .boiteTourne{
	margin: 0px auto;
	line-height: 4.2;
}
 .turnJs .turnBoxButton{
   display: block;
   text-align: center;
   cursor: pointer;
}
.turnJs .turnBoxFaceNum1{
   background-color:#101010;
}
.turnJs .turnBoxCurrentFace1 > .turnBoxFaceNum1{
   background-color:rgba(20,77,200,1);
}
.turnJs .turnBoxCurrentFace1 > .turnBoxFaceNum1:hover{
	background-color:rgba(0,32,115,1);
}
.turnJs .turnBoxFaceNum2,  .turnJs .turnBoxFaceNum2:active, 
.turnJs .turnBoxFaceNum2:link, .turnBoxFaceNum2:focus, .turnBoxFaceNum2:visited{
	background-color:rgba(20,77,200,1);
}
.turnJs .turnBoxCurrentFace2 > .turnBoxFaceNum2{
 	background-color:#ffbc00;
}
.turnJs .turnBoxCurrentFace2 > .turnBoxFaceNum2:hover{
	background-color:#ffbc00;
}
.turnStyle{
	line-height:27px;
    margin-top:15px;
}
.abrege{
    font-weight:100;
    font-size:14px;
    letter-spacing:1px;
}

	.turn1{
	    margin-left:33px;
	}	
	.turn2{
		margin-top:15px!important;
	}
}
@media only screen  
and (max-device-width : 767px) 
and (orientation : portrait) { 
	.voirWidth2 {
	    width:129%;
	}	
}
@media(max-width:430px){
	.turnBoxButton{
		font-size:12px;
    	margin-top:4px;
	}
	.widthTurn{
	    width:125%;
    	margin:0 auto 0 -30px;
	}
	.turnBoxButton{
    	font-size:15px;
    	margin-top:4px;
	}
	.fUp{
		font-size:1.2em;
	}
}

/************************************************************************************************************ connexion candidats/employeurs */

@media(min-width:1200px){
	.empAfx16.formConnect{
		width:133%;
	}
}

@media(min-width:992px) and (max-width:1199px){
	.cnxPadR{
		padding-right:0px;
	}
}
@media(min-width:768px) and (max-width:991px){
	.empAfx16.formConnect{
		width:133%;
	}
}
@media(max-width:768px){
	.cnxPadR{
		padding-right:0px;
	}
}

@media only screen 
and (max-device-width : 767px) 
and (orientation : portrait) {

}

/************************************************************************************************************ Candidat deconnexion */
.widthConnect{
	width:133%;
}
@media(max-width:1200px){
	.widthConnect{
		width:100%;
	}
}
@media(min-width:768px) and (max-width:991px){
	.widthConnect {
	    width: 133%;
	}
}
@media(max-width:768px){
	.widthConnect{
		width:100%;
	}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
	.empAfx16.formConnect {
    	width: 137%;
	}
	.widthConnect {
    	width: 137%;
	}
}

/************************************************************************************************************ Candidats Mes documents */
.deleteBtn{
	background-color:transparent;
	border:none;
}
@media only screen 
and (max-device-width : 767px) 
and (orientation : portrait) { 
	.resSupp{
		font-size:10px;
		text-align:left!important;
	}
	.margeSupp{
		margin-left:-15px!important;
	}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
	.mesDocs .well{
		width:110%;
	}
}
@media only screen 
and (max-device-width :767px){ 
	.mesDocs .well{
		width:110%;
	}
}

/************************************************************************************************************ Candidats Personnalis�s */
.perso1{
	width:118%!important;
}
.persoTurn{
    font-size: 17px;
    font-weight: bold;
    margin: 6px 0 0 0;
}
@media(min-width:1171px){
	.persoInv2{
		display:none!important;	
	}
}
@media(max-width:1170px){
	.perso2{
		margin-bottom:5px!important;
	    margin-top: -32px;
	}
	.persoInv1{
		display:none!important;	
	}
}

@media(max-width:568px){
	.offre2 .myTd{
		width:7%!important;
	}
	.offre2 .lnHght{
		width:82%;
	}
	.offre2 .myTd img {
    	max-width: 38px;
	}
}
@media(max-width:500px){
	.perso1{
		width:135%;
	}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait){
	.turnJs {
    	width: 99%;
    	margin-top: 49px;
	}	
}
@media only screen 
and (max-device-width : 767px){
	.turnJs {
    	margin-top: 49px;
	}	
}
@media only screen 
and (max-device-width : 767px){
	.turnJs .turnBoxButton {
    	font-size:12px;
    	margin-top:15px;
	}
}

@media only screen 
and (max-device-width : 567px) 
and (orientation : portrait) { 
	.perso1 {
	    width: 121%!important!important;
	}	
}

/************************************************************************************************************ Mes favoris / Mes emplois postules*/
.fav table, .postul table{
	margin-bottom:10px!important;
}
@media(min-width:768px) and (max-width:1200px){
	.fav td.lHeight, .postul td.lHeight{
    	width:70%!important;
	}
}
@media(max-width:767px){
	.fav td.lHeight, .postul td.lHeight{
    	width:85%!important;
	}
}
@media(max-width:768px){
	.fav .mrgValider, .postul .mrgValider{
		padding-left:6px;
	}
	.fav .tdInv1.myTd2, .postul .tdInv1.myTd2{
		display:none;
	} 
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	.fav1, .postul1{
		margin-right:-72px;
	}
	.fav2, .postul2{
		width:100%;
	    text-align:right;
	}
}

@media only screen 
and (max-device-width : 767px)
and (orientation : portrait){
	.fav1, .postul1{
		margin-right:-30px;
	}
	.fav2, .postul2{
		width:100%;
		font-size:11px!important;
	}
	.fav .enlargeCol1, .postul .enlargeCol1{
		width:110%;
	}
}

/************************************************************************************************************ Confirmation emplois postul�s connect� / non connect� */
.crochetAligne{
    padding-right:2px;
    margin-top: -7px;
}
.imagesAjust img{
	margin-left:6px;
}
/*.postuleConfirmation .glyphicon{*/
/*    top: 2px;*/
/*    left: 3px;*/
/*    font-size: 19px;*/
/*}*/
@media(min-width:328px) and (max-width:576px){                         /* Grosseur des polices bouttons responsives*/
	.smallerFnt button{
		font-size:13px;
	}
}
@media(max-width:327px){                         /* Grosseur des polices bouttons responsives*/
	.smallerFnt button{
		font-size:11px;
	}
}

@media only screen 
and (max-device-width : 767px) 
and (orientation : portrait) { 
	.mobilMarge{
		margin-left:0.5%;	
	}
}
@media(min-width:678px){
	.glyphicon-ok.crochetAligne{
		margin-left:32px;
	}
}

/************************************************************************************************************ Menu emplois*/
@media (max-width:460px){
	.notVisible3{
		display:none!important;
	}
}
@media (min-width:461px){
	.notVisible4{
		display:none!important;
	}
}

/************************************************************************************************************ Custom menu employeurs */
.well.octoWell{                                          /*Well*/
	padding:3px 19px 0px 19px!important;
	border:solid 0px #ccc;
    background-color: #f6f6f6!important;
}
.octoWell table>tbody>tr>th{
	border-color:transparent;	
}
.octoWell .table{
    margin-bottom: 6px!important;
    margin-top: 2px
}
.octoWell .empOffre3 p{
	font-weight:900!important;
	color: rgba(0,29,81,1.0)!important;
	font-size:13px;
}
.noBorderTop{
	border-top:none;
}
.noBorder{
	border:none;
}
.oeil{
    width: 21px;
    margin-left: 6px;
    margin-top: -1px;
}
.perlOut1 p{
	font-size:0.9em;
	margin-bottom:0px;	
}
.octoNav a{
    color:black;
    border:1px solid transparent;
    border-radius:0px;
    border-right:1px solid rgba(255,255,255,0.2);
	border-left:1px solid rgba(255,255,255,0.2);
    background-color:#ffbc00;
    padding: 10px;
    font-size: 1.8rem;
    font-weight: bold;
}
.octoNav >a.active{
    color: rgba(0, 29, 81, 1)!important;
	background-color:white!important;
	border:1px solid #e6e6e6;
	border-bottom:0px;
}
.octoNav a:hover{                                                                        /*Menu octo et quatro */ 
   	color: rgba(0, 29, 81, 1)!important;
	background-color:white;
    border-right:1px solid rgba(255,255,255,0.2);
	border-left:1px solid rgba(255,255,255,0.2);
	border:1px solid transparent;
}
.octoNav a.active:hover{
	border:1px solid #f6f6f6;
	border-bottom:none;
}
.octoNav a:focus, .octoNav a.visited{                                                     /*Menu octo et quatro */ 
   	background-color:#ffbc00!important;
	border-top:transparent;
	border:1px solid transparent!important;
}
.tableRes thead tr{                                                                        /*Menu octo et quatro */
	background: linear-gradient(to bottom, rgba(20, 77, 200, 1) 0%, rgba(0, 39, 123,1) 100%);
    background: #001D51;
    background: -moz-linear-gradient(top, rgba(20, 77, 200, 1), rgba(0, 39, 123,1) 0% 100%);
    background: -webkit-linear-gradient(top, rgba(20, 77, 200,1), rgba(0, 39, 123,1) 0% 100%);
    background: linear-gradient(to bottom, rgba(20, 77, 200,1) 0%, rgba(0, 39, 123,1) 100%);
	color:white!important;
}
.octoNav .btn.active, .btn:active {
    box-shadow: inset 0 0 0 rgba(0,0,0,.125);
}

.octoNav span.glyphicon{
    font-size: 17px;
    margin:0;    
}

.menuEmploiAff {
border:0;
}

.menuEmploiAff p{
	font-family: 'Lato', sans serif;
	font-size: 13px;
}

}
@media(max-width:820px){
	.octoInv1{
		display:none;
	}
}
@media(min-width:821px){
	.octoInv2{
		display:none;
	}
}
@media(min-width:1200px){
	.well.octoWell{
		margin-left:15px!important;
	}
	.octoNav.btn-group{
	}
}
@media(min-width:992px) and (max-width:1199px){
	.octoNav.btn-group {
    	width: 146%;
    	margin-left: -15px;
	}
}
@media(max-width:991px){
	.octoNav.btn-group {
    	width: 100%;
    	margin-left: -15px;
	}
}
@media(min-width:768px) and (max-width:991px){
	.octoNav.btn-group {
    	width:118%;
    	margin-left:-15px;
	}
}
@media(max-width:768px){
	.octoNav.btn-group {
    	width:114%;
	}
}
@media(max-width:700px){
	.menuFont{
		font-size:10px!important;	
	}
}
@media(max-width:560px){
	.octoNav{
		margin-left:2%!important;
	}
}
@media(max-width:550px){
	.menuFont{
		font-size:8px!important;	
	}
}
@media(max-width:500px){
	.menuFont{
		font-size:6px!important;	
	}
}
@media(max-width:440px){
	.menuFont{
		display:none;	
	}
}

/********************************************************************************************************************* Employeurs menu 8 sous pages */
/* Jumelage */
.jum1{	
    float: right;
    font-size: 13px;
    margin-right: 11%;
    margin-top: 30px;
}

/********************************************************************************************************************* Voir offre */
.titreEmp{
    background: linear-gradient(to bottom, rgba(20, 77, 200, 1) 0%, rgba(0, 39, 123,1) 100%);
    background: #001D51;
    background: -moz-linear-gradient(top, rgba(20, 77, 200, 1), rgba(0, 39, 123,1) 0% 100%);
    background: -webkit-linear-gradient(top, rgba(20, 77, 200,1), rgba(0, 39, 123,1) 0% 100%);
    background: linear-gradient(to bottom, rgba(20, 77, 200,1) 0%, rgba(0, 39, 123,1) 100%);
    color: #fff!important;
    padding: 10px;
    font-size: 1.8rem;
    font-weight: bold;
	width:96.5%;
}

/********************************************************************************************************************** Employeurs forfaits d'affichages afficher.php */
.well-afficher{
	background-color:#f5f5f5!important;
    border:1px solid #e3e3e3;
}
.StyleBorder{
	border-top: 1px solid #ddd!important;
}
.iconeTh{
	width:18%;
}
    
/********************************************************************************************************************** Employeurs inscription.php */
.espace17{
	padding:17px 0!important;
}
.espace18 td{
	padding-top:18px!important;
	padding-bottom:18px!important;
}
.inscTable{
	width: 95%;
    margin-left: 27px;
}
@media(max-width:1200px){
	.inscTable{
		width: 94%;
	}
}
@media(max-width:768px){
	.inscTable{
		width: 92%;
	}
}
@media(max-width:450px){
	.inscTable{
		width: 90%;
	}
}

/*********************************************************************************************************************** Employeurs g�rer offres (en lignes / archiv�s)*/
.aligneOffre td{
	vertical-align:top!important;
}

/********************************************************************************************************************** Menu employeur reclaser par */
.quatroNav >a.active{
	color: #fff;
/* 	background: linear-gradient(to bottom, rgba(20, 77, 200, 0.9) 0%, rgba(0, 39, 123,0.9) 100%)!important; */
/*     background: -moz-linear-gradient(top, rgba(20, 77, 200, 0.9), rgba(0, 39, 123, 0.9) 0% 100%)!important; */
/*     background: -webkit-linear-gradient(top, rgba(20, 77, 200, 0.9), rgba(0, 39, 123, 0.9) 0% 100%)!important; */
/*     background: linear-gradient(to bottom, rgba(20, 77, 200, 0.9) 0%, rgba(0, 39, 123, 0.9) 100%)!important; */
	background: #00277b!important;
	 outline: 0;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.quatroNav a.active:hover{
	color: white;
	background:#00277b!important;
}
.quatroNav.btn-group{
	font-family: 'Lato';
	letter-spacing: 0em;
    width: 100%;
    white-space: normal;
    
}

.quatroNav.btn-group a, .quatroNav.btn-group a:hover, .quatroNav.btn-group a:active{
	font-family: 'Lato'!important;
	border-radius: 5px;
}

.quatroNav a{
	/*background: linear-gradient(to bottom, rgba(255, 188, 0, 1) 0%, rgba(236, 151, 31,1) 100%)!important;*/    
	background: #ffbc00!important;
    /*background: -moz-linear-gradient(top, rgba(255, 188, 0, 1), rgba(236, 151, 31,1) 0% 100%)!important;*/    
    /*background: -webkit-linear-gradient(top, rgba(255, 188, 0, 1), rgba(236, 151, 31,1) 0% 100%)!important;*//*     background: linear-gradient(to bottom, rgba(255, 188, 0, 1) 0%, rgba(236, 151, 31,1) 100%)!important; */
	color:black;
	border: 0px #f6f6f6!important;
	font-weight: 700;
}

.quatroNav a:hover{
/* 	background: linear-gradient(to bottom, rgba(20, 77, 200, 0.9) 0%, rgba(0, 39, 123,0.9) 100%)!important; */
/*     background: -moz-linear-gradient(top, rgba(20, 77, 200, 0.9), rgba(0, 39, 123, 0.9) 0% 100%)!important; */
/*     background: -webkit-linear-gradient(top, rgba(20, 77, 200, 0.9), rgba(0, 39, 123, 0.9) 0% 100%)!important; */
/*     background: linear-gradient(to bottom, rgba(20, 77, 200, 0.9) 0%, rgba(0, 39, 123, 0.9) 100%)!important; */
	background:#00277b!important;
	color:white!important;
	font-weight: 700;
}


/***********************************************************************************************************************  Employeur t-direct */
.cellAjust{                         /* �largissement hauteur header th avec modals*/
	margin-top:7px;
	margin-bottom:1px;
}

/**********************************************************************************************************************   Employeur affichage poste */
.input-group-addon.x{                      /* stylisation du x pour supprimer input type text */
	padding-bottom:5px;
}
.x article{
	font-size: 20px;
    color:#b62020;
}
	.x article:hover{
		color:red;
}

/***********************************************************************************************************************  Banque CV */
.tableRes thead tr th{
	font-weight:100;
	font-size:13px;
}
.agoInput{
    height: 27px;
    width: 110px;
    margin-left: -8px;
}
.well.empOffre1.wellBanque{
	margin:20px 0 0 0;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
}
.largeAccordeon{
	width:102%;
}

/***********************************************************************************************************************  Liste des offres */
.cLst .allOffre {
	line-height:17px;
	font-size:13px;	
}
@media(min-width:768px){
	.lstBody14{
    	font-size:16px;
   }
}

/* mobilles */
@media(max-width:767px){
	.tdLast{
		display:none!important;
	}
}
@media only screen 
and (max-device-width : 767px) 
and (orientation : portrait) { 
   .cLst .allOffre {
	    line-height: 17px;
	    font-size:12px!important;
	}	
}
@media only screen 
and (max-device-width : 700px) { 
	.devList .maTable tr td.myTd{	   
        padding:8px 0px 8px 0!important;
        margin-right:7px;
	}
	.devList .maTable .lHeight{
		padding-right:0px;
	}
	.devList .maTable .lHeight .lnHght{
		padding-left:3px;
	}
	.devList .myTd img {
		max-width:60px;
	}
	.devList .col-md-11.huge.mTop0{
		padding-right:11px;
	} 
}

/* tablettes */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
	.devList .lst .table>tbody>tr>td.col-lg-8.lHeight{
	    padding-left: 10px!important;
	}
}

/************************************************************************************************************************* Detail de l'offre */
@media(min-width:1200px){
	.detailMarge{
	    /*margin-bottom: 65px;*/
	}
}
@media(max-width:992px){
	.cLst.asside1 .container-fluid.detailMarge,
	.dtl .container-fluid.detailMarge{
		margin-bottom:50px;
	}
}
@media only screen
and (min-device-width : 767px) 
and (max-device-width : 1024px)
and (orientation : portrait){	
	.dtl .detailMarge{
		margin-bottom:100px!important;
/* 		margin-left: 15px; */
	}
}
@media only screen 
and (max-device-width : 767px){
	.dtl .detailMarge{
		margin-bottom:100px!important;
	}
}
@media(max-width:767px){
	.customNB{
		margin-top:10px;
		margin-left:25px;
	}
}
@media(max-width:1200px){
	.cLst .allOffre {    
    	top: -1px!important;
	}
}

@media(min-width:992px){
	.link1 a{
	    line-height: 17px;
	    font-size:13px;
	}
}
.customNB{
	color:#333;
	line-height:13px;
}
.erreurMsg{
	margin-top:-10px!important;
	margin-right:20px;
	line-height:17px;
	font-style:italic;
}
.link1 img{	
/* 	width: 24px!important; */
    margin-top:-4px;
}
.thLHeight1, .thLHeight3{
	line-height: 13px;	
}

.tableBlue{
/* 	background-color: #001d51; */
 	background-color: #4267b2; 
    background: linear-gradient(to bottom, rgba(20, 77, 200, 0.86) 0%, rgba(0, 39, 123, 0.69) 100%)!important;
}

.optionTable .glyphicon{
    font-size:11px!important;
}
.optionTable a, .optionTable p, .optionTable div{
	font-size:11px!important;
}
.optionTable .etoileStyle{
	width:16px!important;
}
.etoileBar .etoileStyle{
	margin-right:2px;
}

.etoileBar a{
	color:white!important;
}
.etoileBar{
	vertical-align:middle!important;
}
.etoileBar img{
	margin-top:-4px;	
}
.thFirst .glyphicon-ok-circle{
	margin-top: -1px;
}

.thFirst{
	margin-left:10%;
}

.thLast{
	margin-right:10%;
}
.thFirst .glyphicon-ok-circle{
	padding-right: 22px;
}


@media only screen 
and (max-device-width : 567px) 
and (orientation : portrait) {
	.etoileBar>div {
    	margin-left:3%;
	}
}
																
.docFinal2 input{
	margin:7px 0 30px 1px;
}
@media(max-width:1200px){
	.docFinal2 input{
		margin:0;
	}
	.docFinal2{
		margin-bottom:22px;
	}
	.docFinal2 label{
		margin-top:5px;
	}
}

/* Asside detail de l'offre */
.link2 .glyphicon-share-alt{
	color:#cdcccc;
}
@media(max-width:1200px){
	.cLst .allOffre {    
    	font-size: 16px;    	
    	top:15px;
	}
}
@media(max-width:380px){
	.cLst .allOffre {    
    	font-size: 14px;
	}
}
@media(max-width:360px){
	.cLst .allOffre {    
    	font-size: 12px;
	}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	.assideOffre2.debug h1,
	.assideOffre2.debug h2{
		max-width:300px;
	}
}

/* Contenu detail de l'offre */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
	.assideOffre2 .customHide600A.offreLHeight {
/* 	    max-width: 60%; */
	}	
	.dtl img.logoOffre {
    	margin-right: 10px;
	}
}
@media only screen 
and (max-device-width : 767px) 
and (orientation : portrait){
	.thFirst>div {
    	margin-left:30%;
	}
	.lessTop.unique small i a.lienOffre4{
		margin-left:0px!important;
	}
	.lienOffre a.lienOffre4{
		margin-left:26px!important;
	}
}
.ajustAnchor{
	display: block; 
	position: relative; 
	visibility: hidden;
}
.ajustAnchor1{
	top:-142px;
}
.ajustAnchor2{
	top:-156px;
}

/***********************************************************************************************************************  Employeurs mes documents */
@media(max-width:768px){
	.mesDocs .padLeft50{
		padding-left:30px!important;
	}
}
@media only screen 
and (max-device-width :767px) 
and (orientation : portrait){
	.mrgValider {
	    width:206px;
	}
}

/***********************************************************************************************************************  Employeurs paiement */
.hrPaiement{
	border:1px solid #ccc!important;	
}

/***********************************************************************************************************************  Employeurs t_panel, t_panel-2, t_panel_special */
.panelStyle{	
	margin:15px 0; 
	padding:0; 
	font-family: 'Open Sans'; 
	font-size:17px; 
	line-height:20px; 
	font-weight:700;
	color: rgba(0,29,81,1.0)!important;
}	
.btn-member2{
	 min-width: 236px;
    text-align: center;
    font-size: 16px;
    color: white;
    height: 2.5em;
    background-color: #ffbc00;
    border:0px;
}
@media(min-width:768px){
	.tpanel{
		margin-top:-30px;	
	}
}
@media(max-width:767px){
	.tpanel{
		margin-top:0px;	
	}
	
	.connectedCan .lstHeader6 {
    margin-left: 40px;
}
}


.cEmp .empAfx14 {
    padding-top: 0px;
}
.cEmp .empOffre6{
	margin-bottom:100px;
}
.empConnect{
	text-decoration:underline; 
	font-weight:400;
	color:#e6e6e6;
}
.connectEmp{
	margin-left:0px!important;
}
.pubExp{
	margin:0 20px; 
	font-weight:400;
}
@media (min-width: 768px){
	.emp .navbar {
	    border-radius: 0px!important;
	}
}
.empAfx2{
	color:rgba(255, 255, 255, 1); 
	font-weight:300; 
	text-decoration:none!important;
}
	.empAfx2:hover{
		background:rgba(0,0,113,0.4)!important;
}
.empAfx3{
	color:white; 
	margin-left:5px;
}
.empAfx6{
	color:white!important; 
	background:rgba(0,30,90,0)!important; 
	height:36px; 
	line-height:2.7em; 
	font-weight:300;
}
.empAfx7{
	background:rgba(0,30,90,0); 
	height:20px;
}
.empAfx8{
	color:white; 
	margin-left:5px;
}
.empAfx9{
	font-size:0.85em;
	margin:0 3px 0 21px!important;
}
.empAfx9a{
	font-size:0.85em;
	margin:0 3px 0 0px!important;
}
.empAfx10{
	background:rgba(0,30,90,0); 
	height:16px;
}
.empAfx11{
	color:#ffcb00; 
	font-weight:600;
}
.empAfx12{
	color:white; 
	margin:0 5px;
}
.empAfx13{
	font-weight:lighter; 
	color:rgba(230,230,230,1);
	text-decoration:none !important;
}
.empAfx14{
	font-size:19px; 
	font-weight:700; 
	line-height:18px; 
	padding-top:30px;
	padding-bottom:20px;
	color: #00184f;    
}
.empAfx15{
	padding:0; 
	height:34px!important;
}
.empAfx16{
	width:100%;
	height:34px;
}
.empAfx17{
	height:34px; 
	margin:0; 
	width:100%;
}
.empAfx18{
	height:34px; 
	padding:5px;
}
.empAfx19{
	margin: 0; 
	padding-left:20px; 
	text-align:left; 
	font-size:12px; 
	line-height:0.7em!important; 
	text-decoration:underline; 
	font-weight:600; 
	font-size:12px;
}
	.empAfx19:hover{
		color:#ec971f!important;
}
.empAfx20{
	margin:0 0 14px 0; 
	padding:0;
}
	.empMsg5:hover, .empMsg6:hover, .empMsg7:hover, .empAfx20 button:hover, button.empAfx21:hover{
		background-color:#144dc8!important;
}
.cEmp .empAfx20 button, .cEmp .addPaddEmp div.checkbox{
	margin-left:14px;
}
.empPad0{
	padding:0; 
	margin:0;
}
.empOffre1{
	border-radius:10px; 
	padding:15px 20px 5px 20px; 
	margin-top:50px;
}
.empOffre2{
	display:inline-block; 
	float:left; 
	clear:right;
}
.empOffre3{
	font-size:14px; 
	font-weight:500;
}
.emp .empOffre3{
	color: rgba(0,29,81,1.0)!important;
	font-weight:600;
}
.empOffre4{
	font-weight:300; 
	color:rgba(128,128,128,1.0);
}
.empOffre5{
	display:inline-block; 
	float:right; 
	min-width:300px; 
	background:#ffbc00; 
	margin:0 10px; 
	height:40px; 
	padding:0;
}
.empOffre6{
	display:inline-block; 
	float:left; 
	min-width:300px; 
	background:rgba(0,39,123,1.0)!important; 
	margin:18px 0; 
	height:40px; 
	padding:0;
}
	.empOffre6:hover{
		background-color:#0135a6!important;
}
.empMsg1{
	margin: 0px 0 12px 0;
	padding:0; 
	font-size:17px; 
	line-height:20px; 
	font-weight:600;
	color: rgba(0,29,81,1.0)!important;
}
.empMsg2{
	font-family: 'isartaTIMES' ;
	font-weight:300; 
	font-size:24px;
}
.empMsg3{
	font-weight:lighter !important; 
	font-size:18px;
	padding-bottom:10px;
}
.empMsg4{
	font-family: 'Open Sans', 'Verdana' ;
	font-weight:400; 
	font-size:14px;
    margin-bottom: 32px;
}
.empMsg5{
	display:inline-block; 
	float:left; 
	background:rgba(0,29,81,1.0)!important; 
	margin:0; 
	font-size:15px;
	height:40px; 
	padding:0;
}

@media (min-width:767px) {
.empMsg5{
    min-width: 286px;
}
}

.empMsg5a{
    cursor:default;
	display:inline-block; 
	float:left; 
	background:rgba(0,29,81,1.0)!important; 
	margin:0; 
	height:40px; 
	padding:0;
}
.empMsg6{
	display:inline-block; 
	float:left; 
	background:rgba(0,29,81,1.0)!important; 
/* 	margin:0 0 0 20px!important;  */
	height:40px!important; 
	padding:0;
	font-size:15px;
	height:40px !important; 
    padding: 0px;
    width: 320px;
}
.empMsg7{
	display:inline-block; 
	float:left; 
	background:rgba(0,39,123,1.0)!important;
/* 	margin:20px 0; */
	font-size:15px; 
	height:40px; 
	padding:0;
    width: 320px;
}
.empMsg8{
	display:inline-block; 
	float:left; 
	background:rgba(0,39,123,1.0)!important; 
/* 	margin:20px 0 0 0px;  */
	font-size:15px;
	height:40px; 
	padding:0;
    width: 320px;
}
	.empMsg8:hover{
		background-color:#0135a6!important;
}
.empAlligne1{
	margin-top:50px; 
	margin-bottom:80px;
}
.empAlligne3{
	margin:1px 15px;
}
.empCircle1{
	display:inline-block; 
	float:left; 
	max-width:110px; 
	margin-right:40px;
}
.empCircle2{
	width:63px!important; 
	height:63px!important; 
	border-radius:35px!important; 
	border:5px inner #ffcb00!important;
	background-image:url(/design/img/im_cercle_orange_63.png)!important; 
	font-size:22px!important; 
	text-align:left!important; 
	font-weight:600!important; 
	margin-bottom:10px!important; 
	margin-right:10px!important;
}
.empCircle3{
	font-family:'Lato-Condensed',  'Arial', 'Verdana', sans-serif !important; 
	letter-spacing:-0.05em; 
	margin-left:-17px; 
	padding-left:0; 
	text-align:center; 
	padding-top:16px; 
	width:63px; 
	height:63px;
}
.empCircle4{
	font-weight:200; 
	width:63px;
}
.empCircle5{
	font-weight:600;
	padding-top:10px; 
	line-height:1.2em; 
	letter-spacing:-0.01em;
}
.empCircle6{
	font-family:'Lato-Condensed',  'Arial', 'Verdana', sans-serif !important; 
	letter-spacing:-0.07em; 
	margin-left:-17px; 
	padding-left:0; 
	text-align:center; 
	padding-top:16px; 
	width:63px; 
	height:63px;
}
.emp .empCircle3, .emp .empCircle6{
	font-size:20px;
}
.empCaroussel1{
	width:290px;
	margin-top:33px; 
	background:white!important;
}
.carousselLong{
	height:317px;
}
.carousselLong .carousel-indicators{
    bottom: -32px;
}
.carousselLong2 .carousel-indicators{
    bottom: -5px;
}
.empCaroussel3{
	width:260px;
}
.empCaroussel4{
	padding: 0; 
	font-size:14px; 
	font-weight:700;
	font-family: 'Open Sans';
}

.empCaroussel7 a:hover{
color:white!important;
}

.empCaroussel5{
	background:#000071; 
}
.empCaroussel5{
	background:transparent; 
}
.empCaroussel6{
	width:270px !important; 
	height:250px; 
	text-decoration:none !important; 
	max-height:260px;
}
.empCaroussel7{
	width:234px !important;
}
.empCaroussel8{
	font-size: 14px; 
	line-height:1.7em; 
	font-weight:300; 
	margin-top:11px;
	color: #fbbc05;
}
.empCaroussel9{
	text-decoration:none !important; 
	overflow:hidden!important; 
	text-overflow:ellipsis; 
	font-size:14px; 
	font-weight:400; 
	line-height:1.5em;
}
.empCaroussel10{
	display:block; 
	width:200px; 
	padding-top:30px; 
	background:transparent; 
	border:1px inset #cccccc; 
	border-radius:2px;
}

/**************************************************************** Side Employeur*/
.advertise iframe, .advertise img{
	width:103%!important;
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	.lst.cLst.asside1 footer, .lst.cLst.dtl footer{
		margin-top:80px!important;
	}
}
.lst.cLst.dtl .advertise2{     
	margin-top: -19px;
}
@media(min-width:770px){
	.invAdd1{
		display:none!important;
	}
}
@media(max-width:767px){
	.invAdd2{
		display:none!important;
	}
}
@media(min-width:778px){
	.advertise2, .advertise2 iframe, .advertise2 iframe img{
		text-align:center!important;
	}
}
@media(max-width:777px){
	.advertise2, .advertise2 iframe, .advertise2 iframe img{
		text-align:center!important;
	}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	.invAdd1{
		display:inline!important;
	}
	.sideEmployeur {
    	width: 127%!important;
   }
}
.advertise3{
	margin-top:45px;
}
.sideEmployeur .checkbox{
	margin-left:19px;
}
.sideEmployeur{
	background-color:#001d51;
	height: 304px;
	width:103%;
	border-radius:10px;
}
.sideTitre{
	color:white;
	margin-left:17px;
	font-size:16px;
	font-weight:600;
}
input.sideEmp{
	width:93%!important;
	color:black!important;
}
.sideButton{
    padding: 6px 8px!important;
    font-size: 13px!important;
	background-color:#ffbc01!important;
}
	.sideButton:hover{
		background-color:#ec971f!important;
}
.sidePass{
	padding-left:19px;
	font-size:12px;
} 
	.sidePass:hover{
	    color: #ffbc00!important;
}
input.sideEmp{
   color:black!important;
}
.sideEmployeur input:focus{
		border:1px solid #ffbc00!important;
		box-shadow: 0 0 5px #ffbc00!important;	
}
.sideEmployeur input{
	color:black;
	background-color:rgba(255,255, 255, 1)!important;
	-webkit-transition: background-color 0.2s!important; 
	transition: background-color 0.2s!important;
}
	.sideEmployeur input:hover{
		background-color:rgba(255,255, 255, 0.95)!important;
		-webkit-transition: background-color 0.3s!important; 
		transition: background-color 0.3s!important;
}
.sideEmployeur button.sideButton{
	border-color:rgba(255,255,255, 0.5);
}
.lst .cLst .sideEmployeur.newAside{
	width:291px!important;
	margin-top:31px!important;
	-webkit-transition: margin-top 0.2s!important; 
	transition: margin-top 0.2s!important;
}
.sideEmployeur2, .well.empCaroussel1{
	border-radius:11px;
}
.affix .sideEmployeur2{
	margin-top:41px!important;
	-webkit-transition: margin-top 0.2s!important; 
	transition: margin-top 0.2s!important;
}
.asside1 .sideEmployeur2{
	margin-top:0px;
	-webkit-transition: margin-top 0.2s!important; 
	transition: margin-top 0.2s!important;
/* 	width:291px!important; */
	height: 362px;
}
.affix-bottom .sideEmployeur2{
	margin-top:0px;
	-webkit-transition: margin-top 0.2s!important; 
	transition: margin-top 0.2s!important;
	width:291px!important;
}
.affix .newAside2, .affix-top .newAside2, .affix-bottom .newAside2{
	width:291px!important;
}

/*** Asside liste des offres */
.empCaroussel7 ul li {
	list-style-image:url(/design/img/bullets.png);
}

/****************************************************************** Mise en page 1200px*/

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
	.cLst.dtl button.empAfx21{
		width:100%;
	}	
}

/******************************************************************* Ajout pad page Employeurs > 1200px; */
@media(min-width:1200px){
	.addPaddEmp{
		padding-left: 31px!important;
	}
}
 
/* Media Queries */
/************************************************************************* Queries Employeurs */ 
/* header */
@media (min-width:768px) and (max-width:990px){
	.splashTime{
/* 		position: absolute; */
    	left: 37px;
	}
}
@media (min-width:990px) and (max-width:1200px){
	.splashTime{
/* 		position: absolute; */
    	left: 37px;
	}
}
@media (min-width:1200px){
	.splashTime{
    	margin-left: 11px;
	}
}
@media (max-width:1200px){
	.bandeauEmp3 {
    	padding: 0;
    	margin-top: 21px;
/*     	margin-bottom: 11px; */
	}
}

@media (min-width:300px) and (max-width:316px){
	.emp nav#menuNav.affix li a {
    	padding: 7px 12px!important;
	}
}
@media (max-width:300px){
	.emp nav#menuNav.affix li a {
    	padding: 6px 0px!important;
	}
}
@media (max-width:567px){
	.emp nav#menuNav li a {
		font-size: 11px!important;
	}
}
@media (min-width:567px) and (max-width:620px){
	.dropCompte3{
		left:-10%!important;
	}
}
@media (min-width:536px) and (max-width:567px){
	.dropCompte3{
		left:-20%!important;
	}
}
@media (min-width:440px) and (max-width:535px){
	.dropCompte3{
		left:-40%!important;
	}
}
@media (min-width:380px) and (max-width:440px){
	.dropCompte3{
		left:-60%!important;
	}
}
@media (min-width:180px) and (max-width:380px){
	.dropCompte3{
		left:-90%!important;
	}
}
@media (min-width:768px) and (max-width:934px){
	.widthEmp3{
		left:-130%!important;
	}
}


/***********************************************************************************************************************     Footer */
@media(max-width:667px){
	.margeTopFooter2.socialIcone{
		margin-bottom:10px;
	}
}
.footerPub{
	min-height:104px;
}
.footerPub2{
	margin-top:125px;
}
.advertise5{
	text-align:left;
	margin-top:40px;
}
.invAdd5{
	display:none;
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait){
	.invAdd5{
		display:inline;
	}
}

@media only screen  
and (max-device-width: 767px) 
and (orientation: landscape){

	.emp #menuNav {
	top: 0px;
}

	.emp .canConnect #menuNav {
	top: 2px;
}

}

@media only screen 
and (max-device-width : 767px) 
and (orientation : portrait){
	.lst .connectedCan .lstHeader3.nameResp{
		margin: 2px 0 -6px 0!important;
	}
} 
.open>.reclasse.dropdown-menu {
    right: 16px;
}

@media (max-width:300px){
	.topNavA {    
    display: none !important;
  }     

}




.bolder{
	font-weight:bolder!important;
}
.bolder2{
	font-weight:900!important;
}
.noLineHover:hover{
	text-decoration:none!important;
}
.underLine{
	text-decoration:underline;
}
.underLineHover:hover, .underLineHover2:hover{
	text-decoration:underline!important;
}
	.noLineHover:hover{
		text-decoration:none!important;
}
.noLine{
	text-decoration:none!important;
}
.z9999{
	z-index:9999;
}
.redHover:hover{
	color:red;
}
.gauche{
	float:left;
}
.droite{
	float:right!important;
}
.tRight{
	text-align:right;
}
.tLeft{
	text-align:left;
}
.myBlock{
	display:block!important;
}
.uneLigne, .enligne{
	display:inline!important;
}
.underline{
	text-decoration:underline;
}
	.hoverImg, .hoverImg a:hover{
		opacity:1!important;
}
	.hoverImg:hover, .hoverImg img:hover{
		opacity:0.7;
}
	.hoverWhite:hover{
		color:white;
}
	.hoverDefault:hover{
		cursor: pointer!important;
}
	.noStyle:hover{
		text-decoration:none;
}
.jeJustify{
	text-align:justify;
}
.italic{
	font-style:italic;
}
.clearFx{
	clear:both!important;
}
.bgTrans{
    background-color:white!important;
}
.bgTrans2{
    background-color:transparent!important;
}
.addBorder input{
	border: 1px solid #ccc!important;
}
.noBullets ul{
	list-style-type:none;
}
.noPad{
	padding-right:0px!important;
	padding-left:0px!important;
} 
.noMarge{
	margin-left:0px!important;
	margin-right:0px!important;
}
.width270px{
	width: 270px!important;
}
.width150px{
	width:150px;
}
.width129{
	width:129%;
}
.width100px{
	width:100px;
}
.width100{
	width:100%;
}
.width99{
	width:99%;
}
.width94{
	width:94%;	
}
.width92{
	width:92%;	
}
.width91{
	width:91%;	
}
.width90{
	width:90%;	
}
.width84{
	width:84%;	
}
.width80{
	width:80%;	
}
.width70{
	width:90%;	
}
.width60{
	width:60%;	
}
.width20{
	width:20%;	
}
.width50{
	width:50%;	
}
.width231{
	width:231px!important;
}
.width22P{
	width:22px;
}
.width18{
	width:18px;	
}
.width15{
	width:15px;	
}
.width10{
	width:10px;	
}
.hAuto{
	height:auto;
}
.hrBottom{
	border-bottom:1px solid lightgrey;
}
.f10{
	font-size:10px!important;
}
.f11{
	font-size:11px!important;
}
.f12{
	font-size:12px!important;
}
.f13{
	font-size:13px!important;
}
.f14{
	font-size:14px!important;
}
.f15{
	font-size:15px!important;
}
.f16{
	font-size:16px!important;
}
.f17{
	font-size:17px!important;
}
.f18{
	font-size:18px!important;
}
.f20{
	font-size:20px!important;
}
.f21{
	font-size:21px!important;
}
.f22{
	font-size:22px!important;
}
.f23{
	font-size:23px!important;
}
.f25{
	font-size:25px!important;
}
.vTop{
	vertical-align:top!important;
}
.vMiddle{
	vertical-align:middle!important;
}
.vBottom{
	vertical-align:bottom!important;
}
.lh15, .lineH15{
	line-height:15px!important;
}
input[type='radio']:hover{
  	cursor:pointer!important;
}
.height25{
	height:250px;
}
.height30{
	height:30px;
}
.height40{
	height:40px;
}
.maHeight1{
	height:461px;
}
.weight400{
	font-weight:400;
}
.cRight{
	clear:right;
}
.cLeft{
	clear:left;
}
.pad0{
	padding:0;
}
.mP0{
	margin:0!important; 
	padding:0!important;
}
.top20{
	top:20px;
}
.top30{
	top:30px;
}
.noMargeLeft{
	margin-left:0px!important;
	padding-left:0px!important;
}
.pad20{
	padding:20px;
}
.pad30{
	padding:30px;
}
.pad40{
	padding:40px;
}
.pad50{
	padding:50px;
}
.padRight0{
	padding-right:0px!important;
}
.padRight5{
	padding-right:5px!important;
}
.padRight10{
	padding-right:10px!important;
}
.padRight15{
	padding-right:15px!important;
}
.padRight20{
	padding-right:20px;
}
.padRight40{
	padding-right:40px!important;
}
.padRight50{
	padding-right:50px!important;
}
.padTop6{
	 padding-top:6px!important;
}
.padTop10{
    padding-top:10px!important;
}
.padTop11{
    padding-top:11px!important;
}
.padTop13{
    padding-top:13px!important;
}
.padTop15{
    padding-top:15px!important;
}
.padRight14{
	padding-right:14px;
}
.padBot12{
	padding-bottom:12px!important;
}
.padBot30{
	padding:30px 0!important;
}
.padBot50{
	padding-bottom:50px;
}
.padLeft0{
	padding-left:0px!important;
}
.padLeft3{
	padding-left:3px;
}
.padLeft5{
	padding-left:5px;
}
.padLeft7{
	padding-left:7px;
}
.padLeft8{
	padding-left:8px;
}
.padLeft10{
	padding-left:10px!important;
}
.padLeft12{
	padding-left:12px!important;
}
.padLeft15{
	padding-left:15px!important;
}
.padLeft17{
	padding-left:17px!important;
}
.padLeft20{
	padding-left:20px!important;
}
.padLeft25{
	padding-left:25px!important;
}
.padLeft27{
	padding-left:27px!important;
}
.padLeft29{
	padding-left:29px!important;
}
.padLeft30{
	padding-left:30px!important;
}
.padLeft42{
	padding-left:42px!important;
}
.padLeft50{
	padding-left:50px!important;
}
.padBotom0{
	padding-bottom:0px;
}
.mRmL0{
    margin-right:0px!important;
    margin-left:0px!important;
}
.mRight4{
	margin-right:4px!important;
}
.mRight5{
	margin-right:5px;
}
.mRight7{
	margin-right:7px;
}
.mRight10{
	margin-right:10px;
}
.mRight15{
	margin-right:15px;
}
.mRight20{
	margin-right:20px;
}
.mRight23{
	margin-right:23px;
}
.mRight30{
	margin-right:30px;
}
.mRight34{
	margin-right:34px;
}
.mRight35{
	margin-right:35px;
}
.mRight40{
	margin-right:40px;
}
.mLeft0{
	margin-left:0px;
}
.mLeft3{
	margin-left:3px;
}
.mLeft4{
	margin-left:4px;
}
.mLeft5{
	margin-left:5px;
}
.mLeft6{
    margin-left:6px!important;
}
.mLeft8{
    margin-left:8px!important;
}
.mLeft10{
	margin-left:10px!important;
}
.mLeft13{
	margin-left:13px!important;
}
.mLeft14{
	margin-left:14px!important;
}
.mLeft15{
	margin-left:15px!important;
}
.mLeft16{
	margin-left:16px!important;
}
.mLeft17{
	margin-left:17px!important;
}
.mLeft18{
	margin-left:18px!important;
}
.mLeft20{
	margin-left:20px!important;
}
.mLeft25{
	margin-left:25px!important;
}
.mLeft30{
	margin-left:30px!important;
}
.mLeft28{
	margin-left:28px!important;
}
.mLeft32{
	margin-left:32px!important;
}
.mLeft34{
	margin-left:34px!important;
}
.mLeft40{
	margin-left:40px!important;
}
.mLeft65{
	margin-left:65px!important;
}
.mLeft80{
	margin-left:80px!important;
}
.mLeft86{
	margin-left:86px!important;
}
.mLeft92{
	margin-left:92px;
}
.mLeft115{
	margin-left:115px!important;
}
.mLeftp25{
	margin-left:25%!important;
}
.mLeftmin5{
	margin-left:-5px;
}
.mLeftmin6{
	margin-left:-6px;
}
.mLeftmin10{
	margin-left:-10px;
}
.mLeftmin14{
	margin-left:-14px;
}
.mLeftmin15{
	margin-left:-15px!important;
}
.mLeftmin21{
	margin-left:-21px;
}
.mLeftmin25{
	margin-left:-25px;
}
.mRightmin40{
	margin-right:-40px;
}
.mLeftmin23{
	margin-left:-24px;
}
.Top3{
	margin-top:-3px;
}
.Top5{
	margin-top:-5px;
}
.Top6{
	margin-top:-6px!important;
}
.Top50{
	margin-top:-50px;
}
.pRightLeft10{
	padding:0 12px 0 12px!important;
}
@media(min-width:992px){
	.RLeft3{
		margin-left:-3%;
	}
}
.mTop0{
	margin-top:0px!important;
}
.mTop1{
	margin-top:1px!important;
}
.mTop2{
	margin-top:2px!important;
}
.mTop3{
	margin-top:3px;
}
.mTop4{
	margin-top:4px;
}
.mTop5{
	margin-top:5px;
}
.mTop7{
	margin-top:7px;
}
.mTop8{
	margin-top:8px;
}
.mTop10{
	margin-top:10px;
}
.mTop12{
	margin-top:12px;
}
.mTop13{
	margin-top:13px;
}
.mTop14{
	margin-top:14px;
}
.mTop15{
	margin-top:15px;
}
.mTop16{
	margin-top:16px;
}
.mTop18{
	margin-top:18px;
}
.mTop19{
	margin-top:19px;
}
.mTop20{
	margin-top:20px!important;
}
.mTop22{
	margin-top:22px;
}
.mTop23{
	margin-top:23px;
}
.mTop24{
	margin-top:24px!important;
}
.mTop25{
	margin-top:25px!important;
}
.mTop26{
	margin-top:26px;
}
.mTop27{
	margin-top:27px;
}
.mTop30{
	margin-top:32px!important;
}
.mTop35{
	margin-top:35px;
}
.mTop40{
	margin-top:40px!important;
}
.mTop50{
	margin-top:50px!important;
}
.mTop53{
	margin-top:53px!important;
}
.mTop55{
	margin-top:55px!important;
}
.mTop60{
	margin-top:60px;
}
.mTop65{
	margin-top:65px;
}
.mTop70{
	margin-top:70px;
}
.mTop80{
	margin-top:80px;
}
.mBottom0{
	margin-bottom:0px!important;
}
.mBottom1{
	margin-bottom:1px;
}
.mBottom3{
	margin-bottom:3px;
}
.mBottom4{
	margin-bottom:4px;
}
.mBottom5{
	margin-bottom:5px!important;
}
.mBottom6{
	margin-bottom:6px!important;
}
.mBottom7{
	margin-bottom:7px!important;
}
.mBottom8{
	margin-bottom:8px!important;
}
.mBottom9{
	margin-bottom:9px!important;
}
.mBottom10{
	margin-bottom:10px!important;
}
.mBottom11{
	margin-bottom:11px!important;
}
.mBottom12{
	margin-bottom:12px!important;
}
.mBottom14{
	margin-bottom:14px;
}
.mBottom15{
	margin-bottom:15px!important;
}
.mBottom19{
	margin-bottom:19px;
}
.mBottom20{
	margin-bottom:22px!important;
}
.mBottom23{
	margin-bottom:23px!important;
}
.mBottom25{
	margin-bottom:25px;
}
.mBottom30{
	margin-bottom:30px;
}
.mBottom35{
	margin-bottom:35px;
}
.mBottom37{
	margin-bottom:37px;
}
.mBottom40{
	margin-bottom:40px;
}
.mBottom50{
	margin-bottom:50px;
}
.mBottom70{
	margin-bottom:70px;
}
.mBottom100{
	margin-bottom:100px;
}
.mBottom110{
	margin-bottom:110px!important;
}
.mBottom150{
	margin-bottom:150px;
}
.mBottom170{
	margin-bottom:170px;
}
.mBottom200{
	margin-bottom:200px;
}
.mBottom210{
	margin-bottom:210px;
}
.mBottom400{
	margin-bottom:400px;
}
.marRL0{
	margin-right:0px;
	margin-left:0px;    
    padding-left:0px!important;
    padding-right:0px!important;
}
.noBottom{
	margin-bottom:0px!important;
}
.padBottom0{
	padding-bottom:0px!important;
}
.padBottom11{
	padding-bottom:11px!important;
}
.left20{
	left:20px;
}
.borderBottom{
	border-bottom:1px thin rgba(255,255,255,1)!important;
}
.borderBottom2{
	border-bottom:1px solid #ccc!important;
}
.borderRed{
	border:2px solid red;
}
.pLeft10{
	padding-left:10px;
}
.pLeft15{
	padding-left:15px;
}
.minusTop2{
	margin-top:-2px!important;
}
.minusTop3{
	margin-top:-3px!important;
}
.minusTop4{
	margin-top:-4px!important;
}
.minusTop10{
	margin-top:-10px!important;
}
.minusTop18{
	margin-top:-18px!important;
}
.minusTop26{
	margin-top:-26px!important;
}
.minusTop30{
	margin-top:-30px!important;
}
.topMinus5{
	top:-5px!important;
}
.topMinus15{
	top:-15px;
}
.minusTop50{
	margin-top:-50px;
}
.minusBottom4{
	margin-bottom:-4px!important;
}
.minusBottom5{
	margin-bottom:-5px;
}
.minusBottom10{
	margin-bottom:-10px!important;
}
.minusBottom20{
	margin-bottom:-20px!important;
}
.minusBottom25{
	margin-bottom:-25px!important;
}
.minusBottom35{
	margin-bottom:-35px!important;
}
.minusBottom40{
	margin-bottom:-40px!important;
}
.minusLeft5{
	margin-left:-5px!important;
}
.minusLeft8{
	margin-left:-8px!important;
}
.minusLeft30{
	margin-left:-30px;
}
.height1{
	height:1px!important;
}
.height7{
	height:7px;
}
.height10{
	height:10px;
}
.height40{
	height:40px;
}
.height50{
	height:50px;
}
.height65{
	height:65px;
}
.height105{
	height:105px;
}
.noLeft{
	padding-left:0px!important;
}
.noRight{
	margin-right:0px!important;
	padding-right:0px!important;
}
.lheight25{
	line-height:25px;
}
.btn-info, .btn-info:hover{
    background-color:transparent;
    border-color:transparent;
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-primary {
    border: 0;
}

.well-lighter{
	background-color:#f6f6f6!important;
}
.br15{
	border-radius:15px!important;
}
.borderRight{
	border-right:1px solid #ddd;
}

/* Resp */
@media(max-width:991px){
	.resHeight80{
		height:80px;
	}
}
@media(max-width:767px){
	/* marges */
	.resXsMN10{
		margin-left:-10px!important;
	}
	.resXsP30{
		padding-left:30px;
	}
	.resPleft31{
		padding-left:31px;
	}
	.resMT13{
		margin-top:13px;
	}
	.resMT25{
		margin-top:25px;
	}
	
	/*  width */
	.resp60{
		width:60%!important;
	}
	.resp80, .respWidth80{
		width:80%!important;
	}
	.resp89{
		width:89%!important;
	}
	.resp90{
		width:90%!important;
	}
	.resp92{
		width:92%!important;
	}
	.resTextarea80{
		width:85%!important;
	}
}

/* general */
*:link{
 box-shadow:none;
 outline: none;
 -moz-outline:none;
 -ms-outline:none;
 -o-outline:none;
 -webkit-outline:none;
 -ms-outline:none;
}
input{
	box-shadow:none !important;
	border-style:none !important;
	box-shadow:none !important;
}
*:focus{
	box-shadow:none;
	outline:none;
	-moz-outline:none;
	-ms-outline:none;
	-o-outline:none;
	-webkit-outline:none;
	-ms-outline:none;
}
*:hover{
	box-shadow:none;
	outline:none;
	-moz-outline:none;
	-ms-outline:none;
	-o-outline:none;
	-webkit-outline:none;
	-ms-outline:none;
}
*:active{
	box-shadow:none;
	outline:none;
	-moz-outline:none;
	-ms-outline:none;
	-o-outline:none;
	-webkit-outline:none;
	-ms-outline:none;
}
*:visited{
	box-shadow:none;
	outline:none;
	-moz-outline:none;
	-ms-outline:none;
	-o-outline:none;
	-webkit-outline:none;
	-ms-outline:none;
}
.form-control{
	box-shadow:none;
	outline:none;
	border-style:solid;
	/*border-radius:0;*/
}
.form-control:active{
	color:black!important;
	background-color:rgba(255,255,255,0.8)!important;
}
.form-control:visited{
	color:black!important;
	background-color:rgba(255,255,255,0.8)!important;
}
#inputEnterkeyword:active{
	color:black!important;
	background-color:rgba(255,255,255,0.8)!important;
}

.petiteRecherche ul.dropdown-menu{
    width:242px;

    border-top:none;
/*     top:30px; */
}
.petiteRecherche ul.dropdown-menu input{
    margin-left: 22px;
    height: 21px;
    margin-top: 3px;
    width:186px;
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	.resTextarea80{
		width:85%!important;
	}
}
@media only screen 
and (max-device-width : 767px) 
and (orientation : portrait){
	.xsF9{
		font-size:12px;
	}
	.resMT37{
		margin-top:37px;
	}
	.resTleft{
		text-align:left;
	}
}
@media(max-width:1200px){
	.none1200{
		display:none;
	}
}	

/* Resp CSS Class */
@media (max-width:768px){
	.xsRight{
		float:right!important;
	}	
}

/* unvisited link */
#header li>a:link{
	color: rgba(0, 29, 92, 1);
}

/* style des liens du menu dans le header */
#header li>a:visited{
	color: rgba(0, 29, 92, 1);
}
#header li>a:hover{
	color:#E8980C;
}
span.splashEmploi:hover{
	color:#E8980C;
}
.splashEmploi{
	color:rgba(0, 29, 92, 1);
}

/* selected link */
#header li>a:active{
	color:rgba(0, 29, 92, 1);
}


/* bouton jaune 2 */
.customJaune{
	display:inline-block; 
	background-color:#ffbc00; 
	margin:0;
	height:40px; 
	padding:0;
	border:none;
}
	.customJaune:hover{
		background-color:#144dc8;
}

/* bouton jaune */
.btn-jaune {
	background-color:#ffbc00 !important;
	color:white;
	font-weight:600;
	font-size:16px;
	font-family: 'Open Sans', 'Arial';
	letter-spacing: 0em;
}

.btn-jaune:hover {
	background-color:#144dc8 !important;
	color:white!important;
}

.btn.btn-jaune:focus{
	color:white!important;
	background-color:#144dc8 !important;
}

.btn-warning {
	background-color:#ffbc00!important;
    border: 0;
}
}
.btn-warning:hover, button.bandeauEmp5:hover {
    background-color:#144dc8!important;
/*     border:1px solid #144dc8; */
}

/* bouton bleu */
.btn-bleu{
   	background-color:rgba(0,29,81,1.0);
	color:white;
	font-weight:600;
	font-size:16px;
	font-family: 'Open Sans', 'Arial';
	letter-spacing: 0em;
}

.btn-bleu:hover {
	background-color:#144dc8;
	color:white!important;
}

/* bouton bleu roi */
.btn-bleu-roi {
   	background-color: #144dc8;
	color: white;
	font-weight: 600;
	font-size: 16px;
	font-family: 'Open Sans', 'Arial', sans-serif;
	letter-spacing: 0em;
}

.btn-bleu-roi:focus {
	color: white;
}

.btn-bleu-roi:hover {
	background-color: #001d51;
	color: white;
}

/* bouton bleu*/
.customBleu{
	display:inline-block; 
   	background-color:rgba(0,29,81,1.0);
	margin:0; 
	height:40px; 
	padding:12px;
	border:none;
}
	.customBleu:hover, .customBleu2:hover{
		background-color:#144dc8!important;
}

/* Bouton Bleu standard*/
.empAfx21{                  
	margin-top:6px; 
/* 	height:40px;  */
	color:white; 
	font-size:15px; 
	background:rgba(0,29,81,1.0)!important;
}

/*Button Inscription Candidats*/
.btn b{                  
 font-family: 'Open Sans';
}

.btnInsc{                  
	margin-top:23px; 
	height:35px; 
	color:white; 
	font-size:14px; 
	background-color:rgba(255,188,0,1)!important;
	width:122px;
}

/*Button Inscription Candidats adaptif*/
.btnInsc3{                  
	margin-top:23px; 
	height:35px; 
	color:white; 
	font-size:15px; 
	background-color:rgba(255,188,0,1)!important;
}

/*Button Inscription Candidats adaptif*/
.btnInsc3bleu{                  
	margin-top:23px; 
	height:35px; 
	color:white; 
	font-size:15px; 
	background:rgba(0,29,81,1.0)!important;
}

/*Button Inscription Employeurs*/
.btnInsc2{                  
	margin-top:23px; 
	height:35px; 
	color:white; 
	font-size:14px; 
	background-color:rgba(255,188,0,1)!important;
	border:1px solid transparent;
	width:222px;
}

/*Button Inscription Candidats adaptif*/
.btn-double-bleu {                  
	color:white; 
	width: 140px;
	height:35px; 
	font-size:15px; 
	background:rgba(0,29,81,1.0)!important;
}

/*Button Inscription Candidats adaptif*/
.btn-double-orange {                  
	height:35px; 
	width: 136px;
	color:white; 
	font-size:15px; 
	background-color:rgba(255,188,0,1)!important;
}
/* Edit Button */
.edit-btn{
	background-color:#ffbc00!important;
	color:white;
}
	.edit-btn:hover, .edit-btn:link, .edit-btn:focus, .edit-btn:visited{
		background:rgba(0,29,81,1.0)!important;
		color:white;
}
.edit-btn img{
	vertical-align:top!important;
    margin-top:-2px;
    width:22px;
}


	.persoBtn:hover{   
/* 		border:2px solid rgba(20,77,200,0.2); */
		background-color:rgba(20,77,200,1);
		color:#fff!important;
}

/* Gros bouton jaune */
.bigButton{
    font-size:16px;
    padding:12px;
}

.btn:focus, .btn-info:hover, .btn-info:focus, .btn-info:active:focus, .btn-info:active:hover {
    outline: 0px -webkit-focus-ring-color;
    outline-offset: 0px;
}

.btn-sm:hover, .btn-sm:focus, .btn-sm:active:focus, .btn-sm:hover:focus, .btn-sm:active:hover {
 background-color: transparent !important;
    outline: 0px -webkit-focus-ring-color;
    outline-offset: 0px;
}


/* asside */
.carousel-control{
	opacity: 0;
}
.well.empCaroussel1{                                                                /*Dégrader bleu 3iem encart */
	background-color:rgba(0,39,123,1)!important;
	background:linear-gradient(to bottom, rgba(20,77,200,1) 0%, rgba(0,39,123,1) 100%)!important;
	height:345px;
}
.well.empCaroussel1 li{
	margin-bottom:3px;
}
.well.empCaroussel1 .carousel-indicators{
    bottom:-17px;
}
.cLst.asside1 .well.empCaroussel1 .carousel-indicators{
    bottom:-40px;
}
.emp.can .well.empCaroussel1 .carousel-indicators{
    bottom:-51px;
}
.chngCarousel, .empCaroussel8{
/* 	color:#ffbc00; */
	color:#fff;
	font-weight:normal!important;
/* 	color:white; */
}
span.empCaroussel2{
	color:white;
}
a.empCaroussel9{
	color:white;
}

.card-title{
	margin-top:5px;
}
#card_form.card1{                                                     /* nouveau design encart formations */
	overflow:hidden;
}
.card1 #carousel-bounding-box{
	margin-top:-69px;
	margin-left: -27px;
}

#card_form.card1 .card-content img{
    overflow:hidden;
    margin-top:-32px;
    opacity:1;
    z-index:0;
    height:220px;
    width:auto;
    margin-left:-68px;
    opacity:0.4;
}
#card_form.card1 #rss_formations{
    margin-top:40px;
    margin-bottom:0px;
}

#card_form .card-title img{
	vertical-align:baseline;
    margin-bottom:-3px;
}                                                                      /* fin nouveau design */
#card_info .card-title img{
    vertical-align:baseline;
    margin-bottom:-1px;
}
	.card-title a:hover{
		text-decoration:none;
}
	.underHover:hover{
		text-decoration:underline;
}
ol.empCaroussel5 li{
	vertical-align:middle!important;
}
.carousel-control:hover{
	opacity: 0;
}
div.relative{
	position:relative;
	display:inherit;
	z-index:100;
	top:-100px;
	right:-500px;
	width:140px;
	height:140px;
	border:1px solid rgba(255,255,255,0);
	background:-moz-linear-gradient(315deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.75) 50%, rgba(255,255,255,1) 100%); /* ff3.6+ */
	background:-webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(255,255,255,0.5)), color-stop(50%, rgba(255,255,255,0.75)), color-stop(100%, rgba(255,255,255,1))); /* safari4+,chrome */
	background:-webkit-linear-gradient(315deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.75) 50%, rgba(255,255,255,1) 100%); /* safari5.1+,chrome10+ */
	background:-o-linear-gradient(315deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.75) 50%, rgba(255,255,255,1) 100%); /* opera 11.10+ */
	background:-ms-linear-gradient(315deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.75) 50%, rgba(255,255,255,1) 100%); /* ie10+ */
	background:linear-gradient(135deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.75) 50%, rgba(255,255,255,1) 100%); /* w3c */
}
#header li>a span.caret:hover {
	color:#E8980C!important;
}

.bgFormations{
	background:url(/design/images/img-bndo_formations-10pc_1920.png) center no-repeat, -moz-linear-gradient(top, rgba(0,51,153,1) 0%, rgba(0,29,92,1) 100%);
	background:url(/design/images/img-bndo_formations-10pc_1920.png) center no-repeat, -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,51,153,1)), color-stop(100%, rgba(0,29,92,1)));
	background:url(/design/images/img-bndo_formations-10pc_1920.png) center no-repeat, -webkit-linear-gradient(top, rgba(0,51,153,1) 0%, rgba(0,29,92,1) 100%);
	background:url(/design/images/img-bndo_formations-10pc_1920.png) center no-repeat, -o-linear-gradient(top, rgba(0,51,153,1) 0%, rgba(0,29,92,1) 100%);
	background:url(/design/images/img-bndo_formations-10pc_1920.png) center no-repeat, -ms-linear-gradient(top, rgba(0,51,153,1) 0%, rgba(0,29,92,1) 100%);
	background:url(/design/images/img-bndo_formations-10pc_1920.png) center no-repeat, linear-gradient(to bottom, rgba(0,51,153,1) 0%, rgba(0,29,92,1) 100%);
	background-size:cover;
}

/* Couleurs  */
.bleuIsarta{
	color: rgba(0, 0, 113, 1);
}
.bleuHeader{
	color: rgba(0, 29, 81, 1)!important;
}
.bleuIsartaHover:hover{
	color: rgba(0, 0, 113, 1)!important;
}
.bleuPrincipal{
	color: rgba(0, 29, 92, 1);
}
.bleuPrincipalHover:hover{
	color: rgba(0, 29, 92, 1);
}
.bleuPrincipal65{
	color: rgba(0, 29, 92, 0.65);
}
.bleuClairHover:hover{
	color:rgba(20,77,200,1);
}
.bleuClair{
	color:rgba(20,77,200,1);	
}
	.bleuClairHover:hover{
		color:rgba(20,77,200,1);	
}
.bleuRoi{
	color: rgba(0, 51, 153, 1);
}
.bleuChoix{
	color:#00277b;
}
	.bleuChoixHover:hover{
		color:#00277b;
}
.bleuFooter{
	background-color: rgba(14, 17, 35, 1);
}
.grisFooter{
	background-color:#f6f6f6!important;
}
.bleuForfait{
	background-color: rgba(20,77,200,0.1);
}

.hoverOrange{
	background-color:rgba(255,188,0,0.5);	
}

.orangeForfait{
	background-color:rgba(255,188,0,0.5);
}
.orangeForfait2{
	background-color:rgba(255,188,0,1);
}
.orange{
/* 	color: rgba(255, 188, 0, 1); */
	color: #ffbc06;
}
	.orangeHover:hover{
	    color: #ffbc00!important;
	    text-decoration: none;
}
	.orangeHover2:hover{
		color: rgba(255, 188, 0, 1);
}
	.whiteHover:hover{
		color:white;
}
	.bleuHover:hover{
		color: rgba(0, 0, 113, 1);
}
.grisClair{
	color: rgba(204, 204, 204, 1);
}
.grisClair2{
	background-color:#ececec;
}
.gris{
	color: rgba(179, 179, 179, 1);
}
.grisFonce{
	color: rgba(102, 102, 102, 1);
}
.grisEmployeur{
	color:#9f9f9f!important;
}
.blanc, .white{
	color: rgba(255, 255, 255, 1)!important;
}
.blanc98{
	color: rgba(255, 255, 255, 0.98);
}
a.anchor {
  display: block; 
  position: relative; 
  top: -115px; 
  visibility: hidden; 
}
.blancMenu75{
	color: rgba(255, 255, 255, 0.75);
}
/* .bleuEmployeur{ */
/* 	color:#00146c; */
/* } */
/* 	.bleuEmployeur:hover{ */
/* 		color:#0909c6; */
/* } */
.orangeIsarta{
	color:#ffbc00;
}
.midGrey{
	color:#cccccc!important;
}
	.midGrey:hover{
		color: #E8980C!important; 
}
.grisAdmin{
	color:#afafaf!important;
}
.grisPale{
	color:#ddd;
}
.selectGrey{
	background-color:#f5f5f5!important;
}
.nonBlack{
	color:#0e1123;	
}
.pagePresente{
	color:#E8980C;
}
.grisEmployeur{
	color:#66646e;
}
.red{
	color:red!important;
}
.vert{
	color:#00B233!important;
}
.orange2{
	color:#ec971f;
}
.clrBlFncr{
	color:#00277b;
}
.bleuIsarta2{
	color:#000071;
	font-weight:400;
}
.bgBleuIsarta{
	background-color:rgba(0,29,81,1);
}
.bgOrange{
	background-color:rgba(255,188,0,1);
}
.noir{
	color:#333!important;
}
.x{
	color:#eee;
}
	.x:hover{
		color:rgba(255,255,2555,0.8);
}
@media(min-width:1200px){
	.pale{
		font-weight:100;
		color:#666666;	
	}
}
@media(max-width:1200px){                          /* Necessaire puisque le rendu des gris pales sur les devices sont illisible  */
	.pale{
		font-weight:100;
		color:#333!important;	
	}
}


/*Gradients*/
.gradientBl100{
	background: rgba(0,51,153,1);
	background: -moz-linear-gradient(top, rgba(0,51,153,1) 0%, rgba(0,29,92,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,51,153,1)), color-stop(100%, rgba(0,29,92,1)));
	background: -webkit-linear-gradient(top, rgba(0,51,153,1) 0%, rgba(0,29,92,1) 100%);
	background: -o-linear-gradient(top, rgba(0,51,153,1) 0%, rgba(0,29,92,1) 100%);
	background: -ms-linear-gradient(top, rgba(0,51,153,1) 0%, rgba(0,29,92,1) 100%);
	background: linear-gradient(to bottom, rgba(0,51,153,1) 0%, rgba(0,29,92,1) 100%);
}
.gradientBl65{
	background: rgba(0,51,153,0.65);
	background: -moz-linear-gradient(top, rgba(0,51,153,0.65) 0%, rgba(0,29,92,0.65) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,51,153,0.65)), color-stop(100%, rgba(0,29,92,0.65)));
	background: -webkit-linear-gradient(top, rgba(0,51,153,0.65) 0%, rgba(0,29,92,0.65) 100%);
	background: -o-linear-gradient(top, rgba(0,51,153,0.65) 0%, rgba(0,29,92,0.65) 100%);
	background: -ms-linear-gradient(top, rgba(0,51,153,0.65) 0%, rgba(0,29,92,0.65) 100%);
	background: linear-gradient(to bottom, rgba(0,51,153,0.65) 0%, rgba(0,29,92,0.65) 100%);
}
.gradientHeaderBlncTrsprnt{
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.48) 68%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(68%, rgba(255,255,255,0.48)), color-stop(100%, rgba(255,255,255,0)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.48) 68%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.48) 68%, rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.48) 68%, rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0.48) 68%, rgba(255,255,255,0) 100%);
}
.gradientBlcTrnsprnt315dgr{
	background: -moz-linear-gradient(315deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.75) 50%, rgba(255,255,255,1) 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(255,255,255,0.5)), color-stop(50%, rgba(255,255,255,0.75)), color-stop(100%, rgba(255,255,255,1))); /* safari4+,chrome */
	background: -webkit-linear-gradient(315deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.75) 50%, rgba(255,255,255,1) 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(315deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.75) 50%, rgba(255,255,255,1) 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(315deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.75) 50%, rgba(255,255,255,1) 100%); /* ie10+ */
	background: linear-gradient(135deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.75) 50%, rgba(255,255,255,1) 100%); /* w3c */
}
.blancGradient98{
	background: rgba(255, 255, 255, 0.98);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.98) 75%, rgba(255,255,255,0.98) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(75%, rgba(255,255,255,0.90)), color-stop(100%, rgba(255,255,255,0.98)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.98) 75%, rgba(255,255,255,0.98) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.98) 75%, rgba(255,255,255,0.98) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.98) 75%, rgba(255,255,255,0.98) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0.98) 75%, rgba(255,255,255,0.98) 100%);
}
.whiteGradientPerfect{
	background: -moz-linear-gradient(50% -0.13% -90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 45%, rgba(255, 255, 255, 0.95) 100%);
	background: -webkit-linear-gradient(-90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 45%, rgba(255, 255, 255, 0.95) 100%);
	background: -webkit-gradient(linear, 50% -0.13%, 50% 100.31%, color-stop(0, rgba(255, 255, 255, 1) ), color-stop(0.45, rgba(255, 255, 255, 1) ), color-stop(1, rgba(255, 255, 255, 0.95) ));
	background: -o-linear-gradient(-90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 45%, rgba(255, 255, 255, 0.95) 100%);
	background: -ms-linear-gradient(-90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 45%, rgba(255, 255, 255, 0.95) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF',GradientType=0)";
	background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 45%, rgba(255, 255, 255, 0.95) 100%);
	opacity: 0.99;
}
.blueGradientPerfect80{
	background: -moz-linear-gradient(50% 97.73% 90deg, rgba(0, 39, 123, 0.65) 0%, rgba(20, 77, 200, 0.65) 100%);
	background: -webkit-linear-gradient(90deg, rgba(0, 39, 123, 0.65) 0%, rgba(20, 77, 200, 0.65) 100%);
	background: -webkit-gradient(linear, 50% 97.73%, 50% 1.27%, color-stop(0, rgba(0, 39, 123, 0.65) ), color-stop(1, rgba(20, 77, 200, 0.65) ));
	background: -o-linear-gradient(90deg, rgba(0, 39, 123, 0.65) 0%, rgba(20, 77, 200, 0.65) 100%);
	background: -ms-linear-gradient(90deg, rgba(0, 39, 123, 0.65) 0%, rgba(20, 77, 200, 0.65) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#00277B', endColorstr='#144DC8',GradientType=0)";
	background: linear-gradient(0deg, rgba(0, 39, 123, 0.65) 0%, rgba(20, 77, 200, 0.65) 100%);
}


nav#menuNav{
	z-index:1001;
}
nav#menuNav a:focus{
	color:white!important;
}
.noWhite{
	white-space:nowrap!important;
}
.centrer{
	text-align:center;
}
.lighter{
	font-weight:lighter!important;
}
.f100{
	font-weight:100!important;
}


@media (min-width :1200px)  { 
 .ajustMargeGestionEmploi{
		margin-left:-16px;
	}
}

.entreprisebouttonheight{
		height:56px !important;
		margin-right:20px !important;
		width: 316px;
	}

.acategories a:hover, .acategories a:focus, .acategories a:active {
	font-family: inherit !important;
	font-size: inherit !important;
	color: inherit !important;
	text-decoration: inherit !important;
}

.navbar-fixed-top {
    border-width: 0 0 0px !important;
}


/* Fin Ajustements*/