/*----------------------------------------------------------------------------|
|	Site www.adosante.org																		|
|	Feuille de style refondue pour le gabarit HTML classique sans ColdFusion	|
|	par Claude Boucher, DGT-GTA, Universit? de Moncton									|
|	Mise ? jour: 15 mars 2006																	|
|----------------------------------------------------------------------------*/

/* Importer la feuille de style générique */
/*@import url(generique.css);*/

/* Paragraphes et listes */
p { 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 70%; 
	line-height: 140%; 
	font-weight: normal; 
	color: #5F6B73;
}
/*ajout kevin*/
li {
	padding:2px 0px 2px 0px;
}
ul,ol { 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 70%; 
	line-height: 140%; 
	font-weight: normal; 
	color: #5F6B73;
	margin-top:-4px;
	margin-bottom:5px;
}
/*en coordination avec le li#bold*/

ol.bold {

	list-style:none;
}

ol#bold li:first-letter {
	font-weight: bold;
	color: #4171b1; 
	margin-left: -1.5em;	
}
ol#grey li:first-letter {
	font-weight: bold;
	color: #5f6b73; 
	margin-left: -1.5em;	
}
/*ajout kevin. fonctionne seulement dans IE, pour avoir le LI sans espace a sa gauche*/
ul.gauche, ol.gauche {
	margin-left:17px;
}

p { padding: 0 2px 2px 0; }
p.lead { font-weight: bold; color:#4171B1; }
p.alerte { color: #D55D06;}
p.alerte a { color: #D55D06; }

/*ajout kevin pour centrer les paragraphes qui ne sont pas dans un div colonnedroite*/
p.zero { padding-left : 110px; }

p.gris {
	color: #5F6B73;
	background-color: #E7F5FE;
	padding: 4px 3px 4px 6px;
	vertical-align: top;
}

p.vert {
	color: #5F6B73;
	background-color: #E9F7DB;
	padding:  5px 3px 5px 3px;
	margin-bottom:10px;
	margin-top: 10px;
	vertical-align : top;
}
/*je ne crois pu que je l'utilise */
p.vert2 {
	color: #5F6B73;
	background-color: #FFFFFF;
	margin-top: -10px;
	margin-bottom: -10px;
	padding:  5px 3px 5px 3px;
	font-size:11px;
}
/* p.17 et p.28/Nutrition, p19/SS. font-size et bold pour etre pareille avec le vieux site

A normaliser (les verts)

*/
.vert3 {
	color: #489e0d;
	background-color: #E9F7DB;
	margin-bottom:0px;
	margin-top:10px;
	padding: 5px 3px 5px 5px;
	vertical-align : top;
	font-size:11px;
	font-weight:bold;
}
/*nutrition p.28 */
.vert4 {
	color: #489e0d;
	background-color: #E9F7DB;
	margin-top:10px;
	vertical-align : top;
	font-size:11px;
	font-weight:bold;
}

ul.espace {
	margin-top:5px;
	margin-bottom:10px;
}
.emphase {
	color:#4171b1;
}

sup {	font-size: 0.9em;	vertical-align: super; }

UL.puceverte { list-style-image : url(../images/contenu_images/puce_verte.gif); }
UL.puceverte UL { font-size: 100%; }
OL UL.puceverte { font-size: 100%; }

UL.puceorange { list-style-image: url(../images/contenu_images/puce_rouge.gif); }

/*ajout? par kevin */
UL.tiret { 
	list-style-image : url(../images/contenu_images/puce_tiret.gif); 
	font-size: 100%;
	padding-top:5px;
}

/* Separateurs de listes avec des filets */
p.separateur_bleu,p.separateur_vert,p.separateur_bleu_etroit {padding-top:7px; margin-bottom:-10px;  }
p.separateur_bleu { background: url(../images/contenu_images/separateurBleu450px.gif) -3px 0px no-repeat; }
p.separateur_vert { background: url(../images/contenu_images/separateurVert450px.gif) -3px 0px no-repeat; }
p.separateur_orange { background: url(../images/contenu_images/separateurSaumon450px.gif) -3px 0px no-repeat; }
p.separateur_bleu_etroit { background: url(../images/contenu_images/filet_tableau_bleuEtroit.gif) -3px 0px repeat-x;

 }

/* Alphabet phon?tique - Voir http://www.phon.ucl.ac.uk/home/wells/ipa-unicode.htm pour la table de caract?res */
span.phonetique { font-family: 'Lucida Sans Unicode','Arial Unicode MS'; font-size: 110%; }

/* Titres et sous-titres */
h1 {
	background-image: url(../images/contenu_images/separateurVerteSimple.gif);
	background-repeat: no-repeat;
	font-family: haettenschweiler, impact, arial, georgia, sans-serif;
	font-size: 16.5pt;
	font-weight: normal;
	color: #ffffff;
	padding: 0px 2px 2px 2px;
	text-align: center;
	margin-bottom: 20px;
	margin-top: 15px;
}

h1.zero { padding-left: 5px; }
h1.special1 { padding-left: 83px; }
h1.long { background-image : url(../images/contenu_images/separateurVerteDouble.gif); line-height:0.9;text-align: center;}

h2 	 {
	background-image : url(../images/contenu_images/separateurBleuSimple.gif);
	background-repeat : no-repeat;
	font-family: verdana, helvetica, sans-serif;
	font-size: 10pt;
	font-weight: 700;
	/* font-variant: small-caps; */
	color: #000066;
	padding: 2px 2px 4px 8px;
	text-align: center;
	width: 450 px;
	margin-bottom: 20px;
}

h2.long {
	background-image : url(../images/contenu_images/separateurBleuDouble.gif);
	line-height: 1.0;
	padding: 6px 2px 8px 8px;
}


h3 {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 14pt;
	color: #88C1E4;
	padding: 0px;
	font-weight: 700;
	margin-bottom: 12px;
	margin-top: 15px;
	line-height: 18px;
}

h4.alerte {
	background: url(../images/contenu_images/separateurZutEtroit.gif) 0px 0px no-repeat;
	font-family: verdana, helvetica, sans-serif;
	font-size: 10.5pt;
	font-weight: 700;
	font-variant: small-caps;
	line-height: 1.0;
	color: #FFFFCC;
	padding: 3px 6px 4px 6px;
}

h4.alertelong {
	background: url(../images/contenu_images/separateurZutLarge.gif) 0px 0px no-repeat ;
	font-family: verdana, helvetica, sans-serif;
	font-size: 10.5pt;
	font-weight: 700;
	font-variant: small-caps;
	line-height: 1.0;
	color: #FFFFCC;
	padding: 6px 6px 4px 6px;
}

/*3 prochains styles ajout?s par Robert - 3 juillet 2006*/
h4.cadre {
	background: url(../../images/30_CadreDePensee.gif) 0px 0px no-repeat ;
	font-family: verdana, helvetica, sans-serif;
	font-size: 9.5pt;
	font-weight: 600;
	font-variant: normal;
	line-height: 1.0;
	color: #0f2c86;
	padding: 6px 6px 20px 10px;
}

h4.titrenote { 
	color: #000067; 
	font-weight: bold; 
	font-size:14px; 
	margin-bottom: 0px;
	padding-left: 20px;
	margin-top: 10px;
	}

div.notespeciale	{
	background-image: url(../../images/3_FondAuteurs_Long.gif);
	background-repeat: no-repeat;
	background-position:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 140%; 
	margin-top: 2px;
	padding-top: 18px;
	padding-bottom: 4px;
	width: 460px;
	}

div.notespeciale p	{ 
	margin-bottom: 5px; 
	margin-top: 5px; 
	font-weight: 700;
	padding-left: 20px;
	padding-right: 10px;
	}

h4.bleu {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	line-height: 1.4;
	font-weight: bold;
	width: 445px;
	color:#4171B1;
/*	background-color: #E5F2FB;*/
	border-bottom: solid thin white;
	padding: 1px 3px 2px 0px;
	vertical-align : top;
}

h5 {
	font-family: haettenschweiler, impact, arial, georgia, sans-serif;
	color: #4171B1;
	font-weight: normal;
	font-size: 15pt;
	margin-bottom: 10px;
	margin-top: 3px;
}

h5.orange { color: #D55D06; font-variant: small-caps; }

/* Positionnement des images */
img.droite { margin-top: 0px; float: right; }
img.gauche { margin-top: 0px; float: left; }

/* Les hyperliens - proviennent directement de Robert */
a:link { color: #5F6B73; text-decoration: underline; }
a:visited { color: #4171B1; text-decoration: underline; }
a:active {color: #88C1E4; text-decoration: underline; }

a.alerte:link { color: #D55D06; text-decoration: underline; }
a.alerte:visited { color: #D55D06; text-decoration: underline; }
a.alerte:active { color: #D55D06; text-decoration: none; }		

a.pale:link { color: #8DABD3; text-decoration: underline; }
a.pale:visited { color: #8DABD3; text-decoration: underline; }
a.pale:active { color: #8DABD3; text-decoration: none; }	

a.pale2:link { color: #F9FE5C; text-decoration: underline; }
a.pale2:visited { color: #F9FE5C; text-decoration: underline; }
a.pale2:active { color: #F9FE5C; text-decoration: none; }	

a.vert:link { color: #98CB00; text-decoration: underline; }
a.vert:visited { color: #98CB00; text-decoration: underline; }
a.vert:active { color: #98CB00; text-decoration: none; }

a.lexique {	cursor: help;  }

/* Les sections spéciales à l'intérieur des pages de contenu */
div#alerte {
	width: 110px;
	float:left;
	background-image: url(../images/contenu_images/icone_ZUT.gif);
	background-repeat: no-repeat;
	height: 52px;
	margin: 0px 0; padding: 0; 
}

div.colonnegauche { width: 110px; float:left; }
div.colonnedroite { width: 340px; margin-left:110px; }

div.bleu {
	color: #5F6B73;
	background-color: #E5F2FB;
	padding:  2px 3px 2px 3px;
	vertical-align : top;
}
/*ajout kevin */
div.centre {
	padding-left:90px;
}

/*fait pour page 13/Nutrition*/
div#bleu {
	color: #5F6B73;
	background-color: #E5F2FB;
	margin-left:0px;
	padding-left:5px;
	float: right;
}

/* Table héritées du site original et qu'il n'est pas pratique de convertir */
TD.bleu1 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	line-height: 1.4;
	font-weight: normal;
	/*background-color: #FAF1E9;*/
	font-weight: bold;
	color: #4171B1;
	padding: 1px 3px 0px 0px;
	vertical-align : top;
}

TD.peche1 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	line-height: 1.4;
	font-weight: normal;
	/*background-color: #E5F2FB;*/
	font-weight: bold;
	color: #D55D06;
	padding: 1px 3px 0px 0px;
	vertical-align : bottom;
}

TD.bleu {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	line-height: 1.4;
	font-weight: normal;
	color: #5F6B73;
	background-color: #E5F2FB;
	border-bottom: solid thin white;
	padding: 1px 3px 2px 5px;
	vertical-align : top;
}

TD.peche {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	line-height: 1.4;
	font-weight: normal;
	color: #5F6B73;
	background-color: #FAF1E9;
	border-bottom: solid thin white;
	padding: 1px 3px 2px 5px;
	vertical-align : top;
}
/*pour la couleur orange */
strong.alerte { color: #D55D06; }

TD.separateurs { padding: 0px; vertical-align : bottom; }

/*ajout? par kevin... bonne pratique de CSS'er un tr ?*/
tr.vert {
	background-color: #E9F7DB;

}

/* pour seulement 1 ou 2 tableaux */
td.tableau {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #5F6B73;
	padding:  5px 5px 5px 5px;
	vertical-align : top;
	font-size:70%;
}
#tableau p{
	font-size:12px;
	color:#3b5a6f;
}
#tableau2 p{
	font-size:11px;
	margin-bottom:0px;
	margin-top:0px;
	color:#3b5a6f;
}
td.vert {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #489e0d;
	padding:  5px 5px 5px 5px;
	vertical-align : top;
	font-size:70%;
	font-weight:bold;
}

/*Pour correct/incorrect, Positif/N?gatif */

.noir {
	color: #000000;
	}

.rouge {
	color: #C91400;
	}

/* Séparateurs de listes avec des filets, pour : Drogues | Affirmations pour m'aider à rencontrer mes besoins*/
p.ligne_bleu,p.separateur_vert,p.ligne_bleu_etroit {padding-top:7px;  }
p.ligne_bleu { 
	background: url(../images/contenu_images/separateurBleu450px.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin: 0px;
	padding-top: 15px;
	padding-bottom: 15px;
	}
	
p.ligne_vert { 
	background: url(../images/contenu_images/separateurVert450px.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin: 0px;
	padding-top: 15px;
	padding-bottom: 15px;
	}

p.ligne_orange {
	background: url(../images/contenu_images/separateurSaumon450px.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin: 0px;
	padding-top: 15px;
	padding-bottom: 15px;
	}


	div#copyright {
		width: 537px;
		height: 30px;
		background-color: #0E50A7;
		margin: 0 0;
		padding: 0 0 0 0;
		position: relative;
		display: block;
		text-decoration: none;
		color: #000;
		font-family: verdana;
		font-size: 10px;
		text-align: center;
	}