/*
 Theme Name:   Extra Child
 Theme URI:    https://evoludiet.com/wp-content/themes/Extra/
 Description:  Extra Child Theme
 Author:       Sophie C.
 Author URI:   https://evoludiet.com
 Template:     Extra
 Version:      4.9.12
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  Extra-child
*/
.avertissement
{color: red;}
.avertissement2
{text-align: center;
width: auto;
padding: 1%;
margin: 1%;
color: red;
border: 3px dotted red;
border-radius: 10px;}
.avertissement3
{text-align: center;
width: auto;
padding: 1%;
margin: 1%;
color: #98CA64;
border: 3px dotted #98CA64;
border-radius: 10px;}
.dtfslide
{font-size: 20px;
text-transform: none;
color: #ffffff;}
.dtfslidebox
{font-size: 22px;
text-transform: uppercase;
color: #ffffff;
background-color: rgba(0,0,0,0.75);
padding: 2% 2% 2% 2%;
border: 2px solid #98CA64;
border-radius: 10px;
box-shadow: 6px 6px 18px black;
text-shadow: 2px 2px 2px black;}
.dtftitle
{width: 100%;
color: #FFFFFF;
background-color: #98CA64;
padding: 3%;
font-size: 1.5em;}
.dtftoggle
{text-align: center;
width: 100%;
display: none;
margin: 2% 10% 1% 10%;}
.dtfwhitebg
{background-color: #FFFFFF;}
.dtfgreenbg
{background-color: #98CA64;}
.dtfgreybg
{background-color: #F3F3F3;}
.dtfgold
{background-image: linear-gradient(to right,#DAA520,#DAA520,#ffebba,#DAA520,#DAA520) !important;
border: 2px solid #DAA520 !important;
font-size: 1.1em;}
.dtfgold2
{background-image: linear-gradient(to right,#DAA520,#DAA520,#ffebba,#DAA520,#DAA520) !important;
border: 2px solid #DAA520 !important;
border-radius: 10px !important;}
.dtfgoldtitle .ui-dialog-titlebar
{background-image: linear-gradient(to right,#DAA520,#DAA520,#ffebba,#DAA520,#DAA520) !important;}
.dtftextshadow
{text-shadow: 1px 1px #000000;}
.suivi
{margin: 0px 2%;
border: 2px double #98CA64;
border-radius: 10px;
padding: 2%;}
.suivi2
{margin: 0px 2%;
background-color: #F3F3F3;
border: 2px double #98CA64;
border-radius: 10px;
padding: 2%;}
.suividiet
{margin: 0% 2% 2% 2%;
border: 2px double #98CA64;
border-radius: 10px;
padding: 2%;}
.listeattente
{width: 280px;
margin: auto;
background: linear-gradient(rgba(0, 0, 0, 0.8),rgba(0, 0, 0, 0.2)), url('/wp-content/uploads/2018/08/evoludiet_Haltere.jpg');
background-position: center;
background-repeat: no-repeat;
border: 2px solid #98CA64;
border-radius: 10px;
padding: 30px;
box-shadow: 6px 6px 18px #000000;}
.annulefloat
{clear: both;}
.dtfcolor
{color: #98CA64 !important;}
.dtfcolor2
{color: #fdc00b !important;}
.dtfblack
{color: #000000 !important;}
.dtfwhite
{color: #FFFFFF !important;}
.dtfmaj
{text-transform: uppercase !important;}
.dtfimg
{min-width: 40% !important;
max-width: 90% !important;
border-radius: 10px !important;
border: 2px solid #98CA64 !important;
box-shadow: 6px 6px 18px #000000 !important;}
.proteines
{color: forestgreen;}
.glucides
{color: deepskyblue;}
.lipides
{color: red;}
.energie
{color: orchid;}
.menudiet,a.menudiet
{color: #98CA64;
text-decoration: underline;}
.boutimprim
{position: fixed;
left: 8%;}
.nouvellepage
{page-break-after: always !important;}
.sanscouleur
{color: black !important;}
.souscartouche
{display: inline-table;
min-width: 30vw;
max-width: 60vw;
text-transform: uppercase;
background-color: #F3F3F3;
padding: 1%;
border: 2px double #98CA64;
border-radius: 10px;
box-shadow: 6px 6px 18px #000000;}
.souscartouche2
{display: inline-block;
min-width: 50%;
text-transform: uppercase;
background-color: #F3F3F3;
padding: 2%;
border: 2px double #98CA64;
border-radius: 10px;
box-shadow: 6px 6px 18px #000000;}
.souscartouchewhite
{display: inline-table;
background-color: #FFFFFF;
padding: 1%;
border: 2px double #98CA64;
border-radius: 10px;
box-shadow: 6px 6px 18px #000000;}
.dtfsouligne
{text-decoration: underline !important;}
.dtfbarre
{text-decoration: line-through !important;}
.dtfradius
{border-radius: 10px;}
.dtfflex
{display: flex !important;   
flex-direction: row !important;
text-align: center !important;}
.dtfalignitems
{align-items: center;}
.dtfaround
{justify-content: space-around !important;}
.dtfevenly
{justify-content: space-evenly !important;}
.dtfbetween
{justify-content: space-between !important;}
.dtfcenter
{justify-content: center !important;}
.dtfwrap
{flex-wrap: wrap !important;}
.dtfnowrap
{flex-wrap: nowrap !important;}
.dtfflexcenter
{align-items: center !important;
align-content: center !important;}
.dtfflexstretch
{align-items: stretch !important;
align-content: stretch !important;}
.dtfaligncenter
{text-align: center !important;}
.dtfmargin1
{margin: 1% !important;}
.dtfmargin2
{margin: 2% !important;}
.dtfmargintb1
{margin-top: 1% !important;
margin-bottom: 1% !important;}
.dtfmargintb2
{margin-top: 2% !important;
margin-bottom: 2% !important;}
.dtfmargintb30
{margin-top: 30px !important;
margin-bottom: 30px !important;}
.dtfmargint30
{margin-top: 30px !important;}
.dtfmarginb30
{margin-bottom: 30px !important;}
.dtfmargintb10
{margin-top: 10px !important;
margin-bottom: 10px !important;}
.dtfmargint10
{margin-top: 10px !important;}
.dtfmarginb10
{margin-bottom: 10px !important;}
.dtfmarginl10px
{margin-left: 10px !important;}
.dtfmarginr10px
{margin-right: 10px !important;}
.dtfpaddingtb30
{padding-top: 30px !important;
padding-bottom: 30px !important;}
.dtfpaddingt30
{padding-top: 30px !important;}
.dtfpaddingb30
{padding-bottom: 30px !important;}
.dtfpadding30
{padding: 30px !important;}
.dtfpaddingtb10
{padding-top: 10px !important;
padding-bottom: 10px !important;}
.dtfpaddingtb5
{padding-top: 5px !important;
padding-bottom: 5px !important;}
.dtfpaddingt10
{padding-top: 10px !important;}
.dtfpaddingb10
{padding-bottom: 10px !important;}
.dtfpadding10
{padding: 10px !important;}
.dtfpaddingb2
{padding-bottom: 2% !important;}
.dtfmargint1
{margin-top: 1% !important;}
.dtfmargint2
{margin-top: 2% !important;}
.dtfmarginb1
{margin-bottom: 1% !important;}
.dtfmarginb2
{margin-bottom: 2% !important;}
.dtfmarginl1
{margin-left: 1% !important;}
.dtfmarginl2
{margin-left: 2% !important;}
.dtfmarginr1
{margin-right: 1% !important;}
.dtfmarginr2
{margin-right: 2% !important;}
.dtfmarginl10
{margin-left: 10% !important;}
.dtfmarginr10
{margin-right: 10% !important;}
.dtfboutongauche
{margin-top:auto !important;
margin-bottom:auto !important;
margin-right:2% !important;}
.dtfboutondroit
{margin-top:auto !important;
margin-bottom:auto !important;
margin-left:2% !important;}
.dtfbouton
{background-color: #98CA64 !important;
color: #ffffff !important;
border: 2px solid #98CA64 !important;
border-radius: 10px !important;
box-shadow: 6px 6px 10px #000000 !important;
font-size: 13px !important;
padding: 7px !important;
text-transform: uppercase !important;
font-weight: 600;
line-height: normal;
text-shadow: none;
cursor: pointer;}
.dtfbouton:hover
{background-color: #fdc00b !important;
color: #ffffff !important;
border: 2px solid #98CA64 !important;
border-radius: 10px !important;
box-shadow: 6px 6px 10px #000000 !important;
font-size: 13px !important;
padding: 7px !important;
text-transform: uppercase !important;
font-weight: 600;
line-height: normal;
text-shadow: none;
cursor: pointer;
letter-spacing: 1px !important;}
.dtfcentragevertical
{margin-top:auto !important;
margin-bottom:auto !important;}
optgroup
{color: #98CA64 !important;
background-color: #3a3a3a !important;
text-decoration: underline !important;
text-transform: uppercase !important;}
option
{color: #000000 !important;
background-color: #F3F3F3 !important;
text-decoration: none !important;
text-transform: none !important;}
option:hover,option:focus,option:active
{color: #98CA64 !important;
background-color: #3a3a3a !important;
text-decoration: none !important;
text-transform: none !important;}
a.obj1
{display: inline-table;
width: 24%;
background-color: #F3F3F3;
border: 2px solid #000000;
border-radius: 10px;
box-shadow: 6px 6px 18px #000000;
text-transform: uppercase;
color: #000000 !important;}
a.obj1:hover,a.obj1:focus
{display: inline-table;
width: 24%;
background-color: #3a3a3a;
border: 2px solid #98CA64;
border-radius: 10px;
box-shadow: 6px 6px 18px #000000;
text-transform: uppercase;
color: #98CA64 !important;}
a.obj2
{display: inline-table;
width: 31%;
background-color: #F3F3F3;
border: 2px solid #000000;
border-radius: 10px;
box-shadow: 6px 6px 18px #000000;
text-transform: uppercase;
color: #000000 !important;}
a.obj2:hover,a.obj2:focus
{display: inline-table;
width: 31%;
background-color: #3a3a3a;
border: 2px solid #98CA64;
border-radius: 10px;
box-shadow: 6px 6px 18px #000000;
text-transform: uppercase;
color: #98CA64 !important;}
a.obj3
{display: inline-table;
width: 47.5%;
background-color: #F3F3F3;
border: 2px solid #000000;
border-radius: 10px;
box-shadow: 6px 6px 18px #000000;
text-transform: uppercase;
color: #000000 !important;}
a.obj3:hover,a.obj3:focus
{display: inline-table;
width: 47.5%;
background-color: #3a3a3a;
border: 2px solid #98CA64;
border-radius: 10px;
box-shadow: 6px 6px 18px #000000;
text-transform: uppercase;
color: #98CA64 !important;}
a.obj4
{display:inline-block;
max-width: 70%;
margin: auto;
background-color: #F3F3F3;
border: 2px solid #98CA64;
border-radius: 10px;
box-shadow: 6px 6px 18px #000000;
text-transform: uppercase;
color: #000000 !important;}
a.obj4:hover,a.obj4:focus
{display:inline-block;
max-width: 70%;
margin: auto;
background-color: #3a3a3a;
border: 2px solid #98CA64;
border-radius: 10px;
box-shadow: 6px 6px 18px #000000;
text-transform: uppercase;
color: #98CA64 !important;}
a.obj5
{display: inline-table;
width: 45%;
background-color: #F3F3F3;
border: 2px solid #000000;
border-radius: 10px;
box-shadow: 6px 6px 18px #000000;
text-transform: uppercase;
color: #000000 !important;}
a.obj5:hover,a.obj5:focus
{display: inline-table;
width: 45%;
background-color: #3a3a3a;
border: 2px solid #98CA64;
border-radius: 10px;
box-shadow: 6px 6px 18px #000000;
text-transform: uppercase;
color: #98CA64 !important;}
.dtfrayontitle
{width: 100% !important;
height: 100% !important;
padding-top: 1% !important;
cursor: pointer;}
.dtfmenuimg
{width: 30% !important;
margin: 10px 1% !important;
padding: 0px !important;
overflow: hidden;
background-color: #3a3a3a !important;
border: 2px solid #98CA64 !important;
border-radius: 10px !important;
box-shadow: 6px 6px 18px #000000 !important;
color: #FFFFFF !important;}
.dtfmenuimg:hover
{width: 30% !important;
margin: 10px 1% !important;
padding: 0px !important;
overflow: hidden;
background-color: #98CA64 !important;
border: 2px solid #98CA64 !important;
border-radius: 10px !important;
box-shadow: 6px 6px 18px #000000 !important;
color: #FFFFFF !important;
cursor: pointer !important;}
.dtfmenuimg2
{width: 90% !important;
margin: 5% 5% 2.5% 5% !important;
border-radius: 10px !important;}
.dtfmenuimg2:hover
{width: 95% !important;
margin: 2.5% 2.5% 0px 2.5% !important;
border-radius: 10px !important;}
.dtfmenuimgtxt
{padding: 0px 2% 3% 2% !important;}
.dtfmenuimgtxt2
{padding: 2% 2% 3% 2% !important;}
.dtfpricetab
{max-width: 80% !important;
padding: 2% !important;
background-color: #3a3a3a !important;
border: 2px solid #98CA64 !important;
border-radius: 10px !important;
box-shadow: 6px 6px 18px #000000 !important;
color: #FFFFFF !important;}
.dtfpricetab:hover
{max-width: 85% !important;
padding: 4% !important;
background-color: #3a3a3a !important;
border: 2px solid #98CA64 !important;
border-radius: 10px !important;
box-shadow: 6px 6px 18px #000000 !important;
color: #FFFFFF !important;
cursor: pointer !important;}
.dtfpricetable
{margin: 1%;
width: 48%;
max-width: 250px;
overflow: hidden;
background-color: #3a3a3a;
border: 2px solid #98CA64;
border-radius: 10px;
box-shadow: 6px 6px 18px #000000;}
.dtfpricetable:hover
{margin: 1%;
width: 48%;
max-width: 250px;
overflow: hidden;
cursor: pointer;
background-color: #3a3a3a;
border: 2px solid #98CA64;
border-radius: 10px;
box-shadow: 6px 6px 18px #000000;}
.dtfpricetable2
{margin: 1%;
width: 48%;
max-width: 250px;
overflow: hidden;
background-color: #3a3a3a;
border: 2px solid #DAA520;
border-radius: 10px;
box-shadow: 6px 6px 18px #000000;}
.dtfpricetable2:hover
{margin: 1%;
width: 48%;
max-width: 250px;
overflow: hidden;
cursor: pointer;
background-color: #3a3a3a;
border: 2px solid #DAA520;
border-radius: 10px;
box-shadow: 6px 6px 18px #000000;}
.dtfpricetitle
{margin: auto;
width: 100%;
padding: 5%;
color: #FFFFFF;
overflow: hidden;
background-color: #98CA64;}
.dtfpricetitle2
{margin: auto;
width: 100%;
padding: 5%;
color: #FFFFFF;
overflow: hidden;
font-weight: bold;
background-image: linear-gradient(to right,#DAA520,#DAA520,#ffebba,#DAA520,#DAA520);}
.dtfpricebgtitle
{font-size: 1.2em;
text-shadow: 1px 1px 1px #000000;}
.dtfpricesstitle
{font-size: 1em;
text-shadow: 1px 1px 1px #000000;}
.dtfprice
{margin: auto;
width: 100%;
padding: 5% !important;
overflow: hidden;
background-color: inherit !important;
background-color: #98CA64;}
.dtfprice2
{margin: auto;
width: 100%;
padding: 5% !important;
overflow: hidden;
background-color: inherit !important;
background-color: #98CA64;}
#boutonprice2
{border: 3px solid #DAA520 !important;}
#boutonprice2:hover
{background-image: linear-gradient(to right,#DAA520,#DAA520,#ffebba,#DAA520,#DAA520) !important;
color: #000000 !important;}
.dtfpricecond
{color: #FFFFFF;}
.dtfpriceprec
{color: #FFFFFF;}
.dtfpricepx
{color: #98CA64;
text-shadow: 6px 6px 18px #000000;
font-size: 3em;
line-height: 1em;}
.dtfpricepx2
{color: #DAA520;
text-shadow: 6px 6px 18px #000000;
font-size: 3em;
line-height: 1em;}
.dtfpriceexp
{margin: auto;
width: 100%;
padding: 0;
overflow: hidden;
background-color: inherit !important;
border-bottom: 2px solid #98CA64;}
.dtfpricessexp
{color: #FFFFFF;
line-height: 1.8em;}
.dtfpricessexp2
{color: red;
line-height: 1.8em;}
.dtfpricebutton
{padding: 5% 2%;
background-color: inherit !important;}
.dtfphotoprog
{max-width:30%;
height: auto;
margin: 1% !important;
border: 2px solid #98CA64;
border-radius: 10px;
box-shadow: 6px 6px 18px #000000;}
.dtftexteprog
{text-align: center !important;
width: auto !important;
margin: 2% 3% !important;
padding: 2% !important;}
.dtfborder
{border: 2px solid #98CA64 !important;
border-radius: 10px !important;}
.dtfshadow
{box-shadow: 6px 6px 18px #000000 !important;}
.dtfonglet
{width: 25%;
font-size: 1.2em;
min-width: 120px;
padding: 2% 2%;
margin-left: 5px;
margin-right: 5px;
color: #98CA64;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
background-color: #3a3a3a;}
.dtfonglet:hover
{width: 25%;
font-size: 1.2em;
min-width: 120px;
padding: 2% 2%;
margin-left: 5px;
margin-right: 5px;
color: #ffffff;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
background-color: #98CA64;}
.dtfonglethover
{width: 30%;
font-size: 1.3em;
min-width: 120px;
padding: 2% 2%;
margin-left: 2px;
margin-right: 2px;
color: #98CA64;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
background-color: #ffffff;}
.imgdtf1
{width: 90%;
margin: 5% 5% 2.5% 5%;
border-radius: 10px;}
.imgdtf2
{width: 90%;
margin: 5% 5% 2.5% 5%;
border-radius: 10px;}
.imgdtf3
{width: 90%;
margin: 5% 5% 2.5% 5%;
border-radius: 10px;
background-color: #000000;}
.imgdtf1:hover,.imgdtf1:focus
{width: 95%;
margin: 2.5% 2.5% 1.7% 2.5%;
border-radius: 10px;}
.imgdtf2:hover,.imgdtf2:focus
{width: 95%;
margin: 2.5% 2.5% 0% 2.5%;
border-radius: 10px;}
.imgdtf3:hover,.imgdtf3:focus
{width: 95%;
margin: 2.5% 2.5% 0% 2.5%;
border-radius: 10px;
background-color: #000000;}
.titreobj
{margin-bottom: 3% !important;}
.fielddtf
{padding: 2%;
margin-bottom: 2%;
background-color: #F3F3F3;
border: 2px solid #000000;
border-radius: 10px;
box-shadow: 6px 6px 18px #000000;
text-align: center;}
.fielddtf2
{padding: 2%;
margin-bottom: 2%;
background-color: #3a3a3a;
border: 2px solid #98CA64;
border-radius: 10px;
text-align: center;}
.fielddtf3
{padding: 2%;
margin-bottom: 2%;
background-color: #3a3a3a;
border: 2px solid #98CA64;
border-radius: 10px;
text-align: center;}
.fielddtf4
{padding: 1%;
margin-bottom: 1%;
background-color: #F3F3F3;
border: 2px solid #000000;
border-radius: 10px;
box-shadow: 6px 6px 18px #000000;
text-align: center;}
.legenddtf
{padding-top: 0px;
padding-left: 1%;
padding-right: 1%;
padding-bottom: 0px;
margin: 0px;}
.cheat
{display: inline-table !important;
width: 40% !important;
padding: 0.5% !important;
border-radius: 10px !important;
border: 2px solid #000000 !important;
background-color: #F3F3F3 !important;}
.cheat2
{display: inline-table !important;
width: 40% !important;
padding: 0.5% !important;
border: 2px solid #98CA64 !important;
border-radius: 10px !important;
box-shadow: 6px 6px 18px #000000 !important;
color: #000000 !important;
background-color: #FFFFFF !important;}
.cheat2:focus,.cheat2:hover
{display: inline-table !important;
width: 40% !important;
cursor: pointer !important;
padding: 0.5% !important;
border: 2px solid #98CA64 !important;
border-radius: 10px !important;
box-shadow: 6px 6px 18px #000000 !important;
color: #FFFFFF !important;
background-color: #3a3a3a !important;}
.inputdtf
{width: auto !important;
max-width: 90% !important;
background-color:#FFFFFF !important;
color: black !important;
padding: 0.5% !important;
margin-bottom: 1% !important;
border: 2px solid #98CA64 !important;
border-radius: 10px !important;
box-shadow: 6px 6px 18px #000000 !important;
text-align: center !important;
overflow: hidden !important;}
.inputdtfmaj
{width: 20% !important;
background-color:#FFFFFF !important;
color: black !important;
padding-top: 0.5% !important;
padding-bottom: 0.5% !important;
padding-left: 3% !important;
padding-right: 3% !important;
margin-bottom: 1% !important;
border: 2px solid #98CA64 !important;
border-radius: 10px !important;
text-align: center !important;
text-transform: uppercase !important;
overflow: hidden !important;}
.inputdtf:focus,.inputdtf:hover
{width: auto !important;
cursor: pointer !important;
max-width: 90% !important;
background-color:#3a3a3a !important;
color: #FFFFFF !important;
padding: 0.5% !important;
margin-bottom: 1% !important;
border: 2px solid #98CA64 !important;
border-radius: 10px !important;
box-shadow: 6px 6px 18px #000000 !important;
text-align: center !important;
overflow: hidden !important;}
.achatchild
{width: 50%;
background-color: #FFFFFF;}
.achatchild1
{width: 46%;
background-color: #FFFFFF;}
.achatchild2
{width: 27%;
background-color: #FFFFFF;}
.dtfone
{width: 100%;}
.dtftwo
{width: 47%;}
.dtfthree
{width: 30%;}
.dtffour
{width: 23%;}
.dtftworesponsive
{width: 47%;}
.dtfthreeresponsive
{width: 30%;}
.suivichild
{width: 46%;
height: auto;
padding: 0.5%;
border-radius: 10px;
background-color: #FFFFFF;}
.suivichild10
{display: inline-table;
width: 10%;
padding: 0.5%;
border-radius: 10px;
border: 2px solid #98CA64;
background-color: #FFFFFF;}
.suivichild30
{display: inline-table;
width: 30%;
height: auto;
padding: 0.5%;
border-radius: 10px;
background-color: #FFFFFF;}
.suivichild80
{display: inline-table;
width: 80%;
padding: 0.5%;
border-radius: 10px;
background-color: #FFFFFF;}
.suivichild90
{display: inline-table;
width: 90%;
padding: 0.5% 3%;
border-radius: 10px;
border: 2px solid #98CA64;
background-color: #FFFFFF;}
.suivichildblack80
{display: inline-table;
width: 80%;
padding: 0.5%;
border-radius: 10px;
background-color: #3a3a3a;
color: #98CA64;}
.suivichildblack18
{display: inline-table;
width: 18%;
padding: 0.5%;
border-radius: 10px;
background-color: #3a3a3a;
color: #98CA64;}
.suivichildblack
{display: inline-table;
width: 46%;
height: auto;
padding: 0.5%;
border-radius: 10px;
background-color: #3a3a3a;}
.suivichild2
{display: inline-table;
width: 46% !important;
height: auto !important;
padding: 0.5% !important;
background-color:#FFFFFF !important;
color: black !important;
border: 2px solid #98CA64 !important;
border-radius: 10px !important;
box-shadow: 6px 6px 18px #000000 !important;}
.suivichild2:focus,.suivichild2:hover
{display: inline-table;
cursor: pointer !important;
width: 46% !important;
height: auto !important;
padding: 0.5% !important;
background-color:#3a3a3a !important;
color: #FFFFFF !important;
border: 2px solid #98CA64 !important;
border-radius: 10px !important;
box-shadow: 6px 6px 18px #000000 !important;}
.suivichildpromo
{display: inline-table;
max-width: 200px !important;
height: auto !important;
padding: 0.5% !important;
background-color:#FFFFFF !important;
color: #000000 !important;
border: 2px solid #98CA64 !important;
border-radius: 10px !important;
box-shadow: 6px 6px 18px #000000 !important;}
.suivichildpromo:focus,.suivichildpromo:hover
{display: inline-table;
cursor: pointer !important;
max-width: 200px !important;
height: auto !important;
padding: 0.5% !important;
background-color:#3a3a3a !important;
color: #FFFFFF !important;
border: 2px solid #98CA64 !important;
border-radius: 10px !important;
box-shadow: 6px 6px 18px #000000 !important;}
::placeholder
{text-transform: none !important;
letter-spacing: normal !important;
color: rgba(0,0,0,.6) !important;}
.suivichild18
{display: inline-table;
width: 18% !important;
padding: 0.5% !important;
background-color:#FFFFFF !important;
color: black !important;
border: 2px solid #98CA64 !important;
border-radius: 10px !important;
box-shadow: 6px 6px 18px #000000 !important;}
.suivichild18:focus,.suivichild18:hover
{display: inline-table;
cursor: pointer !important;
width: 18% !important;
padding: 0.5% !important;
background-color:#3a3a3a !important;
color: #FFFFFF !important;
border: 2px solid #98CA64 !important;
border-radius: 10px !important;
box-shadow: 6px 6px 18px #000000 !important;}
.suivichild3
{display: inline-table;
width: 22% !important;
min-width: 120px !important;
height: auto !important;
padding: 0.5% !important;
background-color:#FFFFFF !important;
color: black !important;
border: 2px solid #98CA64 !important;
border-radius: 10px !important;
box-shadow: 6px 6px 18px #000000 !important;}
.suivichild4
{display: inline-table;
width: 50% !important;
height: auto !important;
padding: 0.5% !important;
border-radius: 10px !important;
background-color: #FFFFFF !important;}
.suivichild5
{display: inline-table;
width: 120px !important;
background-color:#FFFFFF !important;
color: black !important;
padding: 0.5% !important;
border: 2px solid #98CA64 !important;
border-radius: 10px !important;
box-shadow: 6px 6px 18px #000000 !important;}
.dtfcursor
{cursor: pointer;}
.suivichild6
{display: inline-table;
width: auto !important;
background-color:#FFFFFF !important;
color: black !important;
padding: 1% !important;
margin: 1% !important;
border: 2px solid #98CA64 !important;
border-radius: 10px !important;
box-shadow: 6px 6px 18px #000000 !important;}
.classchild
{display: inline-table;
width: 40%;
padding: 0.5%;
border-radius: 10px;
background-color: #FFFFFF;}
.classchild2
{display: inline-table;
width: 40%;
padding: 0.5%;
border-radius: 10px;
background-color: #3a3a3a;
color: #98CA64;
font-weight: bold;}
.classchild4
{display: inline-table;
width: 15%;
padding: 0.5%;
border-radius: 10px;
background-color: #3a3a3a;
color: #98CA64;
font-weight: bold;}
.classchild3
{display: inline-table;
width: 15%;
padding: 0.5%;
border-radius: 10px;
background-color: #FFFFFF;}
.aidedtf, .aidedtf:visited
{display: inline-table;
width: 22px !important;
color: #FFFFFF !important;
background-color: #3a3a3a !important;
padding: 0.5% !important;
border: 2px solid #98CA64 !important;
border-radius: 10px !important;
box-shadow: 6px 6px 18px #000000 !important;}
.aidedtf:hover
{display: inline-table;
cursor: pointer !important;
width: 22px !important;
color: #FFFFFF !important;
background-color: #98CA64 !important;
padding: 0.5% !important;
border: 2px solid #3a3a3a !important;
border-radius: 10px !important;
box-shadow: 6px 6px 18px #000000 !important;}
.aidedtf2, .aidedtf2:visited
{display: inline-table;
position: fixed !important;
right: 8% !important;
cursor: pointer !important;
width: 22px !important;
color: #FFFFFF !important;
background-color: #3a3a3a !important;
padding: 5px !important;
border: 2px solid #98CA64 !important;
border-radius: 10px !important;
box-shadow: 6px 6px 18px #000000 !important;}
.aidedtf2:hover
{position: fixed !important;
right: 8% !important;
cursor: pointer !important;
width: 22px !important;
color: #FFFFFF !important;
background-color: #98CA64 !important;
padding: 5px !important;
border: 2px solid #3a3a3a !important;
border-radius: 10px !important;
box-shadow: 6px 6px 18px #000000 !important;}
.canvasdtf
{width: 100%;
height: auto;}
.checkcourses
{width: 20px;
height: 20px;
background-color: #FFFFFF;}
.checkcourses:hover, .checkcourses:focus
{cursor: pointer;}
.coche
{width: 34px;
height: auto;
background-color: #FFFFFF;
border: 2px solid #98CA64;
border-radius: 10px;
box-shadow: 6px 6px 18px #000000;
text-align: center;}
.coche2
{display: inline-table;
width: 34px;
height: auto;
padding: 0.5%;
background-color: #3a3a3a;
color: #98CA64;
border-radius: 10px;}
.aliments
{display: inline-table;
width: 55%;
height: auto;
padding: 0.5%;
background-color: #FFFFFF;
border-radius: 10px;}
.aliments2
{display: inline-table;
width: 55%;
height: auto;
padding: 0.5%;
background-color: #3a3a3a;
color: #98CA64;
border-radius: 10px;}
.energietot,.besointot
{display: inline-table;
width: 20%;
height: auto;
padding: 0.5%;
background-color: #FFFFFF;
border-radius: 10px;}
.energietot2,.besointot2
{display: inline-table;
width: 20%;
height: auto;
padding: 0.5%;
background-color: #3a3a3a;
color: #98CA64;
border-radius: 10px;}
.courseschild2
{display: inline-table;
width: 20%;
height: auto;
background-color:#FFFFFF;
color: black;
padding: 0.5%;
border: 2px solid #98CA64;
border-radius: 10px;
box-shadow: 6px 6px 18px #000000;
text-align: center;}
.courseschild2:focus,.courseschild2:hover
{display: inline-table;
cursor: pointer;
width: 20%;
height: auto;
background-color:#3a3a3a;
color: #FFFFFF;
padding: 0.5%;
border: 2px solid #98CA64;
border-radius: 10px;
box-shadow: 6px 6px 18px #000000;}
.perf
{width: 40%;
display: inline-block;
background-color:#FFFFFF;
color: black;
padding: 0.5%;
margin: 1% 2%;
border: 2px solid #98CA64;
border-radius: 10px;
box-shadow: 6px 6px 18px #000000;
text-align: center;}
.perf:focus, .perf:hover
{width: 40%;
display: inline-block;
cursor: pointer;
background-color:#3a3a3a;
color: #FFFFFF;
padding: 0.5%;
margin: 1% 2%;
border: 2px solid #98CA64;
border-radius: 10px;
box-shadow: 6px 6px 18px #000000;
text-align: center;}
.perfblack
{width: 40%;
display: inline-block;
background-color:#3A3A3A;
color: #98CA64;
padding: 0.5%;
margin: 1% 2%;
border: 2px solid #3a3a3a;
border-radius: 10px;
text-align: center;}
.perf2
{width: 40%;
display: inline-block;
background-color:#FFFFFF;
color: black;
padding: 0.5%;
margin: 1% 2%;
border: 2px solid #98CA64;
border-radius: 10px;
text-align: center;}
#counterphoto .soon-reflection,#counterphoto2 .soon-reflection,#countermens .soon-reflection,#countersuivi .soon-reflection,#countersuivi2 .soon-reflection
{background-color:#ffffff;
background-image:linear-gradient(#ffffff 25%,rgba(255,255,255,0));}
#counterphoto,#counterphoto2,#countermens,#countersuivi,#countersuivi2
{font-size: 16px;
font-weight: bold;
text-transform: uppercase;
width: 60%;
border: 2px solid #000000;
border-radius: 10px;
box-shadow: 2px 2px 2px #000000;
background-color: #FFFFFF;
background-position:top;
color:#98CA64;
padding: 0px;
margin: 0px;}
#counterphoto .soon-separator,#counterphoto2 .soon-separator,#countermens .soon-separator,#countersuivi .soon-separator,#counterphoto .soon-label,#counterphoto2 .soon-label,#countermens .soon-label,#countersuivi .soon-label,#countersuivi2 .soon-label
{color: #000000;}
#countergen
{background-color: transparent;
background-position:top;
color:#000000;
padding: 0px;
margin: 0px;}
#countergen .soon-reflection {background-color:#ffffff;background-image:linear-gradient(#ffffff 25%,rgba(255,255,255,0));}
#countergen .soon-flip-face
{background-color:#98CA64;
color:#ffffff;
box-shadow: 2px 2px 2px #000000;}
#countergen .soon-flip-fallback
{background-color:#98CA64;
color:#ffffff;
box-shadow: 2px 2px 2px #000000;}
#counterserie1,#counterserie2,#counterserie3,#counterserie4,#counterexo1,#counterexo2,#counterexo3,#counterexo4,#counterhiitend,#counterseance,#counterhiit,#counterechrepos,#counterreps,#counterech,#countereval
{
padding-top: 3%;
padding-bottom: 0%;
padding-left: 0%;
padding-right: 0%;
margin: 0%;
color:#98CA64;
background-color: transparent;
border-radius: 10px;}
#counterserie1 .soon-reflection,#counterserie2 .soon-reflection,#counterserie3 .soon-reflection,#counterserie4 .soon-reflection,#counterexo1 .soon-reflection,#counterexo2 .soon-reflection,#counterexo3 .soon-reflection,#counterexo4 .soon-reflection,#counterhiitend .soon-reflection,#counterseance .soon-reflection,#counterhiit .soon-reflection,#counterechrepos .soon-reflection,#counterreps .soon-reflection,#counterech .soon-reflection,#countereval .soon-reflection
{background-color:#000000;
background-image:linear-gradient(#000000 25%,rgba(0,0,0,0));}
#counterserie1 .soon-ring-progress,#counterserie2 .soon-ring-progress,#counterserie3 .soon-ring-progress,#counterserie4 .soon-ring-progress,#counterexo1 .soon-ring-progress,#counterexo2 .soon-ring-progress,#counterexo3 .soon-ring-progress,#counterexo4 .soon-ring-progress,#counterhiitend .soon-ring-progress,#counterseance .soon-ring-progress,#counterhiit .soon-ring-progress,#counterechrepos .soon-ring-progress,#counterreps .soon-ring-progress,#counterech .soon-ring-progress,#countereval .soon-ring-progress
{background-color:#c0c0c0;
border-top-width:0.300em;
border-bottom-width:0.100em;}
#counterserie1 .soon-label,#counterserie2 .soon-label,#counterserie3 .soon-label,#counterserie4 .soon-label,#counterexo1 .soon-label,#counterexo2 .soon-label,#counterexo3 .soon-label,#counterexo4 .soon-label,#counterhiitend .soon-label,#counterseance .soon-label,#counterhiit .soon-label,#counterechrepos .soon-label,#counterreps .soon-label,#counterech .soon-label,#countereval .soon-label
{color: #000000;}
.imgexos
{width: 50%;
min-height: 50vh;
margin: auto;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
background-color: #FFFFFF;
border: 2px solid #98CA64;
border-radius: 10px;}
.histoseance1
{display: block;
width: auto;
margin: 1%;}
.histoseance3
{display: block;
width: auto;
margin: 1%;
color: #FFFFFF;}
.histoseancebout
{display: block;
margin-top: 1%;
width: auto;}
.seancechild
{width: 49%;
min-height: 40vh;
padding: 0.5% !important;
margin-top: 1% !important;
margin-bottom: 1% !important;
background-color: #FFFFFF;
border: 2px solid #98CA64;
border-radius: 10px;
box-shadow: 6px 6px 18px #000000;}
.seancechild2
{width: 49%;
min-height: 40vh;
font-weight: bold;
background-color: #FFFFFF;
padding: 0.5% !important;
margin-top: 1% !important;
margin-bottom: 1% !important;
border: 2px solid #98CA64;
border-radius: 10px;
box-shadow: 6px 6px 18px #000000;}
.image1
{height: 90%;
background-size: contain;
background-repeat: no-repeat;
background-position: center;}
.image2
{height: 98%;
background-size: contain;
background-repeat: no-repeat;
background-position: center;}
.boutonseances
{position:absolute;}
.boutonseances2
{padding: 10px 20px !important;
letter-spacing: 0px !important;}
.boutonseances2:hover
{padding: 10px 20px !important;
letter-spacing: 0px !important;}
.boutonseances2:active
{padding: 10px 20px !important;
letter-spacing: 0px !important;}
.boutonson
{position:absolute;
margin-top: 50px;}
.boutonson2
{font-size: 1.15em !important;
padding: 5px 15px !important;
letter-spacing: 0px !important;
color: #FFFFFF !important;
border: 2px solid #98CA64 !important;}
.boutonson2:hover
{font-size: 1.15em !important;
padding: 5px 15px !important;
letter-spacing: 0px !important;}
.modseancechild
{width: 65%;
min-height: 170px;
padding: 1%;
background-color: #FFFFFF;
border: 2px solid #000000;
border-radius: 10px;
text-align: center;}
.modseancechild2
{width: 30%;
min-height: 170px;
background-color: #FFFFFF;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
padding: 1%;
border: 2px solid #000000;
border-radius: 10px;}
.dietypage
{width: 60%;
padding: 0.5%;
margin-bottom: 1%;
background-color: transparent;
border: 2px solid #98CA64;
border-radius: 10px;
box-shadow: 6px 6px 18px #000000;}
.dietysidebar
{width: 40%;
padding: 0.5%;
margin-bottom: 1%;
background-color: transparent;
border: 2px solid #98CA64;
border-radius: 10px;
box-shadow: 6px 6px 18px #000000;}
h1.entry-title
{text-align: center;}
.menualiment
{display: inline-table;
width: 70%;
padding: 0.5%;
background-color: #FFFFFF;
border-radius: 10px;}
.menuquant
{display: inline-table;
width: 20%;
padding: 0.5%;
background-color: #FFFFFF;
border-radius: 10px;}
.selectiondtfchild
{display: inline-table;
width: 80px !important;
padding: 0% 0.5% 0% 0.5% !important;
margin: 0% 1% 1% 1% !important;
color: #FFFFFF !important;
border: 2px solid #98CA64 !important;
border-radius: 10px !important;
box-shadow: 6px 6px 18px #000000 !important;
background-color: #3a3a3a !important;}
.selectiondtfchild:hover, .selectiondtfchild:focus
{display: inline-table;
width: 100px !important;
padding: 0% 0.5% 0% 0.5% !important;
margin: 0% 1% 1% 1% !important;
color: #98CA64 !important;
font-weight: 700 !important;
cursor: pointer !important;
border: 2px solid #98CA64 !important;
border-radius: 10px !important;
box-shadow: 6px 6px 18px #000000 !important;
background-color: #3a3a3a !important;}
.seancedtfchild
{width: 25%;
padding: 0% 0.5% 0% 0.5%;
margin-left: 1%;
margin-right: 1%;
border-radius: 10px;
background-color: #FFFFFF;}
.seancedtfchild2
{width: 40%;
padding: 0% 0.5% 0% 0.5%;
margin-top: 0.5%;
margin-left: 1%;
margin-right: 1%;
border-radius: 10px;
background-color: #FFFFFF;}
.imgrecomp
{width: 130px;}
.histocartchild
{width: 45%;
border-radius: 10px;
border: 2px solid #000000;
background-color: #F3F3F3;}
.histocartchild2
{width: 100%;
border-radius: 10px;
border: 2px solid #000000;
background-color: #F3F3F3;}
.histogrammes
{padding: 1%;
background-color: #F3F3F3;
border-radius: 10px;
border: 2px solid #000000;
width: 100%;
text-align: center;}
.et-learn-more
{width: 100%;
color: #98CA64;}
.heading-more
{text-align: center;
color: #98CA64;
background: #000000;}
.learn-more-content
{text-align: justify;
color: #000000;
background: #FFFFFF;}
input[type="submit"],input[type="button"],input[type="reset"],button
{box-shadow: 6px 6px 18px #000000 !important;
padding: 10px 20px !important;}
input[type="image"]
{background-color: transparent !important;
padding: 10px 0px !important;}
.dtfboutonchoixprog
{width: 120px !important;
height: 50px !important;
font-size: 1.2em !important;
padding: 1% !important;
border-width: 0px !important;
background-image: linear-gradient(#ffe200,#ff4e00) !important;
color: #FFFFFF !important;}
.dtfboutondiv
{margin: 15px 0px 10px 0px !important;
text-align: center !important;}
.dtfrecap
{position: relative !important;
top: -120px !important;
max-width: 50% !important;
padding: 15px !important;
border: 2px solid #98CA64;
border-radius: 10px;}
.dtfboutonpaypal
{text-align: center !important;
margin: auto !important;
width: 160px !important;
height: 50px !important;
margin-bottom: 10px !important;
border-radius: 50px;
box-shadow: 6px 6px 18px #000000 !important;
background-image: linear-gradient(#ffffb6,#efa308) !important;
color: #FFFFFF !important;
border: 0px !important;}
.dtfboutonpaypal:hover
{text-align: center !important;
margin: auto !important;
width: 180px !important;
height: 50px !important;
margin-bottom: 10px !important;
border-radius: 50px;
box-shadow: 6px 6px 18px #000000 !important;
background-image: linear-gradient(#ffffb6,#efa308) !important;
color: #FFFFFF !important;
border: 0px !important;}
.dtfclickpaypalbouton
{margin: auto;
width: 120px !important;
height: 49px !important;}
#s2member-pro-stripe-checkout-form-source-token-button
{font-size: 18px !important;
width: 100% !important;
height: 50px !important;
padding: 0px 2% !important;}
#s2member-pro-stripe-checkout-form-description-div, #s2member-pro-paypal-checkout-form-description-div, #s2member-pro-paypal-registration-form-description-div
{text-align: center !important;}
#s2member-pro-stripe-checkout-form-submit-div, #s2member-pro-paypal-checkout-form-submit-div, #s2member-pro-paypal-registration-form-submit-div
{text-align: center !important;
float: none !important;}
#s2member-pro-stripe-checkout-submit, #dtfboutonformules, #s2member-pro-paypal-registration-submit
{width: 160px !important;
height: 50px !important;
font-size: 1.2em !important;
padding: 1% !important;
border-width: 0px !important;
background-image: linear-gradient(#ffe200,#ff4e00) !important;
margin-bottom: 10px !important;
color: #FFFFFF !important;}
#s2member-pro-stripe-checkout-submit:hover, #dtfboutonformules:hover, #s2member-pro-paypal-registration-submit:hover
{width: 180px !important;
height: 50px !important;
font-size: 1.2em !important;
padding: 1% !important;
border-width: 0px !important;
background-image: linear-gradient(#ffe200,#ff4e00) !important;
margin-bottom: 10px !important;
color: #FFFFFF !important;}
.dtfgrosbouton
{width: auto !important;
height: 50px !important;
font-size: 1.2em !important;
padding: 1% !important;
border-width: 0px !important;
background-image: linear-gradient(#ffe200,#ff4e00) !important;
color: #FFFFFF !important;}
#s2member-pro-stripe-checkout-form-registration-section-title, #s2member-pro-stripe-form-billing-method-section-title, #s2member-pro-stripe-checkout-form-submission-section-title, #s2member-pro-paypal-checkout-form-registration-section-title, #s2member-pro-paypal-checkout-form-billing-method-section-title, #s2member-pro-paypal-checkout-form-submission-section-title, #s2member-pro-paypal-registration-form-submission-section-title, #s2member-pro-paypal-registration-form-registration-section-title, #s2member-pro-paypal-registration-form-captcha-section-title
{text-align: center !important;}
#s2member-pro-stripe-checkout-form-source-token-summary
{margin-top: 15px !important;}
.dtfpaiement
{font-size: 150%;
text-align: center;
min-height: 22px;
margin: 0 0 2% 0;
border: 1px solid;
border-color: #000000 !important;
padding: 10px 0 10px 0;
border-width: 0 0 1px 0;
font-family: 'Domine','Georgia',serif;}
.dtfdivpaiement
{margin: 0px 5%;
border-radius: 10px;
box-shadow: 6px 6px 18px #000000;
padding: 2%;}
.dtfdivrecap
{flex-grow: 1;
width: auto;
margin: 10px;
padding: 20px;
border: 2px solid #98CA64;
border-radius: 10px;
background-color: #F3F3F3;
box-shadow: 6px 6px 18px #000000;}
.dtfdivrecap2
{width: auto;
min-width: 280px;
margin: 10px;
padding: 20px;
border: 2px solid #98CA64;
border-radius: 10px;
background-color: #F3F3F3;
box-shadow: 6px 6px 18px #000000;}
.dtfselectachat
{width: 100%;}
.dtfformule
{min-width:160px !important;
margin: 1% 2% !important;
padding: 1% !important;
border: 2px solid #98ca64;
border-radius: 10px !important;
background-color: #3a3a3a !important;
color: #FFFFFF !important;
box-shadow: 6px 6px 18px #000000 !important;
cursor: pointer !important;}
.dtfformule1
{width: 100% !important;
color: #98CA64 !important;
border-bottom: 2px solid #98CA64 !important;}
.dtfformule2
{width: 100% !important;
margin-top: 15px !important;}
.dtfformule3
{font-size: 50px !important;
color: #98CA64 !important;
margin-top: 15px !important;
margin-bottom: 10px !important;}
.dtfformule4
{width: 100% !important;}
.dtfformule5
{color: #98CA64;
text-decoration: underline !important;
width: 100% !important;}
.javavert
{width: 60%;
color: #FFFFFF;
padding: 0.5%;
margin-bottom: 1%;
background-color: #3a3a3a;
border: 2px solid #98CA64;
border-radius: 10px;
box-shadow: 6px 6px 18px #000000;}
.loaderdtf
{position: fixed;
z-index: 9999;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: url('dtf/img/loader.png') 50% 56% no-repeat, url('dtf/img/loader2.png') 50% 44% no-repeat rgba(0,0,0,0.7);
cursor : wait;}
.ensavoir
{text-transform:uppercase;
color:#98CA64;
text-align:center;
margin: 1%;
text-align: center;
width: 98%;
background-color: #FFFFFF;
border: 2px solid #98CA64;
border-radius: 10px;
box-shadow: 6px 6px 18px #000000;
padding: 1%;
cursor: pointer;}
.ensavoir:hover
{text-transform:uppercase;
color:#98CA64;
text-align:center;
margin: 1%;
text-align: center;
width: 98%;
background-color: #3a3a3a;
border: 2px solid #98CA64;
border-radius: 10px;
box-shadow: 6px 6px 18px #000000;
padding: 1%;
cursor: pointer;}
.savoir
{text-align: center;
width: 98%;
display: none;
background-color: #FFFFFF;
border: 2px solid #98CA64;
border-radius: 10px;
margin: 1%;
padding: 1%;}
.dtfdiv
{width: 100%;
padding: 1% 0px 2% 0px !important;}
.no-close .ui-dialog-titlebar-close
{display: none;}
.et_pb_promo:hover
{margin: -5% !important;
cursor: pointer !important;}
#footer
{margin-top: 0px !important;}
div.et-pb-contact-message
{text-transform: uppercase;
color: #98CA64;}
.dtfdisplaynone
{display: none;}
#promo15j,#jetondtf
{color: #98CA64 !important;
text-decoration: underline !important;
text-align: center !important;
text-transform: uppercase !important;
margin: 1% 10%;
cursor: pointer !important;}
.equip
{display: none;
position: fixed;
max-width: 80%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);}
.dtfextramargin
{margin-left: 10% !important;
margin-right: 10% !important;}
article.articledtf
{margin: 40px 5% 40px 5% !important;
width:90% !important;
border-radius:10px !important;}
#wpas-reply-textarea
{width: 100% !important;
max-height: 40% !important;}
.choixcoach1
{background-color: #F3F3F3;
border: 2px solid #98CA64;
border-radius: 10px;}
.choixcoach2
{width: 30vw;
height: 30vh;
background-position: center;
background-repeat: no-repeat;
background-size: contain;}
.wpforms-form textarea, .wpforms-form input.wpforms-field-large, .wpforms-form select.wpforms-field-large, .dtfinput
{border: 2px solid #98CA64 !important;
border-radius: 10px !important;
background-color: #FFFFFF !important;
color: #000000 !important;
box-shadow: 6px 6px 18px #000000 !important;}
.dtfinput:focus,.dtfinput:hover
{border: 2px solid #98CA64 !important;
border-radius: 10px !important;
background-color: #3A3A3A !important;
color: #FFFFFF !important;
box-shadow: 6px 6px 18px #000000 !important;}
.wpforms-submit-container
{text-align: center !important;}
div.wpforms-container-full
{margin-bottom: 0px !important;}
.dtfmessages
{border-radius: 10px !important;
background-color: #F3F3F3 !important;
padding: 2% 5% !important;
text-align: center !important;}
li.affwp-affiliate-dashboard-tab
{padding: 0% 1% !important;
margin: 1% !important;
border: 2px solid #98CA64;
border-radius: 10px;
box-shadow: 6px 6px 18px #000000;}
.dtfimg2
{max-width: 30%;}
.dtfimg3
{max-width: 20%;}
.dtftxt2
{max-width: 60%;}
.dtftxt3
{max-width: 50%;}
.et_pb_more_button
{border-radius: 10px !important;}
.ui-datepicker
{min-width: 150px !important;}
.pb0
{text-align: center !important;}
.pbSubmit
{float: none !important;
max-width: 100px !important;
padding: 5px 10px !important;
margin: auto !important;
background-color: #000000 !important;
color: #FFFFFF !important;
letter-spacing: 0px !important;
border: 2px solid #98CA64 !important;
box-shadow: 6px 6px 18px #000000 !important;
border-radius: 10px !important;}
.pbSubmit:hover
{float: none !important;
max-width: 100px !important;
padding: 5px 10px !important;
margin: auto !important;
background-color: #98CA64 !important;
color: #FFFFFF !important;
letter-spacing: 1px !important;
border: 2px solid #98CA64 !important;
box-shadow: 6px 6px 18px #000000 !important;
border-radius: 10px !important;}
.ui-state-active
{background: #98CA64 !important;}
.ui-datepicker-prev, .ui-datepicker-next
{background-image: none !important;
background-color: #FFFFFF !important;
top: 7px !important;
width: 2em !important;
height: 2em !important;}
.ui-datepicker-prev
{left: 7px !important;}
.ui-datepicker-next
{right: 7px !important;}
.ui-datepicker-title
{text-transform: uppercase !important;
color: #98CA64 !important;
font-size: 1.5em !important;}
.fieldCalendarServicefieldname1_1
{display: none !important;}
#fbuilder .slots div
{width: 50px !important;
border-radius: 10px !important;
overflow: hidden !important;}
#fbuilder .slots div a
{width: 50px !important;}
.ahb_list
{margin-top: 20px !important;
padding: 10px !important;
border: 2px solid #98CA64 !important;
border-radius: 10px !important;
text-transform: uppercase !important;}
#fbuilder div.cpefb_error
{left: 40% !important;}
div.g-recaptcha div
{margin: auto !important;}
.dtfvideo
{max-width: 95%;
border: 2px solid #98CA64;
border-radius: 10px;
padding: 5px;}
a .readmore-text
{color: #98CA64 !important;}
.dtfchoixprogcase
{display: flex !important;   
flex-direction: row !important;
text-align: center !important;
justify-content: space-between !important;
flex-wrap: nowrap !important;
align-items: center !important;
align-content: center !important;
width: 500px;
background-color: #FFFFFF;
overflow: hidden;
max-width: 90%;
color: #000000;
cursor: pointer;}
.dtfchoixprogcase2
{display: flex !important;   
flex-direction: row !important;
text-align: center !important;
justify-content: space-between !important;
flex-wrap: nowrap !important;
align-items: center !important;
align-content: center !important;
width: 500px;
background-color: #98CA64;
overflow: hidden;
max-width: 90%;
color: #FFFFFF;
border: 2px solid #FFFFFF;
cursor: pointer;}
.dtfchoixprogimg
{height: 120px;
background-color: #FFFFFF;}
.dtfchoixprogtitle
{margin-left: 10px;
margin-right: 10px;
font-size:20px;
width: 380px;}
.dtfchoixprogtitle2
{width: 85%;}
.dtfchoixprogbouton
{background-color: #000000 !important;
color: #ffffff !important;
border: 2px solid #98CA64 !important;
box-shadow: 6px 6px 18px #000000 !important;
padding: 15px !important;
margin-left: 30px;
margin-right: 30px;
font-size: 16px !important;
width: 100px;}
.dtfchoixprogbouton:hover
{background-color: #98CA64 !important;
letter-spacing: 1px !important;}
.dtfchoixprogboutons
{display: none;}
.dtfchoixprogzonecase
{text-align: center !important;
background-color: #FFFFFF;
color: #000000;
padding: 20px;
cursor: pointer;}
.dtfchoixprogzonecase2
{text-align: center !important;
background-color: #98CA64;
color: #FFFFFF;
border: 2px solid #FFFFFF;
padding: 20px;
cursor: pointer;}
.dtfchoixprogzoneimg
{max-width: 50% !important;}
.dtfchoixprogbouton2
{background-color: grey !important;
color: #c0c0c0 !important;
border: 2px solid grey !important;
box-shadow: 6px 6px 18px #000000 !important;
padding: 15px !important;
margin-left: 30px;
margin-right: 30px;
font-size: 16px !important;
width: 100px;}
.dtfchoixproginput
{border: 2px solid #98CA64 !important;
border-radius: 10px !important;
background-color: #FFFFFF !important;
color: #000000 !important;
box-shadow: 0px 0px 18px #000000 !important;}

.mwai-chatgpt-theme.mwai-bubble .mwai-icon-container {
    border: 2px solid black !important;}
.tawk-min-container .tawk-button-circle.tawk-button-large {
    border: 2px solid black !important;}

.wpmtst-testimonial, .wpmtst-testimonial-inner
{border-radius: 10px !important;
border: none !important;}
.dtftestimonials
{max-width: 95% !important;
margin: auto;}

@media all and (max-width: 980px),(orientation:portrait)
{.dtfextramargin
{margin-left: 5% !important;
margin-right: 5% !important;}
.choixcoach1
{background-color: #F3F3F3;
border: 2px solid #98CA64;
border-radius: 10px;}
.choixcoach2
{width: 30vw;
height: 20vh;
background-position: center;
background-repeat: no-repeat;
background-size: contain;}}
    
@media all and (max-width: 600px),(orientation:portrait)
{article.articledtf
{margin: 2.5% !important;
width:95% !important;
border-radius:10px !important;}
.dtftworesponsive
{width: 100%;}
.dtfthreeresponsive
{width: 100%;}
.dtfimg2
{max-width: 60%;}
.dtfimg3
{max-width: 30%;}
.dtftxt2
{max-width: 90%;}
.dtftxt3
{max-width: 90%;}
.dtffirst
{order: 1;}
.dtfsecond
{order: 2;}
.dtfthird
{order: 3;}
div.wpforms-container-full .wpforms-form .wpforms-one-half
{width: 100% !important;
margin-left: 0px !important;}
.dtfdesktoponly
{display: none !important;}
.dtfmobileonly
{display: block !important;}  
.dtfformule
{margin: 1% 1% !important;
padding: 5px !important;
min-width: 120px !important;
border: 2px solid #98ca64;
border-radius: 10px !important;
background-color: #3a3a3a;
color: #FFFFFF;
box-shadow: 6px 6px 18px #000000 !important;}
.imgexos
{width: 80%;
min-height: 40vh;
margin: auto;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
background-color: #FFFFFF;
border: 2px solid #98CA64;
border-radius: 10px;}
.seancechild
{width: 75vw;
min-height: 30vh;
padding: 0.5% !important;
margin-top: 1% !important;
margin-bottom: 1% !important;
background-color: #FFFFFF;
border: 2px solid #98CA64;
border-radius: 10px;
box-shadow: 6px 6px 18px #000000;}
.seancechild2
{width: 75vw;
min-height: 30vh;
background-color: #FFFFFF;
padding: 0.5% !important;
margin-top: 1% !important;
margin-bottom: 1% !important;
border: 2px solid #98CA64;
border-radius: 10px;
box-shadow: 6px 6px 18px #000000;}
.image1
{height: 90%;
background-size: contain;
background-repeat: no-repeat;
background-position: center;}
.boutonseances
{position:absolute;
right: 6%;}
.boutonseances2
{padding: 8px 8px !important;
letter-spacing: 0px !important;}
.boutonseances2:hover
{padding: 8px 8px !important;
letter-spacing: 0px !important;}
.boutonseances2:active
{padding: 8px 8px !important;
letter-spacing: 0px !important;}
.boutonson
{position:absolute;
left: 6%;
margin-top: 0px;}
.boutonson2
{font-size: 1.15em !important;
padding: 5px 5px !important;
letter-spacing: 0px !important;
color: #FFFFFF !important;
border: 2px solid #98CA64 !important;}
.boutonson2:hover
{font-size: 1.15em !important;
padding: 5px 5px !important;
letter-spacing: 0px !important;}
a.obj1
{width: 48%;
background-color: #F3F3F3;
border: 2px solid #000000;
border-radius: 10px;
box-shadow: 6px 6px 18px #000000;
text-transform: uppercase;
color: #000000 !important;}
a.obj1:hover,a.obj1:focus
{width: 48%;
background-color: #3a3a3a;
border: 2px solid #98CA64;
border-radius: 10px;
box-shadow: 6px 6px 18px #000000;
text-transform: uppercase;
color: #98CA64 !important;}
a.obj2
{width: 70vw;
background-color: #F3F3F3;
border: 2px solid #000000;
border-radius: 10px;
box-shadow: 6px 6px 18px #000000;
text-transform: uppercase;
color: #000000 !important;}
a.obj2:hover,a.obj2:focus
{width: 75vw;
background-color: #3a3a3a;
border: 2px solid #98CA64;
border-radius: 10px;
box-shadow: 6px 6px 18px #000000;
text-transform: uppercase;
color: #98CA64 !important;}
a.obj3
{width: 47.5%;
background-color: #F3F3F3;
border: 2px solid #000000;
border-radius: 10px;
box-shadow: 6px 6px 18px #000000;
text-transform: uppercase;
color: #000000 !important;}
a.obj3:hover,a.obj3:focus
{display: inline-table;
width: 47.5%;
background-color: #3a3a3a;
border: 2px solid #98CA64;
border-radius: 10px;
box-shadow: 6px 6px 18px #000000;
text-transform: uppercase;
color: #98CA64 !important;}
a.obj5
{display: inline-table;
width: 70vw;
background-color: #F3F3F3;
border: 2px solid #000000;
border-radius: 10px;
box-shadow: 6px 6px 18px #000000;
text-transform: uppercase;
color: #000000 !important;}
a.obj5:hover,a.obj5:focus
{display: inline-table;
width: 75vw;
background-color: #3a3a3a;
border: 2px solid #98CA64;
border-radius: 10px;
box-shadow: 6px 6px 18px #000000;
text-transform: uppercase;
color: #98CA64 !important;}
.dtfonglet
{width: 25%;
font-size: 1em;
min-width: 90px;
padding: 2% 2%;
margin-left: 5px;
margin-right: 5px;
color: #98CA64;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
background-color: #3a3a3a;}
.dtfonglet:hover
{width: 25%;
font-size: 1em;
min-width: 90px;
padding: 2% 2%;
margin-left: 5px;
margin-right: 5px;
color: #ffffff;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
background-color: #98CA64;}
.dtfonglethover
{width: 25%;
font-size: 1em;
min-width: 90px;
padding: 2% 2%;
margin-left: 2px;
margin-right: 2px;
color: #98CA64;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
background-color: #ffffff;}
body
{font-size: 15px !important;}
.achatchild1
{width: 60%;
background-color: #FFFFFF;}
.achatchild2
{width: 20%;
background-color: #FFFFFF;}}

/* Mode portrait : afficher choixportrait et cacher choixpaysage */
@media screen and (orientation: portrait) {
    .choixportrait {
        display: block !important; /* Affiche choixportrait */
    }
    .choixpaysage {
        display: none !important; /* Cache choixpaysage */
    }
    .choixpaysage2 {
        display: none !important; /* Cache choixpaysage2 */
    }
}
/* Mode paysage : afficher choixpaysage et cacher choixportrait */
@media screen and (orientation: landscape) {
    .choixportrait {
        display: none !important; /* Cache choixportrait */
    }
    .choixpaysage {
        display: flex !important; /* Affiche choixpaysage */
    }
    .choixpaysage2 {
        display: inline-table !important; /* Affiche choixpaysage2 */
    }
}

/* Empêcher la sélection des images */
img {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
}

/* Sticky footer */
/* Structure de base - uniquement hors builder */
html:not(.et-fb-preview--tablet):not(.et-fb-preview--phone):not(.et-fb-preview--desktop) body {
    height: 100%;
    margin: 0;
}

/* Sélecteur spécifique pour exclure tous les modes du builder */
body:not(.et-fb):not(.et-bfb) .page-container {
    min-height: 100vh !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Contenu principal - uniquement hors builder */
body:not(.et-fb):not(.et-bfb) .articledtf {
    height: auto;
    flex: 0 0 auto;
}

/* Footer - uniquement hors builder */
body:not(.et-fb):not(.et-bfb) #footer {
    margin-top: auto !important;
}

/* Galerie d'images de page d'accueil */
.dtfgallery {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important; /* 4 colonnes pour desktop */
    gap: 15px !important;
    margin-bottom: 20px !important;
    text-align: center !important;
    justify-items: center !important; /* Centre les éléments horizontalement dans les cellules */
    align-items: center !important; /* Centre les éléments verticalement dans les cellules */
    transition: opacity 0.5s ease, visibility 0.5s ease !important; /* Transition pour un effet fluide */
}

.dtfgallery img {
    max-width: 100% !important; /* Empêche l'image de dépasser sa largeur d'origine */
    max-height: 100% !important; /* Empêche l'image de dépasser sa hauteur d'origine */
    width: auto !important; /* Maintient le ratio d'aspect */
    height: auto !important; /* Maintient le ratio d'aspect */
    object-fit: contain !important; /* Garantit que l'image s'adapte sans déformation */
    border-radius: 5px !important;
    opacity: 1 !important; /* Par défaut, les images sont visibles */
    transition: opacity 0.5s ease, visibility 0.5s ease !important; /* Transition pour un effet fluide */
}

.dtfgallery img.hidden {
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 0.5s ease, visibility 0.5s ease !important; /* Transition pour un effet fluide */
}

.dtfgallery img:hover {
    transform: scale(1.05) !important;
}

.dtfgalalt-text {
    text-align: center !important;
    font-size: 1rem !important;
    color: #FFFFFF !important;
    text-shadow: .08em .08em 0 #000000 !important;
}

.dtfgalpagination {
    display: flex !important;
    justify-content: center !important;
    gap: 15px !important;
    margin-top: 30px !important;
}

.dtfgalpagination button {
    padding: 10px 15px !important;
    border: none !important;
    border-radius: 5px !important;
    background-color: #3A3A3A !important;
    color: #FFFFFF !important;
    cursor: pointer !important;
    transition: background-color 0.5s ease !important;
}

.dtfgelpagination button:hover {
    background-color: #0056b3 !important;
}

.dtfgalpagination button.active {
    background-color: #FF6600 !important;
}

/* Styles pour tablettes */
@media (max-width: 1024px) {
    .dtfgallery {
        grid-template-columns: repeat(4, 1fr) !important; /* 3 colonnes pour tablettes */
    }
}

/* Styles pour smartphones */
@media (max-width: 768px) {
    .dtfgallery {
        grid-template-columns: repeat(2, 1fr) !important; /* 2 colonnes pour smartphones */
    }
}

/* Lightbox pour Galerie */
.dtfgallightbox {
    display: none !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: rgba(0, 0, 0, 0.9) !important;
    justify-content: center !important;
    align-items: center !important;
    z-index: 1000 !important;
}

.dtfgallightbox img {
    max-width: 90% !important;
    max-height: 90% !important;
    border-radius: 5px !important;
}

.dtfgallightbox.active {
    display: flex !important;
}