/********************************************
 *
 * P a p e r  S t y l e
 * (C)2008 Mortimix LOJKA aka Mortimix
 * www.mortimix.com - Proudly Handcoded at Night, During Weeks...
 * Leben * Arbeiten * Lieben * Sterben *
 * Please respect, don't steal this code stupidly
 * J u l y  2 0 0 8
 *
 *******************************************/


/***** General Blocks *****/


Body {
	background: #475B66 url(../images/css/bg.jpg);
	margin: 0px;
	padding: 0px;
}

#background {
	padding: 30px 0px;
	background: url(../images/css/bghaut.jpg) repeat-x;
	height: 512px;
	text-align: center;
	z-index: 0;
}

#conteneur {
	margin: auto;
	padding: 0px;
	width: 85%;
	max-width: 1000px;
	height: auto;
	border: 10px #F8F8F8 solid;
	background-color: #E7E5E3;
	z-index: 1;
}

#contintro {
	margin: auto;
	margin-top: 80px;
	width: 600px;
	height: 516px;
	background-color: transparent;
	z-index: 1;
}

#contintro a img {
	border:0;
}

#cv img {
	float: right;
	margin-right: 15px;
}

/***** Header *****/

#header {
	margin: 0;
	padding: 0;
	padding-top: 0;
	position: relative;
	width: 100%;
	height: 100px;
	clear: both;
	text-align: left;
}
	
#header.home {
	background: #90B6C5 url(../images/css/home.jpg) 0 0;
}

#header.portfolio {
	background: #749FC6 url(../images/css/portfolio.jpg) 0 0;
}


#header.media {
	background: #85BD34 url(../images/css/media.jpg) 0 0;
}


#header.profil {
	background: #C92272 url(../images/css/profil.jpg) 0 0;
}

#header.contact {
	background: #F48D43 url(../images/css/contact.jpg) 0 0;
}

#header.links {
	background: #D89C59 url(../images/css/links.jpg) 0 0;
}

#header.photo {
	background: #D89C59 url(../images/css/photo.jpg) 0 0;
}

#article {
	width: 63%;
	padding: 5px 20px 5px 5px;
	margin : 0 0 5px 0;
	float: right;
}

#message {
	width: 75%;
	min-width: 535px;
	max-width: 1300px;
	margin : 0;
	padding: 8px 0 0 4px;
	float: right;
}


#lien {
	width: auto;
	padding: 5px 20px 5px 5px;
	margin : 0 0 5px 0;
	float: right;
}

html>body #article {
	margin: 0; /* MSIE gère les valeurs à sa propre manière...   */
}

#cv {
	width: 95%;
	padding: 5px 20px 5px 5px;
	margin : 0 0 5px 0;
	float: right;
}

#cv img {
	float: right;
	margin-right: 15px;
}

.cvcontent  {
	width: auto;
	height: auto;
	padding: 0 9px 0 9px;
}


#propos {
	width: 22%;
	float: left;
	margin: 15px 10px 0 5px;
	padding: 0;
}

/***** Champs de remplissage *****/

input:focus, textarea:focus {
	background-color: #e9eaee;
}

textarea{
	width: 95%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}

input,textarea{
	background: #efeef0;
	border: 1px solid #999;
	color: #5d5b51;
}

.listbox {
	font-family: 'Trebuchet MS', 'Lucida Grande', Helvetica, Verdana, Arial, Sans-Serif;
	color:#828189;
	background-color : #ededed;
	font-size: 0.8em;
	vertical-align : middle;
}

#mail {
	width: 63%;
	height: auto;
	margin: 10px;
	padding: 0;
	float: right;
	text-align: center;
}

.post-topcat{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.2em;
	color:#db0000;
	margin: 0px;
	background: transparent;
	padding-bottom: 1px;
}

.post-info{
	font-family: "Lucida Grande", Tahoma, Verdana, Helvetica, Arial, Sans-Serif;
	font-weight: lighter;
	font-size: 0.7em;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	margin: 0px;
	color: #626464;
	background: transparent;
	border-bottom: 1px dashed #bcb6aa;
}

/***** Galeries *****/

.mini {
	width: auto;
	border: 3px solid #ffffff;
	height: auto;
	float: left;
	margin: 0 4px 4px 0;
	cursor: pointer;
}

/* #pict{
	margin: 0 8px 0 0;
	padding: 0;
}
*/

#vigne {
	width: 22%;
	min-width: 170px;
	margin: 0 0 5px 0;
	padding: 8px 0 0 4px;
	float: left;	
}

html>body #vigne {
	padding: 10px 8px; /* MSIE gère les valeurs à sa propre manière...   */
}

#vide {
	width: 75%;
	min-width: 535px;
	max-width: 1300px;
	height: auto;
	padding: 8px 0 15px 4px;		
	float: left;
}

#works {
	height: auto;
	width: 95%;
	margin: 0 auto;
	padding: 0;
	min-width: 530px;
	max-width: 700px;
	overflow: hidden;
}

#works img {
	vertical-align: middle;
}

#curri {
	height: auto;
	width: 95%;
	margin: 0 auto;
	padding: 0;
	min-width: 510px;
	max-width: 1100px;
}


#anciens {
	width: 26%;
	float: left;
	margin: 15px 5px 15px 10px;
	padding: 0px;
	}

#index {
	width: 95%;
	float: left;
	margin: 15px 5px 15px 10px;
	padding: 0;
	z-index: 1;
}


hr {
	visibility: hidden;
	clear: both;
	margin: 5px 0;
	padding: 0;
	border: 0;
}
   
/***** Menu Superieur *****/

#menu {
	font-family: Verdana, Geneva, Arial, Helvetica, 'Lucida Grande', 'Trebuchet MS', Sans-Serif;
	font-size: 0.9em;
	letter-spacing: 0.1em;
	position: absolute;
	bottom: 0;
	list-style: none;
	width: auto;
	margin: 0 -1px 0 0;
	padding: 0;
	right: 0;
}


#menu li {
	background: transparent url(../images/css/bg_navi.gif) no-repeat 50% -100px;
	float: left;
	display: block;
}

#menu li a {
	background: transparent url(../images/css/bg_navi.gif) no-repeat 50% -34px;
	display: block;
	width: 75px;
	font-size: 0.8em;
	text-align: center;
	padding: 0 0 16px 0;
	float: left;
	color: #f0f0ee;
	text-decoration: none;
}

#menu li .acolgch {
	background: transparent url(../images/css/acolgch.gif) no-repeat 14px 0;
	width: 28px;
	height: 31px;
	margin: 0;
	padding: 0;
	text-indent: -5555px;
	display: block;
}

#menu li .acoldt {
	background: url(../images/css/acoldt.gif) no-repeat 0px 0px;
	width: 28px;
	height: 31px;
	margin: 0;
	text-indent: -5555px;
	display: block;
}

#menu li a:hover {
	background-position: 50% -76px;
	color: #ffffff;
}
  
#home #menu #bhome a,
#portfolio #menu #bportfolio a,
#media #menu #bmedia a,
#photos #menu #bphotos a,
#profil #menu #bprofil a,
#contact #menu #bcontact a,
#links #menu #blinks a {
background-position: 50% 16px;
color: #ffe2aa;
}
  
/***** Cadres Images *****/

.cadrearticle {
	background-image: url(../images/css/borgh.gif);
	background-color: #EDEDED; 
	background-repeat: repeat-y;
	text-align: left;
	margin: 5px;
	width: auto;
	height: auto;	
}

.bloctxtarticle {
	background-image: url(../images/css/bordt.gif); 
	background-repeat: repeat-y;
	background-position: right;
	margin: 0 0 -4px 0;
	width: auto;
	height: auto;
}


.contenutxt {
	width: 95%;
	padding: 0 10px 0 20px;
}

.contvignettes  {
	width: auto;
	height: auto;
	padding: 0 6px 0 9px;
}


.contimg {
	text-align: center;
	width: auto;
	height: auto;
}

.contimg img {
	vertical-align: middle;
	text-align: center;
}

.toplinkbox li {
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 0.8em;
	letter-spacing: 0.1em;
	font-style: italic;
	color: #8b99a7;
	display: inline;
	padding: 0 0 0 20px;
	margin: 0 0 0 15px;
}


.toplinkbox {
	width: 95%;
	height: auto;
	margin: 0 0 10px 10px;
	padding: 0 0 0 12px;
	float: left;
}


.linkbox {
	width: 22%;
	height: auto;
	padding: 0 0 3px 22px;
	float: left;
}


.bordtop {
	height: 28px;
	width: 100%;
	text-align: right;
	clear: both;
	background-image: url(../images/css/bortop.gif);
}

.bordtop img {
	vertical-align: top; /* pour MSIE, qui a décidément du mal... */
}

.cointopgh {
	width: 18px;
	height: 28px;
	background-image: url(../images/css/cosupgh.gif);
	float: left;
}

.cointopdt {
	width: 19px;
	height: 28px;
	background-image: url(../images/css/cosupdt.gif);
	float: right;
}

.bas {
	height: 15px;
	background-image: url(../images/css/bas.gif);
}

.bas img {
	vertical-align: bottom; /* Meurt MSIE, MEURT ! */
}

.coinfgh {
	width: 16px;
	height: 15px;
	background-image: url(../images/css/coinfgh.gif);
	float: left;
}

.coinfdt {
	width: 18px;
	height: 15px;
	background-image: url(../images/css/coinfdt.gif);
	float: right;
}

/***** Coins arrondis Liens *****/

.upcomleft {
	background-position: left top;
	background-image: url(../images/css/com-upleft.gif);
	background-repeat: no-repeat;
	background-color: #dcdde1;
}
.upcomright {
	background-position: right top;
	background-image: url(../images/css/com-upright.gif);
	background-repeat: no-repeat;
}
.lowcomleft {
	background-position: left bottom;
	background-image: url(../images/css/com-lowleft.gif);
	background-repeat: no-repeat;
}
.lowcomright {
	background-position: right bottom;
	background-image: url(../images/css/com-lowright.gif);
	background-repeat: no-repeat;
	padding: 1px 4px 1px 10px;
	margin: 0;
}



/***** Liste de Définition *****/

dl.liste {
	background-color: #DCDDE1; 
	width: auto;
	margin: 0;
	margin-right: 5px;
	font-weight: normal;
	text-align: left;
	letter-spacing: 0.1em;
}

.liste dt { 
	font-family: Georgia, "Times New Roman", Times, serif; 
	color: #00b2e5;
	font-weight: bold;
	font-style: italic;
	padding: 0 2px;
	border-top: 1px solid #d0d1d2;   
    voice-family: "\"}\"";   
    voice-family: inherit;   
    font-size:    x-small;
}

html>liste dt 	{
	font-size: x-small; 
} 

#biglink {
	margin: 15px 9px 5px 12px;
	width: auto;
	height: auto;	
}

.linkbox dt a {
	text-indent: 12px;
	display: block;
	color: #00b2E5;
	text-decoration: none;
	margin: 3px;
	padding: 1px;
}

.linkbox dt a:hover {
	text-indent: 7px;
	display: block;
	color: #00c0f7;
   	background-color: #cfd4da;
	border-left: 5px solid #00c0f7;
	text-decoration: none;
	padding: 1px;
}

.liste dd {
	font-family: "Trebuchet MS", verdana, helvetica, sans-serif;
	margin: 3px;
	font-weight: normal;
   	font-size: x-small;
	color: #9c9faa;     
	voice-family: "\"}\"";   
	voice-family: inherit;   
	font-size: x-small; 
}
	
html>liste dd 	{
	font-size: x-small;
	color: #de8318;
} 

.liste dt img {
	width: auto;
	height: auto;
	border: 0;
}

.liste dd img {
	width: auto;
	height: auto;
	border: 0;
}

.lphoto {background: url(/images/css/pho.gif) no-repeat 5px 7px; }
.lmisc {background: url(/images/css/mis.gif) no-repeat 5px 7px; }
.lgraph {background: url(/images/css/des.gif) no-repeat 5px 7px; }
.lill {background: url(/images/css/ill.gif) no-repeat 5px 7px; }
.lweb {background: url(/images/css/web.gif) no-repeat 5px 7px; }
.lsub {background: url(/images/css/sub.gif) no-repeat 5px 7px; }
	
/***** Footer et Icônes *****/

#footer {
	text-align: right;
	margin: 0;
	padding: 0px;
	width: 100%;
	clear: both;
}

#footer ul {
	bottom: 0;
	float: right;
	width: auto;
	list-style: none;
	padding: 2px;
	margin: 0;
}

#conteneur #footer ul li {
	float: left;
	padding: 2px;
}

#footer li a {
	background: url(../images/css/css.gif) no-repeat 0px 0px;
	display: block;
	height: 16px;
	float: left;
}

#footer li a:hover {
  background-position: 0px -64px;
}

#footer li a span {
	text-align: left;
	text-indent: -5555px;
	display: block;
}

#footer .css {
	width: 82px;
}

#footer .frameless {
	background-image: url(../images/css/frameless.gif);
	width: 82px;
}

#footer .tableless {
	background-image: url(../images/css/tableless.gif);
	width: 82px;
}

#footer .resolution {
	background-image: url(../images/css/resolution.gif);
	width: 82px;
}

#footer .firefox {
	background-image: url(../images/css/firefox.gif);	
	width: 82px;
}

#footer .about {
	background-image: url(../../../../images/css/about.gif);
	width: 82px;
	cursor: help;
}


/***** Typographie *****/

a{
	color: #00B2E5;
	text-decoration: none;
}

a:visited{
	color: #9C9FAA;
}

a:hover{
	color: #FFA200;
	text-decoration: none;
}

h1, h2, h3, h4{
    font-family: Georgia, Verdana, "Times New Roman", Serif;
	line-height: 1em;
}
h5, h6{
    font-family: Helvetica, Arial, Sans-Serif;
}

h1{font-size: 1.5em;}
h2{font-size: 1.3em;}
h3{font-size: 1.1em;}
h4{font-size: 0.9em;}
h5{font-size: 0.7em;}
h6{font-size: 0.6em;}


p {
	font-family: Verdana, Arial, Helvetica, 'Lucida Grande', 'Trebuchet MS', Sans-Serif;
	font-size: 0.75em;
	line-height: 1.6em;
	text-indent: 20px;
	color: #5d5b51;
	text-align: left;
}

.enum li {
	font-family: Verdana, Arial, Helvetica, 'Lucida Grande', 'Trebuchet MS', Sans-Serif;
	font-size: 0.7em;
	line-height: 1.6em;
	list-style-image: url(../images/css/dot.gif);
	color: #5d5b51;
	text-align: left;
}

.prepro {
	font-size: 0.75em;
	text-align: right;
	color: #5d5b51;
}

.dateprepro {
	font-family: "Times New Roman", Times, Georgia, serif;
	font-size: 0.75em;
	text-align: right;
	color: #5d5b51;
}

small {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #5d5b51;
	text-align: left;
}
	
.cvtitle {
	font-family: "Times New Roman", Times, Georgia, serif;
	font-weight: normal;
	font-style: italic;
	color: #00b2e5;
	background: #e3e4e7;
	margin: 10px 0 10px;
	padding: 2px 10px 2px;
}

.sign {
	font-family: Verdana, Arial, Helvetica, 'Lucida Grande', 'Trebuchet MS', Sans-Serif;
	text-align: right;
	font-size: 0.6em;
	letter-spacing: 0.1em;
	padding: 0 20px 0 0;
	margin: 0;
	color: #b1aaa3;
}

.toptxt {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.2em;
	color:#db0000;
	margin: 0px;
	background: transparent;
	padding-bottom: 1px;
}

fieldset {
		background: #e5e5e4;
		border: 1px solid #d3d4d7;
}

.tab {
	padding-left: 100px;
}

legend {
	font-family: "Times New Roman", Times, Georgia, serif;
	font-weight: normal;
	font-style: italic;
	font-size: 1.3em;
	color: #00b2e5;
	padding: 2px 10px;
}

.sidetxt {
	font-family: "Times New Roman", Times, Georgia, serif;
	font-weight: normal;
	font-style: italic;
	color: #00b2e5;
	background: #e3e4e7;
	margin: 10px 0 10px;
	padding: 2px 10px 2px;
}

.linkfriend {
	font-weight: normal;
	font-style: italic;
	text-align: right;
	color: #8B99A7;
	margin: 5px 0 10px;
	color: #00B2E5;
	border-bottom: 1px solid #ffa500;
}

.linkcomm {
	letter-spacing: 0.1em;	
	font-weight: normal;
	font-style: italic;	
	text-align: right;
	color: #00B2E5;
	margin: 5px 0 10px;
	background: #dfe0e2;
	border-bottom: 1px solid #ee62a4;
}

.linkinsp {
	letter-spacing: 0.1em;
	font-weight: normal;
	font-style: italic;
	text-align: right;
	color: #00b2e5;
	margin: 5px 0 10px;
	padding: 1px;
	border-bottom: 1px solid #4bcf4b;
}

.linkothers {
	letter-spacing: 0.1em;	
	font-weight: normal;
	font-style: italic;
	text-align: right;
	color: #00b2e5;
	margin: 5px 0 10px;
	padding: 1px;
	border-bottom: 1px solid #00b2e5;
}

.linkbox ul {
	font-family: 'Trebuchet MS', 'Lucida Grande', Helvetica, Verdana, Arial, Sans-Serif;
	font-size: 0.7em;
	display: block;
	text-align: left;
	margin: 0;
	padding: 0;
}


.linkbox li {
	text-align: left;
	border-bottom: 1px solid #D0D1D2;
	list-style: none;
	color: #9c9faa;
	text-decoration: none;
	margin: 2px;
	padding: 1px;
}

.linkbox li a {
	text-indent: 10px;
	display: block;
	color: #9c9faa;
	text-decoration: none;
	margin: 2px;
	padding: 1px;
}

.linkbox li a:hover {
	text-indent: 5px;
	display: block;
	color: #66c53e;
	border-left: 5px solid #91e62c;
	background-color: #d6d7d9;
	text-decoration: none;
	margin: 2px;
	padding: 1px;
}

/***** Intro *****/

#intro {
	position: absolute;
	top: 575px;
	height: 50px;
	width: 220px;
	margin-left: 15px;
	padding-left: 80px;
	border-top: 5px #82c3e2 solid;
	background-color: transparent;
}

.introtxt {
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-style: italic;
	letter-spacing: 0.1em;
	font-size: 0.8em;
	line-height: 1em;
	color: #82c3e2;
	text-align: left;
}
	
/***** 404 Error *****/
	
#mire {
	background: url(../images/404.gif) no-repeat;
	margin: auto;
	width: 400px;
	height: 400px;
	background-color: transparent;
	z-index: 1;
}

#error {
	position: absolute;
	top: 450px;
	height: auto;
	width: 480px;
	margin: 0;
	padding-left: 10px;
	background-color: transparent;
	text-align: left;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; 
	font-size: 0.9em;
	line-height: 1.3em;
	color: #f4f4f4;
	display: block;
	list-style: circle;
}

span.errortxttop {
	font-family: Georgia, "Times New Roman", Times, serif; 
	letter-spacing: 0.1em;
	font-size: 1.3em;
	line-height: 1em;
	color: #82c3e2;
}

p.errortxt {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; 
	font-size: 0.9em;
	line-height: 1.3em;
	color: #f4f4f4;
	display: block;
	text-align: left;
	list-style: circle;
}

	
p.errortxt ul {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; 
	font-size: 0.9em;
	line-height: 1.3em;
	color: #f4f4f4;
	display: block;
	text-align: left;
	list-style: circle;
}
	
.linetr {
	text-decoration: line-through;
}	
	
h3.update 	{
	font-family: Georgia, "Times New Roman", serif;
	font-weight: bold;
	font-size: x-small;
	color: #FFFFFF;
	padding: 75px 0 0 75px;
	margin: 0;
	text-transform: capitalize;
	letter-spacing: 1px;
}
	
h3.categorie	{
	font-family: Georgia, "Times New Roman", serif;
	font-weight: bold;
	font-size: x-small;
	color: #8A99A4;
	padding: 5px 17px 0 0;
	text-transform: capitalize;
	letter-spacing: 1px;
}

html>h3.categorie	{
	font-size:  small;  
}