/*	svp, prendre une copie du mod�le 00 et cr�er le v�tre � la fin en incr�mentant 00 merci */
/*				option pour m00			*/

div.m00-overflow /*	div sp�ciale pour scroller en x, remplacez m00 par m00-overflow */ {
  padding: 1rem;
  overflow-x: auto;
}
/*********************************			m00		**************************************************************/
div.m00 {
  padding: 1rem; /*	padding par d�faut */
}

/*	la div h00 sert au titre si on a besoin de plusieurs balises dans la partie titre, sinon la h seule*/

div.h00 {
}
div.h00 h1 {
  font-size: ;
  line-height: ; /*	<= font-size + padding */
}
div.h00 h2 {
}
div.h00 hr {
  width: 50%;
  margin: 0 auto;
  color: pink;
}
/***************************			grille00		*********************************************************************************/
div.grille00 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
div.grille00 figure {
  margin: 0.5rem; /*	margin des colonnes, donne donc 1rem MINIMUM (0.5rem + 0.5rem) entre 2 colonnes*/
  text-align: center; /* pour centrer l'image et le texte dans la colonne */
  width: 140px; /* 	la largeur minimum est de 100px mais cela d�pend de l'icone ou de l'image,
					du texte � afficher, un titre simple en petit font size, va entrer dans 100px
					on fonctionne en px fixe ici, PAS DE POURCENTAGE*/
  /*width: 270px;	/*	la largeur MAXIMUM pour les cellulaires est de 320px en comptant les marges
					ce qui donne donc un grand maximum de 270px par colonne (1rem = +/- 10px)
					car il faut compter les marges des conteneurs de la grille fix�e au minimum � 1rem
					il est d�sagr�able de refaire tout le style quand il ne r�pond pas aux limites...*/
}
div.grille00 img	/* 	il n'est d'usage d'utiliser une image plus grande que 270px dans le flex pour
					avoir un responsive convenable, il faut utiliser un autre mod�le si nous avons
					des images plus larges que 270px, on fonctionne en px fixe ici, PAS DE POURCENTAGE*/ {
}
div.grille00 figcaption	/* 	figcaption h�rite de son parent figure. En remettant ici le texte � gauche
						il n'y aura que l'image centr�e dans la colonne
						on fonctionne en px fixe ici, PAS DE POURCENTAGE*/ {
  text-align: left;
}
/************************************************************************************************************/
/* Cette instruction sur la div float-stop s'applique sur tous les mod�les, nul besoin de la r�p�ter*/
div.float-stop {
  clear: both;
}
/**************************			float00			****************************************************************************/
div.float00 {
}
div.float00 div.float-left /*		les div enfants float-left et float-right n�cessite qu'on les appelle avec le parent float00		*/ {
  float: left;
  padding-right: 0.5rem;
  width: 49%; /* laisser 1% aux marges*/
}
/*					le responsive assigne les 2 div enfants float-left et float-right 
					on n'a donc pas besoin de rajouter du code dans responsive.css */
div.float00 div.float-right {
  float: right;
  padding-left: 0.5rem;
  width: 49%;
}
div.float00 div.float-left img,
div.float00 div.float-right img {
  width: 100%;
}

/**************************				table00			**********************************************************************************/
table.table00 {
  border: 1px solid black;
  /*border-collapse: collapse;*/
  /*border-collapse: separate;*/
  /*border-spacing: 10px 50px;*/
  /*empty-cells: hide;*/
  /*table-layout: fixed;*/
  width: 100%;
}
table.table00 tr /*	row, ligne */ {
}
table.table00 tr:nth-child(even) /* OU odd */ {
  /*background-color: yellow*/
}
table.table00 tr:hover {
  /*background-color: green;*/
}
table.table00 tr.ligne00 /*	si nous avons une ligne particuli�re que nous d�sirons styliser */ {
}
table.table00 th /* header, titre */ {
  border-bottom: 1px solid grey;
  /*border: 1px solid black;*/
  /*height: 50px;*/
  text-align: left;
  vertical-align: middle;
  padding: 8px 15px;
  /*background-color: blue;*/
  /*color: white;*/
}
table.table00 td /* data, cellule */ {
  border-bottom: 1px solid grey;
  /*border: 1px solid black;*/
  /*height: 30px;*/
  /*text-align: center;*/
  /*vertical-align: bottom;*/
  padding: 8px 15px;
}
table.table00 td img/* image dans le cellule, on ne d�passe pas 270px pour le responsive */ {
  width: 100%;
  max-width: 270px;
  max-height: 200px;
}
table.table00 td.cell00 /*	si nous avons une cellule particuli�re que nous d�sirons styliser */ {
  padding: 0;
  width: 270px;
  max-width: 270px;
}
/****************************			xtableau00				********************************************************************************/
div.xtableau00 {
  border-top: 1px solid black; /*	cadre autour du tableau sauf pour le bottom */
  border-right: 1px solid black;
  border-left: 1px solid black;
  /*border-bottom: 1px solid black;*/
  /*	si on ne met pas de border-bottom aux lignes mais qu'on veut tout de m�me
	le bas du cadre pour le tableau, il faut enlever le commentaire ci-haut*/
}
div.xtableau00 div.xt {
  display: flex;
  border-bottom: 1px solid black; /*	si on veut une barre sous la ligne titre*/
}
div.xtableau00 div.xl {
  display: flex;
  border-bottom: 1px solid black; /*	si on veut une barre sous la ligne du tableau*/
}
/*	2colonnes 49%, 3colonnes 33%, 4colonnes 24%, 5colonnes 19% */
div.xtableau00 div.xc1,
div.xtableau00 div.xc2,
div.xtableau00 div.xc3 {
  width: 33%;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-right: 1px solid black;
}
div.xtableau00 div.xc3 /*		voici la derni�re cellule � la droite du tableau 
							cette derni�re cellule annule le border 
							si vous avez plus que 3 colonnes,
							changer xc3 pour le nom de la derni�re cellule*/ {
  border-right: 0px solid black;
}
div.xtableau00 div.xt div.xc1
, div.xtableau00 div.xt div.xc2
, div.xtableau00 div.xt div.xc3 /*	cellules de la ligne titre xtitle xt */ {
  font-weight: bold;
}
div.xtableau00 div.xc1 {
}
div.xtableau00 div.xc2 {
}
div.xtableau00 div.xc3 {
}
/**********************				ftableau00				**************************************************************************************/
div.ftableau00 {
  visibility: hidden; /* le ftableau sera visible sous les 765px*/
  height: 0px;
}
div.ftableau00 {
  border-top: 1px solid black; /*	cadre autour du tableau sauf pour le bottom */
  border-right: 1px solid black;
  border-left: 1px solid black;
  /*border-bottom: 1px solid black;*/
  /*	si on ne met pas de border-bottom aux lignes mais qu'on veut tout de m�me
	le bas du cadre pour le tableau, il faut enlever le commentaire ci-haut*/
}
div.ftableau00 div.xt {
  display: flex;
  border-bottom: 1px solid black; /*	si on veut une barre sous la ligne titre*/
}
div.ftableau00 div.xl {
  display: flex;
  border-bottom: 1px solid black; /*	si on veut une barre sous la ligne du tableau*/
}
div.ftableau00 div.xc1,
div.ftableau00 div.xc2,
div.ftableau00 div.xc3 {
  width: 99%;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
div.ftableau00 div.xt div.xc1
, div.ftableau00 div.xt div.xc2
, div.ftableau00 div.xt div.xc3 /*	cellules de la ligne titre xtitle xt */ {
  font-weight: bold;
}
div.ftableau00 div.xc1 {
}
div.ftableau00 div.xc2 {
}
div.ftableau00 div.xc3 {
}
/************************************************************************************************************
			V o t r e		c o d e		v a		�	p a r t i r		d ' i c i			
Prenez une copie du mod�le00 m00 float00 grille00 table00 etc... et copiez le code ici � la fin
Incr�mentez le mod�le m01 float01 etc... aux noms de balises de votre copie et codez
/****************************************************************************************************************/

div.a-wrapper {
  width: 270px;
  height: 203px;
}
div.a-wrapper img {
  transition-duration: 1s;
  transition-timing-function: ease;
}
div.a-wrapper img:hover {
  /*width: 100%;*/
  /*transform: rotate(5deg);*/
  /*transform: skewY(40deg);*/
  /*transform: skewX(60deg);
transform: scaleY(1.1);
transform: scaleX(1.2);*/
  /*transform: matrix(0.866,0.7,-0.8,0.866,0,0);/* matrice 2D*/
  transition-timing-function: ease;
  transition-duration: 2s;
  /*transform: translate3d(10px,20px,30px);*/
  transform: rotate(45deg);
  transform-origin: 20% 40%;
}
div.a-wrapper:hover {
}
div.b-wrapper {
  width: 270px;
  height: 203px;
}
div.b-wrapper img {
  transition-duration: 1s;
  transition-timing-function: ease;
}
div.b-wrapper img:hover {
  /*width: 100%;*/
  /*transform: rotate(5deg);*/
  /*transform: skewY(40deg);*/
  /*transform: skewX(60deg);
transform: scaleY(1.1);
transform: scaleX(1.2);*/
  /*transform: matrix(0.866,0.7,-0.8,0.866,0,0);/* matrice 2D*/
  transition-timing-function: ease;
  transition-duration: 2s;
  /*transform: translate3d(10px,20px,30px);*/
  transform-style: preserve-3d;
  transform: rotate(-45deg);
  transform-origin: 60% 80%;
}
div.b-wrapper:hover {
}
div.c-wrapper {
  width: 270px;
  height: 203px;
}
div.c-wrapper img {
  transition-duration: 1s;
  transition-timing-function: ease;
}
div.c-wrapper img:hover {
  /*width: 100%;*/
  /*transform: rotate(5deg);*/
  /*transform: skewY(40deg);*/
  /*transform: skewX(60deg);
transform: scaleY(1.1);
transform: scaleX(1.2);*/
  /*transform: matrix(0.866,0.7,-0.8,0.866,0,0);/* matrice 2D*/
  transition-timing-function: ease;
  transition-duration: 2s;
  /*transform: translate3d(10px,20px,30px);*/
  /*transform-style: preserve-3d;*/
  transform: skewY(20deg);
  transform-origin: 10% 20%;
}
div.c-wrapper:hover {
}
div.d-wrapper {
  width: 270px;
  height: 203px;
}
div.d-wrapper img {
  transition-duration: 1s;
  transition-timing-function: ease;
}
div.d-wrapper img:hover {
  /*width: 100%;*/
  /*transform: rotate(5deg);*/
  /*transform: skewY(40deg);*/
  /*transform: skewX(60deg);
transform: scaleY(1.1);
transform: scaleX(1.2);*/
  transform: matrix(-0.866, -0.7, 0.8, -0.866, 0, 0); /* matrice 2D*/
  transition-timing-function: ease;
  transition-duration: 2s;
  /*transform: translate3d(10px,20px,30px);*/
  /*transform-style: preserve-3d;*/
  /*transform: skewY(20deg);*/
  transform-origin: 200% -250%;
  /*transform: matrix3d(0.5,0,0,0,0.5,0,0,0,0.5,0,0,0,0.5,0,0,0);*/
}
div.d-wrapper:hover {
}
div.e-wrapper {
  padding: 1rem;
  width: 300px;
  height: 233px;
  border: 1px solid #aaaaaa;
  transition-duration: 2s;
  transition-timing-function: ease;
}
div.e-wrapper img {
  transition-duration: 1s;
  transition-timing-function: ease;
}
div.e-wrapper img:hover {
  /*width: 100%;*/
  /*transform: rotate(5deg);*/
  /*transform: skewY(40deg);*/
  /*transform: skewX(60deg);
transform: scaleY(1.1);
transform: scaleX(1.2);*/
  /*transform: matrix(-0.866,-0.7,0.8,-0.866,0,0);/* matrice 2D*/
  /*transition-timing-function: ease;*/
  transition-timing-function: cubic-bezier(0.5, 0.5, 0.8, 0.9);
  transition-duration: 2s;
  /*transform: translate3d(10px,20px,30px);*/
  /*transform-style: preserve-3d;*/
  /*transform: skewY(20deg);*/
  transform-origin: 10% 90%;
  /*transform: matrix3d(0.5,0,0,0,0.5,0,0,0,0.5,0,0,0,0.5,0,0,0);*/
  /*transform: skew(10deg,10deg);*/
  /*perspective: 100px;*/
  /*perspective-origin: 50px 50px;*/
  transform: rotate3d(0.8, -0.1, 0.1, 80deg);
}
div.e-wrapper:hover {
  transition-duration: 3s;
  transition-timing-function: ease;
  box-shadow: 10px 10px 5px grey;
}
/***********************************  mentions l�gales - politique de confidentialit� - Conditions g�n�rales de vente *****************************/
div.m01-legal {
  padding: 1rem; /*	padding par d�faut */
}

/*	la div h00 sert au titre si on a besoin de plusieurs balises dans la partie titre, sinon la h seule*/

div.m01-legal h1 {
  font-size: ;
  line-height: ; /*	<= font-size + padding */
}
div.m01-legal h2 {
}
div.m01-legal hr {
  width: 50%;
  margin: 0 auto;
  color: pink;
}
/******** home ********/
div.h01 {
  margin-top: 2rem;
  text-align: center;
}
.themes h3 {
  font-family: 'roboto-bold';
  text-transform: uppercase;
  color: #e04f4f;
  font-size: 3rem;
  line-height: 3.5rem;
}
.themes h5 {
  font-family: 'roboto-bold';
  font-size: 1.8rem;
  line-height: 2.3rem;
}

.themes .wf-column li {
  font-family: 'roboto-bold';
  color: #e04f4f;
}

.agirhome a {
  color: #e04f4f;
}

.agirhome a:hover {
  color: #000;
}

/******** boutons et noms *****/
.bouton-orange {
  float: right;
  background-color: #e04f4f;
  border-radius: 25px;
  padding: 10px 15px 10px 15px;
  width: 300px;
  font-family: 'roboto-black';
  color: #fff;
  font-size: 2rem;
  line-height: 2.5rem;
  text-align: center;
}
.bouton-orange a {
  color: #fff;
}
.bouton-orange-2 {
  float: left;
  background-color: #e04f4f;
  border-radius: 25px;
  padding: 10px 15px 10px 15px;
  width: 300px;
  font-family: 'roboto-black';
  color: #fff;
  font-size: 2rem;
  line-height: 2.5rem;
  text-align: center;
}
.bouton-orange-2 a {
  color: #fff;
}
.bouton-orange-3 {
  text-align: center;
  background-color: #e04f4f;
  border-radius: 25px;
  padding: 10px 20px 10px 25px;
  width: 300px;
  font-family: 'roboto-black';
  color: #fff;
  font-size: 2rem;
  line-height: 2.5rem;
  margin-left: auto;
  margin-right: auto;
}
.bouton-orange-3 a {
  color: #fff;
}
.bouton-orange-4 {
  text-align: center;
  background-color: #e04f4f;
  border-radius: 25px;
  padding: 10px 20px 10px 25px;
  width: 50%;
  font-family: 'roboto-black';
  color: #fff;
  font-size: 2rem;
  line-height: 2.5rem;
  margin-left: auto;
  margin-right: auto;
}
.bouton-orange-4 a {
  color: #fff;
}
.nom {
  font-family: 'roboto-black';
  color: #e04f4f;
  font-size: 2rem;
  line-height: 2.5rem;
}
.citation {
  font-family: 'roboto-regular';
  font-style: italic;
}

/*********** footer liens direct *******/
div.footerlogo img {
  width: 100%;
  max-width: 450px;
  height: auto;
  padding: 2rem;
}
div.footerliens {
  line-height: 1.5rem;
  font-size: 1.4rem;
}

div.footerliens a {
  color: #000;
}

div.footerliens a:hover {
  color: #e04f4f;
}

/***********************************************************************************************************************************/
div.vision101 {
  padding: 1rem;
  font-family: 'roboto-regular';
}

div.h101 {
  width: 80%;
  margin: 0 auto;
  text-align: center;
  font-family: 'roboto-bold';
}
div.h101 h1 {
  font-size: ;
  line-height: ;
  font-family: 'roboto-black';
}

div.h101 hr {
  width: 30%;
  margin: 0 auto;
  color: #e04f4f;
}
div.float101a {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
div.float101a div.inner,
div.float101b div.inner {
  width: 80%;
  margin: 0 auto;
  min-height: 200px;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
div.float101a div.inner h3,
div.float101b div.inner h3 {
  padding-bottom: 2rem;
}
div.float101a div.float-left {
  float: left;
  padding-right: 0.5rem;
  width: 48%; /* laisser 1% aux marges*/
  border: 2px solid #f27c00;
  background-color: #fff7ea;
}
div.float101a div.float-left h3 {
  color: #f27c00;
}
div.float101a div.float-right {
  float: right;
  padding-left: 0.5rem;
  width: 48%;
  border: 2px solid #74305d;
  background-color: #fff7ea;
}
div.float101a div.float-right h3 {
  color: #74305d;
}
div.float101b {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
div.float101b div.float-left {
  float: left;
  padding-right: 0.5rem;
  width: 48%; /* laisser 1% aux marges*/
  border: 2px solid #74305d;
  background-color: #fff7ea;
}
div.float101b div.float-left h3 {
  color: #74305d;
}
div.float101b div.float-right {
  float: right;
  padding-left: 0.5rem;
  width: 48%;
  border: 2px solid #f27c00;
  background-color: #fff7ea;
}
div.float101b div.float-right h3 {
  color: #f27c00;
}
div.missions102 {
  padding: 1rem;
  font-family: 'roboto-regular';
}
div.h102 {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  font-family: 'roboto-bold';
}
div.h102 h1 {
  font-size: ;
  line-height: ;
  font-family: 'roboto-black';
}

div.h102 hr {
  width: 30%;
  margin: 0 auto;
  color: #e04f4f;
}
div.h102a {
  border: 2px solid #e04950;
}
div.h102aa {
  padding-top: 2rem;
  padding-bottom: 2rem;
  width: 87%;
  margin: 0 auto;
}
div.h102aa span.rouge {
  color: #e04f4f;
  font-weight: bold;
}
div.h102b {
}
div.h102b h3 {
  color: #74305d;
}
div.h102b h3 img {
  vertical-align: bottom;
  position: relative;
  top: 38px;
}
div.h102b hr {
  color: #74305d;
  width: 250px;
  text-align: left;
  margin-left: 90px;
}
div.h102b ul {
  margin-left: 85px;
  padding-top: 20px;
}

div.h102c {
}
div.h102c h3 {
  color: #e04f4f;
}
div.h102c h3 img {
  vertical-align: bottom;
  position: relative;
  top: 38px;
}
div.h102c hr {
  color: #e04f4f;
  width: 250px;
  text-align: left;
  margin-left: 90px;
}
div.h102c ul {
  margin-left: 85px;
  padding-top: 20px;
}
div.h102d {
}
div.h102d h3 {
  color: #f27c00;
}
div.h102d h3 img {
  vertical-align: bottom;
  position: relative;
  top: 30px;
}
div.h102d hr {
  color: #f27c00;
  width: 250px;
  text-align: left;
  margin-left: 90px;
}
div.h102d ul {
  margin-left: 85px;
  padding-top: 20px;
}
div.organisation103 {
  padding: 1rem;
  font-family: 'roboto-regular';
  text-align: center;
}

div.organisation103 img {
  width: 100%;
  height: 100%;
  max-width: 600px;
}
div.h103 {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
div.h103 h1 {
  font-size: 3.5rem;
  line-height: 4rem;
  font-family: 'roboto-black';
}
div.h103 hr {
  width: 30%;
  margin: 0 auto;
  color: #e04f4f;
}

div.h103a {
  text-align: center;
}
div.h103a h3 {
  font-size: 3rem;
  line-height: 3.5rem;
  font-family: 'roboto-black';
  color: #e04f4f;
}
div.h103a span.gros {
  font-family: 'roboto-black';
  font-size: 3rem;
  line-height: 3.5rem;
}
div.h103b {
  text-align: center;
}
div.h103b span.gros {
  font-family: 'roboto-bold';
  font-size: 3rem;
  line-height: 3.5rem;
}
div.h103b span.rouge {
  color: #e04f4f;
}
div.h103c {
  text-align: center;
}
div.h103c h4 {
  font-family: 'roboto-bold';
}
div.encart103 {
  padding: 2rem;
  background-color: #fff7ea;
}
div.themes104 {
  padding: 1rem;
  font-family: 'roboto-regular';
  text-align: center;
}
div.themes104 img {
  width: 100%;
  height: 100%;
  max-width: 600px;
}
div.h104 {
  text-align: center;
}
div.h104 h1 {
  font-size: 3.5rem;
  line-height: 4rem;
  font-family: 'roboto-black';
}
div.h104a {
  text-align: center;
}
div.h104a span.gros {
  font-family: 'roboto-bold';
  font-size: 3rem;
  line-height: 3.5rem;
}
div.h104b {
  text-align: left;
}
div.float104a {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: left;
}
div.float104a div.inner,
div.float104b div.inner {
  width: 80%;
  margin: 0 auto;
  min-height: 200px;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
div.float104a div.inner h3,
div.float104b div.inner h3 {
  padding-bottom: 2rem;
}
div.float104a div.float-left {
  float: left;
  padding-right: 1rem;
  width: 47%; /* laisser 1% aux marges*/
  border: 2px solid #f36a10;
  background-color: #fff7ea;
}
div.float104a div.float-left h3 {
  color: #f36a10;
}
div.float104a div.float-right {
  float: right;
  padding-left: 1rem;
  width: 47%;
  border: 2px solid #e87c24;
  background-color: #fff7ea;
}
div.float104a div.float-right h3 {
  color: #e87c24;
}
div.float104b {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: left;
}
div.float104b div.inner,
div.float104b div.inner {
  width: 80%;
  margin: 0 auto;
  min-height: 200px;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
div.float104b div.inner h3,
div.float104b div.inner h3 {
  padding-bottom: 2rem;
}
div.float104b div.float-left {
  float: left;
  padding-right: 1rem;
  width: 47%; /* laisser 1% aux marges*/
  border: 2px solid #e08d2f;
  background-color: #fff7ea;
}
div.float104b div.float-left h3 {
  color: #e08d2f;
}
div.float104b div.float-right {
  float: right;
  padding-left: 1rem;
  width: 47%;
  border: 2px solid #cd9346;
  background-color: #fff7ea;
}
div.float104b div.float-right h3 {
  color: #cd9346;
}
div.float104c {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: left;
}
div.float104c div.inner,
div.float104c div.inner {
  width: 90%;
  margin: 0 auto;
  min-height: 200px;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
div.float104c div.inner h3,
div.float104c div.inner h3 {
  padding-bottom: 2rem;
}
div.float104c div.float-left {
  float: left;
  padding-right: 1rem;
  width: 47%; /* laisser 1% aux marges*/
  border: 2px solid #74305d;
  background-color: #fff7ea;
}
div.float104c div.float-left h3 {
  color: #74305d;
}
div.float104c div.float-right {
  float: right;
  padding-left: 1rem;
  width: 47%;
  border: 2px solid #a74147;
  background-color: #fff7ea;
}
div.float104c div.float-right h3 {
  color: #a74147;
}
div.float104d {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin: 0 auto;
  text-align: left;
}
div.float104d div.inner,
div.float104d div.inner {
  width: 80%;
  margin: 0 auto;
  min-height: 200px;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
div.float104d div.inner h3,
div.float104d div.inner h3 {
  padding-bottom: 2rem;
}
div.float104d div.float-left {
  /*float: left;*/
  margin: 0 auto;
  padding-right: 1rem;
  width: 47%; /* laisser 1% aux marges*/
  border: 2px solid #eb4d50;
  background-color: #fff7ea;
}
div.float104d div.float-left h3 {
  color: #eb4d50;
}
div.float104d div.float-right {
  /*float: right;*/
  /*padding-left: 1rem;*/
  width: 0%;
  height: 0px;
  /*border: 2px solid #A74147;*/
}
div.float104d div.float-right h3 {
  /*color: #A74147;*/
}
div.soutenir105 {
  padding: 1rem;
  font-family: 'roboto-regular';
}
div.h105 {
  text-align: center;
}

div.h105 h1 {
  font-size: 3.5rem;
  line-height: 4rem;
  font-family: 'roboto-black';
}
div.h105 hr {
  width: 30%;
  margin: 0 auto;
  color: #e04f4f;
}
div.float105 {
}
div.float105 h3 {
  color: #e04f4f;
}
div.float105 div.float-left {
  float: left;
  padding-right: 0.5rem;
  width: 48%; /* laisser 1% aux marges*/
}

div.float105 div.float-right {
  float: right;
  padding-left: 0.5rem;
  width: 48%;
}
div.float105 div.float-left img,
div.float105 div.float-right img {
  width: 100%;
  height: 100%;
  max-width: 600px;
}
div.h105a {
  text-align: center;
  border: 2px solid #e04950;
  color: #e04950;
  font-size: 2.5rem;
  line-height: 3rem;
  font-family: 'roboto-bold';
}
div.h105a div.inner {
  width: 80%;
  margin: 0 auto;
  padding-top: 2rem;
  padding-bottom: 2rem;
  font-family: 'roboto-bold';
}
div.h105a a {
  border: 2px solid #e04950;
  background-color: #e04950;
  color: white;
  font-size: 2rem;
  line-height: 2.5rem;
  padding: 5px 40px;
  border-radius: 60px;
}
div.h105a a:hover {
  background-color: white;
  color: #e04950;
}
div.fondation106 {
  padding: 1rem;
  font-family: 'roboto-regular';
}
div.fondation106 img {
  width: 100%;
  height: 100%;
  max-width: 600px;
}
div.h106 {
  text-align: center;
}

div.h106 h1 {
  font-size: 3.5rem;
  line-height: 4rem;
  font-family: 'roboto-black';
}
div.h106 hr {
  width: 30%;
  margin: 0 auto;
  color: #e04f4f;
}
div.float106 {
}
div.float106 h3 {
  color: #e04f4f;
}
div.float106 div.float-left {
  float: left;
  padding-right: 0.5rem;
  width: 48%; /* laisser 1% aux marges*/
}

div.float106 div.float-right {
  float: right;
  padding-left: 0.5rem;
  width: 48%;
}
div.float106 div.float-left img,
div.float106 div.float-right img {
  width: 100%;
  height: 100%;
  max-width: 600px;
}

/* ////////////////////////////////////////////////////////////// EDITION - EDWIN  /////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////// TROPHE 2022 - EDWIN   ///////////////////////////////////////////////////// */
/* ////////////////// Général /////////////////////*/

section.m107 {
  padding: 3rem;
  box-sizing: border-box;
}
section.m107 div.float-left {
  float: left;
  width: 49%;
  box-sizing: border-box;
}
section.m107 div.float-right {
  float: right;
  width: 49%;
  box-sizing: border-box;
}
section.m107 header {
  text-align: center;
}
section.m107 span {
  color: #e04f4f;
  font-weight: 500;
}
section.m107 ul {
  box-sizing: border-box;
  padding-left: 5rem;
}
section.m107 li {
  list-style: none;
  margin-bottom: 2rem;
}
section.m107 ul li::before {
  content: '\2022';
  color: red;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
section.m107 p {
  margin: 0;
}

/* ////////////////// Section - Header /////////////////////*/

section.m107 header.header1 {
  margin-top: 4rem;
}
h1::after {
  width: 240px;
}
section.m107 h2::after {
  display: none;
}
section.m107 header h1 {
  font-family: 'roboto-black';
  font-size: 6rem;
  line-height: 7rem;
  margin-bottom: 2rem;
}
section.m107 header h2 {
  font-family: 'robotocondensed-bold';
  color: #e04f4f;
  font-size: 2.7rem;
  margin-bottom: 3.7rem;
}
section.m107 header h3 {
  font-family: 'roboto-black';
  font-size: 3.5rem;
  line-height: 4.5rem;
  margin-bottom: 2rem;
}
section.m107 header h4 {
  font-family: 'roboto-black';
  font-size: 2rem;
  line-height: 3rem;
  margin-bottom: 4rem;
}

/* ////////////////// Div m107a /////////////////////*/

div.m107a {
  background-image: url('../../../images/tmpl/la-fondation-du-domicile.png');
  background-repeat: no-repeat;
  background-position: right bottom;
  margin-bottom: 10rem;
}
div.m107a p {
  margin-bottom: 2rem;
}
div.m107a ul {
  width: 70%;
}

/* ////////////////// Div m107b /////////////////////*/

div.m107b {
  background-color: #fff7ea;
  padding: 3rem;
  padding-bottom: 5rem;
  margin-bottom: 10rem;
}
div.m107b header {
  background-image: url('../../../images/tmpl/le-theme.png');
  background-repeat: no-repeat;
  background-position: left top;
  margin-bottom: 4rem;
}
div.m107b header h2 {
  padding-top: 7rem;
  margin-bottom: 0;
}

/* ////////////////// Div m107c /////////////////////*/
div.m107c div.floatm107c1,
div.m107c div.floatm107c2 {
  display: flex;
  justify-content: space-between;
}
div.m107c {
  margin-bottom: 7rem;
}
div.m107c header {
  margin-bottom: 4rem;
}
div.m107c header p {
  font-family: 'roboto-bold';
}
div.m107c div.floatm107c1 {
  margin-bottom: 3rem;
}
div.m107c div.floatm107c1 div.float-left,
div.m107c div.floatm107c2 div.float-left {
  margin-right: 3rem;
}
div.m107c div.floatm107c1 div.float-left,
div.m107c div.floatm107c2 div.float-right {
  border: 3px solid #f27c00;
  padding: 3rem;
}
div.m107c div.floatm107c1 div.float-left h2,
div.m107c div.floatm107c2 div.float-right h2 {
  font-family: 'robotocondensed-bold';
  color: #f27c00;
  font-size: 2.7rem;
  margin-bottom: 2rem;
}
div.m107c div.floatm107c1 div.float-right,
div.m107c div.floatm107c2 div.float-left {
  border: 3px solid #74305d;
  padding: 3rem;
}
div.m107c div.floatm107c1 div.float-right h2,
div.m107c div.floatm107c2 div.float-left h2 {
  font-family: 'robotocondensed-bold';
  color: #74305d;
  font-size: 2.7rem;
  margin-bottom: 2rem;
}

/* ////////////////// Div m107d /////////////////////*/

div.m107d {
  margin-bottom: 7rem;
  padding-right: 2rem;
}
div.m107d p {
  margin-bottom: 2rem;
}

/* ////////////////// Div m107e /////////////////////*/

div.m107e {
  background-image: url('../../../images/tmpl/criteres-eligibilite.png');
  background-repeat: no-repeat;
  background-position: right top 20px;
  border: 3px solid #eb4d50;
  padding: 4rem 3rem 4rem 3rem;
  background-origin: content-box;
  background-size: contain;
}
div.m107e ul {
  width: 65%;
  margin-left: 1rem;
}

/* ////////////////// Div m107f /////////////////////*/

div.m107f {
  margin-top: 7rem;
  margin-bottom: 7rem;
}
div.m107f div.floatm107 {
  margin-bottom: 3rem;
  display: flex;
}
div.m107f div.floatm107 div.float-left {
  border: 3px solid #74305d;
  margin-right: 3rem;
  padding: 3rem;
  background-color: #fff7ea;
}
div.m107f div.floatm107 div.float-left h2 {
  font-family: 'robotocondensed-bold';
  color: #74305d;
  font-size: 2.7rem;
  margin-bottom: 2rem;
}
div.m107f div.floatm107 div.float-right {
  border: 3px solid #f27c00;
  padding: 3rem;
  background-color: #fff7ea;
}
div.m107f div.floatm107 div.float-right h2 {
  font-family: 'robotocondensed-bold';
  color: #f27c00;
  font-size: 2.7rem;
  margin-bottom: 2rem;
}
div.m107f div.m107f1 {
  border: 3px solid #eb4d50;
  padding: 3rem;
  background-color: #fff7ea;
  margin-bottom: 7rem;
}
div.m107f div.m107f1 header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2rem;
}
div.m107f div.m107f1 header h2 {
  font-family: 'robotocondensed-bold';
  color: #eb4d50;
  font-size: 2.7rem;
  line-height: 3.7rem;
  margin-bottom: 2rem;
  text-align: left;
}
div.m107f div.m107f1 div.image-Modalite {
  display: none;
}
div.m107f2 {
  background-image: url('../../../images/tmpl/criteres-selection.png');
  background-repeat: no-repeat;
  background-position: right bottom;
  border: 3px solid #e04950;
  padding: 4rem 3rem 4rem 3rem;
  background-origin: content-box;
  background-size: contain;
}
div.m107f2 p {
  font-family: 'roboto-bold';
  margin-bottom: 2rem;
}
div.m107f2 ul {
  width: 75%;
}

/* ////////////////// Div m107g /////////////////////*/

div.m107g {
  width: 80%;
  margin: 0 auto;
}
div.m107g1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
div.m107g1 p:first-child {
  font-family: 'roboto-bold';
  padding-right: 4rem;
}
div.m107g1 :last-child {
  font-family: 'robotocondensed-bold';
  font-size: 2rem;
  line-height: 3rem;
  color: #74305d;
}
div.m107g1a {
  display: flex;
  align-items: center;
}
div.m107g1a img {
  margin-right: 4rem;
}
div.m107g1b {
  display: flex;
  align-items: center;
}
div.m107g1b img {
  margin-right: 4rem;
}

/* ////////////////// Div m107h /////////////////////*/

div.m107h {
  background-image: url('../../../images/tmpl/selection-projets-soutenus.png');
  background-repeat: no-repeat;
  background-position: right;
  border: 3px solid #e04950;
  background-origin: content-box;
  background-size: contain;
  border: 3px solid #eb4d50;
  padding: 3rem;
  margin-bottom: 7rem;
  margin-top: 7rem;
}
div.m107h1 {
  width: 60%;
  margin-bottom: 2rem;
}
div.m107h div.imageCacheeSelection {
  display: none;
}

/* ////////////////// Div m107i /////////////////////*/

div.m107i {
  display: flex;
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding: 3rem;
  width: 70%;
  background-color: #fff7ea;
  margin: 0 auto;
}
div.m107i h2 {
  font-family: 'robotocondensed-bold';
  color: #74305d;
  font-size: 2.7rem;
  line-height: 3.7rem;
  margin-bottom: 2rem;
}
div.m107i p {
  margin-bottom: 3rem;
}
div.m107i img {
  box-sizing: content-box;
  width: 50%;
}

/* ////////////////// Div m107j /////////////////////*/

div.m107j {
  margin-top: 7rem;
}
div.m107j h2 {
  font-family: 'robotocondensed-bold';
  color: #e04f4f;
  font-size: 2.7rem;
  margin-bottom: 3.7rem;
}
div.m107j ul {
  margin-bottom: 4rem;
}

/* ////////////////// Div m107k /////////////////////*/

div.m107k {
  background-image: url('../../../images/tmpl/calendrier-projet.png');
  background-repeat: no-repeat;
  background-position: left 0px bottom;
  border: 3px solid #e04950;
  border: 3px solid #eb4d50;
  padding: 3rem;
  margin-bottom: 7rem;
  margin-top: 7rem;
}
div.floatm107k1 {
  display: flex;
  align-items: center;
}
div.floatm107k1 div.float-left {
  display: flex;
  justify-content: end;
  flex: 7;
}
div.floatm107k1 div.float-left ul {
  padding-top: 7rem;
  margin-left: 0;
  padding-left: 0;
}
div.floatm107k1 div.float-left ul li {
  font-family: 'roboto-bold';
  margin-left: 0;
}
div.floatm107k1 ul li::before {
  display: none;
}
div.floatm107k1 ul li :first-child {
  font-family: 'josefinsans-bold';
  color: #74305d;
  margin-right: 2rem;
  list-style-type: none;
}
div.floatm107k1 ul li :last-child {
  font-family: 'roboto-black';
  color: #f27c00;
  list-style-type: none;
}
div.floatm107k1 div.float-right {
  display: flex;
  flex: 3;
  justify-content: end;
}
div.floatm107k1 div.float-right img.image-cachee {
  display: none;
}
div.floatm107k1 div.float-right img {
  box-sizing: content-box;
  width: 100%;
  padding-bottom: 4rem;
}

/* ////////////////// Div m107l /////////////////////*/

div.m107l {
  padding: 3rem;
  background-color: #fff7ea;
}
div.m107l h2 {
  font-family: 'robotocondensed-bold';
  color: #74305d;
  margin-bottom: 3rem;
}
div.m107l div.floatm107l1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
div.m107l div.floatm107l1 div.float-left {
  flex: 1;
  margin-right: 3rem;
}
div.m107l div.floatm107l1 div.float-right {
  flex: 1;
}
div.m107l div.floatm107l1 div.float-left button {
  font-family: 'roboto-bold';
  cursor: pointer;
  display: flex;
  align-items: center;
  color: white;
  height: 20px;
  background-color: red;
  border-radius: 26px;
  padding: 1.5rem 2rem 1.5rem 2rem;
  border: 2px solid red;
}
div.m107l div.floatm107l1 button:hover {
  background-color: transparent;
  color: red;
}
div.m107l div.floatm107l1 div.float-right img {
  box-sizing: content-box;
  width: 100%;
}