{namespace em=Emagineurs\EMagineurs\ViewHelpers}
<f:variable name="projects"><em:projectsRelated programUid="{fiche.cdps.0.uid}" /></f:variable>

<div id="image-header">
    <div class="banner-img">
    	<f:if condition="{fiche.image.0}">
    		<f:then>
            	<f:image image="{fiche.image.0}" alt="" width="1200" class=""/>
            </f:then>
		    <f:else>
		    	<f:cObject typoscriptObjectPath="lib.banner" />
		    </f:else>
		</f:if>
    </div>
</div>
<article class="js-empty__container">
	<div class="container">
		<div class="row">
			<div class="col-lg-3 mb-4 mb-lg-0">
    			<f:for each="{fiche.categories}" as="category" key="key" iteration="ite">
		            <f:if condition="({ite.isFirst}) && ({category.parentcategory.uid} == 1)">
		                <div class="category-annuaire category--{category.uid}">
		                    <f:image image="{category.images}" class="" alt="{newsItem.categories.0.title}" width="70c" height="70c" />
		                </div>
		            </f:if>
		        </f:for>
    		</div>
    		<div class="col-lg-9">
                <f:cObject typoscriptObjectPath="lib.titrePage" />
            </div>
            <div class="col-12">
            	<div class="row">
            		<div class="col-lg-9 offset-lg-3">
            			<div role="tablist" aria-label="{fiche.title}">
							<div class="tablist">
								<button role="tab" aria-selected="true" aria-controls="detail__appel-projet" id="tab__appel-projet" class="tablist__button">Appel à projets</button>
								<f:if condition="{fiche.cdps.0}">
									<button role="tab" aria-selected="false" aria-controls="detail__timeline" id="tab__timeline" class="tablist__button">Les étapes de mon projet</button>
									<button role="tab" aria-selected="false" aria-controls="detail__programme" id="tab__programme" class="tablist__button">{f:if(condition: '{fiche.cdps.0.accueiljour} == 1', then: 'Priorité', else: 'Programme')}</button>
									<button role="tab" aria-selected="false" aria-controls="detail__contact" id="tab__contact" class="tablist__button">Contact</button>
								</f:if>
							</div>
						</div>
            		</div>
					
					<!--TYPO3SEARCH_begin-->
					<div tabindex="0" role="tabpanel" id="detail__appel-projet" class="col-12 tabpanel visible" aria-label="Appel à projets">
						<div class="row">
							<div class="js-content_left content_left d-none d-lg-block col-lg-3">
								<div class="block_content_left d-none d-lg-block">
									<div class="frame frame-default frame-type-menu_section frame-layout-0">
										<div class="the_case_sidebar">
											<div class="case_titre_page_menu_gauche">
												<p class="titre_page_menu_gauche d-none d-lg-block">
													{f:cObject(typoscriptObjectPath: 'lib.titremenuPage')}
												</p>
											</div>
											<ul class="js-the_case_sidebar__list">
												<li class="the_case_sidebar__list__item js-the_case_sidebar__list__item">
													<a data-scroll="#projets-1" class="progress_page_txt">Titre de l'appel</a>
													<div class="progress_page"></div>
												</li>
												<f:if condition="{fiche.categories}">
													<li class="the_case_sidebar__list__item js-the_case_sidebar__list__item">
														<a data-scroll="#projets-2" class="progress_page_txt">Thématique</a>
														<div class="progress_page"></div>
													</li>
												</f:if>
												<f:if condition="{fiche.description}">
													<li class="the_case_sidebar__list__item js-the_case_sidebar__list__item">
														<a data-scroll="#projets-3" class="progress_page_txt">Objectifs</a>
														<div class="progress_page"></div>
													</li>
												</f:if>
												<f:if condition="{fiche.ouvertcomment}">
													<li class="the_case_sidebar__list__item js-the_case_sidebar__list__item">
														<a data-scroll="#projets-4" class="progress_page_txt">Résumé de l'appel</a>
														<div class="progress_page"></div>
													</li>
												</f:if>
												<f:if condition="{fiche.beneficiaire}">
													<li class="the_case_sidebar__list__item js-the_case_sidebar__list__item">
														<a data-scroll="#projets-5" class="progress_page_txt">Bénéficiaires potentiels</a>
														<div class="progress_page"></div>
													</li>
												</f:if>
												<f:if condition="{fiche.enjeux}">
													<li class="the_case_sidebar__list__item js-the_case_sidebar__list__item">
														<a data-scroll="#projets-6" class="progress_page_txt">Zones d'éligibilité</a>
														<div class="progress_page"></div>
													</li>
												</f:if>
												<f:comment>
													<f:if condition="{fiche.contacts}">
														<li class="the_case_sidebar__list__item js-the_case_sidebar__list__item">
															<a data-scroll="#projets-7" class="progress_page_txt">Montant total de l'appel</a>
															<div class="progress_page"></div>
														</li>
													</f:if>
													<f:if condition="{fiche.datefiche} != ''">
														<li class="the_case_sidebar__list__item js-the_case_sidebar__list__item">
															<a data-scroll="#projets-8" class="progress_page_txt">Date d'ouverture</a>
															<div class="progress_page"></div>
														</li>
													</f:if>
													<f:if condition="{fiche.population} != ''">
														<li class="the_case_sidebar__list__item js-the_case_sidebar__list__item">
															<a data-scroll="#projets-9" class="progress_page_txt">Date de clôture</a>
															<div class="progress_page"></div>
														</li>
													</f:if>
												</f:comment>
											</ul>
										</div>
									</div>
								</div>
							</div>
							<div class="js-content_center content_center col-lg-9">
								<div class="row">
									<div class="col-12 d-none d-print-block"><p class="chapo">Appel à projets</p></div>
									<div id="projets-1" class="frame-type-textmedia col-12">
										<h2>Titre de l'appel</h2>
										<div class="frame-type-textmedia__content">
											<p>{fiche.title}</p>
										</div>
									</div>
									<f:if condition="{fiche.categories}">
										<div id="projets-2" class="frame-type-textmedia col-12">
											<h2 class="heading-icone heading-icone--thematique">Thématique</h2>
											<div class="frame-type-textmedia__content">
												<p>
													<f:for each="{fiche.categories}" as="category" iteration="itemIteration">
								           	<f:if condition="{category.parentCategory.uid} != 6">
								              <span class="category">{category.title}</span>
								            </f:if>
													</f:for>
												</p>
											</div>
										</div>
									</f:if>
									<f:if condition="{fiche.description}">
										<div id="projets-3" class="frame-type-textmedia col-12">
											<h2 class="heading-icone heading-icone--objectif">Objectifs</h2>
											<div class="frame-type-textmedia__content">
												<f:format.html>{fiche.description}</f:format.html>
											</div>
										</div>
									</f:if>
									<f:if condition="{fiche.ouvertcomment}">
										<div id="projets-4" class="frame-type-textmedia col-12">
											<h2 class="heading-icone heading-icone--objectif">Résumé de l'appel</h2>
											<div class="frame-type-textmedia__content">
												<f:format.html>{fiche.ouvertcomment}</f:format.html>
											</div>
										</div>
									</f:if>
									<f:if condition="{fiche.beneficiaire}">
										<div id="projets-5" class="frame-type-textmedia col-12">
											<h2 class="heading-icone heading-icone--beneficiaire">Bénéficiaires potentiels</h2>
											<div class="frame-type-textmedia__content">
												<f:format.html>{fiche.beneficiaire}</f:format.html>
											</div>
										</div>
									</f:if>
									<f:if condition="{fiche.enjeux}">
										<div id="projets-6" class="frame-type-textmedia col-12">
											<h2 class="heading-icone heading-icone--zone">Zones d'éligibilité</h2>
											<div class="frame-type-textmedia__content">
												<f:format.html>{fiche.enjeux}</f:format.html>
											</div>
										</div>
									</f:if>
									<f:if condition="{fiche.contacts}">
										<div id="projets-7" class="frame-type-textmedia col-12">
											<h2 class="heading-icone heading-icone--montant">Montant total de l'appel</h2>
											<div class="frame-type-textmedia__content">
												<f:format.html>{fiche.contacts}</f:format.html>
											</div>
										</div>
									</f:if>
									<f:if condition="{fiche.starttime} != ''">
										<div id="projets-8" class="frame-type-textmedia col-12">
											<h2 class="heading-icone heading-icone--date">Date d'ouverture</h2>
											<div class="frame-type-textmedia__content">
												<f:format.date format="%d/%m/%Y">{fiche.starttime}</f:format.date>
											</div>
										</div>
									</f:if>
									<f:if condition="{fiche.population} != ''">
										<div id="projets-9" class="frame-type-textmedia col-12">
											<h2 class="heading-icone heading-icone--date">Date de clôture</h2>
											<div class="frame-type-textmedia__content">
												<f:format.date format="%d/%m/%Y">{fiche.population}</f:format.date>
											</div>
										</div>
									</f:if>
								</div>
								<br>
								<br>
								<div class="info">
									<f:if condition="{fiche.media} || {fiche.liens}">
										<div class="related frame-layout-4">
											<div class="content-header">
												<h2 class="entete">
													Appel à projets à télécharger
												</h2>
											</div>
											<f:if condition="{fiche.media}">
												<div class="annuaire-related annuaire-related-files">
													<f:comment>
														<h3 class="annuaire-related__title chapo">Projet(s)</h3>
													</f:comment>
													<ul class="list-group">
														<f:for each="{fiche.media}" as="relatedFile">
															<li class="only-name list-group-item pb-0">
																<div>
													                <a href="{relatedFile.originalResource.publicUrl -> f:format.htmlspecialchars()}" class="link_download" target="_blank" title="Ouverture dans un nouvel onglet - {f:if(condition:relatedFile.originalResource.title, then:relatedFile.originalResource.title, else:relatedFile.originalResource.name)} ({relatedFile.originalResource.extension} - {relatedFile.originalResource.size -> f:format.bytes()})">
																		<span class="lead">{f:if(condition:relatedFile.originalResource.title, then:relatedFile.originalResource.title, else:relatedFile.originalResource.name)}</span>
																		<span class="ce-uploads-properties"> (<span class="ce-uploads-extension">{relatedFile.originalResource.extension}</span> - {relatedFile.originalResource.size -> f:format.bytes()})</span>
																	</a>
													            </div>
															</li>
														</f:for>
													</ul>
												</div>
											</f:if>
											<f:if condition="{fiche.liens}">
												<div class="annuaire-related annuaire-related-links">
													<f:comment>
														<h3 class="annuaire-related__title chapo">Liens vers le site du projet</h3>
													</f:comment>
													<ul class="list-group">
														<f:for each="{fiche.liens}" as="relatedLink">
															<li class="related-link list-group-item pb-0">
																<div>
																	<f:link.external uri="{relatedLink.url}" class="link_external" target="_blank"  title="Ouverture dans un nouvel onglet - {f:if(condition: relatedLink.titre, then: relatedLink.titre, else: relatedLink.url)}	">
																		<span class="lead">{f:if(condition: relatedLink.titre, then: relatedLink.titre, else: relatedLink.url)}</span>
																	</f:link.external>
																</div>
															</li>
														</f:for>
													</ul>
												</div>
											</f:if>
										</div>
									</f:if>
								</div>
							</div>
						</div>
					</div>

					<!--googleoff: all-->
					<f:if condition="{projects}">
						<f:for each="{projects}" as="timeline" key="keyOfVariable">
							<f:if condition="{timeline.pid} == 126">
								<div class="annu-detail__timeline">
									<div tabindex="0" role="tabpanel" id="detail__timeline" class="col-12 tabpanel" aria-label="Les étapes de mon projet">
										<div class="row" >
											<div class="content_center col-lg-9 offset-lg-3">
												<div class="row">
													<div class="col-12 d-none d-print-block"><p class="chapo">Les étapes de mon projet</p></div>
													<div class="col-12">
								            			<div role="tablist" aria-label="{timeline.title}">
															<div class="tablist-ception">
																<button role="tab" aria-selected="true" aria-controls="detail__etape1" id="tab__etape1" class="tablist-ception__button">
																	<span class="timeline__etape-number">Étape 01</span>
																	<span class="timeline__etape-title">{timeline.firstname}</span>
																</button>
																<f:if condition="{timeline.contacts}">
																	<button role="tab" aria-selected="false" aria-controls="detail__etape2" id="tab__etape2" class="tablist-ception__button">
																		<span class="timeline__etape-number">Étape 02</span>
																		<span class="timeline__etape-title">{timeline.name}</span>
																	</button>
																</f:if>
																<f:if condition="{timeline.description}">
																	<button role="tab" aria-selected="false" aria-controls="detail__etape3" id="tab__etape3" class="tablist-ception__button">
																		<span class="timeline__etape-number">Étape 03</span>
																		<span class="timeline__etape-title">{timeline.intercommunalite}</span>
																	</button>
																</f:if>
																<f:if condition="{timeline.ouvertcomment}">
																	<button role="tab" aria-selected="false" aria-controls="detail__etape4" id="tab__etape4" class="tablist-ception__button">
																		<span class="timeline__etape-number">Étape 04</span>
																		<span class="timeline__etape-title">{timeline.fax}</span>
																	</button>
																</f:if>
																<f:if condition="{timeline.enjeux}">
																	<button role="tab" aria-selected="false" aria-controls="detail__etape5" id="tab__etape5" class="tablist-ception__button">
																		<span class="timeline__etape-number">Étape 05</span>
																		<span class="timeline__etape-title">{timeline.cell}</span>
																	</button>
																</f:if>
															</div>
														</div>
								            		</div>
													
													<div tabindex="0" role="tabpanel" id="detail__etape1" class="col-12 tabpanel-ception visible" aria-label="Étape 01 : {timeline.firstname}">
														<div class="row mx-0" >
															<div class="content_center col-12 content-high content-high--1">
																<span class="timeline__legende">Étape 01 : {timeline.firstname}</span>
																<div class="row">
																	<div class="frame-type-textmedia col-12">
																		<div class="frame-type-textmedia__content">
																			<f:format.html>{timeline.beneficiaire}</f:format.html>
																		</div>
																	</div>
																	<f:if condition="{timeline.contacts}">
																		<div role="tablist" class="col-12 timeline-pagination tablist-ception">
																			<button role="tab" aria-controls="detail__etape2" class="tablist-ception__button next">Voir l'étape 02</button>
																		</div>
																	</f:if>
																</div>
															</div>
														</div>
													</div>
															
													<f:if condition="{timeline.contacts}">
														<div tabindex="0" role="tabpanel" id="detail__etape2" class="col-12 tabpanel-ception" aria-label="Étape 02 : {timeline.name}">
															<div class="row mx-0">
																<div class="content_center col-12 content-high content-high--2">
																	<span class="timeline__legende">Étape 02 : {timeline.name}</span>
																	<div class="row">
																		<div class="frame-type-textmedia col-12">
																			<div class="frame-type-textmedia__content">
																				<f:format.html>{timeline.contacts}</f:format.html>
																			</div>
																		</div>
																		<div role="tablist" class="col-12 timeline-pagination tablist-ception">
																			<button role="tab" aria-controls="detail__etape1" class="tablist-ception__button prev">Voir l'étape 01</button>
																			<f:if condition="{timeline.description}">
																				<button role="tab" aria-controls="detail__etape3" class="tablist-ception__button next">Voir l'étape 03</button>
																			</f:if>
																		</div>
																	</div>
																</div>
															</div>
														</div>
													</f:if>
													
													<f:if condition="{timeline.description}">
														<div tabindex="0" role="tabpanel" id="detail__etape3" class="col-12 tabpanel-ception" aria-label="Étape 03 : {timeline.intercommunalite}">
															<div class="row mx-0">
																<div class="content_center col-12 content-high content-high--3">
																	<span class="timeline__legende">Étape 03 : {timeline.intercommunalite}</span>
																	<div class="row">
																		<div class="frame-type-textmedia col-12">
																			<div class="frame-type-textmedia__content">
																				<f:format.html>{timeline.description}</f:format.html>
																			</div>
																		</div>
																		<div role="tablist" class="col-12 timeline-pagination tablist-ception">
																			<button role="tab" aria-controls="detail__etape2" class="tablist-ception__button prev">Voir l'étape 02</button>
																			<f:if condition="{timeline.ouvertcomment}">
																				<button role="tab" aria-controls="detail__etape4" class="tablist-ception__button next">Voir l'étape 04</button>
																			</f:if>
																		</div>
																	</div>
																</div>
															</div>
														</div>
													</f:if>
													
													<f:if condition="{timeline.ouvertcomment}">
														<div tabindex="0" role="tabpanel" id="detail__etape4" class="col-12 tabpanel-ception" aria-label="Étape 04 : {timeline.fax}">
															<div class="row mx-0">
																<div class="content_center col-12 content-high content-high--4">
																	<span class="timeline__legende">Étape 04 : {timeline.fax}</span>
																	<div class="row">
																		<div class="frame-type-textmedia col-12">
																			<div class="frame-type-textmedia__content">
																				<f:format.html>{timeline.ouvertcomment}</f:format.html>
																			</div>
																		</div>
																		<div role="tablist" class="col-12 timeline-pagination tablist-ception">
																			<button role="tab" aria-controls="detail__etape3" class="tablist-ception__button prev">Voir l'étape 03</button>
																			<f:if condition="{timeline.enjeux}">
																				<button role="tab" aria-controls="detail__etape5" class="tablist-ception__button next">Voir l'étape 05</button>
																			</f:if>
																		</div>
																	</div>
																</div>
															</div>
														</div>
													</f:if>

													<f:if condition="{timeline.enjeux}">
														<div tabindex="0" role="tabpanel" id="detail__etape5" class="col-12 tabpanel-ception" aria-label="Étape 05 : {timeline.cell}">
															<div class="row mx-0">
																<div class="content_center col-12 content-high content-high--5">
																	<span class="timeline__legende">Étape 05 : {timeline.cell}</span>
																	<div class="row">
																		<div class="frame-type-textmedia col-12">
																			<div class="frame-type-textmedia__content">
																				<f:format.html>{timeline.enjeux}</f:format.html>
																			</div>
																		</div>
																		<div role="tablist" class="col-12 timeline-pagination tablist-ception">
																			<button role="tab" aria-controls="detail__etape4" class="tablist-ception__button prev">Voir l'étape 04</button>
																		</div>
																	</div>
																</div>
															</div>
														</div>
													</f:if>

													<div class="col-12">
														<div class="info">
															<f:if condition="{timeline.media} || {timeline.liens}">
																<div class="related frame-layout-4">
																	<div class="content-header">
																		<h2 class="entete">
																			En savoir plus
																		</h2>
																	</div>
																	<f:if condition="{timeline.media}">
																		<div class="annuaire-related annuaire-related-files">
																			<h3 class="annuaire-related__title chapo">Programme(s)</h3>
																			<ul class="list-group">
																				<f:for each="{timeline.media}" as="relatedFile">
																					<li class="only-name list-group-item">
																						<div>
																			                <a href="{relatedFile.originalResource.publicUrl -> f:format.htmlspecialchars()}" class="link_download" target="_blank" title="Ouverture dans un nouvel onglet - {f:if(condition:relatedFile.originalResource.title, then:relatedFile.originalResource.title, else:relatedFile.originalResource.name)} ({relatedFile.originalResource.extension} - {relatedFile.originalResource.size -> f:format.bytes()})">
																								<span class="lead">{f:if(condition:relatedFile.originalResource.title, then:relatedFile.originalResource.title, else:relatedFile.originalResource.name)}</span>
																								<span class="ce-uploads-properties"> (<span class="ce-uploads-extension">{relatedFile.originalResource.extension}</span> - {relatedFile.originalResource.size -> f:format.bytes()})</span>
																							</a>
																			            </div>
																					</li>
																				</f:for>
																			</ul>
																		</div>
																	</f:if>
																	<f:if condition="{timeline.liens}">
																		<div class="annuaire-related annuaire-related-links">
																			<h3 class="annuaire-related__title chapo">Liens vers le site du programme</h3>
																			<ul class="list-group">
																				<f:for each="{timeline.liens}" as="relatedLink">
																					<li class="related-link list-group-item">
																						<div>
																							<f:link.external uri="{relatedLink.url}" class="link_external" target="_blank"  title="Ouverture dans un nouvel onglet - {f:if(condition: relatedLink.titre, then: relatedLink.titre, else: relatedLink.url)}	">
																								<span class="lead">{f:if(condition: relatedLink.titre, then: relatedLink.titre, else: relatedLink.url)}</span>
																							</f:link.external>
																						</div>
																					</li>
																				</f:for>
																			</ul>
																		</div>
																	</f:if>
																</div>
															</f:if>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</f:if>
						</f:for>
					</f:if>

					<f:if condition="{fiche.cdps.0}">

						<div tabindex="0" role="tabpanel" id="detail__programme" class="col-12 tabpanel" aria-label="{f:if(condition: '{fiche.cdps.0.accueiljour} == 1', then: 'Priorité', else: 'Programme')}">
							<div class="row" >
								<div class="content_left d-none d-lg-block col-lg-3">
									<div class="block_content_left d-none d-lg-block">
										<div class="frame frame-default frame-type-menu_section frame-layout-0">
											<div class="the_case_sidebar">
												<div class="case_titre_page_menu_gauche">
													<p class="titre_page_menu_gauche d-none d-lg-block">
														{f:cObject(typoscriptObjectPath: 'lib.titremenuPage')}
													</p>
												</div>
												<ul class="js-the_case_sidebar__list">
													<f:if condition="{fiche.cdps.0.description}">
														<li class="the_case_sidebar__list__item js-the_case_sidebar__list__item">
															<a data-scroll="#programme-1" class="progress_page_txt">Description</a>
															<div class="progress_page"></div>
														</li>
													</f:if>
													<f:if condition="{fiche.cdps.0.beneficiaire}">
														<li class="the_case_sidebar__list__item js-the_case_sidebar__list__item">
															<a data-scroll="#programme-2" class="progress_page_txt">Objectifs</a>
															<div class="progress_page"></div>
														</li>
													</f:if>
													<f:if condition="{fiche.cdps.0.production}">
														<li class="the_case_sidebar__list__item js-the_case_sidebar__list__item">
															<a data-scroll="#programme-3" class="progress_page_txt">Zones d'éligibilité</a>
															<div class="progress_page"></div>
														</li>
													</f:if>
													<f:if condition="{fiche.cdps.0.fax}">
														<li class="the_case_sidebar__list__item js-the_case_sidebar__list__item">
															<a data-scroll="#programme-4" class="progress_page_txt">Budget</a>
															<div class="progress_page"></div>
														</li>
													</f:if>
													<f:if condition="{fiche.cdps.0.contacts}">
														<li class="the_case_sidebar__list__item js-the_case_sidebar__list__item">
															<a data-scroll="#programme-5" class="progress_page_txt">Autorité de gestion</a>
															<div class="progress_page"></div>
														</li>
													</f:if>
													<f:if condition="{fiche.cdps.0.enjeux}">
														<li class="the_case_sidebar__list__item js-the_case_sidebar__list__item">
															<a data-scroll="#programme-6" class="progress_page_txt">Modalités de sélection</a>
															<div class="progress_page"></div>
														</li>
													</f:if>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<div class="content_center col-lg-9">
									<div class="row">
										<div class="col-12 d-none d-print-block"><p class="chapo">Programme</p></div>
										<f:if condition="{fiche.cdps.0.title}">
											<div class="frame-type-titre col-12">
												<h2 class="chapo">{fiche.cdps.0.title}</h2>
											</div>
										</f:if>
										<f:if condition="{fiche.cdps.0.description}">
											<div id="programme-1" class="frame-type-textmedia col-12">
												<h2 class="heading-icone heading-icone--thematique">Description</h2>
												<div class="frame-type-textmedia__content">
													<f:format.html>{fiche.cdps.0.description}</f:format.html>
												</div>
											</div>
										</f:if>
										<f:if condition="{fiche.cdps.0.beneficiaire}">
											<div id="programme-2" class="frame-type-textmedia col-12">
												<h2 class="heading-icone heading-icone--objectif">Objectifs</h2>
												<div class="frame-type-textmedia__content">
													<f:format.html>{fiche.cdps.0.beneficiaire}</f:format.html>
												</div>
											</div>
										</f:if>
										<f:if condition="{fiche.cdps.0.production}">
											<div id="programme-3" class="frame-type-textmedia col-12">
												<h2 class="heading-icone heading-icone--zone">Zones d'éligibilité</h2>
												<div class="frame-type-textmedia__content">
													<f:format.html>{fiche.cdps.0.production}</f:format.html>
												</div>
											</div>
										</f:if>
										<f:if condition="{fiche.cdps.0.fax}">
											<div id="programme-4" class="frame-type-textmedia col-12">
												<h2 class="heading-icone heading-icone--montant">Budget</h2>
												<div class="frame-type-textmedia__content">
													<f:format.html>{fiche.cdps.0.fax}</f:format.html>
												</div>
											</div>
										</f:if>
										<f:if condition="{fiche.cdps.0.contacts}">
											<div id="programme-5" class="frame-type-textmedia col-12">
												<h2>Autorité de gestion</h2>
												<div class="frame-type-textmedia__content">
													<f:format.html>{fiche.cdps.0.contacts}</f:format.html>
												</div>
											</div>
										</f:if>
										<f:if condition="{fiche.cdps.0.enjeux}">
											<div id="programme-6" class="frame-type-textmedia col-12">
												<h2 class="">Modalités de sélection</h2>
												<div class="frame-type-textmedia__content">
													<f:format.html>{fiche.cdps.0.enjeux}</f:format.html>
												</div>
											</div>
										</f:if>
									</div>
									<br>
									<br>
									<f:if condition="{fiche.cdps.0.media} || {fiche.cdps.0.liens}">
										<div class="info">
											<div class="related frame-layout-4">
												<div class="content-header">
													<h2 class="entete">
														En savoir plus
													</h2>
												</div>
												<f:if condition="{fiche.cdps.0.media}">
													<div class="annuaire-related annuaire-related-files">
														<h3 class="annuaire-related__title chapo">Programme
															<f:for each="{fiche.cdps.0.cdps}" as="entite" key="keyOfVariable" iteration="ite">
																<f:if condition="{ite.isLast}">
																	<f:then>{entite.title}</f:then>
																	<f:else>{entite.title}, </f:else>
																</f:if>
															</f:for>
														</h3>
														<ul class="list-group">
															<f:for each="{fiche.cdps.0.media}" as="relatedFile">
																<li class="only-name list-group-item">
																	<div>
																		<a href="{relatedFile.originalResource.publicUrl -> f:format.htmlspecialchars()}" class="link_download" target="_blank" title="Ouverture dans un nouvel onglet - {f:if(condition:relatedFile.originalResource.title, then:relatedFile.originalResource.title, else:relatedFile.originalResource.name)} ({relatedFile.originalResource.extension} - {relatedFile.originalResource.size -> f:format.bytes()})">
																			<span class="lead">{f:if(condition:relatedFile.originalResource.title, then:relatedFile.originalResource.title, else:relatedFile.originalResource.name)}</span>
																			<span class="ce-uploads-properties"> (<span class="ce-uploads-extension">{relatedFile.originalResource.extension}</span> - {relatedFile.originalResource.size -> f:format.bytes()})</span>
																		</a>
																	</div>
																</li>
															</f:for>
														</ul>
													</div>
												</f:if>
												<f:if condition="{fiche.cdps.0.liens}">
													<div class="annuaire-related annuaire-related-links">
														<h3 class="annuaire-related__title chapo">Liens vers le site du programme</h3>
														<ul class="list-group">
															<f:for each="{fiche.cdps.0.liens}" as="relatedLink">
																<li class="related-link list-group-item">
																	<div>
																		<f:link.external uri="{relatedLink.url}" class="link_external" target="_blank"  title="Ouverture dans un nouvel onglet - {f:if(condition: relatedLink.titre, then: relatedLink.titre, else: relatedLink.url)}	">
																			<span class="lead">{f:if(condition: relatedLink.titre, then: relatedLink.titre, else: relatedLink.url)}</span>
																		</f:link.external>
																	</div>
																</li>
															</f:for>
														</ul>
													</div>
												</f:if>
											</div>
										</div>
									</f:if>
								</div>
							</div>
						</div>

						<div tabindex="0" role="tabpanel" id="detail__contact" class="col-12 tabpanel" aria-label="Contact">
							<div class="row">
								<div class="content_left d-none d-lg-block col-lg-3">
									<div class="block_content_left d-none d-lg-block">
										<div class="frame frame-default frame-type-menu_section frame-layout-0">
											<div class="the_case_sidebar">
												<div class="case_titre_page_menu_gauche">
													<p class="titre_page_menu_gauche d-none d-lg-block">
														{f:cObject(typoscriptObjectPath: 'lib.titremenuPage')}
													</p>
												</div>
												<ul class="js-the_case_sidebar__list">
													<f:for each="{fiche.cdps.0.cdps}" as="adresse" key="keyOfVariable" iteration="ite">
														<li class="the_case_sidebar__list__item js-the_case_sidebar__list__item">
															<a data-scroll="#contact-{ite.index}" class="progress_page_txt">{adresse.title}</a>
															<div class="progress_page"></div>
														</li>
													</f:for>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<div class="content_center col-lg-9 mb-5">
									<div class="row">
										<div class="col-12 d-none d-print-block"><p class="chapo">Contact</p></div>
										<f:if condition="{fiche.cdps.0.cdps}">
											<f:for each="{fiche.cdps.0.cdps}" as="adresse" key="keyOfVariable" iteration="ite">
												<div id="contact-{ite.index}" class="frame-type-textmedia col-12">
													<h2>{adresse.title}</h2>
													<div class="frame-type-textmedia__content frame-type-textmedia__content--contact">
														<div class="contact__content">
															<f:if condition="{adresse.name}">
																<p class="chapo">{adresse.name}</p>
															</f:if>
															<f:if condition="{adresse.firstname}">
																<p>{adresse.firstname}</p>
															</f:if>
															<f:if condition="{adresse.address}">
																<p>{adresse.address}</p>
															</f:if>
															<p>
																<f:if condition="{adresse.zipcode}">{adresse.zipcode} </f:if>
																<f:if condition="{adresse.city.0.title}">{adresse.city.0.title}</f:if>
																<f:if condition="{adresse.cedex}"> {adresse.cedex}</f:if>
															</p>
															<f:if condition="{adresse.bp}">
																<p>{adresse.bp}</p>
															</f:if>
														</div>
														<div class="contact__content">
															<f:if condition="{adresse.phone}">
																<p>Téléphone : {adresse.phone}</p>
															</f:if>
															<f:if condition="{adresse.mail}">
																<p><a href="mailto:{adresse.mail}">Nous contacter par mail</a></p>
															</f:if>
														</div>
													</div>
												</div>
											</f:for>
										</f:if>
									</div>
								</div>
							</div>
						</div>
					</f:if>

					<!--googleon: all-->
					<!--TYPO3SEARCH_end-->
				</div>
			</div>
		</div>
	</div>
</article>