/* ----------------------------------- CADRES DE LA PAGE D'ACCUEIL ------------------------------------- */
#moncadre {
width:800px;
height:650px;
margin:auto;
margin-top:30px;
margin-left:0px;
padding:0px;
background-color:#FFFFFF;
border-left:0px solid #000000; /* couleur du cadre */
border-right:0px solid #000000;
border-bottom:0px solid #000000;
border-top:0px solid #000000;
}
.cadredumenugauche {
float:left;
text-align:left;
width:140px;
padding:1px;
background-color:transparent;
border:0px solid #000000; /* cadre menu */
color:#666666;
}
.cadredumenudroite {
float:right;
text-align:left;
width:300px;
padding-top:0px;
padding-right:10px;
padding-left:10px;
padding-bottom:10px;
background-color:#0099FF;
border:1px solid #0099FF; /* cadre menu */
color:#666666;
}

#entete {
height:215px;
background-color:#0099FF;
margin-bottom:0px;
}

.logo {
float:left;
height:155px;
width:155px;
padding:5px;
background-color:transparent;
margin-bottom:1px;
}

.texte_entete {
margin-top:10px;
float:right;
height:60px;
width:600px;
background-color:transparent;
margin-bottom:2px;
border-left:4px solid red; /* couleur du cadre */
border-top:1px solid red;
}

.image_tete {
float:right;
width:600px;
height:92px;
background-color:transparent;
margin-bottom:1px;
}

.lien_externe {
float:left;
width:477px;
height:25px;
background-color:white;
border-top:3px solid blue;
border-bottom:3px solid red;
margin-bottom:2px;
}

#cadrecentrale { 
margin-left:150px;
min-height:150px;
height:275px;
padding:10px;
margin-right:330px;
border-left:0px dashed #000000; /* couleur du cadre */
border-right:0px dashed #000000;
border-bottom:0px dashed #000000;
border-top:0px dashed #000000;
background-color:transparent;
/*overflow: auto;  cette propri? va permettre le scroll de ce bloc */
}

.baspage {
width:800px;
height:70px;
margin-top:0px;
padding-left:15px;
background-color:red;
margin-bottom:0px;
}

/* ----------------------------------- FIN POUR LES CADRES DE LA PAGE D'ACCUEIL ------------------------------------- */

/* -------------------------------- image pour le bas du page -------------------------------- */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
top: 100;
background-color: transparent;
padding: 0px;
left: -1000px;
border: 0px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -230px;
left: 0px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.texte{
text-align:right;
font-weight: bold;
font-size: 10px;
color:white;
}
/*-------------------------- FIN gALERIE PHOTO -----------------------------*/