style.css

/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License

Adapté à PluXml par Fab'Lab
http://www.le-fab-lab.com
Même licence d'utilisation.
*/

/*Déclarations Générales */
body
{
margin: 0;
padding: 0;
background: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #181B20;
}
h1, h2, h3, h4
{
margin: 0;
padding: 0;
font-family: 'Arvo', serif;
font-weight: normal;
color: #FFA800;
}
h1
{
font-size: 2em;
}
h2
{
font-size: 2.4em;
}
h3
{
font-size: 1.6em;
}
p, ul, ol
{
margin-top: 0;
line-height: 180%;
}
ul, ol { }
a
{
text-decoration: none;
color:#6E7A8A;
}
a:hover
{
text-decoration:underline;
}
img.border
{
border: 6px solid #EEE7DF;
}
img.alignleft
{
float: left;
margin-right: 25px;
}
img.alignright
{
float: right;
}
img.aligncenter
{
margin: 0 auto;
}
/* balises html5 */
nav { }
header { }
section { }
footer { }
article { }

/* conteneur global */
#wrapper
{
margin: 0 auto;
padding: 0;
}

/* Menu de navigation */
#menu-wrapper
{
overflow:hidden;
height:60px;
background:#212121;
}
#menu
{
width:72%;
margin:0 auto;
}
#menu ul
{
margin:0;
padding:0;
list-style:none;
line-height:normal;
}
#menu li
{
float:left;
margin-right:1px;
}
#menu a
{
display:block;
float:left;
height:60px;
margin:0;
padding:0 30px 0 30px;
line-height:60px;
letter-spacing:-1px;
text-decoration:none;
text-transform:uppercase;
font-family:'Arvo', serif;
font-size:14px;
font-weight:normal;
color:#B5B5B5;
border:none;
}
#menu a.active /* class "active" propre à PluXml = page affichée */
{
background:#FFA800;
color:#FFFFFF;
}
#menu a:hover
{
background:#FFA800;
text-decoration:none;
color:#FFFFFF;
}

/* Header + Logo */
#header-wrapper
{
height:200px;
background:url(images/img01.jpg) no-repeat center top;
}
#header
{
width:90%;
height:200px;
margin:0 auto;
}
#logo
{
width:92%;
height:100px;
margin:0 auto;
padding: 50px 0 0 0;
color:#FFFFFF;
}
#logo h1, #logo p
{
display:block;
margin:0;
padding:0;
text-align:center;
text-transform:uppercase;
}
#logo h1
{
letter-spacing:-1px;
font-size: 54px;
font-weight:bold;
color:#FFFFFF;
}
#logo h1 a
{
color:#FFFFFF;
}
#logo p
{
font-family:'Arvo', serif;
font-size:20px;
}
#logo a
{
border:none;
background:none;
text-decoration:none;
color:#FFFFFF;
}


/* Page */
#page
{
width:75%;
margin:0 auto;
padding:0;
background-color:#FFFFFF;
}
#page-bgtop { }
#page-bgbtm
{
margin:0;
padding:40px 30px 0 30px;
}

/* Content */
#content
{
float:right;
width:70%;
padding:0;
}
#content1col
{
float:right;
width:95%;
padding:0;
}
.chapo
{
margin:0 0 0.5em 0;
font-style:italic;
font-weight:bolder;
font-size:1.2em;
}
.post
{
clear:both;
padding-bottom:10px;
}
.post .title
{
padding-top:10px;
letter-spacing:-2px;
}
.post .title a
{
color:#FFA800;
border:none;
}
.post .meta
{
padding-bottom:10px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-style:italic;
}
.post .meta a { }
.post .entry
{
text-align:justify;
margin-bottom:25px;
padding:10px 0 0 0;
}
.post h3,h4
{
margin:1em 0 1em 0.5em;
font-size:1.3em;
color:#FFA800;
}
.classement a
{
border-radius:5px;
padding:0.5em;
background:#A53602;
color: #fff;
cursor: pointer;
font-size: 10px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
}
.share-buttons
{
margin:0 1em 1em 0;
padding:0;
text-align:right;
}
.share-buttons p
{
font-weight:bolder;
font-size:1em;
margin-bottom:0.5em;
}
.com-alert
{
font-weight:bolder;
color:#FF0000;
}
.vignette
{
float:left;
margin:0.5em 1em 0 0.5em;
}


/* Footer */
#footer
{
width:75%;
margin:0 auto 40px auto;
border-top:1px solid #B6BFD0;
font-family:Arial, Helvetica, sans-serif;
}
#footer p
{
margin:0;
padding-top:18px;
line-height:normal;
text-align:center;
color:#576475;
}
#footer a
{
color: #576475;
}

/* Sidebar */
#sidebar
{
float:left;
width:25%;
padding:0;
}
#sidebar ul
{
margin:0;
padding:0;
list-style:none;
}
#sidebar li
{
margin:0;
padding:0;
}
#sidebar h2
{
height:28px;
margin-bottom:20px;
padding:12px 0 0 15px;
border-bottom:1px solid #B6BFD0;
letter-spacing:-1px;
font-size:18px;
color:#FFA800;
}
#sidebar p
{
margin:0;
padding:0 20px 20px 20px;
text-align:left;
}
#sidebar a
{
border:none;
}
#sidebar a:hover
{
text-decoration:underline;
}
#sidebar li ul
{
margin:0 15px;
padding-bottom:30px;
}
#sidebar li li
{
padding-left:20px;
line-height:35px;
background:url(images/img07.jpg) no-repeat left 14px;
}
#sidebar li li span
{
display:block;
margin-top:-20px;
padding:0;
font-size:15px;
font-style:italic;
}

/* divers */
.rss
{
background-image:url(images/rss.png);
background-repeat:no-repeat;
line-height:1;
margin:10px 0;
padding-left:20px;
}
#pagination
{
margin-bottom: 50px;
text-align: center;
}
#pagination a
{
display: inline-block;
margin: 0;
}
#pagination span:first-letter,
#pagination a:first-letter
{
text-transform: uppercase;
}

/* Pas utilisé pour l'instant */
/* Search
#search
{
float:right;
width:280px;
height:100px;
padding:0;
}
#search form
{
height:41px;
margin:0;
padding:60px 0 0 30px;
}
#search fieldset
{
margin:0;
padding:0;
border:none;
}
#search-text
{
width:195px;
padding:6px 10px;
border:none;
background:#FFFFFF;
text-transform:lowercase;
font:normal 11px Arial, Helvetica, sans-serif;
color:#7F7F81;
}
#search-submit
{
display:none;
}
/* Calendar
#calendar { }
#calendar_wrap
{
padding: 20px;
}
#calendar table
{
width: 100%;
}
#calendar tbody td
{
text-align: center;
}
#calendar #next
{
text-align: right;
}
/* nuage de tags
#nuage
{
padding:1em;
clear:both;
}
#nuage ul
{
margin:1em;
padding:0;
list-style:none;
line-height:normal;
}
#nuage li
{
display:inline;
background:none;
margin:0.5em;
line-height:2em;
}
#nuage a
{
border-radius:5px;
padding:0.5em;
background:#A53602;
color: #fff;
cursor: pointer;
font-size: 10px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
} */