/* General.
   ---------------------------------------- */
html,body {
height:100%;
}
html,table { font-size: 100%; }
body {
background: white;
font-family:arial,sans-serif;
font-size:84%;
color:#4d4d4d;
}
body,p,ul,form,td {
list-style: none;
margin: 0;
padding: 0;
}
option[selected="selected"] { font-weight: bold; }
a {
color:#3964C2;
text-decoration:none;
}
a:hover {
color:#3964C2;
text-decoration: none;
}
.lien_js { text-decoration: none; }
.lien_js:hover { text-decoration:none; }
#ensemble { width:100%; }
img { border: 0; }
#msg_erreur,
#msg_succes {
margin: 20px 15px 10px;
line-height: 1.8em;
font-weight: bold;
font-size: 110%;
letter-spacing: .03em;
padding: 5px 15px;
border-style: solid;
border-width: 2px 0;
color: white;
}
#msg_erreur {
background-color: #D87A7A;
border-color: #D05C5C;
}
#msg_succes {
background-color: #7AABD8;
border-color: #5B98D1;
}
/* Sidebar.
   ---------------------------------------- */
#panneau {
vertical-align: top;
background-color:#f3f3f3;
width:200px;
}

/* reduction */
#reduction {
background:#F3F3F3 url(ombre.gif) repeat-y scroll left top;
padding-top:10px;
vertical-align:top;
width:20px;
}
#reduction img { border:medium none; }
#enlarge_icon {
cursor:pointer;
position:relative;
height:24px;
width:16px;
margin-right:4px;
}
.enlarge_opened { background:transparent url(igalsprite.gif) no-repeat scroll -16px 0px; }
.enlarge_closed { background:transparent url(igalsprite.gif) no-repeat scroll; }
#div_panneau_1 {
width: 200px;
margin-right:10px;
margin-top:25px;
color:#666666;
}
#div_panneau_2 { padding-bottom: 5px; }
#options form {
padding: 0 10px 10px;
border-bottom: 1px solid silver;
}
#recherche { padding:0 10px 6px; }
#recherche form {
border-bottom: 0;
margin: 0;
}
#categories { margin-bottom:15px; }
#categories select {
border:1px solid #aaaaaa;
color:#666;
}
#options_lignes form { border: 0; }
.pan_titre a {
color:#3964C2;
padding-right: 10px;
background-repeat: no-repeat;
background-position:right center;
text-decoration: none;
}
/* Sidebar : navigation.
   ---------------------------------------- */
.HeaderTable {
background:#F1F1F1 url(headergrad.gif) repeat-x scroll center bottom;
border-top:1px solid #E6E6E6;
height:38px;
margin:0;
padding:0;
width:100%;
}
.HeaderTableLogo div{
padding:0 5px 0 10px;
width:200px;
}
.HeaderTableLogo div a img {
margin:0;
vertical-align:middle;
}
.HeaderTable-tab,.HeaderTable-tab-active {
padding:0 3px 0 0;
vertical-align:bottom;
}
.HeaderTable-tab div, .HeaderTable-tab-active div {
margin:0;
padding:0;
}
.HeaderTable-tab a, .HeaderTable-tab-active a {
background-color:#F3F4F5;
border-color:#D8D9DD;
border-style:solid;
border-width:0 1px 1px;
color:#3964C2;
display:block;
font-weight:bold;
margin:0;
padding:4px 8px 5px;
vertical-align:middle;
text-decoration:none;
}
.HeaderTable-tab a.tabactive, .HeaderTable-tab-active a.tabactive {
background:#FFFFFF none repeat scroll 0 0;
border-bottom-color:#FFFFFF;
}
.HeaderTable-tab .HeaderTableCell i,.HeaderTable-tab-active .HeaderTableCell i {
background:#D8D9DD none repeat scroll 0 0;
margin:0 2px;
}
.HeaderTableCell i, .HeaderTableCell b {
border-style:solid;
border-width:0;
display:block;
font-size:1px;
height:1px;
line-height:1px;
overflow:hidden;
padding:0;
}
.HeaderTable-tab .HeaderTableCell b,.HeaderTable-tab-active .HeaderTableCell b {
background-color:#F3F4F5;
border-color:#D8D9DD;
border-left-width:1px;
border-right-width:1px;
margin:0 1px;
}
.HeaderTable-tab-active .HeaderTableCell b {
background:#FFFFFF none repeat scroll 0 0;
}
.HeaderTableCell i, .HeaderTableCell b {
border-style:solid;
border-width:0;
display:block;
font-size:1px;
height:1px;
line-height:1px;
margin:0;
overflow:hidden;
padding:0;
}
.parties {
background-color:#f7f7f7;
border:1px solid #e5e5e5;
border-top:1px solid #3964C2;
margin-bottom:15px;
}
#plan {	margin-bottom: 5px; }
#recherche #search, #categories select {
width: 150px;
margin-top: 5px;
}
#recherche #search {
width: 156px;
padding: 1px 2px;
border: 1px solid #A5ACB2;
}
/* Sidebar : image aléatoire.
   ---------------------------------------- */
#partie_hasard a.img_link {	padding: 4px 4px 0; }
#has_alb_name {
display: block;
text-align: center;
margin-bottom: 10px;
}
/* Sidebar : personnalisation.
   ---------------------------------------- */
#options #thumbs,
#options #afficher,
#options #style,
#options #order,
#options #image_taille { text-align: left; }
#options form { border: 0; }
#options select {
width: 53px;
margin-top: 5px;
border: 1px solid #aaa;
color:#666666;
}
#thumbs select { margin-left: .75em; }
#thumbs, #afficher, #style,
#order, #image_taille {
padding: 0 10px 10px;
margin: 10px -10px 0;
border-bottom: 1px solid #e5e5e5;
}
#afficher { margin-top: 10px; }
#image_taille {	margin-top: 10px; }
#image_taille div {
margin: 10px 0 0;
text-align: left;
}
#image_taille #fixed_hl {
text-align: center;
margin: 3px 0 0;
}
#style select {	width: 162px; }
#nombre_jours {
margin: 5px 0 0 1.2em;
width: 32px;
padding: 1px 2px 0;
border:1px solid #aaa;
color:gray;
}
#thumbs, #style { margin-top: 10px; }
#order select {	width: 92px; }
#order #asc-desc {
width: 56px;
margin-left: 4px;
}
#img_largeur, #img_hauteur {
border: 1px solid silver;
width: 38px;
margin-top: 5px;
padding: 1px 2px 0;
}
#options #valider {	margin-top: 10px; }
#options #valider input { color:black; }

/* Sidebar : statistiques.
   ---------------------------------------- */
#stats ul {	margin:10px; }
#stats li {	padding: 1px 6px; }
#stats_note { margin: 4px 0; }
#stats_note span {
font-size: 90%;
display: block;
}
/* Cadre principal.
   ---------------------------------------- */
#affichage {
vertical-align: top;
width: 100%;
background-color:white;
color:gray;
}
#div_affichage { padding: 10px 0; }
#retour_haut { margin-left: 8px; }
#pos_special { margin: 0 0 5px 15px; }
#pos_special a {
font-weight: bold;
text-decoration: none;
}
#position {
display:none;
margin-left:10px;
}
.position-separator {
color:#666666;
font-size:0.8em;
margin:0 0.4em;
}
#position a { text-decoration: none; }
.tab-vignette-nav { margin:15px 0 15px; }
.tab-vignette-nav td{ width:33%; }
.tab-vignette-nav td .tab-vignette-nav-left-actu { margin-left:10px; }
.tab-vignette-nav td.tab-vignette-nav-center { text-align:center; }
.tab-vignette-nav td.tab-vignette-nav-center span { display:none; }
.tab-vignette-nav td.tab-vignette-nav-right {
text-align:right;
padding-right:10px;
}
#favimg {
color: #FF6B1B;
font-weight: bold;
margin-left: 2px;
}
#addfav img {background:transparent url(igalsprite2.gif) no-repeat scroll -152px -57px;}
#addfav img:hover {background:transparent url(igalsprite2.gif) no-repeat scroll -126px -57px;}
#galerie_description {
border: 1px solid #e5e5e5;
background-color:#f7f7f7;
color:#006633;
padding: 10px;
margin: 20px 15px 10px;
}
#categorie_description {
margin: 15px 15px 0 15px;
padding:5px;
background-color:#fbfbfb;
border:1px solid #f3f3f3;
}
.FermerDescription {
background:transparent url(igalsprite.gif) no-repeat -22px -35px;
cursor:pointer;
margin-right:10px;
}
.FermerDescription:hover {background:transparent url(igalsprite.gif) no-repeat -22px -23px;}
.DisplayDescriptionLink {display:none;}
#deconnect a {
border-bottom: 2px solid #FCE842;
text-decoration: none;
background: url(cadenas.png) no-repeat left center;
padding-left: 15px;
margin: 2px;
}
#deconnect a:hover { border-color: #D58B0B; }
/*bouton recherche avancee*/
#rechercheav {background:transparent url(igalsprite2.gif) no-repeat -238px -137px;}
#rechercheav:hover {background:transparent url(igalsprite2.gif) no-repeat -238px -123px;}
/* Barre de position : menu des commentaires */
.pucemenu {
background:transparent url(igalsprite.gif) no-repeat scroll 0px -24px;
vertical-align:middle;
width:7px;
margin-left:8px;
}
.pucemenudiapo {
position:relative;
background:transparent url(igalsprite.gif) no-repeat scroll -7px -24px;
vertical-align:middle;
width:10px;
margin-right:2px;
}
html>body div.outerbox { padding: 0 5px 5px 0; }
html>body div.outerbox div.shadowbox1 {
position: absolute;
right: 0;
bottom: 5px;
width: 5px;
height: 100%;
background: url(myshadow.png) no-repeat right top;
}
html>body .innerbox {
margin: 0;
display: inherit;
}

#root-menu-div ul { border: 1px solid #B5B6B5; }
#root-menu-div li{ white-space:nowrap; }
* html #root-menu-div li{ height: 1.5em; /* fixing ie6 problem */ }
ul.menu,
#root-menu-div ul {
background-color: #F3F3F7;
list-style: none;
margin: 0;
padding: 0;
font-size:0.9em;
margin-top:5px;
cursor:default;
}
li.menu-separator.active{ background-color: transparent; }
li.active {
background-color: #4279A5;
color:white;
}
* html div.menu-item { display: inline; /* fixes problem in ie6 */ }
li.menumain {
float: left;
padding: 3px;
border:1px solid #fff;
}
li.menumainseparator {
float: left;
padding: 3px;
}
.separator {
border-left:1px solid #D6D6D6;
border-right:1px solid #F7F7F7;
margin:0 2px;
width:2px;
}
li.menumain:hover { border:1px solid #3964C2; }
li.menumain a, .menu-item a {
color:gray;
text-decoration:none;
cursor:default;
}
li.menumain a:hover {
color:gray;
text-decoration:none;
}
.menu-item a:hover {
color:white;
text-decoration:none;
cursor:default;
}
div.menu-item { padding: 1px 10px 1px 4px; }
img.menu-item-arrow{
position: absolute;
right: 4px;
top: 8px;
}
li.menu-separator{
border-bottom: 1px solid #000;
font-size: 0; /* for ie */
height: 0;
line-height: 0; /* for ie */
margin: 2px 0;
}
/* telecharger un album */
#albtodwl {
display:none;
background-color:#FAD163;
padding:5px;
}
#albtodwl a{ color:black; text-decoration:none; }
#albtodwl a:hover{ color:black; text-decoration:underline; }
/* Tableau de contenu si action sur le menu */
#MenuopenContenu {
display:none;
margin:10px;
width:100%;
}
#MenuopenContenu-AffichageNormal {
background-color:#FAD163;
color:black;
padding-left:5px;
cursor:pointer;
}
.MenuopenContenu-AffichageNormal-puce { font-size:1.2em; }
/* Barres de navigation.
   ---------------------------------------- */
.barre_nav { margin: 0 15px; }
.barre_nav * { display: inline; }
.barre_nav select {
border: 1px solid #aaa;
color:gray;
}
.barre_nav option { padding-right: 10px; }
.barre_nav option {	display: list-item; }
#barre_nav_bas {
border-top: 1px solid #f3f3f3;
padding-top: 5px;
margin-top: 30px;
}
#barre_nav_haut {
border-bottom: 1px solid #f3f3f3;
padding-bottom: 5px;
padding-top: 3px;
margin-top:5px;
height:20px;
}
.Ipremiere {background:transparent url(igalsprite2.gif) no-repeat -63px -38px;}
.Iprecedente {background:transparent url(igalsprite2.gif) no-repeat -63px 0px;}
.Iderniere {background:transparent url(igalsprite2.gif) no-repeat -96px -38px;}
.Isuivante {background:transparent url(igalsprite2.gif) no-repeat -63px -19px;}
.Ipremiere:hover {background:transparent url(igalsprite2.gif) no-repeat 0px -38px;}
.Iprecedente:hover {background:transparent url(igalsprite2.gif) no-repeat 0px 0px;}
.Iderniere:hover {background:transparent url(igalsprite2.gif) no-repeat -33px -38px;}
.Isuivante:hover {background:transparent url(igalsprite2.gif) no-repeat 0px -19px;}
.Ipremiere-inactive {background:transparent url(igalsprite2.gif) no-repeat -126px -38px;}
.Iprecedente-inactive {background:transparent url(igalsprite2.gif) no-repeat -126px -0px;}
.Iderniere-inactive {background:transparent url(igalsprite2.gif) no-repeat -159px -38px;}
.Isuivante-inactive {background:transparent url(igalsprite2.gif) no-repeat -126px -19px;}
.barre_nav_gauche a {
background:transparent url(diapo.gif) no-repeat 3px center;
padding:3px;
padding-left:20px;
border:1px solid white;
}
.barre_nav_gauche a:hover {
background:transparent url(diapo.gif) no-repeat 3px center;
padding-left:20px;
border:1px solid #3964C2;
}
.startnumclass {
display:none;
margin-left:10px;
}
/* Vignettes.
   ---------------------------------------- */
.vignettes { margin: 10px; }
.vignettes li {
display: inline;
border-collapse: collapse;
}
.vignettes a.img_link {
display: block;
padding: 5px 5px 0;
}
.vignettes a { text-decoration: none; }
.vignettes .env1 {
display: table-cell;
display: inline-table;
display: inline-block;
}
.vignettes .env2 {
display: block;
margin: 8px;
}
.vignettes img { border: 0; }
.vignette_infos {
display: block;
margin: 3px 0;
background-color:#f7f7f7;
border:1px solid #e5e5e5;
text-align:center;
}
.vignette_infos span { display: block; }
.vignette_infos .img_recentes { display: inline; }
.vignette_infos .img_recentes a {
background-color: #ffb142;
color:white;
padding:0 3px;
font-size:0.8em;
}
.vignette_nom {
margin: 3px 0;
display: block;
text-align:center;
color:#4d4d4d;
font-weight:bold;
}
/* Vignettes : catégories - compact.
   ---------------------------------------- */
#vignettes_cat .env2 { border-left-width: 4px; }
#vignettes_cat .v_recent .env2 {
border-color: #BDCF7F;
border-left-width: 4px;
}
#vignettes_cat .thumbtrans { border:1px solid #e5e5e5; }
.recentsansbadge { border:1px solid #FFB142; }
#vignettes_cat .v_pass .env2 .thumbtrans { border: 1px solid #E9CB20; }
/* Vignettes : catégories - étendues.
   ---------------------------------------- */
#vex_vignettes .vex_vignette { margin-right: 10px; }
#vex_vignettes table { text-align: left; }
#vex_vignettes .vex_thumb {
vertical-align: top;
border: 1px solid #e5e5e5;
}
#vex_vignettes .vex_link {
display: block;
padding: 4px 5px;
}
#vex_vignettes .vex_vchp {
margin-top: 5px;
}
#vex_vignettes .vex_infos {
vertical-align: top;
border: 1px solid #e5e5e5;
padding: 10px 15px 5px;
width: 100%;
}
#vex_vignettes .vex_nom {
margin: 5px 0 5px -15px;
display: inline;
}
#vex_vignettes .vex_nom a {
text-decoration: none;
font-weight: bold;
margin-left: 15px;
}
#vex_vignettes .vex_comments,
#vex_vignettes .vex_hits,
#vex_vignettes .vex_votes,
#vex_vignettes .vex_images,
#vex_vignettes .vex_poids {
display: inline;
margin-right: 10px;
}
#vex_vignettes .vex_comments a,
#vex_vignettes .vex_hits a,
#vex_vignettes .vex_votes a,
#vex_vignettes .vex_images a { text-decoration: none; }
#vex_vignettes .vex_comments a:hover,
#vex_vignettes .vex_hits a:hover,
#vex_vignettes .vex_votes a:hover,
#vex_vignettes .vex_images a:hover { text-decoration: none; }
#vex_vignettes .vex_comments,
#vex_vignettes .vex_hits,
#vex_vignettes .vex_poids {
background: url(infos_carre.png) no-repeat left center;
padding-left: 9px;
}
#vex_vignettes .vex_images { margin-left: 5px; }
#vex_vignettes .vex_images .img_recentes a {
background-color: #ffb142;
color:white;
padding:0 3px;
font-size:0.8em;
}
#vex_vignettes .vex_votes { font-size: 90%; }
#vex_vignettes .vex_votes img {
top: 1px;
position: relative;
}
#vex_vignettes .vex_desc {
margin-top: 10px;
font-family: Georgia, serif;
font-size: 115%;
max-width: 600px;
line-height: 1.3em;
}
#vex_vignettes .vex_recent .vex_nom {
background: url(recent.png) no-repeat left center;
padding:3px;
padding-left:8px;
}
#vex_vignettes .vex_pass table .vex_thumb { border-color: #E9CB20; }
/* Vignettes : albums.
   ---------------------------------------- */
#vignettes_alb .env2 { margin: 8px 10px; }
#vignettes_alb a.img_link { padding: 4px 4px 0; }
.badgerecent {
background:transparent url(badgerecent.png) no-repeat;
width:22px;
height:22px;
position:absolute;
z-index:100;
left:0px;
top:0px;
}
.is_hvcr {
background: #E0EAF6;
border: 1px solid #B3C5E7;
border-width: 1px 0;
margin: 3px 0;
}
.image_note {
font-size: 80%;
padding-top: 2px;
vertical-align: top;
}
.image_note span { display: inline; }
.image_votes { vertical-align: top; }
/* Image.
   ---------------------------------------- */
#nom_image { margin: 0 15px; }
#nom_image a {
font-weight: bold;
text-decoration: underline;
}
#image {
margin: 0px 15px 15px 15px;
text-align: center;
}
#image img { margin: 0 -4px 5px; }
#image_fichier {
text-align: center;
margin-bottom: 15px;
}
#image_fichier a {
font-weight: bold;
text-decoration: none;
}
#image_description {
margin: 0 30px;
text-align: center;
background-color:#fbfbfb;
border:1px solid #f3f3f3;
}
#image_r_msg { display:none; }
#ImgZoomPlusId,#ImgZoomMoinsId {cursor:pointer;}
#ImgZoomPlusId {background:transparent url(igalsprite2.gif) no-repeat scroll -63px -57px;}
#ImgZoomPlusId:hover {background:transparent url(igalsprite2.gif) no-repeat scroll 0px -57px;}
#ImgZoomMoinsId {background:transparent url(igalsprite2.gif) no-repeat scroll -100px -57px;}
#ImgZoomMoinsId:hover {background:transparent url(igalsprite2.gif) no-repeat scroll -37px -57px;}
#ImgRotateRight,#ImgRotateLeft {cursor:pointer;}
#ImgRotateRight {background:transparent url(igalsprite2.gif) no-repeat scroll -63px -76px;}
#ImgRotateRight:hover {background:transparent url(igalsprite2.gif) no-repeat scroll 0px -76px;}
#ImgRotateLeft {background:transparent url(igalsprite2.gif) no-repeat scroll -100px -76px;}
#ImgRotateLeft:hover {background:transparent url(igalsprite2.gif) no-repeat scroll -37px -76px;}
/* Image : votes.
   ---------------------------------------- */
#image_note {
text-align:center;
margin-bottom:5px;
}
#note_user {
top: 2px;
position: relative;
}
/* Image : commun commentaires et metadonnées.
   ---------------------------------------- */
.comment_titre div,
.imeta_titre div { background: transparent url(headergrad.gif) repeat-x; }
.comment_titre a,
.imeta_titre a {
display: block;
text-align: center;
padding: 3px 10px;
text-decoration: none;
background: no-repeat 98% 50%;
margin: 0;
outline: 0;
}
/* Image : metadonnées.
   ---------------------------------------- */
.infos_imeta {
text-align: center;
padding-top: 15px;
}
.infos_imeta_bloc {
text-align: left;
margin: 0 auto;
padding: 0;
width: 60%;
border: 1px solid #ddd;
}
.partie_imeta {
border-collapse: collapse;
width: 100%;
}
.partie_imeta td {
border-bottom: 1px solid silver;
padding: 3px 5px;
vertical-align: top;
}
.partie_imeta .imeta_desc { border-right: 1px solid silver; }
.partie_imeta .imeta_null {
text-align: center;
border:none;
}
/* Image : commentaires.
   ---------------------------------------- */
.comment_titre div { margin: 0 -10px; }
#commentaires {
text-align: center;
padding-top: 15px;
}
#commentaires_bloc, #commentaires_ajout {
border: 1px solid #ddd;
padding: 0 10px 10px;
text-align: left;
margin: 0 auto;
margin-bottom: 20px;
}
#commentaires_ajout {
border:none;
color:black;
background-color:#f3f3f3;
font-size:0.8em;
}
#commentaires_ajout input {font-size:1em;}
#commentaires_bloc {width: 60%;}
#commentaires_bloc { padding-bottom: 0; }
.comment_num {
float: right;
margin: 0 -5px 0 10px;
}
.comment > .comment_num { margin: 0 -10px 0 10px; }
.comment_num a,
.comment_num a:hover {
font-weight: bold;
display: block;
background: #8EBECF;
color: white;
text-decoration: none;
padding: 2px 5px;
}
.comment_auteur {
margin: 0 -10px;
padding: 2px 10px;
background: #D9E1E4;
}
.comment_date {
float: right;
padding: 2px 0;
}
.comment_message { margin: 10px 0 30px; }
.comment_avatar img {
float: left;
margin: 0 10px 0 -10px;
.margin: 0 10px 0 -13px;
}
.comment_avatar img[src$="/avatar_default.png"] { margin-top: -4px; }
.comment_avatar .comment_message {
margin: 10px 0 40px 40px;
padding-left: 10px;
}
#comment_null {
text-align: center;
margin-top: 10px;
padding-bottom: 10px;
}
#commentaires_ajout textarea { padding: 1px 2px 0; }
#commentaires_ajout input.hidden { padding: 0; }
#commentaires > #commentaires_ajout,
#commentaires_ajout { margin: 10px auto; }
#commentaires_ajout p {
border-bottom: 1px solid #ddd;	
margin: 0 -10px;
padding: 3px 10px;
font-weight:bold;
}
#commentaires_ajout input, #commentaires_ajout textarea { margin-top: 5px; }
#commentaires_ajout .submit {
display: inline;
margin-top: 10px;
}
#co_site { margin-bottom: 10px; }
#commentaires_ajout label {
margin-top: 10px;
margin-right: 10px;
}
#previsualiser { margin-right: 10px; }
#comment_preview {
background: #D1E3AD;
margin: 0 -10px;
padding: 5px 10px;
}
.co_link:hover,
.co_web_link:hover {
color: #FCFCFC;
background: #5A8DC6;
}
.co_web_link:hover {
margin: -1px 0 -3px;
padding: 1px 0 3px;
}
#co_mod_a {
margin-top: 8px;
display: block;
color: #5A8DC6;
font-weight: bold;
}
/* Section : plan.
   ---------------------------------------- */
#section_plan p { margin: 0 15px 0px 15px; }
#plan_liste { margin: -5px 0 20px -5px; }
#plan_liste li { margin: 1px 0 0 25px; }
.plan_cat {	padding: 0px 0 5px; }
#section_plan li { margin-top:5px; }
#section_plan .alb_recentes {
background: url(point_recent.png) no-repeat;
padding-left: 20px;
margin-left: 14px;
}
#section_plan .cat_recentes {
background: url(point_recent.png) no-repeat;
padding-left: 20px;
margin-left: 14px;
}
#section_plan .plan_cat_pass {
background: url(cadenas.png) no-repeat;
padding-left: 15px;
margin-left: 10px;
}
#section_plan .plan_alb_pass {
background: url(cadenas.png) no-repeat;
padding-left: 15px;
margin-left: 10px;
}
/* Section : recherche avancée.
   ---------------------------------------- */
#adv_search_form {
margin: 0 25px 15px;
padding: 10px 10px 0;
border: 1px solid gray;
border-top-color: silver;
width: 600px;
background: #F8F8F8;
border:1px solid #e5e5e5;
background-color:#f7f7f7;
}
fieldset {
border: 1px solid silver;
padding-right: 15px;
padding-left: 15px;
padding-bottom: 10px;
}
fieldset .fielditems { margin: 10px 0 0 0; }
fieldset legend {
font-style: italic;
color: black;
}
#adv_search_stext {
width: 90%;
width: 380px;
}
#adv_search_mode { margin-top: 3px; }
#adv_search_filtres {
float: left;
margin-right: 15px;
}
#adv_search_exif { margin-top: 10px; }
#adv_search_date_type { margin: 5px 0 10px; }
#adv_search_pluslink {
margin: 10px 0 0 3px;
display: block;
}
#adv_search_submit { margin:15px 0; }
#adv_search_submit input { font-weight: bold; }
.adv_search_second { margin: 8px 0 0 25px; }
#adv_search_aide { margin-top: 10px; }
.adv_search_ex {
margin: 0 0 5px 20px;
color: #3B6FA9;
display: block;
}
#adv_search_albums_list { width: 95%; }
/* Section : inexistant.
   ---------------------------------------- */
#inexistant p {
margin: 20px 15px 15px;
font-weight: bold;
color: red;
font-size: 110%;
}
#inexistant a {
font-weight: normal;
font-size: 90%;
}
/* Section : recherche.
   ---------------------------------------- */
#search_result {
margin: 0 15px;
padding-bottom: 15px;
}
#search_result ul {
margin-left: 25px;
margin-bottom: 25px;
}
#search_result_msg { font-weight: bold; }
#search_result_msg span { color: black; }
p#search_result_cat,
p#search_result_alb,
p#search_result_img { margin-top: 25px; }
/* Section : historique.
   ---------------------------------------- */
#historique_titre { margin: 0 15px 15px; }
#date_ajout_div,
#date_creation_div {
width: 245px;
text-align: center;
border: 1px solid silver;
}
#date_ajout_div { margin-right: 20px; }
#date_ajout .h_titre,
#date_creation .h_titre {
width: 245px;
letter-spacing: .05em;
padding: 4px 0 4px;
margin-bottom: 15px;
font-size: 135%;
border-bottom: 1px solid silver;
background: #CDDDEF;
}
#h_tablo {
border-collapse: collapse;
margin: 10px 0 15px 15px;
}
#h_tablo table {
border: 1px solid silver;
border-width: 1px 0;
border-collapse: collapse;
margin: 0 auto;
width: 245px;
}
#h_tablo td { vertical-align: top; }
#h_tablo table .h_date {
border-right: 1px solid silver;
text-align: right;
}
#h_tablo .h_caption {
margin: 15px auto 0;
padding-bottom: 5px;
font-weight: bold;
font-size: 115%;
}
#h_tablo table th,
#h_tablo table td {
border: 1px solid silver;
border-width: 1px 0;
padding: 4px 6px;
width: 50%;
}
#h_tablo table th {
background: #E8E8E8;
font-size: 95%;
letter-spacing: .05em;
}
#h_tablo table th.h_date { text-align: center; }
#h_tablo table td {	text-align: left; }
.clear_both { clear: both; }
#h_tablo .h_recentes td.h_date { background: url(point_recent.png) no-repeat 5px 8px; }
/* Section : contact.
   ---------------------------------------- */
#section_contact { padding: 10px 0px; }
#form_fcontact {
border: 1px solid #F3F3F3;
background: #FCFCFC;
width: 500px;
padding: 15px 10px 10px;
margin-left:15px;
}
#contact_msg {
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #F3F3F3;
}
#form_fcontact .SectionLabelContact {
background:transparent url(igalsprite.gif) no-repeat -33px -35px;
margin-right:5px;
}
#form_contact fieldset {
border: 1px solid silver;
padding: 15px;
}
#form_contact p { margin: 0; }
#form_contact .text {
margin-top: 10px;
padding: 1px 2px 0;
}
#form_fcontact #contact_nom,
#form_fcontact #contact_mail,
#form_fcontact #contact_sujet {
margin-top: 5px;
padding-left: 2px;
}
#form_fcontact textarea {
margin: 5px 0 15px;
padding: 2px;
}
#contact_envoi_erreur {
font-weight: bold;
color: red;
font-size: 120%;
margin-top: 30px;
display: block;
}
/* Section : mot de passe.
   ---------------------------------------- */
#password {
background: url(cadenas.png) no-repeat left top;
margin: 25px 0 10px 15px;
}
#password2 {
border-left: 3px solid #FCE842;
padding: 0 10px;
margin-left: 15px;
}
#password .text {
margin-top: 10px;
padding: 1px 2px 0;
}
#mauvais_pass {
color: red;
margin-top: 10px;
}
/* Hits, commentaires, votes, récentes.
   ---------------------------------------- */
#hvc_result { padding-bottom: 15px; }
#hvc_result a {
font-weight: bold;
text-decoration: none;
}
span#search_result_page {
font-weight: normal;
color: black;
}
/* Diaporama.
   ---------------------------------------- */
#igal_diapo {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	overflow: hidden;
}
/* Image */
#diapo_image_premiere,
#diapo_image_derniere,
#diapo_image_actuelle,
#diapo_image_suivante,
#diapo_image_precedente {
position: absolute;
z-index: 0;
}
/* Barre de position */
#diapo_position #diapo_sortir,
#diapo_position #diapo_pos_actuel {font-weight: bold;}
#diapo_position a:hover { text-decoration: underline; }
#diapo_position_bg,#diapo_position {
position: absolute;
top: 2px;
left: 50%;
width: 70%;
height:auto;
color: white;
margin-left:-35%;
display:none;
z-index:2;
}
#diapo_position a {
color: white;
text-decoration: none;
}
.DiapoPositionInfosTD {width:120px;text-align:right;}
/* Barre de description */
#diapo_description_bg {
position: absolute;
bottom: 60px;
left: 50%;
width: 70%;
color: white;
margin-left:-35%;
display:none;
padding:5px;
background: #666666 none repeat scroll 0 0;
opacity:0.7;
filter : alpha(opacity=70);
z-index: 1;
}
#diapo_description { opacity:1; }
/* Barre de navigation */
#diapo_navigation,#diapo_navigation_bg {
position: absolute;
bottom: 2px;
left: 50%;
width: 570px;
height:50px;
color: white;
z-index: 2;
margin-left:-285px;
display:none;
}
#diapo_navigation_bg,#diapo_position_bg {
background: #112132 none repeat scroll 0 0;
opacity:0.7;
filter : alpha(opacity=70);
z-index: 1;
border:1px solid #666666;
}
#diapo_navigation_table a,#diapo_navigation_table a:hover {
color:white;
text-decoration:none;
}
#diapo_navigation_table,#diapo_position_table {
width:100%;
height:100%;
}
#diapo_navigation_table td,#diapo_position_table td{
text-align:center;
color:white;
}
.DiapoBoutonNav {cursor:pointer;}
#DiapoNavPrev {background:transparent url(igalsprite2.gif) no-repeat 0px -95px;}
#DiapoNavPrev:hover {background:transparent url(igalsprite2.gif) no-repeat -71px -95px;}
#DiapoNavNext {background:transparent url(igalsprite2.gif) no-repeat 0px -123px;}
#DiapoNavNext:hover {background:transparent url(igalsprite2.gif) no-repeat -71px -123px;}
#diapo_premiere img,#diapo_derniere img {display:none;}
#diapostart {background:transparent url(igalsprite2.gif) no-repeat -158px -151px;}
#diapostart:hover {background:transparent url(igalsprite2.gif) no-repeat -158px -123px;}
#diapostop {background:transparent url(igalsprite2.gif) no-repeat 0px -151px;display:none;}
#diapostop:hover {background:transparent url(igalsprite2.gif) no-repeat -40px -151px;}
#diapoagrandir {background:transparent url(igalsprite2.gif) no-repeat -198px -151px;}
#diapoagrandir:hover {background:transparent url(igalsprite2.gif) no-repeat -198px -123px;}
#diaporeduire {background:transparent url(igalsprite2.gif) no-repeat -158px -95px;display:none;}
#diaporeduire:hover {background:transparent url(igalsprite2.gif) no-repeat -198px -95px;}
#DiapoNavPlus {background:transparent url(igalsprite2.gif) no-repeat -142px -95px;}
#DiapoNavPlus:hover {background:transparent url(igalsprite2.gif) no-repeat -142px -108px;}
#DiapoNavMoins {background:transparent url(igalsprite2.gif) no-repeat -142px -121px;}
#DiapoNavMoins:hover {background:transparent url(igalsprite2.gif) no-repeat -142px -134px;}
#DiapoNavClose {background:transparent url(igalsprite2.gif) no-repeat -80px -151px;}
#DiapoNavClose:hover {background:transparent url(igalsprite2.gif) no-repeat -119px -151px;}
#diapo_image_infos_link {background:transparent url(igalsprite2.gif) no-repeat -238px -165px;}
#diapo_auto_temps {
margin: 0 5px;
font-size:0.8em;
}
/* Informations */
#diapo_image_infos_link {
top: 2px;
right: 3px;
position: relative;
}
#diapo_infos {
background: #B8BEC8;
opacity: 0.95;
filter: alpha(opacity:95);
width: 500px;
position: absolute;
color: black;
overflow: auto;
z-index: 5;
}
#diapo_infos a { color: black; }
#diapo_infos a:hover { color: black; }
#diapo_infos_int { margin: 15px; }
#diapo_infos p { margin: 0; }
#diapo_desc {
font-size: 115%;
line-height: 1.3em;
}
#diapo_infos_titre {
position: absolute;
background: #314A67;
width: 500px;
height: 25px;
opacity: 0.95;
filter: alpha(opacity:95);
}
#diapo_infos_titre p {
margin: 4px 8px;
color: white;
font-weight: bold;
}
#diapo_infos_titre p a {
color: white;
font-weight: bold;
}
#diapo_infos_titre p a:hover { text-decoration: none; }
#diapo_infos span {
font-weight: bold;
margin: 15px 0 10px;
display: block;
font-size: 110%;
}
#diapo_infos table { border-collapse: collapse; }
#diapo_infos td {
vertical-align: top;
margin: 0;
border: 1px solid #5E6876;
padding: 4px 8px;
}
#diapo_infos_fermer { float: right; }
/* Pied de page.
   ---------------------------------------- */
#pied td {
padding: 5px;
border-top: 1px solid #e6e6e6;
text-align: center;
margin: 0 15px;
color: #444;
background-color:white;
font-size:0.8em;
}
/* RSS.
   ---------------------------------------- */

#rss_general { margin-top: 15px; }
#rss_general li { margin-top: 5px; }
#rss_general li a,
#rss_objet li a  {
text-decoration: none;
background: url(feed-icon.png) no-repeat 0 1px;
padding-left: 18px;
color: #EC791D;
}
#rss_general li a:hover,
#rss_objet li a:hover { text-decoration: underline; }
#rss_general li img,
#rss_objet li img {
margin-bottom: -2px;
position: relative;
}
#rss_objet {
margin:10px 0px;
padding-top: 5px;
}
/* Tags.
   ---------------------------------------- */
/* Section Tags du sidebar */
#partie_tags ul { margin:5px; }
#partie_tags li {
line-height: 22px;
display: inline;
margin-right: 2px;
}
#partie_tags li a {
text-decoration: none;
color: gray;
white-space: nowrap;
}
#partie_tags li a:hover {
background-color:gray;
color:white;
}
.tag_weight_1 { font-size: 90% }
.tag_weight_2 { font-size: 100%; }
.tag_weight_3 { font-size: 110%; }
.tag_weight_4 { font-size: 120%; }
.tag_weight_5 { font-size: 130%; }
.tag_weight_6 { font-size: 140%; }
.tag_weight_7 { font-size: 150%; }
.tag_weight_8 { font-size: 160%; }
.tag_weight_9 { font-size: 170%; }
.tag_weight_10 { font-size: 180%; }
#tags_null {
text-align: center;
display: block;
}
#tags_all {
margin-top: 10px;
margin-bottom:10px;
padding: 5px 10px 0;
border-top: 1px solid #e5e5e5;/*silver;*/
}
/* Page des images associées à un tag */
#comments_result a,
#tag_result a {
font-weight: bold;
text-decoration: none;
}
#comments_result a:hover,
#tag_result a:hover { text-decoration: underline; }
/* Tags des images. */
#image_tags {
text-align: center;
margin: 20px 0;
}
#image_tags div {
width: 35em;
margin: 0 auto;
}
#image_tags a {
text-decoration: none;
font-weight: bold;
color: #024FA6;
background: url(tag.gif) no-repeat;
padding: 2px 0px 2px 23px;
}
#image_tags a:hover { text-decoration: underline; }
/* Nuage de tags. */
#all_tags { margin: 15px; }
#all_tags p { margin: 0 0 30px 0; }
#all_tags p a {
text-decoration: none;
font-weight: bold;
}
#all_tags p a:hover { text-decoration: none; }
#all_tags div ul {
padding: 10px;
border: 1px solid #e5e5e5;
max-width: 55em;
font-size: 105%;
background: #f7f7f7;
}
#all_tags div li {
height: 34px;
line-height: 34px;
margin: 0 5px;
.margin: 0 8px;
display: inline;
}
#all_tags div li a {
text-decoration: none;
color:gray;
white-space: nowrap;
}
#all_tags div li a:hover {
text-decoration: none;
background-color:gray;
color:white;
}
#all_tags .tag_weight_1 { font-size: 90% }
#all_tags .tag_weight_2 { font-size: 115%; }
#all_tags .tag_weight_3 { font-size: 130%; }
#all_tags .tag_weight_4 { font-size: 145%; }
#all_tags .tag_weight_5 { font-size: 160%; }
#all_tags .tag_weight_6 { font-size: 175%; }
#all_tags .tag_weight_7 { font-size: 200%; }
#all_tags .tag_weight_8 { font-size: 215%; }
#all_tags .tag_weight_9 { font-size: 230%; }
#all_tags .tag_weight_10 { font-size: 245%; }
/* Page des commentaires.
   ---------------------------------------- */
#lien_comments {
position: relative;
top: 3px;
}   
#dismsgcom_comments { margin: 0 15px; }
.dismsgcom {
margin: 20px auto;
text-align: left;
}
.dismsgcom_thumb {
width: 88px;
height: 88px;
border: 1px solid #e5e5e5;
float: left;
text-align: center;
}
.dismsgcom_thumb table {
margin: 0 auto;
border-collapse: collapse;
height: 88px;
width: 88px;
}
.dismsgcom_thumb td {
padding: 4px;
vertical-align: middle;
text-align: center;
}
.dismsgcom_infos {
border: 1px solid #e5e5e5;
height: 88px;
.height: 89px; /* IE 6.0 et 7.0 */
margin-left: 89px;
}
.dismsgcom_infos { padding: 0 6px; /* IE 6.0 */ }
.dismsgcom_top > .dismsgcom_infos { padding: 0 12px; }
.dismsgcom_infos p {
padding: 3px 10px;
margin: 0 -10px;
}
.dismsgcom_infos p span.dismsgcom_infos_web {
font-weight: normal;
color: black;
}
p.dismsgcom_infos_album { padding: 8px 10px 7px; }
p.dismsgcom_infos_date { padding: 4px 10px 7px; }
.dismsgcom_message {
padding: 10px;
border: 1px solid #e5e5e5;
margin-left: 91px;
background-color:#f7f7f7;
}
/* Section "Liens".
   ---------------------------------------- */
#partie_liens ul {
margin: 10px;
list-style: none;
}
#partie_liens ul li {
padding-left:20px;
background:transparent url(lien.gif) no-repeat left center;
}
/* Section "Membres".
   ---------------------------------------- */
#membres_connexion,
#membres_connecte {
padding: 5px 10px 10px;
border-bottom: 1px solid #e5e5e5;
padding-bottom: 10px;
margin-bottom: 10px;
}
#membres_connexion div { margin-bottom: 5px; }
#membres_connexion .submit {
display: block;
padding: 1px 6px;
margin: 8px 0;
}
#membres_connexion .text {
width: 156px;
margin-top: 5px;
padding: 1px 2px;
border: 1px solid #A5ACB2;
}
#membres_connexion form { margin-bottom: 10px; }
#membres_connecte img {	margin: 10px 0 0; }
#membre_liens { margin-left: 10px; }
#membre_liens li { margin: 5px 0 0; }
#membre_login {
display: block;
margin: 5px 0 3px;
}
#membre_login a{
font-weight: bold;
color: #79642D;
}
#membre_login a:hover { text-decoration: none; }
/* Pages membres - profil.
   ---------------------------------------- */
#membre_profil {
padding: 0 15px;
max-width: 48em;
margin-top: 25px;
}
#membre_profil table {
border-collapse: collapse;
border: 1px solid #e5e5e5;
margin: 0 0 15px 10px;
background: #f7f7f7;
}
#membre_profil td {
vertical-align: top;
padding: 15px;
}
#membre_profil p { margin-bottom: 8px; }
#membre_avatar { border-right: 1px solid #e5e5e5; }
#membre_infos p span {
font-weight: bold;
color: #2F2F2F;
}
td#membre_nom {
padding: 8px 15px;
background-color: #CDDDEF;
border-bottom: 1px solid silver;
}
#membre_nom h2 { margin: 0; }
#membre_nom span { font-size: 80%; }
#membre_infos_text label,
#membre_avatar_upload label { display: block; }
#membre_infos_text .text {
width: 17em;
margin: 5px 0 10px;
}
#membre_infos .submit {
display: block;
margin-top: 20px;
}
#new_avatar {
margin-top: 5px;
width: 30em;
}
#membre_avatar_upload .submit {
display: block;
margin-top: 5px;
}
#membre_lien_mpd { margin-top: 15px; }
#membre_supp_avatar,
#membres_retour {
border-top: 1px solid #ddd;
padding-top: 10px;
margin-top: 10px;
}
#membres_retour { text-align: right; }
#membre_objets { margin-top: 25px; }
#membre_objets li {
background: url(infos_carre.png) no-repeat left center;
padding-left: 10px;
margin-top: 5px;
}
/* Pages membres - inscription.
   ---------------------------------------- */
#membres_inscription {
width: 400px;
border: 1px solid #e5e5e5;
margin: 10px;
background-color:#f7f7f7;
}
#membres_inscription form { padding: 15px; }
#membres_inscription label { display: block; }
#membres_inscription .text {
margin: 5px 0 8px;
width: 16em;
}
#membres_inscription .submit {
display: block;
margin-top: 15px;
font-weight: bold;
}
/* Pages membres - oubli.
   ---------------------------------------- */
#membre_oubli {
width: 400px;
border: 1px solid #e5e5e5;
margin: 10px;
background-color:#f7f7f7;
}
#membre_oubli h2 {
background: #CDDDEF;
padding: 10px;
margin: 0;
}
#membre_oubli_form { padding: 15px; }
#membre_oubli_form label { display: block; }
#membre_oubli_form .text {
margin: 5px 0 8px;
width: 16em;
}
#membre_oubli_form .submit {
margin-top: 20px;
font-weight: bold;
}
/* Pages membres - upload.
   ---------------------------------------- */
#upload_membres_titre h2 { margin: 0; }
#upload_membres {
margin: 10px;
background: #f7f7f7;
border: 1px solid #e5e5e5;
width: 470px;
}
#upload_membres form { padding: 15px; }
#upload_categories {
margin: 10px 0 20px;
width: 60%;
}
#upload_categories .cat {
color: black;
font-weight: bold;
font-style: italic;
}
#upload_membres fieldset { margin-top: 15px; }
#upload_membres label {
display: block;
margin-top: 10px;
}
#upload_membres .image_nom,
#upload_membres textarea { width: 350px; }
#upload_membres textarea {
padding: 1px;
margin-top: 5px;
}
#upload_membres .submit {
margin-top: 20px;
font-weight: bold;
}
#upload_images input {
margin-top: 5px;
display: block;
}
#upload_images { margin-top: 10px; }
#upload_images_mod {
margin-top: 20px;
font-weight: bold;
color: #006633;
}
#upload_images a.lien_js { font-size: 100%; }
#upload_membres #upload_obj_type { margin-bottom: 20px; }
#upload_membres #upload_obj_type input,
#upload_membres #upload_obj_type label { display: inline; }
#upload_obj_name input {
width: 60%;
margin: 5px 0 0;
}
#upload_obj_desc .lien_js { font-size: 100%; }
/* Pages membres - liste.
   ---------------------------------------- */
#membres_liste { text-align: left; }
#membres_liste table {
text-align: left;
border-collapse: collapse;
margin: 10px;
}
#membres_liste td,
#membres_liste th {
border: 1px solid #e5e5e5;
vertical-align: top;
padding: 5px 8px;
}
#membres_liste th {
border: 1px solid #e5e5e5;
background: #CDDDEF;
font-weight: bold;
padding: 10px;
}
#membres_liste td.ml_avatar { text-align: center; }
#membres_liste tr.ml_pair td { background: #F7F7F7; }
/* Geoloc
   ---------------------------------------- */
#map {
width:200px;
height:20px;
}
.Ginfos {
padding:8px;
background-color:#fafafa;
}
.GinfosTitre {
font-weight:bold;
padding-bottom:2px;
border-bottom:1px solid #eee;
margin-bottom:8px;
}
.GinfosLieu {margin-bottom:5px;}
.GinfosImg {text-align:center;}
/* Divers (doit être en dernier).
   ---------------------------------------- */
.infos_move {margin:0px 0px 0px 0px;} /* classe ajoutee lors d'un deplacement d'info : voir les infos exif par ex */
a.pos_actuel {
font-weight: bold;
text-decoration: none;
color:#000;
font-size:1.3em;
text-decoration:none;
}
a.pos_actuel:hover {
color:#3964C2;
text-decoration:underline;
}
.HeaderTable-tab-active #historique_lien a.pos_actuel {
color:#3964C2;
font-size:1em;
}
.HeaderTable-tab-active #historique_lien a.pos_actuel {
color:#3964C2;
font-size:1em;
text-decoration:none;
}
.montrer a { background-image: url(montrer.gif); }
.cacher a {	background-image: url(cacher.gif); }
.js a:hover {
color: black;
background-color: #DFE8FB;
padding: 1px 0 2px;
}
.js a:active { background-color: #97B5F3; }
.fidn .submit { display: none; }
.spacer1 { margin-top: 10px; }