body { background-color:#102042; font-family:Verdana, sans-serif; margin:0; padding:0; font-size:11px; color:#C1CED9; }

/* pas de bordure aux images */
img { border:none; }

input { border:1px solid black; padding:1px 2px; }

a { color:white; }
a:hover { color:#FF3333; text-decoration:none; }
a:visited { }

/* cadre global */
#glob { position:relative; width:1000px; height:700px; margin:5px auto; /* border:1px solid white; */}

/* cadre du logo */
#logo { position:relative; width:225px; height:160px; text-align:center; }

/* cadre de la pub */
#pub { position:relative; width:775px; height:80px; top:-162px; left:225px; border:none; }
#pub table { border-collapse:collapse; margin:auto; }
#pub td { height:80px; }
#pub div { height:auto; }

/* cadre de la frise gauche */
#friseg { position:absolute; width:61px; height:242px; left:200px; top:455px; background:url(./images/site/frise.png) no-repeat; }

/* cadre de la frise bas gauche */
#friseb { position:absolute; width:57px; height:25px; left:248px; top:671px; background:url(./images/site/friseb.png) no-repeat; }

/* cadre de la frise haut droite */
#friseh { position:absolute; width:57px; height:25px; left:925px; top:64px; background:url(./images/site/friseh.png) no-repeat; }

/* cadre de la frise droite */
#frised { position:absolute; width:61px; height:242px; left:965px; top:62px; background:url(./images/site/frise.png) no-repeat; }

/* le fond */
#bg { position:relative; width:775px; height:600px; top:-162px; margin-left:225px; background:url(./images/site/bg_main.gif) no-repeat; border:1px solid #102042; }

/* menu */
#menu { margin:8px 0 0 48px; width:694px; height:30px; text-align:center; border:1px solid #2C5274; }

/* p du menu */
#menu p { margin:0px; float:left; font-size:11px; }

/* cadre central */
#centre {margin:30px 0 0 24px; width:727px; height:515px; overflow:auto; border:1px solid #2C5274; }

/* cadre de l'illu à droite */
#illu { margin-left:0px; margin-top:-685px; width:225px; height:540px; }
#author { position:absolute; bottom:2px; width:195px; height:18px; text-align:right; }

/* mention légale */
#mention { position:relative; width:775px; height:15px; margin-left:225px; top:-19px; text-align:center; border:none; padding-top:2px; }

/* la partie gauche du cadre de l'accueil : les news */
#news, #vpc { margin:30px 0 0 19px; width:455px; height:516px; overflow:auto; border:1px solid #2C5274; border-right:1px solid white; }

/* la partie droite du cadre de l'accueil : les autres infos */
#headline { margin:-518px 0 0 476px; width:270px; height:516px; overflow:auto; text-align:center; border:1px solid #2C5274; }

/* hr de la page d'accueil */ 
#headline hr, #news hr { width:90%; color:white; background-color:white; height: 1px; border: 0; text-align:center; }

/* tableau des news */
#news table { width:435px; border:none; border-collapse:collapse; }
/* td des news */
#news td { padding:1em;}

#news .titNews { text-align:center; font-weight:bold; font-size:13px; }
#news .autNews { text-align:left; font-size:9px; }

/* titre d'une page */
h1 { text-align:center; font-size:16px; padding:0; }
h2 { text-align:center; font-size:14px; }
h3 { text-align:center; font-size:12px; }
h4 { text-align:center; font-size:10px; }

.note { padding:2px 0 4px 0; margin:0; font-weight:normal; font-size:10px; }

/* div des aperçus */
.galAp { width:260px; margin:5px auto; text-align:center; }

/* p des vignettes */
.galAp p { float:left; margin:0; padding:0; text-align:center; width:65px; height:65px; }
.galAp .vpc { height:85px; }

/* table pour les aperçus/avatar */ 
.tabAp, .tabProf { width:640px; border:none; margin:0 auto; }
.tabAp td { text-align:center; }
.tabProf { background-color:#042544; padding:10px; }
.tabProf .ava { border:2px solid #E5ECF4; background-color:#8E9CB6; width:154px; height:154px; text-align:center; padding:0; margin:0; }
.tabProf .tdProf { font-family:"Comic Sans MS"; font-size:13px; padding:4px; margin:0; vertical-align:middle; line-height:140%; }
.tabProf .tdRet { font-family:"Comic Sans MS"; font-size:12px; text-align:right; padding:0 4px 0 0; margin:0; }

/*.tabAp td { text-align:center; } */
.hri { clear: both; visibility: hidden; }

/* les ballons des aperçus images */
.linki { margin:0px; }
.linki a:link span {display:none; }
.linki a:visited span { display:none; }
.linki a:hover span { position: absolute; margin:-20px 0px 0px 20px; background-color: beige; max-width:300px; padding: 2px 10px 2px 10px;
					  border: 1px solid #C0C0C0; font: normal 10px/12px verdana; color: #000; text-align:left; display: block; text-decoration:none; z-index:4; }
.linki a:link, .linki a:visited { color:#fff; text-decoration:none; }
.linki a:hover { text-decoration:underline; }

/* table des catégorie de produits */
.catProd { margin:5px auto; width:432px; border-collapse:collapse; }
.catProd .apercu { text-align:center; width:144px; height:175px; vertical-align:top; border-top:1px solid white; border-bottom:1px solid white; }
.catProd .tabap  { width:141px; height:141px; border-collapse:collapse; }
.tabap td { vertical-align:top; }

/* table des articles */
.article, .panier { margin:5px auto; width:432px; border:none; border-collapse:collapse; }
.article td, .article th, .panier td, .panier th { border-top:1px solid white; padding:0; margin:0; text-align:center; height:25px; } 
.article .visu, .panier .visu { width:50px; height:52px; }

/* le panier */
.panier .qte { margin:auto;}
.panier .prix { text-align:right; }
.panier .total, .panier .subtotal { text-align:right; border-top:2px solid white; }
.panier .total { font-size:12px; font-weight:bold; }
.panier .pays { text-align:left; border-top:2px solid white; }

/* tableau des quantités */
.qte .modqte { width:100%; margin:auto; }
.modqte input { width:23px; text-align:right; }
.modqte td { text-align:right; border:none; }
.modqte .mod { width:14px; }

/* tableau de login */
.ident { width:94%; margin:auto; border-collapse:collapse; }
.ident td { vertical-align:top; width:50%; padding:2em; }
.ident .crea { border-right:1px solid white; }
.ident .tit { font-weight:bold; font-size:13px; }
.ident label { float:left; width:100px; position:relative; top:5px; }
.ident .button { text-align:right; padding-right:1em; }

/* spacer */
#spacer { clear:both; height:2px; } 

/* formulaire du compte */
/*.double { overflow:hidden; width:100%; padding:0; margin:0; } */
.coord { float:left; width:180px; top:3px; font-size:11px;  }
.errcoord {float:left; width:400px; color:red; font-weight:bold }
.inp { font-size:11px; width:180px; }

/* mini login */
.mini { text-align:right; width:240px; }
.mini input { border:1px solid black; width:100px; height:14px; font-size:11px; }

/* hr des festivals */
.festhr { width:50%; color: white; background-color: white; height: 1px; border: 0; }

/* p de la liste des festoches */
.festlist { width:90%; text-align:center; font-size:12px; padding:10px 0px 10px 0px; margin:0px auto; }

.festlist .nodeco { text-decoration:none; }

.fest_desc { width:500px; margin:0 auto 10px auto; }

.photos { width:680px; height:320px; overflow:auto; border:1px solid white; margin:auto; text-align:center; }

.photos p { width:160px; height:130px; padding:0; margin:0; float:left; text-align:center; border:1px solid white; }