/*  
Site URI: http://valeriedebieux.info/
Description: ValŽrie Debieux
Version: 1.0
Author: hello@equant.org
Credits: http://valeriedebieux.info/c.txt
*/


* {margin: 0px; padding: 0px;}
body {font: 8pt/16pt Georgia, "Times New Roman", Times, serif; background: #efefd5;}

p {font: 10pt/16pt Georgia, "Times New Roman", Times, serif; text-align: justify; color: #000000; padding: 5px 0;}

.attributea {font: italic 12px/14px georgia,serif; color: #c3d3a31;}
.attributeb {font: italic 12px/14px georgia,serif; color: #5a5342;}

a:link {font-weight: bold; text-decoration: none; color: #990000;}
a:visited {font-weight: bold; text-decoration: none; color: #990000;}
a:hover, a:active {text-decoration: underline; color: #333300;}

img {border: none;}
a img {margin-bottom: 20px; border: 1px solid #fff;}
a:hover img {border-color: #413b2d;}

#container {width: 642px; background: #FFFFFF url("img/container_tile.jpg") repeat-y; margin: 0px auto;}
#pageHeader {margin-bottom: 0px; background-image: url("img/header.jpg"); height: 481px; background-repeat: no-repeat;}
#pageHeader h1 {text-indent: -2000px;}
#pageHeader h2 {text-indent: -2000px;}

#quickSummary {position:absolute; top: 365px; width: 274px; height: 162px;}
#quickSummary p {font: italic 8pt/15pt georgia; text-align:center; color: #666600; position:relative; left: 292px;}
#quickSummary .p2 {font: italic 8pt/15pt georgia; text-align:center; color: #000000;}
#preamble {clear: right; padding: 0px 60px 0px;}
#preamble p {margin: 0px;}
		
#preamble h3 {padding: 0px 10px; color: #FF9900; text-indent: -2000px;}
#about h3 {color: #FF9900; background-image: url("img/biographie.gif"); text-indent: -2000px; height: 60px; width: 320px;}
#theatre h3 {color: #FF9900; background-image: url("img/theatre.gif"); text-indent: -2000px; height: 60px; width: 320px;}	
#contact h3 {color: #FF9900; background-image: url("img/contact.gif"); text-indent: -2000px; height: 60px; width: 320px;}	
#voyages h3 {color: #FF9900; background-image: url("img/voyages.gif"); text-indent: -2000px; height: 60px; width: 320px;}	
#ecriture h3 {color: #FF9900; background-image: url("img/ecriture.gif"); text-indent: -2000px; height: 60px; width: 320px;}	
#signature h3 {color: #FF9900; background-image: url("img/signature.gif"); text-indent: -2000px; height: 60px; width: 320px;}	

#supportingText {padding: 0px 110px 10px 110px;}
#footer {text-align: center; padding: 10px; margin-top: 15px; background-color: #abab8e; border: 1px dotted #EEEEEE;}
#footer a:link, #footer a:visited {margin-right: 20px;}
#linkList {position: absolute; top: 470px;}

#linkList2 {font: 10px verdana, sans-serif;  border: 0px solid gray; background-image: url("img/linklist_bg.jpg"); background-repeat: repeat-y; background-position: right; background-color: #abab8e; padding-left: 10px; padding-right: 30px; padding-bottom: 30px; margin-top: 10px; width: 138px; position:relative; left: -90px;}
#linkList h3.menu {background: transparent url("img/menu.gif") no-repeat top left;	height: 56px; text-indent: -2000px;}
#linkList h3.auteur {background: transparent url("img/auteur.gif") no-repeat top left; height: 56px; text-indent: -2000px;}
#linkList h3.citation {background: transparent url("img/citation.gif") no-repeat top left;	 height: 56px; text-indent: -2000px;}
#linkList h3.latoiledudestin {background: transparent url("img/latoiledudestin.gif") no-repeat top left; height: 56px; text-indent: -2000px;}
#linkList ul {margin: 0px; padding: 0px;}
#linkList li {line-height: 2.8ex; list-style-type: none; background: transparent; display: block; padding-top: 2px; margin-bottom: 2px;}
#linkList li a:link {color: #EEEEEE;}
#linkList li a:visited {color: #EEEEEE;}
#linkList li a:hover {color: #666666; text-decoration:none;}
#linkList li a.selected {color: #666666; text-decoration:none;}

form {font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0;}
input, textarea, select, {background: #FBFBFB url("img/input_bkgd.gif") repeat-x; color: #363636; padding: 3px 3px 4px; border: 1px #CFCFCF solid;}
.form-submit {background: #4D4D4D repeat-x; color: #fff; padding: 5px 13px; border: 0; cursor: pointer;}
.form-submit:hover { background-color: #000;}
form#contact {padding: 10px 0 20px; width: 310px; float: left;}
#contact div .txt {background: #FBFBFB url("img/input_bkgd.gif") repeat-x; font: 12px Arial, Helvetica, sans-serif; color: #666; margin: 0 0 8px; padding: 5px; width: 298px; border: 1px #CFCFCF solid;}
#contact textarea { height: 120px;}
#contact #submit { float: right;}
#error-message {font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding-bottom: 10px; color:red;}