body
{
background-image:url("../images/pain1.jpg");
background-attachment: fixed;
background-repeat: no-repeat
	
}
body h1
{font-size:26px;}



section
{display:block;
max-width:1200px;
height:1050px;

background-color:#E1CE9A;
margin:auto;}

section2 /*gateau*/
{display:block;
max-width:1200px;
height:2200px;

background-color:#E1CE9A;
margin:auto;}

/* Section 3 pour les pains !*/
section3
{display:block;
max-width:1200px;
height:1900px;
background-color:#E1CE9A;
margin:auto;}

/* Lien pains !*/
h3 a
{text-decoration:none;}

.painstand
{display:flex;
flex-direction:column;
border:22px solid #5A3A22;
border-bottom:1px solid #BF3030;
border-left:1px solid #BF3030;
border-right:1px solid #BF3030 ;
border-radius:5px ;
width:250px;
height:150px;
overflow:auto;
font-size:14px;
text-align:center;
margin-left:15px;
}
.menupain
{display:flex;
flex-direction:row;
justify-content:center;
margin-right:40px;
margin-left:40px;
margin-bottom:40px;}
.sousmenu
{
	display:flex;
	flex-direction:row;
	justify-content:center;
	
}

header
{
	display:flex;
	flex-direction:column;
	justify-content:center;
	
}
		
header img
{
	max-height:350px;
max-width:600px;
border:20px solid #BF3030;
border-radius:30px 30px 0px 0px ;




}

.element 
{
display:flex;
flex-direction:column;
margin:auto;

}

.element1
{
	display:flex;
	flex-direction:row;
	padding-top: 0px;
	padding-left:14.7px;
	padding-right:14.7px;
	padding-bottom:0px;
	justify-content:center;
	font-size:18px;
	margin-top:0px;
	} 

.element1 ul 
{
display:flex;	
border:1px solid #BF3030;
border-radius: 0px 0px 10px 10px;
}

li a 
{text-decoration:none;
color:#5A3A22;
padding:10px;

}

li a:hover
{background-color:#5A3A22;
padding-left:10px;
padding-right:10px;
color: white;
}
	
.imageg
{
	max-height:300px;
	max-width:300px;
	float:center;
}
.imagegateau
{
	height:300px;
	width:300px;
	float:center;
}

.encadrement a
{
text-decoration:none;
font-size:15px;
font-weight:bold;}
	
.encadrement
{display:flex;
flex-direction:column;
border:22px solid #5A3A22;
border-bottom:1px solid #BF3030;
border-left:1px solid #BF3030;
border-right:1px solid #BF3030 ;
border-radius:5px ;
width:400px;
height:520px;
overflow:auto;
font-size:14px;
text-align:center;
margin-left:15px;

}
.sousmenu a:hover
{
color: #BF3030}

.encadrement2
{display:flex;
flex-direction:column;
border:1px solid #BF3030;
border-bottom:1px solid #BF3030;
border-left:1px solid #BF3030;
border-right:1px solid #BF3030 ;
border-radius:5px ;
width:350px;
height:500px;
font-size:14px;
text-align:center;
margin-left:auto;
margin-right:auto;
margin-bottom: 25px;

}

.couleur
{color:#BF3030}
.blockcentre
{display:flex;
flex-wrap:wrap;
;}

.texte1
{display:flex;
flex-direction:column;
margin-left:25px;
width:430px;
font-size:15px;
border:1px solid #BF3030;
border-bottom:1px solid #BF3030;
border-left:1px solid #BF3030;
border-right:1px solid #BF3030 ;
border-radius:5px ;
text-align:center;
padding-left:5px;
padding-right:5px;
padding-bottom:15px;

}
.texte2
{
display:flex;
flex-direction:column;}
.news
{
display:flex;
flex-direction:column;

border:22px solid #5A3A22;
border-bottom:1px solid #BF3030;
border-left:1px solid #BF3030;
border-right:1px solid #BF3030 ;
border-radius:5px ;
margin-left:20px;
width:280px;
height:150px;
overflow:auto;
padding-left:5px;
text-align:center;}

.contact
{display:flex;
flex-direction:column;

}
.persona
{display:flex;
flex-direction:column;
border:1px solid #BF3030;
border-bottom:1px solid #BF3030;
border-left:1px solid #BF3030;
border-right:1px solid #BF3030 ;
border-radius:5px ;
margin-left:35px;
margin-top:15px;
max-width:250px;
height:352px;
text-align:center;
}

.red:hover
{
	border: 1px solid red;
	border-radius:5px ;}
.green:hover
{
	border: 1px solid green;
	border-radius:5px ;}


.persona img
{max-height: 50px;
max-height:50px;}
.red
{font-weight:bold;
color:red}
.green
{font-weight:bold;
color:green;}
.encadrement img
{box-shadow: 5px 5px 15px #BF3030;
border: 1px solid #FFFFFF;
border-radius:15px;}

.imagepain
{

	max-height:300px;
	max-width:300px;
	float:center;
	
	

}

.encadrement3
{
	display:flex;
flex-direction:column;
border:1px solid #BF3030;
border-bottom:1px solid #BF3030;
border-left:1px solid #BF3030;
border-right:1px solid #BF3030 ;
border-radius:5px ;
width:500px;
height:400px;
font-size:14px;
text-align:center;
margin-left:auto;
margin-right:auto;
margin-bottom: 25px;
justify-content:space-between;
}

.encadrement4 /* Page evenement*/
{

border:1px solid #BF3030;
border-bottom:1px solid #BF3030;
border-left:1px solid #BF3030;
border-right:1px solid #BF3030 ;
border-radius:5px ;
width:1000px;
height:1000px;
font-size:18px;
text-align:center;
margin-left:auto;
margin-right:auto;
margin-bottom: 25px;
padding-top:50px;
align-items: center;
justify-content:space-around;
}

.encadrement5 /* Page contact*/
{
display:flex;
flex-direction:row;
border:1px solid #BF3030;
border-bottom:1px solid #BF3030;
border-left:1px solid #BF3030;
border-right:1px solid #BF3030 ;
border-radius:5px ;
width:1000px;
height:400px;
font-size:18px;
text-align:center;
margin-left:auto;
margin-right:auto;
margin-bottom: 25px;
align-items: center;
justify-content:space-around;
}

.alignement /*Sur contact*/
{display:flex;
flex-direction:column;}

.alignement2 /*Sur Evenement*/
{text-align:center
}

.encadrement4 ul, .encadrement4 li, .encadrement4 h2 /*Evenement*/
{text-align:left;
}

.encadrement4 h2 /*Evenement*/
{
margin-top:70px;
;}

.left /*evenement*/
{float:left;
margin-top:20px;
margin-right:200px;
margin-left:50px;
}
.left img
{border:0px solid #BF3030;
border-radius:15px}

.left img:hover
{box-shadow: 5px 5px 15px #BF3030;
border:0px solid #BF3030;
border-radius:15px }


/* TRANSITION MEDIA QUIETIES*/



@media screen and (max-width: 800px)
{
.blockcentre 
{
	display:flex;
   flex-direction:column;
   flex-wrap:wrap;
   max-width:80%;
   max-height:80%;
   margin-left:auto;
   margin-right:auto;
   margin-top:auto;
   margin-bottom:auto;
   
   
}
.encadrement
{display:flex;
   flex-direction:row;
   flex-wrap:wrap;
   max-width:100%;
   min-height:550px;
max-height:100%;
margin-bottom:15px;
margin-left:auto;
margin-right:auto;
justify-content:center;}

.encadrement2 /* POUR LES GATEAUX */
{display:flex;
   flex-direction:row;
   flex-wrap:wrap;
   max-width:100%;
   min-height:550px;
   height:50%;
margin-left:auto;
margin-right:auto;}

.encadrement3 /* POUR LES PAINS */
{display:flex;
   flex-direction:row;
   flex-wrap:wrap;
   max-width:100%;
   min-height:550px;
   height:50%;
margin-left:auto;
margin-right:auto;
justify-content:center;}

.encadrement img 
{display:flex;
   flex-direction:column;
   flex-wrap:wrap;
   max-width:90%;
  
max-height:100%;
margin-left:auto;
margin-right:auto;

}

.encadrement2 img, .encadrement3 img
{  
display:flex;
flex-direction:column;
flex-wrap:wrap;
max-width:90%;
max-height:70%;
margin-left:auto;
margin-right:auto;
margin-top:5px;
}

.texte1
{display:flex;
   flex-direction:column;
   flex-wrap:wrap;
   max-width:90%;
max-height:100%;
margin-left:auto;
margin-right:auto;
border:22px solid #5A3A22;
border-bottom:1px solid #BF3030;
border-left:1px solid #BF3030;
border-right:1px solid #BF3030 ;
border-radius:5px ;
}

.news
{display:flex;
   flex-direction:row;
   flex-wrap:wrap;
   max-width:90%;
max-height:100%;
margin-top:15px;
margin-left:auto;
margin-right:auto;
}

header img
{
max-width:80%;

border:5px solid #BF3030;
border-radius:30px 30px 0px 0px
}
.element1
{
flex-direction:column;
flex-wrap:wrap;
text-align:center;}
.persona
{
	display:flex;
	flex-direction:column;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}
section, section2{
height:auto;}
.imagegateau, .imagepain
{
	height:300px;
	width:300px;
	float:center;
	padding-top:50px;
}



/* Section 3 pour les pains !*/
section3
{display:block;
max-width:1200px;
height:5200px;

background-color:#E1CE9A;
margin:auto;}

.menupain
{display:flex;
flex-direction:column;
justify-content:center;
margin-right:auto;
margin-left:auto;
margin-bottom:40px;}