@font-face {
    font-family: 'parisienneregular';
    src: url('/CSS/parisienne-regular-webfont.eot');
    src: url('/CSS/parisienne-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/CSS/parisienne-regular-webfont.woff2') format('woff2'),
         url('/CSS/parisienne-regular-webfont.woff') format('woff'),
         url('/CSS/parisienne-regular-webfont.ttf') format('truetype'),
         url('/CSS/parisienne-regular-webfont.svg#parisienneregular') format('svg');
    font-weight: normal; font-style: normal;
}

.ranger {
  -webkit-appearance: none;
  width: 100%;
  height: 15px;
  border-radius: 5px;  
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.ranger::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  border-radius: 50%; 
  background: #179B9B;
  cursor: pointer;
  box-shadow: 0 3px 5px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.3), inset 0 -5px 5px rgba(100,100,100,0.1), inset 0 5px 5px rgba(255,255,255,0.3)
}

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

.slideValue{
  clear:both;border-radius:50%;height:30px;width:65px;line-height:30px;margin:auto;text-align:center;
}


.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

thead.sticky  { position: sticky; top: 0; position: -webkit-sticky; z-index:3}
table .clickedLine  { background-color: #FEEEC3}
table .frozenRow{
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 2;
	background: #ccc;
}
table.hover tbody tr:hover td {
	background-color: #FFEDC4;
}

table.freezeFirstCol > thead tr th:first-child,
table.freezeFirstCol > tbody tr td:first-child {
	position: -webkit-sticky;
	position: sticky;
	left: 0;
	z-index: 2;
	background: #ccc;
}

table thead.sticky tr th{background-color:#ccc;}

table.freezeSecondCol > thead tr th:nth-child(2),
table.freezeSecondCol > tbody tr td:nth-child(2) {
	position: -webkit-sticky;
	position: sticky;
	left: 0;
	z-index: 2;
	background: #ccc;
}

table .frozenCol{
	position: -webkit-sticky;
	position: sticky;
	left: 0;
	z-index: 2;
	background: #ccc;
}

table{width:100%;}

::selection{ background-color: #444;color: white;}
input[type="submit"], .likeSub {margin-top:8px;min-width:20px;color:white;background-color:#179B9B;line-height:1.9em;border-left:1px solid #4891A5;border-bottom:1px solid #4891A5;border-radius:3px}
input[type="submit"]:not([disabled]):hover {background-color:#82B8BF;cursor:pointer;}
fieldset{border:1px solid #179B9B;padding:5px;border-radius:5px;margin:0px 15px;background-color:white}
legend{color:#179B9B;font-weight:normal;background-color:white;font-size:1.2em;line-height:1.1em;margin-left:20px}
nav input[type="submit"] {display:initial;margin:initial;margin:initial;color:#179B9B;background-color:whitesmoke}
nav input[type="submit"]:hover {color:whitesmoke;background-color:#179B9B}
.block_radio{display:block;margin-left:250px;text-align:left;}
.block_radio label[for] {margin-right:22px;}
.block_radio label[for] input{text-align:left;display:inline;margin:0;min-width:0;margin-right:3px;}
.editableLg{cursor:pointer}
.editableLg.dottedGreen{border:1px dashed green}
.editableLg.dottedRed{border:1px dashed red}
#forDonors.disabledForDonors{opacity:0.5}

h1{text-align:center;clear:both;text-decoration:none;padding-top:0.75em;margin-top:0;font-family:parisienneregular,Century,"French Script MT",TypoUpright BT;font-size:2.4em;padding-bottom:0.25em;line-height: 1.35em;margin-bottom:10px}
h2 {margin-top:0px;line-height:1.2em;text-align:left;color:#EEA2A4;font-weight:400!important;border-bottom:2px dotted #EEA2A4;display:inline-block}
h3{font-family:Parisienne;font-size:x-large;}
#en_bas h2{border:none}
#acc_liste_liste h2, #acc_liste_site h2{display:block;border:none}
table {border-collapse:collapse}
ul {list-style-position: inside;	}
ul ul, ol ul, ol ol, ul ol {list-style-position: outside; padding-left:25px	}
ol ul {list-style-type: disc	}
a,.fake_link{text-decoration:none;color:#179B9B;border:none}
img{border:none}
input, textarea, fieldset, select{-ms-box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;}
.cont_box {-ms-box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;}
.avatar_pic{height:65px;border-radius:5px;vertical-align:middle}
.mainsepa, .mainsepa2 {box-shadow: 0 15px 15px -10px rgba(0,0,0,.15) inset;padding:30px 0;}
.mainsepa2{background-color:#f9f9f9}
.maxwi {max-width:880px;margin:auto;padding-left:5px;padding-right:5px}
#flagAriane img{max-height:20px;margin-top:1px}
#footLang img{max-height:25px;margin:3px}
#registrationFlags img{max-height:35px;margin:5px}
#registrationFlags img:hover{transform:scale(1.15);transition: all 0.2s ease 0s;}


.o-liste span{font-size: 120%;font-family:parisienneregular,Harrington,"French Script MT","TypoUpright BT",calibri}
.odeoliste {font-size: 120%;font-family:parisienneregular,Harrington,"French Script MT","TypoUpright BT",calibri}

body {font-family: Cambria, Calibri, Georgia, Helvetica, sans-serif;font-size:1.1em; margin:auto; padding:0; margin-top:0;line-height:1.5em;color:#404040;background-color:#FFFFFF;text-align:justify}
#outnav {background-color:#179B9B;border-bottom:1px solid grey}
#outnav:hover {border-bottom:1px solid #404040}
#top {background-color: whitesmoke;}
#outoliste{}
#mainLogoImg:hover {transform:scale(1.05);transition: all 0.2s ease 0s;}
#outlog{border:1px solid #606060;border-width:0px 0;background-color:#576970;text-align:right;vertical-align:middle;line-height:3em;min-height:80px}
#outlog a{color:#ECF4F5!important}
#inoliste,#inlog,nav{width:100%; padding:0; margin:auto;border-radius:0px;margin-bottom:0px;color:#303030;max-width:980px;min-height:2em}
#inoliste{width:100%}
#inlog{width:97%;min-height:66px}
nav{width:100%;padding:0}
.headnav{font-size:1.25em;font-weight:500;}
nav table{width:100%;margin:auto;text-align:center;color:#FFF}
nav table td{vertical-align:middle;padding:0}
nav table tr td{box-sizing:border-box;position:relative;vertical-align:middle;line-height:3em;font-variant: small-caps;width:25%!important}
nav .headnav a{text-decoration:none;color:#FFF}
nav .hsnav a{text-decoration:none;display:block;color:#FFF}
nav .hsnav {z-index:89;box-sizing:border-box;display:none;border-color:#179B9B;border-style:solid;border-width:0;line-height:1.8em;font-variant:normal;text-align:left;position:absolute;margin-top:0px;left:0px;background-color:#404040;border-radius:0 0 10px 10px;width:100%;padding-left:12px;padding-right:12px;}
nav div ul {list-style-type:none;margin:0;padding:0}
nav a:hover{text-decoration:underline;}
nav ul a {text-decoration:none;}
nav table tr td:hover {background-color:#404040;}
nav .td1 {border:none;}
#milieu{margin:auto;background-color:whitesmoke;width:100%;position:relative;padding-top: 10px;}
#milieu::before{content: "";position: absolute;left: 0;bottom: 0;right: 0;background-repeat: repeat;height: 10px; background-size: 20px 20px; background-image:radial-gradient(circle at 10px -5px, transparent 12px, #ccc 13px); }
article{min-height:490px;padding-left:4px;padding-right:4px;padding-bottom:25px;max-width:880px;margin:auto;    background-color: white;box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);}
footer{width:100%; padding-bottom:15px;font-size:0.9em;background-color:#576970;color:#ddd;padding-top:10px}
footer a{color:#ECF4F5;}
footer #flink,footer #flink a {color:#ECF4F5;}
footer .fdiv {display:inline-block;vertical-align:center;text-align:center;width:112px;line-height:1em}
footer img {max-height:50px;border-radius:50%;border:3px dotted pink;}
footer img:hover {transform:scale(1.2);transition: all 0.2s ease 0s;}
#int_foot{width:100%;padding:7px;}
footer #infooter{max-width:1100px;margin:auto}
#av_liste h2{margin-top:0px}
.note {line-height:1.2em;font-size:0.95em;font-family:calibri;color:black;border-left:1px solid black;margin-left:8px;padding-left:8px;border-radius:0px 6px;background-color:#F3F9F5}
nav .courjq{display:inline}
nav .courjq a{display:inline}
#div_connection {position:absolute;left:-110px;border-radius: 15px 0px 15px 15px;text-align:center}
#div_offrir {left:-66px;top:0px;text-align:center;border-radius:15px}

/* Form */
.radiocontainer {display:inline-block;position:relative;padding-left:25px;margin-bottom:8px;margin-right:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height: 1em}
.radiocontainer input {position:absolute;opacity:0;}
.radiocontainer .radio {position:absolute;top:1px;left:0;height:13px;width:13px;background-color:#eee;border-radius:50%;border:1px solid #aaa}
.radiocontainer input:checked ~ .radio {background-color:#179B9B;border:1px solid transparent;-webkit-transition:.4s;transition:.4s;}
.radiocontainer input:checked ~ .rtxt {color:#179B9B}
.radiocontainer .radio:after {content:"";position:absolute;display:none;top:3px;left:3px;width:7px;height:7px;border-radius:50%;background:white;}
.radiocontainer input:checked ~ .radio:after {display:block;}


.oForm .switch { position:relative;display:inline-block;width:34px;height:20px;top:4px;margin-right:4px}
.oForm .switch input[type=checkbox] {display:none!important;}
.oForm .slider {position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;border-radius:20px;}
.oForm .slider:before {position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:white;-webkit-transition:.4s;transition:.4s;border-radius:50%;}
.oForm input:checked + .slider {background-color:#179B9B;}
.oForm input:focus + .slider {box-shadow:0 0 1px #179B9B;}
.oForm input:checked + .slider:before {-webkit-transform:translateX(14px);-ms-transform:translateX(14px);transform:translateX(14px);}

/*Formulaire */
.oForm .fContainer{max-width:550px;margin:25px auto;background-color:whitesmoke;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0, 0.19)}
.oForm .fTitle, .fTitle{background-color:#179B9B;margin:0;padding:12px;font-size:1.2em;color:white}
.oForm .cleanForm{padding:15px}
.oForm .fLabel {font-weight:bold;display:block;float:left;white-space:wrap;font-size:0.9em;margin-left:-4px;width:100%}
.oForm input[type=text], .oForm input[type=email], .oForm input[type=password], .oForm input[type=url],  .oForm input[type=number], .oForm input[type=color], .oForm select{display:inline-block;padding-left:7px;width:100%;min-height:33px;box-sizing: border-box;float:none}
.oForm input[type=checkbox]{width:22px}
.oForm textarea{width:100%;box-sizing: border-box!important}
.oForm .sepa{height:17px;clear:both}
.oForm input[type=radio]{min-width:20px!important;float:none!important}
.oForm ::placeholder{color:#666;opacity:0.8}
.oForm .group{width:100%;min-width:98%;display:block;float:left;text-align:left;line-height: 2.25em;}
.oForm .group input[type=radio]{width:20px!important;min-height:15px}
.oForm .subDiv{padding:15px;width:100%;box-sizing:border-box}
input:required:placeholder-shown {border-left-color:salmon;border-left-width:2px}
.oForm .fNote {line-height:1.2em;display:inline-block;color:#777;font-size:0.95em}
.rad50 .radiocontainer {min-height:50px}
.oForm .fContainer a {color:#179B9B}
.oForm .fContainer .sub_100 {max-width:90%;margin:15px auto 10px auto;display:block;}

/*Infobulle title*/
.infobulle, label[data-infob] {  display:block;float:right;margin-right:15px;}
.hasInfo, label[data-infob]{cursor:help;border-bottom:1px dotted}
.hasInfo::after, label[data-infob]::after{content: "i";vertical-align: super;font-size: 0.8em;font-style: italic;font-family: times;border: 1px solid transparent;border-radius: 50%;height: 15px;width: 15px;display: inline-flex;justify-content: center;align-items: center;margin-left: 5px;background-color: grey;color: white;float:right;
}
.infobulle[title]:hover:after, .hasInfo:hover:before, label[data-infob]:hover:before {
  content:attr(data-infob); display:block; min-height:2.5em; text-align:justify; width:400px; margin:auto; padding:4px 8px; color:#EEE; position:fixed; left:0;right:0; margin-left:-200px; bottom:40px; background-color:#4c4c4c; border-radius:5px;  border:2px solid #000 ;z-index:999;line-height:1.4em;max-width:85%; margin-right: auto; font-weight:normal;
    margin-left: auto;; 
}

.cFlex{display: inline-flex;justify-content: center;align-items: center;}
.round{border-radius:50%;width:22px;height:22px}

/*edit*/
.edit, .x_supp{text-decoration:none;font-family:Calibri;background-color: white;border-radius: 50%;display: inline-flex;width: 22px;height: 22px;justify-content: center;align-items: center;opacity:0.8;color:#179B9B}
.edit:hover, .x_supp:hover{opacity:1;transform:scale(1.15);transition: all 0.2s ease 0s;}

/*why O-liste */
.why{width:28%;min-height:320px;overflow:hidden;border:2px solid whitesmoke;border-radius:5px;display:inline-block;padding:4px;margin:1%}
.why_ti{font-size:1.1em;color:#179B9B;font-variant: small-caps;border-bottom:1px dotted gray;margin-bottom:10px;min-height:50px;text-align: center;display:table;width: 100%;background-color:whitesmoke}
.why_ti span {display: table-cell;vertical-align: middle;}
.why .why_desc {font-size:1.1em;line-height:1.15em;text-align:center}
#why_desc_ex{position:absolute;bottom:0;text-align:center;width:100%;padding-bottom:8px}

/* Pop-in */
.popin {position:fixed;left:50%;margin-left:-200px;top:80px;z-index:500;border:1px solid #179B9B;background-color:white;padding:0;width:400px;box-shadow: 3px 3px 6px black}
.popin h1 {margin:5px}
.head_popin{background-color:whitesmoke;height:2em;margin-right:0em}
.close_popin {font-size:2em;margin:5px;position:absolute;right:0px;top:0;z-index:2000;cursor:pointer}
.popincontent{padding:5px 20px}

/*Page d'accueil */
.infobutacc {margin:auto;text-align:center;}
.infobutacc a, .infobutacc div, .infobutacc span {display:inline-block;border-radius:5px;background-color:#EEEEEE;border:1px solid #179B9B;color:#0099D1;margin:10px;padding:5px;font-family:Georgia;min-width:125px;text-align:center;cursor:pointer}
.infobutacc a:hover, .infobutacc_class, .infobutacc span:hover{background-color:#179B9B;color:white}
.ccm2 {margin-left:10px;margin:auto;text-align:left}
.ccm2 .num  {float:left;display:inline-block;border-radius: 50%;width: 24px;height: 24px;margin-right:10px;padding: 6px; background: #fff;border: 2px solid #179B9B;color: #666;text-align: center; font: 22px Arial, sans-serif}
.ccm2 .licontent {padding-left:5px;padding-top:7px;margin-left:40px;width:auto;text-align:left}
.ccm2 .clearccm {clear:both;height:5px}
#ccmclicklist,#ccmclicksite {border:5px solid #908080;border-top:0px solid white;border-radius:0 0 15px 15px;margin:auto 15px;padding:10px}
#recommendedby img{height:110px; margin:13px}
#qheva {width:100%;margin:auto;text-align:center;margin:5px 0 0 0}
#qheva h1{font-size:2.1em;line-height:55px;padding-top:2px;margin:auto}
#qheva a{color:inherit}
.qheva_cadre{display:inline-block;width:32%;height:300px;position:relative;background-repeat:no-repeat;background-position:center;}
.qheva_cadre:hover{color:black;background-size:310px auto}
#qhevati{font-size:2.2em}

/* Naissance, mariage, divers */
#nmd_imgs {width:100%;margin:auto;text-align:center;margin:5px 0 0 0}
#nmd_imgs h1{font-size:1.5em;line-height:55px;padding-top:2px;margin:auto}
#nmd_imgs a{color:inherit}
#nmd_imgs .saut_de_ligne{display:none}
.nmd{display:inline-block;width:23%;height:225px;position:relative;background-repeat:no-repeat;background-position:center;min-width:160px}
.nmd:hover{color:black;background-size:245px auto}
.searchCard {width:410px;margin: 10px;}
.searchCard .divSearchCard {width:140px;height:140px;float:left}
.searchCard img {border:5px solid white;width:calc(100% - 20px);max-height:140px;border-radius:15px;}

/*Page d'accueil old*/
#site, #liste,#exemples{border-radius:15px 0px;color:white;text-align:center;margin:auto;margin-bottom:20px;padding:15px;font-size:0.9em}
#liste{background-color:#E50089;}
#site{background-color:#179B9B;}
#site div, #liste div{font-weight:bold;font-size:1.5em;font-variant: small-caps;}
.liste_ok div {background-image: url("/CSS/images/v-20.png");background-repeat:no-repeat;line-height:1.5em;margin-left:10px;padding-left:28px;margin-top:5px;}
#evolution {float:right;max-width:600px;text-align:justify;;margin-right:15px;}
#gauche {float:left;width:210px;margin-left:15px}
#message_o {border-radius:30px 30px 30px 0px; border: 2px solid #179B9B;margin-bottom:20px;}
#message_i {border-radius:15px 15px 15px 0px;margin:15px;color:black;width:100%;min-height:200px}
#exemples  {background-color:#404040;line-height:1.9em;font-weight:normal;font-size:1.1em}
#ex_os:hover,#ex_ol:hover{border-radius:15px 0px}
#ex_os:hover{background-color:#179B9B;}
#ex_ol:hover{background-color:#E50089;}
.cve{text-align:right;margin:7px 0px;clear:both}
.cve a {text-decoration: none;border-bottom: dotted 1px black;}
#exemples a {text-decoration:none;color:white}
#acc_liste_liste {border-left:2px solid #E50089;border-radius:15px 0px;max-width:600px}
#acc_liste_site {border-left:2px solid #179B9B;border-radius:15px 0px;max-width:600px}
.acc_div_ul {float:left;width:299px;margin-top:0px}
.acc_div_ul li{list-style-type:none;margin-left:-15px}
.acc_div_ul li::before {content:'\2713  ';}
.ccm {border-left:4px solid #908080; border-radius:0 10px;margin-left:10px;max-width:415px;float:left}
.ccm li {line-height:1.2em;display:inline-block;}
.ccm ul {list-style-type:none;padding-left:10px;}
.ccm .num  {background-color:#908080;border-radius:10px 0;color:white;display:inline-block;height:22px;width:25px;text-align:center;padding-top:2px;vertical-align:top;margin-top:5px;}
.ccm .licontent {display:inline-block;width:355px;margin-left:5px;padding-top:7px;}

/* Slide */
.mainframe{display:inline-block;border-radius:0 0 13em 13em/ 2em;position:relative;display:inline-block;height:210px;width:200px;max-width:47%;border-bottom:1px solid #555;margin:10px 5px;font-weight:bold;overflow:hidden;line-height:1.2em}
.mainframe table{width:100%;max-width:200px}
.mainframe table tr{width:inherit;max-width:100%}
.mainframe table tr td{width:inherit;max-width:100%}
.mainframe img{height:150px;width:150px;margin:auto;border:none;display:block;border-radius:75px}
.mainframe2 img:hover{-webkit-filter: grayscale(20%);filter: gray; filter: grayscale(20%);}
.mainframe .div2 {position:absolute;bottom:0;display:none;text-align:justify;font-weight:normal;width:100%}
.mainframe .div2 .div3 {position:relative;height:210px;width:inherit;max-width:200px;background-color:rgba(250,250,250,.95);font-size:0.95em;border-radius:0 0 13em 13em / 2em;}
.mainframe .div2 .div3 .tislide{font-weight:bold;color:#179B9B;margin-bottom:8px;margin-top:4px;text-align:left;}
/*.mainframe .div2 .div3 div{position: absolute; bottom: 0; right: 0;padding:7px} */
.mainframe .div2 .div3 > :first-child{padding:7px} 
.mainframe table{height:inherit}
.mainframe table, .mainframe tr, .mainframe td {margin:0;padding:0}
.mainframe table tr:first-child{height:150px}
.mainframe img:hover{transform: scale(0.3);transition: all 0.2s ease 0s;}

/*compte*/
.divcompte {margin-left:35px;border-left:5px solid #179B9B;padding-left:15px;position:relative;top:-2px}

/* FAQ */
#faq_list ul {padding-left:10px}
#faq_list li > span {font-weight:bold;cursor:pointer;}
#faq_list li > span:hover {background-color:#f5f5f5}
#faq_list li > div {margin-left:15px;border-left:4px solid #179B9B;padding-left:5px;border-radius:0 10px;font-style:italic;margin-bottom:10px}

/*Slider : bullet*/
/*.jssorb05 div = normal // .jssorb05 div:hover = normal mouseover //.jssorb05 .av = active //  .jssorb05 .av:hover = active mouseover // .jssorb05 .dn = mousedown*/
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av   {background: url("/CSS/images/b05.png") no-repeat;overflow:hidden;cursor: pointer;}
.jssorb05 div { background-position: -7px -7px; }
.jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
.jssorb05 .av { background-position: -67px -7px; }
.jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

/* Slider : arrow */
/*.jssora11l = normal // .jssora11r=normal // jssora11l:hover =normal mouseover // .jssora11r:hover = normal mouseover //   .jssora11ldn = mousedown // .jssora11rdn = mousedown */
.jssora11l, .jssora11r, .jssora11ldn, .jssora11rdn   {position: absolute;	cursor: pointer;display: block; background: url(/CSS/images/a11.png) no-repeat;overflow:hidden;}
.jssora11l { background-position: -11px -41px; }
.jssora11r { background-position: -71px -41px; }
.jssora11l:hover { background-position: -131px -41px; }
.jssora11r:hover { background-position: -191px -41px; }
.jssora11ldn { background-position: -251px -41px; }
.jssora11rdn { background-position: -311px -41px; }

			
/* Formules et prix */
#catf{display:none}
#formules-et-prix{margin:auto;text-align:center}
.f_container{padding:5px}
.f_container .f_elem{padding:10px 0}
.f_container .f_elem:not(:last-child){border-bottom: 1px solid whitesmoke}
.f_ok{float:right;color:green;font-weight:bold;}
.f_info{background:#ccc;width:20px;height:20px;line-height:20px;text-align:center;display:inline-block;margin-top:2px;border-radius:50%;position:relative;top:0px;color:white;font-size:0.9em;font-style:italic;cursor:pointer}
.f_container .desc{display:block;font-size:0.85em;line-height:1.4em;margin-top:5px;text-align:justify}
#f1, #f3 {border:3px solid;margin:0px;padding:0px;display:inline-block;margin:5px;width:calc(50% - 16px);text-align:left;float:left}
#f1 {border-color:#404040;}
#f3 {border-color:#179B9B}
#tf1, #tf3{color:white;}
#tf1{background-color:#404040;}
#tf1 i{margin-left:30px}
#tf3{background-color:#179B9B;}
#tf3 i{margin-left:30px}
.prix {border-top:1px dashed;border-bottom:1px dashed;background-color:white;margin:0px;padding:0px;color:black;text-align:right;padding-right:15px}
#f1 .prix{border-color:#179B9B;}
#f3 .prix{border-color:#179B9B;}
.infocom{text-align:center;padding:7px 0}
.formules-info {border: 2px solid black;border-radius:15px 0;margin:auto;margin-top:25px;max-width:600px;}
#formules-info1 {border-color:#404040}
#formules-info3 {border-color:#179B9B}
.in-formules-info{margin:5px;}
.in-formules-info .titrei{margin-top:9px;font-weight:bold}
.formules-info .title_fo{background-color:whitesmoke;vertical-align:center;padding:0.8em;border-radius:15px 0;margin-bottom:5px;font-size:1.2em}
.formules-info ul{margin-top:0;}
.guil {font-family:Georgia;color:#179B9B;font-weight:bold;font-size:1.1em;margin:2px}

/* List com */
#filter_table, #filter_table tr, #filter_table td, #filter_table img{margin:0;padding:0}
.desc_out{display:none}
.pasprix_bis{display:none}
.fs_kdo img{border-radius:5px}
.fs_kdo .sub_100{font-size:1.03em}

/*Sortable */
.sortabledad .iteml {list-style:none;}
.handledad {cursor: move;}

/* Liste : line */
.line .sortable-placeholder {list-style:none;border: 1px dashed #CCC;background: none;display:inline-block;width:100%;height:200px;margin:15px}
.line #uldad{width:100%}
.line #uldad .iteml{width:100%;display:block;margin-top:15px}
.line .iteml .closed {background-color:#CCC}
.line .iteml .closed  img{opacity:0.6}
.line .sortableli {width:100%}
.line .helper {display:none}
.line .fs_kdo  {background-color:white}
.line .fs_kdo legend  {background-color:white;border-radius:15px}
.line .fs_kdo .titre {display:none}
.line .block_slide {display:none}
.line .img_kdo_out {float:left;width:155px; text-align:center}
.line .img_kdo_in {max-height:160px;margin-bottom:15px}
.line .img_kdo_in a img{max-width:150px;max-height:150px}
.line .info_pricol_out .fav2hand {float:right;position:relative;top:-15px;line-height:30px;max-width:150px;max-height:150px}
.line .info_pricol_in  {min-height:70px}
.line .info_pricol_in  ul {margin-top:10px}
.line .pad170_bis {padding-left:170px}
.line .info_pricol_out {padding-left:170px}
.line .moda {padding-top:5px;font-size:0.9em;color:grey}


/* Liste : block */
.block  .sortable-placeholder {list-style:none;border:2px dashed #AAA;background:none;display:inline-block;width:280px;height:413px;margin:0;padding:0;position:relative;top:-17px;margin-right:4px}
.block  {text-align:center}
.block  #selecteurs {text-align:left}
.block .iteml {display:inline-block;width:280px;height:415px;text-align:center;background-color:white;margin-right:4px}
.block .iteml .closed {background-color:#BBB}
.block .iteml .closed  img{opacity:0.6}
.block .block_slide {position:absolute;z-index:100;background-color:whitesmoke;height:285px;width:258px;opacity:0.92;display:none;font-size:0.92em;text-align:justify;padding:5px;line-height:1.25em;overflow:hidden}
.block .fs_kdo {border-radius:0px;width:278px;height:413px;text-align:left;margin:0;padding:0;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.block .fs_kdo legend{margin-left:3px;font-size:1.05em;overflow:hidden;max-width:268px;line-height:1.2em;max-height:1.3em;text-align:left;white-space:nowrap;display:none}
.block .fs_kdo .titre{overflow:hidden;width:278px;line-height:0.95em;height:43px;text-align:left;background-color:#179B9B;color:white}
.block .helper {display: inline-block;height: 100%;vertical-align: middle;}
.block .img_kdo_out {text-align:center;margin:auto;height:225px;vertical-align:center}
.block .img_kdo_out a {pointer-events:none;cursor: default;}
.block .img_kdo_in {height:225px;width:268px;position:absolute}
.block .img_kdo_in img{max-width:255px;max-height:220px;vertical-align: middle;}
.block .desc_in {display:none}
.block .info_solde {display:none}
.block .plusinfo {display:none}
.block .info_pricol_out  {border-top:1px solid gray}
.block .info_pricol_out .fav2hand {float:right;position:relative;top:4px;line-height:20px;max-width:150px;max-height:150px}
.block .info_pricol_in  {width:245px;height:70px;vertical-align:middle}
.block .info_pricol_in  ul {margin-top:10px;list-style-type:none;padding-left:15px;vertical-align:middle} 
.block  ul .catli{font-weight:bold} 
.block .acc2hand {display:none}
.block .moda {display:none}
.block li a {font-size:0.92em;letter-spacing: -0.02em;}
.block .context-menu-button {background-clip: padding-box;background-color: whitesmoke;background-image: url("/CSS/page-action.svg"); background-position: 55%;border: 1px solid white;border-radius: 100%;box-shadow: 0 2px rgba(12, 12, 13, 0.1);cursor: pointer;fill: rgba(12, 12, 13, 0.8);height: 27px;offset-inline-end: -13.5px;opacity: 0;position: absolute;left: 240px;transition-duration: 200ms;transition-property: transform, opacity; width: 27px;background-repeat: no-repeat;background-size: 16px;-moz-context-properties: fill;display: inline-block;vertical-align: middle;z-index: 200;}

/* Liste : miniblock */
#rect_opt_list{float:right}
.miniblock  .sortable-placeholder {width:200px!important;height:230px!important;}
.miniblock  .iteml {height:230px!important;}
.block_liste {margin:5px;margin-top:5px;margin-bottom:10px;border:1px solid whitesmoke;background-color:white;box-shadow: 0px 1px 4px 0px rgba(97, 97, 97, 0.2);padding:5px}

.notactiveopt, .activeopt {vertical-align:top;border-radius:50%;text-align:center;display:inline-block;border-width:3px;border-style:solid;height:22px;min-width:22px;font-size:18px;padding:1px;line-height:22px;cursor:pointer;box-sizing:initial!important}
.notactiveopt {border-color:#CEA69C;color:grey;}
.activeopt {border-color:#179B9B;color:#179B9B;}

/*buttons admin liste */
.admin_button{display:inline-block;width:158px;height:72px;background-color:whitesmoke;border-radius:15px;vertical-align:middle;border:1px solid grey;margin-top:5px;margin-bottom:5px;font-size:1.1em;line-height:1.5em;font-family:Georgia}
.admin_button img{max-width:65px;vertical-align:middle}
.admin_button:hover{border-color:#009BFF;color:#FEFEFE;background-color:#606060}
.admin_button a{text-decoration:none;color:inherit}
.admin_button a:visited{text-decoration:none;color:inherit}
.admin_button tr{width:180px;height:75px;vertical-align:middle;text-align:center}
.admin_button .logo_admin{width:61px;margin:auto;padding:0;text-align:center;vertical-align:middle;}
.admin_button .logo_admin .material-icons{font-size:48px}
.admin_button .desc_logo{width:110px;margin:auto;padding-right:4px;text-align:center;vertical-align:middle;font-size:0.9em;padding-top:-2px;}


/* Signaux */
.attention, .interdiction, .info, .ok {background-size: 20px 20px;display:block;margin-top: 2.5em;position:relative;min-height:1em;background-position:10px 10px;padding:10px;padding-left:16px;margin:2px;margin-left:15px;margin-top:2em;margin-right:15px;border-radius:0 0 15px 0}
.attention::before,.ok::before,.info::before,.interdiction::before {background-size: 1.7em 1.7em;	content: "\0000a0 \0000a0 \0000a0 \0000a0 \0000a0 \0000a0 \0000a0 \0000a0 \0000a0";background-repeat:no-repeat;padding-top:20px;	position: absolute;	top:-0.7em;right:5em;left:-15px;}

.attention::before {background-image:url("/CSS/images/warning.svg")}
.attention {background-color: #FFFBF9;border:1px solid #FFD8D8}

.ok::before {background-image:url("/CSS/images/ok.svg")}
.ok {background-color: #F7FCF7;border:1px solid #85A078;}

.info::before {background-image:url("/CSS/images/info.svg");}
.info {background-color: #F7F8F9;border:1px solid #D0DDED;}

.interdiction::before {background-image:url("/CSS/images/error.svg")}
.interdiction {background-color: #FFF9F9;border:1px solid #FFAAAA}

.ba_arrow:after{left: 100%; top: 50%; border: solid transparent; content: " ";  height: 0; width: 0; position: absolute; pointer-events: none; 	border-left-color: inherit; border-width: 0.8em; margin-top: -0.8em; }
.ba_arrow:before{right: 100%; top: 50%;	margin-right:-1.5em; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-left-color: white; border-width: 0.8em; margin-top: -0.8em;}
.ba_arrow{position:relative}

/*Ellispsis */
.ellipsis {overflow: hidden;	height: 125px;line-height: 25px;margin: 15px;}
.ellipsis::before {content:"";float: left;width: 5px; height: 200px; }
.ellipsis > *:first-child {float: right;width: 100%;margin-left: -5px; }		
.ellipsis::after {content: "\02026"; 	box-sizing: content-box;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;float: right; position: relative;top: -25px; left: 100%; width: 3em; margin-left: -3em;padding-right: 5px;}

.scrollToTop,#roundAdmin,#editLg{width:45px; height:45px; padding:0; display:inline; text-decoration: none; position:fixed;bottom:5px;opacity:0.7;right:50%;margin-right:-480px; display:none; background-color:#179B9B; color:white;border-radius: 50%; z-index:99;line-height:45px;font-size:1.4em;text-align:center;}
#roundAdmin{bottom:55px;display:initial;}
#editLg{bottom:105px;display:initial;color:white}
.scrollToTop{bottom:5px;display:none;transform: rotate(270deg)}
.scrollToTop:hover,#roundAdmin:hover{	text-decoration:none;background-color: #888888;opacity:0.95}

/***** Formulaires¨****/

/* form admin */
.form_admin label[for] {display: block;min-width: 150px;float: left;font-weight:bold}
.form_admin  input:not(.grayB),  select  {color:#179B9B;border:1px solid #179B9B;min-width:200px;text-align:left}
.form_admin  input[type=checkbox],.form_admin  input[type=radio] {min-width:5px;}
.form_admin  input[type=number]{text-align:right;}

.form_admin_table tr {vertical-align:top;}
.form_admin_table tr:hover {background-color:#F9F9FF;}
.form_admin_table tr td:first-child {min-width: 150px;padding-right:20px;font-weight:bold;vertical-align:top}
.form_admin_table  input[type=text], .form_admin_table input[type=email], .form_admin_table input[type=tel], .form_admin_table input[type=number], .form_admin_table input[type=password]  {color:#179B9B;min-width:200px;text-align:left;padding: 3px 0px 3px 3px;}
.form_admin_table  td {padding-top:5px}

.form_ada label[for]{font-weight:bold;display:block;min-width:240px;float:left;font-size:0.94em}
.form_ada input, .form_ada select{display:inline-block;min-width:240px;float:left;box-sizing:border-box;min-height:33px}
.form_ada .sepa{height:11px;clear:both}
.form_ada input[type=radio]{min-width:20px!important;float:none!important}
.form_ada .group{min-width:240px;width:60%;display:block;float:left;text-align:left}
.form_ada .group input{float:none;display:initial;}
.form_ada .group input[type=checkbox]{min-width:10px;}
.form_ada .gline:hover{background-color:whitesmoke;}
.form_ada fieldset{background-color:whitesmoke;max-width:650px;margin:auto}

.form_tight{margin:auto;padding:5px}
.form_tight label[for]{font-weight:bold;display:block;min-width:240px;float:left}
.form_tight input:not([type=checkbox]):not([type=submit]), .form_tight select, .form_tight textarea{display:inline-block;min-width:100%;float:none;box-sizing:border-box;min-height:33px}
.form_tight .sepa{height:11px;clear:both}
.form_tight input[type=radio]{min-width:20px!important;float:none!important}
.form_tight .group{min-width:100%;width:60%;display:block;float:left;text-align:left}
.form_tight .group input{float:none;display:initial;}
.form_tight .gline:hover{background-color:whitesmoke;}

.form_hb label[for]{font-weight:bold;}
.form_hb input, .form_hb select{display:inline-block;min-width:240px;}
.form_hb input[type=radio]{min-width:20px!important;float:none!important}
.form_hb input[type=checkbox]{min-width:20px!important;float:none!important}
.form_hb .group0{margin-bottom:11px}
.form_hb .group0:hover{background-color:#eee;}
.form_hb .group1{margin-left:15px}
.form_hb .group1 input{float:none;display:initial;min-width:240px;text-align:left}

.infobanclab{display:inline-block;min-width:105px}
.infobancForm input[type=text], .infobancForm input[type=email]{width:calc(100% - 111px)!important}

.sub_100, .grayB, .next{border-width:1px 0px;border-radius:0.3em; font-variant: small-caps;margin-top:0.3em;box-sizing:border-box;box-sizing:border-box!important;text-align:center!important;cursor:pointer}
.sub_100, .next{min-height:2em;font-size:1.2em;}
.grayB {min-height:1.5em; font-size:1em;background-color:#AAA!important;font-variant: small-caps;}
.sub_100, .grayB{width:100%;}
input.next, button.next{margin:auto;background-color:#179B9B;width:100%;box-sizing:border-box;border-left:1px solid grey;border-bottom:1px solid grey}
.input_style:hover {  box-shadow: 0 0 5px rgba(85, 169, 194, 1);border: 1px solid rgba(85, 169, 194, 1);}
.input_style {color:#179B9B;border:1px solid #179B9B;min-width:200px;text-align:left;box-shadow: 0 0 5px rgba(85, 169, 194, 1); padding: 3px 0px 3px 3px; margin: 2px 1px 3px 0px; border: 1px solid rgba(255, 255, 255, 1);}

.bt_rose{padding:5px;background-color:#EEA2A4;color:white;font-size:1.2em;text-align:center;border-radius:5px;border:1px solid #AF0069;min-width:110px;display:inline-block}
.bt_rose:hover{background-color:#AF0069;}

.fixed_submit{display:block;position:fixed;min-width:150px!important;border-radius:5px;font-size:1.2em;left:50%; margin-left:265px;bottom:100px;display:block;z-index:555;height:2.1em;cursor:pointer;}

#en_bas {clear:both;text-align:center;color:#999999;width:100%;display:block;margin:auto;padding-bottom:18px;max-width:94%}
#en_bas h2 {display:inline;font-size:1.1em;font-weight:normal;}

.shadow{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)}

/*bbcode */
.size1 {font-size:x-small}
.size2 {font-size:small}
.size3 {font-size:medium}
.size4 {font-size:large}
.size5 {font-size:x-large}
.size6 {font-size:xx-large}
.size7 {font-size:-webkit-xxx-large}
.fromsceditor{text-align:justify}
.fromsceditor, .fromsceditor div{min-height:1.2em;display:block;line-height:1.5em;}
.fromsceditor img{max-width:98%}
.fromsceditor table{margin:auto}

/*toogle class */
.bg_white{background-color:white}
.bg_blue{background-color:#179B9B}
.bg_pink{background-color:#E50089}
.bg_whitesmoke{background-color:#f5f5f5}
.bg_lightgreen{background-color:#179B9B}
.bg_lightblack{background-color:#404040}
.disp_none, .disp_none2{display:none!important}
.disp_noneE {display:none;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.pointer{cursor:pointer}

/*inputgreen*/
.inputgreen{display:inline-block;border-radius:5px;background-color:#EEEEEE!important;border:1px solid #179B9B!important;color:#0099D1!important;margin:10px;padding:5px;font-family:Georgia;min-width:140px;text-align:center;cursor:pointer}

#src_cat{float:right}
#src_cat label{margin-right:10px;white-space:nowrap}

/* Info bulles */
.infott{display:inline-block;background-image:url("/CSS/images/infobulltt22.png");height:22px;width:22px;border:none;background-repeat:no-repeat;vertical-align:middle;}
/*.infobulle {  display:block;float:right;margin-right:15px;} */
.infobulle[title]:hover:after {content: attr(data-infob); display:block; min-height:2.5em; text-align:justify; width:500px; margin:auto; padding:4px 8px; color:#EEE; position:fixed; left:50%; margin-left:-250px; bottom: 40px; background-color:#4c4c4c; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;  border: 2px solid #000 ;z-index:999;}

/* Medias*/
.public .imgmedia{height:150px;border-radius:50%;margin:auto;position:relative;top:75px}
.public .com {text-align:justify;background-color:whitesmoke;padding:60px 15px 15px 15px;}
.public .datafrom {position:relative;top:-85px;}
.public .datafrom  a{color:inherit}
.public .namefrom {font-size:1.2em;text-decoration:underline;}
.public .datefrom {font-size:0.95em;text-decoration:none;font-style:italic;}

/*hisotique */
.fp_sent, .gift_sent{color:#34AF00}
.fp_notsent, .gift_notsent{color:grey}

/*Partners*/
#searchBox{background: url(/CSS/search-white.png) no-repeat 10px 6px #fcfcfc;border: 1px solid #d1d1d1;font: bold 12px Arial,Helvetica,Sans-serif;color: #bebebe;width: 80px;padding: 6px 15px 6px 35px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;-webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;}
#searchBox:focus {width: 150px;outline:none; color: #404040;border-color:rgba(85, 169, 194, 1) }

/* Focus */
textarea:focus {border: 1px solid rgba(85, 169, 194, 1)}
input[type=text]:focus,input[type=url]:focus,input[type=email]:focus,input[type=tel]:focus,input[type=number]:focus, input[type=password]:focus, textarea:focus {
  box-shadow: none; padding: 3px 0px 3px 3px; margin: 5px 1px 3px 0px;border: 1px solid white; border-bottom: 2px solid rgba(85, 169, 194, 1);box-shadow: 0 0 1px rgba(85, 169, 194, 1); outline-color:white; color: initial}
input[type=text],input[type=url],input[type=email],input[type=tel],input[type=number], input[type=password], select, textarea {
  padding: 3px 0px 3px 3px; margin: 5px 1px 3px 0px;border: 1px solid white; border-bottom: 1px solid rgba(85, 169, 194, 1);box-sizing:border-box; color: rgb(85, 169, 194);min-height:30px}
textarea {border: 1px solid rgba(85, 169, 194, 1)}

.shinning_border:hover {  box-shadow: 0 0 5px rgba(85, 169, 194, 1); padding: 3px 0px 3px 3px; margin: 5px 1px 3px 0px; border: 1px solid rgba(255, 255, 255, 1);}

input, textarea, select{-ms-box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;}

/*addgift admin */
.sel_pic_way {padding:5px 11px;border-radius:5px;display:inline-block;min-width:31%;box-sizing:border-box;margin:3px;text-align:left;cursor:pointer}
.sel_pic_way.selectedPicWay{color:white;background-color:#179B9B}
.bot_arr {font-weight:bold;text-align:right;display:block;float:right;font-size:1.3em;transform:rotate(90deg)}
.sel_desc {text-align:left;display:inline-block;min-width:112px}

@media (min-width: 650px) {	
	.radiocontainer:hover input ~ .radio {background-color:#ccc;}
	.radiocontainer input:hover ~ .radio:after {display:block;}
}
@media (pointer:fine) {	
	.radiocontainer:hover input ~ .radio {background-color:#ccc;}
	.radiocontainer input:hover ~ .radio:after {display:block;}
}

@media all and (max-width: 970px) {
	.scrollToTop,#roundAdmin,#editLg{right:15px;margin:0;}
	.scrollToTop{display:none}
}
@media all and (max-width: 880px) {
	body{width:100%}
	#top{width:100%}
	#outnav{width:100%; z-index:80}
	#outolidte{width:100%; position:fixed;top:0px;z-index:80}
	#div_connection_old{left:auto; right:0; position:absolute; }
	#div_connection2{margin:auto;text-align:center}
	/*accueil */
	#photos_scroll {display:none}
	#message_o{display:none}
	#evolution {width:100%;margin:0;max-width:100%}
	#acc_liste_liste {width:100%;float:none;max-width:100%}
	#acc_liste_site {width:100%;float:none;max-width:100%}
	.cve{text-align:left;margin-left:15px}
	#gauche {float:none;width:100%;margin:0;clear:both}
	#formules_table ul {padding-left:15px}
	.ccm {max-width:100%;margin-left:0}
	#info_site{margin-top:15px}
}
@media all and (max-width: 800px) {
	.fixed_input{left:auto;right:10px;margin:0;}
	.fixed_submit{left:auto;right:10px;margin:0;}
	.out-iframe{max-width:100%;overflow: hidden;}
	.iframe-container {max-width:100%}
	.iframe-container {max-width:90%}
	.fs_kdo ul {padding-left:5px}
	.why{min-height:400px}
}
@media all and (max-width: 680px) {
	#catf{display:initial}
	#f1 ,#f2 ,#f3 {max-width:100%;width:98%}
	.form_ada .group{max-width:50%;}
	#src_cat{float:left}
	#nmd_imgs .saut_de_ligne{display:initial}
	#nmd_imgs .nmd{width:33%}
	.why{width:44%;min-height:320px}
}
@media all and (max-width: 600px) {
	.headnav{font-size:1.2em;box-shadow: none}
	#inlog{text-align:center;clear:both}
	#outoliste{display:none}
	#formules_table ul {padding-left:5px}
	nav table tr td{font-variant:initial;}
	.line .desc_out{display:block;padding:5px}
	.line .desc_in{display:none}
	.line .pad170_bis {clear:both;padding-left:0;position:relative;top:-15px}
	.line .info_pricol_out {padding-left:160px}
	.form_ada input, .form_ada select{box-sizing:border-box;min-width:98%}
	.form_ada .group{max-width:100%;min-width:100%}
	.form_ada .hasUnit{width:calc(98% - 15px);min-width:70%!important}
	.headnav a {pointer-events: none}
	#outnav, nav, tav tr, nav td {height:70px;}
	.hsnav {position:absolute;width:100%;left:0;top:70px;line-height:2em;padding-left:40px;padding-right:40px;min-height:150px;font-size:1.25em;padding-bottom:15px;}
	nav table tr td {position:initial;line-height:1.2em}
	.line  ul {list-style-type:none} 
	.line  ul .catli{font-weight:bold} 
	.infobulle[title]:hover:after {width:450px;margin-left:-225px;}
	#qheva h1{font-size:1.9em}
	#qhevati{font-size:2em}
	.qheva_cadre {height:250px}
	.qheva_cadre:hover {background-size:270px auto}
	.nmd{height:200px;}
	.nmd:hover{background-size:230px auto;}
	h1{font-size:2.1em}
	.why{width:44%;min-height:360px}
}

@media all and (max-width: 500px) {
	.headnav{font-size:1.1em;box-shadow: none}
	#rect_opt_list{float:none;text-align:right}
	.divcompte {margin-left:3px;padding-left:5px;border-width:3px}
	.divcompte .admin_button {max-width:48%;font-size:1.0em}
	.divcompte img {max-width:52px}
	.hsnav {width:100%;line-height:1.5em}
	.mainframe{margin:0px;height:235px}
	.mainframe .div2 .div3 {height:235px}
	.hide500{display:none}
	#messites .bt_rose, #messites .bt_rose{margin-bottom:5px}
	.line .info_solde {display:none}
	.infobulle[title]:hover:after {width:400px;margin-left:-200px;}
	#qheva h1{font-size:1.6em}
	#qhevati{font-size:1.8em}
	.qheva_cadre {height:220px}
	.qheva_cadre:hover {background-size:240px auto}
	h1{font-size:1.9em}
	.why{width:44%;min-height:400px}
	.searchCard {width:100%;margin: 10px 0;}
	.block .context-menu-button {opacity:1}
}

@media all and (max-width: 430px) {
	.line .pasprix{display:none}
	.line .pasprix_bis{display:initial}
	.line .deja{display:none}
	.line .catli{text-transform: capitalize;}
	.infobulle[title]:hover:after {width:300px;margin-left:-150px;}
	#qheva h1{font-size:1.5em}
	#qhevati{font-size:1.6em}
	.qheva_cadre {height:200px}
	.qheva_cadre:hover {background-size:220px auto}
	.why{width:96%;min-height:30px}
	#why_desc_ex{display:block;margin:12px;position:initial}
	.searchCard {width:100%;margin: 10px 0;}
	.divSearchCard{max-width:calc(100% - 252px)}
	.divSearchCard img{border:none;width:calc(100% - 5px)}
}

@media all and (max-width: 360px) {
	#qheva h1{font-size:1.35em;}
	.nmd{height:185px;}
	.nmd:hover{background-size:220px auto;}
	h1{font-size:1.5em}
}