.image_accueil {
	position:absolute;
	left: 20%;
	top: 0px;
	margin-left: -100px;
	
	
}

.logo {
	position:relative;
	float:left;	
	width: 220px;
	height: 220px;
	background-color: white;
	margin-left : 0px;	
	/*background-image: url(../images/logo_small.png);*/
	top: 4px;
	
	
}

.logo1 {
	position:absolute;
	float:left;	
	width: 220px;
	height: 220px;
	background-color: white;
	margin-left : 0px;	
	/*background-image: url(../images/logo_small.png);*/
	top: 4px;
	
	
	
}

.edito {
	font-family: Century Gothic,Arial, Helvetica, sans-serif;
	color: #330066;
	font-weight: bold;
	font-size: 20px;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
	font-style: normal;	
}

.texte1a {
	font-family: Century Gothic,Arial, Helvetica, sans-serif;
	color: #330066;
	font-weight: normal;
	width: 400px;
	font-size: 14px;
	text-align: left;
	vertical-align: top;
	text-decoration: none;
	font-style: normal;
	margin-top : 35px;	
}

.textegauche {
	position:absolute;
	width: 250px;
	top : 130px;
}
.cadrebloc {
	border: thin solid #330066;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style:none ;
	border-left-style: none;	
	width: 219px;
}
.cadreblochaut {
	border: thin solid #330066;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style:none ;
	border-left-style: none;	
	
}
.cadreblocbas {
	border: thin solid #330066;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style:solid ;
	border-left-style: none;	
	
}
.texte2a {
	font-family: Century Gothic,Arial, Helvetica, sans-serif;
	color: #330066;
	font-weight: normal;
	width: 220px;
	font-size: 13px;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
	font-style: normal;
	margin-top : 260px;
	text-indent:2px;
		
	
}

.texte2aIE {
	font-family: Century Gothic,Arial, Helvetica, sans-serif;
	color: #330066;
	font-weight: normal;
	width: 218px;
	font-size: 13px;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
	font-style: normal;
	margin-top : 40px;
	text-indent:2px;
		
	
}

.texte2b {
	font-family: Century Gothic,Arial, Helvetica, sans-serif;
	color: #330066;
	font-weight: bold;
	width: 218px;
	font-size: 13px;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
	margin-top : 10px;
	text-indent:2px;
		
	
}

.texte2c {
	font-family: Century Gothic,Arial, Helvetica, sans-serif;
	color: gray;
	font-weight: normal;
	width: 218px;
	font-size: 13px;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
	font-style: normal;
	margin-top : 8px;
		
	
}

.cachediv {
		visibility: hidden;
		overflow: hidden;
		height: 1px;
		margin-top: -1px;
		position: absolute;
		
}

.legende {
	position:relative;
	font-family: Century Gothic,Arial, Helvetica, sans-serif;
	color: #330066;
	font-weight: normal;
	width: 400px;
	font-size: 13px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	font-style: normal;	
	margin-bottom: 2px;
	left: 0px;
	
}

a.info{
    position:relative; 
    z-index:24; 
    color:#330066;
    text-decoration:none;
	font-size: 12px;
	color: #330066;
	
}

a.info:hover{z-index:1;}

a.info span{display: none}

a.info:hover span{ 
/*le contenu de la balise span ne 
sera visible que pour l'etat a:hover */
font-family: Century Gothic,Arial, Helvetica, sans-serif;
 display:block; 
 position:absolute;  
 color: #330066; 
 top:0.5em; left:2em; width:25em;
 border:1px solid #330066;
 text-align: justify;
 font-size: 11px;
 font-weight:none;
 font-style: normal;
 padding:1px;
    
}

span{ 
/*le contenu de la balise span ne 
sera visible que pour l'etat a:hover */
 font-size: 11px;
 font-style: normal;
 
    
}




.text3 {
	font-family: Century Gothic,Arial, Helvetica, sans-serif;
	position:relative;	
	width: 90%;
	height: 30px;
	margin-top : 5px;
	font-weight: normal;
	font-size: 11px;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
	font-style: normal;
	color:#330066;
	margin-left : 15px;
}