@charset "utf-8";
/* --------------------------------------------------------------------------------
// STC Web Platform - STC Project - Francois LACOMBE
// --------------------------------------------------------------------------------
// theme.css - STC UI CSS Framework
// --------------------------------------------------------------------------------
//
// Presentation :
//   Feuille de style de mise en forme par défaut de l'interface (defaultTheme).
//
// --------------------------------------------------------------------------------
*/

/* --------------------------------------------------------------------------------
// 1 - Mise en forme generale de la page */
html, body { 
	margin: 0;
	padding: 0;
	height:100%;
	width:100%;
}
body{
	background-color:#002232;
}


/* Structure de la page */
#struct_mainContainer{
	background-color:#FFFFFF;
}
#struct_mainContainer, #struct_mainContainer a{
	/* Style texte par defaut sur toute la page */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

/* => En-tete */
#struct_header{
	text-align:center;
	margin-bottom:20px;
}
#struct_sideNav{
	width:18%;
	margin:35px 10px 0;
	float:left;
	text-align:center;
}

/* => Zone principale de contenu */
#struct_pageContent{
	margin:80px 10px 0;
	text-align:center;
	height:1%;
}
#struct_clearer{
	height:50px;
}

/* => Footer */
#struct_footer{
	text-align: center;
	width:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#808080;
	padding-top:5px;
	background-image:url('../img/footer-bg.png');
	background-repeat:repeat-x;
}

a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #3D4655;
	text-decoration: none;
}
a:visited {
	color: #3D4655;
	text-decoration: none;
}
a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: underline;
}

/* --------------------------------------------------------------------------------
// 2 - jQuery CSS Framework
// - UI Widgets - ui.core */
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 12px; margin:auto; margin-bottom:20px;}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-header { border: 1px solid #000000; background: #04080A url('../img/widgets/bg-header.png') 50% top repeat-x; color: #ffffff; font-weight: bold; padding:5px 5px;}
.ui-widget-bigheader {background: #232942 url('../img/widgets/bg-bigHead.png') repeat-x; color: #ffffff; font-weight: bold; font-size:12px; padding:2px 5px; margin:0; text-align:left; -moz-border-radius-topleft: 20px; -webkit-border-top-left-radius: 20px; -moz-border-radius-topright: 20px; -webkit-border-top-right-radius: 20px; height:48px;}
.ui-widget-bigheader .title{font-size: 17px; margin-top:3px;}
.ui-widget-bigheader .icon{float:left; margin:6px 15px;}
.ui-widget-header a, .ui-widget-bigheader a { color: #ffffff;}
.ui-widget-content { border: 1px solid #999999; background: #ededed url('../img/widgets/bg-content.png') 50% top repeat-x; color: #000000; padding:2px;}
.ui-widget-content a { color: #000000; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url('../img/widgets/bg-overlay.png') 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url('../img/widgets/bg-overlay.png') 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }

/* Interaction utilisateur */
.ui-state-default, .ui-widget-content .ui-state-default {border: 1px solid #DEDEDE; background: #969696 url('../img/widgets/bg-clickable-default.png') 50% 50% repeat-x; font-weight: normal; color: #000000; outline: none;}
.ui-state-default a { color: #000000; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #999999; background: #dadada url('../img/widgets/bg-clickable-hover.png') 50% 50% repeat; font-weight: normal; color: #212121; outline: none; }
.ui-state-hover a { color: #212121; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url('../img/widgets/bg-clickable-active.png') 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
.ui-state-active a { color: #212121; outline: none; text-decoration: none; }

/* Statuts particuliers */
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #adadad; background: #999999 url('../img/widgets/bg-state-highlight.png') 50% 50% repeat; color: #000000; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url('../img/widgets/bg-state-error.png') 50% bottom repeat; color: #ffffff;}
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #ffffff; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none;}
.ui-state-success{border: 1px solid #009900; background: #3f9f04 url('../img/widgets/bg-state-success.png') 50% 50% repeat; color: #FFFFFF;}
.ui-state-info{border: 1px solid #2449ff; background: #799ab9 url('../img/widgets/bg-state-info.png') 50% 50% repeat; color: #000000;}
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

/* ui.uploader */
.ui-uploader-fileQueue{
	border: 1px solid #404040;
	background: #FFFFFF;
	overflow-y:auto;
}
.ui-uploader-fileQueue-itemContainer{
	color: #000000;
	height: 40px;
	margin: 0 0 0 0;
	overflow: hidden;
	background-color:#D6D6D6;
}
.ui-uploader-fileQueue-itemContainer .textLabel{
	font-weight:bold;
}
.ui-uploader-fileQueue-itemContainer-active{
	color: #000000;
	height: 40px;
	margin: 0 0 0 0;
	overflow: hidden;
	background-color:#B8C8D8;
}
.ui-uploader-fileQueue-itemControls{
	padding: 12px;
}
.ui-uploader-fileQueue-itemControls a{
	padding: 2px 0 2px 12px;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
}
.ui-uploader-fileQueue-progressBarContainer{
	line-height: 14px;
	margin: 4px 0 4px 44px;
	border: 1px solid #999999;
}
.ui-uploader-fileQueue-progressBar{
	overflow: hidden;
	width: 0%;
	height: 100%;
	color: #ffffff;
	background: #000033;
	text-align: left;
	font-size: 8px;
	font-weight: bold;
}
.ui-uploader-fileQueue-cpt{
	margin: 0 0 0 44px;
}

/* --------------------------------------------------------------------------------
// 3  Blocks - Boites - Conteneurs composants
/!\ Ces styles sont particuliers et voues a disparaitre - Creer autant que possible sur le widget-model */

/* ContentBoxes - cbox */
.cbox-footer{
	float:center;
	background-image:url('../img/cbox-foot.png');
	background-repeat:no-repeat;
	background-position:top;
}
.cbox-contentCell {
	margin:0;
	background-color:#DEDEDE;
	padding:6px;
	text-align:center;
	color:#000000;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
}
.cbox-contentCell fieldset{
	background-color:#F2F2F2;
	border:1px #000066 solid;
	text-align:center;
}

/* Menus - menu */
.menu-title{
	text-align:center;
	margin: 0 0 5px;
}
.menu-link{
	margin: 0 0px 3px 0px;
	padding: 1px 0 0 0;
	background-color:#959595;
	border: 1px solid #d7d7d7;
	color:#FFFFFF;
}
.menu-link a{
	display: block;
	font-size: 13px;
	text-align:left;
	width:100%;
	height:100%;
	text-decoration: none;
	color:#FFF;
}
.menu-link a:hover{
	text-decoration: underline;
}
.menu-link a .linkContent{
	background: center left no-repeat;
	padding: 2px 6px 2px 19px;
}

/* Modules & Groupes UI - mod */
.mod-title-span{
	display: block;
  	width: 90%;
  	margin: 0;
  	padding-left:17px;
    font-weight:bolder;
	/*background: url('../img/') no-repeat center left;*/
    text-align:left;
}
.mod-footer{
	height:10px;
    width:100%;
	color:#000000;
	background-color:#CCC;
}
.mod-content-wrapper{
	padding:10px 8px;
    height: 100%;
    text-align: center;
	background:#fff;
}
.mod-group-container{
	margin:0;
	height:100%;
	overflow:hidden;
	/*padding:0 7px 0 0;*/
    width:auto;
}
.mod-group-title{
	text-align:center;
    margin:0 0 0.5em;
	border-bottom:1px solid #000000;
	padding-bottom:5px;
	font-family: Arial Black, sans-serif;
	font-size:23px;
}
.mod-group-subsections{
	width:100%;
}
.mod-group-subdiv{
	margin:0;
	padding:0;
    overflow:hidden;
}
.mod-group-modList{
    margin:0;
  	padding:0;
  	list-style:none;
}

/* Inputs, interaction utilisateur - inpt */
.inpt-textfield-mini {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #848692;
	border: 1px solid #c5c7cb;
	background-color: #eeeeee;
}

/* Listes - lst*/
.lst-container {
	border:#000000 solid 1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
.lst-container th{
	background-color:#434343;
	border:1px solid #DDDDDD;
	color:#FFFFFF;
}
.lst-container .headCell_sortable{
	background-color:#434343;
	border:1px solid #DDDDDD;
	color:#FFFFFF;
    background-image: url('../img/listes/sortable.png');
   	background-repeat:no-repeat;
    background-position:center right;
}
.lst-container .headCell_sortedUp{
	background-image: url('../img/listes/sort_asc.png');
    background-repeat:no-repeat;
    background-position:center right;
    background-color:#0A94FF;
}
.lst-container .headCell_sortedDown{
	background-image: url('../img/listes/sort_desc.png');
    background-repeat:no-repeat;
    background-position:center right;
    background-color:#0A94FF;
}
.lst-container #headRow a{
	color:#FFFFFF;
}
.lst-container .titleCell, .lst-container caption{
	padding:3px 0 5px 0;
	color:#e9480b;
	background-color:#EFEFEF;
    border:1px solid #000000;
}
.lst-container .standRow1{
	color:#FFFFFF;
	background-color:#888888;
}
.lst-container .standRow2{
	color:#FFFFFF;
	background-color:#444444;
}
.lst-container td{
	border:1px solid black;
	padding:2px 0;
}
.lst-container td a{
	color:#FFFFFF;
}
.lst-container .list_summary{
	background-color:#BDBDBD;
	color:#000000;
}
	
/* --------------------------------------------------------------------------------
// 4 - Imagerie */
/* Images */


/* Icones */

/* --------------------------------------------------------------------------------
// 5 - Semantique - textes */
/* Titres */
h1, h2, h3, h4{
	border-bottom:1px solid #000000;
	padding-bottom:2px;
	font-family: Arial Black, sans-serif;
}
h1{
	font-size:30px;
}
h2{
	font-size:25px;
}
h3{
	font-size:20px;
}
h4{
	font-size:16px;
}

/* Sommaires - sem*/
.sem-chapter{
	font-size:15px;
    font-weight:bolder; 
    text-decoration:underline; 
    margin-bottom:-3px; 
    font-family:"Verdana";
}
.sem-part{
	font-size:12px; 
    font-weight:bold; 
    text-decoration:underline; 
    margin-bottom:-5px; 
    font-family:"Verdana";
}
.sem-sspart{
	font-size:12px;
    text-decoration:underline; 
    margin-bottom:-6px;
    font-family:"Verdana";
}

/* Textes a replacer ailleur a l'occas */
.titreRubrique {
	font-size: 12px;
	display:inline;
	white-space:nowrap;
	padding: 3px 5px 3px 5px;
	margin-bottom:15px;
	font-weight: bold;
	color:#969696;
	border-left: 6px solid #969696;
	border-bottom: 1px solid #969696;
}
.selectRes_text{
	color:#FFFFFF;
    font-size:12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.selectRes_text a{
	color:#FFFFFF;
    font-size:12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}