body{
  margin: 2px;
  font: 1em verdana, sans-serif;
  background-color: #fdf1b8;
  font-size: 14px;
}

/* */

.arrow_box td{
  border: outset black 2px;
  background: black;
  vertical-align: middle;
  text-align: center;
}

.bigblackinfo{
  color: black;
  font-size: 14px;
}
      
.bigwhiteinfo{
  color: white;
  font-size: 14px;
}
      
.bigwhiteinfo table{
  color: white;
  font-size: 14px;
}
      
.blackinfo{
  color: black;
  font-size: 12px;
}

.bold{
  font-weight: bold;
}

.bordered{
  border: solid black 2px;
}

.brown{
  background: #7b302c;
}

.centered{
  text-align: center;
}
      
.cream{
  background: #fdf1b8;
}

.cream_square_frame{
  border: solid black 2px;
  background: #fdf1b8;
  padding: 5px;  
}

.dimension{
  width: 980px;
}

.error{
  color: red;
  font-weight: bold;
  font-style: italique;
  font-size: 10px;
}

.error_alternative span{
  padding: 5px;
  border: white solid 1px;
  color: #fdf1b8;
  font-weight: bold;
  font-style: italique;
  font-size: 12px;
}

.feet{
  text-align: right;
}

.headline{
  font-style: italic;
  font-weight: 600;
  font-size: 24px;
  text-align: center;
}

.head_nav_frame table{
  height: 200px;
}

.head_nav_frame td{
  color: white;
  font-size: 12px;
}

.hugewhiteinfo{
  color: white;
  font-size: 16px;
}
      
.memethon{
  background: #7b302c;
}

.message_block{
  border: solid black 3px;
  padding: 5px;
  background: white;
}

.navigation{
  width: 140px;
  color: white;
  font-size: 12px;
  font-family: arial;
  font-weight: 500;
  text-align: center;
}

.navigation input{
  width: 9em;
  background: white;
  color: black;
  font-size: 9px;
}

.navigation select{
  width: 9em;
  font-size: 10px;
}

.navigation span{
  color: white;
  font-size: 9px;
}

.navigation textarea{
  width: 9em;
}

.navigation .frame_title{
  font-size: 12px;
  text-align: center;
}

.navigation .medium{
  width: 6em;
  font-size: 9px;
}

.navigation .small{
  width: 4em;
  font-size: 9px;
}

.navigation .white_button{
  width: 4em;
  font-size: 9px;
}

.no_style table{
  height: auto;
  width: auto;
}

.memethon_party td{
  width: 140px;
  height: 280px;
}

.photo_frame{
  color: white;
  font-size: 12px;
  text-align: center;
}

.photo_frame img{
  border: solid white 5px;
}
      
.poster_frame .main_frame{
  height: 190px;
  color: white;
  font-size: 12px;
}

.progress_bar_frame{
  height: 1.5em;
  border: solid black 1px;
  padding: 2px;
}

.progress_bar_frame div{
  height: 1.5em;
  width: 0%;
  /* background: blue; */
}

.select_check{
  vertical-align: 20%;
}

.simul_button{
  cursor: pointer;
}

.small_margin{
  padding: 5px;
}

.small_white input{
  width: 15em;
  background: white;
  color: black;
  font-size: 10px;
}

.small_white select{
  width: 15em;
  font-size: 10px;
}

.small_white span{
  color: white;
  font-size: 10px;
}

.small_white textarea{
  width: 13em;
}

.small_white .big{
  width: 30em;
}

.small_white .checkbox{
  width: auto;
}

.small_white .frame_title{
  font-size: 14px;
  text-align: center;
}

.small_white .small_button{
  width: 6em;
  border: solid black 2px;
  //background: #fdf1b8;
  color: #7b302c;
}

.small_white .medium_button{
  width: 10em;
  border: solid black 2px;
  //background: #fdf1b8;
  color: #7b302c;
}

.small_white .tiny_button{
  width: 4.5em;
  border: solid black 2px;
  background: white;
  color: black;
}

.small_white .white_button{
  width: 15em;
  font-size: 10px;
}

.social_event_body_frame{
  padding: 1px;
  font-size: 12px;  
}

.social_event_body_frame .slim td{
  padding-left: 15px;
  padding-right: 15px;
}

.success{
  color: green;
  font-weight: bold;
  font-style: italique;
  font-size: 10px;
}

.big .social_event_body_frame{
  height: 24em;
}

.medium .social_event_body_frame{
  width: 40em;
  height: 18em;
}

.small .social_event_body_frame{
  height: 20em;
}

.social_event_body_frame table td {
  padding: 1px;
  color: black;
  font-weight: bold;
  font-size: 12px;  
}

.social_event_body_frame table td select{
  width: 12em;
}

.social_event_body_frame table td input{
  width: 12em;
}

.social_event_body_frame .button{
  cursor: pointer;
  width: 6em;
  border: solid black 2px;
  background: #7b302c;
  color: #fdf1b8;
  font-weight: bold;
}

.social_event_main_frame{
  width:100%;
  text-align: left;
}

.social_event_main_frame .last_td{
  padding-left: 7px;
  padding-right: 7px;
}

.social_event_main_frame .normal_td{
  padding-left: 7px;
}

.last_td{
  padding-left: 7px;
  padding-right: 7px;
}

.normal_td{
  padding-left: 7px;
}

.three_line{
  height: 3em;
}

.five_line{
  height: 5em;
}

.title{
  font-weight: bold;
  font-size: 16px;
  text-align: center;
}

.welcome{
  margin: 15px;
}

.welcome_frame{
  height: 11em;
  width: 15em;
}

.welcome_frame_links{
  height: 15em;
  width: 15em;
}

.white_button{
  cursor: pointer;
  border: black solid 2px;
  padding: 2px;
  background: white;
  color: black;
  text-align: center;
}

.white_bg{
  background: white;
}

.white_border{
//  width: 100%;
//  height: 100%;
  border: white solid 1px;
  padding: 10px;
}

.white_border_inside table{
  border: white solid 1px;
}

.whiteinfo{
  color: white;
  font-size: 12px;
}

.white_text_frame th{
  color: white;
}

.white_text_frame td{
  color: white;
  font-size: 12px;
}

/* */

#cadre{
  width: 100%;
  background-color: #7b302c;
}

#cadre_blanc{
  width: 100%;
  background-color: #fdf1b8;
}

#cadre_nav{
  width: 100%;
  background: url(/image/salmigondis.jpg);  
}

#cadre_photo{
  width: 100%;
  background-color: white;
}

#hautgauche,
#hautdroit,
#basgauche,
#basdroit,
#hautgauche_blanc,
#hautdroit_blanc,
#basgauche_blanc,
#basdroit_blanc, 
#hautgauche_photo,
#basdroit_photo{
  height: 19px; width: 19px;
  background-repeat: no-repeat;
  font-size:1px; /* correction d'un bug IE */
}

#hautgauche {
  background: url(/image/chocolate_up_left.gif);
}

#hautdroit {
  float: right;
  background: url(/image/chocolate_up_right.gif);
}

#basgauche {
  background: url(/image/chocolate_down_left.gif);
}

#basdroit {
  float: right;
  background: url(/image/chocolate_down_right.gif);
}

#hautgauche_blanc {
  background: url(/image/creme_up_left.gif);
}

#hautdroit_blanc {
  float: right;
  background: url(/image/creme_up_right.gif);
}

#basgauche_blanc {
  background: url(/image/creme_down_left.gif);
}

#basdroit_blanc {
  float: right;
  background: url(/image/creme_down_right.gif);
}

#hautgauche_photo {
  background: url(/image/bg_photo_up_left.gif);
}

#hautdroit_photo {
  height: 34px; width: 140px;
  background-repeat: no-repeat;
	  font-size:1px; /* correction d'un bug IE */
  background: url(/image/green_pin_shadow_up_right.gif);
  float: right;
}

#basgauche_photo {
  height: 21px; width: 60px;
  background-repeat: no-repeat;
  font-size:1px; /* correction d'un bug IE */
  background: url(/image/green_pin_shadow_down_left.gif);
}

#basdroit_photo {
  float: right;
}

#contenu p{
  color: white;
  margin: 0.5em; /*gestion des espaces interparagraphes */
}

/* */

.table_column_head{
  diplay: block;
  color: black;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  text-decoration: underline;
}

/* Les Liens */

.navigation .arrow_button a{
  display: block;
  padding: 1px 3px;
  border: none none;
  background: white;
  color: black;
  font-weight: 900;
  font-size: 10px;
  text-decoration: none;
}

.navigation .arrow_button a:hover{
  //background: #fdf1b8;
  //color: #7b302c;
  background: black;
  color: white;
  font-size: 10px;
}

a.black,a.italic,a.welcome{ 
  color: black;
  text-decoration: underline;
}
  
.navigation .blank_button a{
  cursor: default;
  display: block;
  padding: 1px 3px;
  border: none none;
  background: white;
  color: white;
  font-weight: 900;
  font-size: 10px;
  text-decoration: none;
}

.navigation .blank_button a:hover{
  cursor: default;
  display: block;
  padding: 1px 3px;
  border: none none;
  background: white;
  color: white;
  font-weight: 900;
  font-size: 10px;
  text-decoration: none;
}

a.brown_square{
  padding: 1px;
  border-bottom: solid 1px #7b302c;
  color: #7b302c;  
  text-decoration: none;
  // text-decoration: underline;
}

a.brown_square:hover{
  // border: solid 1px #7b302c;
  background: #7b302c;
  color: #fdf1b8;
  // text-decoration: underline overline;
}

a.cream_square{
  padding: 1px;
  border-bottom: solid 1px #fdf1b8;
  color: #fdf1b8;  
  text-decoration: none;
  // text-decoration: underline;
}

a.cream_square:hover{
  // border: solid 1px #7b302c;
  background: #fdf1b8;
  color: #7b302c;
  // text-decoration: underline overline;
}

.navigation a{
  color: white;
  text-decoration: underline;
}

.navigation a:hover{
  color: white;
  font-weight: bold;
  font-style: oblique;
  font-size: 110%;
  text-decoration: none;
}

.sliding_rectangle a{
  display: block;
  padding: 1px;
  color: black;
  font-weight: bold;
  font-size: 12px;
  text-decoration: none;
}

.sliding_rectangle a:hover{
  display: block;
  cursor: pointer;
  padding: 1px;
  background: #7b302c;
  color: #fdf1b8;
  text-decoration: none;
}

a.welcome:hover,a.italic:hover{
  color: black;
  font-style: italic;
  font-size: 105%;
  text-decoration: underline overline;
}

/*
  border-color: #748591;
     e52626 
     
     none
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset

a.white{ 
  color: black;
  text-decoration: underline;
}
  
a.white:hover{
  text-decoration: underline overline;
}
        
.notyet a:hover{
  color: #d82020;
  text-decoration: none;
}

.bellytranches a{
  color: black;
  font-size: 11px;
  text-decoration: none;
}

.bellytranches a:hover{
  border-left: solid white 1px;
  border-right: solid white 1px;
  padding: 1px;
  color: white;
  text-decoration: none;
}

.blackandwhite a{
  color: black;
  font-size: 11px;
  text-decoration: none;
}

.blackandwhite a:hover{
  color: white;
  text-decoration: underline;
}

a.bigblack{ 
  color: black;
  font-weight: bold;
  font-size: 16px;
  text-decoration: underline;
}
  
a.bigblack:hover{
  color: black;
  font-style: oblique;
  font-weight: bold;
  font-size: 16px;
  text-decoration: underline overline;
}
        
a.bigwhite{ 
  color: white;
  font-weight: bold;
  font-size: 16px;
  text-decoration: underline;
}
  
a.bigwhite:hover{
  color: white;
  font-style: oblique;
  font-weight: bold;
  font-size: 16px;
  text-decoration: underline overline;
}
        
a.classic{ 
  color: #ff555d;
  font-size: 14px;
  text-decoration: underline;
}
  
a.classic:hover{
  text-decoration: underline;
  color: #fea1a5;
}
        
a.notyet{
  color: black;
  text-decoration: underline;
}

a.classic{ 
  color: #ff555d;
  font-size: 14px;
  text-decoration: underline;
}
  
a.classic:hover{
  text-decoration: underline;
  color: #fea1a5;
}
        
a.black:hover{
  text-decoration: underline overline;
}
        

.auth{
  color: black;
  font-size: 13px;  
}

input.auth{
  background: white;
  border: solid black 2px;
  padding: 2px;
  color: black;
  font-size: 12px;
}

input.whitebutt{
  background: white;
  border: solid black 2px;
  padding: 2px;
  color: black;
  font-size: 12px;
}

.black{
  color: black;
}

.bordered{
  border: black solid 2px;
}

.borderpad{
  border: solid black 2px;
  padding: 2px;
}

.caption{
  font-weight: bold;
  font-style: oblique;
  font-size: 16px;
  text-align: center;  
}

img.gal{
  border: black solid 2px;
  padding: 2px;
}

img.gal:hover{
  border: black solid 4px;
  padding: 0px;
}

.input{
  background: #000000;
  color: #ffffff;
}

input.people_action_button{
  padding:     1px;
  width:       170px;
  border:      solid black 2px;
  background:  white;
  font-weight: 400;
}

.mistake{
  color: red;
  font-size: 16px;
  font-weight: bold;
  text-decoration: underline;
}

.note{
  font-style: oblique;
}

.notyet{
  background-color: white;
  color: black;
  text-align: center;
}

.plain12{
  font-size:12px;
}

.plain14{
  font-size:14px;
}

.section{
  color: black;
  font-family: Verdana;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  text-decoration: underline;
}

span.simul_black{  
  cursor:          pointer;
  color:           black;
  text-decoration: underline;
}
  
span.simul_black:hover{  
  cursor:          pointer;
  color:           black;
  text-decoration: underline overline;
}
        
.simul_white span{  
  cursor:          pointer;
  color:           black;
  text-decoration: underline;
}
  
.simul_white:hover span{  
  cursor:          pointer;
  color:           black;
  text-decoration: underline overline;
}
        
.table_action{
  cursor: pointer;
  border: solid 1px black;
  padding: 3px;
  background: white;
  color: black;
  text-decoration: underline;
}

.tranches{
  background: #4e4e4e;
  color: white;
}
  
.whitebox{
  border: white solid 2px;
}
*/