@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/FranklinGothicDemiCond/stylesheet.css');*/
@import url('https://www.silverlib.fr/fonts/dense/stylesheet.css'); /* denseregular */
@import url('https://www.silverlib.fr/fonts/FuturaLTBT/stylesheet.css'); /* FuturaLtBTLight */


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

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

/* styles basiques */
img {border:0}
h1 {font-size:34px;margin:0.625em 0 0.625em ; font-family:denseregular; color:#fff; border-top:2px solid #fff; border-bottom:2px solid #fff; padding:10px 0px; text-align:center}
h2 {font-size:28px;margin:0.1875em 0 0.375em 0; font-family:denseregular; color:#004C98;}
h3 {font-size:16px;margin:0.125em 0 0.25em 0}


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


/* table - les balises apparaissent dans leur ordre normal d'ouverture (legend, thead et tfoot AVANT tbody) */
#integration table {border-collapse:collapse} /* element table - defaut: fusionne les bordures.*/
#integration th {border:0.0625em solid #E5E5E5;font-weight:bold; font-size:15px; font-family:FuturaLtBTLight; } /* cellule d'entete. Selon la valeur se son parametre 'scope', couvre la ligne ou la colonne.*/
#integration td {border:0.0625em solid #E5E5E5;font-size:15px; padding:0.4em; 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}
.justify {text-align: justify}


/* listes */
#integration ul li:before {}
#integration ul.decoliste { list-style-type:none}
#integration ul.decoliste li:before { content: "\• \ ";color:#004C98;font-size:16px}
#integration ul.liste-horizontale {display:block;list-style:none;padding:0;text-align:center}
#integration ul.liste-horizontale > li {display:inline-block;width:13em;border:1px solid #888;min-height:2.5em;margin:1em 1em;vertical-align:bottom} /* changer le % de largeur selon le nombre d'elements horizontaux desires, et la hauteur mini */

#integration ul {margin:0;padding:0 0 0 2.5em; font-size:15px; font-family:FuturaLtBTLight; }/* liste à puce */
#integration li {margin:0}/* element d'UL/OL */
#integration ul > li, #integration ol > li {list-style-image:none;}
#integration ul.droite,#integration ul.gauche {margin:0.5em 1em}


a.bouton {display:inline-block; margin:0.1875em;text-decoration:none;}
a.bouton:hover {background-image:none}


a:link{ color:#000}
a:hover{ color:#000}
a:visited { color:#000}


/* citations - insere des guillemets autour des citations */
blockquote {margin:0.7em;padding:0.2em 0.8em}
blockquote:after {display:inline-block;float:right;font-size:200%;margin:-0.8em -0.35em 0 0}
blockquote:before, cite:before {content:' " ';font-style:normal}

.demi {width:22.8em;/*width:25em;*/ height:13.5em;margin:2em; float:left; /*background:#000*/ border:#999 dotted 1px; padding:1em}
.tiers {width:18.133333em; margin:0.60em; float:left; background:none}
.quarts {width:14em; margin:0.25em; float:left; background:none}
.bloc60{width:34em; margin:0.5em; float:left; /*background:#000*/}
.bloc40{width:21.2em; height:21em; margin:0.5em; float:left;background-color:#D1CFCF; border:#E5E5E5 double 6px}
.bloc70{width:40em; margin:0.5em; float:left; background:#000}
.bloc30{width:16em; margin:0.5em; float:left; background:#000}
.bloc-centrer{width:50em;margin: auto;background-color:#D1CFCF;padding:0.5em;/*border-radius:6px*/ border-bottom:#004C98 solid 1px; border-top:#E5E5E5 double 4px; margin-bottom:15px}

#integration .texte-couleur{color:#004C98}
#integration .texte-gros{font-size:18px}
#integration .texte-gros2{font-size:22px}
.separation{border-top:1px solid #999; width:98%; margin:auto;clear:both; }
.separation2{border-top:1px solid #004C98;border-bottom:2px solid #004C98;width:30%;padding-bottom:0.5%;margin:auto;clear:both;margin-top:10px}
.bordure{border:1px solid #004C98}

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

/* vignette presentation rubrique */
.presentation { width:224px; height:224px;overflow:hidden;position:relative; }
.infors {background-color:#004C98;bottom:0; opacity:0;filter: alpha(opacity = 0);position:absolute;width:100%; height:100%;z-index:1000; cursor:pointer}
.infors p { padding-left:20px; padding-right:20px; color:#FFF }
.presentation:hover .infors {opacity:0.80;filter: alpha(opacity = 75);transition:opacity 0.25s;-moz-transition:opacity 0.25s;-webkit-transition:opacity 0.25s;}

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