/**
 * Fichier : bonus.css
 * Description : styles spécifiques aux pages bonus
 * Auteur : Hamza Iqbal - hiqbal[at]actualys.com
 * Version : 1.0.0
 ******************************************/

/**
 * Structure générique
 ******************************************/
#bonus #contenu h2.titre_page { color: #fc6417; }


/**
 * Recettes
 ******************************************/
#bonus .visuel_perso_nouveautes,
#bonus .visuel_perso_recettes { position: absolute; } 

#bonus .visuel_perso_recettes
{
	right: 32px;
	top: 5px;
}

#bonus .visuel_perso_nouveautes
{
	right: 29px;
	top: -17px;
}

/**
 * Toutes les recettes
 ******************************************/
#toutes_recettes
{
	background: #fff url(../images/fonds/bg_toutes_recettes.png) 0 0 repeat-x;
	border: 1px dotted #ff5929;
	margin: 0 0 25px;
	padding: 12px 12px 23px;
	width: 696px;
}

#toutes_recettes .jcarousel-container
{
	position: relative;
	padding: 0 18px;
	width: 660px;
}

#toutes_recettes .jcarousel-prev,
#toutes_recettes .jcarousel-next
{
	background: url(../images/boutons/btn_carrousel.png) no-repeat;
	cursor: pointer;
	height: 30px;
	position: absolute;
	top: 18px;
	width: 18px;
}

#toutes_recettes .jcarousel-prev
{
	background-position: 0 -192px;
	left: 0;
}

#toutes_recettes .jcarousel-next
{
	background-position: -18px -192px;
	right: 0;
}

#toutes_recettes .jcarousel-prev-disabled,
#toutes_recettes .jcarousel-next-disabled { cursor: default; }

#toutes_recettes .jcarousel-prev-disabled { background-position: 0 -222px; }
#toutes_recettes .jcarousel-next-disabled { background-position: -18px -222px; }

#toutes_recettes .jcarousel-clip
{
	height: 71px;
	position: relative;
	overflow: hidden;
	width: 660px;
	z-index: 2;
}

#toutes_recettes .jcarousel-clip ul#liste_recettes
{
	left: 0;
	position: relative;
	padding: 0;
	top: 0;
	z-index: 1;
}

#toutes_recettes ul#liste_recettes { overflow: hidden; }

#toutes_recettes ul#liste_recettes li
{
	float: left;
	padding: 0 8px;
	width: 94px;
}

#toutes_recettes ul#liste_recettes li a
{
	background: url(../images/fonds/bg_visuels.png) -406px 0 no-repeat;
	display: block;
	height: 65px;
	overflow: hidden;
	padding: 3px;
	width: 88px;
}

#toutes_recettes ul#liste_recettes li a img {
    display: block;
    margin: 0 auto;
}


/**
 * Fiche recette / Fiche nouveauté Disney
 ******************************************/
#fiche_recette,
#fiche_nouveaute_disney
{
	background: #fff;
	border: 1px dotted #ff5929;
	clear: both;
	padding: 17px;
	width: 875px;
}

/* Infos sur la recette / Infos nouveauté Disney */
#fiche_recette #infos_recette,
#fiche_nouveaute_disney #infos_nouveaute_disney
{
	float: left;
	width: 406px;
}

#fiche_recette #infos_recette .visuel,
#fiche_nouveaute_disney #infos_nouveaute_disney .visuel
{
	background: url(../images/fonds/bg_visuels.png) 0 0 no-repeat;
	height: 300px;
	margin: 0 0 20px;
	overflow: hidden;
	padding: 3px;
	width: 400px;
}

#fiche_recette #infos_recette .visuel img,
#fiche_nouveaute_disney #infos_nouveaute_disney img { display: block; }

#fiche_recette #infos_recette .video,
#fiche_nouveaute_disney #infos_nouveaute_disney .video
{
	margin: 0 0 20px;
	overflow: hidden;
	width: 406px;
}

#fiche_recette #infos_recette ul,
#fiche_nouveaute_disney #infos_nouveaute_disney ul,
.fiche_recette_print #details_recette ul
{
	color: #fc6417;
	float: left;
	font-size: 12px;
	line-height: 12px;
	padding: 0 0 0 5px;
}

#fiche_recette #infos_recette ul li,
#fiche_nouveaute_disney #infos_nouveaute_disney ul li { margin: 0 0 8px; }

#fiche_recette #infos_recette a.btn_impression
{
	float: right;
	margin: 15px 0 0;
}

/* Détails de la recette */
#fiche_recette #details_recette,
#fiche_nouveaute_disney #details_nouveaute_disney
{
	float: right;
	width: 445px;
}

#fiche_recette #details_recette h3,
#fiche_recette h3,
#fiche_nouveaute_disney #details_nouveaute_disney h3
{
	color: #fc6417;
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 15px;
	text-transform: uppercase;
}

#fiche_recette #details_recette ul.onglets,
#fiche_nouveaute_disney #details_nouveaute_disney ul.onglets
{
	background: #fff url(../images/fonds/bg_onglets.png) 0 0 repeat-x;
	height: 41px;
	padding: 0 5px;
	width: 435px; 
}

#fiche_recette #details_recette ul.onglets li,
#fiche_nouveaute_disney #details_nouveaute_disney ul.onglets li
{
	background: url(../images/textes/txt_onglets.png) no-repeat;
	cursor: pointer;
	float: left;
	height: 41px;
	width: 143px;
}

#fiche_recette #details_recette ul.onglets li.actif,
#fiche_nouveaute_disney #details_nouveaute_disney ul.onglets li.actif { cursor: default }

#fiche_recette #details_recette ul.onglets li#onglet_ingredients { background-position: 0 0; }
#fiche_recette #details_recette ul.onglets li#onglet_ingredients.actif { background-position: 0 -41px; }

#fiche_recette #details_recette ul.onglets li#onglet_preparation { background-position: -143px 0; }
#fiche_recette #details_recette ul.onglets li#onglet_preparation.actif { background-position: -143px -41px; }

#fiche_nouveaute_disney #details_nouveaute_disney ul.onglets li#onglet_synopsis { background-position: -286px 0; }
#fiche_nouveaute_disney #details_nouveaute_disney ul.onglets li#onglet_synopsis.actif { background-position: -286px -41px; }

#fiche_nouveaute_disney #details_nouveaute_disney ul.onglets li#onglet_personnages { background-position: -429px 0; }
#fiche_nouveaute_disney #details_nouveaute_disney ul.onglets li#onglet_personnages.actif { background-position: -429px -41px; }

#fiche_nouveaute_disney #details_nouveaute_disney ul.onglets li#onglet_jeux { background-position: -572px 0; }
#fiche_nouveaute_disney #details_nouveaute_disney ul.onglets li#onglet_jeux.actif { background-position: -572px -41px; }

#fiche_recette #details_recette .contenu,
#fiche_nouveaute_disney #details_nouveaute_disney .contenu,
#fiche_recette .contenu_print
{
	clear: both;
	padding: 22px 15px 0 5px;
	width: 425px;
        color: #FF3723;
}

#fiche_recette .contenu_print{
    margin:0 0 20px 0;
    width: auto;
}

#fiche_recette #details_recette .contenu ol,
#fiche_recette #details_recette .contenu ul
{
	color: #ff3723;
	font-size: 12px;
	line-height: 14px;
}

#fiche_recette #details_recette .contenu ul li {
    margin: 0 0 15px 15px;
    list-style-type: disc;
}

#fiche_recette #details_recette .contenu ol li {
    margin: 0 0 15px 15px;
    list-style-type:decimal;
    list-style-position:outside;
}

#fiche_recette #details_recette .contenu li.texte_orange { color: #fe6722 !important; }
#fiche_recette #details_recette .contenu li.texte_rouge { color: #ff3a25 !important; }
#fiche_recette #details_recette .contenu li.texte_rose { color: #fc1a67 !important; }
#fiche_recette #details_recette .contenu li.texte_vert { color: #4ace25 !important; }
#fiche_recette #details_recette .contenu li.texte_bleu { color: #149cfc !important; }
#fiche_recette #details_recette .contenu li.texte_jaune { color: #FCBB1A; }

#fiche_nouveaute_disney #details_nouveaute_disney p
{
	color: #ff3723;
	font-size: 14px;
	line-height: 16px;
	margin: 0 0 12px;
}

#fiche_recette #details_recette .switch_onglets .block-rating-global  {
   padding: 13px 20px 0 0;
   position: absolute;
   margin-left: 350px;
   zoom: 1;
}

.rating_info p{
    font-weight: bold;
    height: 21px;
    margin: 14px 0 0 -6px;
    left:0;
    padding: 15px 8px 0;
    position: absolute;
    width: 120px;
    z-index: 100;
    
}
.block-rating-global p.rouge {
    background: url("../images/fonds/bg_infobulle_note_orange.png") no-repeat scroll 0 0 transparent;
    color: #FE6722;
}
.block-rating-global p.vert {
    background: url("../images/fonds/bg_infobulle_note_vert.png") no-repeat scroll 0 0 transparent;
    color: #38bb21;
}

/**
 * Fiche article
 ******************************************/
#fiche_article
{
background:#FFFFFF none repeat scroll 0 0;
border:1px dotted #FF5929;
clear:both;
padding:8px;
width:893px;
}

#fiche_article .contenu
{
	padding: 0 20px;
	width: 853px;
}

#fiche_article .contenu p
{
	color: #ff3428;
	font-size: 12px;
	line-height: 14px;
	margin: 0 0 15px;
	text-align: justify;
}

#fiche_article .contenu p.intro
{
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
}

#fiche_article .contenu .visuel_gauche,
#fiche_article .contenu .visuel_droite
{
	background: #fff;
	border: 1px solid #f4e1e2;
	padding: 1px;
}

#fiche_article .contenu .visuel_gauche
{
	float: left;
	margin: 0 45px 30px 0;
}

#fiche_article .contenu .visuel_droite
{
	float: right;
	margin: 0 0 30px 45px;
}

#fiche_article .contenu .visuel_gauche img,
#fiche_article .contenu .visuel_droite img { display: block; }

/**
 * Liste de jeux pleine page
 ******************************************/
ul#liste_jeux_full{ width: 430px; }


ul#liste_jeux_full li{
	background: #fff;
	/*border: dotted #ff5929;*/
	/*border-width: 0 1px 1px 0;*/
	float: left;
	height: 190px;
	padding: 1px;
	width: 213px;
}


ul#liste_jeux_full li .corps { height: 190px; }

ul#liste_jeux_full li.ligne_1 .corps { background: url(../images/fonds/bg_liste_jeux_full.png) 0 0 repeat-x; }

ul#liste_jeux_full li .jeu
{
	position: relative;
	margin: 0 auto;
	top: 16px;
	width: 180px;
}

ul#liste_jeux_full li .jeu h4
{
	left: 5px;
	position: absolute;
	top: 5px;
	z-index: 50;
        font-size: 11px;
}

ul#liste_jeux_full li .visuel
{
	background: #fff;
	border: 1px solid #f4e1e2;
	display: block;
	padding: 1px;
}

ul#liste_jeux_full li .visuel img
{
	display: block;
	width: 100%;
}

ul#liste_exclus_full li{
    width:50%;
    float:left;
}


/**
 * liste des exclus
 ******************/
ul#liste_exclus_full
{
	border: dotted #ff5929;
	border-width: 1px 0 0 1px;
	width: 909px;
}

ul#liste_exclus_full li
{
	background: #fff;
	border: dotted #ff5929;
	border-width: 0 1px 1px 0;
	float: left;
	height: 230px;
	padding: 1px;
	width: 300px;
}

ul#liste_exclus_full.exclu_big li {
    /*height: 335px;*/
    height: 450px;
    width: 450px;
}

ul#liste_exclus_full.exclu_big li.ligne_last {
    width: 903px;
}

ul#liste_exclus_full li .corps { height: 228px; }
ul#liste_exclus_full.exclu_big li .corps { 
    /*height: 335px; */
    height: 450px;
}

ul#liste_exclus_full.exclu_big li.ligne_last .corps {
    width: 903px;
}

/*ul#liste_exclus_full li.ligne_1 .corps { background: url(../images/fonds/bg_liste_jeux_full.png) 0 0 repeat-x; }*/

ul#liste_exclus_full.exclu_big li .exclu {
    width: 262px;
    top: 50px;
    position: relative;
    margin: 0 auto;
}

ul#liste_exclus_full li .jeexcluu, ul#liste_exclus_full li .exclu_no_roll
{
	position: relative;
	margin: 0 auto;
	top: 35px;
	width: 209px;
}

ul#liste_exclus_full li .exclu h3, ul#liste_exclus_full li .exclu_no_roll h3
{
	left: 10px;
	position: absolute;
	top: 10px;
	z-index: 50;
}

ul#liste_exclus_full li .visuel
{
	background: #fff;
	border: 1px solid #f4e1e2;
	display: block;
	padding: 1px;
}

ul#liste_exclus_full li .visuel img
{
	display: block;
	/*width: 100%;*/
}




/**
 * Page développement durable
 ******************************************/
.bloc_jeu_dev_durable
{
	margin: 0 0 20px;
}

.bloc_jeu_dev_durable .jeu
{
	text-align: center;
	width: 340px;
}

#jeu_deforestation .jeu
{
	float: left;
	margin: 0 20px 0 0;
}

#jeu_biodiversite .jeu
{
	float: right;
	margin: 0 0 0 20px;
}

.bloc_jeu_dev_durable h3
{
	color: #fc6417;
	font-size: 23px;
	font-weight: bold;
	margin: 0 0 20px;
	text-transform: uppercase;
}

.bloc_jeu_dev_durable p
{
	color: #ff3428;
	font-size: 12px;
	line-height: 14px;
	margin: 0 0 20px;
	text-align: justify;
}

#msg_club_panda
{
	overflow: hidden;
}

#msg_club_panda a.visuel
{
	float: left;
	margin: 0 20px 0 0;
}

#msg_club_panda p
{
	color: #fc681d;
	font-size: 22px;
	font-weight: bold;
	line-height: 30px;
	margin: 10px 0 0;
}

#msg_club_panda p a { color: #fc681d; text-decoration: underline; }
#msg_club_panda p a:hover { text-decoration: none; }