diff --git a/Logo.jpg b/Logo.jpg new file mode 100644 index 0000000..2676288 Binary files /dev/null and b/Logo.jpg differ diff --git a/main.css b/main.css index 235b3db..3c99ffe 100644 --- a/main.css +++ b/main.css @@ -1,25 +1,39 @@ +/* + + + + + +*/ + +/*Tout*/ html, body{ height: 100%; text-align: center; /*font-size: 98%;*/ } + +/*Header et son contenu*/ #header { display: flex; flex-direction: row; padding: 30px; + background-color: blanchedalmond; } #logo { - background-color: blue; + background-image: url("Logo.jpg"); + background:no-repeat; } #nav { background-color: yellow; } - +/*Body et son contenu */ body { + background-color: blanchedalmond; display: flex; flex-direction: column; margin: 0; @@ -29,16 +43,29 @@ body { #sidebar { background-color: aquamarine; + border: 1px solid rgba(0,0,0,.125); + border-radius: .25rem; } #main-body { - background-color: red; display: flex; flex-direction: row; overflow: auto; + flex: 1; + background-clip: border-box; } +#content { + background-color: red; + text-align: left; + width: 100%; + height: 100%; + border: 1px solid rgba(0,0,0,.125); + border-radius: .25rem; +} + +/*Footer et son contenue*/ footer{ padding: 25px; background: darkslateblue;