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


#popup_standard {
	margin:0 auto;/* centrage uniquement pour le montage : sera à retirer quand le positionnement sera géré par prototype ou CMS */
	width:510px;
	font-size:12px;color:#000;
	text-align:left;
	line-height:115%;
}


#popup_standard .popup_top {
	background: url(../images/popups/fd_popup_vert_h.png) top left no-repeat;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/gulli/images/popups/fd_popup_vert_h.png', sizingMethod='crop');
	width:510px;height:22px;
}

#popup_standard .popup_centre {
	background:#87B338 url(../images/popups/fd_popup_vert_c.png) top left no-repeat;
	
	height:auto!important;
	height:201px;
	min-height:201px;
	padding:0 50px 0 110px;width:330px;border-left:10px solid #ffffff;border-right:10px solid #ffffff;
	
	position:relative;top:0px;left:0px;
	
	color:#000;font-size:11px;font-weight:bold;
}


#popup_standard .popup_bottom {
	background: url(../images/popups/fd_popup_vert_b.png) top left no-repeat;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/gulli/images/popups/fd_popup_vert_b.png', sizingMethod='crop');
	width:510px;height:22px;
}



/* ------------ */
/* --- HTML --- */
/* ------------ */

#popup_standard * {padding:0;margin:0;}
#popup_standard ul {list-style:none;}
#popup_standard img {border:none;}
#popup_standard fieldset {border:none;}
#popup_standard p {margin:0 0 0 0;}
#popup_standard em {font-style:italic;}
#popup_standard a {outline:none;color:#000;}


/* --------------- */
/* --- COMMUNS --- */
/* --------------- */

#popup_standard .invisible {position:absolute;top:-5000px;left:-5000px;}
#popup_standard .breaker {clear:both;height:0px;overflow:hidden;font-size:1px;}

#popup_standard .text_align_center {text-align:center;}

#popup_standard .displaying_none {display:none;}

#popup_standard .first_h {margin-left:0!important;}
#popup_standard .first_v {margin-top:0!important;}

#popup_standard .clearing_left {clear:left;}
#popup_standard .clearing_right {clear:right;}

#popup_standard .floating_left {float:left;}
#popup_standard .floating_right {float:right;}

#popup_standard .no_visible {visibility:hidden;}



/* -------------------- */
/* --- POPUP CENTRE --- */
/* -------------------- */

#popup_standard .popup_centre .fermer_standard {
	float:right;
	background: url(../images/popups/bt_fermer_vert.png) right top no-repeat;
	height:20px;padding:2px 28px 0 0;margin:0 10px 8px 0;display:inline;
	position:relative;left:50px;
	font-size:12px;font-weight:bold;color:#fff;
}


#popup_standard .logo {
	position:absolute;top:9px;left:25px;
	width:78px;height:73px;
}

/* --- TITRE POPUP --- */
/* ------------------- */

#popup_standard .popup_centre h3 {
	height:17px;margin:0 0 25px 0;
	position:relative;top:0px;left:0px;text-indent:-5000px;
}

#popup_standard .popup_centre h3.merci {background: url(../images/popups/tt_merci_vert.png) top left no-repeat;}
#popup_standard .popup_centre h3.comment_telecharger {background: url(../images/popups/tt_comment_telecharger_vert.png) top left no-repeat;}
#popup_standard .popup_centre h3.erreur {background: url(../images/popups/tt_erreur_vert.png) top left no-repeat;}
#popup_standard .popup_centre h3.ton_commentaire {background: url(../images/popups/tt_commentaire_vert.png) top left no-repeat;}
#popup_standard .popup_centre h3.fd_ecran {background: url(../images/popups/tt_fond_ecran_vert.png) top left no-repeat;}
#popup_standard .popup_centre h3.envoyer_ami {background: url(../images/popups/tt_envoyer_ami_vert.png) top left no-repeat;}
#popup_standard .popup_centre h3.identification {background: url(../images/popups/tt_identification_vert.png) top left no-repeat;}


/* --- TEXTE POPUP --- */
/* ------------------- */

#popup_standard .popup_centre p {
	margin:0 0 1em 0;
}


#popup_standard .popup_centre .textarea_commentaire {
	display:block;
	width:348px;border:none;margin:0 -9px;
	background:url(../images/popups/fd_textarea_vert.png) top left no-repeat;
	overflow:hidden;
}


#popup_standard .popup_centre textarea {
	display:block;margin:2px 0px 1px 11px;
	width:321px;height:127px;border:none;padding:0px 2px;
	color:#ccc;
	overflow:auto;
}

#popup_standard .popup_centre input.valider_commentaire {
	display:block;margin:10px auto 0px auto;
	width:65px;height:23px;border:none;
}


#popup_standard .popup_centre .telecharger_fd_ecran .col_1 {
	float:left;display:inline;padding:0 20px 0 0;
	width:90px;
	font-weight:normal;
}

#popup_standard .popup_centre .telecharger_fd_ecran .col_2 {
	float:left;display:inline;padding:0 20px 0 0;
	width:90px;
	font-weight:normal;
}

#popup_standard .popup_centre .telecharger_fd_ecran .col_3 {
	float:left;display:inline;padding:0 20px 0 0;
	width:90px;
	font-weight:normal;
}

#popup_standard .popup_centre .telecharger_fd_ecran .col_1 input {vertical-align:middle;margin:0 5px 0 0;}
#popup_standard .popup_centre .telecharger_fd_ecran .col_1 label {vertical-align:middle;color:#fff;font-weight:bold;margin:0 0 5px 0;}
#popup_standard .popup_centre .telecharger_fd_ecran .col_2 input {vertical-align:middle;margin:0 5px 0 0;}
#popup_standard .popup_centre .telecharger_fd_ecran .col_2 label {vertical-align:middle;color:#fff;font-weight:bold;margin:0 0 5px 0;}
#popup_standard .popup_centre .telecharger_fd_ecran .col_3 input {vertical-align:middle;margin:0 5px 0 0;}
#popup_standard .popup_centre .telecharger_fd_ecran .col_3 label {vertical-align:middle;color:#fff;font-weight:bold;margin:0 0 5px 0;}


#popup_standard .popup_centre .telecharger_fd_ecran span {margin:4px 0 0 0;display:block;}


#popup_standard .popup_centre .telecharger_fd_ecran fieldset {
	margin:0px 0 0px 0;display:inline;float:left;
}

#popup_standard .popup_centre input.telecharger {
	display:block;margin:20px auto 0px auto;
	width:114px;height:23px;border:none;
}





#popup_standard .popup_centre input.envoyer {
	display:block;margin:0px auto 0px auto;
	width:65px;height:22px;border:none;
}

#popup_standard .popup_centre .envoyer_ami fieldset {
	border:none;margin:10px 0px 0px 0;clear:both;_margin:0 0 0 0;
}

#popup_standard .popup_centre .envoyer_ami fieldset.first {
	margin-top:0;
}


#popup_standard .popup_centre .envoyer_ami label {
	display:block;border:none;float:left;display:inline;
	width:85px;height:19px;padding:2px 0px 0px 0px;margin:0 5px 0px 0;
}

#popup_standard .popup_centre .envoyer_ami input.input_envoyer_ami {
	display:block;border:none;float:left;
	width:210px;height:17px;padding:2px 14px 2px 14px;margin:0 0px 10px 0;
	background:url(../images/popups/fd_input_vert.png) top left no-repeat;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/gulli/images/popups/fd_input_vert.png', sizingMethod='crop'); 
	overflow:hidden;
}


#popup_standard .popup_centre .envoyer_ami a {
	font-weight:normal;text-decoration:underline;
}



/************************popup quiz_vote****************************/


#popup_quiz {
	margin:0 auto;/* centrage uniquement pour le montage : sera à retirer quand le positionnement sera géré par prototype ou CMS */
	width:749px;
	font-size:12px;color:#000;
	font-family:arial;}

#popup_quiz #popup_top {
	background: url(../images/popups/fd_popup_red.png) top left no-repeat;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/gulli/images/popups/fd_popup_red.png', sizingMethod='crop');
	width:749px;height:30px;
}

#popup_quiz #popup_centre {
	background: url(../images/popups/fd_popup_red_milieu.png) top left repeat-y;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/gulli/images/popups/fd_popup_red_milieu.png', sizingMethod='scale');
	height:485px;
	padding:0 28px 0 28px;
	_padding:0 25px 0 25px;
}
#popup_quiz #popup_centre .fermer_fenetre {
	float:right;
	background: url(../images/popups/bt_fermer_red.png) right top no-repeat;
	height:20px;padding:2px 28px 0 0;margin:0 0 8px 0;
	font-size:12px;font-weight:bold;color:#fff;
	position:relative;
}


#popup_quiz #popup_bottom {
	background: url(../images/popups/fd_popup_red_bottom.png) top left no-repeat;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/gulli/images/popups/fd_popup_red_bottom.png', sizingMethod='crop');
	width:749px;
	height:29px;
	_margin-top:-5px;

}

#popup_quiz #popup_centre .titre_popup {
	background:#e53712;
	height:57px;padding:4px 134px 0 18px;margin:0 0 11px 0;
	font-size:24px;font-weight:bold;color:#fff;line-height:100%;
	position:relative;
	font-weight:bold;
}

#popup_quiz #popup_centre .titre_popup span {
	font-size:16px; color:#fff;line-height:20px;
	padding:0 0 0 20px;
	background: url(../images/popups/puce_bl.gif) 0 50% no-repeat;}
	
#popup_quiz #popup_centre .blocFlash_top p.taux {
	font-size:12px; 
	font-weight:bold;
	float:left;
	color:#fff;
	line-height:10px;
	padding:0 0 0 20px;
	margin-left:19px;
	_margin-left:9px;
	background: url(../images/popups/puce_bl_clair.gif) 0 50% no-repeat;}
	
#barre_vote {
	background: url(../images/popups/barre_vote_popup.png) top left no-repeat;
	margin:4px 0 0 5px;
	float:left;
	display:inline;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/gulli/images/popups/barre_vote_popup.png', sizingMethod='crop');}


#popup_quiz #popup_centre .blocFlash {
	width:461px;
	height:361px;
	float:left;
}

#popup_quiz #popup_centre .blocFlash_top {
	background: url(../images/popups/fd_blocflash_h.png) top left no-repeat;
	height:34px;
	width:461px;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/gulli/images/popups/fd_blocflash_h.png', sizingMethod='crop');
}

#popup_quiz #popup_centre .blocFlash_centre {
	background: url(../images/popups/fd_blocflash_c.jpg) top left repeat-y;
	width:461px;
	padding:0px 12px 0 11px;
}

#popup_quiz #popup_centre .blocFlash_bottom {
	background: url(../images/popups/fd_blocflash_b.png) top left no-repeat;
	height:17px;
	width:461px;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/gulli/images/popups/fd_blocflash_b.png', sizingMethod='crop');
}

#bloc_right {
	float:left;
	padding-left:15px;
	_padding-left:0px;}

#visuel {
	background: url(../images/popups/fd_visuel.png) top left no-repeat;
	width:160px;
	margin:10px 0 5px 0;
	padding:9px;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/gulli/images/popups/fd_visuel.png', sizingMethod='crop');}
		


#popup_quiz #bloc_box {
    width:214px;
    height:198px;
    padding-top:33px;
    background: url(../images/popups/fd_contenu_scroll.png) 0 0 no-repeat;
    _background:none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/gulli/images/popups/fd_contenu_scroll.png', sizingMethod='crop');
    _background-position:0 33px;
}


#bloc_box #someboxQuiz .scrollbox_content {
	position:relative;
	margin:0;
	padding:0;
	width:auto;
	width:214px;
	height:186px;
	float:none;
}

#bloc_box #someboxQuiz .scrollbox_content p {
	margin:0 15px 10px 10px;
	font-size:13px;
	width:166px;
	float:none;
	padding:0;
}





#bloc_box #someboxQuiz .scrollbox_scrollbar {
	width:26px;
	height:186px;
	padding:0;
	margin:0;
	background: url(../images/popups/fd_scrollbar_quiz.png) top left no-repeat;
	overflow:hidden
}


#bloc_box #someboxQuiz .scrollbox_up_button {
	background:  url(../images/popups/scroll_up_button_quiz.png) left top no-repeat;
	height:25px;
	width:26px;
	display:block;
	margin:0;
	padding:0;
	cursor:pointer;
}

#bloc_box #someboxQuiz .scrollbox_down_button {
	background:url(../images/popups/scroll_down_button_quiz.png) left top no-repeat;
	height:25px;
	width:26px;
	display:block;
	margin:0;
	padding:0;
	cursor:pointer;
}

#bloc_box #someboxQuiz .scrollbox_handle {
     background:url(../images/popups/float_bttn_popup.png) top left no-repeat;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/gulli/images/popups/float_bttn_popup.png', sizingMethod='crop');  
	width:25px;
	height:25px;
	display:block;
	margin:0px;
	padding-right:-1px;
	cursor:pointer;
}

/*
--------------- playmobil--------------------------*/


#popup_quiz #playmobil_box {
	width:219px;
	height:332px;
	padding:33px 0 0 0;
	/padding:33px 0 0 15px;
	_padding:33px 0 0 0;
	margin:8px 0 0 0;
	/margin:8px 0 0 5px;
	_margin:8px 0 0 0;
	background: url(../images/popups/fd_playmobil_box.png) 0 0 no-repeat;
}



#playmobil_box #someboxQuiz_pm .scrollbox_content {
    position:relative;
    margin:0;
    padding:0;
    width:214px;
    height:186px;
    float:none;
}

#playmobil_box #someboxQuiz_pm p {
    margin:0 15px 10px 10px;
    _margin:0 15px 10px 20px;
    font-size:13px;
    width:166px;
    float:none;
    padding:0;
    overflow:hidden;
}

#playmobil_box #someboxQuiz_pm .scrollbox_content p {
    margin:0 15px 10px 10px;
    font-size:13px;
    width:166px;
    float:none;
    padding:0;
}


#playmobil_box #someboxQuiz_pm .scrollbox_scrollbar {
	width:25px;
	height:280px;
	margin:0;
	padding:0;
	background: url(../images/popups/fd_scroll_playmobil.png) top left no-repeat;
	overflow:hidden;
}



#playmobil_box #someboxQuiz_pm .scrollbox_up_button {
	background:  url(../images/popups/scroll_up_button_quiz.png) left top no-repeat;
	height:25px;
	width:26px;
	display:block;
	margin:0;
	padding:0;
	cursor:pointer;
}

#playmobil_box #someboxQuiz_pm .scrollbox_down_button {
	background:url(../images/popups/scroll_down_button_quiz.png) left top no-repeat;
	height:25px;
	width:26px;
	display:block;
	margin:0;
	padding:0;
	cursor:pointer;
}

#playmobil_box #someboxQuiz_pm .scrollbox_handle {
     background:url(../images/popups/float_bttn_popup.png) top left no-repeat;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/gulli/images/popups/float_bttn_popup.png', sizingMethod='crop');  
	width:25px;
	height:25px;
	display:block;
	margin:0px;
	padding-right:-1px;
	cursor:pointer;
}

#popup_quiz #popup_centre_playmobil .blocFlash {
	width:461px;
	height:361px;
	float:left;
}

#popup_quiz #popup_centre .blocFlash_centre_playmobil {
	background: url(../images/popups/fd_blocflash_c.jpg) top left repeat-y;
	width:450px;
	padding:0 0 0 11px;
}
#popup_quiz #popup_centre .blocFlash_centre_playmobil img
{
border: 2px solid rgb(255, 255, 255);
}

#bloc_right_playmobil {
	float:left;
	padding-left:13px;
	}