/* 
/* Basic tags
*/

* {
    margin: 0;
    padding: 0;
}
body {
    font-size: 11px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    line-height: 14px;
    font-weight: normal;
    margin: 0;
    padding: 30px;
    background: #000;
}
ul,li {
    list-style-position: none;
    list-style-type: none;
}
fieldset, img {
    border: 0;
}
iframe {
    width: 0;
    height: 0;
    border: 0;
}
td {
    border-spacing: 0px;
    border-collapse: collapse; 
}
th { vertical-align: middle }
td { vertical-align: middle }
table { border-collapse: collapse }

/*
/* basic classes
*/
.clearboth {
    clear: both;
}
.invisible {
    display: none;
}
div#loading {
 	width: 857px;
    height: 424px;
 	position: absolute;
 	padding-top: 50px;
 	text-align: center;
 	color: #fff;
 	background-color: #000;
 	z-index: 300;
 	font-size: 12px;
}


/*
/* Layout
*/
div#container {
    margin-left: auto;
    margin-right: auto;
    /*text-align: center;*/
    width: 857px;
    height: 474px;
    position: relative;
}
div#content {
    position: absolute;
    left: 160px;
    top: 54px;
    width: 683px;
    height: 407px;
}
div.content {
    overflow: hidden;
    width: 668px;
    height: 392px;
}
div#nav {
    position: absolute;
    left: 25px;
    top: 108px;
    width: 107px;
}
ul#languages li {
    float: left;
    padding: 3px;
}
ul#languages li a img {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
ul#languages li a:hover img,
ul#languages li a.selected img {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
img#logo {
    position: absolute;
    left: 17px;
    top: 5px;
}


/* home */
div.not_home {
    background: url("../img/bkg.png") no-repeat;
}
div.home_paris {
    background: url("../img/home_paris.jpg") no-repeat;
}
div.home_mama {
    background: url("../img/home_mama.jpg") no-repeat;
}
div.home_lorient {
    background: url("../img/home_lorient.jpg") no-repeat;
}
div.home_la {
    background: url("../img/home_la.jpg") no-repeat;
}


/* common */
h2 {
    color: #000;
    /*color: #faaccc;*/
    /*font-variant: small-caps;*/
    padding-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
}
h3 {
    color: #000;
    /*color: #faaccc;*/
    /*font-variant: small-caps;*/
    padding-bottom: 5px;
    font-size: 13px;
    font-weight: bold;
}
h4 {
    color: #555;
    /*font-variant: small-caps;*/
    padding-bottom: 5px;
    font-size: 12px;
    font-weight: bold;
}
.text {
    /*color: #555;*/
    color: #444;
    font-size: 12px;
    line-height: 14px;
}
a {
    /*color: #ff0069;*/
    color: #555;
    text-decoration: underline;
}

/*
/* popup
*/
.popup {
    display: none;
    width: 703px;
    height: 428px;
    z-index: 200;
    position: absolute;
    left: 142px;
    top: 35px;
    background: url("../img/popup.png") no-repeat;
}
.popup img.zoom {
    border: 1px solid #aaa;
    margin: auto;
}
div#popup_loading {
    background: #fff;
    width: 662px;
    height: 342px;
    position: absolute;
    left: 20px;
    top: 20px;
    color: #555;
    text-align: center;
    padding-top: 50px;
    z-index: 200;
}
div#scroll_container4 {
    left: 20px;
    top: 20px;
    width: 662px;
    height: 390px;
    position: relative;
    overflow: hidden;
    z-index: 150;
}
div#scroll_layer4 {
    text-align: center;
    width: 662px;
}
div#scroll_buttons4 {
    position: absolute;
    left: 682px;
    top: 190px;
    width: 20px;
    z-index: 160;
}
div#scroll_buttons4 div.over {
    width: 662px;
    height: 140px;
    z-index: 165;
}
div#empty {
    height: 100px;
}
p.video {
    padding: 30px;
    text-align: center;
    z-index: 500;
}
p.close_video {
    text-align: center;
    padding: 15px;
}
p.close_video {
    text-decoration: none;
    color: #666;
}
/*
/* links
*/
div#links li {
    margin-bottom: 15px;
    width: 640px;
}
div#links li div.link_details {
    width: 320px;
    float: left;
}
div#links li img {
    width: 300px;
    float: right;
}
div#links li a {
    text-decoration: none;
    color: #000;
}

/*
/* press
*/
div#press ul {
    padding: 10px;
}
div#press li {
    width: 124px;
    height: 180px;
    float: left;
    padding-left: 18px;
    padding-right: 18px;
}
div#press li img {
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    opacity: 0.5;
    border: 1px solid #fff;
}
div#press li a:hover img {
    filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity: 1;
    border: 1px solid #000;
}
/*
/* text
*/
ul#text_images {
    width: 295px;
    padding-right: 20px;
    float: right;
}
ul#text_images img {
    border: 1px solid #666;
    margin-bottom: 5px;
}
div#text_content {
    width: 313px;
    padding-left: 20px;
    padding-right: 20px;
    float: left;
}


/* articles */
div.content_pamphlet {
    background: url("../img/bkg_pamphlet.png") right bottom no-repeat;
}
ul#articles_list {
    width: 100px;
    height: 378px;
    position: absolute;
    left: 0;
    top: 0;
}
ul#articles_list li a {
    color: #666;
    font-weight: normal;
    text-decoration: none;
}
ul#articles_list li a.selected {
    color: #000;
    font-weight: bold;
}
div#article_text {
    width: 309px;
    height: 378px;
    position: absolute;
    left: 110px;
    top: 0;
}
div#article_images {
    width: 203px;
    height: 144px;
    position: absolute;
    left: 450px;
    top: 0;
    /*background-color: #f7f7f7;*/
    overflow: hidden;
}
div#scroll_container3 {
    width: 309px;
    height: 364px;
    position: relative;
    overflow: hidden;
}
div#scroll_buttons3 {
    position: absolute;
    left: 423px;
    top: 170px;
    width: 10px;
    z-index: 150;
}


/* news */
div#news ul li a {
    display: block;
    float: right;
    width: 295px;
    padding-right: 20px;
}
div#news ul li div.news_details {
    float: left;
    width: 313px;
    padding-left: 20px;
    padding-right: 20px;
}
div#news ul li img {
    border: 1px solid #666;
    margin-bottom: 5px;
}

/* projects */
div#cat_details {
    width: 300px;
    float: left;
    padding-right: 20px;
}
ul#cat_medias {
    width: 300px;
    float: right;
}
div#popup_category {
    width: 663px;
    height: 388px;
    padding: 25px;
    z-index: 190;
    position: absolute;
    left: 142px;
    top: 35px;
    background: url("../img/popup.png") no-repeat;
}
div#cat_details a {
    display: block;
    text-align: center;
    padding: 10px;
    font-size: 14px;
    text-decoration: none;
    color: #000;
    font-weight: bold;
    border: 1px solid #666;
    margin-top: 15px;
} 
div#scroll_container6 {
    position: absolute;
    top: 25px;
    left: 40px;
    width: 660px;
    height: 358px;
    padding-top: 10px;
    overflow: hidden;
}
div#scroll_buttons6 {
    position: absolute;
    left: 683px;
    top: 190px;
    width: 10px;
    z-index: 195;
}

ul#categories {
    z-index: 200;
    position: absolute;
    top: -53px;
    left: 50px;
    height: 45px;
}
ul#categories li {
    float: left;
    margin-right: 5px;
}
ul#categories a {
    display: block;
    height: 40px;
    width: 82px;
    background: url("../img/back_cat_medium.png") no-repeat;
    text-decoration: none;
    color: #8d8d93;
    font-weight: bold;
    font-size: 10px;
    text-align: center;
    padding-top: 5px;
}
ul#categories a:hover,
ul#categories a.selected {
    color: #000;
    background: url("../img/back_cat_medium_active.png") no-repeat;
}


a#projects_arrow_left {
    position: absolute;
    display: block;
    left: -5px;
    top: 50px;
    z-index: 150;
}
a#projects_arrow_right {
    position: absolute;
    display: block;
    left: 658px;
    top: 50px;
    z-index: 150;
}

div#projects_container {
    position: relative;
    overflow: hidden;
    width: 630px;
    height: 160px;
    left: 20px;
}
ul#projects_list {
    position: absolute;
    left: 0;
    top:0;
    height: 160px;
}
ul#projects_list li {
    float: left;
    width: 170px;
    padding-left: 20px;
    padding-right: 20px;
    height: 160px;
}
ul#projects_list li a {
    display: block;
    text-align: center;
    /*color: #faaccc;*/
    color: #999;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}
ul#projects_list li.selected a {
    color: #000;
    /*color: #ff0069;*/
}
ul#projects_list li.selected img {
    filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity: 1;
}
ul#projects_list li img {
    filter:alpha(opacity=30);
    -moz-opacity:0.3;
    opacity: 0.3;
}
ul#projects_list li a:hover img {
    filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity: 1;
}

div#project_details {
    position: absolute;
    top: 163px;
    width: 300px;
    height: 215px;
    padding-right: 30px;
    padding-left: 10px;
}
div#scroll_container5 {
    position: absolute;
    top: 163px;
    left: 370px;
    width: 310px;
    height: 200px;
    padding-top: 10px;
    overflow: hidden;
}
ul#project_images {
    
    /*background: #f2f2f2;*/
}
div#scroll_buttons5 {
    position: absolute;
    left: 660px;
    top: 250px;
    width: 10px;
    z-index: 150;
}
div#project_details a {
    /*display: block;
    margin-bottom: 5px;*/
}

/* scroll */
div#scroll_container1 {
    width: 668px;
    height: 390px;
    position: relative;
    overflow: hidden;
}
div#scroll_buttons1 {
    position: absolute;
    left: 658px;
    top: 163px;
    width: 10px;
    z-index: 150;
}
div#scroll_container2 {
    width: 300px;
    height: 195px;
    position: relative;
    overflow: hidden;
}
div#scroll_buttons2 {
    position: absolute;
    left: 330px;
    top: 250px;
    width: 10px;
    z-index: 150;
}