{behavior: url(csshover.htc);}






/* entete de page*/
#haut
	{ 
    position: fixed;
	top:0px;
	left:opx;
	background: #E155C3;
	width: 100%;
    height: auto;
	align:center;
	z-index: 20;
	Font-family: Edwardian, Comic Sans MS, arial;
	font-size: 5em;
	text-align: center;
	font-weight: bold;
	z-index: 2;
	}
	

#img-logo{
	/*position: fixed;
	top: 15%;
	width: 10%;
	left: 100px;
	z-index: 2;*/
	width: 100%;
		}
		


#container {
    display: grid;

}

.section {
    padding: 5% 5% 5% 5%;
}

#left {
    
    height:10%;
    position: fixed;
	top: 50px;
    width: 10%;
}

#right {
   
   
    width: 70%;
    right: 0;
	top:50px;
    position: absolute;
}

#right-2 {
   
    
    width: 100%;
	
    right: 0;
    position: relative;
	top:200px;
}


/*********************************************************
          para movil pantalla maximun de 340px
************************************************************/
@media only screen and (max-width: 340px) and (min-width: 5px){
	


#img-logo{
	/*position: fixed;
	top: 10%;
	width: 20%;
	left: 10px;
	z-index: 2;*/
	width: 100%;
		}


#container {
    display: grid;

}

.section {
    padding: 5% 5% 5% 5%;
}

#left {
    position: fixed;
	top: 100px;
    height:10%;
    
    width: 20%;
}

#right {
   position: absolute;
   top: 100px;
    
    width: 70%;
    right: 0;
    
}

#right-2 {
   position: relative;
    
    width: 100%;
	
    right: 0;
    
	top:250px;
}
}

/*********************************************************
          para movil pantalla maximun de 680px
************************************************************/
@media only screen and (max-width: 680px) and (min-width: 341px){
	
#haut
	{ 
   	font-size: 4em;
	
	}
	

#img-logo{
	position: fixed;
	top: 15%;
	width: 20%;
	left: 10px;
	z-index: 2;
		}
#container {
    display: grid;

}

.section {
    padding: 5% 5% 5% 5%;
}

#left {
    position: fixed;
	top: 100px;
	
    height:10%;
    
    width: 20%;
}

#right {
   position: absolute;
   top: 100px;
   
    width: 70%;
    right: 0;
    
}

#right-2 {
   position: relative;
   
    width: 100%;
	
    right: 0;
    
	top:250px;
}
}

/*********************************************************
          para movil pantalla maximun de 1020px
************************************************************/
@media only screen and (max-width: 1020px) and (min-width: 681px){
	


#img-logo{
	position: fixed;
	top: 15%;
	width: 15%;
	left: 10px;
	z-index: 2;
		}
#container {
    display: grid;

}

.section {
    padding: 5% 5% 5% 5%;
}

#left {
    position: fixed;
	top: 100px;
    height:10%;
    
    width: 30%;
}

#right {
   position: absolute;
   top: 100px;
   
    width: 70%;
    right: 0;
    
}

#right-2 {
   position: relative;
   
    width: 100%;
	
    right: 0;
    
	top:250px;
}
}