@charset "iso-8859-1";

/* le nom de class est toujours précédé d'un point*/
/* le nom de id est toujours précédé d'un # on l'utilise une seule fois par page 
- background:#BDBDBD ; - background-image: url("../images/f102.gif") */

html{font-size: 100%;}

body {width: 99%;resize:yes;padding:0px;
font-family:georgia, Verdana, Arial, Helvetica, sans-serif;

background-image: url("../images/f102.gif")
}

a {font-size:0.9em; text-decoration:none; color: blue;}
  a:hover {font-size:1em ;color: red; font-weight: bold; 
  background-repeat:repeat;
  }
	a:first-letter{font-size:18; color:bleu;}
	a:link { color: blue; } /* Liens non visités */
	a:visited { color: purple; } /* Liens visités */
	a:active { color: black;} /* Liens actifs */ 
  



.savoirs{
	font-family: Comic Sans MS; font-weight: 700;
	color: #006600;font-size:1em;
	vertical-align: center;
	text-decoration:none;

}

.bannierean4m {  
text-align:center;
font-family: georgia, arial, sans-serif ;
font-size: 1.4em ;
font-weight: bold ;color: #000000;
margin-bottom: 10px;
margin-top: 10px;
text-decoration:none;

}

#centre4m {overflow:hidden;position:auto;
	background: -webkit-linear-gradient( top,#D7FFD7, #FEFEFE);
    background: -moz-linear-gradient( top,#D7FFD7, #FEFEFE);
    background: -ms-linear-gradient( top,#D7FFD7, #FEFEFE);
    background: -o-linear-gradient( top,#D7FFD7, #FEFEFE);
    background: linear-gradient( top,#D7FFD7, #FEFEFE);
background-color: #FEFEFE;

}

#centre3m {overflow:hidden;position:auto;
	background: -webkit-linear-gradient( top,#FFFFd2, #FEFEFE);
    background: -moz-linear-gradient( top,#FFFFd2, #FEFEFE);
    background: -ms-linear-gradient( top,#FFFFd2, #FEFEFE);
    background: -o-linear-gradient( top,#FFFFd2, #FEFEFE);
    background: linear-gradient( top,#FFFFd2, #FEFEFE);
background-color: #FEFEFE;

}

#pagespre2m {top:20px;right:70px;position: absolute; 
background-attachment:no;
}

#pagespre3m {top:18px;left:70px;position: absolute; 
background-attachment:no;
}

.rond2m{
background:#ffffff;
border-radius:50%;
width:32px;
height:32px;
border:1.5px solid #679403;
border-color: red;
font-family: georgia, arial, sans-serif;
font-size: 1.2em ;
font-weight: normal;color: RED;
background-color: rgba(0, 0, 255, 0);
line-height: 1.4;
vertical-align:middle;
text-align:center;

}


.boutonTm {/*création du bouton */
    /*width:auto*/
    padding:8px 0;
    text-align:center;
    display: inline-block;
    float:center;
    margin:0 8px 0 0;
    border-radius:12px;
    font-size: 0.85em;
    width:240px;
    color:#000000;
    font-family: Arial,sans-serif;
	border-radius:40px 15px / 15px 40px;
}
.boutonTm, .boutonT:active {/*affichage du bouton */
    background: linear-gradient( #CCE4E1, #FFFF00);
	background: #FBFBFB;
	box-shadow: 2px 2px 8px #437 inset, 0px 0px 0px rgba( 187, 255, 117, 0);	
	border:solid 0.5px blue;
}

.boutonTm:hover {/*modif sur mouse-over */
    background: #AFEEEE;
    background: linear-gradient( #dfe8ff, #FFFF6B);
	border-radius:18px 18px / 18px 18px;	
	box-shadow: inset 2px 2px 0px 0px #333399;
}