html {height:100%;font-family: Calibri, Verdana, Ubuntu;}
body {width:100%;float:center;background-image:url("../img/auffay-maquette.png");background-repeat:no-repeat;background-position:top right;background-attachment:fixed;background-size:auto 100%;}

a,a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}

header {margin:0;padding:0;width:100%;}
header .h1 {margin:0;width:20%;padding:15px 0 10px 0;min-height:100%;float:left;text-align:center;}
header div.header_prez {margin:0;padding:0.6em 1em;width:100%;font-size:90%;}
header nav.index_header {margin:0;padding:0;float:right;width:20%;text-align:center;font-size:90%;padding:1em 0 1em 0;}
header nav.index_header span.SpanPadding {padding:.2em .6em .2em .6em;line-height: 2em;}

header nav.timeline{text-align:center;font-size:120%;padding:1em 0 1em 0;}
header nav.toolbar{text-align:center;font-size:80%;padding:1em 0 1em 0;}
header nav#form_SignIn, header nav#form_SignOut {text-align:center;font-size:120%;padding:1em 0 1em 0;}
.SpanPadding{padding:.2em .6em .2em .6em;}
.Etiquette{white-space: nowrap;}
.SpanLikeA, .SpanLikeA i, .etiquettes i{border-radius:1em;
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
}
.SpanLikeA:hover{cursor:pointer;}
.Etiquette{border-radius:1em;font-style:oblique;font-size:90%;}

div.etiquettes{text-align:center;padding:10px 0 0 0;font-size:80%;}
div.spacer{clear:both;}
div.spacer_colorized{height:.2em;}
div.validzone {text-align:right;font-size:120%;}

.etiquettes .SpanLikeA i, .etiquettes i{font-size:110%;padding:.5em;}

section.events, section.noevent {
	/*padding:0 1em;*/
	scroll-snap-type: x mandatory;scroll-padding: 8px;scroll-padding-left: 4px;
	display: flex;
	overflow-x: scroll;
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
}
section.events:hover, section.noevent:hover {cursor:grab;}
section.events h3 {padding:.5em 2em;font-size:200%!important;}
section.events article .article_paragraphe {font-size:90%;}
section.events article a, section article a:visited {text-decoration:none;}
section.events article a:hover {text-decoration:underline;}

section.events article,section.noevent article{margin:.5em;padding:0;overflow:hidden;border-radius:5px;margin:4px 20px;display:flex;flex-direction:column;align-items:center;width:30%;/*scroll-snap-align:start;flex:0 0 calc(400px - 16px);width:calc(400px - 16px);*/}
section.events .article_date{padding:0.2em;font-size:100%;text-align:center;font-style:oblique;font-weight: bold;width:100%}
section.events .article_stamp{float: left;width: 1.4em;height: 1.4em;border-radius: 1em;font-size: 400% !important;text-align: center;z-index:2;}
section.events .article_titre{padding:1em 0 0 0;font-size:140%;text-align:center;z-index:1;}
section.events .article_spacer{padding:0.2em 0;font-size:50%;}
section.events .article_image{text-align:center;}
section.events .article_image img{width:100%;}
section.events .article_paragraphe{padding:1em;text-align:justify;}
section.events article h4{margin:0;padding:0;}

section.noevent h3 {padding:.5em 2em;font-size:120%!important;}
section.noevent article {margin:.5em;padding:0;overflow:hidden;border-radius:5px;}
section.noevent article h4 {margin:0;padding:0;font-weight:normal;}
section.noevent ul {margin:0;padding:0;list-style-type:none;width:100%;}
section.noevent li {width:100%;}

section.main {padding:0 1em;overflow:scroll;scroll-snap-type: x mandatory;scroll-padding: 8px;scroll-padding-left: 4px;display: flex;overflow-x: scroll;}

h2 {text-align:center;font-size:200%;margin:.5em 0;}

section.bref, aside {margin:1em auto;padding:0.6em 3em;width:fit-content;text-align:left;float:center;border-radius:5px;font-size:90%;display:flex;text-indent:-30px;line-height:1.5em;}

section.articles article {margin:2em auto;padding:0.6em 1em;width:60%;text-align:justify;float:center;font-size:90%;border-radius:5px;}
section.articles figure {text-align:center;}

aside .share {text-indent:0;}

div#QuiSommesNous {text-align: center;}
div.header_prez {text-align: center;font-size:120%;}
footer {text-align:center;font-size:200%;padding:.05em 0;}

input[type="submit"]{border:0;background-color:rgba(0,0,0,0);padding:.2em .6em .2em .6em;font-size:80%;}

article img {max-width:100%;height:auto;max-width:800px;}
.article_image img {max-height:300px;max-width:300px;}
article img.internal_map{width:auto;height:auto;max-width:800px;}

/* edit */ 
section.form_colonne {margin:0 auto;padding:0.6em 1em;width:80%;text-align:justify;float:center;}
section.form_colonne article .form_item{margin:1em;padding:0;overflow:hidden;border-radius:5px;}

section.form_ligne {margin:0 auto;padding:0.6em 1em;width:80%;text-align:justify;float:center;}
section.form_ligne #div_form_article article,
section.form_ligne #div_form_article_ordre article,
section.form_ligne #div_form_index_alpha article,
section.form_ligne #div_form_index_geo article,
section.form_ligne #div_form_images article {margin:1em;padding:0;overflow:hidden;border-radius:5px;padding: 0.6em 1em;}