body{margin:0;padding:0}
h1,h2,h3 {font-size:1.5em;font-weight:400;color:#1E2A32;font-family:'Oswald',sans-serif;margin:0;padding:0}
a, a:hover{text-decoration:none}
a:link{color:red}
a:visited{color:darkred}
a:hover,a:active{color:grey}
textarea:focus, input:focus{outline: none !important;}
ol,ul{list-style:none}
th{margin:0;padding:4px 0 3px 4px;font-size:.8em;text-align:left;text-transform:uppercase;color:#fff;background-color:#999;border-bottom:1px solid #989898}
td{line-height:1.2em;padding:4px;text-align:left}

.banner-title{text-shadow: 5px 5px 5px rgba(0,0,0,0.1);font-family:'Sigmar One',sans-serif;font-size:2em;background:linear-gradient(rgba(255,0,0,1),rgba(180,0,0,1));-webkit-background-clip:text;-webkit-text-fill-color:transparent;-moz-background-clip:text;-moz-text-fill-color:transparent;vertical-align:middle}
.banner-title i{font-size:2em;margin:.2em}
.banner-title i:before{background:linear-gradient(rgba(180,0,0,1),rgba(255,0,0,1));-webkit-background-clip:text;-webkit-text-fill-color:transparent;-moz-background-clip:text;-moz-text-fill-color:transparent;display:initial}

#menubar {width:100%;height:50px}
#menubar ul {margin:0;padding:0;list-style-type:none}
#menubar li {display:inline-block;text-align:center;font-size:1.3em;background:linear-gradient(rgba(180,0,0,1),rgba(255,0,0,0.2));background-repeat: no-repeat;background-size:0% 100%;transition:0.2s ease-in-out;transition-property:background;}
#menubar li a {display:block;line-height:50px;padding:0 1em;color:#FFF;font-family:'Oswald',sans-serif;}
#menubar li:hover, #menubar li:focus, #menubar li:active {background-size:100% 100%;}
.navbar-default{background:#000;border:none;margin-bottom:0}

#bar_shadow {height:35px;padding:0;background:url(../images/bg_menutop.png) no-repeat;background-size:100% 35px}
#slider{margin:0;padding:0}

.titleh {display:flex;justify-content:space-between;margin:20px 0 0;padding:10px;background:#F4F4F4;border:1px solid #DEDEDE}

.slick-slide {padding:0 0.5em}
.slick-arrow {display:inline-block;}
.slick-prev {float:left}
.slick-next {float:right}
.slick-slide .thumb{border:1px solid #ddd;padding:2px;width:100%;}
.slick-slide .title{margin:5px 0;direction:ltr;color:darkred}
.slick-slide .trunc{width:100%;min-height:80px;font-size:13px;line-height:16px;direction:ltr}

.buttonlight {background-color:#000;border:1px solid rgba(180,0,0,1);font-weight:bold;width:100%;margin:10px 0;line-height:30px;font-size:12px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;text-align:center;	text-decoration:none;}
.buttonlight.small {max-width:50px;margin:0.4em auto;}
.buttonlight.medium {max-width:100px;margin:0.6em auto;}
.buttonlight.large {max-width:200px;margin:0.8em auto;}
.buttonlight.extralarge {max-width:300px;margin:1em auto;}
.buttonlight.small a, .button.small {padding:0.4em;font-size:0.9em}
.buttonlight.medium a, .button.medium {padding:0.6em;font-size:1em}
.buttonlight.large a, .button.large {padding:0.8em;font-size:1.1em}
.buttonlight.extralarge a, .button.extralarge {padding:1em;font-size:1.3em}
.buttonlight a {display:block;color:#fff !important;background:linear-gradient(rgba(180,0,0,1),rgba(255,0,0,0.2));background-repeat: no-repeat;background-size:0% 100%;transition:0.2s ease-in-out;transition-property:background;}
.buttonlight a:hover {background-size:100% 100%;}

.controls {display:flex;align-items:flex-end;}
.controls > #message {flex-grow:1;}
.controls > .submit {}

.column_grid {width:100%;display:flex;flex-wrap:wrap;}
.column_grid > .column_in_grid_site_item {flex: 1 1 33%;text-align:center;padding:5px 1em 5px}
.column_in_grid_site_item > .thumb {width:100%;}
.column_in_grid_site_item > .thumb img {width:100%;}
.column_in_grid_site_item > .title {margin:5px 1em 5px;}
.column_in_grid_site_item > .description {margin:5px 1em;font-size:0.8em}

.column_in_grid_site_item > .thumb {overflow:hidden;position:relative;}
.column_in_grid_site_item .flag-news {background:red;right:-25px;top:20px;padding:0 20px;font-weight:700;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);writing-mode:lr-tb;transform:rotate(45deg);color:#fff;float:right;text-align:center;position: absolute}

.show_arbo{}

.usecondition {margin:1em;}
.usecondition .title {font-weight:bold;font-size:1.5em;line-height:20px;}
.usecondition p {line-height:15px;text-align:justify;}
.usecondition .step {font-weight:bold;font-size:1.2em;}
.usecondition .list {line-height:16px}
.usecondition .list li {list-style: disc}

.captchaCode {width:200px;}
.captchaCode .input {margin:10px 0}

.center{text-align:center;margin:0 auto}
.form{margin:0 0 5px;padding:5px;}

.column_in{margin:0 0 10px;padding:10px 5px;border:1px #E0E0E0 solid;overflow:hidden}
.column_in2{margin:20px 0 7px;padding:20px 0;border:1px #E0E0E0 solid;background:#F4F4F4;clear:both}
.column_in_category {}
.column_in_category_item {display: flex;line-height:1.3em;overflow:hidden}
.column_in_category_images {}
.column_in_category_images .website_image {height:90px;margin:0 10px 5px 0;padding:0;width:120px}
.column_in_category_description {}
.column_in_thematic{width:100%;margin:0 0 5px;padding:0 0 5px;border-bottom:1px dashed #CCC}
.column_in_comment{margin:0;padding:10px 5px;border-bottom:1px dashed #CCC}
.column_in_pagination{margin:0;padding:7px;text-align:center}
.column_in_pagination a {font-size:1.2em}
.column_in_pagination b {font-weight:bold;font-size:1.8em}
.column_in_pagination i {font-size:1.8em;}
.column_in_pagination .fa-chevron-left {margin-right:20px}
.column_in_pagination .fa-chevron-right {margin-left:20px}

.details {display:inline-flex;width:100%;}
#column_in_details{width:100%;margin:0;padding-right:10px;text-align:justify}
#column_in_details .urldetails{margin-bottom: 10px;}
#column_in_details .descriptiondetails{}
#column_in_right_details{width:240px;padding:5px;background-color:#F5F5F5;border:1px solid #DEDEDE}

.titleh .rss_image, .titleh .rss_image, .titleh .rss_image {margin: auto 0}
.screendetails .mediumImage{margin:0 auto;padding:0;width:220px;}
.menudetails #warn, .menudetails #comment_rating, .menudetails #contact {text-align: center;padding:.6em 0}
.menudetails #warn a, .menudetails #comment_rating a, .menudetails #contact a {font-size:0.9em}
.form_details, .rating_details{margin:.8em 0;display:flex}
.form_details .title_details {flex-basis:130px}
.rating_details {justify-content: center;}
#map{width:100%;height:250px;margin:0;padding:0}

.input_fluid_small{width:25%;min-width:200px}
.input_fluid_medium{width:50%;min-width:200px}
.input_fluid_large{width:75%;min-width:200px}
.input_fluid_extralarge{width:100%}
.input_fixe_small{width:100px}
.input_fixe_medium{width:150px}
.input_fixe_large{width:200px}
.input_fixe_extralarge{width:300px}
.textarea_fluid_small{width:100%;height:90px;resize:none;}
.textarea_fluid_medium{width:100%;height:150px;resize:none;}
.textarea_fluid_large{width:100%;height:200px;resize:none;}
.textarea_fluid_extralarge{width:100%;height:300px;resize:none;}

#lastComments .slick-slide > div {border:1px solid #ddd;overflow: hidden;position: relative;padding:10px;}
.r-comment {right:-20px;top:5px;padding:0 20px;font-weight:700;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);writing-mode:lr-tb;transform:rotate(45deg);color:#fff;float:right;text-align:center;position: absolute}
.r-comment-5{background:#ff0000}
.r-comment-4{background:#b00000}
.r-comment-3{background:#800000}
.r-comment-2{background:#350000}
.r-comment-1{background:#000000}
.r-title {font-weight: bold;margin-bottom: 10px;}
.r-pseudo, .r-date {font-size: 0.8em}
.r-date {}

.r-topsites {right:-20px;top:5px;padding:0 20px;font-weight:700;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);writing-mode:lr-tb;transform:rotate(45deg);color:#fff;float:right;text-align:center;position: absolute}
.r-topsites-0{background:green}

.panel-heading {cursor: pointer}
.panel-body li {list-style: disc}

#newItemStepsDiv{display:none}
label.title{width:100%;padding:0.5em;font-weight:bold}
label.infos_select_category{width:752px;text-align:left}
label.infos_checkbox{width:200px;padding-left:7px;text-align:left}

#footer_bottom{font-size:0.9em;padding:20px 0;text-align:center;color:#666;border-top:1px solid red}
#footer_bottom a {color:red;}
#footer_bottom a:hover{color:#F60}

.sideblock {border:1px solid #DEDEDE;margin-bottom:1em}
.sideblock-header{padding:5px;font-size:1.3em;color:#444;text-align:center;border-bottom:1px solid #999;background:#F1F1F1}

.sideblock ul {margin:0;padding:0.5em 1.5em;list-style-type:disc}
.sideblock li {}
.sideblock.sideblock-statistics ul {list-style-type:none}
.sideblock.sideblock-topsites .sideblock-item {display:flex;justify-content:center;flex-direction:column;align-items:center;padding:0.5em 0}

form#searchform {display:flex;justify-content:center;flex-direction:column;align-items:center;}
form #search_keyword_buton, form #searchEngineCategoryId {margin:0.5em 0;height: 22px;max-width: 200px;}
form #search_ok_buton {margin:0.5em 0}

img.nanoFixImage {width:60px}
img.smallFixImage {width:120px}
img.mediumFixImage {width:240px}
img.largeFixImage {width:480px}

img.nanoFluidImage {width:40%}
img.smallFluidImage {width:60%}
img.mediumFluidImage {width:90%}
img.largeFluidImage {width:100%}

img.category_image{width:100%;height:24px;padding:0}

.menucategories {margin:0;padding:0 0 0 2px}
.menucategories ul {padding:0;display:flex;justify-content:center;flex-direction:column;}
.menucategories li.maincat {padding:5px;margin:5px}
.menucategories li.maincat a:before {font-family:"Font Awesome 5 Free";font-weight: 900;content:"\f14d";margin-right:10px}
.menucategories li.subcat{padding:5px 15px 10px}
.menucategories li.maincat a,.menucategories li.maincat a:link,.menucategories li.maincat a:visited{font-size:1.2em;font-weight:400;color:#000;font-family:'Oswald',sans-serif}
.menucategories li.maincat a:hover,.menucategories li.maincat a:active{color:red;}
.menucategories li.subcat a,.menucategories li.subcat a:link,.menucategories li.subcat a:visited{color:#888;font-size:.9em;display:block}
.menucategories li.subcat a:hover,.menucategories li.subcat a:active{color:red}

/* --------- */

.webmaster-loading {text-align:center;}
.webmaster-loading div:first-child {font-size:1.5em;font-weight:bold}

.text_suspended {color:orange}
.text_refused {color:red}
.text_waiting {color:gray}
.text_validated {color:green}

#menuin{padding:7px;margin:0 0 7px;border:1px #E0E0E0 solid;text-align:center}
#menuin ul{padding:0;margin:0;list-style-type:none}
#menuin li{padding:0;margin:0;display:inline}
#menuin li a,#menuin li a:link,#menuin li a:visited{display:inline;margin:0;padding:0 0 0 3px;color:#666;font-weight:700;text-decoration:none}
#menuin li a:hover,#menuin li a:active{margin:0;padding:0 0 0 3px;color:#999;font-weight:700;text-decoration:none}

.column_in_choose_left{float:left;width:300px;margin:0 0 7px;padding:7px;text-align:center}
.column_in_choose_right{float:right;width:300px;margin:0 0 7px;padding:7px;text-align:center}

.menuchoose_left{height:200px;margin:0 0 20px;padding:0;font-size:0;text-transform:uppercase}
.menuchoose_right{height:200px;margin:0 0 20px;padding:0;font-size:0;text-transform:uppercase}
.menuchoose_left ul,.menuchoose_right ul{padding:0;margin:0;list-style-type:none}
.menuchoose_left li,.menuchoose_right li{float:left;width:270px;padding:0;margin:0;display:inline}
.menuchoose_left li a,.menuchoose_left li a:link,.menuchoose_left li a:visited{display:block;height:200px;line-height:180px;margin:0;padding:0 0 0 7px;text-decoration:none;color:#fff;background:url(../images/free.jpg) top no-repeat transparent}
.menuchoose_right li a,.menuchoose_right li a:link,.menuchoose_right li a:visited{display:block;height:200px;line-height:180px;margin:0;padding:0 0 0 20px;text-decoration:none;color:#fff;background:url(../images/privilege.jpg) top no-repeat transparent}
.menuchoose_left li a:hover,.menuchoose_left li a:active{display:block;height:200px;line-height:180px;margin:0;padding:0 0 0 7px;color:#666;background-color:transparent;text-decoration:none}
.menuchoose_right li a:hover,.menuchoose_right li a:active{display:block;height:200px;line-height:180px;margin:0;padding:0 0 0 20px;color:#666;background-color:transparent;text-decoration:none}

div.error,td.error{color:red}
#loginmessage {font-weight: bold}
#nmessage {font-weight: bold}
.messagefalse{color:red;}
.messagetrue {color:green;}

.table_user{width:100%;margin:0 0 14px;padding:0}
.table_user .link_add_website{font-size:1.2em;font-weight:bold}
.table_website{width:100%;margin:0;padding:0;background-color:#fff;border:1px #e5e5e5 solid}
.td_right{text-align:right}
.col1-3{width:200px;background-color:#efefef}
.col2-3{width:auto;background-color:#efefef}

@keyframes fadeIn {from {opacity: 0;}}
.animate-flicker {animation: fadeIn 0.2s infinite alternate;}

@media (min-width:1200px) {}

@media (max-width:1024px) {
	.banner-title {font-size:1.5em}
	#menubar li {font-size:1em}
}
@media (max-width:900px) {
	.d-ads {margin-bottom:20px;margin-top:0;width:100%}
	.d-ads img{text-align:center}
	.container{width:100%}
}
@media (max-width:767px) {
	.banner-title {font-size:1em}
	#menubar li {width:100% !important;font-size:1.3em}

	#menubar li#index {display:block;float:none;margin:0;padding:0;width:100%!important}
	#menubar {height:auto}
	#search label,#search label.search_a_text{width:30%;font-size:22px;margin:0}
	#search label.search_a_text{margin-top:10px}
	#search_keyword_buton,#search_where_buton{width:76%}
	#search{overflow:hidden;padding:0}
	#search .form-inline .form-group{width:100%;overflow:hidden}
	#lostPasswordLink{display:block}
	.column_in_choose_left{width:280px}

	.details{display:block}
	#column_in_right_details{margin:0 auto;background:none}
	.menucategories li.maincat{width:100%}
}
@media (max-width:480px) {
	.column_in_choose_right{float:left}
	div.form_popup:first-child label.title_popup{float:left;width:10%}
	div.form_popup:first-child div.infos_popup{float:left;width:90%}
	img.mediumImage{float:left;margin:auto;margin-left:20px;padding:0;border:1px #06F solid}
	.menudetails{float:left;width:236px;margin:14px 0 7px;padding:0 0 0 4px;border-left:0 #878787 solid}
	.thumb,.trunc,.buttonlight:link,.buttonlight:visited{width:98%;margin-left:2px}
}
@media (max-width:320px) {
	.menudetails{width:100%}
}