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

html {
	background: #424b4c url(../images/bgAccueil.jpg) repeat-x top left;
	overflow: -moz-scrollbars-vertical; 
	min-height: 100%; 
	margin-bottom: 1px;
	}

body {
	text-align: center; /* centrage pour IE */
	font-family: arial, geneva, sans-serif;
	font-size: 76%;
	color: #1a1920;
	line-height: 1.15em;
	font-weight: normal;
	background: #424b4c url(../images/bgAccueil.jpg) repeat-x top left;
	behavior: url("/css/csshover.htc"); /*permet au :hover de fonctionner dans ie6*/
	}
	
	#pageAccueil {}
	#pageApercuCarte, #pageCarteGeo {background: #fff;}
	#pageDiapo {background: #000;}
	#impressionFiche {background: #fff;}
	 

.center {text-align: center;}
.right {float: right;}
.noshow {display: none;}
br {clear: both;}

/* ---[ Mise en page/Structure des pages ]--------------------- */

#dropShadow {
	clear: left;
	margin: 0 auto; 
	width: 1020px;
	background: url(../images/bg_contenant.png) repeat-y top center;
	}	
	
	#dropShadow {behavior: url("/css/iepngfix.htc");}	

#decoMauve { /*petit rectangle mauve à l'extérieur du cadre et collé contre la petite carte à gauche du logo*/
	position: absolute;
	left: 50%;
	margin: 49px 0 0 -510px;
	width: 8px;
	height: 26px;	
	background: url(../images/mauve.gif) no-repeat top center;
	}
	
	body#pageAccueil #decoMauve {height: 42px; margin: 90px 0 0 -511px;}
	
#contenant {
	clear: left;
	margin: 0 auto; 
	width: 1004px;
	min-height: 624px;	
	text-align: left;
	background: #fff;
	}
	
#logoAccueil {
	position: relative;  /*There's a bug that sometimes prevents interaction with links when a PNG background image is used.*/
	float: left;
	margin: 20px 0 0 24px;
	}	

#recherche {
	float: right;
	width: 327px;
	height: 35px;
	font-size: 85%;
	margin: 9px 24px 40px 0;
	}	
	
	/*l'exception */ #pageAccueil #recherche { margin: 9px 0 0 0;}
		
/* Page d'accueil seulement*/



a#btnRss:link, a#btnRss:visited {
	display: block;
	width: 21px;
	height: 23px;
	float: left; 
	margin: 0 5px 0 0;
	background: url(../images/bt_rss.gif) no-repeat 0 0;
	}
	
	a#btnRss:hover, a#btnRss:active {background-position: 0 -25px;}
	
	a#btnRss span {display: none;}
	
a#btnTwitter:link, a#btnTwitter:visited {
	display: block;
	width: 21px;
	height: 22px;
	float: left; 
	margin: 0 5px 0 0;
	background: url(../images/bt_twitter.gif) no-repeat 0 0;
	}
	
	a#btnTwitter:hover, a#btnTwitter:active {background-position: 0 -25px;}
	
	a#btnTwitter span {display: none;}	



#newsFeed {
	float: right;
	width: 350px;
	min-height: 45px;
	padding: 0 0 0 72px;
	margin: 20px 33px 0 0;
	background: url(../images/fr/bg_nouvelleAccueil.gif) no-repeat;
	overflow: visible;
	}
	
	#newsFeed p {font-size: 85%; line-height: 1.2em; margin:0;}
	
	#newsFeed a:link {text-decoration: underline; color: #5b5b5b;}
	
	#newsFeed a:link, #newsFeed a:visited {text-decoration: none; border-bottom: 1px #d2d2d2 solid; padding: 1px 1px 0 1px;}
		#newsFeed a:hover, #newsFeed a:active {border-bottom: 1px #5b5b5b solid;}
	
	



#diaporama { /*pour le fonctionnement du slideshow à l'intérieur, voir functions.css*/
	float: left;
	display: inline; /*à cause de ie6*/
	width: 459px;
	height: 380px;
	margin: 33px 0 0 65px;
	}
	
#contenantAlbums {
	position: relative;
	float: right;
	width: 480px;
	height: 278px;
	background: url(../images/bg_contenantAlbums.gif) repeat-x bottom left;
	margin: 35px 0 0 0;
	vertical-align: middle;
	}	

	table#albumsAccueil {
		position: absolute;
		bottom: 40px; left: 17px;
		width: 444px;
		height: auto;
		z-index: 9;
		}

	table#albumsAccueil td {vertical-align: bottom; padding: 0 15px 3px 0;}
	table#albumsAccueil td.titre {padding-left: 8px; vertical-align: top; font-size: 10px;}
		
		div.albumBoxHaut {
			clear: both;
			width: 109px;
			height: auto;
			background: url(../images/cadreAlbumThumbHaut.gif) no-repeat 0 0;
			padding: 4px 12px 0 12px;
			}
			
		div.albumBoxBas {
			clear: both;
			width: 133px;
			height: 12px;
			background: url(../images/cadreAlbumThumbBas.gif) no-repeat 0 0;
			}
			
	table { 
			clear: both;
			float: left;
			width: 883px;
			margin: 0 0 15px 60px;
			font-size: 105%;
			}
			
		
		
/* ---[ Barre de navigation principale ]--------------------- */

ul#nav {
	float: left;
	list-style: none;
	width: 635px;
	height: 22px;
	margin: 5px 0 0 17px;
	padding: 8px 0 0 0;
	line-height: 14px;
	position:relative; z-index: 800; /*because IE6 is useless crap*/
	}
	
	body#pageAccueil ul#nav {width: 633px; margin: 4px 0 0 44px;}

ul#nav li {
	float: left; /*For Gecko*/
	display: inline;
	list-style: none;
	position: relative;
	}
	
	/* remove annoying dotted box in Firefox */
	ul#nav li a:focus, ul#menuUtil li a:focus {outline: none;}

ul#nav ul.subnav { /*sous-menu*/
	width: 130px;
	height: auto;
	list-style: none;
	display: none;
	position: absolute;
	top: 14px;
	left: 0;
	background: url(../images/bg_subnav.gif) no-repeat bottom left;
	padding: 10px 5px 10px 15px;
	font-size: 10px;
	}


ul#nav ul:after /*From IE 7 lack of compliance*/{
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
	}

ul#nav ul li {
	width: 130px;
	float: left; /*For IE 7 lack of compliance*/
	display: block !important;
	display: inline; /*For IE*/
	margin: 2px 0;
	white-space: nowrap;
	}

/*1er niv*/

ul#nav li a { /*boutons 1er niv */
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	text-align: left;
	text-decoration: none;
	height: auto !important;
	height: 1%; /*For IE*/
	text-indent: -9999px;
	}

	/*definition de chaque bouton dans fr_ ou en_specific.css
	

/*Hyperliens 2e niv*/
ul#nav li:hover li a,  /*hyperlien boutons 2e niv couleur du lien*/
ul#nav li.iehover li a {float: none; color: #413e3e; background: none;}

/*Hyperliens 2e niv - rollover */
ul#nav li:hover li a:hover, 
ul#nav li:hover li:hover a,
ul#nav li.iehover li a:hover,
ul#nav li.iehover li.iehover a {color: #4a7908; background: none;}

ul#nav ul ul {
	display: none;
	position: absolute;
	top: 0;
	left: 400px;
	}

ul#nav li:hover ul ul,/* Pas touche! - Doit être placé avant display:block - pour Gecko */
ul#nav li.iehover ul ul {display: none;}

ul#nav li:hover ul,
ul#nav ul li:hover ul,
ul#nav li.iehover ul,
ul#nav ul li.iehover ul {display: block;}


/* ---[ Menu utilitaire ]--------------------- */

ul#menuUtil {
	position: absolute;
	right: 25px; top: 21px;
	list-style: none;
	width: 400px;
	height: 10px;
	}

ul#menuUtil li {
	float: right; /*For Gecko*/
	display: inline;
	list-style: none;
	position: relative;
	color: #3c3939;
	font-size: 85%;
	font-weight: bold;
	line-height: 100%;
	background: url(../images/bg_li_menuUtil.gif) no-repeat top left; 
	padding: 0 0 0 9px; 
	margin-right: 6px;
	}
	
	ul#menuUtil li#bonjour, ul#menuUtil li#creer {background: none; }
	ul#menuUtil li#langue { }
	ul#menuUtil li#monCompte, ul#menuUtil li#meConnecter, ul#menuUtil li#gestion {margin-right: 10px;}
	ul#menuUtil li#aide {background: url(../images/bg_li_menuUtilLg.gif) no-repeat top left; padding: 0 0 0 16px;}

ul#menuUtil ul.menuUtilSubnav { /*sous-menu*/
	width: 137px;
	height: auto;
	list-style: none;
	display: none;
	position: absolute;
	top: 10px; left: 1px;
	background: url(../images/bg_menuUtilSubnav.gif) no-repeat bottom left;
	padding: 5px 5px 10px 8px;
	z-index: 999;
	}
	
ul#menuUtil ul.menuUtilSubnav li {font-size: 10px; font-weight: normal; background: none; padding: 0;}	

ul#menuUtil ul:after /*From IE 7 lack of compliance*/{
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
	}

ul#menuUtil ul li {
	width: 125px;
	float: left; /*For IE 7 lack of compliance*/
	display: block !important;
	display: inline; /*For IE*/
	margin: 2px 0;
	line-height: 14px;
	font-size: 100%;
	}
	
/*1er niv*/

ul#menuUtil li a { /*boutons 1er niv */
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	text-align: left;
	text-decoration: none;
	height: auto !important;
	height: 1%; /*For IE*/
	}

/*Hyperliens 2e niv*/
ul#menuUtil li:hover li a,  /*hyperlien boutons 2e niv couleur du lien*/
ul#menuUtil li.iehover li a {float: none; color: #413e3e; background: none;}

/*Hyperliens 2e niv - rollover */
ul#menuUtil li:hover li a:hover, 
ul#menuUtil li:hover li:hover a,
ul#menuUtil li.iehover li a:hover,
ul#menuUtil li.iehover li.iehover a {color: #27a5a9; background: none;}

ul#menuUtil ul ul {
	display: none;
	position: absolute;
	top: 0;
	left: 400px;
	}

ul#menuUtil li:hover ul ul,/* Pas touche! - Doit être placé avant display:block - pour Gecko */
ul#menuUtil li.iehover ul ul {display: none;}

ul#menuUtil li:hover ul,
ul#menuUtil ul li:hover ul,
ul#menuUtil li.iehover ul,
ul#menuUtil ul li.iehover ul {display: block;}	
	
/* ---[ Entêtes de sections ]--------------------- */
	
#enteteSection {
	clear: both;
	position: relative;
	width: 883px;
	height: 36px;
	margin: 0 0 0 60px;
	}
	
	/*voir definition de chaque entête dans fr_ ou en_specific.css*/
	
	#contenant .recherche p, #contenant .recherche a {color: #3d3684;}
		
	#contenant .renseignements p {color: #608134;}
		
	#contenant .compte p, #contenant .compte a,
	#contenant .mesImages p, #contenant .mesImages a {color: #2da7ab;}
		
	#contenant .albumsPartages p, #contenant .albumsPartages a,
	#contenant .gestion p, #contenant .gestion a {color: #608134;}
	
	#enteteSection p {padding: 15px 0 0 0; font-size: 100%; font-weight: bold;}

/* ---[ Menu Fonctions ]--------------------- */
		
ul#fonctions {
	float: right;
	clear: right;
	width: 730px;
	height: 23px;
	margin: -8px 60px 10px 0;
	font-size: 85%;
	}
	
	ul#fonctions.short {width: 400px;}
	ul#fonctions.wide {width: 880px;}
	
	ul#fonctions.noIndent {margin: -8px 54px 10px 0;}
	
ul#fonctions li {float: right; list-style: none; display: inline; }
	
ul#fonctions li a:link, ul#fonctions li a:visited {height: 23px; display: block; color: #3b3b3d; text-decoration: none;}
ul#fonctions li a:hover, ul#fonctions li a:active {text-decoration: underline;}	

ul#fonctions li#ajouterAlbum a:link, ul#fonctions li#ajouterAlbum a:visited {
	background: url(../images/bt_albumAjouter.gif) no-repeat top left; 
	padding: 2px 14px 0 24px;
	}
	
ul#fonctions li#carteVirtuelle a:link, ul#fonctions li#carteVirtuelle a:visited {
	background: url(../images/bt_albumCarte.gif) no-repeat top left; 
	padding: 2px 14px 0 28px;
	}
	
ul#fonctions li#supprimer a:link, ul#fonctions li#supprimer a:visited {
	background: url(../images/bt_albumSupprimer.gif) no-repeat top left; 
	padding: 2px 14px 0 26px;
	}

ul#fonctions li#imprimer a:link, ul#fonctions li#imprimer a:visited {
	background: url(../images/bt_albumImprimer.gif) no-repeat top left; 
	padding: 2px 14px 0 23px;
	}
	
ul#fonctions li#telecharger a:link, ul#fonctions li#telecharger a:visited {
	background: url(../images/bt_albumTelecharger.gif) no-repeat top left; 
	padding: 2px 14px 0 23px;
	}	

ul#fonctions li#creerAlbum a:link, ul#fonctions li#creerAlbum a:visited {
	background: url(../images/bt_albumCreer.gif) no-repeat top left; 
	padding: 2px 14px 0 24px;
	}		

ul#fonctions li#voirDiapo a:link, ul#fonctions li#voirDiapo a:visited {
	background: url(../images/bt_albumDiapo.gif) no-repeat top left; 
	padding: 2px 0 0 25px;
	}	

ul#fonctions li#donImage a:link, ul#fonctions li#donImage a:visited {
	background: url(../images/bt_donImage.gif) no-repeat top left; 
	padding: 2px 14px 0 24px;
	}	

ul#fonctions li#editer a:link, ul#fonctions li#editer a:visited {
	background: url(../images/bt_editer.gif) no-repeat top left; 
	padding: 2px 12px 0 21px;
	}	
	
ul#fonctions li#infos a:link, ul#fonctions li#infos a:visited {
	background: url(../images/bt_details.gif) no-repeat top left;
	padding: 2px 13px 0 24px;
	}	
	
ul#fonctions li#addThis a:link, ul#fonctions li#addThis a:visited {
	background: url(../images/bt_addThis.gif) no-repeat top left;
	padding: 2px 14px 0 22px;
	}	
	
ul#fonctions li#rss a:link, ul#fonctions li#rss a:visited {
	background: url(../images/bt_abonnerRSS.gif) no-repeat top left; 
	padding: 2px 14px 0 24px;
	}

ul#fonctions li#twitter a:link, ul#fonctions li#twitter a:visited {
	background: url(../images/bt_twitter.gif) no-repeat top left; 
	padding: 2px 14px 0 24px;
	}

ul#fonctions li#embedVideo a:link, ul#fonctions li#embedVideo a:visited {
	background: url(../images/bt_embedVideo.gif) no-repeat top left; 
	padding: 2px 14px 0 24px;
	}
	
	/*État ON*/
	ul#fonctions li#ajouterAlbum a:hover, ul#fonctions li#ajouterAlbum a:active,
	ul#fonctions li#carteVirtuelle a:hover, ul#fonctions li#carteVirtuelle a:active,
	ul#fonctions li#supprimer a:hover, ul#fonctions li#supprimer a:active,
	ul#fonctions li#imprimer a:hover, ul#fonctions li#imprimer a:active,
	ul#fonctions li#telecharger a:hover, ul#fonctions li#telecharger a:active,
	ul#fonctions li#creerAlbum a:hover, ul#fonctions li#creerAlbum a:active,
	ul#fonctions li#voirDiapo a:hover, ul#fonctions li#voirDiapo a:active,
	ul#fonctions li#donImage a:hover, ul#fonctions li#donImage a:active,
	ul#fonctions li#editer a:hover, ul#fonctions li#editer a:active,
	ul#fonctions li#infos a:hover, ul#fonctions li#infos a:active,
	ul#fonctions li#addThis a:hover, ul#fonctions li#addThis a:active,
	ul#fonctions li#rss a:hover, ul#fonctions li#rss a:active,
	ul#fonctions li#twitter a:hover, ul#fonctions li#twitter a:active,
	ul#fonctions li#embedVideo a:hover, ul#fonctions li#embedVideo a:active {background-position: 0 -25px;}
	
		
/* ---[ Contenu ]--------------------- */	


#contenu {
	float: left;
	width: 578px;
	/*min-height: 310px;*/
	text-align: left;
	/*font-size: 100%;*/
	color: #1a1920;
	padding: 0 85px 0 0;
	}

	/*ie bug workaround - multi-class bug - target parent div instead of actual targetted div :-/ */
	#contenant .large { 
		width: 798px; 
		margin: 20px 0 0 60px; 
		}
	
	div.msg { 
		clear: both;
		margin: 0 auto;
		width: 883px; 
		}	

	#contenant .themeVert {
		width: 620px; 
		min-height: 295px;
		background: url(../images/decoVert.jpg) no-repeat top left;
		margin: 0 0 0 60px;
		padding: 0 85px 0 178px;
		margin-top: 35px;
		}
		
	#contenant .themeGris {
		width: 620px; 
		min-height: 295px;
		background: url(../images/decoGris.jpg) no-repeat top left;
		margin: 0 0 0 60px;
		padding: 0 85px 0 178px;
		margin-top: 35px;
		}	

/*page aide*/		
ul#menuDroit {
	float: left;
	width: 192px;
	min-height: 310px;
	border-right: 1px #b0b1b5 solid;
	margin: 35px 26px 0 60px;
	text-align: right;
	}
	
	ul#menuDroit  li {list-style: none; margin: 0 12px 8px 0; line-height: 13px;}
	
	ul#menuDroit li a:link, ul#menuDroit li a:visited {color: #413e3e; font-weight: bold; text-decoration: none; padding: 0 15px 0 0; display: block;}
	ul#menuDroit li a:hover, ul#menuDroit li a:active {background: url(../images/bg_menuDroit_on.gif) no-repeat right 50%; }

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

#rechercheAvancee {
	clear: both;
	position: relative;
	width: 881px;
	min-height: 326px;
	margin: 42px 0 0 60px;
	border: 1px #d9dadc solid;
	font-size: 90%;
	background: #fff;
	}
	
	#wrapForm {width: 875px; margin: 3px; min-height: 320px; padding-bottom: 15px; background: #edebe7;}

	#rechercheAvancee p {font-size: 100%;}
	
	#motsCles {
		position: absolute;
		top: 3px; left: 3px;
		width: 831px;
		height: 75px;
		background: #dcd9d3;
		padding: 15px 22px;
		}
	
	#localisation {
		position: absolute;
		top: 108px; left: 3px;
		width: 228px;
		background: url(../images/sep_rechercheAvancee.gif) no-repeat right 35px;
		padding: 5px 22px;
		}
		
		#selectionPays, #selectionRegion {margin: 0 0 15px 0;}
		
		select#critere_pays, select#critere_region {width: 225px;}
		
	#categorie {
		position: absolute;
		top: 108px; left: 285px;
		width: 315px;
		background: url(../images/sep_rechercheAvancee.gif) no-repeat right 35px;
		padding: 5px 10px 5px 10px;
		}
		
		#categorie fieldset{border:none}
		  #categorie fieldset.checkboxes ul{width: 30em; list-style-type: none; float: left; margin: 10px 0 0 0;}
			#categorie fieldset.checkboxes li {width: 14em; float: left; margin: 2px 0;}
			#categorie fieldset.checkboxes input{float:left; width: 2em; margin: 0;}
			#categorie fieldset.checkboxes label{float:left; clear: right; width: 130px; line-height: 1; font-weight: normal; padding: 1px 0 0 0;}
	
	#orientation {
		position: absolute;
		top: 108px; left: 612px;
		width: 241px;
		padding: 5px 0 5px 25px;
		}		
		
#bt_chercherAvancee {
		float: left;
		vertical-align: middle; 
		margin: 0 0 3px 12px;
		}

		#bt_chercherAvancee a:link, #bt_chercherAvancee a:visited {
			display: block; 
			background: url(../images/bt_chercherAvancee.gif) no-repeat top center; 
			width: 77px; 
			height: 15px; 
			text-indent: -9999px;
			}
		#bt_chercherAvancee a:hover, #bt_chercherAvancee a:active {background-position: 0 -15px;}		

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


/*recherche par géolocalisation*/

#champLieuGeo {
	float: left;
	clear: both;
	width: 700px;
	margin: 20px 0 15px 75px;
	vertical-align: middle;
	}

#champLieuGeo input#lieu {width: 365px; background: #e8e8e8; border: 1px #c2c3bd solid; margin: 0 0 0 5px;}

#champLieuGeo input#searchImages, #champLieuGeo input#searchVideos {margin: 0 5px;}

#rechercheGeo {
	clear: both;
	width: 805px;
	height: 395px;
	margin: 0px 0 0 75px;
	border: 1px #d9dadc solid;
	padding: 4px;
	}
	
	#rechercheGeoLg { /*full size*/
	clear: both;
	width: 960px;
	height: 630px;
	margin: 0px 0 0 15px;
	border: 1px #d9dadc solid;
	padding: 4px;
	}
	 			
		
/* ---[ Pages Albums ]--------------------- */

#navigImages {
	position: absolute;
	bottom: 3px; right: 188px;
	width: 95px; 
	}
	
	#navigImages img {border: 1px #b0b1b5 solid; margin: 0 3px 0 2px;}
	
	#navigImages img.on {border: 2px #6BC8CB solid;}
	
ul#navigPages {
	position: absolute;
	bottom: 7px; right: 0;
	list-style: none;
	min-width: 130px; 
	height: 19px; 
	font-size: 85%;
	}

ul#navigPgBas {/*pagination situé au bas de la page*/
	float: right;
	list-style: none;
	min-width: 130px; 
	height: 19px; 
	font-size: 85%;
	margin-top: 3px;
	}
		
	ul#navigPages li, ul#navigPgBas li {float: right; list-style: none; display: inline;}/*aligner par la droite et inverser l'ordre des li*/
	
			li.bt_precedentVert a:link, li.bt_precedentVert a:visited {
				display: block;
				background: url(../images/bt_precedentVert.gif) no-repeat 0 0; 
				width: 20px; 
				height: 19px; 
				text-indent: -9999px;
				margin-top: 2px;
				}
				
			li.bt_precedentVert a:hover, li.bt_precedentVert a:active {background-position: 0 -25px;}	
				
			li.bt_suivantVert a:link, li.bt_suivantVert a:visited {
				display: block;
				background: url(../images/bt_suivantVert.gif) no-repeat 0 0; 
				width: 20px; 
				height: 19px; 
				text-indent: -9999px;
				margin-top: 2px;
				}
			li.bt_suivantVert a:hover, li.bt_suivantVert a:active {background-position: 0 -25px;}
			
		li.pagination {margin: 0 3px; vertical-align: baseline; padding: 3px 0 0 0;}
			
			li.bt_precedentAqua a:link, li.bt_precedentAqua a:visited {
				display: block;
				background: url(../images/bt_precedentAqua.gif) no-repeat 0 0; 
				width: 20px; 
				height: 19px; 
				text-indent: -9999px;
				margin-top: 2px;
				}
				
			li.bt_precedentAqua a:hover, li.bt_precedentAqua a:active {background-position: 0 -25px;}	
		
			li.bt_suivantAqua a:link, li.bt_suivantAqua a:visited {
				display: block;
				background: url(../images/bt_suivantAqua.gif) no-repeat 0 0; 
				width: 20px; 
				height: 19px; 
				text-indent: -9999px;
				margin-top: 2px;
				}
			li.bt_suivantAqua a:hover, li.bt_suivantAqua a:active {background-position: 0 -25px;}
			
			li.bt_precedentMauve a:link, li.bt_precedentMauve a:visited {
				display: block;
				background: url(../images/bt_precedentMauve.gif) no-repeat 0 0; 
				width: 20px; 
				height: 19px; 
				text-indent: -9999px;
				margin-top: 2px;
				}
				
			li.bt_precedentMauve a:hover, li.bt_precedentMauve a:active {background-position: 0 -25px;}	
		
			li.bt_suivantMauve a:link, li.bt_suivantMauve a:visited {
				display: block;
				background: url(../images/bt_suivantMauve.gif) no-repeat 0 0; 
				width: 20px; 
				height: 19px; 
				text-indent: -9999px;
				margin-top: 2px;
				}
			li.bt_suivantMauve a:hover, li.bt_suivantMauve a:active {background-position: 0 -25px;}
			
			
		/* Flèche de la première et dernière page */		
			
			li.bt_premier {
				display: block;
				background: url(../images/bt_premier.gif) no-repeat 0 0; 
				width: 20px; 
				height: 19px; 
				text-indent: -9999px;
				margin-top: 2px;
				}
				
			li.bt_dernier {
				display: block;
				background: url(../images/bt_dernier.gif) no-repeat 0 0; 
				width: 20px; 
				height: 19px; 
				text-indent: -9999px;
				margin-top: 2px;
				}

/*pagination au bas de la page*/

#pagBas {
	width: 883px; 
	height: 40px;
	clear: both;
	float: right;
	margin: 0 60px 0 0;
	}



		
#bt_options {
	float: left;
	
	width: 120px;
	height: 23px;
	color: #3b3b3d;
	margin: -8px 20px 15px 60px;
	font-size: 85%;
	}	
	
	#bt_options.en {width: 96px;}

		#bt_options a:link, #bt_options a:visited {
			display: block; 
			background: url(../images/bt_optionsAffichage.gif) no-repeat top left; 
			width: 100px; 
			height: 23px; 
			padding: 2px 0 0 22px;
			text-decoration: none;
			}
			
		#bt_options a:hover, #bt_options a:active {background-position: 0 -25px;}


/*Sélect de tri*/

#bt_optionsTri {
	float: left;
	width: 250px;
	height: 23px;
	color: #3b3b3d;
	margin: -8px 0 15px 0;
	font-size: 85%;
	}
	
/**** Select Box Styles *****/


/*Liste des médias - Pour la présentation de résultats de recherche */

table#thumbnails { 
	clear: both;
	float: left;
	width: 848px;
	margin: 35px 0 15px 80px;
	
	}		
	
	table#thumbnails td {width: 115px; vertical-align: bottom; }

	table#thumbnails td.thumbDetails {height: 130px; vertical-align: top; }
		td.thumbDetails p {line-height: 130%; margin: 0 0 5px 0;}
	table#thumbnails td.thumbDetailsAuto {height: auto; padding-bottom: 15px;}

	div.nbMedia {clear: both; width: 100%;}
		td.titre div.nbMedia {margin-top: 5px;}
	img.icon {vertical-align: baseline; margin: 0 4px;}
		img.icon.first {margin: 0 4px 0 0;}
	
	table.thumb { 
		clear: both;
		float: left;
		width: 115px;
		position: relative; /*for hoverbox effect*/
		
		}
		
	table.thumb td {vertical-align: bottom; padding: 0 9px 0 0; color: #242425;}
	
/*Liste d'albums*/

	table#thumbnails.albums { margin: 35px 0 15px 60px;}		
	table#thumbnails.albums table.thumb td.thumbDetails {height: 100px; vertical-align: top; padding: 0 12px;}
	table#thumbnails.albums table.thumb td {padding: 0 10px 0 0;}
		
/*Liste des médias - Gestion du contenu des albums - permet nouvelle fonction drag/sort */

ul#thumbList { 
		clear: both;
		float: left;
		width: 848px;
		margin: 15px 0 15px 80px;
		list-style-type:none; 
		}
		ul#thumbList li { float:left; margin: 0 15px 15px 0; width:115px; height:300px;  /*background: #efefef;*/ }
		
		.placeHolder div { background-color:white !important; border:dashed 1px gray !important; min-height:290px;}


	div.imgBox {	
			position: relative;
			clear: both;
			width: 115px;
			height: 170px; line-height: 170px;
			overflow: hidden;
			}
			
			div.imgBox img {position: absolute; bottom: 0; right: 0; border: 1px solid #A8AAAB; padding: 2px;}
			
			/*merge these 2*/
			div#nouvAlbum img, div.albumBoxHaut img {vertical-align: middle; }
	
		
		/*if video, overlay image over thumbnail*/
		
		img.video, div.imgBox img.video {
			position: absolute;
			bottom: 5px;
			left: 5px;
			border: 0;
			}
		
		div.imgBox img.videoTraitement {
			position: absolute;
			bottom: 28px;
			left: 14px;
			}

		img.videoFiche {
			position: absolute;
			bottom: 15px;
			right: 15px;
			}
		
		img.videoLg {
			position: absolute;
			bottom: 9px;
			left: 9px;
			}


/*icones sous les thumbnails d'albums/images - À NE PAS CONFONDRE avec les fonctions dans l'entête. */	

ul.options, ul#thumbList ul.options {
	float: right;
	clear: both;
	width: 109px;
	height: 18px;
	margin: 8px 5px 5px 0;	
	}
	
	ul.options li, ul#thumbList li ul.options li {
	float: right; 
	display: inline;
	list-style: none;
	margin: 0 0 0 3px;
	height: 18px;
	width: auto;
	}

	ul.options li a, ul#thumbList li ul.options li a {display: block; text-indent: -9999px; text-decoration: none;}
	
	/*Boutons icones*/
	ul.options li.details a:link, ul.options li.details a:visited, ul#thumbList li ul.options li.details a:link, ul#thumbList li ul.options li.details a:visited {width: 21px; height: 19px; background: url(../images/bt_icoDetails.gif) no-repeat 0 0; }
	ul.options li.editer a:link, ul.options li.editer a:visited, ul#thumbList li ul.options li.editer a:link, ul#thumbList li ul.options li.editer a:visited {width: 18px; height: 18px; background: url(../images/bt_icoEditer.gif) no-repeat 0 0; margin: 0 5px 0 0;}
	ul.options li.supprimer a:link, ul.options li.supprimer a:visited, ul#thumbList li ul.options li.supprimer a:link, ul#thumbList li ul.options li.supprimer a:visited {width: 19px; height: 18px; background: url(../images/bt_icoSupprimer.gif) no-repeat 0 0;  margin: 0 0 0 3px; }
	ul.options li.ajouter a:link, ul.options li.ajouter a:visited, ul#thumbList li ul.options li.ajouter a:link, ul#thumbList li ul.options li.ajouter a:visited {width: 22px; height: 18px; background: url(../images/bt_icoAjouter.gif) no-repeat 0 0; }
	ul.options li.telecharger a:link, ul.options li.telecharger a:visited, ul#thumbList li ul.options li.telecharger a:link, ul#thumbList li ul.options li.telecharger a:visited {width: 21px; height: 18px; background: url(../images/bt_icoTelecharger.gif) no-repeat 0 0;  margin: 0 0 0 3px; }
	ul.options li.choixCouvert a:link, ul.options li.choixCouvert a:visited, ul#thumbList li ul.options li.choixCouvert a:link, ul#thumbList li ul.options li.choixCouvert a:visited {width: 21px; height: 18px; background: url(../images/bt_icoChoixCouvert.gif) no-repeat 0 0; }
		
		/*États on*/
		ul.options li.details a:hover, ul.options li.details a:active,
		ul.options li.editer a:hover, ul.options li.editer a:active,
		ul.options li.supprimer a:hover, ul.options .supprimer a:active,
		ul.options li.ajouter a:hover, ul.options li.ajouter a:active,
		ul.options li.telecharger a:hover, ul.options li.telecharger a:active,
		ul.options li.choixCouvert a:hover, ul.options li.choixCouvert a:active, ul#thumbList li ul.options li.choixCouvert a.choix,
		ul#thumbList li ul.options li.details a:hover, ul#thumbList li ul.options li.details a:active,
		ul#thumbList li ul.options li.editer a:hover, ul#thumbList li ul.options li.editer a:active,
		ul#thumbList li ul.options li.supprimer a:hover, ul#thumbList li ul.options .supprimer a:active,
		ul#thumbList li ul.options li.ajouter a:hover, ul#thumbList li ul.options li.ajouter a:active,
		ul#thumbList li ul.options li.telecharger a:hover, ul#thumbList li ul.options li.telecharger a:active,
		ul#thumbList li ul.options li.choixCouvert a:hover, ul#thumbList li ul.options li.choixCouvert a:active, ul#thumbList li ul.options li.choixCouvert a.choix {background-position: 0 -25px; }		


li.selectAlbum {margin: 0 38px 0 0;} 
	li.selectAlbum input {border: 0;}
	
	
		
		
#bt_couverture 	{
	float: left;
	width: 115px;
	margin: 0 43px 0 0;
	}
	
div.paysageCouv {	
	float: left;
	width: 58px;
	background: url(../images/cadreCouvAlbumPaysage.gif) no-repeat top center;
	margin: 2px 0 0 0;
	padding: 2px 0 0 3px;
	}

div.portraitCouv {
	float: left;
	width: 47px;
	background: url(../images/cadreCouvAlbumPortrait.gif) no-repeat top center;
	margin: 2px 0 0 0;
	padding: 2px 0 0 3px;
	}	

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

#contenantFiche {
	clear: both;
	float: left;
	position: relative;
	width: 842px;
	min-height: 475px;
	margin: 35px 0 0 75px;
	}

	#photoFiche {
	float: left;
	width: 459px;
	/*text-align: center;*/
	}
	
	#cadrePortrait {position: relative; margin: 0 auto; width: 279px; height: auto; padding: 4px; border: 1px #d9dadc solid;  margin-top: 13px;}
	#cadrePaysage {position: relative; margin: 0 auto; width: 449px; height: auto; padding: 4px; border: 1px #d9dadc solid; margin-top: 13px;}
		#cadrePortrait img, #cadrePaysage img {vertical-align: middle;}
		
#detailsFiche {
	float: right;
	width: 352px;
	color: #1a1920;
	}
	
	#detailsFiche p {line-height: 16px;}
	#detailsFiche p.desc {line-height: 20px;}
	#detailsFiche h1 {
		font-size: 135%;
		font-weight: bold;
		}
		
	#bt_voirCarte, #bt_visionnerPhotos {vertical-align: middle;}	
	#bt_voirCarte a:link, #bt_voirCarte a:visited {
		width: 110px;
		height: 19px;
		background: url(../images/bt_albumVoirCarte.gif) no-repeat 0 0;
		text-decoration: none;
		padding: 2px 0 4px 24px;
		}
		#bt_voirCarte a:hover, #bt_voirCarte a:active {background-position: 0 -25px; text-decoration: underline;}
		
	#bt_visionnerPhotos a:link, #bt_visionnerPhotos a:visited {
		width: 148px;
		height: 25px;
		background: url(../images/bt_albumVisionner.gif) no-repeat 0 0;
		text-decoration: none;
		padding: 3px 0 5px 26px;
		
		/*margin: 0 0 0 10px;*/
		
		}
		#bt_visionnerPhotos a:hover, #bt_visionnerPhotos a:active {background-position: 0 -25px; text-decoration: underline;}	
		
	.bt_montrerCacher { 
		clear: both;
		height: 15px;
		width: 220px;
		display: block;
		font-size: 100%;
		text-transform: uppercase;
		font-weight: bold;
		text-decoration: none;
		margin: 15px 0 0 -20px;
		}	
		
		.bt_montrerCacher img {vertical-align: middle;}
		
		#photoFiche .bt_montrerCacher {margin: 0;}
		
		input#embed_code, input#embed_code2 {width: 255px; font-size: 100%; clear: both;}
		
		#photoFiche div#comments {text-align: left;}
		#photoFiche div#comments p {
			margin: 10px 0 0 0;
			line-height: 16px;
			}
			
		#photoFiche div#comments hr {
			margin: 10px 0;
			}	
			
			a#btnAfficherComments {
				text-decoration: none; 
				background: url(../images/iconComment.gif) no-repeat top left; 
				padding: 0 0 5px 28px;
				height: 13px;
				cursor: pointer;
				}
				
				a#btnAfficherComments:hover, a#btnAfficherComments:active {text-decoration: underline;}
			
			form#commentForm {margin: 15px 0;}
			
			form#commentForm label {font-size: 90%;}
			form#commentForm textarea#commentInput {width: 350px; margin: 5px 0;}
	
#stats {
	float: right;
	margin: 8px 0 0 0;
	width: 225px;
	height: 20px;
	font-size: 90%;
	text-align: right;
	color: #6d6d6d;
	}	
	
	#detailsFiche #mots p {line-height: 15px;}
	#detailsFiche #mots a:link, #detailsFiche #mots a:visited {text-decoration: none; border-bottom: 1px #d2d2d2 solid;}
		#detailsFiche #mots a:hover, #detailsFiche #mots a:active {border-bottom: 1px #5b5b5b solid;}

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

#outilUpload {width: 450px; height: auto; margin: 0 auto;}	

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

	#cadreFormDon {
		float: right;
		width: 569px;
		/*height: 450px;*/
		color: #1a1920;
		padding: 0 4px 4px 4px; 
		border: 1px #d9dadc solid;
		border-top: none;
		}
		
		#form {
			width: 515px;
			height: 565px;
			background: #e3e0db;
			padding: 13px 27px;
			}
			
			body#pageDonsTech #form {background: #e3e0db url(../images/bg_formDon.gif) no-repeat center 43px; padding: 40px 27px 0 27px; height: 410px; }
			body#pageCarte #form {padding: 30px 27px 0 27px; height: 520px;}
			body#pageDonsGeo #form {width: 550px; height: 440px; padding: 5px 9px;}
			
	ul#ongletsDon {
		width: 579px;
		height: 27px;
		float: right;
		background: url(../images/bg_onglets.gif) no-repeat top left;
		}
		
		ul#ongletsDon li {float: left; list-style: none; display: inline;}
		ul#ongletsDon li a {display: block; text-indent: -9999px; text-decoration: none;}
			
			/*voir définition des onglets dans fr_ ou en_specific.css */

/* champs et mise en page du form*/			

form#donImage, form#formulaire {font-size: 90%;}
form#donImage p, form#formulaire p {font-size: 100%;}

.asterisk {font-weight: bold; font-size: 130%; color: #910b0b;}

label {font-weight: bold;}

#champTitre {float: left; width: 370px;}

#champImagette {float: left; width: 105px; margin: 0 0 0 30px;}
	div.choixImagette {width: 50px; float: left; margin: -10px 8px 8px 0; text-align: center;}
	div.choixImagette input {border: 0;}
	

#champLocal {float: left; width: 100%; }	

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

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

#champDescription, #champMotsCles, #champConcours {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, #champNom input, #champPrenom 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, #champDateManuel input, #champProg input, #champLentille input, #champBlancs input  {width: 100%;} 
		
	#champDescription textarea {width: 100%; height: 10px;}
	
	#champConcours input {float:left; width: auto; border: none; cursor: pointer; margin: 0 5px 0 0;}
	#champConcours label {float:left; clear: right; width: 450px;  font-weight: normal; padding: 1px 0 0 0;}
	
	

#note {float: left; width: 160px; margin: 5px 0 0 320px; font-size: 100%;}

#carteMonde {clear: both; float: left; width: 550px; height: 420px; margin-top: 5px;}
#carteMondeLg {
	float: left;
	margin: 15px; 
	width: 760px; 
	height: 560px;
	border: 1px #d9dadc solid;
	padding: 4px;
	}

#btWrap  {
	clear: right; 
	float: right; 
	width: 385px; 
	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*/

/*Note: vérifier si les display: inline sont vraiment nécessaires ici*/
#btFermerPortrait {
	clear: both;
	margin: 0 auto;
	width: 634px;
	height: 15px;
	text-align: right;
	padding: 100px 0 15px 0;
	}
	
#cadrePortraitHaut {
	clear: both;
	margin: 0 auto;
	width: 634px;
	height: 26px;
	background: url(../images/cadreHoriz-haut.gif) no-repeat bottom center;
	}
	
#cadrePortraitBas {
	clear: both;
	margin: 0 auto;
	width: 634px;
	height: 5px;
	background: url(../images/cadreHoriz-bas.gif) no-repeat top center;
	}	
	
#apercuPortrait {
	position: relative;
	clear: both;
	margin: 0 auto;
	width: 634px;
	height: auto;
	background: url(../images/bg_apercuCartePortrait.gif) repeat-y top center;
	}

	#apercuPhotoPortrait {
	display: inline; /*pour ie6*/
	position: relative;
	float: left;
	width: 278px;
	height: auto;
	margin-left: 5px;
	}
	
	#apercuMsgPortrait {
	display: inline; /*pour ie6*/
	float: right;
	width: 277px;
	height: auto;
	text-align: left;
	padding: 100px 35px 90px 25px;
	font-size: 100%;
	line-height: 1.50em;
	margin-top: 4px;
	}
	
/*format paysage*/	
#btFermerPaysage {
	clear: both;
	margin: 0 auto;
	width: 805px;
	height: 15px;
	text-align: right;
	padding: 100px 0 15px 0;
	}
	
#cadrePaysageHaut {
	clear: both;
	margin: 0 auto;
	width: 805px;
	height: 26px;
	background: url(../images/cadreHorizLg-haut.gif) no-repeat bottom center;
	}

#cadrePaysageBas {
	clear: both;
	margin: 0 auto;
	width: 805px;
	height: 5px;
	background: url(../images/cadreHorizLg-bas.gif) no-repeat top center;
	}
	
#apercuPaysage {
	position: relative;
	clear: both;
	margin: 0 auto;
	width: 805px;
	height: auto;
	background: url(../images/bg_apercuCarte.gif) repeat-y top center;
	}


#apercuPhotoPaysage {
	display: inline; /*pour ie6*/
	float: left;
	width: 449px;
	height: auto;
	margin-left: 5px;
	}
	
	
#apercuMsgPaysage {
	display: inline; /*pour ie6*/
	position: relative;
	float: right;
	width: 277px;
	height: auto;
	text-align: left;
	padding: 100px 35px 90px 25px;
	font-size: 100%;
	line-height: 1.50em;
	margin-top: 4px;
	}	
	
/* s'applique aux 2 formats */	

	#apercuMsgPortrait p, #apercuMsgPaysage p {font-size: 100%; line-height: 130%;}
	
	#infosImage {
		clear: both;
		margin: 0 auto;
		width: 634px;
		text-align: left;
		padding-left: 5px;
		}	
		
		#infosImage.paysage {width: 805px;}
		
		img#timbre {position: absolute; right: 20px; top: 20px;}

/* ---[ Footer ]--------------------- */

#footer {
	clear: left;
	margin: 0 auto; 
	width: 1004px;
	min-height: 34px;	
	background: #fff url(../images/bg_footer.gif) repeat-x bottom left;
	font-size: 85%;
	padding: 25px 0 15px 0;
	}

ul#navFooter {
	clear: both;
	margin: 0 auto;
	text-align: center;
	}
	
	ul#navFooter li {
		display: inline;
	    list-style-image: none;
	    list-style-type: none;
		}
	
	ul#navFooter  li a:link, ul#navFooter  li a:visited {
		color: #7c7e80;
		font-size: 100%;
		text-decoration: none;
		}

	ul#navFooter  li a:hover, ul#navFooter  li a:active {text-decoration: underline;}

/* ---[ Hyperliens ]------------------------------- */

a:focus {outline: none;} /* remove annoying dotted box in Firefox */

a:link, a:visited {
	color: #1a1920;
	text-decoration: underline;
	font-size: 100%;
	}

a:hover, a:active {
	color: #1a1920;
	text-decoration: underline;
	font-size: 100%;
	}	

#recherche a:link, #recherche a:visited {
	color: #3c3939;
	font-size: 95%;
	text-decoration: none;
	}

#recherche a:hover, #recherche a:active {color: #3d3684; text-decoration: underline;}	

#recherche a[title*="Chercher dans la banque d'images"] {color: #3c3939; font-size: 85%; text-decoration: none;}

ul#menuUtil li a:link, ul#menuUtil li a:visited, ul#menuUtil li a:hover, ul#menuUtil li a:active {color: #484545; text-decoration: none;}

ul#menuUtil li a.aqua:hover, ul#menuUtil li a.aqua:active {color: #27a5a9;}
ul#menuUtil li a.charcoal:hover, ul#menuUtil li a.charcoal:active {color: #3c3939;}
ul#menuUtil li a.jaune:hover, ul#menuUtil li a.jaune:active {color: #a3861a;}

div#enteteSection a:link, div#enteteSection a:visited {text-decoration: none;}
	div#enteteSection a:hover, div#enteteSection a:active {text-decoration: underline;}

#detailsFiche a.lignePale:link, #detailsFiche a.lignePale:visited {text-decoration: none; border-bottom: 1px #d2d2d2 solid;}
		#detailsFiche a.lignePale:hover, #detailsFiche a.lignePale:active {border-bottom: 1px #5b5b5b solid;}
		 				
/* ---[ Format du texte ]--------------------- */

p {
	font-size: 90%;
	margin: 0 0 15px 0;
	line-height: 1.45em;
	}
	
	#footer p {color: #7c7e80; font-size: 100%;}
	
h1 {
	font-size: 118%;
	font-weight: bold;
	line-height: 1em;
	margin: 10px 0;
	}
	
	.themeVert h1 {color: #608134; padding: 0 0 10px 0;}
	.themeJaune h1 {color: #aa8b19; padding: 0 0 10px 0;}
	
h2 {
	font-size: 110%;
	font-weight: bold;
	margin: 25px 0 5px 0;
	line-height: 1em;	
	}
	
	#rechercheAvancee h2 {margin: 15px 0 5px 0;}

h3 {
	font-size: 100%;
	font-weight: bold;
	color: #000;
	margin: 10px 0 10px 0;
	line-height: 1em;	
	}	

h3.maj {
	text-transform: uppercase;
	margin: 30px 0 10px 0;
	}
	
h4 {font-size: 105%; margin: 10px 0; color: #000;}	
		
blockquote {
	font-size: 90%;
	margin: 0 0 20px 15px;
	line-height: 1.45em;
	}	

.gris {color: #cfccd3;}	
.grisPale {color: #a0a7ab;}
.rouge {color: #910b0b;}
.txtAqua {color: #27a5a9;}
.txtMauve {color: #3f378d;}
.txtVert {color: #608134;}
.txtJaune {color: #aa8b19; font-weight: bold;}
.symbol {font-size: 110%; font-weight: bold;}

.petit {font-size: 90%; font-weight: normal;}

#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: 90%; list-style-type: square; line-height: 1.50em;}
#contenu dl {margin: 0 0 15px 0;}
#contenu dd, #contenu dt {font-size: 90%;}
#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: 100%;
	padding: 3px 0 5px 0;
	line-height: 1.50em;
	margin: 0;
	}

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

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

#contenu ul.nobullet li {list-style-type: none;  margin: 5px 0 5px 0;}

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

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

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

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

select#choixAlbums {display: inline; width: 150px; float: left;}
select#choixTaille {width: 200px; }
	
a.clicTxt {text-decoration: none; cursor:pointer;}

img#capcha {margin: 10px 0;}

/*Boutons dans la section aide */

img.btAide {vertical-align: middle; margin: 0 2px;}

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

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

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

input#usager_code, input#usager_motpasse {width: 200px;}
	
/* ---[ Éléments de décor ]--------------------- */
hr {
	color: #cfd1d3; /* les deux pour faire plaisir à IE */
	background-color: #cfd1d3;
	height: 1px;
	width: 100%;
	}	
	
#pagBas hr {
	color: #cfd1d3; /* les deux pour faire plaisir à IE */
	background-color: #cfd1d3;
	height: 1px;
	width: 100%;
	}	
	
/* ---[ Admin ]--------------------- */	

/* Messages de confirmation */	

div#videoFrame {
	position: relative;
	width: 278px;
	}


#ajoutAlbumSucces, #ajoutAlbumEchec {
	float: left;
	clear: both;
	width: 785px; 
	margin: 15px 0 15px 60px;
	}

table.admin {}
table.admin th, table.admin th a {color: #608134; text-align: left; padding: 0 0 10px 0; }	
table.admin td {vertical-align: top;}

table.stats {margin: 0 0 15px 0;}
table.stats td {border-bottom: 1px #cbccd0 solid; border-collapse: collapse;}
table.stats th {background: #EFEFEF;  padding: 10px 2px;}
table.admin thead.shade {background-color: #EFEFEF;}


body#pageAdmin h1 {font-size: 110%; color: #608134;}

body#pageAdmin fieldset {
		border: 1px dotted #999;
		padding: 10px 20px;
		margin: 10px 0;
		font-size: 100%;
		}
		
	body#pageAdmin legend {
		color: #fff;
		padding: 2px;
		background-color: #54534f;
		border: 1px #F4F2EA solid;
		font-size: 90%;
		}
		
		body#pageAdmin span.left, body#pageAdmin span.mid, body#pageAdmin span.right {width: 140px; float: left; display: inline; margin: 0 15px 0 0;}
			body#pageAdmin span.right {margin: 0;}
			body#pageAdmin span.left input, body#pageAdmin span.mid input, body#pageAdmin span.right input {width: 140px; margin: 0 0 3px 0;}
		body#pageAdmin label {font-size: 90%;}

ul.btAdmin {
	clear: both;
	float: right;
	width: 75px;
	margin: 10px 0;
	}
	
	ul.btAdmin li {display: inline; float: left; list-style: none;}
			
ul.btAdmin li a.btAdmin_sauve	{
	background: url(../images/btAdmin_sauve.gif) no-repeat 0 0;
	display: block;
	width: 19px; height: 19px;
	text-indent: -9999px;
	margin-left: 5px;
	}
	
ul.btAdmin li a.btAdmin_sauve_rapide 	{
	background: url(../images/btAdmin_sauve_rapide.gif) no-repeat 0 0;
	display: block;
	width: 19px; height: 19px;
	text-indent: -9999px;
	}

ul.btAdmin li a.btAdmin_haut	{
	background: url(../images/btAdmin_haut.gif) no-repeat 0 0;
	display: block;
	width: 19px; height: 19px;
	text-indent: -9999px;
	margin-left: 5px;
	}
	
	
/* ---[ Hacks ]--------------------- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */	


/* ---[ 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;
	
	}

#map div span {display: none;}

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

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


/* ---[ barre de pourcentage (envoi de fichiers) ]--------------------- */	

#consigne {float: left; width: 60%;}

#utilEspace {float: right; width: 35%; text-align: right; margin-top: -15px;}

#percentBar {
	width: 250px;
	}


	.percentVert {display: block; float: left; height: 12px; width: 120px; background: url(../images/percentVert.gif) top left no-repeat; }
	.percentRouge {display: block; float: left; height: 12px; width: 120px; background: url(../images/percentRouge.gif) top left no-repeat;}
	.percentJaune {display: block; float: left; height: 12px; width: 120px; background: url(../images/percentJaune.gif) top left no-repeat;}
	
	
	.percentVert span {display: block; float: left; height: 12px; background: url(../images/percentVert.gif) bottom right no-repeat;}
	.percentRouge span {display: block; float: left; height: 12px; background: url(../images/percentRouge.gif) bottom right no-repeat;}
	.percentJaune span {display: block; float: left; height: 12px; background: url(../images/percentJaune.gif) bottom right no-repeat;}