/* ------------------------------------ *
 CSS
 mercredi 30 fevrier 2008 17:17:50
 * ------------------------------------ */
html
{
    margin: 0;
    /* setting border: 0 hoses ie6 win window inner well border */
    padding: 0;
}

body
{
    margin: 0;
    /* setting border: 0 hoses ie5 win window inner well border */
    padding: 0;
    font-family: Arial;
    font-size: 10,5px;
    background: #545454;
    color:#4c4c4c;
}
.italic
{
font-style: italic;
}
.img 
{
	height:75px;
	padding:7px;
	margin:5px;
margin-top:6px;

}

form { margin: 0; padding: 0; }                   
h4, h5, h6, p, ol, ul, pre, blockquote
{
    margin-top: 10px;
    margin-bottom: 10px;
}
h1, h2, h3
{
    margin: 0;
    padding: 0;
}

a{
    color: #4c4c4c;
    font-weight: bold;
    text-decoration: underline;
}
a:hover{
    color: #4c4c4c;
    font-weight: bold;
    text-decoration: none;
}

/* standard helper classes */

.clr
{
    clear: both;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after
{
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */


/* page layout */

body { text-align: center; z-index: 1; } /* center on ie */

#container
{
    position: relative;
    margin: 0 auto; /* center on everything else */
    width: 804px;
    padding: 2px;
    text-align: left;
    background: #E7A559 url(images/bg-virtuos.jpg);
    background-repeat: repeat-x;
    border: 0px solid #4c4c4c;
    border-bottom: 5px solid #4c4c4c;
    z-index: 3;
}
#container-inner { position: static; width: auto; }

#banner { position: relative; }
#banner-inner { position: static; }

#pagebody { position: relative; width: 100%; }
#pagebody-inner { position: static; width: 100%; }

#alpha, #beta, #gamma 
{
    display: inline; /* ie win bugfix */
    position: relative;
    float: left;
    min-height: 1px;
}                             

#alpha-inner, #beta-inner, #gamma-inner 
{
    position: static;
}


/* banner user */

.banner-user
{
    float: left;
    overflow: hidden;
    width: 64px;
    margin: 0 15px 0 0;
    border: 0;
    padding: 0;
    text-align: center;
}
  

/* content */
             
/* client definition */
.headings{
font-size:14pt;
}

.titles-navigation{
font-family: Arial;
font-size:8.5pt;
}

.title-contents{
font-family: Arial;
font-size:10.5pt;
}
.text-contents{
font-family: Arial;
font-size:10pt;
}

.colored-dark-grey{
color:#343434;
}
.colored-light-grey{
color:#dddddc;
}
.colored-orange{
color:#ff7c10;
}
.colored-blue{
color:#7cc2e8;
}
/* client definition */

.content-nav
{
    margin: 10px;
    text-align: center;
}
/*
.date-header,
.entry-content
{
    position: static;
    clear: both;
}

.entry,
.trackbacks,
.comments,
.archive
{
    position: static;
    overflow: hidden;
    clear: both;
    width: 100%;
    margin-bottom: 20px;
}

.entry-content,
.trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content,
.comments-closed
{
    clear: both;
}

.entry-excerpt,
.entry-body,
.entry-more-link,
.entry-more
{
    clear: both;
}

.entry-more-link{
text-align:right;
}

.entry-footer,
.trackback-footer,
.comment-footer,
.comments-open-footer,
.archive-content
{
    clear: both;
    margin: 5px 10px 20px 10px;
}

.comments-open label { display: block; }

#comment-author, #comment-email, #comment-url, #comment-text
{
    width: 240px;
}

#comment-bake-cookie
{
    margin-left: 0;
    vertical-align: middle;
}

.comments-open-header
{
    clear: both;
}

#comment-post
{
    font-weight: bold;
}

img.image-full { width: 100%; }

.image-thumbnail
{
    float: left;
    width: 115px;
    margin: 0 10px 10px 0;
}

.image-thumbnail img
{
    width: 115px;
    height: 115px;
    margin: 0 0 2px 0;
}
*/

/* modules */

.module
{
    position: relative;
    overflow: hidden;
    width: 100%;
}

.module-content
{
    position: relative;
    margin: 5px 10px 20px 10px;
}

.module-list,
.archive-list
{
    margin: 0;
    padding: 0;
    list-style: none;
}

.module-list-item
{
    margin-top: 5px;
    margin-bottom: 5px;
}


/* real css xxxxxxxxxxx */


#banner{
    background:#FFFFFF;
    height: 115px;
    width: 800px;

}

#banner-inner{
 clear: both;
}
#banner-inner1{
 margin:0;
 width: 150px;
 height: 115px;
 float: left;
}
#banner-inner2{ 
 margin:0;
 width: 33px;
 height: 115px;
 float: left;
 background:  url(images/courbe-header.jpg);
 background-repeat: no-repeat;
}
#banner-inner3{ 
 margin:0;
 width: 454px;
 background: #454545;
 text-align: center;
 border-right: 1px solid #FFFFFF;
 height: 115px;
 float: left;
}

#banner-inner23{ 
 margin:0;
 width: 487px;
/* background: #454545;*/
 text-align: center;
 border-right: 1px solid #FFFFFF;
 height: 115px;
 float: left;
}
#banner-inner4{ 
 margin:0;
 width: 160px;
 height: 115px;
 padding-top: 0px; 
 background: #454545;
 float: left;
 color:#FFFFFF;
font-size: 11px;
}
#banner-inner4-title{
color:#FFFFFF;
font-weight: bold;
font-size: 13px;
}

#banner-inner4-title a, #banner-inner4-title a:visited, #banner-inner4-title a:link, #banner-inner4-title a:active{
color:#FFFFFF;
font-weight: bold;
font-size: 13px;
}
#banner-inner4-title a:hover{
color:#FFFFFF;
font-weight: bold;
font-size: 13px;
}
#banner-inner4 a, #banner-inner4 a:visited, #banner-inner4 a:link, #banner-inner4 a:active{
color:#FFFFFF;
font-weight: bold;
font-size: 11px;
}
#banner-inner4 a:hover{
color:#FFFFFF;
font-weight: bold;
font-size: 11px;
}
.banner-inner4-txt{

 margin-bottom: 10px;
}

.top-recent-news{
 text-align: right;
 margin-right: 5px;
 margin-top: 5px;
}

#sub-banner{   
 background: #E2E3DF;
 vertical-align: middle;
 height: 30px;
}
#sub-banner input{
margin: 0;
padding: 0;
font-size: 12px;
height:20px;
border-top: 0px;
border-bottom: 0px;
border-left: 0px;
border-right: 0px;
border:none;
border-style:none;
 color: #4c4c4c;
 font-family: Arial;
font-weight: bold;
}

#pagebody{
    height: auto;
    width: 800px;
}

#pagebody-inner{
    height: auto;
    width: 800px;
    margin-right: 10px;  
}




/*****************************************/
/*****************************************/

#beta{
    clear: none;
    float: left;
    height: auto;
    width: 534px;
    width: 514px;
    margin:0;
    margin-left: 15px;
}

.entry-top-header{
height: 40px;
}

.entry-header, .entry h2, .entry h3, .entry h4{
    margin:0;        
    font-size: 9pt;
    font-weight: bold;           
    color: #ff7c10;
    padding-bottom: 5px;   
    padding-top: 0px; 
}

.entry-header h2 a,.entry-header h1 a,.entry h2 a,.entry h1 a{
text-decoration: none;  
font-size: 9pt;
color: #ff7c10;
}
.entry-header h2 a:hover,.entry-header h1 a:hover, .entry h2 a:hover,.entry h1 a:hover{
text-decoration: underline;
font-size: 9pt;
color: #ff7c10;
}

.entry-cat a{
text-decoration: none;
font-size: 12px;
}
.entry-cat a:hover{
text-decoration: underline;
    font-size: 12px;
}
 

.entry-content, .entry p{
text-align: justify;
margin-top: 0px;   
color: #4C4C4C;
} 

.entry-content a{
color:#7cc2e8;
text-decoration: none; 
}
.entry-content a:hover{
color:#7cc2e8;
text-decoration: underline;
}


.entry{
    font-size: 12px;
    background: #FFFFFF;
/*
 url(images/coin-top-content.gif)
    background-repeat: no-repeat;
    background-position: left top;
*/
    margin-bottom: 30px;      
    padding-bottom: 10px;   
    padding-top: 2px;  /* a cause de round corner */
    padding-left: 10px; 
    padding-right: 10px;    
}

.entry-body, .entry-body a{
    height: auto;
    font-size: 9,5px; 
}


#alpha {
  /*clear: none;*/
  clear: left;
  float: left;
  width: 267px;
  margin: 0px;
  overflow: hidden;
}

#alpha-inner{
  height: auto;
}

.bg-menu-left-bloc{
padding: 7px 0px 1px 8px;
background: url(images/bg-menu-left-bloc.gif) no-repeat;
margin-bottom: 10px;
z-index: 5;
}

.bg-menu-left-bloc-last{ 
padding: 7px 0px 10px 8px;
background: url(images/bg-menu-left-bloc.gif) no-repeat;
margin-bottom: 10px;
padding-botton:10px;
z-index:5; 
}

/*   
clear: both;*/
}
.bg-menu-left-img{
width: 135px;
}
.left-sub-bloc{    
padding-left: 5px;
width: 106px;  
width: 104px;
overflow: hidden;
}

.left-sub-bloc-1{  
padding-left: 5px;     
width: 104px;
overflow: hidden;
background: url(images/menu-bg1.jpg);
background-repeat: repeat-y;
background-position: 5px 0px;
}
.left-sub-bloc-2{
padding-left: 5px;  
width: 106px;     
width: 104px;
overflow: hidden;
background: url(images/menu-bg2.jpg);
background-repeat: repeat-y;  
background-position: 5px 0px;
}
.left-sub-bloc-3{
padding-left: 5px;
width: 106px;      
width: 104px;
overflow: hidden;
background: url(images/menu-bg3.jpg);
background-repeat: repeat-y;
background-position: 5px 0px;
}
.left-sub-bloc-4{
padding-left: 5px;
width: 106px;     
width: 104px;
overflow: hidden;
background: url(images/menu-bg4.jpg);
background-repeat: repeat-y; 
background-position: 5px 0px;
}

.bg-menu-list{ 
padding: 0px 0px 0px 13px;
background: url(images/puce-orange.gif);
background-repeat: no-repeat;
background-position: 4px 5px;
}
.bg-menu-list-2{ 
padding: 0px 0px 0px 13px;
background: url(images/puce-blanche.gif);
background-repeat: no-repeat;
background-position: 4px 5px;
}

.bg-menu-list a, .bg-menu-list a:link, .bg-menu-list a:active, .bg-menu-list a:visited, .bg-menu-list-2 a, .bg-menu-list-2 a:link, .bg-menu-list-2 a:active, .bg-menu-list-2 a:visited{   
font-weight: bold;
text-decoration : none;
font-size: 8pt;
}
.bg-menu-list a:hover, .bg-menu-list-2 a:hover{
font-weight: bold;
text-decoration : underline;  
font-size: 8pt;
}

.menu-blank-left{
background: url(images/menu-blank-left.jpg);
background-repeat: no-repeat;
height: 20px;
width: 102px;
text-align: center;
padding-top:4px;
font-weight: bold;
color:#353535;
font-size:14px;
font-family: Arial;
text-transform: uppercase;    
}
.menu-blank-left a{
text-decoration :none;
font-weight: bold;
color:#353535;
font-size:14px;
font-family: Arial;
text-transform: uppercase;
}

.menu-blank-left a:hover{
text-decoration :underline;
font-weight: bold;
color:#353535;
font-size:14px;
font-family: Arial;
text-transform: uppercase;
}


/*                    */   
#alpha .module-content {
    font-size: 10px;     
}

#alpha .module-content ul
{
    margin: 0;
    padding: 0;                 
    list-style-type: none;
    font-size: 11px;
}

#alpha .module-content li { margin: 0;
}

#alpha .module-content ul ul li { margin: 0;
}

#alpha .module-content li a{
    display: block;
    padding-top: 5px;
    padding-bottom: 8px;
    padding-right: 5px;
    padding-left: 5px;      
    color: #FFF;
    height: auto;
    text-decoration: none;

}

#alpha .module-content ul ul a:hover{
    display: block;
    padding-top: 5px;
    padding-bottom: 8px;
    padding-right: 5px;
    padding-left: 30px;
    color: #333333;   
    height: auto;
    text-decoration: underline;

}

#alpha .module-content ul ul a{
    padding-top: 5px;
    padding-bottom: 8px;
    padding-right: 5px;
    padding-left: 30px;   
    color: #CCC;
    height: auto;
    text-decoration: none;
}

#alpha .module-content li a:hover{
    display: block;
    padding-top: 5px;
    padding-bottom: 8px;
    padding-right: 5px;
    padding-left: 5px;   
    color: #333333;
    height: auto;
    text-decoration: underline;

}


#alpha .module-header{
    font-size: 15px;
    padding-right: 5px;
    padding-left: 5px;
    font-weight: bold;
}


.entry-footer a:hover, .permalink a:hover, .post-footers a:hover{
    color: #666666;
}

.post-footers {
    color: #CC0000;
    font-weight: bold;
}

.entry-footer a, .permalink a, .post-footers a{
    color: #CCCCCC;
}


.comments{
}

.trackbacks{
}
     

blockquote{
    padding: 5px;
    border: thin none #CCCCCC;
}

.content-nav{
    text-align: center;
    display: none;
}


#trackback{
}



.trackbacks-header h3{
  font-size: 14px;
}



.comments-header{
    font-size: 16px;
    font-weight: bold;
    color: #4c4c4c;
    height: 30px;
    padding-top: 0px;     
}

.comments-open-header{
    font-size: 24px;
    color: #4c4c4c;
    font-weight: bold;
}

.footer{
text-align: center;
clear: both;
}
.footer a{
font-weight: normal;
font-size: 11px;
}


.special-link a{
color:#FFFFFF;
text-decoration: none;  
font-size:10px;
}

.special-link a, .special-link a:link,.special-link a:active,.special-link a:visited{
color:#FFFFFF;
text-decoration: none;  
font-size:10px;
}

.special-link a:hover{
color:#FFFFFF;
text-decoration: underline;  
font-size:10px;
}
.cadre-tab{
border: 2px #3366FF solid;
margin: 10px;
padding: 10px;
height: 150px;
text-align: left;
}
.cadre-tab ul{
margin: 0;
padding: 0;
margin-top: 10px;
margin-left: 15px;
}

.cadre-tab li{
margin: 0;
padding-left: 5px;
}

.cadre-tab-orange{
/*
background: url(images/menu-bg1.jpg);
background-repeat: repeat-y;
text-align: left;
padding: 5px;
margin: 5px;
*/
margin:0;
padding:0;
color:#4c4c4c;
height: 90px;
font-size: 9pt;
font-weight: normal;
width: 132px;
}

.cadre-tab-orange a{
color: #FFFFFF;
}
.cadre-tab-orange a:hover{
color: #FFFFFF;
}


.title-tab{
font-size: 9pt;
padding: 0px;
}

.menu-news-top{
margin-bottom: 15px;
}
.menu-news-top a{
font-weight: normal;
font-size: 8pt;
}





.response-alban, .response-gu, .response-nina, .response-ni, .response-sun, .response-liu, .response-sui{
color:#FFFFFF;
text-align: center;
padding-top: 5px;
font-weight: bold;
height: 90px;
background: url(images/virtuos/be-carefull.jpg);
background-repeat: no-repeat;
background-position: left top;
}

.response-alban{                                  
background-image: url(images/team/Alban-s.jpg);
}
.response-gu{
background-image: url(images/team/Gu-s.jpg);
}
.response-ni{
background-image: url(images/team/Ni-s.jpg);
}
.response-sun{
background-image: url(images/team/Sun-s.jpg);
}
.response-liu{
background-image: url(images/team/Liu-s.jpg);
}
.response-sui{
background-image: url(images/team/Sui-s.jpg);
}


.menu-titres{
font-size:16px;
font-family: Calibri, Candara, Corbel, Arial;
font-weight: bold;
}

.entry-scroll{ 
/*overflow: auto; 
height: 600px; */
}

.alpha-inner, .alpha-inner a{
font-size: 8,5pt;
}

.alpha-inner, .alpha-inner a{
font-size: 8,5pt;
}


.makeadifference-bloc{
    color: #FFFFFF;
    background: url(images/bg-makedifference.gif);
    background-repeat: repeat-x;
padding:5px;
margin: 5px;
}
.extended{
text-align:right;
margin-bottom: 20px;
/*clear: both;*/
font-size: 8pt;
font-family: Arial;
font-weight: normal;
}
.extended a{
color:#ff7c10;
font-size: 8pt;
font-family: Arial;
font-weight: normal;
}

.bg-menu-title{
margin-left: 6px;
}

.corner-round{
background-image: url(images/corner-round.gif);
background-repeat: no-repeat;
width:514px;
height: 20px;
padding:0px;
margin: 0px;
}

.inpu-css-class{
padding-top:2px;
margin-top:1px;
vertical-align: middle;
text-align:center;
width: 55px;
height: 20px;
background-image:url(images/button-blank.gif);
background-repeat: no-repeat;
}


.inpu-css-class-sub{
text-align:center;
text-decoration: none;
font-size: 10px;
font-weight: normal;
}

.inpu-css-class-sub-search{
text-align:center;
text-decoration: none;
font-size: 10px;
font-weight: normal;
border-style:none;
}