/* CSS Document */


/*   Feuille de styles pour LE PEUPLE DES ABEILLES par Alem Alquier http://codexsigna.wordpress.com   */



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

body#accueil_fr, body#accueil_en, body#accueil_es, body#accueil_de
{
	background: url(../images/planchedenvol_691X460.jpg) no-repeat center top #FDFBF6;
}

h1, h2
{
	display: none;
}

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

h5, h6
{
	color: #4D3C06;
	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: #999;
}

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

q
{
	font-style: italic;
}

acronym
{
	cursor: crosshair;	
}

img
{
	border: none;	
}

a, a:visited
{
	text-align: left;
	font-weight: lighter;
	font-style: normal;
	font-size: 0.71em;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	
}

a:hover, a:focus
{
	color: #333;
	
}


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

*/

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





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



#container {
	margin: auto;
	width: 691px;
	position: relative;
	height: 461px;
	top: 0px;
	}


#signature
{
	position: absolute;
	width: 298px;
	height: 21px;
	left: -310px;
	z-index: 120;
	top: 0px;
	margin-right: 10px;
}

#signature h5
{
	letter-spacing: 2px;
	text-align: right;
	line-height: 1.5em;	
}

#signature em
{
	color: #BBB298;
	font-weight: bolder;
}

#navcontainer {
	margin-bottom: 1em;
	overflow: hidden;
	width: 691px;
	position: relative;
	z-index: 100;
	margin: auto;
	text-align: center;
	letter-spacing: 0.1em;
	}
	#navcontainer a, #navcontainer a:visited {
		text-decoration: none;
		font-size: 0.71em;
		text-transform: uppercase;
		color: #9A9075;
		} 
		#navcontainer a:hover, #navcontainer a:focus {
			color: #333;		
			}



/*  ...................................…en-tete de l accueil  */

#en_tete, #en_tete_en, #en_tete_es, #en_tete_de {
	width: 800px;
	height: 70px;
	position: relative;
	top: 15px;
	z-index: 50;
	margin: auto;
	}

#en_tete {
	background: url(../images/titretrajan.png) no-repeat top center;
	}
	
#en_tete_en {
	background: url(../images/titretrajan_eng.png) no-repeat top center;
	}
	
#en_tete_es {
	background: url(../images/titretrajan_es.png) no-repeat top center;
	}
	
#en_tete_de {
	background: url(../images/titretrajan_de.png) no-repeat top center;
	}



/*  ...................................onglet - accueil, plan du site, mentions legales, etc.  */

#onglet_accueil
{
	position: relative;
	z-index: 100;
	width: 800px;
	height: 12px;
	margin: auto;
	top: 590px;
	left: 30px;
}


#onglet
{
	position: absolute;
	z-index: 150;
	height: 12px;
	top: 9px;
	left: 59px;
}

.legal
{
	text-align: left;
}

.legal em
{
	text-transform: uppercase;
	font-weight: lighter;
	color: #868CAD;
	letter-spacing: 2px;
	font-size: 0.88em;
}

.legal a, a:visited
{
	color: #CCC;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.71em;
	text-transform: uppercase;
	text-decoration: none;
}

.legal a:hover, a:focus
{
	color: #666;	
}


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



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


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

#retour_accueil
{
	position: absolute;
	width: 46px;
	height: 64px;
	left: 10px;
	top: 5px;
	background-repeat: no-repeat;
	background-image: url(../images/icone_abeillesenvol1.png);
	border-width: 0;
}

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

#drapeauxpages
{
	position: absolute;
	left: 20px;
	top: 80px;
	height: 21px;
}


/* .....................................................petit menu des vues rapides (pages les abeilles dans le monde) */

#menu_clindoeil
{
	position: absolute;
	left: 250px;
	top: 80px;
}

#listenavigation1 li
{
 	padding: 0;
 	margin: 0;
 	text-indent: 0;
 	display: inline;
}

#listenavigation1 li a
{
	letter-spacing: 0px;
	text-decoration: none;
	color: #CCC;
	font-size: 0.71em;
	padding: 0.2px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
}

#listenavigation1 li a:hover,#navlist 
{
 	color: #333;
 	border-top: none;
}

#listenavigation1 a#current 
{
	color: #473F64;
	font-weight: normal;
}


/* ....................................................................bloc texte (pages derniers reportages) */

#col3
{
	position: relative;
	width: 600px;
	top: 100px;
	margin: auto;
}

#col3 p
{
	color: #333;
	text-align: justify;
}



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

#plan
{
	position: relative;
	width: 900px;
	margin: auto;
	top: 60px;
}


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

#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;
	color: #A3A8C7;
	text-align: left;
}

#col_d1 a, a:visited, #col_d2 a, a:visited
{
	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 emprunte a Eric Myer's Simple List Separators
.....................................................…http://www.meyerweb.com/eric/talks/2003/commug/commug.html  */

#navcontainer1 {
	width: 270px;
	position: absolute;
	top: 120px;
	z-index: 100;
	left: 0px;
	}
	#navcontainer1 #navlist li, #navcontainer2 #navlist li, #navcontainer3 #navlist li {
		list-style: none;
		margin: 0;
		border-top: 1px solid #868CAD;
		padding: 0.65em;
		}
	#navcontainer1 #navlist li a, a:visited, #navcontainer2 #navlist li a, a:visited, #navcontainer3 #navlist li a, a:visited {
		text-decoration: none;
		font-size: 0.71em;
		text-transform: uppercase;
		color: #9A9075;
		}
	#navcontainer1 #navlist li a:hover, a:focus, #navcontainer2 #navlist li a:hover, a:focus, #navcontainer3 #navlist li a:hover, a:focus {
		color: #333;
		}
	#navcontainer1 #navlist li a#current {
		color: #473F64;
		font-weight: bold;
		}


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




/* .....................................................P H O T O T H E Q U E  */


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

#menu_21
{
	padding-left: 0;
	margin-left: 0;
	border: none;
	width: 170px;
	position: absolute;
	left: 18px;
	top: 140px;
}


#listenavigation_21
{
	margin: 0;
	list-style: none;
	padding: 0.25em;
}
 
#listenavigation_21 li
{
	margin: 0;
	text-indent: 0;
	padding-left: 0.2em;
}

#listenavigation_21 li a 
{
	text-decoration: none;
	color: #9A9075;
	font-size: 0.77em;
}

#listenavigation_21 li a:visited
{
	text-transform: none;	
}

#listenavigation_21 li a:hover, li a:focus
{
	color: #333;
 	
}

#listenavigation_21 li a#current
{
	color: #473F64;
	font-weight: bold;
 	
}


/*  ....................................................................................mur d images */

#murdimages
{
	position: absolute;
	width: 700px;
	top: 120px;
	height: 450px;
	left: 200px;
}

#pages_murdimages
{
	position: absolute;
	left: 250px;
	top: 80px;
}

#blocvignette1
{
	position: absolute;
	height: 132px;
	width: 132px;
	left: 0px;
	top: 0px;
} 
#blocvignette2
{
	position: absolute;
	height: 132px;
	width: 132px;
	left: 170px;
	top: 0px;
} 
#blocvignette3
{
	position: absolute;
	height: 132px;
	width: 132px;
	left: 340px;
	top: 0px;
} 
#blocvignette4
{
	position: absolute;
	height: 132px;
	width: 132px;
	top: 0px;
	left: 510px;
}
#blocvignette5
{
	position: absolute;
	height: 132px;
	width: 132px;
	left: 0px;
	top: 158px;
} 
#blocvignette6
{
	position: absolute;
	height: 132px;
	width: 132px;
	left: 170px;
	top: 158px;
} 
#blocvignette7
{
	position: absolute;
	height: 132px;
	width: 132px;
	left: 340px;
	top: 158px;
} 
#blocvignette8
{
	position: absolute;
	height: 132px;
	width: 132px;
	left: 510px;
	top: 158px;
}
#blocvignette9
{
	position: absolute;
	height: 132px;
	width: 132px;
	left: 0px;
	top: 318px;
} 
#blocvignette10
{
	position: absolute;
	height: 132px;
	width: 132px;
	left: 170px;
	top: 318px;
} 
#blocvignette11
{
	position: absolute;
	height: 132px;
	width: 132px;
	left: 340px;
	top: 318px;
} 
#blocvignette12
{
	position: absolute;
	height: 132px;
	width: 132px;
	left: 510px;
	top: 318px;
}

.vignette_h
{
	position: absolute;
	margin: auto;
	left: 0px;
	top: 20px;
	border-color: #000;
	border-style: solid;
	border-width: 2px;
}
.vignette_hh
{
	position: absolute;
	margin: auto;
	left: 0px;
	top: 45px;
	border-color: #000;
	border-style: solid;
	border-width: 2px;
}
.vignette_h-h
{
	position: absolute;
	margin: auto;
	left: 0px;
	top: 30px;
	border-color: #000;
	border-style: solid;
	border-width: 2px;
}
.vignette_v
{
	position: absolute;
	margin: auto;
	left: 20px;
	top: 0px;
	border-color: #000;
	border-style: solid;
	border-width: 2px;
}
.vignette_vv
{
	position: absolute;
	margin: auto;
	left: 18px;
	top: 0px;
	border-color: #000;
	border-style: solid;
	border-width: 2px;
}
.vignette_vvv
{
	position: absolute;
	margin: auto;
	left: 15px;
	top: 0px;
	border-color: #000;
	border-style: solid;
	border-width: 2px;
}

/*	.....................................................FIN PHOTOTHEQUE  */