html, form{
	height:100%;
}

.pageContent{
	margin:0px;
	width:100%;
	position:relative;
	min-height:100%;
}

.pageContent .homePage{
	background: url("../images/accueil_bandeau_haut_fond.png") repeat-x 0px -251px;
	margin-top:1px;
}

.pageContent .homePage .content{
	margin: 0 auto;
	width:1024px;
}

.homePage .animation{
	height:340px;
	/*width:1024px;*/
	overflow:hidden;
	position:relative;
}

.homePage .animation .content{
	width:10000px;
}

.homePage .animation .item{
	float:left;
	width:1024px;
}

.homePage .animation .item .icon, .homePage .animation .item .title{
	float:left;
}

.homePage .animation .item .icon{
	margin-left:250px;
}

.homePage .animation .item .title{
	margin-top:70px;
	width:200px;
	line-height: 1.3;
}

.homePage .animation .item .title h1, .homePage .animation .item .title h3{
	margin:0px;
}

.homePage .animation .item .title h3{
	line-height: 1.5;
}

.homePage .animation .safebox .icon, .homePage .animation .worldwideAccess .icon, .homePage .animation .organize .icon, .homePage .animation .environment .icon{
	background: url("../images/icon_coffre.png");
	width:260px;
	height:260px;
}

.homePage .animation .worldwideAccess .icon{
	background: url("../images/icon_tour_du_monde.png");
} 
.homePage .animation .organize .icon{
	background: url("../images/icon_service.png");
}
.homePage .animation .environment .icon{
	background: url("../images/icon_ecologie.png");
}

.homePage .animation .pagination{
	position:absolute;
	width:150px;
	height:36px;
	top:210px;
	right:50px;
}

.homePage .animation .pagination .bullet{
	float:left;
	background: url("../images/changer_de_page_on.png") -5px -38px;
	width:25px;
	height:36px;
	cursor:pointer;
}

.homePage .animation .pagination .bullet:hover, .homePage .animation .pagination .selected{
	background: url("../images/changer_de_page_on.png") -5px -3px;
}

.animation .pictures{
	width:1024px;
	height:340px;
	margin: 0 auto;
	position:relative;
}

.animation .safeBox, .animation .letter, .animation .exchange, .animation .environment{
	background: url("../images/photo_safeBox.png") -450px 0px;
	position:absolute;
	width:1024px;
	height:340px;
	top:0px;
	z-index:1;
}

.animation .letter{
	background: url("../images/photo_letter.jpg") -450px 0px;
	z-index:2;
}

.animation .exchange{
	background: url("../images/photo_exchange.png") -150px 0px;
	z-index:3;
}

.animation .environment{
	background: url("../images/photo_environment.png") -450px 0px;
	z-index:4;
}

.animation .accroche{
	background: url("../images/bg_white.png");
	width:300px;
	height:90px;
	position: absolute;
	top:150px;
	left:820px;
	color:black;
	font-weight:normal;
	text-transform: none;
	padding:15px;
}

.animation .safeBox .accroche{
	left:620px;
}

.animation .letter .accroche{
	
	height:65px;
}
.animation .exchange .accroche{
	top:220px;
	height:40px;
}
.animation .environment .accroche{
	height:50px;
}

.homePage .content .advantages{
	width:820px;
	margin: 30px auto 0px auto;
}

.homePage .content .tiersRoundedColumn{
	float:left;
	width:260px;
	position:relative;
	line-height:1.1;
}

.homePage .content .tiersRoundedColumn .top{
	background: url("../images/menu_service_accueil_top.png");
	width:260px;
	height:8px;
}

.homePage .content .tiersRoundedColumn .content{
	background: url("../images/menu_service_accueil_middle.png");
	width:250px;
	padding: 0px 5px;
	font-size:12px;
	height:400px;
}

.homePage .content .tiersRoundedColumn .bottom{
	background: url("../images/menu_service_accueil_bottom.png");
	width:260px;
	height:8px;
}

.homePage .content .advantages .register{
	float:right;	
}

.homePage .content .advantages .customerAdvantage{
	margin-left:20px;
}

.advantages .tiersRoundedColumn .icon{
	width:150px;
	height:100px;
	margin: 0 auto;
}
.advantages .tiersRoundedColumn .title{
	text-align:center;
	border-bottom:solid 1px #A8AEB7;
}
.advantages .tiersRoundedColumn .title h2{
	color:#03ABD6;
	font-size:14px;
}

.advantages .tiersRoundedColumn .content .textPresentation{
	border-top:solid 1px #FFF2F6;
	text-transform:none;
	font-weight:normal;
}

.advantages .tiersRoundedColumn .content .textPresentation p{
	margin-left:20px;
	margin-right:20px;
}

.advantages .companyAdvantage .icon{
	background: url("../images/icon_entreprise.png") -0px -25px;
}
.advantages .customerAdvantage .icon{
	background: url("../images/icon_utilisateur.png") -0px -25px;
}
.advantages .collectivityAdvantage .icon{
	background: url("../images/icon_planete.png") -0px -25px;
}

.homePage .content .edocProAdvantages{
	width:550px;
}

.homePage .content .edocProAdvantages .top{
	background: url("../images/menu_service_accueil_long_top.png") -0px 0px;
	width:540px;
}
.homePage .content .edocProAdvantages .content{
	background: url("../images/menu_service_accueil_long_middle.png") -0px 0px;
	width:530px;
	margin:0px 0px;
}
.homePage .content .edocProAdvantages .bottom{
	background: url("../images/menu_service_accueil_long_bottom.png") -0px 0px;
	width:540px;
}

.advantages .content .knowMoreLink{
	color:#9399A5;
	position:absolute;
	right:20px;
	bottom:20px;
}

.advantages .content .knowMoreLink a, .advantages .content .knowMoreLink a:visited{
	color:#9399A5;
	text-decoration:none;
}
.advantages .content .knowMoreLink a:hover{
	text-decoration:underline;
}

.homePage .content .register{
	position: relative;
}

.homePage .content .register .top{
	background: url("../images/menu_service_accueil_top_pro.png");
	height:50px;
}

.homePage .content .register .content{
	padding-top:53px;
	background: url("../images/menu_service_accueil_middle_pro.png");
	height:260px;
}

.homePage .content .register .bottom{
	background: url("../images/menu_service_accueil_bottom_pro.png");
	height:50px;
}

.homePage .content .register .freeForAll{
	position: absolute;
	background:url("../images/gratuit_pro.png");
	height:67px;
	width:78px;
	left: -10px;
	top:-10px;
}

.advantages .register .icon {
	position: absolute;
    background: url("../images/sp_pictos.png") repeat scroll -480px 10px;
    height: 90px;
    width: 120px;
    top:5px;
    left:65px;
}

.homePage .content .greenAgents{
	margin-left:20px;
}
.homePage .content .whitePaper{
	float:right;
}

.homePage .content .theySupportUs .icon, .homePage .content .greenAgents .icon, .homePage .content .whitePaper .icon{
	background: url("../images/sp_pictos.png") -240px -5px;
	width: 120px;
	height:80px;
}

.homePage .content .greenAgents .icon{
	background-position: -760px 5px;
}
.homePage .content .whitePaper .icon{
	background-position: -1360px 5px;
}

.homePage .content .theySupportUs .content, .homePage .content .greenAgents .content, .homePage .content .whitePaper .content{
	height:250px;
}

.homePage .content .theySupportUs .textPresentation{
	background: url("../images/sp_logos.png") -30px 10px;
	height:110px;
}

.homePage .content .greenAgents .textPresentation{
	padding-top:5px;
	text-align: center;
}

.homePage .content .greenAgents .textPresentation .agentLogos{
	background: url("../images/sp_logos.jpg") 0px 0px;
	height:80px;
}

.homePage .content .largeRoundedColumn{
	margin-top:30px;
	position:relative;
	line-height: 1.1;
}

.homePage .content .largeRoundedColumn .top{
	background: url("../images/menu_techno_accueil_top.png");
	width:820px;
	height:9px;
}

.homePage .content .largeRoundedColumn .content{
	background: url("../images/menu_techno_accueil_middle.png");
	width:810px;
	padding: 0px 5px;
	font-size:12px;
}

.homePage .content .largeRoundedColumn .bottom{
	background: url("../images/menu_techno_accueil_bottom.png");
	width:820px;
	height:9px;
}

.largeRoundedColumn .icon, .largeRoundedColumn .textColumn{
	float:left;
}

.largeRoundedColumn .icon{
	width:230px;
	background: url("../images/icon_sas.png") 40px -10px no-repeat;
	height:105px;
}

.largeRoundedColumn .textColumn{
	width:580px;
	font-weight:normal;
	text-transform:none;
}

.largeRoundedColumn .textColumn h2{
	color:#03ABD6;
	font-size:14px;
}

.largeRoundedColumn .textColumn p{
	float:left;
	width:275px;
}

.largeRoundedColumn .textColumn p.last{
	margin-left:20px;
}