html {
	height: 100%
}

body {                          /* RAZ. params browser */
	padding-right: 0px;
        padding-left: 0px; 
        padding-bottom: 0px; 
        padding-top: 0px; 
/*        margin: auto; */
        background: #111; 
        text-align: center;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 80%;

}

h3 {
	text-align: center;
}


/* ----------------- BANDEAU --------------------- */
/* ----------------- BANDEAU --------------------- */
/* ----------------- BANDEAU --------------------- */
#bandeau {
	   width: 950px;
	   height: 90px;
           margin: auto;
           position: relative;
           left: 0px;
           top: 0px;

           background-color: rgb(35, 35, 35);
	   color: rgb(140, 140, 140);
	   border-top: 3px solid rgb(80, 80, 80);
	   border-right: 3px solid rgb(80, 80, 80);
	   border-bottom: 2px solid rgb(80, 80, 80);
	   border-left: 3px solid rgb(80, 80, 80);

           padding-top: 8px;
           padding-bottom: 3px;
           margin-bottom: 10px;

	   line-height: 40px;
           text-align: center;

}
/* ----------------- FIN BANDEAU --------------------- */

/* ----------------- CORPS --------------------- */
/* ----------------- CORPS --------------------- */
/* ----------------- CORPS --------------------- */
#corps {
	   width: 950px;
	   height: 700px;
           margin: auto;
           position: relative;     /* Nécessaire pour que les absolute enfants se positionnent correctement */
           left: 0px;
           top: 0px;

	   background-color: #111;
	   color: rgb(140, 140, 140);
	   border: none;
/*           border: 1px solid rgb(250, 0, 0);*/

}
/*-- MENU GAUCHE --*/
#menu_gauche {
           position: absolute;
           left: -3px;
           top: 0px;
	   width: 170px;
	   height: 700px;

           background-color: rgb(35, 35, 35);
	   color: rgb(140, 140, 140);
	   border-top: 2px solid rgb(80, 80, 80);
	   border-right: 2px solid rgb(80, 80, 80);
	   border-bottom: 2px solid rgb(80, 80, 80);
	   border-left: 3px solid rgb(80, 80, 80);
	   padding-right: 0px;
	   padding-left: 0px;
           text-align: center;
           margin-left: 0px;
           margin-right: 0px;
}

a.menu {
        display: block;
        text-decoration: none;
}
a.menu:link {
	color: gray; 
        text-decoration: none;
        background-color: rgb(35, 35, 35);
}
a.menu:visited {
	color: gray;
        text-decoration: none
        background-color: rgb(35, 35, 35);
}
a.menu:hover {
/*	color: rgb(20,102,179);   */
        color: rgb(45, 45, 45);
        text-decoration: none;
        background-color: gray;
}
a.menu:active {
	color: gray;
        text-decoration: none;
        background-color: rgb(35, 35, 35);
}

ul.menu {
        position: absolute;
        width: 110px;
        left: 45px;
        top: 140px;
        text-align: left;
        margin: 0px;
        padding: 0px;
        list-style-position: inside;
/*        list-style-type: disc;*/
        list-style-type: none;
/*        border: 1px solid rgb(250, 0, 0);*/

}
/*-- FIN MENU GAUCHE --*/

/*-- BOITE DROITE --*/
#boite_droite {
           position: absolute;
           right: -3px;
           top: 0px;
	   width: 20px;
	   height: 700px;

           background-color: rgb(35, 35, 35);
	   color: rgb(140, 140, 140);
	   border-top: 2px solid rgb(80, 80, 80);
	   border-right: 3px solid rgb(80, 80, 80);
	   border-bottom: 2px solid rgb(80, 80, 80);
	   border-left: 2px solid rgb(80, 80, 80);
/*	   padding-right: 10px;
	   padding-left: 5px;
           text-align: left;*/
           margin-left: 0px;
           margin-right: 0px;
}
/*-- FIN BOITE DROITE --*/

/*-- FENETRE PRINCIPALE --*/
#fenetre_principale {
           position: absolute;
           left: 185px;
           top: 0px;
	   width: 729px;
	   height: 704px;

/*           background-color: rgb(35, 35, 35);*/
           background-color: rgb(39, 39, 39);
	   color: rgb(140, 140, 140);
	   border: none; 
/*	   border: 1px solid rgb(140, 0, 0); /*pour debug*/*/
           text-align: center;
           margin-left: 0px;
           margin-right: 0px;
}

.bouton {
	  display: block;
          position: absolute;
          bottom: 30px;

          text-decoration: underline;
}

.prec {
          left: 30px;
}

.next {
          right: 30px;
}

a.bouton {
        display: block;
        text-decoration: none;
}
a.bouton:link {
	color: gray; 
        text-decoration: none;
        background-color: rgb(35, 35, 35);
}
a.bouton:visited {
	color: gray;
        text-decoration: none
        background-color: rgb(35, 35, 35);
}
a.bouton:hover {
/*	color: rgb(20,102,179);   */
        color: rgb(45, 45, 45);
        text-decoration: none;
        background-color: gray;
}
a.bouton:active {
	color: gray;
        text-decoration: none;
        background-color: rgb(35, 35, 35);
}

table.miniatures {
        position: relative;
        top: 200px;
        margin-left: auto;
        margin-right: auto;
        padding: 0px;
/*	border: 1px solid rgb(140, 0, 0); /*pour debug*/*/

        text-align: center;
        vertical-align: middle;
}

a.miniatures {
        margin: 2px;
        padding: 0px;

        text-align: center;
        vertical-align: middle;
}

table.miniatures img {
        margin: 0px;
        padding: 0px;
        border: 2px solid rgb(140, 140, 140);
}

/*-- FIN FENETRE PRINCIPALE --*/
/* ----------------- FIN CORPS --------------------- */

/* ----------------- PIED PAGE --------------------- */
/* ----------------- PIED PAGE --------------------- */
/* ----------------- PIED PAGE --------------------- */
#pied_page {
	   width: 950px;
	   height: 35px;
           margin: auto;
           position: relative;
           left: 0px;
           top: 0px;

           background-color: rgb(35, 35, 35);
	   color: rgb(140, 140, 140);
	   border-top: 2px solid rgb(80, 80, 80);
	   border-right: 3px solid rgb(80, 80, 80);
	   border-bottom: 3px solid rgb(80, 80, 80);
	   border-left: 3px solid rgb(80, 80, 80);

           margin-top: 15px;
           margin-bottom: 10px;

	   line-height: 30px;
           text-align: center;
}

/* ----------------- FIN PIED PAGE --------------------- */
/*
.center_text {
	   float: center;
}
*/

/* ----------------- GRANDE IMAGE --------------------- */
#cadre_grande_image_paysage {
           position: absolute;
           left: 45px;
           top: 140px;
	   width: 600px;
	   height: 400px;

/*	   background-color: rgb(45, 45, 45);*/
           background-color:#111;
	   border: 1px solid rgb(140, 140, 140); 
           margin: 0px;
           padding-top: 20px;
           padding-right: 20px;
           padding-bottom: 18px;
           padding-left: 20px;
}

.grande_image_paysage {
           border: none;
           position: relative;
 /*          position: absolute;*/
}

.legende_grande_image_paysage {
	   position: absolute;
	   width: 450px;
           border: none;
/*           border: rgb(0,0,140) 1px solid;*/   /*debug*/
           left: 50%;
           top: 50%;
           margin-left: -225px;
           margin-top: 250px;
           text-align: center;
}

#cadre_grande_image_portrait {
           position: absolute;
           left: 145px;
           top: 20px;

	   width: 400px;
	   height: 600px;
           background-color:#111;
	   border: 2px solid rgb(140, 140, 140); 
           margin: 0px;
           padding-top: 20px;
           padding-right: 20px;
           padding-bottom: 18px;
           padding-left: 20px;
}

.grande_image_portrait {
           border: none;
           position: relative;
}

.legende_grande_image_portrait {
	   position: absolute;
	   width: 450px;
           border: none;
/*           border: rgb(0,0,140) 1px solid;*/   /*debug*/
           left: 50%;
           top: 50%;
           margin-left: -225px;
           margin-top: 320px;
           text-align: center;
}
/* ----------------- FIN GRANDE IMAGE --------------------- */

/* ----------------- DEBUT MINIATURES --------------------- */
.titre_miniatures {
	   position: absolute;
	   width: 200px;
           border: none;
/*           border: rgb(0,0,140) 1px solid; /*debug*/*/
           left: 0%;
           top: 0%;
           margin-left: 60px;
           margin-top: 60px;
           padding: 0px;
           text-align: left;
           text-decoration: underline;
           font-size: 120%;
 }
/* ----------------- FIN MINIATURES --------------------- */

/* ----------------- DEBUT LIENS --------------------- */
.titre_liens {
           text-align: left;
           margin-left: 60px;
           text-decoration: underline;
           font-size: 120%;
 }

.texte_liens {
           text-align: left;
           margin-left: 60px;
           margin-right: 60px;
           text-decoration: none;
           font-size: 100%;
 }

a.liens {
        display: block;
        text-decoration: none;
        text-align: left;
        margin-left: 100px;
}
a.liens:link {
	color: gray; 
        text-decoration: none;
}
a.liens:visited {
	color: rgb(117, 56, 241);
        text-decoration: none
}
a.liens:hover {
	color: rgb(117, 56, 241);
        text-decoration: none;
}
a.liens:active {
	color: rgb(117, 56, 241);
        text-decoration: none;
}

/* ----------------- FIN LIENS --------------------- */

/* ----------------- DEBUT INFOS --------------------- */
a.infos {
        display: block;
        text-decoration: none;
        text-align: center;
}
a.infos:link {
	color: gray; 
        text-decoration: none;
}
a.infos:visited {
	color: rgb(117, 56, 241);
        text-decoration: none
}
a.infos:hover {
	color: rgb(117, 56, 241);
        text-decoration: none;
}
a.infos:active {
	color: rgb(117, 56, 241);
        text-decoration: none;
}
/* ----------------- FIN INFOS --------------------- */

/* ----------------- DEBUT PG_GARDE --------------------- */
img.pg_garde {
/*        display: block;*/
        text-decoration: none;
        border: rgb(80, 80, 80) 2px solid; 
        padding: 10px;
        margin: 10px;
}
a.pg_garde:link {
	color: gray; 
        text-decoration: none;
}
a.pg_garde:visited {
	color: rgb(117, 56, 241);
        text-decoration: none
}
a.pg_garde:hover {
	color: rgb(117, 56, 241);
        text-decoration: none;
}
a.pg_garde:active {
	color: rgb(117, 56, 241);
        text-decoration: none;
}

/* ----------------- FIN PG_GARDE --------------------- */