/* %%%%%%%%%%%%%%%%%%%% pictos+soustitres %%%%%%%%%%%%%%%%%%%% */

/*logo*/

#logo-main-container{
	width:452px;
	height:90px;
	margin:0;
	padding:0;
	position:absolute;
	margin-left:-226px;
	margin-top:85px;
	left:50%;
	top:0;
	}
	
#lg-lfa-container,#lg-lfa-container-resp{
	z-index:200;
	position:absolute;
	width:154px;
	height:auto;
	left:50%; 
	margin-left:-77px;
	top:-121px;

	}
	
#lg-lfa-container img,#lg-lfa-container-resp img{
	width:100%;
	height:auto;
	}	
	
.meilleurs-voeux-container{
	z-index:200;
	position:absolute;
	width:402px;
	height:329px;
	/*height:auto;*/
	left:50%; 
	top:50%;
	margin-left:-201px;
	margin-top:-189px;
}

.meilleurs-voeux-container img{
	width:100%;
	height:auto;
}
#meilleurs-voeux-mv{position:absolute;top:164px;margin-top:-55px;opacity:0;}
#meilleurs-voeux-22{position:absolute;top:auto;bottom:-60px;opacity:0;left:0;}
#meilleurs-voeux-20{position:absolute;top:-60px;opacity:0;left:0;}
.meilleurs-voeux-container-resp{
	z-index:200;
	position:absolute;
	width:268px;
	left:50%; 
	top:50%;
	margin-left:-127px;
	margin-top:-112px;
}

.meilleurs-voeux-container-resp img{
	width:100%;
	height:auto;
}
	
	
.pic-anim-index-container,.pic-anim-index-container-resp{
	position:absolute;
	margin:0;
	width : 172px;
	height : 92px;
	left:50%;margin-left:-86px;
	top:68px;
}

.mes-anims-pic,.mes-anims-pic-resp{
	position:absolute;
	width:100%;
	height:auto;
	display:inline-block;
	margin:0;
	padding:0;
	opacity:0;
	
	}
	
#lg-fcut{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	margin:0;
	padding:0;
	}
	
#lg-reche-container{
	position:absolute;
	width:0;
	height:40px;
	top:0;
	right:274px;
	margin:0;
	padding:0;
	overflow:hidden;
	}
	
#lg-reche{
	width:178px;
	height:40px;
	float:right;
	right:0;
	top:0;
	margin:0;
	padding:0;
	}
	
#lg-et-container{
	position:absolute;
	width:40px;
	height:40px;
	top:0;
	right:206px;
	}
	
#lg-et{
	margin:0;
	padding:0;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:300;
	}
	
#lg-a-container{
	left:236px;
	top:0;
	width:36px;
	height:40px;
	margin:0;
	padding:0;
	position:absolute;
	}
	
#lg-a{
	position:absolute;
	width:100%;
	height:100%;
	z-index:200;
	}
	
#lg-ssocies-container{
	width:0;
	height:40px;
	top:0;
	margin:0;
	padding:0;
	left:274px;
	overflow:hidden;
	position:absolute;
	}
	
#lg-ssocies{
	width:200px;
	height:40px;
	margin:0;
	padding:0;
	position:absolute;
	right:0;
	}
	
#ligneLogoContainer{
	width:0px;
	margin-left:0px;
	position:absolute;
	left:50%;
	top:auto;
	height:1px;
	bottom:0;
	margin-bottom:35px;
	}
	
#bL-logo{
	bottom:0;
	width:100%;
	margin:0;
	padding:0;
	text-align:center;
	position:absolute;
	font-size:9pt;
	letter-spacing:1px;
	opacity:0;
	}
	
#logoFull{
	position:absolute;
	top:0;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	display:inline-block;
	opacity:1;
	}	
	








	
#logo-main-container-resp{
	width:calc( 452px * 2 / 3 );
	height:calc( 90px * 2 / 3 );
	margin:0;
	padding:0;
	position:absolute;
	margin-left:calc( -226px * 2 / 3 );
	margin-top:calc( -85px * 2 / 3 );
	left:50%;
	top:50%;
	}
	
#lg-lfa-container,#lg-lfa-container-resp{
	z-index:200;
	position:absolute;
	width:calc( 154px * 2 / 3 );
	height:auto;
	left:50%; 
	margin-left:calc( -77px * 2 / 3 );
	top:calc( -121px * 2 / 3 );

	}
	
#lg-lfa-container img,#lg-lfa-container-resp img{
	width:100%;
	height:auto;
	}	
	
.meilleurs-voeux-container-resp,.meilleurs-voeux-container-responsiv{
	z-index:200;
	position:absolute;
	width:calc( 402px * 2 / 3 );
	height:calc( 329px * 2 / 3 );
	/*height:auto;*/
	left:50%; 
	top:50%;
	margin-left:calc( -201px * 2 / 3 );
	margin-top:calc( -189px * 2 / 3 );
}

.meilleurs-voeux-container-resp img{
	width:100%;
	height:auto;
}
#meilleurs-voeux-mv-resp{position:absolute;top:calc( 164px * 2 / 3 );margin-top:calc( -55px * 2 / 3 );opacity:0;}
#meilleurs-voeux-22-resp{position:absolute;top:auto;bottom:calc( -60px * 2 / 3 );opacity:0;left:0;}
#meilleurs-voeux-20-resp{position:absolute;top:calc( -60px * 2 / 3 );opacity:0;left:0;}
.meilleurs-voeux-container-resp{
	z-index:200;
	position:absolute;
	width:calc( 268px * 2 / 3 );
	left:50%; 
	top:50%;
	margin-left:calc( -127px * 2 / 3 );
	margin-top:calc( -112px * 2 / 3 );
}

.meilleurs-voeux-container-resp img{
	width:100%;
	height:auto;
}
	
	
.pic-anim-index-container-resp{
	position:absolute;
	margin:0;
	width :calc( 172px * 2 / 3 );
	height :calc( 92px * 2 / 3 );
	left:50%;margin-left:calc( -86px * 2 / 3 );
	top:calc( 68px * 2 / 3 );
}

.mes-anims-pic-resp{
	position:absolute;
	width:100%;
	height:auto;
	display:inline-block;
	margin:0;
	padding:0;
	opacity:0;
	
	}
	
#lg-fcut-resp{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	margin:0;
	padding:0;
	}
	
#lg-reche-container-resp{
	position:absolute;
	width:0;
	height:calc( 40px * 2 / 3 );
	top:0;
	right:calc( 274px * 2 / 3 );
	margin:0;
	padding:0;
	overflow:hidden;
	}
	
#lg-reche-resp{
	width:calc( 178px * 2 / 3 );
	height:calc( 40px * 2 / 3 );
	float:right;
	right:0;
	top:0;
	margin:0;
	padding:0;
	}
	
#lg-et-container-resp{
	position:absolute;
	width:calc( 40px * 2 / 3 );
	height:calc( 40px * 2 / 3 );
	top:0;
	right:206px;
	}
	
#lg-et-resp{
	margin:0;
	padding:0;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:300;
	}
	
#lg-a-container-resp{
	left:calc( 236px * 2 / 3 );
	top:0;
	width:calc( 36px * 2 / 3 );
	height:calc( 40px * 2 / 3 );
	margin:0;
	padding:0;
	position:absolute;
	}
	
#lg-a-resp{
	position:absolute;
	width:100%;
	height:100%;
	z-index:200;
	}
	
#lg-ssocies-container-resp{
	width:0;
	height:calc( 40px * 2 / 3 );
	top:0;
	margin:0;
	padding:0;
	left:calc( 274px * 2 / 3 );
	overflow:hidden;
	position:absolute;
	}
	
#lg-ssocies-resp{
	width:calc( 200px * 2 / 3 );
	height:calc( 40px * 2 / 3 );
	margin:0;
	padding:0;
	position:absolute;
	right:0;
	}
	
#ligneLogoContainer-resp{
	width:0px;
	margin-left:0px;
	position:absolute;
	left:50%;
	top:auto;
	height:1px;
	bottom:0;
	margin-bottom:calc( 35px * 2 / 3 );
	}
	
#bL-logo-resp{
	bottom:0;
	width:100%;
	margin:0;
	padding:0;
	text-align:center;
	position:absolute;
	font-size:9pt;
	letter-spacing:1px;
	opacity:0;
	}
	
#logoFull-resp{
	position:absolute;
	top:0;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	display:inline-block;
	opacity:1;
	}