/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }-
body, button, input, select, textarea { font-family: sans-serif; color: #222; }
::-moz-selection { background: #868483; color: #fff; text-shadow: none; }
::selection { background: #868483; color: #fff; text-shadow: none; }
a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
/* =============================================================================
   Typography
   ========================================================================== */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* =============================================================================
   Lists
   ========================================================================== */
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
/* =============================================================================
   Embedded content
   ========================================================================== */
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
/* =============================================================================
   Figures
   ========================================================================== */
figure { margin: 0; }
/* =============================================================================
   Forms
   ========================================================================== */
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
/* =============================================================================
   Tables
   ========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* ==|== primary styles =====================================================
   Author: flo@debie.com
   ========================================================================== */
/* == général ================== */
@font-face {
font-family: 'AntagometricaBTBold';
src: url('../fonts/antagobd-webfont.eot');
src: url('../fonts/antagobd-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/antagobd-webfont.woff') format('woff'),
     url('../fonts/antagobd-webfont.ttf') format('truetype'),
     url('../fonts/antagobd-webfont.svg#AntagometricaBTBold') format('svg');
font-weight: normal;
font-style: normal;}

@font-face {
font-family: 'AntagometricaBTLight';
src: url('../fonts/antagolt-webfont.eot');
src: url('../fonts/antagolt-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/antagolt-webfont.woff') format('woff'),
     url('../fonts/antagolt-webfont.ttf') format('truetype'),
     url('../fonts/antagolt-webfont.svg#AntagometricaBTLight') format('svg');
font-weight: normal;
font-style: normal;}

@font-face {
font-family: 'AntagometricaBTRegular';
src: url('../fonts/antagorg-webfont.eot');
src: url('../fonts/antagorg-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/antagorg-webfont.woff') format('woff'),
     url('../fonts/antagorg-webfont.ttf') format('truetype'),
     url('../fonts/antagorg-webfont.svg#AntagometricaBTRegular') format('svg');
font-weight: normal;
font-style: normal;}

body {
background-color:#F2F2F2;
font-family:AntagometricaBTRegular;
font-size:11px;
color:#868483;
position:relative;}

a {text-decoration:none;}

.absolute {position:absolute;}

.relative {position:relative;}

.hidden {visibility:hidden;}

.main {margin-top:-26px;}
/* == header et footer ================== */
.header-top {
background-image:url(../img/header-top.png);
height:20px;}

.bg-header {
background-color:#FFF;
z-index:2;}

.header-bottom {
background-image:url(../img/header-bottom.png);
height:26px;
position:relative;}

.header-top, .header-bottom, .footer-top, .footer-bottom {
background-repeat:repeat-x;
z-index:6;}

.header-content {
max-width: 960px; width: 100%; margin: 0 auto;
width: 100%; 
height:135px;
}

.footer-top {
background-image:url(../img/footer-top.png);
height:12px;
margin-top:-12px;}

.bg-footer {
background-color:#FFF;}

.footer-content {
max-width: 960px; width: 100%; margin: 0 auto;
font-size:9px;
width: 100%;
text-align:right;
margin-left: auto;
margin-right: auto;
padding-top:5px;
height:15px;
padding-right:82px;}

.footer-bottom {
height:32px;
background-image:url(../img/footer-bottom.png);}

a.debie:link, a.debie:active, a.debie:visited {
color:#868483;}

a.debie:hover {
color:#97BF0D;}

/* == menu ================== */
.menu {
margin-top:20px;
top:0px;
right:19px;}

.menu > ul {
height:22px;
padding:0;
margin:0;}

li {
list-style-type:none;}

div.menu-projets, div.menu-publications, div.menu-equipe, div.menu-contact {
height:100%;
width:100%;}

a div.menu-projets, a div.menu-publications, a div.menu-equipe, a div.menu-contact {
color:#FFF;
line-height:20px;}

li.menu-projets, li.menu-publications, li.menu-equipe, li.menu-contact {
width:88px;
height:7px;
margin-right:10px;
bottom:0px;
padding-left:5px;
}

li.menu-publications, li.menu-equipe, li.menu-contact {
  overflow: hidden;
}

li.on {
height:20px;
color:#FFF;}

.menu-list li.on div{display:block;}
.menu-list li div{display:none;}

li.menu-projets {
background-color:#97BF0D;
right:309px;}

li.menu-projets.on ul {display:block;}
li.menu-projets ul {display:none;}

li.menu-publications {
background-color:#89146A;
right:206px;}

li.menu-equipe {
background-color:#46949D;
right:103px;}

li.menu-contact {
background-color:#F49F22;
right:0px;}

ul.sousmenu-projets {
padding:5px 0 0 0;
width:120px;}

.sousmenu-projets li {
display:block;
line-height:14px;}

.sousmenu-projets li a, .sousmenu-projets li a:link, .sousmenu-projets li a:visited {
color:#868483;}

.sousmenu-projets li a:hover {
color:#97BF0D;}

.sousmenu-projets-on
{color:#97BF0D;}

/* == home ================== */
.contentHome {
z-index:1;
max-width: 960px; width: 100%; margin: 0 auto;
margin-top:-207px;
margin-left: auto;
margin-right: auto;
height:680px;}

/* == projets ================== */

.main-content-project {
max-width: 960px; width: 100%; margin: 0 auto;
height:414px;
margin:auto;
top: -473px;}

.main-projects {height: 473px;}

.next, .prev {top:150px;z-index:6;cursor:pointer;}
.prev {left:0px;}
.next {right:0px;}

.projects-nav {
width:927px;
margin:auto;
margin-top:7px;
padding-left:33px;
padding-bottom:7px;
bottom:0px;
left:0px;
}

.projects-nav img {
margin-right:10px;
opacity:0.5;
filter:alpha(opacity=50); /* For IE8 and earlier */
cursor: pointer;}

.projects-nav img:hover {
opacity:1;
filter:alpha(opacity=100); /* For IE8 and earlier */}

.projects-nav-on {
opacity:1 !important;
filter:alpha(opacity=100) !important; /* For IE8 and earlier */}

.info-panel-open, .info-panel-toggle {
bottom:-30px;
right:10px;
}

.close {
top:11px;
right:-10px;}

.project-description {
width:416px;
height:382px;
background-color:#FFF;
opacity:0.9;
filter:alpha(opacity=90); /* For IE8 and earlier */
zoom: 1;
padding:16px 26px;
right:0;
z-index:5;}

h1.project-title {
color:#97BF0D;
font-family:AntagometricaBTLight;
font-weight: normal;
font-size:16px;}

.project-text {
color:#767575;
height:333px;
overflow-y: scroll;
width:405px;
padding-bottom:20px;}

.slider-wrapper {width:100%; overflow: hidden; height:473px;}
.slide-project {width: 60000px;}
.slider-centered-frame {max-width: 960px; width: 100%; margin: 0 auto; height:473px;}

/* == publications ================== */
.slide-publications {
height:473px;
width:100%;
overflow:hidden;}

.slide-publications-wrapper {
width:60000px;
}

.publication-wrapper {
  width: auto;
}

.main-content-publications {
max-width: 960px; width: 100%; margin: 0 auto;
height:473px;
}

.publication-description {
width:260px;
height:466px;
background-color:#E6E6E6;
padding-top:15px;}

.publication-description, .publication-image {
float:left;}

.arrow {
width:20px;
height:466px;
z-index:1;
right:0;
top:0;}

.next-publication, .prev-publication {
top:176px;
z-index:4;}

.prev-publication {left:0px;}

.next-publication {right:0px;}

h1.publication-title {
font-family:AntagometricaBTLight;
font-weight: normal;
font-size:16px;}

h1.publication-title,
a.publication-link, .publication-link:link, publication-link:active, publication-link:visited
{color:#89146A;}


/* == equipe ================== */
.equipe-content1, .equipe-content2 {
widht:100%;}

.equipe-content1 {
height:281px;
background-color:#555555;}

.equipe-content2 {
height:350px;
background-color:#e6e6e6;}

.equipe-content-portrait, .equipe-content-resume {
max-width: 960px; width: 100%; margin: 0 auto;
z-index:2;}

.equipe-content-portrait {
background-image:url(../img/equipe2025.jpg);
background-repeat:no-repeat;
height:300px;}

.barre-beige {
width:100%;
height:20px;
background-color:#e6e6e6;
top:231px;
left:0;}

.arrow-horizontal {
height:20px;
max-width: 960px; width: 100%; margin: 0 auto;
background-image:url(../img/arrow-horizontal-offset-2025.png);
background-repeat: no-repeat;
bottom:0;
left:0;
z-index:3;}

.architect1 {
width:220px;
float:left;
margin-top:6px;
text-align:left;
padding-left:170px;}
.architect2, .architect3, .architect4, .architect5 {
width:175px;
float:left;
margin-top:6px;
text-align:left;
padding-left:15px;}

.nom {
font-size:12px;
color:#46949D;
line-height:15px;}

.fonction {
font-size:11px;}

.architect1 a, .architect1 a:link, .architect1 a:visited, .architect1 a:active,
.architect2 a, .architect2 a:link, .architect2 a:visited, .architect2 a:active,
.architect3 a, .architect3 a:link, .architect3 a:visited, .architect3 a:active,
.architect4 a, .architect4 a:link, .architect4 a:visited, .architect4 a:active,
.architect5 a, .architect5 a:link, .architect5 a:visited, .architect5 a:active {
color:#46949D;}

.architect1 a:hover, .architect2 a:hover, .architect3 a:hover, .architect4 a:hover, .architect5 a:hover {
color:#868483;}

/* == contacts ================== */
.main-content-contact {
max-width: 960px; width: 100%; margin: 0 auto;
height:473px;
}

.contact-image {
height:473px;
width:340px;
background-image: url(../img/contact2025.jpg);
left:0px;}

.contact-map {
width:620px;
height:350px;
background-color:#FFF;
left:340px;}

.contact-adresse {
background-color:#d9d9d9;
height:130px;
width:620px;
left:340px;
bottom:0;}

.contact-adresse p {
margin:30px 0 33px 27px;
font-size:11px;
color:#868483;
line-height:17px;}

.contact-adresse a, .contact-adresse a:link, .contact-adresse a:active, .contact-adresse a:visited {
text-decoration:none;
color:#868483;}

.contact-adresse a:hover {
text-decoration:none;
color:#F49F22;}


/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */
/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.no-display { display:none; }
.pointer {cursor:pointer;}

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}
.overlay {
  background-color: #EEE;
  opacity: .8;
  filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 200;
  top: 0px;
  left: 0px;
}
.embedded-video-content {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 201;
  top: 0px;
  left: 0px;
  text-align:center;
}
.embedded-video-content iframe {
	margin:175px auto;
}