@media  all and (max-width: 1024px)
{
    /*----------------- haut -----------------*/
    
    #Haut
    {
        position:relative;
        float:left;
        width:100%;
        min-height:114px;
        background-color:white;
        z-index:100;
    }
    
     #HautMenu
    {
        /*display:none;*/
    }
	
	#Header_Menu
	{
		display:none;
	}
    
	#Bandeau_ReseauxSociaux
	{	
		margin-right:2%;	
	}
	
    #HautTrait
    {
        position:relative;
        float:left;
        width:100%;
        background-color:white;
        display:block;
    }
    
    #LogoTrait
    {
        position:relative;
        float:left;
        margin:10px 10px 10px 10px;
    }
        
    #IMGLogoTrait
    {
    }
    
    #MenuTrait
    {
        position:absolute;
        top:27px;
        right:20px;
    }
    
    #FondIMGMenuTrait
    {
        background:#f39353;
    } 
    
    #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;
		font-size:1.2em;
    }
    
    #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:auto;
        border-top:#e6e6e6 2px solid;
        cursor:pointer;
		padding:15px 0;
    }
    
    #StructurePortable .SP_PortailTitre
    {
        width:96%;
        float:right;
        margin:0;     
    }   
    
    #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:100%; 
		padding-left:45px;
        margin-top:5px;
        cursor:pointer;
        border-left:#e6e6e6 2px solid;
    }
    
    #StructurePortable .SP_Module1Texte a
    {
        color:#666666;
        font-size:14px;
        text-decoration:none;
    }
    
    
    #StructurePortable .SP_Module2
    {
        position:relative;
        float:right;
        width:calc(100% - 50px); 
		margin-left:50px;	
		padding-left:15px;		
        border-left:#e6e6e6 2px solid;
    }
	
	#StructurePortable .SP_Module2 .SP_Module2
    {
		padding-left:15px;		
        width:100%; 
		margin-left:0;	
        /*border-top:#e6e6e6 2px solid;*/
    }
    
    #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;
    }
       
     #BlocContenu
    {
        position: relative;
        float:left;
        width: 100%;
        /*margin-bottom:270px;*/
    }
    
    #ContenuGauche
    {
        padding:0px;
    }
    
    
    #FooterDroite
    {    
        Position:relative; 
        text-align:left;
    }

}


@media  all and (max-width: 1000px)
{
	.BandeauALaUneContenu
	{
		padding-left:0px;
	}

	.ALaUne {
		Position: absolute;
		float: left;
		width: 100%;
		height: 100%;
		top: 0;
		margin-left: 0;
		background: rgba(0, 0, 0, 0.30);
		z-index: 5;
	}
	
	.ALaUneContenu {
		Position: relative;
		float: left;
		margin: 5% 10% 0;
		width: 80%;
		height: 50%;
	}
	
	.AlaUneSuite
	{
		display:none;
	}
}

@media  all and (max-width: 500px)
{

	.AlaUneResume
	{
		display:none;
	}
}
	
@media  all and (max-width: 700px)
	{

	p
	{
		text-align: left;
	}
	}