/*
Theme Name: Yam26
Theme URI: http://underscores.me/
Author: Patrick Roux
Author URI: http://www.patrickroux.fr
Description: Made for Yam 26 Montélimar
Version: 1.0-wpcom
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: yam26
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

 yam26 is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/




/*--------------------------------------------------------------
1 Surcharge sous-titres
--------------------------------------------------------------*/

.page-header div.sub-page-header{
    width: 100%;
    height: 21px;
    padding: 0;
    margin: 0;
    
    font-size: 14px;
    line-height: 16px;
    height: 16px;
    color: #000000;
    padding-bottom: 5px;
}

/*--------------------------------------------------------------
2 Galleries
--------------------------------------------------------------*/
.gallery {
    margin-top: 80px;
    margin-bottom: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
}

.gallery-content{
    background: #fff;
    width: 96%;
    margin-top: 0px;
    padding: 10px 2%;
    font: 15px/20px "gft_yamaha_motorregular";
    height: 60px;
}

.gallery-content a.box-link{
    padding: 10px 2%;
    font: 13px/15px "gft_yamaha_motorregular";
    float: right;
}

.gallery-thumb img, .gallery-thumb a    img{
    width: 100%;
    height: 150px;
    margin-top: 2px;
    margin-bottom: 2px;
    display: block;
}

.gallery h1{
    display: block;
    font: 20px/20px "gft_yamaha_motorregular";
    line-height: 40px;
    width: 100%;
    background: #fff;
}

.gallery-columns-3 {
    width: 33%;
    height: 280px;
}


/* Basic jQuery Slider essential styles */
#slider ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow: visible; display:none;height: 205px !important;}
#slider li.bjqs-slide{position:absolute; display:none;height: 205px !important;}
#slider li.bjqs-slide img{max-height: 150px; min-width: 100%; margin-top: 2px;}
#slider ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
#slider ul.bjqs-controls.v-centered li a{position:absolute;}
#slider ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
#slider ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
#slider ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%; background: #fff; height: 29px;}
#slider ol.bjqs-markers.h-centered{text-align: center;}
#slider ol.bjqs-markers li{display:inline; }
#slider ol.bjqs-markers li a{
    display:inline-block; 
    padding: 0px 6px 6px 6px; 
    background: #A60000; 
    margin: 0px 7px;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
}#slider ol.bjqs-markers li.active-marker a{
    background: #F60000; 
}
#slider p.bjqs-caption{display:block;margin:0;position:absolute;bottom:0; background: #fff;}
#slider p.bjqs-caption {
    background: #fff;
    width: 96%;
    margin-top: 2px;
    padding: 10px 2%;
    font: 15px/20px "gft_yamaha_motorregular";
    height: 37px;
    top: 152px;
}




/*--------------------------------------------------------------
3 Galleries Fiches moto
--------------------------------------------------------------*/

.gallerie-fichemoto{
    padding: 0px 0px 50px 0px;
    
}
.zoomWrapper img{
    width: 495px;
    height: 369px;
    margin-bottom: 20px;
    display: block;
}
.gallerie-fichemoto #gallerie{
    margin-top: 20px;
    text-align: center;
}
.zoomWrapper{
    padding: 0px;
    background: none repeat scroll 0% 0% #FFF;
    float: left;
    margin-bottom: 20px;
}



/*--------------------------------------------------------------
4 Commentaires
--------------------------------------------------------------*/

.comments-area{
    margin-top: 20px;
    background: #fff;
    padding: 20px 40px;
}

.comments-area h2, .comments-area h2 span{
    font: 20px/20px "gft_yamaha_motorregular";
}

.comments-area .comment{
    padding: 20px 0px 0px 0px;
}

.comments-area ol,
.comments-area ul,
.comments-area li{
    list-style-type: none;
}


/*--------------------------------------------------------------
5 Ajustements catégories
--------------------------------------------------------------*/



.post-type-archive-fichemoto div.c_segments,
.post-type-archive-fichemotoneuve div.c_segments,
.tax-categorie_moto div.c_segments,
.tax-brands div.c_segments{
    margin-top: 20px;
}


/*--------------------------------------------------------------
6 Liste produits
--------------------------------------------------------------*/


.listeProduits{
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 100%;;
    min-height: 300px;
    display: table;
    
}

.listeProduits .produit{
    display: table-cell;
    width: 31%;
    padding: 1%;
    /*border-left: 1px solid #ddd;*/
    /*border-bottom: 1px solid #ddd;*/
    float: left;
    height: 210px;
    
    -webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
}

.listeProduits .verticalSep{
    display: block;
    height: 210px;
    width: 0px;
    border-left: 1px solid #eee;
    float: left;
    padding: 1% 0%;
        
}
.listeProduits .horizontalSep{
    display: inline-block;
    height: 1px;
    width: 100%;
    border-top: 1px solid #eee;
    float: left;
    padding: 0%;
        
}

.listeProduits hr.lineProduit{
    display: inline-block;
    margin: -1px;
    padding: 0px;
    border-top: 0px solid rgb(221, 221, 221);
    width: 100%;
    float: left;
}

.sort {
    float: right;
    
    -webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
}

.main-container .sort span{
    font-size: 14px;
    margin-bottom: 3px;
    float: left;
    margin: 0px 5px 0px 20px;
}

.main-container .sort img{
    height: 15px;
    border-bottom: 3px solid transparent;
    padding-top: 2px;
    float: left;
    margin: 0px 1px;
    
    -webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
}

.main-container .sort img:hover{
    border-bottom: 3px solid #f02b22;
    cursor: pointer;
}


/* Fiche moto 
--------------------------------------------------------------*/


.contenuFicheMoto{
    background: #ffffff url('yamaha/img/bg_dotted.jpg') top left repeat;
    margin: 0px 30px 0px 0px;
    padding: 10px 20px;
    font-family: "gft_yamaha_motorregular";
}

img.thumb-liste-occasions{
    display: block;
    width: 300px;
}

.listeProduits .segmentTitle span{
    color:#949697;
    text-align:left;
    font-size:12px;
    min-height:98px;
    margin:0 auto;
    width:160px;
    padding-top:10px;
}

.listeProduits .segmentTitle h2.nomFicheMoto{
    font-size: 15px;
}

.listeProduits .segmentTitle span.subtitle{
    min-height: 35px;
    display: inline-block;
    width: 100%;
}

body.single-fichemotoneuve .main-container .txtbutton,
body.single-fichemotoneuve .main-container section#section{
    display: none;
}

span.prixbarre{
    text-decoration: line-through;
    font: normal 12px/20px Arial;
}


/*--------------------------------------------------------------
7 utilitaires
--------------------------------------------------------------*/

.no-padding,
.general-content.no-padding,
.general-content.no-padding ul{
    padding: 0px;
    margin: 0px
}

.displaynone{
    display:none;
}

.font-yamaha, .font-yamaha h2{
    font-family: "gft_yamaha_motorregular";
}

.splitbottom{
    border-bottom: 1px solid #ddd;
    padding: 10px 0px 20px 0px;
}





/*--------------------------------------------------------------
7 PAGE CONTACT
--------------------------------------------------------------*/


.error{
    padding: 15px;
    border: 1px solid red;
    color: #A60000;
    border-radius: 3px;
    width: 80%;
    margin: 0px 0px 20px 0px;    
    background: #F2DEDE;
}

.success{
    padding: 5px 9px;
    border: 1px solid green;
    color: green;
    border-radius: 3px;
}

form span{

}

#mapetcontact{    
    width: 90%;
    text-align: center;
    min-height: 400px;
}
#map{
    width: 100%;
    height: 100%;
    display: inline-block;
    float: left;
    margin: 50px auto 20px auto;
}
#respond{
    width: 95%;
    height: 100%;
    display: inline-block;
    float: right;
    margin-top: 10px;
}
#respond h3{
    margin-bottom: 20px;
}
#respond p{
    margin-top: 0px;
}


#respond input, #respond textarea{
    width: 90%;
    height: 25px;
    background: #fff;
    border: 1px solid #F60000;
}

#respond textarea{
    height: 140px;
}
#respond input[type="submit"]{
    color: #fff;
    background: #F60000;
    padding: 10px;
    margin: 0px;
    width: 92%;
    height: 40px;
}
#respond input[type="submit"]:hover{
    cursor: pointer;
    background: #A60000;
}

.horaires-adresse{
    float: left;
    width: 45%;
}
.horaires-contact{
    float: right;
    width: 55%;
}





/*--------------------------------------------------------------
7 albumphoto
--------------------------------------------------------------*/

.entry-content .albumphoto span{
    font: 15px/15px "gft_yamaha_motorregular";
    padding: 15px;
}
.entry-content .albumphoto{
    margin: 0px 30px 10px 0px;
}

.epa-album .epa-image a img{
    display: inline-block;
    margin-right: 20px;
}
.epa-album p{
    display: none;
}