@charset "utf-8";

@import url("/scripts/dial/box/box.css?v=14");
@import url("/scripts/dial/cal/kalendae.gilles.css?v=14");

@import url("https://fonts.googleapis.com/css?family=Hind+Vadodara:400,600");

@viewport {
	width: device-width;
	zoom: 1.0;
	max-zoom: 1.5;
}
@-webkit-viewport{
	width: device-width;
	zoom: 1.0;
	max-zoom: 1.5;
}
@-moz-viewport{
	width: device-width;
	zoom: 1.0;
	max-zoom: 1.5;
}
@-ms-viewport{
	width: device-width;
	zoom: 1.0;
	max-zoom: 1.5;
}
@-o-viewport{
	width: device-width;
	zoom: 1.0;
	max-zoom: 1.5;
}

/* Init */
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
progress,sub,sup{vertical-align:baseline}button,hr,input{overflow:visible;}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder;}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}button,input,optgroup,select,textarea{font:caption;font:inherit;/* pour iPhone, ne zoom pas */font-size:16px;margin:0;}optgroup{font-weight:700}button,select{text-transform:none;font:inherit;/* font-size:16px; */}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button;}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
/*! Gilles v04/06/2016 */
html{font-size:62.5%;font-size:calc(1em * .625);}
body{font-size:1.4rem;background-color:#fff;line-height:1.5;margin:0;}
blockquote,caption,details,dl,figure,label,ol,p,pre,td,textarea,th,ul{margin-top:.75em;margin-bottom:0;line-height:1.5;}
blockquote,code,img,input,legend,pre,svg,table,td,textarea,video{max-width:100%;}
table,td,textarea,th{vertical-align:top;}
table{table-layout:fixed;width:100%;border-collapse:collapse;margin-bottom:2rem;}
td,th{text-align:left;min-width:2rem;cursor:default;padding:.3em .8em;}
img{border-style:none;vertical-align:middle;}
hr{display:block;height:1px;margin:1em 0 2em;border:0;color:#ccc;background-color:#ccc;}
/* img:not([src$=".svg"]) {height: auto;} */ /* à garder au cas où */
* {box-sizing:border-box;}
/* *** */

@media (max-width: 640px){
	code,div,pre,samp,table,td,textarea,th{word-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
	input,select,textarea {font-size:16px;} /* pour éviter le zoom automatique sur iPhone */
}

@keyframes opa01 {
	0% {opacity:0;}
	100% {opacity:1;}
}

html, body, h1, h2 {
	/* font-size: fait dans un media-query */
	font-family: 'Hind Vadodara', Helvetica, Arial;
}

.flex {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.displayNone {
	display: none;
}

.big {font-size:1.2em;}

table {border: 0;}

.coul1 {color: #e84446;}

#BM {
	width: 100%;
	z-index: 10;
	background-color: #fff;
	height: 105px;
}

#BarreDeMenu {
	height: 155px; /* très important de le garder */
	background-color: #fff;
	width: 100%;
	top: 0;
	z-index: 10; /* pour ombre page récit */
	position: relative;
}

#menu1 {
	position: fixed;
	width: 100%;
	top: 0;
	height: 45px;
	z-index: 10;
}

#menu11 {
	position: relative;
	left: 0;
	top: 0;
	max-width: 1200px;
	height: 45px;
	z-index: 10;
	margin-left: 12%;
	margin-right: auto;
}

#menu111 {
	float: left;
	background-color: #7b9398;
	transition: opacity .5s;
}

#BM111 #grand_logo {
	transition: opacity 0s;
}

#BM111 #petit_logo {
	opacity: 0;
	transition: width .5s, padding-top .5s, opacity .5s ease .5s;
	margin-top: -100px;
}

#menu112 {
	float: right;
	margin-top: 6px;
}

#BarreDeMenu #logo {
	height: 60px;
	margin-top: 45px;
	background-color: inherit;
}

#BM21 {
	overflow: hidden;
	height: 50px;
}

.Larg1, #BM21, #BM11, #outils33 {
	max-width: 1230px;
	margin-left: 12%;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
	overflow: hidden;
}

#BM111 {
	display: table;
	width: 100%;
}

#BM1111 {
	background-color: #7b9398;
	text-align: center;
	padding-top: 18px;
	height: 105px;
	display: table-cell;
	vertical-align: top;
}

#BM1111, #BM211, #outils {
	width: 300px;
}

#BM1112 {
	text-align: center;
	display: table;
	width: 100%;
	height: 105px;
	transition: all .2s;
}

#BM2 {
	background-color: #7b9398;
}

#BM2 * {
	transition: all .1s;
}

#BM212 {
	font-size: .9em;
}

#BM211 {
	float: left;
	text-transform: uppercase;
	height: 100%;
	text-align: center;
	line-height: 50px;
	font-size: .8em;
	color: #fff;
	background-color: #384547;
	letter-spacing: .05em;
	cursor: pointer;
	position: relative;
}

#BM211:hover {
	background-color: #187489;
}

#BM211:active {
	background-color: yellowgreen;
}

#BM211f {
	width: 24px;
	margin-right: 8px;
	margin-top: 14px;
	position: absolute;
	right: 0;
	transition: all .5s;
	opacity: .6;
}

#BM211:hover #BM211f {
	opacity:1;
}

#BM213 {
	float: right;
	margin-left: 15px;
}

#BM213 div {
	margin: 10px 0 10px 10px;
	border-radius: 3px;
	background-color: #384547;
	padding-bottom: 3px;
	padding-top: 2px;
}

#BM212 ul {
	margin: 0;
	padding: 0;
	list-style: none;
	white-space: nowrap;
	font-size: 1.2em;
	letter-spacing: .02em;
}

#BM212 ul li {
	display: inline-block;
	padding: 0 20px;
	height: 50px;
	text-align: center;
	line-height: 50px;
}

#BM212 ul li.sel::after {
	content: '';
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #384547;
	position: relative;
	top: -10px;
	display: block;
	margin: auto;
}

#BM212 ul li:hover {
	background-color: #187489;
}

#BM212 ul li:active {
	background-color: yellowgreen;
}

#BM212 ul li a {
	color: #fff;
	text-decoration: none;
	display: block;
}

#BM #SousMenu {
	color: #fff;
	background-color: #187489;
	width: 100%;
	height: 0;
	position: absolute;
	text-align: center;
	box-shadow: rgba(0, 0, 0, .83) 0 3px 5px;
	overflow: hidden;
	padding: 0 15px;
	transition: all .5s;
}

#BM1 {
	height: 100%;
	z-index: 1;
	background-color: inherit;
}

#BM11121 {
	font-size: 1.09em;
	color: #000;
	letter-spacing: .1em;
	text-align: center;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 0;
}

#BM11121 span {
	white-space: nowrap;
	color: #e84446;
}

.home, .hamburger, .hamburger-menu, #imprimante, .i_inv_vp {
	display: inline-block;
	padding: 1px 9px;
	cursor: pointer;
}

#BM11122 {
	text-align: right;
	white-space: nowrap;
	display: table-cell;
	min-width: 200px;
	vertical-align: middle;
	padding-left: 9px;
	cursor: pointer;
}

#BM11122 img {
	margin-left: 4px;
}

#menucache {
	display: none;
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(107, 107, 107, .5);
	z-index: 100;
}

#menuflo {
	position: fixed;
	right: 0;
	top: 0;
	bottom: 0;
	font-size: 1.4em;
	color: #fff;
	background-color: #6b6b6b;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	transform: translateX(100%);
	-ms-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	transition: all .5s;
	z-index: 100;
	max-width: 100%;
}

#menuflo span {
	padding: .5px 10px;
	background-color: #525252;
	border-radius: 3px;
	cursor: pointer;
	position: absolute;
	right: 5px;
	top: 5px;
}

#menuflo ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menuflo a {
	text-decoration: none;
	color: inherit;
	display: block;
	padding: 5px 20px;
	border-bottom: 1px solid #525252;
	white-space: nowrap;
}

#menuflo a:hover {
	background-color: #187489;
}

#outils {
	text-align: center;
	z-index: 9;
	position: absolute;
	border-top: 1px solid transparent;
	max-height: 0;
	overflow: hidden;
	transition: 1s max-height, 1s border-top;
}

#outils .og, #outils .od, #outils .oc {
	display: inline-block;
	padding: 20px 0;
	text-transform: uppercase;
	font-size: .9em;
	color: #fff;
	cursor: pointer;
	transition: all .1s;
	height: 91px;
}

#outils .og, #outils .od {
	background-color: #e84446;
	width: 50%;
	border-bottom: 1px solid #fff;
}

#outils .og {
	border-right: 1px solid #fff;
}

#outils .oc {
	background-color: #384547;
	width: 100%;
	padding-top: 28px;
}

#outils div:hover, #outils div.b:hover {
	background-color: #187489;
}

#outils div:active, #outils div.b:active {
	background-color: yellowgreen;
}

#outils a:hover {
	text-decoration: none;
}

#outils img {
	height: 30px;
	width: 45px;
	margin-bottom: 6px;
}

#outils a {
	color: #fff;
	display: block;
}

.BlocTitre {
	margin-bottom: 15px;
}

.BlocTitre .BT1 {
	-webkit-flex-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 90px;
}

.BlocTitre .BT11 {
	background-color: #e84446;
	width: 150px;
	padding: 20px 0;
	text-transform: uppercase;
	font-size: .9em;
	color: #fff;
	text-align: center;
}

.BlocTitre .BT11 img {
	height: 30px;
	width: 45px;
	margin: auto;
	margin-bottom: 6px;
	display: block;
}

.BlocTitre .BT12 {
	background-color: #384547;
	vertical-align: middle;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: 100%; /* IE */
	padding-left: 40px;
	padding-right: 5px;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.BlocTitre .BT13{
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	background-color: #384547;
	height: 100% /* IE */;
	padding-top: 8px;
}

.BlocTitre .BT13 img {
	height: 28px;
	transition: all .5s;
	opacity: .5;
	cursor: pointer;
	margin-right: 9px;
}

.BlocTitre .BT13 img:hover {
	opacity: 1;
}

.BlocTitre h1, .h1 {
	color: #fff;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-size: 1.3em;
	letter-spacing: .1em;
	text-align: left;
	line-height: 1.1;
}

.BlocTitre .sh1 {
	color: #fff;
	margin-top: 4px;
	text-transform: uppercase;
	font-size: .8em;
	letter-spacing: .1em;
}

#outils .sp1 img, .BlocTitre .sp1 img {
	transform: scale(1.2);
}

#BR {position:fixed;z-index:1000;left:-6px;top:calc(50% - 160px);}
#BR > div {color:#fff;cursor:pointer;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start;left:-6px;}
#BR > div > div {border-left:0;height:40px;margin-bottom:-1px;white-space:nowrap;padding-left:6px;overflow:hidden;/* important car évite de provoquer le hover lorsque la souris passe à coté de l'objet */}
#BR > div > div div:first-child {opacity:0;display:inline-block;transition:all .5s;max-width:0;position:relative;}
#BR > div > div:hover div:first-child {max-width:150px;padding-left:6px;opacity:1;}
#BR > div > div:active {background-color:yellowgreen;}
#BR > div > div div:first-child + div {width:40px;display:inline-block;padding:5px;text-align:center;}
#BR > .BR1 > div {background-color:#e84446;border:1px solid #e69A9b;}
#BR > .BR1 img {height:26px;width:26px;}
#BR > .BR2 {margin-top:40px;}
#BR > .BR2 > div {background-color:#cfe5f9;border:1px solid #dee1e2;}

#corps {
	min-height: calc(100vh - 287px);
}

#corps, .largeurDef {
	max-width: 1230px;
	margin-left: 12%;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
}

.largeurDef1200 {
	max-width: 1200px;
	width: 100%;
}

.largeurDef_sans_padding { /* nouveau : 10/06/2020 */
    margin-left: calc(12% + 15px);
	padding-left: 0;
	padding-right: 0;
}

#corps_large {
	width: 100%;
}

#fixObj1 {
	position: fixed;
	visibility: hidden;
	z-index: 9;
	width: 100%;
	top: 95px;
	left: 0;
	height: 40px;
}

#fixObj1 .Larg1 {
	height: 100%;
}

#fixObj1 .Larg1 > div {height:100%;text-align:center;vertical-align:middle;background-color:#384547;font-size:1.3em;color:#fff;cursor:pointer;padding-top:2px;}

h1 {
	font-weight: normal;
	color: #2A8B9F;
	color: #fb583a;
	padding-top: 20px;
	margin-top: .5em;
	line-height: 1em;}

h1.Bloc {
	text-align: center;
	width: 100%;
	padding: 25px;
	margin: 0;
}

hr {
	clear: initial;
}

a {outline:none;text-decoration:none;color:#234dec;}
a:hover, a:active {color:#ec2325;}

a {word-break:normal; /*a cause de init */}

img {border-width:0;}

td, th {border:0;}

#imprimante {
	display: none;
}

#imprimante img {
	width: 24px;
}

footer {
	color: #969696;
	background: #303030;
	margin-top: 25px;
	padding: 20px 25px;
	font-size: .8em;
	clear: both;
	line-height: 2;
	position: relative; /* a cause de la barre de navigation des récits */
	z-index: 100;
}

footer a {
	color: #70a5c4 !important;
	text-decoration: none !important;
}

footer a:hover {
	color: #71caff !important;
}

footer .piedSites {
	white-space: nowrap;
	margin-right: 30px;
}

footer .piedSites img {
	vertical-align: sub;
}

footer .n {
	display: inline-block;
	width: 85%;
}

footer .cr div {
	white-space: nowrap;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	-o-hyphens: none;
	hyphens: none;
	display: inline-block;
}

footer .cr div:after {
	content: '|';
	margin: 0 7px 0 12px;
}

footer .cr div:last-child:after {
	display: none;
}

footer #pied_pied {
	position: relative;
}

footer .xiti {
	display: inline-block;
	position: absolute;
	right: 0;
	bottom: 0;
	float: right;
}

#prepied+footer {
	margin-top: 0;
}

.nowrap {
	white-space: nowrap;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	-o-hyphens: none;
	hyphens: none;
}

#print {display: none;}
#print #msgRecit {display: none;}

.invert, .invertIMG img { /* ne fonctionne pas sur IE10 et IE11 */
	-webkit-filter: invert(100%);
	-mos-filter: invert(100%);
	-o-filter: invert(100%);
	-ms-filter: invert(100%);
	filter: invert(100%);
}

/* bouttons, champs et cases */

textarea, select, input[type="text"] {
	border-radius: 0;
	background-color: #fff;
	-webkit-appearance: none;
}

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	background: #fff;
}

input[type="button"],
input[type="submit"] {
	-webkit-appearance: none;
	border-radius: 0;
}

.b0 {
	color: #000;
	border: 0;
	cursor: pointer;
	padding: 2px 10px;
	font: inherit;
	font-size: 1.1em;
	background-color: #fff;
	cursor: pointer;
	white-space: nowrap;
	position: relative;
}

.b1 {
	height:26px;
	font-size: 18px;
	color: #fff;
	background-color: #e84446;
	border-radius: 6px;
	border: 0;
	cursor: pointer;
	transition: .2s all;
}

.b1:hover {
	background-color: #187489;
}

.b0:disabled {
	background-color: #e4e4e4;
	cursor: default;
	opacity: .4;
}

.b2 {
	background-color: #384547;
	background: linear-gradient(#384547, #283537);
	font-size: 1.2em;
	color: #fff;
	padding: 6px 20px;
	border: 0;
	cursor: pointer;
	margin-top: 3px;
	margin-bottom: 3px;
	letter-spacing: 1px;
	line-height: 1.1em;
}

input[type="number"] {
	-moz-appearance: textfield;
	text-align: center;
}

.ch0 {
	width: 20px;
	height: 20px;
	vertical-align: sub;
	transition: all .5s;
	margin: 1px 0;
}

.ch1 {
	width: 100%;
	border: 0;
	background-color: #fff;
	margin: 0;
	font-size: 16px; /* pour éviter le zoom sur iPhone */
	padding-left: 5px; height: 25px; line-height: 25px; /* pour un padding équivalent sur Firefox */
	cursor: pointer;
}

.ch2 {
	font: inherit;
	background: #384547;
	color: #fff;
	padding: 10px 15px;
	text-transform: uppercase;
	border: 0;
	cursor: pointer;
}

.ch3 {
	font-size: 18px;
	text-align: left;
	border: 0;
	padding: 0 10px;
	height: 35px;
	margin: 1px 0;
	background-color: #fff;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.ch3::-ms-expand {
	display: none; /* = appearance: none; pour IE */
}

.chPoi1 {
	background-image: url(/images/i/poi1.png);
	background-repeat: no-repeat;
	background-position: 97% center;
}

.chPoi2 {
	background-image: url(/images/i/svg/loupe-g.svg);
	background-repeat: no-repeat;
	background-position: 97% center;
	background-size: 20px;
}

.ch4 {
	font-size: 18px;
	text-align: left;
	border: 0;
	cursor: pointer;
	width: 135px;
	padding: 3px 10px 0;
	margin: 4px 4px 12px 0;
	height: 35px;
	background-color: #fff;
	background-image: url(/images/i/cal.png);
	background-repeat: no-repeat;
	background-position: 97% center;
}

.ch3::-ms-expand {
	display: none; /* IE */
}

.ch4:focus {
	cursor: auto;
}

/* Supprime la croix placé à droite dans IE */
.ch4::-ms-clear {
	display: none;
}

.ch4s{
	font-size: 12px;
	font-style: italic;
	margin-bottom: 0;
}

.ch5 {
	border: 0 solid #bbb;
	height: 35px;
	min-width: 45px;
	text-indent: 3px;
	margin: 4px;
	margin-left: 0;
	padding-left: 5px;
	font-size: 1.2em;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.ch5::-ms-expand {
	display: none; /* = appearance: none; pour IE */
}

.ch5 option {
	background: #fff;
}

.ch5 option:hover {
	background: #01E79C;
}

.ch6 {
	font: inherit;
	font-size: 1em;
	background: #FF7B47;
	color: #fff;
	padding: 4px 12px;
	border: 0;
	cursor: pointer;
}

.ch6:hover {
	background: #ff500b;
}

.cp {
	padding: 4px 35px 4px 9px;
}

.cp::after {
	content: '\25bc';
	font-size: .8em;
	margin-left: 10px;
	opacity: .7;
	position: absolute;
	top: 7px;
	right: 7px;
}

.cb {
	border: 1px solid #bbb;
}

@media screen and (max-width: 990px) {
	.ch3, .ch4, .ch5 {
		height: 25px;
		font-size: 16px;
		padding: 0 10px;
	}
	.b0::after {
		font-size: 1em;
		top: 5px
	}
	.cp {
		height: 25px;
		padding: 0 35px 0 9px;
	}
	.cp::after {
		font-size: .8em;
		top: 3px
	}
}
/* *** */

/* Cases a cocher, ... ; codepen.io/KenanYusuf/pen/PZKEKd */
.control {
	display: block;
	position: relative;
	padding-left: 35px;
	cursor: pointer;
	min-height: 25px;
	margin: 0 0 8px 0;
	text-align: left;
}
.control input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.case {
	position: absolute;
	top: -2px;
	left: 0;
	width: 25px;
	height: 25px;
	background: #fff;
}
.control--radio .case {
	border-radius: 50%;
}
.control:hover input ~ .case, .control input:focus ~ .case {
}
.control input:checked ~ .case {
	background: #fff;
}
.control input:disabled ~ .case {
	background: #e6e6e6;
	opacity: .6;
	pointer-events: none;
}
.case:after {
	content: '';
	position: absolute;
	opacity: 0;
	transition: all .5s;
}
.control input:checked ~ .case:after {
	opacity:1;
}
.control--checkbox .case:after {
	width: 14px;
	height: 7px;
	top: 5px;
	left: 4px;
	border: 3px solid #3a3a3a;
	border-top: none;
	border-right: none;
	background: transparent;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.control--checkbox input:disabled ~ .case:after {
	border-color: #7b7b7b;
}
.control--radio .case:after {
	left: 7px;
	top: 7px;
	height: 6px;
	width: 6px;
	border-radius: 50%;
	background: #fff;
}
.control--radio input:disabled ~ .case:after {
	background: #7b7b7b;
}
.select {
	position: relative;
	display: inline-block;
	margin-bottom: 15px;
	width: 100%;
}
.select select {
	display: inline-block;
	width: 100%;
	cursor: pointer;
	padding: 10px 15px;
	outline: 0;
	border: 0;
	border-radius: 0;
	background: #e6e6e6;
	color: #7b7b7b;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.select select::-ms-expand {
	display: none;
}
.select select:hover, .select select:focus {
	color: #000;
	background: #ccc;
}
.select select:disabled {
	opacity: .5;
	pointer-events: none;
}
.select__arrow {
	position: absolute;
	top: 16px;
	right: 15px;
	width: 0;
	height: 0;
	pointer-events: none;
	border-style: solid;
	border-width: 8px 5px 0 5px;
	border-color: #7b7b7b transparent transparent transparent;
}
.select select:hover ~ .select__arrow, .select select:focus ~ .select__arrow {
	border-top-color: #000;
}
.select select:disabled ~ .select__arrow {
	border-top-color: #ccc;
}
/* *** */

.i_inv_vp div {
	position: absolute;
	padding: 0;
	margin: 5px;
}

#barSup1, #barSup2 {top:95px;z-index:2;}
#DivListePages {min-width:200px;position:fixed;}

.lien, .www {border:1px dashed #3399ff;padding:0 4px 1px 4px;margin:0 1px;text-decoration:none;border-radius:6px;font-size:.9em;display:inline-block;line-height:1.1em;position:relative;color:#002cc1 !important;}
.www:before {content:'www';position:absolute;font-size:.7em;top:-2px;left:5px;padding:0 2px;background-color:#ffffec;line-height:.1em;vertical-align:top;height:4px;}
.reserve {text-decoration:none;border-radius:7px;font-size:.9em;padding:0 5px 1px 2px;margin:0 1px;white-space:nowrap;display:inline-block;line-height:1.1em;background-color:#6d7fab;color:#fff;cursor:pointer;}
.reserve:visited {color:#fff;}
.reserve:hover {color:#fff;text-decoration:none;background-color:#2566ff;}
.reserve:before {content:'\27A0';padding-right:3px;}
.reserveMulti {border:1px dashed #3399FF;border-radius:6px;padding:0 0 1px 4px;margin:0 1px;white-space:nowrap;display:inline-block;line-height:1.1em;position:relative;background-color:#e6fbff;}
.reserveMulti .reserve {animation-duration:1.5s;animation-name:opa01;}

/* *** Miniatures Guides *** */


.MiniaGuide {
	font-size: 1.45rem;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	width: calc(100% + 20px);
	margin: -10px;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

/* permet d'aligner à gauche la dernière ligne flex */
.MiniaGuide:after {
	content: "";
	flex: auto;
}

.MiniaGuide article {
	width: 24%;
	width: calc(25% - 20px);
	margin: 10px;
	line-height: 1.3em;
	overflow: hidden;
	cursor: pointer;
	overflow: hidden;
}

.MiniaGuide .ouv {
	background-color: #efefef;
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	/* ne pas modifier, car utile lorsque le titre est sur plusieurs lignes et permet un alignement du texte à coté de l'image */
	-webkit-justify-content: flex-end;
	-ms-flex-pack: flex-end;
	justify-content: flex-end;
}

.MiniaGuide .ouv > div {
	background-color: inherit;
	height: 127px; /*152px*/
}

.MiniaGuide article .t {
	padding: 0 4px 9px 9px;
	width: auto;
	position: relative;
}

.MiniaGuide .ouv .t {
	background: inherit;
	transition: all .5s;
	color: #000;
	height: 110px;
	z-index: 1; /* important pour concervé l'effet de vollet sur les images "récits" */

	/* alternative de mask, mais n'est pas beau sous Android
	background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 50px, rgba(255, 255, 255, 0) 86px, rgba(255, 255, 255, 0) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	*/
	-webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 60px, rgba(255, 255, 255, 0) 90px, rgba(255, 255, 255, 0) 100%);	/* pour Firefox, c'est fait par un masque SVG dans index.asp */
}

.MiniaGuide article h2, .MiniaGuide article h3, .MiniaGuide article h3 {
	border: 0;
	margin: 0;
	padding: 8px;
	text-transform: initial;
	font-size: 1.3em;
	line-height: 1.1;
	color: #2b2b2b;
}

.MiniaGuide .ouv a {
	font-weight: bold;
	z-index: 0;	/* cas d'un titre sur 2 ligne et d'un texte qui superpose l'image */
}

@-moz-document url-prefix()
{
	.MiniaGuide .ouv .t {
		mask: url("/styles/fade.svg#fade1");
	}
	.MiniaGuide .ouv > div:hover .t {
		mask: url("/styles/fade.svg#fade2");
	}
}

.MiniaGuide .ouv > div:hover .t {
	position: relative;
	-webkit-mask-image: none;
	z-index: 1;
	height: 350px;
	transition: all .5s;
	-webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 60px, rgba(255, 255, 255, 1) 90px, rgba(255, 255, 255, 0) 100%);
}

/* height: 300px; ou : */
.MiniaGuide .ouv > div + a img {
	transition: opacity .5s;
}

.MiniaGuide .b {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.MiniaGuide .b > * {
	width: 20%;
	padding: 5px 5px 7px 5px;
	text-align: center;

	/* pour centrage en hauteur */
}

.MiniaGuide .b > *:hover {
	background-color: #187489;
}

/*
.MiniaGuide .b a:last-child {
	flex: 1;
	text-align: right;
	padding-right: 15px;
	background-color: #187489;
}
*/

.MiniaGuide .b img {
	height: 18px;
}

.MiniaGuide .ouv > div .b {
	position: absolute;
	text-transform: none;
	bottom: -100px;
	width: 100%;
	z-index: 1;
	font-size: .9em;
	line-height: 1.5em;
	transition: all .2s;
	background-color: #384547;
}

.MiniaGuide .ouv > div:hover .b, .MiniaGuide .ouv:hover .b {
	bottom: 0;
}

.MiniaGuide .ouv > div div.PlusLarge:hover {
	left: 0;
	width: 100%;
}

/* height: 300px; ou : */
.MiniaGuide article > a > img {
	width: 100%;
	transition: opacity .5s;
}

/* Bloc sans texte */
.MiniaGuide article > div {min-height:initial;}
.MiniaGuide article.sansTexte > div {height:auto;}
.MiniaGuide article.sansTexte > div .t {display:none;}

.MiniaGuide article.rech > div {margin:1px 0 .47em;background-color:whitesmoke;}
.MiniaGuide article.rech > div:last-child {margin:1px 0 0;}
.MiniaGuide article.rech a {display:block;border:1px solid #e1e1ff;padding:5px;}
.MiniaGuide article.rech a:hover {background-color:#f1f1ff;}

.MiniaGuide.sansBox article {background-color:inherit !important;margin-bottom:30px;}
.MiniaGuide.sansBox article h3 {color:#666;padding:8px 0;}
.MiniaGuide.sansBox article .t {padding:0;}

/* ******* */

@media screen and (max-width: 1599px) {
	.Larg1, #BM21, #BM11, #outils33 {
		max-width: 990px;
		margin-left: auto;
	}
	#corps {
		max-width: 990px;
		margin-left: auto;
	}
	.largeurDef {
		max-width: 990px;
		margin-left: auto;
	}
	.largeurDef1200 {
		max-width: 960px;
	}
	#BM1111, #BM211, #outils {
		width: 240px;
	}
	#BM11121 {
		font-size: 1.1em;
	}
	#BM211 {
		font-size: .75em;
	}
	#BM211f {
		display: none;
	}
	#outils .og, #outils .od, #outils .oc {
		height: 77px;
		font-size: .78em;
		padding: 12px 0;
	}
	#outils .oc {
		padding: 25px 0;
		z-index: 100000;
	}
	#outils img {
		height: 25px;
		width: 35px;
	}
	.BlocTitre .BT11 {
		width: 120px;
	}
}

@media screen and (max-width: 1599px) and (min-width: 989px) {
	.largeurDef_sans_padding {margin-left: calc((100% - 990px + 30px) / 2);} /* nouveau : 10/06/2020 */
}

@media screen and (max-width: 1065px) { /* format intermédiaire ; exemple l'iPad */
	#BR {
		display: none;
	}
	.BlocTitre .BT122 {
		height: 35px;
	}
}

@media screen and (max-width: 990px) {
	#BM21, #BM11, #outils33 {
		padding-left: 0;
	}
	#BM11121 {
		font-size: .9em;
	}
	.Larg1 {
		padding-left: 0;
		padding-right: 0;
	}
	#corps.sans_marge, .largeurDef_sans_marge {
		padding-left: 0;
		padding-right: 0;
	}
	#corps.sans_marge .marges, .largeurDef_sans_marge .marges {
		padding-left: 15px;
		padding-right: 15px;
	}
	#corps.sans_marge .pmarges, .largeurDef_sans_marge .pmarges {
		padding-left: 10px;
		padding-right: 10px;
	}
	.moinsmarges {
		margin-left: -15px;
		margin-right: -15px;
	}
	.ch0 {width: 25px;height: 25px;}
	h1 {font-size: 2.2rem;}
	.largeurDef1200 {width: auto;}
	.largeurDef_sans_padding {margin-left: 0;margin-right: 0;max-width: none;} /* nouveau : 10/06/2020 */
}

@media screen and (max-width: 770px) {
	#BM11121 {
		font-size: .8em;
	}
	footer {padding:10px 15px;}
}

@media screen and (min-width: 641px) {
	body {
		font-size: 1.7rem;
	}
	/* Barre de défilement */
	.barreDefilement1::-webkit-scrollbar {
		width:15px;
		padding:10px;
		margin:10px;
	}
	.barreDefilement1::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2); /* barre complète */
		border-radius: 10px;
		/* margin: 6px; */
		/* padding: 15px; */
	}
	.barreDefilement1::-webkit-scrollbar-thumb {
		border-radius: 10px;
		-webkit-box-shadow: inset 0 0 6px #1d1d1d;
		border: 3px solid rgba(0, 0, 0, 0);
	}
	.barreDefilement1::-webkit-scrollbar-thumb:hover {
		-webkit-box-shadow: inset 0 0 20px rgba(0,0,0,1);
	}
	.barreDefilement1::-webkit-scrollbar-button {
		display:none; /* boutons flêche */
		height: 10px;
		/* background: url(../images/arrows_vert_2.png) -1px bottom no-repeat; */
		/* background-position: 5px 6px; */
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,1);
		border-radius: 10px;
		margin: 6px;
	}
	.barreDefilement1::-webkit-scrollbar-button:hover {
		-webkit-box-shadow: inset 0 0 20px rgba(0,0,0,1);
	}
	/* Erreurs W3C
	.barreDefilement1::-webkit-scrollbar-button:increment {
		background-position: -10px 8px;
	}
	.barreDefilement1::-webkit-scrollbar-button:horizontal {
		width: 10px;
	}
	.barreDefilement1::-webkit-scrollbar-button:horizontal:hover {
	}
	.barreDefilement1::-webkit-scrollbar-button:horizontal:increment {
		background-position: left -16px;
	}
	*/

	#navv.barreDefilement1::-webkit-scrollbar-track {
		visibility: hidden;
	}
	#navv.barreDefilement1::-webkit-scrollbar-thumb {
		visibility: hidden;
	}

	#navv.barreDefilement1:hover::-webkit-scrollbar-track {
		visibility: visible;
	}
	#navv.barreDefilement1:hover::-webkit-scrollbar-thumb {
		visibility: visible;
	}

	#ongletsRegions.barreDefilement1::-webkit-scrollbar {
		background-color: white
	}
	#ongletsRegions.barreDefilement1::-webkit-scrollbar-button {
		display: inline-block;
		visibility: hidden;
	}

}

@media screen and (max-width: 640px) {
	#BarreDeMenu {
		height: 105px; /* très important */
		margin-bottom: 0;
	}
	#BM11121 {
		font-size: .8em;
		margin-left: 7px;
		margin-top: 0;
	}
	#outils {
		width: 100%;
		margin-top: 20px;
	}
	#outils33 {
		margin-top: 3px;
	}
	Larg1, #BM21, #BM11, #outils33 {
		padding-right: 0;
	}
	#outils .og, #outils .od, #outils .oc {
		font-size: 1.1em;
	}
	#BM21 {
		height: auto;
	}
	#menuflo a:hover {
		background-color: initial;
	}
	.BlocTitre .BT1 {
		height: 45px;
	}
	.BlocTitre .BT11 {
		height: 45px; /* IE : mettre le même height que BT1 */
		width: 60px;
		padding: 8px 0;
		color: transparent;
		position: relative;
	}
	.BlocTitre .BT11 img {
		height: 28px;
	}
	.BlocTitre .BT12 {
		padding-left: 20px;
	}
	.BlocTitre h1 {
		font-size: 1em;
	}
	.BlocTitre .sh1 {
		display: none;
	}
	.reserve {padding-bottom:3px;}
	footer {font-size: .9em;}
}

@media screen and (min-width: 481px) and (max-width: 640px) {
	#outils .o1, #outils .o3 {
		width: 33%;
	}
	#outils .o2 {
		width: 34%;
	}
	#outils .o1, #outils .o2 {
		border-right: 1px solid #fff;
	}
	#outils .o3 {
		border-right: 0 solid #fff;
	}
}

@media screen and (max-width: 480px) {
	#outils .og, #outils .od {
		width: 50%;
	}
}

@media screen and (max-width: 320px) {
	#BM11121 {
		margin-top: -9px;
		font-size: .56em;
	}
	hr {
		clear: both;
	}
}

@media (max-width:1599px){
	.h1600v {display: none !important;}
}
@media (max-width:1100px){
	.h1100v {display: none !important;}
}
@media (max-width:1000px){
	.h1000v {display: none !important;}
}
@media (max-width:900px){
	.h900v {display: none !important;}
}
@media (max-width:800px){
	.h800v {display: none !important;}
}
@media (max-width:768px){
	.h768v {display: none !important;}
}
@media (max-width:700px){
	.h700v {display: none !important;}
}
@media (max-width:750px){
	.h750v {display: none !important;}
}
@media (max-width:600px){
	.h600v {display: none !important;}
}

@media (max-width: 640px){
	#BM11 {text-align:left;padding-right:0;}
	#BM1111 {width: 100%;padding-top:8px;padding-left:8px;text-align:left;padding-bottom:5px;}
	#BM1112 {display:none;}
	#BM {height:85px;}
	#BM2 {background-color:transparent;}
	#BM211 {line-height:normal;width:100%;text-align:left;padding-left:15px;font-size:1em;height:22px;}
	#BM211 span {display:none;}
	#BM212 {display:none;}
	#BM213 {position:absolute;right:2px;top:60px;margin-right:10px;}
	.h640v {opacity:0;display:none;}
	#BM111 #petit_logo {margin-top:1px;margin-left:-184px;}
	.BlocTitre .BT122 {top:4px;}
	#fixObj1 {top:49px;height:50px;}
	#fixObj1 .Larg1 > div {padding-top:10px;font-size:1.4em;}
	iframe {width:1px;min-width:100%;} /* IOS6 */
	#barSup1, #barSup2 {top:49px;}
	#menuflo span {padding:5px 20px;top:0;right:0;border-radius:0;font-weight:bold;}
}

@media (max-width:320px){
	#BM211 {font-size:.83em;}
}

/* *** Miniatures Guides *** */

@media screen and (max-width: 1599px) {
	.MiniaGuide {
		font-size: 1.35rem;
	}
	.MiniaGuide .ouv .t {
		max-height: none; /* 07/08/2018 : au lieu de auto */
	}
	.MiniaGuide .ouv > div {
		height: 122px;
	}
}

@media screen and (min-width: 991px) {
	.MiniaGuide .ouv:nth-child(8n+2), .MiniaGuide .ouv:nth-child(8n+4), .MiniaGuide .ouv:nth-child(8n+5), .MiniaGuide .ouv:nth-child(8n+7) {
		background-color: #cdc6b7;
		color: #fff;
	}
}

@media screen and (max-width: 990px) and (min-width: 641px) {
	.MiniaGuide .ouv:nth-child(2n+2) {
		background-color: #cdc6b7;
	}
}

@media screen and (max-width: 640px) and (min-width: 481px) {
	.MiniaGuide .ouv:nth-child(4n+2), .MiniaGuide .ouv:nth-child(4n+3) {
		background-color: #cdc6b7;
	}
}

@media screen and (max-width: 990px) {
	.MiniaGuide.mspec {
		width: 100%;
		margin: 0;
	}
	.MiniaGuide article {
		width: calc(33.33% - 20px);
	}
}

@media screen and (max-width: 640px) {
	.MiniaGuide article {
		width: calc(50% - 20px);
	}
	.MiniaGuide .ouv > div {
		height: 106px; /*125px*/
	}
	.MiniaGuide .ouv .t {
		-webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 40%, rgba(255, 255, 255, 0) 65%, rgba(255, 255, 255, 0) 100%);
	}
}

@media screen and (max-width: 480px) {
	.MiniaGuide article {
		width: calc(100% - 20px);
	}
}

/* Version écran tactile */
@media (pointer:coarse) {
	.MiniaGuide .ouv > div + a img {
		margin-bottom: 40px;
	}
	.MiniaGuide .ouv > div .b {
		bottom: 0;
	}
	.MiniaGuide .b > * {
		padding-top: 10px;
		padding-bottom: 12px;
	}
}

/* *** *** */

/* Version imprimable */
/* le reste est fait par menu.js */
@media print {
	#corps, .largeurDef {width:auto;margin:auto;box-shadow:none;-webkit-box-shadow:none;font-size:.8em;}
	img.ph, .illu img {max-width:200px;max-height:200px;}
	#navigation, #navigation * {display:none;visibility:hidden;}
	#pied {background-color:transparent;}
	#BarreDeMenu, #menu1, #logo, #BM, #cont_publicite, .pub1, #BR , .barR1, footer .xiti {display:none;}
	#print {display:block;}
}

/* permet de réduire les photos en cas de zoom système ou navigateur */
@media screen and (min-resolution: 1.09dppx) {/*zoom 110% */div.phs img, .illu > a > img, .fd > img, .fd > a > img, .fg > img, .fg > a > img {zoom:.9090909090;}}
@media screen and (min-resolution: 1.12dppx) {/*zoom 112,5% (125% + 90%)*/div.phs img, .illu > a > img, .fd > img, .fd > a > img, .fg > img, .fg > a > img {zoom:.8888888888;}}
@media screen and (min-resolution: 1.16dppx) {/*zoom 116,67% (175% + 67%)*/div.phs img, .illu > a > img, .fd > img, .fd > a > img, .fg > img, .fg > a > img {zoom:.857142857;}}
@media screen and (min-resolution: 1.19dppx) {/*zoom 120% (150% + 80%) */div.phs img, .illu > a > img, .fd > img, .fd > a > img, .fg > img, .fg > a > img {zoom:.8333333333;}}
@media screen and (min-resolution: 1.24dppx) {/*zoom 125% */div.phs img, .illu > a > img, .fd > img, .fd > a > img, .fg > img, .fg > a > img {zoom:.8;}}
@media screen and (min-resolution: 1.31dppx) {/*zoom 131,25% (175% + 75%) */div.phs img, .illu > a > img, .fd > img, .fd > a > img, .fg > img, .fg > a > img {zoom:.761904762;}}
@media screen and (min-resolution: 1.31dppx) {/*zoom 133,33% (200% + 67%) */div.phs img, .illu > a > img, .fd > img, .fd > a > img, .fg > img, .fg > a > img {zoom:.75;}}
@media screen and (min-resolution: 1.34dppx) {/*zoom 135% (150% + 90%) */div.phs img, .illu > a > img, .fd > img, .fd > a > img, .fg > img, .fg > a > img {zoom:.740740741;}}
@media screen and (min-resolution: 1.37dppx) {/*zoom 137,5% (125% + 110%) */div.phs img, .illu > a > img, .fd > img, .fd > a > img, .fg > img, .fg > a > img {zoom:.72727;}}
@media screen and (min-resolution: 1.39dppx) {/*zoom 140% (175% + 80%) */div.phs img, .illu > a > img, .fd > img, .fd > a > img, .fg > img, .fg > a > img {zoom:.714285714;}}
@media screen and (min-resolution: 1.49dppx) {/*zoom 150% */div.phs img, .illu > a > img, .fd > img, .fd > a > img, .fg > img, .fg > a > img {zoom:.6666666667;}}
@media screen and (min-resolution: 1.56dppx) {/*zoom 156,25% (125% + 125%) */div.phs img, .illu > a > img, .fd > img, .fd > a > img, .fg > img, .fg > a > img {zoom:.64;}}
@media screen and (min-resolution: 1.57dppx) {/*zoom 157,5% (175% + 90%) */div.phs img, .illu > a > img, .fd > img, .fd > a > img, .fg > img, .fg > a > img {zoom:.634920635;}}
@media screen and (min-resolution: 1.59dppx) {/*zoom 160% (200% + 80%) */div.phs img, .illu > a > img, .fd > img, .fd > a > img, .fg > img, .fg > a > img {zoom:.625;}}
@media screen and (min-resolution: 1.64dppx) {/*zoom 165% (150% + 110%) */div.phs img, .illu > a > img, .fd > img, .fd > a > img, .fg > img, .fg > a > img {zoom:.6060606061;}}
@media screen and (min-resolution: 1.74dppx) {/*zoom 175% */div.phs img, .illu > a > img, .fd > img, .fd > a > img, .fg > img, .fg > a > img {zoom:.571428571;}}
@media screen and (min-resolution: 1.79dppx) {/*zoom 180% (200% + 90%) */div.phs img, .illu > a > img, .fd > img, .fd > a > img, .fg > img, .fg > a > img {zoom:.5555555556;}}
@media screen and (min-resolution: 1.87dppx) {/*zoom 187,5% (125% + 150%) */div.phs img, .illu > a > img, .fd > img, .fd > a > img, .fg > img, .fg > a > img {zoom:.5333333333;}}
@media screen and (min-resolution: 1.92dppx) {/*zoom 192,5% (175% + 110%) */div.phs img, .illu > a > img, .fd > img, .fd > a > img, .fg > img, .fg > a > img {zoom:.519480519;}}
@media screen and (min-resolution: 1.99dppx) {/*zoom 200% */div.phs img, .illu > a > img, .fd > img, .fd > a > img, .fg > img, .fg > a > img {zoom:.5;}}
@media screen and (min-resolution: 2.18dppx) {/*zoom 218,75% (125% + 175%) */div.phs img, .illu > a > img, .fd > img, .fd > a > img, .fg > img, .fg > a > img {zoom:.457142857;}}
@media screen and (min-resolution: 2.19dppx) {/*zoom 220% (200% + 110%) */div.phs img, .illu > a > img, .fd > img, .fd > a > img, .fg > img, .fg > a > img {zoom:.4545454545;}}
@media screen and (min-resolution: 2.24dppx) {/*zoom 225% (150% + 150%) */div.phs img, .illu > a > img, .fd > img, .fd > a > img, .fg > img, .fg > a > img {zoom:.4444444444;}}
@media screen and (min-resolution: 2.49dppx) {/*zoom 250% */div.phs img, .illu > a > img, .fd > img, .fd > a > img, .fg > img, .fg > a > img {zoom:.4;}}
@media screen and (min-resolution: 2.62dppx) {/*pour finir */div.phs img, .illu > a > img, .fd > img, .fd > a > img, .fg > img, .fg > a > img {zoom:.6;}}
@media (pointer:coarse) {/*tactile*/div.phs img, .illu > a > img, .fd > img, .fd > a > img, .fg > img, .fg > a > img {zoom:.8;}}
div.phs .pub1 img {zoom:1;} /* exclusion */
/* */