/* feuille de style pour la formation sur les normes... */





/* -------------------  Gabarit de mise en page trois colonnes sans tableaux ---------------------------- */



/* ----> pour l'impression */

@import URL(print.css);





/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Le PIV */



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Les balises g?n?riques */



body		{margin:0; font-family:trebuchet ms, arial, sans-serif; font-size:1em; background-image:url(/~hleclerc/blog/images/back-bas.gif); background-repeat:no-repeat; background-position:100% 100%;}

/* pour se d?barasser de la pub */

body div table	{display:none;}



#content table		{display:table; border:0; padding:0 ; font-size:100%; border-collapse: collapse; border-spacing: 0;}

caption				{text-align:left; font-weight:bold; border-bottom:2px solid #777;}
tbody th			{text-align:left; vertical-align:top; padding:0 5px;}

img					{border:0;}

a					{color:#003399; text-decoration:underline;}

a:hover, a:focus	{color:#000000; text-decoration:none;}

a:visited			{color:#777777;}

acronym				{}

ul, ol, li			{/*font-size:small;*/ margin:0; text-indent:0;}

dt					{font-weight:bold;}



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Nicetitle */



div.nicetitle {position: absolute; z-index:3; padding: 4px; top: 0px; left: 0px; color: #000; font-size: small; /*width: 25em;*/ font-weight: bold; background:#dfd3ab;/* background-image: url(/~hleclerc/blog/images/ntbg2.png);*/ /* Mozilla proprietary */-moz-border-radius: 12px;}

div.nicetitle p { margin: 0; padding: 0 3px;}

div.nicetitle p.destination {display:none; font-size: x-small; text-align: left; padding-top: 3px; font-weight:normal;}



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> maintenant, la mise en page!! */



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Ent?te */



#piv-bandeau		{display:block; float:left; clear:left; background-image:url(/~hleclerc/blog/images/content.gif); background-repeat:no-repeat; background-color:#ffffff; width:100%; margin:0; border-bottom:1px solid #64839F;}

#piv-bandeau h1		{display:block; color:#7194B4; font-family:georgia, times, serif; font-weight:normal; font-style:italic; text-align:left; margin:10px 50px; padding:0px;}

#piv-bandeau h2		{display:block; font-size:large; font-weight:normal; color:#777777; margin:-15px 0 20px 7.5em ; }



#navig-blocks span	{display:inline;}

#navig-blocks span.navig-top-6 {display:block; float:right; clear:none; margin:-20px 5px 0 0; width:100%; text-align:right; font-size:small;}



.navig-top-1	{border-right:1px solid #7194B4;} 

.navig-top-2	{border-right:1px solid #7194B4;} 





.navig-top-6 a	{text-decoration:none;}

.navig-top-6 a:hover, a:focus	{text-decoration:underline;}

#navig-blocks a					{margin: 0 15px; color: #777777; /*height:100%; */width:100%; font-size:small; font-weight:bold; text-decoration:none;}

#navig-blocks a:hover, a:focus	{color: #7194B4; text-decoration:underline;}

#navig-blocks a:visited			{color: #dfd37194B4ab;}



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Pied de page */



#piv-pied		{display:block; float:none; clear:left; text-align:center; width:100%; margin:0; margin-bottom:40px;}







/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> bloc principal*/

#content {display:block; background-image:url(/~hleclerc/blog/images/fond-content2.gif); background-repeat:repeat-x;}





/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> les trois colonnes */

#navigation {display:block; float:left; clear:none; width:150px; height:100%;}



#information {display:block; clear:none; margin:0 150px; padding:20px; min-height:300px; background-image:url(/~hleclerc/blog/images/fond-content.gif); background-repeat:repeat-x; border-right:1px solid #64839F; border-left:1px solid #64839F;}



#complement {display:block; float:right; clear:none; width:150px;}



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> ceci sert ? faire suivre la bo?te content dans ie */

#cleaner	{display:block; /*float:right;*/ clear:both;}







/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> d?finition du contenu */



#content h2	{font-size:small; font-family:georgia, times, serif; font-style:italic; background:#dfd3ab; /*background-image:url(/~hleclerc/blog/images/sous-titre.png); background-repeat:repeat-x;*/ font-weight:bold; margin:0; padding:0 5px; color:#64839F; border-bottom:1px solid #ffffff;}

#content p	{font-size:small;}

#content h4	{}

.date-titre	{background:#7194B4; color:#ffffff; text-align:center; font-family:georgia, times, serif; font-weight:bold; padding:3px;}



/* la navigation */

#navigation h1	{}

#navigation dt	{font-size:x-small;}

#navigation dd	{margin:0; margin-left:10px; list-style-type:square; color:#255480;}





/* le compl?ment */

#complement h1	{}

#complement dl	{margin:5px; font-size:small; font-family:trebuchet ms, arial, helvetica, sans-serif;}





/* le contenu */

#information p	{margin:3ex; font-size:medium; }

#information h6	{font-weight:normal;}

#information .date-titre span	{display:none;}

.text img		{float:left; clear:none; margin:1em;}

 

.comment-body	{background-color:#E9F0F7; padding:5px; /*border:1px solid #DEEBF7;*/}

h6.comment-data	{border-bottom:1px solid #64839F;} 



.menu-text	{font-size:small; margin:0; padding:3px;}

.menu-text ul	{margin-left:0; list-style-type:square; color:#255480;}

.menu-text>ul	{margin-left:-1em;}

.menu-text li	{margin-bottom:1ex; white-space:normal;}	






http://webperso.mediom.qc.ca/~hleclerc/blog/share/css/print.css

@media print	{



#navig-blocks	{display:none;}

#content #navigation		{display:none;}

#content #complement		{display:none;}

#content #information	{width:100%; margin:0;}



a					{text-decoration:none;}

#content a:after	{content: attr(href); font-size:x-small; margin:0 5pt; font-style:italic;}

#content h6			{display:none;}

#content h6.comment-data	{display:block;}

}