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

body{ margin:0; padding:0; text-align:center; background:#9fcdee url(/modules/movie/images/bgs/body.png) no-repeat center top; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#00284b; lsession
ine-height:18px;}
div.container{ margin:0 auto; width:940px; overflow:hidden; text-align:left;}
p{ padding:0 0 10px 0; margin:0;}
img{ border:none;}
a:link, a:visited{ color:#00284a; text-decoration:none;}
 a:hover { color:#b82f88; text-decoration:none;}
ul{ margin:5px; padding:5px;}
li { margin:0 0 0 5px; padding:0;}
.spacer{ display:block; clear:both; height:1px; overflow:hidden; width:100%;}
h2{ margin:0; padding:0; font-size:16px; color:#b82f88;}
h3{ margin:0; padding:0; font-size:12px; color:#00284b;}
/*The header area: There's will be a placeholder of the logo, search module, languages and the breadcrumb(pagetitle) etc. */
div.header{ height:200px; padding:10px 0; overflow:hidden;}
div.infos_header{ float:right; width:350px; height:160px;  text-align:right;}
/*Infos Header*/

div.infos_header ul.flags{ margin:0 0 5px 0; padding:0; list-style-type:none; height:40px;}
div.infos_header ul.flags li{ float:right; display:block; width:40px; height:40px;}
div.infos_header ul.flags li a{ display:block; width:40px; height:40px; background:url(/modules/movie/images/flags.gif) no-repeat; font-size:0px; line-height:100px; overflow:hidden; }
div.infos_header ul.flags li a.en:link, div.infos_header ul.flags li a.en:visited{ background-position:0px 0px;}
div.infos_header ul.flags li a.en:hover{ background-position:-40px 0px;}
div.infos_header ul.flags li a.fr:link, div.infos_header ul.flags li a.fr:visited{ background-position: 0px -39px;}
div.infos_header ul.flags li a.fr:hover{ background-position:-40px -39px;}
div.infos_header ul.flags li a.es:link, div.infos_header ul.flags li a.es:visited{ background-position:0px -78px;}
div.infos_header ul.flags li a.es:hover{ background-position:-40px -78px;}
div.infos_header ul.flags li a.de:link, div.infos_header ul.flags li a.de:visited{ background-position:0px -118px;}
div.infos_header ul.flags li a.de:hover{ background-position:-40px -118px;}
div.infos_header ul.flags li a.it:link, div.infos_header ul.flags li a.it:visited{ background-position:0px -157px;}
div.infos_header ul.flags li a.it:hover{ background-position:-40px -157px;}
div.infos_header ul.flags li a.mg:link, div.infos_header ul.flags li a.mg:visited{ background-position:0px -98px;}
div.infos_header ul.flags li a.mg:hover{ background-position:-20px -98px;}

div.infos_header form { display:block; clear:both; margin:0; padding:0; width:340px; height:35px; background: url(/modules/movie/images/bgs/form_top_en.png) no-repeat left top; float:right;}
div.infos_header form label, div.infos_header form input{ float:left; }
div.infos_header form label, div.infos_header form input#searchsite{ background:url(/modules/movie/images/bgs/form_top_en.png) no-repeat;}
div.infos_header form label{ width:122px; margin:0 0 0 7px; background-position: 0px -35px; height:35px; font-size:0px; color:#d9ebf8;}
div.infos_header form input{ background:#fff; border:solid 1px #cad3da; margin:7px 0 0 3px; width:177px; height:17px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#00284b;}
div.infos_header form input#searchsite{ width:22px; height:35px; margin:0 0 0 2px; background-position:-140px -35px; border:none; text-indent:-10000px;}
div.infos_user_top{ display:block; clear:both;}

div.logo{ height:160px; display:block; float:left; width:95px;}

ul.title_holder{ margin:0; padding:0; list-style-type:none; height:40px; background:url(/modules/movie/images/bgs/breadcrumb.png) no-repeat left top; clear:both;}
ul.title_holder li{ line-height:40px; float:left; height:40px; overflow:hidden; vertical-align:middle;}
ul.title_holder li.home{ width:195px;}
ul.title_holder li.home a:link, ul.title_holder li.home a:visited { display:block; background:url(/modules/movie/images/titles_en.png) no-repeat left -280px; height:40px; text-indent:-1000px;}
ul.title_holder li.home a:hover{ background-position: left -320px;}
ul.title_holder li.title{ width:625px; margin:0 0 0 10px; padding:0 0 0 20px;}
ul.title_holder li.title h2{ text-indent:-10000px; margin:0; padding:0; width:600px; height:40px; background:url(/modules/movie/images/titles_en.png) no-repeat left top;}
/*Nous allons jouer sur les positions de ce background pour effectuer les changements*/
ul.title_holder li.title h2.charteconfiance{ background-position:0 -0px;}
ul.title_holder li.title h2.learnanduse{ background-position:0 -43px;}
ul.title_holder li.title h2.mentionslegales{ background-position:0 -83px;}
ul.title_holder li.title h2.mykapsys{ background-position:0 -123px;}
ul.title_holder li.title h2.nospartenaires{ background-position:0 -163px;}
ul.title_holder li.title h2.nouscontacter{ background-position:0 -203px;}
ul.title_holder li.title h2.sav{ background-position:0 -243px;}
ul.title_holder li.title h2.support{ background-position:0 -363px;}
ul.title_holder li.title h2.plandusite{ background-position:0 -403px;}
ul.title_holder li.title h2.ouacheter{ background-position:0 -443px;}
ul.title_holder li.title h2.quiestkapsys{ background-position:0 -483px;}

ul.title_holder li.synchro{ width:75px; overflow:hidden;}

/*The main_pages */

div.main_pages{ display:block; }
div.left_column, div.center_column{ float:left;}
div.left_column{ width:195px; overflow:hidden; margin:0;}
div.menu_left{ padding:10px 10px 0px 10px; background:url(/modules/movie/images/bgs/menus/left.png) no-repeat left top;}
div.menu_left h4{ font-size:14px; margin:0; padding:5px 10px; color:#fff; height:20px; }

.mleft_violet  h4{ background:url(/modules/movie/images/bgs/menus/titles_short.gif) no-repeat;  background-position: 0px 0px;}
.mleft_orange  h4{ background:url(/modules/movie/images/bgs/menus/titles_short.gif) no-repeat; background-position: 0px -30px;}
.mleft_vert  h4{ background:url(/modules/movie/images/bgs/menus/titles_short.gif) no-repeat; background-position: 0px -60px;}
.mleft_bleu  h4{ background:url(/modules/movie/images/bgs/menus/titles_short.gif) no-repeat; background-position: 0px -90px;}

div.menu_left h4 a:link, div.menu_left h4 a:visited{ color:#fff;}
ul.menu_left{ margin:10px 0 0 0; padding:10px 10px 0px 10px; list-style-type:none; background:url(/modules/movie/images/bgs/menus/list.gif) no-repeat left top;}
ul.menu_left li { padding:0; margin:0; }
ul.menu_left li a:link, ul.menu_left li a:visited { display:block; padding:5px 0 5px 20px; background:url(/modules/movie/images/bgs/menus/bulles.gif) no-repeat left 4px; font-weight:bold; line-height:normal; }
.menu_bottom{ height:10px; margin:0; padding:0; clear:both; background:url(/modules/movie/images/bgs/menus/list.gif) no-repeat left -521px ; overflow:hidden; display:block}
div.menu_left_bot{ height:10px; overflow:hidden; margin:0 0 10px 0; clear:both; background:url(/modules/movie/images/bgs/menus/left.png) no-repeat left -990px;}

div.center_column{ width:735px; margin:0 0 0 10px; overflow:hidden; background:url(/modules/movie/images/bgs/main_page.gif) no-repeat left top; padding:20px 0 0 0;}
div.center_column_inner{ padding:0px 20px 0 20px; }
div.center_column_bottom{ height:30px; background:url(/modules/movie/images/bgs/main_page.gif) no-repeat left bottom; overflow:hidden; }
div.center_separator{ display:block; clear:both; height:25px; background:url(/modules/movie/images/bgs/main_page.gif) no-repeat left -9840px }
div.center_footer{ padding:0px 20px 20px 20px; background:url(/modules/movie/images/bgs/main_page.gif) no-repeat left bottom; text-align:center;}
/*Footer links */
div.center_footer ul.kapklink_footer_image, div.center_footer ul.kapklink_footer_text{ margin:0; list-style-type:none; padding:0; }
div.center_footer ul.kapklink_footer_image li, div.center_footer ul.kapklink_footer_text li{ display:inline;}
div.center_footer ul.kapklink_footer_image li a{ display: inline-block; width:135px; height:20px; background:url(/modules/movie/images/mleft_sprite_en.png) no-repeat left top; overflow:hidden; }
div.center_footer ul.kapklink_footer_image li a.learnanduse{ background-position: 0px 0px;}
div.center_footer ul.kapklink_footer_image li a.mykapsys{ background-position: 35px -19px;}
div.center_footer ul.kapklink_footer_image li a.easystore{ background-position: 25px -39px;}
div.center_footer ul.kapklink_footer_image li a.quiestkapsys{ background-position: 0px -59px;}
div.center_footer ul.kapklink_footer_image li a span{ display:none;}
div.center_footer ul.kapklink_footer_text li { border-right:solid 1px #00284b; padding:0 5px 0 0;}
div.center_footer ul.kapklink_footer_text li.last{ border:none; padding:0;}


div.center_left, div.center_right{ float:left; overflow:hidden;}
div.center_left { display:block; width:255px; margin:15px 10px 0 0; text-align:center; border-right:solid 1px #ddd;}

div.center_right { width:420px; margin:15px 0 0 0;}
/*the colors depending the body class*/

 ul.menu_left li a:hover{ background-position:left -296px;}

div.menu_left h4 a.jFlowSelected:link, div.menu_left h4 a.jFlowSelected:visited{ color:#fff;}
.left_text{text-align:left;}
.center_text{ text-align:center;}
div.menu_left_top{ display:block; margin:0 0 10px 0; }
div.menu_left_top ul{ margin:0; padding:0; list-style-type:none;}
div.menu_left_top ul li{ display:block; height:20px; line-height:20px; padding:0px 0 3px 0;}
div.menu_left_top ul li a{ text-indent:-1000px; background:url(/modules/movie/images/mleft_sprite_en.png) no-repeat left top; display:block; height:20px;}
div.menu_left_top ul li a.learnanduse{ background-position: 0px 0px;}
div.menu_left_top ul li a.mykapsys{ background-position: 0px -20px;}
div.menu_left_top ul li a.easystore{ background-position: 0px -40px;}
div.menu_left_top ul li a.quiestkapsys{ background-position: 0px -60px;}
.menu_left_top_content {background:url(/modules/movie/images/bgs/menus/menu_left.gif) no-repeat left top; padding:20px 20px 0px 20px;}
.menu_left_top_bot{ display:block;  height:20px; overflow:hidden; background:url(/modules/movie/images/bgs/menus/menu_left.gif) no-repeat left bottom;}
/*maintenant nous allons jouer avec les couleurs de fond */
/*Violet */
.mtop_violet .menu_left_top_content{ background-position:0px top;}
.mtop_violet .menu_left_top_bot{ background-position:0px bottom;}
/*Orange*/
.mtop_orange .menu_left_top_content{ background-position:-195px top;}
.mtop_orange .menu_left_top_bot{ background-position:-195px bottom;}
/*Vert*/
.mtop_vert .menu_left_top_content{ background-position:-390px top;}
.mtop_vert .menu_left_top_bot{ background-position:-390px bottom;}
/*Bleu*/
.mtop_bleu .menu_left_top_content{ background-position:-585px top;}
.mtop_bleu .menu_left_top_bot{ background-position:-585px bottom;}

h2.title_bg{ height:40px; line-height:40px; color:#fff; font-size:20px; background:url(/modules/movie/images/bgs/titles_bg.gif) no-repeat 0px 0px; padding:0 20px; margin:0 0 10px 0;}
h2.title_violet{ background-position:0px 0px;}
h2.title_orange{ background-position:0px -40px;}
h2.title_vert{ background-position:0px -80px;}
h2.title_bleu{ background-position:0px -120px;}

/* partenaires */
.margin-right { margin-right:23px;}
.margin-bottom {margin-bottom:29px;} 
.bluebox {display:block; border:0px solid blue; float:left; position:relative; width:340px; height:142px; background-image: url(http://vmkapsysdev.enservice.net//dev/modules/movie/images/BgrPartenaires.gif);}
.bluebox .child {position:absolute; top:50%;}
.bluebox .child2 {position:absolute; top:50%; left:170px;}
.bluebox .left {float:left; width:165px; text-align:center; padding:5px;}
.bluebox .right {float:left;width:170px; display:block;} 

/* OLD CSS */

.textPurple, a.textPurple, .textPurple a { color:#b82f88;}
.textOrange1 { color:#FFAC29;}
.textOrange { color:#fb5b46;}
.textGreen { color:#77cf07;}
.textWhite { color:#fff;}
.textBlack { color:#000;}
.textDarkBlue { color:#24284A;}

.n18 {font:normal 18px arial;}
.b12 {font:bold 12px arial;}
.b18 {font:bold 18px arial;}

.dotOrange { padding:0 0 0 10px; background: transparent url(/modules/movie/images/fr/dotOrange.gif) left no-repeat;}

.btn_130{ padding:7px 100px 10px 30px; background:url(/modules/movie/images/btn/btn_130.gif) no-repeat left top;}