/* ================ COULEURS */
body {
	background-image:url("img/peril3_blur_1200w.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	background-position: 0 0;
	/*background-image:url("img/hexa.png"), url("img/peril3_blur_1200w.jpg");*/
	/*background-image: image-set( "img/peril3_blur.jpg" 1x,
							 "img/peril3_blur.webp" 1x);
	background-image:image("img/peril3_blur.jpg", "img/peril3_blur.webp", "img/peril3_blur_1200w.jpg", "img/peril3_blur_1200w.webp	");*/
	/* multi background
	background-image:url("img/hexa.png"), url("img/peril3_blur_1200w.jpg");
	background-repeat:repeat, no-repeat;
	background-size:5%, cover;
	background-position: 50% 50%, 0 0;*/
	background-attachment:fixed;
    text-align:justify;
}

h1, h2, h2.card-title a.main-link {
	color:#ffcc00;
    text-align:left;
}

h2.card-title a.main-link:hover {
    text-decoration:none;
}

h1 {
	text-shadow: 6px 1px black;
}

.bgmain {
	background-color:rgba(0,0,0,0.7);
	padding:0 2em;
}



h2 {
	padding:.5em 0;
}

p, ul, li a, ol {
	color:white;
}

p:hover {
	background-color:rgba(0,0,0,0.3);
}


p.nohover:hover {
	background-color:transparent;
}

.cwhite {
    color:white!important;
}

.lecentre a:hover {
	color:#ffcc00;
}

article.card a:hover {
    color:#ffcc00;
}

#BasPage {
	background-color:rgba(0, 0, 0, 0.7);
}

#BasPage h3{
	color:white;
}

footer {
	background-color:black;
	color:white;
}

footer a {
	color:white;
}

footer a:hover {
	color:#00dbffff;
	text-decoration:underline;
}

.conditions h2, .formationJV h2, .formationIllu h2, .formationNum h2, .galerie h3, .lecentre h2 {
	color: black;
}

.conditions section, .lecentre section {
	border: 1px solid #fff;
	color: white;
}

.conditions li {
	list-style-type:none;
}

.formationJV li:hover, .formationIllu li:hover, .formationNum li:hover{
  background : rgba(255,255,255,.4);
  color : black;
}

.formationJV li, .formationIllu li,  .formationNum li{
  background : rgba(255,255,255,.2);
  transition : background .2s;
	margin-top :2px;
}

.formationJV ul li:hover, .formationIllu ul li:hover, .formationNum ul li:hover {
  padding : 0;
}

.formationJV li a, .formationIllu li a,  .formationNum li a{
	transition : font-size .2s;
}

.formationJV li:hover a, .formationIllu li:hover a,  .formationNum li:hover a {
	font-size:1.3em;
}

.formationJV a {
	color:#ffcc00;
}

.formationIllu a {
	color:#00ffac;
}

.formationNum a {
	color:#00fff2;
}

.card {
	margin-top:2em;
	background-color:transparent;
	border-color:transparent;
	border:1px solid white;
	border-radius:none;
}

.cart-title {
	color:#ffcc00;
}

.actuformationJV {
	background-color:#ffcc00;
	color:black;
	padding-left:1em;
	min-height:44px;
	padding-top:5px;
}

.actuformationNum {
	background-color:#00fff2;
	color:black;
	padding-left:1em;
	min-height:44px;
	padding-top:5px;
}

.actuformationIllu {
	background-color:#00ffac;
	color:black;
	padding-left:1em;
	min-height:44px;
	padding-top:5px;
}

.btnmore img {
    opacity:0.5;
    -webkit-transition:all 0.9s ease;
    -moz-transition:all 0.9s ease;
    -o-transition: all 0.9s ease;
    -ms-transition: all 0.9s ease;
    transition: all 0.9s ease;
}

.btnmore:hover img:hover {
    opacity:1;
    -webkit-transform:rotate(190deg);
    -moz-transform:rotate(190deg);
    -o-transform:rotate(190deg);
    -ms-transform:rotate(190deg);
    transform:rotate(190deg);
}
.programmefc li {
	color:white;
}

.programmefc h4 {
	color:white;
	border-bottom:1px solid white;
}

.tab-content a {
	color:white;
}

p a {
	color: #00dbffff;
}

/* ========================= BOUTONS */

p.candidate {
	background-image:url(img/btn-candidat.png);
	height:68px;
	width:166px;
	margin-left:1em;
}

p.candidate:hover {
	background-image:url(img/btn-candidathover.png);
	}

.iconbtn {
	float:left;
}

.iconmenubtn {
/*	padding-right:0.8em;
	padding-left:1em;*/
width:auto;
height:27px;
}

a.btn.btn-candidate {
	font-family:Rajdhani-Bold, "sans-serif";
	font-size:15pt;
	background-color:transparent;
	border:none;
	padding-top:1em;
	color:black;
}

a.btn.btn-candidate:hover {
	color:black;
}

@media screen and (max-width:640px) {
	.iconmenubtn {
        width:8%;
	}
	a.btn.btn-candidate {
	font-size:13pt;
	height:auto;
	}

	p.candidate {
	max-height:44px;
	}

	img.iconbtn {
		width:20px;
	}

	h1 img {
		width:30px
	}

	a.nav-item.nav-link {
		width:100%;
		display:block;
	}
}

@media screen and (max-width:375px) {
	p.candidate {
		height:40px;
		width:100px;
	}
	p.candidate a.btn.btn-candidate>img {
		display:none;
	}
}

/* =============================================== NAV */

.navbar-dark .navbar-nav > .nav-link, .navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link{
	color:#ffcc00;
	border-bottom:1px solid transparent;
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{
	color:#ffcc00;
	border-bottom:1px solid #5aff45;
}

.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link{
	border-bottom:1px solid #5aff45;
	color:#ffcc00;
}

.nav-legende {
    font-size:70%;
    float:left;
	margin-left: 3.5em;
    line-height: 90%;
}

.btn-cc {
	background-color:#c83737;
	min-height:44px;
}

.btn-cc:hover {
	background-color:#d91516;
}

a.btn.btn-cc {
	font-family:Rajdhani-Bold, "sans-serif";
	font-size:18pt;
	width:auto;
	border:none;
}

p.btn.btn-normal, .btn.btn-normal {
	background-color:#ffcc00;
	min-height:44px;
}

p.btn.btn-normal:hover, .btn.btn-normal:hover {
	background-color:#fff;
}

a.btn-normal, a.btn.btn-normal {
	color:black;
}

a.btn-normal:hover {
	text-decoration:none;
}

p.btn-pro {
	background:white;
	font-family:Rajdhani-Bold;
	font-size:100%;
	color:black;
	padding:0 1em;
}

.btn-outline-primary {
	color:#ffcc00!important;
	border-color:#ffcc00;
}

.btn-outline-primary:hover {
	color: #000;
	background-color: #ffcc00;
	border-color: #ffcc00;
}

/* ==========================FONTS */
@font-face {
 font-family: "Rajdhani-Bold";
 src: url("Rajdhani/Rajdhani-Bold.ttf") format("truetype");
}

@font-face {
 font-family: "Rajdhani-Light";
 src: url("Rajdhani/Rajdhani-Light.ttf") format("truetype");
}

@font-face {
 font-family: "Rajdhani-Medium";
 src: url("Rajdhani/Rajdhani-Medium.ttf") format("truetype");
}

@font-face {
 font-family: "Rajdhani-Regular";
 src: url("Rajdhani/Rajdhani-Regular.ttf") format("truetype");
}


@font-face {
 font-family: "Roboto-Bold";
 src: url("Roboto/Roboto-Bold.ttf") format("woff2");
}

@font-face {
 font-family: "Roboto-Regular";
 src: url("Roboto/Roboto-Regular.ttf") format("woff2");
}

h1 {
	font-family:Rajdhani-Light, serif;
	font-size:375%;
}

@media screen and (max-width:768px) {
	h1 {
	font-size:220%;
	}
	
	body {
    font-size:14px;
    }
}

h1:after {
	content:'';
  width:60px;
  height:4px;
  background:#ffcc00;
  position:absolute;
  left:100px;
  bottom:-4px;
  text-align:left;
}

h2 {
	font-family: "Roboto-Bold", serif;
	font-size:140%;
}

p, #nav-tabContent.tab-content>div#nav-programme.tab-pane.fade.active.show>ul {
	font-family: "Roboto-Regular";
	font-size:127%;
	line-height:140%;
}

@media screen and (max-width:640px) {
    p, #nav-tabContent.tab-content>div#nav-programme.tab-pane.fade.active.show>ul li {
		font-size:130%;
        }
}

strong {
	font-family: "Rajdhani-Bold", serif;
	font-size:110%;
}

p a {
	color: #00dbffff;
}

#BasPage h3 {
	font-family: "Rajdhani-Light", serif;
	font-size:350%;
}

#BasPage h3:after {
	content:'';
	width:60px;
	height:4px;
	background:#fff;
	position:absolute;
	left:20px;
	bottom:1px;
}

#BasPage {
	font-family: "Roboto-Bold";
}

@media screen and (max-width:640px) {
    #BasPage h3 {
    font-size:200%;
    }
}

footer {
	font-family: "Roboto-Regular";
	font-size: 0.8em;
}

.conditions h2 {
	font-family: "Rajdhani-Bold";
}

form label, .form-check-label {
	font-family: "Roboto-Regular";
}

.formationJV a, .formationNum a, .formationIllu a {
	font-family: "Roboto-Bold";
}

p.description {
	font-size:140%;
	font-family:"Roboto-Bold";
}

.programmefc ul li {
	font-family: "Roboto-Regular";
/*	font-size:140%;*/
	line-height:140%;
}

.programmefc h4 {
	font-family: "Rajdhani-Regular";
	font-size:1.7rem;
}

.lecentre a, .lecentre h2, .tab-content a {
	font-family: "Rajdhani-Bold";
}

.tab-content a {
	text-decoration:underline;
}
.tab-content a:hover {
	color:#ffcc00;
}


.temoin {
	font-family:"Roboto-Regular";
	font-style:italic
}

/* ==============================NAV */

nav {
	font-family:"Rajdhani-Bold";
	font-size:125%;
}

.bg-dark {
	background-color:rgba(0,0,0, 0.5) !important;
    margin: 5px auto;
}

@media screen and (max-width:640px) {
	.bg-dark {
	margin-top:0;
	}
}

li.nav-item {
	text-align:left;
}

@media screen and (min-width:891px){
	li.nav-item{
		text-align:center;
	}
}

@media screen and (max-width:640px) {
    li.nav-item {
        text-align:left;
    }
}

nav {
  border-top: 0.529px solid #5aff45;
}

 .navbar-brand {
   margin:0 1em;
 }

 /* nav mobile */
.navmobile {
	background-color:rgba(0,0,0, 0.5) !important;
	border-top:transparent;
	width: 94%;
	margin-left:3%;
}

.navmobile ul {
	padding-left:0;
	list-style-type:none;
}

.navmobile ul li {
	height:45px;
	border-bottom:1px solid white;
	margin-bottom:10px;
	padding-left:1em;
}

.navmobile ul li img {
	margin-right:1em;
}

.corw {
	color:white;
}

.coro {
	color:#ffcc00;
	}

.corw:hover, .coro:hover, corw:active, .coro:active {
	color:#00dbffff;
	text-decoration:none;
}
/* =======================POSITIONNEMENT */

/*body {
	line-height:140%;
	animation: AnimationName 30s ease infinite;
}

@keyframes AnimationName {
    0%{background-position:0% 20%}
    50%{background-position:20% 20%}
    100%{background-position:0% 20%}
}
*/
main {
	margin-top:0.5em;
	margin-bottom:5em;
}

h1 {
	margin-top:0.5em;
}

h2 {
	margin-top:0.6em;
	margin-bottom:0.8em;
}

.bgmain h2 {
	margin-top:0em;
}

h3 {
	margin-top: 0.6em;
	margin-bottom : 0.8em;
	font-size:110%;
	color:#ff9d00
}

#BasPage {
	padding:1.5em;
}

#BasPage a.btn {
	text-decoration:none;
}

.separation1 {
	border-bottom:1px solid white;
	padding-top:1em;
	padding-bottom:0.5em;
}


#BasPage, #BasPage a {
	color:white;
}

#BasPage>ul>li {
	list-style-type:none;
}

#BasPage li {
	margin-bottom:.8em;
}

#BasPage a {
	text-decoration:underline;
}

#BasPage ul {
	padding-left:0;
	list-style-type:none;
}

footer {
	background: rgba(0,0,0,0.8);
	margin-top:1em;
	padding-top: 1em;
}

footer ul.text-right.list-inline {
	margin-bottom:0;
}

@media screen and (max-width:640px) {
	footer ul.text-right.list-inline {
	text-align:center !important;
	margin-bottom:.5em;
	}
}

.conditions h2, .formationJV h2 {
	background: url(img/bg_conditions.png) no-repeat;
    background-size: auto auto;
	background-size: cover;
	padding-left: 1em;
	margin: 0;
	height:44px;
}

 .galerie h3.galh3{
	background-color:#fff;
	margin: 0;
	height:44px;
	text-align:center;
	font-size:140%;
	padding-top:0.6em;
}

.formationJV h2 {
	background: url(img/bg_JV.png) no-repeat;
    background-size: auto auto;
	background-size: cover;
	padding-left: 1em;
	margin: 0;
	height:44px;
}

.formationNum h2 {
	background: url(img/bg_Num.png) no-repeat;
    background-size: auto auto;
	background-size: cover;
	padding-left: 1em;
	margin: 0;
	height:44px;
}

.formationIllu h2 {
	background: url(img/bg_Illu.png) no-repeat;
    background-size: auto auto;
	background-size: cover;
	padding-left: 1em;
	margin: 0;
    article = Article.objects.all().order_by('-pub_date')
    category = Category.objects.all().order_by('title')
    #archive = archives_list(archives_list)
    context = {}
    context['page_title'] = "Articles et blog"
    context['keywords'] = "art, logiciels libres, création, jeu vidéo, game design, game art, programmation, Gimp, Scribus, Inkscape, Krita, Godot, Blender, web"
    context['description'] = "articles et informations sur la création graphique libres et les formations associées"
    menus = (menuOrdi, menuMobile) 
	margin: 0;
	height:44px;
}

.lecentre h2 {
	background-color:white;
	padding-left:1em;
	margin:0;
	min-height:44px;
}

.conditions section, .formationJV section, .formationIllu section,.formationNum section {
	padding: 1rem;
	line-height:200%;
}

.conditions ul, .formationJV ul,  .formationIllu ul, .formationNum ul {
	padding:0;
}

.formationJV a, .formationIllu a, .formationNum a, .lecentre a {
	padding-left:1em;
}

.formationJV a:hover, .formationIllu a:hover, .formationNum a:hover {
	text-decoration:none;
}

.formationJV a:before, .formationIllu a:before, .formationNum a:before {
	content:"» ";
}

.formationJV li , .formationIllu li, .formationNum li{
	line-height:200%;
	list-style-type:none;
}

 .formationJV li:hover,.formationIllu li:hover, .formationNum li:hover {
	color:white;
	padding-left:1em;
}

.temoin {
	margin:0 2em 0 2em;
}

.temoin::before {
	content:"« ";
	float:left;
	font-size:2em;
	margin-right:.5em;
}

/******************************************* TABS */

#FLContent {
	margin-top:2.3em;
	border-top:none;
}

#FLContent .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	background-color:#ffcc00;
	color:black;
	border-color:#ffcc00;
}

#FLContent .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {
	color:#ffcc00;
}

#FLContent .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link:hover {
	border-color:#ffcc00;
}

#FLContent .nav-tabs {
	border-bottom:1px solid #ffcc00;
}

.tab-content {
	margin-top:1.5em;
	color:white;
}

.tab-content ul {
	color:white;
	font-size:120%;
	line-height:140%;
	list-style: square;
}

.tab-content ul li {
	list-style: square;
}

/************************************** PAGE CONTENU EN BLANC */

h1.text-white:after {
	content:'';
	width:60px;
	height:4px;
	background:#fff;
	position:absolute;
	bottom:-4px;
	text-align:left;
}

h1.text-white.title-icon:after {
	left:70px;
}

h1.text-white.no-icon:after {
	left:20px;
}

.bgmain form {
	color:white;
}

.form-control {
	border-radius:0;
}

/*************************************** PAGE FORMATION COURTE LISTE */

@media screen and (max-width: 576px) {
	.card-columns {
	column-count:1;
	-moz-column-count:1;
	-webkit-column-count:1;
	}

	.bgmain {
		padding:0;
		background-color:transparent;
	}

	body {
		background-color:#141700;
		background-image:none;
	}

	footer ul.list-inline li.list-inline-item {
		display:block;
		text-align:left;
		line-height:170%;
		font-size:13pt;
	}

	footer p.text-center {
		font-size:130%;
	}

	.lecentre section p {
		font-size:120%;
	}
}

@media (min-width: 576px) and (max-width: 768px) {
	.card-columns {
	column-count:2;
	-moz-column-count:2;
	-webkit-column-count:2;
	}
}

@media (min-width: 768px) and (max-width: 992px) {
	.card-columns {
	column-count:3;
	-moz-column-count:3;
	-webkit-column-count:3;
	}

	.formationCréation.sonore li a, .formation3D li a, .formationJeux li a, .formationProgrammation li a, .formationWeb li a, .formationGraphisme li a {
		padding-top:8px;
		height:44px;
	}

}

.formation3D, .formationWeb, .formationGraphisme, .formationProgrammation, .formationJeux, .formationCréation.sonore {
    line-height:200%;
}

.formation3D li {
    background-color:#fc6e49;
}

.formationProgrammation li {
    background-color:#a4717f;
}

.formationJeux li {
    background-color:#fb8033;
}

.formationCréation.sonore li {
	background-color:#72edf2;
}


.formation3D li a, .formationWeb li a, .formationGraphisme li a, .formationProgrammation li a, .formationJeux li a, .formationCréation.sonore li a {
    font-family: "Roboto-Bold";
	color:#000;
	margin-top:2px;
	list-style-type: none;
	padding-right:1em;
	transition:font-size .2s;
}

.formation3D li, .formationWeb li, .formationGraphisme li, .formationProgrammation li, .formationJeux li, .formationCréation.sonore li {
	list-style-type:none;
	padding-left:15px;
	padding-right:15px;
	margin-top:2px;
	text-align:left;
}
/*
.formation3D li:hover a, .formationWeb li:hover a, .formationGraphisme li:hover a, .formationProgrammation li:hover a, .formationJeux li:hover a, .formationCréation.sonore li:hover a {
    font-size:1.3em;
}*/

.formation3D a:hover, .formationWeb a:hover, .formationGraphisme a:hover, .formationProgrammation a:hover, .formationJeux a:hover, .formationCréation.sonore a:hover {
	text-decoration:none;
	color: #ffcc00;
}
/*
.formation3D a:before, .formationWeb a:before, .formationGraphisme a:before, .formationProgrammation a:before, .formationJeux a:before, .formationCréation.sonore a::before {
	content:"» ";
}*/

.formation3D h2{
    background:url(img/2bg-3D.png)no-repeat;
    background-size:cover;
    padding-left:1em;
    margin:0;
    height:44px;
    color:black;
    padding-left:1em;
}


.formationWeb h2 {
    background:url(img/2bg-web.png)no-repeat;
    background-size:cover;
    padding-left:1em;
    margin:0;
    height:44px;
    color:black;
    padding-left:1em;
}

.formationJeux h2 {
    background:url(img/2bg-jeux.png)no-repeat;
    background-size:cover;
    padding-left:1em;
    margin:0;
    height:44px;
    color:black;
    padding-left:1em;
}

.formationProgrammation h2 {
    background:url(img/2bg-programmation.png)no-repeat;
    background-size:cover;
    padding-left:1em;
    margin:0;
    height:44px;
    color:black;
    padding-left:1em;    
}

.formationCréation.sonore h2 {
	background:url(img/2bg-son.png)no-repeat;
	background-size: cover;
	padding-left:1em;
	margin:0;
	height:44px;
	color:black;
	padding-left:1em;
}

.formationWeb li {
    background-color:#6beed1;
	margin-top:2px;
	list-style-type: none;
}

.formationGraphisme h2 {
    background:url(img/2bg-graphisme.png)no-repeat;
    background-size:cover;
    padding-left:1em;
    margin:0;
    height:44px;
    color:black;
    padding-left:1em;
}

.formationGraphisme li {
    background-color:#42a9d4;
	margin-top:2px;
	list-style-type: none;
	text-align:left;
}


/* a supprimer bientot*/

.bggraf {
	background-color:#daa084;
}

.bgtof {
	background-color:#e85ff6;
}

.bgpao {
	background-color:#fb739c;
}

.bgcrea {
	background-color:#095970;
}

.bglgg {
	background-color:#eb8e87;
}

.bgstat {
	background-color:#cd3c8b;
}

.bgburo {
	background-color:#fc17d1;
}

.bgvid {
	background-color:#892bd0;
}

.bgadm {
	background-color:#fcb181;
}

.bg3d, .bgweb, .bggraf, .bgtof, .bgpao, .bgcrea, .bglgg, .bgstat,.bgburo, .bgvid,.bgadm {
	border:none;
	cursor:pointer;
}

.bg3d a, .bgweb a, .bggraf a, .bgtof a, .bgpao a, .bgcrea a, .bglgg a, .bgadm a {
	color:#000;
	font-family:"Rajdhani-Bold";
	line-height:160%;
}

.bgcrea a,.bgburo a, .bgvid a, .bgstat a {
	color:#fff;
	font-family:"Rajdhani-Bold";
	line-height:160%;
}

.bg3d a:before, .bgweb a:before,  .bggraf a:before, .bgtof a:before, .bgpao a:before, .bgcrea a:before, .bglgg a:before, .bgstat a:before, .bgburo a:before,.bgvid a:before,.bgadm a:before {
	content:"• ";
}

.bg3d a:hover, .bgweb a:hover,  .bggraf a:hover, .bgtof a:hover, .bgpao a:hover, .bgcrea a:hover, .bglgg a:hover, .bgstat a:hover, .bgburo a:hover,.bgvid a:hover,.bgadm a:hover {
	background-color:hsla(30,15%,95%, 0.4);
	text-decoration:none;
}

/* BLOG */

p.accroche {
    font-weight:bold;
}

.ulblog {
color:white;
}

@media screen and (max-width:640px) {
    a.navbar-brand img {
        width:100px;					
    background: url(img/bg_conditions.png) no-repeat;
    background-size: auto;
    background-size: auto auto;
    background-size: cover;
    padding-left: 1em;
    margin: 0;
    height: 44px;
    font-family:"Rajdhani-Bold";
    color:black;
}

.categories ul {
    padding:1rem;
    line-height:200%;
    border:1px solid white;
    color:white;
    list-style-type:none;
    font-size:90%;
}

.categories a {
    color:#00dbff;
}

.categories a:hover {
    color:white;
}

.bgmain a:hover {
    color:#ffcc00;
}

a.btn.btn-outline-primary:hover {
	color:black !important;
}

.pavage p {
	font-size:120%;
}

pre {
	background-color:black;
	color:white;
	padding:1em;
}

main article section.bgmain ul, section.bgmain ol {
    font-size: 130%;
}

/* =======================Projets */

#travaux .card {
	background-color:black;
	border:1px solid transparent;
	border-radius:0;
	box-shadow:1px 1px 5px black;
	transition-property:transform;
	transition-duration:.3s;
}

#travaux .card:hover {
	box-shadow:0px 0px 0px transparent;
	transform: rotate(3deg);
}

#travaux a:hover{
	text-decoration:none;
}

#travaux .card-img-top {
	border-radius:0;
}

#travaux h2.card-title {
	font-size:250%;
}

#travaux .accroche {
	font-weight:bold;
	font-size:1.5em;
}

#travaux ul {
	list-style-type:none;
	font-size:120%;
}

#travaux .bgmain {
	background-color:black;
}

.nopl {
	padding-left:0;
}

/* =======================PROMOS */

#promo>h1, 
#promo>h2,
#promo>h3
{
	color:black!important;
}

#promo {
	background-color:#17a2b8!important;
	padding:.5rem!important;
	margin-top:1rem!important;	
}

#promo p:hover {
	background-color:transparent;
}

/* === formation courte */
.FC-web h2 {
	text-align: center;
	text-transform: uppercase;
	height:44px;
    background-color:#FFCC00;
    color:black;
    margin-bottom:0;
}

.FC-web ul {
list-style-type: none;
padding:0;

}
.FC-web li:hover{
	background : rgba(255,255,255,.4);
	color : black;
  }
  
  .FC-web li{
	background : rgba(255,255,255,.2);
	transition : background .2s;
	margin-top :2px;
	line-height: 200%;
	padding:10px;
  }

  .FC-web li:nth-child(1), .FC-web li:nth-child(1):hover {
	  padding:0;
  }
  
  .FC-web ul li:hover {
	padding : 10px;
  }
  
  .FC-web li a {
	  transition : font-size .2s;
      font-weight:bold;
  }
  
  .FC-web li:hover a {
	text-decoration:none;
  }
  
  .FC-web a {
	  color:#6ad3ff;
  }

  
/* Futur stretched-link like */
.main-link::before {
	content:"";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/* =============== INDEX ================= */

.formationphares .card-title {text-shadow:1px 1px 3px rgba(0,0,0,.8); font-weight:bold;font-family:rajdhani; font-size:2em;margin-top:0}
.formationphares .card-text {text-shadow:1px 1px 3px rgba(0,0,0,.7); font-size:.8rem; font-weight:bold}
.formationphares .card-text:hover {background:none}
.formationphares .btn {font-size:.8rem}
.formationphares .card {border:none}