/* DISPOSITION */
#titre_site {
position			: absolute;
top					: 0;
left				: 0;
width				: 100%;
height				: 16%;
color 				: #ffd700;
textcolor 			: #ffd700;
background-color	: #90396f;
font-family			: serif;
font-weight			: bold;
border				: 0px solid white;
text-align			: center;
overflow			: auto;
background-image	: url(photos/back3.jpg);
background-repeat	: no-repeat;
padding				: 1px;
}

#menu_site {
position			: absolute;
top					: 16%;
left				: 0;
bottom				: 0;
width				: 20%;
height				: 84%;
color 				: yellow;
background-color	: #61083f;
font-family			: sans-serif;
font-size			: 16px;
border				: 0px solid white;
padding				: 1px;
overflow			: auto;
}

#page_site {
position			: absolute;
top					: 16%;
left				: 20%;
right				: 0;
bottom				: 0;
height				: 84%;
color 				: #61083f;
background-color	: darkgoldenrod;
border				: 0px solid white;
padding				: 1px;
overflow			: auto;
font-family			: serif;
font-size			: 30px;
}

#page_site_iframe {
position			: absolute;
top					: 0%;
left				: 0%;
right				: 0;
bottom				: 0;
height				: 84%;
color 				: #61083f;
background-color	: darkgoldenrod;
border				: 0px solid white;
padding				: 1px;
overflow			: auto;
font-family			: serif;
font-size			: 30px;
}

.centrage {
text-align			: center;
margin-left			: auto;
margin-right		: auto;
}

#miniatures {
float				: left;
top					: 0%;
left				: 0%;
width				: 20%;
background-color	: cyan; /*#61083f;*/
overflow			: auto;
border				: 0px solid green;
}

#PHOTO_iframe {
float				: left;
top					: 0%;
left				: 0%;
width				: 78%;
height				: 100%;
background-color	: darkgoldenrod;
overflow			: false;
}

.encadrement {
padding				: 2%;
background-color	: darkgoldenrod;
width				: 96%;
}



/* styles de textes */
.menu_titre  {
width				: 80%;
font-size			: 16px; 
color				: #61083f; 
background-color	: gold;	
text-align			: right;
padding-right		: 10px;
padding-top			: 4px;
padding-bottom		: 2px;
border				: 1px solid green;
}

.texte_titre {
font-family			: serif;
font-size			: 24px;
color 				: #61083f;
font-weight			: bold;
padding				: 10px;
border				: 0px solid green;
}

.texte_normal {
font-family			: sans-serif;
font-size			: 18px;
color 				: #61083f;
font-weight			: bold;

}

.texte_presentation {
font-family			: serif;
font-size			: 14px;
color 				: #68013f;
font-weight			: bold;

}

/* BOUTONS */
a.bouton_menu  {
font-size			: 14px; 
color				: yellow; 	
padding-left		: 10px;
text-decoration		: none;
}

a.bouton_menu:hover  {
font-size			: 14px; 
color				: fuchsia; 	
padding-left		: 10px;
text-decoration		: none;
}

a.bouton_menu:active  {
font-size			: 14px; 
color				: #90396f; 	
padding-left		: 10px;
text-decoration		: none;
}

a.bouton_texte  {
font-size			: 14px;
color				: #61083f; 	
padding-left		: 10px;
text-decoration		: none;
}

a.bouton_texte:hover  {
font-size			: 14px;
color				: #90396f; 	
padding-left		: 10px;
text-decoration		: none;
}

a.bouton_texte:active  {
font-size			: 14px;
color				: #61083f; 	
padding-left		: 10px;
text-decoration		: none;
}


a.bouton_lien  {
font-size			: 20px;
color				: #61083f; 	
padding-left		: 10px;
text-decoration		: none;
}

a.bouton_lien:hover  {
font-size			: 20px;
color				: #90396f; 	
padding-left		: 10px;
text-decoration		: none;
}

a.bouton_lien:active  {
font-size			: 20px;
color				: #61083f; 	
padding-left		: 10px;
text-decoration		: none;
}

.bouton {
border          	: 1px;
font-family     	: arial;
font-size       	: 12pt;
color           	: yellow;
background-color	: #61086f;
text-decoration 	: none;
cursor          	: pointer;
}

.bouton:hover {
border          	: 1px;
font-family     	: arial;
font-size       	: 12pt;
color          	 	: #90396f;
background-color	: transparent;
text-decoration 	: none;
cursor          	: pointer;
}

.taille1 {
width				:80%;
}

.rouge {
border          	: 1px;
font-family     	: arial;
font-size       	: 16pt;
color           	: #990099;
text-decoration 	: bold;
}