@media only screen and (max-width: 1220px) {
/* .largeur{width: 100%;} */
/* #contenu {padding:1px 1.5em 30px 1.5em} */
}

@media only screen and (max-width: 1200px) {/* swift 13# */
#accrotext {font-size: 35pt; line-height: 35pt; padding-top: 5%;}
.bloc25 {width: 22%;margin: 1em 0% 1em 2%;}
/* #entete .largeur{padding: 0 0.5em;} */
p.rondCentre img {	margin: -4em auto auto auto;}
#actu .actu {min-height: auto;padding: 10px 20px 10px 280px;}
#pied, #pied a {line-height: 1.5em;}
#pied ul {padding: 0;}
.listPnl p:first-child {	margin: 0 20px 0 0;	width: 50%;}
.listPnl h1 {padding: 30px 0 0 0;}
}

@media only screen and (max-width: 820px) {
.smartCache{display:none;}
.smartVoir, br.smart695 {display:block;}
body {background-color: #fbf5f6;}
.largeur {	padding: 1px 6%;}
h1 {font-size: 28pt;margin: 0px 0 23px 0;}
h2 {font-size: 15pt;}
h3 {font-size: 15pt;}
#menuEntete {display:none}
#menuaffiche{display:block;}
#piedmenu li {width: auto;padding: 0 22px 0 10px;}
#reseaux {float: none;width: auto;}
#entete .largeur {text-align: center;}
#logo {	float: none; display: block;	margin: -17px auto auto auto;}
#accrotext {font-size: 31pt; line-height: 31pt; padding-top: 3%;}
#accrosign {font-size: 16pt;line-height: 16pt;}
.card {
	width: 31%;
	padding: 17px 22px;
	margin: 1em 1%;
}
.bloc50 {width: 100%;margin: 0em auto 1em auto;}
.bloc75 {width: 100%;margin: 2em auto 2em auto;}
.bloc25 {width:49%;margin: auto;}
.bloc25:first-child {margin: auto;}
.bloc50Droite {margin: 0;}
.flottDroite, .flottGauche {float: none;}
.float25 {	width: 32%;}
#mentions .rangee, #mentions .cellTitr, #mentions .cellText {display: block;width:auto}
.citationaDroite {
	width: 34%;
	margin: auto;
	font-size: 25pt;
}}


@media only screen and (max-width: 740px) {
.blocCouleur {	display: block;	margin: 1em 10%;}
#pied {padding: 0 17px;}
#piedmenu {	width: 60%;}
#piedmenu li {width: 50%;}
#piedlegaux, #piedlelogo {width: 20%;}

}

@media only screen and (max-width: 480px) {
body, button, input, textarea, select {	font-size: 12pt;}
td {font-size: 11pt;}
#nav ul {padding: 0;}
#logo {margin: -23px 1% auto 4%;	width: 221px;}
#entete h1 {font-size: 33pt;}
#entete h2 {font-size: 21pt;margin: 7px auto;}
#accroche {	text-align: center;	top: 0%;}
#accrotext {font-size: 23pt;line-height: 23pt;}
#contenu {margin: 0;padding: 15px 17px 30px 17px;}
.citation, .citationaDroite {	font-size: 24pt;	margin: 1em 7%;	float: none;
	width: auto;
	padding: 0;
	border: none;
	text-align: center;
}
.aDroite, .aGauche, .vignettesrealisations{float:none;display: block;max-width: 100vw;margin: auto -17px; width: auto;}
.listPnl:nth-child(odd) p:first-child,
.listPnl:nth-child(even) p:first-child {width: auto;float: none !important;text-align: left; width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw;}
img.img50adroite, img.img50aGauche, .float50, .bloc25, .blocCouleur {width: 100%;padding: 0; margin: 17px auto;float:none;}
.blocCouleur {	padding: 17px;	margin: auto -17px;	max-width: 100vw;	width: auto; border-radius: 0; display: block;}
.rondDroite {float: none;margin: 20px auto;display: block;max-width: 100%;}
.bloc50 {margin: auto;}
.float25, 
.float33 {	float: none;	width: auto; margin: 4px auto;}
.card {	float: none;	width: auto;	margin: 1em; box-shadow: 2px 2px 17px 3px #00000017;}
#piedmenu a {padding: 8px 0.8em; font-size: 0.9em;border-bottom: #aaa4a4 1px solid;}
a[rel="lightbox"] img {	margin: 0 0 16px 16px; box-shadow: 0px 0px 1px 4px #ffffff75;}
#piedmenu li {width: 100%;}
#piedlegaux, #piedlelogo {width: 40%; padding: 11px 0 0 0;}
#piedlegaux {padding: 0 0 0 18px;}
#piedaccroche {	display: none;}
#piedaccroche h2, #piedaccroche h3 {font-size: 13pt;}
#piedcontact p {float: none;}
.blocCouleur h1, .blocCouleur h2, .blocCouleur h3, .blocCouleur h4, #resultatexpo h4 {	font-size: 12pt;	margin: 0;}
.gallery a img {width: 50%;}
}