@CHARSET "UTF-8";
@media screen{
	body { 
		margin: 0; padding: 0; font-family: verdana, arial, "sans serif"; 
		font-size: 62.5%; color: black;
		background: white;
	}
	#onlyforprint{display: none;}
	.leon { clear: both; }
	
	h1 { font-size: 1.6em; color: #765173; border: none; }
	h2 { position: absolute; top: 0; left: -999em; }
	.adresse h2, .descriptif h2  { position: relative; top: auto; left: auto; font-size: 1.4em; color: #765173; }
	
	
	form { position: relative; margin: 0; padding: 0; font-size: 1em;  }
	form fieldset { 
		position: relative; margin: 0; padding: 10px; width: 360px; 
		border: none; background: #dcd4dc; border-top: 5px solid #745274; 
	}
	.colonne50 form fieldset { width: 330px; margin-bottom: 1.5em; }
	form legend { display: none; }
	.colonne50 form legend { display: block; font-size: 1.4em; font-weight: bold; color: #745274; }
	form p { position: relative; margin: 0.2em 0; font-size: 1.2em; }
	form ul { position: relative; margin: 0.2em 0.5em; padding: 0; list-style: none; }
	form p label {
		position:relative; width: 90px; margin-right: 10px; vertical-align: top;
		display: -moz-inline-box; display: inline-block;
		font-size: 1em; line-height:1.2em;
	}
	.colonne50 form p label { width: 110px; }
	form p label.radio { display: block; width: auto; }
	form p input, form p textarea, form p select { 
		position: relative; margin: 0; border: 1px solid #745274; padding: 2px; width: 250px; 
	}
	form p input { }
	form p textarea { height: 8em; margin-left: -4px; }
	form p select { width: 256px;  }
	.colonne50 form p input, .colonne50 form p textarea, .colonne50 form p select { width: 200px; }
	form p input:hover, form p textarea:hover, form p select:hover { background: #f5eef5; }
	form p input:focus, form p textarea:focus, form p select:focus { background: #ffffcc; border-color: red; }   
	/* tous les champs checkbox */
	form p input[type="checkbox"] { width: auto; }
	/* tous les champs radio */
	form p input[type="radio"] { width: auto; }
	
	/* bouton submit */
	form p.envoyer {
		position: relative; float: right; margin: -44px 30px 0 0; 
	}
	.colonne50 form p.envoyer { position: absolute; float: none; margin: 0 0 0 -125px; bottom: -80px; left: 50%; }
	form p.envoyer input {
		padding: 0; width: 250px; height: 44px; line-height: 44px; 
		background: url(../images/btn-envoyer2009.png); 
		border: none; cursor: pointer;
		color: white; font-weight: bold; font-size: 1.3em; text-transform: uppercase;
	}
	form p.envoyer input:hover { background-position: 0 -44px; color: white; }
	
	/* champs obligatoires */
	form > p.obligatoire { position: absolute; bottom: -2.4em; line-height: 2.4em; font-size: 1em; font-style: italic; }
	form fieldset p.obligatoire { font-weight: bold; }
	form .obligatoire label, form .obligatoire legend {	}
	form p.obligatoire input { }
	form p.obligatoire span { }
	form .obligatoire em.etoile_obligatoire  { position: absolute; top: 0; left: -999em; }
	
	#bulle_info {  }
	
	/* colonnage */
	.colonne50 { position: relative; float: left; margin: 5px; width: 330px; }
	
	#diaporama { position: relative; margin: 1em 0; }
	p#placeholder { position: relative; margin: 0; width: 330px; height: 220px; background: white; }
	p#placeholder a { position: relative; display: block; width: 330px; height: 220px;overflow: hidden; }
	p#placeholder img { border: none; width: 330px; }
	p#legende { margin: 0; line-height: 20px; height: 20px; font-style: italic; }
	#conteneurThumb {
		position: relative; margin: 0 15px; padding: 0; width: 300px; height: 60px; 
		overflow: hidden; 
	}
	#galerie_photo { position: absolute; top: 0; left: 0; margin: 0; padding: 0; list-style: none; }
	#galerie_photo li { position: relative; float: left; margin: 0; }
	#galerie_photo a {		
		display: block; width: 59px; height: 60px; overflow: hidden; 
		text-decoration: none;
		border-right: 1px solid white;
	}
	#galerie_photo img { border: none; min-height: 60px; }
	#galerie_photo .legende { position: absolute; top: 0; left: -999em; }
	
	.controls { 
		position: absolute; top: 240px; left: 0;
		display: block; width: 15px; height: 60px; 
		background-image: url(../images/fleches_galeries.png);
		background-repeat: no-repeat;
		background-color: #639194;
	}
	.controls.previous { background-position: 5px 24px; }
	.controls.next { right: 0; left: auto; background-position: -5px 24px; }
	.controls span { position: absolute; top: 0; left: -999em; }
}
@media print{
	 #onlyforprint{display: auto;}
}