/*
-----------------------------------------------
Page accueil
-----------------------------------------------
*/

.page.accueil .fond {
/*
	background-image:url(/dev/img/fond.jpg);
	background-repeat:no-repeat;
	background-position:center;
	height: 1080px;
	background: transparent;
	padding:50px;
*/
background-color:#FFFFFF;

}

.page.accueil .bouton-bas {
	position:absolute;
	font-size:36px;
	position:absolute;
	bottom:-20px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	display:inline-block;
	width:50px;
	height:50px;
	text-align:center;
	z-index:2;
}


.bouton-visuel span {
	transition:all 0.6s ease;
	display:block;
}

.bouton-visuel:hover span {
    -moz-transform:rotateY(360deg);
    -webkit-transform:rotateY(360deg);
    transform:rotateY(360deg);
}

.page.accueil .bouton-bas:hover {
	text-decoration:none;
}

.page.accueil .bouton-bas .fa {
	transition:all 0.6s ease;
	position: absolute;
	left: 14px;
    top: 8px;
}

.page.accueil .bouton-bas:hover .fa {
	top:14px;
}

.page.accueil .section.entete .bouton-bas {
	left:50%;
	margin-left:-25px;
}

.page.accueil .section.fond-blanc .bouton-bas {
	left:66%;
	margin-left:-25px;
}

.page.accueil .section.fond-bleu .bouton-bas {
	left:33%;
	margin-left:-25px;
}

.page.accueil .contenu-page {
	padding:0;
}

.page.accueil .section.logo {
	padding-top:20px;
	padding-bottom:20px;
}

.page.accueil .logo img {
	display:block;
	margin:0 auto;
	padding:20px;
}

.gabarit_accueil .footer {
	margin-top:0;
}

.page.accueil .identification {
	padding:15px;
}

.page.accueil .creation_compte a {
	font-size:18px;
}

.page.accueil .creation_compte a .fa {
	vertical-align:middle;
	font-size:48px;
}

.page.accueil .creation_compte {
	padding:15px;
}

.page.accueil .identification .oubli {
	padding:5px;
}

.page.accueil .acces h4 {
	margin-bottom:45px;
}

.page.accueil .acces .picto_utilisateur {
	font-size:38px;
}

.page.accueil .acces .bouton-acces:hover {
	text-decoration:none;
}

.page.accueil .acces .bouton-acces > div {
	font-size:18px;
}

.page.accueil .acces .colonne-droite {
	border-left: 1px solid;
}

.page.accueil .acces .telephone {
	padding:7px;
	padding-left:20px;
	padding-right:20px;
	font-size:24px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
	display:inline-block;
}

.page.accueil .section.visuel {
	padding-left:0;
	padding-right:0;
}

.page.accueil .visuel_accueil {
	position:relative;
	text-align:center;
}

.page.accueil .texte_visuel_accueil {
	font-size:22px;
	border-bottom-width:1px;
	border-bottom-style: dashed;
	padding-bottom:45px;
}


.page.accueil .visuel_accueil .fleche_bas {
	display:block;
	position:absolute;
	font-size:24px;
	bottom:-20px;
	left:50%;
	margin-left:-12px;
	transition:bottom .4s ease;
}

.page.accueil .visuel_accueil .fleche_bas:hover {
	bottom:-35px;
}

.page.accueil .menu_top {
   background: none repeat scroll 0 0 #eaedec;
    height: 50px;
    left: 0;
    position: absolute;
    right: 0;
}

.page.accueil .menu_top .solution_fingerprint {
	font-size:9px;
	position:absolute;
	right:10px;
	top:10px;
}

.page.accueil .menu_top .solution_fingerprint > div,
.page.accueil .menu_top .solution_fingerprint > img {
	display:inline-block;
}

.page.accueil .menu_top .solution_fingerprint > div {
	margin-right:5px;
}

.page.accueil .section.entete {
	padding-top:0;
	padding-left:0;
	padding-right:0;
}

.page.accueil .section.entete .logo {
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
}
.page.accueil .section.baseline {
	font-size:36px;
	padding:0;
}

.page.accueil .section.baseline .baseline-1-2 {
	padding-left:0;
	padding-right:0;
}

.page.accueil .section.baseline .baseline-1 {
	padding-top:45px;
}


.page.accueil .section.baseline .baseline-2 {
	padding-bottom:45px;
}

.page.accueil .section.savoir-plus {
	border-bottom: 1px solid;
}

.page.accueil .section.savoir-plus.partagez {
	border-bottom:0;
}

.page.accueil .section.savoir-plus .visuel img {
	margin:0 auto;
}

.page.accueil .section.savoir-plus .texte  h2 {
	margin-bottom:30px;
	margin-top:0;
	font-family: "Comic sans MS";
}


.page.accueil .section.savoir-plus.photographiez h2 {
	margin-top:45px;
}

.page.accueil .section.savoir-plus.signez h2 {
	margin-top:45px;
}

.page.accueil .section.savoir-plus.stockez h2 {
	margin-top:25px;
}

.page.accueil .section.savoir-plus.partagez h2 {
	margin-top:25px;
}

.page.accueil .section.savoir-plus.partagez h2,
.page.accueil .section.savoir-plus.partagez .texte {

}

.page.accueil .section {
	position:relative;
	padding:30px;
	padding-top:70px;
	padding-bottom:70px;
}

.page.accueil .applications {
	position:absolute;
	right:0;
	bottom:0;
	padding:15px;
}

.page.accueil .applications a {
	border:1px solid;
	display:block;
	padding:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;

}

.page.accueil .applications > * { margin-bottom:5px; }
.page.accueil .applications > *:last-child { margin-bottom:0; }

.page.accueil .contenu-page .row {
	margin-left:0!important;
	margin-right:0!important;
}

.page.accueil .entete .bouton-contact {
	text-align:right;
	padding:5px;
}

.page.accueil .entete .bouton-contact a:hover {
	text-decoration:none;
}

.page.accueil .entete .stockage-france {
	position:absolute;
	right:0;
	bottom:0;
}

.page.accueil .entete .stockage-france img {
	padding:0;
}

.page.accueil .entete .ombre-stockage-france {
	position:absolute;
	right:0;
	bottom:-27px;
	z-index:1;
}

.page.accueil .entete .ombre-stockage-france img {
	padding:0;
}

.page.accueil .bouton-plus-archivage .fa-plus-circle {
	vertical-align:middle;
}

.page.accueil .bouton-plus-archivage:hover {
	text-decoration:none;
}