Typographie

Brownweb

$font-primary
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890(,.;:?!$&*)
  • thin
  • normal
  • 300
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890(,.;:?!$&*)
  • regular
  • normal, italic
  • 400
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890(,.;:?!$&*)
  • bold
  • normal, italic
  • 800

Albraweb

$font-secondary
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890(,.;:?!$&*)
  • medium
  • semi
  • 600
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890(,.;:?!$&*)
  • medium
  • bold
  • 800

Titles

Titre 0

.tl0
Lorem ipsum dolores

Titre 1

.tl1
Lorem ipsum dolores

Titre 2

.tl2
Lorem ipsum dolores

Titre 3

.tl3
Lorem ipsum dolores

primary

.link-primary
light
dark
reverse
link

secondary

.link-secondary
light
dark
I'am secondary link

Buttons

primary

.btn-primary
light
dark
download
email

secondary

.btn-secondary
light
dark

colors

Brand

  1. primary
    $color-primary
  2. secondary
    $color-secondary
  3. third
    $color-third
  4. fourth
    $color-fourth
  5. fifth
    $color-fifth
  6. sixth
    $color-sixth

System

  1. text
    $color-text
  2. error
    $color-error
  3. warning
    $color-warning
  4. valid
    $color-error

Gris

  1. light
    $color-gray-light
  2. gray
    $color-gray
  3. dark
    $color-gray-dark

Patterns

  1. color-1
    $color-1
  2. color-2
    $color-2
  3. color-3
    $color-3
  4. color-4
    $color-4
  5. color-5
    $color-5
  6. color-6
    $color-6
  7. color-7
    $color-7
  8. color-8
    $color-8
  9. color-9
    $color-9

Icons

Icomoon

$font-icon
.icon-picto-check
\e92f
.icon-picto-close
\e930
.icon-check
\e92e
.icon-picto-linkedin
\e92c
.icon-picto-mail
\e92d
.icon-Play
\e92b
.icon-close
\e92a
.icon-Arrow-right
\e929
.icon-adresse
\e900
.icon-Boulette-point
\e901
.icon-IN
\e902
.icon-Mail
\e903
.icon-Phone
\e904
.icon-Shape
\e905
.icon-Logo-small
\e906
.icon-Logo-solution
\e907
.icon-Arrow
\e908
.icon-CTA-Arrow
\e909
.icon-DL
\e90a
.icon-Lien-Arrow
\e90b
.icon-Lien-externe
\e90c
.icon-menu-Burger
\e90d
.icon-Menu
\e90e
.icon-Mon-compte
\e90f
.icon-Player
\e910
.icon-plus
\e911
.icon-Maison
\e912
.icon-Monde
\e913
.icon-Money
\e914
.icon-Photo
\e915
.icon-Recherche
\e916
.icon-Valilse
\e917
.icon-Vigne
\e918
.icon-Avion
\e919
.icon-Billet
\e91a
.icon-Cercle-vertueux
\e91b
.icon-commercial
\e91c
.icon-Complexe-hotelier
\e91d
.icon-Computer
\e91e
.icon-Croissance
\e91f
.icon-Date
\e920
.icon-Fleur
\e921
.icon-Groupe
\e922
.icon-Hotel
\e923
.icon-Lit_Plan-de-travail-1
\e924
.icon-Residentiel
\e925
.icon-Tertiaire
\e926
.icon-Tourisme
\e927
.icon-Viticole
\e928

Rte

Attention "enter" créer un paragraphe.
Pour un saut de ligne normal faire "shift enter"

Titre niveau 2

Titre niveau 3

Texte en strong
Texte en italic Lorem ipsum dolor sit amet adipisicing elit. Blanditiis unde rem cumque odit. Distinctio error architecto, nam obcaecati sint molestiae, voluptate laborum quaerat perspiciatis dicta quidem nobis neque.
Texte en small Voluptate laborum quaerat perspiciatis eveniet nostrum doloribus ducimus placeat dicta quidem nobis neque.
Texte en bold Blanditiis unde rem cumque odit. Distinctio error architecto, nam obcaecati sint molestiae
LiensDistinctio error architecto, nam obcaecati sint molestiae

  • item 1
  • item 2
  • item 3
  1. item 1
  2. item 2
  3. item 3

Lorem ipsum dolor sit amet . Aut saepe amet quis eligendi quae nihil. Dolore, illo quia pariatur quisquam vel fugit omnis iste, eaque impedit repellat consequuntur? Odio minima doloremque possimus itaque id perferendis iste nihil, quas dolorum excepturi vitae libero quaerat ad explicabo illo rem ullam mollitia nisi dolores quod officia aperiam iusto sunt. Dicta beatae vitae tempore consectetur quam accusamus aspernatur esse? Mollitia atque commodi sequi perferendis aliquam totam eius qui sit facilis? Dolorem quae aliquam maxime aut placeat alias corrupti a explicabo vel, nihil voluptatum eaque perferendis vero? Aperiam autem est tempore similique debitis.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Architecto, quae. Aut saepe amet quis eligendi quae nihil. Dolore, illo quia pariatur quisquam vel fugit omnis iste, eaque impedit repellat consequuntur? Odio minima doloremque possimus itaque id perferendis iste nihil, quas dolorum excepturi vitae libero quaerat ad explicabo illo rem ullam mollitia nisi dolores quod officia aperiam iusto sunt. Dicta beatae vitae tempore consectetur quam accusamus aspernatur esse? Mollitia atque commodi sequi perferendis aliquam totam eius qui sit facilis? Dolorem quae aliquam maxime aut placeat alias corrupti a explicabo vel, nihil voluptatum eaque perferendis vero? Aperiam autem est tempore similique debitis.

Formulaire

Mettre la classe .custom pour ne pas appliquer les styles Validation js native.
Add class ajax for ajax.

Grid

Attention Bootstrap customisé
$container-margin:
$container-width:
$gutter:

Breakpoints

@media #{$breakpoint-medium-up}{ }

Up (mobile first)

breakpoint small medium large xlarge wide
règle >= 576px >= 960px >= 1200px >= 1440px >= 2000px
@media #{$breakpoint-small-up} #{$breakpoint-medium-up} #{$breakpoint-large-up} #{$breakpoint-xlarge-up} #{$breakpoint-wide-up}

Down (desktop first)

breakpoint small medium large wide
règle < 479px < 767px < 1023px < 1439px
@media #{$breakpoint-small-down} #{$breakpoint-medium-down} #{$breakpoint-large-down} #{$breakpoint-wide-down}

Scoped (between breakpoints)

breakpoint small medium large xlarge wide
règle 0 - 575px 576px - 959px 960px - 1199px 1200px - 1999px 2000px - ∞
@media #{$media-small-only} #{$media-medium-only} #{$media-large-only} #{$media-xlarge-only} #{$media-wide-only}

header homepage

(strate-header-homepage)
Intitulé Key Type BO Règles -- Action
Image d'entête background-medium
background-large
background-wide		 jpg, png, svg x 770x1589px
960x659px
2560x1600px		 center croped
Titre title Field ✓
Lien url
label		 Field ✓ Ouverture page interne

Nous mettons toute notre expertise et notre vision engagé de l'investissement immobilier et du Private Equity au service de solutions performantes et durables.

Découvrir Atream

Nos solutions en ligne 3

(strate-solutions-3-lines)
Il est obligatoire d’avoir 3 blocs, ni plus, ni moins.
Intitulé Key Type BO Règles -- Action
Titre title Field ✓
Introduction intro Textarea ✓
Intitulé Key Type BO Règles -- Action
Titre carte title Field T
Line carte link Field T
Pattern pattern String T
Color color String T

Nos solutions d’investissement

Que vous soyez investisseur ou opérateur, institutionnel ou particulier, nous vous proposons des solutions durables et performantes, réellement adaptées à vos besoins.

Introduction à une autre page

(strate-intro-other-page)
Key Type BO Règles
image-mobile image ✓ 787x990
image-desktop image ✓ 721x900

Notre Gouvernance

Depuis 2018, nous avons fait le choix d’associer nos forces à celles d’un nouvel actionnaire, NextStage, partageant la même ambition, celui de porter haut l’investissement immobilier touristique et de renforcer l’écosystème vertueux que nous avons bâti. Cette entrée au capital à hauteur de XX%, repose également sur des valeurs communes, celles d’un modèle entrepreneurial dans le développement de nos projets, et d’un accompagnement long-terme pour les concrétiser.
Découvrir la gouvernance

Respiration

(strate-breathing)
Key Type BO Règles
image-mobile image x
image-desktop image x
Nos solutions d’investissement ne sont pas seulement performantes et durables. Elles ont surtout un supplément d’âme, celui de s’inscrire dans un projet sociétal.
L’équipe

introduction + texte et image

(strate-intro-text-image)
Key Type BO Règles
intro-text-image-bloc-image image ✓ 580x500px

La culture Atream

Acteur référent dans l’investissement immobilier touristique, nous n’avons pas pour autant perdu notre état d’esprit entrepreneurial qui est le ciment de notre culture. Animée par la passion de leurs métiers, notre équipe d’experts est à vos côtés pour relever avec audace les défis de demain.

  • L’esprit d’équipe

    Nous sommes convaincus que la manière la plus efficace d’avancer passe par la force du collectif. Et cette vision, nous la portons depuis notre création. Tous nos collaborateurs travaillent main dans la main avec tous les acteurs du secteur pour développer et proposer les solutions les plus optimales. Ce travail d’équipe se prolonge naturellement au sein d’Atream pour que chaque talent puisse développer tout son potentiel.
    Découvrer

  • intro-text-image-bloc-title

    intro-text-image-bloc-text
    Voir le site

En-tête de page profonde

(strate-header-deep-page)

Vous accompagner dans vos investissement

Depuis 2008, nous portons une vision singulière et engagée sur le marché de l’investissement immobilier et du Private Equity en Europe. Notre capacité d'écoute, et notre compréhension fine de tout notre écosystème nous permet de guider chacun de nos clients, investisseur ou opérateur, et quelle que soit sa taille, vers la solution d'investissement la plus performante et durable répondant réellement à son besoin.

vidéo

(strate-video)
Key Type BO Règles
image image ✓ 990x560px

chiffres clé

(strate-key-number)

Bloc mots clé

(strate-keyword)

Notre gouvernance en toute transparence

Nous savons à quel point il est important pour nos investisseurs comme partenaires d'avoir une vision claire et transparente du mode de fonctionnement et de la gouvernance d'Atream. C'est pourquoi nous avons fait le choix de tout vous expliquer ici.

  • Actionnariat

    Depuis 2017 NextStage est entré au capital d'Atream pour nous permettre de poursuivre nos ambitions de croissance, tout en ayant la garantie que nous partageons des valeurs communes, et la même vision engagée de l'investissement immobilier. Cette entrée au capital est aujourd'hui pour tous nos investisseurs et partenaires un gage de confiance et de solidité de l'entreprise.
    Nexstage

  • intro-text-image-bloc-title

    intro-text-image-bloc-text
    Notre equipe
Découvrir toutes nos solutions d'investissement adaptées à vos besoins Rencontrer notre équipe d'experts à votre écoute

Slider images

(strate-slider-image)
Key Type BO Règles
slider-image-images-image image ✓ 1024x560px

En image

accordeon

(strate-accordeon)
dans block strate

solution hub

(strate-solution-hub)

valeurs

(strate-values)
Key Type BO Règles
picto1, picto2, picto3 image ✓ 140x100px Fluid
image-mobile image x 787x990px Cover
image-desktop image x 721900px Cover

Nos valeurs

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Risus commodo viverra maecenas accumsan lacus vel facilisis volutpat est. Nunc congue nisi vitae suscipit tellus mauris a. Ac turpis egestas maecenas pharetra. Morbi blandit cursus risus at ultrices mi. Risus at ultrices mi tempus imperdiet nulla.
  • Agiles de par notre culture entrepreneuriale
  • Engagés pour des solutions d'investissement performantes et durables
  • Visionnaires, pragmatiques, et toujours avec un coup d’avance

Solution 3 colonnes

(strate-solution-3-column)
Key Type BO Règles
image image ✓ 375x180px

Nos Solutions Collectives

Témoignages

(strate-testimonial)
Key Type BO Règles
author_image image ✓ 40x40px
video_image image ✓ 270x270px

Ils témoignent

  • J’avais beaucoup entendu parler des qualités humaines et du potentiel d’Atream. Dès mon arrivée, cet environnement stimulant qui combine esprit d’équipe et haut niveau d’exigence m’a enthousiasmé. J’aime cette organisation qui favorise la communication entre les collaborateurs, les managers et les fondateurs. Ici chacun peut apporter sa pierre à l’édifice.
    Naima Lamouissi
    Reponsable Middle Office
  • J’avais beaucoup entendu parler des qualités humaines et du potentiel d’Atream. Dès mon arrivée, cet environnement stimulant qui combine esprit d’équipe et haut niveau d’exigence m’a enthousiasmé. J’aime cette organisation qui favorise la communication entre les collaborateurs, les managers et les fondateurs. Ici chacun peut apporter sa pierre à l’édifice.
    Naima Lamouissi
    Reponsable Middle Office
  • Pascalito Toto
    je suis une légende

3 visuels + texte

(strate-3-image-text)
Key Type BO Règles
3-image-text-bloc-elements-picto image ✓ 70x90px
  • 45/55
    La parité est pour nous un engagement
  • Chaque collaborateur peut exprimer tout son potentiel
  • 7 ans
    Nombre d'années moyen que chacun de nos collaborateurs passe dans l'entreprise

Title et intro

(strate-title-intro)

Lorem ipsum dolor

Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores eius iste quaerat minima quibusdam est vel ut dolorum voluptates laudantium.

recruter

(strate-hire)

Nous recrutons

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

En-tête solution

(strate-header-solution)
dans block strate

La Gouvernance

(strate-the-governance)
Key Type BO Règles
team_member_image image ✓ 270x360px

La Gouvernance

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Président et Co-fondateur

Savary Pascal

Lorem ipsum johanum burtum
DG et Co-fondateur

Soppelsa Grégory

Lorem ipsum johanum burtum
Directrice Générale Adjointe

Cornu-Thenard Pauline

Lorem ipsum johanum burtum
Directrice Générale Adjointe

Jacquesson Martin

Lorem ipsum johanum burtum
Président et Co-fondateur

Savary Pascal

Lorem ipsum johanum burtum

L’équipe

(strate-team)
dans block strate

Section header

(strate-section-header)
Nom Type BO Règles
Title Field ✓ -
Intro textarea ✓ -

Lorem ipsum dolor

Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores eius iste quaerat minima quibusdam est vel ut dolorum voluptates laudantium.

Texte image

(strate-text-image)

Lorem10

Nous mettons toute notre expertise et notre vision engagé de l'investissement immobilier et du Private Equity au service de solutions performantes et durables.
cta label

Key number

(strate-key-number)
10 000$
lorem ipsum

Visuels

(strate-visuels)
images : 576 x 576 px

List text

(strate-list-text)
  • Type
    Classique
  • Capital
    Variable
  • Date de création
    13/09/2016
  • Durée de placement recommandée
    10 ans
  • Capital social maximum statutaire
    40 000 000 €
  • Capital social initial
    796 000 €
  • Minimum de souscription initiale
    5 part(s) soit 5000€
  • Disponible en assurance vie
    Non
  • Démembrement disponible
    Oui
  • Commission de souscription
    10% HT ( 12% TTC)
  • Commission de gestion annuelle
    10% HT ( 12% TTC)

Documents

(strate-documents)

Documentation légale

Bulletins trimestriels d’information

Crew

(cards-crew)
Président et Co-fondateur

Savary Pascal

Président et Co-fondateur

Savary Pascal

Président et Co-fondateur

Savary Pascal

Solution

(cards-solution)

Savary

Hub

(cards-hub)

SCPI PierreAltitude

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit
  • Lorem ipsum dolor

Hub list

(cards-hub-list)

SCPI PierreAltitude

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

Testimonial text

(cards-testimonial-text)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
Name Firstname
Legend
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
Name Firstname
Legend
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
Name Firstname
Legend

Testimonial video

(cards-testimonial-video)
Name Firstname
Legend

News

(cards-news)
TAG

Titre très long lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod

TAG

Titre très long lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

doc

(cards-doc)
Note d’information et statuts
Gestion des cookies

Un cookie est un fichier, qui ne permet pas l’identification de l’utilisateur du Site, mais qui enregistre des informations relatives à la navigation d’un ordinateur sur un site. Les données ainsi obtenues visent à faciliter la navigation sur le site et ont également vocation à permettre diverses mesures de fréquentation

Nécessaire

Ils contribuent à rendre un site Web utilisable en activant des fonctions de base comme la navigation de page et l'accès aux zones sécurisées du site Web. Le site ne peut pas fonctionner correctement sans ces cookies.

PHPSESSID Conserve la configuration des paramètres des utilisateurs à travers les demandes de page
Expiration à la clôture de la session

rgpd Utilisé pour le consentement des cookies
Expiration dans 1 mois

Statistiques

Ils aident les propriétaires du site Web, par la collecte et la communication d’informations de manière anonyme, à comprendre comment les visiteurs interagissent avec les sites Web.

_ga Enregistre un identifiant unique utilisé pour générer des données statistiques sur la façon dont le visiteur utilise le site.
Expiration 2 ans

_gid Enregistre un identifiant unique utilisé pour générer des données statistiques sur la façon dont le visiteur utilise le site.
Expiration 2 jours

_gat Utilisé pour limiter le débit des demandes
Expiration 10 minutes

Gestion des cookies

Un cookie est un fichier, qui ne permet pas l’identification de l’utilisateur du Site, mais qui enregistre des informations relatives à la navigation d’un ordinateur sur un site. Les données ainsi obtenues visent à faciliter la navigation sur le site et ont également vocation à permettre diverses mesures de fréquentation