/**
 *	CSS GLOBAL pour la structure generale du site
 *	fichier : index.css
 *	date de creation : 13 mars 2008
 *	auteur : Michel Harry
 *
 */
 
 /* import gobal setting */
	@import "global.css";
	
 /* bloc texte intro */
 
 #bloc-texte-intro {font:normal 14px Arial, Helvetica, sans-serif;
					color:#345686;
					margin-top:15px;}
	
 	#bloc-texte-intro h1{font:bold 25px "Times New Roman", Times, serif;}

 /* les formules hebergment */
	 #zone-formule-hebergement { }
	 /* grand titre pour les formules d'hebergement */
	 #zone-formule-hebergement h1 {
	 	background:url(../images/fondTitreFormule.png) left top no-repeat;
		width:680px;
		height:34px;
		color:white;
		font:bold 20px Arial, Helvetica, sans-serif;
		margin-bottom:15px;
		margin-top:5px;
	 }
	 	#zone-formule-hebergement h1 span{ 
			position:relative;
			left:85px; 
			top:5px;
		}
	 
	 /* les blocs */
	 #bloc-essentiel ,
	 #bloc-essentiel-plus ,
	 #bloc-essentiel-pro ,
	 #bloc-essentiel-expert ,
	 #bloc-real-pro ,
	 #bloc-real-expert {
	 	float:left;
		margin-top:10px;
	 }
	 
	 #bloc-essentiel, #bloc-essentiel-expert  { 
	 	margin-left:10px!important;
		margin-left:5px;
	}
	 #bloc-essentiel-plus , #bloc-real-pro {
	 	margin:10px 20px 0px 20px;
	 }
	 /* titre des formules */
	 #zone-formule-hebergement h2{
		width:205px;
		height:20px;
		background:url(../images/arrow-formule.png) 5px center no-repeat;
		font:bold 12px Arial, Helvetica, sans-serif;
		color:white;
		text-transform:uppercase;
		margin:0px;
		padding:0px;
		text-indent:25px;
		padding-top:3px;
		border:1px solid #2E4271;
	 }
	 #zone-formule-hebergement h2 a{
	 	text-decoration:none;
		color:white;
	 }
	 
	 /* les image blocs formule */
	 #bloc-essentiel div,
	 #bloc-essentiel-plus div,
	 #bloc-essentiel-pro div,
	 #bloc-essentiel-expert div,
	 #bloc-real-pro div,
	 #bloc-real-expert div{
	 	width:205px;
		height:87px;
		position:relative;
		border:1px solid #2E4271;
		background:left top no-repeat;
		margin-top:5px;
	 }
		  /* les texte blocs formule */
		 #bloc-essentiel span,
		 #bloc-essentiel-plus span,
		 #bloc-essentiel-pro span,
		 #bloc-essentiel-expert span,
		 #bloc-real-pro span,
		 #bloc-real-expert span{
			font:normal 11px Arial, Helvetica, sans-serif;
			color:#2D4374;
			display:block;
			border-top:4px solid #2E4271;
			margin-top:4px;
			position:relative;
		 }
	 
		 #bloc-essentiel span label,
		 #bloc-essentiel-plus span label,
		 #bloc-essentiel-pro span label,
		 #bloc-essentiel-expert span label,
		 #bloc-real-pro span label,
		 #bloc-real-expert span label{
			color:#FF0000;
			font-weight:bold;
				
		 }
		 
		 /* les prix */
		 #bloc-essentiel span span,
		 #bloc-essentiel-plus span span,
		 #bloc-essentiel-pro span span,
		 #bloc-essentiel-expert span span,
		 #bloc-real-pro span span,
		 #bloc-real-expert span span{
			color:#FF0000;
			font-weight:bold;
			position:absolute;
			border:none;
			top:5px;
			right:7px;
			font-size:12px;
			text-align:center;
				
		 }
		 	 #bloc-essentiel span span label,
			 #bloc-essentiel-plus span span label,
			 #bloc-essentiel-pro span span label,
			 #bloc-essentiel-expert span span label,
			 #bloc-real-pro span span label,
			 #bloc-real-expert span span label{
				font-size:11px;
					
			 }
			 #bloc-essentiel span span font,
			 #bloc-essentiel-plus span span font,
			 #bloc-essentiel-pro span span font,
			 #bloc-essentiel-expert span span font,
			 #bloc-real-pro span span font,
			 #bloc-real-expert span span font{
				font-size:20px;
					
			 }
	 
	 	#bloc-essentiel h2{ background-color:#FF6600; }
		#bloc-essentiel-plus h2{ background-color:#46B169; }
		#bloc-essentiel-pro h2{ background-color:#988AA9; }
		#bloc-essentiel-expert h2{ background-color:#335687; }
		#bloc-real-pro h2{ background-color:#6C85A9; }
		#bloc-real-expert h2{ background-color:#345686;}
		
		#bloc-essentiel div{ background-image:url(../images/essentiel.jpg); }
		#bloc-essentiel-plus div{ background-image:url(../images/essentielPlus.jpg);  }
		#bloc-essentiel-pro div{ background-image:url(../images/essentielPro.jpg);  }
		#bloc-essentiel-expert div{ background-image:url(../images/essentielExpert.jpg);  }
		#bloc-real-pro div{ background-image:url(../images/realPro.jpg);  }
		#bloc-real-expert div{ background-image:url(../images/realExpert.jpg); }
		
		#bloc-essentiel div img,
	 	#bloc-essentiel-plus div img,
	 	#bloc-essentiel-pro div img,
	 	#bloc-essentiel-expert div img,
	 	#bloc-real-pro div img,
	 	#bloc-real-expert div img{ 
			position:absolute;
			border:none;
			bottom:0px;
			right:0px; 
			/*bottom:0px;*/
		}
	 
	 /* les blocs chacuns */
	 
	 /* bloc prestation */
	 #bloc-prestation { 
	 	color:#345686;
	 }
	 	#bloc-prestation p{ 
			font:normal 14px Arial, Helvetica, sans-serif;
			width:680px;
			margin-left:11px;
			margin-top:20px;}
		
		#bloc-prestation div{ 
			width:467px;
			
			border:1px solid #345686;
			margin:15px auto;
			position:relative;
			padding-bottom:15px;
		}
			#bloc-prestation div img{
				position:absolute; 
				top:-11px; right:10px;
			}
			#bloc-prestation div h3{
				font:bold 14px Arial, Helvetica, sans-serif;
				color:#FF0000;
				margin:15px 0px 15px 15px;
			}
			#bloc-prestation div div{
				/*width:143px;/*143*/
				width:40%;
				margin:0px;
				position:static;
				border:none;
				height:auto;
				font:bold 12px Arial, Helvetica, sans-serif;
				float:left;
				margin:8px 15px 0px 20px!important;
				margin:8px 15px 0px 10px;
				padding-bottom:0px;
			}
			#bloc-prestation div div.spacer{ 
				float:none;
			}
			
			#bloc-prestation div div.lastEnfant { 
				clear:both; 
				float:none; 
				margin:8px auto 0px auto!important;
				padding:8px 0px 0px!important;
				padding:0px 0px 0px; 
				width:91%;
			}