@charset "utf-8";

/**********************************************************************/
/******************* Ensemble des pages *******************************/
/**********************************************************************/

@font-face {
					font-family:"BankGothic Md BT";
					src:url('../BNKGOTHM.ttf'),
					 	url('../BNKGOTHM.eot');
}

html, body {
					height: 100%;
}

body {
					width:1000px;
					margin:10px auto;
					font-family:Arial, Helvetica, sans-serif;
}

a {
					text-decoration:none;
					color:#e33736;
}

a:hover {
					color:#7d1314;
}

h1 {
					color:#7d1315;
					font-weight:bold;
					margin-bottom:10px;
}

h2 {
					text-align:center;
					font-weight:bold;
					font-family:"BankGothic Md BT";
}

label,input,textarea {
					margin-bottom:10px;
}

label {
					float:left;
					width:15%;
					margin-right:10px;
					padding-top:3px;
					text-align:right;
}

input,textarea {
					width:30%;
}

textarea {
					height:200px;
}

#page_fr, #page_en {
					width:1000px;
					min-height:100%;
					height:auto !important;
					height:100%;
					margin:0 auto -35px auto; /* Pour le bottom, meme valeur que celle du id "footer", mais avec une valeur negative */
					background-repeat:no-repeat;
					background-position:top left;
}

#page_fr {
					background-image:url(../pictures/logo_futura_fr.png);
}

#page_en {
					background-image:url(../pictures/logo_futura_en.png);
}

#header {
					background-image:url(../pictures/separator.png);
					background-repeat:no-repeat;
					background-position:bottom left;
					height:190px;
					margin-left:73px;
}

#header a {
					position:relative;
					top:160px;
					left:862px;
					font-family:"BankGothic Md BT";
}

#header img {
					float:right;
					position:relative;
					right:100px;
}

#futura_logo {
					margin-bottom:10px;
}

#navbar {
					width:195px;
					float:left;
					margin-left:73px;
					font-family:"BankGothic Md BT";
}

#navbar li {
					display:table;
					background-image:url(../pictures/navbar.png);
					background-repeat:no-repeat;
					width:195px;
					height:30px;
					margin-top:3px;
					position:relative;
}

#navbar a {
					font-weight:bold;
					display:table-cell;
					vertical-align:middle;
					color:white;
					padding-left:10px;
}

li#navbar_first {
					margin-top:12px;
}

.active {
					left:15px;
}

#main {
					background-image:url(../pictures/bg_main.png);
					background-repeat:no-repeat;
					background-position:top center;
					float:right;
					width:670px;
					margin-bottom:10px;
					margin-top:10px;
					min-height:500px;
}

#main p, #main li {
					font-size:0.8em;
					margin-bottom:10px;
}

#push {
					height:35px; /* Meme valeur que celle du id "footer" */
					clear:both;
					margin:auto auto 0 auto;
}

#footer {
					height:35px; /* Si cette valeur est changee, il faut aussi changer ceux des id "push" et "page" */
					font-size:0.7em;
					margin:0 auto 0 73px;
					background-image:url(../pictures/separator.png);
					background-repeat:no-repeat;
					background-position:top left;
}

#footer span {
					margin-top:10px;
					float:left;
}

span#all_rights_reserved {
					float:right;
}

/**********************************************************************/
/******************* Pages individuelles ******************************/
/**********************************************************************/

/* Accueil */

#home_top,#home_bottom {
					clear:both;
					width:100%;
					display:table;
}

#home_top img,#home_bottom img,#home_bottom p,#home_top p {
					display:table-cell;
}

#home_bottom p,#home_top p {
					text-align:justify;
					vertical-align:middle;
}

#home_top img {
					margin-left:50px;
}

#home_bottom img {
					margin-right:50px;
}

/* Manufacturiers */

#result {
					margin-top:20px;
					width:100%;
					height:405px;
					overflow-y:auto;
}

#manufacturers {
					width:97%;
					border:none;
					border-collapse:collapse;
					margin:0;
}

#manufacturers td {
					border:1px solid #7a797a;
					height:100px;
					width:50%;
					vertical-align:middle;
					padding-left:10px;
}

#manufacturers td img {
					display:block;
					margin:auto;
}

#manufacturers td p {
					text-align:center;
}

/* Nous rejoindre */

#map_canvas {
					width:100%;
					margin-top:10px;
					height:400px;
}

#map_bubble {
					font-size:0.8em;
					width:200px;
					height:150px;
}

#map_bubble img{
					margin-bottom:10px;
}

#contact_us {
					display:table;
}

#contact_us address,#contact_us img {
					display:table-cell;
}

#contact_us address {
					vertical-align:middle;
}

#contact_us img {
					margin-left:49px;
}

/* Demande de prix */

#submit {
					width:47%;
}

#submit input {
					width:auto;
					float:right;
					cursor:pointer;
					background-color:#e33736;
					color:white;
					font-weight:bold;
					font-family:"BankGothic Md BT";
					font-size:1em;
					border:2px solid #911b1a;
}

#submit input:active {
					border:2px solid black;
}

#name_warning, #tel_warning, #ext_warning, #email_warning, #details_warning {
					display:inline-block;
					visibility:hidden;
					font-size:0.7em;
					color:white;
					background-image:url(../pictures/bg_warning.png);
					background-repeat:no-repeat;
					height:34px;
					width:240px;
					padding-top:5px;
					position:relative;
					top:-25px;
}

#details_warning {
					top:-220px;
}

div#name_warning span, div#tel_warning span, div#ext_warning span, div#email_warning span, div#details_warning span {
					margin-left:10px;
					font-weight:bold;
}

/* Nos projets */

#projects li{
					display:table;
					width:100%;
					border:2px solid #871211;
					background-image:url(../pictures/bg_projects.png);
					background-repeat:repeat;
}

#projects li:hover{
					background-image:url(../pictures/bg_projects_hover.png);
					cursor:pointer;
}

#projects img, #projects a {
					display:table-cell;
					vertical-align:middle;
}

#projects a {
					width:65%;
					color:white;
					font-size:1.2em;
					font-family:"BankGothic Md BT";
}

#projects img {
					border-right:2px solid #871211;
}

.overlay {
					display:none;
					z-index:10000;
					margin:auto;
					background-color:black;
}

.overlay .close {
					background-image:url(../pictures/close_button.png);
					background-repeat:no-repeat;
					position:absolute;
					right:-5px;
					top:-5px;
					cursor:pointer;
					height:20px;
					width:20px;
}

.overlay div {
					display:table-cell;
					vertical-align:middle;
					text-align:center;
}

.overlay img {
					display:inline;
					text-align:center;
					vertical-align:middle;
}

.overlay div img {
					opacity:0;
}

#hopital_santa_cabrini div img {
					opacity:1;
}

.next_pic,.prev_pic {
					position:absolute;
					top:49%;
					cursor:pointer;
}

.next_pic {
					right:-10px;
}

.prev_pic {
					left:-10px;
}

#aeroport_pet, #aeroport_pet div {
					width:919px;
					height:700px;
}

#casino_lac_leamy, #casino_lac_leamy div {
					width:950px;
					height:683px;
}

#centre_detention_st_jerome, #centre_detention_st_jerome div {
					width:350px;
					height:275px;
}

#cite_commerce, #cite_commerce div {
					width:926px;
					height:700px;
}

#golf_mirage, #golf_mirage div {
					width:850px;
					height:583px;
}

#hec, #hec div {
					width:917px;
					height:700px;
}

#hopital_enfant_jesus, #hopital_enfant_jesus div {
					width:950px;
					height:418px;
}

#hopital_santa_cabrini, #hopital_santa_cabrini div {
					width:630px;
					height:437px;
}

#hotel_westin, #hotel_westin div {
					width:872px;
					height:678px;
}

#usine_atwater, #usine_atwater div {
					width:575px;
					height:350px;
}

/* Produits */

#locks, #door_closers, #panic_bars, #plates, #thresholds, #door_stops, #electrical, #doors, #others {
					display:none;
					opacity:0;
}

.scrollable {
					position:relative;
					overflow:hidden;
					float:left;
}

.scrollable .items {
					width:20000em;
					position:absolute;
}

.items ul {
					float:left;
					display:inline-table;
}

.items ul li {
					display:table-cell;
					text-align:center;
					vertical-align:middle;
					width:110px;
					height:30px;
					font-family:"BankGothic Md BT";
					background:url(../pictures/bg_products_menu.png) no-repeat;
					cursor:pointer;
}

.items ul li:hover {
					background-image:url(../pictures/bg_products_menu_hover.png);
}

a.browse {
					background-repeat:no-repeat;
					display:block;
					width:30px;
					height:30px;
					float:left;
					margin:15px 0 0 0;
					cursor:pointer;
					font-size:1px;
}

a.right {
					background-image:url(../pictures/products_next.png);
					clear:right;
					margin-left:5px;
}

a.right:hover {
					background-image:url(../pictures/products_next_hover.png);
}
 
a.left {
					background-image:url(../pictures/products_previous.png);
					margin-right:5px;
}
 
a.left:hover {
					background-image:url(../pictures/products_previous_hover.png);
}

.products {
					margin-top:60px;
}

#menu {
					width:550px;
					height:30px;
					margin-top:15px;
}

.container div {
					width:670px;
					min-height:450px;
					float:none;
}

.products div div {
					display:inline-block;
					width:670px;
}

.products div div div {
					display:table;
					width:auto;
					margin:20px auto auto auto;
}

.products div div div div {
					float:left;
					margin-right:15px;
					width:auto;
}

.products div div div img {
					margin-bottom:10px;
}

.products span {
					display:block;
					width:100%;
					text-align:center;
}

.container ul {
					display:table;
					width:230px;
					float:none;
					margin:auto;
}

.container ul li {
					display:table-cell;
					width:110px;
					height:30px;
					font-family:"BankGothic Md BT";
					font-size:1em;
					vertical-align:middle;
					cursor:pointer;
}

.container ul .left {
					background:url(../pictures/bg_products_previous.png) no-repeat;
					padding-left:30px;
}

.container ul .left:hover {
					background-image:url(../pictures/bg_products_previous_hover.png);
}

.container ul .right {
					background:url(../pictures/bg_products_next.png) no-repeat;
					text-align:right;
					padding-right:30px;
}

.container ul .right:hover {
					background-image:url(../pictures/bg_products_next_hover.png);
}

a.disabled, li.disabled {
					opacity:0.4;
					filter:alpha(opacity=40);
}

a.disabled:hover, li.disabled:hover {
					cursor:default;
}

a.disabled:hover {
					background-image:url(../pictures/products_next.png);
}

a.disabled:first-child:hover {
					background-image:url(../pictures/products_previous.png);
}

.container ul li.disabled:hover {
					background-image:url(../pictures/bg_products_next.png);
}

.container ul li.disabled:first-child:hover {
					background-image:url(../pictures/bg_products_previous.png);
}

/* Termes et conditions */

.terms h2 {
				       font-family:Arial, Helvetica, sans-serif;
				       font-size:0.8em;
				       text-align:left;
}