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.png") -150px 0px;
	z-index:2;
}

.animation .exchange{
	background: url("../images/photo_exchange.png") -450px 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:894px;
	color:black;
	font-weight:normal;
	text-transform: none;
	padding:15px;
}

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

.animation .letter .accroche{
	height:40px;
	top:220px;
}
.animation .exchange .accroche{
	height:65px;
}
.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:388px;
}

.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:0px;
}
.homePage .content .advantages .companyAdvantage{
	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:#E36629;
	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;
}

.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_perso.png");
	height:50px;
}

.homePage .content .register .content{
	padding-top:57px;
	background: url("../images/menu_service_accueil_middle_perso.png");
	height:243px;
}

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

.homePage .content .register .freeForAll{
	position: absolute;
	background:url("../images/gratuit_perso.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:#E36629;
	font-size:14px;
}

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

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


.contactPanel{
    display: none;
    font-size: 11px;
    width:100%;
    position: fixed;
    z-index: 110;
}

.contactPanel .content{
	background-color: #E0E5EE;
    border: 1px solid #737A87;
    top: 100px;
    width: 880px;
    margin: 0 auto;
    padding:10px;
}

.contactPanel .contactForm, .contactPanel .mapPanel{
	float:left;
}

.contactPanel .contactForm{
	width:500px;
}

.contactPanel .mapPanel{
	margin-left:20px;
	position:relative;
}

.contactPanel .envelopImg, .contactPanel .intro{
	float:left;
	height:85px;
}

.contactPanel .envelopImg{
	background: url("../images/sp_pictos.png") no-repeat -1120px 0px;
    width: 120px;
}

.contactPanel .intro{
	text-transform: uppercase;
	font-size:12px;
	width:370px;
	text-align:center;
	font-weight:bold;
	margin-top:10px;
}

.contactPanel .inputName, .contactPanel .inputValue{
	float:left;
	width:190px;
	
}

.contactPanel .inputName{
	text-align:right;
	text-transform: uppercase;
	padding-top:10px;
	font-size:12px;
}

.contactPanel .inputValue{
	margin-left:15px;
	width:295px;
	margin-top:5px;
}

.contactPanel .inputValue .epTextBox{
	width:300px;
}

.contactPanel .inputValue .epTextBox input{
	width:260px;
}
.contactPanel .inputError{
	margin-left:210px;
}

.contactPanel .closeButton{
	position:absolute;
	height:30px;
	width:55px;
	top:0px;
	right:-10px;
}

.contactPanel .closeButton input{
	font-size:14px;
}

.contactPanel .contactAddress {
    background-image: url("../images/bg_white.png");
    font-weight: bold;
    margin-left: 80px;
    margin-top: 80px;
    padding: 10px;
    position: absolute;
    text-align: center;
    width: 180px;
    z-index: 300;
    top:0px;
}

.contactPanel .mapPanel .map{
	width:360px;
	height:567px;
	overflow: hidden;
}