@charset "utf-8";

/*
CONTACT
Florent Laroche|stylesheet
Copyright ©2010
*/

html,body{background-color:#fff;margin:0;padding:0;font-family:georgia,serif;font-size:11px;line-height:1.75em;color: #000;}
#content{position:relative;width:820px;margin:0 auto;}
p{line-height:1.75em;color: #000;}

/* ### HEADER ### */

#logo{top:15px;visibility:visible;position:absolute;margin:0;padding:0;}
#orn{left:120px;position:absolute;margin:0;padding:0;width:720px;height:773px; background-image:url(../img/orn.png);}
#web_d{left:252px;top:46px;position:absolute;margin:0;padding:0;width:317px;height:109px; background-image:url(../img/web_d.png); z-index:1;}

/* ### NAVIGATION ### */					

#cadre_nav{top:77px;visibility:visible;position:absolute;margin:0;padding:0;}
.navigation{font-family: 'Vollkorn', serif;float:left;font-size:18px;margin:0;padding:0; line-height:34px;}
.navigation li{font-family:inherit;list-style:none;padding:0; margin:0;text-decoration:none;}
.navigation li a{color:#000;padding:0 0 1px 6px; border-left:5px solid #999;text-decoration:none;}
.navigation li a.visited{color:#000;padding:0 0 1px 6px; border-left:5px solid #999;text-decoration:none;}
.navigation li a:hover{color:#000;padding:0 0 1px 6px; border-left:5px solid #F93;text-decoration:none;}
.navigation li a.selected{color:#000;padding:0 0 1px 6px; border-left:5px solid #000;text-decoration:none;}

/* ### BODY ### */

#introtext{left:0;position:absolute;top:235px;visibility:visible;}
#linet{background-image:url(../img/linet.png);height:23px;left:0;position:absolute;top:193px;visibility:visible;width:820px;}
#lineb{background-image:url(../img/linet.png);height:23px;left:0;position:absolute;top:669px;visibility:visible;width:820px;}
#map{background-color:#fff;background-image:url(../img/bye.jpg);background-position:center;background-repeat:no-repeat;width:400px;height:228px;position:absolute;top:414px;left:418px;border:1px solid #000;}

#adress{top:291px;left:418px;width:402px;height:107px;visibility:visible;position:absolute;margin:0;border:1px #000 solid; background-color:#FFF;}
.info{float:left;margin:0; padding-left:6px;height:105px;visibility:visible;}
.info p{font-size:12px;line-height:1em; color:#000;}
.photo{ width:107px; height:107px;float:right;margin:0; padding:0;visibility:visible;}

/* ### FOOTER ### */

#copy{top:687px;left:0px;visibility:visible;position:absolute;margin:0;}
#copy p{line-height:1em;}
#aproposdusite{top:687px;left:229px;visibility:visible;position:absolute;margin:0;}
#aproposdusite p{font-style:italic;line-height:1em;color:#555;}
#nav{top:687px;left:767px;margin:0;visibility:visible;position:absolute;text-align:right;}
#nav p{line-height:1em;}
#footerbar{left:0;position:absolute;top:750px;visibility:visible;height:1px;width:820px;border-bottom:1px dotted #000;}

/* ### TYPO & LINK & CLASS ### */

h2{font-family: 'Vollkorn', serif;color:#222;font-size:30px;text-align:left;margin:0;font-weight:400;font-style: normal;}
h3{color:#000;font-size:19px;text-align:left;margin:0;font-weight:normal; line-height:27px;}

A:link,A:visited,A:active{text-decoration:none;color:#000;}
A:hover{text-decoration:underline;}
img,a img{border:none;}
a:focus{outline:none;}
input:focus,textarea:focus {outline:none;}

/* ### CONTACT-FORM ### */

#cadre_contact{position:absolute; width:400px;top:291px;margin:0;padding:0;font-size:12px;border:1px solid #000;}
fieldset{margin:0;padding:0;border:0;}
form{margin:0;padding:10px 15px 15px 15px;border:0;}
label{display:block;font-size:14px; margin-bottom:2px;padding:0;color:#222;font:inherit;}
.txt_input{background-color:#FCFCFC;height:25px;width:368px; display:block;margin-bottom:6px;border:1px solid #000;padding:0;color:#222;font:inherit; }
textarea{background-color:#FCFCFC;height:110px; width:368px; max-height:110px; max-width:368px;border:1px solid #000;padding:0;display:block;color:#222;font:inherit; margin-bottom:5px;}
input{display:block;padding:0;margin:0;}
.req{color:#F93; margin:0; padding:0;}
#form_errors{color:#f00; display:none;}
#form_thanks{display:none;float:right;margin-top:2px;font-size:16px;color:#000;}
.button{width:85px;height:25px;border:none;cursor:pointer;background-color:#000;color:#fff;font-family:Arial,Tahoma;font-size:12px;float:left;margin-bottom:15px;}
.button:hover{background-color:#F93;color:#fff;}
