/* CSS Document */
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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline       
}

body { 
	background: #000 url(images/bg_page.jpg) 50% 0 no-repeat; 
	margin: 0 auto; color: #fff; 
	font-family: Georgia, Times New Roman, Times, serif; font-size: 16px; text-align: center
}

@font-face {
	font-family: 'ReklameScriptReg';
	src: url('fonts/reklamescript-regular-webfont.eot');
	src: local('?'), url('fonts/reklamescript-regular-webfont.woff') format('woff'), url('fonts/reklamescript-regular-webfont.ttf') format('truetype'), url('fonts/reklamescript-regular-webfont.svg#webfontdPnzY8kf') format('svg');
}

hr { color: #47190c; background-color: #47190c; border: 0; height: 1px; width: 80%; text-align: center; padding: 0 }
h1 { float: right; margin: -45px 30px 0 0; font-size: 29px; color: #ecaf29; font-weight: bold; font-family: Arial, Helvetica, sans-serif }
h2 { margin: 15px 0 0; font-size: 33px; color: #fff; font-weight: bold; font-family: Georgia, Times New Roman, Times, serif }
h3 { font-size: 28px; margin-bottom: 15px }                 
p { width: 640px; margin: 15px 0 0 }
ul { margin-left: 30px }

a img { border: 0 }
a:link, a:active, a:visited { color: #ecaf29; text-decoration: none }
a:hover { text-decoration: underline }
a:focus { border: 0 }
.txt-black { color: #000 }
.float-left { float: left }
.float-right { float: right }
.clear-left { clear: left }
.clear-right { clear: right }
.clear-both { clear: both }
.sep { height: 15px }
.marginR-20 { margin-right: 20px }

.wrapper { width: 100%; text-align: center; margin: 0 auto }
.home { margin: 0 auto 0 }
.home h1 { float: left; text-transform: capitalize; margin: 0 0 0 25px; color: #fff }

.header { margin: 0 auto; width: 1024px; height: 149px; background: #844921 url(images/bg_header.jpg) 0 0 no-repeat }
.header .logo { float: left }
.header .lang { float: right; font: 10px Helvetica, Arial, sans-serif; margin-right: 31px }
.header .lang a { display: block; float: left; width: 20px; background-color: #f7be2f; padding: 5px; margin: 0; color: #000; text-decoration: none }
.header .lang a:hover { background-color: #e36a19; color: #7f3300 }
/* .header .lang span { display: block; float: left; width: 20px; background-color: #f7be2f; padding: 5px; margin-right: 5px; color: #7f3300 } */

.wrapper-content { margin: 0 auto; width: 1024px; background-color: #ad410e; height: 100% }

.wrapper-content .services { width: 1024px; min-height: 900px; background: #ad410e url(images/bg_philo.jpg) 0 0 no-repeat }
.wrapper-content .training { width: 1024px; min-height: 900px; background: #ad410e url(images/bg_training.jpg) 0 0 no-repeat }
.wrapper-content .home { width: 1024px; min-height: 900px; background: #ad410e url(images/bg_home.jpg) 0 0 no-repeat }
.wrapper-content .team { width: 1024px; min-height: 900px; background: #ad410e url(images/bg_temoin.jpg) 0 0 no-repeat }
.wrapper-content .photos { width: 1024px; min-height: 900px; background: #ad410e url(images/bg_photos.jpg) 0 0 no-repeat }
.wrapper-content .clothing { width: 1024px; min-height: 900px; background: #ad410e url(images/bg_vetements.jpg) 0 0 no-repeat }
.wrapper-content .contact { width: 1024px; min-height: 900px; background: #ad410e url(images/bg_contact.jpg) 0 0 no-repeat }



.home .animation { float: left; width: 645px; height: 276px; margin-left: 30px }
/* social network */
.social-network { height: 40px; margin: 0; padding: 0 }
.social-network a { width: 303px; height: 40px; margin: 0; padding: 0 }
.social-network a img { margin: 0; padding: 0 }
.social-network a.twitter-fr img { background: transparent url(images/twitter-fr.jpg) 0 0 no-repeat; margin-right: 5px }
.social-network a.facebook-fr img { background: transparent url(images/facebook-fr.jpg) 0 0 no-repeat; margin-left: 5px }
.social-network a.twitter-en img { background: transparent url(images/twitter-en.jpg) 0 0 no-repeat; margin-right: 5px }
.social-network a.facebook-en img { background: transparent url(images/facebook-en.jpg) 0 0 no-repeat; margin-left: 5px }
.social-network a:hover img { background-position: 0 -40px }
/* news */
.home .news { width: 958px }

#featured { width: 958px; height: 355px; position: relative; margin-left: 25px; border: 5px solid #ecaf29; background: #a23d0f }
#featured ul.ui-tabs-nav{ position: absolute; top: 0; left: 638px; list-style: none; padding: 0; margin: 0; width: 320px }
#featured ul.ui-tabs-nav li { width: 320px; height: 88px; padding: 0; margin-bottom: 1px; font-size: 12px; color: #fff }
#featured ul.ui-tabs-nav li img { width: 125px; height: 69px; float: left; margin: 8px 5px 0 8px; padding: 0; border: 2px solid #fff }
#featured ul.ui-tabs-nav li span { text-align: left; width: 170px; float: right; font-size: 14px; line-height: 18px; color: #fff; padding-top: 20px }
#featured ul.ui-tabs-nav li:hover { background-color: #47190c; background-image: none }
#featured ul.ui-tabs-nav li:hover img { border-color: #ecaf29 }
#featured ul.ui-tabs-nav li:hover span { color: #ecaf29 }
#featured li.ui-tabs-nav-item a { display:block; height: 88px; color:#333; background: transparent url('images/bg-news.png'); line-height:20px }
#featured li.ui-tabs-nav-item a:hover { background-color: #47190c }
#featured ul.ui-tabs-nav li.ui-tabs-selected a { background-color: #47190c }
#featured ul.ui-tabs-nav li.ui-tabs-selected img { border-color: #ecaf29 }
#featured ul.ui-tabs-nav li.ui-tabs-selected span { color: #ecaf29 }
#featured .ui-tabs-panel { width: 638px; height: 355px; position: relative }
#featured .ui-tabs-panel .info { position: absolute; top: 270px; left: 0; width: 638px; height: 85px; background: url('images/transparent-bg.png') }
#featured .info h2 { font-size: 18px; color: #fff; padding: 5px 5px 0; margin: 10px 0 5px; overflow: hidden }
#featured .info p { margin: 0 5px; font-size: 13px; line-height: 16px; color: #fff }
#featured .info a { text-decoration: none; color: #fff }
#featured .info a:hover { text-decoration: underline }
#featured .ui-tabs-hide { display: none }

.mailchimpSignUp { width: 480px; border: 5px solid #ecaf29; background-color: #46180b; margin: 0 auto; padding: 20px }
.mailchimpSignUp legend { width: 480px; color: #ecaf29 }
.mailchimpSignUp .mc-field-group { clear: both; margin-top: 12px }
.mailchimpSignUp label { display: block; float: left; width: 220px; margin-right: 10px; text-align: right }
.mailchimpSignUp input { display: block; float: left; width: 220px }
.mailchimpSignUp input.btn { clear: both; display: block; float: left; margin: 20px 0 0 230px; width: 70px; background-color: #a23d0f; color: #ffffff; border: 0; padding: 4px 8px }

.secondePart { width: 1000px; margin: 0 auto }
.posttit1 { float: left; margin-left: 20px; padding: 35px 15px 15px; width: 427px; height: 195px; background: transparent url('images/bg-postit1.png') 0 0 no-repeat }
.posttit2 { float: right; margin-right: 20px; padding: 35px 15px 15px; width: 421px; height: 195px; background: transparent url('images/bg-postit2.png') 0 0 no-repeat }
.posttit1 div, .posttit2 div { text-align: left }
.posttit1 h2, .posttit2 h2 { display: block; font-size: 13px; color: #000 }
.posttit1 img, .posttit2 img { float: left; margin-right: 15px; position: relative; top: 25px }
.posttit1 p, .posttit2 p { font-size: 12px; color: #000 }
.posttit1 a, .posttit2 a { font-size: 12px; color: #000; text-decoration: underline }
.posttit1 a:hover, .posttit2 a:hover { color: #653213; text-decoration: underline }
.posttit1 p, .posttit1 div { width: 305px }
.posttit2 p, .posttit2 div { width: 225px }


.bottom-links { width: 1000px; margin: 0 auto }
.bottom-links .externalLink { width: 140px; float: left; margin-right: 50px; text-align: left }
.bottom-links .first { margin-left: 50px }
.bottom-links .externalLink a img { border: 0 }
.bottom-links .externalLink a { color: #fff; text-decoration: none; font-size: 10px }
.bottom-links .externalLink a:hover { text-decoration: underline }



.navigation { clear: both; text-align: left; margin: 0; padding: 0; background-color: #47190c; height: 25px; position: relative; top: -3px }
.navigation ul li { list-style-type: none; display: inline }
.navigation ul li a:link,.navigation ul li a:active, .navigation ul li a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #ecaf29; text-decoration: none; padding: 4px 5px 3px 5px; line-height: 25px }
.navigation ul li a:hover, .navigation ul li a.current { background-color: #000 }


.content { margin: 20px 30px; text-align: left; height: 100% }
.team .content img { margin-right: 30px }
.team .bios { float: left; width: 350px }
.team .bios p { width: 350px }
.col-left { float: left; width: 620px }
.col-right { float: right; width: 300px; margin: 0; padding: 480px 0 0 }
.training-challenge { float: right; width: 270px; padding: 20px 15px; background-color: #ad410e }
.testimonials { float: right; width: 270px; padding: 20px 15px 0 15px; margin-left: 20px; background: transparent url(images/bg-testimonials.png) 0 0 repeat }
.testimonials h1 { margin: 0; padding: 0 20px }
.testimonials blockquote { clear: left; color: #fff; width: 270px; text-align: left }
.testimonials p { color: #fff; padding: 0 10px 10px; margin: -10px 0 0 45px; width: 240px  }
.testimonials .testimonial { width: 220px; background: url(images/quote-close.png) 100% 100% no-repeat; height: auto; float: left }
.testimonials .testimonial-author { clear: left; float: right; text-align: right; margin: 15px 0 0; width: 252px }
.quote-open { float: left; width: 26px; height: 23px; background: url(images/quote-open.png) 0 0 no-repeat; margin: 10px 0 0 25px }

.pave-noir { width: 360px; background-color: #000; padding: 2px 10px 10px 10px }

.image { float: left; width: 565px }
.image img { width: 509px; height: 342px; border: 20px solid #fff /*; border-bottom: 15px*/ }
.gallery{ width: 410px;float: right; margin: 0 -15px 0 0 }
.gallery li { width: 55px; height: 55px; border: 3px solid #fff; margin: 0 5px 5px 0; list-style-type: none; display: block; float: left}
.gallery li img { width: 55px; height: 55px }
.gallery li:hover, .gallery li.active { border-color: #ecaf29 }
.gallery li div { left: 240px }
.imgCaption { background-color: #fff; font-weight: normal; font-style: normal; line-height:normal; font-family: 'ReklameScriptReg'; font-size-adjust: 1; color: #000; padding: 0 20px 10px; width: 509px }

table.records { margin-left: 85px}
table.records tr td { border-bottom: 1px solid #943b11; padding: 5px 3px }
table.records tr th.challengeName { color: #fcc72d; text-align: center; padding: 6px; background-color: #47190c; line-height: 30px }
table.records tr td.challengeWeek { text-align: center; background-color: #903600 }
table.records tr td.challengeSex { text-align: center; background-color: #b76301 }
table.records tr td.challengeDate { color: #fff }
table.records tr td.studentName { padding-left: 20px }
table.records tr td.studentName a { color: #000 }
table.records tr td.studentName a:hover { color: #000; text-decoration: underline }
table.records tr td.rank { padding: 2px 3px; background-color: #943b11; color: #000 }
table.records tr td.first { background-color: #fcc72d }
table.records tr td.second { background-color: #e99825 }
table.records tr td.third { background-color: #d46c18 }
.challenges { display: none }
.challenges.last { display: block }
.challenge-archives li { cursor: pointer }


.footer { margin: 0 auto; padding: 0 20px; width: 984px; background-color: #47190c; height: 25px; position: relative; bottom: 0; font-size: 11px; line-height: 25px }
.footer a, .footer a:hover { text-decoration: none; color: #fff }

.slide-out-div { padding: 20px; width: 400px; background: #47190c; border: 2px solid #000; border-right: 0 }    
.slide-out-div div, .slide-out-div p { width: 400px; text-align: left }
.slide-out-div p { font-size: 80%; margin: 0 0 15px 0 }
.slide-out-div a.handle { cursor: pointer }


body.pr-page  { font: 14px "Times New Roman", Times, serif; line-height: 20px; margin: 0; padding: 0; background-image: none; background-color: #fff; color: #000 }
.pr-page a  { color: blue; text-decoration: underline }
.pr-page h1 {  font-size: 24px; line-height: 32px; color: #000; margin-top: 10px }
.pr-page h2 {  font-size: 20px; line-height: 28px; color: #000 }
.pr-page h3 {  font-size: 15px; line-height: 28px; color: #000 }
.pr-page p { font: 14px "Times New Roman", Times, serif; line-height: 20px }
.pr-page .content { width: 600px; margin: 0 auto; padding: 0 }
.pr-page hr { border: 0; height: 1px; color: #666; background-color: #666 }