/* **********************************************/
/* 		style pour page container text			*/
/* **********************************************/
#entete_citation{
	display: flex;
	flex-direction: column;
	position: absolute;
	border: 1px dashed #258BCC;
	border-top-left-radius: 80px 80px;
	border-top-right-radius: 80px 80px;
	border-bottom-left-radius: 80px 80px;
	border-bottom-right-radius: 80px 80px;
	background-color: white;
	padding: 10px 25px;
	z-index:1;
	font-weight:bold;
	color:#258BCC;
	text-align: center;
}
#container_text{
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	background-image: url('../image/fond_text.jpeg');
	background-size: cover;
  height: auto;
}
#container_text .class_doula_container{
	color: black;
	z-index:1;
	display: flex; 
	flex-direction: column;
	align-items: center;
	width: 100%;
	margin-top: 40px;
}
#image_fondText,
#image_fondText_smartphone{
	position: absolute;
}

#citation_def p,
#citation_fondement p,
#citation_deathEnd p,
#citation_deuil p{
	font-size:0.8em;
}
.class_chapitre{
	display: flex;
	flex-direction: column;
	align-items: center;
	width:70%;
}
.class_chapitre_title {
	width:100%;
	padding-left:20px;
}
.class_chapitre_title p{
	font-family: 'Dulcelin';
  font-size: xx-large;
}
.class_chapitre_text{
	display: flex;
	flex-direction: column;
	font-size: large;
	padding: 20px;
}

#chapitre_def_1,
#chapitre_def_2,
#chapitre_def_3{
	width: 90%;
	align-self: start;
}
#chapitre_def_2 .class_chapitre_text{
	align-self: start;
}

#chapitre_who_2{
	flex-direction:row;
	justify-content: space-around;
	width: max-content;
	align-self: end;
}
#chapitre_who_2 img{
	 height:90px;
	 width:auto;
	 cursor:pointer;
}
#chapitre_who_2 img:nth-child(2){
	height:50px;
	margin-left: 20px;
}

.class_doula_container[name='doula_fondement'] .class_chapitre,
.class_doula_container[name='doula_who'] .class_chapitre,
.class_doula_container[name='doula_deuil'] .class_chapitre,
.class_doula_container[name='doula_ado'] .class_chapitre,
.class_doula_container[name='doula_deathEnd'] .class_chapitre{
	width:95%;
	padding:10px;
}
.class_doula_container .class_chapitre .class_chapitre_title p{
	font-size: xx-large;
}
.class_doula_container[name='doula_fondement'] .class_chapitre_text ,
.class_doula_container[name='doula_who'] .class_chapitre_text ,
.class_doula_container[name='doula_deuil'] .class_chapitre_text ,
.class_doula_container[name='doula_ado'] .class_chapitre_text ,
.class_doula_container[name='doula_deathEnd'] .class_chapitre_text {
	padding: 10px;
	width:95%;
}
#chapitre_who_3 li:nth-child(4){
	cursor:pointer;
}
#chapitre_fondement_1{
	margin:0;
}

#chapitre_contact_1 .class_chapitre_text a{
	font-family: 'Dulcelin';
}
#chapitre_contact_2{
}
#chapitre_contact_3{
}
#chapitre_contact_3 table,
#chapitre_contact_4 table{
	width: 50%;
  background: white;
  border-collapse: collapse;
}

#chapitre_contact_4 table{
	border: 1px solid #258BCC;
}
#chapitre_contact_3 table td,
#chapitre_contact_4 table th,
#chapitre_contact_4 table td{
	padding-left: 5px;
	text-align: left;
}
#chapitre_contact_3 table tr:nth-child(n+2) td{
	border-top: 1px dashed black;
}
#chapitre_contact_3 .class_chapitre_text,
#chapitre_contact_4 .class_chapitre_text{
	width:100%;
}
#chapitre_contact_4 table caption{
	background-image: url('../image/entete_carte.jpeg');
	color: #f1de20;
	font-family: 'Dulcelin';
	font-size: xx-large;
}
#chapitre_contact_4 table caption a{
	background-color: #258BCC;
	padding: 0 5px;
	font-family: 'Dulcelin';
	font-size: x-large;
}
#img_contactImage{
	height:100px;
	width:auto;
	border: 3px solid #9FC12B;
}
.class_doula_container[name='doula_contact'] .class_chapitre {
	margin:10px;
	width: 90%;
}





/* ****************************************************************************************/
@media all and (max-height: 800px)
{
}
/* ****************************************************************************************/
@media all and (max-width: 800px)
{
	.class_chapitre_title p {
		font-size: xx-large;
	}
    #chapitre_def_1, #chapitre_def_2, #chapitre_def_3 {
        margin: 0;
		padding:0;
		width: 100%;
    }
	#chapitre_def_1 .class_chapitre_title, #chapitre_def_2 .class_chapitre_title, #chapitre_def_3 .class_chapitre_title {
        align-self: start;
        padding: 0 0 0 20px;
    }
	.class_doula_container[name="doula_who"] .class_chapitre_text {
	  padding: 0;
	}

}

/* ****************************************************************************************/
/*                    Règles spécifiques petite hauteur                        */
/* ****************************************************************************************/
 @media all and (max-height: 700px)
 {

 }

/* ****************************************************************************************/
/*                    Règles spécifiques pour all et petite taille                        */
/* ****************************************************************************************/

 @media all and (max-width: 700px) ,
 all and (max-height: 550px) 
{
	#chapitre_contact_4 table td {
	  font-size: medium;
	}
}

/* ****************************************************************************************/
/*                    Règles spécifiques smartphone portrait     */
/* ****************************************************************************************/
 @media all and (max-width: 480px) 
{
	.class_chapitre_title p {
		font-size: large;
	}

	.class_doula_container[name='doula_who'] .class_chapitre ,
	.class_doula_container[name='doula_deuil'] .class_chapitre ,
	.class_doula_container[name='doula_ado'] .class_chapitre ,
	.class_doula_container[name='doula_deathEnd'] .class_chapitre ,
	.class_doula_container[name='doula_def'] .class_chapitre ,
	.class_doula_container[name='doula_fondement'] .class_chapitre {
		margin: 0;
		width: 95%;
	}
	.class_doula_container[name="doula_who"] .class_chapitre_text,
	.class_doula_container[name="doula_deuil"] .class_chapitre_text,
	.class_doula_container[name="doula_ado"] .class_chapitre_text,
	.class_doula_container[name="doula_deathEnd"] .class_chapitre_text,
	.class_doula_container[name="doula_def"] .class_chapitre_text,
	.class_doula_container[name="doula_fondement"] .class_chapitre_text {
		padding: 10px;
		font-size: medium;
	}
	.class_doula_container .class_chapitre .class_chapitre_title p{
		font-size: x-large;
		font-weight:bold;
	}
	#chapitre_contact_3 table,
	#chapitre_contact_4 table {
		width: 100%;
		margin: 0;
	}
	#chapitre_contact_3  table {
		font-size: medium;
	}
	#chapitre_contact_4 .class_chapitre_text {
		width: 100%;
	}
	.class_doula_container[name='doula_contact'] .class_chapitre {
		margin: 0;
	}
	#chapitre_contact_4 table caption {
		padding: 2px 0 0 0;
	}
	#chapitre_who_2 img {
		height: 50px;
	}
	#chapitre_who_2 img:nth-child(2){
		height:30px;
	}
	#chapitre_who_3 .class_chapitre_text ul,
	#chapitre_deathEnd_1 .class_chapitre_text ul,
	#chapitre_deuil_1 .class_chapitre_text ul,
	#chapitre_ado_1 .class_chapitre_text ul{
		padding:5px;
	}
	#chapitre_contact_4 table td {
	  font-size: smaller;
	}
}