/***********************************************/ /* GABARIT DE PAGE CENTRÉE Pour les sites dont les éléments internes sont positionnés en "position: absolute" ou "position: relative", la technique des marges latérales automatiques ne fonctionne pas par défaut. En effet, si votre conteneur est placé dans le flux (avec des marges) et que votre contenu est positionné (absolu ou relatif), ce dernier sort du flux et donc du conteneur. Il se placera alors par rapport au dernier parent positionné : le document. Pour éviter ce problème, il faut absolument que le conteneur soit lui-même positionné. En lui donnant une position relative, vous pouvez garder son centrage avec marges automatiques, tout en incorporant du contenu lui aussi positionné. Note : vous pouvez aussi utiliser la solution des marges négatives . Seule la dernière version d'Internet Explorer (IE6) comprend cette syntaxe logique et pour les versions plus anciennes, il faut 'tricher'. Pour que ça fonctionne sous IE, il faut aligner le texte de façon centrée dans le body (car IE interprête mal cette propriété et s'en sert pour tout aligner : texte, mais aussi images et tous les éléments en général). */ /***********************************************/ #global {/* on positionne le conteneur au centre le la page */ position: relative; margin-left: auto;margin-right: auto; width:750px;/* largeur obligatoire pour être centré */ text-align: left;/* on rétablit l'alignement normal du texte qui à été supprimé dans body pour IE */} body{padding: 0;margin: 0; /* pour éviter les marges */ text-align: center; /* pour corriger le bug de centrage IE */} #logo{height: 80px;width: 80px;border:0;} /* logo du paraclet */ /* rollover du logo avec une seule image déplacée (pas de permutation d'image) */ a.rollogo { background-image: url(../images/logo_reactif.png); display: block; width: 80px; } a.rollogo:hover { background: url(../images/logo_reactif.png) 0 -80px;/*affichage de l'autre moitié de l'img.*/} /* personnalisation des pages par secteur */ #lycee{background-color: #006699;} #formations{background-color: #DAA520;} #vie{background-color: #618F33;} #actu{background-color: #8C0025;} #divers{ background-color: #D47D26; background-image: url(../images/filet.gif); } #intranet{background-color: #666666;} /* div de l'image des bandeaux */ #icono_bandeau{position: absolute;top: 0;left: 280px;width: 470px;height: 120px;border:0;} #titre{position: absolute;top: 0;left: 80px;width: 200px;height: 80px;border:0;} .annonce{margin-left: 280px;z-index: 99;top: 150px;position: absolute;visibility: visible;} #lien_annonce{margin-left: 250px;z-index: 90;top: 150px;position: absolute;}/*********************************************************************************************/ /* Structure de la page :entête et les 3 blocs des colonnes en largeurs fixes 150, 438 et 150 px ( ou en % ) pour une mise en page élastique sans le div #global de centrage*/ /***********************************************/ #haut2page{width: 750px;height: 120px;/* pour définir la hauteur de l'entête de la page */} #col_gauche{/* colonne de gauche */ float: left;width: 150px;margin: 0;padding: 0;background-color: #EEEEDD;} #col_droite{/* colonne de droite */ float:right;width: 150px;background-color: #eeeeee;margin: 0;padding-right: 2px; font-size: 80%;} #col_milieu{width: 435px;float: left;background-color: #FFFFFF;}/* colonne du milieu de page */ #zone2page{/* conteneur centrale de la page pour la marge du haut et la couleur de fond */ background-color: #FFFFFF; padding-top:80px; height:500px;/* hauteur minimum d'affichage 500px */ background-image: url(../images/fondc.png); } html>body #zone2page {height: auto;min-height: 500px;} .separation {clear: both;visibility: hidden;}/* important pour forcer la zone2page à engloberr les 3 colonnes (élémement invisible de séparation après les div des colonnes mais à l'intérieur du div zone2page) */ #col_article{width: 580px;float: right;background-color: #FFFFFF;}/* contenu de la page ARTICLE */ #logos{background-color: #FFFFFF;width: 750px;} #logos img{border: 0;margin: 0 10px 2px;} /* gestion de l'affichage des images importées avec Spip */ .spip_documents_center{padding: 0px;margin: 5px; text-align: center;} .spip_documents_left{padding: 0; float: left;margin: 5px;} .spip_documents_right{padding: 0; float: right;margin: 5px; text-align: center;} .spip_doc_descriptif, .spip_doc_titre{ text-align: center;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.6em;font-style: italic;line-height: 1.1em;letter-spacing: 0.05em;} /********************************************** */ /* MENU HORIZONTAL DES SECTEURS */ /***********************************************/ #menusecteur dl, #menusecteur dt, #menusecteur dd, #menusecteur ul, #menusecteur li {margin: 0;padding: 0;list-style-type: none;} #menusecteur a {text-decoration: none;color: black;padding:2px;text-decoration:none;font-weight:bold;color:#336699;white-space:nowrap; font-family: Verdana, Arial, Helvetica, sans-serif;/* typo des liens du menu */ font-size: 0.7em;} #menusecteur {position: absolute;top: 103px;left: 0;z-index:100;} #menusecteur dl {float: left;width: 100px;height: 20px; margin-left:0 ; margin-top:0 ;margin-bottom:0;margin-right:5px;} #menusecteur dt {cursor: pointer;text-align: center;background-color: #A7BADA;/*couleur bouton page non active*/} #menusecteur dd {border: 0;display:none;/* important pour cacher le déroulé du menu au chargement de la page */} #menusecteur li {width: 100px;text-align: center;color: #00000; background-color: #F0FFFF;/*couleur fond sous menu*/} #menusecteur li a, #menusecteur dt a {color: #00000;text-decoration: none;display: block;height: 100%;} #menusecteur li a:hover, #menusecteur dt a:hover {background-color: #DAA520; color:#FFFFFF;} /* boutons des différents secteurs */ #lycee #nav_lycee, #formations #nav_formations,#vie #nav_vie,#actu #nav_actu,#divers #nav_divers, #intranet #nav_intranet{background-color: #006699;} #lycee #nav_lycee a, #formations #nav_formations a, #vie #nav_vie a, #actu #nav_actu a, #divers #nav_divers a, #intranet #nav_intranet a{background-color: #FFFFFF; color:#000000;}/* bouton page active */ #menusecteur dt:hover a {background-color: #778899;}/* couleur survol */ /********************************************** */ /* MENU VERTICAL PAR SECTEUR */ /***********************************************/ /**1er niveau > le secteur **/ ul.secteur {margin-top: 0.5em;margin-left:0;padding-left:5px; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 0.8em;list-style:none; line-height: 1em;letter-spacing: 0.2em;text-decoration: none;color: #006699;} ul.secteur a:link{color: #006699;text-decoration: none;} ul.secteur a:visited{color: #006699;text-decoration: none;} ul.secteur a:hover{color: #6699CC;text-decoration: none;} ul.secteur a:active{color: #FFCC00;text-decoration: none;} /**1er niveau > les rubriques principales des secteurs **/ ul.secteur li ul.rubrique {margin-left:0;padding-left:0;padding-bottom: 0.5em;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 0.9em;list-style:none;line-height: 1em;letter-spacing: 0.2em;text-decoration: none;color: #333333;} ul.secteur li ul a:link{color: #333333;text-decoration: none;} ul.secteur li ul a:visited{color: #333333;text-decoration: none;} ul.secteur li ul a:hover{color: #333333;text-decoration: none;} ul.secteur li ul a:active{color: #333333;text-decoration: none;} /**2e niveau > les sous rubriques des secteurs **/ ul.secteur li ul.rubrique li ul {margin-left:0;padding-left:1px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 0.9em;list-style-type: square;line-height: 1em;padding-bottom: 1em;letter-spacing: 0.1em; text-decoration: none;color: #006699;list-style-position: inside;} .lien li{} .lienon li{color: red;} ul.secteur li ul.rubrique li ul a:link{color: #006699;text-decoration: none;} ul.secteur li ul.rubrique li ul a:visited{color: #999999;text-decoration: none;} ul.secteur li ul.rubrique li ul a:hover{color: #FF9933;text-decoration: none;} ul.secteur li ul.rubrique li ul a:active{color: #FFCC00;text-decoration: none;} /**3e niveau > les sous rubriques des secteurs **/ ul.secteur li ul.rubrique li ul li ul {margin-left:0;padding-left:25px;padding-bottom: 0.2em; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 0.9em;text-align: left;list-style-type: none; line-height: 1em;letter-spacing: 0.1em;text-decoration: none;color: #006699;font-style: italic;} ul.secteur li ul.rubrique li ul li ul a:link{color: #006699;text-decoration: none;} ul.secteur li ul.rubrique li ul li ul a:visited{color: #999999;text-decoration: none;} ul.secteur li ul.rubrique li ul li ul a:hover{color: #FF9933;text-decoration: none;} ul.secteur li ul.rubrique li ul li ul a:active{color: #FFCC00;text-decoration: none;} /*date derniere maj du site*/ .maj{font-family: Verdana, Arial, Helvetica, sans-serif;color: #996633;font-size: 0.6em; line-height: 0.9em;text-align: center;width: 150px;height: 12px;padding-top:10px; background-color: #FFFFFF;} /************** styles pour le texte d'ACCUEIL des secteurs***************/ .accueil {padding: 0 0 0 10px;}/*gestion globale du contenu */ .accueil h1{/*titre du texte d'accueil dans le site ou le secteur (#TITRE) */ font: italic 1em Georgia,"Times New Roman",Times, serif;letter-spacing: 0.05em;border-width: 0 0 0 18px;border-style: solid;border-color: #CCC;color: #996633;margin-right: 0;margin-bottom: -0.5em;margin-left: 0; margin-top: 0;padding-left:5px;} .accueil h2{/*paragraphe du chapo de l'article(#CHAPO)*/ font-size: 0.7em;font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0.05em;line-height: 1.35em;padding:0;margin-bottom: -0.5em; font-weight: bold;color: #006699;text-align: center;} .accueil p{/*paragraphe du texte d'accueil(#TEXTE)*/ font-size: 0.7em;font-family: Verdana, Arial, Helvetica, sans-serif;letter-spacing: 0.05em; line-height: 1.3em;padding:0;}/*liens dans les paragraphes des articles*/ /*liens dans les paragraphes des articles*/ .accueil a{color: #006699;text-decoration: none;} .accueil a:link{color: #006699;text-decoration: none;} .accueil a:visited{color: #006699;text-decoration: none;} .accueil a:hover{color: #FF9933;text-decoration: none;} .accueil a:active{color: #006699;text-decoration: none;} /*notes en bas de l'article d'accueil(#PS)*/ .accueil h6{text-align: left;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 0.6em; font-style: italic;line-height: 1.1em;letter-spacing: 0.05em;font-weight: normal;margin: -0.5em 0 1em 0;} /***********styles pour les derniers articles publiés (à la une) uniquement en page d'accueil du site******/ .ala1{padding: 0 0 0 10px;}/*gestion globale du contenu*/ .ala1 h4{/*bandeau: "les titres des 3 derniers....."*/ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.75em;color: #FFFFFF;background-color: #CCCCCC;letter-spacing: 0.2em; margin-bottom: 0.5em;} .ala1 h3{/*titres des articles*/font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em;letter-spacing: 0.05em;color: #cccccc;margin-top: -0.5em;margin-bottom: 0.5em;} .ala1 p{/*résumés des articles*/font-size: 0.7em;font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0.05em;line-height: 1em;padding:0;margin-top: -0.5em;margin-bottom: 0.7em;margin-left: 1.5em;} /*liens sur les titres des articles ala1*/ .ala1 a{color: #006699;text-decoration: none;} .ala1 a:link{color: #336699;text-decoration: none;} .ala1 a:visited{color: #006699;text-decoration: none;} .ala1 a:hover{color: #FF9933;text-decoration: none;} .ala1 a:active{color: #336699;text-decoration: none;} /************** # styles encart brèves dans la col de droite**************/ .breve {padding: 0 0 5px 5px;}/*gestion globale du contenu */ .breve h1{/*texte : En bref*/font: italic bold 1em Verdana, Arial, Helvetica, sans-serif; color: #996633;font-size: 0.8em;margin-bottom: -0.5em;text-align: center;} .breve h2{/*titre de la brève*/text-align: left;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.78em;font-style: normal;font-weight: bold;margin-bottom: -1em;} .breve p{/*texte de la brève*/font-size: 0.76em;font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0.08em;line-height: 1.15em;padding:0;} .breve h3{/*texte : Autres brèves*/ font: italic bold 1em Verdana, Arial, Helvetica, sans-serif;color: #996633; font-size: 0.7em;margin-bottom: -0.2em;text-align: center;} .breve h5{/*titres des brèves*/margin-top: -1.3em;text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 0.7em;font-style: italic;line-height: 1em; letter-spacing: 0.05em;font-weight: normal;margin-top: -0.5em;margin-bottom: 0.5em;} /*liens sur les titres des brèves*/ .breve a{color: #006699;text-decoration: none;} .breve a:link{color: #006699;text-decoration: none;} .breve a:visited{color: #666666;text-decoration: none;} .breve a:hover{color: #FF9933;text-decoration: none;} .breve a:active{color: #666666;text-decoration: none;} /***** styles pour la présentation des articles dans la page rubrique***************/ .expose_articles {clear: both;padding: 0 0 0 10px;}/*gestion globale du contenu*/ .expose_articles h4{/*bandeau: "Articles disponibles dans la rubrique....."*/ font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 0.7em;color: #eeeeee; background-color: #CCCCCC;letter-spacing: 0.15em;margin-top: 0em;padding-left: 1.2em; border-width: 0 0 0 18px;border-style: solid;border-color: #999999;} .lettrine{float:right;color:#eeeeee;font-size: 2em;font-weight: bold;}/*affi. nb.d'articles*/ .expose_articles em{color: #006699;} .expose_articles h3{/*titres des articles page rubrique*/ font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 0.7em; letter-spacing: 0.05em;color: #cccccc;margin-bottom: -1em;} .expose_articles p{/*résumés des articles page rubrique*/ font-size: 0.7em;font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0.05em;line-height: 1em; padding:0;margin-bottom: 0.7em;margin-left: 1.5em;} /*liens sur les titres des articles page rubrique*/ .expose_articles a{color: #006699;text-decoration: none;} .expose_articles a:link{color: #336699;text-decoration: none;} .expose_articles a:visited{color: #006699;text-decoration: none;} .expose_articles a:hover{color: #FF9933;text-decoration: none;} .expose_articles a:active{color: #336699;text-decoration: none;} /* ------------------------------------------ /* PAGE ARTICLE /* ------------------------------------------*/ #col_article spip_documents_center{ margin: 5 10 5 10px; text-align: center; } #col_article spip_documents_left{ float: left; margin-right:5px; text-align: center; margin: 5 20 5 0px; } #col_article spip_documents_right{ float: right; margin: 5 0 5 20px; text-align: center; } #col_article spip_documents{ margin: 5px; } .article {padding: 10px 5px 0 10px;} /*.article img{float: left;padding: 0 0 0 0;}*/ .article p{/*paragraphe d'article (#TEXTE)*/ font-size: 0.7em;font-family: Verdana, Arial, Helvetica, sans-serif;letter-spacing: 0.05em; line-height: 1.3em;padding:0;} p.spip{/*paragraphe d'article (#TEXTE)*/ font-size: 0.7em;font-family: Verdana, Arial, Helvetica, sans-serif;letter-spacing: 0.05em; line-height: 1.3em;padding:0;} /*liens dans le texte de l'article */ .article a{color: #006699;text-decoration: none;} .article a:link{color: #336699;text-decoration: none;} .article a:visited{color: #006699;text-decoration: none;} .article a:hover{color: #FF9933;text-decoration: none;} .article a:active{color: #336699;text-decoration: none;} /*styles pour le titre de l'article (#TITRE) */ .article h1{font: italic bold normal 0.9em Georgia, "Times New Roman", Times, serif;padding-left:4px; color: #996633;margin: -1em 0 -0.2em;border-width: 0 0 0 16px;border-style: solid;border-color: #CCC;} hr.spip{margin: -0.3em 0;background-color: #CCCCCC;height: 2px;border:0;}/*filet dans l'article (---------) */ h3.spip{/*styles pour les intertitres des articles {{{TEXTE}}} */ font-size: 0.8em;font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0.02em;line-height: 1em;color: #4682B4;font-weight: bold;margin-bottom:-0.8em;} ul.spip{/*styles pour les listes à puces avec niveaux (-*) */ font-size: 0.65em;font-family: Verdana, Arial, Helvetica, sans-serif;letter-spacing: 0.05em; list-style-position: inside;list-style-type: square;margin-left:0;margin-top: -1em; margin-left: -1em;margin-bottom: 1em;} li.spip{} .exposant {/*pour le filtre exposant dans mes_options.php3 */font-size: 70%; vertical-align: 10%;} .spip_cadre {/*pour la balise */width : 95%;background-color: #FFFFFF;padding: 5px;margin-top: 10px;} div.spip_poesie {/*pour obtenir des sauts de lignes sans paragraphe */ margin-bottom: 5px;margin-left: 10px;padding-left: 10px;border-left: 1px solid #999999;} div.spip_poesie div {text-indent: -60px;margin-left: 60px;} .article h6{/*styles pour les notes de fin d'article (#PS)*/text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 0.6em;font-style: italic; line-height: 1.1em;letter-spacing: 0.05em;font-weight: normal;margin: -0.5em 0 1em 0;} /*titre de la rubrique principale du secteur (menu gauche)*/ .titre_rub_principale_secteur{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 0.8em;font-weight: bold;color: #999999;line-height: 1em;text-align: center;padding-top:4px;margin-bottom:-10px;float: left;width: 150px;} /*titre des rubriques soeurs de la rubrique de l'article courant (menu gauche)*/ .liste_rubriques_soeurs{} ul#list_rub_soeurs {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 0.7em; color: #666666;list-style-type: square;text-align: left;line-height: 1em;margin-left:15px;padding-left:0;} ul#list_rub_soeurs li{list-style-type: square;text-align: left;line-height: 1em;} #list_rub_soeurs li a {list-style-image: none;color: #006699;text-decoration: none;} #list_rub_soeurs li a:link {list-style-image: none;color: #006699;text-decoration: none;} #list_rub_soeurs li a:visited {list-style-image: none;color: #999999;text-decoration: none;} #list_rub_soeurs li a:hover {list-style-image: none;color: #FF9933;text-decoration: none;} #list_rub_soeurs li a:active {list-style-image: none;color: #FFCC00;text-decoration: none;} /*titre de la rubrique de l'article courant (menu gauche)*/ .titre_list_article{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 0.7em; font-weight: bold;color: #999999;line-height: 1em;text-align: center;} /*liens dans le titre de la rubrique de l'article courant (menu gauche)*/ .titre_list_article a{color: #006699;text-decoration: none;} .titre_list_article a:link{color: #336699;text-decoration: none;} .titre_list_article a:visited{color: #006699;text-decoration: none;} .titre_list_article a:hover{color: #FF9933;text-decoration: none;} .titre_list_article a:active{color: #336699;text-decoration: none;} /*liste des articles de la même rubrique que l'article courant (menu gauche)*/ ul#list_articles {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 0.7em; color: #666666;list-style-type: square;text-align: left;line-height: 1em;margin-left:15px;padding-left:0;} ul#list_articles li{list-style-type: square;text-align: left;line-height: 1em;padding-bottom: 0.4em;} #list_articles li a {list-style-image: none;color: #006699;text-decoration: none;} #list_articles li a:link {list-style-image: none;color: #006699;text-decoration: none;} #list_articles li a:visited {list-style-image: none;color: #999999;text-decoration: none;} #list_articles li a:hover {list-style-image: none;color: #FF9933;text-decoration: none;} #list_articles li a:active {list-style-image: none;color: #FFCC00;text-decoration: none;} /*pour la page des résultats d'une recherche*/ .article h2{/*styles pour l'affichage du mot recherché*/ text-align: left;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em;font-style: normal;line-height: 1.1em;letter-spacing: 0.05em; font-weight: normal;margin: -0.7em 0 1em 0;color: #000000;} .spip_surligne {background-color: #FFCC33;color: #000000;}/*pour surligner en jaune les resultats*/ .spip_puce {list-style-position: inside;border-width: 0;list-style-type: square;} /*----------TABLEAUX-------------*/ table.spip {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 0.7em;color: black; caption-side: top; /* bottom pas pris en compte par IE */text-align: center;margin-top: 10px} /*1re ligne sur texte en bold*/ table.spip tr.row_first {background-color: #333333;border-bottom:0px solid #000000;color: #FFFFFF;} table.spip tr.row_odd {background-color: #d0d0d0;border-bottom:0px solid #000000}/*ligne paire et impaire*/ table.spip tr.row_even {background-color: #F0F0F0;border-bottom:0px solid #000000} table.spip td {padding: 3px;text-align: left;vertical-align: middle;} /*------------BLOC RECHERCHES-------------*/ #form_recherche {margin: 3px;background-position: center;} input.champ {width: 119px;font-size: 0.8em;font-family: Verdana, Arial, Helvetica, sans-serif; height: 15px;background-color: #FFFFFF;border: 1px inset;} input.bouton {font-size: 0.7em;font-family: Verdana, Arial, Helvetica, sans-serif; width: 14px;height: 14px;border:1px outset;font-weight:bold;cursor:pointer;} input.bouton:hover {background-color:#FFCC66;} /* ------------------------------------------ /* ALBUM PHOTOS /* ------------------------------------------*/ .album-photo {width: 430px;float:left;height: 360px;} .album-photo-legende {width: 150px;float: left;font-size: 0.65em;text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif;} .album-pagination {float:right;width: 180px;padding:0 18px 0 0;font-size: 0.7em;text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif;} .album-pagination a, .album-pagination a:active, .album-pagination a:link {color: #006699;text-decoration: none;} .album-pagination a:hover {color: #FF9933;text-decoration: none;} .separation_diaporama {clear: both;visibility: hidden}/* séparation cachée pour placer le texte de l'article sous le diap.*/ /* ------------------------------------------ /* LE PIED DE PAGE /* ------------------------------------------*/ #pied2page{padding-top: 5px;padding-right: 0;padding-bottom: 0;margin: 0;width: 750px;text-align: center;} #pied2page img{padding: 0;} /* styles typo pied de page */ .typo_bas2page p{border-top-width: 1px;border-top-style: solid;border-top-color: #000000;font-size: 0.7em; color: #FFFFFF;font-family: Verdana, Arial, Helvetica, sans-serif;} .typo_bas2page a:link{color: #FFFFFF;text-decoration: none;} .typo_bas2page a:visited{color: #FFFFFF;text-decoration: none;} .typo_bas2page a:hover{color: #000000;text-decoration: none;} .typo_bas2page a:active{color: #FFFFFF;text-decoration: none;} #topright{float: right;} #topleft{float: left;} /* pour les stikers de bas de page*/ #stikers{height: 15px;width: 750px;} #wiki{height: 15px;width: 80px;float: left;} /* wikipédia */ a.wiki { background-image: url(../images/log_wikipedia.png); display: block; width: 80px;} a.wiki:hover { background: url(../images/log_wikipedia.png) 0 -15px;} #spip{height: 15px;width: 80px;float: left;} /* spip */ a.spip { background-image: url(../images/log_spip.png); display: block; width: 80px;} a.spip:hover { background: url(../images/log_spip.png) 0 -15px;} #php{height: 15px;width: 80px;float: left;} /* php */ a.php { background-image: url(../images/log_php.png); display: block; width: 80px;} a.php:hover { background: url(../images/log_php.png) 0 -15px;} #mysql{height: 15px;width: 80px;float: left;} /* mysql */ a.mysql { background-image: url(../images/log_mysql.png); display: block; width: 80px;} a.mysql:hover { background: url(../images/log_mysql.png) 0 -15px;} #xhtml{height: 15px;width: 80px;float: left;} /* mysql */ a.xhtml { background-image: url(../images/log_xhtml.png); display: block; width: 80px;} a.xhtml:hover { background: url(../images/log_xhtml.png) 0 -15px;} #css{height: 15px;width: 80px;float: left;} /* css */ a.css { background-image: url(../images/log_css.png); display: block; width: 80px;} a.css:hover { background: url(../images/log_css.png) 0 -15px;} #firefox{height: 15px;width: 80px;float: left;} /* firefox */ a.firefox { background-image: url(../images/log_firefox.png); display: block; width: 80px;} a.firefox:hover { background: url(../images/log_firefox.png) 0 -15px;} #stopie{height: 15px;width: 80px;float: left;} /* stop Internet Explorer */ a.stopie { background-image: url(../images/log_stopie.png); display: block; width: 80px;} a.stopie:hover { background: url(../images/log_stopie.png) 0 -15px;} #openweb{height: 15px;width: 80px;float: left;} /* Open web */ a.openweb { background-image: url(../images/log_openweb.png); display: block; width: 80px;} a.openweb:hover { background: url(../images/log_openweb.png) 0 -15px;} /* ------------------------------------------ /* LE CALENDRIER /* ------------------------------------------*/ /* texte lien vers AGENDA */ .agenda{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 0.8em;font-weight: bold;color: #FFFFFF;background-color: #999999;text-align: center;letter-spacing: 1em;margin-bottom:20px} .agenda a{color: #FFFFFF;text-decoration: none;} .agenda a:link{color: #FFFFFF;text-decoration: none;} .agenda a:hover{color: #FF9933;text-decoration: none;} #titre_calendrier{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.75em;color: #FFFFFF;background-color: #CCCCCC;letter-spacing: 0.4em; margin-bottom: 0.5em;padding-left: 1.2em;text-align: center;} /* texte lien vers CALENDRIER sur la page événements*/ .lien_calendrier{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 0.8em;font-weight: bold;color: #FFFFFF;background-color: #999999;text-align: center;letter-spacing: 0.2em;} .lien_calendrier a{color: #FFFFFF;text-decoration: none;} .lien_calendrier a:link{color: #FFFFFF;text-decoration: none;} .lien_calendrier a:hover{color: #FF9933;text-decoration: none;} /* styles du calendrier */ #calendrier{} #calendrier a:link{color: #006699;text-decoration: none;} #calendrier a:visited{color: #006699;text-decoration: none;} #calendrier a:hover{color: #FF9933;text-decoration: none;} #calendrier a:active{color: #FFCC00;text-decoration: none;} .calendar_head{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 0.8em; font-weight: bold;text-transform: uppercase;letter-spacing: 0.1em;text-align: center;} .calendar_not_this_month{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 1em; color: #000000;background-color: #CCCCCC;} .calendar_this_month{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 1em; color: #003399;font-style: normal;font-weight: bold;background-color: #FFFFFF;} .calendar_this_day{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 1em; color: #FF3300;font-style: normal;font-weight: bold;background-color: #FFFFCC;} .small{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 0.75em;line-height: 0.9em;padding-top:0.2em} /* menu du calendrier */ select.menu_calendrier {font-size: 0.75em;font-family: Verdana, Arial, Helvetica, sans-serif; height: 1.5em;background-color: #FFFFFF;border: 1px inset;} input.bouton_calendrier {font-size: 0.75em;letter-spacing: 0.1em;font-family: Verdana, Arial, Helvetica, sans-serif;width:30px;height: 1.8em;border:1px outset;font-weight:bold;cursor:pointer;} input.bouton_calendrier:hover {background-color:#FFCC66;} /* CSS pour la page du plan de site, colonnes plan de site */ .col_plansite{width: 230px;float: left;background-color: #FFFFFF;border: 1px solid #666666;margin: 4px;} /* ------------------------------------------ /* LE FORMULAIRE /* ------------------------------------------*/ .forml {/*aspects des champs de texte, couleur du fond et texte*/ width: 430px;background-color: #EEEEEE;color: #000000;border:0; padding:0;} .spip_encadrer {/*aspects du cadre et des intitulés*/ font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0.05em;line-height: 1.3em;font-size: 0.8em; width : 430px;background-color: #FFFFFF;margin-top:0;padding:0;border:0;} .spip_encadrer p {font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0.05em;line-height: 1.3em;font-size: 0.8em;color: #336699;} .spip_bouton {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 0.7em; width: 14em;border:1px outset;cursor:pointer;color: #336699;} .spip_bouton:hover {color: #336699;background-color: #FFCC66;} /* ------------------------------------------ /* Page Structure pédagogique RUB 111 /* ------------------------------------------*/ #article_structure_pedago{float: left;width: 750px;margin: 0;padding: 0;} .titre_secteur_tableau {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 0.7em;line-height: 1em; color: #FFFFFF;font-weight: bold;letter-spacing: 0.2em;text-align: center;vertical-align: middle;padding: 2px;} .titre_secteur_tableau a:link{color: #FFFFFF;text-decoration: none;} .titre_secteur_tableau a:visited{color: #FFFFFF;text-decoration: none;} .titre_secteur_tableau a:hover{color: #E5B559;text-decoration: none;} .titre_secteur_tableau a:active{color: #A36859;text-decoration: none;} .structure_texte_tableau {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 0.7em;line-height: 1.1em; text-align: center;height: 50px;padding-top: 5px;color: #000000} .structure_texte_tableau a:link{color: #000000;text-decoration: none;} .structure_texte_tableau a:visited{color: #000000;text-decoration: none;} .structure_texte_tableau a:hover{color: #E5B559;text-decoration: none;} .structure_texte_tableau a:active{color: #FFFFFF;text-decoration: none;} .structure_texte_bas {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 0.7em;line-height: 1em; text-align: center;height: 20px;padding-top: 5px;} /* les éléments graphiques et le design du site (et donc cette feuille de styles CSS et les images) restent la propriété exclusive de leurs auteurs respectifs conformément aux droits d'auteur. Toute réutilisation devra faire l'objet d'une demande préalable (email:contact@leparaclet.info). Il est de plus dans votre intérét d'avoir un site au design original, pour qu'il ait sa propre identité visuelle, plutôt qu'un design plagiat. */