@media  all and (max-width: 991px)
{
    /*----------------- haut -----------------*/
    
    .PageAccueil
    {
        height:auto;
    }
	
	#Page.PageAccueil {
        height:auto;
}
    
    #BlocContenuAccueil
    {
        height:auto;
    }

    #Haut
    {
        position:relative;
        float:left;
        width:100%;
        height:auto;
        background-color:white;
        z-index:100;
    }
    
    #HautLogo
    {
        height:88px;
		margin-top: 51px;
    }
    
    #HautLogo img
    {
        height:88px;
        width:auto;
    }
    
    /* Haut Droite */
    #HautDroite
    {
	position:absolute;
       background-image:none;
       padding: 0;   
       font-size:1em;
	   line-height: 1.5em;
	   
	   width:100%;
}

    #BlocRecherche
    {
		width:50%;
		padding-top:20px;
		padding-left: 40px;
		background: #ff6e40 url("/images/default/recherche.png") no-repeat 10px;
    }
	
	 #BlocTel
    {
        /*display:none;*/
		width:50%;
		text-align:center;
		background:#7cb44c;
    }
    
    #MenuPC
    {
        display:none;
    }
    
    
    #LogoTrait
    {
        position:relative;
        float:left;
        margin:10px 10px 10px 10px;
    }
        
    #IMGLogoTrait
    {
		height: 100px;
		position: absolute;
    }
    
    #MenuTrait
    {
        display:block;
        position:absolute;
        top:16px;
        right:20px;
		margin-top:51px;
    }    
    
    #FondIMGMenuTrait
    {
        background:#32b8cb;
        width:44px;
        margin:auto;
    } 

    #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;
	}
	
	.footer_gauche,
    .footer_droite
    {    
        text-align:center;
    }	
	
	
    #ContenuAccueil .ContenuAppli,
    #Contenu .ContenuAppli
	{
	    padding:0 20px;
	}
	
	#ContenuAccueil .ContenuAppli
	{
	    padding:0;
	}
	
	#BlocSlideshow
	{	    
        height: 215px;     
	}
	
	#Slider
	{	    
        height: 200px;     
	}
	
	
	
    #BlocDroite
    {
		height:auto;
        padding-left:0;
        padding-right:0;
    }

	.PageAccueil  #Video,
	.PageAccueil  #Carte
    {
        height:250px; 
    }

	.PageDefault  #Video,
	.PageDefault  #Carte
	{
		display:none;
    }
	
}


@media  all and (max-width: 1130px)
{
a.PortailLien {
    font-size: 0.9em;
    padding: 0 5px;
}
}

@media  all and (max-width: 1210px)
{
#HautDroite > div {
    padding-top: 0.4em;
    padding-bottom: 10px;
    color: #ffffff;
    font-size: 0.8em;
    line-height: 1.1em;
    height: 51px;
}
}

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

	#HautDroite > div {
		font-size: 0.7em;
	}
	
	p {
	text-align: left;
	}	

	li {
    margin-left: 0px;
	}
}

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

	#HautDroite > div {
		font-size: 0.6em;
	}
}