@charset "utf-8";

/* CSS Document */


/* GENERAL*/

* {
	margin: 0;
	padding: 0;
}

ul,
ol,
li {
	list-style: none;
}

a {
	text-decoration: none;
}

body {
	font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	color: #78868e;
}

.rose {
	color: #b9025f;
}

.btn-rose {
	background-color: #b9025f;
	color: white;
	border-radius: 5px;
	padding: 10px;
	margin: 20px;
	text-align: center;
	border: solid 1px #b9025f;
}

.btn-vertdeau {
	background-color: #60BBBF;
	color: white;
	border-radius: 5px;
	padding: 10px;
	margin: 20px;
	text-align: center;
	border: solid 1px #8bc4c6;
}

.btn-vertdeau:hover {
	background-color: white !important;
	color: #60BBBF;
	border-radius: 5px;
	padding: 10px;
	margin: 20px;
	text-align: center;
	border: solid 1px #8bc4c6;
}

.btn-bleuclair {
	background-color: #749cc4;
	color: white;
	border-radius: 5px;
	padding: 10px;
	margin: 20px;
	text-align: center;
	border: solid 1px #749cc4;
}

.btn-bleuclair:hover {
	background-color: white !important;
	color: #749cc4;
	border-radius: 5px;
	padding: 10px;
	margin: 20px;
	text-align: center;
	border: solid 1px #749cc4;
}

.btn-violine {
	background-color: #6b6298;
	color: white;
	border-radius: 5px;
	padding: 10px;
	margin: 20px;
	text-align: center;
	border: solid 1px#6b6298;
}

.btn-violine:hover {
	background-color: white !important;
	color: #6b6298;
	border-radius: 5px;
	padding: 10px;
	margin: 20px;
	text-align: center;
	border: solid 1px #6b6298;
}

.btn-centre {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.bg-Couleur {
	background-color: #f7f8f9;
}

.preambule {
	color: #ffffff;
	font-weight: 600;
	font-size: 18px;
	padding: 20px 0px 0px 20px;
}
.preambule1 {
	color: #ffffff;
	font-weight: 600;
	font-size: 18px;
	padding: 0px 0px 0px 20px ;
}

.vert {
	color: #86b983;
}

.vertdeau {
	color: #60BBBF;
}

.bleuclair {
	color: #749cc4;
}

.violine {
	color: #6b6298;
}

.jaune {
	color: #f0c74c;
}

.orange {
	color: #e69c45;
}

.corail {
	color: #d3575d;
}

.turquoise {
	color: #1EB7BF;
}

.bleuvert {
	color: #2ea4dc;
}

.blanc {
	color: #ffffff;
}

button {
	background-color: #b9025f;
	font-size: 14px;
	font-weight: 400;
	color: white;
	border: solid 2px #b9025f;
	border-radius: 5px;
	padding: 10px;
	margin: 20px;
}

button:hover {
	background-color: white;
	font-size: 14px;
	color: #b9025f;
	border-radius: 5px;
	padding: 10px;
	margin: 20px;
	border: solid 2px #b9025f;
	transition: all 0.2s ease-in 0s;
}

button:active {
	background-color: white;
	font-size: 14px;
	color: #b9025f;
	border-radius: 5px;
	padding: 10px;
	margin: 20px;
	border: solid 2px #b9025f;
	transition: all 0.2s ease-in 0s;
}

.merci {
	color: white;
	padding: 20px 20px;
	font-weight: 700;
	font-size: 16px;
}

.minore {
	font-size: 8px;
}


/* masterhead */

.typoSansSerif {
	font-family: 'Dancing Script', 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	padding: 5px 20px 10px 20px;
	color: white;
}

.conteneur-masterhead {
	margin: 0px 10px;
}

#masterhead {
	padding: 0px 0px 0px 0px;
	background-image: url(img/HeaderBg.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

#masterheadMerci {
	padding: 0px 0px 0px 0px;
	background-image: url(img/HeaderBgMerci.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

size {
	width: 100%;
	height: auto;
}

.designation {
	font-style: italic;
}

.conteneurCentre {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
}


/*Accueil*/

#facetteServices {
	background-image: url(img/a-propos.png);
}

#facetteProjets {
	background-image: url(img/projet.png);
}

#facetteTarifs {
	background-image: url(img/Produit_particuliers.png);
}

#facetteConseil {
	background-image: url(img/Conseil.png);
}

#facetteCreation {
	background-image: url(img/Creation.png);
}

#facetteImpression {
	background-image: url(img/Impression.png);
}

#facetteWeb {
	background-image: url(img/Web.png);
}

#facettePortfolioIdentite {
	background-image: url(img/Portfolio_identite_graphique.png);
}

#facettePortfolioImpression {
	background-image: url(img/Portfolio_impression.png);
}

#facettePortfolioWeb {
	background-image: url(img/Portfolio_web.png);
}

#facettePortfolioVideo {
	background-image: url(img/Portfolio_video.png);
}

#facetteProduitsParticuliers {
	background-image: url(img/Produit_particuliers.png);
}

#facetteProduitsProfessionnels {
	background-image: url(img/Produit_professionnels.png);
}

#facetteProduitsParticuliersNaissance {
	background-image: url(img/Produit_particuliers_Naissance.png);
}

#facetteProduitsParticuliersAnniversaire {
	background-image: url(img/Produit_particuliers_Anniversaire.png);
}

#facetteProduitsParticuliersMariage {
	background-image: url(img/Produit_particuliers_Mariage.png);
}

#facetteProduitsParticuliersDeces {
	background-image: url(img/Produit_particuliers_Deces.png);
}

#facettePlusOriginal {
	background-image: url(img/Particuliers_Original.png);
}

#facettePlusBeau {
	background-image: url(img/Particuliers_Beau.png);
}

#facettePlusRapide {
	background-image: url(img/Particuliers_Rapide.png);
}

#facettePlusBonMarche {
	background-image: url(img/Particuliers_BonMarche.png);
}


/*Portfolio*/

#iragne {
	max-width: 600px;
}

#stVincentRO {
	max-width: 600px;
}

.minore {
	font-style: italic;
	font-size: 10px;
}




/*Produits et tarifs*/

.devisTurquoise {
	background-color: #1EB7BF;
	border-color: #1EB7BF;
}

.devisTurquoise:hover {
	background-color: white;
	border-color: #1EB7BF;
	color: #1EB7BF;
}

.devisBleuvert {
	background-color: #2ea4dc;
	border-color: #2ea4dc;
}

.devisBleuvert:hover {
	background-color: white;
	border-color: #2ea4dc;
	color: #2ea4dc;
}

.btn-Modal {
	padding: 10px !important;
	margin: 10px 0px 0px 0px !important;
	background-color: #b9025f;
	border-color: #b9025f;
	margin: 20px 0px 0px 0px ! important;
}

.ligne-3photos {
	background-color: white;
	box-shadow: 2px 2px 10px rgba(70, 79, 88, .2);
	margin: 10px;
	width: 300px;
	height: 370px;
	margin: 15px auto;
}

.element-3photos {
	position: relative;
	display: inline-block;
	width: 300px;
	height: 300px;
}

.photo {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 1;
}

.description-3photos {
	position: absolute;
	top: 0px;
	left: 0;
	display: flex;
	z-index: 1;
	width: 300px;
	height: 300px;
	opacity: 0;
	background-color: slategrey;
}


/*Formulaire*/

.requis {
	color: white;
	padding: 10px 0px 10px 20px;
	text-align: left;
	font-size: 10px;
}

.g-recaptcha {
	text-align: left;
	margin-left: 20px;
	margin-right: auto;
	padding: 10px 0px;
}


/*Footer*/

.pictoReseau {
	position: relative;
	display: inline-block;
}

.pictoReseau:hover {
	transform: translate(0px, -10px);
	transition: transform 330ms ease-in-out;
}


/* SMARTPHONE*/

@media (max-width: 499px) {
	h1 {
		font-size: 1.8em;
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		padding: 20px 0px 0px 0px;
		text-align: center;
	}
	h2 {
		font-size: 1.6em;
		color: white;
	}
	h3 {
		font-size: 1.4em;
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		color: #b9025f;
		font-weight: 800;
	}
	h4 {
		font-size: 1.1em;
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		padding: 20px 0px;
		color: #e7b142;
	}
	h5 {
		font-size: 0.9em;
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		padding: 10px 0px;
		color: #E7B144;
	}
	h6 {
		font-size: 0.8em;
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		padding: 10px 20px;
		color: #b9025f;
	}
	p {
		font-size: 13px;
	}
	.typoManuscrite {
		font-family: 'Dancing Script', 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		padding: 10px 20px 0px 20px;
		color: white;
		font-size: 1.9em !important;
	}
    video{
		width: 320px;
        height: auto;
	}
	.typoManuscriteFacette {
		font-family: 'Dancing Script', 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		padding: 5px 20px 0px 20px;
		color: white;
		font-size: 1.2em;
	}
	.typoManuscriteTitre {
		font-size: 2em;
		font-family: 'Dancing Script', 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		padding: 5px 20px 0px 20px;
		color: white;
	}
	.typoManuscritePlus {
		font-family: 'Dancing Script', 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		padding: 5px 20px 0px 20px;
		color: white;
		font-size: 1.3em;
	}
	.typoManuscritePlus2lignes {
		font-family: 'Dancing Script', 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		padding: 95px 20px 10px 20px;
		color: white;
		font-size: 1.3em;
		line-height: 18px;
	}
	.txtCrea {
		font-size: 14px;
	}
	.calage {
		padding: 20px 20px 10px 20px;
	}
	.paragraphePortrait {
		max-width: 400px;
		padding: 10px 20px;
	}
	.facettePlusTxt {
		font-size: 14px;
		padding: 0px 30px;
		text-align: justify;
	}
	.preambule {
		color: #ffffff;
		font-weight: 600;
		font-size: 18px;
		padding-top: 20px;
		text-align: left;
	}
	.ssTitreH1 {
		text-align: center;
		font-size: 1em;
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		padding: 0px 20px 20px 20px;
		color: dimgrey;
		font-style: italic;
	}
	.tarifTurquoise {
		font-size: 18px;
		font-weight: 600;
		color: #1EB7BF;
	}
	#startIndex {
		background-image: url(img/BgAccueilPort.png);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: cover;
	}
	/* accueil */
	#accueil {
		background-image: url(img/Accueil_bg_smart.png);
		padding: 0px 0px 0px 0px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100%;
	}
	#particulier {
		background-image: url(img/HeaderBgPart.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		padding: 0px 0px 0px 0px;
	}
	.logo {
		height: 50px !important;
        width: auto;
	}
	.titreAccueil {
		font-size: 28px !important;
		font-family: 'Dancing Script', 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		text-align: center;
		color: white;
		padding: 10px 15px 10px 15px;
	}
	.ssTitreAccueil {
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		font-weight: 300;
		color: white;
		font-size: 16px !important;
	}
	.titrePart {
		font-size: 2.5em !important;
		font-family: 'Dancing Script', 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		text-align: center;
		color: #1EB7BF;
		margin-bottom: 20px;
		padding: 10px;
	}
	.ssTitrePart {
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		font-weight: 600;
		color: #78868e;
		font-size: 22px !important;
		margin-top: 30px;
	}
	.ssTitrePart2 {
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		font-weight: 300;
		color: #78868e;
		font-size: 18px !important;
		text-align: center;
	}
	.ssTitreExtraitPart {
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		font-weight: 300;
		color: #78868e;
		font-size: 1em !important;
		margin-top: 30px;
	}
	#conseilEnCommunication {
		padding: 30px 10px 0px 10px;
	}
	#ProduitsTarifsParticulier {
		padding: 100px 0px 0px 0px;
	}
	#coordonneesAccueil {
		text-align: center;
		padding: 20px;
	}
	.separateur {
		background-color: #b9025f;
		text-align: left;
		margin-left: 20px;
		margin-right: auto;
		width: 50px;
		height: 3px;
	}
	.separateurVert {
		background-color: #86b983;
		text-align: left;
		margin-left: 20px;
		margin-right: auto;
		width: 50px;
		height: 3px;
	}
	.separateurVertdeau {
		background-color: #60BBBF;
		text-align: left;
		width: 50px;
		height: 3px;
	}
	.separateurBleuclair {
		background-color: #749cc4;
		text-align: left;
		width: 50px;
		height: 3px;
	}
	.separateurVioline {
		background-color: #6b6298;
		text-align: left;
		width: 50px;
		height: 3px;
	}
	.separateurCorail {
		background-color: #d3575d;
		text-align: left;
		width: 50px;
		height: 3px;
	}
	.separateurTurquoise {
		background-color: #1EB7BF;
		text-align: left;
		width: 50px;
		height: 3px;
	}
	.separateurBleuvert {
		background-color: #2ea4dc;
		text-align: left;
		width: 50px;
		height: 3px;
	}
	.positionFacette {
		position: relative;
		display: flex;
		justify-content: center;
		width: 170px;
		height: 170px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		transform: scale(1);
		transition: transform 200ms;
        padding: 10px;
	}
	.positionFacettePart {
		position: relative;
		display: flex;
		justify-content: center;
		width: 170px;
		height: 170px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		transform: scale(1);
		transition: transform 200ms;
	}
	.positionTitreFacette {
		position: absolute;
		top: 50%;
	}
	#services {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.blocService {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.grilleProduit {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	/*
	.grille-3photos {
		display: flex;
		flex-wrap: wrap;
		justify-content: center!important;
		margin: auto;
	}
	.grille-2photos {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.grille-1gd-2pttphotos {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.grille-1gd-2pttLphotos {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.grille-1gd-2pttLphotos {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.grille-2gd-1pttphotos {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}*/
	.1gd,
	.1gdL {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.2ptt {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.2pttL {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}
	.portfolioItem {
		background-color: white;
		box-shadow: 2px 2px 10px rgba(70, 79, 88, .2);
		width: 300px;
		height: 220px;
		margin: 10px;
	}
	.portfolioItemPart {
		background-color: white;
		box-shadow: 2px 2px 10px rgba(70, 79, 88, .2);
		width: 300px;
		height: auto;
		margin: 20px;
	}
	.portfolioItemCrea,
	.projetItemCrea-3photos,
	.projetItemCrea-2photos,
    .projetItemCrea-2videos,
	.projetItemCrea-1gd,
	.projetItemCrea-1gdL,
	.projetItemCrea-2gd,
	.projetItemCrea-2ptt,
	.projetItemCrea-2pttL,
	.projetItemCrea-1ptt,
	.projetItemCrea-1xgdL,
	.projetItemCrea-1my {
		background-color: white;
		box-shadow: 2px 2px 10px rgba(70, 79, 88, .2);
		width: 350px;
		height: auto;
		margin: 20px;
	}
    
	/*
	.portfolioItemCrea {
		width: 300px;
		height: 370px;
	}
	.projetItemCrea-3photos {
		width: 360px;
		height: 360px;
	}
	.projetItemCrea-2photos {
		width: 550px;
		height: 360px;
	}
	.projetItemCrea-1gd {
		width: 550px;
		height: 450px;
	}
	.projetItemCrea-1gdL {

		width: 450px;
		height: 360px;
	}
	.projetItemCrea-2gd {
		width: 415px;
		height: 360px;
	}
	.projetItemCrea-2ptt {
		width: 550px;
		height: 220px;
	}
	.projetItemCrea-2pttL {
		width: 314px;
		height: 360px;
	}
	.projetItemCrea-1ptt {
		width: 250px;
		height: 360px;
	}*/
	.portfolioVisuel,
	.portfolioVisuelCrea,
	.projetVisuelCrea-3photos,
	.projetVisuelCrea-2photos,
	.projetVisuelCrea-1gd,
	.projetVisuelCrea-1gdL,
	.projetVisuelCrea-2gd,
	.projetVisuelCrea-2ptt,
	.projetVisuelCrea-2pttL,
	.projetVisuelCrea-1ptt,
	.projetVisuelCrea-1xgdL,
	.projetVisuelCrea-1my {
		position: relative;
		display: inline-block;
		height: auto;
	}
	/*
	.projetVisuelCrea-3photos {
		position: relative;
		display: inline-block;
		width: 360px;
		height: 360px;
	}
	.projetVisuelCrea-2photos {
		position: relative;
		display: inline-block;
		width: 550px;
		height: 360px;
	}
	.projetVisuelCrea-1gd {
		position: relative;
		display: inline-block;
		width: 550px;
		height: 450px;
	}
	.projetVisuelCrea-1gdL {
		position: relative;
		display: inline-block;
		width: 450px;
		height: 360px;
	}
	.projetVisuelCrea-2gd {
		position: relative;
		display: inline-block;
		width: 415px;
		height: 360px;
	}
	.projetVisuelCrea-2ptt {
		position: relative;
		display: inline-block;
		width: 220px;
		height: 360px;
	}
	.projetVisuelCrea-2pttL {
		position: relative;
		display: inline-block;
		width: 314px;
		height: 360px;
	}
	.projetVisuelCrea-1ptt {
		position: relative;
		display: inline-block;
		width: 250px;
		height: 360px;
	}*/
	/*
	.child1 {
		position: absolute;
		top: 0;
		left: 0;
		opacity: 1;
	}*/
	/*
	.child2 {
		position: absolute;
		top: 0px;
		left: 0;
		display: flex;
		z-index: 1;
		width: 300px;
		height: 300px;
		opacity: 0;
		background-color: slategrey;
	}*/
	.child2-3photos,
	.child2-2photos,
    .child2-2videos,
	.child2-1gd,
	.child2-1gdL,
	.child2-2gd,
	.child2-2ptt,
	.child2-2pttL,
	.child2-1ptt,
	.child2-1xgdL,
	.child2-1my {
		display: table-cell;
		/* comportement visuel de cellule */
		vertical-align: middle;
		width: 350px;
		height: auto;
		padding: 10px;
	}
  
	/*
	.child2-3photos {
		position: absolute;
		top: 0px;
		left: 0;
		display: flex;
		z-index: 1;
		width: 360px;
		height: 360px;
		opacity: 0;
		background-color: rgba(255, 255, 255, 1);
	}
	.child2-2photos {
		position: absolute;
		top: 0px;
		left: 0;
		display: flex;
		z-index: 1;
		width: 550px;
		height: 360px;
		opacity: 0;
		background-color: rgba(255, 255, 255, 1);
	}
	.child2-1gd {
		position: absolute;
		top: 0px;
		left: 0;
		display: flex;
		z-index: 1;
		width: 550px;
		height: 450px;
		opacity: 0;
		background-color: rgba(255, 255, 255, 1);
	}
	.child2-1gdL {
		position: absolute;
		top: 0px;
		left: 0;
		display: flex;
		z-index: 1;
		width: 450px;
		height: 360px;
		opacity: 0;
		background-color: rgba(255, 255, 255, 1);
	}
	.child2-2gd {
		position: absolute;
		top: 0px;
		left: 0;
		display: flex;
		z-index: 1;
		width: 415px;
		height: 360px;
		opacity: 0;
		background-color: rgba(255, 255, 255, 1);
	}
	.child2-2ptt {
		position: absolute;
		top: 0px;
		left: 0;
		display: flex;
		z-index: 1;
		width: 550px;
		height: 220px;
		opacity: 0;
		background-color: rgba(255, 255, 255, 1);
	}
	.child2-2pttL {
		position: absolute;
		top: 0px;
		left: 0;
		display: flex;
		z-index: 1;
		width: 314px;
		height: 360px;
		opacity: 0;
		background-color: rgba(255, 255, 255, 1);
	}
	.child2-1ptt {
		position: absolute;
		top: 0px;
		left: 0;
		display: flex;
		z-index: 1;
		width: 250px;
		height: 360px;
		opacity: 0;
		background-color: rgba(255, 255, 255, 1);
	}*/
	.child2Particulier {
		position: absolute;
		top: 0px;
		left: 0;
		z-index: 1;
		width: 300px;
		height: auto;
		opacity: 0;
		background-color: slategrey;
	}
	/*
	.child1:hover {
		transition: all 0.2s ease-in 0s;
		opacity: 0.9;
	}*/
	.child1 img {
		max-width: 100%;
		max-height: 100%;
	}
	.savoirPlusItem {
		position: relative;
		display: flex;
		justify-content: center;
		align-content: center;
		width: 300px;
		height: 220px;
		padding: 5px;
	}
	.savoirPlusPartItem {
		position: relative;
		display: flex;
		top: 0;
		left: auto;
		color: white !important;
		border: 2px solid white;
		justify-content: center;
		align-content: center;
		height: 140px;
		padding: 5px;
		opacity: 0;
	}
	/*
	.savoirPlusItemCrea {
		position: relative;
		display: flex;
		justify-content: center;
		align-content: center;
		width: 350px;
		height: 300px;
		padding: 5px;
	}*/
	.savoirPlus {
		position: absolute;
		top: 0%;
		color: white;
		width: 280px;
		height: 130px;
		border: 2px solid rgba(255, 255, 255, 1);
		border-radius: 0;
		background-color: slategrey;
		color: white;
		padding: 10px 10px 10px 10px !important;
		opacity: 0;
	}
	.savoirPlusCrea {
		opacity: 0;
		position: absolute;
		top: 0;
		width: 320px;
		height: 320px;
		border: 2px solid rgba(255, 255, 255, 1);
		border-radius: 0;
		color: white;
	}
    .savoirPlusPart {
		position: absolute;
		top: 0;
		width: 300px;
		height: 210px;
		border: 2px solid rgba(255, 255, 255, 1);
		border-radius: 0;
		background-color: slategrey;
		color: white;
	}
    
	.savoirPlus:hover {
		transform: scale(1.1);
		transition: transform 330ms ease-in-out;
	}
	.savoirPlus:active {
		border: 2px solid rgba(255, 255, 255, 1);
		border-radius: 0;
	}
	.portfolioInfo {
		display: block;
		flex-wrap: nowrap;
		justify-content: center;
		padding: 10px 20px;
	}
	.portfolioTitle {
		max-width: 100%;
		font-size: 1em !important;
		color: #b9025f;
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	}
	.portfolioTitlePart {
		max-width: 100%;
		font-size: 1em !important;
		color: #1EB7BF;
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	}
	.portfolioSubTitle {
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		color: #1EB7BF;
		font-size: 1.2em;
		text-transform: uppercase;
		padding: 10px 0px 0px 20px;
		padding: 0px 0px 0px 20px;
		max-width: 100%;
	}
	.portfolioModalFormat {
		padding: 0px 0px 0px 0px !important;
		max-width: 100%;
		color: #e7b142;
		font-size: 1em;
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	}
	.portfolioModalSubTitle {
		padding: 0px 0px 0px 0px !important;
		max-width: 100%;
		color: slategrey;
		font-size: 1em;
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	}
	.portfolioModalTitle {
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		color: #1EB7BF;
		font-size: 1.2em;
		text-transform: uppercase;
		padding: 10px 0px 0px 0px;
	}
	.portfolioModalTitlePart {
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		color: #1EB7BF;
		font-size: 1.2em;
		text-transform: uppercase;
		padding: 10px 0px 0px 0px;
	}
	.portfolioModalTitleIG {
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		color: #d1d045;
		font-size: 1.2em;
		text-transform: uppercase;
		padding: 10px 0px 0px 0px;
	}
	.prixProduitModal {
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		color: #1EB7BF;
		font-size: 1.2em;
		font-weight: 600;
		padding: 10px 0px 0px 0px;
	}
	.mentionProduitModal {
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		font-size: 0.8em;
		padding: 10px 0px 0px 0px;
	}
	.modal {
		position: fixed;
		display: flex;
		z-index: 2;
		align-items: center;
		justify-content: center;
		top: 0px;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.7);
		animation: fadeIn 0.3s both;
	}
	.modalContenu {
		overflow: auto;
		width: 300px;
		max-width: calc(100vw - 20px);
		max-height: calc(100vh - 20px);
		padding: 20px;
		background-color: white;
		animation: slideFromTop 0.5s both
	}
	.separateurModalTurquoise {
		background-color: #1EB7BF;
		text-align: left;
		margin: 5px 0px 5px 0px;
		width: 50px;
		height: 3px;
	}
	.separateurModalVertAnis {
		background-color: #d1d045;
		text-align: left;
		margin: 5px 0px 5px 0px;
		width: 50px;
		height: 3px;
	}
	.portfolioModalImg {
		max-width: 100%;
	}
	.portfolioButtonClose {
		display: flex;
		justify-content: flex-end;
	}
	.btn-close {
		text-align: center;
		color: #b9025f;
		border: solid 2px #b9025f;
		background-color: white;
		margin: 0px 0px 5px 0px !important;
		padding: 6px 8px 6px 8px !important;
	}
	.btn-close:hover {
		border: solid 2px slategray;
		color: slategray;
	}
	.modalContenu p {
		padding: 5px 0px 5px 0px;
	}
	@keyframes fadeIn {
		from {
			opacity: 0;
		}
		to {
			opacity: 1;
		}
	}
	@keyframes slideFromTop {
		from {
			transform: translateY(-50px);
		}
		to {
			transform: translateY(0px);
		}
	}
	.ligneExtraitsTarifs {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	.blocTarifs {
		padding: 0px;
		border: solid 2px #1EB7BF;
		margin: 10px;
	}
	.formatTarifs {
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		background-color: #1EB7BF;
		color: white;
		height: 30px;
		padding: 10px;
		width: 220px;
		font-weight: 600;
	}
	.ligneTarifs {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		background-color: white;
	}
	.tarifs {
		font-weight: 600;
	}
	.rectoTarifs {
		padding: 10px;
	}
	.rectoVersoTarifs {
		padding: 10px;
	}
	/* header*/
	header {
		position: absolute;
		background-color: white;
	}
	.conteneur-menu {
		display: flex;
		justify-content: center;
		align-items: center;
		position: fixed;
		background-color: white;
		box-shadow: 0px 0px 10px grey;
		width: 376px;
		z-index: 2;
	}
	#menu {
		display: none;
	}
	.bloc-marque {
		display: flex;
		justify-content: center;
		align-items: center;
		font-weight: 800;
		color: #b9025f;
		letter-spacing: 1px;
		padding: 10px;
	}
	/* Bloc marque*/
	.logo {
		 height: 50px !important;
        width: auto;
	}
	#Accueil .logo {
		height: 50px;
		width: 70px !important;
	}
	.nom {
		margin: auto;
		font-size: 14px;
		font-weight: 700;
		color: #b9025f !important;
		letter-spacing: 1px;
		text-align: left;
	}
	.nom-Accueil {
		font-size: 16px;
		font-weight: 700;
		color: #b9025f !important;
		letter-spacing: 1px;
		text-align: left;
	}
	.nom:hover {
		color: #78868e;
		font-weight: 700;
		transition: all 0.2s ease-in 0s;
	}
	.nomFooter {
		margin: auto;
		font-size: 16px;
		font-weight: 700;
		color: #b9025f !important;
		text-align: left;
		width: 300px;
	}
	.base-line {
		font-weight: 400;
		font-size: 13px;
		color: #b9025f !important;
	}
	.base-line-Accueil {
		font-weight: 400;
		font-size: 15px;
		color: #b9025f !important;
	}
	/* nav */
	/* MENU STYLES */
	.menu-wrap {
		position: fixed;
		top: 0;
		left: 20px;
		z-index: 1;
	}
	.menu-wrap .toggler {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		cursor: pointer;
		width: 60px;
		height: 60px;
		opacity: 0;
	}
	.menu-wrap .hamburger {
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 1;
		width: 20px;
		height: 20px;
		margin: 10px 9px;
		padding: 10px;
		background: #b9025f;
		border-radius: 8px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	/* Hamburger Line */
	.menu-wrap .hamburger>div {
		position: relative;
		flex: none;
		width: 100%;
		height: 3px;
		border-radius: 1px;
		background: white;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: all 0.4s ease;
	}
	/* Hamburger Lines - Top & Bottom */
	.menu-wrap .hamburger>div::before,
	.menu-wrap .hamburger>div::after {
		content: '';
		position: absolute;
		z-index: 1;
		top: -8px;
		width: 100%;
		height: 3px;
		border-radius: 1px;
		background: inherit;
	}
	/* Moves Line Down */
	.menu-wrap .hamburger>div::after {
		top: 8px;
	}
	/* Toggler Animation */
	.menu-wrap .toggler:checked+.hamburger>div {
		transform: rotate(135deg);
	}
	/* Turns Lines Into X */
	.menu-wrap .toggler:checked+.hamburger>div:before,
	.menu-wrap .toggler:checked+.hamburger>div:after {
		top: 0;
		transform: rotate(90deg);
	}
	/* Rotate On Hover When Checked */
	.menu-wrap .toggler:checked:hover+.hamburger>div {
		transform: rotate(225deg);
	}
	/* Show Menu */
	.menu-wrap .toggler:checked~.menu {
		visibility: visible;
	}
	.menu-wrap .toggler:checked~.menu>div {
		transform: scale(1);
		transition-duration: var(--menu-speed);
	}
	.menu-wrap .toggler:checked~.menu>div>div {
		opacity: 1;
		transition: opacity 0.4s ease 0.4s;
	}
	.menu-wrap .menu {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		visibility: hidden;
		overflow: hidden;
		display: flex;
		align-items: center;
		justify-content: center;
		background: white;
		opacity: 0.9;
	}
	.menu-wrap a {
		color: #b9025f;
		font-size: 22px;
		font-weight: 600;
	}
	.menu-wrap .menu>div {
		background: rgba(0, 0, 0, 0.85);
		border-radius: 50%;
		width: 300vw;
		height: 300vw;
		display: flex;
		flex: none;
		align-items: center;
		justify-content: center;
		transform: scale(0);
		transition: all 0.4s ease;
	}
	.menu-wrap .menu>div>div {
		text-align: center;
		max-width: 90vw;
		max-height: 100vh;
		opacity: 0;
		transition: opacity 0.4s ease;
	}
	.menu-wrap .menu>div>div>ul>li {
		list-style: none;
		color: white;
		font-size: 1.5rem;
		padding: 1rem;
	}
	.menu-wrap .menu>div>div>ul>li>a {
		color: white;
		text-decoration: none;
		transition: color 0.4s ease;
	}
	.ss-menu {
		color: #78868e;
		text-decoration: none;
		transition: color 0.4s ease;
		font-size: 18px;
		padding-left: 10px;
		font-weight: 400;
	}
	.titre-menu {
		color: #b9025f;
		font-size: 22px;
		font-weight: 600;
	}
	/* masterhead */
	#masterhead {
		background-image: url(img/BgPartPort.png);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: cover;
	}
	#masterheadMerci {
		background-image: url(img/BgPartPortMerci.png);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: cover;
	}
	#masterheadPage {
		padding: 0px 0px 0px 0px;
		background-image: url(img/TitrePort.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}
	.servicesSmartphone {
		padding: 0px 0px 20px 0px;
	}
	#services {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	#boutonRedirection {
		display: flex;
		justify-content: center;
	}
	.blocService {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	#services img {
		max-width: 180px;
	}
	#services h2 {
		text-align: center;
	}
	.conteneurPortfolio {
		padding: 150px 0px 0px 0px;
		text-align: center;
	}
	.light {
		font-weight: 300;
	}
	/* section */
	#particuliersServices {
		background-image: url(img/HeaderBgPort.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}
	#particuliersExtraitTarifs {
		background-image: url(img/BgTarifsPart2.png);
		background-color: #f5f5f5;
		background-repeat: no-repeat;
		background-position: top center;
		background-size: contain;
	}
	#particuliersEvenement {
		background-image: url(img/BgEvenementPart.png);
		background-color: #f5f5f5;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}
	.margePort {
		height: 60px;
	}
	.conteneur-services {
		margin: 0px 0px 0px 0px;
		padding: 10px 0 10px 0;
		background-color: rgba(255, 255, 255, 0.8);
	}
	.conteneur-services h2 {
		text-align: left;
	}
	.conteneur-colonne {
		display: flex;
		flex-wrap: wrap;
		justify-content: left;
		text-align: left;
        padding: 20px;
	}
	.conteneur-colonneProduit {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		text-align: center;
	}
	.conteneurRepFormulaire {
		text-align: left;
		margin: 0 20px 20px 20px;
	}
	.ordi {
		display: none;
	}
	.colonneDescriptionProduit {
		width: 100%;
	}
	.colonneProduits {
		width: 350px;
		text-align: left;
	}
	.colonneProduits h3 {
		text-align: left;
	}
	.colonneProduits h4 {
		text-align: left;
	}
	.colonneProduits p {
		text-align: left;
	}
	.colonneContact {
		padding: 20px 0px;
		20px;
		0px;
		margin: 20px 20px;
		20px;
		20px;
		background-color: rgba(255, 255, 255, 0.8);
	}
	.colonneProduits img {
		width: 320px;
		padding: 0px 20px;
	}
	.separateur {
		background-color: #b9025f;
		text-align: left;
		margin-left: 20px;
		margin-right: auto;
		width: 50px;
		height: 2px;
	}
	.separateurvert {
		background-color: #b9025f;
		text-align: left;
		margin-left: 20px;
		margin-right: auto;
		width: 50px;
		height: 2px;
	}
	.photoPortrait {
		display: flex;
		flex-wrap: nowrap;
		width: 350px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}
	.titre {
		background-color: #b9025f;
	}
	.titreIdentite {
		background-color: #59387b;
	}
	.titreImp {
		background-color: #749cc4;
	}
	.titreWeb {
		background-color: #8bc4c6;
	}
	.titrePage {
		color: #b9025f;
		text-align: center;
		padding: 90px 20px 10px 20px;
	}
	.titrePageAccueil {
		color: #b9025f;
		text-align: center;
		padding: 120px 20px 30px 20px;
	}
	.titrePageProjet {
		color: #b9025f;
		text-align: center;
		padding: 120px 20px 0px 20px;
	}
	.titrePageContact {
		color: #b9025f;
		text-align: center;
		padding: 120px 0px 20px 0px;
	}
	.titrePageMention {
		color: #b9025f;
		text-align: center;
		padding: 300px 0px 20px 0px;
	}
	.titrePageTurquoise {
		color: #1EB7BF;
		text-align: center;
		padding: 120px 20px 10px 20px;
	}
	.titrePageTurquoiseParticulier {
		color: #1EB7BF !important;
		text-align: center !important;
		padding: 20px 20px 10px 20px !important;
	}
	.titrePageBleuPale {
		color: #2ea4dc;
		text-align: center;
		padding: 120px 20px 10px 20px;
	}
	.titre {
		background-image: url(img/bandeau.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
		height: 50px;
	}
	.titreVert {
		background-image: url(img/bandeau_vert.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
		height: 50px;
	}
	.titreVertdeau {
		background-image: url(img/bandeau_vertdeau.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
		height: 50px;
	}
	.titreBleuclair {
		background-image: url(img/bandeau_bleuclair.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
		height: 50px;
	}
	.titreVioline {
		background-image: url(img/bandeau_violine.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
		height: 50px;
	}
	.titreJaune {
		background-image: url(img/bandeau_jaune.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
		height: 50px;
	}
	.titreJaune2 {
		background-image: url(img/bandeau_jaune2.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
		height: 50px;
	}
	.titreOrange {
		background-image: url(img/bandeau_orange.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
		height: 50px;
	}
	.titreCorail {
		background-image: url(img/bandeau_corail.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
		height: 50px;
	}
	.titreCorail2 {
		background-image: url(img/bandeau_corail2.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
		height: 50px;
	}
	.titreTurquoise {
		background-image: url(img/bandeau_turquoise.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
		height: 50px;
		margin-bottom: 10px;
	}
	.titreBleuvert {
		background-image: url(img/bandeau_bleuvert.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
		height: 50px;
		margin-bottom: 40px;
	}
	.titreImp {
		background-image: url(img/bandeau_bleu.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
	}
	.titreWeb {
		background-image: url(img/bandeau_vert.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
	}
	.baseLine {
		font-weight: 500;
		font-size: 14px;
		padding: 10px 10px 10px 20px;
	}
	.illus-ordi {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}
	.illus-ordi img {
		padding: 0 20px 20px 20px;
	}
	.tarif {
		font-size: 18px;
		font-weight: 600;
		color: #b9025f;
	}
	.mention {
		font-size: 10px;
		font-weight: 400;
	}
	.important {
		font-weight: 600;
		font-size: 15px;
	}
	.accroche {
		font-size: 1.4em;
		font-weight: 700;
		padding: 15px 5px 5px 20px;
		text-align: left;
		width: 320px;
	}
	.but {
		font-size: 12px;
		color: #78868e;
		font-weight: 400;
		padding: 0px 20px 5px 20px;
		text-align: left;
		width: 320px;
	}
	.up {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		margin-left: 20px;
	}
	.ligne3 {
		width: 400px;
		height: auto;
		padding: 0px 20px 0px 20px;
	}
	.galery {
		display: flex;
		flex-wrap: wrap;
	}
	.galery img {
		max-width: 320px;
		height: auto;
		padding: 0px 20px 0px 20px;
		position: relative;
		z-index: -2;
	}
	.legende {
		font-style: italic;
		text-align: center;
		font-size: 12px;
		background-color: rgba(255, 255, 255, 0.8);
		width: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-content: center;
		position: relative;
		top: -37px;
		padding: 10px 0px 10px 0px;
		z-index: -1;
	}
	.imgPart img {
		width: 350px;
	}
	/* formulaire */
	textarea {
		border: solid 1px #dedede;
		width: 300px;
		height: 200px;
		margin-top: 10px;
		border-radius: 8px;
		padding: 10px;
		background-color: #fafafa;
	}
	 ::placeholder {
		color: #a3a2a2;
	}
	input {
		width: 310px;
		border: solid 1px #dedede;
		margin: 5px 0;
		padding: 10px 0px 10px 10px;
		border-radius: 5px;
		background-color: #fafafa;
	}
	.submit {
		color: #b9025f;
		background-color: white;
		border: solid 1px white;
		padding: 10px 20px;
		border-radius: 5px;
		margin: 0px 20px 20px 20px;
		font-size: 14px;
		font-weight: 700;
	}
	.champs {
		padding-top: 10px;
		text-align: left;
		color: white;
	}
	label {
		color: white;
		font-size: 14px;
		font-weight: 600;
	}
	.erreur {
		color: white !important;
		font-size: 12px;
		text-transform: uppercase;
		font-style: italic;
	}
	.colonneContenuForm {
		background-color: #b9025f;
	}
	.conteneur-colonne {
		display: flex;
	}
	/*Mentions Légales*/
	#mentionsLegales {
		text-align: left;
		margin: 0px 20px 0px 20px !important;
		background-color: rgba(255, 255, 255, 0.8);
	}
	#mentionsLegales h2 {
		color: #b9025f !important;
		font-size: 1, 5em !important;
		font-weight: 500 !important;
		padding-left: 20px !important;
	}
	.mentions {
		text-align: center;
		color: slategray;
	}
	/* footer */
	.conteneur-footer {
		padding: 10px 20px;
	}
	#reseau {
		padding: 10px 20px;
	}
	#reseau img {
		width: 30px;
	}
	footer a {
		font-weight: 500;
		color: #b9025f;
	}
	footer a:hover {
		font-weight: 500;
		color: #b9025f;
	}
}


/* TABLETTE */

@media (min-width: 500px) and (max-width: 1023px) {
	h1 {
		font-size: 2em;
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		font-weight: 600;
	}
	h2 {
		color: white;
	}
	h3 {
		font-size: 1.8em;
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		padding: 10px 20px;
		color: #b9025f;
		font-weight: 800;
		letter-spacing: 1px;
	}
	h4 {
		font-size: 0.8em;
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		padding: 10px 20px 10px 0px;
		color: #e7b142;
	}
	h5 {
		font-size: 0.9em;
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		padding: 10px 0px;
		color: #E7B143;
	}
	h6 {
		font-size: 0.8em;
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		color: #b9025f;
	}
	p {
		font-size: 0.8em;
	}
    video{
		width: 460px;
        height: auto;
	}
	.txtCrea {
		font-size: 0.8em;
	}
    .ContenuService {
        padding: 0px 20px 0px 0px !important;
    }
	.ssTitreH1 {
		text-align: center;
		font-size: 0.8em;
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		padding: 0px 0px 40px 0px;
		color: dimgrey;
		font-style: italic;
	}
	.titrePage {
		color: #b9025f;
		text-align: center;
		padding: 120px 20px 10px 20px;
	}
	.titrePageAccueil {
		color: #b9025f;
		text-align: center;
		padding: 120px 20px 10px 20px;
	}
	.titrePageProjet {
		color: #b9025f;
		text-align: center;
		padding: 120px 20px 0px 20px;
	}
	.titrePageTurquoise {
		color: #1EB7BF;
		text-align: center;
		padding: 120px 20px 10px 20px;
	}
	.titrePageTurquoiseParticulier {
		color: #1EB7BF !important;
		text-align: center !important;
		padding: 20px 20px 10px 20px !important;
	}
	.titrePageBleuPale {
		color: #2ea4dc;
		text-align: center;
		padding: 120px 20px 10px 20px;
	}
	.light {
		font-weight: 300;
	}
	.typoManuscrite {
		font-family: 'Dancing Script', 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		padding: 10px 20px 0px 20px;
		color: white;
	}
	.typoManuscriteFacette {
		font-family: 'Dancing Script', 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		padding: 5px 20px 0px 20px;
		color: white;
		font-size: 1.2em;
	}
	.typoManuscriteTitre {
		font-size: 2em;
		font-family: 'Dancing Script', 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		padding: 5px 20px 0px 20px;
		color: white;
	}
	.typoManuscritePlus {
		font-family: 'Dancing Script', 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		padding: 5px 20px 0px 20px;
		color: white;
		font-size: 1.3em;
	}
	.typoManuscritePlus2lignes {
		font-family: 'Dancing Script', 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		padding: 85px 20px 10px 20px;
		color: white;
		font-size: 1.3em;
		line-height: 18px;
		text-align: center;
	}
	/* accueil */
	#accueil {
		background-image: url(img/Accueil_bg.jpg);
		padding: 0px 0px 0px 0px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}
	#particulier {
		background-image: url(img/HeaderBgPart.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}
	#fond-Accueil {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		height: 600px;
	}
	.calage {
		padding: 20px 20px 10px 20px;
	}
	.paragraphePortrait {
		max-width: 300px;
		padding: 10px 20px;
	}
	#accueil img {
		width: 112px;
		height: 83px;
	}
	#logo img {
		padding: 30px 0 0 0;
	}
	#coordonneesAccueil {
		text-align: center;
		padding: 20px;
	}
	.titreAccueil {
		font-size: 2em !important;
		font-family: 'Dancing Script', 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		text-align: center;
		color: white;
	}
	.ssTitreAccueil {
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		font-weight: 300;
		color: white;
		font-size: 0.5em !important;
	}
	.titrePart {
		font-size: 2.5em !important;
		font-family: 'Dancing Script', 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		text-align: center;
		color: #1EB7BF;
		margin-bottom: 20px;
	}
	.ssTitrePart {
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		font-weight: 600;
		color: #78868e;
		font-size: 1.4em !important;
		margin-top: 30px;
	}
	.ssTitrePart2 {
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		font-weight: 300;
		color: #78868e;
		font-size: 1em !important;
		text-align: center;
	}
	.ssTitreExtraitPart {
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		font-weight: 300;
		color: #78868e;
		font-size: 1em !important;
		margin-top: 30px;
	}
	#conseilEnCommunication {
		padding: 30px 10px 30px 10px;
	}
	#ProduitsTarifsParticulier {
		padding: 150px 10px 10px 10px;
	}
	.positionFacette {
		position: relative;
		display: flex;
		justify-content: center;
		width: 180px;
		height: 180px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		transform: scale(1);
		transition: transform 100ms;
        padding: 10px;
	}
	.positionFacette:hover {
		transform: translate(0px, -20px);
		transition: transform 330ms ease-in-out;
	}
	.positionFacettePart {
		position: relative;
		display: flex;
		justify-content: center;
		width: 150px;
		height: 150px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		transform: scale(1);
		transition: transform 100ms;
	}
	.positionTitreFacette {
		position: absolute;
		top: 50%;
	}
	.titreThemeParticulier {
		margin: 0px 0px 0px 60px;
	}
	.grilleProduit {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;

	}/*
	.grille-3photos {
		display: flex;
		flex-wrap: wrap;
		justify-content: center!important;
		margin: auto;
	}
	.grille-2photos {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.grille-1gd-2pttphotos {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.grille-1gd-2pttLphotos {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.grille-1gd-2pttLphotos {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.grille-2gd-1pttphotos {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}*/
	.1gd {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.1gdL {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.2ptt {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.2pttL {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}
	.portfolioItemPart {
		background-color: white;
		width: 460px;
		height: 280px;
		margin: 20px;
	}
	.portfolioItemCrea,
	.projetItemCrea-3photos,
	.projetItemCrea-2photos,
    .projetItemCrea-2videos,
	.projetItemCrea-1gd,
	.projetItemCrea-1gdL,
	.projetItemCrea-2gd,
	.projetItemCrea-2ptt,
	.projetItemCrea-2pttL,
	.projetItemCrea-1ptt,
	.projetItemCrea-1xgdL,
	.projetItemCrea-1my {
		background-color: white;
		margin: 20px;
	}

	.portfolioItem {
		width: 460px;
		height: 240px;
	}
	.portfolioItemCrea {
		width: 320px;
		height: 360px;
	}
	.projetItemCrea-3photos {
		background-color: white;
		width: 460px;
		height: 530px;
	}
	.projetItemCrea-2photos {
		width: 460px;
		height: 380px;
	}
    .projetItemCrea-2videos {
		width: 460px;
		height: 350px;
	}
	.projetItemCrea-1gd {
		width: 460px;
		height: 450px;
	}
	.projetItemCrea-1gdL {
		width: 460px;
		height: 360px;
	}
	.projetItemCrea-2gd {
		width: 460px;
		height: 430px;
	}
	.projetItemCrea-2ptt {
		width: 460px;
		height: 220px;
	}
	.projetItemCrea-2pttL {
		width: 460px;
		height: 360px;
	}
	.projetItemCrea-1ptt {
		width: 250px;
		height: 400px;
	}
    .projetItemCrea-1xgdL {
		width: 460px;
		height: 340px;
	}
    .projetItemCrea-1my {
		width: 410px;
		height: 400px;
	}
	
	
	.projetVisuelCrea-3photos,
	.projetVisuelCrea-2photos,
    .projetVisuelCrea-2videos,
	.projetVisuelCrea-1gd,
	.projetVisuelCrea-1gdL,
	.projetVisuelCrea-2gd,
	.projetVisuelCrea-2ptt,
	.projetVisuelCrea-2pttL,
	.projetVisuelCrea-1ptt,
	.projetVisuelCrea-1xgdL,
	.projetVisuelCrea-1my {
		position: relative;
		display: inline-block;
        
	}
    .portfolioVisuel
	{
		position: relative;
		display: inline-block;	
        width: 460px;
        height: 220px;
	}
    .portfolioVisuelCrea
	{
		position: relative;
		display: inline-block;	
        width: 320px;
        height: 320px;
	}
    
	
	.projetVisuelCrea-3photos {
        width: 460px;
		height: 360px;
	}
	.projetVisuelCrea-2photos {
        width: 460px;
		height: 300px;
	}
    .projetVisuelCrea-2videos {
        width: 460px;
		height: 300px;
	}
	.projetVisuelCrea-1gd {
        width: 460px;
		height: 150px;
	}
	.projetVisuelCrea-1gdL {
        width: 460px;
		height: 360px;
	}
	.projetVisuelCrea-2gd {
        width: 460px;
		height: 360px;
	}
	.projetVisuelCrea-2ptt {
        width: 460px;
		height: 360px;
	}
	.projetVisuelCrea-2pttL {
        width: 460px;
		height: 360px;
	}
	.projetVisuelCrea-1ptt {
        width: 250px;
		height: 430px;
	}
	.projetVisuelCrea-1xgdL {
		width: 460px;
		height: 290px;
	}
	.projetVisuelCrea-1my {
        width: 410px;
		height: 360px;
	}
	.child1 {
		position: absolute;
		top: 0;
		left: 0;
		opacity: 1;
	}
	.child1 img {
		max-width: 100%;
		max-height: 100%;
	}
	.child2Particulier {
		position: absolute;
		top: 0px;
		left: 0;
		z-index: 1;
		width: 460px;
		height: auto;
		opacity: 0;
		background-color: slategrey;
	}
    
	.child2-3photos,
	.child2-2photos,
	.child2-1gd,
	.child2-1gdL,
	.child2-2gd,
	.child2-2ptt,
	.child2-2pttL,
	.child2-1ptt,
	.child2-1my {
		display: table-cell;
		vertical-align: middle;
		height: auto;
		padding: 10px;
	}/*
    .child2 {
        position: absolute;
		top: 0px;
		left: 0;
		z-index: 1;
		width: 320px;
		opacity: 0;
		background-color: slategrey;
        opacity: 1;
	}*/
    
	.child2-3photos {
		width: 420px;
        position: absolute;
		top: 460px;
		left: 0;
		z-index: 1;
		opacity: 1;
		background-color: rgba(255, 255, 255, 1);
		padding: 10px 20px;
		box-shadow: 2px 2px 10px rgba(70, 79, 88, .2);
	}
	.child2-2photos {
		position: absolute;
		top: 300px;
		left: 0;
		z-index: 1;
		width: 420px;
		opacity: 1;
		background-color: rgba(255, 255, 255, 1);
		padding: 10px 20px;
		box-shadow: 2px 2px 10px rgba(70, 79, 88, .2);
	}
    .child2-2videos {
		position: absolute;
		top: 250px;
		left: 0;
		z-index: 1;
		width: 420px;
		opacity: 1;
		background-color: rgba(255, 255, 255, 1);
		padding: 10px 20px;
		box-shadow: 2px 2px 10px rgba(70, 79, 88, .2);
	}
	.child2-1gd {
		width: 550px;
	}
	.child2-1gdL {
		width: 450px;
	}
	.child2-2gd {
        position: absolute;
		top: 370px;
		left: 0;
		z-index: 1;
		width: 420px;
		opacity: 1;
		background-color: rgba(255, 255, 255, 1);
		padding: 10px 20px;
		box-shadow: 2px 2px 10px rgba(70, 79, 88, .2);
	}
	.child2-2ptt {
		width: 550px;
	}
	.child2-2pttL {
		width: 314px;
	}
	.child2-1ptt {
        position: absolute;
		top: 350px;
		left: 0;
		z-index: 1;
		width: 210px;
		opacity: 1;
		background-color: rgba(255, 255, 255, 1);
		padding: 10px 20px;
		box-shadow: 2px 2px 10px rgba(70, 79, 88, .2);
	}
	.child2-1xgdL {
		position: absolute;
		top: 250px;
		left: 0;
		z-index: 1;
		width: 420px;
		height: auto;
		opacity: 1;
		background-color: rgba(255, 255, 255, 1);
		box-shadow: 2px 2px 10px rgba(70, 79, 88, .2);
		padding: 10px 20px;
	}
	.child2-1my {
		
        position: absolute;
		top: 330px;
		left: 0;
		z-index: 1;
		width: 370px;
		height: auto;
		opacity: 1;
		background-color: rgba(255, 255, 255, 1);
		box-shadow: 2px 2px 10px rgba(70, 79, 88, .2);
		padding: 10px 20px;
	}*/
	/*
	.child1:hover {
		opacity: 0.7;
		transition: all 0.2s ease-in 0s;
	}*/
	
	.savoirPlusItem,
    {
		position: relative;
		display: flex;
		justify-content: center;
		align-content: center;
		width: 460px;
        height: 460px;
	}
    /*
	.savoirPlusItemCrea {
		position: relative;
		display: flex;
		justify-content: center;
		align-content: center;
		width: 460px;
        height: 460px;
	}*/
	.savoirPlusPartItem {
		position: relative;
		display: flex;
		justify-content: center;
		align-content: center;
		width: 460px;
        height: 200px;
	}
	.savoirPlusItem {
		height: 180px;
	}/*
	.savoirPlusItemCrea {
        position: relative;
        justify-content: center;
        align-content: center;
        width: 230px;
		height: 230px;
        opacity: 1;
	}*/
	.savoirPlus {
		position: absolute;
		top: 0%;
		color: white;
		width: 280px;
		height: 130px;
		border: 2px solid rgba(255, 255, 255, 1);
		border-radius: 0;
		background-color: slategrey;
		color: white;
		padding: 10px 10px 10px 10px !important;
		opacity: 0;
	}
	.savoirPlusCrea {
		opacity: 0;
		position: absolute;
		top: 0;
		width: 320px;
		height: 320px;
		border: 2px solid rgba(255, 255, 255, 1);
		border-radius: 0;
		color: white;
	}
	.savoirPlusPart {
		position: absolute;
		top: 0;
		width: 300px;
		height: 20px;
		border: 2px solid rgba(255, 255, 255, 1);
		border-radius: 0;
		background-color: slategrey;
		color: white;
	}
	.savoirPlus:hover {
		transform: scale(1.1);
		transition: transform 330ms ease-in-out;
	}
	.savoirPlus:active {
		border: 2px solid rgba(255, 255, 255, 1);
		border-radius: 0;
	}
	.portfolioInfo {
		display: block;
		flex-wrap: nowrap;
		justify-content: center;
		box-shadow: 2px 2px 10px rgba(70, 79, 88, .2);
		padding: 10px 20px;
	}
	.portfolioTitle {
		max-width: 100%;
		font-size: 1em !important;
		color: #b9025f;
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	}
	.portfolioTitlePart {
		max-width: 100%;
		font-size: 1em !important;
		color: #1EB7BF;
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	}
	.portfolioSubTitle {
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		color: #1EB7BF;
		font-size: 1.2em;
		text-transform: uppercase;
		padding: 10px 0px 0px 20px;
		padding: 0px 0px 0px 20px;
		max-width: 100%;
	}
	.portfolioModalFormat {
		padding: 0px 0px 0px 0px !important;
		max-width: 100%;
		color: #e7b142;
		font-size: 1em;
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	}
	.portfolioModalSubTitle {
		padding: 0px 0px 0px 0px !important;
		max-width: 100%;
		color: slategrey;
		font-size: 1em;
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	}
	.portfolioModalTitle {
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		color: #1EB7BF;
		font-size: 1.2em;
		text-transform: uppercase;
		padding: 10px 0px 0px 0px;
	}
	.portfolioModalTitlePart {
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		color: #1EB7BF;
		font-size: 1.2em;
		text-transform: uppercase;
		padding: 10px 0px 0px 0px;
	}
	.portfolioModalTitleIG {
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		color: #d1d045;
		font-size: 1.2em;
		text-transform: uppercase;
		padding: 10px 0px 0px 0px;
	}
	.prixProduitModal {
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		color: #1EB7BF;
		font-size: 1.2em;
		font-weight: 600;
		padding: 10px 0px 0px 0px;
	}
	.mentionProduitModal {
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		font-size: 0.8em;
		padding: 10px 0px 0px 0px;
	}
	.modal {
		position: fixed;
		display: flex;
		z-index: 2;
		align-items: center;
		justify-content: center;
		top: 0px;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.7);
		animation: fadeIn 0.3s both;
	}
	.modalContenu {
		overflow: auto;
		width: 600px;
		max-width: calc(100vw - 20px);
		max-height: calc(100vh - 20px);
		padding: 20px;
		background-color: white;
		animation: slideFromTop 0.5s both
	}
	.separateurModalTurquoise {
		background-color: #1EB7BF;
		text-align: left;
		margin: 5px 0px 5px 0px;
		width: 50px;
		height: 3px;
	}
	.separateurModalVertAnis {
		background-color: #d1d045;
		text-align: left;
		margin: 5px 0px 5px 0px;
		width: 50px;
		height: 3px;
	}
	.portfolioModalImg {
		max-width: 100%;
	}
	.portfolioButtonClose {
		display: flex;
		justify-content: flex-end;
	}
	.btn-close {
		text-align: center;
		color: #b9025f;
		border: solid 2px #b9025f;
		background-color: white;
		margin: 0px 0px 5px 0px !important;
		padding: 6px 8px 6px 8px !important;
	}
	.btn-close:hover {
		border: solid 2px slategray;
		color: slategray;
	}
	.modalContenu p {
		padding: 5px 0px 5px 0px;
	}
	@keyframes fadeIn {
		from {
			opacity: 0;
		}
		to {
			opacity: 1;
		}
	}
	@keyframes slideFromTop {
		from {
			transform: translateY(-50px);
		}
		to {
			transform: translateY(0px);
		}
	}
	.ligneExtraitsTarifs {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	.blocTarifs {
		padding: 10px;
	}
	.formatTarifs {
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		background-color: #1EB7BF;
		color: white;
		height: 30px;
		padding: 10px;
		width: 220px;
		font-weight: 600;
	}
	.ligneTarifs {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		background-color: white;
	}
	.tarifs {
		font-weight: 600;
	}
	.rectoTarifs {
		padding: 10px;
	}
	.rectoVersoTarifs {
		padding: 10px;
	}
	.plusTxt {
		font-size: 14px;
	}
	/* header*/
	header {
		background-color: #fff;
		background-position: center;
		background-size: cover;
		box-shadow: 0px 0px 15px grey;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 2;
	}
	.conteneur-menu {
		display: flex;
		justify-content: space-between;
		padding: 30px 0;
		margin: 0px 20px;
	}
	#menu {
		display: flex;
		justify-content: space-around;
		align-items: center;
	}
	#menu-port {
		display: none;
	}
	.bloc-marque {
		display: flex;
		justify-content: center;
		align-items: center;
		font-weight: 800;
		color: #b9025f;
		letter-spacing: 1px;
        padding: 10px;

	}
	/* Bloc marque*/
	.logo {
		height: 40px;
		width: auto;
	}
	.nom {
		margin: auto;
		font-size: 16px;
		font-weight: 700;
		color: #b9025f !important;
		letter-spacing: 1px;
		text-align: left;
		width: 300px;
		text-shadow: 0px 0px 5px black;
	}
	.nom:hover {
		color: #78868e;
		font-weight: 700;
		transition: all 0.2s ease-in 0s;
	}
	.nom_Accueil {
		margin: auto;
		font-size: 18px;
		font-weight: 700;
		color: #b9025f !important;
		letter-spacing: 1px;
		text-align: left;
		width: 300px;
		text-shadow: 0px 0px 5px black;
	}
	.nomFooter {
		margin: auto;
		font-size: 18px;
		font-weight: 700;
		color: #b9025f !important;
		letter-spacing: 1px;
		text-align: left;
		width: 300px;
	}
	.base-line {
		font-weight: 400;
		font-size: 14px;
		letter-spacing: 0px;
		color: #b9025f !important;
	}
	.base-line-Accueil {
		font-weight: 400;
		font-size: 16px;
		letter-spacing: 0px;
		color: #b9025f !important;
	}
	/* nav */
	#menu li {
		font-weight: 500;
		padding: 10px 10px 10px 10px;
		font-size: 14px;
		text-align: left;
	}
	#menu-wrap {
		display: none;
	}
	.submenu li {
		font-weight: 500;
		padding: 10px 20px 10px 10px;
	}
	#menu li a {
		color: #78868e;
	}
	#menu li a:hover {
		color: #b9025f;
	}
	div .submenu li {
		transition: transform 0.5s ease 0s;
	}
	div .submenu li:hover {
		transform: translateX(10px);
	}
	.submenu {
		display: none;
		position: absolute;
		background-color: white;
		padding: 0px 0px 0px 0px;
	}
	#menu-portfolio {
		margin: 0;
		padding: 0;
	}
	.submenu a {
		color: #78868e;
	}
	nav li:hover .submenu {
		display: flex;
		flex-direction: column;
		opacity: 80%;
		z-index: 10;
	}
	/* masterhead */
	#masterhead {
		background-image: url(img/HeaderBgTab.png);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: contain;
	}
	#masterheadMerci {
		background-image: url(img/HeaderBgTabMerci.png);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: contain;
	}
	#startIndex {
		background-image: url(img/HeaderPart.png);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: cover;
		padding: 0px 0px 0px 0px;
		margin: 100px 0px 0px 0px;
	}
	#services {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	#boutonRedirection {
		display: flex;
		justify-content: center;
	}
	.blocService {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		width: 250px;
		margin: 20px;
		padding: 20px;
		text-align: center;
		background-color: rgba(255, 255, 255, 0.5);
	}
	#services img {
		max-width: 170px;
	}
	/* section */
	#startIndex {
		background-image: url(img/BgAccueilPartTab.png);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: cover;
	}
	#particuliersServices {
		background-image: url(img/HeaderBgTab.png);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: contain;
	}
	#particuliersExtraitTarifs {
		background-image: url(img/BgTarifsPart.png);
		background-color: #f5f5f5;
		background-repeat: no-repeat;
		background-position: top center;
		background-size: contain;
	}
	#particuliersEvenement {
		background-image: url(img/BgEvenementPartTab.png);
		background-color: #f5f5f5;
		background-repeat: no-repeat;
		background-position: top center;
		background-size: cover;
	}
	.conteneurPortfolio {
		padding: 150px 0 20px 100px;
		text-align: center;
	}
	.conteneurAccueil {
		margin: 20px;
	}
	.conteneurPage {
		display: flex;
		justify-content: center;
		margin: 150px 0px 20px 0px;
		padding-bottom: 0px;
	}
	.conteneurPage img {
		width: 300px;
		height: auto;
	}
	.conteneur-services {
		margin: 20px 50px 0px 50px;
		padding: 10px;
		background-color: rgba(255, 255, 255, 0.8);
	}
	.conteneur-services h2 {
		text-align: left;
	}
	.conteneur-servicesPage {
		margin: 0px 100px 0px 100px;
	}
	.conteneur-servicesProduit {
		display: flex;
		flex-wrap: wrap;
		margin: 0px 100px 0px 100px;
	}
	.conteneur-colonneProduit {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.conteneur-colonne {
		display: flex;
	}
	.conteneurRepFormulaire {
		text-align: center;
		margin: 0 100px 20px 100px;
	}
	.conteneur-colonnePart {
		display: flex;
		flex-direction: column;
	}
	.conteneur-colonne img {
		max-width: 100%;
	}
	.separateur {
		background-color: #b9025f;
		text-align: left;
		width: 50px;
		height: 3px;
        padding-left: 20px;
	}
	.separateurVert {
		background-color: #86b983;
		text-align: left;
		width: 50px;
		height: 3px;
	}
	.separateurVertdeau {
		background-color: #60BBBF;
		text-align: left;
		width: 50px;
		height: 3px;
	}
	.separateurBleuclair {
		background-color: #749cc4;
		text-align: left;
		width: 50px;
		height: 3px;
	}
	.separateurVioline {
		background-color: #6b6298;
		text-align: left;
		width: 50px;
		height: 3px;
	}
	.separateurCorail {
		background-color: #d3575d;
		text-align: left;
		width: 50px;
		height: 3px;
	}
	.separateurTurquoise {
		background-color: #1EB7BF;
		text-align: left;
		width: 50px;
		height: 3px;
	}
	.separateurBleuvert {
		background-color: #2ea4dc;
		text-align: left;
		width: 50px;
		height: 3px;
	}
	.colonne {
		width: 100%;
		padding: 10px 10px 10px 0px;
	}
	.colonneProduits {
		max-width: 100%;
		text-align: left;
	}
	.colonneProduits h3 {
		text-align: left;
	}
	.colonneProduits h4 {
		text-align: left;
	}
	.colonneProduits p {
		text-align: left;
	}
	.colonneContact {
		display: flex;
		flex-wrap: wrap;
		align-content: center;
		max-width: 500px;
		padding: 10px 10px 10px 0px;
		margin: 0px 20px 20px 20px;
	}
	.margePort {
		height: 80px;
	}
	.titre {
		background-image: url(img/bandeau.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
		height: 50px;
	}
	.titreVert {
		background-image: url(img/bandeau_vert.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
		height: 50px;
	}
	.titreVertdeau {
		background-image: url(img/bandeau_vertdeau.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
		height: 50px;
	}
	.titreBleuclair {
		background-image: url(img/bandeau_bleuclair.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
		height: 50px;
	}
	.titreVioline {
		background-image: url(img/bandeau_violine.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
		height: 50px;
	}
	.titreJaune {
		background-image: url(img/bandeau_jaune.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
		height: 50px;
	}
	.titreJaune2 {
		background-image: url(img/bandeau_jaune2.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
		height: 50px;
	}
	.titreOrange {
		background-image: url(img/bandeau_orange.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
		height: 50px;
	}
	.titreCorail {
		background-image: url(img/bandeau_corail.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
		height: 50px;
	}
	.titreCorail2 {
		background-image: url(img/bandeau_corail2.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
		height: 50px;
	}
	.titreTurquoise {
		background-image: url(img/bandeau_turquoise.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
		height: 50px;
		margin-bottom: 10px;
	}
	.titreBleuvert {
		background-image: url(img/bandeau_bleuvert.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
		height: 50px;
		margin-bottom: 40px;
	}
	.titreImp {
		background-image: url(img/bandeau_bleu.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
	}
	.titreWeb {
		background-image: url(img/bandeau_vert.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
	}
	.titrePage {
		color: #b9025f;
		text-align: center;
		padding: 120px 0px 0px 0px;
		font-weight: 600;
	}
	.titrePageAccueil {
		color: #b9025f;
		text-align: center;
		padding: 120px 0px 0px 0px;
		font-weight: 600;
	}
	.titrePageProjet {
		color: #b9025f;
		text-align: center;
		padding: 120px 0px 0px 0px;
		font-weight: 600;
	}
	.titrePageTurquoise {
		color: #1EB7BF;
		text-align: center;
		padding: 120px 20px 10px 20px;
	}
	.titrePageTurquoiseParticulier {
		color: #1EB7BF !important;
		text-align: center !important;
		padding: 20px 20px 10px 20px !important;
	}
	.titrePageBleuPale {
		color: #2ea4dc;
		text-align: center;
		padding: 120px 20px 10px 20px;
	}
	.accroche {
		font-size: 16px;
		font-weight: 500;
		padding-top: 15px;
		font-style: italic;
		text-align: left;
	}
	.but {
		font-size: 16px;
		font-weight: 400;
		padding: 5px 5px 10px 0px;
		text-align: left;
	}
	.baseLine {
		font-size: 20px;
		color: #78868e;
		font-weight: 400;
		padding-top: 5px;
		margin: 10px 0;
	}
	.up {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
	}
	.illus-ordi {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.servicesSmartphone {
		display: none;
	}
	.galery {
		display: flex;
		flex-wrap: wrap;
		padding: 0px 20px 20px 0px;
	}
	.legende {
		font-style: italic;
		text-align: center;
		font-size: 12px;
		background-color: rgba(255, 255, 255, 0.8);
		width: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-content: center;
		position: relative;
		top: -38px;
		padding: 10px 0px 10px 0px;
	}
	.tarifTurquoise {
		font-size: 14px;
		font-weight: 600;
		color: #1EB7BF;
	}
	.tarifBleuvert {
		font-size: 18px;
		font-weight: 600;
		color: #2ea4dc;
	}
	.mention {
		font-size: 10px;
		font-weight: 400;
	}
	.important {
		font-weight: 600;
		font-size: 18px;
	}
	.photoPortrait {
		display: flex;
		flex-wrap: wrap;
		align-content: center;
		width: 450px;
		height: auto;
		margin: 0px 250px 0px 250px;
	}
	#contact a {
		color: #78868e;
	}
	#contact a:hover {
		font-weight: 500;
		color: #b9025f;
	}
	.ligne3 {
		padding: 20px 20px 0px 0px;
	}
	.h500 {
		padding: 20px 20px 0px 0px;
	}
	.h200 {
		height: 220px;
		padding: 20px 20px 0px 0px;
	}
	.h280 {
		padding: 0px 20px 0px 0px;
	}
	.imgPart img {
		max-width: 500px;
		height: auto;
	}
	/* formulaire */
	textarea {
		border: solid 1px #dedede;
		width: 500px;
		height: 150px;
		margin-top: 10px;
		border-radius: 5px;
		padding: 10px;
		background-color: #fafafa;
	}
	 ::placeholder {
		color: #a3a2a2;
	}
	input {
		border: solid 1px #dedede;
		margin: 5px 0;
		padding: 10px;
		border-radius: 5px;
		background-color: #fafafa;
		width: 500px;
	}
	.submit {
		color: #b9025f;
		background-color: white;
		border: solid 1px white;
		padding: 10px 10px;
		border-radius: 5px;
		margin: 20px 20px 10px 20px;
		font-size: 14px;
	}
	.champs {
		padding-top: 10px;
		color: white;
	}
	.colonneContenuForm {
		width: 560px;
		padding: 0px 0px 20px 0px;
		margin: 0px 10px 0px 10px;
		background-color: #b9025f;
		border-radius: 20px;
	}
	label {
		color: white;
		font-size: 14px;
		font-weight: 600;
	}
	.erreur {
		color: white !important;
		font-size: 12px;
		text-transform: uppercase;
		font-style: italic;
	}
	/*Mentions Légales*/
	#mentionsLegales {
		text-align: left;
		margin: 0px 40px 0px 40px !important;
		background-color: rgba(255, 255, 255, 0.8);
	}
	#mentionsLegales h2 {
		color: #b9025f !important;
		font-size: 1, 5em !important;
		font-weight: 500 !important;
		padding-left: 20px !important;
	}
	.mentions {
		text-align: center;
		color: slategray;
	}
	/* footer */
	.conteneur-footer {
		display: flex;
		justify-content: space-between;
		padding: 30px 0;
		margin: 0px 40px;
	}
	footer a {
		color: #78868e;
	}
	footer a:hover {
		font-weight: 500;
		color: #b9025f;
	}
}


/* ORDI medium*/

@media (min-width: 1024px) and (max-width: 1499px) {
	h1 {
		font-size: 2em;
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		font-weight: 600;
	}
	h2 {
		color: white;
	}
	h3 {
		font-size: 1em;
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		padding: 10px 20px;
		color: #b9025f;
		font-weight: 800;
		letter-spacing: 1px;
	}
	h4 {
		font-size: 1em;
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		padding: 10px 20px 10px 0px;
		color: #e7b142;
	}
	h5 {
		font-size: 0.9em;
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		padding: 10px 20px 0px 20px;
		color: #E7B143;
	}
	h6 {
		font-size: 0.8em;
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		padding: 10px 20px;
		color: #b9025f;
	}
	p {
		font-size: 0.8em;
		line-height: 140%;
	}
    video{
		width: 550px;
        height: auto;
	}
	.txtCrea {
		font-size: 0.8em;
	}
    .ContenuService {
        padding: 0 20px;
    }
	.light {
		font-weight: 300;
	}
	.titrePageAccueil {
		color: #b9025f;
		text-align: center;
		padding: 120px 20px 10px 20px;
	}
	.titrePageProjet {
		color: #b9025f;
		text-align: center;
		padding: 120px 20px 0px 20px;
	}
	.titrePageTurquoise {
		color: #1EB7BF;
		text-align: center;
		padding: 120px 20px 10px 20px;
	}
	.titrePageBleuPale {
		color: #2ea4dc;
		text-align: center;
		padding: 120px 20px 10px 20px;
	}
	.portfolioModalTitlePart {
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		color: #1EB7BF;
		font-size: 1.2em;
		text-transform: uppercase;
		padding: 10px 0px 0px 0px;
	}
	.ssTitreH1 {
		text-align: center;
		font-size: 1em;
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		padding: 0px 0px 0px 0px;
		color: dimgrey;
		font-style: italic;
	}
	.typoManuscrite {
		font-family: 'Dancing Script', 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		padding: 10px 20px 0px 20px;
		color: white;
		font-size: 1.7em !important;
	}
	.typoManuscriteFacette {
		font-family: 'Dancing Script', 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		padding: 5px 20px 0px 20px;
		color: white;
		font-size: 1.8em;
	}
	.typoManuscriteTitre {
		font-size: 2em;
		font-family: 'Dancing Script', 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		padding: 5px 20px 0px 20px;
		color: white;
	}
	.typoManuscritePlus {
		font-family: 'Dancing Script', 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		padding: 5px 20px 0px 20px;
		color: white;
		font-size: 1.3em;
	}
	.typoManuscritePlus2lignes {
		font-family: 'Dancing Script', 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		padding: 10px 20px 10px 20px;
		color: white;
		font-size: 1.3em;
		line-height: 18px;
	}
	/* accueil */
	#accueil {
		background-image: url(img/Accueil_bg.jpg);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}
	#particulier {
		background-image: url(img/HeaderBgPart.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}
	#fond-Accueil {
		justify-content: center;
		align-items: center;
		height: 750px;
		margin-top: 30px;
	}
	.paragraphePortrait {
		max-width: 330px;
		padding: 10px 20px 20px 20px;
		margin: 0px 0px 0px 0px;
	}
	#accueil img {
		width: 112px;
		height: 83px
	}
	#logo img {
		padding: 0px;
	}
	.titreAccueil {
		font-size: 2.5em !important;
		font-family: 'Dancing Script', 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		text-align: center;
		color: #b9025f;
		line-height: 80%;
	}
	.ssTitreAccueil {
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		font-weight: 300;
		color: slategray;
		font-size: 0.4em !important;
	}
	.titrePart {
		font-size: 2.5em !important;
		font-family: 'Dancing Script', 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		text-align: center;
		color: #1EB7BF;
		margin-bottom: 20px;
	}
	.ssTitrePart {
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		font-weight: 600;
		color: #78868e;
		font-size: 1.4em !important;
		margin-top: 30px;
	}
	.ssTitrePart2 {
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		font-weight: 300;
		color: #78868e;
		font-size: 1em !important;
		text-align: center;
	}
	.ssTitreExtraitPart {
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		font-weight: 300;
		color: #78868e;
		font-size: 1em !important;
		padding: 0px 160px;
	}
	.calage {
		padding: 20px 20px 10px 20px;
	}
	#conseilEnCommunication {
		padding: 0px 10px 30px 10px;
	}
	#ProduitsTarifsParticulier {
		padding: 150px 10px 10px 10px;
	}
	.colonne {
		width: 100%;
		padding: 10px 10px 10px 0px;
	}
	.positionFacette {
		position: relative;
		display: flex;
		justify-content: center;
        margin: 50px 10px;
		width: 250px;
		height: 250px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		transform: scale(1);
		transition: transform 100ms;
        padding: 10px;
        
	}
	.positionFacette:hover {
		transform: translate(0px, -20px);
		transition: transform 330ms ease-in-out;
	}
	.positionFacettePart {
		position: relative;
		display: flex;
		justify-content: center;
		width: 150px;
		height: 150px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		transform: scale(1);
		transition: transform 100ms;
	}
	.positionTitreFacette {
		position: absolute;
		top: 55%;
	}
	.positionTitreFacettePart {
		position: absolute;
		top: 50%;
	}
	.plusTxt {
		font-size: 14px;
	}
	.titreThemeParticulier {
		margin: 0px 0px 0px 40px;
	}
	.grilleProduit {
		display: flex;
		flex-wrap: wrap;
		justify-content: center!important;
		margin: auto;
		padding-top: 10px;
	}
    
	.grille-3photos {
		display: flex;
		flex-wrap: wrap;
		justify-content: center!important;
		margin: auto;
	}
	.grille-2photos {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.grille-1gd-2pttphotos {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.grille-1gd-2pttLphotos {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.grille-1gd-2pttLphotos {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.grille-2gd-1pttphotos {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.1gd {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.1gdL {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.2ptt {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.2pttL {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}
    .portfolioItemPart {
		background-color: white;
		box-shadow: 2px 2px 10px rgba(70, 79, 88, .2);
		width: 360px;
		height: auto;
		margin: 20px;
	}
	.portfolioItem,
	.portfolioItemCrea,
	.projetItemCrea-3photos,
	.projetItemCrea-2photos,
    .projetItemCrea-2videos,
	.projetItemCrea-1gd,
	.projetItemCrea-1gdL,
	.projetItemCrea-2gd,
	.projetItemCrea-2ptt,
	.projetItemCrea-2pttL,
	.projetItemCrea-1ptt,
	.projetItemCrea-1xgdL,
	.projetItemCrea-1my {
		background-color: white;
		margin: 10px;
	}
	.portfolioItem {
		width: 360px;
		height: 250px;
	}
	.portfolioItemCrea {
		width: 360px;
		height: 430px;
	}
	.projetItemCrea-3photos {
		width: 360px;
		height: 430px;
	}
	.projetItemCrea-2photos {
		width: 550px;
		height: 430px;
	}
    .projetItemCrea-2videos {
		width: 550px;
		height: 400px;
	}
	.projetItemCrea-1gd {
		width: 550px;
		height: 450px;
	}
	.projetItemCrea-1gdL {
		width: 450px;
		height: 430px;
	}
	.projetItemCrea-2gd {
		width: 415px;
		height: 430px;
	}
	.projetItemCrea-2ptt {
		width: 550px;
		height: 220px;
	}
	.projetItemCrea-2pttL {
		width: 314px;
		height: 430px;
	}
	.projetItemCrea-1ptt {
		width: 250px;
		height: 430px;
	}
	.projetItemCrea-1xgdL {
		width: 680px;
		height: 430px;
	}
	.projetItemCrea-1my {
		width: 420px;
		height: 430px;
	}
	.portfolioVisuel {
		position: relative;
		display: inline-block;
		width: 360px;
		height: 180px;
	}
	.portfolioVisuelCrea {
		position: relative;
		display: inline-block;
		width: 360px;
		height: 360px;
	}
	.projetVisuelCrea-3photos {
		position: relative;
		display: inline-block;
		width: 360px;
		height: 360px;
	}
	.projetVisuelCrea-2photos {
		position: relative;
		display: inline-block;
		width: 550px;
		height: 360px;
	}
    .projetVisuelCrea-2videos {
        position: relative;
		display: inline-block;
		width: 550px;
		height: 340px;
	}
	.projetVisuelCrea-1gd {
		position: relative;
		display: inline-block;
		width: 550px;
		height: 450px;
	}
	.projetVisuelCrea-1gdL {
		position: relative;
		display: inline-block;
		width: 450px;
		height: 360px;
	}
	.projetVisuelCrea-2gd {
		position: relative;
		display: inline-block;
		width: 415px;
		height: 360px;
	}
	.projetVisuelCrea-2ptt {
		position: relative;
		display: inline-block;
		width: 220px;
		height: 360px;
	}
	.projetVisuelCrea-2pttL {
		position: relative;
		display: inline-block;
		width: 314px;
		height: 360px;
	}
	.projetVisuelCrea-1ptt {
		position: relative;
		display: inline-block;
		width: 250px;
		height: 360px;
	}
	.projetVisuelCrea-1xgdL {
		position: relative;
		display: inline-block;
		width: 680px;
		height: 360px;
	}
	.projetVisuelCrea-1my {
		position: relative;
		display: inline-block;
		width: 420px;
		height: 360px;
	}
	.child1 {
		position: absolute;
		top: 0;
		left: 0;
		opacity: 1;
	}
	.child2 {
		position: absolute;
		top: 0px;
		left: 0;
		z-index: 1;
		width: 360px;
		height: 360px;
		opacity: 0;
		background-color: slategrey;
	}
	.child2-3photos {
		position: absolute;
		top: 360px;
		left: 0;
		z-index: 1;
		width: 320px;
		height: auto;
		opacity: 1;
		background-color: rgba(255, 255, 255, 1);
		padding: 10px 20px;
		box-shadow: 2px 2px 10px rgba(70, 79, 88, .2);
	}
	.child2-2photos {
		position: absolute;
		top: 360px;
		left: 0;
		z-index: 1;
		width: 510px;
		height: auto;
		opacity: 1;
		background-color: rgba(255, 255, 255, 1);
		padding: 10px 20px;
		box-shadow: 2px 2px 10px rgba(70, 79, 88, .2);
	}
    .child2-2videos {
		position: absolute;
		top: 300px;
		left: 0;
		z-index: 1;
		width: 510px;
		height: auto;
		opacity: 1;
		background-color: rgba(255, 255, 255, 1);
		padding: 10px 20px;
		box-shadow: 2px 2px 10px rgba(70, 79, 88, .2);
	}
	.child2-1gd {
		position: absolute;
		top: 0px;
		left: 0;
		z-index: 1;
		width: 510px;
		height: auto;
		opacity: 1;
		background-color: rgba(255, 255, 255, 1);
		padding: 10px 20px;
		box-shadow: 2px 2px 10px rgba(70, 79, 88, .2);
	}
	.child2-1gdL {
		position: absolute;
		top: 0px;
		left: 0;
		z-index: 1;
		width: 450px;
		height: auto;
		opacity: 1;
		background-color: rgba(255, 255, 255, 1);
		padding: 10px 20px;
		box-shadow: 2px 2px 10px rgba(70, 79, 88, .2);
	}
	.child2-2gd {
		position: absolute;
		top: 360px;
		left: 0;
		z-index: 1;
		width: 375px;
		height: auto;
		opacity: 1;
		background-color: rgba(255, 255, 255, 1);
		padding: 10px 20px;
		box-shadow: 2px 2px 10px rgba(70, 79, 88, .2);
	}
	.child2-2ptt {
		position: absolute;
		top: 0px;
		left: 0;
		display: flex;
		z-index: 1;
		width: 550px;
		height: auto;
		opacity: 1;
		background-color: rgba(255, 255, 255, 1);
		padding: 10px 20px;
		box-shadow: 2px 2px 10px rgba(70, 79, 88, .2);
	}
	.child2-2pttL {
		position: absolute;
		top: 0px;
		left: 0;
		z-index: 1;
		width: 314px;
		height: auto;
		opacity: 1;
		background-color: rgba(255, 255, 255, 1);
		padding: 10px 20px;
		box-shadow: 2px 2px 10px rgba(70, 79, 88, .2);
	}
	.child2-1ptt {
		position: absolute;
		top: 360px;
		left: 0;
		z-index: 1;
		width: 210px;
		height: auto;
		opacity: 1;
		background-color: rgba(255, 255, 255, 1);
		padding: 10px 20px;
		box-shadow: 2px 2px 10px rgba(70, 79, 88, .2);
	}
	.child2-1xgdL {
		position: absolute;
		top: 360px;
		left: 0;
		z-index: 1;
		width: 640px;
		height: auto;
		opacity: 1;
		background-color: rgba(255, 255, 255, 1);
		padding: 10px 20px;
		box-shadow: 2px 2px 10px rgba(70, 79, 88, .2);
	}
	.child2-1my {
		position: absolute;
		top: 360px;
		left: 0;
		z-index: 1;
		width: 380px;
		height: auto;
		opacity: 1;
		background-color: rgba(255, 255, 255, 1);
		padding: 10px 20px;
		box-shadow: 2px 2px 10px rgba(70, 79, 88, .2);
	}
	.child2Particulier {
		position: absolute;
		top: 0px;
		left: 0;
		z-index: 1;
		width: 360px;
		height: auto;
		opacity: 0;
		background-color: slategrey;
	}
	.child1:hover {
		opacity: 0.7;
		transition: all 0.2s ease-in 0s;
		opacity: 0.9;
	}
	.child1 img {
		max-width: 100%;
		max-height: 100%;
	}
	.savoirPlusItem {
		position: relative;
		display: flex;
		justify-content: center;
		align-content: center;
		width: 360px;
		height: 180px;
		padding: 5px;
	}
    .savoirPlusPartItem {
		position: relative;
		display: flex;
		top: 0;
		left: auto;
		color: white !important;
		justify-content: center;
		align-content: center;
		height: 180px;
		opacity: 1;
	}
    .savoirPlusPart {
		position: relative;
		display: flex;
		justify-content: center;
		align-content: center;
		width: 360px;
		height: 180px;
	}
	.savoirPlusItemCrea {
		position: relative;
		display: flex;
		justify-content: center;
		align-content: center;
		width: 360px;
		height: 360px;
	}
	.savoirPlus, .savoirPlusCrea {
		position: absolute;
		top: 45%;
		color: white;
		height: 20px;
		border: 2px solid rgba(255, 255, 255, 1);
		border-radius: 0;
		padding: 10px 10px 10px 10px !important;
	}
	 
	.titreProjetCrea {
		position: absolute;
		font-size: 16px;
		color: #b9025f;
		padding: 20px !important;
	}
	.descProjetCrea {
		color: slategrey;
		font-size: 14px;
		font-weight: 300;
	}
	.savoirPlus:hover {
		transform: scale(1.1);
		transition: transform 330ms ease-in-out;
	}
	.savoirPlus:active {
		border: 2px solid rgba(255, 255, 255, 1);
		border-radius: 0;
	}
	.portfolioInfo {
		display: block;
		flex-wrap: nowrap;
		justify-content: center;
		padding: 10px 20px;
		box-shadow: 2px 2px 10px rgba(70, 79, 88, .2);
	}
	.portfolioTitle {
		max-width: 100%;
		font-size: 1em !important;
		color: #b9025f;
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	}
	.portfolioTitlePart {
		max-width: 100%;
        font-size: 16px;
		color: #1EB7BF;
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	}
	.portfolioSubTitle {
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		color: #1EB7BF;
		font-size: 1.2em;
		text-transform: uppercase;
		padding: 10px 0px 0px 20px;
		padding: 0px 0px 0px 20px;
		max-width: 100%;
	}
	.portfolioModalFormat {
		padding: 0px 0px 0px 0px !important;
		max-width: 100%;
		color: #e7b142;
		font-size: 1em;
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	}
	.portfolioModalSubTitle {
		padding: 0px 0px 0px 0px !important;
		max-width: 100%;
		color: slategrey;
		font-size: 1em;
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	}
	.portfolioModalTitle {
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		color: #1EB7BF;
		font-size: 1.2em;
		text-transform: uppercase;
		padding: 10px 0px 0px 0px;
	}
	.portfolioModalTitleIG {
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		color: #d1d045;
		font-size: 1.2em;
		text-transform: uppercase;
		padding: 10px 0px 0px 0px;
	}
	.prixProduitModal {
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		color: #1EB7BF;
		font-size: 1.2em;
		font-weight: 600;
		padding: 10px 0px 0px 0px;
	}
	.mentionProduitModal {
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		font-size: 0.8em;
		padding: 10px 0px 0px 0px;
	}
	.modal {
		position: fixed;
		display: flex;
		z-index: 2;
		align-items: center;
		justify-content: center;
		top: 0px;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.7);
		animation: fadeIn 0.3s both;
	}
	.modalContenu {
		overflow: auto;
		width: 600px;
		max-width: calc(100vw - 20px);
		max-height: calc(100vh - 20px);
		padding: 20px;
		background-color: white;
		animation: slideFromTop 0.5s both
	}
	.separateurModalTurquoise {
		background-color: #1EB7BF;
		text-align: left;
		margin: 5px 0px 5px 0px;
		width: 50px;
		height: 3px;
	}
	.separateurModalVertAnis {
		background-color: #d1d045;
		text-align: left;
		margin: 5px 0px 5px 0px;
		width: 50px;
		height: 3px;
	}
	.portfolioModalImg {
		max-width: 100%;
	}
	.portfolioButtonClose {
		display: flex;
		justify-content: flex-end;
	}
	.btn-close {
		text-align: center;
		color: #b9025f;
		border: solid 2px #b9025f;
		background-color: white;
		margin: 0px 0px 5px 0px !important;
		padding: 6px 8px 6px 8px !important;
	}
	.btn-close:hover {
		border: solid 2px slategray;
		color: slategray;
	}
	.modalContenu p {
		padding: 5px 0px 5px 0px;
	}
	@keyframes fadeIn {
		from {
			opacity: 0;
		}
		to {
			opacity: 1;
		}
	}
	@keyframes slideFromTop {
		from {
			transform: translateY(-50px);
		}
		to {
			transform: translateY(0px);
		}
	}
	.ligneExtraitsTarifs {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		text-align: center;
		padding-top: 20px;
	}
	.blocTarifs {
		padding: 10px;
	}
	.formatTarifs {
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		background-color: #1EB7BF;
		color: white;
		height: 30px;
		padding: 10px;
		width: 220px;
		font-weight: 600;
	}
	.ligneTarifs {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		background-color: white;
	}
	.tarifs {
		font-weight: 600;
	}
	.rectoTarifs {
		padding: 10px;
	}
	.rectoVersoTarifs {
		padding: 10px;
	}
	#coordonneesAccueil {
		text-align: center;
		padding: 20px;
	}
	/* header*/
	header {
		background-color: #fff;
		background-position: center;
		background-size: cover;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 2;
	}
	.conteneur-menu {
		display: flex;
		justify-content: space-between;
		padding: 10px 0;
		margin: 0px 100px;
	}
	#menu {
		display: flex;
		justify-content: space-around;
		align-items: center;
	}
	#menu-port {
		display: none;
	}
	.bloc-marque {
		display: flex;
		justify-content: center;
		align-items: center;
		vertical-align: middle;
		font-weight: 800;
		color: #b9025f;
		letter-spacing: 1px;
	}
	/* Bloc marque*/
	.logo {
		height: 70px;
		width: auto;
	}
	.nom {
		margin: auto;
		font-size: 18px;
		font-weight: 700;
		color: #b9025f !important;
		letter-spacing: 1px;
		text-align: left;
		width: 300px;
		text-shadow: 0px 0px 5px black;
	}
	.nom:hover {
		color: #78868e;
		font-weight: 700;
		transition: all 0.2s ease-in 0s;
	}
	.nom-Accueil {
		font-size: 22px;
		font-weight: 700;
		color: #b9025f !important;
		letter-spacing: 1px;
		text-align: left;
		text-shadow: 0px 0px 5px black;
	}
	.nomFooter {
		margin: auto;
		font-size: 18px;
		font-weight: 700;
		color: #b9025f !important;
		letter-spacing: px;
		text-align: left;
		width: 300px;
	}
	.base-line {
		font-weight: 400;
		font-size: 14px;
		letter-spacing: 1px;
		color: #b9025f !important;
	}
	.base-line-Accueil {
		font-weight: 400;
		font-size: 18px;
		letter-spacing: 1px;
		color: #b9025f !important;
	}
	/* nav */
	#menu li {
		font-weight: 500;
		padding: 10px 20px 10px 10px;
	}
	#menu-wrap {
		display: none;
	}
	.submenu li {
		font-weight: 500;
		padding: 10px 20px 10px 10px;
	}
	#menu li a {
		color: #78868e;
	}
	#menu li a:hover {
		color: #b9025f;
	}
	div .submenu li {
		transition: transform 0.5s ease 0s;
	}
	div .submenu li:hover {
		transform: translateX(10px);
	}
	.submenu {
		display: none;
		position: absolute;
		background-color: white;
		padding: 0px 0px 0px 0px;
	}
	#menu-portfolio {
		margin: 0;
		padding: 0;
	}
	.submenu a {
		color: #78868e;
	}
	nav li:hover .submenu {
		display: flex;
		flex-direction: column;
		opacity: 80%;
		z-index: 10;
	}
	/* masterhead */
	#masterhead {
		background-image: url(img/HeaderBg.png);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: contain;
		margin-top: 100px
	}
	#masterheadMerci {
		background-image: url(img/HeaderBgMerci.png);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: contain;
		margin-top: 100px
	}
	#startIndex {
		background-image: url(img/HeaderAccueil.png);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: cover;
		padding: 0px 0px 0px 0px;
		margin: 100px 0px 0px 0px;
	}
    #contact {
		background-image: url(img/HeaderAccueil.png);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: cover;
		padding: 0px 0px 0px 0px;
		margin: 100px 0px 0px 0px;
	}
	#startIndexParticulier {
		background-image: url(img/HeaderPartOrdi.png);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: cover;
		padding: 0px 0px 0px 0px;
		margin: 100px 0px 0px 0px;
	}
	#services {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: flex-start;
	}
	#boutonRedirection {
		display: flex;
		justify-content: center;
	}
	.blocService {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		width: 250px;
		text-align: center;
		margin: 20px;
	}
	#services img {
		max-width: 300px;
	}
	#services h2 {
		text-align: center;
	}
	/* section */
	#particuliersServices {
		background-image: url(img/BgServicesPart.png);
		background-color: #f5f5f5;
		background-repeat: no-repeat;
		background-position: top center;
		background-size: contain;
	}
	#particuliersEvenement {
		background-image: url(img/BgTarifsPart.png);
		background-color: #f5f5f5;
		background-repeat: no-repeat;
		background-position: top center;
		background-size: cover;
	}
	#particuliersExtraitTarifs {
		background-image: url(img/BgTarifsPart.png);
		background-color: #f5f5f5;
		background-repeat: no-repeat;
		background-position: top center;
		background-size: contain;
	}
	.conteneurPortfolio {
		padding: 150px 0 20px 100px;
		text-align: center;
	}
	.conteneurAccueil {
		margin: 20px;
	}
	.conteneurPage {
		display: flex;
		justify-content: center;
		margin: 150px 0px 20px 0px;
		padding-bottom: 0px;
	}
	.conteneurPage img {
		width: 300px;
		height: auto;
	}
	.conteneur-services {
		margin: 0px 100px 0px 100px;
		padding: 20px;
		background-color: rgba(255, 255, 255, 0.8);
	}
	.conteneur-services h2 {
		text-align: left;
	}
	.conteneur-servicesPage {
		margin: 0px 100px 0px 100px;
	}
	.conteneur-servicesProduit {
		display: flex;
		flex-wrap: wrap;
		margin: 0px 100px 0px 100px;
	}
	.conteneur-colonneProduit {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		padding-top: 20px !important;
	}
	.conteneur-colonne {
		display: flex;
	}
	.conteneurRepFormulaire {
		text-align: center;
		margin: 0 20px 20px 20px;
	}
	.conteneur-colonnePart {
		display: flex;
	}
	.conteneur-colonne img {
		max-width: 100%;
	}
	.separateur {
		background-color: #b9025f;
		text-align: left;

		width: 50px;
		height: 3px;
	}
	.separateurVert {
		background-color: #86b983;
		text-align: left;
		width: 50px;
		height: 3px;
	}
	.separateurVertdeau {
		background-color: #60BBBF;
		text-align: left;
		width: 50px;
		height: 3px;
	}
	.separateurBleuclair {
		background-color: #749cc4;
		text-align: left;
		width: 50px;
		height: 3px;
	}
	.separateurVioline {
		background-color: #6b6298;
		text-align: left;
		width: 50px;
		height: 3px;
	}
	.separateurCorail {
		background-color: #d3575d;
		text-align: left;
		width: 50px;
		height: 3px;
	}
	.separateurTurquoise {
		background-color: #1EB7BF;
		text-align: left;
		width: 50px;
		height: 3px;
	}
	.separateurBleuvert {
		background-color: #2ea4dc;
		text-align: left;
		width: 50px;
		height: 3px;
	}
	.colonne {
		width: 100%;
	}
	.colonneProduits {
		width: 100%;
		text-align: left;
	}
	.colonneProduits h3 {
		text-align: left;
	}
	.colonneProduits h4 {
		text-align: left;
	}
	.colonneProduits p {
		text-align: left;
	}
	.colonneContact {
		display: flex;
		flex-wrap: wrap;
		width: 400px;
		height: auto;
		padding: 10px 10px 10px 0px;
		margin: 0px 0px 10px 0px;
	}
	.imgPart img {
		width: 650px;
	}
	.margePort {
		height: 100px;
	}
	.titre {
		background-image: url(img/bandeau.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
		height: 50px;
	}
	.titreVert {
		background-image: url(img/bandeau_vert.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
		height: 50px;
	}
	.titreVertdeau {
		background-image: url(img/bandeau_vertdeau.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
		height: 50px;
	}
	.titreBleuclair {
		background-image: url(img/bandeau_bleuclair.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
		height: 50px;
	}
	.titreVioline {
		background-image: url(img/bandeau_violine.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
		height: 50px;
	}
	.titreJaune {
		background-image: url(img/bandeau_jaune.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
		height: 50px;
	}
	.titreJaune2 {
		background-image: url(img/bandeau_jaune2.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
		height: 50px;
	}
	.titreOrange {
		background-image: url(img/bandeau_orange.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
		height: 50px;
	}
	.titreCorail {
		background-image: url(img/bandeau_corail.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
		height: 50px;
	}
	.titreCorail2 {
		background-image: url(img/bandeau_corail2.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
		height: 50px;
	}
	.titreTurquoise {
		background-image: url(img/bandeau_turquoise.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
		height: 50px;
		margin-bottom: 40px;
	}
	.titreBleuvert {
		background-image: url(img/bandeau_bleuvert.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
		height: 50px;
		margin-bottom: 40px;
	}
	.titreImp {
		background-image: url(img/bandeau_bleu.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
	}
	.titreWeb {
		background-image: url(img/bandeau_vert.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
	}
	.titrePage {
		color: #b9025f;
		text-align: center;
		padding: 120px 0px 0px 0px;
		font-size: 2em;
	}
	.titrePageProjet {
		color: #b9025f;
		text-align: center;
		padding: 130px 0px 0px 0px;
	}
    .titrePageContact {
		color: #b9025f;
		text-align: center;
		padding: 130px 0px 30px 0px;
	}
	.titrePageTurquoise {
		color: #1EB7BF;
		text-align: center;
		padding: 130px 0px 0px 0px;
	}
	.titrePageTurquoiseParticulier {
		color: #1EB7BF !important;
		text-align: center !important;
		padding: 30px 0px 0px 0px !important;
	}
	.titrePageBleuPale {
		color: #2ea4dc;
		text-align: center;
		padding: 30px 0px 0px 0px;
	}
	.accroche {
		font-size: 16px;
		font-weight: 500;
		padding-top: 15px;
		font-style: italic;
		text-align: left;
	}
	.but {
		font-size: 14px;
		font-weight: 400;
		text-align: left;
	}
	.baseLine {
		font-size: 20px;
		color: #78868e;
		font-weight: 400;
		padding-top: 5px;
		margin: 10px 0;
		text-align: left;
	}
	.up {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
	}
	.illus-ordi {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.servicesSmartphone {
		display: none;
	}
	.galery {
		display: flex;
		flex-wrap: wrap;
		padding: 0px 20px 20px 0px;
	}
	.legende {
		font-style: italic;
		text-align: center;
		font-size: 12px;
		background-color: rgba(255, 255, 255, 0.8);
		width: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-content: center;
		position: relative;
		top: -38px;
		padding: 10px 0px 10px 0px;
	}
	.tarifTurquoise {
		font-size: 18px;
		font-weight: 600;
		color: #1EB7BF;
	}
	.tarifBleuvert {
		font-size: 18px;
		font-weight: 600;
		color: #2ea4dc;
	}
	.devisTurquoise {
		background-color: #1EB7BF;
		border-color: #1EB7BF;
	}
	.btn-Modal {
		background-color: #b9025f;
		border-color: #b9025f;
		margin: 20px 0px 0px 0px ! important;
	}
	.devisTurquoise:hover {
		background-color: white;
		border: solid 2px #1EB7BF;
		color: #1EB7BF;
	}
	.btn-Modal:hover {
		background-color: white;
		border: solid 2px #1EB7BF;
		color: #1EB7BF;
	}
	.devisTurquoise:active {
		background-color: white;
		border: solid 2px #1EB7BF;
		color: #1EB7BF;
	}
	.btn-Modal:active {
		background-color: white;
		border: solid 2px #1EB7BF;
		color: #1EB7BF;
	}
	.devisTurquoise:focus {
		background-color: white;
		border: solid 2px #1EB7BF;
		color: #1EB7BF;
	}
	.btn-Modal:focus {
		background-color: white;
		border: solid 2px #1EB7BF;
		color: #1EB7BF;
	}
	.devisBleuvert {
		background-color: #2ea4dc;
		border-color: #2ea4dc;
	}
	.devisBleuvert:hover {
		background-color: white;
		border-color: #2ea4dc;
		color: #2ea4dc;
	}
	.mention {
		font-size: 10px;
		font-weight: 400;
	}
	.important {
		font-weight: 600;
		font-size: 16px;
	}
	.photoPortrait {
		padding: 0px 20px 0px 20px;
		width: 350px;
		height: 350px;
	}
	#contact a {
		color: #78868e;
	}
	#contact a:hover {
		font-weight: 500;
		color: #b9025f;
	}
	.ligne3 {
		padding: 20px 20px 0px 0px;
	}
	.h500 {
		padding: 20px 20px 0px 0px;
	}
	.h200 {
		height: 220px;
		padding: 20px 20px 0px 0px;
	}
	.h280 {
		padding: 0px 20px 0px 0px;
	}
	/* formulaire */
	.colonneContenuForm {
		display: block;
		justify-content: center;
		background-color: #b9025f;
		border-radius: 20px;
	}
	.formCol {
		display: flex;
		flex-direction: column;
	}
	.formBtn {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	textarea {
		border: solid 1px #dedede;
		height: 150px;
		width: 420px;
		margin-top: 10px;
		border-radius: 5px;
		padding: 10px;
		background-color: #fafafa;
	}
	.champs {
		max-width: 100%;
		color: white;
	}
	 ::placeholder {
		color: #a3a2a2;
	}
	.erreur {
		color: white !important;
		font-size: 12px;
		text-transform: uppercase;
		font-style: italic;
	}
	input {
		border: solid 1px #dedede;
		margin: 5px 0;
		padding: 10px;
		border-radius: 5px;
		background-color: #fafafa;
		width: 420px;
	}
	.submit {
		color: white;
		background-color: #b9025f;
		border: solid 1px white;
		padding: 10px 20px;
		border-radius: 5px;
		margin: 20px;
		font-size: 14px;
		width: 100px;
		text-align: center;
	}
	/*Mentions Légales*/
	#mentionsLegales {
		text-align: left;
		margin: 0px 200px 0px 200px !important;
		background-color: rgba(255, 255, 255, 0.8);
	}
	#mentionsLegales h2 {
		color: #b9025f !important;
		font-weight: 500 !important;
		padding: 40px 0px 0px 20px !important;
	}
	.mentions {
		text-align: center;
		color: slategray;
	}
	/* footer */
	.conteneur-footer {
		display: flex;
		justify-content: space-between;
		padding: 30px 0;
		margin: 0px 100px;
	}
	footer a {
		color: #78868e;
	}
	footer a:hover {
		font-weight: 500;
		color: #b9025f;
	}
}


/* ORDI large*/

@media (min-width: 1500px) {
	h1 {
		font-size: 2.8em;
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		font-weight: 600;
	}
	h2 {
		font-size: 2.5em;
		color: white;
		font-weight: 300;
	}
	h3 {
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		padding: 10px 20px;
		color: #b9025f;
		font-weight: 700;
	}
	h4 {
		font-size: 1.2em;
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		padding: 10px 20px 10px 0px;
		color: #e7b142;
	}
	h5 {
		font-size: 1.1em;
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		padding: 10px 20px 10px 0px;
		color: #e7b142;
	}
	h6 {
		font-size: 0.8em;
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		padding: 10px 20px;
		color: #b9025f;
	}
	p {
		font-size: 1em;
	}
    video{
		width: 550px;
        height: auto;
	}
	.titrePageAccueil {
		color: #b9025f;
		text-align: center;
		padding: 160px 0px 20px 0px;
	}
	.txtCrea {
		font-size: 1em;
	}
	.ssTitreH1 {
		text-align: center;
		font-size: 1.3em;
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		padding: 0px 0px 40px 0px;
		color: dimgrey;
		font-style: italic;
	}
	.light {
		font-weight: 300;
	}
	.colonneContenuForm {
		width: 700px;
		padding: 20px 0px 20px 0px;
		margin: 0px 10px 0px 10px;
		background-color: #b9025f;
		border-radius: 20px;
	}
	.typoManuscrite {
		font-family: 'Dancing Script', 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		padding: 10px 20px 0px 20px;
		color: white;
        font-size: 2.5em !important;
	}
	.typoManuscriteFacette {
		font-family: 'Dancing Script', 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		padding: 5px 20px 0px 20px;
		color: white;
		font-size: 2.5em;
	}
	.typoManuscriteTitre {
		font-family: 'Dancing Script', 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		padding: 5px 20px 0px 20px;
		color: white;
	}
	.typoManuscritePlus {
		font-family: 'Dancing Script', 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		padding: 5px 20px 0px 20px;
		color: white;
		font-size: 1.5em;
	}
	.typoManuscritePlus2lignes {
		font-family: 'Dancing Script', 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		padding: 85px 20px 10px 20px;
		color: white;
		font-size: 1.3em;
		line-height: 18px;
	}
	.titrePage {
		color: #b9025f;
		text-align: center;
		padding: 120px 20px 10px 20px;
	}
	.titrePageTurquoise {
		color: #1EB7BF;
		text-align: center;
		padding: 180px 20px 10px 20px;
	}
	.titrePageTurquoiseTheme {
		color: #1EB7BF;
		text-align: center;
		padding: 80px 20px 0px 20px;
	}
	.titrePageTurquoiseParticulier {
		color: #1EB7BF !important;
		text-align: center !important;
		padding: 80px 20px 10px 20px !important;
		font-weight: 600;
	}
	.titrePageBleuPale {
		color: #2ea4dc;
		text-align: center;
		padding: 120px 20px 10px 20px;
	}
	.colonne {
		width: 100%;
		padding: 10px 10px 10px 0px;
	}
	/* accueil */
	#accueil {
		background-image: url(img/Accueil_bg.jpg);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}
	#particulier {
		background-image: url(img/HeaderBgPart.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}
	#fond-Accueil {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		height: 1000px;
	}
	#startIndex {
		background-image: url(img/HeaderAccueil.png);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: cover;
		padding: 0px 0px 0px 0px;
		margin: 100px 0px 0px 0px;
	}
	#startIndexParticulier {
		background-image: url(img/HeaderPartOrdi.png);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: cover;
		padding: 0px 0px 0px 0px;
		margin: 100px 0px 0px 0px;
	}
	#accueil img {
		width: 122px;
		height: 83px;
	}
	.calage {
		padding: 20px 40px 20px 40px;
	}
	.calageService {
		padding: 20px 40px 10px 0px;
	}
	.paragraphePortrait {
		max-width: 450px;
		padding: 20px 40px;
		text-align: justify;
	}
	.transition {
		padding-left: 20px;
	}
	.calageBtn {
		padding: 0px 0px 0px 20px;
	}
	#logo img {
		padding: 0px 0 0 0;
	}
	.titreAccueil {
		font-size: 3.5em !important;
		font-family: 'Dancing Script', 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		text-align: center;
		color: white;
	}
	.ssTitreAccueil {
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		font-weight: 300;
		color: white;
		font-size: 0.6em !important;
	}
	.titrePart {
		font-size: 2.5em !important;
		font-family: 'Dancing Script', 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		text-align: center;
		color: #1EB7BF;
		margin-bottom: 20px;
	}
	.ssTitrePart {
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		font-weight: 600;
		color: #78868e;
		font-size: 1.4em !important;
		margin-top: 30px;
	}
	.ssTitrePart2 {
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		font-weight: 300;
		color: #78868e;
		font-size: 1em !important;
		text-align: center;
	}
	.ssTitreExtraitPart {
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		font-weight: 300;
		color: #78868e;
		font-size: 1em !important;
		margin-top: 30px;
	}
	#conseilEnCommunication {
		padding: 30px 10px 30px 10px;
	}
	#ProduitsTarifsParticulier {
		padding: 150px 10px 10px 10px;
	}
	#conseilEnCommunication {
		padding: 30px 10px 30px 10px;
	}
	.positionFacette {
		position: relative;
		display: flex;
		justify-content: center;
		width: 350px;
		height: 350px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		transform: scale(1);
		transition: transform 100ms;
        margin: 10px;
	}
	.positionFacette:hover {
		transform: translate(0px, -20px);
		transition: transform 330ms ease-in-out;
	}
	.positionFacettePart {
		position: relative;
		display: flex;
		justify-content: center;
		width: 250px;
		height: 250px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		transform: scale(1);
		transition: transform 100ms;
	}
	.positionTitreFacette {
		position: absolute;
		top: 55%;
	}
	.titreThemeParticulier {
		margin: 0px 50px 0px 70px;
	}
	.grilleProduit {
		display: flex;
		flex-wrap: wrap;
		justify-content: center!important;
		margin: auto;
	}
	.grille-3photos,
	.grille-2photos,
	.grille-1gd-2pttphotos,
	.grille-1gd-2pttLphotos,
	.grille-2gd-1pttphotos {
		display: flex;
		flex-wrap: wrap;
		justify-content: center!important;
	}
	.1gd {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.1gdL {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.2ptt {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.2pttL {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}
    .portfolioItemPart {
		background-color: white;
		box-shadow: 2px 2px 10px rgba(70, 79, 88, .2);
		width: 450px;
		height: auto;
		margin: 20px;
	}
	.portfolioItem,
	.portfolioItemCrea,
	.projetItemCrea-3photos,
	.projetItemCrea-2photos,
    .projetItemCrea-2videos,
	.projetItemCrea-1gd,
	.projetItemCrea-1gdL,
	.projetItemCrea-2gd,
	.projetItemCrea-2ptt,
	.projetItemCrea-2pttL,
	.projetItemCrea-1ptt,
	.projetItemCrea-1xgdL,
	.projetItemCrea-1my {
		background-color: white;
		margin: 10px;
	}
	.portfolioItem {
		width: 450px;
		height: 290px;
	}
	.portfolioItemCrea {
		width: 450px;
		height: 525px;
	}
	.projetItemCrea-3photos {
		width: 360px;
		height: 470px;
	}
	.projetItemCrea-2photos {
		width: 550px;
		height: 430px;
	}
    .projetItemCrea-2videos {
		width: 550px;
		height: 400px;
	}
    
	.projetItemCrea-1gd {
		width: 550px;
		height: 450px;
	}
	.projetItemCrea-1gdL {
		width: 450px;
		height: 360px;
	}
	.projetItemCrea-2gd {
		width: 415px;
		height: 430px;
	}
	.projetItemCrea-2ptt {
		width: 550px;
		height: 220px;
	}
	.projetItemCrea-2pttL {
		width: 314px;
		height: 360px;
	}
	.projetItemCrea-1ptt {
		width: 250px;
		height: 360px;
	}
	.projetItemCrea-1xgdL {
		width: 680px;
		height: 460px;
	}
	.projetItemCrea-1my {
		width: 420px;
		height: 360px;
	}
	.portfolioVisuel,
	.portfolioVisuelCrea,
	.projetVisuelCrea-3photos,
	.projetVisuelCrea-2photos,
    .projetVisuelCrea-2videos,
	.projetVisuelCrea-1gd,
	.projetVisuelCrea-1gdL,
	.projetVisuelCrea-2gd,
	.projetVisuelCrea-2ptt,
	.projetVisuelCrea-2pttL,
	.projetVisuelCrea-1ptt,
	.projetVisuelCrea-1xgdL,
	.projetVisuelCrea-1my {
		position: relative;
		display: inline-block;
	}
	.portfolioVisuel {
		width: 450px;
		height: 220px;
	}
	.portfolioVisuelCrea {
		width: 450px;
		height: 450px;
	}
	.projetVisuelCrea-3photos {
		width: 360px;
		height: 340px;
	}
	.projetVisuelCrea-2photos {
		width: 550px;
		height: 340px;
	}
    .projetVisuelCrea-2videos {
		width: 550px;
		height: 340px;
	}
	.projetVisuelCrea-1gd {
		width: 550px;
		height: 450px;
	}
	.projetVisuelCrea-1gdL {
		width: 450px;
		height: 360px;
	}
	.projetVisuelCrea-2gd {
		width: 415px;
		height: 360px;
	}
	.projetVisuelCrea-2ptt {
		width: 220px;
		height: 360px;
	}
	.projetVisuelCrea-2pttL {
		width: 314px;
		height: 360px;
	}
	.projetVisuelCrea-1ptt {
		width: 250px;
		height: 360px;
	}
	.projetVisuelCrea-1xgdL {
		width: 680px;
		height: 360px;
	}
	.projetVisuelCrea-1my {
		width: 420px;
		height: 290px;
	}
	.child1 {
		position: absolute;
		top: 0;
		left: 0;
		opacity: 1;
	}
	.child2 {
		position: absolute;
		top: 0px;
		left: 0;
		display: flex;
		z-index: 1;
		width: 450px;
		height: 455px;
		opacity: 0;
		background-color: rgba(91, 97, 101, 0.8);
	}
	.child2-3photos,
	.child2-2photos,
	.child2-1gd,
	.child2-1gdL,
	.child2-2gd,
	.child2-2ptt,
	.child2-2pttL,
	.child2-1ptt,
	.child2-1xgdL,
	.child2-1my {
		position: absolute;
		top: 340px;
		left: 0;
		z-index: 1;
		opacity: 1;
		background-color: rgba(255, 255, 255, 1);
		box-shadow: 2px 2px 10px rgba(70, 79, 88, .2);
		padding: 10px 20px;
	}
	.child2-3photos {
		width: 320px;
		height: auto;
	}
	.child2-2photos {
		width: 510px;
	}
    .child2-2videos {
        position: absolute;
		top: 300px;
		left: 0;
		z-index: 1;
		opacity: 1;
		background-color: rgba(255, 255, 255, 1);
		box-shadow: 2px 2px 10px rgba(70, 79, 88, .2);
		padding: 10px 20px;
		width: 510px;
	}
	.child2-1gd {
		width: 550px;
	}
	.child2-1gdL {
		width: 450px;
	}
	.child2-2gd {
		width: 375px;
	}
	.child2-2ptt {
		width: 550px;
	}
	.child2-2pttL {
		width: 314px;
	}
	
	.child2-1xgdL,
	.child2-1my {
		position: absolute;
		top: 360px;
		left: 0;
		z-index: 1;
		height: auto;
		opacity: 1;
		background-color: rgba(255, 255, 255, 1);
		box-shadow: 2px 2px 10px rgba(70, 79, 88, .2);
		padding: 10px 20px;
	}
	.child2-1xgdL {
		width: 640px;
	}
	.child2-1my {
		width: 380px;
	}
	.child2Particulier {
		position: absolute;
		top: 0px;
		left: 0;
		z-index: 1;
		width: 450px;
		height: 225px;
		opacity: 0;
		background-color: rgba(91, 97, 101, 0.8);
	}
	.child1:hover {
		opacity: 1;
		transition: all 0.2s ease-in 0s;
	}
	.child1 img {
		max-width: 100%;
		max-height: 100%;
	}
    .savoirPlusPartItem {
		position: relative;
		display: flex;
		top: 0;
		left: auto;
		color: white !important;
		justify-content: center;
		align-content: center;
		height: 230px;
		opacity: 1;
	}
	.savoirPlusItem {
		position: relative;
		display: flex;
		justify-content: center;
		align-content: center;
		width: 450px;
		height: 220px;
	}
	.savoirPlusItemCrea {
		position: relative;
		display: flex;
		justify-content: center;
		align-content: center;
		width: 450px;
		height: 450px;
	}
	.savoirPlus, .savoirPlusCrea {
		position: absolute;
		top: 40%;
		color: white;
		height: 20px;
		border: 2px solid rgba(255, 255, 255, 1);
		border-radius: 0;
		padding: 10px 10px 10px 10px !important;
	}
	
	.titreProjetCrea {
		position: absolute;
		font-size: 18px;
		color: #b9025f;
		font-weight: 800;
	}
	.descProjetCrea {
		color: slategrey;
		font-size: 14px;
		font-weight: 300;
	}
	.savoirPlus:hover {
		transform: scale(1.1);
		transition: transform 330ms ease-in-out;
	}
	.savoirPlus:active {
		border: 2px solid rgba(255, 255, 255, 1);
		border-radius: 0;
	}
	.portfolioInfo {
		display: block;
		flex-wrap: nowrap;
		justify-content: center;
		box-shadow: 2px 2px 10px rgba(70, 79, 88, .2);
		padding: 10px 20px;
	}
	.portfolioTitle {
		max-width: 100%;
		font-size: 16px !important;
		color: #b9025f;
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		font-weight: 700;
	}
	.portfolioTitlePart {
		max-width: 100%;
        font-size: 22px;
        font-weight: 600;
		color: #1EB7BF;
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	}
	font-size: 1.2em;
	.portfolioSubTitlePart {
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		color: #1EB7BF;
		font-size: 1.2em;
		text-transform: uppercase;
		padding: 10px 0px 0px 20px;
		padding: 0px 0px 0px 20px;
		max-width: 100%;
	}
	.portfolioModalFormat {
		padding: 0px 0px 0px 0px !important;
		max-width: 100%;
		color: #e7b142;
		font-size: 1em;
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	}
	.portfolioModalSubTitle {
		padding: 0px 0px 0px 0px !important;
		max-width: 100%;
		color: slategrey;
		font-size: 1em;
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	}
	.portfolioModalTitlePart {
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		color: #1EB7BF;
		font-size: 1.2em;
		text-transform: uppercase;
		padding: 10px 0px 0px 0px;
	}
	.portfolioModalTitleIG {
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		color: #d1d045;
		font-size: 1.2em;
		text-transform: uppercase;
		padding: 10px 0px 0px 0px;
	}
	.prixProduitModal {
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		color: #1EB7BF;
		font-size: 1.2em;
		font-weight: 600;
		padding: 10px 0px 0px 0px;
	}
	.mentionProduitModal {
		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		font-size: 0.8em;
		padding: 10px 0px 0px 0px;
	}
	.modal {
		position: fixed;
		display: flex;
		z-index: 2;
		align-items: center;
		justify-content: center;
		top: 0px;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.7);
		animation: fadeIn 0.3s both;
	}
	.modalContenu {
		overflow: auto;
		width: 600px;
		max-width: calc(100vw - 20px);
		max-height: calc(100vh - 20px);
		padding: 20px;
		background-color: white;
		animation: slideFromTop 0.5s both
	}
	.separateurModalTurquoise {
		background-color: #1EB7BF;
		text-align: left;
		margin: 5px 0px 5px 0px;
		width: 50px;
		height: 3px;
	}
	.separateurModalVertAnis {
		background-color: #d1d045;
		text-align: left;
		margin: 5px 0px 5px 0px;
		width: 50px;
		height: 3px;
	}
	.portfolioModalImg {
		max-width: 100%;
	}
	.portfolioButtonClose {
		display: flex;
		justify-content: flex-end;
	}
	.btn-close {
		text-align: center;
		color: #b9025f;
		border: solid 2px #b9025f;
		background-color: white;
		margin: 0px 0px 5px 0px !important;
		padding: 6px 8px 6px 8px !important;
	}
	.btn-close:hover {
		border: solid 2px slategray;
		color: slategray;
	}
	.modalContenu p {
		padding: 5px 0px 5px 0px;
	}
	@keyframes fadeIn {
		from {
			opacity: 0;
		}
		to {
			opacity: 1;
		}
	}
	@keyframes slideFromTop {
		from {
			transform: translateY(-50px);
		}
		to {
			transform: translateY(0px);
		}
	}
	.ligneExtraitsTarifs {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	.blocTarifs {
		padding: 10px;
	}
	.formatTarifs {
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		background-color: #1EB7BF;
		color: white;
		height: 30px;
		padding: 10px;
		width: 300px;
		font-weight: 600;
	}
	.ligneTarifs {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		background-color: white;
	}
	.tarifs {
		font-weight: 600;
	}
	.rectoTarifs {
		padding: 10px;
	}
	.rectoVersoTarifs {
		padding: 10px;
	}
	#coordonneesAccueil {
		text-align: center;
		padding: 20px;
	}
	#services {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	#boutonRedirection {
		display: flex;
		justify-content: center;
	}
	.blocService {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		width: 250px;
		margin: 20px;
		text-align: justify;
	}
	/* header*/
	header {
		background-color: #fff;
		background-position: center;
		background-size: cover;
		box-shadow: 0px 0px 15px grey;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 2;
	}
	.conteneur-menu {
		display: flex;
		justify-content: space-between;
		padding: 10px 0;
		margin: 0px 100px;
	}
	#menu {
		display: flex;
		justify-content: space-around;
		align-items: center;
	}
	#menu-port {
		display: none;
	}
	.bloc-marque {
		display: flex;
		justify-content: space-between;
		vertical-align: middle;
		font-weight: 800;
		color: #b9025f;
		letter-spacing: 1px;
	}
	/* Bloc marque*/
	.logo {
		height: 90px;
		width: auto;
	}
	.nom {
		margin: auto;
		font-size: 25px;
		font-weight: 700;
		color: #b9025f !important;
		letter-spacing: 1px;
		text-align: left;
		width: 500px;
		text-shadow: 0px 0px 5px black;
	}
	.nom:hover {
		color: #78868e;
		font-weight: 700;
		transition: all 0.2s ease-in 0s;
	}
	.nom-Accueil {
		margin: auto;
		font-size: 22px;
		font-weight: 700;
		color: #b9025f !important;
		letter-spacing: 1px;
		text-align: left;
		width: 300px;
		text-shadow: 0px 0px 5px black;
	}
	.nomFooter {
		margin: auto;
		font-size: 18px;
		font-weight: 700;
		color: #b9025f !important;
		letter-spacing: 1px;
		text-align: left;
		width: 300px;
	}
	.base-line {
		font-weight: 400;
		font-size: 18px;
		letter-spacing: 3px;
		color: #b9025f !important;
	}
	.base-line-Accueil {
		font-weight: 400;
		font-size: 18px;
		letter-spacing: 3px;
		color: #b9025f !important;
	}
	/* nav */
	#menu li {
		font-weight: 500;
		padding: 30px 20px 10px 10px;
		font-size: 18px;
		text-align: left;
	}
	#menu-wrap {
		display: none;
	}
	.submenu li {
		font-weight: 500;
		padding: 10px 20px 10px 10px;
	}
	#menu li a {
		color: #78868e;
	}
	#menu li a:hover {
		color: #b9025f;
	}
	div .submenu li {
		transition: transform 0.5s ease 0s;
	}
	div .submenu li:hover {
		transform: translateX(10px);
	}
	.submenu {
		display: none;
		position: absolute;
		background-color: white;
		padding: 0px 0px 0px 0px;
	}
	#menu-portfolio {
		margin: 0;
		padding: 0;
	}
	.submenu a {
		color: #78868e;
	}
	nav li:hover .submenu {
		display: flex;
		flex-direction: column;
		opacity: 80%;
		z-index: 10;
	}
	/* masterhead */
	#masterhead {
		background-image: url(img/HeaderBgXL.png);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: contain;
	}
	#masterheadMerci {
		background-image: url(img/HeaderBgXLMerci.png);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: contain;
	}
	#services {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: flex-start;
	}
	#boutonRedirection {
		display: flex;
		justify-content: center;
	}
	#services img {
		max-width: 300px;
	}
	#services h2 {
		text-align: center;
	}
	/* section */
	#particuliersServices {
		background-image: url(img/HeaderBgXL.png);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: contain;
	}
	#particuliersExtraitTarifs {
		background-image: url(img/BgTarifsPart.png);
		background-color: #f5f5f5;
		background-repeat: no-repeat;
		background-position: top center;
		background-size: contain;
	}
	#particuliersEvenement {
		background-image: url(img/BgServicesPart.png);
		background-color: #f5f5f5;
		background-repeat: no-repeat;
		background-position: top center;
		background-size: contain;
	}
	.conteneurPortfolio {
		padding: 150px 0 20px 100px;
		text-align: center;
	}
	.conteneurAccueil {
		margin: 20px;
	}
	.conteneurPage {
		display: flex;
		justify-content: center;
		margin: 0px 0px 20px 0px;
		padding-bottom: 0px;
	}
	.conteneurPage img {
		width: 200px;
		height: auto;
	}
	.conteneur-services {
		margin: 0px 100px 60px 100px;
		padding: 30px;
		background-color: rgba(255, 255, 255, 0.8);
	}
	.conteneur-services h2 {
		text-align: left;
	}
	.conteneur-servicesPage {
		margin: 0px 100px 0px 100px;
	}
	.conteneur-servicesProduit {
		display: flex;
		flex-wrap: wrap;
		margin: 0px 100px 0px 100px;
	}
	.conteneur-colonneProduit {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.conteneur-colonne {
		display: flex;
	}
	.conteneurRepFormulaire {
		text-align: center;
		margin: 0 20px 20px 20px;
	}
	.conteneur-colonnePart {
		display: flex;
	}
	.conteneur-colonne img {
		max-width: 100%;
	}
	#photo-profil {
		max-width: 400px;
	}
	#presentation-profil {
		max-width: 500px;
	}
	.separateur {
		background-color: #b9025f;
		text-align: left;
		margin-left: 40px;
		margin-right: auto;
		width: 50px;
		height: 3px;
	}
	.separateurVert {
		background-color: #86b983;
		text-align: left;
		width: 50px;
		height: 3px;
	}
	.separateurVertdeau {
		background-color: #60BBBF;
		text-align: left;
		width: 50px;
		height: 3px;
	}
	.separateurBleuclair {
		background-color: #749cc4;
		text-align: left;
		width: 50px;
		height: 3px;
	}
	.separateurVioline {
		background-color: #6b6298;
		text-align: left;
		width: 50px;
		height: 3px;
	}
	.separateurCorail {
		background-color: #d3575d;
		text-align: left;
		width: 50px;
		height: 3px;
	}
	.separateurTurquoise {
		background-color: #1EB7BF;
		text-align: left;
		width: 50px;
		height: 3px;
	}
	.separateurBleuvert {
		background-color: #2ea4dc;
		text-align: left;
		width: 50px;
		height: 3px;
	}
	.colonne {
		max-width: 100%;
		padding: 10px 10px 10px 0px;
		text-align: justify;
	}
	.colonneProduits {
		width: 500px;
		text-align: left;
	}
	.colonneProduits h3 {
		text-align: left;
	}
	.colonneProduits h4 {
		text-align: left;
	}
	.colonneProduits p {
		text-align: left;
	}
	.colonnePart {
		width: 100%;
	}
	.colonneContact {
		display: flex;
		flex-wrap: wrap;
		width: 400px;
		height: auto;
		padding: 10px 10px 10px 0px;
		margin: 0px 0px 10px 0px;
	}
	.margePort {
		height: 140px;
	}
	.imgPart {
		width: 850px;
	}
	.imgPart img {
		width: 850px;
		text-align: left;
	}
	.titre {
		background-image: url(img/bandeau.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
		height: 70px;
	}
	.titreVert {
		background-image: url(img/bandeau_vert.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
		height: 70px;
	}
	.titreVertdeau {
		background-image: url(img/bandeau_vertdeau.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
		height: 70px;
	}
	.titreBleuclair {
		background-image: url(img/bandeau_bleuclair.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
		height: 70px;
	}
	.titreVioline {
		background-image: url(img/bandeau_violine.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
		height: 70px;
	}
	.titreJaune {
		background-image: url(img/bandeau_jaune.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
		height: 70px;
	}
	.titreJaune2 {
		background-image: url(img/bandeau_jaune2.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
		height: 50px;
	}
	.titreOrange {
		background-image: url(img/bandeau_orange.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
		height: 70px;
	}
	.titreCorail {
		background-image: url(img/bandeau_corail.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
		height: 70px;
	}
	.titreCorail2 {
		background-image: url(img/bandeau_corail2.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
		height: 70px;
	}
	.titreTurquoise {
		background-image: url(img/bandeau_turquoise.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
		height: 60px;
		margin-bottom: 40px;
	}
	.titreBleuvert {
		background-image: url(img/bandeau_bleuvert.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
		height: 70px;
		margin-bottom: 40px;
	}
	.titreImp {
		background-image: url(img/bandeau_bleu.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
	}
	.titreWeb {
		background-image: url(img/bandeau_vert.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
	}
	.titrePage {
		color: #b9025f;
		text-align: center;
		padding: 150px 0px 10px 0px;
		font-weight: 700;
	}
	.titrePageProjet {
		color: #b9025f;
		text-align: center;
		padding: 300px 0px 20px 0px;
	}
	.titrePageContact {
		color: #b9025f;
		text-align: center;
		padding: 300px 0px 20px 0px;
	}
	.titrePageMention {
		color: #b9025f;
		text-align: center;
		padding: 300px 0px 20px 0px;
	}
	.accroche {
		font-size: 20px;
		font-weight: 600;
		padding-top: 15px;
		text-align: left;
	}
	.but {
		font-size: 18px;
		font-weight: 400;
		padding: 5px 5px 20px 0px;
		text-align: left;
	}
	.baseLine {
		font-size: 20px;
		color: #78868e;
		font-weight: 400;
		padding-top: 5px;
		margin: 10px 0;
	}
	.up {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
	}
	.illus-ordi {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.servicesSmartphone {
		display: none;
	}
	.galery {
		display: flex;
		flex-wrap: wrap;
		padding: 0px 20px 20px 0px;
	}
	.legende {
		font-style: italic;
		text-align: center;
		font-size: 12px;
		background-color: rgba(255, 255, 255, 0.8);
		width: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-content: center;
		position: relative;
		top: -38px;
		padding: 10px 0px 10px 0px;
	}
    
	.tarifTurquoise {
		font-size: 18px;
		font-weight: 600;
		color: #1EB7BF;
	}
	.tarifBleuvert {
		font-size: 18px;
		font-weight: 600;
		color: #2ea4dc;
	}
	.devisTurquoise {
		background-color: #1EB7BF;
		border-color: #1EB7BF;
	}
	.devisTurquoise:hover {
		background-color: white;
		border-color: #1EB7BF;
		color: #1EB7BF;
	}
	.devisBleuvert {
		background-color: #2ea4dc;
		border-color: #2ea4dc;
	}
	.devisBleuvert:hover {
		background-color: white;
		border-color: #2ea4dc;
		color: #2ea4dc;
	}
	.mention {
		font-size: 10px;
		font-weight: 400;
	}
	.important {
		font-weight: 600;
		font-size: 18px;
	}
	.photoPortrait {
		display: flex;
		flex-wrap: wrap;
		align-content: center;
		width: 500px;
		height: 500px;
		margin: 0 0 20px 20px;
	}
    .ContenuService {
        padding: 0 40px 0px 0px;
    }
	#contact a {
		color: #78868e;
	}
	#contact a:hover {
		font-weight: 500;
		color: #b9025f;
	}
	.ligne3 {
		padding: 20px 20px 0px 0px;
	}
	.h500 {
		padding: 20px 20px 0px 0px;
	}
	.h200 {
		height: 220px;
		padding: 20px 20px 0px 0px;
	}
	.h280 {
		padding: 0px 20px 0px 0px;
	}
	/* formulaire */
	textarea {
		border: solid 1px #dedede;
		width: 440px;
		height: 150px;
		margin-top: 10px;
		border-radius: 5px;
		padding: 10px;
		background-color: #fafafa;
	}
	 ::placeholder {
		color: #a3a2a2;
	}
	input {
		width: 440px;
		border: solid 1px #dedede;
		margin: 5px 0;
		padding: 10px;
		border-radius: 5px;
		background-color: #fafafa;
	}
	.submit {
		color: white;
		background-color: #b9025f;
		border: solid 1px white;
		padding: 10px 20px;
		border-radius: 5px;
		margin: 30px;
		font-size: 14px;
	}
	.champs {
		padding: 10px 0px 0px 20px;
		color: white;
	}
	label {
		color: white;
		font-size: 14px;
		font-weight: 600;
	}
	.erreur {
		color: white !important;
		font-size: 12px;
		text-transform: uppercase;
		font-style: italic;
	}
	.colonneContenuForm {
		width: 500px;
		padding: 10px 0px 0px 0px;
		margin: 0px 0px 20px 0px;
		background-color: #b9025f;
		border-radius: 20px;
	}
	/*Mentions Légales*/
	#mentionsLegales {
		text-align: left;
		margin: 0px 200px 0px 200px !important;
		background-color: rgba(255, 255, 255, 0.8);
	}
	#mentionsLegales h2 {
		color: #b9025f !important;
		font-size: 1.5em !important;
		font-weight: 700 !important;
		padding: 20px 0px 0px 20px !important;
	}
	.mentions {
		text-align: center;
		color: slategray;
	}
	/* footer */
	.conteneur-footer {
		display: flex;
		justify-content: space-between;
		padding: 30px 0;
		margin: 0px 100px;
	}
	footer a {
		color: #78868e;
	}
	footer a:hover {
		font-weight: 500;
		color: #b9025f;
	}
}