/************************************************************************************************
  CSS général du site  (balise standard)
*************************************************************************************************/

html{
font-family: Verdana, sans-serif;
font-size: 10px;
}

body{
background-color: #00457b;
}

select,
input,
textarea{
font-size: 12px;
color : #ffffff;
background-color: #000000;
border:1px solid white;
}

input.bouton {
color : #ffffff;
background-color: #000000;
border:1px solid white;
}
input.bouton:hover {
color : #000000;
background-color: #ffffff;
border:1px solid white;
}

/************************************************************************************************
  Tout ce qui concerne la structure générale
*************************************************************************************************/

#mySlideShow
{
width: 10px;
height: 10px;
}

a {
color:black;
}

td.alignright
{
background: url(http://www.barletigre.com/V5/images/interface/Blue/forme.gif) right no-repeat;
text-align: right;
}

td.alignleft
{
background: url(http://www.barletigre.com/V5/images/interface/Blue/forme.gif) left no-repeat;
text-align: left;
width:400px;
}

td.alignright2
{
background: url(http://www.barletigre.com/V5/images/interface/Blue/forme2.gif) right no-repeat;
text-align: right;
}

p.whereareyou img{
vertical-align: middle;
display: inline-block;
margin-bottom : 5px;
}

p.whereareyou {
vertical-align:middle;
font-family: Helvetica, sans-serif;
padding-left : 25px;
padding-right : 25px;
padding-bottom : 5px;
margin-bottom : 10px;
font-size: 10px;
}

table#navbar
{
width:100%;
height : 15px;
}

table#body
{
border-collapse: collapse;
}

div#alignsite
{
background-color: #00457b;
}

div#content
{
background-color: #ffffff;
text-align: left;
}

div.event_desc
{
display:none;
background-color: #ffffff;
}

div#alignmenu
{	
text-align:center;
background-color: #ffffff;
}


table#body td#topcontent
{
height:160px;
width: 920px;
background: transparent url(http://www.barletigre.com/V5/images/interface/Blue/tigerhaut.jpg);
}

table#body td#footcontent
{
height:110px;
width: 920px;
background: transparent url(http://www.barletigre.com/V5/images/interface/Blue/tigerbas.jpg);
}

/************************************************************************************************
  Tout ce qui concerne qu'est ce qui se passe au Tigre
*************************************************************************************************/
div.listevent{
color:#ffffff;
border:solid 1px #000000;
background-color:#000000;
}

div.listevent p{
margin:0px;
color:#ffffff;
}

div.listevent a{
color:#ffffff;
}

table.highlight
{
border-collapse: collapse;
font-size:12px;
}


/************************************************************************************************
  Tout ce qui concerne le MENU  
*************************************************************************************************/
table.menu{
border:0px;
padding : 0px;
margin: 0px;
border-collapse: collapse;
}


table.menu td.hg{
height : 30px;
width : 28px;
background: transparent url(http://www.barletigre.com/V5/images/interface/Blue/hg.gif);
}

table.menu td.h{
height : 30px;
background: transparent url(http://www.barletigre.com/V5/images/interface/Blue/h.gif);
}

table.menu td.hd{
height : 30px;
width : 28px;
background: transparent url(http://www.barletigre.com/V5/images/interface/Blue/hd.gif);
}

table.menu td.g{
width : 28px;
background: transparent url(http://www.barletigre.com/V5/images/interface/Blue/g.gif);
}

table.menu td.d{
width : 28px;
background: transparent url(http://www.barletigre.com/V5/images/interface/Blue/d.gif);
}

table.menu td.m{
background-color: #000000;
width:800px;
}

table.menu td.m2{
background-color: #000000;
width:250px;
}

table.menu td.m3{
background-color: #000000;
width:400px;
}

table.menu td.bg{
height : 30px;
width : 28px;
background: transparent url(http://www.barletigre.com/V5/images/interface/Blue/bg.gif);
}

table.menu td.b{
height : 30px;
background: transparent url(http://www.barletigre.com/V5/images/interface/Blue/b.gif);
}

table.menu td.bd{
height : 30px;
width : 28px;
background: transparent url(http://www.barletigre.com/V5/images/interface/Blue/bd.gif);
}

div.box {
width: 100%;
height: 25px; 
font-family: Helvetica, sans-serif;
font-weight : bold;
color: #654f03;
position :relative;
}

div.box div.link	
{
float: left;
}

div.box div.link a
{
padding-bottom: 0px; 
padding-top: 0px; 
padding-left: 7px; 
padding-right: 7px;
height: 20px; 
text-align: left;
font-size: 14px; 
color: #ffffff; 
text-decoration: none; 
position :relative;
background-color: #000000;
}

div.box div.link a:active	{
padding-bottom: 0px; 
padding-top: 0px; 
padding-left: 7px; 
padding-right: 7px;
height: 20px; 
text-align: left;
font-size: 14px; 
color: red; 
text-decoration: none; 
position :relative;
background: #654f03; 
}

div.box div.link a:hover{
padding-bottom: 29px; 
padding-top: 21px; 
padding-left: 10px; 
padding-right: 4px;
height: 20px; 
color:  #FFFFFF;
text-align: left;
font-size: 14px; 
color: black; 
text-decoration: none; 
background: #ffffff url(http://www.barletigre.com/V5/images/interface/Blue/menuhover.jpg);
}

/************************************************************************************************
  Tout ce qui concerne la galerie photo
*************************************************************************************************/
div.vignettealignement{
padding-left: 15px;
}

div.alignleftvignette{
float: left;
position: relative;
margin:3px 3px 0px 0px;
padding:0px;
}

table.image{
border:0px;
padding : 0px;
margin: 0px;
border-collapse: collapse;
}

table.image td.header{
background: url(http://www.barletigre.com/V5/images/interface/Blue/topimage.jpg);
width:211px;
height:12px;
padding:0px;
}

table.image td.footer{
background: url(http://www.barletigre.com/V5/images/interface/Blue/bottomimage.jpg);
width:211px;
height:48px;
text-align: center;
padding:0px;
font-family: Verdana, sans-serif;
font-size: 10px;
}

table.image td.right{
background: url(http://www.barletigre.com/V5/images/interface/Blue/rightimage.jpg);
width:11px;
padding:0px;
}

table.image td.photo{
background-color: #f6f7cd;
text-align:center;
padding:0px;
width:200px;
}

table.image td.photo img{
padding : 0px;
margin: 0px;
border:0px;
}
/************************************************************************************************
  Tout ce qui concerne le Contenu du site
*************************************************************************************************/

p#eventdescription img{
vertical-align:middle;
}


table#groupes td {

font-size: 10px;
}

table.highlight td.groupname {

width: 200px;
}

img.thumb{
width: 100px;
}

img.big{
height: 300px;
}


td.maxnote {
font-weight: bold;
color : #33F;
}

td.minnote {
font-weight: bold;
color : #CC0;
}


p.text_style1{
margin: 0;
font-family: Verdana, sans-serif;
padding-left: 35px;
padding-right: 10px;
font-size: 10px;
}

p.text_style2{
margin: 0;
font-family: Verdana, sans-serif;
padding-left: 35px;
padding-right: 10px;
font-size: 10px;
}

p.copyright{
text-align: center;
font-family: Verdana, sans-serif;
font-size: 10px;
color:white;
}

.image {
padding-left: 35px;
padding-right: 10px;
float: left;
}

a img
{
border : 0px;
}