/*style.css google*/
 
body {
  background-color: #fff;
  max-width:2200px;
  min-height: 300px;
  margin:auto;
  /* min-width:400px; */
  font-family:sans-serif;
  zoom: 1;
}

.bloc2h ::placeholder{color: #03a9f4;}

.bodyblanc{
  background-color: #fcfcfc;
  /* height:100%; */
  width: 85%;
  margin:auto;
  /*background: url("images/paysage/1.jpg");*/
  /* margin: 2px; */
  /*min-width:500px;*/
  margin-bottom: 10%;
}

.connexion {
  background-color: #eeeeee; 
  list-style-type: none;
  text-align: right;
  margin: 0;
  padding: 0;
}

.connexion li {
  display: inline-block;
  font-size: 16px;
  padding: 20px;
  font-family:impact;
}
#logde{color:orange;left: 20px;position: absolute;margin: -7px;}

.button{/* background-color: #ffffff; *//* padding: 1%; *//* color: #03a9f4; *//*#4caf50 border-radius: 26px; *//* font-family: initial; *//* font-weight: 400; *//* margin: auto; *//* line-height: 2em; *//* font-size: 16px; */}

.connexion .button{margin:5px;}
/*.ensemblemenu{background-color: #eee;width:100%;padding: 1% 0px;height:auto;float:left;text-align: center;/* margin: 0px; *//* display: table-caption; */ /*}*/
.ensemblemenu {
    background-color: #ffffff;
    width: 95%;
    padding: 1% 0px;
    height: auto;
    /* float: left; */
    text-align: center;
    margin: auto;
    display: block;
/*    margin-top: 4%;*/
}

.menu_1 li{float:left;color: orange;margin-left:10px;}/*gauche*/
.menu_2 li{/* display:inline; *//* white-space:nowrap; *//* float:right; *//* margin-right:10px; *//* margin: 10px; */}/*droite*/
.menu_3 li{display:inline-block;}/*milieu*/
.menu_gauche li{color:#03a9f4;float: none;text-align: start;} /* modal*/

.menu_3 .button,li{color:#54c51c;}
a#boutique {color: #21dee8;}
/*a#news {color: #a507a5;}
a#pass {color: orange;}
#dec{color:orange;}*/


a{color:#a3ada3;text-decoration:none;text-align:center;margin:auto;}
.liena{color:#3f51b5;}
.bloc6h {color:#edeff4;text-align:center;padding:10px;display: flex;/* text-decoration: underline; */font-size: 18px;/* background: aliceblue; */flex-direction: row;
  flex-wrap: wrap;align-content: flex-end;align-items: stretch;margin-top FONT-WEIGHT: 100;padding-top: 20px;}
.bloc6h a{color:#edeff4;flex-wrap: nowrap;}

a#li1 {float: left;margin-left: 5px;}
a#li3 {float: right;margin-right: 5px;}

a.big{font-weight:600;font-size:18px;text-align:center;margin:auto;color:#829bad}
.disabled{background-color:#c3c3c3;}


/*.case{border:1px solid grey;margin:1px;padding:4px;border-radius:30px;margin:4px;width: 20px;height:20px;}*/
/*.rond{display:inline-block;border:1px solid grey;margin:1px;padding:4px;border-radius:30px;margin:4px;width: 20px;height:20px;}*/
.rond{display:inline-block ;}
a.case.big {margin:20px;display:inline-block;padding:4px;border-radius:30px;}
a.case {margin:5px;display:inline-block;padding:4px;border-radius:30px;font-size: 22px;color: #03a9f4;}
a.case2 {font-size: x-large; color: #03a9f4;}
.pagination{text-align:center;margin:20px;/*border: 1px solid #03a9f4;*/}


/* ouverture mode fenetre*/

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
/*  background-color: rgb(0,0,0); /* Fallback color */
/*  background-color: white; /* Black w/ opacity */
  padding: 20px 0px;
}


/* The Close Button (x) */
/*.close {
   right: 25px;
  top: 0;
  color: #000;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: red;
  cursor: pointer;
}*/

/* Add Zoom Animation */
.animate {
  -webkit-animation: animatezoom 0.6s;
  animation: animatezoom 0.6s;
}

@-webkit-keyframes animatezoom {
  from {-webkit-transform: scale(0)} 
  to {-webkit-transform: scale(1)}
}
  
@keyframes animatezoom {
  from {transform: scale(0)} 
  to {transform: scale(1)}
}
.contain_bloc_logo {
    padding: 10px 0px 35px 0px;
    text-align: center;
    /* display: inline-block; */
    margin: auto;
}
.bloc_logo {
    text-align: center;
    /* margin: auto; */
}
.logo {
  margin: 3.3%;
  width: 12%;
  /* max-width: 420px;*/
  height: auto;
  min-width: 150px;
  /* text-align: center; */
  /* min-height: 100px; */
}
 
.header {background-color: #03a9f4;/* margin-top:1%; */margin-left:1%;/* min-height:140px; */width: 98%;color: #ffffff;font-family:sans-serif;font-style: normal;/* font-weight: 600; *//* padding: 0px 0px 5px; *//* display: flex; */border-radius: 0px;}

.header2 {
 background-color: #03a9f4;
 margin-top:1%;
 min-height: 150px;
 width: 99%;
 color:white;
 font-family:sans-serif;
 padding:0px 0px 10px;
 display:table;
 /* border-radius: 10px 0px 10px 10px; */
 margin-left: 0.5%;
 /* right: 1%; */
 /* text-align: center; */
 }
.promotion {
    text-align: center;
    padding: 19px;
    background-color: #FFEB3B;
  /*  font-size: 23px; */
}
.promotionAffiche {
    text-align: center;
    background-color: #ffeb3b;
    font-size: 18px;
    padding: 5px;
}

#bienvenue {
    text-align: center;
    padding: 19px;
    background-color: #03a9f4;
    display: block;
    font-size: 18px;

}
#bienvenue:hover {
  cursor:pointer;
}

span#closePromo {
    float: right;
}

.bloc1h{width: 20%;background-color: #ffffff;padding:9px;border-radius: 0px 0px 0px 0px;text-align: center;color: #03a9f4;}
.bloc2h{min-width: 40%;display: inline-block;padding-top:10px;padding-left: 5px;/* min-width: 213px; *//* background-color: #94bcde; */}

.header ::placeholder input[type="text"]{color:#4CAF50;}
.header input[type="text"] {height:30px;margin:4px;width:90%;cursor:pointer;padding-left:5px;border:0px;padding: 5px;color: #03a9f4;}
.header input[type="search"] {height: 40px;margin:4px;width: 93%;cursor:pointer;padding-left:5px;border:0px;padding: 5px;color: #03a9f4;}



.ensemble_bloc{/* display: inline-block; *//* margin-top: 20px; */padding: 20px;}
.bloc3h{display: inline-block;/* margin-top: 92px; *//* background-color: aliceblue; */}
.bloc4h{display:inline-block;/* background-color: #9aa3ab; */margin-left: 5px;}
.bloc5h{display: inline-block;}

.slider {-webkit-appearance: none; width: 93%; height: 10px;border-radius: 5px; background: #ffffff;
  outline: none;opacity: 0.7;-webkit-transition: .2s;transition: opacity .2s;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;
width: 25px;height: 25px;border-radius: 50%;background: #d8d8d8;cursor: pointer;
}

.slider::-moz-range-thumb {width: 25px;height: 25px;border-radius: 50%;background: #fff8fb;cursor: pointer;
}

.textarea2{min-width:100%;max-width:100%;font-style:italic;min-height:50px;font-family: auto;}

.recherche{padding:4px;/* font-weight: 600; */}

h4{margin:0px;}

input[type="checkbox"]{width: 22px;height: 22px;cursor:pointer;}
input[type="number"]{width:60px;height:20px;cursor:pointer;text-align: center;border: 1px solid white;/* border-radius: 10px; */padding: 1px;margin: 1px;}
  
.bloc4h input[type="submit"]{cursor:pointer;border-radius:0px;width:100px;border:none;height:30px;font-weight:600;color: #03a9f4;font-style: inherit;border-radius: 50px;/* font-family: initial; *//* font-size: 16px; */}
input[type="radio"]{width:20px;height:20px;cursor:pointer;}

.profil1{
/*  margin: 30px 0px 30px 0px;
  font-weight:600;
  width: 328px;
  min-height:50px;
  background-color: #03a9f4;
  text-align:left;
  line-height:23px;
  color: #ffffff;
  font-family: sans-serif;
  padding:2px 4px;
  height:auto;*/
  /* font-style:italic; */
  /* border:1px solid #dad5d5; */
  /* border: 1px solid #f7f7f7; */
  }

.profil1{
  margin: 30px 0px 30px 0px;
  font-weight:600;
  width: 328px;
  min-height:50px;
  background-color: #ffffff;
  text-align:left;
  line-height:23px;
  color: #5f3f3f;
  font-family: cursive;
  padding:2px 4px;
  height:auto;
  /* font-style:italic; */
  /* border:1px solid #dad5d5; */
  /* border: 1px solid #f7f7f7; */
  /* font-size: 16px; */
  }


span.active{color:#e0e0e0;}

img.ajouterfavoris {float:right;margin-top: -47px;width: 43px;cursor:pointer;transition-duration: 0.3s;padding-left: 2px;position: relative;left: 9px;}
img.favorisajouter{float:right;margin-top: -47px;width: 43px;cursor:pointer;transition-duration: 0.3s;padding-left: 2px;position: relative;left: 9px;}

/*img.ajouterfavoris:hover{background-color:pink;border-radius:50%}*/
/*img.favorisajouter:hover{scale:1.2}*/

/*img.ajouterfavoris:active{background-color:pink;border-radius:50%;padding:0px 0px 0px 9px}
img.favorisajouter:active{scale:1.3}*/


.coeur_emit{animation: crescendo 0.4s alternate ;  }
@keyframes crescendo {
   0%   {transform: scale(1.2);}
  100% {transform: scale(1.5);}
 }

.coeur_emit2{animation: crescendo2 0.7s alternate ;  }
@keyframes crescendo2 {
   0%   {transform: scale(1.2);}
  25% {transform: scale(1.5);}
  50%   {transform: scale(1.2);}
  75% {transform: scale(1.5);}
 }



.profil2{margin:40px;width:300px;height:270px;/* background-color: #cccccc; */vertical-align: middle;display: table-cell;/* border:1px solid #dad5d5; */}
.profil2 img{max-width: 335px;max-height: fit-content;/* cursor:pointer; */border-radius:3em; }
.profil2 .preview-video{max-height:260px;max-width: 280px;width: 300px;}


/*temporaire*/
.favorisajouter22{margin-top:-34px;width: 21px;cursor:pointer;transition-duration: 1.3s;float: right;left: 37px;position: relative;/* top: 20px; */}


.conteneurprofil{display: inline-block;margin: 0px 20px;}
.temoji{font-size: 24px;/* background-color: #f3f6f7; */padding: 5px 15px;border-radius: 15px;line-height: 1.5em;/* border: 1px solid #03a9f4; */}
.emoji2{display: none;font-style: normal;padding:5px;font-size:22px;border-radius:25px;border: 1px solid #03a9f4;margin: auto;background-color: #ffffff;margin: 2% 1% 2% 1%;}
.emoji1{cursor:pointer;display: block;float: right;font-size: 25px;margin-top: 15px;text-align: right;right: 1%;color: #03a9f4;}
/*.centrer_conteneurprofil{text-align:center;background-color:white;padding-bottom:100px;margin-left:0.5%;width: 99%;min-height: 2200px;}*/ /*doublon l 486*/

.start {border-radius:5px;color:#0dd50d;cursor:pointer;background-color:white;border:thin solid grey ;
opacity:1;  font-style:italic;}
.start:hover{box-shadow:10 50 60px #555; opacity:0.8; }


#background{position: fixed;top: 0;left: 0;height: 100%;width: 100%;visibility: hidden;-webkit-transition: visibility 0s 0.1s;opacity:0.7;transition: visibility 0s 0.1s;background:#000;cursor: pointer;z-index: 1;}
  
.vert{background: /*#98bf21*/#8bc34a;height:100%;width:80%;left:-80%;top:0px;position: fixed;z-index:1;overflow-y: auto;}

.moderation{color:white;float:left;margin:0px 0px 10px 3%;text-decoration:underline;}

.headerslide{height:8%;width: 100%;background-color: white;line-height:2.5;color: #4caf50;font-size:18px;/* font-style: italic; */font-family: auto;} 

.headerslidenone{background:#fff;line-height:2;color: /*#06c506*/#4caf50;font-size:20px;border:2px solid #aba6a6;border-bottom:0px;font-family: auto;/* font-style: italic; */}
.warn{color: #e7e7e9;font-size:14px;font-style:italic;text-align: end;}

.startm2 {cursor:pointer;background-color: #ffffff;padding:5px;width:2%;float: right;margin: 2px;color:white;font-style: italic;/* border-radius: 50em; */position: absolute;/* right: 3%; */}
.barremenu2{width: 80%;height: 2px;/* border-radius:4px; */background: #e3e3e3;margin: 10%;position: relative;}

.menu_2 {
    display: inline-flex;
}
li:hover {
    text-decoration: underline;
}






.headersclick{
  text-align:center;
  margin:auto;
  margin-top:0px;
  border:2px solid #aba6a6;
  border-top:0px solid white;
  background-color: #eeeeee;
  padding: 5px;
  border-radius:0px 0px 5px 5px;
  margin-bottom: 20px;
  }

/*.groupemessage{border:1px solid grey;max-height:80px;overflow-y: auto;}*/
.mise_en_form_stat {display: flex;color: #03a9f4;margin: 1%;font-size: larger;}

.mise2 {text-align: center;margin: auto;}


#presentationside{word-wrap:break-word;-webkit-hyphens: auto;padding:30px;line-height:1.5;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto;/* text-align:justify; */color: #03a9f4;}

#affichemessage{text-align-last: left;word-wrap:break-word;}

.conteneurmessages{border:1px solid grey;width:98%;text-align:center;min-height:100px;text-align:center;margin:auto;}

.imgmessage{width:100px;height:100px}
.imgmessage img{max-width:100%;max-height:100%;}


.messages{margin-left:10%;margin-top:-95px;}

#messagerieside{background-color: #ffffff;margin-bottom: 30px;padding-top: 62px;margin-top:25px;padding-bottom: 15px;padding-left: 5px;padding-right: 5px;/* display: inline-block; */}
#messagerieside textarea{max-width: 90%;min-width: 90%;min-height: 165px;border: 1px solid #03a9f4;border-radius: 2px;color: #03a9f4;}


.profilsideI{text-align-last:left;margin:15px 5px;width:100px;height:100px;}
.profilsideI img{max-width:100px;max-height:100px;margin:15px 5px;border-radius:50%;/* text-align-last: inherit; */}

#presentationsideimg{text-align-last:right;}
#presentationsideimg img{width:100px;max-height:100px;/* float:right; */border-radius:50%;margin:-15px 5px 5px 5px;text-align: end;}

.datemess{text-align-last:right;padding-right:6px;font-size:10px;font-style: oblique;}

img.ajouterfavoris2 {width:60px;cursor:pointer;}
img.favorisajouter2 {width:60px;cursor:pointer;}

.diffuserwebcam{min-width:10%;height:50px;font-size:14px;color:#aeaeae;
font-style:italic;font-family:sans-serif;margin-top:2px;}

/*.ensemblecam{background-color:white;padding: 22px;display:flex;line-height:2;}*/
.ensemblecam{background-color:white;padding: 22px;display:flex;line-height:2;flex-direction: row;flex-wrap: nowrap;align-items: center;}

.ensemblecam img{width:60px;height:60px;}

.ensemblecam1{background-color:white;padding:30px;text-align: center;color: #03A9F4;}

.conteneurimageprofilside{margin-top:25px;}
.profilside {max-width: 100%;margin:auto;}
.preview-video{max-width:350px;max-height:400px;}

.imgside{border: 0px solid white;margin: 20px 0px;height:30%;/* display:inline-flex; */vertical-align: middle;text-align: center;/* display: unset; *//* max-width: 800px; */}
.imgside img{max-width:300px;max-height:300px;transition: width 0.7s,1s ;background-color:#f1f1f1;text-align:center;/* margin-left: 15px; *//* border: antiquewhite; */}
.imgside img:hover{max-width:450px;max-height:450px;}
.imgside video{width:300px;max-height:300px;padding:10px;background-color:#f1f1f1;text-align: center;margin: auto;transition: width 0.7s,1s ;}
.imgside video:hover{max-width:450px;max-height:450px;}


.startm {top:0px;position:absolute;left:0px;cursor:pointer;background-color: #30454a;padding:6px;color:white;}
.barremenu{width:30px;height:2px;border-radius:4px;background: #ede4e4;margin:6px;}
.barreclose1{width:24px;height:4px;border-radius:5px;
 background:grey;margin:6px 8px;transform: rotate(-40deg);
}
.barreclose2{ width:24px;height:4px;border-radius:5px;background:grey;
 margin:-9px 8px;transform: rotate(40deg);margin-bottom: 40px;
}

/* menu slide */
.headerslidem{cursor:pointer;background-color:white;width:40px;height:30px;top:0px;padding-top:10px;position:fixed;
border:1px solid transparent;text-align:center;margin: 1px;}
.headerslidem:hover{border-radius:50em;border:1px solid orange;-webkit-transition: .7s;}

.headerslidem2{cursor:pointer;background-color:white;width:40px;height:40px;top:0px;padding-top:10px;position:fixed;
border:1px solid transparent;text-align:center;margin:auto;}
.headerslidem2:hover{border-radius:50em;border:1px solid orange;-webkit-transition: .7s;}



.menu{background: #ffffff;width: 25%;position:fixed;left:-30%;top:0px;padding-top:60px;z-index:1;height:100%;}
li{
     list-style: none;
     /* background-color:white; */
     padding: 5px;
     margin-top: 5px;
     /* background-color:#606060; */
    }
headerslidem,li a {padding: 10px 10px;/* margin: 1%; */text-decoration:none;color: #03a9f4;cursor:pointer;font-weight: 400;font-family: none;background-color: white;/* width: 300px; */display: block;font-size: 20px;width: max-content;}

headerslidem,li a:hover{background-color:white; }

.menu li {
    list-style: none;
    background-color: white; 
    padding: 5px;
    margin-top: 5px;
    background-color: #606060;
}
.menu li:hover{
    list-style: none;
    background-color: white; 
    padding: 5px;
    margin-top: 5px;
}

/*
.pass{font-family: sans-serif;color: #ffa604;font-weight: 600;background-color: #ffffff;padding: 10px;border-radius: 23px;}
*/
/*.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  /* support: IE10, see #8844 
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  background-color:white;
  color:#666669;
  font-weight: 400;
  font-size: 16px;
}
.ui-menu .ui-menu-item:hover{
  
 color:#a98e86;
}
*/

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  background-color:white;
  color:#03A9F4;
  font-weight: 400;
  font-size: 16px;
 
}
.ui-menu .ui-menu-item:hover{
background-color:#03A9F4;
color:white;

}



.slogan{font-family: none;color: #a69e9e;font-style: inherit;font-size: 27pt;padding-left: -1px;font-weight: 400;/*padding-bottom: 20px;*/display: none; }
.slogan2{font-family: auto;color: #afa5a5;font-style: italic;font-size: 17px;padding-left: 56px;font-weight: 400;padding-bottom: 32px;display: none;}


.panel, .flip {
  padding: 5px;
  background-color: #eeeeee;
  bottom:0px;
  color: #7f7f79;
  /* float:left; */
  /* margin:0px 0px 10px 3%; */
}

.panel {
  font-family: auto;
  color: #2d2929;
  border: 1px solid #afa9a9;
  padding: 50px 50px 0px 50px;
  display: none;
  /* height:20%; */
  max-width: 96%;
  text-align: start;
  font-style:italic;
  z-index: 2;
  position: initial;
}
.left{color:green;}
    .del{max-width: 20px;transform: rotate(45deg);float:right;top:0px;cursor:pointer;}

/*Custom checkbox & radio*/

.container {padding:16px;position: relative;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;margin-left: 25px;line-height: 47px;}

/* Hide the browser's default checkbox */
.container input {/* position: absolute; */opacity: 0;cursor: pointer;height: 0;width: 0;}

/* Create a custom checkbox */
.checkmark {position: absolute;top: 4px;left: -20px;height: 22px;width: 22px;background-color: #fff;border-radius:0px;border:1px solid #dad5d5;}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #e9e9e9;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #03a9f4;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {content: "";position: absolute;display: none;}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {display: block;}

/* Style the checkmark/indicator */
.container .checkmark:after {left: 8px;top: 4px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}

/*radio*/
.container2 {display: block;position: relative;padding-left: 20px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;line-height:35px;margin-left: 20px;}

/* Hide the browser's default radio button */
.container2 input {position: absolute;opacity: 0;cursor: pointer;}

/* Create a custom radio button */
.checkmark2 {position: absolute;top: 5px;left: -10px;height: 18px;width: 18px;background-color: #fff;border-radius: 50%;border: 0.8px solid #03a9f4;}

/* On mouse-over, add a grey background color */
.container2:hover input ~ .checkmark2 {
  background-color: #e9e9e9;
}

/* When the radio button is checked, add a blue background */
.container2 input:checked ~ .checkmark2 {
  background-color: #ffffff;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark2:after {content: "";position: absolute;display: none;}

/* Show the indicator (dot/circle) when checked */
.container2 input:checked ~ .checkmark2:after {display: block;}

/* Style the indicator (dot/circle) */
.container2 .checkmark2:after {top: 4px;left: 4px;width: 10px;height: 10px;border-radius: 50%;background: #03a9f4;}

iframe#inlineFrameExample {
    border: none;
}                            

/*messagerie*/
.spend{max-width:1500px;border:1px solid #fbfbfb;min-height:90px;border-radius:50px;margin-left:40px;}
.spend img{max-height:80px;border-radius:50px;float:right;padding:2px;margin:8px;}
.showmessage{color: #000;word-wrap: break-word;padding:2px;background-color: #ffffff;min-width:80px;min-height:90px;margin-right:100px;border-radius: 50px;text-align:left;padding: 10px 30px;border: 1px solid #03a9f4;margin-right: 163px;}
.datemessage{height:20px;max-width:1500px;text-align:right;margin-bottom:5px;font-size:14px;color: #03a9f4;}

.spend2{max-width:1500px;border:1px solid #fbfbfb;min-height:90px;border-radius:50px;margin-right:40px;text-align: initial;}
.spend2 img{float:left;max-height:80px;border-radius:50px;padding:2px;margin:10px;}
.showmessage2{color: #000000;word-wrap: break-word;background-color: #ffffff;min-width:80px;min-height:90px;border-radius: 50px 50px 50px 50px;margin-left: 163px;padding: 10px 30px;border: 1px solid #03A9F4;}
.datemessage2{height:20px;max-width:1500px;text-align:left;margin-bottom:5px;font-size:14px;/* display:inline-block; *//* text-align: left; */color: #03A9F4;}


/*Append*/
.affichesmessages0{color: #000000;max-width:1500px;border:1px solid #fbfbfb;min-height:100px;border-radius:50px;margin-left:40px;}

.affichesmessages0 img{max-height:80px;border-radius:50px;float:right;padding:2px;margin:8px;}
.affichesmessages{word-wrap: break-word;padding:2px;background-color: #ffffff;min-width:80px;min-height:90px;margin-right:100px;border-radius: 50px;text-align:left;padding: 10px 30px;border: 1px solid #03a9f4;margin-right: 163px;}

.affichedate{height:20px;max-width:1500px;text-align:right;margin-bottom:5px;color: #03a9f4;}
.groupemessage{display:none;}

.footer{
    /* background-color:#f3f3f3ee; */
    /* min-height:50px; */
    /* margin-left:0.5%; */
    /* width:99%; */
    /* position:relative; */
    text-align: center;
    /* margin-bottom: 10px; */
    color: #03a9f4;
   /* margin-top: 100px;*/
    top: 80px;
    position: relative;
    font-family: emoji;
        font-size: 18px;

    }

.footer a{color:#03a9f4;font-style: initial;}

/*Boutique*/

.centrer_conteneurprofil{text-align:center;background-color:white;margin-bottom:10px;margin-left:0.5%;width: 99%;/* min-height: 500px; */}
span.euro{font-size: 12px;}
img.logo_boutique{max-width: 200px;}
.boutique_logo{background-color: ;width: 47%;padding-left: 27%;padding-top: 70px;padding-bottom: 75px;}
.code_promo ::placeholder{width:20%;text-align:left;display:block;color:#4fafbe;}
.code_promo{/* text-align: left; *//* width: auto; */padding: 0px 13%;display: none;}
.code_promo button{/* margin-left:5px; *//* background-color:#a9ffe4; */padding: 5px 10px;border-radius: 22px;/* border:0px; */color: #4fafbe;/* display: contents; */border: 1px solid;}
.codepromo input[type="text"] {border: 1px solid #4fafbe;color: #4fafbe;width: auto;}
.menu_boutique{display: block;/* flex-direction: column; */}
.codepromo input[type="text"]::placeholder{color:#4fafbe;}
.euro_barre {color:#e09a15;text-decoration: line-through; font-size: 12px;}
span.message_promo_ok {color: #08c108;font-style: oblique;}
td {font-size: 20px; font-weight: 800;}
.body_conteneur1 {text-align: center;}

.conteneur_product{width:274px;margin:auto;display:inline-block;margin:20px;color:grey;transition: transform .2s; /* Animation */cursor:context-menu;}
.product_title{border: 1px solid #3a3a3c;max-width:300px;padding:20px;/* border-radius: 9px 9px 0px 0px; */background-color: #03a9f4;color: white;font-weight:600;font-family: inherit;z-index: 1;/* -webkit-user-modify: read-write-plaintext-only; */white-space: pre-wrap;display: inherit;}
.product_description_parent{display: flex;border: 1px solid #cfcfdb;max-width:330px;padding:0px 10px;/* margin:-4px 0px; */height:200px;/* z-index: 1; */}
.product_description_enfant{margin: auto; color:#989494;line-height: 2;}
.product_prix{border: 1px solid #cfcfdb;max-width:300px;padding:0px 10px;padding:20px;/* border-radius: 0px 0px 9px 9px; */color: #97d94a;font-weight:600;}
.buy_product{margin: 10px 0px;}

.logo_boutique img{padding:10px;width:180px;text-align:center;margin:auto;}
.slogan_boutique{font-family: auto;color: #afa5a5;font-style: italic;font-size: 28px;padding-left: 9px;font-weight: 400;padding-bottom: 10px;margin-bottom: 25px;}
.titre_boutique{background-color: #03a9f4;color:#fff;padding: 20px;font-family: initial;margin:10px;font-weight: 400;font-size: 20px;margin-bottom: 40px;/* padding: 10px; */}

.conteneur_product:hover{transform: scale(1.1);}
.buy_product,button:hover{cursor:pointer;}
.delai_promo{background-color: #4fafbe;color: #fff;padding: 15px;font-family: initial;margin: 10px;font-weight: 400;font-size: 20px;}
/*fin boutique*/


.menu_font{font-family:ui-monospace;display: flex;}
.menu_gauche{background-color:aliceblue;width: 50%;}
.menu_droite{width: 70%;background-color:white;/*padding: 5px;*/}

.menu_gauche .menu_3 .button, li {
    font-family: ;
    color: #03a9f4;
    cursor: pointer;
    font-weight: 800;
    font-size: 16px;
    display: block;
    /* margin: 10px; */
    /* padding: 10px; */
}

.footer_boutique {/*background-color: #e4eff9;*/text-align: center;color: blue;/* margin-top: 100px; *//* padding: 25px; */font-size: 16px;margin-top: 20px;margin-bottom: 20px;width: -webkit-fill-available;bottom: 5px;}
img.cadenas1 {width: 60px; padding: 0px 1%;}
img.cadenas {width: 50px; padding: 0px 1%;}

/**/


.footer_ads{text-align: center;margin-top: 0px;margin-bottom: 0px; padding: 2px;}
 span#admazon {
    color: cornflowerblue;
    font-size: 14px;
 }
div#etoro-widget {
    display: inline-block;
}

iframe#inscription {
     border: none;
    background-color: #03a5ff12;
}
iframe#connexion {
    background-color: #82dc2c42;
    border: none;}

a#liens_a {
    color: #03a9f4;
    font-size: 14px;
    /* text-decoration: underline; */
}

a#liens_a:hover {
    text-decoration: underline;
}



a#profilp {border:1px solid #03A9F4;padding: 0px 10%;border-radius:10px;background-color: white;color: #03a9f4;}



               /* MEDIA SCREEN */
/*Anciennement ligne 419*/
@media only screen and (max-width: 1200px) {
  .bloc2h{width: 100%;}
   .menu_2 {
      display: inline-block;
  }
 .menu_2 li{
  font-size:12px;
  zoom:0.9;
 /* background-color:red;*/
 }
}



@media only screen and (max-width: 1000px) {
  .profil1p{text-align:left;}
  .ensemblecam{flex-direction: column-reverse;}
  iframe{max-width:fit-content;display:inline-flex;height:auto;}

}


@media only screen and (max-width: 750px) {
  .bloc2h{width: 100%;}
  .conteneurprofil{margin: 0px;}

}

@media only screen and (max-width: 634px) {
  .bodyblanc{width:95%;}
  #logde{margin: -4px;}
  .header{font-size: 17px;height:auto;}
  .ensemblemenu {
    display: block;
    font-size: 13px;
    font-family:impact;
  }
  #search_data{/* font-size:14px; */}
  span.label_slider2 {
     line-height: 3.5em;
}
}

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

.affichesmessages0{border:0px solid grey;}
.spend{border:0px ;margin-left:2px;}
.spend img{margin:10px;padding:4px;}

.spend2{border:0px ;margin-right:2px;}
.spend2 img{margin:10px;padding:4px;}
  .mise_en_form_stat{display:none;/* margin:auto; */text-align:center;background-color:#f7f7f7;}
  /* .mise2{text-align:left; } */

}
@media only screen and (max-width: 1050px) {
  #noconnecte .button{/* margin:-2px; *//* display: block; */} 
  .bloc4h input[type="submit"]{width:auto;}
  .bloc6h{font-size: 12px;padding: 10px 0px;}

}

.message_icones{position: absolute;display: block;}
                                                /* FIN MEDIA SCREEN */





.form_inscription1{color:blue;text-decoration:underline;cursor:pointer;}
.menu_droite h2 {background-color: #a4b9cc;}
.secure-adv {text-align: center;margin-top: 30px;color: #2196f3;font-family: auto;}
span.slogan2 {
    color: #fcfcfc;
}





/*Profil*/

  div#messages_R {/* display: inline-table; */}
  .img_form{max-height: 80px;border-radius: 50em;margin: 0px 20px}
      .sender {/* float: right; */border-collapse: collapse;/* table-layout: fixed; */width: 100%;/* margin: 5px 0px 10px 10%; *//* background-color:aliceblue; *//* margin: 5px 2%; */}
      .sender td {/* border: solid 1px #666; */word-wrap: break-word;font-weight: 400;}
      .text3{width: 50%;height: 100px;border-radius: 50px;border: 1px solid #03a9f4;font-weight: 400;text-align: initial;color: #03a9f4;font-size: 16px;padding: 0px 10px;}
      .image3{margin: auto;text-align: center;width: 5%;}
      .date3{text-align:right;color: #03a9f4;font-size: 14px;}
td.text3 {
    /* line-height: 1em; */
    /* height: auto; */
    /* margin-left: 10%; */
    /* border: 2px solid red; */
    /* width: 30%; */
}

.recepter {/* float: left; */border-collapse: collapse;/* table-layout: fixed; */width: 100%;/* margin: 5px 0% 10px 0%; *//* background-color:aliceblue; */}
      .recepter td {/* border: solid 1px #666; */word-wrap: break-word;font-weight: 400;}
      .text33{width: 51%;height: 100px;/* border-radius: 50px; */border: 1px solid #03a9f4;font-weight: 400;text-align: initial;color: #03a9f4;font-size: 16px;padding: 0px 10px;}
      .image33{margin: auto;text-align: center;width: 5%;}
      .date33{text-align:left;color: #03a9f4;font-size: 14px;}
td.text33 {
    /* line-height: 1em; */
    /* height: auto; */
}
.pklogin{color:#03a9f4;}

    a#google2.button {
    background-color: #3F51B5;
    color: white;
    cursor: pointer;
    font-size: 18px;
    display: block;
    width: 20%;
    padding: 15px;
   min-width: 300px;

 }

 a#google2.button:hover {
    /* color: green; */
    color: #ffffff;
    text-decoration:underline;

}

/*toggle - moncompte2*/

.switch {
  position: relative;
  display: flex;
  width: auto;/*60px*/
  height: 34px;
 
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider2 {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /* background-color: #ccc; */
  -webkit-transition: .4s;
  transition: .4s;
}

.slider2:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider2 {
  background-color:#28e662; /*  #03a9f4; */
  width: 60px;
}

input:focus + .slider2 {
  box-shadow: 0 0 1px #28e662;
 width:60px;
}

input:checked + .slider2:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider2.round {
  border-radius: 34px;
}

.slider2.round:before {
  border-radius: 50%;
}

span.label_slider2 {
    font-weight: normal;
    padding: 0px 0px 0px 5px;

}

/*Fin toggle switch*/