/** Références Couleurs
*
*  	Gris: 	#b4b4b4
*	Rose:	#bf1472
*
*/

html { background: #909090; }


/** BOXES ************************************************************************************************/

.box1, .box2, .box3, .box4 { margin-bottom: 8px; }

.box1 .top,
.box1 .bottom
{
	width: 237px;
	height: 5px;
}

.box2 .top,
.box2 .bottom
{
	width: 481px;
	height: 5px;
}

.box3 .top,
.box3 .bottom
{
	width: 727px;
	height: 5px;
}

.box4 .top,
.box4 .bottom
{
	width: 974px;
	height: 5px;
}

.box1 .top 		 { background: transparent url(/images/box1Top.png) no-repeat; 		}
.box1 .bottom 	 { background: transparent url(/images/box1Bottom.png) no-repeat; 	}
.box2 .top 		 { background: transparent url(/images/box2Top.png) no-repeat; 		}
.box2 .bottom 	 { background: transparent url(/images/box2Bottom.png) no-repeat; 	}
.box3 .top 		 { background: transparent url(/images/box3Top.png) no-repeat; 		}
.box3 .bottom 	 { background: transparent url(/images/box3Bottom.png) no-repeat; 	}
.box4 .top 		 { background: transparent url(/images/box4Top.png) no-repeat; 		}
.box4 .bottom 	 { background: transparent url(/images/box4Bottom.png) no-repeat; 	}

.box1 .content,
.box2 .content,
.box3 .content,
.box4 .content
{
	background: #fff;
	padding: .5em;
}

.box1 .content h2,
.box2 .content h2,
.box3 .content h2,
.box4 .content h2
{
	color: #bf1472;
	text-indent: -9999px;
}

.box1 .content p,
.box2 .content p,
.box3 .content p,
.box4 .content li
{
	padding: 0;
	font-size: 90%;
	color: #bc2371;
}

.diapo
{
	zoom: 1;
	background: #f5f5f5 !important;
	padding: 1.5em;
}

.diapo img
{
	margin: 0;
	width: 100px;
	padding: 5px;
	border: solid 1px #dedede;
	background: #fff;
	position: relative;
}

.diapo a {
	display: block;
	vertical-align: middle;
}

table.diapo td{
	position: relative;
 	width: 150px;
}


.savoirFaire .box1 .content { height: 205px; }
.savoirFaire .box4 .content { padding-left: 252px; }

.savoirFaire .box4 li
{
	display: inline;
	list-style-type: none;
}

.boxEvenementiel h2
{
	width: 126px;
	height: 38px;
	background: transparent url(/images/boxTitreEvenementiel.png) no-repeat;
}

.boxPromo h2
{
	width: 129px;
	height: 60px;
	background: transparent url(/images/boxTitrePromo.png) no-repeat;
}

.boxGroupes h2
{
	width: 129px;
	height: 41px;
	background: transparent url(/images/boxTitreGroupes.png) no-repeat;
}

.boxEntreprise h2
{
	width: 127px;
	height: 42px;
	background: transparent url(/images/boxTitreEntreprise.png) no-repeat;
}

.boxReferences h2
{
	width: 166px;
	height: 18px;
	background: transparent url(/images/boxTitreReferences.png) no-repeat;
}

	.boxReferences a { color: #d31b82; text-decoration: none; }

.boxRejoindre h2
{
	width: 139px;
	height: 21px;
	background: transparent url(/images/boxTitreRejoindre.png) no-repeat;
}

.boxCv h2
{
	width: 187px;
	height: 44px;
	background: transparent url(/images/boxTitreCv.png) no-repeat;
}

.boxContact h2
{
	width: 145px;
	height: 21px;
	background: transparent url(/images/boxTitreContact.png) no-repeat;
}

.boxVous h2
{
	width: 45px;
	height: 17px;
	background: transparent url(/images/boxTitreVous.png) no-repeat;
}

.boxManifestation h2
{
	width: 189px;
	height: 17px;
	background: transparent url(/images/boxTitreManifestation.png) no-repeat;
}

.boxMentions h2
{
	width: 160px;
	height: 17px;
	background: transparent url(/images/boxTitreMentions.png) no-repeat;
}


.boxImage .cache
{
	display:none;
	position: absolute;
	margin-top: 171px;
	margin-left: 12px;
	background: #000;
	width: 203px;
	height: 20px;
	filter: alpha(opacity = 50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

.boxImage h2
{
	display: none;
	position: absolute;
	color: #fff;
	margin-top: 173px;
	margin-left: 18px;
	font-size: 90%;
}


/** BULLES ***********************************************************************************************/

.bulleHorzTick
{
	width: 10px;
	height: 12px;
	background: transparent url(/images/bulleHorz.gif) no-repeat;
	position: absolute;
	margin-left: -1.3em;
}

.bulleVertTick
{
	width: 11px;
	height: 9px;
	background: transparent url(/images/bulleVert.gif) no-repeat;
	position: absolute;
	margin-top: 11px;
	*margin-top: 12px;
}


/** LAYOUT ***********************************************************************************************/

#doc{ background: #b4b4b4 url(/images/docBg.gif) repeat-x;}


/* Header */

#header
{
	position: relative;
	height: 114px;
	background: transparent url(/images/headerBg.gif) no-repeat;
	padding-top: 10px;
}

#header a,
#header h1
{
	position: relative;
	text-indent: -10000px;
}

#header a
{
	display: block;
	top: 1px;
	left: 56px;
	width: 51px;
	height: 96px;
	background: transparent url(/images/lienHomeCA.gif) no-repeat;
}

#header h1
{
	float: right;
	margin-right: 10px;
	width: 307px;
	height: 25px;
	background: transparent url(/images/headerSlogan.png) no-repeat;
}

#header a.reims,
#header a.nantes,
#header a.paris,
#header a.lyon
{
	display: block;
	height: 33px;
	float: right;
	position: absolute;
	top: 30px;

}

#header a.reims
{
	width: 99px;
	background: url(/images/reims.png) no-repeat;
	left: 610px;
}

#header a.nantes
{
	width: 108px;
	background: url(/images/nantes.png) no-repeat;
	left: 713px;
}

#header a.paris
{
	width: 89px;
	background: url(/images/paris.png) no-repeat;
	left: 819px;
}

#header a.lyon
{
	width: 59px;
	background: url(/images/lyon.png) no-repeat;
	left: 910px;
}

#header .adresse
{
	color:			#d1559a;
	display:		none;
	font-size:		12px;
	font-weight:	bold;
	position:		absolute;
	right:			15px;
	top:			70px;
}

/* navigation */

ul#nav
{
	width: 974px;
	height: 41px;
	background: transparent url(/images/navBg.png) no-repeat;
}

ul#nav li a
{
	display: block;
	line-height: 33px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 77%;
	background: transparent url(/images/lienNavBg.png) no-repeat right 1px;
	padding: 0 15px;
}

ul#nav li a.last { background-image: none; }

ul#nav li a:hover,
ul#nav li a.last:hover { background: transparent url(/images/lienNavHover.png) repeat-x 0 1px; }

ul#nav li a.selected
{
	height: 40px;
	background: transparent url(/images/lienNavSelected.gif) no-repeat 50% 1px !important;
}

a#lienAccueil
{
	text-indent: -10000px;
	width: 116px;
	height: 22px;
	background: transparent url(/images/lienHomeNav.png) no-repeat !important;
	position: relative;
	top: 8px;
	left: 18px;
	margin-right: 60px !important;
	padding-right: 0px !important;
}


a#lienAccueil:hover { background: transparent url(/images/lienHomeNav.png) no-repeat !important; }

a#lienHistoire 		{ width: 90px; 	}
a#lienSavoirFaire 	{ width: 113px; }
a#lienTenues		{ width: 71px; 	}
a#lienEvenements	{ width: 99px; 	}
a#lienRejoindre		{ width: 93px; 	}
a#lienContact		{ width: 130px; }


/* Contenu */

#content
{
	background: transparent url(/images/contentBg.gif) 44px 0 no-repeat;
	padding: 8px 0;
}


/* Footer */

#footer
{
	background: #909090;
	color: #f1bbd9;
	font-size: 77%;
	text-transform: uppercase;
	text-align: right;
	line-height: 2em;
	position: relative;
}

#footer a
{
	color: #f1bbd9;
	text-decoration: none;
}

#footer a:hover { text-decoration: underline; }

#footer .contentWrapper h3
{
	position: absolute;
	left: 155px;
	top: -4px;
	width: 96px;
	height: 18px;
	background: transparent url(/images/footerTitre.png) no-repeat;
}

#footer .contentWrapper
{
	position: relative;
	height: 111px;
	background: transparent url(/images/footerBar.jpg) no-repeat;
}

#footer .contentWrapper p
{
	position: relative;
	top: 5px;
	left: -20px;
}

#footer .contentWrapper p.credits,
#footer .contentWrapper p.credits a
{
	color: 			#d31b82;
	text-transform: none;
}



/** TITRES ***********************************************************************************************/

h1, h2	{ margin-top: 0; 	}

h3, th 	{ color: #cf5a95; 	}


/** FORMULAIRES ******************************************************************************************/

label, input, textarea 	{ display: block; 		}

input, textarea, select	{ margin-bottom: 1em; 	}

label
{
	font-weight: bold;
	color: #bf1472;
}

textarea { width: 695px; height: 200px; }

input.error,
textarea.error
{
	background: #fca4a4 !important;
	color: #fff !important;
	border: solid 1px #f97474 !important;
}


/** PAGES ************************************************************************************************/

/* Accueil */

.index
{
	background: transparent url(/images/indexBg.jpg) no-repeat 40px 0;
	height: 377px;
}

.index h2
{
	width: 267px;
	height: 127px;
	background: transparent url(/images/indexSlogan.png) no-repeat;
	text-indent: -9999px;
	position: relative;
	left: 158px;
	top: 20px;
}

.char1
{
	width: 142px;
	height: 378px;
	position: absolute;
	margin-top: -82px;
	margin-left: 5px;
	z-index: 2;
}


.welcomeGroup
{
	width: 			400px;
	height: 		376px;
	position: 		absolute;
	margin-top: 	-150px;
	margin-left: 	569px;
}

.logoAnim
{
	display: 		none;
	position: 		absolute;
	margin-top: 	15px;
	margin-left: 	235px;
}

/* Savoir-Faire */

.savoirFaire { position: relative; }

.savoirfaireChars
{
	width: 300px;
	height: 256px;
	background: transparent url(/images/savoirFaireGroupe.png) no-repeat;
	position: absolute;
	margin-top: -207px;
	margin-left: -6px;
}


/* Histoire */

.histoire h1
{
	text-indent: -9999px;
	width: 815px;
	height: 22px;
	background: url(/images/histoireTitre.png) no-repeat;
}

.histoire img
{
	display: block;
	padding: 10px;
	background: #fff;
	border: solid 1px #aaa;
}

.histoire h2.anne
{
	width: 38px;
	height: 13px;
	background: transparent url(/images/Anne.png) no-repeat;
}

.histoire h2.veronique
{
	width: 72px;
	height: 13px;
	background: transparent url(/images/veronique.png) no-repeat;
}


/* Nous rejoindre */

.rejoindreChar
{
	width: 243px;
	height: 383px;
	position: absolute;
	background: transparent url(/images/rejoindreChars.png) no-repeat;
	margin-left: 727px;
	margin-top: -200px;
}

.boxRejoindre .enhanced input,
.boxRejoindre .enhanced textarea,
.boxRejoindre .enhanced select,
.boxLogin .enhanced input,
.boxLogin .enhanced textarea
{
	background: #f0f0f0;
	border: solid 1px #dadada;
	padding: .5em;
	color: #888;
	font-weight: bold;
}

.boxRejoindre .enhanced input 	{ width: 330px;	}
.boxRejoindre .enhanced select 	{ width: 343px;	}

.boxCv input 	{ font-size: 80%; 	}


/* Nous contacter */

.boxContact input,
.boxContact textarea,
.boxContact select
{
	background: #f0f0f0;
	border: solid 1px #dadada;
	padding: .5em;
	color: #888;
	font-weight: bold;
}

input.imgCommit
{
	background: none !important;
	border: none !important;
	padding: 0 !important;
	margin-bottom: 0 !important;
}

#contact_nom,
#contact_societe,
#contact_adresse,
#contact_type,
#contact_lieu,
#contact_msg
{
	width: 454px;
}

#inputCp, #inputTel, #inputDates
{
	float: left;
	margin-right: 8px;
}

#contact_ville
{
	width: 272px;
	*width: 262px;
}

#contact_tel,
#contact_mail,
#contact_dates,
#contact_horaires
{
	width: 215px;
	*width: 209px;
}

#contact_dest
{
	width: 225px;
	*width: 219px;
}

#commitContact { margin-bottom: 0; }

.boxVous .content
{
	height: 456px;
	*height: 469px;
}


/* Nos tenues */

h2.tenues
{
	width: 105px;
	height: 17px;
	background: transparent url(/images/boxTitreTenues.png) no-repeat;
}

/* Nos events */

h2.events
{
	width: 155px;
	height: 17px;
	background: transparent url(/images/boxTitreEvents.png) no-repeat;
}



/** ADMIN */

h2.admin
{
	width: 141px;
	height: 17px;
	background: transparent url(/images/boxTitreAdmin.png) no-repeat;
}

h2.actions
{
	width: 170px;
	height: 17px;
	background: transparent url(/images/boxTitreActions.png) no-repeat;
}

h2.gestionTenues
{
	width: 190px;
	height: 17px;
	background: transparent url(/images/boxTitreGestionTenues.png) no-repeat;
}

h2.gestionEvents
{
	width: 240px;
	height: 17px;
	background: transparent url(/images/boxTitreGestionEvents.png) no-repeat;
}

.btnGestionTenues,
.btnGestionEvents,
.btnLogout,
.btnAjoutTenue,
.btnAjoutEvent
{
	display: block;
	text-indent: -9999px;
	width: 179px;
	height: 35px;
}

.btnGestionTenues 	{ background: transparent url(/images/btnGestionTenues.png) no-repeat; }
.btnGestionEvents 	{ background: transparent url(/images/btnGestionEvents.png) no-repeat; }
.btnLogout 			{ background: transparent url(/images/btnLogout.png) 		no-repeat; }
.btnAjoutTenue 		{ background: transparent url(/images/btnAjoutTenue.png)	no-repeat; }
.btnAjoutEvent 		{ background: transparent url(/images/btnAjoutEvent.png) 	no-repeat; }

.btnAjoutTenue,
.btnAjoutEvent
{
	float: right;
	margin-bottom: 1em;
}

table
{
	clear: right;
	width: 100%;
	margin-bottom: 0px;
}

table th 			{ text-align: left; height: 2em; font-size: 123%;}

table tr.odd 		{ background: #f5f5f5; }

table td 			{ color: #bc2371; padding: 0.5em;}

td.photo 			{ width: 50px; }

td.photo img
{
	background: #fff;
	border: solid 1px #dedede;
	padding: 5px;
}