/**
* Share css styles used by presentation pages
* such as index & about us
*/

		html { box-sizing: border-box; }
		*, *:before, *:after { box-sizing: inherit; }
	
		body {
			background-color : #ECEBEA !important;
			font-family: MyFontPart,MyFont,helvetica,sans-serif;
			font-size: 16px;
			color: #000;
			margin: 0;
		}
		
		body[template="assurpeople"] #logo {
			background-image: url('../images/logos/hp_assurpeople.png');
		}
		
		/**
		* UTILS
		*/
		
		.columns-container {
			position: relative;
			margin: 0em;
		}
		
		.left-column {}
 
		.right-column {}
		
		
		/**
		* HEADER
		*/
		
		
		header {
			background: #FFF !important;
			
		}
		
		header {
			height: 90px;
			max-width: 640px;
			margin: auto;
		}
		
		#logo {
			min-height: 60px;
			margin: auto;
			padding: 5px;
			background-repeat: no-repeat;
			background-position: center;
		}
		
		header p {
			margin: 5px 15px 0;
			font-weight: bold;
			font-style: italic;
			font-size: 1.125em;
			color: #B1B1B1;
			background-image: url('../images/car.png');
			background-repeat: no-repeat !important;
			background-position: center right !important;
		}
		
		
		
		/*
		* CONTENT
		*/
		
		#page {
			background-repeat: no-repeat !important;
			background-position: top center !important;
 			min-height: 380px;
			padding: 15px 15px 0;
			max-width: 640px !important;
			margin: auto !important;
		}
		
		
		
		#content > a.btn-section {
			background-repeat: no-repeat;
			background-position: left;
			display: block;
			text-decoration: none;
			min-height: 113px;
			margin-bottom: 20px;
/* 			display: block; */
/* 			text-decoration: none; */
/* 			color: #FFF; */
/* 			padding: 15px; */
/* 			margin: 15px 0; */
/* 			border-radius: 10px; */
/* 			-webkit-border-radius: 10px; */
/* 			-moz-border-radius: 10px; */
		}
		
/* 		#content > a.btn-section > div { */
/* 			background-image: url('../images/arrow_home.png'); */
/* 			background-repeat: no-repeat; */
/* 			background-position: center right; */
/* 		} */
		
/* 		#content > a.btn-section .left-column { */
/* 			width: 2.6em; */
/* 			position: absolute; */
/* 		} */
		
/* 		#content > a.btn-section .right-column { */
/* 			padding-left: 3.6em; */
/* 			padding-right: 1.6em; */
/* 		} */
		
/* 		#content > a.btn-section .column { */

/* 		} */
		
/* 		#content > a.btn-section .left-column > div { */
/* 			width: 100%; */
/* 			height: 74px; */
/* 			background-repeat: no-repeat; */
/* 		} */
		
/* 		#content > a.btn-section p { */
/* 		    display: table-cell; */
/* 		    height: 74px; */
/* 		    vertical-align: middle; */
/* 		    padding: 0; */
/* 		    margin: 0; */
/* 		    line-height: 1.15em; */
/* 		    font-weight: normal; */
/* 		} */
		
		.btn-quotation {
			background-color: #FA9600;
			background-image: url('../images/online.png');
/* 			background-color: #FA9600; */
		}
		
		.btn-shortcut {
			background-color: #028B67;
			background-image: url('../images/contact.png');
			/*background-color: #8E8E8E;*/ 
		}
		
		.btn-section h2 {
			font-family: MyFontPartLight,MyFontLight,helvetica,sans-serif;
			font-size: 1em;
			font-weight: normal;
			padding-left: 140px;
			padding-top: 10px;
			text-transform: uppercase;
			color: #FFF;
			margin-bottom: 10px;
			margin-top: 0;
			line-height: 1.1em;
			text-align: center;
		}
		
/* 		.btn-quotation .picto { */
/* 			background-image: url('../images/mobile.png'); */
/* 		} */
		
/* 		.btn-shortcut .picto { */
/* 			background-image: url('../images/call.png'); */
/* 		} */
		
		.btn-section .cell_footer {
			background: #ffffff;
			background-image: url('../images/arrow_home.png');
			background-repeat: no-repeat;
			background-position: right 10px center;
			opacity:0.8;
			padding: 5px 10px 5px 5px;
			margin: 10px 10px 0 60px;
			color: #000000;
			box-shadow:-4px 4px 20px 0px rgba(0,0,0,0.5);
		}

		.btn-section .cell_footer div {
				display: table-cell;
				height: 40px;
				vertical-align: middle;
		}

		.btn-section .cell_footer h3 {
			margin: 0;
			padding: 0;
			font-size: 1em;
		}
		
		.btn-section .cell_footer p {
			margin: 5px 0;
			padding: 0 20px 0 0;
		}
		
		
		/**
		* FOOTER
		*/
		
		footer {
			background: #FFF;
			text-align: center;
			height: 35px;
			margin-top: 25px;
			position: absolute;
			right: 0;
			width: 100%;
			bottom: 0px;
		}
		
		footer ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
		}

		footer li {
			margin: 0;
			padding: 0;
			float: left;
			font-size: 0.563em;
			width: 33.3%;
			background: #D1CDCB;
		}
		
		footer li {

		}
		
		footer li.active a,
		footer li:last-child a {
			border-right: 0;
		}
		
		footer li.active {
			background: #FE9C27;
			color: #FFF;
			line-height: 35px;
			font-size: 0.9em;
		}
		
		footer a {
			color: #656565 !important;
			text-decoration: none;
			display: block;
		    border-right: 1px solid #656565;
		    margin: 13px 0;
		    height: 9px;
		}
		
		footer a:hover,
		footer a:active {
			text-decoration: underline;
		}
		
		
		footer li#aboutus,
		footer li#conditions {
			text-transform: uppercase;
			font-weight: bold;
		}
		
		
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), 
 		only screen and (min-device-pixel-ratio : 1.5),
 		only screen and (min-device-width: 1536px) {
 			#logo {
				-webkit-background-size: 209px 47px;
				background-size: 209px 47px;
 			}
 		
			body[template="assurpeople"] #logo {
				background-image: url('../images/retina/logos/hp_assurpeople.png');
			}
			
			header p {
				-webkit-background-size: 40px 17px;
				background-size: 40px 17px;
				background-image: url('../images/retina/car.png');
			}
			
			.btn-quotation {
				background-image: url('../images/retina/online.png');
				-webkit-background-size: 132px 113px;
				background-size: 132px 113px;
			}
			
			
			.btn-shortcut {
				background-image: url('../images/retina/contact.png');
				-webkit-background-size: 132px 113px;
				background-size: 132px 113px;
			}
			
			.btn-section .cell_footer {
				background-image: url('../images/retina/arrow_home.png');
				background-size: 11px 22px;
				-webkit-background-size: 11px 22px;
			}
		
/* 			.yes-picto { */
/* 				background-image: url('../images/retina/yes-picto.png'); */
/* 				-webkit-background-size: 66px 39px; */
/* 				background-size: 66px 39px; */
/* 			} */

		
/* 			.btn-quotation .picto { */
/* 				background-image: url('../images/retina/mobile.png'); */
/* 				-webkit-background-size: 41px 74px; */
/* 				background-size: 41px 74px; */
/* 			} */
			
/* 			.btn-shortcut .picto { */
/* 				background-image: url('../images/retina/call.png'); */
/* 				-webkit-background-size: 41px 74px; */
/* 				background-size: 41px 74px; */
/* 			} */
}
