@charset "UTF-8";

@media screen{
	p#chemin, #printPage { display: none; }
	
	#global #contenu { margin: 215px 10px 0 0; /*z-index: 10;*/ }
	
	.colonnes {
		position: relative; margin: 295px 0 0 0; overflow: auto;
		background: url(../images/f-colonnes.png) no-repeat;
	}
	#con_descriptif,
	#video,
	#actus {
		position: relative; float: left; display: block; margin: 10px;
	}
	#con_descriptif { width: 210px; line-height: 1.3em; }
	#con_descriptif p { margin-top: 0; }
	#video { width: 220px; }
	#actus { width: 210px; }
	#actus ul { margin: 0; padding: 0; list-style: none; }
	#actus li {  }
	#actus a {
		position: relative; display: block;
		margin-bottom: 1em; padding: 5px;
		color: black; text-decoration: none; font-size: 1.2em;
		border: 1px solid #bebcbc;
	}
	#actus a:hover { background: #c9b5b3; }
	#actus img { width: 205px; border: none; }
	#actus strong { display: block; }
	
	#coolShowcase {
		position: absolute; top: 0; left: 0;
		width: 700px; height: 275px; overflow: hidden;
	}
	#coolShowcase .decoShowcaseg,
	#coolShowcase .decoShowcased { position: absolute; top: 0; width: 5px; height: 275px; }
	#coolShowcase .decoShowcaseg { left: 0; background: url(../images/decoShowcase-g.png) no-repeat; }
	#coolShowcase .decoShowcased { right: 0; background: url(../images/decoShowcase-d.png) no-repeat; }
	#coolShowcase .decoShowcaseh,
	#coolShowcase .decoShowcaseb { position: absolute; left: 5px; width: 690px; height: 2px; }
	#coolShowcase .decoShowcaseh { top: 0; background: url(../images/decoShowcase-h.png) repeat-x; }
	#coolShowcase .decoShowcaseb { bottom: 0; background: url(../images/decoShowcase-b.png) repeat-x; }
	#coolShowcase .scroller {
		position: absolute; top: 0; left: 0; width: 700px; height: 275px; overflow: hidden;
	}
	#coolShowcase ul#content {
		position: absolute; top: 0; left: 0;
		margin: 0; padding: 0; list-style: none; width: 100000px; height: 275px;
	}
	#coolShowcase li { 
		position: relative; overflow:hidden; float:left; 
		display: block; width: 700px; height: 275px; 
	}
	#coolShowcase li a {
		position: relative; display: block; width: 700px; height: 275px; 
		text-decoration: none; color: black;
	}
	#coolShowcase .decoImageShowcase {
		position: absolute; top: 0; right: 0; display: block; width: 700px; height: 725px;
		background: url(../images/degradeImgShowcase.png) repeat-y;
	}
	#coolShowcase img { position: absolute; top: 0; left: 0; height: 275px; border: none; }
	#coolShowcase .txtShowcase {
		position: absolute; top: 15px; right: 20px;
		display: block; width: 300px;
		text-align: right;
	}
	#coolShowcase strong {
		position: relative; display: block; padding-bottom: 0.2em; margin-bottom: 0.2em;
		font-family: impact; font-size: 4em; color: #c30e00;
		text-transform: uppercase; line-height: 1em;
		border-bottom: 1px solid #c30e00;
	}
	#coolShowcase em {
		position: relative;
		font-size: 1.2em; font-weight: bold; color: #4b4342;
	}
	#coolShowcase #controls { position: absolute; bottom: 10px; left: 10px; }
	#controls a {
		position: relative; float: left; margin-right: 3px;
		display: block; width: 24px; height: 24px; line-height: 24px;
		font-size: 1.8em; font-weight: bold; color: #1f0b0a; text-decoration: none; text-align: center;
		background: url(../images/btnShowcase.png) no-repeat right top; 
	}
	#controls a:hover,
	#controls a.active { background-position: left top; color: #c30e00; }
}
@media print {
	p#chemin, #printPage, #video { display: none; }
	
	.colonnes {
		position: relative; margin: 0; overflow: auto;
	}
	#con_descriptif,
	#actus {
		position: relative; float: left; display: block; margin: 10pt; width: 45%;
	}
	#con_descriptif {  line-height: 1.3em; }
	#con_descriptif p { margin-top: 0; }
	#actus ul { margin: 0; padding: 0; list-style: none; }
	#actus li {  }
	#actus a {
		position: relative; display: block;
		margin-bottom: 1em; padding: 5px;
		color: black; text-decoration: none; font-size: 1.2em;
		border: 1px solid #bebcbc;
	}
	#actus a:hover { background: #c9b5b3; }
	#actus img { width: 100%; border: none; }
	#actus strong { display: block; }
	
	#coolShowcase {
		position: relative; margin: 1em 0 0 0;
		width: 700px; height: 275px; overflow: hidden;
	}
	#coolShowcase .decoShowcaseg,
	#coolShowcase .decoShowcased { position: absolute; top: 0; width: 5px; height: 275px; }
	#coolShowcase .decoShowcaseg { left: 0; background: url(../images/decoShowcase-g.png) no-repeat; }
	#coolShowcase .decoShowcased { right: 0; background: url(../images/decoShowcase-d.png) no-repeat; }
	#coolShowcase .decoShowcaseh,
	#coolShowcase .decoShowcaseb { position: absolute; left: 5px; width: 690px; height: 2px; }
	#coolShowcase .decoShowcaseh { top: 0; background: url(../images/decoShowcase-h.png) repeat-x; }
	#coolShowcase .decoShowcaseb { bottom: 0; background: url(../images/decoShowcase-b.png) repeat-x; }
	#coolShowcase .scroller {
		position: absolute; top: 0; left: 0; width: 700px; height: 275px; overflow: hidden;
	}
	#coolShowcase ul#content {
		position: absolute; top: 0; left: 0;
		margin: 0; padding: 0; list-style: none; width: 100000px; height: 275px;
	}
	#coolShowcase li { 
		position: relative; overflow:hidden; float:left; 
		display: block; width: 700px; height: 275px; 
	}
	#coolShowcase li a {
		position: relative; display: block; width: 700px; height: 275px; 
		text-decoration: none; color: black;
	}
	#coolShowcase .decoImageShowcase {
		position: absolute; top: 0; right: 0; display: block; width: 700px; height: 725px;
		background: url(../images/degradeImgShowcase.png) repeat-y;
	}
	#coolShowcase img { position: absolute; top: 0; left: 0; height: 275px; border: none; }
	#coolShowcase .txtShowcase {
		position: absolute; top: 15px; right: 20px;
		display: block; width: 300px;
		text-align: right;
	}
	#coolShowcase strong {
		position: relative; display: block; padding-bottom: 0.2em; margin-bottom: 0.2em;
		font-family: impact; font-size: 4em; color: #c30e00;
		text-transform: uppercase; line-height: 1em;
		border-bottom: 1px solid #c30e00;
	}
	#coolShowcase em {
		position: relative;
		font-size: 1.2em; font-weight: bold; color: #4b4342;
	}
	#coolShowcase #controls { position: absolute; bottom: 10px; left: 10px; }
	#controls a {
		position: relative; float: left; margin-right: 3px;
		display: block; width: 24px; height: 24px; line-height: 24px;
		font-size: 1.8em; font-weight: bold; color: #1f0b0a; text-decoration: none; text-align: center;
		background: url(../images/btnShowcase.png) no-repeat right top; 
	}
	#controls a:hover,
	#controls a.active { background-position: left top; color: #c30e00; }
}