@charset "utf-8";

/* 
    Created on : 15 août 2022, 11:14:18
    Author     : atelier-du-tamlin.fr
*/

body {
	margin: auto;
	width:1600px;   
	background-color:#efd807;
	font: 1em Vollkorn, CenturyGothic, Tahoma, verdana, arial, sans-serif;
}
h1 {
    text-align: center;
    vertical-align: middle;
    font-size: 3em;
}
.centre {
    text-align: center;
}
.texte {
    font-size: 1.2em;
}
.texteh2{
    font-size: 2em;
}
.background {
    background-image: url("images/mousse1600.jpg");
    width:1600px;
    min-height:1000px;
}
.box {
    display: flex;
    flex-flow: row wrap;
    background-color: #000000;
    text-align:center;
    justify-content :center;
      }
.w400{
    display: inline-block;
    width:400px;   
    vertical-align: middle;
    height:600px;
    text-align:center;
}      
.centrage {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.w400 img{
    display: inline-block;
    vertical-align: middle;
}  
.imagegnome {
    width:400px;
    height:533px;
}
.imageperso {
    width:400px;
    height:598px;
}  
.imagetabcircle {
    width:400px;
    height:424px;
}
.imagetab {
    width:400px;
    height:300px;
}
@media screen  and  (min-width: 1101px) and (max-width: 1400px) {
body {
	width:1200px;
}
.background {
    background-image: url("images/mousse1200.jpg");
    width:1200px;
    min-height:800px;
}
.box {
    width:1200px;
}
}
@media screen  and  (min-width: 821px) and (max-width: 1100px) {
body {
	width:1024px;
}
.background {
    background-image: url("images/mousse1024.jpg");
    width:1000px;
    min-height:600px;
}
.box {
    width:1000px;
}
}
@media screen  and  (min-width: 610px) and (max-width: 820px) { 
body{
	width:100%;
}
.background {
    background-image: url("images/mousse800.jpg");
    width:700px;
    min-height:400px;
}
.box {
    width:700px;
}
}
@media screen  and  (min-width: 475px) and  (max-width: 609px) { 
body{
	width:100%;
}
.background {
    background-image: url("images/mousse800.jpg");
    width:480px;
    min-height:400px;
}
.box {
    width:480px;
}
.texte {
    background-color: #efd807;
    color:white;
}
}
@media screen  and  (max-width: 474px) { 
body{
	width:100%;
}
.background {
    background-image: url("images/mousse800.jpg");
    width:320px;
    min-height:400px;
}
.box {
    width:320px;
}
.w400{
    display: inline-block;
    width:300px;   
    vertical-align: middle;
    height:500px;
} 
.imagegnome {
    width:300px;
    height:400px;
}
.imageperso {
    width:300px;
    height:449px;
}  
.imagetabcircle {
    width:300px;
    height:318px;
}
.imagetab {
    width:300px;
    height:225;
}
.texte {
   background-color: #efd807;
    color:black;
}

}