body {
     margin-left: auto; 
     margin-right:auto; 
     font-size:16px;  
     background: radial-gradient(#E8E8DC 60% , #BEBEC8 );
     background-position:center;
     margin:0;
     }

.navbar ul {
        
        text-align:right;
        color:black;
        list-style-position:inside;
        }
        
.navbar li {margin: 0px 15px 5px 0px;}

.navbar a {
        color:#000000; 
        font-family:arial;
        text-decoration:none;
        }
        
.navbar a:hover {color:#FF8040;}
.navbar a:active {color:#0000FF;}
.navbar {width:200px;}

li.active a{color:#0000FF;}
li.active a:hover{border-style:none; color:blue;}



li.small a {
         padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px; 
         text-align:center; color:black; 
         font-size:smaller;
         font-family:arial; 
         text-decoration:none;
         margin:2px;
         border:3px; 
         border-style:outset;
         border-color:#676989;
         background-color:#e2e3d3; 
	     }
li.small a:hover {border-style:inset; color:#FF8040;}
li.small a:active {border-style:inset; color:blue;}
li.small{margin: 20px 10px 0px 0px; width:150px;}
ul.small {list-style-type:none; }

li.small1 a {
         padding-top:2px; padding-bottom:2px; padding-left:5px; padding-right:5px; 
         text-align:center; color:black; 
         font-size:smaller;
         font-family:arial; 
         text-decoration:none;
         margin:2px;
         border:1px; 
         border-style:outset;
         border-color:#676989;
         background-color:#e2e3d3; 
	     }
li.small2 a {
         padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px; 
         text-align:center; color:white; 
         font-size:smaller;
         font-family:arial; 
         text-decoration:none;
         margin:2px;
         border:3px; 
         border-style:outset;
         border-color:#676989;
         background-color:#FF7A37; 
	     }
li.small2 a:hover {border-style:inset; 
                   border-color:white;
                   background-color:#D03400;
                   color:white;}

.big p {
         padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px; 
         text-align:center; color:black; 
         font-size:smaller;
         font-family:arial;
         text-decoration:none;
         margin:2px;
         border:3px; 
         border-style:outset;
         border-color:#676989;
         background-color:#AFD2FF; 
	     }
.big a {
         text-decoration:none;
         }
.big p:hover{color:#A44D00; 
         border-style:inset;
         border-color:#676989;
         background-color:#DFECFF;}
.big p:active {color:blue; }

.notice {
        padding:0px;
        font-size: smaller; 
        font-style: italic; 
        text-decoration: none; 
        color:black; 
        text-align:right; 
        width:180px;
        margin: 0px 0px 0px 5px;
        }

 
.address {
         text-align:left; 
         color:black; 
         font-family:arial; 
         font-size:smaller; 
         font-style:italic;
         margin-left:15px;
         }
.address a {text-decoration:none; color:black; }
.address a:hover {color:#FF8040;}
.address a:active {color:#0000FF;}
    
.menu {
      width:220px;  
      position:absolute; 
      margin-left:0px;
      float:left;
      }
      
.header {
        margin-left:220px; margin-right:auto;
        width:auto;    
        text-align:center;
        }
.top { font-size:20px;
	   font-family:'courier new', 'courier', serif;
	   color:#3D1A12; } 
.text { font-size:16px;
	   font-family:'arial';
	   color:#313131;
       } 
   
        
.content { 
         min-width: 900px;  max-width:1500px; 
         margin-left: 200px;  margin-right: auto;
         
                   }
.column {width: 32%;
        float: left;
        margin-left:3%; }
.column img {width: 100%;
    max-width: 450px;
    min-width: 250px;
    }
 .column1 {width: 27%;
        float: left;
        margin-left:3%; /* background: #e2e3d3;
  background: radial-gradient(#D7D7D7 25%, #e2e3d3 ); */ 
         }
.column1 img {width: 100%;
    max-width: 450px;
    min-width: 250px;
    
    }
 .column2 {width: 31%;
        float: left;
        margin-left:3%; }
.column2 img {width: 100%;
    max-width: 450px;
    min-width: 250px;
    }



 
 .encres img {width: 45%;
         max-width: 250px; 
         min-width: 50px;
         margin-left: 2%; margin-right: 2%; margin-bottom:20px;
         float: left; }
.encres {text-align: center;}
 .title {/* background-color:#D5D5D5; */ text-align: center; width: 100%;max-width: 450px; margin-top: 10px; margin-bottom: 10px;}    
 .title a{text-decoration: none; color:#313131; 
                }        
.title a:hover {color:#FF8040; }
.title a:active {color:#0000FF;}
 h3 {font-family:'arial'; font-size:16px; margin-left: auto; margin-right: auto; }
 .photo img {width: 100%;
         max-width: 450px;
         min-width: 100px;
         margin-left: auto; margin-right: auto; 
             }
.photo {text-align: center;}
.photo a {text-decoration: none; color:#000000; }
.photo a:hover {color:#FF8040;}
.photo a:active {color:#0000FF;}
.photo1 img {width: 40%;
         max-width: 250px;
         min-width: 100px;
         margin-left: auto; margin-right: auto; 
             }
.photo1 {text-align: center;}
.photo1 a {text-decoration: none; color:#000000; }
.photo1 a:hover {color:#FF8040;}
.photo1 a:active {color:#0000FF;}
.bottom {width: 100%; float:left;margin-top:20px; }
.bottom ul li {display:inline;}
.bottom a {font-family:arial; padding-right:10px; padding-top:0; text-decoration:none; color:black; }
.bottom a:hover {color:#FF8040;}
.bottom a:active {color:#0000FF;}
.bottom img {margin-right:10px; margin-left:10px; margin-top:0;}
.facebook a {font-family:arial; background-color:transparent; padding:0; border:none;color:white;}
.facebook img {margin-right:0; margin-left:10px;}