@media print {
		#barreTitre, #header, #footer {
			display:none;
		}	
		#sidebar {
  			display: none;
			width: 0px;
			float: left;
			margin: 0;
  			padding: 0;
		}
		#content {
			margin-left: 0px;
			padding: 5px;
			background: white;
			color: black;
			border: 0;
		}
		DIV.GAUCHE {
		  clear: both;
		  margin: 0;
		  padding: 0;
		  width: 8em;
		  float:left;
		  font-size: 10pt;
		}
		DIV.GAUCHE P { margin: 5pt 2pt 2pt 2pt; background:red;}
		DIV.DROITE {
		   margin: 0;
		   padding: 0;
			 float:none;
			 margin-left: 8em;
			 margin-bottom: 1em;
		   font-size:10pt;

		}
}

@media screen {
		#barreTitre {
			padding: 0;
			margin: 0;
			background: rgb(50, 83, 125) url(/resources/img/fond.jpg) no-repeat;
			color: #f5f5f5;
			height: 75px;
		}
		#barreTitre H1.Titre {
		  padding: 10px;
  		margin: 0 0 0 0;
  		font-weight: bold;
  		font-size: 48px;
			background: none;
			color: #f5f5f5;
			border: none;
			text-align: right;
  		clear: none;
		}
		#header {
					margin-left: 200px;
					padding: 1px;
						background: rgb(213, 219, 225);
    				font-size: 0.6em;
						color: rgb(50, 83, 125);
    				border-bottom: 1pt solid rgb(50, 83, 125);
						border-left: 1pt solid rgb(50, 83, 125);
		}
		#sidebar {
			width: 200px;
			float: left;
			margin: 0;
			background: #f5f5f5;
  		color: black;
  		padding: 0;
  		font-weight: bold;
  		white-space: nowrap;
			display: block;
			font-size: 10pt;
			position:absolute;
			left:0;
		}
		#sidebar ul
		{
			margin: 0;
			padding: 0;
			list-style-type: none;
			font-family: Arial, Helvetica, sans-serif;
		}
		#sidebar a
		{
			display:block;
			margin: 0;
			padding: 5px;
			background-color: #f5f5f5;
			font-weight: bold;
			border-bottom: 1px solid rgb(50, 83, 125);
		}
		#sidebar a.item {
		border-left: 1em solid rgb(50,83,125);
		}

		#sidebar a:link, #sidebar a:visited
		{
			display:block;
			margin: 0;
			padding: 5px;
			color: rgb(50, 83, 125);
			text-decoration: none;
		}

		#sidebar a:hover,  #sidebar a:link#current, #sidebar a:visited#current
		{
			display:block;
			margin: 0;
			padding: 5px;
			background-color: rgb(50, 83, 125);
			color: #f5f5f5;
		}
		#content {
			margin-left: 200px;
			padding: 5px;
			background: white;
			color: black;
			border-left: 1pt solid  rgb(50, 83, 125);
		}
		#footer {
			padding: 1px 5px 1px 5px;
			margin: 0;
			font-size: 0.6em;
			background: rgb(213, 219, 225);
			border-bottom: 0.5pt solid rgb(50, 83, 125);
			border-top: 1pt solid rgb(50, 83, 125);
			color: rgb(50, 83, 125);	
  		clear: left;		
		}		
		DIV.GAUCHE {
		  clear: both;
		  margin: 0;
		  padding: 0;
		  width: 8em;
		  float:left;
		  font-size: 12pt;
		}
		DIV.GAUCHE P { margin: 5pt 2pt 2pt 2pt; background:red;}
		DIV.DROITE {
		   margin: 0;
		   padding: 0;
			 float:none;
			 margin-left: 8em;
			 margin-bottom: 1em;
		   font-size:12pt;

		}
}

@media screen, print{
		BODY {
		 padding: 0;
		 margin: 0;
		 background: #f5f5f5;
		 color: black;
  		 font-family: arial,helvetica,sans-serif;
		}

		#gallerycontent {
			margin-left: 0px;
			padding: 5px;
			background: white;
			color: black;
			border-left: 1pt solid  rgb(50, 83, 125);
		}
		
		


 		#header a {

				color: white;
		}
				#galleryheader {
					margin-left: 0px;
					padding: 1px;
						background: rgb(213, 219, 225);
    				font-size: 0.6em;
						color: rgb(50, 83, 125);
    				border-bottom: 1pt solid rgb(50, 83, 125);
						border-left: 1pt solid rgb(50, 83, 125);
		}

 		#galleryheader a {
				color: white;
		}
		
		/* Main header. */
h1 {
  background: #f5f5f5;
  color: black;
  border-style: solid;
  border-color: #d0d0d0;
  border-width: 1px;
  padding: 10px;
  margin-bottom: 30px;
  font-weight: bold;
  font-size: 110%;
  text-align: center;
}

/* Subtitle header. */
h2 {
  font-weight: bold;
  clear: none;
  font-size: 110%;
}

/* Another subtitle using another font-size then the subtitle. */
h3 {
  font-weight: bold;
  clear: none;
  font-size: 100%;
}
		

p {
  margin: 1.33em 0px;
  margin-left: 40px;
  margin-right: 40px;
}

a {
  background: transparent;
  color: rgb(50, 83, 125);
  text-decoration: underline;
		font-weight: normal;
}

a:hover {
  background: transparent;
  color: rgb(50, 83, 125);
  text-decoration: none;
	font-weight: normal;
}


pre.code {
  color: black;
  background: #f5f5f5;
  border: solid 2px black;
  font-family: monospace;
  white-space: pre;
  margin: 1.33em 0px;
  margin-left: 40px;
  margin-right: 40px;
  padding: 1.33em;
}

pre.debug {
  color: black;
  background: #ddddff;
  border: solid 2px black;
  font-family: monospace;
  white-space: pre;
  margin: 1.33em 0px;
  margin-left: 40px;
  margin-right: 40px;
  padding: 1.33em;
}


pre.text {
  color: black;
  background: #ddddff;
  font-family: monospace;
  white-space: pre;
  margin: 1.33em 0px;
  margin-left: 40px;
  margin-right: 40px;
  padding: 1.33em;
}
		
.album {
	clear:both;
	padding: 0px;
 	margin: 40px 20px 40px 20px;
}

.album img {
	padding: 0px;
 	margin: 0 20px 0 0;
}
img {
  border: none;
}

img.icon {
  float: left;
  margin: 5px;
}

H2.cv {border-bottom: 1pt solid black}


P.publi {
font-size: 8pt;
}
}