/* Foundation v2.2.1 http://foundation.zurb.com */
/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Home page
:: Page intérieures
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */

@import url("http://fast.fonts.com/cssapi/615cd325-1467-455e-be42-1cfc0f593c04.css");


/* Général */

body {
	font-family: 'Trade Gothic Next W01', Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #0c2340;
	background-color: #50656e;
}

.site-bg {
	background-image: url(../images/bg-top-left.png), url(../images/bg-top-right.png);
	background-repeat: no-repeat, no-repeat;
	background-position: left top, right top;
	background-color: #fff;
}

h1, h2, h3, h4 {
	color: #ff6c2f;
	font-family: 'TradeGothicNextW01-Ligh 693250', Helvetica, Arial, sans-serif;
	font-size: 36px;
}

h1 {
	color: #50656e;
}

h2 {
	margin-top: 40px;
	margin-bottom: 20px;
}

h3 {
	font-family:'TradeGothicNextW01-Bold 693229', Helvetica, Arial, sans-serif;
	font-size: 24px;
	line-height: 28px;
}

p {
	font-size: 16px;
}

hr {
	border-color: #ff6c2f;
}

.button {
	font-family: 'Trade Gothic Next W01', Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
}
.orange {
	color: #ff6c2f;
}

/* Top Bar */

#top-bar {
	text-align: right;
	padding-top: 10px;
	margin-bottom: 20px;
}

#phone {
	color: #ff6c2f;
	font-size: 18px;
	text-decoration: none;
}

#language {
	color: #3c4b52;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}


/* Redéfinir les nice blue button en orance cicic button */

.blue.button {
    background-color: #de4b0e;
}
.nice.blue.button {
    border: 1px solid #de4b0e;

	/* Gradient */
	background: #ff6c2f; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff6c2f 0%, #de4b0e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6c2f), color-stop(100%,#de4b0e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff6c2f 0%,#de4b0e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff6c2f 0%,#de4b0e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff6c2f 0%,#de4b0e 100%); /* IE10+ */
	background: linear-gradient(top,  #ff6c2f 0%,#de4b0e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6c2f', endColorstr='#de4b0e',GradientType=0 ); /* IE6-9 */
}
.blue.button:hover, .blue.button:focus		{ background-color: #de4b0e; background-image: none; }
.button.nice {
	-moz-transition: none;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.28);
}


/* Redéfinir les nice black button en blue-gray button */

.black.button {
    background-color: #365868;
}
.nice.black.button {
    border: 1px solid #567888;

	/* Gradient */
	background: #365868; /* Old browsers */
	background: -moz-linear-gradient(top,  #365868 0%, #567888 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#365868), color-stop(100%,#567888)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #365868 0%,#567888 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #365868 0%,#567888 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #365868 0%,#567888 100%); /* IE10+ */
	background: linear-gradient(top,  #365868 0%,#567888 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#365868', endColorstr='#567888',GradientType=0 ); /* IE6-9 */
}
.black.button:hover, .black.button:focus		{ background-color: #567888; background-image: none; }
.button.nice {
    -moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
    bborder: 1px solid #567888;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.28);
}


/* Nav-bar aux couleurs de cicic (orange) */

.nav-bar {
    border: 1px solid #de4b0e;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 1px 1px rgba(0, 0, 0, 0.28);
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
	background-color: #ff6c2f;
	border-radius: 3px 3px 3px 3px;
	height: 38px;
    margin-top: 0px;
	margin-bottom: 0px;
	
	/* Positionner le menu au-dessus du sous-menu */
	position: relative;
	z-index: 20;

	/* Gradient */
	background: #ff6c2f; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff6c2f 0%, #de4b0e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6c2f), color-stop(100%,#de4b0e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff6c2f 0%,#de4b0e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff6c2f 0%,#de4b0e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff6c2f 0%,#de4b0e 100%); /* IE10+ */
	background: linear-gradient(top,  #ff6c2f 0%,#de4b0e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6c2f', endColorstr='#de4b0e',GradientType=0 ); /* IE6-9 */
}
.nav-bar > li {
	border-right: 1px solid #de4b0e;
    line-height: 38px;
	text-transform: uppercase;
}
.nav-bar > li > a.main {
    _font-size: 14px;
    padding: 0 13px;
    text-decoration: underline;
	color: #fff;
}
.nav-bar > li > a.main:hover, .nav-bar > li > a.main.selected {
	background: #de4b0e;
}


/* Nav-bar-sub  aux couleurs de cicic (bleu-gris) */

.nav-bar-sub {
	border: 1px solid #5a7c8c;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
	display: none;
	
	/* Positionner le sous-menu un peu en-dessous du menu principal */
	position: relative;
	z-index: 10;
	top: -2px;
	
	/* Gradient */
	background: #375968; /* Old browsers */
	background: -moz-linear-gradient(top,  #375968 0%, #5a7c8c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#375968), color-stop(100%,#5a7c8c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #375968 0%,#5a7c8c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #375968 0%,#5a7c8c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #375968 0%,#5a7c8c 100%); /* IE10+ */
	background: linear-gradient(top,  #375968 0%,#5a7c8c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#375968', endColorstr='#5a7c8c',GradientType=0 ); /* IE6-9 */
}
.nav-bar-sub > li {
	border-right: 1px solid #5a7c8c;
	text-transform: none;
}
.nav-bar-sub > li > a.main:hover {
	background: #375968;
}


/* Select menu pour mobile */

.mobile-nav {
	margin-top: 20px;
	border: 1px solid #ddd;
	border-radius: 3px 3px 3px 3px;
}

.mobile-nav select {
	width: 100%;
	height: 40px;
	background: transparent;
	margin: 0;
	border: none;
	padding: 10px;
}


/* Footer */

.footer {
	box-shadow:0px -20px 20px #CCD2D5;
	margin-top: 80px;
	padding-top: 37px;
	padding-bottom: 37px;
	text-shadow: 1px 1px 1px #000;
	
	background: #192830; /* Old browsers */
	background: -moz-linear-gradient(top,  #192830 0%, #50656e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#192830), color-stop(100%,#50656e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #192830 0%,#50656e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #192830 0%,#50656e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #192830 0%,#50656e 100%); /* IE10+ */
	background: linear-gradient(top,  #192830 0%,#50656e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#192830', endColorstr='#50656e',GradientType=0 ); /* IE6-9 */
}

.footer h3 {
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
	color: #e1f5fe;
	margin: 0;
}

.footer h3.next {
	margin-top: 16px;

}

.footer li, #copyright {
	font-size: 14px;
	line-height: 20px;
	color: #e1f5fe;
	height: 20px;
	margin: 0;
	height: auto;
}

.footer a {
	color: #e1f5fe;
}

.footer a:hover {
	color: #fff;
}

#copyright {
	text-align: center;
	margin-top: 10px;
}

#symbole {
	font-size: 12px;
	color: #e1f5fe;
	text-align: center;
}


/* -----------------------------------------
   Home
----------------------------------------- */

/* Titre */

.home-title {
	margin-top: 35px;
	margin-bottom: 30px;
}


/* Orbit slider */

div.orbit, div.orbit-wrapper {
	width: 988x !important;
	height: 340px !important;
}

#slides {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
}

#slides h1 {
	color: #ff6c2f;
	/*font-size: 50px;*/
	margin-top: 0;
}

#slides p {
	color: #3c4b52;
	font-size: 18px;
}

.white-alpha-box {
	margin-top: 60px;
	padding: 5px 15px;
	background-color: #fff;
	background-color: rgba(255,255,255,0.9)
}

.header-orange-button {
	margin-right: 20px;
	margin-bottom: 10px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);

}

.link-box {
	margin-top: 20px;
}

#slide1 {
	background-image: url(../images/slides/slide-1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

#slide2 {
	background-image: url(../images/slides/slide-2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#slide3 {
	background-image: url(../images/slides/slide-3.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

#slide4 {
	background-image: url(../images/slides/slide-4.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

/* Logos */
.logo {
	margin-left: 4.4%;
	max-width: 50%;
}

/* Boutons des services */

.service-box {
	cursor: pointer;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
}

.service-button {
	height: 40px;
	background-color: #de4b0e;
    border: 1px solid #de4b0e;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.28);
	border-radius: 3px 3px 0px 0px;
	
	color: #e1f5fe;
	font-size: 20px;
	line-height: 40px;
	text-align: center;
	text-decoration: underline;

	/* gradient */
	background: #ff6c2f; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff6c2f 0%, #de4b0e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6c2f), color-stop(100%,#de4b0e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff6c2f 0%,#de4b0e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff6c2f 0%,#de4b0e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff6c2f 0%,#de4b0e 100%); /* IE10+ */
	background: linear-gradient(top,  #ff6c2f 0%,#de4b0e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6c2f', endColorstr='#de4b0e',GradientType=0 ); /* IE6-9 */
}

.service-button-hover {
	background: #de4b0e;
}

.service-desc {
	min-height: 160px;
	background-color: #193c4a;
	background-color: rgba(25,60,74,0.8);
	padding: 20px;
	display: none;
}

.service-desc p {
	color: #fff;
	font-size: 14px;
}

.service-desc p:last-child {
	margin-bottom: 0;
}


/* Images boutons service */

.service-image {
	min-height: 200px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

#service-image-1 {
	background-image: url(../images/services/service-1.jpg);
}

#service-image-2 {
	background-image: url(../images/services/service-2.jpg);
}

#service-image-3 {
	background-image: url(../images/services/service-3.jpg);
}

#service-image-4 {
	background-image: url(../images/services/service-4.jpg);
}


/* -----------------------------------------
   Pages intérieures
----------------------------------------- */


/* Colone de gauche */

.left-col {
	margin-top: 30px;
}

.left-col h1 {
	margin-top: 0;
}

/* Navigation de gauche */

.left-nav li {
	height: auto;
	padding: 15px 20px 20px 20px;
	margin: 0;
	background-color: #eaeaea;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #afb3b5;
	border-right-color: #afb3b5;
	border-left-color: #afb3b5;
	background-image: none;
}

.left-nav li:last-child {
	border: 1px solid #afb3b5;
}

.left-nav a {
	font-size: 15px;
	font-weight: normal;
	color: #646f74;
	display: block;
}

.left-nav .active {
	/* Gradient */
	background: #de4b0e; /* Old browsers */
	background: -moz-linear-gradient(top,  #de4b0e 0%, #ff6c2f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#de4b0e), color-stop(100%,#ff6c2f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #de4b0e 0%,#ff6c2f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #de4b0e 0%,#ff6c2f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #de4b0e 0%,#ff6c2f 100%); /* IE10+ */
	background: linear-gradient(top,  #de4b0e 0%,#ff6c2f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de4b0e', endColorstr='#ff6c2f',GradientType=0 ); /* IE6-9 */
}

.left-nav .active a {
	color: #fff;
}


/* Colone de droite */

.right-col {
	margin-top: 40px;
}

.header {
	height: 182px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: cover;
	overflow: visible;
	margin-bottom: 20px;
}

.header > div {
	margin-top: 50px;
	padding: 5px 15px;
	background-color: rgba(255,255,255,0.9)
}

.header h1 {
	color: #ff6c2f;
	font-size: 48px;
	margin: 0;
}

#header-service-1 {
	background-image: url(../images/pages/service-page-1.jpg);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
}
#header-service-2 {
	background-image: url(../images/pages/service-page-2.jpg);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
}
#header-service-3 {
	background-image: url(../images/pages/service-page-3.jpg);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
}
#header-service-4 {
	background-image: url(../images/pages/service-page-4.jpg);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
}
#header-info-1 {
	background-image: url(../images/pages/info-page-1.jpg);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
}
#header-info-2 {
	background-image: url(../images/pages/info-page-2.jpg);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
}
#header-info-3 {
	background-image: url(../images/pages/info-page-3.jpg);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
}
.right-col h3 {
	color: #3c4b52;
	font-size: 24px;
	line-height: 24px;
	font-weight: normal;
	margin-bottom: 5px;
}


/* Exception pour la page "Team" */

.team h2 {
	margin-bottom: 0;
}

.team h3 {
	color: #3c4b52;
	font-size: 20px !important;
	line-height: 20px !important;
	font-weight: normal;
	margin-bottom: 5px;
}


/* Formattage spécifique au contenu */

.content li {
	padding-left: 20px;
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 6px 7px;	
}

.content img {
	margin-bottom: 10px;
}


/* -----------------------------------------
   Modifications pour la version mobile
----------------------------------------- */

@media only screen and (max-width: 767px) {
	
	.site-bg {
		background-image: none;
	}
	
	#top-bar {
		margin-top: 0;
	}
	
	#language {
		color: #5e8090;
	}

	.white-alpha-box {
		margin-top: 30px;
	}
	
	.header-orange-button {
		margin-right: 0px;
		margin-bottom: 10px;
	}
	
	.service-box {
		margin-bottom: 20px;
	}

	.service-image {
		min-height: 125px;
	}
	.service-desc {
		display: block;
		min-height: 85px;
	}

	.right-col {
		margin-top: 0px;
	}
}