@font-face {
    font-family: robotob;
    src: url(../font/roboto/Roboto-Bold.ttf);
}
@font-face {
    font-family: robotom;
    src: url(../font/roboto/Roboto-Medium.ttf);
}
@font-face {
    font-family: robotol;
    src: url(../font/roboto/Roboto-Light.ttf);
}
@font-face {
    font-family: robotor;
    src: url(../font/roboto/Roboto-Regular.ttf);
}

* {
    margin: 0;
    padding: 0;
}
html {
    background-color: black;
    overflow: -moz-scrollbars-vertical; 
    overflow-y: scroll;
}
div.container {
    margin: 0 auto;
    width: 100%;
    min-width: 800px;
}
div#top, div#middle, div#bottom {
    margin: 0 auto;
    width: 100%;
}
.fondBlanc{
    background-color: #fff;
}
section, nav#menu, footer {
    width: 700px;
    margin: 0 auto;
 
}
header {
    height: 100px;
    width: 700px;
    margin: 0 auto;
}
div#logo_qa {
    background-image: url(../img/quebec-amerique.png);
    background-repeat: no-repeat;
    display: inline-block;
    float: left;
    width: 215px;
    height: 34px;
    margin-top: 33px;
}
div#logo_fb {
    background-image: url(../img/ico_fb.png);
    background-repeat: no-repeat;
    display: inline-block;
    float: right;
    width: 30px;
    height: 34px;
    margin-top: 33px;
}
div#middle>div.container>div.wrapper {
/*    background-image: url(../img/background2.jpg);*/
    background-repeat: no-repeat;
    display: inline-block;
}
div.wrapper {
    margin: 0 auto;
    width: 100%;
}
section#logo_amblystome {
    background-image: url(../img/logoAmbly.png);
    background-repeat: no-repeat;
    width: 700px;
    height: 102px;
    margin-top: 35px;
    margin-bottom: 35px;
}
#epilogue {
    height: 34px;
    margin-bottom: 50px;
    padding: 0 13.5px 0 13.5px;
    color: #fff;
}
#epilogue>span {
    position: relative;
    top: 2px;
    font-family: robotob;
    letter-spacing: 1px;
    font-size: 1.35em;
    float: left;
}
#epilogue>nav {
    float: right;
}
#epilogue>nav>div {
    background-color: #c72d28;
}
#epilogue>nav>div:hover {
    background-color: #a1130e;
}
nav#menu {
    height: 50px;
    margin-bottom: 50px;
}
nav#menu>div{
    width: 132px;
    height: 50px;
    background-color: #c72d28;
    display: table-cell;
    vertical-align: middle;
    text-align: center; 
    color: #fff;
    font-family: robotob;
    letter-spacing: 1px;
    font-size: 0.90em;
}
nav#menu>div:hover {
    background-color: #a1130e ;
}
nav#menu div.spacer{
    width: 27px;
    background-color:transparent;
    display: table-cell;
}
nav#tomeMenu {
    position: relative;
    top:0;
    left: 434px;
    display: none;
}
nav#tomeMenu>div {
    height: 25px;
    width: 120px;
    background-color: #c72d28;
    border-top: solid 2px #a1130e;
    z-index: 10;
    text-align: center;
    font-size: 16px;
    padding-top: 3px;
    font-family: robotor;
    color: #fff;
}
nav#tomeMenu>div:hover {
    color: #000;
}
.togselec {
    background-color: #a1130e !important;
}
iframe {
    margin-bottom: 50px;
}
div#date {
    background-image: url(../img/2158.png);
    background-repeat: no-repeat;
    display: inline-block;
    float: left;
    width: 245px;
    height: 107px;
}

div#post_num {
    background-image: url(../img/ere.png);
    background-repeat: no-repeat;
    display: inline-block;
    float: right;
    width: 318px;
    height: 113px;
}
section#ere {
    margin-bottom: 50px;
    height: 113px;
}

footer {
    height:150px;
}
footer>p {
    color: #fff;
    text-align: center;
    padding-top: 25px;
    font-size: 10pt;
    font-family: robotol; 
}

/*acheter*/

#book {
    width: 700px;
    height: 2010px;
}
#book>div {
    height:620px;
    width:330px;
    margin-bottom: 50px;
}
.left {
    float: left;
}
.right {
    float: right;
}
#book>div>h1 {
    color: #fff;
    font-family: robotom;
    letter-spacing: 1px;
    
    margin-top: 3.75px;
}
#book>div>h2 {
    color: #fff;
    font-family: robotol;
    font-size: 1em;
    letter-spacing: 1px;
    
    margin-top: 3.75px;
}
#book>div>h3 {
    color: #fff;
    font-family: robotol;
    font-size: 0.85em;
    letter-spacing: 1px;
    
    margin-top: 3.75px;
    
}
#book>div>nav {
    width: 330px;
    height: 34px;
}
.extrait {
    float: left;
    width: 145px;
    height: 12px;
    padding:10px 10px 12px 10px;
    background-color: #000; 
    
    background-image: url("../img/icone_telechargement.png");
    background-repeat: no-repeat;
    background-position: 135px;
    
    color: #fff;
    font-family: robotol;
    font-size: 0.75em; 
    letter-spacing: 1px;
}
.ouacheter {
    float: right;
    float: left;
    width: 145px;
    height: 12px;
    padding:10px 10px 12px 10px;
    background-color: #a1130e;
    
    background-image: url("../img/icone_fleche.png");
    background-repeat: no-repeat;
    background-position: 135px;
    
    color: #fff;
    font-family: robotol;
    font-size: 0.75em;
    letter-spacing: 1px;
}
h4 {
    text-align: center;
    color: #c72d28;
    font-family: robotom;
    letter-spacing: 1px;
    font-size: 1.5em;
    
    margin-bottom: 20px;
}
#libraire {
    border-top: 1px solid white;
    padding-top: 20px;
    margin-bottom: 50px;
}
nav#achatMenu1, nav#achatMenu2, nav#achatMenu3, nav#achatMenu4 {
    position: relative;
    top:0;
    left: 165px;
    display: none;
}
nav#achatMenu1>div, nav#achatMenu2>div, nav#achatMenu3>div, nav#achatMenu4>div {
    height: 12px;
    width: 145px;
    background-color: #c72d28;
    border-top: solid 2px #a1130e;
    z-index: 10;
    text-align: left;
    color: #fff;
    font-family: robotor;
    font-size: 0.85em;
    letter-spacing: 1px;
    padding:10px 10px 12px 10px;
}
nav#achatMenu1>div:hover, nav#achatMenu2>div:hover, nav#achatMenu3>div:hover, nav#achatMenu4>div:hover {
    color: #000;
    font-family: robotom;
}
.togselec {
    background-color: #a1130e !important;
}
/*univers*/

#back_info {
    background-color: #fff;
    height: auto;
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
    
    background-image: url(../img/fleche_rouge.png);
    background-repeat: no-repeat;
    background-position: top;
}
#back_info>nav{
    height: 14px;
    width: 700px;
    margin:0px auto 50px auto;
}
#back_info>nav>a {
    float:left;
    
    color: #c72d28;
    font-family: robotol;
    text-align: center;
    font-size: 0.85em;
    text-decoration: none;
}
#back_info>nav>a:hover {
    color: #000;
}
section#back_info>nav div.spacer {
    width: 25px;
    float: left;
    height: 14px;
    text-align: center;
    font-size: 0.85em;
    font-family: robotol;
    color: #c72d28;
}
div#text_info {
    width: 700px;
    margin:0 auto;
}
div#text_info>h1 {
    text-transform: uppercase;
    font-family: robotom;
    letter-spacing: 1px;
    color: #c72d28;
    margin-bottom: 12.5px;
    margin-top: 25px;
    font-size: 2em;
}
div#text_info>h2 {
    text-transform: uppercase;
    font-family: robotor;
    color: #000;
    font-size:1.5em;
}
.sPtext + h2 {
    margin-top: 25px;
}
div#text_info>h3 {
    text-transform: uppercase;
    margin-top: 25px;
}
div#text_info>h3, .sPtext {
    font-size: 1em;
    line-height: 1.5em;
    font-family: robotor;
    color: #000;
}
.sPtext>strong {
    color: #c72d28;
}
/*tomes*/
#text_info>img {
    margin-bottom: 25px;
}
.sPtome {
    font-size: 1em;
    line-height: 1.3em;
    font-family: robotor;
    color: #000;
    margin-bottom: 1.5em;
}
.sPtome>strong {
    color: #c72d28;
    text-transform: uppercase;
    font-size: 0.9em
}
div.organigrame {
    width:700px;
    height:267;
    margin:auto;
    margin-bottom: 50px;
}
/*billet*/
.billetTitre {
    margin-bottom: 0.75em;
}
.sPbillet {
    font-size: 1em;
    line-height: 1.5em;
    font-family: robotor;
    color: #000;
    margin-bottom: 1.5em;
}
.sPbilletCitation {
    text-align: right;
    font-size: 1em;
    line-height: 1.5em;
    font-family: robotor;
    color: #000;
    margin-bottom: 1.5em;
}
.sPbilletDef>b {
    font-family: robotob;
}
.sPbilletDef {
    text-align: center;
    font-size: 1em;
    line-height: 1.5em;
    font-family: robotor;
    color: #000;
    margin-bottom: 1.5em;
    margin-left: 5em;
    margin-right: 5em;
}
.lignesep {
    width: 700px;
    border-top: 2px solid;
}