﻿body
{
   
    background-color:#ececec;
    margin:0px;
    padding:0px;
    font-family:Trebuchet MS;
    font-size:9pt;
}

.bodyaccueil
{
    background-position: left top;
    background-image: url(images/vaorange.jpg);
    background-repeat: no-repeat;
}
.bodyannonces
{
    background-position: left top;
    background-image: url(images/vajaune.jpg);
    background-repeat: no-repeat;
}
.bodycalendrier
{
    background-position: left top;
    background-image: url(images/vavertclair.jpg);
    background-repeat: no-repeat;
}
.bodynewsletter
{
    background-position: left top;
    background-image: url(images/vavertfonce.jpg);
    background-repeat: no-repeat;
}
.bodyrepertoire 
{
    background-position: left top;
    background-image: url(images/vableu.jpg);
    /*background-image: url(images/VA_fond_bleu.jpg);*/
    background-repeat: no-repeat;
    /*margin-top:20px;*/
}
.bodyressources1 
{
    background-position: left top;
    background-image: url(images/vableuclair1.jpg);
    background-repeat: no-repeat;
}
.bodyressources2
{
    background-position: left top;
    background-image: url(images/vableuclair2.jpg);
    background-repeat: no-repeat;
}
.bodyvassos1 
{
    background-position: left top;
    background-image: url(images/varose1.jpg);
    background-repeat: no-repeat;
}
.bodyvassos2 
{
    background-position: left top;
    background-image: url(images/varose2.jpg);
    background-repeat: no-repeat;
}
.bodyvassos3 
{
    background-position: left top;
    background-image: url(images/varose3.jpg);
    background-repeat: no-repeat;
}
.bodyacces
{
    background-position: left top;
    background-image: url(images/varouge.jpg);
    background-repeat: no-repeat;
}
.bodyblog
{
    background-position: left top;
    background-image: url(images/varoseclair.jpg);
    background-repeat: no-repeat;
}

#toparea 
{
    width:960px;
    height:160px;
    min-height:160px;
    padding-left:30px;
    
   
}

#colleft
{
    width:150px;
    /*height:600px;    */
    float:left;
}

#colleft img
{
    border:none;
}

#colcentral 
{
    width:810px;    
    float:left;    
    /*min-height:500px;*/
}

.clearfloat 
{
    clear:both;
}
#menuva 
{
    margin-top: 85px;
    margin-right: 20px;
    text-align:right;
    /*line-height:34px;*/
    line-height:0px;
}
#menuva a
{
    color:#ffffff;
    text-decoration:none;
    font-size:13pt;
}
#menuva a:hover
{
    color:#87cefa;
}
#menuva img
{
    border:0px;
    margin:0px;
    padding:0px;
}

#content 
{
    margin: 0px;
    /*border:solid 4px #000000;    */
    
    padding:20px;
    background-color:#ffffff;
    min-height:500px;
}
    
    
#boutonassos 
{
    margin-top:180px;
}

#boutonblog 
{
    position:absolute; 
    top:510px; 
    left:32px;
    border-width:0px;   
}
#boutoncontact 
{
   margin-top:0px;
}

#topselector1 
{
    position:absolute;
    width:100px;
    height:40px;
    left:490px;
    top:120px;
}

#topselector2 
{
    position:absolute;
    width:95px;
    height:40px;
    left:595px;
    top:120px;
}

#topselector3 
{
    position:absolute;
    width:95px;
    height:40px;
    left:690px;
    top:120px;
}

.blogtitre
{
    color: #ff1493;
    font-size:14pt;
    font-style:oblique;
}
.blogdate 
{
    text-align:right;
    font-size:10pt;
    font-weight:bold;
}
.blogsep1 
{
    border-top:solid 2px #ff1493;
    margin-top:20px;
    width:750px;
}
.UCbox
{
    padding: 10px;    
    background-color: #F5F5F5;
    width:720px;
    font-size:9pt;
}

.comment1 
{
    font-weight:bold;
    font-variant: normal;
    font-style:italic;
}
.commentmain 
{
    border-left:solid 1px #ff0000;
    padding-left:10px;
}

.modalbackground {
            background-color:Gray;
            filter:alpha(opacity=70);
            opacity:0.7;
        }
        
.blogcommentaire1column 
{
     padding-left:14px;
     line-height:14px;     
}

.titlecontent
{
    width: 160px;
    margin:0px;
    padding: 10px 0px 10px 4px;
}
.blogcomments1OLD 
{
    border-bottom:solid 3px #ff1493;
    border-top:solid 3px #ff1493;
    color:#ff1493;
    background-color:#ffffff;
    text-align:center;
    
    }
#blogcommentcolumn 
{
    float: left; 
    width: 180px; 
    margin-left: 10px;
}
#blogtitle1 
{
    color:#ff1493;
    font-size:14pt;
}

#calendrierleft 
{
    float:left;
    width:380px;
    
}

#calendrierright 
{
    float:left;
    width:380px;
}
    
.hypasso 
{
    text-decoration:none;
    font-size:9pt;
}

#ficheleft 
{
    float:left;
    width:390px;   
    
}

#ficheright 
{
    float:left;
    width:340px;
    margin-left:10px;   
    line-height:22px; 
}

#pagetitle 
{
    font-weight:bold;
    font-size:16pt;
    font-variant: small-caps;
}
.title1 
{
    font-weight:bold;
    font-size:11pt;

}
.insidetab 
{
    margin: 0px  10px 10px 10px;
}

#fichetop 
{
    border-left:solid 1px #f5f5f5;
    border-right:solid 1px #f5f5f5;
    padding:4px;
}

.annonceseparator 
{
    border-bottom:solid 4px #f29400;
    width:95%;
}

.bottom 
{
    margin-left:800px;
}

.bottom a
{
    color:#525252;
    font-size:6pt;
}

.pubposition
{
    position:absolute; left:504px; top:24px;
}

.pubposition img
{
    border:none;
}