@import 'menu-langue.css';

/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes par defaut pour SPIP 1.9  */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */



/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
html {
	margin: 0;
	padding:0;
	background:url('images/fond_body.gif') #fff repeat-x top;	
}

body {
	margin: 0;
	font-size: 12px;
	color: #0d4d64;
	text-align: justify;
	font-family: Tahoma, Verdana, Arial, sans-serif;
}

img, table, form { 
	margin: 0; 
	padding: 0; 
	border: none; 
}

p, h1, h2, h3, h4, h5, h6 { 
	margin: 0; 
	padding: 0; 
	font-size: 1em; 
	font-weight: normal; 
}
p.spip{
margin-bottom:10px;
}

ol,ul,li {
	list-style: none;
	margin: 0;
	padding: 0;
}

a { 
	text-decoration: none; 
}
a:hover { 
	text-decoration: underline; 
}

/* Styles generes par Spip (titres, images...) */
a.spip_out{
	color:#46A716;
}
h3.spip {
	font-size: 1.3em;
	font-weight: bold;
}
a.a-disabled {cursor:default;}

/* Images typographiques (via image_typo), URL a revoir... */
img {behavior: url(/win_png.htc);}

/* Espaceur de blocs */
.break, .nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 0px; font-size: 0px; }

/* Non visible a l'ecran */
.invisible {
    position: absolute;
    left: -999em;
}


/*  ------------------------------------------
/*  Disposition des blocs principaux
/*  ------------------------------------------ */

#page {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}



/*  ------------------------------------------
/*  Entete
/*  ------------------------------------------ */

#entete {
	height:90px;
}

	#entete #logo{
		height:90px;
		width:385px;
		float:left;
		background:url('images/logo_planet.gif') no-repeat top left;	
	}
	
	#entete #logo a{
		height:90px;
		width:385px;
		display:block;
	}
	#entete #menu_lang{
		margin-top:5px;
		height:17px;
		float:right;
		font-size:11px;
	}

	#entete #baseline{
		margin:0;padding:0;
		float:left;
		font-size:18px;
		margin-left:30px;
		font-family:Tahoma, Verdana, Arial;
		color:#4f8598;
		font-style:italic;
		padding-top:16px;
	}
/*  ------------------------------------------
/*  Contenu
/*  ------------------------------------------ */
#page #contenu{
	width: 950px;
	min-height: 460px;
	height: auto !important;
	height: 460px;
	padding-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	line-height:14px;
	}
	
/*  ------------------------------------------
		/*  Accueil
		/*  ------------------------------------------ */
		


		#texte_secteur{
			padding-left:10px;
			padding-right:10px;				
		}
		
		
		
		/********* BEBE CARDS *********/
		#bloc_secteur_1{
			width:221px;
			height:460px;
			float:left;
			background:url('images/fond_bebe_off.gif') no-repeat bottom left ;
		}			

			#bloc_secteur_1 a {
				color: #0d4d64;
				width:221px;
				height:460px;
				display:block;
				outline:none;
				}
			#bloc_secteur_1 a:hover{
				display:block;
				width:221px;
				height:460px;
				text-decoration:none;
				background:url('images/fond_bebe_on.gif') no-repeat top left ;
			}			
			#bloc_secteur_1 strong.spip {
				color: #f14501;
			}
					
			
	
		/********* MARIAGES CARDS *********/
		
		/* Accueil */	
		#bloc_secteur_2{
			width:221px;
			height:460px;
			float:left;
			margin-left:20px;
			background:url('images/fond_mariages_off.gif') no-repeat bottom left ;
		}

			#bloc_secteur_2 a {
				color: #0d4d64;
				width:221px;
				height:460px;
				display:block;
				outline:none;
				}
			#bloc_secteur_2 a:hover{
				display:block;
				width:221px;
				height:460px;
				text-decoration:none;
				background:url('images/fond_mariages_on.gif') no-repeat top left ;
			}
			#bloc_secteur_2 strong.spip {
				color: #99155e;
			}
				

		
		/********* MESSAGES CARDS *********/
		#bloc_secteur_3{
			width:221px;
			height:460px;
			float:left;
			margin-left:20px;
			background:url('images/fond_messages_off.gif') no-repeat bottom left ;
		}

			#bloc_secteur_3 a {
				color: #0d4d64;
				width:221px;
				height:460px;
				display:block;
				outline:none;
				}
			#bloc_secteur_3 a:hover{
				display:block;
				width:221px;
				height:460px;
				text-decoration:none;
				background:url('images/fond_messages_on.gif') no-repeat top left ;
			}			
			
			#bloc_secteur_3 strong.spip {
				color: #1b6aad;
			}
				
					
	
		/********* FOTO CARDS *********/
		#bloc_secteur_4{
			width:221px;
			height:460px;
			float:left;
			margin-left:20px;
			background:url('images/fond_foto_off.gif') no-repeat bottom left ;
		}

			#bloc_secteur_4 a {
				color: #0d4d64;
				width:221px;
				height:460px;
				display:block;
				outline:none;
				}
			#bloc_secteur_4 a:hover{
				display:block;
				width:221px;
				height:460px;
				text-decoration:none;
				background:url('images/fond_foto_on.gif') no-repeat top left ;
			}	
			#bloc_secteur_4 strong.spip {
				color: #b1d79c;
			}
						
		
.comming-soon-layer {position:absolute;top:0;left:0;z-index:2;background-image:url(images/comming-soon-layer-bg.png);width:221px;height:460px;}
			
/********* ARTICLE ***************/
.contenu-article {}
.contenu-article .sous_titre h3 {margin-bottom:15px;margin-top:20px;}
.contenu-article h3.spip {font-size:14px;text-align:left;}
.contenu-article a {color:#0d4d64;text-decoration:underline;}
	
/********* TITRE SECTEUR *********/
	.titre_1{
		font-size:18px;
		color:#f14501;
	}
				
	.titre_2{
		font-size:18px;
		color:#99155e;			
	}		
	.titre_3{
		font-size:18px;
		color:#1b6aad;			
	}					
	.titre_4{
		font-size:18px;
		color:#b1d79c;			
	}
					
	.sous_titre{
		font-size:20px;			
	}
/********* Sous Menu *********/		
	#sous_menu ul{
		height:40px;
		line-height:40px;
	}
		#sous_menu li{
			float:left;
			padding-right:30px;
		}
	
/******** PAGE INTERIEURE ********/	
#colonne_gauche{
	width:184px;
	margin-top:10px;
	float:left;
	padding:18px;
	padding-top:40px;
	text-align:left;
	margin-right:20px;
}
		/* Page intérieure */
		.contenu_rubrique_1{
				width:235px;
				min-height: 517px;
				height: auto !important;
				height: 517px;
				background:url('images/fond_contenu_rubrique_bebe.gif') no-repeat bottom left ;
		}

		.contenu_rubrique_2{
				width:235px;
				min-height: 517px;
				height: auto !important;
				height: 517px;
				background:url('images/fond_contenu_rubrique_mariages.gif') no-repeat bottom left ;
		}
			
		.contenu_rubrique_3{
				width:235px;
				min-height: 517px;
				height: auto !important;
				height: 517px;
				background:url('images/fond_contenu_rubrique_messages.gif') no-repeat bottom left ;
		}	
		.contenu_rubrique_4{
				width:235px;
				min-height: 517px;
				height: auto !important;
				height: 517px;
				background:url('images/fond_contenu_rubrique_foto.gif') no-repeat bottom left ;
		}	
		
#colonne_droite{
	margin-top:10px;
	float:right;
	width:675px;
}	

		
	#colonne_droite #texte_rubrique{
		margin-top:10px;
	}	
	#colonne_droite .encart_produit_1, 	#colonne_droite .encart_produit_2, 	#colonne_droite .encart_produit_3, 	#colonne_droite .encart_produit_4{
		float:left;
		margin-top:20px;
		text-align:center;
		width:168px;
	}	
	#colonne_droite .logo_produit{
		height:180px;
	}
	#colonne_droite .encart_produit_1 a, #colonne_droite .encart_produit_2 a, #colonne_droite .encart_produit_3 a, 	#colonne_droite .encart_produit_4 a{
		color: #0d4d64;
		font-size:11px;
		padding-top:15px;
		width:148px;
		padding-left:10px;
		padding-right:10px;
		min-height: 410px;
		height: auto !important;
		height: 410px;
		display:block;
	}
	
	#colonne_droite .logo_produit{
		height:180px;
	}
	#colonne_droite .encart_produit_1 a:hover{
		background:url('images/fond_produit_bebe.gif') no-repeat top left ;
		text-decoration:none;
	}
	#colonne_droite .encart_produit_2 a:hover{
		background:url('images/fond_produit_mariages.gif') no-repeat top left ;
		text-decoration:none;
	}
	#colonne_droite .encart_produit_3 a:hover{
		background:url('images/fond_produit_messages.gif') no-repeat top left ;
		text-decoration:none;
	}
	#colonne_droite .encart_produit_4 a:hover{
		background:url('images/fond_produit_foto.gif') no-repeat top left ;
		text-decoration:none;
	}
	#colonne_droite .texte_produit{
		text-align:justify;
	}
	#colonne_droite .voir_produit_1{
	margin-top:10px;
		text-align:right;
		color:#f14501;
	}
	#colonne_droite .voir_produit_2{
	margin-top:10px;
		text-align:right;
		color:#99155e;	
	}
	#colonne_droite .voir_produit_3{
	margin-top:10px;
		text-align:right;
		color:#1b6aad;	
	}
	#colonne_droite .voir_produit_4{
	margin-top:10px;
		text-align:right;
		color:#b1d79c;	
	}
	
/*  ------------------------------------------
/*  Pied
/*  ------------------------------------------ */

				
#footer {
	width: 950px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	font-size:11px;
	padding-top:30px;
	background:url('images/fond_pied.gif') no-repeat top;
}
	#footer #infos {
		float: left;
			width:33%;
	}

	#footer #infos a{
		color: #0d4d64;
		font-weight:bold;
	}
	
	#footer #mentions {
		float: left;
		width:33%;
		text-align:center;
	}
		#footer #mentions a{
			color: #0d4d64;
			text-decoration:underline;
		}
	#footer #credits {
		float: right;
		text-align:right;
			width:33%;
	}
	#footer #credits a{
		color: #0d4d64;
		font-weight:bold;
	}

#menu_lang img {
	padding-top:2px;
}