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

@media screen {


/* Mise à zéro et correction des styles par défaut pour contrer les différents navigateurs */

body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }

body {
		
	color:#000;	
	font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:90%;

	margin: 0 5% 0 5%;
	padding: 0 0 0 0;	
	height:	100%; 
	text-align: justify;	
	 background-image: url(../css/assets/img/layout/bg_body.png); }
} 


p {padding-bottom: 12px;}
img		{border:0;}
table 	{margin-top:1em; font-size:100%;}
hr		{  clear: both;}

table table	{font-size: 90%; 
	margin-top:1em;  
	border: 0px;}
	
/* Définitions des éléments	dans l'ordre du	code   */
#imagetop			{color:#000;	background-color:#004890;	height:	80px;	margin:	0;	padding: 0em 0em;}
#imagetop .logo		{color:	#000; background-color:#004890;	float: right;}
#imagetop .titre	{color:#ffffff;	font-size:150%;	background-color:#004890;	text-align:	center;}


#contenu{position: relative;color:#000;background-color:#fff;border:4px	solid #DFAD5F;padding: 1em;
	/* 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:100%;}

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


#contenu a:link{	color:#336699;	background-color:#fff;	text-decoration:none;	}
#contenu a:hover{color:#690;	text-decoration:none;	background-color:#F9C883;	}
#contenu a:visited{	color:#690;	text-decoration:none;}
/*
a:link{	color:#f60;	background-color:#fff;	text-decoration:none;	}
a:hover{color:#E00000;	text-decoration:none;	background-color:#F9C883;	}
a:visited{	color:#E00000;	text-decoration:none;}
 */
 h1	{background-color:#fff; color:#2C5685; font-size:120%; margin:	0em	0 0.25em 0; text-align: center; font-family: "Trebuchet MS",Geneva,Verdana,Arial,Helvetica,sans-serif;	}
 h2	{background-color:#fff;	color:#2C5685; font-size:110%;	margin:	2em	0 0.25em 0; font-family: "Trebuchet MS",Geneva,Verdana,Arial,Helvetica,sans-serif;}
 h3	{background-color:#fff;	color:#369; font-size:100%;	margin:	2em	0 0	0;}
 h4	{background-color:#fff;	color:#369;	font-size:100%; margin:	1em	0 0.25em 0; border-bottom:1px dotted	#69c;}
 h5	{background-color:#fff;	color:#369;	font-size:100%; margin:	1em 0 0 0;  font-weight:bold;}
 h6	{background-color:#369;	color:#fff;	font-size:100%; margin:	0.25em 0; padding: 2px; }



/*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;
}

.session2 {
	background: #FFFF80;	}
	
.griser {
	background: #999999;
	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; }
#contenu .vert {	font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;	color:#690;	font-weight:bold;}
  
.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;}

#texte{		color:#000;		line-height:130%;	margin:2em 16em	2em	1em;	background-color:#fff;
	/* 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%;
}

	/* 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%;
	}
	
	
	.s-date {
  margin: 6px 0;
  font-size: 0.78571em;
  text-transform: uppercase;
  letter-spacing: 0.1em; }

/* a */
.s-read-more {
  text-transform: uppercase;
  font-size: 84%; }
  .s-read-more:after {
    content: "\00a0\203A\203A"; }

#table1 .s-bit-smaller {
  font-size: 0.92857em; }

.s-smaller {
  font-size: 0.85714em; }

.s-lot-smaller {
  font-size: 0.71429em; }

.s-bit-larger {
  font-size: 1.07143em; }

.s-larger, .courses-dep1 th, .courses-dep1 td {
  font-size: 1.21429em; }

.s-lot-larger {
  font-size: 1.42857em; }
	
	
	

	}
	
	
@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;}