/******************************************************************************
 * Défaut                                                                     *
 ******************************************************************************/

html, body {
margin      : 0px;
padding     : 0px;
font-size   : 11px;
font-family : Arial; 
color       : #000000;
text-align  : center;
}

img {
border         : 0px;
vertical-align : middle;
}

.fin {
}

.titre         { font-family : Georgia; font-size : 20px; font-style : normal; font-weight : normal; font-variant : normal; color: #996600; text-align : left; }
.titre2        { font-family : Georgia; font-size : 14px; font-style : normal; font-weight : bold; font-variant : normal; color: #503F1E; text-align : left; }
.titre3        { font-family : Georgia; font-size : 14px; font-style : normal; font-weight : bold; font-variant : normal; color: #006600; text-align : left; }
.soustitre     { font-family : Georgia; font-size : 12px; font-style : normal; font-weight : bold;   font-variant : normal; color: #6B741D; text-align : left; }
.texte         { font-family : Arial; font-size : 11px; font-style : normal; font-weight : normal; font-variant : normal; color: #000000; text-align : left; }
.texteBold     { font-family : Arial; font-size : 11px; font-style : normal; font-weight : bold;   font-variant : normal; color: #000000; text-align : left; } 
.legendenoir   { font-family : Verdana; font-size : 9px;  font-style : normal; font-weight : normal; font-variant : normal; color: #000000; text-align : left; }
.legendenoirB  { font-family : Trebuchet MS; font-size : 10px;  font-style : normal; font-weight : bold;   font-variant : normal; color: #000000; text-align : left; }
.legendeblanc  { font-family : Verdana; font-size : 9px;  font-style : normal; font-weight : normal; font-variant : normal; color: #FFFFFF; text-align : left; }
.legendeblancB { font-family : Trebuchet MS; font-size : 10px;  font-style : normal; font-weight : bold;   font-variant : normal; color: #FFFFFF; text-align : left; }
.grasnoir      { font-family : Arial; font-size : 11px; font-style : normal; font-weight : normal; text-transform : uppercase;}

/******************************************************************************
 * container                                                                  *
 ******************************************************************************/

.container {
width       : 762px;
height      : 100%;
background  : url(../interface/fond.jpg);
text-align  : left;
}

/******************************************************************************
 * top                                                                        *
 ******************************************************************************/

.top {
width            : 762px;
height           : 150px;
background       : url(../interface/top.jpg) no-repeat;
}

/******************************************************************************
 * Menu                                                                       *
 ******************************************************************************/

.menu {
width    : 762px;
height   : 30px;
padding  : 0 0 0 162px;
}

/******************************************************************************
 * Main                                                                      *
 ******************************************************************************/

.main {
width               : 762px;
}

/******************************************************************************
 * Colonne de Gauche                                                          *
 ******************************************************************************/

.leftCol {
width               : 162px;
height              : 470px;
float               : left;
background          : url(../interface/left_col.gif) no-repeat;
font-family         : Verdana;
color               : #FFFFFF;
}

.leftCol img       { display : block; }

.leftColButton {
width               : 162px;
height              : 21px;
background          : url(../interface/left_col_button.gif) no-repeat;
display             : block;
}

.leftColButton a         { color : #FFFFFF; font-weight : bold; font-family : Verdana; font-size : 9px; text-decoration : none;      padding : 3px 0 0 30px; display : block; }
.leftColButton a:link    { color : #FFFFFF; font-weight : bold; font-family : Verdana; font-size : 9px; text-decoration : none;      padding : 3px 0 0 30px; }
.leftColButton a:visited { color : #FFFFFF; font-weight : bold; font-family : Verdana; font-size : 9px; text-decoration : none;      padding : 3px 0 0 30px; }
.leftColButton a:hover   { color : #FFFFFF; font-weight : bold; font-family : Verdana; font-size : 9px; text-decoration : underline; padding : 3px 0 0 30px; }

.leftColNews {
width               : 162px;
height              : 80px;
}

.leftColNews a         { color : #FFFFFF; font-weight : bold; font-family : Verdana; font-size : 9px; text-decoration : none;      padding : 3px 0 0 15px; display : block;}
.leftColNews a:link    { color : #FFFFFF; font-weight : bold; font-family : Verdana; font-size : 9px; text-decoration : none;      padding : 3px 0 0 15px; }
.leftColNews a:visited { color : #FFFFFF; font-weight : bold; font-family : Verdana; font-size : 9px; text-decoration : none;      padding : 3px 0 0 15px; }
.leftColNews a:hover   { color : #FFFFFF; font-weight : bold; font-family : Verdana; font-size : 9px; text-decoration : underline; padding : 3px 0 0 15px; }

/******************************************************************************
 * Page                                                                       *
 ******************************************************************************/

.page1 {
width               : 353px;
height              : 470px;
float               : left;
background          : url(../interface/main.jpg) no-repeat;
}

.page2 {
width               : 350px;
height              : 470px;
float               : left;
background          : url(../interface/main.jpg) no-repeat;
}

.bloc {
padding             : 20px 20px 10px 25px;
}

.bloc02 {
padding             : 30px 20px 10px 25px;
}
.separation {
height              : 1px;
}

.imgRight {
float               : right;
}

.imgLeft {
float               : left;
}


/******************************************************************************
 * Colonne de Droite                                                          *
 ******************************************************************************/

.rightCol {
width               : 247px;
height              : 700px;
float               : left;
background          : url(../interface/right_col.jpg) no-repeat;
}

.clubsLorrain{
width               : 247px;
height              : 247px;
background          : url(../interface/clubs_lorrains.jpg) no-repeat;
}

.carteInteractive {
position            : relative;
width               : 117px;
height              : 21px;
padding             : 210px 0 0 95px;
}

.commissions {
width               : 247px;
height              : 305px;
}

.commission1       { width : 247px; height : 49px; display : block; background : url(../interface/commission_01.jpg) no-repeat; }
.commissionButton1 { padding : 2px 0 0 135px; }

.commission2       { width : 247px; height : 49px; display : block; background : url(../interface/commission_02.jpg) no-repeat; }
.commissionButton2 { padding : 2px 0 0 135px; }

.commission3       { width : 247px; height : 49px; display : block; background : url(../interface/commission_03.jpg) no-repeat; }
.commissionButton3 { padding : 2px 0 0 135px; }

.commission4       { width : 247px; height : 49px; display : block; background : url(../interface/commission_04.jpg) no-repeat; }
.commissionButton4 { padding : 2px 0 0 135px; }

.commission5       { width : 247px; height : 49px; display : block; background : url(../interface/commission_05.jpg) no-repeat; }
.commissionButton5 { padding : 2px 0 0 135px; }

.vademecum {
width               : 247px;
height              : 148px;
background          : url(../interface/vademecum_fond.jpg) no-repeat;
}

.vademecumButton {
padding             : 10px 30px 20px 100px;
}

.rightCol a         { color : #000000; text-decoration : none; font-family : Verdana; font-size : 9px; display : block; }
.rightCol a:link    { color : #000000; text-decoration : none; font-family : Verdana; font-size : 9px;  }
.rightCol a:visited { color : #000000; text-decoration : none; font-family : Verdana; font-size : 9px; }
.rightCol a:hover   { color : #000000; text-decoration : underline;f ont-family : Verdana; font-size : 9px; }

/******************************************************************************
 * bottom                                                                     *
 ******************************************************************************/

.bottom {
width            : 762px;
height           : 190px;
background       : url(../interface/bottom.jpg) no-repeat;
}

/******************************************************************************
 * Liens                                                                      *
 ******************************************************************************/

a:link {
font-family     : arial;
font-size       : 11px;
color           : #000000;
text-decoration : none;
}

a:visited {
font-family     : arial;
font-size       : 11px;
color           : #000000;
text-decoration : none;
}

a:hover {
font-family     : arial;
font-size       : 11px;
color           : #000000;
text-decoration : underline;
}

a:active {
font-family     : arial;
font-size       : 11px;
color           : #000000;
text-decoration : none;
}

/******************************************************************************
 * Formulaires                                                                *
 ******************************************************************************/

form {
margin : 0px;
}

input {
background-color : #FFFFFF;
border           : 1px solid #BDB389;
font-family      : arial;
font-size        : 11px;
font-weight      : normal;
color            : #000000;
text-decoration  : none;
}

select, option, textarea {
background-color : #FFFFFF;
border           : 1px solid #BDB389;
font-family      : arial;
font-size        : 11px;
font-weight      : normal;
color            : #000000;
text-decoration  : none;
}

.radio {
border           : 0px;
vertical-align   : middle;
background-color : transparent;
}

.checkbox {
border           : 0px;
vertical-align   : middle;
background-color : transparent;
}

/******************************************************************************
 * Tableaux                                                                   *
 ******************************************************************************/

table {

}

tr {

}

td { 
font-size   : 11px;
font-family : Trebuchet MS; 
color       : #000000;
}

/******************************************************************************
 * Autres                                                                     *
 ******************************************************************************/

.center {
text-align : center;
}

.left {
text-align : left;
}

.padding5 {
padding : 5px;
}

/******************************************************************************/.titre2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #996600;
}