/* CSS Document */

* {min-height:1px; }
body {border:0; margin:0; padding:0; background-color:  #87a1eb; font:70%/160% "verdana",sans-serif; /*color:#192666;*/ color: #354B17; text-align:center;}

a {color:#354B17;}
a:hover {color:#4F6AD7;}

p {border:0; margin:8px 0; padding:0; font-size: 1.07em; line-height: 200%;}

div {display:block; border:0; margin:0; padding:0;}

h1, h2, h3, h4, h5 {border:0; margin:15px 0 10px 0; padding:0; font-weight:bold;}
h1 {font-size:260%; line-height:100%; font-family:"georgia",serif; font-weight:normal; }
h2 {font-size:180%; line-height:100%; font-family:"georgia",serif; font-weight:normal; margin-bottom: 30px;}
h3 {font-size:120%; line-height:100%; font-weight:bold; margin-top: 30px; margin-bottom: 0;}
h4 {font-size:120%;}
h5 {font-size:100%;}

table {display:table; border-collapse:collapse; margin:15px 0; padding:0; border:1px solid #B7CAF6; font-size:100%;}
tr {display:table-row;}
th, td {display: table-cell; border:1px solid #B7CAF6; margin:0; padding:5px; vertical-align:top; text-align:left;}
th {background:#E7ECFD; text-align:center; color:#192666; font-weight:bold;}

ul, ol {display:block; border:0; margin:15px 0 15px 40px; padding:0;}
ol {list-style-type:decimal;}
li {display:list-item; border:0; margin:0; padding:0;}
ul ul, ul ol, ol ol, ol ul {margin: 0 0 0 20px;}

dl {border:0; margin:15px 0; padding:0;}
dt {border:0; margin:0; padding:0; font-weight:bold;}
dd {border:0; margin:0 0 0 30px; padding:0;}

form {border:0; margin:0; padding:0;}
fieldset {border:1px solid #ccc; margin:15px 0; padding:10px;}
legend {margin-left:10px; font-size:100%; font-weight:bold; color:#008;}

hr {display:block; height:1px; margin:10px 0; padding:0; background:#CCC; border:0 solid #CCC; color:#CCC;}

a, img, span {border:0; margin:0; padding:0;}
abbr, acronym {border-bottom:1px dotted #CCC; cursor:help;}

del, .through {text-decoration:line-through;}
strong, .strong {font-weight:bold;}
cite, em, q, var {font-style:italic;}
code, kbd, samp {font-family:monospace; font-size:110%;}

.f-left {float:left;}
.f-right {float:right;}

.t-left {text-align:left;}
.t-center {text-align:center;}
.t-right {text-align:right;}

.va-middle {vertical-align:middle;}

.clear {clear:both;}
.box {min-height:1px;}
.box:after {content:"."; display:block; line-height:0px; font-size:0px; visibility:hidden; clear:both;}

.nom {margin:0;}
.noscreen {display:none;}
.hidden {visibility: hidden;}
/*------------------------------------------*/


#main {width:770px; margin:0 auto 0 auto; text-align:left; position: relative; padding-top: 10px;  }

#flags {position: relative; margin: 15px 0; height: 20px; }
#flags ul {position: absolute; right: 0; list-style: none; margin: 0;}
#flags ul li {float: left; margin: 0 15px 0 0; }
#fr_flag {display: block; background: url("images/f_flag.gif") no-repeat; width: 20px; height: 13px; }
#de_flag {display: block; background: url("images/g_flag.gif") no-repeat; width: 20px; height: 13px;  }
#nl_flag {display: block; background: url("images/h_flag.gif") no-repeat; width: 20px; height: 13px; }
#en_flag {display: block; background: url("images/e_flag.gif") no-repeat; width: 20px; height: 13px;  }
#en_flag span, #de_flag span, #nl_flag span, #fr_flag span {display: none;}

#header {position:relative; width:770px; margin:0; padding:0; height: 99px; color:#FFF;}
#header p {display: none;}
.en #header {background: url("http://art-home-ardeche.fr/css/images/header_en.gif") 0 0 no-repeat; }
.de #header {background: url("http://art-home-ardeche.fr/css/images/header_de.gif") 0 0 no-repeat; width: 770px; height: 99px;}
.fr #header {background: url("http://art-home-ardeche.fr/css/images/header_fr.gif") 0 0 no-repeat; }
.nl #header {background: url("http://art-home-ardeche.fr/css/images/header_nl.gif") 0 0 no-repeat; }
      
#flower { position: relative; top: -150px; left: -58px; z-index: 2 }   
            
#header h1 span {display: none}       

#tabs {background-color: #83a750; padding:10px 0 0 0; _height:1px; width: 769px; }
#tabs ul {margin:0 10px 0 120px; padding:0; list-style:none;}
#tabs ul li {margin:0 5px 0 0; padding:0; float:left;}
#tabs ul li a {display:block; position:relative; padding: 7px 15px; border:0; color:#ffffff; font-weight:bold; text-decoration:none; cursor:pointer;}
#tabs ul li a span.tab-l, #tabs ul li a:hover span.tab-l {position:absolute; top:0; left:0; _left:-15px; width:8px; height:8px; }
#tabs ul li a span.tab-r, #tabs ul li a:hover span.tab-r {position:absolute; top:0; right:0; _right:-1px; width:8px; height:8px; }
#tabs ul li a:hover { color:#fe3a0f;}
#tabs ul li#active a {background:#FFF; color:#FF531d; }
#tabs ul li#active a span.tab-l {position:absolute; top:0; left:0; _left:-15px; width:8px; height:8px; background:url("images/tab_active_l.gif") 0 0 no-repeat;}
#tabs ul li#active a span.tab-r {position:absolute; top:0; right:0; width:8px; height:8px; background:url("images/tab_active_r.gif") 100% 0 no-repeat;}

#page {background-color: #fff; width: 769px; position: relative; top: -222px; _top: -217px; left: 0}

#content {margin:0; width: auto; padding: 30px 30px 30px 50px;}

#footer {text-align: center; width:770px; height: 29px;  color: #fff; font-weight: bold;
         background:url("images/footer.gif") 0 0 no-repeat; position: relative; top: -222px;}
#footer span {display: block; padding-top: 5px;}       
 
/*------------------------------------------*/
 
#nora {float: right; padding: 0 0 30px 30px; }
#nora2 {float: right; margin: 0 20px 10px 10px;}
#contact {display: table; width: 42em; border: 1px solid #c9e1a7; padding: 0; margin-bottom: 20px;}
#contact .left {background-color: #c9e1a7; float: left;  padding: 30px; margin: 0;}
#contact .right {padding: 30px; float: right;}
.preview {width: 600px;} 
.preview img {height: 100px;}

#main-text {float:right; width:410px; _width:430px; margin-bottom: 50px; padding:0 30px 0 20px; margin-top: -30px;}

#main-text h3 {margin-top: 0}    
#col {float:left; width:220px; margin-bottom: 50px; padding:0; background:#d4e3bf  }

#col h3 {padding: 15px 15px 14px 15px; margin: 0; background:#9abc6f; color:#fff;}

    #col ul#archive {margin:15px 0; padding:0; list-style:none;}
    #col ul#archive li {margin:0; padding:0; border-bottom:1px solid #E0E8FA;}
    #col ul#archive li a {display:block; padding:3px 0 3px 22px; background:url("../design/ico_archive.gif") 5px 50% no-repeat; text-decoration:none;}
    #col ul#archive li a:hover {color:#FF531d;  }
    #col ul#archive li#archive-active a { background:url("../design/ico_archive2.gif") 5px 50% no-repeat;  font-weight:bold;}

.image-box {margin: 30px 0 50px 0}