225 lines
2.5 KiB
CSS
225 lines
2.5 KiB
CSS
|
/**
|
||
|
* Voici une feuille de style type, bien entendu vous pouvez ajouter
|
||
|
* ou supprimer des propriétés CSS en fonction de vos besoins.
|
||
|
*/
|
||
|
|
||
|
/**
|
||
|
* Éléments principaux
|
||
|
*/
|
||
|
|
||
|
|
||
|
/*
|
||
|
* Grille du site
|
||
|
* Barres et page
|
||
|
*/
|
||
|
#contentLeft {
|
||
|
}
|
||
|
#contentRight {
|
||
|
}
|
||
|
#contentSite {
|
||
|
}
|
||
|
|
||
|
/* Bannière */
|
||
|
header {
|
||
|
}
|
||
|
|
||
|
/* Titre de la bannière */
|
||
|
header span {
|
||
|
}
|
||
|
|
||
|
/* Menu */
|
||
|
nav {
|
||
|
}
|
||
|
|
||
|
/* Items du menu */
|
||
|
nav a {
|
||
|
}
|
||
|
|
||
|
/* Items au survol du menu */
|
||
|
nav a:hover {
|
||
|
}
|
||
|
|
||
|
/* Item courant du menu */
|
||
|
nav a.active {
|
||
|
}
|
||
|
|
||
|
/* Menu latéral */
|
||
|
/* aspect des puces */
|
||
|
ul #menuSide {
|
||
|
}
|
||
|
/* Block menu à droite */
|
||
|
#menuSideRight {
|
||
|
}
|
||
|
/* Block menu à gauche */
|
||
|
#menuSideLeft {
|
||
|
}
|
||
|
|
||
|
|
||
|
/* Bas de page */
|
||
|
footer {
|
||
|
}
|
||
|
|
||
|
footer #footersite, #footerbody {
|
||
|
}
|
||
|
|
||
|
/* Liens du bas de page */
|
||
|
footer #footersite, #footerbody a {
|
||
|
}
|
||
|
|
||
|
/* footer bloc gauche */
|
||
|
footer #footersiteLeft, #footerbodyLeft {
|
||
|
}
|
||
|
|
||
|
/* footer bloc central */
|
||
|
footer #footersiteCenter, #footerbodyCenter {
|
||
|
}
|
||
|
|
||
|
/* footer bloc droite */
|
||
|
footer #footersiteRight, #footerbodyRight {
|
||
|
}
|
||
|
|
||
|
|
||
|
|
||
|
/**
|
||
|
* Éléments de contenu
|
||
|
*/
|
||
|
|
||
|
/* Titres */
|
||
|
h1,
|
||
|
h2,
|
||
|
h3,
|
||
|
h4 {
|
||
|
}
|
||
|
|
||
|
/* Liens */
|
||
|
a {
|
||
|
}
|
||
|
|
||
|
/* Liens au survol */
|
||
|
a:hover {
|
||
|
}
|
||
|
|
||
|
/* Liens au clic */
|
||
|
a:active {
|
||
|
}
|
||
|
|
||
|
/* Boutons */
|
||
|
.button,
|
||
|
button[type='submit'],
|
||
|
.pagination a {
|
||
|
}
|
||
|
|
||
|
/* Boutons au survol */
|
||
|
.button:hover,
|
||
|
button[type='submit']:hover,
|
||
|
.pagination a:hover {
|
||
|
}
|
||
|
|
||
|
/* Boutons au clic */
|
||
|
.button:active,
|
||
|
button[type='submit']:active,
|
||
|
.pagination a:active {
|
||
|
}
|
||
|
|
||
|
/* Cases à cocher */
|
||
|
input[type='checkbox']:checked + label:before {
|
||
|
}
|
||
|
|
||
|
/* Cases à cocher au survol */
|
||
|
input[type='checkbox']:not(:active):checked:hover + label:before,
|
||
|
input[type='checkbox']:active + label:before {
|
||
|
}
|
||
|
|
||
|
/* Champs de formulaire */
|
||
|
input[type='text'],
|
||
|
input[type='password'],
|
||
|
.inputFile,
|
||
|
select,
|
||
|
textarea {
|
||
|
}
|
||
|
|
||
|
/* Champs de formulaire au survol */
|
||
|
input[type='text']:hover,
|
||
|
input[type='password']:hover,
|
||
|
.inputFile:hover,
|
||
|
select:hover,
|
||
|
textarea:hover {
|
||
|
}
|
||
|
|
||
|
/* Modules News et Blog */
|
||
|
|
||
|
.blogDate {
|
||
|
}
|
||
|
|
||
|
.blogPicture {
|
||
|
}
|
||
|
|
||
|
.blogPicture img {
|
||
|
}
|
||
|
|
||
|
.blogComment {
|
||
|
}
|
||
|
|
||
|
.blogTitle {
|
||
|
}
|
||
|
|
||
|
.blogContent {
|
||
|
}
|
||
|
|
||
|
.newsTitle {
|
||
|
/*background-color: grey;*/
|
||
|
}
|
||
|
|
||
|
.newsContent {
|
||
|
}
|
||
|
|
||
|
.newsSignature {
|
||
|
color: #404040;
|
||
|
}
|
||
|
|
||
|
/* Consentement aux cookies */
|
||
|
|
||
|
/*
|
||
|
|
||
|
#cookieConsent {
|
||
|
|
||
|
width: 80%;
|
||
|
|
||
|
color: #FFF;
|
||
|
|
||
|
background: #212223;
|
||
|
|
||
|
opacity: 0.9;
|
||
|
|
||
|
}
|
||
|
|
||
|
#cookieConsent a{
|
||
|
|
||
|
color : yellow;
|
||
|
|
||
|
}
|
||
|
|
||
|
#cookieConsent h3{
|
||
|
|
||
|
color : red;
|
||
|
|
||
|
}
|
||
|
|
||
|
#cookieConsentConfirm {
|
||
|
|
||
|
background: rgba(0,0,255,1);
|
||
|
|
||
|
color: rgba(255,255,255,1);
|
||
|
|
||
|
}
|
||
|
|
||
|
#cookieConsentConfirm:hover {
|
||
|
|
||
|
background: rgba(0,50,255,1);
|
||
|
|
||
|
color: rgba(255,255,255,1);
|
||
|
|
||
|
}
|
||
|
|
||
|
*/
|