* {
  border: 0;
  margin: 0;
  padding: 0;
}

body {
  font-family: sans-serif;
  font-size: 12px;                                                     
  padding: 0;
  background-color: #AAA;                          
}

#fond {
  width: 980px;
  margin: auto;
  padding: 30px 0;
  background: #FFD68F url('../images/fond.gif') repeat-y center top;            
}

#container {             
  width: 760px;
  margin: auto;                             
}

#header {
  height: 110px;
  position: relative;  
  background-color: #FFF;    
}

#logo {
  position: absolute;
  left: 50px;
  bottom: -90px;   
}

#barre {
  width: 618px;
  height: 2px;                                             
  background-color: #000;
  position: absolute;
  left: 142px;
  bottom: 58px;   
}

#titre {
  position: absolute;
  left: 50px;
  top: 10px; 
}     

#header .soustitre {
  position: absolute;
  left: 215px;
  top: 70px;         
  text-align: center;
  font-weight: 300;
  text-transform: uppercase;   
  color: #CF0000;
  letter-spacing: 1px;
  font-size: 1.8em;
}

#banniere {                  
  height: 100px;            
}

#menu {
  background-color: #FFF;      
  height: 36px;      
}  

#menu .menu {                
  float: left;        
  width: 152px;     
  height: 36px;            
  text-align: center; 
}

#menu .selected {        
  background: black url('../images/menu.png') repeat-x;
}

#menu .menu a {
  display: block;       
  font-weight: bold;
  font-size: 1.2em; 
  text-transform: uppercase;
  text-decoration: none;
  color: #ffb533;    
}

#menu .menu:hover {               
  background: black url('../images/menu.png') repeat-x;
  cursor: pointer;
}

#middle {
  position: relative;    
  z-index: 10; 
}

#content {        
  width: 760px;
  margin: auto;
  background-color: #FFF;
}      

.clear {     
  clear: both;
}

.separation {     
  margin: auto;
  width: 760px;
  height: 30px;
  line-height: 30px;                 
}

#footer {                
  position: relative;
  margin: auto;
  width: 740px;  
  padding: 10px;
  background-color: #000;
  color: #FFF;        
}

#lien_admin {
  position: absolute;
  top: 10px;
  right: 10px;
} 

#lien_admin a {
  color: #FFB533;
}

/* -- Milieu -- */  

h3 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.8em;
  padding-bottom: 10px;  
  color: #ffb533;
}

#slideshow {
  width: 554px;
  margin-left: 200px;
  border: 3px solid #000;       
  background-color: #000;
}

#article { 
  position: relative;                   
  width: 530px;
  margin-left: 200px;
  padding: 10px 10px 10px 20px;
}

#slideshow div {          
  position: relative;
}     

#slideshow p {  
  padding: 5px;
  width: 544px;
  
  background-color: #000;  
  color: #FFF;        
}

#slideshow p a {
  text-decoration: underline; 
  color: #FFF;         
  font-weight: bold;
}

#tabs, #liens {
  float: left;
  width: 200px;         
  list-style-type: none;    
}

#tabs li, #liens li {
  cursor: pointer;
  padding: 6px 0 6px 20px;
  background-color: white;
} 

#tabs a, #liens a {       
  font-weight: bold;
  font-size: 1.2em; 
  text-transform: uppercase;
  text-decoration: none;
  color: #ffb533;
}
   
                  
.ui-tabs-nav { position: relative; } 
.ui-tabs-nav li.ui-tabs-selected, #liens li.selected { background: #000 url('../images/liens.png') repeat-y; }                
.ui-tabs-panel { position: relative; }
.ui-tabs-hide { display: none; }

#tabs li:hover, #liens li:hover  {
  background: #000 url('../images/liens.png') repeat-y;           
}

#article > p {        
  margin: 10px 0;
  text-indent: 20px;
}

#article li {
  list-style-position: inside;
}

/* -- GALLERIE -- */

div.gallerie {
  margin-top: 20px;
}

div.gallerie h4 {
  font-size: 1.1em;
  font-weight: bold;
  text-decoration: underline;
  color: #BF7900;  
}   

div.gallerie img.photo {
  border: 2px solid #ffb533;
  height: 80px;
  max-width: 160px;
  margin: 2px 10px;
}

div.photos {
  margin: 4px 0;
}

/* -- ADMIN -- */

.pop a { color: #FFF }      

.pop {                          
  position: relative; 
}

.pop .pop_menu {                                          
  background-repeat: no-repeat;
  background-position: center center;                    
  width: 120px;
  height: 20px;        
  overflow: hidden;
  cursor: pointer;                                           
}

.aa .pop_menu {     
  background-image: url('../images/article_down.png');
}

.aa .pop_menu_actif {                     
  background-image: url('../images/article_up.png');
}

.ag .pop_menu {     
  background-image: url('../images/gallerie_down.png');
}

.ag .pop_menu_actif {                     
  background-image: url('../images/gallerie_up.png');
}

.ap .pop_menu {     
  background-image: url('../images/photo_down.png');
}

.ap .pop_menu_actif {                     
  background-image: url('../images/photo_up.png');
}

.pop .pop_toggle {      
  display: none;
  position: absolute;
  top: 23px;
  background-color: #ff8f00;
  color: #fff;   
  padding: .6em;   
  width: 300px;   
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;    
}    

.pop .pop_toggle_actif {
  display: block;     
}
                       

/* -- FORMULAIRE -- */

table th {
  min-width: 100px;
  text-align: left;
}

table tbody select, table tbody input, table tbody textarea {
  width: 350px;
  border: 1px solid #ffb533;
}

table tfoot a {       
  text-transform: uppercase;
  text-decoration: none;
  background-color: #FFF;   
  
  font-size: 0.9em;             
  color: red; 
}

table tfoot input { 
  padding: 1px 2px;         
  text-transform: uppercase;  
  font-size: 0.9em;     
  background-color: #FFF;
  border: 1px solid #ffb533;
  color: #000;
  float: right;      
}

table td {
  margin: 10px 0; 
  border: 2px solid transparent;   
}

p.success {
  color: #37BF2F;
}