/*Core html : modifications pour partie WEB DEV seulement car les spé sont dans css bergeron.me*/

body {
	background-image:url('../../images/bg.jpg');

}
p.english {color:rgba(153,153,153,0.9);}



/*Mise en page générale : classes*/
.cadre_large {
	border: 20px rgba(230,230,230,0.3) solid;
	
	-moz-border-radius:0px 8px 8px 8px; 
 	-webkit-border-radius: 8px; 
 	border-radius: 8px; 
	
	}
	
.cadre_moyen {
	border: 10px rgba(255,255,255,0.5) solid;
	
	-moz-border-radius:0px 4px 4px 4px; 
 	-webkit-border-radius: 4px; 
 	border-radius: 4px; 
	
	}
	
	
.ombre {
	-moz-box-shadow: 1px 5px 10px #999;  
  	-webkit-box-shadow: 1px 1px 13px #999;  
  	box-shadow: 1px 1px 13px #999; 
}

.fond_cafe{
	background-image:url('../../images/coffee_stain.jpg');
	background-repeat: no-repeat;
}

.window {
	
	position:absolute;
	top:70px;
	left:1px;
	width:1022px;
	height:464px;
	
	background: url('../../images/ink-blue.png') rgba(255,255,255,0.8);
	
	}
	
/*PAGE INDEX : deux animations etiquettes*/

#logo-index {
	position:absolute;
	top:90px;
	left:150px;
	width:374px;
	height:198px;
	z-index:1;
}

#footer-index {
	position:absolute;
	bottom:-16px;
	right:0px;
	color:rgb(179,179,179);
}



#webD a {
	position:absolute;
	left:70px;
	display:block;
	width:120px;
	height:318px;
	background-image :url('../../images/web-design.gif');
}

#webD a:hover {
	background-image :url('../../images/webDhover.png');
	}
	
#educ a {
	position:absolute;
	left:270px;
	display:block;
	width:124px;
	height:396px;
	background-image :url('../../images/educ.gif');
}

#educ a:hover {
	background-image :url('../../images/educhover.png');
	}
	
#aff_texte_webD{
	display:none;
	position:absolute;
	bottom:30px;
	padding:30px;
	right:50px;
	width:400px;
	height:250px;	
}

#aff_texte_default{
	display:block;
	position:absolute;
	bottom:30px;
	padding:30px;
	right:50px;
	width:400px;
	height:250px;	
}

#aff_texte_education{
	display:none;
	position:absolute;
	bottom:30px;
	padding:30px;
	right:50px;
	width:400px;
	height:250px;	
}