/* ------------- Définitions Générales 
Feuille	De Style : Sracq
Auteur:		Manon Bédard - Sracq - Cours d'été
----------------------------------------- */
/* Définitions générales */

@media screen {


.header-logo2 {
  display: block;
  float: left;
  margin-right: 1.0526315789%;
  width: 28.4210526316%;
  background-color: transparent;
  border: 0;
  color: transparent !important;
  font: 0/0 a;
  text-shadow: none;
  height: 130px;
  background: transparent url(assets/img/layout/sprite-logos@2xxx.png) no-repeat 0 0;
  background-size: 269px 385px; }
  .header-logo:last-child {
    margin-right: 0; }
  .formation-continue .header-logo {
    background-position: 0 -129px; }
  .cours-dete .header-logo {
    background-position: 0 -258px; }
  .header-logo.header-logo-white {
    background-position: 0 -110px;
    background-size: 215px 308px;
    height: 90px; }

/*complément pour les tableau avec la feuille de style compilée dans dossier assets */
.tr2	{ vertical-align: top;
	padding: 2px;
	background: #264C70;
	color: #C0C0FF;
}

 .barre {text-decoration:line-through;}


.session2 {
	background: #FFFF80;	}
	
.griser {
	background: #D3D3D3;
	color: #000;}
	
.session2e {background: #FFFF80;}
.session1re {}


.onglet1	{
	font-size: 14px;
	font-weight: bold;
	background: #000;
	color: #ffff80;}
	
.onglet2	{
	background: #cecece;
	font-size: 14px;
	font-weight: bold;
	color: #000;}

/*
.table1{visibility: visible;width: 100%; position: relative; background-color: #ffffff;  border-collapse: collapse;  empty-cells: show;  border: 1px solid #7a7; }
.table1 table {background-color: transparent;  border-collapse: collapse; }
.table1 th {padding: 2px 0px 2px 0px ;background-color: #98B5D0}
.table1 td {padding: 2px 4px 2px 4px;}

.table11{font-size: 88%; visibility: visible;width: 100%; position: relative; background-color: #ffffff;  border-collapse: collapse;  empty-cells: show;  border: 1px solid #7a7; }
.table11 table {background-color: transparent;  border-collapse: collapse; }
.table11 th {padding: 2px 0px 2px 0px ;background-color: #98B5D0}
.table11 td {padding: 2px 4px 2px 4px;}

.tabnormal{}
.tabover{background-color:#FCFDB5;}

.table2	{visibility: visible; width: 100%; position: relative}
.table2 table {font-size: 90%; background-color: transparent; border-collapse: collapse;}
.table2 tr{background-color: #C9DDFB}

.table22 {visibility: visible; width: 100%; position: relative}
.table22 table {font-size: 10px; font-family: Verdana, Geneva, Arial, sans-serif; background-color: transparent;}
.table22 td{padding: 0px 4px 0px 4px;border-color: #999;	border-width: 1px;border-style: none dotted solid none}
.table22 tr{background-color: #F9FAF9}

.table3 {visibility: visible;width: 100%;position: relative}
.table3 table {font-size: 12px;	font-family: Verdana, Geneva, Arial, sans-serif;  }
.table3 td{padding: 0px 4px 0px 4px; font-color: #ff0000;}


.table5{font-size: 90%; visibility: visible;width: 100%; position: relative; background-color: #ffffff;  border-collapse: collapse;  empty-cells: show;  border: 1px solid #7a7; }
.table5 table {background-color: transparent;  border-collapse: collapse; }
.table5 th {padding: 2px 0px 2px 0px ;background-color: #fff}
.table5 td {padding: 2px 4px 2px 4px;}

*/

.imagedroite{float: right;	margin: 1px; padding-left: 1em;} 
.imagegauche{float: left;	margin: 1px; padding-right: 2em;	}


.souligne{color: #369; background-color:#fff;}	
.red{color:	#ff0000;background-color:#fff;}
.retraitgauche{	margin:1em 0 0 0;	float:left;	display:block;}
.spacer	{clear:	both;}
.float25{ float: left ;width: 25% ;	padding:0.2em;}
.float35{ float: left ;width: 30% ;	padding:0.2em;}
.float75{ float: left ;width: 65% ;	}
.cegep{	color:#000;	margin:1% 1% 1%	32%;	background-color:#fff;}
.help {cursor:help;}
.tr1 { color: #fff;	background-color: #2C5685;	font-size: 120%;  font-weight: bold;}
.tr2 { color: #fff;	background-color: #123123;	font-size: 120%;  font-weight: bold;}
.scrooler {line-height:	12px;}	
.moyen  {font-size: 85%; margin:0 0 1em 0;}	

.bb {	padding-left: 4px;	border-left: 15px solid #DFAD5F;	border-bottom: #DFAD5F 2px dotted;	font-color: #004890;	font-size: 14px;	font-weight:bold; 	width: 300px; }
  
.aide {position: absolute; margin:0em 0 1em 1em ;right:1%;}	

.box {border: 1px solid #0e4d7d; padding: 4px 0 4px 2px;}
.note {background-color:#C2CFDF;	border:1px dotted #C2CFDF;	color:#333;	padding: 0.5em; display:block;}
.note3 {background-color: #FDEBA5;font-size: 1em; padding: 1px 2px 2px 2px;}
.note-warning {border: 2px dotted #FF0000;	color:#333;	padding: 0.5em; display:block;}
.note-coche {border: 2px dotted #008000;	color:#333;	padding: 0.5em; display:block;}
.note-warning-jaune {border: 2px dotted #FFFF00;	color:#333;	padding: 0.5em; display:block;}
.warning {color:#ff0000;
font-weight: bold;}


span.contextuelle {
	border-bottom: dotted 1pt;
}


#scrooler  {line-height: 12px;}

	/* pour	rétablir le	mauvais	effet sur les nav. modernes	*/
html>body #texte{ height:auto;
}

#texte ul{	background-color:#fff;	margin:0 0 0 0.5em;	padding:0 1em; }
#texte li, ol{	list-style:none;	background-color:#fff;}
#texte a:link{	color:#336699;	background-color:#fff;	text-decoration:none;	}
#texte a:hover{color:#690;	text-decoration:none;	background-color:#F9C883;	}
#texte a:visited{	color:#690;	text-decoration:none;}


#texte li, ol {	list-style:disc;}
#texte ul ul li{list-style:none; }


#texte .note{		background-image:none;	border:1px dotted #c2d5e7;	color:#333;	margin:0.5em 0.5em 0.5em 0.5em;	padding:0.5em;	display:block;}
#texte .note ul li {background-color:#d7e2ef;}
#texte .note .petit {background-color:#d7e2ef; font-style: italic; color:#ff0000; font-weight:bold;}

#texte ul.retrait {	background-color:#fff;	margin:0px;	padding:0 1em;	border-left:1px	solid #69c;float:right;	display:block; }
#texte 	 .retrait li {	border-bottom:1px dotted #69c;	list-style:none;	color:#369;	background-color:#fff;}
#texte	 .retrait li a:link{color:#336699;		background-color:#fff;	text-decoration:none;	border-bottom:1px dotted #69c;}
#texte	 .retrait li a:link	{color:#336699;	background-color:#fff;	text-decoration:none;	}
#texte	 .retrait li a:hover{color:#336699;	text-decoration:none;	background-color:#F9C883;	}
#texte	 .retrait li a:visited{color:#336699; text-decoration:none;	}
#texte	li.dernier{	border-bottom:0;}

#texte 	 li.etu{list-style:none;	color:#369;	background-color:#fff;}


#texte .vert {	font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;	color:#690;	font-weight:bold;
}

#texte .bloc {	background-color:#fff;
}


#contenu div.astuce, #texte	div.attention, #texte div.important,  #texte div.astuce	{color:#369; background-color:#fff; border:1px dotted #69c; padding:0.5em; margin:0.5em 0.5em 0.5em 0.5em; }
#contenu div.alerte, #texte	div.alerte {color:#ff0000; background-color:#fff; border:1px solid #ff0000; padding:0.5em; margin:0.5em 0.5em 0.5em 0.5em; }

#texte .alerte a{background-color:transparent; color:#690; }



/* Formulaire dans le texte	*/
#texte form	input.champs{color:#333; background-color:#fff;	background-position:top; background-repeat:repeat-x;border:1px solid #999;font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;width:12em;}
#texte form{margin:2.5em 0;}
#texte form label{color:#369;background-color:transparent;margin:0.5em	0;}

label {DISPLAY:	inline;	FLOAT: left; WIDTH:	300px;	margin-left:75px;}
.input {background-color:#FFEFD5; font-family:Arial, Helvetica,	sans-serif;	color:red; }
.option	{  background-color: #FFEFD5;}
.select	{  background-color: #FFEFD5;}
.textarea {	 background-color: #FFEFD5;color:red;}
.button	{ font-family: Arial, Helvetica, sans-serif; border-width:2pt ;	font-size:110%;color:#fff; top:300px; background-color:#336699;	}


.bloc_droit{	position:absolute;	color:#000;			
background-color:#fff;		font-size:85%;		margin:2em 0 1em 1em ;		right:1%;	width:17em;	text-align:	left;
	}
	
	
#menu_droit{
	position:absolute;	
	color:#000;			
	background-color:#fff;		
	font-size:85%;		
	margin: 2em 0 1em 1em ;
	right:1%;
	width:17em;	
	text-align:	left;
	/* permet de fixer une hauteur mini	sur	les	navigateurs	modernes */
	min-height:80%;
	/* pour	obtenir	le même	effet sur IE, sachant que si le	contenu	dépasse, il
	"poussera" la hauteur en ne	respectant pas la norme. On	se joue	de ses lacunes*/
	height:80%;}


#menu_droit	h2{
background-color:#fff;
color:#690;
font-size:110%;
text-align:	center;
margin:1em 0 0 0; 
border-bottom:1px dotted #690;

}



#menu_droit	ul.liste, .liste li, .liste	a {	padding:0px	; margin:0px} 
	/*met	à 0	les	marges internes	et externes	de la liste	et des liens */	

#menu_droit	.liste {width :15em	;} 
	/* largeur de	la liste : environs	15 lettres majuscules -	voir em	*/
	
	
#menu_droit	{list-style-type:none} /* suppression des boutons CSS devant	les	items de la	liste */ 

#menu_droit	.liste li a	{border-left:1.5em solid #DFAD5F ; /* crée un gros carré gris à	gauche des liens non survolés */
	background-color:#fff ;	/* couleur de fond des liens non survolés */
	display:block; /* force	le lien	à prendre 100% de la largeur de	la liste */	
	padding-left:0.5em ; /*	insère un espace entre le texte	du lien	et le gros carré gris */
	color:black	; /* la	police des liens non survolés est noire	*/
	text-decoration:none ; /* on suprime le	soulignement des liens */
	height:1.5em} /* hauteur de	chaque ligne. N'est	indispensable que pour IE 5.0 et 5.5 */	

#menu_droit	.liste li a:hover {	/* style des liens lors	du survol */
	background-color:#004890 ; /* le fond du lien passe	au noir	*/
	color:white	; /* le	texte passe	au blanc */
	border-left-color:#f2e0ca} /* crée un gros carré rouge à gauche	des	liens survolés */

	
#menu_droit	li.dernier{	border-bottom:0;
}


#menu_droit	.note{
	background-color:#f2e0ca;
	border:1px dotted #eed3af;
	color:#333;
	padding: 1em; 
	width:15em;!important
	display:block;
}

	
#footer	{clear:	left;	
		color: #000;
		position: relative;
		width: 100%;
		background-color: #DFAD5F;
		margin:	0;
		padding: 0px;
		text-align:	center;
		font-size: 85%;
	}
	
	

	}
	
	
@media print {


body {
	margin:	0 0	0 0;
	font-size: 76%;
}

div, p,	li,	dd,	dt,	td,	th,	blockquote {	   
		font-family: verdana, Arial, Helvetica,	geneva,	sans-serif;		
					font-size:8pt;	
					text-align:	justify;		
			   }	
	
.affichemenu {display: none;}
.aide {display: none;}		   

#imagetop {
	display: none;
}
		   
#menu_droit	{
	display: none;
}


h1 {text-align:	center;
}


h1,	h2,	h3 {
	font-size: 10pt;
	

}


h4,	h5 {
	font-size: 0.98em;
	margin:	12px 0;
}

#texte .retrait	{display: none;}

 .barre {text-decoration:line-through;}