[data-arrow]:after {content:attr(data-arrow);position:absolute;top:0;right:5px;font-size:70%;}

body {font-family :  Verdana, Arial, sans-serif;color : black;background-color:#E6E6E6;}

header {width:100%;margin-bottom:5px;text-align:center;}
header a:link {color: black;text-decoration:none;}
header a:visited {color: black;text-decoration:none;}
header a:hover {color: black;text-decoration:none;}
header>div :hover {background:white;}

nav {text-align: center;background:#BDBDBD;}
nav1 {display:inline-block;margin-right:1px;}
nav2 {display:inline-block;margin-left:1px;}
nav1 ul,nav2 ul {margin:0;padding:0;list-style:none;text-align:center;background:#F2F2F2;}
nav1 li,nav2 li {position:relative;font:100%/24px sans-serif;cursor:pointer;}
nav1 li:hover,nav2 li:hover {background:#E6E6E6;color:white:}
nav1>ul,nav2>ul  {margin-bottom:5px;margin-top:5px;border-radius:10px;background:#BDBDBD;}
nav1>ul>li,nav2>ul>li {display:inline-block;vertical-align:top;padding:0 10px;background:#F2F2F2;border:1px solid white;border-radius:10px;}
nav1 ul ul,nav2 ul ul{position:absolute;top:-9999px;}
nav1>ul>li:hover>ul,nav2>ul>li:hover>ul{top:100%;}
nav1>ul>li>ul,nav2>ul>li>ul {width:100%;left:0;width:270px;margin-left:-77px;border-radius:10px;}
nav1 ul ul ul {left:100%;border-radius:10px;}
nav2 ul ul ul {right:100%;border-radius:10px;}
nav1 li li li,nav2 li li li  {padding:0 20px;font-size:100%;}
nav1>ul>li>ul>li:hover ul,nav2>ul>li>ul>li:hover ul {top:0;}
nav1>ul>li>ul>li:hover ul ul,nav2>ul>li>ul>li:hover ul ul{position:absolute;top:-9999px;}
nav1>ul>li>ul>li>ul>li:hover ul,nav2>ul>li>ul>li>ul>li:hover ul {top:0;}
nav1 ul ul ul ul {left:100%;width:250px;text-align:left;}
nav2 ul ul ul ul {right:100%;width:250px;text-align:left;}
nav1 li li li li,nav2 li li li li {padding:0 20px;font-size:100%;}

section {background-color:white;margin-bottom:20px;border-radius:10px;padding :10px;padding-left :15px;padding-right :15px;min-height:600px;min-width:400px;max-width:100%;}

nav1 a:link, nav2 a:link  {color: black;text-decoration:none;}
nav1 a:visited, nav2 a:visited {color: black;text-decoration:none;}
nav1 a:hover, nav2 a:hover {color: black;text-decoration:none;}
nav1 a:active, nav2 a:active {color: black;text-decoration:none;}

table {border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */}
footer {vertical-align: bottom;margin-top: 47%;display: block;}
h1 {font-size : 1.4em;font-family :  Verdana, Arial, sans-serif;color : black; display:block;margin:auto;width:400px;text-align: center;margin-left:auto;margin-right:auto;border:1px solid grey;margin-top:50px;margin-bottom:50px;border-radius:10px;background:#F2F5A9;}
h2 {font-size : 1.2em;font-family :  Verdana, Arial, sans-serif;text-decoration : underline; color : red; padding-left:0px;}
h3 {font-size : 1.1em;font-family :  Verdana, Arial, sans-serif;text-decoration : underline; color : black;padding-left:15px;}
a:link {color: blue; text-decoration:underline;}
a:visited {color: blue; text-decoration:underline;}
a:hover {color:blue; text-decoration:none;}

#main {display:table;width:100%;}
#main>aside {display:table-cell;vertical-align:top;}

.rouge{color: red;}
.vertpetit{color: green;font-size:0.8em;} 
.orange{color:#FF8000;}

.gauche, .droite {width:10%;background:#E6E6E6;text-align:center;font-family :  Verdana, Arial, sans-serif;}
.centre{text-align:center;}