/* ////////////////////////////////////////////////////////////////////////////////////////////////*/
/* IMPORT DES FEUILLES DE STYLES */
/* ////////////////////////////////////////////////////////////////////////////////////////////////*/

/* 
Mise en page générale du site oeufs-kinder-surprise.com sur style.css
les feuilles de styles attachées sont décrites ci-dessous :
typographie.css : toute la typo du site
navigtation.css : contient les menus principaux de navigation
formulaire.css : contient tous les formulaires du site
*/
@import url(typographie.css);
@import url(navigation.css);
@import url(formulaire.css);

@import url(smoothbox.css);
/* Fin de l'import des feuilles de style */


/* ////////////////////////////////////////////////////////////////////////////////////////////////*/
/* MISE EN PAGE PAR DEFAUT */
/* ////////////////////////////////////////////////////////////////////////////////////////////////*/

* {
	margin: 0; padding: 0;
}

img {
	border: 0;
}

body {
	font: 62.5% Arial, Helvetica, sans-serif;
	background-color: #ffff00; 
}

.clearboth { 
	clear: both;
}


/* ////////////////////////////////////////////////////////////////////////////////////////////////*/
/* MISE EN PAGE GENERALE DE L'INDEX */
/* ////////////////////////////////////////////////////////////////////////////////////////////////*/

#cadre_total
{ margin:auto; width:1000px; background-image: url("images-design/fond_bordure.jpg"); background-repeat:repeat-y; }

	#liens_absolus 
	{ margin:auto; padding:0 10px 0 0; width:940px; background-color:#fff; }
	
	#header_flash
	{ margin:auto; display:block; width:950px; height:250px; }
	
	#arrondie_haut
	{ margin:auto; width:950px; height:70px; background-image: url(images-design/arrondie_haut.jpg); }
		#information_navigation 
		{ float:left; display:inline; margin-top:28px; margin-left:40px; }

	#centre
	{ float:left; display:inline; margin-left:25px; width:950px; background-image: url(images-design/fond_centre.jpg); background-repeat:repeat-y; }
		#contenu
		{ float:left; width:750px; margin-left:34px; display:inline; }
			#ensemble_titre_gauche
			{ float:left; width:250px; height:135px; background-image: url(images-design/figurine_titre_gauche.jpg); }
			#ensemble_titre_droite
			{ float:right; width:500px; }
				#figurine_titre_droite
				{ float:right; margin:5px 0 0 0; width:120px; height:70px; background-image: url(images-design/figurine_titre_droite.jpg); }
				#pub_468_60_no1
				{ float:right; width:468px; height:60px; display: inline; }
		#menus
		{ float:left; width:140px; margin-top:5px; margin-left:11px; display:inline; }
		
	#arrondie_bas
	{ clear:both; margin:auto; width:950px; height:70px; background-image: url(images-design/arrondie_bas.jpg); }


/* ////////////////////////////////////////////////////////////////////////////////////////////////*/
/* MONOBLOCS */
/* ////////////////////////////////////////////////////////////////////////////////////////////////*/

/* informations de diffusion */
.tableau_information_diffusion { 
	margin: auto; 
	width: 85%; 
	border: solid #000 1px; border-collapse: collapse; 
	font: bold 1.2em Arial, Helvetica, sans-serif; color: #0066FF; 
	text-align: center; 
}
	.tableau_information_diffusion th { color: #fff; background-color: #FF6666; }
		.tableau_information_diffusion_th15 { width: 15% }
		.tableau_information_diffusion_th25 { width: 25% }
		.tableau_information_diffusion_th45 { width: 45% }
	.tableau_information_diffusion td { border: solid #000 1px; }

/* menu interne */	
.sous_menu_monoblocs { 
	float: left; 
	margin: 20px 0 20px 0; 
	width: 100%; 
	border-top: 1px solid #FF6666; border-bottom: 1px solid #FF6666; 
}

/* grande image monoblocs (et texte en dessous) */
.serie_monoblocs_750_350 { width: 750px; height: 350px; }
	.monoblocs_sous_serie { 
		display: block; 
		font: 1em Arial, Helvetica, sans-serif; color: #000; 
		text-align: center; 
	}

/* tableau des figurines monoblocs */
.tableau_monoblocs { 
	margin: 20px 0 0 50px; 
	width: 657px; 
	border: 1px solid #000; border-collapse: collapse; 
	font: bold 1.2em Arial, Helvetica, sans-serif; color: #0066FF; 
	text-align: center; 
}
	.tableau_monoblocs th { color: #fff; background-color: #FF6666; }
		.tableau_monoblocs_th450 { width: 450px; }
		.tableau_monoblocs_th225 { width: 225px; }
		.tableau_monoblocs_th100 { width: 100px; font-size: 0.9em; }
		.tableau_monoblocs_th50 { width: 50px; }
	.tableau_monoblocs td { border: 1px solid #000; }
	.tableau_monoblocs td a { text-decoration: none; color: #0066FF; }
	.tableau_monoblocs td a:hover { text-decoration: none; color: #0066FF; }
		.colonne_recherche { color: #FF0000; }
		.colonne_echange { color: #33CC00; }
			.existe_pas { background: #ccc; }
			img.case_vide { margin: 0 7px 0 0; width: 40px; height: 15px; vertical-align: bottom; }
			img.bpz_seul { border: 1px solid black; }
			img.notice { border: 1px solid black; margin: 0 0 0 8px; }
			img.notice2 { border: 1px solid black; margin: 0 0 0 8px; }
			img.autocollant { border: 1px solid black; }
/* variantes monoblocs : les images divent avoir 180px de largeur et un minimum de 180px de hauteur (centrer la figurine sur le carré) */
.ensemble_variantes { margin: auto; width: 540px; }		
	.ensemble_variante { float: left; margin: 0 0 15px 0; width: 540px; }
		.bloc_variante_image { float: left; width: 180px; }
		.bloc_variante_texte { float:left; padding: 5px 5px 0 5px; width: 170px; min-height: 180px; *height: 180px; background: url(images-design/monoblocs_2variantes_fond_texte.gif) no-repeat; }
			.bloc_variante_texte_p1 { margin: 0 0 0 40px; height: 90px; }
			.bloc_variante_texte_p2 { margin: 0 45px 0 0; height: 90px; }

/* bpzs */
.bpz_monoblocs { margin: auto; display: block; border: 1px solid #000000; }


/* ////////////////////////////////////////////////////////////////////////////////////////////////*/
/* ESPACE MEMBRE > MONTABLES */
/* ////////////////////////////////////////////////////////////////////////////////////////////////*/

ul#liste-annees {

}

	ul#liste-annees li {
		float: left;
		margin: 5px;
		width: 90px;
		list-style: none;
		border: 4px solid #333; background-color: #333;
		font: bold 11px Arial, Helvetica, sans-serif; color: #fff; 	
		text-align: center;
	}
		
		ul#liste-annees li a {
			color: #fff; 
			text-decoration: none;			
		}
		
		ul#liste-annees li a:hover {
			color: #fff; 			
			text-decoration: underline;			
		}


.editer_kinder_surprise_famille_bloc {
	float: left;
	margin: 0 20px 0 0; 
}

	.editer_kinder_surprise_famille {
		float: left;
		padding: 10px;
		width: 285px; min-height: 30px; *height: 30px; 
		border: 1px dashed #ccc;
	}

#editer_kinder_surprise_figurine_bloc {
	float: left;
}

	#editer_kinder_surprise_figurine {
		float: left;
		padding: 10px;
		width: 285px; min-height: 30px; *height: 30px; 
		border: 1px dashed #ccc;
	}

#editer_kinder_surprise_edition_bloc {
	float: left;
	margin: 15px 0 0 0;
}

	#editer_kinder_surprise_edition {
		float: left;
		padding: 10px;
		width: 612px;
		border: 1px dashed #ccc;
	}

/* liste les figurines d'une famille */
.ligne_nouvelle_famille_figurine {
	margin: 0 0 10px 0; 
}

.conteneur_figurine_dune_famille {
	float: left;
	margin: 0 1px 7px 2px;
	width: 90px;
}

/* liste des montables (dans une table) */
table.liste-montables {
	font: 12px Arial, Helvetica, sans-serif; color: #333333;
	border-collapse: separate;
}

	table.liste-montables tr.pair {
	
	}
	
		table.liste-montables tr.pair td {
			padding: 2px;
			background-color: #f7f7f7;
		}
		
	table.liste-montables tr.impair {

	}

		table.liste-montables tr.impair td {
			padding: 2px 3px 2px 3px;
			background-color: #ececec;
		}
		
			table.liste-montables td.numero {
				width: 150px;
				text-align:center;
			}
			
			table.liste-montables td.nom {
				width: 585px;
			}
	

/* ////////////////////////////////////////////////////////////////////////////////////////////////*/
/* TOONS */
/* ////////////////////////////////////////////////////////////////////////////////////////////////*/

/* bpzs */
.bpz_toons_horiz { margin: auto; display: block; border: 1px solid #000000; }


/* ////////////////////////////////////////////////////////////////////////////////////////////////*/
/* PUZZLES */
/* ////////////////////////////////////////////////////////////////////////////////////////////////*/

/* menu 4 puzzles horiz */
ul.puzzles_4_h {
	float: left;
	margin: 0 0 0 5px;
	width: 366px; height: 244px;
}

	ul.puzzles_4_h li {
		float: left;
		width: 183px; height: 123px;
		list-style: none;
	}
	
ul.puzzles_4_v {
	float: left;
	margin: 0 0 0 5px;
	width: 246px; height: 366px;
}

	ul.puzzles_4_v li {
		float: left;
		width: 123px; height: 183px;
		list-style: none;
	}

/* menu 3 puzzles horiz */
ul.puzzles_3_h {
	float: left;
	margin: 0 0 0 5px;
	width: 549px; height: 123px;
}

	ul.puzzles_3_h li {
		float: left;
		width: 183px; height: 123px;
		list-style: none;
	}

ul.puzzles_3_v {
	float: left;
	margin: 0 0 0 5px;
	width: 371px; height: 183px;
}

	ul.puzzles_3_v li {
		float: left;
		width: 123px; height: 183px;
		list-style: none;
	}

/* vignette pour l'affichage de tous les puzzles */
.puzzle_mini_h { width: 180px; height: 120px; }
.puzzle_mini_v { width: 120px; height: 180px; }

/* puzzle horiz ou vertical, pas d'autre choix */
.bloc_puzzle { float: left; width: 360px; }
	.puzzle_h { width: 360px; height: 240px; }
	.puzzle_v { margin: 0 0 0 55px; width: 240px; height: 360px; }

/* image des puzzles */
.bloc_puzzle_image { float: left; width: 370px; }
	.puzzle_vignette_petit_h1 { float: left; margin: 0 12px 0 12px; width: 170px; height: 126px; }
	.puzzle_vignette_petit_h2 { float: left; width: 170px; height: 126px; }
	.puzzle_vignette_petit_v1 { float: left; margin: 0 12px 0 58px; width: 126px; height: 170px; }
	.puzzle_vignette_petit_v2 { float: left; width: 126px; height: 170px; }
	.puzzle_vignette_grand_h1 { float: left; margin: 0 0 6px 30px; width: 306px; height: 126px; }
	.puzzle_vignette_grand_h2 { float: left; margin: 0 0 0 30px; width: 306px; height: 126px; }
	.puzzle_vignette_grand_v1 { float: left; margin: 0 6px 0 60px; width: 126px; height: 306px; }
	.puzzle_vignette_grand_v2 { float: left; width: 126px; height: 306px; }
	.puzzle_vignette_cromignon1 { float: left; margin: 0 6px 0 60px; width: 126px; height: 410px; }
	.puzzle_vignette_cromignon2 { float: left; width: 126px; height: 410px; }

/* affichage des détails du puzzle */
#myPuzzle {
	clear: both;
	margin: 30px 0 0 9px;
}


/* ////////////////////////////////////////////////////////////////////////////////////////////////*/
/* ANNUAIRE */
/* ////////////////////////////////////////////////////////////////////////////////////////////////*/

.bloc_site {
	float: left;
	margin: 10px 0 0 0;
	width: 600px;
}

	img.image_screen_site {
		float: left;
		margin: 0 7px 0 0; padding: 2px;
		width: 190px; height: 140px;
		border: 1px solid #000;
	}
	
	
/* ////////////////////////////////////////////////////////////////////////////////////////////////*/
/* FAQ */
/* ////////////////////////////////////////////////////////////////////////////////////////////////*/

.bloc_faq {
	margin: 0 0 7px 0; padding: 7px;
	width: 734px;
	border: 1px dashed #ccc;
}


/* ////////////////////////////////////////////////////////////////////////////////////////////////*/
/* ACTUALITE */
/* ////////////////////////////////////////////////////////////////////////////////////////////////*/

.bloc_actualite {
	clear: both;
	margin: 0 0 7px 0; padding: 7px;
	width: 734px;
}

	img.vignette_actualite {
		float: left;
		margin: 0 7px 0 0; padding: 2px;
		width: 60px; height: 60px;
		border: 1px solid #ccc;
	}
	
	.bloc_contenu {
		float: left;
		width: 460px;
	}

	.bloc_info {
		float: left;
		margin: 0 0 0 30px;
		width: 170px;
	}

		img.icone_categorie_actu {
			width: 150px; height: 24px;
		}
		
		
/* ////////////////////////////////////////////////////////////////////////////////////////////////*/
/* BOURSES ET MARCHES AU PUCES */
/* ////////////////////////////////////////////////////////////////////////////////////////////////*/

.bloc_bourse {
	margin: 0 0 7px 0; padding: 7px;
	width: 734px;
	border: 1px dashed #ccc;
}

		
/* ////////////////////////////////////////////////////////////////////////////////////////////////*/
/* CARTE DES COLLECTIONNEUR */
/* ////////////////////////////////////////////////////////////////////////////////////////////////*/

#carte_collectionneurs_flash {
	float: left;
	width: 750px; height: 550px;
}

.bloc_collectionneur {
	margin: 0 0 7px 0; padding: 7px;
	width: 734px;
	border: 1px dashed #ccc;
}

	img.photo_collectionneur {
		float: left;
		margin: 0 7px 0 0;
		width: 130px; height: 130px;
	}
	
	
/* ////////////////////////////////////////////////////////////////////////////////////////////////*/
/* Livre d'or */
/* ////////////////////////////////////////////////////////////////////////////////////////////////*/

.bloc_message_livre_dor {
	margin: 0 0 7px 0; padding: 7px;
	width: 734px;
	border: 1px dashed #ccc;
}


/* ////////////////////////////////////////////////////////////////////////////////////////////////*/
/* Les trois blocs informations l'un à coté de l'autre */
/* ////////////////////////////////////////////////////////////////////////////////////////////////*/

.bloc_info_rapide1 {
	float: left;
	padding: 5px 5px 5px 40px;
	width: 323px; height: 60px;
	border: 1px dashed #ccc;;
	background: url(images-design/icone-dossier.jpg) no-repeat;
}

.bloc_info_rapide2 {
	float: left;
	margin: 0 0 0 10px; padding: 5px 5px 5px 40px;
	width: 323px; height: 60px;
	border: 1px dashed #ccc;
	background: url(images-design/icone-dossier.jpg) no-repeat;
}

.bloc_info_rapide_pub {
	float: left;
	margin: 0 0 0 20px; 
	width: 234px; height: 60px;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////*/
/* DETAIL DES MONTABLES */
/* ////////////////////////////////////////////////////////////////////////////////////////////////*/

.detail-montable-gauche, .detail-montable-droite {
	float: left;
	margin: 0 5px 0 6px;
	width: 365px;
}

.detail-montable-gauche img {
	float: right;
}


/* ////////////////////////////////////////////////////////////////////////////////////////////////*/
/* Alerte */
/* ////////////////////////////////////////////////////////////////////////////////////////////////*/

.bloc_alerte_1 {
	float: left;
	padding: 5px 5px 5px 30px;
	width: 715px; min-height: 15px;
	background: url(images-design/icone-exclamation.gif) no-repeat;
	background-color: #FF9900;
	border: 1px dashed #ccc;
}

.bloc_alerte_2 {
	float: left;
	padding: 5px 5px 5px 30px;
	width: 600px; min-height: 15px;
	background: url(images-design/icone-exclamation.gif) no-repeat;
	background-color: #FF9900;
	border: 1px dashed #ccc;
}


/* ////////////////////////////////////////////////////////////////////////////////////////////////*/
/* DIVERS */
/* ////////////////////////////////////////////////////////////////////////////////////////////////*/

/* ligne */
hr {
	float: left;
	width: 100%;
	border: 1px dashed #ff0000;
}

/* images */
.drapeau_19_10 { 
	padding: 0 5px 0 0; 
	width: 19px; height: 10px; 
}

.drapeau_19_10noMargin { 
	width: 19px; height: 10px; 
}

.wanted_bpz { 
	margin: auto; 
	display: block; 
	width: 500px; height: 160px; 
}

.icone {
	margin: 0 2px 0 2px;
	width: 12px; height: 12px;
}

/* afficher ou cacher des blocs : generique */
.blocCache {
	display: none;
	visibility: hidden;
}

/* image d'appel de fonction javascript */
.image_appel {
	width: 1px; height: 1px;
	visibility: hidden;
	display: none;
}

/* + et - des affiche-cache javascript */
.icone_deroule {
	width: 7px; height: 7px;
}

/* images générales */
.image_90_90 {
	width: 90px; height: 90px;
}

/* centrage des images */
img.centrer {
	display: block; margin: auto;
}

/* icones linux (auteur etc.) générales */
.icone_18_18 {
	margin: 0 5px 0 0;
	vertical-align: bottom;
	width: 15px; height: 15px;
}