/* #PRODUIRE{fond=css/aranoa.spip.css}
   md5:e5999f2d38aa8b12997b1e7196028084 */
/********************************************
 * Personnalisation du thème html5up_story
 *
 *Seuil des responsives
* - 1680px
* - 1280px
* - 980px
* - 840px
* - 736px
* - 480px
*
 **********************************************/


/* Correctif html5up_TXT - SPIP
-----------------------------------------------*/

/* open-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('https://www.ruchers.tigoo-miel.com/plugins/aranoa/polices/open-sans-v35-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('https://www.ruchers.tigoo-miel.com/plugins/aranoa/polices/open-sans-v35-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('https://www.ruchers.tigoo-miel.com/plugins/aranoa/polices/open-sans-v35-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 500;
  src: url('https://www.ruchers.tigoo-miel.com/plugins/aranoa/polices/open-sans-v35-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('https://www.ruchers.tigoo-miel.com/plugins/aranoa/polices/open-sans-v35-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('https://www.ruchers.tigoo-miel.com/plugins/aranoa/polices/open-sans-v35-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* Redéfinition des polices de caratères pour meilleure visibilité */

html {
		font-size: 20pt;
	}

		@media screen and (max-width: 1680px) {

			html {
				font-size: 16pt;
			}

		}

		@media screen and (max-width: 1280px) {

			html {
				font-size: 14pt;
			}

		}

		@media screen and (max-width: 736px) {

			html {
				font-size: 13pt;
			}

		}

		@media screen and (max-width: 360px) {

			html {
				font-size: 12pt;
			}

		}

/* Force les margin du body à 0 */
body {
	margin:0
	}
	
/* modificatoin du style du renvoi à l'Accueil */
.spip_logo_site a, .spip_logo_site a:hover { text-decoration:none;}

/* Correction petit bug template Story */
#wrapper > .wrapper.style2.invert > .inner {
    background-color: inherit;
}

/* Barre admin spip  */
#spip-admin {bottom: 0;top: auto; z-index: 1001;}


/* Le portfolio */
#documents_portfolio {
	display	: flex;
	flex-direction: row ;
	flex-wrap: wrap;
}

#documents_portfolio h2 {
	flex: 0 0 100%;
}

#documents_portfolio ul li {
	display:inline;
}

#documents_portfolio ul li {
    list-style: none; padding: 0; 
}

/* Les formulaires */

.formulaire_spip {
		padding: 0 6rem;	}

		@media screen and (max-width: 1680px) {

			.formulaire_spip {
				padding: 0 4rem;
			}

		}

		@media screen and (max-width: 1280px) {

			.formulaire_spip {
				padding: 0 2rem;
			}

		}

		@media screen and (max-width: 736px) {

			.formulaire_spip {
				padding: 0 1rem;
			}

		}

		@media screen and (max-width: 360px) {

			.formulaire_spip {
				padding: 0 0rem;
			}

		}

.formulaire_spip label {
	text-transform: none;
}

.formulaire_spip .editer {
    margin: 0;
}

form {
    margin: 0;
}

.formulaire_spip .choix label {
   padding-left: 2.4rem;
   padding-right: 0.75rem;
}

.formulaire_spip .label {
    padding: 4px 0;
    font-size: 120%;
    font-weight: 700;
}

.formulaire_spip ul {
	list-style: none;
}

 /* Les tableaux */
table.spip td {
    border: 1px solid #e5e5e5;
}

/* Ajout icône à droite du bouton  */

.icon.solid:after {
    font-weight: 900;
}

input[type="submit"].icon:after, input[type="reset"].icon:after, input[type="button"].icon:after, button.icon:after, .button.icon:after {
    margin-left: 0.5rem;
}

.icon:after {
    line-height: inherit;
}

.icon:after {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    text-transform: none !important;
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
}

.af-arrow-right:after {
    content: "\f061"
}




	
