/* CSS Document */


/*   Stylesheet 3.1 for LE PEUPLE DES ABEILLES, THE BEE PHOTOGRAPHER, EL MUNDO DE LAS ABEJAS, HONIGSAMMLER ;
		by Alem Alquier http://codexsigna.wordpress.com   */



/*  ...................................................... B A L I S E S   S T A N D A R D    */

* {	margin: 0; padding: 0; }

body#accueil_fr, body#accueil_en, body#accueil_es, body#accueil_de,
body#stock {
}

body {	background-color: #58585A; }


h1, h2 { display: none; }

h3, h4 { color: #999; font-family: Arial, Helvetica, sans-serif; }

h5, h6 {
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.73em;
	font-weight: lighter;
	text-transform: uppercase;
	letter-spacing: 1px;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	font-weight: lighter;
	text-align: left;
	color: #000;
}

em { font-weight: bold; font-style: normal; }

q  { font-style: italic; }

acronym { cursor: crosshair; }

img, a img { border: none;	}

a {
	text-align: left;
	font-style: normal;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	}
	a:hover, a:focus {
		color: #D7D7D7;
	}


/*   .................................................  classes speciales  */



.flottantdroit 		{ float: right; margin: 0 0 5px 20px; }
	
.flottantgauche 	{ float: left; margin: 0 20px 5px 0; }

.flottantgauche2 	{ float: left; margin: 0 20px 60px 0; }

.encadree			{ border: solid #333 2px; }

.clearfloat 		{ clear: both; }



.new 						{ text-decoration: blink; background-color: #F2EBDA; }

/*.special-menuprincipal-li 	{ 
	padding-left: 0.7em; 
	border-left: solid 0.07em #000; 
	padding-right: 0.7em; 
	border-right: solid 0.07em #000; 
}*/

.special-navcontainer1-li 	{ padding-left: 0; }

.titre_espace				{ letter-spacing: 1.2em; }

.p_espace					{ letter-spacing: 0.05em; font-weight: bold; }







/*______________________________________________________________________________*/

/*   ..........................................................  A C C U E I L  */ 

/*______________________________________________________________________________*/



	
/*  ...................................menu secondaire : langues, plan du site, mentions legales, etc.  */
	
	#menusecondaire {
		position: absolute;
		left: 0;
		top: 0;
		height: 120px;
		z-index: 0;
		width: 100px;
		}
		#menusecondaire ul {
			position: absolute;
			left: 0px;
			padding: 0;
			}
			#menusecondaire li {
				list-style-type: none;
				padding: 6px 10px;
				}
				#menusecondaire li img {
					padding-left: 0.5em;
				}
				#menusecondaire li a {
						font-size: 0.69em;
						color: #999;
						text-decoration: none;
						font-variant: small-caps;
						}
						#menusecondaire li a:hover, #menusecondaire li a:focus {
							color: #D7D7D7;
						}
						
	
/*  ...................................…en-tete de l accueil  */

#en_tete, #en_tete_en, #en_tete_es, #en_tete_de {
	width: 800px;
	height: 65px;
	position: relative;
	margin: 0 auto;
	top: 15px;
	z-index: 50;
	}
#en_tete {
	background: url(../images3.1/titretrajan_nbclair.png) no-repeat top center;
	}
#en_tete_en {
	background: url(../images3.1/titretrajan_nbclair_en.png) no-repeat top center;
	}
#en_tete_es {
	background: url(../images3.1/titretrajan_nbclair_es.png) no-repeat top center;
	}
#en_tete_de {
	background: url(../images3.1/titretrajan_nbclair_de.png) no-repeat top center;
	}


#container {
	margin: 0 auto;
	width: 1000px;
	position: relative;
	height: 499px;
	top: 50px;
	background: url(../images3.1/planchedenvol_700X499.jpg) no-repeat center top;
	}
	#container #trans1 {
		position: relative;
		width: 700px;
		margin: 0 auto;
		text-align: center;
		}
		#container #trans1 #signature {
			position: absolute;
			width: 298px;
			height: 21px;
			right: 0;
			z-index: 120;
			top: -30px;
			}
			#container #trans1 #signature h5 {
				letter-spacing: 2px;
				text-align: right;
				line-height: 1.5em;
				font-weight: bolder;	
				}
	
	
/*  ...................................…menu principal accueil */

#menuprincipal {
	margin: 0 auto;
	width: 1000px;
	position: relative;
	z-index: 100;
	top: 62px;
	}
	#menuprincipal ul {
		text-align: center;
		list-style-type: none;
		}
		#menuprincipal li {
			display: inline;
			padding-left: 0.7em;
			padding-right: 0.7em;
			/*border-right: solid 0.07em #000;*/
			}
			#menuprincipal li a {
				text-decoration: none;
				font-size: 0.61em;
				text-transform: uppercase;
				color: #000;
				letter-spacing: 0.1em;
				font-weight: bold;
				} 
				#menuprincipal li a:hover, #menuprincipal li a:focus {
					color: #FFF;		
				}
				
#copyright {
	position: relative;
	top: 106px;
	}
	#copyright p {
		text-align: center;
		text-decoration: none;
		font-size: 0.61em;
		text-transform: uppercase;
		color: #999;
		letter-spacing: 0.1em;
		}

	

/*	............................................................. FIN ACCUEIL	*/






/*______________________________________________________________________________*/

/* ...............................................................   P A G E S  */   

/*______________________________________________________________________________*/







/*  .....................................................en-tete sur toutes les pages sauf accueil  */

body#fr #retour_accueil, body#en #retour_accueil, body#es #retour_accueil, body#de #retour_accueil {
	position: absolute;
	width: 50px;
	height: 63px;
	left: 18px;
	top: 5px;
}
	
body#fr #retour_accueil {
	background: url(../images3.1/abeilledeface_accueilfr.jpg) no-repeat;
}
body#en #retour_accueil, body#de #retour_accueil {
	background: url(../images3.1/abeilledeface_accueilen.jpg) no-repeat;
}
body#es #retour_accueil {
	background: url(../images3.1/abeilledeface_accueiles.jpg) no-repeat;
}


body#fr #titretrajan_nb, body#en #titretrajan_nb, body#es #titretrajan_nb, body#de #titretrajan_nb {
	position: absolute;
	z-index: 100;
	height: 13px;
	top: 8px;
	left: 204px;
	width: 560px;
	}
	
body#fr #titretrajan_nb {
	background: url(../images3.1/titrenometauteurfr-nbclair-.png) no-repeat;
}
body#en #titretrajan_nb {
	background: url(../images3.1/titrenometauteuren-nbclair-.png) no-repeat;
}
body#es #titretrajan_nb {
	background: url(../images3.1/titrenometauteures-nbclair-.png) no-repeat;
}
body#de #titretrajan_nb {
	background: url(../images3.1/titrenometauteurde-nbclair-.png) no-repeat;
}

/*
#titrerubrique {
	position: absolute;
	width: 500px;
	left: 66px;
	top: 53px;
	}
	#titrerubrique p { 
		text-align: left; 
		text-transform: uppercase;
		font: lighter 0.88em;
		color: #868CAD;
		letter-spacing: 2px; 
	}
*/
	
/*.....................................................…menu principal pages = #navcontainer1	*/

#navcontainer1 {
	width: 768px;
	position: absolute;
	top: 35px;
	z-index: 100;
	left: 194px;
	height: 20px;
	}
	#navcontainer1 ul {
		text-align: left;
		list-style-type: none;
		}
		#navcontainer1 li {
			display: inline;
			padding-left: 0.7em;
			padding-right: 0.7em;
			}
			#navcontainer1 li a {
				text-decoration: none;
				font-size: 0.61em;
				text-transform: uppercase;
				color: #000;
				letter-spacing: 0.1em;
				} 
				#navcontainer1 li a:hover, #navcontainer1 li a:focus {
					color: #D7D7D7;		
				}
				
/*	........................................................fin menus	*/



/*	........................................................ vue d ensemble (en un clic) 	*/	

#vuedensemble {  }			

/*	........................................................ fin vue d ensemble 	*/

#listenavigation1 {
	text-align: right;
	margin: 0;
	padding: 0;
	text-indent: 0;
	list-style-type: none;
	display: inline;
}


/* .....................................................petit menu des vues rapides (pages en un clic) */

#menu_clindoeil {
	position: absolute;
	left: 194px;
	top: 85px;
	}
	#menu_clindoeil #listenavigation1 li {
		padding: 0 7px;
		margin: 0;
		text-indent: 0;
		display: inline;
		}
		#menu_clindoeil #listenavigation1 li a {
			text-decoration: none;
			color: #000;
			font-size: 0.61em;
			text-transform: uppercase;
			font-family: Arial, Helvetica, sans-serif;
			font-weight: bold;
			}
			#menu_clindoeil #listenavigation1 li a:hover {
				color: #D7D7D7;
				border-top: none;
				}
				#menu_clindoeil #listenavigation1 a#current {
					color: #FFF;
				}


/* ....................................................................bloc texte (pages en un clic) */

#col3 {
	position: relative;
	width: 600px;
	top: 140px;
	margin: auto;
	}
	#col3 p {
		color: #000;
		text-align: justify;
	}

/*	..................................................................fin pages en un clic	*/



/*	.....................................................................page presse	*/

.navgaleriepresse {
	position: relative;
	top: 90px;
	width: 100%;
	height: 410px;
	padding: 40px 0;
	overflow: visible;
	z-index: 200;
	}
	.navgaleriepresse h5 {
		padding: 0 0 20px 200px;
	}

/*	.....................................................................fin page presse	*/



/*  .....................................................systeme de colonnes pour le contenu des pages  */

/*boite servant aux pages "plan du site", "liens" et "produits" */
#plan {	
	position: absolute;
	width: 900px;
	top: 120px;
	left: 18px;
}
/*fin plan*/

#col1 {
	position: absolute;
	width: 600px;
	top: 120px;
	left: 204px;
}

#col2 {
	position: relative;
	width: 800px;
	top: 120px;
	margin: auto;
}

#col_g1 {
	position: absolute;
	width: 370px;
	left: 0px;
	padding-right: 20px;
	top: 0px;
	height: 1800px;
}

#col_g1_scroll {
	position: absolute;
	width: 370px;
	left: 0px;
	padding-right: 20px;
	top: 0px;
	overflow: auto;
	height: 550px;
}

#col_g2
{
	position: absolute;
	width: 590px;
	left: 0px;
	top: 0px;
	height: 1800px;
}

#col_g2_scroll
{
	position: absolute;
	width: 590px;
	left: 0px;
	top: 0px;
	overflow: auto;
	height: 550px;
}

#col_g1 p, col_g2 p
{
	text-align: justify;	
}

#col_d1
{
	position: absolute;
	width: 190px;
	left: 404px;
	top: 0px;
}

#col_d2
{
	position: absolute;
	width: 190px;
	left: 609px;
	top: 0px;
}

#col_d1 p, #col_d2 p
{
	font-weight: lighter;
	text-align: left;
}

#col_d1 a, #col_d2 a
{
	font-weight: bolder;
	color: #BBB298;
}

#col_d1 a:active, a:hover, #col_d2 a:active, a:hover
{
	color: #4D3C06;
}

#colpresse
{
	top: 80px;
	position: absolute;
	left: 60px;
}

.coupures
{
	display: inline;	
}


#extradiv1
{
	position: absolute;
	top: 0px;
	height: 1800px;
	z-index: 0;
}



/*...................................................... menu pour la page de liens et plan du site */
/* menu emprunte a Eric Myer's Simple List Separators
	http://www.meyerweb.com/eric/talks/2003/commug/commug.html  */

#navcontainer1_5 {
	width: 270px;
	position: absolute;
	top: 0;
	z-index: 100;
	left: 0;
	}
#navcontainer2 {
	width: 270px;
	position: absolute;
	top: 0;
	z-index: 100;
	left: 290px;
	}
#navcontainer3 {
	width: 270px;
	position: absolute;
	top: 0;
	z-index: 100;
	left: 590px;
	}
	#navcontainer1_5 #navlist li, #navcontainer2 #navlist li, #navcontainer3 #navlist li {
		list-style: none;
		margin: 0;
		border-top: 1px solid #414141;
		padding: 0.65em;
		}
		#navcontainer1_5 #navlist li a, #navcontainer2 #navlist li a, #navcontainer3 #navlist li a {
			text-decoration: none;
			font-size: 0.71em;
			text-transform: uppercase;
			color: #000;
			}
		#navcontainer1_5 #navlist li a:hover, #navcontainer1_5 #navlist li a:focus,
		#navcontainer2 #navlist li a:hover, #navcontainer2 #navlist li a:focus, 
		#navcontainer3 #navlist li a:hover, #navcontainer3 #navlist li a:focus {
			color: #FFF;
			}

/*	........................................................fin menu	*/







/*______________________________________________________________________________*/

/* ...................................................  S T O C K  P H O T O S  */

/*______________________________________________________________________________*/






/*	 .....................................................menu de la phototheque */

body > #menu_21 {
	position: fixed;
}

#menu_21
{
	padding-left: 0;
	margin-left: 0;
	border: none;
	width: 170px;
	position: absolute;
	left: 18px;
	top: 120px;
	}
	#menu_21 #listenavigation_21 {
		margin: 0;
		list-style: none;
		padding: 0.25em;
		}
		#menu_21 #listenavigation_21 li {
			margin: 0;
			text-indent: 0;
			padding-left: 0.2em;
			}
			#menu_21 #listenavigation_21 li a {
				text-decoration: none;
				color: #000;
				font-size: 0.61em;
				text-transform: uppercase;
				}
				#menu_21 #listenavigation_21 li a:hover, li a:focus {
					color: #D7D7D7;
					}
					#menu_21 #listenavigation_21 li a#current {
						color: #FFF;
						font-weight: bold;
					}
	#menu_21 #theme_phototheque { 
		position: relative;
		margin: 0 0 60px 0;
		}

/*........................................................ fin menu */



/*boite servant aux pages "stock photos" : contient les boites de photos */
#col0 { 
	position: absolute;
	width: 734px;
	top: 120px;
	left: 204px;
	margin: 0;
	}
	#col0 #image1, #col0 #theme_phototheque, #col0 div.imagesuivante {
		position: relative;
		margin: 0 0 60px 0;
		}
		#col0 .imagesuivante img, #col0 .imagesuivante2 img, #col0 .imagesuivante3 img {
			border: solid #333 2px;
		}
	#col0 .imagesuivante2 {
		position: relative;
		margin: 0 0 60px 0;
		width: 1820px;
	}
	#col0 .imagesuivante3 {
		position: relative;
		margin: 0 0 60px 0;
		width: 3749px;
	}
	
/* .....................................................  FIN  S T O C K  P H O T O S  */