*
{
	margin:0px;
	padding:0px;
	border:0px;
	font-family:"Times New Roman", Times, serif;
}


a:link, a:visited
{
	color: blue;
	text-decoration:none;
}

a:hover
{
	color: blue;
	text-decoration:underline;
}


body
{
	background-color:#FFFCE1;
}

p.lettrine:first-letter
{
	font-size:4em;
	font-weight:bold;
	float:left;
	padding: .1em;
}

.expo
{
	font-size:75%;
	vertical-align:top;
}

#container
{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:50em;
	top:0px;
}

#header1
{
	background:url(http://www.ccbq.net/images/jpg/Barbettes.jpg) no-repeat top;
	width:800px;
	height:125px;
	position:relative;
	top:0px;
	left:0px;
}

#header2
{
	background:url(../images/jpg/BandeCuir.jpg) no-repeat top;
	width:800px;
	height:10px;
	position:relative;
	font-size:0px;
}

#accueilbackground
{
	background:url(../images/jpg/BGAccueil.jpg) no-repeat;
	width:800px;
	position:relative;
	z-index:0;
}

#archivesbackground
{
	background:url(../images/jpg/BGArchives.jpg) no-repeat;
	width:800px;
	position:relative;
	z-index:0;
}

#artilleriebackground
{
	background:url(../images/jpg/BGArtillerie.jpg) no-repeat;
	width:800px;
	position:relative;
	z-index:0;
}

#equipementbackground
{
	background:url(../images/jpg/BGEquipement.jpg) no-repeat;
	width:800px;
	position:relative;
	z-index:0;
}

#liensbackground
{
	background:url(../images/jpg/BGLiens.jpg) no-repeat;
	width:800px;
	position:relative;
	z-index:0;
}

#effectifsbackground
{
	background:url(../images/jpg/BGEffectifs.jpg) no-repeat;
	width:800px;
	position:relative;
	z-index:0;
}

#photosbackground
{
	background:url(../images/jpg/BGPhotos.jpg) no-repeat;
	width:800px;
	position:relative;
	z-index:0;
}

#erreurbackground
{
	background:url(../images/jpg/BGErreur.jpg) no-repeat;
	width:800px;
	position:relative;
	z-index:0;
}

#chansonsbackground
{
	background:url(../images/jpg/BGChansons.jpg) no-repeat;
	width:800px;
	position:relative;
	z-index:0;
}

#calendrierbackground
{
	background:url(../images/jpg/BGCalendrier.jpg) no-repeat;
	width:800px;
	position:relative;
	z-index:0;
}



#saintefoybackground
{
	background:url(../images/jpg/BGSainteFoy.jpg) no-repeat;
	width:800px;
	position:relative;
	z-index:0;
}




#enconstructionbackground
{
	background:url(../images/jpg/BGEnConstruction.jpg) no-repeat;
	width:800px;
	position:relative;
	z-index:0;
}


#cts
{
	position:relative;
	top:0px;
	left:114px;
	height:325px;
	z-index:0;
}

#cts_image
{
	position:absolute;
	top:0px;
	left:0px;
	width:147px;
	height:300px;
	z-index:1;
}

#cts_note
{
	font-size:9px;
	position:absolute;
	top:300px;
	left:50px;
}

#cts_titre
{
	font-size:42px;
	width:100px;
	font-style:italic;
	position:absolute;
	top:150px;
	left:450px;
}

#texteprincipale
{
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	font-weight:bold;
	text-align:justify;
	position:relative;
	left:114px;
	margin-left:20px;
	margin-right:20px;
	width:646px;
}

#texteprincipale_center
{
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	position:relative;
	left:114px;
	margin-left:20px;
	margin-right:20px;
	width:646px;
}

#realisation
{
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	text-align:center;
	position:relative;
	left:114px;
	top:-15px;
/*	margin-left:20px;*/
/*	margin-right:20px;*/
	width:646px;
}


.titre
{
	font-size:32px;
}

.titrecentre
{
	font-size:32px;
	text-align:center;
}

.titredroit
{
	font-size:32px;
	text-align:right;
}

.soustitre
{
	font-size:22px;
}

.normal
{
	font-size:16px;
}

.normal_left
{
	font-size:16px;
	text-align:left;
}

.normal_center
{
	font-size:16px;
	text-align:center;
}

.normal_center_bold
{
	font-size:16px;
	text-align:center;
	font-weight:bold;
}

.normal_justify
{
	font-size:16px;
	text-align:justify;
}



.cal1
{
	width:86px
}

.cal2
{
	width:400px
}

.cal3
{
	width:160px
}



.photo
{
	width:127px;
	height:85px;
}


.effectifs_photo
{
	position:relative;
	left:500px;
	top:-50px;
	width:100px;
	height:100px;
	border:0px;
}

#footer
{
	background:url(../images/jpg/BandeCuir.jpg) no-repeat;
	width:800px;
	height:10px;
	position:absolute;
	font-size:0px;
}




/*-----------------------------------------------------------------------------*/
/*pour afficher les photos*/
/*-----------------------------------------------------------------------------*/


.PhotoTab
{
	width:127px;
	height:85px;
}


.PhotoThumb
{
	width:120px;
	height:80px;
}

.bande_de_cuir
{
	background-image:url(../images/jpg/BandeCuir2.jpg);
	background-repeat:no-repeat;
	position:relative;
	left:0px;
	top:0px;
	width:600px;
	height:10px;
	font-size:0px;
}

#nav_photo
{
	position:relative;
	top:0px;
	width:600px;
	height:40px;
}

#nbr_photo
{
	background-image:url(../images/jpg/Blank320X40.jpg);
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	width:320px;
	height:40px;
}

#nbr_photo.normal_center_bold
{
	line-height:45px;
}

#precedent_blank
{
	background-image:url(../images/jpg/Blank140X40.jpg);
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	left:320px;
	width:140px;
	height:40px;
}

#suivant_blank
{
	background-image:url(../images/jpg/Blank140X40.jpg);
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	left:460px;
	width:140px;
	height:40px;
}

#precedent a
{
	background-image:url(../images/jpg/Precedent.jpg);
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	left:320px;
	width:140px;
	height:40px;
}

#precedent a:hover
{
	background-image:url(../images/jpg/PrecedentOver.jpg);
}

#suivant a
{
	background-image:url(../images/jpg/Suivant.jpg);
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	left:460px;
	width:140px;
	height:40px;
}

#suivant a:hover
{
	background-image:url(../images/jpg/SuivantOver.jpg);
}

#photo
{
	width:600px;
	height:400px;
}


/*-----------------------------------------------------------------------------*/
/*pour afficher les effectifs*/
/*-----------------------------------------------------------------------------*/

#TitreEffectif
{
	position:relative;
	top:0px;
	width:600px;
	height:80px;
	font-size:0px;
}

#Effectif
{
	position:relative;
	top:0px;
	width:600px;
	height:400px;
}

#PhotoEffectif
{
	position:absolute;
	top:0px;
	left:0px;
	width:300px;
	height:400px;
}

#TexteEffectif
{
	position:absolute;
	top:0px;
	left:300px;
	width:300px;
	height:400px;
}

#outer {height: 400px; overflow: hidden; position: relative;}
#outer[id] {display: table; position: static;}

#middle {position: absolute; top: 50%;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}

#inner {position: relative; top: -50%; text-align:justify; margin:10px; } /* for explorer only */
/* optional: #inner[id] {position: static;} */



#maps
{
	position:relative;
	border-color:#000000;
	border-style:solid;
	border-width:medium;
	width:646px;
}