@charset "utf-8";
/*-------- CSS CHARTES VERSION 3.0 ------------ */
/* 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');

/* CSS Silver-1 - global statique, V 1.1 */

html {margin:0;padding:0}
body {margin:0;padding:0}

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

/* styles basiques */
img {border:0}
h1 {
	font-size:30px;
	font-family:FranklinGothicDemiCondRegular;
	color: #454A58;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}
h2 {
	font-size:24px;
	margin:3px 0 6px 0;
	font-family:FranklinGothicDemiCondRegular;
	color: #454A58;
	text-align: center;
}
small {
	font-size: 11px;
}

h3 {font-size:14px;margin:2px 0 4px 0}
p {font-size:12px;margin:2px 0 2px 0}
/*-------------------------------PREPAGE-------------------------------*/

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

body.prepage {background-image:url(../charte/fond-page-intro.jpg)}

/*-------------------------------CHARTE-------------------------------*/

#conteneur	{
	width:960px;
	margin:0px auto;
	background:url(../charte/fond-conteneur.jpg) repeat-y top center;
}

#en-tete	{
	height:250px;
	background:url(../charte/fond-en-tete.jpg) no-repeat top center;
}

#navigation	{
/* dans le cas où le bloc 'navigation' est inutilisé, décommenter la ligne suivante */
	/* display:none; */
	width:200px;
	padding:0;
	margin:0;
	min-height:470px;
	float:left;
	background:url(../charte/fond-navigation.jpg) no-repeat top center;
	z-index:3;
}

.blocsousnav {float:left;clear:left}

#navigation > li {margin-left:30px}

#navigation .horsnav {
	position:absolute;
	margin-left:0;
	top:auto;
}

#integration	{
	width:740px;
	min-height:470px;
	float:left;
	background:url(../charte/fond-integration.jpg) no-repeat top center;
	padding-top: 25px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#pied	{
	height:70px;
	clear:left;
	background:url(../charte/fond-pied.jpg) no-repeat top center;
}
#pied p {font-size:80%;text-align:center}
#pied ul	{
	text-align:center;
}
#pied ul li	{
	display:inline;
	margin:5px;
}
#pied ul li a	{
	color:#ccc;
}
#pied ul li a:hover	{
	color:#ff0000;
	text-decoration:none;
}

div#logo-distributeur > a {text-decoration:none;display:block;width:60px;height:80px;background:none no-repeat top left transparent;float:right;margin-right:-60px;}
span#logo-distributeur > a {text-decoration:none;display:inline;display:inline-block;width:88px;height:31px;background:none no-repeat top left transparent;vertical-align:top}
div#logo-distributeur > a.distal {background-image:url('../charte/logo-al.png')}
div#logo-distributeur > a.distar {background-image:url('../charte/logo-ar.png')}
div#logo-distributeur > a.distco {background-image:url('../charte/logo-co.png')}
div#logo-distributeur > a.disteo {background-image:url('../charte/logo-eo.png')}
div#logo-distributeur > a.distsi {background-image:url('../charte/logo-si.png')}
span#logo-distributeur > a.distal {background-image:url('../charte/lien-al.gif')}
span#logo-distributeur > a.distar {background-image:url('../charte/lien-ar.png')}
span#logo-distributeur > a.distco {background-image:url('../charte/lien-co.png')}
span#logo-distributeur > a.disteo {background-image:url('../charte/lien-eo.png')}
span#logo-distributeur > a.distsi {background-image:url('../charte/lien-si.png')}

#liens-referencement {font-size:11px;text-align:center}
#liens-referencement a {color:#0000FF}

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

/* listes */
#integration ul {margin:0;padding:0 0 0 2.5em}/* liste à puce */
#integration ol {margin:0;padding:0 0 0 2.5em}/* liste numerotee */
#integration li {
	margin:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}/* 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;
} /* 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 {
} /* 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}

#haut {
	font-size:0.8em;
}

/* ===== DEBUT DU CODE POUR LES ENCARTS - nouvelle version */
.encart, #integration .encart {
	padding:0 10px;
	margin-top:20px;
	margin-bottom:15px;
	width:auto;
	background-color: #dee0e4;
	background-image: url(../charte/degrade1.png);
	background-repeat: repeat-x;
	background-position: left top;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #3a4154;
	border-left-color: #3a4154;
	color: #60677A;
}

.avg, .avd, .apg, .apd {display:block;background:none no-repeat top left transparent;
	min-height:7px; 										/* MODIF: hauteur minimale désirée */
	background-image:url('../charte/encart1.png');}			/* MODIF: nom du fichier image de fond */
.avg, .apg {position:relative;width:100%;
	left:-11px;} 											/* MODIF: calage à gauche des bords, égal à border+padding de l'encart */
.avd, .apd {width:0;background-position:top right;float:right;
	margin-right:-22px; 									/* MODIF: calage à droite (faire calage à gauche d'abord!), (border+padding)*2 de l'encart  */
	padding:0 11px;}										/* MODIF: épaisseur du coin droit */
.avg {top:-7px}												/* MODIF: calage de la bordure supérieure */
.apg {background-position:bottom left;
	font-size:1px;line-height:1px;
	bottom:-7px;}											/* MODIF: calage de la bordure inférieure */
.apd {background-position:bottom right;
	margin-left:100%;float:none} /* fix IE 8 si encart est flotté */
/* ===== FIN CODE ENCART - nouvelle version (base) ===== */


#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');}
#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.bouton:hover {background-image:none}

a:visited {
	color:#000000
}
a:link {
	color: #000000;
}
a:hover {
	color: #60697A;
}


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


@media screen {#integration .invisible {display:none}
#integration hr.invisible {display:block;visibility:hidden;margin:0;border:0;padding:0;line-height:1px}
}
.txt-blanc {
	color: #FFFFFF;
}
.bordure {
	border-top-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #646C7E;
	border-right-color: #646C7E;
	border-bottom-color: #646C7E;
	border-left-color: #646C7E;
}
#tampon{
	position:absolute;
	margin-left: 940px;
	margin-top: 250px;
	z-index:0;
}