/* CSS Document */
/*-----Codes couleurs----- 
gris bleu foncé : #454a50 (fond)
gris bleu clair : #747e87
marron foncé : #2b1306
vert tres clair : #e0eed5
vert plus fonce : #90988b
vert moyen : #a6aca2
marron : #5b2607
*/
/*----------GENERAL-------*/
body {
background-color: #454A50;
margin: 0;
text-align: center;
font: 80% verdana, arial, sans-serif;
color: #e0eed5;
}

img {
margin: 0;
padding: 0;
border: 0;
}

#fermer_boite {
position: relative;
background-image: url(images/croix.gif);
background-position: right;
background-repeat: no-repeat;
display: block;
height: 20px;
}

a {
color: #cc99cc;
text-decoration: none;
}

a:hover {
color: gray;
}

.texte {
text-align: justify;
margin: 0 15px 0 15px;
padding: 0 15px 0 10px;
}

h1, h2, h3, h4 {
color: #8da79e;
font-family: "Times New Roman", Times, serif;
}

/*---------INDEX--------*/
#index {
/* background: #454a50 url(images/connexe.jpg) center top no-repeat; */
background: #454a50;
}

#ou_voir {
float: left;
width: 750px;
margin-top: 20px;
background: #545a5c;
font-size: 0.9em;
}

#ou_voir p {
text-align: left;
}

/*--------MENU INDEX-------*/
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu {
position: absolute;
top: 70px;
left: 59%;
width: 17em;
}

#menu dt {
cursor: pointer;
margin: 2px 0;
padding-left: 10px;
height: 20px;
line-height: 20px;
font-weight: bold;
border-bottom: 1px dashed #747e87;
background: #a6aca2;
color: #2b1306;
}

#menu dd {
border: 1px solid gray;
}

#menu li {
padding-left: 30px;
color: #e0eed5;
}

#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

#menu li a:hover, #menu dt a:hover {
color: #e0eed5;
font-weight: bold;
}

/*--------MENU GENERAL-------*/
#menu_g {
position: absolute;
right: 60px;
background-color: #454a50;
border: 1px solid gray;
display: none;
width: 17em;
z-index: 1;
text-align: left;
}

#menu_g dt {
margin: 2px 0;
padding-left: 10px;
height: 20px;
line-height: 20px;
font-weight: bold;
border-top: 1px dashed #747e87;
border-bottom: 1px dashed #747e87;
color: #a6aca2;
}

#menu_g li {
padding-left: 50px;
color: #a6aca2;
}

#menu_g li a, #menu_g dt a {
color: #a6aca2;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

#menu_g li a:hover, #menu_g dt a:hover {
color: #e0eed5;
font-weight: bold;
}

/*--------MENU TABLEAUX-------*/

ul#tab {
margin-top: 20px;
}


ul#tab li {
display: inline;
}

ul#tab li a img {
margin: 0;
padding: 0;
border: 1px solid #454a50;
}

ul#tab li a:hover img {
border: 1px solid gray;
}

ul#tab li a:active img {
border-bottom: 2px solid gray;
}

/*---------PAGE TYPE------CONTENEUR--*/
#global {
background-color: #454A50;
margin: auto;
padding-bottom: 30px;
width: 90%;
height: auto;
}

#global2 {
background-color: #454A50;
background-image: url(images/fond-global3.jpg);
background-repeat: repeat-x;
background-position: bottom;
margin: auto;
margin-right: auto;
padding-bottom: 30px;
width: 90%;
}


/*---------PAGE TYPE------BARRE DE NAVIGATION--*/ 
#nav {
position: relative;
width: 90%;
margin-left: auto;
margin-right: auto;
}


ul#nav {
margin: 0;
padding: 0;
border-top: 3px double gray;
width: 100%;
}

ul#nav li {
display: inline;
color: gray;
}

#nav_li_1 {
float: left;
font-size: smaller;
}

#nav_li_2 {
float: right;
background-image: url(images/plus.gif);
background-position: center left;
background-repeat: no-repeat;
padding-left: 20px;
}

/*ul#nav li a {
color: #e0eed5;
text-decoration: none;
}

ul#nav li a:hover {
color: #e0eed5;
text-decoration: none;
}*/

/*---------PAGE TYPE------GALERIE--*/ 
#infoplus {
clear: both;
padding-top: 50px;
}

#diapo {
position: relative;
top: 25px;
width: 90%;
margin-left: auto;
margin-right: auto;
}

ul#galerie_mini {
float: left;
list-style-type: none;
width: 35%;
border-right: 1px dashed gray;
}

ul#galerie_mini li {
display: inline;
}

ul#galerie_mini li a img {
margin: 5px;
}

ul#galerie_mini li a img#bornul {
border: 0;
}

ul#galerie_mini2 {
float: left;
list-style-type: none;
width: 100%;
}

ul#galerie_mini2 li {
display: inline;
}

ul#galerie_mini2 li a img {
margin: 5px;
}

ul#galerie_mini2 li a img#bornul {
border: 0;
}

dl#photo {
float: right;
width: 60%;
}

dl#photo dt {
font-size:medium;
font-weight: bold;
font-style:italic;
color: #e0eed5;
margin-bottom: 10px;
border-bottom: 1px solid gray;
}

dl#photo dd {
float: left;
width: 480px;
color: #e0eed5;
}

dl#photo dd a {
color: #e0eed5;
font-weight: bold;
text-decoration: none;
}

/*dl#photo img {
float: left;
margin-left: 0px;
margin-right: 0px;
}*/

/*---------COMMENTAIRES--------*/ 
#commentaires {
position: absolute;
text-align: justify;
display: none;
padding: 10px;
background-color: #454a50;
color: #e0eed5;
width: 50%;
right: 50px;
z-index: 1;
border: 2px solid gray;
}

/*---------DIAPORAMA--------*/ 
#diaporama {
width: 100%;
height: 80%;
margin-top: 10px;
margin-bottom: 20px;
color: #e0eed5;
font-weight: bolder;
}

/*---------FORMULAIRE--------*/ 
input {
cursor: pointer;
background-color: #454a50;
color: #e0eed5;
border: 1px solid #747e87;
size: 20;
font-family:Arial;
}

/*--------BLOCS-------*/
#invisible {
visibility: hidden;
}
.photnav {
float: left;
margin: 0 20px 20px 20px;
font-weight: bold;
}

a.photnav {
color: #ff0000;
}

.gauche {
float: left;
margin: 0 20px 20px 20px;
}

.droite {
float: right;
margin: 0 20px 20px 20px;
}

.aligne_gauche {
width: 700px;
text-align: left;
}

#pos_bloc {
width: 150px;
height: 100px;
border: 1px dashed gray;
}

#pos_bloc2 {
width: 400px;
padding: 10px;
border: 1px dashed gray;
}

#titre {
margin-top: 20px;
text-align: left;
width: 50%;
height: 20px;
border-bottom: 1px solid gray;
}

#xiti-logo {
clear: both;
padding-top: 100px;
}