@media (min-width: 979px) and (max-width: 4500px) {

}

@media (min-width: 768px) and (max-width: 979px) {
img { max-width: 70%; height: auto; _width: 70%; /* IE6 seulement */ vertical-align: middle; } 

.col2 { float: right; width: 80%; }
.col21 { float: left; width: 55%; }
.col22 { float: right; width: 38%; }

.titre-violet { font-size: 1.5em; }	

#iconesMenu { padding:5px;}
.icones li { float:left; margin:0px 0px 0px 5px; }
.icones a { text-indent:-5999px; }
.icones span { display:block; width:64px; height:67px; margin: 0px; } 
#vide { height:8px; }

#dernieresActivites { font-size: .8em; }
.colTitre { float: none; width: 100%; }
.colTitre2 { float: none; width: 100%; }
.colEtapes { float: none !important; width: 100%; }
.etapes1 { margin-top:0px; margin-bottom: 10px !important;}

.zone50Left2 { float: none; width: 100%; }
.zone40Right2 { float: none; width:55%; padding:0px; margin:0px; }
}

@media (min-width: 481px) and (max-width: 767px) {
.container {
		margin-right:0px !important;
		max-width: 767px;
		padding:0px !important;
		margin-left:0px !important;
}
#deconnexion { margin-top:0px !important; }
#logo { display:none; }
#logo2 { display:block; }

#menu { display: none; }
#mobile-nav { display: block; float: right; }

footer { display:none !important; }

.actualites { margin:0px !important; }
#dernieresActivites { font-size: .8em; margin:0px !important; line-height:.8em; }
.myBTN { font-size:.6em; padding:3px 10px; }
.col1 { float: none !important; width: 100% !important; }
.col2 { float: none !important; width: 100% !important; }
.col21 { float: none !important; width: 100% !important; }
.col22 { float: none !important; width: 100% !important; }
.Menu1 { padding-top: 0px; margin-bottom: 0px !important; -webkit-border-radius: 0px; border-radius: 0px; }
.Menu2 { padding-top: 0px; margin-bottom: 0px !important; -webkit-border-radius: 0px; border-radius: 0px; }
.accordeon > li > a { font-size: .9em !important; line-height:12px; margin:6px; }
.accordeon ul li a { font-size: .9em !important; line-height:12px; }

.titre-violet { font-size: 2em; }	

#iconesMenu { padding:8px;} 
.icones li { float:left; margin:0px 0px 0px 5px; }
.icones a { text-indent:-5999px; }
.icones span { display:block; width:32px; height:35px; margin: 12px; } 


.icones #icone-avenants span {background:url('../img/icones/icones_dashboard2.png') -32px 0px no-repeat;}
.icones #icone-avenants span:hover {background:url('../img/icones/icones_dashboard2.png') -32px -29px no-repeat;}
.icones #icone-documents span {background:url('../img/icones/icones_dashboard2.png') -128px 0px no-repeat;}
.icones #icone-documents span:hover {background:url('../img/icones/icones_dashboard2.png') -128px -29px no-repeat;}

.colTitre { float: none; width: 100%; }
.colTitre2 { float: none; width: 100%; }
.colEtapes { float: none; width: 100%; }
.etapes1 { margin-top:0px; margin-bottom: 10px !important;}
.titre-violet-etapes { font-size: 2em; }

.conteneurFormulaire { margin-left:0px; margin-bottom:10px;}

.zone1 { float: none; width: 100%; }
.zone2 { float: none; width: 100%; }
.zone21 { float: none; width: 100%; }
.zone22 { float: none; width: 100%; }
.zone50Left2 { float: none; width: 100%; }
.zone40Right2 { float: none; width: 55%; padding:0px; margin:0px; }
.imgLog{margin-left:16%}
}

@media (min-width: 321px) and (max-width: 414px) {
#deconnexion { margin-top:0px !important; }
#logo { display:none; }
#logo2 { display:block; }

#menu { display: none; }
#mobile-nav { display: block; float: right; }
footer { display:none !important; }

.actualites { margin:0px !important; }
#dernieresActivites { font-size: .8em; margin:0px !important; line-height:.8em; }
.col1 { float: none !important; width: 100% !important; }
.col2 { float: none !important; width: 100% !important; }
.col21 { float: none !important; width: 100% !important; }
.col22 { float: none !important; width: 100% !important; }
.Menu1 { padding-top: 0px; margin-bottom: 0px !important; -webkit-border-radius: 0px; border-radius: 0px; }
.Menu2 { padding-top: 0px; margin-bottom: 0px !important; -webkit-border-radius: 0px; border-radius: 0px; }
.accordeon > li > a { font-size: .9em !important; line-height:12px; margin:6px; }
.accordeon ul li a { font-size: .9em !important; line-height:12px; }
.titre-violet { font-size: 1.5em; }

#iconesMenu { padding:5px;} 
.icones li { float:left; margin:0px 0px 0px 5px; }
.icones a { text-indent:-5999px; }
.icones span { display:block; width:32px; height:35px; margin: 3px; } 

.icones #icone-avenants span {background:url('../img/icones/icones_dashboard2.png') -32px 0px no-repeat;}
.icones #icone-avenants span:hover {background:url('../img/icones/icones_dashboard2.png') -32px -29px no-repeat;}
.icones #icone-documents span {background:url('../img/icones/icones_dashboard2.png') -128px 0px no-repeat;}
.icones #icone-documents span:hover {background:url('../img/icones/icones_dashboard2.png') -128px -29px no-repeat;}

.myBTN { font-size:.6em; padding:3px 10px; }

.colTitre { float: none; width: 100%; }
.colTitre2 { float: none; width: 100%; }
.colEtapes { float: none; width: 100%; }
.etapes1 { margin-top:0px; margin-bottom: 10px !important;}

.titre-violet-etapes { font-size: 2em; }
.conteneurFormulaire { margin-left:0px; margin-bottom:10px;}

.zone1 { float: none; width: 100%; }
.zone2 { float: none; width: 100%; }
.zone21 { float: none; width: 100%; }
.zone22 { float: none; width: 100%; }

.zone70Left { float: none; width: 100%; }
.zone30Right { float: none; width: 100%; }

.zone33Left { float: none; width: 100%; }
.zone60Left { float: none; width: 100%; }
.zone40Left { float: none; width: 100%; }
.zone50Left2 { float: none; width: 100%; }
.zone40Right2 { float: none; width: 100%; padding:0px; margin:0px; }
.searchAuto { display: none !important; }
.searchAuto2 { display: block !important; }
.imgLog{margin-left:0%;}

}
@media (min-width: 414px) and (max-width: 480px) {
	.imgLog{margin-left:0%;}
}

@media (min-width: 241px) and (max-width: 320px) {
.container {
margin-right:0px !important;
max-width:320px !important; 
padding:0px !important;
margin-left:0px !important;
}
#deconnexion { margin-top:0px !important; }
#logo { display:none; }
#logo2 { display:block; }

#menu { display: none; }
#mobile-nav { display: block; float: right; }
.menu-nav { background-image: url(../img/menu-mobile_@2x.png); background-size: 16px 32px; }
footer { display:none !important; }

.actualites { margin:0px !important; }
#dernieresActivites { font-size: .8em; margin:0px !important; line-height:.8em; }

.col1 { float: none !important; width: 100% !important; }
.col2 { float: none !important; width: 100% !important; }
.col21 { float: none !important; width: 100% !important; }
.col22 { float: none !important; width: 100% !important; }
.Menu1 { padding-top: 0px; margin-bottom: 0px !important; -webkit-border-radius: 0px; border-radius: 0px; }
.Menu2 { padding-top: 0px; margin-bottom: 0px !important; -webkit-border-radius: 0px; border-radius: 0px; }
.accordeon > li > a { font-size: .9em !important; line-height:12px; margin:6px; }
.accordeon ul li a { font-size: .9em !important; line-height:12px; }
.titre-violet { font-size: 1.5em; }	

#iconesMenu { padding:5px;} 
.icones li { float:left; margin:0px 0px 0px 5px; }
.icones a { text-indent:-5999px; }
.icones span { display:block; width:32px; height:35px; margin: 0px; } 
.icones #icone-avenants span {background:url('../img/icones/icones_dashboard2.png') -32px 0px no-repeat;}
.icones #icone-avenants span:hover {background:url('../img/icones/icones_dashboard2.png') -32px -29px no-repeat;}
.icones #icone-documents span {background:url('../img/icones/icones_dashboard2.png') -128px 0px no-repeat;}
.icones #icone-documents span:hover {background:url('../img/icones/icones_dashboard2.png') -128px -29px no-repeat;}

.myBTN { font-size:.6em; padding:3px 10px; }

.colTitre { float: none; width: 100%; }
.colEtapes { float: none; width: 100%; }
.colTitre2 { float: none; width: 100%; }
.etapes1 { margin-top:0px; margin-bottom: 10px !important;}

.titre-violet-etapes { font-size: 2em; }
.conteneurFormulaire { margin-left:0px; margin-bottom:10px;}

.zone1 { float: none; width: 100%; }
.zone2 { float: none; width: 100%; }
.zone21 { float: none; width: 100%; }
.zone22 { float: none; width: 100%; }

.zone70Left { float: none; width: 100%; }
.zone30Right { float: none; width: 100%; }

.zone33Left { float: none; width: 100%; }
.zone60Left { float: none; width: 100%; }
.zone40Left { float: none; width: 100%; }
.zone50Left2 { float: none; width: 100%; }
.zone40Right2 { float: none; width: 100%; padding:0px; margin:0px; }
body { font-size: 10px; }
.searchAuto { display: none !important; }
.searchAuto2 { display: block !important; }
.imgLog{margin-left:0%;}
}

@media (max-width: 240px) {
.container {
margin-right:0px !important;
max-width:240px !important; 
padding:0px !important;
margin-left:0px !important;
}	
#deconnexion { margin-top:0px !important; }
#logo { display:none; }
#logo2 { display:block; }

#filAriane { display: none; }

#menu { display: none; }
#mobile-nav { display: block; float: right; }
.menu-nav { background-image: url(../img/menu-mobile_@2x.png); background-size: 16px 32px; }

footer { display:none !important; }

.actualites { margin:0px !important; }
#dernieresActivites { font-size: .8em; margin:0px !important; line-height:.8em; }
.col1 { float: none !important; width: 100% !important; }
.col2 { float: none !important; width: 100% !important; }
.col21 { float: none !important; width: 100% !important; }
.col22 { float: none !important; width: 100% !important; }
.Menu1 { padding-top: 0px; margin-bottom: 0px !important; -webkit-border-radius: 0px; border-radius: 0px; }
.Menu2 { padding-top: 0px; margin-bottom: 0px !important; -webkit-border-radius: 0px; border-radius: 0px; }
.accordeon > li > a { font-size: .9em !important; line-height:12px; margin:6px; }
.accordeon ul li a { font-size: .9em !important; line-height:12px; }
/*.titre-violet { font-size: 1em;}*/
.titre-violet { font-size: 1em;padding:3px;}

.titre img { margin:0px !important; }
#iconesMenu { padding:5px;} 
.icones li { float:left; margin:0px 0px 0px 5px; }
.icones a { text-indent:-5999px; }
.icones span { display:block; width:32px; height:35px; margin: 0px; } 

.icones #icone-avenants span {background:url('../img/icones/icones_dashboard2.png') -32px 0px no-repeat;}
.icones #icone-avenants span:hover {background:url('../img/icones/icones_dashboard2.png') -32px -29px no-repeat;}
.icones #icone-documents span {background:url('../img/icones/icones_dashboard2.png') -128px 0px no-repeat;}
.icones #icone-documents span:hover {background:url('../img/icones/icones_dashboard2.png') -128px -29px no-repeat;}

.myBTN { font-size:.6em; padding:3px 10px; }

.colTitre { float: none; width: 100%; }
.colTitre2 { float: none; width: 100%; }
.colEtapes { float: none; width: 100%; }
.etapes1 { margin-top:0px; margin-bottom: 10px !important;}

.titre-violet-etapes { font-size: 1.5em; }
.conteneurFormulaire { margin-left:0px; margin-bottom:10px;}

.zone1 { float: none; width: 100%; }
.zone2 { float: none; width: 100%; }
.zone21 { float: none; width: 100%; }
.zone22 { float: none; width: 100%; }

.zone70Left { float: none; width: 100%; }
.zone30Right { float: none; width: 100%; }

.zone33Left { float: none; width: 100%; }
.zone60Left { float: none; width: 100%; }
.zone40Left { float: none; width: 100%; }
.zone50Left2 { float: none; width: 100%; }
.zone40Right2 { float: none; width: 100%; padding:0px; margin:0px; }

body { font-size: 10px; }
.searchAuto { display: none !important; }
.searchAuto2 { display: block !important; }
.imgLog{margin-left:0%;}
}

/* Retina Display */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
 	only screen and (-moz-min-device-pixel-ratio: 2),
  	only screen and (-o-min-device-pixel-ratio: 2:1),
  	only screen and (min-device-pixel-ratio: 2),
  	only screen and (min-resolution: 2dppx) {
		
	.container {
		margin-right:20px !important;
		max-width: 60.000em; /*960px*/
		padding:0px !important;
		margin-left:20px !important;
	}
	.menu-nav { background-image: url(../img/menu-mobile_@2x.png); background-size: 16px 32px; }
	
}

@media (max-height: 1050px) {
.afficheAscenseur { height:950px !important; }
}
@media (max-height: 979px) {
.afficheAscenseur { height:800px !important; }
}
@media (max-height: 768px) {
.afficheAscenseur { height:500px !important; }
}
@media (max-height: 481px) {
.afficheAscenseur { height:300px !important; }
}
@media (max-height: 384px) {
.afficheAscenseur { height:250px !important; }
}
@media (max-height: 375px) {
.afficheAscenseur { height:250px !important; }
}