/**
 * Theme Name: velodona
 * @package velodona
 * @since velodona 1.3
 * Version: 1.3
 * Theme URI:https://velodona.fr
 * Author: velodona
 * Author URI:https://velodona.fr
 * Description: velodona - basic theme - Pour mettre à jour votre theme cliquez <a href="https://velodona.fr/contact/" rel="noopener" target="_blank">ici</a>
 * Requires at least: 4.9
 * Requires PHP:7.0
 * Tested up to:5.8
 * License: Licence personnalisée
 * Tags:custom-logo
 * Text Domain:velodona
 * Date : 06/06/2023
 */

/*MINIMAL CSS*/


* {
    position: relative
}

body {
    margin: 0;
    line-height:normal;
	font-size: 1em;
}
ol, ul {
    box-sizing: border-box
}

p, li, a {
    margin: 0;
    font-weight: normal;
    line-height: normal
}

li {
    list-style: none
}

ul {
    padding: 0
}

a {
    text-decoration: none
}

img {
    width: 100%;
    height: auto
}

h1 {
    font-size: 190%;
    line-height: normal;
    margin: auto;
	color:var(--color1);
}

h2 {
    font-size: 180%;
    line-height: normal;
    margin: auto;
	color:var(--color2);
}

h3 {
    font-size: 170%;
    line-height: normal;
    margin: auto;
	color:var(--color3);
}

h4 {
    font-size: 160%;
    line-height: normal;
    margin: auto;
	color:var(--color4);
}

h5 {
    font-size: 150%;
    line-height: normal;
    margin: auto;
	color:var(--color5);
}

h6 {
    font-size: 140%;
    line-height: normal;
    margin: auto;
	color:var(--color6);
}
.btn, .gform_button[type="submit"]{
    text-decoration: none;
    cursor: pointer;
    text-align: center;
  }


.btn1, .gform_button, .gform_next_button {
	background-color:var(--color1);
  	color:var(--colorlight);
	
}
.btn1:hover, .gform_button:hover{
	background-color:var(--colorlight);
  	color:var(--color1);
  	border-color:var(--color1);
}
.btn2, .gform_previous_button {
	background-color:var(--color2);
	color:var(--colorlight);
}
.btn2:hover{
	background-color:var(--colorlight);
 	color:var(--color2);
  	border-color:var(--color2);
}
.btn3 {
	background-color:var(--color3);
	color:var(--colorlight);
}
.btn3:hover{
	background-color:var(--colorlight);
 	color:var(--color3);
  	border-color:var(--color3);
}
.btn4 {
	background-color:var(--color4);
	color:var(--colorlight);
}
.btn4:hover{
	background-color:var(--colorlight);
 	color:var(--color4);
  	border-color:var(--color4);
}
.btn5:hover{
	background-color:var(--colorlight);
 	color:var(--color5);
  	border-color:var(--color5);
}
.btn5 {
	background-color:var(--color5);
	color:var(--colordark);
}
a:hover, a:hover > * {
    cursor: pointer;
    font-weight: bold
}
.disk li {
    list-style: disc;
    margin-left: 5%
}

.bold {
    font-weight: bold
}

.big {
    font-size: xxx-large;
    font-weight: bold
}

.bigtitre {
    font-size: 600%;
    text-shadow: 0px 0px 40px white;
    text-align: center;
    text-transform: uppercase
}
.little_italie {
  font-size: x-small;
  font-style: italic;
}
.titreclass {
	max-width: 90%;
}
.iconsclass {
	font-size: 200%;
	margin-right: 1%;
}
.txtclass {
	margin-left: 8%;
	margin-top: 2%;
}
.linkedIn {
	padding: 0 3px;
	border-radius: 2px;
	background-color: #0a66c2;
	font-family: 'Libre Franklin', sans-serif;
	font-weight: 600;
	color: #fff;
	box-shadow: 1px 1px 10px #0000006b;
	margin-left: 3px;
}

.boxbutton, .gform_footer.before {
    display: flex;
    align-items: center;
    margin: 2% 0
}


.flex {
    display: flex;
    flex-wrap: wrap;
}

.flexclass {
    justify-content: space-between;
	display: flex;
    align-items: center;
}

.flexcenter, .gform_footer.top_label {
    justify-content: center;
    text-align: center;
    align-items: center;
    align-content: center;
	display: flex;
}

.flexcol {
    flex-direction: column;
	display: flex;
}

.flexend {
	display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    text-align: right;
}

.flexup {
	display: flex;
    align-items: baseline;
}

.flexnowrap {
    display: flex;
}

.structure {
    padding: 3% 0
}

.structure > * {
    max-width: 63%;
    margin: auto;
}
.block_content {
	margin: 3rem auto;
}
.center{
	text-align:center;
}
.moit {
    width: 48%
}
.moit p {
	margin-bottom: 1rem;
}
.banG {
    flex-direction: row-reverse
}

.exposant {
    font-size: 50%;
    font-weight: lighter;
    position: absolute;
    top: 0%
}

.cartouche > a {
	width: 100%;
}
.str_gal {
	max-width: 95%;
	margin: auto;
}

.carrousel_contenair {
	display: flex;
	overflow: hidden;
}
.carrousel_sous_contenair {
        display: none;
        flex: 1;
		margin: 0 1%;
      }
.carrousel_sous_contenair.active {
        display: flex;
      }

.contener_slider {
	width: 80vw;
	height: 100%;
	color: #000;
	overflow: hidden;
	position: relative;
	margin: auto;
	min-height: 100%;
}

  .contener_slider:before,
  .contener_slider:after {
    position: absolute;
    top: 0;
    width: 10rem;
    height: 100%;
    content: "";
    z-index: 1;
  }

  .contener_slider::before {
    left: 0;
    background: linear-gradient(to right, #fff 0%, transparent 100%);
  }

  .contener_slider:after {
    right: 0;
    background: linear-gradient(to left, #fff 0%, transparent 100%);
  }

  .contener_content_slider {
    display: flex;
    height: 100%;
    animation: scrolling 36s linear infinite;
  }
.cartouche {
	align-items: baseline;
}

  @keyframes scrolling {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(calc(-33.33% * 3)); 
    }
  }

.contener_content_slider .carte {
	flex-shrink: 0;
	  margin: 10% 1%;
}


.carte {
    width: 30%;
    margin: 10% auto;
    text-align: center;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
    border-radius: 10px;
	background-color:#ffffff;
}

.carte >:not(:nth-child(1)) {
    max-width: 90%
}

.carte .boxbutton {
    margin-bottom: 8%
}
.carte .couverture {
	border-radius: 10px 10px 0px 0px;
}
.blog_contenu > * {
    margin: 6% 0
}

.str_cat_blog a {
  margin: 1%;
}
.couverture {
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}
.chiffre {
	border: solid 2px black;
	border-radius: 100%;
	margin: 2%;
	overflow: hidden;
	width: 10vw;
	height: 10vw;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.chiffre p {
    margin: 0 2%
}
.str_table td, .str_table th {
    border: solid;
}
.todo span {
    font-size: 2rem;
    border-radius: 13px;
    background: #ffffff;
    box-shadow: inset 5px 5px 10px #b8b8b8, inset -5px -5px 10px #ffffff;
    margin: 0;
    margin-right: 4%;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 3vw;
    width: 3vw;
    height: 3vw;
}
.todo {
    height: 50%;
    align-items: center;
    margin: 2% auto;
}
.str_todo .dashicons-no-alt, .str_todo > div > div:nth-child(2) p  {
    color: red;
}
.str_todo .dashicons-saved, .str_todo > div > div:nth-child(1) p {
    color: green;
    margin-left: 4%;
}
.str_todo > div > div:nth-child(1) p, .str_todo > div > div:nth-child(2) p {
  font-weight: bold;
  text-transform: uppercase;
}
.couverturem {
    margin: 1%;
    background-size: cover;
    background-position: center
}

.str_gal > div {
    width: 100%;
    max-width: 100%
}

.pack {
    width: 40%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

.packd {
    padding: 4%;
    border-radius: 4px;
    height: 10%
}

.str_pack > div > div:nth-child(1) {
    width: 100%
}

.str_pack > div {
    margin-bottom: 10%
}

.pack_cartouche {
    text-align: center;
    padding: 2% 8%;
    border-radius: 4px;
    font-size: 250%
}

.advantages {
    margin-bottom: 10%
}

.icon_place > span {
    width: 10%
}

.icon_place > p {
    width: 90%
}

.str_point {
    color: #fff
}

.str_point ul {
    width: 33%;
    padding: 0 1%
}

.str_point > div {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
    border-radius: 10px;
    padding: 2%;
    margin: 2% auto
}
.str_point .iconsclass {
	margin-bottom: 5%;
}
.rond {
	box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset,inset -15px -9px 28px -14px rgba(0,0,0,0.75);
	margin: auto;
	border-radius: 100%;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	background-color: white;
}
.fond_rond {
	background-position: 48% 69%;
	background-repeat: no-repeat;
	padding: 6.4% 0%;
}
#mentions_legales p {
    margin: 1% auto
}
.menu_footer {
	width: 67%;
	align-items: center;
}

#logo_header {
    min-width: 10%;
    width: 10%;
}
#footer .branding {
	width: 25%;
}

#footer a, #header a {
	font-size: 110%;
}

.reseaux a {
    text-align: center;
    margin: 2%
}

#header a, #header .sub-menu {
	width: 100%;
}
    #navigation {
     width:80%;
    }

#menu li {
	text-align: center;
	display: flex;
	justify-content: center;
	width: 100%;
}

.menu-item:hover > .sub-menu {
	display: flex;
	position: absolute;
	top: 100%;
	background-color: #fff;
	padding-top: 18%;
}
.menu-item:hover {
	flex-direction: column;
}

#spanspan {
	display: none;
}
#header {
    position: sticky;
    background-color: #fff;
    top: 0;
    padding: 1% 0% 1% 0%;
    z-index: 3
}

.limenu:hover > .sub-menu {
	display: flex;
	position: absolute;
	background-color: #fff;
	top: 1.2rem;
	padding-top: 6%;
}

.sub-menu {
    display: none;
    z-index: 2;
    flex-direction: column
}

.sub-menu a {
    font-size: 90%;
}

.hiddenresp {
    display: none
}

.foot {
    display: flex;
    max-width: 63%;
    margin: auto;
    justify-content: space-between;
    align-items: center
}

.social {
    display: flex;
    justify-content: space-between;
    font-size: 2rem
}

.search-form {
    display: flex
}

#larecherche {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: inherit;
    border: inherit;
    color: transparent;
    padding: inherit;
    width: 0
}

#louperecherche {
    font-size: 2rem;
    cursor: pointer
}

#louperecherche:hover {
    color: #008080
}

@media screen and (max-width:1280px) {
    .carte {
        width: 30% !important;
    }

    .structure > * {
        max-width: 90% !important;
    }

    .chiffre {
        width: auto;
        height: auto;
        border: none;
        border-radius: inherit
    }

    .str_gal > div {
        height: 15vh !important
    }

}

@media screen and (max-width:800px) {
    .str_callto .moit, .carte {
        width: 90% !important
    }

}

@media screen and (max-width:640px) {

#footer > div {
	max-width: 95% !important;
	  justify-content: space-between;
}
    .classique ul {
        justify-content: flex-start
    }

    .bounce {
        animation: none !important
    }

    .moit {
        width: 90%
    }

    .str_gal > div {
        height: 30vh !important
    }

    .pack, .carte, .str_point ul, .mansory {
        width: 100% !important
    }

    .detail {
        transform: none !important;
        position: relative !important;
        left: 0 !important;
        width: 100% !important;
        top: 0 !important;
        padding: 0 !important
    }

    .flex {
        justify-content: center
    }

    .hiddenresp {
        display: flex
    }

#menu a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 6vh;
	font-size: 200%;
}
	.limenu:hover > .sub-menu{
		padding:0;
	}
    #menu {
        display: none
    }

    #navigation {
        align-items: center;	
    }

    .sub-menu li {
        font-size: 80%
    }

    #menu a:hover {
        transform: none;
		font-weight:inherit;
    }

    label.menubtn {
        width: 100%;
        justify-content: center
    }

    #subhead > * {
        width: 30%
    }

    #subhead {
        justify-content: space-between
    }

#spanspan:checked ~ #menu {
	display: flex;
	position: absolute;
	top: 0;
	background-color: white;
	height: 95vh;
	margin: 0;
	width: 100vw;
	right: -5vw;
	z-index: -1;
	flex-direction: column;
	padding: 16vw 0;
	justify-content: flex-start;
	overflow-y: scroll;
}

    .croix {
        height: 5px;
        margin-bottom: 1vw;
        background: #000;
        border-radius: 0.5vw;
        transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
        width: 100%
    }

.menubtn {
	width: 10vw;
}

    #spanspan {
        position: absolute;
		display:flex;
        z-index: 2;
        opacity: 0;
        cursor: pointer;
        height: 100%;
        margin: 0
    }

    #inputspan {
        width: 20%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    #spanspan:checked {
        transform: translate(-5px, 15px)
    }

    #spanspan:checked ~ #croix1 {
        transform: rotate(45deg) translate(6px, 15px)
    }

    #spanspan:checked ~ #croix2 {
        transform: rotate(-45deg) translate(-9px, 0px)
    }

    #spanspan:checked ~ #croix3 {
        opacity: 0
    }

    .sub-menu {
	display:flex!important;
	position: inherit!important;
	top: inherit!important;
	padding: inherit!important;
}

    #menu li {
        flex-direction: column
    }

    .limenu:hover > .sub-menu {
        display: none;
        position: inherit;
        top: 0rem
    }

}