@import url(reset.css);

html { font-size: 100%; }

body {
 font: 0.85em/1.3em "Lato", Arial, Geneva, Verdana, "Trebuchet MS", Helvetica, sans-serif;
 color: #5F392F;
 text-align: center;
 background-color: white;
}

#global {
 position: relative;
 width: 960px;
 text-align: left;
 margin: 0 auto;
 background: transparent url(/assets/templates/VASPA/images/head.jpg) top center no-repeat;
}

a { text-decoration: none; color: #5F372F; border-bottom: 0}

h2 {
 font-size: 1.5em;
 font-weight: bold;
 margin: 20px 0;
}

/*****************/
/* Sticky Footer */
/*****************/

/* Penser à ajuster la hauteur du footer dans #main et dans #footer */

html, body, #global {height: 100%;}

body > #global {height: auto; min-height: 100%;}

.clearfix:after {content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* Zone de contenu */



#editorial {
 display: inline;
 float: left;
 margin-top: 380px;
 margin-left: 25px;
 width: 560px;
 padding-bottom: 58px; /* sticky footer, même valeur que #footer */
}

#editorial p {
 margin: 10px 0;
 line-height: 1.3em;
 text-align: justify;
 text-indent: 0em;
}


#editorial ol li {
 list-style-type: decimal
}

#editorial ul, #editorial ol {
 margin: 0.5em auto 1em 1.3em;
}

#editorial ol {
 margin-left: 2.6em;
}

#editorial ul li {
 line-height: 1.4em;
 list-style-type: square;
}

/* Documents */

.btn {
 line-height: 60px;
 margin: 0 auto 15px;
 border: 2px solid #FFC140;
 border-radius: 10px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 display: block;
 font-weight: bold;
 width: 255px;
 height: 60px;
 font-size: 0.9em;
 padding-left: 60px;
 background: transparent url(images/pdf.jpg) 10px 10px no-repeat;
}

.btn:hover {
 border-color: #FFDD9D;
 color: #C38B38;
}








#documents {
 display: inline;
 float: right;
 margin-top: 400px;
 margin-right: 25px;
 width: 320px;
 padding-bottom: 58px; /* sticky footer, même valeur que #footer */
}

/* Documents */

#documents div {
 position: relative;
 background: transparent url(images/pdf.jpg) 10px 10px no-repeat;
 height: 60px;
 margin: 0 0 15px;
 border: 2px solid #FFC140;
 border-radius: 10px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
}

#documents div:hover {
 border-color: #FFDD9D;
}

#documents a {
 display: block;
 width: 255px;
 font-size: 0.9em;
 position: absolute;
 top: 20px;
 left: 60px;
 font-weight: bold
}
#documents #doc23 a {
 top: 11px;
}

#documents a:hover {
 color: #C38B38;
}

#documents span {
 position: absolute;
 color: #C38B38;
 font-style: italic;
 top: 45px;
 right: 10px;
 font-size: 0.85em;
 line-height: 1.2em;
 text-align: right;
 width: 50px;
 display: none
}

/* signataires */

p#appel {
 margin: 30px auto;
 text-align: center;
 font-size: 1.3em;
 text-shadow: 0px 1px 50px #FFC557;
}

p#president, p#vice-president {
 width: 150px;
 text-align: center;
 text-indent: 0;
}

p#president {
 float: left;
 margin-left: 50px;
}

p#vice-president {
 float: right;
 margin-right: 50px;
}

/* Footer */


#footer {
 width: 958px;
 position: relative;
 margin: -58px auto 30px; /* Sticky footer, valeur négative pour margin-top*/
 height: 58px; /* Sticky footer */
 clear: both; /* Sticky footer */
 background: transparent url(images/footer.jpg) top center no-repeat;

}

#baseline {
 position: absolute;
 top: 10px;
 left: 45px;
}



#btt a:hover, #credit a:hover { color: white }

#btt {
 position: absolute;
 top: 20px;
 left: 45px;
 font-size: 1em;
}

#credit {
 position: absolute;
 width: 300px;
 top: 20px;
 right: 45px;
 font-size: 1em;
 text-align: right;
}







.spacer {
 clear: both;
}