/* Add your own custom css to this file. You may wish to use css !important calls to override css from the template css files.
----------------------------------------------------------- */

/* ----------------------------------- GENERAL, ACCUEIL & MENUS ---------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* --------------------- MAIN MENU ----------------------------- */
@import url('https://fonts.googleapis.com/css?family=Rock+Salt');

/* -- Fleches Cachees -- */
.mainParentBtn:hover a, .mainParentBtn.mainMenuParentBtnFocused a, .active a {
	background:none !important;
}

/* -- Logo -- */
#s5_logo_wrap {
    margin-bottom: 10px !important;
    margin-top: 10px !important;
}
/* ----- Styles: MAIN MENU ----- */

#s5_nav img {
    margin-top: 12px;
}

#s5_nav li.active  {
	color:#1a3663 !important;
}
	
#s5_nav li.active a {
	color:#1a3663 !important;
}

#s5_nav li:hover, #s5_nav li.active:hover, #s5_nav li.active.mainMenuParentBtnFocused, #s5_nav li.mainMenuParentBtnFocused	{
	color:#1a3663 !important;
	font-weight: bold !important;
}

#s5_nav li.active:hover a, #s5_nav li.active.mainMenuParentBtnFocused a, #s5_nav li:hover a, #s5_nav li.mainMenuParentBtnFocused a, #s5_nav li a:hover	{
	color:#1a3663 !important;
	font-weight: bold !important;
}

.s5_ls_search_word, #subMenusContainer div.s5_sub_wrap_lower ul, #subMenusContainer div.s5_sub_wrap_lower_rtl ul, .s5_is_css_wrap_7 .button, .module_round_box.highlight2, .pagination a, #s5_accordion_menu h3.s5_am_toggler.s5_am_open.s5_am_parent {
    background: #ffffff !important;
}	

/* - Styles: MAIN MENU - Sous-Menu - */
#subMenusContainer a, #s5_nav li li a{
	color:#ffffff !important;
	font-weight: bold !important;
}

#subMenusContainer div.s5_sub_wrap ul, #subMenusContainer div.s5_sub_wrap_rtl ul {
	-moz-opacity: .98 !important;
	-khtml-opacity: .98 !important;
	filter:alpha(opacity=98) !important;
	opacity:.98 !important;
}

.S5_submenu_item:hover {
	color:#ffffff !important;
	background:#1b88b0 !important;
}

#subMenusContainer a, #s5_nav li li a{
	color:#000000 !important;
}

.S5_subtext {
	color:#000000 !important;
	font-weight: 800 !important;
	-moz-opacity: .8 !important;
	-khtml-opacity: .8 !important;
	filter:alpha(opacity=80) !important;
	opacity:.8 !important;
}

#subMenusContainer li li:hover a, .S5_submenu_item:hover span.S5_subtext{
	color:#ffffff !important;
}

/* ----- Styles: Top Menu  ----- */
#s5_phonenumber {
    color: #000000 !important;
}

#s5_graybackground a {
    color: #1b88b0 !important;
}

#s5_graybackground a:hover {
    color: #1b88b0 !important;
}

#s5_phonenumber a:hover {
   color: #1b88b0 !important;
}


#s5_graybackground {
    color: #000000 !important;
}

.social_icon {
	color: #ffffff !important;
    background: #1a3663 !important;
    border-radius: 60px !important;
}

.social_icon:hover {
    background: #1b88b0 !important;
}

#s5_search_wrap {
    color: #ffffff !important;
    background: #1a3663 !important;
    border-radius: 60px !important;
    margin-top: 6px !important;
    height: 36px !important;
    text-align: center !important;
    line-height: 36px !important;
    width: 36px !important;
    font-size: 23px !important;
    font-weight: 800 !important;
}

#s5_search_wrap:hover {
	color: #ffffff !important;
    background: #1b88b0 !important;
}

#s5_search_wrap a:hover {
	color: #ffffff !important;
}

/* ----- SOUS-MENU - ESPACE JEUNESSE  ----- */
span.S5_submenu_item span.s5_img_span img {
    background:#1a3663;
    width: 40px;
    padding: 2px;
    border-radius: 50px;
    margin-top: -15px !important;
}

li#li_child_32 .S5_submenu_item {
    padding: 18px 7px 15px 7px;
    display: block;
    border: none;
}

.s5_sub_wrap_lower li.subMenuParentBtn.subMenuBtn span.S5_submenu_item:hover {
	background: rgba(26, 54, 99, 0.65) !important;
}

li.item-838 a img {
    visibility: hidden !important;
    display: none !important;    
}

/* --------------------- GENERAL CSS ----------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
#s5_top_row1_area1 .s5_slidesection img, #s5_top_row2_area1 .s5_slidesection img, .items-row img {
	width: 100%;  
}

div#s5_pos_below_body_1, div#s5_pos_below_body_2 {
    padding: 0px 10px 10px 0px !important;
    box-sizing: border-box !important;
}

div#s5_top_row1_inner {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

.module_round_box_outer, #s5_component_wrap, #s5_center_area .moduletable, .module_round_box_outer-none, .module_round_box {
    margin-left: 0px;
    margin-right: 0px;
}

#s5_above_columns_1 .module_round_box_outer {
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 1%;
    margin-bottom: 1%;
}

/* --------------------- HEADER PARALLAX IMG ----------------------------- */
.customparallaxck {
    border-bottom: 15px solid #1b88b0 !important;
    padding-bottom: 15px;
}

.customparallaxck_title.fromtop {
    font-family: Open sans !important;
    text-transform: uppercase !important;
    text-shadow: 2px 2px rgba(0, 0, 0, 0.6) !important;
    font-weight: 600 !important;
    letter-spacing: 0px !important;
    text-align: center !important;
}

.customparallaxck .customparallaxck_content {
    margin-top: -30px !important;
    text-align: center !important;
}

h3.customparallaxck_title.fromtop {
    font-size: 45px !important;
}

div.customparallaxck_title.fromtop {
    font-size: 80px !important;
}	

@media screen and (max-width: 970px){
    h3.customparallaxck_title.fromtop {
        font-size: 2.6em !important;
    }

    div.customparallaxck_title.fromtop {
        font-size: 5.8em !important;
    }

}

@media screen and (max-width: 767px){
	.customparallaxck div[id].customparallaxck {
		background-size: 165% auto !important;
		margin-left: -30% !important;
	}	

	h3.customparallaxck_title.fromtop {
		font-size: 3.4em !important;
		line-height: 110%;
	}	
	
    div.customparallaxck_title.fromtop {
        font-size: 6.3em !important;
    }	
	
}

@media screen and (max-width: 350px){
    div.customparallaxck_title.fromtop {
        font-size: 6.7em !important;
    }
	
    .customparallaxck {
        border-bottom: 10px solid #1b88b0 !important;
        padding-bottom: 10px;
        min-height: 120px !important;
    }    		
}

/* --------------------- HEADER ACCUEIL + PROMOTE/TOP BOXES ----------------------------- */
section#s5_top_row2_area1 {
    margin-bottom: 40px;
}

section#s5_top_row2_area1 .custom {
    background-color: #ffffff;
    border-top: 30px solid #1b88b0;
    margin-left: -19%;
    margin-right: -19%;
    overflow: visible;
    margin-top: 290px;
}

.top_boxes {
    margin-top:-130px;    
    margin-left:17%;
    margin-right:17%;
}

.top_box {
    width:33.3333%;
    float:left;
    text-align:center;
    color:#000000 !important;
}


.top_box_inner {
    background:#FFFFFF;
    -moz-box-shadow:0 0px 16px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 0px 16px rgba(0, 0, 0, 0.25);
    box-shadow:0 0px 16px rgba(0, 0, 0, 0.25);
    margin-left:3%;
    margin-right:3%;
    padding:40px;
    padding-left:6%;
    padding-right:6%;
}

.top_box_inner:hover {
    background:#1a3663;
    color: #ffffff;
    -moz-box-shadow:0 0px 16px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0px 16px rgba(0, 0, 0, 0.3);
    box-shadow:0 0px 16px rgba(0, 0, 0, 0.3);
}

.top_box h3 {
    color:#1b88b0 !important;
    margin-bottom:0px;
    font-weight: bold;
}

.top_box_inner span {
    display:block;
    font-weight:700;
    font-size:1em;
    margin-bottom:10px;
}

.top_box_inner img { 
    margin-top: -20px;
    margin-bottom: 10px;
}

@media screen and (max-width: 1200px){
	#s5_top_row2_area1 {
		background-size: 140% auto;
	}
	
	.top_box_inner {
		padding:30px;
	}
}

@media screen and (max-width: 867px){
	#s5_top_row2_area1 {
		background-size: 220% auto;
	}	
	
	.top_boxes {
		margin-left: 8%;
		margin-right: 8%;
	}	
	
	.top_box {
		width:100%;
		margin-bottom:10px;
		
	}
	
	.top_box_inner2 {
		min-height:1px !important;
	}

	.top_box_inner img {
		width: 100%;
		margin-bottom:25px;
	}	
}

@media screen and (max-width: 500px){
	#s5_top_row2_area1 {
		background-size: 300% auto;
	}	
}

/* --------------------- GENERAL CSS - MARGIN SECTIONS ----------------------------- */
@media screen and (min-width: 1466px) {
	section#s5_center_area1, section#s5_top_row2_area1, footer#s5_footer_area1, #s5_footer, div#s5_pos_custom_1, div#s5_rightwrap, section#s5_bottom_row3_area1 {
		padding-right: 13% !important;
		padding-left: 13% !important;
	}

	footer#s5_footer_area1 {
		padding-right: 16% !important;
		padding-left: 16% !important;
	}
	
	div#s5_logo_wrap {
		padding-right: 10.5% !important;
		padding-left: 10.5% !important;
	}

	nav#s5_menu_inner {
		padding-right: 10.7% !important;
		padding-left: 10.7% !important;
	}	
}

@media screen and (min-width: 1395px) and (max-width: 1465px) {
	section#s5_center_area1, section#s5_top_row2_area1, footer#s5_footer_area1, #s5_footer, div#s5_pos_custom_1, div#s5_rightwrap {
		padding-right: 11% !important;
		padding-left: 11% !important;
	}
	
	footer#s5_footer_area1 {
		padding-right: 14% !important;
		padding-left: 14% !important;
	}	

	div#s5_logo_wrap {
		padding-right: 8.5% !important;
		padding-left: 8.5% !important;
	}

	nav#s5_menu_inner {
		padding-right: 8.7% !important;
		padding-left: 8.7% !important;
	}	
}

@media screen and (min-width: 1269px) and (max-width: 1394px) {
	section#s5_center_area1, section#s5_top_row2_area1, footer#s5_footer_area1, #s5_footer, div#s5_pos_custom_1, div#s5_rightwrap {
		padding-right: 6.5% !important;
		padding-left: 6.5% !important;
	}
	
	footer#s5_footer_area1 {
		padding-right: 10% !important;
		padding-left: 10% !important;
	}	

	div#s5_logo_wrap {
		padding-right: 4.5% !important;
		padding-left: 4.5% !important;
	}

	nav#s5_menu_inner {
		padding-right: 4.7% !important;
		padding-left: 4.7% !important;
	}	
}

@media screen and (min-width: 1050px) and (max-width: 1268px) {
	section#s5_center_area1, section#s5_top_row2_area1, footer#s5_footer_area1, #s5_footer, div#s5_pos_custom_1, div#s5_rightwrap {
		padding-right: 2.5% !important;
		padding-left: 2.5% !important;
	}
	
	footer#s5_footer_area1 {
		padding-right: 6% !important;
		padding-left: 6% !important;
	}	

	div#s5_logo_wrap {
		padding-right: 1.5% !important;
		padding-left: 1.5% !important;
	}

	nav#s5_menu_inner {
		padding-right: 1.7% !important;
		padding-left: 1.7% !important;
	}	
}

@media screen and (min-width: 434px) and (max-width: 1049px) {
	section#s5_center_area1, section#s5_top_row2_area1, footer#s5_footer_area1, #s5_footer, div#s5_pos_custom_1, div#s5_rightwrap {
		padding-right: 10.5% !important;
		padding-left: 10.5% !important;
	}
	
	footer#s5_footer_area1 {
		padding-right: 14% !important;
		padding-left: 14% !important;
	}	
	
	div#s5_logo_wrap {
		padding-right: 8.5% !important;
		padding-left: 8.5% !important;
	}

	nav#s5_menu_inner {
		padding-right: 8.7% !important;
		padding-left: 8.7% !important;
	}	
}

@media screen and (max-width: 433px) {
	section#s5_center_area1, section#s5_top_row2_area1, footer#s5_footer_area1, #s5_footer, div#s5_pos_custom_1, div#s5_rightwrap {
		padding-right: 7.5% !important;
		padding-left: 7.5% !important;
	}
	
	footer#s5_footer_area1 {
		padding-right: 11% !important;
		padding-left: 11% !important;
	}	

	div#s5_logo_wrap {
		padding-right: 5.5% !important;
		padding-left: 5.5% !important;
	}

	nav#s5_menu_inner {
		padding-right: 5.7% !important;
		padding-left: 5.7% !important;
	}	
}


body {
    color: #000000;
    line-height: 165% !important;
}

.s5_toprow_left, .s5_toprow_right, #s5_above_columns_inner, #s5_component_wrap, #s5_below_columns_wrap1, .s5_paddingtopbot {
	padding-bottom: 20px !important;
	padding-top: 20px !important;
}

#s5_bottom_row2_wrap, #s5_bottom_row1_wrap, #s5_bottom_row1_wrap .s5_paddingtopbot, #s5_top_row3_wrap, #s5_top_row3_wrap .s5_paddingtopbot {
	padding-bottom: 0px !important;
	padding-top: 0px !important;
}

.s5_wrap {
    width: 100% !important;
}

#s5_top_row3_inner .module_round_box {
	font-family: Open Sans !important;
}

.module_round_box h3.s5_mod_h3 {
    font-weight: 500 !important;
    margin-bottom: 0px !important;
    margin-top: 3px;
    padding-bottom: 12px !important;
}

section#s5_top_row3_area1 {
    margin-top: 0px !important;
    margin-bottom: 40px !important;
}

@media screen and (max-width: 769px) {
	body {
		padding-right: 0px !important;
		padding-left: 0px !important;
		font-family: Open Sans !important;
	}
	
	section#s5_top_row2_area1 {
		padding-right: 7% !important;
		padding-left: 7% !important;
	}
  
	li.fav-slider-main img {
		width: 1800px !important;
		overflow: hidden !important;
	}
 	
    .favslider .favs {
        width: max-content !important;
		overflow:hidden !important;       
    }
	
	#s5_top_row2_wrap {
		padding-top: 0px !important; 
	}

	.s5_float_left2 {
		margin-bottom: 0px !important; 
	}

	#s5_logo_wrap img {
		width: 89% !important;
	}	

}

/* -------- Left & Right Columns --------- */
aside#s5_left_column_wrap, aside#s5_right_column_wrap {
    min-height: fit-content !important;
}

#s5_right_column_wrap, #s5_left_column_wrap {
	margin-top: 5px !important;
}

#s5_right_column_wrap .module_round_box, #s5_left_column_wrap .module_round_box {
    margin-bottom: 35px !important;
}

#s5_right_column_wrap .module_round_box, #s5_left_column_wrap .module_round_box {
    padding: 8px 0px !important;
}

/* --------------------- Button ----------------------------- */
a.readon {
    text-transform: uppercase !important;	
    display: inline-block !important;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
    position: relative !important;
    top: 0px !important;
}

a.moduleItemReadMore, .icagenda_form .button {
    text-transform: uppercase !important;	
    display: inline-block !important;
    margin: 3px 3px !important;
    color: #ffffff !important;
    position: relative !important;
    top: 0px !important;
    background: #1a3663 !important;
}

a.moduleItemReadMore {
    font-size: 8pt !important;
    padding: 5px 7px !important;
}

.icagenda_form .button {
    font-size: 0.8em !important;
    border-radius: 0 !important;
	padding: 10px 17px !important;
    font-family: Open Sans !important;
}

p.readmore, a.k2ReadMore, .btn, .pagenav a {
    text-transform: uppercase !important;		
}

.s5_scrolltotop {
    height: 42px;
    width: 42px;
    background: #1a3663 url(../images/s5_scroll_arrow.png) no-repeat;
    background-position: 9px 10px !important;
}

button.ui-datepicker-close.ui-state-default.ui-priority-primary.ui-corner-all, 
button.ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all {
    border-radius: 0;
    text-transform:uppercase;
    font-family: Open Sans;
    letter-spacing: 1px;
}

button, .btn-success, .btn-danger {
    font-family: Open Sans;
    letter-spacing: 1px;
}

/* -- Formulaire-- */
.control-group button, .edit button {
    margin: 15px 0px 0px 0px !important;
    min-height: 46px!important;
}

.registration .controls a.btn {
    color: #ffffff !important;
}

/* -- Inscrire une activité -- */
.icagenda_form .fieldset a.del.btn.btn-danger.btn-mini, .icagenda_form .fieldset span.btn.btn-success.btn-small.input-medium {
    margin-top: -10px;
}

/* -- Social Icons -- */
div#s5_pos_custom_1 a, div#s5_pos_custom_1 a:hover {
    color: #ffffff !important;
}

/* --------------------- Button Hover ----------------------------- */

p.readmore:hover a, .readon:hover, .button:hover, button:hover, a.k2ReadMore:hover, a.readon:hover, a.moduleItemReadMore:hover, .pagenav a:hover {
    background: #1b88b0 !important;
    text-decoration: none;
	color: #ffffff !important;
}

a.s5_scrolltotop:hover {
	background-color:#1b88b0 !important;
}

.btn-success:hover {
    background: #1b88b0 !important;
}

.btn-danger:hover, .registration .controls a.btn:hover {
    background: #852519 !important;
}

/* --------------------- Lien et titre Uppercase & lowercase ----------------------------- */
.s5_responsive_mobile_present #s5_responsive_mobile_bar_active {
    text-transform: uppercase;
    font-weight: 500 !important;
    font-size: 1.3em;
}

h1 {
    font-size: 1.9em;
	font-weight: bold !important;	
}

h2 {
	font-size: 1.6em;
	font-weight: bold !important;
}

#s5_component_wrap_inner h1 {
    font-size: 1.9em !important;	
}

#s5_component_wrap_inner h2 {
	font-size: 1.6em !important;
}

h3 {
	font-size: 1.3em;
	font-weight: bold !important;
}

h3.sous-titre-ejeunesse {
    text-transform: initial !important;
    color: #1a3663;
    font-size: 2.3em;
    font-family: 'Rock Salt', cursive !important;
    text-shadow: 2px 2px rgba(0, 0, 0, 0.85);
}

h4 {
	font-size: 1.3em;
	font-weight: 700 !important;
}

h5 {
	font-size: 1.05em;
	font-weight: 600 !important;
}

h1, h2, h3, h4, h5 {
    
  	font-family: Georgia !important;
}

h1 a, h2 a, h3 a, h4 a, h5 a, #s5_nav a, #subMenusContainer a {
    text-transform: uppercase !important;
}

a:hover, a:focus {
  	color: #1b88b0 !important;
}

a {
  	color: #1b88b0;
	font-weight: 500;
}

sup {
    text-transform: lowercase !important;
}

span.info-plus {
	border-bottom: 1px dashed;
}

.pagination {
    text-transform: uppercase !important;
}

#s5_accordion_menu ul li span {
    color: #1a3663;
    font-weight: 700;
    text-transform:  uppercase;
}

ul.s5_am_innermenu a:hover, #s5_accordion_menu ul li span:hover {
    color: #1b88b0 !important;
    text-decoration: none !important;
}

ul.ej-question-titre {
	list-style-type: none;
}

ul.ej-question-choix {
	list-style-type: upper-alpha;
}

/* --------------------- SECTIONS ACCUEIL ----------------------------- */

.row-fluid.span6.img-fulltext-right {
    padding-right: 4%;
    margin-top: 2%;
	color: #ffffff;
}

@media screen and (min-width: 1690px) {
    .row-fluid.span6.img-fulltext-right {
        margin-top: 3%;
        line-height: 168%;
    }

    .row-fluid.span6.img-fulltext-right p {
        margin-top: 10px;
    }    
}

@media screen and (min-width: 1050px) and (max-width: 1365px) {
    .row-fluid.span6.img-fulltext-right {
        margin-top: 1%;
    }

    .row-fluid.span6.img-fulltext-right p:nth-child(3) {
        display: none;
    }    
}

@media screen and (min-width: 768px) and (max-width: 1050px){
	.row-fluid .span6 {
		width: 100%;
	}

    .row-fluid.span6.img-fulltext-right {
        padding-left: 4% !important;
    }	
}

@media screen and (max-width: 767px) {
    .row-fluid.span6.img-fulltext-right {
        padding-left: 4% !important;
    }
}

/* --------------------- MENU EN ACCORDEON ----------------------------- */
#s5_accordion_menu ul li span:hover {
    color: #1b88b0 !important;    
    text-decoration: underline !important;
}

#s5_accordion_menu h3.s5_am_toggler a.mainlevel span {
    font-weight: 700;
    letter-spacing: 1px;

}

#s5_accordion_menu h3.s5_am_toggler a.mainlevel {
    color:#ffffff !important;
}

#s5_accordion_menu h3.s5_am_toggler {
    background: #1a3663 !important;
}


#s5_accordion_menu h3:hover {
    background: #1b88b0 !important;
}

#s5_accordion_menu h3.s5_am_open:hover a.mainlevel {
	color:#ffffff !important;
}

/* --------------------- Formulaire icagenda ----------------------------- */
.icagenda_form legend {
    margin-bottom: 0px !important;
    text-transform: uppercase;
}

.icagenda_form .fieldset {
    border-radius: 0px;
    margin: 0;
}

.icagenda_form legend {
    margin-bottom:  0px !important;
    text-transform:  uppercase;
}

.icagenda_form input[type="file"] {
	width: auto;
}

.icagenda_form input {
	border-radius: 0px !important;
}

.icagenda_form select option {
    margin: -7px 0px 6px -10px !important;
    text-transform: capitalize;
}

/* ------------- PAGINATION ------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
.pagination .pagination a, .pagination .pagination span {
    background-color: #1a3663;
    color: #ffffff !important;
    font-weight: 600 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.s5_is_css_wrap_7 .button:hover, .pagination .pagination a:hover {
	/* -- background-color: #1b88b0 !important; -- */
    background-color: #1a3663 !important;
}

.pagination .pagination a:hover {
	color: #ffffff !important;
}

div.k2Pagination .pagination a, div.k2Pagination .pagination span {
    background-color: #1a3663;
    color: #ffffff !important;
    font-weight: 600 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin-right: 7px !important;
}

div.k2Pagination .pagination span {
	padding-top: 1px !important;
	padding-bottom: 1px !important;
}	

.s5_is_css_wrap_7 .button:hover, .pagination .pagination a:hover, div.k2Pagination .pagination a:hover {
    background-color: #1a3663 !important;
    text-decoration: none;
}

.pagination .pagination a:hover {
	color: #ffffff !important;
}


/* ---------- SECTION: GALLERY PORTFOLIO -------------- */
/* --------------------------------------------------------------------------------------- */
.s5_is_css_wrap_7 {
    top: 0 !important;
}

.s5_is_css_hidden {
    padding-top: 0 !important;
}

.s5_is_css_wrap_7 .button {
	font-size: 16px !important;
    background-color: #1a3663 !important;
}

.pages_padding .s5_is_css_wrap_7 a {
    text-transform: uppercase;
}

.s5_is_css_7:hover .s5_is_slide_css {
    -moz-opacity: .5 !important;
    -khtml-opacity: .5 !important;
    filter: alpha(opacity=50) !important;
    opacity: .5 !important;
}

.s5_is_css_7 .s5_is_slide_css {
    background-color: #000000 !important;
}

.s5_is_css_7 .s5_is_slide_padding {
    font-size: .8em;
    color: #ffffff !important;
    padding: 12px!important;
}

.s5_is_css_7 h1, .s5_is_css_7 h2, .s5_is_css_7 h3, .s5_is_css_7 h4, .s5_is_css_7 h5  {
    color: #ffffff !important;
}

.s5_is_css_7 .s5_is_slide_7_css {
    background: rgba(26,54,99,0.97) !important;
}

.pages_padding span.ion-ios-search-strong {
    margin-left: -7.5px !important;
    padding-left: 0px !important;
}

.s5_is_css_7:hover .s5_is_slide_7_css {
 transform:translateY(-70%);
 -ms-transform:translateY(-70%);
 -webkit-transform:translateY(-70%)
}

/* --------------------- MultiBox ----------------------------- */
.MultiBoxControls {
    text-transform: uppercase !important;
	    font-family: Open sans !important;
}

.MultiBoxPrevious, .MultiBoxNext {
    background-color: #1a3663 !important;
    border-radius: 20px !important;
	margin: 0 !important;
}

.MultiBoxPrevious:hover, .MultiBoxNext:hover {
    background-color: #1b88b0 !important;
}

.MultiBoxClose {
    background-color: #1a3663 !important;
    border-radius: 50px !important;
    background: url(../images/multibox/close.png)-2px -3px no-repeat !important;
    width: 25px !important;
    height: 25px !important;
}

.MultiBoxClose:hover {
    background-color: #1b88b0 !important;
}

.icon_search.ion-close-circled {
    color: #ffffff;
    cursor: pointer;
    font-size: 2.5em;
    margin-right: 20%;
    margin-top: 13.5%;
    position: absolute;
    right: 0;
    top: 0;
}

.icon_search.ion-close-circled:hover {
    background-color: #1b88b0 !important;
    border-radius: 20px !important;
}

#s5_search_pos_wrap {
    padding-left: 0;
    padding-right: 0;
}

.MultiBoxTitle {
    margin: 3px 0 0 36px !important;
}

.MultiBoxNumber {
    margin: 3px 36px 0px 0px !important;
}

body .MultiBoxContainer {
    top: 7% !important;
}

.MultiBoxPrevious.MultiBoxPreviousDisabled:hover, .MultiBoxNext.MultiBoxNextDisabled:hover {
    background-color: #1a3663 !important;
}

@media screen and (min-width: 1200px){
	#MultiBoxContentContainer {
		width: 100% !important;
		height: 100% !important;
	}
	
	body .MultiBoxContainer, body #MultiBoxContentContainer {
		max-height: 800px !important;
	}
	
	body .MultiBoxContainer {
		top: 5% !important;
	}	
	
	.MultiBoxControls {
		width: 75% !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.MultiBoxClose {
		right: 9.5% !important;	
	}
	
	.MultiBoxContent {
		margin-left:auto;
		margin-right:auto;
		width: 74% !important;
		height: 74% !important;
	}
}


/* --- SECTION: Dernieres Nouvelles --- */
/* --------------------------------------------------------------------------------------- */
a.moduleItemTitle {
    text-transform: uppercase !important;
    font-size: 0.9em !important;
    font-weight: 600 !important;
    margin-top: 20px !important;
    margin-bottom: 0px !important;
    padding: 0px !important;
}

a.moduleItemImage {
    overflow: hidden !important;
    width: 200px !important;
}

a.moduleItemImage img {
    margin-top: -20px !important;
    margin-right: 5px !important;
    width: 33% !important;
    border: none !important;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;    
}

a.moduleItemImage img:hover {
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);  
}

p.modulePretext {
    margin-bottom: 15px !important;
}

span.itemImage a img {
    width: 50% !important;
}

/* --------------------------------- FOOTER ------------------------------------ */
/* ----------------------------------------------------------------------------------------------------------------------- */
footer#s5_footer_area1, #s5_footer {
    text-transform: uppercase;
    -moz-opacity: .8 !important;
    -khtml-opacity: .8 !important;
    filter: alpha(opacity=80)!important;
    opacity: .8 !important;
}

/* -- Footer - Menu Bottom Row 3 -- */
div#s5_pos_bottom_row3_2 li.item-1581.deeper.parent, div#s5_pos_bottom_row3_3 li.item-1581.deeper.parent, div#s5_pos_bottom_row3_4 li.item-1581.deeper.parent, 
div#s5_pos_bottom_row3_2 li.item-1005.deeper.parent, div#s5_pos_bottom_row3_3 li.item-1005.deeper.parent, div#s5_pos_bottom_row3_4 li.item-1005.deeper.parent, 
div#s5_pos_bottom_row3_1 li.item-572.deeper.parent, div#s5_pos_bottom_row3_3 li.item-572.deeper.parent, div#s5_pos_bottom_row3_4 li.item-572.deeper.parent, 
div#s5_pos_bottom_row3_1 li.item-960, div#s5_pos_bottom_row3_2 li.item-960, 
div#s5_pos_bottom_row3_1 li.item-960 li.item-503, div#s5_pos_bottom_row3_2 li.item-960 li.item-503, div#s5_pos_bottom_row3_3 li.item-960 ul.nav-child.unstyled.small li.item-503, 
li.item-435, li.item-294, li.item-238, li.item-557.deeper.parent,
 li.item-1581.deeper.parent ul.nav-child.unstyled.small, li.item-502.deeper.parent ul.nav-child.unstyled.small, li.item-961.deeper.parent ul.nav-child.unstyled.small {
    visibility: hidden !important;
    display: none !important;    
}


li.item-1631.deeper.parent span, li.item-1632, li.item-1633, li.item-1634 {
    visibility: hidden !important;
    display: none !important;    
}

section#s5_bottom_row3_area1 ul.nav.menu li.parent a, 
section#s5_bottom_row3_area1 ul.nav.menu li.parent span {
    -moz-opacity: 1 !important;
    -khtml-opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    opacity: 1 !important;	
    text-transform: uppercase;
	margin-top: 3px !important;
	font-weight: 800 !important;
	font-size: 18px !important;
    margin-bottom: 0px !important;        
}

div#s5_pos_bottom_row3_4 h4.info-title {
    font-weight: 800 !important;
	font-size: 18px !important;
}

section#s5_bottom_row3_area1 ul.nav.menu li.parent ul.nav-child.unstyled.small li a, 
section#s5_bottom_row3_area1 ul.nav.menu li.parent ul.nav-child.unstyled.small li span {
    -moz-opacity: .7 !important;
    -khtml-opacity: .7 !important;
    filter: alpha(opacity=70)!important;
    opacity: .7 !important;
	margin-top: 3px !important;
	font-weight: 400 !important;
	font-size: 15px !important;
    margin-bottom: 0px !important;
}

#s5_bottom_row3_area1 .s5_outer {
    font-weight: 400;
    -moz-opacity: 1 !important;
    -khtml-opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    opacity: 1 !important;
}

section#s5_bottom_row3_area1 ul.nav.menu li.parent ul.nav-child.unstyled.small {
    margin-left: -10px !important;
}

section#s5_bottom_row3_area1 ul.nav.menu li.parent ul.nav-child.unstyled.small li {
    margin-left: 0px !important;        
}


/* -- Footer - Menu 1 -- */
s5_footer_area1 .active a {
    color: #1b88b0 !important;
	font-weight: 800 !important;
}

#s5_bottom_menu_wrap {
    -moz-opacity: 1 !important;
    -khtml-opacity: 1 !important;
    filter: alpha(opacity=100)!important;
    opacity: 1 !important;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 0px !important;
}

ul.nav.menu .parent a:hover {
    background: none !important;
	text-decoration: none !important;
    color: #1b88b0 !important;	    
}

#s5_bottom_menu_wrap a:hover {
	text-decoration: none !important;
    -moz-opacity: 1 !important;
    -khtml-opacity: 1 !important;
    filter: alpha(opacity=100)!important;
    opacity: 1 !important;	
}

#s5_bottom_row3_area2 ul.menu li {
    padding-top: 0px !important;
}

ul.nav-child.unstyled.small li a {
    text-transform: unset !important;
}

/* -- Footer - Heures & Adresse -- */
div#s5_footer_area_inner {
    padding-bottom: 0px !important;
}


div#s5_bottom_row3_wrap {
    margin-left: 3%  !important;
    margin-right: 3%  !important;
    padding-top: 15px !important;
    padding-bottom: 30px !important;
}

div#s5_footer_module {
    float: right !important;
    margin-right: 0px !important;
    padding-top: 0px !important;
}

div#s5_footer_module .moduletable:first-child {
    float: right;
}
	
div#s5_footer_module .custom {
    float: left !important;
    column-count: 2 !important;
}

div#s5_footer_module .custom .content {
	margin-top: 3px !important;
    margin-bottom: 30px !important;
}

div#s5_footer_module .custom .content ul {
    margin-left: 0px !important;
}

div#s5_footer_module .custom .content ul li {
    font-weight: 400 !important;
    font-size: 14px !important;
	-moz-opacity: .7 !important;
    -khtml-opacity: .7 !important;
    filter: alpha(opacity=70)!important;
    opacity: .7 !important;	
}

div#s5_footer_module .custom .info-title {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
}

.footer_tel, .footer_email {
    font-weight: 400 !important;
    font-size: 14px !important;
	-moz-opacity: .7 !important;
    -khtml-opacity: .7 !important;
    filter: alpha(opacity=70)!important;
    opacity: .7 !important;	
}

.footer_email {
	text-transform: lowercase !important;
}

a.footer_tel:hover, a.footer_email:hover {
	-moz-opacity: 1 !important;
    -khtml-opacity: 1 !important;
    filter: alpha(opacity=100)!important;
    opacity: 1 !important;	
}

.content {
    width: 100% !important;
}

span.loginicons, div#adresse-texte ul.footer_adresse {
    float: left;
	font-size: 14px;
}

.custom .content p:first-child, .custom .content p:last-child {
    display: inline-block;
}

div#adresse-texte {
    display: flow-root;
}

ul.footer_adresse {
    -moz-opacity: .7 !important;
    -khtml-opacity: .7 !important;
    filter: alpha(opacity=70)!important;
    opacity: .7 !important;
}

/* -- Footer - Social -- */
hr.social_hr_footer {
    margin: 0px !important;
    -moz-opacity: .7 !important;
    -khtml-opacity: .7 !important;
    filter: alpha(opacity=7)!important;
    opacity: .7 !important;
    border-top: none !important;
}

.social_icons_footer a.social_icon {
    color: #1a3663 !important;
    background: rgba(250, 250, 250, 0.7) !important;
    border-radius: 60px !important;
}

.social_icons_footer a.social_icon:hover {
    color: rgba(250, 250, 250, 0.92) !important;
    background: rgba(27, 136, 176, 1) !important;
}

/* -- Footer - Menu 2 -- */
#s5_bottom_menu_wrap .moduletable:last-child {
    padding-top: 15px !important;
    margin-left: -10px !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    -moz-opacity: .7 !important;
    -khtml-opacity: .7 !important;
    filter: alpha(opacity=70)!important;
    opacity: .7 !important;
}

#s5_bottom_menu_wrap .moduletable:last-child ul li a:hover {
	color: #1b88b0 !important;
	background: none !important;
	text-decoration: none !important;
    -moz-opacity: 1 !important;
    -khtml-opacity: 1 !important;
    filter: alpha(opacity=100)!important;
    opacity: 1 !important;	
}

#s5_bottom_menu_wrap .moduletable:last-child ul li {
    border-right: 1px solid rgba(250, 250, 250, 0.7) !important;
    padding: 0px 10px 0px 10px;
    line-height: 1.12 !important;
    margin-bottom: 7px !important;
}

/* -- Footer - PARTENAIRES -- */
.logo_partenaire:first-child {
    clear: both  !important;
}

.logo_partenaire:last-child {
    float: left !important;
    padding-top: 25px !important;
    margin-left: 0px !important;  
}

.logo_partenaire img {
    width: 100% !important;
}

.logo_partenaire a {
    -moz-opacity: .7 !important;
    -khtml-opacity: .7 !important;
    filter: alpha(opacity=70)!important;
    opacity: .7 !important;		
}

.logo_partenaire a:hover {
    -moz-opacity: 1 !important;
    -khtml-opacity: 1 !important;
    filter: alpha(opacity=100)!important;
    opacity: 1 !important;		
}

/* -- Footer - COPYRIGHT -- */
.footer1 {
	text-transform: none !important;
    float: right !important;
    margin-bottom: 5px !important;
    margin-top: 5px !important;	
    padding-top: 0px !important;
    -moz-opacity: .7 !important;
    -khtml-opacity: .7 !important;
    filter: alpha(opacity=70)!important;
    opacity: .7 !important;
	width: max-content;    
}

.footer2 {
    display: none !important;
    visibility: hidden !important;
}

/* --------------------- Footer - Media Queries ---------------------- */
@media screen and (max-width: 744px) {
	.logo_partenaire {
		margin-bottom: 15px !important;
	}
}

@media screen and (max-width: 1195px) and (min-width: 1050px) {
	div#adresse-texte ul, div#adresse-texte ul li, a.footer_tel, a.footer_email, div#s5_pos_bottom_row3_4 .content p  {
		font-size: 0.82em !important;
	}
}

@media screen and (max-width: 1049px) and (min-width: 1000px) {
	div#adresse-texte ul, div#adresse-texte ul li, a.footer_tel, a.footer_email, div#s5_pos_bottom_row3_4 .content p  {
		font-size: 0.8em !important;
	}
}

@media screen and (max-width: 1049px) {
	#s5_bottom_row3 .s5_mod_h3_outer, #s5_bottom_row3 ul.menu li, #s5_bottom_row3_area1 .s5_outer {
		text-align: center !important;
	}

	div#adresse-texte span, div#adresse-texte ul, div#adresse-texte, div#s5_pos_bottom_row3_4 .content {
		text-align: left !important;
	}

	div#s5_pos_bottom_row3_1, div#s5_pos_bottom_row3_2, div#s5_pos_bottom_row3_3, div#s5_pos_bottom_row3_4 {
		margin-bottom: 10px !important;
	}

	#s5_bottom_menu_wrap .moduletable:last-child ul li {
		border-right: none !important;
	}	
}

@media screen and (min-width: 700px) and (max-width: 1049px) {
	div#adresse-texte, div#s5_pos_bottom_row3_4 .content p {
		margin-left: 37%;
		font-size: 14px !important;
	}
}

@media screen and (min-width: 376px) and (max-width: 699px) {
	div#adresse-texte, div#s5_pos_bottom_row3_4 .content p {
		margin-left: 22%;
		font-size: 14px !important;
	}
}		

@media screen and (min-width: 785px) and (max-width: 860px) {
	.footer1 {
		font-size: 0.8em !important;
		width: 100% !important;	
	}
	
	div#adresse-texte ul, div#adresse-texte ul li, a.footer_tel, a.footer_email, div#s5_pos_bottom_row3_4 .content p  {
		font-size: 0.95em !important;
	}	
}

@media screen and (max-width: 375px) {
	.footer1 {
		font-size: 0.65em !important;
		width: 100% !important;		
	}
	
	div#adresse-texte ul, div#adresse-texte ul li, a.footer_tel, a.footer_email, div#s5_pos_bottom_row3_4 .content p  {
		font-size: 0.84em !important;
	}	
}

/* --------------------------------- Google Maps - ContentMap - Maps Styles ------------------------------------ */
#s5_top_row1_area1 .s5_outer div[style^="clear"], #s5_top_row3_area1 .s5_outer div[style^="clear"], .item-page div[style^="clear"] {
    visibility: hidden !important;
	display: none;
}

div#contentmap_container_module_344 {
    margin-top: -20px;
    margin-bottom: -20px;
    margin-left: 0;
    margin-right: 0;
    border-color: transparent;
    padding: 0px 0px 6px 0px;
}

div[id*="contentmap"]:nth-child(1) {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    border-color: transparent !important;
    padding: 0px 0px 6px 0px !important;
}

div#s5_pos_top_row1_1 .module_round_box_outer {
    margin: 0px !important;
    padding: 0px !important;
}

div#s5_pos_top_row1_1 .module_round_box_outer .module_round_box {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

div#s5_pos_top_row1_1 {
    display: block;
}

div#contentmap_container_module_344 button, div[id*="contentmap"]:nth-child(1) button {
	background: #ffffff !important;
}

/* --------------------------------- Google Maps - ContentMap - Info Bulle ------------------------------------ */
.gm-style-iw div {
    max-width: 650px !important;
}

.gm-style-iw div h3 {
    font-size: 14px !important;
    width: 99% !important;
    margin-bottom: 5px !important;
    font-weight: 800 !important;	
}

.gm-style-iw div div div {
    font-size: 13px !important;
    display: inline-block !important;
    font-weight: 500 !important;
    width: 100% !important;
}

.gm-style-iw div div div p {
    padding-bottom: 0px !important;
    padding-top: 4px !important;
}

.gm-style-iw div div div p a, .gm-style-iw div h3 a {
	color: #1b88b0 !important;
}

.gm-style-iw div[style*="overflow"] {
    overflow: visible !important;
}

/* --------------------------------- Google Maps - ContentMap - TAGS Régions ------------------------------------ */
.contentmap-checkcontainer {
    display: inline-block !important;
    position: relative !important;
    padding-left: 30px !important;
    margin-bottom: 10px !important;
    cursor: pointer !important;
    font-size: 16px !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}

.contentmap-checkcontainer > input[type="checkbox"] {
    position: relative !important;
    opacity: 1 !important;
    height: 17px !important;
    width: 17px !important;
    background: #1a3663 !important;        
}

.contentmap-checkcontainer > input[type="checkbox"]:after {
    top: 0 !important;
    left: 0 !important;
    height: 15px !important;
    width: 15px !important;
    background: #1a3663 !important;
}


/* --------------------- MENU ONGLETS ----------------------------- */
.nav-tabs {
    border-bottom: 1px solid #1a3663 !important;
}

ul#myTabTabs {
    text-transform: uppercase;
}

.nav {
    margin-left: 0 !important;
    margin-bottom: 5px !important;
}

.nav-tabs>.active>a, .nav-tabs>.active>a:hover {
    color: #ffffff !important;
    background-color: #1a3663 !important;
    border: 1px solid #676360 !important;
    border-bottom-color: transparent !important;
    cursor: pointer;
	font-weight: bold !important;
}

.nav>li>a:hover, .nav-tabs>.active>a:hover {
	color: #ffffff !important;
    text-decoration: none !important;
	background-color: #1b88b0 !important;
}

.nav-tabs>li>a:hover {
    border-color: #eee #eee #676360 !important;
	border-bottom-color: transparent !important;
}

.nav-tabs>li>a {
	font-weight: 600;
    line-height: 20px;
    border: 1px solid transparent;
    -webkit-border-radius: 0px 0px 0 0;
    -moz-border-radius: 0px 0px 0 0;
    border-radius: 0px 0px 0 0;
}

.tab-pane p {
    line-height: 135% !important;
}

hr.tabs-hr {
    margin-bottom: 4px;
    border-top: none;
    border-bottom: 1px solid #1a3663;
    clear: both;
    padding-top: 15px;
}

/* --------------------- MENU ONGLETS - PAGES STYLES ----------------------------- */
h3.tabs-title {
    color: #1a3663 !important;
    margin-top: 5px !important;
    margin-bottom: -4px !important;
}

div#myTabContent {
    overflow: visible;
}

#myTabContent h5 {
    margin-top: 15px !important;
    margin-bottom: -5px !important;
}

h4.tabs-subtitle {
    padding-top: 5px;
    margin-bottom: -4px !important;
}

/* --------------------- MENU ONGLETS - OL LI & UL LI STYLES ----------------------------- */
ul {
    list-style-type: circle;
}

.custom .nav-tabs li {
    margin-bottom: -6px !important;
}

section#s5_center_area1 ul li, section#s5_bottom_row1_area1 ul li, section#s5_top_row3_area1 ul li  {
    margin-bottom: 10px;
    margin-left: 30px;    
}

ul#myTabTabs li {
    margin-bottom: 0px !important;
    margin-left: 0px !important; 
}

div#k2ModuleBox324 ul li {
    margin-bottom: 15px !important;
    margin-left: 0px !important; 
}

ol {
    margin-left: 1.5em;
    list-style: none;
    counter-reset: section;
}

ol li {
    counter-increment: section;
    margin-bottom: 5px;
}

ol li:before {
    font-size: 1.13em;
    content: counter(section) ". ";
    font-weight: bold;
    margin-right: 3px;
}

.thumbnail.pull-right {
	margin-bottom: 13px !important;
    margin-left: 15px !important;
}

.thumbnail.pull-left {
	margin-top: 0px !important;
	margin-bottom: 5px !important;
    margin-right: 15px !important;
}

/* --------------------- SECTION - RECIPIENDAIRES STYLES ----------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
#myTabContent .s5_ourteamareas_inner2 h5 {
    margin-top: 5px !important;
    text-align: center !important;
    color: #1b88b0 !important;
    font-size: 0.9em !important;
    font-weight: 800 !important;
}

#myTabContent .s5_ourteamareas_inner2 p.item-text {
	text-transform: uppercase !important;
    font-size: 0.67em !important;
    font-weight: 600 !important;
    margin-top: 3px !important;
    margin-left: -10px !important;
    margin-right: -10px !important;
    text-align: center !important;
    margin-bottom: -35px !important;
}

#myTabContent .s5_ourteamareas_inner2 {
    padding: 2px 10px 10px !important;
    font-size: 1em !important;	
}

div#myTabContent span.itemImageCaption {
    clear: both;
    width: 500px !important;
    padding-left: 5px;
    padding-right: 5px;
    box-sizing: border-box;
    font-weight: 500;
    line-height: 115%;
	font-size: 12px !important;
    text-align: center;	
}

span.itemImageCaption.margin-right {
    margin-right: 15px !important;
}

span.itemImageCaption.margin-left {
    margin-left: 15px !important;
}

div#myTabContent span.itemImageCredits {
    width: 480px;
    margin-top: -5px;
    float: left;
    font-weight: 700;
    margin-bottom: 3px;
    text-align: right;
}

div#medaille-2009 h5 {
    margin-top: 1px !important;
    margin-bottom: 10px !important;
}

div#medaille-2011 h5, div#medaille-2010 h5, div#benevoles-honneur-2013 h5, div#benevoles-honneur-2011 h5, div#benevoles-honneur-2010 h5, div#benevoles-honneur-2009 h5 {
    margin-top: 4px !important;
    margin-bottom: -3px !important;
}

div#myTabContent .s5_ourteamareas_5 .s5_ourteamareas {
    width: 16.5%;
}

.s5_ourteamareas_inner {
    overflow: hidden;
}

.s5_ourteamareas_inner img {
    border: none;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.s5_ourteamareas_inner img:hover, .s5_ourteamareas_inner:hover img {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.s5_ourteamareas_inner2 p.readmore {
	width: -moz-available !important;
    width: -webkit-fill-available !important;
    padding-bottom: 0px !important;
}

#s5_tabshow_left {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
	background-color: #1b88b0 !important;
}

@media screen and (min-width: 756px) and (max-width: 1165px) {
	.s5_ourteamareas {
		float: left;
		width: 33% !important;
	}
}

@media screen and (min-width: 536px) and (max-width: 755px) {
	.s5_ourteamareas {
		float: left;
		width: 50% !important;
	}
}

@media screen  and (max-width: 535px) {
	.s5_ourteamareas {
		float: left;
		width: 100% !important;
	}
	
	#s5_tabshow_right h4 {
		font-size: 20px !important;
		line-height: 22px !important;
	}
}

.s5_ourteamareas p.readmore button.btn.btn-default, .s5_ourteamareas p.readmore {
    margin-bottom: 0px !important;
    width: -moz-available !important;
    width: -webkit-fill-available !important;
    margin-right: 0px;
    text-transform: uppercase;	
}

.s5_ourteamareas p.readmore {
    padding-bottom: 0px !important;
}

/* --------------------- MODALS ----------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
div.modal.fade {
    top: -45%;
}

div.modal.fade.in {
    top: 35%;
}

div.modal {
    width: 70% !important;
    margin-left: -35%;
    background-color: #fff;
    border: 1px solid rgba(26,54,99,.6) !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}

.modal-header {
    padding: 5px 10px !important;
    border-bottom: 1px solid rgba(26,54,99,.3) !important;
}

.modal-footer {
    padding: 0px 10px 10px !important;
    text-align: center !important;
    background-color: #fff !important;
    border-top: none !important;
}

.modal button.close {
    padding: 3px 7px;
    font-size: 30px;
    opacity: 1 !important;
}

.modal button.close:hover {
	background: #1b88b0 !important;
}

.modal button.btn.btn-default {
	text-transform: uppercase !important;	
}

.modal-body {
    max-height: 560px !important;
	padding: 5px 25px 5px 10px !important;
}

.modal-body ul {
    padding-left: 28% !important;
}

.modal img {
    width: 25% !important;
    margin-right: 15px !important;
    float: left !important;
	border: 1px solid rgba(26,54,99,.6) !important;
}

@media screen and (max-width: 767px){
	.modal button.close {
		margin-top: 7px;
		margin-right: 7px;		
	}
	
	div.modal.fade {
	    top: auto;	
	}
	
	div.modal.fade.in {
		top: 5% !important;
		overflow: visible;
	}	
	
	div.modal {
		width: 90% !important;
		margin-left: 2% !important;		
	}	
}

/* --------------------- MODAL - INFOLETTRE ----------------------------- */
/* ---------------------------------------------------------- */
div#modal-infolettre {
    max-width: 700px;
    overflow: hidden !important;
    margin-left: -20%;
}

div#modal-infolettre .modal-header {
   border: none !important;
}

div#modal-infolettre .modal-body {
    max-width: 100% !important;
    overflow: hidden !important;
}

div#modal-infolettre .modal-body iframe {
    width: 141% !important;
    height: 500px !important;
	margin-top: -150px;
    margin-left: -15%;
    overflow: hidden !important;
}

/* ------ MODAL - INFOLETTRE: Button------- */
button.btn.button.mailchimp_signup:hover {
    background-color: #000000 !important;
}

button.btn.button.mailchimp_signup {
    margin-top: -5px;
    margin-left: 10%; 
}

@media screen and (max-width: 597px) {
    button.btn.button.mailchimp_signup {
        margin-top: 10px;
        margin-left: 0%; 
    }    

}

/* ------ MODAL - INFOLETTRE: Media Queries ------- */
@media screen and (min-width: 1200px) and (max-width: 1499px) {
    div#modal-infolettre {
        margin-left: -24% !important;
    }	
}


@media screen and (min-width: 1030px) and (max-width: 1199px) {
    div#modal-infolettre {
        margin-left: -29% !important;
    }
   
    #modal-infolettre .modal-body iframe {
        width: 151% !important;
        margin-left: -15% !important;
    }    	
}

@media screen and (min-width: 767px) and (max-width: 1029px) {
    div#modal-infolettre {
        margin-left: -35% !important;
    }	
}

@media screen and (min-width: 767px) and (max-width: 1024px) {
    #modal-infolettre .modal-body iframe {
        width: 151% !important;
        margin-left: -7% !important;
    }

    div#modal-infolettre {
        max-width: 100% !important;    	
    }
}


@media screen and (min-width: 670px) and (max-width: 766px) {
    div#modal-infolettre {
        max-width: 100% !important;
        margin-left: 0% !important;
    }

    #modal-infolettre .modal-body iframe {
        width: 151% !important;
        margin-left: -10% !important;
    }
}


@media screen and (min-width: 341px) and (max-width: 669px) {
    div#modal-infolettre {
        max-width: 100% !important;
        margin-left: 1.5% !important;
    }

    #modal-infolettre .modal-body iframe {
        width: 151% !important;
        margin-left: -8% !important;
    }
}

@media screen and (max-width: 340px) {
    div#modal-infolettre {
        max-width: 100% !important;
        margin-left: 1.5% !important;
        height: 480px !important;         
    }

    #modal-infolettre .modal-body {
        margin-top: 27px !important;
        margin-left: 0 !important;
        height: 490px !important;        
    }    

    #modal-infolettre .modal-body iframe {
        width: 161% !important;
        margin-top: -180px !important;
        margin-left: -12% !important;
    }
}

/* ------------- SECTION: GLOSSAIRE ------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
.glossaryalphabet a:hover {
    text-decoration: none;
    color: #ffffff !important;
    border-radius: 2px 2px 2px 2px;
    padding: 2px;
    background-color: #1b88b0 !important;
}

.glossaryalphabet a {
	text-transform: uppercase !important;
}

.glossletselect {
	color: #ffffff !important;
	background-color: #1b88b0 !important;
    border: 2px solid #1a3663 !important;
    border-radius: 2px 2px 2px 2px;
    padding: 4px;
}

.glossary25, .glossary72 {
    font-weight: bold !important;
    font-size: 16px !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    text-align: left !important;
    padding-bottom: 0px !important;
	padding-left: 5px !important;
}

table#glossarylist th {
	background-color: #1b88b0 !important;
}

/* --------------------- INPUT----------------------------- */
select.inputbox {
	width: fit-content !important;
    padding-left: 10px !important;
	margin-left: 10px !important;
}

input.button {
    text-transform: uppercase !important;
}

/* ---------------------------------------- BLOG STYLES --------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------- */
#s5_pos_middle_top_1 #s5_center_column_wrap_inner {
    overflow: visible !important;
	padding-left: 0px !important; 
    padding-right: 0px !important;
}

.items-row .item-image {
    overflow: hidden;
	margin-bottom: 0px !important;
}

.items-row a img {
    border: none;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.items-row a img:hover {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.item:hover a img {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.item:hover p.readmore a {
    background: #1b88b0 !important;
    text-decoration: none;
}

.item, .items-leading {
	-webkit-box-shadow: 0px 1px 2px rgba(26, 54, 99, 0.68) !important;
	-moz-box-shadow: 0px 1px 2px rgba(26, 54, 99, 0.68) !important;
	box-shadow: 0px 1px 2px rgba(26, 54, 99, 0.68) !important;
	margin-bottom: 30px !important;
}

.item p.item-text {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

p.readmore {
	clear: both !important;
    padding-bottom: 0px !important;
}

p.readmore a, p.readmore {
	display: grid !important;
	margin-right: 0px !important;
	margin-bottom: 0px !important;
}

.item h5 {
	padding-left: 7px !important;
	padding-right: 7px !important;
	margin-top: 5px !important;
	text-align: center !important;
}

.item h5 a {
    color: #1b88b0 !important;
    font-weight: 700 !important;
}

.blog .item p.readmore, .blog .item p.readmore a {
	font-size: 1.03em;
	font-weight: 600;
	margin-top: 0px;
}

.blog .item p.readmore {
    padding: 0px;
}

@media (max-width: 1050px) {
    .row [class*="span"], .row-fluid [class*="span"] {
        float: none;
        display: block;
        width: auto;
        margin-left: 0;
    }

	.blog .item p.readmore, .blog .item p.readmore a {
		font-size: 1.1em;
		font-weight: bold;
	}    
} 

.blog h2 {
    margin-bottom: 25px;
    font-weight: bold;
    color:#ffffff;
    text-shadow: 1px 1px 2px #000000;
}

.blog h2 span.subheading-category {
    background-image: url("https://federationgenealogie.qc.ca/images/espace-jeunesse/espace-jeunesse_titre-ateliers_bg-01.png");
	background-position: -14px 0px;
    background-size: 5.53em 1.52em;
    background-repeat: no-repeat;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 7px;
    padding-right: 65px;
    font-size: 2em;
}

/* ---------------------------------------- Simplelists - Liste de coordoonnes (Cache) --------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------- */
.simplelists.simplelists-default {
    visibility: hidden;
    display: none;
}