/******************************
.col-md-1 	{    flex: 0 0 auto;    width: 8.3333333333%;  }
.col-md-2 	{    flex: 0 0 auto;    width: 16.6666666667%;  }
.col-md-3 	{    flex: 0 0 auto;    width: 25%;  }
.col-md-4 	{    flex: 0 0 auto;    width: 33.3333333333%;  }
.col-md-5 	{    flex: 0 0 auto;    width: 41.6666666667%;  }
.col-md-6 	{    flex: 0 0 auto;    width: 50%;  }
.col-md-7 	{    flex: 0 0 auto;    width: 58.3333333333%;  }
.col-md-8 	{    flex: 0 0 auto;    width: 66.6666666667%;  }
.col-md-9 	{    flex: 0 0 auto;    width: 75%;  }
.col-md-10 	{    flex: 0 0 auto;    width: 83.3333333333%;  }
.col-md-11 	{    flex: 0 0 auto;    width: 91.6666666667%;  }
.col-md-12 	{    flex: 0 0 auto;    width: 100%;  }
*/

/*************************************************
BDU.Accueil.php 
*************************************************/
/* @media screen par  DEFAUT */
.Bordures {border:0px solid yellow;}
.Test_Screen {background-color:white;}
.PoliceH1 { font-size:3vw;} /* titre */
.PoliceH2 { font-size:1.9vw;} /* texte sur image + MACONNERIE*/
.PoliceH5 { font-size:1.6vw;} /* Menu */
.Logo {height:100px;} /* BDU.Logo150x250.png */
.ZoneImageAccueil {  text-align:center; width:33%; height:300px; padding-left:2px;padding-right:2px;padding-top:2px;padding-bottom:2px;}	
.EspaceLettreTitre {letter-spacing:0px;}
.BanniereGauche {flex: 0 0 auto; width:16.6666666667%;} /* correspond à col-md-2 */
.BanniereCentre {flex: 0 0 auto; width:66.6666666667%}  /* correspond à col-md-8 */
.BanniereDroite {flex: 0 0 auto; width:16.6666666667%;} /* correspond à col-md-2 */

.DisplayMenuGauche 	{display:block;} 	/* {display:block;} ou {display:none;}*/
.DisplayMenuBas 	{display:none;}	/* {display:block;} ou {display:none;}*/
.DisplayLogoDroit 	{display:block;}	    /* {display:block;} ou {display:none;}*/


@media screen and (max-width:1440px)  /* 1025 à 1440 */
{
	.Test_Screen {background-color:orange;}
	.PoliceH1 { font-size:3.2vw;} 	/* titre */
	.PoliceH2 { font-size:1.9vw;} 	/* texte sur image + MACONNERIE*/
	.PoliceH5 { font-size:1.6vw;} 	/* Menu */
	.Logo {height:80px;}
	.ZoneImageAccueil {  text-align:center; width:33%; height:250px; padding-left:2px;padding-right:2px;padding-top:2px;padding-bottom:2px;}	
	.EspaceLettreTitre {letter-spacing:0px;}
	.BanniereGauche {flex: 0 0 auto; width:16.6666666667%;} /* correspond à col-md-2 */
	.BanniereCentre {flex: 0 0 auto; width:66.6666666667%}  /* correspond à col-md-8 */
	.BanniereDroite {flex: 0 0 auto; width:16.6666666667%;} /* correspond à col-md-2 */
	.DisplayMenuGauche 	{display:block;} 	
	.DisplayMenuBas 	{display:none;}		
	.DisplayLogoDroit 	{display:block;}	
}

@media screen and (max-width:1024px)  /* 821 à 1024 */
{
	.Test_Screen {background-color:yellow;}
	.PoliceH1 { font-size:3.8vw;} 	/* titre */
	.PoliceH2 { font-size:2.2vw;} 	/* texte sur image + MACONNERIE*/
	.PoliceH5 { font-size:2vw;} 	/* Menu */
.Logo {height:60px;} /* PAS DE LOGO */
	.ZoneImageAccueil { text-align:center; width:50%; height:250px; padding-left:2px;padding-right:2px;padding-top:2px;padding-bottom:2px;}	
	.EspaceLettreTitre {letter-spacing:0px;}
	.BanniereGauche {flex: 0 0 auto; width:20%;} 
	.BanniereCentre {flex: 0 0 auto; width:80%}  
	.BanniereDroite {flex: 0 0 auto; width:0%;} 
	.DisplayMenuGauche 	{display:block;} 
	.DisplayMenuBas 	{display:none;}		
	.DisplayLogoDroit 	{display:none;}	    
}

@media screen and (max-width:820px) /* 769 à 820 */
{
	.Test_Screen {background-color:cyan;}
	.PoliceH1 { font-size:3.8vw;} 	/* titre */
	.PoliceH2 { font-size:2.5vw;} 	/* texte sur image + MACONNERIE*/
	.PoliceH5 { font-size:2.2vw;} 	/* Menu */
.Logo {height:60px;} /* PAS DE LOGO */
	.ZoneImageAccueil { text-align:center; width:50%; height:250px; padding-left:2px;padding-right:2px;padding-top:2px;padding-bottom:2px;}
	.EspaceLettreTitre {letter-spacing:0px;}
	.BanniereGauche {flex: 0 0 auto; width:20%;} 
	.BanniereCentre {flex: 0 0 auto; width:80%}  
	.BanniereDroite {flex: 0 0 auto; width:0%;} 
	.DisplayMenuGauche 	{display:block;} 
	.DisplayMenuBas 	{display:none;}		
	.DisplayLogoDroit 	{display:none;}	     
}

/****************************************** PAS DE LOGO et MENU sous Banniere ****/
@media screen and (max-width:768px) /* 641 à 768 */
{
	.Test_Screen {background-color:lightgreen;}
	.PoliceH1 { font-size:4.5vw;} 	/* titre */
	.PoliceH2 { font-size:3.5vw;} 	/* texte sur image + MACONNERIE*/
	.PoliceH5 { font-size:2.8vw;} 	/* Menu */
.Logo {height:60px;} /* PAS DE LOGO */
	.ZoneImageAccueil {  text-align:center;width:100%; height:250px; padding-left:2px;padding-right:2px;padding-top:2px;padding-bottom:2px;}	
	.EspaceLettreTitre {letter-spacing:0px;}
	.BanniereGauche {flex: 0 0 auto; width:0%;} 
	.BanniereCentre {flex: 0 0 auto; width:100%}  
	.BanniereDroite {flex: 0 0 auto; width:0%;} 
	.DisplayMenuGauche 	{display:none;} 	
	.DisplayMenuBas 	{display:block;}		
	.DisplayLogoDroit 	{display:none;}	   
}

@media screen and (max-width:640px) /* 481 à 640 */
{
	.Test_Screen {background-color:green;}
	.PoliceH1 { font-size:4.5vw;} 	/* titre */
	.PoliceH2 { font-size:3.8vw;} 	/* texte sur image + MACONNERIE*/
	.PoliceH5 { font-size:3.2vw;} 	/* Menu */
.Logo {height:60px;} /* PAS DE LOGO */
	.ZoneImageAccueil {  text-align:center;width:100%; height:200px; padding-left:2px;padding-right:2px;padding-top:2px;padding-bottom:2px;}	
	.EspaceLettreTitre {letter-spacing:0px;}
	.BanniereGauche {flex: 0 0 auto; width:0%;} 
	.BanniereCentre {flex: 0 0 auto; width:100%}  
	.BanniereDroite {flex: 0 0 auto; width:0%;} 
	.DisplayMenuGauche 	{display:none;} 	
	.DisplayMenuBas 	{display:block;}		
	.DisplayLogoDroit 	{display:none;}	   	
}

@media screen and (max-width:480px) /*480 */
{
	.Test_Screen {background-color:navy;}
	.PoliceH1 { font-size:4.5vw;} 	/* titre */
	.PoliceH2 { font-size:4.0vw;} 	/* texte sur image + MACONNERIE*/
	.PoliceH5 { font-size:3.5vw;} 	/* Menu */
.Logo {height:60px;} /* PAS DE LOGO */
	.ZoneImageAccueil {  text-align:center; width:100%; height:200px; padding-left:2px;padding-right:2px;padding-top:2px;padding-bottom:2px;}	
	.EspaceLettreTitre {letter-spacing:0px;}	
	.BanniereGauche {flex: 0 0 auto; width:0%;} 
	.BanniereCentre {flex: 0 0 auto; width:100%}  
	.BanniereDroite {flex: 0 0 auto; width:0%;} 
	.DisplayMenuGauche 	{display:none;} 	
	.DisplayMenuBas 	{display:block;}		
	.DisplayLogoDroit 	{display:none;}	   	
}	

/*************************************************
BDU.PageDiapo20.php
*************************************************/
/* @media screen par  DEFAUT */
/* TEXTE à Gauche , DIAPO à DROITE */
	.ZoneTextearea			{height: 38vw;} 
    .DiapoZoneTexteGauche  	{width:29%;} 	
	.DiapoZoneObject 		{width:70%;height:38vw;}
	
/* TEXTE à Gauche , DIAPO à DROITE */	
@media screen and (max-width:1440px) /* 1025 à 1440 */
{
	.ZoneTextearea 			{height: 35vw;}
	.DiapoZoneTexteGauche  	{width:29%;} 	
	.DiapoZoneObject 		{width:70%;}
}
/* TEXTE à Gauche , DIAPO à DROITE */
@media screen and (max-width:1024px) /* 821 à 1024 */
{
	.ZoneTextearea			{height: 47vw;} 
	.DiapoZoneTexteGauche  	{width:29%;} 	
	.DiapoZoneObject 		{width:70%;}
}


/* TEXTE en HAUT, DIAPO en BAS */
@media screen and (max-width:820px) /* 769 à 820 */
{
	.ZoneTextearea 			{height: 40vw;}
	.DiapoZoneTexteGauche  	{width:100%;} 	
	.DiapoZoneObject 		{width:100%;height: 65vw;}
}
/* TEXTE en HAUT, DIAPO en BAS */
@media screen and (max-width:768px)  /* 641 à 768 */
{
	.ZoneTextearea			{height: 50vw;}
	.DiapoZoneTexteGauche  	{width:100%;} 		
	.DiapoZoneObject 		{width:100%;height: 75vw;}
}
/* TEXTE en HAUT, DIAPO en BAS */
@media screen and (max-width:640px) /* 481 à 640 */
{
	.ZoneTextearea			{height: 57vw;}
	.DiapoZoneTexteGauche  	{width:100%;} 	
	.DiapoZoneObject 		{width:100%;height: 78vw;}
}
/* TEXTE en HAUT, DIAPO en BAS */
@media screen and (max-width:480px) /*480 */
{
	.ZoneTextearea			{height: 65vw;}
	.DiapoZoneTexteGauche  	{width:100%;} 	
	.DiapoZoneObject 		{width:100%;height:82vw;} 
}	



/*************************************************
BDU.MentionsLegales.php BDU.QuiSommesNous.php Page03 et Page04
*************************************************/
/* @media screen par  DEFAUT */
	.Titre_ML_QSN {font-size:1.8vw;} 
	.Texte_ML_QSN {font-size:1.5vw;}  
@media screen and (max-width:1440px)  /* 1025 à 1440 */
{
	.Titre_ML_QSN {font-size:1.8vw;} 
	.Texte_ML_QSN {font-size:1.5vw;}
}
@media screen and (max-width:1024px)  /* 821 à 1024 */
{
	.Titre_ML_QSN {font-size:2.0vw;} 
	.Texte_ML_QSN {font-size:1.7vw;}
}
@media screen and (max-width:820px) /* 769 à 820 */
{
	.Titre_ML_QSN {font-size:2.1vw;} 
	.Texte_ML_QSN {font-size:1.9vw;}
}
@media screen and (max-width:768px)  /* 641 à 768 */
{
	.Titre_ML_QSN {font-size:2.1vw;} 
	.Texte_ML_QSN {font-size:1.9vw;}
}
@media screen and (max-width:640px) /* 481 à 640 */
{
	.Titre_ML_QSN {font-size:2.1vw;} 
	.Texte_ML_QSN {font-size:1.9vw;}
}


@media screen and (max-width:480px) /* 480 */
{
	.Titre_ML_QSN {font-size:3.2vw;} 
	.Texte_ML_QSN {font-size:3.0vw;}

}	

/******************** Diapo Vertical *********************/

.Image 
{	width:100%; 
	height:auto;
	margin:auto;
	padding:0;
	margin-top:5px;
	
	border: 2px solid #ccc;
	box-shadow: 4px 4px 10px 0px  rgba(0,0,0,0.8);
	
	cursor: ns-resize;
}

.ZoneFichierTexte 
{	
	width:100%;
	background-color: white;	
	font-family: "Barlow Condensed"; 
    text-align: center;
	color:navy;
	line-height:1;
	border : 1px solid navy;
	margin:auto;
	margin-top:5px;
	padding-top:5px;
}


/* @media screen par  DEFAUT */
/* TEXTE à Gauche , DIAPO à DROITE */
    .DiapoVerticalZoneTexteGauche  	{width:35%;} 	
	.DiapoVerticalZoneImages 		
	{	width:65%;
		border:0px solid navy;
	}

	
/* TEXTE à Gauche , DIAPO à DROITE */	
@media screen and (max-width:1440px) /* 1025 à 1440 */
{
	.DiapoVerticalZoneTexteGauche  	{width:35%;} 	
	.DiapoVerticalZoneImages 		{width:65%;}
}
/* TEXTE à Gauche , DIAPO à DROITE */
@media screen and (max-width:1024px) /* 821 à 1024 */
{
	.DiapoVerticalZoneTexteGauche  	{width:35%;} 	
	.DiapoVerticalZoneImages 		{width:65%;}
}


/* TEXTE en HAUT, DIAPO en BAS */
@media screen and (max-width:820px) /* 769 à 820 */
{
	.DiapoVerticalZoneTexteGauche  	{width:100%;} 	
	.DiapoVerticalZoneImages 		{width:100%;}
}
/* TEXTE en HAUT, DIAPO en BAS */
@media screen and (max-width:768px)  /* 641 à 768 */
{
	.DiapoVerticalZoneTexteGauche  	{width:100%;} 		
	.DiapoVerticalZoneImages 		{width:100%;}
}
/* TEXTE en HAUT, DIAPO en BAS */
@media screen and (max-width:640px) /* 481 à 640 */
{
	.DiapoVerticalZoneTexteGauche  	{width:100%;} 	
	.DiapoVerticalZoneImages 		{width:100%;}
}
/* TEXTE en HAUT, DIAPO en BAS */
@media screen and (max-width:480px) /*480 */
{
	.DiapoVerticalZoneTexteGauche  	{width:100%;} 	
	.DiapoVerticalZoneImages 		{width:100%;} 
}