@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=Raleway');  /* font-family: 'Raleway', sans-serif; */
/* Silver6 vertical mini slide */
@import url('https://fonts.googleapis.com/css?family=Roboto');

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

/* styles basiques */
img {border:0}
h1 {    font-size: 28px;
    text-align: left;
    color: #1E750B;
   font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    margin: 15px 12px;
}
h2 {font-size:20px;margin:0.1875em 0 0.375em 0;color: #1E750B;font-family: 'Raleway', sans-serif;}

h3 {font-size: 1.2em;
color: #1E750B;
margin: 0.75em 0;
padding-left: 15px;
	;font-family: 'Raleway', sans-serif;
}

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


#integration p {font-size:14px;margin:0.75em 0;font-family: 'Roboto', sans-serif;font-family: 'Roboto', sans-serif;}
#integration a {color:#1E750B}

/* 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:#1E750B;font-size:18px; font-weight:bold}


.txt4 {
    color: #1E750B;
    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 */ 
a:link{}
a:hover{}
a:visited {}

/* 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: 20.7em;
	margin:0.5em;
	float:left;
	padding:0.5em;
}
.tiers {width:12.9em; margin:0.60em; float:left; color:#000;padding:0.5em;}
.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:auto;margin: auto;padding:0.5em;border-radius:6px;background-color:#eaeaea}
.bloc70{width:28.4em; margin:0.5em; float:left;padding:0.5em; }
.bloc30{width:11.16em; padding:0.5em; margin:0.5em; float:left; background:#fff}

/* Classes diverses */
#integration .texte-couleur{color: #a52941}
#integration .texte-gros{font-size:24px}
.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:0.5em; float:left; background-color:#a52941;padding:0.5em}
a .encart-contact p{text-align:center;font-size:22px;color:#fff}
a .encart-contact:hover{ background-color: #d6201f;}

.thepet { background-color:#FFF}
.center-block{display:block;margin:auto}

#galerie{width:500px;margin:auto}