@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('http://www.silverlib.fr/fonts/CenturyGothic/stylesheet.css');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');/*'Open Sans', sans-serif;*/
@import url('http://www.silverlib.fr/fonts/bebas/stylesheet.css'); /* 'bebas_neueregular' */
@import url('http://www.silverlib.fr/fonts/FuturaLTBT/stylesheet.css'); /* FuturaLtBTLight */
/*Silver6 vertical mini slide */

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

/* styles basiques */
img {border:0}
h1 {font-family:'bebas_neueregular';letter-spacing:0.05em; font-size:27px;margin:0.625em 0 0.625em 0;color: #4E9338; text-align: center}
h2 {font-family:'bebas_neueregular';letter-spacing:0.05em;font-size:23px;margin:0.1875em 0 0.375em 0;color: #4E9338;}
h3 {font-size:16px;color:#000000;margin:5px -15px;padding:0.5em;background-color: #dadada;}

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


#integration p {font-size:15px;margin:0.75em 0; font-family: FuturaLtBTLight;}


/* listes */
#integration ul {margin:0;padding:0 0 0 1.5em;font-size:15px; font-family: FuturaLtBTLight;}/* 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:#349A34;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 #FFF;
	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 #FFF; font-size:15px;height:auto;padding:8px;vertical-align:middle;font-family: FuturaLtBTLight;
} /* 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{ color: #3e3e3e}
a:hover{ color: #3e3e3e}
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: 20.7em;
	margin:0.5em;
	float:left;
	padding:0.5em;
	background-color: #FFF;
}
.tiers {width:12.9em; margin:0.50em; float:left; background:#FFF;padding:0.5em;box-shadow: 4px 4px 8px #e9e9e9; border: #f4f4f4 solid 1px}
.tiers:hover {border: #ccc solid 1px; cursor: pointer}
.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: #bbd596;padding:0.5em;border-radius:6px; margin-bottom: 15px}
.bloc70{width:40em; margin:0.5em; float:left; background:#000}
.bloc30{width:11.16em; padding:0.5em; margin:0.5em; float:left; background:#fff}

/* Classes diverses */
#integration .texte-couleur{color: #4E9338}
#integration .texte-gros{font-size:19px}
.separation{border-top:1px solid #4E9338;width:95%;padding-bottom:1%;margin:auto;clear:both;margin-top:10px}
.separation2 {border-top:1px solid #4E9338;border-bottom:3px solid #4E9338;width:90%;padding-bottom:1%;margin:auto;clear:both;margin-top:10px}
.bordure{border:1px solid #4E9338}


/* Boutons de Contact de bas de page */
a .encart-contact{width: 20.7em; margin-top:0.5em; /*float:left; */ margin: auto; background-color:#4E9338;padding:0.1em}
a .encart-contact p{text-align:center;font-size:22px;color:#fff}
a .encart-contact:hover{ background-color: #4c6347;}

.thepet { background-color:#FFF}

.fondcolor { background-color:#f4f4f4}
.deplacement {text-indent:-1em}
.milieu { vertical-align: middle}
#integration div.infos-legales p, #integration div.infos-legales h2 { text-align:center}