/* Par B MOREAU */

/* responsive */

@media (min-width: 480px) and (max-width: 780px)
{
.imageflottante{float:none;width:auto;}
#img1{float:none}
body{
  font-size: 1.2em;}
}

@media (min-width: 781px) and (max-width: 979px)
{
.imageflottante{float:none;width:auto;}
#img1{float:none}
}

body
{
    font-family: Roboto;
    color: #40565C;
    font-style: 100%;
    margin:50px;
    background-image:url(img/fond3.png);
}
/* html et css */
.center {
  
  margin-right: 200px;

}

#para_1
{
 background-color:white; 
 padding-left :15px;
}
p
{
  text-align:justify;
}

mark
{
  background-color: yellow;
  color: black;
}

/*mise en form ico insta nav */
.insta
{border-style: none;
  border: 0;
  font-size: 15px;
  font-family: roboto;

}

.insta td,tr{
  border-style: none;
  border: 0;

}

/*mise en forme arbre proba */


.arbre td, tr{
  width:50px;
  height: 50px;
  text-align: center;
  border: none;
  padding: 3px;
  background-color: whitesmoke;
  
}
.arbreetroit td{
  width: 30px;
}


/*mise en form ico insta nav */
.tableau td
{border-style: solid;
  border: 2;
  font-size: 15px;
  font-family: roboto;

}
.tableaucentre
{text-align: center;}

/*JavaScript */




.style_input
{
  height: 30px;
  width: 80px;
  text-align: center;
  font-family: Cambria Math;
  font-style:italic ;
  
}
.style_inputcourt
{
  height: 30px;
  width: 80px;
  text-align: center;
  font-family: Cambria Math;
  font-style:italic ;
  text-align: center;
  
}

.style_inputexp{
  height: 30px;
  width: 50px;
  text-align: left;
  font-family: Cambria Math;
  font-style:italic ;
  text-align: center;
  
}
.style_inputexplong{
  height: 30px;
  width: 60px;
  text-align: left;
  font-family: Cambria Math;
  font-style:italic ;
  text-align: center;
  
}

.style_inputexplong{
  height: 30px;
  width: 110px;
  text-align: left;
  font-family: Cambria Math;
  font-style:italic ;
  
}
.style_bouton
{
    width : auto;
   padding-left:10px;
   padding-right:10px;
   border-radius: 5px;
   color: white;
    background: #1FACD5;
  cursor: pointer;
}

.style_bouton:hover{     
  background: orange;
}

.style_input_fct
{
  height: 30px;
  
  text-align: center;
  
}




#xChoisi1 , #xChoisi , #xChoisi2, #signeChoisi ,#xChoisia, #xChoisib, #xChoisic, #signeChoisia, #signeChoisib, #signeChoisic, #xChoisi11, #xChoisi12, #xChoisi13, #xChoisi21, #xChoisi22, #xChoisi23, #signeChoisi1, #signeChoisi2, #signeChoisi3 {
        font-style:italic;
         font-family: Times New Roman;
         font-size: 16;
         text-align: center;
      }

#variChoisi1 , #variChoisi2 ,#variChoisi3,#xpoint1, #ypoint1, #xpoint, #ypoint, #rayon {
        font-style:italic;
         font-family: Times New Roman;
         font-size: 16;
         text-align: center;
      }
/* Header */

header { 
    width: 100%;
    height: 100px; line-height: 100px;                 
    border: 10px #05546B;
    background: rgb(245,245,245,0.9);

    box-shadow: 8px 8px 12px #555;
        }    
header h1 { 
    float:left;
    width: calc(100% - 100px);
    text-align:center;
    margin:0;               
          }
header img { 
    float:left;
    margin-right:5px;
    margin-top: 5px;        
          }

/* Nav */
/*nav
{
    background: whitesmoke;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 20px;
    float: left;
    width: 250px;
    border: 1px #05546B;
    border-radius: 10px;
    box-shadow: 8px 8px 12px #555;
}
*/

/*Reset CSS*/
*{
    margin: 0px;
    padding: 0px;
    font-family:Roboto;
    color:#40565C;
}

nav{
    width: 100%;
    margin: 0 auto;
    background-color: #1FACD5;
    position: sticky;
    top: 0px;
    border: 5px orange;
    box-shadow: 8px 8px 12px #555;
}

nav ul{
    list-style-type: none;
}

nav ul li{
    float: left;
    width: 9%;
    text-align: center;
    position: relative;
}

nav ul::after{
    content: "";
    display: table;
    clear: both;
}

nav a{
    display: block;
    text-decoration: none;
    color: #40565C;
    border-bottom: 2px solid transparent;
    padding: 10px 0px;
}

nav a:hover{
    color: orange;
    border-bottom: 2px solid gold;
}

.sous{
    display: none;
    box-shadow: 0px 1px 2px #CCC;
    background-color: white;
    position: absolute;
    width: 100%;
    z-index: 1000;
}
nav > ul li:hover .sous{
    display: block;
}
.sous li{
    float: none;
    width: 100%;
    text-align: left;
}
.sous a{
    padding: 10px;
    border-bottom: none;
}
.sous a:hover{
    border-bottom: none;
    background-color: RGBa(200,200,200,0.1);
}
.deroulant > a::after{
    content:" ▼";
    font-size: 12px;
}

.conteneur{
  margin: 50px 20px;
  height: 1500px;
}


.tableinvi
{
  border:none;
  background-color: rgba(245,245,245, 0);
  
}
.tableinvi tr, td
{
  border:none;
  background-color: rgba(245,245,245, 0);
  
}



/*section */
section
{
    color: #40565C;
    background: rgb(245,245,245,0.9);
    margin-top: 20px;

    padding: 60px;
    border: 1px #05546B;

    box-shadow: 8px 8px 12px #555;
}

/*adaptation portable*/

@media (max-width: 1200px) {
  
body
{
    font-family: Roboto;
    color: #40565C;
    font-style: 100%;
    margin:10px;
    background-image:url(img/fond3.png);
}

/*nav
{
    background-color: rgba(245, 245, 245, 0.6);
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 20px;
    padding: 5px;
    float: left;
    width: 95%;
    border: 1px #05546B;
    border-radius: 10px;
    box-shadow: 8px 8px 12px #555;
}

.tableequa, tr, td{
    border:none;
    font-size: 30px;
    vertical-align: middle;
    
}


.tablereponse
{
    border:none;
    font-size: 10px;
    vertical-align: middle;

}

/*section */


}
/* fin adaptation portable*/

.tableequa, tr, td{
    border:none;
    font-size: 20px;
    vertical-align: middle;
    
}


.figure{
 float:left;
    max-width: 100%;

    
} 

section img { 
    float:right;
    max-width: 100%;

    
}
/* Footer */
footer{
text-align: center;
position:absolute;
bottom:10;
width:100%;
padding-top:25px;
height:25px;

}

/* mise en forme ligne de codage en Python Consolas #ADBEC3 */
.codage
{
  font-family: Courier;
  color:black;
  background: white;
}
/*.codage
{
  font-family: Consolas;
  color:white;
  background: black;
}*/
.aidecodage
{
 font-style: italic; 
}
/* Lien */
a
{text-decoration: underline;
color: #40565C;
}

/* mise en forme formulaire de contact*/

form {
  /* Uniquement centrer le formulaire sur la page */
  margin: 0 auto;
  width: 400px;
  /* Encadré pour voir les limites du formulaire */
  padding: 1em;
  border: 1px solid #CCC;
  border-radius: 1em;
}

form div + div {
  margin-top: 1em;
}

label 
{
  /* Pour être sûrs que toutes les étiquettes ont même taille et sont correctement alignées */
  display: inline-block;
  width: 90px;
  text-align: right;
}

input, textarea 
{
  /* Pour s'assurer que tous les champs texte ont la même police.
     Par défaut, les textarea ont une police monospace */
  font: 1em sans-serif;

  /* Pour que tous les champs texte aient la même dimension */
  width: 300px;
  box-sizing: border-box;

  /* Pour harmoniser le look & feel des bordures des champs texte */
  border: 1px solid #999;
}

input:focus, textarea:focus 
{
  /* Pour souligner légérement les éléments actifs */
  border-color: #000;
}

textarea 
{
  /* Pour aligner les champs texte multiligne avec leur étiquette */
  vertical-align: top;

  /* Pour donner assez de place pour écrire du texte */
  height: 5em;
}

.button 
{
  /* Pour placer le bouton à  la même position que les champs texte */
  padding-left: 550px; /* même taille que les étiquettes */

}

button 
{
  /* Cette marge supplémentaire représente grosso modo le même espace que celui
     entre les êtiquettes et les champs texte */
  margin-left: .5em;
  margin-top: 1em;
}
input:required 
{
  border-color: #800000;
}

/* mise en forme racine carrée   */
#racinecarree{
    
    text-decoration: overline;
    
}
.input_racinecarree{
    
    text-decoration: overline;
     height: 30px;
    width: 80px;
    text-align: center;
    font-family: Cambria Math;
    font-style:italic ;
    
}
/* mise en forme coordonnées vert   */

.parenthcoor
{font-size: 300%;
}

.coord
{
    
    font-size: 5px;
    font-family: Roboto;
    border: none;
    vertical-align: middle;
    
}
.coord td
{
    font-size: 15px;
    text-align: center;
    border: none;
    vertical-align: middle;
    height: 15px;
}



/* mise en forme fraction   */

.fraction
{
    
    font-size: 15px;
    font-family: Roboto;
    border-color: whitesmoke;
    
}
.fraction td
{
    font-size: 15px;
    text-align: center;
    border-left-color: whitesmoke;
    border-right-color: whitesmoke;    
}

.ba
{
    border-bottom-color: black;
    
    
}
.alignbas{
  vertical-align: bottom;
}

/*mise en forme tableau de signes*/
.tablesigne
{
  font-size: 16px;
  border: none;
  border-width: 2px ;
}

.tablesigne td
{
  
  border-bottom-color: black;
  border-width: 2px ;
}

.lignehaut
{
  
  border-bottom-color: black;
  border-width: 2px ;
}

.bordure
{
  border-top-color: whitesmoke;
  border-left-color: whitesmoke;
  border-right-color: black;
  border-width: 2px ;
}
.bordinfinigauche
{ 
  text-align: left;
  border-right-color: whitesmoke;
  border-top-color: whitesmoke;
  
}

.bordinfinigauchecenter
{ 
  text-align: center;
  border-right-color: whitesmoke;
  border-top-color: whitesmoke;
  
}
.bordinfinidroite
{ 
  text-align: right;
  border-right-color: whitesmoke;
  border-left-color: whitesmoke;
  border-bottom-color: whitesmoke;
  border-top-color: whitesmoke;
  
}

input[type=text], select {
          text-align: center;
          text-align-last: center;
          
        }

.bordssgauchedroite
{ 
  border-right-color: whitesmoke;
  border-left-color: whitesmoke;
  border-bottom-color: whitesmoke;
  border-top-color: whitesmoke;
  
  
}

/* mise en forme images   */
#img1
{
    text-align: center;
    width: 50px;
    padding-bottom: 20px;
    padding-top: 4px;
    
}

#img2
{
    float: right;
}

.imageflottante
    {
       float: left;
    }

.imageflottanteright
    {
       float: right;
    }
/* mise en forme titre h1 snt */
 /*cadre image:*/
.frame {
float: right;

padding: 15px 25px;
}

#titreh1
{
    text-align: center;
    font-style:1.6em;
    border-bottom: 3px solid #5A828C;
}

/* mise en forme lien bas de page SNT*/
menu {
  padding: 0;
}
.menu a {
  display: block;
  margin: 1em auto;
  border-radius: 1ex;
  width: 60%;
  font-size: 2em;
  text-align: center;
  text-decoration: none;
  color: #000;
  background: #1FACD5;
  cursor: pointer;
}
.menu input{
  display: block;
  margin: 1em auto;
  border-radius: 1ex;
  width: 60%;
  font-size: 2em;
  text-align: center;
  text-decoration: none;
  color: white;
  background: #1FACD5;
  cursor: pointer;
}
.menu span {
  color: white;
}
.menu a:link, a:visited, a:focus {
  background: #1FACD5;
}
.menu input:link, input:visited, input:focus {
  background: #1FACD5;
}

.menu a:hover {     
  background: orange;
}
.menu input:hover {     
  background: orange;
}

.menu a:active {
  background: green;
  color: white;
 } 

.menu input:active {
  background: green;
  color: white;
 } 

 ul.menu{
    list-style-type: none;
 }

 /* mise en forme liste en a. b. c.  */
ol.listlatin
{
    list-style-type: lower-latin;
}

/* mise en forme liste sans puce  */
ol.listnone
{
    list-style-type: none;
}

/* mise en forme liste cercle vide  */
ol.listcer
{
    list-style-type: circle;
}

/* Mise en forme tableau */
 table {
  border-collapse: collapse;
  border: 2px solid rgb(200,200,200);
  letter-spacing: 1px;
  font-size: 0.8rem;
  margin-left:auto;
  margin-right:auto;

  font-family: Courier;
}

td, th {
  border: 1px solid rgb(190,190,190);
  padding: 10px;
  font-size: 80%;
  text-align: center;
}

th {
  background-color: rgb(235,235,235);
}



tr:nth-child(even) td {
  background-color: rgb(250,250,250);
}

tr:nth-child(odd) td {
  background-color: rgb(245,245,245);
}

caption {
  padding: 10px;
}
  /* texte encadré */

  span.encadre {
 border:1px solid black;
 padding:3px;
 }
 /* Par B MOREAU */