body {
background : #d6fc6f;
margin : 0;
padding : 0;
font-size : 100%;
font-family : Myriad Pro, Verdana MS;
}
#header {
height : 187px;
background : url(images/header.png) repeat-x;
position : relative;
z-index : 2;
}
#logo {
width : 800px;
height : 108px;
margin : auto;
background : url(images/logo.png) no-repeat;
}
#menu {
width : 800px;
margin-left : 53%;
margin-top : -55px;
position : relative;
z-index : 3;
}
#corps {
width : 800px;
text-align : left;
margin : auto;
background-color : #ffffff;
position : relative;
z-index : 1;
min-height : 700px;
}
#texte {
width : 600px;
padding-left : 50px;
}
#news {
width : 400px;
margin-left : 10px;
padding : 30px;
position : relative;
background-color : #e9e9e9;
}
#news h4 {
font-size : 14px;
}
#news h4 span {
color : #b4e03d;
}
#news p {
margin-top : -10px;
font-size : 12px;
color : #000;
}
.post {
margin-left : -30px;
}
#texte.post {
margin-bottom : 60px;
}
#texte .post .avatar {
width : 100px;
float : right;
padding-top : 40px;
text-align : center;
}
#texte .post .avatar img {
max-width : 100%;
margin-left : -180px;
}
#texte .post .postentry {
margin-right : 200px;
}
#texte .post h2 span {
color : #b4e03d;
}
#texte .post h2 {
padding-bottom : 1px;
font-size : 1.3em;
font-weight : normal;
text-align : left;
margin : 0 15% 15px 0;
text-decoration : none;
}
#texte .post h2 a {
color : #494848;
text-decoration : none;
}
#texte .post .trait {
margin-top : -20px;
}
#texte .post .p1 {
font-size : 14px;
}
#texte .post .readmore {
padding : 8px 1.5%;
text-align : right;
}
#texte .post .readmore a {
color : #c80000;
text-decoration : underline;
}
#texte .post a:hover {
text-decoration : none;
}
#texte p {
color : #000;
}
#footer {
height : 150px;
background : url(images/footer.jpg) repeat-x;
background-color : #191919;
margin-top: -16px;
position : relative;
z-index : 4;
}
#footer p {
text-align : center;
padding-top : 1%;
color : #b4e03d;
}
#footer a {
text-decoration : none;
}
#footer a:hover {
color : #ffffff;
}
img {
border : none;
}
p {
font-family : Verdana MS;
font-size : 14px;
color : #717171;
}
a {
color : #7c838d;
}
.sf-menu, .sf-menu * {
margin : 0;
padding : 0;
list-style : none;
}
.sf-menu {
line-height : 1.0;
}
.sf-menu ul {
position : absolute;
top : -999em;
width : 10em;
}
.sf-menu ul li {
width : 100%;
}
.sf-menu li:hover {
visibility : inherit;
text-decoration : underline;
}
.sf-menu li {
float : left;
position : relative;
}
.sf-menu a {
display : block;
position : relative;
}
.sf-menu a span {
color : #b4e03d;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
left : 0;
top : 2.5em;
z-index : 99;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
top : -999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
left : 10em;
top : 0;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
top : -999em;
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
left : 10em;
top : 0;
}
.sf-menu {
float : left;
margin-bottom : 1em;
}
.sf-menu a {
border-left : 1px solid #fff;
border-top : 1px solid #fff;
padding : 0.75em 1em;
text-decoration : none;
}
.sf-menu a, .sf-menu a:visited {
color : #000;
}
.sf-menu li {
background : #fff;
}
.sf-menu li li {
background : #ccc;
}
.sf-menu li li li {
background : #ccc;
}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
background : #fff;
outline : 0;
}
.sf-menu a.sf-with-ul {
padding-right : 2.25em;
min-width : 1px;
}
.sf-sub-indicator {
position : absolute;
display : block;
right : 0.75em;
top : 1.05em;
width : 10px;
height : 10px;
text-indent : -999em;
overflow : hidden;
background : url('../images/arrows-ffffff.png') no-repeat -10px -100px;
}
a > .sf-sub-indicator {
top : 0.8em;
background-position : 0 -100px;
}
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {
background-position : -10px -100px;
}
.sf-menu ul .sf-sub-indicator {
background-position : -10px 0;
}
.sf-menu ul a > .sf-sub-indicator {
background-position : 0 0;
}
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {
background-position : -10px 0;
}
.sf-shadow ul {
background : url('../images/shadow.png') no-repeat bottom right;
padding : 0 8px 9px 0;
}
.sf-shadow ul.sf-shadow-off {
background : transparent;
}
.sf-menu, .sf-menu * {
margin : 0;
padding : 0;
list-style : none;
}
.sf-menu {
line-height : 1.0;
}
.sf-menu ul {
position : absolute;
top : -999em;
width : 10em;
}
.sf-menu ul li {
width : 100%;
}
.sf-menu li:hover {
visibility : inherit;
}
.sf-menu li {
float : left;
position : relative;
}
.sf-menu a {
display : block;
position : relative;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
left : 0;
top : 2.5em;
z-index : 99;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
top : -999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
left : 10em;
top : 0;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
top : -999em;
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
left : 10em;
top : 0;
}
.sf-menu {
float : left;
margin-bottom : 1em;
}
.sf-menu a {
border-left : 1px solid #fff;
border-top : 1px solid #fff;
padding : 0.75em 1em;
text-decoration : none;
}
.sf-menu a, .sf-menu a:visited {
color : #000;
}
.sf-menu li {
background : #fff;
}
.sf-menu li li {
background : #ccc;
}
.sf-menu li li li {
background : #ccc;
}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
background : #fff;
outline : 0;
}
.sf-menu a.sf-with-ul {
padding-right : 2.25em;
min-width : 1px;
}
.sf-sub-indicator {
position : absolute;
display : block;
right : 0.75em;
top : 1.05em;
width : 10px;
height : 10px;
text-indent : -999em;
overflow : hidden;
background : url('../images/arrows-ffffff.png') no-repeat -10px -100px;
}
a > .sf-sub-indicator {
top : 0.8em;
background-position : 0 -100px;
}
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {
background-position : -10px -100px;
}
.sf-menu ul .sf-sub-indicator {
background-position : -10px 0;
}
.sf-menu ul a > .sf-sub-indicator {
background-position : 0 0;
}
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {
background-position : -10px 0;
}
.sf-shadow ul {
background : url('../images/shadow.png') no-repeat bottom right;
padding : 0 8px 9px 0;
}
.sf-shadow ul.sf-shadow-off {
background : transparent;
}
#lightbox {
position : absolute;
left : 0;
width : 100%;
z-index : 100;
text-align : center;
line-height : 0;
}
#lightbox img {
width : auto;
height : auto;
}
#lightbox a img {
border : none;
}
#outerImageContainer {
position : relative;
background-color : #fff;
width : 250px;
height : 250px;
margin : 0 auto;
}
#imageContainer {
padding : 10px;
}
#loading {
position : absolute;
top : 40%;
left : 0%;
height : 25%;
width : 100%;
text-align : center;
line-height : 0;
}
#hoverNav {
position : absolute;
top : 0;
left : 0;
height : 100%;
width : 100%;
z-index : 10;
}
#imageContainer > #hoverNav {
left : 0;
}
#hoverNav a {
outline : none;
}
#prevLink, #nextLink {
width : 49%;
height : 100%;
background-image : url(data:image/gif;base64,AAAA);
display : block;
}
#prevLink {
left : 0;
float : left;
}
#nextLink {
right : 0;
float : right;
}
#prevLink:hover, #prevLink:visited:hover {
background : url(images/prevlabel.gif) no-repeat left 15%;
}
#nextLink:hover, #nextLink:visited:hover {
background : url(images/nextlabel.gif) no-repeat right 15%;
}
#imageDataContainer {
font : 10px Verdana, Helvetica, sans-serif;
background-color : #fff;
margin : 0 auto;
line-height : 1.4em;
overflow : auto;
width : 100%;
}
#imageData {
padding : 0 10px;
color : #666;
}
#imageData #imageDetails {
width : 70%;
float : left;
text-align : left;
}
#imageData #caption {
font-weight : bold;
}
#imageData #numberDisplay {
display : block;
clear : left;
padding-bottom : 1em;
}
#imageData #bottomNavClose {
width : 66px;
float : right;
padding-bottom : 0.7em;
outline : none;
}
#overlay {
position : absolute;
top : 0;
left : 0;
z-index : 90;
width : 100%;
height : 500px;
background-color : #000;
}
.souligne {
text-decoration : underline;
}
.gras {
color : #000;
}
#lightbox {
position : absolute;
left : 0;
width : 100%;
z-index : 100;
text-align : center;
line-height : 0;
}
#lightbox img {
width : auto;
height : auto;
}
#lightbox a img {
border : none;
}
#outerImageContainer {
position : relative;
background-color : #fff;
width : 250px;
height : 250px;
margin : 0 auto;
}
#imageContainer {
padding : 10px;
}
#loading {
position : absolute;
top : 40%;
left : 0%;
height : 25%;
width : 100%;
text-align : center;
line-height : 0;
}
#hoverNav {
position : absolute;
top : 0;
left : 0;
height : 100%;
width : 100%;
z-index : 10;
}
#imageContainer > #hoverNav {
left : 0;
}
#hoverNav a {
outline : none;
}
#prevLink, #nextLink {
width : 49%;
height : 100%;
background-image : url(data:image/gif;base64,AAAA);
display : block;
}
#prevLink {
left : 0;
float : left;
}
#nextLink {
right : 0;
float : right;
}
#prevLink:hover, #prevLink:visited:hover {
background : url(../images/prevlabel.gif) no-repeat left 15%;
}
#nextLink:hover, #nextLink:visited:hover {
background : url(../images/nextlabel.gif) no-repeat right 15%;
}
#imageDataContainer {
font : 10px Verdana, Helvetica, sans-serif;
background-color : #fff;
margin : 0 auto;
line-height : 1.4em;
overflow : auto;
width : 100%;
}
#imageData {
padding : 0 10px;
color : #666;
}
#imageData #imageDetails {
width : 70%;
float : left;
text-align : left;
}
#imageData #caption {
font-weight : bold;
}
#imageData #numberDisplay {
display : block;
clear : left;
padding-bottom : 1em;
}
#imageData #bottomNavClose {
width : 66px;
float : right;
padding-bottom : 0.7em;
outline : none;
}
#overlay {
position : absolute;
top : 0;
left : 0;
z-index : 90;
width : 100%;
height : 500px;
background-color : #000;
}