/****************************************************************/
/*   Design:   Multiflex-5.4                                    */
/*   Type:     Design with sidebar                               */
/*   File:     Content Toolbox                                  */
/*--------------------------------------------------------------*/
/*   Design:   www.1234.info                                    */
/*   Date:     March 13, 2008                                   */
/*--------------------------------------------------------------*/
/*   License:  Fully open source without restrictions.          */
/*             Please keep footer credits with the words        */
/*             "Design by 1234.info". Thank you!                */
/****************************************************************/

/*************/
/*  CONTENT  */
/*************/
@font-face { font-family : 'Gill sans'; src: url('/fonts/GIL___.TTF') format('truetype'); }
/* PAGETITLE */
.main h1.pagetitle {margin:0 0 0.5em 0; 
                   padding:1px 0 1px 32px; 
                   background: url(../img/icon_pagetitle.gif) no-repeat; 
                   background-position:center left; 
                   color:rgb(255,255,255); 
                   font-weight:bold; 
                   font-size:220% !important /*Non-IE6*/; 
                   font-size:200% /*IE6*/;}
/* Text links */
.main a {color: #C30218; font-weight:normal; text-decoration:underline;}
.main a:hover {color: #C30218 !important; }
.main a:visited {color: #C30218;}

/* HEADING -- Standard icon (1-Column / 2-Column) */
.content h1 {margin:0; padding:5px 50px 12px 20px; border-bottom:solid 1px rgb(215,215,215); background: url(../img/icon_celltitle_level1.gif) no-repeat; background-position:632px 5px; color:rgb(75,75,75); font-weight:bold; font-size:220% !important /*Non-IE6*/; font-size:200% /*IE6*/;}

.content-2col-box-leftcolumn h1, .content-2col-box-rightcolumn h1 {margin:0; padding:5px 50px 12px 20px; border-bottom:solid 1px rgb(215,215,215); background: url(../img/icon_celltitle_level1.gif) no-repeat; background-position:289px 3px; color:rgb(75,75,75); font-weight:bold; font-size:220% !important /*Non-IE6*/; font-size:200% /*IE6*/;}

.content h2 {clear:both; /*Start IE Hack*/ position:relative; z-index:1; top:-1px /* End IE Hack to remove vertical -1px margin bug otherwise produced by margin*/; margin: 0 20px 0 20px; padding:15px 35px 5px 0; border-top:solid 1px rgb(215,215,215); background: url(../img/icon_celltitle_level2.gif) no-repeat;  background-position:right 15px; color:rgb(75,75,75); font-weight:bold; font-size:180% !important /*Non-IE6*/; font-size:160% /*IE6*/;}
.content h3 {margin:1.0em 0 -0.3em 0; padding:0 20px 0 20px; color:rgb(75,75,75); font-weight:bold; font-size:180% !important /*Non-IE6*/; font-size:160% /*IE6*/;}
.content h3.line {/*Start IE Hack*/ position:relative; z-index:1; top:-1px; /* End IE Hack vertical alignment to blend top border with h1, if directly after each other*/ margin:0 20px -0.3em 20px; padding:1.0em 0 0 0; border-top:solid 1px rgb(215,215,215);}
.content h4 {margin:1.0em 0 -0.3em 0; padding:0 20px 0 20px; color:rgb(75,75,75); font-weight:bold; font-size:160% !important /*Non-IE6*/; font-size:140% /*IE6*/;}
.content h5 {margin:1.0em 0 -0.5em 0; padding:0 20px 0 20px; color:rgb(75,75,75); font-weight:bold; font-size:140% !important /*Non-IE6*/; font-size:125% /*IE6*/;}
.content h6 {margin:0.4em 0 0.5em 0; padding:0 20px 0 20px; color:rgb(50,50,50); font-weight:normal; font-size:130% !important /*Non-IE6*/; font-size:115% /*IE6*/;}


/* HEADING -- Special icon (1-Column / 2-Column) */
.content h1.contact {background: url(../img/icon_celltitle_contact.gif) no-repeat; background-position:616px 5px;}
.content h1.login {background: url(../img/icon_celltitle_login.gif) no-repeat; background-position:635px 5px;}
.content h1.search {background: url(../img/icon_celltitle_search.gif) no-repeat; background-position:631px 5px;}
.content h1.video {background: url(../img/icon_celltitle_video.gif) no-repeat; background-position:637px 5px;}
.content h1.audio {background: url(../img/icon_celltitle_audio.gif) no-repeat; background-position:631px 5px;}
.content h1.webtemplate {background: url(../img/icon_celltitle_webtemplate.gif) no-repeat; background-position:632px 5px;}
.content h1.document {background: url(../img/icon_celltitle_document.gif) no-repeat; background-position:635px 5px;}
.content h1.blog {background: url(../img/icon_celltitle_blog.gif) no-repeat; background-position:639px 5px;}
.content h1.forum {background: url(../img/icon_celltitle_forum.gif) no-repeat; background-position:635px 5px;}

.content-2col-box-leftcolumn h1.contact, .content-2col-box-rightcolumn h1.contact {background: url(../img/icon_celltitle_contact.gif) no-repeat; background-position:273px 5px;}
.content-2col-box-leftcolumn h1.login, .content-2col-box-rightcolumn h1.login {background: url(../img/icon_celltitle_login.gif) no-repeat; background-position:292px 5px;}
.content-2col-box-leftcolumn h1.search, .content-2col-box-rightcolumn h1.search {background: url(../img/icon_celltitle_search.gif) no-repeat; background-position:288px 5px;}
.content-2col-box-leftcolumn h1.video, .content-2col-box-rightcolumn h1.video {background: url(../img/icon_celltitle_video.gif) no-repeat; background-position:294px 5px;}
.content-2col-box-leftcolumn h1.audio, .content-2col-box-rightcolumn h1.audio {background: url(../img/icon_celltitle_audio.gif) no-repeat; background-position:288px 5px;}
.content-2col-box-leftcolumn h1.webtemplate, .content-2col-box-rightcolumn h1.webtemplate {background: url(../img/icon_celltitle_webtemplate.gif) no-repeat; background-position:289px 5px;}
.content-2col-box-leftcolumn h1.document, .content-2col-box-rightcolumn h1.document {background: url(../img/icon_celltitle_document.gif) no-repeat; background-position:292px 5px;}
.content-2col-box-leftcolumn h1.blog, .content-2col-box-rightcolumn h1.blog {background: url(../img/icon_celltitle_blog.gif) no-repeat; background-position:296px 5px;}
.content-2col-box-leftcolumn h1.forum, .content-2col-box-rightcolumn h1.forum {background: url(../img/icon_celltitle_forum.gif) no-repeat; background-position:292px 5px;}

/* HEADING -- No icon */
.main h1.pagetitle-noicon {margin:0 0 0.5em 0; padding:1px 0 1px 0; background:none; color:rgb(255,255,255); font-weight:normal; font-size:220% !important /*Non-IE6*/; font-size:200% /*IE6*/;}
.content h1.noicon {background:none;}
.content h2.noicon {background:none;}

/* PARAGRAPH TEXT */
.content p {margin:1.0em 0 1.0em 0; color:rgb(0,0,0); line-height:1.3em; padding: 0 20px 0 20px; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.content p.details {margin:-0.2em 0 1.0em 0; line-height:1.0em; font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
.content blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:90%;}

/* LIST */
.content ul {margin:1.4em 0 1.0em 0; padding:0em 20px 0em 20px; list-style:none;}
.content ul li {margin:0 0 0.3em 2px; padding:0 0 0 12px; background:url(../img/bg_bullet_square.gif) no-repeat 0 0.5em; line-height:1.3em; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.content ol {margin:1.4em 0 1.0em 0; padding:0 20px 0 40px !important /*Non-IE6*/; padding:0 20px 0 50px /*IE6*/;}
.content ol li {list-style-type:decimal; list-style-position:outside; margin:0 0 0.3em 3px; line-height:1.3em; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.content ul.indent {padding:0 50px 0 50px;}
.content ol.indent {padding:0 20px 0 70px !important /*Non-IE6*/; padding:0 20px 0 80px /*IE6*/;}

/* TABLE (1-Column / 2-Column) */
.content table {clear:both; width:400px; margin:2.0em 0 0.2em 20px; table-layout:fixed; border-collapse:collapse; empty-cells:show; background-color:rgb(233,232,244);}
.content-2col-nobox-leftcolumn table, .content-2col-nobox-rightcolumn table, .content-2col-box-leftcolumn table, .content-2col-box-rightcolumn table {clear:both; width:290px; margin:2.0em 0 0.2em 20px; table-layout:fixed; border-collapse:collapse; empty-cells:show; background-color:rgb(233,232,244);}

.content table th.top {height:3.5em; padding:0 7px 0 7px; empty-cells:show; background-color:rgb(175,175,175); text-align:left; color:rgb(255,255,255); font-weight:bold; font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
.content table th {height:3.0em; padding:2px 20px 2px 7px; border:solid 2px rgb(245,245,245); background-color:rgb(225,225,225); text-align:left; color:rgb(80,80,80); font-weight:bold; font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
.content table td {height:3.0em; padding:2px 7px 2px 7px; border:solid 2px rgb(245,245,245); background-color:rgb(225,225,225); text-align:left; font-weight:normal; color:rgb(80,80,80); font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
.content p.caption {clear:both; margin:0.5em 0 2.0em 0; text-align:left; color:rgb(80,80,80); font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}

/*.content-right h2 color:#FF5900 */
.content-right h2 {clear:both; /*Start IE Hack*/ position:relative; z-index:1; top:-1px /* End IE Hack to remove vertical -1px margin bug otherwise produced by margin*/; margin: 0 20px 0 20px; padding:15px 35px 5px 0; background: url(../img/icon_celltitle_level2.gif) no-repeat;  background-position:right 15px; color:#3254a5 ; font-weight:bold; font-size:190% !important /*Non-IE6*/; font-size:170% /*IE6*/;}

.content-right h3 {margin:0 0 -0.3em 0; padding:0 20px 0 20px; color:#3254a5; font-weight:bold; font-size:180% !important /*Non-IE6*/; font-size:160% /*IE6*/;}
.content-right h3.line {/*Start IE Hack*/ position:relative; z-index:1; top:-1px; /* End IE Hack vertical alignment to blend top border with h1, if directly after each other*/ margin:0 20px -0.3em 20px; padding:1.0em 0 0 0; border-top:solid 1px rgb(215,215,215);}
.content-right h4 {margin:1.0em 0 -0.3em 0; padding:0 20px 0 20px; color:#444444; font-weight:bold; font-size:160% !important /*Non-IE6*/; font-size:140% /*IE6*/;}
.content-right h5 {margin:1.0em 0 -0.5em 0; padding:0 20px 0 20px; color:#444444; font-weight:bold; font-size:140% !important /*Non-IE6*/; font-size:125% /*IE6*/;}
.content-right h6 {margin:0.4em 0 0.5em 0; padding:0 20px 0 20px; color:#444444;; font-weight:normal; font-size:130% !important /*Non-IE6*/; font-size:115% /*IE6*/;}

.content-right strong{font-weight:bold}
/* PARAGRAPH TEXT */
.content-right p {margin:1.0em 0 1.0em 0; color:#444444;; line-height:1.3em; padding: 5px 20px 15px 20px; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.content-right p.details {margin:-0.2em 0 1.0em 0; line-height:1.0em; font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
.content-right blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:90%;}

/* LIST */
.content-right ul {margin:1.4em 0 1.0em 0; padding:0em 20px 0em 20px; list-style:none;}
.content-right ul li {margin:0 0 0.3em 2px; padding:0 0 0 12px; background:url(../img/bg_bullet_square_red.gif) no-repeat 0 0.5em; line-height:1.3em; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.content-right ol {margin:1.4em 0 1.0em 0; padding:0 20px 0 40px !important /*Non-IE6*/; padding:0 20px 0 50px /*IE6*/;}
.content-right ol li {list-style-type:decimal; list-style-position:outside; margin:0 0 0.3em 3px; line-height:1.3em; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.content-right ul.indent {padding:0 50px 0 50px;}
.content-right ol.indent {padding:0 20px 0 70px !important /*Non-IE6*/; padding:0 20px 0 80px /*IE6*/;}

.content-right-application h2 {clear:both; /*Start IE Hack*/ position:relative; z-index:1; top:-1px /* End IE Hack to remove vertical -1px margin bug otherwise produced by margin*/; margin: 0 20px 0 20px; padding:15px 35px 5px 0; background: url(../img/icon_celltitle_level2.gif) no-repeat;  background-position:right 15px; color:#FF5900; font-weight:bold; font-size:190% !important /*Non-IE6*/; font-size:170% /*IE6*/;}
.content-right-application h3 {margin:0 0 -0.3em 0; padding:0 20px 0 20px; color:#FF5900; font-weight:bold; font-size:180% !important /*Non-IE6*/; font-size:160% /*IE6*/;}
.content-right-application h3.line {/*Start IE Hack*/ position:relative; z-index:1; top:-1px; /* End IE Hack vertical alignment to blend top border with h1, if directly after each other*/ margin:0 20px -0.3em 20px; padding:1.0em 0 0 0; border-top:solid 1px rgb(215,215,215);}
.content-right-application h4 {margin:1.0em 0 -0.3em 0; padding:0 20px 0 20px; color:#444444; font-weight:bold; font-size:160% !important /*Non-IE6*/; font-size:140% /*IE6*/;}
.content-right-application h5 {margin:1.0em 0 -0.5em 0; padding:0 20px 0 20px; color:#444444; font-weight:bold; font-size:140% !important /*Non-IE6*/; font-size:125% /*IE6*/;}
.content-right-application h6 {margin:0.4em 0 0.5em 0; padding:0 20px 0 20px; color:#444444;; font-weight:normal; font-size:130% !important /*Non-IE6*/; font-size:115% /*IE6*/;}

/*.content-right h2 color:#FF5900 */
.content-left h1 { clear:both; /*Start IE Hack*/ 
                  position:relative; 
                  z-index:1; 
                  /*top:-1px /* End IE Hack to remove vertical -1px margin bug otherwise produced by margin*/; 
                  margin: 0px 0px 0px 0px; 
                  padding:0px 0px 0px 0; 
                  border-bottom: 1px solid #D7D7D7;
                  /*background: url(../img/icon_celltitle_level1.gif) no-repeat;  
                  background-position:right 15px;*/ 
                  color:#1B4376;
                  font-weight:bold; 
                  font-size:18px;
                  line-height: 22px;}
.content-left h1#homepage { clear:both; /*Start IE Hack*/ 
                  position:relative; 
                  z-index:1; 
                  /*top:-1px /* End IE Hack to remove vertical -1px margin bug otherwise produced by margin*/; 
                  margin: 0px 0px 0px 0px; 
                  padding:0px 0px 0px 0; 
                  border-bottom: 1px solid #D7D7D7;
                  /*background: url(../img/icon_celltitle_level1.gif) no-repeat;  
                  background-position:right 15px;*/ 
                  color:#1B4376;
                  font-weight:bold; 
                  font-size:18px;
                  line-height: 22px;}
.content-left h2#homepage { clear:both; /*Start IE Hack*/ 
                  position:relative; 
                  z-index:1; 
                  /*top:-1px /* End IE Hack to remove vertical -1px margin bug otherwise produced by margin*/; 
                  margin: 30px 10px 0 10px; 
                  padding:0px 0px 0px 0; 
                  border-bottom: 1px solid #D7D7D7;
                  /*background: url(../img/icon_celltitle_level1.gif) no-repeat;  
                  background-position:right 15px;*/ 
                  color:#1B4376;
                  font-weight:bold; 
                  font-size:18px;
                  line-height: 22px;}
                  
.content-left h2 { /*clear:both; /*Start IE Hack*/ position:relative; z-index:1; */
                  border-top: 1px solid #D7D7D7;
                  top:-1px /* End IE Hack to remove vertical -1px margin bug otherwise produced by margin*/; 
                  margin: 0 20px 0 10px; 
                  padding: 15px 0px 0px 0; 
                  /*background: url(../img/icon_celltitle_level2.gif) no-repeat;  
                  background-position:right 15px; color:#3254a5 ; font-weight:bold; */
                  font-size:14px;}
            
.content-left h3 { margin:0 0 -0.3em 0; 
                  padding:0 20px 0 20px; 
                  color:#3254a5; 
                  font-weight:bold; 
                  font-size:14px;}
.content-left h3.line {/*Start IE Hack*/ position:relative; z-index:1; top:-1px; /* End IE Hack vertical alignment to blend top border with h1, if directly after each other*/ margin:0 20px -0.3em 20px; padding:1.0em 0 0 0; border-top:solid 1px rgb(215,215,215);}
.content-left h4 {margin:1.0em 0 0.3em 0; color:#444444; font-weight:bold; font-size:12px;}
.content-left h5 {margin:1.0em 0 0.5em 0; color:#444444; font-weight:bold; font-size:12px;}
.content-left h6 {margin:0.4em 0 0.5em 0; padding:0 20px 0 20px; color:#444444;; font-weight:normal; font-size:12px;}

.content-left strong{font-weight:bold}
/* PARAGRAPH TEXT */
.content-left p {margin:5px 0 2px 0; color:#444444;; line-height:20px; padding: 5px 20px 2px 20px; font-size:12px;;}
.content-left p.details {margin:-0.2em 0 1.0em 0; line-height:1.0em; font-size:12px;}
.content-left blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:12px;}

/* LIST */
.content-left ul {margin:5px 0 2px 0; padding:0em 20px 0em 20px; list-style:none;}
.content-left ul li {margin:0 0 0.3em 2px; padding:0 0 0 12px; background:url(../img/bg_bullet_square.gif) no-repeat 0 0.5em; line-height:1.3em; font-size:12px;}
.content-left ol {margin:1.4em 0 1.0em 0; padding:0 20px 0 40px !important /*Non-IE6*/; padding:0 20px 0 50px /*IE6*/;}
.content-left ol li {list-style-type:decimal; list-style-position:outside; margin:0 0 0.3em 3px; line-height:1.3em; font-size:12px;}
.content-left ul.indent {padding:0 50px 0 50px;}
.content-left ol.indent {padding:0 20px 0 70px !important /*Non-IE6*/; padding:0 20px 0 80px /*IE6*/;}

/* Text links */
.content-left a {color: #C30218; text-decoration:underline;}
.content-left a:hover {color: #C30218; text-decoration:underline;}
.content-left a:visited {color: #C30218; text-decoration:underline;}

/*.contentURL{float: right;margin-top:7px;margin-bottom:3px;line-height: 25px;z-index:999;}*/
.contentURL{float: right;line-height: 25px;font-size:14px}

/*IMAGE */
.content-left img {
    clear: both;
    float: left;    
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    margin:  0 5px 5px 0;
    padding: 4px 4px 4px 4px;
}

.alignleft {
    float: left;
    margin: 0 10px 0 0;
}

.contentBlog h1 { clear:both; /*Start IE Hack*/ 
                  position:relative; 
                  z-index:1; 
                  /*top:-1px /* End IE Hack to remove vertical -1px margin bug otherwise produced by margin*/; 
                  margin: 0px 10px 0 10px; 
                  padding:0px 0px 0px 0; 
                  border-bottom: 1px solid #D7D7D7;
                  /*background: url(../img/icon_celltitle_level1.gif) no-repeat;  
                  background-position:right 15px;*/ 
                  color:#1B4376;
                  font-weight:bold; 
                  font-size:18px;
                  line-height: 22px;}
.contentBlog h2 { clear:both; /*Start IE Hack*/ 
                  position:relative; 
                  z-index:1; 
                  /*top:-1px /* End IE Hack to remove vertical -1px margin bug otherwise produced by margin*/; 
                  margin: 30px 10px 0 10px; 
                  padding:0px 0px 0px 0; 
                  /*border-bottom: 1px solid #D7D7D7;*/
                  /*background: url(../img/icon_celltitle_level1.gif) no-repeat;  
                  background-position:right 15px;*/ 
                  color:#1B4376;
                  font-weight:bold; 
                  font-size:18px;
                  line-height: 22px;}
                             
.contentBlog h3 { margin:0 0 -0.3em 0; 
                  padding:0 20px 0 20px; 
                  color:#3254a5; 
                  font-weight:bold; 
                  font-size:14px;}
.contentBlog h3.line {/*Start IE Hack*/ position:relative; z-index:1; top:-1px; /* End IE Hack vertical alignment to blend top border with h1, if directly after each other*/ margin:0 20px -0.3em 20px; padding:1.0em 0 0 0; border-top:solid 1px rgb(215,215,215);}
.contentBlog h4 {margin:1.0em 0 -0.3em 0; padding:0 20px 0 20px; color:#444444; font-weight:bold; font-size:12px;}
.contentBlog h5 {margin:1.0em 0 -0.5em 0; padding:0 20px 0 20px; color:#444444; font-weight:bold; font-size:12px;}
.contentBlog h6 {margin:0.4em 0 0.5em 0; padding:0 20px 0 20px; color:#444444;; font-weight:normal; font-size:12px;}

.contentBlog strong{font-weight:bold}
/* PARAGRAPH TEXT */
.contentBlog p {margin:5px 0 2px 0; color:#444444;; line-height:20px; padding: 5px 20px 2px 20px; font-size:12px;;}
.contentBlog p.details {margin:-0.2em 0 1.0em 0; line-height:1.0em; font-size:12px;}
.contentBlog blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:12px;}

/* LIST */
.contentBlog ul {margin:5px 0 2px 0; padding:0em 20px 0em 20px; list-style:none;}
.contentBlog ul li {margin:0 0 0.3em 2px; padding:0 0 0 12px; background:url(../img/bg_bullet_square.gif) no-repeat 0 0.5em; line-height:1.3em; font-size:12px;}
.contentBlog ol {margin:1.4em 0 1.0em 0; padding:0 20px 0 40px !important /*Non-IE6*/; padding:0 20px 0 50px /*IE6*/;}
.contentBlog ol li {list-style-type:decimal; list-style-position:outside; margin:0 0 0.3em 3px; line-height:1.3em; font-size:12px;}
.contentBlog ul.indent {padding:0 50px 0 50px;}
.contentBlog ol.indent {padding:0 20px 0 70px !important /*Non-IE6*/; padding:0 20px 0 80px /*IE6*/;}

/* Text links */
.contentBlog a {color: blue; font-weight:bold; text-decoration:none;}
.contentBlog a:hover {color: blue; text-decoration:underline;}
.contentBlog a:visited {color: blue; text-decoration:underline;}

/*IMAGE */
.contentBlog img {
    clear: both;
    float: left;    
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    margin:  0 5px 5px 0;
    padding: 4px 4px 4px 4px;
}
/* Text links */
.contentBlog a {color: #1B4376; font-weight:bold; text-decoration:none;}
.contentBlog a:hover {color: #1B4376; text-decoration:underline;}
.contentBlog a:visited {color: #1B4376; text-decoration:none;}
.contentBlog .links a {font-size:13px;font-weight:normal;}

.JeuGoLearn  { float: left; width: 55%;}
.JeuGoLearn h1 { clear:both; /*Start IE Hack*/ 
                  position:relative; 
                  z-index:1; 
                  /*top:-1px /* End IE Hack to remove vertical -1px margin bug otherwise produced by margin*/; 
                  margin: 0px 10px 0 10px; 
                  padding:0px 0px 0px 0; 
                  border-bottom: 1px solid #D7D7D7;
                  /*background: url(../img/icon_celltitle_level1.gif) no-repeat;  
                  background-position:right 15px;*/ 
                  color:#1B4376;
                  font-weight:bold; 
                  font-size:18px;
                  line-height: 22px;
                  }
.JeuGoLearn h2 { clear:both; /*Start IE Hack*/ 
                  position:relative; 
                  z-index:1; 
                  /*top:-1px /* End IE Hack to remove vertical -1px margin bug otherwise produced by margin*/; 
                  margin: 30px 10px 0 10px; 
                  padding:0px 0px 0px 0; 
                  border-bottom: 1px solid #D7D7D7;
                  /*background: url(../img/icon_celltitle_level1.gif) no-repeat;  
                  background-position:right 15px;*/ 
                  color:#1B4376;
                  font-weight:bold; 
                  font-size:18px;
                  line-height: 22px;}
                             
.JeuGoLearn h3 { margin:0 0 -0.3em 0; 
                  padding:0 20px 0 20px; 
                  color:#3254a5; 
                  font-weight:bold; 
                  font-size:14px;}
.JeuGoLearn h3.line {/*Start IE Hack*/ position:relative; z-index:1; top:-1px; /* End IE Hack vertical alignment to blend top border with h1, if directly after each other*/ margin:0 20px -0.3em 20px; padding:1.0em 0 0 0; border-top:solid 1px rgb(215,215,215);}
.JeuGoLearn h4 {margin:1.0em 0 -0.3em 0; padding:0 20px 0 20px; color:#444444; font-weight:bold; font-size:12px;}
.JeuGoLearn h5 {margin:1.0em 0 -0.5em 0; padding:0 20px 0 20px; color:#444444; font-weight:bold; font-size:12px;}
.JeuGoLearn h6 {margin:0.4em 0 0.5em 0; padding:0 20px 0 20px; color:#444444;; font-weight:normal; font-size:12px;}

.JeuGoLearn strong{font-weight:bold}
/* PARAGRAPH TEXT */
.JeuGoLearn p {margin:5px 0 2px 0; color:#444444;; line-height:20px; padding: 5px 20px 2px 20px; font-size:12px;}
.JeuGoLearn p.details {margin:-0.2em 0 1.0em 0; line-height:1.0em; font-size:12px;}
.JeuGoLearn blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:12px;}

/* LIST */
.JeuGoLearn ul {margin:5px 0 2px 0; padding:0em 20px 0em 20px; list-style:none;}
.JeuGoLearn ul li {margin:0 0 0.3em 2px; padding:0 0 0 12px; background:url(../img/bg_bullet_square.gif) no-repeat 0 0.5em; line-height:1.3em; font-size:12px;}
.JeuGoLearn ol {margin:1.4em 0 1.0em 0; padding:0 20px 0 40px !important /*Non-IE6*/; padding:0 20px 0 50px /*IE6*/;}
.JeuGoLearn ol li {list-style-type:decimal; list-style-position:outside; margin:0 0 0.3em 3px; line-height:1.3em; font-size:12px;}
.JeuGoLearn ul.indent {padding:0 50px 0 50px;}
.JeuGoLearn ol.indent {padding:0 20px 0 70px !important /*Non-IE6*/; padding:0 20px 0 80px /*IE6*/;}

/* Text links */
.JeuGoLearn a {color: blue; font-weight:bold; text-decoration:none;}
.JeuGoLearn a:hover {color: blue; text-decoration:underline;}
.JeuGoLearn a:visited {color: blue; text-decoration:underline;}

/*IMAGE */
.JeuGoLearn img {
    clear: both;
    float: left;    
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    margin:  0 5px 5px 0;
    padding: 4px 4px 4px 4px;
}
/* Text links */
.JeuGoLearn a {color: #1B4376; font-weight:bold; text-decoration:none;}
.JeuGoLearn a:hover {color: #1B4376; text-decoration:underline;}
.JeuGoLearn a:visited {color: #1B4376; text-decoration:none;}
.JeuGoLearn .links a {font-size:13px;font-weight:normal;}

.blog  { height: 122px;
        border-bottom: 1px dotted #CCCCCC;
        margin: 0 !important;
        overflow: hidden;
        padding: 5px 0 15px 10px; 
        }
        
.blog h2 {   /*background: url(../img/icon_celltitle_blog.gif) no-repeat; 
            background-position: 490px 5px;*/
            margin: 0 20px 0 10px;
            padding: 5px 0px 0px 0;            
            color: #C30218;
            font-weight: bold;
            line-height: 21px;}
.blog p {   /*background: url(../img/icon_celltitle_blog.gif) no-repeat; 
            background-position: 490px 5px;*/
            line-height: 21px;
            padding: 0px 20px 15px 20px;
            margin:  0;}            
            
/* Text links */
.blog a {color: #C30218; font-weight:bold; text-decoration:none;}
.blog a:hover {color: #C30218; text-decoration:underline;}
.blog a:visited {color: #C30218; text-decoration:underline;}
.blog .links a {font-size:13px;font-weight:normal;}

.quip-fld {width:636px; margin:1.0em 10px 0 20px;}
.quip-fld left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:100%;}

.quip-fld fieldset {padding:10px 0 10px 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.quip-fld fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold;  font-size:131%;}
.quip-fld label.left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:100%;}
.quip-fld select.combo {width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.quip-fld input.field {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.quip-fld textarea {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.quip-fld input.button {float:left; width:9.0em; margin-left:115px !important /*Non-IE6*/; margin-left:118px /*IE6*/; padding:3px !important /*Non-IE6*/; padding:2px /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(150,150,150); font-size:100%;}
.quip-fld input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

.contactform {width:570px; margin:1.0em 10px 0 20px;}
.contactform left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:100%;}

.contactform fieldset {padding:10px 0 10px 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold;  font-size:131%;}
.contactform label.left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:100%;}
.contactform select.combo {width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.contactform input.field {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.contactform textarea {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.contactform input.button {float:left; width:9.0em; margin-left:115px !important /*Non-IE6*/; margin-left:118px /*IE6*/; padding:3px !important /*Non-IE6*/; padding:2px /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(150,150,150); font-size:100%;}
.contactform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}
.content-left-application h2 {clear:both; /*Start IE Hack*/ position:relative; z-index:1; top:-1px /* End IE Hack to remove vertical -1px margin bug otherwise produced by margin*/; margin: 0 20px 0 20px; padding:15px 35px 5px 0; background: url(../img/icon_celltitle_level2.gif) no-repeat;  background-position:right 15px; color:#FF5900; font-weight:bold; font-size:190% !important /*Non-IE6*/; font-size:170% /*IE6*/;}
.content-left-application h3 {margin:0 0 -0.3em 0; padding:0 20px 0 20px; color:#FF5900; font-weight:bold; font-size:180% !important /*Non-IE6*/; font-size:160% /*IE6*/;}
.content-left-application h3.line {/*Start IE Hack*/ position:relative; z-index:1; top:-1px; /* End IE Hack vertical alignment to blend top border with h1, if directly after each other*/ margin:0 20px -0.3em 20px; padding:1.0em 0 0 0; border-top:solid 1px rgb(215,215,215);}
.content-left-application h4 {margin:1.0em 0 -0.3em 0; padding:0 20px 0 20px; color:#444444; font-weight:bold; font-size:160% !important /*Non-IE6*/; font-size:140% /*IE6*/;}
.content-left-application h5 {margin:1.0em 0 -0.5em 0; padding:0 20px 0 20px; color:#444444; font-weight:bold; font-size:140% !important /*Non-IE6*/; font-size:125% /*IE6*/;}
.content-left-application h6 {margin:0.4em 0 0.5em 0; padding:0 20px 0 20px; color:#444444;; font-weight:normal; font-size:130% !important /*Non-IE6*/; font-size:115% /*IE6*/;}

/* CONTACT FORM (1-Column / 2-Column) */
.contactform {width:570px; margin:1.0em 10px 0 20px;}
.contactform left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:100%;}

.contactform fieldset {padding:10px 0 10px 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold;  font-size:131%;}
.contactform label.left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:100%;}
.contactform select.combo {width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.contactform input.field {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.contactform textarea {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.contactform input.button {float:left; width:9.0em; margin-left:115px !important /*Non-IE6*/; margin-left:118px /*IE6*/; padding:3px !important /*Non-IE6*/; padding:2px /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(150,150,150); font-size:100%;}
.contactform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

.content-2col-nobox-leftcolumn .contactform, .content-2col-nobox-rightcolumn .contactform, .content-2col-box-leftcolumn .contactform, .content-2col-box-rightcolumn .contactform  {width:297px; margin:1.0em 10px 0 20px;}
.content-2col-nobox-leftcolumn .contactform fieldset, .content-2col-nobox-rightcolumn .contactform fieldset, .content-2col-box-leftcolumn .contactform fieldset, .content-2col-box-rightcolumn .contactform fieldset {padding:10px 0 10px 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.content-2col-nobox-leftcolumn .contactform fieldset legend, .content-2col-nobox-rightcolumn .contactform fieldset legend, .content-2col-box-leftcolumn .contactform fieldset legend, .content-2col-box-rightcolumn .contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold;  font-size:131%;}
.content-2col-nobox-leftcolumn .contactform label.left, .content-2col-nobox-rightcolumn .contactform label.left, .content-2col-box-leftcolumn .contactform label.left, .content-2col-box-rightcolumn .contactform label.left {float:left; width:100px; margin:0; padding:2px; font-size:100%;}
.content-2col-nobox-leftcolumn .contactform select.combo, .content-2col-nobox-rightcolumn .contactform select.combo, .content-2col-box-leftcolumn .contactform select.combo, .content-2col-box-rightcolumn .contactform select.combo {width:140px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.content-2col-nobox-leftcolumn .contactform input.field, .content-2col-nobox-rightcolumn .contactform input.field, .content-2col-box-leftcolumn .contactform input.field, .content-2col-box-rightcolumn .contactform input.field {width:135px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.content-2col-nobox-leftcolumn .contactform textarea, .content-2col-nobox-rightcolumn .contactform textarea, .content-2col-box-leftcolumn .contactform textarea, .content-2col-box-rightcolumn .contactform textarea {width:242px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.content-2col-nobox-leftcolumn .contactform input.button, .content-2col-nobox-rightcolumn .contactform input.button, .content-2col-box-leftcolumn .contactform input.button, .content-2col-box-rightcolumn .contactform input.button {float:left; width:9.0em; margin-left:130px !important /*Non-IE6*/; margin-left:133px /*IE6*/; padding:3px !important /*Non-IE6*/; padding:2px /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(150,150,150); font-size:100%;}
.content-2col-nobox-leftcolumn .contactform input.button:hover, .content-2col-nobox-rightcolumn .contactform input.button:hover, .content-2col-box-leftcolumn .contactform input.button:hover, .content-2col-box-rightcolumn .contactform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

/* LOGIN FORM (1-Column / 2-Column)*/
.content .loginform {width:636px; margin:1.0em 10px 0 20px;}
.content-2col-nobox-leftcolumn .loginform, .content-2col-nobox-rightcolumn .loginform, .content-2col-box-leftcolumn .loginform, .content-2col-box-rightcolumn .loginform {width:297px; margin:1.0em 10px 0 20px;}

.content .loginform p {clear:both; margin:0; padding:0;}
.content .loginform fieldset {width:160px; border:none;}
.content .loginform label.top {float:left; width:125px; margin:0 0 2px 0; font-size:110%;}
.content .loginform label.right {float:left; width:125px; margin:5px 0 0 0; padding:0 0 0 3px /*IE6*/; font-size:110%;}
.content .loginform input.field {width:158px; margin:0 0 5px 0; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:solid 1px rgb(200,200,200); font-size:110%;}
.content .loginform input.checkbox {float:left; margin:5px 0 0 0 !important /*Non-IE6*/; margin:2px 0 0 -3px /*IE6*/; border:none;}
.content .loginform input.button {float:left; width:5.0em; margin:10px 0 5px 0; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(150,150,150); font-size:110%;}
.content .loginform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

/* SEARCH FORM (1-Column / 2-Column)*/
.content .searchform {width:636px; margin:1.0em 10px 0 20px;}
.content-2col-nobox-leftcolumn .searchform, .content-2col-nobox-rightcolumn .searchform, .content-2col-box-leftcolumn .searchform, .content-2col-box-rightcolumn .searchform {width:297px; margin:1.0em 10px 0 20px;;}

.content .searchform fieldset {border:none;}
.content .searchform input.field {float:left; width:158px; padding:3px 0 3px 0; border:1px solid rgb(200,200,200); font-size:120%;}
.content .searchform input.button {clear:both; float:left; width:3.0em; margin-top:0.5em; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(150,150,150); font-size:120%;}
.content .searchform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

/* MEDIA PLAYER (1-Column / 2-Column)*/
.content .videoplayer {width:626px; height:367px; margin:10px 20px 10px 20px; border:solid 5px rgb(175,175,175);}
.content-2col-nobox-leftcolumn .videoplayer, .content-2col-nobox-rightcolumn .videoplayer, .content-2col-box-leftcolumn .videoplayer, .content-2col-box-rightcolumn .videoplayer {width:283px; height:177px; margin:10px 20px 10px 20px; border:solid 5px rgb(175,175,175);}

.content .audioplayer {width:626px; height:20px; margin:10px 20px 10px 20px; border:solid 5px rgb(175,175,175);}
.content-2col-nobox-leftcolumn .audioplayer, .content-2col-nobox-rightcolumn .audioplayer, .content-2col-box-leftcolumn .audioplayer, .content-2col-box-rightcolumn .audioplayer {width:283px; height:20px; margin:10px 20px 10px 20px; border:solid 5px rgb(175,175,175);}
/****************/
/*  SUBCONTENT application */
/****************/
.
/* HEADING -- Standard icon */
.subcontentApp h1 {margin:0; padding:5px 5px 12px 5px; color:rgb(75,75,75); font-weight:bold; font-size:220% !important /*Non-IE6*/; font-size:200% /*IE6*/;background:none;}
.subcontentApp h1 {position:relative; z-index:1; top:-1px; margin:0 0 0 0; padding:15px 0px 0px 0; color:#3254a5 ; font-weight:bold; font-size:220% !important /*Non-IE6*/; font-size:170% /*IE6*/;background:none;}
.subcontentApp h1 {clear:both; /*Start IE Hack*/ 
                  position:relative; 
                  z-index:1; 
                  /*top:-1px /* End IE Hack to remove vertical -1px margin bug otherwise produced by margin*/; 
                  margin: 0px 0px 0px 0px; 
                  padding:0px 0px 10px 0; 
                  border-bottom: 1px solid #D7D7D7;
                  /*background: url(../img/icon_celltitle_level1.gif) no-repeat;  
                  background-position:right 15px;*/ 
                  color:#1B4376;
                  font-weight:bold; 
                  font-size:18px;
                  line-height: 22px;}
.subcontentApp h2 {position:relative; z-index:1; top:-1px; margin:0 0 0 0; padding:15px 0px 0px 0; color:#3254a5 ; font-weight:bold; font-size:190% !important /*Non-IE6*/; font-size:170% /*IE6*/;background:none;}
.subcontentApp h3 {margin:1.0em 0 -0.3em 0; padding:0 20px 0 20px; color:rgb(75,75,75); font-weight:bold; font-size:180% !important /*Non-IE6*/; font-size:160% /*IE6*/;}
.subcontentApp h3.line {/*Start IE Hack*/ position:relative; z-index:1; top:-1px; /* End IE Hack vertical alignment to blend top border with h1, if directly after each other*/ margin:0 20px -0.3em 20px; padding:1.0em 0 0 0; border-top:solid 1px rgb(215,215,215);}
.subcontentApp h2 { clear:both; /*Start IE Hack*/ 
                  position:relative; 
                  z-index:1; 
                  /*top:-1px /* End IE Hack to remove vertical -1px margin bug otherwise produced by margin*/; 
                  margin: 10px 0px 0 0px; 
                  padding:0px 0px 0px 0;                   
                  /*background: url(../img/icon_celltitle_level1.gif) no-repeat;  
                  background-position:right 15px;*/ 
                  color:#1B4376;
                  font-weight:bold; 
                  font-size:14px;
                  line-height: 20px;}
                             
.subcontentApp h3 { margin:0 0 -0.3em 0; 
                  padding:0 20px 0 20px; 
                  color:#3254a5; 
                  font-weight:bold; 
                  font-size:14px;}
.subcontentApp h4 {margin:1.0em 0 -0.3em 0; padding:0 20px 0 20px; color:rgb(75,75,75); font-weight:bold; font-size:160% !important /*Non-IE6*/; font-size:140% /*IE6*/;}
.subcontentApp h5 {margin:1.0em 0 -0.6em 0; padding:0 20px 0 20px; color:rgb(75,75,75); font-weight:bold; font-size:140% !important /*Non-IE6*/; font-size:125% /*IE6*/;}
.subcontentApp h6 {margin:0.4em 0 0.5em 0; padding:0 20px 0 20px; color:rgb(50,50,50); font-weight:normal; font-size:130% !important /*Non-IE6*/; font-size:115% /*IE6*/;}

/* PARAGRAPH TEXT */
.subcontentApp p {margin:1.0em 0 1.0em 0; line-height:1.3em; padding: 0 0 0 0;  font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.subcontentApp p.details {margin:-0.2em 0 1.0em 0; line-height:1.0em; font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
.subcontent blockquote {clear:both; margin:0 10px 0.6em 10px; font-size:90%;}

/* LIST */
.subcontentApp ul {margin:1.4em 0 1.0em 0; padding:0em 0px 0em 20px; list-style:none;}
.subcontentApp ul li {margin:0 0 0.3em 2px; padding:0 0 0 12px; background:url(../img/bg_bullet_square_red.gif) no-repeat 0 0.5em; line-height:1.3em; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.subcontentApp ol {margin:1.4em 0 1.0em 0; padding:0 20px 0 40px !important /*Non-IE6*/; padding:0 20px 0 50px /*IE6*/;}
.subcontentApp ol li {list-style-type:decimal; list-style-position:outside; margin:0 0 0.3em 3px; line-height:1.3em; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.subcontentApp ul.indent {padding:0 50px 0 50px;}
.subcontentApp ol.indent {padding:0 20px 0 70px !important /*Non-IE6*/; padding:0 20px 0 80px /*IE6*/;}


/****************/
/*  SUBCONTENT  */
/****************/

/* HEADING -- Standard icon */
.subcontent h1 {margin:0; padding:5px 20px 12px 20px; border-bottom:solid 1px rgb(215,215,215); background:url(../img/icon_celltitle_level1.gif) no-repeat; background-position:225px 5px; color:rgb(75,75,75); font-weight:bold; font-size:220% !important /*Non-IE6*/; font-size:200% /*IE6*/;}
.subcontent h2 {/*Start IE Hack*/ position:relative; z-index:1; top:-1px; /* End IE Hack to remove vertical -1px margin bug otherwise produced by margin*/ margin:0 20px 0 20px; padding:15px 35px 5px 0; border-top:solid 1px rgb(215,215,215); background:url(../img/icon_celltitle_level2.gif) no-repeat;  background-position:right 15px; color:rgb(75,75,75); font-weight:bold; font-size:180% !important /*Non-IE6*/; font-size:160% /*IE6*/;}
.subcontent h3 {margin:1.0em 0 -0.3em 0; padding:0 20px 0 20px; color:rgb(75,75,75); font-weight:bold; font-size:180% !important /*Non-IE6*/; font-size:160% /*IE6*/;}
.subcontent h3.line {/*Start IE Hack*/ position:relative; z-index:1; top:-1px; /* End IE Hack vertical alignment to blend top border with h1, if directly after each other*/ margin:0 20px -0.3em 20px; padding:1.0em 0 0 0; border-top:solid 1px rgb(215,215,215);}
.subcontent h4 {margin:1.0em 0 -0.3em 0; padding:0 20px 0 20px; color:rgb(75,75,75); font-weight:bold; font-size:160% !important /*Non-IE6*/; font-size:140% /*IE6*/;}
.subcontent h5 {margin:1.0em 0 -0.6em 0; padding:0 20px 0 20px; color:rgb(75,75,75); font-weight:bold; font-size:140% !important /*Non-IE6*/; font-size:125% /*IE6*/;}
.subcontent h6 {margin:0.4em 0 0.5em 0; padding:0 20px 0 20px; color:rgb(50,50,50); font-weight:normal; font-size:130% !important /*Non-IE6*/; font-size:115% /*IE6*/;}

.subcontent-left h1 {margin:0; padding:5px 20px 12px 20px; border-bottom:solid 1px rgb(215,215,215); background:url(../img/icon_celltitle_level1.gif) no-repeat; background-position:225px 5px; color:rgb(75,75,75); font-weight:bold; font-size:220% !important /*Non-IE6*/; font-size:200% /*IE6*/;}
.subcontent-left h2 {/*Start IE Hack*/ position:relative; z-index:1; top:-1px; /* End IE Hack to remove vertical -1px margin bug otherwise produced by margin*/ margin:0 20px 0 20px; padding:15px 35px 5px 0; border-top:solid 1px rgb(215,215,215); background:url(../img/icon_celltitle_level2.gif) no-repeat;  background-position:right 15px; color:rgb(75,75,75); font-weight:bold; font-size:180% !important /*Non-IE6*/; font-size:160% /*IE6*/;}
.subcontent-left h3 {margin:1.0em 0 -0.3em 0; padding:0 20px 0 20px; color:rgb(75,75,75); font-weight:bold; font-size:180% !important /*Non-IE6*/; font-size:160% /*IE6*/;}
.subcontent-left h3.line {/*Start IE Hack*/ position:relative; z-index:1; top:-1px; /* End IE Hack vertical alignment to blend top border with h1, if directly after each other*/ margin:0 20px -0.3em 20px; padding:1.0em 0 0 0; border-top:solid 1px rgb(215,215,215);}
.subcontent-left h4 {margin:1.0em 0 -0.3em 0; padding:0 20px 0 20px; color:rgb(75,75,75); font-weight:bold; font-size:160% !important /*Non-IE6*/; font-size:140% /*IE6*/;}
.subcontent-left h5 {margin:1.0em 0 -0.6em 0; padding:0 20px 0 20px; color:rgb(75,75,75); font-weight:bold; font-size:140% !important /*Non-IE6*/; font-size:125% /*IE6*/;}
.subcontent-left h6 {margin:0.4em 0 0.5em 0; padding:0 20px 0 20px; color:rgb(50,50,50); font-weight:normal; font-size:130% !important /*Non-IE6*/; font-size:115% /*IE6*/;}

/* HEADING - Special icon */
.subcontent h1.menu {background: url(../img/icon_celltitle_menu.gif) no-repeat; background-position:225px 5px;}
.subcontent h1.login {background: url(../img/icon_celltitle_login.gif) no-repeat; background-position:229px 5px;}
.subcontent h1.search {background: url(../img/icon_celltitle_search.gif) no-repeat; background-position:225px 5px;}
.subcontent h1.video {background: url(../img/icon_celltitle_video.gif) no-repeat; background-position:231px 5px;}
.subcontent h1.audio {background: url(../img/icon_celltitle_audio.gif) no-repeat; background-position:225px 5px;}
.subcontent h1.webtemplate {background: url(../img/icon_celltitle_webtemplate.gif) no-repeat; background-position:226px 5px;}
.subcontent h1.document {background: url(../img/icon_celltitle_document.gif) no-repeat; background-position:229px 5px;}
.subcontent h1.blog {background: url(../img/icon_celltitle_blog.gif) no-repeat; background-position:233px 5px;}
.subcontent h1.forum {background: url(../img/icon_celltitle_forum.gif) no-repeat; background-position:229px 5px;}

/* HEADING -- Without icon */
.subcontent h1.noicon {background:none;}
.subcontent h2.noicon {background:none;}

/* PARAGRAPH TEXT */
.subcontent p {margin:1.0em 0 1.0em 0; color:rgb(0,0,0); line-height:1.3em; padding: 0 20px 0 20px;  font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.subcontent p.details {margin:-0.2em 0 1.0em 0; line-height:1.0em; font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
.subcontent blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:90%;}

/* LIST */
.subcontent ul {margin:1.4em 0 1.0em 0; padding:0 20px 0 20px; list-style:none;}
.subcontent ul li {margin:0 0 0.3em 2px; padding:0 0 0 12px; background:url(../img/bg_bullet_square.gif) no-repeat 0 0.5em; line-height:1.3em; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.subcontent ol {margin:1.4em 0 1.0em 0; padding:0 20px 0 40px !important /*Non-IE6*/; padding:0 20px 0 50px /*IE6*/;}
.subcontent ol li {list-style-type:decimal; list-style-position:outside; margin:0 0 0.3em 3px; line-height:1.3em; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.subcontent ul.indent {padding:0 50px 0 50px;}
.subcontent ol.indent {padding:0 20px 0 70px !important /*Non-IE6*/; padding:0 20px 0 80px /*IE6*/;}

/* TABLE */
.subcontent table {clear:both; width:230px; margin:2.0em 0 0.2em 20px; table-layout: fixed; border-collapse:collapse; empty-cells:show; background-color:rgb(233,232,244);}
.subcontent table th.top {height:3.5em; padding:0 7px 0 7px; empty-cells:show; background-color:rgb(175,175,175); text-align:left; color:rgb(255,255,255); font-weight:bold; font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
.subcontent table th {height:3.0em; padding:2px 20px 2px 7px; border:solid 2px rgb(245,245,245); background-color:rgb(225,225,225); text-align:left; color:rgb(80,80,80); font-weight:bold; font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
.subcontent table td {height:3.0em; padding:2px 7px 2px 7px; border:solid 2px rgb(245,245,245); background-color:rgb(225,225,225); text-align:left; font-weight:normal; color:rgb(80,80,80); font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
.subcontent p.caption {clear:both; margin:0.5em 0 2.0em 0; text-align:left; color:rgb(80,80,80); font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}

/* CONTACT FORM */
.subcontent .contactform {width:230px; margin:1.0em 10px 0 20px;}
.subcontent .contactform fieldset {padding:10px 0 10px 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.subcontent .contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; color:rgb(80,80,80); font-weight:bold;  font-size:131%;}
.subcontent .contactform label.left {float:left; width:85px; margin:0; padding:2px; font-size:100%;}
.subcontent .contactform select.combo {width:90px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.subcontent .contactform input.field {width:85px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.subcontent .contactform textarea {width:178px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.subcontent .contactform input.button {float:left; width:9.0em; margin-left:67px !important /*Non-IE6*/; margin-left:68px /*IE6*/; padding:3px !important /*Non-IE6*/; padding:2px /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(150,150,150); font-size:100%;}
.subcontent .contactform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

/* LOGIN FORM */
.subcontent .loginform {width:230px; margin:10px 20px 0 20px;}
.subcontent .loginform p {clear:both; margin:0; padding:0;}
.subcontent .loginform fieldset {width:160px; border:none;}
.subcontent .loginform label.top {float:left; width:125px; margin:0 0 2px 0; font-size:110%;}
.subcontent .loginform label.right {float:left; width:125px; margin:5px 0 0 0; padding:0 0 0 3px; /*IE6*/; font-size:110%;}
.subcontent .loginform input.field {width:158px; margin:0 0 5px 0; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:solid 1px rgb(200,200,200); font-size:110%;}
.subcontent .loginform input.checkbox {float:left; margin:5px 0 0 0 !important /*Non-IE6*/; margin:2px 0 0 -3px /*IE6*/; border:none;}
.subcontent .loginform input.button {float:left; width:5.0em; margin:10px 0 5px 0; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(150,150,150); font-size:110%;}
.subcontent .loginform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

/* SEARCH FORM */
.subcontent .searchform {width:230px; margin:10px 20px 0 20px;}
.subcontent .searchform fieldset {border:none;}
.subcontent .searchform input.field {float:left; width:158px; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:1px solid rgb(200,200,200); font-size:120%;}
.subcontent .searchform input.button {clear:both; float:left; width:3.0em; margin-top:0.5em; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(150,150,150); font-size:120%;}
.subcontent .searchform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

/* SIDE MENU #1 */
.sidemenu1 {clear:both; width:270px; margin:0; padding:0;}
.sidemenu1 ul {width:270px; margin:0; margin-top:-1px; padding:0; border-bottom:solid 1px rgb(200,200,200);}	
.sidemenu1 ul li {margin:0; padding:0; background:none; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.sidemenu1 li a {display:block; min-height:1.5em; height:auto !important /*Non-IE6*/; height:1.5em /*IE-6*/; line-height:1.5em; margin:0; padding:5px 20px 5px 20px; border-top:solid 1px rgb(200,200,200); color:rgb(75,75,75); font-weight:bold;}
.sidemenu1 ul li ul {margin:0 0 5px 0; border:none;}
.sidemenu1 ul li ul li {margin:0; padding:0; background:none; font-size:100% !important /*Non-IE6*/; font-size:100% /*IE6*/;}
.sidemenu1 ul li ul li a {display:block; min-height:1.5em; height:auto !important /*Non-IE6*/; height:1.5em /*IE-6*/; line-height:1.5em; margin:0; padding:0 0 0 30px; border:none; color:rgb(75,75,75); font-weight:normal;}
.sidemenu1 li a:hover {background-color:rgb(240,240,240); color:rgb(75,75,75); text-decoration:none;}
.sidemenu1 li a:visited {color:rgb(75,75,75); text-decoration:none;}

/* SIDE MENU #2 */
.sidemenu2 {clear:both; margin:0; padding:0;}
.sidemenu2 ul {margin:-3px 0 10px 0; padding:0 20px 0 20px; list-style:none;}
.sidemenu2 ul li {margin:0; padding:3px 0 1px 12px; background:url(../img/bg_bullet_arrow.gif) no-repeat 0 0.6em; line-height:1.3em; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.sidemenu2 ul li ul {margin:2px 0 0 0; padding:0 10px 0 0; border:none;}
.sidemenu2 ul li ul li {margin:0; padding:0 0 0 10px; background:none; font-size:100% !important /*Non-IE6*/; font-size:100% /*IE6*/;}
.sidemenu2 ul li ul li a {font-weight:normal;}

/* SIDE MENU #3 */
.sidemenu3 {clear:both; margin:0; padding:0;}
.sidemenu3 ul {margin:10px 0 10px 0; padding:0 20px 0 20px; list-style:none;}
.sidemenu3 ul li {margin:0; padding:3px 0 1px 12px; background:url(../img/bg_bullet_arrow.gif) no-repeat 0 0.6em; line-height:1.3em; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.sidemenu3 ul li ul {margin:2px 0 0 0; padding:0 10px 0 0; border:none;}
.sidemenu3 ul li ul li {margin:0; padding:0 0 0 10px; background:none; font-size:100% !important /*Non-IE6*/; font-size:100% /*IE6*/;}
.sidemenu3 ul li ul li a {font-weight:normal;}

/* MEDIA PLAYER */
.subcontent .videoplayer {width:224px; height:144px; margin:1.0em 20px 1.0em 20px; border:solid 5px rgb(175,175,175);}
.subcontent .audioplayer {width:224px; height:20px; margin:1.0em 20px 1.0em 20px; border:solid 5px rgb(175,175,175);}

.conjugaison {clear:both;}
.conjugaison .titre1 {font-weight:bold;font-size:16px;
                     background-color: #DDDDDD;
                     border-radius: 10px 10px 10px 10px;  
                     font-size: 17px;
                     margin: 0;
                     padding: 5px;

                    }


.conjugaison .titre2 {font-weight:bold; padding: 5px 0px 5px 0px;}

/**********/
/* IMAGES */
/**********/

.main img.Pub {   
    clear:both; 
    float:none; 
    margin-top: 10px;     
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    background-color: #ffffff;
    border: 1px solid #356287;}
.main img.center {
    clear:both; 
    float:none; 
    display:block; 
    margin:0 auto;      
    background-color: #ffffff;
    border: 1px solid #356287;}

.main img.right {
    clear:both; 
    float:right; 
    margin:3px 0 7px 10px; 
    background-color: #ffffff;
    border: 1px solid #356287;
}
.main img.followUs{   
    clear:both; 
    float:none; 
    margin-top: 5px;     
    margin-bottom: 5px;
    margin-left: 2px;
    margin-right: 2px;
    background-color: transparent;
    border: none;
}
    

/*********/
/* LINKS */
/*********/

/*Image links */


/******************************************/
/*  ADDITIONAL USER STYLES                */
/*  If you want to add your own styles,   */
/*  then add them here in order to avoid  */
/*  a mixup with the default styles.      */
/******************************************/
.blockNews-blog{
    width:213px;
    padding: 5px 5px 5px 5px;
    font-size:12px;
}
.blockNews-blog a {
      text-decoration:none; 
      color:#C00200;
      font-size:12px;
}
.blockNews-blog a:hover {
      text-decoration:underline; 
      color:#C00200;
      font-size:12px;
}
.blockNews-blog  a:visited {   
    font-size:14px;   
    text-decoration:none; 
    color:#C00200;}