*{font-family:sans-serif;} p{font-size:1.1em;padding:0 16px;} .blue{color:rgb(88,116,152);} .yellow{color:rgb(255,216,0);} .even{background-color:IVORY;} .odd{background-color:GHOSTWHITE;} body{margin:auto;padding:0;font-size:100%;color:DARKSLATEGRAY;background-color:GHOSTWHITE;} #logo{height:2em;padding:2px 8px 0 8px;} #bannertext{font-size:2.6em;font-weight:bold;} #intec{color:rgb(88,116,152);} #energies{color:rgb(255,216,0);} .hmenu{position:relative;left:calc(-50vw + 50%);width:100vw;background-color:rgb(88,116,152);box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);display:flex;justify-content:space-around;} .hmenu ul{width:100%;margin:0;padding:0;list-style-type:none;display:flex;justify-content:space-around;flex-wrap:wrap;} .hmenu li a{display:block;text-decoration:none;color:WHITESMOKE;padding:8px 0;border:2px solid rgb(88,116,152);font-size:1.1em;} .hmenu ul li a:hover{border-bottom:2px solid rgb(255,216,0);} #bodyer{} #content{margin:32px;} h1{color:rgb(88,116,152);text-align:center;margin:64px 0 16px 0;} h2{text-align:center;} h3{text-align:center;} .flex{display:flex;justify-content:space-between;flex-grow:0;flex-flow:row wrap;} .paragraph{flex-grow:1;flex-basis:0;box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);margin:4px;padding:0;background-color:white;} .paragraph p{text-align:center;text-align-last:center;} .paragraph span{font-size:1.1em;font-weight:bold;} .image{width:100%;height:auto;margin:0;padding:0;} .polaroid{width:31%;box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);margin:8px;} .polaroid p{text-align:center;} .polaroid:hover{border:1px solid DARKSLATEGRAY;margin:7px;} #misc{padding:16px 0;text-align:center;font-size:0.8em;color:lightgray;} #misc a{text-decoration:none;color:lightgray;} #misc a:hover{border-bottom:2px solid rgb(255,216,0);} .active{border-bottom:2px solid rgb(255,216,0);} @media only screen and (orientation:landscape) and (min-width:1280px){ body{width:64%;} .hmenu ul{width:64%;} } @media only screen and (max-width:720px){ .flex{flex-direction:column;} .polaroid{width:100%;} } .modal { display:none;position:fixed;z-index:1;padding-top:40px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:black;} .modal-content{position:relative;background-color:#fefefe;margin:auto;padding:0;width:80%;max-width:1900px;} .close{color:white;position:absolute;top:10px;right:25px;font-size:35px;font-weight:bold;} .close:hover, .close:focus{color:#999;text-decoration:none;cursor:pointer;} .mySlides{display:none;} .prev, .next{cursor:pointer;position:absolute;top:0;width:auto;padding:16px;color:white;font-weight:bold;font-size:20px;transition:0.6s ease;border-radius:0 3px 3px 0;user-select:none;} .next{right:0;border-radius:3px 0 0 3px;} .prev:hover, .next:hover{background-color:rgba(0, 0, 0, 0.8);} .caption-container { text-align:center;background-color:black;padding:2px 16px;color:white;}
.article{flex-grow:1;flex-basis:0;box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);margin:4px;padding:0;background-color:white;} 
.article p{text-align:left;text-align-last:left;text-indent:2em;} 
.article span{font-size:1.1em;font-weight:bold;} .juridique table{margin: 0 auto;} .juridique table, th, td{border:1px solid black;border-collapse: collapse;text-align: left;padding: 15px;}