@charset "UTF-8";

/*

Theme Name: Escalade Management

Description: Theme pour le site web de Escalade Management

Version: 1.0

Author: Jean-François Sauriol

Author URI: http://www.productionstreize.com/

*/

@font-face {
    font-family: 'BitstreamVeraSansBold';
    src: url('font/Vera-Bold-webfont.eot');
    src: url('font/Vera-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Vera-Bold-webfont.woff') format('woff'),
         url('font/Vera-Bold-webfont.ttf') format('truetype'),
         url('font/Vera-Bold-webfont.svg#BitstreamVeraSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/***********************************************************************************************/

/** RESET **/

/***********************************************************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; text-decoration: none; }

/* HTML5 display-role reset for older browsers */

body { line-height:1; }

ol, ul { list-style:none; }

table { border-collapse:collapse; border-spacing:0; }



/***********************************************************************************************/

/* STRUCTURE */

/***********************************************************************************************/

html, body { height:100%; margin:0; padding:0; }

body { background:url(images/header.png) repeat-x #000; color:#fff; font-family: 'Squada One', cursive; font-size:17px; font-style:normal; line-height:18px; }

.wrap { margin:0 auto; width:960px; }

.header { background:url(images/header-middle.png) no-repeat top center; margin:-1px auto 0; width:960px; height: 130px; padding: 10px 0; }

.container { margin:0 auto; width:960px; padding: 10px; }

.content { background:url(images/content.png) no-repeat scroll center bottom #000000; height:720px; padding-left: 340px; padding-top: 70px; }

.paypal { margin-top: 50px; margin-left: 100px; display: block; width: 419px; height: 195px; background:url(images/paypal.png) no-repeat; text-align: center; }

.youtube { margin: -125px auto 50px; width: 640px; }

.footer { border-top: 3px double #333; padding-top: 10px; font-family: Arial; font-size: 11px; margin-bottom: 25px; }



/***********************************************************************************************/

/** HEADER **/

/***********************************************************************************************/

.logo { float: left; }

.information { float: right; margin-top: 30px; color: #000; font-family: Arial; font-weight: bold; text-align: right; }

.telephone { font-size: 31px; word-spacing:4px; }

.adresse { font-size: 14px; margin-top:9px; text-align:right; }

.courriel { color: #ba141a; font-size: 16px; line-height:22px; margin-top:8px; }



/***********************************************************************************************/

/** TYPOS **/

/***********************************************************************************************/

.information a { color: #ba141a; }

.information a:hover { color: #000; }



.paypal h1 { font-size: 48px; color: #000; padding-top: 10px; }

.paypal h2 { font-size: 30px; color: #000; margin-top: 0; }

.paypal form { display: block; width: 140px; margin: 20px auto 0; }

.paypal p { color: #000; margin-top: 8px; }



.footer a { color: #999; }

.footer a:hover { color: #fff; }


.small { font-size:24px; }



h1 { color: #95c93d; font-size: 58px; line-height: 54px; text-transform: uppercase; }

h2 { font-size: 24px; text-transform: uppercase; margin-top: 30px; }

h2 strong { color: #95c93d; }



p {  font-family: Arial; font-size: 12px; font-weight: bold; }



/***********************************************************************************************/

/* FOOTER */

/***********************************************************************************************/





/***********************************************************************************************/

/* GENERAL */

/***********************************************************************************************/
.try-now { background:url(images/h2no.png) no-repeat scroll right center transparent; padding:30px 0 30px 10px; margin-bottom:50px; }

.extras { text-align:center; border-top:1px solid #6a6a6a; border-bottom:1px solid #6a6a6a; }

.zeti, 
.h2no { display:inline-block; vertical-align:top; text-align:center; text-transform:uppercase; font-family:BitstreamVeraSansBold, Arial, sans-serif; margin:30px 0; }

.zeti a,
.h2no a { color:#fff; }

.zeti a:hover,
.h2no a:hover { color:#6a6a6a; }

.zeti p, 
.h2no p { font-size:16px; }

.zeti { padding-right:50px; border-right:1px solid #6a6a6a; }

.h2no { margin-left:50px; }

.zeti-img 		{ background:url(images/zeti.png) no-repeat center center; display:block; width:237px; height:181px; }
.zeti-img:hover { background:url(images/zeti-hover.png); }

.h2no-img 		{ background:url(images/h2no.png) no-repeat center center; display:block; width:310px; height:181px; }
.h2no-img:hover { background:url(images/h2no-hover.png) no-repeat center center; }