/* 04 oct 2020 */

body
{
background-position :250px 0px;  /* position de l'image du fond par rapport au coté gauche */
background-image:url("diapos/FondMedicAc.jpg");
background-repeat : no-repeat;
background-color: rgb(112,234,255); /* Couleur de fond derrière l'image */
width:100%;
height: auto;

}

section
{
 display: flex;
}




	
article
{
font-family:  Arial,georgia, trebuchet;
text-align: justify;
font-size: 15px;
/*position: relative;*/
top: 0px;
width: 430px;
padding: 0px 0px,3px 0px;
border-radius: 15px;
border:1px solid black;
}
.stef
{
text-indent: 150px; 
}



#boite
{
position: relative;
margin-left: 65px;
margin-top: 0px;
visibility: visible;
font-size: 1.2em;
font-family: comic sans ms;
 color: black;
border: 1px   solid grey;
width: 900px;
}	

#cart0  
{

margin-top:150px;
margin-left: 300px;
border: 1px solid grey;
border-radius: 50px;
width: 220px;
background: #cfffff;  /*  fond bleu-ciel*/
text-align: center;
color:black;
padding: 20px 20px 20px 20px;
}

#cart1    /* Autopsie */
{
/*margin-top:80px;*/
text-align: center;
float:right;
position: relative;
/*margin-left: 35px;*/
background: #ffff99;  /* jaune */
border: 1px solid blue;
border-radius: 50px;
width: 300px;
box-shadow:2px 2px 2px blue;
}

#cart2           /*Consultation*/
{
text-align: center;
/*margin-top:50px;*/
margin-left: 35px;
float:left;
background: #ffccff;   /*rose*/
border: 1px solid blue;
border-radius: 40px;
width: 300px;
box-shadow:2px 2px 2px blue;

}

#cart3          /* Autres*/
{
margin-top:50px;
text-align: center;
margin-left: 90px;
float:left;
background: lightgreen;
border: 1px solid blue;
border-radius: 50px;
width: 90px;
box-shadow:2px 2px 2px blue;
}



#cart4
{

margin-top: 80px;
border-radius: 50px;
width: 150px;
box-shadow:2px 2px 2px blue;
background-color: yellow;
text-align: center;
margin-left: 700px;
}
.demo     /* message défilant-- cliquer etc...*/
{

background-repeat : no-repeat; /* pour un seul affichage*/
/*margin-left: 10px;*/
position: relative;
top: 250px;
color: blue;
font-size: 1.2em;
width: 500px; /* pour faire démarrer le message au milieu de l'écran*/


}
.indic
{
margin-left: 100px;
margin-top: 25px;
}
		
.intro
{
 margin-left: 34px;

} 


.debut
{
   font-family: verdana; 
    /*display: inline;*/
    text-align:center;
    font-weight: bold;  
    font-size:14px;
    font-style italic;
}
			
.annonce
{

text-indent: 30px;      /* décale le début du texte */
padding: 0px 10px 0px 10px;
}

.annonceB
{
 /*clear: both; */
text-indent: 30px;      /* décale le début du texte */
padding: 0px 10px 0px 10px;
}
.stef
{
margin-left: 15px;
}


#Conditions
{
font-family: Snell Roundhand cursive;
 text-align:center;
margin-left: 210px;
box-shadow: 0px 6px 6px grey;
width:500px;
background-color:#ccccff;  /* violet */
height:500px;
overflow-y: scroll;
}


.condition
{

    text-indent: 50px; 
     font-family: verdana; 
    margin-left:20px;
    text-align:center;
    margin-top: 10px;
    font-size: 0.8em;
    font-style: italic;
    width:450px;
   color: red;
 background-color: white;
}

.texte
{
     font-size: 1em;
    text-indent: 50px; 
    font-family: arial cursive ;
    margin-left: 20px;
    text-align: justify;
    color: green;
}


a:hover{
background-color:#6633ff;
color: #ffffff;
}
.fin
{
font-size: 1.8em;
background-color: #ead;
}