table {
	
	 cellspacing=0 
	 cellpadding=0
	 border=0;
	 margin: auto;
	
}
tr {

    height="30";
	
}
	
		
td {
        border: 3px solid #8B9191;
		border-radius: 3px;
		padding: 10px;
		
		
      }
     
  
      tbody tr:nth-child(odd) {
        background: #A8E5CA;
		
		 
      }
      tbody tr:nth-child(even) {
        background: #B1DCCF;
      }
	  
	  
	@font-face {
    font-family: 'courgetteregular';
    src: url('courgette-regular.eot');
    src: url('courgette-regular.eot?#iefix') format('embedded-opentype'),
         url('courgette-regular.woff2') format('woff2'),
         url('courgette-regular.woff') format('woff'),
         url('courgette-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
	


#sixcordes {
	height:100vh;
	
	display:grid;
	grid-template-columns: 20% 30% 30% 20%;
	grid-template-rows: 1fr 6fr 1fr;
	grid-template-areas:
	/*"nav header header section "*/
	"section article article nav "
	"footer footer footer footer";
}
header {
	grid-area:header; 
	background-color:#FFEF9D ; 
}
article {
	grid-area:article;
background-image: url("fond-terre11.jpg"); 
	text-align: center;
	font-family: Arial, sans-serif;
		font-size: 15px;
}
article h2{
 height:50px;	
 text-align: center;
color: #FFFFE1;
 font-family:  courgetteregular; 
}

article h1 {
height:80px;
text-transform: uppercase;
color: #FFFFE1;	
text-align: center;
text-shadow:1px 1px 2px #B3601E;

}

article h3 {
	height:20px;
	/*text-transform: uppercase;*/
	color: black;	
	text-align: center;
}
article p {
text-align: center;	
font-size: 20px;
}

article a {
		color:#7F5525;
		text-decoration:none;
		font-size: 15px;
		font-family:  courgetteregular;
		
}

article a:hover{
		color:#FFFF25;
		text-decoration:none;
		font-family:  courgetteregular; 
		font-size: 15px;
		transition:0.4s;
		text-shadow:2px 1px 1px #B3601E;
		
	
}
article ul li {
		list-style: none;
		padding: 20px;
		margin-left: -40px;
	
}
article ul li a {
		color:#FFFFE1;
		text-decoration:none;
		font-size: 30px;
		font-family:  courgetteregular;
		
		
	
}	
article ul li a:hover{
		color:#FFFF25;
		text-decoration:none;
		font-family:  courgetteregular; 
		font-size: 30px;
		transition:0.4s;
		
	
}
article img {
 width: 100%;
}
 #img {
	border-radius: 10px;
	 padding: 5px;
}
.box {
            display: flex;
            
          }
      
      .one {
        flex-grow:1;
		flex-shrink:1;
		flex-basis: 0;
        padding:10px;	
      }

      .two {
         flex-grow:1;
		flex-shrink:1;
		flex-basis: 0;
        padding:10px;
       
      }
	  .three {
	    flex-grow:1;
		flex-shrink:1;
		flex-basis: 0;
	  padding:10px;}
	  
	  iframe {
	 justify-content: center;
	
}

 

 nav {
	grid-area:nav;
	background-image: url("fond-terre10.jpg");
}
nav {
	grid-area:nav;
	background-color:  #8E8E00; 
}
nav ul li {
		list-style: none;
		padding: 20px;
		margin-left: -40px;
	
}
nav ul li a {
		color:#FFFFE1;
		text-decoration:none;
		font-size: 30px;
		font-family:  courgetteregular;
		
		
	
}	
nav ul li a:hover{
		color:#FFFF25;
		text-decoration:none;
		font-family:  courgetteregular; 
		font-size: 30px;
		transition:0.4s;
		
	
}



nav img{

    width: 100%;

	}
	

section {
	grid-area:section;
	background-image: url("fond-terre10.jpg"); 
	
}
section h1 {
height:80px;
text-transform: uppercase;
color: #FFFFE1;	
text-align: center;
text-shadow:1px 1px 2px #B3601E;

}
section h2{
 height:50px;	
 text-align: center;
color: #FFFFE1;
 font-family:  courgetteregular; 
}
section p {
	font-family: arial, sans-serif;
	font-size: 15px;
	text-align: center;
}


section img {
	 width: 100%;
}


footer {
	grid-area:footer;
	background-image: url("fond-terre10.jpg");
}
footer p {
		font-family:  courgetteregular;
		color: #75080D;
		text-align: center;
}
footer a {
		color:#653413;
		text-decoration:none;
		font-family:  courgetteregular;
}
footer a:hover{
		color:#FFFF25;
		text-decoration:none;
		font-family:  courgetteregular; 
		transition:0.4s;
		text-shadow:2px 1px 1px #B3601E;
}		
		

@media screen and (max-width: 600px) 
{
#sixcordes {

	grid-template-columns: 1fr ;
	grid-template-rows: 1fr 6fr 1fr 1fr;
	grid-template-areas:
	"header"
	"nav"
	"article"
	"section" 
	"footer";
}	
	
}