@charset "utf-8";
/* CSS Document */

*{margin: 0; padding: 0;}

body, html {font-size: 62.5%;}

body{
background:url(../img/bg-pattern.png) repeat #f4f4f4;
font-size:15px;
font-family:Arial, Helvetica, sans-serif;
color:#000;
}

h1 {margin:20px 0;}
h2 {margin:18px 0;}
h3 {margin:17px 0;}
h4 {margin:19px 0;}
h5 {margin:20px 0;}
h6 {margin:23px 0;}

p {margin:15px 0;}

p.default {margin:0 0;}

.userTypedHtmlContainer ul, ol{margin:15px 0; padding:0 0 0 40px;}
ul li {list-style-type:disc;}
ol li {list-style-type:decimal;}

img {
border: none !important;
}

a {
text-decoration:none; 
}

.startContent {
text-align: center;
}

.centrePane{
margin: 0 auto !important;
max-width: 772px;
min-width: 642px;
min-height: 453px;
overflow: hidden;
background: #FFFFFF;
position: relative;
-moz-box-shadow: 2px 2px 5px #A0A0A0; 
-webkit-box-shadow: 2px 2px 5px #A0A0A0;  
box-shadow: 0px 0px 5px #A0A0A0; 
-moz-border-radius: 0 0 15px 15px;
-webkit-border-radius: 0 0 15px 15px;
border-radius: 0 0 15px 15px;
}

/********************************** BANNER *******************************/

.banner {
padding: 0;
margin: 0;
height: 110px;
display: block;
position: relative;
background: url(../img/banner.png) right top no-repeat #fff;
border-bottom:6px solid #14aed0;
}

.logo {
background: url(../img/logo.png) no-repeat left top;
height: 80px;
width: 200px;
}

.windowTitleContainer {
display: block;
position: relative;
margin: 0 !important;
padding: 0;
height: 29px;
width:100%;
overflow: hidden;
background-image: -webkit-linear-gradient(top, #6b6b6b 0%, #000000 100%);
background-image: -moz-linear-gradient(top, #6b6b6b 0%, #000000 100%);
background-image: -ms-linear-gradient(top, #6b6b6b 0%, #000000 100%);
background-image: -o-linear-gradient(top, #6b6b6b 0%, #000000 100%);
background-image: linear-gradient(top, #6b6b6b 0%, #000000 100%);
border-bottom:1px solid #FFF;   
background : url(../img/bg-menu.png) top left repeat-x\9; /* IE8 et inférieurs */    
}

:root .windowTitleContainer {
background : url(../img/ie/bg-menu.png) top left repeat-x\0; /* IE9 seulement */
}


/********************************** CONTENTCONTAINER / DESK *******************************/

.contentContainer {
position: absolute;
top: 116px;
left: 0;
right: 0;
bottom: 0;
background:#fff;
padding: 0 15px 24px;
}

/********************************** DESK *******************************/

.deskContentPane {
height: 100%;
left: 0;
margin: 0;
overflow: visible;
padding: 0;
position: absolute;
top: 0;
width: 100%;
}




/********************************** TABPANEL *******************************/   

.tabPanel {
bottom: 96px;
left: 27px;
margin: 27px 0 0;
right: 27px;
top: 44px;
background: #FFF;
border: 1px solid #14AED0;
color: #383D40;
font-family: Arial,Sans-Serif;
font-size: 11px;
overflow: visible;
position: absolute;
}   


.tabsPane {
height: 27px;
left: -1px;
position: absolute;
top: -27px;
width: 100%;
z-index: 500;
}

.tabsPane .tabsWindow {
border: medium none;
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
width: 100%;
}

.tabsTable {
border-collapse: collapse;
border-top: medium none;
left: 0;
margin: 0;
position: absolute;
top: 0;
}

.tabsTable td {
font-weight: bold;
height: 27px;
text-align: center;
vertical-align: middle;
}

.tabsTable td.selectedTab {
background-image: url(../img/tabSelected.gif);
color: #14AED0;
}

.tabTitleWrapper {
display: block;
margin: 0 6px;
overflow: hidden;
vertical-align: middle;
white-space: nowrap;
width: 122px;
}

/********************************** CHECKLISTCONTAINER *******************************/

.checkListContainer{
overflow: auto;
bottom: 10px;
left: 0;
margin: 2px 2px 0;
padding: 0;
position: absolute !important;
right: 0;
top: 0;
padding: 10px 10px 5px;
}

.indexContent {
margin: 2px 2px 0;
padding: 0px 15px 25px;
}

.checkItemsListWrapper {
min-height: 1px;
padding: 20px 15px 5px;
}

.choicelist{}

.choicelist ul {
padding: 0;
}

.checkListContainer .choicelist ul li, .choicelist ul li{
list-style:none;
margin: 5px 5px 20px 5px;
padding:10px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
-moz-box-shadow: 0px 0px 4px #ababab;
-webkit-box-shadow: 0px 0px 4px #ababab;
box-shadow:0px 0px 4px #ababab;
border:1px #ababab solid\9 ; /* IE8 et inférieurs */
}

.choicelist ul li.clickable:hover, .checkListContainer .choicelist.selected li.clickable{
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
-moz-box-shadow: 0px 0px 4px #14aed0;
-webkit-box-shadow: 0px 0px 4px #14aed0;
box-shadow: 0px 0px 4px #14aed0;
border:1px #14aed0 solid\9 ; /* IE8 et inférieurs */
}

.choicelist .choice{
display:block;
overflow:auto;
}

.choicelist .choice .title{
color:#484848;
font-weight:bold;
font-size:15px;
background:url(../img/icon_choice.png) left center no-repeat;
padding: 0 0 0 20px;
background:url(../img/icon_choice.png) left top no-repeat\9 ; /* IE8 et inférieurs */
}

.choicelist .choice .desc{
display:block;
padding:3px 0 0 0;
}

.choicelist ul li.clickable:hover .title{
color:#2dbdf2;
background:url(../img/icon_choiceSelected.png) left center no-repeat;
padding: 0 0 0 20px;
background:url(../img/icon_choiceSelected.png) left top no-repeat\9 ; /* IE8 et inférieurs */ 
}

/********************************** THEME *******************************/

.theme {
margin: 0 auto;
max-width: 812px;
padding: 0 20px;
position: relative;
}

/********************************** CONTAINER *******************************/

.container{
float:left;
width:772px;
margin:0 40px 0 0;
background:#FFF; 
-moz-box-shadow: 2px 2px 5px #A0A0A0; 
-webkit-box-shadow: 2px 2px 5px #A0A0A0;  
box-shadow: 0px 0px 5px #A0A0A0; 
-moz-border-radius: 0 0 15px 15px;
-webkit-border-radius: 0 0 15px 15px;
border-radius: 0 0 15px 15px;
}

/************* BANNERCONTAINER ********************/

.bannercontainer{
background:#fff;
border-bottom:6px solid #14aed0;
width:772px;
}

.bannercontainer .banner{
height:80px;
background:url(../img/banner.png) right top no-repeat;
border-bottom:none;
}

.logo{
width:200px;
height:80px;
background:url(../img/logo.png) left top no-repeat;
}

/************* MENU ********************/

.menu{
height:29px;
background-image: -webkit-linear-gradient(top, #6b6b6b 0%, #000000 100%);
background-image: -moz-linear-gradient(top, #6b6b6b 0%, #000000 100%);
background-image: -ms-linear-gradient(top, #6b6b6b 0%, #000000 100%);
background-image: -o-linear-gradient(top, #6b6b6b 0%, #000000 100%);
background-image: linear-gradient(top, #6b6b6b 0%, #000000 100%);
border-bottom:1px solid #FFF;
padding:0 16px 0 16px;
background : url(../img/bg-menu.png) top left repeat-x\9; /* IE8 et inférieurs */
}

:root .menu {
background : url(../img/bg-menu.png) top left repeat-x\0; /* IE9 only */
}




/************* CONTENTCONTAINER / NODE ********************/

.contentcontainer {
background: none repeat scroll 0 0 #FFFFFF;
min-height: 300px;
padding: 0 16px;
}

.processtitle {
color: #484848;
font-size: 18px;
font-weight: bold;
padding: 15px 0;
}

.nodetitle {
color: #2DBDF2;
font-size: 15px;
font-weight: bold;
padding: 0 0 15px;
}

.description {
padding: 0 0 25px;
overflow: auto;
}



/********************************** NAVIGATION *******************************/

.bottom {
float: left;
height: auto;
padding: 20px 0 0;
width: 772px;
}

.navbutton {
height: 43px;
margin: 0 auto;
width: 159px;
}

.backbutton, .nextbutton{
height:43px;
width:43px;
float:left;
margin:0 5px 0 5px;
}

.backbutton{
background:url(../img/back.png) left top no-repeat;
}

.backbutton:hover{
background:url(../img/backHover.png) left top no-repeat;
}

.backbutton.disabled{
background:url(../img/backDisabled.png) left top no-repeat;
}

.nextbutton{
background:url(../img/next.png) left top no-repeat;
margin: 0 5px 0 48px;
}

.nextbutton:hover{
background:url(../img/nextHover.png) left top no-repeat;
}

.nextbutton.disabled{
background:url(../img/nextDisabled.png) left top no-repeat;
}

.navshadow{
height:23px;
width:159px;
margin: 0 auto;
background:url(../img/nav_shadow.png) left top no-repeat;
display:none;
}

.poweredby {
background: url(../img/poweredby.png) no-repeat;
float: left;
height: 15px;
margin: 23px 0 0 16px;
width: 125px;
}

.deskContentPane .poweredby{
bottom: 4px;
margin: 0 0 0 15px;
position: absolute;
}

/********************************** SIDEMENU *******************************/

.sidemenu{
width:40px;
height:120px;
position:absolute;
right:20px;
top:140px;
}

.sidemenu ul li{
list-style: none;
width:35px;
height:32px;
background:#e0e0e0;
margin: 0 0 5px 0;
padding: 4px 0 2px 5px;
-moz-border-radius: 0 13px 13px 0;
-webkit-border-radius: 0 13px 13px 0;
border-radius: 0 13px 13px 0;
box-shadow:inset 3px 0 5px #A0A0A0;
-moz-box-shadow:inset 3px 0 5px #A0A0A0;
-webkit-box-shadow: inset 3px 0 5px #A0A0A0;
background:url(../img/bg-sidemenu.gif) left center no-repeat\9 ; /* IE8 et inférieurs */
}

.sidemenu ul li a{
display:block;
width:30px;
height:30px;
}

.sidemenu ul li a.exit{
background:url(../img/exit.png) no-repeat;
}

.sidemenu ul li a.exit:hover{
background:url(../img/exitHover.png) no-repeat;
}

.clickable {
cursor: pointer;
}