/**************************************************************************/
/**************************************************************************/
/***																	***/
/***	Nom : laureats.css												***/
/***	Date de création : 30/05/2006									***/
/***	Auteur : Guillaume BURLET, Pierre FROIDEVAUX					***/
/***																	***/
/***																	***/
/***	Descritption :													***/
/*** 	Cette feuille de style est utilisée pour le graphisme de  		***/
/***	toutes les pages des applications Laureats.						***/
/***																	***/
/**************************************************************************/
/**************************************************************************/


/**************************************************************************/
/*********						Balise HTML							*******/
/**************************************************************************/
body {
	font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:10pt;
	background: transparent url(../image/degrade3.png) repeat-x fixed;
	margin: 5px 0 ;
	padding: 0;
	text-align: center;
	} 

a {
	text-decoration: none;
	color: #143060;
	}
	
a img {
	border: none;
	}
	
p {
	margin: 0;
	padding: 0;
	}

ul{
	margin: 0 0 0.4em 0;
	padding: 0;
}

ul#infos {
	margin-top: 0.4em;
	clear: both;
	border: 1px solid #093;
	background-color: #cfc;
	padding: 0.2em;
}

ul#erreurs {
	margin-top: 0.4em;
	clear: both;
	border: 1px solid #903;
	background-color: #fcc;
	padding: 0.2em;
}


ul#infos li, ul#erreurs li {
	list-style-type : square;
	margin-left: 1.6em;
}

ul#erreurs li {
	font-family: Fixed, monospace;
}

#page {
	margin : 0 1em 0 1em;
	text-align: left ;
}

/**************************************************/
/*** 	Modif pour boite d'erreur				***/
/**************************************************/

.erreurs{
	margin: 0 0 0.4em 0;
	padding: 0;
	margin-top: 0.4em;
	clear: both;	
}
.erreur_titre{
	font-weight: bold;
	padding-top: 0.1em;
	padding-left: 0.5em;
	margin-top: 0.4em;
	color: #fff;
	background-color: #d00000;
	border: 1px solid #d00000;
}

.erreur_message a{
	font-style: italic;
	padding-left: 0.2em;
}


.erreur_message a:hover{
	color: #d00000;
}

.erreur_titre img{
	vertical-align: middle;
}

.erreur_message {
	padding-left: 0.5em;
	background-color: #fff0f0;
	border: 1px solid #d00000;
	padding-bottom: 0.2em;
}

.erreur_message img{
	vertical-align: top;
	border: 1px solid #fff0f0;	
}

.erreur_message img:hover{
	border: 1px solid #d00000;	
}

/**************************************************************************/
/*********						En-tête								*******/
/**************************************************************************/

#entete table.tableEntete {
	width: 100%;
	border-width: 0px;
	margin-bottom: 0.4em;
	margin-top: 0.2em;
}

#entete td.tdEnteteLogo {
	white-space: nowrap;
}

#entete td.tdEnteteEtab {
	text-align: left;
	padding-left: 2em;
	white-space: nowrap;
	width: 100%;
}

#entete td.tdEnteteEspace {
	text-align: left;
	padding-left: 4em;
}

#entete td.tdEnteteAttente {
	
}

#entete td.tdEnteteDeco {
	text-align: center;
	white-space: nowrap;
}

#entete img.logo {
	float: left;
	}
	
#entete p.nom {
	font-size: 1.5em;
	font-weight: bold;
	margin-top: 0em;
	}

#entete p.adresse {
	font-size: 1em;
	margin-top: 0em;
	}
	
#entete p.cp {
	font-size: 1em;
	margin-top: 0em;
	}
	
#entete span.ville {
	font-size: 1em;
	font-weight: bold;
	}
	
#entete p.typeEspace {
	font-size: 1.5em;
	font-weight: bold;
	margin-top: 0em;
	margin-bottom: 0em;
	}
	
#entete p.typeEspace1 {
	font-size: 2em;
	font-weight: bold;
	margin-top: 0em;
	}
	
#entete a.lienEtab {
	font-size: 0.8em;
	font-weight: bold;
	margin-top: 0em;
	}
	
#entete a.lienEtab:hover {
	font-size: 1em;
	font-weight: bold;
	margin-top: 0em;
	}
	
#infoConnexion {
	text-align: center;
	vertical-align: top;
	padding-top: 0.5em;
	margin-bottom: 0em;
	}
	
#boutonDeco {
	background: #E8EBF0 url(../image/status_disconnect.png) no-repeat;
	margin-top: 5px;
	padding-left: 16px;
	opacity: 0.7;
	cursor: pointer;
	font-size: 0.7em;
	}
	
#boutonDeco:hover {
	background: #E8EBF0 url(../image/status_disconnect.png) no-repeat;
	padding-left: 16px;
	opacity: 1;
	font-size: 0.7em;
	cursor: pointer;
	}

/**************************************************************************/
/*********						Navigation Module					*******/
/**************************************************************************/

ul#navModules {
	//clear: both;
	//float:left; 
	margin : 0;
	padding : 0;
	white-space: normal
	padding-left : 1%;
	margin-left: 0.2em;
	margin-right: 9em;
	}

#navModules li {
	float:left;
    margin:0;
    padding:0 0 0 4px;
	background:url("../image/onglets/left.gif") no-repeat left top;
	
	}
	
#navModules #ongletADroite {
	float:right;
    margin:0;
    padding:0 0 0 4px;
	background:url("../image/onglets/left.gif") no-repeat left top;
	}
	
#navModules a {
	background: url("../image/onglets/right.gif") no-repeat right top;
	border : 0px solid #ccc;
	color : #666;
	float : left;
	font-size : small;
	font-weight : bold;
	line-height : 14px;
	margin-right : 3px;
	padding : 2px 5px 2px 5px;
	text-decoration : none;
	}
	
#navModules #ongletADroite a {
	background: url("../image/onglets/right.gif") no-repeat right top;
	border : 0px solid #ccc;
	color : #666;
	float : left;
	font-size : small;
	font-weight : bold;
	line-height : 14px;
	margin-right : 3px;
	padding : 2px 5px 2px 5px;
	text-decoration : none;
	}
	
#navModules a:hover {
      color:#333;
      }
      
#navModules #ongletADroite a:hover {
      color:#333;
      }

#navModules li.enCours {
	background-image:url("../image/onglets/left_on.gif");
	border-bottom : 0px solid #fff;
	color : #000;
	}
	
#navModules li.enCours a {
	background-image:url("../image/onglets/right_on.gif");
	border-bottom : 0px solid #fff;
	color : #000;
	/*padding-bottom:3px;*/
	}
	
#navModules #ongletADroite.enCours {
	background-image:url("../image/onglets/left_on.gif");
	border-bottom : 0px solid #fff;
	color : #000;
	}
	
#navModules #ongletADroite.enCours a {
	background-image:url("../image/onglets/right_on.gif");
	border-bottom : 0px solid #fff;
	color : #000;
	padding-bottom:3px;
	}
	
	
/**************************************************************************/
/*********						impression							*******/
/**************************************************************************/

a.boutonImprimer	{
	white-space: normal
	margin: 0;
	padding: 0;
	float:right; 
	width:6.5em;
	margin-right:1.5em;
	color:#333 ;
	margin-top: 0.0em;
}
	
a.boutonImprimer:hover {
	color:#666 ;
}
	
#imgImprimer {
	vertical-align: bottom;
}
	


/**************************************************************************/
/*********						Module								*******/
/**************************************************************************/

#module {
	border: 1px solid #ccc;
	background: #fff;
	background-color: #ffffe8;
	padding: 0.4em;
	border-top : none;
	position: relative;
	float: left;
	clear: both;
	width:98%;
	margin : 0 auto 0 auto;
	}
	
#module a{
	text-decoration: none;
	color: #599AEF;
	font-weight: bold;
}

#module a:hover{
	text-decoration: none;
	color: #2E60A7;
	font-weight: bold;
}


/**************************************************************************/
/*********						Contexte							*******/
/**************************************************************************/

#contexte {
	margin:0 ;
	margin-right: 1em;
	/* position: absolute; */
	left:1em;
	width: 11em;
	float:left;
}

#contexte #choixEleve{
	padding:0;
	margin-bottom: 0.4em;
}
#contexte #choixEleve select{
	width: 100%;
	margin-bottom: 0.4em;	
}


/**************************************************************************/
/*********						Menu Module							*******/
/**************************************************************************/
#menuModule {
	/*background : #eef;*/
	margin:0;
	}

#menuModule li{
	border: 1px solid #d6e1ec;
	list-style:none;
	margin:0;
	}

#menuModule li.enCours a{
	font-weight: bold;
	background-color:#eff4fa;
	}

#menuModule a{
	display:block;
	text-decoration:none;
	color:#369;
	background-color:#fff;
	padding-left:1em;
	}

#menuModule a:hover{
	background-color:#eff4fa;
	color:#036;
	}

#menuModule img {
	margin-right: 5px;
	vertical-align: middle;
	margin-bottom: 1px;
	}




/**************************************************************************/
/*********						Contenu Module						*******/
/**************************************************************************/

*html #contenu
{
	float:left;
} 

#contenu {
	background-color: #ffffe8;
	padding-right:0.2em;
	margin-left: 13em;
	}
*html #contenu
{
	margin-left: 0em;
} 
	
#choixPeriode {
	padding-bottom: 3px;
	} 


/**************************************************************************/
/*********				  abréviation et accronymes		  		    *******/
/**************************************************************************/


abbr, acronym
{
   border-bottom: 0.1em dotted;
   cursor: help;
}

span.styleAbbr
{
   border-bottom: 0.1em dotted;
   cursor: help;
}

/**************************************************************************/
/*********							QCM1							*******/
/**************************************************************************/

.QCM1Contenu {
	
}

.QCM1titreEntete {
	color: #FFFFFF;
	margin-right: auto;
	margin-left: auto; 
	text-align: center;
}

.QCM1Presentation {
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}

.QCM1Presentation2 {
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 0px;
	padding-bottom: 10px;
}

.QCM1Reponse {
	font-weight: bold;
}

.QCM1obligatoire {
	color: #990000;
	font-size: 1em;
	font-weight: bold;
}

.QCM1suggestion {
	color: #000000;
	font-size: 1em;
	text-align: left;
}

.QCM1email {
	color: #000000;
	font-size: 0.9em;
	vertical-align: top;
	text-align: right;
	font-style: italic;
	padding-right: 1px;
}

#tableQCM1 .QCM1divtextarea {
	width: 243px;
	font-size: 0.9em;
	font-style: italic;
	padding-left: 4px;
	float: left;
}

#tableQCM1 .QCM1textarea {
	width: 243px;
	height: 50px;
	font-size: 0.9em;
	font-style: italic;
	margin-left: 1px;
	margin-right: 1px;
}

#tableQCM1 .QCM1text {
	width: 243px;
	margin-right: 2px;
}

#tableQCM1 {
	border-collapse: collapse;
	border: 0px solid #999999;
	color: #000000;
	font-size: 1em;
	background-color: #FFFFFF;
	text-align: center;
}

#tableQCM1 th.QCM1titreNotation {
	font-weight: bold;
	font-size: 1em;
	text-align: center;
	padding-right: 2px;
	padding-left: 2px;
	border-top: 1px solid #ffffe8;
	border-bottom: 1px solid #000000;
	background-color: #eff4fa;
	margin-right: auto;
	margin-left: auto; 
}

#tableQCM1 th.QCM1titre {
	font-weight: bold;
	font-size: 1em;
	text-align: center;
	padding-right: 2px;
	padding-left: 2px;
	border-top: 1px solid #ffffe8;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	background-color: #eff4fa;
	margin-right: auto;
	margin-left: auto; 
	vertical-align: middle;
}

#tableQCM1 th.QCM1choix1 {
	position: relative;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	font-size: 1em;
	text-align: center;
	font-weight: bold;
	padding-right: 2px;
	padding-left: 2px;
}

#tableQCM1 th.QCM1choix2 {
	position: relative;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	font-size: 1em;
	text-align: center;
	font-weight: bold;
	padding-right: 2px;
	padding-left: 2px;
}

#tableQCM1 th.QCM1choix3 {
	position: relative;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	font-size: 1em;
	text-align: center;
	font-weight: bold;
	padding-right: 2px;
	padding-left: 2px;
}

#tableQCM1 th.QCM1choix4 {
	position: relative;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	font-size: 1em;
	text-align: center;
	font-weight: bold;
	padding-right: 2px;
	padding-left: 2px;
}

#tableQCM1 th.QCM1choix5 {
	position: relative;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	font-size: 1em;
	text-align: center;
	font-weight: bold;
	padding-right: 2px;
	padding-left: 2px;
}

#QCM1infobulle {
	position: relative;
	z-index: 24;
}

#QCM1infobulle:hover span.spanHover { 
	z-index: 25;
}

#QCM1infobulle span.spanPasHover {
	display: none;
}

#QCM1infobulle span.spanHover { 
 	display: block; 
 	position: absolute;
    top: 2em; 
    left: -7em; 
    width: 7em;
    border: 1px solid #6699cc;
    background-color: #eeeeee;
     color: #6699cc;
    text-align: left;
    font-weight: normal;
    padding: 1px;
}

#tableQCM1 td.QCM1titre {
	text-align: left;
	padding-right: 12px;
}

.QCM1numQuestion {
	font-weight: bold;
}

#tableQCM1 td.QCM1case {
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
}

#tableQCM1 td.case {
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
}

#tableQCM1 QCM1.espace {

}

.QCM1trCase:hover {
	background-color: #eff4fa;
}

.QCM1CroixAvec1 {
	width: 22px;
	height: 22px;
	cursor: pointer;
	background: url(../image/face-1.gif) no-repeat;
	border: 1px solid #000000;
	margin-right: auto;
	margin-left: auto; 
	}

.QCM1CroixAvec2 {
	width: 22px;
	height: 22px;
	cursor: pointer;
	background: url(../image/face-2.gif) no-repeat;
	border: 1px solid #000000;
	margin-right: auto;
	margin-left: auto; 
	}

.QCM1CroixAvec3 {
	width: 22px;
	height: 22px;
	cursor: pointer;
	background: url(../image/face-3.gif) no-repeat;
	border: 1px solid #000000;
	margin-right: auto;
	margin-left: auto; 
	}

.QCM1CroixAvec4 {
	width: 22px;
	height: 22px;
	cursor: pointer;
	background: url(../image/face-4.gif) no-repeat;
	border: 1px solid #000000;
	margin-right: auto;
	margin-left: auto; 
	}
	
.QCM1CroixAvec5 {
	width: 22px;
	height: 22px;
	cursor: pointer;
	background: url(../image/face-5.gif) no-repeat;
	border: 1px solid #000000;
	margin-right: auto;
	margin-left: auto; 
	}
	
.QCM1CroixSans {
	width: 22px;
	height: 22px;
	cursor: pointer;
	border: 1px solid #000000;
	margin-right: auto;
	margin-left: auto; 
	}
		
.QCM1CroixSans1 {
	width: 22px;
	height: 22px;
	cursor: pointer;
	border: 1px solid #999999;
	margin-right: auto;
	margin-left: auto; 
	}
	
.QCM1CroixSans2 {
	width: 22px;
	height: 22px;
	cursor: pointer;
	border: 1px solid #999999;
	margin-right: auto;
	margin-left: auto; 
	}
	
.QCM1CroixSans3 {
	width: 22px;
	height: 22px;
	cursor: pointer;
	border: 1px solid #999999;
	margin-right: auto;
	margin-left: auto; 
	}
	
.QCM1CroixSans4 {
	width: 22px;
	height: 22px;
	cursor: pointer;
	border: 1px solid #999999;
	margin-right: auto;
	margin-left: auto; 
	}
	
.QCM1CroixSans5 {
	width: 22px;
	height: 22px;
	cursor: pointer;
	border: 1px solid #999999;
	margin-right: auto;
	margin-left: auto; 
	}


	
/**************************************************************************/
/*********						Pied de Page						*******/
/**************************************************************************/

#piedDePage p, #piedDePage p a {
	color: #aaa;
	text-align: center;
	clear: both;
	}