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 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.6em;
    color: #FF0000;
    font-style: normal;
    font-weight: normal;
    margin: 0em 0 1.6em 0;
    clear: both;
}

h1.documentFirstHeading {
   margin: 70px 0 8px; /* Align with GymGlish logo text */
}

h2 {
    clear: both;
    font-size: 1.3em;
    font-weight: normal;
    color: #FF0000;
    text-decoration: none;
}
h2 a {
    text-decoration: none;
    color: #FF0000;
}
h3 {
    font-size: 1.1em;
    font-weight: normal;
    color: #FF0000;	
}

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

#Gauche {
    width:178px;
    float: left;
}

#Droite {
    float: right;
    width: 649px;
    margin: 0 0 0 40px;
}

p a, td a, .link-external a {
    color: #FF0000;
    text-decoration: none;
}

p a:hover, td a:hover, .link-external a:hover{
    text-decoration: underline;
}

h2 a:hover {
    text-decoration: underline;
}

.clear {
    clear: both;
}
img{
    border:none;
}

/********************************************************************************************************
                                        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;
}

table.valign-middle td{
  vertical-align: middle;
}

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-english-lesson.jpg) transparent left top no-repeat;
    padding-bottom:2px;
    padding-left: 20px;
    text-decoration: underline;
}
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-no-width{
  float: left;
  margin-right: 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, .infoGauche-no-width { 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; }

div.citationG300, div.citation100pct, div.citation100percent, div.citation {
    background: url(/images/guillemet-gauche.gif) transparent top left no-repeat;
    font-style: italic;
}
div.citationG300 {
    float: left;
    width: 300px;
    padding: 1em 2em;
    margin: 0 1em 1em 0;
}
div.citation100percent {
    float: left;
    width: 100%;
    padding: 1em 2em;
    margin: 0 1em 1em 0;
}
div.citation{
  float: left;
  padding: 1em 2em;
}
div.citation100pct {
    width: 632px;
    padding-top: 10px;
    padding-left: 20px;
}
div.guillemets {
    background: url(/images/guillemet-droit.gif) transparent bottom right no-repeat;
    padding-bottom: 0.5em;
    padding-right: 2em;
}
p.signature{
    text-align: right;
}
.surgras {
    font-size: 1.6em;
}
p.marge2em {
    margin-bottom: 2em;
}
ol li, ul.liste li {
    margin-bottom: 1em;
}
#Footer {
    font-size: 0.8em;
    margin-top: 8px;
    margin-bottom: 20px;
    padding: 0.5em 0 0 0;
    color: #666666;
    text-align: center;
}
#Footer p {
    margin: 0;
}

.copyright{
   clear: left; 
}

.copyright a{
    color: #777777;
    text-decoration: none;
}

/******************                         formulaire                          ******************************/

.display-none{
  display: none;
}

.formulaire {
    width: 100%;
}
.formulaire p {
    font-size: 1em;
    margin: 0.5em 0 0.7em 0;
}
.formulaire input, .formulaire input#autres {
    width: 10em;
    height: 1.4em;
    font-size: 1em;
    padding: 0.2em 0.5em 0.1em 0.5em;
    border: #666666 1px solid;
    color: #666666;
}
/*It's use for zsql_registrationpage*/
.formulaire input.radio{
    width: auto;
    height: auto;
    border:none;
}
.formulaire input.check {
    width: 2em;
    border: none;
    margin: 0;
}
.formulaire p.newsletter {
    margin-left: 100px;
}
.formulaire p.newsletter input {
    float: left;
    width: 2em;
    border: none;
    margin: 0;
}
.formulaire p.newsletter label {
    float: none;
    width: 100%;
    text-align: left;
}
.formulaire p.contactme label{
  float: none;
  margin-left:2em;
}
.formulaire p.contactme input{
  float: left;
  margin-left: 210px;
  width: 20px;
  border: medium none;
}
.formulaire textarea {
    width: 20em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding: 0.2em 0.5em 0.2em 0.5em;
    border: #666666 1px solid;
    color: #666666;
}
.pied-formulaire {
    text-align: center;
}
.formulaire select {
    font-size: 1em;
    border: #666666 1px solid;
    color: #666666;
}
.formulaire label, .formulaire label.autres {
    float: left;
    width: 225px;
    text-align: right;
    margin-right: 2em;
    color: #666;
    line-height: 1.8em;
    cursor: pointer;
}
/*It's use for zsql_registrationpage*/
.formulaire label.radio{
    float:none;
    width:auto;
    margin:0 0 0 0;
}
.formulaire p {
    clear: both;
}
.formulaire p.label {
    float: left;
    margin-right: 2em;
    margin-top: 0;
    line-height: 1.8em;
}


.formulaire .gg_interest label{
  width: auto;
}

.formulaire table.checkboxes {
    margin: 0;
}

/*checkboxes_container is used in the gymglish_contact_form2
to make sure that checkboxes render properly*/
.formulaire table.checkboxes_container table.checkboxes {
    margin: 0 10px 0 0px;
}

.formulaire table.checkboxes p {
  margin: 0;
}
.formulaire table.checkboxes .checkbox input {
    float: left;
    width: 2em;
    text-align: left;
    margin-left: 0;
    padding: 0;
    border: none;
}
.formulaire table.checkboxes label {
    float: none;
    cursor: pointer;
    width: 100%;
    text-align: left;
    margin-right:0;
}
.formulaire table.checkboxes .autres label{
    float: left;
    text-align: left;
    margin: 0;
    width: 120px;
}
.formulaire table.checkboxes .autres input{
    font-size: 0.8em;
    width: 150px;
}

p.erreur input, p.erreur select, p.erreur textarea {
    border: #FF0000 solid 2px;
}
p.erreur label, p.erreur {
    color: #FF0000;
}

/********************************************************************************************************
                                                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;
}

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

#Gauche ul.menus li.item{
    padding: 13px 0px 0 0;
    margin: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;
}

#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 -18px 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.
*/

/******************                  miniform                          ******************************/

#Gauche .miniform,
#Gauche .miniform table{
    font-size: 9px;
}

#Gauche .miniform .box{
    background : url(/images/fond-boitegrise.gif);
    border     : 1px solid #009900;
    padding    : 5px 0 5px 0;
}

#Gauche .miniform .legend{
  padding       : 2px 6px 2px 6px;
  font-size     : 14px;
  color         : #666;
  text-align    : center;
  margin-bottom : 7px;
  font-weight   : bold;
}

#Gauche .miniform table td{
    text-align     : left;
    vertical-align : middle;
}

#Gauche .miniform table td.label{
    text-align     : right;
    vertical-align : middle;
}

#Gauche .miniform input{
    width     : 110px;
    height    : 14px;
    font-size : 10px;
    border    : 1px solid #666666;
    padding   : 0 5px 0 5px;
    margin-bottom: 0px;
    color        : #999999;
}

#Gauche .miniform select {
    font-size: 1em;
    border: #666666 1px solid;
}

#Gauche .miniform table .submit{
    width            : 75px;
    font-size        : 12px;
    padding          : 0px 5px 10px 5px;
    margin-top       : 5px;
    border           : none;
    background-color : #666;
    height           : 16px; 
    color            : #FFFFFF;
    cursor           : pointer;
    text-align       : center;
}

#Gauche .miniform .small-italic {
    font-size  : 11px;
    text-align : left;
    font-style : italic;
    color      : #999999;
    padding    : 0 5px 0 5px;
    margin     : 10px 0 5px 0;
}


/********************************************************************************************************
                                                    LANGUES
********************************************************************************************************/
#Langues {
    margin-bottom: 0px;
}
#Langues p {
    margin: 0;
    padding-top: 1em;
    padding-left: 1em;
    padding-bottom: 0;
    background: url(/images/pointille-vertical.gif) #FFF left top repeat-y;
}
#Langues p select {
    margin: 0;
    font-size: 0.9em;
    color: #999;
}
#Langues ul {
    margin: 0px;
    padding: 0;
}
#Langues ul li {
    float: left;
    margin-right: 10px;
    list-style-type: none;
    padding-top: 11px;
    background: url(/images/pointille-vertical.gif) #FFF left top no-repeat;
}
#Langues ul li.francais a {
    padding-left: 35px;
    background: url(/images/drapeau-francais.gif) #FFF left bottom no-repeat;
}
#Langues ul li.francais a.activated {
    text-decoration: none;
    color: #666;
    padding-left: 35px;
    background: url(/images/drapeau-francais-over.gif) #FFF left bottom no-repeat;
}
#Langues ul li.anglais a {
    padding-left: 40px;
    background: url(/images/drapeau-anglais.gif) #FFF left bottom no-repeat;
}
#Langues ul li.anglais a.activated{
    text-decoration: none;
    color: #666;
    padding-left: 40px;
    background: url(/images/drapeau-anglais-over.gif) #FFF left bottom no-repeat;
}
#Langues ul li.espagnol a {
    padding-left: 35px;
    background: url(/images/drapeau-espagnol.gif) #FFF left bottom no-repeat;
}
#Langues ul li.espagnol a.activated {
    text-decoration: none;
    color: #666;
    padding-left: 35px;
    background: url(/images/drapeau-espagnol-over.gif) #FFF left bottom no-repeat;
}
#Langues ul li.allemand a {
    padding-left: 35px;
    background: url(/images/drapeau-allemand.gif) #FFF left bottom no-repeat;
}
#Langues ul li.allemand a.activated {
    text-decoration: none;
    color: #666;
    padding-left: 35px;
    background: url(/images/drapeau-allemand-over.gif) #FFF left bottom no-repeat;
}
#Langues ul li a {
    text-decoration: none;
    color: #CCC;
}
#Langues ul li.francais a:hover {
    text-decoration: none;
    color: #666;
    padding-left: 35px;
    background: url(/images/drapeau-francais-over.gif) #FFF left bottom no-repeat;
}
#Langues ul li.anglais a:hover {
    text-decoration: none;
    color: #666;
    padding-left: 40px;
    background: url(/images/drapeau-anglais-over.gif) #FFF left bottom no-repeat;
}
#Langues ul li.espagnol a:hover {
    text-decoration: none;
    color: #666;
    padding-left: 35px;
    background: url(/images/drapeau-espagnol-over.gif) #FFF left bottom no-repeat;
}
#Langues ul li.allemand a:hover {
    text-decoration: none;
    color: #666;
    padding-left: 35px;
    background: url(/images/drapeau-allemand-over.gif) #FFF left bottom no-repeat;
}


/*For the online sampleWorkbook*/
  .sampleWorkbookPageList {
    text-align: center;
    margin: 0px 0 0px 0;
    font-size: 11px;

}

.sampleWorkbookPaginationTop {
    text-align: center;
    font-size: 10px;
    margin: 10px 0 20px 0;
}

.sampleWorkbookPaginationBottom {
    text-align: center;
    font-size: 10px;
    margin: 0px 0 10px 0;
}

.sampleWorkbookPaginationTop a, .sampleWorkbookPageList a, .sampleWorkbookPaginationBottom a, .sampleWorkbookMenu li a {
    color: black;
    margin: 5px;
}



.sampleWorkbookModuleList
{
	width:100%;
}

.sampleWorkbookModuleList td.ggkcblue {
    background: #B0E2FF;
}

.sampleWorkbookModuleList td {
    padding: 0 5px 0 5px;
}

.sampleWorkbookMenu {
    margin: 20px 0 30px 0;
    list-style: none;
    text-align: center;
}

.sampleWorkbookMenu li {
    display: inline;
    margin: 0 30px 0 0px;
}

.sampleWorkbookTitle {
    text-align: center;
    margin: 40px 0 0 0;
    font-size: 16px;
}


/* For the zsql_registrationpage  */

#Gauche .teaserlink{
background:transparent url(/images/menu-ombre.gif) repeat-y scroll right top;
}    

.zsql_registrationpage .logo{
    margin: 0px 0 10px 0;
    text-align: right;
}

.zsql_registrationpage .thanks{
    font-size:14px;
    line-height:1.5em;
    margin:0 0 200px 0;
    text-align:center;
}

.zsql_registrationpage .companyLineSmallLogo{
    margin: 65px 0 0px 0;
}

.zsql_registrationpage .companyLineSmallLogo img{
    margin: 0 0 0 10px;
}

.zsql_registrationpage .companyLineBigLogo{
    margin: 0 0 20px 0;
}

.zsql_registrationpage .logo img{
    margin: 40px 0 0px 0;
}

.zsql_registrationpage .gymnasticLine{
    font-weight: bold; 
    font-size : 16px;
}

.zsql_registrationpage .contentLine{
    margin:20px 0 0 0;
}

.zsql_registrationpage .zsql_registrationpage_form{
    margin: 30px 0 0 0;
}

.zsql_registrationpage table{
    margin: 0 auto 0 auto;
}

.zsql_registrationpage .zsql_registrationpage_form input{
    width: 200px;
    height: 1.5em;
    margin: 0 0 0.3em 2em;
}

.zsql_registrationpage .zsql_registrationpage_form span input{
    margin: 0 0 0 2em;
}

.zsql_registrationpage .zsql_registrationpage_form textarea{
    width: 200px;
    margin: 0 0 0.3em 2em;
}

.zsql_registrationpage .zsql_registrationpage_form select
{
    width: 215px;
    height: 1.7em;
    margin: 0 0 0.3em 2em;
}

.zsql_registrationpage .zsql_registrationpage_form input.radio{
    height:auto;
    width: auto;
}

.zsql_registrationpage .zsql_registrationpage_form input.button{
    width: auto;
    cursor:pointer;
    height: auto;
}

.zsql_registrationpage .zsql_registrationpage_form .ggboerror{
    border:2px solid red;
}

/* Start: CSS for the footer menu */

#id-footer-menu {
    text-align: center;
}

ul.footer-menu {
    margin: 0 0 5px 0;
    list-style-type: none;
    text-align: center;
    padding: 0 20px 0 20px;
}
ul.footer-menu li {
    display: inline;
    font-weight: normal;
    padding-left: 1em;
    padding-right: 1em;
    background: url(/images/pointille-vertical.gif) #FFF left top no-repeat;
}
ul.footer-menu li.first { /* No vertical bar on the left of the first element */
    background: none;
}
ul.footer-menu li a {
    text-decoration: none;
    color: #777777;
}
ul.footer-menu li a:hover, ul.footer-menu li.over a {
    color: black;
}

/* End: CSS for the footer menu */


/*CSS for Ariane line*/
.breadcrumbs{
    font-size:9px;
    margin: 2px 0 28px 0;
    color:#BBBBBB;
    width: 76%;
}

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


#Gauche .miniform{
    margin: 10px 0 0 0;
    /* the day1online button has a width of 160px and the fieldset of the miniform has a border:1px */
    width: 162px;
}

#petit-form {
    width: 178px;
    margin: 0;
    padding: 0;
}
#petit-form #test h2{
    color: #666666;
    display: inline;
    font-size: 0.8em;
}

#petit-form fieldset{
    padding-top: 0px;
    background:#CCCCCC;
}

#petit-form #test .subLegend{
    margin: 0px 0px 10px 0;
}

#petit-form .formulaire,
#petit-form .top_left,
#petit-form .top_right,
#petit-form .bottom_left,
#petit-form .bottom_right
{
    background:#EEEEEE;
    padding: 0px;
    margin: 0px;
}

#petit-form .formulaire .content{
    padding: 0px;
}


/*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;
}

body#splashPage .bottom_menu_navigation{
    width : 800px;
}

.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 h2{
    display: inline;
    font-size:10px;
    font-family: normal Verdana,Arial,Helvetica,sans-serif;
}

.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;
    text-decoration: 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,
body#splashPage .bottom_menu_navigation ul h2:hover, body#splashPage .bottom_menu_navigation ul li:hover h2, body#splashPage .bottom_menu_navigation ul li a:hover h2{
    color:#000000;
}


.sitemap a, .sitemap a:visited{
    color: #555555;
    text-decoration: none;
}

.sitemap a:hover{
    color: black;
}

/* day one online and shop link buttons */
.day1online_test_button{
    background: url(/images/day1online_button.jpg) no-repeat top left; 
    text-align: center;
    height: 64px; 
    color: #009900; 
    width:160px; 
    font-size: 13px;
    line-height: normal;
    border-top: 1px solid #ffffff;
    padding: 0px;
    margin: 20px 0 0 0;
    display: block;
    text-decoration: none;
    cursor: pointer;
}

.day1online_test_button .day1online_test{
    font-weight: bold;
    margin: 6px 0 0 0; 
}

.day1online_test_button .day1online_now{
    margin: 2px 0 0 0; 
    padding: 0 0 0 0; 
    font-weight: bold;
}

.form1_link{
     text-decoration: none;
     padding: 0; 
     margin: 0px 20px 5px 0;
     color: #666666;
  }

/* NOTE: subscribe_banner class is used in skins/manageGPlicensesAndPurchases.cpt and skins/selectPurchaseToUnsubscribe.cpt */

.subscribe_banner a{
    display: block;
    text-decoration: none;
    font-family: Verdana,Arial,Helvetica,sans-serif;
}

.subscribe_banner{
    font-family: Verdana,Arial,Helvetica,sans-serif;
    float: right;
    background: url(/images/shop/banner_small.gif) no-repeat top left; 
    height: 42px; 
    width:150px;
    margin: 2px 0 0 0;
}

.subscribe_banner td{
    vertical-align: middle;
    text-align: center;
    font-size: 10px;
    padding-top: 5px;
}

.subscribe_banner .price{
    font-size: 20px;
    color: white;
    line-height: 1em;
}

.subscribe_banner .price_small { 
    /** Needed in ploneweb/a9zsqlcontent/skins/manageGPlicensesAndPurchases */
    font-size: 16px;
    color: white;
    line-height: 1em;
}

.subscribe_banner .currency{
    font-size: 14px;
    color: white;
    line-height: 1em;
}

.subscribe_banner .currency_small {
    /** Needed in ploneweb/a9zsqlcontent/skins/manageGPlicensesAndPurchases */
    font-size: 8px;
    color: white;
    line-height: 1em;
}

.subscribe_banner .month{
    font-size: 8px;
    color: white;
    line-height: 1em;
}

.subscribe_banner .under_banner{
    text-align: right; 
    font-size: 9px;
    padding-top:0;
    color: #666666;
}

.subscribe_banner .under_banner a{
    position: relative; 
    z-index: 10; 
    top: -1px;
    height: 16px; 
    font-size: 9px; 
    padding: 5px 3px 0 0;
    color: #666666;
}

.subscribe_banner .subscribe_banner_right{
    text-align: center;
    color: red;
    font-size: 10px;
}

.subscribe_banner .subscribe_banner_right a{
    display: block;
    height: 23px;
    width: 110px; /*It should match subscribe_banner(150px) - subscribe_banner_left(40px) = 110px*/
    padding-top: 5px;
}

.subscribe_banner .subscribe_banner_left{
    padding: 7px 0 0 0; 
    width: 40px;
}

/* end day one online and shop link buttons */


/* shop banner */
.shop_banner{
    padding: 0px;
    margin: 0px;
    height: 103px;
}

.shop_banner td{
    vertical-align: middle;
}

.shop_banner .shop_banner_left{
    background: url(/images/shop/banner_disk_left.jpg) no-repeat;
    width: 104px;
    text-align: center;
    color: #ffffff;
}

.shop_banner .shop_banner_middle{
    background: url(/images/shop/banner_middle.jpg);
}

.shop_banner .shop_banner_middle ul{
    margin-top: auto; 
    margin-bottom: auto;
}

.shop_banner .shop_banner_middle li{
    color: black;
    font-size: 16px;
}

/* if just one digit */
.shop_banner .price{
    font-size: 60px;
    line-height: 1em;
    color: white;
}

/* if more than one digit */
.shop_banner .price_small{
    font-size: 44px;
    line-height: 1em;
    color: white;
}

.shop_banner .polish_price{
    font-size: 35px;
    line-height: 1em;
    color: white;
}

.shop_banner .month{
    padding: 0 0 0 0; 
    color: white;
    font-size: 10px; 
    font-weight: bold;
    text-transform: uppercase;
}

.shop_banner .currency{
    font-weight: bold;
    color: white;
}

/*A9.EURO*/
.shop_banner .currency_1{
    font-size: 20px;
}

/*A9.USD*/
.shop_banner .currency_3{
    font-size: 14px;
}

/*A9.CAD*/
.shop_banner .currency_5{
    font-size: 14px;
}

/*A9.BRL*/
.shop_banner .currency_8{
    font-size: 14px;
}

.offer-choice .title{
  font-weight : bold;
  padding-top : 5px;
}

.offer-choice .explanation{
  font-size      : 10px;
  padding-bottom : 5px;
}

.offer-choice .odd{
  background : #EEEEEE;
}

.offer-choice .check{
  text-align     : center;
  vertical-align : middle;
}

.offer-choice .button{
  display        : block;
  background     : url(/images/shop/button-green-150.png) no-repeat center center;
  width          : 150px;
  height         : 67px;
  vertical-align : middle;
  font-size      : 12px;
  color          : white;
  font-weight    : bold;
  padding        : 10px 10px 10px 10px ;
  cursor         : pointer;
}

.offer-choice .button:hover{
  background      : url(/images/shop/button-green-over-150.png) no-repeat center center;
  text-decoration : none;
}

.offer-choice .button-text-multi{
  font-size   : 14px;
  color       : #333333;
  font-weight : bold;
  margin      : 17px 10px 0 0;
  display     : block;
}

.offer-choice .button-text-simple{
  font-size   : 14px;
  color       : #333333;
  font-weight : bold;
  margin      : 25px 10px 0 0;
  display     : block;
}

/* End shop banner */



/********************************************************************************/
/******************************      SPLASHPAGE      ****************************/
/********************************************************************************/

body#splashPage{
    font-family : normal Verdana, Arial, Helvetica, sans-serif;
    font-size   : 12px;
    font-style  : normal;
    font-weight : normal;
    color       : #666666;
    /* line-height : normal; */
}

body#splashPage #body {
    width  : 800px;
    margin : 5px auto 0 auto;
}

body#splashPage #body p a{
    text-decoration : none;
    color           : #000000;
}

body#splashPage #body p a:hover{
    text-decoration : underline;
}

body#splashPage #body h1 {
    font-size   : 18px;
    color       : #FF0000;
    margin      : 80px 0 10px 0;
    width       : 420px;
    line-height : normal;
}

body#splashPage #body #gymglish-logo {
    margin-top: 50px;
}

body#splashPage ul.splash-languages  {
    margin  : 0px;
    padding : 0px;
}

body#splashPage ul.splash-languages li {
    float           : left;
    list-style-type : none;
}
body#splashPage ul.splash-languages li a {
    padding         : 0 20px 0 0;
    text-decoration : none;
    color           : #AAA;
}
body#splashPage ul.splash-languages li a:hover {
    text-decoration : none;
    color           : #666;
}
/*********  end language  **********/


/********    quotation    **********/
body#splashPage div.citationSplashPage {
    font-style : italic;
    color      : #777777;
    width      : 50%;
}

body#splashPage div.citationSplashPage div.guillemets {
    background: url(/images/guillemet-droit.gif) transparent bottom right no-repeat;
    padding-bottom: 15px;
    padding-right: 9px;
    text-align:left;
}

body#splashPage div.citationSplashPage div.guillemets img{
    z-index:-10;
    position:relative;
}

body#splashPage div.citationSplashPage .signature{
    margin:0 0 0 -40px;
    z-index:5;
    font-weight: bold;
    font-size: 12px;
}
/********   end quotation   **********/

body#splashPage .bottom-text{
    border-top: 2px dashed #CCCCCC;
    margin-top: 25px;
}

body#splashPage .bottom-text table td{
    vertical-align: middle;
}

body#splashPage div.info{
    float: left; 
    margin-left: 0px; 
    width: 250px;
    margin-top: 40px;
}



/********   shop button   **********/

.subscribe_button{ 
  background      : url(/images/subscribe_button_small.jpg) no-repeat top left;
  text-align      : center;
  height          : 22px;
  color           : #ff0000;
  width           : 121px;
  font-size       : 12px;
  margin          : 10px 0px 0 0;
  padding         : 2px 0 0 0;
  display         : block;
  text-decoration : none;
  float           : right;
}

/******** end shop button *********/


/********   price grid   **********/

.priceGrids,
.priceGridsWithDiscount{
  height: 50px;
  color: #FFFFFF;
  vertical-align: middle;
  text-align: center;
}

.priceGrids .shop_price_center_box{
  width: 280px;
}

.priceGridsWithDiscount .shop_price_center_box{
  width: 325px;
}

.shop_price_left_box{
  width: 10px; 
  float: left; 
  height: 50px;
}

.shop_price_center_box{
  float: left; 
  height: 50px;
}

.shop_price_right_box{ 
  width: 10px; 
  float: left; 
  height: 50px;
}

.shop_price_center_box .shop_price_duration{
  vertical-align: middle; 
  padding: 0 0 0 20px; 
  float: left; 
  font-size: 18px; 
  font-weight: bold; 
}

.shop_price_center_box .shop_price_lessons_number{
  font-size: 11px; 
  font-weight: normal; 
  line-height: 11px;
}

.blue_shop_price_box{
  color: #FFFFFF;
}

.blue_shop_price_box .shop_price_left_box{
  background: url('/images/shop/offer_box_left.jpg') no-repeat;
}

.blue_shop_price_box .shop_price_center_box{
  background: url('/images/shop/offer_box_center.jpg') repeat-x;
}

.blue_shop_price_box .shop_price_right_box{
  background: url('/images/shop/offer_box_right.jpg') no-repeat;
}

.ochre_shop_price_box{
  color: #64839f;
}

.ochre_shop_price_box .shop_price_left_box{
  background: url('/images/shop/offer_box_ochre_left.jpg') no-repeat;
}

.ochre_shop_price_box .shop_price_center_box{
  background: url('/images/shop/offer_box_ochre_center.jpg') repeat-x;
}

.ochre_shop_price_box .shop_price_right_box{
  background: url('/images/shop/offer_box_ochre_right.jpg') no-repeat;
}

.shop_grid_currency_kr,
.shop_grid_currency_USD,
.shop_grid_currency_R\$,
.shop_grid_currency_CAD {
  font-size: 9px;
}

.shop_grid_currency_£,
.shop_grid_currency_€{
  font-size: 17px;
}

/********     end price grid   **********/




/* Rounded box for splash page with background color #EEEEEE */
/* NOTE: Different height and margin here compared to splash_v2_style.css */

/* This version has some margin around it and padding inside. */
/* Usage example: */
/* <div class="roundex-box-roundbox"> */
/*   <div class="roundex-box-top"><div></div></div> */
/*     <div class="roundex-box-content"> */
/*       <p>This is the content</p> */
/*     </div> */
/*   <div class="roundex-box-bottom"><div></div></div> */
/* </div> */

.roundex-box-roundbox { background-color:#EEEEEE;}
.roundex-box-top div { background: url(/images/corner_top_left_EEEEEE.gif) no-repeat top left; }
.roundex-box-top { background: url(/images/corner_top_right_EEEEEE.gif) no-repeat top right; }
.roundex-box-bottom div { background: url(/images/corner_bottom_left_EEEEEE.gif) no-repeat bottom left; }
.roundex-box-bottom { background: url(/images/corner_bottom_right_EEEEEE.gif) no-repeat bottom right; }

.roundex-box-top div, .roundex-box-top, .roundex-box-bottom div, .roundex-box-bottom {
  width: 100%;
  height: 8px;
  font-size: 1px;
}
.roundex-box-content { margin: 0 8px; }
.roundex-box-roundbox { margin: 1em auto; }

/* end rounded box for splash */


/* start: Day 1 online button style from splash_v2_style.css */
.main_content_right_txt_14{
  color:#999;
  font-size:14px;
  font-weight:bold;
}

.main_content_right_txt_14 a, .main_content_right_txt_14 a:visited {
  color:#999;
  text-decoration: none;
}

.main_content_right_txt_14 a:hover {
  color:#F00;
  text-decoration: none;
}
/* end: Day 1 online button style from splash_v2_style.css */







/* START: Classes copied from splash_v2_style.css to support v2-miniform display on GymglishContactFolder with alternative view */

  .blank_13{
    height:13px;
  }
  
  .blank_20{
    height:20px;
  }

  .in_form table, .in_form form {
    margin:0px;
    padding:0px;
  }

  .banner_middle_form {
    margin:0px;
  }
  
  .banner_middle_form_title {
    font-size:12px;
    font-weight:bold;
    color:#666;
  }
  
  .banner_middle_form_bottom_text {
    font-size:11px;
    font-style:italic;
    color:#999999;
    margin:0px;
    margin-top:10px;
    padding:0px;
  }

  .in_form input, .banner_middle_form input {
    border: 1px solid #999999;  
    height:18px;
    color:#999;
  } 

  .in_form .miniform p.input-text,
  .in_form p.floatleft{
    margin: 0 0 0 0;
  }
  
  .in_form .miniform p.input-text input{
    width         : 246px;
    padding-left  : 5px;
    padding-top   : 2px;
    margin-bottom : 13px;
   }
  
  .in_form .miniform p.floatleft input{
    width         : 141px;
    padding-left  : 5px;
    padding-top   : 2px;
    float         : left;
    margin-bottom : 13px;
    margin-left   : 11px;
  } 
  
  .in_form .miniform select{
    width        : 93px;
    padding-left : 5px;
    padding-top  : 2px;
    color        : #999999;
    float        : left;
    font-size    :14px;
  }

  .reg_button{
    height:5px;
    background-color:#999;
    color:#FFFFFF;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    padding: 7px 13px 10px 7px;
  }

/* END: Classes copied from splash_v2_style.css to support v2-miniform display on GymglishContactFolder with alternative view */

/* START splash_v2_style.css for language bar */
  .lang_bar{
    height:  18px;
    padding-top:4px;
    background-image:url(/images/splash_v2_language_bar_background.jpg);
    background-repeat:repeat-x;
    font-size:10px;
    text-align: right;
  }

  .lang_bar a, .lang_bar span {
    margin-right: 8px;
  }

  .lang_bar a:hover{
    color:#CCC;
  }
  
  
  .lang_bar_text{
    width:874px;
    margin:0 auto;
  }


  /* Needed for interne.css */
  .lang_bar a {
    color:#999;
    text-decoration: none;
  }
  .lang_bar a:hover {
    text-decoration: underline;
  }
  .lang_bar_text {
    line-height: 15px; /* needed to match line-height of splash_v2_style.css since body defines 1.5em BAD! */
  }

/* END splash_v2_style.css for language bar */




/* lemonde.fr -> the word of the week */
.lemonde-grey-box-container{
  background : url(/images/lemonde-grey-block-1px.jpg) repeat-y;
  width      : 661px;
}

.lemonde-grey-box-top{
  background : url(/images/lemonde-grey-block-top.jpg) no-repeat;
}

.lemonde-grey-box-bottom{
  background : url(/images/lemonde-grey-block-bottom.jpg) no-repeat;
  width      : 661px;
  height     : 30px;
}

.lemonde-grey-box-height{
  float  : right;
  width  : 1px;
  height : 535px;
}

.lemonde-grey-box-clear{
  clear       : both;
  font-size   : 1px;
  line-height : 1px;
  height      : 1px;
}

h1.lemonde-wow{
  font-family: times new roman;
  font-size: 60px;
  color: #5497db;
  padding: 0;
  font-weight: bold;
  margin: 0;
  line-height: normal;
}

h2.lemonde-wow{
  font-family: times new roman;
  font-size: 12px;
  color: #5e94ca;
  padding: 0;
  font-weight: normal;
  margin: 0;
  line-height: normal;
  text-align: right;
}

.lemonde-grey-box-container table td{
  vertical-align: top;
  font-family:  Verdana,Arial,Helvetica,sans-serif;
  font-size: 12px;
  color: #000000;
  padding: 0 15px 0 15px;
}

.lemonde-grey-box-container table td.lemonde-wow-title,
.lemonde-grey-box-container table td.lemonde-wow-icon{
  vertical-align: middle;
  padding: 0;
}

.lemonde-wow-title{
  font-family: times new roman;
  font-size: 15px;
  color: #000000;
  font-weight: bold;
}

.lemonde-wow-big-title{
  float: left;  
  margin: -15px 0 0 20px;
  width: 380px;
}

.tooltip-to-add{
  color: #5497db;
  text-decoration: underline;
  cursor: pointer;
}

.tooltip{
  display: none;
  width:285px;
  font-size:11px;
  color: #fff;
  z-index: 200;
}

.tooltip-top{
  background: url(/images/lemonde-wow-tooltip-top.gif) -1px 0 no-repeat;
  width: 287px;
  height: 27px;
}

.tooltip-bottom{
  background: url(/images/lemonde-wow-tooltip-bottom.gif) -1px 0 no-repeat;
  width: 287px;
  height: 12px;
}

.tooltip-middle{
  background: #5497db;
  padding: 0 10px 0 10px;
}


/* WCE */

.lemonde-wce-subtitle{
  position: absolute;
}

h2.lemonde-wce{
  font-family: times new roman;
  font-size: 12px;
  color: #000000;
  padding: 0;
  font-weight: normal;
  margin: 0;
  line-height: normal;
  text-align: right;
  position: relative;
  top: -30px;
  width: 635px;
}

.lemonde-wce-box-container{
  width : 661px;
  color : black;
}

.lemonde-wce-box-top{
  background : url(/images/lemonde-wce-background.jpg) no-repeat;
}

.lemonde-grey-box-bottom{
  background : url(/images/lemonde-grey-block-bottom.jpg) no-repeat;
  width      : 661px;
  height     : 30px;
}

.cust_checkbox{
        font-size:14px;
        cursor: pointer;
        float: left;
}
.cust_radio_on{
        background:url(/images/lemonde-wce-checkbox-checked.gif) no-repeat 0 0;
        width : 23px;
        height: 25px;
        display: inline-block;
}
.cust_radio_off{
        background:url(/images/lemonde-wce-checkbox.gif) no-repeat 0 0;
        width : 23px;
        height: 25px;
        display: inline-block;
}
.cust_radio_disabled_on{
        background:url(images/checkbox_disabled_on.png) no-repeat 0 0;
}
.cust_radio_disabled_off{
        background:url(/images/lemonde-wce-checkbox.gif) no-repeat 0 0;
}

.wce-table,
.wce-table td{
  color: black;
  font-family: arial;
}

.wce-table .wce-table-vs{
  width: 30px;
  text-align: center;
}

.wce-table .wce-table-vs span{
  border-left: 1px solid black; 
  border-right: 1px solid black;
  padding: 0 5px 0 5px;
}

.wce-table .wce-table-match{
  width: 255px; 
  height: 53px;
}

.wce-table .wce-table-match td{
  vertical-align: middle;
  height: 22px;
  font-weight: bold;
}

.wce-table .wce-table-flag{
  text-align: center;
  width: 40px;
}

.wce-table .wce-table-flag img{
  margin: 4px 0 0 0;
}

.wce-table .wce-left-country{
  text-align: right;
  font-weight: bold;
  width: 67px;
}

.wce-table .wce-right-country{
  text-align: left;
  font-weight: bold;
  width: 67px;
}

.wce-table .wce-date{
  font-weight: bold;
  text-align: center;
}

.wce-script{
  padding: 10px;
  font-size: 12px;
}

.wce-script-img-en,
.wce-script-img-fr{
  cursor: pointer;
}

/* End WCE */