body { margin:0px; padding:0px; display:flex; flex-direction: column; min-height: 100vh; font-size:20px; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; background-color: rgba(206, 230, 255, 0.32) ; } a { outline: none; color: mediumblue; transition-property: background-color; transition-duration: 0.1s; } a:hover { color:#ef6c00; } a.tel, a.tel:hover{ color:inherit; } strong { font-weight: 700; } a img { border:0px; } body > header, body > section, body > footer{ padding:0.5em 0px; } body > section{ padding-top: 0.1em; } body > section{ display:flex; flex-grow: 1; min-height: 75vh; flex-direction: column; } body > section > *{ flex-grow:1; display:block; } body > section main{ padding:0; color:#02268d; } body > section main .fontSmall{ font-size: 0.8em; } body > section main dfn { font-style: normal; border-bottom: 2px dotted #ef6c00; } header div, footer div{ text-align: center; } body > section main p { margin-bottom: 1.5em; margin-top: 1.5em; } body > section main img.shadow { box-shadow: 2px 2px 5px #d0d0dd; } body > section main img.border { border:2px solid #02268d; } body > section main img.float { margin-right: 1em; margin-bottom: 1em; float:left; } div.warning{ background-color: blanchedalmond; border:10px solid orange; padding:0em 1.5em; margin:4em 0em; box-shadow: 2px 2px 6px gray; } div.warning img { float:left; margin-right: 1em; margin-bottom: 1em; border:3px solid orange; box-shadow: 1px 1px 3px silver; } div.warning p { padding-top:0.75em; padding-bottom:0.75em; } body > section > main div.nb_cadre { margin-top:2.5em; margin-bottom:2.5em; } body > section > main div.nb_cadre > div:first-child{ background-color: #ef6c00; padding: 0.25em; color:white; display: inline-block; box-shadow: 2px 2px 5px #d0d0dd; } body > section > main div.nb_cadre > div:nth-child(2) { border-left: 8px solid #ef6c00; padding-left: 1em; border-right: 8px solid #ef6c00; padding-right: 1em; border-top: 2px solid #ef6c00; border-bottom: 2px solid #ef6c00; margin-top: 0.75em; background-color: oldlace; } body > section p strong, body > section h3 strong { color:#ef6c00; } p.encadre, ul.encadre, li.encadre{ border:5px solid #ef6c00; padding:0.75em; box-shadow: 2px 2px 5px darkgrey; } body > header { background-color: #b6d6fc; box-shadow: 0px 2px 5px lightsteelblue; opacity: 0.95; display: flex; flex-direction: column; height: auto; width: 100%; padding: 2em 0; } body > header > section:first-of-type { display: flex; flex-direction: row; color:darkblue; justify-content: space-around; } body > header > section a, body > header > section a:hover { color:inherit; text-decoration: none; } body > header > section div h5 { font-size:1em; font-weight: normal; margin: 1em 0 0.25em 0; text-shadow: 1px 1px 2px #4682b4b0; } body > header > section > div > a { font-size:2em; text-shadow: 2px 2px 4px #4682b4b0; font-weight: bold; display: flex; flex-direction: row; align-items: baseline; flex-wrap: wrap; } body > header > section > div > a > strong { background-color: darkblue; color: white; padding: 5px; display: flex; border-radius: 10px; width: 1em; height: 1.1em; margin-right: 3px; margin-left: 2em; box-shadow: 2px 2px 4px #4682b4b0; justify-content: space-around; justify-content: center; flex-direction: column; } body > header > section > div > a > strong > b { width: 100%; font-weight: 700; } body > header > section > div > a > strong:first-child{ margin-left:0px; } body > header > section > div > a > strong:last-child{ margin-left:0px; } body > section main > section h3 { margin-top: 1em; color: #3355db; font-size: 1.7em; border:0px; padding:0; text-align: center; margin-bottom: 2.5em; } body > section main > section h4 { font-size: 1.2em; margin-top: 3em; padding: 0.3em 0em 0.3em 0.6em; border-left: 0.6em solid #207dcd; border-bottom: 1px solid #207dcd; color: #207dcd; background-color: ghostwhite; } body > section main h4::before { content: "- "; } body > section main > section { background-color: rgba(179, 210, 237, 0.17); ; padding: 3em 0em; } body > section main > section:nth-child(2n+1){ background-color: inherit; } body > section main > section > *{ width:80%; margin-left:auto; margin-right:auto; } body > section main > section.warning { background-color: antiquewhite; color:black; border-top:1px solid chocolate; border-bottom:1px solid chocolate; } body > section main > section.warning h3 { color:chocolate; } body > section main > section p.buttons { text-align: center; margin-bottom: 1.5em; margin-top:1.5em; display: flex; flex-wrap: wrap; justify-content: space-around; } @supports not (-ms-ime-align: auto){ body > section main > section p.buttons { justify-content: space-evenly; } } @supports (background: -webkit-named-image(i)) { body > section main > section p.buttons{ justify-content: space-around; } } body > section main > section p.buttons > a { outline: none; text-shadow: none; border: 2px solid azure; padding: 0.5em; border-radius: 10px; background-color: dodgerblue; color: white; text-decoration: none; box-shadow: 2px 2px 5px darkgray; margin:1em 0.3em; } body > section main > section p.buttons > a:hover{ background-color: mediumblue; } body > section main > section.warning p.buttons > a { border: 2px solid chocolate; background-color: darkorange; color: white; } body > section main > section.warning p.buttons > a:hover{ background-color: chocolate; } body > section main > section > h3 > span { background-color: #ef6c00; padding: 0.3em 0.5em; font-size: 1.8em; transform: rotate(-10deg); display: inline-block; margin-right: 0.5em; margin-left: -2em; color: white; box-shadow: 2px 2px 4px darkgray; min-width: 0.8em; font-family: "Noto Color Emoji", "Segoe UI Emoji" } body > footer { margin-top:2em; background-color: gainsboro; box-shadow: 0px -2px 5px gainsboro; z-index: 99; position: relative; } body > footer div { color:dimgray; font-size:0.8em; margin-left: auto; margin-right: auto; } footer div#footer, footer div#footer2 { margin-top:0.5em; padding-top:0.5em; border-top:1px dashed silver; font-size:0.8em; } footer div#footer2{ } footer div#footer { display: flex; flex-wrap: wrap; justify-content:space-around; } footer div#footer a, footer div#footer2 a { margin:0.5em 1em; color:dimgray; } footer div#footer2 a { margin-left:0.5em; margin-right:0.5em; display: inline-block; } div.livreDOrContainer div{ display:flex; flex-direction: column; margin-top:1em; margin-bottom:2em; padding:1em; border: 1px solid darkgray; box-shadow: 2px 2px 5px lightgray; background-color: white; } div.livreDOrContainer div cite { font-size: 0.9em; } div.livreDOrContainer div span { margin-bottom: 0.5em; color:slategray; } form.formLivreDOr{ margin-top:2em; max-width: 90%; } form.formLivreDOr p em { font-size:0.8em; } form.formLivreDOr p{ margin-top:1.5em; margin-bottom:1.5em; } form.formLivreDOr p:last-of-type{ margin-bottom:0.5em; } form.formLivreDOr p b { margin-right: 0.75em; color: royalblue; border: 1px solid royalblue; box-shadow: 1px 1px 3px lightgray; padding: 0.2em 0.3em; display: inline-block; background-color: ghostwhite; } form.formLivreDOr p[data-required] b { background-color: orange; } form.formLivreDOr textarea{ width:100%; height:5em; } div.presse_grille{ display: flex; flex-wrap: wrap; } div.presse_grille div { display: flex; flex-direction: column; border: 1px solid darkgray; margin: 1em; box-shadow: 2px 2px 5px lightgray; background-color: white; } div.presse_grille div > * { display:block; } div.presse_grille div strong, div.presse_grille div em { text-align: center; } div.presse_grille div img { width:210px; height:auto; margin:0.5em 1.25em; } div.presse_grille div strong { color: #02268d; text-shadow: 2px 2px 4px lightgray; margin-top:1em; margin-bottom:0.25em; } div.presse_grille div em { margin-bottom:1em; } div.partenaires_grille{ display: flex; flex-wrap: wrap; align-items: center; } div.partenaires_grille > * { border: 1px solid darkgray; margin: 1em; padding:1em; box-shadow: 2px 2px 5px lightgray; background-color: white; display: block; } table.checkup_list { background-color: rgba(179, 210, 237, 0.17); border-collapse: collapse; box-shadow: 4px 4px 10px #d0d0dd; margin-top: 2em; margin-bottom: 2em; } table.checkup_list tr:nth-child(2n) { background-color: #b3d2ed; } table.checkup_list tr td:first-child { background-image: url("/images/rv/check.png"); background-repeat: no-repeat; background-position: center; width:28px; border-left:5px solid #ef6c00; } table.checkup_list tr td:last-child { border-right:5px solid #ef6c00; } table.checkup_list tr td { padding:0.95em; padding-left:0.7em; border-bottom: 1px solid #02268d; border-top: 1px solid #02268d; } table.checkup_list tr.warning td { background-color: antiquewhite; color: black; border-bottom: 2px solid #ef6c00; border-top: 2px solid #ef6c00; } .rv_box { width:23em; min-height: 8em; box-shadow: 4px 4px 10px lightgray; border: 1px solid #02268d; max-width: 100%; margin:2em 0em; background-color: whitesmoke; } .rv_box div:first-child { font-size: 1.1em; text-align: center; padding:0.7em 0em; background-color: #02268d; color:white; font-weight: bold; } .rv_box ul { padding-left:1.75em; list-style-type: square; margin-right: 0.5em; } .rv_box ul li{ margin-bottom: 0.3em; } .rv_boxes { display: flex; flex-wrap: wrap; justify-content: space-around; } @media screen and (min-width:1601px) { table.checkup_list { max-width: 70%; } } @media screen and (min-width:1025px) and (max-width:1600px) { body { font-size: 18px; } body > header > section > div > a { font-size: 1.6em; } } @media screen and (max-width: 1024px) { body > header > section > div > a { font-size:1.2em; text-shadow: none; } body > header > section > div > h5{ margin-top:0.5em; } body > header > section div > h5 { text-shadow: none; font-weight: bold; color:#0d47a1; } body > header aside{ display: none; visibility: hidden; } body { font-size: 15px; } body > section main p, body > footer p { line-height: 1.5em; } body > section main p img { max-width: 30%; } body > section main p img.medium { max-width: 60%; } body > section main p img.max { max-width: 98%; } body > section main > header h1 { font-size:1.7em; } body > section main > header > div { padding-bottom: 1em; padding-top: 0.5em; } body > section main > header > div h2 { margin-top: 1.2em; } body > section main > section h3 { font-size: 1.4em; } div.warning { font-size: 0.9em; } body > section main > section > *{ width:95%; } img.salp { width: 65px; bottom: -25px; } body > section main > section h4 { width: calc(95% - 0.6em - 0.6em); } body > section > main div.nb_cadre > div:nth-child(2) { border-left: 0; border-right: 0; padding-left: 0.6em; border-bottom: 8px solid #ef6c00; border-top: 8px solid #ef6c00; padding-right: 0.6em; } body > section main > section > h3 > span { margin-left: 0; font-size:1.5em; } table.checkup_list tr td:first-child { border-left:0; padding: 0; } table.checkup_list tr td:last-child { border-right-width: 4px; } } @media screen and (max-width: 400px) { body > header { position: static; } body > section { margin-top: 0; } } @media print { body { font-size: 13px; display: block; background: white; } body > header { background-color: white; box-shadow: none; display: block; } body > header > section aside, body > header > section nav { display: none; visibility: hidden; } body > header > section > div{ color:black; } body > header > section > div > a { font-size:2em; text-shadow: none; } body > header > section > div > h5 { text-shadow: none; } body > section { display:block; margin-top:0px; } body > section main { width:auto !important; } body > footer { background-color: white; box-shadow: none; border-top: 2px solid black; } body > footer div { color:black; } body > section main > section { border-top:2px dashed black; background: white; } body > section main > section:first-of-type { border-top:0; } body > section main > section > * { margin-left:0; margin-right: 0; width: 100%; color:black; } body > section main > section > * > strong { text-shadow: none; color:black; } body > section > main > header > div > h1 { background-color: white; box-shadow: none; border:0px; color: black; text-decoration: underline; text-shadow: none; } body > section > main > header > div > h2 { color:black; } body > section header > div { padding-bottom: 0; background: white; } body > section main > section > h3 { color:black; } body > section main > section p img#perso { height:9em; } body > section main > section p.buttons > a { border-color: black; background-color: black; color: white; box-shadow: 0; } footer div#footer, footer div#footer2 { display: none; visibility: hidden; } .rv_box div:first-child { color:black; background-color: white; } body > section main > section > h3 > span { border:2px solid black; } }