@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@500&display=swap');

#site {}
	
	/* Content */
	#content { margin-top: 50px; font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; background: #fff; }
	#content h1 { color: #CB2622 !important; }
	#content h2 { color: #CB2622; }
	#content h3 { color: #CB2622; }
	#content h4 { color: #CB2622; }
	#content strong { color: #CB2622; }
	
	/* CCMX */
	#ccmx_home_list {}
	.ccmx_home_list_item { display: block; padding-top: 110px; text-align: center; background: transparent url('images/icon-folder-90.png' ) no-repeat center center; }
	
	#flashinfo { height: 40px; margin-top: 20px; border-bottom: 1px #ddd solid; background: #fff url('images/flashinfo_background.jpg') repeat-x top left; white-space: nowrap; overflow: hidden; }
	#flashinfo .flashinfo_title { display: inline-block; position: absolute; background: #0070BB; color: #fff; padding: 10px; z-index: 100; }
	#flashinfo .container { position: relative; }
	#flashinfo .container span { display: inline-block; color: #0070BB; min-width: 1024px; padding: 10px 50px 10px 20px; background: transparent url('images/flashinfo_separateur.png') no-repeat center left; }
	#flashinfo .container a { text-decoration: underline !important; }

	
	#form_demande_mot_cle { margin: 50px auto; width: 80%; }
	#form_demande_mot_cle p { padding: 10px; background: #f9f9f9; box-shadow: 2px 2px 0 #ddd; text-align: justify; }
	#form_demande_mot_cle p i { color: #CB2622; }
	#dmc_titre, #dmc_description, #dmc_motcle, #dmc_new_keyword { display: block; width: 100%; padding: 5px; border: 1px #0074AB solid; box-sizing: border-box; border-radius: 3px;  resize: none; }
	#dmc_motcle { padding: 0; resize: none; }
	.dmc_item { display: inline-block; margin: 2px; padding: 2px 5px; background: #0074AB; color: #fff; border-radius: 3px; cursor: default; }
	.dmc_item_remove { cursor: pointer; margin-left: 5px; }
	#dmc_motcle_input { border: none; }
	#dmc_button_submit { margin: 20px auto; }
	.dmc_add_kewords { color: #ccc; }
	.dmc_add_kewords:hover { color: #CB2622; cursor: pointer; }
	
	/* Liste des fichiers d'une rubrique ou recherche */
		#ariane { clear: both; margin: 10px; padding: 0; margin-top: 70px; }
		#ariane li { display: inline-block; margin: 0 1px; background: #fff url('images/esppro-list-header.jpg') repeat-x bottom left; }
		#ariane a { display: inline-block; text-decoration: none; padding: 5px; color: #CB2622; }
		#ariane span.current { display: inline-block; padding: 5px; }
		#ariane a:hover { box-shadow: 0 0 3px #a3a3a3; background: #fff url('images/esppro-list-header.jpg') repeat-x top left; }
		
		#file-list { clear: both; width: 100%; }
		#file-list a { text-decoration: none; }
		#file-list a.explorer-file-title { color: #530000; }
		#file-list a.explorer-file-rubrique { color: #999; }
		#file-list a:hover { color: #CB2622; text-decoration: underline; }
		#file-list tr:hover { background: #f9f9f9; color: #CB2622; }
		#file-list a .explorer-file { font-size: 14px; font-weight: lighter;  }
		#file-list a .explorer-file-title { display: block; width: 80%;  }
		#file-list .explorer-file-type { display: inline-block; padding: 2px 4px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #a00; color: #fff; font-size: 10px; text-transform: uppercase; }
		#file-list .explorer-file-date { font-size: 10px; color: #777; }
		#file-list .explorer-files-empty span { display: block; padding: 50px 0; color: #bbb; text-align: center; font-style: italic; }
		#file-list .explorer-file-icone { display: inline-block; width: 45px; height: 45px; }
		#file-list .explorer-file-icone-folder { background: transparent url('/templates/admin/css/images/icon-folder-45.png') no-repeat top left; }
		#file-list .explorer-file-icone-folder-empty { background: transparent url('/templates/admin/css/images/icon-folder-empty-45.png') no-repeat top left; }
		#file-list .explorer-file-icone-file { background: transparent url('/templates/admin/css/images/icon-file-45.png') no-repeat top left; }
		#file-list .explorer-file-icone-link { background: transparent url('/templates/admin/css/images/icon-link-45.png') no-repeat top left; }
		#file-list .explorer-file-thumb { width: 44px; height: 44px; border: 1px #aaa solid; }
		#file-list .explorer-file-rubrique { font-size: 12px; text-align: right; }
		#file-list .explorer-file-rubrique .icone { display: inline-block; position: relative; top: 5px; margin-left: 5px; margin-right: 5px; width: 20px; height: 20px; background: transparent url('/templates/admin/css/images/icon-folder-20.png') no-repeat top left; }
		
		#esp_module_fiche_de_poste { margin: 0; padding: 0; list-style: none; }
		#esp_module_fiche_de_poste ul { list-style: none; }
		#esp_module_fiche_de_poste .explorer-file-icone { display: inline-block; width: 45px; height: 45px; }
		#esp_module_fiche_de_poste .explorer-file-icone-folder { background: transparent url('/templates/admin/css/images/icon-folder-45.png') no-repeat top left; }
		#esp_module_fiche_de_poste .explorer-file-icone-file { background: transparent url('/templates/admin/css/images/icon-file-45.png') no-repeat top left; }
		#esp_module_fiche_de_poste a { position: relative; top: -15px; left: 10px; }
		
		#access-denied-message { padding-top: 265px; background: transparent url('images/ep-access-denied.png') no-repeat top center; }
		#access-denied-title { display: block; text-align: center; }
		#access-denied-message { margin: 0 auto; text-align: justify; max-width: 400px; }
		
		.file_sous_titre { text-align: center; font-weight: bold; padding: 10px 0; }
	

	/** =============================================================================
	* IE8
	* ============================================================================= */
	  	
	/* Menu principal */
	.ie8 .mod-menu { position: relative; top: -80px; left: -124px; margin-bottom: -90px; width: 1272px; height: 123px; background: transparent url('images/esp-pro-menu-background.png') no-repeat top left; font-family: century gothic, arial; }
	.ie8 .mod-menu-item-open { display: none; }
	.ie8 .mod-menu-items { margin: 0; padding: 0; }
	.ie8 .mod-menu-item-element { display: inline-block; }
	
		.ie8 .mod-menu-lvl-1 { padding: 25px 124px 0 124px; }
		.ie8 .mod-menu-lvl-1-item div { color: #fff; font-size: 24px; text-transform: uppercase; padding:  10px 0 6px 20px; }
		.ie8 .mod-menu-lvl-1-item div a { display: block; width: 100%; height: 100%; color :#ebcccb; text-decoration: none; }
		.ie8 .mod-menu-lvl-1-item div a:hover { color: #fff; text-shadow: 0 0 3px #fff; }
	
			.ie8 .mod-menu-lvl-2 { position: absolute; left: 50%; width: 1024px; margin-left: -512px; } 
			.ie8 .mod-menu-lvl-2 a { display: block; padding: 12px; text-decoration: none; color: #fff; border-left: 1px transparent dotted; border-right: 1px transparent dotted; }
			.ie8 .mod-menu-lvl-2 a:hover { background: #CB2622; border-color: #B62220; text-shadow: 1px 1px 0 #7B1010; }
			.ie8 .mod-menu-lvl-2 a.aactif, .mod-menu-lvl-2 a.aactif:hover  { background: transparent url('images/menu-esp-pro-actif.jpg') repeat-x top left; cursor: default; text-shadow: none; }
	
	
	
	
	/** =============================================================================
	  * Large
	  * ============================================================================= */
	  
	@media (min-width: 1050px) {
		
		/* Menu principal */
		.mod-menu { position: relative; top: -80px; left: -124px; margin-bottom: -90px; width: 1272px; height: 123px; background: transparent url('images/esp-pro-menu-background.png') no-repeat top left; font-family: century gothic, arial; }
		.mod-menu-item-open { display: none; }
		.mod-menu-items { margin: 0; padding: 0; }
		.mod-menu-item-element { display: inline-block; }
		
			.mod-menu-lvl-1 { padding: 25px 124px 0 124px; }
			.mod-menu-lvl-1-item div { color: #fff; font-size: 24px; text-transform: uppercase; padding:  10px 0 6px 20px; }
			.mod-menu-lvl-1-item div a { display: block; width: 100%; height: 100%; color :#ebcccb; text-decoration: none; }
			.mod-menu-lvl-1-item div a:hover { color: #fff; text-shadow: 0 0 3px #fff; }
		
				.mod-menu-lvl-2 { position: absolute; left: 50%; width: 1024px; margin-left: -512px; }
				.mod-menu-lvl-2 a { display: block; padding: 12px; text-decoration: none; color: #fff; border-left: 1px transparent dotted; border-right: 1px transparent dotted; }
				.mod-menu-lvl-2 a:hover { background: #CB2622; border-color: #B62220; text-shadow: 1px 1px 0 #7B1010; }
				.mod-menu-lvl-2 a.aactif, .mod-menu-lvl-2 a.aactif:hover  { background: transparent url('images/menu-esp-pro-actif.jpg') repeat-x top left; cursor: default; text-shadow: none; }
				
		
		.mod-menu-item-admin { float: right; text-transform: uppercase; }
	.user_valid_color { color: #CA2622; }
	.user_valid_color .fa-user { color: #0C3; }
	.user_invalid_color { color: #999; }
	
	
	
	
		/* Classes */
		hr.vague { border: none; clear: both; width: 100%; margin: 10px 0 -10px 0; height: 62px; background: url('images/espace-pro-hr.png') no-repeat top center; }
		
		#content .wellcome { text-align: right; }
		#content .wellcome a { color: inherit; margin-left: 15px; }
		#content .wellcome a:hover { color: #fff; text-shadow: 0 0 5px #CB2622; }
	
		#content .vignettes {  }
		#content .vignettes .libelle { position: relative; margin-top: -48px; color: #fff; text-align: right; line-height: 15px; font-size: 13px; }
		#content .vignettes .libelle div { margin: 0 auto; width: 120px; white-space: nowrap; }
		#content .vignettes .libelle div { margin: 0 auto; width: 150; }
		#content .vignettes .libelle-text1 { letter-spacing: -0.5px; }
		#content .vignettes .libelle-text2 { text-transform: uppercase; font-weight: bold; font-size: 14px; }
		/*#content .vignettes img { max-width: 150px; }*/
		
		
		/* Formulaire */
		#form-search { float: right; text-align: right; margin-top: -10px; padding-right: 20px; }
		#form-search label { display: block; color: #777; }
		#form-search .input_area { display: inline-block; border: 2px #0074ab solid; border-radius: 5px; }
 
		#esppro_search_submit:hover { cursor: pointer; text-shadow: 0 0 10px #fff, 1px 1px 0 #000; }
		#esppro_search_tooltip { position: absolute; background: #CA2622; color: #fff; padding: 10px 20px; margin-top: 5px; margin-left: -158px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 1px 1px 3px #550F0F; }
		#esppro_search_tooltip i { margin-right: 10px; }
		#div_rechercher_dans_rubrique { position: absolute; }
		#div_rechercher_dans_rubrique label { display: inline; }
		
		
		/* Onglets */
		.onglets { height: 62px; background: transparent url('images/esppro-onglet-bottom.jpg') repeat-x bottom left; }
		.onglet { display: inline-block; position: absolute; width: 225px; height: 58px; background: transparent url('images/esppro-onglet.png') no-repeat top left; font-size: 20px; color: #999; text-shadow: 1px 1px 0 #fff; }
		
		.onglet:hover { cursor: pointer; }
		.onglet span { display:block; text-align: center; padding-top: 8px; }
		.onglet-actif { background: transparent url('images/esppro-onglet-actif.png') no-repeat top left; color: #cb2622; }
		.onglet-actif span { padding-top: 15px; }
		
		
		/* Lists */
		.onglet-contents { min-height: 400px; background: #fff url('images/esppro-list-background.jpg') repeat-x top left; padding-top: 15px; }
		.onglet-content ul { margin: 0; padding: 0; list-style: none; }
		.list-col { background: #fff; border: 1px #cecece solid; border-radius: 10px 10px 2px 2px; box-shadow: 0 0 3px #aaa; list-style: none; }
		.list-header { display: block; text-align: center; color: #007cb4; font-size: 16px; padding: 10px; margin: 1px; border-radius: 8px 8px 0 0; border-bottom: 1px #cecece solid; background: #fff url('images/esppro-list-header.jpg') repeat-x top left; }
		.list-content { margin-bottom: 2px !important; padding-bottom: 20px !important; }
		.list-content a { display: block; padding: 3px 10px; color: #333; text-decoration: none; border-radius: 2px; margin: 0 13px; }
		.list-content li.new a { color: #cb2622; }
		.list-content li a:hover { background: #103457; color: #fff !important; }
		.list-content .rubrique-new a { color: #cb2622; }
		.list-content .rubrique-denied a { color: #999 !important; }
		.list-content .rubrique-denied i { position: absolute; margin-top:6px; margin-left: -15px; font-size: 10px; }
		.list-content .rubrique-access {}
		
		.list-col-footer { position: absolute; width: 178px; height: 32px; margin-top: 5px; margin-left: -9px; background: #f00 url('images/espace-pro-column-bottom.jpg') no-repeat top left; }
		
		
		#liste_nouveaute{}
			#liste_nouveaute a{ text-decoration:none; color:#333; display:block; float:left; width:170px; 
									height:100px; text-align:center; border:1px solid #CCC; margin-right:5px; margin-bottom:5px; padding:10px;
									-webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px;}
			#liste_nouveaute a i{ font-size:80px}
			#liste_nouveaute a:hover { color:#CCC; background-color:#333}
			#liste_nouveaute{}
	
	
		
		/* Dropdown */
		.form-dropdown-head { background: #fff; border-color: #999; }
		.form-dropdown-head:hover { border-color: #CA2622; cursor: pointer; }
		.form-dropdown-list { border-radius: 3px; border: 1px #999 solid; background: #fff; z-index: 99999; }
		.form-dropdown-list > ul { margin: 10px; max-height: 400px; }
		.form-dropdown-list ul {list-style: none; margin: 0; padding: 2px; }
		.form-dropdown-option { padding: 5px; border-radius: 3px; color: #666; }
		.form-dropdown-option-actif, .form-dropdown-option-actif:hover { background: #CA2622 !important; color: #fff !important; cursor: default !important; }
		.form-dropdown-option:hover { background: #eee; color: #000; cursor: pointer; }
		.form-dropdown-group {  }
		.form-dropdown-group span { font-weight: bold; color: #E27906; }
		.form-dropdown-group ul li { padding-left: 10px; }
		
		
		/* Annuaire */
		#directory-list { min-height: 500px; }
		#form-directory-search ul { margin: 2px; padding: 0; }
		#form-directory-search label { display: block; padding: 10px 0; color: #B62220; }
		.table-directory-list { border: 1px #eee solid; border-radius: 3px; padding: 2px; }
		.table-directory-list table { width: 100%; border-collapse: collapse; }
		.table-directory-list thead td { padding: 15px 0; text-align: center; text-transform: uppercase; background: #CA2622; color: #fff; }
		.table-directory-list thead td:first-child { border-radius: 2px 0 0 0; }
		.table-directory-list thead td:last-child { border-radius: 0 2px 0 0; }
		.table-directory-list thead { border-bottom: 2px #B62220 solid; }
		.table-directory-list tbody tr td { padding: 5px; border-bottom: 1px #eee solid; }
		.table-directory-list tbody tr:last-child td { padding: 5px; border-bottom: none; }
		.table-directory-list tbody tr:last-child td:first-child { border-radius: 0 0 0 2px; }
		.table-directory-list tbody tr:last-child td:last-child { border-radius: 0 0 2px 0; }
		.table-directory-list tbody tr:nth-child(odd) td { background: #FCF8F8; }
		
		.annuaire-inactif { display: none; }
		
		
		/* Pagination */
		.pagination { margin: 5px 0; }
		.pagination .pagination-buttons { margin: 0; text-align: right; }
		.pagination .pagination-buttons li { display: inline-block; margin: 0 1px; padding: 5px 0; width: 25px; text-align: center; border: 1px #eee solid; color: #999; }
		.pagination .pagination-buttons li.actif { color: #CA2622; font-weight: bold; }
		.pagination .pagination-buttons li:hover { background: #CA2622; border-color: #CA2622; color: #fff; cursor: pointer; }
		.pagination .pagination-buttons li.actif:hover { background: #fff !important; border-color: #eee !important; color: #CA2622 !important; cursor: default !important; }
		
		
		/* Galeries */
		#galery_categories { width: 930px; margin: 0 auto; }
		#galery_categories .galery_categorie { clear: both; }
		#galery_categories .galery_categorie_lib { display: block; padding: 20px; padding-top: 210px; color: #fff; font-size: 60px; }
		#galery_categories .galery_album_lib { display: table-cell; width: 105px; height: 105px; padding: 20px; text-align: center; vertical-align: middle; background: #f5f5f5; }
		#galery_categories .galery_album_count { position: absolute; margin-top: -20px; width: 140px; font-size: 10px; text-align: right; color: #fff; }
		#galery_categories .galery_site_lib { position: absolute; margin-top: 5px; width: 140px; text-align: right; text-transform: uppercase; font-size: 10px; color: #999; }
		/*#galery_categories .galery_album_corner { position: absolute; margin-top: -10px; margin-left: 135px; border-width: 5px; border-style: solid; border-top-color: transparent !important; border-left-color: transparent !important;  }*/
		#galery_categories .galery_album_corner { position: absolute; margin-top: -60px; margin-left: 85px; border-width: 30px; border-style: solid; border-top-color: transparent !important; border-left-color: transparent !important;  }
		#galery_categories .galery_categorie_titre { width: 300px; height: 300px; margin: 5px; }
			#galery_categories .galery_categorie:nth-child(odd) .galery_categorie_titre { float: left; }
			#galery_categories .galery_categorie:nth-child(even) .galery_categorie_titre { float: right; }
			#galery_categories .galery_categorie:nth-child(even) .galery_categorie_lib { text-align: right; }
		#galery_categories .galery_categorie_album { width: 145px; height: 145px; margin: 5px; }
			#galery_categories .galery_categorie:nth-child(odd) .galery_categorie_album { float: left; }
			#galery_categories .galery_categorie:nth-child(even) .galery_categorie_album { float: right; }
		
		#galery_categories .galery_categorie_album:hover { cursor: pointer; }
		#galery_categories .galery_categorie_album:hover .galery_album_lib { background: none; color: #fff; }
		#galery_categories .galery_categorie_album:hover .galery_album_count { color: #999; text-shadow: none; }
		#galery_categories .galery_categorie_album:hover .galery_album_corner { border-bottom-color: #fff !important; border-right-color: #fff !important; }
		#galery_categories .galery_categorie_album:hover .galery_site_lib { color: #fff; }
		
		#galery_photo_cover { width: 100%; height: 300px; overflow: hidden; border-top: 4px transparent solid; }
		#galery_photo_cover img, #galery_photo_cover_2 img { width: 1024px; height: auto; }
		#galery_photo_cover img { -webkit-filter: sepia(50%); filter: sepia(50%); opacity: 0.9; }
		
		#galery_photo_cover_2 { position: absolute; margin-top: -200px; height: 200px; width: 400px; overflow: hidden; -webkit-filter: brightness(100%)); filter: brightness(100%)); border-top-right-radius: 200px; }
		#galery_photo_cover_2 img { -webkit-filter: blur(10px); filter: blur(10px); opacity: 0.9 }
		
		#galery_fe_album_categorie_titre { float: left; position: relative; width: 300px; margin-top: -65px; border-top-right-radius: 60px; z-index: 5000; box-shadow: 10px -10px 30px rgba(0,0,0,0.6); }
		#galery_fe_album_categorie_titre span { display: block; padding: 10px; margin-top: 10px; font-size: 24px; font-weight: bold; color: #fff; }
		
		#galery_fe_album_album_titre { margin-top: -68px; position: relative; margin-bottom: 20px; text-align: right; border-bottom-width: 5px; border-bottom-style: solid; z-index: 5000; }
		#galery_fe_album_album_titre span { display: inline-block; padding: 10px 30px; font-size: 32px; text-shadow: 1px 2px 0 #FFF }
		
		#galery_display_photos .galery_photo_handle { float: left; margin: 5px; padding: 1px; background: #f4f4f4; }
		#galery_display_photos .galery_photo_handle:hover { background: #e9e9e9; cursor: pointer; }
		#galery_display_photos .galery_photo_handle img { width: 150px; height: 150px; -webkit-filter: sepia(50%); filter: sepia(50%); opacity: 0.8; }
		#galery_display_photos .galery_photo_handle:hover img { -webkit-filter: sepia(0%); filter: sepia(0%); opacity: 1; }
		
	}

	

	/** =============================================================================
	  * Tablette
	  * ============================================================================= */
	  
	@media (min-width: 480px) and (max-width: 1050px) { 
		
		/* Site */
		body { background: none; }
		#site { background: #fefefe; }
		#content { background: #fff; box-shadow: none; }
		
		/* Paneeau d'accueil */
		.mod-menu { background: #CA2622 url('images/etablissement-menu-tablette.png') repeat-x top left; padding-top: 5px; margin-top: -50px; }
		.mod-menu ul { margin: 0; padding: 0; list-style: none; }
		.mod-menu a { color: #fff !important; }
		.mod-menu-item-open { display: none; }
		.mod-menu-lvl-1 li { display: inline-block; font-size: 22px; }
		.mod-menu-lvl-1 > li:first-child { position: absolute; }
		.mod-menu-lvl-1 > li:last-child > div > .mod-menu-item-label { margin-left: 50px; color: #fff; text-transform: uppercase; }
		.mod-menu-lvl-1 .mod-menu-item-label { display: block; padding: 9px 20px; }
		
		.mod-menu-lvl-2 { width: 100%; }
		.mod-menu-lvl-2 a { font-size: 14px; padding: 10px; }
			.mod-menu-lvl-2 .mod-menu-item-label { padding: 0; }
			.mod-menu-lvl-2 a { display: block; padding: 10px; }
			
		
		
	}
	
	

	/** =============================================================================
	  * Mobile
	  * ============================================================================= */	

	@media (max-width: 480px) {
	
		/* Site */
		body { background: none; }
		#site { background: #fefefe; }
		#header { margin-top: 30px; }
		#content { background: #fff; box-shadow: none; }
		#esm-onglet { display: none; }
		#user-panel { display: none; }
		
		
		#content .wellcome { position: absolute; top: 0; left: 0; padding: 0 10px; right: 0; text-align: left; background: #fff; }
		#content .wellcome a { color: inherit; float: right; }
		#content .wellcome a:hover { color: #fff; text-shadow: 0 0 5px #CB2622; }
		
		/* Menu principal */
		.mod-menu { background: #CA2622 url('images/etablissement-menu-tablette.png') repeat-x top left; padding-top: 5px; margin-top: -5px; }
		.mod-menu ul { margin: 0; padding: 0; list-style: none; }
		.mod-menu a { color: #fff !important; }
		.mod-menu-item-open { position: absolute; margin-top: -45px; right: 10px; font-size: 26px; color: #fff; }
		.mod-menu-lvl-1 li { display: inline-block; font-size: 18px; width: 100%; }
		.mod-menu-lvl-1 > li:first-child { position: absolute; width: 50px; }
		.mod-menu-lvl-1 > li:first-child .mod-menu-item-open { display: none; }
		.mod-menu-lvl-1 > li:last-child > div > .mod-menu-item-label { margin-left: 50px; color: #fff; text-transform: uppercase; }
		.mod-menu-lvl-1 .mod-menu-item-label { display: block; padding: 9px 20px; }
		
		.mod-menu-lvl-2 { width: 100%; }
		.mod-menu-lvl-2 li { display: block; width: 100%; }
		.mod-menu-lvl-2 a { font-size: 20px; padding: 2px; text-align: center; text-transform: uppercase; }
			.mod-menu-lvl-2 .mod-menu-item-label { padding: 0; }
			.mod-menu-lvl-2 a { display: block; padding: 10px; }
			
		
		/* Flash info */
		#flashinfo { position: absolute; margin-top: -90px; }
		#flashinfo .flashinfo_title { display: none; }
			
		/* Moteaur de recherche */
		#form-search { position: absolute; width: 100%; left: 0; top: 250px; overflow: hidden; }
		#form-search.search_list { top: 0; }
		#form-search label { display: block; color: #777; }
		#form-search .input_area { }
		#esppro_search_text { padding: 10px 15px; font-size: 22px; color: #0074ab; width: 100%; }
		#esppro_search_submit { position: absolute; display: block; font-size: 22px; margin-top: -50px; right: 0; background: #0074ab; color: #fff; padding: 9px 14px; border-radius: 0 2px 2px 0; }
		#esppro_search_submit:hover { cursor: pointer; text-shadow: 0 0 10px #fff, 1px 1px 0 #000; }
		#esppro_search_tooltip { position: absolute; background: #CA2622; color: #fff; padding: 10px 20px; margin-top: 5px; margin-left: -158px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 1px 1px 3px #550F0F; }
		#esppro_search_tooltip i { margin-right: 10px; }


		/* Vignettes */
		.vignettes { margin-top: 120px; }
		
		/* Colonne */
		.list-col, .list-col ul { list-style: none; margin: 0; padding: 0; }
		.list-header { display: block; text-align: center; color: #007CB4; background: #eee; padding: 10px 0;font-size: 20px; }
		.list-content { font-size: 18px; }
		.list-content li { display: block; padding: 5px 10px; }
		
		#ariane { margin-top: 50px; }

		/** { display: none; }*/
		
	}

	@keyframes bouncetips{ from {transform: scale(1,1)} to {transform: scale(1.2,1.2);}} 
	#tipsclose .panel-heading .panel-title{  animation: bouncetips 0.35s infinite ease alternate }  




	#tips{ position:fixed; left:0; top: 90px; width:640px; z-index:5000 ; -webkit-box-shadow:0 0 10px 0 #A3A3A3; 
		box-shadow: 0 0 10px 0 #A3A3A3 }

	.tips_open{ margin-left:-5px }
	.tips_close{ margin-left:-750px}

	#tipsclose{ position:fixed; left:0; top: 90px; width:125px; z-index:5000;  cursor:pointer} 

	.tips_bt_open{ margin-left:-15px;}
	.tips_bt_close{ margin-left:-155px;}

	#close-tips{ cursor:pointer}
	#tips-scroll{ max-height:500px; overflow-y:scroll}

		#message_bandeau{ padding:10px; padding-top:20px}
		#message_bandeau  * {
	-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
			box-sizing: border-box;
	}
	
	
	.bloc-news-stack{
		display:flex;
		flex-direction:row;
		gap:16px;
		margin:14px 0 22px 0;
	}

	.bloc-news{
		border:1px solid rgba(0,0,0,0.08);
		border-radius:14px;
		padding:12px 14px;
		background:#fff;
		transition:all .18s ease;
	}

	.bloc-news:hover{
		box-shadow:0 10px 20px rgba(0,0,0,0.08);
		transform:translateY(-1px);
		border-color:rgba(0,0,0,0.12);
	}

	.bloc-news img{
		border-radius:10px;
	}
	
	/*** Rubriques custom ***/

.rubrique-access a[href*="information-post-incendie"] {
	color: red;
	font-weight: bold;
  }
  
  .rubrique-access a[href*="information-post-incendie"]::before {
	font-family: "Font Awesome 5 Pro";
	content: "\f06d";
	margin-right: 5px;
	font-weight: 900;
  }
  
  .rubrique-access a[href*="ssp-pro"] {
	color: #008d4c;
	font-weight: bold;
  }
  
  /*************************/
  
 
  .bloc-news {
	display: flex;
	align-items: center;
	text-decoration: none;
	color: inherit;
	margin: 0 15px;
  }
  .bloc-news img {
	width: auto;
	height: 150px;
	margin-right: 15px;
	object-fit: contain;
	mix-blend-mode: multiply;
  }
  .bloc-news .info-icon {
	font-size: 24px;
	margin-right: 10px;
  }
  .bloc-news h3 {
	font-family: "Dancing Script", serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
	font-size:2em;
	margin: 0;
  }
  .bloc-news p {
	margin: 0;
	font-size: 14px;
  }



  /********************************/
/****** PRESTA HOTELIERES *******/
/********************************/

.bloc-hotellerie {
	--bleu: #0f55a6;
	--orange: #ef7d00;
	--rose: #d77da3;
	--bleu-clair: #8eaed8;
	--fond: #f6f6f6;
	--ligne: #e5e5e5;
	--texte: #5d5d5d;
	--texte-fort: #343434;
	--arrondi: 14px;
	max-width: 1240px;
	width: 100%;
	margin: 0 auto;
	padding: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: var(--texte);
	line-height: 1.4;
  }
  
  .bloc-hotellerie *,
  .bloc-hotellerie *:before,
  .bloc-hotellerie *:after {
	box-sizing: border-box;
  }
  
  .bloc-hotellerie img {
	display: block;
	max-width: 100%;
  }
  
  .entete-page {
	padding: 0 0 14px;
  }
  
  .date-tarif {
	margin: 0 0 4px;
	font-size: 12px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-weight: 700;
	color: var(--bleu);
  }
  
  .nom-etablissement {
	margin: 0;
	font-size: 30px;
	line-height: 1.05;
	font-weight: 700;
	color: var(--bleu);
  }
  
  .coordonnees {
	margin: 8px 0 0;
	font-size: 13px;
	color: #6a6a6a;
  }
  
  .onglets-hotellerie {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin: 4px 0 22px;
  }
  
  .onglet-bouton {
	appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	border: 1px solid #d8d8d8;
	border-radius: 999px;
	padding: 10px 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.1;
	font-weight: 700;
	cursor: pointer;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
  }
  
  .onglet-bouton[data-theme="ambulatoire"],
  .onglet-bouton[data-theme="fasttrack"] {
	color: var(--bleu);
	border-color: #c9d8ec;
	background: #f5f9ff;
  }
  
  .onglet-bouton[data-theme="hospitalisation"] {
	color: var(--orange);
	border-color: #f2cfac;
	background: #fff5eb;
  }
  
  .onglet-bouton[data-theme="maternite"] {
	color: var(--rose);
	border-color: #ecc7d7;
	background: #fff4f8;
  }
  
  .onglet-bouton:hover {
	transform: translateY(-1px);
	box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08);
  }
  
  .onglet-bouton[aria-selected="true"] {
	color: #fff;
  }
  
  .onglet-bouton[data-theme="ambulatoire"][aria-selected="true"],
  .onglet-bouton[data-theme="fasttrack"][aria-selected="true"] {
	background: var(--bleu);
	border-color: var(--bleu);
  }
  
  .onglet-bouton[data-theme="hospitalisation"][aria-selected="true"] {
	background: var(--orange);
	border-color: var(--orange);
  }
  
  .onglet-bouton[data-theme="maternite"][aria-selected="true"] {
	background: var(--rose);
	border-color: var(--rose);
  }
  
  .onglet-bouton:focus-visible {
	outline: 3px solid var(--bleu-clair);
	outline-offset: 3px;
  }
  
  .panneau-onglet[hidden] {
	display: none !important;
  }
  
  .bloc-sejour {
	margin: 0 0 22px;
	border: 1px solid #ececec;
	border-radius: 18px;
	background: #fff;
	overflow: hidden;
  }
  
  .entete-sejour {
	padding: 16px 18px 14px;
	border-bottom: 1px solid #ededed;
  }
  
  .sur-ligne {
	margin: 0 0 4px;
	font-size: 11px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-weight: 700;
  }
  
  .entete-sejour h3 {
	margin: 0;
	font-size: 27px;
	line-height: 1.05;
	font-weight: 700;
  }
  
  .texte-intro {
	margin: 8px 0 0;
	font-size: 13px;
	color: #6c6c6c;
	max-width: 960px;
  }
  
  .bloc-sejour.theme-ambulatoire .sur-ligne,
  .bloc-sejour.theme-ambulatoire h3,
  .bloc-sejour.theme-fasttrack .sur-ligne,
  .bloc-sejour.theme-fasttrack h3 {
	color: var(--bleu);
  }
  
  .bloc-sejour.theme-hospitalisation .sur-ligne,
  .bloc-sejour.theme-hospitalisation h3 {
	color: var(--orange);
  }
  
  .bloc-sejour.theme-maternite .sur-ligne,
  .bloc-sejour.theme-maternite h3 {
	color: var(--rose);
  }
  
  .grille-formules {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 12px;
	padding: 14px;
  }
  
  .carte-formule {
	border: 1px solid var(--ligne);
	border-radius: 16px;
	background: var(--fond);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	min-width: 0;
  }
  
  .tete-formule {
	padding: 15px 16px 12px;
	border-bottom: 1px solid #e9e9e9;
  }
  
  .tete-formule h4 {
	margin: 0 0 4px;
	font-size: 24px;
	line-height: 1.05;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	font-weight: 700;
  }
  
  .theme-ambulatoire .carte-formule h4,
  .theme-fasttrack .carte-formule h4 {
	color: var(--bleu);
  }
  
  .theme-hospitalisation .carte-formule h4 {
	color: var(--orange);
  }
  
  .theme-maternite .carte-formule h4 {
	color: var(--rose);
  }
  
  .prix-formule {
	font-size: 18px;
	font-weight: 700;
	color: #585858;
  }
  
  .contenu-formule {
	padding: 14px 16px 16px;
	display: flex;
	flex-direction: column;
	gap: 12px;
  }
  
  .rubrique {
	display: flex;
	flex-direction: column;
	gap: 8px;
  }
  
  .titre-rubrique {
	margin: 0;
	font-size: 11px;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	font-weight: 700;
	color: #7a7a7a;
  }
  
  .liste-points {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
  }
  
  .ligne-point {
	display: flex;
	align-items: flex-start;
	gap: 9px;
	font-size: 13px;
	color: #5f5f5f;
	min-width: 0;
  }
  
  .icone {
	width: 22px;
	height: 22px;
	flex: 0 0 22px;
  }
  
  .texte-point {
	min-width: 0;
	display: block;
	overflow-wrap: anywhere;
  }
  
  .prix-mini {
	margin-left: auto;
	padding-left: 10px;
	white-space: nowrap;
	font-weight: 700;
	color: #565656;
	font-size: 12px;
  }
  
  .note-simple {
	margin: 0 14px 14px;
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 12px 14px;
	border-radius: 14px;
	background: #fbf0e4;
	border: 1px solid #f1dfca;
  }
  
  .icone-note {
	width: 28px;
	height: 28px;
	flex: 0 0 28px;
  }
  
  .note-simple p {
	margin: 0;
	font-size: 13px;
	color: #666;
  }
  
  .bloc-extra {
	margin: 0 14px 14px;
	border: 1px solid #ececec;
	border-radius: 16px;
	background: #fff;
	overflow: hidden;
  }
  
  .entete-extra {
	padding: 13px 15px;
	border-bottom: 1px solid #ececec;
  }
  
  .entete-extra h4 {
	margin: 0;
	font-size: 21px;
	line-height: 1.08;
	font-weight: 700;
  }
  
  .theme-ambulatoire .entete-extra h4,
  .theme-fasttrack .entete-extra h4 {
	color: var(--bleu);
  }
  
  .theme-hospitalisation .entete-extra h4 {
	color: var(--orange);
  }
  
  .theme-maternite .entete-extra h4 {
	color: var(--rose);
  }
  
  .grille-extra {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  
  .colonne-extra {
	padding: 14px 15px;
	min-width: 0;
  }
  
  .colonne-extra + .colonne-extra {
	border-left: 1px solid #ececec;
  }
  
  .bloc-participation {
	margin: 0 14px 14px;
  }
  
  .bloc-participation h4 {
	margin: 0 0 12px;
	background: var(--bleu);
	color: #fff;
	font-size: 22px;
	line-height: 1.08;
	font-weight: 700;
	text-align: center;
	padding: 12px 16px;
	border-radius: 14px;
	text-transform: uppercase;
  }
  
  .lead-participation {
	margin: 0 0 14px;
	font-size: 13px;
	color: #666;
  }
  
  .carte-participation {
	background: #efe3d8;
	border-radius: 26px;
	padding: 18px 20px;
  }
  
  .tete-participation {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 16px;
	margin-bottom: 8px;
  }
  
  .libelle-participation {
	font-size: 20px;
	font-weight: 700;
	color: var(--bleu);
	text-transform: uppercase;
  }
  
  .montant-participation {
	display: inline-flex;
	align-items: center;
	border-radius: 999px;
	background: var(--bleu);
	color: #fff;
	padding: 8px 16px;
	font-size: 23px;
	line-height: 1;
	font-weight: 700;
  }
  
  .carte-participation p {
	margin: 8px 0;
	font-size: 13px;
	color: #636363;
  }
  
  .legal-participation {
	margin: 12px 0 0;
	font-size: 12px;
	color: #6f6f6f;
  }
  
  .mentions-legales {
	margin: 0 14px 14px;
	font-size: 12px;
	color: #6f6f6f;
  }
  
  @media (max-width: 840px) {
	.bloc-hotellerie {
	  padding: 8px;
	}
	.nom-etablissement {
	  font-size: 26px;
	}
	.entete-sejour h3 {
	  font-size: 23px;
	}
	.grille-formules {
	  grid-template-columns: 1fr;
	  padding: 10px;
	}
	.grille-extra {
	  grid-template-columns: 1fr;
	}
	.colonne-extra + .colonne-extra {
	  border-left: 0;
	  border-top: 1px solid #ececec;
	}
	.bloc-participation h4 {
	  font-size: 19px;
	}
	.libelle-participation {
	  font-size: 17px;
	}
	.montant-participation {
	  font-size: 20px;
	}
  }
  
  @media (max-width: 560px) {
	.bloc-hotellerie {
	  padding: 6px;
	}
	.onglets-hotellerie {
	  gap: 8px;
	  margin: 6px 0 18px;
	}
	.onglet-bouton {
	  width: 100%;
	  max-width: 340px;
	  padding: 11px 16px;
	  font-size: 13px;
	}
	.date-tarif,
	.sur-ligne,
	.titre-rubrique {
	  font-size: 10px;
	}
	.nom-etablissement {
	  font-size: 22px;
	}
	.coordonnees,
	.texte-intro,
	.lead-participation,
	.carte-participation p,
	.legal-participation,
	.mentions-legales,
	.ligne-point,
	.note-simple p {
	  font-size: 12px;
	}
	.entete-sejour {
	  padding: 13px 14px 12px;
	}
	.entete-sejour h3 {
	  font-size: 20px;
	}
	.tete-formule {
	  padding: 13px 14px 11px;
	}
	.tete-formule h4 {
	  font-size: 19px;
	}
	.prix-formule {
	  font-size: 16px;
	}
	.contenu-formule {
	  padding: 12px 14px 14px;
	}
	.note-simple,
	.bloc-extra,
	.mentions-legales,
	.bloc-participation {
	  margin-left: 10px;
	  margin-right: 10px;
	}
	.ligne-point {
	  flex-wrap: wrap;
	  row-gap: 3px;
	}
	.texte-point {
	  flex: 1 1 calc(100% - 30px);
	}
	.prix-mini {
	  margin-left: 31px;
	  padding-left: 0;
	  width: 100%;
	  white-space: normal;
	}
  }