a {color:#5B3C11;font-family: 'CMUTypewriterTextRegular', Times;font-weight: normal;font-style: normal;font-size:18px;
background: -webkit-linear-gradient(#5B3C11, grey);-webkit-background-clip:text; -webkit-text-fill-color: transparent;
background: -webkit-gradient(text, 0 0, 0 bottom, from(#5B3C11), to(grey));
-moz-text-shadow: 1px 1px 1px white;-webkit-text-shadow: 1px 1px 1px white;text-shadow:1px 1px 1px white;}
a:hover {text-decoration:underline;font-style:italic;
-moz-text-shadow: 0px 0px 2px black;-webkit-text-shadow: 0px 0px 2px black;text-shadow:0px 0px 2px black;}
a:visited {color:white;}

.page {width:80%;margin:auto;}
.asterisque {text-align:center;margin-top:50px;margin-bottom:50px;}









/***/
#corb {height:13px;overflow:hidden;margin-top:-5px;font-size:18px;letter-spacing:2px;text-transform:uppercase;border-radius:5px;text-align:center;
font-weight:bold;text-shadow:3px 2px 6px black;}
#tt {text-align:center;padding-bottom:5px;padding-top:5px;color:grey;text-shadow:1px 1px 2px white;}
#mh {margin-bottom:25px;background-image:url(./image/mattewhenry.jpg);background-size:cover;height:900px;
border-radius:25px 25px 25px 25px;box-shadow:1px 1px 3px lightgrey;}


#titreant {letter-spacing:2px;text-transform:uppercase;color:white;margin-bottom:-10px;font-size:19px;width:180px;text-align:center;
text-shadow:3px 3px 3px black;}
#boite {background:gray;border:1px solid black;width:410px;height:250px;padding:5px;text-align:center;
box-shadow:0 0 4px gray inset;overflow:auto;padding-left:25px;margin-top:20px;margin-bottom:20px;}

#slides div {background:white;font-size:16px;text-align:justify;width:960px;height:230px;overflow:hidden;position:relative;
border:dotted 1px midnightblue;padding-right:24px;}
#slides div img {left: 0;top: 0;position: absolute;transition: transform 0.5s ease-in-out;-moz-transition:-moz-transform 0.5s ease-in-out;
-o-transition:-o-transform 0.5s ease-in-out;-webkit-transition: -webkit-transform 0.5s ease-in-out;}
#slides div:hover img {transition:all 1s ease;opacity:0;padding:5px;}
#slide div {background:white;font-size:12px;text-align:justify;height:180px;overflow:hidden;position:relative;border: 1px solid black;width:400px;}
#slide div img {left: 0;top: 0;position: absolute;transition: transform 0.5s ease-in-out;-moz-transition:-moz-transform 0.5s ease-in-out;
-o-transition:-o-transform 0.5s ease-in-out;-webkit-transition: -webkit-transform 0.5s ease-in-out;}
#pad {padding:12px;border:none;overflow:auto;}

body {font-family:georgia;font-size:16px;background:black;transition:all 2s ease;}
body:hover {background:#8E8E90;transition:all 2s ease;}

#TITLESEL {margin-bottom:-35px;color:white;font-family:'Cinzel Decorative';font-size:45px;text-shadow:0px 0px 3px darkgrey;-moz-text-shadow: 0px 0px 3px darkgrey;
  -webkit-text-shadow: 0px 0px 3px darkgrey;font-weight:bold;behavior: url(ie-css3.htc); position: relative; z-index 0;}

#ti2 {text-transform:lowercase;text-align:center;margin-bottom:20px;}
#bo {margin:20px;text-align:justify;height:330px;background:#806D5A;padding:20px;border-radius:55px 0px 55px 0px;box-shadow:1px 1px 2px black;transition:all 1s ease;}
#bo:hover {border-radius:0px 55px 0px 55px;transition:transform 0.5s ease-in-out;-moz-transition:-moz-transform 0.5s ease-in-out;
-o-transition:-o-transform 0.5s ease-in-out;-webkit-transition: -webkit-transform 0.5s ease-in-out;}
#bu {overflow:auto;height:112px;color:white;padding:5px;}
#bu:hover {background-image:url('./image/corbeau.jpg');color:grey;text-shadow:1px 0px 0px black;}



#h1 {color:darkgrey;font-size:18px;font-weight:bold;margin-top:90px;
background: -webkit-linear-gradient(GREY, white);-webkit-background-clip:text; -webkit-text-fill-color: transparent;
background: -webkit-gradient(text, 0 0, 0 bottom, from(grey), to(white));}

#titleo{background:dimgrey;border-top:5px solid navy;width:390px;border-bottom:5px solid midnightblue;
height:1px;overflow:hidden;padding-top:25px;font-size:11px;text-align:justify;margin-top:35px;}
#titleo:hover{background:white;padding-top:2px;height:auto;transition:all 1s ease;}

#title{background:dimgrey;border-top:5px solid navy;width:390px;border-bottom:5px solid midnightblue;
height:1px;overflow:hidden;padding-top:25px;font-size:11px;text-align:justify;}
#title:hover{background:white;padding-top:2px;height:auto;transition:all 1s ease;}


#rond {border-radius:50px;width:80px;height:80px;padding:3px;background:#9F9F9F;border:1px dotted grey;background-repeat:no-repeat;text-align:center;
box-shadow:1px 1px 10px white;z-index:8;top:23px;float:center;overflow:hidden;}
#rond:hover {-webkit-transform:rotate(360deg);transition:all 1s ease;background:white;box-shadow:0px 0px 4px darkgrey;}

#barren {width: 110px;float: left;}
#r {padding-left:38%;}
#lr {padding-left:33%;}

#rond2 {border-radius:50px;width:80px;height:80px;padding:6px;background:#151515;border:1px solid grey;background-repeat:no-repeat;text-align:center;
box-shadow:1px 1px 10px #727272;z-index:8;top:18px;color:white;font-family: 'CMUTypewriterTextRegular', Times;
font-weight: normal;font-style: normal;font-size:14px;overflow:hidden;}
#rond2:hover {-webkit-transform:rotate(360deg);transition:all 1s ease;box-shadow:0px 0px 4px darkgrey;}
#tonDiv{display:none;overflow:auto;width:100%;}
#bouton {background:none;border:none;box-shadow:none;float:left;}