/* Elements à définir page : element global haut : bandeau du haut avec logo, menu d'accessibilité, zone de recherche menuprincipal : menu de navigation principal contenant : zone contenant le contenu et la sidebar contenu : zone de contenu outils : zone avec les outils (pubs, identification, sondage, recherche) connexe : élément avec les liens vers les outils du site (10last forums, 10last news, 10last liens, pubs) bas : element global pour le bandeau du bas note : copyright et menu de rappel du bas /* -> */ /* -> Définition des balises */ /* p, a, a:hover, a:visited, img, h1, h2, ..., h6, em, strong, blockquote, acronym, hr, ul, ol, li, table, ... form, * Header * Structure * Nav * Search * Headings * Lists * Forms * Links * Misc */ /****************************************************************************************************************************/ /********************************************************* PROPRE *********************************************************/ /****************************************************************************************************************************/ html{height:100%;} body{margin:0;padding:0;; font:12px "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;height: 100%;} * {margin:0; padding:0;list-style: none;} /* -> Titres */ h1 { font-size: 1.85em; font-family: Helvetica, Arial, Verdana, sans-serif; font-weight: bold; letter-spacing: -1px; color: #636567; margin: 0 0 0.75em; } h2 { font-size: 1.7em; font-weight: normal; color: #86B300; margin: 0.5em 0 0.5em 0; line-height: 100%;} h3 { font-size: 1.4em; line-height:1.3; font-family:"Century Gothic",Helvetica,Arial,Geneva,sans-serif;color: #A9CC4B; margin: 0.5em 0 0.5em 1em; } /* -> Liens */ #fond a:link, #fond a:visited { color: #3399CC;} #fond a:hover, #fond a:active { color: #3399CC; text-decoration: none; } /* -> Listes */ /* -> Formulaires */ /* -> Divers */ #contenant p,#contenantl p{ line-height: 180%;margin-left:7px;} acronym, abbr {cursor: help;border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #666;} code {border: 1px solid #F0F0F0;border-left: 6px solid #475059;color: #555;display: block;width:720px;font: normal 1em "Lucida Sans Unicode",serif;margin-bottom: 12px;padding: 8px 10px;white-space: pre;} blockquote {width:550px;margin:0 0 0 80px;padding:5px 15px 5px 15px;background:#EFEFEF;} ol { margin:1em; padding:0 0 0 1.5em; padding-top:3px; padding-bottom:3px; font-family:Courier; display: list-item; border:1px solid #D7E674; } ol li{ margin:2px 0; padding:0 10px;list-style-type:decimal-leading-zero;list-style-position: inside; background:#f7f7f5; } img{border:none;} #contenant .gauche img.vignette,#contenantl img.vignette { float: left; margin:5px 10px 5px 0;} #contenantl #liste ul li{ list-style: disc; margin:5px 0 5px 40px; } .gauche ul li{ list-style: disc; margin:5px 0 5px 40px; } #contenantl #liste ul.star-rating li, #contenantl #liste .annuaire-footer ul li{ list-style: none; margin:0; } .imgblock{ display:block; text-align:center; } .clear {clear: both; } .cache{display:none;} .aligndroite {float: right;} .aligngauche {float: left;} .aligncentre {text-align:center;} /* Affichage du texte dans le nuage de lien */ .s1 { font-size: 80%; } .s2 { font-size: 90%; } .s3 { font-size: 100%; } .s4 { font-size: 115%; } .s5 { font-size: 150%; } /***** Structure *****/ * html #page {height:100%;} #page{background: url(i/bg_top.gif) top left repeat-x #d7e674;position: relative;min-height:100%;margin:0;} #logo a{background: url(i/logo.gif) no-repeat top left ;width:255px;height:101px;display:block;top:0;} #logo span{display: none;} #haut {margin: 0 auto;height: 101px;display: block;} #haut h1, #haut h2, #haut h3 {display: none;} #haut form {float:right;clear:both;margin-top:3em;} #haut form input {padding:2px;font:90% Verdana;color:#777;border:1px solid #ccc;} #haut, #titrepage, #connexe, #commentaires, #menuprincipal, #notes{width:990px;} #accueil{width:100%;} #titres{clear:both;background: #475059;border-bottom: 3px solid #CCC;} #titres .droite{float:right;} #titrepage{margin: 0 auto;padding: 5px 0;} #titrepage h1{color:#A9CC4B;margin:0;padding:0;margin-right:255px;} #titrepage li{list-style: none;display:inline;margin-right:3px;} #titrepage img{border:none;} #contenant .gauche {margin:0 5px 0 10px;} #contenant .droite, #cote { margin:0 2px 0 0; float: right; width:250px;overflow:auto;} #contenant .droite div, #cote div {background:#EFEFEF;padding : 5px 10px;margin : 0 0 15px 10px;border: 1px solid #ddd;} #contenant .droite h2, #cote h2 {font-size: 12px;font-variant: small-caps;color : #475059;background-color: #f9f9f9;display: block;margin:0 0 3px 0; padding: 4px;} #contenant .droite ul , #cote ul {padding-left : 5px;margin : 0;list-style : none;} #contenant .droite li , #cote li {display : block;margin-top : 0.15em;padding-left : 0;background : transparent;} #contenantl #liste {width: 720px;float: left;} #contenantl #cote {width: 250px;float: right;} #contenantl #cote h2 span {display: none;color: #666;} #fond{background:#d7e674 url(i/fd_contenant.gif) repeat-y center;width:100%;} #contenant, #contenantl {width:980px;margin:0 auto;padding:10px;clear:both;text-align:justify;color: #434547;} #connexe{margin: 0 auto;padding:0 0 20px 15px;} #connexe .c1, #connexe .c2, #connexe .c3 { float: left; width: 320px;font-size:85%;} #connexe .c1, #connexe .c2 {margin-right: 5px;} #connexe .c1 ul,#connexe .c2 ul {margin: 0 0 10px 0;padding: 0;} #connexe .c1 ul li,#connexe .c2 ul li {margin: 0;padding: 0;list-style: none;} #connexe .c1 ul li a,#connexe .c2 ul li a {list-style: none;background: url(i/arrow.gif) 0 7px no-repeat;padding: 7px 7px 7px 20px;color: #fff;border-bottom: 1px solid #CCC;margin-bottom: 4px;display: block;text-decoration: none;} #connexe .c1 ul li a:hover,#connexe .c2 ul li a:hover {color: #BAE72F;background: url(i/bullet_white.gif) 0 6px no-repeat;} #connexe .c1 ul li a:focus,#connexe .c2 ul li a:focus {background: url(i/bullet_black.gif) 0 6px no-repeat;} #connexe .c3 ul {margin: 0;padding: 0;} #connexe .c3 ul li {margin: 0;padding: 0;list-style: none;display: inline;} #connexe .c3 ul li a img {background: #CCC;border: none;} #connexe .c3 ul li a:hover img {background: #333;} #connexeobscur h2{border-bottom: 2px solid #fff;font: 1.7em "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif normal;letter-spacing: -2px;color: #A9CC4B;margin: 0;padding: 3px 0;border-bottom: 2px solid #fff;} #connexeobscur{background: #475059;border-top: 3px solid #CCC;border-bottom: 3px solid #444;} #zonecommentaires{background: #EFEFEF;border-top: 3px solid #CCC;padding-left:20px} #commentaires{margin: 0 auto;padding:0 10px 20px 10px;} #zonecommentaires h2, #zonecommentaires h3 {letter-spacing: -1px; font-weight: normal; margin-top: 10px;} #bas {clear: both;background: #A9CC4B;padding:10px;border-top: 3px solid #badf55;margin-top:0;} #notes {width:980px; margin: 0 auto;} #bas #notes p {color: #FFF;;padding: 5px;margin: 0;} #bas #notes p a, #bas #notes p a:visited {color: #FFF;padding: 2px;} #bas #notes p a:hover {background: #FFF;color: #A9CC4B;text-decoration: none;} #bas #notes p.gauche {float: left;clear: left;} #bas #notes p.droite {float: right;clear: right;} /*** FIN Structure ***/ /***** Navigation *****/ #menuprincipal {margin: 4px auto 0 auto;display: block;} #menuprincipal ul {margin: 0;padding: 0;list-style: none;} #menuprincipal ul li {display: inline;letter-spacing:1px;} #menuprincipal ul li.archives {float: right;} #menuprincipal ul li.archives a {border-right: 1px solid #afafaf;} #menuprincipal ul li a {font: .9em "Lucida Grande","Lucida Sans Unicode",Tahoma, Helvetica, Verdana, sans-serif;float: left;border-left: 1px solid #afafaf;color: #fff;font-weight:bold;text-decoration: none;margin: 0;display: block;padding: 10px 25px; font-variant: small-caps; } /* A VERIFIER */ #menuprincipal ul li.current_page_item a {background: #9bc127/*87a822*/;color: #475059; } #menuprincipal ul li a:hover {background: #8fb224;} #menuprincipal li a span {font-style:normal;text-decoration:underline;} #menuaccessibilite{float:right;display:inline;margin:2px 0;padding:0;} #menuaccessibilite li{display:inline;font: normal 80%/1em "Trebuchet MS", Verdana, Arial, sans-serif;} #menuaccessibilite a {color:white;padding:0;margin:0;text-decoration:none;} #menuaccessibilite a:hover{color:#595959;background:white;} #cote #menuthemes ul, .droite #menuthemes ul{margin:0 0 3px 0; padding: 0; } #cote #menuthemes li, .droite #menuthemes li{ border-bottom: 1px solid #CCCCCC; color: #475059; background-color: #f9f9f9; line-height: 30px; } #cote #menuthemes li a, .droite #menuthemes li a{ display: block; height: 20px; line-height: 20px; text-indent: 5px; color:#88A922;text-decoration:none;} #cote #menuthemes li a:hover, .droite #menuthemes li a:hover{ background-color: #D7E674;color:#475059; } #cote #menuthemes .tagcloud{margin:3px;padding:1px;border:none;} /*** FIN Navigation ***/ /***** Mise en page *****/ /* -> Affichage d'une news */ .actuinfo{ border-left: 5px solid #ccc; padding: 0 0 0 7px; margin-bottom:15px; color: #666; } #contenantl #liste .actuliens{ float:right; margin:0 0 10px 10px;padding:5px; border:1px solid #666; } #contenantl #liste ul.actuliens li{ list-style: none; list-style-position: inside;margin:5px; } /* -> Liste des news dans la recherche (mots clés) */ #contenantl dl.listenews{ margin:10px 50px 20px 50px; } #contenantl dl.listenews dt { padding:10px; border-top:1px solid #D7E674; background:#D7E674; font-size: 1.4em; line-height:1.3; font-family:"Century Gothic",Helvetica,Arial,Geneva,sans-serif; margin: 0.5em 0 0.5em 0; margin-top: 25px; clear:left; } #contenantl dl.listenews dt a { color: #475059; } #contenantl dl.listenews dd { padding:10px 10px 0 10px;border-left:3px solid #D7E674; background:#EFEFEF;border-right:3px solid #D7E674; line-height: 150%; } #contenantl dl.listenews dd.dernier{ border-bottom:3px solid #D7E674; padding-bottom:10px; } #contenantl dl.listenews dd strong { color: #C30; } #contenantl dl.listenews p small, #contenantl dl.listenews dd.tags, #contenantl dl.listenews dd small { color: #666; font-size: .9em; } /* -> Affichage d'un dossier/article */ .dossierancien{ background: #fff6bf url(i/exclamation.png) 15px center no-repeat; text-align: left; padding: 5px 20px 5px 45px; border-top: 2px solid #ffd324; border-bottom: 2px solid #ffd324; } /* -> Affichage d'un lien */ /* -> Liste des news */ /* Affiche des news a la une */ #contenantl #liste .newsalaune {margin:0 0 30px 10px;} #contenantl #liste .newsalaune .newsalaunetete { background: url(i/fd_newstit.jpg) 0 0 no-repeat;margin:0;padding:0;height:52px;} #contenantl #liste .newsalaune .newsalaunetete .newsalaunedate {width: 35px;float: left;text-align: center;padding:4px 6px;margin-top: 3px;color: #FFF;} #contenantl #liste .newsalaune .newsalaunetete .newsalaunedate span.mois {text-transform: uppercase;display: block;} #contenantl #liste .newsalaune .newsalaunetete .newsalaunedate span.jour {font-size: 16px;font-weight: bold;display: block;} #contenantl #liste .newsalaune .newsalaunetete .newsalauneinfo {margin:-5px 20px 0 50px;padding:0;} #contenantl #liste .newsalaune .newsalaunetete .newsalauneinfo h2 a {color: #BAE72F; font-weight: normal;font-size: 0.8em;text-decoration: none;margin:0;padding:0} #contenantl #liste .newsalaune .newsalaunetete .newsalauneinfo h2 a:hover {color: #D7E674;} #contenantl #liste .newsalaune .newsalaunetete .newsalauneinfo h4 {font-size:11px;font-weight:normal;color: #EEE;margin:0 0 10px 0;padding:0 0 5px 0;} #contenantl #liste .newsalaune .newsalaunetete .newsalauneinfo h4 a {color: #EEE;} #contenantl #liste .newsalaune .newsalaunetete .newsalauneinfo h4 a:hover {text-decoration: none;} #contenantl #liste .newsalaune .newsalaunecontenu {font-size: 12px/20px;width:390px;padding:0 0 0 15px;margin:0 15px 0 5px;border-left:1px solid #475059;} #contenantl #liste .newsalaune .newsalaunecontenu p {margin-bottom: 1.6em;} #contenantl #liste .newsalaune .newsalaunecontenu img {max-width: 470px;} /* -> Liste des news avec les icones */ #contenantl #liste .listiconerub{float:right;width:270px;border-left: 1px solid #DCDCDC;margin:0;padding:0;} #contenantl #liste ul.listiconerub{font-size: 10px;letter-spacing:0px;color: #00A6C5;padding:3px 0;margin:10px 0;} #contenantl #liste .listiconerub li {margin:0;list-style:none;font-size: 10px;line-height: 22px;color: #383838;text-decoration: none;/*border-bottom: 1px solid #DCDCDC; */list-style-position: outside;} #contenantl #liste .listiconerub a:link, .listiconerub a:visited{color: #666666;margin-left:6px;padding:1px 3px;} #contenantl #liste .listiconerub a:hover {color: #ffffff;background:#333333;} #contenantl #liste .listiconerub .date {color: #CCCCCC;} #contenantl #liste img.listiconerub{margin-right:2px;border:0;width:11px;height:11px;padding:0 4px;} /* -> Liste des dossiers */ #contenantl .listedossier {width:335px;float:left;height:115px;margin:5px 0 5px 10px;} #contenantl .listedossier a {text-decoration:none;} #contenantl .listedossierimg img{width:100px;display:block;height:100px;border:5px solid #cecece;float: left;} #contenantl .listedossiertxt {float:right;width:205px;height:110px;margin:0;padding:0px 5px 0 10px;background:#EFEFEF;color:#475059;border-right:1px solid #475059;overflow:hidden;} #contenantl .listedossiertxt h2 {margin:0;font-size:0.9em;text-align:left;color:#475059;letter-spacing:1px; font-weight:bolder;line-height:1.7em;} #contenantl .listedossiertxt h2 a, .listedossiertxt h2 a:link {color:#475059;display:block;text-decoration:none;} #contenantl .listedossier p a, .listedossier p a:link {margin:0;display:block;font-size:0.85em;color:#475059;line-height:1.7em;} #contenantl .listedossiertxt_over h2 {margin:0;font-size:0.7em;line-height:1.7em;text-decoration:underline;} /* -> Liste des liens */ #contenantl #liste .annuaire {width:420px;margin:0 0 30px 0;float:right;padding:5px 0} #contenantl #liste .annuairetete{background: url(i/fd_annutit.jpg) 0 0 no-repeat;height:52px;} #contenantl #liste .aligngauche .annuairetete .note{float:right;margin:10px 8px 0 22px;padding:0;width:120px;} #contenantl #liste .aligngauche .annuairetete .note span{color:#505050;font-size:11px;} #contenantl #liste .annuaire h3 a:hover {color:#D7E674;} #contenantl #liste .annuaire h3 {margin:0px 0;padding:5px 0 0 10px;} #contenantl #liste .annuaire h3 a{color:#BAE72F;font-size: 1em;text-decoration: none;} #contenantl #liste .annuaire h4 a {padding:0;margin:0 0 25px 10px;font-size:11px;font-weight:normal;color: #EEE;} #contenantl #liste .annuaire h4 a:hover {text-decoration: none;} #contenantl #liste .annuaire-footer {width:250px;margin-left:20px;float: left;padding:0} #contenantl #liste .annuaire-footer span {display: block;} #contenantl #liste .annuaire-footer img {margin-top:0px;width:240px;border:5px solid #EFEFEF;display: block;} #contenantl #liste .annuaire-footer ul {list-style: none;font-size: 0.9em;} #contenantl #liste .annuaire-footer li {border-bottom: #475059 1px solid;padding:5px 0;line-height: 150%;width:250px;display:block;} #contenantl #liste .annuaire-footer ul.annuaire-btn {width: 250px;height: 30px;list-style: none;margin:0 auto;padding: 0;margin-bottom: 30px;} #contenantl #liste .annuaire-footer ul.annuaire-btn li{float: left;width: 110px;margin:5px;border: none;padding: 0;text-align: center;text-shadow: #482f18 -2px -2px 1px;} #contenantl #liste .annuaire-footer ul.annuaire-btn li a{display: block;color: #caab7C;background:#475059;color:#fff;width: 110px;padding: 5px 0px;font-weight: normal;} #contenantl #liste .annuaire-footer ul.annuaire-btn li a:hover{color: #475059;text-decoration: none;background:#D7E674;} /* -> Liste des liens annuaire rapides */ /* -> Liste des sélection de news */ dl.newsailleurs{margin:0;border-top:1px solid #E0E0E0;clear:both;width:100%;} dl.newsailleurs dt{width:70%;float:left;margin:0;padding:3px 2px;clear:both;border-bottom:1px solid #E0E0E0;} dl.newsailleurs dd{width:28%;padding:3px 2px;float:right;text-align:right;margin:0;color:#A7A7A7;border-bottom:1px solid #E0E0E0;} dl.newsailleurs a:hover{background:transparent;color:#000;} .actuexterne{background:#F4F4F4;padding:0;width:100%;margin:0;} /* -> Navigation entre page (précédent 1 2 3 suivant) */ /*** Mise en page ***/ #contenant #formulairecontact {width:500px;margin:20px 300px 0 auto; padding:1em;border:1px solid #EFEFEF;} /* Affichage des partenaires */ #contenantl .partenairelisting { margin:0 auto; padding:0; height:100px; width:500px; border-bottom:1px solid #475059; } #contenantl .partenairelisting dt { font-weight:normal; font-size:1.5em; margin:30px 0 10px 160px; } #contenantl .partenairelisting dt a { border-color:#4F5656; } #contenantl .partenairelisting:hover dt a, #contenantl .partenairelisting dt a:hover { border-color:#E06A3B; } #contenantl .partenairelisting dd { margin:0; padding:0; } #contenantl .partenairelisting dd a.partenaireImg { float:left; background:#CCCCCC; padding:2px; margin:-38px 10px 20px 0; border:0;} #contenantl .partenairelisting:hover dd a.partenaireImg, #contenantl .partenairelisting dd a.partenaireImg:hover { background:#666666 ; } #contenantl .partenairelisting.premier { border-bottom:1px solid #475059; } /*** Mise en page accueil ***/ #accueil{padding:0;overflow: auto;margin:0;} #col1 {float: left;width:500px;margin:0 10px 0 5px;} #col2{float: left; width:150px;padding-top:10px; } #col3{float: left;} #col3 #accueiledito{width:300px;} #accueilannuaire, #accueilannuairedossiers{width:298px;} #accueilnews, #accueilpubs{width:500px;text-decoration:none;font-size:90%;} #accueilnews a{text-decoration:none;} #accueilnews a:hover{background:#3399CC; color:#F4F4F4;} #accueiledito .bloc, #accueilnews .bloc{background:url(i/degrade_gris.gif) repeat-x bottom;} #accueilnews .bloc a{color:#475059;} #accueildossiers, #accueilsitedumoment{width:140px;margin:0;} #accueildossiers .accueilbloccontenu{ background:url("i/fd_dossiers.gif") no-repeat top right;} #accueildossiers{ padding-top:0px;margin:10px 0;} #accueilannuaire .moduletete { background:url("i/titre_dernier_liens.gif") no-repeat; height:30px;} #accueilliensdossiers .moduletete { background:url("i/titre_dernier_dossiers_net.gif") no-repeat; height:30px;} #accueilannuaire .moduletete span, #accueilliensdossiers .moduletete span{ display:none;} /* Blocs "fieldset" accueil*/ .accueilbloc{background:repeat-x bottom;border:1px #DBDAD9 solid;margin-bottom:15px;} .accueilbloc .accueilbloccontenu{clear:both; margin-top:10px;padding:1px 15px 5px 15px} .accueilbloc .accueilbloccontenu a{color: #4687C1;} .accueilbloc .accueilbloccontenu a:hover{color: #FF9214;} .bloc{background: #f4f4f4 top center;} h2.accueilbloctitre{position:relative;} /*fix IE*/ h2.accueilbloctitre img{position:absolute;top:-10px;left:10px;} html>body h2.accueilbloctitre{margin-bottom:-10px;margin-left:10px;} html>body h2.accueilbloctitre img{position:relative;top:0;left:0;} #accueilpubs .accueilbloc .accueilbloccontenu{clear:both;margin-top:10px;padding:1px 5px;} /* Bloc dossier avec les vignettes */ #dossiersaccueil{float:right;width:140px;} ul.vignettedossier{ margin: 5px 0 5px 0px; padding: 0; } ul.vignettedossier li{ float: left; margin: 5px; position: relative; } ul.vignettedossier li a img{ width:80px;border: 5px solid #B5E22D; } ul.vignettedossier li a:hover img{ border: 5px solid #ece4e4; text-decoration:none;} ul.vignettedossier li img.new {display: block; position: absolute; top: -3px; right: -3px; z-index: 1; border: none; } .fixvignette:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } .fixvignette {display: inline-block;} /* Fix IE Mac \*/ .fixvignette {display:block;} /* Fin Fix IE Mac */ * html .fixvignette{ height: 1px; } .moduletete a{float:right;} .moduletete h2{float:left;} .module ul li{margin:0;padding:0;} .module{ background:#EBF5FA url("i/fd_module.gif") repeat-x;border:1px solid #9ACBE3;width:298px;margin:10px 0 10px 0;} .moduletete {margin : 2px 2px 0 2px;} .modulecontenu{clear:both;} .liensaccueil {margin:10px 0;padding:0;} .liensaccueil ul{padding:1px 0 0 0;margin: 0 0 5px 0;} .liensaccueil ul li {background:transparent url(i/ligne_pointille.gif) repeat-x bottom left;} .liensaccueil ul li a {display:block;padding:5px 10px 5px 20px;text-decoration:none;} .liensaccueil ul li a:hover {background:#b6ddf0/*e4f1cc*/ url(i/ligne_pointille.gif) repeat-x bottom left;text-decoration:none;} .liensaccueil ul li a span {color: #b5b4a0;font-size:.94em;text-decoration:none;} #accueilonglets {padding:0;margin:0 0 10px 0;width:498px;background:#E7FAD5/*url("i/fd_onglets.gif") repeat-x top*/;} #accueilonglets ul {padding:0;margin:0;} #accueilonglets ul li { background:transparent url(i/ligne_pointille.gif) repeat-x bottom left;} #accueilonglets ul li.altern {background:#F7FEEA url(i/ligne_pointille.gif) repeat-x bottom left;} #accueilonglets ul li a {display:block;padding:9px 10px 9px 20px;text-decoration:none;} #accueilonglets ul li a:hover {background:#f0fed6 url(i/ligne_pointille.gif) repeat-x bottom left; text-decoration:none;} #accueilonglets ul li a span {color: #b5b4a0;font-size:.94em;text-decoration:none;} #lesongletsdelaccueil{padding: 3px 0;margin:1px 0;text-align: left;} .accueilonglettableau, .ongletsdyn{padding: 3px 0;margin:1px 0;font: bold 12px Verdana;text-align: left;} .accueilonglettableau li, .ongletsdyn li{display: inline;margin: 0;} .accueilonglettableau li a, .ongletsdyn li a{text-decoration: none;padding: 3px 7px;margin-right: 3px;border: 1px solid #E7FAD5/*#D7E674*/;color: #78B094;background: #F7FEEA;} .accueilonglettableau li a:visited, .ongletsdyn li a:visited{color: #78B094;} .accueilonglettableau li a:hover, .ongletsdyn li a:hover{text-decoration: underline;color: #78B094;background:#F7FEEA;} .accueilonglettableau li.selected, .ongletsdyn li.selected{position: relative;top: 1px;} .accueilonglettableau li.selected a, .ongletsdyn li.selected a{background: #E7FAD5;border-bottom:1px solid #E7FAD5;border-top:1px solid #e0ed8a;border-left:1px solid #e0ed8a;border-right:1px solid #e0ed8a;} .accueilonglettableau li.selected a:hover, .ongletsdyn li.selected a:hover{text-decoration: none;} .accueilongletpremier, .ongletscontenu{margin:0 0 1em 0;padding:10px 0 10px 5px;border: 1px solid #e0ed8a;} .accueilongletpremier {width: 498px;} .ongletscontenu {width: 720px;} /** FIN Mise en page accueil **/ /****************************************************************************************************************************/ /********************************************************* PROPRE *********************************************************/ /****************************************************************************************************************************/ /**** EN TRAVEAUX ****/ #commentaires #formcommentaire { background: #CCC; padding: 10px; border-top: 3px solid #BBB; margin-top: 10px; } #commentaires #formcommentaire form p { font-size: .8em; } #commentaires #formcommentaire form p a, #commentaires #formcommentaire form p a:visited { color: #000; padding: 2px; } #commentaires #formcommentaire form p a:hover { background: #ff0084; color: #FFF; text-decoration: none; } #zonescommentaires h2 { margin: 0; padding: 0; } #commentaires ol#listecommentaires { margin: 0; padding: 0; list-style: none; } #commentaires ol#commentlist li { border-top: 1px solid #CCC; margin-bottom: 20px; } #commentaires ol#commentlist li p { margin: 0 0 10px 0; padding: 0; display: block; } #commentaires ol#commentlist li .thecomment a, #commentaires ol#commentlist li .thecomment a:visited { color: #ff0084; padding: 2px; } #commentaires ol#commentlist li .thecomment a:hover { background: #ff0084; color: #FFF; text-decoration: none; } #commentaires ol#commentlist li.authorcomment { border-top: 1px solid #ff0084; margin-bottom: 20px; } #commentaires ol#commentlist li .commentinfo { float: left; width: 120px; padding: 10px 0; color: #333; font-size: .9em; } #commentaires ol#commentlist li .commentinfo a { text-decoration: none; } #commentaires ol#commentlist li .commentinfo .author { font-size: 1.2em; } #commentaires ol#commentlist li .commentinfo .author a, #commentaires ol#commentlist li .commentinfo .author a:visited { color: #333; text-decoration: none; } #commentaires ol#commentlist li .commentinfo .author a:hover { color: #000; background: transparent; } #commentaires ol#commentlist li .commentinfo small { display: block; padding: 2px 0; } #commentaires ol#commentlist li .commentinfo small a, #commentaires ol#commentlist li .commentinfo small a:visited { color: #666; } #commentaires ol#commentlist li .commentinfo small a:hover { color: #333; background: transparent; } #commentaires ol#commentlist li .thecomment { float: right; width: 470px; background-color: #ddd; } #commentaires ol#commentlist li .thecomment { padding: 10px; } /* ****************************** OK ************************************/ /* AJOUT MAX */ .info { padding:0; font-size : 0.85em; color : white; margin : 0em; } .info a{ color : white; } ul.infoblog {border: 1px dashed #CCCCCC;background:#EFEFEF;padding:0px 3px;margin:0px 250px 5px 0;font-size:12px;} .infoblog ul { margin: 0px 0 20px 0px; padding-left:33px;} .infoblog li, .liennews li { display: inline; padding:0 2px; margin:0; } .liennews { display: block; text-align: center; margin: 1em 0 20px 0; overflow:auto;padding:0; } .news { margin: 1em 260px 1em 0; border: 1px solid #B8E52E; padding-left: 2ex; padding-right:1em; position: relative; background-color : #eafec5; } h2.newstitre a { text-decoration: none; color: #B8E52E; } h2.newstitre a:visited { color:#B8E52E; } h2.newstitre a:hover { text-decoration: underline; } .newsinfo { padding-left : 18px; font-size : 0.85em; color : #4C79B0; margin : 0em; } /*ANNUAIRE*/ /* styles for the star rater */ /*TABLEAUX*//* #mytable { width: 700px; padding: 0; margin: 0; } caption { padding: 0 0 5px 0; width: 700px; font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-align: right; } th { font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #4f6b72; border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; border-top: 1px solid #C1DAD7; letter-spacing: 2px; text-transform: uppercase; text-align: left; padding: 6px 6px 6px 12px; background: #CAE8EA url(images/bg_header.jpg) no-repeat; } th.nobg { border-top: 0; border-left: 0; border-right: 1px solid #C1DAD7; background: none; } td { border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; background: #fff; padding: 6px 6px 6px 12px; color: #4f6b72; } td.alt { background: #F5FAFA; color: #797268; } th.spec { border-left: 1px solid #C1DAD7; border-top: 0; background: #fff url(images/bullet1.gif) no-repeat; font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; } th.specalt { border-left: 1px solid #C1DAD7; border-top: 0; background: #f5fafa url(images/bullet2.gif) no-repeat; font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #797268; }*/ /***************************************/ .nav { padding: 0; margin: 50px 0 0 70px; font-family: Arial, Helvetica, Sans-Serif; overflow: visible; } .nav ul { display: block; list-style: none; margin: -11px 0; padding: 0; border: 0; } /* HACK >>> IE 5 Positioning with position relative