|
|
@ -110,14 +110,13 @@ nav a:link { |
|
|
|
|
|
|
|
input { |
|
|
|
font-family: fin; |
|
|
|
.optionhaute { |
|
|
|
border-top: 0px black solid; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.optionhaute { |
|
|
|
border-top: 0px black solid; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.boite { |
|
|
|
border: 3px black solid; |
|
|
|
border-radius: 10px; |
|
|
@ -439,7 +438,7 @@ footer { |
|
|
|
} |
|
|
|
|
|
|
|
.option:hover { |
|
|
|
background-color: #dbfeff; |
|
|
|
background-color: #FFB3B3; |
|
|
|
transition: all 0.2s ease-in-out; |
|
|
|
|
|
|
|
} |
|
|
@ -784,7 +783,7 @@ footer { |
|
|
|
|
|
|
|
/* ============================= Fin de mon code CSS ========================================== */ |
|
|
|
|
|
|
|
/* ============================= Début du code initial HTML5UP ================================ */ |
|
|
|
/* ============================= Début du code HTML5UP ================================ */ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@ -861,7 +860,7 @@ footer { |
|
|
|
} |
|
|
|
|
|
|
|
a:hover { |
|
|
|
color: #47D3E5; |
|
|
|
color: #FF1919; |
|
|
|
} |
|
|
|
|
|
|
|
b { |
|
|
@ -878,31 +877,6 @@ footer { |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
/* Box */ |
|
|
|
|
|
|
|
.box { |
|
|
|
border-radius: 4px; |
|
|
|
border: solid 1px; |
|
|
|
margin-bottom: 2rem; |
|
|
|
padding: 1.5rem; |
|
|
|
} |
|
|
|
|
|
|
|
.box > :last-child, |
|
|
|
.box > :last-child > :last-child, |
|
|
|
.box > :last-child > :last-child > :last-child { |
|
|
|
margin-bottom: 0; |
|
|
|
} |
|
|
|
|
|
|
|
.box.alt { |
|
|
|
border: 0; |
|
|
|
border-radius: 0; |
|
|
|
padding: 0; |
|
|
|
} |
|
|
|
|
|
|
|
.box { |
|
|
|
border-color: rgba(0, 0, 0, 0.2); |
|
|
|
} |
|
|
|
|
|
|
|
/* Button */ |
|
|
|
|
|
|
|
input[type="submit"], |
|
|
@ -1009,8 +983,9 @@ footer { |
|
|
|
input[type="button"]:hover, |
|
|
|
button:hover, |
|
|
|
.button:hover { |
|
|
|
box-shadow: inset 0 0 0 1px #47D3E5; |
|
|
|
color: #47D3E5 !important; |
|
|
|
box-shadow: inset 0 0 0 1px red; |
|
|
|
color: red !important; |
|
|
|
background-color: #FFBFBF; |
|
|
|
} |
|
|
|
|
|
|
|
input[type="submit"]:active, |
|
|
@ -1019,8 +994,8 @@ footer { |
|
|
|
button:active:not(#bouttonmenu), |
|
|
|
.button:active { |
|
|
|
background-color: rgba(71, 211, 229, 0.2); |
|
|
|
box-shadow: inset 0 0 0 1px #47D3E5; |
|
|
|
color: #47D3E5 !important; |
|
|
|
box-shadow: inset 0 0 0 1px red; |
|
|
|
color: red !important; |
|
|
|
} |
|
|
|
|
|
|
|
input[type="submit"].special, |
|
|
@ -1038,7 +1013,7 @@ footer { |
|
|
|
input[type="button"].special:hover, |
|
|
|
button.special:hover, |
|
|
|
.button.special:hover { |
|
|
|
background-color: #47D3E5; |
|
|
|
background-color: red; |
|
|
|
} |
|
|
|
|
|
|
|
input[type="submit"].special:active, |
|
|
@ -1046,7 +1021,7 @@ footer { |
|
|
|
input[type="button"].special:active, |
|
|
|
button.special:active, |
|
|
|
.button.special:active { |
|
|
|
background-color: #1ebdd1; |
|
|
|
background-color: red; |
|
|
|
} |
|
|
|
|
|
|
|
label { |
|
|
@ -1189,8 +1164,8 @@ footer { |
|
|
|
input[type="number"]:focus, |
|
|
|
select:focus, |
|
|
|
textarea:focus { |
|
|
|
border-color: #47D3E5; |
|
|
|
box-shadow: 0 0 0 1px #47D3E5; |
|
|
|
border-color: red; |
|
|
|
box-shadow: 0 0 0 1px red; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
@ -1214,270 +1189,8 @@ footer { |
|
|
|
|
|
|
|
input[type="checkbox"]:focus + label:before, |
|
|
|
input[type="radio"]:focus + label:before { |
|
|
|
border-color: #47D3E5; |
|
|
|
box-shadow: 0 0 0 1px #47D3E5; |
|
|
|
} |
|
|
|
|
|
|
|
.icon { |
|
|
|
text-decoration: none; |
|
|
|
border-bottom: none; |
|
|
|
position: relative; |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
|
|
|
|
.icon:before { |
|
|
|
font-family: FontAwesome; |
|
|
|
font-style: normal; |
|
|
|
font-weight: normal; |
|
|
|
text-transform: none !important; |
|
|
|
} |
|
|
|
|
|
|
|
.icon > .label { |
|
|
|
display: none; |
|
|
|
} |
|
|
|
|
|
|
|
.icon.style2:before { |
|
|
|
border-radius: 2.75em; |
|
|
|
display: inline-block; |
|
|
|
height: 2.75em; |
|
|
|
line-height: 2.75em; |
|
|
|
width: 2.75em; |
|
|
|
} |
|
|
|
|
|
|
|
.icon.major { |
|
|
|
display: block; |
|
|
|
margin: 0 0 1rem 0; |
|
|
|
} |
|
|
|
|
|
|
|
.icon.major:before { |
|
|
|
font-size: 1.25rem; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
a.icon.style2:before { |
|
|
|
transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out; |
|
|
|
} |
|
|
|
|
|
|
|
.icon.style2:before { |
|
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); |
|
|
|
} |
|
|
|
|
|
|
|
a.icon.style2:hover:before { |
|
|
|
box-shadow: inset 0 0 0 1px #47D3E5; |
|
|
|
color: #47D3E5; |
|
|
|
} |
|
|
|
|
|
|
|
a.icon.style2:active:before { |
|
|
|
background-color: rgba(71, 211, 229, 0.1); |
|
|
|
box-shadow: inset 0 0 0 1px #47D3E5; |
|
|
|
color: #47D3E5; |
|
|
|
} |
|
|
|
|
|
|
|
/* List */ |
|
|
|
|
|
|
|
ol { |
|
|
|
list-style: decimal; |
|
|
|
margin: 0 0 2rem 0; |
|
|
|
padding-left: 1.25rem; |
|
|
|
} |
|
|
|
|
|
|
|
ol li { |
|
|
|
padding-left: 0.25rem; |
|
|
|
} |
|
|
|
|
|
|
|
ul { |
|
|
|
list-style: disc; |
|
|
|
margin: 0 0 2rem 0; |
|
|
|
padding-left: 1rem; |
|
|
|
} |
|
|
|
|
|
|
|
ul li { |
|
|
|
padding-left: 0.5rem; |
|
|
|
} |
|
|
|
|
|
|
|
ul.alt { |
|
|
|
list-style: none; |
|
|
|
padding-left: 0; |
|
|
|
} |
|
|
|
|
|
|
|
ul.alt li { |
|
|
|
border-top: solid 1px; |
|
|
|
padding: 0.5rem 0; |
|
|
|
} |
|
|
|
|
|
|
|
ul.alt li:first-child { |
|
|
|
border-top: 0; |
|
|
|
padding-top: 0; |
|
|
|
} |
|
|
|
|
|
|
|
ul.icons { |
|
|
|
cursor: default; |
|
|
|
list-style: none; |
|
|
|
padding-left: 0; |
|
|
|
} |
|
|
|
|
|
|
|
ul.icons li { |
|
|
|
display: inline-block; |
|
|
|
padding: 0 0.75rem 0 0; |
|
|
|
} |
|
|
|
|
|
|
|
ul.icons li:last-child { |
|
|
|
padding-right: 0; |
|
|
|
} |
|
|
|
|
|
|
|
ul.actions { |
|
|
|
cursor: default; |
|
|
|
list-style: none; |
|
|
|
padding-left: 0; |
|
|
|
} |
|
|
|
|
|
|
|
ul.actions li { |
|
|
|
display: inline-block; |
|
|
|
padding: 0 1rem 0 0; |
|
|
|
vertical-align: middle; |
|
|
|
} |
|
|
|
|
|
|
|
ul.actions li:last-child { |
|
|
|
padding-right: 0; |
|
|
|
} |
|
|
|
|
|
|
|
ul.actions.small li { |
|
|
|
padding: 0 0.5rem 0 0; |
|
|
|
} |
|
|
|
|
|
|
|
ul.actions.vertical li { |
|
|
|
display: block; |
|
|
|
padding: 1rem 0 0 0; |
|
|
|
} |
|
|
|
|
|
|
|
ul.actions.vertical li:first-child { |
|
|
|
padding-top: 0; |
|
|
|
} |
|
|
|
|
|
|
|
ul.actions.vertical li > * { |
|
|
|
margin-bottom: 0; |
|
|
|
} |
|
|
|
|
|
|
|
ul.actions.vertical.small li { |
|
|
|
padding: 0.5rem 0 0 0; |
|
|
|
} |
|
|
|
|
|
|
|
ul.actions.vertical.small li:first-child { |
|
|
|
padding-top: 0; |
|
|
|
} |
|
|
|
|
|
|
|
ul.actions.fit { |
|
|
|
display: table; |
|
|
|
margin-left: -1rem; |
|
|
|
padding: 0; |
|
|
|
table-layout: fixed; |
|
|
|
width: calc(100% + 1rem); |
|
|
|
} |
|
|
|
|
|
|
|
ul.actions.fit li { |
|
|
|
display: table-cell; |
|
|
|
padding: 0 0 0 1rem; |
|
|
|
} |
|
|
|
|
|
|
|
ul.actions.fit li > * { |
|
|
|
margin-bottom: 0; |
|
|
|
} |
|
|
|
|
|
|
|
ul.actions.fit.small { |
|
|
|
margin-left: -0.5rem; |
|
|
|
width: calc(100% + 0.5rem); |
|
|
|
} |
|
|
|
|
|
|
|
ul.actions.fit.small li { |
|
|
|
padding: 0 0 0 0.5rem; |
|
|
|
} |
|
|
|
|
|
|
|
@media screen and (max-width: 480px) { |
|
|
|
|
|
|
|
ul.actions { |
|
|
|
margin: 0 0 2rem 0; |
|
|
|
} |
|
|
|
|
|
|
|
ul.actions li { |
|
|
|
padding: 1rem 0 0 0; |
|
|
|
display: block; |
|
|
|
text-align: center; |
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
|
|
|
|
ul.actions li:first-child { |
|
|
|
padding-top: 0; |
|
|
|
} |
|
|
|
|
|
|
|
ul.actions li > * { |
|
|
|
width: 100%; |
|
|
|
margin: 0 !important; |
|
|
|
} |
|
|
|
|
|
|
|
ul.actions li > *.icon:before { |
|
|
|
margin-left: -2rem; |
|
|
|
} |
|
|
|
|
|
|
|
ul.actions.small li { |
|
|
|
padding: 0.5rem 0 0 0; |
|
|
|
} |
|
|
|
|
|
|
|
ul.actions.small li:first-child { |
|
|
|
padding-top: 0; |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
dl { |
|
|
|
margin: 0 0 2rem 0; |
|
|
|
} |
|
|
|
|
|
|
|
dl dt { |
|
|
|
display: block; |
|
|
|
font-weight: 400; |
|
|
|
margin: 0 0 1rem 0; |
|
|
|
} |
|
|
|
|
|
|
|
dl dd { |
|
|
|
margin-left: 2rem; |
|
|
|
} |
|
|
|
|
|
|
|
dl.style2 dt { |
|
|
|
width: 25%; |
|
|
|
float: left; |
|
|
|
} |
|
|
|
|
|
|
|
dl.style2 dd { |
|
|
|
width: 70%; |
|
|
|
float: left; |
|
|
|
} |
|
|
|
|
|
|
|
dl.style2:after { |
|
|
|
content: ''; |
|
|
|
display: block; |
|
|
|
clear: both; |
|
|
|
} |
|
|
|
|
|
|
|
ul.alt li { |
|
|
|
border-top-color: rgba(0, 0, 0, 0.2); |
|
|
|
} |
|
|
|
|
|
|
|
/* Section/Article */ |
|
|
|
|
|
|
|
section.special, article.special { |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
|
|
|
|
header p { |
|
|
|
position: relative; |
|
|
|
margin: -0.65rem 0 1.5rem 0; |
|
|
|
font-style: italic; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
header p { |
|
|
|
color: rgba(0, 0, 0, 0.75); |
|
|
|
border-color: red; |
|
|
|
box-shadow: 0 0 0 1px red; |
|
|
|
} |
|
|
|
|
|
|
|
/* Table */ |
|
|
|