/* 
    Document   : style
    Created on : 13 nov. 2011, 17:18:47
    Author     : benjamingattet
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


/*

    FRONT STYLES

*/

@font-face {
    font-family: 'Eurostile';
    src: url('../fonts/eurosti-webfont.eot');
    src: url('../fonts/eurosti-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/eurosti-webfont.woff') format('woff'),
         url('../fonts/eurosti-webfont.ttf') format('truetype'),
         url('../fonts/eurosti-webfont.svg#EurostileRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Eurostile';
    src: url('../fonts/eurostib-webfont.eot');
    src: url('../fonts/eurostib-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/eurostib-webfont.woff') format('woff'),
         url('../fonts/eurostib-webfont.ttf') format('truetype'),
         url('../fonts/eurostib-webfont.svg#EurostileBold') format('svg');
    font-weight: bold;
    font-style: normal;

}



body {background-color: #000000; color:#FFFFFF;font-family:Eurostile, Arial}

a:link,a:visited,a:hover,a:active{text-decoration: none;color:#FFFFFF}

.content {width:853px;padding:0 50px; margin:10px auto 0 auto}
.topLogo{display:block; margin:0 auto}
ul li {display:inline-block;text-transform: uppercase}
li.separator{border-right:solid 2px #FFFFFF; height:12px;margin: 0 5px}
.push{margin-top:20px}
.topMenu ul.menu{float:right}
.topMenu ul.lng{float:left}
.topMenu ul.lng li{color:#999}
.topMenu ul.lng li.selected{color:#FFF}


.clear{clear:both}

#annexesText{color:#FFFFFF;}
#annexesText span{color:#FFFFFF;}
#annexesText p{color:#FFFFFF;margin-bottom:20px;}
#annexesText div{color:#FFFFFF;}
#annexesText a{text-decoration:underline;}
#annexesText .bold{font-weight: bold}
#annexesText .italic{font-style:italic;}
#annexesText strong {font-weight:bold;}
#annexesText em{font-style: italic}

.description {margin: 50px 0}
.description a {text-decoration: underline}

.albums{margin:50px 0;width:903px}
body .albums .album{width:244px;display:inline-block;margin:0 50px 30px 0}
body .albums .album p{text-align: center;margin:0 0 10px 0}

.social {margin: 0 auto 50px auto;text-align:center}
.social img{margin: 0 5px}

.paypal input[type=image]{
    margin:0 auto !important;
    display:block !important;
    text-aligne:center !important;
}
.paypalText{
    width:853px;
    margin:0 auto;
}
.paypal{
    margin:20px 0 30px 0;
}
.bandeau img{
    margin:30px auto 30px auto;
    display:block;

}
.bottomMenu {text-align:center;margin:0 0 50px 0;}

.chapterThumbs{float:left}
.chapterThumb{margin: 0 0 2px 0 }

.albumCover{float:left;margin:0 0 0 20px}
.chapterThumb{display:block}

.chapterSelection{ margin:30px 0 30px 0}

.chapitre img{margin:0 auto;text-align:center;display:block}

.topNav, .bottomNav{width:1140px;text-align:center;}
.topNav {margin:100px auto 0 auto;}
.bottomNav {margin:0px auto 100px auto;}
.topNav a,.bottomNav a{display: inline-block}
.topNav a:not(:last-child),.bottomNav a:not(:last-child) {margin-right:50px;}

.pageContent{width:100%;margin:0 auto}
.retour{text-align:center;margin:0 auto;display:block}