@charset "utf-8";

/* CSS Document */

/* Copyright 2015 Propaganda Design Inc. */



/*-------------------------------------------------------------------

	Base

-------------------------------------------------------------------*/

*, *:before, *:after, input, textarea, select { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

body { font-family:'Roboto', sans-serif; font-size:12px; background:#FFF; }

header { background:#221e1f; }

section { }

footer { background:#221e1f; }

a { color:#f05423; }

h1 { font-size:30px; font-weight:300; color:#f05423; text-transform:uppercase; margin:20px 0 20px 0; }

h2 { font-size:25px; line-height:33px; font-weight:300; color:#f05423; text-transform:uppercase; margin:20px 0 20px 0; }

h3 { font-size:20px; line-height:28px; font-weight:300; color:#f05423; text-transform:uppercase; margin:12px 0 0px 0; }

p, ul, label { margin:0 0 22px 0; font-size:16px; line-height:26px; color:#221e1f; }

ul > li:before { content:"•"; padding:0 12px 0 0; display:inline-block; float:left; }

ul ul { margin:0 0 0 12px; }

ul > li { margin:4px 0 4px 0; }

ul { margin:0 0 20px 12px; list-style:none; text-indent:-12px; }

strong { font-weight:700; }

hr { border:none; height:1px; background:#CCC; margin:20px 0; }

table th { background:#333; padding:10px; text-align:left; font-size:14px; color:#FFF; }

table td { background:#f8f8f8; padding:10px; border-bottom:1px solid #eaeaea; }

table tr:nth-child(odd) td { background:#FFF; }

label { display:block; }

input, textarea, select { font-family:Arial,Helvetica,sans-serif; }

input[type=text], input[type=number], textarea, select { -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; border:1px solid #CCC; display:block; width:100%; margin:0 0 10px 0; padding:8px 8px; }

input:focus, textarea:focus, input:hover, textarea:hover, select:focus, select:hover { outline:none; border:1px solid #999; }

textarea { resize:vertical; min-height:150px; }

input[type=submit] { font-family:'Roboto', sans-serif; cursor:pointer; border:none; display:block; -webkit-appearance:none; -moz-appearance:none; appearance:none; }

input[type='radio'] { opacity:0; float:left; width:16px; height:16px; cursor:default; padding:0; margin:0; }

input[type='radio'] + label { background-image:url(../images/common/radio-off.png); background-repeat:no-repeat; height:16px; padding:3px 0 0 20px; display:block; margin:0 0 8px 0; }

input[type='radio']:checked + label { background-image:url(../images/common/radio-on.png); }

input[type='checkbox'] { opacity:0; float:left; width:16px; height:16px; cursor:default; padding:0; margin:0; }

input[type='checkbox'] + label { background-image:url(../images/common/check-off.png); background-repeat:no-repeat; height:16px; padding:3px 0 0 20px; display:block; margin:0 0 8px 0; }

input[type='checkbox']:checked + label { background-image:url(../images/common/check-on.png); }

input[type="text"]:disabled { background:#dddddd; }

input[type="text"]:disabled:hover { border:1px solid #CCC; }

select { background:url(../images/common/form-select.png) no-repeat center right #ffffff; }

select:hover, select:focus { background:url(../images/common/form-select.png) no-repeat center right; }

::selection { background:#f05423; color:#FFF; }

::-moz-selection { background:#f05423; border:1px solid #f05423; color:#FFF; }

::-webkit-input-placeholder { color:#999; }

:-moz-placeholder { color:#999; }

::-moz-placeholder { color:#999; }

:-ms-input-placeholder { color:#999; }



/*-------------------------------------------------------------------

	Modules (ex.: .box)

-------------------------------------------------------------------*/

.navigation { position:relative; z-index:100; font-size:0;}

.navigation > section > ul { position:relative; z-index:1; margin:0; text-indent:0; font-size:0; text-align:center; }

.navigation > section > ul > li { display:inline-block; *display:inline; *zoom:1; vertical-align:top; margin:0; }

.navigation > section ul li:before { content:""; padding:0; float:none; display:inline; }

.navigation > section > ul > li > a { display:block; color:#FFF; font-size:18px; padding:16px 28px; text-transform:uppercase; -webkit-transition:background .3s ease; -moz-transition:background .3s ease; -o-transition:background .3s ease; transition:background .3s ease; }

.navigation > section > ul > li > ul > li { margin:0; text-indent:0px; }

.navigation > section > ul > li > ul { zoom:1; filter:alpha(opacity=0); opacity:0; display:none; position:absolute; margin:0; }

.navigation > section > ul > li > ul > li > a { padding:7px 10px; background:#FFF; display:block; }

.navigation > section > ul > li > ul > li:hover > a { background:#CCC; }

.navigation > section > ul > li:hover > a, .navigation > section > ul > .is-selected >  a { background:#bd4119; }

.btn { display:inline-block; font-size:16px; font-weight:400; padding:10px 12px; color:#FFF; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; margin:0 5px 0 0;cursor: pointer; }

.btn:hover {  }

.logo { display:block; width:300px; height:108px; background:url(../images/common/logo-immotech.png) no-repeat center; float:left; margin:30px 0; }

.sub-navigation { float:right; }

footer .logo { float:none; margin:30px auto; background:url(../images/common/logo-immotech-footer.png); width:200px; height:72px; }

.phone { font-size:25px; color:#FFF; font-weight:300; text-align:right; padding:30px 0 0 0; }

.map-title { font-size:20px; font-weight:300; color:#f05423; text-transform:uppercase; margin:5px 0 3px 0; }

.map-location { line-height:22px; margin:0 0 5px 0; }

.realisation-picture { display:block; cursor:pointer; width:100%; height:200px; background-size:cover; border:3px solid #f05423; margin:0 0 5px 0; position:relative; }

.realisation-picture .realisation-hover { background:url(../images/common/bg-transparent.png); -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; width:100%; height:194px; display:block; }

.realisation-picture:hover .realisation-hover { background:url(../images/common/bg-orange.png); }

.realisation-picture .realisation-hover-magnifier { display:block; width:100%; height:100%; background:url(../images/common/bg-transparent.png) no-repeat center; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }

.realisation-picture:hover .realisation-hover-magnifier { background:url(../images/common/magnifier.png) no-repeat center; }

label.error { font-size:13px; line-height:15px; font-weight:400; color:#f02323; margin:-5px 0 0 0; }

.copyright { float:left; color:#a9a9a9; font-size:14px; margin:0; }

.rbq { float:right; color:#a9a9a9; font-size:14px; margin:0; }

.round { display:block; width:150px; height:150px; background:#f05423; -webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px; margin:0 0 20px 0; position:relative; }

.icon { display:block; background:url(../images/common/icons.png) no-repeat; position:absolute; top:50%; left:50%; }

.icon-commercial-et-industriel { width:97px; height:112px; margin:-53px 0 0 -42px; }

.icon-immeuble-a-revenus { width:86px; height:104px; margin:-53px 0 0 -33px; background-position:-101px 2px; }

.icon-residentiel { width:84px; height:85px; margin:-41px 0 0 -41px; background-position:-186px -2px;  }

#map_canvas { height:350px; }

.form-bon input, textarea, select, p, label, .btn { font-size: 20px; line-height: 32px;}

/*-------------------------------------------------------------------

	States (ex.: .is-collapsed)

-------------------------------------------------------------------*/

.app-msg { padding:15px; font-size:16px; color:#FFF; line-height:20px; }

.app-msg > p { display:block; clear:both; line-height:22px; }

.app-msg > p > .msg-icon { width:23px; height:23px; display:block; float:left; margin:0 5px 9px 0; }

.app-msg strong { font-weight:bold; }

.msg { padding:15px; font-size:16px; color:#FFF; line-height:20px; margin:0 0 10px 0; }

.msg > p { display:block; clear:both; line-height:22px; }

.msg > p > .msg-icon { width:23px; height:23px; display:block; float:left; margin:0 5px 9px 0; }

.msg strong { font-weight:bold; }

.is-success { background:#89A418; }

.is-success > p > .msg-icon { background:url(../images/common/icon-success.png); }

div.msg.is-success p { margin: 0 0 0 0; color: #fff; }

.is-failure { background:#d22300; }

.is-failure > p > .msg-icon { background:url(../images/common/icon-error.png); }

.is-error { border:1px solid #D22300 !important; color:#D22300; }

.is-error::-webkit-input-placeholder { color:#D22300; }

.is-error:-moz-placeholder { color:#D22300; }

.is-error::-moz-placeholder { color:#D22300; }

.is-error:-ms-input-placeholder { color:#D22300; }

.is-successful { border:1px solid #89A418 !important; color:#89A418; }

.is-successful::-webkit-input-placeholder { color:#89A418; }

.is-successful:-moz-placeholder { color:#89A418; }

.is-successful::-moz-placeholder { color:#89A418; }

.is-successful:-ms-input-placeholder { color:#89A418; }

.is-table-cell { display:table-cell; vertical-align:top; }

.is-centered { text-align:center; }

.last-row-is-highlighted td:last-child { background:#52a2ff; }

.has-rounded-corners { -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }

.has-box-shadow { -webkit-box-shadow:4px 4px 0px 0px rgba(0,0,0,0.75); -moz-box-shadow:4px 4px 0px 0px rgba(0,0,0,0.75); box-shadow:4px 4px 0px 0px rgba(0,0,0,0.75); margin-bottom:4px; }

.has-blue-bg { background:#0088CC;}

.has-red-bg { background:#B32017; }

.has-yellow-bg { background:#FAA125; }

.has-green-bg { background:#89A418; }

.has-orange-bg { background:#f05423; }

.has-grey-bg { background:#f1f1f1; overflow:hidden; }

.has-no-bottom-margin { margin-bottom:0; }

table tr:hover td { background:#f1f1f1 !important; }

.navigation > ul > li > .is-hover { zoom:1; filter:alpha(opacity=100); opacity:1; display:block; }