/*-------- CSS CHARTES VERSION 2.0 ------------ */

/*-------------------------------TOUT-------------------------------*/
@charset "UTF-8";

* {
	margin:0px;
	padding:0px;
}

html {
    font-size: 100%;
}

html, body {
	height:100%;
}

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

#photos	{
	position:absolute;
	margin-left:535px;
}

/*-------------------------------PREPAGE-------------------------------*/

#conteneur-prepage {
	width:100%;
	text-align:center;
}

#intro {
	width:700px;
	height:400px;
	margin:0px auto;
	padding-top:100px;
}

#texte-prepage {
	width:700px;
	margin:0px auto;
}

#texte-prepage a {
	color:#666666;
}

#texte-prepage a:hover {
	color:#000000;
	text-decoration:none;
}

#liens-prepage {
	width:700px;
	font-size:0.7em;
	color:#666666;
	text-align:center;
}

#liens-prepage ul {
	list-style:none;
	text-align:center;
}

#liens-prepage ul li {
	display:inline;
	margin-right:10px;
	text-align:center;
}

#liens-prepage ul li a {
	color:#666666;
}

#liens-prepage ul li a:hover {
	color:#000000;
	text-decoration:none;
}

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

#conteneur {
	width:900px;
	margin:0px auto;
	background-color:transparent;
}

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

#contenu {
	width:100%;
	overflow:hidden;
	background:url(../charte/fond-contenu.jpg) repeat-y top center;
}

#gauche {
	width:200px;
	height:544px;		/* Hauteur du template par dfaut */
	float:left;
	background:url(../charte/fond-gauche.jpg) no-repeat top center;
}

#gauche #navigation {
}

#centre {
	width:700px;		/* Mettre à 900px (ou largeur du template) pour un site horizontal */
	min-height:544px;	/* Hauteur du template par dfaut */
	_height:544px;		/* Hack IE Hauteur du template par dfaut */
	float:left;
	font-size:0.8em;
	background:url(../charte/fond-centre.jpg) no-repeat top center;
}

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

#logo-distributeur {
	position:absolute;
	margin-left:900px;
}

#liens-bas {
	width:100%;
	padding-top:70px;	/* A regler suivant la hauteur des coordonnées dans le fond */
	font-size:0.9em;
	color:#000000;
	text-align:center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#liens-bas a{
	color:#000000;
}
#liens-bas a:hover{
	color:#434300;
}


#liens-bas ul {
	list-style:none;
	text-align:center;
}

#liens-bas ul li {
	display:inline;
	margin-right:10px;
	text-align:center;
}

#liens-bas ul li a {
	color:#9F7A3A;
}

#liens-bas ul li a:hover {
	color:#000000;
	text-decoration:none;
}
.txt4 {
	font-style: italic;
	font-weight: bold;
	text-align: center;
}


/* ===== DEBUT DU CODE POUR LES ENCARTS - nouvelle version */
.encart, #integration .encart {
	border-left:1px solid black;border-right:1px solid black;
	padding:0 10px;
	margin-top:20px;
	margin-bottom:15px;
	background:url("../charte/degrade1.png") repeat-x top left #797;
	width:auto
}

.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) ===== */

/* modification d'encart: override des valeurs déclarées dans les encarts */
#integration .encart.fond {
	background-image:url('../charte/degrade2.png');
	background-color: #ed8a16;
	border-left:2px solid #a92619;border-right:2px solid #a92619;  /* la bordure augmente d'épaisseur: il faut donc modifier le padding ici, ou modifier les coins (ici c'est + facile) */
	padding:0 9px; /* padding par défaut des encarts: 10px à gauche et à droite, donc comme la bordure a pris 1px, on l'enlève ici */
	color:#a92619; }

.fond .avg,.fond  .avd,.fond  .apg,.fond  .apd {
	background-image:url('../charte/encart2.png');} /* nouvelle image de fond pour les bordures */
/* fin de la modification d'encart */

/* version liste horizontale */
.liste-horizontale .avg,.liste-horizontale .avd,.liste-horizontale .apg,.liste-horizontale .apd {background-image:url('../charte/encart2.png')}
.liste-horizontale .avg, .liste-horizontale .apg {width:100px;	/* BUG IE 8: il faut définir la même largeur ici que la largeur des LI. */
	left:-6px}
.liste-horizontale .avd, .liste-horizontale .apd {padding:0 6px;right:0;margin-right:-12px}

/* fin LH+encart */

/* modification d'encart 2: override des valeurs déclarées dans les encarts */
#integration .encart.ombre {
	background:url('../charte/degrade3.png') repeat-x bottom left #ed8a16;
	border:0;  /* la bordure réduite, on augmente donc le padding */
	padding: 0 11px;
	color:#a92619;
	margin-bottom:35px } /* cet encart a un élément*/

.ombre .avg,.ombre .avd,.ombre .apg,.ombre .apd {
	background-image:url('../charte/encart3.png');} /* nouvelle image de fond pour les bordures */
.ombre .apg,.ombre .apd {min-height:15px}
.ombre .apg {bottom:-15px}
/* fin de la modification d'encart 2 */

#integration ul.liste-horizontale {display:block;list-style:none;padding:0;text-align:center}
#integration ul.liste-horizontale > li {display:inline-block;width:100px;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 - SUITE: modifs pour liste horizontale avec bordures arrondies */
	background:url('../charte/degrade2.png') repeat-x top left #ED8A16;
	min-height:119px;
	border:0;
	border-left:2px solid #A92619;
	border-right:2px solid #A92619;
	padding:0 4px;
}
#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.liste-horizontale.galerie > li {margin-bottom:30px}
#integration ul.liste-horizontale.galerie > li > a {display:block;height:120px;overflow:hidden;width:100px;}
#integration ul.liste-horizontale.galerie > li img {max-height:120px}