﻿.conteneur {

	height:800px;

	width: 1400px;

	margin:auto;

}



.fond {

	position:absolute;

}



.menu {

	position:absolute;

	color:#4A4A4B;

	text-align:left;

	font-family: Century Gothic;

	font-size: 10pt;
	
	font-weight:bold;



}



.menu a {

	color:#4A4A4B;

	text-decoration: none 

}





.texte {

	position:absolute;

	color:black;

	text-align:justify;

	font-family: "Century Gothic";

	font-size:small;

}


.orange {

	position:absolute;

	color:black;

	text-align:left;

	font-family: Century Gothic;

	font-size: 11pt;



}



.orange a {

	color:gray;

	text-decoration: none 

}



.orange a:hover {

	color:orange;

	text-decoration: none;
	
	}
	
	
	.orange2 {

	position:absolute;

	color:black;

	text-align:left;

	font-family: Century Gothic;

	font-size: 11pt;



}

	
	.orange2 a {

	color:white;

	text-decoration: none 

}



.orange2 a:hover {

	color:orange;

	text-decoration: none;
	
	}


.footer {

	position:absolute;

	color:#4A4A4B;

	text-align:left;

	font-family: Century Gothic;

	font-size: 10pt;
	
}	

.footer a {

	color:gray;

	text-decoration: none;
	
font-size:xx-small; 

}

.projet {

	position:absolute;

	color:#4A4A4B;

	text-align:center;

	font-family: Century Gothic;

	font-size: 10pt;
	
	font-weight:bold;



}



.projet a {

	color:#FF00FF;

	text-decoration: none 

}

.divmenu {
color: #fff;
font-family: Century Gothic;
font-size: 8pt;
font-weight: bold ;
position:absolute;
}

#menu>li {
position: relative;
display: inline-block;
vertical-align: top;
background-image:url('image/fond.jpg');
color: #fc7904;
height: 112px;
width: 112px;
margin: 0;
padding: 0;
overflow: hidden;
}

#menu>li a {
color: #fc7904;
}
		
#menu>li a:hover {
color: green;
}

.divmenu ul {
margin: 0;
padding: 0;
list-style:none;
}

.divmenu li ul {
font-size: 0.85em;
margin: 8px;
line-height: 1.4;
}
		
.divmenu  img {
position: absolute;
left: 0;
top: 0;
border: none;
		
-webkit-transition-property: padding-left;
-webkit-transition-duration: .5s;
-webkit-transition-timing-function: ease-out;

-moz-transition-property: padding-left;
-moz-transition-duration: .5s;
-moz-transition-timing-function: ease-out;

transition-property: padding-left;
transition-duration: .5s;
transition-timing-function: ease-out;
}

.divmenu  img:hover, img:focus {
padding-left:85px;
}
