/* CSS Document */
/* Labbe-Francoeur et CIE */
/* Copyright Marc-Andre Marchand - 2007 - */

/* ---------------------------------------------------------------------------------- */
/* Liens  */
a:link { color: #C6A04E; text-decoration: underline; font-weight: bold; }
a:visited { color: #C6A04E; text-decoration: underline; font-weight: bold; }
a:hover { color: #fff; text-decoration: underline; font-weight: bold;}
a:active { color: #C6A04E; }

/* Bas  */
#copyright a:link { color: #999999; text-decoration: underline; }
#copyright a:visited { color: #999999; text-decoration: underline; }
#copyright a:hover { color: #fff; text-decoration: underline; }
#copyright a:active { color: #999999; }
/* Liens  */

/* ---------------------------------------------------------------------------------- */
/* Police de caractere */
p {
	padding: 0 0 10px 0;
	margin: 0 0 0 0;
}
p.sousTitre {
	padding-top: 10px;
	font-weight: bold;
	color: #D8AF56;
}
p.titreVideo {
	padding-top: 5px;
	font-weight: bold;
	color: #D8AF56;
}
span.sousTitreNom {
	text-transform: uppercase;
}
span.nomGroupe {
	font-style: italic;
	font-weight: bold;
}
span.jauneGras {
	font-weight: bold;
	color: #D8AF56;
}
span.jaune {
	color: #D8AF56;
}
p.tdroite {
	padding: 0 0 2px 0;
}
p.espacement {
	padding-top: 30px;
}
p.espacementBas {
	padding-bottom: 75px;
}
h1 {
	font-size: 14px;
}
div.hrRouge {
	background-color: #D8AF56;
	height: 1px;
	width: auto;
}
p.paddingRight {
	padding-right: 10px;
}
p.marginTop {
	margin-top: 10px;
}
/* Police de caractere  */

ul li.logoIE {background:url(/images/internetExplorer_logo.jpg) no-repeat top left; list-style-image: url(/images/1x1.gif); font-weight: normal; padding: 5px 0 15px 30px;}
ul li.logoFirefox {background:url(/images/firefox_logo.jpg) no-repeat top left; list-style-image: url(/images/1x1.gif); font-weight: normal; padding: 5px 0 15px 30px;}

/* ---------------------------------------------------------------------------------- */
/* Elements du body et conteneur */
body, #menu, #conteneur1, #conteneurAccueil, #conteneurGroupe, #conteneurMusique, #conteneurVideos, #conteneurPhotos, #conteneurBlog, #conteneurDevis, #conteneurContact, #basPage {
	background-position: top;
	margin: 0 auto;
	text-align: center;
}
body {
	border: none;
	background-color: #0A2640;
	font-size: 12px;
	font-family: Verdana, arial, sans-serif;
	color: #D2D2D2;
}
#conteneur1 {
	background-image: url(../images/bg_repeat.jpg);
	background-repeat: repeat-y;
	position: relative;
	height: auto;
	left: 0px;
	top: 0px;
	width: 760px;
}
#conteneurAccueil, #conteneurGroupe, #conteneurMusique, #conteneurVideos, #conteneurPhotos, #conteneurBlog, #conteneurDevis, #conteneurContact {
	position: relative;
	background-image: url(../images/bg_entete7.jpg);
	background-repeat: no-repeat;
	height: 100%;
	left: 0px;
	top: 0px;
	width: 760px;
}
	#conteneurBlog .conteneurBoiteDroite {
		text-align: left;
		width: 160px;
		margin: 10px 0 0 0;
		padding: 10px 15px 0 0;
	}
	#conteneurBlog .conteneurBoiteDroite a  {
		color: #C6A04E;
	}
	#conteneurBlog .conteneurBoiteDroite a:hover  {
		color: #D6D5D5;
	}
	#conteneurBlog .conteneurBoiteDroite h2  {
		font-size: 14px;
	}
	.divFondGris {
		background-color: #113251;
		padding: 10px 5px 10px 5px;
		border: 1px solid #D8AF56;
	}
#basPage {
	position: relative;
	background-image: url(../images/bg_bas.jpg);
	background-repeat: no-repeat;
	height: 30px;
	left: 0px;
	top: 0px;
	width: 760px;
}
/* Elements du body et conteneur*/

/* ---------------------------------------------------------------------------------- */
/* En-tete */
#logoLabbeFrancoeur {
	padding: 24px 0 0 19px;
	margin: 0 auto;
	width: 316px;
	height: 155px;
	float: left;
}
/* En tete */

/* ---------------------------------------------------------------------------------- */
/* Boutons du menu haut */
#menu {
	clear: both;
	position: relative;
	width: 726px;
	height: 27px;
	margin: 0 auto;
	padding: 0 0 0 0;
	background: #D8AF56;
	border-top: 3px solid #D8AF56;
	line-height: 2em;
}
#menu ul { margin: 0; padding: 0;}
#menu li {
	margin: 0 0 0 0; 
	padding: 0 0 0 0;
	list-style-type: none;
	display: inline;
	text-align: center;
	text-transform: uppercase;
}
#menu a:link, #menu a:visited {
	display: block;
	width: 90px;
	height: 25px;
	padding: 0 0 0 0;
	float: left;
	font-weight: normal;
	text-decoration: none;	
}
#menu a.mAccueilOff, #menu a.mGroupeOff, #menu a.mMusiqueOff, #menu a.mVideosOff, #menu a.mPhotosOff, #menu a.mBlogOff, #menu a.mDevisOff, #menu a.mContactOff {
	border-bottom: 2px solid #D8AF56;
	background-color: #D8AF56;
	color: #000;
}	

#menu a.mAccueilOn, #menu a.mGroupeOn, #menu a.mMusiqueOn, #menu a.mVideosOn, #menu a.mPhotosOn, #menu a.mBlogOn, #menu a.mDevisOn, #menu a.mContactOn {
	background-color: #0F4272;
	border-bottom: 2px solid #0F4272;
	color: #fff;
}
#menu a:hover.mAccueilOn, #menu a:hover.mGroupeOn, #menu a:hover.mMusiqueOn, #menu a:hover.mVideosOn, #menu a:hover.mPhotosOn, #menu a:hover.mBlogOn, #menu a:hover.mDevisOn, #menu a:hover.mContactOn {
	background-image: url(../images/menu_fond_bleu.gif);
	background-repeat: no-repeat;
}
#menu a:hover.mAccueilOff, #menu a:hover.mGroupeOff, #menu a:hover.mMusiqueOff, #menu a:hover.mVideosOff, #menu a:hover.mPhotosOff, #menu a:hover.mBlogOff, #menu a:hover.mDevisOff, #menu a:hover.mContactOff {
	background-image: url(../images/menu_ligne_jaune.gif);
	background-repeat: no-repeat;
	color: #fff;
}
/* ---------------------------------------------------------------------------------- */
/* Contenu */
h1.tTitre {
	font-size: 12px;
	font-weight: bold;
	height: 26px;
	width: auto;
	background-image: url(../images/boite_g_titre_repeat.gif);
	background-repeat: repeat-x;
	margin: 0 0 0 0;
	padding: 6px 0 0 0;
	text-align: left;
	text-transform: uppercase;
	color: #FEF1D4;
}
#contenueGauche {
	float: left;
	width: 500px;
	padding: 30px 0 0 40px;
	height: auto;
}
#contenueGauche table {
	
	border: none;
}
#contenueDroite {
	/*float: right;*/
	width: auto;
	padding: 42px 20px 0 0;
	height: auto;
	color: #E0E0E0;
	font-size: 70%;
	text-align: center;
}
.rGroupe {
	text-align: right;
}
.divCenter {
	text-align: center;
}
/* ------------------------------------------------ */
/* Boites gauches */
.conteneurBoite {
	float: left;
	width: 500px;
	padding: 10px 0 0 0;
	margin: 0 auto;
	text-align: left;
}
.boiteGHaut {
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 500px;
	height: 26px;
	background-image: url(../images/boite_g_titre_droite_repeat.gif);
	background-repeat: repeat-x;
}
	.imgGaucheTitre {
		height: 26px;
		width: 27px;
		background-image: url(../images/boite_g_titre_gauche.gif);
		background-repeat: no-repeat;
	}
	.imgDroiteTitre {
		height: 26px;
		width: 9px;
		background-image: url(../images/boite_g_titre_droite.gif);
		background-repeat: no-repeat;
	}
.boiteGRepeat {
	float: left;
	width: 475px;
	height: auto;
	padding: 10px 10px 0 30px;
	margin: 0 0 0 0;
	text-align: justify;
}
.boiteGBas {
	float: left;
	width: 500px;
	height: 36px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
.divCenter {
	float: left;
	width: 475px;
	height: auto;
	padding: 20px 10px 0 30px;
	margin: 0 0 0 0;
	text-align: center;
}
.chanson {
	width: 460px;
	border-bottom: 1px dotted #D8AF56;
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
}
.titreChanson {
	float: left;
	width: auto;
}
.telechargerChanson {
	float: right;
	width: auto;
}
.blockquoteNormal {
	font-style: normal;
}
.videos {
	text-align: center;
	margin-top:40px;
}
.leVideo {
	width: 230px;
	text-align: center;
}
/* Boites gauches */
/* ------------------------------------------------ */

/* ------------------------------------------------ */
/* Boites droites */
.conteneurBoiteDroite {
	float: right;
	padding: 10px 5px 0 0;
	margin: 0 auto;
	text-align: center;
	line-height:1.2em;
}
.conteneurBoiteDroitePhotos {
	float: right;
	padding: 10px 0 0 0;
	margin: 0 20px 0 0;
	text-align: left;
	line-height:1.2em;
	width: 160px;
}
	.conteneurBoiteDroite p {
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}
	.conteneurBoiteDroite h2  {
		font-size: 14px;
	}
.boitepHaut {
	float: right;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 43px;
}
.boitepRepeat {
	float: right;
	height: auto;
	padding: 10px 0 0 0;
	margin: 0 0 0 0;
	line-height: 17px;
}
.boitepBas {
	float: right;
	height: 43px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
/* Boites droites */
/* ------------------------------------------------ */

/* ------------------------------------------------ */
/* Images */
img {
	border: none;
}
img.imgBlog {
	border:1px solid #D8AF56;
	padding: 0 0 0 0;
	margin: 0 5px 5px 0;
}
img.imgTexte {
	margin: 0 10px 5px 0;
	border:1px solid #D8AF56;
}
img.r, img.r-b {
	border: 1px solid #D8AF56;
	margin-bottom: 5px;
}
img.r-b {
	margin-left: 10px;
}
a:link img.r-b,
a:visited img.r-b {
	border:1px solid #D8AF56;
}
a:focus img.r-b,
a:hover img.r-b,
a:active img.r-b {
	border:1px solid #fff;
}
/* Images */
/* ------------------------------------------------ */


/* Contenu */

/* ---------------------------------------------------------------------------------- */
/* Bas de page */
#copyright {
	padding: 20px 0 0 0;
	font-size: 10px;
	text-align: center;
	clear: both;
	color: #A4A4A4;
	line-height:1em;
}
	#copyright p {
		padding: 0 0 3px 0;
	}