* { margin: 0; padding: 0; border: 0; }

body {
	text-align: center; /* centrage pour IE */
	font-family: arial, geneva, sans-serif;
	font-size: 11pt;
	color: #000;
	line-height: 1.15em;
	font-weight: normal;
	background: none;
	}
	

.noPrint,
#decoMauve,
#logoAccueil,
#enteteAccueil,
#entete,
ul#nav,
#recherche,
#diaporama,
#contenantAlbums,
ul#fonctions, 
ul.options,
#bt_options,
#navigImages, ul#navigPages,
#ajoutAlbumSucces, #ajoutAlbumEchec,
#bt_agrandir,
#bt_voirCarte,
#bt_etapeSuivante,
#outilUpload,
#footer,
input#rechBase, 
	input#rechAvanc, 
	input#rechGeo, 
	input#connecter,
	input#enregistrer,
	input#soumettre,
	input#refuser, 
	input#accepter,
	input#modifier,
	input#apercu, 
	input#creerCompte,
	input.annuler, 
	input.confirmer,
	input#envoyer,
	input#fermer,
	input#choisir,
	.highslide-caption,
	#bt_visionnerPhotos,
	#bt_chercherAvancee,
	#cadrePortraitHaut,
	#cadrePortraitBas,
	#cadrePaysageHaut,
	#cadrePaysageBas,
	img#timbre,
	ul#menuDroit,
	#btFermerPaysage,
	#btFermerPortrait, ul#ongletsDon,
	td.container
	  {display: none;}

img#logoPrint {margin: 15px 0;} 

#dropShadow {
	clear: left;
	margin: 0 auto; 
	width: 100%;
	background: none;
	}		

	
#contenant {
	clear: left;
	margin: 0 auto; 
	width: 100%;
	text-align: left;
	background: none;
	}
		
	
/* ---[ Entêtes de sections ]--------------------- */
	
#enteteSection {
	clear: both;
	width: 100%;
	margin: 0;
	}
	
	/*ie bug workaround - multi-class bug - target parent div instead of actual targetted div :-/ */
	#contenant .recherche,
	#contenant .renseignements,
	#contenant .aide,
	#contenant .dons,
	#contenant .gestion,
	#contenant .compte,
	#contenant .erreur,
	#contenant .albumsPartages
	 {
		width: 100%;
		background: none; 
		padding: 0;
		}
		
		#contenant .recherche p, #contenant .recherche a,
		#contenant .renseignements p,
		#contenant .gestion p,
		#contenant .compte p, #contenant .compte a,
		#contenant .albumsPartages p, #contenant .albumsPartages a {color: #000;}
		
	#enteteSection p {padding: 15px 0 0 0; font-size: 12pt; font-weight: bold; text-transform: uppercase;}

		
/* ---[ Contenu ]--------------------- */	


#contenu {
	float: left;
	width: 100%;
	text-align: left;
	color: #000;
	}

	/*ie bug workaround - multi-class bug - target parent div instead of actual targetted div :-/ */
	#contenant .large, div.msg, #contenant .themeVert, #contenant .themeGris { 
		width: 100%; 
		margin: 0;
		padding: 0;
		}
	
	

/* ---[ Page recherche ]--------------------- */

#rechercheAvancee {
	clear: both;
	position: relative;
	width: 881px;
	height: 298px;
	margin: 0;
	border: 1px #000 solid;
	font-size: 10pt;
	}

	#rechercheAvancee p {font-size: 11pt;}
	
	#motsCles {
		position: absolute;
		top: 3px; left: 3px;
		width: 811px;
		height: 75px;
		background: none;
		padding: 15px 32px;
		}
	
	#localisation {
		position: absolute;
		top: 108px; left: 3px;
		display: inline;
		width: 228px;
		height: 157px;
		background: none;
		padding: 15px 32px;
		}
		
		#selectionPays, #selectionRegion {margin: 0 0 15px 0;}
		
	#categorie {
		position: absolute;
		top: 108px; left: 295px;
		width: 237px;
		height: 172px;
		background: none;
		padding: 15px 30px 0 25px;
		}
	
	#orientation {
		position: absolute;
		top: 108px; left: 587px;
		width: 236px;
		height: 157px;
		background: none;
		padding: 15px 30px 15px 25px;
		}		
		



div.colGauche {float: left; width: 65%; margin: 0 0px 0 0;}
div.colDroite {float: right; width: 35%;}

/*recherche par géolocalisation*/

#champLieuGeo {
	float: left;
	clear: right;
	width: auto;
	margin: 0 0 15px 0;
	}

#champLieuGeo input#lieu {width: 365px; background: none; border: 1px #000 solid;}
#champLieuGeo input#submit {width: 77px; }

#rechercheGeo {
	clear: both;
	width: 805px;
	height: 380px;
	margin: 0;
	border: 1px #000 solid;
	padding: 4px;
	}

		
		
/* ---[ Pages Albums ]--------------------- */
		
#bt_couverture 	{
	float: left;
	width: 115px;
	margin: 0 43px 0 0;
	}
	
div.paysageCouv {	
	float: left;
	width: 58px;
	background: none;
	margin: 2px 0 0 0;
	padding: 2px 0 0 3px;
	}

div.portraitCouv {
	float: left;
	width: 47px;
	background: none;
	margin: 2px 0 0 0;
	padding: 2px 0 0 3px;
	}	

/* ---[ Fiche image ]--------------------- */

#contenantFiche {
	clear: both;
	float: left;
	position: relative;
	width: 100%;
	margin: 0;
	}

	#photoFiche {
	clear:both;
	width: 459px;
	text-align: center;
	}
	
	#cadrePortrait {margin: 0 auto; width: 279px; height: auto; padding: 4px; border: 1px #000 solid;  margin-top: 13px;}
	#cadrePaysage {margin: 0 auto; width: 449px; height: auto; padding: 4px; border: 1px #000 solid; margin-top: 13px;}
		#cadrePortrait img, #cadrePaysage img {vertical-align: middle;}
		
#detailsFiche {
	clear:both;
	width: 100%;
	color: #000;
	}
	
	#detailsFiche p {line-height: 20px;}
	#detailsFiche p.desc {line-height: 16px;}
	#detailsFiche h1 {
		font-size: 135%;
		font-weight: bold;
		}
		
	#bt_montrerCacher { 
		height: 15px;
		width: auto;
		display: block;
		color: #000;
		font-size: 11pt;
		text-transform: uppercase;
		font-weight: bold;
		text-decoration: none;
		margin: 15px 0 0 -20px;
		}	
		
		#bt_montrerCacher img {vertical-align: middle;}
	
#stats {
	float: left; width: 45%;
	font-size: 10pt;
	color: #000;
	}	

/* ---[ Don d'images ]--------------------- */

#contenantDon {
	clear: both;
	float: left;
	width: 867px;
	min-height: 467px;
	margin: 10px 0 25px 75px;
	}
	
	#photoDon {
		float: left;
		width: 288px;
		text-align: center;
		}
		
		.donPortrait {margin-top: 22px;}
		.donPaysage {margin-top: 22px;}
		
		#cadrePortraitDon {margin: 0 auto; width: 278px; height: 436px; padding: 4px; border: 1px #d9dadc solid;}
		#cadrePaysageDon {margin: 0 auto; width: 278px; height: 172px; padding: 4px; border: 1px #d9dadc solid;}

	#cadreFormDon {
		float: right;
		width: 569px;
		height: 436px;
		color: #000;
		padding: 0 4px 4px 4px; 
		border: none;
		border-top: none;
		}
		
		#form {
			width: 515px;
			height: 410px;
			background: none;
			padding: 13px 27px;
			}
			
			body#pageDonsTech #form {background: none; padding: 40px 27px 0 27px; height: 396px; }
			body#pageCarte #form {padding: 30px 27px 0 27px; height: 520px;}
			
	/* inutile d'imprimer ça
	ul#ongletsDon { 
		width: 579px;
		height: 27px;
		float: right;
		background: none;
		}
		
		ul#ongletsDon li {float: left; list-style: none; display: inline;}
		ul#ongletsDon li a {display: block; text-indent: 0; text-decoration: none;}
			
			
			ul#ongletsDon li#description a:link, ul#ongletsDon li#description a:visited {width: 97px; height: 27px; background: none; }
			ul#ongletsDon li#geolocalisation a:link, ul#ongletsDon li#geolocalisation a:visited {width: 114px; height: 27px; background: none }
			ul#ongletsDon li#infoTech a:link, ul#ongletsDon li#infoTech a:visited {width: 142px; height: 27px; background: none }
		
			*/

/* champs et mise en page du form*/			

form#donImage {font-size: 10pt;}
form#donImage p {font-size: 11pt;}

.asterisk {font-weight: bold; font-size: 16pt; color: #000;}

label {font-weight: bold;}

#champTitre {float: left; width: 100%;}
#champLocal {float: left; width: 100%; margin: 15px 0 0 0;}	

/*côté gauche*/
#champPhoto, #champPays {float: left; width: 236px; margin: 15px 28px 0 0;}	
#champTaille, #champType, #champDate, #champModele, #champX, #champY, #champCouleur,
#champXY, #champRatio, #champEncoAudio, #champTypeAudio, #champTauxEchan, #champImagette {float: left; clear: left; width: 220px; margin: 15px 0 0 0;}


/*côté droit*/
#champCat, #champCourrielPhoto, #champCourrielAyant {float: left; width: 251px; margin: 15px 0 0 0;}	
	
#champAyantdroit {float: left; width: 236px; margin: 15px 28px 0 0;}	

#champDescription, #champMotsCles {float: left; width: 100%; margin: 15px 0 0 0;}	

#champExpo, #champFenetre, #champProg, #champLentille, #champBlancs, #champFocal, #champOrientation,
#champEchantillon, #champEncodage, #champIps, #champFreqAudio, #champFormatAudio {float: right; width: 220px; margin: 15px 0 0 0;}

/*champs*/			
	#champTitre input, 	#champPays select, #champCat select, #champLocal input, #champPhoto input, #champCourrielPhoto input, #champAyantdroit input,
	#champCourrielAyant input, #champMotsCles input, #champTaille input, #champType input, #champModele input, #champX input, #champY input, #champExpo input,
	#champFenetre input, #champDate input, #champProg input, #champLentille input, #champBlancs input,
	#champXY input, #champRatio input, #champEncoAudio input, #champTypeAudio input, #champTauxEchan input, #champEchantillon input, 
	#champEncodage input, #champIps input, #champFreqAudio input, #champFormatAudio input {width: 100%;} 
		
	#champDescription textarea {width: 100%; height: 80px;}
	
	 

#note {float: left; width: 45%; margin: 5px 0 0 0; font-size: 11pt;}

#carteMonde {clear: both; float: left; width: 515px; height: 360px;}
	#map {border: 1px #000 solid;}

#btWrap  {
	clear: right; 
	float: right; 
	width: 155px; 
	height: 15px; 
	margin: 10px 0 0 0;  
	text-align: right;
	padding: 1px 0;
	}

/* ---[ Carte Virtuelle ]--------------------- */

#cadreCarte {
		float: right;
		width: 569px;
		height: auto;
		color: #1a1920;
		padding: 4px; 
		border: 1px #d9dadc solid;
		}

		.cartePortrait {bottom: 0; left: 0;}
		.cartePaysage {top: 21px; left: 0;}
		
/*Page aperçu de la carte*/

/*format Portrait*/

#apercuPortrait, #apercuPaysage {
	float: left;
	width: 100%;
	height: auto;
	background: none;
	}

	#apercuPhotoPortrait, #apercuPhotoPaysage {
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	text-align: left;
	}
	
	#apercuMsgPortrait, #apercuMsgPaysage {
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin-top: 15px;
	text-align: left;
	padding: 0;
	font-size: 11pt;
	}

	#apercuMsgPortrait p, #apercuMsgPaysage p {font-size: 10pt;}
	
	#infosImage {
		clear: both;
		float: left;
		width: 100%;
		text-align: left;
		}	
		

#logoCartePaysage, #logoCartePortrait {float: left; text-align: left; clear: both; width: 100%; height: 46px; margin: 10px 0;}
		
/* ---[ Hyperliens ]------------------------------- */

a:link, a:visited, a:hover, a:active,
#recherche a:link, #recherche a:visited, #recherche a:hover, #recherche a:active {
	color: #000;
	text-decoration: underline;
	font-size: 10pt;
	}

div#enteteSection a {text-decoration: none;}
		 				
/* ---[ Format du texte ]--------------------- */

p {
	font-size: 10pt;
	margin: 0 0 15px 0;
	line-height: 1.45em;
	}

h1 {
	font-size: 14pt;
	font-weight: bold;
	line-height: 1em;
	margin: 10px 0;
	}
	
	.themeVert h1 {color: #000; padding: 0 0 10px 0;}
	.themeJaune h1 {color: #000; padding: 0 0 10px 0;}
	
h2 {
	font-size: 12pt;
	font-weight: bold;
	margin: 20px 0 5px 0;
	line-height: 1em;	
	}
	
	#rechercheAvancee h2 {margin: 15px 0 5px 0;}

h3 {
	font-size: 11pt;
	font-weight: bold;
	color: #000;
	margin: 10px 0 5px 0;
	line-height: 1em;		
	}	
	
h3.maj {
	text-transform: uppercase;
	margin: 30px 0 10px 0;
	}
	
blockquote {
	font-size: 10pt;
	margin: 0 0 20px 15px;
	line-height: 1.45em;
	}	

.gris, .grisPale, .rouge, .txtAqua, .txtMauve, .txtVert {color: #000;}	

.petit {font-size: 10pt;}

#contenu ul, #contenu ol, div.msg ul, div.msg ol {padding: 0 0 0 25px; margin: 0 0 15px 0;}
#contenu ul li, #contenu ol li, div.msg ul li {font-size: 10pt; list-style-type: square;}
#contenu ol li, div.msg ol li {margin: 5px 0;}

#contenu dd, #contenu dt {font-size: 10pt;}
#contenu dt {font-weight: bold; line-height: 1.50em; }
#contenu dd {margin: 0 0 10px 0; line-height: 1.50em;}
#contenu dd p {
	font-size: 10pt;
	padding: 3px 0 5px 0;
	line-height: 1.50em;
	margin: 0;
	}

/* ---[ Listes ]--------------------- */

.colGauche ul li, .colDroite ul li {list-style: none; padding: 1px 0;}	


/* ---[ Tables ]--------------------- */	

table {
		clear: both;
		float: left;
		width: 100%;
		margin: 0;
		}
		
table th {margin: 0 0 15px 0;}		
table td {font-size: 10pt; padding: 2px; }	

/* ---[ Forms ]--------------------- */	

	fieldset {border: 0;}
	legend {
		font-size: 12pt;
		font-weight: bold;
		padding: 5px 0;
		line-height: 1em;
		}	

select#choixAlbums {display: inline; width: 150px; float: left;}
select#choixTaille {width: 100px; }
	


/* ---[ Éléments de formulaires ]--------------------- */

input, select {font-size: 11pt; border: 1px #73716b solid; }
textarea {font-family: arial, geneva, sans-serif; font-size: 10pt; border: 1px #73716b solid;}
			
input {padding: 1px;}	

input.radioCheck {border: 0; margin: 0 3px 0 0; vertical-align: middle;}


		

	
/* ---[ Éléments de décor ]--------------------- */
hr {
	color: #000; /* les deux pour faire plaisir à IE */
	background-color: #000;
	height: 1px;
	width: 100%;
	margin-bottom: 10px;
	}	
	
/* ---[ Admin ]--------------------- */	


/* ---[ Impression fiche descriptive ]--------------------- */	

body#impressionFiche {background: none;}	
body#impressionFiche #cadrePortrait {float: left; width: 278px; height: auto; padding: 4px; border: 1px #d9dadc solid;}
body#impressionFiche #cadrePaysage {float: left; width: 320px; height: auto; padding: 4px; border: 1px #d9dadc solid;}

#carteImpression {
	float: right;
	width: 215px;
	height: 185px;
	border: 1px #000 solid;
	}

#map div span {display: none;}

body#impressionFiche #contenant {width: 600px;}

body#impressionFiche #photoFiche {width: 600px; margin: 35px 0;}
body#impressionFiche #detailsFiche {
	clear: both; 
	float: left; 
	width: 600px; 
	height: auto;
	}