/*LISTE */
#projets-liste {}
#projets-liste #liste-entete {
	background: #f2f2f3;
	border-bottom:2px solid #ff9a00;
	position: relative;
	margin-top: 20px;
}

#projets-liste #liste-entete p
/*#projets-liste #liste-entete label*/{
	font-weight:bold;
}

#projets-liste #liste-entete > div {
	padding: 20px;	
}

#projets-liste .bloc-arrondissement h2 {
	font-size: 2.1rem;
	margin:0 0 10px 0;	
}

#projets-liste .bloc-arrondissement {
	border-bottom: 1px solid #c2c0bf;
	padding: 20px;
}

@media screen and (min-width:767px) {
	
	div.columns + .bloc-mise-jour p{
		position: absolute;
		top:50px;
		right:20px;
	}
}
/* INFOLETTRE */

#infolettre-signature,
#infolettre-logo { display: none }
.image-decorative { margin: 10px 0 1em 0; }
.lien-liste { display: none; }

@page { 
		size: 8.5in 11in;
		margin: 1.35cm 2cm 
	}

@media print {
	body {
		font-size: 1.2rem;
		/*line-height: 1.4em;*/
	}
	
	/* Settings page */
	
	
	
	section {
		page-break-inside: avoid
	}
	
	h1 {
		line-height: 1.3em;
	}
	
	/* Ajoute le logo centré */
	.hq-header-duo-bloc,
	#infolettre-logo {
	   background: #fff;
		display:block!important;
		padding:0;
		width:5.1cm!important;
		height:2cm;
		
		
		
	}
	
	.hq-header-duo-bloc .hq-logo {
		display:none
	}
	
	#infolettre-logo img {
		display: block;	
		width:100%;
	}
	
	#infolettre-logo {
		position: absolute;
		left:0; 
		top:0;
	}
	
	#infolettre-signature {
		display: block;
		font-size: 4.2rem;
		font-family: 'Open Sans', sans-serif;
		font-weight: 700;
		font-style: italic;
		position: absolute;
		top:0.15em;
		right: 0;
		padding: 0 5px 0 0;
	}
	
	header.breadcrumb-bloc {
		margin: 0 0 -1.25em 0;
		padding: 0;
	}
	
	[role="main"] {
		border-top:1px solid #000;
		padding-top:0em;	
		margin-left:1.45cm;
		padding-left: 0!important;
		line-height: 1.4em;
	}
	
	[role="main"] > .row > .columns {
		padding-left: 0!important;
	}
	
	/* Titre */
	h1  {
		font-size:2.6rem;
		margin:0;
		padding: 0;
		
		-webkit-margin-before: 0em!important;
		-webkit-margin-after: 0.3em!important;

	}
	h2.h3 {
		background: none;
		font-size: 1.4rem;
		margin: 0 0 0.25em 0;
	}
	p { background: transparent;}
	.hq-bloc-intro p.principal, 
	.hq-bloc-intro p:first-child {
		font-size: 1.6rem;
		line-height: 1.3em;
		margin: 0;
		padding: 0;
	}
	
	/*Lien interne */
	a:not([href^=http]) {
		text-decoration: none;
	}
	a:not([href^=http])::after {
		display: block;
		content: attr(data-shorturl);
		margin: 0;
		padding: 0;
	}
	
	.lien-liste { display: block ;}
	a.lien-pointeur { background: none; padding-left: 0;}
	
	
	.print-1 {
  width: 8.33333%; }

	.print-push-1 {
	  position: relative;
	  left: 8.33333%; }

	.print-pull-1 {
	  position: relative;
	  left: -8.33333%; }

	.print-offset-0 {
	  margin-left: 0%; }

	.print-2 {
	  width: 16.66667%; }

	.print-push-2 {
	  position: relative;
	  left: 16.66667%; }

	.print-pull-2 {
	  position: relative;
	  left: -16.66667%; }

	.print-offset-1 {
	  margin-left: 8.33333%; }

	.print-3 {
	  width: 25%; }

	.print-push-3 {
	  position: relative;
	  left: 25%; }

	.print-pull-3 {
	  position: relative;
	  left: -25%; }

	.print-offset-2 {
	  margin-left: 16.66667%; }

	.print-4 {
	  width: 33.33333%; }

	.print-push-4 {
	  position: relative;
	  left: 33.33333%; }

	.print-pull-4 {
	  position: relative;
	  left: -33.33333%; }

	.print-offset-3 {
	  margin-left: 25%; }

	.print-5 {
	  width: 41.66667%; }

	.print-push-5 {
	  position: relative;
	  left: 41.66667%; }

	.print-pull-5 {
	  position: relative;
	  left: -41.66667%; }

	.print-offset-4 {
	  margin-left: 33.33333%; }

	.print-6 {
	  width: 50%; }

	.print-push-6 {
	  position: relative;
	  left: 50%; }

	.print-pull-6 {
	  position: relative;
	  left: -50%; }

	.print-offset-5 {
	  margin-left: 41.66667%; }

	.print-7 {
	  width: 58.33333%; }

	.print-push-7 {
	  position: relative;
	  left: 58.33333%; }

	.print-pull-7 {
	  position: relative;
	  left: -58.33333%; }

	.print-offset-6 {
	  margin-left: 50%; }

	.print-8 {
	  width: 66.66667%; }

	.print-push-8 {
	  position: relative;
	  left: 66.66667%; }

	.print-pull-8 {
	  position: relative;
	  left: -66.66667%; }

	.print-offset-7 {
	  margin-left: 58.33333%; }

	.print-9 {
	  width: 75%; }

	.print-push-9 {
	  position: relative;
	  left: 75%; }

	.print-pull-9 {
	  position: relative;
	  left: -75%; }

	.print-offset-8 {
	  margin-left: 66.66667%; }

	.print-10 {
	  width: 83.33333%; }

	.print-push-10 {
	  position: relative;
	  left: 83.33333%; }

	.print-pull-10 {
	  position: relative;
	  left: -83.33333%; }

	.print-offset-9 {
	  margin-left: 75%; }

	.print-11 {
	  width: 91.66667%; }

	.print-push-11 {
	  position: relative;
	  left: 91.66667%; }

	.print-pull-11 {
	  position: relative;
	  left: -91.66667%; 
	}

	.print-offset-10 {
	  margin-left: 83.33333%; 
	}

	.print-12 {
	  width: 100%; }

	.print-offset-11 {
	  margin-left: 91.66667%; 
	}
}
/***
/* SELECT SKIN
**/
/* ============================
 * SELECT
 * ========================== */
label {
  display: block;
  margin-bottom: 16px;
}
select {
  width: 100%;
  height: 54px;
  line-height: 1.25;
  padding: 14px 17px;
  color: #48433f;
  border: 1px solid #3679b7;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-appearance: none;
}
select:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 5px 2px #0061ab;
  -moz-box-shadow: 0 0 5px 2px #0061ab;
  box-shadow: 0 0 5px 2px #0061ab;
}
.select-wrapper {
  position: relative;
  width: 100%;
  height: 54px;
  /* fix for IE9/IE10 */
}
.select-wrapper:before,
.select-wrapper:after {
  content: "";
  position: absolute;
  pointer-events: none;
  -ms-pointer-events: none;
  display: none\9;
}
.select-wrapper:before {
  width: 16px;
  height: 16px;
  top: 20px;
  right: 14px;
  background-image: url("/themes/racine/images/arrow-down.svg");
  background-size: 16px;
  z-index: 1;
}
.select-wrapper:after {
  right: 1px;
  top: 1px;
  width: 44px;
  height: 52px;
  background: #fff;
  z-index: 0;
}
.select-wrapper select {
  width: 100%;
}