@charset "iso-8859-1";
/* CSS Document */
body {font-size:100%; font-family:Arial, Helvetica, sans-serif; margin:0px 0px 40px 0px; background:#f1e2d7 url(images/bg.gif) repeat-x;}
h1,h2,h3,p,ul,li,img,input {margin:0px; padding:0px; border:0px}
#outer {width:980px; margin-left:auto; margin-right:auto;}
.cleardiv {clear:both;}
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

/* LEFT COLUMN */
#left {width:243px; padding-top:114px; float:left; background:#191d20 url(images/bottom_left.gif) left bottom no-repeat; padding-bottom:25px; position:relative}
#logo {position:absolute; left:0px; top:0px; z-index:10; background:#191d20 url(images/logo.gif) left 25px no-repeat; width:297px; height:100px; display:block}
#left h1 {color:#FFF; font-size:1.0em; margin-left:50px; line-height:18px}
#categories {background:url(images/bg_categories.gif) no-repeat; width:243px; padding-top:27px; padding-bottom:7px; min-height:20px; overflow:hidden}
#top10 {background:#f23d74 url(images/bg_top10.gif) no-repeat; padding-top:9px; padding-bottom:9px; min-height:18px}
#left .top_10 {display:block; width:220px; text-align:center; color:#f23d74; font-size:0.8em; padding-bottom:6px; font-weight:bold; text-decoration:none; margin-left:10px; margin-top:14px; line-height:1em}
#left .top_10 img {display:block; border:0px; margin-bottom:5px}
/* CATEGORIES MENU */
#menu_left {list-style:none; margin:10px 0px 20px 0;}
#menu_left li {margin-bottom:9px; line-height:0.8em; padding-right:15px; }
#menu_left li a {text-decoration:none; color:#e0e7ec; font-size:0.75em; font-weight:bold; line-height:0.8em;padding-left:20px;}
#menu_left li a:hover {color:#f23d74}
#menu_left .active {color:#f23d74; cursor:default; background:url(images/active.gif) no-repeat 10px 4px;  }

/* RIGHT COLUMN */
#right {width:737px; background:url(images/bg_right.jpg) no-repeat; float:left}
#right .top, #right_inner .top {height:100px}
/* LANGUAGE FLAGS */
#flags {float:right; margin-right:14px; display:inline; padding-top:4px; list-style:none}
#flags li {float:left; width:18px; height:24px; background:url(images/flags.gif) no-repeat; margin-right:5px;}
#flags a {width:18px; height:24px; display:block;}
#flags a:hover {background:url(images/flags.gif) center top;}
#flags .en {background-position:left -21px}
#flags .fr {background-position:-18px -21px}
#flags .it {background-position:-36px -21px}
#flags .es {background-position:-54px -21px}
#flags .divider {width:2px; background-position:left bottom; margin:0px 9px 0px 4px;}
#flags li .active {background:url(images/flags.gif) center top;}
#flags li .active:hover {cursor:default}
#flags li a em {display:none}

#flags li.ro {background:none; width:auto;}
#flags li.ro a {width:auto; line-height:26px; color:#f24d8b;}
#flags li.ro a:hover {background:none; text-decoration:none;}
#flags li.ro em {display:block; font-size:11px; white-space:nowrap; font-style:normal;}

/* Text image */
.top_txt {clear:right; float:right; margin-right:19px; margin-top:2px;}
/* MAIN MENU */
#menu {padding-bottom:20px; float:right; display:inline; width:460px; margin-right:39px;}
#menu a {background:url(images/menu_button.gif) left top no-repeat; min-height:30px; white-space:nowrap; display:inline; padding-left:15px; color:#FFF; float:right; margin-left:7px; text-decoration:none; font-size:0.8em; font-weight:bold; margin-top:8px; line-height:14px}
#menu a:hover {background-position:left -130px}
#menu .active {background-position:left -130px; cursor:default}
#menu .active span {background-position:right -130px; cursor:default}
#menu a:hover span {background-position:right -130px}
#menu a span {background:url(images/menu_button.gif) right top no-repeat; padding-right:15px; display:block; min-height:14px; padding-top:7px; padding-bottom:9px}
/* Pagination */
.pagination {text-align:center; color:#87495b; font-weight:bold;}
.pagination a {color:#87495b; font-weight:bold; font-size:0.8em; line-height:22px; padding:3px 8px; text-decoration:none}
.pagination a:hover {background-color:#e33b6f; color:#FFF}
.pagination .active {background-color:#e33b6f; color:#FFF; cursor:default}

/* Modules' container */
#modules {padding:0px 21px 30px 21px; margin-right:18px; background:#fff url(images/bottom_right.gif) left bottom no-repeat; clear:both}
/* Module */
#modules .module {background:url(images/bg_module.gif) center top no-repeat; width:677px; margin-top:12px; margin-bottom:18px; overflow:hidden}
/* DATE */
#modules .module .date, .microgallery .date {margin-left:13px; width:48px; height:39px; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; text-align:center; float:left; display:inline;}
.microgallery .date {margin-left:8px;}
#modules .module .date .month, .microgallery .month {height:14px; color:#FFF; font-size:0.65em}
#modules .module .date .day, .microgallery .day {color:#595959; line-height:23px; font-size:1.1em; text-shadow:1px 1px 0 #fff;}
/* Video title */
#modules .module h2, .microgallery h2 {color:#e33b6f; margin-left:70px; font-size:1.2em; padding-top:11px; line-height:28px; text-shadow:1px 1px 0 #fff; white-space:nowrap; overflow:hidden;}
.french_video {background:url(images/fr.gif) no-repeat left 17px; padding-left:28px;}

/* Video duration */
#modules .module .duration, .microgallery .duration {color:#cc91a6; float:right; margin-right:12px; font-size:0.7em; display:inline; font-weight:bold; padding-top:12px; text-shadow:1px 1px 0 #fff;}
/* Module main contents */
#modules .module .contents {margin-left:13px; padding-top:18px; clear:both; width:664px}
#modules .module .contents a img {margin-right:4px; border:1px solid #f4d6e0; padding:1px; background:#fff; -webkit-box-shadow: 0px 0px 10px  #cd9aab;
-moz-box-shadow: 0px 0px 10px #cd9aab;
box-shadow: 0px 0px 10px #cd9aab; }
#modules .module .contents a:hover img{border-color:#f576a0;}
#modules .module .contents p {padding:10px 13px 10px 0px; font-size:0.75em; line-height:1.5em}
#modules .module .contents .button {background:url(images/module_button.gif) left top no-repeat; padding-left:20px; display:block; min-height:19px; line-height:19px; float:left; text-decoration:none; color:#FFF; font-size:1em; font-weight:bold; margin-top:15px}
#modules .module .contents .button span {background:url(images/module_button.gif) right top no-repeat; padding-right:20px; display:block; line-height:15px; padding-top:15px; padding-bottom:13px; min-height:19px}
#modules .module .contents .button:hover {background-position:left -150px}
#modules .module .contents .button:hover span {background-position:right -150px}
#modules .module .bottom {background:url(images/bg_module.gif) center bottom no-repeat; height:20px}

#modules .contents p.thumb_p img {margin-right:6px;}

p.thumb_p {padding-top:0 !important; padding-bottom:0 !important; line-height:normal; margin:0; text-align:center; white-space:nowrap;}

/* INNER PAGE ACCES GRATUIT */
#inner_wrapper {background:url(images/bg_inner_wrapper.gif) repeat-y; width:980px}
/* Left column */
#left_inner {width:297px; float:left; padding-top:100px; position:relative}
#left_inner .features {list-style:none; border-right:1px solid #c9c9c9; background-color:#FFF; width:296px}
#left_inner .features li {margin-left:25px; padding:15px 20px 5px 67px; font-weight:bold; min-height:27px; font-size:1.1em; color:#232323}
#left_inner .features .bg1 {background:url(images/inner_07.gif) left center no-repeat}
#left_inner .features .bg2 {background:url(images/inner_13.gif) left center no-repeat}
#left_inner .features .bg3 {background:url(images/inner_15.gif) left center no-repeat}
#left_inner .features .bg4 {background:url(images/inner_17.gif) left center no-repeat}
#left_inner .features .bg5 {background:url(images/cam.gif) left center no-repeat}

/* right column */
#right_inner {width:683px; background:url(images/bg_right.jpg) right top no-repeat; float:left; position:relative}
#right_inner .content {padding:0px 21px 30px 21px; margin-right:18px; background-color:#fff; clear:both}
#right_inner h1 {clear:both; text-align:center; color:#232323; font-size:2.1em; line-height:1em; padding-bottom:15px; letter-spacing:-1px; font-weight:bold;}
#right_inner h2 {text-align:center; font-size:1em; padding-bottom:25px}
#right_inner h1 span, #right_inner h2 span {color:#f13a72}
/* Form div */
#email_input {background:url(images/inner_form.gif) no-repeat; width:615px; height:243px;}
#email_input .thumb {float:left; margin-left:7px; margin-top:21px; display:inline;}
#email_input form {float:right; width:335px; margin-right:19px; display:inline; padding-top:98px}
#email_input form input {background:url(images/inner_txtfield_blink.gif) no-repeat; font-size:18px; line-height:20px; padding-top:10px; padding-bottom:10px; text-align:center; width:335px}
#email_input form .button {background:url(images/inner_button.gif) no-repeat; width:315px; min-height:16px; text-decoration:none; color:#FFF; text-align:center; font-size:18px; font-weight:bold; display:block; line-height:16px; padding-top:12px; padding-bottom:12px; margin:7px auto 0px auto}
#email_input form .button:hover {background-position:left -160px}
/* Bottom pics */
#inner_pics {background-color:#eaeaea; width:920px; margin-left:20px; text-align:center; margin-bottom:15px; font-size:0; margin-top:20px;}
#inner_pics img {margin:8px 2px; border:1px solid #fff;}




.micro {text-align:center; margin-top:10px;}
	.micro a {color:#888;  text-decoration:none; font-size:12px;}
	.micro a:hover {background:#fff; color:#333;}
	
	
	.micro_pop {position:absolute; z-index:300; top:50%; left:50%; margin-left:-189px; margin-top:-180px;  }
	.micro_pop_in {background:#191d20; filter:alpha(opacity=60); -moz-opacity:0.6;	-khtml-opacity: 0.6; opacity: 0.6; -webkit-border-radius: 8px; width:380px; height:310px;padding:10px;
-moz-border-radius: 8px; border-radius: 8px; position:absolute; }
	.micro_frame {margin:10px; position:absolute;}
	.close_micro {position:absolute; margin-top:305px; font-size:11px; width:380px; margin-left:10px; text-align:right;}
		.close_micro a {color:#fff;}
			.close_micro a:hover {text-decoration:none;}
			
			
.out_slide {position:absolute; margin-left:7px; margin-top:23px; cursor:pointer; cursor:hand;}			
#slideshow {position:relative; height:350px;}
#slideshow img {position:absolute; top:0; left:0;  z-index:8;  opacity:0.0;}
#slideshow img.active {z-index:10; opacity:1.0;}
#slideshow img.last-active { z-index:9;}

/* Micro page */
#micropage {width:796px; margin:0px auto; background:#FFF url(images/micro_bottom.gif) left bottom no-repeat; padding-bottom:24px;}
#micropage .header {background:url(images/bg_right.jpg) 270px top no-repeat; height:100px; width:796px;}
#micropage .logo {background:#191d20 url(images/logo.gif) left 25px no-repeat; width:297px; height:100px; display:block; float:left;}
#micropage .micro_flags {margin-right:0px;}
#micropage .main {clear:both; background-color:#FFF;}
#micropage .main_top {background:url(images/micro_top.gif) no-repeat; height:21px; font-size:0px;}
#micropage .micro_top_txt {background:url(images/micro_bg_toptxt.gif) no-repeat; width:757px; height:65px; margin:0px auto 15px auto; font-size:16px; color:#FFF; text-align:center; line-height:20px; overflow:hidden;}
#micropage .micro_top_txt b {padding-top:12px; display:block;}
#micropage .micro_top_txt span {font-size:14px; color:#ffea94;}
.microgallery {background:url(images/micro_gallery.gif) no-repeat; width:757px; height:400px; margin:0px auto 10px auto;}
.microgallery .thumbs {clear:both; width:757px;}
.microgallery .big_thumb {float:left; display:inline; margin:18px 0px 0px 14px;}
.microgallery .small_thumbs {float:right; margin-right:18px; display:inline;}
.microgallery .small_thumbs img {float:left; border:1px solid #FFF; margin-left:10px; margin-top:17px;}
.microgallery .small_thumbs a:hover img {border:1px solid #f576a0;}

.thumbs_info {float:right; width:418px; padding-top:23px;}
.thumbs_info .cam {background:url(images/micro_cam.gif) left center no-repeat; padding-left:30px; display:inline; float:left; line-height:22px; font-size:14px; color:#161515; height:22px; margin-top:11px; margin-left:30px;}
.thumbs_info p {clear:both; margin-bottom:10px;}
.micro_buttons {padding-bottom:20px; float:right; display:inline; margin-right:37px;}
.micro_buttons a {background:url(images/micro_button.gif) left top no-repeat; white-space:nowrap; display:inline; padding-left:20px; color:#FFF; float:right; margin-left:7px; text-decoration:none; font-size:12px; font-weight:bold; margin-top:8px;}
.micro_buttons a:hover {background-position:left -130px;}
.micro_buttons .active {background-position:left -130px; cursor:default;}
.micro_buttons .active span {background-position:right -130px; cursor:default;}
.micro_buttons a:hover span {background-position:right -130px;}
.micro_buttons a span {background:url(images/micro_button.gif) right top no-repeat; padding-right:20px; display:block; line-height:30px;}
.thumbs_info .pink a {background:url(images/micro_button.gif) left bottom no-repeat; margin-left:20px; width:326px; text-align:center;}
.thumbs_info .pink a span {background:url(images/micro_button.gif) right bottom no-repeat;}
.microgallery .txt {clear:both; padding:5px 14px 14px 14px; color:#0d0f11; font-size:11px; line-height:16px;}

#micropage .banner {background:url(images/bg_micro_banner.gif); width:757px; height:113px; margin:0px auto; clear:both;}

.micro_mid {padding:10px 0px 10px 19px;}
.top_class {width:246px; float:left; background:#191d20 url(images/bg_top_class.gif) right bottom no-repeat; padding-bottom:5px;}
.top_class h2 {background:url(images/bg_top_class.gif) left top no-repeat; height:39px; font-size:18px; color:#FFF; margin-bottom:12px;}
.top_class h2 span {padding-left:43px; display:block; line-height:22px; padding-top:8px;}
.top_class p {text-align:center;}
.top_class p a {color:#f23d74; font-size:12px; font-weight:bold; text-decoration:none; display:block; margin-bottom:14px;}
.top_class p a:hover {text-decoration:underline;}
.top_class_thumb {width:220px; height:170px; margin:0px auto; display:block; margin-bottom:5px; position:relative; z-index:0;}
.top_class_thumb span {position:absolute; left:65px; top:40px; z-index:10; background:url(images/play_button.png) no-repeat; width:91px; height:91px; cursor:pointer;}
.top_class_thumb b {width:18px; height:13px; position:absolute; left:191px; top:148px; z-index:10;}

.micro_videos {float:right; width:510px; padding-top:10px;}
.micro_videos h2 {font-size:34px; color:#191d20; margin-bottom:20px; margin-left:4px; margin-right:20px;}
.micro_videos h2 b {color:#e33b6f;}
.micro_videos .thumb {float:left; width:234px; margin:0px 11px 20px 0px;}
.micro_videos .thumb_pic {background:url(images/bg_microvid_thumb.png) no-repeat; width:234px; height:184px; display:block; clear:both; margin-bottom:4px;}
.micro_videos .thumb_pic img {margin:6px 0px 0px 6px; border:1px solid #FFF;}
.micro_videos .thumb_pic:hover img {border:1px solid #f576a0;}
.micro_videos .duration {font-size:11px; float:left; line-height:14px; padding-bottom:3px; padding-left:7px;}
.micro_videos em {float:right; display:block; font-size:11px; color:#0d0f11; line-height:14px; padding-bottom:3px; padding-right:7px;}
.micro_videos .thumb h3 {width:180px;}
.micro_videos .thumb h3 img {float:left; margin:1px 0px 0px 7px;}
.micro_videos .thumb h3 a {font-size:12px; color:#f23d74; display:block; margin-left:35px; text-decoration:none; line-height:15px;}
.micro_videos .thumb h3 a:hover {text-decoration:underline;}

/* Micro 2 */
.micro2 {clear:both;}
.micro2 .banner1 {background:url(images/micro2_banner1.jpg); width:755px; height:232px; margin-left:20px;}
.micro2 .banner1 form {margin:0px 0px 0px 207px; padding-top:160px; width:530px;}
.micro2 .banner1 h2 {display:none;}
.micro2 .submit {background:url(images/micro2_banner_input.png); width:425px; height:40px;}
.micro2 .submit input {width:260px; font-size:18px; color:#000; text-align:center; float:left; margin:0px; padding:4px; border:0px; background:none; margin-top:3px; font-weight:bold;}
.micro2 .submit a {float:right; text-align:center; color:#FFF; font-size:20px; line-height:40px; width:150px; text-transform:uppercase; display:block; text-decoration:none; font-weight:bold;}

.micro2_thumbs {padding-top:20px; margin-left:30px; padding-bottom:20px;}
.micro2_thumb {float:left; background:url(images/220x170bg.gif) left 24px no-repeat; width:234px; height:240px; display:inline; margin-right:18px;}
.micro2_thumb .duration {float:left; font-size:11px; color:#0d0f11; width:133px; height:24px; line-height:24px; margin-left:7px; display:inline; overflow:hidden;}
.micro2_thumb .views {float:right; font-size:11px; color:#929394; width:70px; text-align:right; height:24px; line-height:24px; margin-right:7px; display:inline; overflow:hidden;}
.micro2_thumb .pic {width:222px; height:172px; margin:6px 0px 0px 6px; clear:both; float:left; display:inline;}
.micro2_thumb img {padding:1px;}
.micro2_thumb .pic:hover {background-color:#f576a0}
.micro2_thumb h3 {float:left; margin:10px 6px 0px 6px; display:inline; width:193px;}
.micro2_thumb h3 a {color:#f23d74; font-size:12px; text-decoration:none;}
.micro2_thumb h3 a:hover {text-decoration:underline;}
.micro2_thumb .flag {float:left; margin:10px 2px 0px 6px; width:18px; display:inline;}

.micro2_small_thumbs {clear:both; background:url(images/micro2_small_thumbs.gif) right bottom no-repeat; width:757px; margin:0px auto; padding-bottom:14px;}
.micro2_small_thumbs .top {background:url(images/micro2_small_thumbs.gif) left top no-repeat; height:20px; font-size:0px; width:757px;}
.micro2_small_thumbs .micro2_small {border-left:1px solid #f4d6e0; border-right:1px solid #f4d6e0; padding-left:19px;}
.micro2_small_thumbs p {float:left; width:100px; text-align:center; height:108px; display:inline; margin-right:3px;}
.micro2_small_thumbs p a {color:#f23d74; font-size:11px;}
.micro2_small_thumbs p a img {display:block; margin-bottom:3px;}
.micro2_small_thumbs p a:hover {text-decoration:none;}

.micro2 .submit a:hover {background:url(images/micro2_banner_input.png) right bottom no-repeat;}
.micro2 .h2 {color:#f13872; padding-top:30px; font-size:30px; line-height:28px; text-align:center;}
.micro2_small_thumbs .top h2 {color:#f13872; padding-top:5px; padding-bottom:5px; font-size:30px; line-height:32px; text-align:center;}