@import "code.css"; 
@import "homepage.css";

body {
margin: 0px;
font: 14px sans-serif;
}

img { border: 0; vertical-align: middle; }
textarea { width:98%; }

#content { margin-left:13em; margin-right: 1em; }
/* p { max-width: 60em; } */
#commentAnonym { padding-right: .8em; }
#header h1 { font-size: 1em; margin:0; }
#entitrelien { position:absolute; left:4px; top:4px; }
#menu { position: absolute; left: 4px; top: 50px; width:12em; overflow:hidden; }

#header, #footer {
/*background-color: #ddd; */
background-color: rgb(204, 221, 255);
padding: 4px 0 4px 4px;
}

#header { padding-bottom: 3px; border-bottom: 1px solid #999; margin-bottom: 1em; margin-top: 1em; }
#footer        { padding-top   : 3px; border-top:    1px solid #999; margin-top: 4px; clear:both; }
#footer p      { margin:0;}

#header a, #footer a {
text-decoration: none;
color: #666;
}

#header a:hover, #footer a:hover {
text-decoration: underline;
color: #333;
}

#entitresep { font: 15px sans-serif; }
#entitrepage, #entitrepage a { font-weight: bold; color:black; }

.auteur {
margin: 0;
font-variant: small-caps;
}


.tagsection { clear:both; } 
.tagsection .photolettrine { float: left; padding-right: 4px; }
.tagsection a { text-decoration: none; }
.tagsection a:hover { color: #03f; }
.uneinfo p, .tagsection p { text-align: left; max-width: 60em; }
.tagsection ul, .tagsection ol { text-align: left; max-width: 57em; } /* there is a padding of 1em left */

div.hyperlien {
background-color: #f9f9f9; color: black;
border: 1px solid #aaa;
padding:4px;
margin-top: 1em;
}

.hyperlien p {
font-weight: bold;
margin:0;
padding:0;
}

.hyperlien ul {
list-style-position: outside;
list-style-type: circle;
padding-left:25px;
/*padding-left: 2em;*/
}

h2, .uneinfo h3 {
font: 18px sans-serif;
border-bottom: 1px solid #ccc;
color: #444;
}

.lstsection, .lstcontenu {
padding: 5px;
}

/* inspired from wikipedia .portlet */
#menu .menublock h2 { margin:1em 0 0 0; border-bottom: none;  }
#menu .menublock h2 label, #menu .menublock h2 span {
	background-color: rgb(224, 227, 230);
	color: black;
	border-top: 1px solid silver;
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	border-bottom: none;
	padding: 4px 1em 0px 0.5em;	
	font-size:80%;
	font-weight: normal;
	-moz-border-radius-topright: 10px;
}
#menu .menublock .menublock_internal {
	margin-top:-2px;
	border:1px solid silver;
	-moz-border-radius-topright: 10px;
	padding:4px;
	padding-left:8px;
	text-align:center;

}
#menu .menublock .menublock_internal li { 
	text-align:left; list-style-type: square;
}
#menu ul {
	margin: 0;
	padding-left:0px;
	list-style-position: inside;
	font-size: .8em;
}
#oldmenu #menu .menugauche { border:0; }
#oldmenu #menu h3 {
	font-size: .8em;
	text-align:left;
	padding-left: 2px;
	background: transparent;
	color: black;
}

#menu h3 {
margin: 0;
font-size: .8em;
border-bottom: 1px solid #ddd;
/*color: #fff; */
}


#piedpage {
	border-top:1px solid #ccc;
}

#pptitre, #ppcourriel {
margin: 0;
padding-left: 1em;
padding-right: 1em;
float: left;
}
#pptitre { padding-left:0; }

#ppcourriel { border-left: 1px solid #000; }

#lastupdated { clear: both; padding-left: 0em; }
#commright { display:inline;} 
#tools { float:right; text-align:right; margin-top: -1.3em; }
a {
text-decoration: underline;
color: #00a;
}
a:visited { color:#90a; }
a:hover { text-decoration: none; }

table tbody td, table tbody th {
 border-top:1px solid #ccc;
 vertical-align: top;
}
table tbody th {
 text-align:left;
}

#comm {clear:both;}

#comm .comm.read.valid {}
#comm .comm.read.invalid {
  text-decoration: line-through;
  color: #dddddd;
  background: white;
}

#comm .comm.read.invalid:before {
  content: "Commentaire déclarée invalide: ";
}

#comm .comm.unread:before {
  content: "Commentaire non-validé: ";
}


#commentAnonym p {
  margin:0; padding:0; clear:left;
}
#commentAnonym p label {
  float:left;
  text-align:right;
  display:block;
  width:8em;
  padding-right:0.5em;
}
#commentAnonyme input {
  border: none;
  border-bottom: 1px solid black;
}
#commentAnonyme textarea {
  border: 1px solid black;  
}
#frmComm input.input_text { width: 20em; }
#frmComm fieldset { position: relative; }
#frmComm fieldset p.cmd { margin-bottom: 0px; position:absolute; left:30em; top:1em; }


/** 
 * cms auth
 */
#cms_auth_login, #cms_auth_login p {
	margin:0;
	font-size: .9em;
}
#cms_auth_login input.text, #cms_auth_login input.password {
	width:12em;
}


/** portefolio */
div.project { font-size: .9em; clear:both; }
div.project p.projectps { float:right; }
div.project p { margin:0; clear:left; }
div.project p label { float:left; text-align:right; padding-right:1em; width:10em; margin-left:-11em; }
div.project p { padding-left: 10em;  }

/** mozilla only */
#header, #footer, fieldset {
	-moz-border-radius: 6px; 
}

a[hreflang="en"]:after { content: " (en)"; font-size: .8em; color:black; } 
li { padding: 2px 0; }