@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;
}
::selection{ background-color: #444;color: white;}
input[type="submit"], .likeSub {margin-top:8px;min-width:20px;color:white;background-color:#55A9C2;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 #55A9C2;padding:5px;border-radius:5px 0px 5px 0px;margin:0px 15px;background-color:white}
legend{color:#55A9C2;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:#55A9C2;background-color:whitesmoke}
nav input[type="submit"]:hover {color:whitesmoke;background-color:#55A9C2}
.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{border:1px dotted grey;cursor:pointer}

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}
#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:#99D100;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:55px;border-radius:15px 0;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}

.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:1em; margin:auto; padding:0; margin-top:0;line-height:1.5em;color:#404040;background-color:#FFFFFF;text-align:justify}
#outnav {background-color:#B6CE67;border-bottom:1px solid #EEA2A4}
#outnav:hover {border-bottom:1px solid #404040}
#top {}
#outoliste{}
#outlog{border:1px solid #606060;border-width:0px 0;background-color:whitesmoke;text-align:right;vertical-align:middle;line-height:3em;min-height:80px}
#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.5em;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:2.3em;font-variant: small-caps;width:25%!important}
nav a{text-decoration:none;display:block;color:#FFF}
nav div {z-index:89;box-sizing:border-box;border-color:#55A9C2;border-style:solid;border-width:0;line-height:1.8em;font-variant:normal;text-align:left;display:none;position:absolute;margin-top:0px;left:0px;background-color:#404040;border-radius:0 0 15px 15px;width:100%;padding-left:18px;padding-right:18px;}
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:white;width:100%;position:relative}
#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;max-width:880px;margin:auto}
footer{width:100%; padding-bottom:15px;font-size:0.9em;background-color:#555;color:#ddd;padding-top:10px}
footer a{text-decoration:underline;color:#CAE298;}
footer #flink,footer #flink a {color:#CAE298;}
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;}
#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}

/*edit*/
.edit, .x_supp{color:inherit;text-decoration:none;font-family:Calibri}

/* Pop-in */
.popin {position:fixed;left:50%;margin-left:-200px;top:80px;z-index:500;border:1px solid #55A9C2;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 #B6CE67;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:#B6CE67;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 #B6CE67;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}

/*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:#99D100;}
#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 #55A9C2;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:#99D100;}
#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 #99D100;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:#99D100;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}

/*compte*/
.divcompte {margin-left:35px;border-left:5px solid #99D100;padding-left:15px;position:relative;top:-10px}

/* 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 #99D100;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}
#f1, #f2, #f3 {border:3px solid;border-radius:15px 0px;margin:0px;padding:0px;display:inline-block;margin:5px;max-width:270px;text-align:left}
#f1 ul,#f2 ul,#f3 ul{padding-left:13px;list-style-type:none}
#f1 li::before ,#f2 li::before ,#f3 li::before {content: '\2713  ';color:#99D100}
#f1 {border-color:#404040}
#f2 {border-color:#E50089}
#f3 {border-color:#55A9C2}
#tf1, #tf2, #tf3{border-radius:10px 0px;color:white;}
#tf1{background-color:#404040;}
#tf2{background-color:#E50089;}
#tf3{background-color:#55A9C2;}
.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:#55A9C2;}
#f2 .prix{border-color:#55A9C2;}
#f3 .prix{border-color:#55A9C2;}
.infocom{text-align:center}
.formules-info {border: 2px solid black;border-radius:15px 0;margin:auto;margin-top:25px;max-width:600px;}
#formules-info1 {border-color:#404040}
#formules-info2 {border-color:#E50089}
#formules-info3 {border-color:#55A9C2}
.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:#99D100;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}

/*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:#CCC}
.block .iteml .closed  img{opacity:0.6}
.block .block_slide {position:absolute;z-index:100;background-color:whitesmoke;height:275px;width:258px;opacity:0.9;display:none;font-size:0.95em;text-align:justify;padding:5px;line-height:1.4em;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:1.2em;height:43px;text-align:left;background-color:#55A9C2;color:white;font-weight:bold}
.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}
.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}

/* 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:24px;min-width:24px;font-size:18px;padding:1px;line-height:24px;cursor:pointer}
.notactiveopt {border-color:#CEA69C;color:grey;}
.activeopt {border-color:#99D100;color:#55A9C2;}

/*buttons admin liste */
.admin_button{display:inline-block;width:175px;height:75px;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.6em;font-family:Georgia}
.admin_button img{max-width:65px;vertical-align:middle}
.admin_button:hover{border-color:#009BFF;color:#009BFF;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 .desc_logo{width:110px;margin:auto;padding:0;text-align:center;vertical-align:middle;}

/* Signaux */
.attention, .interdiction, .info, .ok {display:block;margin-top: 2.5em;position:relative;min-height:1em;background-position:10px 10px;padding:10px;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 {content: "\0000a0 \0000a0 \0000a0 \0000a0 \0000a0 \0000a0 \0000a0 \0000a0 \0000a0";background-repeat:no-repeat;padding-top:20px;	position: absolute;	top:-1em;right:5em;left:-15px;}

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

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

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

.interdiction::before {background-image:url("/CSS/images/interdiction.png")}
.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:#B6CE67; 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}

/*Formulaire¨*/
.form_admin label[for] {display: block;min-width: 150px;float: left;font-weight:bold}
.form_admin  input,  select  {color:#55A9C2;border:1px solid #99D100;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:#55A9C2;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}
.form_ada input, .form_ada select{display:inline-block;min-width:240px;float:left;box-sizing:border-box}
.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_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]), .form_tight select, .form_tight textarea{display:inline-block;min-width:100%;float:left;box-sizing:border-box;}
.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:95px}

.sub_100, .next{min-height:2em;border-width:1px 0px;border-radius:0.3em; font-variant: small-caps;font-size:1.2em;margin-top:0.3em;box-sizing:border-box;box-sizing:border-box!important;text-align:center!important;cursor:pointer}
.sub_100{width:100%;}
input.next, button.next{margin:auto;background-color:#B6CE67;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:#55A9C2;border:1px solid #99D100;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:#55A9C2}
.bg_pink{background-color:#E50089}
.bg_whitesmoke{background-color:#f5f5f5}
.bg_lightgreen{background-color:#99D100}
.bg_lightblack{background-color:#404040}
.disp_none, .disp_none2{display:none!important}
.pointer{cursor:pointer}

/*inputgreen*/
.inputgreen{display:inline-block;border-radius:5px;background-color:#EEEEEE!important;border:1px solid #99D100!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;}

/*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 */
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: 0 0 3px rgba(85, 169, 194, 1); padding: 3px 0px 3px 3px; margin: 5px 1px 3px 0px; border: 1px solid rgba(85, 169, 194, 1);
}
input[type=text],input[type=url],input[type=email],input[type=tel],input[type=number], input[type=password], select, textarea {
  box-shadow: 0 0 3px rgba(85, 169, 194, 1); padding: 3px 0px 3px 3px; margin: 5px 1px 3px 0px; border: 1px solid rgba(255, 255, 255, 1);box-sizing:border-box
}

.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}
.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 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}
	#f1 ul,#f2 ul,#f3 ul{padding-left:10px}
	#f1 ,#f2 ,#f3 {max-width:100%;width:45%}
}
@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}
}
@media all and (max-width: 680px) {
	#catf{display:initial}
	#f1 ,#f2 ,#f3 {max-width:100%;width:98%}
	#f1 ul,#f2 ul,#f3 ul{padding-left:15px}
	.form_ada .group{max-width:50%;}
	#src_cat{float:left}
	#nmd_imgs .saut_de_ligne{display:initial}
	#nmd_imgs .nmd{width:33%}
}
@media all and (max-width: 600px) {
	.headnav{font-size:1.3em}
	#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}
	.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}
}

@media all and (max-width: 500px) {
	#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}
}

@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}
}

@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}
}