/* CSS 3.0 */
/****** Document de présentation des styles du site 7'8 en coeur ******/
/* 
	rouge foncé : #740010
	rouge clair pour les liens : 
	typo pour les menus : Underwood Champion
	typo par défaut :  "Bitstream Vera Sans", Helvetica, Arial, Verdana;	
*/
/** Styles générale du site **/
/* couleur du fond */
@font-face {
    font-family: "Bitstream Vera Sans";
    src: url(http://www.78encoeur.asso.fr/fonts/BITSTRE0.eot);
  }
@font-face {
	font-family: "Bitstream Vera Sans" ;
	src: url(http://www.78encoeur.asso.fr/fonts/Vera.ttf);
	}

@font-face {
    font-family: "Underwood Champion";
	font-weight: normal;
    src: url(http://www.78encoeur.asso.fr/fonts/UNDERWO0.eot);
  }
@font-face {
	font-family: "Underwood Champion" ;
	font-weight: normal;
	src: url(http://www.78encoeur.asso.fr/fonts/uwch.ttf);
	}

body {
	background-image:url(http://www.78encoeur.asso.fr/images/background.jpg);
	background-repeat: no-repeat;
	background-position: center;
	border: 0 none;
	}

#marque {
	font-family: "Bitstream Vera Sans", Helvetica, Arial, Verdana; 
	color: #FFFFFF; 
	font-size: 16px;
	letter-spacing: -0.05em;
	line-height: 20px;
	padding-top: 0em;
	padding-left: 0px; 
	font-variant: normal; 
	font-style: normal;
	font-weight: bolder;
	text-align: center;
	}

/* style par défaut des images */
img{
	border: 0 none;
	}

/* style pour la bannière*/
#img_banniere{
	float: right;
	margin-right: 19em;
	padding-top: 4.5em;
	}

#img_banniere_solidarite{
	float: left;
	margin-left: 8em;
	padding-top: 2.5em;
	}

div#xiti-logo{
	text-align: center;
	}
	
/* style du <hr /> permettant de faire une ligne horizontale sous les titres */
hr{
	color: #740010;
	width: 40em;
	line-height: 0.5em;
	text-align: left;
	}
/* style du <br /> permettant de faire des retours de lignes plus petit */
br{
	line-height: 1em;
	}

br.paroles{
	line-height: 1em;
	}

br.form_cd{
	line-height: 1em;
	}

*+html br.paroles{
	line-height: 1em;
	}

br.partenaires{
	line-height: 0.8em;
	}

/* couleur des liens */
a:link, a:visited, a:hover {
	font-family: "Bitstream Vera Sans", Helvetica, Arial, sans-serif;
	font-size: 12pt;
	font-weight: normal;
	text-decoration: none;
	letter-spacing: -0.05em;
	color: #FFFFFF;
	}

a:hover {
	text-decoration: underline;
	}

/** Positionnement par défaut des éléments du site **/
#global {
	float: none;
	margin: 5em 0 5em 0;
	padding: 0 0 0 0;
	}

/* Styles du haut de la page */
#header {
	position: static;
	float: none;
	margin-left: auto;
	margin-right: auto;
	padding: 0 0 0 0;
	width: 1185px;
	height: 137px;
	background:url(http://www.78encoeur.asso.fr/images/fondhaut.png) no-repeat;
	}

/* Styles des différents contenus des pages */
#contenant, #contenant_news, #contenant_groupe, #contenant_equipe, #contenant_historique, #contenant_mariages, #contenant_concert, #contenant_contact, #contenant_partenaires, #contenant_presse, #contenant_photo, #contenant_repertoire, #contenant_livredor, #contenant_projets, #contenant_projets_martinique, #contenant_projets_kaolack, #contenant_login, #contenant_cmd {
	position: static;
	float: none;
	margin: auto;
	padding: 0 0 0 0;
	width: 1185px;
	height: 552px;
	}

#contenant {
	background:url(http://www.78encoeur.asso.fr/images/fondcontent.png) no-repeat;
	}

#contenant_news {
	background:url(http://www.78encoeur.asso.fr/images/fondcontent_news.png) no-repeat;
	}

#contenant_cmd {
	background:url(http://www.78encoeur.asso.fr/images/fondcontent_cmd.png) no-repeat;
	}

#contenant_groupe {
	background:url(http://www.78encoeur.asso.fr/images/fondcontent_groupe.png) no-repeat;
	}

#contenant_equipe {
	background:url(http://www.78encoeur.asso.fr/images/fondcontent.png) no-repeat;
	}

#contenant_historique {
	background:url(http://www.78encoeur.asso.fr/images/fondcontent_historique.png) no-repeat;
	}

#contenant_photo {
	background:url(http://www.78encoeur.asso.fr/images/fondcontent_photo.png) no-repeat;
	}

#contenant_repertoire {
	background:url(http://www.78encoeur.asso.fr/images/fondcontent_repertoire.png) no-repeat;
	}

#contenant_presse {
	background:url(http://www.78encoeur.asso.fr/images/fondcontent_presse.png) no-repeat;
	}

#contenant_partenaires {
	background:url(http://www.78encoeur.asso.fr/images/fondcontent_partenaires.png) no-repeat;
	}

#contenant_contact {
	background:url(http://www.78encoeur.asso.fr/images/fondcontent_contact.png) no-repeat;
	}

#contenant_concert {
	background:url(http://www.78encoeur.asso.fr/images/fondcontent_concert.png) no-repeat;
	}

#contenant_mariages {
	background:url(http://www.78encoeur.asso.fr/images/fondcontent_mariages.png) no-repeat;
	}

#contenant_livredor {
	background:url(http://www.78encoeur.asso.fr/images/fondcontent_livredor.png) no-repeat;
	}

#contenant_projets {
	background:url(http://www.78encoeur.asso.fr/images/fondcontent_projets.png) no-repeat;
	}

#contenant_projets_martinique {
	background:url(http://www.78encoeur.asso.fr/images/fondcontent_projets_mart.png) no-repeat;
	}

#contenant_projets_kaolack {
	background:url(http://www.78encoeur.asso.fr/images/fondcontent_projets_kaolack.png) no-repeat;
	}

#contenant_login {
	background:url(http://www.78encoeur.asso.fr/images/fondcontent_login.png) no-repeat;
	}

/* Styles du bas de la page */
#bottom {
	position: static;
	float: none;
	margin-left: auto;
	margin-right: auto;
	margin-top:-5.1em;
	padding: 0 0 0 0;
	width: 1185px;
	height: 150px;
	}
	
*+html #bottom {
	position: static;
	float: none;
	margin-left: auto;
	margin-right: auto;
	margin-top:-5.2em;
	padding: 0 0 0 0;
	width: 1185px;
	height: 150px;
	}

/** Fin des parametres **/

/** Paramètres complet du menu **/
/* paramètres généraux */
dl, dt, dd, ul, li {
	font-family: "Underwood Champion";
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
	
/* style du <br /> permettant de faire des retours de lignes plus petit */
br.menu{
	line-height: 2em;
	}

#menu, #menu li, #menu li a, #menu li a:hover {
	font-family: "Underwood Champion", Verdana, Arial;
	font-size: 16px;
	font-style: normal;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 2em;
	}
	
#menua, #menua li a, #menua li a:hover {
	font-family: "Underwood Champion", Verdana, Arial;
	font-size: 16px;
	font-style: normal;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 2em;
	text-align: right;
	padding-right: 5em;
}

div.titre_menu {
	display: block;
	padding-left: 1em;
	margin-top: 0em;
	}

/* styles du menu */	
div#menu ul ul {
	position: absolute;
	top: 0;
	bottom: 2em;
	display: none;
	}

div#menu {
	top: 11.6em;

}

#menu ul{
	list-style-type: none;
	vertical-align: middle;
	display: inline;
	}

#menu li{
	line-height: 2em;
	list-style-type: none;
	padding-left: 5.5em;
	display: inline;
	}

#menua ul{
	list-style-type: none;
	vertical-align: middle;
	display: inline;
	}

#menua li{
	line-height: 2em;
	list-style-type: none;
	padding-left: 5.5em;
	display: inline;
	}

/* couleur des liens dans le menu*/
#menu li a, #menua li a {
/*	font-size: 13pt;*/
	font-weight: bolder;
	display: inline;
	border: 0 none;
	height: 100%;
	}

#menu li a:hover, #menua li a:hover{
/*	font-size: 13pt;*/
	font-weight: bolder;
	display: inline;
	border: 0 none;
	height: 100%;
	}

/* Hack IE7 */
*+html div#menu ul ul {
	position: absolute;
	top: 0;
	left: 0em;
	bottom: 2em;
	display: none;
	}

*+html div.titre_menu {
	display: block;
	padding-left:2em;
	margin-top: 0em;
	}

*+html #menu ul.menu li.menu:hover ul.menu2 {
    margin-left: 2em;
	margin-top: 0.8em;
}

*+html #menu ul{
	font-size: 14pt;
	line-height: 2em;
	list-style-type: none;
	padding-left: 2em;
	display: inline;
	}

*+html #menu li{
	position: inherit;
	font-weight: bold;
	padding-left: 0.7em;
	}
	

/* Fin Hack IE7 */

/** Fin des paramètres du menu **/

/****************************************************************************************************** STYLES DES TITRES */	
#texte_def, h1, h2, h3, h4, #encart h1, #encart_cd h2, h1.historique, h2.historique, h2.commande, h1.titre_concerts, h1.titre_paroles, h2.titre_paroles, h2.plan_site, h1.photo_cat, h3.concerts {
	font-family: "Underwood Champion", Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	color: #740010;
	line-height: 1.8em;
	letter-spacing: -0.05em;
	margin: 0 0 0 0;
	}

#texte_def{
	font-size: 12pt;
	font-weight: bolder;
	line-height: 1.8em;
	padding-left: 0.5em;
	}

h1{
	font-size: 20px;
	font-weight: bolder;
	line-height: 1.8em;
	letter-spacing: 0.3em;
	padding-left: 0em;
	}
		
h1.titre_paroles{
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5em;
	padding-left: 0em;
	padding-top: 3em;
	text-align: center;
	color: #FFFFFF;
	}

h1.photo_cat{
	font-size: 17px;
	font-weight: bold;
	line-height: 1.5em;
	letter-spacing: -0.07em;
	padding-left: 0em;
	padding-top: 4em;
	text-align: center;
	color: #FFFFFF;
	}

h1.erreur{
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
	line-height: 1.8em;
	padding-top: 1em;
	padding-left: 0.5em;
	}

h2{
	font-size: 17px;
	font-weight: bold;
	line-height: 1.5em;
	padding-left: 0em;
	text-align: left;
	}

h2.titre_paroles{
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5em;
	text-align: center;
	letter-spacing: -0.10em;
	color: #FFFFFF;
	}

h2.historique{
	font-size: 16px;
	font-weight: bold;
	line-height: 2em;
	padding-left: 0em;
	letter-spacing: -0.10em;
	text-align: left;
	}

h2.plan_site{
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4em;
	padding-left: 0em;
	letter-spacing: -0.10em;
	text-align: left;
	}

h2.commande{
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: 1.8em;
	padding-left: 2.5em;
}		

h2.erreur{
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
	line-height: 1.8em;
	padding-left: 0.5em;
	}

h3{
	font-size: 12pt;
	font-weight: bold;
	line-height: 1.2em;
	letter-spacing: 0em;
	margin: 0 0 0 0.3em;
	padding-left: 0em;
	text-align: left;
	}

h3.concerts{
	font-size: 12pt;
	font-weight: bold;
	line-height: 1.2em;
	letter-spacing: 0em;
	margin: 0 0 0 0;
	padding-left: 1em;
	text-align: left;
	}

h4{
	font-family: "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.8em;
	letter-spacing: 0em;
	text-align: left;
	}

/******************************************************************************************************* STYLES DES TEXTES **/
/* les paragraphes */
p.news, p.index, p.erreur, p.texte, p#contact, p.presentation, p.histo, p.gospel, p#projet li, p.projets_left, p.projets_right, p.legal, p#legal_left, p#legal_right, p.presses, p.login{
	font-family: "Bitstream Vera Sans", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	letter-spacing: -0.05em;
	color: #740010;
	line-height: 1.8em;
	padding-left: 3em;
	margin: 0 0 0 0;
	}

/* les blocs div */
div#accueil, div#news, div#mariages, #encart, #encart_cd, #commande_cd, div#commandecd, div#commande, form.commande, #edito, div.annonces, div.dates, div#newsletter, #form_news, #dossier, div.plan_site, div#projets, div.temoignages, div.ajout_temoignages, table.temoignages, div#navigation2, div#img_partenaires, div#photos_mariages, div#navigation_mariages, div#projets_left, div#projets_right, div#projets_martinique_left, div#projets_martinique_right, div#projets_kaolack_left, div#projets_kaolack_right, div#somm, div#historique, div#histo_left, div#histo_right, div#repertoire, div#paroles, div#concert, div#photo_gf, div#navigation, div.navigation_gf, div#login, div#photos, div#photos_gf, div#photos_acc, table.photos_tab, td.photos_tab{
	font-family: "Bitstream Vera Sans", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	letter-spacing: -0.05em;
	color: #740010;
	line-height: 1.8em;
	padding-left: 4.5em;
	margin: 0 0 0 0;
	}

/* les liens hors-menu */
a.accueil:link, a.accueil:visited, a.accueil:hover, a.plan_site:link, a.plan_site:visited, a.plan_site:hover, #navigation2 a, #navigation2 a:hover, a.partenaires:link, a.partenaires:visited, a.partenaires:hover, #navigation_mariages a, #navigation_mariages a:hover, a.projets_left:link, a.projets_left:visited, a.projets_left:hover, a.projets_right:link, a.projets_right:visited, a.projets_right:hover, a.projets_martinique_left:link, a.projets_martinique_left:visited, a.projets_martinique_left:hover, a.projets_martinique_right:link, a.projets_martinique_right:visited, a.projets_martinique_right:hover, a.projets_kaolack_left:link, a.projets_kaolack_left:visited, a.projets_kaolack_left:hover, a.projets_kaolack_right:link, a.projets_kaolack_right:visited, a.projets_kaolack_right:hover, a.somm:link, a.somm:visited, a.somm:hover, a.histo_right:link, a.histo_right:visited, a.histo_right:hover, a.histo_left:link, a.histo_left:visited, a.histo_left:hover, a.historique:link, a.historique:visited, a.historique:hover, a.repertoire:link, a.repertoire:visited, a.repertoire:hover, a.presse:link, a.presse:visited, a.presse:hover, a.news:link, a.news:visited, a.news:hover, #navigation a, #navigation a:hover, a.navigation_photo:link, a.navigation_photo:hover, a.navigation_photo:visited, a.ariane, a.login {
	font-family: "Bitstream Vera Sans", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	color: #740010;
	line-height: 1.8em;
	letter-spacing: -0.05em;
	padding-left: 3em;
	margin: 0 0 0 0;
	}

/* style pour le fil d'arianne */
a.ariane {
	font-size: 11px;
	font-weight: bold;
	padding-left: 0em;
}
/* Fin style*/

p.erreur {
	text-align: center;
	padding-left: 1em;
	}

p.texte {
	text-align: left;
	padding-left: 0.5em;
	}

p.index {
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 0.5em;
	}

p.news {
	text-align: left;
	padding-left: 1em;
	width: 38em;
	}

p.presses {
	text-align: left;
	padding-left: 1em;
	width: 42em;
	}

p.legal {
	text-align: left;
	font-size: 13px;
	line-height: 1.5em;
	padding-left: 1em;
	width: 40em;
	}

p#legal_left {
	float: left;
	width: 20em;
	font-size: 13px;
	padding-left: 2em;
	text-align: left;
	display: block;
	}

p#legal_right {
	float: right;
	width: 10em;
	font-size: 13px;
	padding-right: 3em;
	text-align: left;
	display: block;
	}

strong.title {
	font-size: 9pt;
	letter-spacing: 0.1em;
	}

/****************************************************************************************************** STYLES UTILISÉS POUR LES NEWS **/
div#corps{
	position: static;
	display: block;
	height: 500px;
	padding-top: 2.5em;
	}

a.accueil:link, a.accueil:visited, a.accueil:hover{
	font-size:16px;
	padding-left: 0em;
	}

a.news:link, a.news:visited, a.news:hover{
	font-weight: bold;
	padding-left: 0em;
	}

div#accueil {
	float: left;
	width: 40em;
	padding-top: 0em;
	padding-left: 25em;
	margin-top: 2.0em;
	text-align: center;
	display: block;
	}

div#container_acc {
	float: left;
	width: 60em;
	padding-left: 0em;
	margin-left: -7em;
	line-height: 1.5em;
	text-align:center;
	display: block;
	}

div#news {
	float: left;
	width: 560px;
	padding-top: 0em;
	padding-left: 120px;
	margin-top: 45px;
	text-align: left;
	display: block;
	height: 380px;
	overflow: auto;
	}

*+html div#news {
	margin-top: 6.5em;
	padding-left: 10em;
	}


/* taille des liens */
a.plan_site:link, a.plan_site:visited, a.plan_site:hover {
	font-size: 9pt;
	}

br.plan_site{
	line-height: 0.8em;
	}

/** Parametres pour l'encart de la page des news **/
#encart_cd{
	float: right;
	position:static;
	margin-left: 0em;
	margin-right: 0em;
	padding-right: 10.7em;
	margin-top: -1em;
	padding-top: 0em;
	text-align: left;
	}

/** Parametres pour l'encart de la page des news **/
*+html #encart_cd{
	margin-left: 0em;
	margin-top: 3.8em;
	padding-right: 9em;
	padding-top: 0em;
	}

#encart_cd h2{
	letter-spacing: 0em;
	margin: 0 0 0 0em;
	text-align: left;
	}

div#commande {
	font-size: 9pt;
	font-weight: bold;
	width: 25em;
	text-align: left;
	margin-left: 0em;
	}

div#commandecd {
	width: 35em;
	line-height: 1.5em;
	text-align: left;
	margin-left: -8em;
	}

/* style pour le formulaire de la newsletter */
form.commande {
	text-align: left;
	}

#commande_cd {
	line-height: 1.5em;
	text-align: left;
	}


/****************************************************************************************************** STYLES POUR LES DATES DE CONCERTS DANS NEWS*/
div.dates {
	width: 47em;
	padding-top: 0.7em;
	padding-left: 0.5em;
	}

table.dates {
	width: 45em;
	border: 0px solid #D2000A;
	padding-top: 0.7em;
	padding-left: 1em;
}

tr.dates {
	width: 45em;
	border: 0px solid #D2000A;
	padding-top: 0.7em;
	padding-left: 1em;
}

td.dates {
	font-weight: bold;
	width: 15em;
	vertical-align: text-top;
	line-height: 2em;
	border: 0px solid #D2000A;
}

/****************************************************************************************************** STYLE POUR LE FORMULAIRE DE LA NEWSLETTER */
div#newsletter {
	margin-left: 1em;
	padding-top: 0.5em;
	}

form.newsletter {

	line-height: 0.5em;
	margin-top: -0.1em;
	padding-top: 0.5em;
	}

#form_news {
	line-height: 2em;
	}

/****************************************************************************************************** STYLES POUR LES DOSSIERS */
#dossier {
	margin-left: 0;
	padding-left: 0.5em;
	padding-top: 0.5em; 
	}

/** Fin des parametres **/
	
/****************************************************************************************************** STYLES UTILISÉS POUR LA PAGE PRÉSENTATION **/
div#presentation {
	float: left;
	width: 40em;
	padding-top: 0em;
	padding-left: 8em;
	margin-top: 3.5em;
	text-align: left;
	display: block;
	height: 25.5em;
	overflow: auto;
	}

div#organisateur {
	float: left;
	margin-top: -5.5em;
	display: block;
	}

#img_presentation{
	padding-left: 12em;
	padding-top: 1em;
	}

p.presentation {
	width: 38em;
	text-align: justify;
	padding-left: 1.5em;
	}

p.histo {
	text-align: justify;
	padding-left: 0em;
	width: 25em;
	}

p.gospel {
	text-align: justify;
	text-indent: 15px;
	padding-left: 0.5em;
	width: 500px;
	}

div#histo_left {
	font-size: 10px;
	float: left;
	width: 31em;
	padding-left: 18em;
	padding-top: 2em;
	margin-left: 0em;
	line-height: 1.3em;
	text-align:left;
	display: block;
	}

div#histo_right {
	font-size: 10px;
	float: right;
	width: 31em;
	padding-right: 25em;
	margin-right: 0em;
	line-height: 1.3em;
	text-align:left;
	display: block;
	}

div#container {
	float: right;
	width: 31em;
	padding-top: 5em;
	padding-right: 0em;
	margin-right: 0em;
	line-height: 1.5em;
	text-align:left;
	display: block;
	}

#img_historique{
	padding-left: 1em;
	padding-top: 1em;
	}

a.histo_right:link, a.histo_right:visited, a.histo_right:hover, a.histo_left:link, a.histo_left:visited, a.histo_left:hover, a.historique:link, a.historique:visited, a.historique:hover {
	font-size: 14px;
	font-weight: bold;
	padding-left: 0em;
	}


*+html div#histo_left {
	padding-top: 3em;
	}

*+html div#histo_right {
	padding-top: 3em;
	}

/** Fin des parametres **/

/****************************************************************************************************** STYLES CATÉGORIE PROJETS **/
div#projets_left {
	font-size: 13px;
	float: left;
	width: 24em;
	padding-top: 1em;
	padding-left: 13em;
	text-align:left;
	display: block;
	}

div#projets_right {
	font-size: 13px;
	float: right;
	width: 26em;
	padding-top: 1em;
	padding-right: 19.5em;
	text-align:left;
	display: block;
	}

div#projets_martinique_left, div#projets_kaolack_left {
	font-size: 13px;
	float: left;
	width: 30em;
	padding-top: 0em;
	margin-top: 0em;
	padding-left: 14em;
	text-align:left;
	display: block;
	}

div#projets_martinique_right,div#projets_kaolack_right {
	font-size: 13px;
	float: right;
	width: 30em;
	padding-top: 0em;
	margin-top: 0em;
	padding-right: 12em;
	text-align:left;
	display: block;
	}

p.projets_left {
	text-align: justify;
	padding-left: 1em;
	}

p.projets_right {
	text-align: justify;
	padding-right: 1em;
	}

h3.projets_right {
 	padding-left: 1.5em;
 	}

/** taille des liens **/
a.projets_left:link, a.projets_left:visited, a.projets_left:hover, a.projets_right:link, a.projets_right:visited, a.projets_right:hover {
	font-size: 12px;
	font-weight: bold;
	}

a.projets_martinique_left:link, a.projets_martinique_left:visited, a.projets_martinique_left:hover, a.projets_kaolack_left:link, a.projets_kaolack_left:visited, a.projets_kaolack_left:hover {
	float: left;
	padding-left: 0em;
	padding-top: 0.2em;
	font-size: 14px;
	font-weight: bold;
	}

a.projets_martinique_right:link, a.projets_martinique_right:visited, a.projets_martinique_right:hover, a.projets_kaolack_right:link, a.projets_kaolack_right:visited, a.projets_kaolack_right:hover {
	float: right;
	padding-right: 7em;
	padding-top: 0.2em;
	font-size: 14px;
	font-weight: bold;
	}

br.projets_right {
	line-height: 23em;
	}

/** Hack IE7 partie projets **/
*+html div#projets_left {
	padding-top: 3.5em;
	}

*+html div#projets_right {
	padding-top: 3.5em;
	}

*+html div#projets_martinique_left, *+html div#projets_kaolack_left {
	padding-top: 2.5em;
	}

*+html div#projets_martinique_right, *+html div#projets_kaolack_right {
	padding-top: 2.5em;
	}

/****************************************************************************************************** STYLES POUR LA PAGE MARIAGE */
div#mariages {
	float: left;
	width: 25em;
	padding-top: 27em;
	padding-left: 12em;
	text-align:left;
	display: block;
	}
	
strong#mariages {
	font-size: 12px;
	font-weight: 800;
	}
	
/** Styles photos mariages **/
div#photos_mariages {
	float: right;
	display: block;
	line-height: 2em;
	position: static;
	width: 450px;
	height: 250px;
	padding-top: 1.2em;
	padding-right: 17.15em;
	}

table.nav {
	font-family: "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 280px;
	border: none;
	}

table.photos_tab_mariages {
	font-family: "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 280px;
	border: none;
	}

img.hibiscus{
	float: none;
	position: relative;
	padding-left: 30.2em;
	margin-top: -14.5em;
	z-index: 0;
	}

/** Navigation photos_mariage **/
div#navigation_mariages {
	position: relative;
	float: right;
	display: block;
	font-size: 12px;
	line-height: 1em;
	padding-top: 0em;
	padding-right: 10em;
	z-index: 1;
	}

#navigation_mariages a {
	font-size: 12px;
	border: 0 none;
	}	

#navigation_mariages a:hover{
	font-size: 12px;
	text-decoration: none;
	border: 0 none;
	}

/** Hack IE7 **/ 
*+html div#photos_mariages {
	float: right;
	display: block;
	line-height: 2em;
	position: static;
	width: 450px;
	height: 250px;
	padding-top: 4.5em;
	padding-right: 17.2em;
	}

*+html img.hibiscus{
	float: none;
	position: relative;
	padding-left: 30.2em;
	margin-top: -14.5em;
	z-index: 0;
	}

*+html div#navigation_mariages {
	position: relative;
	float: right;
	display: block;
	font-size: 12px;
	line-height: 1em;
	padding-top: 0em;
	padding-right: 10em;
	}

/****************************************************************************************************** STYLES POUR LE LIVRE D'OR */
div#temoignages {
	float: right;
	position: relative;
	display: block;
	text-align: left;
	margin-right: 6em;
	margin-top: 7em;
	padding-right: 4.5em;
	padding-top: 0.3em;
	overflow: auto;
	height: 19em;
	}

table.temoignages {
	color: #FFFFFF;
	text-align: left;
	line-height: 1.3em;
	width: 37.5em;
	font-size: 13px;
	}

#temoignages {
	line-height: 1.8em;
	}

div#messages {
	float: right;
	position: relative;
	display: block;
	font-size: 10pt;
	text-align: left;
	margin-right: 6em;
	margin-top: 8.5em;
	padding-right: 2.0em;
	padding-top: 0em;
	overflow: auto;
	height: 310px;
	}

div.ajout_temoignages {
	float: right;
	font-size: 9pt;
	color: #FFFFFF;
	text-align: justify;
	width: 380px;
	padding-right: 5em;
	}

div#form_temoignages {
	float: right;
	line-height: 2em;
	color: #FFFFFF;
	width: 450px;
	padding-left: 7em;
	}

table.ins_temoignages {
	font-family: "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 420px;
	border: none;
}

td.ins_temoignages {
	line-height: 1.8em;
	border: none;
	vertical-align: middle;
	padding: 0.1em;
	text-align: left;
}

/*Navigation Livre d'or*/
div#navigation2 {
	position: relative;
	float: right;
	display: block;
	font-size: 12px;
	line-height: 1em;
	padding-top: 0em;
	}

#navigation2 a {
	font-size: 12px;
	border: 0 none;
	}	

#navigation2 a:hover{
	font-size: 12px;
	text-decoration: none;
	border: 0 none;
	}

/*Hack pour IE7*/
*+html div#navigation2 {
	position: relative;
	float: right;
	display: block;
	font-size: 12px;
	line-height: 1em;
	padding-top: 0em;
	padding-right: 4em;
	}

*+html div#temoignages {
	position: relative;
	float: right;
	display: block;
	text-align: left;
	margin-right: 7em;
	margin-top: 11em;
	padding-right: 0em;
	padding-top: 0em;
	overflow: auto;
	height: 22em;
	width: 36em;
	}

*+html table.temoignages {
	color: #FFFFFF;
	text-align: justify;
	line-height: 1.3em;
	width: 400px;
	font-size: 13px;
	}

*+html #temoignages {
	float: right;
	display: block;
	font-size: 10pt;
	text-align: left;
	height: 300px;
	line-height: 1.8em;
	}

/*page ajout message*/
*+html div#messages {
	float: right;
	position: relative;
	display: block;
	font-size: 10pt;
	text-align: left;
	margin-right: 9em;
	margin-top: 9em;
	padding-right: 5em;
	padding-top: 0em;
	overflow: hidden;
	height: 350px;
	width: 400px;
	}

*+html #messages {
	float: right;
	display: block;
	font-size: 10pt;
	text-align: left;
	line-height: 1.8em;
	}

*+html div.ajout_temoignages {
	float: right;
	font-size: 9pt;
	color: #FFFFFF;
	text-align: left;
	width: 400px;
	padding-left: 1em;
	padding-top: 2em;
	line-height: 1.5em;
	}

/*Formulaire d'ajout message */
*+html div#form_temoignages {
	float: right;
	line-height: 2em;
	color: #FFFFFF;
	width: 400px;
	padding-left: 1em;
	}
/*Fin du Hack*/

/****************************************************************************************************** PARTIE PRESSE **/
div#presse {
	float: left;
	width: 45em;
	padding-top: 0em;
	padding-left: 12em;
	margin-top: 3.5em;
	text-align: left;
	display: block;
	height: 27.5em;
	overflow: auto;
	}

*+html div#presse {
	margin-top: 5.5em;
/*	scrollbar-3dlight-color: #FCD96F;                     FFE778 E9B840 FFEC92
	scrollbar-face-color: #FCD96F; 
	scrollbar-arrow-color: #740010; 
	scrollbar-highlight-color: #FCD96F; 
	scrollbar-shadow-color: #FCD96F; 
	scrollbar-darkshadow-color: #FCD96F; 
	scrollbar-track-color: #FCD96F;*/
	}

a.presse:link, a.presse:visited, a.presse:hover{
	font-weight: bold;
	padding-left: 0em;
	}

/****************************************************************************************************** RÉPERTOIRE DE MUSIQUE **/

div#repertoire {
	float: left;
	width: 39em;
	padding-top: 0em;
	padding-left: 12em;
	margin-top: 3.5em;
	text-align: left;
	display: block;
	height: 27.5em;
	}

div#paroles {
	float: left;
	width: 45em;
	padding-top: 0em;
	padding-left: 2em;
	margin-top: 1.5em;
	text-align: left;
	display: block;
	height: 28em;
	overflow: auto;
	}

*+html div#paroles {
	padding-left: 5em;
	margin-top: 5.5em;
	height: 29em;
}

table.repertoire {
	font-family: "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 550px;
	border: none;
}

td.repertoire_label {
	line-height: 1.8em;
	border: none;
	vertical-align: middle;
	padding: 0em;
	text-align: left;
}

td.repertoire {
	line-height: 1.2em;
	border: none;
	vertical-align: middle;
	padding-left: 0.3em;
	text-align: left;
}

*+html div#repertoire {
	margin-top: 7.5em;
	padding-left: 13em;
}

a.repertoire:link, a.repertoire:visited, a.repertoire:hover {
	padding-left: 0em;
}

div#navigation_repertoire {
	line-height: 2em;
	position: static;
	text-align: right;
	}

#navigation_repertoire a, #navigation_repertoire a:hover {
	font-family: "Bitstream Vera Sans", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	color: #740010;
	line-height: 1.8em;
	padding-left: 1.5em;
	margin: 0 0 0 0;
	text-decoration: none;
	border: 0 none;
	height: 100%;
	}

#navigation_repertoire a {
	font-weight: normal;
	}

#navigation_repertoire a:hover{
	font-weight: bolder;
	}

/****************************************************************************************************** CONCERTS **/

div#concert {
	float: left;
	width: 60em;
	padding-top: 0em;
	padding-left: 11em;
	margin-top: 4.5em;
	text-align: left;
	display: block;
	height: 30.5em;
	overflow: auto;
	}

table.concerts {
	font-family: "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 480px;
	border: none;
}

td.concert_label {
	line-height: 1.8em;
	border: none;
	vertical-align: middle;
	padding-left: 2em;
	text-align: left;
}

td.concerts {
	line-height: 1.8em;
	border: none;
	vertical-align: middle;
	padding-left: 2em;
	text-align: left;
}

/****************************************************************************************************** GALERIE PHOTOS **/

div#photos {
	float: left;
	width: 50em;
	padding-top: 0em;
	padding-left: 9em;
	margin-top: 4em;
	text-align: left;
	display: block;
	height: 35em;
	overflow: auto;
	}

div#photos_acc {
	float: left;
	width: 50em;
	padding-top: 0em;
	padding-left: 9em;
	margin-top: 4em;
	text-align: left;
	display: block;
	height: 35em;
	overflow: auto;
	}

table.photos_tab {
	font-family: "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 570px;
	border: none;
}

td.vignette {
	line-height: 1.5em;
	-moz-border-radius: 10px;
	background-color:#FFFFFF;
	vertical-align: middle;
	padding-left: 0.5em;
	padding-top: 0.5em;
	text-align: left;
	width: 140px;
	height: 122px;
}

td.photos_tab {
	line-height: 1.8em;
	/*border: none;*/
	vertical-align: middle;
	padding-left: 2em;
	text-align: left;
}

div#photos_gf {
	overflow: auto;
	padding-top: 4.5em;
	padding-left: 13em;
	}

div.photosgf {
	text-align: center;
	padding-top: 0.5em;
	width: 530px;
	height: 365px;
	}

#photos_gf a {
	text-decoration: none;
	border: 0 none;
	height: 100%;
	}

#photos_gf a:hover{
	font-weight: bolder;
	text-decoration: underline;
	border: 0 none;
	height: 100%;
	}

/****************************************************************************************************** STYLE NAVIGATION DES GALLERIES PHOTOS, VIDÉOS ET DU REPERTOIRE */
div#navigation {
	line-height: 2em;
	position: static;
	text-align: right;
	padding-top: 0.5em;
	padding-right: 1.5em;
	}

div.navigation_gf {
	line-height: 2em;
	position: static;
	text-align: center;
	width: 600px;
	padding-left: 0em;
	}

#navigation a {
	text-decoration: none;
	border: 0 none;
	height: 100%;
	}

#navigation a:hover{
	font-weight: bolder;
	border: 0 none;
	height: 100%;
	}

a.navigation_photo {
	text-decoration: none;
	border: 0 none;
	height: 100%;
	}

a.navigation_photo:hover{
	font-weight: bolder;
	border: 0 none;
	height: 100%;
	}

table.navigation {
	text-align: center;
	width: 530px;
	}

td.navigation {
	width: 150px;
}

/****************************************************************************************************** PARTIE MENTIONS LÉGALES **/
div#legal {
	float: left;
	width: 41em;
	padding-top: 0em;
	padding-left: 9em;
	margin-top: 4.5em;
	text-align: left;
	display: block;
	height: 26em;
	overflow: auto;
	}
	
*+html div#legal {
	margin-top: 5.6em;
	height: 22.5em;
}

div#somm {
	font-size: 12px;
	padding-left: 3em;
	display: block;
	}

/* taille des liens légal */
a.somm:link, a.somm:visited, a.somm:hover {
	padding-left: 1.5em;
	font-size: 12px;
	}


div#liens{
	position: static;
	float: right;
	margin-top: -0.5em;
	padding-right: 10em;
	text-align: right;
	display: inline;
	}

a.liens:link, a.liens:visited, a.liens:hover {
	font-family: "Underwood Champion", Arial, Helvetica, sans-serif;
	}

/* Hack IE7 */
*+html div#liens{
	margin-top: 1.7em;
	}
/* Fin du Hack IE7*/

/* Hack IE6  A tester */
* html div#liens{
	margin-top: 1.7em;
	}
/* Fin du Hack IE6*/

/****************************************************************************************************** CONTACT **/
img.contact {
	margin-left: 13em;
	}
	
/****************************************************************************************************** PLAN DE SITE **/
a.plan_site:link, a.plan_site:visited, a.plan_site:hover {
	padding-left: 0em;
	font-size: 12px;
	line-height: 1.4em;
}

div#sitemap {
	float: left;
	width: 35em;
	padding-top: 0em;
	padding-left: 9em;
	margin-top: 3.5em;
	text-align: left;
	display: block;
	height: 23em;
	overflow: auto;
	}

div.plan_site {
	padding-left: 0.5em;
	width: 280px;
	}

div.plan_site2 {
	padding-left: 0.5em;
	width: 200px;
	}

/* styles page partenaires.php */
div#img_partenaires{
	float: left;
	display: block;
	padding-left: 11em;
	padding-top: 0em;
	margin-top: 5em;
	line-height: 1.3em;
	height: 32em;
	overflow: auto;
	width: 50em;
	}

a.partenaires:link, a.partenaires:visited, a.partenaires:hover{
	padding-left: 0em;
	}
	
/* Page de Login*/

div#login {
	float: left;
	width: 36em;
	padding-top: 8em;
	padding-left: 35em;
	text-align: left;
	display: block;
	}
	
p.login {
	text-align: justify;
	padding-left: 0em;
	font-size: 16px;
	}

a.login {
	font-size: 14px;
	font-weight: bold;
	}

form.login {
	float: left;
	width: 36em;
	padding-top: 1em;
	padding-left: 9em;
	text-align:justify;
	display: block;
	}

div#administrations {
	float: left;
	width: 36em;
	padding-top: 3em;
	padding-left: 15em;
	text-align:justify;
	display: block;
	}