@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('http://www.silverlib.fr/fonts/BankGothicLTBT/stylesheet.css'); /* BankGothicLtBTLight */
@import url('http://www.silverlib.fr/fonts/CenturyGothic/stylesheet.css'); /* CenturyGothicRegular */
@import url('http://www.silverlib.fr/fonts/dense/stylesheet.css'); /* denseregular */
@import url('http://www.silverlib.fr/fonts/hagin/stylesheet.css'); /* hagin_caps_thinregular */
/* 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:24px;margin:0.625em 0 0.625em 0; font-family:BankGothicLtBTLight; color:#fff; border-bottom:1px solid #032b35}
h2 {font-size:18px;margin:0.1875em 0 0.375em 0; font-family:BankGothicLtBTLight; color:#032b35; margin-top:1em}
h3 {font-size:17px;margin:0.125em 0 0.25em 0; font-family:BankGothicLtBTLight; color:#032b35}


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


/* 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 #555;font-weight:bold;font-size:14px} /* cellule d'entete. Selon la valeur se son parametre 'scope', couvre la ligne ou la colonne.*/
#integration td {border:0.0625em solid #888;font-size:14px} /* cellule normale. */

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

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


/* listes */
#integration ul li:before {}
#integration ul.decoliste li{ list-style-type:none;line-height:22px}
#integration ul.decoliste li:before { content: "\+ \ ";color:#032b35;font-size:18px; font-weight:bold}
#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 1em;
	font-size: 14px
}/* 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}


#integration a:link{
	color: #000;
	text-decoration:none
}
#integration a:hover{
	color: #65291F;
}
#integration 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: 25em;
	margin: 1em;
	float: left;
	padding: 0.5em;
	background-color: #fff;
	opacity: 0.6;
}
#demi2{
	opacity: 1;
	border-radius:6px;border:5px double #d1bfbd
}
.tiers {
	width: 10em;
	margin: 0.6em;
	float: left;
	background-color: #fff;
	opacity: 0.6;
	height: 14em;
}
.quarts {
	width: 10em;
	margin: 0.25em;
}
.quarts2{
	width: 13.5em;
	margin: 0.5em;
	float:left;
}

.bloc60{width:65%; margin:0.5em; float:left; }
.bloc40{width:30%; margin:0.5em; float:left;}
.bloc70{width:40em; margin:0.5em; float:left; }
.bloc30{width:16em; margin:0.5em; float:left; }
.bloc-centrer{
	width:auto;
	margin: auto;
	background-color: #032b35;
	padding:0.5em;
	border-radius:6px;
	border:5px double #d1bfbd;
	color:#fff;
	}
#integration .bloc-centrer p{color:#fff}
#integration .texte-couleur{
	color: #B56254
}
#integration .texte-gros{
	font-size: 20px
}
.separation{
	width: 90%;
	padding-bottom: 1%;
	margin: auto;
	clear: both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #60271d;
}
.bordure{
	border: 1px solid #999
}

/* Boutons de Contact de bas de page */
a .encart-contact{
	width: 17.2em;
	margin: 0.5em;
	float: left;
	background-color: #032b35;
	padding: 0.5em;
	box-shadow: 0px 0px 4px #333;
}
a .encart-contact2{
	width: 17.2em;
	margin: 0.5em;
	float: left;
	background: linear-gradient(to top, #cfcfcf, #ffffff);
	padding: 0.5em;
	box-shadow: 0px 0px 4px #333;
	border:1px solid #CCC
}
#integration a .encart-contact2 p{color:#032b35;font-size:20px;text-align:center}
#integration a .encart-contact p, #integration a .encart-contact h3{
	text-align: center;
	font-size: 20px;
	color: #FFFFFF
}
#integration a .encart-contact:hover p, #integration a .encart-contact:hover h3{color:#fff}

a .encart-contact:hover{ background-color: #032b35;}

.thepet { background-color:#FFF}


/* accordeon vertical */
.haccordion {
    width:90%;
    margin: 0 auto;
    max-width: 1200px;
}

.haccordion ul {
    list-style: none outside none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    padding-top:30px;
    padding-bottom: 30px;
}
.haccordion li {
    display: block;
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding:5px;
    padding-left:10px;
    width: 23%;
    

}
.haccordion li a div.hpanel {
    height: 100%;
    width: 100%;
    background: none repeat scroll 0 0 lightblue;
    padding: 5px;
}
.haccordion li a {text-decoration:none;}
.haccordion li a div.hpanel h3{ /**/margin:140px 0 0 0; background:rgba(255,255,255,0.7); padding:5px; font-family:BankGothicLtBTLight;  color:#000; font-size:14px;/*-ms-transform: rotate(-90deg); 
    -webkit-transform: rotate(-90deg); 
    transform: rotate(-90deg); width:180px; margin:65px 0 0 -80px*/}

img.ombre{box-shadow:0px 0px 4px #666666}

small{font-size:12px}

#fond{
	background-color: #032b35;
	color:#fff;
}
#marron{
	background-color: #032b35;
	visibilty:hidden;
}
#marron:hover{background-color:#032b35}


#transparent{background-color:transparent}

#largeur{width:700px;margin:auto}
#justifier{text-align:justify}