@charset "UTF-8";
/* CSS Document */

img{border:0;}
.box{padding-bottom:52px;}

a.back:link, a.back:visited{color:#FFF;}
a.back:hover{color:#622280;}

a.post:link, a.post:visited{float:right;color:#FFF;}
a.post:hover{color:#622280;}

.menugauche{padding:0 0 7px 0;margin-bottom:7px;border-bottom:2px dotted #666;}


/* ******************** MENU *********************** */

#sections{padding-bottom:10px;/*border-bottom:2px dotted #444;*/}
#sections li{height:20px;text-indent:-9000px;/*margin-top:2px;*/}
#sections li img{display:block;height:20px;}
#sections li a{display:block;height:20px;}
#sections a img{display:block;height:100px;margin-bottom:15px;}
#sections img{display:block;height:100px;margin-bottom:15px;}
#sections a{display:block;height:100px;margin-bottom:15px;}


#sections a#menu-homepage{height:100px;width:148px;background:url(/img/common/menu/modem-mag/modem-mag.png) no-repeat;}
#sections a#menu-homepage:hover{background:url(/img/common/menu/modem-mag/modem-mag-black.png) no-repeat;}

#sections li a#menu-events-en{width:45px;background:url(/img/common/menu/modem-mag/events-en.png) no-repeat;}
#sections li a#menu-events-en:hover{background:url(/img/common/menu/modem-mag/events-black-en.png) no-repeat;}
#sections li a#menu-events-fr{width:78px;background:url(/img/common/menu/modem-mag/events-fr.png) no-repeat;}
#sections li a#menu-events-fr:hover{background:url(/img/common/menu/modem-mag/events-black-fr.png) no-repeat;}
#sections li a#menu-events-it{width:80px;background:url(/img/common/menu/modem-mag/events-it.png) no-repeat;}
#sections li a#menu-events-it:hover{background:url(/img/common/menu/modem-mag/events-black-it.png) no-repeat;}

#sections li a#menu-news-en{width:45px;background:url(/img/common/menu/modem-mag/news.png) no-repeat;}
#sections li a#menu-news-en:hover{background:url(/img/common/menu/modem-mag/news-black.png) no-repeat;}
#sections li a#menu-news-fr{width:45px;background:url(/img/common/menu/modem-mag/news.png) no-repeat;}
#sections li a#menu-news-fr:hover{background:url(/img/common/menu/modem-mag/news-black.png) no-repeat;}
#sections li a#menu-news-it{width:45px;background:url(/img/common/menu/modem-mag/news.png) no-repeat;}
#sections li a#menu-news-it:hover{background:url(/img/common/menu/modem-mag/news-black.png) no-repeat;}

#sections li a#menu-interviews-en{width:72px;background:url(/img/common/menu/modem-mag/interviews-en.png) no-repeat;}
#sections li a#menu-interviews-en:hover{background:url(/img/common/menu/modem-mag/interviews-black-en.png) no-repeat;}
#sections li a#menu-interviews-fr{width:72px;background:url(/img/common/menu/modem-mag/interviews-fr.png) no-repeat;}
#sections li a#menu-interviews-fr:hover{background:url(/img/common/menu/modem-mag/interviews-black-fr.png) no-repeat;}
#sections li a#menu-interviews-it{width:68px;background:url(/img/common/menu/modem-mag/interviews-it.png) no-repeat;}
#sections li a#menu-interviews-it:hover{background:url(/img/common/menu/modem-mag/interviews-black-it.png) no-repeat;}

#sections li a#menu-highlights-en{width:71px;background:url(/img/common/menu/modem-mag/highlights.png) no-repeat;}
#sections li a#menu-highlights-en:hover{background:url(/img/common/menu/modem-mag/highlights-black.png) no-repeat;}
#sections li a#menu-highlights-fr{width:71px;background:url(/img/common/menu/modem-mag/highlights.png) no-repeat;}
#sections li a#menu-highlights-fr:hover{background:url(/img/common/menu/modem-mag/highlights-black.png) no-repeat;}
#sections li a#menu-highlights-it{width:71px;background:url(/img/common/menu/modem-mag/highlights.png) no-repeat;}
#sections li a#menu-highlights-it:hover{background:url(/img/common/menu/modem-mag/highlights-black.png) no-repeat;}

#sections li a#menu-reports-en{width:53px;background:url(/img/common/menu/modem-mag/reports-en.png) no-repeat;}
#sections li a#menu-reports-en:hover{background:url(/img/common/menu/modem-mag/reports-black-en.png) no-repeat;}
#sections li a#menu-reports-fr{width:76px;background:url(/img/common/menu/modem-mag/reports-fr.png) no-repeat;}
#sections li a#menu-reports-fr:hover{background:url(/img/common/menu/modem-mag/reports-black-fr.png) no-repeat;}
#sections li a#menu-reports-it{width:66px;background:url(/img/common/menu/modem-mag/reports-it.png) no-repeat;}
#sections li a#menu-reports-it:hover{background:url(/img/common/menu/modem-mag/reports-black-it.png) no-repeat;}

#sections li a#menu-forum-en{width:42px;background:url(/img/common/menu/modem-mag/forum-en.png) no-repeat;}
#sections li a#menu-forum-en:hover{background:url(/img/common/menu/modem-mag/forum-black-en.png) no-repeat;}
#sections li a#menu-forum-fr{width:51px;background:url(/img/common/menu/modem-mag/forum-fr.png) no-repeat;}
#sections li a#menu-forum-fr:hover{background:url(/img/common/menu/modem-mag/forum-black-fr.png) no-repeat;}
#sections li a#menu-forum-it{width:42px;background:url(/img/common/menu/modem-mag/forum-it.png) no-repeat;}
#sections li a#menu-forum-it:hover{background:url(/img/common/menu/modem-mag/forum-black-it.png) no-repeat;}

#sections li a#menu-utopias-en{width:50px;background:url(/img/common/menu/modem-mag/utopias-en.png) no-repeat;}
#sections li a#menu-utopias-en:hover{background:url(/img/common/menu/modem-mag/utopias-black-en.png) no-repeat;}
#sections li a#menu-utopias-fr{width:50px;background:url(/img/common/menu/modem-mag/utopias-fr.png) no-repeat;}
#sections li a#menu-utopias-fr:hover{background:url(/img/common/menu/modem-mag/utopias-black-fr.png) no-repeat;}
#sections li a#menu-utopias-it{width:42px;background:url(/img/common/menu/modem-mag/utopias-it.png) no-repeat;}
#sections li a#menu-utopias-it:hover{background:url(/img/common/menu/modem-mag/utopias-black-it.png) no-repeat;}

#sections li a#menu-people-en{width:142px;background:url(/img/common/menu/modem-mag/people.png) no-repeat;}
#sections li a#menu-people-en:hover{background:url(/img/common/menu/modem-mag/people-black.png) no-repeat;}
#sections li a#menu-people-fr{width:142px;background:url(/img/common/menu/modem-mag/people.png) no-repeat;}
#sections li a#menu-people-fr:hover{background:url(/img/common/menu/modem-mag/people-black.png) no-repeat;}
#sections li a#menu-people-it{width:142px;background:url(/img/common/menu/modem-mag/people.png) no-repeat;}
#sections li a#menu-people-it:hover{background:url(/img/common/menu/modem-mag/people-black.png) no-repeat;}

#thematic_folders{border-top:2px dotted #444;padding-bottom:10px;}
#thematic_folders li{height:20px;text-indent:-9000px;margin-top:3px;}
#thematic_folders li img{display:block;height:20px;}
#thematic_folders li a{display:block;height:20px;}
#thematic_folders li a#menu-theme-en{width:115px;background:url(/img/common/menu/modem-mag/thematic-folders-en.png) no-repeat;}
#thematic_folders li a#menu-theme-en:hover{background:url(/img/common/menu/modem-mag/thematic-folders-black-en.png) no-repeat;}
#thematic_folders li a#menu-theme-fr{width:144px;background:url(/img/common/menu/modem-mag/thematic-folders-fr.png) no-repeat;}
#thematic_folders li a#menu-theme-fr:hover{background:url(/img/common/menu/modem-mag/thematic-folders-black-fr.png) no-repeat;}
#thematic_folders li a#menu-theme-it{width:127px;background:url(/img/common/menu/modem-mag/thematic-folders-it.png) no-repeat;}
#thematic_folders li a#menu-theme-it:hover{background:url(/img/common/menu/modem-mag/thematic-folders-black-it.png) no-repeat;}
#thematic_folders a#thematic_link{display:block;font-size:12px;/*font-weight:bold;*/margin-top:3px;}
#thematic_folders .thematic_link_selected{display:block;font-size:12px;font-weight:bold;margin-top:3px;}

#interviews{border-top:2px dotted #444;padding-bottom:10px;}
#interviews li{height:20px;text-indent:-9000px;margin-top:3px;}
#interviews li img{display:block;height:20px;}
#interviews li a{display:block;height:20px;}
#interviews li a#menu-interviews-en{width:118px;background:url(/img/common/menu/modem-mag/interview-list-en.png) no-repeat;}
#interviews li a#menu-interviews-en:hover{background:url(/img/common/menu/modem-mag/interview-list-black-en.png) no-repeat;}
#interviews li a#menu-interviews-fr{width:118px;background:url(/img/common/menu/modem-mag/interview-list-fr.png) no-repeat;}
#interviews li a#menu-interviews-fr:hover{background:url(/img/common/menu/modem-mag/interview-list-black-fr.png) no-repeat;}
#interviews li a#menu-interviews-it{width:103px;background:url(/img/common/menu/modem-mag/interview-list-it.png) no-repeat;}
#interviews li a#menu-interviews-it:hover{background:url(/img/common/menu/modem-mag/interview-list-black-it.png) no-repeat;}
#interviews a#interviews_link{display:block;font-size:12px;/*font-weight:bold;*/margin-top:3px;}
#interviews .interviews_link_selected{display:block;font-size:12px;/*font-weight:bold;*/margin-top:3px;}

#utopias{border-top:2px dotted #444;padding-bottom:10px;}
#utopias li{height:20px;text-indent:-9000px;margin-top:3px;}
#utopias li img{display:block;height:20px;}
#utopias li a{display:block;height:20px;}
#utopias li a#menu-utopias-en{width:145px;background:url(/img/common/menu/modem-mag/utopias-list-en.png) no-repeat;}
#utopias li a#menu-utopias-en:hover{background:url(/img/common/menu/modem-mag/utopias-list-black-en.png) no-repeat;}
#utopias li a#menu-utopias-fr{width:145px;background:url(/img/common/menu/modem-mag/utopias-list-fr.png) no-repeat;}
#utopias li a#menu-utopias-fr:hover{background:url(/img/common/menu/modem-mag/utopias-list-black-fr.png) no-repeat;}
#utopias li a#menu-utopias-it{width:145px;background:url(/img/common/menu/modem-mag/utopias-list-it.png) no-repeat;}
#utopias li a#menu-utopias-it:hover{background:url(/img/common/menu/modem-mag/utopias-list-black-it.png) no-repeat;}
#utopias a#utopias_link{display:block;font-size:12px;/*font-weight:bold;*/margin-top:3px;}
#utopias .utopias_link_selected{display:block;font-size:12px;/*font-weight:bold;*/margin-top:3px;}

#news_archives{border-top:2px dotted #444;padding-bottom:10px;}
#news_archives li{height:20px;text-indent:-9000px;margin-top:3px;}
#news_archives li img{display:block;height:20px;}
#news_archives li a{display:block;height:20px;}

#news_archives li a#menu-archives-en{width:96px;background:url(/img/common/menu/modem-mag/news-archives-en.png) no-repeat;}
#news_archives li a#menu-archives-en:hover{background:url(/img/common/menu/modem-mag/news-archives-black-en.png) no-repeat;}
#news_archives li a#menu-archives-fr{width:96px;background:url(/img/common/menu/modem-mag/news-archives-fr.png) no-repeat;}
#news_archives li a#menu-archives-fr:hover{background:url(/img/common/menu/modem-mag/news-archives-black-fr.png) no-repeat;}
#news_archives li a#menu-archives-it{width:96px;background:url(/img/common/menu/modem-mag/news-archives-it.png) no-repeat;}
#news_archives li a#menu-archives-it:hover{background:url(/img/common/menu/modem-mag/news-archives-black-it.png) no-repeat;}
#news_archives a#archives_link{display:block;font-weight:bold;margin-top:5px;}

#send_your_photos{border-top:2px dotted #444;padding-bottom:10px;}
#send_your_photos li{height:45px;margin-top:3px;}
#send_your_photos li img{display:block;height:45px;}
#send_your_photos li a{display:block;height:45px;}
#send_your_photos li a#send-your-photos-en{background:url(/img/common/menu/modem-mag/send-photos-en.png) no-repeat;}
#send_your_photos li a#send-your-photos-en:hover{background:url(/img/common/menu/modem-mag/send-photos-black-en.png) no-repeat;}
#send_your_photos li a#send-your-photos-fr{width:145px;background:url(/img/common/menu/modem-mag/send-photos-fr.png) no-repeat;}
#send_your_photos li a#send-your-photos-fr:hover{background:url(/img/common/menu/modem-mag/send-photos-black-fr.png) no-repeat;}
#send_your_photos li a#send-your-photos-it{width:145px;background:url(/img/common/menu/modem-mag/send-photos-it.png) no-repeat;}
#send_your_photos li a#send-your-photos-it:hover{background:url(/img/common/menu/modem-mag/send-photos-black-it.png) no-repeat;}

#articles_in_theme{padding:5px 0 10px 0;border-top:2px dotted #444;}
#articles_in_theme span.theme_title{display:block;margin-bottom:5px;font-weight:bold;}
#articles_in_theme li{font-size:12px;margin-top:3px;}

.domain_unselected{display:block;padding:3px;background:#000;color:#FFF;border-bottom:1px solid #FFF;}
a.domain_selected{display:block;padding:3px;background:#06F;color:#FFF;border-bottom:1px solid #FFF;}

#domains{/*border-bottom:2px dotted #444;*/border-top:2px dotted #444;padding:8px 0 8px 0;margin-bottom:8px;}

.domain_1_unselected{display:block;padding:3px;background:#000;color:#FFF;border-bottom:1px solid #FFF;margin-top:3px;}
a.domain_1_selected{display:block;padding:3px;background:#06F;color:#FFF;border-bottom:1px solid #FFF;margin-top:3px;}
.domain_2_unselected{display:block;padding:3px;background:#000;color:#FFF;border-bottom:1px solid #FFF;}
a.domain_2_selected{display:block;padding:3px;background:#3C3;color:#FFF;border-bottom:1px solid #FFF;}
.domain_3_unselected{display:block;padding:3px;background:#000;color:#FFF;}
a.domain_3_selected{display:block;padding:3px;background:#F00;color:#FFF;}

#article_search{/*margin:0 0 10px 0;*/border-top:2px dotted #444;padding-top:8px;padding-bottom:10px;}
#article_search .left_search{width:134px;}
.left_search{width:136px;padding:2px;border:1px solid #666;}
.left_submit{padding:2px;background:#000;color:#FFF;border:0;}


/* ******************** MAIN *********************** */

.title{padding-bottom:7px;margin-bottom:8px;border-bottom:2px dotted #666;}

#container{background:url(/img/background_dotted.png) repeat-y 155px 0;overflow:auto;}

#container_banner_and_events{float:left;padding-left:25px;width:590px;}
#container_events_date{background:#000;color:#FFF;height:16px;padding:2px;margin-bottom:7px;}
#container_events_date a.previous{float:left;}
#container_events_date a.next{float:right;}
#container_events_slideshow{background:#000;color:#FFF;height:16px;padding:1px;}
#container_events_slideshow a.previous{float:left;height:16px;border-right:2px solid #FFF;margin-right:4px;}
#container_events_slideshow a.next{float:right;height:16px;border-left:2px solid #FFF;}
#container_events_slideshow img{vertical-align:baseline;}
#container_events{}
.container_fixed_height{height:169px;/*border-bottom:2px dotted #444;border-left:2px dotted #444;border-top:2px dotted #444;border-right:2px dotted #444*/}
.container_event{padding-top:5px;border-bottom:2px dotted #444;overflow:auto;}
.container_event .titre{text-transform:uppercase;}
.container_event .date{color:#F00;}

#theme{padding-bottom:10px;margin-bottom:10px;border-bottom:2px dotted #444;line-height:1.5em;}

#container_menu{float:left;width:145px;}
#container_articles{float:left;padding-left:25px;width:590px;}
#container_people{float:left;width:590px;}
.container_line{clear:both;margin:0 0 10px 0;overflow:auto;}

#container_main_forum{float:left;padding-left:25px;width:590px;}

#container_forum{float:left;width:590px;}

#main_article{margin-bottom:7px;line-height:1.5em;}
.main_article_image {float:left;width:250px;}
.main_article_image img{width:240px;border:0;margin:5px 0;}
.main_article_description {float:left;width:500px;}
.main_article_title{font-size:18px;font-weight:bold;}
.main_article_subtitle{font-size:15px;}
.main_article_date{color:#AAA;font-size:12px;}
.main_article_section{color:#AAA;font-size:12px;}
.main_article_theme{color:#AAA;font-size:12px;}

.secondary_article{float:left;width:280px;margin-right:17px;padding-right:12px;}
.secondary_article img{width:280px;height:80px;margin-bottom:5px;}
.secondary_article_title{display:block;font-weight:bold;height:20px;font-size:14px;}
.secondary_article_subtitle{}
.secondary_article_date{color:#AAA;font-size:12px;}
.secondary_article_section{color:#AAA;font-size:12px;}
.secondary_article_theme{color:#AAA;font-size:12px;}

#main_people{margin-bottom:7px;line-height:1.5em;width:590px;}
.main_people_image{border:0;}
.main_people_title{font-size:18px;}
.main_article_date{color:#AAA;font-size:12px;}

.secondary_people{float:left;width:280px;margin-right:17px;padding-right:12px;}
.secondary_people_image{width:280px;height:210px;border:0;}
.secondary_people_title{display:block;height:10px;font-size:14px;}
.secondary_article_date{color:#AAA;font-size:12px;}

#main_forum{margin-bottom:7px;line-height:1.5em;width:590px;}
.main_forum_image img{margin:0 auto;}
.main_forum_image{border:0;}
.main_forum_title{font-size:18px;}
.main_forum_comments{font-size:15px;font-style:italic;font-weight:bold;}
.main_comments_title{font-size:36px;font-weight:bold;}
.main_article_date{color:#AAA;font-size:12px;}

.secondary_forum{float:left;width:250px;margin-right:17px;padding-right:12px;}
.secondary_forum_image{width:280px;height:210px;border:0;}
.secondary_forum_title{display:block;height:10px;font-size:14px;}
.secondary_article_date{color:#AAA;font-size:12px;}

#post_comment{background:#F2F2F2;border-top:2px dotted #444;width:590px;margin-top:10px;}
#post_comment select.col1{width:125px;}
.comments {font-style:italic;}
#main_input{margin-bottom:37px;}
input.validate_en{width:138px;height:50px;text-indent:-9000px;border:0;background:url(/img/common/validate_gray_en.png) no-repeat;}
input.validate_en:hover{background:url(/img/common/validate_black_en.png) no-repeat;}
input.validate_fr{width:122px;height:50px;text-indent:-9000px;border:0;background:url(/img/common/validate_gray_fr.png) no-repeat;}
input.validate_fr:hover{background:url(/img/common/validate_black_fr.png) no-repeat;}
input.validate_it{width:202px;height:50px;text-indent:-9000px;border:0;background:url(/img/common/validate_gray_it.png) no-repeat;}
input.validate_it:hover{background:url(/img/common/validate_black_it.png) no-repeat;}

	
.article_title{font-size:16px;font-weight:bold;}
.article_subtitle{font-size:14px;}
.article_chapter{font-style:italic;}
.article_text{}
.article_ps{font-size:11px;}
	
img.article_img_left {float:left;margin:0 10px 0 0;}
img.article_img_center {margin:0 auto;}
img.article_img_right {float:right;margin:0 0 0 10px;}

.event_domains{margin-bottom:3px;color:#FFF;text-transform:uppercase;font-size:11px;}
span.event_fashion{display:block;float:left;background:#06F;padding:3px;margin-right:3px;}
span.event_design{display:block;float:left;background:#3C3;padding:3px;margin-right:3px;}
span.event_art{display:block;float:left;background:#F00;padding:3px;margin-right:3px;}

.article_domains{margin-bottom:3px;color:#FFF;text-transform:uppercase;font-size:11px;}
span.article_fashion{display:block;float:left;background:#06F;padding:3px;margin-right:3px;}
span.article_design{display:block;float:left;background:#3C3;padding:3px;margin-right:3px;}
span.article_art{display:block;float:left;background:#F00;padding:3px;margin-right:3px;}

.people_domains{margin-bottom:3px;color:#FFF;text-transform:uppercase;font-size:11px;}
span.people_fashion{display:block;float:left;background:#06F;padding:3px;margin-right:3px;}
span.people_design{display:block;float:left;background:#3C3;padding:3px;margin-right:3px;}
span.people_art{display:block;float:left;background:#F00;padding:3px;margin-right:3px;}

.forum_domains{margin-bottom:3px;color:#FFF;text-transform:uppercase;font-size:11px;}
span.forum_fashion{display:block;float:left;background:#06F;padding:3px;margin-right:3px;}
span.forum_design{display:block;float:left;background:#3C3;padding:3px;margin-right:3px;}
span.forum_art{display:block;float:left;background:#F00;padding:3px;margin-right:3px;}


.pagination_desc{/*margin-left:15px;margin-top:10px;*//*font-style:italic;*/color:#828f95;}
.pagination_desc strong{/*color:#176f94;*/color:#444;}
.pagination{/*margin-top:10px;*/float:right;/*margin-right:10px;*/color:#176f94;font-size:110%;font-weight:bold;}
.pagination span.active{margin-right:1px;}
.pagination a{margin:0 1px;text-decoration: none;color:#828f95;font-size:75%;vertical-align:1px;font-weight:normal;}
.pagination a:hover{text-decoration:underline;}
.pagination img{border:0;vertical-align: -2px;}

/* ******************** CALENDAR *********************** */

#calendar{background-color:#F2F2F2;padding-bottom:10px;margin-bottom:5px;}
#year{height:18px;line-height:16px;margin-bottom:10px;font-size:12px;font-weight:lighter;background-color:#000000;color:#FFFFFF;padding: 2px 5px 0 0;text-align:center;}
#calendar h4{height:16px;font-size:12px;font-weight:lighter;/*text-align:center;*/}
#fleche_left{position:relative;margin-left:3px;float:left;margin-top:3px;width:10px;height:9px;}
#fleche_right{position:relative;/*margin-left:0px;*/float:right;margin-top:3px;width:10px;height:9px;}
.left{position:absolute;left:18px;/*margin-left:0px;float:left;*/margin-top:3px;}
.right{position:absolute;left:142px;/*margin-left:120px;float:left;*/margin-top:3px;}

#calendar .monthes ul{height:80px;font-size:12px;}
#calendar .monthes ul li{
	float:left;
	display:block;
	width:45px;
	height:20px;
	text-align:center;
	font-size:12px;
	color:#000;
}
#calendar .monthes ul li.cell_current_month{font-weight:bold;color:#000;}