/* Theme Name: Clisthene Theme URI: http://www.clisthene.org Description: thème du site Clisthène Version: 1.0 Author: LE RAY Virginie Author URI: http://www.webray.fr/ Thème du site Clisthène */ /**************************************/ /*---------------RESET----------------*/ /**************************************/ a img{border:none;} html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{background:transparent;border:0;margin:0;padding:0;outline:0;vertical-align:baseline;} article,aside,details,figcaption,figure,footer,hgroup,menu,nav,section{display:block;} html{-webkit-text-size-adjust:none;} body{background:#eee url(http://www.clisthene.org/wp-content/themes/clisthene-0.1/images/bg.png) repeat-x;margin:0 auto;width:960px;font:10pt/1.5 'Lucida Sans Unicode','Lucida Grande',Helvetica,Arial,sans-serif;color:#444;text-align:center;} h1,h2,h3,h4,h5,h6{clear:both;font-weight:normal;} hr{display:none;} ol,ul{list-style:none outside none;} table{border-collapse:collapse;border-spacing:0;table-layout:fixed;} table th,table td{word-wrap:break-word;overflow:hidden;} caption,th,td{font-weight:normal;text-align:left;} blockquote,q{quotes:none;} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;} del{text-decoration:line-through;} div,p{white-space:normal;word-break:normal;word-wrap:break-word;} fieldset,img,a img{border:none;} textarea{resize:both;} a{color:#08c;text-decoration:none;} a:focus,a:active,a:hover{color:#08c;text-decoration:underline;} .clear{clear:both;} .clearer{clear:both;display:block;margin:0;padding:0;height:0;line-height:1px;font-size:1px;} :focus{outline:0;} :link,:visited,ins{text-decoration:none;} ::-moz-selection{background:#b5d5ff;color:#000;} ::selection{background:#b5d5ff;color:#000;} /**********************************************/ /*---------------STYLE DE BASE----------------*/ /**********************************************/ hr{clear:both;background-color:#ccc;border:none;height:1px;margin-bottom:1.6em;} p{margin-bottom:1.6em;} ul,ol{clear:both;margin:0 0 0 1.5em;} ul{list-style:none;} ol{list-style-type:decimal;} ol ol{list-style:upper-alpha;} ol ol ol{list-style:lower-roman;} ol ol ol ol{list-style:lower-alpha;} ul ul,ol ol,ul ol,ol ul{margin-bottom:0;} dl{margin:0 1.6em;} dt{font-weight:bold;} dd{margin-bottom:1.6em;} strong{font-weight:bold;} small{font-size:smaller;} cite,em,i{font-style:italic;} blockquote{margin:0 3em;/*padding:0 3em;*/font-style:italic;font-weight:normal;font-family:Georgia,serif;} blockquote em,blockquote i,blockquote cite{font-style:normal;} blockquote cite{color:#666;font-weight:300;letter-spacing:0.05em;text-transform:uppercase;font:12px "Helvetica Neue",Helvetica,Arial,sans-serif;} pre{overflow:auto;background:#f7f7f7;margin-bottom:1.6em;padding:0.7em 1.6em;line-height:1.5;font:13px "Courier 10 Pitch",Courier,monospace;color:#222;} code,kbd{font:13px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;} abbr,acronym,dfn{border-bottom:1px dotted #666;cursor:help;} address{display:block;margin:0 0 1.625em;} ins{background:#fff9c0;text-decoration:none;} big{font-size:131.25%;} sup,sub{position:relative;height:0;line-height:1;vertical-align:baseline;font-size:10px;} sup{bottom:1ex;} sub{top:.5ex;} /******************************************/ /*---------------LES FONDS----------------*/ /******************************************/ #header{height:26px; background-image:url(images/header-bg.png) repeat-x;margin:0 auto; } #content{float:left;background-color:#aeb1b3; width:960px; height:auto; position:relative;-webkit-box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);} body.single{background-image:url(http://www.clisthene.org/wp-content/themes/clisthene-0.1/images/postside.png);-webkit-box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);} body.page{background:url(images/bg.jpg) repeat-x #aeb1b3;margin:0 auto; width:960px; font:10pt/1.5 'Lucida Sans Unicode','Lucida Grande',Helvetica,Arial,sans-serif;color:#444; text-align:center;-webkit-box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);} body.presse{background:url(images/bg.jpg) repeat-x #aeb1b3;margin:0 auto; width:960px; font:10pt/1.5 'Lucida Sans Unicode','Lucida Grande',Helvetica,Arial,sans-serif;color:#444; text-align:center;-webkit-box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);} body.accueil{background:url(images/bg2.jpg) repeat-x #aeb1b3;margin:0 auto;width:960px;font:10pt/1.5 'Lucida Sans Unicode','Lucida Grande',Helvetica,Arial,sans-serif;color:#444;text-align:center;-webkit-box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);} body.license{background:url(images/bg2.jpg) repeat-x #aeb1b3;margin:0 auto;width:960px;font:10pt/1.5 'Lucida Sans Unicode','Lucida Grande',Helvetica,Arial,sans-serif;color:#444;text-align:center;-webkit-box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);} body.archive{background:url(images/bg2.jpg) repeat-x #aeb1b3;margin:0 auto;width:960px;font:10pt/1.5 'Lucida Sans Unicode','Lucida Grande',Helvetica,Arial,sans-serif;color:#444;text-align:center;-webkit-box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);} #content #col22{float:left;width:689px;} #content #col21{float:left;width:271px;} footer{clear:both;padding:0 0 9px;text-align:left;margin:0 auto;} /*{-webkit-box-shadow: 2px 2px 2px 1px rgba(100, 100, 100, 0.8);box-shadow: 2px 2px 2px 1px rgba(100, 100, 100, 0.8);}*/ /******************************************/ /*---------------LE HEADER----------------*/ /******************************************/ #header .hidden{display:none;} #header .hgroup{float:left;display:inline-block;width:960px;height:26px;_zoom:1;} /*************/ /* Menus Nav */ /*************/ #header #nav{width:960px;display:inline-block;} #header #nav ul{margin:0;list-style:none;display:inline-block;} #header .menu{width:960px;height:26px;margin:0;padding:0;background:url(images/header.png) no-repeat;}/*ICI L'IMAGE DE FOND DU MENU PARCOURS*/ #header .menu li{display:inline-block;padding:3px 15px 3px 6px;line-height:21px;color:#666;_zoom:1;} /***************************/ /*couleur du Menu clisthene*/ /*---------------MODIFIER ICI LES NUMÉRO D'ITEM EN FONCTION DES RETOUR FIREFOX--*/ /***************************/ #header #menu-parcours li.menu-item-26 a{color:#aeb0b3;margin-left:70px;}/*--ACCUEIL--*/ #header #menu-parcours li.menu-item-25 a{color:#64c21e;}/*--DÉCOUVRIR CLISTHÈNE--*/ #header #menu-parcours li.menu-item-24 a{color:#84D5F7;}/*--COIN PARENTS ÉLÈVES--*/ #header #menu-parcours li.menu-item-23 a{color:#853794;}/*--PUBLICATIONS ET RECHERCHES--*/ #header #menu-parcours li.menu-item-22 a{color:#ff4300;}/*--CÔTÉ PROFS--*/ /*********************************************/ /*---------CARROUSSEL ACCUEIL----------------*/ /*********************************************/ #conteneur-carroussel{ float:left; width:960px; height:200px; border:0; margin:0; overflow:hidden; -webkit-box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8); } #slider{position:absolute; width:960px; height:200px; margin:0; border:0; overflow:hidden;} .slide{position:absolute; width:960px; height:200px; overflow:hidden;} /**************************************************/ /****************STYLE DE POLICE*******************/ /**************************************************/ p,ul,ol,li{font:15px "Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200; text-align:left;} li{ list-style:disc;} em{font-style:italic;} strong{font-weight:500;letter-spacing:0.01em;} h1{font:24px "Helvetica Neue",Helvetica,Arial,sans-serif; line-height:1.1;font-weight:500; text-align:left;} h2{font:22px "Helvetica Neue",Helvetica,Arial,sans-serif; line-height:1.1;font-weight:500; text-align:left;} h3{font:20px "Helvetica Neue",Helvetica,Arial,sans-serif; line-height:1.2;font-weight:500; text-align:left;} h4{font:18px "Helvetica Neue",Helvetica,Arial,sans-serif; line-height:1.2;font-weight:500; text-align:left;} h5{font:16px "Helvetica Neue",Helvetica,Arial,sans-serif; line-height:1.2;font-weight:500; text-align:left;} h6{font:14px "Helvetica Neue",Helvetica,Arial,sans-serif; line-height:1.2;font-weight:500; text-align:left;} /**************************************************/ /*---------------LE CONTENT-ACCUEIL---------------*/ /**************************************************/ #pageintro{float:left; position:relative; background-color:#aeb1b3; width:960px; height:auto; margin:0 auto; padding:0;-webkit-box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);} #pageintro #contentintro{ float:left; background:url(images/pageintro-content.png) top left repeat-y #fff; width:650px; height:auto; margin-left:171px; margin-right:139px; } #pageintro #contentbot{ float:left; width:650px; height:30px; background:url(images/pageintro-bot.png) top left no-repeat; -webkit-border-bottom-right-radius: 20px; -moz-border-radius-bottomright: 20px; border-bottom-right-radius: 20px; margin-left:171px; margin-right:139px; margin-bottom:30px;} #pageintro #contentintro #texteintro{margin:0;} #pageintro #contentintro #texteintro #marge-content{margin-top:10px;} #pageintro #contentintro #texteintro p,#pageintro #contentintro #texteintro h1,#pageintro #contentintro #texteintro h2,#pageintro #contentintro #texteintro h3,#pageintro #contentintro #texteintro h4,#pageintro #contentintro #texteintro h5,#pageintro #contentintro #texteintro h6,#pageintro #contentintro #texteintro ul,#pageintro #contentintro #texteintro ol,#pageintro #contentintro #texteintro li, #pageintro #contentintro #texteintro code{margin:0 20px 0 20px;} /******************************************************/ /*--------------CARROUSSEL-PARENTELEVES---------------*/ /******************************************************/ #pageintro #contentintro #texteintro #texteintro-slider{float:left; position:relative; height:150px; width:650px;} #slider-parentseleves{position:relative; width:650px; height:150px; margin:0; border:0; overflow:hidden;} .slide-pe{position:relative; width:650px; height:150px; overflow:hidden;} #navparelv{position:absolute; z-index:1; top:155px; left:265px; background-color:#666; width:120px; height:16px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } #navparelv a{display:inline-block; background:url(images/bulleslide.png);width:10px; height:10px; font-size:0px; color:#84d5f7; margin:3px 5px 3px 5px; vertical-align:top; line-height:1;} #navparelv a:hover, #navparelv a.activeSlide{background:url(images/bulleslidehover.png);color:#fff;} .slide-pe .slideimage{float:left; width:200px; height:150px; background:url(images/logonews.png); margin:0;} .slide-pe span p,.slide-pe span h1,.slide-pe span h2,.slide-pe span h3,.slide-pe span h4,.slide-pe span h5,.slide-pe span h6,.slide-pe span strong,.slide-pe span em,.slide-pe span ol,.slide-pe span ul,.slide-pe span li,.slide-pe span code{margin:0 10px 0 10px;} .slide-pe .slidetitle{float:left; width:450px; height:30px; font-size:1.5em; text-transform:uppercase; } .slide-pe .slidetexte{float:left; width:450px; height:120px; font:1.4em Arial,sans-serif;color:#888; text-align:center; } #slider-parentseleves a{display:block; width:650px; height:150px;} #pageintro #contentintro #texteintro #texteintro-content{float:left; width:650px; height:auto;color:#fff;background-color:#83d3f6;} /*******************************************/ /*---------------LE CONTENT----------------*/ /*******************************************/ /*************************************/ /*-------BLOC TOP:LES MOBILES--------*/ /*************************************/ #content-head{float:left; background:url(images/content-head-bg.jpg) no-repeat; position:relative; height:405px;} #content-search{float:left; background:url(images/content-head-search.jpg) no-repeat; position:relative; height:40px;-webkit-box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);} /***MOBILE ACCUEIL***/ #content-head-accueil{background:url(images/mobile-accueil.jpg) no-repeat; position:relative; height:507px;} /*ici mes zones actives du mobile*/ #content-head-accueil #p-decouverte{width:184px; height:102px; position:absolute; z-index:1; top:150px; left:460px;} #content-head-accueil #p-parents{width:220px; height:118px; position:absolute; z-index:2; top:178px; left:648px;} #content-head-accueil #p-profs{width:205px; height:115px; position:absolute; z-index:3; top:300px; left:750px;} #content-head-accueil #p-resaux{width:267px; height:108px; position:absolute; z-index:4; top:355px; left:459px;} /*animation de la chouette*/ #content-head-accueil #chouette{width:100px;height:180px;position:absolute; z-index:5; top:176px; left:138px;} #chouetteanim{display:block;width:100px;height:180px; background:url(images/oeilchouette.jpg) 0 0 no-repeat;padding:0;} #chouetteanim:hover,#chouetteanim:active,#chouetteanim:focus{background:url(images/chouette-anime.gif) 0 0 no-repeat;} #chouetteanim span{text-indent:-5000px;display:inline-block;} /*bouton de connexion*/ #content-head-accueil #connexioncli{width:150px;heigt:25px;position:absolute;z-index:6;top:475px;left:0px;} #content-head-accueil #connexioncli #bgconnexion{width:150px;heigt:25px;background:url(images/connexion.png) no-repeat;top:2px; left:0px; } #content-head-accueil #connexioncli #bgconnexion a{text-align:left; font-family: "Trebuchet MS" ;font-size:16px;text-decoration:none;color:#008EB0;line-height:1.8;} #content-head-accueil #connexioncli #bgconnexion a:hover{color:#aeb1b3;} #content-head-accueil #connexioncli #bgconnexion li{display:none;} /***BOUTON DE CONNECTION***/ #connexioncli{width:150px;heigt:25px;position:absolute;z-index:6;top:5px;left:0px;} #connexioncli #bgconnexion{width:150px;heigt:25px;background:url(images/connexion.png) no-repeat;top:2px; left:0px; } #connexioncli #bgconnexion a{text-align:left; font-family: "Trebuchet MS" ;font-size:16px;text-decoration:none;color:#008EB0;line-height:1.8;} #connexioncli #bgconnexion a:hover{color:#aeb1b3;} #connexioncli #bgconnexion li{display:none;} /***MOBILE DECOUVRIR CLISTHENE***/ #content-head-dec{background:url(images/cont-head-decouv-top.jpg) no-repeat; position:relative; height:405px;-webkit-box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);} /*ici mes zones actives du mobile*/ #content-head-dec #decouvrir-clisthene{width:287px; height:162px;position:absolute; z-index:0; top:47px; left:498px;} #content-head-dec #dec-news{width:62px; height:59px;position:absolute; z-index:1; top:46px; left:429px;} #content-head-dec #dec-news .liennews a{display:block; width:62px; height:59px;position:absolute; opacity:0;} #content-head-dec #dec-news li{list-style:none;} #content-head-dec #dec-presse{width:83px; height:60px;position:absolute; z-index:2; top:115px; left:389px;} #content-head-dec #dec-inscription{width:131px; height:87px;position:absolute; z-index:3; top:13px; left:794px;} #content-head-dec #dec-parents{width:87px; height:76px;position:absolute; z-index:4; top:204px; left:869px;} #content-head-dec #dec-eleves{width:91px; height:64px;position:absolute; z-index:5; top:121px; left:830px;} #content-head-dec #dec-equipe{width:76px; height:72px;position:absolute; z-index:6; top:223px; left:766px;} #content-head-dec #dec-tutorat{width:102px; height:66px;position:absolute; z-index:7; top:293px; left:818px;} #content-head-dec #dec-historique{width:124px; height:58px;position:absolute; z-index:8; top:317px; left:507px;} #content-head-dec #dec-reorganiser{width:127px; height:90px;position:absolute; z-index:9; top:279px; left:351px;} #content-head-dec #dec-ou{width:100px; height:67px;position:absolute; z-index:10; top:201px; left:379px;} /*animation de la chouette*/ #content-head-dec #chouette{width:100px;height:180px;position:absolute; z-index:20; top:156px; left:146px;} #chouetteanim{display:block;width:100px;height:180px; background:url(images/oeilchouette.jpg) 0 0 no-repeat;padding:0;} #chouetteanim:hover,#chouetteanim:active,#chouetteanim:focus{background:url(images/chouette-anime.gif) 0 0 no-repeat;} #chouetteanim span{text-indent:-5000px;display:inline-block;} /*ici ma zone BAS du mobile*/ #content-search-decaccueil{background:url(images/cont-head-decouv-botaccueil.jpg) no-repeat; position:relative; width:960px;height:40px;-webkit-box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);} #content-search-dec{background:url(images/cont-head-decouv-bot.jpg) no-repeat; position:relative; width:960px;height:40px;-webkit-box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);} /***MOBILE COINS PARENTS-ÉLÈVES***/ #content-head-parelv{background:url(images/cont-head-parelv-top.jpg) no-repeat; position:relative; height:405px;-webkit-box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);} /*ici mes zones actives du mobile*/ #content-head-parelv #coin-parentseleves{width:287px; height:162px;position:absolute; z-index:0; top:47px; left:498px;} #content-head-parelv #dec-news{width:62px; height:59px;position:absolute; z-index:1; top:46px; left:429px;} #content-head-parelv #dec-news .liennews a{display:block; width:62px; height:59px;position:absolute; opacity:0;} #content-head-parelv #dec-news li{list-style:none;} #content-head-parelv #dec-presse{width:83px; height:60px;position:absolute; z-index:2; top:115px; left:389px;} #content-head-parelv #parelv-calendar{width:125px; height:56px;position:absolute; z-index:3; top:91px; left:818px;} #content-head-parelv #parelv-cahtex{width:132px; height:50px;position:absolute; z-index:4; top:169px; left:818px;} #content-head-parelv #parelv-emptemp{width:176px; height:95px;position:absolute; z-index:5; top:248px; left:775px;} #content-head-parelv #parelv-productions{width:165px; height:81px;position:absolute; z-index:6; top:288px; left:529px;} #content-head-parelv #parelv-tutorat{width:153px; height:91px;position:absolute; z-index:7; top:285px; left:332px;} /*animation de la chouette*/ #content-head-parelv #chouette{width:100px;height:180px;position:absolute; z-index:20; top:156px; left:146px;} #chouetteanim{display:block;width:100px;height:180px; background:url(images/oeilchouette.jpg) 0 0 no-repeat;padding:0;} #chouetteanim:hover,#chouetteanim:active,#chouetteanim:focus{background:url(images/chouette-anime.gif) 0 0 no-repeat;} #chouetteanim span{text-indent:-5000px;display:inline-block;} /*ici ma zone BAS du mobile*/ #content-search-parelvaccueil{background:url(images/cont-head-parelv-botaccueil.jpg) no-repeat; position:relative; height:40px;-webkit-box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);} #content-search-parelv{background:url(images/cont-head-parelv-bot.jpg) no-repeat; position:relative; height:40px;-webkit-box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);} /***MOBILE CÔTÉ PROFS***/ #content-head-profs{background:url(images/cont-head-prof-top.jpg) no-repeat; position:relative; height:405px;-webkit-box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);} /*ici mes zones actives du mobile*/ #content-head-profs #cote-profs{width:287px; height:162px;position:absolute; z-index:0; top:47px; left:498px;} #content-head-profs #dec-news{width:62px; height:59px;position:absolute; z-index:1; top:46px; left:429px;} #content-head-profs #dec-news .liennews a{display:block; width:62px; height:59px;position:absolute; opacity:0;} #content-head-profs #dec-news li{list-style:none;} #content-head-profs #dec-presse{width:83px; height:60px;position:absolute; z-index:2; top:115px; left:389px;} #content-head-profs #profs-boiteoutils{width:106px; height:105px;position:absolute; z-index:3; top:12px; left:800px;} #content-head-profs #profs-formerequipe{width:183px; height:75px;position:absolute; z-index:4; top:148px; left:761px;} #content-head-profs #profs-lemetier{width:137px; height:74px;position:absolute; z-index:5; top:238px; left:728px;} #content-head-profs #profs-recrutement{width:169px; height:59px;position:absolute; z-index:6; top:324px; left:741px;} #content-head-profs #profs-evaluation{width:147px; height:56px;position:absolute; z-index:7; top:326px; left:519px;} #content-head-profs #profs-tempspedago{width:190px; height:97px;position:absolute; z-index:8; top:295px; left:316px;} #content-head-profs #profs-rythmes{width:124px; height:81px;position:absolute; z-index:9; top:203px; left:388px;} /*animation de la chouette*/ #content-head-profs #chouette{width:100px;height:180px;position:absolute; z-index:20; top:156px; left:146px;} #chouetteanim{display:block;width:100px;height:180px; background:url(images/oeilchouette.jpg) 0 0 no-repeat;padding:0;} #chouetteanim:hover,#chouetteanim:active,#chouetteanim:focus{background:url(images/chouette-anime.gif) 0 0 no-repeat;} #chouetteanim span{text-indent:-5000px;display:inline-block;} /*ici ma zone BAS du mobile*/ #content-search-profs{background:url(images/cont-head-prof-bot.jpg) no-repeat; position:relative; height:40px;-webkit-box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);} #content-search-profsaccueil{background:url(images/cont-head-prof-botaccueil.jpg) no-repeat; position:relative; height:40px;-webkit-box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);} /***MOBILE PUBLICATIONS ET RECHERCHES***/ #content-head-publi{background:url(images/cont-head-publi-top.jpg) no-repeat; position:relative; height:405px;-webkit-box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);} /*ici mes zones actives du mobile*/ #content-head-publi #publications-recherches{width:287px; height:162px;position:absolute; z-index:0; top:47px; left:498px;} #content-head-publi #dec-news{width:62px; height:59px;position:absolute; z-index:1; top:46px; left:429px;} #content-head-publi #dec-news .liennews a{display:block; width:62px; height:59px;position:absolute; opacity:0;} #content-head-publi #dec-news li{list-style:none;} #content-head-publi #dec-presse{width:83px; height:60px;position:absolute; z-index:2; top:115px; left:389px;} #content-head-publi #publi-projet{width:114px; height:59px;position:absolute; z-index:3; top:163px; left:727px;} #content-head-publi #publi-rapport05{width:132px; height:49px;position:absolute; z-index:4; top:207px; left:805px;} #content-head-publi #publi-rapport10{width:135px; height:50px;position:absolute; z-index:5; top:262px; left:825px;} #content-head-publi #publi-rapportactivite{width:136px; height:59px;position:absolute; z-index:6; top:321px; left:796px;} #content-head-publi #publi-ecrits{width:140px; height:78px;position:absolute; z-index:7; top:318px; left:608px;} #content-head-publi #publi-fespi{width:92px; height:77px;position:absolute; z-index:8; top:303px; left:379px;} #content-head-publi #publi-universitaire{width:165px; height:86px;position:absolute; z-index:9; top:197px; left:306px;} /*animation de la chouette*/ #content-head-publi #chouette{width:100px;height:180px;position:absolute; z-index:20; top:156px; left:146px;} #chouetteanim{display:block;width:100px;height:180px; background:url(images/oeilchouette.jpg) 0 0 no-repeat;padding:0;} #chouetteanim:hover,#chouetteanim:active,#chouetteanim:focus{background:url(images/chouette-anime.gif) 0 0 no-repeat;} #chouetteanim span{text-indent:-5000px;display:inline-block;} /*ici ma zone BAS du mobile*/ #content-search-publi{background:url(images/cont-head-publi-bot.jpg) no-repeat; position:relative; height:40px;-webkit-box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);} #content-search-publiaccueil{background:url(images/cont-head-publi-botaccueil.jpg) no-repeat; position:relative; height:40px;-webkit-box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);} /***MOBILE RÉORGANISER LES TEMPS SCOLAIRES***/ #content-head-tpssco{background:url(images/cont-head-tempsscolaires-top.jpg) no-repeat; position:relative; height:405px;-webkit-box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);} /*ici mes zones actives du mobile*/ #content-head-tpssco #reorganiser{width:287px; height:162px;position:absolute; z-index:0; top:47px; left:498px;} #content-head-tpssco #tpssco-desexemples{width:117px; height:108px;position:absolute; z-index:1; top:292px; left:523px;} #content-head-tpssco #tpssco-coursdisciplinaires{width:159px; height:58px;position:absolute; z-index:2; top:177px; left:766px;} #content-head-tpssco #tpssco-interdisciplinarite{width:231px; height:46px;position:absolute; z-index:3; top:297px; left:684px;} #content-head-tpssco #tpssco-ateliers{width:102px; height:47px;position:absolute; z-index:4; top:247px; left:766px;} #content-head-tpssco #tpssco-tempschoisis{width:73px; height:50px;position:absolute; z-index:5; top:355px; left:765px;} #content-head-tpssco #tpssco-tempsdaccueil{width:101px; height:61px;position:absolute; z-index:6; top:119px; left:357px;} #content-head-tpssco #tpssco-tempsbilan{width:106px; height:65px;position:absolute; z-index:7; top:193px; left:343px;} #content-head-tpssco #tpssco-aideautravail{width:119px; height:55px;position:absolute; z-index:8; top:261px; left:364px;} /*animation de la chouette*/ #content-head-tpssco #chouette{width:100px;height:180px;position:absolute; z-index:20; top:156px; left:146px;} #chouetteanim{display:block;width:100px;height:180px; background:url(images/oeilchouette.jpg) 0 0 no-repeat;padding:0;} #chouetteanim:hover,#chouetteanim:active,#chouetteanim:focus{background:url(images/chouette-anime.gif) 0 0 no-repeat;} #chouetteanim span{text-indent:-5000px;display:inline-block;} /*ici ma zone BAS du mobile*/ #content-search-tpssco{background:url(images/cont-head-tempsscolaires-bot.jpg) no-repeat; position:relative; height:40px;-webkit-box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);} #content-search-tpsscoaccueil{background:url(images/cont-head-tempsscolaires-botaccueil.jpg) no-repeat; position:relative; height:40px;-webkit-box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);} /***MOBILE PRODUCTIONS DES ÉLÈVES***/ #content-head-prod{background:url(images/cont-head-prod-top.jpg) no-repeat; position:relative; height:405px;-webkit-box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);} /*ici mes zones actives du mobile*/ #content-head-prod #productions-eleves{width:287px; height:162px;position:absolute; z-index:0; top:47px; left:498px;} #content-head-prod #prod-voyages{width:105px; height:83px;position:absolute; z-index:1; top:105px; left:383px;} #content-head-prod #prod-coursdisciplinaires{width:156px; height:92px;position:absolute; z-index:2; top:272px; left:327px;} #content-head-prod #prod-seminterdiscip{width:202px; height:67px;position:absolute; z-index:3; top:298px; left:481px;} #content-head-prod #prod-ateliers{width:109px; height:56px;position:absolute; z-index:4; top:242px; left:585px;} #content-head-prod #prod-viequartier{width:139px; height:56px;position:absolute; z-index:5; top:173px; left:745px;} #content-head-prod #prod-projetsculturels{width:125px; height:48px;position:absolute; z-index:6; top:236px; left:797px;} #content-head-prod #prod-projetsinterdiscip{width:193px; height:63px;position:absolute; z-index:7; top:282px; left:762px;} /*animation de la chouette*/ #content-head-prod #chouette{width:100px;height:180px;position:absolute; z-index:20; top:156px; left:146px;} #chouetteanim{display:block;width:100px;height:180px; background:url(images/oeilchouette.jpg) 0 0 no-repeat;padding:0;} #chouetteanim:hover,#chouetteanim:active,#chouetteanim:focus{background:url(images/chouette-anime.gif) 0 0 no-repeat;} #chouetteanim span{text-indent:-5000px;display:inline-block;} /*ici ma zone BAS du mobile*/ #content-search-prod{background:url(images/cont-head-prod-bot.jpg) no-repeat; position:relative; height:40px;-webkit-box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);} #content-search-prodaccueil{background:url(images/cont-head-prod-botaccueil.jpg) no-repeat; position:relative; height:40px;-webkit-box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);} /***MOBILE BOITE A OUTILS***/ #content-head-box{background:url(images/cont-head-box-top.jpg) no-repeat; position:relative; height:405px;-webkit-box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);} /*ici mes zones actives du mobile*/ #content-head-box #boite-outils{width:287px; height:162px;position:absolute; z-index:0; top:47px; left:498px;} #content-head-box #box-differencier{width:147px; height:58px;position:absolute; z-index:1; top:144px; left:756px;} #content-head-box #box-evaluer{width:101px; height:45px;position:absolute; z-index:2; top:213px; left:798px;} #content-head-box #box-accompagner{width:156px; height:65px;position:absolute; z-index:3; top:268px; left:763px;} #content-head-box #box-aide{width:91px; height:65px;position:absolute; z-index:4; top:328px; left:658px;} #content-head-box #box-tchoisis{width:93px; height:49px;position:absolute; z-index:5; top:331px; left:560px;} #content-head-box #box-sinter{width:200px; height:46px;position:absolute; z-index:6; top:280px; left:353px;} #content-head-box #box-pinter{width:193px; height:50px;position:absolute; z-index:7; top:210px; left:314px;} /*animation de la chouette*/ #content-head-box #chouette{width:100px;height:180px;position:absolute; z-index:20; top:156px; left:146px;} #chouetteanim{display:block;width:100px;height:180px; background:url(images/oeilchouette.jpg) 0 0 no-repeat;padding:0;} #chouetteanim:hover,#chouetteanim:active,#chouetteanim:focus{background:url(images/chouette-anime.gif) 0 0 no-repeat;} #chouetteanim span{text-indent:-5000px;display:inline-block;} /*ici ma zone BAS du mobile*/ #content-search-box{background:url(images/cont-head-box-bot.jpg) no-repeat; position:relative; height:40px;-webkit-box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);} #content-search-boxaccueil{background:url(images/cont-head-box-botaccueil.jpg) no-repeat; position:relative; height:40px;-webkit-box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);} /***LES NEWS***/ #content-head-news{background:url(images/cont-head-news-top.jpg) no-repeat; position:relative; height:405px;-webkit-box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);} /*animation de la chouette*/ #content-head-news #chouette{width:100px;height:180px;position:absolute; z-index:20; top:156px; left:146px;} #chouetteanim{display:block;width:100px;height:180px; background:url(images/oeilchouette.jpg) 0 0 no-repeat;padding:0;} #chouetteanim:hover,#chouetteanim:active,#chouetteanim:focus{background:url(images/chouette-anime.gif) 0 0 no-repeat;} #chouetteanim span{text-indent:-5000px;display:inline-block;} #polaroid{width:450px; height:405px; position:absolute; top:0px; left:510px; z-index:1;} #polaroid #slider-polaroid{width:450px; height:405px; position:absolute;} #slider-news{position:absolute; width:450px; height:405px; margin:0; border:0; overflow:hidden; z-index:2; } .slide-news{position:absolute; width:450px; height:405px; overflow:hidden;z-index:2;} #fond-polaroid{width:450px; height:405px; position:absolute; background-image:url(images/polaroid-news.png); z-index:5; } #content-search-news{background:url(images/cont-head-news-bot.jpg) no-repeat; position:relative; width:960px;height:40px;-webkit-box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);} /***REVUE DE PRESSE***/ #content-head-presse{background:url(images/cont-head-presse.jpg) no-repeat; position:relative; height:405px;-webkit-box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);} /*animation de la chouette*/ #content-head-presse #chouette{width:100px;height:180px;position:absolute; z-index:20; top:156px; left:146px;} #chouetteanim{display:block;width:100px;height:180px; background:url(images/oeilchouette.jpg) 0 0 no-repeat;padding:0;} #chouetteanim:hover,#chouetteanim:active,#chouetteanim:focus{background:url(images/chouette-anime.gif) 0 0 no-repeat;} #chouetteanim span{text-indent:-5000px;display:inline-block;} /*bouton facebook*/ #content-head-presse #facebook{display:block; width:55px; height:55px; background:url(images/LOGOfacebook.png) no-repeat; position:absolute; z-index:25; top:8px; left:898px; } #content-head-presse #carrousselecrit{ display:block; width:215px; height:320px; position:absolute; z-index:30; top:0px; left:652px;} #content-search-presse{background:url(images/cont-head-presse-bot.jpg) no-repeat; position:relative; width:960px;height:40px;-webkit-box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);} /***ARCHIVES***/ #fond-archive{float:left;background-color:#888;padding:20px 20px;-webkit-box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);} #content-head-archive{float:left;background-color:#55c5d1; height:30px;width:880px; padding:0 20px;-webkit-box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);-webkit-border-radius: 20px 20px 0px 0px; border-radius: 20px 20px 0px 0px;} #content-head-archive h1{color:#fff;font-size:22px; line-height:1.5;text-shadow:1px 1px 2px #000; filter:dropshadow(color=#000, offx=1, offy=1);} #content-archive{float:left;background-color:#fff; height:auto; width:860px; padding:10px 30px;-webkit-box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);-webkit-border-radius: 0px 0px 20px 20px; border-radius: 0px 0px 20px 20px;} #content-archive li{ list-style:square; margin-bottom:3px; } #content-archive li a{color:#000;} /***404***/ #fond-404{float:left;background-color:#888;padding:20px 20px;-webkit-box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);} #content-head-404{float:left;background-color:#D40E8C; height:30px;width:880px; padding:0 20px;-webkit-box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);-webkit-border-radius: 20px 20px 0px 0px; border-radius: 20px 20px 0px 0px;} #content-head-404 h1{color:#fff;font-size:22px; line-height:1.5;text-shadow:1px 1px 2px #000; filter:dropshadow(color=#000, offx=1, offy=1);} #content-404{float:left;background-color:#fff; height:auto; width:860px; padding:80px 30px 120px 30px;-webkit-box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);-webkit-border-radius: 0px 0px 20px 20px; border-radius: 0px 0px 20px 20px;} #content-404 h4{margin-bottom:10px; text-align:center;font-size:22px; } #content-404 a{color:#01b0f1;} /**********************************/ /*-------COLONNE DE DROITE--------*/ /**********************************/ /**************/ /*BLOC ARTICLE*/ /**************/ /****TOP avec titre date et auteur****/ #col22 #post-top{background:url(images/post_head.gif) top left no-repeat #64c21e; position:relative; height:36px;} #col22 #post-top .post-title{width:300px;height:36px;text-align:left;} #col22 #post-top .post-title h2{text-align:left; font-family: "Trebuchet MS" ;font-size:16px; position:absolute; top:5px; left:15px;text-transform:uppercase;} #col22 .post-cat{text-align:right; position:absolute; top:16px; Right:35px;} #col22 .post-date{text-align:right; position:absolute; top:2px; Right:35px;} #col22 #post-top h2,#col22 #post-top h2 a,#col22 .post-cat a,#col22 .post-cat,#col22 .post-date a,#col22 .post-date{color:#FFF ;} /****COULEURS de fonds des catégories****/ /*DECOUVRIR CLISTHENE*/ #col22 #post-top.col-inscription{background-color:#D40E8C;}/*inscription*/ #col22 #post-top.col-desparents{background-color:#fe4469;}/*desparents*/ #col22 #post-top.col-deseleves{background-color:#91268e;}/*deseleves*/ #col22 #post-top.col-uneequipe{background-color:#01b0f1;}/*uneequipe*/ #col22 #post-top.col-letutorat{background-color:#f5bfe1;}/*letutorat*/ #col22 #post-top.col-historique{background-color:#F9a41d;}/*historique*/ #col22 #post-top.col-ou{background-color:#CBDB2A;}/*ou*/ /*COIN PARENTS ELEVES*/ #col22 #post-top.col-calendrierannuel{background-color:#FDD130;}/*calendrierannuel*/ #col22 #post-top.col-cahierstexte{background-color:#FF9300;}/*cahierstexte*/ #col22 #post-top.col-emploistemps{background-color:#FF0000;}/*emploistemps*/ #col22 #post-top.col-groupestutorat{background-color:#008eb0;}/*groupestutorat*/ /*CÔTÉ PROFS*/ #col22 #post-top.col-formerequipes{background-color:#B5E655;}/*formerequipes*/ #col22 #post-top.col-lemetier{background-color:#54B848;}/*lemetier*/ #col22 #post-top.col-recrutement{background-color:#53C1B9;}/*recrutement*/ #col22 #post-top.col-evaluation{background-color:#E70739;}/*evaluation*/ /*PUBLICATIONS ET RECHERCHES*/ #col22 #post-top.col-projet-initial{background-color:#84d5f7;}/*projet*/ #col22 #post-top.col-rapport05{background-color:#FF73BF;}/*rapport05*/ #col22 #post-top.col-rapport10{background-color:#CD1F5E;}/*rapport10*/ #col22 #post-top.col-rapportactivite{background-color:#FF483D;}/*rapportactivite*/ #col22 #post-top.col-ecrits{background-color:#008EB0;}/*ecrits*/ #col22 #post-top.col-fespi{background-color:#FF9300;}/*fespi*/ #col22 #post-top.col-universitaires{background-color:#96bfd2;}/*universitaire*/ /*RÉORGANISER LES TEMPS SCOLAIRES*/ #col22 #post-top.col-desexemples{background-color:#8cc6d7;}/*uncalendrier*/ #col22 #post-top.col-coursdisciplinaires{background-color:#224bd1;}/*coursdisciplinaires*/ #col22 #post-top.col-interdisciplinarite{background-color:#90278e;}/*interdisciplinarite*/ #col22 #post-top.col-ateliers{background-color:#4da9a0;}/*ateliers*/ #col22 #post-top.col-tempschoisis{background-color:#c4005b;}/*tempschoisis*/ #col22 #post-top.col-tempsdaccueil{background-color:#efa0ff;}/*tempsdaccueil*/ #col22 #post-top.col-tempsbilan{background-color:#84D479;}/*tempsbilan*/ #col22 #post-top.col-aideautravail{background-color:#39C4F0;}/*aideautravail*/ /*PRODUCTIONS DES ELEVES*/ #col22 #post-top.col-voyages{background-color:#686D2B;}/*voyages*/ #col22 #post-top.col-coursdiscip{background-color:#B72367;}/*coursdiscip*/ #col22 #post-top.col-seminterdiscip{background-color:#AEEE00;}/*seminterdiscip*/ #col22 #post-top.col-prodateliers{background-color:#00ABBC;}/*prodateliers*/ #col22 #post-top.col-viequartier{background-color:#5B7EAC;}/*viequartier*/ #col22 #post-top.col-projetsculturels{background-color:#F0616D;}/*projetsculturels*/ #col22 #post-top.col-projetsinterdiscip{background-color:#ED9CAF;}/*projetsinterdiscip*/ /*BOITE A OUTILS*/ #col22 #post-top.col-differencier{background-color:#a3deff;}/*differencier*/ #col22 #post-top.col-evaluer{background-color:#a1c85d;}/*evaluer*/ #col22 #post-top.col-accompagner{background-color:#806667;}/*accompagner*/ #col22 #post-top.col-aide-travail{background-color:#e4d516;}/*aide-travail*/ #col22 #post-top.col-temps-choisis{background-color:#1f6cc4;}/*temps-choisis*/ #col22 #post-top.col-semaine-inter{background-color:#cd3333;}/*semaine-inter*/ #col22 #post-top.col-projet-inter{background-color:#ed7777;}/*projet-inter*/ /*LES NEWS*/ #col22 #post-top.col-news{background-color:#55c5d1;}/*NEWS*/ /*REVUE DE PRESSE*/ #col22 #post-top.col-revuedepresse{background-color:#927c69;}/*REVUE DE PRESSE*/ /*LES COMMENTAIRES*/ #col22 #post-top.col-commentaire{background-color:#444;}/*LES COMMENTAIRES*/ /****CONTENU article+edit****/ #col22 .post-content{background:url(images/post_content.png) repeat-y; height:auto; color:#000; } #col22 .post-content .inside-postcontent{padding:10px 15px 30px 15px;} #col22 .post-content .modifier{font-family: "Trebuchet MS" ;font-size:12px; display:block; color:#aeb1b3;line-height:1.3; float:right; } /****BOTTOM avec liens commentaires****/ #col22 #post-bottom{background:url(images/post_content.png) repeat-y; height:23px; position:relative; margin-bottom:20px;} #col22 #post-bottom #commentaires{float:left; text-align:left;} #col22 #post-bottom #commentaires h2{font-family: "Trebuchet MS" ;font-size:14px; position:absolute;top:2px; left:10px; display:block; height:25px; width:300px;color:#aeb1b3;line-height:1.3} #col22 #post-bottom #commentaires h2 span{background:url(images/nb_coms.gif) top left no-repeat; float:left; height:23px; width:21px; margin-right:5px; color:#fff; text-align:center; line-height:1.3;} /******************/ /*BLOC COMMENTAIRE*/ /******************/ #col22 #connecttocomment{float:right; text-align:right;margin-right:20px;} #col22 #connecttocomment #blocbottomcom {width:339px;height:18px;margin-left:440px;} #col22 #connecttocomment #blocbottomcom,#col22 #connecttocomment #blocbottomcom a{font-family: "Trebuchet MS" ;font-size:14px;line-height:1.3;color:#aeb1b3;} #col22 #connecttocomment #blocbottomcom a span{background:url(images/cray_coms.gif) top left no-repeat;height:22px; width:23px;} #col22 #com-content{background:url(images/coms_content.png) repeat-y; height:auto;width:659px; color:#fff; padding:10px 10px 30px 10px ; -webkit-border-bottom-left-radius: 80px; -moz-border-radius-bottomleft: 80px; border-bottom-left-radius: 80px; margin-bottom:20px; } #col22 #com-content .avatar{float:left;position:relative;} #col22 #com-content .avatar .front-avatar{width:94px;height:68px;background:url(images/bulleavatar.png) top left no-repeat;position:absolute;z-index:3;} #col22 #com-content .avatar .back-avatar{width:60px;height:60px;position:absolute;z-index:2;margin:5px 23px 3px 11px;} #col22 #com-content .textecomment{text-align:left;margin-left:105px;} #col22 #com-content .textecite{text-align:right;color:#444;margin-left:105px;} #col22 #com-content a{color:#aeb0b3;text-decoration:none;} #col22 #com-content span{color:#aeb0b3;text-decoration:none;font-family: "Trebuchet MS" ;font-size:14px;text-transform:capitalize;} #col22 #commentform{margin-top:10px;margin-bottom:10px;} #col22 #commentform #top-com-form{font-family: "Trebuchet MS" ;font-size:14px;} #col22 #commentform #top-com-form span{display:block; float:left; background:url(images/cray_coms2.gif) top left no-repeat;} form p{text-align:center;} /******************************************/ /*-------COLONNE DE GAUCHE-SIDEBAR--------*/ /******************************************/ #col21 {width:271px; height:auto; float:left;} /****************/ /*---SIDEMENU---*/ /****************/ #content #col21 #side-menu{display:block;float:left; text-align:left; background-color:#aeb1b3;} #content #col21 #side-menu #side-menu-top{width:271px; height:10px; background:url(images/side-top.png) top left no-repeat;-webkit-border-top-right-radius: 10px;-moz-border-radius-topright: 10px;border-top-right-radius: 10px;} #content #col21 #side-menu #side-menu-content{ background:url(images/side2-content.png) top left repeat-y; width:261px;height:auto; margin-left:0; margin-right:10px} #content #col21 #side-menu #side-menu-content li{list-style:none ;text-align:left; font-family: "Trebuchet MS" ;font-size:14px; text-transform:uppercase; color:#fff;} #content #col21 #side-menu #side-menu-content li li{list-style:url(images/flechelistetype.png); text-transform:lowercase;} #content #col21 #side-menu #side-menu-content li a{color:#fff;} #content #col21 #side-menu #side-menu-content li a:hover{color:#fff;} #content #col21 #side-menu #side-menu-content li a:visited{color:#fff;} #content #col21 #side-menu #side-menu-bot{ width:261px; height:10px; background:url(images/side2-bot.png) top left no-repeat #fff; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; margin-left:0px;margin-right:10px; margin-bottom:10px;} /*COULEUR DES SOUS MENU*/ /*DECOUVRIR CLISTHENE*/ #content #col21 #side-menu #side-menu-content.col-inscription{background-color:#D40E8C;}/*inscription*/ #content #col21 #side-menu #side-menu-content.col-desparents{background-color:#fe4469;}/*desparents*/ #content #col21 #side-menu #side-menu-content.col-deseleves{background-color:#91268e;}/*deseleves*/ #content #col21 #side-menu #side-menu-content.col-uneequipe{background-color:#01b0f1;}/*uneequipe*/ #content #col21 #side-menu #side-menu-content.col-letutorat{background-color:#f5bfe1;}/*letutorat*/ #content #col21 #side-menu #side-menu-content.col-historique{background-color:#F9a41d;}/*historique*/ #content #col21 #side-menu #side-menu-content.col-ou{background-color:#CBDB2A;}/*ou*/ /*COIN PARENTS-ÉLÈVES*/ #content #col21 #side-menu #side-menu-content.col-calendrierannuel{background-color:#FDD130;}/*calendrierannuel*/ #content #col21 #side-menu #side-menu-content.col-cahierstexte{background-color:#FF9300;}/*cahierstexte*/ #content #col21 #side-menu #side-menu-content.col-emploistemps{background-color:#FF0000;}/*emploistemps*/ #content #col21 #side-menu #side-menu-content.col-groupestutorat{background-color:#008eb0;}/*groupestutorat*/ /*CÔTÉ PROFS*/ #content #col21 #side-menu #side-menu-content.col-formerequipes{background-color:#B5E655;}/*formerequipes*/ #content #col21 #side-menu #side-menu-content.col-lemetier{background-color:#54B848;}/*lemetier*/ #content #col21 #side-menu #side-menu-content.col-recrutement{background-color:#53C1B9;}/*recrutement*/ #content #col21 #side-menu #side-menu-content.col-evaluation{background-color:#E70739;}/*evaluation*/ /*PUBLICATIONS ET RECHERCHES*/ #content #col21 #side-menu #side-menu-content.col-projet-initial{background-color:#84D5F7;}/*projet*/ #content #col21 #side-menu #side-menu-content.col-rapport05{background-color:#FF73BF;}/*rapport05*/ #content #col21 #side-menu #side-menu-content.col-rapport10{background-color:#CD1F5E;}/*rapport10*/ #content #col21 #side-menu #side-menu-content.col-rapportactivite{background-color:#FF483D;}/*rapportactivite*/ #content #col21 #side-menu #side-menu-content.col-ecrits{background-color:#008EB0;}/*ecrits*/ #content #col21 #side-menu #side-menu-content.col-fespi{background-color:#FF9300;}/*fespi*/ #content #col21 #side-menu #side-menu-content.col-universitaires{background-color:#96BFD2;}/*universitaire*/ /*RÉORGANISER LES TEMPS SCOLAIRES*/ #content #col21 #side-menu #side-menu-content.col-desexemples{background-color:#8CC6D7;}/*uncalendrier*/ #content #col21 #side-menu #side-menu-content.col-coursdisciplinaires{background-color:#224BD1;}/*coursdisciplinaires*/ #content #col21 #side-menu #side-menu-content.col-interdisciplinarite{background-color:#90278e;}/*interdisciplinarite*/ #content #col21 #side-menu #side-menu-content.col-ateliers{background-color:#4da9a0;}/*ateliers*/ #content #col21 #side-menu #side-menu-content.col-tempschoisis{background-color:#C4005B;}/*tempschoisis*/ #content #col21 #side-menu #side-menu-content.col-tempsdaccueil{background-color:#EFA0FF;}/*tempsdaccueil*/ #content #col21 #side-menu #side-menu-content.col-tempsbilan{background-color:#84D479;}/*tempsbilan*/ #content #col21 #side-menu #side-menu-content.col-aideautravail{background-color:#39C4F0;}/*aideautravail*/ /*PRODUCTIONS DES ELEVES*/ #content #col21 #side-menu #side-menu-content.col-voyages{background-color:#686D2B;}/*voyages*/ #content #col21 #side-menu #side-menu-content.col-coursdiscip{background-color:#B72367;}/*coursdiscip*/ #content #col21 #side-menu #side-menu-content.col-seminterdiscip{background-color:#AEEE00;}/*seminterdiscip*/ #content #col21 #side-menu #side-menu-content.col-viequartier{background-color:#5B7EAC;}/*viequartier*/ #content #col21 #side-menu #side-menu-content.col-prodateliers{background-color:#00ABBC;}/*prodateliers*/ #content #col21 #side-menu #side-menu-content.col-projetsculturels{background-color:#F0616D;}/*projetsculturels*/ #content #col21 #side-menu #side-menu-content.col-projetsinterdiscip{background-color:#ED9CAF;}/*projetsinterdiscip*/ /*BOITE A OUTILS*/ #content #col21 #side-menu #side-menu-content.col-differencier{background-color:#a3deff;}/*differencier*/ #content #col21 #side-menu #side-menu-content.col-evaluer{background-color:#a1c85d;}/*evaluer*/ #content #col21 #side-menu #side-menu-content.col-accompagner{background-color:#806667;}/*accompagner*/ #content #col21 #side-menu #side-menu-content.col-aide-travail{background-color:#e4d516;}/*aide-travail*/ #content #col21 #side-menu #side-menu-content.col-temps-choisis{background-color:#1f6cc4;}/*temps-choisis*/ #content #col21 #side-menu #side-menu-content.col-semaine-inter{background-color:#cd3333;}/*semaine-inter*/ #content #col21 #side-menu #side-menu-content.col-projet-inter{background-color:#ed7777;}/*projet-inter*/ /*LES NEWS*/ #content #col21 #side-menu #side-menu-content.col-news{background-color:#55c5d1;}/*NEWS*/ #content #col21 #side-menu #side-menu-content h2{list-style:none ;text-align:left; font-family: "Trebuchet MS" ;font-size:14px; text-transform:uppercase; color:#fff;} #content #col21 #side-menu #side-menu-content #lastnews li{list-style:url(images/flechelistetype.png); text-transform:lowercase; margin-left:30px;} #content #col21 #side-menu #side-menu-content #lastnews li a{color:#fff;} #content #col21 #side-menu #side-menu-content #lastnews li a:hover{color:#fff;} #content #col21 #side-menu #side-menu-content #lastnews li a:visited{color:#65e9f7;} /*REVUE DE PRESSE*/ #content #col21 #side-menu #side-menu-content.col-revuedepresse{background-color:#927c69;}/*REVUE DE PRESSE*/ /*LES COMMENTAIRES*/ #content #col21 #side-menu #side-menu-content.col-commentaire{background-color:#444; padding:6px 0 6px 10px;}/*commentaire*/ #content #col21 #side-menu #side-menu-content h3{list-style:none ;text-align:left; font-family: "Trebuchet MS" ;font-size:16px; text-transform:uppercase; color:#fff;} #content #col21 #side-menu #side-menu-content.col-comecrits{background-color:#008EB0; padding:6px 0 6px 10px;}/*commentaire ecrits*/ /************************/ /*---SIDEBAR1--CALENDAR-*/ /************************/ /*ICI WIDGET GOOGLE CALENDAR */ #content #col21 #side-gcalendar{display:block;float:left; text-align:left; background-color:#aeb1b3;} /*BLOC CONTENT*/ #content #col21 #side-gcalendar #side-gcalendar-content{background:url(images/side2-content.png) top left repeat-y #C0BF9A ;height:auto;margin-left:21px;margin-right:10px;padding-left:2px;} #content #col21 #side-gcalendar #side-gcalendar-content ul{list-style:none;padding:5px;margin:0 ;} #content #col21 #side-gcalendar #side-gcalendar-content ul li{list-style:none;text-align:right;font-family:"Trebuchet MS"; font-size:16px; text-transform:uppercase; color:#FFF;} #content #col21 #side-gcalendar #side-gcalendar-content ul li ul li,#content #col21 #side-gcalendar #side-gcalendar-content ul li ul li span{text-align:left;list-style:none;font-size:12px; color:#666;text-transform:none;font-weight:normal;} #content #col21 #side-gcalendar #side-gcalendar-content ul li ul li a{list-style:none;font-size:14px;font-weight:400; color:#DEDECA;} #content #col21 #side-gcalendar #side-gcalendar-content ul li ul li p.gce-list-event{background:none;} /*BLOC FOOTER*/ #content #col21 #side-gcalendar #side-gcalendar-bot{width:240px;height:10px; background:url(images/side2-top.png) top left no-repeat; -webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px;border-bottom-left-radius: 10px; margin-bottom:10px; margin-left:21px;margin-right:10px;} /*ICI WIDGET CALENDAR */ #content #col21 #side-calendar{display:block;float:left; text-align:left; background-color:#aeb1b3;} /*BLOC HEADER*/ #content #col21 #side-calendar #side-calendar-top{ width:240px; height:10px; background:url(images/side2-bot.png) top left no-repeat; -webkit-border-top-right-radius: 10px;-webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px;-moz-border-radius-topleft: 10px; border-top-right-radius: 10px;border-top-left-radius: 10px; margin-left:21px;margin-right:10px;} /*BLOC CONTENT*/ #content #col21 #side-calendar #side-calendar-content{background:url(images/side2-content.png) top left repeat-y #DEDECA ;height:auto; margin-left:21px;margin-right:10px;padding-left:2px;} #content #col21 #side-calendar #side-calendar-content ul{list-style:none;padding:0;margin:0 ;} #content #col21 #side-calendar #side-calendar-content ul li{list-style:none;padding-left:10px;padding-bottom:10px;} #content #col21 #side-calendar #side-calendar-content ul li div table caption{text-transform:uppercase; color:#fff; text-align:right; margin-bottom:5px;}/*mois*/ #content #col21 #side-calendar #side-calendar-content ul li div table thead{color:#C0BF9A;margin-bottom:5px;}/*jour semaine*/ #content #col21 #side-calendar #side-calendar-content ul li div table thead tr th{padding:0 6px 0 6px;}/*jour semaine*/ #content #col21 #side-calendar #side-calendar-content ul li div table tbody tr td{padding:0 6px 0 6px;}/*dates*/ /*BLOC FOOTER*/ #content #col21 #side-calendar #side-calendar-bot{width:240px;height:10px; background:url(images/side2-top.png) top left no-repeat; -webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px;border-bottom-left-radius: 10px; margin-bottom:10px; margin-left:21px;margin-right:10px;} /*ICI WIDGET WIDGET */ #content #col21 #side-widget{display:block;float:left; text-align:center; background-color:#aeb1b3;} /*BLOC CONTENT*/ #content #col21 #side-widget #side-widget-content{background:url(images/side2-content.png) top left repeat-y #827c69 ;height:auto; margin-left:21px;margin-right:10px;margin-bottom:10px;padding-left:2px; -webkit-border-top-right-radius: 10px;-webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px;-moz-border-radius-topleft: 10px; border-top-right-radius: 10px;border-top-left-radius: 10px; -webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;} #content #col21 #side-widget #side-widget-content ul{list-style:none;padding:0 10px 0 10px;margin:0 ;} #content #col21 #side-widget #side-widget-content ul li{list-style:none;text-align:right;font-family:"Trebuchet MS"; font-size:14px; text-transform:capitalize; color:#fff; font-weight:normal;margin-bottom:30px; } #content #col21 #side-widget #side-widget-content ul li table{ font-size:14px; color:#fff; text-align:right; font-weight:normal; text-transform:capitalize;}/*mois*/ #content #col21 #side-widget #side-widget-content a{text-decoration:none;font-size:14px;color:#fff; text-transform:capitalize;} #content #col21 #side-widget #side-widget-content .espacement{text-transform:uppercase;font-size:16px;} #content #col21 #side-widget #side-widget-content ul li ul li{margin:0;padding:0;} /*************************/ /*---SIDEBAR2---*/ /*************************/ #content #col21 #side-general{display:block;float:left; text-align:left; background-color:#aeb1b3;} /*BLOC HEADER*/ #content #col21 #side-general #side-top{ width:240px; height:10px; background:url(images/side2-top.png) top left no-repeat; -webkit-border-top-right-radius: 10px;-webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px;-moz-border-radius-topleft: 10px; border-top-right-radius: 10px;border-top-left-radius: 10px; margin-left:21px;margin-right:10px;} /*BLOC CONTENT*/ #content #col21 #side-general #side-content{background:url(images/side2-content.png) top left repeat-y #DEDECA ;height:auto;margin-left:21px;margin-right:10px;padding-left:10px;} #content #col21 #side-general #side-content li{list-style:none;} #content #col21 #side-general #side-content li div table caption{text-transform:uppercase;color:#fff;text-align:right;margin-bottom:5px;}/*mois*/ #content #col21 #side-general #side-content li div table thead{color:#C0BF9A;margin-bottom:5px;}/*jour semaine*/ #content #col21 #side-general #side-content li div table thead tr th{padding:0 6px 0 6px;}/*jour semaine*/ #content #col21 #side-general #side-content li div table tbody tr td{padding:0 6px 0 6px;}/*dates*/ /*BLOC FOOTER*/ #content #col21 #side-general #side-bot{width:240px;height:10px; background:url(images/side2-bot.png) top left no-repeat; -webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px;border-bottom-left-radius: 10px; margin-bottom:20px; margin-left:21px;margin-right:10px;} /********************/ /******LICENCE*******/ /********************/ #fond-license{float:left; background-color:#EEE;-webkit-box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);} #license{display:block;width:860px;height:auto;; padding:50px; -webkit-border-top-right-radius: 10px;-webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px;-moz-border-radius-topleft: 10px; border-top-right-radius: 10px;border-top-left-radius: 10px; -webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px;border-bottom-left-radius: 10px; } /**************************/ /***SITE EN CONSTRUCTION***/ /**************************/ #site-en-construction{float:left; display:block; width:360px;height:auto; background-color:#EEE;padding:100px 300px 100px 300px ; -webkit-box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);} #site-en-construction p{font-family: "Trebuchet MS" ;font-size:18px;color:#01b0f1;text-align:center;} /********************/ /******FOOTER********/ /********************/ #footercli{background-color:#222; width:960px; height:80px; float:left; -webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px;border-bottom-left-radius: 10px; -webkit-box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8); box-shadow: 2px 3px 2px 1px rgba(100, 100, 100, 0.8);} #footercli h4{font-family: "Trebuchet MS" ;font-size:11px;color:#008EB0;text-align:center;padding-top:4px;} #footercli h4 a{text-decoration:none;color:#008EB0;} #footercli h4 a:hover{color:#fff;} /* IE7 */ header h1{#height:1.1em;} header .menu li{padding:3px 6px;} /* Fait sur un Mac */