/*------------------------------------------------ GENERIQUE ------------------------------------------------*/ html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, code,del, dfn, em, img, q, dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 12px; } img {border:none;} a {color: #eae614; text-decoration:none } a:visited {} a:hover {color: #eae614; text-decoration:underline } a:active {} a:focus {outline:none; } a img {text-decoration: none; border: none; } hr {display:none;clear: both;} li {list-style-type:none;list-style-position:outside; font-size: 12px; } table {border-collapse: collapse; } td {vertical-align: top; } th {vertical-align: top; text-align: left; font-weight: bold; } p {margin-bottom: 0.5em; font-size: 12px; line-height: 16px; } h1 {font:normal 22px arial;color:#fcee21;margin:20px 0; text-transform:uppercase;} h2 {font:normal 16px arial;color:#ffffdb;margin:0.5em 0;} h3 {font:normal 20px arial;color:#fcee21;margin:0 0 6px 0;} h4 {font:normal 15px arial;color:#ffffdb;margin:0.5em 0;} h5 {font:bold 12px arial;color:#eae613;margin:0 0 0.5em 0;} h6 {font:normal 11px arial;color:#e3edc1; text-transform:uppercase} /*----------------------------------------------- /GENERIQUE ------------------------------------------------*/ /*------------------------------------------- PROPRIETES ELEMENT --------------------------------------------*/ /* position */ .clear {clear:both;font-size:1px;line-height:0;} .right, .right2{float:right;} .left, .left2 {float:left;} .left2, .right2{ width:278px;} .center {text-align:center;display:table;margin-left:auto;margin-right:auto;} /* bordure */ .no_border{border:none;} /* centrage txt*/ .txt-c {text-align:center;} .txt-l {text-align:left;} .txt-r {text-align:right;} .txt-j {text-align:justify;} /* alignement vertical */ .valign-t {vertical-align:top;} .valign-m {vertical-align:middle;} .valign-b {vertical-align:bottom;} /* position */ .rel {position:relative} /* element de hauteur < 10px */ .lf {line-height:0;font-size:1px;} /* element de bordure */ .border { border-top:#565656 1px solid;border-bottom:#565656 1px solid; padding:5px 0 2px 0; display:block; margin:3px 0;} .border-b { border-bottom:#565656 1px solid; padding:5px 0 2px 0; display:block; margin:3px 0;} .mapage .border, .accueil .border {border-bottom:none; } /*------------------------------------------- /PROPRIETES ELEMENT --------------------------------------------*/ /*----------------------------------------------- MODELE SITE -------------------------------------------------*/ body, table, td {font: 11px/13px arial, Helvetica, sans-serif; color:#e3edc1; } body {background:#272c30 url(../../img/modele/bg.jpg) repeat-y center; text-align: center; } #page {margin-left:auto;margin-right:auto;text-align:left;width:960px;} /* header */ #header {position:relative; height:130px; background:url(../../img/modele/bg-header.jpg) repeat-x; padding:0 25px;} #header p {position:absolute;top:5px;left:25px; color:#878f92; font:italic 9px Arial, Helvetica, sans-serif;} #logo {position:absolute;top:38px;left:25px} #fonctions {position:absolute;top:30px;right:25px; font-size:11px;} #fonctions li {display:inline; padding-left:4px; font-size: 11px; line-height: 21px; } #fonctions li .rss {padding:3px 8px 3px 18px; background:url(../../img/picto/menufonctions/rss.gif) no-repeat left 3px; border-right:1px dotted #eae614; } /* commenté parce que le lien "rss" est là maintenant. Remplacer le style suivant par celui-ci si on enleve le lien rss... -jf #fonctions li .addthis, .addthis {padding:3px 8px 3px 22px; background:url(../../img/picto/menufonctions/ico_addthis_16x16_yellow.gif) no-repeat left 1px;}*/ #fonctions li .addthis {padding:3px 8px 3px 18px; background:url(../../img/picto/menufonctions/ico_addthis_12x12_yellow.gif) no-repeat left 3px; } #fonctions li .langue {padding:3px 8px 3px 18px; border-right:1px dotted #eae614; background:url(../../img/picto/menufonctions/en.gif) no-repeat left 3px;} #fonctions li .communaute {padding:3px 8px 3px 18px; border-right:1px dotted #eae614; background:url(../../img/picto/menufonctions/communaute.gif) no-repeat left 3px;} #fonctions li .sabonner {padding:3px 8px 3px 18px; border-right:1px dotted #eae614; background:url(../../img/picto/menufonctions/sabonner.gif) no-repeat left 3px;} #fonctions li .seconnecter {padding:3px 8px 3px 18px; border-right:1px dotted #eae614; background: url(../../img/picto/menufonctions/seconnecter.gif) no-repeat left 3px;} #fonctions li .username { padding-right: 8px; color: white; } /* /header */ /* ariane */ #ariane {color:#ffffe2; font-size:10px; padding:10px 25px; float:left; width:910px;} #ariane a {color:#ffffe2;text-decoration:underline;} /* ariane */ /* navigation */ #menu { position:relative; float:left; padding:0 25px;} #menu ul li {display:inline; display:block; float:left;} #menu ul li a {height:27px; text-indent:-3000em; display:block; text-decoration:none} #menu ul li.dossiers {width:112px; background:url(/img/traduction/fr/menu/dossiers.gif) no-repeat;} #menu ul li.dossiers a {width:112px; background:url(/img/traduction/fr/menu/dossiers.gif) no-repeat;} #menu ul li.dossiers a:hover {width:112px; background:url(/img/traduction/fr/menu/dossiers_over.gif) no-repeat;} #menu ul li.reportages {width:122px; background:url(/img/traduction/fr/menu/reportages.gif) no-repeat;} #menu ul li.reportages a {width:122px; background:url(/img/traduction/fr/menu/reportages.gif) no-repeat;} #menu ul li.reportages a:hover {width:122px; background:url(/img/traduction/fr/menu/reportages_over.gif) no-repeat;} #menu ul li.blogues {width:185px; background:url(/img/traduction/fr/menu/blogues.gif) no-repeat;} #menu ul li.blogues a {width:185px; background:url(/img/traduction/fr/menu/blogues.gif) no-repeat;} #menu ul li.blogues a:hover {width:185px; background:url(/img/traduction/fr/menu/blogues_over.gif) no-repeat;} #menu ul li.faq {width:147px; background:url(/img/traduction/fr/menu/faq.gif) no-repeat;} #menu ul li.faq a {width:147px; background:url(/img/traduction/fr/menu/faq.gif) no-repeat;} #menu ul li.faq a:hover {width:147px; background:url(/img/traduction/fr/menu/faq_over.gif) no-repeat;} #menu ul li.surlevif {width:94px; background:url(/img/traduction/fr/menu/surlevif.gif) no-repeat;} #menu ul li.surlevif a {width:94px; background:url(/img/traduction/fr/menu/surlevif.gif) no-repeat;} #menu ul li.surlevif a:hover {width:94px; background:url(/img/traduction/fr/menu/surlevif_over.gif) no-repeat;} #menu ul li.actualite {width:102px; background:url(/img/traduction/fr/menu/actualite.gif) no-repeat;} #menu ul li.actualite a {width:102px; background:url(/img/traduction/fr/menu/actualite.gif) no-repeat;} #menu ul li.actualite a:hover {width:102px; background:url(/img/traduction/fr/menu/actualite_over.gif) no-repeat;} #menu ul li.carte {width:100px; background:url(/img/traduction/fr/menu/carte.gif) no-repeat;} #menu ul li.carte a {width:100px; background:url(/img/traduction/fr/menu/carte.gif) no-repeat;} #menu ul li.carte a:hover {width:100px; background:url(/img/traduction/fr/menu/carte_over.gif) no-repeat;} /* en attendant d'avoir la carte -jf */ #menu ul li.espacevide {width:45px; background-color: #eae614; } #menu ul li.espacevide p {width:45px; background-color: #eae614; height: 27px; padding: 0; margin: 0; } /* quand on aura la carte... -jf */ /*/navigation */ /* corps_page */ #corps_page{float:left; padding:0 25px; width:910px; margin-bottom: 40px; margin-top: 20px;} #corps_page.blogue{float:left; padding:0 25px; width:910px; background:#fff} #col_gauche{float:left;width:578px;} #col_droite{float:right;width:300px;} .mapage #col_gauche{width:400px;} .mapage #col_droite{width:495px;} .mapage a.completez { color: #333; } .pagetexte { margin-bottom: 40px; } .pagetexte #col_gauche li { display: block; border: none; margin-left: 10px; padding-left: 10px; background: url(../../img/picto/puce-fleche-jaune.gif) no-repeat left 3px; font-size: 12px; line-height: 16px; } /* /corps_page */ /* footer */ #footer {float:left; background:url(../../img/modele/bg-footer.jpg) repeat-x top #070808; padding:30px 20px; width:920px; min-height: 180px;} #footer li { padding:3px 0 5px 3px; } #footer a { text-decoration:underline; font-size: 11px;} #footer h3 {font:normal 20px arial;color:#fcee21;margin:0 0 2px 0;} /* /footer */ /*------------------------------------------------ /MODELE SITE ------------------------------------------------*/ /*------------------------------------------- PROPRIETES SITE --------------------------------------------*/ #galerie {padding:20px 0; width:578px;} #galerie a { padding-left:2px} #galerie a.first { padding-left:0} #col_droite ul.ongletsAuteurTags {margin-bottom:20px; } #col_droite ul.ongletsAuteurTags img {border:none } #col_droite ul.ongletsAuteurTags li {display:inline; display:block; float:left; border-right:none } #col_droite ul.ongletsAuteurTags li a {height:20px; text-indent:-3000em; display:block; text-decoration:none;} #col_droite ul.ongletsAuteurTags li.auteur {width:60px; background: url(/img/traduction/fr/sidebar/auteur_off.gif) no-repeat;} #col_droite ul.ongletsAuteurTags li.auteur a {width:60px; background: url(/img/traduction/fr/sidebar/auteur_off.gif) no-repeat;} #col_droite ul.ongletsAuteurTags li.auteur a.on {width:60px; background: url(/img/traduction/fr/sidebar/auteur_on.gif) no-repeat;} #col_droite ul.ongletsAuteurTags li.auteur a:hover {width:60px; background: url(/img/traduction/fr/sidebar/auteur_on.gif) no-repeat;} #col_droite ul.ongletsAuteurTags li.tags {width:41px; background: url(/img/traduction/fr/sidebar/tags_on.gif) no-repeat;} #col_droite ul.ongletsAuteurTags li.tags a {width:41px; background: url(/img/traduction/fr/sidebar/tags_off.gif) no-repeat;} #col_droite ul.ongletsAuteurTags li.tags a.on {width:41px; background: url(/img/traduction/fr/sidebar/tags_on.gif) no-repeat;} #col_droite ul.ongletsAuteurTags li.tags a:hover {width:41px; background: url(/img/traduction/fr/sidebar/tags_on.gif) no-repeat;} #col_droite ul.ongletsReliesRecents {margin-bottom:20px; } #col_droite ul.ongletsReliesRecents img {border:none } #col_droite ul.ongletsReliesRecents li {display:inline; display:block; float:left; border-right:none } #col_droite ul.ongletsReliesRecents li a {height:20px; text-indent:-3000em; display:block; text-decoration:none;} #col_droite ul.ongletsReliesRecents li.relies {width:48px; background: url(/img/traduction/fr/sidebar/relies_on.gif) no-repeat;} #col_droite ul.ongletsReliesRecents li.relies a {width:48px; background: url(/img/traduction/fr/sidebar/relies_off.gif) no-repeat;} #col_droite ul.ongletsReliesRecents li.relies a.on {width:48px; background: url(/img/traduction/fr/sidebar/relies_on.gif) no-repeat;} #col_droite ul.ongletsReliesRecents li.relies a:hover {width:48px; background: url(/img/traduction/fr/sidebar/relies_on.gif) no-repeat;} #col_droite ul.ongletsReliesRecents li.recents {width:67px; background: url(/img/traduction/fr/sidebar/recents_on.gif) no-repeat;} #col_droite ul.ongletsReliesRecents li.recents a {width:67px; background: url(/img/traduction/fr/sidebar/recents_off.gif) no-repeat;} #col_droite ul.ongletsReliesRecents li.recents a.on {width:67px; background: url(/img/traduction/fr/sidebar/recents_on.gif) no-repeat;} #col_droite ul.ongletsReliesRecents li.recents a:hover {width:67px; background: url(/img/traduction/fr/sidebar/recents_on.gif) no-repeat;} .bloc {background:url(/img/modele/bg_bloc.gif) repeat-x bottom left; margin-bottom:25px; padding-bottom:10px;} #col_droite .bloc {padding-top:7px; border-top:1px solid #565656;} #col_gauche .commentaires h4 { padding:0 0 10px 0px} #col_gauche .commentaires .txt td { padding:0 0 10px 20px} /*------------------------------------------- EDITION --------------------------------------------*/ .edition { position: relative; float: left;} .edition .bloc {background:none; float:left; width:580px; } .edition .titre {background:#eae613; height:25px; margin-bottom:5px;} .edition .titre img, .edition .content img {border:none;} .edition .titre p {padding:2px 0 0 28px; background:url(/img/picto/fleche-tt-jaune.gif) no-repeat 3px 3px; font:normal 18px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#000} .edition .titre .right ul {padding:2px 3px 0 0;} .edition .titre .right li {margin:0; padding:0; border-right:none} .edition .content {background:#2d2d2d; margin-bottom:5px; padding:5px; color:#fffedb; float:left; width:568px;} .edition .content a {font-size:11px; text-decoration:none} .edition .content ul.ajout li {display:block; padding:6px 6px 6px 15px; border:none; background:url(../../img/picto/puce-fleche-jaune.gif) no-repeat 5px 10px;} .edition .content .done {color:#fffedb; font:normal 22px Arial, Helvetica, sans-serif; text-transform:uppercase; padding:5px; margin-bottom:20px;} .edition .content .done p {font:normal 12px Arial, Helvetica, sans-serif; text-transform:none; margin-bottom:0;} .edition .content .edit {color:#7e7e7e; font:normal 16px Arial, Helvetica, sans-serif; padding:10px; border:#7e7e7e 1px dotted} .edition .section {padding-left:30px;} .edition .section .bloc {background:none; float:left; width:548px; margin-bottom:0} .edition .section .titre {background:#a2a2a2; } .edition .section .titre p {padding:2px 0 0 28px; background:url(/img/picto/fleche-tt-gris.gif) no-repeat 3px 3px; font:normal 18px Arial, Helvetica, sans-serif; text-transform:none; color:#000} .edition .section .content {background:#2d2d2d; margin-bottom:5px; padding:5px; color:#fffedb; float:left; width:538px;} .bloc .form_info {display:none; color:#eae614; font-size:11px; position: absolute; left:590px; clear: none; } .bloc .bloc_form_info { } .bloc .form_info p {margin:0; padding:5px;} .bloc .form_info img {border:none} .edition .bloc .form_info .content {border-left:dotted 1px #75730a; background:none; margin-bottom:0; padding:5 5px 0 20px; width:280px;color:#eae614; } /*------------------------------------------- EDITION --------------------------------------------*/ .pub {margin-bottom:25px; } .display_carte {border:1px solid #ABABAB; margin-bottom:20px;} #cadrecarte {border:1px solid #ABABAB; margin: 10px 0;} /* texte = txt article */ .txt {color:#000;font:normal 11px/14px arial;} .txt a {color:#000;} /* /texte */ /* tableau */ table.tableau { border-top:#9e9c1d 1px dotted; margin:20px 0 20px 20px; color:#fffcd8} .tableau td {border-bottom:#9e9c1d 1px dotted;vertical-align:top; padding:8px;font-size:16px;} .tableau td table td {border-bottom:none;vertical-align:top; padding:2px 5px 0 0 ;font-size:12px;} /* /tableau */ /* bt - lien */ .bt_lien {margin-top:15px;} #col_droite a.lire, a.lire {color:#000;font:bold 11px arial;} #col_droite a:hover.lire, a:hover.lire {color:#000;} /* haut de page */ a.bt_haut_de_page {display:block;margin-top:15px;color:#000;background:url('../img/picto/haut_de_page.gif') no-repeat;padding:0 0 0 10px;} a:hover.bt_haut_de_page {color:#000;} /* imprimer */ a.bt_imprimer {display:block;margin-top:15px;color:#000;background:url('../img/picto/imprimer.gif') no-repeat;padding:0 0 0 25px;} a:hover.bt_imprimer {color:#000;} /* bt - lien */ /* separation */ .sep{ border-left:#eae614 1px dotted; padding-left:5px;} /* separation */ /* formulaire */ input[type='checkbox'] { margin-right: 4px; } input[type='radio'] { margin-right: 4px; } option { -moz-padding-end: 10px; } fieldset { padding: 6px;border:none; border-top: 1px solid #444; margin: 10px 0 20px 0; } fieldset td { padding: 4px 4px 4px 0; } legend { font-weight: bold; color: #999; font-size: 12px; } caption {display:none;} table.form {font:normal 11px/14px arial; width: 100%;} table.form td, table.form th { border-bottom: 1px solid #111; vertical-align:top; padding: 4px 8px 4px 0; font-size: 12px; } table.form th { width: 180px; font-weight:normal;text-align:left; padding: 8px 8px 8px 0;} table.form label, .form label {color:#EAE614; font-size: 12px; } .form .saisie input {font:normal 12px arial;color:#000;border:1px solid #ffffff;background-color:white;} .form .saisie input:focus {font:normal 12px arial;color:#000;border:1px solid #EAE614;background-color:#EAE614;} .form .saisie textarea {font:normal 12px arial;color:#000;border:1px solid #000000;background-color:white;overflow:auto;} .form .saisie select {font:normal 11px arial;color:#000;border:1px solid #000000;background-color:white;} .form .checkbox, .form .radio {background:transparent;border:none;margin-left:30px;margin-right:10px;} .form .checkbox_premier, .form .radio_premier {background:transparent;border:none;margin-right:10px;} *> .form option {padding:0 2px;} .form .libelle {color:#e3edc1; font-size:12px; } .form .bt_form {padding-top:15px;text-align:right;} .form .libelle strong {color:#f00;} .form .no_marge {padding-top:0;} /*form error error_list li { color: #EAE614; font-weight: bold; padding-left: 16px; background: url(/img/picto/puce-fleche-jaune_right.gif) no-repeat left center; vertical-align: middle; }*/ /* ---------- */ .form .obligatoire{font:bold 10px arial;color:#000;padding-top:28px;} .form .indication{font-size:10px;color:blue;} .cnil {font:normal 10px arial;color:#000;padding-top:15px;} .cnil a {color:#000;} /* /formulaire */ /* verif formulaire */ .verif_form {font:normal 11px/14px arial;color:#f00;text-align:left;} .verif_form div {background:#fff;padding:5px;margin-top:10px;} .titre_verif_form {font-weight:bold;} .intro_verif_form {} .verif_form ul {} .verif_form ul li {} .form span.verif_form_erreur {background:white;color:#f00;border:1px solid #f00;display:block;} .form input.verif_form_erreur {background:white;color:#f00;border:1px solid #f00;} .form select.verif_form_erreur {background:white;color:#f00;border:1px solid #f00;} .form textarea.verif_form_erreur{background:white;color:#f00;border:1px solid #f00;} div.verif_form * {width:779px;} div.verif_form ul {width:auto;} div.verif_form li {width:auto;} .form_actions { margin: 10px 0 0 192px;} .sf_apply_notice { margin-top: 20px; } /* verif formulaire */ /* ---------- Étoiles ---------- */ .statistiques { position: relative; clear: both; } .evaluation { background:url(/img/modele/etoiles.gif); width:70px; height: 13px; position: relative; border:none;} .evaluation .resultat { background:url(/img/modele/etoiles.gif) repeat-x 0 -15px; height: 14px; position: absolute; z-index: 10; } .evaluation .etoiles { width:13px; height:14px; position: absolute; top: 0; left: 0; z-index: 20; background: url(/img/transparent.gif) repeat; } .evaluation a.cinq { width:70px; height:14px; z-index:30; } .evaluation a.cinq:hover { background:url(/img/modele/etoiles.gif) repeat-x 0 -28px; } .evaluation a.quatre { width:56px; height:14px; z-index:40; } .evaluation a.quatre:hover { background:url(/img/modele/etoiles.gif) repeat-x 0 -28px; } .evaluation a.trois { width:42px; height:14px; z-index:50; } .evaluation a.trois:hover { background:url(/img/modele/etoiles.gif) repeat-x 0 -28px; } .evaluation a.deux { width:28px; height:14px; z-index:60; } .evaluation a.deux:hover { background:url(/img/modele/etoiles.gif) repeat-x 0 -28px; } .evaluation a.un { width:13px; height:14px; z-index:70; } .evaluation a.un:hover { background:url(/img/modele/etoiles.gif) repeat-x 0 -28px; } .bouton_etoile { width:24px; height:14px; position:absolute; top: 0; left: 0; z-index: 21; background: url(/img/modele/transparent.gif) repeat; } /* ----------/Étoiles ---------- */ p.erreur, p.error, .error_list li { color: #EAE614; font-weight: bold; padding-left: 21px; background: url(../../img/picto/ico_erreur.gif) no-repeat 5px top; } /* form extra */ .list_normal ul li { display: block; border: none; } /* gmap */ .gmap_bubble { text-align: left; } .gmap_bubble td { } .gmap_bubble li a { color: black; font-weight: bold; } .gmap_bubble p { color: black; font-size: 11px; line-height: 14px; padding: 0; } .gmap_bubble h6 { color: #808080; margin: 0; padding: 0;} .gmap_bubble .text-image-l { padding-left: 5px !important; padding-bottom: 20px !important; } .gmap_bubble .gmap_bubble_maincontent { padding: 0 5px 32px 0; } /* ---------- Étoiles gmap ---------- */ .gmap_bubble .evaluation { background:url(/img/modele/etoiles_blanc.gif); width:70px; height: 13px; position: relative; border:none;} .gmap_bubble .evaluation .resultat { background:url(/img/modele/etoiles_blanc.gif) repeat-x 0 -15px; height: 14px; position: absolute; z-index: 10; } .gmap_bubble .evaluation .etoiles { width:13px; height:14px; position: absolute; top: 0; left: 0; z-index: 20; background: url(/img/transparent.gif) repeat; } .gmap_bubble .evaluation a.cinq { width:70px; height:14px; z-index:30; } .gmap_bubble .evaluation a.cinq:hover { background:url(/img/modele/etoiles_blanc.gif) repeat-x 0 -28px; } .gmap_bubble .evaluation a.quatre { width:56px; height:14px; z-index:40; } .gmap_bubble .evaluation a.quatre:hover { background:url(/img/modele/etoiles_blanc.gif) repeat-x 0 -28px; } .gmap_bubble .evaluation a.trois { width:42px; height:14px; z-index:50; } .gmap_bubble .evaluation a.trois:hover { background:url(/img/modele/etoiles_blanc.gif) repeat-x 0 -28px; } .gmap_bubble .evaluation a.deux { width:28px; height:14px; z-index:60; } .gmap_bubble .evaluation a.deux:hover { background:url(/img/modele/etoiles_blanc.gif) repeat-x 0 -28px; } .gmap_bubble .evaluation a.un { width:13px; height:14px; z-index:70; } .gmap_bubble .evaluation a.un:hover { background:url(/img/modele/etoiles_blanc.gif) repeat-x 0 -28px; } .bouton_etoile { width:24px; height:14px; position:absolute; top: 0; left: 0; z-index: 21; background: url(/img/modele/transparent.gif) repeat; } /* ----------/Étoiles gmap ---------- */ /* /gmap */ /* ----------System ---------- */ .systemerror { background:url(../../img/modele/bg-footer.jpg) repeat-x top #070808; padding:20px; /*width:620px;*/ margin: 30px 120px; } #corps_page .systemerror h1 { background: url(/img/picto/ico_grosse_erreur.gif) no-repeat; padding-left: 35px; } /*------------------------------------------- /PROPRIETES SITE --------------------------------------------*/