a { color: #ad3b6d; text-decoration: none; }
a:hover { color: #ad3b6d; 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; }

h1 { font-size: 22px; color: #292a2f; padding: 10px 0 10px 0; }
h2 { font-size: 20px; color: #292a2f; padding: 10px 0 10px 0; }
h3 { font-size: 18px; color: #ad3b6d; padding: 10px 0 10px 0; }

#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; }

#footer1 { background: #082a22; color: #90939b; padding-top: 20px; margin-top: 10px; font-size: 14px; }
#footer1 a { color: #90939b; }
#footer1 a:hover { text-decoration: underline; }
#footer2 { background: #082a22; color: #90939b; padding-top: 20px; font-size: 12px; }
#footer2 a { color: #1c803e; }
#footer2 a:hover { text-decoration: underline; }

#home_categories { padding: 20px 0 20px 0; }
#home_categories .thumb { display: block; background: #f4f4f4; width: 100%; color: #1c803e; margin: 12px 0 12px 0; padding: 10px; text-align: center; }
#home_categories .thumb .red { color: #ec6262; }
#home_categories .thumb:hover { background: #af3b26; }
#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: #1c803e; 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: #fa665a; }
#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: #1c803e; }
.main_cat_list_selected { display: block; margin: 0; padding: 10px; background: #fa665a; width: 100%; color: #fff; }
.main_cat_cell:hover { background: #fa665a; 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: #1c803e; }
.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_sites_a_la_une { padding: 20px 0 20px 0; }
#home_lastest_premium { padding: 20px 0 20px 0; }
#home_lastest_validations_rapides { 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: 16px; }
.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: 16px; }
.premium_block .date { color: #6d7078; font-size: 12px; }


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

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

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

#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: #1c803e; 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; }

#site { display: block; background: #e5e5e5; color: #6d7078; padding: 10px 30px 15px 30px; margin: 10px 0 10px 0; }
#site h1 { color: #292a2f; font-size: 20px; }
#site .date { color: #6d7078; font-size: 12px; }
#site .site_description_justify { text-align: justify; }

.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: 12px; background: #a7a7a7; color: #fff; border-radius: 2px; padding: 0 4px 0 4px; margin: 0 8px 3px 0 }

.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.zeleur.com/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: #1c803e; }

.navbar {
	padding: 0px !important;
}
/* END NAVBAR */


/* 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: 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%; }
}
@media (max-width:767px) {
	.caption h1 { position: absolute; z-index: 2; font-size: 22px; color: #ffffff; text-shadow: 2px 2px 0 #000; top: 10%; left: 5%; right: 5%; }
}
/* END - blog: header photos slide */

/* BLOG */
.blog-home { display: block; background: #fff; color: #333; font-size: 14px; 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: #942053; color: #fff; font-size: 14px; text-align: center; padding: 2% 10% 2% 10%; margin: 0; font-weight: bold; }
.blog_button_propose:hover { background: #770a3a; color: #fff; text-decoration: none; }
.blog_button_propose:active { background: #770a3a; color: #fff; text-decoration: none; }
.blog_button_propose:visited { color: #fff; 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_lightBlue { display: inline-block; font-size: 13px; background: #81d4fa; color: #fff; text-decoration: none; border-radius: 6px; padding: 2px 8px 2px 8px; }
a.cat_lightBlue:hover { display: inline-block; background: #4fc3f7; }
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: #770a3a; }
.related_blog_article { color: #292a2f; font-size: 18px; }
/* END BLOG */

/* Blog menu JS */
#display_contents { line-height: 30px; background: #f8f8f8; padding: 3%; margin-top: 40px; }
#display_contents .title { color: #770a3a; font-size: 20px; border-bottom: 2px solid #770a3a; margin-bottom: 10px; }
#display_contents .title a { color: #770a3a; }
#display_contents .title a:hover { color: #770a3a; }
#display_contents .small { color: #770a3a; font-size: 12px; }
#display_contents a { color: #000; }
#display_contents a:hover { color: #ad3b6d; }
#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: #770a3a; font-size: 20px; border-bottom: 2px solid #770a3a; margin-bottom: 10px; }
#display_site_list a { color: #000; }
#display_site_list a:hover { color: #ad3b6d; }