/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */
/* Page */ 
html { 
  font-size: 100%; /* Évite un bug d'IE 6-7. */ 
} 
  body {
    background-color: rgb(255, 255, 255);
    background-repeat:no-repeat;
	background-image: url(images/fond_vo.jpg);
	background-attachment:fixed;
	background-position:center top;
	font-family: Arial;
	color:#425268;

    }
/*------------ description des cadres ----------------*/
#global {   /* le cadre global pour tout centrer */
	position: relative;
	width:940px;
	min-height: 100%;
	background-color: transparent;
	margin: 0 auto; 
	z-index:2;
 }
 #cadregauche {    /* le cadre à gauche */
	margin:4em 0 1em 0;
    float:left;
    width:350px;	
	text-align:justify;
	z-index:1;
	}
#cadredroit {    /* le cadre a droite ordre : top - right - bottom - left */
	margin: 2em 2em 0 0;
	padding: 30px;
	background-color: rgba(255, 255, 255, 0.7);
	float:right;
	width:570px;
	text-align:justify;
	z-index:2;
	clear: none;
}
#cadrelarge {  /* le cadre sur toute la largeur en haut*/
	width:100%;
	border:0px;
	z-index:-1;
	}
	
#cadremedian {  /* le cadre pour l'agenda.php*/
	text-align:left;
	width:900px;
	font-size: 10pt; 
	margin: 1em 2em 1em 3em;
	padding: 1em 0 0 0;
	color: rgb(66,82,104);
	clear: both;
	z-index:3;
}
#cadrebas {  /* le cadre sur toute la largeur index*/
	width:940px;
	height: 840px;
	margin: 2em 0 0 0;
    background-image: url(images/galaxie_3.jpg);
	background-repeat: no-repeat;
	z-index:3;
	}

#cadredessous {  /* le cadre sur toute la largeur en bas*/
	width:100%;
	padding: 3em 0 0 0;
	color: rgb(66,82,104);
	clear: both;
	z-index:3;
}
h1 { font-size: 18pt;  /* cadres bios */
    font-weight: normal;
	text-align:center;
    color: rgb(66,82,104);
    }	
.bleularge { font-size: 18pt;  /* titre page accueil*/
	text-align:left;
    font-weight: bold;
    color: rgb(66,82,104);
    }	
.bleumoyen { font-size: 15pt;  /* titres pages*/
	text-align:justify;
    font-weight: normal;
    color: rgb(66,82,104);
    }	
.bleupetit{ font-size: 12pt;  /* titres pages*/
	text-align:justify;
    font-weight: normal;
    color: rgb(66,82,104);
    }		
a {	font-size: 12pt;
    color: rgb(66,82,104);
    text-decoration: underline;
    font-weight: normal;
    }
a:hover {  color: rgb(66,82,104);
    color: rgb(66,82,104);
    text-decoration:underline;
    }
.table { width:600px;		/* bandeau des boutons gauche*/
margin :1em 0 1em 2em;
float: left;
text-align:left;
font-size: 12pt;
background-color:transparent;
}
.table1{ width:130px;		/*bandeau des boutons droite */
float: right;
margin :0 0 1em 2em;
border-spacing : 5px;
padding-bottom:10px;
background-color:transparent;
}
.table3{ width:130px;		/*bandeau des boutons droite */
float: left;
margin :0 0 1em 0;
border-spacing : 5px;
padding-bottom:10px;
background-color:transparent;
}
.table2{ width:100%;	/* bandeau des boutons haut*/
border-spacing : 5px;
text-align:center;
}
img.photolien {   /* ------ petites photo logo lien (page Avec qui) -----   */
	border: 2px outset silver; 
	width: 60px; 
	height: 60px; 
	float:left;
	margin:0 0 1em 0;
}
img.photolien:hover{   /* ------ petites photo logo lien (page Avec qui) -----   */
	border-style:inset;
}