@charset 'UTF-8';
* {padding:0;margin:0;}
html {font-family:Arial;font-weight :bold;color:black;font-size:100%;font-size:calc(1em *1.0);line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent;}
@media (min-width:050px){html{font-size:  80%;font-size:calc(1em *0.80);}#menu a{font-size:  66%;font-size:calc(1em *0.66);}}
@media (min-width:320px){html{font-size:  85%;font-size:calc(1em *0.85);}#menu a{font-size:  68%;font-size:calc(1em *0.68);}}
@media (min-width:360px){html{font-size:  92%;font-size:calc(1em *0.92);}#menu a{font-size:  70%;font-size:calc(1em *0.70);}}
@media (min-width:414px){html{font-size:  99%;font-size:calc(1em *0.99);}#menu a{font-size:  72%;font-size:calc(1em *0.72);}}
@media (min-width:504px){html{font-size: 106%;font-size:calc(1em *1.06);}#menu a{font-size:  74%;font-size:calc(1em *0.74);}}
@media (min-width:600px){html{font-size: 113%;font-size:calc(1em *1.13);}#menu a{font-size:  76%;font-size:calc(1em *0.76);}}
@media (min-width:640px){html{font-size: 120%;font-size:calc(1em *1.20);}#menu a{font-size:  78%;font-size:calc(1em *0.78);}}
@media (min-width:720px){html{font-size: 127%;font-size:calc(1em *1.27);}#menu a{font-size:  80%;font-size:calc(1em *0.80);}}
@media (min-width:768px){html{font-size: 134%;font-size:calc(1em *1.34);}#menu a{font-size:  82%;font-size:calc(1em *0.82);}}
@media (min-width:800px){html{font-size: 141%;font-size:calc(1em *1.41);}#menu a{font-size:  84%;font-size:calc(1em *0.84);}}
@media (min-width:900px){html{font-size: 148%;font-size:calc(1em *1.48);}#menu a{font-size:  86%;font-size:calc(1em *0.86);}}
/*@-ms-viewport {width:device-width;}*/ 
footer,header,nav,section {display:block;}
img {vertical-align:middle;border-style:none;}
html {-webkit-box-sizing:border-box;box-sizing:border-box;}
*,*::before,*::after {-webkit-box-sizing:inherit;box-sizing:inherit;min-width:0;min-height:0;}
body 
{
	margin: 0;
	/*background-color:#bb8c6e;*/
	background: rgba(187, 140, 110, 0.3);/*#bb8c6e*/
	/*opacity:.30;*/
}

/*#bb8c6e/#a5948d/#b27d55: beige-rosé du plan de travail*/ 
/*#444a58/#595c6d/#5a6173: gris des poutres*/
img {max-width:100%;height:auto;vertical-align:middle;}
a[href^='javascript:']::after,a[href^='#']::after {content: '';}
.txtcenter {text-align:center;}
.txtjustify {text-align:justify;}
.txtleft {text-align:left;}
.txtright {text-align:right;}
.txtcenter33 {text-align:center;}
.txtcenter33  form{display:inline-block;}
@media (min-width:576px){.nav {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}}
.container {max-width:900px;margin-right:auto;margin-left:auto;padding:4px 4px 4px 4px;}
@media (min-width:576px){.container {padding:3px 3px 3px 3px;}}
@media (min-width:992px){.container {padding:5px 5px 5px 5px;}}
.image_nda .size {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;max-width:900px;margin:0 auto;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:1;-webkit-flex:1 1 0;-ms-flex:1 1 0px;flex:1 1 0;}
h1{font-size:150%;font-size: calc(1em * 1.5);text-shadow:-1px -1px #a86, 1px 1px #ffc, -3px 0 4px #000;}
h2{font-size:120%;font-size: calc(1em * 1.2);}
h3{font-size:90%;font-size: calc(1em * 0.9);padding:10px;}
h4{font-size:85%;font-size: calc(1em * 0.85);}
p{font-size:85%;font-size: calc(1em * 0.85);}
.img-cent{/*border-radius:10px 10px 10px 10px;*/}
.img-flottante-left
{
	border-radius:10px 10px 10px 10px;
	float:left;
	width:50%;
	margin-top:2%; 
	margin-right:2%;
}
.img-flottante-right
{
	border-radius:10px 10px 10px 10px;
	float:right;
	width:50%;
	margin-top:2%; 
	margin-left:2%;
}
@media(min-width:900px){.img_entete {min-height:250px;}}
.texte_footer
{
	background-color:rgba(253,241,204,0.4);
	//border-radius:10px 10px 10px 10px;
	border:1px solid black;
	max-width:900px;
	text-align:center;
	margin:auto	
}
.texte
{
	background-color:rgba(253,241,204,0.4);
	//border-radius:10px 10px 10px 10px;
	border:1px solid black;
	max-width:900px;
	text-align:center;
	margin:auto	
}
.texte_footer_centre
{
	text-align:center;
	margin:auto	
}

.calendarMain{
	/*font-family: "Helvetica Neue", Helvetica, Geneva, sans-serif;*/
	text-align: left;
}
.calendarMain:after{
	/*content: " ";
	display: block;CG
	clear: both;*/
}
/* conteneur calendrier */
.calendarMain > div{
	width: 220px;
	padding: 5px 10px 10px 10px;
	background-color: rgba(253, 241, 204, 1.0);
	border-radius: 10px;
	-moz-box-shadow: 0 0 10px #555;
	-webkit-box-shadow: 0 0 10px #555;
	box-shadow: 0 0 10px #555;
	/*font-size: 12px;*/
font-size:85%;font-size: calc(1em * 0.85);
	/*position: fixed;/*rajout pr popup*//*avant correction*/
	position: relative;top:0px;/*apres correction*/
	z-index:1;/*rajout pr popup*/
}
/* bouton d'affichage*/
.calendarMain > input{
	/*display: block;CG*/
	height:35px;width:35px;
height:1.5em;width:1.5em;	
	padding-top: 2px;
background-color: #2e373f; /*gris fonce*/
color: #fff;
color: black;
border-radius: 5px;
border: none;
/*border: 1px solid black;*/
border-radius: 5px 5px 5px 5px;
background:linear-gradient(#fdf1cc,#a28a65);
background: no-repeat left 0% top 50% / 100% 100% url("../images/icones/icon_200508_calendar_30x30.png");
}
@media (min-width:900px){.calendarMain > input { min-height: 30px;min-width: 30px;}}
.calendarMain > input:hover{
background-color: #2673cb; /*bleu*/
/*background:linear-gradient(#a28a65,#fdf1cc);*/
/*border-bottom: 2px solid black;*/
background: no-repeat left 0% top 50% / 100% 100% url("../images/icones/icon_200508_calendar_30x30.png");
}
/* navigation dans le calendrier */
.calendarMain .calendarTitle{
	/*position: absolute;*//*avant correction*/
	position: relative;top:0px;/*apres correction*/
	margin: 0px 0 0 0;
	padding: 0;
	width: 200px;
	font-size: 20px;
	font-weight: bold;
	color: black;
	background-color: #fdf1cc;
	text-align: center;
}
.calendarNav input{
	/*position: relative;*//*avant correction*/
	position: relative;top:0px;/*apres correction*/
	margin: 5px 0 10px 0;
	width: 20px;
	background-color: #a28a65;/*fond des fleches*/
	border: none;
	color: #fff;
}
.calendarNav input:hover{
	background-color: #6f8598; /*gris clair*//*couleur de fond qd on est sur les fleches*/
}
.calendarNav .calendarNavMR, .calendarNav .calendarNavYR{
	float: right;
}
/* calendrier */
.jsCalendar{
	color: #fff;
	border-collapse: collapse;
}
.jsCalendar th{
	color: #8ba7bf; /*gris tres clair*/
	color: black; /*couleur des L,M,M,J,V,S,D*/
	font-size: 17px;
	font-weight: bold;
	text-align: center;
}
.jsCalendar td{
	padding: 0;
	border: none;
	width: 30px;
	padding: 3px 0 3px 0;
color: #fff;
color: black;/*couleur de toutes les dates en chiffre*/
	font-weight: normal;
	text-decoration: none;
font-size: 16px;	
/*font-size:140%;font-size:calc(1em * 1.40)	*/
	text-align: center;
}
.jsCalendar .day:hover{
	background-color: #2673cb; /*bleu*/
	background-color: red; /*date survolée pour choix*/
	border-color: #2673cb;
	border-color: black;
}
.jsCalendar .selectedDay{
	background-color: #c44d38; /*rouge*/
	background-color: red; /*couleur de la date du jour*/
	border-color: #c44d38;
	border-color: black;
}
a
{
	text-decoration:none;
}
.ico-calendar:before
{
	margin:auto;
	padding-left:1%;
	padding-right:3%;
	content: url(../images/icones/icon_200508_calendar_30x30.png);
}
.container-en-l{
	vertical-align: middle;
	display: inline-block;
	width: 49%
}
@media (min-width:900px){.icon_rs{background-color:yellow;width:40px;height: 40px;}}
.titre_ombre{color:black;text-decoration:none;padding:5% 0 0 0;font-size:120%;font-size: calc(1em * 1.2);text-shadow:-1px -1px #a86, 1px 1px #ffc, -3px 0 4px #000}
.titre_grand{text-shadow: -1px -1px #a86, 1px 1px #ffc, -3px 0 4px #000;font-size : 110%;font-size: calc(1em * 1.1);line-height: 150%}
.fs_70	{font-size: 70%;font-size:calc(1em*0.70)}
.fs_75  {font-size: 75%;font-size:calc(1em*0.75)}
.fs_80  {font-size: 80%;font-size:calc(1em*0.80)}
.fs_85	{font-size: 85%;font-size:calc(1em*0.85)}
.fs_90	{font-size: 90%;font-size:calc(1em*0.90)}
.fs_95	{font-size: 95%;font-size:calc(1em*0.95)}
.fs_100	{font-size:100%;font-size:calc(1em*1.00)}
.fs_110	{font-size:110%;font-size:calc(1em*1.10)}
.fs_120	{font-size:120%;font-size:calc(1em*1.20)}
.fs_130	{font-size:130%;font-size:calc(1em*1.30)}
.fs_140	{font-size:140%;font-size:calc(1em*1.40)}
.fs_150	{font-size:150%;font-size:calc(1em*1.50)}
.p_1p {padding:1px}
.p_2p {padding:2px}
.p_5p {padding:5px}
.p_2 {padding:2%}
.mt_1 {margin-top:1%}
.mt_2 {margin-top:2%}
.mt_3 {margin-top:3%}
.mt_4 {margin-top:4%}
.mt_5 {margin-top:5%}
.mt_6 {margin-top:6%}
.mt_7 {margin-top:7%}
.mt_9 {margin-top:9%}
.mt_10 {margin-top:10%}
.mt_13 {margin-top:13%}
.ml_0 {margin-left:0%}
.ml_2{margin-left:2%;}
.ml_5{margin-left:5%;}
.ml_6{margin-left:6%;}
.ml_8 {margin-left:8%}
.ml_10{margin-left:10%;}
.ml_20{margin-left:20%;}
.ml_40{margin-left:40%;}
.ml_10 {margin-left:10%}
.ml_15 {margin-left:15%}
.ml_22 {margin-left:22%}
.mr_0{margin-right:0%;}
.mr_5{margin-right:5%;}
.mr_10{margin-right:10%;}
.mr_20{margin-right:20%;}
.mb_1{margin-bottom:1%;}
.mb_2{margin-bottom:2%;}
.mb_3{margin-bottom:3%;}
.mb_4{margin-bottom:4%;}
.mb_5 {margin-bottom:5%}
.mb_6 {margin-bottom:6%}
.mb_8 {margin-bottom:8%}
.mb_10 {margin-bottom:10%}
.mb_20 {margin-bottom:20%}
.lh_120 {line-height: 120%}
.lh_130 {line-height: 130%}
.descriptif{background-color:rgba(68, 73, 88, 0.3);/*border-radius: 10px 10px 10px 10px*/;border: 1px solid black;margin-top: 3px}			

.pp
{
	display:flex;justify-content:space-between;margin-top: 3px;
	margin:0 auto;
	width: 90vw;
	max-width: calc(900px*0.70);
}
.ppcentre
{
	display:flex;justify-content:center;margin-top: 3px;
	margin:0 auto;
	width: 70vw;
	max-width: calc(900px*0.70);
	margin-top:2%;
}
#b01,#b02,#b03,#b04,#b05,#b06,#b07,#b08,#b09,#b10,#b11,#b12,#b13,#b14,#b15,#b16,#b17,#b18,#b19,#b20 
{
	display:inline-block;
	border: 2px solid #1d3757;
	//border: 1px solid black;
	height: 8vw;width: 20vw;
	padding: 1px 0;box-shadow: 3px 3px 5px #777;
	max-height: calc(900px*0.15);max-width:calc(900px*0.15);
	/*background-color:yellow;*/
	background: rgba(68, 73, 88, 0.3);/*#444a58*/
}
.if_accroche
{
	border: 1px solid black;
	background-color:rgba(253, 241, 204, 0.4);
	z-index: 40;
	margin-top: 0px;
	background-clip: border-box;
	min-width: 95.00vw;
	min-height: 75.00vw;
	overflow: hidden;
	background-clip: border-box;
}
@media (min-width:900px){.if_accroche {min-height: calc(900px*0.75);min-width:calc(900px*0.985);}}

/*#bb8c6e/#a5948d/#b27d55: beige-rosé du plan de travail*/ 
/*#444a58/#595c6d/#5a6173: gris des poutres*/

.MyButtonold
{
	background-color: blue;
}
.MyButton
{
	
	--offset: 8px;
	--border-size: 2px;
	/*
	display: block;*/
	position: relative;
	padding: 1.5em 3em;
	padding: 1.0em 2em;
	margin:10px;
	appearance: none;
justify-content:space-between;margin-top: 3px;	
	border: 0;
	background: transparent;
	background: rgba(68, 73, 88, 0.3);/*#444a58*/
	color: #e55743;
	color: black;
	text-transform: uppercase;
	/*letter-spacing: .25em;*/
	outline: none;
	cursor: pointer;
	font-weight: bold;
	border-radius: 0;
	box-shadow: inset 0 0 0 var(--border-size) currentcolor;
	transition: background .8s ease;
}	
.MyButton:hover{background: rgba(100, 0, 0, .2);}
	
.MyButton__horizontal,.MyButton__vertical 
{
	position: absolute;
	top: var(--horizontal-offset, 0);
	right: var(--vertical-offset, 0);
	bottom: var(--horizontal-offset, 0);
	left: var(--vertical-offset, 0);
	transition: transform .8s ease;
	will-change: transform;
}		
.MyButton__horizontal,.MyButton__vertical::before 
{
	content: '';
	position: absolute;
	border: inherit;
}
.MyButton__horizontal 
{
	--vertical-offset: calc(var(--offset) * -1);
	border-top: var(--border-size) solid currentcolor;
	border-bottom: var(--border-size) solid currentcolor;
}		
.MyButton__horizontal::before 
{
	top: calc(var(--vertical-offset) - var(--border-size));
	bottom: calc(var(--vertical-offset) - var(--border-size));
	left: calc(var(--vertical-offset) * -1);
	right: calc(var(--vertical-offset) * -1);
}
.MyButton:hover .MyButton__horizontal 
{
	transform: scaleX(0);
}
	
.MyButton__vertical 
{
	--horizontal-offset: calc(var(--offset) * -1);
	border-left: var(--border-size) solid currentcolor;
	border-right: var(--border-size) solid currentcolor;
}
.MyButton__vertical::before 
{
	top: calc(var(--horizontal-offset) * -1);
	bottom: calc(var(--horizontal-offset) * -1);
	left: calc(var(--horizontal-offset) - var(--border-size));
	right: calc(var(--horizontal-offset) - var(--border-size));
}
.MyButton:hover .MyButton__vertical 
{
	transform: scaleY(0);
}