/*	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-family: 'montserrat-extrabold';
    font-size: 4.46rem;
    line-height: 5.35rem;
    text-align: center;
    color: #466A7F;
    margin-top: 3rem;
}
div.m01-legal h2
{

}
div.m01-legal h5
{
font-family: 'montserrat-bold';
color: #8BB6CC;
}
div.m01-legal hr
{
width:50%;
margin: 0 auto;
color: pink;
}
/******************************************************************************/
div.loremipsum
{
padding: 1rem;
text-align: center;
}

div.h01
{
margin: 0 auto;
text-align: center;
color: #466a7f;
}
div.h01 h1
{
font-family: 'montserrat-extrabold';
color: #466a7f;
font-size: 4rem;
line-height: 4.5rem;
margin-top: 3rem;
margin-bottom: 3rem;
}

div.medico-social
{
padding: 3rem;
color: #466a7f;
}
div.h02
{

}
div.h02 h2
{
font-family: 'montserrat-bold';
color: #466a7f;
}
div.medico-social a
{
padding: 10px 40px;
background-color: #466a7f;
color: white;
border: 2px solid #466a7f;
border-radius: 30px;
font-family: 'montserrat-bold';
}
div.medico-social a:hover
{
background-color: white;
color: #466a7f;
}
div.medico-social img
{
width: 100%;
height: 100%;
}
div.activites
{
padding: 1rem;
text-align: center;
color: #466a7f;
}
div.activites img
{
width: 100%;
height: 100%;
max-width: 173px;
}
div.activites h2
{
font-family: 'montserrat-bold';
color: #466a7f;
font-size: 3.5rem;
padding-top: 2rem;
}
div.activites a h3
{
font-size: 1.6rem;
font-family: 'montserrat-semibold';
color: #466a7f;
}
div.activites a.savoir
{
padding: 10px 25px;
color: white;
background-color: #466a7f;
font-family: 'montserrat-bold';
border: 2px solid #466a7f;
border-radius: 40px;
}
div.activites a.savoir:hover
{

color: #466a7f;
background-color: white;

}

div.actualites-home h2 {
    font-family: 'montserrat-bold';
    color: #466a7f;
    font-size: 3.5rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding-top: 2rem;
}
div.h03
{
margin: 0 auto;
text-align: center;
}

#b90adressei .n4.inner
{
display: flex;
justify-content: space-evenly;
max-height: 28.6rem;
padding: 2.5rem 2rem 1rem;
}
#b90adressei .n4.inner > * + *:not(:last-child)
{
margin-left: 1.5rem;
}
#b90adressei .clr
{
flex: 0;
}

div.footer-logo
{
/*padding: 4rem 1rem;*/
text-align: center;
}
div.footer-logo img
{
width: 100%;
max-width: 267px;
height: auto;
}
div.footer-liens
{
/*padding: 4rem 1rem;*/
line-height: 1.5rem;
}
div.footer-liens h5
{
color: white;
font-family: 'montserrat-bold';
}
div.footer-liens a
{
color: white;
}
div.footer-liens a.engras
{
font-family: 'montserrat-bold';
color: white;
}
div.footer-liens > h5
, div.footer-liens > p a
, div.footer-liens2 > p a
{
font-family: 'montserrat-semibold';
font-size: 1.6rem;
line-height: 2.1rem;
}
div.footer-liens
, div.footer-liens2
{
display: flex;
flex-direction: column;
justify-content: flex-start;
}
div.footer-liens > *
, div.footer-liens2 > *
{
margin: 0;
}
div.footer-liens > * + *
, div.footer-liens2 > * + *
{
margin-top: 2rem;
}
div.footer-liens div.liens-profonds
{
display: flex;
flex-direction: column;
}
div.footer-liens div.liens-profonds > p
{
margin: 0;
}
div.footer-liens div.liens-profonds > * + *
{
margin-top: 1.5rem !important;
}

div.footer-liens2
{
/*padding: 4rem 1rem;*/
line-height: 1.7rem;
}
div.footer-liens2 a
{
font-family: 'montserrat-bold';
color: white;
}

div.footer-acces
{
/*padding: 4rem 1rem;*/
line-height: 1.5rem;
}
div.footer-acces div.acces-header
{
display: flex;
align-items: center;
margin-bottom: 0;
}
div.footer-acces h5
{
font-family: 'montserrat-semibold';
font-size: 2rem;
line-height: 2.5rem;
color: white;
}
div.footer-acces div.acces-header hr
{
flex: 1;
margin-left: 1.5rem;
}
div.footer-acces a
{
color: white;
}
div.footer-acces a.engras
{
font-family: 'montserrat-bold';
color: white;
}
div.footer-acces a
{
color: white;
}
div.footer-acces hr
{
background: white;
border: none;
height: 2px;
}
div.footer-acces div.acces-content
{
margin-bottom: 1rem;
}
div.footer-acces div.acces-content a
{
display: flex;
align-items: center;
}
div.footer-acces div.acces-content a > * + *
{
flex: 1;
margin-left: 1.5rem;
line-height: 2.5rem;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
div.footer-acces div.acces-footer p
{
display: flex;
justify-content: space-around;
align-items: center;
}
div.footer-acces img.logo
{
vertical-align: middle;
max-height: 8rem;
width: auto;
height: 100%;
}
div.footer-acces a.voir
{
color: #466a7f;
font-family: 'montserrat-bold';
background: white;
padding: 10px 20px;
border-radius: 25px;
border: 1px solid white;
white-space: nowrap;
flex: 0 1 auto;
margin-left: 1rem;
}
div.footer-acces a.voir:hover
{
color: white;
background: #466a7f;

}
/***********************************************************************************************************************************************/
div.mission101
{
padding: 1rem;
color: #466a7f;
}

div.h101
{
color: #466a7f;
text-align: center;
}
div.h101 h1
{
font-size: 4.46rem;
line-height: 5.35rem;
color: #466a7f;
font-family: 'montserrat-extrabold';
margin-top: 3rem;
margin-bottom: 4.46rem;
}
div.float101
{

}
div.float101 div.float-left
{
float: left;
padding-right: 0.5rem;
width: 34%; /* laisser 1% aux marges*/
}					
div.float101 div.float-right
{
float: right;
padding-left: 0.5rem;
width: 64%;
margin-top: 2rem;
}
div.float101 div.float-left img
, div.float101 div.float-right img
{
width: 100%;
height: 100%;
max-width: ;
}
div.float101-2
{

}
div.float101-2 div.float-left
{
float: left;
padding-right: 0.5rem;
width: 64%; /* laisser 1% aux marges*/
margin-top: 1rem;
}					
div.float101-2 div.float-right
{
float: right;
padding-left: 0.5rem;
width: 34%;
}
div.float101-2 div.float-left img
, div.float101-2 div.float-right img
{
width: 100%;
height: 100%;
max-width: ;
}
div.h101-2
{
color: #466a7f;
text-align: center;
}
div.backg101 {
    background-color: #DBEAF1;
    color: #2D4551;
    padding: 2rem;
}
div.mission102
{
padding: 1rem;
color: #2d4551;
}
div.mission102 div.etroit
{
width: 70%;
margin: 0 auto;
color: #2d4551;
text-align: center;
}
div.mission102 div.etroit ul
{
padding: 1rem;
color: #2d4551;
text-align: left;
position: relative;
left: 35%;
}
div.mission102 h1
{
font-family: 'montserrat-extrabold';
font-size: 4.46rem;
line-height: 5.35rem;
text-align: center;
color: #466A7F;
margin-top: 3rem;
}

div.float102
{
padding: 2rem;
border: 2px solid  #466a7f;
border-radius: 50px;
}
div.float102 div.float-left
{
float: left;
padding-right: 0.5rem;
width: 29%; /* laisser 1% aux marges*/
}					
div.float102 div.float-right
{
float: right;
padding-left: 0.5rem;
width: 69%;
}
div.float102 div.float-left img
, div.float102 div.float-right img
{
width: 100%;
height: 100%;
max-width: ;
}
div.mission102 div.etroit2
{
width: 90%;
margin: 0 auto;
color: #2d4551;
}

div.accompagne103
{
padding: 1rem;
color: #2d4551;

}
div.h103
{
padding: 1rem;
color: #2d4551;
text-align: center;
}
div.h103 h1
{
    font-family: 'montserrat-extrabold';
    font-size: 4.46rem;
    line-height: 5.35rem;
    text-align: center;
    color: #466A7F;
    margin-top: 3rem;
}
div.accompagne103 h3
{
font-family: 'montserrat-bold';
color: #8BB6CC;
}
div.float103
{

}

div.float103 div.float-left
{
float: left;
/*text-align: right;*/
padding-right: 1rem;
width: 74%; /* laisser 1% aux marges*/
/*margin-top: 1rem;*/
}
					
div.float103 div.float-right
{
float: right;
padding-left: 1rem;
width: 24%;
}
div.float103 div.float-left img
, div.float103 div.float-right img
{
width: 100%;
height: 100%;
max-width: ;
}
div.float103-2
{

}
div.float103-2 div.float-left
{
float: left;
padding-right: 0.5rem;
width: 19%; /* laisser 1% aux marges*/
}
					
div.float103-2 div.float-right
{
float: right;
padding-left: 0.5rem;
width: 79%;
}
div.float103-2 div.float-left img
, div.float103-2 div.float-right img
{
width: 100%;
height: 100%;
max-width: 262px;
}

div.float103-3
{

}
div.float103-3 div.float-left
{
float: left;
/*text-align: right;*/
padding-right: 1rem;
width: 69%; /* laisser 1% aux marges*/
margin-top: 2rem;
}
					
div.float103-3 div.float-right
{
float: right;
padding-left: 1rem;
width: 29%;
}
div.float103-3 div.float-left img
, div.float103-3 div.float-right img
{
width: 100%;
height: 100%;
max-width: ;
}
div.accompagne103 div.centre
{
text-align: center;
}
div.float103-4
{

}
div.float103-4 div.float-left
{
float: left;
padding-right: 1rem;
width: 29%; /* laisser 1% aux marges*/
}
					
div.float103-4 div.float-right
{
float: right;
padding-left: 1rem;
width: 69%;
margin-top: 3rem;
}
div.float103-4 div.float-left img
, div.float103-4 div.float-right img
{
width: 100%;
height: 100%;
max-width: ;
}

div.soutien104
{
padding: 1rem;
color: #2d4551;
}
div.h104
{
padding: 1rem;
color: #2d4551;
text-align: center;
}
div.h104 h1
{
font-family: 'montserrat-bold';
color: #466A7F;
}
div.float104
{
background-color: #DBEAF1;
color: #2D4551;
padding: 2rem;

}
div.float104 div.centre
{
text-align: center;

}
div.float104 div.float-left
{
float: left;
padding-right: 0.5rem;
width: 19%; /* laisser 1% aux marges*/
}
					
div.float104 div.float-right
{
float: right;
padding-left: 0.5rem;
width: 79%;
}
div.float104 div.float-left img
, div.float104 div.float-right img
{
width: 100%;
height: 100%;
max-width: 262px;
}


div.soutien104 h3
{
font-family: 'montserrat-bold';
color: #8BB6CC;

}
div.float104-2
{

}
div.float104-2 div.float-left
{
float: left;
/*text-align: right;*/
padding-right: 1rem;
width: 69%; /* laisser 1% aux marges*/
margin-top: 2rem;
}
					
div.float104-2 div.float-right
{
float: right;
padding-left: 1rem;
width: 29%;
}
div.float104-2 div.float-left img
, div.float104-2 div.float-right img
{
width: 100%;
height: 100%;
max-width: ;
}
div.comment105
{
padding: 1rem;
color: #2d4551;
}
div.h105 {
    padding: 1rem;
    color: #2d4551;
    text-align: center;
}
div.comment105 h1
{
font-family: 'montserrat-extrabold';
color: #466a7f;
font-size: 4.46rem;
line-height: 5.36rem;
padding-top: 6rem;
}
div.comment105 h3 {
    font-family: 'montserrat-bold';
    color: #8BB6CC;
}
div.comment105 h4 {
    font-family: 'montserrat-semibold';
    font-size: 1.6rem;
}
div.comment105 div.centre
{
text-align: center;
}
div.comment105 a {
    padding: 10px 40px;
    background-color: #466a7f;
    color: white;
    border: 2px solid #466a7f;
    border-radius: 30px;
    font-family: 'montserrat-bold';
}

div.comment105 a:hover {
    background-color: white;
    color: #466a7f;
}
div.float105 {
    background-color: #DBEAF1;
    color: #2D4551;
    /*padding: 2rem;*/
}
div.condition106
{
/*padding: 1rem;*/
color: #2d4551;
}

div.condition106 div.centre
{
text-align: center;
font-weight: bold;
color: black;
}
div.condition106 div.centre h1
{
text-align: center;
font-family: 'montserrat-extrabold';
font-size: 4.46rem;
line-height: 5.35rem;
color: #466A7F;
margin-top: 3rem;
}
div.condition106 div.jaune
{
text-align: left;
color: black;
background-color: #F8CF16;
padding: 2rem;
border-radius: 30px;
}
div.float106
{

}
div.float106 div.float-left
{
float: left;
padding-right: 1rem;
width: 29%; /* 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.float106 div.float-right
{
float: right;
padding-left: 1rem;
width: 69%;
margin-top: 1rem;
}
div.float106 div.float-left img
, div.float102 div.float-right img
{
width: 100%;
height: 100%;
max-width: ;
}
div.float106-2 div.float-left
{
float: left;
padding-right: 1rem;
width: 69%; /* laisser 1% aux marges*/
}
					
div.float106-2 div.float-right
{
float: right;
padding-left: 1rem;
width: 29%;
}
div.float106-2 div.float-left img
, div.float106-2 div.float-right img
{
width: 100%;
height: 100%;
max-width: 700px;
}
div.restaurant107
{
/*padding: 1rem;*/
color: #2d4551;
/*text-align: center;*/
}
div.restaurant107 div.centre h1
{
font-family: 'montserrat-extrabold';
font-size: 4.46rem;
line-height: 5.35rem;
color: #466A7F;
margin-top: 3rem;
}
div.float107
{

}
div.float107 div.float-left
{
float: left;
padding-right: 1rem;
width: 69%; /* laisser 1% aux marges*/
text-align: right;
margin-top: 2rem;
}
					
div.float107 div.float-right
{
float: right;
padding-left: 1rem;
width: 29%;
}
div.float107 div.float-left img
, div.float107 div.float-right img
{
width: 100%;
height: 100%;
max-width: ;
}
div.float107-2
{
padding: 4rem;
color: white;
background-color: #CC1417;
border-radius: 30px;
}
div.float107-2 div.float-left
{
float: left;
padding-right: 1rem;
width: 35%; /* laisser 1% aux marges*/
}
					
div.float107-2 div.float-right
{
float: right;
padding-left: 1rem;
width: 60%;
}
div.float107-2 div.float-left img
, div.float107-2 div.float-right img
{
width: 100%;
height: 100%;
max-width: 700px;
}
div.bocaux108
{
padding: 1rem;

}
div.bocaux108 h1
{
text-align: center;
font-family: 'montserrat-extrabold';
font-size: 4.46rem;
line-height: 5.35rem;
color: #466A7F;
margin-top: 3rem;
}
div.bocaux108 h2
{
text-align: center;
font-family: 'montserrat-bold';
font-size: 2em;
line-height: 2.5rem;
color: #466A7F;
margin-top: 3rem;
}
div.bocaux108 div.centre
{
text-align: center;
font-weight: bold;
color: black;
}
div.bocaux108 div.mauve
{
/*width: 80%;*/
margin: 0 auto;
color: white;
background-color: #5A1448;
padding: 2rem;
border-radius: 30px;
}
div.bocaux108 div.mauve h3
{
	font-family: 'montserrat-semibold';
	font-size: 1.7rem;
}
div.float108
{

}
div.float108 h3
{
font-family: 'montserrat-bold';
color: #5A1448;
font-size: 2.5rem;
}
div.float108 span.mauve
{
color: #5A1448;
}
div.float108 div.float-left
{
float: left;
padding-right: 1rem;
width: 40%; /* laisser 1% aux marges*/
text-align: right;
}
					
div.float108 div.float-right
{
float: right;
padding-left: 1rem;
width: 50%;
margin-top: 2rem;
}
div.float108 div.float-left img.normal
, div.float108 div.float-right img.normal
{
width: 100%;
height: 100%;
max-width: ;
}
.boutoncommander
{
	text-align: center;
	font-family: 'montserrat-semibold';
	font-size: 1.7rem;
}
.boutoncommander a
{
	background-color: #434F76;
	padding: 1rem 2rem 1rem 2rem;
	color: #FFFFFF;
	border-radius: 60px;
}
.boutoncommander a:hover
{
	font-size: 2rem;
	transition-duration: 1s;
}

div.espaces109
{
padding: 1rem;
}
div.espaces109 div.centre
{
text-align: center;
font-weight: bold;
color: black;
}
div.espaces109 div.centre h1
{
text-align: center;
font-family: 'montserrat-extrabold';
font-size: 4.46rem;
line-height: 5.35rem;
color: #466A7F;
margin-top: 3rem;
}
div.float109
{

}
div.float109 div.float-left
{
float: left;
padding-right: 1rem;
width: 29%; /* laisser 1% aux marges*/
text-align: right;
}
					
div.float109 div.float-right
{
float: right;
padding-left: 1rem;
width: 69%;
margin-top: 2rem;
}
div.float109 div.float-left img
, div.float109 div.float-right img
{
width: 100%;
height: 100%;
max-width: ;
}
div.float109-2
{
padding: 4rem;
color: white;
background-color: #6BB22D;
border-radius: 30px;
}
div.float109-2 div.float-left
{
float: left;
padding-right: 1rem;
width: 69%; /* laisser 1% aux marges*/
text-align: right;
}
					
div.float109-2 div.float-right
{
float: right;
padding-left: 1rem;
width: 29%;
}
div.float109-2 div.float-left img
, div.float109-2 div.float-right img
{
width: 100%;
height: 100%;
max-width: ;
}
div.float109-3
{

}
div.float109-3 div.float-left
{
float: left;
padding-right: 1rem;
width: 69%; /* laisser 1% aux marges*/
text-align: left;
}
					
div.float109-3 div.float-right
{
float: right;
padding-left: 1rem;
width: 29%;
}
div.float109-3 div.float-left img
, div.float109-3 div.float-right img
{
width: 100%;
height: 100%;
max-width: ;
}
div.entretien110
{
padding: 1rem;
}
div.entretien110 div.centre
{
text-align: center;
font-weight: bold;
color: black;
}
div.entretien110 div.centre h1
{
text-align: center;
font-family: 'montserrat-extrabold';
font-size: 4.46rem;
line-height: 5.35rem;
color: #466A7F;
margin-top: 3rem;
}
div.float110
{

}
div.float110 div.float-left
{
float: left;
padding-right: 1rem;
width: 29%; /* laisser 1% aux marges*/
text-align: right;
}
					
div.float110 div.float-right
{
float: right;
padding-left: 1rem;
width: 69%;
margin-top: 1rem;
}
div.float110 div.float-left img
, div.float110 div.float-right img
{
width: 100%;
height: 100%;
max-width: ;
}
div.float110-2 div.float-left
{
float: left;
padding-right: 1rem;
width: 69%; /* laisser 1% aux marges*/
}
					
div.float110-2 div.float-right
{
float: right;
padding-left: 1rem;
width: 29%;
}
div.float110-2 div.float-left img
, div.float110-2 div.float-right img
{
width: 100%;
height: 100%;
max-width: 700px;
}
div.entretien110 div.bleu
{
color: white;
background-color: #368ECD;
padding: 2rem;
border-radius: 30px;
}
div.contact-page h2
{
    font-family: 'montserrat-bold';
    color: #466a7f;
    text-align: center;
    font-size: 3.5rem;
}
div.contact-texte
{
padding: 0 1rem;
text-align: center;
}
div.contact-texte p
{
/*margin: 0rem;*/
}
div.contact-texte img
{
width: 70%;
height: auto;
max-width: ;
}
div.contact111
{
padding: 1rem;
width: 85%;
margin-right: auto;
margin-left: auto;
background-color: #DBEAF1;
margin-bottom: 3rem;
margin-top: 3rem;
}
div.float111
{
color: #466a7f;
font-family: 'montserrat-semibold';
}
div.float111 a
{
color: #466a7f;
}
div.float111 h2
{
font-family: 'montserrat-bold';
color: #466a7f;
}
div.float111 div.float-left
{
float: left;
padding-right: 1rem;
width: 47%; /* 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.float111 div.float-right
{
float: right;
padding-left: 1rem;
width: 47%;
}
div.float111 div.float-left img.normal
, div.float111 div.float-right img.normal
{
width: 100%;
height: 100%;
max-width: ;
}

div.menus112
{
padding: 1rem;
border: 2px solid #5A1448;
border-radius: 30px;
text-align: center;
}
div.menus112 div.inside
{
line-height: 1rem;
text-align: center;
padding: 1rem;
/*color: black;*/
}
div.menus112 h1
{

color #5A1448;

}
div.menus112 h2
{
color #5A1448;
}
div.menus112 h3
{
color: #5A1448;
font-family: 'montserrat-semibold';
margin-bottom: 1rem;
}
div.menus112 h6
{
font-family: 'montserrat-semibold';
}