@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 {background-color:#333d47; text-align:center; font-size: 12px;  font-family: Lucida, sans-serif; font-weight: 500;}
#container {margin:auto; width: 1020px;}

/* Les balises en general */
a {color: #333d47; text-decoration: none;  font-weight: 800;}
a:hover {background-color:#ababab; color:white;}
h3 {color:#333d47;font-family:Lucida,sans-serif;font-size:21px;font-variant:small-caps;font-weight:800;text-decoration:none;}
h3 a {color:#333d47;font-family:Lucida,sans-serif;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: 780px; float:left;}
#col2 {width: 230px; float: right}



/* dans la colonne1 */

/* banner*/
#banner p { margin: 0px 0px 0px 235px; text-align: left; font-size: 16px; 
font-family: Lucida, sans-serif; font-weight: 800;} /* le texte de description du comics */
#banner .origine {text-align: right;}
h1 {float:center;}
h1 img {float:left; padding-left:10px;}
#banner {height: 150px; overflow: hidden;}


/*content*/
#content h2 {font-size: 20px; font-variant: small-caps; font-family: Lucida, sans-serif; font-weight: 800;}
#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

/*comms*/
#comms_table{width:750px}
.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: #ababab; 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: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;}