@charset "iso-8859-1";
/* Definition de regle */


/* Les remises a zero. */
body, div, p, ul, li, a, img {margin: 0px; padding: 0px;}
img {border:none;}
ul, ol {list-style-type: none;}

/* Le body et le container */
body {text-align:center; font-size: 12px;  color:black ; font-family: Lucida, sans-serif; font-weight: 500;}
body {background: #ffffff ; background-image:url(https://lapin.org/public/cafe1.gif); }
#container {margin:auto; width: 780px;}

hr {color:#990000;}
h1 {color:#600000; line-height: 90%; font-size: 26pt;}
h2 {color:#990000; background-color:#ffffff;}
h3 {color: #600000; font: bold; line-height: 90%; letter-spacing: 3px;}



/* Les balises en general */
a {color: #996633; text-decoration: none; }
a:link {color:#996633;  text-decoration:none;}
a:visited {color:#CD8945; text-decoration:none;}
a:active {color:#CD000A;  text-decoration:none;}
a:hover {border-width : 0; border-style: none; border-color: #996633; background-color:#996633; color:white;}

h3 a {color:#996633;font-size:21px;font-weight:800;text-decoration:none;}

/* Les themes de couleurs, bordures, decos diverses */
.theme1 {color:black; background-color:#cecece;}
/* .theme2 {border: 1px solid black; background-color: #cecece; color: white; text-decoration: none; font-weight: 600;} */
.theme3 {border: 1px solid black; background-color: #cecece; color: #6E7B91; text-decoration: none; font-weight: 600;}

/* les tailles et positions de colonnes */
#col1 {width: 540px; float:left;}
#col2 {width: 230px; float: right;}



/* dans la colonne1 */

/* banner*/
#banner p { margin: 50px 0px 0px 10px; text-align: left; font-size: 16px; color:black;
font-family: Lucida, sans-serif; font-weight: 800;} /* le texte de description du comics */
#banner .origine {text-align: right; margin: 0px 30px 0px 0px;}

h1 img {float:left; padding-left:10px;}
#banner {height: 190px; overflow: hidden;}

#titre {font-family: Georgia Italic, serif; font-size: 16px; font-weight: 600;font-style:italic;}

/*content*/
#content h2 {color:#656565;font-family:Georgia Italic, sherif;font-variant:italic;font-size:26px;text-decoration:none;}
#content buttons {margin:auto; width: 300px; }
#content li a {}
#content ul li { width: 70px; display: inline; margin:2px; padding:2px 5px;}
#content img {padding-top: 10px}
#content p {text-align:left;}

/*comms*/
#comms_table{width:500px}
.comm_text{border: 1px dotted #6E7B91}

/*foot*/
#foot h4 {font-family:Lucida,sans-serif;font-size:6px;font-style:italic;font-variant:small-caps;font-weight:800;margin:0;padding:0;}
#foot p {font-size:12px;}
#foot h2 {font-size:16px;}

/* dans la colonne2 */

/*portail*/
#portail {height: 300px; padding-right:19px; padding-top:12px}

/* Les cadres arrondis */
.dialog {min-width: 100px; margin-top:5px; margin-bottom:10px; padding-bottom:10px; }
.cadre { background-color:white; margin-top:5px; margin-bottom:10px; padding-bottom:10px; padding-left:10px; padding-right:10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; border: 1px black solid }
p .cadre  {padding:10;}
.cadre2 { background-color:white; margin-top:5px; margin-bottom:10px; padding-bottom:10px; padding-left:10px; padding-right:10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; border: 1px black solid }
p .cadre2  {padding:10;}