/* LSV communication - web : http://www.lsv.fr*/
/* Commentaires : CGHHML le conteneur et le visuel sont dupliqués en #conteneurInt et #visuelInt afin de gérer les pages intérieures. L'objectif est d'obtenir plus d'espace dans le contenur pour les modules de recherche ; le visuel est donc moins haut, le padding top du conteneur diminué.*/
/**/
* { font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-align: justify }
body { font-size: 12px; font-family: Arial, Helvetica, sans-serif; background-color: #422529; background-repeat: repeat; text-align: center; margin: 0; padding: 0; height: 100% }
/* text-align: center; sert a centrer le bloc page dans IE */
p { text-align: left; margin-left: 15px }
strong { font-weight: bold }
a:link { color: #900; text-decoration: underline }
a:visited { color: #5a2c2b; }
a:hover { color: #f90; text-decoration: underline }
a:active { color: #c00 }
acronym { color: #ccafe3; cursor: help }
span { visibility: hidden ; display: none; }
img { margin: 0; padding: 0 }
ul { }
li { }
hr { visibility: hidden; clear: both !important; }
h1 { background-image: url(../IMAGES/logo_h1.gif); background-repeat: no-repeat; background-position: 0 0; margin: 0; padding: 0; position: absolute; top: 30px; left: 24px; width: 130px; height: 112px }
h2 { background-image: url(../IMAGES/baseline_h2.gif); background-repeat: no-repeat; background-position: 0 0; margin: 0; padding: 0; position: absolute; top: 35px; left: 360px; width: 324px; height: 63px }
h3 { color: #900; font-size: 18px; font-weight: bold; text-align: left; letter-spacing: 2px ; margin-top: 10px; margin-bottom: 10px; }
h5 { color: #4c4c4c; font-size: 10px; font-weight: bold; background-color: #e6e6e6; text-transform: uppercase; letter-spacing: 1px; padding: 2px 4px; clear: both ; margin-left: 15px; }
input { }
input.inputCheckbox {
width: auto;
}
select { }
form { }
/**/
/**/
body>#page>#conteneurInt { height:auto; min-height:340px; }
#page { background-color: #fff; background-image: url("../IMAGES/fd_page.gif"); background-repeat: repeat-y; margin: auto; padding: 0; position: relative; width: 800px }
#entete { display: none }
#coordonnees { color: #900; font-size: 12px; line-height: 13px; width: 400px; height: 30px; z-index: 5; float: right; margin: 0 20px 15px 0; padding: 0; display: inline; }
#visuel { background-image: url(../IMAGES/visuel.jpg); background-repeat: no-repeat; background-position: 0 0; position: absolute; top: 142px; left: 248px; width: 534px; height: 265px }
#conteneur { background-image: url(../IMAGES/visuel.jpg); background-repeat: no-repeat; background-position: 245px 135px; width: 525px; height: auto; margin: 0; padding: 10px 0 0 10px !important; }
#conteneurInt { padding-top: 0px; padding-left: 100px; width: 525px; height: 340px; margin: 0; }
#menu { display: none; }
#pied { background-image: url(../IMAGES/fd_pied.gif); background-repeat: no-repeat; background-position: 0 bottom; z-index: 2; width: 800px; height: 40px ; margin: 0; padding: 0 0 10px; }
#piedMenu { background-image: url(../IMAGES/fd_piedmenu.gif); background-repeat: no-repeat; background-position: left bottom; width: 100%; height: 10px; }
/**/
/**/
#entete p.lienAccueil a:link, #entete p.lienAccueil a:visited { color: #176e19; font-size: 11px; position: absolute; top: 85px; left: 150px; }
#entete p.lienAccueil a:hover, #entete p.lienAccueil a:active { color: #176e19; font-size: 11px; text-decoration: none; position: absolute; top: 85px; left: 150px; }
/**/
/**/
#coordonnees p { color: #900; text-align: right; margin: 0 0 5px }
/**/
/**/
/**/
/**/
#conteneur p { color: #333; margin: 5px 0; padding: 0; }
img.logoPartenaire { float: right; }
#conteneur p.chapeau { color: #333; font-weight: bold; margin: 5px 0; padding: 0; }
#conteneur p img { margin: 0 5px 5px 0; padding: 0; float: left; border-width: 0 }
/**/
/**/
#conteneurInt h4 { color: #000; font-size: 13px; font-weight: bold; line-height: 16px; letter-spacing: 1px; margin-top: 10px; margin-bottom: 5px; padding-top: 2px; padding-bottom: 2px; padding-left: 10px; border-top: 1px solid #9d4f5c; border-bottom: 1px solid #9d4f5c; border-left: 5px solid #f90; }
#conteneurInt ul li { color: #333; padding-left: 5px; border-left: 2px solid #b69789; list-style-type: none; }
#conteneurInt p { color: #333; margin: 5px 0; padding: 0; }
#conteneurInt p.chapeau { color: #333; font-weight: bold; margin: 5px 0; padding: 0; }
#conteneurInt p.mentionSpeciale { color: #5a2c2b; font-size: 11px; font-style: italic; }
p.message { color: #900 !important; }
/**/
/**/
div.blocResultat { }
div.blocResultat input { width: auto !important; }
#conteneurInt form { margin: 10px 0; padding: 0; }
#conteneurInt hr.formulaire { width: 95%; visibility: visible !important; margin-right: auto; margin-left: auto; border-top: 1px dotted #a7523d; }
#conteneurInt fieldset { background-color: #efe0ce; text-align: left; margin-bottom: 15px; padding: 5px; border: solid 1px #a7523d; }
#conteneurInt legend { color: #a7523d; font-weight: bold; background-color: #fff; padding: 3px; border: solid 1px; }
#conteneurInt label { text-align: right; padding: 0 10px 0 0; width: 110px; float: left ; margin: 0; width: 160px; }
#conteneur p.tranches { font-size: 11px; text-align: center; margin-right: 15px; padding-top: 4px; padding-bottom: 4px; clear: both; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc }
#conteneurInt input { width: 160px ; margin: 2px 0 2px 2px; padding: 2px;
border-style: none;
}
#conteneurInt input.inputCheckbox {
border: 3px solid #FF0000; width: auto;
}
#conteneurInt textarea { width: 60% }
#conteneurInt input.bouton { cursor: pointer; margin-right: 15px; width: auto }
/**/
/**/
#conteneurInt p.resultat { color: #9d4f5c; font-weight: bold; background-image: url(../IMAGES/flc_texte.gif); background-repeat: no-repeat; background-position: left center; margin: 10px 10px 5px 0; padding: 3px 0 3px 14px; border-top: 1px dotted #b69789; border-bottom: 1px dotted #b69789; }
#conteneurInt table { color: #333; width: 100%; margin-top: 0px; margin-bottom: 15px; border: solid 1px #b69789; }
#conteneurInt td { margin: 0; padding: 2px; }
#conteneurInt td.entete, th.entete { color: #fff; font-size: 13px; font-weight: bold; background-color: #900; padding: 2px; }
#conteneurInt tr.colonne { color: #000 !important; font-size: 12px; font-weight: bold !important; background-color: #efe0ce; padding: 2px; }
#conteneurInt table caption { color: #fff; font-size: 13px; font-weight: bold; background-color: #900; padding: 2px; }
/**/
/**/
#menu h4 { color: #900; font-size: 13px; font-weight: bold; line-height: 16px; background-image: url(../IMAGES/pce_globale.gif); background-repeat: no-repeat; background-position: left center; text-align: left; margin: 0 0 0 5px; padding: 5px 0 4px 17px; }
#menu h4 a:link, #menu h4 a:visited { color: #900; font-size: 13px; font-weight: bold; line-height: 14px; text-decoration: none; text-align: left; }
#menu h4 a:hover, #menu h4 a:active { color: #5a2c2b; font-size: 13px; font-weight: bold; line-height: 14px; text-decoration: none; text-align: left; }
#menu ul { text-align: left; list-style-type: none; margin: 0 5px; padding: 0; }
#menu li { text-align: left !important; margin: 0; display: inline; padding-right: 2px; padding-left: 3px; border-left: 1px solid #900; }
#menu li:hover { }
#menu a:link, #menu a:visited { color: #000; font-size: 11px; line-height: 12px; text-decoration: underline ; text-align: left; }
#menu a:hover, #menu a:active { color: #900; font-size: 11px; line-height: 12px; text-decoration: none ; text-align: left; }
#loginButton { margin-top: 10px; margin-left: 45px; background-color: #ECDDCC; border: 0px; text-align: center; }
/**/
/**/
#adhesion { background-color: #9d4f5c; width: 210px; margin: 0; padding: 0 0 10px; }
#adhesion h4 { color: #fff; font-size: 14px; font-weight: bold; font-variant: small-caps; line-height: 16px; background-color: #712c32; background-image: url(../IMAGES/pce_adhesion.gif); background-repeat: no-repeat; background-position: 5px center; width: 190px; margin: 0; padding: 4px 0 4px 20px; }
#adhesion p { margin: 4px 0 4px 5px; padding: 0; }
#adhesion a:link, #adhesion a:visited { color: #fff; font-size: 11px; line-height: 12px; text-decoration: underline; }
#adhesion a:hover, #adhesion a:active { color: #fff; font-size: 11px; line-height: 12px; text-decoration: none; }
/**/
/**/
#forum { background-color: #b69789; width: 210px; margin: 0; padding: 0 0 10px; }
#forum h4 { color: #fff; font-size: 14px; font-weight: bold; font-variant: small-caps; line-height: 16px; background-color: #9c8076; background-image: url(../IMAGES/pce_forum.gif); background-repeat: no-repeat; background-position: 5px center; width: 190px; margin: 0; padding: 4px 0 4px 20px; }
#forum p { color: #fff; margin: 4px 0 4px 5px; padding: 0; }
#forum a:link, #forum a:visited { color: #fff !important; font-size: 11px; line-height: 12px; text-decoration: underline; }
#forum a:hover, #forum a:active { color: #fff; font-size: 11px; line-height: 12px; text-decoration: none; }
/**/
/**/
#recherche { color: #fff; background-color: #be5d45; width: 210px; margin: 0; padding: 0 0 10px; }
#recherche h4 { color: #fff; font-size: 14px; font-weight: bold; font-variant: small-caps; line-height: 16px; background-color: #a7523d; background-image: url(../IMAGES/pce_recherche.gif); background-repeat: no-repeat; background-position: 5px center; width: 190px; margin: 0; padding: 4px 0 4px 20px; }
#recherche p { color: #fff !important; margin: 4px 0 4px 5px; padding: 0; }
#recherche a:link, #recherche a:visited { color: #fff !important; font-size: 11px; line-height: 12px; text-decoration: underline; }
#recherche a:hover, #recherche a:active { color: #fff !important; font-size: 11px; line-height: 12px; text-decoration: none; }
/**/
/**/
#espaceAdherent p.alerte { color: #9a0303; font-size: 12px; font-weight: bold; line-height: 12px; background-color: #ffffbe; margin: 0 10px 0 10px; padding: 2px; }
#espaceAdherent { background-color: #793c39; width: 210px; z-index: 2; margin: 0 0 -5px; padding: 0 0 10px; }
#espaceAdherent h4 { color: #fff; font-size: 14px; font-weight: bold; font-variant: small-caps; line-height: 16px; background-color: #5a2c2b; background-image: url(../IMAGES/pce_espace_adherent.gif); background-repeat: no-repeat; background-position: 5px center; width: 190px; margin: 0; padding: 4px 0 4px 20px; }
#espaceAdherent p { color: #fff; font-size: 11px; line-height: 12px; margin: 4px 0 4px 5px; padding: 0; }
#espaceAdherent a:link, #espaceAdherent a:visited { color: #fdf3d5; font-size: 11px; line-height: 12px; text-decoration: none; margin-right: 10px; }
#espaceAdherent a:hover, #espaceAdherent a:active { color: #fff; font-size: 11px; line-height: 12px; text-decoration: underline; margin-right: 10px; }
#espaceAdherent label { color: #fff; font-size: 11px; font-weight: bold; line-height: 12px; text-align: left; width: 75px; float: left; margin-right: 3px; margin-bottom: 3px; }
#espaceAdherent form { width: 98%; margin-top: 5px; margin-left: 5px; }
#espaceAdherent input { width: 95px; }
#espaceAdherent ul { margin-bottom: 10px; }
#espaceAdherent li { color: #efe0ce; margin-top: 2px !important; margin-bottom: 4px !important; padding: 0 0 0 4px !important; border-left: 1px solid #efe0ce; display: block; }
/**/
/**/
p.articlesPanier { width: 200px; margin: 0; padding-top: 3px !important; padding-right: 0; padding-bottom: 3px !important; padding-left: 0; border-top: 1px solid #efe0ce; border-bottom: 1px solid #efe0ce; display: block; }
p.filAriane { color: #900 !important; text-align: right; margin: 0 !important; padding-right: 10px !important; padding-bottom: 3px; }
input.quantite { width: 25px !important; }
tr.enteteCommande, th.enteteCommande { color: #fff; font-size: 10px; font-weight: bold; line-height: 12px; background-color: #422529; padding: 2px; }
tr.recapCommande, th.recapCommande { color: #fff; font-size: 12px; font-weight: bold; line-height: 12px; background-color: #900; padding: 2px; }
tr.article, th.article { color: #000; font-size: 11px; line-height: 12px; background-color: #efe0ce; text-align: left !important; margin: 1px; padding: 2px; }
tr.article td { text-align: left !important; }
span.supprimer { color: #900; font-size: 9px; line-height: 10px; visibility: visible !important; display: block !important; }
#formValidationPanier {
display: inline;
}
#paiementCheque {
width: auto !important;
padding-top: 20px !important;
border-top: 1px solid #a85952;
border-bottom: 1px solid #a85952;
}
#paiementCheque table { width: auto; clear: both; margin: 0 0 10px !important; padding: 2px; border-style: none; }
#paiementCheque td { background-color: #efe0ce; padding: 2px; }
#paiementCheque strong { color: #900; }
div.infosPaiement { width: 85%; margin-top: 10px; margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px; padding-left: 35px; }
.inputCheckbox { width: auto !important; }
/**/
/**/
#popUp { background-color: #fff; background-image: none; padding-right: 15px; padding-left: 15px }
#popUp p { margin-left: 10px; }
#popUp h3 { color: #900; font-size: 14px; font-weight: bold; text-align: left; letter-spacing: 2px; margin-left: 10px; }
#popUp h4 { color: #fff; font-size: 13px; font-weight: bold; line-height: 15px; background-color: #9c8076; text-align: left; letter-spacing: 2px; margin-left: 10px; padding-left: 5px; }
#popUp ol ol { list-style-type: lower-alpha; }
#popUp li { margin-top: 3px; margin-bottom: 3px; }
#popUp p.fermer { font-size: 11px !important; background-image: url("../IMAGES/pct_fermer.gif"); background-repeat: no-repeat; background-position: right center; text-align: right; margin: 5px 10px 5px 0; padding-right: 20px; padding-bottom: 2px }
#popUp p.fermer a { font-size: 11px !important; text-transform: lowercase }
/**/
/**/
#pied a:link, #pied a:visited { color: #5a2c2b; text-decoration: underline; }
#pied a:hover, #pied a:active { color: #e18261 ; text-decoration: none; }
#mentions { color: #5a2c2b; font-size: 11px; text-align: left; float: left; margin: 0 0 0 20px; padding: 10px 0 0; }
/**/