/* Balises HTML */
a:link { color: #50AFFA; /* text-decoration: none;*/ }
a:hover { background-color: #555555; color: #fE0000; /* text-decoration: none;*/ }
a:visited { color: #148CE6;}
body{ background-color: #000000;}
/* page accueil */
#accueil{margin : 0 auto; width:620px; padding:0px;}
#accueil table{border-collapse: collapse;}
#accueil table tr td{border: 8px solid #741130; padding:0px;}
#header{ position:relative; text-align:center;}
#header img{ padding:0px; margin-bottom:-4px;}
.block { position:relative; left:0px; top:18px; height:560px; text-align: left; }
.fille { position:absolute; left:0px; bottom:18px;}
.colonne-droite{
position:absolute; right:40px; top:10px; text-align:center; background-color: #000000;
font-family: Helvetica,Arial; font-size : 11px; color: #aaaa66;}
.menu0 { position:absolute; left:160px; bottom:140px; width:170px; text-align: left;
font-family: Helvetica,Arial; font-size : 12px; line-height:25px;}
/* ----- fin ----- */
/* debut page jeux */
.fond5 {padding: 0px; background-color: #111121; border: 2px solid #222232 }
.table-jeux{ margin:auto; width:736px; border-spacing:8px;}
.table-jeux td{
padding:2px; background-color: #111121; border: 2px solid #222232;
font-family: Helvetica,Arial; font-size : 11px; color: #aaaa66;
}
.img-jeux img,object{float:left; padding:5px;}
/* ------ pages streep ------ */
.fond7 { border-collapse:collapse; background-color: #100513; margin: 0 auto; border: 2px solid #320010; border-top: 0px; width: 730px }
.fond7 tr td {padding:8px; font-family: Helvetica,Arial; font-size : 13px; color: #ccc071;}
.fond7 tr {text-align: center;}
/* ------ nouvelles galeries photos 2021 ------ */
/* ------ style radio à modifier - photo- ------ */
.gallery li img {
border: 2px solid black;
}
.gallery li
{
display:inline-block;
background-color: #c8a06e;
vertical-align:top;
text-align:center;
font-family: Helvetica,Arial; font-size: 10px; color: #660000;
padding:5px;
margin-right:25px;
margin-bottom:30px;
zoom:1;
*display: inline; /* IE */
_height: 200px;
border:1px solid #333333;
}
.cadre
{
width: 190px;
height:130px;
display:inline-block;
background-color: #888888;
font-family: Helvetica,Arial; font-size: 12px;
color: #0000aa;
border:1px solid #333333;
}
.cadre a
{
text-decoration: none;
}
/* ------ fin ------ */
/* ------ anciennes galeries photos ------ */
.fond6 { border-collapse:collapse; background-color: #100513; margin: 0 auto; border: 2px solid #320010; border-top: 0px; width: 730px }
.fond6 tr td {padding:5px; font-family: Helvetica,Arial; font-size : 11px; color: #aaaa66}
.border2{padding:2px; border:2px solid #444365;}
ul {text-align:center;}
.gallerie li img{padding:2px; border:4px solid #444354;}
.gallerie li img:hover{padding:2px; border:4px solid #000000;}
.gallerie li:hover{background-color: #444354;}
.gallerie li
{
display:inline-block;
list-style-type: none;
background-color: #1E1E32;
vertical-align:top;
text-align:center;
font-family: Helvetica,Arial; font-size: 10px; color: #ccc071;
padding:2px;
margin-top:20px;
margin-bottom:20px;
margin-right:20px;
margin-left:0px;
zoom:1;
*display: inline; /* IE */
_height: 200px;
}
/* ------ galeries photos 3 colonnes ------ */
#page {margin:auto; width:720px; height:100%; padding:0px; background-color: #990088;}
.colonne_g {top: 0px; float:right; width:340px; background-color: #888888; text-align:center;}
.colonne_d {top: 0px; float:left; width:350px; background-color: #990000; text-align:center;}
/* ----- Polices ------- */
.taille5{ font-family: Helvetica,Arial; font-size:16px; color: #ffffff }
.taille6{ font-family: Helvetica,Arial; font-size :12px; color: #000000 }
.taille6a{ font-family: Helvetica,Arial; font-size :11px; color: #000000 }
.taille7{ font-family: Helvetica,Arial; font-size :10px; color: #000000 }
/* page bon de commande ancien*/
.fond3{ background-color: #000088 }
.fond4{ background-color: #ffeedd }
.tablo1 td{
border: 1px solid #bb0000;
font-family: Helvetica,Arial; font-size :12px; color: #000000;
background: #ffeedd;
}
/* page bon de commande nouveau*/
.entete{ font-family: Helvetica,Arial; font-size:16px; color: #ffffff; text-align: center; background-color: #000088; border: 2px solid #0000ee; border-collapse: collapse;}
.corps{ font-family: Helvetica,Arial; font-size:11px; color: #000000; text-align: left; background-color: #ffeedd; border: 2px solid #ff0000;}
.fondmenu2 { background-color: #333333; border: 2px solid #444444; width: 660px; padding: 0px }
.tablo {
width:660px; border: 2px solid #bb0000; border-collapse: collapse;
margin: 0 auto; background: #ffeedd; font-family: Helvetica,Arial; font-size: 12px; color: #000000;}
.tablo td{
height:16px; padding:4px; border: 1px solid #aa0000; text-align:left;}
.haut{text-align:center; background-color: #000088; background-image:url(images/rox.png); background-repeat:no-repeat; background-position:0px}
.haut td{
height:80px; text-align:center; font-family: Helvetica,Arial; font-size : 16px; color: #ffffff; border-bottom:2px solid #aa0000;}
.small { font-family: Helvetica,Arial; font-size: 11px; color: #000000;}
.smallp {font-family: Helvetica,Arial; font-size: 10px; color: #000000;}
.top{font-family: Helvetica,Arial; font-size: 10px; color: #000000; vertical-align: top;}
.center td{text-align:center;}
.droite {text-align : right;}
.grosbords {border-bottom:2px solid #aa0000;}
/* ---- fin ----- */
/* pages totem */
.tot{ font-size:12px; font-family:Arial,Helvetica,sans-serif }
/* pages lingerie */
.affiche {background-color: #100513; border: 3px solid #320010; width: 720px; padding: 0px }
/* formulaire */
#envoi input{width: 80px; color: #aa0000; background-color:#cbaaaa; border-color: #aa88ff; border-width:2px; border-radius: 5px; -webkit-border-radius:5px;}
/*input { color: #aa0000; background-color:#cbaaaa; border-width:2px }*/
.bak { border-spacing:0px; background-image:url(images/fond1.jpg); background-repeat:no-repeat; background-position:60px; background-color: #100513; padding:10px;}
.bak td{padding:10px; font-family: Helvetica,Arial; font-size : 12px; color: #ccc071}
.red{font-family: Helvetica,Arial; font-size:12px; color:#ee0000; background:black; font-weight:bold; padding-left:4px; padding-right:4px;}
.courrier { margin: 0 auto; width:728px; padding:5px; border:2px solid #884400;}
.poste{ background-image:url(images/courrier.jpg); background-repeat:no-repeat;}
.champ1 { background-color:#cbaaaa; border-color: #aa88ff; border-width:2px; font-size: 12px; color: #aa0000; font-family: Arial, Helvetica, sans-serif; width: 262px }
.taille10 {font-size: 16px; font-family: Helvetica,Arial; color: #ff0000; font-weight: bold }
/* contributions */
.champ2 { background-color:#bbbbbb; border-color: #aa88ff; border-width:2px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; width: 262px; resize: none; }
/* pages générales */
.titre1{ font-family: Helvetica,Arial; font-size : 30px; font-weight: bold; color: #ff0080 } /* courrier */
.titre2{ font-family: Helvetica,Arial; font-size : 25px; font-weight: bold; color: #ccc071 }
.titre3{ font-family: Helvetica,Arial; font-size : 20px; font-weight: bold; color: #ccc071; letter-spacing: 5px; }
.taille1{ font-family: Helvetica,Arial; font-size : 10px; color: #ccc071}
.taille2{ font-family: Helvetica,Arial; font-size : 11px; color: #aaaa66}
.taille2v{ font-family: Helvetica,Arial; font-size : 10px; color: #00cc00}
.taille3{ font-family: Helvetica,Arial; font-size : 12px; color: #ccc071}
.taille31{ font-family: Helvetica,Arial; font-size : 12px; letter-spacing: 2px; color: #ccc071}
.taille41{ font-family: Helvetica,Arial; font-size : 13px; color: #ccc071}
.taille42{ font-family: Tahoma,sans-serif; font-size : 12px; color: #ccc071}
.taille43{ font-family: Helvetica,Arial; font-size : 14px; font-weight: bold; color: #ccc071;}
.taille4{ font-family: Helvetica,Arial; font-size : 16px }
.taille4b{ font-family: Helvetica,Arial; font-size : 16px; font-weight: bold}
.taille8{ font-family: Helvetica,Arial; font-size : 18px; color: #ccc071; letter-spacing: 1px;}
.taille9{ font-family: Helvetica,Arial; font-size : 28px; color: #ccc071}
/* ------------------------------------ */
/* pages générales remplacement par balises H */
h1{ font-family: Helvetica,Arial; font-size : 20px; font-weight: bold; color: #ccc071; line-height:150%; letter-spacing: 5px; } /* titre3 utilisé download cartes postales */
h2{ font-family: Helvetica,Arial; font-size : 15px; color: #ccc071; line-height:150%; letter-spacing: 3px; }
h3{ font-family: Helvetica,Arial; font-size : 30px; font-weight: bold; color: #ff0080 }
/* - - - - - - - - barre de navigation */
.nav1{ font-size : 12px; font-family: Helvetica,Arial; background-color: #640032 }
.nav11{ font-size : 12px; font-family: Helvetica,Arial; background-color: #000000 }
.nav2{ font-size : 11px; font-family: Helvetica,Arial; background-color: #640032 }
.nav3{ font-size : 10px; font-family: Helvetica,Arial; background-color: #640032 }
.nav4{ font-size: 10px; font-family: Tahoma,sans-serif; background-color: #640032 }
.bak2 {background-image:url(image/fond2.gif); background-repeat:no-repeat; background-position:0px }
/* - - - - - - - - pages cartes postales */
.gauch{text-align : left;}
.kart1{ font-family: Helvetica,Arial; font-size:15px; font-weight: bold; color: #222222; font-style: italic; background-image:url(http://www.clodix.net/e_cards/images/fond1.jpg)}
.photoborder {padding: 3px; border: 10px solid #666666;}
.border{padding: 2px; border: 1px solid #aca25d; margin-bottom: 2px;} /* - - page accueil - - */
.vignette {border: 2px solid #320010;}
.carte { width: 730px; margin: 0 auto; padding: 0px; background-color: #222232; border: 2px solid #444444; border-top:0px;}
.carte img{ margin-top:20px; margin-bottom:15px; padding: 3px; border: 10px solid #666666;}
.carte object{ padding: 3px; border: 10px solid #666666; position: relative; top:15px; left:50px;}
.carte p {float:left; position: relative; top:15px; left:50px;} /* - - - pour cp animées - - - - - */
.carte tr td{ width:50%; padding:10px; text-align:center; font-family: Helvetica,Arial; font-size : 11px; color: #aaaa66;}
.lang img {margin-left:12px; margin-right:14px; border:none;} /* - - espacement img fr en - - */
.cartes li img {padding:2px; border:6px solid #444354;}
.cartes li a:hover img {padding:0px; border:8px solid #222244;}
.cartes li
{
display:inline-block;
background-color: #180622;
vertical-align:top;
text-align:center;
font-family: Helvetica,Arial; font-size: 10px; color: #ccc071;
padding:5px;
margin-top:40px;
margin-right:30px;
margin-left:0px;
zoom:1;
*display: inline; /* IE */
_height: 200px;
}
hr {color: #444444; background-color: #444444; height: 2px; border: 0;}
.pied {width:780px; margin: 0 auto; border: 0px;}
.pied td {font-family: Helvetica,Arial; font-size : 12px; text-align: center;}
/* - - Fin - - - */
/* - - - - - - - - nouvelle barre de navigation - - - - - - - - - */
.fondmenu {
width: 730px; margin: 0 auto; padding: 5px; background-color: #222232; border: 2px solid #444444; border-bottom:0px;}
.fondmenu td{
height:35px; text-align:center;
font-family: Helvetica,Arial; font-size : 11px; color: #aaaa66;}
.menu td {
height:60px;}
.menu a {
font: 11px Helvetica,Arial;
margin: 3px; /*espacement boutons de navigation*/
padding-left:6px;
padding-right:6px;
padding-top:2px;
padding-bottom:2px;
text-align: center;
border: 1px solid #ab00ff;
text-decoration: none;
background: #640032}
.menu a:visited {
color: #ffff00 }
.menu a:hover {
background: #ffaaaa;
color: black;
border: 1px solid #cc0000 }
.menu a:active {
color: red }
/* -------------------- fin --------------------- */
/* - - - - - - - - calendriers - - - - - - - - - */
.calendriers{margin: 0 auto; width:450px; padding:10px; background-color: #640032; border: 2px solid #884400; }
.calendriers td { height:550; text-align:center; font-family: Helvetica,Arial; font-size : 12px; color: #ccc071;}
/* - - - - - - - - barre de navigation secondaire - - - - - - - - - */
.menu2 a {
margin : auto;
height:20px;
font: 11px Helvetica,Arial;
margin: 1px;
padding-left:6px;
padding-right:6px;
padding-top:2px;
padding-bottom:2px;
text-align: center;
text-decoration: none;
background: #640032}
.menu2 a:visited {
color: #ffcc00 }
.menu2 a:hover {
background: #555555 }
.menu2 a:active {
color: red }
/* -------------------- fin --------------------- */