/*PAGES CENTER*/
#page_wrap{
	background: transparent url('/img/homepage/header_3.png') repeat-x ;
	top:0px;
	margin:0 auto 0 auto;
	padding:0;
	text-align: left;
	width:100%;	height:auto;
	}


#page_inner{
	width:960px;
	margin:0 auto 0 auto;
	text-align: left;
	min-height: 30px;			
}

#top{
	
	width:100%;
	display:block;	
	left:0;
	position:relative;	
	padding-top: 25px;
	margin-bottom: 0px;	
}	

#intro {
	margin:0 auto 0 auto;
	padding:0;
	
	width:100%;

	*background: none;
	left:0%;
	text-align: left ;

}
#intro p
{	
	width:100%;display:block;	

}

#cube
{	
	width:100%;
	float: right;	
	position:relative;
	top:30px;height:225px;
	margin:0 auto 0 auto;
	padding:0px;
}
#cu3er-container {height:200px;width:100%;	padding:0px; 	position:relative;z-index: 10}

#shadow{
	background: transparent url('/img/homepage/ombre_cube.jpg')  no-repeat;
	height:45px;position:relative;top:-20px;	padding:0px;
	width:100%;padding:0px;	margin:0 auto 0 auto;
}

.titreClair
{	
	line-height: normal;	
	color: #4670ab;	
	word-spacing: 0px;	
	font-size: x-large;
	text-align: center;
}
.titreFonce 
{	
	line-height: normal;	
	color: #0f3262;	
	word-spacing: 0px;	
	font-size: x-large;
	text-align: center;
}
.text{	
		line-height: normal;	
	color: #4670ab;	
	word-spacing: 0px;	
	font-size:15px;text-align: justify;
	text-align: left;
}
/*****middle****/

.middle
{	
	
	width:100%;
	left:0%;
	display:block;	
	position:relative;	
	top:40px;
	float:left;
}

/*******************************
*********************************
**********************************/
#middle
{	
	height:127px;
	width:100%;
	left:0%;
	display:block;	
	position:relative;	
	top:40px;
	float:left;z-index:3;
}


#arrow1{
 	background: transparent url('/img/homepage/bandeau/arrow_01.jpg')  no-repeat top left;
	float: left;
	height:127px;
	width: 42px;

}
#arrow2{
 	background: transparent url('/img/homepage/bandeau/arrow_02.jpg')  no-repeat top left;
	float: left;
	height:127px;
	width: 41px;

}

 #slogan1{
 	background: transparent url('/img/homepage/bandeau/left_off.jpg')  no-repeat ;
	height:127px;
	width: 293px;
	float: left;}
 #slogan1:hover{
 	background: transparent url('/img/homepage/bandeau/left_on.jpg')  no-repeat top left;
 
}


#slogan2{
	background: transparent url('/img/homepage/bandeau/middle_off.jpg')  no-repeat top left;
	height:127px;
	width: 273px;
float: left;

}

#slogan2:hover{
	background: transparent url('/img/homepage/bandeau/middle_on.jpg')  no-repeat top left;
}

#slogan3{
	background: transparent url('/img/homepage/bandeau/right_off.jpg')  no-repeat top left;
	float: left;
	height:127px;
	width: 311px;


}

#slogan3:hover{
	background: transparent url('/img/homepage/bandeau/right_on.jpg')  no-repeat top left;

}

/*******************************
*********************************
**********************************/
#middle p{
	height:10px;
	width:auto	;
	position:relative;
	padding-top:90px;
	text-align: center;z-index:5;
}

.slog1{
	
	font-size: 15px;
	color: #4a7300;
}

.slog2{
	z-index:2;
	
	font-size:20px;
	color: #f7fdf4;
	
}



#bottom_text{	
	width:100%;
	float:left;
	text-align:center;margin:50px 0 50px 0;padding-left:0px;
	
}

.slog{
	padding-top:10px;
	padding-bottom:10px;
	text-align: left;
}



#phot{
	background: transparent url('/img/homepage/photo.jpg')  no-repeat top left;
	height:216px;
	width: 322px;
	vertical-align: sub;margin-right: 30px;float:left;
}

#article{

	width: 600px;float:left;
}
.step{
	text-align: justify;
	padding-right:0px;
	width:100%; height:150px;  margin:1px;margin-top:15px;font-size:12px;
}
.SoustitreClair{
	line-height: normal;	
	color: #4670ab;	
	word-spacing: 0px;	
	font-size:15px;;text-align: justify;
	text-align: left;
}
.SoustitreClairFin{
	line-height: normal;	
	color: #4670ab;	
	word-spacing: 0px;	
	font-size:12px;text-align: justify;
	text-align: left;
}

.readall{ color: #001f3b; float:left;color: #0F3669;}
.readall:hover{ color: #001f3b; float:left;color: #0F3669;	text-decoration: underline;}
.para{
	word-spacing: 0px;	
	font-size:14px;
	text-align: justify;

}

.source{
	background: transparent url('/img/article/aufeminin.png')  no-repeat;
	float:right;
	height:128px;	
	width: 128px;margin-right: 0px;

}

#middle a, #middle a:hover {
	text-decoration: none;
}

a.title{color: #c5edad; text-decoration:underline;}

#dynatip {
	color: white;
	display:none;
	background:transparent url('/img/homepage/tooltip/blue_arrow_big.png') no-repeat;
		
	font-size:13px;
	height:175px;
	width:280px;
	padding:25px;	
	z-index:10;
}



/* override the arrow image of the tooltip */ 
#dynatip.bottom { 
    background:url('/img/homepage/tooltip/blue_arrow_bottom_big.png') no-repeat;     
    padding-top:40px; 
	height:175px;
	width:280px;
} 
 
#dynatip.bottom { 
    background:url('/img/homepage/tooltip/blue_arrow_bottom_big.png') no-repeat; 

}