/* ####################################################################### */
/* ########  Feuille de style définisant l'affichage par defaut  ######### */
/* ####################################################################### */

body {
	margin: 0;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background:  url(../../images/fond.jpg) #E2E4D7 repeat-x;
	overflow-left : hidden;
}

img {
	border: none;
}

#conteneur {
	position: relative;
	width: 828px;
	margin-left: -414px;
	left: 50%;
	border: 0px solid gray;	
}

a {
	position: relative;
	z-index: 500;
}

/* ####################################################################### */
/* ####################################################################### */
/* ####################################################################### */
/* ENTETE */

#entete {
	position: relative;
	z-index: 0;
	width: 828px;
	height: 95px;
	border: 0px solid gray;
	background: url(../../images/entete.gif) bottom no-repeat;
/*	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',src='images/entete.png', sizingMethod='scale');*/	
}
#entete[id] {
	
}

#entete h1 {
	position: relative;
	float: left;
	width: 130px;
	top: 40px;
	left: 30px;
	font-family: Verdana, Arial, Helvetica;
	text-align: center;
    font-size: 10pt;
    font-weight: bold;
	color: #FBEFD1;	
} 

#entete h2, #entete h3 {
	display: none;
}

#entete h2 span, #entete h3 span {
	display: none;	
}

/* FIN ENTETE */
/* ####################################################################### */
/* ####################################################################### */
/* ####################################################################### */


/* ####################################################################### */
/* ####################################################################### */
/* ####################################################################### */
/* ZONE DE LANGUE */

#choixLangue {
	display: none;
}

/* FIN ZONE DE LANGUE */
/* ####################################################################### */
/* ####################################################################### */
/* ####################################################################### */


/* ####################################################################### */
/* ####################################################################### */
/* ####################################################################### */
/* NAVIGATION + CORPS */

/* N'est pas lu par IE grâce à [id] à remplacer par [class] si il s'agit d'une class. */
#fond {
	position: relative;
	float: left;
	width: 828px;
	background: url(../../images/fond_corps1.gif) left;
}
#nav_corps {
	position: relative;
	float: left;
	width: 828px;
	border: 0px solid red;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',src='images/fond_corps2.png', sizingMethod='scale');
}
#nav_corps[id] {
	background:  url(../../images/fond_corps2.png);
}
/* NAVIGATION */
#navigation {
	position: relative;
	float: left;
	z-index: 2;
	border: 0px solid gray;
	width: 212px;
}

#tete_nav {
	position: relative;		
	border: 0px solid gray;
	width: 183px;
	height: 207px;
	left: 29px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/tete_nav.png', sizingMethod='scale');
}
#tete_nav[id] {
	background:  url(../../images/tete_nav.png);
}
#frise {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/frise.png', sizingMethod='scale');
}
#frise[id] {
	background:  url(../../images/frise.png);
}
#frise {
	z-index: 1;
	position: absolute;
	bottom : 0px;
	left: 0px;
	width: 77px;
	height: 497px;
}



/* ####################################################################### */
/* ####################################################################### */
/* ####################################################################### */
/* CORPS */

/* Corps */
#corps {
	position: relative;
	z-index: 3;
	float: right;
	width: 550px;
	top: 0px;
	right: 45px;
	border: 0px solid blue;
}
#titre{
	width: 550px;
	height: 27px;
	background: url(../../images/titres/titre_fond.gif) no-repeat;
}
#conteneurContenu {
	border: 0px solid red;
	background: url(../../images/cadre/fond_cadre.gif);
}
#corps a {
	font-family: Verdana, Arial, Helvetica;
    font-size: 7pt;
    font-weight: bold;
	color: #BA3C24;
	text-decoration: none;	
}

#corps h4 {
	position: relative;
	width: 550px;
	height: 40px;
	font-family: Verdana, Arial, Helvetica;
  font-size: 10pt;
  font-weight: bold;
	color: #7B2615;
	background: url(../../images/cadre/tete_cadre.gif) no-repeat;	
	border: 0px solid blue;
}
#corps h4 span{
	padding-left: 40px;
}

#corps h5 {	
	
}

.contenuCorps {
	position: relative;
	border: 0px solid green;
	position: relative;
	width: 500px;
	left: 25px;
}

p {
	font-family: Verdana, Arial, Helvetica;
	text-align: justify;
  font-size: 8pt;
	color: #7B2615;	
}


/* Formulaire de contact */
.formulaireContact {
	margin: 20px 20px 0 10px;
	padding: 0;
}

.formulaireContact p {
}

.formulaireContact fieldset{
	margin: 0 0 20px 0;
	padding: 20px;
}

.formulaireContact legend{
	font-weight: bold;
	margin: 0;
}

.piedContenuCorps {
	background: url(../../images/cadre/pied_cadre.gif);
	clear: both;
	text-align: center;
	width: 550px;
	height: 42px;
	list-style: none;
}

/* FIN CORPS */
/* ####################################################################### */

/* FIN CORPS */
/* ####################################################################### */
/* ####################################################################### */
/* ####################################################################### */


/* ####################################################################### */
/* ####################################################################### */
/* ####################################################################### */
/* PIED */
#pied {
/* N'est lu que par IE */
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/pied.png', sizingMethod='scale');
}
/* N'est pas lu par IE grâce à [id] à remplacer par [class] si il s'agit d'une class. */
#pied[id] {
	background:  url(../../images/pied.png) top no-repeat;
}
#pied {
	position: relative;
	float: left;
	clear: both;
	width: 828px;
	height: 105px;
	border: 0px solid gray;
/*	background:  url(../../images/pied.png) top no-repeat;*/
}

.mail a {
	font-family: Verdana, Arial, Helvetica;
  font-size: 7pt;
  font-weight: bold;
	text-decoration: none;
	color: #5D6D4B;
}
.pointcom a {
	font-family: Verdana, Arial, Helvetica;
    font-size: 7pt;
    font-weight: bold;
	color: #BA3C24;
	text-decoration: none;		
}
.pointcom {
	font-family: Verdana, Arial, Helvetica;
    font-size: 7pt;
	color: #5D6D4B;
}
#pied a:hover {
	color: #792312;
	text-decoration: underline;
}

#piedDePage {
	position: relative;
	float: right;
	margin: 0;
	padding: 0;
	width: 500px;
	height: 42px;
	right: 109px;
	top: 0px;
	padding-top: 25px;
	!padding-top: 19px;
	text-align: center;
	list-style:none;
	background: #FBEFD1;
	border: 0px solid gray;	
}

/* Correction du problème de boite ie/firefox */


#piedDePage li {
	
}

/* FIN PIED */
/* ####################################################################### */
/* ####################################################################### */
/* ####################################################################### */


/* ####################################################################### */
/* ####################################################################### */
/* ####################################################################### */
/* MOTEUR DE RECHERCHE */

/* ####################################################################### */
/* FORM DE RECHERCHE */
		
.champMoteur {
	font-size: 7pt;
	width: 95px;
	border-color:#000000;
}

.champSubmitRecherche {
	position: relative;
	top: 1px;	
	font-size: 10px; 
}

#moteurRecherche {
	display: none;
	position: relative;
	float: right;
	border: 1px solid gray;
	margin: 0;
	width: 150px;
	left: -150px;
	background: #FFCCFF ;
}
		
/* FIN FORM DE RECHERCHE */
/* ####################################################################### */

.divReponseRecherche {
	border: 1px solid gray;
	padding: 20px 10px 10px 10px;
	background: #dae2e2;
	margin: 20px 0 0 0;
}

.divReponseRecherche hr {
	clear: both;
	border: 1px solid gray;
	margin: 20px 0 0 0;
}

.divReponseRecherche h6 {
	font-size: 12px;
	margin: 20px 0 10px 0;
}

#vignetteCatalogueRecherche {
	float: left;
	width: 116px;
	height: 76px;
	margin: 0 0 20px 0;
}

#infosCatalogueRecherche {
	float: left;
	width: 370px;
	margin: -5px 15px 20px 15px;
}

.titreDivRecherche {
	position: relative;
	top: 30px;
	left: 10px;
	border: 1px solid gray;
	padding: 3px;
	width: 150px;
	background: White;
	font-weight: bold;
}

.navigationRecherche {
	margin: 10px 0 0 10px;
	text-align: center;
}

.navigationRecherche a {
	text-decoration: none;
	color: black;
	font-weight: bold;
}

.couleurGris {
	color: #b2b2b2;
}

.positionFlecheBlanche {
	position: relative;
	top: 2px;
	margin: 0 3px;
}

.aligneDroiteRecherche {
	position: relative;
	float: right;
	font-size: 10px;
	margin-bottom: 20px; 
}

.aligneGaucheRecherche {
	position: relative;
	float: left;
	font-size: 10px;
	
	margin-bottom: 20px; 
	width: 400px;
}

/* FIN MOTEUR DE RECHERCHE */
/* ####################################################################### */
/* ####################################################################### */
/* ####################################################################### */

/* ####################################################################### */
/* ####################################################################### */
/* ####################################################################### */
/* CATALOGUE */

/* ####################################################################### */
/* AFFICHAGE DES VIGNETTES */

#corpsVignette {
	position: relative;
	float: left;
	z-index: 0;
	width: 500px;
	left: 25px;
	margin: 0;
	padding: 0px;
	margin-top: -20px;
/*	background: #FAF0E6;	*/
	
}

.vignetteImage {
/*	width: 116px;
	height: 70px;*/	
	align: right;	
	right: 0;
	float: left;
}

.vignetteUl {
	position: relative;
	display: block;
	list-style: none;
	width: 500px;
	margin: 0;
	padding: 0;	
	border: 0px solid blue;
}
.vignetteLi {
	position: relative;
	float: left;
	list-style: none;	
	margin: 3px;
	border: 1px solid #792312;
	padding: 0;
}

.vignetteLi ul {
	list-style: none;
	margin: 0;
	padding: 0;
/*	border: 1px solid gray;*/
}

.vignetteLi ul li {
	display: inline;
	padding: 0;
	margin: 0;
}
#piedCatalogueCorps{
	position: relative;
	background: url(../../images/cadre/pied_cadre.gif);
	clear: both;
	margin: 0;
	padding: 0;
	top: 10px;
	font-family: Verdana, Arial, Helvetica;
  font-size: 7pt;
  color: #792312;
	text-align: center;
	width: 550px;
	height: 42px;
	list-style: none;	
}
#piedCatalogueCorps a {
	font-family: Verdana, Arial, Helvetica;
  font-size: 7pt;
  font-weight: bold;
	color: #BA3C24;
	text-decoration: none;
}
#piedCatalogueCorps a:hover {
	color: #792312;
	text-decoration: underline;
}		
.navigationCatalogue[class] {
	width: 100%;
}

.detailProduit {
	line-height: 25px;
	background: #EEE8AA;
	margin: 0;
}

.positionFleche {
	position: relative;
	top: 2px;
}

/* FIN */
/* ####################################################################### */

/* ####################################################################### */
/* AFFICHAGE DES TAILLES NORMALES */

#resultat0, #resultat1, #resultat2, #resultat3, #resultat4, #resultat5, #resultat6,
#resultat7, #resultat8, #resultat9, #resultat10, #resultat11, #resultat12, #resultat13,
#resultat14, #resultat15, #resultat16, #resultat17, #resultat18, #resultat19, #resultat20,
#resultat21, #resultat22, #resultat23, #resultat24  {
	position: absolute;
	display: none;
	border: 2px solid #792312;
	border-right: 1px solid #792312;
	border-bottom: 1px solid #792312;
	z-index: 10;
	margin-left: 136px;
	margin-top: -59px;
	padding: 0 0 0px 0;	
	background: #BA3C24;
}

#resultat0[id], #resultat1[id], #resultat2[id], #resultat3[id], #resultat4[id], #resultat5[id], #resultat6[id],
#resultat7[id], #resultat8[id], #resultat9[id], #resultat10[id], #resultat11[id], #resultat12[id], #resultat13[id],
#resultat14[id], #resultat15[id], #resultat16[id], #resultat17[id], #resultat18[id], #resultat19[id], #resultat20[id],
#resultat21[id], #resultat22[id], #resultat23[id], #resultat24[id]  {
	margin: -59px 0 0 136px;
}

#contenuResultat {
	position: relative;
}

.blocGaucheDetail {
	position: absolute;
	bottom: 10px;
	left: 10px;
	z-index: 4;
}

#blocDroitDetail {
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 5;
}

.BlocDroitDetail img {
	margin: 0;
	padding: 0;
}

.titreDetailFr {
	margin: 0 0 5px 0;
	font-family: Verdana, Arial, Helvetica;
	text-align: left;
  font-size: 9pt;
  font-weight: bold;
	color: #FBEFD1;
}

.titreDetailTrad {
	position: absolute;
	bottom: 0;
	margin: 0 0 5px 0;
	border: 1px solid red;
}

.referenceDetail {
	margin: 0;
	text-align: center;
}

.fermerDetail {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 4;
	margin: 0;
}

#resultatAttente {
	position: absolute;
	display: none;
	border: 2px solid #6d8494;
	z-index: 200;
	margin: 0;
	padding: 0 0 4px 0;
	background: #f7f0d5;
	width: 397px;
	height: 248px;
}

#resultatAttente[id] {
	margin: -30px 0 0 -8px;
}

#resultatImg {
	position: relative;
	z-index: 3;
	margin: 4px;
	border: 2px solid #FBEFD1;
	padding: 0;
}

/* FIN CATALOGUE */
/* ####################################################################### */
/* ####################################################################### */
/* ####################################################################### */


/* ####################################################################### */
/* ###########################   Inscriptions   ########################## */
/* ####################################################################### */
#inscription {
	position: relative;
	height: 350px;
	width: 500px;
	background: url('../../images/inscription.jpg') top right no-repeat;
	list-style: none;
	margin: 0;
	margin-top: -20px;
	padding: 0;
	font-family: Verdana, Arial, Helvetica;
  font-size: 8pt;
  color: #792312;
  font-weight: bold;
}
#inscription li.bloc {
	margin-top: 10px;
}
#tarifs {
	position: relative;
	height: 100px;
	left: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 10px;
	padding-left: 10px;
}
#inscription fieldset {
	position: relative;
	margin-top: 20px;
	width: 200px;
	left: 40px;		
	border: 1px solid #FAD590;
}
#inscription fieldset legend {
	color: #BA3C24;
	font-weight: normal;
}
div.texte_accueil {
	margin-top: 20px;
	width: 550px;	
}
#texte_accueil {
	font-family: Verdana, Arial, Helvetica;
	font-weight: bold;
	text-align: center;
	font-size: 9pt;
	color: #792312;
	list-style: none;
	padding: 0;
	margin: 0;
}
.why {
	font-size: 12pt;
	color: #BA3C24;
}
#texte_accueil a {
	font-size: 9pt;
	color: #BA3C24;
	text-decoration: none;	
}
#texte_accueil a:hover {
	color: #5D6D4B;
	text-decoration: underline;
}
#texte_accueil li {
	margin-top: 10px;	
}
div.tarifs_accueil {
	margin-top: 20px;
	width: 550px;		
	font-family: Verdana, Arial, Helvetica;
  font-size: 8pt;
  color: #792312;
  background: url('../../images/cadre/fond_cadre_2.gif'); 
  font-weight: bold;
}
div.tarifs_accueil h5 {
	height: 83px;
	width: 550px;
	background: url('../../images/cadre/tete_cadre_2.gif') no-repeat;
}
ul#tarifs_accueil{
	list-style: none;
	text-align: center;
	margin: 0;
	padding: 0;
	width: 550px;
}
li.expire {
	height: 30px;
	width: 550px;
}
li.join {
	height: 55px;
	width: 550px;
	background: url('../../images/cadre/pied_cadre_2.gif');
}
a#join {
	position: absolute;
	z-index: 2;	
	bottom: 0;
	margin-left: -67px;
	height: 34px;
	width: 136px;
	background: url('../../images/cadre/join.gif') no-repeat;
}
a#join:hover {
	background: url('../../images/cadre/join_on.gif') no-repeat;
}
a#join span {
	display: none;
}
#tarifs_form {
	position: relative;
	list-style: none;
	left: 10px;
	margin: 0;
	padding: 0;
	bottom: -5px;
}
#tarifs_form li {
	height: 45px;
}
#tarifs_form li.paiement {
	height: 20px;
}
.tarif {
	color: #BA3C24;
}
#tarifs_form input {
	position: relative;
	top: 5px;
	left: 15px;
	font-size: 8pt;
	width: 160px;
	border-color:#000000;
}
#tarifs_valid {
	position: relative;
	float: left;
	bottom: 0;
	text-align: right;
	width: 222px;
	left: 33px;
	list-style: none;
	margin: 0;
	padding: 0;
}
#tarifs_form span.compte {
	font-family: Verdana, Arial, Helvetica;
  font-size: 8pt;
  color: #BA3C24;
  font-weight: normal;
}
div#paiement {
	position: relative;
	float: left;
	width: 190px;
	margin-top: -15px;
}
div#paiement div {
	position: relative;
	float: left;
	width: 100%;
	font-family: Verdana, Arial, Helvetica;
  font-size: 8pt;
  color: #BA3C24;
  font-weight: normal;
}
div#paiement input {
	margin: 0;
	padding:0;
	left: 0;
}

/* ####################################################################### */
/* #############################   Classes   ############################# */
/* ####################################################################### */

/* Longueur des champs identifiant et pass */
.champAccesClient {
	width: 75px;
	font-size : 11px;
}

.champSubmit {
	border: 1px solid black;
	color: black;	
	font-size : 11px;
	cursor: pointer;
}

.champTexte {
	width: 100%;
}


.aligneGauche {
	float: left;
	line-height: 22px;
}

.aligneDroit{
	line-height: 22px;
	float: right;
}

.aligneGaucheCatalogue {
	float: left;
}

.aligneDroiteCatalogue {
	position: absolute;	
	z-index: 2;
	bottom: 4px;
	right: 2px;
	height: 14px;
}

.aligneCentre {
	text-align: center;
}

.aligneSubmit {
	text-align: center;
	margin: 20px 0 0 0;
}

.libelle {
	font-weight: bold;
}

.texteGras {
	font-weight: bold;
}

.texteGrasItalique {
	font-style: italic;
	font-weight: bold;
}

.image {
	float: left;
}