@charset "utf-8";
/* ====================
	RESET	http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126 - License: none (public domain) 
 ====================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}

/*	RAJOUTS PERSOS AU RESET MEYER CI-DESSUS */
*{box-sizing: inherit;outline: none;/*empeche l'encadrement bleu des liens ou images*/}
*, *::before, *::after{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}/*empeche le redimensionnement des éléments avec padding et margin*/

img,table,td,blockquote,code,pre,textarea,video,svg {max-width: 100%;}
img {border: 0;height: auto;box-sizing:border-box;width: auto\9; /* ie8 */}
a a:hover,a:focus,a:active {color: #000;}
a {background-color: transparent;} /* Supprime la couleur d'arrière-plan grise des liens actifs dans IE 10. */
svg:not(:root) { overflow: hidden;}
html{font-family: system-ui, sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;scroll-behavior: smooth;}
body{line-height: 1.5;-webkit-font-smoothing: antialiased;}
p{-webkit-hyphens: none;  -moz-hyphens: none;-ms-hyphens: none;-o-hyphens: none;hyphens: none;}/*empeche la césure des mots en fin de ligne*/
p, h1, h2, h3, h4, h5, h6 {overflow-wrap: break-word;}
input, button, textarea, select {font: inherit;}
ol, ul{list-style-type:none}
b,strong{font-weight:bolder;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
#root, #__next {isolation: isolate;}

/*============================
	STYLES 
============================ 30320c */
h1, h2, h3, h4, h5{font-weight:normal;margin:0 0 15px 0; }
.h1-title{font-size:2.8rem;line-height:1.0;width:100%;text-align:center;}
.h2-title{font-size:2.2rem;line-height:1.0;padding: 0 0 40px 20px;text-align:center;}
.h1-like {font-size: 1.6rem;}
.h2-like {font-size: 1.6rem;margin:10px 0 30px 0;padding:4px 8px;border:1px solid #9d9886;width:max-content;border-radius:4px;}
.h3-like {font-size: 1.4rem;margin:20px 0;}
.h4-like {font-size: 1.2rem;text-align:center;padding:10px 0;}
.h5-like {font-size: 1.0rem;}
p{font-size:1.0rem;font-weight:200;}
hr{margin:20px;height:5px;}
strong{font-weight:bold;}
a,a:focus{color:#D68402 ;text-decoration:none;padding-left:10px;font-size:1.2rem;}
a:hover{color:#30320c;}
a.current{color:#fff;text-decoration:none}
.inbl {display: inline-block;vertical-align: top;}
.display{display: none;}
.hide{ visibility: hidden;display:none;}
.clear,.ligne,.row {clear: both;}
.center{display: block;margin-left: auto;margin-right: auto}
.txtcenter{text-align:center;}
.smaller{font-size:1.1rem;}
.big{font-size:1.2rem;}
.bigger{font-size:1.4rem;}
.border{border:0.1em solid #7b7b7b;width:70%;padding:15px;margin-left:2rem;}
.centrage{display:flex;align-items:center;justify-content:center;}
.radius{-moz-border-radius:30px 30px 0 0 ;-webkit-border-radius:30px 30px 0 0;border-radius:30px 30px 0 0;}
.erreur{text-align:center;font-size:20px;color:#CC0000;}
.valide{text-align:center;font-size:20px;color:#339933;}

/*============================
	GENERAL 
============================*/
body{margin:0 auto 100px auto;font-family:Arial, Helvetica, sans-serif;font-size:1.0rem;color:#f4f4f4;background-color: #63625a;
background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%238e8e6c' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");}

.body-connexion{width:100%;max-width:800px;}
.body-toutes-pages{width:100%;max-width:1400px;}

.container-fluid{width:100%;margin:auto;background-color:rgba(99, 98, 90, 0.7);padding:0 20px 20px 20px;}

/*============================
	HEADER 
============================*/
header{padding:20px 20px 40px 20px;background-color:#525149;border:1px solid #9d9886;}
nav{font-size:1.2rem;}
nav li{display: inline-block;}

.form_deco{float:right;}
.ico-deco{display: block;}
.btn_deco{width:200px; margin-right:40px;text-align: right;background-image:url(../elements/power.png);background-position :15px 5px;background-repeat:no-repeat;}

/*============================
	GENERAL 
============================*/
#btn_up{display:none;position:fixed;bottom:50%;right:7%;cursor:pointer}/*retour haut de page*/

.btn {display: block;width:50%;text-align: center;text-decoration: none;margin: 40px auto 5px auto;padding: 2px 14px;color: #FFFFFF;background-color: #9555AF;
	border: solid 1px transparent;border-radius: 4px;}
    .btn:active {transform: translateY(1px);filter: saturate(150%);}
    .btn:hover {color: #9050AA;border-color: currentColor;background-color: white;}
    .btn::-moz-focus-inner {border: none;}
    .btn:focus {outline: none;
		box-shadow: 0 0 0 3px rgba(255, 105, 180, 0.5),
		0 0 0 1.5px rgba(255, 105, 180, 0.5);}
    .js-focus-visible .btn:focus:not(.focus-visible) {box-shadow: none;}
	
/*============================
	CHOIX PAGE - CONNEXION
============================*/


.fancybox-slide--iframe .fancybox-content {
    width  : 800px;
    height : 600px;
    max-width  : 80%;
    max-height : 80%;
    margin: 0;
}

/*============================
	MODIFICATIONS
============================.descriptif{width:70%;margin:auto;cursor:text;}*/
.fieldset_choix_page{padding:2% 0;-moz-border-radius: 0 0 30px 30px;-webkit-border-radius:0 0 30px 30px;border-radius:0 0 30px 30px;}
fieldset{border:1px solid #9d9886;background-color: rgba(99, 98, 90, 0.7);margin:auto;padding:10px;}
legend{font-size:1.6rem;text-align:center;padding:0 5px;color:#c1dd7c;}	
label{display:inline-block;width:20%;vertical-align:middle;text-align:right;}
input[type="text"], input[type="password"], input[type="email"], input[type="tel"]{height:24px;width:50%;font-size:1.0rem;margin:8px 0;padding: 2px 0 2px 6px;background-color:#f4f4f4;border-color:#f4f4f4;}
textarea{display:block;width:70%;min-height:80px;overflow:auto;margin:8px auto;}
/*textarea{overflow:auto;margin:8px 0;border-color:#f4f4f4;cursor:text;font-size:1.0rem;width:80%;}*/
select{padding:0 20px;margin:0 0;height:30px;font-size:0.9rem;}
input[type="submit"],input[type="button"],input[type="reset"] {padding:4px 24px;background-color:#58574e;color:#fff;font-size:1.2rem;cursor:pointer;border-color:#9d9886;
	-moz-border-radius:5px;-webkit-border-radius: 5px;border-radius: 5px;}
input[type="submit"]:hover,input[type="submit"]:focus{background-color:#30320c;color:#fff;border-color:#58574e;}
input::placeholder, textarea::placeholder{color:#aaaaaa;}
input::placeholder:focus, textarea::placeholder:focus{color:#fff;}
.btn_valid, .btn_annuler{margin:1% 40%}
.control-label{vertical-align:top;margin-top:10px}/*calage du label balise_description*/
.remarque{display: none!important;}/*classe du champ caché anti-spam*/
.has-error { caret-color:#FF0000;border: 1px solid #FF0000 !important; border-left:2px solid #FF0000 !important;}

.alert {padding: 15px;margin:10px auto;width: 90%;border: 1px solid transparent;border-radius: 4px;text-align:center;font-size:18px;}
.alert-info {color: #1a3b9d;background-color: #d9edf7;border: 1px solid #6b87d9;}
.alert-warning {color: #9f0606;background-color: #fcf8e3;border: 1px solid #8a6d3b;}

/*============================
	PAGE PHOTOS
============================*/
#form_photos{width:60%;margin:20px auto}
#form_photos input{padding:8px;}
table{width:70%;border-collapse:collapse;margin:20px auto;color:#fff;background-color:#63625a}
td {border:1px solid #4F4F4F;padding:5px 0 5px 0;text-align:center}
th{border:1px solid #4F4F4F;padding:5px}
.error{font-size:15px;text-align:center;}
#form_supp td input{height:26px;width:80%;padding:3px;}
.supp_photo{font-size:1.2rem;}

/*------MENU PHOTO -----*/
.label_upload_control{ text-align:left;font-size:1.0rem;cursor:pointer;}
input[type=file]{padding:4px 24px;}
input[type=file]::file-selector-button{
	border: 2px solid #6c5ce7;padding:6px 24px;border-radius: .2em;background-color: #a29bfe;transition: 0.5s;font-size:font-size: 0.8rem;cursor:pointer;text-align:left;}
input[type=file]::file-selector-button:hover {background-color: #81ecec;border: 2px solid #00cec9;}
.form_upload{padding:20px;margin-left:20px;}

.flex-contain{display: flex;flex-flow: row wrap;/* raccourci pour flex-direction: row; et flex-wrap: wrap;	wrap = passage à la ligne*/justify-content: flex-start ;}
.flex-contain> *{ padding:10px;}
.flex-item{flex: 1;background-color:#4A4648;max-width:120px;text-align:center;border:1px solid #4F4F4F;/*flex 1 : tous les éléments se répartissent l'espace */
	-moz-border-radius:4px;-webkit-border-radius: 4px;border-radius: 4px;}
.form_supp img{width:140px; height:auto;}
.btn_supp{font-size:14px;padding:3px 5px;}

.aff_foto{width:px;height:auto;margin:8px;}

/*============================
	CHECKBOX
============================*/
table{width:80%; border: thin solid #777777; margin:auto;}
table th{padding-left:10px;}
table th h3{text-align:left;font-size: 1.4rem;}
table tr{ border: thin solid #777777;}
table td{border-bottom: thin solid #777777;text-align:left; padding:2px 0 2px 10px;}

.position{position: fixed;
top: 163px; left: 100px;}

/*============================
	MOBILE 
============================*/
@media only screen and (max-width: 960px){   
	body{font-size:1.0rem;}
	header{margin-left:0.5em;padding:20px 10px;}
	.container-fluid{width:97%;padding:0 10px 20px 10px;}
	.h1-title{font-size:2.4rem;line-height:1.0;width:100%;}
	.h2-title{font-size:2.0rem;line-height:1.0;padding: 0 0 40px 20px;}
	.h1-like {font-size: 1.6rem;}
	.descriptif{width:95%;}
	.fieldset_choix_page{margin-left:0.5em;padding:10px 5%;}
	label{font-size:0.9rem;text-align:left;width:80%;}
	select{height:25px;font-size:1.0rem;}
	input[type=text]{font-size:1.0rem;width:90%;margin:1px 0 8px 0;}
	input[type="submit"],input[type="button"],input[type="reset"],input[type="checkbox"] {padding:5px 15px;font-size: 1.2rem;}
	textarea{width:90%;}
	input[type=file]::file-selector-button{display:block;}	
	.form_upload{padding:20px;margin-left:20px;}	
}

@media screen and (max-width: 640px) {
	a,a:focus{padding-left:10px;font-size:1.0rem;}
	p{font-size:0.9rem;}
	.h1-title{font-size:2.0rem;line-height:1.0;width:100%;}
	.h2-title{font-size:1.8rem;line-height:1.0;padding: 0 0 40px 20px;}
	.h1-like {font-size: 1.4rem;}
	.centrage{flex-direction: column;}
	.btn_deco{clear:right;margin-right:0px;}
	legend{font-size:1.2rem;margin-left:8%;}
}