@charset "utf-8";
/* CSS Document */


/* TYPO PAR BALISE DE TEXTE */
	body,h1,h2,h3,h4,h5,h6,p,a,label,input,select,textarea,button	{font-family: 'Roboto', Arial, Helvetica, sans-serif;}
	
/* CLASS FONT FAMILY */
	.txt-bold		{font-weight:700;}
	.txt-demi-bold	{font-weight:600;}
	.txt-regular	{font-weight:400;}
	.txt-light		{font-weight:300;}

/* FONT SIZE */

	.txt-24	{font-size:1.5em;}		/* 24px */
	.txt-18	{font-size:1.125em;}	/* 18px */
	.txt-16	{font-size:1em;}		/* 16px */
	.txt-14	{font-size:0.875rem;}	/* 14px */
	.txt-13	{font-size:0.813em;}	/* 14px */
	.txt-12	{font-size:0.750em;}	/* 12px */
	.txt-10	{font-size:0.625em;}	/* 10px */
	.txt-9	{font-size:0.563em;}	/* 9px  */

/*  HABILLAGE TITRE  */

	.title-db-barre {
		text-align: center;
		margin: 10px;
		margin-top: 30px;
		margin-bottom: 60px;
		position: relative;
	}

	.title-db-barre::before {
		content: '';
		display: block;
		width: 90%;
		height: 1px;
		position: relative;
		margin: auto;
		top: 18px;
		background-color: rgba(34,34,39,1);
	}
	.title-db-barre::after {
		content: '';
		display: block;
		width: 100%;
		height: 1px;
		position: relative;
		margin: auto;
		top: -15px;
		background-color: rgba(34,34,39,1);

	}
	.title-db-barre span{
		line-height: 40px;
		background-color: #FFF;
		position: relative;
		z-index: 99;
		padding-left:5px;
		padding-right:5px;
	}


/*  TYPO ARTICLE, OFFRES, ACTU*/	
	.grill-960.lst-job-offers, .grill-960.page-article, .grill-960.devis-contact{
		width:-webkit-calc(100% - 20px);
		width:-moz-calc(100% - 20px);
		width:-o-calc(100% - 20px);
		width:calc(100% - 20px);
		
		padding-left:10px;
		padding-right:10px;
		
		margin: auto;
		
		overflow: hidden;
		
	}
	
	.grill-960.lst-job-offers img, .grill-960.page-article img{

		width:100%;

		margin: auto;
		margin-bottom:10px;
		margin-top:10px;
				
		height:auto;
	}
	
	
	.lst-job-offers h2, .page-article h2{
		margin-top:20px;
		margin-bottom:20px;
		
	}
	
	.page-article h2.block-bt{
		padding-top: 30px;
		border-bottom: 1px solid rgba(34,34,39,1);
    	padding-bottom: 20px;
		position:relative;
	}

	.equipe .page-article h2.block-bt,.agence .page-article h2.block-bt {
		color: #9e2d5d;
	}

	.equipe .page-article h2.block-bt span, .agence .page-article h2.block-bt span {
		color: rgba(34,34,39,1);
	}
	
	.page-article h2.txt-24 {
    	font-size: 1.3em;

	}
	
	.page-article h2.block-bt.db {
		padding-top: 0px; 
		margin-bottom:60px;
	}
	
	.page-article hr {
		
		background-color: #000;
		
		height:1px;
		border:none;
		margin-top:20px;
		margin-bottom:20px;
		clear:both;
		
	}
	.page-article h3 {
		font-weight:700;
		
		font-size:1em;
		
	}
	
	.page-article h4 {
		font-weight:700;
		font-size: 0.875em;
	}
	
	.page-article ul li {
	    font-size: 0.850em;
		padding-left: 20px;
		line-height: 30px;
		list-style-type: disc;
		list-style-position: inside;
	}
	.page-article .block-bt a.bt-return, .page-article .block-bt a.bt-goTo {
		float: right;
		line-height: 30px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		overflow: hidden;
		position: relative;
		width: 150px;
		height: 30px;
		border: solid 1px rgba(34, 34, 39,1);
		color: rgba(34, 34, 39,1);
		font-weight:400;
		font-size: 0.65em;
	}

	
	
	.page-article .block-bt a.bt-contact {
		float: right;
		line-height: 30px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		overflow: hidden;
		position: relative;
		width: 150px;
		height: 30px;
		border: solid 1px rgba(158,45,93,1);
		color: rgba(158,45,93,1);
		font-weight:400;
		font-size: 0.650em;
		
		margin-left:10px;
	}
	
	.page-article .block-bt a.bt-contact {
		width: 120px;
	}
	.page-article .block-bt a.bt-goTo {
		width: 130px;
	}

	.page-article h2.block-bt a.bt-return{
		    left: 0px;
    		top: -5px;
    		position: absolute;	
		
	}
	.page-article .block-bt a.bt-goTo{
			left: 0px;
    		    bottom: -50px;
    		position: absolute;		
		
	}
	.page-article h2.block-bt a.bt-contact{
		right: 0px;
    		    bottom: -50px;
    		position: absolute;	
		
	}
	
	
	
	
	.page-article  img.nb-coloumn-2{
		
		margin-right:30px;
		
	}
	
	
	
	
	
	
	.lst-job-offers p.block-txt-chapeau{
		margin-top:20px;
		margin-bottom:20px;
		
	}
	
	.lst-job-offers ul {
		margin-top:40px;
	}
	
	.lst-job-offers ul li a.resum-offre{
		display:block;
		
		width:-webkit-calc(100% - 20px);
		width:-moz-calc(100% - 20px);
		width:-o-calc(100% - 20px);
		width:calc(100% - 20px);
		
		height:100%;
		text-decoration:none;	
		position: relative;
    	overflow: hidden;
		color: rgba(34,34,39,1);
		padding-left:20px;
		margin-bottom:20px;
	}
	.lst-job-offers ul li a.resum-offre::before{
		content:'';
		width:5px;
		height:120px;
		background-color:rgba(158,45,93,1);
		position: absolute;
		left:0;
		top:0;
			
	}
	
	
	.lst-job-offers ul li a.resum-offre button.voir-plus {
		font-weight:400;
		background-color: transparent;
		border: solid 1px rgba(34,34,39,1);
		color: rgba(34,34,39,1);
		height: 32px;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		width: -webkit-calc(100% - 20px);
		width: -moz-calc(100% - 20px);
		width: -o-calc(100% - 20px);
		width: calc(100% - 20px);
		max-width:160px;
		line-height: 30px;
		padding: 0;
		outline: none;
		cursor: pointer;
		position: relative;
		overflow: hidden;
		float: right;
	}
	
	
	.lst-job-offers ul li a.resum-offre button.voir-plus::after,
	.page-article .block-bt a.bt-return::after,
	.page-article .block-bt a.bt-goTo::after,
	.page-article .block-bt a.bt-contact::after  {
		content: '';
		display: block;
		width: 0%;
		height: 100%;
		
		
		
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		
		position: absolute;
		top: 0%;
		left: 50%;
		background-color: rgba(34,34,39,0);
		-ms-transition: all 0.35s ease-in-out;
		-webkit-transition: all 0.35s ease-in-out;
		transition: all 0.35s ease-in-out;
	}
	
	.lst-job-offers ul li a.resum-offre:hover button.voir-plus::after,
	.lst-job-offers ul li a.resum-offre:focus button.voir-plus::after,
	.lst-job-offers ul li a.resum-offre:active button.voir-plus::after,
	.page-article .block-bt a.bt-goTo:hover::after,
	.page-article .block-bt a.bt-goTo:focus::after,
	.page-article .block-bt a.bt-goTo:active::after,
	.page-article .block-bt a.bt-return:hover::after,
	.page-article .block-bt a.bt-return:focus::after,
	.page-article .block-bt a.bt-return:active::after,
	.page-article .block-bt a.bt-contact:hover::after,
	.page-article .block-bt a.bt-contact:focus::after,
	.page-article .block-bt a.bt-contact:active::after {
		content: '';
		display: block;
		width: 110%;
		height: 110%;
		position: absolute;
		z-index:-1;
		top: 0%;
		left: 0%;
		background-color: rgba(34,34,39,1);
		color: #FFF;
	}
	.lst-job-offers ul li a.resum-offre:hover button.voir-plus,
	.lst-job-offers ul li a.resum-offre:focus button.voir-plus,
	.lst-job-offers ul li a.resum-offre:active button.voir-plus,
	.page-article .block-bt a.bt-goTo:hover,
	.page-article .block-bt a.bt-goTo:focus,
	.page-article .block-bt a.bt-goTo:active,
	.page-article .block-bt a.bt-return:hover,
	.page-article .block-bt a.bt-return:focus,
	.page-article .block-bt a.bt-return:active,
	.page-article .block-bt a.bt-contact:hover,
	.page-article .block-bt a.bt-contact:focus,
	.page-article .block-bt a.bt-contact:active {

		color: #FFF;
	}
	
	.lst-job-offers p,.lst-job-offers h3, .lst-job-offers h4 {
		
		margin-bottom:10px;	
	}
	
	
	
	
	

/* TYPO ICONE */
	@font-face {
		font-family: 'icomoon';
		src:    url('fonts/icomoon.eot?d0j366');
		src:    url('fonts/icomoon.eot?d0j366#iefix') format('embedded-opentype'),
			url('fonts/icomoon.ttf?d0j366') format('truetype'),
			url('fonts/icomoon.woff?d0j366') format('woff'),
			url('fonts/icomoon.svg?d0j366#icomoon') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	@font-face {
		font-family: 'icomoon-insta';
		src:    url('fonts/icomoon-insta.eot?d0j366');
		src:    url('fonts/icomoon-insta.eot?d0j366#iefix') format('embedded-opentype'),
			url('fonts/icomoon-insta.ttf?d0j366') format('truetype'),
			url('fonts/icomoon-insta.woff?d0j366') format('woff'),
			url('fonts/icomoon-insta.svg?d0j366#icomoon') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	[class^="icon-"], [class*=" icon-"] {
		/* use !important to prevent issues with browser extensions that change fonts */
		font-family: 'icomoon' !important;
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
	
		/* Better Font Rendering =========== */
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	[class^="icon-insta-"], [class*=" icon-insta-"] {
		/* use !important to prevent issues with browser extensions that change fonts */
		font-family: 'icomoon-insta' !important;
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
	
		/* Better Font Rendering =========== */
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

/* CLASS ICONES */
	.icon-newspaper:before {
		content: "\e904";
	}
	.icon-pencil:before {
		content: "\e905";
	}
	.icon-image:before {
		content: "\e90d";
	}
	.icon-images:before {
		content: "\e90e";
	}
	.icon-play:before {
		content: "\e912";
	}
	.icon-file-empty:before {
		content: "\e924";
	}
	.icon-files-empty:before {
		content: "\e925";
	}
	.icon-file-text2:before {
		content: "\e926";
	}
	.icon-file-zip:before {
		content: "\e92b";
	}
	.icon-copy:before {
		content: "\e92c";
	}
	.icon-stack:before {
		content: "\e92e";
	}
	.icon-folder:before {
		content: "\e92f";
	}
	.icon-folder-open:before {
		content: "\e930";
	}
	.icon-folder-plus:before {
		content: "\e931";
	}
	.icon-folder-minus:before {
		content: "\e932";
	}
	.icon-folder-download:before {
		content: "\e933";
	}
	.icon-folder-upload:before {
		content: "\e934";
	}
	.icon-price-tags:before {
		content: "\e936";
	}
	.icon-qrcode:before {
		content: "\e938";
	}
	.icon-calculator:before {
		content: "\e940";
	}
	.icon-phone:before {
		content: "\e942";
	}
	.icon-address-book:before {
		content: "\e944";
	}
	.icon-location:before {
		content: "\e947";
	}
	.icon-location2:before {
		content: "\e948";
	}
	.icon-compass:before {
		content: "\e949";
	}
	.icon-history:before {
		content: "\e94d";
	}
	.icon-clock:before {
		content: "\e94e";
	}
	.icon-calendar:before {
		content: "\e953";
	}
	.icon-printer:before {
		content: "\e954";
	}
	.icon-mobile2:before {
		content: "\e959";
	}
	.icon-tablet:before {
		content: "\e95a";
	}
	.icon-drawer:before {
		content: "\e95c";
	}
	.icon-drawer2:before {
		content: "\e95d";
	}
	.icon-box-add:before {
		content: "\e95e";
	}
	.icon-box-remove:before {
		content: "\e95f";
	}
	.icon-download:before {
		content: "\e960";
	}
	.icon-upload:before {
		content: "\e961";
	}
	.icon-undo:before {
		content: "\e965";
	}
	.icon-redo:before {
		content: "\e966";
	}
	.icon-undo2:before {
		content: "\e967";
	}
	.icon-redo2:before {
		content: "\e968";
	}
	.icon-forward:before {
		content: "\e969";
	}
	.icon-reply:before {
		content: "\e96a";
	}
	.icon-bubble:before {
		content: "\e96b";
	}
	.icon-bubbles:before {
		content: "\e96c";
	}
	.icon-bubbles2:before {
		content: "\e96d";
	}
	.icon-user:before {
		content: "\e971";
	}
	.icon-users:before {
		content: "\e972";
	}
	.icon-user-plus:before {
		content: "\e973";
	}
	.icon-user-minus:before {
		content: "\e974";
	}
	.icon-user-check:before {
		content: "\e975";
	}
	.icon-user-tie:before {
		content: "\e976";
	}
	.icon-spinner11:before {
		content: "\e984";
	}
	.icon-search:before {
		content: "\e986";
	}
	.icon-enlarge:before {
		content: "\e989";
	}
	.icon-shrink:before {
		content: "\e98a";
	}
	.icon-enlarge2:before {
		content: "\e98b";
	}
	.icon-shrink2:before {
		content: "\e98c";
	}
	.icon-lock:before {
		content: "\e98f";
	}
	.icon-unlocked:before {
		content: "\e990";
	}
	.icon-cog:before {
		content: "\e994";
	}
	.icon-cogs:before {
		content: "\e995";
	}
	.icon-gift:before {
		content: "\e99f";
	}
	.icon-bin:before {
		content: "\e9ac";
	}
	.icon-switch:before {
		content: "\e9b6";
	}
	.icon-clipboard:before {
		content: "\e9b8";
	}
	.icon-menu:before {
		content: "\e9bd";
	}
	.icon-menu2:before {
		content: "\e9be";
	}
	.icon-menu3:before {
		content: "\e9bf";
	}
	.icon-menu4:before {
		content: "\e9c0";
	}
	.icon-link:before {
		content: "\e9cb";
	}
	.icon-attachment:before {
		content: "\e9cd";
	}
	.icon-bookmark:before {
		content: "\e9d2";
	}
	.icon-bookmarks:before {
		content: "\e9d3";
	}
	.icon-baffled2:before {
		content: "\e9f4";
	}
	.icon-warning:before {
		content: "\ea07";
	}
	.icon-notification:before {
		content: "\ea08";
	}
	.icon-question:before {
		content: "\ea09";
	}
	.icon-plus:before {
		content: "\ea0a";
	}
	.icon-minus:before {
		content: "\ea0b";
	}
	.icon-info:before {
		content: "\ea0c";
	}
	.icon-cross:before {
		content: "\ea0f";
	}
	.icon-checkmark:before {
		content: "\ea10";
	}
	.icon-checkmark2:before {
		content: "\ea11";
	}
	.icon-enter:before {
		content: "\ea13";
	}
	.icon-exit:before {
		content: "\ea14";
	}
	.icon-play3:before {
		content: "\ea1c";
	}
	.icon-pause2:before {
		content: "\ea1d";
	}
	.icon-stop2:before {
		content: "\ea1e";
	}
	.icon-backward2:before {
		content: "\ea1f";
	}
	.icon-forward3:before {
		content: "\ea20";
	}
	.icon-first:before {
		content: "\ea21";
	}
	.icon-last:before {
		content: "\ea22";
	}
	.icon-previous2:before {
		content: "\ea23";
	}
	.icon-next2:before {
		content: "\ea24";
	}
	.icon-eject:before {
		content: "\ea25";
	}
	.icon-volume-high:before {
		content: "\ea26";
	}
	.icon-volume-medium:before {
		content: "\ea27";
	}
	.icon-volume-low:before {
		content: "\ea28";
	}
	.icon-volume-mute:before {
		content: "\ea29";
	}
	.icon-volume-mute2:before {
		content: "\ea2a";
	}
	.icon-volume-increase:before {
		content: "\ea2b";
	}
	.icon-volume-decrease:before {
		content: "\ea2c";
	}
	.icon-loop:before {
		content: "\ea2d";
	}
	.icon-loop2:before {
		content: "\ea2e";
	}
	.icon-infinite:before {
		content: "\ea2f";
	}
	.icon-shuffle:before {
		content: "\ea30";
	}
	.icon-circle-left:before {
		content: "\ea44";
	}
	.icon-move-up:before {
		content: "\ea46";
	}
	.icon-move-down:before {
		content: "\ea47";
	}
	.icon-sort-alpha-asc:before {
		content: "\ea48";
	}
	.icon-sort-alpha-desc:before {
		content: "\ea49";
	}
	.icon-sort-numeric-asc:before {
		content: "\ea4a";
	}
	.icon-sort-numberic-desc:before {
		content: "\ea4b";
	}
	.icon-checkbox-checked:before {
		content: "\ea52";
	}
	.icon-checkbox-unchecked:before {
		content: "\ea53";
	}
	.icon-radio-checked:before {
		content: "\ea54";
	}
	.icon-radio-checked2:before {
		content: "\ea55";
	}
	.icon-radio-unchecked:before {
		content: "\ea56";
	}
	.icon-google-plus:before {
		content: "\ea8b";
	}
	.icon-facebook:before {
		content: "\ea90";
	}
	.icon-twitter:before {
		content: "\ea96";
	}
	.icon-insta-instagram:before {
	  content: "\ea92";
	}
	.icon-youtube:before {
		content: "\ea9d";
	}
	.icon-flickr2:before {
		content: "\eaa4";
	}
	.icon-linkedin2:before {
		content: "\eaca";
	}
	.icon-coeur-plein .path1:before {
		content: "\e913";
		    color: rgba(158,45,93,0.8);
	}
	.icon-coeur-plein .path2:before {
		content: "\e914";
		margin-left: -1em;
		color: rgb(255, 255, 255);
	}
	.icon-enveloppe:before {
		content: "\e900";
	}
	.icon-imprimante:before {
		content: "\e901";
	}
	.icon-arrow-down:before {
		content: "\e902";
	}
	.icon-arrow-left:before {
		content: "\e903";
	}
	.icon-arrow-right:before {
		content: "\e906";
	}
	.icon-arrow-up:before {
		content: "\e907";
	}
	.icon-calendrier:before {
		content: "\e908";
	}
	.icon-coeur:before {
		content: "\e909";
	}
	.icon-corner-top-left:before {
		content: "\e90a";
	}
	.icon-corner-top-right:before {
		content: "\e90b";
	}
	.icon-cross2:before {
		content: "\e90c";
	}
	.icon-effacer:before {
		content: "\e90f";
	}
	.icon-loupe:before {
		content: "\e910";
	}
	.icon-trombone:before {
		content: "\e911";
	}
	
@media screen and (min-width: 350px) {		


	
}	
@media screen and (min-width: 468px) {	

	.page-article h2.block-bt.db {
		
		margin-bottom:20px;
	}
	.page-article h2.block-bt{
		padding-top: 0px;
	}
	.page-article h2.block-bt a.bt-return, .page-article h2.block-bt a.bt-contact, .page-article h2.block-bt a.bt-goTo{
		    left: auto;
			right: auto;
			top: auto;
			bottom:auto;
			position: relative;	
		
	}

	
}
@media screen and (min-width: 768px) {	

.page-article h2.txt-24 {
    	font-size: 1.5em;

	}


	.title-db-barre::before {
		content: '';
		display: block;
		width: 70%;
		height: 1px;
		position: relative;
		margin: auto;
		top: 18px;
		background-color: rgba(34,34,39,1);
	}
	
	

	.grill-960.lst-job-offers img, .grill-960.page-article img{

		width:-webkit-calc(50% - 15px);
		width:-moz-calc(50% - 15px);
		width:-o-calc(50% - 15px);
		width:calc(50% - 15px);

		margin: auto;
		
	}	
	.grill-960.page-article img.nb-coloumn-2 {
		margin-right: 30px;
	}
	
	
	.page-article .block-bt a.bt-return,.page-article .block-bt a.bt-goTo,.page-article .block-bt a.bt-contact {

		font-size: 0.542em;
	}
	
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
	.grill-960.lst-job-offers img, .grill-960.page-article img{

		width:auto;

		margin: auto;
		
	}
	
	.grill-960.lst-job-offers, .grill-960.page-article{

		width:100%;
		
		padding-left:0px;
		padding-right:0px;
		
		margin: auto;
		
	}
	
	/*  HABILLAGE TITRE  */
	.title-db-barre{
		text-align: center;
		margin: 0px;
		margin-top: 30px;
		margin-bottom: 60px;
		position:relative;
	}
}