@charset "UTF-8";

@media screen {
	.produits .metier { position: relative; margin: 0 0 4em 0; }
	.produits h2 { margin: 1.2em 0 0.3em 0;; font-size: 1.6em; font-weight: normal; font-family: Arial; color: #555859; }
	.produits p.deplier,
	.produits p.replier { position: absolute; top: -2px; right: 0; margin: 0; }
	.produits p.deplier a,
	.produits p.replier a {
		display: block; line-height: 24px; padding-right: 24px;
		font-size: 1.1em; color: #de353a; text-decoration: none;
		background: url(../images/boutons-plus-moins-orange.png) no-repeat right top;
	}
	.produits p.replier a { background-position: right bottom; }
	.produits p.deplier a:hover,
	.produits p.replier a:hover { text-decoration: underline; }
	.produits .produit {
		position: relative; margin-bottom: 1em;
		background: #e2dfcf;
	}
	.produits .produit .header { background: url(../images/produit-header.png) no-repeat left top; }
	.produits .produit .header h3 { 
		margin: 0 0 -0.5em 0; padding: 10px;
		font-size: 1.6em; font-weight: normal; color: #de353a; 
	}
	.produits .produit .header .chapo {
		margin: 0 10px; font-size: 1.4em; color: #555859;
	}
	.produits .produit .wrapper { position: relative; margin: 0 10px; font-size: 1.2em; color: black; }
	.produits .produit.closed .wrapper { /*position: absolute; top: 0; left: -999em;*/ display: none; }
	.produits .produit.opened .wrapper { /*position: relative; top: auto; left: auto;*/ display: block; }
	#contenu .produits .produit .wrapper a { color: #de353a; text-decoration: none; }
	#contenu .produits .produit .wrapper a:hover { text-decoration: underline; }
	.produits .produit .wrapper ul { clear: none; list-style-position: inside; list-style-type: circle; }
	.produits .produit .footer { height: 30px; background: url(../images/produit-footer.png) no-repeat left bottom; }
	#resultat.produits .produit .footer { background-image: url(../images/resultat-footer.png); }
	.produits .produit .footer p.interest { position: absolute; bottom: 0; left: 15px; margin: 0; }
	.produits .produit .footer p.open,
	.produits .produit .footer p.close { position: absolute; bottom: 0;  right: 18px; display: block; margin: 0; }
	.produits .produit.closed p.close { display: none; }
	.produits .produit.opened p.open { display: none; }
	.produits .produit .footer p.interest a,
	.produits .produit .footer p.open a,
	.produits .produit .footer p.close a {
		display: block; height: 19px; line-height: 19px;
		color: #de353a; text-decoration: none;
	}
	.produits .produit .footer p.interest a:hover,
	.produits .produit .footer p.open a:hover,
	.produits .produit .footer p.close a:hover { text-decoration: underline; }
	.produits .produit .footer p.interest a { padding: 0 0 0 25px; width: 130px; font-size: 1.2em; }
	.produits .produit .footer p.open a,
	.produits .produit .footer p.close a {
		height: 24px; line-height: 24px;
		padding: 0 20px 0 0; width: 135px; font-size: 1em; text-align: right; 
		background: url(../images/boutons-plus-moins-gris.png) no-repeat right top;
	}
	.produits .produit .footer p.close a { background: url(../images/boutons-plus-moins-gris.png) no-repeat right bottom; }
	
	.produits hr { margin: 0.5em 0; clear: both; background: white; color: white; height: 1px; border: none; }
	
	
	/*---------- images ----------*/
	.produits a.englobantimage, .produits span.englobantimage { display: table-cell; }
	.produits a.imageright, .produits span.imageright { margin: 0 0 1em 1em; }
	.produits a.imageleft, .produits span.imageleft { margin: 0 1em 1em 0; }
	.produits img { border: none; }
	
	#overlay {
		position: fixed; top: 0; left: 0; z-index: 90;
		width: 100%; height: 50px;
		background-color: #000;
		opacity: 0.6;
	}
	#messagePdt {
		position: absolute; top: 50%; left: 50%; z-index: 91;
		margin: -46px 0 0 -131px; padding: 10px; width: 250px; height: 80px;
		border: 1px solid #E2DFCF;
		-moz-border-radius: 10px;
		background: #E2DFCF;
		font-size: 1.4em; text-align: center;
	}
	#messagePdt a {
		display: block; margin: 1em auto;
		color: #EC7404; text-decoration: none;
	}
	#messagePdt a:hover { text-decoration: underline; }
}

@media print {
}