/*
Educalcool cartest style sheet
Copyright 2008 Inpix.ca / macharron@inpix.ca
Last edit: 2008-08-29
*/
.clearer { width: 100%; clear: both; height: 1px; line-height: 0; font-size: 1px; float: none!important; overflow: hidden; margin: 0!important; padding: 0!important;}
.spaced { margin-bottom: 12px!important;}
.none { display: none!important;}
.pfix { margin: 12px 0;}

.box_guide.cartes { background: url(../img/box_cartes_0.gif) 0 0 no-repeat!important;}
.box_guide.cartes.red { background: url(../img/box_cartes_1.gif) 0 0 no-repeat!important;}
.box_guide.cartes a { line-height: 1.3em;}

/* //////////////////////////////////////////////////////////////////////////
general */
#content .frame.large { padding-left: 20px!important; padding-right: 20px!important;}
#content .frame.large #ariane, #content .frame.large h2{ padding-left: 30px; padding-right: 30px;}

/* etapes */
#cartes #ls_cartes_etapes { width: 465px; overflow: hidden; margin: 20px 0 15px; padding-left: 25px;}
	#cartes #ls_cartes_etapes li { list-style-image: none; list-style-type: none; float: left; background: url(../img/bg_cartes_etapes.gif) 0 3px repeat-x; margin: 0 16px 0 0; }
		#cartes #ls_cartes_etapes li span { display: block; float: left; width: 19px; height: 27px; margin: 0 5px 0 0; padding: 7px 0 0 10px; background: url(../img/bg_cartes_etapes_num.jpg) 0 0 no-repeat; color: #fff; font-weight: bold;}
		#cartes #ls_cartes_etapes li.disabled span { background-position: 0 -34px;}
	#cartes #ls_cartes_etapes li p { float: left; width: 85px; background: url(../img/bg_cartes_etapes_r.gif) right 0 no-repeat; margin: 3px 0 0; padding: 4px 0 0;}

#cartes .content { background: #fff; margin: 0 0 20px; padding: 15px 0;}

#cartes .space { padding: 0 30px!important;}
#cartes .content h3 { color: #55383c; text-transform: uppercase; margin: 0; padding: 0 0 20px; width: 100%; }
#cartes .content h4 { color: #55383c; font-weight: normal; margin: 0; padding: 0 0 20px; }
	#cartes .content h4 strong { display: inline;}

/* gen */
.une_carte { display: block; margin: 0; padding: 5px; border: 1px solid #c49c73;}
.une_carte_opaque { display: none; margin: 0; padding: 5px; border: 1px solid #c49c73;opacity:0;filter: alpha(opacity = 0);}
.split_cartes { width: 100%; height: 8px; background: url(../img/split_cartes.jpg) center 0 no-repeat;}
#cartes .content .bt_mod { margin: 5px 0 12px; }
	#cartes .content .bt_mod a {padding: 2px 0 2px 17px; background: url(../img/icn_bt_mod.gif) 0 2px no-repeat;}

#cartes .content .bt_actions, #cartes .content .bt_actions:hover, #cartes .content .bt_actions:visited { font-size: 80%!important;}

/* title */
.title_choose .bt_back { float: right; width: 70px; text-align: right; margin: 0; }
.title_choose .absolute { float: none; width: 287px; margin: 0 0 8px;}
	#cartes .content .bt_back a { padding: 0 0 0 20px; background: url(../img/icn_bt_back.gif) 0 0 no-repeat;}

.title_choose .txt_conf { float: left; width: 270px;}
	.title_choose .txt_conf h3 { padding: 0 0 10px!important;}
	.title_choose .txt_conf p { margin: 0 0 12px;}
.title_choose .carte_conf { float: right; width: 138px; margin: 0 0 12px;}

.title_choose .txt_intro { margin: 0 0 15px;}
	
.title_choose .carte_subject { float: left; width: 100%;}
	.title_choose .carte_subject .carte_img { /*float: left;*/ width: 138px; margin: 0 0 20px;}
		.title_choose .carte_subject .carte_img .c_long { margin: 0 0 0 15px;}
	.title_choose .carte_subject .i_txt { /*float: left;*/ width: 287px; margin: 0 0 0 10px;}

/* box_cartes */
.box_cartes { width: 452px; margin: 0 0 20px; padding: 0 13px 0 30px; position: relative;}
.box_cartes.sm_version { width: 457px; padding: 0 13px 0 23px; }
.box_cartes.all, .box_cartes.sm_version { background: url(../img/bg_box_cartes.gif) center 0 repeat-y;}

	.box_anim_cartes { width: 452px; overflow: hidden; position: relative;}
		.box_anim_cartes .box_anim_cartes_inner { width: 20000x; overflow: hidden;}
			.box_anim_cartes .box_cartes_page { float: left; width: 452px; margin: 0 10px 0 0; }

	.box_cartes p { width: 138px; height: 149px; float: left; position: relative; margin: 0 9px 9px 0;}
	.box_cartes p.last { margin-right: 0;}
	.box_cartes img { position: absolute; float: left;}
	.box_cartes img.c_long { top: 0; left: 17px;}
	.box_cartes img.c_large { top: 30px; left: 0;}
	
	.box_cartes_slide { width: 450px; height: 94px; overflow: hidden; position: relative;}
		.box_cartes_slide .box_cartes_slide_inner { width: 2000px;}
	.sm_version p { width: 87px; height: 92px; float: left; position: relative; margin: 0 3px 0 0;}
	.sm_version p.last { margin: 0;}
	.sm_version img.c_long { top: 0; left: 10px;}
	.sm_version img.c_large { top: 14px; left: 0;}
	
	.bt_pages { position: absolute; display: block; width: 14px; height: 15px; text-indent: -9000px; background: url(../img/bt_pages.gif) 0 0 no-repeat;}
	.bt_pages:active, .bt_pages:focus { outline: none;}
	/*.bt_pages:focus {-moz-outline-style: none;}*/
	#bt_pages_prev, #bt_slide_prev { top: 50%; left: 4px; margin-top: -7px; }
	#bt_pages_next, #bt_slide_next{ top: 50%; right: 4px; margin-top: -7px; background-position: -14px 0;}

/* nav */
.nav { text-align: center; font-size: 80%; margin: 5px 0 15px;}
	.nav img { border: none;}
	.nav .bt_prev, .nav .bt_next { position: relative; top: 2px;}
	.nav .bt_prev { margin: 0 10px 0 0;}
	.nav .bt_next { margin: 0 0 0 10px;}
	.nav span { padding: 0 5px 0 0;}
	.nav .page { padding: 0 1px;}
	.nav a.selected { font-weight: bold; text-decoration: underline!important; cursor: default;}

#cartes #content a.bt_cartes { background: url(../img/bt_show_cartes.gif) 0 1px no-repeat; padding: 2px 0 2px 21px;}
#cartes #content a.less { background: url(../img/bt_show_cartes.gif) 0 -49px no-repeat;}

/* cartes_choose */
.cartes_choose { width: 100%; margin: 0 0 8px; padding: 0 0 10px; text-align: center; background: url(../img/bg_cartes_choose.jpg) 0 bottom no-repeat;}
.cartes_choose.preview { background: none; padding: 0 0 5px;}
	.cartes_choose .carte_img { margin: 0 0 12px;}
	.cartes_choose img { margin: 0 auto;}
	.cartes_choose .bt { margin: 0 0 12px;}

#cartes #content .bt a { color: #445d83!important; background: #edeee7 url(../img/bg_bt.gif) 0 bottom repeat-x; padding: 3px 15px; border-right: 1px solid #e3e5da; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 110%!important;}

.bt_add_friend { margin: 0 0 12px;}

.icn_size { font-size:115%!important; }


/* form */
#cartes .content form.high label { font-weight: bold; margin: 0 0 5px; display: block; color: #000;}
#cartes .content form .i_check label { display: inline; position: relative; top: -2px; font-weight: normal; color: #55383C;}

#cartes .content form .i_txt input, #cartes .content form textarea { width: 99%; border: 1px solid #7f9db9; background: #fff; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 100%;}
#cartes .content form textarea { width: 99%; height: 125px; background: #fff; display: inline;}

#cartes .content form .i_dbl { width: 100%; overflow: hidden; margin: 0 0 5px;}
	#cartes .content form .i_dbl .i_txt { float: left; width: 47%; margin: 0;}
	#cartes .content form .i_dbl .right { float: right; margin: 0 2px 0 0; display: inline;}
	#cartes .content form .i_dbl .i_txt input { width: 99%;}

#cartes .content form .i_check { margin-left: -4px;}

#cartes .content form.high .input { margin: 0;}
#cartes .i_area { width: 100%;}

input.long { width: 281px!important;}

.i_actions p { text-align: center; margin: 20px 0 12px;}
.i_actions.choice a { margin: 0 10px;}

.fadeIn {opacity:0}
.fadeOut {opacity:1}