@charset "utf-8";
@import url(//fonts.googleapis.com/css?family=Lilita+One|Patua+One&subset=latin,latin-ext);
@import url("reset.css");

/*
Theme Name: Scootterre
Description: Thème créé pour Scootterre
Version: 1.0
Authors: Melissa Maheux - Influenza marketing
Author URI: http://influenza.ca/
*/ 

/* google fonte lilita one */
/*
font-family: 'Lilita One', cursive, arial, sans-serif;
font-family: 'Patua One', cursive, arial, sans-serif;
*/

/*----------------

Image personnage

-----------------*/
#imgWrapper{ overflow: hidden; height: 950px; position: absolute; width: 100%; }
#imgContainer{ width:996px; position: relative; margin: 0 auto;   top:200px;}
#imgContainer img { position:absolute; z-index: 100; top:-50px; z-index: 100;}
.leftPerson { right: 640px; }
#imgContainer img.leftPerson.girl { top:150px; }

/*----------------

Body

-----------------*/
body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; background:#E7EBE1 url(../images/layout/bg-bogy.png) center top no-repeat; }
/* Clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { zoom: 1; }  /* Trigger haslayout for IE 7 and below */

/*sitewrapper*/

/*Wrappers*/
#siteWrapper { position:relative; z-index:0; }
#header, #content, #footer { width:960px; margin:0 auto; position:relative; }


/*----------------

header

-----------------*/
#header { height:306px; }
#headerWrapper { background:url(../images/layout/bg-content-top.png) right bottom no-repeat; float:left; width:960px; height:306px; }
#logo { background:url(../images/layout/scootterre-header.png) 0 0 no-repeat; float:left; width:366px; height:47px; position:absolute; left:0; top:85px; }
#logo a { float:left; width:366px; height:47px; text-indent:-3000px; overflow:hidden; }
#slogan { color:#1AA5D7; font-family: 'Lilita One', cursive, arial, sans-serif; font-size:35px; line-height:35px; position:absolute; left:164px; top:148px; }
#logoScootterre { position:absolute; top:97px; left:575px; }
/*topNav*/
#topNav { position:absolute; top:0; right:10px; }
#topNav li { font-family: 'Patua One', cursive, arial, sans-serif; font-size:15px; float:left; display:block; padding:0 15px; }
#topNav li a { color:#FFF; text-decoration:none; line-height:50px; float:left; }
#topNav li a:hover, #topNav li a.active { text-decoration:underline; }
/*mainNav*/
#mainNav, #menu-principal { position:absolute; top:206px; right:0px; }
#mainNav li, #menu-principal li { float:left; width:100px; text-align:center; height:58px; }
#mainNav li a, #menu-principal li a { color:#41A62A; text-decoration:none; font-family: 'Patua One', cursive, arial, sans-serif; font-size:15px; line-height:18px; width:100px; height:37px; padding-top:18px; float:left; background:url(../images/layout/sprite-main-nav-ul.png) left top no-repeat; }
#mainNav li.twoLine a, #menu-principal li.twoLine a { padding-top:10px; height:45px; }
#mainNav li a:hover, #mainNav li a.active, #menu-principal li a:hover, #menu-principal li.current-menu-item a { background-position:right top; color:#FFF; }
/*----------------

content

-----------------*/
#contentWrapper { width:960px; float:left; }
#contentContent { width:596px; min-height:360px; background:#FFF; float:right; margin-right:2px; padding:0 32px; position:relative; }
h2 { color:#213886;  font-family: 'Lilita One', cursive, arial, sans-serif; font-size:35px; line-height:35px; }
h3, h2.title { color:#41A62A;  font-family: 'Lilita One', cursive, arial, sans-serif; font-size:22px; line-height:22px; }
p { padding-top:20px; color:#666; font-size:14px; line-height:16px; }
p strong { font-weight:bold; color:#213886; }
#contentContent ul { padding-left:15px; margin-top:25px; }
#contentContent ul li { list-style-image:url(../images/layout/bullet-blue.png); list-style-position: outside; color:#666; font-size:14px; line-height:18px; }
p + h3 { padding-top:50px; }
/*financement*/
.logofinancement, .alignnone { position:absolute; bottom:0; right:0; }
/*models*/
.modelBox { margin-top:20px; position:relative; height:312px; }
.modelBox div.titleNpriceBox { position:absolute; top:27px; left:390px; z-index:200; }
.modelBox div.titleNpriceBox h3.title, .modelBox div.titleNpriceBox h2.title { margin:0; padding:0; }
.modelBox div.titleNpriceBox p { margin:0; padding:10px 0 0; font-size:40px; font-family: 'Lilita One', cursive, arial, sans-serif; color:#203885; position:relative;}
.modelBox div.titleNpriceBox p.promoNow span { position:absolute; width:100%; top:16px; left:-3px; height:5px; background:#000; }
.modelBox div.titleNpriceBox p.note { font-size:13px; color:#666; font-weight:normal; font-family:Arial, Helvetica, sans-serif; margin-top:5px; }
*+html .modelBox div.titleNpriceBox p.promoNow span { top:32px; }
.modelBox div.titleNpriceBox p + h2.title { margin-top:20px; }
.modelBox div.titleNpriceBox .promo { color:#FF0000; }
.characteristic { position:relative; float:left; border-bottom:1px solid #B2B2B2; }
.characteristic h3 { padding:0; margin:0 0 20px; }
.characteristic div { float:left; display:block; width:297px; padding:5px 0; border-bottom:1px solid #B2B2B2; color:#41A62A; font-weight:bold; font-size:13px; line-height:15px; }
.characteristic div.last { border:none; }
.characteristic div span { font-weight:normal; color:#666; }
/*facebook*/
.facebookPartage a { background:url(../images/layout/facebook-coda.png) 0 0 no-repeat; text-indent:-3000px; overflow:hidden; height:40px; float:left; width:232px; }
.facebookPartage a:hover { background-position:0 bottom; }

/* coda slider style overwrite */
.coda-nav { float:left; position:absolute; left:-213px; top:56px; width:232px!important; overflow:hidden; }
#contentContent .coda-nav ul { clear: both; display: block; margin:0; padding:0; width:232px!important; overflow: hidden; }
#contentContent .coda-nav ul li { display: block; float:left; clear:both; width:232px; font-family: 'Patua One', cursive, arial, sans-serif; font-size:15px; line-height:40px; }
#contentContent .coda-nav ul li a { background:url(../images/layout/sprite-sub-nav.png) left top no-repeat; background-color:none; color:#203885; display: block; float: left; width:180px; height:40px; margin:0; padding:0 32px 0 20px; text-decoration: none; }
#contentContent .coda-nav ul li a:hover, #contentContent .coda-nav ul li a.current { background-color:none; background-position:left bottom; color:#FFF; }
.coda-slider, .coda-slider .panel { width: 595px; }
.coda-slider .panel-wrapper { padding:0; }
.coda-slider { background: #FFF; min-height: 663px!important; }
.coda-slider.electric { background: #FFF; min-height: 500px!important; }

/* galleriffc styling */
div.loader { position: absolute; top: 0; left: 0; background-image: url(loader.gif); background-repeat: no-repeat; background-position: center; width: 375px; height: 312px;}
#slideshow .image-wrapper { float:left; clear:both; width:100%; height:auto; }
div.slideshow a.advance-link { display:block; float:left; text-decoration:none; float:left; width:410px; height:312px; line-height:312px; }
div.slideshow-container { position: relative; clear: both; height: 312px; }
div.navigation div.top { display:none; }
#contentContent .navigation ul { padding-left: 0; margin-top: 0; }
.navigation { position:absolute; left:392px; top: 180px; z-index:30000; }
.navigation p { font-size:15px; color:#203885; font-family: 'Lilita One', cursive, arial, sans-serif; margin-bottom:18px; }
a.advance-link img { width:375px; border:none; height:285px; float:left; }
*+html a.advance-link img { float:none; }
a.thumb img { width:25px; height:25px; }
#contentContent  ul.thumbs li { float: left; padding: 0; margin: 5px 5px 5px 0; list-style: none; list-style-image:none; }

/*----------------

modal

-----------------*/
a#modalHome { position:absolute; top:0; left:0; display:none; }
#mask { position:absolute; top:0; left:0; z-index:9000; background: #ddedd3; display:none; }  

.modalWindow { position: fixed; display:none; z-index:9999; padding: 0; width: 438px; height:438px; background:url(../images/layout/bg-modal.png) 0 0 no-repeat;  }

.modalWindow .closeBox { padding: 15px 15px 0 15px; height: 29px; margin: 28px 51px 0 0; }
.modalWindow .closeBox a { width: 115px; height:44px; display: block; float: right; text-indent: -3000px; overflow: hidden; background: url(../images/layout/modal-close.png) 0 0 no-repeat; }
.modalWindow h1 { background:url(../images/layout/courez-la-chance.jpg) 0 0 no-repeat; text-indent:-30000px; overflow:hidden; width:274px; height:115px; margin-left:80px; }
.modalWindow a.participate { background:url(../images/layout/btn-participer.jpg) 0 0 no-repeat; margin:10px 0 10px 95px; text-indent:-3000px; overflow:hidden; width:246px; height:43px; float:left; }
.modalWindow p { clear:both; background:url(../images/layout/concours-rythmefm.jpg) 0 0 no-repeat; text-indent:-3000px; overflow:hidden; margin-left:78px; }
.modalWindow a.rythmeFM { float:left; display:block; margin:10px 0 0 141px; }
.modalWindow a.shareFacebook, .modalWindow a.shareFabook { clear:both; float:left; margin:10px 0 10px 150px; }
 
/*----------------

footer

-----------------*/
#footer {}
#footerWrapper { background:url(../images/layout/bg-content-bot.png) right top no-repeat; float:left; width:960px; padding-top:96px; }
#footerContent { background:url(../images/layout/border-footer.jpg) left top no-repeat; width:960px; padding-top:20px; }
/*address*/
#address { float:left; width:195px; }
#address h3 { text-indent:-3000px; overflow:hidden; background:url(../images/layout/scootterre-footer.png) 0 0 no-repeat; margin:10px 0 5px; }
#address p { color:#797D78; font-size:13px; line-height:15px; padding:0 0 15px; }
#address span.spacer { float:left; width:78px; }
/*googlemap*/
#googleMap {float:left; width:230px; height:170px; background:url(../images/layout/google-map.jpg) 0 0 no-repeat; }
#googleMap a { float:left; width:230px; height:170px; position:relative; text-decoration:none; }
#googleMap a span { position:absolute; right:0; bottom:0; color:#FFF; background:url(../images/layout/btn-map.jpg) right top no-repeat; height:30px; padding: 0 30px 0 8px; font-size:16px; line-height:30px; font-family: 'Patua One', cursive, arial, sans-serif; }
#googleMap a:hover span { background-position: right bottom; }
/*openinghours*/
#openingHours { float:left; width:242px; padding:0 30px 0 25px; }
#openingHours h3 { text-transform:uppercase; font-family: 'Lilita One', cursive, arial, sans-serif; font-size:18px; color:#3FA327;  }
#openingHours p { font-size:13px; line-height:14px; color:#797D78; padding-top:3px; }
#openingHours p span { float:right; }
*+html body #openingHours p span { float:none; padding-left:10px; }
/*contact form*/
#contact { float:left; }
form#contactMail { float:left; padding:0; width:237px; height:200px; }
form input.noBot {display: none;}
form#contactMail h3 { text-transform:uppercase; font-family: 'Lilita One', cursive, arial, sans-serif; font-size:18px; line-height:25px; color:#1F3885; }
form div { float:left; clear:left; position:relative; height:38px; }
form div.message { height:auto; }
form div#submitMessage { float:left; clear:both; margin-left:509px; height:40px; }
form#contactMail div#submitMessage { float: right; height: 40px; margin:3px 8px 0 0; }
form label { font-size:13px; color:#1F3885; position: absolute; left:5px; top:10px; z-index:100; width:240px; font-size:12px; position:absolute; left:5px; top:10px; }
form input { width:215px; height:25px; background:#FFF; border:1px solid #CCC; margin-bottom:7px; font-size:12px; color:#1F3885; padding:5px 5px 0 5px; -moz-box-shadow: inset 0 0 5px #CCC; -webkit-box-shadow: inset 0 0 5px #CCC; box-shadow: inset 0 0 5px #CCC; }
form div#submitMessage input { font-family: 'Patua One', cursive, arial, sans-serif; font-size:18px; color:#E7EBE1; background:#203885; border:none; height:27px; width:auto; padding:1px 8px 5px; cursor:pointer;  -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }
form div#submitMessage input:hover { background:#203885; color:#FFF; }
form textarea { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#999; padding:5px 5px 0 5px; width:215px; max-width:215px; height:55px; max-height:55px; background:#FFF; border:1px solid #CCC; -moz-box-shadow: inset 0 0 5px #CCC; -webkit-box-shadow: inset 0 0 5px #CCC; box-shadow: inset 0 0 5px #CCC; }
form div label.error { color:#F00; font-size:10px; text-align:right; text-transform:none; border:1px solid #F00; width:220px; height:20px; top:0; left:0; padding:10px 5px 0 0; }
form div.message label.error { width: 220px; height: 50px; }
form h4 { font-weight:bold; color:#1F3885; font-size:18px; }
/*copyrights*/
#copyrights { float:left; clear:both; text-align:right; margin:35px 10px 0 0; padding:0 0 10px; width:100%;r }
#copyrights p, #copyrights p a { font-size:11px; line-height:13px; color:#797D78; text-decoration:none; }
#copyrights p a:hover { text-decoration:underline; }
#copyrights p span { float:right; }
#copyrights p a.influenza { text-indent:-3000px; overflow:hidden; background:url(../images/layout/logo-influenza-footer.png) 0 0 no-repeat; width:90px; height:12px; text-align:left; float:right; margin:2px 0 0 5px; clear:none;}