@charset "UTF-8";

/* CSS Document */
body {font-family:Arial, Helvetica, sans-serif; font-size:0.7em; background:url(/images/bg.jpg) #eaeaea repeat; margin:0; padding:0; color:#fff;}

h1 {color:#363636; font-size:5em; margin:0; padding:0;}
h1 .fonce {color:#1c1c1c;}

.txtBig {font-size:2em; color:#363636;}
.txtBig strong {color:#8b8b8b;}


a {color:#005558;text-decoration:none;}
a:hover, a:active {color:#8b8b8b; text-decoration:underline;}

/*------------------------------------------------
MASTER PAGE
--------------------------------------------------*/

#entete {width:965px; background-color:#000; padding:5px; margin:auto; margin-bottom:20px;}

#entete a {font-size:2em; text-decoration:none; color:#363636; display:block;}
#entete a:hover,#entete a:active {color:#8b8b8b; background-color:#232323;}

#entete a.accueil {font-size:1em; text-decoration:none; background-color:#000;}

#content {width:965px; margin:auto; padding:5px; background-color:#000;	min-height:500px;}

#footer {width:975px; margin:auto; color:#3c3c3c; text-align:right;}

/*------------------------------------------------
PAGE PHOTOS
--------------------------------------------------*/

#menuPhotos {padding-bottom: 10px;}
#menuPhotos a,#menuPhotos span { width:186px; text-align:center; font-size:0.8em; text-decoration:none; background-color:#1c1c1c; color:#8b8b8b; display:inline-block; padding:1px;}
#menuPhotos a:hover,#menuPhotos a:active {color:#656565; background-color:#0d0d0d;}
#menuPhotos span {text-align:left; width:198px; }

.photo { width:750px; float:left; padding:3px; color:#494949; font-size:1.1em; cursor: pointer;}

#vignettes { width:200px; float:left;}
#vignettes img {padding:2px; width: 60px; height: 60; cursor: pointer;}

/*Paging */
#pnav { margin-left:120px;text-align:right;}
#pnav a { color:#ffffff}

.btNext{background: url(images/btn_next.gif) no-repeat left top; height:11px; width:8px; border:none; text-indent:-9999px;display:inline-block;}
.btNext:hover{background-position: -8px 0;}
.btNextOff{background: url(images/btn_next.gif) no-repeat -18px 0; height:11px; width:9px; border:none; text-indent:-9999px;display:inline-block;}
.btPrev{background: url(images/btn_prev.gif) no-repeat left top; height:11px; width:9px; border:none;text-indent:-9999px;display:inline-block;}
.btPrev:hover{background-position: -9px 0;}
.btPrevOff{background: url(images/btn_prev.gif) no-repeat -18px; height:11px; width:9px; border:none;text-indent:-9999px;display:inline-block;}

.fof404 {
    display: table-cell;
    vertical-align: middle;
}

.fof404 h1{
    font-size: 50px;
    display: inline-block;
    padding-right: 12px;
    animation: type .5s alternate infinite;
}

.fof404 img{
    max-width: 30vw;
}

@keyframes type{
    from{box-shadow: inset -3px 0px 0px #888;}
    to{box-shadow: inset -3px 0px 0px transparent;}
}