/* ----> pour l'impression */
@import URL(print.css);

/* les styles de base de la page... */

body {margin:0; background:#e7e7ef; background-image:none; font-family: trebuchet ms, verdana, helvetica, arial, sans-serif; font-size:1em;}


/* pour enlever la pub Blogger... */
body div table	{display:none;}



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

h1  {margin:0; background: #5D78B4; text-align:left; background-position:0 0; padding:0 3px 0 10px; color:#ffffff; font-weight:bold; font-size:medium;}

h2  {font-size:small; font-weight:normal; margin:0; color:#ffffff; background: #7992C6;}

h3  {font-size: 100%; line-height: 130%; margin: 1px;}

h4 {font-size:130%; color: #5D78B4; font-weight:bold; font-family: arial, helvetica, sans-serif;}

h5 {font-size:1em; font-weight:bold; font-family: trebuchet ms, arial, helvetica, sans-serif;}

hr				{height: 1px; border: solid #D1D7DC 0px; border-top-width: 1px;}
dt				{font-weight:bold; margin-top:10px;}

a:link, a:active	{color: #255480; text-decoration:underline;}
a:visited			{color:#777777;}
a:hover, a:focus	{text-decoration: none; color: #6D8096;}
acronym				{border-bottom:1px dashed #000000; font-style:italic; font-variant:small-caps;}
acronym:hover		{color:#555555;  border-color:#555555;}


/* la structure de la mise en page avec les blocs d'information */

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

div.nicetitle {position: absolute; z-index:3; padding: 4px; top: 0px; left: 0px; color: #fff; font-size: small; /*width: 25em;*/ font-weight: bold; background:#96250E;/* background-image: url(/~hleclerc/blog/images/ntbg2.png);*/}
div.nicetitle p { margin: 0; padding: 0 3px;}
div.nicetitle p.destination {font-size: x-small; text-align: left; padding-top: 3px; font-weight:normal;}


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

/* entete */
#piv-bandeau			{display:block; margin-bottom:5px; padding:0;  background:#5D78B4;}
#piv-bandeau h1			{display:inline;}
#piv-bandeau h2			{display:inline; font-size:small; background:none;}


/*bloc principal*/
#content {display:block; margin-top:5px;}

/*les trois colonnes */
#navigation {display:block; float:left; clear:none; width:150px; height:100%; background:#777777;}

#information {display:block; background:#ffffff; margin-right:150px; margin-left:150px; margin-top:5px; border: 2px solid #2F326E; clear:none;}

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


/* entête, styles spécifiques... */


#navig-blocks	{background: #E36A52; float:left; text-align:right;}


#navig-blocks a					{margin:5px; color: #ffffff; /*height:100%; */width:100%; font-size:small; font-weight:bold; text-decoration:none;}
#navig-blocks a:hover, a:focus	{color: #E7E7EF; text-decoration:underline;}
#navig-blocks a:visited			{color: #E7E7EF;}
.navig-top-1			{background: #96250E; vertical-align:bottom; padding: 5px;/*padding:15px 10px 0 3px;*/ width:50px; float:left;}
.navig-top-2			{background: #A72E16; vertical-align:bottom; padding: 5px;/*padding:15px 10px 0 3px;*/ width:50px; float:left;}
.navig-top-3			{background: #B74630; vertical-align:bottom; padding: 5px;/*padding:15px 10px 0 3px;*/ width:50px; float:left;}
.navig-top-4			{background: #C44f38; vertical-align:bottom; padding: 5px;/*padding:15px 10px 0 3px;*/ width:50px; float:left;}
.navig-top-5			{background: #D65D45; vertical-align:bottom; padding: 5px;/*padding:15px 10px 0 3px;*/ width:50px; float:left;}
.navig-top-6			{background: #E36A52; vertical-align:bottom; padding: 5px;/*padding:15px 10px 0 3px;*/ float:right; text-align: right; font-size:small;}

/* content */

/* navigation */

#navigation dt	{font-size:x-small;}
#navigation dd	{margin:0; margin-left:10px; list-style-type:square; color:#255480;}


.date-titre			{background: #E36A52; vertical-align:middle; color:#ffffff; padding:0; text-align:left;}
.date-block			{background: #96250E; vertical-align:middle; padding:0; width:50px; float:left;}

.menu-titre		{vertical-align:middle; color:#ffffff; text-align:left;padding:0; background: #7992C6; color:#ffffff;}
h2 span		{display:block; width:20px; background:#5D78B4; padding:0; float:left; clear:left;}
.menu-text		{font-family: trebuchet ms, arial, helvetica, sans-serif; font-size: small; padding:5px; border-bottom:1px solid #2F326E;  background: #C7D3E9;}
.menu-text ul	{margin-left:0; list-style-type:square; color:#255480;}
.menu-text>ul	{margin-left:-2em;}
.menu-text li	{margin-bottom:1ex;}


.cleaner {display:block; clear:both; height:1px; font-size:1px; border:none; margin:0; padding:0; background:transparent;}

.toc {	margin: 1px 0px 2px 0px  }

.titre {font-size:150%; color: #828682; font-weight:bold; font-family:  arial, helvetica, sans-serif;}

.text {	font-family: trebuchet ms, arial, helvetica, sans-serif; font-size: small; padding:5px; border-bottom:1px solid #D1D7DC;}
p.citation {margin:0 25px 0 25px; font-style:italic; quotes:"«" "»";}
p.citation:before {content:open-quote;}
p.citation:after {content:close-quote;}


blockquote	{margin:0 25px 0 25px; padding:5px; background:#e7e7ef; font-style:italic;}
blockquote:before {content:"«";}
blockquote:after {content:"»";}

.text h4+p	{font-weight:bold;}

.presentation {background-color:#DDE3DB; border-left:1px solid #828682;}

.gray		{color: #777777;}