/* GF2025 pour FPC spip 4.xx
	Twenty by HTML5 UP CSS Document 
    ...\plugins\auto\html5up_twenty-1.1.0\css\perso.css
*/

/*  Couleur du texte plus foncée */
	body, input, select, textarea {
		color: #333333;
		font-family: 'Lato', sans-serif;
		font-size: 15pt;
		font-weight: 300;
		letter-spacing: 0.025em;
		line-height: 1.75em;
	}

/* --------------------------------------------------

   typo.css
   Base typographique
   (c) 2010-2016 Tiny Typo v1.3 - MIT License - tinytypo.tetue.net

----------------------------------------------------- */
	
/* Typographie pour petites ecrans
[fr] http://www.alsacreations.com/astuce/lire/1177 */

 /* Gestion des mots longs */
  textarea,
  table,
  td,
  th,
  pre,
  code,
  samp {
    overflow-wrap: break-word;
    /* cesure forcee */
  }
  pre,
  code,
  samp {
    white-space: pre-line;
    /* Passage a la ligne specifique pour les elements a chasse fixe */
  }
}


/* Main */

	#main {
		background-image: url("images/dark-tl.svg"), url("images/dark-tr.svg"), url("images/dark-bl.svg"), url("images/dark-br.svg");
		background-position: top left, top right, bottom left, bottom right;
		background-repeat: no-repeat;
		background-size: 25em;
		padding: 7em 0;			 /*original 7em 0;*/
	}

		#main > :last-child {
			margin-bottom: 0;
		}

		#main .sidebar section {
			border-top: solid 1px rgba(124, 128, 129, 0.2);
			margin: 3em 0 0 0;
			padding: 3em 0 0 0;
		}

			#main .sidebar section:first-child {
				border-top: 0;
				padding-top: 0;
				margin-top: 0;
			}

	body.index #main {
		padding-top: 0.1em;			 /*original 5em;*/
	}
	
	
/* Wrapper */

	.wrapper {
		margin-bottom: 0.5em;		 /*original 5em;*/
		padding: 2em;
	}

		.wrapper.style1 {
			padding: 0;
		}

		.wrapper.style2 {
			background-color: #83d3c9;
			background-image: url("images/light-bl.svg"), url("images/light-br.svg");
			background-position: bottom left, bottom right;
			background-repeat: no-repeat, no-repeat;
			background-size: 25em, 25em;
			color: #fff;
		}

			.wrapper.style2 input[type="button"]:hover,
			.wrapper.style2 input[type="submit"]:hover,
			.wrapper.style2 input[type="reset"]:hover,
			.wrapper.style2 button:hover,
			.wrapper.style2 .button:hover {
				background: rgba(255, 255, 255, 0.15) !important;
			}

			.wrapper.style2 input[type="button"].primary,
			.wrapper.style2 input[type="submit"].primary,
			.wrapper.style2 input[type="reset"].primary,
			.wrapper.style2 button.primary,
			.wrapper.style2 .button.primary {
				background: #fff;
				border-color: #fff;
				color: #83d3c9 !important;
			}

				.wrapper.style2 input[type="button"].primary:hover,
				.wrapper.style2 input[type="submit"].primary:hover,
				.wrapper.style2 input[type="reset"].primary:hover,
				.wrapper.style2 button.primary:hover,
				.wrapper.style2 .button.primary:hover {
					border-color: inherit !important;
					color: #fff !important;
				}

		.wrapper.style3 {
			background: #fff;
			color: inherit;
		}

		.wrapper.style4 {
			background: #fff;
			color: inherit;
			padding: 4em;
		}
        
/*---------------------------------------------------------------------------------------*/
/* SURCHARGE Modifie  html5up_twenty.spip.css.html lignes 44-48  Carrousel photo accueil */
/*---------------------------------------------------------------------------------------*/

/* *** L'ACCUEIL *** */
/* (#GET{PhotoUne}|table_valeur{#VAL{1}|rand{2})}  *** */
#SET{PhotoUne, #CONFIG{html5up_twenty/image_entete}|explode{/}}
<BOUCLE_image_entete_accueil(DOCUMENTS){id_document=#GET{PhotoUne}|table_valeur{#VAL{1}|rand{11}}}{tous}{extension==jpg|png|gif}{0,1}>
[.page_sommaire #banner {background-image:  url("#CHEMIN{images/light-bl.svg}"), url("#CHEMIN{images/light-br.svg}"), url("#CHEMIN{images/overlay.png}"), url('(#FICHIER|image_reduire{2000}|extraire_attribut{src})') ;}]
[.page_sommaire #cta {background-image:  url("#CHEMIN{images/light-tl.svg}"), url("#CHEMIN{images/light-tr.svg}"), url("#CHEMIN{images/overlay.png}"), url('(#FICHIER|image_reduire{2000}|extraire_attribut{src})') ;}]
</BOUCLE_image_entete_accueil> 




/*---------------------------------------------------------------------------------------*/
/* Nouvel habillage 2012 - Style CSS associé article-galerie_cpa   */
/*---------------------------------------------------------------------------------------*/

.aff-vignette {                                 /* utilisée AUSSI dans article-galerie_classe */
              
			  width:150px;
			  float:left;
              background-color:#FFFFFF;
              padding:4px;
              border: 1px solid #7F7F7F;
              margin-right:10px;
 
}

.cpa_fd_tete {
			  height:            100px;
              background-image:  url(../IMG/habillage/fpc_galerie_cpa_ht.jpg);
              background-repeat: no-repeat;
}
.cpa_fd_corps {
              height:            400px;
              background-image:  url(../IMG/habillage/fpc_galerie_cpa_corps.jpg);
              background-repeat: repeat-y;
}
.cpa_fd_pied {
              height:            45px;
              background-image:  url(../IMG/habillage/fpc_galerie_cpa_bas.jpg);
              background-repeat: no-repeat;
}

/*-----------------------------------------------------------------------------------------*/
/* Nouvel habillage 2012 - Style CSS associé article-galerie_classe  */
/*-----------------------------------------------------------------------------------------*/

.classe_fd_tete {
              height:            59px;
              padding-top:       12px,0,0,0;
              background-image:  url(../IMG/habillage/fpc_photo_classe_ht.jpg);
              background-repeat: no-repeat;
}
.classe_fd_corps {
              background-image:  url(../IMG/habillage/fpc_photo_classe_corps.jpg);
              background-repeat: repeat-y;
}

.classe_fd_pied {
              height:            59px;
              background-image:  url(../IMG/habillage/fpc_photo_classe_bas.jpg);
              background-repeat: no-repeat;
}

.galerie_classe {
  
  font-size: 0.9em;
  margin:10px 0px 10px 0px;
}

.galerie_classe ul{
  margin:10px 5px 10px 12px;
  padding-left:15px;
}

.galerie_classe li{
  list-style-image: url(../IMG/habillage/logo_li_droit.png);
  color:#505050;
  
}