@charset "utf-8";
/* CSS Document */

/* Permet le reset des valeurs par défaut - ne pas enlever... Ça élimine les tis maudits 10px ici et là qui sont durs en gérer parce qu'on ne les voit pas... Ça reset tout à zéro... */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead {
	margin: 				0;
	padding: 	            0;
	border:                 0;
	outline:                0;
	vertical-align:         baseline;
	background:             transparent;
}
:focus {
	outline: 0;/* Ça enlève les petits pointillés autour des images au clique, c'est plus propre visuellement */
}
/*---------------------------------------------------------------------------------------------*/
body {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				0.8em;
	color:					#333333;
	background-color:		#222222;
	background-image:		url(images/alias_formation_bg.jpg);
	background-repeat:		repeat-x;
	line-height: 			1;
	
	}
	
/*---------------------------------------------------------------------------------------------*/
/* Ligne de séparation */

/*---------------------------------------------------------------------------------------------*/
/*Mes titres*/
h1, h2, h3, h4, h5, h6 {font-weight:bold;margin: 0px 0px 20px 0px; letter-spacing: 1px;}
h1 {	font-size:1.6em;	   	color:#9aa503;}
h2 {	font-size:1.5em;    	color:#9aa503;}
h3 {	font-size:1.1em;    	color:#8f9906;  margin-top:10px; margin-bottom:8px;}
h4 {	font-size:1.6em;    	color:#ffffff; 		}
h5 {	font-size:1.5em;    	color:#222222;}
h6 { 	font-size:1.4em; 		color:#ffffff;	margin-top:35px;}
hr {border:0; }

/*---------------------------------------------------------------------------------------------*/
/* Gestion du menu principal en haut de page*/


/* Les pointillés gauche-droite du menu principal en haut */
.br_rgt{
	border-right:		1px dotted #55575a;}
.br_lft {
	border-left:		1px dotted #55575a;}
/*---------------------------------------------------------------------------------------------*/
/* Conteneur principal */
#container1 {
	display:			inline-block;
	position:			relative;
	width:				950px;
	margin: 			auto;
	margin-left:50%;
	left:-475px;
	background-image:	url(images/bg_container.jpg);
	background-repeat:	repeat;
	
	
	}
/*---------------------------------------------------------------------------------------------*/
/* Logo */
#logo_print { /*pour la version imprimable, voir print.css*/
	display:			none;
	}
#logo_container { /* contient le logo et les 2 no. de téléphone sur fond vert */
	display:			block;
	position: 			relative;
	float:				left;
	width:				300px;
	height:				138px;
	}
#logo {
	display:			block;
	position: 			relative;
	width: 				300px;
	height:				146px;
	}
#coordonnees { /* les no. de téléphones sous le logo*/
	border-top:         3px solid #222222;
	padding-top:        15px;
	height:				74px;
	background-color:	#aebb00;
	color:				white;
	font-size:			1.5em;
	width:				285px;
	padding-left:       15px;
	line-height: 		29px;
	letter-spacing:		1px;
	font-weight:		bold;
}
/* Québec et Montréal sont écrits plus petits que le no. de téléphone... */
.petit {
	font-size:          0.85em;
	}
/*---------------------------------------------------------------------------------------------*/
/* Photo de l'entête */
#photo {
	width: 				647px;
	padding-left:       3px;
	height:				238px;
	display:			block;
	position:			relative;
	float:				left;
	}
/*---------------------------------------------------------------------------------------------*/
/* Colonne de gauche */
#col_gauche {
	position:			relative;
	display:   			block;
	float:				left;
	width:      		270px;
	padding:            15px;
	background-color:   #3b3d3f;
	color:				white;
	border-top:         3px solid #222222;
	}
#col_gauche hr { height:1px; border-bottom: 1px solid #2c2e2f;border-top:1px solid #5c5d5e; }
#col_gauche p {
	margin-top:			25px; 
	font-size:			1.1em;
	}
#col_gauche li {
	list-style-image:	url(images/puce_triangle_blanc.gif);
	margin-left: 		15px;
	line-height:		20px;
	}
.cadre_retrait_gauche {/* page cours.html, les coordonnées */
	display:block;
	position:relative;
	width:220px;
	padding: 0px 0px 0px 8px;
	margin:10px 20px;
	border-left:1px solid #cccccc;
	}



/* -------LIENS BLANC DANS LA COLONNE DE GAUCHE ----------*/
/* a = lien  et lft = left */
#col_gauche  a:link, #col_gauche a:visited, #col_gauche a:active {
	color:				white;
	text-decoration:	none;
	}
#col_gauche a:hover {
	text-decoration:	underline;
	}
/*---------------------------------------------------------------------------------------------*/
/* Contenu principal à droite */
.contenu { /* page accueil et autres*/
	display: 			block;
	position:           relative;
	float:				left;
	width:				617px;
	padding:            15px;
	margin:        		0px 0px 0px 3px;
	background-color:	#ffffff;
	border-top:         3px solid #222222;
	}

.contenu hr {
	height:1px; border: 1px dotted #2c2e2f;text-shadow:none; color:#999; margin: 30px 0px 20px 0px;
}
.contenu p {
	margin:				25px 0px;
	line-height:		18px;
	}
.contenu a:link, .contenu a:visited, .contenu a:active {
	color:				#9aa503;
	text-decoration:    none;
	}
.contenu a:hover  {
	color:				#9aa503;
	text-decoration:    underline;
	}

.contenu li {
	list-style-image:	url(images/puce_gris_fond_blanc.jpg);
	line-height: 		21px;
	} 
.contenu h3 li {
	list-style-image:url(images/btn_adobe_dreamweaver2.jpg);

}
.contenu ul {
	margin: 			25px 0px 14px 25px;
	}
/* lft = left */
.contenu .contenu_lft a, .contenu .contenu_rgt a {color:#0c59b0; text-decoration:none;}
.contenu_lft img, .contenu_rgt img { /* les images n'ont pas un div, elles sont float left */
	float:				left; 
	margin:				0px 18px 10px 0px;
	
	}
.contenu_lft .cadre, .contenu_rgt .cadre { /* sur la page Accueil, petit cadre gris sous les titres CONSULTATION et CONFÉRENCES EN LINGE*/
	background-color:	#f3f3f3; 
	padding:            5px;
	border:				1px solid #d4d4d4; 
	line-height:		18px;
	margin-bottom:		12px;
	}
/* CÔTÉ GAUCHE */
.contenu_lft { /* sur la page d'accueil, il y a deux div, un gauche (lft) et un droite (rgt)*/
	width:				300px;
	display:			block;
	float:				left;
	position:			relative;
	padding-right:8px;
	}
/*.contenu_lft p {
	margin-top:			22px;
	margin-right:		15px; 
	line-height:1		8px;
	}*/
.contenu_lft .cadre {	
	width:              283px; /* sur la page Accueil, petit cadre gris sous le titre CONSULTATION*/
	}
/* CÔTÉ DROIT */
.contenu_rgt {  /* rgt = right */
	border-left: 		1px solid #cccccc; 
	padding-left:	    10px;
	width:				298px;	
	display:			block;
	float:				left;
	position:			relative;
	}
.contenu_rgt form{
	margin:         	25px 0px;

	}
.contenu_rgt input { /*Formulaire inscription au bulletin d'information, page d'accueil */
	font-size	:		11px; 
	float:				left;
	height:				17px; 
	margin-right:		5px;
	}	
.contenu_rgt .cadre { /* sur la page Accueil, petit cadre gris sous le titre FORMATIONS EN LIGNE*/
	width:              287px;
	}
/*---------------------------------------------------------------------------------------------*/
/* Pied de page copyright*/

#footer {
	padding:            15px;
	width:				920px;
	margin-top:         3px;
	background-color:   #1c1c1c;
	color:              white;
	clear:              both;
	margin-left:        auto;
	margin-right:       auto;
	text-align:         center;
	font-size:          0.85em;
	}
#footer p {
	margin: 			15px 0px;
	}
#footer a {
	color:				white;
	text-decoration:	underline;
	}
/*---------------------------------------------------------------------------------------------*/
/* liens de couleurs différentes*/
a.lienorange:link, a.lienorange:visited, a.lienorange:active {
	text-decoration:	none;
	color:				#e9790b;
	}
a.lienorange:hover {
	text-decoration:	underline;
	color:				#ffa954;
	}

a.liensbleus:link, a.liensbleus:visited, a.liensbleus:active {
	color: 				#0c59b0;
	text-decoration:	none;
}

a.liensbleus:hover {
	color: 				#2f91ff;
	text-decoration:	underline;
	text-align: right;
	}
/*---------------------------------------------------------------------------------------------*/
/* textes sans lien couleurs différentes et size différents */
.orange {
	color:				#e9790b; 
	font-weight:		bold;
	}
.plusgros {
	font-size:			1.2em;
	}
.rouge {
	color:				#950000;
	font-weight:		bold;
	}
.centrer {
	text-align:			center;
}

.margehaut {
	margin-top:			200px;
	}
.liste_espace li {
	margin-bottom:16px;
	
	
	}
.carregris {
	display:block;
	width:97%;
	background-color:#ECECEC;
	padding:8px;
	font-size:1em;
	font-weight:bold;
	margin:30px 0px;

	}
.carregris p {margin:8px;}