::-moz-selection { background:#cc3333; color: #ffffff; text-shadow: none; }
::selection { background:#cc3333; color: #ffffff; text-shadow: none; }

/* 	----------------------------------------------------------------------------------------------
										CUSTOM GENERAL STYLE
	----------------------------------------------------------------------------------------------	*/
.wrapper {margin: 0px auto;}/* header logo */
.mx-header-logo .logo {margin-top: 0px;}
/* social */
.mx-header-right .mx-social {margin-top: 14px;}
.site-header-style-3 .mx-social {margin-top: 14px;}

/* header custom content */
.mx-header-right-custom {margin-top: 10px;}


.site-header-style-3 .mx-header-right > ul {margin-top: 14px;}

.header-info h1 { text-transform: uppercase; }

@media (min-width: 1024px) {
	#nav ul .dropdown a { max-width: 380px; }
}

#nav .dropdown .title {
	color: #595959;
	padding: 5px 10px;
}

aside .actu-title {
	float: right;
	width: calc(100% - 76px);
}

.aside-posts .img-box::before { display: none }

@media (min-width: 768px) {
	.box-area .timeline { padding: 27px 15px; }
}

.info .tag a { color: inherit; text-decoration: none; }
.info .tag a:hover { text-decoration: underline }

@media (min-width: 768px) {
	.header-info .breadcrumbs {width:75%;}
	#nav .dropdown { width: 410px; }
}

@media (max-width: 768px) {
	#nav ul li.hover .dropdown { display:none; }
}

.breadcrumbs li {
	padding-left: 0;
}
.breadcrumbs li:after {
	content: "";
}

@media (min-width: 1024px) {
	.visual .caption { width: 610px; }
	.visual h1 { display: inline-block; }
}
@media (min-width: 768px) {
	.visual h1 { display: inline-block; }
	.visual p { padding: 0 0 0 16px; }
}

/* FONDS HOME */
.box-area .box:after,
.box-area .box.yellow:after,
.box-area .box.red:after,
.box-area .box.green:after {
	background: none;
}
.box-area .box.yellow:before { border: none; }

.carousel h1 { padding-top: 7px; }
@media (min-width: 1200px) {
	#alone { margin-top: 40px; }
}

@media (min-width: 1200px) {
	.header-info.news { width: 75%; }
}

.header-info .info { height: 36px; }
@media (max-width: 768px) {
	.header-info .info { height: 28px; }
}

.header-info .tag.download p { display: inline; }

.sidenav.green ul div.formations-title {
	border-bottom: 2px dotted #fff;
	color: #fff;
	text-transform: uppercase;
}
.sidenav.green ul a { text-transform: uppercase; }

@media (max-width: 768px) {
	.img-mapping { display: none; }
	.mobile-listing { display: block; }
}
@media (min-width: 768px) {
	.img-mapping { display: block; }
	.mobile-listing { display: none; }
}

blockquote q p {
	display: inline;
	margin: 0;
}

.content .textarea p strong {
	display: inline;
	font-size: initial;
	line-height: initial;
}
.open-close .list li{
	padding: 0 !important;
}
.content .list p{
	margin: 10px 0;
}
.content .list strong{
	margin-top: 15px;
}
.content .list ul { padding-left: 1.5em; }
.content .list ul li {
	list-style: none;
	padding: 0;
}
.content .list ul li:after { content: ""; }
.content .list ul li:before { content: "\2022"; color:#67b217; margin-right: 5px; }

#footer .title {text-transform: uppercase;}

#footer .f-nav {
	width: 60%;
	margin: auto;
}

#footer .f-nav a:after {
	content: "\e90d";
	font-weight: bold;
}

#footer .f-nav .info a {
	padding-left: 0;
}
#footer .f-nav .info a:after {
	content: "";
}

@media (min-width: 1024px) {
	#footer .col {width: 33%;}
}
@media (min-width: 768px) {
	#footer .col {width: 33%;}
}

/* 	----------------------------------------------------------------------------------------------
										RETINA
	----------------------------------------------------------------------------------------------	*/
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
}

/***************
 * AGENDA LIST *
 ***************/
@media (max-width: 768px) {
	.content-agenda { padding-top: 1px; }
}
@media (min-width: 768px) {
	.aside-agenda {
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3;
		padding-right: 0;
		padding-left: 20px;
	}
	.sidebar-agenda {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}
}
@media (min-width: 1200px) {
	.sidebar-agenda {
		margin-right: 20px;
		width: calc(25% - 20px);
	}
}
@media (max-width: 1200px) {
	.sidebar-agenda { display: none; }
}
.agenda-item {
	color: #666;
	display: block;
	margin: 30px 0 20px 30px;
	text-decoration: none;
}
.agenda-item:before {
	background: #adabab;
	border-radius: 100%;
	content: "";
	float: left;
	height: 16px;
	width: 16px;
}
.agenda-item:hover:before { background-color: #b70909; }
.agenda-item div { margin-left: 25px; }
.agenda-item .date {
	color: #c3c3c3;
	font-size: 25px;
	font-weight: bold;
}
.agenda-item .title { line-height: 30px; }

/*************
 * NEWS LIST *
 *************/
.content-actus { padding: 20px; }
.actu-item {
	border-bottom: 1px dotted black;
	display: block;
	height: 100px;
	margin: 0 0 20px 0;
}
.actu-item img {
	float: left;
	margin: 0 20px 0 0;
	width: 80px;
}
.actu-item .actu-infos {
	color: #666;
	float: right;
	width: calc(100% - 100px);
}
.actu-item .actu-infos .title { display: block; }
.actu-item:hover .actu-infos .title { color: #b70909; }

/**************************
 * NEWS LIST - PAGINATION *
 **************************/
.pagination {
    text-align: center;
    padding: 0;
    list-style: none;
}

.pagination li { display: inline-block; }

.pagination li + li { margin-left: 4px; }

.pagination a {
    display: block;
    text-decoration: none;
    color: #fff;
    padding: .25em .5em;
    background: #b70909;
    transition: .25s ease;
}

.pagination a:hover { background: #950707; }

.pagination span {
    display: block;
    text-decoration: none;
    color: inherit;
    padding: .25em .5em;
    background: transparent;
}

/************************
 * FORMATIONS CONTINUES *
 ************************/
.content-area.formations-continues .content {
	width: 100%;
}

/************************
 * CAROUSEL TEMOIGNAGES *
 ************************/
.temoignages blockquote { font-size: 20px; }
.temoignages blockquote .video-title { margin-bottom: 10px; }
.temoignages .video-link {
	display: inline-block;
    vertical-align: top;
    color: #666;
    padding: 0 0 0 30px;
    position: relative;
    text-decoration: none;
}
.temoignages .video-link:after {
	position: absolute;
    top: 0;
    left: 0;
    font-family: "icomoon";
    content: "\e91a";
    color: #d04747;
}
.temoignages .video-link:hover { color: #d04747; }