@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/CenturyGothic/stylesheet.css');
/* CSS Silver-2 - globale 1*/

body {
	background:url(../charte/fond-page.jpg) repeat-x top center #F3F4D4;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size: 100%;
}

/* styles basiques */
img {border:0}
h1 {font-size:28px;margin:5px 0 10px 0; font-family:CenturyGothicRegular; color:#F82C64; text-shadow:1px 1px 0px #fff}
h2 {
	font-size: 20px;
	margin: 3px 0 6px 0;
	font-family: CenturyGothicRegular;
	color: #F82C64;
	text-shadow: 1px 1px 0px #fff;
}
h3 {
	font-size: 13px;
	margin: 3px 0 6px 0;
	font-family: CenturyGothicRegular;
	color: #F82C64;
	text-align: center;
}
p {font-size:14px;margin:2px 0 2px 0}
/*-------------------------------PREPAGE-------------------------------*/

#conteneur-prepage {
	text-align:center;
	margin:0px auto;
	font-size:0.8em;
	width:960px;
	height:450px;
	padding:0;
}

body.prepage {background-image:url(../charte/fond-page-intro.jpg); margin:0px auto;}

/*-------------------------------INTEGRATION-------------------------------*/
#integration p {
	margin: 0.75em 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	text-align: justify;
}

/* listes */
#integration ul {margin:0;padding:0 0 0 2.5em; font-size:14px}/* liste à puce */
#integration ol {margin:0;padding:0 0 0 2.5em; font-size:14px}/* liste numerotee */
#integration li {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	list-style-type: square;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
}/* element d'UL/OL */
#integration dl {}/* liste de definitions */
#integration dt {}/* titre de definition */
#integration dd {}/* definition */

/* table - les balises apparaissent dans leur ordre normal d'ouverture (legend, thead et tfoot AVANT tbody) */
#integration table {border-collapse:collapse;border:1px solid black} /* element table - defaut: fusionne les bordures.*/
#integration caption {} /* legende de table */
#integration thead {} /* bloc d'en-tete de table, peut contenir 1 ou plusieurs TR. Unique par table. */
#integration tfoot {} /* bloc de pied de table, peut contenir 1 ou plusieurs TR. Unique par table. */
#integration tbody {} /* bloc corps de table, peut contenir 1 ou plusieurs TR. Il peut y en avoir plusieurs par table, le tracé de colonne est indépendant par tbody. */
#integration th {border:1px solid #555;font-weight:bold} /* cellule d'entete. Selon la valeur se son parametre 'scope', couvre la ligne ou la colonne.*/
#integration td {border:1px solid #888} /* cellule normale. */

/* positionnement */
#integration .centre, .centre {margin:auto}
.gauche {float:left}
.droite {float:right}
.clear {clear:both;}
/* alignement du texte */
#integration .centrer{text-align:center}
.align-gauche {text-align:left}
.align-droite {text-align:right}

#haut {
	font-size:0.8em;
}

/* classes courantes */
.encart {
	border: 1px solid #888;
	padding: 5px 10px;
	width: 60%
} /* modifier les parametres de l'encart en fonction du rendu desire */

.liste-nue {list-style:none;padding:0}

#integration ul.liste-horizontale {display:block;list-style:none;padding:0;text-align:center}
#integration ul.liste-horizontale > li {display:inline-block;width:22%;border:1px solid #888;min-height:40px;margin:3px 5px;vertical-align:bottom} /* changer le % de largeur selon le nombre d'elements horizontaux desires, et la hauteur mini */

#integration ul.liste-horizontale.sommet > li {vertical-align:top}
#integration ul.liste-horizontale.grand > li {min-height:140px}

#integration ul.decoliste > li {
	list-style-image: url('../charte/puce.png');
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
}
#integration ul > li, #integration ol > li {list-style-image:none;}

#integration ul.droite,#integration ul.gauche {margin:0.5em 1em}

.pair {background-color:#ccc}
thead .pair {background-color:#000;color:#fff}
.impair  {}

.bouton {border:1px solid #333;margin:0.2em;background:url('../charte/degrade.png') repeat-x #ccc}
a.bouton {display:inline-block; margin:3px;text-decoration:none;}
a:link {
	color: #000;
}

a.bouton:hover {background-image:none}



/* citations - insere des guillemets autour des citations */
blockquote {margin:0.7em;padding:0.2em 0.8em}
blockquote:before {display:block;float:left;font-size:200%;margin-left:-0.35em}
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}
blockquote:after,cite:after {content:' " ';font-style:normal}
small {
	font-size: 11px;
}
.bordure {
	border: 3px solid #a4ce4d;
}
.encart2 {
	padding: 5px;
	height: 220px;
	width: 210px;
	background-image: url(../images/encart2.png);
}
.encart2:hover {
	background-image: url(../images/encart2-hover.png);
}

.encart2 p{
	padding: 5px;
}
.encart2:hover h3{
	color:#fff;
}

#integration .txt-important{
	color: #F82C8B;
	background-color: #FFF;
	padding: 6px;
	font-size: 16px;
}
#integration .centrer, #integration div.centrer p {text-align:center}.encart-gauche {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
	padding-right: 15px;
}



.encart3 {
	padding: 5px;
	height: 170px;
	width: 160px;
	background-image: url(../images/encart3.png);
	margin-left: 15px;
}
.encart3:hover {
	background-image: url(../images/encart3-hover.png);
}

.encart3 p{
	padding: 5px;
	text-align: left;
}
.encart3:hover h3{
	color:#fff;
}



.encart4 {
	padding: 5px;
	height: 190px;
	width: 160px;
	background-image: url(../images/encart4.png);
	margin-left: 15px;
}
.encart4:hover {
	background-image: url(../images/encart4-hover.png);
}

.encart4 p{
	padding: 5px;
	text-align: left;
}
.encart4:hover h3{
	color:#fff;
}
.encart-arbre {
	height: 200px;
	width: 600px;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 160px;
	background-image: url(../images/encart-arbre.png);
}