body {width: 1043px; margin: auto; margin-top: 10px; margin-bottom: 10px; background-color: #1748FF; background-image: url("images/boutons/ciel0002.jpg"); background-repeat: repeat;} img {border:none;} h3 {text-decoration:underline;text-align:center;} /* En-tête et header*/ header {width: 1043px; margin-bottom: 10px; background-position: top center; text-align:center;} header a {line-height:65px;} #logo {height:94px; width: 651px; text-align:center; background-image: url("images/boutons/ban7.png"); background-repeat: no-repeat; display: block; margin: 0 auto;} #dauphin {float:left; width: 160px; margin-top: 10px;} .element_entete {background-color: #44d6fd; background-image: url("images/boutons/fond_entete_bleu.jpg"); border-style:solid; border-color:#4b9bff; border-width: 4px; height:170px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; font-family:Verdana, "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif; text-align:center; font-size:12px;} /* Menu de gauche (nav) */ nav {float: left;width: 218px;} #titremenu {-moz-border-radius: 10px 10px 0 0;-webkit-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;} #titre-des-menus_math {text-align:center; font-size: 16px; font-family: "Times New Roman", "Comic Sans MS", Verdana, Arial, "Arial Black", Times, serif; background-color: #f38086; margin:auto; height: 28px;border-style:solid; border-width: 2px; border-color:#ff5a2f;background: #fcb279; /* Old browsers */ background: -moz-linear-gradient(top, #fcb279 0%, #fcb26c 11%, #ff9156 25%, #fc983a 38%, #ff8147 50%, #ff724f 52%, #fea855 83%, #ffa67c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcb279), color-stop(11%,#fcb26c), color-stop(25%,#ff9156), color-stop(38%,#fc983a), color-stop(50%,#ff8147), color-stop(52%,#ff724f), color-stop(83%,#fea855), color-stop(100%,#ffa67c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fcb279 0%,#fcb26c 11%,#ff9156 25%,#fc983a 38%,#ff8147 50%,#ff724f 52%,#fea855 83%,#ffa67c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fcb279 0%,#fcb26c 11%,#ff9156 25%,#fc983a 38%,#ff8147 50%,#ff724f 52%,#fea855 83%,#ffa67c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fcb279 0%,#fcb26c 11%,#ff9156 25%,#fc983a 38%,#ff8147 50%,#ff724f 52%,#fea855 83%,#ffa67c 100%); /* IE10+ */ background: linear-gradient(to bottom, #fcb279 0%,#fcb26c 11%,#ff9156 25%,#fc983a 38%,#ff8147 50%,#ff724f 52%,#fea855 83%,#ffa67c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcb279', endColorstr='#ffa67c',GradientType=0 ); /* IE6-9 */ color:white; text-decoration:none;} #titre-des-menus_math a {color:white; text-decoration:none;} #titre-des-menus_francais {text-align:center; font-size: 16px; font-family: "Times New Roman", "Comic Sans MS", Verdana, Arial, "Arial Black", Times, serif; background-color: #4b9bff; margin:auto; height: 28px;border-style:solid; border-width: 2px; border-color:#4b9bff;background: #b8e1fc; /* Old browsers */ background: -moz-linear-gradient(top, #b8e1fc 0%, #a9d2f3 10%, #90bae4 25%, #90bcea 37%, #90bff0 50%, #6ba8e5 51%, #a2daf5 83%, #bdf3fd 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b8e1fc), color-stop(10%,#a9d2f3), color-stop(25%,#90bae4), color-stop(37%,#90bcea), color-stop(50%,#90bff0), color-stop(51%,#6ba8e5), color-stop(83%,#a2daf5), color-stop(100%,#bdf3fd)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* IE10+ */ background: linear-gradient(to bottom, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#bdf3fd',GradientType=0 ); /* IE6-9 */ color:white; text-decoration:none;} #titre-des-menus_fiches {text-align:center; font-size: 16px; font-family: "Times New Roman", "Comic Sans MS", Verdana, Arial, "Arial Black", Times, serif; margin:auto; height: 28px;border-style:solid; border-width: 2px; border-color:#333333;background: #21841a; /* Old browsers */background: -moz-linear-gradient(top, #21841a 0%, #27a01e 50%, #248e16 51%, #6faa5c 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#21841a), color-stop(50%,#27a01e), color-stop(51%,#248e16), color-stop(100%,#6faa5c)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #21841a 0%,#27a01e 50%,#248e16 51%,#6faa5c 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #21841a 0%,#27a01e 50%,#248e16 51%,#6faa5c 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #21841a 0%,#27a01e 50%,#248e16 51%,#6faa5c 100%); /* IE10+ */background: linear-gradient(to bottom, #21841a 0%,#27a01e 50%,#248e16 51%,#6faa5c 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#21841a', endColorstr='#6faa5c',GradientType=0 ); /* IE6-9 */ color:white; text-decoration:none;} #titre-des-menus_francais a {color:white; text-decoration:none;} .element_menu_math {text-align:center; background-image:url('images/boutons/ptitscarreauxrouge.jpg'); background-repeat: repeat; margin-bottom: 0px; border-style:solid; border-color:#ff5a2f; border-width: 4px;-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;} .element_menu_math img { border-style:solid; border-width: 1px; border-color:#ff5a2f; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;} .element_menu_math img:hover {opacity:0.8; text-align: center; } .element_menu_francais {text-align:center; background-color: #beeefc; background-image:url('images/boutons/ptitscarreauxbleu.jpg'); margin-bottom: 0px; border-style:solid; border-color:#4b9bff; border-width: 4px;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;} .element_menu_francais img {border-style:solid; border-width: 1px; border-color:#4b9bff;-moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;} .element_menu_francais img:hover {opacity:0.8; text-align: center;} .element_menu_eveil { text-align:center; background-color: #beeefc; background-image:url('images/boutons/ptitscarreauxvert.jpg'); margin-bottom: 0px; border-style:solid; border-color:#66cc33; border-width: 4px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;} .element_menu_eveil img {border-style:solid; border-width: 1px; border-color:#66cc33; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;} .element_menu_eveil img:hover { opacity:0.8; text-align: center; } .element_menu_fiches {background-color:#336633; margin-bottom: 0px; border-style:solid; border-color:#333333; border-width: 4px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;} .element_menu_fiches a {color: white;} .element_menu_fiches a:hover {color: yellow;} /* Corps de la page */ section{margin-left: 225px; margin-bottom: 0px; padding: 5px; color: #444444; background-color: #beeefc; background-repeat: no-repeat; border-style:solid; border-color:#4b9bff; border-width: 4px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;} section h1{color: #555555; text-align: center; font-family: Verdana, "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;} section h2 {height: 30px; padding-left: 00px; color: #555555; text-align: center; font-family: Verdana, "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;} section h4 { text-align: center; font-family: Verdana, "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;} section h5 {font-family: Verdana, "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif; font-size: 18px;} section p {padding-left: 30px; padding-right: 30px; color: #444444; font-family: Verdana, "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif; text-align:justify; font-size: 16px;} #sudoku p{padding-left:0px;} #corps_recreation {margin-left: -5px;margin-right: -5px;margin-bottom: -5px;margin-top: -5px;padding: 5px;background-color: #4DEC7C;-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;} /* Pied de page */ footer {background-color: #beeefc; border-style:solid; border-color:#4b9bff; border-width: 4px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; padding: 5px; clear: both; text-align: center; color: #000000; word-spacing:6em;} /* Tableau des nouveauté en page d'accueil */ #nouveautes td {text-align: center; font-family: Verdana, "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;} #nouveautes img {border-style:solid; border-width: 1px; border-color:#beeefc; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;} /* Menus par classe (concerne les index du cp, ce1, ce2, cm1 et cm2) */ #titre_des_menus_par_classe h1 {float:left; width: 305px; height: 120px; color: white; font-size: 22px; background-image: url("images/boutons/tableau_titre.png"); background-repeat:no-repeat;} #titre_des_menus_par_classe2 h1 {float:left; width: 500px; height: 100px; color: white; font-size: 22px; background-image: url("images/boutons/titre2.png"); background-repeat:no-repeat;} #titre_des_menus_par_classe3 h1 {float:right; width: 500px; height: 100px; color: white; font-size: 22px; background-image: url("images/boutons/titre2.png"); background-repeat:no-repeat;} #facebook {float: right;} #carrepubindex {float: right; margin-top:30px;} #carrepubindex2 {float: left; margin-top:10px;} /* Pas sûr que ça serve à qq chose ça... */ #facebook-center {margin-left:auto; margin-right:auto} #sommaire_menus_par_classe {margin-top: 170px;} #sommaire_menus_par_classe2 {margin-top: 110px; width: 500px;height:201px; background-image: url("images/boutons/fond_menu_index.png"); background-repeat:no-repeat;} #sommaire_menus_par_classe2 a{color:blue;} #sommaire_menus_par_classe2 a:hover{color:white;} #sommaire_menus_par_classe2 strong a{color:blue;} #sommaire_menus_par_classe3 {display: inline-block;margin-top: -20px; float:right; width: 500px;height:201px; background-image: url("images/boutons/fond_menu_index.png"); background-repeat:no-repeat;} #sommaire_menus_par_classe3 a{color:blue;} #sommaire_menus_par_classe3 a:hover{color:white;} #sommaire_menus_par_classe3 strong a{color:blue;} /*#menu_par_classe img { border-style:solid; border-width: 1px; border-color:#beeefc; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;} #menu_par_classe td {text-align:center; width: 100px;} */ #menu_par_classe h2 { color: white; border-style:solid; border-width: 1px; border-color:#beeefc; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; background: #2ca7fd; background-repeat:no-repeat;} .menus_classes_math {background-image:url("images/boutons/fd_menus_math.jpg"); border-collapse: separate; border-spacing: 10px;} .menus_classes_math td{background-color:#c5e9e2; text-align:center;} .menus_classes_eveil {background-image:url("images/boutons/fd_menus_eveil.jpg"); border-collapse: separate; border-spacing: 10px;} .menus_classes_eveil td{background-color:#b0efe7; text-align:center;} .menus_classes_math_college {background-image:url("images/boutons/fd_menus_math.jpg"); border-collapse: separate; border-spacing: 10px;} .menus_classes_math_college td{background-color:#69deff;} .menus_classes_francais td{background-color:#a4e0fa; text-align:center;} .menus_classes_francais {background-color:#f3c452; background-image:url("images/boutons/fd_menus_francais.jpg"); border-collapse: separate; border-spacing: 10px;} .titres_sous_menus_classes_math h2 {color: #f8e4b3; font-family: Verdana, "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif; font-size: 22px; background-image:url("images/boutons/fondmath.png"); background-repeat:no-repeat; background-position:center;} .titres_sous_menus_classes_francais h2 {color: #f8e4b3; font-family: Verdana, "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif; font-size: 22px; background-image:url("images/boutons/fondfrancais.png"); background-repeat:no-repeat; background-position:center;} .titres_sous_menus_classes_eveil h2 {color: #ffffff; font-family: Verdana, "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif; font-size: 22px; background-image:url("images/boutons/fondeveil.png"); background-repeat:no-repeat; background-position:center;} .titres_sous_menus_classes_math a {color: #f8e4b3; font-family: Verdana, "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif; font-size: 22px; background-image:url("images/boutons/fondmath.png"); background-repeat:no-repeat; background-position:center;} .titres_sous_menus_classes_francais a {color: #f8e4b3; font-family: Verdana, "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif; font-size: 22px; background-image:url("images/boutons/fondfrancais.png"); background-repeat:no-repeat; background-position:center;} .titres_sous_menus_classes_eveil a {color: #ffffff; font-family: Verdana, "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif; font-size: 22px; background-image:url("images/boutons/fondeveil.png"); background-repeat:no-repeat; background-position:center;} /* Les boutons (on les retrouve notamment dans l'en-tête, la page d'accueil et le menu gauche) */ .bouton_petit {display: inline-block; width: 64px; height: 50px; background-repeat: no-repeat; background-image: url('images/boutons/fond-menu.png');line-height:45px; vertical-align:top; text-align:center; font-size:25px;text-decoration: none; color:white;-moz-box-shadow: 0px 0px 10px #343434;-webkit-box-shadow: 0px 0px 10px #343434;-o-box-shadow: 0px 0px 10px #343434;box-shadow: 0px 0px 10px #343434;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;border: 1px solid #656565;background:#28a6fe;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#28a6fe", endColorstr="#80cafd"); /* Pour IE seulement et mode gradient à linear */ background: -webkit-gradient(linear, left top, left bottom, from(#28a6fe), to(#80cafd));background: -webkit-linear-gradient(#28a6fe, #80cafd);background: -moz-linear-gradient(#28a6fe, #80cafd);background: -o-linear-gradient(#28a6fe, #80cafd); background: -ms-linear-gradient(#28a6fe, #80cafd); background: linear-gradient(#28a6fe, #80cafd);} .bouton_petit:hover {-moz-box-shadow: 0px 0px 10px #343434;-webkit-box-shadow: 0px 0px 10px #343434;-o-box-shadow: 0px 0px 10px #343434;box-shadow: 0px 0px 10px #343434;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;border: 1px solid #656565;background:#c6e4ff;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2dc5fd", endColorstr="#5fbcfc"); /* Pour IE seulement et mode gradient à linear */ background: -webkit-gradient(linear, left top, left bottom, from(#2dc5fd), to(#5fbcfc)); background: -webkit-linear-gradient(#2dc5fd, #5fbcfc); background: -moz-linear-gradient(#2dc5fd, #5fbcfc);background: -o-linear-gradient(#2dc5fd, #5fbcfc); background: -ms-linear-gradient(#2dc5fd, #5fbcfc); background: linear-gradient(#2dc5fd, #5fbcfc);font-weight : bold;} .bouton_moyen {display: inline-block; width: 95px; height: 50px; background-repeat: no-repeat; line-height:45px; vertical-align:top; text-align:center; font-size:13px;text-decoration: none; color:white;-moz-box-shadow: 0px 0px 10px #343434;-webkit-box-shadow: 0px 0px 10px #343434;-o-box-shadow: 0px 0px 10px #343434;box-shadow: 0px 0px 10px #343434;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;border: 1px solid #656565;background:#28a6fe;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#28a6fe", endColorstr="#80cafd"); /* Pour IE seulement et mode gradient à linear */background: -webkit-gradient(linear, left top, left bottom, from(#28a6fe), to(#80cafd));background: -webkit-linear-gradient(#28a6fe, #80cafd);background: -moz-linear-gradient(#28a6fe, #80cafd);background: -o-linear-gradient(#28a6fe, #80cafd); background: -ms-linear-gradient(#28a6fe, #80cafd); background: linear-gradient(#28a6fe, #80cafd);} .bouton_moyen:hover {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2dc5fd", endColorstr="#5fbcfc"); /* Pour IE seulement et mode gradient à linear */background: -webkit-gradient(linear, left top, left bottom, from(#2dc5fd), to(#5fbcfc));background: -webkit-linear-gradient(#2dc5fd, #5fbcfc);background: -moz-linear-gradient(#2dc5fd, #5fbcfc);background: -o-linear-gradient(#2dc5fd, #5fbcfc); background: -ms-linear-gradient(#2dc5fd, #5fbcfc); background: linear-gradient(#2dc5fd, #5fbcfc);color:yellow;} .bouton_special {display: inline-block; width: 95px; height: 50px; background-repeat: no-repeat; line-height:45px; vertical-align:top; text-align:center; font-size:15px;text-decoration: none; color:white;-moz-box-shadow: 0px 0px 10px #343434;-webkit-box-shadow: 0px 0px 10px #343434;-o-box-shadow: 0px 0px 10px #343434;box-shadow: 0px 0px 10px #343434;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;border: 1px solid #656565;background:#f03535;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f03535", endColorstr="#F78989"); /* Pour IE seulement et mode gradient à linear */background: -webkit-gradient(linear, left top, left bottom, from(#f03535), to(#F78989));background: -webkit-linear-gradient(#f03535, #F78989);background: -moz-linear-gradient(#f03535, #F78989);background: -o-linear-gradient(#f03535, #F78989); background: -ms-linear-gradient(#f03535, #F78989); background: linear-gradient(#f03535, #F78989);} .bouton_special:hover {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FB8A8A", endColorstr="#F95959"); /* Pour IE seulement et mode gradient à linear */ background: -webkit-gradient(linear, left top, left bottom, from(#FB8A8A), to(#F95959));background: -webkit-linear-gradient(#FB8A8A, #F95959);background: -moz-linear-gradient(#FB8A8A, #F95959);background: -o-linear-gradient(#FB8A8A, #F95959); background: -ms-linear-gradient(#FB8A8A, #F95959); background: linear-gradient(#FB8A8A, #F95959);font-weight : bold;} .bouton_grand {display: inline-block; width: 180px; height: 40px; background-repeat: no-repeat; margin:10px;line-height:45px; vertical-align:top; text-align:center; font-size:13px;text-decoration: none; color:black;-moz-box-shadow: 0px 0px 10px #343434;-webkit-box-shadow: 0px 0px 10px #343434;-o-box-shadow: 0px 0px 10px #343434;box-shadow: 0px 0px 10px #343434;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;border: 1px solid #656565;background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */} .bouton_grand:hover {-moz-box-shadow: 0px 0px 10px #343434;-webkit-box-shadow: 0px 0px 10px #343434;-o-box-shadow: 0px 0px 10px #343434;box-shadow: 0px 0px 10px #343434;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;border: 1px solid #656565;background: rgb(252,252,252); /* Old browsers */background: -moz-linear-gradient(top, rgba(252,252,252,1) 1%, rgba(196,196,196,1) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(252,252,252,1)), color-stop(100%,rgba(196,196,196,1))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, rgba(252,252,252,1) 1%,rgba(196,196,196,1) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, rgba(252,252,252,1) 1%,rgba(196,196,196,1) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, rgba(252,252,252,1) 1%,rgba(196,196,196,1) 100%); /* IE10+ */background: linear-gradient(to bottom, rgba(252,252,252,1) 1%,rgba(196,196,196,1) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#c4c4c4',GradientType=0 ); /* IE6-9 */font-size:12px;font-weight : bold;} .bouton_menu_grand {vertical-align:center;display: inline-block; width: 180px; height: 40px; background-repeat: no-repeat; margin:10px;line-height:20px; vertical-align:top; text-align:center; font-size:13px;text-decoration: none; color:black;-moz-box-shadow: 0px 0px 10px #343434;-webkit-box-shadow: 0px 0px 10px #343434;-o-box-shadow: 0px 0px 10px #343434;box-shadow: 0px 0px 10px #343434;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;border: 1px solid #656565;background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */} .bouton_menu_grand:hover {-moz-box-shadow: 0px 0px 10px #343434;-webkit-box-shadow: 0px 0px 10px #343434;-o-box-shadow: 0px 0px 10px #343434;box-shadow: 0px 0px 10px #343434;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;border: 1px solid #656565;background: rgb(252,252,252); /* Old browsers */background: -moz-linear-gradient(top, rgba(252,252,252,1) 1%, rgba(196,196,196,1) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(252,252,252,1)), color-stop(100%,rgba(196,196,196,1))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, rgba(252,252,252,1) 1%,rgba(196,196,196,1) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, rgba(252,252,252,1) 1%,rgba(196,196,196,1) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, rgba(252,252,252,1) 1%,rgba(196,196,196,1) 100%); /* IE10+ */background: linear-gradient(to bottom, rgba(252,252,252,1) 1%,rgba(196,196,196,1) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#c4c4c4',GradientType=0 ); /* IE6-9 */font-size: 12px;font-weight : bold;} .bouton_menu_grand.titre_bouton{color:blue;} .bouton_fiches {display: inline-block; width: 180px; height: 60px; background-repeat: no-repeat; margin:10px;line-height:40px; text-align:center; font-size:18px;text-decoration: none; color:white;/*ombres*/-moz-box-shadow: 0px 0px 10px #343434;-webkit-box-shadow: 0px 0px 10px #343434;-o-box-shadow: 0px 0px 10px #343434;box-shadow: 0px 0px 10px #343434;/*finombre*/ /*arrondi*/ -moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;border: 1px solid #656565/*fin arrondi*/ background: #7fdb7f; /* Old browsers */background: -moz-linear-gradient(top, #7fdb7f 0%, #57c657 17%, #52b152 33%, #20a024 64%, #008904 88%, #1b7c00 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7fdb7f), color-stop(17%,#57c657), color-stop(33%,#52b152), color-stop(64%,#20a024), color-stop(88%,#008904), color-stop(100%,#1b7c00)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #7fdb7f 0%,#57c657 17%,#52b152 33%,#20a024 64%,#008904 88%,#1b7c00 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #7fdb7f 0%,#57c657 17%,#52b152 33%,#20a024 64%,#008904 88%,#1b7c00 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #7fdb7f 0%,#57c657 17%,#52b152 33%,#20a024 64%,#008904 88%,#1b7c00 100%); /* IE10+ */background: linear-gradient(to bottom, #7fdb7f 0%,#57c657 17%,#52b152 33%,#20a024 64%,#008904 88%,#1b7c00 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fdb7f', endColorstr='#1b7c00',GradientType=0 ); /* IE6-9 */} .bouton_fiches:hover {-moz-box-shadow: 0px 0px 10px #343434;-webkit-box-shadow: 0px 0px 10px #343434;-o-box-shadow: 0px 0px 10px #343434;box-shadow: 0px 0px 10px #343434;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;border: 1px solid #656565;background: rgb(252,252,252); background: #1b7c00; /* Old browsers */background: -moz-linear-gradient(top, #1b7c00 0%, #008904 12%, #20a024 36%, #52b152 67%, #57c657 83%, #7fdb7f 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1b7c00), color-stop(12%,#008904), color-stop(36%,#20a024), color-stop(67%,#52b152), color-stop(83%,#57c657), color-stop(100%,#7fdb7f)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #1b7c00 0%,#008904 12%,#20a024 36%,#52b152 67%,#57c657 83%,#7fdb7f 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #1b7c00 0%,#008904 12%,#20a024 36%,#52b152 67%,#57c657 83%,#7fdb7f 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #1b7c00 0%,#008904 12%,#20a024 36%,#52b152 67%,#57c657 83%,#7fdb7f 100%); /* IE10+ */background: linear-gradient(to bottom, #1b7c00 0%,#008904 12%,#20a024 36%,#52b152 67%,#57c657 83%,#7fdb7f 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b7c00', endColorstr='#7fdb7f',GradientType=0 ); /* IE6-9 */ font-size: 16px;font-weight : bold;} .bouton_menu {display: inline-block; width: 100px; height: 40px; background-repeat: no-repeat;line-height:40px; vertical-align:top; text-align:center; font-size:15px;text-decoration: none; color:black;-moz-box-shadow: 0px 0px 10px #343434;-webkit-box-shadow: 0px 0px 10px #343434;-o-box-shadow: 0px 0px 10px #343434;box-shadow: 0px 0px 10px #343434;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;border: 1px solid #656565;background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */} .bouton_menu:hover {-moz-box-shadow: 0px 0px 10px #343434;-webkit-box-shadow: 0px 0px 10px #343434;-o-box-shadow: 0px 0px 10px #343434;box-shadow: 0px 0px 10px #343434;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;border: 1px solid #656565;background: rgb(252,252,252); /* Old browsers */background: -moz-linear-gradient(top, rgba(252,252,252,1) 1%, rgba(196,196,196,1) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(252,252,252,1)), color-stop(100%,rgba(196,196,196,1))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, rgba(252,252,252,1) 1%,rgba(196,196,196,1) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, rgba(252,252,252,1) 1%,rgba(196,196,196,1) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, rgba(252,252,252,1) 1%,rgba(196,196,196,1) 100%); /* IE10+ */background: linear-gradient(to bottom, rgba(252,252,252,1) 1%,rgba(196,196,196,1) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#c4c4c4',GradientType=0 ); /* IE6-9 */font-size: 14px;font-weight : bold;} /* Les Commentaires (présents sur la plupart des pages) */ #commentaires {margin-left: auto; margin-right: auto; width: 650px; background-color: #e0eef2; -webkit-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0px 0px 20px 10px rgba(100, 100, 100, 0.2); box-shadow: 0px 0px 20px 10px rgba(100, 100, 100, 0.2);} #commentaires_titre {display:block;width: 650px;vertical-align:middle;background-color: #018fb9;color: #e4f9ff;-webkit-border-radius: 20px 20px 0px 0px;border-radius: 20px 20px 0px 0px;/* Anciens navigateurs */background: #000000 url("gradient-bg.png") repeat-x top;-o-background-size: 100% 100%;-moz-background-size: 100% 100%;-webkit-background-size: 100% 100%;background-size: 100% 100%;/* Navigateurs récents */background: -webkit-gradient(linear,left top, left bottom,from(#878585),to(#000000));background: -webkit-linear-gradient(top,#878585,#000000);background: -moz-linear-gradient(top,#878585,#000000);background: -o-linear-gradient(top,#878585,#000000);background: linear-gradient(top,#878585,#000000);} #commentaires_postes {display:block; width: 650px; vertical-align:middle; background-color: #018fb9; color: #e4f9ff;-webkit-border-radius: 10px 10px 10px 10px;border-radius: 10px 10px 10px 10px;} #commentaires_postes1 {display:block; height:40px; vertical-align:middle; line-height: 40px;text-align:left;background-color: #000000;color: #e4f9ff;-webkit-border-radius: 10px 10px 0px 0px;border-radius: 10px 10px 0px 0px;/* Anciens navigateurs */background: #000000 url("gradient-bg.png") repeat-x top;-o-background-size: 100% 100%;-moz-background-size: 100% 100%;-webkit-background-size: 100% 100%;background-size: 100% 100%;/* Navigateurs récents */background: -webkit-gradient(linear,left top, left bottom,from(#878585),to(#000000));background: -webkit-linear-gradient(top,#878585,#000000);background: -moz-linear-gradient(top,#878585,#000000);background: -o-linear-gradient(top,#878585,#000000);background: linear-gradient(top,#878585,#000000);} #commentaires_postes2 {text-align:left;width: 630px;background-color: #018fb9;padding: 10px;-webkit-border-radius: 0px 0px 10px 10px;border-radius: 0px 0px 10px 10px;/* Anciens navigateurs */background: #6dc8fc url("gradient-bg.png") repeat-x top;-o-background-size: 100% 100%;-moz-background-size: 100% 100%;-webkit-background-size: 100% 100%; background-size: 100% 100%;/* Navigateurs récents */background: -webkit-gradient(linear,left top, left bottom,from(#daf0fc),to(#6dc8fc));background: -webkit-linear-gradient(top,#daf0fc,#6dc8fc);background: -moz-linear-gradient(top,#daf0fc,#6dc8fc);background: -o-linear-gradient(top,#daf0fc,#6dc8fc);background: linear-gradient(top,#daf0fc,#6dc8fc);} /* Les jeux (div qui encadre les jeux) */ .jeux {text-align:center;} #fiches{ margin-left: 215px; margin-bottom: 10px; padding: 5px; color: #000000; background-color: #7CD4F4; text-align= center;} #fiches h2{height: 30px; padding-left: 00px; color: #0000fe; text-align: center; font-family: Verdana, "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;} #fiches h1{height: 30px; padding-left: 00px; color: #0000fe; text-align: center; font-family: Verdana, "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;} #fiches table{margin-left:auto;margin-right:auto;} #corps_fiches{margin-left: 215px; margin-bottom: 10px; padding: 5px; color: #000000; background-color: #7CD4F4; text-align= center;} #corps_fiches h1{color: #000000;text-align: center; font-family: Verdana, "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;} #corps_fiches h2{height: 30px; padding-left: 00px; color: #0000fe; text-align: center; font-family: Verdana, "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;} #corps_fiches li {font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;font-size: 100%;color: black; list-style-type: none; background-image: url("images/boutons/puce1.png"); background-repeat: no-repeat; background-position: 0% 65%; padding-left: 15px;} #corps_fiches p {padding-left: 20px; color: #444444; text-align:left; font-family: Verdana, "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;} #corps_fiches td {padding-left: 20px; color: #444444; font-family: Verdana, "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;} #corps_fiches table {margin-left:auto; margin-right:auto; width:100%;} #corps_fiches2 {margin-left: 5px; margin-bottom: 10px; padding: 5px; color: #000000; background-color: #7CD4F4; text-align= center;} #corps_fiches2 table {margin-left:auto; margin-right:auto; width:100%;} /* stand by mousehover accueil */ #smileys {font-family: Verdana, "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif; font-size: 10px;} #super_competences{background: rgb(15,79,153); /* Old browsers */background: -moz-linear-gradient(top, rgba(15,79,153,1) 0%, rgba(14,124,214,1) 49%, rgba(24,121,201,1) 51%, rgba(45,148,226,1) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(15,79,153,1)), color-stop(49%,rgba(14,124,214,1)), color-stop(51%,rgba(24,121,201,1)), color-stop(100%,rgba(45,148,226,1))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, rgba(15,79,153,1) 0%,rgba(14,124,214,1) 49%,rgba(24,121,201,1) 51%,rgba(45,148,226,1) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, rgba(15,79,153,1) 0%,rgba(14,124,214,1) 49%,rgba(24,121,201,1) 51%,rgba(45,148,226,1) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, rgba(15,79,153,1) 0%,rgba(14,124,214,1) 49%,rgba(24,121,201,1) 51%,rgba(45,148,226,1) 100%); /* IE10+ */background: linear-gradient(to bottom, rgba(15,79,153,1) 0%,rgba(14,124,214,1) 49%,rgba(24,121,201,1) 51%,rgba(45,148,226,1) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f4f99', endColorstr='#2d94e2',GradientType=0 ); /* IE6-9 */color:white;font-size: 45px;font-family: Verdana, "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;} #super_competences2{background: #B9121B;color:white;font-size: 45px;font-family: Verdana, "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;} #titre_competences{background: rgb(122,188,255); /* Old browsers */background: -moz-linear-gradient(top, rgba(122,188,255,1) 0%, rgba(96,171,248,1) 44%, rgba(64,150,238,1) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,188,255,1)), color-stop(44%,rgba(96,171,248,1)), color-stop(100%,rgba(64,150,238,1))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* IE10+ */background: linear-gradient(to bottom, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */color:white;font-weight : bold;} .competences {background: rgb(240,249,255); /* Old browsers */background: -moz-linear-gradient(top, rgba(240,249,255,1) 0%, rgba(203,235,255,1) 47%, rgba(161,219,255,1) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,249,255,1)), color-stop(47%,rgba(203,235,255,1)), color-stop(100%,rgba(161,219,255,1))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, rgba(240,249,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, rgba(240,249,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, rgba(240,249,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%); /* IE10+ */background: linear-gradient(to bottom, rgba(240,249,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff',GradientType=0 ); /* IE6-9 */color:black;} .competences_inv {background: rgb(240,249,255); /* Old browsers */background: -moz-linear-gradient(top, rgba(161,219,255,1) 0%, rgba(203,235,255,1) 47%, rgba(240,249,255,1) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(161,219,255,1)), color-stop(47%,rgba(203,235,255,1)), color-stop(100%,rgba(240,249,255,1))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, rgba(161,219,255,1) 0%,rgba(203,235,255,1) 47%,rgba(240,249,255,1) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, rgba(161,219,255,1) 0%,rgba(203,235,255,1) 47%,rgba(240,249,255,1) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, rgba(161,219,255,1) 0%,rgba(203,235,255,1) 47%,rgba(240,249,255,1) 100%); /* IE10+ */background: linear-gradient(to bottom, rgba(161,219,255,1) 0%,rgba(203,235,255,1) 47%,rgba(240,249,255,1) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff',GradientType=0 ); /* IE6-9 */color:black;} #competences li {font-family: Arial, "Arial Black", "Times New Roman", Times, serif;font-size: 14px;} #titre_competence_math {background: rgb(183,12,21); /* Old browsers */background: -moz-linear-gradient(top, rgba(183,12,21,1) 1%, rgba(191,105,106,1) 50%, rgba(188,105,107,1) 52%, rgba(226,165,196,1) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(183,12,21,1)), color-stop(50%,rgba(191,105,106,1)), color-stop(52%,rgba(188,105,107,1)), color-stop(100%,rgba(226,165,196,1))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, rgba(183,12,21,1) 1%,rgba(191,105,106,1) 50%,rgba(188,105,107,1) 52%,rgba(226,165,196,1) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, rgba(183,12,21,1) 1%,rgba(191,105,106,1) 50%,rgba(188,105,107,1) 52%,rgba(226,165,196,1) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, rgba(183,12,21,1) 1%,rgba(191,105,106,1) 50%,rgba(188,105,107,1) 52%,rgba(226,165,196,1) 100%); /* IE10+ */background: linear-gradient(to bottom, rgba(183,12,21,1) 1%,rgba(191,105,106,1) 50%,rgba(188,105,107,1) 52%,rgba(226,165,196,1) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b70c15', endColorstr='#e2a5c4',GradientType=0 ); /* IE6-9 */color:white;font-weight : bold;} #competences_math {background: rgb(252,239,241); /* Old browsers */background: -moz-linear-gradient(top, rgba(252,239,241,1) 0%, rgba(252,201,210,1) 47%, rgba(249,159,170,1) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,239,241,1)), color-stop(47%,rgba(252,201,210,1)), color-stop(100%,rgba(249,159,170,1))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, rgba(252,239,241,1) 0%,rgba(252,201,210,1) 47%,rgba(249,159,170,1) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, rgba(252,239,241,1) 0%,rgba(252,201,210,1) 47%,rgba(249,159,170,1) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, rgba(252,239,241,1) 0%,rgba(252,201,210,1) 47%,rgba(249,159,170,1) 100%); /* IE10+ */background: linear-gradient(to bottom, rgba(252,239,241,1) 0%,rgba(252,201,210,1) 47%,rgba(249,159,170,1) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceff1', endColorstr='#f99faa',GradientType=0 ); /* IE6-9 */color:black;} #compmath {background: rgb(249,204,216); /* Old browsers */background: -moz-linear-gradient(top, rgba(249,204,216,1) 2%, rgba(247,170,184,1) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgba(249,204,216,1)), color-stop(100%,rgba(247,170,184,1))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, rgba(249,204,216,1) 2%,rgba(247,170,184,1) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, rgba(249,204,216,1) 2%,rgba(247,170,184,1) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, rgba(249,204,216,1) 2%,rgba(247,170,184,1) 100%); /* IE10+ */background: linear-gradient(to bottom, rgba(249,204,216,1) 2%,rgba(247,170,184,1) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9ccd8', endColorstr='#f7aab8',GradientType=0 ); /* IE6-9 */color:black;} #compmath img {border-style:solid;border-width: 1px;border-color:#B9121B;-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;} #images-fiches {font-size:10px;border-style:solid;border-width: 1px;border-color:#beeefc;-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;} #tableau-fiches table {background-image: url("fiches/presentation/image_fiches.jpg");} #tableau-fiches2 {background-image: url("fiches/presentation/tableau2.png");background-repeat: no-repeat;} #tableau-fiches2 h1 {color:black;} #tableau-fiches2 h2 {color:white;} #tableau-fiches a.francais {display:block;color: white;font-size: 20px;background-image: url("fiches/presentation/bouton_francais.png");background-repeat: no-repeat; width: 220px; height:40px; vertical-align:middle; line-height: 40px; text-decoration: none;} #tableau-fiches a.math {display:block;color: white;font-size: 20px;background-image: url("fiches/presentation/bouton_math.png"); background-repeat: no-repeat; width: 220px; height:40px; vertical-align:middle; line-height: 40px; text-decoration: none;} #tableau-fiches a.divers {display:block;color: white;font-size: 20px;background-image: url("fiches/presentation/bouton_divers.png"); background-repeat: no-repeat; width: 220px; height:40px; vertical-align:middle; line-height: 40px; text-decoration: none;} #tableau-fiches a.francais:hover {background-image: url("fiches/presentation/bouton_francais2.png");font-weight : bold;} #tableau-fiches a.math:hover {background-image: url("fiches/presentation/bouton_math2.png"); font-weight : bold;} #tableau-fiches a.divers:hover {background-image: url("fiches/presentation/bouton_divers2.png");font-weight : bold;} #tableau-fiches td {text-align:center; vertical-align:bottom; color: white; font-size: 24px; line-height: 40px;} #tableau-fiches h2 {text-align:center; vertical-align:bottom; color: white; font-size: 30px;} #arrondi {background-color: transparent; border-width: 1px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px;} #coller-a-droite{float: right;} #coller-a-gauche{float: left;} #barre-de-recherche{float: left;margin-left:40px;} #grande-banniere-pub{margin-top:15px;} #college {margin-left: -5px; margin-right: -5px; margin-bottom: -5px; margin-top: -5px; padding: 5px; background-color: #00caff; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;} #grand_titre_bleu a {display: inline-block; width: 230px; height: 230px; background-repeat: no-repeat; margin:10px;line-height:300px; vertical-align:top; text-align:center; background-image: url("images/boutons/bleu.png");background-size: 230px 230px; font-size:33px;text-decoration: none; color:white;border-radius: 5px;} #grand_titre p {font-size:20px;color:white; height:50px;} #grand_titre_bleu a {display: inline-block; width: 230px; height: 230px; background-repeat: no-repeat; margin:10px;line-height:300px; vertical-align:top; text-align:center; background-image: url("images/boutons/bleu.png");background-size: 230px 230px; font-size:33px;text-decoration: none; color:white;border-radius: 5px;} #grand_titre_rouge a {display: inline-block; width: 230px; height: 230px; background-repeat: no-repeat; margin:10px;line-height:300px; vertical-align:top; text-align:center; background-image: url("images/boutons/rouge.png");background-size: 230px 230px; font-size:33px;text-decoration: none; color:white;border-radius: 5px;} #grand_titre_vert a {display: inline-block; width: 230px; height: 230px; background-repeat: no-repeat; margin:10px;line-height:300px; vertical-align:top; text-align:center; background-image: url("images/boutons/vert.png");background-size: 230px 230px; font-size:33px;text-decoration: none; color:white;border-radius: 5px;} #listes li {text-align:left;} /** Inscription membres **/ .form { margin-top:10px; width:800px; margin-left:auto } .form input, .form select {background:url(fiches/presentation/input_news.png) repeat-x #fefefe; padding:4px;color:#8E8282; font-size:12px; margin:0px 0px 20px 0px; display:inline; border:1px solid #cfcfcf; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .form textarea {background:url(fiches/presentation/input_news.png) repeat-x #fefefe; padding:4px;color:#8E8282; font-size:12px; margin:0px 0px 20px 0px; display:inline; border:1px solid #cfcfcf; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .form p{ margin:10px 0;} .form textarea{ height:100px;} .form label { color:#555555; line-height:22px; display:block; width:230px; float:left } .form .col_01 { float:left; width:280px; padding:0px 0px 0px 4px; display:inline;} .form .col_02 { float:right; width:280px; padding:0px 4px 0px 4px; display:inline; text-align:left;} .form .col_04 { float:right; /*width:280px;*/ padding:0px 4px 0px 4px; display:inline; text-align:right;} .form .col_03 { float:left; padding:0px 0px 0px 4px; width:590px;} .form .small { width:268px;} .form .ssmall { width:100px;} .form .milieu { width:400px;} .form .big { width:573px;} .form .xbig { width:640px;} .form .apercu { margin-left:230px; } .form .apercu img{ max-height: 120px; max-width: 140px; } .form input.btn, .form .btn{background: url("fiches/presentation/btn_cnx.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; color: #FFFFFF; cursor: pointer; font-family: 'Open Sans',sans-serif; font-size: 13px; font-weight: 600; height: 23px; text-align: left; text-transform: uppercase; width: 109px; padding-top:0; padding-bottom:0;} input.btn{background: url("fiches/presentation/btn_cnx.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; color: #FFFFFF; cursor: pointer; font-family: 'Open Sans',sans-serif; font-size: 13px; font-weight: 600; height: 23px; text-align: left; text-transform: uppercase; width: 109px; padding-top:0; padding-bottom:0;} input.champs{ background:url(fiches/presentation/input_news.png) repeat-x #fefefe; padding:4px;color:#8E8282; font-size:12px; margin:0px 0px 20px 0px; display:inline; border:1px solid #cfcfcf; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .img_classement {float:left;position:relative;border-style:solid;border-width: 1px;border-color:#beeefc;-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;} #classement {height:145px;display:inlmine-block;}