:root {
  font-family: Inter, sans-serif;
  font-feature-settings: 'liga' 1, 'calt' 1; /* fix for Chrome */
  font-size: 15px;
}
@supports (font-variation-settings: normal) {
  :root { font-family: InterVariable, sans-serif; }
}

.displayforprint {display:none;}

.colorB {color: #1c7ed6 !important;}
.colorR {color: #DE2C31;}
.colorG {color: #50b155;}
.colorW {color: #FFF !important;}

.bgcolorB {background-color:#1c7ed6;}
.bgcolorR {background-color:#DE2C31;}
.bgcolorG {background-color:#50b155;}

.glowy {box-shadow: 0 0 20px 0 rgba(161,161,161,0.2), 0 0 1vh rgba(0,133,255,0.17), 0 0 0 currentColor;}

.blur {
	-webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}

#header {
	background-repeat: repeat-x;
	background-position: 0px 0px;
	height:70px;
}
 
.mb45 {margin-bottom:45px;}
.mb30 {margin-bottom:30px;}
.mb15 {margin-bottom:15px;}
.mt45 {margin-top:45px;}
.mt30 {margin-top:30px;}
.mt15 {margin-top:15px;}
.fwb {font-weight:bold }
.p20  {padding:20px}
.fs28 {font-size:28px;}

#bannerlogo {
	min-width:100%;
	text-align:center; 
	padding:0px 5px;
} 

.pastille {
	display:inline-block;
	width:20px;
	height:20px;
	border-radius: 10px;
}

a.header-button {
	border-left:solid 3px #FFF;
	display:inline-block; 
	text-decoration:none !important;
	text-align:center;
}

a.header-button div {
	margin-left: 0px;
	/* margin-top: -3px; */
	padding: 20px 5px;
	display: inline-block;
	background-repeat: no-repeat;
	background-size: 38px;
	background-position: 10px center;
	padding-left: 60px;
	color: #000 !important;
	text-decoration: none !important;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	text-align: center;
	/* max-width: 150px; */
}

/*#offres_similaires table {width:238px; display:inline-table;margin:4px; padding:5px; border:solid 1px #666; background-color:#f7f7f7}*/

@media (max-width:1105px){
	a.header-button div{
	/*	background:none !important; */
		padding-left:0px;
    font-size: 0px;
    min-width: 50px;
	}
}

a.header-button:hover {
	text-decoration:none !important;
	color:#FFF !important; 
	background-color: #1c7ed6 ;
}
a.header-button:hover div{
	color:#FFF !important; 
}

a.hb-of div{ background-image:url(/images/v2/home/offres.svg);}
a.hb-of:hover div{ background-image:url(/images/v2/home/offres-w.svg);}
a.hb-cv div{ background-image:url(/images/v2/home/depot.svg);}
a.hb-cv:hover div{ background-image:url(/images/v2/home/depot-w.svg);}
a.hb-al div{ background-image:url(/images/v2/home/alerte.svg);}
a.hb-al:hover div{ background-image:url(/images/v2/home/alerte-w.svg);}

.rs.icon {display:inline-block;width:41px; height:41px; margin:2px; background-repeat:no-repeat;}
.rs.icon.twitter {background-image: url('/images/v2/icons/xlogo.svg');}
.rs.icon.facebook {background-image: url('/images/v2/rs/facebook.svg');}	
.rs.icon.linkedin { background-image: url('/images/v2/rs/linkedin.svg');}
.rs.icon.whatsapp { background-image: url('/images/v2/icons/whatsapp.svg');}
.rs.icon.instagram { background-image: url('/images/v2/icons/instagram.jpg');}	

#bottombanner {
	position:fixed;
  box-shadow:5px 0 10px 0px #999; 
  top:0;
  left:0; 
  width:100%; 
  background-color:#FFF; 
  padding:7px; 
  text-align:center;
  display:none }



body{
	margin-left:auto;
	margin-right:auto;
	margin-top: 0px;
}

* {box-sizing: border-box; }

.connection {
	vertical-align:bottom;display:inline-block !important; width:49%; color:#FFF !important;line-height:45px; height:55px; border-radius:0px; padding-right:20px;background-repeat: no-repeat;background-image:url(/images/v2/home/candidat-w.svg); padding-left: 60px; background-size: 25px; background-position: 10px center; font-weight:500;text-align:center
	}

.mainlogo {width: 350px; margin: 5px 50px 0px 50px;}
.mobilelogo {display:none;}

#main{background-color:#FFF;
	position:relative; margin:0 auto;  margin-top:80px; min-height:100px; over-flow:hidden;}


#quickmenu>div ul img { width:40px;
	margin-right:5px;
}

#quickmenu>div {
	background-color:#FFF;
	padding:4px;
	border-radius:2px;
	border:solid 1px #CCC;
	display:none;
	color:#222;
	font-weight:bold;
	margin-top:-2px;
}

#quickmenu a {
	color:#222;
	text-decoration:none;
	display:block;
	line-height:24px;
}

#quickmenu a:hover {
	color:#1c7ed6 
}

#quickmenu:hover>div {
	display:block;
}

#quickmenu {position:absolute; top:5px; right:0px; z-index:100000}

#quickmenu .hoveron {	display:none;		}
#quickmenu .hoveroff {display:block; float:right;		}
#quickmenu:hover .hoveron {	display:block;	float:right;		}
#quickmenu:hover .hoveroff {display:none;		}

#topcontainer{
	margin-top: 2px;
}

#top {position: relative; margin:0 auto; max-height:0px; }

#totop {right:70px; bottom:80px; position:fixed; cursor:pointer; z-index:1000}
#toalerte {width:50px; height:50px; right:70px; bottom:10px; position:fixed; cursor:pointer; border-radius:25px; border:none; background-color:#DE2C31;background-size:40px; background-repeat:no-repeat; background-position:center;background-image:url(/images/v2/home/alerte.svg) ; z-index:1000}

button {outline: none;}
a , a:visited {color:#1c7ed6 ; outline: none;}
a:hover{
	font-weight:bold;
}


var {
	display:none;
}

form { 
	padding:0px;
	margin:0px;
}

*::placeholder {opacity:0.9}

img {
	border:none;
}

div, p, table {
	font-weight:normal;
	
}

.icos {
	background-image: url('/images/v2/icons/menu/icons_menus.png'); 
	background-repeat: no-repeat;
	display: inline-block; 
	width:16px;
	height:16px;
	margin-right:5px;
}



#topmain{height:350px; margin-top:100px;}

.h3, .h4, .h5{font-weight:bold;}

.h1home {	
	padding:5px; padding-top:25px; text-align:center;  font-size:30px;color:#000; font-weight: normal
}

.h1home div {
	font-size:38px;
}

#propositions {display:none;}		
#propositions div {overflow:hidden; background-color:#FFF; cursor:pointer; border-bottom:dashed 1px #EEE;}
#propositions div:hover {background-color:#EEE;}

.LigneOffre{
	text-align:left;
}

.selectedOffers  h3{
	text-align:left;
}

.header_block_frame{
	height:100%; border:solid 1px gray; padding:10px; 
}

.inner_block_frame {
	box-shadow:5px 5px 5px 0; border:solid 1px gray
}


.headbanneralerte:hover{
	font-weight:bold;
}


.underline {text-decoration:underline}

.linkpath, .linkpath a{
	color: #1c7ed6 ;
	font-size: 11px;
	padding: 3px;
	padding-top:12px;
	margin-bottom:5px;
}


.box{
	width: 100%; 
	box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.5);	
}

.boxTitle{
	width:100%; 
}

.boxTitle h1, .boxTitle h2{
	color:#1c7ed6 ;
	padding:5px;
	padding-left: 0;
	margin:0px;
	font-size:26px; 
	font-weight: bold;	
	
}
.boxTitle a{
	text-decoration:none;
}

.boxEnd {
	border:solid 1px #CCC;	
	border-top:none;

}

.BlockTitle h1, .BlockTitle .h2 {
	color:#FFF;
	padding:5px;
	margin:0px;
	font-size:22px;
	font-weight:bold;	

}

.BlockTitle {
overflow:hidden;
}

.stretched-link {
	position: absolute; inset: 0; z-index: 1;
	text-indent: -9999px; /* invisible visuellement, accessible pour Google */
}

.contentBox {
	border-left:solid 1px #CCC;
	border-right:solid 1px #CCC;
	padding:5px;
	/*font-size:14px;*/
	vertical-align:top;
}

input, button {
	/*font-family:Montserrat,'Open Sans',Arial,Verdana;*/
}

h1,h2,h3,h4,h5 {
	font-family:Montserrat,'Open Sans',Arial,Verdana;
}

h1,.h1{
	font-size:22px;
	text-align:left;
}

.h1{
	color:#1c7ed6 ;
	padding:20px;
	padding-left: 0;
	margin:0px;
	font-size:30px; 
	font-weight: bold;	
}

h1 img{
	float:left;
	margin-right:3px;
}

h2, .h2, h3, .h3 {
	font-size:18px;
	font-weight:bold;
	text-align:left;
}
h2, .h2 {
	font-size:24px;
}
h5{margin:0px; font-size:14px;}

a.lien_act_button{
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

.anchor{
	visibility:hidden;margin-top:-122px; height:122px;display:block;
}

.act_button{
	background-color: #de2c31;
	cursor: pointer;
	max-width: 150px;
	padding-bottom: 4px;
	padding-top: 4px;
	text-align: center;
	width: 150px;
}

.act_button_blue {	background-color: #1c7ed6 ; }

.searchButton {
	text-decoration:none;
	background-color:#de2c31;
	color:#FFF;
	width:200px;
	font-weight:bold;
	padding:3px;
	font-size:15px;
	border:solid 1px #444;
	cursor:pointer;
}

.searchButton:hover{
	background-color:#DE2C31;
}

#topgauche { 
	position:absolute; 
	z-index:10; 
	}

.fontred2 {
	font-weight: bold;
	color: #DE2C31;

}
.fontred3 {
	font-weight: bold;
	color: #000;

}

.menu_box {
	font-weight: bold;
	color: #000;
	padding-left: 5px;
	padding-top:5px;
}
.footer {
	color: #000000;
	font-size: 15px;

}

footer {
	clear:both;
}

footer a , footer a:visited             {
	color:#222
}

footer a:hover  {
	font-weight:normal;
	color:#444;
}

.foote2 {
	color: #000000;
	font-size:0.6em;
	align:center;
	font-weight:bold;

}
.LigneTitre {
	color: #000000;
	font-size:1.1em;
	align:center;
	font-weight:bold;

}
.police {
	font-weight: bold;
	color: #666666;

}





.menubox2 {
	color: #1c7ed6 ;
	font-weight: bold;
	font-size: 16px;
	vertical-align: top;
	text-align:left;
	height: 22px;
	padding: 5px;
	background-color:#1c7ed6 ;
	width:50%;
}
.menubox2  h2{
	font-size:14px;
	color:#FFF;
	margin:0px;
}




.padding {
	height: 5px;
}


h2.TitreOffre a{
	font-size:14px;
	color: #1c7ed6 ;
	text-decoration:none;
	margin-bottom:-15px;
	display:block;

}

h2.TitreOffre a:hover{
	text-decoration:underline;
}


h3.VilleOffre a{ 
	font-size: 11px;
	margin: 0;
	display:block;
	font-weight:bold; 
	text-decoration:none;
}

h3.VilleOffre  a:hover{
	text-decoration:underline;
}

.freqSearch a, .redLink, .blueLink,.gridBlueLink{
	color: #1c7ed6 ;
	text-decoration:none;
	font-weight:bold;
}

.gridBlueLink{
	display:block;
	padding:2px;
}

.gridBlueLink:hover{
	color: #FFF;

	background-color: #1c7ed6 ;
}

a.BlueArrowLink {
	color: #1c7ed6;
	font-size:22px;
	font-weight:bold;
	padding:3px;
	padding-left:70px;
	background-image:url(/images/v2/arrowblue.jpg);
	background-repeat: no-repeat;
	text-decoration: underline;
	cursor:pointer;
}

.redLink,a.redLink, a:visited.redLink {
	color: #DE2C31;

}
.freqSearch a:hover{
text-decoration:underline;
}

.selectedOffers h3 a{
	font-size: 14px;
	color: #1c7ed6 ;
	display:block;	
	font-weight:bold;
} 

.selectedOffers {
	text-align:left;
}

.selectedOffers > div {
	margin-bottom:15px;
}

.selectedOffers h3 a:hover {
	text-decoration:underline;
} 


.selectedOffers h3 {
	margin:2px;
}



.selectedOffers .s1{
	text-transform:capitalize;
	height:40px;
}

.selectedOffer {
	border:solid 1px #999;
	padding:10px;
	display:block;
	width:18.66%;
	height:183px;
	float:left;
	cursor:pointer;
	border-radius:10px;
	transition: 0.3s;
}

.selectedOffer:hover {
	transform : scale(1.1)
}

.selectedOffer .s1 {
	font-weight:bold;
}

.selectedOffer img{ max-height: 40px;  max-width: 80%;}




#indexGrid th {text-align:center}


@keyframes shake {
  10%, 90% {
    transform: translate3d(-0.5px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(0px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(0, -1px, 0);
  }

  40%, 60% {
    transform: translate3d(0, 0px, 0);
  }
}



.LigneOffre td
{
  border-bottom:solid;
  border-bottom-color:#000000;
  border-bottom-width:thin;
}


.LigneOffre img 
{
	max-width:80px;
	max-height:80px;
}


.fontBBlue,.BeauLien
{
   color: #1c7ed6 ;
   /**color: #4DA6FF;**/
   text-decoration:none;
   font-weight:bold; 
}

.BeauLien:hover
{

   text-decoration:underline;

}


.fontred22 {	
	font-weight: bold;
	color: #DE2C31;
	font-size: 15px;
    display:block;
}
h3.TitreCV a{
	font-size: 14px;
	color: #1c7ed6 ;
	/**color: #4DA6FF;**/
	text-decoration:none;
	margin-bottom:-15px;
	display:block;
}
.readOnly {
color:#000;
background-color:#CCC;

}

table.Exterieur
{
border:thin solid;
}

.OffreDescription {
	cursor:pointer
}

p.OffreDescription a
{
	text-decoration:none;
}

/** Nouveaux styles **/
.cadre_elt_sidebar, .bloc_CP, .bloc_OAP, .bloc_GI{
	border: 1px solid grey;
	font-size:14px;
    padding: 5px;
	margin-right:4px;
	background-color: #ffffff;
	text-align: left;
	line-height: 1.2;
}

.bloc_CP h3{
	margin:0;
	margin-right:4px;
	text-align: center;
	font-size:14px;
}


.cadre_elt_sidebar a , .bloc_CP a, .bloc_OAP a, .bloc_GI  a{
	text-decoration:none;

}
.cadre_elt_sidebar a:hover, .bloc_CP a:hover, .bloc_OAP a:hover, .bloc_GI  a:hover {
	text-decoration:underline;
}			

#search_block{
	overflow:hidden;
}

#search_block > div {
	min-width:300px; text-align:center; color:#1c7ed6 ; vertical-align:top; 
}

#search_block .BlockTitle{
	color:#FFF;
	background-color:#1c7ed6 ; width:100%;
}

.home_encart {

    float: left;
    min-width: 322px;
    width: 49%;
    margin-top: 10px;

}


.offerSearchForm_simple select, .offerSearchForm_simple input{
	width:300px;
	margin-top:10px;
}

#offreBlock .BlockTitleBlue{
	background-color:#1c7ed6 ;
}

#offreBlock .BlockTitleRed{
	background-color:#DE2C31; 
}

.BlockTitleUBlue, .BlockTitleURed { color:#000; font-size:15px; margin-bottom:10px; }

.BlockTitleUBlue{ border-bottom:solid 1px #1c7ed6 }
.BlockTitleURed{ border-bottom:solid 1px #DE2C31}

/** side bar **/
.limit_208{
	text-align: center;
	width: 250px;
	max-width: 250px;
	overflow: hidden;
	padding:5px 0px 0px 5px; 
	margin-top:0px	
}

.bloc_OAP a{
	font-weight: normal;
	color: #000000;
	font-size: 14px;
}

.bloc_GI{
	text-align:center; 
	border:1px solid #1c7ed6 ;

}

.bloc_GI a{
	font-size: 14px;	
	font-weight: bold;
	color: #DE2C31;
}

.bloc_CP {
	padding-bottom:0px;
	cursor:pointer
}
.bloc_CP div{

	cursor:pointer;
	font-size:14px;
	background-color: #1c7ed6 ;
	color: #FFFFFF;
	margin-left: -5px;
	margin-top: -5px;
	margin-bottom:0px;
	padding: 5px;
	text-align: center;
	width: 100%;
	font-weight:bold
}



/*-------------Remplacement des images de fond-----------*/
.fondLong{
	background-color: #e3e3e3;
	border: 1px solid #a7a7a7;
}
.fondUni{
	background-color: #fff;
}
/*------top-----------*/
#globalContainer{
	width:1200px;
	font-size:14px;
	background-color:#FFFFFF;
	max-width:100%
}
.topLogo{
	margin-right: 4px;
	padding-top: 8px;
}
.topLogoImg{
	border: 0px;
	margin: 0px;
	width: 22px;
	height: 22px;
}

.logosALaUne a{
	float:left;
	width:95px;
	height:95px;
	display:inline-block;	
	margin:9px;
	padding-top:15px;
}

.topLink{
margin-top: 7px;
}
/*-----------FIN TOP---------------*/

.fontwhite3 {
	font-weight: bold;
	color: #1c7ed6 ;
	font-size: 15px;
}

#tab_images_bannieres{
	width: 180px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.titreFdBleu{
	text-align: center;
	margin-bottom: 10px;
	margin-left: -5px; /* Pour suppr padding div sup */
	margin-top: -5px; /* Pour suppr padding div sup */
	color: #fff;
    background-color: #1c7ed6 ;
	width: 100%;
	padding: 5px;

}
/********************FIN STYLES SIDEBAR****************/

.highlight {
	background-color:#FF0;
	font-weight:bold;
	color: #1c7ed6 ;	
	color: #000 ;	
	/*border-bottom:solid 1px #1c7ed6 ;*/
	border-bottom:solid 1px #000 ;
}

.linkHL {
	font-weight:bold;
	color: #1c7ed6 ;
}

.linkHL:hover {
	color: #155284;
}

.HLgridlink {
	font-weight:bold;
	color: #0f0;
}

.HLgridlink:hover {
	color: #0f0;
}

/********************MENU****************/
	#centrer_menu {
		background-color: #f7f7f7;
		left: 0;
		margin-top: 0;
		padding: 1px 0;
		position: absolute;
		z-index: 1000;
	}	
	#centrer_menu ul{
		padding:0px;
		background-color:#222;
		margin:0px;
		left:0px;
	}	
	#centrer_menu ul li>span { display:none}
	#centrer_menu ul li{		
		text-align:center;
		display:block;
		border:none;
		color: #000;
		cursor: default;
		font-size:15px;
		font-weight:bold;
		float:left;
		margin-right:1px;
		height:25px;
		width:10px;
		cursor:pointer;
	
	}


/*	#centrer_menu #menu_5:hover{	
		color:#de2c31;border-bottom:solid 2px #de2c31;
	}*/

	#centrer_menu ul li ul, #centrer_menu ul li .ul{
		position:absolute;	
		margin-top:2px;
		display:block;
		margin-top:-10px;
		padding:5px;
		width:70%;
		/*left:0px;*/
		background-color:#fff;
		border:solid 2px #1c7ed6;
		border-radius:20px;
		max-height: 0px;
   /*	transition: max-height 0.5s ease-out, opacity 1s ease-out; 	*/
   	opacity:0;	
   	overflow:hidden;
   	/*margin-left:15%;*/
	}	
/*	#centrer_menu #menu_5 .ul	{
		border-top:solid 4px #de2c31;
	}*/

	#centrer_menu #menu-offres .subBlock2 span{ color:#888;	}
	#centrer_menu ul li.hover ul , #centrer_menu ul li.hover .ul{
		/*display:block;*/
		max-height: 500px;
   		/*transition: max-height 1s ease-out;*/
   		opacity:1;
	}	
	
	#centrer_menu ul li ul li, #centrer_menu ul li .ul .li{
		text-align:center;	
		border:none;
		color: #FFFFFF;
		cursor: default;
		font-size:15px;		
		font-weight:normal;
		border-top:solid 1px #FFF;
		border-left:solid 1px #FFF;
		
	}	

	#centrer_menu  ul li ul a, #centrer_menu  ul li .ul a{
		color:#000;
		text-decoration:none;
		font-size:14px;	
		display:block;
		padding:6px;
		padding-left:0;
	}
	
	#centrer_menu  ul li ul a:hover, #centrer_menu  ul li .ul a:hover{
		text-decoration:underline;
	}

	#quickmenu li{margin-bottom:7px;}


	.menuTopTab {
		text-decoration: none;
		color:#fff;
		display:block;
		height:100%;
	}

	#departements {
		position:absolute; background-color:#fff; padding:22px; display:none; margin-top:25px; box-shadow: 4px 2px 5px #000; top:0;
	}

/* ----------Fin Menu Deroulant---------- */
/* ----------PANIER-----------------*/
#panier{
	padding-top: 7px;
	padding-bottom: 7px;
	background-color: #fff;
}
#acces_panier{
	background-color: #fff;
	color: #fff;
	width: 100%;
	text-align: left;
}
#span_acces_panier{
	background-color: blue;
	cursor: pointer;
}
#montrer_panier{
	color: black;
}
.item_panier{
	width: 100%;
	text-align: left;
	font-size:15px;
	overflow:hidden;
	margin-top:3px;
}

.item_panier:hover{
	text-decoration:underline;
}

.link_itemPanier{
	color:#000;
	text-decoration: none;
}
.item1{
	background-color: #FFF;
}
.item0{
	background-color: #DDD;
}

.removeItem{
	font-size: 15px;
	cursor: pointer;
}

#panier_postule{
	margin:10px;
	font-weight:bold;
	color: #FFF;
}

#panier_postule a{
	text-decoration:none;
	color: #FFF;
}


/* Sidebar */
.titresSB {
    text-align: center;
	font-size: 15px;
	font-weight: bold;
}

.logosALaUne img {
	margin:3px;
}

/* Accueil */
.accLink{
	font-size: 14px;
}
.accLinkTd{
	text-align: left;
}

/* grilles */
.GridMajDate{
	font-size:14px;
}

.offerSearchForm input{
/*	font-weight:bold;*/
}
.offerSearchForm select{
/*	font-weight:bold;*/
}
.offerSearchForm option{
	font-weight:normal;
}

#RecruteurLogon{
	margin:0px;
}

#btLogin{
	background-color:#777; 
	color:#FFF;
	font-weight:bold;
	cursor:pointer;
	width:130px;
	margin-top:4px;
	margin-bottom:4px;	
}
#btLogin:hover{
	border:solid 2px #FFF;
}

.pagingBar{
    font-weight:bold;
}

.pagingPrevious{
    padding: 0 15px;
    width: auto;
}

.nextLink, .pagingPrevious {
	color: #999;
}

.pagingBox{
    background-color: #EEEEEE;
    color: #0D51AB;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: 1px;
    min-width: 30px;
    text-align: center;
    text-decoration: none;
    width: 30px;
	border-radius:3px;
	border:solid 1px #CCC;
}


.pagingBox:hover{
	background-color: #BBB;
}

.pagingBox.selected {
    position: relative;
	background-color: #BBB;
}


.nextLink, .pagingPrevious {
    padding: 0 30px 0 15px;
    width: auto;
}


.boxWrap {
    background-color: #FFFFFF;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    min-width: 35px;
    padding-left: 1px;
    width: 35px;
    }

.boxWrap button {
	cursor:pointer;
}       

.boxWrap.selected {
    border: medium none;
    position: relative;
}

.navLinks{
    display: inline-block;
    height: 35px;
    line-height: 35px;
    margin: 0;
}

.pagingBar .selected {
    background-color: #FFFFFF;
    color: #000000;
}

.logosALaUne{
	text-align:center;
}

.logosALaUne span{
	min-width:80px; display:inline-block;
}

.fontBlue{
	color:#1c7ed6 ;
	font-weight:bold;
	font-size:14px;
}

.size13{
	font-size:13px;
}

.size14{
	font-size:14px;
}

.size15{
	font-size:15px;
}


.size16{
	font-size:14px;
}

.margin0{
	margin:0;
}

.padding5{
	padding:5px;
}

.bgGray {
	background-color:#CCC;
}

.qtab.unselected {
	background:#FFF;
	color:#444;		
	border:solid 1px #444;
	cursor : pointer;
}

.qtab.unselected:hover {
	background:#666;
	color:#FFF;		
	border:solid 1px #666;										
}

.qtab .colored{
	color:#1c7ed6 ;
}	
	
.qtab .colored2{
	color:#de2c31;
}

.qtab.unselected .arrow{
	display:none;
}

.qtab.unselected:hover .colored, .qtab.unselected:hover .colored2{
	color:#FFF;
}	

.qtab{											
	width:168px;
	height:64px;
	display:inline-block;
	font-size:14px;
	font-weight:bold;
	padding:5px;
	float:left;
	margin:0 2px 10px 0;	
	position:relative;
	background:#FFF;
	color:#444;		
	border:solid 1px #444;
	
	
}

.qtab .arrow{												
	position:absolute;
	top:74px;
}

.qtaba {text-decoration:none;}


.TDLabel {font-size:15px;}
											
.ot a {
	display:block;
	margin-bottom:6px;
}

option {
	color:#154094;
}

img{border:none}		
	#___plusone_0{
	max-width:60px
	}	
	
.menubox2 h3{
	text-align:center; font-size:15px;margin-bottom:0px;color:#FFF
}

.fieldNotes{
	font-size:9px;
}

.redNotes {
	color:#DE2C31;font-size:11px;
}

.titleIcon{
	 float:left; 
	 padding:8px 8px 0px 8px;
}	 

.titlefield{
	font-variant:small-caps;
	display:inline-block;
	width:280px;
	font-size:14px;
}
				



/**********/
.maincontent{
	text-align:center;
}

.sidebar {
	width:208px;
}

.candidat_block, #collectivite_block, #search_block{
	margin:5px 0;
	margin-top:8px;
	margin-bottom:0px;	
}

.candidat_block, #collectivite_block {
	margin-bottom:8px;
}

#info_block {
	margin:3px;
}

 #info_block{
	border:solid 1px #FFF;
	clear:both;
 }

.candidat_block, #collectivite_block{
	float:left;
	width: 362px;
	height: 200px; 	
}



#search_block{
	clear:both;
}

.candidat_block .BlockTitle, #collectivite_block .BlockTitle{
	height:30px; 

}

.candidat_block .BlockTitle{
	background-color:#1c7ed6 ;
}

#collectivite_block .BlockTitle{
	background-color:#de2c31;
}

.BlockContent{	
	border:solid 1px #CCC;
	height:148px;
	padding:10px 50px 10px 50px;
	text-align:left;
}

.candidat_block .BlockContent{
	border:solid 1px #1c7ed6 ;
}

#collectivite_block .BlockContent{
	border:solid 1px #de2c31;
}

							
#SocialSideBar{
	position:fixed; 
	background-color:#FFF; 
	width:36px; 
	left:40px;
}

#SocialSideBar div{
	width:34px;
	height:32px;
	float:left;
	background-image:url(/images/SocialIconsEC.png);
	margin:2px;
	cursor:pointer;
}

#SocialSideBar #facebook:hover{background-position:-82px 0px;}
#SocialSideBar #facebook{background-position:-82px 40px;}

#SocialSideBar #gplus:hover{background-position:-245px 0px;}
#SocialSideBar #gplus{background-position:-245px 40px;}

#SocialSideBar #twitter:hover{background-position:-41px 0px;}
#SocialSideBar #twitter{background-position:-41px 40px;}

#SocialSideBar #linkedin:hover{background-position:-204px 0px;}
#SocialSideBar #linkedin{background-position:-204px 40px;}

#SocialSideBar #viadeo:hover{background-position:-163px 0px;}
#SocialSideBar #viadeo{background-position:-163px 40px;}

#SocialSideBar #rss:hover{background-position:-0px 0px;}
#SocialSideBar #rss{background-position:-0px 40px;}

/* QUESTION */
#questionBlock {top:0px;left:0px; width: 100%; height: 100%; z-index: 10000;}




/*  sidebar  */
.graySideBlock .h4{
	font-size:14px;
	margin:0px;
	margin-top:5px;	
	margin-bottom:15px;
	font-weight:bold;
}

.graySideBlock {
	padding:0px 4px 4px 4px; text-align:center;  margin-bottom:22px;
	background-color: #F7F7F7;
}

.graySideBlock:hover { border: solid 1px #444;  }



/* NICE CHECK BOX */
.choices-thin input:checked,
.choices-thin input:not(:checked) {
	width: 1px;
	height: 1px;
	margin: 0;
	padding: 0;
	opacity: 0;
	/*position: absolute;*/
	clip: rect(0 0 0 0);
	clip: rect(0,0,0,0);
	-webkit-appearance:	none;
	-moz-appearance:	none;
	-o-appearance:		none;
	appearance:			none;
}


.choices-thin #foo:checked:before,
.choices-thin label 

{
	float: left;
	padding-left: 22px;
	margin-right: 10px;
	position: relative;
	cursor: pointer;
	font-size:14px;
	line-height:16px;
	margin-top:5px;
	margin-bottom:5px;	
}

.choices-thin #foo:checked,
.choices-thin label:before 

 {
    content: "";
    height: 18px;
    left: 0px;
    margin-top: -15px;
    position: absolute;
    top: 15px;
    width: 18px;
	border: solid 1px #1c7ed6 ;
	background-color:#FFF;
}
.choices-thin input:checked+label:before, .choices-thin input.full+label:before  {
	background-color:#1c7ed6 ;
}

.choices-thin input.partial+label:before {
	background: linear-gradient(138deg, #1c7ed6 0%, #1c7ed6 50%, rgb(255, 255, 255) 51%, rgb(255, 255, 255) 100%);
}

.choices-thin input.empty+label:before {
	background: none
}

.choices-thin input:checked+label {
	font-weight:bold;
	color:#1c7ed6 ;
}

.choices-thin input[type="checkbox"]:checked + label::after {
	position: absolute;
	left: 7px;
	left: 3px;
	top: 50%;
	margin-top: -2px;
	margin-top: -.2rem;
	width: 8px;
	width: .8rem;
	height: 4px;
	height: .4rem;
	border-style: none none solid solid;
	border-color: #fff0 transparent rgb(255, 255, 255) rgba(255, 255, 255, 0.72);
	border-width: 0 0 2px 2px;
	border-width: 0 0 .2rem .2rem;
	-webkit-transform: rotate(-45deg) scale(1); 
	-moz-transform: rotate(-45deg) scale(1); 
	-o-transform: rotate(-45deg) scale(1);
	transform: rotate(-45deg) scale(1);
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	-o-transform-origin: 0 100%;
	transform-origin: 0 0;
	content: "";
}

				
/* SEARCH BLOCKS */
.fieldNotes{
	font-size:9px;
}

.input1, .select1, #debQuery select{
	border:none;
	border-radius:3px;
	font-size:14px;
	padding:3px;	
}

.select1{padding:1px;}


#debQuery select{padding:2px;}

.fieldTitle{
	line-height:30px;
	font-weight:bold;	
	color:#FFF;	
}
		
		

h2 a {text-decoration:none;}
h2 a:hover {text-decoration:underline;}		

.menu_button {cursor: pointer; padding: 10px 15px 10px 15px;}
.menu_button img {width:10px}
.menu_button:hover, .menu_button.hover {color:#1c7ed6}
.menu_button.menu_5:hover, .menu_button.menu_5.hover {color:#de2c31}

#centrer_menu ul li {margin-right:0px;}
#centrer_menu>ul>li>span {text-transform:uppercase; font-size:14px;padding-bottom:26px;}


#centrer_menu ul li ul li, #centrer_menu ul li .ul .li{height:auto;color:#000;}

.subMenuTitle {
font-weight:bold;
text-transform:uppercase;
margin-bottom:7px;
}			

#centrer_menu ul li ul li, #centrer_menu ul li .ul .li{
text-align:left;
padding:5px;
overflow:hidden;
box-shadow: 0px 15px 0px rgba(255,255,255,0.8);
}	

#centrer_menu ul{
background:none;
}

#accountBlockPopup{
background-color:#1c7ed6 ;
}

.subBlock1, .subBlock2 {
	float:left;
	width:49%;
}




#centrer_menu  #menu_5 li{
	width:500px;
}		

.subBlock2 {
padding-left:10px;
margin-left:10px;
min-height:100%;
}
#menu_5 .subBlock2 {padding-right:22px;
}		

#SocialSideBar {
background-color: #FFFFFF;
margin-left: -40px;
margin-top: 40px;
position: fixed;
width: 36px;
left:45px;
top:100px;
z-index:1000;
}		


#SocialSideBar2 {
background-color: #FFFFFF;
width: 36px;
left:5px;
top:110px;
z-index:1000;
}
#SocialSideBar2  td {text-align:center;}				



.sideIcon2{float:left; width:60px; height:22px;text-align:center;margin:0 7px; background-repeat:no-repeat;}				

a.sideIcon2 {text-decoration:none; font-size:10px; padding-top:55px;color:#000; background-image:url(/images/v2/icones_acces.jpg);}				
a.sideIcon2:hover { text-decoration:underline; }

.si1 {		background-position:0 0;		}
.si2 {		background-position:-60px 0;		}
.si3{		background-position:-122px 0;		}
.si4 {		background-position:-180px 0;		}
.si5 {		background-position:-240px 0;		}
.si6 {		background-position:-300px 0;		}
.si7 {		background-position:-360px 0;		}
.si8 {		background-position:-422px 0;		}
.si9 {		background-position:-480px 0;		}
.si10 {		background-position:-540px 0;		}
.si11 {		background-position:-600px 0;		}					
	


/* PAGE DEFAULT */
#imageBlock {overflow:hidden; margin:10px 0; text-align:justify;}
#imageBlock .div{
	position:relative;
	pointer:cursor;
	display:inline-block;
	width:24%;
	overflow:hidden;
	float:left;
	margin-right:10px;
}					
#imageBlock .div .img{
	border:solid 1px #1c7ed6 ;
	height:159px;						
	display:inline-block; width:99%; height:159px; overflow:hidden;
	opacity:1;
}	

#imageBlock .div .imgsd{
	display:inline-block; width:249px; height:159px; overflow:hidden;
}		

#imageBlock .div:hover .img{
	background-repeat:no-repeat;
}					


#imageBlock .div .img2{ background-position: -244px 0px; }

#imageBlock .div .img3{ background-position: -490px 0px;}

#imageBlock .div .img4{ background-position: -1155px 0px;}

.debat#imageBlock .div .img{
	border:solid 1px #CCC;	
	width:232px;
	background-position: 0;
	background-size:cover;
}				
.debat#imageBlock .div .img1{background-image:url(https://www.emploi-collectivites.fr/images/articles/territorial-cap.jpg) }
.debat#imageBlock .div .img2{background-image:url(https://www.emploi-collectivites.fr/images/491nbi.jpg.jpg) }					
.debat#imageBlock .div .img3{background-image:url(https://www.emploi-collectivites.fr/images/vignette/BIEP.png) }					

#imageBlock .b {
	position:absolute;						
	margin-left:-1px;
	width:100%;
	top:45px;
	left:0px;
	padding:1px;
}							
#imageBlock .b div{
	background-color:#FFF;
	background-color:rgba(255, 255, 255, 0.8);
	line-height:22px;
	padding:6px 1px;
	margin:1px;
	font-size:14px;
	font-weight:bold;	
	color:#333;
	text-align:center;					
}		

.debat#imageBlock .b div{
	margin:1px;
}				

#imageBlock .div:hover .b div{
	background-color:#FFF;
}

#imageBlock .ongletR {
	position:absolute;
	right:0px;
	top:0px;
	padding:4px 4px 4px 16px;
	font-weight:bold;
	opacity:1;
}


#Last10Offres  {vertical-align:top;}

#Last10Offres .s1{ 
	font-size:18px;
}

#Last10Offres .s1::first-letter, #Last10Offres .s2::first-letter{text-transform:uppercase;}
#Last10Offres .s1, #Last10Offres .s2 {
	text-decoration:none;
	margin-left:4px;				
	vertical-align:top;
	text-transform: lowercase;

}
#Last10Offres .s2 { margin-bottom:3px; color:#000 !important;}
#offresSelectionnees  {vertical-align:top;}
#offresSelectionnees .s1, #offresSelectionnees .s2 {margin-left:10px;	vertical-align:top; }
#offresSelectionnees .s2 { margin-bottom:8px; }		


@keyframes littlemove {
    0%   {margin:0}
    25%  {margin-left:-4px}
    50%  {margin-bottom:-4px}
    75% {margin-top:-4px}	
    100% {margin-right:-4px}
}

@keyframes blink {
    0%   {opacity:1}
    50%  {opacity:0.3}
    100% {opacity:1}
}

@keyframes redblink {
    0%   {background-color:#DE2C31; }
    50%  {background-color:#FF4E53;}
    100% {background-color:#DE2C31; }
}
					

ha.grayBlockLink, .grayBlockLink{
	text-decoration:none;
	color:#AAA;
	font-weight:bold;	
	background-color:#FFF; 	
	padding:7px;	
	margin:2px;	
	border:none;
	cursor:pointer;
}		

#giLinks a {
    float: none;
    text-align: center;
    font-weight: normal;
    display: block;
}
#giLinks a.grayBlockLink {
    background-color: #f7f7f7;
    color: #000;
}
#giLinks a.grayBlockLink:hover {
	background-color:#DDD;
	font-weight:bold;
}


.BlockLink{
	border-radius: 20px;
	border-width: 1px;
	background-color: #FFF;
	padding:6px 16px;
	text-decoration:none !important;
	vertical-align:middle;
	display:inline-block;	
	text-align:center;
	font-size:14px;
	cursor:pointer;
}

.BlockLink:hover{
	text-decoration:none !important;
	font-weight: normal;
}

.BlockLink.big{
	line-height:36px;
	border-radius:25px;
	font-size:16px;
  padding-left: 30px;
  padding-right: 30px;
}

.BlockLink.med{
	font-size:17px;
}

.BlockLink.inline{
	width:auto;
}

.BlockLink.round{
	border-radius:20px;
	height:40px; 
	line-height:40px; 
	padding:0px 20px;
}

.BlockLink.wauto{
	padding-left:15px;
	padding-right:15px;	
}


a.BlockLink.red3, .BlockLink.red3{border:solid 1px #DE2C31;color:#DE2C31;}
a.BlockLink.red3:hover, .BlockLink.red3:hover, .BlockLink.red3.selected{background-color:#DE2C31; color:#FFF}

a.BlockLink.red4, .BlockLink.red4{border:solid 1px #EF9C9E; background-color:#EF9C9E; color:#DE2C31;}
a.BlockLink.red4:hover, .BlockLink.red4:hover, .BlockLink.red4.selected{background-color:#DE2C31; color:#FFF}

a.BlockLink.red5, .BlockLink.red5{border:solid 1px #DE2C31; background-color:#DE2C31; color:#FFF;}
a.BlockLink.red5:hover, .BlockLink.red5:hover, .BlockLink.red5.selected{background-color:#C92125; color:#FFF}

a.BlockLink.blue4, .BlockLink.blue4{border:solid 1px #1C7ED6;color:#1C7ED6;}
a.BlockLink.blue4:hover, .BlockLink.blue4:hover, .BlockLink.blue4.selected{background-color:#1C7ED6; color:#FFF}

a.BlockLink.blue5, .BlockLink.blue5{border:solid 1px #1C7ED6; background-color:#1C7ED6; color:#FFF;}
a.BlockLink.blue5:hover, .BlockLink.blue5:hover, .BlockLink.blue5.selected{border:solid 1px #1864AB; background-color:#1864AB; color:#FFF}

a.BlockLink.blue6, .BlockLink.blue6{border:solid 1px #A5D8FF; background-color:#A5D8FF; color:#1C7ED6;}
a.BlockLink.blue6:hover, .BlockLink.blue6:hover, .BlockLink.blue6.selected{background-color:#1C7ED6; color:#FFF}

a.BlockLink.blue7, .BlockLink.blue7{border:solid 1px #e7e7e7; background-color:#FFF; color:#000;}
a.BlockLink.blue7:hover, .BlockLink.blue7:hover, .BlockLink.blue6.selected{background-color:#1C7ED6; color:#FFF}

a.BlockLink.black2, .BlockLink.black2{border:solid 1px #000; color:#000;}
a.BlockLink.black2:hover, .BlockLink.black2:hover, .BlockLink.black2.selected{background-color:#000; color:#FFF}




a.BlockLink.red, .BlockLink.red{background-color:#DE2C31;color:#FFF;}
a.BlockLink.red:hover, .BlockLink.red:hover, .BlockLink.red.selected{background-color:#FF4E53;}

a.BlockLink.red2, .BlockLink.red2{border: solid 1px #DE2C31; background-color:#FFF;color:#DE2C31;}
a.BlockLink.red2:hover, .BlockLink.red2:hover, .BlockLink.red2.selected{background-color:#DE2C31; color:#FFF !important; text-decoration:none !important;}

a.BlockLink.blue, .BlockLink.blue{background-color:#1c7ed6  !important;color:#FFF;border: solid 1px #1c7ed6 ;}
a.BlockLink.blue:hover, .BlockLink.blue:hover, .BlockLink.blue.selected{background-color:#5799CF  !important;}
a.BlockLink.blue:hover .colorR{color:#FFF;}

a.BlockLink.green, .BlockLink.green{background-color:#00CC66 !important;color:#FFF;border: solid 1px green ;}
a.BlockLink.green:hover, .BlockLink.green:hover, .BlockLink.green.selected{background-color:#00EE00  !important;}  

a.BlockLink.blue2, .BlockLink.blue2, a.BlockLink.blue3, .BlockLink.blue3{border: solid 1px #1c7ed6 ; background-color:#FFF !important;color:#1c7ed6 ;}
a.BlockLink.blue2:hover, .BlockLink.blue2:hover, .BlockLink.green.blue2{background-color:#1c7ed6   !important; color:#FFF}
.BlockLink.blue2:hover .colorR{color:#FFF;}

a.BlockLink.blue3:hover, .BlockLink.blue3:hover, .BlockLink.green.blue3{background-color:#f7f7f7  !important; }

a.BlockLink.gray, .BlockLink.gray{background-color:#FFF;color:#000; font-weight:normal; border : solid 1px #000; font-size:14px;} 
a.BlockLink.gray:hover, .BlockLink.gray:hover{background-color:#DDD;}

a.BlockLink.black, .BlockLink.black{border:solid 1px black; background-color:#000;color:#FFF;}
a.BlockLink.black:hover, .BlockLink.black:hover{background-color:#FFF; color:#000;}

a.BlockLink.white, .BlockLink.white{border:solid 1px black; background-color:#FFF;color:#000;}
a.BlockLink.white:hover, .BlockLink.white:hover{background-color:#000; color:#FFF;}


a.BlockLink.small, .BlockLink.small{
	padding:4px;
	font-size:15px;
	border-width: 1px;
}


.vibrant {
 	animation: shake 1s cubic-bezier(.36,.07,.19,.97) both ;
 	animation-iteration-count:infinite;
}

.wauto {
 	width:auto;
}



.blueBlockTitle {
	background-color:#1c7ed6 ; 
	color:#FFF;
	padding:8px;
}
					
.bgbleu{
	clear:both; 
	background-color:#1c7ed6 ;
	color:#FFF;padding:8px; margin:0px 0px;	
}

.bgrouge{
	clear:both; 
	background-color:#DE2C31; 
	color:#FFF;padding:8px; margin:0px 0px;	
}

.bgrouge a{
	color:#FFF;
}



h4.bgrouge, .h4.bgrouge{
	font-size:15px; font-weight:bold;
}

.SDFAQline{
	color: #1c7ed6 ;
    font-weight: bold;
	text-align:left; margin:5px;
	border-bottom:solid 1px #CCC;
}


/*GI*/
#indexGrid th{
	background-color:#CCC;
	font-weight:bold;
	line-height:30px;
}

#indexGrid {
    border-collapse: collapse;
}

#indexGrid, #indexGrid td, #indexGrid {
    border: 1px solid #CCC;
}

/*SIDEBAR*/
.sdsearch h5 + div {
	display:inline-block; margin-left:22px
}
.sdsearch > div.closed .h5, .sdsearch > div.opened .h5{
	background-image: url('/images/v2/icons/plus.png');
	background-position: right;
	background-repeat: no-repeat;
	cursor:pointer;
}
.sdsearch > div.opened:not(.stayOpen) .h5{
	background-image: url('/images/v2/icons/moins.png');
 }
 .sdsearch > div.closed > div{
	display:none;
}
 .sdsearch > div.closed .h5 {display:block;}

.SDimageBlock { text-align:left; margin-bottom:22px;}
.SDimageBlock a{
	text-decoration:none;
	color:#000;
}
.SDimageBlock a:hover{
	text-decoration:underline;
}
.SDimageBlock .div{
	position:relative;
	pointer:cursor;
	display:inline-block;
	text-align:center;
	overflow:hidden;
}
.SDimageBlock .div img{
	border:solid 1px #CCC;
	width:248px;
	height:170px;
}

.SDimageBlock .div img:hover{
	border:solid 1px #000;
}		 
.SDimageBlock .b{
	position:absolute;
	display:block;
	width:240px;
	background-color:#FFF;
	background-color:rgba(255, 255, 255, 0.8);
	line-height:22px;
	padding:6px 4px;
	top:40px;
	left:0px;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	color:#000;
	margin-left:1px;
}		

.SDimageBlock .div:hover span{
	background-color:#FFF;
}


/* offre */
#detail_offre_entete .img {
	float:left; display:table-cell;width:200px; text-align:center; vertical-align:middle
}

.titre_section_offre{
	background-color: #EEE;
	color:#1c7ed6 ;
    font-size: 16px;
    font-weight: bold;
    padding: 4px;
	text-align:left;
}


.act_offre{
	float: right;
	cursor: pointer;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #de2c31;
	width: 152px;
	text-align: center;
	margin-bottom: 6px;
	display:inline-block;
	font-weight:bold;
}
.act_offre_blue{
	background-color: #1c7ed6 ;
}
.act_offre:hover{

}

.lien_act_offre, a.lien_act_offre{
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}

.annuaire{
	overflow:hidden;
}

.annuaire1 .check{
	float:left;
	background-image:url(/images/v2/icone1.png);
	width:34px;
	height:34px;
}	
.annuaire1 .text{
	display:inline-block;
	background-image:url(/images/v2/barre-bleu.png);
	width:158px;
	height:29px;
	margin:3px;
	text-align:right;
	line-height:28px;
	padding-right:10px;
	color:#FFF;
	font-weight:bold;
}

.annuaire2 .text{
	display:inline-block;
	background-image:url(/images/v2/barre-rouge.png);
	width:142px;
	height:42px;
	margin:3px;
	text-align:center;
	line-height:18px;
	padding-left:25px;
	color:#FFF;
	font-weight:bold;
}

.genSelect {width:300px}

.SDCOLLOFFRES .regId{
	width:300px;
}

#offerScroll span {
	color: #1c7ed6 ;
    font-size: 16px;
    text-decoration: none;
}

.offerLine{
	cursor:pointer;
}

.offerLine:hover{
	font-weight:bold;
	border:solid 1px #000;
}

.offerLine h2{
	margin:5px 0;
}

.footer1{ width:600px; display:inline-block; font-size:12px} 
.footer1 div{display:inline-block; width:295px; vertical-align:top; margin-bottom:15px;}
.footer1 div b{margin-bottom:15px;}
.footer1 div *{display: block}
 
#footer-about div{font-weight:bold;}
#footer-about p{font-size:12px;}
/* social icons */
.si {
background-image:url(/images/v2/socialicons.jpg);
background-repeat:no-repeat; 
width:22px; 
height:22px; 
display:inline-block; 
}

.si#facebook {background-position:0px 0px;}
.si#google {background-position:-26px 0px;}
.si#twitter {background-position:-48px 0px;}
.si#linkedin {background-position:-72px 0px;}
.si#viadeo {background-position:-96px 0px;}
.si#rss {background-position:-122px 0px;}
/* Default page */



.actuTerr {
  float: left;
  padding: 0 5px;
  width: 1200px;
  max-width:100%
}
.actuTerr div{float:left; height:150px; width:200px; overflow:hidden; margin-right:5px;}
.actuTerr img{height:150px;}

#diapoRadar span {
	color: #FFFFFF;
	cursor: pointer;
	font-size: 48px;
	margin: 1px;
	padding: 1px;
	text-shadow: 1px 1px 1px #1c7ed6 ;
}

#diapoRadar .selected {
	color: #1c7ed6 ;
}

.blockBanner {clear:both; text-align:justify;}
.blockBanner h2{
	text-transform:uppercase;
	border-bottom:dashed 1px #AAA; 
	width:100%;
	font-weight:normal;
	font-size:14px;
	color:#333;	
}


.blockBanner h3 a{
	color: #1c7ed6 ;
	font-size: 16px;
	font-weight: bold;
	text-decoration:none;
}		
.blockBanner h3 a:hover{
	text-decoration:underline;
}		
.blockBanner img{ margin-right:5px;}

#circularG{
position:relative;
width:48px;
height:48px}

.circularG{
position:absolute;
background-color:#1c7ed6 ;
width:10px;
height:10px;
-moz-border-radius:15px;
-moz-animation-name:bounce_circularG;
-moz-animation-duration:1.84s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-webkit-border-radius:15px;
-webkit-animation-name:bounce_circularG;
-webkit-animation-duration:1.84s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-ms-border-radius:15px;
-ms-animation-name:bounce_circularG;
-ms-animation-duration:1.84s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-o-border-radius:15px;
-o-animation-name:bounce_circularG;
-o-animation-duration:1.84s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
border-radius:15px;
animation-name:bounce_circularG;
animation-duration:1.84s;
animation-iteration-count:infinite;
animation-direction:linear;}

#circularG_1{
left:0;
top:18px;
-moz-animation-delay:0.69s;
-webkit-animation-delay:0.69s;
-ms-animation-delay:0.69s;
-o-animation-delay:0.69s;
animation-delay:0.69s;}

#circularG_2{
left:5px;
top:5px;
-moz-animation-delay:0.92s;
-webkit-animation-delay:0.92s;
-ms-animation-delay:0.92s;
-o-animation-delay:0.92s;
animation-delay:0.92s;}

#circularG_3{
top:0;
left:18px;
-moz-animation-delay:1.15s;
-webkit-animation-delay:1.15s;
-ms-animation-delay:1.15s;
-o-animation-delay:1.15s;
animation-delay:1.15s;}

#circularG_4{
right:5px;
top:5px;
-moz-animation-delay:1.38s;
-webkit-animation-delay:1.38s;
-ms-animation-delay:1.38s;
-o-animation-delay:1.38s;
animation-delay:1.38s;}

#circularG_5{
right:0;
top:18px;
-moz-animation-delay:1.61s;
-webkit-animation-delay:1.61s;
-ms-animation-delay:1.61s;
-o-animation-delay:1.61s;
animation-delay:1.61s;}

#circularG_6{
right:5px;
bottom:5px;
-moz-animation-delay:1.84s;
-webkit-animation-delay:1.84s;
-ms-animation-delay:1.84s;
-o-animation-delay:1.84s;
animation-delay:1.84s;}

#circularG_7{
left:18px;
bottom:0;
-moz-animation-delay:2.07s;
-webkit-animation-delay:2.07s;
-ms-animation-delay:2.07s;
-o-animation-delay:2.07s;
animation-delay:2.07s;}

#circularG_8{
left:5px;
bottom:5px;
-moz-animation-delay:2.3s;
-webkit-animation-delay:2.3s;
-ms-animation-delay:2.3s;
-o-animation-delay:2.3s;
animation-delay:2.3s;}

@-moz-keyframes bounce_circularG{
0%{
-moz-transform:scale(1)}

100%{
-moz-transform:scale(.3)}
}

@-webkit-keyframes bounce_circularG{
0%{
-webkit-transform:scale(1)}

100%{
-webkit-transform:scale(.3)}
}

@-ms-keyframes bounce_circularG{
0%{
-ms-transform:scale(1)}

100%{
-ms-transform:scale(.3)}
}

@-o-keyframes bounce_circularG{
0%{
-o-transform:scale(1)}

100%{
-o-transform:scale(.3)}
}

@keyframes bounce_circularG{
0%{
transform:scale(1)}

100%{
transform:scale(.3)}
}


.loader{
	position:fixed;
	width:100%;
	height:100%;
	z-index:10000;
	text-align:center;
	top: 0px;	
}

.bkloader{
	position:absolute;
	top:0px;
	width:100%;
	height:100%;
	background-color:#FFF;
	opacity:0.5;
	
}


@keyframes animation_bloc1
{
0% {opacity:0.1;}
12.5% {opacity:1;}
50% {opacity:.1;}
100% {opacity:0.1;}
}

@-webkit-keyframes animation_bloc1 /*Safari and Chrome*/
{
0% {opacity:0.1;}
12.5% {opacity:1;}
50% {opacity:.1;}
100% {opacity:0.1;}
}

@keyframes animation_bloc3
{
0% {opacity:0.1;}
50% {opacity:0.1;}
62.5% {opacity:1;}

100% {opacity:0.1;}
}

@-webkit-keyframes animation_bloc3 /*Safari and Chrome*/
{
0% {opacity:0.1;}
50% {opacity:0.1;}
62.5% {opacity:1;}

100% {opacity:0.1;} 
}

@keyframes animation_bloc4
{
0% {opacity:0.1;}
25% {opacity:0.1;}
37.5% {opacity:1;}
50% {opacity:0.1;}
75% {opacity:0.1;}
87.5% {opacity:1;}
100% {opacity:0.1;}
} 

@-webkit-keyframes animation_bloc4 /*Safari and Chrome*/
{
0% {opacity:0.1;}
/*25% {opacity:0.1;}*/
37.5% {opacity:1;}
50% {opacity:0.1;}
/*75% {opacity:0.1;}*/
87.5% {opacity:1;}
100% {opacity:0.1;}
}

.loader1 {
  position:relative;
  display: inline-block;
  width:100px;
  height:100px;
}

.bloc_general {
  background:#ecf0f1;
  width:50px;
  height:50px;
  position:absolute;
  opacity:0.1;
  border-radius:10px;
}

.bloc1 {
   top:0px; 
   left:0px;
   background:#1c7ed6 ;
   -webkit-animation:animation_bloc1 3s 0s infinite ease-in;
	animation:animation_bloc1 3s 0s infinite ease-in;
}
.bloc3 {
   top:60px;
   left:60px;
  background:#DE2C31;
   -webkit-animation:animation_bloc3 3s 0s infinite ease-in;
	animation:animation_bloc3 3s 0s infinite ease-in;
}
.bloc4 {
   top:60px;
   left:0px;
   border:solid 0.5px #1c7ed6 ;
   -webkit-animation:animation_bloc4 3s 0s infinite ease-in;
	animation:animation_bloc4 3s 0s infinite ease-in;
}

#circularG{	display:inline-block;}
				
.lastoffers{font-size:14px;}
.lastoffers:hover{text-decoration:underline;}


.offbanner{


-moz-animation-name:anim_offbanner;
-moz-animation-duration:1.84s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;

-webkit-animation-name:anim_offbanner;
-webkit-animation-duration:1.84s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;

-ms-animation-name:anim_offbanner;
-ms-animation-duration:1.84s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;

-o-animation-name:anim_offbanner;
-o-animation-duration:1.84s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;

animation-name:anim_offbanner;
animation-duration:1.84s;
animation-iteration-count:infinite;
animation-direction:linear;


}

.offbanner:hover{
	opacity:1;
	-moz-animation:none;
	-webkit-animation:none;
	-ms-animation:none;
	-o-animation:none;
	animation:none;
}

@keyframes  anim_offbanner{
	0%{
		opacity:0;
	}
	40%{
		opacity:0;
	}	
	50%{
		opacity:1;
	}
	60%{
		opacity:0;
	}	
	100%{
		opacity:0;
	}		
}

@-webkit-keyframes anim_offbanner{
	0%{
		opacity:0;
	}
	40%{
		opacity:0;
	}	
	50%{
		opacity:1;
	}
	60%{
		opacity:0;
	}	
	100%{
		opacity:0;
	}		
}

#accountBlock2  img {width:25px;}

 #filiereList a {
	display:inline-block;
	width:200px;
 }
 
a.centerBlackLink{
	display:block;
	color:#000;
	text-align:center;
}

a.blackLink{
	color:#000;
}

#socialbar{display:none;}

	#HeaderMenu{position: relative; width:100% ; height:25px; margin: 1px 0;}
	header {position: fixed; width: 100%;  margin: 0px auto; z-index: 100; top:0px; background-color:#FFF;border-bottom:solid 2px #1c7ed6;}
	#HeaderMenuTop2 {height:22px;}
	#bannersearch {display:table-cell}
	#banneralerte {display:table-cell}
	#menu-menu2 {display:none; cursor:pointer;}	
	#centrer_menu #menu-menu {display:none; }
	/*#centrer_menu #menu-connexion {display:none; visibility:hidden;}*/
	#menu-connexion #accountBlockMain {display:none; text-align:center; width:100%;}	
	
	#topcontent {float:left; display:inline-block; max-width:940px; width:100%; }
		#banner1 {float:left;text-decoration:none; margin-left:0px;height:100px}


	a.alertbanner:hover{
		background:url('/images/v2/alerte-emploi-region-survol.jpg'); 
		background-size:contain;
		background-repeat:no-repeat;
	}
		
	a.alertbanner{
		font-weight:bold;   
		color:#FFF; 
		background:url('/images/v2/alerte-emploi-region.jpg'); 
		background-size:contain;
		background-repeat:no-repeat;
		margin:5px; 
		width: 360px; 
		padding:28px 0px 6px 30px; font-size:10px; text-decoration:none;
		float:left;	
	}


	a.editbanner{	
		background:url('/images/v2/recherche-emploi-region.jpg'); 
		color:#1c7ed6 ; 
		width:222px;
		padding:28px 0px 6px 40px;
		text-decoration:none;
		font-size:11px; 
		margin:5px; 
		cursor:pointer;
		display:none;
	}
	
	a.editbanner:hover{
		background:url('/images/v2/recherche-emploi-region-survol.jpg'); 
	}

	.inf {width:15px; margin:3px;}
	 
	 
	#outerModalPopupDiv {width:500px; margin-left:-250px}
	
	#cv_frame{
		width:1px; height:60px; border:none
	}
	
	#questionBlock { width:100%; height:100%;z-index:10000; display:none}
	#questionBlockContent {width:700px; display:inline-block;z-index:10010; background:#FFF; position:relative}	
	.maincontent li {margin-left:50px}
	
	#socialbanner {width:600px; text-align:right; overflow:hidden;}
	
	#offresBlock{
		position:relative; background-color:#f7f7f7; overflow:hidden;  /*border:solid 4px #DDD;*/
	}
	#offresBlock:hover{
		/*border:solid 4px #1c7ed6 ;*/
	}	
	.accroche{
		color:#444; font-size:22px; padding-top:0px; padding-left:30px; display:inline-block; float:left; width:500px; text-align:justify;
	} 
	.mobile_tel {font-weight:bold; margin:30px 0px; float:right}
	
	.headBlock {
	display:table-cell;
	vertical-align:middle;
	border:solid 1px #666;
	background-color:#666;
	color:#FFF;
	padding:4px;
	text-align:center;
	font-weight:bold;
	width:25%;
	position:relative;
}


.headBlock img {
	position:absolute;
	bottom:-10px;
}

.aheadBlock {
	display:table-cell;
	vertical-align:middle;
	border:solid 1px #CCC;
	padding:4px;
	text-align:center;
	color:1c7ed6 ;
	font-weight:bold;
	text-decoration:none;
		width:25%;
}
	
/*popup*/
.popup {
	position:relative; display:inline-block; width:300px; max-width: 100%; min-height:160px;  margin:0 auto; background-color:#FFF;  margin-top:150px; box-shadow:10px 10px 0px #CCC; border:solid 1px #444; padding:22px; font-weight:bold;
}

/* help */
.help {display:inline-flex; flex-direction:column; justify-content:center} 
.help {
	background-color:#1c7ed6 ;
	border:solid 1px #1c7ed6 ;
	width:26px;
	height:26px;
	color:#1c7ed6 ;
	vertical-align:middle;
	text-align:center;
	cursor:pointer;
	font-weight:bold;
	overflow:hidden;
}
input + .help{
	margin-bottom:3px;
}

.help:hover{background-color:#5799CF}

.help2 {
	background-image:url('/images/icons/info.png');
	background-size:contain;
	display:inline-block;
	width:26px;
	height:26px;
	vertical-align:middle;
	text-align:center;
	cursor:pointer;
	font-weight:bold;
	overflow:hidden;
	opacity:0.8;
}

.good_popup {
 	border-radius:10px; padding:10px; color:#FFF; background-color:#1c7ed6 ; width:422px; max-width:100%;  font-size:15px;
}




input + .help2{
	margin-bottom:3px;
}

.help2:hover{opacity:1;}

.help_popup {
	background-color:#1c7ed6 ;
	color:#FFF;
	font-size:14px;
	width:80%;
	min-height:auto;
}
.help_popup .close{
	float:right; font-weight:bold; cursor:pointer;
}

.heho{ 
	border:solid 1px blue;
	width:600px;
	padding:0px;
	min-height:auto;
}

.heho2{ 
	width:auto;
}


#topbannerBloc{min-width:1200px; margin:0 auto; color:#FFF; padding:2px 0 0 0; max-width:100% }
#topbanner{width:1200px; top:0px; left:0px; z-index:10000; padding:0px; margin: 0 auto;/*height:80px;*/ } 
#topbanner>div {position: relative; margin:0 auto; }

#accountBlockMain {float:right; margin-top: 8px; display:inline-block}

#footbanner {background-color: #FFF; position: fixed; z-index: 1; font-size: 17px; bottom: 0px; left: 0px; padding: 10px; border: 1px solid rgb(0, 0, 0); color: rgb(255, 255, 255); text-align: center; width:100%;}

#remarksBlock { z-index:10}

.g-recaptcha  {display:inline-block} 

@media (min-width:1140px){
	#socialbar{display:block; border:none; position:fixed; top:30px; overflow:visible;width:90px;height:500px; z-index:1000}
	#footerBloc, #footerBar{width:1200px; margin:0px auto; max-width:100%}

	.laclasse {display:inline-block}	
} 
/*@media (min-width:768px) and */
.g-recaptcha > div {text-align:center} 
.g-recaptcha > div > div {display:inline-block} 

	#top, #main, #floatingHeader, #HeaderMenuTop{width:1200px; max-width:100%}	
	#HeaderMenuTop2{width:100%; display:inline-block;}	



	#floatingHeaderMenu{position: relative; width:100% ; height:28px; margin-top:22px;}
	
	#sidebar {float:right;width:250px;}
	
	#footer-about{float:right; margin-right: 22px; width:360px; border-left:solid 1px #999; padding-left:70px; text-align:justify; }
	
	#footerBloc, #footerBar {width:1200px; margin:0px auto; max-width:100%}   
	#mcontent{float:left; display:inline-block; width:940px;}


	
@media (max-width: 990px){
	.hide-md {display:none !important;}
	a.header-button {display:none}

	#topbanner #bannersearch {display:none;}
	#topbanner #banneralerte {display:none;}

	#centrer_menu #menu-home{display:none; }
	/*#centrer_menu #menu-offres{ width:130px}*/
	#centrer_menu #menu-candidat{width:126px}
	#centrer_menu #menu-remuneration{width:130px}	
	#centrer_menu #menu-actu{width:110px}		
	#centrer_menu #menu-annu{width:100px}		
	#centrer_menu #menu_5{width:140px}	
#menu_5 .subBlock2 { border:none; }
	

	
	#menu_5 .subBlock1 { margin-left:-16px; }


	#centrer_menu ul li ul, #centrer_menu ul li .ul{	left:0px;}
	#centrer_menu ul li { font-size:14px;}
	
	#top, #main ,  #floatingHeader, #HeaderMenuTop{width:750px}	
	#topbanner > div {
		width: 750px;
	}
	#HeaderMenuTop2{width:755px}
    .accroche{
		padding-top:0px; width:450px;
	}	
	#sidebar {width:940px;}	
	
	#footer-about{float:none}
	#footerBloc, #footerBar {width:750px; }

	 .detail_offre_entete_txt div{
		width:300px
	}
		#footbanner {width:auto;}	

	a.editbanner {display:block;}
}

@media (min-width: 750px){
	#homeencart2 {border-spacing:12px; margin-left:-10px;margin-right:-10px; width:auto;}
	
	.hidden-md {display:none !important}

	#topmain+#main {margin-top:20px;} 

	.selectedOffer {margin:8px;}

    #footerLinks>a::before {content:" | ";}
		#footerLinks>a:nth-of-type(1)::before {content:"";}
}

#metierslink a {
	display:inline-block;
	text-decoration:none;
	color:#000;
	border:solid 1px #000;
	border-radius: 5px;
	padding:10px;
	margin:4px;
	text-align: center;
	transition:0.3s;
	font-weight:normal;
}

#metierslink a:hover {
	transform: scale(1.05);
}


@media (max-width: 750px){

	#metierslink a {display:inline-block; text-decoration:none; width:100%; padding:5px 0; margin:2px 0;text-align:center;  }

	#partager { display:none; }	

	#homeencart2 {margin:0;}

	#topmain{height:644px; margin-top:0px; }

	#totop {right:50%;width:50px;bottom:10px;margin-right:-25px;z-index:1000}
	
	.popup {margin-top:10px;}

	.logosALaUne a{ font-size:8px; padding-top:5px}

	#footbanner {display:none}

	#centrer_menu {    background: none; }
	#bannersearch {display:none}
	#banneralerte {display:none}
	
	#top, #main ,  #floatingHeader, #HeaderMenuTop{width:100%}	
	#topbanner > div {
		width: 100%;
	}	
	header{height:auto; overflow:hidden; position:static;}
	#HeaderMenuTop2{width:100%;height:auto;position:static;}
	#HeaderMenu{height:auto; overflow:hidden}
	#topbanner{ padding:0px; height:auto; background-color:#6899bf;width:100%}

	#main {margin-top:0px;}

	#floatingHeader {display:none; visibility:hidden}
	#floatingHeaderMenu{display:none; visibility:hidden}
    .accroche{
		display:none;
	}	
	#sidebar {display:none}	
	#sidebar.onmobile {display:block; width:100%;text-align: center;}	

	#footer-about{float:none; margin: 0 auto;}

	#footer-about{
		width:300px; 
		border-left:none;
		text-align:justify; 
		padding:0;   
	}
	
    #footerBloc, #footerBar {width:322px; overflow:hidden; }
	#footerBloc a {padding:12px; }     
    /*#footerBar img { height:42px;} */
	.footer1 {width:270px;}		

    #footerLinks a {width:49%; display:inline-block; padding-left:0px; padding-right:0px; font-size:12px;}

	.maincontent {width:100%}
	#mcontent{width:100%;}
	#tabs{display:none}

	#search_block > div {
		width:100%;
		display:inline-block;
		float:none;
	}

	.home_encart {
	    width: 100%;
	}


	.selectedOffer, .selectedOffer .s2 , .selectedOffer a.s1{
		height:auto;
	}

	#imageBlock .div .img {
		background-position: 0 -50px;
		width: 310px;
		background-size: auto 250px;
	}	
	#imageBlock .div .img2 {
		background-position: -375px 0;
	}		
	#imageBlock .div .img3 {
		background-position: -765px 0;
	}	
	#imageBlock .div .img4{
		background-position: -1800px 0;
	}		
		
	#imageBlock{height:auto}
	#imageBlock .div{

		width:100%;


	}	
	
	
	#centrer_menu {	position:static; overflow-y:auto; width:100%;}	
	#centrer_menu > ul {	background-color:#FFF; width:100%;}
	#centrer_menu ul li, .blockOnHover .titleOnHover{	
		float:none ; 
		position:static; 
		height:auto;font-size:14px;line-height:40px; text-align:left;		
		font-weight:normal;
		background-image:url(/images/v2/icons/arrow-right-blue.png); 
		background-position: 10px 10px;
		background-repeat:no-repeat;
		width:100%;
		color: #1c7ed6;
		
	}

	.blockOnHover , .blockOnHover .titleOnHover{background-color: #F7F7F7; color:#000;}

	#centrer_menu ul li:not(#menu-connexion) >:first-child, #menu-connexion, .blockOnHover .titleOnHover >:first-child, .blockOnHover .titleOnHover {	
		padding-left:40px;
		font-weight:bold;
		text-transform: uppercase;
	}

	#centrer_menu ul li .ul .li a  {
		padding-left:40px !important;
		width:100%;
	}


	#centrer_menu #menu_5  {
		background-image:url(/images/v2/icons/arrow-right-red.png); 	
	}
	#centrer_menu #menu-connexion .BlockLink {line-height: initial; }
	#centrer_menu #menu-toutes-offres{
		background-image:url(/images/v2/icons/monitor.png); 
		background-size:30px 30px;
		background-position:2px 5px;
	}	
	#centrer_menu #menu-depot-cv{
		background-image:url(/images/v2/icons/send.png); 
		background-size:30px 30px;
		background-position:2px 5px;
	}	
	#centrer_menu #menu-alerte{
		background-image:url(/images/v2/icons/alerte.png); 
		background-size:30px 30px;
		background-position:2px 5px;
	}	
	#menu-toutes-offres a, #menu-alerte a, #menu-depot-cv a {
		color:#000;		
		text-decoration:none;
	}



	#centrer_menu ul li ul , #centrer_menu ul li .ul {	 opacity:0; position:static; border-top:solid 1px #1c7ed6 ; width: 100%; }	
	#centrer_menu ul li ul li, #centrer_menu ul li .ul .li{	width:300px; line-height: 26px}	
	#centrer_menu  ul li ul a, #centrer_menu  ul li .ul a{ font-size:14px; padding:0px}
	#centrer_menu ul li.hover .ul {max-height:2000px;}

	#centrer_menu #menu-offres{ width:100%}
	#centrer_menu #menu-candidat{width:100%}
	#centrer_menu #menu-remuneration{width:100%}	
	#centrer_menu #menu-actu{width:100%}		
	#centrer_menu #menu-annu{width:100%}		
	#centrer_menu #menu_5{width:100%}	

	#centrer_menu ul li>span { display:inline;}
	#centrer_menu ul li{
		background-color:#fff;
		border-bottom:solid 1px #AAA;
	
	}

	#centrer_menu ul li.hover, #centrer_menu #menu_5.hover, .blockOnHover.hover .titleOnHover{
		float:none ;
		background-image:url(/images/v2/icons/arrow-bottom-white.png);
		background-position: 10px 15px;
		background-color:#1c7ed6;
		color:#FFF;
		height:auto;
	
	}
	#centrer_menu #menu_5.hover{
		background-color:#DE2C31;
	}
	#menu_5.hover > span {
		color:#FFF;
	}

	#centrer_menu ul li.hidden-md {
		background-color:#f7f7f7;
	}	


	#centrer_menu ul li .ul {
		background-color:none;
	}

	#centrer_menu ul li .ul .li{
		padding-right:0px !important;
		width:100%;
		border:none;
		padding:0px;
	}

	#centrer_menu #menu_5 .subBlock1, #centrer_menu #menu_5 .subBlock2 {
		float:none !important;
	}

	#centrer_menu ul li .ul .li div{
		float:auto;
	}

	#centrer_menu ul li .ul .li .subMenuTitle {
		display:none;
	}
	#centrer_menu ul li .ul .li br {display:none;}
	#centrer_menu ul li .ul .li a{
		border:none !important;
		border-bottom:solid 1px #AAA ;
		text-align:left ;
		padding-top:10px ;
		padding-bottom:10px ;		

	}
	.subBlock1, .subBlock2,#centrer_menu  #menu_5 .subBlock1, #centrer_menu  #menu_5 .subBlock2 {
		border:none;
		padding:0px;
		margin:0px;
		width:auto;
	}

	/*.appearOnHover {height:0px;display:none;}
	.blockOnHover.hover .appearOnHover {
		display:block;
		height:auto;
	}		

	.blockOnHover.hover .titleOnHover {
		color:#FFF !important;

	}

	.blockOnHover {
		background-color:#FFF;		
		color:#000;
		width:100%;

	}

	.blockOnHover.hover {
		background-image:url(/images/v2/icons/arrow-top-white.png); 
		background-color:#1c7ed6;	
	}


*/




	 .subBlock1 a, .subBlock2 a{		
		display:block;
	}
	.subBlock1, .subBlock2 {float:none;	}

	#menu_5 .subBlock2 {border-left:none;}
		
	#centrer_menu #menu_5 li {
		width: 300px;
	}
	#centrer_menu #menu_5 li {
		margin-left: 0px;
	}
	#centrer_menu ul li {display:none; margin-top:2px; width:100%;}
	/*#centrer_menu #menu-menu {display:inline-block; cursor:pointer}*/
	#menu-menu2 {display:block; position:absolute; right:0px; top:-10px;}

	#menu-connexion #accountBlockMain {display: inline-block; width:auto; }



	#topcontent {width:100%; padding:0px 3px; }
	#banner1 {display:none}
	.xs-hidden {display:none !important}
	.hidden-xs {display:none  !important}
	 
	a.alertbanner{margin-right:-5px; width: 270px; }
	
	#outerModalPopupDiv {width:300px;  margin-left:-150px}
	
	#cv_frame{	 height:140px; }
	
	.genSelect {    width: 100%;}
	
	#questionBlock { margin-top:-30px; }
	#questionBlockContent {width:98%; border:solid 1px #999; 	}	
	#remarksBlock {padding:1px;margin:1px; }	
	
	 #receivemailbloc {float:none ;width:auto;}
	 #receivemailbloc #email {width:100%; float:none}
	 
	 ol {padding-left:0px}
	 .maincontent li {margin-left:22px}
	 
	
	header {		overflow: visible;	}
	
	#mainform td:nth-child(2) {display:none}
	#mainform td:nth-child(4) {display:none}
	
	#socialbanner {display:none}
	
	.detail_offre_entete_txt div{
		width:300px
	}
	
	.mobile_tel {margin:10px 10px 50px 10px; float:none}
	
	.heho{ 
		width:270px;

	}	


	
	
	.actuTerr {
		margin-right: 422px;
		width: 310px;
	}
	.actuTerr div{float:left; height:50px; width:60px; overflow:hidden; margin-right:5px;}
	.actuTerr img{height:50px;}
	
	
}


/* FAQ */
	a.categorie {text-decoration:none;}
	.categorie {margin-bottom:8px;}
	.categorie div {background-color:#f7f7f7; margin-bottom:2px; text-align:center; text-decoration:none;}
	.categorie:hover div {background-color:#ddd;}
	.categorie h3 {text-align:center;}
	.categorie div:nth-child(1){
		font-weight:bold;
		font-size:14px;
		padding:1px;
		color:#000;
	}
	.categorie div:nth-child(1) h3{
		margin:0px;
	}
 
	.categorie div:nth-child(2){
		padding:6px;
	}	
	



	
@media (max-width: 750px){	
		.categorie {		width:45%;	}
	}
	
.blockBanner h2 {margin-left:10px;}

.blockBanner table tr:nth-child(even) {background-color:#DDD; }
.blockBanner table tr.first-line {background-color:#1c7ed6 ; color:#FFF;}



.centrer_menu a {height:16px; max-height:16px; }

.SDimageBlock .sdHover{ display:none; }
.SDimageBlock:hover .sdNHover{ display:none; }
.SDimageBlock:hover  .sdHover{ display:block; }

.onoff {cursor:pointer}
.onoff div {
	display:inline-block;
	background-image:url('/images/v2/icons/toggleonoff.svg');
	width: 39px;
	height: 20px;
	background-position:0 -20px;
	background-repeat: no-repeat;;
	vertical-align:middle;
}
.onoff input {display:none}
.onoff  input:checked +div{
	background-position:0 0;
}

.offerLine {
	/*margin-top:20px;
	clear:both;
	padding-top:20px;
	padding-bottom:20px;
	margin-bottom:20px;*/
}



.offerLine .img {
  float: left;
	height: 80px;
	padding-top: 1px;
	text-align: center;
	width: 122px;
}

.offerLine .img  img{
	max-width:122px;
}

.offerLine .title {
	font-weight:bold;
	text-decoration:none;
	font-size:18px;
	display:block;
	text-transform:lowercase;
	color:#000 ;
}

.offerLine .title::first-letter{text-transform:uppercase;}

.offerLine .title:hover {
	text-decoration:underline;
	
}

.offerLine .OffreDescription{
	margin-top:0px;
	width:100%;
}
.offerLine .OffreDescription h3{
	margin:0px;
	font-size:16px;
}
.offerLine .OffreDescription h3+div{
	color:#1c7ed6;
	font-weight:bold;
}



.offerLine.selected {
	border:solid 1px #1c7ed6;
}

@media (max-width: 750px){	
.offerLine .img {width: 100px;}
}

.boxTitle{
	background:none;
	background-color:#FFF; 
}

.boxTitle h2{
	color:#000;		
}

/*  GRILLES INDICIAIRES */

.CadreEmploi {
	font-color: #000000;
	font-weight: bold;	
	color: #000000;
	font-size: 15px;
}

A.Grade {		
    font-weight: bold;

	color: #000;
	font-size: 15px;
	text-decoration:none;
}
A:hover.Grade {		
    font-weight: bold;

	color: #444;
	font-size: 15px;
	text-decoration:underline;
}

A.Grade2 {		
    background-color: #f7f7f7;
    display:block;
    font-weight:normal;
    padding:10px;
    color: #000;
    margin-bottom:1px;
    text-align:left;
    font-size:14px;
}
A:hover.Grade2 {		
    background-color: #1c7ed6 ;
    color: #fff;
}

	

.grid tr {
	text-align:left;
}


.grid td{
	border-bottom:solid 2px #FFF;
	padding:4px;
}

.grid .even td:first-child{
	border:solid 1px #f7f7f7;
}
.grid .even td:not(:first-child){
	background-color:#f7f7f7;
	border-right:solid 2px #FFF;
}

.grid .odd td{
	border-right:solid 1px #FFF;
}

.grid .colorA {font-weight:bold; font-size:14px; color:#de2c31;}
.grid .colorB {font-weight:bold; font-size:14px; color:#1c7ed6 ;}
.grid .colorC {font-weight:bold; font-size:14px; color:#444;}

.grid h3 {text-align:left; margin:2px; }

.grid .TabGrade {font-size:11px;}

.grid .blueBlockLink {
    width: 100%;
    padding: 0px;
    text-align: center;
}

.grid .filiere td {padding-top:0px;} 
.grid .filiere td:first-child {font-size:15px;} 

.MAJ{
	font-size:10px;
	font-weight:normal;
	color:#666;
}

	.ulcoll{
		padding-left:22px
	}
	
	.tbHeader {
		background-color:#1c7ed6 ;
		font-weight:bold;
		color:FFF;
	}
	
	#pages {
		text-align:center;
		}
	
	#pages span{
		cursor:pointer;
		
	}
	
	.tbHeader {
		color:#000;
		background-color:#FFF;
	}
	
	.tbHeader .even, .even .tbHeader{
		background-color:#CCC;
	}

	.ft14 {font-size:16px}


	/* liens metiers */
	.ui-tabs-panel {
		display:inline-block;
		width:21%;
		min-width:160px;
		vertical-align:top;
		padding:10px;
	}
	.ui-tabs-panel  span {font-variant: small-caps;}
	.ui-tabs-panel  a { color:#333;font-size:10px ; display:block;}
	.ui-tabs-panel  .links { margin:10px 0;}

			.form_block_title{
				color:#FFF;
				background-color:#1c7ed6 ;
				padding:4px;
				display:block;
				font-size:17px;
				/*text-align:center;*/
			}		
			.form_block_title.red{background-color:#DE2C31;}
			.form_block_title.black{background-color:#000;}
			
			.form_block >.form_block_title  {
				/*margin-top:10px;*/
				margin-bottom:22px; 
			}
						
			.form_block{
				width:100%;
				padding-top:1px;
				margin-top:5px;
				margin-bottom:0px;
			}	

			.form_block.blue {
				background-color:#1c7ed6 ;
				color:#fff;
			}

			.form_block input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), .form_block select, .form_block textarea, .form_block iframe {	
				border:solid 1px #1c7ed6 ;
				background-color:#FFF;
				padding:2px;
				width:100%;
				min-height:32px;
				font-size:14px;
								/*height:10px;*/
				/*box-sizing: content-box;*/
			}

			.form_block label div {padding:6px}


			.form_block iframe {height:auto}

			.newselector input:not([type="checkbox"]){
				min-height:30px;
			}

			.form_block input+label{ cursor:pointer;}
			.form_block input:checked+label{	
				color:#FFF;
				background-color:#1c7ed6 ;
			}

			.form_block .label {
				font-size:15px;
				text-align:left;
			}

			.form_block .choices-thin input+label,.form_block .choices-thin input:checked+label {
				border: none;
				text-align:left;
				background:transparent;
				padding-left : 30px ;
				font-size:14px;
				color:#000;
			}	

			.form_block .choices-thin input:checked+label {
				color:#1c7ed6 ;
				font-weight:bold;
			}

			.form_block .choices-thin #foo:checked, .form_block .choices-thin label:before {
			    border: solid 1px #1c7ed6 ;
			    background-color:#fff;
			    left: 0px;
			    border-radius: 7px;
			}	

			.champsicon {color:#000 ; padding-left:35px !important;background-image:url(/images/icons/search-gray.svg); background-repeat: no-repeat; background-position:5px center;  background-size:24px 24px; font-size:14px;}
			.champsicon::placeholder{color:#999; font-weight:normal;}
			/*.champsicon:placeholder-shown {background-image:url(/images/icons/search-gray.svg);}*/
			
			.col-0-md,.col-1-md,.col-2-md,.col-3-md, .col-4-md, .col-5-md, .col-6-md, .col-7-md, .col-8-md, .col-9-md, .col-10-md, .col-11-md , .col-12-md{
				display:table-cell;
				padding:10px;
				vertical-align:top;		
				height:100%;
			}

			.row>div.stick {padding:0px;}

			.col-0-md {	width:1%;}
			.col-1-md {	width:8.333%;}				
			.col-2-md {	width:16.666%;}	
			.col-3-md {	width:24.5%;}			
			.col-4-md {	width:33.333%;}
			.col-5-md {	width:41.666%;}			
			.col-6-md {	width:50%;}	
			.col-7-md {	width:58.333%;}	
			.col-8-md {	width:66.666%;}	
			.col-9-md {	width:75%;}	
			.col-10-md { width:83.333%;}	
			.col-11-md { width:92.666%;}
			.col-12-md { width:100%;}			
			.row {display:table; width:100%; margin: 5px 0; text-align:left;}
			
			.email {width:300px; display:inline-block}

			#accountBlock {display:table-cell; }

			#bannierehome{
				margin:10px 0;
				width:100%;
			}
			#bannierehome-small{display:none;}

			#topbanner #bannerlogo img.mobile {display:none;}
	
			#searchall {
			    left: -200px;
			    top: 26px;
			    position: absolute;
			    display: inline-block;
			}
			#topbackground {display:none;}

@media (max-width: 750px){		

			#footerBar {width:300px;}

			.selectedOffer {
				width: 95%;
   			padding-bottom: 30px;
    		margin: 2.5%;}

			.h1home {font-weight:normal;}

			.h1home div{	
				font-size:24px;
			}

			#topcontainer{
				background:none;
				border:none;
			}

			#topbackground {position:fixed; background-color:#666; z-index:99999; width:100%; height:100%; display:inline-block; opacity:0.6}
			#top { margin:0 auto; z-index:100000}


			#bannerlogo {
				text-align:left; width:100%; float:none; 
			} 

			.mainlogo {display:none;}
			.mobilelogo {display:inline-block;}

			#searchall {display:none;}
			#accountBlockMain {display:none;}
			#quickmenu {display:none;}
			#accountBlock {display:none;}

			.advbanner {display:none;}
			#topbanner #bannerlogo img.mobile {display:inline-block; max-width:40%}
			#topbanner #bannerlogo img.desktop {display:none;}
			#accountBlock {position:absolute; width:100%; top:35px; left:0px; float:none; text-align:center;}
			#accountBlockMain {display:none;}
			#accountBlockMain {float:none; margin-top: 0px;}
			#accountBlockMain a {padding:2px 7px;}

			#bannierehome-small{
				margin:5px 0;
				width:100%;
				display:block;
			}
			#bannierehome{display:none;}

			#searchBlock  { 
				line-height: 32px				
			}


			#centrer_menu ul li ul img, #centrer_menu ul li .ul img{
				display:none;
			}
			#tellafriend{ display:none; }

			.col-1-xs,.col-2-xs,.col-3-xs, .col-4-xs, .col-4-xs, .col-6-xs, .col-7-xs, .col-8-xs, .col-9-xs, .col-10-xs, .col-11-xs , .col-12-xs{
				display:inline-block;
				margin:0;
				/*padding:0;*/
				float:left;			
					height:100%;
			}
			.col-1-xs {	width:8%;}				
			.col-2-xs {	width:17%;}	
			.col-3-xs {	width:25%;}			
			.col-4-xs {	width:33%;}
			.col-5-xs {	width:45%;}			
			.col-6-xs {	width:50%;}	
			.col-7-xs {	width:58%;}	
			.col-8-xs {	width:66%;}	
			.col-9-xs {	width:75%;}	
			.col-10-xs { width:83%;}	
			.col-11-xs { width:92%;}
			.col-12-xs { width:100%;}

			#footerBloc .footer1 {display:none;}


}	

blink, .blink {
  animation: blinker 5s linear infinite;
}

@keyframes blinker {  
  50% { opacity: 0.5; }
}

.errorfield  input {background:transparent !important}
input.errorfield, label.errorfield, select.errorfield, textarea.errorfield, div.errorfield, button.errorfield {
		background-color:#FCC !important;
		border-color:red  !important;
		
}	
button.errorfield { 	color:red  !important;	 }

.errormess {display:none}
.errorfield ~ .errormess {display:inline-block}



@media print {
	#printerZone {
		display:none;
	}
    thead {display: table-header-group;}
    tfoot {display: table-footer-group;}   	
}

i.minico {
	background-image: url(/images/v2/icons/minis.png);
    background-repeat: no-repeat;
    display: inline-block;
    height:15px;
    width:16px;
    margin-right:2px ;
}

.minico.offres{ background-position: -182px 0; }
.minico.filtre{ background-position: -140px 0; }
.minico.alerte{ background-position: -126px 0; }
.minico.mutation{ background-position: -168px 0; }
.minico.connectez-vous{ background-position: -16px 0; }
.minico.creation-compte{ background-position: -42px 0; }
.minico.cv{ background-position: -56px 0; }
.minico.liste{ background-position: -154px 0; }
.minico.comment{ background-position: -226px 0; }
.minico.calcul{ background-position: -210px 0; }
.minico.actu{ background-position: -196px 0; }
.minico.handicap{ background-position: -84px 0; }
.minico.mairie{ background-position: -98px 0; }
.minico.ecole{ background-position: -70px 0; }
.minico.publier{ background-position: -115px 0; }
.minico.commande{ background-position: 0px 0; }
.minico.contact{ background-position: -28px 0; }

.ico40 {
	background-image: url(/images/v2/icons/icos_40x40.png);
    background-repeat: no-repeat;
    display: inline-block;
    height:40px;
    width:40px;
    margin-right:2px ;
    margin-bottom:-15px;
}

.ico40.settings { background-position: 0px 0; }
.ico40.monitor { background-position: -122px 0; }
.ico40.load { background-position: -280px 0; }
.ico40.bin { background-position: -40px 0; }
.ico40.favourite { background-position: -200px 0; }
.ico40.alerte { background-position: -400px 0; }
.ico40.lock { background-position: -322px 0; }
.ico40.send { background-position: -360px 0; }
.ico40.chat { background-position: -160px 0; }
.ico40.home { background-position: -440px 0; }
.ico40.profil { background-position: -480px 0; }
.ico40.edit { background-position: -520px 0; }

.ico20 {
	background-image: url(/images/v2/icons/icos_20x20.svg);
    background-repeat: no-repeat;
    display: inline-block;
    height:20px;
    width:20px;
    margin-right:2px ;
    margin-bottom:-7px;
}

.ico20.v2 {
	background-image: url(/images/v2/icons/icos_20x20_v2.svg);
}

.ico20.settings { background-position: 0px 0; }
.ico20.monitor { background-position: -61px 0; }
.ico20.load { background-position: -140px 0; }
.ico20.bin { background-position: -20px 0; }
.ico20.favourite { background-position: -100px 0; }
.ico20.alerte { background-position: -200px 0; }
.ico20.lock { background-position: -161px 0; }
.ico20.send { background-position: -180px 0; }
.ico20.chat { background-position: -80px 0; }
.ico20.home { background-position: -220px 0; }
.ico20.profil { background-position: -240px 0; }
.ico20.edit { background-position: -260px 0; }


	.supsel-selection div {
		display:inline-block;
		text-align:left; 
	}
	.supsel-element {
		display:inline-block;
		margin:2px; padding:4px; background-color: #1c7ed6 ; color: #FFF;
		font-size:15px;
	}

    .supsel-element span {
        padding:0 0px;
        cursor:pointer;
    }

    .supsel-element span:hover {
        color: #000;

    }

	.option {
		padding:5px 2px;
		padding-left:22px;	
        display:none;	
		cursor:pointer;

	}

    .option.show { display:block; }

	.option.selected {
		background-color: #1c7ed6 ;
		color:#FFF;
	}

	.option:hover, .group-title:hover {
		background-color:#609AD6;
		color:#FFF;
	}

	.group .group-title {
		font-weight:bold;
		cursor:pointer;
		padding:5px 2px;
	}

	.group.selected .group-title {
		background-color: #1c7ed6 ;
		color:#FFF;
	}

    .newselector {
        width:300px;  border:solid 1px #1c7ed6 ;  background-color:#FFF;
     }

    .supsel-list {display:none; max-height:200px; overflow-y:auto; font-size:15px; text-align:left; border-top:solid 3px #ccc;padding-top:1px;}

    .option.closed {display:none;}


/* POLICE */

/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_cJD3gfD_u50.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_cJD3gnD_g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_ZpC3gfD_u50.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_ZpC3gnD_g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3gfD_u50.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3gnD_g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

 
/* CARTE */
#mapwrapper {
	max-width: 1920px;
	margin: 0 auto;
	padding: 0 0;
	background-color: transparent;
	min-width: 220px;
}
#map_base svg {
	max-height: 100%;
	width: 100%;
	margin: 0;
}
@media screen and (max-width: 320px){
	#map_base svg {
		height:250px;
	}
}
@media screen and (max-width: 400px) and (min-width: 321px) {
	#map_base svg {
		height:330px;
	}
}
@media screen and (max-width: 480px) and (min-width: 401px) {
	#map_base svg {
		height:400px;
	}
}
@media screen and (max-width: 568px) and (min-width: 481px) {
	#map_base svg {
		height:400px;
	}
}
@media screen and (max-width: 685px) and (min-width: 569px) {
	#map_base svg {
		height:400px;
	}
}
@media screen and (max-width: 767px) and (min-width: 686px) {
	#map_base svg {
		height:400px;
	}
}
@media screen and (max-width: 979px) and (min-width: 768px) {
	#map_base svg {
		height:400px;
	}
}
@media screen and (max-width: 1024px) and (min-width: 980px) {
	#map_base svg {
		height:400px;
	}
}
@media screen and (max-width: 1280px) and (min-width: 1025px) {
	#map_base svg {
		height:400px;
	}
}
@media screen and (min-width: 1281px) {
	#map_base svg {
	/*	height:800px;*/
	}
}
#map-tip {
    font: 14px/16px Trebuchet MS, Helvetica, Arial, sans-serif;
    display: none;
    padding: 3px;
    border: 1px solid #333;
    color: #333;
    z-index: 1000;
    float: left;
    position: absolute;
    /*gradient color*/
    background: #FFF;
    word-break: keep-all;
    white-space: nowrap
}
#map-tip p {
	margin: 0!important;
}
#map-tip img {
	float: left;
	padding: 3px;
} 

/*IMPRESSION*/
@page  
{ 
    size: auto;   /* auto is the initial value */ 

    /* this affects the margin in the printer settings */ 
    margin: 1cm 1cm 1cm 1cm;  
} 

@media print {
	#topbanner {display:none}
	#HeaderMenu, footer, header, #sidebar, #accountcontainer, #floatingHeaderContainer, .linkpath, .hideforprint {display:none}
	.hideforprint {display:none}
	.xs-hidden {display:block !important; }
	.displayforprint {display:block; position: absolute; top: 0px;}
	thead {display: table-header-group;}
	tfoot {display: table-header-group;}
	.header-space {height:100px;}

	#cookieInfo {display:none}
	header {height:80px} 
	#centrer_menu #menu-home{display:none}
	#centrer_menu #menu-offres{width:130px}
	#centrer_menu #menu-candidat{width:124px}
	#centrer_menu #menu-remuneration{width:130px}
	#centrer_menu #menu-actu{width:110px}
	#centrer_menu #menu-annu{width:110px}
	#centrer_menu #menu_5{width:130px}
	#centrer_menu ul li ul, #centrer_menu ul li .ul{left:0px}
	#centrer_menu ul li {font-size:14px}
	#top, #main ,  #floatingHeader, #HeaderMenuTop{width:750px}
	#HeaderMenuTop2{width:755px}
	.accroche{padding-top:0px; width:450px}
	#sidebar {width:940px}
	#footer-about{float:none}
	#footerbloc {width:750px}
	#logoarea {width:680px}
	.detail_offre_entete_txt div{width:300px}
	#top, #main, #floatingHeader, #HeaderMenuTop{width:1200px; max-width:100%}
	#footerbloc {width:1200px; max-width:100%}
	.footer1 {width:1200px; max-width:100%}
	.topbanner{display:none}
	.maincontent {width:1200px; max-width:100%}
	#mcontent{width:1200px; max-width:100%}
	.accroche{display:block;}
}



.sibling-tooltip-container {
  position: relative;
  display: inline-block;
}

.sibling-tooltip-info + .tooltip-info {
  display:none;
  opacity: 0;
  bottom: 100%;
  visibility: hidden;
  height: 0;
  width: 0;
  padding: 0;
  z-index:100000;
}
.sibling-tooltip-info + .tooltip-info .tootlip-content {
  display: none;
}
.sibling-tooltip-info:hover + .tooltip-info, .sibling-tooltip-info:focus + .tooltip-info {
  -webkit-transition: opacity 0.2s, bottom 0.2s;
  -moz-transition: opacity 0.2s, bottom 0.2s;
  transition: opacity 0.2s, bottom 0.2s;
  bottom: -webkit-calc(100% + 1.25em);
  bottom: calc(100% + 1.25em);
  opacity: 1;
  visibility: visible;
  height: auto;
  width: auto;
  display:block;
}
.sibling-tooltip-info:hover + .tooltip-info .tooltip-content, .sibling-tooltip-info:focus + .tooltip-info .tooltip-content {
  display: block;
}
.sibling-tooltip-info + .tooltip-info {
  position: absolute;
  left: 0%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: opacity 0.2 ease-in;
  -moz-transition: opacity 0.2 ease-in;
  transition: opacity 0.2 ease-in;
  background: rgba(28,126,214,0.9); 
  color: #ffffff;
  border-radius: 3px;     
  line-height: 1.4;
  font-size: 16px;
  text-transform: none;
  border: none;
  text-align: left;
}
.sibling-tooltip-info + .tooltip-info .tooltip-content {
  padding: 10px 20px;
}
.sibling-tooltip-info + .tooltip-info.tooltip-info-single-line .tooltip-content {
  white-space: nowrap;
}
.sibling-tooltip-info + .tooltip-info.tooltip-info-set-width .tooltip-content {
  width: 450px;
}
.sibling-tooltip-info + .tooltip-info:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -7px;
  border-width: 7px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.75) transparent transparent transparent;
}


 .newselector input {
		background-color:#FFF;
		background-image:url(/images/v2/icons/arrow-full-bottom-blue.png);
		background-size:15px 7px;		
		background-repeat: no-repeat;
		background-position: center right 15px;
 }

/** filterSelector **/
	.filterSelector label {
		min-height:0px !important;
		width:95% !important;
	}	

	.filterSelector { 
		position:relative;
	}

	.filterSelector > div:first-child {
		background-color:#FFF;
		background-image:url(/images/v2/icons/arrow-full-bottom-blue.png);
		background-size:15px 7px;		
		background-repeat: no-repeat;
		background-position: center right 15px;
		cursor:pointer;
		text-align:center;
	}

	.filterSelector.selected > div:first-child {
		background-color:#1c7ed6;
		border:solid 1px #FFF;
		color:#FFF;
		background-image:url(/images/v2/icons/arrow-full-bottom-white.png?v=1);

	}

	.filterSelector > div:first-child x{
		color:#1c7ed6;
		border-radius: 10px;
		line-height:20px;
		display:inline-block;
		margin-left:10px;
		width:20px;
		height:20px;
		background-color : #fff;
		text-align:center;
	}

	/*.filterSelector:hover > div + div {
		display: block;
	}	*/

	.filterselectorclosebtn{display: none; position:relative;}
	.filterselectorclosebtn div {color:#FFF;background-color:red; border-radius:10px; width:20px; height:20px; position:absolute;z-index:100001; top:5px; left:275px; text-align:center;}

	/*.filterSelector:hover > .filterselectorclosebtn {
		display: block;
	}	*/

	.filterSelector > div {
		border:solid 1px #1c7ed6;
		padding:6px 6px;
		color:000;
	}

	.filterSelector.selected > div {
		color:#1c7ed6;
	}

	.filterSelector > div + div {
		background-color:#FFF;
		border:solid 1px #1c7ed6;
		padding:4px;
		z-index: 100000;
		display: none;
		width:300px;
	}

	.filterSelector > div + div > div:first-child {
		max-height:300px;
		overflow-y: auto;
	}

	.filterSelector label{
		font-size:12px;
	}

	.filterSelector button{
		width:60%;
	}

	.filterSelectorDropDown {
		margin-top:5px;		
		position:absolute;
	}

	#selector_cocid{
		padding-left: 24px;
		background-image: url(/images/icons/pin-xs.png);
		background-repeat: no-repeat;
	}


/* page employeur */
	#debList a {		}
	#debList .line
	{
		border: solid 1px #999;
		margin: 8px;
	  width: 18.5%;
	  height: 155px;
	  float: left;
	  cursor: pointer;
	  border-radius: 10px;
	  transition: 0.3s;
	}	    
	
	.line-img {
		display:inline-block; width:100%; height:90px; background-size:cover; opacity:0.8;   border-radius: 10px 10px 0 0;
	}	

	.line-logo { margin-top: 5px;    margin-left: auto;    margin-right: auto;    background-color: #FFF;    background-size: cover;    height: 50px;    width: 50%;    background-repeat: no-repeat;    background-size: contain;    background-position: center !important;}

@media (max-width: 750px){
	#debList .line
	{
		display:inline-block;
		width:100%;
		height:176px;
		background-size:cover;
		margin-bottom:5px;
	}
	
	.filterSelector > div + div { width:100%}
}

/* MENU btn */
.menu {
	position: relative;
	display:  inline-block;
	width: 30px;
	height: 30px;
	margin: 25px;
}
.menu span {
	margin: 0 auto;
	position: relative;
	top: 12px;
}
.menu span:before, .menu span:after {
	position: absolute;
	content: '';
}
.menu span, .menu span:before, .menu span:after {
	width: 30px;
	height: 6px;
	background-color: #FFF;
	display: block;
}
.menu span:before {
	margin-top: -12px;
}
.menu span:after {
	margin-top: 12px;
}

.menu span {
-webkit-transition-duration: 0s; transition-duration: 0s;
-webkit-transition-delay: 0.2s; transition-delay: 0.2s;
}
.menu.opened span {
background-color: rgba(0,0,0,0.0);
-webkit-transition-delay: 0.2s; transition-delay: 0.2s;
}
.menu span:before {
-webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform;
-webkit-transition-duration: 0.2s; transition-duration: 0.2s;
-webkit-transition-delay: 0.2s, 0s; transition-delay: 0.2s, 0s;
}
.menu.opened span:before {
margin-top: 0;
-webkit-transform: rotate(45deg); transform: rotate(45deg);
-webkit-transition-delay: 0s, 0.2s; transition-delay: 0s, 0.2s;
}
.menu span:after {
-webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform;
-webkit-transition-duration: 0.2s; transition-duration: 0.2s;
-webkit-transition-delay: 0.2s, 0s; transition-delay: 0.2s, 0s;
}
.menu.opened span:after {
margin-top: 0;
-webkit-transform: rotate(-45deg); transform: rotate(-45deg);
-webkit-transition-delay: 0s, 0.2s; transition-delay: 0s, 0.2s;
}

/* --- btn --- */

/** articles **/
.image-style-align-left {float:left;margin:4px}


/** offres **/

		.divtd, divtr, divtable {display:block}    
		divtr.off_content {display:flex}  
		.OffreDescription {padding:10px}  		
		.OffreDescription table	{  
	     	table-layout: fixed; width:100%; 
	 	}  	
	 	.logoside { position:relative; background-repeat:no-repeat;  background-size:cover; background-position:center; border-radius:15px 0 0 15px;}  	
	 	.logoside::before {
	 		content:'';
	 		position:absolute;
	 		top:0;
	 		left:0;
	 		width:100%;
	 		height:100%;
	 		background-color:rgba(255,255,255,0.8);
	 		z-index:1;
	 		border-radius: 15px 0 0 15px;
	 	}
	 	.logoside>div { border-radius:5px; width:110px; height:50px; margin-top:0px;background-color:#FFF;padding:5px}  		 	 	
	 	.logoside img{  max-width:100%; max-height:100% ; z-index: 2;  position: relative;}  
	 	.OffreDescription span, .OffreDescription divtd{  
	 	  	display: inline-block;  		
	 	  	white-space: nowrap;  
	  		overflow: hidden;  
	   	text-overflow: ellipsis; 	  
			 	 		 		 		 
	 	}   	
	 	.OffreDescription td:nth-child(odd) {width:100px}   
	 	.OffreDescription td:nth-child(2), .OffreDescription td:nth-child(1){}   
	 	.OffreDescription td:nth-child(4), .OffreDescription td:nth-child(4) {}   

	 	.OffreDescription td:nth-child(2){ width:25%; }
	 	.offerLine {border-spacing:0px; border:solid 1px #CCC; border-radius:15px;position:relative;}
		.offerLine span, .offerLine .span {text-align:left} 
		.offerLine .infos {display:inline-block; border-radius:5px;padding:5px; color:#FFF;margin-right:10px; }

		.voir_offre {position:absolute; width:auto; float:right; right: 10px;bottom: 11px;}
		.offerLine:hover .voir_offre{background-color:#000; color:#fff;}

		.cartouche {font-weight: 200; text-decoration:none;color:#000; margin:10px 0px}

		@media (min-width: 750px){    	
	 		.btinfo { max-width:400px; margin-right:15px;display:inline-block;}  	
	 		.logoside { min-width:200px; height:120px; }  					
		}    			
		@media (max-width: 750px){    
			#offerlines {margin: 0px;}
	     .offerLine {border:solid 1px #000; }  
	       divtr.off_content {display:block;}  
	 		.btinfo { width:auto; max-width:250px;margin-right:15px;}  		
	 		.logoside { width:100%; height:70px;padding:4px; text-align:center ; align-items: start !important;  flex-direction:column;border-radius:15px 15px 0 0;}  
	 		.logoside::before {border-radius: 15px 15px 0 0;}
	 		.logoside>div { margin-top:0px; }
	 		.contentside { width:80% }  
	 		.OffreDescription span:nth-child(1){display:block;} 

			.offerLine .td {display: flex;  align-items: flex-end; justify-content: center;   }   	
			.offerLine divtd { border:none;  text-align:left; justify-content: left !important;}   					
	 		.OffreDescription divtd{min-width:100%}   
	 		.offerLine .td.hidden-xs{display:none}   
	 		.lieu{font-weight:normal}   
	 		.voir_offre { top:10px; right:10px; height:30px;z-index:3 }

		}