/* FontFace
-------------------------------------------------------------- */
@font-face {
	font-family: 'MyriadProSemibold';
	src: url('../fonts/myriadpro-semibold-webfont.eot');
	src: local('☺'), url('../fonts/myriadpro-semibold-webfont.woff') format('woff'), url('../fonts/myriadpro-semibold-webfont.ttf') format('truetype'), url('../fonts/myriadpro-semibold-webfont.svg#webfont0l1o7q1b') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MyriadProRegular';
	src: url('../fonts/myriadpro-regular-webfont.eot');
	src: local('☺'), url('../fonts/myriadpro-regular-webfont.woff') format('woff'), url('../fonts/myriadpro-regular-webfont.ttf') format('truetype'), url('../fonts/myriadpro-regular-webfont.svg#webfontTBtevK4P') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MyriadProBold';
	src: url('../fonts/myriadpro-bold-webfont.eot');
	src: local('☺'), url('../fonts/myriadpro-bold-webfont.woff') format('woff'), url('../fonts/myriadpro-bold-webfont.ttf') format('truetype'), url('../fonts/myriadpro-bold-webfont.svg#webfontcxqhK0Dy') format('svg');
	font-weight: normal;
	font-style: normal;
}




/* HTML elements
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6{font-family: 'MyriadProRegular', Helvetica, Arial, sans-serif;font-weight:normal; margin:0; line-height:1em}
h1{font-size:2em; margin-bottom:.5em}
h2{font-size:1.75em; margin-bottom:.5142em; padding-top:.2em;}
h3{font-size:1.5em; margin-bottom:.7em; padding-top:.3em}
h4{font-size:1.25em; margin-bottom:.6em}
h5, h6{font-size:1em; margin-bottom:.5em; font-weight:bold}
p, blockquote, ul, ol, dl, form, table, pre{line-height:inherit; margin:0 0 1.5em 0}
ul, ol, dl{padding:0}
ul ul, ul ol, ol ol, ol ul, dd{margin:0}
li{margin:0 0 0 2em; display:list-item; list-style-position:outside}
blockquote, dd{padding:0 0 0 2em}
pre, code, samp, kbd, var{font:100% mono-space,monospace}
pre{overflow:auto}
abbr, acronym{text-transform:uppercase; border-bottom:1px dotted #000; letter-spacing:1px}
abbr[title], acronym[title]{cursor:help}
small{font-size:.9em}
sup, sub{font-size:.8em}
em, cite, q{font-style:italic}
img{border:none}
hr{display:none}
table{width:100%; border-collapse:collapse}
th, caption{text-align:left}
thead {background: #1F313D; color: #fff;}
form div{margin:.5em 0; clear:both}
label{display:block; float: left; width: 300px;}
.checkbox label { width: 500px; font-weight: normal !important; }
.checkbox { padding-bottom: 20px; }
fieldset{margin:0; padding: 20px 40px; border:1px solid #ecebe9; background: #fafafa;}
legend{font-weight:bold; display: none;}
input[type="radio"], input[type="checkbox"], .radio, .checkbox{margin:0 .25em 0 0}
input[type="text"], input[type="password"], textarea, .field, .area, select{border:1px solid #cccccc; padding:8px; background:#fff; line-height:1em; margin:0;  -moz-box-shadow: inset 1px 1px 1px #888; -webkit-box-shadow: inset 1px 1px 1px #888;
}
select{width:312px}
textarea, .area{overflow:auto; height:150px; width:400px}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus, .focus{background:#fffdf2; outline:none; border:1px solid #e6e5e3;}
ins{text-decoration:none; color:#900; font-style:italic}
code{color:#555}
pre{margin-left:2em; padding-left:2em; border-left:1px solid #ccc}
blockquote{margin-left:2em; border-left:1px solid #ccc; font-style:italic}
dt{font-weight:bold}
th, td{padding:.5em 1em; line-height:1.5em}
th{background:#eee}
td{border-bottom:1px solid #eee}
caption{font-style:italic; color:#777; margin:.5em 0}
legend{padding:2px 5px}
form div.col{clear:none}
form div.first{clear:both}
form div{overflow:hidden}

.note, .success, .error{display:block}
.error{color:#900}
.success{color:#060}
.note{font-weight:bold}
.notvalid{border:1px solid #900 !important}

a.edit { position: fixed !important; top: 5px; left: 10px; color: #fff !important; font-size: 11px; }

.pullquote{width:20%; float:left; margin-right:2em; padding-right:2em; border-right:1px solid #ccc; text-align:right; font-size:1.1em; font-style:italic; color:#777; margin-bottom:.5em}
.boxout{width:20%; float:right; margin-left:2em; padding:1em 2em; border:1px solid #ccc; margin-bottom:.5em}
#easy_tooltip{border:1px solid #e1e1e1; padding:2px 10px; background:#f5f5f5}

/* common
-------------------------------------------------------------- */
.left{float:left; margin-right:1em}
.right{float:right; margin-left:1em}
.center{text-align:center}

.clear{clear:both}
.first{margin-left:0 !important}
.last{margin-right:0 !important}
.top{margin-top:0 !important}
.bottom{margin-bottom:0 !important}
.hidden, .print{display:none}
.graphic{margin:0; padding:0; display:block; overflow:hidden; text-indent:-8000px}

/* base
-------------------------------------------------------------- */
body, table, input, textarea, select, li{font: normal 100% Helvetica, Arial, sans-serif; position: relative; line-height:1.7em; color:#333333; -webkit-text-stroke:1px transparent;}
body {font-size:13px; background:#1F313D; margin:0; padding:0; text-align:center}
@media only screen and (max-device-width:480px) {body{-webkit-text-stroke:0 black;}}

#introwrap { background:url(../images/bg-intro.jpg) no-repeat top center ;height: 506px; }

/* links
-------------------------------------------------------------- */
a,a:visited {color: #7098d0;text-decoration: unerline; cursor: pointer; font-weight: bold;}
a:active, a:focus{color : rgb(26, 106, 164);}
a:hover {color: #525760;}
:focus {-moz-outline-style: none;}
a img { border: none; }

/* content
-------------------------------------------------------------- */
#container{margin:0 auto; width:950px; text-align:left; position:relative}
.inner{position:relative}
#header{position:relative}
#footer{position:relative; clear:both}

.primary, .secondary, .tertiary, .quaternary{float:left; display:inline}

/* Header
-------------------------------------------------------------- */
#header { height: 120px; color: #fff; padding: 0; position: relative; z-index: 9000;}
#header .phone { color: #e5f0fe; float: left; display: inline; clear: left; font-size: 11px; padding: 3px 0 5px 0; }
#header .phone span { color: #8ab0db; }
#logo { float: left; display: inline; clear: left; }
#logo a { background: url(../images/logo.png) no-repeat; display: block; width: 220px; height: 90px; text-indent: -9999px; }

/* Navigation
-------------------------------------------------------------- */
#nav, #topnav { position: absolute; top: 0; right: 0;}
#nav, #nav ul, #nav li, #topnav, #topnav ul, #topnav li {margin:0; padding:0; list-style:none}
#nav li, #topnav li {float:left; display:inline; position:relative; line-height:32px; height:32px; margin-right:1.5em}
#nav ul, #topnav ul {position:absolute; left:0; top:32px; padding:5px 10px; width:200px; display:none; z-index:1000}
#nav ul li, #topnav ul li {float:none; display:block}
#topnav li {line-height: 24px;}

#nav { font-size: 19px; position: absolute; z-index: 100000; margin: 0; padding: 0; line-height: 20px; font-family: MyriadProRegular, Helvetica, Arial; top: 65px;}
#nav a { display: block; color: #1f313d;  text-shadow: 0px 1px 0 #ccddf2; padding: 9px 20px; line-height: 20px; font-family: MyriadProRegular, Helvetica, Arial; font-weight: normal; text-decoration: none;}
#nav a:hover { color: #fff; text-shadow: 0px -1px 0 #7098d0; }
#nav li { margin: 0; padding: 0; }
#nav li.last a { padding-right: 0; border: none; }
#nav li:hover a { background: #1f313d; color: #fff;-moz-border-radius: 3px;-webkit-border-radius: 3px; text-shadow: 0px 1px 0 #132026;}
#nav li.here a { color: #fff;text-shadow: 0px 1px 0 #7098d0;}
#nav li.here:hover a { background: #1f313d; color: #fff;-moz-border-radius: 3px;-webkit-border-radius: 3px; text-shadow: 0px 1px 0 #132026;}
#nav li.here ul li a:hover { color: #8ab0db !important;}
#nav li ul { width: 200px; padding: 10px 15px; -moz-border-radius: 3px;-webkit-border-radius: 3px; background: #1f313d;}
#nav li ul li { height: auto;font-size: 13px !important; padding: 5px 0; margin: 0; line-height: 18px; }
#nav li ul li a { padding: 0; margin: 0; background: none; line-height: 18px; display: block; }
#nav li ul li a:hover { color:#8ab0db ; background: 0; padding: 0; }
#nav li ul li.here a { font-weight: bold; text-shadow: none; color: #8ab0db;}
#nav li ul li.here ul li a { font-weight: normal; color: #fff;}
#nav li ul li.here ul li a:hover { color: #8ab0db !important; }

#nav li ul li ul { margin-left: 200px; top: 10px; }

#topnav {  font-size: 11px;}
#topnav a { color: #e5f0fe; border-left: solid 1px #8ab0db; padding: 0 8px; }
#topnav a:hover { color: #fff; text-decoration: underline; }
#topnav li:first-child a { border: none; }
#topnav li:last-child a { padding-right: 0; }
#topnav li { margin: 0;}

/* intro
-------------------------------------------------------------- */
#introduction { clear: both;color: #1f313d; height: 385px; position: relative;}
.introcontent { padding: 35px 0 0 480px; }
.en .introcontent { padding: 25px 0 0 480px; }
.introcontent h1 { font-family: MyriadProRegular;font-size: 29px; color: #fff; text-transform: none; font-weight: normal; margin-bottom: 5px; letter-spacing: -0.5px; line-height: 36px;text-shadow: 0px 1px 0 #6a93c8;}
.en .introcontent h1 { font-size: 40px; color: #fff;  line-height: 40px;}
.en .introcontent h1 { line-height: 46px;}
.introcontent h1 strong { font-size: 60px;font-family: MyriadProSemibold; text-transform: uppercase; }
.en .introcontent h1 strong { font-size: 55px; }
.introcontent p { font-size: 15px;text-shadow: 0px 1px 0 #ccddf2;line-height: 23px; }
#demovideo {display: none;}

a.button, button { font-family: MyriadProSemibold;background: url(../images/button-blue.png) no-repeat 0 0;font-size: 15px; margin-right: 10px;color: #cfe4fd; text-shadow: 0px 1px 0 #132026; display: block; width: 164px; height: 21px; float: left; text-align: center; padding: 9px 8px 8px 8px; border: none; text-decoration: none; font-weight: normal; line-height: 19px;}
button {height: auto; width: 180px; cursor: pointer;}
a.button:hover, button:hover { background: url(../images/button-blue.png) no-repeat 0 -38px; color: #fff;}

.ie7 button {padding: 5px 8px 8px 8px;}

a.buttonvideo { font-family: MyriadProSemibold;background: url(../images/button-blue-arrow.png) no-repeat 0 0;font-size: 17px; margin-right: 10px;color: #fff; text-shadow: 0px 1px 0 #132026; display: block; width: 174px; height: 19px; float: left; text-align: center; padding: 9px 8px 8px 8px; line-height: 19px; font-weight: normal; text-decoration: none;}
a.buttonvideo:hover { background: url(../images/button-blue-arrow.png) no-repeat 0 -38px;}

#featured { position: absolute; top: -48px; left: 0;  z-index: 10;}
#canadasceal { display: block; width: 50px; height: 95px;background: url(../images/sceal-canada.png) no-repeat; text-indent: -9999px; position: absolute; top: 19px; left: 404px; z-index: 1000;}

/* Layout
-------------------------------------------------------------- */
#container{float: left; display: inline;width: 100%; text-align:left; position:relative;background: url(../images/bg-innerpage.png) repeat-x #fff;  }
#home #container{ background: url(../images/bg-home.png) repeat-x #fff; }
#page #container { background: url(../images/bg-innerpage.png) repeat-x #fff; }
#header{position:relative}
#header { height: 140px; margin-bottom: 20px;background: url(../images/bg-header-inner.jpg) no-repeat; }
#home #header { height: 125px; margin-bottom: 0; }
.content {clear:both; padding:20px 0 40px 0; float: left; display: inline; width: 940px;}
#home .content {padding:0; }
#primary, #secondary {float:left; display:inline; position: relative;}
#primary{width:620px;margin:30px 0;}
#secondary{width:300px; margin:30px 0 30px 20px;}
.wrap { margin: 0 auto; width: 940px; }

#bottom { margin: 0 auto;width: 940px; clear: both; padding: 20px 0;}
#bottom .block { float: left; display: inline; margin-right: 20px; width: 300px;}
#bottom .block img { margin-bottom: 10px; }
#bottom .block h2, #bottom .block h2 a { font-size: 21px; color: #1f313d; margin-bottom: 0; font-weight: normal; text-decoration: none;}
#bottom #blockrealisations { margin-right: 0; }
#bottom #blocknouvelles { clear: both; width: 940px; margin-right: 0; padding: 20px 0 0 0; border-top: solid 1px #ecebe9; display: none; }
#bottom #blocknouvelles h2 { float: left; display: block; margin-right: 20px; }
#bottom #blocknouvelles p {margin-top: 6px;}

#page .content { background: url(../images/bg-secondary.jpg) no-repeat right top ; }
.primary { float: left; display: inline; width: 620px; margin-right: 80px; }
.secondary { float: left; display: inline; width: 220px; padding-left: 20px;}

p.intro {color: #988f7c; font-size:  15px; line-height: 21px;}
.primary h1 {color: #1F313D;}
.primary h2 {font-size: 17px;color: #1f313d;}
.primary h2 a {text-decoration: none; font-weight: normal;}
.displaypic {margin: 0 0 0 -80px; padding: 40px 0;}

.secondary ul, .secondary ul li {margin: 0; padding: 0; list-style-type: none;}
.secondary ul li { border-bottom: solid 1px #ecebe9;}
.secondary ul li a {display: block; width: 180px; padding: 10px 10px 10px 20px; font-weight: bold; text-decoration: none;}
.secondary ul li.here a {font-weight: bold; color: #1F313D;}
.secondary ul li ul li { border-bottom: none;}
.secondary ul li ul li a { padding: 2px 10px 2px 35px;}
.secondary ul li.here ul li a { color: #7098D0;}
.secondary ul li.here ul li a:hover { color: #525760;}

.secondary h3 {color: #988F7C; text-transform: uppercase;font-size: 15px; padding-left: 20px;}
.secondary h3 a {color: #988F7C; text-decoration: none; font-weight: normal;}

.submenu {margin-bottom: 25px !important;}

#sideaddresses .block  { padding-left:20px; margin-bottom: 25px; }
#sideaddresses .block h3 {padding-left: 0;}

.sideblock {width: 178px; padding: 20px;border: solid 1px #ecebe9;background: #fff; margin-bottom: 20px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
.sideblock .icon {float: right;}
.sideblock h3 {padding-left: 0; background: #95b7e1; color: #fff; padding: 13px 20px 12px 20px; margin: -20px -20px 20px -20px;text-shadow: 0px 1px 0 #7098d0;-moz-border-radius-topright: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px;}
.sideblock strong {font-size: 15px;}

.itemslist, .itemslist li {clear: both; width: 620px; float: left; display: inline; list-style-type: none; margin: 0; padding: 0; }
.itemslist li {border-bottom: solid 1px #ECEBE9; margin-bottom: 20px; padding-bottom: 20px;}
.itemslist li img.thumb {float: left; display: inline; margin:0 20px 0 0;}
.clients .itemslist li {padding-bottom: 0;}

.relatedlist li {width: 140px; margin-right: 20px; border-bottom: none; clear: none;}
.relatedlist li.four {margin-right: 0;}
.relatedlist li img {padding-bottom: 10px;}
.relatedlist li h2 {text-align: center; font-size: 13px;}

.date {font-weight: bold; color: #7098d0;}
.picdescription {background: #1f313d; color: #7894A7; text-align: center; display: block; font-size: 11px; padding: 10px;}

#contact-form label {padding: 5px 0 2px 2px; font-weight: bold; color: #1F313D;}
#contact-form .field, #contact-form textarea {width: 400px; margin-bottom: 10px;}

.temoignages .itemslist li .icon {float: left; display: inline; padding-right: 10px;}
.sig span {font-weight: bold; color: #1f313d;}

/* Footer
-------------------------------------------------------------- */
#footer{position:relative; clear:both; background: #1f313d; border-top: solid 4px #c2b59b; padding: 20px 0; color: #7894a7; text-align: left; line-height: 1.5em;}
#footer ul, #footer li { list-style-type: none; margin: 0 0 5px 0; padding: 0; }
#footer li { display: inline; }
#footer ul li a { padding: 0 5px; display: inline; border-right: solid 1px #7894a7}
#footer ul li:first-child a { padding-left: 0; }
#footer ul li:last-child a { border: none; }
#footer a, #footer a:visited{text-decoration:underline; color: #fff;}
#bottomnav { clear: both; margin-left: 160px !important; }
#footer p { margin-left: 160px !important; }

#footer .wrap { background: url(../images/logo-footer.png) no-repeat 0 169px; }

#prefooter { background: url(../images/logos-subventions.png) no-repeat right -20px;clear: both; float: left; width: 940px;padding: 0 0 20px 0; border-bottom: solid 1px #243946; margin-bottom: 20px; position: relative;}
#prefooter .block { float: left; width: 220px; display: inline;}
#prefooter .block h2, #prefooter .block h3 { color: #fff; text-transform: uppercase;font-size: 15px;}
#prefooter #search { position: absolute; top: 50px; right: 0; display: none;}
#prefooter #search #searchbox {width: 220px; border: solid 1px #131f26; border-bottom-color: #2a4352; border-right-color: #2a4352;}
#prefooter #search .butSearch {position: absolute; width: 15px; height: 15px; overflow: hidden; top: 22px; right: 11px; background: url(../images/icon-search.png) no-repeat; text-indent: -9999px;}
address { font-style: normal; }