@media (min-width: 320px) and (max-width: 1023px) {
.col-droite{float:none; margin-left:auto; margin-right:auto; margin-top:10px;}
}


@media (min-width: 599px) and (max-width: 1023px) {
	#dt ul li, #dtx ul li{
		display:inline-block;
		float:none;
	}

	#dt ul, #dtx ul{text-align:center;}

}


@media (min-width: 481px) and (max-width: 1023px) {

	.footer{
		text-align:center;
	}

	.breve{float:none; display:inline-block;  min-height: 80px;  width: 180px; vertical-align:top;}
}

@media (min-width: 481px) and (max-width: 1023px) {

	.footer > div.breve, .footer > div.breve .ajax, .footer > div.breve .rezo{width:100%}

	.footer > div.rezo{width:100%}
	.breve h3{text-align:center; font-size:1.25em;}
	#news #email{width:90%;margin:0;}
}


@media (min-width: 320px) and (max-width: 800px) {
	#bando h2{
		background:#1C3F95;
		width:100%;
		text-align:center;}

	#ticker01{
		width:100%;
		text-align:justify;}

	#carousel_partenaire_wrapper, #partenaire h2{width:100%;}
}


@media (min-width: 320px) and (max-width: 799px) {
	.menu-button{
		height: 35px;
		line-height: 35px;
		padding: 0;
		position: absolute;
		right: 0;
		text-align: center;
		width: 120px;
	}

	.menu-button .touch-button {
		height: 35px;
		position: absolute;
		right: 0;
		text-align: center;
		top: 0;
		width: 35px;
		z-index: 999;
	}

	#menu-nav.flexnav {
		height: auto;
		max-width: 300px;
		overflow: hidden;
		position: absolute;
		right: 0;
		top: 34px;
		background-color:#2A99BE;
	}

	#menu-nav.flexnav li {
		float: none !important;
		height:auto;
	}

	.flexnav .touch-button{height:35px;}

	.item-with-ul .navicon{display:block; top:0 !important; font-size:18px !important;}

}

@media (min-width: 320px) and (max-width: 620px) {
	.block1{
	width:100%;
	border-right:0;
	border-left:0;}
}

@media (min-width: 320px) and (max-width: 768px) {
	#dt ul li img{display:none;}

	.bordure{width:100%; border:0; height:auto;}

	#dt ul li{width:100%; max-width:100%;}
}

@media (width: 1024px) {
	.breve{width:200px;}
	.footer div.breve{width:350px;}
}

@media (min-width: 320px) {

}

@media (max-width: 768px) {

}

@media (max-width: 767px) {


}

@media (min-width: 320px) and (max-width: 767px) {

	.header > span{display:none;}

	#coordonnee p > input, #ok, #coordonnee p #message{width:100%;}

	#coordonnee p{height:auto; line-height:normal;}

	.grouperadio .btn-group{width:100% !important;}

	.formulaire_spip P{margin-bottom:5px;}

	#coordonnee p label{width:100%;line-heignt:normal; height:auto; line-height:normal;}

	#coordonnee{display:block; float:left; height:auto; width:100%;}

	.formulaire_spip{margin-bottom:15px;}

	#coordonnee hr{display:none;}

	.textarea_long{height:auto !important;}

	#envoy1{width:100%;}

	#envoy1 #valider{float:none; display:block; margin:auto;}
}

/*pied et defilement*/
@media (min-width: 320px) and (max-width: 480px) {

	.footer > div.breve, .footer > div.breve .ajax, .footer > div.breve .rezo{width:100%}

	.footer > div.rezo{width:100%}

	.breve h3{text-align:center; font-size:1.25em;}

	#news #email{width:80%;margin:0;}

	#bando ul, #bando ul li, #bando ul li a, #bando ul li a span{height:auto; line-height:normal;}

	#bando ul li a span{margin-left:0;}

	.footer{
		text-align:center;
	}

	.breve{float:none; display:inline-block;  min-height: 80px;  width: 100%; vertical-align:top;}
}

/*defilement*/
/*@media (min-width: 320px) and (max-width: 480px) {
	.header > span{display:none;}
}*/

@media (max-width: 640px) {

}

@media (max-width: 320px){
	.block1{height:auto;}
}

@media (max-width: 600px) {

}

@media (min-width: 481px) {

}

@media (max-width: 480px) {

}

@media (min-width: 320px) and (max-width: 767px) {

	#pointretrait{display:none;}
}

@media (min-width: 361px){

}

@media (max-width: 360px){

}


@media (max-width: 320px) {

}

/**/


@media (min-width: 1600px) {

}


@media (min-width: 980px) and (max-width: 1023px) {
	#dt ul li, #dtx ul li{
		display:inline-block;
		float:none;
	}

	#dt ul, #dtx ul{text-align:center;}

	.col-droite{float:none; margin-left:auto; margin-right:auto;}

	.footer{
		text-align:center;
	}

	.breve{float:none; display:inline-block;  min-height: 80px;}

}


@media (min-width: 800px) and (max-width: 1023px) {

}

@media (max-width: 1023px){

}


@media (max-width: 980px){

}

@media (min-width: 601px) and (max-width: 1023px){

}

@media (min-width: 768px) and (max-width: 799px) {

}

@media (min-width: 768px) {

}

@media (min-width: 769px) {

}

@media (max-width: 768px) {

}

@media (max-width: 767px) {


}

@media (min-width: 480px) and (max-width: 767px) {

}

@media (max-width: 640px) {

}

@media (min-width: 601px){

}

@media (max-width: 600px) {

}

@media (min-width: 481px) {

}

@media (max-width: 480px) {

}

@media (min-width: 361px) and (max-width: 767px) {

}

@media (min-width: 361px){

}

@media (max-width: 360px){

}


@media (max-width: 320px) {

}

