@media  all and (max-width: 1000px)
{
    /*----------------- haut -----------------*/
    
    #Haut
    {
        position:relative;
        float:left;
        width:100%;
        height:80px;
        background-color:white;
        z-index:100;
    }
    
    #HautMenu
    {
        display:none;
    }
    
    #HautTrait
    {
        position:relative;
        float:left;
        width:100%;
        background-color:white;
        display:block;
		height: 80px;
    }
    
    #LogoTrait
    {
        position:relative;
        float:left;
        margin:10px 10px 10px 10px;
    }
        
    #IMGLogoTrait
    {
		height: 75px;
		position: absolute;
    }
    
    #MenuTrait
    {
        position:absolute;
        top:27px;
        right:20px;
    }    
    
    #FondIMGMenuTrait
    {
        background:#00589c;
    } 

    #IMGMenuTrait
    {
        height:26px;
    }    
    
    /*----------------- Structure Portable -----------------*/
    
    #MenuPortable
    {
        position:relative;
        float:left;
        width:100%;
        z-index:500;
    }
    
    #MenuPortable #StructurePortable
    {
        position:absolute;
        width:100%;
        top:0px;
        left:0px;
    }
    
    #StructurePortable .SP_FondPortail
    {
        position:relative;
        float:left;
        width:100%;
        background-color:#f6f6f6;
    }
    
    #StructurePortable .SP_FondPortailCache
    {
        position:relative;
        float:left;
        width:100%;
        background-color:#e6e6e6;
    }
    
    #StructurePortable .SP_Portail
    {
        position:relative;
        float:left;
        width:100%;
        height:68px;
        border-top:#e6e6e6 2px solid;
        cursor:pointer;
    }
    
    #StructurePortable .SP_PortailTitre
    {
        width:96%;
        float:right;
        margin-top:26px;     
    }   
    
    #StructurePortable .SP_PortailTitre a
    {          
        font-size:16px;
        color:#666666;
        text-decoration:none;
    }   
    
    #StructurePortable .SP_Module1
    {
        position:relative;
        float:right;
        width:96%;     
        border-top:#e6e6e6 2px solid;
    }
    
    #StructurePortable .SP_Module1Texte
    {
        position:relative;
        float:right;
        width:95%;     
        margin-top:10px;
        cursor:pointer;
    }
    
    #StructurePortable .SP_Module1Texte a
    {
        color:#666666;
        font-size:14px;
        text-decoration:none;
    }
    
    #StructurePortable .SP_Module2
    {
        position:relative;
        float:right;
        width:94%;     
        border-top:#e6e6e6 2px solid;
        margin-top:10px;
    }
    
    #StructurePortable .SP_Module2Texte
    {
        position:relative;
        float:left;
        width:100%;    
        margin-top:10px;
        cursor:pointer;
    }
    
    #StructurePortable .SP_Module2Texte a
    {
        color:#666666;
        font-size:14px;
        text-decoration:none;
    }
        
    #StructurePortable .SP_EspaceModule
    {
        position:relative;
        float:left;
        width:100%;
        height:20px;
    }
       
   
    	
	#Footer
	{
		height: auto;
	}
	
	@media  all and (max-width: 700px)
{
	p {
	text-align: left;
	}	

	li {
    margin-left: 0px;
	}
}
}