body    { 
                    
                    width:1200px;
                    margin: 0 auto;
            
                }
        html
                {
                    background-color: #D9E0E6 ;
                }
        
        img  {
                    vertical-align:middle;
                    border:none;
                    
                }
                #logo {
	float:left;
	margin: 0 0 10px 0;
}

h1{ font:inherit;padding:inherit; margin:inherit;}
h2{ font:inherit; display:inline-block; padding:0; margin:inherit;}

 
 .video {
    margin: 0;
    position:absolute;
    right: -30px;
    top: -40px;
   
}
 
 
.partieexo a, .sousfenetre a{ cursor:pointer;}

 .nonfixe{background:#E4E9ED;}
        
        /* inutile
        .nonfixe:hover {
        
                background: #E4E9ED;
        
        }
        */
        
         .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{
        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{
        margin:0px 0px 0px 0px ;
        border:none;
        
        background:#729179;
        padding: 6px;
   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;
    }
    
    a:hover, div a:focus,.nonfixe {
	
	text-decoration: none;
    
	
    
    -moz-border-radius: 0px 10px 10px 0px; 
	-webkit-border-radius: 0px 10px 10px 0px; 
	border-radius: 0px 10px 10px 0px;         
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-bottom-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;
        
        
    }
    .conseil{
    font-size:14px;
    position:relative;
    top:-30px;
    left:20px;
    }
    
    .conseil:hover{color:Red;}
    
    .titreencartmethode{
        
        text-align:center;
        position:relative;
        bottom:10px;
    }
    
    .encartmethode{
        
        background-color:#CC8ABF;
        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;
        
    }
   
.bordureencartmethode{
    margin-left:180px;
    display:inline-block; 
    padding:0px 10px 0px 10px;
    box-shadow: 1px 1px 12px #555;
    width:830px;
    
}

/*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%;
	}

/*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;}

/*les classes suivantes les mettre style tcqjds.css car ds 2 fichiers*/
.classe{
    padding-right:10px;
    
     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;
    
    
    
}