/* ---------------------
IMPORT FICHIERS CSS (enlever les imports inutiles /!\)
------------------------*/
@import url(/modeles/fr/RIPP/css/foundation.css);
@import url(/modeles/fr/RIPP/css/structure.css);
@import url(/modeles/fr/RIPP/css/navigationElements.css);
@import url(/modeles/fr/RIPP/css/elements.css);
@import url(/modeles/fr/RIPP/css/form.css);
@import url(/modeles/fr/RIPP/css/publicationMethods.css);
@import url(/modeles/fr/RIPP/css/jquery.fancybox.css);
@import url(/modeles/fr/RIPP/css/responsiveslides.css);
@import url(/modeles/fr/RIPP/css/accueil.css);
@import url(/modeles/fr/RIPP/css/tarteaucitron.css);

/* -----------------------------------
IMAGES
----------------------------------- */
.lienAffiche a::before, .downloadLink span::before{
	content: url(/images/rippa/icon-download.svg);
}
.breadcrumb .separatorBread::before, .moreEvent::after {
	content: url(/images/rippa/icon-arrow-right.svg);
}
#responsiveSlide .caption p::after, .chapoText > a::before, body:not(.ruIntervenant) .chapo .moreLink a::before, .linksmore span::before{
	content: url(/images/rippa/icon-share.svg);
}
.backNew::before {
	content: url(/images/rippa/icon-share-left.svg);
}

/* -----------------------------------
COULEURS THEME
----------------------------------- */
/*---------- CK EDITOR ----------- */
.colorTheme {
	color: #F09500;
}
.exerguePerso {
	color: #F09500;
}
.exerguePerso::before {
	background: #F09500;
}
/*---------- LOGO ----------- */
header #logo a
{
	width: 154.65px;
	height: 83px;
	background: transparent url('/images/rippa/logo-rippa.svg') no-repeat scroll center top;
	background-size: 100%;
}

/*---------- TITRES ----------- */
h1,.h1-like,h2,.h2-like,h4,.h4-like
{
	color: #F09500;	
}
/*---------- LIENS ----------- */
/* GENERAL*/
a, :link, a:visited
{
	color: #F09500;
}
a:hover, a:focus, a:active
{
	color: #f07800;
	outline: none;
}
/* CONTENU */
article .structured_text_semantique_text a
{
	color: #F09500;
	background-image: linear-gradient(120deg, #F09500 0%, #F09500 100%);
	background-repeat: no-repeat;
	background-position: 0 88%;
	background-size: 100% 2px;
}
article .structured_text_semantique_text a:hover
{
	background-image:linear-gradient(120deg, #f07800 0%, #f07800 100%);
  color: #f07800;
}
/*---------- BOUTON PERSO----------- */
a.btn.perso, article .structured_text_semantique_text a.btn.perso, input[type='submit']
{
	background: #d6007b;
	background: -moz-linear-gradient(top, #F09500 49%, #F08800 50%); 
	background: -webkit-linear-gradient(top, #F09500 49%,#F08800 50%); 
	background: linear-gradient(to bottom, #F09500 49%,#F08800 50%);
	background-size: 100% 200%;
	background-position: center top;
}
/*---------- LISTE A PUCES ----------- */
article .structured_text_semantique_text ul li::before,
ul .blockList li::before,
.form_creator_header ul li:before,
article .siteMapPage ul li::before,
.ckEditor ul li::before,
#chapoList ul li::before
{
	color: #F09500;
}
/*---------- SCROLL TO TOP ----------- */
.scrollToTop svg
{
   fill : #F09500;
}
/*---------- HR ----------- */
.separator.clear,
hr.trait
{
	background: -moz-linear-gradient(left, #ffffff 0%, #d6007b 10%, #d6007b 90%, #ffffff 100%); 
	background: -webkit-linear-gradient(left, #ffffff 0%,#d6007b 10%,#d6007b 90%,#ffffff 100%); 
	background: linear-gradient(to right, #ffffff 0%,#d6007b 10%,#d6007b 90%,#ffffff 100%); 
}

/*---------- NAVIGATION ----------- */
#nested .firstLevel li .secondLevel > li.active a {
		color: #F09500;
	}
.breadcrumb svg {
	fill:#F09500;
}
/*---------- RESPOSNIVE SLIDE ----------- */
#responsiveSlide .caption strong{
	color: #F09500;	
}
#responsiveSlide .slide .caption a:hover + p {
	color: #F09500;
}
/*---------- MULTIARTICLES ET LIENS ----------- */
.chapoText > a,.chapoText > a:focus, .chapoText > a:active, .downloadLink span,  body:not(.ruIntervenant) .chapo .moreLink a, .linksmore span{
	color: #F09500;
	border-color:#F09500;
}
.chapoText > a:hover,
a.downloadLink span:hover {
	color: #F09500;
}
.ruIntervenant .chapo .moreLink a:hover {
	color: #F09500;
	border-bottom: 2px solid #F09500;
}
/*---------- PROGRAMME ----------- */
.ruProgramme .deux_colonnes > div:first-child {
	border-color: #F09500;
}
.ruProgramme .deux_colonnes > div:first-child p{
	color: #F09500;
}
/*---------- ACCUEIL ----------- */
#progEvent tbody tr th
{
  color: #F09500;
	border-color: #F09500;
}
@media only screen and (min-width: 48em)
{
	/*---------- LOGO ----------- */
	header #logo a {
		height: 52px;
		width: 120px;
		background: transparent url('/images/rippa/logo-rippa.svg') no-repeat scroll center -7px;
		background-size: 100%;
	}
	/*---------- NAVIGATION ----------- */
	#nested .firstLevel > li:hover > a
	{
			color: #F09500;
	}
	#nested .firstLevel > li.active > a,
	#nested .firstLevel > li.active > a:hover,
	#nested .firstLevel > li.active:hover > a
	{
		 color: #F09500;
	}
	.breadcrumb span:nth-child(3) a{
		color: #F09500;
	}
	.breadcrumb span:hover {
		color: #F09500;
		border-bottom: 2px solid #F09500;
	}
	/*---------- ACCUEIL ----------- */
	#progEvent h2 {
		 color: #F09500;
	}
}
/*--------------------------------------- à partir de 1025px - LARGE ---------------------------------------*/
@media only screen and (min-width: 64.063em)
{
	/*---------- LOGO ----------- */
	header #logo a {
    height: 74px;
    width: 130px;
		background: transparent url('/images/rippa/logo-rippa.svg') no-repeat scroll center top;
		background-size: 100%;
	}
}
/*--------------------------------------- à partir de 1281px ---------------------------------------*/
@media only screen and (min-width: 80.063em)
{
	/*---------- LOGO ----------- */
	header #logo a {
    height: 84px;
    width: 150px;
	}
}
/*--------------------------------------- à partir de 1560px ---------------------------------------*/
@media only screen and (min-width: 97.500em)
{
	/*---------- LOGO ----------- */
	header #logo a {
   	height: 100px;	
		width: 187.05px;
	}
}