/*-------------feuille de style: la feuille recurrence a été optimisée: ok ----------------*/


 body    { 
                    
                    width:1200px;
                    margin: 0 auto;
            
                }
        html
                {
                    background: #D9E0E6 ;
                }
        
        img  {
                    vertical-align:middle;
                    border:none;
                    
                }
                #logo {
	float:left;
	margin: 0 0 10px 0;
}
.python2 {color: #2367bb;margin-left: 0px;font-family:"Times New Roman",serif;padding: 0px;}
.python2 a{margin-left: 0px;padding-left: 0;font-family:"Times New Roman",serif;padding: 0px;}
.python {font-size: 24px;color: #2367bb;font-family:"Times New Roman",serif;padding: 0px;}
.python a{text-decoration-line:  none; margin-left: 0px;padding-left: 0px; font-family:"Times New Roman",serif;}
.python a:hover { /* text-decoration-line: underline; */
                  color: red;cursor: pointer;
}
.sousfenetre a{ cursor:pointer;}
 .enonce{
     position: relative
 }

.partieexo .enligne img {
    position: relative;
    display: block;
    height: auto;
    width: auto;
   
    
}
.partieexo .enligne img:hover{
    height: auto;
    width: auto;
   
        
}
.partieexo a p img {
    height: 60px;
    position: absolute;
     display: block;
}

.partieexo  a p img:hover{
     box-shadow:0 0 12px #ccc;
        color:gray;
        height: 60px;
 }
                         
                         


/*il va falloir 
    1) supprimer .partie a{....} et le remplacer partout <a> par <a class="posvideo">
    2) au lieu de mettre .partieexo a>img {...} mettre .posvideo > img {....}
    
    */
.posvideo{
    position: absolute;
     left:860px;
     cursor:pointer;
}
 .enligne {
    left: 0px;
    cursor: cell;
}
 .partieexo  a {
      position: absolute;
     left:860px;
     cursor:pointer;
 }
 
 .partieexo  a > img {
     position: absolute;
     display: block;
     height: 20px;
     
     
 }

 
 .partieexo  a > img:hover{
     box-shadow:0 0 12px #ccc;
        color:gray;
        height: 24px;
 }

 .nonfixe{background:#E4E9ED;}
        
        /* inutile
        .nonfixe:hover {
        
                background: #E4E9ED;
        
        }
        */
        .blocrose{
    font-size: 20px;
    
}
         .blocbleu,.blocrose,.blocexo{ padding: 6px;
    display:block;
     text-decoration: none;
    -moz-border-radius: 10px;
	-wekbit-border-radius: 10px;
	border-radius: 10px;
	-moz-outline-radius: 10px;  /* a11y : on arrondit le focus, si un focus carré pose problème */
	-webkit-outline-radius: 10px;
	outline-radius: 10px;
	outline: none;
    
    }
        
       .titremultiligne{ padding: 6px;
    display:inline-block;
     text-decoration: none;
    -moz-border-radius: 10px;
	-wekbit-border-radius: 10px;
	border-radius: 10px;
	-moz-outline-radius: 10px;  /* a11y : on arrondit le focus, si un focus carré pose problème */
	-webkit-outline-radius: 10px;
	outline-radius: 10px;
	outline: none;
    }
    
    .titrecours{ padding: 6px;
    display:inline;
     text-decoration: none;
    -moz-border-radius: 10px;
	-wekbit-border-radius: 10px;
	border-radius: 10px;
	-moz-outline-radius: 10px;  /* a11y : on arrondit le focus, si un focus carré pose problème */
	-webkit-outline-radius: 10px;
	outline-radius: 10px;
	outline: none;
    }
    
    .titresouspartie{ margin-left:6px;
   
    padding: 6px;
    display:inline-block;
     text-decoration: none;
    -moz-border-radius: 10px;
	-wekbit-border-radius: 10px;
	border-radius: 10px;
	-moz-outline-radius: 10px;  /* a11y : on arrondit le focus, si un focus carré pose problème */
	-webkit-outline-radius: 10px;
	outline-radius: 10px;
	outline: none;
    }
    
    /*partie rose*/
    .souspartie{
        margin:0px 10% -10px 10% ;/*-10px pour superposer la partie rose sous la partie exo*/    
        border:none;
        background-color: #EBD9FA;
        padding: 6px;
   
     font-size:18px;
    text-decoration: none;
    -moz-border-radius: 0px 10px 0px 0px;
	-wekbit-border-radius: 0px 10px 0px 0px;
	border-radius: 0px 10px 0px 0px;
	-moz-outline-radius: 10px;  /* a11y : on arrondit le focus, si un focus carré pose problème */
	-webkit-outline-radius: 10px;
	outline-radius: 10px;
	outline: none;
        
    }
    
    .sousfenetre{
     position: relative;
        margin:0px 0px -10px 0px ;/*-10px pour superposer la partie rose sous la partie exo*/    
        border:none;
        background-color: #EBD9FA;
        padding: 6px;
   
     font-size:18px;
    text-decoration: none;
    -moz-border-radius: 0px 10px 0px 0px;
	-wekbit-border-radius: 0px 10px 0px 0px;
	border-radius: 0px 10px 0px 0px;
	-moz-outline-radius: 10px;  /* a11y : on arrondit le focus, si un focus carré pose problème */
	-webkit-outline-radius: 10px;
	outline-radius: 10px;
	outline: none;
    }
    
    .partieexo,.partieexo2{
        margin:0px 0px 0px 0px ;
        border:none;
        
        background:#729179;
        padding: 15px 10px 10px 10px;
   color:White;
     font-size:18px;
    text-decoration: none;
    -moz-border-radius: 0px 10px 10px 10px;
	-wekbit-border-radius: 0px 10px 10px 10px;
	border-radius: 0px 10px 10px 10px;
	-moz-outline-radius: 10px;  /* a11y : on arrondit le focus, si un focus carré pose problème */
	-webkit-outline-radius: 10px;
	outline-radius: 10px;
	outline: none;
        
    }
    
 
      .blocbleu:hover, .titremultiligne:hover,.titrecours:hover,.blocvideo:hover{
        box-shadow:0 0 12px #ccc;
        color:gray;
        
    }
    .blocrose:hover{
         box-shadow:0 0 12px #aaa;
        color:gray;
    }
    
    .blockenligne{
        display:inline-block;
        vertical-align:middle;
        
    }
    .autre{  padding: 6px;
    background:#CCD7ED;  /*couleur de "qu'est-ce qu'une fonction ... */
     font-size:18px;
    text-decoration: none;
    -moz-border-radius: 0px 10px 10px 10px;
	-wekbit-border-radius: 0px 10px 10px 10px;
	border-radius: 0px 10px 10px 10px;
	-moz-outline-radius: 10px;  /* a11y : on arrondit le focus, si un focus carré pose problème */
	-webkit-outline-radius: 10px;
	outline-radius: 10px;
	outline: none;
    }
    
    
    
    .menuprincipal{
        float:right;
    }
    
    li a:hover, div a:focus,.nonfixe {
	
	text-decoration: none;
    
	
    
    -moz-border-radius: 0 0 10px 10px; 
	-webkit-border-radius: 0 0 10px 10px; 
	border-radius: 0 0 10px 10px;         
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-outline-radius: 10px;
	-webkit-outline-radius: 10px;
	outline-radius: 10px;
	text-decoration: none;
	border:0;
}
.test{

    background: #3a556a;
	 color:White;
    text-align:center;
	text-decoration: none;
    font-size:40px;
	
    
    -moz-border-radius: 10px 10px 0px 0px; 
	-webkit-border-radius: 10px 10px 0px 0px; 
	border-radius: 10px 10px 0px 0px;         
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-outline-radius: 10px;
	-webkit-outline-radius: 10px;
	outline-radius: 10px;
	text-decoration: none;
	border:0;
    
}


li {
	margin: 0 4px 0 0;
	/*display: inline;*/
}

.titre{ text-align:center;
        clear:both;
        font-size: 30px;
	font-weight:bold;
	font-family: 'Amaranth', Tahoma, sans-serif;
	-webkit-font-smoothing: antialiased;
	text-decoration: none;
	
    
}

 div a {color:Black;text-decoration:none;}

.afficher{
    vertical-align:middle;
      
    
}

footer {
	padding: 10px 25px 20px 25px;
	
	text-align: center;
	color: #747474;
	font-size: 0.9em;
}

footer a, footer a:visited, footer a:link {
	color: #747474;
}
.entete{FONT-FAMILY:"Lucida Grande","Lucida Sans Unicode",tahoma,Arial,Verdana;FONT-WEIGHT:normal;TEXT-DECORATION:none;color:#3a556a;padding:1px;margin:0;}


.fg:hover{ 
background-image:url(../image/flechegauche2.png);
}
.fd:hover{ 
background-image:url(../image/flechedroite2.png);
}

       
     .top{ cursor:pointer;}

  
 .exercice{
    text-align:left;
    padding:4px 4px 4px 10px; 
    font-size:18px; 
    background:#729179;
    color:White;
    -moz-border-radius: 10px 10px 0px 0px; 
	-webkit-border-radius: 10px 10px 0px 0px; 
	border-radius: 10px 10px 0px 0px;         
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-outline-radius: 10px;
	-webkit-outline-radius: 10px;
	outline-radius: 10px;
	text-decoration: none;
	border:0;
    
}   
    .titregauche{
    display:inline-block;
    height:50px; width:30%;
    margin-left:10%;
    text-align:center;
    vertical-align:middle;
    text-shadow: 1px 1px 0 #EBEEF1;
    box-shadow:0px 0px 12px #aaa; 
        
        
    }
    
    .titredroit{
        display:inline-block; height:50px; width:28%;
        margin-right:10%;text-align:center;
        vertical-align:middle;box-shadow:0px 0px 12px #aaa;
        
        
        
    }
    
    .titreleçon{
        clear:both; text-align:center; padding:0px 0px 0px 10px;
        
        
    }

h1{
    display: inline-block;
    font-size: inherit;
}

 .titreleçon h1,.titreleçonh1{
    display:inline-block;
     width:80%;
     font-size: 40px;
     font-weight: bold;
     padding: inherit;
     margin: 20px;
     
}

.titreleçonpython{
    display:inline-block;
     width:80%;
     font-size: 40px;
     font-weight: bold;
     padding: 0px;
     margin: 0px;
}

h2{
    font-size: inherit;
    display: inline;
    font-weight: inherit;
    
}



    .conseil{
    font-size:14px;
    position:relative;
    top:-30px;
    left:20px;
    }
    
    .conseil:hover{color:Red;}
    
    .titreencartmethode{
        
        text-align:center;
        position:relative;
        bottom:10px;
    }
    
    .encartmethode,.encartmethode2{
        
        
        padding:10px 10px 10px 10px;
        border-radius:10px 10px 10px 10px;
        -moz-border-radius:10px 10px 10px 10px; /*bord du menu noir*/
    -webkit-border-radius:10px 10px 10px 10px;
    box-shadow: 1px 1px 12px #555;
        
    }
 .encartmethode{background-color:#CC8ABF;}
 .encartmethode2{background-color: #c3e64a;}
   
.bordureencartmethode,.bordureencartmethodedemi{
    
    display:inline-block; 
    padding:0px 10px 0px 10px;
    box-shadow: 1px 1px 12px #555;
    
    
}
.bordureencartmethode{
margin-left:80px;
    width:950px;
    position: relative;
}

.bordureencartmethodedemi{
margin-left:10px;
    width:520px;
    position: relative;
}

.bordureencartmethode > a,.conseilcours{
    margin: 0;
    position:absolute;
    right: -30px;
    top: -20px;
   
}

.bordureencartmethode > a > img {
     width: 80px;
}

 




/*pour faire les vecteurs u*/

.sy {
	position: relative;
	padding-left: 1px;
	font-size: 12pt;
	
	text-align: center;
	}
.sy span.oncapital {
	position: absolute;
	top: -0.6em;
	left: 0.2em;
	font-size: 70%;
	}
    
    /*vecteur AB*/
    .sy span.oncapital2 {
	position: absolute;
	top: -0.6em;
	left: 0.2em;
	font-size: 130%;
	}
 
 
    
.sy span.onsmall {
	position: absolute;
	top: -0.6em;
	left: 0.2em;
	font-size: 70%;
	}

 .sy span.onindice{
     position: absolute;
	top: 0.6em;
	left: 0.2em;
	font-size: 70%;
     
 }
 
 
 .sy span.onbarre{
     position: absolute;
	top: -1em;
	left: 0.0em;
	font-size: 120%;
 }

/*pour faire des racines*/

.radical {
	font-size: 1.7em;
	vertical-align: middle;
	}
.radicand { 
	padding: 0.5ex;
	border-top: thin black solid;
	}
 
/*fraction */

.fraction {
	display: inline-block;
	position: relative;
	vertical-align: middle; 
	letter-spacing: 0.01em;
	text-align: center;
	}
.fraction > span { 
	display: block; 
	padding: 0.2em; 
	}
.fraction span.fdn {border-top: thin solid black;}
.fraction span.bar {display: none;}

 
 /*limites pour le central 2 type  de limite normal ou fraction */
 .limes,.limesfraction {
	display: inline-block;
	position: relative;
	margin: 0 2px;
	
	text-align: center;
}
 .limes{
     vertical-align: top;
 }
 .limesfraction{
     vertical-align: text-top;
 }
.limes > span,.limesfraction >span { 
	display: block; 
}

.limes span.overdn, .limesfraction span.overdn  {
	font-size: 70%;
}
 

.eq-l, .eq-c {
	position: relative;
	padding: 15px 50px;
	font-size: 11pt;
	font-weight: 500;
	}
.eq-l {text-align: left;}
.eq-c {text-align: center;}

 
 
 .intsuma {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	text-align: center;
	margin-bottom: 0.5ex;
	}
.intsuma .lim, .intsuma .lim-up {
	display: block;
	font-size: 75%;
	text-align: center;
	}
.intsuma .lim-up {
	margin-bottom: 0;
	margin-left: 0.8ex;
	}
.intsuma .lim {margin-bottom: -0.6ex;}
.intsuma .sum {font-size: 1.2em;}
.intsuma .sum-frac {font-size: 2em;}

 
 
/*les classes suivantes les mettre style tcqjds.css car ds 2 fichiers*/
.classe{
    
     text-decoration: none;
    }
    .classe:hover{
        box-shadow:0 0 12px #ccc;
        
        background: #E4E9ED;
       
	background: rgba(255,255,255,0.3);
    }
    
    .puce{
box-shadow: 1px 1px 12px #555;padding:0px 2px 2px 5px;
        border-radius:10px 10px 10px 10px;
        -moz-border-radius:10px 10px 10px 10px; /*bord du menu noir*/
    -webkit-border-radius:10px 10px 10px 10px;
    
    
    
}
 
 .liresuite
{
    color:#02A1BA;
    font-size:12px;
}


.liresuite:hover
{cursor:pointer; color:#689DDA;}
 
 .pupuce li
 {
     display: list-item;
     font-size: 14px;
     margin-left: 15px;
 }
 .pupuce > li > span, .pupuce > li > div
 {
     font-size: 18px;
 }
 
 .retrait
 {
     margin-left: 40px;
 }

 .geogebra{
     color:#02A1BA;
    font-size:17px;
    font-weight: bold;
   
 }
 .geogebra:hover
 {
     cursor: pointer;
     
       
 }
 
 .indic, .indic2,.indic2g,.indicMS,.indichelp,.indichelp2{
     position: absolute;
     white-space: nowrap;
 }

.indicMS > img {
height: 90px;
}
 
 .indic  > img, .indic2  > img,.indic2g  > img,.indichelp,.indichelp2
 {
     height: 25px; 
 }
 
 
 
 .indic  >div, .indic2 >div,.indic2g >div,.indicMS > div,.indichelp > div,.indichelp2 > div{
 display:none;
 padding:10px 25px 10px 25px;
 background-color: #EBD9FA;
 color: Black;
 
 
 -moz-border-radius: 0px 10px 10px 10px;
	-wekbit-border-radius: 0px 10px 10px 10px;
	border-radius: 0px 10px 10px 10px;
    box-shadow:0 0 20px Black;
    /*
    transform:scale(0) rotate(-12deg);
     -webkit-transform:scale(0) rotate(-12deg);
     transition:all 3s;
     opacity:0;
        */
 }
 .indicMS:hover>div{
 display:inline-block;
 position: relative;
 left: -117px;
background-color: #D9E0E6;
 cursor: cell;
 background-position: 0 center;
 
 
 background-size: 25px;
 background-repeat: no-repeat;
 z-index: 1000;
 /*
 -webkit-transform:scale(1) rotate(0);  
    transform:scale(1) rotate(0);  
    opacity:1;  
     */
 }

.indichelp:hover>div{
 display:inline-block;
 position: relative;
 left: -117px;
 top: 15px;
background-color: #D9E0E6;
 
 cursor: pointer;
 background-position: 0 center;
 line-height: 180%;
 
 background-size: 25px;
 background-repeat: no-repeat;
 z-index: 1000;
 /*
 -webkit-transform:scale(1) rotate(0);  
    transform:scale(1) rotate(0);  
    opacity:1;  
     */
 }
.indichelp2:hover>div{
 display:inline-block;
 position: relative;
 left: 0px;
 top: 15px;
background-color: #D9E0E6;
 
 cursor: pointer;
 background-position: 0 center;
 line-height: 180%;
 
 background-size: 25px;
 background-repeat: no-repeat;
 z-index: 1000;
 /*
 -webkit-transform:scale(1) rotate(0);  
    transform:scale(1) rotate(0);  
    opacity:1;  
     */
 }


.indic:hover>div{
 display:inline-block;
 position: relative;
 left: -27px;
 
 cursor: help;
 background-position: 0 center;
 background-image: url(../image/bulb.png);
 
 background-size: 25px;
 background-repeat: no-repeat;
 z-index: 1000;
 /*
 -webkit-transform:scale(1) rotate(0);  
    transform:scale(1) rotate(0);  
    opacity:1;  
     */
 }

.indic2:hover>div{
 display:inline-block;
 position: relative;
 left: -27px;
 cursor: pointer;
 background-position: 0 center;
 background-image: url(../image/important.png);
 line-height: 100%;
 background-size: 25px;
 background-repeat: no-repeat;
 z-index: 1000;
 /*
 -webkit-transform:scale(1) rotate(0);  
    transform:scale(1) rotate(0);  
    opacity:1;  
     */
 }

.indic2g:hover>div{
 display:inline-block;
 position: relative;
 left: -500px;
 cursor: pointer;
 background-position: 0 center;
 background-image: url(../image/important.png);
 
 background-size: 25px;
 background-repeat: no-repeat;
 z-index: 1000;
 /*
 -webkit-transform:scale(1) rotate(0);  
    transform:scale(1) rotate(0);  
    opacity:1;  
     */
 }


 
 .tableau
 {
     border-collapse: collapse;
     padding-left: 100px;
     margin-left: 50px;
 }

.tableau td,th 
 {border: 1px solid black;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
 }

 .heure {
     vertical-align:top;
     margin-left: 20px;
     width: 70px;
 }
 
 .separation {
     height: 5px;
     width: 100%;
 }
 
 .sousfenetre > img{
     position: absolute;
     width: 72px;
 }
 
 .sousfenetre > div {
     border-left:2px solid black;
     margin-left:70px;
     margin-top:40px;
 }
 
.marge0{margin-left: 0;
        margin-top: 0px;
        display: block;
     text-align: justify;
}
.marge20{
    
    margin-left:20px;
     margin-top:0px;
    display: block;
     text-align: justify;
}
 .marge40{
     margin-left:40px;
     margin-top:0px;
    display: block;
     text-align: justify;
 }
 
 .marge60{
     margin-left:60px;
     margin-top:0px;
     display: block;
     text-align: justify;
 }
 
 .marge90{
     margin-left:90px;
     margin-top:0px;
     display: block;
     text-align: justify;
 }
 
 .enonce > span{
    float: right;
}
.enonce > span  a{
    float: right;
}


.gauchee {
    width: 785px;
    
}

.gaucheeh {
    width: 600px;
    
}
.font15{
	font-size: 15px;
}
.font18{
	font-size: 18px;
}
.equation,.equationmarge40,.equationmarge10 {

    display: inline-block;
}
.equationmarge40{
    margin-left: 40px;
}
.equationmarge10{
    margin-left: 10px;
}

.equation,.equationmarge40,.equationmarge10 :hover{
    cursor: pointer;
}

.texteenonce{
    color: black; 
    background-color: #fff;
    width: 880px;
    padding: 5px 10px 5px 10px;
    display: inline-block;
    font-size: 20px;
    font-family:"Times New Roman",serif;
   
}

.table-equation td{
    padding-left: 40px;
    
}

.sousindic{
    position: relative;
    display: inline-block;
    vertical-align: text-top;
}

.level {
    vertical-align:top;
    margin-top: 20px;
    margin-left: 20px;
    width: 110px;
    
    
}