/*-------------------------------------------------------------------------------------------------------------------
 * Copyright 2004-2006 KOLOR - KAManager
 * geometry.css : CSS general de presentation du site
 * concerne tout sauf l'affichage des albums
 *-------------------------------------------------------------------------------------------------------------------*/
/* règles relatives à la page dans sa globalité */
html, body
{
    width: 100%;
    height: 100%;
}
body
{
    margin: 0;
    padding: 0;
    font: normal 80% "Trebuchet MS", Verdana, Arial, sans-serif;
    /*font-family: sans-serif;
    font-size: 80%;*/
    min-width: 720px;
}

/* tools1 : header de la page : 80pixels de haut, toute la largeur */
/* OK AJ */
#tools1 { height:80px; overflow: hidden; }
#tools1 * { font-size:1em; margin:0px; }
#tools1 img { border:0; display:block; }
#tools1 #shop_logo { margin:0; padding:0; float:left; }
#tools1 #shop_address { margin:0; padding:3px; float:left; }
#tools1 #languages, #tools1 #user, #tools1 #help {
  margin:6px 2em 0 0; padding:0px 5px 5px 5px; float:right; height:40px; text-align:center; }
#tools1 #languages { padding-top:7px; }
#tools1 #cart_fx { margin:8px 2em 0 0; padding:0px; float:right; height:40px; text-align:center; }
#tools1 #cart { padding:0px 5px 5px 5px; }
#tools1 a:hover * { text-decoration:underline; }
#tools1 #user a, #tools1 #help a, #cart a
{
    padding-top: 24px;
    display: block;
}

/* navbarre : barre de navigation : 27pixels de haut, toute la largeur */
/* OK AJ */
#navbarre { margin:0; padding:0 0 0 10px; height:27px; font-size:14px; overflow:hidden; }
#breadcrumb { padding-top: 5px; height: 22px; overflow:hidden;  }
#breadcrumb a { text-decoration:none; padding-left:24px; }
#breadcrumb a:hover { text-decoration:underline; }

/* fixedbody : affichage centré des forms et des tableaux */
/* OK AJ */
#fixedbody { width:600px; margin-left:auto; margin-right:auto; margin-top:15px; }
#fixedbody table { margin:0 5px; width:100%; }
#fixedbody thead, #fixedbody tfoot td { font-weight:bold; font-size:1.2em; }
#fixedbody .Tarif { font-size:10px; width:auto; }
#fixedbody td.TarifTT { text-align:right; background:#CCC; color:#000; }
#fixedbody td.Tarif { text-align:center; background:#FFF; color:#000; }
#fixedbody td.TarifON { font-weight:bold; text-align:center; background:#FDA; color:#000; }

#fixedbody a { font-size:1.2em; }
#fixedbody h1 { text-align:center; clear:both; margin:50px 0;}

/* forms : formulaires */
#formulaire { border:0; margin:0; padding:0; width:100%; }
#titreForm, #piedForm { margin:0; padding:0.4em; font:bold 1.2em arial, hevetica, sans-serif; }
#piedForm { padding-left:30%; text-align:left; }
#piedForm input { font-weight:bold; margin-left:1em; }
#corpForm { margin:0; padding:1em; text-align:left; }
#corpForm p { padding:1px; margin:1px; }
#corpForm label { clear:left; float:left; width:30%; margin:0; padding:0 0.5em 0 0; text-align:right; line-height:1.8; }
#corpForm label:hover, #piedForm input { cursor:pointer; }
#corpForm label.oblig { font-weight:bold; }
#corpForm .legende { font-style:italic; font-size:0.8em; margin:0; padding:0; }
#corpForm a.aide { text-decoration:none; }
#corpForm a.aide img { margin:0; padding:0; border:0; }
#corpForm a.aide:hover { cursor:help; }
.alerte { border:1px solid red; background: url('/pub/images/form_error.gif') no-repeat left center; }
.messageAlerte { display:block; margin:0 0 .3em .3em; color:red; padding-left:2em; font-weight:bold; font-size:10px; }

/* home : la page d'accueil */
/*#shop_infos { float:left; }
#albums_public, #albums_protege { margin-left:250px; }*/

#bandeau_promo
{
    margin-top: 10px;
    /* c'est un bloc horizontal tout bête contenant 1 image centrée */
    text-align: center;
}

#photos_line
{
    position: absolute;
    margin-top: 10px;
    right: 14%;
    width: 100%;
    text-align: right;
    overflow: hidden;
}

#photos_line div
{
    text-align: center;
    background:#000;
}

#photos_line img
{
    border: 0;
}

#reportages
{
    margin: 190px 10px 0 10px;
}

#reportages ul
{
    margin: 0;
    padding: 0;
}

#reportages h2
{
    margin: 10px 8% 10px 8%;
}

#reportages li
{
    list-style: none;
    font-size: 15px;
    padding-bottom: 2px;
}

#reportages .date
{
    font-size: 12px;
    color: #999999;
}

#reportages #acces_libre, #reportages #acces_restreint
{
    float: left;
    width: 50%;
}
#reportages #acces_libre
{
    width: 48%;
}

#reportages #acces_libre ul
{
    margin-left: 8%;
}
#reportages #acces_libre h2
{
    margin-right: 0;
}
#reportages #acces_restreint
{
    text-align: right;
}
#reportages #acces_restreint h2
{
    margin-left: 0;
}
#reportages #acces_restreint ul
{
    margin-right: 8%;
}