/*
Theme Name: Theme Les Vélos de Victor destock et mobile
Description: webdesign pour wordpress 2020
Author: Alain Belleil webdesigner www.alainbelleil.fr, et Christelle Glemin integratrice Wordpress www.coderedac.fr
*/

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,input,textarea{
padding:0;
border:0;
margin:0;
vertical-align:baseline;
font-size:100%;
font-weight: normal;
box-sizing:border-box;
}
*:before, *:after {
box-sizing:  border-box !important;
}
ol,ul{
list-style:none;
}
blockquote,q{
quotes:none;
}
blockquote:before,
blockquote:after,
q:before,
q:after{
content:'';
content:none;
}
table{
border-collapse:collapse;
border-spacing:0;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
display:block;
}
.comment{
display: none;
}
/*-----------------Largeur---------------------------------------------------------------------*/

.widzmain{
    padding-left:80px;
    padding-right: 80px;
    width: 1280px;
    margin:0px auto;
}

/*-----------------IMAGES---------------------------------------------------------------------*/
img{
    display:block;
    border: none;
    max-width: 100%;
    height: auto;
}

/*-----------------LIENS texte inline----------------------------------------------------------------*/
a,.gestioncookie, a.read-more{
     -moz-transition: all 0.2s ease-in;
     -ms-transition: all 0.2s ease-in;
     -o-transition: all 0.2s ease-in;
     transition: all 0.2s ease-in;
    cursor:pointer;
    text-decoration: none;
}
a.read-more{
    color: #d34e39;
    border-bottom: 1px solid;
}
a:hover,.gestioncookie:hover,a.read-more:hover {
    border-bottom: 0px solid;
}
.underline{
    border-bottom: 1px solid;
}

/*----------------- LIENS sous forme de bloc------------------------------------------------------------------------------------*/
a.bt,.bt{
    display: block; 
    position: relative;
    background-repeat: no-repeat;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in; 
}
.page_content_entry a.read-more, a.read-more{
    
}
.bt_essayer {
    height: 60px;
    background-color: #d34e39;
    background-image:url(lesvelosde_img/picto_essayer.png);
    background-position: 91% 10px;
    width: 280px;
    padding: 20px 15px;
    font-size: 22px;
    cursor: pointer;
    color:#fff !important;
    border-bottom: 0px!important;
    font-family: 'Oswald', sans-serif;
}
.bt_essayer:hover {
    background-color: #185d74;
    background-position: 95% 10px;
}
.bt_essayer::before {
    content:"";
    position: absolute;
    top:0px;
    left:-15px;
    height : 0;
    width : 0;
    border-bottom : 60px solid #d34e39;/*hauteur*/
    border-left : 15px solid transparent; 
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in; 
}
.bt_essayer:hover:before{   
    border-bottom : 60px solid #185d74;
}
#bt_voir{
    background-image:none;
    width: 150px;
    position: relative;
    left: 20px;
    padding: 12px;
    height: 40px;
    margin-bottom: 30px;
    font-size: 1.2em;
    line-height: 1.1em;
}
a#bt_voir::before {
    border-bottom : 40px solid #d34e39;
}
a#bt_voir:hover:before {
    border-bottom : 40px solid #185d74;
}
#bt_retour,#bt_constructeur,#bt_voirtout{
    padding: 10px 10px 10px 20px;
    cursor: pointer;
    color:#fff ;
    width: 225px;
    background: #d34e39;
    border:1px solid;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    border-radius:8px;
    text-align: center;
    margin-bottom: 10px;
}
#bt_retour {
    max-width: 438px;
    width: 100%;
}
#bt_retour:before{
    content: "<";
    position: absolute;
    top:10px;
    left: 20px;
    font-size: 1.4em;
}
#bt_retour:hover,#bt_voirtout:hover{
    color: #d34e39;
    background: #fff;
    
}
#bt_constructeur{
    background: #fff;
    color: #d34e39;
    width: 70%;
    margin: 0px auto;
    padding: 7px;
    font-size: 0.9em;
}
#bt_constructeur:hover{
    background: #d34e39;
    color: #fff;
}
#bt_voirtout{
    padding: 13px 10px;
    width: 140px;
    margin: 0px auto;
    font-size: 1.2em;
}
#bt_voirtout span {
	border-bottom: 1px solid;
}
/*-----------------BODY --et WRAP----------------------------------------------------------------------------------*/
body {
    /*! background:url(maquettes/maquette-essayer.jpg)no-repeat 50% 0px; */
    /*! opacity:0.6; */
    background: #185d74;
    font-family:Arial,Verdana,sans-serif;
    font-family: 'Josefin Sans', sans-serif;
    line-height: 1em;
    color:#262626;
    font-weight: 400;
    opacity:1;/* 0 pour fadein ouverture page*/
    min-width: 1280px;
}
#wrap{
    background: #fff;
    min-width: 280px;
}
/*-----------------HEADER------------------------------------------------------------------------------------*/
#header {
    position: fixed;
    left: 0px;
    right: 0px;
    z-index: 3;
    margin: 0px auto;
    width: 1280px;
    background: #fff;
    height: 263px;
}
#header.small{
    height: 110px;
}
#tel_header,#bt_essai_mob {
  display: none;
}
#logo ,#header img{
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
#header_content{
    display: flex;
    flex-flow: row wrap; 
    height: 100%;
    padding: 0px;
    position: relative; 
}
#header.large #header_content{
    justify-content:flex-start;
    align-items: center;
    background:url(lesvelosde_img/bord_header.png)no-repeat 0% bottom;
}
#header.small #header_content{
    align-items: flex-start;
    justify-content:center;
    background: none;
}
#header.large #logo{
    position: relative;
    margin: 15px 33px 0px 80px;
    width: auto;
}
#header.small #logo{
    width: 50px;
    margin-top: 10px;
}

/*-----------menu navtoptop ------------*/

#header.large #navtoptop{
    background: #185d74;
    position: absolute;
    top: 0px;
    right: 0px;
}
#header.small #navtoptop {
   display: none;
}
#navtoptop:before{
    content:"";
    position: absolute;
    top:0px;
    left:0px;
    height : 0;
    width : 0;
    border-right : 20px solid transparent;
    border-bottom : 40px solid #fff; /*hauteur*/
}
#navtoptop ul{
    display: flex;
    flex-flow: row wrap;
    justify-content:center;
    align-items: center;
    height: 100%;
    padding-left: 25px;
}
#navtoptop ul li{
    position: relative;
    margin: auto 15px;
    height: 100%;
    padding: 10px 0px;
}
#navtoptop a{
    color:#fff;
    position: relative;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in; 
    font-size: 1.1em;
}
#navtoptop .header_mail a {
    text-decoration: underline;
    font-size: 0.85em;
}
#navtoptop .header_mail a:hover{
    text-decoration: none;
}
#navtoptop .header_adresse a {
    font-size: 0.85em;
    padding-right: 25px;
}
#navtoptop .bt_essayer {
    background-position: 87% bottom;
    width: 220px;
    padding-top: 12px;
    flex: 1;
    margin-right: 0px;
    height: 40px;
    padding-left: 20px;
    background-size: 55px;
    font-size: 15px;
}
#navtoptop .bt_essayer:hover {
    background-color: #fff;
    background-image:url(lesvelosde_img/picto_essayer_hover.png);
    background-position: 90% bottom;
}
#navtoptop .bt_essayer:hover a{
   color: #d34e39; 
}
#navtoptop .bt_essayer:before {
    border-bottom : 40px solid #d34e39;/*hauteur*/
    border-left : 15px solid transparent; 
}
#navtoptop .bt_essayer:hover:before{   
    border-bottom : 40px solid #fff; 
}
/*-----------menu navtop ------------*/
#navtop_mobile{
    display: none;
}
#navtop_bt{
    display: none;
}
#navtop{
    height: 35px;
    margin-left: 50px;
    margin-top: 20px;
}
#navtop ul{
    display: flex;
    flex-flow: row wrap;
    justify-content:center;
    align-items: center;
    height: 100%;
}
#navtop ul li{
    position: relative;
    margin: auto 20px;
    height: 100%;
}
#navtop a{
    color:#262626;
    position: relative;
    text-transform: uppercase;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in; 
    font-size: 1.1em;
    font-family: 'Oswald', sans-serif;
}
#navtop ul li:last-child {
    margin-right: 0px;
}
#navtop ul > li.bleu > a:hover{
    color:#185d74;
}
#navtop ul > li.rouge > a:hover{
    color:#d34e39;
}
#navtop > div {
    height: 100%;
}
#navtop .rouge,#navtop .bleu{
    border-bottom:2px solid #d34e39;  
}
#navtop .bleu{
    border-bottom:2px solid #185d74;
    
}
/*----navtop---sous menu deroulant---------*/

#navtop ul ul {
    display:none;
    position: absolute;
    z-index: 2000;
    top: 28px;
    height: auto;
    left: 0px;
}
#navtop ul li:hover > ul{
    display: block;
}
#navtop ul ul li{
    width: 190px;
    padding: 0px;
    margin: 0px;
    border-bottom: 1px solid #fff;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
#navtop ul li.bleu ul li{
    background: #185d74;
}
#navtop ul li.bleu ul li:hover,#navtop ul li.bleu ul li.current-menu-item{
    background: #d34e39;
}
#navtop ul li.rouge ul li{
    background: #d34e39;
}
#navtop ul li.rouge ul li:hover,#navtop ul li.rouge ul li.current-menu-item{
    background: #185d74;
}
#navtop ul ul li:last-child{
    border-bottom: 0px;
}
#navtop ul ul li a{
    color: #fff;
    font-weight: 400;
    display: block;
    position: relative;
    padding: 10px 10px 10px 10px;
    font-size: 0.9em;
    text-transform: initial;
}

/*----bordure grise---------*/
#header_border{
    background: #efefef;
    
    height: 20px;
    color: #185d74;
    font-size: 0.75em;
    text-transform: uppercase;
    margin-left: 360px;
    text-align: right;
    padding: 4px 80px;
    position: relative;
    bottom: 26px;
}
#header.large #header_border{
    width: 920px;
}
#header.small #header_border{
    width: 100%;
    margin-left: 0px;
    bottom: 0px;
}
/*----header_reseaux---menu---------*/
#reseau_wrap {
    width: 100%;
    margin-right: 80px;
}
#header_reseaux{ 
    font-family: 'Damion', cursive;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content:flex-end;
    align-items:center;
    color:#d34e39;
    font-size: 1.4em;
    position: relative;
    top: -10px;
}
#header.small #header_reseaux{
    display: none;
}
#header_reseaux p {
	font-size: 1em;
	margin-right: 15px;
}
#header_reseaux ul{
    display: flex;
    flex-flow: row wrap;
    justify-content:center;
    align-items: center;
}
#header_reseaux ul li{
    position: relative;
    margin: auto 5px;
    padding: 10px 0px;
}
#header_reseaux a{
    color:#185d74;
    position: relative;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in; 
    font-size: 26px;
    font-family: 'Damion', cursive;
}
#header_reseaux a:hover{
    color: #d34e39;
}
#header_reseaux ul li:last-child {
    margin-right: 0px;
}
/*-----------------FOOTER------------------------------------------------------------------------------------*/
#footer {
    background:#efefef;
    clear:both;
    position: relative;
    padding-bottom:20px;
}
#footer:before,
.page-template-page_accueil .page_content_entry:before{
    content: "";
    height : 0;
    width : 0;
    border-bottom : 60px solid #efefef;
    border-left : 260px solid transparent;
    display: block;
    top: -60px;
    right: 0px;
    position: absolute;
}
#footer_content {
    display: flex;
    flex-flow: row wrap;
    justify-content:flex-start;
    align-items: flex-start;
    position: relative;
    padding-top: 65px;
}
#footer_content .col {
    margin:0px auto;
}
#footer_content .col a {
    color: #262626;
    text-decoration: underline;
    font-weight: 400;
}
#footer_content h3 {
    color: #262626;
    font-size: 1em;
    margin-bottom: 20px;
    line-height: 1.1em;
    font-weight: 800;
}
#col_logo {
    color: #185d74;
    margin-top: -30px;
    position: relative;
    top: -35px;
}
#footer_content div#col_logo a  {
    color:#185d74;
    display: block;
}
#logo_footer {
    margin-bottom: 30px;
}
#adresse_bloc {
    font-style: normal;
    margin-bottom: 25px;
    line-height: 1.1em;
}
#footer_content a#tel_footer {
    text-decoration: none;
    font-size: 1.2em;
    margin-bottom: 20px;
    font-weight: 600;
    line-height: 1.1em;
}
#footer_content a#mail_footer {
    
    margin-bottom: 5px;
}
#footer_content a#mail_footer:hover,#footer_content .col ul li a:hover{
    text-decoration: none;
}
#footer_content .col ul li{
    margin: 3px 0px;
}
#horaire_footer {
    font-size: 0.9em;
}
/*-----------menu navbottom ------------*/
#navbottom{
    font-size: 1.5em;
    display: flex;
    flex-flow: row wrap;
    justify-content:flex-end;
    align-items: center;
    margin: 0px auto;
    position: absolute;
    bottom: 75px;
    right: 70px;
}
#navbottom ul{
    display: flex;
    flex-flow: row wrap;
    justify-content:center;
    align-items: center;
}
#navbottom ul li{
    position: relative;
    margin: auto 12px;
}
#navbottom li:first-child a{
   text-decoration: none;
    cursor:default;
}
#navbottom li:first-child a:hover{
   text-decoration: none;
}
#navbottom a{
    color: #262626;
    text-decoration: underline;
    font-size: 0.6em;
}
#navbottom li a:hover, #navbottom li.current-menu-item > a{
    text-decoration: none;
}
body:not(.page-id-30) .webdesign{/*ici page accueil*/
    display: none;
}
.page-id-30 .realisation{/*ici page accueil*/
    display: none;
}
/*-----------------CONTENU ADMINISTRABLE (page et article) ---------------------------------------------*/

/*contenu administrable*/
.page_wrap{
    padding-top:260px;/*selon hauteur header*/
    position: relative;
}
.page_container {
    z-index: 1;
    position: relative;
    padding-top: 40px;
    padding-bottom: 20px;
}
.page_container_content{
}
.page_title_entry{
    font-size: 2.15em;
    line-height: 1.2em;
    color: #d34e39;
    text-transform: uppercase;
    margin-bottom: 60px;
    text-align: center;
    font-weight: 600;
}
.page_content_entry h2, .page_content_entry h3,.page_content_entry h4{
    font-weight:600;
    margin-bottom: 20px;
    line-height: 1.1em;
}
.page_content_entry h2{
    font-size: 1.4em;
    color: #185d74;
}
.page_content_entry h3{
    font-size: 1.2em;
    color: #d34e39;
}
.page_content_entry h4 {
    font-size: 0.9em;
}
.page_content_entry p{
    margin-bottom: 20px;
    line-height: 1.3em;
}
.page_content_entry a{
    border-bottom: 1px solid;
    color: #262626;
}
.page_content_entry a:hover{
    border-bottom: 0px;
}
strong{
    font-weight: 600;
}
.page_content_entry .blocks-gallery-item a {
    border-bottom: 0px;
}
.gallery-item img {
    border: none !important;
    margin: 0px auto;
    padding: 0px 5px;
}
.wp-block-media-text {
    margin-bottom:20px;
}
.clearboth{
    clear: both;
}
.wp-block-columns {
    flex-wrap: nowrap !important;
}
.wp-block-image .alignleft{
    margin-right: 2em!important;
    margin-bottom: 30px;
}
.wp-block-image .alignright{
    margin-left: 2em!important;
     margin-bottom: 30px;
}
.page_content_entry .bt_essayer {
	margin: 55px auto;
}
.page_content_entry #bt_voir {
	margin: 0px 0px;
	width: auto;
	position: absolute;
	top: 0px;
}
#bt_voir_wrap {
	position: relative;
	height: 40px;
	margin: 30px 0px;
}
.page_content_entry ul{
    list-style: initial;
    list-style-position: inside;
    margin-bottom: 20px;
}
.page_content_entry ul li{
    margin-bottom: 10px;
}
.page_content_entry ol {
    list-style: decimal;
    list-style-position: inside;
    margin-bottom: 20px;
}
iframe{
    max-width: 100%;
}
/*-----------------palette couleurs-----------*/
.has-text-color.has-blue-color {
    color: #185d74;
}
.has-text-color.has-red-color {
    color: #d34e39;
}
.has-text-color.has-grey-color {
    color: #efefef;
}
.has-text-color.has-ui-dark-color {
    color: #262626;
}
/*bkg*/
.has-blue-background-color{
    background: #185d74!important;
}
.has-red-background-color{
    background: #d34e39!important;
}
.has-grey-background-color{
    background: #efefef!important;
}
.has-ui-dark-bkg-background-color{
    background: #262626!important;
}
/*-----------Bloc essayer un velo-----------------------------------------------------------------------------------------*/
#essayer_wrap {
    overflow: hidden;
    display: flex;
    flex-flow: row wrap;
    justify-content:flex-start;
    align-items:flex-start;
    background: #fff;
    padding-bottom:0px;
    padding-top: 75px;
}
#essayer_wrap .bt_essayer {
	margin: 0px auto;
	right: 33px;
}
.deuxcol:nth-child(2) {
    flex: 1;
}
.deuxcol:nth-child(1) {
	width: 560px;
	padding: 0px 0px 0px 0px;
}
.deuxcol:nth-child(2) img{
    display: inline;
    vertical-align: top;
    position: relative;
    top: -4px;
    left: 10px;
}

.titredeux {
    color: #185d74;
    font-size: 1.3em;
    margin-bottom: 20px;
    font-weight: 800;
    line-height: 1.3em;
    text-align: center;
    position: relative;
}
.crouge{
    color:#d34e39;
    font-weight: 600;
}
.deuxcol p {
    margin-bottom: 45px;
    margin-top: 50px;
    line-height: 1.2em;
}
.argu_wrap {
    display: flex;
    flex-flow: row wrap;
    justify-content:flex-start;
    align-items:flex-start;
    margin-bottom: 40px;
    margin-left: 20px;
}
.argu_wrap li {
    width: 240px;
    position: relative;
    padding-left: 0px;
    color: #185d74;
    margin: 0px 20px 25px 7px;
    font-weight: 600;
    line-height: 1.3em;
}
.argu_wrap li:before{
    content:url(lesvelosde_img/picto_valid.gif);
    width:50px;
    height:50px;
    position: absolute;
    display: block;
    left: -35px;
}
#instagram_bloc {
}
/*-----------Bloc Tous nos velos-----------------------------------------------------------------------------------------*/
.collection_wrap {
    display: flex;
    flex-flow: row wrap;
    justify-content:flex-start;
    align-items:flex-end;
    background: #efefef;
    padding-top: 45px;
    padding-bottom: 35px;
}
.collection_wrap .titredeux{
    width: 100%;
    margin-bottom: 30px;
}
.collection_wrap a {
    display: block;
    /*margin: 0px auto 0px auto;*/
    width: 16%;
    background: transparent;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    padding-top: 10px;
}
.collection_wrap a img{
    margin: 0px auto 10px auto;
    
    
}
.collection_wrap a:hover{
    background: #fff;
}
.collection_wrap a .picto_titre{
    color: #262626;
    font-size: 0.9em;
    margin-bottom: 20px;;
    line-height: 1.1em;
    text-align: center;
}
/*----------------template page actu-----------------------------------------------------------*/
.page-template-page_news .page_title_entry{
}
.page_news_content {
    display: flex;
    flex-flow: row wrap;
    justify-content:flex-start;
    align-items: center;
    overflow: hidden;
    background: #fff;
}
.page_news_block {
    width: 33%;
    position: relative;
    height: 390px;
    margin-bottom: 40px;
}
.page_news_block_content{
    position: relative;
    padding: 0px 25px;
}
a.page_news_block_img {
    margin-bottom: 25px;
    display: block;
}
.page_news_block_img img{
  margin: 0px auto;
  position: relative;
  overflow: hidden;
}
.page_news_block_content_title {
    font-size: 1.3em;
    margin-bottom: 10px;
    line-height: 1.1em;
}
.page_news_block_content_title a {
    color: #d34e39;
}
.page_news_block_content_title a:hover {
    color: #0b588e;
    text-decoration: none;
}
.page_news_block_content p{
    margin-bottom: 10px;
    font-weight: 400;
    line-height: 1.1em;
}
/*----------------single-actu.php pour actu--------------------------------------------------------------------*/
.single-actu .page_content_entry > p {
    /*! clear: both; */
}
#single_actu_title{
    font-size: 2.2em;
    line-height: 1.1em;
    color:#d34e39;
    position: relative;
    margin-bottom: 0px;
    padding: 30px 0px;
}
.single_content{    
    overflow: hidden;
	width: 90%;
    margin: auto;
}
a.lien_communaute{
    color: #d34e39;
    font-family: 'Damion', cursive;
    font-size: 1.1em;
    border-bottom: 1px solid;
}
a.lien_communaute:hover{
    border-bottom: 0px solid transparent;
}
/*----------------taxonomie cat_actu----la communauté de victor----------------------------------------------------------------*/
.page_title_entry.cat_title{
    color: #185d74;
    font-size: 2.2em;
    margin-bottom: 20px;
    line-height: 1.1em;
    font-family: 'Damion', cursive;
    text-transform: initial;
    background-image: url(lesvelosde_img/pointille.png),url(lesvelosde_img/cargo_pointille.png);
    background-position:50% 50%,78% 0px;
    background-repeat:no-repeat;
    margin-top: 53px;
    padding: 35px 0px;
    font-weight: 400;
}
.bordure_pointille{
    background-image: url(lesvelosde_img/pointille_gd.png),url(lesvelosde_img/voyage_pointille.png);
    background-position:50% 50%,17% 2px;
    background-repeat:no-repeat;
    /*! margin-top: 20px; */
    height: 110px;
    margin: 0px auto;
    background-color: #fff;
}
/*-----------------bloc modeles--avec diaporama----------------------------------------------------------------------------------*/

#modeles_wrap {
   background: #fff;
   padding-bottom: 50px;
}
#modeles.modeles_title {
    margin-bottom: 20px;
    font-weight: 800;
    line-height: 1.1em;
    text-transform: uppercase;
    text-align: center; 
    margin-bottom: 35px;
}
.liste_modeles {
    display: flex;
    flex-flow: row wrap;
    justify-content:flex-start;
    align-items:flex-start;
}
.bloc-modeles {
    width: 23%;
    margin:0px 1% 30px 1%;
    height: 440px;
}
.slider_produit_wrap {
    height: 240px;
    width: 240px;
    margin: 0px auto;
}
.prdt_descr {
    padding: 20px 10px;
    text-align: center;
}
.prdt_title {
    color: #185d74;
    font-size: 1.2em;
    margin-bottom: 20px;
    font-weight: 500;
    line-height: 1.1em;
    height: 30px;
}
.prdt_txt p {
    font-size: 0.9em;
    margin-bottom: 0px;
    font-weight: 500;
    line-height: 1.1em;
    height: 90px;
    overflow: hidden;
    text-align: center !important;
}
/*-----------------diaporama produit-----------*/

.produit_slider_wrap{
    position: relative;
    height: 240px;
    width: 240px;
    border:1px solid #efefef;
    margin: 0px auto;
}
.produit_slider,.produit_slider li, .produit_slider ul{
    height: 100%;
    position: relative;
}
.produit_slider li{
    background-repeat:no-repeat;
    background-position: center center;
}
ol.numericControls{
    text-align: center;
    position: relative;
    bottom: 15px;
    width: 50%;
    margin: 0px auto;
}
ol.numericControls li{
    display: inline-block;
    margin: 0 5px;
    text-indent: -99999px;
}
ol.numericControls li a{
    display: block;
    width: 8px;
    height: 8px;
    background: #fff;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
    cursor: pointer;
    border:1px solid #d34e39;
    }
ol.numericControls li.current a{
    background: #d34e39;
}
.prevBtn, .nextBtn{
    cursor:pointer;
    position: absolute;
    background: #efefef;
    color: #d34e39;
    padding: 3px 10px;
    font-size: 1.1em;
    font-weight: 300;
    bottom: 0px;
}
.prevBtn {
    left: 0px; 
}	
.nextBtn{
    right: 0px;
}

/*-----------------PAGE ACCUEIL-----------------------------------------------------------------------------------*/

.page-template-page_accueil .page_container_content{
    display: flex;
    flex-flow: row wrap;
    justify-content:center;
    align-items:flex-start;
}
/*-----------------collection home-----------*/
#collection_wrap_home{
    width: 530px;
    background: #fff;
    margin-right: 60px;
    padding-top: 0px;
}
#collection_wrap_home.collection_wrap a {
	width: 30%;
	margin-bottom: 0px;
}
#collection_wrap_home .titredeux {
	font-size: 1.2em;
    padding: 0px 80px;
}
/*-----------------home_slider-----------*/
#home_slider_wrap{
    position: relative;
    height: 510px;
    overflow: hidden;
    width: 529px;
}
#home_slider, #home_slider li, #home_slider ul{
    height: 100%;
    position: relative;
}
#home_slider li{
    background-repeat:no-repeat;
    background-position: center top;
}
a.lien_slider_home{
    height: 360px;
}
.home_slider_txt {
	margin-top: 45px;
}
.home_slider_txt p{
    margin-top: 20px;
    line-height: 1.2em;
}
#slider_home_title a{
    font-size: 1.3em;
}
#home_slider_wrap .controls {
    position: absolute;
    top: 362px;
    right: 0px;
    left: 0px;
}
#home_slider_wrap ol.numericControls{
    bottom: -1px;
}
#home_slider_wrap ol.numericControls li{
    margin: 0 10px;
    border:0px;
}
#home_slider_wrap ol.numericControls li a{
    width: 10px;
    height: 10px;
    background: #d34e39;
    }
#home_slider_wrap ol.numericControls li.current a{
    background: #185d74;
    border:1px solid;
}
#home_slider_wrap .prevBtn,#home_slider_wrap .nextBtn{
    background: #d34e39;
    color: #fff;
    padding: 4px 10px;
    font-size: 1.5em;
}
#collection_wrap_home.collection_wrap a:hover {
	background: #efefef;
}
/*-----------------bloc_content_home-----------*/

.page-template-page_accueil .page_content_entry{ 
    background: #efefef;
    position: relative;
}
.bloc_content_home{
    
    padding: 45px 15px 5px 15px;
}
.page-template-page_accueil .page_content_entry:after{
    content: "";
    height : 0;
    width : 0;
    border-top : 70px solid #efefef;
    border-right : 310px solid transparent;
    display: block;
    bottom: -70px;
    left: 0px;
    position: absolute;
}
.page_content_entry .titre_boutiq_home span{
    
    font-size: 1.2em;
    font-weight: 600;
}
.page_content_entry .titre_boutiq_home {
    line-height: 1.5em;
    margin-bottom: 35px;
}
.bloc_content_home figure {
    margin-bottom: 45px;
}
.bloc_content_home .col {
	max-width: 480px;
}
.bloc_content_home .col:nth-child(1) {
    margin-right: 100px;
}
#home_video {
	padding-bottom: 70px;
}
/*-----------------bloc logo-----------*/
#bloc_logo_wrap {
    background: #fff;
    padding-top: 80px;
    padding-bottom: 0px;
}
.owl-carousel .owl-item img{
    /*! width: auto!important; */
}
.owl-carousel .owl-stage{
    display: flex;
    flex-flow: row wrap;
    justify-content:flex-start;
    align-items:center;
    padding-bottom: 0px;
}
/*------------------bloc communaute-------*/

#bloc_communaute_wrap .cat_title {
    margin-top: 0px;
    background-color: #fff;
    max-width: 1280px;
    margin: 0px auto;
}
#bloc_communaute_wrap .bordure_pointille {
    max-width: 1280px;
}
/*------------------bloc essayer------*/
.page-template-page_accueil #essayer_wrap {
    padding-top: 20px;
}
/*-----------------Page "essayer un vélo"------------------------------------------------------------------------------------*/
.page_content_entry .liste_valid li{
    list-style-type: none;
    padding-left: 20px;
    position: relative;
    margin-bottom: 20px;
}
.liste_valid li:before{
    content: url(lesvelosde_img/picto_valid.png);
    position: absolute;
    top:0px;  
    left: -20px;
}
.wp-block-image.img_contact{
    margin-bottom: 50px;
    margin-top: 30px;
}
/*-----------------CF7-----------*/

.wpcf7-form-control-wrap {
    width: 100%;
}
/* formulaire essai velo
------------------------------ */

#formulaire{
    display: flex;
    flex-flow: row wrap;
    justify-content:flex-start;
    align-items: center;
}
#formulaire p label{
    color: #185d74;
    font-size: 1em;
    margin-bottom: 15px;
    font-weight:600;
    display: block;
}
#formulaire .ast{
    color:#d34e39;
    font-size: 1.3em;
    margin: 0px 5px;
}
#formulaire > p{
    width: 46%;
    margin: 0px auto;
    flex-flow: row wrap;
    justify-content:flex-start;
    align-items:flex-start;
    display: flex;
    margin-bottom: 20px;
}
#formulaire input.wpcf7-text,#formulaire select,#formulaire textarea{
    font-size: 0.9em;
    padding: 15px 10px;
    width: 100%;
    border: 1px solid #b6b6b6;
    color: #262626;
    font-family: 'Josefin Sans', sans-serif;
}
#formulaire p.entier{
    width: 96%;
}
#formulaire textarea{
    font-family: 'Josefin Sans', sans-serif;
}
#formulaire select{
    border-radius:0px;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    position: relative;
}
.velo:after,.type:after{
    content: '';
     height : 0;
    width : 0;
    border-top : 13px solid #185d74;
    border-right : 12px solid transparent;
    border-left : 12px solid transparent;
    position: absolute;
    top:15px;
    right: 15px;
    z-index:-1;
}

#formulaire #bt_accept_contact label>span{
    color: #3e4f58;
    margin: 0px;
}
#formulaire #bt_accept_contact{
    width: 96%;
    font-size: 14px;
}
#bt_accept_contact a {
    color: #185d74;
}
#formulaire #info_recaptcha {
    width: 100%;
    font-size: 0.8em;
}
#formulaire #info_recaptcha a{
    width: auto;
    display: inline;
    margin: 0px 10px;
}
#formulaire .wpcf7-list-item {
    margin-left: 0px !important;
}
#formulaire #bt_submit{
    -ms-transition: all 0s ease-in;
    -o-transition: all 0s ease-in;
    width: 100%;
}
#formulaire #bt_submit input{
    cursor: pointer;
    color: #fff;
    padding: 13px;
    width: 230px;
    background: #d34e39;
    font-size: 1.1em;
   -moz-transition: all 0.2s ease-in;
   -ms-transition: all 0.2s ease-in;
   -o-transition: all 0.2s ease-in;
   transition: all 0.2s ease-in; 
}
#formulaire #bt_submit input:hover{
    background:#185d74;
}
#formulaire #asterisque{
    width: 96%;
    font-size: 0.8em;
}
body:not(.page-id-19) .grecaptcha-badge {
    display: none;
}
/*------------page contact-----------------------------------------------------------------------------*/
.page_content_entry .tel_contact a{
    border:0px;
}
/*-----------------404------------------------------------------------------------------------------------*/
.oups{
    padding-bottom:60px;
}
/*-----------------plugin tarteaucitron------------------------------------------------------------------------------------*/
#tarteaucitronRoot #tarteaucitronAlertBig {
    background: #eaeaea!important;
    padding: 60px 0 60px 0!important;
}
#tarteaucitronAlertBig #tarteaucitronCloseAlert, #tarteaucitronAlertBig #tarteaucitronPersonalize, #tarteaucitronAlertBig #tarteaucitronPersonalize2, .tarteaucitronCTAButton, #tarteaucitron #tarteaucitronPrivacyUrl, #tarteaucitron #tarteaucitronPrivacyUrlDialog, #tarteaucitronRoot .tarteaucitronDeny {
    background: #595959!important;
    display: block!important;
    font-size: 16px !important;
        margin: 10px auto!important;
}
#tarteaucitronRoot .tarteaucitronDeny {
    background: #595959!important;
}
#tarteaucitronAlertBig #tarteaucitronCloseAlert, #tarteaucitron #tarteaucitronPrivacyUrl, #tarteaucitron #tarteaucitronPrivacyUrlDialog {
    color: #fff!important;
}
#tarteaucitronAlertBig #tarteaucitronCloseAlert, #tarteaucitron #tarteaucitronPrivacyUrl, #tarteaucitron #tarteaucitronPrivacyUrlDialog {
    margin: 10px auto!important;
}
#tarteaucitronAlertBig #tarteaucitronPrivacyUrl, #tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog, #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert, #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {
    color: #343434!important;
}
#tarteaucitronRoot .tarteaucitronAllow, #tarteaucitronRoot .tarteaucitronDeny {
    color: #fff!important;
}
#tarteaucitronAlertBig #tarteaucitronPersonalize, #tarteaucitronAlertBig #tarteaucitronPersonalize2, .tarteaucitronCTAButton {
    color: #fff!important;
}
.tarteaucitronAlertBigBottom, .tarteaucitronAlertBigTop {
    box-shadow: 0 0px 0px rgba(0,0,0,.25)!important;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny, .tac_activate .tarteaucitronAllow {
    background: #4ca53b!important;
}
#tarteaucitronRoot .tarteaucitronAllow {
    background: #4ca53b!important;
}
#tarteaucitronRoot .tarteaucitronAllow .tarteaucitronCheck::before, #tarteaucitronRoot .tarteaucitronDeny .tarteaucitronCross::before, #tarteaucitronRoot .tarteaucitronIsAllowed .tarteaucitronDeny .tarteaucitronCross::before {
    color: #fff!important;
}
@media only screen and (max-width: 768px) {
    #tarteaucitronRoot span#tarteaucitronDisclaimerAlert {;
        text-align: center!important;
        margin-bottom: 15px!important;
    }
}

/*-------------------------videos avec plugin tarteaucitron-----------------------*/
.video{
    position:relative;
    padding-bottom:56.25%;
    padding-top:0px;
    height:0;
    margin:0px 0px 25px 0px;
}
.video iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    max-width:875px;
    height:100%;
    max-height:492px;
	right:0px;
    margin:0px auto;
}
.tac_activate{
  position: absolute!important;
}
/* MEDIA QUERIES----------------------------------------------------------------
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------*/
/* Mise en page sous 1281px */
@media (max-width: 1280px)  {
body {
    background: #fff;
}   
}
/* Mise en page sous 768px-----------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
@media (max-width: 767px)  {
/*-----------------BODY ----mobile----------------------------*/
body {
    min-width: 100%;
}
.widzmain{
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}
/*----------------- LIENS sous forme de bloc-----mobile----------*/
.bt_essayer {
    height: 50px;
    background-image: none;
    background-position: 91% 10px;
    max-width: 280px;
    padding: 17px 15px;
    font-size: 18px;
    text-align: center;
    width: 100%;
}
.bt_essayer::before {
    display: none;
}
.page_content_entry #bt_voir {
    font-size: 0.9em;
}
/*-----------------HEADER mobile-------------*/
#header {
  width: 100%;
  position: relative;
  background: #efefef;
  height: 150px;
}
#navtoptop,#header_border,#header_reseaux p {
  display: none;
}
#tel_header, #bt_essai_mob{
  display: block     
}
#header.large #header_content {
    background: none;
}    
#header.large #logo {
	width: 90px;
	margin: 10px 10px;
}
#tel_header{
    color: #185d74;
    font-size: 1.4em;
    font-weight: 600;
    flex: 1;
    text-align: center;
}
#bt_essai_mob{
    height: 100%;
    background-image: none;
    width: auto;
    padding: 15px 15px;
    font-size: 17px;
    width: 50%;
    text-align: center;
}
#bt_essai_mob::before {
    display: none;
}
#reseau_wrap {
    margin-right: 0px;
    display: flex;
    flex-flow: nowrap;
    justify-content:center;
    align-items:center;
    height: 45px;
}
#header_reseaux {
    width: 50%;
    justify-content: center;
    top: 0px;
    flex: 1;
    background: #185d74;
    height: 100%;
}
#header_reseaux a {
    color: #fff;
}
#header_reseaux ul li {
	margin: auto 8px;
	padding: 0px 0px;
}
/*----navtop ------------*/
#navtop{
    display: none;
}

/*----navtop_mobile---accordion cssmenu  (fonctionne avec script_cssmenu.js) --------*/

#navtop_bt {
    display:block;
    cursor: pointer;
    margin-right: 20px;
}
.bar1, .bar2, .bar3 {
    width: 35px;
    height: 5px;
    background-color: #d34e39;
    margin: 6px auto;
    transition: 0.4s;
}
/* Rotate first bar */
.bar1.change  {
    -webkit-transform: rotate(-45deg) translate(-8px, 6px) ;
    transform: rotate(-45deg) translate(-8px, 6px) ;
}
/* Fade out the second bar */
.bar2.change  {
    opacity: 0;
}
/* Rotate last bar */
.bar3.change  {
    -webkit-transform: rotate(45deg) translate(-9px, -8px) ;
    transform: rotate(45deg) translate(-9px, -8px) ;
}

#navtop_mobile_wrap {
    position: absolute;
    width: 100%;
    z-index: 3;
    top: 160px;
    left: 0px;
}
#navtop_mobile{
    display: none;
}
#navtop_mobile >ul > li{
     position: relative;
     text-transform: uppercase;
     border-bottom: 2px solid #ffffff;
     background: #185d74;
}
#navtop_mobile > ul > li:first-child {
	border-top: 2px solid #fff;
	background: #fff;
}
#navtop_mobile li a{
     color: #ffffff;
     display: block;
     text-decoration: none;
     font-size: 1em;
     -webkit-transition: all 0.2s ease-in;
     -moz-transition: all 0.2s ease-in;
     -ms-transition: all 0.2s ease-in;
     -o-transition: all 0.2s ease-in;
     transition: all 0.2s ease-in;
     padding: 15px;
     text-align: center;
}
#navtop_mobile > ul > li:hover {
    background: #d34e39;
}
#navtop_mobile li a span{
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    display: block;
    line-height: 1.3em;
}
#navtop_mobile ul ul {
     display: none;
}
#navtop_mobile ul ul li a{
     font-size: 1em;
     text-transform: initial;
     position: relative;
     line-height: 1.2em;
}
#navtop_mobile ul ul li > a span {
    font-weight: 400;
}
#navtop_mobile .current-menu-item, #navtop_mobile .current-menu-parent{
    background: #d34e39;
}
/*-----------------FOOTER-----mobile-------------------------------------*/
#footer:before,
.page-template-page_accueil .page_content_entry:before{
    display: none;
}
#footer_content {
    padding-top: 30px;
}
#footer_content .col:not(#col_logo) {
    margin:0px auto;
    display: none;
}
#col_logo {
    top: 0px;
    text-align: center;
    padding-bottom: 20px;
}
#logo_footer {
    position: absolute;
    left: -50%;
    width: 100px;
}
/*-----------menu navbottom ------------*/
#navbottom{
    position: relative;
    bottom: 0px;
    right: 0px;
}
#navbottom ul li{
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}
/*-----------------CONTENU ADMINISTRABLE (page et article) -mobile-----------*/

/*contenu administrable------mobile-----*/
.page_wrap{
    padding-top:0px;
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
}
.page_title_entry{
    font-size: 1.4em;
    margin-bottom: 40px;
}
.page_content_entry h2{
    font-size: 1.1em;
}
.page_content_entry h3{
    font-size: 1.1em;
}
.page_content_entry h4 {
    font-size: 0.9em;
}
.wp-block-columns {
    flex-flow: row wrap !important;
}
.page_content_entry p{
    /*font-size: 0.9em;*/
}
.page_content_entry ul li {
    margin-bottom: 5px;
    font-size: 0.9em;
}
.alignright, img.alignright, .alignleft, img.alignleft{
    margin:0px 25px 0px 0px!important;
    float:none!important;
}
.aligncenter,
img.aligncenter{
    margin-bottom: 20px;
}
/*-----------Bloc essayer un velo---------mobile----*/
#essayer_wrap {
    padding-top: 25px;
    border-top: 2px solid #efefef;
}
#essayer_wrap .bt_essayer {
    right: 0px;
}
.deuxcol:nth-child(1) {
    width: 100%;
    padding: 0px 20px 20px 20px;
    border-bottom: 2px solid #efefef;
}
.deuxcol p {
    margin-top: 30px;
}
.argu_wrap {
    margin: 0px auto;
    max-width: 280px;
    width: 100%;
    padding: 0px 20px;
}
.deuxcol:nth-child(2) {
    margin-top: 30px;
}
/*-----------Bloc Tous nos velos-----mobile---*/
.collection_wrap {
    padding-top: 35px;
}
.collection_wrap .titredeux{
    margin-bottom: 20px;
}
.collection_wrap a {
    width: 26%;
}
.collection_wrap a img{
    margin: 0px auto 10px auto; 
}
/*----------------template page actu-----mobile----------*/
.page_news_block {
    width: 50%;
    height: 340px;
    margin-bottom: 20px;
}
.page_news_block_content_title {
    font-size: 1em;
}
.page_news_block_content p{
    font-size: 0.9em;
}
/*----------------taxonomie cat_actu----la communauté de victor----mobile--------*/
.page_title_entry.cat_title{
    background-image: none;
    margin-top: 0px;
    padding: 0px 0px 30px 0px;
}
.bordure_pointille{
    display: none;
}
/*-----------------bloc modeles--avec diaporama----mobile----*/

.bloc-modeles {
    width: 48%;
}
/*-----------------PAGE ACCUEIL------mobile----*/

.page-template-page_accueil .page_container_content{
    display: flex;
    flex-flow: row wrap;
    justify-content:center;
    align-items:flex-start;
}
/*-----------------collection home--mobile--------*/
#collection_wrap_home{
    width: 100%;
    margin-right: 0px;
    max-width: 530px;
}
#collection_wrap_home.collection_wrap a {
    width: 30%;
    margin-bottom: 0px;
}
#collection_wrap_home .titredeux {
    display: none;
}
.collection_wrap a {
    margin: 0px auto 0px auto;
}
/*-----------------home_slider----mobile------*/
#home_slider_wrap{
    height: 350px;
}
.home_slider_txt p{
    font-size: 0.9em;
}
#slider_home_title a{
    font-size: 1.3em;
}
#home_slider li{
    -webkit-background-size: contain;
    background-size: contain;
    max-height: 260px;
}
a.lien_slider_home{
    height: 260px;
}
#home_slider_wrap .controls {
	top: 305px;
}
/*-----------------bloc_content_home-----mobile------*/
.bloc_content_home{
    padding: 45px 20px 5px 20px;
}
.page-template-page_accueil .page_content_entry:after{
    content: "";
    height : 0;
    width : 0;
    border-top : 70px solid #efefef;
    border-right : 310px solid transparent;
    display: block;
    bottom: -70px;
    left: 0px;
    position: absolute;
}
.bloc_content_home .col {
	max-width: 100%;
}
.bloc_content_home .col:nth-child(1) {
    margin-right: 0px;
}
/*------------------bloc communaute----mobile---*/

#bloc_communaute_wrap .cat_title {
	margin-top: 0px;
	background-color: #fff;
	max-width: 1280px;
	margin: 0px auto;
}
#bloc_communaute_wrap .bordure_pointille {
	max-width: 1280px;
}
#bloc_communaute_wrap .page_news_content article:nth-child(3){
    display: none;
}
#bloc_communaute_wrap{
    padding: 20px 0px;
    border-top:2px solid #efefef;
    
}
/*-----------------Page "essayer un vélo"------mobile--*/
.page_content_entry ul.liste_valid{ 
    padding: 0px 20px;
}
.liste_valid li:before{
    top:-7px;  
}
/* formulaire essai velo
------------------------------ */
#formulaire p label{
    font-size: 0.9em;
}
#formulaire > p{
    width: 48%;
}
}
/* Mise en page sous 551px --------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
@media (max-width: 550px)  {

.alignright, img.alignright, .alignleft, img.alignleft{
    margin:0px 25px 0px 0px!important;
    float:none!important;
}
.aligncenter,img.aligncenter{
    margin-bottom: 20px;
}
.bloc-modeles {
    width: 100%;
}
}
/* Mise en page sous 480px --------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
@media (max-width: 479px)  {
#tel_header {
    font-size: 1.2em;
}
#logo_footer {
    display: none;
}
.page_news_block {
    width: 100%;
    height:auto;
    text-align: center;
}
.page_title_entry {
    font-size: 1.2em;
}
.page_title_entry.cat_title {
    font-size: 2em;
}
#collection_wrap_home.collection_wrap a {
    width: 50%;
}
#formulaire > p{
    width: 100%;
}
.collection_wrap a .picto_titre {
	font-size: 0.75em;
}
}