/****************************************************************/
/****************************************************************/
/*   Design:   Multiflex-5.4                                    */
/*   Type:     Design with sidebar                              */
/*   File:     Grid Toolbox                                     */
/*   Option:   Design with sidebar                              */
/*--------------------------------------------------------------*/
/*   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!                */
/****************************************************************/

/******************/
/* GLOBAL LAYOUT  */
/******************/
 * {      -moz-box-sizing : border-box;      
          -webkit-box-sizing : border-box;      
           box-sizing : border-box;   }

/* body {font-size:62.5%; background-color:rgb(240,240,240); font-family:arial,sans-serif;} /*Font-size: 1.0em = 10px when browser default size is 16px*/
 body {
    color: #444444;
    font-size:62.5%; 
    font-family: Georgia, Arial, Verdana, Helvetica,sans-serif;
    background-attachment: fixed;
    background-clip: border-box;
    background-color: #333333;
    background-image: url("../images/fond.gif");
    /*background-image: url("images/bg.jpg");*/
    background-origin: padding-box;
    background-position: center 0;
    background-repeat: repeat;
    background-size: auto auto;
    padding-bottom: 50px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;

} /*Font-size: 1.0em = 10px when browser default size is 16px*/
 multiflex-body {
    color: #444444;
    font-size:62.5%; 
    font-family: Georgia, Arial, Verdana, Helvetica,sans-serif;
    background-attachment: fixed;
    background-clip: border-box;
    background-color: #333333;
    background-image: url("../images/fond.gif");
    /*background-image: url("images/bg.jpg");*/
    background-origin: padding-box;
    background-position: center 0;
    background-repeat: repeat;
    background-size: auto auto;
    padding-bottom: 50px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;

} /*Font-size: 1.0em = 10px when browser default size is 16px*/


/*#container { width:1165px; position:relative; margin:0 auto; background:url(images/Page_cadrillee_droit.jpg) repeat-y right 0;}*/  
.container {
    width:1165px; 
    padding-top:0px; 
    padding-bottom:20px; 
    margin:0 auto; 
    font-size:1.0em;
    background:url(../images/Page_cadrillee_droit.jpg) repeat-y right 0;
}

.container-wrapper { 
    background:url(../images/content-bg-left.png) repeat-y 0 0;
}
.header {
    width:100%; 
    min-height:50px /*Non-IE6*/; 
    height:auto !important /*Non-IE6*/; 
    height:130px /*IE6*/; 
    padding-bottom: 0;
    padding-left: 0px;
    padding-right: 0;
    padding-top: 0px;
    background:url("../images/header.png") no-repeat; /*Total header background image entered here. Height: 125px*/; 
    background-position:50px 0px;
    font-size:1.0em;
}

/* add from multiflex */
.header-top {
   
    width:1122px; 
    height:100px; 
    font-size:1.0em;
    margin-top: -10px;}

/* add from multiflex */
.header-bottom {
    clear:both; 
    width:1122px; 
    min-height:30px /*Non-IE6*/; 
    height:auto !important /*Non-IE6*/; height:30px /*IE6*/;    
    font-size:1.0em;}

.headerbloc  
    { width:1115px;  height:auto !important /*IE6*/;     
    padding-bottom: 0;
    padding-left: 50px;
    padding-right: 0;
    padding-top: 0;
    -moz-box-sizing: border-box;
  }

.navbarsave {
    /* white-space:nowrap / *I E hack*/; 
    float:left; 
    width:1065px; 
    background-attachment: scroll;
    background-clip: border-box;
    background-color: # 509A9;
    background-image: url("../images/navigation.png");
/*    background: #edf3f8 url(/images/layout/blockHeadline.png) repeat-x 0% 0%;*/
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-bottom-color: #DDDDDD;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    color: #FFFFFF;    
    font-family: Georgia,Helvetica,Verdana,arial,serif;
    font-size:130% !important /*Non-IE6*/; /*font-size:120% / *I E 6 ; */
    text-transform: uppercase;
} /*Color navigation bar normal mode*/

.main {
    clear:both; 
    width: auto; 
    height: auto !important; height: 100%;
    padding-top: 10px; 
    padding-bottom: 10px; 
    padding-left: 50px;
    padding-right: 50px;
    font-size:1.0em;
    
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../images/ver.gif");
    background-position: 382px 10px;
    background-origin: padding-box;
    background-repeat: repeat-y;
    background-size: auto auto;  
}
.main-image-left-small{
    background-position: 324px 10px;
}

.main-image-left-small222{
    background-position: 278px 10px;
}



.main-image-pub-right{
    background-position: 780px 10px;
}

.main-image-pub-right-small{
    background-position: 882px 10px;
    background-image:none;
}



.content-right {
    display:inline; /*Fix IE floating margin bug*/; 
    float:right; 
    width:720px; 
    height:auto;
    background-color:transparent; 
    font-size:1.0em; 
    overflow:visible !important /*Non-IE6*/; overflow:hidden /*IE6*/;

}

.content-left {
    display:inline; /*Fix IE floating margin bug*/; 
    float:left; 
    width: 560px;
    height:auto;
    background-color:transparent; 
    font-size:1.0em; 
    overflow:visible !important /*Non-IE6*/; overflow:hidden /*IE6*/;
    padding-left: 15px;
}
.content-left-big {
    width: 828px;
    padding-left: 0px;
}

.subcontent-left {
    display:inline /*Fix IE floating margin bug*/; 
    float:left; 
    width:322px;
    height:auto;
    background-color:transparent; 
    font-size:1.0em; 
    overflow:visible !important /*Non-IE6*/; overflow:hidden /*IE6*/;
}
.subcontent-left-small {
    width:268px;
}

.subcontent-small {
    width:222px;
}
.content {
    display:inline; /*Fix IE floating margin bug*/; 
    float:left; 
    width:676px; 
    background-color:#FFFFFF; 
    font-size:1.0em; 
    overflow:visible !important /*Non-IE6*/; overflow:hidden /*IE6*/;
}
.subcontent {
    display:inline /*Fix IE floating margin bug*/; 
    float:right; 
    width:322px; 
    background-color:#FFFFFF; 
    font-size:1.0em; 
    overflow:visible !important /*Non-IE6*/; overflow:hidden /*IE6*/;
}

.subcontentApp{
    display:inline /*Fix IE floating margin bug*/; 
    width:322px; 
    background-color:#FFFFFF; 
    font-size:1.0em; 
    color: #444444;
    overflow:visible !important /*Non-IE6*/; overflow:hidden /*IE6*/;
}


.blockHeadline {
    /*color: #356287; */
    /*color: #7D0000; */  
    color: #1b4376;
    font-weight: normal;
    font-size: 16px;
    margin-bottom: 2px;
    margin-left: 10px;
    margin-right: 15px;
    margin-top: 2px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    width: auto;
    height: auto;

  }
  
 .block {
    background-color: #ffffff;
    margin-bottom: 0px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    height:auto;
    width: auto;
}
 .block-small{
    height:223px;
}
 .block-medium{
    height:265px;
}
 .block-Facebook-medium{
    height:404px;
}
 .blockhome{
    background-color: #ffffff;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    height:auto;
    width:auto;
    font-size:12px;
} 
.blockNews{
    background-color: #ffffff;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    height:auto;
    width:253px;
    font-size:12px;
}
.blockNews-small{
    width:203px;
}

.blockNews-leftsmall{
    width:100%;
}
.blockImages{
    background-color: #ffffff;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    height:270px;
    width:auto;
    font-size:12px;
}
.blockApplication{
    background-color: #ffffff;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0;
    margin-top: 0;
    height:auto;
    width:auto;
  }

.separateur{ 
    clear:both; 
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../images/line.png");
    background-origin: padding-box;
    background-position: 45px bottom;
    background-repeat: no-repeat;
    background-size: auto auto;
    height: 5px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 2px;
}
.separateur-left-small{ 
    background-position: 5px bottom;
}
.separateur-right-small{ 
    background-position: 0px bottom;
}

.ligne{
    float: left; 
    height:1050px; 
    width: 3px;
    padding-bottom: 0;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0;    
    margin-left: 5px;
    margin-right: 5px;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("images/ver.gif");
    background-origin: padding-box;
    background-repeat: repeat-y;
    background-size: auto auto;
	}

  .blockFollowUs {
    background-color: #DFDFDF;
    border: none;
    margin-bottom: 0px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
  }
  .ImgPub { 
    clear: both;
    display: block;
    float: none;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;
    background-color: #ffffff;
    border: 1px solid #356287; 
  }
.footer {

    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../images/footer-line.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    color: #000080;
    font-size:110% !important /*Non-IE6*/; font-size:100% /*IE6*/;
   
}
.footer {
   
    float: left;
    height: 55px;
    
    margin-bottom: 50px;
    margin-left:50px;
    margin-top: 0px;
    
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
    width: 1115px;
    font-size:110% !important /*Non-IE6*/; font-size:100% /*IE6*/;
    }
.footer-left {
    clear: both;
    display: block;
    float: left;
    margin-left: 0;
    margin-right: auto;
    margin-top: 10px;
    width: 400px;
    font-size:110% !important /*Non-IE6*/; font-size:100% /*IE6*/;}
.footer-centre {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: auto;
    margin-top: 10px;
    width:auto;
    font-size:110% !important /*Non-IE6*/; font-size:100% /*IE6*/;
}
.footer-right {
    display: block;
    float: right;
    margin-left: 0;
    margin-right: 50px;
    margin-top: 10px;
    width:auto;
    font-size:110% !important /*Non-IE6*/; font-size:100% /*IE6*/;
}
/****************/
/*  HEADER-TOP  */
/****************/

/* SITENAME AND SLOGAN */
.sitelogo {
    width:550px; 
    height:94px; 
    position:absolute; 
    z-index:1; 
    margin: 6px 0 0 60px; 
    background:url(../images/golearn.png) no-repeat;}
.sitelogoBeta {
    width:291px; 
    height:194px; 
    position:absolute; 
    z-index:2; 
    margin:0px 0px 0px 600px; 
    background:url(/images/beta.png) no-repeat;}
   
    
.sitename {width:300px; height:70px; position:absolute; z-index:1; margin:27px 0 0 95px; overflow:hidden;}
.sitename h1 {font-family:"trebuchet ms",arial,sans serif; font-weight:normal; font-size:290% !important /*Non-IE6*/; font-size:260% /*IE6*/;}
.sitename h2 {font-family:verdana,arial,sans serif; margin-top:-5px; padding-bottom:2px; color:rgb(125,125,125); height:20px; font-weight:normal; font-size:130% !important /*Non-IE6*/; font-size:120% /*IE6*/;}
.sitename a{text-decoration:none; color:rgb(125,125,125);}
.sitename a:hover {text-decoration:none;}

/* BUTTON NAVIGATION */
.navbutton {
    width:400px; 
    position:absolute; 
    z-index:2; 
    margin-top:26px; 
    margin-left:710px !important /*Non-IE6*/; margin-left:712px /*IE6*/;
}
.navbutton ul {float:right;}
.navbutton li {display:inline; list-style:none;}
.navbutton li a {padding-left:3px;}
.navbutton a:hover {text-decoration:none;}
.navbutton a img {height:32px;}


/* GLOBAL NAVIGATION */
.navglobal {
    width:600px; 
    position:absolute; 
    z-index:3; 
    margin-top:10px; // 65px avec le choix des langues
    margin-left:512px !important /*Non-IE6*/; margin-left:514px /*IE6*/;
}
.navglobal ul {float:right; font-weight:normal;}	
.navglobal li {display:inline; list-style:none;}
.navglobal li a {display:block; float:left; padding:2px 5px 2px 5px; color:rgb(125,125,125); text-decoration:none; font-size:130% !important /*Non-IE6*/; font-size:120% /*IE6*/;}
.navglobal a:hover {text-decoration:none; color:#A50000;}

/*******************/
/*  HEADER BOTTOM  */
/*******************/
.B_crumbBox {
    float:left; 
    width:1100px; 
    list-style:none; 
    padding:10px 0px 0px 65px !important /*Non-IE6*/; padding:10px 0px 8px 62px /*IE6*/;
    font-family: Georgia,Helvetica,Verdana,arial,serif;
    font-size:110% !important /*Non-IE6*/; font-size:100% /*IE6*/;
    text-decoration:none;
    color:#7D7D7D;
    }
.B_homeCrumb {
    font-size:110% !important /*Non-IE6*/; font-size:100% /*IE6*/;
    font-family: Georgia,Helvetica,Verdana,arial,serif;
    text-decoration:none;
    color:#7D7D7D;
}
.B_firstCrumb {
    font-size:110% !important /*Non-IE6*/; font-size:100% /*IE6*/;
    font-family: Georgia,Helvetica,Verdana,arial,serif;
    text-decoration:none;
    color:#7D7D7D;
 }
.B_crumb {
    font-size:110% !important /*Non-IE6*/; font-size:100% /*IE6*/;
    font-family: Georgia,Helvetica,Verdana,arial,serif;
    text-decoration:none;
    color:#7D7D7D;
    }
  
.B_currentCrumb {
    font-size:110% !important /*Non-IE6*/; font-size:100% /*IE6*/;
    font-family: Georgia,Helvetica,Verdana,arial,serif;
    text-decoration:none;
    color:#7D7D7D;
}
.B_lastCrumb{
    font-size:110% !important /*Non-IE6*/; font-size:100% /*IE6*/;
    font-family: Georgia,Helvetica,Verdana,arial,serif;
    text-decoration:none;
    color:#7D7D7D;
}
.B_homeCrumb a:hover {color:#A50000;}
.B_firstCrumb a:hover {color:#A50000;}
.B_crumb a:hover {color:#A50000;}
.B_currentCrumb a:hover {color:#A50000;}
.B_lastCrumb a:hover {color:#A50000;}

.B_crumbBox ul li {display:inline; padding:0 0 0 10px; background:transparent url(../images/bg_bullet_arrow.gif) no-repeat 0 50%; font-size:110% !important /*Non-IE6*/; font-size:100% /*IE6*/;}
.B_crumbBox ul li.nobullet {display:inline; padding:0; background:none; color:#7D7D7D;}
.B_crumbBox ul a {color:#7D7D7D; font-weight:normal; text-decoration:none;}
.B_crumbBox ul a:hover {color:#A50000;}

/* SEARCH FORM */
#search { float: right; margin:0px 0px 2px 5px;}
#search #searchform { padding:0px 0px 0px 0px;}
#search #searchform div {}
		#search #s {
			border:none; width:270px;
			background:url(../images/searchInput.png) no-repeat 0 0;
			font:normal 12px/15px Arial, Helvetica, sans-serif;
			overflow:hidden;
			color:#7D7D7D;border:0;
			vertical-align: middle;
			padding:8px 0px 10px 15px; *padding-top:8px;
			margin:2px 2px 0px 0px; *margin-top:0;
			}
    
    
#search #searchsubmit {
			width:39px; height:32px; overflow:hidden; text-indent:-1000em;
			background:url(../images/search.png) no-repeat 0 0 transparent;
			border:0;cursor: pointer;
			font:bold 12px/12px Arial, Helvetica, sans-serif;
			color:#fff; text-align:center; vertical-align:top;
			padding:0; 
      margin-bottom: 0;
      margin-left: 0;
      margin-right: 10px;
      margin-top: 0;
			}
      
/********************/
/*  NAVIGATION BAR  */
/********************/
/* MAIN MENU */

/* État par défaut */
.navbar  ul,ul ul{ font-size: 14px;
               line-height: 18px;
               margin:0;
               list-style:none;
               padding:0;
               background-color:#dedede;
               border-width:1px;
               border-style:solid;
               border-color:#6f6f6f;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}

            


.navbar  ul ul{    width:auto;
                display:none;
                position:absolute;
                left:0;
                top:100%;-moz-box-shadow:3.5px 3.5px 5px #000000;-webkit-box-shadow:3.5px 3.5px 5px #000000;box-shadow:3.5px 3.5px 5px #000000;
                background-color:#FFFFFF;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;
                border-color:#d4d4d4;
                padding:0 10px 0px 10px;}

.navbar  ul li:hover>*{
                display:block;}

.navbar  ul li{    color: #1B4376;
                position:relative;
                display:block;
                white-space:nowrap;
                font-size:0;
                float:left;}

.navbar  ul li:hover{
                z-index:1;}
                
.navbar  ul ul ul{
                position:absolute;left:100%;top:0;}

.navbar  ul{      width:1063px;
                font-size:0;
                z-index:999;
                position:relative;
                display:inline-block;zoom:1;
                padding:0;
                *display:inline;
                }
.navbar  * html ul li a{
                display:inline-block;}
.navbar  ul>li{    width:130px;
                margin:0;}
.navbar  ul a:active, ul a:focus{
                outline-style:none;}
.navbar  ul a{
                display:block;
                vertical-align:middle;
                text-align:left;
                text-decoration:none;
                font-size:14px;
                color:#000000;
                text-shadow:#FFF 0 0 1px;
                cursor:pointer;
                padding:10px;
                /*background-color:#c1c1c1;*/
                /*background-image:url("mainbk.png");*/
                background-repeat:repeat;
                background-position:0 0;
                border-width:0 0 0 1px;
                border-style:solid;
                border-color:#C0C0C0;}
.navbar  ul ul li{   width: auto;
                min-width: 108px;
                float:none;
                margin:0 0 0 0;
                line-height: 18px;}
.navbar  ul ul a{
                text-align:left;
                padding:4px;
                background-color:#FFFFFF;
                background-image:none;
                border-width:0;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;
                font-size:14px;
                color:#000;
                text-decoration:none;}

.navbar  ul li:hover>a,ul li a.pressed{
                background-color:#EEEEEE ; /*#E30200 #CCEDFC f8ac00  #FC780B*/
                border-color:#C0C0C0;
                border-style:solid;
                color:#000000;
                text-shadow:#FFF 0 0 1px;
                /*background-image:url("mainbk.png");*/
                background-position:0 100px;
                text-decoration:none;}

.navbar  ul span{
                display:block;
                overflow:visible;
                background-position:right center;
                background-repeat:no-repeat;
                padding-right:0px;}

.navbar  ul ul span{
                background-image:url("arrowsub.png");
                padding-right:12px;}

.navbar  ul ul li:hover>a,ul ul li a.pressed{
                background-color:#FFFFFF;
                background-image:none;
                color:#868686;
                text-decoration:none;}

.navbar  ul li.topfirst>a{
                border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;}

.navbar  ul li.toplast>a{
                border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;-webkit-border-radius:0;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;}

 



 
/************/
/*  CONTENT */
/************/

/* CONTAINER (NO BOXES) */
.subcontent-box-left-ligne-content{
    width: 543px; 
    height: 0px; 
    float:left;
    border-bottom: 1px;
    border-bottom-color: #a3c1da;
    border-bottom-style: solid;
}


.content-1col-nobox {
    width:700px; 
    background-color:#ffffff;}
    
.content-1col-box-right{
    width:720px;
    height:720px;
    float:right;    
    background-color:#ffffff;    
    background: #edf3f8 url(/images/layout/blockHeadline.png) repeat-x 0% 0%;
    /*border: 1px solid #a3c1da;*/}

.content-1col-box-left{
    width:auto;
    height:auto;
    float:left;    
    background-color:#ffffff;    
    background: #edf3f8 url(/images/layout/blockHeadline.png) repeat-x 0% 0%;
    border: 1px solid #a3c1da;}

.content-3col-2colsmall_center{
    width: 606px;}

.content-3col-2colsmall_center_in{
    width: 591px;}
    
.content-right-large {
    width:828px; 
}
.content-large {
    width:828px; 
    margin-left: 0px;
    padding-left:0px;
}
.content-ALLOne {
    width:1063px; 
    margin-left: 0px;
    padding-left:0px;
		 height: auto;
}
.clsFaceBook {   
    clear:both; 
    float:none; 
    margin-top: 0px;     
    margin-bottom: 10px;
    margin-left: 13px;
    margin-right: 10px;
    background-color: #ffffff;
    padding-top: 8px;
    }
    
.content-2col-nobox-leftcolumn {display:inline; float:left; width:337px; border-right:solid 1px rgb(215,215,215) /*Use this statement if left column is longer than the right column. Activate by removing "xx_" from property name*/; background-color:rgb(255,255,255);}
.content-2col-nobox-rightcolumn {display:inline; float:right; width:337px; border-left:solid 1px rgb(215,215,215)/*Use this statement if right columnn is longer than the left column. De-activate by adding "xx_" to propery name*/; background-color:rgb(255,255,255);}

/* CONTAINER (BOXES) */
.content-1col-box {width:676px; background-color:transparent;}
.content-2col-box-leftcolumn {display:inline; float:left; width:333px; background-color:transparent;}
.content-2col-box-rightcolumn {display:inline; float:right; width:333px;  background-color:transparent;}
.content-2col-box {width:333px; background-color:rgb(255,255,255);}

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

.subcontent-box {width:320px; float:right; background-color:#FFFFFF;}
.subcontent-box-left{
    width:322px; 
    float:left;
    background: #edf3f8 url(/images/layout/blockHeadline.png) repeat-x 0% 0%;
    border: 1px solid #a3c1da;
}
.subcontent-box-left-question{
    width:322px; 
    float:left;
}
.subcontent-box-left-small{
    width:268px; 
    float:left;
    background: #edf3f8 url(/images/layout/blockHeadline.png) repeat-x 0% 0%;
    border: 1px solid #a3c1da;
}
.subcontent-box-right{
    width:268px; 
    float:right;
    background: #edf3f8 url(/images/layout/blockHeadline.png) repeat-x 0% 0%;
    border: 1px solid #a3c1da;
}

.subcontent-box-small{
    width:222px; 
}
.subcontent-box-left-ligne{
    width:322px; 
    height: 0px; 
    float:left;
    border-bottom: 1px;
    border-bottom-color: #a3c1da;
    border-bottom-style: solid;
}
.subcontent-box-left-ligne-small{
    width:221px; 
    height: 0px; 
    float:left;
    border-bottom: 1px;
    border-bottom-color: #a3c1da;
    border-bottom-style: solid;
}
.subcontent-box-left-ligne-medium{
    width:267px; 
    height: 0px; 
    float:left;
    border-bottom: 1px;
    border-bottom-color: #a3c1da;
    border-bottom-style: solid;
}

.subcontent-box-right{
    width:720px; 
    float:none;
    background: #edf3f8 url(/images/layout/blockHeadline.png) repeat-x 0% 0%;
    border: 1px solid #a3c1da;
}
.subcontent-box-right-ligne{
    width:719px; 
    height: 0px; 
    float:left;
    border-bottom: 1px;
    border-bottom-color: #a3c1da;
    border-bottom-style: solid;
}

.subcontent-aligne-right{
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../images/ver.gif");
    background-position: 0px 10px; 
    background-origin: padding-box;
    background-repeat: repeat-y;
    background-size: auto auto;  
    margin-left: 5px;
    padding-left: 7px;
}

.subcontent-aligne-left{
    float:left;
}
.iframeFB-left{
    float:left;
	margin-top: 5px;
}

/************/
/*  FOOTER  */
/************/
.footer p {clear:both; line-height:1.3em; text-align:center; color:rgb(125,125,125); font-weight:bold; font-size:110% !important /*Non-IE6*/; font-size:100% /*IE6*/;}
.footer p.credits {clear:both; font-weight:normal; font-size:110% !important /*Non-IE6*/; font-size:100% /*IE6*/;}
.footer a, .footer a:visited {text-decoration:underline; color:rgb(125,125,125); font-size:110% !important /*Non-IE6*/; font-size:100% /*IE6*/;}
.footer a:hover {text-decoration:none; color:rgb(0,0,0);font-size:110% !important /*Non-IE6*/; font-size:100% /*IE6*/;}

/*********************/
/*  ROUNDED CORNERS  */
/*********************/

/* PAGE */
.corner-page-top {width:978px; height:10px; background:transparent url(../img/bg_corner_page_top.gif) no-repeat; overflow:hidden;}
.corner-page-bottom {width:978px; height:10px; padding-bottom:20px; background:transparent url(../img/bg_corner_page_bottom.gif) no-repeat; overflow:hidden;}

/* CONTENT */
.corner-content-1col-top {clear:both; width:676px; height:7px; background:white url(../img/bg_corner_content_1col_top.gif) no-repeat; overflow:hidden;}
.corner-content-1col-bottom {clear:both; width:676px; height:7px; margin-bottom:10px; background:transparent url(../img/bg_corner_content_1col_bottom.gif) no-repeat; overflow:hidden;}
.corner-content-2col-top {width:333px; height:7px; background:transparent url(../img/bg_corner_content_2col_top.gif) no-repeat; overflow:hidden;}
.corner-content-2col-bottom {width:333px; height:7px; margin-bottom:10px; background:transparent url(../img/bg_corner_content_2col_bottom.gif) no-repeat; overflow:hidden;}

/* SUBCONTENT */
.corner-subcontent-top {clear:both; width:270px; height:7px; background:transparent url(../img/bg_corner_subcontent_top.gif) no-repeat; overflow:hidden;}
.corner-subcontent-bottom {clear:both; width:270px; height:7px; margin-bottom:10px; background:transparent url(../img/bg_corner_subcontent_bottom.gif) no-repeat; overflow:hidden;}

/******************/
/*  CLEAR FLOATS  */
/******************/
.container:after, .header:after, .header-top:after, .header-bottom:after, .navbar:after, .main:after, .content:after, .content div:after, .subcontent:after, .subcontent div:after, .footer:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.content-1col-nobox:after, .content-2col-nobox-leftcolumn:after, .content-2col-nobox-rightcolumn:after, .content-1col-box:after, .content-2col-box-leftcolumn:after, .content-2col-box-rightcolumn:after, .content-2col-box:after, .subcontent-box:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.corner-content-1col-top:after, .corner-content-1col-bottom:after, .corner-content-2col-top:after, .corner-content-2col-bottom:after, .corner-subcontent-top:after, .corner-subcontent-bottom:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
 p:after {content:"."; display:block; height:0; /*clear:both Do not use here to avoid paragraphs clearing next to images;*/  visibility:hidden;}
 
/**************/
/*  PRINTING  */
/**************/
/* To avoid that some layouts may break during printing */
/* we remove one vertical border-line for the columns  */                 
@media print {.content-2col-nobox-rightcolumn {display:inline; float:right; width:337px; border-left:none; background-color:rgb(255,255,255);}}

 /********************************************/
/*  USED ONLY FOR DEMO PAGE FOR GRID SETUP  */
/*  Do not use for operational purposes     */
/********************************************/
.main p.demo {margin:0; padding:10px 20px 50px 20px;}

/******************************************/
/*  YOUR OWN USER STYLES                  */
/*  If you want to add your own styles,   */
/*  then add them here below in order to  */
/*  avoid a mixup with default styles.    */
/******************************************/