body
{
    background-color    : #808080;
    margin              : 5px 0 0 0;
    color               : #ccc;
    font-family         : verdana, 'times new roman', arial, sans-serif;
    font-size           : 13px;
}

/*  par défaut  */
a, a:visited, a:hover
{
    font-family         : verdana, 'times new roman', arial, sans-serif;
    text-decoration     : none;
}

a, a:visited
{
    color               : #bbb;
}

a:hover
{
    color               : #fff;
}

img
{
    border              : 0;
}

ul
{
    list-style-type     : none;
}

table
{
    width               : 760px;
    text-align          : center;
    margin-left         : 20px;
}

th
{
    padding-bottom      : 10px;
    text-align          : center;
    vertical-align      : top;
    font-weight         : bold;
}
#redirection{
    width               : 400px;
    margin              : auto;
    padding-top         : 30px;
}

/******/

/***  Principaux conteneurs  ***/
#wrapper
{
    background-image    : url(../photos/fond.jpg);
    background-repeat   : repeat-y;
    background-position : center;
    margin              : auto;
    width               : 900px;
   
}

#head
{
    position            : relative;
    float               : left;
    width               : 800px;
    height              : 15px;
    font-size           : 11px;
    background-color    : #fff;
    margin-left:50px;
    text-align          : center;
    z-index             : 2;
}

#header
{
    position            : relative;
    float               : left;
    width               : 800px;
    height              : 167px;
    margin-left         : 50px;
    z-index             : 1;
}

#footer
{
    background-color    : #000;
    width               : 800px;
    margin              : auto;
    height              : 20px;
    padding-top         : 5px;
    text-align          : center;
}
/*******************/

/******* Classes générales ************/
.titre
{
    position            : relative;
    float               : left;
    width               : 760px;
    margin              : 20px 20px 10px 20px;
    color               : #ccff33;
    font-weight         : bold;
    font-family         : 'Trebuchet MS', verdana, sans-serif;
}

.texte, .texte_center, .texte_legende, .texte_em, .texte_final, .sous_titre, .texte_final_contact
{
    margin              : 0 20px 5px 20px;
    color               : #eee;
}

.texte_center
{
    text-align          : center;
}

.texte_em
{
    font-style          : italic;
    margin-right        : 30px;
}

.texte_legende
{
    text-align          : center;
    padding-bottom      : 20px;
}

.sous_titre
{
    font-weight         : bold;
}

.texte_final
{
    margin-bottom      : 20px;
}

.texte_aster
{
    font-style          : italic;
    font-size           : 10px;
    padding-top         : 15px;
}

.texte_final_contact
{
    padding-bottom         : 109px;
}

.vignette
{
    text-align          : center;
    vertical-align      : bottom;
}

.legende
{
    height              : 45px;
    text-align          : center;
    vertical-align      : top;
}
/***********************************************/

/**** dans header ****/
#header img
{
    width               : 100%;
    height              : 167px;
}
/*******************/

/**** Démarches matières ****/
#demarches img
{
    width               : 450px;
    height              : 300px;
    margin-top          : 30px;
}

#demarches ul
{
    padding             : 0 0 0 55px;
    list-style-type     : circle;
}
/*******************/

/**** Raku ****/
#raku th
{
    width               : 152px;
}
/*******************/

/**** Grès ****/
#gres th
{
    width               : 250px;
}
/*******************/

/**** Oeuvres en collaboration ****/
#collab th
{
    width               : 376px;
    padding-bottom      : 0;
}

.collab_legende
{
    text-align          : center;
    vertical-align      : top;
    padding-bottom      : 20px;
}

/*******************/

/**** Stages ****/
#stages div
{
    position            : relative;
    float               : left;
    width               : 500px;
    padding             : 0 20px 0 20px;;
    text-align          : left;
}

.stages_vignette
{
    position            : relative;
    float               : left;
    margin              : 0 0 0 20px;
    padding-top         : 10px;
}

.objectifs_vignette
{
    position            : relative;
    float               : left;
    margin              : 0 0 0 20px;
    padding-top         : 60px;
}

#stages table
{
    border              : 2px solid #fff;
    text-align          : left;
}

#stages td, #stages th
{
    border              : 1px solid #bbb;
}

#stages th
{
    padding             : 10px 0 10px 0;
}

#stages td
{
    padding             : 5px 10px 5px 10px;
    vertical-align      : top;
    width               : 50%;
}

#googlemaps, #googlemaps:hover, #googlemaps:visited
{
    font-size           : 12px;
}

/*** Cuisson ****************/
.cuisson
{
    position            : relative;
    float               : left;
    width               : 260px;
    margin              : 0;
    text-align          : left;
}

.cuisson li
{
    padding-bottom      : 10px;
}

.cuisson img
{
    padding-right       : 10px;
}

#article
{
    position            : absolute;
    top                 : 150px;
    left                : 400px;
    width               : 300px;
    height              : 250px;
}
/*********************************************************/

/**** Parcours ****/
#parcours div
{
    text-align          : left;
}

#parcours_expos_temp, #parcours_expos_perm
{
    position            : relative;
    float               : left;
}

#parcours_expos_temp
{
    margin-bottom       : 20px;
}

#parcours img
{
    position            : relative;
    float               : left;
    margin              : 0 20px 0 20px;
}

#parcours td, #parcours
{
    text-align          : left;
}
/*******************/

/*** Liens ***/
#liens table
{
    margin-left         : 0;
}
#liens th
{
    font-size:10px;
    font-weight:normal;
    text-align : center;
}

#liens td
{
    padding-bottom       : 5px;
}

#liens td.left
{
    text-align          : right;
    padding-right        : 15px;
}

#liens td.right
{
    text-align          : left;
}

#imgliens
{
    position            : relative;
    float               : none;
    left                : -5px;
    bottom              : -11px;
    margin              : 30px 0 0 0;
}
/*********************************************************/

/*** footer ***/
#footer, #footer a, #footer a:visited, #footer a:hover
{
    font-size           : 9px;
    font-family         : verdana, arial, 'sans serif';
}

#footer, #footer a, #footer a:visited
{
    font-size           : 9px;
    color               : #ccc;
}

#footer a:hover
{
    color               : #fff;
}
/*********************************************************/

/*.Style1
{
    font-size           : 36px;
}

.Style2
{
    color               : #00ff00;
}

#apDiv1 {
    position            : absolute;
    left                : 621px;
    top                 : 616px;
    width               : 234px;
    height              : 304px;
    z-index             : 1;
}

#image_couleur_border
{
    border             : 5px solid #fff;
}

.date
{
    color               : #cc3300;
    font-weight         : bold;
    margin              : 0px;
}

.banniere_lien
{
    margin              : 0;
    padding             : 0;
}

*/