@charset "utf-8";
/* Police embarquée - décommenter le paragraphe suivant et changer les noms et chemins pour ceux de la police voulue */
@import url('https://www.silverlib.fr/fonts/CenturyGothic/stylesheet.css');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');/*'Open Sans', sans-serif;*/
@import url('https://www.silverlib.fr/fonts/ErasBD/stylesheet.css'); /* 'ErasBoldITCRegular' */
/*Silver6 vertical mini slide */

body {
	font-family:Arial, Helvetica, sans-serif;
	color:#3e3e3e;
	font-size: 100%;
}

/* styles basiques */
img {border:0}
h1 {font-family:'ErasBoldITCRegular';color:#F46F22;font-size:24px;margin:0.625em 0 0.625em 0}
h2 {font-family:'ErasBoldITCRegular';color:#F46F22;font-size:18px;margin:0.1875em 0 0.375em 0;}
h3 {font-size:16px;color:#000000;margin:5px -15px;padding:0.5em;background-color: #dadada;}

/*-------------------------------INTEGRATION-------------------------------*/


#integration p {font-size:14px;margin:0.75em 0;}


/* listes */
#integration ul {margin:0;padding:0 0 0 1.5em; font-size:14px}/* liste à puce */
#integration li {margin:0;list-style-type: none;}/* element d'UL/OL */

/* Utilisation de li:before, pseudo-élément permettant de styliser une puce sans image */
#integration ul li:before {}
#integration ul.droite,#integration ul.gauche {margin:0.5em 1em}

#integration ul.decoliste { list-style-type:none}
#integration ul.decoliste li:before { content: "\■ \ ";color:#F46F22;font-size:18px; font-weight:bold}


#integration ul.liste-horizontale {list-style:none;padding:0;text-align:center}
#integration ul.liste-horizontale > li {display:inline-block;min-height:2.5em;margin:0.5em;vertical-align:bottom} /* changer le % de largeur selon le nombre d'elements horizontaux desires, et la hauteur mini */


/* table - les balises apparaissent dans leur ordre normal d'ouverture (legend, thead et tfoot AVANT tbody) */
#integration table {
	border-collapse:collapse;
	border:1px solid #999;
	width:100%
} /* element table - defaut: fusionne les bordures.*/
#integration th {/*border:0.0625em solid #999;*/font-weight:bold;font-size:14px;background-color: #2b5a8e;color:#fff;padding:2px} /* cellule d'entete. Selon la valeur se son parametre 'scope', couvre la ligne ou la colonne.*/

#integration td {
	border:0.1em solid #999; font-size:14px;text-align:center;height:auto;padding:2px;vertical-align:middle
} /* cellule normale. */

/* positionnement */
#integration .centre, .centre {margin:auto}
.gauche {float:left}
.droite {float:right}
.clear {clear:both;}

/* Alignement du texte */
.centrer {text-align:center}
.align-gauche {text-align:left}
.align-droite {text-align:right}


 /* Liens texte */ 
#integration a:link{color:#3e3e3e}
#integration a:hover{color:#333}
#integration a:visited {color:#3e3e3e}

/* Citations - insère des guillemets autour des citations */
blockquote {margin:0.7em;padding:0.2em 0.8em;quotes :  "«" "»";}
blockquote:before {display:block;float:left;font-size:500%;margin-left:-0.35em;content:open-quote}
blockquote:after {display:inline-block;float:right;font-size:500%;margin:-0.8em -0.35em 0 0;content:close-quote}


/* Encarts */
.demi {
	width: 21.7em;
	margin:0.5em;
	float:left;
	
}
.tiers {width:12.9em; margin:0.60em; float:left; padding:0.5em; height:12em}
.quarts {width:9.8em; margin:0.25em; float:left; background:#222222;color:#fff;padding:0.5em;height:auto}
.bloc60{width:27em; margin:0.5em; float:left; padding:0.5em}
.bloc40{width:14em; margin:0.5em; float:left; background:#fff;padding:0.5em}
.bloc-centrer{width:43em;margin: auto;background-color: #dedede;padding:0.5em;border-radius:6px}
.bloc70{width:22em; margin:0.5em; float:left;}
.bloc30{width:20em; padding:0.5em; margin:0.5em; float:left; background:#fff}

/* Classes diverses */
#integration .texte-couleur{color: #F46F22}
#integration .texte-gros{font-size:20px; border-bottom:2px dotted #58595b; padding-bottom:10px}
.separation{border-top:1px solid #a52941;border-bottom:3px solid #a52941;width:90%;padding-bottom:1%;margin:auto;clear:both;margin-top:10px}
.bordure{border:3px dotted #C00}


/* Boutons de Contact de bas de page */
a .encart-contact{width: 20.7em; margin:auto;  background-color:#fff;padding:0.5em; border:3px double #F46F22}
#integration a .encart-contact p, #integration a .encart-contact2 p{text-align:center;font-size:18px;color:#F46F22}
a .encart-contact:hover, a .encart-contact2:hover{ background-color: #dedede;}


a .encart-contact2{width: 12.5em;float:left; margin:0.5em;  background-color:#fff;padding:0.5em; border:3px double #F46F22}






.thepet { background-color:#FFF; }

.fas, .far{color:#F46F22}

.tampon{background-color:#F46F22;padding:0.5em; width:10em;height:10em; border-radius:50%; margin:auto; border:3px solid #fff; box-shadow:0px 0px 4px 5px #ccc}

#integration .tampon p{font-size:20px;text-align: center; color:#fff; font-weight: bold; padding-top:2em}