body{font-family:"Comic Sans MS";background-color:#88000e;}
h1{position:fixed;top:2%;left:15%;width:80%;z-index:100;}
h2{position:fixed;font-size:150%;top:12%;color:#d41e54;left:33%;width:33%;z-index:100;background-image:url('fond2.jpg');border-width:thick;border-style:ridge;border-color:#b60c25;}
h3{position:fixed;top:0px;left:0px;}
h4{position:fixed;top:20px;left:0px;}
h5{position:fixed;top:2px;right:2px;font-size:60%;}
hr{color:#ff6c7b;height:5px;border-width:thick;border-color:#ff6c7b;}
img{border-width:0;vertical-align: bottom;}
.pedi{font-size:80%;}
.indentation{text-indent:4em;}
.flotted{float:right;}
.flotter{float:left;}
.invisible{visibility:hidden;}
a,a:visited{color:#faa3af;cursor:pointer;border:none;}
table{margin:5px auto auto auto;width:auto;background-color:#530009;text-align:left;padding:8px 8px;border-width:4px;border-style:outset;border-color:#b60c25;-moz-border-radius:20px 20px 20px 20px;-moz-box-shadow: 10px 10px 10px rgba(0,0,0,0.3);-webkit-box-shadow: 10px 10px 10px rgba(0,0,0,0.3);box-shadow: 10px 10px 10px rgba(0,0,0,0.3); -webkit-border-radius:20px 20px 20px 20px;border-radius:20px 20px 20px 20px;-webkit-border-top-left-radius:20px;-webkit-border-top-right-radius:20px;-webkit-border-bottom-left-radius:20px;-webkit-border-bottom-right-radius:20px;}
.corps{position:absolute;left:15%;width:80%;text-align:center;color:#ff6c7b;}
.diapo{padding-left:50px;}
.lettrine:first-letter{float:left;font-size:40px;font-weight:bolder;}
.viewpic a{position:relative;}
.viewpic a span{display:none;}
.viewpic a:hover span{display:inline;position:fixed;left:20px;top:20px;z-index:30;border-width:4px;border-style:outset;border-color:#b60c25;margin:0;}
.menu{width:auto;position:fixed;left:1%;top:40%;z-index:20;font-weight:bold;-moz-box-shadow: 10px 10px 10px rgba(0,0,0,0.3);-webkit-box-shadow: 10px 10px 10px rgba(0,0,0,0.3);box-shadow: 10px 10px 10px rgba(0,0,0,0.3);}
.menu a{color:#b60c25; -webkit-transition:all .5s;}
.menu li a{text-decoration:none;padding:4px 0 4px 8px;display:block;border-left:8px solid #ff6c7b;width:94px;font-size:70%; -webkit-transition: all .5s;}
.menu ul{padding:0;width:120px;margin:0;background-color:#400006;}
.menu li:hover{background-color:#ff6c7b;}
.menu li.sousmenu:hover{background-color:#ff6c7b;}
.menu ul li{position:relative;list-style:none;border-width:thick;border-style:ridge;border-color:#b60c25;}
.menu ul ul{position:absolute;top:-5px;left:115px;}
.menu li.sousmenu ul li{display:none;}
.menu li.sousmenu:hover ul li{display:block;}
.menu li.sousmenu ul li.sousmenu ul li{display:none;}
.menu li.sousmenu ul li.sousmenu:hover ul li{display:block;}
.menu li.sousmenu ul{width:0;-webkit-transition:all 2s;-moz-transition:all 2s;}
.menu ul.niveau1 li.sousmenu:hover ul.niveau2,.menu ul.niveau2 li.sousmenu:hover ul.niveau3{width:120px;display:block;-moz-box-shadow: 10px 10px 10px rgba(0,0,0,0.3);-webkit-box-shadow: 10px 10px 10px rgba(0,0,0,0.3);box-shadow: 10px 10px 10px rgba(0,0,0,0.3);}
.menu li a:hover{border-left-color:#b60c25;color:#220207;background-color:#b60c25;}
.menu ul ul li a:hover{border-left-color:#b60c25;color:#220207;background-color:#b60c25;}
.menu ul ul ul li a:hover{border-left-color:#b60c25;color:#220207;background-color:#b60c25;}
