| Current Path : /home/balossw/www/temp/media/css/ |
| Current File : /home/balossw/www/temp/media/css/style.css |
/*---------------------------------------------------------------------------
File name ............ content/css/style.css
Project .............. Balossi-Marguet
Author ............... Antoine Lemoine
Creation date ........ 08.07.2009
Modification date .... 08.07.2009
---------------------------------------------------------------------------*/
body {
text-align: center;
font-size: 10pt;
}
body, table, input, button, textarea, select, option {
font-family: Tahoma, Arial, sans-serif;
}
table, input, button, textarea, select, option {
font-size: 1em;
}
a {
color: #00f;
text-decoration: none;
}
a:hover {
color: #f00;
}
a:visited {
color: #800;
}
a img {
border: 0;
}
input.textfield, textarea.textfield, select.textfield {
border: solid 1px #26a3cf;
}
button, .button {
display: inline-block;
margin-right: 7px;
background-repeat: no-repeat;
background-position: 6px center;
background-color: #ddd;
border: solid 1px #dfdfdf;
border-right-color: #c3c3c3;
border-bottom-color: #c3c3c3;
font-family: "Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
line-height: 130%;
text-decoration: none;
font-weight: bold;
color: #565656;
cursor: pointer;
padding: 0px 7px;
width: auto;
overflow: visible; /* Pour IE */
}
.button:hover, .button:focus, .button-hover {
background-color: #edd;
border-color: #c00;
color: #c00;
text-decoration: none;
}
.button:active, .button-active {
background-color: #edd;
border-color: #c00;
color: #c00;
}
h1 {
font-weight: normal;
font-size: 1.6em;
color: #26a3cf;
padding: 0;
margin: 8px 0 3px 0;
}
h2 {
font-size: 1.3em;
font-weight: bold;
color: #c00;
margin: 15px 0 0 0;
clear: right;
}
p {
margin: 6px 0;
}
#page {
margin: 10px auto 20px auto;
width: 900px;
text-align: left;
padding-bottom: 30px;
}
#page-header {
margin-bottom: 15px;
position: relative;
}
#page-header #page-header-coords {
position: absolute;
top: 75px;
right: 20px;
text-align: center;
font-size: 1.2em;
font-weight: bold;
}
#logo {
width: 350px;
height: 140px;
}
#activity {
position: absolute;
top: 113px;
left: 360px;
font-size: 1.2em;
font-weight: bold;
color: #00f;
}
#menu {
padding: 0;
margin-top: 8px;
}
#menu ul {
list-style: none;
border-bottom: solid 5px #00f;
padding: 2px 7px;
text-align: center;
font-family: Tahoma, Arial, sans-serif;
}
#menu li {
display: inline-block;
/display: inline; /*Pour IE 6 et 7 */
position: relative;
}
#menu li span,
#menu li a {
padding: 0 10px 2px 10px;
margin: 0 3px;
color: #00f;
text-decoration: none;
}
#menu li a:visited {
color: #00f;
}
#menu li.current span,
#menu li.current a {
border-bottom: solid 5px #f00;
color: #f00;
}
#menu li a:hover {
border-bottom: solid 5px #26a3cf;
color: #26a3cf;
}
#menu ul ul {
display: none;
z-index: 10;
padding: 2px 0;
position: absolute;
top: 22px;
margin: 0;
background: #fff;
text-align: left;
border: solid 1px #26a3cf;
}
#menu ul ul li {
display: block;
padding: 0;
position: static;
}
#menu ul ul li a {
display: block;
width: 150px;
margin: 0;
padding: 3px 8px;
border: 0;
}
#menu ul li.current ul a {
border: 0;
color: #00f;
}
#menu ul ul a:hover {
border: 0;
}
#page-content {
clear: both;
min-height: 300px;
padding: 0 10px 10px 10px;
}
#page-footer {
border-top: solid 5px #00f;
font-size: 0.8em;
padding: 3px 10px 5px 10px;
color: #00f;
}
.content {
padding: 5px 20px 10px 20px;
}
.thumb {
float: right;
margin: 0 0 5px 20px;
}
.images {
clear: both;
}
.images .image {
float: left;
margin: 0 0 5px 20px;
}
.images .thumb {
float: none;
display: block;
margin: 0 0 3px 0;
padding: 2px;
border: solid 2px #26a3cf;
}
.category-description {
margin: 0 0 0 0;
}
.category-summary {
background-color: #b3dfef;
border: solid 2px #26a3cf;
padding: 5px 10px;
}
.category-summary .title {
font-weight: bold;
margin: 7px 0 3px 0;
}
.category-summary ul {
list-style: none;
}
.category-summary .thumb {
float: right;
margin: 0 0 0 20px;
border: solid 7px #fff;
}
#contact-form-container textarea {
height: 100px !important;
width: 500px !important;
}
#contact-form-container td {
padding-right: 10px;
}
#contact-form-container input.textfield {
width: 500px !important;
}
#map {
width: 100%;
height: 250px;
}
.weather {
font-size: 0.9em;
min-height: 120px;
}
.weather .weather-content {
margin-top: 10px;
}
.weather img {
width: 40px;
height: 40px;
}
.weather .other-days {
margin: 15px 0;
display: inline;
}
.weather .current-day {
float: left;
margin-right: 15px;
}
.weather .current-day .day-of-week {
}
.weather .current-day strong {
font-size: 1.6em;
}
.weather .current-day img {
float: left;
margin: 0 10px 0 0;
}
.weather .day-i {
float: left;
width: 70px;
overflow: hidden;
text-align: left;
}
.weather .day-i img {
margin: 2px 0 5px 0;
}
.weather .day-of-week {
font-weight: bold;
text-decoration: underline;
margin-bottom: 3px;
}
/*
.bloc-0, .bloc-1 {
margin: 10px;
}
.bloc-0 h2, .bloc-1 h2 {
margin: 0;
padding: 2px 10px;
border-bottom: solid 1px #d00;
}
.bloc-0 img, .bloc-1 img {
border: solid 1px #aaa;
margin: 7px 15px;
}
.bloc-0 .bloc-content, .bloc-1 .bloc-content {
padding: 10px 15px;
}
.bloc-0 {
text-align: left;
}
.bloc-0 img {
float: right;
}
.bloc-1 {
text-align: right;
}
.bloc-1 img {
float: left;
}
*/