pages comprendre and rejoindre reponsive mobile

This commit is contained in:
Yves Gatesoupe 2020-07-17 15:57:08 +02:00
parent b59f4b55de
commit 1e9b6f6d5f
8 changed files with 219 additions and 144 deletions

View File

@ -23,30 +23,32 @@ La CAE cest aussi une société coopérative, chacun des associés qui la com
### Au démarrage
</summary>
<table>
<thead>
<tr>
<th></th>
<th>Entrepreneur salarié en CAE</th>
<th>Auto-entrepreneur</th>
<th>Gérant société</th>
</tr>
</thead>
<tbody>
<tr>
<td>Création du statut</td>
<td>Simple</td>
<td>Relativement simple</td>
<td>Mise en place complexe</td>
</tr>
<tr>
<td>Aide à la création</td>
<td>ARE* pour les demandeurs d'emploi</td>
<td>ACRE* pour les demandeurs d'emploi</td>
<td>ACRE* pour les demandeurs d'emploi</td>
</tr>
</tbody>
</table>
<div class="table-wrapper">
<table>
<thead>
<tr>
<th></th>
<th>Entrepreneur salarié en CAE</th>
<th>Auto-entrepreneur</th>
<th>Gérant société</th>
</tr>
</thead>
<tbody>
<tr>
<td>Création du statut</td>
<td>Simple</td>
<td>Relativement simple</td>
<td>Mise en place complexe</td>
</tr>
<tr>
<td>Aide à la création</td>
<td>ARE* pour les demandeurs d'emploi</td>
<td>ACRE* pour les demandeurs d'emploi</td>
<td>ACRE* pour les demandeurs d'emploi</td>
</tr>
</tbody>
</table>
</div>
*ARE : Aide au Retour à lEmploi
@ -58,48 +60,50 @@ La CAE cest aussi une société coopérative, chacun des associés qui la com
### Votre activité
</summary>
<table>
<thead>
<tr>
<th></th>
<th>Entrepreneur salarié en CAE</th>
<th>Auto-entrepreneur</th>
<th>Gérant société</th>
</tr>
</thead>
<tbody>
<tr>
<td>Assurance de l'activité professionnelle</td>
<td>Assurance RCPro* spécifique à votre activité</td>
<td>À votre charge</td>
<td>À votre charge</td>
</tr>
<tr>
<td>Suivi de l'activité</td>
<td>Une personne référente vous accompagne dans votre projet</td>
<td>Accompagnement à votre charge</td>
<td>Accompagnement à votre charge</td>
</tr>
<tr>
<td>Pouvoir de décision dans la structure</td>
<td>Chaque coopérateur possède un pouvoir égal</td>
<td>Vous êtes seul décisionnaire</td>
<td>Vous êtes seul décisionnaire</td>
</tr>
<tr>
<td>Agrément CIR*</td>
<td>Une demande d'agrément est en cours pour Astrolabe</td>
<td>Vous devez en faire la demande</td>
<td>Vous devez en faire la demande</td>
</tr>
<tr>
<td>Référencement client / Prospection</td>
<td>Vous démarchez directement vos clients et profitez du référencement des coopérateurs auprès de clients grand compte, vous profitez du réseau de coopérateurs et dappels doffres auprès des partenaires</td>
<td>Vous démarchez directement vos clients</td>
<td>Vous démarchez directement vos clients</td>
</tr>
</tbody>
</table>
<div class="table-wrapper">
<table>
<thead>
<tr>
<th></th>
<th>Entrepreneur salarié en CAE</th>
<th>Auto-entrepreneur</th>
<th>Gérant société</th>
</tr>
</thead>
<tbody>
<tr>
<td>Assurance de l'activité professionnelle</td>
<td>Assurance RCPro* spécifique à votre activité</td>
<td>À votre charge</td>
<td>À votre charge</td>
</tr>
<tr>
<td>Suivi de l'activité</td>
<td>Une personne référente vous accompagne dans votre projet</td>
<td>Accompagnement à votre charge</td>
<td>Accompagnement à votre charge</td>
</tr>
<tr>
<td>Pouvoir de décision dans la structure</td>
<td>Chaque coopérateur possède un pouvoir égal</td>
<td>Vous êtes seul décisionnaire</td>
<td>Vous êtes seul décisionnaire</td>
</tr>
<tr>
<td>Agrément CIR*</td>
<td>Une demande d'agrément est en cours pour Astrolabe</td>
<td>Vous devez en faire la demande</td>
<td>Vous devez en faire la demande</td>
</tr>
<tr>
<td>Référencement client / Prospection</td>
<td>Vous démarchez directement vos clients et profitez du référencement des coopérateurs auprès de clients grand compte, vous profitez du réseau de coopérateurs et dappels doffres auprès des partenaires</td>
<td>Vous démarchez directement vos clients</td>
<td>Vous démarchez directement vos clients</td>
</tr>
</tbody>
</table>
</div>
*RCPro : Responsabilité Civile Professionnelle
@ -111,36 +115,38 @@ La CAE cest aussi une société coopérative, chacun des associés qui la com
### Vos obligations
</summary>
<table>
<thead>
<tr>
<th></th>
<th>Entrepreneur salarié en CAE</th>
<th>Auto-entrepreneur</th>
<th>Gérant société</th>
</tr>
</thead>
<tbody>
<tr>
<td>Régime social</td>
<td>Couverture sociale auprès de la sécurité sociale, cotisation au régime général des retraites</td>
<td>Vous êtes redevable de cotisations et contributions à différents organismes de prestations sociales</td>
<td>Vous êtes redevable de cotisations et contributions à différents organismes de prestations sociales</td>
</tr>
<tr>
<td>Obligation comptables</td>
<td>Votre activité comptable est prise en charge</td>
<td>Relativement peu contraignant</td>
<td>Nécessite une expertise comptable</td>
</tr>
<tr>
<td>Obligation fiscales</td>
<td>Impôt sur le revenu</td>
<td>Chiffre d'affaire plafonné<br>Régime simplifié</td>
<td>Impôt sur les sociétés</td>
</tr>
</tbody>
</table>
<div class="table-wrapper">
<table>
<thead>
<tr>
<th></th>
<th>Entrepreneur salarié en CAE</th>
<th>Auto-entrepreneur</th>
<th>Gérant société</th>
</tr>
</thead>
<tbody>
<tr>
<td>Régime social</td>
<td>Couverture sociale auprès de la sécurité sociale, cotisation au régime général des retraites</td>
<td>Vous êtes redevable de cotisations et contributions à différents organismes de prestations sociales</td>
<td>Vous êtes redevable de cotisations et contributions à différents organismes de prestations sociales</td>
</tr>
<tr>
<td>Obligation comptables</td>
<td>Votre activité comptable est prise en charge</td>
<td>Relativement peu contraignant</td>
<td>Nécessite une expertise comptable</td>
</tr>
<tr>
<td>Obligation fiscales</td>
<td>Impôt sur le revenu</td>
<td>Chiffre d'affaire plafonné<br>Régime simplifié</td>
<td>Impôt sur les sociétés</td>
</tr>
</tbody>
</table>
</div>
</details>
<details>
@ -148,37 +154,39 @@ La CAE cest aussi une société coopérative, chacun des associés qui la com
### La prévoyance
</summary>
<table>
<thead>
<tr>
<th></th>
<th>Entrepreneur salarié en CAE</th>
<th>Auto-entrepreneur</th>
<th>Gérant société</th>
</tr>
</thead>
<tbody>
<tr>
<td>Assurance chômage</td>
<td>Maintient de lARE* pour les demandeurs demploi si aucun salaire perçu.
Votre activité ouvre des droits à lARE*</td>
<td>Votre activité n'ouvre pas de nouveaux droits ARE*</td>
<td>Votre activité n'ouvre pas de nouveaux droits ARE*</td>
</tr>
<tr>
<td>Retraite</td>
<td>Régime général</td>
<td>Cotisation et droits réduits</td>
<td>Similaire au régime général</td>
</tr>
<tr>
<td>Couverture santé</td>
<td>Sécurité sociale + mutuelle groupe + prévoyance groupe</td>
<td>Sécurité sociale (RSI*) + mutuelle et prévoyance optionnelle</td>
<td>Sécurité sociale (RSI*) + mutuelle et prévoyance optionnelle</td>
</tr>
</tbody>
</table>
<div class="table-wrapper">
<table>
<thead>
<tr>
<th></th>
<th>Entrepreneur salarié en CAE</th>
<th>Auto-entrepreneur</th>
<th>Gérant société</th>
</tr>
</thead>
<tbody>
<tr>
<td>Assurance chômage</td>
<td>Maintient de lARE* pour les demandeurs demploi si aucun salaire perçu.
Votre activité ouvre des droits à lARE*</td>
<td>Votre activité n'ouvre pas de nouveaux droits ARE*</td>
<td>Votre activité n'ouvre pas de nouveaux droits ARE*</td>
</tr>
<tr>
<td>Retraite</td>
<td>Régime général</td>
<td>Cotisation et droits réduits</td>
<td>Similaire au régime général</td>
</tr>
<tr>
<td>Couverture santé</td>
<td>Sécurité sociale + mutuelle groupe + prévoyance groupe</td>
<td>Sécurité sociale (RSI*) + mutuelle et prévoyance optionnelle</td>
<td>Sécurité sociale (RSI*) + mutuelle et prévoyance optionnelle</td>
</tr>
</tbody>
</table>
</div>
*ARE: Aide au Retour à l'Emploi

View File

@ -34,13 +34,14 @@ permalink: '/nous-rejoindre/index.html'
<img src="/images/sailor-accomp.svg" alt="Entrepreneur en contrat CAPE" style="width: 9rem;">
Au bout dun certain temps votre activité devient prérenne.
Au bout dun certain temps votre activité devient prérenne. Deux options s'offrent à vous :
</article>
</section>
<section class="process-cae split">
<article class="process-cae__block">
<img src="/images/arrow-left.svg" alt="flèche gauche">
<img class="hide-mobile" src="/images/arrow-left.svg" alt="flèche gauche">
<p class="hide-desktop" style="font-weight: 600; align-self: center">- SOIT -</p>
Vous intégrez la coopérative en tant qu'Entrepreneur salarié, bienvenue parmi nous !
@ -66,10 +67,11 @@ permalink: '/nous-rejoindre/index.html'
</article>
<article class="process-cae__block">
<img src="/images/arrow-right.svg" alt="flèche droite">
<img class="hide-mobile" src="/images/arrow-right.svg" alt="flèche droite">
<p class="hide-desktop" style="font-weight: 600; align-self: center">- SOIT -</p>
Vous créez votre propre entreprise, félicitations !
<img src="/images/small-boat.svg" alt="Petit bateau à voile" style="width: 8rem; margin-top: 4rem; margin-left: 18rem;">
<img class="small-boat" src="/images/small-boat.svg" alt="Petit bateau à voile">
</article>
</section>

View File

@ -128,14 +128,12 @@ legend {
}
@media (max-width: 575.98px) {
.home .form-container {
.form-container {
svg {
width: 70rem;
overflow: hidden;
}
}
.form-container {
.contact-heading {
margin: 2rem 0;
}

View File

@ -34,3 +34,9 @@
}
}
}
@media (max-width: 575.98px) {
.nav {
margin-top: 1rem;
}
}

View File

@ -166,6 +166,16 @@
}
}
.table-wrapper {
~ p {
font-size: .875rem;
&:last-child {
margin-bottom: 1.5rem;
}
}
}
table {
margin-bottom: 1rem;
@ -208,14 +218,6 @@
background-color: var(--color-light-gray);
}
}
~ p {
font-size: .875rem;
&:last-child {
margin-bottom: 1.5rem;
}
}
}
.process-cae {
@ -295,10 +297,15 @@
}
img {
// width: 18rem;
align-self: center;
margin: 0 auto;
}
.small-boat {
width: 8rem;
margin-top: 4rem;
margin-left: 18rem;
}
}
}
}
@ -322,3 +329,45 @@
}
}
}
@media (max-width: 575.98px) {
.post {
&__body {
h1 {
margin: 4rem 0;
font-size: 1.75rem;
}
.split-content {
display: block;
}
.table-wrapper {
overflow-y: auto;
}
table {
min-width: 48rem;
}
.process-cae{
&.split {
display: block;
.process-cae__block:last-child {
align-items: flex-start;
}
}
&__block {
.small-boat {
margin-left: auto;
margin-right: auto;
}
}
}
}
}
}

View File

@ -75,3 +75,4 @@ img {
@import 'components/sponsor';
@import 'components/skip-link';
@import 'components/video-player';
@import 'utilities/responsive';

View File

@ -0,0 +1,11 @@
.hide-desktop {
@media (min-width: 576px) {
display: none;
}
}
.hide-mobile {
@media (max-width: 575.98px) {
display: none;
}
}