h1 {
	color: #970744;
	text-align: center; /* spécial pour l'index */
	padding-right: 1.2em; /* pour que le titre soit vraiment au milieu */
	}

h1 > a {
	padding-left: 5px;
	padding-right: 5px;
}

h2 span {
	background-color: #970744;
}

h4 {
	color: #970744;
}
		
figcaption {
	background-color: #b3758f;
}

.pastille, .pastillesousga, .pastillesousnorm1 {
	list-style-image: url(/images/past_autres.svg);
}

.pastille2 {
	list-style-image: url(/images/past2_autres.svg);
}
	
.pastille3 {
	list-style-image: url(/images/past3_autres.svg);
}

.pastille4 {
	list-style-image: url(/images/past4_autres.svg);
}

/********************************* INDEX ************************************/
/******************************************************************************/
.index {  /* toute la page à part h1, correspond à section, mais évite un problème de navigation pcar pas de h2 à h6 */
	background-color: #FFF;
	text-decoration: none;
	padding: 15px;
	text-align: justify;
}

.past_index  li { /* pour mettre les past _autres si le li n'a pas de class */
    list-style-type: none;
	background-repeat: no-repeat; /* on annule la répétition par défaut */
    background-position: 0 4px; /* on positionne bien vertical, horizontal */
	background-image: url(/images/past_autres.svg);
	padding-left: 20px;
	padding-bottom: 4px;
	margin-left: 10px;
}

.past_index li:first-child  { /* permet de mettre les couleurs alternativement */
	margin-top: 6px;
}

.past_index  li li { /* pour mettre les past si le li n'a pas de class */
    list-style-type: none;
	background-repeat: no-repeat; /* on annule la répétition par défaut */
    background-position: 0 4px; /* on positionne bien vertical, horizontal */
	background-image: url(/images/past2_autres.svg);
	padding-left: 18px;
	padding-bottom: 4px;
}

.past_index  li li li { /* pour mettre les past si le li n'a pas de class */
    list-style-type: none;
	background-repeat: no-repeat; /* on annule la répétition par défaut */
    background-position: 0 5px; /* on positionne bien vertical, horizontal */
	background-image: url(/images/past3_autres.svg);
	padding-left: 18px;
	padding-bottom: 4px;
	margin-left: 10px;
	/*background-color: gold;
	opacity: 0.3;*/
}

.past_index  li li li a { /* pour mettre les past si le li n'a pas de class */
	margin-bottom: -4px;
	/*background-color: gold;
	opacity: 0.3;*/
}

.past_index  li li li li { /* pour mettre les past si le li n'a pas de class */
    list-style-type: none;
	background-repeat: no-repeat; /* on annule la répétition par défaut */
    background-position: 0 5px; /* on positionne bien vertical, horizontal */
	background-image: url(/images/past4_autres.svg);
	padding-left: 18px;
	padding-bottom: 4px;
	margin-left: 10px;
	/*background-color: gold;
	opacity: 0.3;*/
}

.past_index > .pastillechat {
	background-image: url(/images/chat.svg);
	background-size: 16px 17px;
	background-position: 0 0; /* on positionne bien vertical, horizontal */
	margin-left: 6px;
	/*background-color: gold;
	opacity: 0.3;*/
}

.past_index > .pastillechien {
	background-image: url(/images/chien.svg);
	background-size: 16px 17px;
	background-position: 0 0; /* on positionne bien vertical, horizontal */
	margin-left: 6px;
	/*background-color: gold;
	opacity: 0.3;*/
}

.past_index > .pastillechat a {
	margin-left: 3px;
}

.past_index > .pastillechien a {
	margin-left: 3px;
}

.past_index  ul .pastillechat { /* pour mettre les past si le li n'a pas de class */
	background-image: url(/images/chat.svg);
	background-size: 16px 17px;
	background-position: 0 0; /* on positionne bien vertical, horizontal */
	margin-left: 6px;
	margin-top: 2px;
	/*background-color: gold;
	opacity: 0.3;*/
}
.past_index ul .pastillechien a {
	margin-left: 3px;
}

.past_index ul .pastillechat a {
	margin-left: 3px;
}

.past_index  ul .pastillechien { /* pour mettre les past si le li n'a pas de class */
	background-image: url(/images/chien.svg);
	background-size: 16px 17px;
	background-position: 0 0; /* on positionne bien vertical, horizontal */
	margin-left: 6px;
	margin-top: 2px;
	/*background-color: gold;
	opacity: 0.3;*/
}

/******************************* Formulaire *********************************/
/******************************************************************************/
label {
	line-height: 1.2;
	font-weight: bold;
	text-align: left;
	color: #B25371;
	text-shadow: 3px 3px 5px #888888;
    margin-left: 10px;
}

.marge10t {
	padding-top: 10px;
}

.marge20t {
	padding-top: 20px;
}

.marge10l {
	padding-left: 10px;
}

.marge35l {
	padding-left: 35px;
}

.marge100l {
	padding-left: 100px;
}

.popup {
  padding-top: 10px;  
  padding-left: 30px;  
}

#occupation {
width: 100%;
}

#message  {
width: 100%;
    min-height: 200px;
    padding-left: 10px;
}

.bg-contact  {
height: 700px;
}

.bg-contact input[type=submit] { /* pour le bouton*/
display: block;
margin: auto;
border: 1px solid #b25270;
color: #b25270;
    font-weight: bold;
padding: 5px 10px;
font-size: 15px;
}

.bg-contact input[type=submit]:hover {
background-color: #b25270;
color: white;
    cursor: pointer;
}