body {width:100%;font:16px Open Sans, sans-serif;color: #333333;font-weight:100;background:#FFFFFF ;margin:0px; text-align:justify;}
a {color:#000000;}
div{margin:0;padding:0}

#main{margin-left:auto;margin-right:auto;text-align:center;position:relative;margin:0;padding:0 }
#page{float:left;text-align:center;height:auto;width:100%;background-color: #D4D4D4 }
#container{max-width:1200px;margin-left:auto;margin-right:auto;min-height:200px; height:auto;width:100%;background-color: #C3BEBE }
#page_contenu{width:98%;padding:1%;background-color: #929292;float: left;text-align: left }

.fil {float: left;padding-bottom:20px;width: 100% }
.contenu {float: left;padding-bottom:20px;width: 100% }

#diaporama {}
/*#headerpage{width:100%;float: left;border-bottom:2px solid #606060} 
#headermenu{float: left;width: 100%;min-height: 70px;z-index: 120;}
#headertop{float:left;width:100%;min-height:50px;z-index:100;padding-top:5px;background-color:#393838;}
.headerligne{width:100%; max-width:1200px;margin-left:auto;margin-right:auto;text-align:center;}*/

#headerlogo{ padding-bottom: 1%;padding-top:1%;text-align: center}
#headerlogo h1{font-size:42px;margin:0;padding:20px ;color:#000000}
#headerlogo h1 a {color:#000000}
#headerlogo img{width:auto}
 
/*menu*/
.menu {
    flex-basis: 100%;
    max-height: 0;
	margin: 0;
    overflow: hidden;
	list-style: none;
	padding: 0 2em;
    text-transform: uppercase;
	transition: margin .5s ease-in-out, max-height .5s ease-in-out, opacity .3s .1s ease-in-out;
	visibility: hidden;
}

.menu li {
    border-bottom: 1px solid #eee;
}

.menu li a {
    display: inline-block;
    padding: 0.5em 1em;
}

.menu-checkbox:checked ~ .menu {
	margin:1em 0;
    max-height: 1000px;
	opacity: 1;
	visibility: visible;
}

.menu-checkbox {
	opacity: 0;
	position: absolute;
	top: -1000px;
}
 
.menu-checkbox:focus + .menu-toggle {
    outline: #00A1A1 auto 5px;
}

.menu-toggle {
    padding: .5em 1em;
}

.nav-wrapper {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#footer-main {float:left;width:100%;background-color: #EB9D9E;text-align: center;}
.footer-top {max-width:1200px; width:100%;margin:10px auto;background-color: #7A4546}

/*option bouton scroll*/
/*bouton scroll*/
#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: red;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #555;
}

@media screen and (min-width: 65em) {
	
    .menu {
        margin: 0;
        max-height: 1000px;
        opacity: 1;
        padding: 0;
        visibility: visible;
    }
	
	.menu li {
        border: none;
        display: inline-block;
    }

	.menu li a {
		padding: .5em;
	}

    .menu-toggle,
    .menu-checkbox {
        display: none;
    }
	
	
}

/* formulaire de contact */

input[type="text"] {padding:1%;width: 98%;font-size: 1.2em}
input[type="submit"] {padding:5px;text-align: center}
textarea{padding:1%;width: 98%;min-height:100px; }
.labcontact{text-align: left}


/*largeur*/
.t10{width: 100%}
.t48 {width:48%;padding:1% }
.t50 {width:50%;padding:1% 0}
.t96 {width:96%;padding:1% 2%}
.t98 {width:98%;padding:1%}
.t100 {width:100%;padding:1% 0 }

/*zone*/
.zone_g {float:left}

/*****************************************************

h1 {color:#FF7722;text-align:left;font-weight:100;font-family:Open Sans, sans-serif;font-size:2.2em;}
h2 {color:#FF7722;font-size:24px;margin:0; font-weight:bold;padding:10px 0px 10px 30px;  text-transform:uppercase;background:url(images/puce.png) no-repeat left}
h3 {color:#000000;font-size:22px;margin:0;padding:1px 0px;font-weight:100;}
h4 {color:#FFFFFF;font-size:24px;margin:0;padding:4px 0px;font-weight:100;text-transform:uppercase}

 */