a:link 		{text-decoration: underline; color:black;}

@viewport {width:device-width; zoom:80%;}
body {   font-family: Arial, Helvetica, sans-serif; width:100%;}
body {background-color:#DCDCDC; /*#FFF5EE;*/} /*"444444*/
html {scroll-behavior:smooth;
		box-izing:border-box;}
mark { background-color: aqua; }

{	h1 {font-size:25px; font-weight:bold; font-style: italic; }
	h2 { font-size:20px;  margin-bottom:15px;  }
	h3 { font-size:20px;}
	input [type=text], textarea {
	width:100%;
	padding:12px;
	border-radius:4px;
	resize:vertical;
	float:right;
}
	input[type=submit] {
	 background-color: #4CAF50;
	color: white;
	padding: 12px 20px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	float: left;
	}
.paragraphind {font-size:17px;font-weight:bold;}
.paragraphs {font-size:17px;}
.texte-haut {font-size:30px;font-weight:bold; }
.texte-c {font-size:17px;}
.texte-c-x {font-size:17px;}
.texte-chemin {font-style:italic; padding-left:0px; padding-right:0px; margin-left:0px; margin-right:0px; column-gap:0;  } /*2px;*/
.texte-chemin a {font-style:italic; font-size:01px; column-gap:0;} 
.texte-contact {font-size:37px; border:2px solid green;}
.texte-v  {font-size:55px; text-align:left; margin-left:2%; margin-top:1px;margin-bottom:1px; font-stylr:italic; border:2px solid red; width:50%;}
.texte-l {font-size:17px;}
.texte-pres {font-size:15px;}
.texte-pres-t {font-size:15px;}
.contact {font-size:17px;}
/*.paragraphn {font-size:60px;}*/
.texte-criteres {font-size:15px;}
.gal-texte-menu {font-size:25px; font-weight:bold; }
.texte-galerie {font-size:25px; }
.theme-galerie {font-size:15px; margin-top: 5px; margin-bottom:5px; }
.texte-pied {font-size:30px;}
.texte-titre {font-size:25px;}
.texte-titres-s {font-size:25px;}
.m-envoi {line-height:30px; text-align:center; font-size:20px; font-weight:bold;}
.m-texte {line-height:30px; text-align:left; font-size:20px; font-weight:bold;}		
}
input, textarea, button {border:2px solid red; border-radius:5px; width:100%;}
form {width:90%; }
.theme-galerie {margin-right:5px; margin-left:5px; line-height:0%; }
/*.texte-pied ::after  { content: url('peinture-au-couteau-theme-r.png');  }*/
.texte-titre { text-align:center; font-style:italic;}
.texte-titre-s {text-align:left; font-style:italic; width:75%; margin-left:10%;}
.page-ct {  
	width:90%;
	height:50px;
	margin-top:-15px;
	margin-bottom:1px;
	/*margin-right:070px;*/
	padding-bottom:5px;
	/*padding-right:0px;
	padding-left:0px;*/
	column-gap:0;
	display:flex; 
	flex-direction:row; 
	flex-wrap:wrap;
	justify-content:center;
	align-content:center;
	align-items:center;
	font-size:10px;
	background-color:#DCDCDC;
	font-style:italic;
	/*border:1px solid red;*/
	}

.page-ct-ind {  
	margin-top:95px;
	padding-bottom:10px;
	display:flex; 
	flex-direction:column; 
	flex-wrap:nowrap;
	justify-content:center;
	align-items:center;
	}
 .corpus { 
	display:flex;
	flex-direction:column;
	width:98%;
	align-content:center;
	align-items:center;
	}
.chemin-1 {display:flex;
	flex-direction:row; 
	justify-content:center;
	align-items:center;
	width:95%;
	height:35px;
	background:linear-gradient(90deg, #FFB6C1, #AFEEEE);
	border-radius:10px;
	margin-left:15px;
	}
.chemin-2 {display:flex;
	flex-direction:row; 
	justify-content:center;
	align-items:center;
	width:95%;
	height:35px;
	background:linear-gradient(90deg, #AFEEEE, #FFB6C1);
	border-radius:10px;
	margin-left:15px;
	}	
h1   {font-family: Arial sans-serif;  color:black; margin-top:15px; margin-left:1px; 
	text-align:center;
	}
h2   {font-family: Arial sans-serif;  color:black; text-align:center; margin-top:2px; margin-bottom:2px;}
h3   {font-family: Arial sans-serif; color:black; font-weight:bold; font-style:italic;  margin-left:10px transparent; margin-right:10px transparent; }
.texte-c  {display:flex;
	width:100%;
	flex-direction:row;
	justify-content:center;
	align-content:center;
	align-items:center;
	text-align:center; 
	}
.texte-c img {border-radius:20px;}
.texte-c-x  {display:flex;
	width:450px;
	flex-direction:column;
	justify-content:space-between;
	align-content:flex-start;
	align-items:center;
	text-align:center; 
    border: 1px solid black;
    border-radius: 15px;
	}
.texte-c-x img {border-radius:20px;}
.texte-haut { width:50%;
	height:100px; /*77px;*/
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	align-content:center;
	flex-wrap:wrap;
	margin-top:00px; 
	color:black;font-style:italic;
	background-color:#EFEFEF; 
	border-top:150px;
	   }
.texte-h2 { margin-left:20px;
	height:80px;
	width:98%;
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	align-content:center;
	flex-wrap:wrap;
	}
.texte-haut-ct 
	{ width:60%; margin-top:10px;
		/*margin-left:20%;*/
	display:flex;
	flex-direction:column;
	justify-content:center;
	/*flex-wrap:wrap;*/
	margin-top:50px;
	color:black;font-style:italic;background-color:#EFEFEF; border-top:200px;
	border-left:35px solid transparent;center;border-right:35px solid transparent;
	border-radius:10px;
	border:1px solid black;
   }
.texte-cv {	 margin-top:10px; margin-bottom:5px;
		display:flex;
		flex-direcion:column;
		justify-content:center;
		align-items:center;}
.texte-contact {text-align:center; margin-bottom:1px; margin-top:1px;} 
.texte-l  {text-align:left; margin-left:2%; }
.texte-pres   {text-align:left; margin-left:2%; margin-right:2%;font-style:italic; color:black; margin-top:10px; }
.texte-pres::first-letter {font-weight:bold; font-size: 140%; font-style:italic;}
.texte-pres-t  {text-align:left; margin-left:2%; margin-right:2%; }
.texte-pres-t::first-letter {font-weight:bold; font-size: 120%; font-style:italic;}
.m-contact {display:flex;
	flex-direction:column;
	justify-content:center;
	align-content:center;
	align-items:center;
	font-weight:bold;
	font-size:150%;
	margin-left:5%;
	margin-right:5%;
	}
.texte-contact {display:flex;
	flex-direction:column;
	justify-content:flex-sart;
	flex-wrap:nowrap;
	}	
.imgtr {width:099%;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
    margin-top:20px;
	outline-width:10px;
    outline-style:double;
    outline-color:#778899;
    text-align:center;
    border-radius:40px;
	}	
.imgtr img {margin-left:5px;margin-top:5px;margin-right:5px;
	border-radius:30px; border:1px solid black; text-align:center;
	}
.galerie-tableaux 
	{ 
	width:098%;	
	margin-top:-05px;/*-40*/
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
	}
.galerie-tech
	{ 
	width:098%;	
	/*margin-left:15px;*/
	display:flex;
    flex-wrap:wrap;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
	}	
/*.galerie-tableaux >div::after { content: url(decor.png);  }*/
.presentation-tech {width:98%;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:*center;
		align-items:center;
		justify-content:center;
		background-color:#CECECE;
		/*border: 11px solid black ; */
		border-radius:20px;
		color: black;  
		padding: 20px;
	}
.etapes-tech {width:98%;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
		justify-content:center;
		background-color:#CECECE;
		/*border: 11px solid black ; */
		border-radius:20px;
		color: black;  
		padding: 20px;
	}
.etapes-phot { width: 98%; /*height:1500px;*/
	/*margin-top:-5px;*/
	/*background-color: #2F4F4F; /*DCDCDC;*/
	display:flex; 
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center; /*space-between; center;*/
	align-items:center;
	/*background-color:#EFEFEF;*/
	margin-left:0px;
	margin-right:0px;
	border-radius: 20px;
	}

.galerie-arg { width:80%;
		display:flex;
		flex-direction:column;
		justify-content:center;
		align-items:center;
		align-content:center;
		background-color:#CECECE;
		margin-bottom:30px;
		border: 1px solid black ; 
		border-radius:20px;
	color: black;  
	}
.galerie-theme { width:98%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	align-content:center;
	background-color:#CECECE;
	margin-bottom:30px;
	border: 1px solid red; /*black ; */
	border-radius:20px;
	color: black;  
	}
.galerie-theme-a {/*width:98%;*/height:400px; 
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	align-content:center;
	background-color:#CECECE;
	margin-bottom:20px;
	border: 1px solid black ; 
	border-radius:20px;
	color: black;  
	
	}
/*.galerie-theme-a img {width:95%; border-radius:20px:}*/ 	
.galerie-flex-a {/* width:95%;	*/
	display:flex; 
	flex-direction:row; 
	flex-wrap:wrap;
	justify-content:center; /*space-around;*/
	align-content:center;
	align-items:center;
	/*margin-bottom:20px;*/
	}

.contact {display:flex;
	width:098%;
	flex-direction:column;
	justify-content:center;
	flex-wrap:wrap;
	align-items:center; /*flex-start;*/
	align-content:center;
	margin-top:10px;
	margin-left:10px;
	margin-bottom:10px;
	background-color:#F5DEB3;
	border-radius:50px;
	border: 2px solid #2F4F4F;
	text-decoration:none;
	}	
.contact-sing {width:60%;
		display:flex;
		flex-direction:row;
		justify-content:center;
	
		align-items:center; /*flex-start;*/
		align-content:center;
		margin-top:10px;
		border-radius:20px;
		background: linear-gradient(to bottom left, #FDBFB7,#8c78f0);
		padding:20px;
		}
.contact-sing a{width:80%;
		font-weight:bold;
		text-decoration:none;
		text-align:center;
		padding-top:10px;
		border-radius:10px;}
.descript  { display:flex;
		flex-direction:column;/*row*/
		margin-bottom:1px;
		margin-top:-15px;
		justify-content:center;/*space-between; center;*/
		align-content:center;
		align-items:center; /*flex-start;*/
		flex-wrap:wrap;
		/*border: 1px solid red;*/
		/*max-width:790px;*/
		width;90%;
	  	}
img {max-width:100%; height:auto;}
.img-vendu {display:inline-flex; flex-direction:column;}
.paragraphind
	{max-width:400px;
	text-align:center;
	justify-content:center;
	font-weight:bold; margin-top:0px; 
	}
.paragraphs 
	{
	 display:flex;
		flex-direction:row;
		justify-content:center;
		align-content:center; 
		align-items:center;
	font-weight:bold; margin-top:0px;  /*border: 1px solid black;*/
	}
.paragraphn { font-size:20px; /*width:800px;*/
		font-style:italic;margin-top:1px;margin-bottom:1px; margin-right:5px; margin-left:5px;
		/*display:flex;
		flex-direction:column;
		justify-content:center;
		align-content:center; 
		align-items:center;	
		 /*border:1px solid green;*/
		}
.paragraph-indisp { font-size:20px;
		font-style:italic;margin-top:1px; margin:auto;
		} 
	
.paragraph-indisp::after  {content:  url(tableau-indisponible.png);  }		
.paragraph-indisp::before {content:"TABLEAU INDISPONIBLE ";}
.paragraph-reserv { font-size:20px;
		font-style:italic;margin-top:1px;margin-bottom:5px; }
.paragraph-reserv::after  {content:  url(tableau-reserve.png);  }		
.paragraph-reserv:before {content:"TABLEAU RESERVE ";}

.ajout {  display:flex;
		font-size:20px;
		font-weight:bold;
		flex-direction:column;
		justify-content:center;
		align-content:center; 
		align-items:center;
		flex-wrap:wrap;
		margin-top:20px;
		width:098%;
		height:220px; 
		 margin-left:01px; margin-right:01px;
		border-radius:10px;
		background: linear-gradient(to bottom left, #AFEEEE,#20B2AA ); /*#FDBFB7,#8c78f0*/
		font-size:25px;
		}
.ajout a{ width:800px; /*090%;*/
	text-decoration: none; 
	width:80%;
	height:170px;
	color: black;  
	padding-top:05px;
	margin-top: 05px;
	margin-bottom:05px;
	margin-left:20px;
	margin-right:20px;
	border-radius:10px;
	background-color:#DCDCDC ;
	text-align:center;
	font-size:17px;
	}
.ajout a img {border-radius:10px;}
.menu-pied {  display:flex;
		font-size:10px; /*20*/
		font-weight:bold;
		flex-direction:row;
		justify-content:center;
		align-content:center; 
		align-items:center;
		flex-wrap:wrap;
		margin-top:20px;
		width:098%;
		height:120px; 
		 margin-left:01px; margin-right:01px;
		border-radius:20px;
		background: linear-gradient(to bottom left, #FDBFB7,#8c78f0); /*#F0F8FF #9370DB );*/
		font-size:25px;
		}
.menu-pied a{ width:800px; /*090%;*/
	text-decoration: none; 
	height:50px;
	color: black;  
	padding-top:10px;
	margin-top: 05px;
	margin-bottom:05px;
	margin-left:10px;
	margin-right:10px;
	border-radius:10px;
	background-color:#DCDCDC ;
	text-align:center;
	font-size:17px;
	
	}

.liens-flex {
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-content:center;
	align-items:center;
	flex-wrap:nowrap;
	text-align:center;
	margin-bottom:10px;
	}
.rien 	{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-content:center;
	align-items:center;
	flex-wrap:nowrap;
	text-align:center;
	
	}
.rien>div::before { content: url(decor.png);  }	
.liens-flex img {width:200px; height:auto; border-radius:10px; border:1px solid black;}
.liens-flex p:last-child {width:60%;} 
.img-retour img {
		position:fixed; 
		left:80%;/*68%; */
		top:80%; 
		z-index:40; 
		border:0px;
	}
.img-retour-a img {		
		position:fixed; 
		left:90%; 
		top:90%; 
		z-index:10; 
		border:0px;
	}
.photo-nouveau { 		
		position:relative;
		top:10%;
		z-index:20;
		}
li img {border-radius:20px;}	
.suite-etap { border: 1px solid blue;
			  margin-left:5%;
			  margin-right:5%;
			  border-radius:20px;
			  }		
.prem-li  { border-radius:25px 25px 0px 0px ; }
.dern-li  { border-radius: 0px 0px 25px 25px;
			display:flex;
			flex-direction:column;
			justify-content:center;
			align-content:center;
			align-items:center;
			flex-wrap:nowrap;
			text-align:center;			
 }


        
/*.tech-etapes { 
	background:linear-gradient(90deg, #FFB6C1, #AFEEEE);
	display:flex; 
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:center;
	align-content:center;
	margin-left:5px;
	margin-right:0px;
	border-radius: 20px;
	flex-shrink:1;  
	border:5px solid blue;
	}*/
.etape-phot { width: 98%; 
	display:flex; 
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
}
.tech-phot {
	height:400px;
	width:400px;
	display:flex;
	flex-direction:row;
	justify-content:space-around;
	align-content:center;
	align-items:center;
	flex-wrap:wrap;
	text-align:center;	
	border:2px solid transparent;
	padding:7px;
	border-radius:15px;
	margin:15px;
	background: 
		linear-gradient(#E0FFFF, #E0FFFF) content-box,   /* gris clair */
		linear-gradient(#2F4F4F, #2F4F4F) padding-box,   /* vert foncé */
		linear-gradient(#00FFFF,#00FFFF) border-box;     /* turquoise  */
	}
.tech-phot img {
	border-top-left-radius:05px;
	border-top-right-radius:05px;
	}

.texte-phot {margin-top:-1px; margin-left:10px; margin-bottom:10px; text-align:center; font-weight:bolder;}
.texte-phot a{padding:10px;}