@CHARSET "UTF-8";
body{background-color: #fff; font-family: "open sans", "Segoe UI", sans-serif; font-size: 14px; margin: 0; color: #000;}

._display{display: initial;}
._hide{display: none;}

header{padding-bottom: 6px; box-shadow: 3px 2px 2px #ddd;}

.lang_menu{list-style-type: none; height: 1.2em; font-size: 0.78em; padding: 0; margin: 0; cursor: default; display: inline-block; text-align: right; position: absolute; top: 7px; right: 85px; overflow: hidden; z-index: 10;}
.lang_menu:hover{height: 50px; transition: all 0.8s;}
.lang_menu:hover strong{color: darkorange;}
.lang_menu:hover svg{fill: #0CA900 !important;}
.lang_menu:hover li:first-child::after{color: darkorange;}

.lang_menu a{color: inherit;}
.lang_menu a:hover{text-decoration: none;}
.lang_menu li{line-height: 1em; padding: 0; margin: 0 0 5px 0;}
.lang_menu li:not(:first-child) a{display: block; background: darkorange; color: white; line-height: 2em; padding: 0 4px; border-radius: 3px;}
.lang_menu li:first-child::after{content: '\276D'; color: #222; display: inline-block; transform: rotate(0.25turn); padding: 0 3px; line-height: 1em; margin-left: 5px; font-size: 0.7em;}
.lang_menu strong{font-weight: normal;}
.lang_menu svg{fill: #999 !important; height: 0.9em; width: auto;}

header{margin-top: 13px;}

.logo{margin: -4px 0 10px 80px; font-family: "Pt mono", "Segoe UI", sans-serif; font-weight: normal; padding: 10px 0 15px 0; float: left; display: inline-block; text-align: center; line-height: 0.95em; height: 47px; width: 100px; overflow: hidden;}

.logo a{color: #0CA900; text-decoration: none; letter-spacing: 3px; font-weight: bold;  font-size: 2.25em; line-height: 0.9em;}
.logo a:hover{text-decoration: none;}
.logo span{color: #999;}
.logo a > span:last-child{color: #222; font-size: 0.60em;  letter-spacing: 3px;}

.logo a:hover{font-size: 3.5em; transition: all 0.4s;}
.logo a:hover span:last-child{opacity: 0;  transition: all 0.3s;}

header nav{display: inline-block; width: 75%;}

.rightmenu{list-style-type: none; text-align: right; position: absolute; right: 85px; font-size: 1.05em; }
.rightmenu > li a{color: #222;}
.rightmenu > li a:hover{text-decoration: none; color: darkorange; transition: all 0.4s;}
.rightmenu > li a:hover strong{color: darkorange;  transition: all 0.2s;}
.rightmenu > li a:hover svg{fill: #0CA900 !important;}
/*.rightmenu > li a::before{content: "\25A0\00a0\00a0\00a0 "; color: #0CA900; font-size: 11px;}*/
.rightmenu svg{height: 0.85em !important; width: auto !important; position: relative; top: -0px; fill: #777 !important;}

.rightmenu .active svg{fill: #0CA900 !important;}

.topmenu{list-style-type: none; margin: 0; padding: 0 14px; clear: both; font-weight: bold; font-size: 1.05em; text-transform: uppercase;  font-family: Coda, sans-serif;} 
.topmenu li{display: inline-block; line-height: 38px;  margin: 0 8px 0 0; padding: 0;}
.topmenu li a{padding: 0 0.5em;  display: block; line-height: 38px; color: #222; border-bottom: 3px solid transparent; line-height: 2.3em; }
.topmenu li a:hover{text-decoration: none;}
.topmenu li strong a{border-bottom: 3px solid darkorange; transition: all 0.8s;}
.topmenu li a:hover{border-color: darkorange; transition: all 0.8s;}


.submenu{list-style-type: none;  margin: 0 200px 0 0; padding: 0 14px; color: #666; font-size: 13px; height: 38px; position: relative; z-index: 10; font-size: 0.90em; }
.submenu li{display: inline-block;  line-height: 38px;  margin: 0 8px 0 0; padding: 0; font-size: 1.05em;}
.submenu li > a, .submenu li > strong, .submenu li > span{display: inline-block; padding: 0 7px; color: #222;}
.submenu strong a{color: #222;}
.submenu a:hover{color: darkorange; text-decoration: none; transition: all 0.4s;}

/*.submenu li:last-child{float: right; padding-right: 0;}
.submenu li:last-child a{padding: 0; color: #222;}
.submenu li:last-child a:hover{color: darkorange;}
.submenu li:last-child a:first-child{font-weight: bold;
font-size: 1.2em;
position: fixed; left: 0; bottom: 3%; writing-mode: vertical-rl; text-orientation: sideways;
border-top-right-radius: 1em;
border-bottom-right-radius: 1em;
padding: 1em 0em 1em 0em;
color: white;
background-color: darkorange;
}
.submenu li:last-child a:first-child:hover{padding-left: 1em;}*/

/*.submenu li:last-child a:first-child:before{content: "\25BA\00a0"; color: darkorange;}*/

/*
#form_menu{margin: 0 0 22px 0; font-size: 13px; text-align: center;}
#form_menu .sel span{background-color: darkorange;} */

form, #form{margin: 0 0 0.4em 0; line-height: 22px; text-align: left; padding: 0.45em 0 0.45em 85px; background-color: #ddd; /*box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.05);*/}

form.white, .blog form.white{border: none; box-shadow : none !important; padding: 0; background-color: white !important;}

fieldset{border: 1px solid #aaa; margin: 1em 0; text-align: left;}
fieldset .button{line-height: inherit;; }
form#nav_bar fieldset{display: inline-block; text-align: left; border: none; padding: 0; margin: 0;}
form nav{cursor: pointer; font-family: Coda, sans-serif; background-color: #eee; font-size: 14px; color: #444; padding: 5px; border-radius: 5px; border: 2px solid #ccc;  background-color: #fff; color: #222;  font-size: 13px; font-weight: bold;  border: 0; padding: 0px 8px 0px 12px;/*  box-shadow: 2px 3px 5px -1px rgba(0,0,0,0.4); */  border: 1px solid #bbb; line-height: 29px; display: inline-block;}
form nav.inactive{color: #999 !important;}
form nav span{color: #0CA900; margin-left: 3px;}
form nav.inactive span{color: #999;}


input, select, textarea, button{font-size: 15px; color: #222; display: inline-block; font-family: "open sans", "Segoe UI", sans-serif;  padding: 0px 6px; margin-bottom: 0.3em; border-radius: 5px; border: 1px solid #bbb; background-color: #fff;}
/*input, select, button{line-height: 29px; height: 29px;}*/
input.small, select.small, button.small{line-height: 24px; height: 24px; font-size: 13px;}


.presentation select, .presentation input, .options select, .options input, #form_dyn select, #form_dyn input{height: auto;}

textarea{font-family: monospace;}

*[role="button"]{cursor: pointer; user-select: none;}
input[type="submit"], button, .button{cursor: pointer; display: inline-box; border-color: #444; font-size: inherit; line-height: 25px; background-color: #fff; color: #444;  font-family: Coda, sans-serif; font-weight: bold; border: 1px solid #bbb; border-radius: 0.5em; padding: 2px 12px; user-select: none; }

.button{padding: 0.1em 1em; margin: 0.3em 0; display: inline-block;}
.highlight,input[type="submit"].highlight{background-color: #0CA000; color: #fff; border-color: #0CA000;}
.button.highlight svg, button.highlight svg{fill: white;}
.button.highlight:hover,button.highlight:hover,input[type="submit"].highlight:hover{background-color: #306496; border-color: #306496;}
button a{color: inherit;}
.inactive, .button.inactive{color: #999; background-color: #fff; border-color: #bbb; cursor: default;}
input[type="submit"][disabled="disabled"], .button.inactive:hover{color: #999 !important; border-color: #bbb !important; cursor: default; background-color: white  !important;}
.inactive:hover{border-color: #bbb; color: #999; background-color: #FFF;}
.button.warning{background-color: darkorange; color: #fff; border-color: darkorange;}
.button.warning:hover{background-color: darkred;}

.button span{color: #0CA900;}

.inline_img{height: 1em;}


.info_bar{font-size: 0.90em; color: #666; cursor: pointer;}


.nav_page{text-align: right; float: right; margin-bottom: 10px; margin-top: 0px; font-size: 13px; }

.nav_page span{color: #aaa; background-color: #ddd; padding: 2px 5px; border-radius: 4px;  cursor: default;}
.nav_page a, .nav_page span[role=button]{color: #fff; background-color: #0CA900; padding: 2px 5px; border-radius: 4px;  text-shadow: 1px 1px 0px #003d4f; cursor: pointer;}
.nav_page a:hover, .nav_page span:hover[role=button]{text-decoration: none !important; cursor: pointer;}

.error:before{content : "\2716"; color: firebrick; border: 2px solid #ccc; border-radius: 50%; line-height: 1.3em; width: 1.3em; display: inline-block; text-align: center;  margin-right: 0.6em;}


.analyse_error, .analyse_warning, .analyse_info, .analyse_error_info, .analyse_valid, .analyse_valid_info{

}

.analyse_error:before, .analyse_warning:before, .analyse_info:before, .analyse_error_info:before, .analyse_valid:before, .analyse_valid_info:before, .analyse_idea:before{line-height: 1em; width: 1em; font-size: 1em; display: inline-block; text-align: center;  margin-right: 0.5em; border-radius: 50%;}

.analyse_error:before{content : "×"; background: firebrick; color: white;  text-shadow: 1px 1px 0px #444; box-shadow: 1px 1px 0px rgba(0,0,0,0.35);}
.analyse_warning:before{content : "×"; background: darkorange; color: white;  text-shadow: 1px 1px 0px #444; box-shadow: 1px 1px 0px rgba(0,0,0,0.35);}
.analyse_info:before{content : "ℹ"; background: #fff; color: #888; border: 1px solid #aaa;}
.analyse_error_info:before{content : "ℹ"; background: darkorange; color: white; text-shadow: 1px 1px 0px #444; box-shadow: 1px 1px 0px rgba(0,0,0,0.35);}
.analyse_valid:before{content : "✓"; background: #fff; color: #0CA000; border-radius: 3px; }
/*.analyse_valid:before{content : "+"; background: #fff; color: #0CA000; border-radius: 3px; }*/
.analyse_valid_info:before{content : "ℹ"; background: #fff; color: #0CA000; border: 1px solid #aaa;}
.analyse_idea:before{content : "💡"; background: #fff; color: #0CA000; border: 1px solid #aaa;}


input[type="submit"]:hover, button:hover, .button:hover{text-decoration: none; background-color: #0CA900; color: #fff; border-color: #000;}
.button:hover span{color: #fff;}

/* #sbody input, .blog input{margin-bottom: 5px;} */
/* #sbody form,  */.blog form, #popin form, .formlike{text-align: left; padding: 8px; border: 1px solid #ccc; background-color: #f6f6f6; box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.15); border-radius: 5px;}

div .table:not(:first-child){display: none;}

/* #illus{background-image: url("IMG_0552.JPG"); background-position: 0 -250px; margin-top: 10px; padding-bottom: 0px; }
#illus h1, #illus li{color: #fff}
 */
 
 
 .url_, input[name=key], input[name=PSEUDO], input[name=PASS], input[name=EMAIL], input[name=password]{line-height: 29px;}

.options{margin: 6px auto auto auto; text-align: left; display: none; position: absolute; z-index: 5; font-size: 0.93em;}
.options > div{margin: 0; text-align: left; background-color: #fff; padding: .75em; border: 1px solid #aaa; border-radius: 5px;}

.options textarea{font-size: 12px; width: 90%; background-color: #F0F0F0;}
.options p input{font-size: 12px;}
.options select{font-size: 12px;}
.options .alyze_proxies_list label{padding-right: 5px; border-radius: 0.5em; display: inline-block;}
.options .alyze_proxies_list label:hover{background: rgba(0,0,0,0.2);}

.option_saved_pages{ margin: 0 5px; line-height: 29px;}
.option_saved_pages span{cursor: pointer; color: #777; font-size: 1.5em; margin: 0 2px;}
.option_saved_pages span:nth-child(1):hover{color: darkorange;}
.option_saved_pages span:nth-child(2):hover{color: #0CA900;}

.presentation .option_saved_pages span{color: #eee !important;}

#suggest_form{position: absolute; border: 1px solid #ccc; background-color: #fff; text-align: left; font-size: 14px; padding: 3px; display: none; z-index: 7;}
#suggest_form div{padding: 2px 10px; }

.suggest{text-align: center; margin-bottom: 20px;}
.suggest .coll{display: inline-block; vertical-align: top; margin-right: 20px; text-align: left; margin-right: 20px; width: 30%;}
.suggest .coll:first-child{width: 200px;}
.suggest h1{margin-top: 0; color: #444; font-size: 22px;}
.suggest table{width: 100% !important; display: block !important;}
.suggest tbody td:first-child{ font-size: 14px; padding: 5px; width: 90%; /* font-family: Coda; */ }
.suggest tbody td:first-child a{color: #444;}

.jauge{background-color: #ddd; width: 100%; margin: 0 0 15px 0;  padding: 0 !important;}
.jauge div{background-color: #0CA900; margin: 0; height: 8px; padding: 0 !important;}

table .jauge{width: 80px; margin: 9px 0 0 0;}
table .jauge div{margin: 0; height: 6px;}

a, .link{color: #0000e0; text-decoration: none; cursor: pointer;}
a:hover, .link:hover{text-decoration: underline;}

img{border: 0;}

h1{font-size: 26px; color: #222;}
h1 a{color: #222;}

.blog h1{margin: 40px 0 5px 0; padding: 0; font-size: 26px; border-bottom: 0px solid #ccc; padding-bottom: 3px; font-family: Coda, sans-serif; font-weight: normal;}
.blog h1::first-letter{color: #0CA900;}

h2{margin: 25px 0 12px 0; padding: 0; color: #222; font-size: 20px; border-bottom: 0px solid #ccc; padding-bottom: 3px; font-weight: 600;}
/* h2::first-letter{color: #0CA900;} */

h3{margin: 0px 0 10px 0; padding: 0; color: #222; font-size: 17px; border-bottom: 0px solid #ccc; padding-bottom: 0px; font-weight: 600;}
/*h3::first-letter{color: #0CA900;}*/

.page h2:first-child{margin-top: 5px;}

/*strong{color: #222;}*/

pre{overflow: auto; display: block;}

abbr{border-bottom: 2px dotted #aaa; text-decoration: none !important; }

hr{border: 0; border-bottom: 1px dotted #ccc;}

ul li{margin-top: 4px; margin-bottom: 4px;}



.fixed-nav{position: fixed; width: 100%; top: 0; margin: 0 !important; z-index: 99;}

p{text-align: justify; }

*:not(.wp-block-code) > code, .code{border-left: 4px solid darkorange; padding: 5px 10px 5px 10px; background-color: #f3f3f3; margin: 5px 5px 15px 5px; display: block; color: #555; }
.code{display: block;}
figure code, figure .code{margin: 0; text-align: left;}



.presentation{
	clear: both;
	text-align: center;
	padding-top: 2em;
	padding-bottom: 4em;
	
	background: #333;
	background: linear-gradient(-45deg, #333, #666, #222);
	
	box-shadow: inset 0 0 15px 15px rgba(0,0,0, 0.15);
	border-bottom: 1px solid #eee;
	 
}

.presentation.analyse{
	/* <span>Photo by <a href="https://unsplash.com/@togna_bologna?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Tony Reid</a> on <a href="https://unsplash.com/s/photos/montana?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Unsplash</a></span>*/
	/*background: no-repeat url(couv/tony-reid-UMJUr3st0AE-unsplash-reduc.jpg);
	background-size: cover;
	background-position: center;*/
	/*background: linear-gradient(-45deg,
		#555,
		#333,
		#555 90%,
		#0CA900 90%, 
		#0CA900 90.2%,
		#555 90.2%
		);*/
}

.comp{}
.serp{background: linear-gradient(-45deg,#133981 0%,#546495 55%,#4c0554 99%); animation: AnimateBG 5s ease infinite; background-size: 100% 100%; background-position: center center;}
.crawl{background: linear-gradient(-45deg,#307991,#054a61,#307991);}
.urlchecker{background: linear-gradient(-45deg,#123e57,#237182,#195a69);}
.suggest{}

@keyframes AnimateBG { 
  0%{background-size: 100% 100%;}
  50%{background-size: 200% 200%;}
  100%{background-size: 100% 100%;}
}

.presentation h1{font-size: 52px; padding: 40px 0 10px 0; font-weight: normal; color: #fff; margin: 0; text-shadow: 1px 0px 2px rgba(0,0,0, 0.8);  display: inline-block; letter-spacing: 4px; font-family: Coda, sans-serif; }
.presentation > ul, .presentation > div{display: block; margin: 0px 0 25px 0; padding: 0; font-size: 20px; list-style: none; height: 50px; overflow: hidden; text-shadow: 1px 0px 1px rgba(0,0,0, 0.8); font-family: Coda, sans-serif; }
.presentation > ul li, .presentation > div{margin: 0; padding: 0; height: 50px; color: #fff;}
.presentation + form{text-align: center; background-color: #ddd; margin-bottom: 0 !important;}

.presentation form{background-color: rgba(0,0,0, 0.36); background: transparent; text-align: center; box-shadow: none; color: #fff; border: none;}

.presentation form input[type="submit"]{background-color: #0CA900; border-color: #000; color: white; line-height: 29px;}
/* .presentation form strong{color: #fff;} */
.presentation .options{color: #222;}
details.help{display: inline; margin: 0 0.5em;}



.presentation.analyse fieldset{color: rgba(255,255,255,.8) !important; }
.presentation.analyse hr{border-bottom: 3px solid rgba(0,0,0,.2) !important;}
.presentation.serp .options,
.presentation.analyse .options.oanalyse,
.presentation .deco_dark{display: block; position: relative; z-index: 0; border: 3px solid rgba(0,0,0,.2) !important; margin: 1% 0 !important;  border-radius: 0.4em !important; padding: 0.45em !important; text-align: left; font-size: 0.96em; color: inherit; background: rgba(0,0,0,.2); backdrop-filter: blur(1px);}

.presentation.analyse input[type="text"]:not(.url_){background: rgba(0,0,0,.1); color: rgba(255,255,255,.75); border-color: rgba(0,0,0,.2);}
.presentation.analyse .button{background: rgba(0,0,0,.1); color: rgba(255,255,255,.75); border-color: rgba(0,0,0,.2); font-size: inherit; line-height: normal;}
.presentation.analyse select{background: rgba(0,0,0,.1); color: rgba(255,255,255,.75); border-color: rgba(0,0,0,.2); font-size: inherit; height: auto;}
.presentation.analyse option{background: #555; color: #ddd;}
/*.presentation input[type="submit"]{background: rgba(0,0,0,.1) !important; color: rgba(255,255,255,.75) !important; border-color: rgba(0,0,0,.45) !important;}*/
.presentation.analyse input[type="checkbox"]{background: rgba(0,0,0,.1) !important; color: rgba(255,255,255,.75) !important; border-color: rgba(0,0,0,.45) !important;}
.presentation.analyse input::placeholder{color: rgba(0,0,0,.65); }

.presentation.analyse nav, .presentation.serp nav{display: none; margin-left: -1em;}
.presentation.analyse a:not(.button){color: inherit;}

.presentation.analyse .options > div{background: transparent; padding: 0; border: none;}
.presentation.analyse .options > div{background: transparent; padding: 0; border: none;}
.presentation.analyse .options input{font-size: inherit;}
.presentation.analyse .options input::placeholder{color: rgba(255,255,255,.75);}
.presentation.analyse .options.suboptions{background: #fff;}
.presentation.analyse .options.suboptions > div{padding: 8px 4px;}
.presentation.analyse .options.suboptions *{color: #222 !important;}
.presentation.analyse .options.suboptions *::placeholder{color: #222 !important;}

.presentation.crawl .deco_dark{border: 3px solid rgba(0,0,0,.2) !important; background: rgba(0,0,0,.08);}
.presentation.crawl fieldset{color: rgba(255,255,255,.8) !important;}
.presentation.crawl hr{border-bottom: 3px solid rgba(0,0,0,.2) !important;}
.presentation.crawl input[type="text"]{background: rgba(0,0,0,.1); color: rgba(255,255,255,.75); border-color: rgba(0,0,0,.2);}
.presentation.crawl select{background: rgba(0,0,0,.1); color: rgba(255,255,255,.75); border-color: rgba(0,0,0,.2);}
.presentation.crawl option{background: #064458; color: #ddd;}
.presentation.crawl input[type="submit"]{background: rgba(0,0,0,.1) !important; color: rgba(255,255,255,.75) !important; border-color: rgba(0,0,0,.45) !important;}
.presentation.crawl input[type="checkbox"]{background: rgba(0,0,0,.1) !important; color: rgba(255,255,255,.75) !important; border-color: rgba(0,0,0,.45) !important;}
.presentation.crawl input::placeholder{color: rgba(255,255,255,.5); }

.presentation.serp .options{border: 3px solid rgba(0,0,0,.2) !important; background: rgba(0,0,0,.05);}
.presentation.serp .options > div{background: transparent; padding: 0; border: none;}
.presentation.serp .options input{font-size: inherit; background: rgba(0,0,0,.1); color: rgba(255,255,255,.75); border-color: rgba(0,0,0,.2);}
.presentation.serp .options input::placeholder{color: rgba(255,255,255,.75);}
.presentation.serp select{background: rgba(0,0,0,.1); color: rgba(255,255,255,.75); border-color: rgba(0,0,0,.2); font-size: inherit;}
.presentation.serp option{background: #555; color: #ddd;}

.suboptions .suboption_cat{margin: 0 1em 0 0; padding: 0; border: none; width: 20%; display: inline-block; vertical-align: top; font-family: Coda, sans-serif; font-size: 1.2em; }
.suboptions .suboption_cat ul{list-style: none; margin: 0; padding: 0;}
.suboptions .suboption_cat ul li{display: block; cursor: pointer; background-color: #eee; padding: 0.5em 0.55em; border-radius: 0.5em;}
.suboptions .suboptions_content{margin: 0;  border: none; width: 75%; display: inline-block;}
.suboptions .suboptions_content ul{list-style: none; margin: 0; padding: 0;}
.suboptions .suboptions_content ul li{display: block; border-bottom: 1px dashed #aaa; padding: 0.3em; cursor: default;}
.suboptions .suboptions_content ul li:hover{background-color: #eee;}

.suboptions input{font-size: inherit}


.help summary, .help_button{display: block; font-size: 1em; width: 1.5em; height: 1.5em; line-height: 1.5em; text-align: center; font-weight: bold; border-radius: 
1em;  cursor: pointer; background-color: #aaa; color: #fff;  text-shadow: 1px 1px 0px #666;  user-select: none;}



.help_mark{background: #ddd; color: #777; font-weight: bold; border-radius: 50%; width: 1.2em; line-height: 1.2em; display: inline-block; text-align: center; font-size: 0.7em; padding: 0.15em; float: right; margin-left:1em; cursor: pointer;}

.help summary:hover{background-color: darkorange; color: white;}
details.help div{position: absolute; width: 380px; font-size: 0.9em; line-height: 1.33em; background-color: white; color: black; padding: 0.5em; margin-top: 0.5em; border-radius: 0.5em; box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.3); z-index: 10;}

.help summary::-webkit-details-marker{
 display: none;
}



#form_dyn{font-size: 1em; margin-top: 0em;}
#form_dyn label{font-weight: bold; font-size: 0.92em;}
#form_dyn label[for="analyse_classic"] span{color: #999; font-size: 0.9em; position: relative; top: -0.1em;}
#form_dyn label[for="analyse_dyn"] span{color: darkorange;  font-size: 0.9em; position: relative; top: -0.1em;}

.presentation #form_dyn label{color: #fff;}
.presentation #form_dyn label span{text-shadow: 4px 1px 1px rgba(0,0,0,0.33)}
.presentation #form_dyn label[for="analyse_classic"] span{color: #ccc; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); }
.presentation #form_dyn label[for="analyse_dyn"] span{color: darkorange; text-shadow: 1px 1px 2px rgba(0,0,0,0.8);}





.w{clear: both; float: right; width: 170px; font-size: 0.95em; margin-right: 50px; text-align: center; padding-top: 18px;}

.w .partners strong{font-size: 13px; color: #666;}
.w .partners li{padding: 12px 6px 12px 6px; background-color: #fff; border: 1px solid #ccc; margin: 8px 0px; text-align: center; font-size: 1.17em; font-weight: bold;}
.w .partners li img{max-height: 55px; max-width: 100%;}

#freeblockinfos{/*position: absolute; top: 1; left: 0; width: 100%;*/}

.g_ads_responsive{margin-right: 0px; margin-left: 0px; width: 160px; height: 900px; text-align: center;}

 /*.g_ads_responsive{margin-right: 0px; margin-left: 0px; width: 100%; height: 100px; text-align: center;}*/

.w p{padding: 6px; margin: 6px 0 10px 0; border-radius: 5px; text-align: center; box-shadow: 0 1px 3px #aaa;}
.w div, .w p, .w ul{}
.w div{margin-bottom: 10px;}
.w ul{list-style: none; margin: 0; padding: 0;}
.w ul li{background-color: #f0f0f0; padding: 5px; margin-top: 1px; margin-bottom: 1px; text-align: left;}

*[class^="ico_"] svg{width: 1.2em; height: auto; vertical-align: middle; margin: 0 8px 0 8px; fill: #555;}
*[class^="ico_"].light svg{fill: #fff;}

*[class^="ico_"][onclick], *[class^="ico_"][data-click]{cursor: pointer;}
*[class^="ico_"][onclick]:hover svg, *[class^="ico_"][data-click]:hover svg, a[class^="ico_"]:hover svg{fill: #0CA900;}

button svg, .button svg{width: 1.2em; height: auto; vertical-align: middle; margin: 0 8px 0 0; fill: #555;}
button:hover svg, .button:hover svg{fill: #fff !important;}
.ico_csv svg{fill: #888;}
.ico_csv svg:hover{fill: darkorange;}
.w .ico_twitter svg, .w .ico_facebook svg, .w .ico_link svg{width: 1.4em;  margin: 8px;}
.ico_twitter svg{fill: #76A9EA;}
.ico_facebook svg{fill: #3b5998;}
.ico_link svg{fill: #888;}
.ico_twitter svg:hover,.ico_facebook svg:hover,.ico_link svg:hover,.ico_pdf svg:hover{fill: darkorange;}


.analyze_table_action{font-size: 1.4em; color: #555;}
.analyze_table_action a:hover{text-decoration: none;}
.button_link{color: #555; cursor: pointer; margin-left: 5px; margin-right: 5px;}
.button_link:hover{cursor: pointer;}
.button_link:hover{ color: darkorange;}



.a, .hinfo{padding: 12px; border: 2px solid orange; border-radius: 5px; margin: 0 0 20px 0px;}
.i{padding: 12px; margin: 0 0 20px 0px; background: #306496; color: white; border-radius: 8px; /*border: 2px solid #276CCD; border-radius: 5px;*/}

.dymenu_right{display: inline-block; float: right; margin-top: 1px;}

.let_ranking{color: #fff !important; background: #aaa; height: 1.9em; line-height: 1.9em; width: 1.9em; display:inline-block; text-align: center; border-radius: 50%; font-weight: bold; overflow: hidden; text-shadow: 1px 1px 0px #666; cursor: pointer;}
.let_ranking > span{color: #fff !important; font-size: 0.7em; position: relative; top: -.1em;}
.let_ranking[data-rating='A+'],.let_ranking[data-rating='A']{background: #0CA900}
.let_ranking[data-rating='B+'],.let_ranking[data-rating='B']{background: #38c400}
.let_ranking[data-rating='C']{background: #acc700}
.let_ranking[data-rating='D']{background: #e87f00}
.let_ranking[data-rating='E']{background: #e86100}
.let_ranking[data-rating='F']{background: #e86100}
.let_ranking[data-rating='E']{background: #db4900}
.let_ranking[data-rating='G']{background: #db4900}
.let_ranking[data-rating='N/A']{font-size: 0.75em !important;
    height: 2.78em;
    width: 2.78em;
    line-height: 2.78em;}



.dymenu{margin: 28px 0 20px 0; padding: 0; font-size: 12px; font-family: Coda, sans-serif; z-index: 1;  /*text-align: center;*/ text-transform: uppercase;/*  box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2); */ margin-left: 85px; }
.dymenu svg{width: 16px; height: 15px; vertical-align: bottom; margin-left: -2px; margin-right: 10px; display: inline-block; fill: #fff;}

.dymenu li{list-style-type: none; display: inline-block; padding: 0; margin: 5px 8px 0 0; padding: 0; /*border-top: 2px solid #555; border-left: 2px solid #555;  border-right: 2px solid #555;*/  }

.dymenu li a, .dymenu li span, .a_display > span{cursor: pointer; padding: 8px 12px 8px 12px; display: block; text-shadow: 1px 1px 0px #666; font-weight: bold; color: #fff; border-radius: 5px; background-color: #aaa;  box-shadow: 0px; transition: all 0.3s;}

.dymenu li a:hover{text-decoration: none !important; background-color: #444;  }

.dymenu .sel svg{fill: #fff !important;}
.dymenu .sel a:hover{background-color: #0CA900;}
.dymenu .sel a, .dymenu .sel span{color: #fff; cursor: default; background-color: #0CA900; }

.a_display{float: right; position: relative; top: 2px; float: none; z-index: 100;}
.dymenu .a_display > a, .dymenu .a_display > span, .a_display > span{background-color: #fff; padding: 4px; display: inline-block; white-space: nowrap; max-width: 23px; overflow: hidden; }
.a_display > a svg, .a_display > span svg{fill: #666; width: 22px; height: 22px; margin: 0 10px 0 0;}
.a_display > a:hover, .a_display > span:hover{background-color: #444; max-width: 250px; transition: all 1.6s; }
.a_display > a:hover svg, .a_display > span:hover svg{fill: #fff;}
.a_display.sel > a{background-color: #fff;}
.a_display.sel > a svg{fill: #0CA900; background-color: #fff;}

.minimenu{float: left; width: 36px; margin-top: 0; margin-left: 36px;}


.w_warning{position: absolute; padding: 2px 6px; border-radius: 10px; font-size: 9px !important; line-height: 10px; height: 10px; background-color: rgba(255,114,0,1); width: auto; font-weight: bold; margin: -15px -1px; box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.35); color: #fff  !important; text-shadow: 1px 1px 0px #444; z-index: 3; word-break: keep-all;}
.bouton .w_warning{position: relative; margin: 0 0 0 5px; font-size: 8px; box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.25);}
.aer .bouton .w_warning{background-color: #e00000;}
.w_warning.valid{background: #0CA900;}

.w_information{position: absolute; padding: 2px 6px; border-radius: 10px; font-size: 9px; line-height: 10px; height: 10px;  background-color: #0CA900; width: auto; font-weight: bold; margin: -10px -10px;  color: #fff; z-index: 3;}

.lMenu{margin: -10px 0 5px 70px; text-transform: initial; font-size: 12px;}
.lMenu a, .lMenu span{color: #444;}
.lMenu span{background-color: darkorange;}


#pages{border-left: 0px solid #aaa; margin-bottom: 3%; padding: 15px; box-shadow: -3px -3px 3px 0px rgba(0,0,0,0.15); }
#pages .page:not(:first-child){display: none;}
#pages .page{position: relative; font-size: 13px; }
#pages h2{margin-bottom: 6px;}


#pages ul li .wn{color: red; font-style: normal !important; font-size: 10px; font-weight: bold;}

footer{font-size: 13px; line-height: 1.8; clear: both; text-align: center; border-top: 1px solid #ccc; margin-top: 40px; padding-top: 15px; padding-bottom: 15px; color: #888;}

td{vertical-align: top;}

.order_by{border-bottom: 1px dashed #ccc; cursor: pointer;}

table#analyse, table.d{font-size: 13px; border-spacing: 0px; border-left: 1px solid #ddd; border-bottom: 1px solid #ccc; position: relative; border-collapse: collapse; /*display: block;*/}


table#analyse strong, table.d strong{color: #444;font-size: 1.09em;}
table#analyse tbody tr td:nth-of-type(2){padding: 5px;}
table#analyse tbody tr.explore:hover strong{color: darkorange;}


table#analyse thead, table.d thead{font-size: .92em; background-color: #eee; color: #222;}
table#analyse thead td, table.d thead td{border-left: 1px solid #f3f3f3; border-right: 1px solid #bbb;}
table#analyse tbody, table.d tbody{ position: relative;}
table#analyse tbody tr td, table.d tbody tr td{word-break: break-all;}
table#analyse td, table.d td{padding: 2px 3px; border-right: 1px dotted #ccc; overflow: auto; border-bottom: 1px solid #ddd; position: relative;}
table#analyse td.dtag, table.d td.dtag{color: #888; font-size: 12px;}

table#analyse td.dtag span, table.d td.dtag span{color: #444;}
table#analyse td.dtag em, table.d td.dtag sup{font-size: 0.8em; font-style: normal; color: #999; margin: 0 0 0 2px;}

.d tbody tr:hover{background-color: #e5f5ff;}

#suggest tbody td{color: #aaa; padding: 5px;}
#suggest tbody td:first-child{width: 18%; font-size: 14px; font-family: coda; font-weight: bold; color: #444;}
#suggest tbody td:first-child div{font-size:11px; font-family: "open sans"; font-weight: normal; color: #000;}

#suggest tbody td span{color: #444;}

/* span.pos{color: green !important;}
span.neg{color: #C80A00 !important;}
span.med{color: #555 !important;} */

/*table#analyse .info, table.d .info{display: none;}
table#analyse .info div, table.d .info div{margin-left: 11px;}
table#analyse .info p, table.d .info p{ text-align: left; font-family: "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Lucida Console", monospace; line-height: 12px; background-color: #f0f0f0; margin: 2px; margin-left: 6px; padding: 3px; border-left: 1px solid #ccc; display: none; width: 580px; overflow: auto;}
table#analyse .info span, table.d .info span{border: 0; color: #098A00; cursor: pointer;}*/

/*table#analyse .display_http_info, table.d .display_http_info{color: #098A00; cursor: pointer; font-weight: bold; width: 15px; text-align: center;}
table#a{position: relative; width: 640px;}
table.d td.url{width: 390px !important; height: 22px; overflow: auto;}
table.d td.url a{text-decoration: none; width: 390px !important;}
table.d td.url a:hover{color: orange;}*/


.mcSmenu .dymenu{font-size: 0.88em; margin-top: 0.1em; margin-bottom: 1.2em; margin-left: 0;}
.mcSmenu .dymenu li span, .mcSmenu .dymenu li a{text-transform: initial;}
.mcSmenu .dymenu li.sel span, .mcSmenu .dymenu li.sel  a{background-color: #306496;}

.blog{margin-top: 15px; margin-right: 270px; margin-left: 200px;}

h1.blog, p.h1{color: #444; /*text-shadow: 1px 1px 0px #666;*/ margin-top: 30px; margin-right: 270px; margin-left: 270px; margin-bottom: 0px; padding: 12px 12px 12px 12px; text-align: center; font-weight: normal;  font-size: 26px;}

/*.blog div:not(.st-btn) + img, */.img:not(.nude), figure{box-shadow: 1px 1px 4px 2px rgba(0,0,0,0.18); margin: 20px; width: 100%;}
figure figcaption{padding: 0.5em; border-top: 1px solid #ddd; background-color: #fff; font-size: 1em; text-align: justify;}
figure img{box-shadow: none !important; margin: 0 !important; padding: 0;}

figure{max-width: 90%;  text-align: center; background-color: #f0f0f0;}
figure img{max-width: 78%;}
	
span.img{display: block; padding: 6px; font-size: 13px; margin: 15px 0 6px 0;}


.blog p{margin-bottom: 15px; font-size: 15px; line-height: 1.7;}
.blog li{font-size: 15px; line-height: 1.7; text-align: justify;}
.blog p code, .blog aside code, .blog li code{color: #0CA000; display: inline; border: 0; padding: 0; margin: 0; background-color: transparent;}
.blog aside{background-color: #f3f3f3; padding: 12px; font-size: 13px; border-radius: 6px;}
.blog aside ul{font-size: inherit; line-height: 1.2; margin: 0.5em 0 0 0;}
.blog ul{margin-bottom: 20px; font-size: 15px; line-height: 1.7;}
.blog ul ul{margin: 0;}
.blog table{display: table; width: auto;}

.blog figure table{background-color: #fff; text-align: left;}
.blog figure table tr td{border: 1px solid #ccc;}

.summary{font-size: 16px; margin-bottom: 16px; line-height: 1.7;  text-align: justify;}}
.address{font-size: 13px; padding-top: 3px; color: #444; padding-bottom: 14px;}

#sbody{margin-top: 30px; margin-right: 245px;}
#sbody h2 a, .blog h2 a{color: #444;  font-size: 0.9em; font-weight: bold; text-decoration: none;}
#sbody > h3{margin-top: 30px;}
#sbody > h3 a{color: #0f4591; text-decoration: underline;}
/* #sbody.blog ul{margin: 5px 0; padding: 0;}
#sbody.blog li{margin: 2px 0 2px 26px;} */
.contener{background-color: #f3f3f3; padding: 0.45em; border: 2px solid #ddd; border-radius: 0.4em;}
/* #sbody .info,  */.blog .info{color: #444; text-align: right; margin: 10px 0 0 0; padding: 0; line-height: 22px;}
.contener a{color: #0CA900; font-weight: bold;}
.blog .info strong{color: #444;}

/* #co .info{margin-top: 10px; text-align: left; margin: 10px 0 5px 0; font-size: 11px;}
#co .info strong{font-size: 13px;}
#co .info a{color: green; text-decoration: underline;}*/

/* #sbody a{text-decoration: none;}
#sbody a:hover{text-decoration: underline;}
#sbody input, .blog textarea{font-size: 13px;} */

.blog .page{padding: 1em 0 1em 0; text-align: right;}
.blog .page a, .blog .page span{display: inline-block; width: 18px; line-height: 18px; border: 1px solid #aaa; font-weight: bold; text-align: center; margin: 5px 5px 5px 0; font-style: normal;}
/*#sbody .page br{clear: left;}*/

.mce-toc{background-color: #f0f0f0; padding: 0.5em;}
.mce-toc ul{margin: 0;}
.mce-toc *{font-size: 0.92em; line-height: 1.2em;}

.aanalyse{margin: 0 0 1px 0; padding: 5px 5px 0px 5px;}
.aanalyse > div{height: 0px; overflow: hidden; position: relative; transition: max-height 2s ease-in;}
.aanalyse > div.show{height: auto; transition: max-height 2s ease-in;}
.aanalyse > div > ul{list-style: none; padding: 0; margin-left: 12px;}
.aanalyse > div ul li{padding: 0;}
.aanalyse > div ul .aok:before, .sign_ok:before{content : "\2713"; font-size: 16px; width: 20px; color: #0CA900; margin-right: 5px; display: inline-block;}
.aanalyse > div ul .ain:before, .sign_info:before{content : "\2139"; font-size: 16px; width: 20px; color: darkorange; margin-right: 5px; display: inline-block}
.aanalyse > div ul .aer:before, .sign_error:before{content : "\26A0"; font-size: 16px; width: 20px; color: #e00000; margin-right: 5px; display: inline-block}

.aanalyse > div ul li div{font-style: normal; margin-left: 25px; margin-top: 8px; margin-bottom: 8px; font-size: 12.5px;}
.aanalyse > div ul li div.adde:before{content : "\27A4"; margin-right: 6px; color: #0CA900; font-size: 13px;}

.aanalyse h3{font-size: 14px; padding: 0; color: #222; margin: 5px 0  0 0 !important; border: 0; font-family: coda, "open sans"; font-weight: normal;}

.aanalyse p.bouton{font-size: 12px; cursor: pointer; margin: 0; padding: 3px 2px; margin-right: 5px; font-family: Coda,  "open sans", "Segoe UI", sans-serif; font-weight: bold; display: inline-block; border-bottom: 2px solid transparent; user-select: none;}

.aanalyse p.bouton:hover{border-bottom: 2px solid #999;}

.aanalyse p:before{content : "\25BC"; margin-right: 5px;}

.aer p{color: #e00000;}
.ain p{color: darkorange;}
.aok p{ color: #0CA900;}
.adi p{ color: #777;}


.tooLongPart{color: rgba(34, 34, 34, 0.533);
    background: -webkit-linear-gradient(0deg, #222 0px, #ccc 120px);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border-bottom: 2px dotted darkorange;}

.asidemin{font-size: 0.85em; margin: 0.3em 0;}
.asidemin:before{font-size: 0.85em; margin-right: 0; font-weight: bold;}


.headline{padding: 1.8em; box-shadow: 0px 1px 5px #bbb;}

.alyze-ico-orange, .alyze-ico-green, .alyze-ico-gray{border-radius: 50%; padding: 4px; margin-right: 7px;}

.alyze-ico-orange{background: darkorange; color: white;  border: 1px solid darkorange;}
.alyze-ico-green{background: #0CA900; color: white; border: 1px solid #0CA900;}
.alyze-ico-gray{background: #fff; color: #555; border: 1px solid #aaa;}


.ico + h2, .h2_presentation{color: #222; border: 0; font-size: 24px; padding: 0; margin: 27px 80px 1% 80px;  font-family: coda; font-weight: normal;}
#ico, .ico{margin: 10px 80px 0 80px; 
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 4em; 
	grid-row-gap: 2em; 
}
.ico h3 svg{fill: #fff; background: darkorange; padding: 0.2em; height: .85em; width: auto; vertical-align: middle; margin: 0 10px 0 2px; border-radius: 50%; border: 2px solid darkorange;}
#ico > div, .ico > div{ margin : 0; line-height: 20px;}
.ico > .double{grid-column: 1 / 3; position: relative;}
.double::after{content: ""; display: block; width: 0px; height: 100%; position: absolute; top: 0; right: -2em; border-right: 1px dashed #ccc;}

#ico br, .ico br{clear: both;}
.ico > div.double h2{font-size: 26px; padding: 0 0 2px 0; margin: 0; font-family: coda; font-weight: normal; color: #0CA900;}
.ico h3{margin-bottom: 2%; color: #222;}
.ico .img{padding: 6px; font-size: 13px;}
#ico p, .ico p{margin-top: 10px;}
#ico ul, .ico ul{margin: 0px; padding-left: 12px; list-style: none;}
#ico ul li, .ico ul li{margin: 3px;}
.ico ul li::before {
  content: "\2022";
  color: #0CA900;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}
.analyze_align{margin-left: 80px; margin-right: 80px;}

.max{width: 100%;}
.offer_box, .info_box{border: 1px solid #ddd; margin-top: 1em; margin-bottom: 1em; border-radius: 0.5em; padding: 1em 0.8em 0.8em 0.8em; box-shadow: 0px 2px 3px rgba(0,0,0,0.09);}
.offer_box p, .info_box p{margin: 0.2em 0 0.2em 0;}
.info_box div:not(.nav_page){margin-top: 0.10em; margin-bottom: 0.10em;}
.offer_box ul, .info_box ul{font-size: inherit; margin: 0.2em 0 0.2em 0;}
.offer_box ul li, .info_box ul li{margin: 0;}
.offer_box strong, .info_box strong{color: #0CA000; }
.strongblue{color: #306496}

.info_box{margin-top: 1.5em; display: inline-block; vertical-align: top; margin-right: 1em;}
.info_box ul{padding-left: 1.5em; margin: 0;}
.info_box > h3{font-size: 1em; position: relative; top: -2em; float: left; margin-bottom: -2em; padding: 0 0.5em; font-weight: bold; background-color: #fff; color: #333;
 display: inline-block;}

 .info_box.cols{columns: 2;}

.billfix{margin-top: 0.2em;}
.billfix strong{color: #306496}
.billright{float: right; font-weight: bold;}


.box_realtime{margin: auto; font-size: .95em; padding: 10px; background: #eee; border-radius: 0.35em;}
.box_realtime strong{padding-bottom: 5px;}
.box_realtime em{color: green; font-style: normal; font-weight: bold; padding-right: 1px; letter-spacing: 2px; font-family: coda, sans;}

.colls-container>div{width: 48%; float: left; margin-right: 2%;}
.colls-container h3{font-size: 16px; margin: 0 0 5px 0 !important; border-width: 1px;}
.colls-container div div{padding: 4px 0 8px 0; border-bottom: 1px dotted #ccc;}
.colls-container div div+h3{padding-top: 30px;}

.colls-container input[type="text"]{width: 90%;}
.colls-container input[type="password"]{width: 90%;}

.colls-container .coll_title{text-align: center; font-family: Coda; font-size: 16px; padding-top: 8px; padding-bottom: 8px;}


blockquote{font-size: 15px; font-style: italic; display: block; margin: 20px 70px; color: #444; text-align: justify; position: relative;}
blockquote span{display: block; font-style: normal; text-align: right; font-size: 12px; margin-top: 4px;}
blockquote:before{content: open-quote; font-size: 62px; font-style: normal; color: #ddd; position: absolute; left: -40px; top: -30px;}

.hyxt_cache{font-size: 10px !important; color: #555; margin: -2px 0 -15px 0;}

.comp_highlight{background-color: #e5f5ff; cursor: default;}
.comp_highlight_div strong{background-color: #e5f5ff;}
.comp_highlight_sel{ cursor: pointer; background-color: darkorange; color: #fff;}
.comp_highlight_sel strong{color: #fff !important;}
.comp_highlight.comp_highlight_div strong{background-color: yellow;}

#infob{display: none; color: #000; border-radius: 0.5em; padding: 0.5em; width: 300px; font-size: 0.9em; line-height: 1.55em;
background-color: #f0f0f0; position: absolute !important; border: 1px solid #ccc; box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.05); z-index: 100; overflow-wrap: break-word;}
#infob ol, #infob ul{margin: 0; padding: 2px 0 2px 30px;}

#popin{position: fixed;  top: 0;  right: 0;  bottom: 0;  left: 0;  background: rgba(0,0,0,0.3); backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); z-index: 1000; /*display: none;*/ opacity: 0; transition: opacity 0.3s ease;}
#popin>div{width: 83%; max-width: 1000px; position: relative; margin: 12% auto;  padding: 18px;  border-radius: 10px; background: #fff; color: #000; box-shadow: 2px 2px 10px rgba(0,0,0,0.3); }
#popin>div>div{max-height: 65vh; overflow: auto;}
.close{background-color: darkorange; color: #fff; line-height: 25px; position: absolute; right: -12px; text-align: center; top: -10px; width: 24px; text-decoration: none; font-weight: bold; border-radius: 12px; box-shadow: 1px 1px 3px #000; cursor: pointer;}
#popin h2{margin-top: 2px;}
#popin h3{font-weight: bold; }
#popin p{padding-right: 0.5em; line-height: 1.5em;}
#popin_message{font-weight: bold; padding: 5px;}

.webnodisplay{display: none;}

#cookie_box{position: fixed; z-index: 10; bottom: 0; left: 80px; padding: 1em; background-color: #fff; margin: 0 80px 1em 1em; box-shadow: 0px 0px 4px #777; max-width: 800px; max-height: 90%;}
#cookie_parameter{background-color: #fff; margin: 0.55em 0 0.55em 0; padding: 0.6em; border: 1px solid #ddd; overflow: auto; max-height: 300px; display: none;}

/*#headline{max-width: 340px; position: fixed; bottom: 30px; left: 75px; background: #0CA900; color: white; border-radius: 0.5em; font-size: 0.95em; padding: 0.5em; box-shadow: 2px 2px 4px #aaa; z-index: 4;}
#headline:hover{background: #0CA000;}
#headline *{color: inherit;}
#headline .in_close{float: right; cursor: pointer; margin-left: 1em;}*/


/* elements spécifiques */
.stars_rating{display: inline-block; position: relative; word-break: keep-all; line-height: 1em;}
.stars_rating span{width: 1.5em; display: inline; padding: 0 0.1em; text-align: center;}
.stars_rating > span{color: rgb(204, 204, 204) !important;}
.stars_rating > span:last-child{padding: 0; margin-top: -1em; display: block; position: relative; overflow: hidden;}
.stars_rating > span:last-child > span:nth-child(1){color: red;}
.stars_rating > span:last-child > span:nth-child(2){color: darkorange;}
.stars_rating > span:last-child > span:nth-child(3){color: #f1b01b;}
.stars_rating > span:last-child > span:nth-child(4){color: #57aa5b;}
.stars_rating > span:last-child > span:nth-child(5){color: #00ac1a;}

.big_rating{

  display: flex;
  align-items: center;

text-align: center; display: table; z-index: 10; padding: 12px 8px; background: #f3f3f3; border: 0px solid #0CA900; border-radius: 8px; font-size: 10px; box-shadow: 2px 2px 2px #ccc;

}
.big_rating div{
	display: table-cell;
	vertical-align: middle;}
.big_rating strong{font-size: 16px; color: inherit;}




/*.keywords-tab-info{display: block;  max-width: 530px; text-align: right; float: right;}
.keywords-tab-info .main{color: #000; display: block; text-decoration: none; border: 1px solid #ddd; border-radius: 0.5em; padding: 0.5em; text-align: left;}
.keywords-tab-info .about{font-size: 0.9em;}
.keywords-tab-info .main:hover{background-color: #e5f5ff;}*/

.keywords-tab-info2{padding: .8em .6em; float: right; margin-top: 12px; width: min-content;}
.keywords-tab-info2.info_box h3{opacity : 1; transition: all 1s;}
.keywords-tab-info2.info_box:hover h3{opacity : 1;}
.keywords-tab-info2 .about{position: absolute; height: auto; max-height: 0px; overflow: hidden; z-index: 10; transition: max-height 1s;}
.keywords-tab-info2 .about div{background: #fff; border: 1px solid #ccc; padding: 0.4em;}
.keywords-tab-info2:hover .about{max-height: 200px;}
.keywords-tab-info2 form{margin: 0; width: 380px; display: grid; grid-template-columns: auto 80px;}


@media screen and (max-width: 520px){
	.keywords-tab-info2{float: none; width: 100%;}
	.keywords-tab-info2 form{width: auto;}
}

#plugin_link{position: absolute;right:  0;width: 220px;height:auto;font-size: 12px;font-family: open sans, Segoe UI, sans-serif;font-weight: normal;text-align: left;margin-right: 3em;text-shadow: none;color: #222;}
#plugin_link .a_download{background: #ffffffcc; display: block; border-radius: 5px; padding: 6px;}
#plugin_link .a_info{display: block; margin-top: 4px; margin-right: 5px; text-align: right; color: transparent;}
#plugin_link:hover .a_info{color: #fff; text-decoration: underline;}
#plugin_link .a_download:hover{text-decoration: none; background: #fff;}


@media print{
	.blog{margin-right: 10mm; margin-left: 10mm;}
}

@media screen and (max-width: 520px){
	body{margin: 0; font-size: 13px; width: 100%;}

	p{margin: 0; text-align: justify;}
	#sbody h3{font-size: 13px;}

	.blog{overflow: hidden;}

	header{padding: 0; margin: 10px 0 0 0; text-align: center;}
	.logo{margin: auto; display: block; float: left;}
	
	header nav{margin: 5px; width: auto;}
	
	.lang_menu{margin-top: 1em; margin-top: 0; right: 0; margin-right: 10px;}

	#tbn{margin: 0;}
	.g_ads_responsive{width: 100%; height: 50px; margin: 12px 0 0 0;}

	#responsive_menu{padding: 0.5em 0 0em 0; font-size: 4em; line-height: 1em; color: #888; height: 80px; cursor: pointer;}

	.lang{float: none; margin: 0 0 1em 0;}

	header{overflow: hidden;}
	header nav{height: auto;}

	.rightmenu{ padding: 0; text-align: center; list-style-type: none; top: 16px; right: 0; margin-right: 10px; }
	.rightmenu li{text-align: right; padding-bottom: 5px;}
	.rightmenu a::before{content: none;}

	.topmenu{padding: 0.5em; margin: 5px 0; display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 5px;}
	.topmenu li{text-align: center; display: table; margin: 0;}
	.topmenu li a{border: 3px solid #ddd; line-height: 1.5em; height: 55px; overflow: hidden; padding: 0px 5px; display: table-cell; vertical-align: middle; width: 100%; border-radius: 5%;}
	.topmenu li strong{display: table; width: 100%; }
	.topmenu li strong a{border-color: darkorange;}

	.submenu{margin: 10px 0 20px 0; background-color: #fff; box-shadow: none; height: auto; padding: 0em 5px; display: grid; grid-template-columns: repeat(3, auto);  gap: 4px;}
	.submenu li{float: none; text-align: center; line-height: 1.5em; display: table;  width: 100%;}
	.submenu li a{border: 0; padding: 0 5px;  background: #eee; display: table-cell; vertical-align: middle; width: 100%; height: 55px; overflow: hidden;  border-radius: 5%;}
	.submenu li strong{display: table; width: 100%; padding: 0;}

	

	header ul li{clear: both; text-align: left;}




	.presentation{clear: both; background-size: auto 100%;}
	.presentation h1{margin: 0; font-size: 30px;}
	.presentation ul{height: 50px; font-size: 14px;}
	.presentation fieldset{text-align: center !important; }

	#ico, .ico{margin: 10px; grid-template-columns: repeat(1, 1fr);}
	.double::after{border: 0;}
	#ico + h2, .ico + h2{margin-left: 10px;}

	.colls-container div{width: 100%; margin: 0; float: none;}

	form{line-height: 22px; padding: 4px;}

	input{font-size: 16px;}
	input[type="text"]{width: 89%;}

	.suggest .coll{width: 100%;}

	.w{float: none; font-size: 12px; width: 92%;}
	.w p{border: none; text-align: center; font-style: italic; margin: 0; padding: 5px;}
	.w div{padding: 0px 8px 8px 8px; color: #000;}
	.w div a{font-weight: normal;}

	#sbody, .blog{margin: 8px !important; display: block; font-size: 14px;}
	#sbody p.info{font-size: 13px;}
	.apercu{font-style: italic; font-size: 13px; margin-top: 8px;}

	
	.dymenu_right{float: none; text-align: center; display: block;}
	
	.dymenu{margin: 0; padding: 0; font-size: 13px; right: 0; height: auto; border: 0; text-align: center;}

	.dymenu li{display: block; padding: 0; margin: 10px 5px; padding: 0; line-height: 28px; border: 0; text-align: center;}
	
	.minimenu{width: auto; height: auto; float: none;}
	
	.dymenu .a_display{float: none; display: inline-block; }
	
	.analyze_align{margin-left: 10px; margin-right: 10px;}

	#form_menu .dymenu li{margin: 0;}

	#pages{border-left: 0; font-size: 12px;}

	.mcSmenu{border:0; clear: all;}
	.mcSmenu .dymenu .sel span{}

	.blog{margin: 0;}
	h1.blog{margin-right: 0px; font-size: 16px;}

	#cookie_box{margin: 1em; left: 0;}
	
	.keywords-tab-info{float: none;}
	
	#plugin_link{display: none;}
}


@media screen and (max-width: 360px){
	.submenu{grid-template-columns: repeat(2, 1fr);}
}


/* serp */

.percent_gradient{
	background: linear-gradient(0deg, rgba(231,92,0,1) 14%, rgba(0,158,31,1) 35%, rgba(73,91,180,1) 70%, rgba(149,149,149,1) 95%, rgba(255,255,255,1) 100%);
	background-size: 10000% 10000%;
	color: white;
	background-clip: text;
	text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent; 
	-moz-background-clip: text;
	-moz-text-fill-color: transparent;
}


.percent_gradient[role=button]:hover{border-bottom: 1px dashed #aaa;}

.micro_label{display: inline-block; font-size: 0.8em; color: white; background: #ccc; border-radius: .3em; padding: 2px; margin-bottom: 4px; margin-right: 4px;}
.micro_label.equal{background: rgba(0,158,31,1) ;}
.micro_label.high{background: darkorange ;}
.micro_label.higher{background: red;}
.micro_label.notequal{background: #ccc;}
.micro_label.special{background: rgba(73,91,180,1);}
.micro_label.special2{background: #595495;}

.optimize_bar{background: linear-gradient(90deg, #eee 5%, lightblue 20%, #0CA900 60%, darkorange 80%, red 100%);
    height: 9px;
    line-height: 9px;
    border-radius: 0.2em;
    margin-top: 6px !important;
    /*border: 1px solid #ccc;*/}
.optimize_bar span{
	height: 12px;
    display: inline-block;
    background: linear-gradient(90deg, transparent 50%, #ccc 50%,  #fff 52%);
    width: 100%;}

.blur_text{color: transparent !important; text-shadow: 0 0 7px #000000bb; user-select: none;}


table.d tbody tr td { word-break: break-word;}


.serp_content{display: grid; grid-template-columns: 20% 20% 20% auto; gap: 1.4em; grid-auto-rows: minmax(100px, auto);}
.serp_box1{grid-column: 1; grid-row: 1;}
.serp_box2{grid-column: 2; grid-row: 1;}
.serp_box3{grid-column: 3; grid-row: 1;}
.serp_box_keywords{grid-column: 4; grid-row: 1 / 5;}
.serp_box_results{grid-column: 1/4; grid-row: 2;}

.serp_box_related_search{grid-column: 1; grid-row: 3;}
.serp_box_questions{grid-column: 2; grid-row: 3;}
.serp_box_complementary_keywords{grid-column: 3; grid-row: 3;}

.optimize_content{display: grid; grid-template-columns: 70% auto; gap: 0.1em 1.4em; grid-auto-rows: minmax(100px, auto);}

.serp_content .info_box{display: block; margin-right: 0;}
.optimize_content .info_box{display: block; margin-right: 0; margin-bottom: 2.8em;}
.serp_content .info_box strong{color: #444; font-weight: 600;}
.optimize_content .info_box strong{color: #444; font-weight: 600;}

.optimize_content box_keys{grid-column: 1; grid-row: 1 / 6;}
.optimize_content box_audit{grid-column: 2; grid-row: 1;}

.mea{font-weight: 600;}
.fake svg{filter: blur(2px);}

/* from analyse inline : */
.sd_col{
	margin-top: 1em;
	columns: 350px auto;
    column-gap: 2.5em;
    

   }

.sd_box{border: 1px solid #ccc; margin-bottom: 2.5em; border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; border-bottom-right-radius: 0.5em; border-bottom-left-radius: 0.5em;  line-height: 1.5em; overflow: hidden; break-inside: avoid; box-sizing: border-box; padding: 1.2em .8em .6em .8em;
box-shadow: 1px 1px 3px #eee;}

.sd_content{break-inside: avoid-column; 
page-break-inside: avoid;
  
box-sizing: border-box;

}
@-moz-document url-prefix() {
	/* for ff */
	.sd_content{page-break-inside:avoid; display: inline-block; width: 99%;}
}
.sd_content:hover > .sd_box{border-color: darkorange;}
.sd_content:hover > .sd_type .material-icons-outlined{color: darkorange;}


.sd_standard_button, .sd_adapted_button{ user-select: none;}
.sd_adapted_button{font-weight: bold; }
.sd_standard_button{cursor: pointer;}
.sd_standard{/*height: 1px; overflow: hidden; transition: all 1s;*/ display: none;}

/*.sd_type{position: relative; top: .7em; background: #fff; color: #333; padding: 0 0.5em; font-weight: bold; font-size: 1.1em; margin-left: 1.2em; margin-right: 1.2em;}*/

.sd_type{position: relative; top: .7em; display: inline-block; line-height: 1.65em; background: #fff; color: #333; border-radius: 0.35em; padding: 0 0.5em; font-weight: normal; font-size: 1.25em;  margin-left: 1.2em; margin-right: 1.2em;}
.sd_type[data-click]{cursor: pointer !important;}

.material-icons-outlined{font-size: 1em; margin-right: .8em; color: #0CA000; line-height: inherit; cursor: inherit;}
.sd_type .help_mark{position: relative; top: -.2em; margin-left: 1.2em; float: none;}

.sd_box .material-icons-outlined{color: #666;}
.sd_box .sd_box{font-size: 0.95em; box-shadow: none; margin-bottom: 1em;}
.sd_box .sd_type{font-size: 0.95em; }



.sd_box .sd_box .sd_ico{width: 60px;}
.sd_box img{max-width: 100%;}

.sd_content [data-over]:hover{background-color: #e5f5ff;}

.sd_src{font-family: monospace; font-size: 0.8em; float: right; color: #333; border-radius: 2px; border: 1px solid #ccc; padding: .2em; margin-left: .5em; line-height: 1.15em;}

.desc_object{display: block; margin-top: 1em;}
.sd_link span > .content, .sd_link > .content{color: blue; text-decoration: underline; cursor: pointer;}

.sd_default{margin-bottom: .5em;}
:not(li).sd_default{display: block;}

.sd_p{text-align: justify; margin-bottom: .5em;}
:not(li).sd_p{display: block;}

.sd_h1{font-size: 1.4em; margin-top: .4em; margin-bottom: .4em; color: #333; }
:not(li).sd_h1{display: block; }

.sd_address{font-family: monospace;}
:not(li).sd_address{display: block;}

:not(li).sd_italic{display: block;}
:not(li).sd_strong{display: block;}


.sd_img{ }
.sd_img .content{display: block; background: #f0f0f0; padding: 0; text-align: center;}
.sd_ico .content img{width: auto !important; height: 130px !important; margin: 0;}
.sd_address .content{}
.sd_strong .content{font-weight: bold;}
.sd_italic .content{font-style: italic;}




@media screen and (max-width: 1024px){
	.serp_content{display: grid; grid-template-columns: 33% 33% 33%; gap: 1.4em;}
	.serp_box1{grid-column: 1; grid-row: 1;}
	.serp_box2{grid-column: 2; grid-row: 1;}
	.serp_box3{grid-column: 3; grid-row: 1;}
	.serp_box_keywords{grid-column: 1/4; grid-row: 2;}
	.serp_box_results{grid-column: 1/4; grid-row: 3;}
	
	.serp_box_related_search{grid-column: 1/2; grid-row: 4;}
	.serp_box_questions{grid-column: 2/3; grid-row: 4;}
	.serp_box_complementary_keywords{grid-column: 3/4; grid-row: 4;}
}


@media screen and (max-width: 450px){
	.serp_content{grid-template-columns: 100%; gap: 1.4em;}
	.serp_box1{grid-column: 1; grid-row: auto;}
	.serp_box2{grid-column: 1; grid-row: auto;}
	.serp_box3{grid-column: 1; grid-row: auto;}
	.serp_box_keywords{grid-column: 1; grid-row: auto;}
	.serp_box_results{grid-column: 1; grid-row: auto;}
	.serp_box_complementary_keywords{grid-column: 1; grid-row: auto;}
	
	.serp_box_related_search{grid-column: 1; grid-row: auto;}
	.serp_box_questions{grid-column: 1; grid-row: auto;}

	
	.optimize_content{grid-template-columns: 100%; gap: 1.4em;}
	.optimize_content box_keys{grid-column: 1; grid-row: auto;}
	.optimize_content box_audit{grid-column: 1; grid-row: auto;}
}