/* Reset
------------------------------------------------ */
*{margin:0;padding:0;}

html{overflow-y:scroll;}
html, body{width:100%;height:100%;font-size:100%;}

a{text-decoration:underline;}
h1, h2, h3, h4, h5, h6{font-size:1em;font-style:normal;font-weight:bold;}
hr{border:0 none;}
img{border:0 none;}

table{width:100%;table-layout:fixed;font-size:1em;border:0 none;border-spacing:0;border-collapse:collapse;}
th{padding:2px;text-align:left;vertical-align:middle;font-size:1em;font-weight:bold;}
td{vertical-align:top;}

form{display:inline;}
fieldset{border:none;}
input, select, textarea{padding:1px;vertical-align:middle;font-size:1em;color:#000;border:1px solid #ccc;}
input:focus, select:focus, textarea:focus{border-color:#000;}
select{padding:0;}

a, button, object{outline:none;}

/* Generic
------------------------------------------------ */
body{text-align:left;font:11px Arial, Helvetica, sans-serif;background:#fff;}

a{color:#000;text-decoration:none;}
a:hover{color:#000;text-decoration:underline;}

.clear{display:block;height:0;clear:both;font-size:0;}

.blue{color:#008fe0;}
.blue-light{color:#5cc7f1;}
.red{color:#f00;}

/* Global layout
------------------------------------------------ */

#container{position:relative;width:1115px;min-height:100%;margin:0 auto;}

#header{float:left;position:relative;width:174px;padding:55px 18px 10px 22px;color:#999;background:#fff;}
#header h1 span{display:block;float:left;width:120px;height:70px;margin-bottom:1px;text-indent:-10000px;background:url(../img/logo.png) no-repeat;}
#header h2{margin-top:5px;font-weight:normal;letter-spacing:0.05em;}
#header a{color:#999;}
#header a:hover{color:#666;text-decoration:none;}

#content{float:left;width:860px;margin-left:40px;padding:188px 0 40px;}

#maincontent{width:auto;height:auto;}

#footer{position:absolute;bottom:0;width:100%;height:20px;padding-bottom:5px;text-align:center;color:#999;}
#footer a{color:#999;}

#nav{clear:both;margin-top:50px;}
#nav a{color:#999;}
#nav a.active{color:#333;font-weight:bold;}
#nav a:hover{color:#666;text-decoration:none;}

#nav ul ul{display:none;}
#nav li{list-style-type:none;color:#999;}
#nav li li{margin-left:15px;color:#999;}
#nav li li a{color:#999;}
#nav li li a:hover{color:#f00;}
#nav li li a.active{color:#f00;}
#nav li li li a{color:#008fe0;}
#nav li li li a:hover{color:#f00;}

#error_page{padding:100px 0;text-align:center;vertical-align:middle;}

/* Layout: Prehome
------------------------------------------------ */

.section_prehome #header{float:none;height:485px;}

.section_prehome #nav .locale{display:block;}
.section_prehome #nav .locale a:hover{text-decoration:underline;}
.section_prehome #nav .locale_fr{color:#008fe0;}
.section_prehome #nav .locale_fr a{color:#008fe0;}
.section_prehome #nav .locale_en{color:#f00;margin-top:10px;}
.section_prehome #nav .locale_en a{color:#f00;}

.section_prehome #slideshow{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff no-repeat center top;}

.section_prehome #disclaimer{position:absolute;bottom:10px;width:155px;}

/* Layout: Homepage
------------------------------------------------ */

.section_index .edito{float:left;width:215px;}
.section_index .edito  h2{display:inline;margin-right:5px;font-weight:normal;color:#f00;}
.section_index .edito  h3{display:inline;font-weight:normal;color:#5cc7f1;}
.section_index .edito .edito_text{margin-top:20px;color:#999;}
.section_index .edito .edito_text h3{font-weight:normal;color:#000;}

.section_index .gallery{float:left;width:525px;margin:10px 0 0 59px;background:#fff;}
.section_index .gallery .image{width:523px;margin-bottom:10px;background:#fff;border:1px solid #aaa;}
.section_index .gallery .caption{color:#999;background:#fff;}
.section_index .gallery .caption .title{margin-bottom:2px;background:#fff;}

/* Layout: News
------------------------------------------------ */

.section_news #maincontent{margin-left:0;}

.section_news_view #content{padding-top:80px;}
.section_news_view #maincontent{text-align:center;}

.section_news .news_set{display:none;float:left;width:785px;margin-bottom:50px;}
.section_news #news_set_0{display:block;}
.section_news .news_set .news{float:left;width:215px;margin-right:70px;}
.section_news .news_set .news h2{font-weight:normal;color:#999;}
.section_news .news_set .news h3{margin-bottom:20px;font-weight:normal;color:#f00;}
.section_news .news_set .news h3 .title_category{color:#008fe0;}
.section_news .news_set .news img{float:left;width:100%;margin:0 0 20px;}
.section_news .news_set .news .news_text{width:100%;color:#999;}
.section_news .news_set .last{margin-right:0;}

.section_news #news{margin:0;text-align:left;}
.section_news #news_images{margin-bottom:10px;border:1px solid #fff;}
.section_news #news_images .pager{margin-top:130px;}
.section_news #news_image_viewport{float:left;}
.section_news #news_image_viewport .news_image{display:none;float:left;margin-bottom:10px;}
.section_news #news_image_viewport #news_image_0{display:block;}

.section_news #news_text{display:block;float:left;margin-left:55px;color:#999;}
.section_news #news_text h2{font-weight:bold;}
.section_news #news_text .cta_back{display:block;margin-top:10px;color:#008fe0;}

.section_news .pager{display:block;float:left;width:40px;height:40px;margin-top:160px;font-size:40px;color:#999;background:#fff no-repeat;}
.section_news .pager span{display:none;}
.section_news .pager:hover{color:#666;text-decoration:none;}
.section_news .disabled{cursor:default;}
.section_news #pager_previous{margin-right:15px;color:#00b6ff;background-image:url(../img/pager-previous.gif);}
.section_news #pager_previous.disabled{background-image:url(../img/pager-previous-disabled.gif);}
.section_news #pager_next{margin-left:15px;color:#f00;background-image:url(../img/pager-next.gif);}
.section_news #pager_next.disabled{background-image:url(../img/pager-next-disabled.gif);}

/* Layout: Artist
------------------------------------------------ */

.section_artist #content.view{margin-left:0;padding-top:80px;}
.section_artist #content.view #maincontent{margin-left:0;}

#artist{color:#999;}
#artist a{color:#999;}
#artist h2{margin-bottom:20px;font-weight:normal;color:#f00;}
#artist h2 .title_category{color:#5cc7f1;}

#artist .artist_details{float:left;width:215px;}
#artist .artist_details .artist_text{margin-bottom:20px;}
#artist .artist_image{float:left;width:525px;margin:10px 0 0 59px;overflow:hidden;}
#artist .artist_link_lookbook{color:#008fe0;margin-bottom:5px;}
#artist .artist_link_animation,
#artist .artist_link_category{color:#f00;}

/* Layout: Animation
------------------------------------------------ */

.section_animation #content.view{padding-top:80px;}
.section_animation #content.view #maincontent{margin:0 auto;text-align:center;}
.section_animation #content.view #maincontent .videoplayer{margin:0 auto;border:1px solid #ccc;}
.section_animation #content.view #maincontent .video_caption{margin:0 auto;text-align:left;color:#999;}
.section_animation #content.view #maincontent .video_caption h2{margin:10px 0 2px;}

#artist .artist_animations{float:left;width:525px;margin:10px 0 0 59px;}
#artist .artist_animations .artist_animation{display:block;float:left;width:118px;height:158px;margin:0 3px 3px 0;overflow:hidden;border:1px solid #aaa;}

/* Layout: Article
------------------------------------------------ */

#article{float:left;width:490px;}
#article h2{font-weight:normal;color:#f00;}
#article h3{margin-bottom:20px;font-weight:normal;color:#5cc7f1;}

/* Layout: Contact
------------------------------------------------ */

.section_contact #maincontent .contact_title{margin-bottom:25px;}
.section_contact #maincontent .contact_title h2{font-weight:normal;color:#000;}
.section_contact #maincontent .contact_text{margin-top:40px;color:#999;}
.section_contact #maincontent .contact_text h3{font-weight:normal;color:#000;}

.section_contact #maincontent .contact{margin-bottom:15px;color:#999;}
.section_contact #maincontent .contact h2{font-weight:normal;}
.section_contact #maincontent .contact h2 .first_name{color:#f00;}
.section_contact #maincontent .contact h2 .name{color:#008fe0;}
.section_contact #maincontent .contact h3{font-weight:normal;color:#333;}
.section_contact #maincontent .contact a{color:#999;}

/* Layout: Info
------------------------------------------------ */

.section_info #article{color:#999;}
.section_info #article a{color:#999;}

.article_legal{color:#000 !important;}

/* Exceptions IE
------------------------------------------------ */

@media {
	/* IE6+ */

	/* IE6 */
	* html .news #news_text{margin-left:28px;}
}