/* Import des elements communs */
@import url("baseDS.css");
@import url("blueberry.css");
@import url("popupDS.css");
h1,h2,h3, h4
{
	font-family: "Georgia", Verdana, Arial;
	font-style: italic;
	font-size: 16px;
	font-weight: normal;
}
.blueberry {
	width: 900px;
	height: 412px;
 }
/* -----------------------------------------------------------*/
#bandeauImgs
{
	background: url("../Imgs/header-pellicules.png") center 0;
	width: 100%;	
	height: 441px;	
}
#bandeauImgs img
{
	display: block;
	margin: auto;
	margin-top: 24px;	
}
.spacer {
  height: 20px;
}
/* -----------------------------------------------------------*/

#imgTheme{
		/*background: url("../ImgsThemes/Objet-Bas-Droite.png");*/
		/*background: url("../ImgsThemes/Objet-Bas-Droite.png");*/
		background:;
		position: relative;
		width: 338px;
		height: 193px;
		margin: auto;
		top: -113px;
		left: 350px;

}
#imgTheme1{
		/*background: url("../ImgsThemes/frozen1.png");*/
		background:;
		position: relative;
		width: 236px;
		height: 233px;
		margin: auto;
		top: -228px;
		left: -497px;

}
#imgTheme2{
		/*background: url("../ImgsThemes/Objet-Haut-gauche.png");*/
		background:;
		position: relative;
		width: 257px;
		height: 150px;
		margin: auto;
		top: -882px;
		left: -470px;

}
/* -----------------------------------------------------------*/
#bandeauMilieu
{
	background: url("../Imgs/textures/light_toast.png");
	height: 1155px;
	/*padding-top: 43px;*/
}
	#ombre{
		background: url("../Imgs/ombreSousTitre.png");
		width: 409px;
		height: 25px;
		margin: auto;
		/* --------------------------------------- Ligne ajoutee pour moi moche et mechant
		------------------------------------------- Hauteur de l'image ajoutee */
		margin-top: -193px;
	}

	#blocMiddleTele{
		background: url("../Imgs/cadreNosServices.png");	
		margin: auto;
		/*margin-top: 18px;*/		
		width: 861px;
		height: 201px;
	}
	#blockIconTele {
		margin: auto;
		width: 312px;
		height: 23px;
				text-align:center;		
	}
	#blockMop{
		margin: auto;
		width: 600px;
		height: 23px;		
	}
	#blocMiddleHaut{
		background: url("../Imgs/blocMiddleHaut.png");
		margin: auto;
		margin-top: 18px;		
		width: 861px;
		height: 451px;
	}
	
		/* Positionnement textes bloc haut communs */
		#titreHaut{
		}
		#titreMiddle{
			margin-top: 8px;
			text-align:justify;
		}
		#texteExplic{
			margin-top: 20px;
			text-align:justify;
		}
		#blocTexte{
			height:197px;
		}
		
		#left {
			float:left;
			width:78px;
			height: 23px;
		}

		#center {
			display: inline-block;
			margin:0 auto;
			width:78px;
			height: 23px;
		}

		#right {
			float:right;
			width:78px;
			height: 23px;
		}
	
		.linkMop a{
			background: url("../Imgs/iconeMop.png") no-repeat;
			margin: -23px;
			width: 78px; 
			height: 23px;
			display: inline;
			float: right;
		}	
		
		.link a{
			background: url("../Imgs/iconeLireSuite.png") no-repeat;		
			width: 78px; 
			height: 23px;
			display: block;
			float: right;
			bottom: 0px;
		}
		
		#blocIntHautLeft a:hover, #blocIntHautRight a:hover{
				position:relative;
				top:1px;
				left:1px;
		}		
		/* ------------------------------------- */
		
		
		#title{
			font-family: "Trebuchet MS", Verdana, Arial, sans-serif ;
			font-style: bold;
			font-size: 24px;
			text-align: center;
			color:#000000;
		}
		#ligneOmbre{
			background: url("../Imgs/ligneOmbre.png");
			margin: auto;		
			width: 622px;
			height: 14px;			
		}
		
			#blocIntTele{
				width: 810px;
				height: 89px;				
				margin: auto;
				margin-top:17px;				
			}
			
			#blocIntHaut{
				width: 810px;
				height: 338px;				
				margin: auto;
				margin-top:17px;				
			}
				#blocIntHautLeft{
					float: left;
					width: 338px;
					height: 338px;

				}				
				#imgHautLeft {
					background: url("../DonneesSite/pageIndex/imgHgauche.jpg");
					height: 96px;
					width: 339px;
					margin-bottom:22px;
				}				
				#blocIntHautRight{
					float: right;
					width:338px;
					height: 338px;				
				}			
				#imgHautRight {				
					background: url("../DonneesSite/pageIndex/imgHdroite2024.jpg");
					height: 96px;
					width: 339px;		
					margin-bottom:22px;
				}				
		#blocMiddleBas{
			background: url("../Imgs/blocMiddleBas.png");	
			margin: auto;
			margin-top: 37px;
			width: 861px;
			height: 387px;		
		}
			#blocIntBas{
				width: 810px;
				height: 338px;
				margin: auto;
			}
				#blocIntHauBasLeft{
					margin-top:47px;
					float: left;
					width: 397px;
					height: 280px;			
				}
				#videoPlayer {
					width: 398px;
					height: 280px;
				}					
				#blocIntBasRight{
					margin-top:2px;
					float: right;
					width: 380px;
					height: 237px;
				}
				#imgBasRight {
					background: url("../DonneesSite/pageIndex/Affiche/affiche.jpg");
					margin-top: 67px;
					float: left;
					height: 236px;
					width: 162px;
				}			
				#blockTexteBas{
					float: right;
					margin-left: 20px;
					margin-top: 35px;
					width: 198px;
					text-align: justify;
				}