body{background-color:#000;background-position:center center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;background-image:url(../images/background-opacity.jpg);font:300 14px source sans pro,Helvetica,Arial,sans-serif}i.fa{display:inline}nav{text-align:center;background:#d4c3a8;box-shadow:0 1px 3px #888;position:fixed;width:100%;top:0;z-index:10;background-image:url(../images/vichy-rouge.jpg);background-size:110px;background-attachment:fixed}nav a{font:34px/60px bebas,Helvetica,Arial,sans-serif;color:#34201f;text-decoration:none;width:140px;margin:0 40px;transition:color .1s;display:inline;letter-spacing:2px}nav a:hover{border-bottom:4px solid #34201f}header .social{position:fixed;z-index:20;right:10px;top:10px}header .social li{display:inline-block;margin:0 5px}header .social li a{text-decoration:none}header .social li a i{color:#34201f;font-size:20px;width:40px;padding:10px 0;background-color:#d4c3a8;border-radius:20px;display:block;text-align:center}header .social li a:hover i{color:#fff}section{width:960px;font:14px;color:#fff;margin:0 auto;padding-top:120px}h1,h2{text-align:center;font-family:bebas,source sans pro,Helvetica,Arial,sans-serif;letter-spacing:1px;font-size:30px}p{margin:10px auto auto}p mark{color:#f48b38;background:0 0}p a,footer a{color:#fff;border-bottom:1px solid #fff;text-decoration:none;transition:color .1s,border .1s}p a:hover,footer a:hover{color:#f48b38;border-bottom-color:#f48b38}#presentation{text-align:justify}#presentation h1{display:block;margin-bottom:45px;font:400 26px source sans pro,Helvetica,Arial,sans-serif;letter-spacing:normal}#presentation img{width:30%;display:inline-block;box-shadow:0 0 10px #000}#presentation p{width:60%;display:inline-block;font-size:20px;line-height:32px;margin-left:5%;vertical-align:top}#presentation span{font-size:30px}#evenement{background:rgba(255,255,255,.75);color:#000;margin:100px auto 0;padding:20px;width:920px;width:500px;border-radius:2px;text-align:center}#evenement h2{font-family:bebas;letter-spacing:1px}#evenement p{font-size:18px;line-height:26px;text-align:justify}#evenement a{color:#000;border-bottom:1px solid #000}#evenement a:hover{color:#f48b38;border-bottom-color:#f48b38}#evenement #buttonMusic{color:#34201f;font-family:bebas;letter-spacing:1px;background:#d4c3a8;font-size:18px;text-align:center;margin:10px auto 0;padding:10px;border-radius:2px;display:inline-block;transition:color .1s;text-decoration:none;border:0}#evenement #buttonMusic:hover{color:#fff}#photos #slider{background-position:center center;background-size:100%;background-repeat:no-repeat;background-image:url(../images/cadre.png);padding:150px 210px}#music{margin:100px auto;text-align:center}#music iframe{max-width:100%}#contact{font:300 16px source sans pro,Helvetica,Arial,sans-serif;font-size:16px;width:540px}h3{font-size:20px;font-style:italic;text-align:center;color:#f48b38}#contact p{text-align:justify;line-height:26px}mark.mailAdress{font-weight: 400;}label{margin:20px auto 0;width:16%;display:inline-block}input{border:medium 0;border-radius:2px;padding:10px 2%;width:80%;font:300 14px source sans pro,Helvetica,Arial,sans-serif}input:last-of-type{width:20%;font-size:16px;float:none;display:block;padding:10px;margin:12px auto 0;color:#34201f;font-family:bebas;letter-spacing:1px;background:#d4c3a8;cursor:pointer;transition:color .1s}input:last-of-type:hover{color:#fff}textarea{border:0;border-radius:2px 2px;padding:10px 2%;height:140px;width:96%;margin:12px 0 0;resize:none;font:300 14px source sans pro,Helvetica,Arial,sans-serif}footer{color:#fff;text-align:center;margin:40px auto 60px}@media screen and (max-width:1220px){nav a{font-size:26px;margin:0 20px}}@media screen and (max-width:960px){header .social{top:100px;left:0;right:auto}header .social li{display:block;margin:15px 5px 0}nav a{line-height:40px}section{width:80%}#presentation p{margin-top:0}#evenement{width:50%}#evenement #buttonMusic{width:70%}#photos #slider{padding:110px 130px}#contact{width:60%}}@media screen and (max-width:600px){nav a{line-height:40px}section{width:70%}#presentation{text-align:center}#presentation img{width:70%;margin-bottom:15px}#presentation p{width:100%;text-align:justify;margin-left:0}#photos{}#photos #slider{background:0 0;padding:0}#contact{width:80%}#evenement #buttonMusic{width:90%}input:last-of-type{width:30%}}