@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;background-image:url(images/fond.png); background-repeat:yes; }
#container {margin:auto; width: 1080px;}

/* Les balises en general */
a {color: #161616; text-decoration:underline;  font-weight: 600; text-decoration-color:#4A4A4A; text-decoration-style: dotted;}
a:visited {color: #656565; text-decoration: none;  font-weight: 800;}
a:hover {color: #656565; text-decoration:underline;  font-weight: 600; text-decoration-color:#292929;}
h3 {color:#3E3E3E;font-family:Georgia Italic;font-variant:italic;font-size:21px;font-weight:800;text-decoration:none;}
h3 a {color:#4A4A4A;font-family:Georgia Italic;font-variant:italic;font-size:21px;font-weight:1000;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: 830px; float:left;}
#col2 {width: 230px; float: right}



/* dans la colonne1 */

/* banner*/
#banner p { margin: 0px 0px 0px 0px; text-align: left; font-size: 12px; 
font-family: Lucida, sans-serif; font-weight: 400;} /* le texte de description du comics */
#banner .origine {text-align: right;}
h1 {font-family:Georgia Italic;text-align: left; font-size:42px;}
h1 img {float:left;}
#banner {height: 410px; overflow: hidden;}


/*content*/
#content h2 {color:#454545;font-family:Georgia Italic, sherif;font-variant:italic;font-size:36px;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: 5px}
#content p {text-align:left;}

/*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-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;}
.cadreblack { background-color:#d4ddae; color:black; 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 .cadreblack  {padding:10;}