@charset "iso-8859-1";
/* auteur: Nathalie Bossard*/
/* Date de création: 12/07/2023 */



.menu{
	margin-left:10%;
}
img {
	
    max-width: 100%;
    height: auto;
	text-align:center;
	
}

img.logo {
	
    max-width: 100%;
    height: auto;
	text-align:center;
	
	
}
form.form-contact
{
	text-align:left;
	
	}
	
@media (min-width: 600px) {
				
body {
				/*min-width: 30px;
				max-width: 800px;*/
				margin:0 auto;
	}			
}
@media (max-width: 900px) {
				
body {
				/*min-width: 30px;
				max-width: 800px;*/
				margin:-10 auto;
	}			
}
		
@media (max-width: 600px) {
    /*----------------------
    MENU NAV HAMBURGER
-----------------------*/
    #menu_nav i {
        display: block;
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: left;
        font-size: 1.5em;
        position: fixed;
        /*background: #C9C3B3;
        opacity: 0.5;*/
        top: 0;
    }
 
 
    #menu_nav ul {
        flex-direction: column;
        text-align: center;
	   background-color: #FFFFFF;
	   width:220px;
	   height:210px;
	   margin-top:0px;
	   position:absolute;
	   list-style-type:none;
		margin-left:-40px;
		
    }
 
    #menu_nav ul li:hover ul {
        display: block;
		
        background-color: #000000;
        
		
	
    }
 
    #menu_mobile:checked ~ #listeMobile {
        display: none;
    }

img.minibulle{
				width:131px;
				height:25px;
				margin-top:0px;
				position:center;
	
}






img.presentation
{
	width:500px;
	height:300px;
	 max-width: 100%;
    height: auto
}
img.logo{
	width:60px;
	margin-right:5px;
	margin-top:5px;
	

}
img.minilogo{
	width:30px;
	

}

div.tb3-max600{
			text-align:center;
			margin: auto;
		
		
}	
div.tb3-min600{
			display:none;
			
		
		
}
div.tb1{
		text-align: left ;
		background-image:url('../photosite/arbre sep4.jpg');
		background-position:center;				
		background-size: cover;	
		height:300px;		
		margin-top:25px;
	
}
div.tb2{
		text-align: left ;
		background-color:#FFFFFF;
	
	
}
div.tb3{

	margin-top:10;
	
}
div.tb4{
text-align: left ;

		background-image:url('../photosite/arbre sep4.jpg');

		background-size: cover;	
		height:110px;
		vertical-align:middle;
		
		margin-top:23px;
		background-color:#FFFFFF;
		
	
	
}
div.tb5{

		text-align: left ;
		margin-top:40px;
	background-color: #FFFFFF ;
	
	
}
div.tb6{

		text-align: justify ;

			margin-left:20px;
	
	margin-right : 20px;
}
table.tb1{
			
			background-color:#FFFFFF;
			margin: auto;
}	
table.tb2{
			
			margin: auto;
		
		
}	
table.tb3-max600{
			text-align:center;
			margin-top:30px;
			margin: auto;
		
		
}	
table.tb3-min600{
			display:none;
			
		
		
}
td.macellulebleue{

	border-left: 5px solid white;
		
	border-right: 5px solid white;
	border-bottom: 5px solid white;
	width:360px;
	/*background-image:url('../photosite/fondciel.jpg');*/
background-color:#aed6f1 ;
}
td.macelluleverte{

	border-left: 5px solid white;
			border-right: 5px solid white;
			border-bottom: 5px solid white;
			width:360px;
			/*background-image:url('../photosite/fond vert.jpg');*/
	background-size:cover;
	
	
background-color:#a2d9ce;
}
td.macellulebleufonce{

	border-left: 5px solid white;
			border-right: 5px solid white;
			border-bottom: 5px solid white;
				width:360px;
	background-size:cover;
background-color:#a0b8ea;
}
td.macellulejaune{

	border-left: 5px solid white;
			border-right: 5px solid white;
			border-bottom: 5px solid white;
				width:600px;
	background-size:cover;
background-color:#ffd66a;
}
td.macellulejauneclair{

	border-left: 5px solid white;
			border-right: 5px solid white;
			border-bottom: 5px solid white;
				width:600px;
	background-size:cover;
background-color:#fcf3cf;
}

td.macellulebeige{

	border-left: 5px solid white;
			border-right: 5px solid white;
			border-bottom: 5px solid white;
				width:600px;
	background-size:cover;
background-color:#ffe1a9;
}
td.macelluleorange{

	border-left: 5px solid white;
			border-right: 5px solid white;
			border-bottom: 5px solid white;
				width:600px;
	background-size:cover;
background-color:#ffb881;
}
td.macelluleorangeclair{

	border-left: 5px solid white;
			border-right: 5px solid white;
			border-bottom: 5px solid white;
				width:600px;
	background-size:cover;
background-color:#ffcf99;
}
h1{
				color: #FFFFFF;
				font-family: Arial;
				margin-left:30px;
				font-size: 30px;
				text-align: center;
			
}
h2{
				font-family: Snell Roundhand, cursive;
				text-align: center;
				margin-top:30px;
				color: #FFFFFF;
				font-size: 18px;
				font-style:italic;
				}
h3{				color: #000000;
				font-family: Amsterdam;
				font-style:oblique;
				margin-top:30px;
				
				font-weight: normal;
				font-size: 18px;
				text-align: center;
				
}
h4{
				color: #000000;
				font-family: Arial;
				margin-top:30px;
				
				font-size: 30px;
				text-align: center;
}
h5{			font-family: Arial;
				text-align: center;
				color: #000000;
				font-size: 20px;
				font-style:italic;	
				font-weight: normal;
				}
h6{				font-family: Arial;
				color: #000000;
				font-size: 14px;
				text-align:justify;
				font-weight: normal;
				}

p.p1{
				margin-left: 5px;
				margin-right: 5px;
				color: #fc0000;
					font-size: 16px;
				font-family: Amsterdam;
				font-style:italic;
				text-align: center;
}	
p.p2{
				margin-left: 5px;
				margin-right: 5px;
				color: #000000;
					font-size: 18px;
				font-family: Amsterdam;
				font-style:italic;
				text-align: center;
}	

}

@media (min-width: 600px) {
	#menu_nav {
		display:none;
	}
	 #menu_mobile {
        display: none;
    }

.HighText {
				text-decoration: none;
				text-align: center;
				color: #000000;
				font-family: Arial;
				font-weight: thin;
				font-size:15px;
				margin-left:-2;
}
img.minibulle{
				width:262px;
				height:50px;
				margin-top:0px;
				
				margin:auto;
				
				
}


img.presentation
{
	

display: block;
    margin: auto;
	margin-top:50px;
	width:800px;
	vertical-align: center;

    height: auto

}
.presentation{
	margin-left:20px;
}


img.logo{
	width:120px;
	
}
img.minilogo{
	width:60px;
	

}
div.tb3-max600
{
	text-align:center;

			margin:auto;
}
div.tb3-max600{
			
	display:none;
			
}
	
div.tb1{

		text-align: left ;
		margin-top:-130px;
		background-image:url('../photosite/arbre sep4.jpg');
		background-position:center;
		background-size: cover;	
		height:1000px;	
}
div.tb2{
		margin-top:-50px;
		text-align: left ;
		background-image:url('../photosite/etang.jpg');		
		background-size:cover;
		height:560px;
	

	
}
div.tb3{

		text-align: center ;
		margin-top:100px;
		
		background-size: cover;	
		height:300px;

	
}
div.tb4{text-align: left ;

	
		
		
		

		text-align: left ;
		margin-top:-130px;
		background-image:url('../photosite/arbre sep4.jpg');

		background-size: cover;	
		height:250px;

	
	
}
div.tb5{

		text-align: left ;
		margin-top:10px;
	background-color: #FFFFFF ;

}
div.tb6{

		text-align: justify ;

			margin-left:20px;
	
	margin-right : 20px;
}

table.tb1{
		
			background-color:#FFFFFF;
			margin:auto;	

}	
table.tb2{
			
		
			margin: auto;
	
}	
table.tb3-min600{
			

			text-align:center;
			margin:auto;
			
}
table.tb3-max600{
			
	display:none;
			
}
td.macellulebleue{

	border-left: 50px solid white;
		
	border-right: 50px solid white;
	border-bottom: 50px solid white;
		width:600px;
background-color:#aed6f1;
}
td.macelluleverte{

	border-left: 50px solid white;
			border-right: 50px solid white;
			border-bottom: 50px solid white;
				width:600px;
	background-size:cover;
	
background-color:#a2d9ce;
}



td.macellulebleufonce{

	border-left: 50px solid white;
			border-right: 50px solid white;
			border-bottom: 50px solid white;
				width:600px;
	background-size:cover;
	
background-color:#a0b8ea;
}
td.macellulejaune{

	border-left: 50px solid white;
			border-right: 50px solid white;
			border-bottom: 50px solid white;
				width:600px;
	background-size:cover;
background-color:#ffd66a;
}
td.macellulejauneclair{

	border-left: 50px solid white;
			border-right: 50px solid white;
			border-bottom: 50px solid white;
				width:600px;
	background-size:cover;
background-color:#fcf3cf;
}

td.macellulebeige{

	border-left: 50px solid white;
			border-right: 50px solid white;
			border-bottom: 50px solid white;
				width:600px;
	background-size:cover;
background-color:#ffe1a9;
}
td.macelluleorange{

	border-left: 50px solid white;
			border-right: 50px solid white;
			border-bottom: 50px solid white;
				width:600px;
	background-size:cover;
background-color:#ffb881;
}
td.macelluleorangeclair{

	border-left: 50px solid white;
			border-right: 50px solid white;
			border-bottom: 50px solid white;
				width:600px;
	background-size:cover;
background-color:#ffcf99;
}
	
h1{
				color: #FFFFFF;
				font-family: Arial;
				margin-top:180px;
			
				font-size: 100px;
				text-align: center;
}
h2{
				color: #FFFFFF;
				font-family: Amsterdam;
				font-style:oblique;
				margin-top:180px;
	
				
				font-size: 55px;
				text-align: center;
				}
h3{				color: #000000;
				font-family: Amsterdam;
				font-style:oblique;
				margin-top:30px;
				
				font-weight: normal;
				font-size: 30px;
				text-align: center;
				
}
h4{
				color: #000000;
				font-family: Arial;
				margin-top:30px;
				font-size: 50px;
				text-align: center;
}
h5{			font-family: Arial;
				text-align: center;
				color: #000000;
				font-size: 30px;
				font-style:italic;	
						
				font-weight: normal;
				}
h6{				font-family: Arial;
				color: #000000;
				font-size: 18px;
				text-align:justify;
				font-weight: normal;
				}

p.p1{
				margin-left: 5px;
				margin-right: 5px;
				color: red;
					font-size: 22px;
				font-family: Amsterdam;
				font-style:italic;
				text-align: center;
				font-weight: normal;
}
p.p2{
				margin-left: 5px;
				margin-right: 5px;
				color: #000000;
					font-size: 24px;
				font-family: Amsterdam;
				font-style:italic;
				text-align: center;
}	

@media (max-width: 900px) {

	img.logo{
	width:90px;
	margin-right:8px;
	margin-top:8px;
}
.HighText {
				text-decoration: none;
				text-align: center;
				color: #000000;
				font-family: Arial;
				font-weight: thin;
				font-size:10px;
				margin-left:-6px;
}
div.tb1{	
		text-align: left ;
		margin-top:-130px;
		background-image:url('../photosite/arbre sep4.jpg');
		background-position:center;
		background-size: cover;	
		height:720px;
}
div.tb4{text-align: left ;
	
		

		text-align: left ;
		margin-top:-130px;
		background-image:url('../photosite/arbre sep4.jpg');

		background-size: cover;	
		height:180px;

	
	
}

td.macellulebleue{

	border-left: 20px solid white;
		
	border-right: 20px solid white;
	border-bottom: 20px solid white;
	width:500px;
	/*background-image:url('../photosite/fondciel.jpg');*/
background-color:#aed6f1;
}
td.macelluleverte{

	border-left: 20px solid white;
			border-right: 20px solid white;
			border-bottom: 20px solid white;
			width:500px;
/*background-image:url('../photosite/fond vert.jpg');*/
	background-size:cover;
	
background-color:#a2d9ce;
}
td.macellulebleufonce{

	border-left: 20px solid white;
			border-right: 20px solid white;
			border-bottom: 20px solid white;
				width:500px;
	/*background-image:url('../photosite/rose muret.jpg');*/
	background-size:cover;
	/*height:1200;*/
background-color:#a0b8ea;
/*background-color:#70d56a;*/
}
td.macellulejaune{

	border-left: 20px solid white;
			border-right: 20px solid white;
			border-bottom: 20px solid white;
				width:600px;
	background-size:cover;
background-color:#ffd66a;
}
td.macellulejauneclair{

	border-left: 20px solid white;
			border-right: 20px solid white;
			border-bottom: 20px solid white;
				width:600px;
	background-size:cover;
background-color:#fcf3cf;
}

td.macellulebeige{

	border-left: 20px solid white;
			border-right: 20px solid white;
			border-bottom: 20px solid white;
				width:600px;
	background-size:cover;
background-color:#ffe1a9;
}
td.macelluleorange{

	border-left: 20px solid white;
			border-right: 20px solid white;
			border-bottom: 20px solid white;
				width:600px;
	background-size:cover;
background-color:#ffb881;
}
td.macelluleorangeclair{

	border-left: 20px solid white;
			border-right: 20px solid white;
			border-bottom: 20px solid white;
				width:600px;
	background-size:cover;
background-color:#ffcf99;
}
h1{
				color: #FFFFFF;
				font-family: Arial;
				margin-top:180px;
				font-size: 60px;
				text-align: center;
}
h2{
				color: #FFFFFF;
				font-family: Snell Roundhand, cursive;
				font-style:oblique;
				margin-top:180px;
				
				font-size: 26px;
				text-align: center;
				}
h3{				color: #000000;
				font-family: Amsterdam;
				font-style:oblique;
				margin-top:30px;
				
				font-weight: normal;
				font-size: 26px;
				text-align: center;
				
}
h4{
				color: #000000;
				font-family: Arial;
				margin-top:30px;
				font-size: 40px;
				text-align: center;
}
h5{			font-family: Arial;
				text-align: center;
				color: #000000;
				font-size: 22px;
				font-style:italic;	
						
				font-weight: normal;
				}
h6{				font-family: Arial;
				color: #000000;
				font-size: 16px;
				text-align:justify;
				font-weight: normal;
				}

p.p1{
				margin-left: 5px;
				margin-right: 5px;
				color: red;
					font-size: 20px;
				font-family: Amsterdam;
				font-style:italic;
				text-align: center;
				font-weight: normal;
}
p.p2{
				margin-left: 5px;
				margin-right: 5px;
				color: #000000;
					font-size: 20px;
				font-family: Amsterdam;
				font-style:italic;
				text-align: center;
}	

}


a{
				color:#008000;
}