:root {
  /* Bouton */ 
	  --bouton-clair: #FBBB91;  /* Taupe clair = F 1E5CB  e fcfb5    */
	  --bouton-fonce: #FAA770;  /* Taupe foncé = E 2CA96 */
  /* Texte du bouton */  	
	  --texte-bouton: #333333;  /* Noir = 3 33333*/	   	
	  --texte-ombre: white;      /* Gris presque noir = 3 33 */
  /*--------------------------------------------------------------  
	Exemple d'utilisation de la variable en css : 
		Mise en variable => 	   --indigo: #6610f2;
		Appel de la variable =>    color:var(--indigo); 
    --------------------------------------------------------------*/
}

html {
	font-family: sans-serif;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {	
	margin: 0 auto;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	/*text-align: left;*/
}

header {
	/*background-image: linear-gradient(rgba(255,255,255, 0.0), rgba(255, 255, 255, 0.0)), url("../images/headertest.jpg");*/
	/*background:#F5E2D3;*/
	/*background-size: 100% 65%;*/
    /*height: 600px;*/
	/*background-repeat: no-repeat;*/
	/*display: block;
	z-index: 3;*/
	/*margin: 0;*/
	vertical-align:middle;
}

/*
@media (min-width: 576px) {
  header{
	  background-image: linear-gradient(rgba(255,255,255, 0.0), rgba(255, 255, 255, 0.0)), url("../images/headertest1000.jpg");
		display:inline-block;
		width: 100%;
		height: 100%;
		/*min-height:200px;
		background-size: 100% auto !important;
	}
}

@media (min-width: 768px) {
  header{
		background-image: linear-gradient(rgba(255,255,255, 0.0), rgba(255, 255, 255, 0.0)), url("../images/headertest1200.jpg");
	display:inline-block;
		width: 100%;
		height: 100%;
		min-height:200px;
		background-size: 100% auto !important;
	}
}

@media (min-width: 992px) {
  header{
		background-image: linear-gradient(rgba(255,255,255, 0.0), rgba(255, 255, 255, 0.0)), url("../images/headertest1200.jpg");
		display:inline-block;
		width: 100%;
		height: 100%;
		min-height:200px;
		background-size: 100% auto !important;
}

@media (min-width: 1200px) {
  header{
		background-image: linear-gradient(rgba(255,255,255, 0.0), rgba(255, 255, 255, 0.0)), url("../images/headertest1200.jpg");
		display:inline-block;
		width: 100%;
		height: 100%;
		min-height:200px;
		background-size: 100% auto !important;
	}
}

@media all AND (max-width : 1400px)  {
	header{
		background-image: linear-gradient(rgba(255,255,255, 0.0), rgba(255, 255, 255, 0.0)), url("../images/headertest.jpg");
		display:inline-block;
		width: 100%;
		height: 100%;
		min-height:200px
		background-size: 100% auto !important;
	}
}*/

/*=====================================================================================*/
/*========== E N T E T E  =======================================================+=====*/
/*=====================================================================================*/

#nom, #adresse, #mobile {	
	color: #691508;  /*#333333;   #d37e67   #d37258  #c4583b                  #bf5437  #802807*/
	font-family: "Open Sans",Arial,sans-serif;
	text-align: center;
}	

#nom {
	margin-top:0px;
	line-height: 1.3em;
	font-size: 1.5em;
	font-weight: 600; /*800*/
	letter-spacing: 1px;
	/*text-transform: uppercase;*/	
}

.titre {
	color: #691508;  /*#333333;   #d37e67   #d37258  #c4583b                  #bf5437  #802807*/
	font-family: "Open Sans",Arial,sans-serif;
	text-align: center;
	margin-top:10px;
	line-height: 1.2em;
	letter-spacing: 1px;
	/*text-transform: uppercase;*/
	line-height: 1.6em;
	
}	
@media screen and (min-width: 800px) and (max-width: 1600px){    
	h1.titre {	
		font-size: 1.3em;
		font-weight: 200;
		}
}
@media all AND (max-width : 799px) {   
	h1.titre {	
		font-size: 1.3em;
		font-weight: 400;
		}
}

#adresse {
	font-size: 1.1em;
	font-weight: 300;
	letter-spacing: 1px;
	/*text-transform: uppercase;*/
	line-height: 1.8em;
}

#mobile {
	margin-top:10px;
	margin-bottom:10px;
	font-size: 1.3em;
	font-weight: 500;
	letter-spacing: 1px;
	/*text-transform: uppercase;*/
	line-height: 0.4em;
}



/*=====================================================================================*/
/*========== C O N TE N U  ============================================================*/
/*=====================================================================================*/

.contenu {
	position: relative;
	width: 80%;
	max-width: 1080px;
	margin-top: 5px;
	margin-bottom: 100px;
	margin-right: auto;
	margin-left: auto;
}

/* ----- Flexibilité du CONTENU----------------------------------*/
section.section1, section.section2 {
	display:inline-block;
	min-height:300px;
}

section.section1 {	
	margin-right:6%;
	text-align: justify;
	line-height: 1.4em;
	font-family: "Open Sans",Arial,sans-serif;
	color: #212545;  /* Gris très foncé */
	padding-right: 0px;
	width:55%;
	min-width:45%;
    background:#53FFFF;
}

section.section2 {
	vertical-align:0px;
	width:25%;
	min-width:28%;
    background:PURPLE;
	/*min-height:300px;
	max-height:300px;*/
}



@media all AND (max-width : 1000px) 
{
	section.section1, section.section2 {
		width:50%;
		margin:10px auto;		
		min-height:300px;
		}		

	section.section1 {
		line-height: 1.4em; 
		color: #212545;    /* Gris très foncé */
		font-family: "Open Sans",Arial,sans-serif;
		width:100%;
		min-width:55%;
		}		

	section.section2 {
		display: flex;
		justify-content: center;
		width:32%;
		min-width:25%;
		}
}


/*--- image----------------------------------------------------*/
.arrondie {
	border:2px solid #FDE1CE;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	border-radius:30px;
	}

/*--- Mises en forme ------------------------------------------*/	
#consultations {
	display: inline;
	font-size: 1.0em;
	font-weight: 800;	
	line-height: 0.0em;
}

.mef1 {
	display: flex;
	font-family: "Open Sans",Arial,sans-serif;
	color: #5F5F5F;
}

.mef2 {
	background: #e9fee4 none no-repeat ;
	line-height: 1.6em; 
	color: #5F5F5F;
	font-family: "Open Sans",Arial,sans-serif;
}

/*-------------------------------------------------------------*/	
/* --- Flexibilité de MAPS ------------------------------------*/
.maps-container {
	position: relative; 
	overflow: hidden; 
	padding-top: 36.25%; 
}

.maps-iframe { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	border: 0; 
}

/*-------------------------------------------------------------*/
/* --- Mise en forme cadre à bordure Floue et bleue ---------- */
			/* DU CLAIR AU FONCé*/

.CadreFlou1{
	/*text-align: justify;*/
	-moz-border-radius:8px; 
	-webkit-border-radius:8px; 
	border-radius:8px; 
	box-shadow: 1px 1px 3px 2px #cdcece;
	border: 1px solid #d1d1d1;;background: #fcfdfe;
	background: #FEF3ED;	/* #FEEDE2 */
	/*background: -webkit-gradient(linear,0% 0%,0% 100%,from(#fffff),to(#FDE1CE));
	background: -webkit-linear-gradient(top,#ffffff,#FDE1CE);
	background: -moz-linear-gradient(top,#ffffff,#FDE1CE);
	background: -ms-linear-gradient(top,#ffffff,#FDE1CE);
	background: -o-linear-gradient(top,#ffffff,#FDE1CE);*/	 
	color: #212545;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:15px;
	padding-right:15px;
}

.CadreFlou2{
	/*text-align: justify;*/
	-moz-border-radius:8px; 
	-webkit-border-radius:8px; 
	border-radius:8px; 
	box-shadow: 1px 1px 3px 2px #cdcece;
	border: 1px solid #d1d1d1;
	background: #FEF3ED;	
	/*background: -webkit-gradient(linear,0% 0%,0% 100%,from(#fffff),to(#FDE1CE));
	background: -webkit-linear-gradient(top,#ffffff,#FDE1CE);
	background: -moz-linear-gradient(top,#ffffff,#FDE1CE);
	background: -ms-linear-gradient(top,#ffffff,#FDE1CE);
	background: -o-linear-gradient(top,#ffffff,#FDE1CE);*/
	color: #212545;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:15px;
	padding-right:15px;
}

/*-------------------------------------------------------------*/
/* --- Mise en forme du lien adresse mail -------------------- */
.linkMAIL { 
	color: #004d96; /*   #C2C6C0  */
	text-decoration:none;
	font-weight: 600;
}

.linkMAIL:hover {
	text-decoration:none;
	font-weight: 650;
	opacity:0.8;
}

.linkAcces { 
	color: #004d96; /*   #C2C6C0  */
	text-decoration:none;
	font-weight: 200;
}

.linkAcces:hover {
	text-decoration:none;
	font-weight: 350;
	opacity:0.8;
}


/* ==================================================================*/	
/* ========= BOUTON COULEUR - TAUPE - ===============================*/
/* ==================================================================*/		

.btcycle05{
	min-width:170px;
	width:auto;
	height:25px;
	display:inline-block;
	/*color:#fff;*/
	text-align:center;
	line-height:25px;
	font-size:.8em;
	margin-bottom:5px;
	background: #FBBB91;
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(#FDE1CE),to(#FBBB91));
	background:-webkit-linear-gradient(top,#FDE1CE,#FBBB91);
	background:-moz-linear-gradient(top,#FDE1CE,#FBBB91);
	background:-ms-linear-gradient(top,#FDE1CE,#FBBB91);
	background:-o-linear-gradient(top,#FDE1CE,#FBBB91);
	-pie-background:linear-gradient(top,#FDE1CE,#FBBB91)box-shadow:1px 1px 1px 1px #FDE1CE;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	-ms-border-radius:20px;
	-o-border-radius:20px;
	border-radius:20px;
}

/*--- SURVOL BOUTON -------------------------------------------*/
.btcycle05:hover{
	background: #FAA770;
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(#FBBB91),to(#FDE1CE));
	background:-webkit-linear-gradient(top,#FBBB91,#FDE1CE);
	background:-moz-linear-gradient(top,#FBBB91,#FDE1CE);
	background:-ms-linear-gradient(top,#FBBB91,#FDE1CE);
	background:-o-linear-gradient(top,#FBBB91,#FDE1CE);
	-pie-background:linear-gradient(top,#FBBB91,#FDE1CE)
}

/*--- MISE EN FORME du TEXTE BOUTON ---------------------------*/
.btcycle05{
	font-family:'sansa_soft_stdsemibold',arial,sans-serif;
	text-transform:uppercase;
	color:var(--texte-bouton);
	cursor:pointer;
	padding:0 7px;
	text-shadow:1px 1px 8px var(--texte-ombre);
	text-decoration:none;
	border:none;
	height:30px;
	line-height:30px;
	font-size:14px;
}

/*==============================================================================*/
section.sectionAA, section.sectionBB {	
	display:inline-block;
    min-height:200px;
}
section.sectionAA {
	text-align: justify;
  /*background:yellow;*/
	    width:56%;
    min-width:46%;
    margin-right:0%;
}
section.sectionBB {
   /*background:purple;*/
	    width:40%;
    min-width:30%;
    margin-left:2%;
	text-align: right;
	vertical-align: 30px;
}
/* Sur les écrans, quand la largeur de la fenêtre fait au maximum 1280px 
@media screen and (max-width: 1280px)
/* Sur tous types d'écran, quand la largeur de la fenêtre est comprise entre 1024px et 1280px 
@media all and (min-width: 1024px) and (max-width: 1280px)
/* Sur tous types d'écrans orientés verticalement 
@media all and (orientation: portrait)

@media screen and (min-width: 1024px)
@media screen and (min-width: 767px) and (max-width: 540px)*/

@media screen and (min-width: 768px) and (max-width: 1023px){   
section.sectionAA, section.sectionBB {	
    width:100%;
    min-height:200px;
    }
section.sectionAA {
	min-width:70%;
    margin:10px auto;
	}
section.sectionBB {
	text-align: center;
	min-width:70%;
	}
}


@media all AND (max-width : 767px) {   
section.sectionAA, section.sectionBB {	
    width:100%;
    min-height:200px;
    margin:10px auto;
    }
section.sectionAA {
	min-width:55%;
	}
section.sectionBB {
	text-align: center;
	min-width:55%;
	}
}