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

/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 1024px) {

		html {
			margin-left: 0px;
			margin-right: 0px;
		}
		body {
			width: 100%;
		}
		header {
			margin-left: 0px;
			margin-right: 0px;
			background-image: url(../images/img-trim.jpg);
			background-repeat: repeat-x;
		}
		.tight {
			margin: 0px;
			padding: 0px;
		}
		.fullwidth {
			width: 99%;
			margin-left: 0px;
			margin-right: 0px;
		}
		.shadowdrop {
			-webkit-box-shadow: 3px 3px 3px rgba(64,64,64,1.00);
			box-shadow: 3px 3px 3px rgba(64,64,64,1.00);
			height: auto;
		}
		
		/* HEADER SECTION */
		.headerbox {
			height: 140px;
			margin: 0px;
			padding: 0px;
			background-color: rgba(0,49,86,1.00);
			border-bottom: 40px solid rgba(0,67,120,1.00);
		}
		.logo {
			float: left;
			height: auto;
			width: 21%;
			text-align: left;
			z-index: 10;
			position: relative;
		}
		
		#screen {
			display: block;
		}
		
		#mobile {
			display: none;
		}
		
		#carousel {
			display: none;
		}
		
		/* MAIN SECTION */
		.main-content {
			background-color: rgba(255,255,255,1.0);
			height: auto;
			min-height: 547px;
			width: 95%;
			z-index: 0;
			margin-top: 0px;
			margin-right: 0px;
			margin-left: 23px;
			margin-bottom: 0px;
			padding-top: 0px;
			padding-right: 0px;
			padding-left: 0px;
			padding-bottom: 0px;
			background-image: none;
			background-repeat: no-repeat;
			background-position: center top;
		}
		
		/* flexslider */
		.flexslider {
			background: rgba(255,255,255,0.0);
			position: relative;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			-o-border-radius: 4px;
			border-radius: 4px;
			-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
			-moz-box-shadow: 0 1px 4px rgba(0,0,0,0);
			-o-box-shadow: 0 1px 4px rgba(0,0,0,0);
			box-shadow: 0 1px 4px rgba(0,0,0,0);
			zoom: 1;
			margin-bottom: 35px;
			margin-left: 0;
			margin-right: 0;
			margin-top: 0;
		}

		/* SERVICES */
		.main-content #service-section {
			padding: 0px 50px 15px 25px;
			width: 92%;
				}
				.main-content #service-section .service-grid {
			padding: 15px;
			float: left;
			width: 28.35%;
		}
		
		/* HISTORIQUE */
		/* FOOTER SECTION */
		
		

	}
	
/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {

		html {
			margin-left: 0px;
			margin-right: 0px;
		}
		
		body {
			width: 100%;
		}
		
		header {
			margin-left: 0px;
			margin-right: 0px;
			background-image: url(../images/img-trim.jpg);
			background-repeat: repeat-x;
		}
		
		.tight {
			margin: 0px;
			padding: 0px;
		}
		
		.fullwidth {
			width: 100%;
			margin-left: 0px;
			margin-right: 0px;
		}
		
		.shadowdrop {
			-webkit-box-shadow: 3px 3px 3px rgba(64,64,64,1.00);
			box-shadow: 3px 3px 3px rgba(64,64,64,1.00);
			height: auto;
		}
		
		/* HEADER SECTION */
		
		.headerbox {
			height: 140px;
			margin: 0px;
			padding: 0px;
			background-color: rgba(0,49,86,1.00);
			border-bottom: 40px solid rgba(0,67,120,1.00);
		}
		
		.logo {
			float: left;
			height: auto;
			width: 8%;
			text-align: left;
			z-index: 10;
			position: relative;
		}
		
		.logo img {
			width: 80px;
			height: auto;
		}
		
		#screen {
			display: block;
		}
		
		#mobile {
			display: none;
		}
		
		#carousel {
			display: none;
		}
		
		.menu {
			display: block;
			z-index: 0;
			position: relative;
			width: 90%;
			float: left;
		}
		
		.menu ul {
			width: 100%;
			margin: 0px;
			padding: 0px 0px 0px 0px;
			margin-top: 140px;
			height: 48px;
		}
		
		.menu ul li {
			float: left;
			padding: 12px 0px 11.5px 0px;
			list-style-image: url(../images/list-off.png);
			list-style-position: inside;
			width: 19%;
			text-align: center;
			font-size: 1.15em;
			margin-right: 2px;
		}
		
		.menu ul li:hover, .menu ul li.active {
			float: left;
			list-style-image: url(../images/list-on.png);
			list-style-position: inside;
			background-color: rgba(205,205,205,0.55);
			-webkit-transition: all 0.4s ease-in-out;
			-moz-transition: all 0.4s ease-in-out;
			-o-transition: all 0.4s ease-in-out;
			-ms-transition: all 0.4s ease-in-out;
			transition: all 0.4s ease-in-out;
			text-shadow: 1px 1px 1px rgba(0,0,0,0.62);
		}
		
		.menu ul li a {
			font-family: 'Archivo Narrow', sans-serif;
			font-weight: 400;
			color: rgba(255,255,255,1.0);
			text-decoration: none;
			width: auto;
		}
		
		.menu ul li a:hover .menu ul li a.active {
			color: rgba(255,255,255,0.95);
			text-decoration: none;
			-webkit-transition: all 0.8s ease-in-out;
			-moz-transition: all 0.8s ease-in-out;
			-o-transition: all 0.8s ease-in-out;
			-ms-transition: all 0.8s ease-in-out;
			transition: all 0.8s ease-in-out;
			text-shadow: 1px 1px 1px rgba(0,0,0,1.00);
		}
		
		.menu ul .phone {
			font-family: 'Roboto Condensed', sans-serif;
			font-size: 1.45em;
			font-weight: 400;
			text-align: right;
			color: rgba(255,255,255,1.0);
			text-decoration: none;
			float: right;
			padding: 12px 0px 0px 0px;
			margin-left: 10px;
		}
		
		.menu ul .phone span {
			color: rgba(112,177,215,1.00);
			margin: 0px 3px 0px 5px;
		}
		
		/* MAIN SECTION */
		
		.main-content {
			background-color: rgba(255,255,255,1.0);
			height: auto;
			min-height: 500px;
			z-index: 0;
			margin: 0px 0px 0px 0px;
			padding-top: 57px;
			padding-right: 12px;
			padding-left: 12px;
			padding-bottom: 5px;
			background-image: url(../images/img-bkg-temp.jpg);
			background-repeat: no-repeat;
			background-position: center top;
		}
		
		/* SERVICES */
		
		.main-content #service-section {
			padding: 0px 50px 15px 50px;
			width: 95%;
		}
		
		.main-content #service-section .service-grid {
			padding: 15px;
			float: left;
			width: 30%;
		}
		
		.main-content #service-section .service-grid .service-box {
			background-color: rgba(255,255,255,1.0);
			padding: 5px;
			width: 100%;
			height: 280px;
			-webkit-box-shadow: 3px 3px 6px rgba(0,0,0,0.67);
			box-shadow: 3px 3px 6px rgba(0,0,0,0.67);
		}
		
		.main-content #service-section .service-grid .service-box p {
			color: rgba(70,141,192,1.00);
			font-family: 'Archivo Narrow', sans-serif;
			font-size: 2em;
			margin-left: 5px;
			line-height: 0em;
			font-weight: 400;
			text-decoration: none;
		}
		
		.main-content #service-section .service-grid .service-box p span {
			color: rgba(74,74,74,1.00);
			font-size: 0.6em;
			line-height: 3em;
		}
		
		.main-content #service-section .service-grid .service-box img {
			width: 100%;
			height: auto;
		}
		
		.main-content #service-section .service-grid .service-box img:hover {
			opacity: 0.65;
			-webkit-transition: all 0.4s ease-in-out;
			-moz-transition: all 0.4s ease-in-out;
			-o-transition: all 0.4s ease-in-out;
			-ms-transition: all 0.4s ease-in-out;
			transition: all 0.4s ease-in-out;
		}
		
		/* HISTORIQUE */
		
		.main-content #historique-section .historique-text {
			color: rgba(30,30,30,0.8);
			text-align: justify;
			font-family: 'Archivo Narrow', sans-serif;
			font-size: 1.2em;
			font-weight: 400;
			background-color: rgba(255,255,255,0.5);
			padding: 15px;
			float: left;
			width: 60%;
		}
		
		.main-content #historique-section .historique-text p.title {
			font-family: 'Great Vibes', cursive;
			font-size: 2em;
			color: rgba(0,69,120,1.00);
		}
		
		.main-content #historique-section .historique-grid .picture-box {
			background-color: rgba(255,255,255,1.0);
			padding: 5px;
			width: 30%;
			float: right;
			height: auto;
			-webkit-box-shadow: 3px 3px 6px rgba(0,0,0,0.67);
			box-shadow: 3px 3px 6px rgba(0,0,0,0.67);
			margin-bottom: 25px;
		}
		
		.main-content #historique-section .historique-grid .picture-box p {
			color: rgba(70,141,192,1.00);
			font-family: 'Archivo Narrow', sans-serif;
			font-size: 2em;
			margin-left: 5px;
			line-height: 0em;
			font-weight: 400;
			text-decoration: none;
		}
		
		.main-content #historique-section .historique-grid .picture-box p span {
			color: rgba(74,74,74,1.00);
			font-size: 0.6em;
			line-height: 3em;
		}
		
		.main-content #historique-section .historique-grid .picture-box img {
			width: 100%;
			height: auto;
		}
		
		.main-content #historique-section .historique-grid .picture-box img:hover {
			opacity: 0.65;
			-webkit-transition: all 0.4s ease-in-out;
			-moz-transition: all 0.4s ease-in-out;
			-o-transition: all 0.4s ease-in-out;
			-ms-transition: all 0.4s ease-in-out;
			transition: all 0.4s ease-in-out;
		}
		
		/* FOOTER SECTION */
		
		footer {
			height: auto;
			width: 100%;
			position: relative;
			float: left;
			border-top: 4px solid rgba(125,175,211,1.00);
			background-color: rgba(0,49,86,1.00);
		}
		
		.footerbox {
			z-index: 6;
			position: relative;
			height: 200px;
			width: 99.5%;
			margin: 0px;
			padding: 0px;
			padding: 12px 12px;
			float: left;
			border-bottom-left-radius: 18px;
			border-bottom-right-radius: 18px;
		}
		
		.footerbox ul {
			padding: 0px;
			margin: 0px;
		}
		
		.footerbox ul li {
			color: rgba(255,255,255,0.8);
			list-style: none;
			list-style-position: inside;
			font-family: 'Archivo Narrow', sans-serif;
			font-size: 1.2em;
			line-height: 1.4em;
			font-weight: 400;
		}
		
		.footerbox ul li.title {
			color: rgba(255,255,255,1.0);
			font-size: 1.6em;
			font-weight: 700;
			margin-bottom: 6px;
			margin-top: 16px;
		}
		
		.footerbox ul li.phone, .footerbox ul li a.phone {
			font-family: 'Roboto Condensed', sans-serif;
			color: rgba(255,255,255,1.0);
			font-size: 1.4em;
			font-weight: 400;
			line-height: 1.7em;
			margin-bottom: 6px;
			text-decoration: none;
		}
		
		.footerbox ul li.phone span, .footerbox ul li a.phone span {
			color: rgba(125,175,211,1.00);
			font-size: 0.9em;
			font-weight: 400;
		}
		
		.footerbox .box {
			width: 90%;
			padding-top: 0px;
			padding-right: 20px;
			padding-left: 20px;
			padding-bottom: 20px;
			background-color: rgba(255,255,255,0.1);
			height: 100%;
			border-top-left-radius: 18px;
			border-top-right-radius: 18px;
		}
		
		.footerbox .box p {
			color: rgba(255,255,255,0.9);
			font-size: 1.23em;
			line-height: 1.7em;
			list-style: square;
			list-style-position: inside;
			font-family: 'Archivo Narrow', sans-serif;
			font-weight: 700;
		}
		
		.footerbox .box ul {
			padding: 0px;
			margin: 0px;
		}
		
		.footerbox .box ul li {
			color: rgba(177,177,177,0.9);
			font-size: 1.18em;
			line-height: 1.7em;
			list-style: square;
			list-style-position: inside;
			font-family: 'Archivo Narrow', sans-serif;
			font-weight: 400;
		}
		
		.footerbox .box ul li a {
			color: rgba(177,177,177,1.00);
			font-size: 1em;
			text-decoration: none;
			font-family: 'Archivo Narrow', sans-serif;
			font-weight: 400;
		}
		
		.footerbox .box ul li a:hover {
			color: rgba(225,225,225,1.00);
			text-decoration: underline;
			-webkit-transition: all 0.4s ease-in-out;
			-moz-transition: all 0.4s ease-in-out;
			-o-transition: all 0.4s ease-in-out;
			-ms-transition: all 0.4s ease-in-out;
			transition: all 0.4s ease-in-out;
		}
		
		.footerbox .last-child {
			border-right: 0px solid rgba(255,255,255,0.0);
		}

	}
	
/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 481px) and (max-width: 767px) {

		html {
			margin-left: 0px;
			margin-right: 0px;
		}
		
		body {
			width: 100%;
		}
		
		header {
			margin-left: 0px;
			margin-right: 0px;
			height: 125px;
			background-image: none;
			background-repeat: repeat-x;
			background-color: rgba(0,49,86,1.00);
			border-bottom: 10px solid rgba(0,67,120,1.00);
		}
		
		.tight {
			margin: 0px;
			padding: 0px;
		}
		
		.fullwidth {
			width: 100%;
			margin-left: 0px;
			margin-right: 0px;
		}
		
		.shadowdrop {
			-webkit-box-shadow: 3px 3px 3px rgba(64,64,64,1.00);
			box-shadow: 3px 3px 3px rgba(64,64,64,1.00);
			height: auto;
		}
		
		/* HEADER SECTION */
		
		.headerbox {
			height: 140px;
			margin: 0px;
			padding: 0px;
			background-color: rgba(0,49,86,1.00);
			border-bottom: 40px solid rgba(0,67,120,1.00);
		}
		
		.logo {
			float: left;
			height: auto;
			width: 100%;
			text-align: center;
			z-index: 10;
			position: relative;
		}
		
		#screen {
			display: none;
		}
		
		#mobile {
			display: block;
		}
		
		#slides {
			display: block;
		}
		
		#carousel {
			display: none;
		}
		
		.menu {
			display: block;
			z-index: 0;
			position: relative;
			width: 100%;
			float: left;
			margin: 0px;
		}
		
		.menu ul {
			width: 100%;
			margin: 10px 0px 0px -10px;
			padding: 0px 0px 0px 0px;
			background-color: rgba(0,67,120,1.00);
			height: 58px;
			border-left: 10px solid rgba(0,67,120,1.00);
			border-right: 10px solid rgba(0,67,120,1.00);
		}
		
		.menu ul li {
			float: left;
			padding: 19px 0px 0px 0px;
			list-style-image: none;
			width: 25%;
			text-align: center;
			font-size: 1.35em;
			margin-right: 0px;
			margin: 0px;
			background-color: rgba(0,67,120,1.00);
			height: 39px;
		}
		
		.menu ul li:hover, .menu ul li.active {
			list-style-image: none;
			background-color: rgba(205,205,205,0.55);
			-webkit-transition: all 0.2s ease-in-out;
			-moz-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			-ms-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
			text-shadow: 1px 1px 1px rgba(0,0,0,0.62);
		}
		
		.menu ul li a {
			font-family: 'Archivo Narrow', sans-serif;
			font-weight: 400;
			color: rgba(255,255,255,1.0);
			text-decoration: none;
			width: 100%;
			float: left;
		}
		
		.menu ul li a:hover .menu ul li a.active {
			color: rgba(255,255,255,0.95);
			text-decoration: none;
			-webkit-transition: all 0.8s ease-in-out;
			-moz-transition: all 0.8s ease-in-out;
			-o-transition: all 0.8s ease-in-out;
			-ms-transition: all 0.8s ease-in-out;
			transition: all 0.8s ease-in-out;
			text-shadow: 1px 1px 1px rgba(0,0,0,1.00);
		}
		
		.menu ul .phone {
			font-family: 'Roboto Condensed', sans-serif;
			font-size: 1.85em;
			font-weight: 400;
			text-align: center;
			color: rgba(0,49,86,1.00);
			text-decoration: none;
			float: right;
			padding: 12px 0px 0px 0px;
			margin-left: 10px;
		}
		
		.menu ul .phone span {
			color: rgba(112,177,215,1.00);
			margin: 0px 3px 0px 5px;
		}
		
		/* MAIN SECTION */
		
		.main-content {
			background-color: rgba(255,255,255,1.0);
			height: auto;
			min-height: 200px;
			z-index: 0;
			margin: 0px 0px 0px 0px;
			padding-top: 57px;
			padding-right: 12px;
			padding-left: 12px;
			padding-bottom: 5px;
			background-image: url(../images/img-bkg-temp.jpg);
			background-repeat: no-repeat;
			background-position: center top;
		}
		
		/* SERVICES */
		
		.main-content #service-section {
			padding: 0px 50px 15px 50px;
			width: 95%;
		}
		
		.main-content #service-section .service-grid {
			padding: 15px;
			float: left;
			width: 30%;
		}
		
		.main-content #service-section .service-grid .service-box {
			background-color: rgba(255,255,255,1.0);
			padding: 5px;
			width: 100%;
			height: 280px;
			-webkit-box-shadow: 3px 3px 6px rgba(0,0,0,0.67);
			box-shadow: 3px 3px 6px rgba(0,0,0,0.67);
		}
		
		.main-content #service-section .service-grid .service-box p {
			color: rgba(70,141,192,1.00);
			font-family: 'Archivo Narrow', sans-serif;
			font-size: 2em;
			margin-left: 5px;
			line-height: 0em;
			font-weight: 400;
			text-decoration: none;
		}
		
		.main-content #service-section .service-grid .service-box p span {
			color: rgba(74,74,74,1.00);
			font-size: 0.6em;
			line-height: 3em;
		}
		
		.main-content #service-section .service-grid .service-box img {
			width: 100%;
			height: auto;
		}
		
		.main-content #service-section .service-grid .service-box img:hover {
			opacity: 0.65;
			-webkit-transition: all 0.4s ease-in-out;
			-moz-transition: all 0.4s ease-in-out;
			-o-transition: all 0.4s ease-in-out;
			-ms-transition: all 0.4s ease-in-out;
			transition: all 0.4s ease-in-out;
		}
		
		/* HISTORIQUE */
		
		.main-content #historique-section .historique-text {
			color: rgba(30,30,30,0.8);
			text-align: justify;
			font-family: 'Archivo Narrow', sans-serif;
			font-size: 1.2em;
			font-weight: 400;
			background-color: rgba(255,255,255,0.5);
			padding: 15px;
			float: left;
			width: 60%;
		}
		
		.main-content #historique-section .historique-text p.title {
			font-family: 'Great Vibes', cursive;
			font-size: 2em;
			color: rgba(0,69,120,1.00);
		}
		
		.main-content #historique-section .historique-grid .picture-box {
			background-color: rgba(255,255,255,1.0);
			padding: 5px;
			width: 30%;
			float: right;
			height: auto;
			-webkit-box-shadow: 3px 3px 6px rgba(0,0,0,0.67);
			box-shadow: 3px 3px 6px rgba(0,0,0,0.67);
			margin-bottom: 25px;
		}
		
		.main-content #historique-section .historique-grid .picture-box p {
			color: rgba(70,141,192,1.00);
			font-family: 'Archivo Narrow', sans-serif;
			font-size: 2em;
			margin-left: 5px;
			line-height: 0em;
			font-weight: 400;
			text-decoration: none;
		}
		
		.main-content #historique-section .historique-grid .picture-box p span {
			color: rgba(74,74,74,1.00);
			font-size: 0.6em;
			line-height: 3em;
		}
		
		.main-content #historique-section .historique-grid .picture-box img {
			width: 100%;
			height: auto;
		}
		
		.main-content #historique-section .historique-grid .picture-box img:hover {
			opacity: 0.65;
			-webkit-transition: all 0.4s ease-in-out;
			-moz-transition: all 0.4s ease-in-out;
			-o-transition: all 0.4s ease-in-out;
			-ms-transition: all 0.4s ease-in-out;
			transition: all 0.4s ease-in-out;
		}
		
		/* FOOTER SECTION */
		
		footer {
			height: auto;
			width: 100%;
			position: relative;
			float: left;
			border-top: 4px solid rgba(125,175,211,1.00);
			background-color: rgba(0,49,86,1.00);
		}
		
		.footerbox {
			z-index: 6;
			position: relative;
			height: 200px;
			width: 99.5%;
			margin: 0px;
			padding: 0px;
			padding: 12px 12px;
			float: left;
			border-bottom-left-radius: 18px;
			border-bottom-right-radius: 18px;
		}
		
		.footerbox ul {
			padding: 0px;
			margin: 0px;
		}
		
		.footerbox ul li {
			color: rgba(255,255,255,0.8);
			list-style: none;
			list-style-position: inside;
			font-family: 'Archivo Narrow', sans-serif;
			font-size: 1.2em;
			line-height: 1.4em;
			font-weight: 400;
		}
		
		.footerbox ul li.title {
			color: rgba(255,255,255,1.0);
			font-size: 1.6em;
			font-weight: 700;
			margin-bottom: 6px;
			margin-top: 16px;
		}
		
		.footerbox ul li.phone, .footerbox ul li a.phone {
			font-family: 'Roboto Condensed', sans-serif;
			color: rgba(255,255,255,1.0);
			font-size: 1.4em;
			font-weight: 400;
			line-height: 1.7em;
			margin-bottom: 6px;
			text-decoration: none;
		}
		
		.footerbox ul li.phone span, .footerbox ul li a.phone span {
			color: rgba(125,175,211,1.00);
			font-size: 0.9em;
			font-weight: 400;
		}
		
		.footerbox .box {
			width: 90%;
			padding-top: 0px;
			padding-right: 20px;
			padding-left: 20px;
			padding-bottom: 20px;
			background-color: rgba(255,255,255,0.1);
			height: 100%;
			border-top-left-radius: 18px;
			border-top-right-radius: 18px;
		}
		
		.footerbox .box p {
			color: rgba(255,255,255,0.9);
			font-size: 1.23em;
			line-height: 1.7em;
			list-style: square;
			list-style-position: inside;
			font-family: 'Archivo Narrow', sans-serif;
			font-weight: 700;
		}
		
		.footerbox .box ul {
			padding: 0px;
			margin: 0px;
		}
		
		.footerbox .box ul li {
			color: rgba(177,177,177,0.9);
			font-size: 1.18em;
			line-height: 1.7em;
			list-style: square;
			list-style-position: inside;
			font-family: 'Archivo Narrow', sans-serif;
			font-weight: 400;
		}
		
		.footerbox .box ul li a {
			color: rgba(177,177,177,1.00);
			font-size: 1em;
			text-decoration: none;
			font-family: 'Archivo Narrow', sans-serif;
			font-weight: 400;
		}
		
		.footerbox .box ul li a:hover {
			color: rgba(225,225,225,1.00);
			text-decoration: underline;
			-webkit-transition: all 0.4s ease-in-out;
			-moz-transition: all 0.4s ease-in-out;
			-o-transition: all 0.4s ease-in-out;
			-ms-transition: all 0.4s ease-in-out;
			transition: all 0.4s ease-in-out;
		}
		
		.footerbox .last-child {
			border-right: 0px solid rgba(255,255,255,0.0);
		}

	}
	
/* #Mobile (portrait)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (max-width: 480px) {

		html {
			margin-left: 0px;
			margin-right: 0px;
		}
		
		body {
			background-color: rgba(0,49,86,1.00);
			width: 100%;
		}
		
		header {
			margin-left: 0px;
			margin-right: 0px;
			background-image: none;
			background-repeat: repeat-x;
		}
		
		.tight {
			margin: 0px;
			padding: 0px;
		}
		
		.fullwidth {
			width: 100%;
			margin-left: 0px;
			margin-right: 0px;
		}
		
		.shadowdrop {
			-webkit-box-shadow: 3px 3px 3px rgba(64,64,64,1.00);
			box-shadow: 3px 3px 3px rgba(64,64,64,1.00);
			height: auto;
		}
		
		/* HEADER SECTION */
		
		.headerbox {
			height: 140px;
			margin: 0px;
			padding: 0px;
			background-color: rgba(0,49,86,1.00);
			border-bottom: 40px solid rgba(0,67,120,1.00);
		}
		
		.logo {
			float: left;
			height: auto;
			width: 100%;
			text-align: center;
			z-index: 10;
			position: relative;
		}
		
		#screen {
			display: none;
		}
		
		#mobile {
			display: block;
		}
		
		#slides {
			display: block;
		}
		
		#carousel {
			display: none;
		}
		
		.container {
			margin: 0px;
			padding: 0px;
		}
		
		.menu {
			display: block;
			z-index: 0;
			position: relative;
			width: 100%;
			float: left;
			margin: 0px;
		}
		
		.menu ul {
			width: 108%;
			margin-top: -12px;
			margin-right: 0px;
			margin-left: -12px;
			margin-bottom: 0px;
			padding: 0px 0px 0px 0px;
			margin-top: 0px;
			height: 50px;
			background-color: rgba(0,98,163,1.00);
		}
		
		.menu ul li {
			float: left;
			padding: 16px 0px 15px 0px;
			list-style-image: none;
			list-style-position: inside;
			width: 24.3%;
			text-align: center;
			font-size: 1.03em;
			margin-right: 2px;
			vertical-align: central;
		}
		
		.menu ul li:hover, .menu ul li.active {
			float: left;
			list-style-image: none;
			list-style-position: inside;
			background-color: rgba(205,205,205,0.55);
			-webkit-transition: all 0.4s ease-in-out;
			-moz-transition: all 0.4s ease-in-out;
			-o-transition: all 0.4s ease-in-out;
			-ms-transition: all 0.4s ease-in-out;
			transition: all 0.4s ease-in-out;
			text-shadow: 1px 1px 1px rgba(0,0,0,0.62);
		}
		
		.menu ul li a {
			font-family: 'Archivo Narrow', sans-serif;
			font-weight: 400;
			color: rgba(255,255,255,1.0);
			text-decoration: none;
			width: auto;
		}
		
		.menu ul li a:hover .menu ul li a.active {
			color: rgba(255,255,255,0.95);
			text-decoration: none;
			-webkit-transition: all 0.8s ease-in-out;
			-moz-transition: all 0.8s ease-in-out;
			-o-transition: all 0.8s ease-in-out;
			-ms-transition: all 0.8s ease-in-out;
			transition: all 0.8s ease-in-out;
			text-shadow: 1px 1px 1px rgba(0,0,0,1.00);
		}
		
		.menu ul .phone {
			font-family: 'Roboto Condensed', sans-serif;
			font-size: 1.85em;
			font-weight: 400;
			text-align: center;
			color: rgba(255,255,255,1.0);
			text-decoration: none;
			float: left;
			padding: 15px 0px 0px 0px;
			margin-left: 0px;
			width: 100%;
		}
		
		.menu ul .phone span {
			color: rgba(112,177,215,1.00);
			margin: 0px 3px 0px 5px;
		}
		
		/* MAIN SECTION */
		
		.main-content {
			background-color: rgba(255,255,255,1.0);
			height: auto;
			min-height: 215px;
			z-index: 0;
			margin: 0px 0px 0px 0px;
			padding-top: 14px;
			padding-right: 12px;
			padding-left: 12px;
			padding-bottom: 5px;
			background-image: url(../images/img-bkg-temp.jpg);
			background-repeat: no-repeat;
			background-position: center top;
		}
		
		.flexslider {
			background: rgba(255,255,255,0.0);
			position: relative;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			-o-border-radius: 4px;
			border-radius: 4px;
			-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
			-moz-box-shadow: 0 1px 4px rgba(0,0,0,0);
			-o-box-shadow: 0 1px 4px rgba(0,0,0,0);
			box-shadow: 0 1px 4px rgba(0,0,0,0);
			zoom: 1;
			margin-bottom: 15px;
			margin-left: 0;
			margin-right: 0;
			margin-top: 0;
		}

		/* SERVICES */
		
		.main-content #service-section {
			padding: 0px 50px 15px 50px;
			width: 95%;
		}
		
		.main-content #service-section .service-grid {
			padding: 15px;
			float: left;
			width: 30%;
		}
		
		.main-content #service-section .service-grid .service-box {
			background-color: rgba(255,255,255,1.0);
			padding: 5px;
			width: 100%;
			height: 280px;
			-webkit-box-shadow: 3px 3px 6px rgba(0,0,0,0.67);
			box-shadow: 3px 3px 6px rgba(0,0,0,0.67);
		}
		
		.main-content #service-section .service-grid .service-box p {
			color: rgba(70,141,192,1.00);
			font-family: 'Archivo Narrow', sans-serif;
			font-size: 2em;
			margin-left: 5px;
			line-height: 0em;
			font-weight: 400;
			text-decoration: none;
		}
		
		.main-content #service-section .service-grid .service-box p span {
			color: rgba(74,74,74,1.00);
			font-size: 0.6em;
			line-height: 3em;
		}
		
		.main-content #service-section .service-grid .service-box img {
			width: 100%;
			height: auto;
		}
		
		.main-content #service-section .service-grid .service-box img:hover {
			opacity: 0.65;
			-webkit-transition: all 0.4s ease-in-out;
			-moz-transition: all 0.4s ease-in-out;
			-o-transition: all 0.4s ease-in-out;
			-ms-transition: all 0.4s ease-in-out;
			transition: all 0.4s ease-in-out;
		}
		
		/* HISTORIQUE */
		
		.main-content #historique-section .historique-text {
			color: rgba(30,30,30,0.8);
			text-align: justify;
			font-family: 'Archivo Narrow', sans-serif;
			font-size: 1.2em;
			font-weight: 400;
			background-color: rgba(255,255,255,0.5);
			padding: 15px;
			float: left;
			width: 60%;
		}
		
		.main-content #historique-section .historique-text p.title {
			font-family: 'Great Vibes', cursive;
			font-size: 2em;
			color: rgba(0,69,120,1.00);
		}
		
		.main-content #historique-section .historique-grid .picture-box {
			background-color: rgba(255,255,255,1.0);
			padding: 5px;
			width: 30%;
			float: right;
			height: auto;
			-webkit-box-shadow: 3px 3px 6px rgba(0,0,0,0.67);
			box-shadow: 3px 3px 6px rgba(0,0,0,0.67);
			margin-bottom: 25px;
		}
		
		.main-content #historique-section .historique-grid .picture-box p {
			color: rgba(70,141,192,1.00);
			font-family: 'Archivo Narrow', sans-serif;
			font-size: 2em;
			margin-left: 5px;
			line-height: 0em;
			font-weight: 400;
			text-decoration: none;
		}
		
		.main-content #historique-section .historique-grid .picture-box p span {
			color: rgba(74,74,74,1.00);
			font-size: 0.6em;
			line-height: 3em;
		}
		
		.main-content #historique-section .historique-grid .picture-box img {
			width: 100%;
			height: auto;
		}
		
		.main-content #historique-section .historique-grid .picture-box img:hover {
			opacity: 0.65;
			-webkit-transition: all 0.4s ease-in-out;
			-moz-transition: all 0.4s ease-in-out;
			-o-transition: all 0.4s ease-in-out;
			-ms-transition: all 0.4s ease-in-out;
			transition: all 0.4s ease-in-out;
		}
		
		/* FOOTER SECTION */
		
		footer {
			height: auto;
			width: 100%;
			position: relative;
			float: left;
			border-top: 4px solid rgba(125,175,211,1.00);
			background-color: rgba(0,49,86,1.00);
		}
		
		.footerbox {
			z-index: 6;
			position: relative;
			height: 200px;
			width: 99.5%;
			margin: 0px;
			padding: 0px;
			padding-top: 2px;
			padding-right: 2px;
			padding-left: 2px;
			padding-bottom: 2px;
			float: left;
			border-bottom-left-radius: 18px;
			border-bottom-right-radius: 18px;
		}
		
		.footerbox ul {
			padding: 0px;
			margin: 0px;
		}
		
		.footerbox ul li {
			color: rgba(255,255,255,0.8);
			list-style: none;
			list-style-position: inside;
			font-family: 'Archivo Narrow', sans-serif;
			font-size: 1.2em;
			line-height: 1.4em;
			font-weight: 400;
		}
		
		.footerbox ul li.title {
			color: rgba(255,255,255,1.0);
			font-size: 1.5em;
			font-weight: 700;
			margin-bottom: 4px;
			margin-top: 0px;
		}
		
		.footerbox ul li.phone, .footerbox ul li a.phone {
			font-family: 'Roboto Condensed', sans-serif;
			color: rgba(255,255,255,1.0);
			font-size: 1.3em;
			font-weight: 400;
			line-height: 1.3em;
			margin-bottom: 6px;
			text-decoration: none;
			width: 100%;
		}
		
		.footerbox ul li.phone span, .footerbox ul li a.phone span {
			color: rgba(125,175,211,1.00);
			font-size: 0.9em;
			font-weight: 400;
		}
		
		.footerbox .box {
			width: 90%;
			padding-top: 0px;
			padding-right: 20px;
			padding-left: 20px;
			padding-bottom: 20px;
			background-color: rgba(255,255,255,0.1);
			height: 100%;
			border-top-left-radius: 18px;
			border-top-right-radius: 18px;
			display: none;
		}
		
		.footerbox .box p {
			color: rgba(255,255,255,0.9);
			font-size: 1.23em;
			line-height: 1.7em;
			list-style: square;
			list-style-position: inside;
			font-family: 'Archivo Narrow', sans-serif;
			font-weight: 700;
		}
		
		.footerbox .box ul {
			padding: 0px;
			margin: 0px;
		}
		
		.footerbox .box ul li {
			color: rgba(177,177,177,0.9);
			font-size: 1.18em;
			line-height: 1.7em;
			list-style: square;
			list-style-position: inside;
			font-family: 'Archivo Narrow', sans-serif;
			font-weight: 400;
		}
		
		.footerbox .box ul li a {
			color: rgba(177,177,177,1.00);
			font-size: 1em;
			text-decoration: none;
			font-family: 'Archivo Narrow', sans-serif;
			font-weight: 400;
		}
		
		.footerbox .box ul li a:hover {
			color: rgba(225,225,225,1.00);
			text-decoration: underline;
			-webkit-transition: all 0.4s ease-in-out;
			-moz-transition: all 0.4s ease-in-out;
			-o-transition: all 0.4s ease-in-out;
			-ms-transition: all 0.4s ease-in-out;
			transition: all 0.4s ease-in-out;
		}
		
		.footerbox .last-child {
			border-right: 0px solid rgba(255,255,255,0.0);
		}

	}