:root{
  --couleur1: #00AC72;
  --couleur1_sombre:#5c038b;
  --couleur2:#00AC72;
  --couleurAction:#fb9e00;
  --couleur2_sombre:#8e5900;
  --couleur4:#00442d;
  --borderRadius: 20px;
  --bordure:#e3dfff;
  --background_gris:#F7F7F7;
  --input_hover:#eee;
  --fond_erreur:#ffdddd;
  --erreur:red;
  --bordure_valide:#2ecc71;
  --couleur_claire:#e3dfff;
  --degrader:linear-gradient(135deg,rgba(0, 172, 114, .8) 5%,rgba(0, 131, 87, 0.8) 62%,rgba(1, 99, 66, 0.8)); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  --bk_chargement:linear-gradient(180deg,rgba(207, 65, 151, 0.4)5%,rgba(123, 66, 215, 0.4) 62%,rgba(91, 133, 230, 0.4));
}

@font-face {font-family: "font1";src: url("/fonts/itcavantgardestd-bk.otf");}

@font-face {
  font-family: 'titre';
  font-style: normal;
  font-weight: 900;
  src: url(/fonts/titre.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {font-family:font1, sans-serif; background:var(--background_gris); font-size: 1.4em; background-image:var(--degrader); background-attachment: fixed;}
body p{line-height: 1.7em }
h1, h2, h3, h4 { margin-bottom: 0; font-family: titre;}
h2 {margin: 0; font-size: 1.5em}
h3{font-size: 1.3em}
h4{font-size: 1.2em}
a, .a { text-decoration: none; color: #fb9e00;}
.erreur {animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;}
.conteneur2{max-width: 900px; }
.conteneur{max-width: 1500px}
.stop_scroll {overflow: hidden!important;}
#retour {font-size: 2em;}
#_accueil #retour a{display: none;}
strong{font-size: 1.1em}
.noselect
{
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.legend .erreur {color: red;}
.legend .valider {text-decoration: line-through;}


#entete {display: flex; width: 100%; padding: 0 10px;  padding: 10px; display: flex; justify-content: space-between;flex-wrap: wrap;align-items: center;}
body:not(._entete_static) #entete{position:relative; top: 0; z-index: 2;}
#entete a {color: var(--couleur_claire); text-decoration: none; display: block;}
#entete #logo svg {width: 200px;}
#entete #bloc_menu a, #entete #bloc_menu_perso .c {font-size: 1.3em;}
#bloc_menu_perso .a {color: var(--couleur_claire);}
#menu_principal ul, #menu_principal li {list-style: none; margin: 0; padding: 0;}
#menu_principal ul li {display: inline-block;}





#le_conteneur { transition: opacity .5s; padding-bottom: 100px; }
.pas_infolettre #le_conteneur{padding-bottom: 150px}
 #menu  {padding: 0px; width: 100%; display: flex; align-items: center; justify-content: space-between; background-image: var(--degrader);
   box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
   backdrop-filter: blur(5px);
   -webkit-backdrop-filter: blur(5px);
   border: 1px solid rgba(255, 255, 255, 0.3); z-index: 4; position: fixed; bottom: 0; font-size: 1.2em;}
.masquer_menu #menu {display: none;}
#menu ul, #menu li {margin: 0; padding: 0; list-style: none;transition:all .2s linear;}
#menu ul {width: 100%;display: flex;justify-content: space-evenly;flex-wrap: wrap; align-content: center; align-items: center; margin: auto }
#menu li{display: flex;flex-grow: 1;}
.connecter #menu .m27 .menu_a {}
#menu .actif 
{box-shadow: 0px 0px 16px rgba(0,0,0,60%) inset;}

#menu .menu_a {color: #fff; transition:all .2s linear; padding:.3em; display: block; cursor: pointer; text-align: center; width:100%}
#menu .menu_a span {display: block; font-size: .5em; margin: 0}
#menu .menu_a span.user_photo { width: 32px; height: 32px; border-radius: 50%; background-color: var(--couleur_claire); background-size: cover; margin: auto;
}
.menu {position: fixed; z-index: 2; width: 100%; height: 100%; top: 100%; left: 0; }

.nav ul, .nav li {margin: 0; padding: 0; list-style: none;}
.nav {width: 90%;background-image: var(--degrader); backdrop-filter: blur( 5px );border: 1px solid rgba(255, 255, 255, .1);
-webkit-backdrop-filter: blur( 5px );bottom: 0px;border-radius: var(--borderRadius); padding-bottom:70px; border-bottom-right-radius:  0; border-bottom-left-radius: 0; overflow: hidden;
	left: 50%; transform:translate(-50%,200%); position: fixed;transition:all .3s linear; z-index:3
}
.nav a {color: var(--couleur_claire); display: block; padding: 10px 20px; border-bottom: 1px dashed rgba(255, 255, 255, .2)}
.nav a:hover 
{background: var(--couleur1); background: rgba(116, 39, 156, 0.5); color: var(--couleur_claire);}

#input_menu_autre:checked ~ #menu_autre 
, #input_menu_perso:checked ~ #menu_perso
, #input_menu_suivi:checked ~ #menu_suivi
{top: 0;}

#input_menu_autre:checked ~ #menu_autre_nav
, #input_menu_perso:checked ~ #menu_perso_nav
, #input_menu_suivi:checked ~ #menu_suivi_nav 
{transform: translate(-50%, 0);}

#input_menu_perso:checked ~ #maitre #menu ul li label[for="input_menu_perso"] 
, #input_menu_suivi:checked ~ #maitre #menu ul li label[for="input_menu_suivi"] 
, #input_menu_autre:checked ~ #maitre #menu ul li label[for="input_menu_autre"] 
, #menu .menu_a:hover
{
	background: var(--couleur1);
}


.btn_push, .form .submit button, .form .button button {background:var(--couleur4);border-radius: var(--borderRadius);border: none;padding: 0;cursor: pointer;outline-offset: 4px; display: inline-block; margin-top:10px}
.form .submit button, .form .button button{width: 100%}
.btn_push .btn_push_txt, form .submit span, form .button span {display: block;padding: 8px 40px;border-radius: var(--borderRadius);font-size: 1.25rem;background: #fff ;transform: translateY(-6px);}
.btn_push:hover .btn_push_txt
, .form .submit button:hover span
, .form:invalid .submit button span
{transform: translateY(-4px);}

.btn_push:active .btn_push_txt
, .btn_push.actif .btn_push_txt
, form button:active span 
, #_cours_fiche #form_q .q input:checked + label .txt
{transform: translateY(-2px)!important;}


#p-lu_et_accepter {margin-top: 20px;}
video{background: #000; border-radius: var(--borderRadius)}


#msg{padding:20px}


/*-----------------------------------------------------------------*/
/*														                         #main_aside */
#main_aside{display: grid; grid-template-columns: 60% auto;  grid-gap: 1rem; }
#main_aside aside{ position: sticky; top :20px ;  align-self: start; }

@media (max-width: 750px) 
{
  #main_aside{display: block;width: 98%;margin:auto}
} 

/*-----------------------------------------------------------------*/
/*														                              	blog */

#maitre{position: relative;z-index: 2}
#bandeau{color: #fff;  background-repeat: no-repeat ; background-position: center center; background-size: cover ;
}
#bandeau_sombre{ width: 100%; height: 100%;text-align: center;  min-height: 80vh;  display: flex; align-items: center; justify-content: center; }
#bandeau h1{ margin-top: 0; line-height: 1.3em; text-transform: uppercase;text-shadow: 2px 2px 10px rgb(0 0 0 / 50%); }
#bandeau_contenu{text-shadow: 2px 2px 10px rgb(0 0 0 / 50%);}
#bandeau strong {color: inherit;}



.voir_plus{text-align: center}
.voir_plus a{width: 100%}
.liste_blog{padding: 50px 0;background: #F7F7F7;}

.articles{width: 100%;display: block; margin: auto;}

  
.bloc
, .mewtwo-flights--l.mewtwo-hotels--l
{/* From https://css.glass */
  background: rgba(255, 255, 255, .5);
  border-radius: var(--borderRadius);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  margin-bottom: 50px; 
  position: relative; 
  overflow: hidden;
  width: 100%;
  left:0;
  top:0;
  padding-bottom: 20px: 
}

.bloc.actif
{
  position: fixed;
  top:0;
  left:0;
  width: 100vw; height: 100vh; background: var(--couleur_claire);
  
}

.conteneur2 .bloc{padding:40px}
  
  

.articles .liste article h2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical; margin-bottom: 20px; cursor: pointer} 
.articles article iframe, .etirer img{width: 100%;display:block; border-radius: var(--borderRadius)}
.articles article .youtube_player{height:100%}

.articles:not(main) header {position: relative;}
.articles:not(main) article .img, .landing .articles .diapo{width: 100%;position: relative; top: 0; left: 0;  z-index: 2;  }

.articles:not(main) article .img a {display: block;}


.articles article,  .articles #intro{padding: 30px}

.articles:not(main) .lien {margin-top: 0;}
.articles.article .txt img {border-radius: var(--borderRadius); border: 1px solid #ccc;}
.articles article .img_principale, .articles .img img, .articles article img{width: 100%; display: block; border-radius: var(--borderRadius)}

.articles article .haut{display: grid;grid-template-columns: 400px auto;grid-gap: 1rem; margin-bottom: 30px}
@media (max-width: 900px) 
{
  .articles article .haut{display: block;}
} 


#meme_categorie{margin-bottom: 40px; margin-top: 40px; } 




/*-----------------------------------------------------------------*/
/*														                             article */

#_article h1{margin: 120px 0; text-align: center; color:#fff}
#_article #intro .img{margin:0}
#_article .articles ul li {list-style: disc;}
#_article main article h2:not(:first-child) {margin-top: 60px;}
#_article main article .img {margin: 0;}

#info {font-size: .8em; font-style: italic; }

.tags a{padding: .3em 1em; padding-bottom: 0; margin-bottom: 15px; display: inline-block; color: var(--couleur2);  border-radius: 20px; border:1px solid }
.tags a:hover{background: var(--couleur2); color:#fff}

body#_article, body#_article main article {counter-reset: numerotation; }
#_article main h2, #_article .h2 {counter-reset: numerotation2;}
#_article main h2:not(.h2_warning)::before, #_article main .h2:not(.h2_warning)::before {counter-increment: numerotation;content:counter(numerotation);} 

#_article main h3::before, #_article .h3::before {counter-increment: numerotation2;content: counter(numerotation) "." counter(numerotation2);} 

#_article main h2:not(.no_numerotation)::before
, #_article main h3:not(.no_numerotation)::before
, #_article .h2:not(.no_numerotation)::before
, #_article .h3:not(.no_numerotation)::before
{height: 50px;width: 50px;display: inline-block;border-radius: 50%;line-height: 50px; color: var(--couleur_claire); background: var(--couleur1); background-image: var(--degrader); margin-right: 10px; text-align: center; font-size:.7em}


#table_des_matieres {margin-bottom: 20px;}
#table_des_matieres label {cursor: pointer; margin: auto;text-align: center  min-width: 150px; text-align: center; margin-bottom: 20px; display: block;padding: 10px;}
#table_des_matieres label::after {content: "Sommaire";}
#table_des_matieres input:checked ~ div {display: block; }
#table_des_matieres input:checked ~ label {background-image: var(--degrader);}
#table_des_matieres input:checked ~ label::after {content: "Fermer";}
#table_des_matieres input:checked ~ label .fa-bars:before {content: "\f00d";}
#table_des_matieres #ul_table_matiere { margin-bottom: 20px;  max-height: 0;margin: 0; padding: 0 }
#table_des_matieres input:not(:checked) ~ #ul_table_matiere{background: none; border: none}
#table_des_matieres input:checked ~ #ul_table_matiere {max-height: 290px; overflow: auto; display: block; }
#table_des_matieres ul li{list-style: none!important; margin-left: 0!important}
#table_des_matieres ul li a{display: block; padding: 10px 50px; border-radius: var(--borderRadius); color:inherit}
#table_des_matieres ul li a:hover{background: #F1F1F1; background-image: var(--degrader); color:#fff}
#table_des_matieres ul li:last-child a{border-bottom: none}

.hljs{border-radius: var(--borderRadius); position:relative}
.copier{cursor: copy; position: absolute; right:0; top:0; padding:10px; background: #000;border-bottom-left-radius:var(--borderRadius)}
.copier:hover{font-weight: 900}

#_article article .txt table {width: 100%; border-spacing: 0px;border-collapse: separate;border: 1px solid #ccc;}
#_article article .txt table th, #_article article .txt table td {padding: 10px;}
#_article article .txt table th {background: #F7F7F7;}
#_article article .txt table td, #_article article .txt table th {border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}


.warning{background-image: linear-gradient(135deg,#f34079,#f65b69 50%,#fc8b4c); padding:20px; border-radius: var(--borderRadius); color:#fff}

#infolettre_aside{background:none; border:none; color:#fff; padding:20px; box-shadow: none}
#infolettre_aside .form .bloc_input{background:#fff}
#infolettre_aside .form .submit button{background: var(--couleur1_sombre); color:#fff}
#infolettre_aside .form .submit button span{background: var(--couleurAction);}


#voir_tous_les_articles{text-align: center; margin-bottom: 60px}

/*-----------------------------------------------------------------*/
/*													                               compte */
#_compte #le_conteneur {padding: 0; }
#_compte #main { width: 100%; display: grid;  grid-template-columns: 70% 30%; padding:0}
#_compte main{box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);}
#_compte aside {  align-self: start; position: sticky; top: 0;}
#_compte h1 {text-align: center;}
#_compte aside ul, #_compte aside li { margin: 0; padding: 0;list-style: none;}
#_compte aside a { display: block; padding: 10px; border-bottom: 1px solid #ccc; color: inherit;}
#_compte aside a:hover {color: var(--couleur_claire); background: var(--couleur1);}

#_compte #p-image .range, #_compte #p-image input, #_compte #p-image .btn {display: none;}
#_compte .form .apercu {cursor: pointer;}







/*-----------------------------------------------------------------*/
/*													                            aviasales  */
.mewtwo-flights--l.mewtwo-hotels--l{overflow: hidden}

.mewtwo-flights--l.mewtwo-hotels--l .mewtwo-widget .mewtwo-flights
, .mewtwo-flights--l.mewtwo-hotels--l .mewtwo-widget--fc0c6a345bb208fb3e7432fbab724c88 .mewtwo-tabs-tabs_list__item.mewtwo-tabs-tabs_list__item--active
, .mewtwo-flights--l.mewtwo-hotels--l .mewtwo-widget--fc0c6a345bb208fb3e7432fbab724c88 .mewtwo-tabs-tabs_list__item:last-child
, .mewtwo-flights--l.mewtwo-hotels--l .mewtwo-widget--fc0c6a345bb208fb3e7432fbab724c88 .mewtwo-hotels
{border: none!important}

.mewtwo-flights--l.mewtwo-hotels--l .mewtwo-widget .mewtwo-tabs-tabs_list__item
, .mewtwo-flights--l.mewtwo-hotels--l .mewtwo-widget--fc0c6a345bb208fb3e7432fbab724c88 .mewtwo-flights-container input[type="text"]
, .mewtwo-flights--l.mewtwo-hotels--l .mewtwo-widget--fc0c6a345bb208fb3e7432fbab724c88 .mewtwo-flights-trip_class
{box-shadow: none!important}

 .mewtwo-flights--l.mewtwo-hotels--l .mewtwo-widget--fc0c6a345bb208fb3e7432fbab724c88 .mewtwo-flights-container input[type="text"]
, .mewtwo-flights--l.mewtwo-hotels--l .mewtwo-widget--fc0c6a345bb208fb3e7432fbab724c88 .mewtwo-flights-trip_class{border-radius: var(--borderRadius)!important; border-color: #dddddd!important}

.mewtwo-flights--l.mewtwo-hotels--l .mewtwo-widget .mewtwo-flights-dates:before{background: none!important}

body .mewtwo-widget--fc0c6a345bb208fb3e7432fbab724c88 .mewtwo-flights-submit_button button{border-radius: var(--borderRadius)!important}


/*-----------------------------------------------------------------*/
/*													                            connexion  */

._identification main h1{text-align: center; margin-bottom: -10px}
@media only screen and (min-width : 650px)
{	
  ._identification main{ position: fixed; left: 50%;top:50%; transform: translate(-50%, -50%); width: 80%; max-width: 500px;}
}

  #_connexion._identification main{ position: fixed; left: 50%;top:50%; transform: translate(-50%, -50%); width: 80%; max-width: 500px;}

._identification main fieldset {padding: 20px 20px;}
._identification main form + p {text-align: center; font-size: .8em}


/*-----------------------------------------------------------------*/
/*													                          edition blog */

/*-----------------------------------------------------------------*/
/*													                          edition blog */
#_compte__blog_editer #entete{display: none}
#_compte__blog_editer main{padding-bottom: 50px}

#_compte__blog_editer main form{display: grid;grid-template-columns: 70% auto;grid-auto-flow: dense; min-height: 100vh; width:100%; padding:0}
#_compte__blog_editer main form textarea:not(.cdx-input){height: 80vh}
#_compte__blog_editer main form fieldset{padding:0; padding-bottom: 80px}
#_compte__blog_editer main form #fieldset_edition{grid-column: 1; background: rgba(255, 255, 255, 0.2); padding: 0px 20px;box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); }
#_compte__blog_editer main form #fieldset_options{grid-column: 2; position: sticky; top :0 ;  align-self: start; overflow: scroll; max-height: calc(100vh - 60px) }
#_compte__blog_editer main form #fieldset_edition .bloc_input{border-radius: 0;border:none}

#_compte__blog_editer main #fieldset_options .afficher_section {display: none;}

#_compte__blog_editer #le_conteneur{margin-bottom: 0}

.codex-editor{padding:20px}
.image-tool--empty .image-tool__link, .image-tool--loading .image-tool__link {
	display: none;
}

textarea.ce-code__textarea{border-color: #ccc; background:#d4D4D4!important; padding:10px!important}

#_compte__blog_editer main #fieldset_options .label{background: var(--couleur1); color:var(--couleur_claire); cursor: pointer;padding: 10px; display: block; border-bottom:1px dotted var(--couleur_claire)}
#_compte__blog_editer main #fieldset_options section .contenu{}
#_compte__blog_editer main #fieldset_options section .contenu{max-height: 0; overflow: hidden; transition:all .2s linear;}
#_compte__blog_editer main #fieldset_options section:has(.input:checked) .contenu{max-height: 9999px;padding:20px; overflow: visible;}

#_compte__blog_editer main #fieldset_options #div_visible .bloc_input{justify-content: center}

#_compte__blog_editer #section_enregistrer .contenu{text-align:center}
#_compte__blog_editer.nouvel_article #date_modification, 
#_compte__blog_editer.nouvel_article #date_publication
{
  display: none
}
/*-----------------------------------------------------------------*/
/*													                            infolettre */
#infolettre_bas{background: #311242; padding-top: 50px; padding-bottom: 100px;  margin-top: 50px;
   box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
   backdrop-filter: blur(5px);
   -webkit-backdrop-filter: blur(5px);   }
   
   
   
   
#tarteaucitronRoot #tarteaucitronAlertBig {background: rgba(51, 51, 51, .7)!important; padding: 15px 0!important;}

.ce-inline-toolbar--left-oriented.ce-inline-toolbar--showed
, .ce-conversion-toolbar--showed
, .ce-popover--opened
, .ce-inline-toolbar__toggler-and-button-wrapper{color:#000}

.ce-block--selected .ce-block__content{color:#74279c}

.form div .bloc_input:before, .form div .bloc_input:after
, .form .champ input, .form .champ textarea, #i_recherche, .input_seul
{/*color:var(--couleur_claire)*/}

textarea:focus, input:focus
, .form .champ:not(.select) .bloc_input:has(input:focus), .form .champ:not(.select) .bloc_input:has(textarea:focus)
, .form div .bloc_input:has(input:focus):before, .form .champ .bloc_input:has(textarea:focus):before
{color:#74279c!important}

@media only screen and (max-width : 650px)
{	
	
	
}




.context {
    width: 100%;
    position: fixed;
    top:50vh;
    
}

.context h1{
    text-align: center;
    color: #fff;
    font-size: 50px;
}


.area{
    width: 100%;
    height:100vh;
    position:fixed;    
    z-index: 1;
   
}

.circles{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: .3
}

.circles li{
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, 0.2);
    animation: animate 25s linear infinite;
    bottom: -150px;
    background: url(/images/logo_swift.png) no-repeat;
    background-size: contain;
    
}

.circles li:nth-child(1){
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 0s;
}


.circles li:nth-child(2){
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s;
}

.circles li:nth-child(3){
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
}

.circles li:nth-child(4){
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
    animation-duration: 18s;
}

.circles li:nth-child(5){
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}

.circles li:nth-child(6){
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s;
}

.circles li:nth-child(7){
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay: 7s;
}

.circles li:nth-child(8){
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s;
}

.circles li:nth-child(9){
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s;
}

.circles li:nth-child(10){
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 0s;
    animation-duration: 11s;
}



@keyframes animate {

    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100%{
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }

}



.waves {
  position:absolute;
  width: 100%;
  height:100vh;
  max-height:40vh;
  opacity: .4;
  bottom: 0;
}


.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
  .waves {
    height:40px;
    min-height:40px;
  }

}