@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.0 */

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

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

/* styles basiques */
img {border:0}
h1 {font-size:18px;margin:5px 0 10px 0}
h2 {font-size:16px;margin:3px 0 6px 0}
h3 {font-size:14px;margin:2px 0 4px 0}
p {font-size:12px;margin:2px 0 2px 0}
a {color:#FFFFFF}
/*-------------------------------PREPAGE-------------------------------*/

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

body.prepage { background-image:none;
background-color:#FFFFFF}

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

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



#en-tete	{
	height:235px;
	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:960px;
	padding:0;
	margin:0;
	min-height:104px;
	float:left;
	background:url(../charte/fond-navigation.jpg) no-repeat top center;
}

.blocsousnav {float:left;clear:left}

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

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

#integration	{
	padding:5px 10px;
	width:743px;
	min-height:470px;
	float:left;
	background:url(../charte/fond-integration.jpg) no-repeat top center;
}

#module {
width:197px;
min-height:470px;
float:left;
background:url(../charte/fond-module.jpg) no-repeat top right;
}


#pied	{
	height:70px;
	clear:left;
	background:url(../charte/fond-pied.jpg) no-repeat top center;
}
#pied p {font-size:10px;text-align:center}
#pied ul	{
	text-align:left;
}
#pied ul li	{
	display:inline;
	font-size:10px;
}
#pied ul li a	{
	color:#fff;
		text-decoration:none;
}
#pied ul li a:hover	{
	color:#000;
	text-decoration:none;
}
#logo-distributeur	{
	float:right;margin-right:-60px;
}

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

/*-------------------------------INTEGRATION-------------------------------*/
#integration p {margin:0.75em 0;}

/* 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}/* 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 */
.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;background-color:#109C2F;padding:5px 10px;width:40%} /* modifier les parametres de l'encart en fonction du rendu desire */
.encart1 {border:1px solid #888;background-color:#109C2F;padding:5px 10px;width:30%; height:150px}
/* classes courantes */

/* ===== 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: #2DB432;
	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:#fff; }

.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: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('../img/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:#fff}

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















/* classes des modules */

/* module Contact */
fieldset.modcontact > p > label {display:inline-block;width:40%;text-align:right;padding-right:0.2em;vertical-align:top}
fieldset.modcontact > p > input, fieldset.modcontact > p > select, fieldset.modcontact > p > textarea {display:inline-block;max-width:50%}

/* actu en pleine page */
#integration ul.modactu {padding:0}
#integration ul.modactu > li {border:1px solid #fff; border-radius:5px; list-style:none; -moz-border-radius:5px;margin:5px 15px;min-height:160px;padding:2px 8px}
ul.modactu > li > h2 {margin:2px 0 0 5px;}
ul.modactu > li > div {}
ul.modactu > li > img {max-width:160px;max-height:120px;display:block;margin:5px 10px}
ul.modactu > li > p.clear {margin-bottom:15px;text-align:right}

/* actu en bloc latéral */
ul.modactu.encart {display:block;position:absolute;top:180px;margin-right:-700px;border:1px solid orange;width:200px;padding:0}
ul.modactu.encart > li {display:block;margin:0}

/* ecommerce - rubriques*/
#integration ul.modecom.liste-horizontale > li {border:0;height:280px;max-height:280px;vertical-align:top;width:200px}
ul.modecom.liste-horizontale > li > h2 {margin:0}
ul.modecom.liste-horizontale > li > a > img {max-width:180px;max-height:180px;display:block;margin:2px auto} 
/* ecommerce - produits */
#integration ul.modecom {padding:0}
#integration ul.modecom > li {border:2px solid #acf; border-radius:5px; list-style:none; -moz-border-radius:5px;margin:5px 15px;min-height:160px;padding:2px 8px}
ul.modecom > li > h2 {margin:2px 0 0 5px;color:#316AA7}
ul.modecom > li > h2 > a {color:#316aa7;text-decoration:none}
ul.modecom > li > h3 {color:#000033;float:left;margin-top:2px}

ul.modecom > li > div {color:#555}
ul.modecom > li > img {max-width:160px;max-height:120px;display:block;margin:5px 10px}
ul.modecom > li > p.clear {margin-bottom:15px;text-align:right}
ul.modecom > li > p.clear > a {text-decoration:none;}
ul.modecom > li > p.clear > input {text-align:right;margin:0 3px 0 3px}
ul.modecom.liste-horizontale > li > a.bouton {display:block; margin:3px;text-decoration:none;color:white}

/* ecommerce - details */
div.modecom > img {max-width:33%;margin:5px}

#integration ul.modecom > li.promo {border:2px solid #ff9966}
#integration ul.modecom > li.coeur {border:2px solid #f33}

/* ecommerce - generique */
.promo h2 {background:url('../images/promo.png') no-repeat center right #FF9966;}
.coeur h2 {background:url('../images/coeur.png') no-repeat center right#FF3333;}
.modecom ins {color:#000066;font-size:120%;text-decoration:none;font-weight:bold;background-color:#ff9966;padding:3px;border-radius:3px;-moz-border-radius:3px}
.modecom del {color:#000011;font-size:90%;}

.pagination {text-align:center;font-family:sans-serif;font-size:120%}

/* module galerie */
ul.modgal {display:block;width:342px;padding:1px 0;border-top:2px solid black;margin:5px auto}
ul.modgal li {display:block;float:left;width:100px;height:70px;border:1px solid #888;margin:3px;padding:3px;text-align:center;-moz-border-radius:5px}
.modgal img {background-color:red;border:0;margin:5px 0;display:inline-block}
.modgal a {display:block;width:100%;height:100%;text-decoration:none;color:silver;background-color:black}
.modgal a:hover {display:block;width:100%;height:100%;text-decoration:none;color:white;background-color:silver}

ul.modgal.album {width:430px}
ul.modgal.album li {width:200px;height:70px}
.modgal.album img {float:left;margin:5px}

/* module garage */

ul.modgarage {display:table;padding:20px;border:1px solid black;-moz-border-radius:15px; border-radius:15px}
ul.modgarage>li {display:table-row}
ul.modgarage>li>strong,ul.modgarage>li>span {display:table-cell;width:40%;padding:2px 3px}
ul.modgarage>li>strong {text-align:right}
ul.modgarage>li>span {text-align:left}

table.modgarage {border:0;border-collapse:collapse;border-spacing:0;text-align:center}
table.modgarage thead {background:red;color:white}
table.modgarage thead a {display:inline-block;width:100%;text-decoration:none;font-weight:bold;color:white}
table.modgarage thead img {float:right;border:0;width:6px;height:12px;margin:5px 3px}
table.modgarage tbody th, table.modgarage tbody td {border:1px solid silver;min-width:80px} 
table.modgarage tbody img {width:80px;min-height:30px;background:blue;display:block;border:0}

form.modgarage {background-color:silver;margin-bottom:10px}
form.modgarage p {margin:0}

/* module immo */
form.modimmo {background-color:silver;margin:0 0 10px 0}
#integration ul.modimmo {border:1px solid black;list-style-type:none;padding:0;width:600px}
ul.modimmo h3 {}
ul.modimmo li {border-bottom:1px dotted black;min-height:150px}
ul.modimmo img {display:inline-block;margin:10px;border:0;min-width:90px;min-height:60px;background:url('immo-defaut.png') no-repeat center red}

dl.modimmo,dl.modgarage {display:block}
dl.modimmo > dt,dl.modgarage > dt {vertical-align:top;display:inline-block;width:30%;text-align:right;padding-right:0.2em;font-weight:bold}
dl.modimmo > dd,dl.modgarage > dd {vertical-align:top;display:inline-block;width:60%;text-align:left;margin-left:0;padding-left:0}

#integration ul.liste-horizontale.modimmo {border:0}
#integration ul.liste-horizontale.modimmo > li {width:auto;min-width:0;height:auto;min-height:0;border:0}

/* modifications pour versions imprimées */
@media print {ul.modgal {width:90%}
	ul.immobilier {width:640px;margin:0;border:0}
	ul.modgarage {display:block;width:100%;padding:0;margin:0}
    ul.modgarage>li {display:block;width:48%;margin:0;float:left;border-bottom:1px dotted silver}
    ul.modgarage>li>strong,ul.modgarage>li>span {display:block;margin-right:2%;float:left}
    ul.modgarage>li>strong {width:36%;font-weight:normal}
    ul.modgarage>li>span {width:58%;font-family:sans-serif}
	#navigation {display:none;}
	#integration {width:100%}
}

@media screen {#integration .invisible {display:none}
#integration hr.invisible {display:block;visibility:hidden;margin:0;border:0;padding:0;line-height:1px}
}




.bordure {
	border: 1px solid #76AA08;
}
A.vertical {
	DISPLAY: block;
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	COLOR: #FFFFFF;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	padding: 5px 0px 0px 3px;
	width: auto;
	height: 35px;
	background-color: #08740E;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #003300;
	border-left-color: #003300;
}
A.vertical:hover {
	COLOR: #003333;
	BACKGROUND-COLOR: #F8C305;
}
.titre {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-attachment: fixed;
	background-image: url(../img/fond_titre.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border: 1px solid #FFFFFF;
	font-style: italic;
}
.important {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FF9900;
}
div#integration, {font: 1.1em "Trebuchet MS"; color:#ECE9D8; padding: 10px;}
.element_centrer {text-align: center;}
.element_liste {list-style-image: url(/img/puce.jpg);}
.element_liste li { margin-bottom:4px; margin-left:10px;}
.element_flottant_droite {float: right;}
.element_flottant_gauche {float: left;}
#up {padding: 0px 15px 0px 150px;font-size: 0.8em;color: #2B628E;font-family:tahoma;text-align: left;float: right;}
a{color:#ffffff;}
a:hover{color:#d2fe93;}
h1 {letter-spacing: 6px;font-size:1.5em; text-decoration:underline; color:#FFFFFF}
h3 {letter-spacing: 8px;font-size:1.2em; border-bottom:1px dashed; color:#FFFFFF}
h4 {letter-spacing:5; font-size:1.1em; text-decoration:underline;}
hr { clear:both; color:#666666;}
div#encart { display:block; border:1px solid #fff; width:400px; margin-left:250px; padding:10px;}