/* Mise en page globale (global.css) */
/* Reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
	border:0;
	font:inherit;
	font-size:100%;
	margin:0;
	padding:0;
	font-weight:normal;
}


/* Global layout */
body {background-color:#e7e7e7;font-size:0.9em;color:#222;}
.fixed {position:fixed;top:0;z-index:1000;}
.centrer {max-width:1170px;margin:0 auto;}
.centrer::after {content: ""; clear: both; display: block;}
.padding {padding:0.5em;}
.breadcrumb {float:left;width:100%;margin:0.5em 0 1.5em 0;}
.breadcrumb a, .breadcrumb a:visited {text-decoration:none;color:#222;}
.breadcrumb a:hover {text-decoration:underline;}
.container{ background-color: #fff;}


/* Contenus inline */
h1 {display:block;padding:1em 50px;font-size:2.4em;line-height:1.05em;font-weight:700;}
h2 {display:block;padding:1em 50px;font-size:28px;font-weight:700;}
h3 {display:block;padding:1em 50px;font-size:1.5em;}
p {display:block;padding:1.5em 50px;color:#807f7f;font-size:18px;line-height:1.75em;text-align:justify;font-weight:300;}
p a, p a:visited {color:#222;border-bottom:1px dotted #000;text-decoration:none;}
p a:hover {text-decoration:none;color:#000;}
h1 + p {padding-top:0em;}
h2 + h3 {padding-top:1.5em;}
h3 + p {padding-top:0em;}
p + ul {padding-top:0em;}
p + p {padding-top:0em;}
p + h2 {padding-bottom:0em;}
.introduction {float:left;display:block;padding:0.6em 50px 1em 50px;font-size:28px;font-weight:100;color:#38565f; line-height: 1.1em;}
hr  {border:0;height:0;margin:1.5em 0;border-top:1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
center {text-align:center;}
b, strong {font-weight:bold;}

/* Blockquote */
blockquote {width:auto;color:#807f7f;font-size:1.4em;padding:1em;font-weight:normal;border:1px solid #dd3639;}
blockquote.gauche {float:left;width:200px;color:#dd3639;font-size:25px;padding:1em 1em 1em 0;font-weight:100;border:none;}
blockquote.droite {float:right;width:200px;color:#dd3639;font-size:25px;padding:1em 0 0em 1em;font-weight:100;border:none;}


/* Header */
header {width:100%;background-color:#38565f;}
header .centrer {display:flex;flex-direction:row;justify-content:space-between;}
header .hamburger {display:none;}
header .logo {margin:auto;padding:1em;}
header .slogan {margin:auto;padding:1em;font-size:1.2em;color:#fff;}


/* Menu */
nav {width:100%;background-color:#2b4249;}
nav .entete {display:none;}
nav ul {display:flex;flex-direction:row;flex-wrap:wrap;align-items:stretch;justify-content:space-between;list-style-type:none;width:100%;}
nav ul li {margin:auto;box-sizing:border-box;border-left:1px solid #38565f;border-bottom:4px solid transparent;border-top:4px solid transparent;width:auto;text-align:center;height:auto;flex-grow:1;}
nav ul li a, nav ul li a:visited {display:block;color:#fff;text-decoration:none;}
nav ul li:hover {border-bottom:4px solid #b92a2d;}
nav ul li a span {display:block;padding:0.5em 1em;font-size:1.2em;font-weight:700;}
nav ul li:last-child {border-right:1px solid #38565f;}

@media screen and (max-width: 700px) {
	header .hamburger {display:block;position:absolute;margin:2em 0 0 1em;padding:0.25em 0.5em;border:1px solid #000;text-decoration:none;cursor:pointer;}
	nav {display:none;}
	nav.mobile {position:absolute;top:0;width:90%;height:100%;}
	nav.mobile .entete {display:block;}
	nav.mobile .entete .croix {float:right;margin:0.5em;width:40px;height:40px;background:url('https://alpins.fr/plugins/skel-slx/images/croix.png') no-repeat center;background-size:cover;cursor:pointer;}
	nav.mobile .entete .croix {background-color:#fff;}
	nav.mobile .entete .titre {position:absolute;margin:1em;font-size:1.2em;text-transform:uppercase;color:#fff;}
	nav.mobile ul li {float:left;width:100%;margin:0;text-align:left;}
}





/* Section */
section {width:100%;}
section .padding {padding:2em;}


/* Article */
article {float:left;width:65%;background-color:#fff;}
article .cover img {float:left;width:100%;max-height:300px;object-fit:cover;}
article .chapo .auteur p {}
article p strong {padding:0.25em 0.2em 0.25em 0.2em;background-color:#ececec;text-decoration:none;color:#000;}
article p b {font-weight:bold;}
article .liste-articles {float:left;width:100%;margin-top:3em;}
article .liste-articles .article {float:left;width:100%;margin:1.75em 0;}
article .liste-articles .article p {margin:0.75em 0 1em 0;}
article .liste-articles .article a {color:#48b8e1;}
article .liste-articles .article img {float:left;margin-right:2em;}
article .liste-articles .article .alternative-logo-cadre {float:left;margin-right:2em;}
article .liste-articles .article .alternative-logo {width:200px;height:200px;display:table-cell;vertical-align:middle;text-align:center;background-color:#5db5db;}
article .liste-articles .article .alternative-logo img {float:none;display:inline;margin:0;}
article ul, article ol {display:block;padding:1em 50px;color:#807f7f;font-size:18px;line-height:27px;text-align:justify;font-weight:300;list-style-position:inside;}
article ul li, article ol li {font-size:18px;line-height:27px;}
article ol li {counter-increment:step-counter;list-style-type:none;}
article ol li::before {content:counter(step-counter);margin-right:0.5em;font-size:100%;background-color:#ececec;color:#000;font-weight:bold;padding:3px 8px;border-radius:3px;}

.information-sujet {display:flex;flex-direction:row;justify-content:space-between;width:100%;padding:0.25em 0;border-bottom:1px solid #e7e7e7;}
.auteur {margin:auto 1em auto 0em;display:flex;flex-direction:row;}
.auteur img {margin-right:1em;}
.auteur span {margin:auto;}
.date {margin:auto;}


/* Aside */
aside {float:left;width:35%;background-color:#fff;position:sticky;top:0;}
aside .bouton-aside {background-color:#48b8e1;color:#fff;transform:rotate(-2deg);margin-bottom:1em;}
aside .bouton-aside a {display:block;padding:1em;text-align:center;font-weight:bold;color:#fff;transform:scale(1.2) rotate(2deg);}
aside p {padding:0;}


/* Footer */
footer {float:left;width:100%;background-color:#fff;}
footer .padding {padding:2em 0;}
footer .logo {float:left;margin-right:2em;}
footer p {}


/* Service Box */
.service-box {float:left;width:100%;margin-bottom:2em;}
.service-box .titre {padding:0.5em 1em;background-color:#bababa;color:#fff;text-transform:uppercase;font-size:1.3em; font-weight: 700;}
.service-box .titre a {text-decoration:none;color:#fff;}
.service-box .titre a:visited {text-decoration:none;color:#fff;}
.service-box .contenu {padding:1em;background-color:#e7e7e7;color:#38565f;}
.service-box .illustration img {width:100%;height:200px;object-fit:cover;}
.service-box a.button {display:block;text-decoration:none;background-color:#c10a0f;color:#fff;font-size:0.9em;text-align:center;text-transform:uppercase;border:none;width:100%;border-bottom-left-radius:0.4em;border-bottom-right-radius:0.4em;}
.service-box a.button span{display:block;padding:1em 0.5em;font-weight:900;}
article .services-boxes {display:flex;flex-grow:1; flex-flow:row wrap;justify-content:space-around;}
article .services-boxes .service-box {width:300px;}
article .service-box {margin:1em 0;}
article .service-box .contenu {padding:1em;font-size:18px;}
article .service-box .titre {text-align:center;}


/* Figure et image */
img {display:block;max-width:100%;} /* Corriger la génération d'une marge inférieure de 4px sous les images */
figure {background-color:#efefef;box-shadow:2px 2px 5px 0px #ccc;margin:0.5em auto;color:#000;}
figure.droite {float:right;margin:0 0 2em 2em;}
figure.gauche {float:left;margin:0 2em 2em 0;}
figure figcaption {text-align:center;padding:0.75em;}
figure figcaption span {display:block;margin:0 0 0.5em 0;font-weight:bold;}
figure figcaption p {padding:0.5em 0;font-size:0.9em;text-align:left;font-style:italic;}
@media screen and (max-width: 400px) {
	figure {float:none;width:100%;margin:1em 0 1em 0;box-shadow:none;}
	figure figcaption {max-width:100%;}
	figure img {width:100%;}
}

figure.couverture {float:left;width:100%;}
figure.couverture img {float:left;margin:0 2em 0 0;}
figure.couverture.droite img {float:right;margin:0 0 0 2em;}
figure.couverture.gauche img {float:left;margin:0 2em 0 0;}
figure.couverture figcaption span {display:block;margin:1em 0 0.5em 0;font-weight:bold;font-size:1.2em;}
figure.couverture p {display:block;margin:0 0 0.5em 0;font-size:1em;}
.auteur img{ display: inline;}


/* Table */
table {float:left;max-width:100%;width:100%;border-collapse:collapse;overflow-x:auto;margin:0em 0 3em 0;cursor:default;border:1px solid #ccc;font-size:18px;}
thead th {font-size:1em;background-color:#ccc;height:50px;font-weight:bold;}
td, th {text-align:left;padding:0.5em;vertical-align:middle;}
tr:nth-child(odd) {background-color:#fff;}
tr:nth-child(even) {background-color:#efefef;}

/* Links */
.container a, .container a:hover, .container a:active{ color: #c10a0f; text-decoration: none; }
.container a{ border-bottom: 1px solid #c10a0f;}
.container a:hover{ border-bottom: 1px dotted #c10a0f;}
.service-box .link{ text-align: right; font-weight: 700; margin-top: 1em;}


/* Form */
button:hover {cursor:hand;}

/* Responsive */
@media screen and (max-width:700px) {
	article, aside {width:100%;}
	header .centrer {display:block;text-align:center;}
	header .slogan {padding:0;}
	header .logo {margin-left:30px;max-width:74%;}
	nav ul li:before, nav ul li:hover::before {display:none;}
	p {padding:1.5em 0;}
	h1, h2, h3, h4, h5 {padding:1.5em 0;}
	article ul, article ol {padding:1.5em 0;}
	article .services-boxes .service-box {width:100%;}
}
/* Header (body.css) */

/* Header (header.css) */
header {background:#333;}
header .slogan {color:#fff;}
header .hamburger {color:#fff;}
header .hamburger {border-color:#fff;}






header .centrer {background-image:url('https://alpins.fr/sites/alpins.fr/IMG/jpg/cover-general-chasseurs-alpins.jpg');}
/* Nav (nav.css) */
nav {background:#2b4249;}
/* Header (service-box.css) */
aside .service-box .titre {background:#2b4249;}



article .services-boxes.droite {float:right;margin-left:1em;}
article .services-boxes.gauche {float:left;margin-right:1em;}

article .service-box .titre {background:#2b4249;}
/* Composition *//* Footer (footer.css) *//* Fonts */



	
	@font-face {
		font-family: montserrat-light;
		src: url('https://alpins.fr/plugins/skel-slx/fonts/montserrat-light.eot');
		src: url('plugins/skel-slx/fonts/montserrat-light.eot?#iefix') format('embedded-opentype'),
		url('plugins/skel-slx/fonts/montserrat-light.woff2') format('woff2'),
		url('plugins/skel-slx/fonts/montserrat-light.woff') format('woff'),
		url('plugins/skel-slx/fonts/montserrat-light.ttf') format('truetype');
		font-weight:normal;
		font-style:normal;
	}
	body {font-family: montserrat-light;}
	
	
		
	


	
	
		
	


	
	
		
	


	
	
		
	


	
	
		
	


	
	
		
	









/*  Blockquote *//* Modeles (modeles.css) */

.flux {width:100%;}
.flux .un-flux {width:100%;margin:1em 0;}

section.colonne {padding:4em 0;}
section.colonne h2 {font-size:2em;padding:0 0 1em 0;text-align:center;}
section.colonne .colonnes {display:flex;flex-direction:row;justify-content:space-between;padding:0 1.5em;}
section.colonne .colonnes .colonne {flex-grow:1;padding:0 0.5em;text-align:center;}
section.colonne .colonnes .colonne h3 {text-align:center;}
section.colonne .colonnes .colonne img {margin:0 auto;}

/* Modèle Aplat */
section.aplat span {display:block;padding:1.5em 50px;color:#807f7f;font-size:18px;line-height:1.75em;text-align:justify;font-weight:300;}

/* Responsive */
@media screen and (max-width:700px) {

section.colonne {padding:1em 0;}
section.colonne .colonnes {flex-direction:column;}

}/* Images */