@charset "UTF-8";
/* CSS Marjorie Lazaro 2010 */

@font-face {
	/* This declaration targets Internet Explorer */
	font-family: 'tsar';
	src: url('font/tstarmonoroundbol-webfont.eot');
}

@font-face {
	/* This declaration targets everything else */
	font-family: 'tsar';
	src: url(//:) format('no404'), url('font/tstarmonoroundbol-webfont.woff') format('woff'), url('font/tstarmonoroundbol-webfont.ttf') format('truetype'), url('font/tstarmonoroundbol-webfont.svg#webfontnmjsS463') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*
@font-face {
	font-family: tsar;
	src: url('font/TSTARMonoRoundReg.otf');
}

@font-face {
	font-family: tsar;
	font-weight: bold;
	src: url('font/TSTARMonoRoundBol.otf');
}*/
/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, formulaire, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline
}

video { z-index: 1;}
body {overflow-x:hidden;}
ol, ul { list-style: none }

h2 {
	float:left;
	z-index:999;
	height:auto;
	width:128px;
	position:absolute;
}
#listproject h2 {
	position:relative;
	float:none;
}
:focus { outline: 0 }
a img, img { border: 0 ; z-index:999;}
table { border-collapse: collapse; border-spacing: 0 }

.title_box {padding: 10px 15px 10px 143px; position: absolute; top: 0; font-family: tsar;}

/* tags */
.navigation h2 { float: left; height: auto; z-index:999; width: 128px;}
.projects.stage h2 { background-color: rgb(255,68,68);  }
.projects.walls h2 { background-color: rgb(0,239,0); }
.projects.brand h2 { background-color: rgb(41,221,187);  }
.projects.street h2 { background-color: rgb(210,0,162);  }

h2 a { cursor: pointer }
a:link, a:visited, a:hover, a:active { color: #000 }
a.link_fil1:link, a.link_fil1:visited, a.link_fil1:hover, a.link_fil1:active { color: #666; text-decoration: none; }
a.link_fil2:link, a.link_fil2:visited, a.link_fil2:hover, a.link_fil2:active { color: #666; text-decoration: none; }
a.link_fil3:link, a.link_fil3:visited, a.link_fil3:hover, a.link_fil3:active { color: #666; text-decoration: none; }
a.link_fil4:link, a.link_fil4:visited, a.link_fil4:hover, a.link_fil4:active { color: #666; text-decoration: none; }


/* basics */
.hide { display: none }
.show { display: block }
.clear-both { clear: both }
.clear-left { clear: left }
.clear-right { clear: right }
.sep-10 { height: 10px }
.sep-20 { height: 20px }
.sep-35 { height: 35px }
.sep-60 { height: 58px }
.marginL-20 { margin-left: 20px }
.marginR-15 { margin-right: 15px }
.text-underline { text-decoration: underline; background: transparent }

/* flash bg */
.bgfull { height: 100%; width: 100%; overflow: hidden; max-height:100% }
.bgfull-adobe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; max-height: 100% }
.bgfull-content { background: url(../images/fullbg/scan.png); position: fixed; height: 100%; width: 100% }
#ontopcontent { position: absolute; width: 100%; height: 100%; }

/* Layout */
.wrapper-header { margin: 0; padding: 0; height: 65px; background: none; z-index:999; position: relative;}
.fr .wrapper-header  { min-width: 1100px;}
.header  { height: 65px; margin: 0; cursor: default; white-space: nowrap; }
.header h2 { text-indent: -9999px ;}
.header a { float: left; width: 125px; color: #fff; font-family:  tsar; }
.header a.logo { width: 128px; height: 65px; background: #f2f2f2 url(../images/logo-momentFactory.png) top left no-repeat }
a.langue { font-family: Arial, Helvetica, sans-serif; right: 0; width: 20px; font-size: 10px; color: #afafaf; position: absolute; top: 20px; padding: 0 20px 0 0; text-decoration: none; z-index: 999; }

/* navigation */
.header { display: block; background: #f2f2f2 url(../images/bg-topmenu.png) bottom left repeat-x; height: 65px; }
.home .header ul.menu { display: block; cursor: default; }
.home .header ul.menu:hover { cursor: default; }
.header:hover  { background: #f2f2f2 url(../images/bg-topmenu.png) bottom left repeat-x }
/*.header:hover ul.menu { display: block }*/
ul.navigation li .wdiip { float: left; padding-left: 2px; width: 434px; height: 65px;  text-indent: -9999px; z-index:999; }
/*ul.navigation li.wdiip:hover { background-position: 0 -65px; z-index:9; }*/
ul.navigation li.wdiip:hover {background-position: 0 -65px; z-index:999;}

.essai { float: left; height:41px; margin-top: 15px; width:162px !important; background: transparent url(../images/nav-wed-en.png) 0 0 no-repeat; text-indent: -9999px; z-index:999; background-position: 0  0 !important;}
.essai:hover { float: left; height:32px; margin-top: 15px; width:162px !important; background: transparent url(../images/nav-wed-over-en.png) 0 0 no-repeat; text-indent: -9999px; z-index:999; /*background-position: 0 0 !important;*/ }

ul.navigation li .wdiip ul { clear: left;  z-index:999; }
ul.menu { width: 1000px; height: 32px; float: left; margin: -2px 0 0 0; padding: 0;}

ul.menu li a, ul.menu li ul li a { float: left; display: inline; text-indent: -99999px; height: 32px; background-color: transparent; background-position: 0 0; background-repeat: no-repeat }
ul.menu li ul li.street a { margin-top: -11px; width: 128px; background-image: url(../images/nav-street-en.png) }
ul.menu li ul li.walls a { margin-top: -11px; width: 119px; background-image: url(../images/nav-walls-en.png) }
ul.menu li ul li.brand a { margin-top: -11px; width: 97px; background-image: url(../images/nav-brand-en.png) }
ul.menu li ul li.stage a { margin-top: -11px; width: 90px; background-image: url(../images/nav-stage-en.png) }
ul.menu li.contact a { margin-top: 36px; width: 73px; background-image: url(../images/nav-contact-en.png) }
ul.menu li.aboutus a { margin-top: 36px; width: 71px; background-image: url(../images/nav-aboutus-en.png) }
ul.menu li.carreers a { margin-top: 36px; width: 57px; background-image: url(../images/nav-carreers-en.png) }
ul.menu li.archives a { margin-top: 36px; width: 94px; background-image: url(../images/nav-archives-en.png) }
.header a.news { width: 94px; background-image: url(../images/nav-news-en.png); position: absolute; top: 18px; left: 564px; text-indent: -9999px; }
/* FR */
.fr ul.menu { width: 1000px }
.fr ul.navigation li .wdiip:hover { background-position: 0 -65px; z-index:999; }
.fr ul.navigation li .wdiip { float: left; width: 484px; height: 65px; text-indent: -9999px; z-index:999; }

.fr .essai { float: left; height:41px; margin-top: 15px; width:182px !important; background: transparent url(../images/nav-wed-fr.png) 0 0 no-repeat; text-indent: -9999px; z-index:999; background-position: 0  0 !important;}
.fr .essai:hover { float: left; height:41px; margin-top: 15px; width:182px !important; background: transparent url(../images/nav-wed-over-fr.png) 0 0 no-repeat; text-indent: -9999px; z-index:999; background-position: 0 0 !important; }

.fr ul.menu li.street a {margin-top: -21px; width: 115px; background-image: url(../images/nav-street-fr.png) }
.fr ul.menu li.walls a {margin-top: -21px; width: 149px; background-image: url(../images/nav-walls-fr.png) }
.fr ul.menu li.brand a {margin-top: -21px; width: 127px; background-image: url(../images/nav-brand-fr.png) }
.fr ul.menu li.stage a {margin-top: -21px; width: 90px; background-image: url(../images/nav-stage-fr.png) }
.fr ul.menu li.aboutus a { width: 124px; background-image: url(../images/nav-aboutus-fr.png) }
.fr ul.menu li.carreers a { width: 78px; background-image: url(../images/nav-carreers-fr.png) }
.fr .header a.news { width: 94px; background-image: url(../images/nav-news-fr.png); position: absolute; top: 18px; left: 614px; text-indent: -9999px; }
ul.menu li a:hover { background-position: 0 -32px }
.header a.news:hover { background-position: 0 -32px }
ul.menu li.archives a:hover { background-position: 0 0 -65px; cursor: pointer; }

#socialbutton a, .fr div div #socialbutton a { width: 25px;}
#socialbutton { position: absolute; top: 12px; left: 825px;}
#street_menu { position: absolute; color: #999; text-decoration: none; top: 33px; font-size: 14px; left: 142px;}
#walls_menu { position: absolute; color: #999; text-decoration: none; top: 33px; font-size: 14px; left: 265px;}
#traffic_menu { position: absolute; color: #999; text-decoration: none; top: 33px; font-size: 14px;left: 388px;}
#stage_menu { position: absolute; color: #999; text-decoration: none; top: 33px; font-size: 14px;left: 490px;}
#portfolio_menu { position: absolute; color: #999; text-decoration: none; top: 35px; font-size: 11px;left: 573px;}
#blog_menu { position: absolute; color: #999; text-decoration: none; top: 36px; font-size: 12px;left: 658px;}
#services_menu { position: absolute; color: #999; text-decoration: none; top: 36px; font-size: 12px;left: 750px;}
#contact_menu { position: absolute; color: #999; text-decoration: none; top: 36px; font-size: 12px;left: 825px;}
#news_menu { position: absolute; color: #999; text-decoration: none; top: 22px; font-size: 12px;left: 658px;}
#about_menu { position: absolute; color: #999; text-decoration: none; top: 22px; font-size: 12px;left: 750px;}
#career_menu { position: absolute; color: #999; text-decoration: none; top: 22px; font-size: 12px;left: 790px;}
#madona_menu { position: absolute; color: #999; text-decoration: none; top: 24px; font-size: 12px;left: 915px;}

.fr div div #socialbutton { left: 935px;}
.fr div div a#street_menu { left: 142px;}
.fr div div a#walls_menu {left: 255px;}
.fr div div a#traffic_menu { left: 420px;}
.fr div div a#stage_menu { left: 565px;}
.fr div div a#portfolio_menu { left: 665px;}
.fr div div a#blog_menu { left: 746px;}
.fr div div a#news_menu { left: 746px;}
.fr div div a#services_menu { left: 838px;}
.fr div div a#about_menu { left: 838px;}
.fr div div a#contact_menu { left: 935px;}
.fr div div a#career_menu { left: 963px;}
.fr div div a#madona_menu { left: 1070px;}

#street_menu:hover { color: #D200A2; cursor: pointer; }
#walls_menu:hover {  color: #00EF00; cursor: pointer; }
#traffic_menu:hover {  color: #29ddbb; cursor: pointer; }
#stage_menu:hover {  color: #ff4444; cursor: pointer; }
#portfolio_menu:hover {  color: #fef019; cursor: pointer;}
#blog_menu:hover {  color: #fef019; cursor: pointer; }
#services_menu:hover {  color: #fef019; cursor: pointer; }
#contact_menu:hover {  color: #fef019; cursor: pointer; }
#news_menu:hover {  color: #fef019; cursor: pointer; }
#about_menu:hover {  color: #fef019; cursor: pointer; }
#career_menu:hover {  color: #fef019; cursor: pointer; }

#min_sep {position: absolute; left: 254px;}
#min_sep2 {position: absolute; left: 377px;}
#min_sep3 {position: absolute; left: 477px;}
#min_sep4 {position: absolute; left: 560px;}
#min_sep5 {position: absolute; left: 643px;}
#min_sep6 {position: absolute; left: 735px;}
#min_sep7 {position: absolute; left: 810px;}
#min_sep8 {position: absolute; left: 902px;}

.fr div div #min_sep {position: absolute; left: 240px;}
.fr div div #min_sep2 {position: absolute; left: 405px;}
.fr div div #min_sep3 {position: absolute; left: 552px;}
.fr div div #min_sep4 {position: absolute; left: 650px;}
.fr div div #min_sep5 {position: absolute; left: 732px;}
.fr div div #min_sep6 {position: absolute; left: 824px;}
.fr div div #min_sep7 {position: absolute; left: 913px;}
.fr div div #min_sep8 {position: absolute; left: 1055px;}

/* home */
.home .wrapper-header { background: transparent url(../images/bg-topmenu.png) bottom left repeat-x }
.home .header a { color: #afafaf }
.wedoitinpublic { float: left; width: 480px; height: 60px;/* background: url(../images/inset-white.png) 0 0 no-repeat;*/ background-color: rgb(255,240,0); opacity: 0.90 }
.wedoitinpublic2  { float: left; width: 480px; height: 60px; background: rgb(255,240,0); opacity: 0.90 }
.wedoitinpublic h1 { float: left; width: 128px; margin-right: 20px; background-color: rgb(255,240,0); }
.wedoitinpublic p { width: 480px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 13px; padding-top: 12px; }
.wedoitinpublic p a { text-transform: uppercase; font-weight: bold; font-size: 10px }



.more {
	position: absolute;
	top: 105px !important;
	left: 148px;
	font-size: 8px !important;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: right;
	text-transform: uppercase;
	line-height: 10px !important;
}

.lines { width: 964px; float:left; }
.project-list { float: left; width: 480px; height: 216px; /*margin: -58px 2px 2px 0 */}
.project-list p { display: none }
.project-list:hover p {
	display: block; float: left; width: 475px; position: relative; top: -15px; background: transparent url(../images/bg-home-project.png) 0 0 repeat;
	height: 15px; line-height: 15px; text-align: right; padding-right: 5px;
	font-family: Arial, Helvetica, sans-serif; color: #ccc; font-size: 9px; text-transform: uppercase;
}
.project-list a { width: 480px; height: 60px; text-indent: -99999px; position: relative; /*top: 60px;*/ background-color: transparent; background-repeat: no-repeat; }
.project-list:hover a { background-position: 0 -60px; }

/* home - browsing archives and projects */
.browse { z-index:999}
.gen .browse, .projects .browse {position: relative;
margin-top: -60px; /* VALEUR NEGATIVE DE LA HAUTEUR DU FOOTER */
height: 60px;
clear:both; }
.home .browse {margin-top: 60px; height: 85px; width: 964px; }
.browse h3 { float: left; width: 124px; height: 60px; text-indent: -99999px }
.home .browse h3 { background: transparent url(../images/h3-browseArchives-en.gif) 0 0 no-repeat }
/* FR */ .home .fr .browse h3 { background: transparent url(../images/h3-browseArchives-fr.gif) 0 0 no-repeat }
.home .browse:hover h3 { background-position: 0 -60px }
.gen .browse .list, .gen .mofa .list { width: 720px; white-space: nowrap; float: left; }
.browse .list, .mofa .list { float: left !important; }
.browse .list a img, .mofa .list a img { float: left !important; }
/*.browse .list a:hover img, .mofa .list a:hover img { filter: alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50 } */
.gen .mofa { position: fixed; bottom: 0; left: 0; z-index:999; height: 60px; width: 845px;}
.mofa h3 { float: left; width: 124px; height: 60px;}
img{ font-size: 10px;}
/* gen */
.gen { background-color: #000 }
.gen p { margin-bottom: 10px }
.content {
	margin: -10px; position: relative; z-index: 888; width: 900px; padding: 5px 10px 10px 143px; background-color: rgb(255,240,0); opacity: 0.90; font-family: tsar;text
}

.content2 {
	margin: -10px; position: relative; z-index: 888; width: 400px; padding: 15px 15px 10px 143px; background-color: rgb(255,240,0); opacity: 0.90; font-size: 12px; font-family: tsar;
}
.contentWhite {
	margin: 0; top: 65px; position: absolute; z-index: 990; width: 400px; color: #FFFFFF; height: 310px;
}
.contentWhite2 {
	margin: 0; top: 65px; position: absolute; z-index: 990; width: 580px; display: block; height: 285px; font-family:tsar; font-size:12px;
}
.gen.history .content { width: 400px }
.gen .content form, .gen .content form p, .gen .content form p a, .gen .content.formulaire p a, label, textarea { font-family: Arial, Helvetica, sans-serif }
.gen .content form { font-size: 13px; line-height: 16px; color: #333 }
.gen .content form p { margin-top: 20px }
.gen .content p { font-size: 12px; line-height: 14px }
.gen .content p a { font-weight: bold; font-size: 12px; color: #333; text-decoration: none }


/* formulaires */
label { float: left; margin: 6px 0 10px 0; font-size: 12px; color: #333 }
input { height: 14px; margin-right: 10px; float: left; font-size: 12px; color: #333; background-color: #fff; border: 0; padding: 3px 5px }
.send_btn { height: auto;  float: left;  width: auto;  border: 0;  background: rgb(255,240,0); padding:0; }
input.file { height: 25px; margin-right: 10px; float: left; font-size: 12px; color: #333; background-color: #fff; border: 0; padding: 3px 5px }
textarea { float: left; font-size: 12px; color: #333; background-color: #fff; border: 0; padding: 5px 10px }
input.btn { background-color: #333; color: #fff; padding: 3px 8px 5px 8px; height: 20px; text-transform: uppercase; font-size: 10px; font-family: Arial, Helvetica, sans-serif, Helvetica, sans-serif }
input.btn:hover { background-color: #999 }
#requestselect { cursor: pointer; width: 170px; background-color: #333; color: #fff; padding: 3px 8px 3px 8px; height: 15px; text-transform: uppercase; font-size: 10px; font-family: Arial, Helvetica, sans-serif; }
#requestselect:hover { background-color: #999; }
.selectitems { color: #333; height: 20px; line-height: 20px; background-color: #e2e2e2;	padding-top: 2px; font-size: 10px; font-family: Arial, Helvetica, sans-serif;  }
.selectitems span {	cursor: pointer; margin-left: 5px; color: #333; font-size: 10px; font-family: Arial, Helvetica, sans-serif }
#requestselectholder { width: 186px; overflow: auto; position: absolute;  }
.hoverclass { background-color: #fff; cursor: hand }
#requestselectholder img { display: none }
.select {
	position: absolute;
	height: 22px;
	padding: 0 4px 0 8px;
	color: #fff;
	font: 10px/21px Arial, Helvetica, sans-serif,sans-serif;
	background:  #333333;
	overflow: hidden;
	text-transform: uppercase;
	 border: #333333 none !important;
}
/* ------------------------ */

.elSelect {
	width:206px;
	height:20px;
	background: #333333;
}
.elSelect .selected {
	background-color:#fff !important;
	color:#000 !important;
}
.elSelect .clear {
	clear:both;
}
.elSelect .selectedOption {
	float:left;
	padding:2px 0 0 6px;
	width:177px;
	font-size:12px;
	color:#fff;
	overflow:hidden;
}
.elSelect .dropDown {
	width: 23px;
	height: 20px;
	float: right;
	background: #333333;
}
.elSelect .optionsContainerTop {
	position:absolute;
	background: #e1e1e1;
	width:100%;
	height:5px;
}
.elSelect .optionsContainerTop div {
	background: #e1e1e1;
	width:100%;
	height:5px;
}
.elSelect .optionsContainerTop div div {
	background: #e1e1e1;
	width:100%;
	height:5px;
}
.elSelect .optionsContainerBottom {
	position:absolute;
	margin:-5px 0 0 0;
	background: #e1e1e1;
	width:100%;
	height:5px;
}
.elSelect .optionsContainerBottom div {
	background: #e1e1e1;
	width:100%;
	height:5px;
}
.elSelect .optionsContainerBottom div div {
	background: #333;
	width:100%;
	height:5px;
}
.elSelect .optionsContainer {
	position:absolute;
	display:none;
}
.elSelect .option {
	padding:5px 0 5px 5px;
	background-color:#e1e1e1;
	text-align:left;
	font-size:12px;
	color:#000;
}
.elSelect .disabled {
	background-color:#C0CCCF;
	color:#000;
}
/* ------------------------ */
select.styled {cursor: pointer;}
.styled option { background: #e1e1e1; padding: 2px 0; width: 100%; border:  none !important; color: #000000;}
.styled option:hover { background: #999999 !important; padding: 2px 0; width: 100%;  border: none !important;}
option.changeOption{ border: none !important;}
/* projets */
.projects { background-color: #333 }
.browse h3 img { margin: 0; padding: 0; float: left }
.projects.stage .contentWhite, .projects.stage .browse h3 { background-color: rgb(255,68,68); }
.projects.walls .contentWhite, .projects.walls .browse h3 { background-color: rgb(0,239,0);  }
.projects.brand .contentWhite, .projects.brand .browse h3 { background-color: rgb(41,221,187); }
.projects.street .contentWhite, .projects.street .browse h3 { background-color: rgb(210,0,162); }
.projects.stage .browse:hover h3 { background-color: #ff4444 }
.projects.walls .browse:hover h3 { background-color: #00ef00 }
.projects.brand .browse:hover h3 { background-color: #29ddbb }
.projects.street .browse:hover h3 { background-color: #d200a2 }
.projects.content { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333 }

.projects.stage .browse h4 { float: left; background-color: #ff4444; width: 60px; height: 60px }
.projects.walls .browse h4 { float: left; background-color: #00ef00; width: 60px; height: 60px }
.projects.brand .browse h4 { float: left; background-color: #29ddbb; width: 60px; height: 60px }
.projects.street .browse h4 { float: left; background-color: #d200a2; width: 60px; height: 60px }
/*.projects.stage .browse h4:hover { background-color: #ff4444 }
.projects.walls .browse h4:hover { background-color: #00ef00 }
.projects.brand .browse h4:hover { background-color: #29ddbb }
.projects.street .browse h4:hover { background-color: #d200a2 }*/

.presentation { position: relative; float: left;  width: 100%;}
.projects .presentation a.btn-nav { float: left; height: 20px; text-indent: -9999px }
.projects .presentation a.btn-nav.next { width: 94px; background: #999 url(../images/btn-projects-next-en.png) 0 0 no-repeat }
.projects .presentation a.btn-nav.previous { width: 118px; background: #999 url(../images/btn-projects-previous-en.png) 0 0 no-repeat; margin-right: 2px }
/* FR */
.projects .fr .presentation a.btn-nav.next { width: 107px; background: #999 url(../images/btn-projects-next-fr.png) 0 0 no-repeat }
.projects .fr .presentation a.btn-nav.previous { background: #999 url(../images/btn-projects-previous-fr.png) 0 0 no-repeat }
.projects.stage .presentation a.btn-nav:hover { background-color: #ff4444 }
.projects.walls .presentation a.btn-nav:hover { background-color: #00ef00 }
.projects.brand .presentation a.btn-nav:hover { background-color: #29ddbb }
.projects.street .presentation a.btn-nav:hover { background-color: #d200a2 }
#cache_summary {min-height: 1000px; overflow-x: hidden; position: absolute; width: 295px; display: block; right:0; z-index: 900; top: 120px; }
#sum_up {  width: 280px; height: 28px;}
#sum_mid {  padding: 0 45px; width: 190px;}
#sum_mid strong, #sum_mid h1, #sum_mid a {font-family:tsar; font-weight:normal;}
#sum_mid strong {font-size:10px;}
#sum_mid a {color:#FFF; font-size:11px; text-decoration:none;}
#sum_mid a:hover {text-decoration:underline;}
#sum_down {  width: 280px; height: 28px; padding:0 0 10px 106px;}
#sum_holder{width:100%; height:100%; position:relative;}
#sum_hide, #sum_show{position:absolute;top:40px;left:12px;width:21px; height:28px; cursor:pointer;}
.fr #sum_hide, .fr #sum_show{position:absolute;top:40px;left:12px;width:21px; height:53px; cursor:pointer;}
#sum_hide {background-image:url('../images/summary-hide-en.png'); }
#sum_show {background-image:url('../images/summary-show-en.png'); }
.fr #sum_hide {background:url('../images/summary-hide-fr.png') no-repeat; }
.fr #sum_show {background:url('../images/summary-show-fr.png') no-repeat; }
#navgal { padding: 0 14px 15px; position: absolute; bottom: 0;}
.projects .summary { position: absolute; right: 0; width: 280px; background: url(../images/txt_middle.png);}
.projects .summary h1 { text-align:left; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 20px; padding: 15px 0; font-weight: bold; text-transform: uppercase; letter-spacing: 0.1em; }
.projects .summary p { padding:2px; font-size: 11px; line-height: 13px; color: #fff; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.05em; }
.projects .summary hr { clear: both; margin: 0; padding: 0; color: #999; background-color: #333333 }

.archives .listing .summary { /*position: relative; top: 62px; left: 755px;*/ width: 175px; float: right; padding: 0 20px 20px; background: url(../images/txt_middle.png);}
.archives .listing .summary h1 { color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 15px;  font-weight: bold; text-transform: uppercase; letter-spacing: 0.1em; padding: 20px 0 }
.archives .listing .summary p{ font-size: 11px; line-height: 13px; color: #fff; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.05em;  }
.archives .listing .summary hr { clear: both; margin: 0; padding: 0; color: #999; background-color: #333333 }
.classhr { clear: both; margin: 0; padding: 0; color: #000; border-bottom: 1px solid; }

#listproject { width: 128px; height: 100%; float: left; position: absolute;}
.portProject {margin-top:50px;}
#arrow_up { width: 128px; height: 22px; display: block; background: url(../images/arrow_up_off.jpg); margin: 0 auto !important; }
#arrow_down { width: 128px; height: 22px; display: block; background: url(../images/arrow_down_off.jpg); margin: 0 auto !important; }

#project_title {width: 128px; height: 42px; display: block;  cursor: pointer; margin: 0 auto !important; text-align: center;font-family:tsar;}
#project_title p {text-align: center !important; top: 15px !important; font-size: 13px !important; color: #666 !important;}
#arrow_up:hover { width: 128px; height: 22px; display: block; background: url(../images/arrow_up_on.jpg); cursor: pointer; margin: 0 auto !important;}
#arrow_down:hover { width: 128px; height: 22px; display: block; background: url(../images/arrow_down_on.jpg); cursor: pointer; margin: 0 auto !important;}

/* archives */
.projects.archives .presentation a.btn-nav.previous { width: 118px; height: 20px; background: #999 url(../images/btn-archives-previous-en.gif) 0 0 no-repeat; margin: 0 }
.projects.archives .presentation a.btn-nav.next { width: 94px; height: 20px; background: #999 url(../images/btn-archives-next-en.gif) 0 0 no-repeat }
.projects.archives .presentation a.btn-nav.index { width: 40px; height: 20px; background: #999 url(../images/btn-archives-index.gif) 0 0 no-repeat; margin: 0 2px }
/* FR */
.projects.archives .fr .presentation a.btn-nav.next { width: 108px; height: 20px; background: #999 url(../images/btn-archives-next-fr.gif) 0 0 no-repeat }
.projects.archives .fr .presentation a.btn-nav.previous { width: 118px; height: 20px; background: #999 url(../images/btn-archives-previous-fr.gif) 0 0 no-repeat }
.projects.archives  .presentation a.btn-nav:hover, .projects.archives .fr .presentation a.btn-nav:hover { background-position: 0 -20px }

.filterChoicesList{margin-left:2px;}

/* archives listing projects */
.archives .listing { min-width: 100%;  margin-top:48px;/*white-space: nowrap*/ }
.archives .listing div { float: left; margin: 0 0 -15px; padding: 0 2px 2px 0 }
.archives .listing div img { float: left; margin: 0; padding: 0 }
.archives .listing div a { color: #FFFFFF; text-decoration: none; font-size: 9px; font-family: Arial, Helvetica, sans-serif;}
.archives .listing div p { position: relative; width: 100%; top: -15px; height: 15px; line-height: 15px; color: #fff; font-size: 9px; text-transform: uppercase; text-align: right; overflow: hidden;}
.archives .listing div p.left_align { clear: left; position: relative; width: 100%; top: -15px; height: 15px; line-height: 15px; color: #fff; font-size: 9px; text-transform: uppercase; text-align: left; overflow: hidden;}
.archives .listing div.product_stage p.petit { clear: left; position: relative; width: 160px; top: -15px; height: 15px; line-height: 15px; color: #fff; font-size: 9px; text-transform: uppercase; text-align: right; overflow: hidden;}
.archives .listing div.product_walls p.petit { clear: left; position: relative; width: 160px; top: -15px; height: 15px; line-height: 15px; color: #fff; font-size: 9px; text-transform: uppercase; text-align: right; overflow: hidden;}
.archives .listing div.product_building p.petit { clear: left; position: relative; width: 160px; top: -15px; height: 15px; line-height: 15px; color: #fff; font-size: 9px; text-transform: uppercase; text-align: right; overflow: hidden;}
.archives .listing div.product_street p.petit { clear: left; position: relative; width: 160px; top: -15px; height: 15px; line-height: 15px; color: #fff; font-size: 9px; text-transform: uppercase; text-align: right; overflow: hidden;}

.archives .listing .product_stage p { background: transparent url(../images/bg-thumbs-stage.png) 0 0 no-repeat }
.archives .listing .product_walls p { background: transparent url(../images/bg-thumbs-walls.png) 0 0 no-repeat }
.archives .listing .product_building p { background: transparent url(../images/bg-thumbs-brand.png) 0 0 no-repeat }
.archives .listing .product_street p { background: transparent url(../images/bg-thumbs-street.png) 0 0 no-repeat }

.small { width: 160px;}

/* all filter stuff */
 #filters {position:absolute;top:65px; left:0px;}
a.closeLink{color:transparent;}
.fadeThumb{display:none; }
#thumbnailsLists div, #scrollerList div {background: url('../images/StripesInGlass.gif') center 20px no-repeat;}
 #filterList {z-index: 990;position:absolute; left:-914px; display:inline-block; list-style-type:none; top:0px; width:914px;}
 #filterButton {border-right:1px solid #434140; z-index:999;position:relative; cursor:pointer; width:127px; height:47px; background: url(../images/filters_bg_hover.jpg) 0 0 repeat-y; font-size:12px; font-family:tsar; color:#fff; }
 #filterButton p {padding:18px 0px 0px 35px;}
 #filterButton:hover {background: url(../images/filters_bg.jpg) 0 0 repeat-y;}
 #filterClose {padding:3px;z-index: 1000; background: url(../images/filter_close.png) 4px 4px no-repeat; position:absolute; top:4px; right:6px; width:11px; height:11px; display:none;}
 #filterClose:hover {background-color:#463434; cursor:pointer;}
.filter { margin-right:2px;cursor: pointer;  z-index:999; height:45px; width:226px;float:left; font-family:tsar; text-transform:uppercase;}
.filter h3 {color:#fff; padding:10px 0px 0px 15px; font-size:11px; font-weight:normal;}
.filter p {padding:3px 0px 0px 12px;font-size: 10px; line-height: 12px; color: #a4a3a3 }
li.filterChoice {background: url(../images/filterChoice_bg.png) 0 0 repeat-y; height:24px;border-top:1px solid #434140; border-right:1px solid #434140; border-bottom:1px solid #1b1c1b; border-left:1px solid #1b1c1b; }
li.filterChoice:hover{ background: url(../images/filterChoice_bg_hover.png) 0 0 repeat-y; border-right:1px solid #6c6b6b; border-top:1px solid #6c6b6b;}
a.link_filter{color:#fff; text-decoration:none; width:226px; height:24px; font-size:10px; display:inline-block; position: absolute;}
li.filterChoice p { padding:4px 0px 0px 10px;}
.filterHeader{background:url(../images/down_arrow.png)185px 16px no-repeat; z-index:9990;  cursor: pointer;  z-index:999; height:45px; width:226px;background-color: #666362; float:left; border-right:1px solid #817d7d; border-top:1px solid #817d7d;border-left:1px solid #54504e;border-bottom:1px solid #54504e; font-family:tsar; text-transform:uppercase;}
.filterHeader:hover{background-color:#837e7e; border-right:1px solid #9c9999; border-top:1px solid #9c9999;border-left:1px solid #54504e;border-bottom:1px solid #54504e;}
.filterChoices{z-index:990;}
.filterChoices li{z-index:990;}

.projects #listproject { min-width: 128px; /*white-space: nowrap*/ }
.projects #listproject .fadeThumb { width: 128px; margin: 0 auto -15px; padding: 0 2px 2px 0 }
.projects #listproject div img { float: left; margin: 0; padding: 0 }
.projects #listproject div a { color: #FFFFFF; text-decoration: none; font-size: 9px;}
.projects #listproject div p { clear: left; position: relative; width: 100%; top: -15px; height: 15px; line-height: 15px; color: #fff; font-size: 9px; text-transform: uppercase; text-align: right; overflow: hidden;}

#absoList{margin:0px !important; overflow:hidden;position:absolute;padding-top:24px;z-index:1px;background:url('../images/projBackground.png') -4px;}
#projectList {padding-top:0px; height:100%;position:relative;overflow:hidden;}
#arrow_up, #arrow_down {position:absolute; z-index:940;}
#arrow_up {top:0px;}
#arrow_down{bottom:0px;}

.projects #listproject .product_stage p { background: transparent url(../images/bg-thumbs-stage.png) 0 0 no-repeat }
.projects #listproject .product_walls p { background: transparent url(../images/bg-thumbs-walls.png) 0 0 no-repeat }
.projects #listproject .product_building p { background: transparent url(../images/bg-thumbs-brand.png) 0 0 no-repeat }
.projects #listproject .product_street p { background: transparent url(../images/bg-thumbs-street.png) 0 0 no-repeat }
.gen .mofa .list div p { background: transparent url(../images/bg-thumbs-street.png) 0 0 no-repeat }

.projects #listproject div.product_stage p.petit, .projects #listproject div.product_walls p.petit, .projects #listproject div.product_building p.petit, .projects #listproject div.product_street p.petit { clear: left; position: relative; width: 128px; top: -15px; height: 15px; line-height: 15px; color: #fff; font-size: 9px; text-transform: uppercase; text-align: right; overflow: hidden;font-family:arial;}

.gen .mofa .list div p.petit {clear: left; position: relative; width: 128px; top: -15px; height: 15px; line-height: 15px; color: #fff; font-size: 9px; text-transform: uppercase; text-align: right; overflow: hidden;font-family:arial;}
.gen .mofa .list div p.petit a {color: #fff; text-decoration: none;}
.archives .listing div:hover p { background-position: 0 -15px }
.projects #listproject .fadeThumb:hover p { background-position: 0 -15px }
.archives .listing img { margin: 0 2px 0 0 }

/* FR */
.projects.archives .fr .filter.category .close h3 { background: #999 url(../images/h3-category-fr.jpg) 0 0 no-repeat }
/*.projects.archives .fr .filter.category h3:hover, .projects.archives .fr .filter.category .open h3 { background: #999 url(../images/h3-category-fr.jpg) 0 -30px no-repeat }*/
.projects.archives .fr .filter.place .close h3 { background: #999 url(../images/h3-place-fr.jpg) 0 0 no-repeat }
/*.projects.archives .fr .filter.place h3:hover, .projects.archives .fr .filter.place .open h3 { background: #999 url(../images/h3-place-fr.jpg) 0 -30px no-repeat }*/

.projects.archives .filter.all a img { cursor: pointer; display: block; float: left; width: 95px; height: 30px; background-color: #fff; text-indent: -9999px; margin: 0; padding: 0 }
.projects.archives .filter.all a:hover img { background-color: #ccc }

/* projects public reaction */
.projects .filter.publicreaction h3 { width: 320px }
.projects .filter.publicreaction .close { height: 30px }
/*.projects .filter.publicreaction .close h3 { width: 320px; background: #999 url(../images/h3-publicreaction-en.jpg) 0 0 no-repeat }
.projects .filter.publicreaction h3:hover, .projects .filter.publicreaction .open h3 { background: #999 url(../images/h3-publicreaction-en.jpg) 0 -30px no-repeat }*/
.projects .filter.publicreaction div h4 a {  max-width: 300px;}
.projects .filter.publicreaction div h4 { float: left; max-width: 300px; font-size: 10px; line-height: 12px; font-weight: bold; padding: 0 10px; margin: 5px 0 0 0 }
.projects .filter.publicreaction div p { float: left; max-width: 300px; font-size: 10px; line-height: 12px; padding: 0 10px; margin: 0 }
.projects .filter.publicreaction div img.illustration { float: left; margin: 5px 10px 0 10px }

/* home - boxes */
.home .filter { width: 320px }
.home .filter p { width: 190px }
.home .filter .close { height: 85px }
.home .filter.twitter { left: 0 }
.home .filter.web { left: 322px }
.home .filter.medias { left: 644px }
.home .filter h3 { width: 320px }
.home .filter div h4 a {max-width: 300px; display: block; overflow: hidden;}
.home .filter div h4 { float: left; font-size: 10px; max-width: 300px; line-height: 12px; font-weight: bold; padding: 0 10px; margin: 5px 0 0 0 }
.home .filter div p { float: left; max-width: 300px; font-size: 10px; line-height: 12px; padding: 0 10px; margin: 0 }
.home .filter div img.illustration { float: left; margin: 5px 0 0 10px }

.home .filter.twitter .close h3 { background: #999 url(../images/h3-twitter-en.jpg) 0 0 no-repeat }
.home .filter.twitter h3:hover, .home .filter.twitter .open h3 { background: #999 url(../images/h3-twitter-en.jpg) 0 -30px no-repeat }
.home .filter.web .close h3 { background: #999 url(../images/h3-web-en.jpg) 0 0 no-repeat }
.home .filter.web h3:hover, .home .filter.web .open h3 { background: #999 url(../images/h3-web-en.jpg) 0 -30px no-repeat }
.home .filter.medias .close h3 { background: #999 url(../images/h3-medias-en.jpg) 0 0 no-repeat }
.home .filter.medias h3:hover, .home .filter.medias .open h3 { background: #999 url(../images/h3-medias-en.jpg) 0 -30px no-repeat }
/* FR */
.home .fr .filter.twitter .close h3 { background: #999 url(../images/h3-twitter-fr.jpg) 0 0 no-repeat }
.home .fr .filter.twitter h3:hover, .home .fr .filter.twitter .open h3 { background: #999 url(../images/h3-twitter-fr.jpg) 0 -30px no-repeat }
.home .fr .filter.web .close h3 { background: #999 url(../images/h3-web-fr.jpg) 0 0 no-repeat }
.home .fr .filter.web h3:hover, .home .fr .filter.web .open h3 { background: #999 url(../images/h3-web-fr.jpg) 0 -30px no-repeat }
.home .fr .filter.medias .close h3 { background: #999 url(../images/h3-medias-fr.jpg) 0 0 no-repeat }
.home .fr .filter.medias h3:hover, .home .fr .filter.medias .open h3 { background: #999 url(../images/h3-medias-fr.jpg) 0 -30px no-repeat }
.navigate { clear: left; width: 300px; padding: 0 10px; margin: 0; position: absolute; bottom: 0 }
.navigate a, .navigate a img { margin: 0; padding: 0; float: left }
div.navigate a.float-right { margin: 0; padding: 0; float: right }

/* slideshow */
.gall, .gall2, .gall3 {
	margin: 5px 4px;
}

.gal_title {
	margin-bottom:10px;
	padding-bottom: 10px;
	font-family: tsar !important;
}

#flash { float: left; z-index: 1; width: 1120px; height: 100%;}
#flash img {width: 100%;}
.nav_slide { top: 560px; background: }
.space {width: 500px; height: 200px;}
.closeX{cursor: pointer; left: 670px; position: absolute;}

#vimeo_player_loaded { background: #333; z-index: 1;}

.result {
	padding: 20px;
	font-size: 12px;
	color:#FFFFFF;
	width: 90px !important;
}

.txt_left p{
	text-transform:none !important;
	height:auto !important;
	text-align: left !important;
}


.bgstretcher, .bgstretcher ul, .bgstretcher ul li {
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	position: absolute;
}
#gallery {
	width:210px;
}
#gallery img {
	margin-bottom:10px;
	margin-right:8px;
	border:2px solid #b6b6b6;
	border-radius:3px;
	opacity:0.3;
}
#gallery img:hover {
	border-color:#fff;
	-moz-transition-property: border-color;
  	-moz-transition-duration: 0.8s;
  	-moz-transition-timing-function: ease;
	-webkit-transition-property: border-color;
  	-webkit-transition-duration: 0.8s;
  	-webkit-transition-timing-function: ease;

	opacity:1;
	-moz-transition-property: opacity;
  	-moz-transition-duration: 0.8s;
  	-moz-transition-timing-function: ease;
	-webkit-transition-property: opacity;
  	-webkit-transition-duration: 0.8s;
  	-webkit-transition-timing-function: ease;
}

#gallery .selectgal img {
	border-color:#fff;
	-moz-transition-property: border-color;
  	-moz-transition-duration: 0.8s;
  	-moz-transition-timing-function: ease;
	-webkit-transition-property: border-color;
  	-webkit-transition-duration: 0.8s;
  	-webkit-transition-timing-function: ease;

	opacity:1;
	-moz-transition-property: opacity;
  	-moz-transition-duration: 0.8s;
  	-moz-transition-timing-function: ease;
	-webkit-transition-property: opacity;
  	-webkit-transition-duration: 0.8s;
  	-webkit-transition-timing-function: ease;
}
.nextO, .prevO { cursor: pointer !important; float: right; padding: 0 5px;}
a.nextO:hover, a.prevO:hover { cursor: pointer !important;  text-decoration: underline !important; color:#FFFFFF !important; }
#nextgal, #prevgal, #playgal, #pausegal {
	cursor: pointer;
}

.htxt {
	height: 350px;
	margin-top: -10px;
}

.input_file_style_file
{
	opacity:0.0;
	-moz-opacity:0.0;
	-khtml-opacity:0.0;
	filter:alpha(opacity=0);
	height:23px;
	position: absolute;
	cursor: pointer !important;
	z-index: 1;
}

.input_file_style_file:hover
{
	cursor: pointer !important;
}

#file_new {
	cursor: pointer;
	z-index: 100;
}

.input_file_style_new
{
	cursor: pointer;
	z-index: 100;
}

.input_file_style_new:hover
{
	cursor: pointer;
	z-index: 100;
}
.input_file_style_new img,.input_file_style_new input#file_new
{
	vertical-align:middle;
	cursor: pointer !important;
	z-index: 100 !important;
}

.input_file_style_new img:hover,.input_file_style_new input#file_new:hover{ cursor: pointer !important; z-index: 100 !important;}

.input_file_style_new input
{
	height:16px;
	margin:1px;
	margin-right:2px;
	padding:1px;
	cursor: pointer;
	z-index: 100;
}

.img_aggregator {
	width: 45px !important;
	height:35px;
	overflow:hidden;
	padding-top: 8px  !important;
}

.img_aggregator img{
	width: 100% !important;
	height:auto;
}

.h4_aggregator {
	width: 230px !important;
}
#sub-nav h2 {float: left; width: 124px; height: auto; position: relative;}
.contact_mofa p, .contact_mofa a {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 12px !important;
	line-height: 16px !important;
	font-weight: normal !important;
	color: #333 !important;
	letter-spacing:0.05em !important;
}

#mailformat a{
	font-size: 14px !important;
	font-weight: bold !important;
}

.textAbout p{
	/*font-family: Arial, Helvetica, sans-serif !important;
	font-size: 15px !important;
	line-height: 18px !important; */
	font-weight: normal !important;
	letter-spacing:0px !important;
}

.textAbout p span{
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 15px;
	line-height: 18px;
	font-weight: bold;
	letter-spacing:0px;
}

p.nav_style a{
	font-size: 10px !important;
	text-decoration:underline !important;
	text-transform: uppercase !important;
	color: #000000 !important;
}


table {
	font-size: 11px;
}

td {
	padding: 5px;
}

/*--------------news----------------*/

#news_content  h1{
	float: left;
	width: 320px;
}

.right_news  {
	float: left;
	width: 80px;
	text-align: right;
}
.right_news2  {
	float: left;
	width: 375px;
}

.left_news  {
	float: left;
	width: 25px;
}