/*--------------------------------------------
  Feuilles de style (Vincent Goncalves - Wokine)
--------------------------------------------*/

/*--------------------------------------------
  Formatage des styles prédéfini
--------------------------------------------*/
*{
    padding:0;
    margin:0;
}
html, body,#decor{
     

}
body{
    text-align: center;
    background: url(images/background.jpg) top center repeat-x #301607;
    font-family:arial;
    font-size:11px   ;
    position: relative;
}
ul,ol{
    list-style: none;
}
table{
    border: none;
    border-collapse: collapse;
}
td{
    vertical-align: top;
}
table.v-middle td{
    vertical-align: middle;
}
table.v-bottom td{
    vertical-align: bottom;
}

.a-left{
    float:left;
}
.a-right{
    float:right;
}
.dnone{
    background-repeat: no-repeat;
}
.dnone span{
   display: none; 
}
.t-right{
    text-align:right
}
/*--------------------------------------------
Structure
--------------------------------------------*/
#all{
   width:715px;
   margin:0 auto;
   text-align: left;
   padding-bottom:15px;
}
#decor{
    /*background: url(images/background.jpg) top center no-repeat;   */
    float:left;
    width:100%;
}
.accueil #contour{
   background: url(images/bibliotheque-noir-end.png)  center top no-repeat; 
   float:left;
   width:100%;
}
.inscription #contour{
    background: url(images/bibliotheque-noir-end.png)  center top no-repeat; 
   float:left;
   width:100%;
}
/*--------------------------------------------
Logo
--------------------------------------------*/
.logo{
    display: block;
    height:131px;
    width:131px;
    background-image: url(images/logo.png);
}
.partage #content{
    padding-top:70px
}
#content .a-left{
    margin:70px 0 180px 0;
}
.accueil #content .logo,.inscription #content .logo{
    margin:0 0 20px 0
}
.participer-maintenant{
    display: block;
    height:236px;
    width:318px;
    background-image: url(images/grand-jeu-concours.png);
}
.participer-maintenant2{
    display: block;
    height:56px;
    width:311px;
    background-image: url(images/boutons/participer-maintenant.png);
}
#content a{
    margin:0 auto
}
.intro, .legend{
    text-align: center;
    color:#ddc8b5;
    display:block;
    width:260px;
    margin:0 auto
}
.txt-petit{
    color:#ddc8b5;
    font-size:11px
}
.intro{
    font-size:18px;
    line-height: 26px;
    padding:0 0 20px 0
}
.legend{
    font-size:11px
}
h2.titre-droite{
    color:#ddc8b5;
    font-size:14px;
    text-align: center;
}
/*--------------------------------------------
Formulaire inscription
--------------------------------------------*/
.p-relative{
    position: relative;
}
label{
    cursor:pointer;
}
label input{
    margin:0 5px 0 10px;
}
#form_inscription, #form_inscription *{
    color:#ddc8b5;
    font-size:12px
}
#form_inscription .t-right{
    padding-right:10px
}
#form_inscription .champs, #envoi_ami .champs{
    width:202px;
    height:33px;
    background: url(images/formulaires/champ-1.png) no-repeat;
}
#form_carnet, #form_carnet * {
   font-size:11px 
}
.champs2{
   width:127px;
   height:24px;
   background: url(images/formulaires/champ2.jpg) no-repeat; 

}
.champs2 input{
    width:120px;
    margin:7px 0 5px 5px;

    background: none;
    border: none;
    color:#1c1714;
    font-size:11px; 
}

#form_inscription td{
    padding: 0 0 20px 0;
}
#form_inscription .champs input, #envoi_ami .champs input{
    width:190px;
    margin:7px 0 5px 5px;
    height:20px;
    background: none;
    border: none;
    color:#1c1714;
    font-size:11px;
}
.valid-inscription{
    width:238px;
    height:46px;
    background:url(images/boutons/valider-ma-participation.png);
    border: none;
    cursor:pointer;
}                  
.btn-partager{
    width:141px;
    height:28px;
    background:url(images/boutons/inviter.png);
    border: none;
    cursor:pointer;
}
#form_inscription label.error,#envoi_ami label.error{
    font-size:10px;
    color:#cf0105;
    cursor: default;
    display: block;
    clear: both;
    width:200px;
}

#form_inscription label.error{
    position: absolute;
    bottom:-13px;
    left:0;
    
    
}
#form_carnet .champs2  label.error{      
  position: absolute;
    bottom:-13px;
    left:0;
    font-size:10px;  
     width:200px;      
    color:#cf0105;
    cursor: default;
    display: block;
}
#form_inscription .p-relative2    label.error{ 
  top:16px;     
}
/*--------------------------------------------
Merci
--------------------------------------------*/
.box-merci{
    background: url(images/fonds/rectangle.png) no-repeat;
    width:367px;
    height:111px;
    text-align: center;
    margin:20px auto;
}
.titre-merci{
    font-size:18px;
    color:#ddc8b5;
}
.box-merci  p, .box-merci  h2{
    width:257px;
    margin:0 auto;
    padding-top:20px;
   
}
.box-merci  h2{  
     font-weight: bold;  
}
.box-merci  p{
    font-size:12px;
    color:#ddc8b5
}
.box-carre{
    width:223px;
    height:184px;
    background: url(images/fonds/carre.png) no-repeat;
}
.box-carre h2{
    text-align: center;
    padding:20px 0;
   
    
}
.box-carre  a, .box-carre img{
    text-decoration: none;
    border:none
}
.btn-envoyer-ami{
    border:none;
    cursor: pointer;
    background: none;
    background-image: url(images/boutons/envoyer.png);
    width:141px;
    height:36px;
}
.box-ami form{
    margin:0 0 0 11px;
}
.box-ami form input{
    margin:15px 0 0 0
}

#result,#result2{
    display:none;
    font-size:12px;
    color:#ddc8b5;
    width:198px;
    margin:0 auto
}
#result2{
    font-size:11px
}
#result a,#result2 a{
    color:#ddc8b5;
    text-decoration: underline;
}
#result a:hover,#result2 a:hover{
   text-decoration: none; 
}

/*--------------------------------------------
Footer
--------------------------------------------*/
#footer, #footer *{
    font-size:12px;
    color:#b79c81;
}

#footer{
    border-top:1px solid #725239;
    padding:0 5px 0 5px;
    clear:both;
    margin-bottom:100px
}

#footer a{
    text-decoration: underline;
    
}
#footer a img{
    border:none;
    text-decoration: none;
}
#footer a:hover{
    text-decoration: none;
}
.logo-footer{
    background-repeat: no-repeat;
    background-position: left bottom;
    display: block;
    float: left;
    height:14px;
}
.logo-footer span{
    display: none;
}
.logo-facebook{
    background-image: url(images/footer/facebook.png);
    width:66px;
}
.logo-twitter{
    background-image: url(images/footer/twitter.png);
    width:53px;
}




#loader{
    position: absolute;
    top:10px;
    left:100px;
    display:none;
}