/*
@font-face {
   font-family: ''Open Sans'';
   src: url('/'Open Sans'-Light.htm') format('truetype');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: ''Open Sans'';
   src: url('/'Open Sans'-Bold.htm') format('truetype');
   font-weight: bold;
   font-style: bold;
}*/


#header {
	/*background-image: url(/newwebsite/Fond_banniere.jpg);*/
	background-repeat: repeat-x;
	background-position: 0px 0px;
	height:70px;
}
 
body{
	margin-left:auto;
	margin-right:auto;
	margin-top: 0px;
	font-family: 'Open Sans',Arial,Verdana, Calibri, Geneva, sans-serif;
	font-size: 13px;
/*	background-color:#3577a9;*/
}

* {box-sizing: border-box; }

.mainlogo {}
.mobilelogo {display:none;}

#main{background-color:#FFF; border-right :solid 4px #FFF; border-left :solid 4px #FFF;
		position:relative; margin:0 auto;  margin-top: 100px; min-height:100px; over-flow:hidden;}


 #topcontainer{
 	background-color:#f7f7f7; border-bottom:solid 4px #FFF;
 }
 #top {position: relative; margin:0 auto; }


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


var {
	display:none;
}

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


img {
	border:none;
}

div, p {
	font-weight:normal;
	
}

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

	

.lightBlueBlock {
	padding:8px;
	background-color:#D0DDFF;
	margin:8px 0;
}

.lightBlueBlock  a{ font-weight:bold; color: #3577A9; text-decoration:none; }
.lightBlueBlock  a:hover{text-decoration:underline; }


.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}

/*link path*/
.linkpath, .linkpath a{
	/*font-weight: bold;*/
	color: #3577a9;
	font-size: 11px;
	padding: 3px;
	margin-top:0px;
	margin-bottom:5px;
}

/*box*/
.box{
	width: 100%; 
	/*height: 250px; */

	box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.5);	
}

.boxTitle{
	/*background-color:#FFF; */
	width:100%; 
}

.boxTitle h1, .boxTitle h2{
	color:#3577a9;
	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:18px;
	font-weight:bold;	

}

.BlockTitle {
overflow:hidden;
}

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

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

.Title {
	font-family:'Open Sans',Arial,Verdana;
	font-size:16px;

}

h1{
	font-family:'Open Sans',Arial,Verdana;
	font-size:18px;
	text-align:left;
}

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

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

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

.anchor{
	visiblity:hidden;margin-top:-120px; height:120px;display:block;
}

.act_button:hover {
/*box-shadow: 0 0 3px #FFFFFF inset;*/
}

.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: #3577A9; /* #2562a1*/
}

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

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

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

.fontred2 {
	font-weight: bold;
	color: #DE2C31;
	font-size: 11px;
}
.fontred3 {
	font-weight: bold;
	color: #000;
	font-size: 13px;
}

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

}

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

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

.foote2 {
	color: #000000;
	font-size:0.6em;
	align:center;
	font-weight:bold;
	/**font-size: 8px;**/
}
.LigneTitre {
	color: #000000;
	font-size:1.1em;
	align:center;
	font-weight:bold;
	/**font-size: 8px;**/
}
.police {
	font-weight: bold;
	color: #666666;
	font-size: 13px;
}

.fontwhite2 {
	font-weight: normal;
	color: #000;
	font-size: 12px;
}
.fontwhite3 {
	font-weight: bold;
	color: #3577A9;
	font-size: 13px;
}

.fontblack2 {
	font-weight: normal;
	color: #000;
	font-size: 12px;
}

.fontblack3 {
	font-weight: bold;
	color: #000000;
	font-size: 13px;
}
.fontblack4 {
	font-weight: bold;
	
	color: #000000;
	font-size: 18px;
}
.fontgris2 {
	font-weight: bold;
	
	color: #333333;
	font-size: 12px;
}

.policeINC {
	font-weight: bold;
	color: #4DA6FF;
	font-size: 13px;
}



.menubox2 {
	color: #3577A9;
	font-weight: bold;
	font-size: 13px;
	vertical-align: top;
	text-align:left;
	height: 20px;
	padding: 5px;
	background-color:#3577A9;
	width:50%;
}
.menubox2  h2{
	font-size:16px;
	color:#FFF;
	margin:0px;
}

.fonttitle {
	font-weight: normal;
	color: #000000;
	font-size: 13px;
}
.fonttitle2 {
	/**font-weight: bold;**/
	color: #3577A9#;
	font-size: 12px;
	text-align:left;
}

.fontred21 {
	font-weight: bold;
	color: #DE2C31;
	font-size: 12px;
}


.padding {
	height: 5px;
}
.fonttitle21 {
	/**font-weight: bold;**/
	color: #000000;
	font-size: 13px;
	text-align:center;
}


h2.TitreOffre a{
	font-size:13px;
	color: #3577A9;
	/**color: #4DA6FF;**/
	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{
	font-size: 13px;
	color: #3577A9;
	text-decoration:none;
	font-weight:bold;
}

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

.gridBlueLink:hover{
	color: #FFF;

	background-color: #3577A9;
}


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

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

.selectedOffers h3 a, .s1{
	font-size: 14px;
	color: #3577A9;
	/**color: #4DA6FF;**/
	/*text-decoration:none;*/
	display:block;	
	font-weight:bold;
} 

.selectedOffers {
	text-align:left;
}

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


.selectedOffers h3, .s1 {
	margin:2px;
}



.selectedOffers h4 a, .s2, .s3{
	font-size: 13px;
	display:block;
	font-weight:bold; 
	text-decoration:none;
	margin:0 0 6px 2px; padding-bottom:6px;	
	border-bottom:none;
	color:#000;
	color:#333;
}

.s3{
	font-size:12px;
	padding-bottom:0px;	
	margin-bottom:3px;
	padding-left:20px;
}


.selectedOffers h4 a:hover, .s2:hover, .s3:hover{
	text-decoration:underline;
} 

.selectedOffers h4, .s2, .s3 {
	margin:2px;

}

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


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


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

.BeauLien:hover
{

   text-decoration:underline;

}

}

.fontred22 {	
	font-weight: bold;
	color: #DE2C31;
	font-size: 12px;
    display:block;
}
h3.TitreCV a{
	font-size: 13px;
	color: #3577A9;
	/**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:13px;
    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:13px;
}


.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 .BlockTitle{
	color:#FFF;
	background-color:#3577a9; width:100%;
}

#debSearch.BlockTitle{
	color:#FFF;
	background: #3577a9;
	background:	-webkit-gradient(linear, 0% 0%, 0% 100%, from(#3577a9), to(#c0d5e4));
	background:	-webkit-linear-gradient(left, #3577a9, #c0d5e4);
	background:	   -moz-linear-gradient(left, #3577a9, #c0d5e4);
	background:		 -o-linear-gradient(left, #3577a9, #c0d5e4);
	background:			linear-gradient(left, #3577a9, #c0d5e4);
}	





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

#offreBlock .BlockTitleBlue{
	background-color:#3577a9; 
	/*background:	-webkit-gradient(linear, 0% 0%, 0% 100%, from(#3577a9), to(#FFFFFF));
	background:	-webkit-linear-gradient(left, #3577a9, #c0d5e4);
	background:	   -moz-linear-gradient(left, #3577a9, #c0d5e4);
	background:		 -o-linear-gradient(left, #3577a9, #c0d5e4);
	background:			linear-gradient(left, #3577a9, #c0d5e4);*/
}

#offreBlock .BlockTitleRed{
	background-color:#DE2C31; 
	/*background:	-webkit-gradient(linear, 0% 0%, 0% 100%, from(#DE2C31), to(#FFFFFF));
	background:	-webkit-linear-gradient(left, #DE2C31, #FFFFFF);
	background:	   -moz-linear-gradient(left, #DE2C31, #FFFFFF);
	background:		 -o-linear-gradient(left, #DE2C31, #FFFFFF);
	background:			linear-gradient(left, #DE2C31, #FFFFFF);*/
}

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

.BlockTitleUBlue{ border-bottom:solid 1px #3577a9}
.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: 13px;
}

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

}

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

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

	cursor:pointer;
	font-size:13px;
	background-color: #3577A9;
	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:1000px;
	font-size:13px;
	background-color:#FFFFFF;
}
.topLogo{
	margin-right: 4px;
	padding-top: 8px;
}
.topLogoImg{
	border: 0px;
	margin: 0px;
	width: 20px;
	height: 20px;
}

.logosALaUne a{
	float:left;
	width:80px;
	height:80px;
	display:inline-block;	
	margin:4px;
}

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

.fontwhite3 {
	font-weight: bold;
	color: #3577A9;
	font-size: 12px;
}

#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: #3577A9;
	width: 100%;
	padding: 5px;

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

.highlight {
	/*background-color:#FF0;*/
	font-weight:bold;
	color: #3577A9;	
	/*border-bottom:dashed 2px #3577A9; */
	border-bottom:solid 1px #3577A9;
}

.linkHL {
	font-weight:bold;
	color: #3577A9;
}

.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{		
		text-align:center;
		background-color:#f7f7f7;
		display:block;
		border:none;
		color: #222;
		cursor: default;
		font-size:15px;
		font-weight:bold;
		float:left;
		margin-right:1px;
		height:25px;
		width:164.3px;
		cursor:pointer;
	}
	
	#centrer_menu ul li:hover{	
		color:#3577A9;
	}

	#centrer_menu #menu_5:hover{	
		color:#de2c31;
	}

	#centrer_menu ul li ul, #centrer_menu ul li .ul{
		position:absolute;	
		margin-top:2px;
		/*visibility:hidden;*/
		display:none;
		padding-bottom:1px;
		width:1000px;
		left:0px;
		background-color:#f7f7f7;
		border-top:solid 4px #3577A9;
	}	
	#centrer_menu #menu_5 .ul	{
		border-top:solid 4px #de2c31;
	}

	#centrer_menu #menu-offres .subBlock2 span{ color:#666;	}

/*
	#centrer_menu ul li:hover ul , #centrer_menu ul li:hover .ul{
		display:block;
	}	
*/

	#centrer_menu ul li.hover ul , #centrer_menu ul li.hover .ul{
		display:block;
	}	
	
	#centrer_menu ul li ul li, #centrer_menu ul li .ul .li{
		text-align:center;	
		border:none;
		color: #FFFFFF;
		cursor: default;
		font-size:12px;		
		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:13px;	
		display:inline-block;
		padding-top:6px;
	}
	
	#centrer_menu  ul li ul a:hover, #centrer_menu  ul li .ul a:hover{
		text-decoration:underline;
	}



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

/* ----------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:12px;
	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: 12px;
	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: 13px;
}
.accLinkTd{
	text-align: left;
}

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

.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:#3577A9;
	font-weight:bold;
	font-size:16px;
}

.size13{
	font-size:13px;
}

.size14{
	font-size:14px;
}

.size15{
	font-size:15px;
}


.size16{
	font-size:16px;
}

.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:#3577A9;
}	
	
.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:13px;
	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:12px;}
											
.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:13px;
}
				



/**********/
.mainContent{
	float:left;
	width:745px;
}

.sidebar {
	width:208px;
	/*float:right;*/
}

.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:#3577a9;
}

#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 #3577a9;
}

#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;position: fixed; width: 100%; height: 100%; z-index: 10000;}




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

.graySideBlock {
	padding:0px 4px 4px 4px; text-align:center;  margin-bottom:20px;
	background-color: #EEE;
	border: solid 1px #CCC;
	/*background:	-webkit-gradient(linear, 0% 0%, 100% 0%, from(#EEE), to(#FFF));
	background:	-webkit-linear-gradient(top, #EEE, #FFFFFF);
	background:	   -moz-linear-gradient(top, #EEE, #FFFFFF);
	background:		 -o-linear-gradient(top, #EEE, #FFFFFF);
	background:			linear-gradient(top, #EEE, #FFFFFF);*/
}

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



/* NICE CHECK BOX */
.choices-thin input[type="checkbox"]:checked,
.choices-thin input[type="checkbox"]:not(:checked),
.choices-thin input[type="radio"]:checked,
.choices-thin input[type="radio"]: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 
/*,input[type="radio"]+label */
{
	float: left;
	padding-left: 20px;
	margin-right: 32px;

	position: relative;
	cursor: pointer;
	font-size:14px;
	line-height:16px;
	margin-top:4px;
}

.choices-thin #foo:checked,
.choices-thin label:before 
/*,input[type="radio"]+label:before*/
 {
 
  /*  background-color: rgba(255,255,255,.7);*/
    content: "";
    height: 18px;
    left: -4px;
    margin-top: -12px;
    position: absolute;
    top: 12px;
    width: 18px;
	border:solid 1px #ccc;

	/*background:	-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.9)), to(rgba(255,255,255,.9)));
	background:	-webkit-linear-gradient(top, rgba(255,255,255,.9), rgba(255,255,255,.9));
	background:	   -moz-linear-gradient(top, rgba(255,255,255,.9), rgba(255,255,255,.9));
	background:		 -o-linear-gradient(top, rgba(255,255,255,.9), rgba(255,255,255,.9));
	background:			linear-gradient(top, rgba(255,255,255,.9), rgba(255,255,255,.9));*/

	/*-webkit-box-shadow:	inset .1rem .1rem .2rem rgba(0,0,0,.3), inset 0 0 0 .1rem rgba(0,0,0,.1);
	-moz-box-shadow:	inset .1rem .1rem .2rem rgba(0,0,0,.3), inset 0 0 0 .1rem rgba(0,0,0,.1);
	-o-box-shadow:		inset 1px 1px 2px rgba(0,0,0,.3), inset 0 0 0 1px rgba(0,0,0,.1);
	-o-box-shadow:		inset .1rem .1rem .2rem rgba(0,0,0,.3), inset 0 0 0 .1rem rgba(0,0,0,.1);
	box-shadow:			inset 1px 1px 2px rgba(0,0,0,.2), inset 0 0 0 1px rgba(0,0,0,.1);
	box-shadow:			inset .1rem .1rem .2rem rgba(0,0,0,.3), inset 0 0 0 .1rem rgba(0,0,0,.1);
	-webkit-border-radius:	.3rem;
	-moz-border-radius:		.3rem;
	-o-border-radius:		3px;
	-o-border-radius:		.3rem;
	border-radius:			3px;
	border-radius:			.3rem;*/
}


.choices-thin #foo:checked,
.choices-thin input[type="checkbox"]+label:after {
	content: '';
	position: absolute;
	left: 5px;
	top: 9px;
	margin-top: -2px;
	margin-top: -.2rem;

	width: 15px;
	height: 10px;
	border-style: none none solid solid;
	border-color: transparent transparent rgba(255,255,255,.8) rgba(255,255,255,.8);
	border-width: 0 0 2px 2px;
	border-width: 0 0 .2rem .2rem;
	-webkit-transform:	rotate(-45deg) scale(0);
	-moz-transform:		rotate(-45deg) scale(0);
	-o-transform:		rotate(-45deg) scale(0);
	transform:			rotate(-45deg) scale(0);
	-webkit-transform-origin:	0 100%;
	-moz-transform-origin:		0 100%;
	-o-transform-origin:		0 100%;
	transform-origin:			0 100%;
}

.choices-thin input[type="checkbox"]:checked+label:after {
	-webkit-transform:	rotate(-45deg) scale(1);
	-moz-transform:		rotate(-45deg) scale(1);
	-o-transform:		rotate(-45deg) scale(1);
	transform:			rotate(-45deg) scale(1);
}
/*
.choices-thin2 #foo:checked,
.choices-thin2 label:before 
 {
	left: -18px;
	top: 15px;
	width: 15px;
	height: 15px;
}

.choices-thin2 #foo:checked,
.choices-thin2 input[type="checkbox"]+label:after {
	left: -12px;
}
*/




				
/* 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;}		
			
			
			#centrer_menu ul li {
				margin-right:0px;
			/*	border-left:solid 1px #FFF;*/
	
			}
			
			#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  #menu_5 li{
				border:solid 1px #DE2C31;
				margin-left:-352px;
			}

			#centrer_menu  #menu_5 .subBlock1{
				width:280px;
			}	

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


			#centrer_menu ul{
				background:none;
			}

			#accountBlockPopup{
				background-color:#3577A9;
				/*display:none;*/
			}
			
			#accountBlock:hover #accountBlockPopup{
				/*display:block;*/	
			}
			
			.subBlock1, .subBlock2 {
				float:left;
			}
			.subBlock2 {
				padding-left:30px;
				margin-left:30px;
				border-left:solid 1px #3577A9;
				min-height:100%;
			}
			#menu_5 .subBlock2 { border-left:solid 1px #DE2C31; }		
			
			#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;
				/*position: fixed;*/
				width: 36px;
				left:5px;
				top:110px;
				z-index:1000;
			}
			#SocialSideBar2  td {text-align:center;}				
			
			
	
			.sideIcon2{float:left; width:60px; height:20px;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:-120px 0;		}
			.si4 {		background-position:-180px 0;		}
			.si5 {		background-position:-240px 0;		}
			.si6 {		background-position:-300px 0;		}
			.si7 {		background-position:-360px 0;		}
			.si8 {		background-position:-420px 0;		}
			.si9 {		background-position:-480px 0;		}
			.si10 {		background-position:-540px 0;		}
			.si11 {		background-position:-600px 0;		}					
						
			.articons {clear:both}	
			.articons a.sideIcon2{height:60px; padding-top:0px}	
			.articons a.blueBlockLink{padding:18px;}	
			
/* PAGE DEFAULT */
					#imageBlock {overflow:hidden; margin:10px 0; text-align:justify;}
					#imageBlock .div{
						/*margin:4px;*/						
						/*float:left;	*/
						position:relative;
						pointer:cursor;
						display:inline-block;
						width:24%;
						overflow:hidden;
						float:left;
						margin-right:10px;
					}					
					#imageBlock .div .img{
						border:solid 1px #3577A9;
						height:159px;						
						display:inline-block; width:99%; height:159px; overflow:hidden;
					/*	background-image:url(/images/v2/imageBloc.jpg);*/
						opacity:1;
					}	
					
					#imageBlock .div .imgsd{
						display:inline-block; width:249px; height:159px; overflow:hidden;
					}		
	
					#imageBlock .div:hover .img{
						
						opacity:0.4;
						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:20px;
						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 14px;
						font-weight:bold;
						opacity:1;
					}
					
					
					#Last10Offres  {vertical-align:top;}
					
					#Last10Offres .s1{ text-transform: uppercase}
					#Last10Offres .s1, #Last10Offres .s2 {
						text-decoration:none;
						margin-left:110px;					
						vertical-align:top;
						/*background-color:#FCC; 
						background:	-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FCC), to(#FFFFFF));
						background:	-webkit-linear-gradient(left, #FCC,#FFFFFF, #FFFFFF);
						background:	   -moz-linear-gradient(left, #FCC,#FFFFFF, #FFFFFF);
						background:		 -o-linear-gradient(left, #FCC,#FFFFFF, #FFFFFF);
						background:			linear-gradient(left, #FCC,#FFFFFF, #FFFFFF);	
						margin:0px;*/
					}
					#Last10Offres .s2 { margin-bottom:3px; }
					#offresSelectionnees  {vertical-align:top;}
					#offresSelectionnees .s1, #offresSelectionnees .s2 {
					margin-left:10px;
					
						vertical-align:top;
						/*background-color:#aec3da; 
						background:	-webkit-gradient(linear, 0% 0%, 0% 100%, from(#aec3da), to(#FFFFFF));
						background:	-webkit-linear-gradient(left, #aec3da, #FFFFFF, #FFFFFF);
						background:	   -moz-linear-gradient(left, #aec3da, #FFFFFF, #FFFFFF);
						background:		 -o-linear-gradient(left, #aec3da, #FFFFFF, #FFFFFF);
						background:			linear-gradient(left, #aec3da, #FFFFFF, #FFFFFF);	
						margin:0px;*/
					}
					#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; }
}
					
.redBlockblink::after{
    background-image: url("/images/v2/redarrow.jpg");
    background-repeat: no-repeat;
    top: 0px;
    color: #000;
    content: "";
    display: inline-block;
    height: 40px;
    position: absolute;
    left: -40px;
    width: 40px;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: blink; 
    -webkit-animation-duration: 1s;
	animation-iteration-count: infinite;	
    animation-name: blink;
    animation-duration: 1s;	
}
a.redBlockLink, .redBlockLink{
	text-decoration:none;
	color:#FFF;
	font-weight:bold;	
	background-color:#DE2C31; 
	display: block;	
	padding:7px;
	margin:2px;
	border:none;
	cursor:pointer;
	position:relative;

}	

.redBlockblink{
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: redblink; 
    -webkit-animation-duration: 1s;
	animation-iteration-count: infinite;	
    animation-name: redblink;
    animation-duration: 1s;		
}

a.redBlockLink:hover ,.redBlockLink:hover {	background-color:#FF4E53;}	



a.redBlockLink2, .redBlockLink2{
	text-decoration:none;
	color:#DE2C31;
	border: solid 1px #DE2C31; 
	background-color:#FFF; 	
	background:none; 	
	padding:7px;
	margin:2px;
	cursor:pointer;
	text-transform:uppercase;
	/*	font-weight:bold;	*/
}		

a.redBlockLink2:hover ,.redBlockLink2:hover {	background-color:#FF4E53;  color:#FFF}			
					
a.blueBlockLink, .blueBlockLink{
	text-decoration:none;
	color:#FFF;
	font-weight:bold;	
	background-color:#3577A9; 	
	display: block;	
	padding:7px;	
	margin:2px;	
	border:none;
	cursor:pointer;
}
a.blueBlockLink:hover,  .blueBlockLink:hover{	background-color:#5799CF; }


a.blueBlockLink2, .blueBlockLink2{
	border: solid 1px #3577A9; 	
	text-decoration:none;
	color:#3577A9;
	background-color:#FFF; 	
	display: block;	
	padding:7px;	
	margin:2px;	
	cursor:pointer;
	cursor:pointer;
	text-transform:uppercase;
}
a.blueBlockLink2:hover,  .blueBlockLink2:hover{	background-color:#3577A9;  color:#FFF}


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

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


a.blackBlockLink, .blackBlockLink{
	text-decoration:none;
	color:#000;
	border:solid 2px black;
	font-weight:bold;	
	background:none; 	
	padding:7px;	
	margin:2px;	
	cursor:pointer;
}		
a.blackBlockLink:hover,  .blackBlockLink:hover{	background-color:#000; color:#fff; }

	

.BlockLink{
	text-decoration:none;
	font-weight:bold;	
	padding:7px;	
	border:none;
	cursor:pointer;
	width:100%;
	text-align:center;
	display:inline-block;
}

.BlockLink.big{
	font-size:20px;
}

.BlockLink.inline{
	width:auto;
}


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

a.BlockLink.red2, .BlockLink.red2{border: solid 1px #3577A9; background-color:#FFF;color:#3577A9;}
a.BlockLink.red2:hover, .BlockLink.red2:hover{background-color:#3577A9; color:#FFF}

a.BlockLink.blue, .BlockLink.blue{background-color:#3577A9;color:#FFF;}
a.BlockLink.blue:hover, .BlockLink.blue:hover{background-color:#5799CF;}

a.BlockLink.blue2, .BlockLink.blue2, a.BlockLink.blue3, .BlockLink.blue3{border: solid 2px #3577A9; background-color:#FFF;color:#3577A9;}
a.BlockLink.blue2:hover, .BlockLink.blue2:hover{background-color:#3577A9; color:#FFF}
a.BlockLink.blue3:hover, .BlockLink.blue3:hover{background-color:#f7f7f7; }

a.BlockLink.gray, .BlockLink.gray{background-color:#FFF;color:#AAA;}
a.BlockLink.gray:hover, .BlockLink.gray:hover{background-color:#DDD;}

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

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

.blueBlockTitle {
	background-color:#3577A9; 
	color:#FFF;
	padding:8px;
}
					
.bgbleu{
	clear:both; 
	background-color:#3577A9; /*
	background:	-webkit-gradient(linear, 0% 0%, 0% 100%, from(#3577a9), to(#c0d5e4));
	background:	-webkit-linear-gradient(left, #3577a9, #c0d5e4);
	background:	   -moz-linear-gradient(left, #3577a9, #c0d5e4);
	background:		 -o-linear-gradient(left, #3577a9, #c0d5e4);
	background:			linear-gradient(left, #3577a9, #c0d5e4);	*/
	color:#FFF;padding:8px; margin:0px 0px;	
}

.bgrouge{
	clear:both; 
	background-color:#DE2C31; 
	/*background:	-webkit-gradient(linear, 0% 0%, 0% 100%, from(#DE2C31), to(#FFFFFF));
	background:	-webkit-linear-gradient(left, #DE2C31, #FFFFFF);
	background:	   -moz-linear-gradient(left, #DE2C31, #FFFFFF);
	background:		 -o-linear-gradient(left, #DE2C31, #FFFFFF);
	background:			linear-gradient(left, #DE2C31, #FFFFFF);*/

	color:#FFF;padding:8px; margin:0px 0px;	
}

.bgrouge a{
	color:#FFF;
}



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

.SDFAQline{
	color: #3577A9;
    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:20px
}
.sdsearch > div.closed h5, .sdsearch > div.opened h5{
	background-image: url('/images/v2/icons/arrow-right.png');
	background-position: right;
	background-repeat: no-repeat;
	cursor:pointer;
}
.sdsearch > div.opened h5{
	background-image: url('/images/v2/icons/arrow-top.png');
 }
 .sdsearch > div.closed > div{
	display:none;
}


.SDimageBlock { text-align:left; margin-bottom:20px;}
.SDimageBlock a{
	text-decoration:none;
	color:#000;
}
.SDimageBlock a:hover{
	text-decoration:underline;
}
.SDimageBlock .div{
	/*margin:4px;*/						
	/*float:left;	*/
	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:20px;
	padding:6px 4px;
	top:40px;
	left:0px;
	font-size:16px;
	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:#3577a9;
    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;
	/*max-width: 160px;*/
	text-align: center;
	margin-bottom: 6px;
	display:inline-block;
	font-weight:bold;
}
.act_offre_blue{
	background-color: #3577A9;
}
.act_offre:hover{

}

.lien_act_offre, a.lien_act_offre{
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	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: #3577a9;
    font-size: 13px;
    text-decoration: none;
}

.offerLine{
	cursor:pointer;
}

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

.offerLine:hover{
	font-weight:bold;
	background-color:#EEE;
	/*padding-bottom:10px;*/
}

.offerLine h2{
	margin:5px 0;
}

.footer1{ width:730px; display:inline-block;}
.footer1 span{color:#3577A9;}
.footer1 div{display:inline-block; width:240px; vertical-align:top}

/* social icons */
.si {
background-image:url(/images/v2/socialicons.jpg);
background-repeat:no-repeat; 
width:20px; 
height:20px; 
display:inline-block; 
}

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



.actuTerr {
  float: left;
  padding: 0 5px;
  width: 730px;
}
.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 #3577A9;
}

#diapoRadar .selected {
	color: #3577A9;
}

.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: #3577A9;
	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:#3577a9;
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;
	
}

#circularG{
	position:absolute;
	display:inline-block;
	top:100px;
	margin-left: -80px;
}
				
.lastoffers{font-size:16px;}
.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;
	}		
}
/*
.offbanner:hover{
	opacity:1;
}*/


#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 4px #FFF;}
	#HeaderMenuTop2 {height:22px;position:absolute;}
	#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; width:740px; }
		#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{	
		float:left; 
		background:url('/images/v2/recherche-emploi-region.jpg'); 
		color:#3577a9; 
		width:220px;
		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 {position:fixed; width:100%; height:100%;z-index:10000; display:none}
	#questionBlockContent {margin-top:50px; width:700px; display:inline-block;z-index:10010; background:#FFF; position:relative}	
	#receivemailbloc {float:right ;width:340px;}
	#receivemailbloc #email {width:340px; float:right}
		 .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 #3577a9;*/
	}	
	.accroche{
		color:#444; font-size:20px; 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:3577A9;
	font-weight:bold;
	text-decoration:none;
		width:25%;
}
	
/*popup*/
.popup {
	position:relative; display:inline-block; width:300px; min-height:160px;  margin:0 auto; background-color:#FFF;  margin-top:150px; box-shadow:10px 10px 0px #CCC; border:solid 1px #444; padding:20px; font-weight:bold;
}

/* help */
.help {display:inline-flex; flex-direction:column; justify-content:center} 
.help {
	background-color:#3577A9;
	border:solid 1px #3577A9;
	width:26px;
	height:26px;
	color:#3577A9;
	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;
}
input + .help2{
	margin-bottom:3px;
}

.help2:hover{opacity:1;}

.help_popup {
	background-color:#3577A9;
	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;
}

	#topbannerBloc{min-width:1000px; margin:0 auto; color:#FFF; padding:2px 0 0 0 }
	#topbanner{background-color:#f7f7f7; height:56px; width:100%; top:0px; left:0px; z-index:10000; padding:4px;}
	#topbanner>div {position: relative; margin:0 auto;  width:1000px}

	#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 {padding:5px;margin:10px; 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{width:1000px; margin:0px auto}
	.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:1000px}	
	#HeaderMenuTop2{width:1005px}	

	#floatingHeaderMenu{position: relative; width:100% ; height:28px; margin-top:20px;}
	
	#sidebar {float:right;width:250px;}
	
	#footer-about{float:right; width:245px; border-left:solid 1px #999; padding-left:15px; text-align:justify; }
	
	#footerbloc {width:1000px; margin:0px auto}
	#mcontent{float:left; display:inline-block; width:740px;}


	
@media (max-width: 990px){
	.hide-md {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:124px}
	#centrer_menu #menu-remuneration{width:130px}	
	#centrer_menu #menu-actu{width:110px}		
	#centrer_menu #menu-annu{width:100px}		
	#centrer_menu #menu_5{width:140px}	
	
	
	#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:740px;}	
	
	#footer-about{float:none}
	#footerbloc {width:750px; }

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

	a.editbanner {display:block;}
}

@media (min-width: 750px){

	
}

@media (max-width: 750px){

	#footbanner {display:none}

	#centrer_menu {    background: none; }
	#bannersearch {display:none}
	#banneralerte {display:none}
	
	#top, #main ,  #floatingHeader, #HeaderMenuTop{width:320px}	
	#topbanner > div {
		width: 320px;
	}	
	header{height:auto; overflow:hidden; position:static;}
	#HeaderMenuTop2{width:325px;height:auto;position:static;}
	#HeaderMenu{height:auto; overflow:hidden}

	#main {margin-top:0;}

	#floatingHeader {display:none; visibility:hidden}
	#floatingHeaderMenu{display:none; visibility:hidden}
    .accroche{
		display:none;
	}	
	#sidebar {display:none}	
	
	#footer-about{float:none}
    #footerbloc {width:320px; }
	.footer1 {width:270px;}
	

/*	#topbanner{display:none}*/
	

	
	.maincontent {width:318px}
	#mcontent{width:320px;}
	#tabs{display:none}



	#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:auto}	
	
	
	#centrer_menu {	position:static;}	
	#centrer_menu ul {	background-color:#FFF }
	#centrer_menu ul li{	float:none ; 
		position:static; 
		height:auto;font-size:16px;line-height:40px; text-align:left;padding-left:10px; font-weight:normal;
		background-image:url(/images/v2/icons/arrow-right.png); 
		background-position: 295px 10px;
		background-repeat:no-repeat;

	}
	#centrer_menu ul li.hover{	float:none ;
		background-image:url(/images/v2/icons/arrow-top.png); 
	}
	#centrer_menu ul li ul , #centrer_menu ul li .ul {	display:none ; position:static; border-top:solid 1px #3577A9;}	
	#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 #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%}	
	
	.subBlock1, .subBlock2 {
		float:none;	
		border-bottom:solid 1px #3577A9;	
	}
	.subBlock2 {}
		
	#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; left:5px; top:5px;}
	#menu-connexion{display:block; }
	#centrer_menu #menu-connexion{
		background:none;
		visibility:visible;
	}
	#menu-connexion #accountBlockMain {display:block; }

	#topcontent {width:320px; }
	#banner1 {display:none}
	.xs-hidden {display:none}
	
	a.alertbanner{margin-right:-5px; width: 270px; }
	
	#outerModalPopupDiv {width:300px;  margin-left:-150px}
	
	#cv_frame{	 height:140px; }
	
	.genSelect {    width: 100%;}
	
	#questionBlock {position:absolute; top:0px;  height: 5000px;    width: 100%; margin-top:-150px; }
	#questionBlockContent {width:314px; 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:20px}
	 
	
	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: 420px;
		width: 310px;
	}
	.actuTerr div{float:left; height:50px; width:60px; overflow:hidden; margin-right:5px;}
	.actuTerr img{height:50px;}
	
	
}


/* FAQ */
	.categorie{
		margin:0px;
		text-align:center;margin-bottom:1px; padding:4px 2px 4px 2px; display:inline-block; background-color:#EEE;width:23%;
		border:solid 1px #999;
	}
	
	.categorie:hover{
		background-color:#AAA;
	}
	
	.categoryBox a div{
		text-decoration:none;
		font-weight:bold;
		color:#000
	}
	/*
		.qHead {
		font-weight:bold;
		color:#3577A9
	}
	.qHead div{
		float:right; 
		margin-top:-12px; 
		font-weight:bold;
	}	
	.qHead span{
		text-decoration:underline; 
		font-size:13px;
		font-weight:bold; 
		color:#3577A9
	}		*/
	
	.categoryBox a:hover div{
		text-decoration:underline;
	}
	
	.categoryBox{
		margin-left:0px; 
	}
	
@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:#3577a9; color:#FFF;}

.colorB {color: #3577a9;}
.colorR {color: #DE2C31;}
.bgcolorB {background-color: #3577a9; color:#FFF;}
.bgcolorR {background-color: #DE2C31; color:#FFF;}


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

.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/icon/off-on.png');
	width: 33px;
	height: 20px;
	background-position:0 -19px;
	vertical-align:middle;
}
.onoff input {display:none}
.onoff  input:checked +div{
	background-position:0 0;
}


.offerLine {
	margin-top:0px;
	clear:both;
	padding-bottom:11px;
	
}

.offerLine + .offerLine {
	 border-top:solid 1px #000;	
}

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

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

.offerLine .title {
	font-weight:bold;
	text-decoration:none;
	font-size:16px;
	display:block;
	text-transform: uppercase;
	color:#222;
}

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

.offerLine .OffreDescription{
	margin-top:0px;
	margin-left:20px;
}

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

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

.boxTitle h1, .boxTitle h2{
	color:#3577a9;		
}

/*  GRILLES INDICIAIRES */

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

A.Grade {		
    font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	color: #000;
	font-size: 12px;
	text-decoration:none;
}
A:hover.Grade {		
    font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	color: #444;
	font-size: 12px;
	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:13px;
}
A:hover.Grade2 {		
    background-color: #3577a9;
    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:16px; color:#de2c31;}
.grid .colorB {font-weight:bold; font-size:16px; color:#3577A9;}
.grid .colorC {font-weight:bold; font-size:16px; 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:40px;} 
.grid .filiere td:first-child {font-size:15px;} 

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

	.ulcoll{
		padding-left:20px
	}
	
	.tbHeader {
		background-color:#3577A9;
		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:14px}


	/* 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:#3577A9;
				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:20px;
			}
						
			.form_block{
				background-color:#F3F3F3;
				padding-bottom:15px;
				width:100%;
				padding-top:1px;
				margin-top:10px;
				margin-bottom:20px;
			}	

			.form_block input, .form_block select, .form_block textarea, .form_block iframe, .form_block input+label{	
				border:solid 1px #3577A9;
				background-color:#FFF;
				padding:2px 6px;
				width:98%;
				/*box-sizing: content-box;*/
			}

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

			.form_block .label {
				font-size:12px;
				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:13px;
				color:#000;
			}	

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

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

			.form_block .choices-thin #foo:checked, .form_block .choices-thin input[type="checkbox"]+label:after {
			    border-color: transparent transparent #3577A9 #3577A9;	
			  }			
					
			.col-1-md,.col-2-md,.col-3-md, .col-4-md, .col-4-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;
				margin:5px;
				padding:5px;			
			}
			.col-1-md {	width:8%;}				
			.col-2-md {	width:17%;}	
			.col-3-md {	width:25%;}			
			.col-4-md {	width:33%;}
			.col-5-md {	width:45%;}			
			.col-6-md {	width:50%;}	
			.col-7-md {	width:58%;}	
			.col-8-md {	width:66%;}	
			.col-9-md {	width:75%;}	
			.col-10-md { width:83%;}	
			.col-11-md { width:92%;}
			.col-12-md { width:100%;}			
			.row {display:table; width:100%; margin-bottom: -5px;}
			
			.email {width:300px; display:inline-block}

			#accountBlock {float:right;}

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

			#topbanner #bannerlogo img.mobile {display:none;}
			#searchall {display:inline-block;}

			#topbackground {display:none;}

@media (max-width: 750px){		

			#topcontainer{
				background:none;
			}

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

			.mainlogo {display:none;}
			.mobilelogo {display:inline-block; height:50px;}
			#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;}

			.subBlock2 {
			    padding-left: 0px;
			    margin-left: 0px;
			    border-left: none;
			}

			#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;			
			}
			.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 {
  animation: blinker 1s linear infinite;
}

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


input.errorfield, label.errorfield, select.errorfield, textarea.errorfield {
		background-color:#FCC !important
}	

@media print {
	#printerZone {
		display:none;
	}
	.print_footer{
		position:fixed;
		margin-bottom:0;
	}
}