/* Ce fichier définit le style visuel pour les différents éléments du blog.
 * Dans l'ordre, vous trouverez les règles qui définissent l'apparence pour:
 * - les éléments HTML en général
 * - la page
 * - l'entête
 * - le prélude
 * - le contenu
 * - la barre de navigation
 * - le pied de page
 *
 * L'agengement des blocs est défini dans le fichier layout.css
 * Pour mettre la barre de navigation à gauche, décommentez l'appel à
 * layout-gauche.css
 */

/*@import "layout.css";*/


div#main-content, div#mc-top, div#mc-bot, div#mc-content, div#extranet-content {
	overflow: visible;
	height:auto;
}

div#extranet-content form.no-margin				{ margin:0; }
.clear					{ clear:both }
.hidden					{ display:none; visibility:hidden;	}
.visible				{ display:; visibility:visible;	}
.spanVisible			{ display:inline; visibility:visible;	}


/* Les éléments HTML en général
-------------------------------------------------------- */

    /*
    body{
    	background: #EEE;
    	color: #000;
    	font-size: 80%;
    	line-height: 1.6em;
    	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    	border-top: 10px solid #DDD;
    }
	*/
    h1, h2, h3, h4, h5, h6{
    	font-family: "Trebuchet MS", sans-serif;
    }

    h1{font-size: 1.5em;}
    h2{font-size: 1.4em;}
    h3{font-size: 1.3em;}
    h4{font-size: 1.2em;}
    h5{font-size: 1.1em;}
    h6{font-size: 1em;}

    pre, code{
    	font-size: 1.2em;
    }

    pre{
    	width: 100%;
    	overflow: auto;
    	border: 1px solid #CCC;
    }

    fieldset{
    	border: none;
    }

    label{
    	cursor: pointer;
    	cursor: hand;
    }

    label.identification {
    	font-weight:bold;
    	width:125px;
    	display:block;
    	text-align:right;
    	padding:0 5px 0 0;
    	float:left;
    	color:navy;
    }

    .formIdentification {
    	margin:0 0 0 200px;
    	width:280px;
    }

    .formTitre {
    	font-weight:bolder;
    	text-align:center;
    	background-color:#999;
    	color:#fff;
    }

    .formLine {
		width:100%;
		background-color:#eee;
		margin:2px 0 0 0;
		padding:2px 0;
	}

	.btnForm {
		margin:0 5px 0 0;
	}

	.formLineSubmit {
		text-align:right;
	}

    .field label{
    	display: block;
    }

    input,textarea{
    	border: 1px solid #999;
    }

    textarea{
    	width: 100%;
    	font-size: 1em;
    	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    }

    a{
    	color: #000;
    }

    a:visited{
    	color: #663;
    }

    a:hover{
    	color: #636;
    }

    a.logoLink			{ display:block; margin:36px 0 0 41px; width:117px; height:78px; }
    a.logoLink:visited	{  }
    a.logoLink:hover	{  }

    .userFullName {
    	color: #633;
    }

    .left{
    	float: left;
    	margin-right: 1em;
    }

    .right{
    	float: right;
    	margin-left: 1em;
    }



/* La page
-------------------------------------------------------- */

    /*
    #page{
    	background: #fff url(img/page3.png) repeat-y center top;
    	color: inherit;
    }
    */


/* L'entête
-------------------------------------------------------- */

    /*
    #top{
    	height: 120px;
    	background: #FFF url(img/top.png) no-repeat left top;
    }

    #top h1{
    	height: 80px;
    	line-height: 80px;
    	margin: 0 0 0 40px;
    	padding-top: 20px;
    	color: #FFFFFF;
    }

    #top h1 a{
    	text-decoration: none;
    	color: #FFFFFF;
    }
    */



/* Le prélude
-------------------------------------------------------- */
	/*
    #prelude{
    	background: transparent;
    	color: #DFDFDF;
    	text-align: center;
    }

    #prelude a{
    	color: #666;
    	text-decoration:underline;
    	background: transparent;
    }

    #prelude a:hover{
    	color: #666;
    	text-decoration:none;
    	background: transparent;
    }
    */



/* Le contenu
-------------------------------------------------------- */

    .post-title{
    	color: #F90;
    	background: transparent;
    	margin-bottom: 0;
    }

    .post-title a{
    	color: #F90;
    	background: transparent;
    	text-decoration: none;
    }

	.post-title a.activeLink{
    	color: #663;
    	background: transparent;
    	text-decoration: none;
    }

    .post-info{
    	margin-top: 0;
    	color: #FA0;
    	background: transparent;
    	padding-bottom: 1ex;
    	/*border-bottom: 1px inset #FC0;*/
    }

    .post-info a{
    	color: #FA0;
    	background: transparent;
    	text-decoration: none;
    }

    .post-content{
    	/*text-align: justify;*/
    	font-size:85%;
    	line-height:1.2em;
    }

    p.moreLink	{
		text-align:right;
	}





/* Le pied de page
-------------------------------------------------------- */
	/*
    #footer{
    	font-size:75%;
      	margin: 0;
    	padding: 3em 4em 0 0;
    	color: #fff;
    	text-align:right;
    	height: 90px;
    	background: #EEE url(img/bottom.png) no-repeat left top;
    }

    #footer a{
    	color: #fff;
    	text-decoration:underline;
    }

     #footer a:hover{
    	color: #fff;
    	text-decoration:none;
    }
    */


/* Le questionnaire
-------------------------------------------------------- */
    .questionnaireTable{
    	width:800px;
    	border:1px solid black;
    	margin:0 0 2px 0;
    }

    	.questionnaireTdTitre{
	    	border:1px solid black;
	    	text-align:center;
	    	font-weight:bolder;
	    	color:#fff;
	    	background-color:#000;
	    }

	    .questionnaireTdDescription{
	    	padding:5px 5px 5px 25px;
	    }

	    	.blocTdLibelle	{
	    		font-weight:bolder;
	    		padding:2px 2px 2px 10px;
	    		color:navy;
	    		background-color:#ddd;
	    	}

	    	.blocTdDescription{
		    	padding:5px 5px 5px 25px;
		    }

		    	.questionTdLibelle	{
		    		padding:0 0 0 25px;
		    		/*font-size:0.8em;*/
		    	}

		    	.questionTdChoix	{
		    		/*font-size:0.8em;*/
		    		text-align:center;
		    	}

		    	.inputRadio{
					/*
					border:0;
					width:1em;
					height:1em;
					*/
			    }







/* Les RESULTATS
-------------------------------------------------------- */
table.intitule	{ border:1px solid black; width:800px; border-collapse:collapse;	}
	table.intitule	th	{ border-top:1px solid black;	background-color:#ccc;	}
	table.intitule	td	{ border-top:1px solid black;	}
		table.intitule	td.titre	{ padding-left:1%; width:98%; height:25px; font-size:12px; font-weight:bolder; background-color:#5998BD;	}


.wbt-content		{ width:800px;  margin:25px auto;font-size:1.2em; }

table.tabListe { width:800px; page-break-after:always; font-size:1.2em; }
table.tabGraph { width:800px; text-align:center;	}
	.tabCaseLine			{ height:20px; border-top:1px solid #000; border-left:1px solid #000; border-bottom:1px solid #000; border-right:1px solid #000; padding:5px; }
	.tabChamp				{ height:20px; font-weight:bold; color:navy; background-color:#86B1CE; }
	.tabCaseLeft			{ border-left:1px solid #000; border-bottom:1px solid #000; padding:0px 0px 0px 5px; }
	.tabCaseRight			{ border-left:1px solid #000; border-bottom:1px solid #000; border-right:1px solid #000; padding:0px 0px 0px 5px; }
	.tabCaseRightMG			{ border-left:1px solid #000; border-right:1px solid #000;  }
	.tabCaseCenter			{ border-left:1px solid #000; border-bottom:1px solid #000; padding:0px 0px 0px 5px; }
	.tabCaseRightNoPadding	{ border-left:1px solid #000; border-bottom:1px solid #000; border-right:1px solid #000; }
	.tabCaseCenterNoPadding	{ border-left:1px solid #000; border-bottom:1px solid #000;  }
	.tabCaseNoBorder		{ font-size:10pt; height:20px; 	}
	.tabCaseLineClient		{ font-size:10pt; height:20px; border-left:1px solid #000; border-bottom:1px solid #000; border-right:1px solid #000; padding:5px; }




/* Les Réponses
-------------------------------------------------------- */
.blocTitle	{ font-size:1.2em; border-bottom:1px solid #000; height:25px; vertical-align:bottom; font-weight:bolder; color:navy; }
	.questionTitle	{ font-size:0.95em; padding:0 0 0 25px; }
	.reponseInfos	{ font-size:0.95em; }
	.reponseInfosBloc	{ font-weight:bolder; font-size:1.2em;  }

	/*	lien pour les sommaires de sessions	*/
	a.sommaireSession			{ color:#FF6C00; text-decoration:underline;	}
	a.sommaireSession:link		{ 	}
	a.sommaireSession:visited	{ 	}
	a.sommaireSession:hover	{ text-decoration:none;   }

	.divSelect	{ float:left; width:245px; height:23px; margin:2px; padding:2px 5px 0 25px; background-color:#86B1CE;  }
	.divSubmit	{ text-align:right; padding:5px 5px 0 25px; }

	.graphImage	{ margin:10px; }
	.pngTransparent	{ behavior:url("themes/default/behavior/pngbehavior.htc"); }
	.btn_png	{ margin:0 0 0 0; }

	.imgLink	{ cursor:pointer; }
	.showPopupReponseLeft	{ float:left;	}
	.showPopupReponseRight	{ float:right; text-align:right; margin:0 5px 0 0; font-weight:normal; font-size:85%;	}

	.true	{ color:#008000; }
	.false	{ color:#ff0000; }

	.graphLineLegend	{ text-align:left; border:1px solid black; padding:10px; width:580px; margin-top:0;	}
	.graphLineLegendTitle	{ text-decoration:underline; }