/* header avec mariane VT novembre 2020 */

.block-header .block-logo .main-title .logo img {
    max-width: 260px;
    display: inline-block;
    vertical-align: middle;
}

/* Cache du bouton Mon compte Têtière */
#li_form_login {
display : none;
}
#li_links_login {
display : none;
}
li.item.shopping-cart {
display: none;
}
/* Fond boite focus style 2 */
.box-focus.style_1 .inner {
background : white;
}

/* liens fil d'Ariane VT juillet 2017 */
.breadcrumbs, .breadcrumbs a, .breadcrumbs a:hover, .breadcrumbs a:focus {
    color: #333333;
}

/* style nombre de résultats ES novembre 2018 */
div.total {
    font-size: 1.75rem;
    font-weight: bold;
    text-align: right;
}

/* Puce des listes actus mars 2017 */
#actualite.index main ul li {
    background: url(/img/minisites/cnpf/puce_fleche_actu.png) no-repeat 0 4px;
}

/* Intervalle + gras A télécharger / A consulter mars 2017 */
.texte p.a_consulter, .texte p.a_telecharger {
    margin-top: 0em;
    font-weight: normal;


}/* Style total recherche liste base doc mars 2017 */
div.total {
    font-size: 1.75rem;
    font-weight: bold;
    text-align: right;
}



/* Cache du panier de Mon compte Diane mai 2016 */
li.item.shopping-cart {
display: none;
}
/* Modifs footer */
.block-footer > .inner {
padding-bottom: 0px;
}
/* Lien dans le contenu d'une boite libre */
.box-default.style_1 .inner .content a, .box-default.style_2 .inner .content a {
background: none;
text-decoration: underline;
color: #ac1319;
}
/* background boite focus style 1 */
.box-focus.style_1 .inner {
    background: none;
}
/* ---- Boite libre Style 2 Contours Marron, Titre et bouton rouge --------------------- */
.box-default.style_2 .inner::before {
border-width: 2px 0px 0px 2px; 
border-style: solid; 
border-color: #00783c;
}
.box-default.style_2 .inner::after {
border-width: 0px 2px 2px 0px; 
border-style: solid; 
border-color: #00783c;
}
.box-default.style_2 .inner .title {
    color: #AC1319;
}
.box-default.style_2 .inner a {
    color: #fff;
    background-color: #AC1319;
}
.box-default.style_2 .inner a:hover, .box-default.style_2 .inner a:focus {
    background-color: black;
}



/*************************************************************************
*********************** Styles des minisites CNPF ************************
*************************************************************************/

/*---------- Import des polices ----------*/

@font-face {
	font-family: 'patrick_handregular';
	src: url('/fonts/minisites/cnpf/patrickhand-regular-webfont.eot');
	src: url('/fonts/minisites/cnpf/patrickhand-regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/minisites/cnpf/patrickhand-regular-webfont.woff2') format('woff2'),
		 url('/fonts/minisites/cnpf/patrickhand-regular-webfont.woff') format('woff'),
		 url('/fonts/minisites/cnpf/patrickhand-regular-webfont.ttf') format('truetype'),
		 url('/fonts/minisites/cnpf/patrickhand-regular-webfont.svg#patrick_handregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*-- Small caps --*/
@font-face {
	font-family: 'patrick_hand_scregular';
	src: url('/fonts/minisites/cnpf/patrickhandsc-regular-webfont.eot');
	src: url('/fonts/minisites/cnpf/patrickhandsc-regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/minisites/cnpf/patrickhandsc-regular-webfont.woff2') format('woff2'),
		 url('/fonts/minisites/cnpf/patrickhandsc-regular-webfont.woff') format('woff'),
		 url('/fonts/minisites/cnpf/patrickhandsc-regular-webfont.ttf') format('truetype'),
		 url('/fonts/minisites/cnpf/patrickhandsc-regular-webfont.svg#patrick_hand_scregular') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*---- Couleur des liens du site + A consulter rev VT juillet 2017 avant #272727-----*/
a {
	color: #7d4e24;
}
.actualite.fiche-detail ul.liens > li > a {
 	font-weight: bold;
	color: #7d4e24;
}

/*--- Couleur des liens du site au survol rev VT juillet 2017 avant #5b1515---*/
a:hover,
a:focus {
	color: #7d4e24;
}

/*--- image et couleur de fond du site ---*/
body {
	background: url(/img/minisites/cnpf/bg-body.jpg) repeat 0 0 #e9e1d6;
}




/*-------------------- Entete -------------------*/


/************ Layer de connexion *************/

/*------------- Couleur de fond -----------*/
#li_form_login.active, #li_form_login.connected,
#li_form_login .intext, #li_links_login.active {
	background: #6c4625;
}

#connection,
#disconnect {
	background: #7d4e24;
}

#connection label {
	font-weight: normal;
}

.half > a,
.half > a:hover,
.half > a:focus {
	color: #fff;
}




/*---- Slogan du site ----*/
.block-header .block-logo .main-title {
	font-family: "patrick_hand_scregular", tahoma, sans-serif;
	font-weight: normal;
	color: #5b1515;
}

.block-header .block-logo .main-title .baseline {
	width: 55%;
	margin-top: 1.1em;
}

.block-header .block-logo .main-title .baseline .baseline-1,
.block-header .block-logo .main-title .baseline .baseline-2,
.block-header .block-logo .main-title .baseline .baseline-3,
.block-header .block-logo .main-title .baseline .baseline-4 {
	line-height: 1em;
}

.block-header .block-logo .main-title .baseline .baseline-1 {
	display: block;
	font-size: 36px;
	font-size: 1.6rem;
	color: #aa1b20;
}

.block-header .block-logo .main-title .baseline .baseline-2 {
	font-size: 25px;
	font-size: 1.5rem;
	color: #00783c;
}

.block-header .block-logo .main-title .baseline .baseline-3 {
	font-size: 36px;
	font-size: 1.6rem;
	color: #00783c;
}

.block-header .block-logo .main-title .baseline .baseline-4 {
	display: block;
	font-size: 36px;
	font-size: 1.6rem;
	color: #aa1b20;
}


/*---- Image de décoration du slogan du site ----*/
.block-header .block-logo {
	background: url(/img/minisites/cnpf/bg-header-baseline.png) no-repeat 97% 30px;
}


/*---- Couleur des icones mon compte et newsletter ----*/
.block-header .block-search .links .item > button .glyphicon {
	color: #7d4e24;
}


/*---- Couleur du formulaire de recherche ----*/
.block-header .block-search .search > .inner,
.block-header .block-search .search .submit .btn {
	color: #fff;
	background: #aa1b20;
}


/*---- Couleur de fond des icones de partage sur les reseaux sociaux ----*/
.block-header .share span img {
	background-color: #04793c;
}




/*------- Couleurs du menu de navigation principale -------*/
.block-main-nav .level_0 {
	background: #ac1319;
}


/*------- Liens de niveau 1 du menu de navigation principale -------*/
.block-main-nav .level_0 > li > a,
.block-main-nav .level_0 > li > span {
	font-family: "patrick_hand_scregular", tahoma, sans-serif;
	font-weight: normal;
	background: #ac1319;
	color: #fff;
	border-bottom-color: #ac1319;
}


/*------- Couleurs des liens de niveau 2 et 3 du menu de navigation principale -------*/
.block-main-nav .level_1 > li > a,
.block-main-nav .level_1 > li > span {
	color: #00783c;
	border-bottom-color: #9fc989;
}



/*------- Navigation principale -------*/

.button-navtoggle {
	background: #ac1319;
}

.button-navtoggle .button-navtoggle-title {
	color: #000;
}

/*+++++++ Points de rupture Responsive Web Design ++++++++*/

@media (min-width: 768px) {
	.block-main-nav .level_0 > li > a,
	.block-main-nav .level_0 > li > span {
		border-right-color: #bd4247;
		border-bottom: 0;
	}

	.block-main-nav .level_0 > li:hover > a,
	.block-main-nav .level_0 > li:hover > span,
	.block-main-nav .level_0 > li:focus > a,
	.block-main-nav .level_0 > li:focus > span,
	.block-main-nav .level_0 > li.active > a,
	.block-main-nav .level_0 > li.active > span {
		color: #ac1319;
	}
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*-------- boite liens style 1 et 2 --------*/

/*--- image de fond ---*/
.box-links.style_1 .bg,
.box-links.style_2 .bg {
	background: url(/img/minisites/cnpf/bg_link_1.png) repeat 0 0;
}


/*--- Police du titre ---*/
.box-links .title {
	font-size: 30px;
	font-size: 1.875rem;
	font-family: "patrick_hand_scregular", tahoma, sans-serif;
	font-weight: normal;
}

/*--- couleur du titre et sous-titre ---*/
.box-links .title,
.box-links .title a,
.box-links .under-title {
	color: #272727;
}


/*--- graisse de la police du sous-titre ---*/
.box-links .under-title {
	font-weight: normal;
}

/*--- couleurs des liens et de leur fond ---*/
.box-links .list > .item > a {
	color: #272727;
	background-image: url(/img/minisites/cnpf/icon-list-01.png);
	background-color: #f7f5f2;
}


/*--- couleurs des liens et de leur fond au survol et focus ---*/
.box-links .list > .item > a:hover,
.box-links .list > .item > a:focus {
	color: #fff;
	background-image: url(/img/minisites/cnpf/icon-list-01-hover.png);
	background-color: #272727;
}




/*-------- boite libre style 1 et 2 --------*/

/*--- Couleur des bordure des coins ---*/
.box-default.style_1 .inner:before,
.box-default.style_1 .inner:after {
	border-color: #af282d;
}


/*--- Police du titre ---*/
.box-default .title {
	font-size: 30px;
	font-size: 1.875rem;
	font-family: "patrick_hand_scregular", tahoma, sans-serif;
	font-weight: normal;
}


/*--- Couleur du titre ---*/
/* .box-default.style_2 .inner .title */
.box-default.style_1 .inner .title {
	color: #7d4e24;
}


/*--- Couleur de fond du lien du bas de poite ---*/
/* .box-default.style_2 .inner a, */
.box-default.style_1 .inner a {
	background: #7d4e24;
}


/*--- Couleur des liens de documents ---*/
.box-default.style_1 .inner .documents a,
/* .box-default.style_2 .inner .documents a */ {
	color: #272727;
	text-decoration: underline;
	background: transparent;
}


/*--- Liens de documents au survol ---*/
.box-default.style_1 .inner .documents a:hover,
/ * .box-default.style_2 .inner .documents a:hover, */
.box-default.style_1 .inner .documents a:focus,
/* .box-default.style_2 .inner .documents a:focus */ {
	text-decoration: none;
}



/*-------- boite focus --------*/

/*--- Police du titre ---*/
.box-focus .title {
	font-size: 30px;
	font-size: 1.875rem;
	font-family: "patrick_hand_scregular", tahoma, sans-serif;
	font-weight: normal;
}

/*--- Couleur du titre ---*/
.box-focus.style_1 .title,
.box-focus.style_1 .title a {
	color: #fff;
}


/*-------- boite focus style 1 --------*/

/*--- Couleur de fond du lien ---*/
.box-focus.style_1 .text {
	background: rgba(172, 19, 25, .85);
}


/*-------- boite focus style 2 --------*/

/*--- Couleur de fond du lien ---*/
.box-focus.style_2 .text {
	background: rgba(159, 201, 137, .85);
}





/*-------- boite actualités --------*/

/*--- Police du titre h2 ---*/
.box-actus h2 {
	font-family: "patrick_hand_scregular", tahoma, sans-serif;
	font-weight: normal;
}


/*--- Couleur de bordure ---*/
.box-actus li {
	border-top-color: #9fc989;
}

/*--- Police du titre h3 ---*/
.box-actus h3,
.box-actus h3 a {
	color: #00783c;
}


/*--- Couleur des dates ---*/
.box-actus .dates {
	color: #7d4e24;
}

/******************* Pages de contenu CMS *******************/

/********** Pages de rubrique / certains elements applicables aux pages de contenu aussi ***********/


/*--- Couleur et police du titre h2 ---*/
.rub-content h2 {
	font-family: "patrick_hand_scregular", tahoma, sans-serif;
	font-weight: normal;
	color: #7d4e24;
}

/*--- Police d introduction ---*/
.rub-content .intro p {
	font-family: "Rambla", tahoma, sans-serif;
	font-style: normal;
	font-weight: bold;
	color: #272727;
}


/*--- Fond de la photo d introduction ---*/
.rub-content .intro .img > a:before, .rub-content .intro .images > a:before {
	background: #7d4e24;
	color: #272727;
}


/*--- Couleur et police du titre de paragraphe valable pour pages rubrique et contenu ---*/
.rub-content h3, .section-content h3 {
	font-family: "patrick_handregular", tahoma, sans-serif;
	font-weight: normal;
	color: #ac1319;
}


/*--- Police des légendes d'images de paragraphe ---*/
figure.img figcaption p,
figure.images figcaption p {
	color: #272727;
}


/*--- Fond des légendes d'images de paragraphe ---*/
figure.img figcaption,
figure.images figcaption {
	background: rgba(255, 255, 255, 0.9);
}


/*--- Puce des listes à puces ---*/
.texte .paragraphe ul li {
	background: url(/img/minisites/cnpf/puce_feuille_mini.png) no-repeat 0 4px;
}


/*--- Puce des liens à consulter / ATTENTION  il faut remplacer l'url de l'image appelée une fois qu'elle sera parmi les fichiers ---*/
.texte ul.links > li > a,
.actualite.fiche-detail ul.liens > li > a {
	background: url(/img/css/puce_feuille_mini.png) no-repeat 0 center;
}

/*--- Polices des th dans les tableaux ---*/
.rub-content table th,
.section-content table th {
	color: #00783c;
}


/*--- Police du titre des boites de resumes ---*/
.rub-content .rub-list .item .title,
.rub-content .rub-list .item .title a  {
	font-size: 22px;
	font-size: 1.5rem;
	font-family: "patrick_hand_scregular", tahoma, sans-serif;
	font-weight: normal;
	color: #00783c;
}

/*--- Fond du lien allant du resume à la page ---*/
.rub-content .rub-list .item .picture .more {
	background: #7d4e24;
}

/********** Pages de contenu ***********/

/*--- Couleur et police du titre h2 ---*/
.section-content h2 {
	font-family: "patrick_hand_scregular", tahoma, sans-serif;
	font-weight: normal;
	color: #00783c;
}




/********** Pages de module / moteur ***********/

/*--- Couleur et police du titre h1 ---*/
.titre-recherche, .mon-compte h2 {
	font-family: "patrick_hand_scregular", tahoma, sans-serif;
	font-weight: normal;
	color: #00783c;
}


/*--- Police du titre de la colonne de gauche sur les moteurs ---*/
.datalist-search h2, .mon-compte h3, .mon-compte legend {
	font-family: "patrick_hand_scregular", tahoma, sans-serif;
	font-weight: normal;
	font-size: 22px;
	font-size: 1.5rem;
	color: #ac1319;
}


/*--- Bouton submit la colonne de gauche sur les moteurs ---*/
.btn-success, .datalist-search .submit input {
	background-color: #7d4e24;
}

.btn-success:hover, .datalist-search .submit input:hover {
	background-color: #5d3a1a;
}


/*--- Fond barre pagination ---*/
.datalist-pagination, .datalist-pagination a,
.data_list_footer, .data_list_footer a {
	color: #7d4e24;
	background: #e7e0dc;
}


/*--- Filets de séparation entre résultats sur les moteurs ---*/
.datalist-renderer .datalist-item {
	border-bottom: #e7e0dc 2px solid;
}


/*--- Titre de résultat sur les moteurs ---*/
.datalist-renderer .structure,
.datalist-renderer .h3,
.datalist-renderer h3 {
	color: #00783c;
}



/********** Pages de module / fiche détaillée ***********/
/*--- Couleur et police du titre h1 ---*/
.fiche-detail h2 {
	font-family: "patrick_hand_scregular", tahoma, sans-serif;
	font-weight: normal;
	color: #00783c;
}

/*--- Couleur et police de la date ---*/
.fiche-detail h3 {
	font-family: "patrick_hand_scregular", tahoma, sans-serif;
	font-weight: normal;
	color: #000;
}


/*--- Couleur et police du titre de paragraphe ---*/
h4 {
font-family: "patrick_handregular", tahoma, sans-serif;
font-weight: normal;
color: #ac1319;
}


/********** Pied de page ***********/

/*--- Couleur de fond ----*/
.block-footer > .inner {
	color: #fff;
	background: #00783c;
}

/*--- Couleur des bordures ----*/
.block-footer .column ul {
	border-left-color: #339363;
}

@media (max-width: 768px) {
	.block-footer .menu.menu-2 > ul {
		border-top-color: #339363;
	}
}

/*--- Police des liens ----*/
.block-footer .menu.menu-1 li > a {
	font-family: "patrick_hand_scregular", tahoma, sans-serif;
	font-weight: normal;
}

/*--- Image de fond des liens ----*/
.block-footer .menu.menu-2 li > a {
	background-image: url(/img/minisites/cnpf/icon-list-01-hover.png);
}