@media screen and (min-width:300px) and (max-width: 750px) {

/* Général */

.nav a {
	font-size: 1.1em;
}

.nav a:hover {
	background: none;
}

.sticky {
	background: none;
}

/* Header Icones réseaux sociaux */

.topnav {
	margin-left : 1.5em;
}

.iconesduhaut {
	margin-top: 1em;
	margin-bottom: 1em;
}

/* Header*/

.logo {
	margin-bottom: 0;
	margin-top: 1em;
}

/* Accueil Responsive*/

.ensemble-front-page {
	width : 100%;
}

.photo-entete {
	display : none;
}

.photo-entete-mobile {
	display : block !important;
	width: 100%;
}

.bienvenue-debut {
	font-size: 2.5em;
	margin-bottom: 0.8em;
	padding-left: 1em;
	padding-right: 1em;
}

.titre-a-retrouver {
	margin-bottom: 1.2em;
}

.sousbloc-retrouver {
	flex-direction: column;
	margin-left: 2em;
	margin-right: 2em;
}

.icones {
	width: 9em;
}

.soustitre-a-retrouver {
	font-size: 1.4em;
	margin-left: 1em;
	margin-right: 1em;
	text-align: center;
}

p.a-retrouver {
	font-size: 1.2em;
	margin-left: 2em;
	margin-right: 2em;
	padding-bottom: 3em;
}

/* Par quoi commencer*/

.titre-commencer {
	width: 100%;
}

.bloc-explore {
	flex-direction: column;
	padding-left: 2.5em;
	padding-right: 2.5em;
	padding-bottom: 2em;
}

.bloc-1-explore, .bloc-2-explore {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 3em;
}

.titre-explore {
	font-size: 2.2em;
}

.p-explore {
	font-size: 1.2em;
}

.bouton-acces {
	font-size: 1.4em;
}

/* Les trois derniers articles page d'accueil*/

.titre-derniers-articles {
	font-size: 2.4em;
	margin-left: 1em;
	margin-right: 1em;
	padding-bottom: 1.2em;
}

.tous-les-articles {
	margin-top: 0;
}

.bloc-derniers-articles {
	flex-direction: column;
	margin-left: 2.5em;
	margin-right: 2.5em;
	padding-bottom: 1em;
}

.un-des-trois-derniers {
	margin-left: 0.5em;
	margin-right: 0.5em;
	margin-bottom: 3.5em;
}

.cat-article {
	font-size: 1.7em;
	margin-top: 0.7em;
}

.date-article {
	font-size: 1.2em;
	margin-top: 0.7em;
}

.titre-bloc-article {
	padding-left: 0.5em;
	padding-right: 0.5em;
	font-weight: bold;
}

/* Bas page d'accueil*/

.front-page-bas {
	flex-direction: column;
	padding : 0;
	margin-top: 3em;
}

.moi-2 {
	width: 15em;
	margin-left : auto;
	margin-right: auto;
}

.ma-presentation {
	flex-direction: column;
	padding : 0;
	border : 0;
}

.texte-ma-presentation {
	padding : 0;
}

.bienvenue {
	font-size: 1.5em;
	text-align: center;
	margin-top: 1em;
}

.moi-presentation {
	font-size: 1em;
	text-align: justify;
}

.en-savoir-plus {
	justify-content: center;
	font-size: 1em;
}

.liens-bas {
	padding : 0;
	text-align: center;
	margin-top: 3em;
}

.lien-du-bas {
	font-size: 1.1em;
}


/* Blog*/

.ensemble-page-blog {
	flex-direction: column;
	align-items: center;
	margin-top: 2em;
	padding-left : 3em;
	padding-right: 3em;
}

.titre-page-blog {
	margin-top : 1em;
	margin-bottom: 1em;
}

.page-blog {
	margin-top: 1.5em;
	margin-left: 2.5em;
	margin-right: 2.5em;
}

.publication-page-blog {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 3em;
}

.extrait-article {
	font-size: 1.05em;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

.lire-suite {
	font-size: 1.3em;
	width: max-content;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2em;
	padding-top : 0.5em;
	padding-bottom : 0.5em;
	padding-left: 1.5em;
	padding-right: 1.5em;
}

/* Catégories blog*/

.ensemble-page-categorie {
	padding-left: 2.5em;
	padding-right: 2.5em;
}

#titre-categorie {
	font-size: 2em;
	margin-bottom: 1em;
}

.page-categorie {
	margin-left: 0.5em;
	margin-right: 0.5em;
	margin-top: 2em;
}

/* Article*/

.content-area {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 4em;
}

.wrap-article {
	flex-direction: column;
	flex : 1;
	padding-left: 2.5em;
	padding-right: 2.5em;
}

.titre-article {
	font-size: 1.3em;
	margin-top: 0;
	margin-left : 0;
	margin-right: 0;
}

.sur-titre-article {
	font-size: 1em;
	margin-bottom: 2em;
}

.le-contenu > p {
	font-size: 1.1em;
	margin-bottom: 0.5em;
	margin-top : 0.5em;
}

.le-contenu > h2 {
	font-size: 1.2em;
	text-align: center;
	margin-bottom: 1.3em;
	margin-top: 1.3em;
}

.le-contenu > h3 {
	font-size: 1.1em;
	margin-top: 1em;
	margin-bottom: 1em;
}

.le-contenu > ul > li {
	font-size: 1.1em;
	margin: 0;
	margin-bottom: 0.8em;
}

.le-contenu > ol > li {
	font-size: 1.1em;
	margin: 0;
	margin-bottom: 0.8em;
}

.article-full {
	margin-bottom: 4em;
}

.bloc-texte-article {
	margin-left : 1.5em;
	margin-right : 1.5em;
}

/* Page Tag*/

.intro-page-tag {
	margin-top: 1em;
	margin-bottom: 1em;
}

.lire-article {
	font-size: 1em;
	width: 40%;
	margin-top: 2em;
	margin-bottom: 3.5em;
}

#intro-tag {
	margin : 0;
}

/* Page A propos*/

.page-area-a-propos {
	margin : 0;
	padding : 0;
	width : 100%;
	margin-bottom: 4em;
}

.ensemble-page-a-propos {
	flex-direction: column;
	margin-top: 2em;
	padding-left : 3em;
	padding-right: 3em;
}

.titre-a-propos {
	font-size: 2.3em;
}

.p-a-propos {
	margin-right: 0;
	margin-bottom: 0;
}

.h2-a-propos {
	margin-top: 2em;
	margin-bottom: 1.2em;
	text-align: center;
}

.bloc-claire {
	flex-direction: column;
}

.photo-claire {
	width: 20em;
	margin-left: 3em;
	margin-right: 3em;
	margin-bottom: 2em;
}

.bloc-marie {
	flex-direction: column-reverse;
}

.photo-marie {
	width: 20em;
	margin-left: 3em;
	margin-right: 3em;
	margin-bottom: 2em;
}

/* Page Contact*/

.page-area-contact {
	margin : 0;
	padding : 0;
	width : 100%;
	margin-bottom : 3em;
}

.photo-page-contact {
	width: 100%;
	margin-bottom: 2em;
}

.p-contact {
	font-size: 1.1em;
	text-align: justify;
}

/* Mentions légales */
	
.ensemble-page-ml {
	flex-direction: column;
	margin-left : 0.3em;
	margin-right: 0.3em;
}

.titre-page-ml {
	font-size: 2em;
}

.page-area > h2 {
	font-size: 1em;
	margin-top: 1.6em;
	margin-bottom: 1.6em;
}

/* Sidebar*/

.sidebar {
	width: 100%;
	flex : 1;
	margin : 0;
	padding : 0;
}

.barre-sidebar {
	font-size: 1.3em;
}

.presentation {
	margin-bottom: 2em;
	padding-bottom: 0;
}

.titre-sidebar-toutes-pages {
	font-size: 1.15em;
	padding : 0.5em;
}

.texte-presentation-sidebar {
	font-size: 1.1em;
	text-align: center;
	padding : 0;
	padding-left : 0.5em;
	padding-right: 0.5em;
}

.texte-intro-boutique-sidebar {
	font-size: 1.1em;
	text-align: center;
	padding-left: 0em;
	padding-right: 0em;
}

.bloc-visuels-boutique {
	padding-left: 0.5em;
	padding-right: 0.5em;
}

.description-article-sidebar {
	font-size: 1.2em;
}

.liste-presentation-sidebar {
	font-size: 1.1em;
	padding-left : 0.5em;
	padding-right: 0.5em;
}

.photo-presentation-sidebar {
	width : 14em;
}

.visuel-checklist {
	width: 18em;
}

.liens-sidebar-categories {
	font-size: 1.1em;
}

.categories-sidebar {
	margin-bottom: 2em;
}

.fab:before {
	font-size: 22px;
}

.fas:before {
	font-size: 22px;
}

.fab, .fas {
	border : 1px solid #dfdfdf;
	display: flex !important;
	justify-content: center;
	padding : 0.6em;
	-webkit-border-radius : 50%;
	border-radius: 50%;
	width: 22px;
	height: 22px;
}

/* Footer Responsive*/

.texte-footer {
	font-size: 1.2em;
}

.retour-haut {
	font-size: 1.4em;
}

}

@media screen and (min-width:300px) and (max-width: 840px) {
/* Article de blog */
	
	.article-full {
		flex : 1;
	}

	.le-contenu {
		margin : 0;
	}

	

/* Page contact */

.ensemble-page-contact {
	margin-top: 2em;
	flex-direction: column;
	padding-left: 3em;
	padding-right: 3em;
}

.titre-page-contact {
	font-size: 2.2em;
}
}

/* Menu déroulant responsive */

@media screen and (max-width: 700px){

.sticky {
	position: relative;
}

.menu-mobile {
	display: flex;
	flex-direction: column;
}

.nav ul {
	display : none;
	flex-direction : column;
	align-items: center;
	margin : 0;
	padding : 0;
}

.barres-menu {
	width: 2.2em;
	margin-top: 0.8em;
	margin-left: 1.5em;
	height: auto;
}	

.item-menu {
	margin-top : 0.6em;
	margin-bottom: 0.6em;
	font-size : 0.85rem;
	font-weight: 700;
}

.menu-blog {
	margin-top : 0.6em;
	margin-bottom: 0.6em;
	font-size : 0.95rem;
	font-weight: 700;
}

.nav {
	margin-bottom: 1em;
	border : none;
}

.lightwidget-widget {
	margin-top : 20px;
	margin-left : 10px;
	margin-right : 10px;
	margin-bottom : 20px;
}

}