/* ========
Taille du texte :
1.5em = 24px
1em = 16px
0.9375em = 14px
0.8125em = 13px
0.75em = 12px
0.6875 = 11px
0.625em = 10px
======== */

*{
margin: 0;
padding: 0;
}
html{
background-color: #fff;
color: #000;
font-family: "Arial","Helvetica",sans-serif;
font-size: 100.01%;
}
body{
background-color: #fff;
background-repeat: repeat-x;
background-position: 0 50%;
width: 100%;
height: 100%;
position: absolute;
}
.conteneur_site{
background-image: url("i/page_princip_01.jpg");
background-repeat: no-repeat;
background-position: center center;
position: absolute;
width: 100%;
height: 620px;
}
img{
border: 0;
}
a{
color: #000;
text-decoration: none;
outline: none;
}

h1{
display: none;
}

#barre_menu{
height: 26px;
position: relative;
z-index: 1;
top: 287px;
width: 100%;
}
#barre_menu ul{
width: 800px;
margin: 0 auto;
}
#barre_menu ul li{
display: inline;
text-align: center;
float: left;
display: block;
}
#barre_menu ul li a{
color: #ffc790;
display: block;
width: 160px;
height: 26px;
text-align: center;
font-size: 0.8125em;
font-weight: bold;
}
#barre_menu ul li a .parenthese_g,#barre_menu ul li a .parenthese_d{
background-color: transparent;
background-image: url("i/parentheses-trans.png");
background-repeat: no-repeat;
display: block;
width: 24px;
height: 26px;
}
#barre_menu ul li a .parenthese_g{
background-position: -11px 0;
float: left;
}
#barre_menu ul li a .texte{
margin: 4px 0;
float: left;
display: block;
line-height: 16px;
height: 18px;
width: 112px;
}
#barre_menu ul li a .parenthese_d{
background-position: -35px 0;
float: left;
}
#barre_menu ul li a:hover{
color: #9e8cfb;
}
#barre_menu ul li a:hover .parenthese_g{
background-position: -11px -26px;
}
#barre_menu ul li a:hover .parenthese_d{
background-position: -35px -26px;
}
#barre_menu ul li a.actif .texte{
background-color: transparent;
color: #000;
}
#barre_menu ul li a.actif .parenthese_g{
background-position: -11px -52px;
}
#barre_menu ul li a.actif .parenthese_d{
background-position: -35px -52px;
}
#barre_menu ul li a.actif:hover .parenthese_g{
background-position: -11px -52px;
}
#barre_menu ul li a.actif:hover .parenthese_d{
background-position: -35px -52px;
}

.bloc_haut{
width: 800px;
height: 240px;
position: relative;
top: 20px;
margin: 0 auto;
overflow: auto;
}
.bloc_bas{
width: 800px;
height: 287px;
position: relative;
top: 30px;
margin: 0 auto;
overflow: auto;
}
.bloc_gros{
width: 900px;
height: 620px;
position: relative;
z-index: 0;
margin: 0 auto;
overflow: auto;
}
.bloc_navig{
width: 50px;
height: 600px;
float: left;
}
.bloc_apercu{
width: 800px;
height: 600px;
float: left;
}
.bloc_haut ul{
list-style: none;
}
.bloc_haut ul li{
display: inline;
float: left;
padding: 0 60px 0 0;
}
.bloc_haut ul li.derniere{
padding-right: 0;
}
.bloc_haut ul li img.miniature{
display: block;
width: 134px;
height: 200px;
}
#vignettes{
margin: 0 auto;
padding: 0;
height: 200px;
}
#bloc_miniatures .carousel-previous,
#bloc_miniatures .carousel-next{
background-image: url('i/defilement-trans.png');
background-repeat: no-repeat;
display: block;
width: 29px;
height: 29px;
position: absolute;
top: 84px;
text-indent: -9999px;
}
#bloc_miniatures .carousel-previous{
left: 0;
}
#bloc_miniatures .carousel-next{
background-position: -29px 0;
right: 0;
}
#bloc_miniatures .carousel-previous:hover{
background-position: 0 -29px;
}
#bloc_miniatures .carousel-next:hover{
background-position: -29px -29px;
}
#bloc_miniatures .disabled{
display: none;
}
.bloc_bas ul{
list-style: none;
margin: 20px;
}
.bloc_bas ul p{
font-size: .8125em;
margin: 40px 60px 0 100px;
}
.bloc_bas ul p .titre{
color: #928bff;
display: block;
margin-bottom: 1em;
text-transform: uppercase;
}
.bloc_bas ul p a{
color: #928bff;
text-decoration: underline;
}
a.retour{
font-size: 0.75em;
text-align: right;
display: block;
width: 900px;
margin: 0;
}
.bloc_apercu .apercu{
margin: 0 auto;
border: 1px solid #ccf;
}
.bloc_apercu .apercu_boulot{
max-width: 800px;
max-height: 600px;
position: relative;
display: block;
margin: auto;
}
.info_flashbook{
color: #9e8cfb;
display: block;
font-size: .75em;
padding: .5em 0;
text-align: right;
}
.bloc_navig a span{
display: none;
}
.bloc_navig a{
background: url("i/defilement-trans.png") no-repeat 0 0;
display: block;
width: 29px;
height: 29px;
margin-top: 285px;
}
.bloc_navig a.navig_gauche{
margin-left: 11px;
}
.bloc_navig a.navig_droite{
background-position: -29px 0;
margin-left: 10px;
}
.bloc_navig a.navig_gauche:hover{
background-position: 0 -29px;
}
.bloc_navig a.navig_droite:hover{
background-position: -29px -29px;
}

#contact{
color: #fff;
}
#contact a.retour{
color: #ccc;
}
#contact a.retour:hover{
color: #fff;
}
#contact p.texte_intro{
margin: 100px 300px 0 300px;
}
#contact form#form_contact{
width: 300px;
margin: 20px auto 0 auto;
}
#contact form#form_contact label{
display: block;
font-size: 0.75em;
margin-bottom: 2px;
}
#contact form#form_contact input,#contact form#form_contact textarea{
display: block;
width: 300px;
margin-bottom: 10px;
border: 0;
}
#contact form#form_contact textarea{
height: 100px;
font-size: inherit;
}
#contact form#form_contact input#bt_envoi{
width: auto;
}
#contact .warningmsg{
color: #ccc;
font-size: 0.6875em;
font-style: italic;
text-align: right;
}
#contact p.statut{
font-size: 0.75em;
margin: 10px 300px;
}
#contact p.avertissement{
color: #f80;
font-weight: bold;
}
#contact p.erreur{
color: #f00;
font-weight: bold;
}
.mentions_legales{
color: #999;
font-size: .65em;
text-align: center;
margin-bottom: 1em;
}

#edition #bloc_texte{
position: relative;
top: 404px;
width: 840px;
text-align: justify;
margin: 0 auto;
}
#edition #bloc_texte p{
color: #000;
font-size: 0.75em;
line-height: 1.75em;
margin-bottom: 1em;
overflow: hidden;
text-align: center;
}
#edition #bloc_texte p em#titre_cqed{
font-style: normal;
display: block;
float: right;
width: 710px;
height: 130px;
margin-top: -92px;
text-indent: -9999px;
}
#edition #bloc_texte p.texte_resume{
padding-top: 92px;
text-indent: -9999px;
}
#edition #bloc_texte p.lien{
margin-top: 44px;
}
#edition #bloc_texte p a{
background-color: #000;
color: #fff;
padding: .25em .5em;
text-transform: uppercase;
font-weight: bold;
}
#edition a.retour{
color: #333;
margin-right: 15px;
}
#edition a.retour:hover{
color: #666;
}

.book{
/*background: transparent url('i/background_50.png') repeat left top;*/
background-color: #fff;
position: absolute;
left: 0;
top: 0;
z-index: 9999;
width: 100%;
}
.book .navig{
margin: 20px auto;
text-align: center;
}
.book .navig a{
background-color: #000;
color: #fff;
padding: .25em .5em;
font-weight: bold;
margin: 0 .25em;
}
.book img{
display: block;
width: 800px;
margin: 20px auto;
}