/* CSS Document */
input[type="text"],
input[type="password"],
textarea,
select {
    border-radius: 3px;
    padding: 5px;
}
input[type="submit"],
input[type="button"] {
    border: 0.1em solid #767676;
    padding: 5px;
    border-radius: 3px;
    cursor: pointer;

    background: rgb(238,238,238); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(215,215,215,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(215,215,215,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(215,215,215,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(215,215,215,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(215,215,215,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(215,215,215,1) 100%); /* W3C */
}
input[type="submit"]:hover,
input[type="button"]:hover {
    background: rgb(226,226,226); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(226,226,226,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(226,226,226,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); /* W3C */
}

input[type="submit"][disabled],
input[type="button"][disabled],
input[type="submit"][disabled]:hover,
input[type="button"][disabled]:hover {
    color: #aaa;
    background: #e5e5e5;
    cursor: default;
    text-shadow: 1px 1px 0 #fff;
}

#container {
    min-width: 1000px;
}
* {
    margin: 0;
    padding: 0;
    outline: none;
    font-size: 1em;
    /*font-weight: normal;*/
}

a {
    color: #2280b3;
}
textarea,
input,
option,
select,
.projects_filters_btn,
.news_new_btn,
.project_update_btn,
.news_update_btn,
.fieldset_title,
.users_filters_btn,
.news_filters_btn,
.ss_action_btn,
.ss_filters_btn,
.ss_new_btn,
.ss_new_fieldset_title,
.ss_update_fieldset_title,
.config_btn,
.page_content_illustration img,
.contact_btn,
.user_password_btn,
.user_registration_btn,
.event_update_fieldset_title,
.event_update_btn,
.events_filters_btn,
.events_action_btn,
.contacts_filters_btn,
.photos_action_btn,
.videos_action_btn,
.videos_filters_btn,
.fieldset_title,
.photos_filters_btn,
.project_new_btn,
.video_new_btn,
.photos_album_new_btn,
.ss_update_btn,
.news_action_btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
}

.project_update_fieldset_title,
.news_update_fieldset_title,
.fieldset_titles,
.users_filters_btn,
.news_filters_btn,
.ss_action_btn,
.ss_filters_btn,
.ss_new_btn,
.ss_new_fieldset_title,
.ss_update_fieldset_title,
.config_btn,
.contact_btn,
.user_password_btn,
.user_registration_btn,
.event_update_fieldset_title,
.event_update_btn,
.events_filters_btn,
.events_action_btn,
.contacts_filters_btn,
.photos_action_btn,
.videos_action_btn,
.videos_filters_btn,
.fieldset_title,
.photos_filters_btn,
.project_new_btn,
.video_new_btn,
.photos_album_new_btn,
.ss_update_btn,
.news_action_btn
{
    width: 100% !important;
}
.contact_btn
{
    border: 0 !important;
}
.project_new_btn
{
    margin-left: 0 !important;
    margin-right: 0 !important;
}

h1, h2, h3, h4 {
    font-weight: normal;
}

img {
    border: none;
}

html {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
}

html, body {
    width: 100%;
    background-color: #ffffff;
}

body {
    line-height: 1.4em;
    overflow-y: scroll;
}

h1,h2,h3,h4,h5,h6,
.sub_header_slide_testimony_txt {
    line-height: normal;
}
.green {
    color: #8eb92a !important;
} 

#sub_menu_container {
    position: relative;
    width: 80%;
    margin: 0 10%;
    margin-top: 3em;
    border-top: solid 0.1em #c8c8c8;
}

#sub_menu {
    margin-top: -1.1em;
    text-align: center;
}

#sub_menu > p {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    background: #e4e4e4;
    background: -moz-linear-gradient(top, #e4e4e4, #d7d7d7);
    background: -webkit-linear-gradient(top, #e4e4e4, #d7d7d7);
    background: -o-linear-gradient(top, #e4e4e4, #d7d7d7);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e4e4e4', endColorstr='#d7d7d7');/*For IE7-8-9*/ 
    background: linear-gradient(to bottom, #e4e4e4, #d7d7d7);
    border: solid 0.1em #c8c8c8;
    border-radius: 0.5em;
    text-align: center;
}

#sub_menu > p > a {
    display: inline-block;
    padding: 0 1.5em;
    color: #767676;
    text-decoration: none;
    border-right: solid 0.1em #c8c8c8;
}

#sub_menu > p > a:last-child {
    border-right: none;
}

#sub_menu > p > a:first-child {
    border-left: none;
}

.sub_menu_active {
    background-color: #ffffff;
    border-left: solid 0.1em #c8c8c8;
    border-radius: 0.5em;
    color: #2280b3 !important;
}

.sub_menu_active_previous {
    border-right: none !important;
}

#page_content {
    width: 80%;
    margin: 0 10%;
    margin-top: 2em;
    /*overflow: hidden;*/
    overflow-x: hidden;
}

#page_content a{
    text-decoration: none;
}
#page_content a:hover{
    text-decoration: underline;
}

#page_content h2 {
    font-size: 1.5em;
    color: #4190bb;
    padding: 0.2em 0em;
}

#page_content h3 {
    font-size: 1.2em;
    color: #767676;
    padding: 0.2em 0em;
}

#page_content h4 {
    font-size: 1.1em;
    color: #767676;
    padding: 0.2em 0em;
}

#page_content p {
    font-size: 1em;
    color: #767676;
    padding: 0.2em 0em;
}

#page_content p a {
    color: #767676;
}

#page_content ul {
    margin-left: 1.5em;
    font-size: 1em;
    color: #767676;
}

/*#page_content ul li {
    margin: 1em 0;
}*/

#page_content ol {
    margin: 0.5em 0;
    margin-left: 2em;
    font-size: 1em;
    color: #767676;
}

#page_content ol li a {
    color: #4190bb !important;
    font-weight: 700;
    text-decoration: none;
}

#page_content ol li a:hover {
    text-decoration: underline;
}

.bullet_left {
    float: left;
    padding-left: 0.5em;
    font-size: 1.5em;
    color: #4190bb;
    position: relative;
    top: 4px;
}

.bullet_right {
    float: left;
    width: 90%;
    margin-left: 1em;
    padding-top: 0.05em;
}

body .page_content_button_link {
    display: block;
    margin: 0.5em 0;
    padding: 1em 1em;
    text-decoration: none;
    border: solid 0.1em #c8c8c8;
    border-radius: 0.5em;
    background: rgb(191,210,85);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JmZDI1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzhlYjkyYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzcyYWEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ZWNiMmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(191,210,85,1) 0%, rgba(142,185,42,1) 50%, rgba(114,170,0,1) 51%, rgba(158,203,45,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(191,210,85,1)), color-stop(50%,rgba(142,185,42,1)), color-stop(51%,rgba(114,170,0,1)), color-stop(100%,rgba(158,203,45,1)));
    background: -webkit-linear-gradient(top,  rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%);
    background: -o-linear-gradient(top,  rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%);
    background: -ms-linear-gradient(top,  rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%);
    background: linear-gradient(to bottom,  rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 );
    text-align: center;
    font-size: 1em;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer;
}

body .page_content_button_link:hover {
    background: rgb(230,240,163);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZjBhMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2QyZTYzOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2MzZDgyNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYmYwNDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(230,240,163,1) 0%, rgba(210,230,56,1) 50%, rgba(195,216,37,1) 51%, rgba(219,240,67,1) 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(230,240,163,1)), color-stop(50%,rgba(210,230,56,1)), color-stop(51%,rgba(195,216,37,1)), color-stop(100%,rgba(219,240,67,1))) !important;
    background: -webkit-linear-gradient(top,  rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 51%,rgba(219,240,67,1) 100%) !important;
    background: -o-linear-gradient(top,  rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 51%,rgba(219,240,67,1) 100%) !important;
    background: -ms-linear-gradient(top,  rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 51%,rgba(219,240,67,1) 100%) !important;
    background: linear-gradient(to bottom,  rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 51%,rgba(219,240,67,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f0a3', endColorstr='#dbf043',GradientType=0 ) !important;
}

#page_content_slider {
    position: relative;
    width: 100%;
}

.page_content_slide {
    float: left;
    position: relative;
    width: 100%;
    /*padding: 0 5px;*/

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.page_content_slide h2 {
    font-size: 1.5em;
    color: #4190bb;
    padding: 0.2em 0em;
}

.page_content_slide h3 {
    font-size: 1.2em;
    color: #767676;
    padding: 0.2em 0em;
}

.page_content_slide p {
    font-size: 1em;
    color: #767676;
    padding: 0.2em 0em;
}

.page_content_slide_infos {
    font-size: 0.8em !important;
    color: #767676;
    font-style: italic;
    padding: 0.2em 0em;
}

/*.page_content_slide_txt {
    text-align: justify;
    padding: 1em 0em !important;
}*/
.page_content_slide_txt {
    margin: 0.8em 0 !important;
    padding: 0;
}

.page_content_slide_txt a {
    color: #4190bb !important;
    font-weight: 700;
    text-decoration: none;
}

.page_content_slide_txt a:hover {
    text-decoration: underline;
}

/*.page_content_left {
    float: left;
    padding-left: 0.2em;
    width: 49%;
}*/
.page_content_left {
    float: left;
    width: 48%;
}


/*.page_content_right {
    float: left;
    padding-left: 0.5em;
    padding-right: 0.2em;
    width: 49.50%;
}*/

.page_content_right {
    float: left;
    padding-left: 4%;
    width: 48%;
}

.page_content_illustration {
    text-align: right;
}

.page_content_illustration img {
    width: 100%;
    border: 0.1em solid #c8c8c8;
}

/* inc/header.php */

#header {
    min-height: 5em;
    padding: 0 10%;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff, #e5e5e5);
    background: -webkit-linear-gradient(top, #ffffff, #e5e5e5);
    background: -o-linear-gradient(top, #ffffff, #e5e5e5);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#e5e5e5');/*For IE7-8-9*/ 
    background: linear-gradient(to bottom, #ffffff, #e5e5e5);
    display: flex;
    align-items: center;
}

#header_logo {
    /*float: left;*/
    width: 15%;
}

#header_logo h1 {
    padding-top: 0.6em;
}

#header_logo h1 img {
    /*height: 3.75em;*/
    max-width: 100%;
}

#header_right {
    /*float: right;*/
    width: 85%;
    text-align: right;
}

#header_right > div {
    display: inline-block;
}
#header_right #header_forum a {
    margin: 5px 1em 5px 0;
}

#header_members_total {
    line-height: 5em;
    background-image: url(../img/bg_header_members_total.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 1.62em;
    padding-left: 2em;
    color: #4190bb;
}

#header_newsletter_registration {
    margin-left: 2em;
    padding-top: 1.25em;
}

#header_search_engine {
    margin-left: 2em;
    padding-top: 1.25em;
}

#sub_header {
    position: relative;
    width: 80%;
    overflow: hidden;
    height: 28em;
    border-top: solid #e6e6e6 0.12em;
    padding: 0 10%;
}

#sub_header_top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 53px;
    height: 2.5em;
    background: url(../img/header-sub.png);
}

#sub_header_top_content,
#sub_header_headtop_content {
    padding: 0 10%;
}

#sub_header_top_slogan {
    float: left;
}

#sub_header_top_slogan p {
    line-height: 2.2em;
    font-size: 1.2em;
    color: #ffffff;
    text-shadow: 0.08em 0.08em rgba(0, 0, 0, 0.3);
}

#sub_header_top_menu {
    float: right;
}

#sub_header_top_menu p {
    line-height: 2.5em;
    color: #ffffff;
}

#sub_header_top_menu p a {
    color: #ffffff;
}

#sub_header_slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 28em;
}

.sub_header_slide {
    float: left;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.sub_header_slide > img {
    min-width: 1300px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.sub_header_slide_testimony {
    position: absolute;
    bottom: 25%;
    right: 10%;
    max-width: 800px;
}

.sub_header_slide_testimony_txt {
    font-size: 2em;
    font-style: italic;
    color: #ffffff;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2), 0.05em 0.05em 0.2em #666666;
    filter:progid:DXImageTransform.Microsoft.Glow(color=999999,strength=2);
}

body .sub_header_slide_testimony_txt {
    border-radius: 2px;
    color: rgb(255, 255, 255);
    font-size: 1.7em;
    font-style: italic;
    padding: 10px 15px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);

    background: #2E9EE5;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJlOWVlNSIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNjODZiNSIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top,  rgba(46,158,229,0.4) 0%, rgba(60,134,181,0.8) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(46,158,229,0.4)), color-stop(100%,rgba(60,134,181,0.8)));
    background: -webkit-linear-gradient(top,  rgba(46,158,229,0.4) 0%,rgba(60,134,181,0.8) 100%);
    background: -o-linear-gradient(top,  rgba(46,158,229,0.4) 0%,rgba(60,134,181,0.8) 100%);
    background: -ms-linear-gradient(top,  rgba(46,158,229,0.4) 0%,rgba(60,134,181,0.8) 100%);
    background: linear-gradient(to bottom,  rgba(46,158,229,0.4) 0%,rgba(60,134,181,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#662e9ee5', endColorstr='#cc3c86b5',GradientType=0 );

}

.sub_header_slide_testimony_play {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    max-width: 100%;
}
.sub_header_slide_testimony_table {
    display: table;
    height: 100%;
    width: 100%;
}
.sub_header_slide_testimony_tablecell {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    text-shadow: none;
}
.sub_header_slide_testimony_tablecell .sub_header_slide_testimony_txt {
    background: #778901;
    background: -moz-linear-gradient(bottom, #778901, #91a417, #879a0d);
    background: -webkit-linear-gradient(bottom, #778901, #91a417, #879a0d);
    background: -o-linear-gradient(bottom, #778901, #91a417, #879a0d);
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.9), 0 5px 10px rgba(0, 0, 0, 0.8);
    display: inline;
    padding: 10px 15px;
    text-align: center;
    text-shadow: none;
    text-decoration: none;
    color: #fff;
}
.sub_header_slide_play {
    cursor: pointer;
}

#sub_header_slide_navigator {
    position: absolute;
    top: 19em;
    left: 10%;
}

.sub_header_slide_navigator_link {
    float: left;
    margin-left: 0.5em;
    width: 1.4em;
    height: 1.4em;
    background-color: #ffffff;
    border-radius: 0.9em;
    cursor: pointer;
    border: solid #ffffff 0.2em;
    box-shadow: 0 1px 2px #666666;
}

.sub_header_slide_navigator_link_active {
    background-color: #4291bc;
}

#sub_header_social_networks {
    position: absolute;
    top: 10em;
    right: 1%;
}

.sub_header_social_networks_link {
    margin-top: 0.5em;
}

.sub_header_social_networks_link img {
    height: 3.5em;
}

#sub_header_bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3em;
    border-top: solid #e8e6e7 0.2em;
    background: #f8f7f7;
    background: -moz-linear-gradient(bottom, #f8f7f7, #e7e7e7);
    background: -webkit-linear-gradient(bottom, #f8f7f7, #e7e7e7);
    background: -o-linear-gradient(bottom, #f8f7f7, #e7e7e7);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f8f7f7', endColorstr='#e7e7e7');/*For IE7-8-9*/ 
    background: linear-gradient(to bottom, #f8f7f7, #e7e7e7);
}

#main_menu_container {
    position: relative;
    width: 80%;
    margin-top: -6.25em;
    padding: 0 10%;
}

#main_menu_container > ul {
    list-style: none;
}

#main_menu_container > ul > li {
    float: left;
    width: 16.66666666666667%;
}

#main_menu_picto > li {
    height: 6.25em;
    background: #3c86b5;
    background: -moz-linear-gradient(bottom, #3c86b5, #57a1d0, #2e9ee5);
    background: -webkit-linear-gradient(bottom, #3c86b5, #57a1d0, #2e9ee5);
    background: -o-linear-gradient(bottom, #3c86b5, #57a1d0, #2e9ee5);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3c86b5', endColorstr='#2e9ee5');/*For IE7-8-9*/ 
    background: linear-gradient(to bottom, #3c86b5, #57a1d0, #2e9ee5);
}

#main_menu_picto > li:hover {
    background: #246d9c !important;
    background: -moz-linear-gradient(bottom, #246d9c, #488fbd, #2595dd) !important;
    background: -webkit-linear-gradient(bottom, #246d9c, #488fbd, #2595dd) !important;
    background: -o-linear-gradient(bottom, #246d9c, #488fbd, #2595dd) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#246d9c', endColorstr='#2595dd') !important;/*For IE7-8-9*/
    background: linear-gradient(to bottom, #246d9c, #488fbd, #2595dd) !important;
}

.main_menu_picto_li_active {
    background: #246d9c !important;
    background: -moz-linear-gradient(bottom, #246d9c, #488fbd, #2595dd) !important;
    background: -webkit-linear-gradient(bottom, #246d9c, #488fbd, #2595dd) !important;
    background: -o-linear-gradient(bottom, #246d9c, #488fbd, #2595dd) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#246d9c', endColorstr='#2595dd') !important;/*For IE7-8-9*/
    background: linear-gradient(to bottom, #246d9c, #488fbd, #2595dd) !important;
}

#main_menu_picto > li:last-child {
    background: #778901;
    background: -moz-linear-gradient(bottom, #778901, #91a417, #879a0d);
    background: -webkit-linear-gradient(bottom, #778901, #91a417, #879a0d);
    background: -o-linear-gradient(bottom, #778901, #91a417, #879a0d);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#778901', endColorstr='#879a0d');/*For IE7-8-9*/ 
    background: linear-gradient(to bottom, #778901, #91a417, #879a0d);
}

#main_menu_picto > li:last-child:hover {
    background: #778901;
    background: -moz-linear-gradient(bottom, #778901, #91a417, #879a0d) !important;
    background: -webkit-linear-gradient(bottom, #778901, #91a417, #879a0d) !important;
    background: -o-linear-gradient(bottom, #778901, #91a417, #879a0d) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#778901', endColorstr='#879a0d') !important;/*For IE7-8-9*/ 
    background: linear-gradient(to bottom, #778901, #91a417, #879a0d) !important;
}

#main_menu_picto > li > a {
    display: table;
    width: 100%;
    height: 100%;
    /*line-height: 6.25em;*/
    border-left: solid 0.1em #54ade6;
    /*text-align: center;*/
    text-decoration: none;
    color: #fff;
}
#main_menu_picto > li > a > div {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    padding: 10px 15px;
    background-position: 20px 50%;
    background-repeat: no-repeat;
}

#main_menu_picto > li > a > div > * {
    display: inline-block;
    vertical-align: middle;
}

#main_menu_picto > li:first-child > a {
    border-left: none !important;
}

/*.main_menu_picto_active {
    background-image: url(../img/bg_main_menu_picto_active.png);
    background-repeat: no-repeat;
    background-position: 1.1em 47%;
    background-size: 3.4em;
}*/
/*#main_menu_picto > li > a > div > img {
    height: 2.4em;
    position: absolute;
    top: 50%;
    margin-top: -1.2em;
    margin-left: .8em;
}*/
#main_menu_picto > li > a > div > span {
    margin-left: 60px;
    font-size: 0.97em;
    /*display: block;*/
    /*max-width: 135px;*/
}
#main_menu_picto > li.main_menu_picto_li_active > a > span {
    margin-left: 2em;
}
#main_menu > li {
    text-align: center;
    line-height: 3em;
}

#main_menu > li a {
    color: #aeaeae;
    text-decoration: none;
}

.main_menu_active > a {
    color: #4190bb !important;
}

/* inc/footer.php */

#footer_top {
    width: 100%;
    margin-top: 1em;
    background-color: #57a1d1;
    border-top: solid 0.1em #c8c8c8;
    border-bottom: solid 0.1em #82b9dd;
}

#footer_top_links,
#pre_footer_top {
    width: 80%;
    margin: 0 10%;
    padding: 1em 0em;
}
#pre_footer_top h3 {
    color: #bbb;
    font-size: 1.7em;
    margin-bottom: 25px;
}

#pre_footer_top {
    margin-top: 75px;
    margin-bottom: 25px;

    text-align: center;
}
#pre_footer_top ul {
    text-align: center;
}

#pre_footer_top ul.partners li{
    margin: 0;
}

.footer_top_link {
    float: left;
    width: 33.33%;
}

.footer_top_link > a {
    text-decoration: none;
    color: #ffffff;
    font-size: 1.7em;
}

.footer_top_link_sub_listing {
    width: 95%;
    min-height: 70px;
    padding-top: 1.5em;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #ffffff;
    color: #fff;

}

.footer_top_link_sub_listing_line {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #ffffff;
}

.footer_top_link_sub_listing a {
    color: #ffffff;
    text-decoration: none;
}

.footer_top_link_sub_listing a:hover {
    text-decoration: underline;
}

.footer_top_link_sub_listing_date {
    font-size: 0.9em;
}

.footer_top_link_show_more {
    padding: 0.05em 0.35em;
    padding-top: 0.07em;
    background-color: #ffffff;
    text-align: center;
    font-size: 1.2em;
    font-weight: 700;
    color: #57a1d1;
    border-radius: 0.9em;
}

.footer_top_link_bottom {
    padding-top: 0.5em;
    color: #ffffff;
}

.footer_top_link_bottom a {
    display: inline-block;
    background: url(/img/bg_show_more.png) left center no-repeat;
    padding-left: 1.75em;
    color: #ffffff;
    text-decoration: none;
}

.footer_top_link_bottom a:hover {
    text-decoration: underline;
}

.footer_top_link_sub_contact {
    padding-top: 1.5em;
    color: #ffffff;
    line-height: 1.5em;
}

.footer_top_link_sub_contact a {
    color: #ffffff;
}

#footer_bottom {
    width: 100%;
    background-color: #57a1d1;
}

#footer_bottom_links {
    width: 80%;
    margin: 0 10%;
    padding: 1em 0em;
    color: #ffffff;
    font-size: 1em;
}

#footer_bottom_links a {
    text-decoration: none;
    color: #ffffff;
    font-size: 1em;
    padding: 0em 0.7em;
}

/* faq */

ol#faq_questions li a + div {
    display:none;
}
/* contact.php */

.contact_box {
    width: 95%;
    margin-top: 1em;
    padding: 1em;
    background-color: rgba(38, 110, 157, 0.15);
    border: solid 0.1em #488fbd;
    border-radius: 0.5em;
}

.contact_box h4 {
    color: #488fbd;
    font-size: 1.5em;
}

.contact_box p {
    color: #488fbd !important;
    font-size: 1em !important;
}

.contact_box p a {
    color: #488fbd !important;
}

/* Partners */

ul.partners {
    margin-left: 0 !important;
}
ul.partners li{
    text-align: center;
    display: inline-block;
    list-style: none;
    max-height: 200px;
    max-width: 200px;
    margin: 15px 15px 15px 0;
}

ul.partners li a{
    text-decoration: none;
    display: block;
}

ul.partners li img{
    max-height: 100px;
    max-width: 100px;
    display: block;
    margin: 0 auto;
}
ul.partners li .sponsors_forum {
    font-size: .85em;
    margin-top: 5px;
    display: inline-block;
}
.tag_green,
ul.partners li .sponsors_forum{
    display: inline-block;
    color: rgb(255, 255, 255);
    padding: 0px 6px;
    text-decoration: none;
    border-radius: 3px;
    background: #88be00;
}
.tag_green {
    padding: 6px 12px;
}

/* Admin Pages */

.page_content_left_admin {
    float: right;
    margin-left: 2%;
    width: 31.33%;
}

.page_content_right_admin {
    float: left;
    width: 66.50%;
}

/* Admin Config Page */

.config_fieldset_title {
    width: 105.59%;
    font-size: 1.1em;
    font-weight: 700;
    color: #767676;
    margin: 0.5em 0em;
    padding-bottom: 0.2em;
    border-bottom: solid 0.1em #767676;
}

.config_infos {
    font-size: 0.8em !important;
    color: #767676;
    font-style: italic;
    padding: 0.2em 0em;
}

.config_data_text_input {
    /*margin-left: 0.1em;*/
    margin-left: 0.2em;
    padding: 0.2em 0em;
    background: #eeeeee;
    border-left: 3px solid #666666;
    margin: 20px 0;
    padding: 20px;
}

.config_data_text_input label {
    font-size: 1em;
    color: #767676;
}

.config_data_text_input input[type=text] {
    width: 100%;
    margin: 0.5em 0em;
    padding: 0.6em 1em;
    font-size: 1em;
    color: #767676;
    border: solid 0.1em #767676;
}
.config_data_text_input select {
    margin: 0.5em 0em;
    padding: 0.6em 1em;
    font-size: 1em;
    color: #767676;
    border: solid 0.1em #767676;
}

.config_data_text_input textarea {
    width: 100%;
    margin: 0.5em 0em;
    padding: 0.6em 1em;
    height: 8em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #767676;
    border: solid 0.1em #767676;
}

.config_data_text_input_error {
    border: solid 0.2em #ba040d !important;
}

body .config_btn {
    width: 99%;
    margin: 0.5em 0.5%;
    padding: 1em 1em;
    border: solid 0.1em #c8c8c8;
    border-radius: 0.5em;
    background: rgb(191,210,85);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JmZDI1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzhlYjkyYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzcyYWEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ZWNiMmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(191,210,85,1) 0%, rgba(142,185,42,1) 50%, rgba(114,170,0,1) 51%, rgba(158,203,45,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(191,210,85,1)), color-stop(50%,rgba(142,185,42,1)), color-stop(51%,rgba(114,170,0,1)), color-stop(100%,rgba(158,203,45,1)));
    background: -webkit-linear-gradient(top,  rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%);
    background: -o-linear-gradient(top,  rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%);
    background: -ms-linear-gradient(top,  rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%);
    background: linear-gradient(to bottom,  rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 );
    text-align: center;
    font-size: 1em;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer;
}

body .config_btn:hover {
    background: rgb(230,240,163);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZjBhMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2QyZTYzOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2MzZDgyNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYmYwNDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(230,240,163,1) 0%, rgba(210,230,56,1) 50%, rgba(195,216,37,1) 51%, rgba(219,240,67,1) 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(230,240,163,1)), color-stop(50%,rgba(210,230,56,1)), color-stop(51%,rgba(195,216,37,1)), color-stop(100%,rgba(219,240,67,1))) !important;
    background: -webkit-linear-gradient(top,  rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 51%,rgba(219,240,67,1) 100%) !important;
    background: -o-linear-gradient(top,  rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 51%,rgba(219,240,67,1) 100%) !important;
    background: -ms-linear-gradient(top,  rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 51%,rgba(219,240,67,1) 100%) !important;
    background: linear-gradient(to bottom,  rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 51%,rgba(219,240,67,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f0a3', endColorstr='#dbf043',GradientType=0 ) !important;
}

.container_box {
    overflow: hidden;
}


/* 2 inline buttons */

.btn_50p {
    float: left;
    margin-right: 0 !important;
    width: 49% !important;
    margin-left: 1% !important;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.btn_50p:first-child {
    margin-left: 0 !important;
}

/* social network square */

.social_facebook_square_button {
    padding: 0 10px 0 50px;
    background: #3963c7 url(../img/social_facebook_square.png) 5px 50% no-repeat;
    color: #fff;
    text-decoration: none;
    height: 40px;
    display: table-cell;
    vertical-align: middle;
}
.social_linked_in_square_button {
    padding: 0 10px 0 50px;
    background: #0085b8 url(../img/social_linked_in_square.png) 5px 50% no-repeat;
    color: #fff;
    text-decoration: none;
    height: 40px;
    display: table-cell;
    vertical-align: middle;
}



.large_green_button {
    border-radius: 3px;
    color: #ffffff !important;
    display: inline-block;
    font-size: 1.1em;
    /*margin-top: 22px;*/
    padding: 7px 8px;
    text-decoration: none !important;;
    background: #778901;
    background: -moz-linear-gradient(bottom, #879a0d, #91a417, #778901);
    background: -webkit-linear-gradient(bottom, #879a0d, #91a417, #778901);
    background: -o-linear-gradient(bottom, #879a0d, #91a417, #778901);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#879a0d', endColorstr='#778901');/*For IE7-8-9*/ 
    background: linear-gradient(to bottom, #879a0d, #91a417, #778901);
}

.yellow {
    color: #FFC408; 
}
.red {
    color: red !important; 
}

/* a supprimer prochainement (?) )*/

.fancybox-close {
    right: -40px !important;
    top: -40px !important;
}

#page_content.page-terms h3 {
    color: #337ca9;
    font-size: 1.05em;
    font-weight: bold;
    padding: 0.6em 0 0.4em;
}
#page_content.page-terms h4 {
    color: #666666;
    font-size: .95em;
    font-weight: bold;
    padding: 0.4em 0;
}
#page_content.page-terms p {
    padding: 0.5em 0;
}

/* clearfix */

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

#header_forum {
    /*margin-right: 5em;*/
    /*margin: 1em 0;*/
}
#header_right > #header_menu_lang {
    float: right;
    margin: 5px 0;
}
#header_menu_lang ul {
    list-style: none;
    overflow: hidden;
}
#header_menu_lang > li#header_menu_lang_first:before {
    content: "";
}
#header_menu_lang > li:before {
    content: "|";
    margin-right: 1em;
}
#header_menu_lang li {
    float: left;
    padding-left: 1em;
}
#header_menu_lang a {
    color: #2d94d7;
    display: inline-block;
    padding: 0.5em;
    text-decoration: none !important;
}
body #header_menu_lang a.selected {
    border-radius: 50px;
    color: #fff;
    background: #2E9EE5;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJlOWVlNSIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNjODZiNSIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top,  rgba(46,158,229,0.4) 0%, rgba(60,134,181,0.8) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(46,158,229,0.4)), color-stop(100%,rgba(60,134,181,0.8)));
    background: -webkit-linear-gradient(top,  rgba(46,158,229,0.4) 0%,rgba(60,134,181,0.8) 100%);
    background: -o-linear-gradient(top,  rgba(46,158,229,0.4) 0%,rgba(60,134,181,0.8) 100%);
    background: -ms-linear-gradient(top,  rgba(46,158,229,0.4) 0%,rgba(60,134,181,0.8) 100%);
    background: linear-gradient(to bottom,  rgba(46,158,229,0.4) 0%,rgba(60,134,181,0.8) 100%);
}
.slider_content_box {
    padding: 0 5px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.input_container {
    margin-bottom: 10px;
}

.input_container label {
    display: block;
    margin-bottom: 10px;
}
.input_container input[type='text'] {
    display: block;
    width: 100%;
    /*max-width: 400px;*/
}

.config_data_text_input.loading {
    background-image: url(../img/loading-bg-gray.gif);
    background-repeat: no-repeat;
    background-position: 95% 4%;
}

#edit-logos {
    background: #3c86b5;
    background: -moz-linear-gradient(bottom, #3c86b5, #57a1d0, #2e9ee5);
    background: -webkit-linear-gradient(bottom, #3c86b5, #57a1d0, #2e9ee5);
    background: -o-linear-gradient(bottom, #3c86b5, #57a1d0, #2e9ee5);
    background: linear-gradient(to bottom, #3c86b5, #57a1d0, #2e9ee5);
}
#edit_logo_partner_container,
#edit_logo_partner_container > *,
#edit_logo_partner_container label,
#edit_logo_partner_container .config_infos {
    color: #ffffff !important;
}

#list-logos .link {
    /*display: block;*/
    max-width: 800px;
    word-wrap: break-word;
}
#list-logos hr {
    background: #bbbbbb;
    border: 0 none;
    height: 1px;
    margin: 10px 0;
}
#list-logos a {
    color: #767676;
} 
#edit-logos-loading > img,
#list-logos-loading > img {
    background: #eeeeee;
    border-radius: 5px;
    padding: 5px;
}

#profile_circle_percentage_container {
    text-align: center;
}
#profile_circle_percentage_container .inside {
    transition: transform .3s ease;
}
#profile_circle_percentage_container.is_stuck .inside {
    transform: translate3d(0,40px,0)
}
.profile_circle_percentage {
    text-align: center;
    position: relative;
    margin: 20px auto;
    color: #666;
    opacity: 0;
    transition: opacity .5s ease 1s;
}
.profile_circle_percentage.showProfileProgress {
    opacity: 1;
}
.profile_circle_percentage,
.profile_circle_percentage span {
    width: 200px;
    height: 200px;
    line-height: 200px;
    font-size: 18px;
}
.com_users_user_box .profile_circle_percentage {
    position: absolute;
    right: 10px;
    top: 10px;
    margin: 0;
}
.profile_circle_percentage,
.profile_circle_percentage span {
    width: 200px;
    height: 200px;
    line-height: 200px;
    font-size: 18px;
}
.com_users_user_box .profile_circle_percentage,
.com_users_user_box .profile_circle_percentage span,
.com_users_profile_circle .profile_circle_percentage,
.com_users_profile_circle .profile_circle_percentage span,
.profile_country_user {
    width: 20px;
    height: 20px;
}
.com_users_profile_circle {
    margin: 10px 0;
}

.profile_country_user
{
    position: absolute;
    left: 10px;
    top: 10px;
    margin: 0;
}
.com_users_user_box .profile_circle_percentage canvas {
    border-radius: 100%;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(255, 255, 255);
}

.profile_circle_percentage i {
    font-style: normal;
}
.profile_circle_percentage span {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
}
[data-action="show_search_all"]
{
    cursor: pointer;
    margin-left: 1%;
}
.icone_like_fa{
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    background: #5195bf;
    text-align: center;
    font-size: 1.2em;
    font-weight: 700;
    line-height: 1.3em;
    color: #ffffff;
    border-radius: 0.6em;
    cursor: pointer;

}

.display_none
{
    display: none;
}

.relative {
    position: relative;
}

.profile_circle_percentage.profile_circle_percentage_inline {
    right: auto;
    top: auto;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -2px;
    margin-right: 8px;
}

#form_invit_members_to_project input[type="text"] {
    width: 60%;
    margin: 0.5em 0em;
    padding: 0.6em 1em;
    font-size: 1em;
    color: #767676;
    border: solid 0.1em #767676;
}
#user_registration #form_invit_members_to_project input[type="text"] {
    width: 100%;
}


.autocomplete-suggestions { 
    background: #FFF; 
    overflow: auto; 
    border: 1px solid #999;
    border: 1px solid rgba(100, 100, 100, .4);
    box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
    color: #141823;
    font-size: .9em;

}
.autocomplete-suggestions strong {
    color: #4190bb;
}
.autocomplete-suggestion {
    padding: 5px 10px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    color: #767676;
}
.autocomplete-suggestion:hover {
    color: #444;
}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-group strong {
    font-weight: bold;
    font-style: italic;
}
.autocomplete-group strong::before {
    content: '–';
    margin-right: 5px;
}
.autocomplete-group { padding: 5px 10px; }


#files-from-dir > div {
    max-width: 500px;
    float: left;
    background: #fff;
    margin: 5px;
    padding: 5px;
    transition: all .2s ease;
    box-shadow: 0 1px 1px rgba(0,0,0,.15);
    border-radius: 2px;
    text-align: center;
}
#files-from-dir img {
    max-width: 100%;
    width: auto;
    display: block;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#files-from-dir a {
    text-decoration: none !important;
}
#files-from-dir > div:hover {
    transform: scale(1.03);
    box-shadow: 0 10px 20px rgba(0,0,0,.2);
}
#files-from-dir .files-from-dir-infos {
    margin-top: 5px;
}

.msg_infos {
    height: 40px;
    line-height: 40px;
    margin: 0 auto 15px;
    text-align: center;
}

.msg_infos_icon {
    margin-right: 10px;
    vertical-align: middle;
}
.com_users_user_box.com_users_user_box_has_projects {
    border: 0.2em solid #88BE00;
}
.user_detail  .com_users_user_box {
    width:200px;
    height: 200px;
}
.user_detail  .com_users_user_box.com_users_user_box_has_projects {
    border: 0.2em solid #88BE00;
}
label {
    cursor: pointer;
}
.mfp input[type=checkbox],
.mfp input[type=radio] {
    margin-right: 10px;
}
.mfp > * {
    line-height: inherit !important;
}
.mfp ul {
    margin: 20px 20px 20px 40px;
}
.mfp h1,
.mfp h2,
.mfp h3,
.mfp h4,
.mfp h5,
.mfp h6 {
    margin: 20px 0;
    font-size: 20px;
    color: #4190bb;
}
.mfp h1:first-child,
.mfp h2:first-child,
.mfp h3:first-child,
.mfp h4:first-child,
.mfp h5:first-child,
.mfp h6:first-child {
    margin-top: 0;
}
.mfp p {
    margin: 10px 0;
}

/* Styles for dialog window */
.mfp {
    background: white;
    padding: 20px 30px;
    text-align: left;
    max-width: 600px;
    margin: 40px auto;
    position: relative;
    border-radius: 3px;
}


/**
 * Fade-zoom animation for first dialog
 */

/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
    opacity: 0;

    -webkit-transition: all 0.2s ease-in-out; 
    -moz-transition: all 0.2s ease-in-out; 
    -o-transition: all 0.2s ease-in-out; 
    transition: all 0.2s ease-in-out; 



    -webkit-transform: scale(0.8); 
    -moz-transform: scale(0.8); 
    -ms-transform: scale(0.8); 
    -o-transform: scale(0.8); 
    transform: scale(0.8); 
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
    opacity: 1;

    -webkit-transform: scale(1); 
    -moz-transform: scale(1); 
    -ms-transform: scale(1); 
    -o-transform: scale(1); 
    transform: scale(1); 
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
    -webkit-transform: scale(0.8); 
    -moz-transform: scale(0.8); 
    -ms-transform: scale(0.8); 
    -o-transform: scale(0.8); 
    transform: scale(0.8); 

    opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out; 
    -moz-transition: opacity 0.3s ease-out; 
    -o-transition: opacity 0.3s ease-out; 
    transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}



/**
 * Fade-move animation for second dialog
 */

/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;

    -webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
    -moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
    -ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
    -o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
    transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );

}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
    -moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
    -ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
    -o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
    transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
    opacity: 0;

    -webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
    -moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
    -ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
    -o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
    transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
}

/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
    opacity: 0;

    -webkit-transition: opacity 0.3s ease-out; 
    -moz-transition: opacity 0.3s ease-out; 
    -o-transition: opacity 0.3s ease-out; 
    transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
    opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
    opacity: 0;
}

.indent-div {
    margin: 20px 24px;
}


.green_btn_glossy {
    width: auto;
    margin: 0.5em 0;
    padding: 1em 1em;
    border: solid 0.1em #c8c8c8;
    border-radius: 0.5em;
    background: rgb(191,210,85);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JmZDI1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzhlYjkyYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzcyYWEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ZWNiMmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(191,210,85,1) 0%, rgba(142,185,42,1) 50%, rgba(114,170,0,1) 51%, rgba(158,203,45,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(191,210,85,1)), color-stop(50%,rgba(142,185,42,1)), color-stop(51%,rgba(114,170,0,1)), color-stop(100%,rgba(158,203,45,1)));
    background: -webkit-linear-gradient(top,  rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%);
    background: -o-linear-gradient(top,  rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%);
    background: -ms-linear-gradient(top,  rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%);
    background: linear-gradient(to bottom,  rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 );
    text-align: center;
    font-size: 1em;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
}

.green_btn_glossy:hover {
    background: rgb(230,240,163);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZjBhMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2QyZTYzOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2MzZDgyNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYmYwNDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(230,240,163,1) 0%, rgba(210,230,56,1) 50%, rgba(195,216,37,1) 51%, rgba(219,240,67,1) 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(230,240,163,1)), color-stop(50%,rgba(210,230,56,1)), color-stop(51%,rgba(195,216,37,1)), color-stop(100%,rgba(219,240,67,1))) !important;
    background: -webkit-linear-gradient(top,  rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 51%,rgba(219,240,67,1) 100%) !important;
    background: -o-linear-gradient(top,  rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 51%,rgba(219,240,67,1) 100%) !important;
    background: -ms-linear-gradient(top,  rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 51%,rgba(219,240,67,1) 100%) !important;
    background: linear-gradient(to bottom,  rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 51%,rgba(219,240,67,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f0a3', endColorstr='#dbf043',GradientType=0 ) !important;
}

#form_event_detail_comment {
    display: block;
    width: 100%;
    margin: 0.5em 0em;
    padding: 0.6em 1em;
    height: 8em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #767676;
    border: solid 0.1em #767676;
    min-height: 80px; 
}

label input[type=radio],
label input[type=checkbox] {
    margin-right: 5px;
}
small {
    font-size: .9em;
}



/* Styles for dialog window */
#follow_project_popup {
    background: white;
    padding: 20px 30px;
    text-align: left;
    max-width: 600px;
    margin: 40px auto;
    position: relative;
}


/**
 * Fade-zoom animation for first dialog
 */

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    /* ideally, transition speed should match zoom duration */
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0;
}



#follow_project_popup select {
    margin: 0.5em 0em;
    padding: 0.6em 1em;
    font-size: 1em;
    color: #767676;
    border: solid 0.1em #767676;
}

.btn-green {
    border-radius: 3px;
    background: #5cb85c;
    padding: 2px 5px;
    color: #fff;
    border: 1px solid #1b741b;
    box-shadow: 0px 1px rgba(255,255,255,.4) inset;
    text-decoration: none !important;
}
.btn-red {
    border-radius: 3px;
    background: #ed706b;
    padding: 2px 5px;
    color: #fff;
    border: 1px solid #874c4a;
    box-shadow: 0px 1px rgba(255,255,255,.4) inset;
    text-decoration: none !important;
}
.btn-orange {
    border-radius: 3px;
    background: #eca600;
    padding: 2px 5px;
    color: #fff;
    border: 1px solid #5f4f24;
    box-shadow: 0px 1px rgba(255,255,255,.4) inset;
    text-decoration: none !important;
}
.btn-purple {
    border-radius: 3px;
    background: #c48eea;
    padding: 2px 5px;
    color: #fff;
    border: 1px solid #63576b;
    box-shadow: 0px 1px rgba(255,255,255,.4) inset;
    text-decoration: none !important;
}

#container-promo-forums {
    margin: 40px 0px 50px;
}

a.back-button {
    text-decoration: underline !important;
}

.data_grid_data_container_line[data-isadminevent='0'] + .data_grid_actions_line #data_grid_members_other_event_cmd,
.data_grid_data_container_line[data-isadminevent='0'] + .data_grid_actions_line #data_grid_download_members_other_event_cmd,
.data_grid_data_container_line[data-isadminevent='0'] + .data_grid_actions_line #data_grid_download_projects_members_other_event_cmd {
    display: none;
}

.breadcrumb {
    color: #999;
    font-size: .9em;
    margin-bottom: 20px;
}

#content_admin_users #profile_circle_percentage_container {
    display: none;
}

.join_forum_comment {
    padding: 5px 10px;
    background: rgba(255,255,255,.2);
    margin: 5px;
}







#add_logo_partner_form.edit_mode .only_edit_mode {
    display: block;
}
#add_logo_partner_form.edit_mode .only_create_mode {
    display: none;
}
#add_logo_partner_form:not(.edit_mode) .only_edit_mode {
    display: none;
}
#add_logo_partner_form:not(.edit_mode) .only_create_mode {
    display: block;
}

.highlight {
    animation: highlight .5s 1s;
    opacity: 0;
    animation-fill-mode: forwards;
}
.projects_data_navigator_link_nextprev {
    margin: 0 10px;
}
.projects_data_navigator_link_nextprev.projects_data_navigator_link_disabled {
    color: #bbb;
}
@keyframes highlight {
    from { opacity: 0; transform: scale(.8) }
    to   { opacity: 1; transform: scale(1) }
}