html {padding: 0; margin: 0; color: #000; font-size: 14px}
body {margin: 0px; padding: 0px; background: #fff; color: #3d404f; font-family: 'Raleway'; min-height: 100%;}
a {color: inherit;}
a:hover {color: inherit; text-decoration: none;}
.spacer {clear: both;}
input:focus,select:focus,textarea:focus,button:focus {outline: none;}
.img-center {margin-left: auto; margin-right: auto; display: block}

header {padding: 30px 0px; position: relative; top: 0px; left: 0px; width: 100%; z-index: 10000; background: #fff}
header .container {position: relative}
header #logo {width: 300px; height: 80px; display: block; background-size: 300px 80px; background: url(../img/logo.svg) center center no-repeat;}
p { text-align: justify !important;}

@media (min-width: 768px) {
.stickEm-fixed header {padding: 20px 0px}
.stickEm-fixed header #navigation {top: 0px}
.stickEm-fixed header #logo {width: 180px; height: 48px; background-size: 180px 48px}
#closeMenu {display: none !important}
#navigation {position: absolute; right: 0px; top: 20px; padding: 0px 20px; display: block !important}
#navigation:before {content: '.'; overflow: hidden; text-indent: 500px; width: 100%; height: 5px; background: linear-gradient(to right, #16238a 0%,#a32565 100%); left: 0px; bottom: 0px; position: absolute}
#nav {padding: 0px; margin: 0px; list-style: none;}
#nav > li {float: left; margin-left: 20px; position: relative}
#nav > li:first-child {margin-left: 0px}
#nav > li > a {text-transform: uppercase; font-weight: 600; display: block; padding: 10px 10px;transition: all 0.2s linear;}
#nav > li:hover > a {color: #982568}
#nav > li > ul {position: absolute; opacity: 0; visibility: hidden; z-index: 1000; width: 100%; box-shadow: 0px 0px 10px rgba(0,0,0,.3); padding: 5px 10px; background: #fff; margin: 0px; min-width: 290px; left: 0px; margin-top: -1px; top: 100%; list-style: none; color: #3d404f; transition: all 0.2s linear;}
#nav > li > ul > li > ul {list-style: none; padding: 5px 0px 5px 0px; background: #efefef; margin: 5px -10px 0px -10px; position: relative}
#nav > li > ul > li.menu-item-has-children {padding-bottom: none}
#nav > li > ul > li > ul > li {padding: 5px 0px 5px 20px; border-bottom: 1px solid #fff}
#nav > li > ul > li > ul > li:last-child {border-bottom: none}
#nav > li:last-child > ul {left: inherit; right: -15px}
#nav > li:hover > ul {opacity: 1; visibility: visible}
#nav > li:hover > ul > li {padding: 5px 0px; font-size: 1.1em}
#openMenu {display: none;}
}
@media (max-width: 767px) {
	.sticky-spacer {height: 0px !important}
	header {z-index: 100 !important}
header {position: static !important; transform: inherit !important; z-index: 100 !important}

.stickEm-in  header {position: static !important; transform: inherit !important; z-index: 100 !important}

.stickEm-fixed header {position: static !important; transform: inherit !important; z-index: 100 !important}
#openMenu {float: right; display: block; font-size: 30px; margin-top: 20px; width: 30px; line-height: 30px; height: 30px}
#openMenu:hover {color: #a32565}
#closeMenu  {position: absolute; display: none; right: 50%; z-index: 99999; color: #fff; font-size: 40px; margin-top: -20px; width: 40px; line-height: 40px; height: 40px}
#navigation {display: none; position: fixed; overflow-y: scroll; width: 50%; height: 100%; background: rgba(255,255,255,0.9); left: 0px; top: 0px; z-index: 9999}
.mobileOpen #wrapper {position: relative;overflow: hidden}
#bgOverlay {position: absolute; content: '.'; overflow: hidden; text-indent: 500px; left: 0px; top: 0px; opacity: .8; background: linear-gradient(to right, #16238a 0%,#a32565 100%); width: 100%; height: 100%; z-index: 9999}
.mobileOpen {overflow: hidden}
#nav {padding: 0px; margin: 0px; list-style: none}
#nav > li > a {text-transform: uppercase; font-weight: 600; display: block; padding: 10px 10px;transition: all 0.2s linear;}
#nav > li:hover > a {color: #982568}
#nav > li > ul {position: static; z-index: 1000; width: 100%; box-shadow: 0px 0px 10px rgba(0,0,0,.3); padding: 5px 10px; background: #fff; margin: 0px; min-width: 120px; left: 0px; margin-top: -1px; top: 100%; list-style: none; color: #3d404f; transition: none !important; display: none}
#nav > li > ul > li {padding: 5px 0px; font-size: 1.1em}
#nav > li > ul > li > ul {list-style: none; padding: 5px 0px 5px 0px; background: #efefef; margin: 5px -10px 0px -10px; position: relative}
#nav > li > ul > li.menu-item-has-children {padding-bottom: none}
#nav > li > ul > li > ul > li {padding: 5px 0px 5px 20px; border-bottom: 1px solid #fff}
#nav > li > ul > li > ul > li:last-child {border-bottom: none}

}
.home-accesrapide--item:hover {
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.1);
    -moz-transition: all 500ms ease-in;
    -moz-transform: scale(1.1);
    transition: all 200ms ease-in;
    transform: scale(1.1);

}
#language-selector {position: absolute; right: 0px; top: -20px;}
#language-selector > ul {padding: 0px; margin: 0px; list-style: none}
#language-selector > ul > li {float: left; margin-left: 10px;}

.add-field {margin: 10px 0px}
.input-text {border: 1px solid #3d404f; padding: 10px; display: block; width: 100%}
.mva-btn {border: 1px solid #3d404f; background: #3d404f; font-size: 1.1em; display: block; text-align: center; padding: 10px; color: #fff; width: 100%;}
.mva-btn:hover {color: #fff; background: #505467;}

#cover {background: #1a2389; background: linear-gradient(to right, #1a2389 0%,#a22565 100%); color: #fff; overflow: hidden; position: relative}
#cover #coverIcn {background-size: 850px 850px; z-index: 1; position: absolute; background: url(../img/coverBg.svg) center center no-repeat; width: 850px; height: 850px; top: 50%; left: 50%; margin-left: -425px; margin-top: -425px;}
#cover .cover-inside {position: relative; display: flex; align-items: center; justify-content: center; z-index: 10; height: 200px; text-align: center; text-transform: uppercase; font-size: 2.2em; line-height: normal}
.cover-inside strong {display: block}

#content {padding: 40px 0px;}

#footer-logo {border-top: 1px solid #4a4a4a; padding: 30px 0px}
#footer {background: #2a2a2a; color: #fff; padding: 20px 0px; background: linear-gradient(to right, #282828 0%,#4c4c4c 100%);}

.read-more {text-align: right; margin-top: 10px}
.read-more a {color: #182486}
.read-more a:hover {color: #9e2566}
.icon-check {display: inline-block; width: 17px; height: 17px; background: url(../img/icnCheck.svg) center center no-repeat; margin-right: 2px; position: relative; top: 2px;}

.section-title {font-size: 2em; font-style: italic; font-weight: 800; color: #a32565; border-bottom: 3px solid #a32565; line-height: normal; margin-bottom: 10px}

#home-infosimp {margin-top: 30px;}
#homeInfosCont {background: #1a2389; background-size: cover; background: url(../img/bgCoverHome.png) center center no-repeat,linear-gradient(to right, #1a2389 0%,#a22565 100%); padding: 25px 20px; color: #fff}
#homeInfosCont .section-title {border-bottom: none; font-style: normal; text-transform: uppercase; color: #fff; text-align: center; font-size: 1.6em}
.home-infosList {list-style: none; padding: 0px; margin: 0px}
.home-infosList > li {margin: 15px 0px; font-weight: 600; line-height: normal; font-size: 1.1em}

.slider_nav {position: absolute; right: 0px; top: 0px}
.slider_nav button {background: none; border: none; padding: 0px; margin: 0px;}
.slider_nav button span {font-size: 1.8em; color: #fff; line-height: normal; padding: 3px; cursor: pointer}
.slider_nav button span:hover {color: #fbc0de}

#home-focus {margin-bottom: 30px}
.focus-title {display: block; width: 100%; padding: 5px 8px; text-transform: uppercase; color: #fff; background: linear-gradient(to right, #1a2389 0%,#a22565 100%); position: relative; font-weight: 800; font-size: 1.2em}
.row-focus {margin-left: -5px; margin-right: -5px}
.row-focus > .col-sm-4 {padding-left: 5px; padding-right: 5px}

.item-news {display: block; margin: 5px 0px}
.item-img {display: block; width: 100%; height: 170px; background-repeat: no-repeat; background-size: cover; background-position: center center}
.item-desc {display: block; width: 100%; min-height: 100px; background: #ededed; padding: 10px; margin-top: 5px}
.item-desc strong {display: block; line-height: normal; color: #16238a}
.item-excerpt {display: block; line-height: normal; margin-top: 5px}
 
#home-accesrapide {margin-top: 30px}
.flex-row {flex-direction: row; display: flex; width: 40%;}
.flex-column {flex-direction: column; display: flex; width: 60%;}
.flex-body {display: flex; position: relative; margin: 0px -5px;}
.flex-body div:not([class*="flex"]) {flex: 1 1 auto; width: auto; padding: 10px; margin: 5px; background: #ededed}
.ar-col {flex: 1 1 auto; width: auto; padding: 10px; margin: 5px; background: #ededed}
.ar-row {display: flex; padding: 0px !important; margin: 0px 0px !important; background: none !important;}
.ar-col {width: 50% !important; flex: 1 1 auto}
.ar-title {display: block; font-size: 1.3em; line-height: 1.4em; margin-bottom: 5px; color: #192485}
.ar-subtitle {display: block; font-size: 1.3em; line-height: normal; text-transform: uppercase; margin-bottom: 5px; color: #192485}
.ar-links {padding: 0px; margin: 0px; list-style: none}
.ar-links ul {list-style: none; margin: 0px 0px 0px 20px; padding: 0px}
#candidater {flex: 1 1 auto; width: auto; padding: 10px; margin: 5px; background: #ededed url(../img/bgCandidater.png) right center no-repeat; display: flex}
#candidater .ar-title {line-height: normal}
#ar-click {text-transform: uppercase; font-weight: 600; margin-top: 10px; display: block}
#ar-click i.fas {margin-right: 5px}
#candidater-sb {flex: 1 1 auto; width: auto; padding: 10px; margin-bottom: 30px; background: #ededed url(../img/bgCandidater.png) right center no-repeat; display: flex}
#candidater-sb .ar-title {line-height: normal}


/* CAROUSEL */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(../img/owl/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.owl-pba .owl-dots,.owl-pba .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}
.owl-pba .owl-nav .disabled{opacity:.5;cursor:default}
.owl-pba .owl-nav.disabled+.owl-dots{margin-top:10px}
.owl-pba .owl-dots .owl-dot{display:inline-block;zoom:1}
.owl-pba .owl-dots .owl-dot span{width:14px;height:14px;margin: 0px 3px;background:#CCC;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-pba .owl-dots .owl-dot.active span,.owl-pba .owl-dots .owl-dot:hover span{background:#002060}
.owl-pba .owl-nav button.owl-prev {width: auto; height: auto; padding: 5px 11px 5px 10px !important; border-radius: 50%; display: inline-block; background: #002060 !important; opacity: 1; line-height: 22px; text-align: center; font-size: 22px; position: absolute; left: -40px; color: #fff; margin-top: -16px; top: 50%}
.owl-pba .owl-nav button.owl-next {width: auto; height: auto; padding: 5px 9px 5px 12px !important; border-radius: 50%; display: inline-block; background: #002060 !important; opacity: 1; line-height: 22px; text-align: center; font-size: 22px; position: absolute; right: -40px; color: #fff; margin-top: -16px; top: 50%}
.owl-pba .owl-nav button.disabled {display: none}
.owl-pba .owl-nav button.owl-prev:hover,.owl-pba .owl-nav button.owl-next:hover {background: #0f3b93 !important}

#logos {display: flex; align-items: center; flex-grow: 1; padding: 0px; margin: 0px; list-style: none}
#logos > li {flex: 1 1 auto; padding: 0px 10px;}
#logos > li img {display: block; max-width: 100%; margin: 0px auto; filter: grayscale(100%); transition: filter 0.3s linear;}
#logos > li:hover img {filter: grayscale(0%);}

.row-footer {align-items: stretch}
.row-footer .col-footer:last-child {border-right: none}
.col-footer {border-right: 1px dashed #686868; text-align: center; display: flex; align-content: center; align-items: center}
.col-footer div {width: 100%; display: block}
#btn-candidater {display: inline-block; background: #222222; font-weight: 800; text-transform: uppercase; padding: 3px 5px;}

.widget {background: #f5f5f6; padding: 20px; margin-bottom: 30px}
.widget-title {text-transform: uppercase; margin-bottom: 10px; font-weight: 300; font-size: 2.2em; line-height: 1em; text-align: center}
.widget-title strong {font-weight: 800}
#searchbar {background: #fff; position: relative}
#searchbar input {width: 100%; height: auto; padding: 5px 40px 5px 10px}
#searchbar button {background: none; width: 30px; height: 36px; background: transparent; position: absolute; right: 2px; top: 0px; border: none}
#searchbar button:hover {color: #a02566}
#linkENS {display: block; padding: 15px; background: #19658c url(../img/bgENScover.png) right top no-repeat; transition: background-color 0.3s linear; background-size: cover;}
#linkENS:hover {background-color: #3e9ccb;}
#linkENS strong {display: block; line-height: normal; font-size: 1.8em; color: #fff}
#linkENS span#ENSsub {display: block; font-size: 1.8em; line-height: normal; color: #fff}
#linkENS span#ENSbtn {display: block; border: 1px solid #fff; background: #4b4b97; text-align: center; font-size: 1.2em; padding: 5px; color: #fff; margin-top: 10px; transition: all 0.3s linear;}
#linkENS:hover span#ENSbtn {background: #fff; color: #4b4b97}
#DAPnewsletter {border: 1px solid #c0c0c4; padding: 20px; margin-top: 30px}

.mva-tags-cont {margin: 10px 0px 0px 0px}
.mva-tags-title {font-size: 1em;}
.mva-btns {margin-top: 15px}
.mva-tag {display: inline-block; border: none; margin: 2px; padding: 3px 5px; background: #ccc; font-size: 1em; color: #fff; font-weight: 600}
.mva-tag.is-checked {border: 2px solid #17238a}
.btn-outline {display: block; padding: 5px; text-align: center; font-weight: 600; border: 1px solid #3d404f; color: #3d404f;  transition: all 0.3s linear;}
.btn-outline:hover {background: #3d404f; color: #fff}
#logo-white {width: 240px; height: 62px; background: url(../img/logo-white.svg); background-size: 240px 62px; display: block; margin: 0px 10px}

#logo_dap {display: block; width: 230px; height: 52px; margin: 0px auto; background: url(../img/logoDAP.png) center center no-repeat; background-size: 230px 52px; margin-bottom: 20px}
#dapBtn {display: block; padding: 10px 5px; background: #3d404f; color: #fff; text-align: center}
#DAPnewsletter p {margin: 15px 0px; padding: 0px;}

/* ARCHIVE COURS */
#cours-top {color: #a32565; line-height: normal; border-bottom: 3px solid #a32565; padding-bottom: 15px; margin-bottom: 20px}
#cours-top  p {padding: 0px; margin: 0px}
#liste-cours {display: table; width: 100% }
.item-cours {width: 100%; display: table-row;}
.item-cours > div.cours-type {padding: 10px 0px; display: table-cell; width: 140px; border-bottom: 1px dashed #909198; vertical-align: middle}
.item-cours > div.cours-info {padding: 10px 0px 10px 20px; width: 540px; display: table-cell; border-bottom: 1px dashed #909198; vertical-align: middle}
.item-cours > div.cours-domaine {padding: 10px 0px; display: table-cell; width: 280px; text-align: right; border-bottom: 1px dashed #909198;  vertical-align: middle}
.item-cours > div.cours-domaine .tag-domaine {margin-left: 5px}
.tag-domaine,.tag-type {font-size: 1em; display: inline-block; padding: 5px 10px}
.cours-info {line-height: 1.4em}
.cours-info em {font-style: normal; font-weight: 300}
.item-cours:hover .cours-info strong {color: #a32565 !important}

/* SINGLE COURS */
.int-cont {background: #f7f7f7; padding: 10px; margin: 10px 0px; transition: all 0.3s linear;}
.int-img img {max-width: 100px; height: auto; background-size: 100px 100px; display: block; border-radius: 50%; margin-right: 15px}
.int-text h4 {padding: 0px; margin: 0px 0px 5px 0px; text-transform: uppercase; color: #192485; font-weight: 800; transition: all 0.3s linear;}
.int-text p {padding: 0px; margin: 0px; color: #3d404f; text-align: justify; transition: all 0.3s linear;}
.int-cont:hover {background: #192485 !important; color: #fff !important; }
.int-cont:hover h4 {color: #fff !important;}
.int-text:hover p {color: #fff !important}
.cours-interventants {margin-top: 20px}
.cours-prerequis {margin-top: 0px !important; padding-bottom: 5px !important; margin-bottom: 20px; color: #a32565; border-bottom: 2px solid #a32565;}
.cours-prerequis h3 {border-bottom: none !important; margin-bottom: 0px !important; border-bottom: none !important; padding-bottom: 0px !important}
.cours-prerequis p {padding: 0px; margin: 0px}
#cours-objectif h3 {text-transform: uppercase; font-weight: 900; text-align: center; margin-bottom: 15px}
#cours-objectif {background: #1a2389; background-size: cover; background: url(../img/bgObjectif.png) center center no-repeat,linear-gradient(to right, #1a2389 0%,#a22565 100%); padding: 25px 20px; color: #fff}
.cours-section {padding: 20px 0px 0px 0px}
.cours-section h3 {color: #a32565; font-size: 1.2em; border-bottom: 2px solid #a32565; padding-bottom: 5px}
#cours-intervenants-title {margin-top: 20px; background: url(../img/bgObjectif.png) center center no-repeat,linear-gradient(to right, #1a2389 0%,#a22565 100%); color: #fff; text-transform: uppercase; text-align: center; font-size: 2.3em; padding: 15px 30px; font-weight: 800;}
#cours-cover-title {font-weight: 800; font-size: 1.2em; text-transform: none !important}
#cours-cover-int {font-size: 1.4rem; text-transform: none !important}
#cours-cover-tags {font-size: 1rem; margin-top: 15px}
#cours-cover-tags span {margin: 0px 5px}
#cours-cover-cat {font-size: 1.3rem; text-transform: none !important; margin-top: 10px}
#cours-cover-cat a {text-decoration: underline}
#cours-liensbtns {text-align: center; padding: 10px 30px; background: #f5f5f6; font-size: 1.4em; display: block; width: 100%; border: 1px solid #3d404f; font-weight: 600; margin-top: 15px}

.page-content h2 {color: #a32565; border-bottom: 2px solid #a32565; font-weight: 800; font-style: italic; margin-bottom: 15px}
.page-quisommesnous {margin-bottom: 15px; text-align: justify}
.equipe-titre {margin-top: 20px; background: url(../img/bgObjectif.png) center center no-repeat,linear-gradient(to right, #1a2389 0%,#a22565 100%); color: #fff; text-transform: uppercase; text-align: center; font-size: 2.3em; padding: 10px 30px; font-weight: 800;}
#equipe-directeur {margin-top: 10px}
#equipe-directeur > div.directeur-item {background: #ededed; padding: 10px; margin-bottom: 10px;  transition: all 0.3s linear;}
#equipe-directeur > div.directeur-item strong {transition: all 0.3s linear;}
#equipe-directeur > div.directeur-item .equipe-img {display: block; max-width: 150px; height: auto; margin: 0px auto; border-radius: 50%}
#equipe-directeur > div.directeur-item:hover {background: #192485 !important; color: #fff !important}
#equipe-directeur > div.directeur-item:hover .directeur-text strong {color: #fff}
.directeur-text {padding-left: 15px}
.directeur-text strong {display: block; font-size: 1.4em; text-transform: uppercase; color: #192485}
.directeur-text p {line-height: 1.5em}

.equipe-grid .col-sm-4 {padding-top: 15px;}
.equipe-btn {display: flex; height: 100%; width: 100%; align-content: center; align-items: center; padding: 20px; background: #ededed; color: #192485; font-size: 1.4em; transition: all 0.3s linear; text-transform: uppercase; font-weight: 800; align-self: center}
.equipe-btn:hover {background: #192485; color: #fff}

.titre-mva {color: #a32565; border-bottom: 2px solid #a32565; font-weight: 800; font-style: italic; margin-bottom: 15px}
.single-content h2 {color: #a32565; border-bottom: 2px solid #a32565; font-weight: 800; font-style: italic; margin-bottom: 15px}
.add-actu {padding: 40px 0px; border-bottom: 1px solid #efefef}
.add-actu h3 {padding: 0px; margin: 0px; color: #a32565; font-size: 1.4em;}
#liste-actu .add-actu:first-child {padding-top: 20px}
#liste-actu .add-actu:last-child {padding-bottom: 20px; border-bottom: none !important}

#content .col-xl-8 a {color: #1a2389;}
#content #cours-objectif a {color: #00e6b4 !important;}
.home-accesrapide--cont {display: block; text-align: center; margin-top: 1rem}
 .home-accesrapide--item {display: inline-block; margin: 1rem 5rem}
.home-accesrapide--cont .home-accesrapide--item a .icon {display: inline-block; width: 64px; height: 64px; background-color: #1a2389; transition: background-color 0.3s ease-in-out; border-radius: 50%}
.home-accesrapide--cont .home-accesrapide--item a .icon:hover {background-color: #a22565;}
.home-accesrapide--cont .home-accesrapide--item a strong {display: block; font-weight: normal; margin-top: 0px}

.col-footer ul li {float: none !important; display: block; text-align: left; margin-left: 0px !important}

/* XS */
@media (max-width: 767px) {
.item-img {height: 100px;}
.ar-title {font-size: 1em;}
.flex-body {font-size: 0.9em}
.col-footer-logo {display: none}
.row-footer .col-footer:nth-child(3) {border-right: none}
header #logo {width: 220px; height: 60px; background-size: 220px 60px}
#cover .cover-inside {font-size: 1.4em; height: 150px}
#logo_dap {background-size: 100% auto !important; width: 100%; max-width: 180px}
.sidebar-right {margin-top: 20px}
}

/* XXS */
@media (max-width: 576px ) {
.ar-title {font-size: 1em;}
.flex-body {font-size: 0.9em}
.flex-row {display: block; width: 100%; margin: 10px 0px}
.flex-column {display: block; width: 100%}
.flex-body {display: block; position: relative; margin: 0px 0px;}
.flex-body div:not([class*="flex"]) {flex: inherit; width: 100%; padding: 10px; margin: 0px; background: #ededed}
.ar-col {flex: inherit; width: 100%; padding: 10px; margin: 0px; background: #ededed}
.ar-row {display: block; padding: 0px !important; margin: 0px 0px !important; background: none !important;}
.ar-col {width: 100% !important; flex: inherit; display: block; margin: 10px 0px !important}
#candidater {flex: inherit; display: block; margin: 0px}
#logo-white {width: 180px; height: 47px; background-size: 140px 47px;}
.item-img {height: 120px !important;}
#openMenu {right:10px}
#language-selector {right: 10px}
header #logo {width: 188px; height: 50px; background-size: 188px 50px}
}


/* SM */
@media (min-width: 768px) and (max-width: 991px) {
.item-img {height: 130px;}
.ar-title {font-size: 1em;}
#logo-white {width: 180px; height: 47px; background-size: 140px 47px; margin: 0px 10px;}
#nav {padding: 0px; margin: 0px; list-style: none;}
#nav > li {float: left; margin-left: 5px; position: relative}
#nav > li > a {text-transform: uppercase; font-weight: 600; display: block; padding: 10px 5px;transition: all 0.2s linear;}
#navigation {padding: 0px 0px; top: 15px}
header #logo {width: 220px; height: 60px; background-size: 220px 60px}
.widget-title {font-size: 1.5em}
.mva-tags-title {font-size: 1.2em}
#logo_dap {background-size: 100% auto !important; width: 100%; max-width: 200px}
.sidebar-right {margin-top: 20px}
}

/* MD */
@media (min-width: 992px) and (max-width: 1199px) {
.item-img {height: 140px;}
.ar-title {font-size: 1em;}
#logo-white {width: 200px; height: 52px; background-size: 200px 52px; margin: 0px 10px;}
.widget-title {font-size: 1.5em}
.mva-tags-title {font-size: 1.2em}
#logo_dap {background-size: 100% auto !important; width: 100%; max-width: 250px}
}

/* LG */
@media (min-width: 1200px) {
.ar-title {font-size: 1.1em;}
.container {max-width: 1200px !important}
.item-desc {min-height: 110px;}
}

@media (min-width: 1400px) {
.container {max-width: 1350px !important}
.item-desc {min-height: 100px;}
}