/** FICHIERS STYLE CHOISIR SA FRANCHISE 2025 **/

/** CORRESPONDANCES ECHELLE
PX -> REM :1/16
2px :0.125rem
4px :0.25rem
6px :0.375rem
8px :0.5rem;
10px :0.625rem
12px :0.75rem
14px :0.875rem
16px :1rem
18px :1.125rem
20px :1.25rem
22px :1.375rem
24px :1.5rem
25px :1.5625
26px :1.625rem
28px :1.75rem
30px :1.875rem
32px :2rem
34px :2.125rem
35px :2.1875rem
36px :2.25rem
38px :2.375rem
39px :2.4375rem
40px :2.5rem
42px :2.625rem
44px :2.75rem
46px :2.875rem
48px :3rem
50px :3.125rem
52px :3.25rem
56px :3.5rem
60px :3.75rem
64px :4rem;
68px :4.25rem;
70px :4.375rem
80px :5rem

OU 62,5%


/** COMMUN **/
/** Typographie **/

*{
	font-weight:normal;
	font-style:normal;
	box-sizing:border-box;
}

@font-face{
    font-family:"open_sanslight";
    src:url("/font/OpenSans-Light-webfont.woff2") format("woff2"),
	    url("/font/OpenSans-Light-webfont.woff") format("woff");
    font-weight:normal;
    font-style:normal;
	font-display:swap;
}

@font-face{
    font-family:"open_sansregular";
    src:url("/font/OpenSans-Regular-webfont.woff2") format("woff2"),
        url("/font/OpenSans-Regular-webfont.woff") format("woff");
    font-weight:normal;
    font-style:normal;
	font-display:swap;
}

@font-face{
    font-family:"open_sanssemibold";
    src:url("/font/OpenSans-Semibold-webfont.woff2") format("woff2"),
        url("/font/OpenSans-Semibold-webfont.woff") format("woff");
    font-weight:normal;
    font-style:normal;
	font-display:swap;
}

@font-face{
    font-family:"open_sansbold";
    src:url("/font/OpenSans-Bold-webfont.woff2") format("woff2"),
        url("/font/OpenSans-Bold-webfont.woff") format("woff");
    font-weight:normal;
    font-style:normal;
	font-display:swap;
}

@font-face{
	font-family:"choisir-sa-franchise";
	src:url("/font/choisir-sa-franchise.woff2") format("woff2"),
		url("/font/choisir-sa-franchise.woff") format("woff");
	font-weight:normal;
	font-style:normal;
	font-display:swap;
}


@font-face {
	font-family:"Flaticon";
	src:url("/font/flaticon.woff2") format("woff2"),
	    url("/font/flaticon.woff") format("woff");
	font-weight:normal;
	font-style:normal;
	font-display:swap;
}

@font-face{
	font-family:"Flaticon2";
	src:url("/font/flaticon2.woff2") format("woff2"),
	    url("/font/flaticon2.woff") format("woff");
	font-weight:normal;
	font-style:normal;
	font-display:swap;
}

@font-face{
	font-family:"icomoon";
	src:url("/font/icomoon.woff2") format("woff2"),
	    url("/font/icomoon.woff") format("woff");
	font-weight:normal;
	font-style:normal;
	font-display:swap;
}

@font-face{
    font-family:csf;
    src:url("/font/csf-webfont.woff2") format("woff2"),
        url("/font/csf-webfont.woff") format("woff"),
        url("/font/csf-webfont.svg#muktasemibold") format("svg");
    font-weight:normal;
    font-style:normal;
	font-display:fallback;
}


/** Couleur/
@colordef #e2051a; Rouge
@colordef #35a8e0; Bleu ciel
@colordef #f29100; Orange
@colordef #7ab832; Vert


@colordef #eaeaea; Noir 10%
@colordef #d0d0d0; Noir 20%
@colordef #b6b6b6; Noir 30%
@colordef #9c9c9c; Noir 40%
@colordef #828282; Noir 50%
@colordef #686868; Noir 60%
@colordef #4e4e4e; Noir 70%
@colordef #343434; Noir 80%
@colordef #1a1a1a; Noir 90%
@colordef #000000; Noir 100%

@colordef #b2b2b2; Gris



**/

/** Reset **/
h1,h2,h3,h4,h5,h6,p{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
}


/** Mise en page **/
html,body{padding:0; margin:0;}


html{
    font-size:100%;
	color:var(--blanc-100);
}

table{border-spacing:0;}
.init{clear:both}


ul{
	list-style-type:none;
    padding:0;
	margin:0 0 25px 0;
}

a{
	color:var(--rouge-100);
}
	

p{
    margin-block-start:0;
    margin-block-end:0;
    margin-inline-start:0;
    margin-inline-end:0;
}

sup {
    font-size: 50%;
    position: relative;
    line-height: 0;
    vertical-align: baseline;
    top: -1em;
}

*,:after,:before{
	box-sizing:border-box;
}


:root{
	/* Couleurs principales */
	--rouge-100:#e2051a;
	--bleu-100:#35a8e0;
	--orange-100:#f29100;
	--vert-100:#7ab832;
	
	--gris-100:#b2b2b2;
	--gris-080:#c2c2c2;
	--gris-060:#d2d2d2;
	--gris-040:#e2e2e2;
	--gris-030:#eaeaea;
	--gris-020:#f2f2f2;
	
	--noir-010:#eaeaea;
	--noir-020:#d0d0d0;
	--noir-030:#b6b6b6;
	--noir-040:#9c9c9c;
	--noir-050:#828282;
	--noir-060:#686868;
	--noir-070:#4e4e4e;
	--noir-080:#343434;
	--noir-090:#1a1a1a;
	--noir-100:#000000;
}	

abbr{color:var(--rouge-100);}


/** Couleur/
@colordef #e2051a; Rouge
@colordef #35a8e0; Bleu
@colordef #f29100; Orange
@colordef #7ab832; Vert

@colordef #b2b2b2; Gris 100
@colordef #3c3c3b; Noir 100%
 **/

/*************************************************************/
/** DESKTOP + MOBILE TOUTES RESOLUTIONS **/

/** LIEN **/
a{
	text-decoration:none;
	transition-property:color,background,border;
	transition-duration:0.3s;
	transition-timing-function:ease-out;
}

a:hover{
	text-decoration:none;
	transition-property:color,background,border;
	transition-duration:0.3s;
	transition-timing-function:ease-out;
}

button,input[type="submit"]{
    transition-property:background;
    transition-duration:1s;
    transition-timing-function:ease-out;
}

a:active,a:hover{
    outline:0;
}

abbr{text-decoration:none;margin:0 0 0 5px;}
strong{font-weight:bold;}
button{padding:0;}

input[type="password" i] {
    -webkit-text-security: disc !important;
    padding-block:0;
    padding-inline:0;
}

input:-internal-autofill-selected {
    appearance: menulist-button;
    background-image: none !important;
    background-color:#fff;
    color: fieldtext !important;
}

/** SCROLLUP **/
.scrollup {
    width: 50px;
    height: 50px;
    opacity: 1;
    position: fixed;
    bottom: 10px;
    right: 18px;
    z-index: 99999;
    display: none;
    border-radius: 50%;
    background: var(--rouge-100);
    box-shadow: 0 2.5px 5px rgba(0, 0, 0, .25);
}

.scrollup:before {
    font-family:csf;
    content: "\e010";
    color: #fff;
    font-size: 50px;
    text-align: center;
    font-weight: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/** ICONES **/
[class^="iconecsf-"],[class*=" icone-"]{
	font-family:"choisir-sa-franchise" !important;
	speak:never;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

.iconecsf-facebook:before {
    content:"\e02d";
}

.iconecsf-linkedin:before {
    content:"\e032";
}


.iconecsf-youtube:before {
    content:"\e033";
}


/** PAGINATION 1920 **/
ol.pagination{list-style:none; display:flex; align-items:center; text-align:center; margin:0 auto 50px auto; padding:0; font-family:open_sansbold; font-size:25px; color:var(--bleu-100);}
ol.pagination li{display:inline-block; margin:0 10px 0 0;}
ol.pagination a{color:#000000; display:inline-flex;  justify-content:center; align-items:center; width:60px; height:60px; padding:0; border-radius:50%; border:1px solid #000000;}
ol.pagination a:hover{color:var(--bleu-100); border:1px solid var(--bleu-100);}
ol.pagination li.selected{background-color:var(--bleu-100); color:#fff; width:65px; height:65px; display:inline-flex; justify-content:center; align-items:center; margin:0 10px 0 0; padding:0; border-radius:50%;}
#suivant{padding:7.5px; color:#3c3c3b;}
ol.pagination li:last-child {margin:0;}

#administration-pagination ol.pagination{
	display:block;
}

#administration ol.pagination,
#administration-pagination ol.pagination a:hover{
	color:var(--noir-100);
}

#administration-pagination ol.pagination li.selected{
	background-color:var(--noir-100);
}

#administration-pagination ol.pagination a:hover{
	border:1px solid var(--noir-100);
}

#annuaire-pagination ol.pagination,
#annuaire-pagination ol.pagination a:hover{
	color:var(--rouge-100);
}

#annuaire-pagination ol.pagination li.selected{
	background-color:var(--rouge-100);
}

#annuaire-pagination ol.pagination a:hover{
	border:1px solid var(--rouge-100);
}


#guide-pagination ol.pagination li.selected{
	background-color:var(--noir-100);
}

#guide-pagination ol.pagination li.selected{
	background-color:var(--noir-100);
}

#guide-pagination ol.pagination,
#guide-pagination ol.pagination a:hover{
	color:var(--noir-100);
}

#guide-pagination ol.pagination a:hover{
	border:1px solid var(--noir-100);
}

#interviews-pagination ol.pagination,
#interviews-pagination ol.pagination a:hover{
	color:var(--orange-100);
}

#interviews-pagination ol.pagination li.selected{
	background-color:var(--orange-100);
}

#interviews-pagination ol.pagination a:hover{
	border:1px solid var(--orange-100);
}	

#videos-pagination ol.pagination,
#videos-pagination ol.pagination a:hover{
	color:var(--vert-100);
}

#videos-pagination ol.pagination li.selected{
	background-color:var(--vert-100);
}

#videos-pagination ol.pagination a:hover{
	border:1px solid var(--vert-100);
}	

[class^="icone-"],[class*=" icone-"]{
	font-family:"csf" !important;
	speak:never;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

.icone-user:before {
    content:"\e039";
}

.icone-effacer:before{
	content:"\e07a";
}

.icone-nom:before {
    content:"\e050";
}

.icone-email:before{
	content:"\e043";
}

.icone-telephone:before{
    content:"\e045";
}

.icone-instagram:before{
    content:"\e0a4";
}

.icone-x:before {
    content:"\e900";
}

.icone-tiktok:before {
    content:"\e905";
}

.icone-recherche:before{
    content:"\e088";
	font-size:1.75rem;
}

.icone-photo:before{
	content:"\e029";
}

.icone-upload:before{
	content:"\e013";
	font-size:1.75rem;
}

.icone-documentation:before {
    content:"\e089";
}

.icone-apport:before{
	content:"\e05e";
}

.icone-investissement:before{
	content:"\e09c";
}

.icone-droit:before{
	content:"\e082";
}

.icone-creation:before{
	content:"\e05c";
}

.icone-ca:before{
	content:"\e093";
}

.icone-implantation:before{
	content:"\e08a";
}

.icone-duree:before{
	content:"\e057";
}

.icone-surface:before{
	content:"\e095";
}

.icone-checkmark:before{
	content:"\e008";
}

.icone-adresse:before{
	content:"\e057";
}

.icone-password:before{
	content:"\e099";
}

.icone-enregistrer:before{
	content:"\e0a0";
}

.icone-supprimer:before{
	content:"\e07a";
}

.icone-fonction:before{
	content:"\e051";
}

.icone-calendrier:before{
	content:"\e05c";
}

.icone-gps:before{
	content:"\e04a";
}

.icone-vue:before{
	content:"\e03c";
}

.icone-nonvue:before{
	content:"\e03b";
}

.icone-coordonnees:before{
	content:"\e057";
}

.icone-franchise:before{
	content:"\e08a";
}

.icone-phototheque:before{
	content:"\e029";
}

.icone-candidat:before{
	content:"\e050";
}

.icone-eye:before{
	content:"\e03c";
}

.icone-noneye:before{
	content:"\e03b";
}

.icone-internet:before{
	content:"\e026";
}

.icone-api:before{
	content:"\e047";
}

.icone-secteurs:before{
	content:"\e05b";
}

.icone-voir:before{
	content:"\e09a";
}

.icone-exporter:before{
	content:"\e072";
}

.icone-actualites:before{
	content:"\e097";
}

.icone-videos:before{
	content:"\e03a";
}

.icone-interviews:before{
	content:"\e025";
}

.icone-zoom:before{
	content:"\e088";
}

.icone-fermeture:before{
content:"\e067";
}

.icone-home:before{
	content:"\e01b";
}

.icone-publicite:before{
	content:"\e092";
}

.icone-ajouter:before{
	content:"\e060";
}

.icone-arborescence:before{
	content:"\e01f";
}

/*************************************************************/
/** TOUTES RESOLUTIONS **/
@media only screen{

	/** PUBLICITE **/
	#publicite{
		margin:50px 0 0 0;
	}
	
	#publicite-superbanniere{
		width:970px;
		height:250px;
		display:inline-flex;
        justify-content:center;
        align-items:center;
		color:#fff;
		font-family:open_sanssemibold;
		margin:50px auto 0 auto;
		border-radius:10px;
	}
	
	#publicite-banniere{
		width:970px;
		height:90px;
		display:flex;
        justify-content:center;
        margin:50px auto 50px auto;
		align-items:center;
		color:#fff;;
		font-family:open_sanssemibold;
		border-radius:10px;
	}
	
	#publicite-superbanniere img,#publicite-banniere img{
		border-radius:10px;
	}

	/** HOME DESKTOP **/	
	main{
		display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        position:relative;
        top:0;
        color:var(--noir-100);
    }
	
	#introduction{
		width:1200px;	
	}
	
	#introduction h1{
		font-family:open_sansbold;
        font-size:2.5rem;
        line-height:3rem;
        color:var(--noir-100);
        margin:2.75rem 0 0.75rem 0;
        text-align:center;
	}
	
	#introduction h2{
		color:var(--rouge-100);
        font-family:open_sansregular;
        font-size:1.625rem;
        line-height:2rem;
        margin:0;
		 text-align:center;
	}
	
	#introduction h2 span{
		font-family:open_sansbold;
		font-size:2.5rem;
        line-height:3rem;
	}
	
	
	#home-franchises,#home-apport,#home-secteurs,#home-actualites,#home-videos,
	#recherche,#documentation,#annuaire,#actualites,#interviews,#videos,#guide,#connexion,#administration,#page,#faq{
		width:100%;
        background-color:var(--noir-020);
        margin:75px 0;
        padding:0;
        box-shadow:0 2px 4px rgba(0, 0, 0, .25);	
	}
	
	#documentation-contenu,#home-franchises,#home-apport-contenu,#home-secteurs-contenu,#home-actualites-contenu,#home-videos-contenu,#home-interviews-contenu,#home-faq,
	#recherche-contenu,#guide-contenu,#faq-contenu,#annuaire-contenu,#actualites-contenu,#interviews-contenu,#videos-contenu,#connexion-contenu,#administration-contenu,#page-contenu{
        width:1200px;
        margin:0 auto;
        padding:50px 0;
		display:flex;
        flex-direction:column;
    }
	
	#annuaire-contenu{
		display:block;
	}
	
	#documentation-contenu,#annuaire-contenu,#actualites-contenu,#interviews-contenu,#videos-contenu,#home-faq-contenu{
		padding:0 0 50px 0;
	}
	
	#annuaire-contenu-franchise,#actualites-contenu-actualite,#interviews-contenu-interviews,#videos-contenu-video{
		margin:0 0 50px 0;
	}
	
	#recherche-contenu,#page-contenu,#guide-contenu,#faq-contenu,#home-secteurs-contenu{
		padding:0 0 50px 0;
	}
	
	#home-apport{
		box-shadow:none;
		background-color:transparent;
	}
	
	#home-secteurs{
		margin:0;
	}
	
	#home-apport{
		margin:0;
	}
	
	#home-videos{
		margin:0; 
	}
	
	#home-secteurs{
        box-shadow:none;
		background-color:transparent;
	}
	
	#home-franchises{
        box-shadow:none;
		background-color:transparent;
		padding:50px 0 0 0;
	}
	
	#recherche,#documentation,#home-actualites,#guide,#faq,#annuaire,#actualites,#interviews,#videos,#connexion,#administration,#page{
		box-shadow:none;
		background-color:transparent;
		margin:0;
	}
	
	#home-faq-contenu{
		width:1200px;
		background:var(--gris-100);
		border-radius: 10px;
		box-shadow: 0 10px 10px rgba(0, 0, 0, .25);
		padding:25px 15px;
		margin: 0 auto 100px auto;
		text-align: center;
	}
	
	#home-faq-contenu a{
		font-family: open_sanssemibold;
		font-size: 1.25rem;
		line-height: 1.25rem;
		text-decoration: none;
		padding: 7.5px 12.5px;
		text-align: center;
		display: inline-flex		;
		justify-content: center;
		align-items: center;
		border-radius: 25px;
		margin:0 auto;
		color:var(--gris-100);
		border:2px solid #fff;
		background:#fff;
	}
	
	#home-videos{	
		box-shadow:none;
		background-color:transparent;
	}
	
	#home-interviews{	
		box-shadow:none;
		background-color:transparent;
	}
	
	#home-franchises h2,#home-apport-contenu h2,#home-secteurs-contenu h2,#home-actualites-contenu h2,#home-videos-contenu h2,#home-interviews-contenu h2,#home-faq-contenu h2,
	#recherche-contenu h1,#documentation-contenu h1,#annuaire-contenu h1,#guide-contenu h1,#faq-contenu h1,#actualites-contenu h1,#interviews-contenu h1,#videos-contenu h1,#connexion-contenu h1,#administration-contenu h1,#page-contenu h1{
		font-family:open_sanssemibold;
        font-size:2.25rem;
        line-height:2.75rem;
        margin:0 0 1.25rem 0;
		color:var(--noir-100);
		text-align:center;
    }
	
	#home-faq-contenu h2{
		color:#fff;
	}
	
	#annuaire-franchises-secteurs h2,#annuaire-franchises-autres h3.autres,#actualites-franchises-autres h3.autres,#videos-franchises-autres h3.autres,#interviews-franchises-autres h3.autres{
		font-family:open_sanssemibold;
        font-size:1.875rem;
        line-height:2.375rem;
        margin:0 0 2rem 0;
		color:var(--bleu-100);
		text-align:center;
	}	
		
	#guide-contenu-franchises,#annuaire-contenu-franchises{	
		display: grid;
		align-content: center;
		justify-content: center;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		align-items: center;
		justify-items: center;
		gap:20px;
		margin:35px 0 50px 0;
	}
		
	#guide-contenu-franchises .home-franchises-franchise,#annuaire-contenu-franchises .home-franchises-franchise{
		margin:0;
	}
		
	#videos-franchises-autres h3.autres{
		color:var(--vert-100);
	}
	
	#interviews-franchises-autres h3.autres{
		color:var(--orange-100);
	}
	
	#annuaire-franchises-secteurs h2,#annuaire-contenu-alaune h2,#annuaire-franchises-autres h3.autres{
		color:var(--rouge-100);
	}
	
	#documentation-contenu h1,#annuaire-contenu h1,#guide-contenu h1,#faq-contenu h1,#actualites-contenu h1,#interviews-contenu h1,#videos-contenu h1,#connexion-contenu h1,#administration-contenu h1,#page-contenu h1{
		margin:0 0 1.75rem 0;
	}
	
	#recherche-contenu h2,#administration-contenu h2,#connexion-contenu h2,#documentation-contenu h2,#annuaire-contenu h2,#page-contenu h2,#faq-contenu h2,#home-faq-contenu p{
		font-family:open_sansregular;
		margin:0 0 1.75rem 0;
		color:var(--noir-100);
		text-align:center;
		font-size:2rem;
        line-height:2.375rem;
	}
	
	#video-resultat,#actualites-resultat{
		margin:0 0 2.75rem 0;
	}
	
	#home-faq-contenu p{
		color:#fff;
		font-size:1.5rem;
		line-height: 2rem;
	}
	
	#annuaire-contenu h2{
		margin:0 0 1rem 0;
	}
	
	#recherche-contenu h2{
		margin:1.75rem 0 0 0;
	}
	#page-contenu h2{
		text-decoration:underline;
	}
	
	#documentation-contenu h3,#annuaire-contenu h3,#page-contenu h3{
		font-family: open_sanssemibold;
		font-size:1.875rem;
        line-height:2.25rem;
		text-align:left;
		margin:1.625rem 0 1.25rem 0;
		color:var(--noir-100);
	}
	
	#annuaire-contenu-franchise-historique,#annuaire-contenu-franchise-historique li,#annuaire-contenu-franchise-candidat-texte,#annuaire-contenu-franchise-historique p,
	#annuaire-contenu-franchise-presentation p,#annuaire-contenu p.description,#actualites-contenu p.description,#faq-contenu p,
	#guide-contenu p.description,#interviews-contenu p.description,#videos-contenu p.description,#documentation-contenu p,#connexion-contenu p,#administration-contenu p,#page-contenu-content,
	#annuaire-contenu #administration-tabs p{
		font-family:open_sanslight;
        font-size:1.25rem;
        line-height:1.875rem;
		margin:0;
		text-align:justify;
		color:var(--noir-100);
	}
	
	#connexion-contenu p.erreur{
		font-family:open_sansregular;
		color:var(--rouge-100);
	}
	
	#annuaire-contenu-franchise-historique{
		margin:0.5rem 0 1.625rem 0;		
	}
	
	#page-contenu-content p{
		margin:0 0 1.25rem 0;
	}
	
	#annuaire-contenu-franchise-historique li{
		margin:0 0 1.25rem 0;
	}
	
	#connexion-contenu a.passwordoublie{
		display:block;
		font-family:open_sanslight;
        font-size:1.125rem;
        line-height:1.125rem;
		color:var(--rouge-100);
		text-decoration:underline;
		margin:0.5rem 0;
	}
	
	#annuaire-contenu-franchise-historique li strong:first-child{
		font-family: open_sanssemibold;
		font-size:1.625rem;
		width:75px;
		height:75px;
		border-radius:50%;
		background-color:var(--rouge-100);
		color:#fff;
		display:inline-flex;
		justify-content: center;
		align-items:center;
		margin:0 20px 0 0;
	}
	
	#annuaire-contenu-franchise-historique div span strong{
		font-family: open_sanssemibold;
		color:var(--rouge-100);
		font-size: 1.25rem;
        line-height: 1.625rem;
	}
	
	#annuaire-contenu-franchise-secteur-visuel{
		margin:50px auto;
		text-align:center;
	}
	
	#annuaire-contenu-franchise-secteur-visuel img,#annuaire-contenu-franchise-candidat-visuel img,#annuaire-contenu-franchise-presentation img{
		border-radius: 10px;
		box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
	}
	
	#annuaire-contenu-franchise-candidat-visuel img{
		width:100%;
		height:auto;
	}
	
	#annuaire-essentiel{
		width:1200px;
		margin: 40px auto;
		border-radius:10px;
		padding:20px;
		background-color:var(--noir-060);
	}
	
	#annuaire-contenu #annuaire-essentiel h3,#annuaire-contenu #annuaire-essentiel p.description{
		color:#fff;
		margin: 0 0 1.25rem 0;
	}
	
	#annuaire-contenu #annuaire-essentiel p.description{
		color:#fff;
		margin:0;
	}
	
	#annuaire-contenu-franchise-candidat{
		width:1200px;
		margin: 0 auto;
        display: flex;
        justify-content: space-between;
		border-radius:10px;
		padding:20px;
		background-color:var(--noir-020);
	}
	
    #annuaire-contenu-franchise-candidat-texte{
        font-family: open_sansregular;
		width:580px;
        text-align:justify;
    }
	
	#annuaire-contenu-franchise-candidat-visuel{
        width:520px;
    }

	#annuaire-contenu-franchise-chiffres{
        display:grid;
        align-content: center;
        justify-content: center;
        grid-template-columns:1fr 1fr 1fr 1fr;
        align-items:center;
        justify-items:center;
        gap:30px;
        margin:25px 0 50px 0;
    }

	#annuaire-contenu-franchise-chiffres .annuaire-contenu-franchise-chiffres-condition{
		width:220px;
		background:var(--noir-020);
		padding:15px;
		border-radius: 10px;
		box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
		border: solid 1px var(--noir-010);
		box-sizing: content-box;
		display:flex;
		flex-direction:column;
		justify-content:space-between;
	}


	#annuaire-contenu #annuaire-contenu-franchise-chiffres .annuaire-contenu-franchise-chiffres-condition h4{
        font-family:open_sanssemibold;
        font-size:1rem;
        line-height:1rem;
        color:var(--noir-100);
        margin: 0 0 0.625rem 0;
		text-align:center;
	}
	
	#annuaire-contenu #annuaire-contenu-franchise-chiffres .annuaire-contenu-franchise-chiffres-condition h4 span{
        display: block;
        font-size: 2.75rem;
		line-height: 2.75rem;
		margin: 0 0 0.625rem 0;
	}
	
	#annuaire-contenu #annuaire-contenu-franchise-chiffres .annuaire-contenu-franchise-chiffres-condition p{
		font-family:open_sanslight;
		font-size:1.625rem;
        line-height:1.875rem;
		color:var(--noir-100);
		margin:0;
		text-align:center;
	}
	
	#annuaire-contenu-franchise-presentation{
		font-family:open_sanslight;
		font-size: 1.25rem;
        line-height: 1.875rem;
		color:var(--noir-100);
	}
	
	#annuaire-contenu-franchise-infos{
		width:1200px;
        margin:25px 0 50px 0;
        display:flex;
        justify-content: space-between;
	}
	
	#annuaire-contenu-franchise-infos-visuel{
        width:400px;
		height:auto;
    }
	
	#annuaire-contenu-franchise-infos-visuel img{
		width:400px;
		height:auto;
		border-radius: 10px;
		box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    }
	
	#annuaire-contenu-franchise-infos-texte{
		width:700px;
    }
	
	#annuaire-contenu-franchise-infos-texte span{
		display: flex;
        align-items: center;
		margin: 0 0 10px 0;
	}
	
	#annuaire-contenu-franchise-infos-texte span:before{
		color: var(--rouge-100);
        font-size: 1.5rem;
	}
	
	#annuaire-contenu-franchise-infos-texte h4{
		color: var(--rouge-100);
        font-family:open_sansregular;
        font-size:1.5rem;
        line-height:1.875rem;
        margin: 0 0 0 10px;
    }

	#annuaire-contenu-franchise-infos-texte p{
		font-family:open_sanslight;
        font-size: 1.25rem;
        line-height: 1.875rem;
        color: var(--noir-100);
		margin: 0 0 50px 35px
    }
	
	#home-franchises-bxslider{
		width:1200px;
		display:flex;
		margin:0 25px 10px 0;
	}	

	#home-apport-valeur,#home-secteurs-secteur{
        width:1200px;
        display:flex;
        justify-content:space-between;
        flex-wrap:wrap;
        gap:30px;
    }
	
	#home-secteurs-secteur figure{
        width:100%;
        height:auto;
        position:relative;
        margin:0;
        padding:0;
    }
	
	.home-franchises-franchise{
		width:380px;
		background:#fff;
        border-radius:10px;	
		box-shadow:0 10px 10px rgba(0, 0, 0, .25);
        border:solid 1px var(--noir-020);
		margin:0 25px 0 0;		
		box-sizing:content-box;
	}
	
	#guide-contenu-franchises .home-franchises-franchise,
	#annuaire-contenu-franchises .home-franchises-franchise{
		width:280px;
	}
	
	.home-franchises-franchise-visuel{
		border-radius:10px 10px 0 0;
		width:380px;
		height:380px;
		background:var(--gris-100);	
		position:relative;	
		overflow:hidden;
		display:flex;
        justify-content:center;
		box-sizing:content-box;
	}
	
	#guide-contenu-franchises .home-franchises-franchise-visuel,
	#annuaire-contenu-franchises .home-franchises-franchise-visuel{
		width:280px;
		height:280px;
	}	
	
	.home-franchises-franchise-visuel img{
		border-radius:10px 10px 0 0;
		width:auto;
		height:380px;
	}
	
	#guide-contenu-franchises .home-franchises-franchise-visuel img,
	#annuaire-contenu-franchises .home-franchises-franchise-visuel img{
		width:auto;
		height:280px;
	}
		
	.home-franchises-franchise-logo{
		width:120px;
        height:120px;
		border:solid 1px var(--noir-020);
        display:flex;
        align-items:center;
        justify-content:center;
        flex-direction:column;
		position:absolute;
		bottom:20px;
		right:20px;
		background:#fff;
		border-radius:10px;
		padding:5px;
        z-index:999;
	}
	
	#guide-contenu-franchises .home-franchises-franchise-logo,
	#annuaire-contenu-franchises .home-franchises-franchise-logo{
		width:100px;
        height:100px;
		bottom:10px;
		right:10px;
	}
	
	.home-franchises-franchise-logo img {
        height:auto;
        max-width:100%;
        object-fit:cover;
		border-radius:10px;
    }
	
	#annuaire-contenu-franchises .home-franchises-franchise-logo img{
		height:auto;
        max-width:90%;
        object-fit:cover;
		border-radius:10px;
    }
	
	.home-franchises-franchise-texte{
		padding:20px 15px 15px 15px;
	}
	
	#guide-contenu-franchises .home-franchises-franchise-texte,
	#annuaire-contenu-franchises .home-franchises-franchise-texte{
		padding:15px 10px;
	}
	
	#guide-contenu-franchises .home-franchises-franchise-texte h2,.home-franchises-franchise-texte h3,
	#annuaire-contenu-franchises .home-franchises-franchise-texte h2,.home-franchises-franchise-texte h3{
        height:50px;
		font-family:open_sanssemibold;
        font-size:1.5rem;
        line-height:1.5rem;
        margin:0 0 0.625rem 0;
        color:var(--noir-100);
        text-align:left;
    }
	
	#guide-contenu-franchises .home-franchises-franchise-texte h2,
	#annuaire-contenu-franchises .home-franchises-franchise-texte h2{
		font-size: 1.25rem;
        line-height: 1.625rem;
	}
	
	#guide-contenu-franchises .home-franchises-franchise-texte h2{
		height:105px;
	}
	
	.home-franchises-franchise-texte p{
        font-family:open_sanslight;
        font-size:1rem;
        line-height:1.625rem;
        color:var(--noir-100);
        text-align:left;
        margin:0 0 0.875rem 0;
		text-align:justify;
    }

	#guide-contenu-franchises .home-franchises-franchise-texte p,
	#annuaire-contenu-franchises .home-franchises-franchise-texte p{
		font-size:0.875rem;
		line-height:1.5rem;
		margin:0 0 0.75rem 0;
		height:145px;
	}
		
	.home-franchises-franchise-texte h4,
	.annuaire-franchises-texte h4{
        font-family:open_sanslight;
        font-size:1.125rem;
        line-height:1.125rem;
        margin:0 0 0.5rem 0;
        color:var(--noir-100);
        text-align:left;
        width:calc(100% - 100px);
    }
	
	#home-franchises-owlcarousel .home-franchises-franchise-texte h4{
		width:100%;
	}
		
	#annuaire-contenu-franchises .home-franchises-franchise-texte h4{
		font-size:1rem;
        line-height:1rem;
		width:100%;
	}
	
	
	.home-franchises-franchise-texte h4 strong,
	.annuaire-franchises-texte h4 strong{
        font-family:open_sanssemibold;
	}
	
	.documentation-compteur{
		border-radius:50%;
		width:25px;
		height:25px;
		padding:2.5px;
		background-color:var(--rouge-100);
		color:#fff;
		font-family:open_sansbold;
		font-size:1.25rem;
		line-height:1.25rem;
		display:inline-flex;
        justify-content:center;
        align-items:center;
		position:relative;
		top:5px;
		left:-10px;
	}
	
	.home-franchises-franchise-texte a,.home-franchises-franchise-reserve,.documentation-reserve,#administration-contenu a.bouton-nouveau,
	#annuaire-contenu a.bouton-franchise,#annuaire-contenu a.bouton-documentation,#annuaire-contenu a.bouton-photo,
	#actualites-contenu a.bouton-franchise,#actualites-contenu a.bouton-documentation,#actualites-contenu a.bouton-presse,
	#videos-contenu a.bouton-franchise,#videos-contenu a.bouton-documentation,
	#interviews-contenu a.bouton-franchise,#interviews-contenu a.bouton-documentation,
	#documentation-contenu a.bouton-documentation,#connexion-contenu a.bouton-administration,#connexion-contenu a.bouton-administration2,
	#connexion-contenu a#but_upload,
	#administration-contenu a#but_upload,#administration-contenu a#but_upload2,#administration-contenu a#but_upload3,#administration-contenu a#but_upload4,#administration-contenu a#but_upload5,
	#administration-contenu a.bouton-administration,#administration-contenu a.bouton-administration2{
        font-family:open_sanssemibold;
        font-size:1.125rem;
        line-height:1.5rem;
        text-decoration:none;
        padding:7.5px 12.5px;
        display:inline-flex;
        justify-content:center;
        align-items:center;
        border-radius:25px;
        margin:10px 0 0 0;
        background-color:var(--noir-100);
		color:#fff;
        border:2px solid var(--noir-100);
		text-align:center;
		cursor:pointer;
		width:auto;
	}
	
	#administration-contenu a.bouton-administration2{
		float:initial;
	}
	
	#administration-contenu a.bouton-nouveau{
		display:flex;
		margin:-1.25rem auto 1.75rem auto;
		background-color:var(--gris-100);
        border:2px solid var(--gris-100);
		text-align:center;
	}
	
	#administration-contenu a.bouton-nouveau:hover{
		opacity:0.8;
	}
	
	#annuaire-contenu a.bouton-photo span{
        margin: 0 7.5px 0 0;
		font-size: 1.75rem;
    }
	
	#administration-contenu a.bouton-administration span,
	#administration-contenu a.bouton-nouveau span{
		margin: 0 7.5px 0 0;
	}
	
	#actualites-contenu a.bouton-presse{
		background-color: var(--bleu-100);
		border:2px solid var(--bleu-100);
	}
	
	#documentation-contenu a.bouton-documentation{
		text-align:left;
		float:left;
		margin: 15px 0 0 0;
		width:460px;
	}
	
	#annuaire-contenu a.bouton-franchise,#annuaire-contenu a.bouton-documentation,
	#actualites-contenu a.bouton-franchise,#actualites-contenu a.bouton-documentation,#actualites-contenu a.bouton-presse,
	#videos-contenu a.bouton-franchise,#videos-contenu a.bouton-documentation,
	#interviews-contenu a.bouton-franchise,#interviews-contenu a.bouton-documentation,
	#documentation-contenu a.bouton-documentation,#annuaire-contenu a.bouton-photo{
		float:left;
		font-size:1.125rem;
        line-height:1.5rem;
		padding:7.5px 12.5px;
	}
	
	.home-franchises-franchise-texte:hover,
	#annuaire-contenu a.bouton-franchise:hover,#annuaire-contenu a.bouton-documentation:hover,
	#actualites-contenu a.bouton-franchise:hover,#actualites-contenu a.bouton-documentation:hover,#actualites-contenu a.bouton-presse:hover,
	#videos-contenu a.bouton-franchise:hover,#videos-contenu a.bouton-documentation:hover,
	#interviews-contenu a.bouton-franchise:hover,#interviews-contenu a.bouton-documentation:hover,
	#documentation-contenu a.bouton-documentation:hover,#annuaire-contenu a.bouton-photo:hover{
		opacity:0.8;
	}
	
	.home-franchises-franchise-reserve,.documentation-reserve{
		color:var(--rouge-100);
		background-color:#fff;
		border:2px solid var(--rouge-100);		
	}
	
	.home-franchises-franchise-texte a.home-franchises-franchise-documentation,
	.home-franchises-franchise-texte a.bouton-documentation,
	#annuaire-contenu a.bouton-documentation,#annuaire-contenu a.bouton-photo,
	#actualites-contenu a.bouton-documentation,
	#videos-contenu a.bouton-documentation,
	#interviews-contenu a.bouton-documentation,
	#documentation-contenu a.bouton-documentation{
		background-color:var(--rouge-100);
        border:2px solid var(--rouge-100);
		color:#fff;
	}
	
	#annuaire-contenu-franchises .home-franchises-franchise-texte .home-franchises-franchise-indisponible,
	.bouton-documentation-indisponible{
		padding:8.5px 15px;
		border-radius:45px;
		font-size: 1.125rem;
        line-height: 1.5rem;
		border: 2px solid var(--noir-090);
		display: inline-flex;
        justify-content: center;
        align-items: center;
		font-family: open_sanssemibold;
		margin: 15px auto 0 auto;
		text-align: center;
	}
	
	#interviews-contenu a.bouton-documentation span,#videos-contenu a.bouton-documentation span,#annuaire-contenu a.bouton-documentation span,
	.home-franchises-franchise-texte span,#actualites-contenu a.bouton-presse span{
        display:none;
    }
	
	.home-franchises-franchise-texte a.bouton-franchise:after,.home-franchises-franchise-texte a.bouton-documentation:after,
	#annuaire-contenu a.bouton-franchise:after,#annuaire-contenu a.bouton-documentation:after,
	#actualites-contenu a.bouton-franchise:after,#actualites-contenu a.bouton-documentation:after,
	#videos-contenu a.bouton-franchise:after,#videos-contenu a.bouton-documentation:after,
	#interviews-contenu a.bouton-franchise:after,#interviews-contenu a.bouton-documentation:after,
	#documentation-contenu a.bouton-documentation:after,
	#connexion-contenu a.bouton-administration:after,#actualites-contenu a.bouton-presse:after{
        font-family:csf !important;
        speak:never;
        font-style:normal;
        font-weight:normal;
        font-variant:normal;
        text-transform:none;
        -webkit-font-smoothing:antialiased;
        -moz-osx-font-smoothing:grayscale;
        content:"\e066";
        font-size:1.625rem;
        line-height:1.625rem;
        margin:0 0 0 0.5rem;
    }
	
	#actualites-contenu a.bouton-presse:after{
		content:"\e072";
	}
	
	#connexion-contenu a#but_upload,
	#administration-contenu a#but_upload,#administration-contenu a#but_upload2,#administration-contenu a#but_upload3,#administration-contenu a#but_upload4,#administration-contenu a#but_upload5{
		cursor: pointer;
	}
	
	#connexion-contenu a.bouton-administration2 span,	#connexion-contenu a#but_upload span,
	#administration-contenu a#but_upload span,#administration-contenu a#but_upload2 span,#administration-contenu a#but_upload3 span,#administration-contenu a#but_upload4 span,#administration-contenu a#but_upload5 span{
		margin: 0 7.5px 0 0;
	}
	
	#connexion-contenu a.bouton-administration2 span.icone-effacer:before,#connexion-contenu a#but_upload span.icone-photo:before,
	#administration-contenu a.bouton-administration2 span.icone-effacer:before,
	#administration-contenu a#but_upload span.icone-photo:before,#administration-contenu a#but_upload2 span.icone-photo:before,#administration-contenu a#but_upload3 span.icone-photo:before,
	#administration-contenu a#but_upload4 span.icone-photo:before,#administration-contenu a#but_upload5 span.icone-photo:before{
		font-size: 1.625rem;
		line-height: 1.625rem;
        margin: 0 7.5px 0 0;
	}
	
	#connexion-contenu a.bouton-administration2:hover,#administration-contenu a.bouton-administration2:hover{
		background-color: var(--rouge-100);
		border: 2px solid var(--rouge-100);
	}
	
	#connexion-contenu a.bouton-administration{
		margin:0 auto;
		float:initial;
	}
	
	#annuaire-contenu .home-franchises-franchise-texte a.home-franchises-franchise-documentation:after,
	.home-franchises-franchise-texte a.bouton-documentation:after,
	#annuaire-contenu a.bouton-documentation:after,#actualites-contenu a.bouton-documentation:after,#videos-contenu a.bouton-documentation:after,#interviews-contenu a.bouton-documentation:after{
	    content: "\e089";
		margin:0 0 0 0.5rem;
		font-size:1.25rem;
        line-height:1.5rem; 
	}
	
	.home-apport-valeur{
        flex:1 1 calc(25% - 30px);
        background:#fff;
        border-radius:10px;
        text-align:center;
        padding:15px;
        box-shadow:0 10px 10px rgba(0, 0, 0, .25);
		transform:scale(1);
		transition:transform cubic-bezier(.4,0,.2,1) .3s;
		border: solid 1px var(--noir-020);
    }
	
	.home-secteurs-secteur{
		flex:1 1 calc(33.3333333% - 30px);
        border-radius:10px;
        text-align:center;
        padding:0;
        box-shadow:0 10px 10px rgba(0, 0, 0, .25);
		transform:scale(1);
		transition:transform cubic-bezier(.4,0,.2,1) .3s;
		border: solid 1px var(--noir-020);
    }
		
	.home-secteurs-secteur img{
		width:100%;
		height:auto;
		padding:0;
	}
	
	#home-apport-contenu h3,#home-secteurs-secteur h3{
		font-family:open_sanssemibold;
        font-size:1.25rem;
        line-height:1.25rem;
        margin:0 0 0.75rem 0;
		color:var(--noir-100);
		text-align:left;
    }
	
	#home-secteurs-secteur h3{
		font-size:1.375rem;
        line-height:1.875rem;
        margin:0 0 0.375rem 0;
		color:#fff;
		text-shadow:1px 2px 2px  #000000;
	}
	
	#home-apport-contenu p,#home-secteurs-secteur p{
		font-family:open_sansregular;
        font-size:1.125rem;
		line-height:1.125rem;
		color:var(--noir-100);
		text-align:left;
		margin:0;
	}
	
	#home-secteurs-secteur p{
		font-size:1.25rem;
        line-height:1.25rem;
		color:#fff;
		text-shadow:1px 2px 2px  #000000;
	}
	
	.home-apport-valeur:hover,.home-secteurs-secteur:hover{
		transform:scale(1.1);
		transition:transform cubic-bezier(.4,0,.2,1) .3s;
	}
	
	.home-apport-valeur:hover{
		transform:scale(1.1);
		transition:transform cubic-bezier(.4,0,.2,1) .3s;
		background-color:var(--noir-010);
	}
	
	#home-secteurs-secteur figure{
		padding:0;
		margin:0;
		display:flex;
		flex-flow:column;
		position:relative;
		overflow:hidden;
		border-radius:10px;
	}
	
	#home-secteurs-secteur figure:before {
        content:"";
        position:absolute;
        top:0;
        right:0;
        bottom:0;
        left:0;
        background:linear-gradient(180deg, rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.75) 90%);
    }
	
	.home-secteurs-secteur:hover figure:before{
		background:transparent;
	}
	
	#home-secteurs-secteur figcaption{
		position:absolute;
		bottom:0;
		padding:15px;
	}
		
	#home-actualites-franchises,#home-videos-franchises,#home-interviews-franchises,
	#annuaire-franchises,#actualites-franchises,#videos-franchises,#interviews-franchises{
		width:1200px;
		display:flex;
        justify-content:space-between;
        flex-wrap:wrap;
        gap:30px;
    }
	
	.home-actualites-franchises,.home-videos-franchises,.home-interviews-franchises,
	.annuaire-franchises,.actualites-franchises,.videos-franchises,.interviews-franchises{
        position:relative;
		flex-direction:column;
		flex:1 1 calc(50% - 30px);
        background:#fff;
        border-radius:10px;
        text-align:left;
        padding:0.75em;
        box-shadow:0 10px 10px rgba(0, 0, 0, .25);
		border:solid 1px var(--noir-020);
		transform:scale(1);
		transition:transform cubic-bezier(.4,0,.2,1) .3s;
    }
	
	.home-actualites-franchises-logo,.home-videos-franchises-logo,.home-interviews-franchises-logo,
	.annuaire-franchises-logo,.actualites-franchises-logo,.videos-franchises-logo,.interviews-franchises-logo{
		position:absolute;
		right:0.75rem;
		width:80px;
		height:80px;
		overflow:hidden;
		border:solid 1px var(--noir-020);
		display:flex;
		align-items:center;
		justify-content:center;
		flex-direction:column;
		float:right;
		margin:0 0 10px 5px;
		padding:2.5px;
		border-radius:5px;
		z-index:9999;
	}
	
	.home-actualites-franchises-logo img,.home-videos-franchises-logo img,.home-interviews-franchises-logo img,
	.annuaire-franchises-logo img,.actualites-franchises-logo img,.videos-franchises-logo img,.interviews-franchises-logo img{
		height:auto;
        max-width:100%;
        object-fit:cover;
	}
		
	.home-actualites-franchises h3,.home-videos-franchises h3,.home-interviews-franchises h3,#interviews-franchises .interviews-franchises h2,
	.annuaire-franchises h2,.actualites-franchises h2,.videos-franchises h2,.interviews-franchises h2,#videos-franchises .videos-franchises h2,#actualites-franchises .actualites-franchises h2,
	#annuaire-contenu .interviews-franchises h4,#annuaire-contenu .actualites-franchises h4,#annuaire-contenu .videos-franchises h4{
		font-family:open_sanssemibold;
        font-size:1.125rem;
        line-height:1.125rem;
        margin:0 0 0.5rem 0;
        color:var(--bleu-100);
        text-align:left;	
		width:calc(100% - 80px);
	}
	
	.annuaire-franchises h2{
		color:var(--rouge-100);
	}
	
	.home-videos-franchises h3,.videos-franchises h2,#annuaire-contenu .videos-franchises h4,#videos-franchises .videos-franchises h2{
		color:var(--vert-100);
	}
	
	.home-interviews-franchises h3,.interviews-franchises h2,#annuaire-contenu .interviews-franchises h4,#interviews-franchises .interviews-franchises h2{
		color:var(--orange-100);
	}
	
	.home-actualites-franchises h4,.home-videos-franchises h4,.home-interviews-franchises h4,
	.annuaire-franchises h3,.actualites-franchises h3,.videos-franchises h3,.interviews-franchises h3,#interviews-franchises .interviews-franchises h3,
	#annuaire-contenu .interviews-franchises h5,#annuaire-contenu .actualites-franchises h5,#annuaire-contenu .videos-franchises h5{
		font-family:open_sansbold;
        font-size:1.25rem;
        line-height:1.5rem;
        margin:0 0 0.125rem 0;
        color:var(--noir-100);
        text-align:left;	
		width:calc(100% - 80px);
		height:48px;
	}
	
	.home-actualites-franchises time,.home-videos-franchises time,.home-interviews-franchises time,
	.actualites-franchises time,.videos-franchises time,.interviews-franchises time,
	#actualites-contenu-actualite time,
	#annuaire-contenu-franchise time,
	#videos-contenu-actualite time,
	#interviews-contenu-actualite time{
		font-family:open_sanssemibold;
		font-size:1rem;
        line-height:1.5rem;
        color:var(--noir-100);
		margin:0 0 0.5rem 0;
		display: block;
	}
	
	#actualites-contenu-actualite time,
	#annuaire-contenu-franchise time,
	#videos-contenu-actualite time,
	#interviews-contenu-actualite time{
		font-size:1.25rem;
        line-height:1.75rem;
		margin:0 0 0.625rem 0;
		display: block;		
	}
	
	.home-videos-franchises img,.videos-franchises img.videos-profil{
		width:auto;
		height:200px;
		margin:0 auto;
        display:block;
	}
	
	.home-actualites-franchises p,.home-interviews-franchises p,
	.annuaire-franchises p,.actualites-franchises p,.interviews-franchises p,.videos-franchises p{
        font-family:open_sanslight;
        font-size:1rem;
        line-height:1.625rem;
        color:var(--noir-100);
        text-align:left;
        margin:0 0 0.125rem 0;
    }
	
	.annuaire-franchises-texte p{
        margin:0 0 0.875rem 0;
		text-align:justify;
		width: calc(100% - 90px);
    }
	
	.content-experts-visuel {
		display: block;
		width: 400px;
		border: 0;
		overflow: hidden;
		margin: 10px auto 10px auto;
	}

	.home-actualites-franchises a,.home-videos-franchises a,.home-interviews-franchises a,
	.annuaire-franchises a,.actualites-franchises a,.videos-franchises a,.interviews-franchises a{
		font-family:open_sanssemibold;
        font-size:1.125rem;
        line-height:1.125rem;
        text-decoration:none;
        padding:7.5px 15px;
        text-align:center;
        display:inline-flex;
        justify-content:center;
        align-items:center;
        border-radius:25px;
        margin:15px 0 0 0;
		text-align:right;
		color:#fff;
        background-color:var(--bleu-100);
        border:2px solid var(--bleu-100);	
		float:right;
		width:200px;
	}
	
	.annuaire-franchises a{
		background-color:var(--rouge-100);
        border:2px solid var(--rouge-100);	
		width:auto;
	}
	
	.videos-franchises a{
		background-color:var(--vert-100);
        border:2px solid var(--vert-100);	
	}
	
	.interviews-franchises a{
		background-color:var(--orange-100);
        border:2px solid var(--orange-100);	
	}
	
	.home-franchises-franchise-texte a:hover,.home-actualites-franchises a:hover,.home-videos-franchises a:hover,.home-interviews-franchises a:hover,#home-faq-contenu a:hover,
	.annuaire-franchises a:hover,.actualites-franchises a:hover,.videos-franchises a:hover,.interviews-franchises a:hover{
		opacity:0.8;
	}
	
	.home-videos-franchises a{
		background-color:var(--vert-100);
        border:2px solid var(--vert-100);	
	}
	
	.home-interviews-franchises a{
		background-color:var(--orange-100);
        border:2px solid var(--orange-100);	
	}
	
	.home-actualites-franchises span,.home-videos-franchises span,.home-interviews-franchises span,
	.annuaire-franchises span,.actualites-franchises span,.videos-franchises span,.interviews-franchises span{
		display:none;
	}
	
	.home-actualites-franchises a:after,.home-videos-franchises a:after,.home-interviews-franchises a:after,
	.home-actualites-franchises a:after,#home-faq-contenu a:after,
	.annuaire-franchises a:after,.actualites-franchises a:after,.videos-franchises a:after,.interviews-franchises a:after{
		font-family:csf !important;
		speak:never;
		font-style:normal;
		font-weight:normal;
		font-variant:normal;
		text-transform:none;
		-webkit-font-smoothing:antialiased;
		-moz-osx-font-smoothing:grayscale;
		content:"\e066";
		font-size:1.5rem;
        line-height:1.5rem;
		margin:0 0 0 0.5rem;
	}
	
	
	/** ANNUAIRE **/
	#annuaire-franchises-secteurs-navigation-secteurs,#annuaire-franchises-secteurs-navigation-ssecteurs,
	#annuaire-franchises-secteurs-navigation,#annuaire-franchises-ssecteurs-navigation{
		display: flex;
        flex-direction: column;
        margin:35px 0 0 0;
		padding: 10px 0;
	}
	
	#annuaire-franchises-secteurs-navigation{
		padding:10px 0 0 0;
	}

	#annuaire-franchises-ssecteurs-navigation{
		margin:0;
		padding:0;
	}
	
	#annuaire-franchises-secteurs-navigation-secteurs{
		margin:35px 0 0 0;
		padding:10px 0 0 0;
	}
	
	#annuaire-franchises-secteurs-navigation-ssecteurs{
		margin:35px 0 0 0;
		padding:10px 0 0 0;
	}
	
	#annuaire-franchises-secteurs-navigation-secteurs ul,#annuaire-franchises-secteurs-navigation-ssecteurs ul{
		display:block;
		margin:0 auto;
	}
	
	#annuaire-contenu-franchise #annuaire-franchises-secteurs-navigation-secteurs ul{
		margin:0 auto 25px auto;
	}
	
	#annuaire-contenu-franchise #annuaire-franchises-secteurs-navigation-secteurs{
		margin:0;
		padding:0;
	}
	
	#connexion-contenu #annuaire-franchises-secteurs-navigation-secteurs,#administration-contenu #annuaire-franchises-secteurs-navigation-secteurs{
		margin:0 0 35px 0;
		align-items: center;
	}
	
	#annuaire-franchises-secteurs-navigation-secteurs li,#annuaire-franchises-secteurs-navigation-ssecteurs li{
		display:block;
		float:left;
		margin: 0 10px 10px 0;
	}
	
	#annuaire-franchises-secteurs-navigation-secteurs a,#annuaire-franchises-secteurs-navigation-ssecteurs a,#annuaire-franchises-secteurs-navigation a,#annuaire-franchises-ssecteurs-navigation a{
		display:block;
		font-family:open_sanssemibold;
		padding:7.5px 12.5px;
		border: solid 1px var(--noir-100);
		color:var(--noir-100);
		border-radius:40px;
		font-size:1.25rem;
        line-height:1.25rem;
		margin:0;
	}
	
	#annuaire-franchises-secteurs-navigation-ssecteurs a{
		border: solid 1px var(--gris-100);
		color:var(--gris-100);
		font-family:open_sansregular;
	}
	
	#annuaire-franchises-ssecteurs-navigation a{
		font-family:open_sansregular;
	}
	
	#annuaire-franchises-secteurs-navigation-secteurs a:hover,#annuaire-franchises-secteurs-navigation-secteurs a.current,
	#annuaire-franchises-secteurs-navigation-ssecteurs a:hover,#annuaire-franchises-secteurs-navigation-ssecteurs a.current,
	#annuaire-franchises-secteurs-navigation a:hover,#annuaire-franchises-secteurs-navigation a.current{
		background:var(--noir-100);
		color:#fff;		
	}
	
	#annuaire-franchises-secteurs-navigation-ssecteurs a:hover,#annuaire-franchises-secteurs-navigation-ssecteurs a.current,
	#annuaire-franchises-ssecteurs-navigation a:hover,#annuaire-franchises-ssecteurs-navigation a.current{
		background:var(--gris-100);
		color:#fff;		
	}
	
	.swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
	  padding: 5px;
	  flex: 0 0 auto;
		width: auto; 
		box-sizing: border-box;
    }


    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
	
	
	/** POPUP **/
	.popup {
		opacity: 0;
		pointer-events: none;
		transition: 0.4s;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 999999;
		background-color: rgba(0, 0, 0, 0.7);
		display: flex;
		justify-content: center;
		align-items: center;
		padding:10px;
	}

	.popup-inner {
		background-color:#fff;
		padding:15px 10px;
		border-radius:10px;
		box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
		margin:0 0 10px 0;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction:column;
	}
	
	.popup-inner img{
		width:auto;
		max-height:600px;
		height:100%;
	}
	
	#annuaire-contenu #connexion-contenu-phototheque .popup-inner h3 {
		margin:0 0 20px 0;
	}

	.popup-inner p {

	}

	.popup:target {
		opacity: 1;
		pointer-events: all;
	}
	
	
	/** ACTUALITES-VIDEOS **/
	#actualites-franchises-autres,#videos-franchises-autres,#interviews-franchises-autres{
		margin:100px 0 0 0;
	}
	
	#actualites-contenu-actualite-content,#videos-contenu-actualite-content,#interviews-contenu-interviews-content{
		margin:50px 0;
		font-family:open_sanslight;
		font-size:1.25rem;
		line-height:1.75rem;
		text-align:justify;
	}
	
	#interviews-contenu-interviews-content{
		margin:0 0 50px 0;
	}
	
	#actualites-contenu-actualite-content p,#videos-contenu-actualite-content p,#interviews-contenu-interviews-content p{	
		margin:0 0 1.25rem 0;
	}
	
	
	#actualites-contenu-actualite-content ul,#videos-contenu-actualite-content ul,#interviews-contenu-interviews-content ul{
		margin:0;
	}
	
	
	#interviews-contenu-interviews-visuel,#annuaire-franchise-visuel{
		margin:50px auto 0 auto;
		text-align:center;
	}
	
	#page-contenu-visuel{
		margin:50px auto;
		text-align:center;
	}
	
	#annuaire-franchise-visuel{
		margin:50px auto;
	}
	
	#interviews-contenu-interviews-visuel img,#actualites-franchise-visuel-logo img,#annuaire-franchise-visuel-logo img,#page-contenu img,#page-contenu-visuel img,#interviews-contenu-interviews-visuel img,#annuaire-franchise-visuel img,#actualites-contenu-actualite-content img{
		border-radius: 10px;
		box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
	}
	
	#interviews-contenu-interviews-visuel,#actualites-franchise-visuel-logo,#annuaire-franchise-visuel-logo{
		position: relative;
		display: flex;
		justify-content: center;
		margin:50px auto;	
	}
	
	#annuaire-franchise-visuel-logo img,#interviews-contenu-interviews-visuel img,#actualites-franchise-visuel-logo img{
		max-width:960px;
		height:640px;
		box-sizing: content-box;
		box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
		border: solid 1px var(--noir-020);
	}
	
	#interviews-contenu-interviews-visuel .interviews-franchise-visuel-logo, 
	#annuaire-franchise-visuel-logo .annuaire-franchise-visuel-logo,
	#actualites-franchise-visuel-logo .actualites-franchise-visuel-logo{
		width:250px;
		height:250px;
		border: solid 1px var(--noir-020);
		position:absolute;
		border-radius:10px;
		padding:10px;
		z-index: 999;
		display:flex;
		align-items:center;
		justify-content:center;
		flex-direction:column;
		bottom:25px;
		right:145px;
		background: #fff;
		box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
	}
	
	#interviews-contenu-interviews-visuel .interviews-franchise-visuel-logo,
	#actualites-franchise-visuel-logo .actualites-franchise-visuel-logo{
		right:255px;
	}
		
	
	#interviews-contenu-interviews-visuel .interviews-franchise-visuel-logo img,
	#annuaire-franchise-visuel-logo .annuaire-franchise-visuel-logo img,
	#actualites-franchise-visuel-logo .actualites-franchise-visuel-logo img{
		width: auto;
		height: auto;
		max-width: 100%;
		object-fit: cover;
		border-radius: 10px;
		box-shadow:none;
		border:0;
	}
		
	#interviews-contenu-interviews-visuel .interviews-franchise-visuel-logo,
	#actualites-franchise-visuel-logo .actualites-franchise-visuel-logo{
		width:150px;
		height:150px;
	}
	
	#interviews-contenu-interviews-content span.interviews-contenu-interviews-content-interviewe{
		text-align:center;
		display: block;
		font-family: open_sanssemibold;
		font-size: 1.5rem;
		line-height: 1.875rem;
		color: var(--orange-100);
	}

	#videos-contenu-actualite-content2 iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height:0;
		padding-bottom: 56.25%;
		padding-top: 25px;
	}	
	
	.youtube{
		width:100%;
		position:relative;
		padding-bottom:56.25%; /* 16:9 */
		padding-top:25px;
		height:0;
	}
	
	.youtube iframe{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		border-radius:10px;
		box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
		border: solid 1px var(--noir-020);
	}
	
	/** DOCUMENTATION **/
	#documentation-contenu-franchises{
		margin: 50px auto 50px auto;
		text-align: center;
		padding:20px;
		border-radius:10px;
		background-color:var(--noir-020);
		width:100%;
	}
	
	#documentation-contenu-franchises h3{
		font-family: open_sanssemibold;
        font-size: 1.5rem;
        line-height: 1.875rem;
        text-align: center;
        margin:0 0 0.75rem 0;
        color: var(--noir-100);	
	}
	
	/** FORMULAIRE **/
	#documentation-contenu form,#connexion-contenu form,#administration-contenu form{
		margin:0 auto;
		width:900px;
		text-align:left;
	}
	
	#connexion-contenu form{
		margin:2.5rem auto 0 auto;
		width:950px;
	}
	
	#recherche-contenu form,#administration-contenu form{
		width:1200px;
	}
	
	#recherche-contenu form p,#documentation-contenu form p,#connexion-contenu form p,#administration-contenu form p{
		font-family: open_sanslight;
		font-size: 1rem;
		line-height:1.125rem;
		margin:2.5rem 0 0 0;	
	}
	
	#recherche-contenu form button,#documentation-contenu form button,#connexion-contenu form button,#administration-contenu form button{
		min-width:200px;
		font-family: open_sanssemibold;
		font-size: 1.125rem;
		line-height: 1.5rem;
		text-decoration:none;
		padding:7.5px 12.5px;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		border-radius: 25px;
		margin: 15px auto 0 auto;
		color: #fff;
		background-color: var(--rouge-100);
		border: 2px solid var(--rouge-100);
		text-align:center;
		float: right;
		cursor:pointer;
	}

	
	
	#recherche-contenu form button span,#connexion-contenu form button span,#administration-contenu form button span{
		color: #fff;
	}
	
	#recherche-contenu form button:hover,#documentation-contenu form button:hover,#connexion-contenu form button:hover,#administration-contenu form button:hover{
		opacity:0.8;
	}
	
	#recherche-contenu form button span,#documentation-contenu form button span,#connexion-contenu form button span,#administration-contenu form button span{
        margin: 0 7.5px 0 0;
    }
	
	.documentation-contenu-franchises-listing a span{
		margin: 0 5px 0 0;
	}
	
	#documentation-contenu-franchises-listing{
		display:flex;
		overflow-x:scroll;
		-webkit-overflow-scrolling: touch;
	}
	
	#documentation-contenu-franchises-listing::-webkit-scrollbar {
		width: 10px
	}
	
	#documentation-contenu-franchises-listing::-webkit-scrollbar-track {
		border-radius: 10px;
		background: #fff
	}
	
	#documentation-contenu-franchises-listing::-webkit-scrollbar-thumb {
		background: var(--noir-100);
		border-radius: 10px
	}

	#documentation-contenu-franchises-listing::-webkit-scrollbar-thumb:hover {
		background:var(--rouge-100);
	}
		
	.documentation-contenu-franchises-listing{
		border: solid 1px var(--noir-020);
		display:flex;
		align-items:center;
		justify-content:center;
		flex-direction:column;
		background: #fff;
		border-radius: 10px;
		padding: 5px 5px 10px 5px;
		width:160px;
		margin:0 7.5px 10px 0;
	}

	.documentation-contenu-franchises-listing-logo{
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		box-sizing: content-box;
		width:140px;
		height:140px;
		padding: 5px;		
	}
	
	.documentation-contenu-franchises-listing-logo img {
		height: auto;
		max-width:100%;
		object-fit: cover;
		border-radius:5px;
	}
	
	.documentation-contenu-franchises-listing  h4{
		font-family: open_sanssemibold;
		font-size: 1.25rem;
		line-height: 1.625rem;
		height:50px;
		margin: 0 0 5px 0;
		color: var(--rouge-100);
		text-align: center;
	}
	
	.documentation-contenu-franchises-listing  a{
		font-family: open_sanssemibold;
		font-size:1rem;
		line-height:1rem;
		text-decoration: none;
		padding:7.5px 10px;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		border-radius: 25px;
		margin:0 auto 0 auto;
		color: #fff;
		background-color: var(--rouge-100);
		text-align: center;
	}
	
	fieldset{
		border:0;
		margin:0 0 4rem 0;
		padding:0;
	}

	.checkbox input[type=checkbox],.radio input[type=radio]{
		position:absolute;
		left:-9999px;
	}
	
	.checkbox input[type=checkbox]:not(:checked) {
		color:red;
	}
	
	.checkbox input:required:invalid + i:after{
		color: red;
	}
	
	input[type="checkbox"]:required:invalid + label{
	color: red;
	 }
		
	#recherche legend,#documentation legend,#connexion legend,#administration legend{
		color:var(--rouge-100);
		font-family: open_sanssemibold;
		font-size:1.5rem;
		line-height:1.875rem;
		padding: 0 0 1rem 0;
		
	}
	
	.radio input:checked + i:after{
		content:"\e070";
		font-style:normal;
		font-family:csf;
		font-weight:normal;
		font-variant:normal;
		font-size:22px;
		-webkit-font-smoothing:antialiased;
		-moz-osx-font-smoothing:grayscale;
		text-align:center;
		color:var(--noir-100);
	}

	.radio input + i:after{
		margin:0 5px 0 0;
		content:"\e06f";
		font-style:normal;
		font-family:csf;
		font-weight:normal;
		font-variant:normal;
		font-size:22px;
		-webkit-font-smoothing:antialiased;
		-moz-osx-font-smoothing:grayscale;
		text-align:center;
		color:var(--noir-100);
	}
	
	.checkbox input:checked + i:after{
		content:"\e06d";
		font-style:normal;
		font-family:csf;
		font-weight:normal;
		font-variant:normal;
		font-size:22px;
		-webkit-font-smoothing:antialiased;
		-moz-osx-font-smoothing:grayscale;
		text-align:center;
		color:var(--noir-100);
	}
	
	.checkbox input + i:after{
		margin:0 5px 0 0;
		content:"\e06e";
		font-style:normal;
		font-family:csf;
		font-weight:normal;
		font-variant:normal;
		font-size:22px;
		-webkit-font-smoothing:antialiased;
		-moz-osx-font-smoothing:grayscale;
		text-align:center;
		color:var(--noir-100);
	}
	
	.input-container{
		margin:0 0 35px 0;
		padding:0;
		display:flex;
		justify-content:flex-start;
		align-items: flex-start;
	}
	
	.input-container.nouveau{
		margin:50px 0 35px 0;
	}
	
	
	.input-container label{
		font-family:open_sanssemibold;
		font-size:1.25rem;
		line-height:1.25rem;
		margin:0 10px 0 0;
		padding:12.5px 0 0 0;
		text-align:left;
		width:250px;
		color:var(--noir-100);
	}
	
	#connexion-contenu label{
		width:300px;
	}
	
	#administration-contenu label{
		width:400px;
	}
	
	#administration-contenu label span{
		margin:0 10px 0 0;
	}
	
	.administration-franchises-logo{
		width:120px;
		height:120px;
		overflow: hidden;
		border: solid 1px var(--noir-020);
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		margin:5px auto;
		padding: 2.5px;
		border-radius: 5px;
		background:#fff;
	}
	
	.administration-franchises-logo img{
		height:auto;
		max-width:100%;
		object-fit:cover;
	}
	
	#connexion-navigation{
		margin:50px auto;
	}
	
	#connexion-navigation ul {
        width:1200px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap:60px;
    }
	
	#connexion-navigation ul li{
		flex: 1 1 calc(50% - 60px);
        background: #fff;
        border-radius: 15px;
        text-align: center;
        padding: 2em;
        box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
		background-color: var(--noir-010);
		transform:scale(1);
		transition: transform cubic-bezier(.4,0,.2,1) .3s;
	}
	
	#connexion-navigation ul li:hover {
		transform: scale(1.1);
		transition: transform cubic-bezier(.4,0,.2,1) .3s;
	}
	
	#connexion-navigation ul li h3 span{
        display: block;
        margin: 0 auto;
        margin: 0 0 1rem 0;
		color: var(--noir-100);
    }
	
	#connexion-navigation ul li h3 span:before{
        font-size: 2.5rem;
    }
	
	#connexion-navigation ul li h3 {
        font-family:open_sanssemibold;
        font-size:1.75rem;
        line-height:1.75rem;
        color: var(--noir-100);
        margin: 0 0 15px 0;
    }
	
	#connexion-navigation ul li p {
        font-family:open_sanslight;
        font-size:1.375rem;
        line-height:1.75rem;
        color: var(--noir-100);
        text-align:center;
        margin: 0;
    }
	
	.input-container label.checkbox,.input-container label.radio{
		display: flex;
		align-items: center;
		padding:0;
		margin:0 0 5px 0;
		font-family:open_sanslight;
		font-size:1.125rem;
		line-height:1.5rem;
		color:var(--noir-100);
		width:auto;
		cursor:pointer;
	}
	
	.input-compteur span{
		font-family:open_sanslight;
		margin:0.375rem 0 0 0.375rem;
		display:block;
		font-size:0.875rem;
		color:#7ab832;
	}
	
	.input-compteur span.compteur-depassement{
		color:#e2051a;
	}
	
	.input-group{
		display:flex;
		align-items:center;
		padding:10px 15px;
		border-radius: 30px;
		border: 2px solid var(--noir-100);
		margin:0;
		font-family:open_sanslight;	
	}

	.input-group2{
		display:flex;
		align-items:center;
		padding:10px;
		border-radius:20px;
		border: 2px solid var(--noir-100);
		margin:0;		
	}
	
	.input-group-redactor{
		width:780px;
		overflow:auto;
		height:450px;
		padding:10px;
		border-radius:20px;
		border: 2px solid var(--noir-100);
	}
	
	.input-group input#candidat_nom,.input-group input#candidat_prenom,.input-group input#candidat_telephone,.input-group input#franchise_apport_perso{
		width:200px;
	}
	
	.input-group input#candidat_email,.input-group input#candidat_adresse,.input-group input#candidat_ville,.input-group input#franchise_contact_ville{
		width:500px;
	}
	
	.input-group input#franchise_titre,.input-group input#franchise_slogan{
		width:580px;
	}
	
	.input-group input#candidat_codepostal,.input-group input#franchise_annee_creation,.input-group input#franchise_implantations,.input-group input#franchise_surface_moyenne,.input-group input#franchise_duree_contrat{
		width:100px;
	}
	
	.input-group:hover{
		border: 2px solid var(--rouge-100);
		background-color:var(--noir-010);
	}
	
	.input-group span{
		margin:0 10px 0 0;
	}
	
	.input-group span.icone-eye,.input-group span.icone-noneye{
		cursor:pointer;
		margin:0;
	}
	
	.input-group span:before{
		font-size:1.25rem;
		line-height:1.25rem;
		color:#000000;
	}
	
	.input-group input{
		padding:0;
		flex-basis:100%;
		border:0;
		outline:none;
		display: inline;
		font-family:open_sanslight;
		font-size:1.125rem;
		line-height:1.5rem;
		color:var(--noir-100);
		background:transparent;
	}
	
	.input-group select{
		border:0;
		outline:none;
		display: inline;
		font-family:open_sanslight;
		font-size:1.125rem;
		line-height:1.5rem;
		color:var(--noir-100);
		background:transparent;
	}
	
	.input-group2 textarea,.input-group-redactor textarea{
		width:550px;
		height:100px;
		resize:none;
		font-family:open_sanslight;
		font-size:1.125rem;
		line-height:1.5rem;
		border:0;
	}
	
	#connexion-contenu form .input-container section.espace,#administration-contenu form .input-container section.espace{
		color:var(--noir-100);
		font-family:open_sanslight;
		font-size:1.125rem;
		line-height:1.5rem;
	}
	
	.input-image-bouton{
		display:flex;
		flex-direction:column;
		justify-content:flex-start;
	}
	
	#administration-contenu .input-image-bouton a.bouton-administration2{
		margin:15px 0 0 0;
		float:initial;
		width:200px;
	}
	
	.input-group2 textarea:focus,.input-group-redactor textarea:focus{
		outline:none;
		border:0;
	}
	
	label.radio span.icone-email,label.radio span.icone-adresse,label.radio span.icone-telephone{
		margin:0 10px 0 0;
	}
	
	span.cv{
		color:var(--noir-100);
		font-family:open_sanslight;
		font-size:1.125rem;
		line-height:1.5rem;
		display: flex;
		align-items: center;
		padding: 10px 15px;
	}
	
	#recherche-contenu #annuaire-franchises-secteurs-navigation-secteurs{
		margin:15px 0 0 0;
	}
	
	.input-container img{
		width:775px;
		height:auto;
		border-radius: 10px;
		box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
	}
	
	/** ADMINISTRATION - CONNEXION **/
	table{
		border-collapse: collapse;
		margin:20px 0 60px 0;
		width: 100%;
	}
	
	table.administration-tableau thead tr{
		font-family:open_sanssemibold;
		font-size:1.5rem;
		line-height:1.5rem;
		color: #fff;
		background:var(--gris-100);
	}
	
	table.administration-tableau thead th{
		background:var(--gris-100);
		font-family:open_sanssemibold;
		font-size:1.375rem;
		line-height:1.75rem;
		color: #fff;	
		padding: 20px 15px;
		font-weight: normal;
		text-align: left;
		border-right: 1px solid #fff;
	}
	
	table.administration-tableau thead tr th:first-child{
		border-radius: 20px 0 0 0;
		border-bottom: 0;
	}
	
	table.administration-tableau thead tr th:last-child{
		border-radius:0 20px  0 0;
		border-bottom: 0;
	}
	
	table.administration-tableau tbody tr{
		font-family:open_sanslight;
		font-size:1.25rem;
		line-height:1.625rem;
	}
	
	table.administration-tableau tbody tr:nth-child(2n) {
		background:var(--gris-030);
	}
	
	table.administration-tableau tbody td {
		padding: 20px 15px;
		border-right: 1px solid #fff;
		font-size:1.125rem;
		line-height:1.625rem;
		color:var(--noir-100);
	}
	
	table.administration-tableau tbody td span.administration-site{
		font-family:open_sanssemibold;
		font-size:1.25rem;
		line-height:1.625rem;
		color:var(--noir-100);
	}
	
	
	 table.administration-tableau tbody td.centre{
		text-align: center;
	}
	
	.administration-icone-lu,.administration-icone-nonlu,.administration-icone-home,.administration-icone-publicite{
		border-radius:50%;
		width:50px;
		height:50px;
		background:var(--rouge-100);
		color:#fff;
		display:block;
		margin:0 auto;
	}
	
	.administration-icone-lu{
		background:var(--gris-100);
	}
	
	.administration-icone-home,.administration-icone-publicite{
		background:var(--vert-100);
	}
	
	.administration-icone-lu:before,.administration-icone-nonlu:before,
	.administration-icone-home:before,.administration-icone-publicite:before{
		font-family:csf;
		content:"\e03c";
		color: #fff;
		font-size:35px;
		text-align: center;
		font-weight: normal;
		font-variant: normal;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		display:flex;
		align-items:center;
		justify-content:center;
		height:50px;
	}
	
	.administration-icone-nonlu:before{
		content: "\e03b";
	}
	
	.administration-icone-home:before{
		content: "\e01b";
	}
	
	.administration-icone-publicite:before{
		content: "\e092";
	}
	
	#connexion-contenu-phototheque,#administration-contenu-phototheque{
		width:1200px;
		display: grid;
		align-content: center;
		justify-content: center;
		grid-template-columns: 1fr 1fr 1fr;
		align-items: center;
		justify-items: center;
		gap:40px;
		margin:0 0 50px 0;
	}
	
	#connexion-contenu-phototheque figure,#administration-contenu-phototheque figure{
		margin:0;
	}
	
	#connexion-contenu-phototheque figure img,#administration-contenu-phototheque figure img{
		max-width:100%;
        height:auto;
		padding: 0;
		border-radius:5px;
		margin:0;
		box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
		border: solid 1px var(--noir-020);
	}
	
	/** Responsive Tabbed Navigation **/
	.cd-tabs{
		position:relative;
		width:auto;
		margin:50px auto 0 auto;
	}

	.cd-tabs:after{
		content:"";
		display:table;
		clear:both;
	}

	.cd-tabs::after{
		/* subtle gradient layer on top right - to indicate it's possible to scroll */
		position:absolute;
		top:0;
		right:0;
		height:60px;
		width:50px;
		z-index:1;
		pointer-events:none;
		visibility:visible;
		opacity:1;
		transition:opacity .3s 0s, visibility 0s 0s;
	}

	.no-cssgradients .cd-tabs::after{
		display:none;
	}
	
	.cd-tabs.is-ended::after{
		/* class added in jQuery - remove the gradient layer when it's no longer possible to scroll */
		visibility:hidden;
		opacity:0;
		transition:opacity .3s 0s, visibility 0s .3s;
	}
	
	.cd-tabs nav{
		overflow:auto;
		-webkit-overflow-scrolling:touch;
		width:1200px;
		margin:0 auto;
		padding:5px 0;
	}
	
	.cd-tabs-navigation{
		width:1200px;
		margin:0 auto;
		padding:2.5px 75px;
		display:flex;
		justify-content:space-between;
		background:var(--noir-040);
		border-radius:60px;
	}
	
	/*.cd-tabs-navigation:after{
		content:"";
		display:table;
		clear:both;
	}
	*/

	.cd-tabs-navigation li{
		float:left;
		list-style:none;
	}
	
	.cd-tabs-navigation li a{
		position:relative;
		display:inline-flex;
		text-align:center;
		font-size: 1.25rem;
		line-height:1.625rem;
		font-family:open_sanssemibold;
		-webkit-font-smoothing:antialiased;
		-moz-osx-font-smoothing:rayscale;
		color:#fff;
		border-radius:55px;
		background:#fff;
		padding:10px 25px;
		background-color:transparent;
	}
	
	.cd-tabs-navigation li a span{
		margin: 0 7.5px 0 0;
	}
	
	.cd-tabs-navigation a:hover{
		color:var(--noir-100);
	}
	
	.cd-tabs-navigation a.selected{
		background-color:var(--noir-100) !important;
		color:#fff;
		border-radius:55px;
	}
		
	.cd-tabs-content{
		padding:25px 0 25px 0;
		margin:0;
	}
	
	.cd-tabs-content li{
		display:none;
		padding:15px 0 5px 0;
		text-align:left;
		margin:0 auto;
	}
	
	.cd-tabs-content li.selected{
		display:block;
		animation:cd-fade-in 1s;
	}
	
	
	/** RECHERCHER **/
	#recherche-contenu #annuaire-contenu-franchises{
		grid-template-columns: 1fr 1fr 1fr;
	}
	
	#recherche-contenu .actualites-franchises h2,#recherche-contenu .interviews-franchises h2,#recherche-contenu .videos-franchises h2{
		font-family: open_sanssemibold;
		font-size: 1.125rem;
		line-height: 1.375rem;
		margin: 0 0 0.5rem 0;
		color: var(--bleu-100);
		text-align: left;
		width: calc(100% - 80px);
		height:40px;
	}
	
	#recherche-contenu .interviews-franchises h2{
		color: var(--orange-100);
	}
	
	#recherche-contenu .videos-franchises h2{
		color: var(--vert-100);
	}
	
	#recherche-contenu .actualites-franchises h3,#recherche-contenu .interviews-franchises h3,#recherche-contenu .videos-franchises h3{
		font-size: 1.25rem;
		line-height: 1.5rem;
		margin: 0 0 0.125rem 0;
		height:98px;
	}
	
	#recherche-contenu #annuaire-contenu-franchises .home-franchises-franchise{
		width:380px;
		min-height:264px;
	}
	
	#recherche-contenu #annuaire-contenu-franchises .home-franchises-franchise-texte h2{
		font-family: open_sansbold;
		height:auto;
	}
	
	#recherche-contenu #annuaire-contenu-franchises .home-franchises-franchise-texte p{
		height:auto;
	}
	
	#recherche-pagination{
			margin:0 auto;
	}
	
	#recherche-pagination ol.pagination li.selected{
		background-color: var(--noir-100);
	}
	
	
	/** GUIDE DESKTOP **/
	#guide-auteur{
		display:flex;
		background:var(--noir-020);
		padding:25px;
		border-radius:15px;
		box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
		margin:0 0 50px 0;
	}
	
	#guide-auteur-photo{
		width:225px;
		height:225px;
		margin:0 50px 0 0;
	}
	
	#guide-auteur-photo img{
		width:225px;
		height:225px;
		border-radius:50%;	
	}
	
	#guide-auteur-presentation h4{
		font-size: 1.5rem;
		line-height:1.75rem;
		font-family:open_sanssemibold;
		color: var(--rouge-100);
		margin:0 0 5px 0;
	}
	
	#guide-auteur-presentation h5{
		font-size:1.375rem;
        line-height:1.375rem;
		font-family:open_sanssemibold;
		color: var(--noir-100);
		margin:0 0 10px 0;
	}
	
	#guide-auteur-presentation p{
		font-family:open_sanslight;
        font-size:1rem;
        line-height:1.375rem;
        color: var(--noir-100);
        text-align:justify;
		margin:0 0 15px 0;
	}
	
	#guide-auteur-presentation a span{
		text-align: center;
        display: flex;
        justify-content: center;
		align-items:center;
		border-radius: 50%;
		width:55px;
		height:55px;
		border:1px solid var(--noir-100);
	}
	
	#guide-auteur-presentation a span:before{
		color:var(--noir-100);
		font-size:2rem;
        line-height:2rem;
	}
	
	
	/** FAQ 960 **/
	#faq-contenu-questions{
		margin:50px 0 0 0;	
	}
	
	
	#faq-contenu-question{
        position: relative;
        border: none;
        padding: 20px 25px;
        text-align: left;
        cursor: pointer;
        list-style-image: none;
    }
	
	.faq-contenu-questions-question{
        position: relative;
        border: none;
        padding: 20px 25px;
        text-align: left;
        cursor: pointer;
        list-style-image: none;
    }	
	
	.faq-contenu-questions:hover {
        background: var(--noir-010);
    }


    .faq-contenu-questions{
        border-radius: 45px;
        box-shadow: 0 10px 10px rgba(0, 0, 0, .25);
        border: 2px solid var(--noir-100);
        margin: 0 0 25px 0;
        background: #fff;
    }
	
	details > summary {
        list-style: none;
    }
		
	.faq-contenu-questions-question h3 {
        font-family: open_sanssemibold;
        font-size: 1.625rem;
		line-height: 2.125rem;
        color: var(--noir-100);
    }
	
	.faq-contenu-questions-reponse {
        padding: 0 100px 20px 25px;
        font-family:open_sanslight;
        font-size:1.25rem;
        line-height:1.875rem;
		margin:0;
		text-align:justify;
		color:var(--noir-100);
        animation: heightUp 1s ease-in-out;
    }
	
	.faq-contenu-questions-reponse a {
        color: var(--noir-100);
    }

	.icone-chevron-right:after {
			position: absolute;
			top: 50%;
			right: 10px;
			font-size: 45px;
			text-align: center;
			color: var(--noir-100);
			transform: translate(0%, -50%) rotate(0deg);
			box-sizing: border-box;
			display: flex;
			align-items: center;
			justify-content: center;
			font-weight: normal;
			transition: all 0.3s ease;
			content: "\e00f";
    }
	
	
	summary ~ * {
        overflow: hidden;
        animation: heightUp 1s ease-in-out;
    }

    details[open] summary .icone-chevron-right:after {
        transform: translate(0%, -50%) rotate(90deg);
    }

    @keyframes heightUp {
        0% {
            max-height: 0;
        }

        100% {
            max-height: 2000px;
        }
    }
	
	
	
	
	
	
	/** FOOTER **/
	footer {
        background:var(--noir-080);
        display:block;
		z-index: 999;
        position:relative;
    }
	
	 #footer-content {
        width:1200px;
        margin:0 auto;
        padding:50px 0;
        display:flex;
        flex-wrap:wrap;
        box-sizing:border-box;
        justify-content:space-between;
    }
	
	#footer-content-identite {
        width:235px;
    }
	
	#footer-content-identite-logo{
		display:flex;
		justify-content:flex-start;
	}
	
	#footer-content-contact{
        width:275px;
    }

	#footer-content p span:before, #footer-content li span:before {
        color:var(--rouge-100);
        font-size:1.25rem;
    }
	
	#footer-content-franchises{
        width:260px;
    }
	
	#footer-content-secteurs{
        width:285px;
    }
	
	
	#footer-content h3 {
        font-family:open_sanssemibold;
        font-size:1.25rem;
        line-height:1.25rem;
        margin:0 0 0.625rem 0;
		color:#fff;
    }
	
	#footer-content h3.faq{
		margin:2.375rem 0 0.625rem 0;
	}
	
	#footer-content ul {
        margin:0;
    }
	
	#footer-content p, #footer-content li {
        display:flex;
        margin:0 0 0.75rem 0;
        align-items:center;
    }
	
	#footer-content p:last-child, #footer-content li:last-child {
        margin:0;
    }
	
	#footer-content p, #footer-content a {
        color:var(--noir-020);
        font-family:open_sanslight;
        font-size:1rem;
        line-height:1.5rem;
    }
	
	#footer-content p span, #footer-content li span {
        margin:0 0.75rem 0 0;
        width:20px;
    }
	
	#footer-credits {
        background:var(--noir-090);
        padding:1.25rem 0;
        display:flex;
    }
	
	#footer-credits-content {
        width:1200px;
        margin:0 auto;
    }
	
	#footer-credits-content p,#footer-credits-content a {
        color:var(--noir-020);
        font-family:open_sanslight;
        font-size:1rem;
        line-height:1rem;
        margin:0;
        padding:0;
        text-align:center;
    }
	
	#footer-credits-content p span:before {
        content:"|";
        margin:0 0.625rem;
    }

    #footer-credits-content p span {
        display:inline;
    }	
}


/*************************************************************/
/** DESKTOP TOUTES RESOLUTIONS 960 **/
@media only screen and (min-width:960px){
	
	/** HEADER DESKTOP 960 **/
	header{
        display:flex;
        flex-direction:column;
        align-items:center;
        background:#fff;
        z-index:9999;
		position:sticky;
        top:0px;
		box-shadow:0 2px 4px rgba(0, 0, 0, .25);
    }
	
	#header-logo a{
		display:block;
	}
	
	#header-logo a p {
        text-indent:-10000rem;
        width:0;
        height:0;
    }
	
	#header-logo{
        width:1200px;
        display:flex;
        justify-content:space-between;
        padding:0.5rem 0;
        column-gap:20px;
    }

	#navigation-rubrique{
        align-items:flex-start;
    }

	header nav{
        display:flex;
        flex-direction:column;
        justify-content:center;
    }

	header nav ul{
        list-style:none;
        display:flex;
        margin:0;
        padding:0;
        justify-content:space-between;
    }

	header nav li{
        display:block;
        padding:0;
        margin:0;
    }

	header nav a {
        font-family:open_sanssemibold;
        font-size:1.25rem;
        line-height:1.25rem;
        text-decoration:none;
        padding:7.5px 12.5px;
        text-align:center;
        display:flex;
        justify-content:center;
        border-radius:25px;
        margin:0 5px;
        color:var(--noir-090);
        border:2px solid transparent;
        background:transparent;
		white-space:nowrap;
    }
	
	a#recherche,a#recherche{
		padding:7.5px 0;
		margin:0;
	}
	
	#annuaire-franchise.current, nav #annuaire-franchise:hover{
        background-color:var(--gris-100);
        border:2px solid var(--gris-100);
    }
	
	#actualites-franchise.current, nav #actualites-franchise:hover {
        background-color:var(--gris-100);
        border:2px solid var(--gris-100);
    }
	
	#guide-franchise.current, nav #guide-franchise:hover,
	#comprendre-franchise.current, nav #comprendre-franchise:hover{
        background-color:var(--gris-100);
        border:2px solid var(--gris-100);
    }
	
	#interviews-franchise.current, nav #interviews-franchise:hover {
        background-color:var(--gris-100);
        border:2px solid var(--gris-100);
    }
	
	#videos-franchise.current, nav #videos-franchise:hover {
        background-color:var(--gris-100);
        border:2px solid var(--gris-100);
    }
	
	#connexion-franchise,#connexion-franchise.current, nav #connexion-franchise:hover {
        background-color:var(--noir-080);
        border:2px solid var(--noir-080);
		color:#fff;
    }
	
	#annuaire-franchise.current a, nav a#annuaire-franchise:hover,
	#actualites-franchise.current a, nav a#actualites-franchise:hover,
	#comprendre-franchise.current a, nav a#comprendre-franchise:hover,
	#interviews-franchise.current a, nav a#interviews-franchise:hover,
	#videos-franchise.current a, nav a#videos-franchise:hover,
	#experts-franchise.current a, nav a#experts-franchise:hover{
		color:#fff;
	}
				
	#connexion-franchise.current a, nav a#connexion-franchise:hover{
		background-color:var(--noir-050);
		border:2px solid var(--noir-050);
		
	}
	
	#connexion-franchise span{
        margin:0 7.5px 0 0;
		color:var(--noir-080);
    }
	

	#connexion-franchise span.icone-user{
		color:#fff;
	}
	

	
	
	/** HEADER - MENU MOBILE **/
	#navigation-rubrique-mobile{
		display:none;
		width:0;
		height:0;
	}


}




/*************************************************************/
/** MOBILE TOUTES RESOLUTIONS **/
@media only screen and (max-width:959px){

	/** HEADER - MENU MOBILE 640 **/
	.burger{
		width:40px;
		height:42px;
		position:absolute;
		top:15px;
		left:15px;
		z-index:999999;
	}
	
	.burger span{
		position:relative;
		margin-top:9px;
		margin-bottom:9px;
		-webkit-user-select:none;
		-moz-user-select:none;
		-ms-user-select:none;
		user-select:none;
		position:absolute;
	}
	
	.burger span,.burger span:before,.burger span:after{
		display:block;
		width:40px;
		height:7.5px;
		position:relative;
		top:10px;
		background-color:#000;
		outline:1px solid transparent;
		-webkit-transition-property:background-color,-webkit-transform;
		-moz-transition-property:background-color,-moz-transform;
		-o-transition-property:background-color,-o-transform;
		transition-property:background-color,transform;
		-webkit-transition-duration:0.3s;
		-moz-transition-duration:0.3s;
		-o-transition-duration:0.3s;
		transition-duration:0.3s;
		border-radius: 5px;
	}
	
	.burger span:before,.burger span:after{
		position:absolute;
		content:"";
	}

	.burger span:before{ top:-16px; }
	.burger span:after{ top:16px; }


	.burger.clicked span:before{
		transform:translateY(16px) rotate(45deg);
	}

	.burger.clicked span:after{
		transform:translateY(-16px) rotate(-45deg);
	}
	
	.burger.clicked span:before,.burger.clicked span:after{ background-color:#000; }
	.burger.clicked span{background-color:transparent;}
	.burger:hover{ cursor:pointer; }
	
	.burger.clicked + body{
		height:100%;
		overflow-y:hidden;
	}
	
	header{
		width:100%;
		background:#fff;
		height:75px;
		z-index: 9999;
        position: sticky;
        top: 0px;
        
	}
		
	header nav a {
        font-family: open_sanssemibold;
        font-size: 1.25rem;
        line-height: 1.25rem;
        text-decoration: none;
		color: var(--noir-090);
		white-space: nowrap;
		display: flex;
        justify-content: center;
		align-items: center;
		padding:0 0 0 35px;
		margin:0;
	}
	
	#navigation-rubrique li a#recherche,#navigation-rubrique li a#documentation-franchise{
		display:none;
	}
	
	span.icone-recherche,span.icone-documentation{
		display:flex;
	}
	 
	#logo{
		margin:0 0 0 65px;
	}
	
	#header-logo img{
		padding:7.5px 0 0 0;
	}
	
	#header-mobile{
		box-shadow: 0 2px 4px rgba(0, 0, 0, .25);
		height:75px;
		position: relative;
        z-index: 99999;
		display: flex;
		justify-content: space-between;
	}

	#header-logo a p{
        text-indent:-10000rem;
        width:0;
        height:0;
    }
	
	#navigation-rubrique{
		height: 100%;
		position: fixed;
		background: #ffffff;
		top: 0;
        margin: 75px 0 0 0;
        left: 0;
		-webkit-transform: translateX(-960px);
		-moz-transform: translateX(-960px);
		-ms-transform: translateX(-960px);
		-o-transform: translateX(-960px);
		transform: translateX(-960px);
		-moz-transition: all 400ms linear;
		-webkit-transition: all 400ms linear;
		-o-transition: all 400ms linear;
		transition: all 400ms linear;
		width: 100%;
		min-height: 100%;
		z-index: 99;
		overflow-y: scroll;
	}
	
	#navigation-rubrique.show {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
        -moz-transition: all 400ms linear;
        -webkit-transition: all 400ms linear;
        -o-transition: all 400ms linear;
        transition: all 400ms linear;
    }

    #navigation-rubrique ul{
        width: auto;
        height: auto;
        padding: 0;
		margin:0;
        flex-direction: column;
        position: relative;
        z-index: 999999;
    }
	#navigation-rubrique li {
        border-bottom: 2px solid var(--noir-100);
        padding: 0;
    }
	
	#navigation-rubrique li:nth-child(5),#navigation-rubrique li:nth-child(6){
		border-bottom:0;
	}
	
	#navigation-rubrique li a {
        width: 100%;
        font-size: 28px;
        line-height: 28px;
        min-height:60px;
        text-align: left;
        justify-content: flex-start;
    }
	
    #navigation-rubrique li a.current{
		background:var(--noir-100);
		color:#fff;
	}
	
	#navigation-manager{
		width:0;
		display:none;
	}
	
	#navigation-rubrique-mobile ul{
		margin:0;
		display:flex;
		align-items: center;
	}
	
	#navigation-rubrique-mobile ul li a{
		padding:0;
		width:65px;
		height:75px;
		display:flex;
		align-items: center;
	}
	
	#navigation-rubrique-mobile ul li a span.icone-recherche:before{
		font-size:3rem;
	}
	
	#navigation-rubrique-mobile ul li a span.icone-documentation:before{
		font-size:2.25rem;
	}
	
	#navigation-rubrique-mobile ul li a span.icone-user:before{
		font-size:2rem;
		position:relative;
        top: 2.5px;
	}

	/** PUBLICITE 640 **/
	#publicite{
		margin:25px 0 0 0;
	}
	
	#publicite-superbanniere,#publicite-banniere{
		width:100%;
		height:auto;
		border-radius:5px;
		margin: 25px auto 25px auto;
		padding:0 15px;
	}	
		
	#publicite-superbanniere img,#publicite-banniere img{
		border-radius:5px;
		width:100%;
		height:auto;
	}	
	
	#navigation-rubrique ul{
		margin:0;
	}

		
	/** HOME 640 **/
	#documentation-contenu, #home-franchises, #home-apport-contenu, #home-secteurs-contenu, #home-actualites-contenu, #home-videos-contenu, #home-interviews-contenu, #recherche-contenu, #guide-contenu, #annuaire-contenu, #actualites-contenu, #interviews-contenu, #videos-contenu, #connexion-contenu, #administration-contenu, #page-contenu, #faq-contenu{
		width:100%;
		padding: 0 15px;
	}	
		
	#introduction{
		width:auto;	
	}

	#annuaire-franchise-visuel-logo img, #page-contenu img, #page-contenu-visuel img, #interviews-contenu-interviews-visuel img, #annuaire-franchise-visuel img, #actualites-contenu-actualite-content img {
		width:100%;
		height:auto;
		border-radius:10px;
	}
	
	#introduction h1{
		font-size:1.75rem;
		line-height:2.25rem;
	}
	
	#introduction h2{
		font-size:1rem;
		line-height:1.375rem;
	}
	
	#introduction h2 span {
		font-size: 1.875rem;
		line-height:1.875rem;
	}
	
	#home-franchises h2, #home-apport-contenu h2, #home-secteurs-contenu h2, #home-actualites-contenu h2, #home-faq-contenu h2, #home-videos-contenu h2, #home-interviews-contenu h2, #recherche-contenu h1, #documentation-contenu h1, #annuaire-contenu h1, #guide-contenu h1,#faq-contenu h1, #actualites-contenu h1, #interviews-contenu h1, #videos-contenu h1, #connexion-contenu h1, #administration-contenu h1, #page-contenu h1, #faq-contenu h1 {
		font-size:1.875rem;
		line-height:2.25rem;
	}
	
	#page-contenu-visuel {
		margin:25px auto;
	}
	
	#recherche-contenu h2, #administration-contenu h2, #connexion-contenu h2, #documentation-contenu h2, #annuaire-contenu h2, #page-contenu h2,#faq-contenu h2{
		margin: 0 0 1.25rem 0;
		font-size:1.875rem;
		line-height:2.25rem;
	}
	
	#annuaire-contenu-franchise-historique, #annuaire-contenu-franchise-historique li, #annuaire-contenu-franchise-candidat-texte, #annuaire-contenu-franchise-historique p, #annuaire-contenu-franchise-presentation p, #annuaire-contenu p.description, #annuaire-contenu-franchise-presentation, #actualites-contenu p.description, #faq-contenu p, #guide-contenu p.description, #interviews-contenu p.description, #videos-contenu p.description, #documentation-contenu p, #connexion-contenu p, #administration-contenu p, #page-contenu-content, #annuaire-contenu #administration-tabs p {
		font-size:1.125rem;
		line-height: 1.625rem;
	}
	
	#guide-contenu-franchises .home-franchises-franchise-texte h2, .home-franchises-franchise-texte h3, #annuaire-contenu-franchises .home-franchises-franchise-texte h2, .home-franchises-franchise-texte h3 {
		height:105px;
		font-size: 1.25rem;
		line-height: 1.625rem;
	}
	
	#actualites-contenu-actualite-content, #videos-contenu-actualite-content, #interviews-contenu-interviews-content {
		margin: 35px 0;
		font-size: 1.125rem;
		line-height: 1.75rem;
	}
	
	#guide-auteur {
		flex-direction:column;
	}
	
	#guide-auteur-photo {
		width: 200px;
		height: 200px;
		margin: 0 0 25px 0;
	}
	
	#guide-auteur-photo img {
		width:100%;
		height:auto;
	}
	
	#guide-auteur-presentation h4 {
		font-size: 1.25rem;
		line-height: 1.5rem;
	}
	
	#guide-auteur-presentation h5 {
		font-size: 1.125rem;
		line-height: 1.5rem;
	}
	
	#guide-auteur-presentation p {
		font-size:0.875rem;
		line-height: 1.25rem;
		margin: 0 0 10px 0;
	}
	
	.home-franchises-franchise-texte p {
		font-size:0.875rem;
		line-height:1.5rem;
		margin: 0 0 0.75rem 0;
	}
	
	.home-franchises-franchise-texte h4, .annuaire-franchises-texte h4 {
		font-size:1rem;
		line-height:1rem;
		margin: 0 0 0.375rem 0;
	}
	
	.home-franchises-franchise-texte a, #home-faq-contenu a, .home-franchises-franchise-reserve, .documentation-reserve, #annuaire-contenu a.bouton-franchise, #annuaire-contenu a.bouton-documentation, #annuaire-contenu a.bouton-photo, #actualites-contenu a.bouton-franchise, #actualites-contenu a.bouton-documentation, #actualites-contenu a.bouton-presse, #videos-contenu a.bouton-franchise, #videos-contenu a.bouton-documentation, #interviews-contenu a.bouton-franchise, #interviews-contenu a.bouton-documentation, #documentation-contenu a.bouton-documentation, #connexion-contenu a.bouton-administration, #connexion-contenu a.bouton-administration2, #connexion-contenu a#but_upload, #administration-contenu a#but_upload, #administration-contenu a.bouton-administration, #administration-contenu a.bouton-administration2 {
		font-size:1rem;
		line-height:1.375rem;
		padding: 5px 10px;
		border-radius: 205px;
		float:initial;
	}
	
	#annuaire-contenu-franchise-historique, #annuaire-contenu-franchise-historique li, #annuaire-contenu-franchise-candidat-texte, #annuaire-contenu-franchise-historique p, #annuaire-contenu-franchise-presentation p, #annuaire-contenu p.description, #annuaire-contenu-franchise-presentation, #actualites-contenu p.description, #guide-contenu p.description, #interviews-contenu p.description, #videos-contenu p.description, #documentation-contenu p, #connexion-contenu p, #administration-contenu p, #page-contenu-content {
		font-size:1rem;
		line-height:1.375rem;
	}
	
	#home-apport-valeur, #home-secteurs-secteur, #home-actualites-franchises, #home-videos-franchises, #home-interviews-franchises, #annuaire-franchises, #actualites-franchises, #videos-franchises, #interviews-franchises {
		width:auto;
		gap:10px;
	}
	
	.home-actualites-franchises p, .home-interviews-franchises p, .annuaire-franchises p, .actualites-franchises p, .interviews-franchises p, .videos-franchises p {
		font-size:0.875rem;
		line-height:1.375rem;
		margin: 0 0 0.125rem 0;
		height:154px;
	}
	
	.home-actualites-franchises h3, .home-videos-franchises h3, .home-interviews-franchises h3, .annuaire-franchises h2, .actualites-franchises h2, .videos-franchises h2, .interviews-franchises h2, #annuaire-contenu .interviews-franchises h4, #annuaire-contenu .actualites-franchises h4, #annuaire-contenu .videos-franchises h4 {
		font-size:1rem;
		line-height:1rem;
		margin: 0 0 0.25rem 0;
	}
	
	.home-actualites-franchises h4, .home-videos-franchises h4, .home-interviews-franchises h4, .annuaire-franchises h3, .actualites-franchises h3, .videos-franchises h3, .interviews-franchises h3, #annuaire-contenu .interviews-franchises h5, #annuaire-contenu .actualites-franchises h5, #annuaire-contenu .videos-franchises h5 {
		font-size:1rem;
		line-height:1.25rem;
		margin: 0 0 0.125rem 0;
		height:96px;
	}
	
	.home-actualites-franchises time, .home-videos-franchises time, .home-interviews-franchises time, .actualites-franchises time, .videos-franchises time, .interviews-franchises time, #actualites-contenu-actualite time, #annuaire-contenu-franchise time, #videos-contenu-actualite time, #interviews-contenu-actualite time {
		font-size:0.875rem;
		line-height:1.25rem;
		margin: 0 0 0.375rem 0;
	}
	
	.home-actualites-franchises a, .home-videos-franchises a, .home-interviews-franchises a, .annuaire-franchises a, .actualites-franchises a, .videos-franchises a, .interviews-franchises a {
		font-size:1rem;
		line-height:1rem;
		padding: 5px 12.5px;
		border-radius: 20px;
		margin:7.5px 0 0 0;
	}
	
	.home-secteurs-secteur {
		flex: 1 1 calc(50% - 10px);
		border-radius: 5px;
	}
	
	.home-apport-valeur {
		flex: 1 1 calc(50% - 10px);
		border-radius:5px;
	}
	
	#home-secteurs,#home-apport,#home-interviews,#home-videos,#home-actualites{
		margin:0 0 50px 0;
	}
	
	.home-franchises-franchise-visuel {
		border-radius: 5px 5px 0 0;
		width:100%;
		height:auto;
	}
	
	.home-franchises-franchise-texte {
		padding: 15px 10px 10px 10px;
	}
	
	.home-franchises-franchise-visuel img {
		border-radius:5px 5px 0 0;
		height:auto;
	}
	
	.owl-carousel .owl-item img {
		width: 100%;
	}
	
	#home-franchises{
		padding:0 0 0 15px;
	}
	
	.home-franchises-franchise {
		width:95%;
		border-radius: 5px;
		margin:0;
	}
	
	.home-videos-franchises img, .videos-franchises img {
		height: 150px;
	}
	
	#home-secteurs-secteur figure{
		border-radius: 5px;
	}
	
	#home-secteurs-secteur h3 {
		font-size: 1.375rem;
		line-height: 1.75rem;
	}
	
	#home-secteurs-secteur p {
		font-size: 1.125rem;
		line-height: 1.125rem;
	}
	
	#interviews-contenu-interviews-visuel .interviews-franchise-visuel-logo, #annuaire-franchise-visuel-logo .annuaire-franchise-visuel-logo, #actualites-franchise-visuel-logo .actualites-franchise-visuel-logo {
		width:150px;
		height:150px;
		border-radius:5px;
		padding:5px;
		bottom:20px;
		right:20px;
	}
	
	.cd-tabs nav,.cd-tabs-navigation {
		width:100%;
	}
	
	.cd-tabs-navigation{
		padding: 2.5px 25px;
	}
	
	#annuaire-essentiel{
        width:auto;
	}
	
	#documentation-contenu h3, #annuaire-contenu h3, #page-contenu h3 {
		font-size: 1.625rem;
		line-height:1.875rem;
		margin: 1.25rem 0 1rem 0;
	}
	
	#annuaire-contenu-franchise-secteur-visuel img, #annuaire-contenu-franchise-candidat-visuel img, #annuaire-contenu-franchise-presentation img {
		width:100%;
		height:auto;
	}
	
	#annuaire-contenu-franchise-chiffres{
		grid-template-columns: 1fr 1fr;
		gap: 20px;
		margin: 15px 0 25px 0;
	}
	
	#annuaire-contenu-franchise-chiffres .annuaire-contenu-franchise-chiffres-condition {
		width:calc(100% - 40px);
	}
	
	#annuaire-contenu-franchise-infos{
		width:auto;
		flex-direction:column;
	}
	
	#annuaire-contenu-franchise-infos-visuel,#annuaire-contenu-franchise-infos-visuel img {
		width:100%;
	}
	
	#annuaire-contenu-franchise-infos-texte {
		width:100%;
		margin:35px 0 0 0;
	}
	
	#annuaire-contenu-franchise-infos-texte span {
		margin: 0 0 25px 0;
	}
	
	#annuaire-contenu-franchise-infos-texte span:before {
		font-size:2.5rem;
	}
	
	#annuaire-contenu-franchise-candidat {
		width:auto;
		flex-direction:column;
	}
	
	#annuaire-contenu-franchise-candidat-texte,#annuaire-contenu-franchise-candidat-visuel{
		width:auto;	
	}
	
	#connexion-contenu-phototheque, #administration-contenu-phototheque {
		width:auto;
		grid-template-columns:1fr 1fr;
	}
	
	#home-faq{
		width:auto;
		padding:0 15px;
	}
	
	#home-faq-contenu {
		width:auto;
		border-radius:5px;
		padding:15px 10px;
		margin: 0 auto 75px auto;
	}
	
	/** GUIDE 640 **/
	#guide-contenu-franchises, #annuaire-contenu-franchises {
		grid-template-columns: 1fr 1fr;
		align-items: center;
		justify-items: center;
		gap: 25px;
		margin: 25px 0 35px 0;
	}
	
	#guide-contenu-franchises .home-franchises-franchise, #annuaire-contenu-franchises .home-franchises-franchise {
		width:100%;
	}
	
	#guide-contenu-franchises .home-franchises-franchise-visuel, #annuaire-contenu-franchises .home-franchises-franchise-visuel {
		width:100%;
		height:auto;
	}
	
	#guide-contenu-franchises .home-franchises-franchise-visuel img, #annuaire-contenu-franchises .home-franchises-franchise-visuel img {
		width:100%;
		height:280px;
		overflow:hidden;
	}
	
	#interviews-contenu-interviews-visuel, #actualites-franchise-visuel-logo, #annuaire-franchise-visuel-logo {
		margin: 35px auto;
	}
	
	#video-pagination,#guide-pagination,#annuaire-pagination,#actualites-pagination,#interviews-pagination{
		width:100%;
	}
	
	ol.pagination{
		margin:35px auto 35px auto;
		font-size: 20px;
	}
	
	ol.pagination li.selected {
		width:55px;
		height:55px;
		margin:0 7.5px 0 0;
	}
	
	ol.pagination li {
		margin:0 7.5px 0 0;
	}
	
	ol.pagination a {
		width:55px;
		height:55px;
	}
	
	
	/** FAQ 640 **/
	#faq-contenu-questions {
		margin:35px 0;
	}
	
	.faq-contenu-questions {
		border-radius:35px;
		box-shadow: 0 5px 5px rgba(0, 0, 0, .25);
		margin: 0 0 15px 0;
	}
	
	.faq-contenu-questions-question {
		padding:15px 30px 15px 20px;
	}
	
	.faq-contenu-questions-question h3 {
		font-size: 1.2rem;
		line-height:1.625rem;
	}
	
	.icone-chevron-right:after{
		right: 5px;
		font-size: 35px;
	}
	
	.faq-contenu-questions-reponse {
		padding: 0 35px 15px 20px;
		font-size:1rem;
		line-height: 1.625rem;
	}
	
	.faq-contenu-questions-reponse li{
		margin:0 0 7.5px 0;
	}
	
	#annuaire-contenu-franchise-historique, #home-faq-contenu p, #annuaire-contenu-franchise-historique li, #annuaire-contenu-franchise-candidat-texte, #annuaire-contenu-franchise-historique p, #annuaire-contenu-franchise-presentation p, #annuaire-contenu p.description, #annuaire-contenu-franchise-presentation, #actualites-contenu p.description, #faq-contenu p, #guide-contenu p.description, #interviews-contenu p.description, #videos-contenu p.description, #documentation-contenu p, #connexion-contenu p, #administration-contenu p, #page-contenu-content, #annuaire-contenu #administration-tabs p {
        font-size:1.125rem;
        line-height: 1.75rem;
		margin: 0 0 1.375rem 0;
    }
	
	
	/** FOOTER 640 **/
	#footer-content{
		width:auto;
		flex-direction:column;	
		padding:25px 25px;	
	}
	
	#footer-content-contact,#footer-content-contact,#footer-content-franchises,#footer-content-secteurs,#footer-content-identite{
		width:auto;
		margin:50px 0 0 0;
	}
	
	
	#footer-credits{
		padding: 1.25rem;
	}
	
	#footer-credits-content{
		width:auto;
		padding:0;
		margin:0;
	}
	
	#footer-credits-content p, #footer-credits-content a {
		text-align:left;
		display: block;
		font-size: 1rem;
		line-height: 1.75rem;
	}
	
	#footer-credits-content p span{
		display:none;
		width:0;
		height:0;
	}
	
}

/*************************************************************/
/** MOBILE 480 **/
@media only screen and (max-width:480px){
	
	/** HEADER - MENU 480 **/
	.burger{
		width:30px;
		height:35px;
		top:15px;
		left:15px;
	}
	
	.burger span{
		margin-top:6px;
		margin-bottom:6px;
	}
	
	.burger span,.burger span:before,.burger span:after{
		width:30px;
		height:5px;
		top:7.5px;
		border-radius:5px;
	}
	
	.burger span:before{ top:-10px; }
	.burger span:after{ top:10px; }
	
	.burger.clicked span:before {
        transform: translateY(10px) rotate(45deg);
    }
	
	.burger.clicked span:after {
        transform: translateY(-10px) rotate(-45deg);
    }
	
	header{
		height:65px;
	}
	
	header nav a {
		padding:0 0 0 25px;
	}
	
	#logo{
		margin:0 0 0 60px;
	}
	
	#header-logo img{
		padding:10px 0 0 0;
		height:50px;
		width:auto;
	}
	
	#header-mobile{
		height:65px;
	}
	
	#navigation-rubrique{
		margin:65px 0 0 0;
	}

	#navigation-rubrique li a {
		font-size:22px;
        line-height:22px;
		min-height:45px;
	}

	#navigation-rubrique-mobile ul li a{
		width:55px;
		height:65px;
	}
	
	#navigation-rubrique-mobile ul li a span.icone-recherche:before{
		font-size:2.25rem;
	}
	
	#navigation-rubrique-mobile ul li a span.icone-documentation:before{
		font-size:2rem;
	}
	
	#navigation-rubrique-mobile ul li a span.icone-user:before{
		font-size:1.75rem;
		position:relative;
        top: 2.5px;
	}
	
	ol.pagination{
		margin:35px auto 35px auto;
		font-size: 20px;
	}
	
	ol.pagination li.selected {
		width: 45px;
		height: 45px;
		margin:0 5px 0 0;
	}
	
	ol.pagination li {
		margin:0 5px 0 0;
	}
	
	ol.pagination a {
		width:45px;
		height:45px;
	}
	
	/** HOME 480 **/
	#introduction h1 {
        font-size: 1.375rem;
        line-height: 1.75rem;
	}
	
	#introduction h2 span {
		font-size: 1.625rem;
		line-height:1.625rem;
	}
	
	#home-franchises h2, #home-apport-contenu h2,  #home-faq-contenu h2, #home-secteurs-contenu h2, #home-actualites-contenu h2, #home-videos-contenu h2, #home-interviews-contenu h2, #recherche-contenu h1, #documentation-contenu h1, #annuaire-contenu h1, #guide-contenu h1, #faq-contenu h1, #actualites-contenu h1, #interviews-contenu h1, #videos-contenu h1, #connexion-contenu h1, #administration-contenu h1, #page-contenu h1 {
		font-size:1.625rem;
		line-height:2.125rem;
	}
	
	#actualites-contenu-actualite-content, #videos-contenu-actualite-content, #interviews-contenu-interviews-content {
        margin: 25px 0;
        font-size:1rem;
        line-height: 1.375rem;
	}
	
	#annuaire-contenu-franchise-historique, #home-faq-contenu p, #annuaire-contenu-franchise-historique li, #annuaire-contenu-franchise-candidat-texte, #annuaire-contenu-franchise-historique p, #annuaire-contenu-franchise-presentation p, #annuaire-contenu p.description, #annuaire-contenu-franchise-presentation, #actualites-contenu p.description, #faq-contenu p, #guide-contenu p.description, #interviews-contenu p.description, #videos-contenu p.description, #documentation-contenu p, #connexion-contenu p, #administration-contenu p, #page-contenu-content, #annuaire-contenu #administration-tabs p {
        font-size: 1rem;
        line-height: 1.375rem;
        margin: 0 0 1.125rem 0;
    }
	
	.home-franchises-franchise-texte a, #home-faq-contenu a, .home-franchises-franchise-reserve, .documentation-reserve, #annuaire-contenu a.bouton-franchise, #annuaire-contenu a.bouton-documentation, #annuaire-contenu a.bouton-photo, #actualites-contenu a.bouton-franchise, #actualites-contenu a.bouton-documentation, #actualites-contenu a.bouton-presse, #videos-contenu a.bouton-franchise, #videos-contenu a.bouton-documentation, #interviews-contenu a.bouton-franchise, #interviews-contenu a.bouton-documentation, #documentation-contenu a.bouton-documentation, #connexion-contenu a.bouton-administration, #connexion-contenu a.bouton-administration2, #connexion-contenu a#but_upload, #administration-contenu a#but_upload, #administration-contenu a.bouton-administration, #administration-contenu a.bouton-administration2 {
        font-size: 1rem;
        line-height: 1.375rem;
        padding: 5px 10px;
        border-radius: 205px;
        float: initial;
    }
	
	.home-actualites-franchises p, .home-interviews-franchises p, .annuaire-franchises p, .actualites-franchises p, .interviews-franchises p, .videos-franchises p {
        font-size: 1rem;
        line-height: 1.375rem;
        margin: 0 0 0.125rem 0;
        height:300px;
    }
	
	.home-actualites-franchises h4, .home-videos-franchises h4, .home-interviews-franchises h4, .annuaire-franchises h3, .actualites-franchises h3, .videos-franchises h3, .interviews-franchises h3, #interviews-franchises .interviews-franchises h3, #annuaire-contenu .interviews-franchises h5, #annuaire-contenu .actualites-franchises h5, #annuaire-contenu .videos-franchises h5 {
        font-size:1rem;
        line-height: 1.375rem;
        margin: 0 0 0.125rem 0;
        height:130px;
	}
	
	.home-videos-franchises h4{
		height:auto;
	}
	
	.home-actualites-franchises a, .home-videos-franchises a, .home-interviews-franchises a, .annuaire-franchises a, .actualites-franchises a, .videos-franchises a, .interviews-franchises a {
        font-size:1rem;
        line-height:1rem;
        padding: 2.5px 10px;
        border-radius: 20px;
        margin: 5px 0 0 0;
		width:160px;
    }
	
	.home-actualites-franchises, .home-videos-franchises, .home-interviews-franchises, .annuaire-franchises, .actualites-franchises, .videos-franchises, .interviews-franchises {
		position: relative;
		flex-direction: column;
		flex: 1;
	}
	
	#interviews-contenu-interviews-visuel .interviews-franchise-visuel-logo, #annuaire-franchise-visuel-logo .annuaire-franchise-visuel-logo, #actualites-franchise-visuel-logo .actualites-franchise-visuel-logo {
        width:100px;
        height:100px;
        bottom:10px;
        right:10px;
	}
	
	#annuaire-essentiel{
        width:auto;
	}
	
	#documentation-contenu h3, #annuaire-contenu h3, #page-contenu h3 {
        font-size: 1.5rem;
        line-height: 1.75rem;
        margin: 1rem 0 0.875rem 0;
    }
	
	#annuaire-contenu #annuaire-contenu-franchise-chiffres .annuaire-contenu-franchise-chiffres-condition h4 {
		font-size:0.875rem;
		line-height:0.875rem;
	}
	
	#annuaire-contenu #annuaire-contenu-franchise-chiffres .annuaire-contenu-franchise-chiffres-condition h4 span {
		font-size: 2.25rem;
		line-height: 2.25rem;
	}
	
	#annuaire-contenu #annuaire-contenu-franchise-chiffres .annuaire-contenu-franchise-chiffres-condition p{
		font-size: 1.375rem;
		line-height: 1.625rem;
	}
	
	#annuaire-contenu-franchise-infos-texte h4 {
		font-size: 1.25rem;
		line-height: 1.625rem;
	}
	
}