a { color: #0088cc; text-decoration: none; }
a:hover { color: #0088cc; text-decoration: underline; }

a.blue { color: #0088cc; text-decoration: none; }
a.blue:hover { color: #0088cc; text-decoration: underline; }

a.salmon { color: #ec6262; text-decoration: none; }
a.salmon:hover { color: #ec6262; text-decoration: underline; }

.logo { padding: 20px; max-height: 125px; width: auto; }

h1 { text-align: center; font-size: 24px; color: #292a2f; padding: 1% 0 1% 0; }
h2 { text-align: center; font-size: 22px; color: #292a2f; padding: 1% 0 1% 0; }
h3 { text-align: center; font-size: 20px; color: #ff8f8f; padding: 1% 0 1% 0; }
h4 { text-align: center; font-size: 20px; color: #eca162; padding: 1% 0 1% 0; }

.h2_low { color: #b5b5b5; }
.h2_high { color: #ec6262; }

#breadcrumb { color: #b5b5b5; padding: 10px 0 10px 0; }
#breadcrumb a.notselected { color: #b5b5b5; text-decoration: none; }
#breadcrumb a.notselected:hover { color: #b5b5b5; text-decoration: underline; }
#breadcrumb a.selected { color: #292a2f; text-decoration: none; }
#breadcrumb a.selected:hover { color: #292a2f; text-decoration: underline; }

#stats { width: 100%; background: linear-gradient(to right, #fff 0%,#fff 54%,#b5b5b5 54%,#b5b5b5 100%); text-align: center; padding: 0; border-bottom: 1px solid #e5e5e5; }
#stats .padding { padding: 10px 0 10px 0; }
#stats .cell1_txtl { color: #b5b5b5; font-size: 32px; }
#stats .cell1_txt2 { color: #b5b5b5; font-size: 15px; }
#stats .cell2_txtl { color: #fff; font-size: 32px; }
#stats .cell2_txt2 { color: #fff; font-size: 15px; }
#stats .oblique { width:0; height:0; border:60px solid; border-top-width:110px; border-bottom:none; border-left:none; border-color:#fff #b5b5b5; }

#presentation { padding: 30px 0 0 0; }

#home_menu { text-align: center; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 20px 0 20px 0; }
#home_menu a { color: #b5b5b5; text-decoration: none; }
#home_menu a:link { color: #292a2f; text-decoration: none; }
#home_menu a:visited { color: #292a2f; text-decoration: none; }
#home_menu a:hover { color: #292a2f; text-decoration: none; }
#home_menu a:active { outline: 0; text-decoration: none; }
#home_menu a:focus { outline: 0; }
#home_menu .selected { color: #292a2f; }

#footer { background: #d6d8e0; color: #292a2f; padding-top: 20px; margin-top: 10px; margin-bottom: -10px; }
#footer a { color: #292a2f; }
#footer a:hover { text-decoration: underline; }
#footer1 { background: #292a2f; color: #6d7078; padding-top: 20px; margin-top: 10px; text-align: center; }
#footer1 a { color: #6d7078; }
#footer1 a:hover { text-decoration: underline; }
#footer2 { background: #292a2f; color: #6d7078; padding-top: 20px; font-size: 14px; }
#footer2 a { color: #0088cc; }
#footer2 a:hover { text-decoration: underline; }

#home_categories { padding: 20px 0 20px 0; }
#home_categories .thumb { display: block; background: #f4f4f4; width: 100%; color: #0088cc; margin: 12px 0 12px 0; padding: 10px; text-align: center; }
#home_categories .thumb .red { color: #ec6262; }
#home_categories .thumb:hover { background: #ec6262; }
#home_categories .thumb:hover * { color: #fff; }
#home_categories a:link { text-decoration: none; }
#home_categories a:visited { text-decoration: none; }
#home_categories a:hover { text-decoration: none; }
#home_categories a:active { text-decoration: none; }

#categories_list { padding: 0; }
#categories_list .thumb { display: block; background: #f4f4f4; width: 100%; color: #0088cc; margin: 3px 0 3px 0; padding: 10px; }
#categories_list .thumb .red { color: #ec6262; }
#categories_list .thumb .grey { color: #b5b5b5; font-size: 12px; }
#categories_list .thumb:hover { background: #ec6262; }
#categories_list .thumb:hover * { color: #fff; }
#categories_list a:link { text-decoration: none; }
#categories_list a:visited { text-decoration: none; }
#categories_list a:hover { text-decoration: none; }
#categories_list a:active { text-decoration: none; }

.main_cat_cell { display: block; margin: 0; padding: 10px; background: #f4f4f4; width: 100%; color: #0088cc; }
.main_cat_list_selected { display: block; margin: 0; padding: 10px; background: #ec6262; width: 100%; color: #fff; }
.main_cat_cell:hover { background: #ec6262; color: #fff; }
.main_cat_cell:hover * { color: #fff; }
.main_cat_list a:link { text-decoration: none; }
.main_cat_list a:visited { text-decoration: none; }
.main_cat_list a:hover { text-decoration: none; }
.main_cat_list a:active { text-decoration: none; }

.sub_cat_cell { display: block; font-size: 14px; margin: 0 0 0 10px; padding: 5px 10px 5px 10px; background: #faf9f9; color: #0088cc; }
.sub_cat_list_selected { display: block; font-size: 14px; margin: 0 0 0 10px; padding: 5px 10px 5px 10px; background: #f67a7a; color: #fff; }
.sub_cat_cell:hover { background: #f67a7a; color: #fff; }
.sub_cat_cell:hover * { color: #fff; }
.sub_cat_list a:link { text-decoration: none; }
.sub_cat_list a:visited { text-decoration: none; }
.sub_cat_list a:hover { text-decoration: none; }
.sub_cat_list a:active { text-decoration: none; }

#home_lastest_sites { padding: 20px 0 20px 0; }
#home_sites_a_la_une { padding: 20px 0 20px 0; }
#home_lastest_premium { padding: 20px 0 20px 0; }
#home_lastest_blog { padding: 20px 0 20px 0; }

.sites_block { display: block; background: #f4f4f4; color: #6d7078; padding: 10px; margin: 10px 0 10px 0; }
.sites_block .title { color: #292a2f; font-size: 18px; }
.sites_block .date { color: #6d7078; font-size: 12px; }

.premium_block { display: block; background: #e5e5e5; color: #6d7078; padding: 10px; margin: 10px 0 10px 0; }
.premium_block .title { color: #292a2f; font-size: 18px; }
.premium_block .date { color: #6d7078; font-size: 12px; }

.blog-home { display: block; background: #fff; color: #333; margin: 0; }
.blog-home h2 { color: #292a2f; font-size: 18px; }
.blog-home .date { color: #a2a4ab; font-size: 12px; }

.blog_button_propose { display:block; width: 100%; border-radius: 5px; background: #ec6262; color: #fff; font-size: 14px; text-align: center; padding: 2% 10% 2% 10%; margin: 0; font-weight: bold; }
.blog_button_propose:hover { background: #e35656; color: #fff; text-decoration: none; }
.blog_button_propose:active { background: #e35656; color: #fff; text-decoration: none; }
.blog_button_propose:visited { color: #fff; text-decoration: none; }

#become_premium { display: block; border-radius: 20px; background: #f4f4f4; color: #6d7078; padding: 20px; margin: 10px 0 10px 0; }
#become_premium .title { color: #292a2f; font-size: 18px; }
#become_premium .medal { margin: 0 55px 60px 30px; }

#button_subscribe { border-radius: 5px; background: #ec6262; color: #ffffff; font-size: 14px; padding: 15px 5% 15px 5%; margin: 0 3% 0 0; font-weight: bold; }
#button_subscribe:hover { background: #e35656; text-decoration: none; }

#button_connection { border-radius: 5px; background: #fff; color: #ec6262; font-size: 14px; padding: 15px 5% 15px 5%; margin: 0 3% 0 0; font-weight: bold; }
#button_connection:hover { background: #f9f9f9; text-decoration: none; }

a.cat_blue { display: inline-block; font-size: 13px; background: #90caf9; color: #fff; text-decoration: none; border-radius: 6px; padding: 2px 8px 2px 8px; }
a.cat_blue:hover { display: inline-block; background: #64b5f6; }
a.cat_orange { display: inline-block; font-size: 13px; background: #ffcc80; color: #fff; text-decoration: none; border-radius: 6px; padding: 2px 8px 2px 8px; }
a.cat_orange:hover { display: inline-block; background: #ffb74d; }
a.cat_deepPurple { display: inline-block; font-size: 13px; background: #9575cd; color: #fff; text-decoration: none; border-radius: 6px; padding: 2px 8px 2px 8px; }
a.cat_deepPurple:hover { display: inline-block; background: #7e57c2; }
a.cat_lightGreen { display: inline-block; font-size: 13px; background: #aed581; color: #fff; text-decoration: none; border-radius: 6px; padding: 2px 8px 2px 8px; }
a.cat_lightGreen:hover { display: inline-block; background: #9ccc65; }
a.cat_brown { display: inline-block; font-size: 13px; background: #bcaaa4; color: #fff; text-decoration: none; border-radius: 6px; padding: 2px 8px 2px 8px; }
a.cat_brown:hover { display: inline-block; background: #a1887f; }
a.cat_pink { display: inline-block; font-size: 13px; background: #f48fb1; color: #fff; text-decoration: none; border-radius: 6px; padding: 2px 8px 2px 8px; }
a.cat_pink:hover { display: inline-block; background: #f06292; }
a.cat_teal { display: inline-block; font-size: 13px; background: #80cbc4; color: #fff; text-decoration: none; border-radius: 6px; padding: 2px 8px 2px 8px; }
a.cat_teal:hover { display: inline-block; background: #4db6ac; }
a.cat_indigo { display: inline-block; font-size: 13px; background: #9fa8da; color: #fff; text-decoration: none; border-radius: 6px; padding: 2px 8px 2px 8px; }
a.cat_indigo:hover { display: inline-block; background: #7986cb; }
a.cat_green { display: inline-block; font-size: 13px; background: #a5d6a7; color: #fff; text-decoration: none; border-radius: 6px; padding: 2px 8px 2px 8px; }
a.cat_green:hover { display: inline-block; background: #81c784; }
a.cat_deepOrange { display: inline-block; font-size: 13px; background: #ffab91; color: #fff; text-decoration: none; border-radius: 6px; padding: 2px 8px 2px 8px; }
a.cat_deepOrange:hover { display: inline-block; background: #ff8a65; }
a.cat_cyan { display: inline-block; font-size: 13px; background: #80deea; color: #fff; text-decoration: none; border-radius: 6px; padding: 2px 8px 2px 8px; }
a.cat_cyan:hover { display: inline-block; background: #4dd0e1; }
a.cat_yellow { display: inline-block; font-size: 13px; background: #ffeb3b; color: #fff; text-decoration: none; border-radius: 6px; padding: 2px 8px 2px 8px; }
a.cat_yellow:hover { display: inline-block; background: #fdd835; }
a.cat_amber { display: inline-block; font-size: 13px; background: #ffd54f; color: #fff; text-decoration: none; border-radius: 6px; padding: 2px 8px 2px 8px; }
a.cat_amber:hover { display: inline-block; background: #ffca28; }
a.cat_purple { display: inline-block; font-size: 13px; background: #ba68c8; color: #fff; text-decoration: none; border-radius: 6px; padding: 2px 8px 2px 8px; }
a.cat_purple:hover { display: inline-block; background: #ab47bc; }
a.cat_blueGrey { display: inline-block; font-size: 13px; background: #90a4ae; color: #fff; text-decoration: none; border-radius: 6px; padding: 2px 8px 2px 8px; }
a.cat_blueGrey:hover { display: inline-block; background: #78909c; }
a.cat_grey { display: inline-block; font-size: 13px; background: #bdbdbd; color: #fff; text-decoration: none; border-radius: 6px; padding: 2px 8px 2px 8px; }
a.cat_grey:hover { display: inline-block; background: #9e9e9e; }
a.cat_red { display: inline-block; font-size: 13px; background: #ef5350; color: #fff; text-decoration: none; border-radius: 6px; padding: 2px 8px 2px 8px; }
a.cat_red:hover { display: inline-block; background: #f44336; }

.blog-article .date { color: #a2a4ab; font-size: 12px; }
.blog-article h2 { color: #0088cc; }
.related_blog_article { color: #0088cc; font-size: 18px; }

.cat_load_more { border-radius: 5px; background: #0088cc; color: #ffffff; font-size: 16px; padding: 1%; margin: 1% 0 20px 0; text-align: center; font-weight: bold; }
.cat_load_more:hover { background: #0081c2; text-decoration: none; cursor: pointer; }

#button_proposal { border-radius: 5px; background: #0088cc; color: #fff; font-size: 14px; padding: 15px 50px 15px 50px; margin: 20px 0 0 0; font-weight: bold; }
#button_proposal:hover { background: #0081c2; text-decoration: none; }

#pagination { padding: 20px; }
#pagination div { display: inline-block; margin-bottom: 26px; }
#pagination .cell a { font-size: 16px; color: #0088cc; padding: 14px 8px 14px 8px; margin: 0 5px 0 0; text-decoration:none; background: #f4f4f4; }
#pagination .cell a:hover { background: #e4e4e4; color: #6d7078; text-decoration: none;  }
#pagination .cell_active span { font-size: 16px; color: #fff; padding: 14px 8px 14px 8px; margin: 0 5px 0 0; background: #6d7078; }
#pagination .cell_disabled span { font-size: 16px; color: #777777; padding: 14px 8px 14px 8px; margin: 0 5px 0 0; background: #f4f4f4; }

#pagination_blog { }
#pagination_blog div { display: inline-block; margin: 3%; }
#pagination_blog .cell a { border-radius: 20px; font-size: 16px; letter-spacing: 2px; color: #fff; padding: 10px 20px 10px 20px; text-decoration:none; background: #0088cc; }
#pagination_blog .cell a:hover { background: #0081c2; }

#site { display: block; background: #f6f6f6; color: #6d7078; padding: 10px 30px 15px 30px; margin: 10px 0 0 0; }
#site h1 { color: #292a2f; font-size: 22px; text-align: center; }
#site .date { color: #6d7078; font-size: 12px; text-align: center; }
#site .site_description_justify { text-align: justify; }
.siteH2 { display: block; background: #18b1fb; font-size: 20px; text-align: center; padding: 1%; color: #ffffff; margin: 0 0 3% 0 }

.vignette { margin: 0 10px 10px 0; }

.facebook_button { display: block; font-size: 18px; padding: 12px 20px 12px 15px; color: #fff; background: url("../design/fb.png") #297fb8 no-repeat 20px; text-align: right; }
.facebook_button:hover { cursor:pointer; background: url("../design/fb.png") #186aa0 no-repeat 20px; }

.or { font-size: 30px; font-weight: bolder; font-style: italic; color: #777; text-align:center; padding: 10px; }

.tag { display: inline-block; font-size: 14px; background: #f8f8f8; color: #222222; border-radius: 4px; border: 1px solid #b1b1b1; padding: 0 4px 0 4px; margin: 0 8px 3px 0 } /*background: #a7a7a7;*/
.tag:hover { cursor:pointer; background: #e5e5e5; }

.page-item:first-child .page-link {
    border-radius: 20px 0 0 20px;
} 
.page-item:last-child .page-link {
    border-radius: 0 20px 20px 0;
}
.page-item a { color: #0088cc; text-decoration: none; }
.page-item a:hover { color: #0088cc; }


.sprite {
    background-image: url(https://www.1two.org/design/spritesheet.png);
    background-repeat: no-repeat;
    display: inline-block;
}

.sprite-1 {
    width: 22px;
    height: 22px;
    background-position: -5px -5px;
}

.sprite-10 {
    width: 7px;
    height: 13px;
    background-position: -37px -5px;
}

.sprite-2 {
    width: 22px;
    height: 22px;
    background-position: -54px -5px;
}

.sprite-3 {
    width: 26px;
    height: 32px;
    background-position: -86px -5px;
}

.sprite-4 {
    width: 95px;
    height: 117px;
    background-position: -5px -47px;
}

.sprite-5 {
    width: 45px;
    height: 55px;
    background-position: -110px -47px;
}

.sprite-6 {
    width: 20px;
    height: 20px;
    background-position: -122px -5px;
}

.sprite-7 {
    width: 34px;
    height: 68px;
    background-position: -165px -5px;
}

.sprite-8 {
    width: 34px;
    height: 68px;
    background-position: -165px -83px;
}

.sprite-9 {
    width: 7px;
    height: 13px;
    background-position: -110px -161px;
}


/* NAVBAR */
#primary-nav { background-color: #0088cc; }
/* END NAVBAR */


/* blog: header photos slide */
#headline-bg { background: #e4e4e4; }
.headline { position: relative; color: #ffffff; }
@media (min-width:768px) {
	.caption h1 { position: absolute; z-index: 2; font-size: 30px; color: #ffffff; text-shadow: 2px 2px 0 #000; top: 10%; left: 5%; right: 5%; }
	.caption p { position: absolute; z-index: 2; font-size: 16px; color: #ffffff; top: 60%; left: 5%; right: 5%; }
}
@media (max-width:767px) {
	.caption h1 { position: absolute; z-index: 2; font-size: 18px; color: #ffffff; text-shadow: 2px 2px 0 #000; top: 10%; bottom: 10%; left: 5%; right: 5%; }
	.caption p { position: absolute; z-index: 2; font-size: 14px; color: #ffffff; top: 50%; left: 5%; right: 5%; }
}
/* END - blog: header photos slide */


/* bootstrap4 card masonry */

@media (min-width: 992px) {
	.card-columns { column-count: 3; -webkit-column-count: 3; -moz-column-count: 3; }
}
@media (max-width: 991px) {
	.card-columns { column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; }
}
@media (max-width: 575px) {
	.card-columns { column-count: 1; -webkit-column-count: 1; -moz-column-count: 1; }
}
/* end bootstrap4 card masonry */


/* Accordion */
ul.accordion {
    list-style: none;
    padding: 0;
}
ul.accordion li.accordion { display: block; border-radius: 5px; width: 100%; border: 1px solid #ddd; margin-bottom: 1%; }
ul.accordion li.accordion a.toggle { display: block; width: 100%; padding: 1%; background: #eee; font-size: 16px; color: #333 }
ul.accordion li.accordion a.toggle:hover { text-decoration: none; background: #ddd; }
ul.accordion li.accordion div.inner { padding: 1%; }
/* End ccordion */

/* Blog menu JS */
#display_contents { border-radius: 4px; background: #fff; border: 1px solid #e5e5e5; padding: 3%; margin-top: 2%; }
#display_contents .title { font-weight: bold; }
#display_contents .small { font-size: 12px; }
#display_contents a { color: #000; }
#display_contents a:hover { color: #0088cc; }
#display_contents .h3_size { font-size: 12px; }

/*#display_contents { background: #f8f8f8; padding: 3%; margin-top: 40px; }
#display_contents .title { color: #ec6262; font-size: 20px; border-bottom: 2px solid #ec6262; margin-bottom: 10px; }
#display_contents .title a { color: #ec6262; }
#display_contents .title a:hover { color: #ec6262; }
#display_contents .small { color: #ec6262; font-size: 12px; }
#display_contents a { color: #000; }
#display_contents a:hover { color: #0088cc; }
#display_contents .h3_size { font-size: 12px; }*/

/* Blog same theme */
#display_site_list { background: #f8f8f8; padding: 3%; margin-top: 20px; }
#display_site_list .title { color: #ec6262; font-size: 20px; border-bottom: 2px solid #ec6262; margin-bottom: 10px; }
#display_site_list a { color: #000; }
#display_site_list a:hover { color: #0088cc; }

#recommanded_for_you .frame { border-radius: 4px; background: #fff; border: 1px solid #e5e5e5; padding: 3%; margin-top: 2%; }
#recommanded_for_you .title { color: #222222; font-weight: bold; }
#recommanded_for_you .by { color: #8d8d8d; font-size: 12px; }

/* Blog comments */
#blog_comment_field { border-radius: 0; background: #f6f6f6; padding: 3%; margin-top: -3%; }
#blog_comment_field .title { font-size: 20px; color: #0088cc; font-weight: bold; }
#blog_comment_field .button_subscribe { border: 0 none; border-radius: 5px; background: #ec6262; color: #ffffff; font-size: 14px; padding: 2% 5% 2% 5%; margin: 0 5% 0 0; font-weight: bold; }
#blog_comment_field .button_subscribe:hover { background: #e35656; text-decoration: none; }
#blog_comment_field .imgavatarlarge { height:48px; width:48px; padding:4px; border: #B7CCE0 1px solid; }

.star { display: inline-block; background: url("../design/star.png") no-repeat; width: 44px; height: 44px }
.star_hover { display: inline-block; background: url("../design/star.png") no-repeat; background-position: 0 -44px; width: 44px; height: 44px }

/* Blog comments */
#site_comment_field { border-radius: 0; background: #f6f6f6; padding: 3%; margin-top: -3%; }
#site_comment_field .title { font-size: 20px; color: #0088cc; font-weight: bold; }
#site_comment_field .button_subscribe { border: 0 none; border-radius: 5px; background: #ec6262; color: #ffffff; font-size: 14px; padding: 2% 5% 2% 5%; margin: 0 5% 0 0; font-weight: bold; }
#site_comment_field .button_subscribe:hover { background: #e35656; text-decoration: none; }
#site_comment_field .imgavatarlarge { height:48px; width:48px; padding:4px; border: #B7CCE0 1px solid; }

/* WIKI SOMMAIRE */
#wiki_side_menu { display: block; border-radius: 8px 0 8px 0; width: 20%; margin: 0 0 4% 4%; background: #f4f4f4; color: #292a2f; font-size: 14px; padding: 1%; float: right; }
#wiki_side_menu a { color: #0088cc; text-decoration: none }
#wiki_side_menu a:hover { color: #0088cc; text-decoration: underline }

/* GAUGE METRICS */
.gaugeAHREFS { font-size: 24px; color: #1469d9; }
.gaugeMOZ { font-size: 24px; color: #8aa624; }
.gaugeMAJESTICTF { font-size: 24px; color: #d91147; }
.gaugeMAJESTICCF { font-size: 24px; color: #f29829; }

.GaugeMeter{
    Position:        relative;
    Text-Align:      Center;
    Overflow:        Hidden;
    Cursor:          Default;
  }

  .GaugeMeter SPAN,
  .GaugeMeter B{
    Margin:          0 23%;
    Width:           54%;
    Position:        Absolute;
    Text-align:      Center;
    Display:         Inline-Block;
    Color:           RGBa(0,0,0,.8);
    Font-Weight:     100;
    Font-Family:     "Open Sans", Arial;
    Overflow:        Hidden;
    White-Space:     NoWrap;
    Text-Overflow:   Ellipsis;
  }
  .GaugeMeter[data-style="Semi"] B{
    Margin:          0 10%;
    Width:           80%;
  }

  .GaugeMeter S,
  .GaugeMeter U{
    Text-Decoration: None;
    Font-Size:       .5em;
    Opacity:         .5;
  }

  .GaugeMeter B{
    Color:           Black;
    Font-Weight:     300;
    Font-Size:       .5em;
    Opacity:         .8;
  }
/* FIN GAUGE METRICS */

@media (min-width:768px) {
	#cookie-banner {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #004f76;
    color: white;
    padding: 15px;
    text-align: center;
    z-index: 1000;
	}
}
@media (max-width:767px) {
	#cookie-banner {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #004f76;
    color: white;
    padding: 15px;
	margin-bottom: 48px;
    text-align: center;
    z-index: 1000;
    padding-right: 50px;
	}
}

#cookie-banner button {
    padding: 5px 10px;
    background-color: #00a94a;
    color: white;
    border: none;
    cursor: pointer;
}

#close-banner {
    position: absolute;
    top: 0px;
    right: 15px;
    font-size: 32px;
    cursor: pointer;
    color: white;
}

#cookie-banner a { color: #fff; text-decoration: none; }
#cookie-banner a:hover { color: #fff; text-decoration: underline; }

.stabilo_pink { background-color: #f7c2d6; padding: 2px; }
.stabilo_yellow { background-color: #fdffb4; padding: 2px; }
.stabilo_blue { background-color: #c3effc; padding: 2px; }
.stabilo_green { background-color: #a7e8c8; padding: 2px; }
.stabilo_orange { background-color: #f8b6a8; padding: 2px; }

/* BLOCK SEARCH */
#header-search-background { width: 100%; background: #33aadd; text-align: center; padding: 10px 5px 10px 5px; }

@media (max-width: 767.98px) {
	#form-wrapper {
		display: inline-block;
		text-align: center;
		width: 90%;
		padding: 1%;
		background: rgba(0,0,0,.2);
		border-radius: 10px;
		
	}
}
@media (min-width:768px) and (max-width: 991.98px) {
	#form-wrapper {
		display: inline-block;
		text-align: center;
		width: 80%;
		padding: 0.8%;
		background: rgba(0,0,0,.2);
		border-radius: 10px;
		
	}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
	#form-wrapper {
		display: inline-block;
		text-align: center;
		width: 80%;
		padding: 0.6%;
		background: rgba(0,0,0,.2);
		border-radius: 10px;
		
	}
}
@media (min-width: 1200px) {
	#form-wrapper {
		display: inline-block;
		text-align: center;
		width: 50%;
		padding: 0.5%;
		background: rgba(0,0,0,.2);
		border-radius: 10px;
		
	}
}

#search {
    position: relative;
    width: 100%;
	margin-top: 0;
	margin-bottom: 0;
}
#search input {
border-radius:15px; 
-moz-border-radius:15px; 
-webkit-border-radius:15px;
width:100%;
background: #eee;
padding: 7px 15px 7px 20px;
border: 3px solid #0088cc;
color: #0088cc;
font-size: 16px;
margin: 0;
}
#search input:focus {
    outline: 0;
    background: #fff;
    
}
#search .searchbtn {
	border-radius:0 15px 15px 0; 
-moz-border-radius:0 15px 15px 0; 
-webkit-border-radius:0 15px 15px 0;
    position: absolute;
    top: 0px;
    right: 0px;
	width: 51px;
	/*height: 32px;*/
	padding: 9px;
    margin: 0;
	cursor: pointer;
	background: #0088cc;
	border: 1px solid #0088cc;
	background-image: url(../design/icon-loupe.png);
    background-repeat: no-repeat;
	background-position: center;
}

#search .searchbtn:focus,
#search .searchbtn:active {
    outline: none;
    background-color: #0088cc;
    border-color: #0088cc;
}
/* END BLOCK SEARCH */