a{
 color: #cc1817;
}

a:hover{
 color: #cc1817;
}

#contenu .ligne_1 a:visited, 
#contenu .ligne_1 a:focus, #contenu .ligne_1 a:active{
	color: #cc1817 !important;
}

i{
	color: #cc1817;
} 

h2, h3, h4{
    margin-bottom: 15px;
    position: relative;
    padding-bottom: 10px;
    color: #222 !important;
}

h2:after, h3:after, h4:after {


    content: "";
    display: block;
    position: absolute;
    width: 70px !important;
    height: 3px;
    background: #cc1817;
    bottom: 0;
    left: 0;
}

.fa.fa-cutlery:before{
	content: "\f0f5" !important;
}


#parent .service-num a:visited, #parent .service-num a:active{
    /* color: #cc1817 !important; */
    color: #222 !important;
}

#fil_ariane{
    margin-bottom: 0 !important;
}

#zone-titre{
    width: 100%;
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    position: relative;
    z-index: 0;
    background: url('https://www.univ-tlse2.fr/css-inspe/medias/fond-saint-agne.jpg') no-repeat center center;
    background-size: cover;
    min-height: 350px;
}

#zone-titre:after{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	background: rgba(0, 0, 0, .4);
}

#zone-titre .icon{
color: #fff;
}

#zone-titre h1{
    width: 100%;
    max-width: 950px;
    padding: 20px 50px !important;
    margin: 0 !important;
    font-size: 40px;
    z-index: 2;
    color: #fff;
    text-shadow: 0 0 3px #333;
    text-align: center;
    position: absolute;
    top: 50%;
    top: calc(50% - 10px);
    left: 50%;
    transform: translate(-50%, -50%);
}

h2, h3{
    color: #222;
}

h2 i, h3 i{
    color: #222;
}

h1:after, h2:after{
    content: "";
    display: block;
    background :  #cc1817;
    height: 3px;
    width: 30%;
    margin-top: 5px;
}

h1:after{
    margin: 10px auto 0;
}

h2{
	padding: 15px 0;
}

h2:after{
	width: 115px;
}

.objets.actualites {
        display: grid;
        grid-template-columns: 1fr 1fr !important;
        grid-auto-rows: 1fr;
        grid-gap: 30px;
        overflow: hidden !important;
    }

@media screen and (max-width: 660px) {

    .objets.actualites {
        display: grid;
        grid-template-columns: 1fr !important;
        grid-auto-rows: auto;
        grid-gap: 40px;
        box-sizing: border-box;
    }
}    

.objets.actualites li.avec_vignette a{
    border: 1px solid #DDD;
    /* border-radius: 4px; */
}

.objets.actualites h3:before{
display: none !important;
}


/* De vert à rouge */

#menu_principal > li > button:hover, #menu_principal > li > a:hover, #menu_principal > li > span:hover, #menu_principal > li.menu__level__item--actif > button, #menu_principal > li.menu__level__item--actif > a, #menu_principal > li.menu__level__item--actif > span{
	color: #cc1817;
}

#menu_principal > li.menu__level__item > button:after, #menu_principal > li.menu__level__item> a:after{
	background :  #cc1817 !important;
}

#menu_principal > li.menu__level__item > .menu__level .menu__level__items > ul > li > a:before{
	color :  #cc1817 !important;
}

#menu_principal > li.menu__level__item > .menu__level .menu__level__items > ul > li > a:hover{
	color :  #cc1817 !important;
}

#menu_principal > li.menu__level__item > .menu__level .menu__level__items > ul > li > a:after{
	background :  #cc1817 !important;
}

body > header #acces_directs .libelle:hover{
	color :  #cc1817 !important;
}

.accueil .encadre h2 i{
	color :  #cc1817 !important;
}

.accueil * a{
	color :  #cc1817;
}

.accueil .btn_block{
	background :  #cc1817 !important;
}

.accueil .btn_block:hover{
	background :  #222 !important;
}


.home .ligne_8 .cycle-slideshow > div h4{
	color :  #cc1817 !important;
}

body > footer .plan-site .plan-site__lvl1{
	color: #222;
}

body > footer .plan-site .plan-site__lvl1:after{
background-color :  #cc1817 !important;
}

.home .objets.actualites .avec_vignette a .dates{
	color :  #cc1817 !important;
}

.home .objets.actualites .avec_vignette a h3 {
	color: #222 !important;
}

.vignette_deco:before{
	background: #cc1817 !important;
}


/* Fin de vert à rouge */

.ligne_1{
	position: relative;
	z-index: 10;
	transform: translateY(-50%);
	margin: 0;
	padding: 0;

}

.ligne_1 .paragraphe--0{
	margin: 0;
	padding: 0;
}


.ligne_1 #grid-intro-sites{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-auto-rows: 1fr;
	grid-gap: 25px;
	padding: 0 7px;
	z-index: 3;
}

.ligne_1 #grid-intro-sites a.block-site{
	display: block;
	text-align: center;
    background: #F5F5F5 !important;
    padding: 32px 15px;
    color: #222 !important;
    text-decoration: none;
    font-weight: 900;
    font-size: 14px;
    border-radius: 3px;
    position: relative;
    z-index: 1;
    border: 1px solid #CCC;
    box-sizing: border-box;
    word-break: break-word; 
}

.ligne_1 #grid-intro-sites a.block-site:after{
content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 100%;
    top: 0;
    left: 50%;
    opacity: 0;
    background: #E5E5E5;
    transition: all 0.25s ease;
    z-index: -1;
  }

 .ligne_1 #grid-intro-sites a.block-site:hover:after {
    width: 100%;
    box-shadow: inset 0 -4px 0 0 #cc1817;
    left: 0;
    opacity: 1;
}

.ligne_1 #grid-intro-sites .block-site i{
	display: block;
	font-size: 32px;
	padding-bottom: 8px;
	font-weight: normal;
}

.actions-fiche {
    z-index: 10;
    position: relative;
}


.paragraphe--0 h3{
    font-size: 28px;
}

.ligne_2 .colonne_1 .paragraphe--0 h3:nth-of-type(1):before{
    content: "\f19d";
    font-family: FontAwesome;
    font-weight: normal;
    margin-right: 6px;
    display: inline-block;
}

.ligne_2 .colonne_1 .paragraphe--0 h4{
    padding: 5px 0 5px 15px;
    font-size: 24px;
}

.ligne_2 .colonne_1 .paragraphe--0 h4:after{
    width: 3px !important;
    top: 0;
    left: 0;
    height: 100%;
    background: #cc1817;
}

.ligne_2 .colonne_1 .paragraphe--0 h4:before{
    font-size: 25px;
    content: "\f0da";
    font-family: FontAwesome;
    font-weight: normal;
    color: #cc1817;
    position: absolute;
    display: block;
    left: 2px;
    top: 50%;
    transform: translateY(-50%);
}

.ligne_2 .colonne_2 .paragraphe--0 h3:nth-of-type(1):before{
    content: "\f0a1";
    font-family: FontAwesome;
    font-weight: normal;
    margin-right: 6px;
    display: inline-block;
}

.ligne_2 .colonne_2 .paragraphe--0 .actualites h3{
    margin-top: 10px !important;
}

.paragraphe--0 h3:after{
    transform: none !important;
    left: 0 !important;
}

.ligne_2 .colonne_1 .paragraphe--0 h5{
    font-size: 20px;
    margin: 15px 0 10px ;
}

.objets.actualites .avec_vignette a .dates {
    color: #cc1817 !important;
}

.contenu a{
    color: #cc1817 !important;
    position: relative;
    text-decoration: none;
    /* display: inline-block; */
}

.contenu a:hover{
    text-decoration: underline;
}




@media screen and (max-width: 960px) {


}


@media screen and (max-width: 860px) {
      

}