582 lines
10 KiB
CSS
582 lines
10 KiB
CSS
|
/* = base.css
|
||
|
|
--------------------------------------------------- */
|
||
|
|
|
||
|
|
body {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
font: normal 12px/19px 'Nixie One', serif;
|
||
|
|
color: #4b4b4b;
|
||
|
|
}
|
||
|
|
form {
|
||
|
|
margin: 1em 0;
|
||
|
|
padding: 0;
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
blockquote {
|
||
|
|
margin: 1em 0;
|
||
|
|
padding: 0 1em 1em;
|
||
|
|
border: 1px solid #c8c8c8;
|
||
|
|
background: #eee none;
|
||
|
|
font-style: italic;
|
||
|
|
border-radius: 3px;
|
||
|
|
}
|
||
|
|
blockquote em {
|
||
|
|
font-style: normal;
|
||
|
|
}
|
||
|
|
blockquote blockquote {
|
||
|
|
border-color: #c8c8c8;
|
||
|
|
background: #fefefe none;
|
||
|
|
font-style: normal;
|
||
|
|
}
|
||
|
|
blockquote blockquote em {
|
||
|
|
font-style: italic;
|
||
|
|
}
|
||
|
|
blockquote blockquote blockquote {
|
||
|
|
border-color: #c8c8c8;
|
||
|
|
background: #eee none;
|
||
|
|
font-style: italic;
|
||
|
|
}
|
||
|
|
blockquote blockquote em {
|
||
|
|
font-style: normal;
|
||
|
|
}
|
||
|
|
iframe {
|
||
|
|
display: block;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
h1,
|
||
|
|
h2,
|
||
|
|
h3,
|
||
|
|
h4,
|
||
|
|
h5,
|
||
|
|
h6 {
|
||
|
|
margin: 1em 0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
p {
|
||
|
|
margin: 1em 0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
dl,
|
||
|
|
ol,
|
||
|
|
ul {
|
||
|
|
margin: 1em 0;
|
||
|
|
}
|
||
|
|
ol ol,
|
||
|
|
ul ul,
|
||
|
|
ol ul,
|
||
|
|
ul ol {
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
a {
|
||
|
|
outline: none;
|
||
|
|
}
|
||
|
|
a:link,
|
||
|
|
a:visited {
|
||
|
|
color: #000;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
a:active {
|
||
|
|
color: #000;
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|
||
|
|
a:hover {
|
||
|
|
color: #000;
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|
||
|
|
abbr {
|
||
|
|
border: 0 none;
|
||
|
|
}
|
||
|
|
table {
|
||
|
|
margin: 1em 0;
|
||
|
|
}
|
||
|
|
input,
|
||
|
|
button,
|
||
|
|
select,
|
||
|
|
option,
|
||
|
|
textarea {
|
||
|
|
line-height: 12px;
|
||
|
|
}
|
||
|
|
input,
|
||
|
|
textarea {
|
||
|
|
font: normal 12px/12px 'Helvetica', 'Arial', sans-serif;
|
||
|
|
}
|
||
|
|
*:focus {
|
||
|
|
outline: none;
|
||
|
|
}
|
||
|
|
iframe {
|
||
|
|
margin: 1em 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.on, .on a, a.on {
|
||
|
|
font-weight: normal;
|
||
|
|
}
|
||
|
|
|
||
|
|
@font-face {
|
||
|
|
font-family: 'Nixie One';
|
||
|
|
src: url('font/Nixie_One/nixieone-webfont.eot');
|
||
|
|
src: url('font/Nixie_One/nixieone-webfont.eot?#iefix') format('embedded-opentype'),
|
||
|
|
url('font/Nixie_One/nixieone-webfont.woff') format('woff'),
|
||
|
|
url('font/Nixie_One/nixieone-webfont.ttf') format('truetype'),
|
||
|
|
url('font/Nixie_One/nixieone-webfont.svg#NixieOneRegular') format('svg');
|
||
|
|
font-weight: normal;
|
||
|
|
font-style: normal;
|
||
|
|
|
||
|
|
}
|
||
|
|
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 20, 2012 04:40:54 AM America/New_York */
|
||
|
|
@font-face {
|
||
|
|
font-family: "Kaushan Script";
|
||
|
|
src: url('font/Kaushan_Script/KaushanScript-Regular-webfont.eot');
|
||
|
|
src: url('font/Kaushan_Script/KaushanScript-Regular-webfont.eot?#iefix') format('embedded-opentype'),
|
||
|
|
url('font/Kaushan_Script/KaushanScript-Regular-webfont.woff') format('woff'),
|
||
|
|
url('font/Kaushan_Script/KaushanScript-Regular-webfont.ttf') format('truetype'),
|
||
|
|
url('font/Kaushan_Script/KaushanScript-Regular-webfont.svg#KaushanScriptRegular') format('svg');
|
||
|
|
font-weight: normal;
|
||
|
|
font-style: normal;
|
||
|
|
}
|
||
|
|
|
||
|
|
.clear-fix::after {
|
||
|
|
clear: both;
|
||
|
|
content: ".";
|
||
|
|
display: block;
|
||
|
|
height: 0;
|
||
|
|
visibility: hidden;
|
||
|
|
font-size: 0;
|
||
|
|
}
|
||
|
|
.clear{
|
||
|
|
display: block;
|
||
|
|
clear: both;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Entete */
|
||
|
|
#header-wrap {
|
||
|
|
color: #4B4B4B;
|
||
|
|
display: block;
|
||
|
|
font-family: 'Nixie One', serif;
|
||
|
|
font-size: 12px;
|
||
|
|
font-style: normal;
|
||
|
|
font-variant: normal;
|
||
|
|
font-weight: normal;
|
||
|
|
height: 110px;
|
||
|
|
line-height: 19px;
|
||
|
|
margin: 0px;
|
||
|
|
padding: 0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#header {
|
||
|
|
width: 960px;
|
||
|
|
height: 110px;
|
||
|
|
margin: 0 auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.accueil {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
.accueil .spip_logos {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
#nom_site_spip {
|
||
|
|
display: block;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
#nom_site_spip {
|
||
|
|
margin-top: 25px;
|
||
|
|
}
|
||
|
|
#nom_site_spip a {
|
||
|
|
font:normal 50px 'Kaushan Script', cursive;
|
||
|
|
color: #FF2D00;
|
||
|
|
}
|
||
|
|
#nom_site_spip a:hover {
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
#header #tags ul li {
|
||
|
|
display:inline-block;
|
||
|
|
margin: 10px 0 0 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#header #tags {
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
#header .widget-area {
|
||
|
|
float: right;
|
||
|
|
clear: none;
|
||
|
|
}
|
||
|
|
.sommaire #intro-wrap {
|
||
|
|
background-image: none;
|
||
|
|
}
|
||
|
|
#intro-wrap {
|
||
|
|
padding-bottom: 20px;
|
||
|
|
margin: 0 0 1px;
|
||
|
|
background: transparent url('img/bd-top.jpg') 0 100% repeat-x;
|
||
|
|
}
|
||
|
|
#intro {
|
||
|
|
width: 960px;
|
||
|
|
margin: 0 auto;
|
||
|
|
}
|
||
|
|
/* Fin Entete */
|
||
|
|
.formulaire_recherche {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.no-squelette .formulaire_recherche {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
#header .formulaire_recherche {
|
||
|
|
float: right;
|
||
|
|
clear: right;
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
.formulaire_recherche form {
|
||
|
|
display: block;
|
||
|
|
height: 30px;
|
||
|
|
margin: 16px 0;
|
||
|
|
}
|
||
|
|
.formulaire_recherche label {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.formulaire_recherche input[type="text"] {
|
||
|
|
border: 0 none;
|
||
|
|
border-radius: 3px 0 0 3px;
|
||
|
|
margin: 0;
|
||
|
|
padding: 7px 18px;
|
||
|
|
width: 197px;
|
||
|
|
color: white;
|
||
|
|
float: left;
|
||
|
|
background: #4B4B4B none;
|
||
|
|
font: normal 14px/16px 'Nixie One', sans-serif;
|
||
|
|
}
|
||
|
|
|
||
|
|
.formulaire_recherche input[type="submit"] {
|
||
|
|
width: 34px;
|
||
|
|
height: 30px;
|
||
|
|
border: 0 none;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
float: left;
|
||
|
|
background: url('img/button-search.png') 0 50% no-repeat;
|
||
|
|
cursor: pointer;
|
||
|
|
text-indent: -99999px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* = navigation.css
|
||
|
|
--------------------------------------------------- */
|
||
|
|
|
||
|
|
/** Primary Menu **/
|
||
|
|
|
||
|
|
.menu-conteneur ul {
|
||
|
|
display: block;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
list-style: none;
|
||
|
|
}
|
||
|
|
.menu-conteneur ul li {
|
||
|
|
display: block;
|
||
|
|
margin: 0 0 0 10px;
|
||
|
|
padding: 0 0 5px 0;
|
||
|
|
float: left;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.menu-conteneur ul li a {
|
||
|
|
display: block;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0 20px;
|
||
|
|
font-size: 15px;
|
||
|
|
line-height: 35px;
|
||
|
|
color: #000;
|
||
|
|
text-decoration: none;
|
||
|
|
text-shadow: 2px 2px 0 rgba(255,255,255,0.27);
|
||
|
|
border-radius: 3px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu-conteneur ul li .sf-sub-indicator {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.menu-conteneur ul li:hover a,
|
||
|
|
.menu-conteneur ul li.on a {
|
||
|
|
color: #ff2d00;
|
||
|
|
background: #000;
|
||
|
|
box-shadow: 7px 7px 0 rgba(0,0,0,0.35);
|
||
|
|
text-shadow: none;
|
||
|
|
}
|
||
|
|
.menu-conteneur ul li ul {
|
||
|
|
display: none;
|
||
|
|
background: #000 none;
|
||
|
|
|
||
|
|
width: 180px;
|
||
|
|
height: auto;
|
||
|
|
box-shadow: 7px 7px 0 rgba(0,0,0,0.35);
|
||
|
|
}
|
||
|
|
.menu-conteneur ul li:hover ul {
|
||
|
|
display: block;
|
||
|
|
width: 180px;
|
||
|
|
position: absolute;
|
||
|
|
z-index: 999999;
|
||
|
|
margin: 5px 0 0 0;
|
||
|
|
padding: 5px 0;
|
||
|
|
border-radius: 3px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu-conteneur ul li:hover ul li{
|
||
|
|
display: block;
|
||
|
|
float: none;
|
||
|
|
margin: 0;
|
||
|
|
padding: 5px 0;
|
||
|
|
background: transparent none;
|
||
|
|
}
|
||
|
|
.menu-conteneur ul li:hover ul li a {
|
||
|
|
display: block;
|
||
|
|
color: #fff;
|
||
|
|
font-size: 15px;
|
||
|
|
line-height: 25px;
|
||
|
|
float: none;
|
||
|
|
padding: 0 10px;
|
||
|
|
background: transparent none;
|
||
|
|
border: 0 none;
|
||
|
|
box-shadow: none;
|
||
|
|
text-transform: none;
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu-conteneur ul li.hover ul li:hover a,
|
||
|
|
.menu-conteneur ul li.hover ul li.on a {
|
||
|
|
color: #ff2d00;
|
||
|
|
line-height: 25px;
|
||
|
|
border: 0 none;
|
||
|
|
}
|
||
|
|
.menu-conteneur ul li:hover ul li .sf-sub-indicator {
|
||
|
|
display: block;
|
||
|
|
float: right;
|
||
|
|
line-height: 15px;
|
||
|
|
}
|
||
|
|
.menu-conteneur ul li:hover ul li ul {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.menu-conteneur ul li:hover ul li:hover ul {
|
||
|
|
display: block;
|
||
|
|
height: auto;
|
||
|
|
float: left;
|
||
|
|
margin: -35px 0 0 175px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu-conteneur ul li:hover ul li:hover ul li a {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.menu-conteneur ul li:hover ul li:hover ul li:hover a {
|
||
|
|
color: #ff2d00;
|
||
|
|
}
|
||
|
|
|
||
|
|
body {
|
||
|
|
background: transparent url('img/bg.jpg');
|
||
|
|
color: #4B4B4B;
|
||
|
|
}
|
||
|
|
/** END Primary Menu **/
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/* contenu */
|
||
|
|
|
||
|
|
#page-wrapper {
|
||
|
|
width: 960px;
|
||
|
|
margin: 0 auto;
|
||
|
|
padding: 0 15px 30px 15px;
|
||
|
|
}
|
||
|
|
.sommaire #page-wrapper {
|
||
|
|
width:100%;
|
||
|
|
margin: 0 auto;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
#contenu {
|
||
|
|
width: 620px;
|
||
|
|
padding: 0;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
.sommaire #contenu {
|
||
|
|
width:100%;
|
||
|
|
padding: 0;
|
||
|
|
float: none;
|
||
|
|
}
|
||
|
|
#contenu::after {
|
||
|
|
content: "";
|
||
|
|
display: block;
|
||
|
|
clear: both;
|
||
|
|
}
|
||
|
|
#contenu .spip_documents{
|
||
|
|
padding: 6px 6px 6px 0px;
|
||
|
|
}
|
||
|
|
#contenu .spip_documents img{
|
||
|
|
border: 1px solid #CCC;
|
||
|
|
background: white none;
|
||
|
|
padding: 6px;
|
||
|
|
}
|
||
|
|
#contenu h1 {
|
||
|
|
font: normal 36px/42px 'Kaushan Script', cursive;
|
||
|
|
margin: 0 0 0.3em 0;
|
||
|
|
}
|
||
|
|
#contenu h2 {
|
||
|
|
text-align: left;
|
||
|
|
font: normal 36px/42px 'Kaushan Script', cursive;
|
||
|
|
}
|
||
|
|
#contenu h3 {
|
||
|
|
margin: 0 0 0.3em 0;
|
||
|
|
font: normal 28px/36px 'Kaushan Script', cursive;
|
||
|
|
}
|
||
|
|
#contenu h4 {
|
||
|
|
margin: 0 0 0.3em 0;
|
||
|
|
font: normal 18px/26px 'Kaushan Script', cursive;
|
||
|
|
}
|
||
|
|
#contenu ul.liste-items {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
list-style-type: none;
|
||
|
|
}
|
||
|
|
li.hentry {
|
||
|
|
margin-bottom: 30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
li.hentry img.spip_logos {
|
||
|
|
border-radius: 3px 3px 3px 3px;
|
||
|
|
box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.35);
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
margin-right: 20px;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
|
||
|
|
.meta-publi,
|
||
|
|
.info-publi {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
font: normal 11px/15px Arial, sans-serif;
|
||
|
|
}
|
||
|
|
textarea {
|
||
|
|
border: 1px solid #CCC;
|
||
|
|
padding: 8px 5px;
|
||
|
|
width: 608px;
|
||
|
|
color: black;
|
||
|
|
background: white none;
|
||
|
|
border-radius: 3px;
|
||
|
|
}
|
||
|
|
input {
|
||
|
|
border: 1px solid #CCC;
|
||
|
|
padding: 8px 5px;
|
||
|
|
color: black;
|
||
|
|
background: white none;
|
||
|
|
border-radius: 3px;
|
||
|
|
}
|
||
|
|
.formulaire_spip label {
|
||
|
|
font-weight: normal;
|
||
|
|
}
|
||
|
|
.formulaire_spip fieldset legend {
|
||
|
|
font-family: 'Kaushan Script', sans-serif;
|
||
|
|
font-size: 25px;
|
||
|
|
line-height: 120%;
|
||
|
|
background: none;
|
||
|
|
font-weight: normal;
|
||
|
|
}
|
||
|
|
table.spip tr.row_first {
|
||
|
|
background-color: white;
|
||
|
|
}
|
||
|
|
/* fin contenu */
|
||
|
|
|
||
|
|
/* sidebar */
|
||
|
|
|
||
|
|
div#sidebar-wrap {
|
||
|
|
display: block;
|
||
|
|
float: right;
|
||
|
|
width: 310px;
|
||
|
|
}
|
||
|
|
#sidebar h2 {
|
||
|
|
display: block;
|
||
|
|
margin: 1em 0;
|
||
|
|
font-family: 'Kaushan Script', sans-serif;
|
||
|
|
font-weight: normal;
|
||
|
|
font-size: 25px;
|
||
|
|
line-height: 30px;
|
||
|
|
color: black;
|
||
|
|
}
|
||
|
|
|
||
|
|
#sidebar ul {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
list-style-type: none;
|
||
|
|
}
|
||
|
|
#sidebar ul ul{
|
||
|
|
margin-left:20px;
|
||
|
|
list-style-type: none;
|
||
|
|
}
|
||
|
|
#sidebar ul li{
|
||
|
|
margin: 0 0 1em 0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
/* fin sidebar */
|
||
|
|
|
||
|
|
/* Footer */
|
||
|
|
#footer {
|
||
|
|
color: #4C4C4C;
|
||
|
|
background: transparent url('img/bd-bottom.jpg') 0 0 repeat-x;
|
||
|
|
padding: 15px 0 0;
|
||
|
|
}
|
||
|
|
#foot-wrap {
|
||
|
|
width: 960px;
|
||
|
|
margin: 12px auto;
|
||
|
|
clear: both;
|
||
|
|
}
|
||
|
|
#foot-wrap .padd-box {
|
||
|
|
float: left;
|
||
|
|
margin: 0;
|
||
|
|
width: 384px;
|
||
|
|
}
|
||
|
|
#footer h2 {
|
||
|
|
display: block;
|
||
|
|
padding: 0;
|
||
|
|
margin: 0 0 0.5em 0;
|
||
|
|
font: normal 32px/35px "Kaushan Script";
|
||
|
|
color: black;
|
||
|
|
}
|
||
|
|
#foot-wrap .padd-box ul {
|
||
|
|
margin: 0 0 -1em 0;
|
||
|
|
padding: 0;
|
||
|
|
list-style-type: none;
|
||
|
|
}
|
||
|
|
#foot-wrap .padd-box ul li {
|
||
|
|
margin: 0 0 1.5em;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/** Contact Form **/
|
||
|
|
#footer .form-wrap{
|
||
|
|
float: right;
|
||
|
|
width: 541px;
|
||
|
|
}
|
||
|
|
.footer-simple {
|
||
|
|
width: 900px;
|
||
|
|
margin: 0 auto;
|
||
|
|
padding: 10px 30px;
|
||
|
|
background: #373737 none;
|
||
|
|
border-radius: 3px;
|
||
|
|
}
|
||
|
|
.footer-simple {
|
||
|
|
margin-bottom: 20px;
|
||
|
|
padding: 20px;
|
||
|
|
}
|
||
|
|
.footer-simple p {
|
||
|
|
display: block;
|
||
|
|
line-height: 18px;
|
||
|
|
}
|
||
|
|
.footer-simple a{
|
||
|
|
color: #606060;
|
||
|
|
}
|
||
|
|
/* Fin Footer */
|
||
|
|
|
||
|
|
|