*
{
margin: 0px;
padding: 0px;
}
*::-moz-selection
{
background: green;
}
body
{
font-family: 'Verdana', Sans-Serif;
background: rgb(55,55,55) url(Fond.jpg) repeat-x;
font-size: 13px;
color: white;
text-align: justify;
}
a
{
color: rgb(255,100,0);
text-decoration: none;
font-weight: bold;
}
a:hover
{
cursor: pointer;
color: rgb(255,200,0);
}
#page a:hover
{
border-bottom: 1px solid rgb(255,100,0);
}
a:focus, a:active
{
outline: none;
}
a img
{
border: none;
}
a.wikipedia
{
color: rgb(0,200,255);
}
a.wikipedia img
{
margin-left: 4px;
margin-bottom: -3px;
}
a.wikipedia:hover
{
color: rgb(0,255,255);
border-bottom-color: rgb(0,200,255) !important;
}
img.smiley
{
position: relative;
margin-bottom: -3px;
}
h1
{
color: rgb(155,255,0);
font-size: 17px;
font-weight: normal;
margin: 8px;
font-family: 'Trebuchet MS', 'Verdana', Sans-Serif;
}
hr
{
border: none;
border-top: 1px solid white;
border-bottom: 1px solid black;
margin-top: 24px;
margin-bottom: 24px;
}
ul
{
margin-left: 16px;
margin-right: 16px;
list-style: url(Puce.png);
}
#milieu
{
background: url(Milieu.jpg) repeat-y center;
}
#haut
{
background: url(Haut.jpg) no-repeat top;
width: 100%;
min-height: 704px;
}
#flash_haut
{
width: 976px;
margin: auto;
margin-bottom: -128px;
}
#page
{
width: 888px;
padding-top: 192px;
padding-bottom: 1px;
margin-left: auto;
margin-right: auto;
min-height: 640px;
}
#bas
{
background: url(Bas.jpg) no-repeat bottom;
width: 100%;
height: 64px;
padding-top: 80px;
}
#bas p
{
text-align: center;
padding-top: 18px;
color: black;
}
#bas a
{
color: rgb(75,75,75);
text-decoration: none;
font-weight: bold;
}
#bas a:hover
{
color: black;
border-bottom: 1px solid red;
}

/* MENU */

#menu
{
position: absolute;
top: 112px;
width: 100%;
height: 64px;
}
#menu #menu_align
{
margin: auto;
width: 888px;
height: 100%;
}
#menu .menu_lien
{
float: left;
background: no-repeat top;
width: 33%;						/* A CHANGER SI BESOIN EST */
vertical-align: top;
overflow: hidden;
}
#menu .menu_lien:hover .sous_menu
{
display: block;
}
#menu .menu_a
{
display: block;
height: 64px;
width: 100%;
}

/* SOUS MENU */

.sous_menu
{
position: relative;
margin-top: -21px;
margin-left: auto;
margin-right: auto;
z-index: 100;
text-align: left;
display: none;
}
.sous_menu img
{
margin-bottom: -3px;
}
#menu td:hover .sous_menu {display: block;}
.sous_menu tr {vertical-align: top;}
.sous_menu_haut, .sous_menu_bas
{
position: relative;
height: 16px;
background: no-repeat center;
width: 218px;
margin: auto;
}
.sous_menu_haut
{
height: 5px;
margin-top: -19px;
background-image: url(Sous_menu_haut.png);
}
.sous_menu_bas
{
background-image: url(Sous_menu_bas.png);
}
.sous_menu ul li {list-style: none;}
.sous_menu li
{
height: 20px;
padding-top: 4px;
background: url(Sous_menu_milieu_off.png) repeat-y center;
width: 218px;
margin: auto;
}
.sous_menu li:hover {background: url(Sous_menu_milieu_on.png) no-repeat center;}
.sous_menu a
{
display: block;
margin: auto;
padding-left: 8px;
width: 194px; /* -24px que .sous_menu li */
height: 100%;
color: black;
}
.sous_menu a:hover
{
}
#sous_menu_page
{
display: block;
position: static;
z-index: 1;
margin-top: 32px;
}

/* MESSAGE */

#message
{
background: url(Fond_message.jpg) no-repeat top;
width: 100%;
height: 704px;
}
#message #contenu
{
width: 608px;
height: 384px;
margin: auto;
margin-top: 200px;
text-align: center;
color: black;
}
#message #contenu a:hover
{
color: rgb(255,0,0);
}
#message .continuer
{
background: url(Continuer_off.jpg) no-repeat;
display: block;
width: 136px;
height: 32px;
margin-top: 24px;
}
#message .continuer:hover
{
background-image: url(Continuer_on.jpg);
}

/* AVERTISSEMENT */

.avertissement
{
background: url(Fond_rouge_50.png);
border: 1px solid red;
width: 60%;
margin: auto;
padding: 4px;
margin-bottom: 24px;
}
.avertissement p
{
background: url(Avertissement.png) no-repeat left;
min-height: 64px;
padding-left: 68px;
padding-right: 4px;
}
.avertissement a
{
color: rgb(255,200,0);
border-bottom: none !important;
}

/* MENU ADMIN */

#menu_admin
{
background: url(Fond_noir_25.png);
border: 1px solid black;
text-align: center;
padding: 4px;
width: 75%;
margin: auto;
margin-bottom: 16px;
}
#menu_admin a
{
color: rgb(200,200,200);
}
#menu_admin a:hover
{
color: white;
}

/* IMAGE */

.image
{
background: white;
color: black;
font-size: 10px;
font-weight: bold;
text-align: left;
border-right: 2px solid black;
border-bottom: 2px solid black;
padding: 6px;
margin: 8px;
margin-bottom: 0px;
text-align: center;
}
.image a:hover
{
border-bottom: none !important;
}
.image .texte
{
margin-top: 4px;
/*margin-right: 30px;*/
/*min-height: 24px;*/
}
.image .enregistrer
{
float: right;
margin-top: 4px;
}
.image .enregistrer a
{
background: url(Image_enregistrer_off.png) no-repeat;
display: block;
width: 24px;
height: 24px;
}
.image .enregistrer a:hover
{
background: url(Image_enregistrer_on.png) no-repeat;
}

/* LIGHTBOX */

#jquery-overlay
{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
}
#jquery-lightbox
{
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#jquery-lightbox a, #jquery-lightbox a img
{
border: none;
}
#lightbox-container-image-box
{
position: relative;
background-color: white;
width: 250px;
height: 250px;
margin: 0 auto;
}
#lightbox-container-image
{
padding: 10px;
}
#lightbox-loading
{
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#lightbox-nav
{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav
{
left: 0;
}
#lightbox-nav a
{
outline: none;
}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext
{
width: 49%;
height: 100%;
zoom: 1;
display: block;
}
#lightbox-nav-btnPrev
{
background: url(Lightbox_precedent_off.png) left 15% no-repeat !important;
left: 0;
float: left;
}
#lightbox-nav-btnNext
{
background: url(Lightbox_suivant_off.png) right 15% no-repeat !important;
right: 0;
float: right;
}
#lightbox-nav-btnPrev:hover
{
background: url(Lightbox_precedent_on.png) left 15% no-repeat !important;
}
#lightbox-nav-btnNext:hover
{
background: url(Lightbox_suivant_on.png) right 15% no-repeat !important;
}
#lightbox-container-image-data-box
{
font: 10px Verdana;
background-color: white;
margin: 0 auto;
line-height: 1.4em;
overflow: hidden;
width: 100%;
padding: 0 10px 0;
padding-bottom: 10px;
}
#lightbox-container-image-data
{
padding: 0 10px;
color: black;
}
#lightbox-container-image-data #lightbox-image-details
{
position: relative;
margin-top: -4px;
margin-left: -10px;
width: 70%;
float: left;
text-align: left;
padding-bottom: 0px;
}
#lightbox-image-details-caption
{
font-weight: bold;
}
#lightbox-image-details-currentNumber
{
display: block;
clear: left;
}
#lightbox-secNav-btnClose
{
position: relative;
margin-right: -10px;
width: 66px;
height: 22px;
float: right;
}

/* INFOBULLE */

#infobulle
{
position: absolute;
background: url(Fond_noir_75.png);
color: white;
padding: 4px;
visibility: hidden;
z-index: 50;
}

/* FORMULAIRES */

#formulaire
{
width: 720px;
margin: auto;
text-align: left;
}
#formulaire .gauche
{
width: 100%;
background: url(Fond_blanc_25.png);
border: 1px solid rgb(155,155,155);
padding: 4px;
font-weight: bold;
}
#formulaire .droite
{
width: 100%;
background: url(Fond_noir_25.png);
border: 1px solid rgb(125,125,125);
padding: 4px;
}
#formulaire img[alt="X"], #formulaire img[alt="V"]
{
position: absolute;
margin-left: -16px;
cursor: pointer;
}
#formulaire img[alt="X"]:hover, #formulaire img[alt="V"]:hover
{
cursor: pointer;
}
#formulaire input, #formulaire select, #formulaire textarea
{
background: none;
border: none;
color: white;
width: 512px;
font-family: 'Verdana', Sans-Serif;
font-size: 13px;
}
#formulaire textarea
{
text-align: justify;
background: url(Fond_noir_25.png);
border: 1px solid rgb(125,125,125);
padding: 4px;
width: 702px;
margin-left: 4px;
margin-bottom: 4px;
}
#formulaire input[type="submit"], #formulaire input[type="button"]
{
padding: 4px;
width: 354px;
margin-left: 4px;
background: url(Fond_blanc_25.png);
font-weight: bold;
}
#formulaire input[type="submit"]:hover, #formulaire input[type="button"]:hover
{
background: white;
color: black;
cursor: pointer;
}

/* LETTRINES */

#article_chapeau:first-letter, #news .news .milieu:first-letter, #banc_essai_test_contenu #chapeau:first-letter, #croquis_description:first-letter
{
float: left;
position: relative;
font-family: 'Lucida Console';
font-size: 3.2em;
font-weight: bold;
font-style: normal;
text-decoration: none;
text-transform: uppercase;
margin-top: 4px;
padding-right: 4px;
}

/* URL */

#url
{
background: url(Fond_noir_25.png);
border: 1px solid rgb(255,100,0);
border-left-width: 6px;
padding: 2px;
padding-left: 0px;
margin-bottom: 16px;
text-align: left;
}
#url a
{
padding: 2px;
padding-left: 4px;
padding-right: 4px;
color: white;
}
#url a:hover
{
background: rgb(255,100,0);
color: black;
border-bottom: none !important;
}

/* INFOS */

#infos_profil
{
font-size: 21px;
font-family: 'Franklin Gothic Medium';
}
#infos_competences
{
font-size: 11px;
border-collapse: collapse;
}
#infos_competences tr#legende td
{
color: rgb(155,255,0);
font-weight: bold;
padding-bottom: 4px;
border-bottom: 2px solid rgb(155,255,0);
}
#infos_competences td
{
border-left: 2px solid rgb(155,255,0);
border-right: 2px solid rgb(155,255,0);
width: 20%;
vertical-align: top;
text-align: center;
}
#infos_competences ul
{
margin-top: 4px;
list-style: none;
}
#infos_competences ul i
{
color: rgb(200,200,200);
font-size: 9px;
}

#infos_interets i
{
color: rgb(200,200,255);
}

/* NEWS */

#news
{
float: left;
width: 613px;
}
#news .news
{
width: 100%;
color: white;
}
/* Voir Articles pour Lettrine */
#news .news .haut
{
background: url(News_haut.png) no-repeat;
width: 100%;
height: 15px;
margin-left: 1px;
padding-top: 12px;
text-align: center;
font-size: 15px;
font-weight: bold;
color: rgb(155,255,0);
}

#news .news .haut .date
{
position: absolute;
margin-top: -16px;
margin-left: 24px;
font-size: 11px;
font-weight: normal;
font-style: italic;
color: rgb(200,200,200);
}
#news .news > .milieu
{
background: url(News_milieu.png) repeat-y;
width: 581px;
padding-top: 8px;
padding-left: 16px;
padding-right: 16px;
}
#news .news .bas
{
background: url(News_bas.png) no-repeat;
width: 100%;
height: 25px;
padding-top: 2px;
text-align: center;
font-size: 10px;
}
#news .news .bas a
{
color: rgb(200,200,200);
}
#news .news .bas a:hover
{
color: white;
}
#news #pages
{
width: 136px;
height: 24px;
margin: auto;
margin-top: 16px;
font-family: 'Trebuchet MS', 'Verdana', Sans-Serif;
font-size: 11px;
}
#news #pages .precedent, #news #pages .precedent_off
{
float: left;
width: 50%;
height: 100%;
text-align: right;
background: url(News_pages_prec_on.png) no-repeat;
}
#news #pages .suivant, #news #pages .suivant_off
{
float: left;
width: 50%;
height: 100%;
text-align: left;
background: url(News_pages_suiv_on.png) no-repeat;
}
#news #pages .precedent:hover
{
background: url(News_pages_prec_hover.png) no-repeat;
}
#news #pages .suivant:hover
{
background: url(News_pages_suiv_hover.png) no-repeat;
}
#news #pages .precedent_off
{
cursor: default;
background: url(News_pages_prec_off.png) no-repeat;
}
#news #pages .suivant_off
{
cursor: default;
background: url(News_pages_suiv_off.png) no-repeat;
}
#news #pages a
{
border: none;
display: block;
height: 16px;
width: 60px;
padding: 4px;
color: black;
font-weight: normal;
}
#news #pages a:hover
{
color: rgb(55,55,55);
}
#news #pages div p
{
color: rgb(200,200,200);
padding: 4px;
}

/* LIENS */

#liens
{
width: 264px;
float: right;
}
#liens .haut
{
background: url(Liens_haut.png) no-repeat;
width: 100%;
height: 8px;
}
#liens > .milieu
{
background: url(Liens_milieu.png) repeat-y;
width: 100%;
padding-top: 4px;
padding-bottom: 4px;
}
#liens .bas
{
background: url(Liens_bas.png) no-repeat;
width: 100%;
height: 8px;
}
#liens h1
{
font-family: 'Verdana', Sans-Serif;
font-size: 13px;
font-weight: bold;
margin: 0px;
margin-left: 8px;
margin-bottom: 4px;
color: black;
/*text-shadow: 1px 1px 2px black;*/
}
#liens h1 a
{
color: black !important;
}
#liens h1 img
{
margin-bottom: -2px;
margin-right: 5px;
}
#liens h1 .ombre
{
position: absolute;
margin-left: -1px;
color: white;
}
#liens p
{
text-align: justify;
font-size: 10px;
margin-left: 12px;
margin-right: 12px;
margin-bottom: 16px;
color: rgb(200,200,200);
}
#liens p a
{
color: white;
}
#liens #derniers_articles
{
margin-bottom: 16px;
}
#liens #derniers_articles h1
{
margin-bottom: 8px;
}
#liens #derniers_articles h1 a
{
color: white;
border-bottom: none !important;
}
#liens #derniers_articles .article
{
width: 248px;
height: 24px;
margin: auto;
text-align: left;
white-space: nowrap;
}
#liens #derniers_articles .article:hover
{
cursor: pointer;
}
#liens  #derniers_articles .article .gauche
{
background: url(Derniers_articles_gauche_off.png) no-repeat;
float: left;
height: 100%;
width: 23px;
}
#liens  #derniers_articles .article .milieu
{
background: url(Derniers_articles_milieu_off.png);
height: 100%;
/*margin-left: 23px;
margin-right: 5px;*/
overflow: hidden;
}
#liens  #derniers_articles .article .droite
{
background: url(Derniers_articles_droite_off.png) no-repeat;
float: right;
height: 100%;
width: 5px;
}
#liens  #derniers_articles .article:hover .gauche {background: url(Derniers_articles_gauche_on.png) no-repeat;}
#liens  #derniers_articles .article:hover .milieu {background: url(Derniers_articles_milieu_on.png);}
#liens  #derniers_articles .article:hover .droite {background: url(Derniers_articles_droite_on.png) no-repeat;}
#liens  #derniers_articles .article a
{
display: block;
width: 100%;
height: 100%;
color: white;
font-weight: normal;
font-family: 'Trebuchet MS', 'Verdana', Sans-Serif;
padding-top: 2px;
padding-bottom: 4px;
padding-left: 4px;
border-bottom: none !important;
}

/* Liens & Partenaires */
#liens ul
{
list-style: none;
margin-left: 16px;
text-align: left;
}
#liens ul a
{
color: rgb(200,200,200);
padding-left: 21px;
}
#liens ul a:hover
{
color: rgb(155,255,0);
border-bottom: none !important;
}
#liens ul img
{
margin-bottom: -4px;
margin-right: 5px;
margin-left: -21px;
}

/* MODIFIER INFOS DU SITE */

#modifier_infos
{
}
#modifier_infos tr
{
vertical-align: top;
}
#modifier_infos textarea
{
background: none;
border: none;
margin: 0px;
padding: 0px;
width: 512px;
}
#modifier_infos input[type=submit]
{
width: 712px;
}

/* MODIFIER LIENS & PARTENAIRES */

#modifier_liens
{
}
#modifier_liens .lien
{
color: white;
font-size: 13px;
}
#modifier_liens a
{
color: rgb(200,200,200);
font-size: 10px;
}
#modifier_liens a:hover
{
color: white;
border-bottom: none !important;
}
#modifier_liens img
{
margin-bottom: -4px;
margin-right: 5px;
height: 16px;
width: 16px;
}
#modifier_liens input[type=submit]
{
width: 712px;
}

/* CHRONIQUES */

/* Menu */
#chroniques_menu
{
background: url(Chroniques_menu.png) no-repeat;
width: 864px;
height: 16px;
margin-bottom: 16px;
padding: 8px;
padding-left: 16px;
}
#chroniques_menu, #chroniques_menu a
{
color: black;
font-weight: bold;
border-bottom: none !important;
/*text-shadow: 1px 1px 2px black;*/
}
#chroniques_menu .ombre a:hover
{
color: rgb(255,200,0);
border-bottom: none !important;
}
#chroniques_menu .ombre
{
position: absolute;
margin-top: -1px;
margin-left: -1px;
}
#chroniques_menu .ombre, #chroniques_menu .ombre a
{
color: white;
}

/* Formulaire tags (menu) */
#form_tags, #test_recherche
{
position: relative;
float: right;
margin-top: -16px;
}
#form_tags input[type=text], #test_recherche input[type=text]
{
background: url(Chroniques_tags_champ.png) no-repeat;
border: none;
width: 240px;
height: 16px;
padding-left: 8px;
padding-right: 8px;
float: left;
}
#form_tags input[type=button], #test_recherche input[type=button]
{
background: url(Chroniques_tags_bouton_off.png) no-repeat;
border: none;
position: relative;
width: 20px;
height: 20px;
margin-top: -2px;
margin-left: -2px;
float: left;
}
#form_tags input[type=button]:hover, #test_recherche input[type=button]:hover
{
cursor: pointer;
background: url(Chroniques_tags_bouton_on.png) no-repeat;
width: 20px;
height: 20px;
}

/* Nuage de tags */
#tags_nuage
{
margin: 16px;
padding: 8px;
background: url(Fond_noir_25.png);
border: 1px solid rgb(125,125,125);
}
#tags_nuage a
{
color: white;
}
#tags_nuage a:hover
{
color: rgb(155,255,0);
border-bottom-color: white;
}
#tags_nuage #affichage
{
position: relative;
text-align: center;
font-size: 11px;
margin-top: -6px;
margin-bottom: 8px;
}
#tags_nuage #affichage a
{
padding: 2px 4px 2px 4px;
}
#tags_nuage #affichage a:hover
{
text-decoration: none;
border-bottom: none !important;
}
#tags_nuage #affichage a[rel=on]
{
background: rgb(125,125,125);
}
#tags_nuage #affichage_nuage
{
text-align: center;
}
#tags_nuage #affichage_liste div
{
float: left;
width: 25%;
text-align: right;
}
#tags_nuage #affichage_nuage a, #tags_nuage #affichage_liste a
{
font-weight: normal;
}
#tags_nuage #affichage_nuage a[rel=on], #tags_nuage #affichage_liste a[rel=on]
{
color: rgb(255,100,0);
}
#tags_nuage #affichage_nuage a
{
margin: 8px;
}

/* Liste */
.chroniques_article
{
float: left;
height: 56px;
}
.chroniques_article .gauche
{
background: url(Chroniques_liste_gauche_off.png) no-repeat;
height: 56px;
width: 12px;
position: relative;
margin-bottom: -56px;
}
.chroniques_article .milieu
{
background: url(Chroniques_liste_milieu_off.png) repeat-x;
height: 52px;
color: black;
font-size: 12px;
line-height: 15px;
padding-top: 4px;
margin-left: 12px;
margin-right: 12px;
}
.chroniques_article .droite
{
background: url(Chroniques_liste_droite_off.png) no-repeat;
height: 56px;
width: 12px;
float: right;
margin-top: -56px;
}
.chroniques_article:hover .gauche {background-image: url(Chroniques_liste_gauche_on.png);}
.chroniques_article:hover .milieu {background-image: url(Chroniques_liste_milieu_on.png);}
.chroniques_article:hover .droite {background-image: url(Chroniques_liste_droite_on.png);}
.chroniques_article img
{
float: left;
position: relative;
margin-right: 3px;
margin-left: -5px;
}
.chroniques_article .titre
{
font-weight: bold;
font-size: 13px;
white-space: nowrap;
}
.chroniques_article .titre a
{
color: black;
border-bottom: none !important;
}
.chroniques_article .tags
{
background: url(Chroniques_tags.png) no-repeat left;
padding-left: 16px;
white-space: nowrap;
}
.chroniques_article .tags a
{
color: black;
font-weight: normal;
}
.chroniques_article .tags a:hover
{
text-decoration: underline;
border-bottom: none !important;
}
.chroniques_article .date
{
background: url(Chroniques_date.png) no-repeat left;
padding-left: 16px;
font-style: italic;
white-space: nowrap;
}

/* Article */
#article_chapeau
{
font-weight: bold;
margin-bottom: 16px;
}

/* Nouveau */
#tags_liste
{
position: absolute;
display: none;
background: rgb(125,125,125);
padding: 8px;
width: 256px;
margin-top: 5px;
margin-left: 245px;
max-height: 512px;
overflow: auto;
}
#tags_liste a
{
color: white;
font-weight: normal;
}
#tags_liste a:hover
{
text-decoration: underline;
border-bottom: none !important;
}

/* PROJETS */

/* Menu */
/* Voir Menu admin de Chroniques (#chroniques_menu_admin) */

/* Liste (voir les catégories) */
#projets .categorie
{
background: no-repeat left;
height: 128px;
width: 100%;
margin-bottom: 8px;
}
#projets .categorie a
{
display: block;
height: 128px;
width: 100%;
color: white;
font-weight: normal;
}
#projets .categorie a:hover
{
background: url(Fond_blanc_25.png);
border-bottom: none !important;
}
#projets .categorie span
{
display: block;
margin-left: 136px;
text-align: left;
}
#projets .categorie .nom
{
padding-top: 40px;
font-size: 19px;
}
#projets .categorie .description
{
}

/* Categorie (voir les fiches d'une catégorie) */
.fiche
{
background: url(Projets_fiche_off.png) no-repeat;
height: 320px;
width: 288px;
margin-left: 6px;
margin-bottom: 6px;
text-align: center;
float: left;
}
.fiche:hover
{
background: url(Projets_fiche_on.png) no-repeat;
}
.fiche a
{
display: block;
height: 256px;
width: 224px;
margin: 16px;
padding: 16px;
color: white;
border-bottom: none !important;
}
.fiche .nom
{
display: block;
margin-top: 12px;
}

/* Fiche */
#fiche
{
}
#fiche .nom
{
text-align: center;
font-size: 19px;
}
#fiche .contenu
{
margin-top: 24px;
}

/* STATISTIQUES */

.statistiques
{
margin-left: 24px;
margin-right: 24px;
width: 360px;
}
.statistiques h1
{
text-align: center;
}
.statistiques table
{
width: 100%;
margin: auto;
}
.statistiques a
{
display: block;
color: white;
padding: 4px;
border-bottom: none !important;
}
.statistiques img
{
margin-bottom: -2px;
margin-left: 5px;
}
.statistiques .gauche
{
width: 80%;
background: url(Fond_blanc_25.png);
border: 1px solid rgb(155,155,155);
/*padding: 4px; VF les liens (a)*/
font-weight: bold;
text-align: right;
}
.statistiques .droite
{
width: 20%;
background: url(Fond_noir_25.png);
border: 1px solid rgb(125,125,125);
padding: 4px;
text-align: left;
}
.statistiques tr:hover .gauche
{
background: white;
border: 1px solid white;
color: black;
}
.statistiques tr:hover .droite
{
border: 1px solid white;
}
.statistiques tr:hover a
{
color: black;
}
.statistiques .calendrier
{
background: url(Fond_noir_25.png);
border: 1px solid rgb(125,125,125);
width: 354px;
margin-left: 2px;
padding-top: 9px;
padding-bottom: 8px;
text-align: center;
}
.statistiques .calendrier .jours
{
width: 336px;
margin: auto;
}
.statistiques .calendrier .barre_jour
{
float: left;
width: 24px;
height: 148px;
}
.statistiques .calendrier .barre_jour .couleur
{
width: 100%;
background: white;
overflow: hidden;
}
.statistiques .calendrier .barre_jour .barre_nombre
{
color: black;
font-size: 9px;
}
.statistiques .calendrier .barre_jour .jour
{
margin-top: 4px;
font-size: 9px;
}
.statistiques .calendrier .mois
{
margin-top: 6px;
font-weight: bold;
}

/* BANC D'ESSAI */

#banc_essai_menu
{
background: url(Chroniques_menu.png) no-repeat;
width: 864px;
height: 16px;
margin-bottom: 16px;
padding: 8px;
padding-left: 16px;
}
/* Pour les parents voir "form_tags" */
#test_recherche
{
margin-top: 0px;
}
#test_recherche #test_ordre
{
position: absolute;
left: -487px;
color: black;
}
#test_recherche #test_ordre .ombre
{
position: absolute;
margin-top: -1px;
margin-left: -1px;
width: 480px;
color: white;
}
#test_recherche #test_ordre .on
{
border-bottom: 1px solid rgb(155,255,0);
}
#test_recherche #test_ordre a
{
color: white;
}
#test_recherche #test_ordre a:hover
{
color: rgb(155,255,0);
border-bottom-color: white;
}
#test_recherche select
{
background: url(Chroniques_tags_champ.png) left;
border: none;
height: 16px;
width: 96px;
margin-top: 0px;
margin-right: 8px;
text-align: center;
float: left;
}
#test_recherche select:hover, #test_recherche select:focus
{

}
#test_recherche option
{
background: rgb(200,200,200) url(Chroniques_tags_champ.png) right;
color: black;
}
#test_recherche option:hover, #test_recherche option:focus
{
background: black;
color: white;
}
#banc_essai_liste
{
margin: auto;
}
#banc_essai_liste td
{
width: 288px;
padding-left: 4px;
padding-right: 4px;
padding-bottom: 24px;
vertical-align: top;
}
#banc_essai_liste
{
margin-bottom: 16px;
}
#banc_essai_liste h1
{
margin-bottom: 8px;
color: white;
}
#banc_essai_liste h1 a
{
color: white;
border-bottom: none !important;
}
#banc_essai_liste h1 img
{
position: relative;
margin-bottom: -6px;
margin-right: 6px;
}
#banc_essai_liste .banc_essai_liste_deroulante
{
overflow: auto;
height: 240px;
width: 100%;
}
#banc_essai_liste .test
{
width: 272px;
height: 24px;
margin-right: auto;
text-align: left;
white-space: nowrap;
}
#banc_essai_liste .test:hover
{
cursor: pointer;
}
#banc_essai_liste .test .gauche
{
background: url(Derniers_articles_gauche_off.png) no-repeat;
float: left;
height: 100%;
width: 23px;
}
#banc_essai_liste .test .milieu
{
background: url(Derniers_articles_milieu_off.png);
height: 100%;
/*margin-left: 23px;
margin-right: 5px;*/
overflow: hidden;
}
#banc_essai_liste .test .droite
{
background: url(Derniers_articles_droite_off.png) no-repeat;
float: right;
height: 100%;
width: 5px;
}
#banc_essai_liste .test:hover .gauche {background: url(Derniers_articles_gauche_on.png) no-repeat;}
#banc_essai_liste .test:hover .milieu {background: url(Derniers_articles_milieu_on.png);}
#banc_essai_liste .test:hover .droite {background: url(Derniers_articles_droite_on.png) no-repeat;}
#banc_essai_liste .test a
{
display: block;
width: 100%;
height: 100%;
color: white;
font-weight: normal;
font-family: 'Trebuchet MS', 'Verdana', Sans-Serif;
padding-top: 2px;
padding-bottom: 4px;
padding-left: 4px;
border-bottom: none !important;
}
#banc_essai_liste .test .note
{
color: rgb(155,255,0);
float: right;
margin-top: -18px;
margin-right: 3px;
}
#banc_essai_liste .test .note img
{
margin-top: 2px;
}
#banc_essai_test_infos
{
background: rgb(100,100,100);
border-bottom: 2px solid black;
padding: 4px;
margin-bottom: 16px;
}
#banc_essai_test_infos .valeurs, #banc_essai_test_infos .valeurs a
{
color: rgb(155,255,0);
font-weight: bold;
}
#banc_essai_test_infos .valeurs a:hover
{
color: white;
border-bottom-color: rgb(155,255,0);
}
#banc_essai_test_infos #retour
{
background: rgb(125,125,125);
margin-top: -20px;
margin-right: -4px;
height: 24px;
width: 96px;
float: right;
border-left: 4px solid rgb(75,75,75);
border-bottom: 2px solid rgb(75,75,75);
}
#banc_essai_test_infos #retour a
{
color: white;
display: block;
height: 21px;
width: 100%;
text-align: center;
padding-top: 3px;
border-bottom: 2px solid black;
}
#banc_essai_test_infos #retour a:hover
{
background: white;
color: black;
border: none;
border-bottom: 2px solid black;
}
/* Voir articles pour lettrines */
#banc_essai_test_contenu
{

}
#banc_essai_test_contenu #chapeau
{
font-weight: bold;
margin-bottom: 16px;
}
#banc_essai_test_contenu #conclusion_haut
{
color: black;
font-size: 17px;
font-weight: normal;
font-family: 'Trebuchet MS', 'Verdana', Sans-Serif;
background: rgb(255,155,0);
position: relative;
padding-left: 4px;
padding-top: 2px;
margin: 16px;
margin-bottom: -16px;
}
#banc_essai_test_contenu #conclusion
{
background: url(Fond_orange_25.png);
border: 2px solid rgb(255,155,0);
font-weight: bold;
margin: 16px;
padding: 8px;
}
#banc_essai_test_contenu #tableau_points
{
margin: auto;
}
#banc_essai_test_contenu #tableau_points td
{
padding-left: 32px;
padding-right: 32px;
vertical-align: top;
}
#banc_essai_test_contenu #pts_forts_haut, #banc_essai_test_contenu #pts_faibles_haut
{
width: 296px;
padding-left: 12px;
font-family: 'Trebuchet MS', 'Verdana', Sans-Serif;
font-size: 17px;
}
#banc_essai_test_contenu #pts_forts, #banc_essai_test_contenu #pts_faibles
{
width: 296px;
padding: 2px;
padding-left: 0px;
padding-right: 4px;
}
#banc_essai_test_contenu #pts_forts_haut img, #banc_essai_test_contenu #pts_faibles_haut img
{
margin-bottom: -2px;
}
#banc_essai_test_contenu #pts_forts_haut
{
color: rgb(0,255,0);
}
#banc_essai_test_contenu #pts_forts
{
background: url(Fond_vert_25.png);
border: 2px solid rgb(0,255,0);
}
#banc_essai_test_contenu #pts_forts ul
{
list-style-image: url(Points_forts_puce.png);
}
#banc_essai_test_contenu #pts_faibles_haut
{
color: rgb(255,0,0);
}
#banc_essai_test_contenu #pts_faibles
{
background: url(Fond_rouge_25.png);
border: 2px solid rgb(255,0,0);
}
#banc_essai_test_contenu #pts_faibles ul
{
list-style-image: url(Points_faibles_puce.png);
}
/* Formulaire */
#banc_essai_form_pts
{

}
#banc_essai_form_pts textarea
{
width: 344px;
margin: 0px;
}
#banc_essai_form_pts textarea[name=pts_forts]
{
border-color: rgb(0,255,0);
}
#banc_essai_form_pts textarea[name=pts_faibles]
{
border-color: rgb(255,0,0);
}
/* Modif categories */
#banc_essai_modif_categories
{

}
#banc_essai_modif_categories table
{
margin: auto;
}
#banc_essai_modif_categories td
{
background: url(Fond_noir_25.png);
border: 1px solid rgb(125,125,125);
padding: 4px;
}
#banc_essai_modif_categories tr:hover td
{
background: url(Fond_blanc_25.png);
border: 1px solid rgb(155,155,155);
}
#banc_essai_modif_categories #legende
{
font-weight: bold;
}
#banc_essai_modif_categories input, #banc_essai_modif_categories select, #banc_essai_modif_categories textarea
{
background: none;
border: none;
color: white;
width: 100%;
font-family: 'Verdana', Sans-Serif;
font-size: 13px;
}
#banc_essai_modif_categories img[alt="X"]:hover, #banc_essai_modif_categories img[alt="V"]:hover
{
cursor: pointer;
}
#banc_essai_modif_categories input[type="submit"], #banc_essai_modif_categories input[type="button"]
{
padding: 4px;
width: 422px;
margin-left: 4px;
background: url(Fond_blanc_25.png);
font-weight: bold;
}
#banc_essai_modif_categories input[type="submit"]:hover, #banc_essai_modif_categories input[type="button"]:hover
{
background: white;
color: black;
cursor: pointer;
}

/* CROQUIS D'UN NERD */

#croquis
{

}
#croquis_description
{
min-height: 48px;
margin-bottom: 12px;
}
#croquis_dir ul
{
list-style: none;
}
#croquis_dir li
{
margin-bottom: 2px;
}
#croquis_dir a
{
color: white;
}
#croquis_dir a:hover, #croquis_dir a:focus
{
color: rgb(255,75,0);
border: none;
}
.croquis_liste_icone
{
position: relative;
margin-bottom: -3px;
margin-right: 4px;
}
#croquis_file
{
text-align: center;
}
#croquis .image /* Voir image plus haut pour tous les attributs */
{
margin: 0px;
margin-top: 12px;
margin-bottom: 12px;
}
.croquis_page
{
width: 120px;
height: 24px;
margin: auto;
}
.croquis_page_off
{
width: 24px;
height: 100%;
float: left;
}
.croquis_page .croquis_page_prec
{
background: url(Croquis_pages_prec_off.png) no-repeat;
width: 24px;
height: 100%;
float: left;
}
.croquis_page .croquis_page_prec:hover
{
background: url(Croquis_pages_prec_on.png) no-repeat;
}
.croquis_page .croquis_page_info
{
background: url(Croquis_pages_fond_off.png) no-repeat;
width: 64px;
height: 21px;
padding-top: 3px;
margin-left: 4px;
margin-right: 4px;
float: left;
color: white;
font-weight: bold;
}
.croquis_page .croquis_page_info:hover
{
background: url(Croquis_pages_fond_on.png) no-repeat;
color: black;
}
.croquis_page .croquis_page_suiv
{
background: url(Croquis_pages_suiv_off.png) no-repeat;
width: 24px;
height: 100%;
float: left;
}
.croquis_page .croquis_page_suiv:hover
{
background: url(Croquis_pages_suiv_on.png) no-repeat;
}
.croquis_page .croquis_page_prec a, .croquis_page .croquis_page_suiv a
{
display: block;
width: 100%;
height: 100%;
}
.croquis_page .croquis_page_prec a:hover, .croquis_page .croquis_page_suiv a:hover
{
border: none !important;
}

/* FORMATAGE DE CONTENU */

.b, .bold, .g, .gras {font-weight: bold;}
.i, .italic, .italique {font-style: italic;}
.u, .underline, .s, .souligne {text-decoration: underline;}
.s, .barre, .k {text-decoration: line-through;}
.super, .exposant {vertical-align: super;}
.sub, .indice {vertical-align: sub;}
.left, .gauche, .center, .centre, .right, .droite, .justify, .justifie {margin: 0px;} /*A REGLER POUR EVITER DECALAGE AVEC RESTE DU TEXTE (DESSUS & DESSOUS)*/
.left, .gauche {text-align: left;}
.center, .centre {text-align: center;}
.center div, .centre div {margin-left: auto; margin-right: auto;}
.right, .droite {text-align: right;}
.justify, .justifie {text-align: justify;}
.float_gauche, .float_left {float: left;}
.float_droite, .float_right {float: right;}
.float_clear {clear: both;}

.galerie
{
text-align: center;
margin: auto;
margin-bottom: -8px;
}
.galerie td
{
vertical-align: top;
}

.quote_auteur, .quote, .code_haut, .code
{
display: block;
width: 90%;
margin: auto;
}
.quote_auteur, .code_haut
{
background: rgb(100,100,100);
padding-top: 2px;
padding-bottom: 2px;
padding-left: 8px;
padding-right: 2px;
font-weight: bold;
margin-top: 16px;
}
.quote, .code
{
background: url(Fond_noir_25.png);
border: 1px solid rgb(100,100,100);
padding: 4px;
margin-bottom: 16px;
}
.code
{
font-family: 'Lucida Console', Monospace;
}
.flash
{
margin: auto;
}