@charset "utf-8";
/* CSS Document */
html{
	height: 100%;
	-webkit-font-smoothing: antialiased; /* pour le bug de la police de Safari */

	}
body {
	background-color: #ffffff;
	font-weight: 400;
	font-family: 'Muli', sans-serif;
	font-size: 18px;
	line-height:1.4;
	color: #005d8e;
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
	-webkit-filter: none;
	-moz-filter: none;
	-o-filter: none;
	-ms-filter: none;
	filter: none;
	height:100%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.25), 
	only screen and ( min-device-pixel-ratio: 1.25), 
	only screen and ( min-resolution: 200dpi), 
	only screen and ( min-resolution: 1.25dppx) {     
		-webkit-font-smoothing: subpixel-antialiased; 
} 
.container {
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
	-webkit-filter: none;
	-moz-filter: none;
	-o-filter: none;
	-ms-filter: none;
	filter: none;
}
.element {
	width: 1000px;
	background-repeat: no-repeat;
	background-size: auto auto;
	background-position: center center;
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
	-webkit-filter: none;
	-moz-filter: none;
	-o-filter: none;
	-ms-filter: none;
	filter: none;
}
.image {
	display: block;
	height: auto;
	overflow: hidden;
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
	-webkit-filter: none;
	-moz-filter: none;
	-o-filter: none;
	-ms-filter: none;
	filter: none;
}
.text {
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
	-webkit-filter: none;
	-moz-filter: none;
	-o-filter: none;
	-ms-filter: none;
	filter: none;
}
.photo_bloc{
	height: 600px;
	position:relative;
	top: auto;
}
.etage{
	position: relative;
	max-width: 1000px;
	width:100%;
	margin: 0 auto;
	top:auto;
}
.titre_etage{
	font-size: 4em;
	font-style: normal;
	line-height: 0.65em;
	padding-left: 8.5%;
	padding-top: 130px;
	position: relative;
	width: 830px;
	margin:0;
}
.ancre{
	/*height:100px;*/
}
.bouton_accueil{
	max-width: 1000px;
	width: 100%;
	text-align:right;
	margin:0 auto 0 auto;
	/*display:block;*/
}
.bouton_accueil span{
	font-size: 140%;
}
.bouton_accueil a{
	color:inherit;
	padding:0;
	margin:0;
}
.bouton_accueil a:active,
.bouton_accueil a:hover{
	text-decoration:underline;
}
#bloc_entete{
	position: relative;
	width: 100%;
	height:auto;
}
#bloc_entete_fixe{
	position: fixed;
	height: 118px;
	padding-top: 10px;
	border-bottom: 1px solid rgba(0,102,141,0.5);
	background-color: rgba(255, 255, 255, 1);
	overflow: visible;
	z-index:1000;
	width:100%;
}
#bloc_entete_fixe #entete_contenu {
	z-index: 189;
	border-style: none;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	background-color: rgba(0, 0, 0, 0);
	overflow: visible;
}
#image_logo {
	float: left;
	margin: -23px 0 0 0.2%;
	position: relative;
	width: 139px;
	z-index: 188;
}
#texte_logo {
	background-color: rgba(0, 0, 0, 0);
	color: #005d8e;
	float: left;
	font: 1.8em/1 "Short Stack";
	 padding-top: 18px;
	position: relative;
	width: 369px;
	word-spacing: 1px;
	z-index: 187;
}
#entete_menu {
	float:right;
}
	#bouton_seul{
		display:none;
	}

.menu_bouton{
	border-width: 0;
	border-color: transparent;
	border-style: none;
	border-radius: 0;
	background-color: transparent;
	font-family: inherit;
	font-style: inherit;
	font-size: inherit;
	font-weight: inherit;
	text-transform: inherit;
	text-decoration: inherit;
	letter-spacing: inherit;
	word-spacing: inherit;
	color: inherit;
	opacity: 1;
		width: 113px;
word-break: normal;
	word-wrap: normal;
	white-space: normal;
}
.menu_bouton p {
	float: left;
	width: 113px;
	min-width: none;
	height: 66px;
	min-height: none;
	border-style: none;
	border-radius: 0px;
	border-bottom:22px solid;
	background-color: none;
	font-style: normal;
	text-align: center;
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
	-webkit-filter: none;
	-moz-filter: none;
	-o-filter: none;
	-ms-filter: none;
	filter: none;
	/*background-color:rgba(233,109,102,0.4);*/
}
.bouton-contact p {
	border-color: transparent;
	margin: 41px 0 0 0;
	padding-top: 6px;
	padding-bottom: 8px;
	line-height: 1.5;
}
.bouton-contact:hover p,
.bouton-contact:active p,
.bouton-contact.visite p {
	border-color: rgb(243, 142, 96);
}
.menu_contact p {
    border-bottom: none;
    float: none;
    right: 0;
    padding: 0;
    height: auto;
   /* text-align: right;*/
    margin: 0;
    clear: both;
    position: absolute;
	color: #ffffff;
	background-color:#0eacff; /*#CCCCCC;*/
	border-radius:30px;
}
.menu_contact:hover p,
.menu_contact:active p,
.menu_contact.visite p {
	text-decoration:underline;
	border-color:transparent;
}
.bouton-1 p{
	border-color: transparent;
	margin: 41px 0 0 0;
	padding-top: 6px;
	padding-bottom: 8px;
	line-height: 0.98;
}
.bouton-1:hover p,
.bouton-1:active p,
.bouton-1.visite p {
	border-color: rgb(243, 142, 96);
}
.bouton-2 p{
	border-color: transparent;
	margin: 41px 0 0 0;
	padding-top: 14px;
	line-height: 1.98;
}
.bouton-2:hover p,
.bouton-2:active p,
.bouton-2.visite p {
	border-color: rgb(255, 191, 103);
}
.bouton-3 p {
	border-color:  transparent;
	margin: 41px 0 0 0;
	padding-top: 14px;
	line-height: 1.98;
}
.bouton-3:hover p,
.bouton-3:active p,
.bouton-3.visite p {
	border-color: #ffb68f;
}
.bouton-4 p{
	border-color: transparent;
	margin: 41px 0 0 0;
	padding-top: 14px;
	line-height: 1.98;
}
.bouton-4:hover p,
.bouton-4:active p,
.bouton-4.visite p{
	border-color:  rgb(233, 109, 102);
}
#etage1_bloc_accueil{
	z-index:1;
	height: 480px;
	top:118px;/**/
}
#img_accueil{
	z-index: 74;
	background-image: url('../images/lapin.jpg');
}
#etage2_bloc_accueil{
	height: 469px;
	margin: 0 auto;
	position: relative;
	z-index: 100;
}
#legende_img_accueil{
	background-color: rgba(14, 172, 255, 0.7);
	border-right: none;
	border-top-left-radius: 30px;
	color: rgb(255, 255, 255);
	float: right;
	font-size: 2em;
	font-style: normal;
	height: 238px;
	padding: 40px 10px;
	position: relative;
	width: 42% ; /*42%*/
	line-height:1.1em;	
	z-index: 75;
}
#legende_img_accueil h2{
	width: 260px;
	margin:0px auto;
}
#description_lpmdes{
	background-color: rgb(255, 255, 255);
	clear: both;
	float: left;
	position: relative;
	width: inherit;
	z-index: 70;
}
#description_lpmdes p.desc{
	position: relative;
	float: left;
	width: 58%;
	padding: 40px 10px 30px 84px;
	font-style: normal;
	line-height: 1.4;
	text-align: right;
	height: 231px;
	background-color: rgb(255, 191, 103); /* jaune #ffbf67 */
	border-bottom-left-radius: 30px;
/*	border:1px solid rgb(255, 191, 103);*/
	margin:0;
}
#description_lpmdes p.desc span {
	background-color: transparent;
	border-color: transparent;
	border-radius: 0;
	border-style: none;
	border-width: 0;
	letter-spacing: inherit;
	opacity: 1;
	overflow-wrap: normal;
	text-decoration: inherit;
	text-transform: inherit;
	white-space: normal;
	word-break: normal;
	word-spacing: inherit;
	font-family: "Short Stack";
}
.lien_courriel {
    font-family: "Short Stack";
}
.lien_courriel a{
    color:inherit;
}
.lien_courriel a:hover{
    color:#0eacff; /* bleu pâle rgb(14, 172, 255) */
}
.texte_courriel {
	font-size: 1.125em;
	text-align: center;
	width: 100%;
	color:inherit;
}
.texte_a_commercial {
	font-size: 7em;
	line-height: 1em;
	margin: 0;
	text-align: center;
	width: 100%;
	color:inherit;
}
#description_lpmdes .lien_courriel {
	background-color: rgb(255, 191, 103);
	border-bottom-right-radius: 30px;
	float: left;
	height: 231px;
	padding: 40px 5%;
	position: relative;
	width: 42%;
	color: #005d8e;
	margin:0;
	border: 1px solid rgb(255, 191, 103);
}
#etage1_bloc_centre_educatif{
	background-color: rgba(255, 255, 255, 1);
	z-index: 119;
}
#etage1_bloc_centre_educatif h1{
    color: rgb(243, 142, 96);
    z-index: 118;
}
#section-mission{
	border-style: none;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	background-color: rgb(243, 142, 96);
	left: 0;
	position: relative;
	display:table;
	/*width: 100%;*/
	z-index: 107;
	padding: 0 0 2% 0;
}
h2.titre_section{
	width: 80%;
	max-width: 490px;
	min-width: 200px;
	margin: 54px auto 54px;
	border-radius: 30px;
	background-color: rgb(0, 93, 142);
	font-style: normal;
	font-size: 1.6em;
	line-height:1.6em;
	padding-bottom:.2em;
	font-weight: 400;
	text-align: center;
	color: #ffffff;
}
#section-mission h2{ 
}
#section-mission div.mission-item{
	border-bottom: 1px dashed rgb(255, 255, 255);
	clear: both;
	display: table;
	position: relative;
	vertical-align: middle;
	width: 100%;
}
.mission-item .mission-icon {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
	background-size:contain;
    float: left;
	max-height: 80px;
	margin: 10% 20%;
	padding: 20%;
	position: relative;
	width: 12%;
}
#section-mission div.mission-item:last-child{
	border-bottom:none;
}
#icon_reconfort{
	background-image:url('../images/reconfort.svg');
}
#icon_concertation{
	background-image:url('../images/concertation.svg');
}
#icon_repas{
	background-image:url('../images/repas.svg');
}
#icon_socialisation{
	background-image:url('../images/socialisation.svg');
}
#icon_reussite{
	background-image:url('../images/reussite.svg');
}
#icon_activites{
	background-image:url('../images/activites.svg');
}
#icon_milieu_sain{
	background-image:url('../images/milieu_sain.svg');
}
.mission_texte {
    display: table-cell;
    /*margin-left: 20px;*/
   padding: 3% 5% 3% 0;
    vertical-align: middle;
    width: 80%;
}
#etage2_bloc_centre_educatif {
    height: 297px;
    z-index: 200;
}
#image_c_educatif {
	z-index: 113;
	background-image: url('../images/legos.jpg');
}
#etage3_bloc_centre_educatif {
    z-index: 400;
}
#legende_image_c_educatif{
	z-index: 114;
	width: 500px;
	height: 303px;
	margin: 0 0 0 50%;
	padding: 40px 80px 40px 93px;
	border-top-left-radius: 30px;
	background-color: rgba(255, 255, 255, 0.88);
	font-style: normal;
	line-height: 1.4;
	color: #006085;
}
#legende_image_c_educatif em{
	font-size: 1.6em;
	font-weight: 400;
}
.encadre_plan, .encadre_valeurs {
    float: left;
    font-size: 1em;
   /* margin-bottom: 1em;*/
    min-height: 620px;
    position: relative;
    width: 50%;
   padding: 30px 8%;
}
.encadre_plan{
	z-index: 108;
	background-color: rgb(243, 142, 96);
	color: rgb(0, 93, 142);
	border-bottom-right-radius: 30px;
}

.encadre_valeurs {
    background-color: rgb(0, 93, 142);
    border-bottom-left-radius: 30px;
    color: #ffb68f;
     z-index: 110;
}
.encadre_plan .titre, .encadre_valeurs .titre {
    border-radius: 30px;
    clear: both;
    font-size: 1.6em;
    font-style: normal;
    font-weight: 400;
    height: 49px;
    left: 0;
    line-height: 1.8;
    margin: 10px auto 0;
    position: absolute;
    right: 0;
    text-align: center;
    width: 90%;
}
.encadre_plan .titre {
	background-color: #005d8e;
	color: #f38e60;
	z-index: 112;
}
.encadre_valeurs .titre {
    background-color: rgb(243, 142, 96);
    color: rgb(0, 93, 142);
    z-index: 111;
}
.encadre_plan ul, .encadre_valeurs ul{
	   margin-left: 10px;
    margin-top: 80px;
}
.encadre_plan ul li, .encadre_valeurs ul li{
	text-indent:-.7em;
	padding:.6em;
}
.encadre_plan ul > li:before, .encadre_valeurs ul > li:before {
  content: "- ";  
}
.image_soleil {
    left: 40%;
    margin: 40px auto 0;
    position: absolute;
    right: 40%;
    top: 70%;
    width: 16%;
    z-index: 660;
}
#etage1_bloc_services {
	height: 90%;
	min-height:580px;
	max-height: 700px;
	margin: 0 auto;
	z-index: 500;
	margin-bottom:100px;
}
#etage1_bloc_services h1 {
	color: rgb(255, 191, 103);
	z-index: 1;
}
#section_ville {
	background-color: rgb(255, 191, 103);
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
	position: absolute;
	width: 100%;
	z-index: 0;
}
.image-plan1 {
	bottom: 5%;
	clear: both;
	float: left;
	position: absolute;
	width: inherit;
	z-index: 70;
}
.image-plan2 {
	bottom: 20%;
	clear: both;
	float: left;
	margin-bottom: -14%;
	position: absolute;
	width: inheritx;
	z-index: 4;
}
.encadre_ville{
	float: left;
	height: 90.4%;
	position: relative;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	background: -moz-linear-gradient(top, 
		rgba(255, 255, 255, .9) 0%, 
		rgba(255, 255, 255, .70) 50%, 
		rgba(255, 255, 255, 0) 70%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, 
		color-stop(0%,rgba(255, 255, 255, .9)), 
		color-stop(50%,rgba(255, 255, 255, .70)), 
		color-stop(70%,rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, 
		rgba(255, 255, 255, .9) 0%,
		rgba(255, 255, 255, .70) 50%,
		rgba(255, 255, 255, 0) 70%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, 
		rgba(255, 255, 255, .9) 0%,
		rgba(255, 255, 255, .70) 50%,
		rgba(255, 255, 255, 0) 70%); /* Opera 11.10+ */
	background: linear-gradient( 
		rgba(255, 255, 255, .9) 0%,
		rgba(255, 255, 255, .70) 50%,
		rgba(255, 255, 255, 0) 70%); /* W3C */
}
.encadre_ville .image-ville{
	position: absolute;
	bottom: -5%;
	margin:0 auto;
	left:0;
	right:0;
	margin-bottom:0%;
}
#encadre_accompagnement {
	margin: 4% 0 0 8.1%;
	width: 25.9%;
	z-index: 99;
}
#encadre_accompagnement  img.icon_service{
	width: 45px;
}
#image_ecole{
	width:80%;	
	padding: 0 0 59%;
}
#encadre_accueil_enfants {
    margin: 4% 0 0 4%;
    width: 30%;
    z-index: 100;
}
#encadre_accueil_enfants img.icon_service{
	width: 43px;
}
#image_pmdes {
	width: 46%;
	padding: 0 0 48%;
}
#encadre_maison_enfant {
    margin: 4% 0 0 4%;
    width: 23.5%;
    z-index: 101;
}
#encadre_maison_enfant img.icon_service{
	  width: 55px;
}
#image_maison_enfant{
	width:52%;	
	padding: 0 0 66%;
}
.description_service {
    display: block;
    margin: 0 auto;
    position: relative;
    top: 8%;
    width: 70%;
}
.icon_service{
	clear: both;
	display: block;
	margin: 0 auto;
	position: relative;
	top: 8%;
}
#etage2_bloc_services {
	background-color: rgb(255, 191, 103);
	z-index: 500;
	padding-bottom:100px;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	padding-left: 8%;
    padding-right: 8%;
}
#etage2_bloc_services h2.titre_section{
	margin-bottom:14px;
}
.temoignage_droite, .temoignage_gauche{
	height:auto;
	position: relative;
	width:100%;
}
.temoignage_droite{
	float:right;
	padding-left:8%;
}
.temoignage_gauche{
	float:left;
	padding-right:8%;
}
.temoignage_droite div, .temoignage_gauche div{
	width:100%;
}
.temoignage_droite div{
	float:right;
}
.temoignage_gauche div{
	float:left;
}
.temoignage_droite .paroles, .temoignage_gauche .paroles{
	background-color: rgba(255, 255, 255, 1);
	border-radius: 30px;
}
.temoignage_droite .paroles{
	float: right;
	padding: 30px 24% 30px 50px;
}
.temoignage_gauche .paroles{
	float: left;
	padding: 30px 50px 30px 24%;
}
.temoignage_droite .nom{
	float: right;
	clear:both;
	margin-right: 100px;
}
.temoignage_gauche .nom{
	float: left;
	clear:both;
	margin-left: 100px;
}
.temoignage_droite .silhouette{
	z-index: 100;
	position:absolute;
	right:0;
}
.temoignage_gauche .silhouette{
	position:absolute;
	left:0;
}
.replace{
	margin:0px;
	padding:0px;
	line-height:1px;
	clear:both;
}
/*************************************/
/* Policier                          */
/*************************************/
#temoignage_policier{
}
#temoignage_policier div{
	/*right:80px;*/
	max-width: 580px;
	margin-top:60px;
/*	visibility:visible;*/
}
#temoignage_policier .paroles{
	padding-right:22%;
}
#temoignage_policier .nom{
	margin-right:24%;
}
#temoignage_policier .silhouette{
	width: 11.5%;
	right:2%;
}
/*************************************/
/* Zoé                               */
/*************************************/
#temoignage_zoe {
	padding-left: 5%;
}
#temoignage_zoe div{
	max-width: 510px;
	margin-top: 30px;
}
#temoignage_zoe .paroles{
}
#temoignage_zoe .nom{
}
#temoignage_zoe .silhouette{
	left:7%;
	width: 8%;
}
/*************************************/
/* Mélanie                           */
/*************************************/
#temoignage_melanie{
	padding-right: 12%;
	height:160px;
}
#temoignage_melanie div{
	margin-top: 26px;
	max-width: 560px;
}
#temoignage_melanie .paroles{
}
#temoignage_melanie .nom{
}
#temoignage_melanie .silhouette{
	margin-top:-20px;
	right:14%;
	width: 7.5%;
}
/*************************************/
/* Enseignant                        */
/*************************************/
#temoignage_enseignant{
	height:100px;
}
#temoignage_enseignant div{
	max-width: 52%;
	margin-top:70px;
}
#temoignage_enseignant .paroles{
}
#temoignage_enseignant .nom{
}
#temoignage_enseignant .silhouette{
	width: 8%;
}
/*************************************/
/* Rémi                              */
/*************************************/
#temoignage_remi{
	height:230px;
}
#temoignage_remi div{
	max-width: 48%;
	margin-top: 10px;
}
#temoignage_remi .paroles{
	padding-right: 30%;
}
#temoignage_remi .nom{
}
#temoignage_remi .silhouette{
	width: 16%;
	right:-4%;
}
/*************************************/
/* Cathy                             */
/*************************************/
#temoignage_cathy{
	padding-left: 44%;
	height: 70px;
}
#temoignage_cathy div{
	max-width: 100%;
	margin-top: 50px;
}
#temoignage_cathy .paroles{
	padding-left:30%;
}
#temoignage_cathy .nom{
}
#temoignage_cathy .silhouette{
	width: 8%;
	left:45%;
}

/*************************************/
/* Travailleuse sociale              */
/*************************************/
#temoignage_trav_sociale{
	height:260px;
}
#temoignage_trav_sociale div{
	max-width: 40%;
	margin-top: 80px;
}
#temoignage_trav_sociale .paroles{
	padding-left:40%;
}
#temoignage_trav_sociale .nom{
	margin-left:25%;
}
#temoignage_trav_sociale .silhouette{
	width: 11%;
}

/*************************************/
/* Commerçant                        */
/*************************************/
#temoignage_commercant{
	height:240px;

}
#temoignage_commercant div{
	max-width: 70%;
	margin-top: 60px;
}
#temoignage_commercant .paroles{
}
#temoignage_commercant .nom{
}
#temoignage_commercant .silhouette{
	width: 11%;
}

/*************************************/
/* Pascal                            */
/*************************************/
#temoignage_pascal{
	padding-left: 12%;
 }
#temoignage_pascal div{
	max-width:500px;
	margin-top: 80px;
}
#temoignage_pascal .paroles{
	padding-left: 30%;
}
#temoignage_pascal .nom{
	margin-left: 27%;
}
#temoignage_pascal .silhouette{
	width: 14%;
	left:13%;
}

/*************************************/
/* Antoine                           */
/*************************************/
#temoignage_antoine{
	padding-right: 14%;
	height:170px;
}
#temoignage_antoine div{
	max-width: 82%;
	margin-top: 50px;
}
#temoignage_antoine .paroles{
}
#temoignage_antoine .nom{
}
#temoignage_antoine .silhouette{
	width: 8.7%;
	right:13%;
}

/*************************************/
/* Psychologue                       */
/*************************************/
#temoignage_psychologue{
	padding-left: 4%;
	height: 320px;
}
#temoignage_psychologue div{
	max-width: 480px;
	margin-top: 100px;
}
#temoignage_psychologue .paroles{
}
#temoignage_psychologue .nom{
}
#temoignage_psychologue .silhouette{
	left:3%;
	width:12%;
}

/*************************************/
/* Parents                           */
/*************************************/
#temoignage_parents{
}
#temoignage_parents div{
	margin-top: 20px;
}
#temoignage_parents .paroles{
}
#temoignage_parents .nom{
	margin-right:24%;
}
#temoignage_parents .silhouette{
	top: -120px;
	width: 18%;
}
#etage1_bloc_structure{
	z-index:600;
	background-color:rgba(255,255,255,1);
	position:relative;
}
 #etage1_bloc_structure h1{
	color: #ffb68f;
 }
 #participants_impliques {
	background-color: #ffb68f;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	position: relative;
}
#participants_impliques div.tableau{
	background-position: 12% 16%;
	background-repeat: no-repeat;
	background-size: contain;
	height: 660px;
	line-height: 100%;
	margin: 40px 0 40px 0;
	padding: 0;
	position: relative;
}
#participants_impliques .tableau a{
	color: #005d8e;
}
#participants_impliques .tableau a:hover{
	cursor:pointer;
	color: #0eabff;
}
#participants_impliques .tableau a span{
	display:none;	
}
#participants_impliques .tableau a:hover span{
	background-color: #ffffff;
	border: 1px solid #0eacff;
	border-radius: 30px;
	display: block;
	padding: 20px;
	position: absolute;
	right: 10%;
	margin-top:-1px;
	width: 300px;
	color:rgb(0, 81, 123);
}
#participants_impliques .tableau p{
	height: 14%;
	margin: 0 auto;
	min-height: 10px;
	padding: 2.5% 1% 1em 44%;
	width: 80%;
	border-bottom: 1px dashed;
}
#participants_impliques .tableau p.donateurs{
	border-top: 1px dashed;
	background-color:rgba(255, 191, 103, 1);
}
#participants_impliques .tableau p.conseil{
	background-color:rgba(246, 214, 178, 1); /* couleur unique */
}
#participants_impliques .tableau p.directrice{
	background-color:rgba(255, 255, 255, 1);
	height: 20%;
 }
#participants_impliques .tableau p.equipe{
	height: 20%;
	background-color:rgba(236, 191, 170, 1); /* couleur unique */
 }
#participants_impliques .tableau p.enfants{
	height: 28%;
	background-color:rgba(255, 142, 96, 1);
}
#participants_impliques div.tableau div{
	background-image: url("../images/maison_dessin.png");
	background-position: 80% 16%;
	background-repeat: no-repeat;
	background-size: contain;
	top:0;
	left:0;
	height: 100%;
	width: 54%;
	margin: 0;
	padding: 0;
	position: absolute;
}
#etage2_bloc_structure {
	z-index:600;
	height: 320px;
}
#image_structure {
	z-index: 129;
	background-image: url('../images/billard.jpg');
}
#etage3_bloc_structure{
	z-index:700;
}
#legende_image_structure {
	background-color: rgba(0, 93, 142, 0.71);
    border-top-left-radius: 30px;
    clear: both;
    color: rgb(255, 255, 255);
    float: right;
    font-size: 2em;
    height: 280px;
    padding: 40px;
    position: relative;
    width: 46%;
}
#legende_image_structure h2{
  	line-height: 1.1em;
    margin: 40px auto;
    max-width: 260px;
}
#panneau_etage3_structure {
	width:100%;
	background-color:#ffffff;  
	clear:both;
	min-height:330px;
	display:table;
	position:relative;
	overflow: hidden;
}
#panneau_etage3_structure p{  
	padding:8% 10% 0 10%;
	background-color:#ffb68f; /* peau */
	width:40%;
	height:auto;
	float:left;
	border:1px solid #ffb68f;
	min-height:inherit;/**/
	display: table-cell;
	position: relative;
	vertical-align:  middle;
}
#panneau_etage3_structure p:first-child{
	border-bottom-left-radius: 30px;
	text-align:right;
	padding-right:11px;
}
#panneau_etage3_structure p:last-child{
	border-bottom-right-radius: 30px;
	padding-left:11px;
}
#icon_identifier{
	width:20%;
	height:100%;
	float:left;
	padding:60px;
	background-color:#ffb68f; /* peau */
	background-image:url("../images/attention.svg");
	background-repeat:no-repeat;
	background-size:100px auto;
	background-position: center center;
	min-height:inherit;
}
#etage1_bloc_donner{
	z-index:700;
	background-color:rgba(255,255,255,1);
}
#etage1_bloc_donner h1{
	color: #e96d66;
}
#section_financement{
    background-color: #e96d66;
    background-image: url("../images/dons.svg");
    background-position: 48% 86%;
    background-repeat: no-repeat;
    background-size: 26% auto;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    padding: 0 8.5% 60px;
    width: 100%;}
#section_financement h2{
	margin-bottom:60px;
}
#section_financement div.colonne1{
	clear: left;
	float: left;
	width: 50%;	
}
#section_financement div.colonne1 ul li{
	margin-top: 20px;
	list-style: inside none "- ";
	margin-left:20px;
}
#section_financement .colonne2{
	clear: right;
	float: left;
	padding-left: 16%;
	width: 50%;
	margin-top: 140px;
}
#section_financement .lien_courriel {
	color: #005d8e;
	margin-top:20px;
}
#section_financement .lien_courriel a:hover {
	color: #ffffff;
}
#info_cheques{
	color: rgb(255, 255, 255);
	font-size: 1em;
}
#etage2_bloc_donner{
	z-index:800;
	height: 250px;
}
#image_donner {
	background-image:url('../images/enfants_dehors.jpg');
	 background-position: 40% 50%;
}
#etage3_bloc_donner{
	z-index:900;
}
#legende_img_donner {
	position: relative;
	float: right;
	z-index: 152;
	width: 46%;
	height: 350px;
	margin: 0 ;
	padding: 70px 64px 70px 83px;
	border-top-left-radius: 30px;
	background-color: rgba(255, 255, 255, 0.85);
	font-size: 1.4em;
	line-height: 1.4em;
	border-right: 1px solid  rgba(255, 255, 255, 0.85);
}
#legende_img_donner span{
  color: rgb(158, 46, 61);
}
#section_apres{
	background-color: #e96d66;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	clear:both;
	padding: 0 8.5% 60px 8.5%;
	float:left;
	width:100%;
	position:relative;
}
.activite_apres{
	position: relative;
	float: right;
	clear: both;
	width: 50%;
	border-bottom: 1px dashed rgb(255, 255, 255);
	margin: 0 8.5% 0 8.5%;
	display:table;
}
.activite_apres div.icon_apres{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 60px auto;
	clear: right;
	float: right;
	min-height: 100px;
	height: 100%;
	width: 20%;
}
.activite_apres p.texte_apres{
	clear: left;
	float: left;
	padding: 20px 0;
	position: relative;
	width: 70%;
	z-index: 0;
	min-height: 100px;
	height: 100%;
	display:table-cell;
	vertical-align:middle central;
}
#boite_formation div.icon_apres{
   background-image:url('../images/formation.svg');
}
#boite_etudes div.icon_apres{
  background-image:url('../images/etudes_superieures.svg');
}
#boite_directeurs div.icon_apres{
  background-image:url('../images/directeur_equipe.svg');
}
#boite_vie_stable div.icon_apres{
  background-image:url('../images/vie_stable.svg');
}
#boite_conseil_admin div.icon_apres{
  background-image:url('../images/ca.svg');
}
#legende_babillard {
  background-color: rgba(255, 255, 255, 1);
    border-radius: 30px;
    clear: both;
    float: left;
    font-size: 1em;
    margin: 8% 8.5% 4%;
    padding: 4% 4% 4% 28%;
    position: relative;
}
#section_apres div.lien_courriel{
  float: right;
    margin: 0 auto;
    width: 70%;
	z-index:999;
}
#section_apres div.lien_courriel a{
	color: #005d8e;
}
/*#section_apres div.lien_courriel a:hover{
	color: #FFF;
}*/
#section_apres div.image_babillard{
    background-image: url("../images/noms-enfants.png");
    background-position: 16% 44%;
    background-repeat: no-repeat;
    background-size: 320px auto;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 50%;
}

@media only screen and (max-width: 1000px){  
	#bouton_seul{
		display:block;
		background-image:url(../images/bouton_seul.png);
		background-repeat:no-repeat;
		background-size:100%;
		width:36px;
		height:36px;
		margin:40px 40px 31px 40px;
		cursor:pointer;
	}
	
	#entete_menu span{
		/*display:none;  à compléter */
		width: 200px;
		height:400px;
	background-color: #ffffff;
	position:fixed;
/*	padding-top:118px;*/
	right:0;
	border-bottom-left-radius:30px;
	display:none;/**/
	}
/*	#entete_menu:hover span{
		display:block;
	}*/
.menu_contact p{
	 border-bottom: 22px solid;
	border-color: transparent;
	line-height: 0.98;
	margin: 41px 0 0 0;
position: relative;
/*text-align: center;*/
padding-top: 14px;
padding-bottom: 8px;
color: #005d8e;
	background-color:transparent; /*#CCCCCC;*/
	border-radius:0px;

}
/*	  .bouton-contact p {
   border-bottom: 22px solid;
	border-color: transparent;
	line-height: 0.98;
	margin: 41px 0 0 0;
position: relative;
text-align: center;
padding-top: 14px;
padding-bottom: 8px;
color: #005d8e;
}   */  
.menu_bouton p{
			  /* float:center;*/
		  }
		  .bouton-1 p, .bouton-2 p, .bouton-3 p, .bouton-4 p, .bouton-contact p{
				  margin: 10px auto 0px;
				 float:none;
		  
		  }
	
.bouton-contact:hover p,
.bouton-contact:active p,
.bouton-contact.visite p {
	text-decoration:none;
	border-color: rgb(0, 93, 142);
}
.bouton_accueil{
	padding:0 20px 0 20px;
}
	.photo_bloc{
		width:inherit;
	}
	#etage1_bloc_accueil {
 	}
	#etage2_bloc_accueil {
    	height: auto;
	}
	#legende_img_accueil{
	}
	#legende_img_accueil h2{
	}
	#legende_img_accueil h2 br.no1, #legende_img_accueil h2 br.no3{
	}
	#description_lpmdes{
		height:auto;
		background-color: rgb(255, 191, 103);
    	clear: both;
  	}
	#description_lpmdes p.desc{
		padding: 40px 0 40px 5%;
		height:auto;
	}
	.lien_courriel {
	}
	.texte_a_commercial {
		font-size: 5em;
	}
	.texte_courriel {
		font-size: 0.9em;
	}
	#description_lpmdes .lien_courriel {
		background-color:transparent;
		right:0;
		bottom:0;
		height: auto;
		position: absolute;
	}
	#section-mission {
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}
	#legende_image_c_educatif {
		padding: 50px 5%;
		width: 50%;
	}
	.encadre_valeurs {
		border-bottom-left-radius: 0px;
	}
	.encadre_plan {
		border-bottom-right-radius: 0px;
	}
	#section_ville {
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
	}
	#etage2_bloc_services {
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
	}
	#participants_impliques {
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
	}
	#panneau_etage3_structure p:first-child {
		border-bottom-left-radius: 0px;
	}	
	#panneau_etage3_structure p:last-child {
		border-bottom-right-radius: 0px;
	}
	#section_financement {
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
	}
	#legende_img_donner {
		font-size: 1.3em;
		line-height: 1.3em;
		padding: 6% 8%;
	}
	#section_apres {
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
	}
}
@media only screen and (max-width: 768px){  

	#bloc_entete_fixe {
		height: 80px;
	}
	#bouton_seul{
		/*display:block;
		background-image:url(../images/bouton_seul.png);
		width:36px;
		height:36px;*/
		margin:20px 40px 13px 40px;
	}
	
	#entete_menu span{
		/*display:none;  à compléter */
		/*width: 200px;
		height:340px;*/
	/*background-color: #ffffff;
	position:fixed;*/
/*	padding-top:118px;*/
/*	right:0;
	border-bottom-left-radius:30px;*/
	/*display:none;*/
	}

	#image_logo {
		margin-top: -12px;
		width: 100px;
	}
	#texte_logo {
		font: 1.2em/1 "Short Stack";
		width: 240px;
	}
	.titre_etage {
		font-size: 3em;
		line-height: 0.64em;
		margin: 0;
		padding-left: 5%;
		padding-top: 100px;
		position: relative;
		width: auto;
	}
	.photo_bloc {
	}
	h2.titre_section{
		margin:20px auto;
	}
	#etage1_bloc_accueil {
		width: 100%;
		height: 335px;
		top: 80px;
	}
	#img_accueil {
		background-position: 60% -10%;
		background-size: 780px auto;
	}
	#legende_img_accueil {
		font-size: 1.4em;
		height: 200px;
		padding: 8%; 
		width: 50%;
	}
	#legende_img_accueil h2 {
		width: 190px;
	}
	#description_lpmdes {
		width: 100%;
		padding: 5% 8%; 
	}
	#description_lpmdes p.desc {
		background-color: transparent;
		padding: 0;
		width:100%;
		clear:both;
		text-align:left;
	}
	#description_lpmdes .lien_courriel {
		padding: 0;
		bottom: auto;
		height: auto;
		position: relative;
		right: auto;
		width:100%;
	}
	#etage1_bloc_centre_educatif h1 {
		/*color: rgb(243, 142, 96);
		z-index: 118;*/
		/*background: rgba(0, 0, 0, 0) linear-gradient(rgba(255, 191, 103, 1) 0%, rgba(255, 191, 103, 0.5) 70%, rgba(255, 191, 103, .1) 100%) repeat scroll 0 0;*/
		
		
	}
	#etage2_bloc_centre_educatif {
		height: 216px;
	}
	#image_c_educatif {
		background-position: 40% 0;
    	background-size: 800px auto;
	}
	#legende_image_c_educatif {
		height: 260px;
		margin: 0 0 0 44%;
		padding: 5%;
		width: 56%;
	}
	#legende_image_c_educatif p {
		line-height: 1.2em;
	}
	#legende_image_c_educatif em {
		font-size: 1.2em;
		line-height: 1.6em;
	}
	.encadre_valeurs, .encadre_plan {
		width:100%;
		clear:both;
		min-height:100px;
		margin-bottom:0;
	}
	.encadre_plan .titre, .encadre_valeurs .titre {
		width: 70%;
	}
	.image_soleil {
		display:none;
	}
	#etage1_bloc_services {
		margin: 0 auto 99px;
		max-height: 550px;
    	min-height: 420px;
	}
	#section_ville {
	   height:95%;
	}

	#encadre_accompagnement {
		margin: 4% 0 0 2%;
		width: 28%;
	}
	#encadre_accueil_enfants {
		margin: 4% 0 0 2%;
		width: 42%;
	}
	#encadre_maison_enfant {
		margin: 4% 0 0 2%;
		width: 22%;
	}
	#image_pmdes, 
	#image_maison_enfant, 
	#image_ecole {
		display:none;
	}
	.icon_service {
		top: 4%;
	}
	.description_service {
		top: 6%;
		width: 84%;
	}
	.image-plan1 {
		bottom: -20px;
	}
	.image-plan2 {
		bottom: 4%;
	}
	.encadre_ville {
		background: rgba(0, 0, 0, 0) linear-gradient(rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 90%) repeat scroll 0 0;
	}
	/****************************************************/
	.temoignage_droite, .temoignage_gauche{
		margin-top:40px;
	}
	.temoignage_droite{
		padding-left:2%;
	}
	.temoignage_gauche{
		padding-right:2%;
	}
	.temoignage_droite .nom{
		margin-right: 15%;
	}
	.temoignage_gauche .nom{
		margin-left: 15%;
	}
	.temoignage_droite .silhouette{
		bottom:0;
	}
	.temoignage_gauche .silhouette{
		bottom:0;
	}
	/*************************************/
	/* Policier                          */
	/*************************************/
	#temoignage_policier{
		margin-top:8%;
	}
	#temoignage_policier div{
		max-width: 100%;
		margin-top:0;
	}
	#temoignage_policier .silhouette{
		right:2%;
		min-width:54px;
	}
	/*************************************/
	/* Zoé                               */
	/*************************************/
	#temoignage_zoe {
		padding-left: 0;
	}
	#temoignage_zoe div{
		max-width: 100%;
		margin-top: 0;
	}
	#temoignage_zoe .silhouette{
		left:2%;
		min-width: 37px;
	}
	/*************************************/
	/* Mélanie                           */
	/*************************************/
	#temoignage_melanie{
		padding-right: 0;
		height:auto;
	}
	#temoignage_melanie div{
		margin-top: 0;
		max-width: 100%;
	}
	#temoignage_melanie .silhouette{
		margin-top:0;
		right:2%;
		min-width:35px;
	}
	/*************************************/
	/* Enseignant                        */
	/*************************************/
	#temoignage_enseignant{
		height:auto;
	}
	#temoignage_enseignant div{
		max-width: 100%;
		margin-top:0;
	}
	#temoignage_enseignant .silhouette{
		min-width:37px;
	}
	/*************************************/
	/* Rémi                              */
	/*************************************/
	#temoignage_remi{
		height:auto;
	}
	#temoignage_remi div{
		max-width: 100%;
		margin-top: 0;
	}
	#temoignage_remi .nom{
		margin-right:20%;
	}
	#temoignage_remi .silhouette{
		right:2%;
		min-width:75px;
	}
	/*************************************/
	/* Cathy                             */
	/*************************************/
	#temoignage_cathy{
		padding-left: 0;
		height: auto;
	}
	#temoignage_cathy div{
		max-width: 100%;
		margin-top: 0;
	}
	#temoignage_cathy .paroles{
		padding-left:20%;
	}
	#temoignage_cathy .silhouette{
		left:6%;
		min-width:37px;
	}
	
	/*************************************/
	/* Travailleuse sociale              */
	/*************************************/
	#temoignage_trav_sociale{
		height:auto;
		margin-top:66px;
	}
	#temoignage_trav_sociale div{
		max-width: 100%;
		margin-top: 0;
	}
	#temoignage_trav_sociale .paroles{
		padding-left:20%;
	}
	#temoignage_trav_sociale .nom{
		margin-left:15%;
	}
	
	#temoignage_trav_sociale .silhouette {
		bottom: -30px;
		min-width: 51px;
	}
	
	/*************************************/
	/* Commerçant                        */
	/*************************************/
	#temoignage_commercant{
		height:auto;
	}
	#temoignage_commercant div{
		max-width: 100%;
		margin-top: 0px;
	}
	#temoignage_commercant .silhouette{
		min-width:51px;
	}
	
	/*************************************/
	/* Pascal                            */
	/*************************************/
	#temoignage_pascal{
		padding-left: 0;
	 }
	#temoignage_pascal div{
		max-width:100%;
		margin-top: 0px;
	}
	#temoignage_pascal .paroles{
		padding-left: 20%;
	}
	#temoignage_pascal .nom{
		margin-left: 27%;
	}
	#temoignage_pascal .silhouette{
		left:2%;
		min-width:66px;
	}
	
	/*************************************/
	/* Antoine                           */
	/*************************************/
	#temoignage_antoine{
		padding-right: 0;
		height:auto;
	}
	#temoignage_antoine div{
		max-width: 100%;
		margin-top: 0px;
	}
	#temoignage_antoine .silhouette{
		right:2%;
		min-width:41px;
	}
	
	/*************************************/
	/* Psychologue                       */
	/*************************************/
	#temoignage_psychologue{
		padding-left: 0;
		height: auto;
	}
	#temoignage_psychologue div{
		max-width: 100%;
		margin-top: 0;
	}
	#temoignage_psychologue .silhouette{
		left:2%;
		min-width:56px;
	}
	
	/*************************************/
	/* Parents                           */
	/*************************************/
	#temoignage_parents{
	}
	#temoignage_parents div{
		margin-top: 0px;
	}
	#temoignage_parents .nom{
		margin-right:24%;
	}
	#temoignage_parents .silhouette{
		top: auto;
		min-width:84px;
	}
	/**********************************************************/
	
	#participants_impliques{
		padding: 5%;
	}
	#participants_impliques div.tableau{
		background-none;
		height:auto;
	}
	#participants_impliques .tableau p{
		height: auto;
		padding: 3%;
	}
	#participants_impliques .tableau p.equipe{
		height: auto;
	 }
	#participants_impliques .tableau p.enfants{
		height: auto;
	}
	#participants_impliques div.tableau div{
		background-image: url("../images/maison_dessin.png");
		background-position: 50% 100%;
		background-repeat: no-repeat;
		background-size: 300px;
		top:auto;
		left:auto;
		height: 440px;
		width: 100%;
		margin: 0 auto;
		padding: 0;
		position: relative;
	}
	#etage2_bloc_structure {
		height: 215px;
	}
	#image_structure {
		background-position: 45% 0;
		background-size: 800px auto;
	}
	#legende_image_structure {
		font-size: 1.4em;
		height: 240px;
		padding: 4%;
		width: 50%;
	}
	#legende_image_structure h2 {
		max-width: 180px;
	}
	#panneau_etage3_structure {
		background-color: #ffb68f;
		min-height:auto;
		padding: 5%;
		display:block;
	 }
	#panneau_etage3_structure p, #icon_identifier, #panneau_etage3_structure p:first-child {
		background-color: transparent;
		border:none;
		float: none;
		clear:both;
		height:auto;
		min-height:60px;
		background-size: 80px auto;
		text-align:left;
		width: 100%;
		display:block;
	}
	#panneau_etage3_structure p {
		padding:0;
	}
	#section_financement {
		/*background-color: #e96d66;
		background-image: url("../images/dons(2)-265x217.png");*/
		background-position: 50% 60%;
		/*background-repeat: no-repeat;
		background-size: 26% auto;*/
		/*border-top-left-radius: 30px;
		border-top-right-radius: 30px;*/
		padding: 5%;
		/*width: 100%;*/
	}
	#section_financement div.colonne1 {
		clear: both;
		float: left;
		width: 100%;
	}
	#section_financement .colonne2 {
		clear: both;
		/*float: left;
		margin-top: 140px;*/
		padding-left: 0;
		text-align: center;
		width: 100%;/**/
	}
	
	#etage2_bloc_donner {
		width: 100%;
		 height: 200px;
	
	}
	
	#image_donner {
		    background-position: 50% -40px;
    background-size: 780px auto;
		top:0;
	}/**/
#legende_img_donner {
    font-size: 1em;
    line-height: 1em;
    padding: 5%;
	/*    background-color: rgba(255, 255, 255, 0.85);
    border-right: 1px solid rgba(255, 255, 255, 0.85);
    border-top-left-radius: 30px;
    float: right;*/
    height: 228px;
     /* position: relative;*/
    width: 46%;
}
#legende_img_donner p {
    margin: 0 auto;
    min-width: 170px;
    width: 80%;
}
#section_apres {
     padding: 8%;
}
.activite_apres {
    float: left;
    margin: 0;
    width: 100%;
}
#legende_babillard {
  /*  background-color: rgba(255, 255, 255, 1);
    border-radius: 30px;
    clear: both;
    float: left;
    font-size: 1em;*/
    margin: 180px 5% 180px 100px;
    padding: 8% 8% 8% 100px;
  /* position: relative;*/
}
#section_apres div.lien_courriel {
   /* float: none;
    margin: 0 auto;*/
    width: 100%;
}
#section_apres div.image_babillard {
   /* background-image: url("../images/noms-enfants.png");*/
    background-position: 0% 0%;
  /*  background-repeat: no-repeat;*/
    background-size: 200px auto;
    height: 500px;/**/
    left: auto;
    margin: -430px 0 0 0;
    padding: auto;
    position: relative;
    top: auto;
    width: 200px;
	float:left;
}
#remplissage{
	display:none;
}
}
@media only screen and (max-width: 480px){  

	body {
		font-size: 12px;
		line-height:1.4;
	}
	#bloc_entete_fixe {
		height: 50px;
		padding-top:0;
	}
	#image_logo {
		margin: 4px 0px 0px 0px;
		width: 54px;
	}
	#texte_logo {
	/*	font: 1.2em/1 "Short Stack";*/
		width: 150px;
	}
		#bouton_seul{
		/*display:block;
		background-image:url(../images/bouton_seul.png);*/
		width:20px;
		height:20px;
		margin:20px 30px 9px 30px;
	}
	#entete_menu span {
    display: none;
    width: 200px;
    height: 230px;
	}
.bouton-1 p, .bouton-2 p, .bouton-3 p, .bouton-4 p, .bouton-contact p {
    margin: 16px auto 10px;
	padding-top: 2px;
	padding-bottom: 3px;
	line-height: 0.6;
	
		width: 100px;
		height: auto;
			border-bottom: 12px solid transparent;
}





	.titre_etage {
		padding-top: 64px;
		/*font-size: 3em;
		line-height: 0.64em;
		margin: 0;
		padding-left: 5%;
		padding-top: 1.2em;
		position: relative;
		width: auto;*/
	}
	.photo_bloc {
	   height: 0;
		padding-bottom: 60%;
		position: relative;
		top: auto;
		width: 100%;
	display:block;
    background-position: 0 0;
    background-size: contain;
}	
	
	h2.titre_section{
		/*margin:20px auto;*/
		min-width: 180px;
		padding:4%;
		line-height:1em;
	}
	#bloc_entete {
		background-color: #4a92c1;
		clear: both;
		display: block;
		float: left;
		height: 50px;
		position: relative;
		width: 100%;
	}
	#etage1_bloc_accueil {
		height: auto;
		top: auto;
		width: 100%;
		display:block;
		float:left;
	}
	#img_accueil {
   background-position: 0 0; /**/
    background-size: contain;
	}
	
	#legende_img_accueil {
		/*font-size: 1.4em;*/
		height: auto;
		padding: 5%;/**/
		width: 100%;
		    background-color: rgba(0, 176, 243, 0.7);
    border-top-left-radius: 0px;
	}
	#legende_img_accueil h2 {
    text-align: center;
    width: auto;
}
	
#legende_img_accueil h2 br.no1, #legende_img_accueil h2 br.no3 {
	display:none;
}

.mission-item .mission-icon {
  /*  background-position: center center;
    background-repeat: no-repeat;*/
    background-size: contain;
   /* display: block;
    float: left;*/
    height: auto;
    margin-left: 10px;
    margin-top: 10px;
    max-height: 40px;
    padding: 20px;
   /* position: relative;*/
    width: 10%;
}
#etage2_bloc_centre_educatif {
    height: auto;
}
#image_c_educatif {
    background-position: 0 0;
    background-size: contain;
}
#legende_image_c_educatif {
    height: auto;
    margin: 0;
    padding: 5%;
    width: 100%;
}
.encadre_plan .titre, .encadre_valeurs .titre {
   /* border-radius: 30px;
    clear: both;
    font-size: 1.6em;
    font-style: normal;
    font-weight: 400;*/
    height: auto;
  /*  left: 0;*/
    line-height: 1em;
    margin: 0 auto;
    padding: 4%;
    position: relative;
   /* right: 0;
    text-align: center;*/
    width: 100%;
}
.encadre_plan ul, .encadre_valeurs ul {
    margin-left: 10px;
    margin-top: 10px;
}
#etage1_bloc_services {
    margin: 0 auto 66px;
  /*  margin: 0 auto 99px;
    max-height: 550px;*/
    min-height: 280px;
	max-height: 310px;
}
.icon_service {
    top: 3%;
    max-width: 30px;
    max-height: 40px;
}
.temoignage_droite .paroles {
   /* float: right;*/
    padding: 20px 40px 20px 14px;
}
.temoignage_droite .nom {
    margin-right: 55px;
}
.temoignage_gauche .paroles {
   /* float: right;*/
    padding: 20px 14px 20px 40px;
}
.temoignage_gauche .nom {
    margin-left: 50px;
}
#temoignage_policier .paroles {
    padding-right: 55px;
}
#temoignage_policier .nom {
    margin-right: 50px;
}
#temoignage_policier .silhouette {
    right: 2px;
    min-width: 42px;
}
#temoignage_zoe .silhouette {
    left: 1px;
    min-width: 31px;
}
#temoignage_melanie .silhouette {
    right: 3px;
    min-width: 29px;
}
#temoignage_enseignant .silhouette {
    left: 2px;
   min-width: 28px;
}
#temoignage_remi .nom {
    margin-right: 70px;
}
#temoignage_remi .silhouette {
    right: -4px;
    min-width: 57px;
}
#temoignage_cathy .paroles {
    padding-left: 47px;
}
#temoignage_cathy .silhouette {
    left: 4px;
    min-width: 30px;
}
#temoignage_trav_sociale {
   /*margin-top: 40px;*/
}
#temoignage_trav_sociale .paroles {
    padding-left: 50px;
}
#temoignage_trav_sociale .nom {
    margin-left: 50px;
}
#temoignage_trav_sociale .silhouette {
    bottom: 0px;
    min-width: 41px;
}
#temoignage_commercant .paroles {
	padding-right:50px;
}
#temoignage_commercant .silhouette {
    min-width: 41px;
	right:3px;
}
#temoignage_pascal .paroles {
    padding-left: 60px;
}
#temoignage_pascal .nom {
    margin-left: 60px;
}
#temoignage_pascal .silhouette {
    left: -3px;
    min-width: 50px;
}
#temoignage_antoine .silhouette {
    right: 2px;
    min-width: 33px;
}
#temoignage_psychologue .paroles {
	 padding-left: 60px;
}
#temoignage_psychologue .nom {
	 margin-left: 60px;
}
#temoignage_psychologue .silhouette {
    left: -4px;
    min-width: 41px;
}
#temoignage_parents .paroles {
		padding-right:70px;

}
#temoignage_parents .nom {
		margin-right:70px;

}
#temoignage_parents .silhouette {
    top: auto;
    min-width: 64px;
    right: -10px;
}
#etage2_bloc_services h2.titre_section {
    margin-bottom: 14px;
  /*  line-height: 1em;
    padding: 4%;*/
}
#participants_impliques div.tableau {
  
    height: auto;
	margin:0;
}
#participants_impliques div.tableau div {
   /* background-image: url("../images/maison_-532x733.png");*/
    background-position: 50% 10px;
  /*  background-repeat: no-repeat;*/
    background-size: 200px;
  /*  top: auto;*/
    height: 290px;
}
#participants_impliques .tableau p {
 /*   height: 14%;
    margin: 0 auto;
    min-height: 10px;*/
    padding: 1.5em;
    width: 100%;
  /*  border-bottom: 1px dashed;*/
  line-height:1.5em;
}
#etage2_bloc_structure {
    height: auto;
}
#image_structure {
    background-position: 0 0;
    background-size: contain;
}
#legende_image_structure {
   background-color: rgba(0, 93, 142, 1);
    height: auto;
    padding: 0;
    width: 100%;
    border-top-left-radius: 0px;
  }
  #legende_image_structure h2 {
		max-width: 80%;
		text-align: center;
		margin: 20px auto;
	}
	#legende_image_structure h2 br{
		display:none;
	}
	#icon_identifier {
		 background-size: 50px auto;
		  padding: 40px;
	}
	#section_financement {
		background-image:none;
		/*background-image: url("../images/dons(2)-265x217.png");*/
	}
	#section_financement h2 {
		margin-bottom: 30px;
	}
	#section_financement div.colonne1 ul li {
		margin-top: .5em;
	   
	}
	#section_financement .colonne2 {
		width: 100%;
		margin-top: 40px;
	}
	#section_financement .lien_courriel {
    color: #005d8e;
   /* margin-top: 20px;*/
	margin-bottom:30px;
}
	#info_cheques {
		background-image: url("../images/dons.svg");
		background-repeat: no-repeat;
background-size: 70px auto;
background-position: 50% 0%;
		padding-top: 70px;
		margin-top:0;
	}
#etage2_bloc_donner {
    width: 100%;
    height: auto;
}
	#image_donner {
		background-image: url('../images/enfants_dehors_centre.jpg');
    background-position: 50% 0;
    background-size: 100%;
}
#legende_img_donner {
      height: auto;
    width: 100%;
	line-height:1.6em;
	padding: 1.6em;
}
.activite_apres div.icon_apres {
    background-size: 40px auto;
}
#legende_babillard {
    margin: 20px auto 0 auto;
    padding: 1.5em 1.5em 500px;
	width:100%;
}
#section_apres div.image_babillard {
    background-position: 50% 0%;
     background-size: 200px auto;
    margin: -490px auto 0 auto;
    width: 100%;
}
	#entete_menu span {
		display: none;
		width: 100%;
		height: 100%;
		padding-top: 20%;
	}

}
@media only screen and (max-width: 300px){  
	#bloc_entete {
		height: 40px;
	}
	#bloc_entete_fixe {
		height: 40px;
	}
	#image_logo {
		margin: -2px;
		width: 48px;
	}
	#texte_logo {
		font: 0.9em/1 "Short Stack";
		width: 120px;
		padding-top: 14px;
	}
		#bouton_seul{
		/*display:block;
		background-image:url(../images/bouton_seul.png);*/
		width:20px;
		height:20px;
		margin: 16px 10px 3px 10px;
	}

}