@charset "UTF-8";
/*CSS Guide social*/

@import url('fonts.css');

/*Tags*/
body { font-family: Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 20px;
    background: #ffffff;
}


body {
    position : relative;
}

h1, h2, h3, h4, h5, h6, .title2, .title3, .title4, .title5, .title6 { line-height: 1.2em; text-transform: none; font-weight: bold; margin: 9px 0; display:block; }
h2, .title2 { color: #0d8a2d; font-size: 28px;  }
h3, .title3, h2.title3, .stitle3, h2.spip { color: #01469c; font-size: 22px;  }
/*h4, .title4, a:hover .title4 { color: #333; font-size: 18px; text-decoration:none; }*/
h4, .title4 { color: #333; font-size: 18px;  }
a:hover > h4, a:hover > .title4 {
    text-decoration:underline;
	color: #333;
}
h5, .title5 { font-weight: bold; color: #666; font-size: 15px;  }
h6, .title6 { font-weight: normal; color: #999; font-size: 14px; /*a*/ }
#jobs_liste h1.title2 { line-height: 1em; }

.title1 small, .title2 small, .title3 small, .title4 small, .title5 small, .title6 small {
    color: #999999;
    font-weight: normal;
    line-height: 1;
}
form {
    margin: 0 0 10px;
}

.normal {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    color: inherit;
    display: inline;
    margin : 0;
    padding: 0;
}

ul ul, ol ol { margin-bottom: 9px; }
ul, ol {
    margin: 0 0 9px 15px;
    padding: 0;
}

em { font-weight: normal; color: #999; }


input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    font-size: 14px;
    border-radius: 0px;
    line-height: 18px;
    height: 18px;
}
input[class*="span"] {
    min-height: 28px;
}
select {
    font-size: 14px;
    border-radius: 0px;
    line-height: 18px;
    height: 28px;
}
textarea {
    font-size: 14px;
    border-radius: 0px;
    line-height: 18px;
}
.input-append .add-on:last-child, .input-append .btn:last-child, .input-append .btn-group:last-child>.dropdown-toggle {
    border-radius: 0;
}
select.max160 {
    max-width: 160px;
}

label, input, button, select, textarea {
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
}
label.inline { display: inline; }

/* Fix Firefox buttons align bug */
input.btn { height: 28px; }
input.btn.btn-mini { height: 23px; }
input.btn.btn-small { height: 26px; }
input.btn.btn-large { height: 39px; }


.btn.btn-large { font-size:17.5px; }

/* multiselect input */
.multiselect {
    max-width:215px;
    /*min-width: 195px;*/
    max-height:100px;
    border:solid 1px #c0c0c0;
    overflow:auto;
    background-color:#FFFFFF;
    margin: 0 10px 10px 0;
    padding-left:3px;
    display:inline-block;
    float:none;
}
.multiselect label {
    display:block;
    margin-bottom:0px;
	margin-left: 30px;
	text-indent: -25px;
}
.multiselect input[type="checkbox"] {
	width: 20px;
    margin:0px 5px 5px 0px;
}
.multiselect-on {
    color:#ffffff;
    background-color:#3399FF;
}

/*Buttons*/
/* flat buttons */
.btn {
    font-size: 13px;
    display: inline-block;
    margin-top: 0;
    margin-right: 5px;
    margin-bottom: 10px;
    border-radius: 0px;
    border: 0;
    color: #FFF;
    cursor: pointer;
    outline: 0;
    text-shadow:none;
}

.btn-group > .btn + .btn {
    margin-left: -4px;
}

.btn-green:hover, .btn-blue:hover, .btn-orange:hover, .btn-red:hover, .btn-green:active, .btn-blue:active, .btn-orange:active, .btn-red:active, .btn-green.active, .btn-blue.active, .btn-orange.active, .btn-red.active { color: #fff; }
.btn-green.active, .btn-blue.active, .btn-orange.active { color: rgba(255, 255, 255, 0.75); }



.btn-green { background: #0d8a2d; *background-color: #015b18;  }
.btn-green:hover, .btn-green:active, .btn-green.active, .btn-green.disabled, .btn-green[disabled] { background-color: #067322; *background-color: #015b18; }



.btn-grey, .btn-grey:hover, .btn-grey:active, .btn-grey.active { color: #333; }
.btn-grey { background: #eee; *background-color: #eee;  }
.btn-grey:hover, .btn-grey:active, .btn-grey.active, .btn-grey.disabled, .btn-grey[disabled] { background-color: #F9F9F9; *background-color: #F9F9F9; }


.bouton-box { margin-left:10px;}


.btn-blue { background: #01469c; *background-color: #012d66; }
.btn-blue:hover, .btn-blue:active, .btn-blue.active, .btn-blue.disabled, .btn-blue[disabled], .color-1 .btn.btn-blue:hover, .color-1 .btn.btn-blue:active, .color-1 .btn.btn-blue.active { background-color: #01397e; *background-color: #012d66; } /*  */

.btn-orange { background: #eb7e09; *background-color: #ac4c00; }

.btn-orange:hover, .btn-orange:active, .btn-orange.active, .btn-orange.disabled, .btn-orange[disabled] { background-color: #cb6500; *background-color: #ac4c00; }

.btn-red { background: #bc3734; *background-color: #7f0010; }

.btn-red:hover, .btn-red:active, .btn-red.active, .btn-red.disabled, .btn-red[disabled] { background-color: #9d1921; *background-color: #7f0010; }

.btn-toolbar .btn { padding-left: 8px; padding-right: 8px; }

.btn-blue.tarifs {
    min-width: 170px;
}
/*Miscellanous*/
.green, a.green, .green a { color: #0d8a2d; }
.blue, a.blue, .blue a { color: #01469c; }
.orange, a.orange, .orange a { color: #eb7e09; }
.red, a.red, .red a { color: #bc3734; }
.grey, a.grey, .grey a { color: #333; }
a.grey:active, a.grey:hover { color: #333; }
.light, a.light, .light a { color: #666; }
.lighter, a.lighter, .lighter a { color: #999; }
.black, a.black, .black a { color: #000000; }

.center, th.center, td.center { text-align: center; }
.centered_div { float: none; margin-left: auto; margin-right: auto; }
.centered, .table td.centered { margin-left: auto; margin-right: auto; text-align: center; }
.righted { text-align: right; }

.italic { font-style: italic; }

.text-right { text-align: right; }

.spaced, .spaced li { margin-bottom: 18px; }
li.nonspaced { margin-bottom: 0; }

.nowrap { white-space: nowrap; }

.placeholder { color: #999; }
.asterisk {
/*    color: #01469c; */
    color:#bc3734;
}
.help { display: block; margin-bottom: 9px; }
label.success, input.success, textarea.success, select.success { border-color: #0d8a2d; background: #afeebf; }
label.success:focus, input.success:focus, textarea.success:focus, select.success:focus { border-color: #0d8a2d; background: #fff; }
span.success { display: block; margin-left: -6px; margin-right: -6px; border: 1px solid #0d8a2d; padding: 5px; background: #afeebf; border-radius: 3px; }
label.error, input.error, textarea.error, select.error { border-color: #bc3734; background: #f2dede; }
label.error:focus, input.error:focus, textarea.error:focus, select.error:focus { border-color: #0d8a2d; background: #fff; }
span.error { display: block; margin-left: -6px; margin-right: -6px; border: 1px solid #bc3734; padding: 5px; background: #f2dede; border-radius: 3px; }

.clear { clear: both; }
.invisible { visibility: hidden; }

.btn.btn-small {font-size: 11px; }
.btn.btn-big-din {
    font-family: 'OswaldBook';
    font-size: 20px;
    padding: 8px 20px 12px 20px;
    margin-top: -10px;
}


.btn.btn-din {
    font-family: 'OswaldBook';
    font-size: 16px;
    padding: 6px 20px 5px 20px;
}

small {
    font-size: 12px;
}

.span-actus,
.span-dossiers {
    display:block;
    float:left;
}

/* chrome */
/*
@media (-webkit-min-device-pixel-ratio:0) {

     input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    }
    textarea {

    }
    select {
        height: 28px;
    }
} */

.art-flex {
    display: flex;
    min-height: 160px;
}

.art-h-full {
    height: 100%;
}

.art-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*General*/
body {
    padding: 0;
}
#container {
    padding: 0 10px;
}

#bar { height: 50px; border-top: 10px solid #0d8a2d; border-bottom: 1px solid #dbdcdd; background: #fff; }
#header { height: 125px; }

#content { margin-top: 20px; padding-bottom: 20px; }
#content .row .header h3, #content .row .header .title3 { font-size: 20px;  }



/*Footer*/


.footer-group {
    margin-top:20px;
}
.footer-spen {
    /*width: 220px;*/
}

#footer { font-size: 12px; }
#footer .container { padding: 20px; background: #555; }
#footer .container-footer {
    background: #555 none repeat scroll 0 0;
    /*    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
        padding: 20px; */
}
#footer .top { margin-bottom: 0; }
#footer .top a { display: block; width: 60px; height: 60px; margin: -50px auto 0; text-indent: -9999px; background: url(/images/site/icn-top.gif); }
#footer .block { margin-bottom: 20px;
    padding: 0;
    background: none;
}
#footer .block.block-special { padding-right: 0px; border-right: 1px solid #666; }
#footer .block.block-special h3, #footer .block.block-special span.title3 { color:#EB7E09; }
#footer .block.block-facebook { margin-bottom: 0; background: #fff; }


#footer h3, #footer .title3
    { text-transform: uppercase; font-size: 15px;  color: #86b9e1;} /*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); */
#footer h3 .jaune, #footer .title3.jaune { color: #F5EC92; font-weight: bold; }
#footer .title3.bleu { font-weight: bold; }
#footer ul li, #footer ul li a, #footer p { color: #fff; }
#footer ul.spaced li { margin-bottom: 3px; text-indent: -20px; margin-left: 20px; }
#footer p a { color: #afeebf; text-decoration: underline; }

#footer .block ul li::before {
    content: '';
}
/*Subfooter*/
#subfooter { max-width: 100%; }
#subfooter .container { width:auto; padding: 0; border-top: 10px solid #0d8a2d; background: #fff; }
#subfooter ul { margin-bottom: 0; padding: 20px 0;  }
#subfooter ul li { display: inline; white-space: nowrap; margin-right: 20px; line-height:25px; color: #0d8a2d; }
#subfooter ul li a { text-decoration: none; color: #999; }
#subfooter ul li a:hover, #subfooter ul li.green a { color: #0d8a2d; }


/* boutons réseaux sociaux header */
.span_social {
    float:left;
    width:100px;
    height:30px;
}
.span_social.ggplus {
    width:75px;
}
.span_social.fbplus {
    width:125px;
}



#header-home { font-family: 'OswaldLight'; }
#header-home { min-height:320px;  }
.jmm-header-image {
    background: url(https://pro.guidesocial.be/images/header/jmm-tag-header.svg) no-repeat center !important;
    background-size: 40% !important;
    position: relative !important;
}

.jmm-header-image::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle, #7BC3DB 0%, #2995B7 100%) no-repeat center;
    z-index: -1;
}

.flex-center {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bg-blue {
    background-color: #e3f2f7;
}

.bg-gray {
    background-color: #edecec;
}

.text-sm {
    color: #666;
    font-size: 12px;
    font-weight: normal;
}

#jobs_liste .span10, #annonces_liste .span10 { margin-left: 0px;}

.modal.mymodal {

position: relative ;
top:100px;

}


/*Tabs*/
.nav-tabs { margin-bottom: 24px; border-bottom: 1px solid #0d8a2d; }
.nav-tabs li { margin-bottom: 0; }
.nav-tabs li a, .nav-tabs li.active a, .nav-tabs li a:hover, .nav-tabs li.active a:hover { border: 0; }
.nav-tabs li a { background: #dce7c5; }
.nav-tabs li a:hover { color: #fff; background: #c3d994; }
.nav-tabs li.active a { font-weight: bold;  }
.nav-tabs li.active a, .nav-tabs li.active a:hover { color: #fff; background: #0d8a2d; }

.nav-annonceur .nav-tabs > li {
    border:none;
}
.nav-annonceur .nav-tabs > li.first_nav_profil > a > div {
	max-width:115px;
	white-space:nowrap;
	overflow-x:hidden;
}

.nav-tabs-subnav { margin-top: -24px; margin-bottom: 24px; margin-left: 0; padding-top: 8px; padding-bottom: 8px; list-style: none; background: #0d8a2d; }
.nav-tabs-subnav li { display: inline; margin-left: 12px; }
.nav-tabs-subnav.dropdown-menu li { margin-left: 0px; }

.nav-tabs-subnav a { color: #dce7c5; }
.nav-tabs-subnav a:hover, .nav-tabs-subnav .active a { color: #fff; }
.nav-tabs-subnav.dropdown-menu a, li.active .nav-tabs-subnav.dropdown-menu a {
    color: #333;  background: #dce7c5;
    font-weight: normal;
}
.nav-tabs-subnav.dropdown-menu a:hover, li.active .nav-tabs-subnav.dropdown-menu a:hover {
    color: #333;  background: #f2f2f2;
}
.nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover, .nav > li.dropdown.open.active > a:focus {
    border:none;
}
.nav-tabs .open .dropdown-toggle,
#bar ul.nav-pills li.open a.dropdown-toggle,
.nav ul.nav-pills li.dropdown.open.active a:hover,
.nav ul.nav-pills li.dropdown.open.active a:focus {
    color: #fff;
    background-color: #0d8a2d;
    border-color: #0d8a2d;
}
.nav-tabs li.dropdown ul.dropdown-menu, .nav-tabs li.dropdown.active ul.dropdown-menu {
    background-color: #dce7c5;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
    background-color: #dce7c5;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btn-green.btn-navbar {
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #0d8a2d;
}
.btn-green.btn-navbar {
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #0d8a2d;
}
.btn-navbar.btn-green:hover, .btn-navbar.btn-green:active, .btn-navbar.btn-green.active, .btn-navbar.btn-green.disabled, .btn-navbar.btn-green[disabled] {
    background-color: #067322;
}
#nav-annonceur-toggle, #nav_cs-toggle {
    float:right;
    min-width:100%;
    height:45px;
    background-color: #0d8a2d;
    margin-bottom: 10px;
}
#nav-annonceur-toggle .bar-title, #nav_cs-toggle .bar-title {
    text-align: right; margin:12px 45px 0 0; color:white; font-weight: bold;
}

#nav-annonceur-toggle.navbar .btn-navbar {
    text-shadow: none;
    box-shadow:none;
    background-image:none;
    padding-top: 3px;
}
#nav-annonceur-toggle.navbar .btn-navbar .icon-bar {
    background-color: #fff;
    box-shadow: none;
    border-radius:0px;
}
.btn-green .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}
#nav-annonceur-toggle.navbar .container {
    right: 0%;
}



.nav-tabs-subnav-annonce { margin-top: -24px; margin-bottom: 24px; margin-left: 0; padding-top: 8px; padding-bottom: 33px; list-style: none; background: #0d8a2d; }
.nav-tabs-subnav-annonce li { line-height: 13px; display: block; float:left; margin-left: 20px; }
.nav-tabs-subnav-annonce li a { color: #dce7c5; }
.nav-tabs-subnav-annonce li.active a { text-decoration: none; cursor: default; color: #fff; }

.tabs-left .nav-tabs { border-right: 1px solid #ddd; }
.tabs-left .nav-tabs li a { margin-right: 3px; }
.tabs-left .nav-tabs li.active a { margin-right: -1px; }
.tabs-left .nav-tabs li.active a, .tabs-left .nav-tabs li.active a:hover { border: 1px solid #ddd; border-right: 0; color: #0d8a2d; background: #f5f5f5; text-shadow: none; }

.nav-tabs.asbl { border-bottom: 1px solid #eb7e09; }
.nav-tabs.asbl li a { color: #eb7e09; background: #f4d7b7; }
.nav-tabs.asbl li a:hover { color: #fff; background: #f2b87b; }
.nav-tabs.asbl li.active a, .nav-tabs.asbl li.active a:hover { color: #fff; background: #eb7e09; }

.nav-tabs-subnav.asbl { background:#eb7e09; }
.nav-tabs-subnav.asbl li a { color: #f4d7b7; }
.nav-tabs-subnav.asbl li.active a { color: #fff; }

#footer .fond-monasbl, #tab-style .fond-monasbl {
    background-color:#FCE5D7;
    color: #555555;
}
.fond-monasbl a, #tab-style .fond-monasbl a {
    color: #E36C0A;
    /*color: #CC8B49;*/
}
.orange-asbl, .color-1 .orange-asbl  {
    color: #E36C0A;
}

#footer .block.fond-monasbl {
	display:inline-block;
	border: 1px solid #ddd; 
	margin-top: 10px;
	padding:5px;
}
#footer .block.fond-monasbl .rose-asbl {
	color:#E50E33;
	text-decoration:none;
}
#footer .block.fond-monasbl p {
	color: #555555;
}
.visible-medium {
    display:none;
} 
.hidden-medium {
    display:block;
}
.metiers ul.unstyled {
    margin-bottom: 0px;
}




/* agenda liste et calendrier */

.datepicker.dpagenda {
    display: block;
}
.datepicker.dpagenda:before, .datepicker.dpagenda:after {
    border: inherit;

}
.datepicker.dpagenda th.prev a,
.datepicker.dpagenda th.prev a:hover,
.datepicker.dpagenda th.next a,
.datepicker.dpagenda th.next a:hover
{
    color: #333333;
    text-decoration: none;
}
.tooltip,
.insert .content a.tooltip
{
    position: relative;
    /*background: #eaeaea;*/
    font-weight: bold;
    /*cursor: pointer;*/
    display: inline-block;
    text-decoration: none;
    color: #333333;
    outline: none;
    height:16px;
    width: 16px;

    font-size: 12px;
    opacity: 1;
    padding: 0;
}
.insert .content .active a.tooltip
{
    color:white;
}
.insert .content .active a.tooltip span
{
    color:#333;
}
.datepicker td.event {
    background: none repeat scroll 0 0 #D1E0FF;
}

.datepicker.dpagenda a.tooltip span
{
    visibility: hidden;
    position: absolute;
    bottom: 30px;
    left: 50%;
    z-index: 999;
        width: 230px;
        margin-left: -127px;
    /*left: 0;
    width: 200px;
    margin-left: -200px;*/
    padding: 10px;
    border: 2px solid #ccc;
    opacity: .9;
    background-color: #ddd;
    /*
    background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
    background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
    background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
    background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
    background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));*/
    -moz-border-radius: 4px;
    border-radius: 4px;
    /*    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
        box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
        text-shadow: 0 1px 0 rgba(255,255,255,.4);
    */

    cursor: pointer;
    display: inherit;
    float: inherit;
    height: auto;
    line-height: normal;

}

.datepicker.dpagenda a:hover.tooltip
{
    border: 0; /* IE6 fix */
}

.datepicker.dpagenda a:hover.tooltip span
{
    visibility: visible;
}

.datepicker.dpagenda .tooltip span:before,
.datepicker.dpagenda .tooltip span:after
{
    content: "";
    position: absolute;
    z-index: 1000;
    bottom: -7px;
    left: 50%;
    margin-left: -8px;
    border-top: 8px solid #ddd;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 0;
}


.datepicker.dpagenda a.tooltip span
{
    display:none;
}
.datepicker.dpagenda .tooltip span:before
{
    border-top-color: #ccc;
    bottom: -8px;
}


.items li.row.agendalist {
    margin-top: -18px;
}

div.agenda_pay {
    background: #f5f5f5;
    border:1px solid #dbdcdd;
}
div.annonce {
    padding:2px;
}
div.annonce_top_page {
    margin-top:5px;
/*    background: #f5f5f5;*/
    border:1px solid #01469c;
}

div.annonce_encadre {
    margin-top:5px;
    background: #d9edf7;
    border:1px solid #01469c;
}


.agenda_item.res_grey {
    /*color:grey;*/
}
.agenda_item.res_grey .grey,
.agenda_item.res_grey .title6,
.agenda_item.res_grey .title4,
.agenda_item.res_grey .content p
{
    color:grey;
}

.alert-block {
    font-size: 14px;
}

div.btn_tarifs {
    background: #f5f5f5;
    border:1px solid #dbdcdd;
    padding: 10px 10px 0px 10px;
    margin:20px auto 0 auto;
    min-height: 175px;
    max-width: 300px;
}

table.table_tarifs {

}
table.table_tarifs th {
    background-color: #DCE7C5;
    color: #666;
}
.lighterBgBlue,
table.table_tarifs th.lighterBgBlue,
.table-striped tbody > tr > th.lighterBgBlue{
    background-color: #dee9f3;

    color:#666;
}

body .alert-info {
    /* color: #3a87ad; */
    color: #3E72A3;

    background-color:
        #dee9f3;
    border-color:
        #dee9f3;
}

/*
table.striped tr:nth-child(even) {
    background-color: #f2f2f2;
} */


table.table_tarifs td, table.table_tarifs th {
    vertical-align:top;
    text-align:center;
}
table.table_tarifs tr > th:first-child, table.table_tarifs tr > td:first-child {
    text-align: left;
}


#ajaxSondage {
    padding:10px;
}

#footer ul {
    list-style-position: inside;
    margin-left:0px;
}

#footer-social ul#liste-social, #footer-social .ul_liste-social { width:200px; margin: 0 auto;}

aside .span6 { /* #article aside .span6 */
    float:none;
    margin-left:auto;
    margin-right: auto;
}

#header-home #logo {height: 60px; margin: 20px 50px 10px 10px;}


/* activités */

[class^="social_"] {
    background-image: url("/images/associations/20-social-media-vector-icon.png");
    background-position: 30px 30px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-top: 1px;
    vertical-align: text-top;
}
.social_fb {
    background-position: -30px -30px;
}
.social_tw {
    background-position: -90px -60px;
}
.social_in {
    background-position: -60px -30px;
}
.social_gp {
    background-position: -90px -90px;
}
.social_ig {
    background-position: -30px -90px;
}

#themes .header .btn-right {
		text-align:right; margin-top:10px; white-space:nowrap;
	}
	
li.fond-vert {
		background-color:#e8f4ec;
}

#rubrique .encadre {
    background-color:#e8f4ec;
}
#hp .content-actu.pink, #rubrique .pink {
    background-color: #EDD6ED;
}
#hp .content-actu a.pink, #rubrique span.pink {
    color: #BF0215 ;
}
#hp .content-actu a:hover.pink {
    color: #F1031B ;
}
#rubrique .row {
    margin-left: -10px;
}
#rubrique .items li {
    margin-bottom: 15px;
}


/* menu haut de page */

#header-menu, #header-menu ul /* Liste */
{
    padding : 0; /* pas de marge intérieure */
    margin : 0; /* ni extérieure */
    list-style : none; /* on supprime le style par défaut de la liste */
    text-align : center; /* on centre le texte qui se trouve dans la liste */
    display:block;
    float: right;
}

#header-home ul {list-style-type: none; text-align: right; font-family:'OswaldLight'; margin:37px 0 0 0; }

#header-home ul#header-menu {
    margin: 43px 0 0 0;
}

#header-menu li /* Elements des listes */
{
    float : left;
    border-right : 1px solid #fff;
}

#header-home ul#header-menu li {
    line-height: 15px;
    border-right : 1px solid;
    margin: 0;
}

#header-menu a /* Contenu des listes */
{
    display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
    padding : 5px 5px;  /* aucune marge intérieure */
    text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
    width : auto; /* largeur */
    text-align: left;
}
#header-menu li ul /* Sous-listes */
{
    position: absolute; /* Position absolue */
    width: 144px; /* Largeur des sous-listes */
    left: -999em; /* Hop, on envoie loin du champ de vision */
}

#header-menu a:hover, #header-menu a.selected /* Lorsque la souris passe sur un des liens */
{
    text-decoration: underline;
}

#header-menu li:hover ul ul, #header-menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
    left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#header-menu li:hover ul, #header-menu li li:hover ul, #header-menu li.sfhover ul, #header-menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
    left: auto; /* Repositionnement normal */
    min-height: 0; /* Corrige un bug sous IE */
    margin    : 0 ;

}


#header-home ul#header-menu li li, #header-home ul#header-menu li.last {  /* sous-liste et dernier de liste */
    border-right : none;
}


#header-home ul li a.btn-compte:active,
#header-home ul li a.btn-compte:hover {
    text-decoration: none;
    background: #01397e;
}


#header-home ul li {display: inline; margin:0px 10px; line-height: 37px; }
#header-home ul li a {color:#666666;}
#header-home ul li a.btn {color:#FFFFFF;}

#header-home .compte { background-color:#0255a3; color:#fff; padding:5px 15px;}

#header-home ul#liste-social, #header-home .ul_liste-social { text-align:right; margin:10px 0 0 0; float:right;}

#header-home ul li.social {background-color: #ffffff; border-radius: 50%;display: block; float: left; height: 40px; margin-left: 5px;text-align: center; 	vertical-align: middle; width: 40px;}

.footer-group {
    margin-top:20px;
}
.footer-spen {
    /*width: 220px;*/
}


@media (min-width:320px) {

    #header-home #logo {
        margin: 0 auto;
        width:300px; display:block;
    }
 
    #header-home #logo { background: url("//pro.guidesocial.be/images/logo-petit.png") no-repeat center; width:215px; height:63px; display:block; float:left; }

    #footer-social ul li.social { background-color: #ffffff; border-radius: 50%; display: block; float: left; height: 40px; margin-left: 5px; text-align: center; vertical-align: middle; width: 40px; line-height: 40px;}
    


    aside label.span3 {
        float:left;
        width: 175px;
    }

    form label.span2, form label.span3 {
        max-width:140px;
        margin-top: 5px;
        text-align: left;
    }

    input.span2.fixed {
        width: 86px;
    }

    input.disabled {
        cursor: not-allowed;
        background-color: #eee;
    }
    /*
    select.span2 {
        width: 100px;
        margin-left:20px;
    } */

    form select.span3 { width: 160px; }

    input[class*="span"], form select[class*="span"], textarea[class*="span"] {
        max-width: 250px;
    }

    #jobs_liste .span10, #annonces_liste .span10 { max-width: 280px;}
    #jobs_carte .span6 {  margin-left: 20px; width: 460px; }
    /*#jobs_carte .span4 {  margin-left: 20px; float:left; width: 220px; } */
	#jobs_carte .span8.metiers { margin-left: 0px; margin-bottom: 0; }



    [class*="span"] .float {
        margin-left: 20px;
        float:left;
    }
    .image.span2 {
        max-width: 100px;
    }

    li.row div.spandate {
        width:100%;
        height:65px;
        padding-top:5px;
        margin-bottom: 15px;
    }

    li.row div.spandate.hidden {
        width:0px;
        height:0px;
        padding:0px;
        margin: 0px;
    }

    #agenda_liste .image.float, #moteur_liste .image.float {
        margin: 0 10px 3px 0;
    }
    #agenda_liste .image.float.hidden {
        width:0px;
        height:0px;
        margin:0;
    }
    #annonces_liste .image.float {
        margin: 0 10px 3px 0;
    }

    .offset1 {
        margin-left: 40px;
    }

    .offsetm1 {
        margin-left: 0px;
    }
    .offsetm2 {
        margin-left: 50px;
    }
    .offsetm3 {
        margin-left: 80px;
    }

    .pub {
        width: 220px;
        /*margin: 0 auto 0 auto;*/
    }

    .btn-group {
        line-height: 35px;
        white-space: normal;
        width:auto;
    }

    .table th, .table td {
        padding:4px;
    }



    /* Nav bar */
    #bar_nav { height: 100px; }
    .nav-pills > li {
        padding-top: 0px;
    }


	.navbar-themes { background-color:#0255a3; width:100%; height:50px; line-height:50px;}
	.navbar-themes ul {font-family: "OswaldLight"; font-size: 18px; list-style-type: none; margin:0; text-align: center; color:#ffffff; margin: 0 auto; width: 1000px;}
	.navbar-themes ul li {border-right: 2px solid #ffffff; display: block; float: left; margin: 0 auto; min-height: 50px; padding: 5px 10px; text-align: center;
}
	.navbar-themes ul li a {color: #ffffff;}
	
    form em.dblock { 
        display:block;
        float:left;
        min-width: 200px;
        margin-top:-5px;
        margin-bottom:5px;
    }

	div.span4.footer-first-col {
		width:100%;
	}
    .span_moteur input, .span_moteur select {
        margin-right: 20px;
    }

    .aside.span6 {
        width: 100%;
    /*    max-width: 580px;*/
    }
    aside .span6 { /* #article aside .span6*/
        max-width:340px;
    }
    #article #nos_suggestions {
        float:none;
        max-width:340px;
        margin: 0 auto;
    }

    section.three-cols-16 {
        -webkit-column-count:1; /* Opera, Safari, Google Chrome */
        -moz-column-count: 1; /* Firefox */
        column-count: 1; /* Internet Explorer */
    }

    .three-cols-16 div.three-col {
        width:300px;
    }


    section.two-cols-10, section.two-cols-home {
	    -webkit-column-count:1; /* Opera, Safari, Google Chrome */
        -moz-column-count: 1; /* Firefox */
        column-count: 1; /* Internet Explorer */
    }
	.two-cols-10 div.two-col, .two-cols-10 div.two-col-home {
        width:280px;
    }


    .two-col label, .three-col label, .three-cols-16.label {
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid;
    }
    /* sat/espace-client */

    .insert.insert-fixed-min { height: auto; }
    .insert.insert-fixed-min .content { height: auto; }

    .multiselect {
        width:215px;
    }

    #header-home ul li a.btn-compte {
        font-family: 'OswaldLight';
        background: #01469c;
        color:#FFF;
        padding: 6px 15px 6px 15px;
        margin-top:5px;
    }
    #header-home ul#header-menu li a.btn-compte {
        margin-top:0px;
    }
	
	

	.logo-annonceur {
		display: block;
		height: 198px;
		line-height: 198px;
		max-width: 198px;
		padding: 10px;
		border: 1px solid #dbdcdd;
		background: #fff;
		text-align: center;
		overflow: hidden;
	}
    
    .logo-url {
		display: block;
		line-height: 198px;
		max-width: 198px;
		padding: 10px;
		border: 1px solid #dbdcdd;
		background: #fff;
		text-align: center;
		overflow: hidden;
	}

    .div_un_site_anm {
        width:180px;
        float: left;
        margin-left: 20px;
        margin-top: 12px;
    }

    .div_connect_infos, .div_connect_bonjour {
        display: block;
        text-align: center;
        padding: 5px 0;
    }

    .div_connect {
        float:left;
        margin: 8px 0 0 0;
        text-align:center;
        width: 100%;
    }

}

@media (min-width:470px) {

    #container {
        padding: 0 20px;
    }

    #header-home #logo {margin:20px 15px 10px 0px;  margin-left: 0%; }

    .controls-row [class*="span"] + .offsetx2 {
        margin-left: 140px;
    }
    .controls-row [class*="span"] + .offsetx3 {
        margin-left: 160px;
    }


    .btn-group {

        width:360px;
        margin:auto;
    }
    .btn-group:first-child {
        padding-left: 10px;
    }

    .table th, .table td {
        padding:8px;
    }

    #bar_nav { height: 50px; }

    .nav-pills > li {
        padding-top: 5px;
        margin-left: 0px;
    }

    .span_moteur {
        width:auto;
    }


    .datepicker.dpagenda a.tooltip span
    {
        display: inline;
        left: 50%;
        width: 230px;
        margin-left: -127px;
    }

    .datepicker.dpagenda .tooltip span:before,
    .datepicker.dpagenda .tooltip span:after
    {
        left: 50%;
    }
	
	.logo-annonceur {
		float:left;
		margin-right:20px;
	}

    .footer-group {
        -moz-column-count: 2;
        -moz-column-gap: 10px;
        -webkit-column-count: 2;
        -webkit-column-gap: 10px;
        column-count: 2;
        column-gap: 10px;
    }
    .footer-spen {
        width: 220px;
        display: inline-block;
    }

    .div_un_site_anm {
        width:320px;
        margin-top: 22px;
    }
}

@media (min-width:427px) and (max-width:766px) {
    #unregistered input#NumEmployeur, #unregistered input#ComplEmployeur, #unregistered select#id_commune,
    #deja_connecte input#NumEmployeurx, #deja_connecte input#ComplEmployeurx, #deja_connecte input#LocaliteEmployeurx {
        margin-left: 140px;
    }
}


@media (min-width:767px) {

    #container {
        padding: 0 20px 0;
    }


    .offsetm1 {
        margin-left: 50px;
    }

    .offsetm2 {
        margin-left: 140px;
    }

    .offsetm3 {
        margin-left: 260px;
    }

    [class*="span"].offset5 {
        margin-left: 300px;
    }

    [class*="span"].offset4 {
        margin-left: 260px;
    }

    [class*="span"].offset3 {
        margin-left: 220px;
    }

    [class*="span"].offset1 {
        margin-left: 80px;
    }

    aside .float {
        float: left;
    }

    .controls-row [class*="span"] + .offsetx2 {
        margin-left: 20px;
    }

    aside div.span4, #jobs_carte aside div.span4 {
        width: 700px;
    }

    aside label.span3 {
        width: inherit;
    }

    #content {
        margin-left: 0px;
    }

    .span16 {
        width: 724px;
    }

    .span16.span16-aligne {
        padding-left: 10px;
    }

    .span16.middle {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }

    .span12 {
        width: 700px;
    }

    .span11 {
        width: 640px;
    }

    /*     .span12 { width: 98%; }*/
    /*#rubrique_actus .span12 { margin-left:30px; }*/
    .span9 {
        width: 520px;
    }

    /*.span9 { min-width: 700px; }*/
    .span8 {
        width: 460px;
    }

    .span7 {
        width: 400px;
    }

    .span6 {
        width: 340px;
    }

    .span5 {
        max-width: 280px;
    }

    .span4, aside div.span4 {
        width: 220px;
    }

    .span4.span-mid {
        width: 350px;
    }

    .span3 {
        width: 160px;
    }

    .span2 {
        width: 100px;
    }

    .span1 {
        width: 40px;
    }

    .article.span10 {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }

    .aside.span6 {
        clear: left;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }

    input.span6, textarea.span6,
    textarea.span6,
    .uneditable-input.span6 {
        width: 326px;
        min-width: 326px;
        max-width: 326px;
    }

    form select.span6 {
        max-width: 340px;
        width: 340px;
    }

    input.span2, textarea.span2, .uneditable-input.span2 {
        width: 86px;
    }

    input[class*="span"] {
        min-height: 18px;
    }

    input.span1, textarea.span1, .uneditable-input.span1 {
        width: 26px;
    }

    input.span4, textarea.span4, .uneditable-input.span4 {
        width: 206px;
    }

    .span10, #jobs_liste .span10, #annonces_liste .span10 {
        max-width: 580px;
    }

    #jobs_liste .span10 {
        margin-left: 20px;
    }

    #jobs_carte .span2 {
        margin-left: 20px;
        float: left;
        width: 140px;
    }

    .span8.metiers {
        max-width: 340px;
    }

    #jobs_carte .span8.metiers {
        margin-left: 20px;
    }

    div.span3#hiringOrganization {
        float: right;
    }

    .span_moteur {
        width: 700px;
    }

    #contact_form label.span2, #signal_form label.span2 {
        text-align: right;
        min-width: 140px;
    }

    #contact_form input[class*="span"],
    #contact_form select[class*="span"],
    #contact_form textarea[class*="span"],
    #signal_form input[class*="span"],
    #signal_form select[class*="span"],
    #signal_form textarea[class*="span"] {
        max-width: 266px;
        min-width: 200px;
    }

    form label.span3 {
        max-width: 160px;
    }

    .offset1 {
        margin-left: 80px;
    }

    .activites_detail {
        width: 470px;
        margin-left: 20px;
    }

    .activites_detail .span9 {
        width: 350px;
    }

    .btn-group {
        width: auto;
    }

    .btn-group:first-child {
        padding-left: 0px;
    }

    li.row div.spandate {
        width: 85px;
    }

    li.row div.spandate.hidden {
        display: block;
        width: 85px;
        height: 65px;
        margin-left: 20px;
    }

    #agenda_liste .image.float.hidden {
        display: inline;
        width: 100px;
        margin-left: 20px;
    }

    #agenda_liste .image.float, #annonces_liste .image.float, #moteur_liste .image.float {
        margin: 0 0 0 20px;
    }

    #bar_nav ul.nav-pills {
        margin-left: 15px;
    }

    form em.dblock {
        display: inline;
        margin-left: 20px;
    }

    .insert.insert-fixed {
        height: 400px;
    }

    .insert.insert-fixed .content {
        height: 250px;
        overflow: hidden;
    }

    .insert.insert-fixed a.btn,
    .insert.insert-fixed2 a.btn,
    .insert.insert-fixed-high a.btn,
    .insert.insert-fixed-min a.btn,
    .insert.insert-fixed-mini a.btn,
    .insert.insert-fixed-double a.btn,
    .insert.insert-fixed-dossiers-hp a.btn,
    .insert.insert-fixed-agenda a.btn,
    .insert.insert-fixed-formations a.btn {
        position: absolute;
        bottom: 11px;
    }

    #jobs_detail #jobs-search.span {
        width: 460px;
    }

    #jobs_liste #jobs-search.span {
        width: 724px;
    }

    #jobs_carte #jobs-search.span {
        width: 724px;
    }

    aside .span6 {
        /*#article aside .span6*/
        float: left;
        margin-left: 20px;
        margin-right: 0;

    }

    #article #nos_suggestions {
        float: left;
        max-width: none;
    }

    #nos_suggestions .span4 {
        margin-left: 13px;
    }

    #nos_suggestions .span4:first-child {
        margin-left: 20px;
    }

    /*
    .aside.span6, aside .span6, .article.span10 {
        float:none;
        clear:left;
        margin-left:auto;
        margin-right:auto;

    }*/
    .datepicker.dpagenda a.tooltip span {
        left: 0;
        width: 200px;
        margin-left: -22px;
    }

    .datepicker.dpagenda .tooltip span:before,
    .datepicker.dpagenda .tooltip span:after {
        left: 13%;
    }

    section.three-cols-16 {
        -webkit-column-count: 2; /* Opera, Safari, Google Chrome */
        -moz-column-count: 2; /* Firefox */
        column-count: 2; /* Internet Explorer */
    }

    .three-cols-16 div.three-col {
        width: 320px;
    }

    section.two-cols-flex {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .two-cols-flex .two-col {
        width: calc(50% - 20px);
    }

    section.two-cols-10 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        column-width: 280px;
    }
    section.two-cols-home {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
    div.two-col-home p {
        display:inline-block;
        width: 320px;
    }
    .two-cols-10 div.two-col {
        margin-left: 5px;
        /*width:280px;*/
    }
    #dernieres-offres.span {
        padding-left: 15px;
    }

    /* sat/espace-client */
    .insert.insert-fixed-min {
        height: 320px;
    }

    .insert.insert-fixed-min .content {
        height: 210px;
        overflow: hidden;
    }

    .multiselect {
        width: 195px;
    }

    .insert.profilminH {
        min-height: 225px;
    }
	.insert.profilminHpro {
        min-height: 250px;
    }  
	.insert.profilminHagenda {
        min-height: 260px;
    } 
	.logo-annonceur {
		float:none;
		margin-right:0;
	}

    #header-home ul li#connection-block {
        color:white; background: #01469c;
        padding: 5px 0 5px 0;
        width:400px; height:190px;
        margin-left:-302px;
        font-family:Helvetica, Arial, sans-serif; font-size: 14px;
        text-align: left;
    }
    #header-home ul#header-menu li#connection-block {
        line-height: 18px;
    }
    #connection-block .connection-left {
        display:block; width:175px; height: 178px; margin:5px 10px; float: left; border-right: 1px solid #ffffff;
    }
    #connection-block .connection-right {
        display:block; margin:5px 10px;
    }
    #header-home ul li#connection-block input.input-medium {
        font-size: 12px; line-height: 14px; height: 14px;
    }
    #header-home ul li#connection-block a {
        background: #01469c; color: white;
    }
    #header-home ul li#connection-block a {
        background: #01469c; color: white;
    }

    .footer-group {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }

    .div_connect {
        margin: 8px 0 0 0;
        text-align:right;
        float:right;
        width:280px;
    }

    .div_connect_bonjour {
        width: 380px;
    }
}
	
/* Medium devices (desktops, 992px and up) */
@media (min-width:980px) {


    [class*="span"].offsetl12 {
        margin-left: 740px;
    }

    #container {
        padding: 0;
    }
    #header-home ul li, #header-home ul li a.btn {font-size: 1.8vw;}
    #header-home ul li,
    #header-home ul li a.btn-compte {

        font-size: 16px;
    }
    #header-home ul li a.btn-compte {
    width:69px;
    }

    #header-home ul.mon_compte_ul li a.btn-compte {
        font-size: 12px;
    }


    #content {
        margin-left:0px;
    }

    div.span3#hiringOrganization {
        float:left;
    }
    /* bloque l'affichage au niveau actuel */
    body > .container { max-width: 940px; }
	.container-footer { max-width: 100%; }
    .span16.span16-aligne { padding-left:0; }
    .span16 { width: 940px; max-width: 940px; }
    .span12 { margin-left:20px; }
    .span8.metiers { max-width: none; }
    .span5 { width: 280px; }

    .span4, .span4.span-mid { width: 220px; }

    .span3 { max-width: 160px; }
/*    .span2 { max-width: 140px; }
    .span1 { max-width: 60px; }
*/
    .aside.span6 {
        clear:none;
        width: 340px;
    }

    #jobs-search label.span4 { width:210px; }
	
	#jobs_carte #jobs-search.span {
        width:940px;
    }
	#jobs_carte #jobs-search div.multiselect {
        margin-right:5px;
		width: 220px;
    }

    .span_moteur {
        width: 220px;
    }
    .span_moteur input, .span_moteur select {
        margin-right: 0px;
    }
    .aside.span_moteur {
        margin-left:0px;
    }

    #dernieres-offres.span {
        padding-left: 0px;
    }
    #dernieres-offres.span .span4 {
        max-width: 210px;
    }

    #dernieres-offres.span section {
        max-width: 425px;
    }
    #dernieres-offres .two-col-home  {
        max-width: 200px;
    }
    section.two-cols-home {
        column-width: 200px;
    }
    div.two-col-home p {
         width: 200px;
     }
    .activites_detail {
        width:640px;
        margin-left: 80px;
    }
	
	div.span4.footer-first-col {
		width: 220px;
	}

    input.reqmoteur_actus {
        width: 283px;
    }

    #liens .article , #public .article { min-height: 500px; }

    .aside.span6, aside .span6, .article.span10, #article aside .span6 {
        float:left;
        margin-left:20px;
        margin-right:0;

    }

    #jobs_liste aside,
    #annonces_liste aside,
    #agenda_liste aside,
    #annonces_detail aside,
    #agenda_detail aside  {
        float:left;
        width:220px;
    }

    aside  {
        float:left;
        width:220px;
    }

    #jobs_liste aside [class*="span"],
    #annonces_liste aside [class*="span"],
    #agenda_liste aside [class*="span"],
    #annonces_detail aside [class*="span"],
    #agenda_detail aside [class*="span"] {
        float:none;
    }

    aside [class*="span"] {
        float:none;
    }

    .nav-annonceur .nav-tabs > li a {
        padding-right: 15px;
        padding-left: 15px; }
    .nav-tabs-subnav li, .nav-tabs-subnav-annonce li { margin-right: 22px; }

    .visible-medium {
        display:block;
    }
    .hidden-medium {
        display:none;
    }

    #jobs_detail #jobs-search.span, #jobs_liste #jobs-search.span {
        width: 220px;
    }

    .datepicker.dpagenda a.tooltip span
    {
        left: 0;
        width: 200px;
        margin-left: -185px;
    }

    .datepicker.dpagenda .tooltip span:before,
    .datepicker.dpagenda .tooltip span:after
    {
        left: 87%;
    }

    #associations aside {
        float:left;
        width:220px;
    }

    section.three-cols-16 {
        -webkit-column-count:3; /* Opera, Safari, Google Chrome */
        -moz-column-count: 3; /* Firefox */
        column-count: 3; /* Internet Explorer */
    }

    .three-cols-16 div.three-col {
        width:300px;
    }

    .multiselect {
		max-height:145px;
    }


    /* menu haut de page */

    #header-home ul#header-menu li {
        line-height: 25px;
    }
    #header-menu a /* Contenu des listes */
    {
        padding : 5px 10px;  /* aucune marge intérieure */
    }

    #header-home ul#header-menu {
        margin: 37px 0 0 0;
    }

    #header-home ul li#connection-block {
        margin-left:-298px;
    }
	
    .footer-group {
        -moz-column-count: 4; 
        -webkit-column-count: 4;
        column-count: 4;

    }

}

@media (min-width: 980px) and (max-width: 1200px) {
    .div_un_site_anm{
        width: 200px;
        margin-top: 10px;
    }
    .div_connect{
        width: 550px;
        padding-right: 25px;
    }
    .div_connect_infos{
        float:left;
        display: block;
        width: 270px;
    }
    .div_connect_bonjour {
        float:left;
        display: block;
        margin: 13px 0 0 0;
        width: 260px;
        height: 21px;
        overflow: hidden;
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width:1200px) {

    .span8 { width: 460px; }

    body .offset2 {
        margin-left: 180px;
    }

    body .row {
        margin-left: -20px;
    }

    #header-home ul li,
    #header-home ul li a.btn-compte {
        /*font-size: 1.6vw;*/
        font-size: 23px;
    }
    #header-home ul.mon_compte_ul li a.btn-compte {
        font-family: 'OswaldBook';
        font-size: 15px;
    }

    #header-home ul li a.btn-compte {
        width: 105px;
    }

    #header-home ul#header-menu li a.btn-compte.moncompte-connected {
        padding-left:20px;
    }


    [class*="span"], .controls-row [class*="span"] + [class*="span"] {
        margin-left: 20px;
    }

    .visible-medium {
        display:none;
    }
    .hidden-medium {
        display:block;
    }
	
    #header-home ul#header-menu li a.btn-compte {
        padding:15px 15px;
        margin-top:-10px;
    }


    #header-home ul li#connection-block {
        margin-left:-265px;
    }

    .div_un_site_anm {
        margin-left:30px;
    }
    .div_connect {
        width: 670px;
    }
    .div_connect_infos, .div_connect_bonjour {
        float:left;
        display: block;
        margin: 13px 0 0 0;
    }

}

@media (min-width: 1600px) {

    #header-home #logo {
        position: relative;
        left:0px;
    }
    #header-home ul#liste-menu {
        text-align: right;
        margin-right: 0px;
    }

	#footer .container-footer .container {
        width:940px;
    }
	
   /* #header-home ul li, #header-home ul li a.btn-compte {font-size: 1.4vw;}*/


}


/* jobs */

#jobs_carte ul.unstyled {
    margin-bottom: 0;
}
#alpha ul.accordion.unstyled > li > a {
    text-indent: -15px;
    margin-left:10px;
}
#alpha ul.accordion.unstyled > li > h5 {
    text-indent: -17px;
    margin-left:22px;
}
#alpha h5.blue i.icon-blue {
    margin-top:-4px;
}
.activites_detail {
    display:block;
    float:left;
}
.logo-phone {
    display:block;
    margin: 5 auto 5 auto;
}


#cadre_carte {
    text-align:center;
    position : relative;
}
#fiche #div_ggmap {
    position: relative; height: 350px; max-width: 450px;
}
#map_canvas {
    border:#ccc 1px solid;
    margin:auto;
    width:auto;
    max-width:450px;
    height: 350px;
}
#map_canvas a {
    display:none;
}
#map_canvas span {
    font-size:9px;
}
#map_canvas div { margin:0;}

#social_buttons .span1 { float:left; width: 60px; }
#social_buttons .span2 { float:left; width: 140px; }



span.title2 small { font-size: 18px;  } /* h2 small dans bootstrap.css */
h3 small a, span.title3 small a { font-size: 14px; /*a*/ }
span.title4 small, h2.title4 small, h1 small.h1 { font-size: 14px;  }

#content .row .header span.title4.theme {
    font-size: 14px;
    margin: 0;
    text-transform: uppercase;
    color: #01469c;
}



blockquote p, blockquote ul, blockquote ol { margin-bottom: 9px; font-size: 14px;  line-height: 20px; } /*font-size: 15px; line-height: 21px;*/
blockquote small { font-size: 14px; /*a*/ }
blockquote small:before { color: #0d8a2d; }
blockquote cite { color: #0d8a2d; }

.asbl blockquote cite { color: #eb7e09; }
.asbl blockquote small:before { color: #eb7e09; }

/*iframe { width: 100%; height: 220px; border: 0; }*/
iframe { width: 100%; border: 0; }
#fiche iframe { width:450px; } /* embed place on activity fiche */

form h4, form span.title4 { margin-bottom: 18px; }
form hr { margin-top: 9px; }

a, a:hover { color: #0d8a2d; }
a.asbl, a.asbl:hover { color: #eb7e09; }

a.no_color { color: inherit; }

/*div.alert-info a, div.alert-info a:hover { color: #3A87AD; }*/
div.alert-info a { text-decoration: underline; }
div.alert-info a.btn { text-decoration: none; }
div.alert-info a:hover { text-decoration: none; } /**/
/*a h3 { text-decoration: none; }*/
div.alert-secondary {
    color:#000;
    background-color:#d2d6de;
    border-color:#b5bbc8;
}
alert.secondary h4 {
    color:#000;
}

.span3 a h4, .span3 a span.title4 {font-size: 14px; /*a*/}

/*Bootstrap*/
.offset05 { margin-left: 50px; }
select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: #0d8a2d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #0d8a2d; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #0d8a2d; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #0d8a2d; outline: 0; }
.asbl select:focus, .asbl .asbl textarea:focus, .asbl input[type="text"]:focus, .asbl input[type="password"]:focus, .asbl input[type="datetime"]:focus, .asbl input[type="datetime-local"]:focus, .asbl input[type="date"]:focus, .asbl input[type="month"]:focus, .asbl input[type="time"]:focus, .asbl input[type="week"]:focus, .asbl input[type="number"]:focus, .asbl input[type="email"]:focus, .asbl input[type="url"]:focus, .asbl input[type="search"]:focus, .asbl input[type="tel"]:focus, .asbl input[type="color"]:focus, .asbl .uneditable-input:focus { border-color: #eb7e09; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #eb7e09; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #eb7e09; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #eb7e09; outline: 0; }
[class^="icon-"], [class*=" icon-"] { vertical-align: middle; }
.icon-green, .nav-tabs > .active > a > [class^="icon-"], .nav-tabs > .active > a > [class*=" icon-"], .nav-pills > .active > a > [class^="icon-"], .nav-pills > .active > a > [class*=" icon-"], .nav-list > .active > a > [class^="icon-"], .nav-list > .active > a > [class*=" icon-"], .navbar-inverse .nav > .active > a > [class^="icon-"], .navbar-inverse .nav > .active > a > [class*=" icon-"], .dropdown-menu > li > a:hover > [class^="icon-"], .dropdown-menu > li > a:hover > [class*=" icon-"], .dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"] { background-image: url("/css/bootstrap/img/glyphicons-halflings-green.png"); }
.icon-blue, .nav-tabs > .active > a > [class^="icon-"], .nav-tabs > .active > a > [class*=" icon-"], .nav-pills > .active > a > [class^="icon-"], .nav-pills > .active > a > [class*=" icon-"], .nav-list > .active > a > [class^="icon-"], .nav-list > .active > a > [class*=" icon-"], .navbar-inverse .nav > .active > a > [class^="icon-"], .navbar-inverse .nav > .active > a > [class*=" icon-"], .dropdown-menu > li > a:hover > [class^="icon-"], .dropdown-menu > li > a:hover > [class*=" icon-"], .dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"] { background-image: url("/css/bootstrap/img/glyphicons-halflings-blue.png"); }
.icon-orange, .nav-tabs > .active > a > [class^="icon-"], .nav-tabs > .active > a > [class*=" icon-"], .nav-pills > .active > a > [class^="icon-"], .nav-pills > .active > a > [class*=" icon-"], .nav-list > .active > a > [class^="icon-"], .nav-list > .active > a > [class*=" icon-"], .navbar-inverse .nav > .active > a > [class^="icon-"], .navbar-inverse .nav > .active > a > [class*=" icon-"], .dropdown-menu > li > a:hover > [class^="icon-"], .dropdown-menu > li > a:hover > [class*=" icon-"], .dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"] { background-image: url("/css/bootstrap/img/glyphicons-halflings-orange.png"); }
.icon-red, .nav-tabs > .active > a > [class^="icon-"], .nav-tabs > .active > a > [class*=" icon-"], .nav-pills > .active > a > [class^="icon-"], .nav-pills > .active > a > [class*=" icon-"], .nav-list > .active > a > [class^="icon-"], .nav-list > .active > a > [class*=" icon-"], .navbar-inverse .nav > .active > a > [class^="icon-"], .navbar-inverse .nav > .active > a > [class*=" icon-"], .dropdown-menu > li > a:hover > [class^="icon-"], .dropdown-menu > li > a:hover > [class*=" icon-"], .dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"] { background-image: url("/css/bootstrap/img/glyphicons-halflings-red.png"); }
.nav-tabs > li > a, .nav-pills > li > a {
    padding-right: 10px;
    padding-left: 10px;
}



.row #minisite { margin-bottom:20px;}
.fiche-minisite {
    background: #fff none repeat scroll 0 0; border: 1px solid #dbdcdd; display: block; line-height: 16px; overflow: hidden; padding: 10px; text-align: center; max-width:192px; margin-bottom:10px;}

.img-fiche { height:100px; margin:15px 0; display:block}

.fiche-minisite .title4 { font-size:16px; height:40px; overflow:hidden; }
.fiche-minisite .title4 a{ color:#0255a3}
.fiche-minisite em { font-size:14px; }
.fiche-minisite .btn-minisite { background-color:#0255a3; padding:5px 20px; margin:10px 20px;}
.fiche-minisite .btn-minisite a { color:#ffffff; }
.tous-minisite { background-color:#1d9149; padding:5px 20px; margin:10px auto; text-align:center; width:200px; font-size:15px}
.tous-minisite  a { color:#ffffff; }



/*topahead*/
.dropdown-menu .active > a, .dropdown-menu .active > a:hover, .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
    background-color: #0d8a2d;
    background-image: linear-gradient(to bottom, #0d8a2d, #067322);
    background: #0d8a2d;
}


.round { width: 100px; height: 64px; padding-top: 33px; text-align: center; color: #fff; background: #01469c; border-radius: 50px; /*box-shadow: 0px 2px 4px rgba(0, 0, 0, .3);*/ }
.round strong { display: block; font-size: 24px; }

.logos { text-align: center; }
.logos li { margin-bottom: 9px; }
.logos li img { width: 125px; }

.logo {
    display: block;
    height: 78px;
    line-height: 78px;
    padding: 10px;
    border: 1px solid #dbdcdd;
    background: #fff;
    text-align: center;
    overflow: hidden; }
.logo img { 
	max-height: 72px; 
	width:auto;
	}
.p5, .logo.p5 {
    padding:5px;
}
.logo.logo-large { height: 198px; line-height: 198px; }
.logo.logo-large img { max-height: 198px; }


.logos a {
    height:95px;
    line-height:95px;
    text-align:center; /* centrage horizontal d'un �l�ment en-ligne */ }
.logos img {
    vertical-align:middle;
}
div.image span.logo {
    height:66px;
    line-height:63px;
    text-align:center; /* centrage horizontal d'un �l�ment en-ligne */ }
span.logo img {
    vertical-align:middle;
}

.photos { display: block; height: 100px; overflow: hidden; }
.photo { display: block; height: 100px; margin-bottom: 6px; background: #f5f5f5; border-radius: 5px; overflow: hidden; }

.gallery strong a, .gallery h2.title4 a  { display: block; height: 18px; overflow: hidden; /*white-space: nowrap; */ text-overflow: ellipsis; }
.gallery h2.title4 { margin: 0; font-size: 14px; /*a*/ line-height: 18px; }
.gallery div { margin-bottom: 5px; }

.gallery--associations { display: flex; flex-wrap: wrap; }
.gallery--associations .float{ float: none; }

.header *, .header span.title3 { margin-top: 3px; margin-bottom: 0; }

/* Thierry */
.lighterBgGreen {background-color: #DCE7C5;}
.table-striped tbody tr:nth-child(odd) th.lighterBgGreen {background-color:#DCE7C5; color:#666;}

/*.photo.asbl { height: 82px; width:82px; }

.localite {color:#666;}
.gallery.centresServices strong a { display: block; height: auto; margin-bottom: 3px; overflow: hidden; white-space:inherit; text-overflow:inherit; }

h4.tarifs {font-size: 24px;}*/



/*Header*/
#header .banner { width: 980px; height: 125px; overflow: hidden; }
.accueil #header .banner { width: 996px; height: 125px; padding-left:16px; overflow: hidden; }
#header .banner div { width: 1280px;  } /* margin-left:30px;*/
.accueil #header .banner div { margin-left:-16px; }
#header .banner img { display: block; height: 125px; float: left; }

#header .content { margin-top: -125px; }

#header .content h1 { height: 166px; margin-top: -61px; box-shadow: 0px 2px 4px rgba(0, 0, 0, .3); font-size: 0; }
#header .content h1 a { display: block; height: 166px; text-indent: -9999px; background: #fff url(/images/site/logo-guide-social-pro.png) no-repeat center top; }

#header .content p, #header .content form { margin-top: 77px; }
#header .content p a { display: block; }






/*Content*/

.article { margin-bottom: 20px; }
.aside {  }


.accueil .container, .accueil .navbar-static-top .container , .accueil .navbar-fixed-top .container , .accueil .navbar-fixed-bottom .container {width:972px;}
.accueil .aside.span4 {width:250px;}


/*Items*/
.items { list-style: none; margin-left: 0; }
.items li { margin-bottom: 18px; }

.items > li > a, .items > li > .text > a { display: block; text-decoration: none; }
.items li h3 a, .items li .title3 a  { color: inherit; }

.items li .image { margin-bottom: 9px; max-height: 230px; overflow: hidden; } /* background: #fff; */

.items li .header { margin-bottom: 9px; }
.items li .header * { margin-top: 0; margin-bottom: 0; }
.items li .header h3, .items li .header span.title3 { font-size: 18px;  }
.items li .header h4, .items li .header .title4 { font-size: 16px;  }
.items li .header p { color: #333; }
.items li .content p { color: #333; }

.items li .date * { margin-top: 0; margin-bottom: 0; }
.items li .date h3,.items li .date span.title3 { border-top: 1px solid #01469c; line-height: .8em; }
.items li .date h3 span, .items li .date .title3 span { display: block; }
.items li .date h3 span.day, .items li .date .title3 span.day { font-size: 9px; }
.items li .date h3 span.month, .items li .date .title3 span.month { font-size: 18px;  }

.items.mes-annonces li .header .misenavant h6{
    color: #01469c;
    font-weight: bold;
    margin-top: 5px;
}
.items.mes-annonces li .header .misenavant ul {
    list-style: none;
    margin-left: 0;
}
.items.mes-annonces li .header .misenavant li {
    position: relative;
    padding-left: 15px;
}
.items.mes-annonces li .header .misenavant li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 7px;
    width: 7px;
    height: 7px;
    background: #000;
    border-radius: 50%;
}

/*Item*/
.item .image { margin-bottom: 18px; }
.logo_article { margin-top: 10px; margin-bottom: 10px; }
.item > .header { margin-bottom: 18px; }
.item .header * { margin-top: 0; margin-bottom: 0; }
/*.item .content.content-main p,
.item .content.content-main ul,
.item .content.content-main ol { font-size: 14px;  line-height: 20px; } */ /*font-size: 14px; line-height: 21px;*/

/*Breadcrumb*/
.breadcrumb { margin-bottom: 15px; padding: 0; background: none; }
.breadcrumb a { color: #01469c; }
.breadcrumb .divider { padding: 0 2px 0; }
.breadcrumb .active { color: #333; }

/*Pagination & Back*/
.pagination, .back, .steps { height: auto; }
.pagination.pagination-top, .back.back-top, .steps.steps-top { margin-top: 0; margin-bottom: 24px; }
.pagination.pagination-bottom, .back.back-bottom, .steps.steps-bottom { margin-top: 24px; margin-bottom: 0; }
.pagination a, .back a, .steps a { color: #999; }
.pagination a:hover, .back a:hover, .steps a:hover { color: #333; }
.pagination .active, .steps .active { color: #01469c; }
.pagination { font-size: 16px;  line-height: 22px; }


/*Inserts*/
.insert { margin-left:-1px; margin-right:-1px; margin-bottom: 20px; background: #fff; position: relative; border: 1px solid #dbdcdd; background: #f5f5f5; } /*  box-shadow: 0px 2px 4px rgba(0, 0, 0, .3); border-color: white #dbdcdd  #dbdcdd white;*/
.insert .header { /*min-height: 38px; */ padding: 10px; border-bottom: 1px solid #dbdcdd; }
/*.insert .header.low-bottom { padding-bottom: 0px; }*/
.insert.insert-inverse2 .header { min-height: 20px; padding: 10px; border-bottom: 1px solid #dbdcdd; }
.insert .header * { margin-top: 0; }
.insert .header h3,.insert .header .title3 { margin: 0; text-transform: uppercase; font-size: 17px; }
.insert .header h3 small, .insert .header .title3 small { text-transform: none; }
.insert .content { padding: 15px 10px 15px; }
.insert .content.content-left { padding-left: 20px; padding-right: 20px; }
.insert .content.content-center { padding-left: 0; padding-right: 20px; }
.insert .content.content-right { padding-left: 0; padding-right: 20px; }
.insert .content.content-bordered { border-right: 1px solid #dbdcdd; }
.insert .content.content-row { padding-left: 0; padding-right: 0; }
.insert .content * { margin-top: 0; }
.insert .content h3, .insert .content span.title3 { font-size: 15px;  }
.insert .content h4, .insert .content span.title4 { color: #0d8a2d; }
.insert .content h4.orange, .insert .content .title4 .orange { color: #eb7e09; }
.insert .content ul h4,.insert .content ul span.title4 { font-size: 14px; /*a*/ }
.insert .content h5, .insert .content span.title5 { margin-top: -9px; font-size: 11px; font-weight: bold; }
.insert .content h6,.insert .content span.title6 { font-size: 10px; }
.insert .content p { margin-bottom: 6px; }
.insert .content a { display: block; }
.insert .content a.inline { display: inline; }
.insert .content li a.active { font-weight: bold; }
.insert .content li.active a { font-weight: bold; }
.insert .content a.btn { display: inline-block; }
.insert .content a p { color: #333; }
.insert .content hr { margin-bottom: 9px; }
.insert .content ul.divided { margin-top: -5px; }
.insert .content ul.divided li { padding: 3px 0; border-bottom: 1px solid #dbdcdd; }
.insert .content ul.divided li:last-child { border-bottom: 0; }
.insert .content ul.spaced li { margin-bottom: 6px; }
.insert .content ul.bubbled li { margin-bottom: 5px; }
.insert .content ul.bubbled li a { display: block; padding: 5px 10px; line-height: 15px; color: #333; background: #fff; border-radius: 5px; }
.insert .content ul.bubbled li:nth-child(2n) a { background: #bee5f8; }
.insert .content ul.bubbled li:after { content: ''; display: block; width: 0; margin-left: 10px; border-top: 10px solid #fff; border-right: 10px solid transparent; }
.insert .content ul.bubbled li:nth-child(2n):after { border-top: 10px solid #bee5f8; }

.insert .content.low-bottom { padding: 15px 10px 5px 10px; }
form.low-bottom { margin-bottom: 0px; }

.insert.insert-fixed-dossiers-hp .content ul.divided li { margin-bottom:12px; }


.insert.insert-blue{ background: #01469c; border-bottom: 1px solid #fff; color:#fff; } /* bleu foncé */
/*.insert.insert-blue{ background: #0088cc; border-bottom: 1px solid #fff; color:#fff; } /* bleu url externe */
/*.insert.insert-blue{ background: #2980B9; border-bottom: 1px solid #fff; color:#fff; } /* bleu smiley  */
.insert.insert-blue a{ color: #fff; }
.insert.insert-blue a:hover,.insert.insert-blue a:active { text-decoration:underline; color: #fff; }
.insert.insert-blue .content a {
    display: inline;
}

.insert.insert-inverse { background: #0d8a2d; }
.insert.insert-inverse .header { background: #01469c; border-bottom: 1px solid #fff; }

.insert.insert-inverse .header h3,
.insert.insert-inverse .header .title3,
.insert.insert-inverse2 .header h3,
.insert.insert-inverse2 .header .title3,
.insert.insert-inverse-bw  .header h3,
.insert.insert-inverse-bw  .header .title3
{ color: #fff; }

.insert.insert-inverse .header a { color: #fff; text-decoration: underline; }
.insert.insert-inverse .header a:hover { color: #fff; }
.insert.insert-inverse .content h4, .insert.insert-inverse .content span.title4 { color: #81c3e5; }
.insert.insert-inverse .content p, .insert.insert-inverse .content ul { color: #fff; }
.insert.insert-inverse .content a { color: #fff; }
.insert.insert-inverse2 { background: #EEE; }
.insert.insert-inverse2 .header { background: #01469c; border-bottom: 1px solid #fff; }
.insert.insert-inverse-bw { background: white; }
.insert.insert-inverse-bw .header {
    background: #01469c;
    border-bottom: 1px solid #fff;
    min-height: 20px;
}
.insert.insert-inverse-bw {
    height: 188px;
}
.insert.insert-inverse-bw .content {
    height:96px;
    overflow: hidden;
}

.insert.bglue {
    background: #f5f5f5;
}
.insert.insert-forum { background-color:#B7C3C9 }



.insert.insert-nav-tabs { margin-top: -24px; }

.aside .insert input, .aside .insert textarea { width: 186px; }
.aside .insert select { width: 200px; }
.aside .insert input.btn { width: auto; }
.aside .insert input[type='checkbox'] { width: 20px; }

.insert .nav-list { padding-left: 5px; padding-right: 5px; }
.insert .nav-list li { list-style: none; }
.insert .nav-list li a { font-size: 10px; text-transform: uppercase; }
.insert .nav-list li ul { margin-left: 18px; }
.insert .nav-list li ul li a { font-size: 14px; /*a*/ font-weight: bold; text-transform: none; color: #333; }
.insert .nav-list li ul li.active a { color: #0d8a2d; }
.insert .nav-list li ul li ul li a, .insert .nav-list li ul li.active ul li a { font-weight: normal; color: #666; }
.insert .nav-list li ul li ul li.active a { color: #0d8a2d; }

.pub { margin-bottom: 20px; background: #fff; box-shadow: 0px 2px 4px rgba(0, 0, 0, .3); }
.accueil .pub, body.hp .pub { margin-bottom: 10px;  width: 250px; } /*height: 250px;*/

/*Call to action*/
/*.call-to-action .header { margin-bottom: 9px; } */
.call-to-action .header * { margin-top: 0; }
.call-to-action .header h3, .call-to-action .header .title3 { margin: 0; text-transform: uppercase; font-size: 17px; }
.call-to-action .header h4, .call-to-action .header .title4 { font-size: 15px;  color: #0d8a2d; }
.call-to-action .content * { margin-top: 0; }
.call-to-action .content h3, .call-to-action .content .title3 { font-size: 15px;  }
.call-to-action .content h5, .call-to-action .content .title5 { margin-top: -9px; font-size: 11px; }
.call-to-action .content h6, .call-to-action .content .title6 { font-size: 10px; }
.call-to-action .content p { margin-bottom: 6px; }
.call-to-action.span4 { width:222px; margin-right: -2px;}

/*align center pour page formule assoc td (fabrice) */ 
tr.formule td{text-align:center; height:20px;}
tr.formule th{text-align:center; height:20px;}
tr.formule td.left{text-align:left; height:20px;}
tr.formule th.left{text-align:left; height:20px;}

table.bas{border-bottom:0px; padding-bottom:2px; margin-bottom: 0px;}
div#col1 {float: left; width 200px; border: 1px solid black;}
div#col2 {float: left; width 50px; margin-left: 5px; border: 1px solid black;}
div#col3 {float: left; width 50px;margin-left: 5px; border: 1px solid black;}
div#col4 {float: left; width 50px;margin-left: 5px; border: 1px solid black;}

.tbl{
	width: 630px;
	border: 1px solid #000;
}
.tbl tr{background-color:#FFFFFF;}
.tbl tr.hov:hover{background-color:#EFEFEF;}
.tbl th{border: 1px solid #F4F4F4;}
.tbl th.tarif{
	border-bottom: 2px solid #F4F4F4;
	text-align:left;
}

.tbl td{
	padding : 2px 0px 2px 5px; 
	spacing: 0px;
	border-top: 1px solid #F4F4F4;
	border-bottom:0px;
/*	border-right: 1px solid #000;*/
}
	
.tbl td.droite{
    width:70px;
}
.tbl td.extDroite{
	border-right:none;
}
.tbl td.droiteDyn{
	width:120px;
	border-right:none;
}
.tbl td.prix{
	background-color:#FAFFF4;
	/*font-weight: bold;*/
	padding-top:7px;
}
.tbl td.hpx{
	height: 10px;
	padding-top: 7px;
	padding-bottom:7px;
}

.tbl td.tarifs{
	font-weight: bold;
	font-size: 16px;
	text-align: left;
	padding-left:5px;
}
.tbl td.tarifsDyn{
	font-weight: bold;
	font-size: 16px;
	text-align: left;
	padding-top:7px;
	padding-left:5px;
	background-color:#FAFFF4;
}

.tbl th.cotisationDyn{
	color: red;
	padding-top: 12px;
	font-size: 22px;
	padding-left: 20px;
	text-align:center;
	border-bottom-color: #000;
}
.tbl th.cotisation{
	color: red;
	padding-top: 25px;
	font-size: 20px;
	padding-left: 20px;
	text-align:center;
	width:375px;
}


.tbl th.collabo{
	border-top-color: black;
	border-bottom-color: black;
/*	border-left-color:black;*/
	background-color:#FAFFF4;
}
.tbl th.commande{
	width:400px;
}

.tbl td.btn_commande{
	padding-top: 12px;
	font-size: 14px;
	background-color: #51C142;
	color: #FFF;
	border-left-color: black;
}
.tbl td.btn_commande:hover{
	background-color:#087E16;
	color: #FFF;
	
}
.tbl td.btn_commande:active{
	background-color:#0EED1C;
	color: #000;
	
}
.tbl td.nbre{
	font-weight: bold;
}
.tbl .souligne{
	text-decoration: underline;
}
.tbl .bold{
	font-weight: bold;
}
/* /fin fabrice */

/*  Charles */
.photo-une{
	width:150px;
	float:left;
	}
	
.txt-une{
	width:160px;
	float:left;
	}
.txt-deux {
    width:310px;
    float:left;
    margin-bottom:10px;
}
.insert .content .txt-deux {
    margin-top:5px;
}

.txt-une h3, .txt-une span.title3 {
	color:#0D8A2D;
}

.span2 a p {
	font-size:11px;}

.span8 {
    margin-bottom: 10px;
}



#bar .row #hp_social {
    float: left;
    width: 460px;
    margin-left: 0px;
}
#bar .row #hp_rubs {
    float: left;
    width: 460px;
    margin-left: 40px;
}

#header .content span.logo_site {
    float: left;
    width: 280px;
    margin-left: 210px;
}


#header .content .logo_site a {
    background: url("/images/site/logo-guide-social-pro.png") no-repeat scroll center top #fff;
    display: block;
    height: 166px;
    text-indent: -9999px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    font-size: 0;
    margin-top: -61px;
}


/*
.offset3 {
    margin-left: 220px;
}
.offset0 {
    margin-left: 0px;
}
*/
.aside .insert #ajaxSondage input {
	width:30px;
    margin: 0 0 4px 0;
}
.aside .insert #ajaxSondage label {
margin: 3px 0;
}
#sondage p, #sondage a:hover, #sondage td  { color:#666; text-decoration:none;}

#sondage table  { margin-bottom:10px;}

.ml-10 { margin-left: -10px; }
.ml-20 { margin-left: -20px; }
.ml0 { margin-left:0px; }
.ml5 { margin-left:5px; }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px; }
.ml20 { margin-left:20px; }
.mr0 { margin-right:0px; }
.mr10 { margin-right:10px; }
.mr20 { margin-right:20px; }
.mr30 { margin-right:30px; }

input[type="radio"].mb5, input[type="checkbox"].mb5
 { margin-bottom:5px; }
.mt0, .navbar .btn .mt0 { margin-top:0px; }
.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.mb0 { margin-bottom: 0px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }

.pb0 { padding-bottom:0px; }
.pb10 { padding-bottom:10px; }
.pt5 { padding-top:5px; }

.alert-block > ol { margin-bottom: 0px; }
.span4-4 {
    width: 155px;
    height:280px;
}

.span5-6 {
    width: 330px;
    height:155px;
}

.span3-4 h4, .span3-4 .title4, .span4-4 .title4, .txt-une .title4 {
	font-size:13px;
	}
	


.insert .content h5, .insert .content span.title5 {
    font-size: 11px;
    font-weight: bold;
    margin-top: -9px;
}
.insert .content .txt-deux span.title5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.span-panel {
    width: 120px;
	}

/*  MENU PANEL */

#panels-dnd-main #nav, #panels-dnd-main .hot-topics {
    display: inline;
    float: left;
    margin-left: 9px;
    width: 900px;
}
div[role="main"] {
    position: relative;
    z-index: 0;
}
#panels-dnd-main div[role="main"] #main-content {
    display: inline;
    float: left;
    margin-left: 9px;
    width: 572px;
}
#panels-dnd-main div[role="main"] #main-content .main-top {
    display: inline;
    float: left;
    margin-left: 9px;
    width: 562px;
}
#panels-dnd-main div[role="main"] #main-content .main-left {
    display: inline;
    float: left;
    margin-left: 9px;
    width: 366px;
}
#panels-dnd-main div[role="main"] #main-content .main-right {
    display: inline;
    float: left;
    margin-left: 9px;
    width: 187px;
}
#panels-dnd-main div[role="main"] #sub-content .sub-left {
    display: inline;
    float: left;
    margin-left: 9px;
    width: 269px;
}
#panels-dnd-main div[role="main"] #sub-content .sub-right {
    display: inline;
    float: left;
    margin-left: 9px;
    width: 122px;
}
#panels-dnd-main div[role="main"] .bottom-content, #panels-dnd-main div[role="main"] .block-content {
    display: inline;
    float: left;
    margin-left: 9px;
    width: 900px;
}
#messages {
    border: 2px solid #9D261D;
    margin-bottom: 18px;
}
#messages #tabs-wrapper {
    background: none repeat scroll 0 0 #FCF1F0;
    overflow: hidden;
    padding: 5px;
}
#messages #tabs-wrapper ul.primary {
    border: 0 none;
    clear: both;
    margin: 0;
    padding: 0;
    white-space: inherit;
}
#messages #tabs-wrapper ul.primary li {
    display: inline;
    float: left;
}
#messages #tabs-wrapper ul.primary li a {
    border: 0 none;
    display: inline-block;
    line-height: 1;
    padding: 5px 9px;
}
#messages #tabs-wrapper ul.primary li a:hover {
    background: none repeat scroll 0 0 #9D261D;
    color: #E06359;
}
#messages #tabs-wrapper ul.primary li a.active {
    background: none repeat scroll 0 0 #FFFFFF;
}




/* sondages */

#sondage .title3 {font-family: 'OswaldBook'; font-size:2em; text-transform:uppercase; color:#1d9149}

#sondage{
	height:100%;}

#sondage.content{
	display:block;
	padding:0 10px;}

.tout-sondage {
    display:block;
    float:right;
    width:80%;
    text-align:center;
    margin-top: -43px;
}


input.span3, textarea.span3, .uneditable-input.span3{
	width:160px;}

/*.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container{
	width:972px;} */



td.align-right, th.align-right {
    text-align: right;
}

td.tot_cmd {
    width:80px;
}



.bordered {
    border: 1px solid #d3d3d3;
}

/* homepage */

#alaune .span8 {
    width: 500px;
}
#alaune .content {
    padding: 0px 2px;
    margin-top:15px;
    height:696px;
}

#alaune.echos .content {
    height:500px;
}
.span2-3 {
    width: 146px;
}

.span3-4 {
    width: 140px;
    height: 275px;
    /*margin-bottom: 15px;*/
}
.span3-4.echos {
    height: 245px;
}
.span3-4 .content-actu{
    height: 250px;
    /*line-height: 15px; */
    overflow: hidden;
}
.span3-4.echos .content-actu{
    line-height: 16px;
    height: 245px;
}


body.hp input#reqmoteur {
    width: 190px;
}
.accueil input#newsletter {
    width: 170px;
}
.accueil form.form_newsletter {
    margin: 0;
}


.insert.insert-forum .header { height: 40px; background: #01469c url(/images/site/bg-forum-accueil.jpg) no-repeat center top; }

.bloc_guide_faxinfo .header { margin-bottom:25px; }



body.hp .insert { margin-bottom: 10px; }

body.hp [class*="span"] .ml10 {
    margin-left: 10px;
}

.insert.insert-fixed-ostage, .insert.insert-fixed-dstage { height: 262px; }
.insert.insert-fixed-ostage .content { height: 128px; overflow: hidden; }
.insert.insert-fixed-dstage .content { height: 97px; overflow: hidden; }

.insert.insert-fixed2 { height: 534px; }
.insert.insert-fixed2 .content { height: 343px; overflow: hidden; }


.insert .content.news-hp {
    padding-bottom:5px;
}
.content.news-hp .title4 {
    font-size: 16px;
    margin-bottom: 12px;
}
body.hp .form-inline {
    margin-bottom:10px;
}

body.hp .span12.w680 {
    width: 680px;
}
body.hp .span6.agenda {
    width: 330px;
}
body.hp .aside.span4 {
    width: 250px;
}

body.hp .span4.ms_titre,body.hp .span4.as_label {
    width: 200px;
}



body.hp .span8.cs_carte {
    width: 440px;
}




.insert.insert-fixed-high { height: 600px; }
.insert.insert-fixed-high .content { height: 470px; overflow: hidden; }

.insert.insert-fixed-high2 { height: 818px; }
.insert.insert-fixed-high2 .content { height: 730px; overflow: hidden; }
.insert.insert-fixed-high2echos { height: 620px; }
.insert.insert-fixed-high2echos .content { height: 500px; overflow: hidden; }


.insert.insert-fixed-formations { height: 279px; }
.insert.insert-fixed-formations .content { height: 140px; overflow: hidden; padding:10px; }


.insert.insert-fixed-double { height: 1020px; }
.insert.insert-fixed-double .content { height: 870px; overflow: hidden; }

.insert.insert-fixed-flash { height: 160px; }
.insert.insert-fixed-flash .header, .insert .header.mini { min-height: 25px; }
.insert.insert-fixed-flash .content { height: 80px; overflow: hidden; }

.insert.insert-fixed-footer { height: 275px; }
.insert.insert-fixed-footer .header { min-height: 25px; }
.insert.insert-fixed-footer .content { height: 185px; overflow: hidden; }


.insert.insert-fixed-mini { height: 220px; }
.insert.insert-fixed-mini .content { height: 60px; overflow: hidden; }

.insert.insert-fixed-dossiers-hp { height: 534px; }
.insert.insert-fixed-dossiers-hp .content { height: 390px; overflow: hidden; }






#logos_une {
    height:110px;
    overflow: hidden;
}
#logos_une [class*="span"] {
    float: left;
}
#logos_une .span2 {
    width: 100px;
}
#logos_une .span3 {
    width: 160px;
}


.accueil .insert.insert-forum .header {
    background: url("/images/site/bg-forum-accueil.jpg") no-repeat scroll center center #01469C;
    height: 60px;
}
.photo { line-height: 100px; }



.grand-txt {
    font-size: 15px;
}
.nowrap {
    white-space: nowrap;
}
.gallery p em, .gallery div em {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


a.gris, .breadcrumb a.gris, .breadcrumb a.gris:hover {
    color: #999999;
}
a.bleu {
    font-weight:bold;
    color:#0085c7;
}

h4 a.noir, h4 a.noir:hover, span.title4 a.noir, span.title4 a.noir:hover {
    color: #000000;
}




.plusgrand, .item .content.content-main p.plusgrand {

}
table.table.table-bordered.table-darker,
.table.table-bordered.table-darker th,
.table.table-bordered.table-darker td
{
    border-color: #999;
}

.table.table-bordered.table-darker td.top-white {
    border-top-color: #FFF;
}
#footer .block h3.orange, #footer .block span.title3 span.orange {
    color: #EB7E09;
}
ul.ul_rapproche {
    margin-bottom: -15px;
}
/*
p.spip { font-size: 16px;
    line-height: 20px;
} */

/* asbl */
.asbl .content a, .asbl .content a:hover, .asbl a.orange-siasbl, .asbl a.orange-siasbl:hover, .asbl h3.spip, .asbl h2.spip {
    color: #EB7E09;
}
.asbl a.light, .asbl a.light:hover {
    color: #666;
}

.asbl h4  a, .asbl h4  a:hover, .asbl h4, .asbl span.title4  a, .asbl span.title4  a:hover, .asbl span.title4 {
    color:#666;
}

hr.noshade {
    height:1px;border-width:0;color:#DBDCDD;background-color:#DBDCDD;
    margin-bottom: 9px;
}

hr.thin {
    margin: 9px 0;
}
.alert-orange {
    background-color: #FFECD7;
    border-color: #FFCE9A;
    color: #CB6500; /*EB7E09*/
}
blockquote.ss_trait {
    border-left: 0px;
}
.block ul.forum li {
    text-indent: -10px;
    padding-left: 10px;
}
.bold {
    font-weight: bold;
}



.bt_voter_home{
    background: url("/images/boutons/bt_voter_home.gif") no-repeat scroll center center rgba(0, 0, 0, 0);
    border: medium none;
    cursor: pointer;
    height: 33px;
    margin: 10px 10px 0 0;
    width: 89px !important;
}
.bt_retour_sondage {
    background: url('/images/boutons/bt_retour_sondage.gif') no-repeat scroll center center rgba(0, 0, 0, 0);
    border: medium none;
    cursor: pointer;
    height: 33px;
    margin: 10px 10px 0 0;
    width: 91px !important;
}


/* Fix placeholder */
input.placeholder { font-weight: normal; color: #999; }
/* hidden */
.hiddendiv {
    display: none;
    white-space: pre-wrap;
    overflow: hidden;
    word-wrap: break-word;
	border:1px solid #bfbfbf;padding:2px 3px;width:315px;
}


/* Tableaux SPIP */
table.spip {
    margin: auto;
    margin-bottom: 1em;
    border: 1px solid;
    border-collapse: collapse;
}
table.spip caption {
    caption-side: top; /* bottom pas pris en compte par IE */
    text-align: center;
    margin: auto;
    padding: 3px;
    font-weight: bold; }
table.spip tr.row_first { background-color: #fcf4d0; }
table.spip tr.row_odd { background-color: #d0d0d0; }
table.spip tr.row_even { background-color: #f0f0f0; }
table.spip th, table.spip td { font-size: 15px;  padding: 3px; text-align: left; vertical-align: middle; }


/* boutons administration SPIP */

.spip-admin-float {
    top: 0;
    right: 20px;
    position: absolute;
    background-color: transparent;
    z-index: 100;
}

a.spip-admin-boutons {
    border-top: 1px solid #CECECE;
    border-bottom: 2px solid #4A4A4A;
    border-left: 1px solid #CECECE;
    border-right: 1px solid #CECECE;
    text-decoration: none;
    text-align: center;
    margin: 0;
    padding: 1px .5em;
    font-family: helvetica,arial,sans-serif;
    font-size: 10px;
    font-weight: bold;
    background-color: #FFF;
    color: #0C479D;
}

a:hover.spip-admin-boutons {
    background-color: #fc3;
    border-bottom: 2px solid #36F;
}

a:active.spip-admin-boutons {
    background-color: #CCC;
    border-bottom: 2px solid #f00;
}
h3.spip { /*, h2.spip*/
    font-size: 16px;
    color:#0D8A2D;
    font-weight:bold;
    padding-top:16px;
    padding-bottom:5px;
}
h2.spip {
font-size: 20px;
    padding-top:16px;
    padding-bottom:5px;
}

a.nonsouligne {
    text-decoration:none;
}

.w190 {
    width: 190px;
    overflow: hidden;
}


.justifier, div.justifier > p {
    text-align:justify;

}


.lh1em {
    line-height: 1em;
}


/* Tableau cotisations */

#tab-style td { text-align:center; padding:5px 10px; color:#888888; font-size:14px}

#tab-style h2 { margin:5px 0px; font-size:25px; color:#fff }
#tab-style h3 { margin:5px 0px; font-size:17px; text-transform:uppercase; color:#fff }
#tab-style .txt-left { text-align:left;}
#tab-style .paire { background-color:#EAEAEA}
#tab-style .impaire { background-color: #F7F7F7}
#tab-style .check-v {font-family: 'Architects Daughter', cursive; color:#67B91C;  font-size:16px; font-weight:bold;}
#tab-style .check-x {font-family: 'Architects Daughter', cursive; color:#E40509; font-size:16px}


#tab-style .titre-tab .prix {color:#0d8a2d; font-size:40px; line-height: 10px; margin-top: 20px; height:40px}
#tab-style .titre-tab .prix2018 {color:#0d8a2d; font-size:25px; line-height: 10px; margin-top: 20px; height:40px}

#tab-style .prix-small { font-size:13px}
#tab-style .prix-barre { text-decoration: line-through;float:left; font-size:16px; margin-left:10px;}
#tab-style .reduc { color:#EF2E32; font-size:26px; }

#tab-style .reduite{ background-color:#c6e1a2; color:#0d8a2d }
#tab-style .moyenne{background-color:#62b962; color:#fff}
#tab-style .complete {background-color:#057422; color:#fff}
#tab-style .impaire .fond-blanc { background-color:#fff;}
#tab-style .paire .fond-blanc { background-color:#f2f2f2}

@media (max-width:766px) {
    #tab-style td { padding:5px 10px; font-size: 14px; /*a*/}
    #tab-style h2 { font-size: 18px;  }
    #tab-style h3 { font-size: 15px;  }
    #tab-style .titre-tab .prix { font-size:25px;}
    #tab-style .prix-small { font-size: 14px; /*a*/}
	#header-home #logo {margin: 20px 50px 10px 10px;}
	
	
	/* nouveau stage */
	form#nouveaustage .controls-row select#id_commune {
		margin-left:140px;
	}
	form#nouveaustage .controls-row textarea#Msg {
		margin-left:140px;
	}
	
}

@media (max-width:469px) {

	/* nouveau stage */
	form#nouveaustage .controls-row select#id_commune {
		margin-left:0;
	}
	form#nouveaustage .controls-row textarea#Msg {
		margin-left:0;
	}
}
/* jobs */
#jobs_liste .image {
    max-width: 100px;
}

.img-responsive {
    display: block;
    max-width: 100%; // Set a maximum relative to the parent
height: auto;    // Scale the height according to the width, otherwise you get stretching
}


/* menu déroulant bleu */

/*
    orange foncé : c00
    orange foncé fond : cc470d
    orange : e15a1f
    orange très clair : efa585

    vert foncé : 067322
    vert + vert texte : 0d8a2d
    vert très clair : c3d994

    bleu foncé : 01469c
    bleu : 01397e
    bleu très clair : 4E9DFD
    */

#header-home #nav_rubriques
{
    width: 100%;
    position: static;
    margin: 0;

}

#nav_rubriques ul,
#nav_rubriques ol
{
    list-style: none;
    padding: 0;
    margin: 0 0 10px 0;
}

#nav_rubriques a:hover, #nav_rubriques a:focus {
    text-decoration: none;
}

#nav_rubriques > a
{
    display: none;
}

#header-home #nav_rubriques li
{
    display:inline;
    line-height: 20px;
    margin: 0;

    position: relative;
    z-index: 100;
}

#header-home #nav_rubriques li a
{
    color: #fff;
    display: block;
}
#nav_rubriques li a:active
{
    background-color: #01469c !important;
}

#nav_rubriques span:after
{
    width: 0;
    height: 0;
    border: 5px solid transparent; /* 5 */
    border-bottom: none;
    border-top-color: #4E9DFD;
    content: '';
    vertical-align: middle;
    display: inline-block;
    position: relative;
    right: -5px; /* 5 */
}

/* first level */

#nav_rubriques > ul
{
    height:40px;
    background-color: #01397e;
}
#nav_rubriques > ul > li
{
    width: 17%;
    height: 100%;
    float: left;
}
#nav_rubriques > ul > li > a
{
    height: 50%;
    font-size:19px;
    text-align: center;
    padding:10px;
}
#nav_rubriques > ul > li:not( :last-child ) > a
{
    border-right: 1px solid #01469c;
}
#nav_rubriques > ul > li:hover > a,
#nav_rubriques > ul:not( :hover ) > li.active > a
{
    background-color: #01469c;
}

/* second level */

#nav_rubriques li ul
{
    background-color: #01469c;
    display: none;
    text-align: left;
    position: absolute;
    top: 100%;
}
#nav_rubriques li:hover ul
{
    display: block;
    left: 0;
    right: 0;
}
#nav_rubriques li:not( :first-child ):hover ul
{
    left: -1px;
}
#nav_rubriques li ul a
{
    font-size:17px;
    /*font-weight: bold;*/

    border-top: 1px solid #01397e;
    padding: 10px;
}
#nav_rubriques li ul li a:hover,
#nav_rubriques li ul:not( :hover ) li.active a
{
    background-color: #01397e;
}

@media only screen and ( max-width: 767px )
{
    #header-home #nav_rubriques
    {
        position: relative;
        top: 0;
        left: 100%;
        width: 0;
        z-index: 100;
    }
    #nav_rubriques > a
    {
        width: 45px;
        height: 45px;
        text-align: left;
        text-indent: -9999px;
        background-color: #01397e;
        position: relative;
        right: 45px;
    }
    #nav_rubriques > a {
        background-image: url('//pro.guidesocial.be/images/site/menu.png');
    }
    /*
    #nav_rubriques > a:before,
    #nav_rubriques > a:after
    {
        position: absolute;
        float:right;
        border: 2px solid #fff;
        top: 35%;
        left: 25%;
        right: 25%;
        content: '';
    }*/
    #nav_rubriques > a:after
    {
        top: 60%;
    }

    #nav_rubriques:not( :target ) > a:first-of-type,
    #nav_rubriques:target > a:last-of-type
    {
        display: block;
    }


    /* first level */

    #nav_rubriques > ul
    {
        height: auto;
        display: none;
        position: absolute;
        left: -250px;
        right: 0;
        width: 250px;
    }
    #nav_rubriques:target > ul
    {
        display: block;
    }
    #nav_rubriques > ul > li
    {
        width: 100%;
        float: none;
    }
    #nav_rubriques > ul > li > a
    {
        height: auto;
        text-align: left;
        padding: 10px 15px;
    }
    #nav_rubriques > ul > li:not( :last-child ) > a
    {
        border-right: none;
        border-bottom: 1px solid #01469c;
    }


    /* second level */

    #nav_rubriques li ul
    {
        position: static;
        padding: 10px;
        padding-top: 0;
    }
	#header-home {min-height: 180px;}


}




/* NAV_ANNONCEUR */

#nav_annonceur
{
    width: 100%;
    position: static;
    margin: 0;
}

#nav_annonceur ul,
#nav_annonceur ol
{
    list-style: none;
    padding: 0;
    margin: 0 0 10px 0;
}

#nav_annonceur a:hover, #nav_annonceur a:focus {
    text-decoration: none;
}

#nav_annonceur > a
{
    display: none;
}

#nav_annonceur li
{
    position: relative;
    z-index: 99;
}
#nav_annonceur li a
{
    color: #fff;
    display: block;
}
#nav_annonceur li a:active
{
    background-color: #067322 !important;
}

#nav_annonceur span:after
{
    width: 0;
    height: 0;
    border: 0.313em solid transparent; /* 5 */
    border-bottom: none;
    border-top-color: #c3d994;
    content: '';
    vertical-align: middle;
    display: inline-block;
    position: relative;
    right: -0.313em; /* 5 */
}


/* first level */

#nav_annonceur > ul
{
    height:40px;
    background-color: #0d8a2d;
}
#nav_annonceur > ul > li
{
    width: 25%;
    height: 100%;
    float: left;
}
#nav_annonceur > ul > li > a
{
    height: 50%;
    font-size:15px;
    font-weight: normal;
    text-align: center;
    padding:10px;
}
#nav_annonceur > ul > li:not( :last-child ) > a
{
    border-right: 1px solid #067322;
}
#nav_annonceur > ul > li:hover > a,
#nav_annonceur > ul:not( :hover ) > li.active > a
{
    font-weight: bold;
    background-color: #067322;
}


/* second level */

#nav_annonceur li ul
{
    background-color: #c3d994;
    display: none;
    position: absolute;
    top: 100%;

}
#nav_annonceur li:hover ul
{
    display: block;
    left: 0;
    right: 0;
}
#nav_annonceur li:not( :first-child ):hover ul
{
    left: -1px;
}
#nav_annonceur li ul a
{
    font-size:15px;
    font-weight: normal;
    color:#067322;

    border-top: 1px solid #0d8a2d;
    padding: 10px;
}
#nav_annonceur li ul li a:hover,
#nav_annonceur li ul:not( :hover ) li.active a
{
    color:#fff;
    background-color: #0d8a2d;
}

@media only screen and ( max-width: 767px )
{
    #nav_annonceur
    {
        position: relative;
        z-index: 99;
        top: 0;
        left: 100%;
        width: 0;
    }
    #nav_annonceur > a
    {
        width: 45px;
        height: 45px;
        text-align: left;
        text-indent: -9999px;
        background-color: #0d8a2d;
        position: relative;
        right: 45px;
    }
    #nav_annonceur > a {
        background-image: url('//pro.guidesocial.be/images/site/menu.png');
    }
    /*#nav_annonceur > a:before,
    #nav_annonceur > a:after
    {
        position: absolute;
        float:right;
        border: 2px solid #fff;
        top: 35%;
        left: 25%;
        right: 25%;
        content: '';
    }*/
    #nav_annonceur > a:after
    {
        top: 60%;
    }

    #nav_annonceur:not( :target ) > a:first-of-type,
    #nav_annonceur:target > a:last-of-type
    {
        display: block;
    }


    /* first level */

    #nav_annonceur > ul
    {
        height: auto;
        display: none;
        position: absolute;
        left: -250px;
        right: 0;
        width: 250px;
    }
    #nav_annonceur:target > ul
    {
        display: block;
    }
    #nav_annonceur > ul > li
    {
        width: 100%;
        float: none;
    }
    #nav_annonceur > ul > li > a
    {
        height: auto;
        text-align: left;
        padding: 10px 15px; /* 20 (24) */
    }
    #nav_annonceur > ul > li:not( :last-child ) > a
    {
        border-right: none;
        border-bottom: 1px solid #067322;
    }


    /* second level */

    #nav_annonceur li ul
    {
        position: static;
        padding: 0 10px;
        margin:0;
    }
}




/* NAV_PROFIL */

#nav_profil
{
    width: 100%;
    position: static;
    margin: 0;
}

#nav_profil ul,
#nav_profil ol
{
    list-style: none;
    padding: 0;
    margin: 0 0 10px 0;
}

#nav_profil a:hover, #nav_profil a:focus {
    text-decoration: none;
}

#nav_profil > a
{
    display: none;
}

#nav_profil li
{
    position: relative;
    z-index: 99;
}
#nav_profil li a
{
    color: #fff;
    display: block;
}
#nav_profil li a:active
{
    background-color: #067322 !important;
}

#nav_profil span:after
{
    width: 0;
    height: 0;
    border: 0.313em solid transparent; /* 5 */
    border-bottom: none;
    border-top-color: #c3d994;
    content: '';
    vertical-align: middle;
    display: inline-block;
    position: relative;
    right: -0.313em; /* 5 */
}


/* first level */

#nav_profil > ul
{
    height:40px;
    background-color: #0d8a2d;
}
#nav_profil > ul > li
{
    width: 25%;
    height: 100%;
    float: left;
}


#nav_profil > ul > li > a
{
    height: 50%;
    font-size:15px;
    font-weight: normal;
    text-align: center;
    padding:10px;
}
#nav_profil > ul > li:not( :last-child ) > a
{
    border-right: 1px solid #067322;
}
#nav_profil > ul > li:hover > a,
#nav_profil > ul:not( :hover ) > li.active > a
{
    font-weight: bold;
    background-color: #067322;
}


/* second level */

#nav_profil li ul
{
    background-color: #c3d994;
    display: none;
    position: absolute;
    top: 100%;

}
#nav_profil li:hover ul
{
    display: block;
    left: 0;
    right: 0;
}
#nav_profil li:not( :first-child ):hover ul
{
    left: -1px;
}
#nav_profil li ul a
{
    font-size:15px;
    font-weight: normal;
    color:#067322;

    border-top: 1px solid #0d8a2d;
    padding: 10px;
}
#nav_profil li ul li a:hover,
#nav_profil li ul:not( :hover ) li.active a
{
    color:#fff;
    background-color: #0d8a2d;
}

@media only screen and ( max-width: 979px )
{
    #nav_profil
    {
        position: relative;
        z-index: 99;
        top: 0;
        left: 100%;
        width: 0;
    }
    #nav_profil > a
    {
        width: 45px;
        height: 45px;
        text-align: left;
        text-indent: -9999px;
        background-color: #0d8a2d;
        position: relative;
        right: 45px;
    }
    #nav_profil > a {
        background-image: url('//pro.guidesocial.be/images/site/menu.png');
    }
    /*#nav_profil > a:before,
    #nav_profil > a:after
    {
        position: absolute;
        float:right;
        border: 2px solid #fff;
        top: 35%;
        left: 25%;
        right: 25%;
        content: '';
    }*/
    #nav_profil > a:after
    {
        top: 60%;
    }

    #nav_profil:not( :target ) > a:first-of-type,
    #nav_profil:target > a:last-of-type
    {
        display: block;
    }


    /* first level */

    #nav_profil > ul
    {
        height: auto;
        display: none;
        position: absolute;
        left: -250px;
        right: 0;
        width: 250px;
    }
    #nav_profil:target > ul
    {
        display: block;
    }
    #nav_profil > ul > li
    {
        width: 100%;
        float: none;
    }
    #nav_profil > ul > li > a
    {
        height: auto;
        text-align: left;
        padding: 10px 15px; /* 20 (24) */
    }
    #nav_profil > ul > li:not( :last-child ) > a
    {
        border-right: none;
        border-bottom: 1px solid #067322;
    }


    /* second level */

    #nav_profil li ul
    {
        position: static;
        padding: 0 10px;
        margin:0;
    }
}




/* NAV THEMES */


#nav_themes
{
    position: static;
    margin: 0;
    width:100%;
    font-family: 'OswaldLight';
    background-color: #b7c3c9;
}

#nav_themes ul,
#nav_themes ol
{
    width: 940px;
    list-style: none;
    padding: 0;
    margin: 0 auto;
}

#nav_themes a:hover, #nav_themes a:focus {
    text-decoration: none;
}

#nav_themes > a
{
    display: none;
}

#nav_themes li
{
    font-size: 19px;
    line-height: 20px;

    position: relative;
    z-index: 99;
}
#nav_themes li a
{
    color: #fff;
    display: block;
    /*white-space: nowrap; */
}
#nav_themes li a:active
{
    background-color: #01469c !important;
}


/* first level */

#nav_themes > ul
{
    height:60px;
}
#nav_themes > ul > li
{
    background-color: #b7c3c9;
    width: 8%;
    height: 100%;
    float: left;
}
#nav_themes > ul > li#nav_education { width:9%; }
#nav_themes > ul > li#nav_immigration { width:11%; }
#nav_themes > ul > li#nav_sante { width:7%; }
#nav_themes > ul > li#nav_gestion { width:9%; }

#nav_themes > ul > li > a
{
    height: 44px;
    font-size:18px;
    text-align: center;
    padding:8px;
}
#nav_themes > ul > li:not( :last-child ) > a
{
    border-right: 1px solid #fff;
}
#nav_themes > ul > li:hover > a,
#nav_themes > ul:not( :hover ) > li.active > a
{
    background-color: #01469c;
}


#footer-social ul li {
    display: inline;
    margin-right: 5px;
}


@media only screen and ( max-width: 979px ) /* 1000 */
{
    #nav_themes ul,
    #nav_themes ol
    {
        width: 724px;
    }
    #nav_themes > ul
    {
        height: 54px;
    }
    #nav_themes > ul > li > a {
        height: 44px;
        font-size:15px;
        padding:5px;
    }
}

@media only screen and ( max-width: 767px ) /* 640 */
{
    #nav_themes
    {
        position: relative;
        top: auto;
        left: auto;
        z-index: 99;
    }
    #nav_themes > a
    {
        width: 3.125em; /* 50 */
        height: 3.125em; /* 50 */
        text-align: left;
        text-indent: -9999px;
        background-color: #b7c3c9;
        position: relative;
    }
    #nav_themes > a {
        background-image: url('//pro.guidesocial.be/images/site/menu.png');
    }
    /*
    #nav_themes > a:before,
    #nav_themes > a:after
    {
        position: absolute;
        border: 2px solid #fff;
        top: 35%;
        left: 25%;
        right: 25%;
        content: '';
    }*/
    #nav_themes > a:after
    {
        top: 60%;
    }
    #nav_themes .bar-title {
        color:white; font-size:18px; display:block; float:left; margin:13px 0 0 45px;
    }

    #nav_themes:not( :target ) > a:first-of-type,
    #nav_themes:target > a:last-of-type
    {
        display: block;
    }


    /* first level */

    #nav_themes > ul
    {
        height: auto;
        display: none;
        position: absolute;
        left: 0;
        right: 0;
    }
    #nav_themes:target > ul
    {
        display: block;
    }
    #nav_themes > ul > li
    {
        width: 200px;
        float: none;
    }

    #nav_themes > ul > li#nav_education { width:200px; }
    #nav_themes > ul > li#nav_immigration { width:200px; }
    #nav_themes > ul > li#nav_sante { width:200px; }
    #nav_themes > ul > li#nav_gestion { width:200px; }

    #nav_themes > ul > li > a
    {
        font-size:18px;
        height: auto;
        text-align: left;
        padding: 10px 15px; /* 20 (24) */
    }
    #nav_themes > ul > li:not( :last-child ) > a
    {
        border-right: none;
        border-bottom: 1px solid #fff;
    }
	
	div.image span.logo {
    height: 72px;
    text-align:center; /* centrage horizontal d'un �l�ment en-ligne */ 
	max-width:100px;
	}



}

/*
#header-home {
            background:#c4d6dd url('//pro.guidesocial.be/images/fond-header01.jpg') no-repeat center; background-position:top; position: relative;
        } */
        @media only screen and ( max-width: 767px )
        {
  /*          #header-home {
                background:#e6eff6;
				  min-height:50px;
				  background-image: none;}
	*/
			#header-home #logo {
    			margin: 5px 50px 10px 10px;}


            #candidat_profil input#check {
                max-width:140px;
            }

        }
@media only screen and ( max-width: 450px )
{

    #candidat_profil input#check {
        max-width:40px;
    }
	
	   #footer .container-footer {font-size: 1.2em; text-align: center;}


}

/* espace-client */
/* tarifs */
div.aff_masq_tarifs {
    margin: 5px 0 15px 10px;
}

/* débug Bootstrap dubble underline */
abbr[title] {
    text-decoration: none;
}


/* connection overlayer */

#overlay_mosaic {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    background-image: url('https://pro.guidesocial.be/images/fonds/mosaic.png');
    /*background-image: url("https://pro.guidesocial.be/images/fonds/mosaic-tiles-background-blue.png");*/
    /*background-image: url("https://pro.guidesocial.be/images/fonds/brickwall-3.png"); */
    /*       background-repeat: no-repeat; */
    z-index: 1040;
    cursor: pointer;

    opacity:0;
    transition:opacity 1s linear;
    -ms-transition:opacity 1s linear;

}

.modal-backdrop, .modal-backdrop.fade.in {
    opacity: 0.6;
    transition:opacity 1s linear;
    -ms-transition:opacity 1s linear;
}

body .spip-admin-boutons,
body a.spip-admin-boutons,
body .spip-admin-boutons a {
    color:black;
}

.grecaptcha-badge {
    position: absolute;
    top : -999px;
    left :-999px;
}

.jaimemonmetierButton {
    float: right;
    padding: 0 5px 0 5px;
}

/* barre connexion MyANM */
.div_connect_myanm {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 20px;
}
.div_logo_anm {
    float:left;
    width:120px; height:60px;
    background-color: white;
    text-align: center;
}

.div_logo_anm img {
    width: auto;
    padding: 5px;
    height: calc(100% - 8px);
}

.div_un_site_anm {
    text-transform: uppercase;
    font-size:13px;
    font-weight: bold;
}
.div_un_site {
    color:white;
}
.div_delanm {
    color:#042D3A;
}
.div_connect_infos, .div_connect_bonjour {
    color:white;
}

.btn.btn-blue.btn_connect_bigblue {
    font-family: 'OswaldLight';
    font-size: 19px;
    padding:12px;
    margin-bottom:6px;
}

@media only screen and (min-width: 980px) {
    .insert.insert-client {
        min-height: 160px;
    }
    .div_connect_infos, .div_connect_bonjour {
        text-align:right;
    }
}

.badge-promoted {
    margin-bottom: 0;
    font-size: 11px;
    position: relative;
    right: 5px;
    padding: .25em .4em;
    color: #fff;
    border-radius: .25rem;
    background-color: #6c757d;
}

/** SE Page */
@media (max-width: 767px) {
    .insert .content.content-row.association-map-wrapper {
        padding-left: 10px;
        padding-right: 10px;
    }
    .association-map-wrapper .associations-map {
        margin-left: 0;
    }
}
@media (max-width: 550px) {
    .association-map-wrapper .associations-map table {
        background-repeat: no-repeat;
        background-size: contain!important;
        background-position: center;
        max-width: 490px;
        width: 100%;
        height: auto;
    }
}