body{
    margin: 0;
    font:76%/1.5em normal Verdana, Arial, Helvetica, sans-serif;
    color: #666;
    background:#fff;
     }
body#ggmain{
/* Center the layout for IE 5.5 and below */
    text-align:center;
}

/* Gymglish page without menus */
#main_only{
    margin: 0 auto;
    width:659px;
}
#main_only h1{
    margin:20px 0 15px;
}

div#main_only td.gauche{
    width:198px;
} 
div#main_only td.milieu, div#main_only td.droite{
    width:178px;
}
/* end for the main_only */

/* Gymglish page without menus with width 1000px */
.main_only_width_1000px#main_only{
    width:1000px;
}
/* end of Gymglish page without menus with width 1000px */


h1.prems {
    clear: both;
}

h1, h2, h3, h4, h5, h6 {
    background-color:transparent;
    border-bottom:0px solid white;
    color:Black;
    font-family:"Lucida Grande",Verdana,Lucida,Helvetica,Arial,sans-serif;
    font-weight:normal;
    margin:0pt 0pt 0.25em;
}


h1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.6em;
    color: #FF0000;
    border-bottom: 0px solid white;
    font-style: normal;
    font-weight: normal;
    margin: 0em 0 1.6em 0;
    clear: both;
}

h2 {
    font-size: 170%;
    padding: 2px;
    margin-top: 20px;
    line-height:1.8em;
}

h2 a {
    text-decoration: none;
    color: #FF0000;
}
h3 {
    font-size: 1.1em;
    font-weight: normal;
    color: #FF0000;	
    margin: 0 0 -1em 0;
}

#Contenu {
    width:877px;
    text-align:left;
    margin:0 auto;
    padding: 0 0 0 0;
}

#Gauche {
    width:178px;
    height: 100%;
    float: left;
}

#Droite {
    float: left;
    width: 610px;
    margin: 0 0 0 40px;
}

#Droite ul {
    list-style-image: none;
    list-style-type:none;
    list-style:none
}

#Droite ul ul {
    list-style-image: none;
    list-style-type:none;
    list-style:none
}

div.hr hr {
    background-color:#8CACBB;
    border:0pt none;
    color:#8CACBB;
    height:1px;
    margin:0 0 0 0;
}

p a, td a, ul a, li a, span a {
    color: #FF0000;
}

p a:hover, td a:hover, ul a:hover, li a:hover, span a:hover {
    text-decoration: none;
}

h2 a:hover {
    text-decoration: underline;
}
form select {
    font-size: 1em;
}
.clear {
    clear: both;
}
img{
    border:none;
}

#search {
    float: left;
}

#search .search_inputfield{
    border: 1px solid #666666;
}

#search .submit_field{
    border: 1px solid #666666;
}

.highlight {
    background-color: #F8F8FF;
    font-weight: bold;
    border: 1px dotted #FF6347;
}


/********************************************************************************************************
                                        CONTENUS
********************************************************************************************************/

.grisClair {
    color: #999999;
}
div.w500 {
    float:left;
    width: 500px;
}
div.w100 {
    float: left;
    width: 144px;
    margin-top: 4em;
    padding-left: 10px;
    text-align: left;
}
div.gauche50pct {
    float: left;
    width: 50%;
}
div.droite50pct {
    float: left;
    width: 50%;
}
div.presse {
    margin-bottom: 3em;
}
div.presse img {
    float: left;
    margin: 0 1em 1em 0;
    vertical-align: text-bottom;
}
div.presse p {
    vertical-align: text-bottom;
}
#menus3 {
    float:left;
    width:100%;
    background:url(/images/pointille-bleu.gif) repeat-x bottom;
    font-size: 1.1em;
    line-height:normal;
    margin-bottom: 2em;
}
#menus3 ul {
    margin:0;
    list-style:none;
}
#menus3 li {
    display:inline;
    margin:0;
    padding:0;
}
#menus3 a {
    float:left;
    background:url(/images/fond-menus3.gif) repeat-x left top;
    margin:0;
    padding:0 0 0 9px;
    text-decoration:none;
}
#menus3 a span {
    float:left;
    display:block;
    background:url(/images/pointille-bleu-vertical.gif) repeat-y right top;
    padding:5px 15px 4px 6px;
    color: #FFF;
}
#menus3 a span {float:none;}/*IE5-Mac hack */
#menus3 a:hover span {
    color:#69C;
}
#menus3 #courant a {
    background-image: url(/images/fond-menu3-courant.gif);
    cursor: default;
}
#menus3 #courant a span {
    padding-bottom:5px;
    color:#69C;
}
#menus3 a:hover {
    background-image: url(/images/fond-menu3-courant.gif);
}  
#menus3 li#calageGauche a {
    display: block;
    width: 1px;
    background: url(/images/pointille-bleu-vertical.gif) repeat-y right top;
    cursor: default;
}
table {
    font-size:98%;
}
td {
vertical-align: top;
}
td.gauche {
    padding-right: 20px;
    background: url(/images/pointille-vertical.gif) transparent right top repeat-y;
}
td.milieu {
    padding: 0 20px;
}
td.droite {
    padding:0 0 0 20px;
    background: url(/images/pointille-vertical.gif)  transparent left top repeat-y;
}
.contenuDouble {
    padding-left: 20px;
}
a.lien-fleche {
    color: #FF0000;
    background: url(/images/fleche-rouge.gif) transparent left 4px no-repeat;
    padding-left: 13px;		
}
a.lien-fleche:hover {
    text-decoration: none;
}
span.rouge {
    color: #FF0000;
}
object {
    float: none;
}
.contenuDouble img, .contenuDouble object {
    float: right;
    margin-left: 1em;
    margin-bottom: 1em;
}
IMG.gauche {
    float: left;
    margin-right: 2em;
    margin-bottom: 1em;
}
div.info {
    float: right;
    margin-left: 15px;
}
div.infoGauche {
    float: left;
    margin-right: 15px;
    width: 300px;
}
table.niveau {
    margin: 0;
}
table.niveau td {
    padding-bottom: 1em;
    vertical-align: baseline;
}
table.niveau td h3.gris {
    color: #666666;
    background: url(/images/croix.gif) transparent 0 -5px no-repeat;
    padding-left: 26px;
    padding-top: 3px;
}
table.niveau td h3 {
    margin-right: 3em;
    padding-bottom: 0;
    width: 100%;
    background: url(/images/croix-bonne.gif) transparent 0 -5px no-repeat;
    padding-left: 26px;
    padding-top: 3px;
}
table.deux-colonnes td {
    width: 50%;
    padding-right: 20px;
    background: url(/images/pointille-vertical.gif) transparent right top repeat-y;
}
table.deux-colonnes td.last {
    background: none;
    padding-left: 20px;
}
table.quatre-colonnes td {
    width: 143px;
    padding-right: 10px;
    padding-left: 10px;
    background: url(/images/pointille-vertical.gif) transparent right top repeat-y;
}
table.quatre-colonnes td.last {
    background: none;
}
table.approche td {
    width: 232px;
}
table.approche td.image {
    width: 190px;
}
table.approche2 td {
    width: 262px;
}
table.approche2 td.image {
    width: 130px;
}
table.donnees {
    border-collapse: collapse;
    border: 2px solid #69C;
    white-space: nowrap;
    text-align: center;
    margin-bottom: 1em;
}
table.donnees tbody td, table.donnees tbody th {	
    border: 1px solid #69C;
    padding: .2em;
}
table.donnees th.vide {
    background: none;
}
table.donnees caption {
    text-align: left;
    font-style: italic;
    margin-bottom: .5em;
}
table.donnees thead th {
    font-size: 1.1em;
    padding: .1em .5em;
    border: 1px solid #FFF;
    text-align: center;
    background-color: #69C;
    color: #FFF;
}
table.donnees tbody tr.lignePaire td, table.donnees tbody tr.lignePaire th {
    background: #E9F0F8;
}
table.logos td {
    vertical-align: baseline;
    font-size: 0.8em;
}
table.logos td.gauche, table.logos td.milieu, table.logos td.droite {
    background: none;
}
table.logos td p {
    margin: 1em 0 2em 0;
}
table.logos tr.espace td {
    padding-top: 3em;
}
p.tfoot {
    margin: 0;
    padding: 0;
    text-align: right;
    font-size: 1.1em;
    font-weight: bold;
}
.encart200 {
    float: left;
    width: 300px;
    padding: 0 2em 0 0;
}
.info, .infoTout, .infoGauche, .formulaire { clear: both; position: relative; background-image: url(/images/fond-boitegrise.gif);  margin-bottom: 2em;}
.top_left, .top_right, .bottom_left, .bottom_right {height: 5px; width: 5px; background-repeat: no-repeat; position: absolute; background-color: #CCC; /*hack IE*/ font-size: 0px;}
.top_left { top: 0px; left: 0px; background-image: url(/images/corner_top_left.gif); z-index: 0; }
.top_right { top: 0px; right: 0px; background-image: url(/images/corner_top_right.gif); z-index: 1; }
.bottom_left { bottom: 0px; left: 0px; background-image: url(/images/corner_bottom_left.gif); z-index: 2; }
.bottom_right { bottom: 0px; right: 0px; background-image: url(/images/corner_bottom_right.gif); z-index: 3; }
.content { position: relative; padding: 12px; z-index: 4; }

p.signature{
    text-align: right;
}
.surgras {
    font-size: 1.6em;
}
p.marge2em {
    margin-bottom: 2em;
}
ol li, ul.liste li {
    margin-bottom: 1em;
}

/**
* Footer definitions
*/

#footer {
    margin: 10px 0 0 178px;
    clear: both;
    padding-top: 10px;
    text-align: center;
}
#footer p#copyrightnote {
    text-align: center;
}

p#copyrightnote{
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    font-size: 0.9em;
}

#gymglish_border_bottom {
    margin: 70px 0 10px 20px;
    border-top: 1px solid;
    border-bottom: 1px solid;
    text-align:center;
    width:100%;
    float:left;
    border-color: #CCCCCC;
}
 
.clearing {
    height: 0;
    margin: 10px;
    clear: both;
}

#gymglish_bottom {
    padding-left: 20px;
    padding-right: 30px;
    margin-top:20%;
    font-size: 0.9em;
}

p#copyrightnote a, p#copyrightnote a:visited {
    text-decoration:none;
    color: #777777;
}

p#copyrightnote a:hover, p#copyrightnote a:visited:hover {
    color: #000000;
}

/*************************************************************************************************************
 *
 *                                      ROUND CORNER
 *                                      FOR OOD EVEN ROWS IN FORUM/TOPIC VIEW
 *
 *************************************************************************************************************/

div.even {
    background:url(../images/corner_top_left_even.gif) left top no-repeat;
    width:610px;
    margin: 10px 0 0 0;
}
div.even div {
    background:url(../images/corner_top_right_even.gif) right top no-repeat;
}

div.even div div {
    background:url(../images/corner_bottom_left_even.gif) left bottom no-repeat;
}

div.even div div div {
    background:url(../images/corner_bottom_right_even.gif) right bottom no-repeat;
}

div.even {
    background-color:#e1e1e1;
}

div.odd {
    background:url(../images/corner_top_left_odd.gif) left top no-repeat;
    width:auto;
    margin: 10px 0 0 0;
}

div.odd div {
    background:url(../images/corner_top_right_odd.gif) right top no-repeat;
}

div.odd div div {
    background:url(../images/corner_bottom_left_odd.gif) left bottom no-repeat;
}

div.odd div div div {
    background:url(../images/corner_bottom_right_odd.gif) right bottom no-repeat;
}

div.odd { 
    background-color:white;
}


/********************************************************************************************************
                                                MENUS GAUCHE
********************************************************************************************************/
.logo {
    margin-top: 40px;
}
#Gauche ul.menus {
    margin: 0;
    list-style-type: none;
    text-align: right;
    padding-right: 20px;
    padding-left: 0;
    background: url(/images/menu-ombre.gif) transparent top right repeat-y;
    list-style-image: none;
    list-style:none
}

#Gauche ul.menus li {
    font-weight: bold;
    font-size: 1.1em;
    border: 1px solid #FFFFFF;
    margin:0 0 0 0;
    padding: 0 0 0 0;
}

#Gauche ul.menus li.item{
    padding: 13px 0px 0 0;
    margin:0 0 0 0;
    padding: 0 0 0 0;
}

#Gauche ul.menus li.over a{
    color: #FF0000;
}

#Gauche ul.menus ul.ss-menus{
    margin: 2px 0px 0 0px;
    padding: 0 0 0 20px;
    /* Put a border to fix a IE7 bug, if we want to add something after 
       maybe we should use the same trick*/
    border: 1px solid #FFFFFF;
    list-style-image: none;
}

#Gauche ul.menus ul.ss-menus li.over a{
    background: url(/images/bullet_red.gif) transparent center right no-repeat;
}

#Gauche ul.menus ul.ss-menus li a{
    display: block; 
    padding: 0 15px 0 0;
    background: url(/images/bullet_grey.gif) transparent center right no-repeat;
}

#Gauche ul.menus ul.ss-menus li:hover a, #Gauche ul.menus ul.ss-menus li a:hover{
    background: url(/images/bullet_red.gif) transparent center right no-repeat;

}

#Gauche ul.menus li a, #Gauche ul.menus ul.ss-menus li a {
    text-decoration: none;
    color: #555;
}
#Gauche ul.menus li a:hover, #Gauche ul.menus ul.ss-menus li a:hover, #Gauche ul.menus li.over a, #Gauche ul.menus ul.ss-menus li.over a {
    color: #F00;
}
#Gauche ul.menus ul.ss-menus{
    list-style-type: none;
}

#Gauche ul.menus ul.ss-menus li{
    margin: 0 0 0 0;
    font-weight: normal;
    font-size: 0.9em;
    padding: 0;	
}

#top-menu {
    display: block;
    width: 178px;
    height: 56px;
    background: url(/images/menu-ombre-haut.gif) transparent bottom right no-repeat;
}

#bottom-menu {
    display: block;
    width: 178px;
    height: 40px;
    background: url(/images/menu-ombre-bas.gif) transparent top right no-repeat;
    margin: 0 0 20px;        /* Regular margin OK for firefox ... special -32px hack in the template for IE  */
}

/*Bug in IE7, we use it in the left menu to fix a problem with 
space in the bottom of the menu: when hovering the mouse over the last item
The image menu-ombre-bas.gif was getting toward the bottom of the page.
*/

textarea {
  width:480px;
  background:none;
}

input {
    background: none;
    vertical-align:auto;
}

/*CSS for Ariane line*/

.breadcrumbs {
    color:#BBBBBB;
    float:left;
    font-size:9px;
    margin:0.3em 0pt 18px;
    width:76%;
}

.breadcrumbs a{
    color:#BBBBBB;
    text-decoration:none;
}
/*End: CSS for Ariane line*/

/*CSS for the rss*/
#rss{
    font-size:13px;
    margin:0.3em 0 0 0;
    float: right;
    padding-top:11px;
}
/*End:CSS for the rss*/

.bottom_menu_navigation h2{
    font-family: normal Verdana,Arial,Helvetica,sans-serif;
}


/*added by Khanh*/
/*Use for menu and sub_menu*/

.bottom_menu_navigation {
    font-family: verdana, arial, sans-serif; 
    width:650px; 
    position:relative; 
    font-size:11px; 
    margin:80px auto;
    margin-bottom:0px;
    z-index:10;
}

.footer_navigation_menu .bottom_menu_navigation{
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

.bottom_menu_navigation ul li a, .bottom_menu_navigation ul li a:visited {
    display:block; 
    text-decoration:none; 
    width:100%; 
    height:15px; 
    text-align:left; 
    color:#777777; 
    padding-left:10px; 
    border:1px solid #fff; 
    border-width:0 1px 1px 0; 
    line-height:15px; 
    font-size:10px;
}

.bottom_menu_navigation ul {
    padding:0; 
    margin:0;
    list-style-type: none; 
}

.footer_navigation_menu .bottom_menu_navigation ul li ul{
    padding: 0 0 5px 0;
}

.bottom_menu_navigation ul li {
    float:left; 
    position:relative;
}

.bottom_menu_navigation ul li ul {
    visibility: hidden;
    position:absolute; 
    display:block;  
    bottom:14px;
    left:0;
}

.bottom_menu_navigation ul li ul li a, .bottom_menu_navigation ul li ul li{ 
    color:#FF0000;
}

.bottom_menu_navigation h3{
    font-size: 11px;
    color:#FF0000;
    display: inline;
}

.footer_navigation_menu .bottom_menu_navigation ul li ul li a, 
.footer_navigation_menu .bottom_menu_navigation ul li ul li,
.footer_navigation_menu .bottom_menu_navigation h3,
.footer_navigation_menu .bottom_menu_navigation h2{
    color:#777777;
    font-size:9px;
}

.bottom_menu_navigation ul li ul li a:hover {
    background: url(/images/bullet_red.gif) transparent center left no-repeat;
}

.bottom_menu_navigation ul li ul li a:hover h3{
    color:#FF0000; 
}

.bottom_menu_navigation table {
    border-collapse: collapse; 
    margin: 0; 
    padding: 0; 
    font-size: 1em; 
    margin: -1px; 
    width: 100%;
}

.bottom_menu_navigation ul li:hover a, .bottom_menu_navigation ul li a:hover {
    color:#FF0000; 
    background:none;
}

.bottom_menu_navigation ul li:hover ul, .bottom_menu_navigation ul li a:hover ul {
    visibility:visible; 
    bottom: 14px;
    left: 0;
}

.bottom_menu_navigation ul li:hover ul li, .bottom_menu_navigation ul li a:hover ul li {
    display: block; 
    color: #000;
    width: 350px;
    clear: both;
}

.bottom_menu_navigation ul h2:hover, .bottom_menu_navigation ul li:hover h2, .bottom_menu_navigation ul li a:hover h2{
    color:#000000;
}

/*****************************************************************************************************
 *
 *                                  Conditions d'utilisation
 *
 *****************************************************************************************************/

p.use {
    text-align = center;
    font-size = 1pt;
    line-height:1.1em;
    margin:0pt 0pt 0pt 0pt;
}

p.use a {
    color: black;
    text-decoration: none;
}


p.use a, p.use a:visited {
    text-decoration:none;
    color: #777777;
}

p.use a:hover, p.use a:visited:hover {
    color: #000000;
}


/*****************************************************************************************************
 *
 *                                  Forum Topics Layout
 *                                  Quote And Topic Footer
 *
 *****************************************************************************************************/

div.quote {
    font-style: italic;
    padding: 3px 15px 3px 15px;
    color:#555555;
}

p.topicFooter {
    font-style: italic;
    color:#555555;
}