/************************************************************************************
plus petit que 860px : on rend le design fluide et on met le menu à gauche
*************************************************************************************/
@media screen and (max-width: 860px) {

#page {
	width: 95%;
}
#header {
	margin-top:0;
}
#contenu {
	float:right;
	width: 60%;
	padding: 3% 4%;
}
#sidebar {
	position:relative;
	float:right;
	width: 30%;
}
ul#nav{
	height:auto;
}
ul#nav li{
	float: none;/*pour avoir un menu vertical*/
	text-align: center;
	width:auto;
}
ul#nav li:hover ul{display:none;}

#pied a{
	padding-left: 1em;
	padding-right: 1em;
}

.descriptif-article,.logo-article{
	float:none;
	width:85%;
	margin:auto;
}
h3.titre-entree{
	font-size:1.1em;	
}
.sans-fioritures{
	font-size:0.9em;	
}
.ligne{
	margin-bottom:1px;	
	margin-top:1px;	
}
}

/************************************************************************************
plus petit que 650, on passe le menu en dessous
*************************************************************************************/
@media screen and (max-width: 650px) {

#contenu {
	width: auto;
	float: none;
	margin:0;
	padding: 0 5px;
}
#contenu>p{margin:5px 0;}
.ibsen{width:60%;}
.compteur{width:15%;}
#sidebar {
	width: 100%;
	margin: 0;
	float: none;
}
ul#nav{
	margin:auto;
	width:100%;
	border : solid 1px #aaaaaa;
	-moz-border-radius:5px;
    -o-border-radius:5px;
	-webkit-border-radius:5px;
	-icab-border-radius:5px;
	border-radius: 5px;

}
#pied{
	margin-top:5px;
	border : solid 1px #aaaaaa;
	border-radius: 5px;
	-moz-border-radius:5px;
    -o-border-radius:5px;
	-webkit-border-radius:5px;
	-icab-border-radius:5px;
	font-size:small;
}
#pied a{
	padding-left: 1em;
	padding-right: 1em;
}




}
/************************************************************************************
plus petit que 560
*************************************************************************************/
@media screen and (max-width: 480px) {

	/* disable webkit text size adjust (for iPhone) 
	html {
		-webkit-text-size-adjust: none;
	}*/
}