/*COLOR TO CHANGE : #ff530b */


body {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    color: #3e4d5a; 
    margin: 0;  
    padding: 0;         
    background-color: #fff;
    text-align: center;
}     
#conteneur {              
     position:absolute;
     left: 50%; 
     width: 900px;
     height: 800px;                           
     margin-left: -450px; /* moitié de la largeur */       
     background: url('../images/backend2.gif') no-repeat;   
     text-align: left;                 
}
#header{
    width: 900px;        
}
#menu{              
    float: left;
    width: 188px;
    height: 98px;     
    margin: 0;
    padding: 0;
}
.mainmenu{
    font-size: 2em;
    font-family:Impact;          
    letter-spacing:6pt;            
    padding: 0;
    margin: 0;
    color: #bebebe;
    text-align: justify;
}
.mainmenu a, .mainmenu a:visited {
    text-decoration: none;
    color: #bebebe;
}
.mainmenu a:hover,.mainmenu a:active{
    text-decoration: none;
    color: #ff530b;
}
.mainmenu li{
    list-style: none;
}
#menu a.active,  #menu a:hover.active, #menu a:active.active, #menu a:visited.active{
    color: #000;
}
#lg_one{
    margin-top: 18px;
    width: 31px; 
    margin-left: 425px;       
}
#lg_two{
    margin-top: 9px; 
    width: 31px;
    margin-left: 425px; 
}
#logo{
    width: 430px;
    float: right; 
    margin-top: -104px;     
}
#sousmenu{  
    margin: 0;
    padding: 0;
    margin-top: 25px;
    margin-left: 185px;
    margin-right: 15px;
    height: 90px;
    width: 690px;            
    text-align: center;    
}
.ph_intro1{  
    color: #aaaa55;
    font-size: 1.5em;           
    letter-spacing:1pt;  
    word-spacing:2pt;      
    font-weight: bold;          
}
.ph_intro1 a, .ph_intro1 a:hover, .ph_intro1 a:visited{
    text-decoration: none;
    color: #aaaa55;    
}
.ph_intro2{  
    margin-top: -5px;        
    color: #aaaa55;
    font-size: 1.4em;           
    letter-spacing:1pt; 
    word-spacing:2pt;      
    text-align: center;         
}
.ph_intro2 a, .ph_intro2 a:hover, .ph_intro2 a:visited{
    text-decoration: none;
    color: #aaaa55;    
}
.ph_intro3{  
    margin-left: 20px;        
    color: #aaaa55;
    font-size: 1.3em;           
    letter-spacing:1pt; 
    word-spacing:2pt;      
    text-align: center;         
}
.ph_intro3 a, .ph_intro3 a:hover, .ph_intro3 a:visited{
    text-decoration: none;
    color: #aaaa55;    
}
#centre{          
    clear: both;       
    margin-left: 140px;
    height: 580px; 
    width: 780px; 
    text-align: center;
    margin-top: 0; 
    padding-right: 5px; 
    padding-left: 15px;
    padding-top: 0;
    overflow: auto;    
    background: transparent;
}
#centre2{          
    clear: both;       
    margin-left: 140px;
    
    width: 780px; 
    text-align: center;
    margin-top: 0; 
    padding-right: 5px; 
    padding-left: 15px;
    padding-top: 0;
    overflow: auto;    
    background: transparent;
}


img{
    border: 0;
}
form{
    padding: 0;
    margin: 0;
}
.titre{
    font-size: 1.5em;
    font-weight: bold;
    color: #ff530b;   
}

h1 {
font: bold 25px/25px verdana, sans-serif;
color: gray;
font-size: 1.3em;
margin-bottom: -5px;
}

h1:after {
display: block;
margin-left: -2px;
margin-top: -25px;
color: black;
content: attr(title);
}

.om_titre  {
font: bold 25px/25px verdana, sans-serif;
color: gray;
font-size: 2em;
margin-bottom: 2px;
}

.om_titre:after{
display: block;
margin-left: -5px;
margin-top: -26px;
color: black;
content: attr(title);
}

.om_titre2 {
font: bold 25px/25px verdana, sans-serif;
color: gray;
font-size: 1.5em;
margin-bottom: 2px;
}

.om_titre2:after {
display: block;
margin-left: -90px;
margin-top: -31px;
color: black;
content: attr(title);
font-size: 1.2em;
}

.om_titre3 {
font: bold 25px/25px verdana, sans-serif;
color: gray;
font-size: 1.3em;
margin-bottom: 10px; 
}

.om_titre3:after {
display: block;
margin-left: -0.1em;
margin-top: -25px;
color: black;
content: attr(title);
}

.om_titre4 {
font: bold 25px/25px verdana, sans-serif;
color: gray;
font-size: 1.3em;
margin-left: 1px;
}

.om_titre4:after {
display: block;
margin-left: 207px;
margin-top: -25px;
color: black;
content: attr(title);
}

.om_titre5 {
font: bold 25px/25px verdana, sans-serif;
color: gray;
font-size: 1.3em;
margin-left: 1px;
}

.om_titre5:after {
display: block;
margin-left: 4px;
margin-top: -25px;
color: black;
content: attr(title);
}

.om_titre7 {
font: bold 25px/25px verdana, sans-serif;
color: black;
font-size: 1.3em;
margin-left: 1px;
}


.links_titre, .links_titre a, .links_titre a:visited{
    color: gray;
    font-size: 110%;
    font-weight: bold;
}
.links_titre a:hover{
    color: #ff530b;
}

.links_titre2, .links_titre2 a, .links_titre2 a:visited{
    font-size: 1.2em;
    font-family:Impact;          
    letter-spacing:2pt;            
    padding: 0;
    margin: 0;
    color: #bebebe;
    text-align: justify;
    padding-left: 6px;
    padding-right: 6px;
    
}
.links_titre2 a:hover{
    color: #ff530b;
}
.links_titre3 {
    font-size: 1.6em;
    font-family:Impact;          
    letter-spacing:3pt;            
    padding: 0;
    margin: 0;
    color: #000;
    text-align: justify;
    padding-left: 6px;
    padding-right: 6px;
}

.links_titre4, .links_titre4 a, .links_titre4 a:visited{
    font-size: 1.2em;
    font-family:Impact;          
    letter-spacing:4pt;            
    padding: 0;
    margin: 0;
    color: #bebebe;
    text-align: justify;
    padding-right: 10px;
    
}
.links_titre4 a:hover{
    color: #ff530b;
}
.links_titre5, .links_titre5 a, .links_titre5 a:visited, .links_titre5 a:hover {
    font-size: 1.2em;
    font-family:Impact;          
    letter-spacing:4pt;            
    padding: 0;
    margin: 0;
    color: #000;
    text-align: justify;
    padding-right: 10px;
}

.links_titre6, .links_titre6 a, .links_titre6 a:visited {
    font-size: 1.2em;              
    padding: 0;
    margin: 0;
    color: #000;
}

.links_titre6 a:hover{
    color: #ff530b;
}


.smaller, .smaller a, .smaller a:visited{
    color: #7E7E7E;
    font-size: 70%;
    font-style: italic;
}
.smaller a:hover {
    color: #ff530b;
}

.smaller2, .smaller2 a, .smaller2 a:visited{
    color: #7E7E7E;
    font-size: 90%;
    font-style: italic;
}
.smaller2 a:hover {
    color: #ff530b;
}

a, a:hover, a:visited{
    text-decoration: none;
    color: #aaaa55;    
}

.date_agenda{
    color : #ff530b; 
    font-size: 1em;
    font-style: italic;
    font-weight: bold;
}
.soustitre_agenda{
    font-weight: bold;
    color: black;
    font-size: 0.9em;
    font-style: italic;
}
.representation{
    color: #7E7E7E;
    font-style: italic;
}
.reservation{
    font-size: 0.9em;
    font-weight: bold;
    color: #7E7E7E;
    font-style: italic;
}
.adresse_r, .adresse_r a, .adresse_r a:hover, .adresse_r a:visited{
    font-size: 1em;
    font-weight: bold;
    color : #ff530b;
    font-style: italic;
}
.cor_table{
    font-size: 75%;
}
.cor_table2{
    font-size: 120%;
}

.txt_cat{
    font-size: 1em;
    color: #7E7E7E;
}

#lightbox{    position: absolute;    left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */  }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 0 no-repeat; }
#nextLink, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 0 no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%    ; }

#imageData{    padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }    
#imageData #caption{ font-weight: bold;    }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;    }            
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}         

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.legend_show{
    color: #bebebe;
    font-weight: bold;
    font-size: 9px;
    padding: 0;
    margin-top: -13px;
    margin-bottom: 1px;
    background: #fff;
}
.linkagenda{
    
     font-size: 14px;
}
#video{
    margin-top: 100px;
}
.intro_back{
    margin-left: 22px;
    height: 575px;
    padding-top: 15px;
    background: url('../images/acc_tempv.jpg') no-repeat;    
}
