/**************** Page and tag styles ****************/


html {
      }




body {

    background: url("img/back1.jpg") no-repeat center fixed;
    background-size: cover;
    font-family: Verdana, Arial, sans-serif;
    color: black;
    width: 95% ;
    text-align: center;}


iframe  {
        border:2px solid white;
       
	}

.center {
	justify-content: center;
	margin: auto;  
	text-align: center;
        width: 80%;
   /*     border: 3px solid #73AD21; */ 
        }

div.font30 {font-size: 30px;
	    font-weight: bold;
           }

.just  {    margin: auto; 
            width: 80%;
            justify-content: center;
            text-align: justify;
       }

.shadow  {text-shadow: 2px 2px #ffffff;}



.flex-container {       display: flex;
			flex-wrap: wrap;
			margin: auto;
         		justify-content: center;
                        width: 98%;
            /*	border: 3px solid #FFFFFF; */ 
			}

.flex-itemenu {	text-align: center;
		margin: 10px                ;    /* this is the space between the buttons */
                background-color: white;
                padding: 10px;                   /* this is the size of the button */
                border-radius: 5px;
		width : 120px;
}

.flex-item    {	margin: 15px 7px 15px 7px;                                              
}

.flex-itemb    {margin: 3px 7px 15px 7px;
                font-weight: bold;
          /*      border: 3px solid #73AD21;  */                                               
}

.flex-vacances {margin: 15px 7px 15px 7px;
                background-color:red;
		padding: 5px;                   /* this is the size of the button */
                border-radius: 5px;
		width : 330px;
                border: 3px solid #ffffff;                                               
}

.flex-rdv {	margin: 15px 7px 15px 7px;
                background-color:#3386ff;
		padding: 5px;                   /* this is the size of the button */
                border-radius: 5px;
		width : 250px;
                border: 3px solid #ffffff;   }

/* --------------- Flex item pour horaire --------*/

.flex-time {	text-align: left;
		padding: 0px;
		width: 130px; 
                }

.flex-timeright { text-align: right;
		  padding: 0px;
		  width: 130px; 
                }

/* --------------- Flex item pour app therapeutique --------*/

.flex-li {	text-align: center;
                font-weight: bold;
		padding: 2px;
		width: 10% ;
/* border: 1px solid #FFFFFF; */
                }

.flex-liright  { text-align: left;
		  padding: 2px;
		  width: 50%; 
/* border: 1px solid #FFFFFF; */
                }
/* --------------- ------------------------------- --------*/

img {
    margin-right: auto;
    margin-left: auto;}

img.shade {
    box-shadow: 2px 2px;}

a { color: black;}

a.link {
    
    text-decoration: none;
    color: black;}

a.linkact {
    
    text-decoration: none;
    color: red;
    }

a.mail {
        text-decoration: underline ;
       }

a:hover { text-decoration: underline overline; }  /* Hovered links */

a.rdv { color : white;
        text-decoration: none;}

.pad10  {padding: 10px 0px 0px 0px;}
.pad40  {padding: 40px 10px 0px 10px;}
.pad80  {padding: 80px 0px 0px 0px;}


.footer {
  font-weight: bold;
  padding: 10px;
  text-align: center;
}