/*
         ___________________
        | #conteneur
        |
        |   ___________________
        |  |  #header
        |  |
        |  |      h1
        |  |      .slogan
        |  |    ___________________
        |  |   |  #bandeau_gauche
        |  |   |  ul li
        |  |   |___________________
        |  |___________________
        |   ___________________
        |  |  #contenu
        |  |
        |  |    ___________________
        |  |   |  #bandeau_droit
        |  |   |  ul li
        |  |   |___________________
        |  |    ___________________
        |  |   |  #sections
        |  |   |  .secpart (separateur mainSection/altSection)
        |  |   |___________________
        |  |
        |  |___________________
        |   ___________________
        |  |  #footer
        |  |
        |  |___________________
        |
        |_________________________
*/

/* ne pas modifier les styles tenant sur une ligne : valeurs par defaut */

body {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
color:#000;
margin: 0;
padding: 0;
background-color:#F7F7F7;
border-style:hidden;
background-color:white;
margin-top:145px;
}
a { text-decoration:none; color:blue; }
/*a:hover { color:blue;text-decoration:underline;  } */



#conteneur {
position: absolute;
border-style:hidden;
width:100%;
z-Index:5;
}




a img {
border:0;
}




#errordoc #logo404,
#errordoc #logo403,
#errordoc #logo500,
#errordoc #logo401 {
position:absolute;
top:0;
left:0;
width:100%;
height:145px;
background:#295197 url('festival/logo145.jpg') left top no-repeat;
        z-index:100;
}
#errordoc h2 {
        position:absolute;
        top:0;
        left:380px;
        color:white;
        z-index:110;
}

#errordoc .returnhome a {
        border-color: #bbb;
        color: #464646;
        background: #f2f2f2 url(white-grad.png) repeat-x scroll left top;
        text-shadow: rgba(255,255,255,1) 0 1px 0;
        text-decoration: none;
        font-size: 11px !important;
        line-height: 16px;
        padding: 2px 8px;
        cursor: pointer;
        border-width: 1px;
        border-style: solid;
        -moz-border-radius: 11px;
        -khtml-border-radius: 11px;
        -webkit-border-radius: 11px;
        border-radius: 11px;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        -khtml-box-sizing: content-box;
        box-sizing: content-box;

        line-height: 1.2em;
        -webkit-border-radius: 10px;
        padding: 4px 10px;
        white-space: nowrap;

        margin-top:20px;
        line-height: 2em;
        
}
#errordoc .returnhome a:active {
        color: #000;
        border-color: #666;
        background: #eee url(white-grad-active.png) repeat-x scroll left top;
}
#errordoc {
margin:40px 20px 0;
padding-top:10px;
letter-spacing:1pt;
color:#7A96DF;
font-size:medium;
}




#header {
position:fixed;
top:0;
left:0;
z-Index:100;
width:100%;
height:145px;
background-color:white;
background-repeat:no-repeat;
background-color:#061767;
background:#295197 url('festival/logo145.jpg') left top no-repeat;
margin:0;
padding:0;
}

#article-315no #header {
background-color:#061767;
background:#061767 url('festival/fort3bb.jpg') 3px 3px no-repeat;
}
#article-317 #header {
background-color:#7091D3;
background:#7091D3 url('festival/fort5sg.jpg') 3px 3px no-repeat;
}




#libre10  {
}

#header h1 {
margin:0;
padding:0;
font-family:"Albertus MT Lt", tahoma, arial;
font-size: 1.2em;
float:left;
font-weight :bold;
width:100%;
color:#1a67c1;
color:white;
padding-left:10px;
margin-left:380px;
margin-top:15px;
}
#header h1 span { cursor:pointer; }
#header p { margin:0; }

#header .slogan {

}

#header p {

}

#article-317 #header h1 {
margin-top:10px;
margin-left:380px;
}


h2 {
}


h3 {
margin:0;
padding:0;
font-size: 10pt;
text-align:left;
color : #1a67c1;
font-weight :bold;
/*padding:2px;*/
}








 /* #bandeau_gauche fait partie de #header */

#bandeau_gauche {
        position:relative;
        overflow : hidden;
        margin : 5px 20px 0 0 ;
        color :#fff ;
width:100%;

}
html>body #bandeau_gauche {
        margin-left :10px;
}

#bandeau_gauche ul {
margin:0;padding:0;font-size: 8pt;list-style-type: none;width: 100%;
padding-top:10px;
padding-left:0px;
margin-left:380px;
}



#bandeau_gauche hr {display:none;}

#bandeau_gauche li {
        float : left ;
        padding-right : 7px ;
        padding-left : 7px ;
       background : url(base/ul.jpg) right bottom repeat-y;
        font-size: 8pt;
}
#bandeau_gauche a {
        text-decoration : none ;
        color:white;
       /* background : url("base/pic_close.png") left 80% no-repeat;*/
        color: #4DA2BD;
}

#bandeau_gauche a.selection {
        font-size: 8pt;
       /* background : url("base/pic_open.png") left 80% no-repeat;*/
        color :#fff ;
}

#bandeau_gauche a:hover,
#bandeau_gauche a:active {
        color: #1a67c1;
        color:white;
        text-decoration:underline;
}



#article-317 #bandeau_gauche ul {
padding-top:9px;
margin-left:380px;
}

#article-317 #bandeau_gauche a {
color:#1a67c1;
color:blue;
}
#article-317 #bandeau_gauche li {
background:white;
opacity:0.3;
filter:alpha(opacity=30);
-moz-opacity : 0.3; 
}





/* conteneur contenu */
#contenu {
        width : 100% ;
        min-height:500px;
        padding:0; margin:0;
       /* margin-top:155px; */
        padding-top:10px;
}




#bandeau_droit {
      /*  float:right; */
        width : 33%;
        min-width: 170px ;
        min-height: 250px ;
        overflow : hidden;
        position:absolute;
        z-Index:1;
       /* top:150px; */
       /* top:150px; */
        right:0px;
        background-color :#fff ;
        border-left:1px dotted  #295197;
        padding-left:2px;
        padding-top:20px;
        padding-bottom:50px;
        margin-left:2px;
}


#bandeau_droit a {
        color : #3445aa; /* bleu */
        text-decoration : none;
}
#bandeau_droit a:hover {
        color : #1a67c1;
        text-decoration:none;
        border-bottom: 1px #3445aa dotted;
}

#bandeau_droit ul {
        list-style-type: none ;
        padding: 0 ;
        margin:0 5px 5px;
}
#bandeau_droit ul ul {
        border-left:2px solid #6D6D6D;
}
#bandeau_droit li {
        list-style-image : none ;
        font-size: 1em;
        line-height:1.5em;
        padding-top: 0 ;
        margin-top: 0 ;
        color:#6EA325; /* vert */
        color : #6D6D6D; /* bleu */
        padding-left:5px;/**********************/
}
#bandeau_droit li a{
        color : green;
        color: #1a67c1;  /* bleu */
        color : #3445aa; /* bleu */
        text-decoration : none;
        background : url("base/a_link.jpg") left bottom repeat-y;

}
#bandeau_droit li a font,
#bandeau_droit li a span { line-height:10px; }

#bandeau_droit li.ishover a{
       /* background : url("base/a_hover.jpg") left  bottom repeat-y;*/

}
#bandeau_droit li a:hover {
        color : green;
        color : #1a67c1;
        text-decoration:none;
        border-bottom: 1px green dotted;
        border-bottom: 1px #3445aa dotted;
        /* background : url("base/a_hover.jpg") left bottom repeat-y; */
}







/*
contenu diviser: mainSection/altSection
.secpart est division de mainSection
 */
#sections {
        width : 65%;
       /* width:95%; */
        min-width: 350px ;
        overflow:auto;
        margin : 0;
        padding:0px;
        margin-bottom:20px;
        margin-left:10px;
        margin-right:auto;
        /*
        margin-left:10px;
        margin-right:10px; */
        float:left;
}

#sections h3 {
      /*  width: 500px ;   */
        margin : 20px 0 0 0 ; font-size : 18px;
       padding : 0 ;  padding : 0 0 8px 0;
        text-transform : uppercase ;
        background :  url("base/hr3.gif") left 72% repeat-x;
}
#sections img { margin:1px; }
#sections hr {
}
#sections .bloc {
        margin : 0 0 30px 0 ;
}
#sections p {
        margin-top:0;
         /*  margin : 0 0 30px 0 ;
        padding : 0;
        text-indent : 10px ;
        background :  url(natureverte/pboot.jpg) left top no-repeat;
        */
}

#sections li { /*
margin-right:100px;
padding-right:100px !important; *//* Corrige un problème sur les listes
padding-right:0;  */ /* Cette ligne corrige un bug de IE  */
}

#sections table { border-collapse:collapse; padding:1px;  border:1px solid black; }
#sections td { border:1px solid black; }
#sections .secpart { margin:0; padding:0; /*border-bottom : 1px dotted #4B3D40 ;padding-bottom : 5px;*/  }




#sections a {   text-decoration:none;
        text-decoration:none; color : green;  color : #BCDF21; color : #4B3D40;
        font-weight :normal; color : #3445aa; /* bleu */

        font-weight :bold;
        text-decoration: none;
        color : #6EA325;
        color : #1a67c1;
        color : #24679E; /* bleu/noir*/
        color : #1C4F7A; /* bleu/noir*/
        }
#sections a:hover {  color : #4B3D40; color : #BCDF21; text-decoration:underline;
        color : #1a67c1;
        border-bottom: 1px #3445aa dotted;
        text-decoration:underline;
        text-decoration:none;
        border-bottom: 1px #192FC1 dashed;
        color : green;
        color : #192FC1;
}


#bandeau_droit h3 {
        font-size : 11px;
        margin : 12px 0 6px 0 ;
        padding : 0 0 6px 0;
        border-bottom: 1px black dotted;
        text-transform : uppercase ;
}
#bandeau_droit h3 a {
        text-decoration:none;
        color : #1a67c1;
}
#bandeau_droit h3 {
        margin:0 5px;
}
#bandeau_droit p {
        margin:0 5px;
}





/* conteneur basdepage */
#footer {
        overflow : hidden;
        font-family: Tahoma, Arial, sans-serif;
        font-size:0.8em;
        background : transparent;
        clear:both;
        width:100%;
        margin:0;
        padding:0;
}

#footer p {     padding : 0; margin-right:15px;margin-top:3px }

#footer, #footer a {
margin: 0px;
padding-top: 21px;
text-decoration: none;
}

#footer a {
color: #A0A0A0;
}

#article-317 #footer {
width:1000px;
height:373px;
background:white url('festival/accueil-1000-e.jpg') no-repeat;
}




#module_recherche {   }
#module_recherche ul {list-style-type: none;margin:0;padding:0; cursor:pointer; }
#module_recherche li { border-left:2px solid transparent;padding-left:2px; }
#module_recherche li:hover { border-left:2px solid blue; }
#module_recherche li:hover b { color:blue;  }

.editable { border:1px dashed green; }
.editable:hover { border:1px dashed blue; cursor:pointer; }
.clicable { cursor:pointer; }



a[target=_blank] {
 background: url("base/external.png") no-repeat right;
 padding-right:12px;
}

#edit_243 p,
#edit_343 p { align:justify; text-indent:20px; }
#edit_243 a:hover,
#edit_343 a:hover { text-decoration:none; border: 0; }
.aDroite { float:right;  margin-left: 10px;}
.aGauche { float:left;  margin-right: 10px; }
