/* CSS Document */

	body{
		margin:0;
		padding:5px 0 0 0;
		background-image:none;
		background-color:#660202;
		background-image:url(images/fond-page.gif);
		background-repeat:no-repeat;
		background-position:center 20px;
		font-family:verdana;
		font-size:11px;
		color:#fff;
	}
	
	#global{
		margin:auto;
		width:768px;
		border:1px solid #fff;
	}
	
	a img{
		border:0;
	}
	
	form{
		margin:0;
	}
	
	.clear{
		clear:both;
		height:1px;
	}
	
	
	/*page présentation*/
	
	#logo{
		float:left;
		width:519px;
		border-right:1px solid #fff;
	}
	
	#hautDroite{
		float:left;
		width:248px;
		background-image:url(images/fond-contact.gif);
		background-repeat:no-repeat;
	}
	
	#contact{
		padding:0 0 0 112px;
		margin:0 0 36px 0;
	}
	
	#contact a img{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#contact a:hover img{
		filter:alpha(opacity=90); 
        -moz-opacity:0.9; 
        opacity:0.9;
	}
	
	#mesTravaux{
		padding:0 0 0 12px;
	}
	
	#presentationCentre{
		width:768px;
		margin:-1px 0 0 0;
		border-top:1px solid #fff;
		background-image:url(images/fond-presentation.jpg);
		background-repeat:no-repeat;
		background-position:0 bottom;
	}

	#presentation{
		float:left;
		width:519px;
		margin:-1px 0 0 0;
	}
	
	h1#titreRubrique{
		width:519px;
		height:32px;
		background-image:url(images/fond-titre.jpg);
		background-repeat:no-repeat;
		padding:42px 0 0 0;
		margin:0 0 22px 0;
	}
	
	#presentation p{
		margin:0 40px 15px 40px;
		padding:0;
	}
	
	.aGauche{
		float:left;
		margin:5px 15px 5px 0;
	}
	
	#travaux{
		float:left;
		width:246px;
		padding:0 1px 0 2px;
		margin:0 0 0 0;
	}
	
	#travaux ul{
		margin:0;
		padding:1px 0 1px 0;
		width:246px;
		list-style:none;
		background-image:url(images/bordure-travaux.gif);
		background-repeat:no-repeat;
		background-position:0 top;
		background-color:#fff;
	}
	
	#travaux ul li{
		margin:0;
		padding:0;
	}
	
	#travaux ul li a{
		display:block;
		width:187px;
		padding:7px 25px 7px 34px;
		background-color:#fff;
		background-image:url(images/bordure-travaux.gif);
		background-repeat:no-repeat;
		background-position:0 bottom;
		color:#660202;
		text-decoration:none;
		font-size:110%;
	}
	
	#travaux ul li a:hover{
		background-color:#760000;
		color:#fff;
	}
	
	#coordonnees{
		width:248px;
		height:103px;
		background-image:url(images/fond-bas-presentation.jpg);
		background-repeat:no-repeat;
		padding:10px 0 0 520px;
		text-align:center;
		color:#fff;
		margin:-1px 0 0 0;
	}
	
	#coordonnees p{
		margin:0;
		padding:0
	}
	/*fin page présentation*/
	
	
	
	/*page liste*/
	#texteContact{
		margin:-20px 0 11px 0;
		padding:0 15px 0 20px;
	}
	
	#contenuListe{
		width:768px;
		margin:-1px 0 0 0;
		background-image:url(images/fond-liste.jpg);
		background-repeat:no-repeat;
		background-position:346px 0;
		background-color:#730304;
		border-top:1px solid #fff;
	}
	
	#titreRubrique{
		float:left;
		width:358px;
		height:24px;
		padding:3px 20px 0 39px;
		margin:0 101px 0 0;
		font-size:130%;
		font-weight:bold;
		font-family:arial;
		color:#660202;
		background-image:url(images/titre-rubrique.gif);
		background-repeat:no-repeat;
	}
	
	#retourAccueil{
		float:left;
		width:250px;
	}
	
	#retourAccueil a img{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#retourAccueil a:hover img{
		filter:alpha(opacity=90); 
        -moz-opacity:0.9; 
        opacity:0.9;
	}
	
	#liste{
		float:left;
		width:348px;
		margin:10px 0 15px 0;
	}
	
	.compteur{
		width:348px;
		text-align:center;
		margin:8px 0 8px 0;
		color:#fff;
	}
	
	.compteur a{
		color:#fff;
		text-decoration:none;
	}
	
	.compteur a:hover{
		color:#fff;
		text-decoration:underline;
	}
	
	.pageActive{
		color:#c96a6a;
	}
	
	#galerie{
		width:348px;
		border-top:1px dotted #9f3d3e;
	}
	
	#galerie table td.case{
		width:115px;
		height:115px;
		border-bottom:1px dotted #9f3d3e;
		border-right:1px dotted #9f3d3e;
		text-align:center;
		background-color:#730304;
	}
	
	#galerie table td.caseSurvolee{
		width:115px;
		height:115px;
		border-bottom:1px dotted #9f3d3e;
		border-right:1px dotted #9f3d3e;
		text-align:center;
		background-color:#fff;
	}
	
	#galerie table td.caseActive{
		width:115px;
		height:115px;
		border-bottom:1px dotted #9f3d3e;
		border-right:1px dotted #9f3d3e;
		text-align:center;
		background-color:#c0080a;
	}
	
	#ficheOeuvre{
		float:left;
		width:420px;
		margin:39px 0 0 0;
	}
	
	#visuelOeuvre{
		text-align:center;
		width:420px;
	}
	
	#ficheOeuvre h1{
		margin:10px 0 8px 45px;
		font-size:140%;
		font-weight:bold;
		width:330px;
	}
	
	#ficheOeuvre p{
		margin:0 0 5px 45px;
		width:330px;
	}
	
	#prix{
		float:left;
		width:219px;
		padding:9px 0 0 45px;
		font-weight:bold;
		font-size:160%;
	}
	
	#interesse{
		float:left;
		width:120px;
		padding:0 0 10px 0;
	}
	
	#interesse a img{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#interesse a:hover img{
		filter:alpha(opacity=90); 
        -moz-opacity:0.9; 
        opacity:0.9;
	}
	/*fin page liste*/


	/*page contact*/
	
	#bandeauContact{
		width:768px;
		margin:-1px 0 0 0;
		height:74px;
		border-top:1px solid #fff;
		border-bottom:1px dotted #fff;
		background-image:url(images/fond-bandeau-contact.jpg);
		background-repeat:no-repeat;
	}
	
	#titreContact{
		float:left;
		width:518px;
		padding:43px 0 0 0;
	}
	
	#retourAccueilContact{
		float:left;
		width:250px;
	}
	
	#retourAccueilContact a img{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#retourAccueilContact a:hover img{
		filter:alpha(opacity=90); 
        -moz-opacity:0.9; 
        opacity:0.9;
	}
	
	#formulaire{
		margin:-1px 0 0 0;
		background-image:url(images/fond-formulaire.jpg);
		background-repeat:no-repeat;
	}
	
	#formulaireGauche{
		float:left;
		width:350px;
		padding:42px 0 0 63px;
	}
	
	#formulaireDroite{
		float:left;
		width:333px;
		padding:42px 0 0 0;
	}
	
	p.label{
		margin:0 0 2px 0;
		padding:0;
		font-size:110%;
	}
	
	p.champ{
		margin:0 0 8px 0;
		padding:0;
	}
	
	p.champ input, p.champ textarea{
		border:0;
		background-color:#fff;
		font-size:12px;
		font-family:verdana;
		color:#8e0a0a;
		padding:3px 4px 3px 4px;
	}
	
	p.confirmation{
		font-size:140%;
		font-weight:bold;
		text-align:center;
		padding:60px 0 150px 0;
		margin:0;
	}
	
	#envoyer{
		margin:0 0 25px 80px;
	}