html, body 
{
height: 100%;
padding: 0;
margin: 0;
}

body 
{
min-height: 100%;
margin: 0 auto;
font-family: 'Roboto Slab', serif;
background-color: #ffc61e;
}

#titre
{
text-align: center;
font-size: 2.8em;
margin-top: 2.5%;
margin-left:140px;
}



#panneaucentral
{
margin-top:6.5%;
width: 100%;
height: 60%;
}


#panneaugauche
{
display:inline-block;
width: 33%;
height: 100%;
background-image: url('Images/organisation.png');
background-repeat: no-repeat;
}


#panneauaucentre
{

display:inline-block;
width: 33%;
height: 100%;
background-image: url('Images/cg.png');
background-repeat: no-repeat;
}


#panneaudroit
{
display:inline-block;
width: 33%;
height: 100%;
background-image: url('Images/sante.png');
background-repeat: no-repeat;

}



#cacherpanneaugauche
{
position: relative;
display: none;
background-color: #ff9600;
height: 100%;
}

.cachertexte
{
position: absolute;
text-align: center;
color: #633a11;
margin-top: 30%;
width:100%;

}

#panneaugauche:hover #cacherpanneaugauche 
{ 
display: block;
z-index: 2;
}

#panneaugauche:hover
{ 
z-index: 0;
}



#cacherpanneauaucentre
{
position: relative;
display: none;
background-color: #ff9600;
height: 100%;
}

#panneauaucentre:hover #cacherpanneauaucentre 
{ 
display: block;
z-index: 2;
}

#panneauaucentre:hover
{ 
z-index: 0;
}


#cacherpanneaudroit
{
position: relative;
display: none;
background-color: #ff9600;
height: 100%;
width: 101%;
}


#panneaudroit:hover #cacherpanneaudroit 
{ 
display: block;
z-index: 2;
}

#panneaudroit:hover
{ 
z-index: 0;
}

	
	.contentdroit {
position: absolute;
        width: 430px;
		font-size: 1em;
        line-height: 40px;
		margin-left: 2%;
    }
	
    .static {
        float: left;
        overflow: hidden;
        height: 40px;
    }
	
    #ptechnique {
        display: inline;
        float: left;
        margin: 0;
        color: #633a11;
		font-size: 1.2em;
    }
    ul {
        margin-top: 0;
        padding-left: 130px;
        text-align: left;
        list-style: none;
        animation: 6s linear 0s normal none infinite change;
    }
    ul li {
        color: #633a11;
        line-height: 3px;
        margin: 0;
    }
	
    @keyframes change {
        0% { margin-top: 0; }
        10% { margin-top: 0; }
		17% { margin-top: -40px; }
		27% { margin-top: -40px; }
        34% { margin-top: -80px; }
        44% { margin-top: -80px; }
		51% { margin-top: -120px; }
        61% { margin-top: -120px; }
		68% { margin-top: -80px; }
        75% { margin-top: -80px; }
		82% { margin-top: -40px; }
        89% { margin-top: -40px; }
		100% { margin-top: 0; }
    }