@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;
  }