/*------- LAYOUT -------------*/

body.front #block-system-main{display: none} /* pour cahcer le block sur la page d'accueil obligatoire et cause bug affichage */
	

body{
  background: #f0eef0 url(../images/commun/bg-site.png) 0 0 repeat-x;
}

ol{
	counter-reset: item;
    list-style-type: none;
}


.hidden { /* utilisé pour masquer certain contenus destinés aux utilisateurs de lecteurs clavier */
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}

/* liens */
#content .node a{
	color: #5A0F56;
	text-decoration: underline;
	}
	#content .node a:hover, #content .node a:focus{text-decoration: none}
	
	


#page-wrapper {
  min-height: 100%;
  width: 940px;
  background-color: #fff;
  margin: 0 auto;
  
  -moz-box-shadow:0px 0px 10px #b9b8b9;
  -o-box-shadow:0px 0px 10px #b9b8b9;
  -webkit-box-shadow:0px 0px 10px #b9b8b9;
  box-shadow:0px 0px 10px #b9b8b9;
}

#header {
  background: #5a0f56 url(../images/commun/textile-expert.png) 0 0 no-repeat;
  height: 100px;
	}
	#logo {
		float: left; /* LTR */
		padding: 8px 10px 0 10px; /* LTR */
	}
	#header h1{
		margin: 0;
		padding: 0;
	}
			
/*-------------------- Menus --------------*/

	/*------------ Menu principal -------------*/
	
	#menu{
		background: url(../images/commun/bg-menu.png) 0 0 repeat-x;
		height: 50px;
		width: 940px;
		margin: 0 auto;
		position: relative;
		z-index: 2000;
		}
		#menu ul{
			position: absolute;
			top: 0;
			left: 0;
			margin: 0;
			padding: 0;
		}
		#menu ul li{
			list-style-type: none;
			list-style-image: none;
			float:left;
			margin: 0;
			padding: 0;
			position: relative;
		}
		#menu ul li a, #menu ul li span{
			float: left;
			heigth: 50px;
			padding: 0 13px;
			color: #5a0f56;
			font-weight: bold;
			font-size: 12px;
			line-height: 50px;
			background: url(../images/commun/separateur-menu.png) right top no-repeat; 
			text-decoration: none;
			}
		#menu ul li.last a{background: none}
			#menu ul li a:hover, #menu ul li a.active, #menu ul li span:hover{
				text-decoration: none;
				border-bottom: 3px solid #fa771f;
				height: 47px;
			}
		
		#menu li ul.menu{
			position: absolute;
			top: 50px;
			left: -2px;
			padding: 5px;
			background: #fff;
			border: 1px solid #deddde;
			border-top: none;
			display:none;
			z-index: 1000;
			
			-moz-box-shadow:0px 0px 5px #ddd;
			-o-box-shadow:0px 0px 5px #ddd;
			-webkit-box-shadow:0px 0px 5px #ddd;
			box-shadow:0px 0px 5px #ddd;
		}
		
		#menu li:hover{
			cursor: pointer;
		}
		#menu li:hover ul.menu{display: block!important} /* affichage des sous-menu au survol du menu principal */
		
		#menu li ul.menu li{
			float: left;
			display: block;
			padding: 0 15px;
		}
			
		#menu li ul.menu li a, #menu li ul.menu li span{
			display: block;
			float: none;
			color: #5a0f56;
			font-weight: bold;
			line-height: 16px;
			height: auto;
			width: 150px;
			padding: 5px 0 5px 19px;
			margin: 0;
			background: url(../images/commun/fleche-orange.png) 7px 8px no-repeat;
			border-top: 1px solid #8f848e;
			border-bottom: none;
			text-decoration: none;
				
			-moz-transition: color 0.4s ease;
			-webkit-transition: color 0.4s ease;
			-o-transition: color 0.4s ease;
			transition: color 0.4s ease;
			}
			#menu li ul.menu li span{ background: none }
			#menu li ul.menu li span:hover{cursor: default}
			#menu li ul.menu li.first span, #menu li ul.menu li.first a{border:none} /* suppression du biorder-top pour le premier element*/
			#menu li ul.menu li a:hover{
				color: #fa771f;
				text-decoration: none;
			}
		
		#menu li ul.menu li ul.menu{
			display: block;
			background-color: transparent;
			position: static;
			border: none;
			top: 0;
			left: 0;
			
			-moz-box-shadow:none;
			-o-box-shadow:none;
			-webkit-box-shadow:none;
			box-shadow:none;
		}
		
		#menu li ul.menu li ul.menu li{
			float: none;
			border: none;
			padding: 0;
		}
		
		#menu li ul.menu li ul.menu li a{
			float: none;
			display: block;
			width: inherit;
			background: none;
			font-size: 11px;
			font-weight: normal;
			padding: 3px 0 3px 15px;
			border: none;
			background: url(../images/commun/pt-fleche-orange.png) 2px 7px no-repeat;
		}
 /*----------------- Fin menu principal ------------------*/
 
 /*--------------- Menu header -------------*/
 
 #block-domain-menu-block-master-menu-top{
	 float: right;
	 width: auto;
	 margin-top: 5px;
}

#block-domain-menu-block-master-menu-top ul{margin: 0; padding: 0; margin-right: 5px}
#block-domain-menu-block-master-menu-top ul li{
	float: left;
	padding: 0 5px 0 6px;
	background: url(../images/commun/separateur-menu-header.gif) 0 3px no-repeat;
	margin: 0;
	line-height: 1em;
	}
	#block-domain-menu-block-master-menu-top ul li.first{background: none; padding: 0 5xp 0 0}

#block-domain-menu-block-master-menu-top ul li a{
		color: #d3d3d3;
		font-size: 11px;
		text-decoration: none;
	}
	#block-domain-menu-block-master-menu-top ul li a:hover, #block-domain-menu-block-master-menu-top ul li a:hover{text-decoration: underline}
	

	.top-box{
		float: right;
		margin: 5px 5px 0 0;
	}
	.top-box select{
		float: left;
	}
	.top-box select#select-country{margin-right: 25px}
	.top-box label{
		float: left;
		margin-right: 15px;
		color: #fff;
		font-size: 11px
	}
	
	/*------------------ Menu recrutement ------------------*/
	
#block-domain-menu-block-menu-rh ul{
	float: left;
	width: 225px;
	padding: 0;
	margin: 0;
	/*height: 450px;*/
}
	
#block-domain-menu-block-menu-rh ul li{
	background: url(../images/commun/fleche-orange.png) 2px center no-repeat;
	padding: 0 15px;
	font-size: 12px;
	border-top: 1px solid #dedede;
	width: 170px;
	line-height: 30px;
}
#block-domain-menu-block-menu-rh ul li.first{border: none; padding-top: 0}


#block-domain-menu-block-menu-rh ul li a{
	color: #54075b;
	text-decoration: none;
	}
	#block-domain-menu-block-menu-rh ul li a:hover, #block-domain-menu-block-menu-rh ul li a:focus{color: #f47321}

#block-domain-menu-block-menu-rh ul li a.active{font-weight: bold}
#block-domain-menu-block-menu-rh ul li a.active:hover, #block-domain-menu-block-menu-rh ul li a.active:focus{color: #54075b}



#block-domain-menu-block-menu-rh h2{
	background: #54075b url(../images/commun/orange-titre.gif) 0 0 no-repeat;
	height: 26px;
	line-height: 26px;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	padding-left: 31px;
	margin: 0 0 20px 0;
} 

	
/*-------------- Push pays international ---------------*/

.push-top{
	margin: -3px 0 9px 0;
	width: 191px!important;
	height: 219px!important;
	padding: 20px 21px 20px 15px;
	background-repeat: none!important;
	}
	.push-top h4{
		font-size: 18px;
		color: #590f56;
		font-weight: bold;
		margin-top: 40px;
		margin-bottom: 25px;
		text-align: center;
	}

	
	.push-top p{
		color: #fff;
		font-size: 12px;
		font-weight: normal;
		width: 100%;
		text-align: center;
	}
	.push-top select{
		width: 186px;
	}
	.push-top a{
		display: block;
		width: 100%;
		text-align: left;
		background: url(../images/commun/fleche-orange.png) 2px center no-repeat;
		padding-left: 15px;
		color: #fff;
		text-decoration: underline;
		font-weight: bold;	
		}
		.push-top a:hover{text-decoration: none}
		

	.push .content{
		padding: 10px 13px;
		margin-bottom: 9px;
	}
	
	

	.push-image{
		margin: 0 0 9px 0;
	}
	
	.push-image p{
		margin: 0;
		padding: 0;
	}
	
	.push h4, .push .like-h4{
		font-size: 16px;
		color: #590f56;
		font-weight: bold;
		text-align: center;
		line-height: normal;
		margin: 0;
		padding: 0 0 0 20px;
		height: 32px;
		display:block;
	}
	
	/* Push page contact */
	.page-node-341 .region-content 	.block-nodeblock,
	.page-node-9083 .region-content 	.block-nodeblock{
		float:left;
		clear:none;
	}

	.page-node-341 .push,
	.page-node-9083 .push{
		float:right;
		margin-right:12px;
	}
	.page-node-341 .push .content,
	.page-node-9083 .push .content{
		padding : 30px 10px 10px 180px;
	}
	.page-node-341 .push .content .h4,
	.page-node-9083 .push .content .h4{
		padding : 0px;
	}

	
	.push{
		display:block;
		margin-bottom:20px;
	}

	.push #select-pressing-push{
		width:190px;
		margin:20px 0 0 0;
	}
	
	#node-117 h4{margin-bottom: 5px}
	
	#node-3 h4{
		background: url(../images/commun/sprite.png) -43px 0 no-repeat;
	}
	#node-55 h4{
		background: url(../images/commun/sprite.png) -244px 0 no-repeat;
	}
	.push ul{
		margin: 0;
		padding:0;
	}
	
	.push li{
		list-style-type: none;
		list-style-image: none;
	}
	
	.push a{
		display: block;
		width: 115px;
		color: #5a5a5a;
		text-decoration: underline;
		background: url(../images/commun/fleche-orange.png) 0 7px no-repeat;
		padding-left: 10px;
		padding-top: 5px;
		margin-bottom: 10px;
		font-size: 11px;
		line-height: normal;
	}
	.push a:hover{text-decoration: none}
	
	/*----------------- Push trouver magasin ---------------------*/
	.region-sidebar .block-nodeblock{
		clear:both;
	}
	.liste-ville{
	  height:30px;
	  overflow:hidden;
	  display:block;
	}
	.block-nodeblock h4, .block-nodeblock .like-h4{height: auto;}
	
	.block-nodeblock form{
		text-align: center;
	}
	
	.block-nodeblock select{
		width: 178px;
		border: 1px solid #54075b;
	}
	
	.block-nodeblock input[type=submit]{
		background: #54075b;
		color: #fff;
		font-size: 11px;
		float: right;
		border: none;
		margin: 10px 4px 0 0;
		cursor: pointer;
		
		-moz-transition: background 0.5s ease;
		-webkit-transition: background 0.5s ease;
		-o-transition: background 0.5s ease;
		transition: background 0.5s ease;

	}
	.block-nodeblock input[type=submit]:hover{
			background: #f68908;
	}
	
/*---------------- NEWS HOME PAGE -------------------*/
body.front #content .region-content{
	margin: 0;
	position:relative;
}

body.front #main .region-content .node-home-content .field{
	margin-top: 365px;
}


.block-views{
	position: absolute; /*par rapport à #content .region-content*/
	top: 292px;
	left: -5px;
	font-size: 12px;
	color: #000;
	line-height: auto;
	z-index: 5;
}

.block-views .view{
	width: 709px;
	height: 259px;
	margin-top: 18px;
	background: url(../images/commun/sprite.png) 0 -32px no-repeat;
}

.block-views .view-video{
  padding-left:15px;
}
.node-teaser.node-video{
  border-bottom:none;
}
.node-teaser.node-video .field-name-field-intro{
  width : 340px;
  float:left;
  padding: 0 0 0 15px;
}
.node-teaser.node-video .field-name-field-image{
  float:left;
}

#content .block-views a.tab-title{
	position: absolute;
	background-image: url(../images/commun/sprite.png);
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #5a0f56;
	font-size: 12px;
	line-height: 30px;
	text-align: center;
	width: 150px;
	text-decoration: none;
	z-index: 1000;
}



#content a.tab-title.first{background-position: -150px -309px; top: -11px; left: 4px;}
#content a.tab-title.first.selected{background-position: -0px -309px}
#content a.tab-title.second{background-position: -450px -309px; top: -11px; left: 156px;}
#content a.tab-title.second.selected{background-position: -300px -309px}
#content a.tab-title.third{background-position: -450px -309px; top: -11px; left: 308px;}
#content a.tab-title.third.selected{background-position: -300px -309px}

span.news-image-full img{
	float: left;
	border: 2px solid #ec6e08;
	margin: 0 20px 20px 0;
}

	
#content .news, #content .bloc-offre {
	padding: 15px 10px 8px 15px;
	width: 684px;
	min-height: 105px;
	background: url(../images/home/separateur-news.png) 15px top no-repeat;
	position: relative;
}

#content div.views-row-first div.news, #content div.views-row-first div.bloc-offre{
	background: none; padding-top: 5px;
}

#content .news-date{
	color: #54075b;
	font-weight: bold;
}

#content .news-title a, #content .bloc-offre .title a{
	color: #eb6e08;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	}
	#content .news-title a:hover, #content .bloc-offre .title a:hover{text-decoration: underline}

#content .feed-icon a{
	position: absolute; /* par rapport à #content .news */
	top: -5px;
	right: 14px;
	color: #706f70;
	font-size: 11px;
	background: url(../images/commun/sprite.png) -441px 0 no-repeat;
	padding-left: 23px;
}

#content a.toutes-news{
	position: absolute;
	bottom: 12px;
	right: 14px;
	color: #5a0f56;
	background: url(../images/commun/fleche-orange.png) 0 3px no-repeat;
	padding-left: 10px;
	font-weight: bold;
	text-decoration: underline;
	font-size: 11px;
	}
	#content a.toutes-news:hover{text-decoration: none}


#content span.plus-info{display: block;}
#content .bloc-offre .content:last-child a{display: inline-block;}

#content span.plus-info a, #content .bloc-offre .content:last-child a{
	background-color: #5a0f56;
	font-size: 11px;
	color: #fff;
	text-decoration: none;
	padding: 2px 7px;


	-moz-transition: background 0.5s ease;
	-webkit-transition: background 0.5s ease;
	-o-transition: background 0.5s ease;
	transition: background 0.5s ease;
	}
	#content span.plus-info a:hover,
	#content .bloc-offre .content:last-child a:hover{
		background-color: #eb6e08;
	}

.news-flag{
	float: left;
	display: block;
	width: 40px;
	height: 100px;
}

body.node-type-news .node-news .content .field-name-field-image img, .news-image img, .bloc-offre .image img{
	float: left;
	border: 2px solid #ec6e08;
	margin-right: 15px;
}
	

/*---------------- Divers page ---------------*/
h1{
	background: #54075b url(../images/commun/orange-titre.gif) 0 0 no-repeat;
	height: 26px;
	line-height: 26px;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	padding-left: 31px;
	margin: 0 0 20px 0;
	text-transform: uppercase;
}
body.front h1{
  background:none;
}
#node-2 h2#page-title{
	width: 339px;
}
		

/*----- JOB -----------------*/
.node-type-job h1{
  margin:0;
}
.liste-job{
	list-style: none;
}

.liste-job li div{
	 float:left;
	 margin-left:20px;
	 display: block;
}


/* PAGE NEWS */
.node-news h3{
  margin-top : 0px;
  color: #000000;
  font-weight: bold;
  display:inline-block;
}

/*--------------- Footer ---------------*/
/* Voir dans styles.css */



/*----------------- PAGE ACTUALITES ---------------------*/

/*body.page-news #content .region-content{
	width: 674px;
	height: auto;
	background: url(../images/commun/bg-fenetre-actu.png) 0 0 repeat-x;
	border: 1px solid #ddd;
	margin: 45px 0 0 0;
	position:relative;
	padding: 0 10px;
	
	-moz-box-shadow:0px 0px 10px #ddd;
  -o-box-shadow:0px 0px 10px #ddd;
  -webkit-box-shadow:0px 0px 10px #ddd;
  box-shadow:0px 0px 10px #ddd;

}*/

/*.block-views{
	position: absolute; /*par rapport à #content .region-content
	top:0;
	left:0;
	font-size: 12px;
	color: #000;
	line-height: auto;
}

#content .block-views h2 a{
	position: absolute;
	background-image: url(../images/commun/sprite.png);
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #5a0f56;
	font-size: 12px;
	line-height: 30px;
	text-align: center;
	width: 150px;
	text-decoration: none;
}
#content .block-views h2 a#bloc-news-titre{
	background-position: -150px -309px;
	top: -29px;
	left: 4px;
	}
	#content .block-views h2 a#bloc-news-titre.selected{background-position: 0 -309px}
	
#content .block-views h2 a#bloc-news-country-titre{
	background-position: -450px -309px;
	top: -29px;
	left: 156px;
	}
	#content .block-views h2 a#bloc-news-country-titre.selected{background-position: -300px -309px}*/
	
/*#content .news{
	padding: 15px 10px 8px 15px;
	width: 684px;
	min-height: 105px;
	background: url(../images/home/separateur-news.png) 15px top no-repeat;
}

#content div.views-row-first div.news{background: none; padding-top: 5px;}

#content .news-date{
	color: #54075b;
	font-weight: bold;
}

#content .news-title a{
	color: #eb6e08;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	}
	#content .news-title a:hover{text-decoration: underline}


#content .feed-icon a{
	position: absolute; /* par rapport à #content .news 
	top: -23px;
	right: 14px;
	color: #706f70;
	font-size: 11px;
	background: url(../images/commun/sprite.png) -441px 0 no-repeat;
	padding-left: 23px;
}

#content a.toutes-news{
	position: absolute;
	bottom: 8px;
	right: 14px;
	color: #5a0f56;
	background: url(../images/commun/fleche-orange.png) 0 3px no-repeat;
	padding-left: 10px;
	font-weight: bold;
	text-decoration: underline;
	font-size: 11px;
	}
	#content a.toutes-news:hover{text-decoration: none}


#content span.plus-info{display: block;padding-left: 120px; margin-top: -4px;}

#content span.plus-info a{
	background-color: #5a0f56;
	font-size: 11px;
	color: #fff;
	text-decoration: none;
	padding: 2px 7px;


	-moz-transition: background 0.5s ease;
	-webkit-transition: background 0.5s ease;
	-o-transition: background 0.5s ease;
	transition: background 0.5s ease;
	}
	#content span.plus-info a:hover{
		background-color: #eb6e08;
	}
*/
/*------------------------- Styles généraux textes ----------------------*/
.node{
	margin: 0;
	font-size: 12px;
	color: #000;
}

.node ul{
	list-style-type: none;
	padding-left: 0;
}
.node ul li{
	background: url(../images/commun/puce-carre-orange.gif) 10px 6px no-repeat;
	display: block;
	padding: 0 0 0 25px;
} /*suppression sur le module slider */
	li.linkimage_item{
		background: none!important;
		padding: 0!important;
	}
	
.node ul#nos-services li{background: none}


/*------------------------- Formulaire contact --------------------------*/
.webform-component-fieldset{
	border:0;
}
div.form-left{
	float: right;
	width: 535px;
}

div.form-right{
	float: left;
	width: 370px;
}

#node-341 form.webform-client-form, #node-9083 form.webform-client-form{
	background: #f47321 url(../images/pages/bg-block-contact.png) right top no-repeat;
	padding: 20px 0 20px 30px;
	position: relative;
}

#node-341 .webform-client-form label, #node-341 form.webform-client-form p,
#node-9083 .webform-client-form label, #node-9083 form.webform-client-form p{
	color: #fff;
	font-size: 12px;
}

#node-341 .webform-client-form input[type=text], #node-341 .webform-client-form input[type=email], #node-341 .webform-client-form select,
#node-9083 .webform-client-form input[type=text], #node-9083 .webform-client-form input[type=email], #node-9083 .webform-client-form select{
	background: #f1f0f1;
	border: 1px solid #773c75!important;
	width: 218px;
	height: 18px;
	line-height: 18px;
	padding: 0 0 0 10px;
	font-size: 11px;
}

#node-341 .webform-client-form select, #node-9083 .webform-client-form select{
	height: 20px;
	padding-top: 1px;
	width: 230px;
}
	

#node-341 .webform-client-form div.form-textarea-wrapper, #node-9083 .webform-client-form div.form-textarea-wrapper{border: 1px solid #773c75}

#node-341 .webform-client-form textarea, #node-9083 .webform-client-form textarea{
	background: #f1f0f1;
	border: none;
	width: 218px !important;
	padding: 5px;
	height: 175px;
}

#node-341 .webform-client-form #webform-component-je-veux-recevoir-des-messages-de-la-part-de-5asec label,
#node-9083 .webform-client-form #webform-component-je-veux-recevoir-des-messages-de-la-part-de-5asec label{padding: 2px 0 0 25px}



#node-341 .webform-client-form #webform-component-partner label,
#node-9083 .webform-client-form #webform-component-partner label{padding: 2px 0 0 25px; display: block}


#node-341 .webform-client-form #webform-component-conservation label,
#node-9083 .webform-client-form #webform-component-conservation label{padding: 2px 0 0 25px; display: block}

#node-341 #webform-component-les-champs-marque-dun--sont-obligatoires, #node-9083 #webform-component-les-champs-marque-dun--sont-obligatoires{
	clear:both;
}

#node-341 #webform-component-left, #node-9083 #webform-component-left{
	float:left;
	width:200px;
}
#node-341 #webform-component-right, #node-9083 #webform-component-right{
	float:right;
	width:220px;
	margin : 0 20px 0 0;
}


#node-341 .webform-client-form #edit-submit, #code-privilege-form #edit-submit, #node-9083 .webform-client-form #edit-submit, #code-privilege-form #edit-submit, #code-privilege-information-form #edit-submit{
	background: #5a1057 url(../images/pages/fleche-submit.png) 10px center no-repeat;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	border-radius: inherit; 
	padding-left: 30px;
	border: 3px solid #4c0948;
	}
	#node-341 .webform-client-form #edit-submit:hover, #node-9083 .webform-client-form #edit-submit:hover, #code-privilege-form #edit-submit:hover, #code-privilege-information-form #edit-submit:hover{border-color: #fff}


#node-341 .webform-client-form .form-required, #node-9083 .webform-client-form .form-required{color: #fff!important}

#node-341 .webform-client-form #webform-component-gender label, #node-341 .webform-client-form #webform-component-gender div,
#node-9083 .webform-client-form #webform-component-gender label, #node-9083 .webform-client-form #webform-component-gender div{display: inline}

#node-341 .webform-client-form #webform-component-gender .form-type-radio, #node-9083 .webform-client-form #webform-component-gender .form-type-radio{padding-left: 5px}

#node-341 .webform-client-form .form-item, #node-9083 .webform-client-form .form-item{margin: 5px 0 0 0!important}
/*
	
.contact-bloc-adress{
	height: 136px;
	padding: 10px;
	background: url(../images/pages/bg-contact-adresse.png) 0 0 repeat-x;
}

.contact-bloc-adress h2{
	color:#5a0f56;
	font-size: 12px!important;
	font-weight: bold;
	margin: 0;
	padding: 0;
}*/
/*
 * Site Espagne -> push Mentions legales
 */
#node-6981 {
    padding: 0;
    width: 372px;
    font-size:11px;
}
#node-6981 #qq-mots{
 display:none; 
}

/*--------------------- Presse + actus archives -----------------------*/
#block-menu-block-4{
	position: absolute;
	top: 72px;
	left: 0;
}

.view-press .view-content{padding-top: 25px}

.view-press .item-list ul{
	border: 1px solid #ddd;
	background: url(../images/pages/bg-list-press.png) 0 0 repeat-y;
	width: 918px;
	padding: 0!important;
	margin: 0!important;
}

.view-press .item-list li{
	list-style-type: none;
	list-style-image: none;
	padding: 10px 10px 0 13px;
	background: url(../images/pages/separateur-list-press.png) 15px top no-repeat;
	margin: 10px 0;
	position: relative;
}

.view-press .item-list li.views-row-first{background: none!important; padding-top: 0}

.view-press .item-list li span.date-display-single{
	color: #54075b;
	font-weight: bold;
}

.view-press .item-list li span.file{
	position: absolute; /* par rapport au li */
	bottom: 5px;
	right: 20px;
}

span.titre-press{
	color: #f47321;
	font-weight: bold;
	text-transform: uppercase;
}

span.file a{
	text-indent: -9999px;
	display: block;
	width: 29px;/* 96px */
	height: 32px;
	background: url(../images/commun/sprite.png) -582px 0 no-repeat; /*-515px */
	opacity: 0.8;
	
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;	
	transition: opacity 0.5s ease-in-out;
	}
	span.file a:hover{opacity: 1}
	
				/*--------------- Pagination ---------------- */	
				
				.item-list ul.pager{
					background: none!important;
					position: absolute!important;
					top: 78px!important;
					right: 20px!important;
					width: auto!important;
					border: none!important;
				}
				
				.item-list ul.pager li{
					background: none;
					padding: 0;
					background: url(../images/commun/separateur-pagination.gif) left 2px no-repeat!important;
				}
								
				.item-list ul.pager li a, .item-list ul.pager li.pager-current{
					color: #54075b;
					padding: 0 6px 0 10px!important;
					text-decoration: none;
				}
				.item-list ul.pager li a:hover{text-decoration: underline}
				
				.item-list ul.pager li:first-child{background: none!important}

				
				.item-list ul.pager li.first, .item-list ul.pager li.first a{background: none!important} 
				
				
				/*--------------- Fin Pagination ---------------- */	


.view-news .item-list ul{
	border: 1px solid #ddd;
	background: url(../images/pages/bg-actualites.png) 0 0 repeat-x;
	width: 918px;
	padding: 0 0 10px 0!important;
	margin: 0!important;
}

.view-news .item-list li{
	list-style-type: none;
	list-style-image: none;
	padding: 15px 10px 8px 13px;
	min-height: 105px;
	position: relative;
	color: #000;
	font-size: 12px;
	background: url(../images/pages/separateur-news.png) no-repeat scroll 15px top transparent;
}

.view-news .item-list li.views-row-first{background: none}

.view-news .item-list .views-field-title a{
	color: #eb6e08;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	}
	.view-news .item-list .views-field-title a:hover{text-decoration: underline}

.view-news .item-list .views-field-created{
	color: #54075b;
	font-weight: bold;
	padding-left: 120px;
}

.view-news .item-list .views-field-body , .view-news .item-list .views-field-title {padding-left: 120px}


.view-news .item-list .views-field-field-image img{
	float: left;
	border: 2px solid #ec6e08;
}


#block-menu-block-4 ul{
	margin: 0 0 0 10px;
	padding: 0;
}


#block-menu-block-4 li{
	list-style-type: none!important;
	list-style-image: none!important;
	display: inline;
}

#block-menu-block-4 li a{
	float: left;
	background: url(../images/commun/bg-onglet.png) 0 0 repeat-x;
	border: 1px solid #ddd;
	margin: 0;
	padding: 0 15px;
	font-weight: bold;
	color: #706f70;
	font-size: 12px;
	line-height: 29px;
	text-align: center;
	text-decoration: none;
	margin-right: 4px;
}
	#block-menu-block-4 li a.active{
		background: url(../images/commun/bg-onglet-selected.png) 0 0 repeat-x;
		color: #5a0f56;
		border-bottom: 1px solid #f0eef0;
	}
	
/* --------------- Promotions -------------- */
.view-offres-speciales .item-list ul{
	margin: 0;
	padding: 0;
}

.view-offres-speciales .item-list li.views-row{
	width: 408px;
	border: 1px solid #ddd;
	background: #fff url(../images/pages/bg-liste-promotions.png) 0 0 repeat-x;
	padding: 10px;
	list-style-type: none;
	margin: 0 0 20px 0;
	clear: both;
	min-height: 333px;
	padding-left: 270px;
}

.offre .offre-image img{
	float: left;
	border: 2px solid #ec6e08;
	margin-left: -260px;
}

.offre h3, .offre h2{
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	color: #f47321;
	margin: 0;
	padding: 0;
	line-height: 18px;
}

.offre p{
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 18px;
	font-size: 12px;
}
	

span.print{
	display: block;
	width: 29px;
	height: 27px;
	background: url(../images/commun/sprite.png) 0 -556px no-repeat;
	}
span.print a{
	display: block;
	width: 29px;
	height: 27px;
	background: url(../images/commun/sprite.png) 0 -529px no-repeat;
	text-indent: -9999px;
		
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;	
	transition: opacity 0.5s ease-in-out;	

}
span.print a:hover, span.print a:focus{opacity: 0}

/*------------------  Recrutement  -----------------*/

	body.page-job-vacancies .item-list ul.pager{
		background: none!important;
		position: static!important;
		width: auto!important;
		border: none!important;
		text-align: right;
	}
	
table{
	width: 695px;
	border: 1px solid #ddd;
	border-spacing: 0;
	margin: 10px 0;
	font-size: 12px;
}
th{
	background: url(../images/pages/bg-tableau-recrutement.png) 0 0 repeat-x;
	height: 31px;
	color: #54075b;
	font-weight: bold;
	padding-left: 20px;
	border: none;
	}
	th a{
		color: #54075b;
		text-decoration: none;
		}
		th a:hover{text-decoration: underline}
	
tbody{
	border: none;
	background: url(../images/commun/bg-fenetre-actus.png) 0 0 repeat-x;
	color: #000;
}

tbody tr{
	border: none!important;
	padding: 0 0 0 20px!important;
	height: 55px;
	background: url(../images/pages/separateur-offres-emploi.gif) 20px 0 no-repeat!important;
}

tbody td{
	padding-left: 20px;
}

tbody td a{
	color: #000;
	text-decoration: underline;
	}
	tbody td a:hover, tbody td a:focus{text-decoration: none}
	
td.active{background: none!important}

div.job-apply a{
	background: #5a1057 url(../images/pages/fleche-submit.png) 20px center no-repeat;
	color: #fff!important;
	font-size: 18px;
	padding: 10px 30px 10px 40px;
	text-decoration: none!important;
	
	-moz-transition: background 0.5s ease;
	-webkit-transition: background 0.5s ease;
	-o-transition: background 0.5s ease;
	transition: background 0.5s ease;
	}
	div.job-apply a:hover, div.job-apply a:focus{background-color: #f47321}

/*-------------------- Formulaire candidature -------------------*/
#block-domain-menu-block-menu-rh h1{
	position:absolute;
	width:890px;
}

.page-job-vacancies .region-content .block-nodeblock,  .page-node-347  .region-content .block-nodeblock, .node-type-page-recrutement  .region-content .block-nodeblock, .node-type-job  .region-content .block-nodeblock{
	float:left;
	clear:none;	
}
.menu-block-menu-rh{
	float:left;
	margin:46px 0 0 0;
	width: 220px;
}
.view-job-vacancies, #node-347, .view-job-vacancies, #node-9083, .node-page-recrutement, .node-job, #node-3418{
	float:right;
	margin-top:46px;
}
.view-job-vacancies .view-empty{
	height:150px;
	width:700px;
}

div.candidature{
	float: left;
	font-size: 12px;
	width: 653px;
	background: url(../images/commun/bg-fenetre-actus.png) 0 0 repeat-x;
	border: 1px solid #ddd;
	margin: 0;
	padding: 15px 20px;
	min-height: 150px;
}
div.titre-candidature{
	background: url(../images/pages/separateur-offres-emploi.gif) left bottom no-repeat;
	padding: 0 0 10px 0;
	margin-bottom: 20px;
}

#content div.titre-candidature h2{
	color: #333;
	font-size: 18px;
	font-weight: normal;
	display: inline;
}

div.titre-candidature span.emploi-sub{
	color: #333;
	font-size: 18px;
	font-weight: normal;
	background: url(../images/pages/separateur-titre-offre.gif) 3px 2px no-repeat;
	padding-left: 10px;
}

div.titre-candidature span.emploi-date, div.titre-candidature span.date-offre{display: block}

form#webform-client-form-347 fieldset{
	border: none;
	margin: 0;
	padding: 0;
}

form#webform-client-form-347 label, form#webform-client-form-347 label span.form-required{
	color: #000;
	font-weight: normal;
}

form#webform-client-form-347 fieldset#webform-component-vos-coordonnees{
	width: 225px;
	float: left;
}

fieldset#webform-component-vos-coordonnees p{font-size: 10px} /* pour texte champs obligatoires' */

form#webform-client-form-347 input[type="text"], form#webform-client-form-347 input[type="email"], form#webform-client-form-347 select{
	width: 198px;
	background: #f1f0f1;
	border: 1px solid #773c75;
	padding: 2px;
	font-size: 12px;
}
form#webform-client-form-347 textarea{
	width: 406px;
	padding: 5px;
	background: #f1f0f1;
	font-size: 12px;
	border: none;
	height: 180px;
}
form#webform-client-form-347 div.form-textarea-wrapper{border: 1px solid #773c75}

form#webform-client-form-347 div.webform-component-file{width: 290px}

form#webform-client-form-347 fieldset legend{
	display: block;
	color: #54075b;
	font-weight:bold;
	margin: 0;
	padding: -30px 0 0 0;
	background: none!important;
}

form#webform-client-form-347 fieldset#webform-component-votre-candidature{
	float: left;
	width: 408px;
}

form#webform-client-form-347 #edit-submit{
	background: #5a1057 url(../images/pages/fleche-submit.png) 10px center no-repeat;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	border-radius: inherit; 
	padding-left: 30px;
	border: 3px solid #4c0948;
	float: right;
	clear:both;
	margin-top: 20px;
	}
	form#webform-client-form-347 #edit-submit:hover{border-color: #fff}
	
div.candidature .print, div.candidature .bt-retour{float: right}

a.bt-retour{
	display: block;
	margin: 0 0 10px 10px;
	line-height: 29px;
	color: #5a0f56;
	background: url(../images/commun/fleche-orange.png) 0 center no-repeat;
	padding-left: 10px;
	font-weight: bold;
	text-decoration: none!important;
	font-size: 12px;
	
	}
	#content a.bt-retour:hover, #content a.bt-retour:focus{text-decoration: underline!important}
	
div.candidature h4{
	font-size: 12px;
	text-transform: uppercase;
	color: #54075b;
	font-weight: bold;
}

div.webform-confirmation{
   float: left;
   margin: 46px 0 0;
}

/*------------------- Store locator --------------------*/
div.main-store, div.sub-store, div.magasin{
	background: url(../images/commun/bg-fenetre-actus.png) 0 0 repeat-x;
	border: 1px solid #ddd;
	padding: 25px 15px 25px 25px;
}

div.main-store .content{
	float: left;
	width: 350px;
}

ul.liste-region{
	margin: 0;
	padding: 0;
}
div.sub-store ul.liste-region {
	-moz-column-count: 3;
	-webkit-column-count: 3;
	column-count: 3;
}
	
ul.liste-region li{
	float: left;
	display: block;
	width: 180px;
	padding: 0 0 0 15px;
	background: url(../images/commun/puce-carre-orange.gif) 0 6px no-repeat!important;
	font-size: 12px!important;
}
div.sub-store ul.liste-region li{
	width: 230px;
	float: none;
}
/*div.sub-store ul.liste-region li:first-letter{text-transform: capitalize}*/

ul.liste-region li a{
	color: #000!important;
	text-decoration: none!important;
	}
	ul.liste-region li a:hover, ul.liste-region li a:focus{text-decoration: underline!important}

.node-type-pressing .pressing-content{
	float: left;
	width:320px;
}
.node-type-pressing .pressing-content hr{
	background-color:gray;
	border: 0;
}

.node-type-pressing .pressing-right{
	float:right;
}
#map_canvas{
	width: 440px;
	height: 460px;
}
.main-store #map_canvas {
	float:right;
}
.node-type-pressing .pressing-right .pressing-description{
  padding-top: 20px;
  width: 520px;
}

.node-type-pressing .pressing-right .pressing-promo{
	margin:15px 0 0 0;
}

.store-locator-description{
  font-size:11px;
}

form#store-locator{margin-bottom: 1.2em}

form#store-locator label{
	font-weight: normal;
	float: left;
	margin-right: 20px;
	padding-top: 2px;
	height: 18px;
}

form#store-locator input[type="text"]{
	float: left;
	width: 158px;
	background: transparent;
	border: 1px solid #773c75;
	color: #3c3b3b;
	font-size: 11px;
	padding: 3px;
	height: 14px;
}

form#store-locator input[type="submit"]{
	float: left;
	background: #5a0f56;
	color: #fff;
	border: 1px solid #773c75;
	border-left: none;
	height: 22px;
	padding: 2px;
	cursor: pointer;
	margin: 0;
	width: 22px!important;
	
	-moz-transition: background 0.5s ease;
	-webkit-transition: background 0.5s ease;
	-o-transition: background 0.5s ease;
	transition: background 0.5s ease;
	}
	form#store-locator input[type="submit"]:hover, form#store-locator input[type="submit"]:focus{
		background: #f47321;
	}

	.js-pagination {font-size: 80%;}
					
	.js-pagination a {
		text-decoration: none;
		border: solid 1px #AAE;
		color: #15B;
	}
	
	.js-pagination a, .js-pagination span {
		display: block;
		float: left;
		padding: 0.3em 0.5em;
		margin-right: 5px;
		margin-bottom: 5px;
		min-width:1em;
		text-align:center;
	}
	
	.js-pagination .js-pagination-current {
		background: #26B;
		color: #fff;
		border: solid 1px #AAE;
	}
	
	.js-pagination .js-pagination-current.prev, .js-pagination .js-pagination-current.next{
		color:#999;
		border-color:#999;
		background:#fff;
	}
	
	#store-locator-pagination a{
		background: url(../images/commun/separateur-pagination.gif) left 2px no-repeat!important;
		color: #54075b;
		padding: 0 6px 0 10px!important;
		text-decoration: none!important;
	}
	#store-locator-pagination a:hover, #store-locator-pagination a:focus{text-decoration: underline!important}
	#store-locator-pagination	span.current{
		background: url(../images/commun/separateur-pagination.gif) left 2px no-repeat!important;
		color: #54075b;
		padding: 0 6px 0 10px!important;
		font-weight: bold;
	}
	#store-locator-pagination div.pagination *:first-child{background: none!important; padding-left: 0}
	
	#results-entete{
		padding-top: 10px;
		background: url(../images/pages/separateur-list-press.png) left top no-repeat;
		margin-bottom: 20px;
		display: none;
	}
	
	.store-locator-results-title{ /* titre "Résultat" */
		float: left;
		color: #54075b;
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
	}
	#store-locator-pagination{float: right}

	#store-locator-results{
		font-size: 12px;
		color: #000;
		clear:both;
	}
	#store-locator-results h4{
		color: #f47321;
		font-size: 12px;
		margin: 0;
		padding: 0;
		font-weight: bold;
		text-transform: none;
		clear: both;
		}
		/*#store-locator-results h4:first-letter{text-transform: uppercase}*/
	#store-locator-results p{margin: 0; padding:0}
	#store-locator-results a.sl-link{
		float:left;
		font-size: 11px;
		color: #fff;
		background-color: #5a0f56;
		padding: 0 5px;
		text-decoration: none;
		
		-moz-transition: background 0.5s ease;
		-webkit-transition: background 0.5s ease;
		-o-transition: background 0.5s ease;
		transition: background 0.5s ease;
		}
		#store-locator-results a.sl-link:hover, #store-locator-results a.sl-link:focus{background-color: #f68908}
		
	#store-locator-results span.distance{float: right; margin-bottom: 20px}
		
#node-22.node-teaser{
  padding-bottom:0;
}
		
/* fiche détail */

div.magasin{
	position: relative;
}

div.magasin h3{
	color: #f47321!important;
	font-size: 12px!important;
	font-weight: bold!important;
}

div.magasin div#map-canvas{
	float: right;
}

div.magasin div.field-name-field-image{float: left}

div.magasin div.field-name-field-description{
	width: 330px;
}

div.field-name-field-description h3{
	background: url(../images/pages/separateur-titre-fiche-pressing.png) 0 0 no-repeat;
	padding-top: 10px;
}
div.field-name-field-description h3:first-child{background: none; padding-top: 0} /* suppression de la bordure du premier titre */
	

div.magasin #map_canvas ul,div.magasin #map_canvas li{
	list-style: none;
	background:none;
}



/*------------ Plan du site -------------*/
#site-map ul.site-map-menu{
	margin:0;
	padding: 0;
}

#site-map ul.site-map-menu span.nolink-plan{display: none!important}


#site-map ul.site-map-menu li{
	list-style-type: none;
	list-style-image: none;
  padding-left: 20px;
}

#site-map ul.site-map-menu li a{
	color: #333;
	font-size: 12px;
	font-weight: normal;
	display: inline;
	background: url(../images/commun/puce-carre-orange.gif) 0 4px no-repeat;
	padding-left: 15px;
	margin-left: 10px;
}
#site-map ul.site-map-menu li a:hover, #site-map ul.site-map-menu li a:focus{background-color: transparent; text-decoration: underline }

#site-map ul.site-map-menu a.active{/* on masqaue la page plan du site */
display: none}

/*----------- Messages d'erreur -----------*/

#messages div, #messages table {
	background-color: #ccb5ce!important}
#messages div.error, #messages .error{color: #333!important; border-color: #54075b!important;}
#messages {margin-top: 10px!important}
#messages .messages {border:0 none;}


#code-privilege-form, #code-privilege-information-form, #privilege-merci{
  background:url('../images/privilege/bandeau-privilege.gif') no-repeat 0 26px;
  height:500px;
}
#privilege-merci{
  height:350px;
}
#code-privilege-information-form{
  height:1100px;
}
#code-privilege-form #page-title, #code-privilege-information-form #page-title, #privilege-merci #page-title{
  float:left;
  padding:0 20px 0 36px;
}
#code-privilege-form fieldset#edit-centre, #code-privilege-information-form fieldset#edit-centre, #privilege-merci .block{
  clear:both;
  border:5px solid #a082a9;
  margin:0;
  padding:0;
  background:#fff;
  width:410px;
  display:block;
  position:relative;
  top:135px;
  left:65px;
  -ms-border-radius:10px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  -o-border-radius:10px;
  border-radius:10px;
  padding:25px;
  color:#54075b;
  font-size:12px;
}
#privilege-merci .block{
  top:195px;
}
#code-privilege-information-form fieldset#edit-centre{
  width:485px;
}
#code-privilege-information-form fieldset{
  margin:0;
  padding:0;
  border:none;
}
#code-privilege-form fieldset#edit-centre .fieldset-wrapper h3{
  color:#5a1056;
  font-weight:bold;
  font-size:14px;
  margin:0;
  padding:0;
}
#code-privilege-form label, #code-privilege-information-form label{
  font-weight:normal;
}
#code-privilege-form label .form-required, #code-privilege-information-form label .form-required{
  color:#54075b;
}
#code-privilege-form input.form-text, #code-privilege-information-form input.form-text, #code-privilege-information-form .form-select{
  border:1px solid #773c75;
  background:#f1f0f1;
  padding:2px;
  color:#773c75;
  font-weight:bold;
  width:225px;
}
#code-privilege-form #edit-submit{
  float:right;
  margin-top:-30px;
}
#code-privilege-form .footer-mandatory, #code-privilege-form .footer-acheter, #code-privilege-information-form .footer-mandatory, #code-privilege-information-form .footer-acheter{
  font-size:11px;
}
#code-privilege-form .footer-acheter, #code-privilege-information-form .footer-acheter{
  margin:25px 0 0;
}
#code-privilege-information-form .footer-mandatory{
  clear:both;
}
#code-privilege-information-form #edit-gauche{
  float:left;
  width:250px;
  overflow:hidden;
  margin-bottom:25px;
  position:relative;
}
#code-privilege-information-form #edit-droite{
  float:left;
  margin-top:32px;
}
#code-privilege-information-form .form-type-radios{
  height:20px;
  clear:both;
}
#code-privilege-information-form .form-type-radios label{
  float:left;
}
#code-privilege-information-form .form-type-radios .form-radios .form-item{
  float:left;
  margin:0 0 0 15px;
}
#code-privilege-information-form .form-type-radios .form-radios .form-item input{
  float:right;
}
#code-privilege-information-form .form-item-nom{
  clear:both;
}
#code-privilege-information-form .container-inline-date{
  margin:0 0 20px;
}
#code-privilege-information-form .container-inline-date > .form-item{
  border:none;
  margin:0;
}
#code-privilege-information-form .container-inline-date .date-padding{
  padding:0;
}
#code-privilege-information-form .form-item-adresse-rue-numero input{
  width:35px;
}
#code-privilege-information-form .form-item-adresse-rue-nom{
  position:absolute;
  top:114px;
  left:50px;
  margin:0;
  padding:0;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
  #code-privilege-information-form .form-item-adresse-rue-nom{top:118px;}
}
#code-privilege-information-form .form-item-adresse-rue-nom input{
  width:175px;
}
#code-privilege-information-form #edit-submit{
  position:absolute;
  bottom:140px;
  right:20px;
}