/*
     Cree par djefsite pour vallee d art
     http://www.djefsite.org/
*/

* {
    margin:0;
    padding:0;
}
body {
    background:#f4f4f4 url(images/fond-tot.gif) top center repeat-y;
    color:#333;
    font-family: arial, helvetica, sans-serif; 
    font-size:14px;
    line-height:1.4em
}
#entete {
    width:100%;
    margin:0 auto 0 0;
    height:180px;
    background: url(images/header.jpg) top center no-repeat;
    padding:0 0 0 0;
}
#corps {
    padding:0 0 0 0;
    margin: 0 auto;
    width: 986px;
}
#navigation ul { 
    height:30px;
    margin-left: 0;
    background: url(images/navigov.gif) repeat-x #036;
    color: White;
    float: left;
    width: 986px;
    font-family: arial, helvetica, sans-serif; font-weight:600;
}
#navigation ul li {
    display: inline;
}

#navigation ul li a {
    height:30px;
    line-height:30px;
    padding-left:8px;
    padding-right:8px;
    background: url(images/navigov.gif) repeat-x #036;
    color:#fff;
    text-decoration: none;
    float: left;
    border-right: 1px solid #999999;
}
#navigation ul li a:hover {
    background: url(images/navig.gif) repeat-x #036;
    color: #fff;
}

#navigation a span {     
display: none;
 left: 370px;
     top: 30px;
 margin-left: -400px;
 width: 700px;
}

#navigation img{border:none;}

#navigation a:hover span {    
display: block; font-size:14px; font-weight:500; font-style:italic; 
 position: absolute; 
text-align: center;
color: #666666  ;
}
#faux {
    background:#f4f4f4;
    margin:0 0 0 0;
    overflow: auto; /* idee de Paul O Brien Fix pour IE */
    width: 100%
}
#header {
    position:relative;
    z-index:10;
    color: #333;
    width: 986px;
    padding:0;
    height: 30px;
    padding:0;
    margin:-30px 0 0 0;
    background: #036;
}
#col-gauche {
    display: inline;
    color: #333;
    margin:0 0 0 0;
    padding: 0 0 0 15px;
    width: 360px;
    float: left;
}
#col-gauche1 {
    display: inline;
    color: #333;
    margin:0 0 0 0;
    padding: 15px 0 0 10px;
    width: 780px;
    float: left;
    }
    
#col-gauche2 {
    display: inline;
    color: #333;
    margin:0 0 0 0;
    padding:0 0 0 15px;
    width: 700px;
    float: left;
    }
    

        
.editoscript {
    width:330px;
    background:transparent;
    padding-bottom:10px;
    padding-right:10px;
    border-bottom:2px solid #CCCCCC;
}
.editoscript p{padding:2px 0 2px 0}
.editonoscript {
    width:350px;
    height:580px;
    background:transparent;
    padding-bottom:10px;
    padding-right:10px;
    border-bottom:2px solid #CCCCCC;
}
#col-gauche h2 { height:48px; line-height:48px;
    font-size:22px;
    border-bottom:2px solid #CCCCCC;
    margin-bottom:8px
}
#col-gauche a, #col-gauche1 a {
    color: #333399;
    text-decoration:none
}
#col-gauche a:hover, #col-gauche1 a:hover {
    color: #0033FF;
    text-decoration: overline
}
#col-droite {
    float: right;
    color: #333;
    margin: 15px 0 0 0;
    padding: 0 15px 0 0;
    width: 553px;
    display: inline;
    position: relative;
}

#col-droite2 {
    float: right;
    color: #333;
    margin: 25px 0 0 0;
    padding: 0 0 0 0;
    width: 180px;
    display: inline;
    position: relative;
}

#col-droite p {padding:0 0 7px 0}
.h2edit { height:48px; line-height:48px;
    color:#990000;
    background:url(images/edit.gif) top left no-repeat; font-style:italic;
    padding:0 0 5px 55px;
}
.h2contact { height:48px; line-height:48px;
    color: #003366;margin-top:-20px;font-size:22px;border-bottom:2px solid #CCCCCC;margin-bottom:8px;
    background:url(images/contact.gif) top left no-repeat; font-style:italic;
    padding:0 0 5px 55px;
}

.h2pho { height:48px; line-height:48px;
    color: #003366;margin-top:-20px;font-size:22px;border-bottom:2px solid #CCCCCC;margin-bottom:8px;
    background:url(images/camera.gif) top left no-repeat; font-style:italic;
    padding:0 0 5px 55px;   
}

.h2ag { height:48px; line-height:48px;
    color: #003366;margin-top:-20px;font-size:22px;border-bottom:2px solid #CCCCCC;margin-bottom:8px;
    background:url(images/ag.gif) top left no-repeat; font-style:italic;
    padding:0 0 5px 55px;
    }

.h2qui { height:48px; line-height:48px;
    color: #006699;
    background:url(images/connaitre.gif) top left no-repeat; font-style:italic;
    padding:0 0 5px 55px;
}
.h2coup { height:48px; line-height:48px;
    color: #006633;
    background:url(images/coeur.gif) top left no-repeat; font-style:italic;
    padding:0 0 5px 55px;
}
.h2coup2 { height:48px; line-height:48px;
    color: #006633;margin-top:-20px;font-size:22px;border-bottom:2px solid #CCCCCC;margin-bottom:8px;
    background:url(images/coeur.gif) top left no-repeat; font-style:italic;
    padding:0 0 5px 55px;
}
.h2patri { height:48px; line-height:48px;
    color:#006633;margin-top:-20px;font-size:22px;border-bottom:2px solid #CCCCCC;margin-bottom:8px;
    background:url(images/patrit.gif) top left no-repeat; font-style:italic;
    padding:0 0 5px 55px;
}

.h2parten { height:48px; line-height:48px;
    color:#003366;margin-top:-20px;font-size:22px;border-bottom:2px solid #CCCCCC;margin-bottom:8px;
    background:url(images/rej.gif) top left no-repeat; font-style:italic;
    padding:0 0 5px 55px;
}

.h2photo { height:48px; line-height:48px;
    color:#003366;margin-top:-20px;font-size:22px;border-bottom:2px solid #CCCCCC;margin-bottom:8px;
    background:url(images/photo.gif) top left no-repeat; font-style:italic;
    padding:0 0 5px 55px;
}

.h2arch { height:48px; line-height:48px;
    color:#003366;margin-top:-20px;font-size:22px;border-bottom:2px solid #CCCCCC;margin-bottom:8px;
    background:url(images/arch.gif) top left no-repeat; font-style:italic;
    padding:0 0 5px 55px;
}

.h2rej { height:48px; line-height:48px;
    color:#003366;margin-top:-20px;font-size:22px;border-bottom:2px solid #CCCCCC;margin-bottom:8px;
    background:url(images/partenaires.gif) top left no-repeat; font-style:italic;
    padding:0 0 5px 55px;
}


#col-droite h2 {
    font-size:22px;
    border-bottom:2px solid #999999;
    margin-bottom:8px
}
#col-droite a {
    color: #0033FF;
    text-decoration:none
}
#col-droite a:hover {
    color: #0033FF;
    text-decoration: overline
}
#pied {
    height:30px;
    border-bottom:1px solid  #003366;

    width: 100%;
    clear: both;
    color: #333;
    background: url(images/pied.gif) repeat-x #036;
    margin: 25px 0px 0px 0px;
    padding:0;
}
.clear {
    clear: both;
    background: none;
}