/*
 *  custom.css
 *
 * This file contains css values and hints for style elements that are frequently customised.
 * Note that this CSS file is loaded last so values defined here will override all others
 * including responsive.css
 */

/* Changing the header image
 * With this version of we_universal it is not possible to change the header image using CSS
 * It is recommended that the header image is changed by renaming your file to dashboard.jpg in
 * the styles/we_universal/theme/images/ directory.
 * Alternatively the link may be changed in styles/we_universal/template/overall_header.html
 * around line 211.


/* link decoration
 * Uncomment the following lines to have all links underlined
 * and visited links re-coloured
 */
/*
a:link,a:visited {
	text-decoration: underline;
	color: #3f3f3f; }

a:focus,
a:hover, a:active {
	text-decoration: underline; }
*/

/*
 * remove header background colour (no border around the image)
 */
.inventea-header {
	background: #ffffff;
	/*background-clip: border-box;*/
}

/*
 * set header background colour (appears as a border around the image, comment out this code for a white border)
 */

/*** begin header colour ***/
/*
.inventea-header {
	background: #a4a4a4;
}
*/
/*** end header colour ***/


/*
.inventea-sitename, .inventea-sitename h1{
	color: #005599;
}
*/

/* Set the maximum forum width on wide screens
 * To set a maximum width that the forum will not grow beyond, uncomment the following lines
 * and set a value (1200px or 1899px are typical values)
 */
.inventea-headerbar, .inventea-footer-wrapper { background: #fff;}
.wrap { background-color:#edf2f5; }
.inventea-wrapper,
.inventea-footer {
	max-width: 1800px;
}
.inventea-header { max-width:100vw; }

/* Allow post text to fill the available width on wide screens */
/*
.section-viewtopic .postbody .content {
	max-width: none;
}
*/

/*
 * Hide some non-essential menu items if desired
 */
/*
#menu_faq, #button_faq{
	display: none;
}
*/

/*
#menu_team, #button_team{
	display: none;
}
*/

/*
#menu_memberlist, #button_memberlist{
	display: none;
}*/


/*#topic_watch_button, #forum_watch_button,*/ #topic_bookmark_button, #topic_bump_button{
	display: none;
}

/*
 * Button hide threshold
 * The max-width here adjusts the screen widths for which the header buttons are replaced by a dropdown menu
 * set this value higher if the screen buttons start to wrap, or the text becomes ugly in your language.
 * The valid range of this value is 319px to 699px.
 * I prefer a value of 319px, but if you have added buttons, or use a language with long button labels,
 * a higher value may work better for you.
 */
@media only screen and (max-width:359px) {
	.inventea-menu li > a {
		   display: none;
	}

	.inventea-mobile-dropdown-menu {
		display: block;
	}
}

/*
 * To move the header buttons so that they sit outside the header image,
 * (as was the default for a few version of this style),
 * comment out the following blocks of code:
 */
/*** begin buttons inside ***/
.inventea-posts-menu {
	position: absolute;
	right: 10px;
	z-index: 3;
}

header nav:last-child { max-width:1120px; margin: 0 auto; }
.inventea-forum-menu {
	position: relative;  margin-top:-50px;
	z-index: 3;
}

@media only screen and (max-width: 459px){
	.inventea-dashboard img {
		padding-top: 22px;
		padding-bottom: 22px;
	}
}
/*** end buttons inside ***/

.container {
	width: 100%;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: auto;
	margin-left: auto;
}
.justify-content-end {
	-ms-flex-pack: end !important;
	justify-content: flex-end !important;
}
.align-items-center {
	-ms-flex-align: center !important;
	align-items: center !important;
}
/**/


.mainFooter .follow {
	margin: 0 -8px;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.btn {
	display: inline-block;
	font-weight: 400;
	color: #212529;
	text-align: center;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: 0.25rem;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.mainFooter .follow a {
	margin: 0 8px;
	width: 36px;
	height: 36px;
	padding: 6px;
	background: #292c2d;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.btn {
	padding: 0.6rem 1.2rem;
	border: 1px solid #f7b531;
	background: #f7b531;
	-moz-border-radius: 1.5rem;
	-webkit-border-radius: 1.5rem;
	border-radius: 1.5rem;
	font: bold 1rem/1.2 'Raleway', sans-serif;
	color: #292c2d;
}
.mainFooter .bottomFooter {
	margin: 40px 0 0;
}
.mainFooter img {
	max-width: 100%;
	height: auto;
}
.mainFooter {
	padding: 40px 0 20px;
	background: #fff;
	position: relative;
}
.mainFooter .logo {
	-moz-filter: invert(.5) brightness(.2);
	-webkit-filter: invert(.5) brightness(.2);
	-o-filter: invert(.5) brightness(.2);
	filter: invert(.5) brightness(.2);
}
.mainFooter:before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 100vw;
	max-width: 1480px;
	-moz-transform: translate(-50%);
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
	border-top: 1px solid #292c2d;
}
.mainFooter .btn-contact {
	padding-right: 64px;
	background: #f7b531 url(https://www.reseaudesparents67.fr/_css/medias/ico-contact.png) no-repeat right 20px center / 30px !important;
	font-size: 20px;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
	position: relative;
	width: 100%;
	padding-right: 10px;
	padding-left: 10px;
}
.row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -10px;
	margin-left: -10px;
}

.col-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}
.d-block {
	display: block !important;
}
.text-center {
	text-align: center !important;
}
.ml-auto, .mx-auto {
	margin-left: auto !important;
}
.mr-auto, .mx-auto {
	margin-right: auto !important;
}
.mainFooter .adresse {
	max-width: 200px;
	font: bold 14px/1.25 'Raleway', sans-serif;
}
.mt-5, .my-5 {
	margin-top: 3rem !important;
}
.bottomMenu {
	font: 500 14px/1.2 'Raleway', sans-serif;
	color: #292c2d;
}
.bottomMenu a {
	color: #292c2d;
}

/*********************/
@media (min-width: 576px) {
	.container {
		max-width: 540px;
	}
}
@media (min-width: 768px) {
	.container {
		max-width: 720px;
	}
	.justify-content-md-between {
		-ms-flex-pack: justify !important;
		justify-content: space-between !important;
	}
	.col-md-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

}

@media (min-width: 992px) {
	.container {
		max-width: 960px;
	}
	.text-lg-left {
		text-align: left !important;
	}
	.col-lg-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	.col-lg-auto {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: 100%;
	}
}

@media (min-width: 1200px) {
	.container {
		max-width: 1140px;
	}
	.col-xl {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}
	.align-self-xl-start {
		-ms-flex-item-align: start !important;
		align-self: flex-start !important;
	}
	.col-xl-auto {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: 100%;
	}
	.d-xl-flex {
		display: -ms-flexbox !important;
		display: flex !important;
	}
	.col-xl-auto {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: 100%;
	}
	.col-xl-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.mt-xl-2, .my-xl-2 {
		margin-top: 0.5rem !important;
	}
	.text-xl-left {
		text-align: left !important;
	}
	.col-xl-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
}