added site files
This commit is contained in:
parent
80c0c869de
commit
1285e550c6
191 changed files with 3484 additions and 0 deletions
404
style.css
Normal file
404
style.css
Normal file
|
|
@ -0,0 +1,404 @@
|
|||
/*
|
||||
bleu foncé #215bd1
|
||||
bleu un peu moins foncé #336ee4
|
||||
*/
|
||||
|
||||
|
||||
|
||||
@font-face {
|
||||
font-family: rubik;
|
||||
src: url("index/fonts/rubik.ttf");
|
||||
}
|
||||
@font-face {
|
||||
font-family: ABZ;
|
||||
src: url("index/fonts/abz.otf") format("opentype");
|
||||
}
|
||||
html
|
||||
{
|
||||
background-color: #E6E6E6;
|
||||
color: #3F3F3F;
|
||||
font-family: rubik, ABZ, arial;
|
||||
}
|
||||
p
|
||||
{
|
||||
text-align: justify;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
h1, h2, h3, h4, a
|
||||
{
|
||||
text-align: center;
|
||||
font-weight: normal;
|
||||
color: #215bd1;
|
||||
}
|
||||
h1
|
||||
{
|
||||
text-decoration: none;
|
||||
|
||||
}
|
||||
h3
|
||||
{
|
||||
text-decoration: none;
|
||||
|
||||
}
|
||||
a
|
||||
{
|
||||
cursor: pointer;
|
||||
}
|
||||
a:hover
|
||||
{
|
||||
color: #336ee4;
|
||||
text-decoration: underline;
|
||||
}
|
||||
header, article, aside, footer
|
||||
{
|
||||
padding: 10px;
|
||||
}
|
||||
body
|
||||
{
|
||||
width: 1300px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
background-color: #ffffff;
|
||||
margin-top: 0px;
|
||||
border-right: solid 1px #e6e6e6;
|
||||
border-left: solid 1px #e6e6e6;
|
||||
box-shadow: 0px 5px 9px #b8b8b8;
|
||||
}
|
||||
header
|
||||
{
|
||||
border-bottom: solid 1px #e6e6e6;
|
||||
padding: 0px;
|
||||
background-image: url("index/images/banner.jpg");
|
||||
}
|
||||
header h1
|
||||
{
|
||||
text-transform: uppercase;
|
||||
display: inline-block;
|
||||
color: #215bd1;
|
||||
font-size: 4em;
|
||||
font-weight: bolder;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 15px;
|
||||
text-shadow: 3px 3px #fff;
|
||||
margin-left: 20px;
|
||||
}
|
||||
header #headNav ul
|
||||
{
|
||||
list-style-type: none;
|
||||
display: block;
|
||||
padding: 10px;
|
||||
margin: 5px;
|
||||
margin-right: 0px;
|
||||
text-align: right;
|
||||
}
|
||||
header #headNav li
|
||||
{
|
||||
display: inline-block;
|
||||
padding: 0px;
|
||||
margin-left: 10px;
|
||||
text-align: right;
|
||||
}
|
||||
header #headNav a
|
||||
{
|
||||
display: block;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
font-size: 1.5em;
|
||||
}
|
||||
header #headNav a:hover
|
||||
{
|
||||
text-decoration: underline;
|
||||
}
|
||||
header img
|
||||
{
|
||||
margin: 0px;
|
||||
border-radius: 10px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
text-align: center;
|
||||
display: block;
|
||||
width: 1100px;
|
||||
}
|
||||
header nav
|
||||
{
|
||||
margin-top: 10px;
|
||||
margin-bottom: 5px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
padding-left: 10px;
|
||||
}
|
||||
header nav div
|
||||
{
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
padding : 0px;
|
||||
padding-right : 0px;
|
||||
margin-right: 4px;
|
||||
border: 1px solid #CCC;
|
||||
box-shadow: 0px 5px 9px #b8b8b8;
|
||||
background-color: #EBEBEB;
|
||||
transition: margin-left 200ms;
|
||||
}
|
||||
header nav .dropdown:hover
|
||||
{
|
||||
margin-left: 10px;
|
||||
|
||||
|
||||
}
|
||||
/* EASTER EGG */
|
||||
header h1
|
||||
{
|
||||
text-align: left;
|
||||
overflow: hidden;
|
||||
width: 695px;
|
||||
height: 100px;
|
||||
transition: width 10000ms;
|
||||
}
|
||||
|
||||
header h1:hover
|
||||
{
|
||||
width: 1300px;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
article
|
||||
{
|
||||
display: inline-block;
|
||||
width: 750px;
|
||||
border-right: solid 1px #e6e6e6;
|
||||
padding-left: 20px;
|
||||
padding-right: 150px;
|
||||
padding-left: 150px;
|
||||
}
|
||||
article h1
|
||||
{
|
||||
font-size: 2em;
|
||||
}
|
||||
article div
|
||||
{
|
||||
background-color: none;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
border: none;
|
||||
width: auto;
|
||||
display: inline;
|
||||
vertical-align: top;
|
||||
}
|
||||
article div a
|
||||
{
|
||||
display: inline;
|
||||
text-align: left;
|
||||
background-color: none;
|
||||
}
|
||||
article div a img
|
||||
{
|
||||
margin-right: 5px;
|
||||
}
|
||||
article h2 a
|
||||
{
|
||||
margin: 3px;
|
||||
}
|
||||
article #contact, #submit
|
||||
{
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
article #contact
|
||||
{
|
||||
width: 400px;
|
||||
height: 200px;
|
||||
}
|
||||
article h4
|
||||
{
|
||||
text-align: left;
|
||||
}
|
||||
article #arrowRight
|
||||
{
|
||||
margin-left: 5px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.analysebesoin
|
||||
{
|
||||
width: 1000px;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
table
|
||||
{
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
border-collapse: collapse;
|
||||
box-shadow: 0px 5px 9px #b8b8b8;
|
||||
|
||||
}
|
||||
th, td, tr
|
||||
{
|
||||
border: 1px solid #929292;
|
||||
border-collapse: collapse;
|
||||
padding: 3px;
|
||||
padding-right: 10px;
|
||||
padding-left: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
th
|
||||
{
|
||||
Background-color: #bedbd8;
|
||||
}
|
||||
aside
|
||||
{
|
||||
display: inline-block;
|
||||
width: 220px;
|
||||
vertical-align: top;
|
||||
margin-left: 0px;
|
||||
}
|
||||
aside nav ul h1 h2 h3 h4 p
|
||||
{
|
||||
display: inline-block;
|
||||
}
|
||||
aside ul
|
||||
{
|
||||
padding-left: 10px;
|
||||
|
||||
}
|
||||
aside li a
|
||||
{
|
||||
transition: padding-left 200ms;
|
||||
}
|
||||
aside li a:hover
|
||||
{
|
||||
padding-left: 10px;
|
||||
|
||||
}
|
||||
aside h3, aside a
|
||||
{
|
||||
text-align: left;
|
||||
text-decoration: none;
|
||||
}
|
||||
aside ul
|
||||
{
|
||||
list-style-type: none;
|
||||
}
|
||||
aside #todod ul
|
||||
{
|
||||
list-style-type: disc;
|
||||
}
|
||||
aside #todod ul ul
|
||||
{
|
||||
list-style-type: circle;
|
||||
}
|
||||
aside #todod ul ul ul
|
||||
{
|
||||
list-style-type: square;
|
||||
}
|
||||
footer
|
||||
{
|
||||
border-top: solid 1px #e6e6e6;
|
||||
}
|
||||
figure
|
||||
{
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-bottom: 30px;
|
||||
border: 1px solid #CCC;
|
||||
padding: 5px;
|
||||
box-shadow: 0px 5px 9px #b8b8b8;
|
||||
text-align: center;
|
||||
}
|
||||
figure img
|
||||
{
|
||||
display: inline;
|
||||
width: auto;
|
||||
max-width:100%;
|
||||
max-height:100%;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
|
||||
/* Dropdown Button */
|
||||
.dropbtn {
|
||||
background-color: #336ee4;
|
||||
color: white;
|
||||
padding: 16px;
|
||||
font-size: 16px;
|
||||
border: none;
|
||||
}
|
||||
|
||||
/* The container <div> - needed to position the dropdown content */
|
||||
.dropdown {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/* Dropdown Content (Hidden by Default) */
|
||||
.dropdown-content {
|
||||
display: none;
|
||||
position: absolute;
|
||||
background-color: #f1f1f1;
|
||||
min-width: 160px;
|
||||
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
/* Links inside the dropdown */
|
||||
.dropdown-content a {
|
||||
color: black;
|
||||
padding: 12px 16px;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Change color of dropdown links on hover */
|
||||
.dropdown-content a:hover
|
||||
{
|
||||
background-color: #215bd1;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Show the dropdown menu on hover */
|
||||
.dropdown:hover .dropdown-content {display: block;}
|
||||
|
||||
/* Change the background color of the dropdown button when the dropdown content is shown */
|
||||
.dropdown:hover .dropbtn {background-color: #215bd1;}
|
||||
|
||||
iframe
|
||||
{
|
||||
width: 815px;
|
||||
height: 521px;
|
||||
display: inline-block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.player
|
||||
{
|
||||
display: inline-block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.fotorama
|
||||
{
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
|
||||
.download
|
||||
{
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-bottom: 30px;
|
||||
border: 1px solid #CCC;
|
||||
padding: 5px;
|
||||
box-shadow: 0px 5px 9px #b8b8b8;
|
||||
text-align: center;
|
||||
}
|
||||
.center
|
||||
{
|
||||
text-align: center;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue