@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('http://www.silverlib.fr/fonts/alegreya/stylesheet.css'); /* alegreyaregular */
@import url('http://www.silverlib.fr/fonts/FuturaLTBT/stylesheet.css'); /* FuturaLtBTLight */

/* CSS Silver-2 - globale 1 vertical*/

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

/* styles basiques */
img {border:0}
h1 {font-size:30px;margin:0.625em 0 0.325em 0; font-family:alegreyaregular; color:#FF3E2C; text-align:center; border-bottom:#FF3E2C solid 1px}
h2 {font-size:18px;margin:0.1875em 0 0.375em 0;color: #000;}
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:#FF3E2C;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}
.align-justify {text-align:justify}

 /* Liens texte */ 
a:link{ color:#000}
a:hover{color:#000}
a:visited {color:#000}

/* 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.60em; float:left; /*background:#999;*/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:43em;margin:auto;background-color:#FAFAFA;padding:0.5em;/*border-radius:6px*/ margin-bottom:15px; border:#CCC solid 1px}
.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:#a52941}
#integration .texte-gros{font-size:18px}
.separation{border-top:1px solid #000; width:100%;padding-bottom:0.5%;margin:auto;clear:both;margin-top:10px}
.separation2{border-top:1px solid #000;border-bottom:2px solid #000;width:10%;padding-bottom:0.5%;margin:auto;clear:both;margin-top:10px}
.bordure{border:1px solid #FFF}


/* 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}

#integration div.infos-legales p { text-align:center}
#integration div.infos-legales h2 { text-align:center}



/*#commentaires {width:100%}
#commentaires div { margin:0 auto; width:100%; height:150px}
#bt1{
	width:30px; 
	height:30px; 
	float:left;
	background:url(../charte/bt-slide.png) top left no-repeat; 
	text-decoration:none; 
	transition: all 0.3s ease 0s; 
	margin:10px 0 0 10px; 
	cursor: pointer;
	z-index:30
	}
#bt1:hover{background:url(../charte/bt-slide.png) bottom left no-repeat; transition: all 0.3s ease 0s;}
#bt2{
	width:30px; 
	height:30px; 
	float:left;
	background:url(../charte/bt-slide.png) -30px 0px no-repeat; 
	text-decoration:none; 
	transition: all 0.3s ease 0s;
	margin:10px 0 0 10px; 
	cursor: pointer;
	z-index:30
	}
#bt2:hover{background:url(../charte/bt-slide.png) -30px -30px no-repeat; transition: all 0.3s ease 0s;}*/