body {background:#31B1E2 url(img/back.gif) repeat-x left top;font-family:Verdana, Helvetica, sans serif;font-size:12px;margin:0px;padding:0px;text-align:center;} #annu {width:838px;margin:auto;background:#31B1E2 url(img/left.gif) no-repeat left 84px;text-align:left;} table, tr, td {border-collapse:collapse;} /*bandeau du haut*/ #top {background:url(img/top.gif) no-repeat left top #fff;width:838px;height:84px;margin:0px;padding:0px;} #top h1 {text-align:center;color:#fff;font-size:11px;font-weight:normal;font-style:italic;padding-top:44px;margin:0px;margin-left:410px;text-align:right;padding-right:50px;} #intro {height:70px;width:802px;background:#fff;margin-left:35px;padding:0px;} #intro img {border:0px;margin-top:0px;margin-left:45px;float:left;} #intro .menutop {float:left;width:135px;margin-top:0px;margin-left:256px;} #intro .menutop a {display:block;width:100%;background:url(img/puce-top.png) no-repeat left 5px;padding-left:10px;font-size:10px;line-height:20px;color:#4c4c4c;text-decoration:none;font-weight:bold;color:#949494;} #intro .menutop a:hover {color:#F7601E;} /*l'annuaire*/ #annuaire {margin:0px;margin-left:35px;} #annuaire table {width:802px;margin:0px;background:#fff;border-top:1px solid #fff;} #annuaire .gs {height:1px;width:160px;background:#fff url(img/spacer.png) no-repeat left top;} #annuaire .centre {width:440px;padding:20px;vertical-align:top;} #annuaire .gauche {vertical-align:top;} #annuaire .droite {width:155px;padding:20px;align:left;vertical-align:top;} #annuaire .droite img {border:0px;} /*la colonne centrale */ .date {text-align:right;margin:0px;padding:0px;margin-right:15px;font-size:10px;font-weight:bold;color:#949494;} #pres {background:#F3F8FA url(img/fd-centre.png) no-repeat left top;width:442px;font-size:12px;color:#767373;font-weight:bold;font-style:italic;margin:0px;margin-bottom:10px;} #pres .gratuit {width:422px;margin:10px;margin-bottom:0px;font-weight:normal;line-height:20px;font-size:11px;} #pres .fav {background:url(img/fd-centre-bas.png) no-repeat left bottom;width:442px;padding-bottom:10px;display:block;text-align:center;font-size:11px;margin:0px;margin-top:10px;} #pres .chemin {width:422px;padding:10px;padding-bottom:0px;margin:0px;font-size:11px;font-weight:bold;color:#949494;margin-top:10px;} #pres a {color:#949494;} #pres a:visited {color:#949494;} #pres a:hover {color:#F7601E;} /*les rubriques*/ #rubriques {width:445px;font-size:10px;margin:0px;padding:0px;margin-top:10px;} #rubriques a {color:#0189C0;font-weight:bold;font-size:10px;} #rubriques a:hover {color:#000000;} #rubriques ul, #rubriques li {list-style:none;margin:0px;padding:0px;} #rubriques ul {padding:0px;margin:0px;} #rubriques li {float:left;width:212px;margin:7px;margin-right:0px;padding:0px;} #rubriques img {float:left;margin:3px;margin-right:5px;border:1px solid #0189C0;} #rubriques strong {font-size:11px;color:#0189C0;text-decoration:underline;} #rubriques a:hover strong {color:#000000;} /*bloc ads central*/ #ads {width:422px;padding:0px 7px;margin:0px 0px;} /*liste des sites*/ #sites {width:443px;margin:0px;padding:0px;font-size:11px;color:#333;} #sites ol {margin:5px 0px;padding:0px;padding-left:25px;} #sites ul {padding:0px;margin:0px 10px;} #sites li {margin:0px;margin-top:0px;margin-bottom:12px;padding-left:0px;list-style-type:none;} #sites a {color:#000091;} #sites .cat {display:block;} #sites .url {font-style:italic;color:#949494;} /*syndication*/ #syndication{width:443px;margin:0px;padding:0px;font-size:11px;color:#333;} #syndication a {color:#000091;} /*Liens partenaires en bas de catégorie*/ #parts {width:432px;margin:0px;margin-top:20px;font-size:11px;color:#949494;border-top:1px dotted #949494;text-align:left;padding:5px;} #parts a {color:#949494;text-decoration:underline;} #parts a a:hover {color:#000000;} #parts h2 {font-size:12px;color:#666;width:400px;margin:0px;margin-bottom:10px;} #parts ul {margin:0px;padding:0px;} #parts li {list-style:none;background:url(img/puce-left.png) no-repeat left 4px;margin-top:5px;padding-left:15px;} /*Partie commentaire*/ #parts_commentaire {width:432px;margin:0px;margin-top:20px;font-size:11px;color:#000;border-top:1px dotted #949494;text-align:left;padding:5px;} #parts_commentaire h2 {font-size:11px;color:#666;width:400px;margin:0px;margin-bottom:10px;} #parts_commentaire ul {margin:0px;padding:0px;} #parts_commentaire li {list-style:none;background:url(img/puce-left.png) no-repeat left 4px;margin-top:9px;padding-left:15px;} /*la partie gauche*/ .gauche h2 {font-size:12px;color:#0189C0;width:145px;text-align:left;margin:10px 0px;margin-bottom:0px;padding-left:5px;} #topleft {margin-top:10px;} #topleft ul, #topleft li {list-style:none;margin:0px;padding:0px;} #topleft li{background:url(img/mg-top.png) no-repeat left top;height:32px;} #topleft a {display:block;padding:7px;color:#0189C0;font-weight:bold;text-decoration:none;font-size:12px;} /*formulaire*/ #recherche {border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;width:140px;height:28px;margin:0px;margin-top:10px;padding:3px 0px;} #recherche input {float:left;display:block;} #recherche .txt {width:90px;border:1px solid #ccc;margin:5px;color:#333;font-size:10px;margin-right:5px;} /*top recherches*/ #toprech {margin-top:3px;margin-bottom:20px;} #toprech ul {margin:0px 0px 5px 5px;padding:0px;} #toprech li {list-style:none;margin:0px;padding:0px;background:url(img/puce-left.png) no-repeat left 4px;padding-left:12px;margin-top:3px;} #toprech a {color:#333;font-size:10px;text-decoration:none;} #toprech a:hover {color:#F7601E;} /*Newsletter*/ #news {border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;width:140px;height:45px;margin:0px;margin-top:10px;padding:3px 0px;} #news input {float:left;display:block;} #news .txt {width:90px;border:1px solid #ccc;margin:5px;color:#333;font-size:10px;margin-right:10px;} #news p {font-size:10px;text-align:center;width:140px;margin:2px 0px;color:#949494;} .newsletter1 {font-size:11px;color:#ff0000;text-align:left;} .newsletter2 {font-size:11px;color:#ff0000;text-align:left;} /*contact*/ #contact {margin:0px;margin-left:0px;} #contact table {width:445px;margin:0px;background:#fff;} #contact .gauche {height:25px; } #contact .droite {width:337px; padding:2px;align:left;color:#ff0000;} #contact .submit {font-size:12px;font-weight:bold;background:#e75114;border-right:2px solid #848484;border-bottom:2px solid #848484;border-left:2px solid #fafafa;border-top:2px solid #fafafa;color:#fff;} /*texte et liens*/ .texterouge {color:#ff0000;} .lienGris {text-decoration : underline; font-size : 11px; font-weight : normal; color: #666666} .lienGris a:link {text-decoration : underline; font-size : 11px; font-weight : normal; color: #666666} .lienGris a:visited {text-decoration : underline; font-size : 11px; font-weight : normal; color: #000066} .lienGris a:hover {text-decoration : underline; font-size : 11px; font-weight : normal; color: #666666} .lienNoir {text-decoration : none; font-size : 11px; font-weight : normal; color: #000000;} .lienNoir a:link {text-decoration : none; font-size : 11px; font-weight : normal; color: #000000} .lienNoir a:visited {text-decoration : none; font-size : 11px; font-weight : normal; color: #000000} .lienNoir a:hover {text-decoration : none; font-size : 11px; font-weight : normal; color: #F7601E} .lienGrisDate {text-decoration : none; font-size : 11px; font-weight : normal; color: #666666} /*tiret*/ /*info bulle*/ a.infobulle { position:relative; z-index:24; background-color:#ccc; color:#000; text-decoration:none} .infobulle img {border:0px;margin-top:0px;} a.infobulle:hover { background: none; z-index:25 } a.infobulle span {display: none;} a.infobulle:hover span { display:block; position:absolute; top:2em; left:2em; width:15em; border:1px solid #4FA9D6; background-color:#D1E4ED; color:#000; font-size: 10px; font-weight: normal; } /*Copyright*/ #copy {width:802px;background:#fff;text-align:center;font-size:10px;margin:0px;border-top:1px solid #31B1E2;} #copy p {margin:10px 0px;color:#949494;} #copy a {color:#949494;text-decoration:none;}